@nldd/design-system 0.8.52 → 0.8.54
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/styles/slotted-reset.d.ts +51 -0
- package/dist/assets/styles/slotted-reset.d.ts.map +1 -0
- package/dist/assets/styles/slotted-reset.fixtures.d.ts +11 -0
- package/dist/assets/styles/slotted-reset.fixtures.d.ts.map +1 -0
- package/dist/assets/styles/slotted-reset.fixtures.js +20 -0
- package/dist/assets/styles/slotted-reset.fixtures.js.map +1 -0
- package/dist/assets/styles/slotted-reset.js +59 -0
- package/dist/assets/styles/slotted-reset.js.map +1 -0
- package/dist/components/actions/button/button.d.ts +11 -0
- package/dist/components/actions/button/button.d.ts.map +1 -1
- package/dist/components/actions/button/button.js +15 -1
- package/dist/components/actions/button/button.js.map +1 -1
- package/dist/components/actions/button/button.styles.d.ts.map +1 -1
- package/dist/components/actions/button/button.styles.js +36 -2
- package/dist/components/actions/button/button.styles.js.map +1 -1
- package/dist/components/actions/button/button.template.d.ts.map +1 -1
- package/dist/components/actions/button/button.template.js +21 -0
- package/dist/components/actions/button/button.template.js.map +1 -1
- package/dist/components/actions/icon-button/icon-button.d.ts +11 -0
- package/dist/components/actions/icon-button/icon-button.d.ts.map +1 -1
- package/dist/components/actions/icon-button/icon-button.js +15 -1
- package/dist/components/actions/icon-button/icon-button.js.map +1 -1
- package/dist/components/actions/icon-button/icon-button.styles.d.ts.map +1 -1
- package/dist/components/actions/icon-button/icon-button.styles.js +39 -2
- package/dist/components/actions/icon-button/icon-button.styles.js.map +1 -1
- package/dist/components/actions/icon-button/icon-button.template.d.ts.map +1 -1
- package/dist/components/actions/icon-button/icon-button.template.js +32 -5
- package/dist/components/actions/icon-button/icon-button.template.js.map +1 -1
- package/dist/components/{lists-and-menus → actions}/menu/menu.d.ts +3 -3
- package/dist/components/actions/menu/menu.d.ts.map +1 -0
- package/dist/components/actions/menu/menu.i18n.d.ts.map +1 -0
- package/dist/components/actions/menu/menu.i18n.js.map +1 -0
- package/dist/components/{lists-and-menus → actions}/menu/menu.js +3 -3
- package/dist/components/actions/menu/menu.js.map +1 -0
- package/dist/components/actions/menu/menu.styles.d.ts.map +1 -0
- package/dist/components/{lists-and-menus → actions}/menu/menu.styles.js +5 -1
- package/dist/components/actions/menu/menu.styles.js.map +1 -0
- package/dist/components/actions/menu/menu.template.d.ts.map +1 -0
- package/dist/components/actions/menu/menu.template.js.map +1 -0
- package/dist/components/actions/split-button/split-button.d.ts +1 -1
- package/dist/components/actions/split-button/split-button.d.ts.map +1 -1
- package/dist/components/actions/split-button/split-button.js +1 -1
- package/dist/components/actions/split-button/split-button.js.map +1 -1
- package/dist/components/actions/split-button/split-button.styles.d.ts.map +1 -1
- package/dist/components/actions/split-button/split-button.styles.js +2 -0
- package/dist/components/actions/split-button/split-button.styles.js.map +1 -1
- package/dist/components/actions/toolbar/toolbar.styles.d.ts.map +1 -1
- package/dist/components/actions/toolbar/toolbar.styles.js +4 -2
- package/dist/components/actions/toolbar/toolbar.styles.js.map +1 -1
- package/dist/components/components.js +76 -74
- package/dist/components/content/blockquote/blockquote.styles.d.ts.map +1 -1
- package/dist/components/content/blockquote/blockquote.styles.js +6 -2
- package/dist/components/content/blockquote/blockquote.styles.js.map +1 -1
- package/dist/components/content/code-viewer/code-viewer.styles.d.ts.map +1 -1
- package/dist/components/content/code-viewer/code-viewer.styles.js +4 -8
- package/dist/components/content/code-viewer/code-viewer.styles.js.map +1 -1
- package/dist/components/content/icon/icon-aliases.d.ts.map +1 -1
- package/dist/components/content/icon/icon-aliases.js +10 -5
- package/dist/components/content/icon/icon-aliases.js.map +1 -1
- package/dist/components/content/icon/icon-registry.d.ts.map +1 -1
- package/dist/components/content/icon/icon-registry.js +4 -2
- package/dist/components/content/icon/icon-registry.js.map +1 -1
- package/dist/components/content/image/image.styles.d.ts.map +1 -1
- package/dist/components/content/image/image.styles.js +18 -6
- package/dist/components/content/image/image.styles.js.map +1 -1
- package/dist/components/content/image/lqip-encoder-element.js +1 -1
- package/dist/components/content/keyboard-shortcut/keyboard-shortcut.styles.d.ts.map +1 -1
- package/dist/components/content/keyboard-shortcut/keyboard-shortcut.styles.js +2 -0
- package/dist/components/content/keyboard-shortcut/keyboard-shortcut.styles.js.map +1 -1
- package/dist/components/content/tag/tag.styles.d.ts.map +1 -1
- package/dist/components/content/tag/tag.styles.js +4 -2
- package/dist/components/content/tag/tag.styles.js.map +1 -1
- package/dist/components/content/title/title.styles.d.ts.map +1 -1
- package/dist/components/content/title/title.styles.js +21 -13
- package/dist/components/content/title/title.styles.js.map +1 -1
- package/dist/components/content/tooltip/tooltip.styles.d.ts.map +1 -1
- package/dist/components/content/tooltip/tooltip.styles.js +2 -0
- package/dist/components/content/tooltip/tooltip.styles.js.map +1 -1
- package/dist/components/forms/form-field/form-field.styles.d.ts.map +1 -1
- package/dist/components/forms/form-field/form-field.styles.js +34 -21
- package/dist/components/forms/form-field/form-field.styles.js.map +1 -1
- package/dist/components/{index-DYnIl3ts.js → index-C3JellW2.js} +1839 -997
- package/dist/components/index.d.ts +15 -14
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +16 -15
- package/dist/components/index.js.map +1 -1
- package/dist/components/inputs/checkbox-field/checkbox-field.styles.d.ts.map +1 -1
- package/dist/components/inputs/checkbox-field/checkbox-field.styles.js +2 -0
- package/dist/components/inputs/checkbox-field/checkbox-field.styles.js.map +1 -1
- package/dist/components/inputs/code-editor/code-editor.styles.d.ts.map +1 -1
- package/dist/components/inputs/code-editor/code-editor.styles.js +9 -0
- package/dist/components/inputs/code-editor/code-editor.styles.js.map +1 -1
- package/dist/components/inputs/combo-box/combo-box.d.ts +1 -1
- package/dist/components/inputs/combo-box/combo-box.d.ts.map +1 -1
- package/dist/components/inputs/combo-box/combo-box.js +1 -1
- package/dist/components/inputs/combo-box/combo-box.js.map +1 -1
- package/dist/components/inputs/combo-box/combo-box.styles.d.ts.map +1 -1
- package/dist/components/inputs/combo-box/combo-box.styles.js +2 -0
- package/dist/components/inputs/combo-box/combo-box.styles.js.map +1 -1
- package/dist/components/inputs/dropdown/dropdown.styles.d.ts.map +1 -1
- package/dist/components/inputs/dropdown/dropdown.styles.js +16 -13
- package/dist/components/inputs/dropdown/dropdown.styles.js.map +1 -1
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.d.ts.map +1 -1
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.js +2 -0
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.js.map +1 -1
- package/dist/components/inputs/number-field/number-field.styles.d.ts.map +1 -1
- package/dist/components/inputs/number-field/number-field.styles.js +2 -0
- package/dist/components/inputs/number-field/number-field.styles.js.map +1 -1
- package/dist/components/inputs/password-field/password-field.styles.d.ts.map +1 -1
- package/dist/components/inputs/password-field/password-field.styles.js +2 -0
- package/dist/components/inputs/password-field/password-field.styles.js.map +1 -1
- package/dist/components/inputs/radio-button-field/radio-button-field.styles.d.ts.map +1 -1
- package/dist/components/inputs/radio-button-field/radio-button-field.styles.js +2 -0
- package/dist/components/inputs/radio-button-field/radio-button-field.styles.js.map +1 -1
- package/dist/components/inputs/radio-button-group/radio-button-group.styles.d.ts.map +1 -1
- package/dist/components/inputs/radio-button-group/radio-button-group.styles.js +2 -0
- package/dist/components/inputs/radio-button-group/radio-button-group.styles.js.map +1 -1
- package/dist/components/inputs/search-field/search-field.styles.d.ts.map +1 -1
- package/dist/components/inputs/search-field/search-field.styles.js +2 -0
- package/dist/components/inputs/search-field/search-field.styles.js.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.d.ts +5 -5
- package/dist/components/inputs/segmented-control/segmented-control.d.ts.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.js +4 -4
- package/dist/components/inputs/segmented-control/segmented-control.js.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.styles.d.ts.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.styles.js +15 -2
- package/dist/components/inputs/segmented-control/segmented-control.styles.js.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.template.d.ts.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.template.js +6 -3
- package/dist/components/inputs/segmented-control/segmented-control.template.js.map +1 -1
- package/dist/components/inputs/switch-field/switch-field.styles.d.ts.map +1 -1
- package/dist/components/inputs/switch-field/switch-field.styles.js +2 -0
- package/dist/components/inputs/switch-field/switch-field.styles.js.map +1 -1
- package/dist/components/inputs/text-field/text-field.styles.d.ts.map +1 -1
- package/dist/components/inputs/text-field/text-field.styles.js +2 -0
- package/dist/components/inputs/text-field/text-field.styles.js.map +1 -1
- package/dist/components/inputs/toggle-button/toggle-button.js +3 -3
- package/dist/components/inputs/toggle-button/toggle-button.js.map +1 -1
- package/dist/components/inputs/toggle-button/toggle-button.styles.d.ts.map +1 -1
- package/dist/components/inputs/toggle-button/toggle-button.styles.js +2 -0
- package/dist/components/inputs/toggle-button/toggle-button.styles.js.map +1 -1
- package/dist/components/inputs/toggle-button/toggle-button.template.d.ts.map +1 -1
- package/dist/components/inputs/toggle-button/toggle-button.template.js +6 -1
- package/dist/components/inputs/toggle-button/toggle-button.template.js.map +1 -1
- package/dist/components/inputs/token/token.styles.d.ts.map +1 -1
- package/dist/components/inputs/token/token.styles.js +2 -0
- package/dist/components/inputs/token/token.styles.js.map +1 -1
- package/dist/components/layout/app-view/app-view.js +1 -1
- package/dist/components/layout/app-view/app-view.js.map +1 -1
- package/dist/components/layout/app-view/app-view.styles.js +1 -1
- package/dist/components/layout/card/card.styles.d.ts.map +1 -1
- package/dist/components/layout/card/card.styles.js +12 -0
- package/dist/components/layout/card/card.styles.js.map +1 -1
- package/dist/components/layout/page/page.styles.js +2 -2
- package/dist/components/layout/page-footer/page-footer.styles.d.ts.map +1 -1
- package/dist/components/layout/page-footer/page-footer.styles.js +2 -0
- package/dist/components/layout/page-footer/page-footer.styles.js.map +1 -1
- package/dist/components/layout/popover/popover.styles.js +1 -1
- package/dist/components/layout/sheet/sheet.styles.js +1 -1
- package/dist/components/layout/split-views/bar-split-view/bar-split-view.styles.js +2 -2
- package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.styles.js +4 -4
- package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.styles.js +2 -2
- package/dist/components/layout/split-views/split-view-pane/split-view-pane.styles.js +2 -2
- package/dist/components/layout/split-views/stacked-split-view/stacked-split-view.styles.js +2 -2
- package/dist/components/layout/window/window.styles.d.ts.map +1 -1
- package/dist/components/layout/window/window.styles.js +3 -1
- package/dist/components/layout/window/window.styles.js.map +1 -1
- package/dist/components/lists-and-tables/cells/cell/cell.d.ts.map +1 -0
- package/dist/components/{lists-and-menus → lists-and-tables}/cells/cell/cell.js +1 -1
- package/dist/components/lists-and-tables/cells/cell/cell.js.map +1 -0
- package/dist/components/lists-and-tables/cells/cell/cell.styles.d.ts.map +1 -0
- package/dist/components/{lists-and-menus → lists-and-tables}/cells/cell/cell.styles.js +2 -0
- package/dist/components/lists-and-tables/cells/cell/cell.styles.js.map +1 -0
- package/dist/components/lists-and-tables/cells/cell/cell.template.d.ts.map +1 -0
- package/dist/components/lists-and-tables/cells/cell/cell.template.js.map +1 -0
- package/dist/components/lists-and-tables/cells/description-cell/description-cell.d.ts.map +1 -0
- package/dist/components/{lists-and-menus → lists-and-tables}/cells/description-cell/description-cell.js +1 -1
- package/dist/components/lists-and-tables/cells/description-cell/description-cell.js.map +1 -0
- package/dist/components/lists-and-tables/cells/description-cell/description-cell.styles.d.ts.map +1 -0
- package/dist/components/{lists-and-menus → lists-and-tables}/cells/description-cell/description-cell.styles.js +18 -12
- package/dist/components/lists-and-tables/cells/description-cell/description-cell.styles.js.map +1 -0
- package/dist/components/lists-and-tables/cells/description-cell/description-cell.template.d.ts.map +1 -0
- package/dist/components/lists-and-tables/cells/description-cell/description-cell.template.js.map +1 -0
- package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.d.ts.map +1 -0
- package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.i18n.d.ts.map +1 -0
- package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.i18n.js.map +1 -0
- package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.js.map +1 -0
- package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.styles.d.ts.map +1 -0
- package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.styles.js.map +1 -0
- package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.template.d.ts.map +1 -0
- package/dist/components/lists-and-tables/cells/drag-handle-cell/drag-handle-cell.template.js.map +1 -0
- package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.d.ts.map +1 -0
- package/dist/components/{lists-and-menus → lists-and-tables}/cells/icon-cell/icon-cell.js +1 -1
- package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.js.map +1 -0
- package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.styles.d.ts.map +1 -0
- package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.styles.js.map +1 -0
- package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.template.d.ts.map +1 -0
- package/dist/components/lists-and-tables/cells/icon-cell/icon-cell.template.js.map +1 -0
- package/dist/components/lists-and-tables/cells/spacer-cell/spacer-cell.d.ts.map +1 -0
- package/dist/components/{lists-and-menus → lists-and-tables}/cells/spacer-cell/spacer-cell.js +1 -1
- package/dist/components/lists-and-tables/cells/spacer-cell/spacer-cell.js.map +1 -0
- package/dist/components/lists-and-tables/cells/spacer-cell/spacer-cell.styles.d.ts.map +1 -0
- package/dist/components/lists-and-tables/cells/spacer-cell/spacer-cell.styles.js.map +1 -0
- package/dist/components/lists-and-tables/cells/spacer-cell/spacer-cell.template.d.ts.map +1 -0
- package/dist/components/lists-and-tables/cells/spacer-cell/spacer-cell.template.js.map +1 -0
- package/dist/components/lists-and-tables/cells/text-cell/text-cell.d.ts.map +1 -0
- package/dist/components/{lists-and-menus → lists-and-tables}/cells/text-cell/text-cell.js +1 -1
- package/dist/components/lists-and-tables/cells/text-cell/text-cell.js.map +1 -0
- package/dist/components/lists-and-tables/cells/text-cell/text-cell.styles.d.ts.map +1 -0
- package/dist/components/{lists-and-menus → lists-and-tables}/cells/text-cell/text-cell.styles.js +2 -0
- package/dist/components/lists-and-tables/cells/text-cell/text-cell.styles.js.map +1 -0
- package/dist/components/lists-and-tables/cells/text-cell/text-cell.template.d.ts.map +1 -0
- package/dist/components/lists-and-tables/cells/text-cell/text-cell.template.js.map +1 -0
- package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.d.ts.map +1 -0
- package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.js.map +1 -0
- package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.styles.d.ts.map +1 -0
- package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.styles.js.map +1 -0
- package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.template.d.ts.map +1 -0
- package/dist/components/lists-and-tables/cells/timeline-track-cell/timeline-track-cell.template.js.map +1 -0
- package/dist/components/lists-and-tables/cells/title-cell/title-cell.d.ts.map +1 -0
- package/dist/components/{lists-and-menus → lists-and-tables}/cells/title-cell/title-cell.js +1 -1
- package/dist/components/lists-and-tables/cells/title-cell/title-cell.js.map +1 -0
- package/dist/components/lists-and-tables/cells/title-cell/title-cell.styles.d.ts.map +1 -0
- package/dist/components/{lists-and-menus → lists-and-tables}/cells/title-cell/title-cell.styles.js +2 -0
- package/dist/components/lists-and-tables/cells/title-cell/title-cell.styles.js.map +1 -0
- package/dist/components/lists-and-tables/cells/title-cell/title-cell.template.d.ts.map +1 -0
- package/dist/components/lists-and-tables/cells/title-cell/title-cell.template.js.map +1 -0
- package/dist/components/lists-and-tables/list/list.d.ts.map +1 -0
- package/dist/components/lists-and-tables/list/list.i18n.d.ts.map +1 -0
- package/dist/components/lists-and-tables/list/list.i18n.js.map +1 -0
- package/dist/components/{lists-and-menus → lists-and-tables}/list/list.js +1 -1
- package/dist/components/lists-and-tables/list/list.js.map +1 -0
- package/dist/components/lists-and-tables/list/list.styles.d.ts.map +1 -0
- package/dist/components/{lists-and-menus → lists-and-tables}/list/list.styles.js +3 -3
- package/dist/components/lists-and-tables/list/list.styles.js.map +1 -0
- package/dist/components/lists-and-tables/list/list.template.d.ts.map +1 -0
- package/dist/components/lists-and-tables/list/list.template.js.map +1 -0
- package/dist/components/lists-and-tables/list-item/list-item.d.ts.map +1 -0
- package/dist/components/lists-and-tables/list-item/list-item.js.map +1 -0
- package/dist/components/lists-and-tables/list-item/list-item.styles.d.ts.map +1 -0
- package/dist/components/lists-and-tables/list-item/list-item.styles.js.map +1 -0
- package/dist/components/lists-and-tables/list-item/list-item.template.d.ts.map +1 -0
- package/dist/components/lists-and-tables/list-item/list-item.template.js.map +1 -0
- package/dist/components/lists-and-tables/table/table.d.ts +137 -0
- package/dist/components/lists-and-tables/table/table.d.ts.map +1 -0
- package/dist/components/lists-and-tables/table/table.i18n.d.ts +6 -0
- package/dist/components/lists-and-tables/table/table.i18n.d.ts.map +1 -0
- package/dist/components/lists-and-tables/table/table.i18n.js +5 -0
- package/dist/components/lists-and-tables/table/table.i18n.js.map +1 -0
- package/dist/components/lists-and-tables/table/table.js +359 -0
- package/dist/components/lists-and-tables/table/table.js.map +1 -0
- package/dist/components/lists-and-tables/table/table.styles.d.ts +3 -0
- package/dist/components/lists-and-tables/table/table.styles.d.ts.map +1 -0
- package/dist/components/lists-and-tables/table/table.styles.js +120 -0
- package/dist/components/lists-and-tables/table/table.styles.js.map +1 -0
- package/dist/components/lists-and-tables/table/table.template.d.ts +3 -0
- package/dist/components/lists-and-tables/table/table.template.d.ts.map +1 -0
- package/dist/components/lists-and-tables/table/table.template.js +34 -0
- package/dist/components/lists-and-tables/table/table.template.js.map +1 -0
- package/dist/components/navigation/breadcrumbs/breadcrumbs.styles.d.ts.map +1 -1
- package/dist/components/navigation/breadcrumbs/breadcrumbs.styles.js +3 -0
- package/dist/components/navigation/breadcrumbs/breadcrumbs.styles.js.map +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.d.ts +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.d.ts.map +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.js +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.js.map +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.d.ts.map +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.js +3 -0
- package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.js.map +1 -1
- package/dist/components/navigation/link/link.styles.d.ts.map +1 -1
- package/dist/components/navigation/link/link.styles.js +2 -0
- package/dist/components/navigation/link/link.styles.js.map +1 -1
- package/dist/components/navigation/menu-bar/menu-bar.d.ts +1 -1
- package/dist/components/navigation/menu-bar/menu-bar.d.ts.map +1 -1
- package/dist/components/navigation/menu-bar/menu-bar.js +1 -1
- package/dist/components/navigation/menu-bar/menu-bar.js.map +1 -1
- package/dist/components/navigation/menu-bar/menu-bar.styles.d.ts.map +1 -1
- package/dist/components/navigation/menu-bar/menu-bar.styles.js +2 -0
- package/dist/components/navigation/menu-bar/menu-bar.styles.js.map +1 -1
- package/dist/components/navigation/menu-bar-item/menu-bar-item.d.ts +1 -1
- package/dist/components/navigation/menu-bar-item/menu-bar-item.d.ts.map +1 -1
- package/dist/components/navigation/menu-bar-item/menu-bar-item.js +1 -1
- package/dist/components/navigation/menu-bar-item/menu-bar-item.js.map +1 -1
- package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.d.ts.map +1 -1
- package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.js +2 -0
- package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.js.map +1 -1
- package/dist/components/navigation/pagination/pagination.styles.d.ts.map +1 -1
- package/dist/components/navigation/pagination/pagination.styles.js +2 -0
- package/dist/components/navigation/pagination/pagination.styles.js.map +1 -1
- package/dist/components/navigation/skip-link/skip-link.styles.d.ts.map +1 -1
- package/dist/components/navigation/skip-link/skip-link.styles.js +4 -2
- package/dist/components/navigation/skip-link/skip-link.styles.js.map +1 -1
- package/dist/components/navigation/tab-bar/tab-bar.styles.d.ts.map +1 -1
- package/dist/components/navigation/tab-bar/tab-bar.styles.js +4 -1
- package/dist/components/navigation/tab-bar/tab-bar.styles.js.map +1 -1
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.js +3 -3
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.js.map +1 -1
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.d.ts.map +1 -1
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.js +3 -1
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.js.map +1 -1
- package/dist/components/navigation/top-title-bar/top-title-bar.styles.d.ts.map +1 -1
- package/dist/components/navigation/top-title-bar/top-title-bar.styles.js +4 -2
- package/dist/components/navigation/top-title-bar/top-title-bar.styles.js.map +1 -1
- package/dist/components/{prism-python-C9GXiQLy.js → prism-python-QiimuE8j.js} +1 -1
- package/dist/components/{prism-rust-De_U8Otq.js → prism-rust-D4vfxUpk.js} +1 -1
- package/dist/components/{prism-typescript-BJbUDHsa.js → prism-typescript-Dy2F4cF2.js} +1 -1
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.d.ts +80 -0
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.d.ts.map +1 -0
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.i18n.d.ts +5 -0
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.i18n.d.ts.map +1 -0
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.i18n.js +4 -0
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.i18n.js.map +1 -0
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.js +163 -0
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.js.map +1 -0
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.styles.d.ts +2 -0
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.styles.d.ts.map +1 -0
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.styles.js +151 -0
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.styles.js.map +1 -0
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.template.d.ts +4 -0
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.template.d.ts.map +1 -0
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.template.js +41 -0
- package/dist/components/status-and-feedback/activity-indicator/activity-indicator.template.js.map +1 -0
- package/dist/components/status-and-feedback/badge/badge.styles.d.ts.map +1 -1
- package/dist/components/status-and-feedback/badge/badge.styles.js +5 -3
- package/dist/components/status-and-feedback/badge/badge.styles.js.map +1 -1
- package/dist/components/status-and-feedback/banner/banner.d.ts +3 -3
- package/dist/components/status-and-feedback/banner/banner.d.ts.map +1 -1
- package/dist/components/status-and-feedback/banner/banner.js +3 -2
- package/dist/components/status-and-feedback/banner/banner.js.map +1 -1
- package/dist/components/status-and-feedback/banner/banner.styles.d.ts.map +1 -1
- package/dist/components/status-and-feedback/banner/banner.styles.js +12 -10
- package/dist/components/status-and-feedback/banner/banner.styles.js.map +1 -1
- package/dist/components/status-and-feedback/banner/banner.template.d.ts.map +1 -1
- package/dist/components/status-and-feedback/banner/banner.template.js +2 -4
- package/dist/components/status-and-feedback/banner/banner.template.js.map +1 -1
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.styles.d.ts.map +1 -1
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.styles.js +2 -0
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.styles.js.map +1 -1
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.styles.d.ts.map +1 -1
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.styles.js +3 -1
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.styles.js.map +1 -1
- package/dist/components/status-and-feedback/progress-bar/progress-bar.d.ts +27 -22
- package/dist/components/status-and-feedback/progress-bar/progress-bar.d.ts.map +1 -1
- package/dist/components/status-and-feedback/progress-bar/progress-bar.js +88 -80
- package/dist/components/status-and-feedback/progress-bar/progress-bar.js.map +1 -1
- package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.d.ts +1 -1
- package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.d.ts.map +1 -1
- package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.js +88 -83
- package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.js.map +1 -1
- package/dist/components/status-and-feedback/progress-bar/progress-bar.template.js +22 -22
- package/dist/components/status-and-feedback/progress-bar/progress-bar.template.js.map +1 -1
- package/dist/components/status-and-feedback/progress-circle/progress-circle.d.ts +31 -14
- package/dist/components/status-and-feedback/progress-circle/progress-circle.d.ts.map +1 -1
- package/dist/components/status-and-feedback/progress-circle/progress-circle.js +84 -61
- package/dist/components/status-and-feedback/progress-circle/progress-circle.js.map +1 -1
- package/dist/components/status-and-feedback/progress-circle/progress-circle.styles.d.ts +1 -1
- package/dist/components/status-and-feedback/progress-circle/progress-circle.styles.d.ts.map +1 -1
- package/dist/components/status-and-feedback/progress-circle/progress-circle.styles.js +97 -80
- package/dist/components/status-and-feedback/progress-circle/progress-circle.styles.js.map +1 -1
- package/dist/components/status-and-feedback/progress-circle/progress-circle.template.d.ts +6 -0
- package/dist/components/status-and-feedback/progress-circle/progress-circle.template.d.ts.map +1 -1
- package/dist/components/status-and-feedback/progress-circle/progress-circle.template.js +71 -20
- package/dist/components/status-and-feedback/progress-circle/progress-circle.template.js.map +1 -1
- package/dist/css/rich-text.css +43 -15
- package/dist/css/settings.css +234 -111
- package/dist/utilities/page-section-mixin.js +1 -1
- package/dist/utilities/page-section-mixin.js.map +1 -1
- package/dist/utilities/visibility-mixin.d.ts +8 -4
- package/dist/utilities/visibility-mixin.d.ts.map +1 -1
- package/dist/utilities/visibility-mixin.js +36 -8
- package/dist/utilities/visibility-mixin.js.map +1 -1
- package/package.json +32 -28
- package/dist/components/lists-and-menus/cells/cell/cell.d.ts.map +0 -1
- package/dist/components/lists-and-menus/cells/cell/cell.js.map +0 -1
- package/dist/components/lists-and-menus/cells/cell/cell.styles.d.ts.map +0 -1
- package/dist/components/lists-and-menus/cells/cell/cell.styles.js.map +0 -1
- package/dist/components/lists-and-menus/cells/cell/cell.template.d.ts.map +0 -1
- package/dist/components/lists-and-menus/cells/cell/cell.template.js.map +0 -1
- package/dist/components/lists-and-menus/cells/description-cell/description-cell.d.ts.map +0 -1
- package/dist/components/lists-and-menus/cells/description-cell/description-cell.js.map +0 -1
- package/dist/components/lists-and-menus/cells/description-cell/description-cell.styles.d.ts.map +0 -1
- package/dist/components/lists-and-menus/cells/description-cell/description-cell.styles.js.map +0 -1
- package/dist/components/lists-and-menus/cells/description-cell/description-cell.template.d.ts.map +0 -1
- package/dist/components/lists-and-menus/cells/description-cell/description-cell.template.js.map +0 -1
- package/dist/components/lists-and-menus/cells/drag-handle-cell/drag-handle-cell.d.ts.map +0 -1
- package/dist/components/lists-and-menus/cells/drag-handle-cell/drag-handle-cell.i18n.d.ts.map +0 -1
- package/dist/components/lists-and-menus/cells/drag-handle-cell/drag-handle-cell.i18n.js.map +0 -1
- package/dist/components/lists-and-menus/cells/drag-handle-cell/drag-handle-cell.js.map +0 -1
- package/dist/components/lists-and-menus/cells/drag-handle-cell/drag-handle-cell.styles.d.ts.map +0 -1
- package/dist/components/lists-and-menus/cells/drag-handle-cell/drag-handle-cell.styles.js.map +0 -1
- package/dist/components/lists-and-menus/cells/drag-handle-cell/drag-handle-cell.template.d.ts.map +0 -1
- package/dist/components/lists-and-menus/cells/drag-handle-cell/drag-handle-cell.template.js.map +0 -1
- package/dist/components/lists-and-menus/cells/icon-cell/icon-cell.d.ts.map +0 -1
- package/dist/components/lists-and-menus/cells/icon-cell/icon-cell.js.map +0 -1
- package/dist/components/lists-and-menus/cells/icon-cell/icon-cell.styles.d.ts.map +0 -1
- package/dist/components/lists-and-menus/cells/icon-cell/icon-cell.styles.js.map +0 -1
- package/dist/components/lists-and-menus/cells/icon-cell/icon-cell.template.d.ts.map +0 -1
- package/dist/components/lists-and-menus/cells/icon-cell/icon-cell.template.js.map +0 -1
- package/dist/components/lists-and-menus/cells/spacer-cell/spacer-cell.d.ts.map +0 -1
- package/dist/components/lists-and-menus/cells/spacer-cell/spacer-cell.js.map +0 -1
- package/dist/components/lists-and-menus/cells/spacer-cell/spacer-cell.styles.d.ts.map +0 -1
- package/dist/components/lists-and-menus/cells/spacer-cell/spacer-cell.styles.js.map +0 -1
- package/dist/components/lists-and-menus/cells/spacer-cell/spacer-cell.template.d.ts.map +0 -1
- package/dist/components/lists-and-menus/cells/spacer-cell/spacer-cell.template.js.map +0 -1
- package/dist/components/lists-and-menus/cells/text-cell/text-cell.d.ts.map +0 -1
- package/dist/components/lists-and-menus/cells/text-cell/text-cell.js.map +0 -1
- package/dist/components/lists-and-menus/cells/text-cell/text-cell.styles.d.ts.map +0 -1
- package/dist/components/lists-and-menus/cells/text-cell/text-cell.styles.js.map +0 -1
- package/dist/components/lists-and-menus/cells/text-cell/text-cell.template.d.ts.map +0 -1
- package/dist/components/lists-and-menus/cells/text-cell/text-cell.template.js.map +0 -1
- package/dist/components/lists-and-menus/cells/timeline-track-cell/timeline-track-cell.d.ts.map +0 -1
- package/dist/components/lists-and-menus/cells/timeline-track-cell/timeline-track-cell.js.map +0 -1
- package/dist/components/lists-and-menus/cells/timeline-track-cell/timeline-track-cell.styles.d.ts.map +0 -1
- package/dist/components/lists-and-menus/cells/timeline-track-cell/timeline-track-cell.styles.js.map +0 -1
- package/dist/components/lists-and-menus/cells/timeline-track-cell/timeline-track-cell.template.d.ts.map +0 -1
- package/dist/components/lists-and-menus/cells/timeline-track-cell/timeline-track-cell.template.js.map +0 -1
- package/dist/components/lists-and-menus/cells/title-cell/title-cell.d.ts.map +0 -1
- package/dist/components/lists-and-menus/cells/title-cell/title-cell.js.map +0 -1
- package/dist/components/lists-and-menus/cells/title-cell/title-cell.styles.d.ts.map +0 -1
- package/dist/components/lists-and-menus/cells/title-cell/title-cell.styles.js.map +0 -1
- package/dist/components/lists-and-menus/cells/title-cell/title-cell.template.d.ts.map +0 -1
- package/dist/components/lists-and-menus/cells/title-cell/title-cell.template.js.map +0 -1
- package/dist/components/lists-and-menus/list/list.d.ts.map +0 -1
- package/dist/components/lists-and-menus/list/list.i18n.d.ts.map +0 -1
- package/dist/components/lists-and-menus/list/list.i18n.js.map +0 -1
- package/dist/components/lists-and-menus/list/list.js.map +0 -1
- package/dist/components/lists-and-menus/list/list.styles.d.ts.map +0 -1
- package/dist/components/lists-and-menus/list/list.styles.js.map +0 -1
- package/dist/components/lists-and-menus/list/list.template.d.ts.map +0 -1
- package/dist/components/lists-and-menus/list/list.template.js.map +0 -1
- package/dist/components/lists-and-menus/list-item/list-item.d.ts.map +0 -1
- package/dist/components/lists-and-menus/list-item/list-item.js.map +0 -1
- package/dist/components/lists-and-menus/list-item/list-item.styles.d.ts.map +0 -1
- package/dist/components/lists-and-menus/list-item/list-item.styles.js.map +0 -1
- package/dist/components/lists-and-menus/list-item/list-item.template.d.ts.map +0 -1
- package/dist/components/lists-and-menus/list-item/list-item.template.js.map +0 -1
- package/dist/components/lists-and-menus/menu/menu.d.ts.map +0 -1
- package/dist/components/lists-and-menus/menu/menu.i18n.d.ts.map +0 -1
- package/dist/components/lists-and-menus/menu/menu.i18n.js.map +0 -1
- package/dist/components/lists-and-menus/menu/menu.js.map +0 -1
- package/dist/components/lists-and-menus/menu/menu.styles.d.ts.map +0 -1
- package/dist/components/lists-and-menus/menu/menu.styles.js.map +0 -1
- package/dist/components/lists-and-menus/menu/menu.template.d.ts.map +0 -1
- package/dist/components/lists-and-menus/menu/menu.template.js.map +0 -1
- package/dist/components/status-and-feedback/progress/progress.d.ts +0 -77
- package/dist/components/status-and-feedback/progress/progress.d.ts.map +0 -1
- package/dist/components/status-and-feedback/progress/progress.i18n.d.ts +0 -5
- package/dist/components/status-and-feedback/progress/progress.i18n.d.ts.map +0 -1
- package/dist/components/status-and-feedback/progress/progress.i18n.js +0 -4
- package/dist/components/status-and-feedback/progress/progress.i18n.js.map +0 -1
- package/dist/components/status-and-feedback/progress/progress.js +0 -137
- package/dist/components/status-and-feedback/progress/progress.js.map +0 -1
- package/dist/components/status-and-feedback/progress/progress.styles.d.ts +0 -2
- package/dist/components/status-and-feedback/progress/progress.styles.d.ts.map +0 -1
- package/dist/components/status-and-feedback/progress/progress.styles.js +0 -57
- package/dist/components/status-and-feedback/progress/progress.styles.js.map +0 -1
- package/dist/components/status-and-feedback/progress/progress.template.d.ts +0 -4
- package/dist/components/status-and-feedback/progress/progress.template.d.ts.map +0 -1
- package/dist/components/status-and-feedback/progress/progress.template.js +0 -26
- package/dist/components/status-and-feedback/progress/progress.template.js.map +0 -1
- /package/dist/components/{lists-and-menus → actions}/menu/menu.i18n.d.ts +0 -0
- /package/dist/components/{lists-and-menus → actions}/menu/menu.i18n.js +0 -0
- /package/dist/components/{lists-and-menus → actions}/menu/menu.styles.d.ts +0 -0
- /package/dist/components/{lists-and-menus → actions}/menu/menu.template.d.ts +0 -0
- /package/dist/components/{lists-and-menus → actions}/menu/menu.template.js +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/cell/cell.d.ts +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/cell/cell.styles.d.ts +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/cell/cell.template.d.ts +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/cell/cell.template.js +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/description-cell/description-cell.d.ts +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/description-cell/description-cell.styles.d.ts +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/description-cell/description-cell.template.d.ts +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/description-cell/description-cell.template.js +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/drag-handle-cell/drag-handle-cell.d.ts +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/drag-handle-cell/drag-handle-cell.i18n.d.ts +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/drag-handle-cell/drag-handle-cell.i18n.js +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/drag-handle-cell/drag-handle-cell.js +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/drag-handle-cell/drag-handle-cell.styles.d.ts +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/drag-handle-cell/drag-handle-cell.styles.js +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/drag-handle-cell/drag-handle-cell.template.d.ts +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/drag-handle-cell/drag-handle-cell.template.js +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/icon-cell/icon-cell.d.ts +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/icon-cell/icon-cell.styles.d.ts +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/icon-cell/icon-cell.styles.js +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/icon-cell/icon-cell.template.d.ts +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/icon-cell/icon-cell.template.js +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/spacer-cell/spacer-cell.d.ts +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/spacer-cell/spacer-cell.styles.d.ts +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/spacer-cell/spacer-cell.styles.js +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/spacer-cell/spacer-cell.template.d.ts +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/spacer-cell/spacer-cell.template.js +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/text-cell/text-cell.d.ts +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/text-cell/text-cell.styles.d.ts +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/text-cell/text-cell.template.d.ts +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/text-cell/text-cell.template.js +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/timeline-track-cell/timeline-track-cell.d.ts +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/timeline-track-cell/timeline-track-cell.js +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/timeline-track-cell/timeline-track-cell.styles.d.ts +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/timeline-track-cell/timeline-track-cell.styles.js +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/timeline-track-cell/timeline-track-cell.template.d.ts +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/timeline-track-cell/timeline-track-cell.template.js +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/title-cell/title-cell.d.ts +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/title-cell/title-cell.styles.d.ts +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/title-cell/title-cell.template.d.ts +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/cells/title-cell/title-cell.template.js +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/list/list.d.ts +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/list/list.i18n.d.ts +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/list/list.i18n.js +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/list/list.styles.d.ts +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/list/list.template.d.ts +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/list/list.template.js +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/list-item/list-item.d.ts +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/list-item/list-item.js +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/list-item/list-item.styles.d.ts +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/list-item/list-item.styles.js +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/list-item/list-item.template.d.ts +0 -0
- /package/dist/components/{lists-and-menus → lists-and-tables}/list-item/list-item.template.js +0 -0
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Reset for slotted (light-DOM) content in shadow-DOM components.
|
|
3
|
+
*
|
|
4
|
+
* Slotted nodes live in the consumer's document, so document-level CSS —
|
|
5
|
+
* Tailwind Preflight, Bootstrap Reboot, a bespoke host reset — beats a
|
|
6
|
+
* component's `::slotted()` rules for any *normal* declaration, regardless of
|
|
7
|
+
* specificity. That bleeds host styling into our components and breaks visual
|
|
8
|
+
* consistency across consumers.
|
|
9
|
+
*
|
|
10
|
+
* `all: revert !important` closes that gap: an *important* declaration from the
|
|
11
|
+
* shadow tree beats document declarations (even important ones), and `revert`
|
|
12
|
+
* rolls each property back to its user-agent default — a stable, host-independent
|
|
13
|
+
* baseline. Properties a host might weaponise (`display: none`,
|
|
14
|
+
* `pointer-events: none`, stray margins/decoration) fall back to UA defaults.
|
|
15
|
+
*
|
|
16
|
+
* Usage — place at the START of a `::slotted()` rule, then declare the
|
|
17
|
+
* properties the component owns, each `!important` so it wins over the revert:
|
|
18
|
+
*
|
|
19
|
+
* ```ts
|
|
20
|
+
* css`
|
|
21
|
+
* ::slotted(:not([slot])) {
|
|
22
|
+
* ${slottedReset}
|
|
23
|
+
* ${inheritedTextReset}
|
|
24
|
+
* color: var(--semantics-content-color) !important;
|
|
25
|
+
* font: var(--_font) !important;
|
|
26
|
+
* }
|
|
27
|
+
* `
|
|
28
|
+
* ```
|
|
29
|
+
*
|
|
30
|
+
* NOTE: `revert` does NOT isolate *inherited* properties — they still flow in
|
|
31
|
+
* from the host via the chain `body → host → :host → slot`. For slotted text,
|
|
32
|
+
* add {@link inheritedTextReset} to seal the inherited typography that `font`
|
|
33
|
+
* does not cover.
|
|
34
|
+
*/
|
|
35
|
+
export declare const slottedReset: import("lit").CSSResult;
|
|
36
|
+
/**
|
|
37
|
+
* Inherited typography that the `font` shorthand does NOT cover and that a host
|
|
38
|
+
* can otherwise leak into our text — directly (`a { text-decoration }`) or via
|
|
39
|
+
* inheritance (`body { letter-spacing }`). Used in two places:
|
|
40
|
+
*
|
|
41
|
+
* - inside `::slotted(…)` to lock the consumer's slotted text (pair with
|
|
42
|
+
* {@link slottedReset}), and
|
|
43
|
+
* - inside `:host`, as a guard block right after the `--_*` vars, to lock the
|
|
44
|
+
* component's OWN shadow text against host inheritance (no `all: revert` there).
|
|
45
|
+
*
|
|
46
|
+
* `text-align` is locked to `start` (logical, RTL-safe) — a host cannot centre or
|
|
47
|
+
* justify our text. A component that needs a different alignment sets it
|
|
48
|
+
* explicitly on its own element, which overrides this inherited default.
|
|
49
|
+
*/
|
|
50
|
+
export declare const inheritedTextReset: import("lit").CSSResult;
|
|
51
|
+
//# sourceMappingURL=slotted-reset.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"slotted-reset.d.ts","sourceRoot":"","sources":["../../../src/assets/styles/slotted-reset.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,YAAY,yBAExB,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,kBAAkB,yBAK9B,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* A deliberately hostile host stylesheet for slotted-reset regression coverage:
|
|
3
|
+
* Tailwind Preflight's key resets plus aggressive direct and inherited overrides
|
|
4
|
+
* (including an `!important`, to prove a shadow `!important` still wins). Inject it
|
|
5
|
+
* at document level around slotted content; the slotted-reset must neutralise it.
|
|
6
|
+
*
|
|
7
|
+
* Used by the slotted-reset regression test (slotted-reset.test.ts). Lives next
|
|
8
|
+
* to the stylesheet it guards rather than in test-utils.ts.
|
|
9
|
+
*/
|
|
10
|
+
export declare const hostileHostCss = "\n\t*, ::before, ::after { box-sizing: border-box; }\n\th1, h2, h3, h4, h5, h6 { font-size: 9px !important; font-weight: 100; margin: 40px; }\n\tp { margin: 40px; }\n\ta { color: rgb(255, 0, 0); text-decoration: none; }\n\timg { width: 12px; height: auto; max-width: none; }\n\tselect { opacity: 1; appearance: auto; font: inherit; }\n\t[slot=\"title\"], [slot=\"description\"] { color: rgb(255, 0, 255); margin: 30px; }\n\tbody { letter-spacing: 6px; text-transform: uppercase; }\n";
|
|
11
|
+
//# sourceMappingURL=slotted-reset.fixtures.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"slotted-reset.fixtures.d.ts","sourceRoot":"","sources":["../../../src/assets/styles/slotted-reset.fixtures.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,eAAO,MAAM,cAAc,ueAS1B,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* A deliberately hostile host stylesheet for slotted-reset regression coverage:
|
|
3
|
+
* Tailwind Preflight's key resets plus aggressive direct and inherited overrides
|
|
4
|
+
* (including an `!important`, to prove a shadow `!important` still wins). Inject it
|
|
5
|
+
* at document level around slotted content; the slotted-reset must neutralise it.
|
|
6
|
+
*
|
|
7
|
+
* Used by the slotted-reset regression test (slotted-reset.test.ts). Lives next
|
|
8
|
+
* to the stylesheet it guards rather than in test-utils.ts.
|
|
9
|
+
*/
|
|
10
|
+
export const hostileHostCss = `
|
|
11
|
+
*, ::before, ::after { box-sizing: border-box; }
|
|
12
|
+
h1, h2, h3, h4, h5, h6 { font-size: 9px !important; font-weight: 100; margin: 40px; }
|
|
13
|
+
p { margin: 40px; }
|
|
14
|
+
a { color: rgb(255, 0, 0); text-decoration: none; }
|
|
15
|
+
img { width: 12px; height: auto; max-width: none; }
|
|
16
|
+
select { opacity: 1; appearance: auto; font: inherit; }
|
|
17
|
+
[slot="title"], [slot="description"] { color: rgb(255, 0, 255); margin: 30px; }
|
|
18
|
+
body { letter-spacing: 6px; text-transform: uppercase; }
|
|
19
|
+
`;
|
|
20
|
+
//# sourceMappingURL=slotted-reset.fixtures.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"slotted-reset.fixtures.js","sourceRoot":"","sources":["../../../src/assets/styles/slotted-reset.fixtures.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG;;;;;;;;;CAS7B,CAAC"}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
/**
|
|
3
|
+
* Reset for slotted (light-DOM) content in shadow-DOM components.
|
|
4
|
+
*
|
|
5
|
+
* Slotted nodes live in the consumer's document, so document-level CSS —
|
|
6
|
+
* Tailwind Preflight, Bootstrap Reboot, a bespoke host reset — beats a
|
|
7
|
+
* component's `::slotted()` rules for any *normal* declaration, regardless of
|
|
8
|
+
* specificity. That bleeds host styling into our components and breaks visual
|
|
9
|
+
* consistency across consumers.
|
|
10
|
+
*
|
|
11
|
+
* `all: revert !important` closes that gap: an *important* declaration from the
|
|
12
|
+
* shadow tree beats document declarations (even important ones), and `revert`
|
|
13
|
+
* rolls each property back to its user-agent default — a stable, host-independent
|
|
14
|
+
* baseline. Properties a host might weaponise (`display: none`,
|
|
15
|
+
* `pointer-events: none`, stray margins/decoration) fall back to UA defaults.
|
|
16
|
+
*
|
|
17
|
+
* Usage — place at the START of a `::slotted()` rule, then declare the
|
|
18
|
+
* properties the component owns, each `!important` so it wins over the revert:
|
|
19
|
+
*
|
|
20
|
+
* ```ts
|
|
21
|
+
* css`
|
|
22
|
+
* ::slotted(:not([slot])) {
|
|
23
|
+
* ${slottedReset}
|
|
24
|
+
* ${inheritedTextReset}
|
|
25
|
+
* color: var(--semantics-content-color) !important;
|
|
26
|
+
* font: var(--_font) !important;
|
|
27
|
+
* }
|
|
28
|
+
* `
|
|
29
|
+
* ```
|
|
30
|
+
*
|
|
31
|
+
* NOTE: `revert` does NOT isolate *inherited* properties — they still flow in
|
|
32
|
+
* from the host via the chain `body → host → :host → slot`. For slotted text,
|
|
33
|
+
* add {@link inheritedTextReset} to seal the inherited typography that `font`
|
|
34
|
+
* does not cover.
|
|
35
|
+
*/
|
|
36
|
+
export const slottedReset = css `
|
|
37
|
+
all: revert !important;
|
|
38
|
+
`;
|
|
39
|
+
/**
|
|
40
|
+
* Inherited typography that the `font` shorthand does NOT cover and that a host
|
|
41
|
+
* can otherwise leak into our text — directly (`a { text-decoration }`) or via
|
|
42
|
+
* inheritance (`body { letter-spacing }`). Used in two places:
|
|
43
|
+
*
|
|
44
|
+
* - inside `::slotted(…)` to lock the consumer's slotted text (pair with
|
|
45
|
+
* {@link slottedReset}), and
|
|
46
|
+
* - inside `:host`, as a guard block right after the `--_*` vars, to lock the
|
|
47
|
+
* component's OWN shadow text against host inheritance (no `all: revert` there).
|
|
48
|
+
*
|
|
49
|
+
* `text-align` is locked to `start` (logical, RTL-safe) — a host cannot centre or
|
|
50
|
+
* justify our text. A component that needs a different alignment sets it
|
|
51
|
+
* explicitly on its own element, which overrides this inherited default.
|
|
52
|
+
*/
|
|
53
|
+
export const inheritedTextReset = css `
|
|
54
|
+
text-align: start !important;
|
|
55
|
+
letter-spacing: normal !important;
|
|
56
|
+
word-spacing: normal !important;
|
|
57
|
+
text-transform: none !important;
|
|
58
|
+
`;
|
|
59
|
+
//# sourceMappingURL=slotted-reset.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"slotted-reset.js","sourceRoot":"","sources":["../../../src/assets/styles/slotted-reset.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;;CAE9B,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CAAA;;;;;CAKpC,CAAC"}
|
|
@@ -27,6 +27,7 @@
|
|
|
27
27
|
*/
|
|
28
28
|
import { LitElement } from 'lit';
|
|
29
29
|
import './../../content/icon/icon.js';
|
|
30
|
+
import './../../status-and-feedback/activity-indicator/activity-indicator.js';
|
|
30
31
|
type Variant = 'primary' | 'secondary' | 'destructive' | 'accent-filled' | 'accent-transparent' | 'neutral-tinted' | 'neutral-transparent' | 'critical-tinted' | 'critical-transparent';
|
|
31
32
|
type Size = 'xs' | 'sm' | 'md';
|
|
32
33
|
type ButtonType = 'button' | 'submit' | 'reset';
|
|
@@ -67,6 +68,16 @@ export declare class NLDDButton extends LitElement {
|
|
|
67
68
|
* default action doesn't double-fire.
|
|
68
69
|
*/
|
|
69
70
|
popoverTargetAction: 'toggle' | 'show' | 'hide';
|
|
71
|
+
/**
|
|
72
|
+
* Loading state. Shows an activity indicator centred over the (visually
|
|
73
|
+
* hidden) content, marks the inner control `aria-busy="true"` and blocks
|
|
74
|
+
* activation — without dropping the control from the tab order (unlike
|
|
75
|
+
* `disabled`). The content stays laid out so the button keeps its width.
|
|
76
|
+
*
|
|
77
|
+
* Activation is blocked by stopping the click (as `disabled` does), so a
|
|
78
|
+
* `click` listener delegated on an ancestor receives nothing while loading.
|
|
79
|
+
*/
|
|
80
|
+
loading: boolean;
|
|
70
81
|
disabled: boolean;
|
|
71
82
|
/** Button text. */
|
|
72
83
|
text: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button/button.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAIjC,OAAO,8BAA8B,CAAC;
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button/button.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAIjC,OAAO,8BAA8B,CAAC;AACtC,OAAO,sEAAsE,CAAC;AAE9E,KAAK,OAAO,GACT,SAAS,GACT,WAAW,GACX,aAAa,GACb,eAAe,GACf,oBAAoB,GACpB,gBAAgB,GAChB,qBAAqB,GACrB,iBAAiB,GACjB,sBAAsB,CAAC;AAC1B,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC/B,KAAK,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;AAChD,KAAK,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;AAEjE,qBACa,UAAW,SAAQ,UAAU;IACzC,OAAgB,MAAM,0BAAgB;IAKtC,MAAM,CAAC,cAAc,UAAQ;IAC7B,OAAO,CAAC,UAAU,CAA0B;IAG5C,OAAO,EAAE,OAAO,CAAoB;IAGpC,IAAI,EAAE,IAAI,CAAQ;IAElB,mEAAmE;IAEnE,KAAK,SAAM;IAGX,UAAU,UAAS;IAGnB,QAAQ,UAAS;IAEjB;;;;OAIG;IAEH,SAAS,CAAC,EAAE,SAAS,CAAC;IAGtB,IAAI,EAAE,UAAU,CAAY;IAG5B,aAAa,EAAE,MAAM,GAAG,SAAS,CAAa;IAE9C;;;;;;;;OAQG;IAEH,oBAAoB,EAAE,OAAO,GAAG,IAAI,CAAQ;IAE5C;;;;;;OAMG;IAEH,mBAAmB,EAAE,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAY;IAE3D;;;;;;;;OAQG;IAEH,OAAO,UAAS;IAGhB,QAAQ,UAAS;IAEjB,mBAAmB;IAEnB,IAAI,SAAM;IAGV,UAAU,UAAS;IAEnB,6FAA6F;IAE7F,SAAS,SAAM;IAEf,wFAAwF;IAExF,OAAO,SAAM;IAEb,0GAA0G;IAE1G,eAAe,SAAM;IAErB,4DAA4D;IAE5D,IAAI,EAAE,MAAM,GAAG,SAAS,CAAa;IAErC,+DAA+D;IAE/D,MAAM,EAAE,MAAM,GAAG,SAAS,CAAa;IAEvC;;;OAGG;IAEH,GAAG,EAAE,MAAM,GAAG,SAAS,CAAa;IAEpC,OAAO,CAAC,WAAW,CAAS;IAEnB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IA0B/D,OAAO,CAAC,YAAY;IAyBpB,2DAA2D;IAC3D,YAAY,IAAI,MAAM;IAMtB;;;OAGG;IACM,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAInC,MAAM;CAKf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,aAAa,EAAE,UAAU,CAAC;KAC1B;CACD"}
|
|
@@ -36,6 +36,7 @@ import { customElement, property } from 'lit/decorators.js';
|
|
|
36
36
|
import { buttonStyles } from './button.styles.js';
|
|
37
37
|
import { template } from './button.template.js';
|
|
38
38
|
import './../../content/icon/icon.js';
|
|
39
|
+
import './../../status-and-feedback/activity-indicator/activity-indicator.js';
|
|
39
40
|
let NLDDButton = class NLDDButton extends LitElement {
|
|
40
41
|
constructor() {
|
|
41
42
|
super(...arguments);
|
|
@@ -66,6 +67,16 @@ let NLDDButton = class NLDDButton extends LitElement {
|
|
|
66
67
|
* default action doesn't double-fire.
|
|
67
68
|
*/
|
|
68
69
|
this.popoverTargetAction = 'toggle';
|
|
70
|
+
/**
|
|
71
|
+
* Loading state. Shows an activity indicator centred over the (visually
|
|
72
|
+
* hidden) content, marks the inner control `aria-busy="true"` and blocks
|
|
73
|
+
* activation — without dropping the control from the tab order (unlike
|
|
74
|
+
* `disabled`). The content stays laid out so the button keeps its width.
|
|
75
|
+
*
|
|
76
|
+
* Activation is blocked by stopping the click (as `disabled` does), so a
|
|
77
|
+
* `click` listener delegated on an ancestor receives nothing while loading.
|
|
78
|
+
*/
|
|
79
|
+
this.loading = false;
|
|
69
80
|
this.disabled = false;
|
|
70
81
|
/** Button text. */
|
|
71
82
|
this.text = '';
|
|
@@ -115,7 +126,7 @@ let NLDDButton = class NLDDButton extends LitElement {
|
|
|
115
126
|
}
|
|
116
127
|
}
|
|
117
128
|
_handleClick(e) {
|
|
118
|
-
if (this.disabled) {
|
|
129
|
+
if (this.disabled || this.loading) {
|
|
119
130
|
e.preventDefault();
|
|
120
131
|
e.stopPropagation();
|
|
121
132
|
return;
|
|
@@ -197,6 +208,9 @@ __decorate([
|
|
|
197
208
|
__decorate([
|
|
198
209
|
property({ attribute: false })
|
|
199
210
|
], NLDDButton.prototype, "popoverTargetAction", void 0);
|
|
211
|
+
__decorate([
|
|
212
|
+
property({ type: Boolean, reflect: true })
|
|
213
|
+
], NLDDButton.prototype, "loading", void 0);
|
|
200
214
|
__decorate([
|
|
201
215
|
property({ type: Boolean, reflect: true })
|
|
202
216
|
], NLDDButton.prototype, "disabled", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../../src/components/actions/button/button.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;;;;;;;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,8BAA8B,CAAC;
|
|
1
|
+
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../../src/components/actions/button/button.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button/button.styles.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"button.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button/button.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY,yBA2TxB,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
+
import { inheritedTextReset } from '../../../assets/styles/slotted-reset.js';
|
|
2
3
|
export const buttonStyles = css `
|
|
3
4
|
|
|
4
5
|
|
|
@@ -22,7 +23,9 @@ export const buttonStyles = css `
|
|
|
22
23
|
--_disclosure-icon-margin-left: -2px;
|
|
23
24
|
--_disclosure-icon-size: var(--primitives-space-20);
|
|
24
25
|
|
|
26
|
+
${inheritedTextReset}
|
|
25
27
|
display: inline-block;
|
|
28
|
+
position: relative;
|
|
26
29
|
max-width: 100%;
|
|
27
30
|
user-select: none;
|
|
28
31
|
-webkit-tap-highlight-color: transparent;
|
|
@@ -228,6 +231,11 @@ export const buttonStyles = css `
|
|
|
228
231
|
color: var(--_is-active-content-color);
|
|
229
232
|
}
|
|
230
233
|
|
|
234
|
+
/* Loading keeps the control focusable (not disabled); activation is blocked in JS. */
|
|
235
|
+
:host([loading]) .button {
|
|
236
|
+
cursor: default;
|
|
237
|
+
}
|
|
238
|
+
|
|
231
239
|
.button:focus-visible {
|
|
232
240
|
outline: var(--semantics-focus-ring-outline);
|
|
233
241
|
outline-offset: var(--semantics-focus-ring-outline-offset);
|
|
@@ -239,7 +247,8 @@ export const buttonStyles = css `
|
|
|
239
247
|
}
|
|
240
248
|
|
|
241
249
|
@media (prefers-reduced-motion: reduce) {
|
|
242
|
-
.button
|
|
250
|
+
.button,
|
|
251
|
+
.button__content {
|
|
243
252
|
transition: none;
|
|
244
253
|
}
|
|
245
254
|
}
|
|
@@ -248,7 +257,32 @@ export const buttonStyles = css `
|
|
|
248
257
|
/* # Elements */
|
|
249
258
|
|
|
250
259
|
.button__content {
|
|
251
|
-
display:
|
|
260
|
+
display: inline-flex;
|
|
261
|
+
max-width: 100%;
|
|
262
|
+
min-width: 0;
|
|
263
|
+
align-items: center;
|
|
264
|
+
gap: var(--_gap);
|
|
265
|
+
transition: opacity var(--primitives-transition-duration-slow) var(--primitives-transition-easing-default);
|
|
266
|
+
}
|
|
267
|
+
|
|
268
|
+
/* Loading crossfades the content out (opacity, not visibility, so the button
|
|
269
|
+
keeps its accessible name) while the indicator fades in. The content stays
|
|
270
|
+
laid out, so the button keeps its width. */
|
|
271
|
+
:host([loading]) .button__content {
|
|
272
|
+
opacity: 0;
|
|
273
|
+
}
|
|
274
|
+
|
|
275
|
+
/* Wrapper overlaid on the control, positioned against the host (which is
|
|
276
|
+
position:relative). It lives outside the <button>/<a> so the indicator's
|
|
277
|
+
role="status" live region announces loading without joining the button's
|
|
278
|
+
accessible name. The activity-indicator inside fills it and centres its
|
|
279
|
+
circle, which inherits the content color via currentColor. */
|
|
280
|
+
.button__activity-indicator {
|
|
281
|
+
position: absolute;
|
|
282
|
+
inset: 0;
|
|
283
|
+
/* Re-establish the content color here: the indicator lives outside
|
|
284
|
+
.button now, so its currentColor stroke can no longer inherit it. */
|
|
285
|
+
color: var(--_content-color);
|
|
252
286
|
}
|
|
253
287
|
|
|
254
288
|
::slotted(nldd-icon) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.styles.js","sourceRoot":"","sources":["../../../../src/components/actions/button/button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"button.styles.js","sourceRoot":"","sources":["../../../../src/components/actions/button/button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;IAuB3B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoSrB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.template.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button/button.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,UAAU,eAAe;IACxB,WAAW,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;CACrC;AA4BD,wBAAgB,QAAQ,CAAC,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,eAAe,
|
|
1
|
+
{"version":3,"file":"button.template.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button/button.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,UAAU,eAAe;IACxB,WAAW,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;CACrC;AA4BD,wBAAgB,QAAQ,CAAC,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,eAAe,wCAwElE"}
|
|
@@ -33,6 +33,23 @@ export function template(helpers) {
|
|
|
33
33
|
// irrelevant ARIA attributes.
|
|
34
34
|
const isDisclosure = this.expandable || !!this.popupType;
|
|
35
35
|
const ariaExpanded = isDisclosure ? String(this.expanded) : (this.expanded ? 'true' : nothing);
|
|
36
|
+
// Loading: an activity indicator overlays the (opacity-hidden) content. It
|
|
37
|
+
// sits OUTSIDE the <button>/<a> (a sibling, overlaid via the host's
|
|
38
|
+
// position:relative) so its role="status" live region can announce "Laden"
|
|
39
|
+
// without joining the button's content-derived accessible name. aria-busy
|
|
40
|
+
// stays on the control as supplementary state. `instant` so it shows the
|
|
41
|
+
// moment loading starts. Sizes: xs:16, sm:20, md:24.
|
|
42
|
+
const ariaBusy = this.loading ? 'true' : nothing;
|
|
43
|
+
const loadingIndicator = this.loading
|
|
44
|
+
? html `
|
|
45
|
+
<div class="button__activity-indicator">
|
|
46
|
+
<nldd-activity-indicator
|
|
47
|
+
timing="instant"
|
|
48
|
+
size=${this.size === 'xs' ? '16' : this.size === 'sm' ? '20' : '24'}
|
|
49
|
+
></nldd-activity-indicator>
|
|
50
|
+
</div>
|
|
51
|
+
`
|
|
52
|
+
: nothing;
|
|
36
53
|
if (this.href) {
|
|
37
54
|
const resolvedRel = this._resolvedRel();
|
|
38
55
|
return html `
|
|
@@ -44,10 +61,12 @@ export function template(helpers) {
|
|
|
44
61
|
aria-label=${this.accessibleLabel || nothing}
|
|
45
62
|
aria-haspopup=${this.popupType || nothing}
|
|
46
63
|
aria-expanded=${ariaExpanded}
|
|
64
|
+
aria-busy=${ariaBusy}
|
|
47
65
|
@click=${helpers.handleClick}
|
|
48
66
|
>
|
|
49
67
|
${content}
|
|
50
68
|
</a>
|
|
69
|
+
${loadingIndicator}
|
|
51
70
|
`;
|
|
52
71
|
}
|
|
53
72
|
// .popoverTargetElement / .popoverTargetAction are bound unguarded: in
|
|
@@ -63,6 +82,7 @@ export function template(helpers) {
|
|
|
63
82
|
aria-label=${this.accessibleLabel || nothing}
|
|
64
83
|
aria-haspopup=${this.popupType || nothing}
|
|
65
84
|
aria-expanded=${ariaExpanded}
|
|
85
|
+
aria-busy=${ariaBusy}
|
|
66
86
|
popovertarget=${this.popovertarget || nothing}
|
|
67
87
|
.popoverTargetElement=${this.popoverTargetElement}
|
|
68
88
|
.popoverTargetAction=${this.popoverTargetAction}
|
|
@@ -70,6 +90,7 @@ export function template(helpers) {
|
|
|
70
90
|
>
|
|
71
91
|
${content}
|
|
72
92
|
</button>
|
|
93
|
+
${loadingIndicator}
|
|
73
94
|
`;
|
|
74
95
|
}
|
|
75
96
|
//# sourceMappingURL=button.template.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.template.js","sourceRoot":"","sources":["../../../../src/components/actions/button/button.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAOpC,SAAS,aAAa,CAAC,SAAqB;IAC3C,sEAAsE;IACtE,6EAA6E;IAC7E,mEAAmE;IACnE,OAAO,IAAI,CAAA;;KAEP,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAA;;YAEnB,SAAS,CAAC,SAAS;;IAE3B,CAAC,CAAC,CAAC,IAAI,CAAA,iCAAiC;gCACZ,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA,2BAA2B;KAC5F,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAA;;YAEjB,SAAS,CAAC,OAAO;;IAEzB,CAAC,CAAC,CAAC,IAAI,CAAA,+BAA+B;KACrC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAA;;;;IAI5B,CAAC,CAAC,CAAC,OAAO;;EAEZ,CAAC;AACH,CAAC;AAED,MAAM,UAAU,QAAQ,CAAmB,OAAwB;IAClE,MAAM,OAAO,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IAEpC,2EAA2E;IAC3E,oEAAoE;IACpE,yEAAyE;IACzE,iEAAiE;IACjE,8BAA8B;IAC9B,MAAM,YAAY,GAAG,IAAI,CAAC,UAAU,IAAI,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC;IACzD,MAAM,YAAY,GAAG,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAE/F,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;QACf,MAAM,WAAW,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;QACxC,OAAO,IAAI,CAAA;;WAEF,IAAI,CAAC,IAAI;aACP,IAAI,CAAC,MAAM,IAAI,OAAO;UACzB,WAAW,IAAI,OAAO;oBACZ,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;iBACnC,IAAI,CAAC,eAAe,IAAI,OAAO;oBAC5B,IAAI,CAAC,SAAS,IAAI,OAAO;oBACzB,YAAY;
|
|
1
|
+
{"version":3,"file":"button.template.js","sourceRoot":"","sources":["../../../../src/components/actions/button/button.template.ts"],"names":[],"mappings":"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"}
|
|
@@ -38,6 +38,7 @@
|
|
|
38
38
|
*/
|
|
39
39
|
import { LitElement } from 'lit';
|
|
40
40
|
import './../../content/icon/icon.js';
|
|
41
|
+
import './../../status-and-feedback/activity-indicator/activity-indicator.js';
|
|
41
42
|
export type Size = 'xs' | 'sm' | 'md' | 'lg';
|
|
42
43
|
export type Variant = 'primary' | 'secondary' | 'destructive' | 'accent-filled' | 'accent-transparent' | 'neutral-tinted' | 'neutral-transparent' | 'critical-tinted' | 'critical-transparent';
|
|
43
44
|
export type ButtonType = 'button' | 'submit' | 'reset';
|
|
@@ -48,6 +49,16 @@ export declare class NLDDIconButton extends LitElement {
|
|
|
48
49
|
private _internals;
|
|
49
50
|
variant: Variant;
|
|
50
51
|
size: Size;
|
|
52
|
+
/**
|
|
53
|
+
* Loading state. Shows an activity indicator centred over the (visually
|
|
54
|
+
* hidden) icon, marks the inner control `aria-busy="true"` and blocks
|
|
55
|
+
* activation — without dropping the control from the tab order (unlike
|
|
56
|
+
* `disabled`).
|
|
57
|
+
*
|
|
58
|
+
* Activation is blocked by stopping the click (as `disabled` does), so a
|
|
59
|
+
* `click` listener delegated on an ancestor receives nothing while loading.
|
|
60
|
+
*/
|
|
61
|
+
loading: boolean;
|
|
51
62
|
disabled: boolean;
|
|
52
63
|
type: ButtonType;
|
|
53
64
|
expandable: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAIjC,OAAO,8BAA8B,CAAC;
|
|
1
|
+
{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAIjC,OAAO,8BAA8B,CAAC;AACtC,OAAO,sEAAsE,CAAC;AAE9E,MAAM,MAAM,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC7C,MAAM,MAAM,OAAO,GAChB,SAAS,GACT,WAAW,GACX,aAAa,GACb,eAAe,GACf,oBAAoB,GACpB,gBAAgB,GAChB,qBAAqB,GACrB,iBAAiB,GACjB,sBAAsB,CAAC;AAC1B,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;AACvD,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;AAExE,qBACa,cAAe,SAAQ,UAAU;IAC7C,OAAgB,MAAM,0BAAoB;IAK1C,MAAM,CAAC,cAAc,UAAQ;IAC7B,OAAO,CAAC,UAAU,CAA0B;IAG5C,OAAO,EAAE,OAAO,CAAoB;IAGpC,IAAI,EAAE,IAAI,CAAQ;IAElB;;;;;;;;OAQG;IAEH,OAAO,UAAS;IAGhB,QAAQ,UAAS;IAGjB,IAAI,EAAE,UAAU,CAAY;IAG5B,UAAU,UAAS;IAGnB,QAAQ,UAAS;IAEjB;;;;OAIG;IAEH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB,mEAAmE;IAEnE,KAAK,SAAM;IAGX,aAAa,EAAE,MAAM,GAAG,SAAS,CAAa;IAE9C;;;;;;;;OAQG;IAEH,oBAAoB,EAAE,OAAO,GAAG,IAAI,CAAQ;IAE5C;;;;;;OAMG;IAEH,mBAAmB,EAAE,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAY;IAE3D,2EAA2E;IAE3E,IAAI,SAAM;IAEV,gFAAgF;IAEhF,IAAI,SAAM;IAEV;kEAC8D;IAE9D,eAAe,SAAM;IAErB;6EACyE;IAEzE,aAAa,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAa;IAE3D,4DAA4D;IAE5D,IAAI,EAAE,MAAM,GAAG,SAAS,CAAa;IAErC,+DAA+D;IAE/D,MAAM,EAAE,MAAM,GAAG,SAAS,CAAa;IAEvC;;;OAGG;IAEH,GAAG,EAAE,MAAM,GAAG,SAAS,CAAa;IAEpC,wDAAwD;IACxD,OAAO,KAAK,QAAQ,GAInB;IAED,OAAO,CAAC,WAAW,CAAS;IAEnB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IA0B/D,2DAA2D;IAC3D,YAAY,IAAI,MAAM;IAMtB,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAuB3C;;;OAGG;IACM,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAInC,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,kBAAkB,EAAE,cAAc,CAAC;KACnC;CACD"}
|
|
@@ -47,12 +47,23 @@ import { customElement, property } from 'lit/decorators.js';
|
|
|
47
47
|
import { iconButtonStyles } from './icon-button.styles.js';
|
|
48
48
|
import { template } from './icon-button.template.js';
|
|
49
49
|
import './../../content/icon/icon.js';
|
|
50
|
+
import './../../status-and-feedback/activity-indicator/activity-indicator.js';
|
|
50
51
|
let NLDDIconButton = class NLDDIconButton extends LitElement {
|
|
51
52
|
constructor() {
|
|
52
53
|
super(...arguments);
|
|
53
54
|
this._internals = this.attachInternals();
|
|
54
55
|
this.variant = 'neutral-tinted';
|
|
55
56
|
this.size = 'md';
|
|
57
|
+
/**
|
|
58
|
+
* Loading state. Shows an activity indicator centred over the (visually
|
|
59
|
+
* hidden) icon, marks the inner control `aria-busy="true"` and blocks
|
|
60
|
+
* activation — without dropping the control from the tab order (unlike
|
|
61
|
+
* `disabled`).
|
|
62
|
+
*
|
|
63
|
+
* Activation is blocked by stopping the click (as `disabled` does), so a
|
|
64
|
+
* `click` listener delegated on an ancestor receives nothing while loading.
|
|
65
|
+
*/
|
|
66
|
+
this.loading = false;
|
|
56
67
|
this.disabled = false;
|
|
57
68
|
this.type = 'button';
|
|
58
69
|
this.expandable = false;
|
|
@@ -142,7 +153,7 @@ let NLDDIconButton = class NLDDIconButton extends LitElement {
|
|
|
142
153
|
return '';
|
|
143
154
|
}
|
|
144
155
|
_handleClick(e) {
|
|
145
|
-
if (this.disabled) {
|
|
156
|
+
if (this.disabled || this.loading) {
|
|
146
157
|
e.preventDefault();
|
|
147
158
|
e.stopPropagation();
|
|
148
159
|
return;
|
|
@@ -188,6 +199,9 @@ __decorate([
|
|
|
188
199
|
__decorate([
|
|
189
200
|
property({ type: String, reflect: true })
|
|
190
201
|
], NLDDIconButton.prototype, "size", void 0);
|
|
202
|
+
__decorate([
|
|
203
|
+
property({ type: Boolean, reflect: true })
|
|
204
|
+
], NLDDIconButton.prototype, "loading", void 0);
|
|
191
205
|
__decorate([
|
|
192
206
|
property({ type: Boolean, reflect: true })
|
|
193
207
|
], NLDDIconButton.prototype, "disabled", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-button.js","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrD,OAAO,8BAA8B,CAAC;
|
|
1
|
+
{"version":3,"file":"icon-button.js","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-button.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.styles.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"icon-button.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,gBAAgB,yBAuT5B,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
+
import { inheritedTextReset } from '../../../assets/styles/slotted-reset.js';
|
|
2
3
|
export const iconButtonStyles = css `
|
|
3
4
|
|
|
4
5
|
|
|
@@ -19,8 +20,11 @@ export const iconButtonStyles = css `
|
|
|
19
20
|
--_disclosure-icon-margin-right: calc(var(--primitives-space-2) * -1);
|
|
20
21
|
--_disclosure-icon-size: var(--primitives-space-20);
|
|
21
22
|
--_text-display: none;
|
|
23
|
+
--_text-font: var(--primitives-font-body-xxs-medium-flat);
|
|
22
24
|
|
|
25
|
+
${inheritedTextReset}
|
|
23
26
|
display: inline-block;
|
|
27
|
+
position: relative;
|
|
24
28
|
max-width: 100%;
|
|
25
29
|
user-select: none;
|
|
26
30
|
-webkit-tap-highlight-color: transparent;
|
|
@@ -213,7 +217,9 @@ export const iconButtonStyles = css `
|
|
|
213
217
|
}
|
|
214
218
|
|
|
215
219
|
@media (prefers-reduced-motion: reduce) {
|
|
216
|
-
.icon-button
|
|
220
|
+
.icon-button,
|
|
221
|
+
.icon-button__icon-area,
|
|
222
|
+
.icon-button__text {
|
|
217
223
|
transition: none;
|
|
218
224
|
}
|
|
219
225
|
}
|
|
@@ -240,6 +246,11 @@ export const iconButtonStyles = css `
|
|
|
240
246
|
color: var(--_is-active-content-color);
|
|
241
247
|
}
|
|
242
248
|
|
|
249
|
+
/* Loading keeps the control focusable (not disabled); activation is blocked in JS. */
|
|
250
|
+
:host([loading]) .icon-button {
|
|
251
|
+
cursor: default;
|
|
252
|
+
}
|
|
253
|
+
|
|
243
254
|
|
|
244
255
|
/* # Elements */
|
|
245
256
|
|
|
@@ -248,6 +259,14 @@ export const iconButtonStyles = css `
|
|
|
248
259
|
flex-direction: row;
|
|
249
260
|
align-items: center;
|
|
250
261
|
justify-content: center;
|
|
262
|
+
transition: opacity var(--primitives-transition-duration-slow) var(--primitives-transition-easing-default);
|
|
263
|
+
}
|
|
264
|
+
|
|
265
|
+
/* Loading crossfades the content out (opacity, not visibility, so the control
|
|
266
|
+
keeps its accessible name) while the indicator fades in. The content stays
|
|
267
|
+
laid out, so the control keeps its size. */
|
|
268
|
+
:host([loading]) .icon-button__icon-area {
|
|
269
|
+
opacity: 0;
|
|
251
270
|
}
|
|
252
271
|
|
|
253
272
|
.icon-button__icon {
|
|
@@ -271,8 +290,26 @@ export const iconButtonStyles = css `
|
|
|
271
290
|
display: var(--_text-display);
|
|
272
291
|
text-align: center;
|
|
273
292
|
color: inherit;
|
|
274
|
-
font: var(--
|
|
293
|
+
font: var(--_text-font);
|
|
275
294
|
white-space: nowrap;
|
|
295
|
+
transition: opacity var(--primitives-transition-duration-slow) var(--primitives-transition-easing-default);
|
|
296
|
+
}
|
|
297
|
+
|
|
298
|
+
:host([loading]) .icon-button__text {
|
|
299
|
+
opacity: 0;
|
|
300
|
+
}
|
|
301
|
+
|
|
302
|
+
/* Wrapper overlaid on the control, positioned against the host (which is
|
|
303
|
+
position:relative). It lives outside the <button>/<a> and the tooltip
|
|
304
|
+
wrapper so the indicator's role="status" live region works reliably. The
|
|
305
|
+
activity-indicator inside fills it and centres its circle, which inherits
|
|
306
|
+
the content color via currentColor. */
|
|
307
|
+
.icon-button__activity-indicator {
|
|
308
|
+
position: absolute;
|
|
309
|
+
inset: 0;
|
|
310
|
+
/* Re-establish the content color here: the indicator lives outside
|
|
311
|
+
.icon-button now, so its currentColor stroke can no longer inherit it. */
|
|
312
|
+
color: var(--_content-color);
|
|
276
313
|
}
|
|
277
314
|
`;
|
|
278
315
|
//# sourceMappingURL=icon-button.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-button.styles.js","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"icon-button.styles.js","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;IAsB/B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiSrB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-button.template.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,kCAAkC,CAAC;AAsB1C,wBAAgB,QAAQ,CAAC,IAAI,EAAE,cAAc,
|
|
1
|
+
{"version":3,"file":"icon-button.template.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,kCAAkC,CAAC;AAsB1C,wBAAgB,QAAQ,CAAC,IAAI,EAAE,cAAc,wCA+F5C"}
|