Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This PR was opened by the Changesets release GitHub action. When you're ready to do a release, you can merge this and the packages will be published to npm automatically. If you're not ready to do a release yet, that's fine, whenever you add more changesets to main, this PR will be updated.
Releases
@sl-design-system/dialog@1.1.0
Minor Changes
#1576
b3619c7
- Improve ability toextends Dialog
This change improves the ability to extend the Dialog component by splitting the
render()
method into smaller methods. This makes it easier to override specific parts of the Dialog component:renderHeader(title: string, subtitle: string)
renderBody()
renderFooter()
renderActions()
The
renderHeader
method is slightly different. If all you want to do is add a title or subtitle to the header, you can override the method and callreturn super.renderHeader('My title', 'My subtitle')
.To be clear: the above API is only meant to be used when you are extending the
Dialog
class. If you are using the<sl-dialog>
element in your HTML, than you can still use theheader
,body
, andfooter
slots as before.Patch Changes
ebe4c8a
]:@sl-design-system/grid@0.2.0
Minor Changes
#1575
ebe4c8a
- MigrateDataSource
andArrayDataSource
to dedicated@sl-design-system/data-source
package.Since these are only used in the grid component, and that component is still in draft, migrating
this code into its own package is not considered a breaking change.
Patch Changes
#1567
f8c6b86
- AddellipsizeText
property to grid and columnWhen set on either
<sl-grid>
or<sl-grid-column>
(or any of their variants), theellipsizeText
propertywill render the table data using the
<sl-ellipsize-text>
component, which truncates text with an ellipsis when itoverflows its container. This is useful for tables with long text that would otherwise cause row height to grow.
The component also automatically adds a tooltip to the truncated text so that it can still be viewed.
#1575
ebe4c8a
- Automatically render an<sl-skeleton>
component in each<td>
elementWhen an item to be rendered equals
FetchDataSourcePlaceholder
, the column will render askeleton component instead of the item itself. This will help users understand that the
data is being fetched and will be displayed soon.
You have the option to customize the skeleton component by passing custom
renderer
functionto the column component. See Storybook for an example.
You will automatically get this behavior if you use the
FetchDataSource
(from the@sl-design-system/data-source
package) with the grid.Updated dependencies [
ebe4c8a
,ebe4c8a
,f8c6b86
]:@sl-design-system/shared@0.4.0
Minor Changes
#1575
ebe4c8a
- MigrateDataSource
andArrayDataSource
to dedicated@sl-design-system/data-source
package.Since these are only used in the grid component, and that component is still in draft, migrating
this code into its own package is not considered a breaking change.
@sl-design-system/accordion@1.1.2
Patch Changes
ebe4c8a
]:@sl-design-system/avatar@1.1.1
Patch Changes
ebe4c8a
]:@sl-design-system/button@1.0.4
Patch Changes
ebe4c8a
]:@sl-design-system/checkbox@2.0.1
Patch Changes
ebe4c8a
]:@sl-design-system/combobox@0.0.3
Patch Changes
#1551
99d6174
- Hide the placeholder when there is a selection in multiple mode#1563
ae44384
- Fix missing types in NPM packageUpdated dependencies [
ae44384
]:@sl-design-system/data-source@0.0.1
Patch Changes
#1575
ebe4c8a
- New@sl-design-system/data-source
packageThis packages provides
DataSource
,ArrayDataSource
andFetchDataSource
classesfor managing data sources in the design system. At the moment, it is only used by the
grid components, but it can be used in future components as well.
DataSource
andArrayDataSource
were previously part of the@sl-design-system/shared
package, but they have been moved to this new package to make them more reusable.
FetchDataSource
is a new data source around thewindow.fetch()
API that can be used tofetch data from a remote server.
Updated dependencies [
ebe4c8a
]:@sl-design-system/editor@0.0.32
Patch Changes
ebe4c8a
]:@sl-design-system/ellipsize-text@0.0.1
Patch Changes
#1567
f8c6b86
- New utility<sl-ellipsize-text>
componentUpdated dependencies []:
@sl-design-system/emoji@0.0.3
Patch Changes
#1563
ae44384
- Fix missing types in NPM packageUpdated dependencies [
ebe4c8a
]:@sl-design-system/form@1.0.5
Patch Changes
ebe4c8a
]:@sl-design-system/format-date@0.0.3
Patch Changes
ebe4c8a
]:@sl-design-system/inline-message@1.0.2
Patch Changes
ebe4c8a
]:@sl-design-system/listbox@0.0.2
Patch Changes
ae44384
- Fix missing types in NPM package@sl-design-system/menu@0.1.3
Patch Changes
ebe4c8a
]:@sl-design-system/panel@0.0.4
Patch Changes
#1563
ae44384
- Fix missing types in NPM packageUpdated dependencies [
ebe4c8a
,ae44384
]:@sl-design-system/popover@1.1.1
Patch Changes
ebe4c8a
]:@sl-design-system/radio-group@1.0.3
Patch Changes
ebe4c8a
]:@sl-design-system/search-field@0.0.6
Patch Changes
#1563
ae44384
- Fix missing types in NPM packageUpdated dependencies [
ebe4c8a
]:@sl-design-system/select@1.1.2
Patch Changes
ebe4c8a
]:@sl-design-system/switch@1.0.3
Patch Changes
ebe4c8a
]:@sl-design-system/tabs@1.0.1
Patch Changes
ebe4c8a
]:@sl-design-system/tag@0.0.4
Patch Changes
ebe4c8a
]:@sl-design-system/text-area@1.0.2
Patch Changes
ebe4c8a
]:@sl-design-system/text-field@1.4.1
Patch Changes
ebe4c8a
]:@sl-design-system/toggle-button@0.0.4
Patch Changes
ebe4c8a
]:@sl-design-system/toggle-group@0.0.4
Patch Changes
ebe4c8a
]:@sl-design-system/tool-bar@0.0.4
Patch Changes
#1563
ae44384
- Fix missing types in NPM packageUpdated dependencies []:
@sl-design-system/tooltip@1.1.1
Patch Changes
ebe4c8a
]: