@nldd/design-system 0.8.56 → 0.8.58
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/components/actions/button/button.d.ts +13 -4
- package/dist/components/actions/button/button.d.ts.map +1 -1
- package/dist/components/actions/button/button.js +23 -3
- 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 +352 -87
- 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 +33 -17
- package/dist/components/actions/button/button.template.js.map +1 -1
- package/dist/components/actions/button-bar/button-bar.d.ts +2 -2
- package/dist/components/actions/button-bar/button-bar.d.ts.map +1 -1
- package/dist/components/actions/button-bar/button-bar.js +3 -1
- package/dist/components/actions/button-bar/button-bar.js.map +1 -1
- package/dist/components/actions/button-bar/button-bar.styles.d.ts.map +1 -1
- package/dist/components/actions/button-bar/button-bar.styles.js +28 -4
- package/dist/components/actions/button-bar/button-bar.styles.js.map +1 -1
- package/dist/components/actions/button-bar/button-bar.template.d.ts.map +1 -1
- package/dist/components/actions/button-bar/button-bar.template.js +4 -1
- package/dist/components/actions/button-bar/button-bar.template.js.map +1 -1
- package/dist/components/actions/button-group/button-group.styles.d.ts.map +1 -1
- package/dist/components/actions/button-group/button-group.styles.js +4 -2
- package/dist/components/actions/button-group/button-group.styles.js.map +1 -1
- package/dist/components/actions/icon-button/icon-button.d.ts +15 -5
- package/dist/components/actions/icon-button/icon-button.d.ts.map +1 -1
- package/dist/components/actions/icon-button/icon-button.js +24 -4
- 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 +195 -63
- 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 +4 -2
- package/dist/components/actions/icon-button/icon-button.template.js.map +1 -1
- package/dist/components/actions/menu/menu.d.ts +9 -0
- package/dist/components/actions/menu/menu.d.ts.map +1 -1
- package/dist/components/actions/menu/menu.js +27 -2
- package/dist/components/actions/menu/menu.js.map +1 -1
- package/dist/components/actions/menu/menu.template.d.ts.map +1 -1
- package/dist/components/actions/menu/menu.template.js +17 -5
- package/dist/components/actions/menu/menu.template.js.map +1 -1
- package/dist/components/actions/split-button/split-button.d.ts +30 -20
- package/dist/components/actions/split-button/split-button.d.ts.map +1 -1
- package/dist/components/actions/split-button/split-button.js +73 -49
- 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 +39 -3
- package/dist/components/actions/split-button/split-button.styles.js.map +1 -1
- package/dist/components/actions/split-button/split-button.template.d.ts.map +1 -1
- package/dist/components/actions/split-button/split-button.template.js +6 -1
- package/dist/components/actions/split-button/split-button.template.js.map +1 -1
- package/dist/components/actions/toolbar/toolbar.d.ts +91 -14
- package/dist/components/actions/toolbar/toolbar.d.ts.map +1 -1
- package/dist/components/actions/toolbar/toolbar.js +299 -103
- package/dist/components/actions/toolbar/toolbar.js.map +1 -1
- package/dist/components/actions/toolbar/toolbar.styles.d.ts +2 -0
- package/dist/components/actions/toolbar/toolbar.styles.d.ts.map +1 -1
- package/dist/components/actions/toolbar/toolbar.styles.js +109 -41
- package/dist/components/actions/toolbar/toolbar.styles.js.map +1 -1
- package/dist/components/actions/toolbar/toolbar.template.d.ts +7 -4
- package/dist/components/actions/toolbar/toolbar.template.d.ts.map +1 -1
- package/dist/components/actions/toolbar/toolbar.template.js +22 -69
- package/dist/components/actions/toolbar/toolbar.template.js.map +1 -1
- package/dist/components/components.js +88 -85
- package/dist/components/content/blockquote/blockquote.d.ts +3 -1
- package/dist/components/content/blockquote/blockquote.d.ts.map +1 -1
- package/dist/components/content/blockquote/blockquote.js +12 -1
- package/dist/components/content/blockquote/blockquote.js.map +1 -1
- package/dist/components/content/blockquote/blockquote.styles.d.ts.map +1 -1
- package/dist/components/content/blockquote/blockquote.styles.js +4 -0
- package/dist/components/content/blockquote/blockquote.styles.js.map +1 -1
- package/dist/components/content/blockquote/blockquote.template.js +1 -1
- package/dist/components/content/blockquote/blockquote.template.js.map +1 -1
- package/dist/components/content/byline/byline.d.ts +53 -0
- package/dist/components/content/byline/byline.d.ts.map +1 -0
- package/dist/components/content/byline/byline.js +90 -0
- package/dist/components/content/byline/byline.js.map +1 -0
- package/dist/components/content/byline/byline.styles.d.ts +2 -0
- package/dist/components/content/byline/byline.styles.d.ts.map +1 -0
- package/dist/components/content/byline/byline.styles.js +94 -0
- package/dist/components/content/byline/byline.styles.js.map +1 -0
- package/dist/components/content/byline/byline.template.d.ts +3 -0
- package/dist/components/content/byline/byline.template.d.ts.map +1 -0
- package/dist/components/content/byline/byline.template.js +23 -0
- package/dist/components/content/byline/byline.template.js.map +1 -0
- package/dist/components/content/code-viewer/code-viewer.styles.d.ts.map +1 -1
- package/dist/components/content/code-viewer/code-viewer.styles.js +8 -0
- package/dist/components/content/code-viewer/code-viewer.styles.js.map +1 -1
- package/dist/components/content/code-viewer/code-viewer.template.d.ts.map +1 -1
- package/dist/components/content/code-viewer/code-viewer.template.js +4 -1
- package/dist/components/content/code-viewer/code-viewer.template.js.map +1 -1
- package/dist/components/content/icon/icon-aliases.d.ts.map +1 -1
- package/dist/components/content/icon/icon-aliases.js +48 -2
- 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 +37 -2
- package/dist/components/content/icon/icon-registry.js.map +1 -1
- package/dist/components/content/image/image.d.ts +1 -1
- package/dist/components/content/image/image.d.ts.map +1 -1
- package/dist/components/content/image/image.i18n.d.ts +1 -1
- package/dist/components/content/image/image.i18n.js +1 -1
- package/dist/components/content/image/image.i18n.js.map +1 -1
- package/dist/components/content/image/image.js +7 -2
- package/dist/components/content/image/image.js.map +1 -1
- package/dist/components/content/image/image.styles.d.ts.map +1 -1
- package/dist/components/content/image/image.styles.js +21 -30
- package/dist/components/content/image/image.styles.js.map +1 -1
- package/dist/components/content/image/image.template.d.ts.map +1 -1
- package/dist/components/content/image/image.template.js +7 -12
- package/dist/components/content/image/image.template.js.map +1 -1
- package/dist/components/content/image/lqip-encoder-element.js +2 -2
- package/dist/components/content/keyboard-shortcut/keyboard-shortcut.template.d.ts.map +1 -1
- package/dist/components/content/keyboard-shortcut/keyboard-shortcut.template.js +3 -1
- package/dist/components/content/keyboard-shortcut/keyboard-shortcut.template.js.map +1 -1
- package/dist/components/content/rich-text/rich-text.d.ts +16 -0
- package/dist/components/content/rich-text/rich-text.d.ts.map +1 -1
- package/dist/components/content/rich-text/rich-text.js +19 -0
- package/dist/components/content/rich-text/rich-text.js.map +1 -1
- package/dist/components/content/tag/tag.d.ts +2 -2
- package/dist/components/content/tag/tag.d.ts.map +1 -1
- package/dist/components/content/tag/tag.js +1 -1
- package/dist/components/content/tag/tag.js.map +1 -1
- package/dist/components/content/tag/tag.styles.d.ts.map +1 -1
- package/dist/components/content/tag/tag.styles.js +81 -51
- package/dist/components/content/tag/tag.styles.js.map +1 -1
- package/dist/components/content/title/title.d.ts +6 -0
- package/dist/components/content/title/title.d.ts.map +1 -1
- package/dist/components/content/title/title.js +8 -0
- package/dist/components/content/title/title.js.map +1 -1
- package/dist/components/content/title/title.styles.d.ts.map +1 -1
- package/dist/components/content/title/title.styles.js +15 -0
- package/dist/components/content/title/title.styles.js.map +1 -1
- package/dist/components/{index-C3JellW2.js → index-C2jQOZa6.js} +4782 -2608
- package/dist/components/index.d.ts +3 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +3 -0
- package/dist/components/index.js.map +1 -1
- package/dist/components/inputs/checkbox/checkbox.template.d.ts.map +1 -1
- package/dist/components/inputs/checkbox/checkbox.template.js +9 -3
- package/dist/components/inputs/checkbox/checkbox.template.js.map +1 -1
- package/dist/components/inputs/combo-box/combo-box.styles.js +1 -1
- package/dist/components/inputs/dropdown/dropdown.styles.d.ts.map +1 -1
- package/dist/components/inputs/dropdown/dropdown.styles.js +31 -18
- package/dist/components/inputs/dropdown/dropdown.styles.js.map +1 -1
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.js +1 -1
- package/dist/components/inputs/password-field/password-field.styles.js +1 -1
- package/dist/components/inputs/radio-button/radio-button.template.d.ts.map +1 -1
- package/dist/components/inputs/radio-button/radio-button.template.js +3 -1
- package/dist/components/inputs/radio-button/radio-button.template.js.map +1 -1
- package/dist/components/inputs/search-field/search-field.styles.js +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.d.ts +5 -4
- package/dist/components/inputs/segmented-control/segmented-control.d.ts.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.js +4 -3
- 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 +59 -9
- package/dist/components/inputs/segmented-control/segmented-control.styles.js.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.template.js +3 -3
- package/dist/components/inputs/segmented-control/segmented-control.template.js.map +1 -1
- package/dist/components/inputs/stepper/stepper.styles.d.ts.map +1 -1
- package/dist/components/inputs/stepper/stepper.styles.js +16 -5
- package/dist/components/inputs/stepper/stepper.styles.js.map +1 -1
- package/dist/components/inputs/stepper/stepper.template.d.ts.map +1 -1
- package/dist/components/inputs/stepper/stepper.template.js +2 -0
- package/dist/components/inputs/stepper/stepper.template.js.map +1 -1
- package/dist/components/inputs/text-field/text-field.styles.js +1 -1
- package/dist/components/inputs/toggle-button/toggle-button.d.ts +4 -3
- package/dist/components/inputs/toggle-button/toggle-button.d.ts.map +1 -1
- package/dist/components/inputs/toggle-button/toggle-button.js +3 -2
- 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 +53 -17
- 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 +11 -6
- 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 +24 -7
- package/dist/components/inputs/token/token.styles.js.map +1 -1
- package/dist/components/inputs/token/token.template.d.ts.map +1 -1
- package/dist/components/inputs/token/token.template.js +4 -1
- package/dist/components/inputs/token/token.template.js.map +1 -1
- package/dist/components/layout/collection/collection.template.d.ts.map +1 -1
- package/dist/components/layout/collection/collection.template.js +3 -1
- package/dist/components/layout/collection/collection.template.js.map +1 -1
- package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.d.ts +1 -1
- package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.d.ts.map +1 -1
- package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.js +0 -5
- package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.js.map +1 -1
- package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.template.d.ts.map +1 -1
- package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.template.js +6 -2
- package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.template.js.map +1 -1
- package/dist/components/layout/page-sections/hero/hero.d.ts +92 -0
- package/dist/components/layout/page-sections/hero/hero.d.ts.map +1 -0
- package/dist/components/layout/page-sections/hero/hero.js +153 -0
- package/dist/components/layout/page-sections/hero/hero.js.map +1 -0
- package/dist/components/layout/page-sections/hero/hero.styles.d.ts +2 -0
- package/dist/components/layout/page-sections/hero/hero.styles.d.ts.map +1 -0
- package/dist/components/layout/page-sections/hero/hero.styles.js +488 -0
- package/dist/components/layout/page-sections/hero/hero.styles.js.map +1 -0
- package/dist/components/layout/page-sections/hero/hero.template.d.ts +4 -0
- package/dist/components/layout/page-sections/hero/hero.template.d.ts.map +1 -0
- package/dist/components/layout/page-sections/hero/hero.template.js +18 -0
- package/dist/components/layout/page-sections/hero/hero.template.js.map +1 -0
- package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.d.ts +1 -0
- package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.d.ts.map +1 -1
- package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.styles.d.ts.map +1 -1
- package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.styles.js +5 -0
- package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.styles.js.map +1 -1
- package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.template.d.ts +1 -1
- package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.template.d.ts.map +1 -1
- package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.template.js +11 -3
- package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.template.js.map +1 -1
- package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.d.ts +1 -0
- package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.d.ts.map +1 -1
- package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.styles.d.ts.map +1 -1
- package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.styles.js +5 -0
- package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.styles.js.map +1 -1
- package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.template.d.ts +1 -1
- package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.template.d.ts.map +1 -1
- package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.template.js +11 -3
- package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.template.js.map +1 -1
- package/dist/components/layout/page-sections/simple-section/simple-section.d.ts +1 -1
- package/dist/components/layout/page-sections/simple-section/simple-section.d.ts.map +1 -1
- package/dist/components/layout/page-sections/simple-section/simple-section.js +0 -5
- package/dist/components/layout/page-sections/simple-section/simple-section.js.map +1 -1
- package/dist/components/layout/page-sections/simple-section/simple-section.template.d.ts.map +1 -1
- package/dist/components/layout/page-sections/simple-section/simple-section.template.js +6 -2
- package/dist/components/layout/page-sections/simple-section/simple-section.template.js.map +1 -1
- package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.d.ts +1 -0
- package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.d.ts.map +1 -1
- package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.styles.d.ts.map +1 -1
- package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.styles.js +5 -0
- package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.styles.js.map +1 -1
- package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.template.d.ts +1 -1
- package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.template.d.ts.map +1 -1
- package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.template.js +11 -3
- package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.template.js.map +1 -1
- package/dist/components/lists-and-tables/list/list.template.d.ts.map +1 -1
- package/dist/components/lists-and-tables/list/list.template.js +3 -1
- package/dist/components/lists-and-tables/list/list.template.js.map +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.d.ts +3 -4
- package/dist/components/lists-and-tables/list-item/list-item.d.ts.map +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.js +7 -5
- package/dist/components/lists-and-tables/list-item/list-item.js.map +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.template.d.ts +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.template.d.ts.map +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.template.js +2 -2
- package/dist/components/lists-and-tables/list-item/list-item.template.js.map +1 -1
- package/dist/components/lists-and-tables/table/table.styles.d.ts.map +1 -1
- package/dist/components/lists-and-tables/table/table.styles.js +7 -0
- package/dist/components/lists-and-tables/table/table.styles.js.map +1 -1
- package/dist/components/lists-and-tables/table/table.template.d.ts.map +1 -1
- package/dist/components/lists-and-tables/table/table.template.js +7 -2
- package/dist/components/lists-and-tables/table/table.template.js.map +1 -1
- package/dist/components/navigation/breadcrumbs/breadcrumbs.d.ts +46 -22
- package/dist/components/navigation/breadcrumbs/breadcrumbs.d.ts.map +1 -1
- package/dist/components/navigation/breadcrumbs/breadcrumbs.i18n.d.ts +1 -1
- package/dist/components/navigation/breadcrumbs/breadcrumbs.i18n.js +1 -1
- package/dist/components/navigation/breadcrumbs/breadcrumbs.i18n.js.map +1 -1
- package/dist/components/navigation/breadcrumbs/breadcrumbs.js +84 -51
- package/dist/components/navigation/breadcrumbs/breadcrumbs.js.map +1 -1
- package/dist/components/navigation/breadcrumbs/breadcrumbs.styles.d.ts.map +1 -1
- package/dist/components/navigation/breadcrumbs/breadcrumbs.styles.js +44 -36
- package/dist/components/navigation/breadcrumbs/breadcrumbs.styles.js.map +1 -1
- package/dist/components/navigation/breadcrumbs/breadcrumbs.template.d.ts.map +1 -1
- package/dist/components/navigation/breadcrumbs/breadcrumbs.template.js +16 -16
- package/dist/components/navigation/breadcrumbs/breadcrumbs.template.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 +39 -19
- package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.js.map +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.template.d.ts.map +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.template.js +9 -3
- package/dist/components/navigation/document-tab-bar/document-tab-bar.template.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 +4 -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 +35 -15
- package/dist/components/navigation/pagination/pagination.styles.js.map +1 -1
- package/dist/components/navigation/pagination/pagination.template.d.ts.map +1 -1
- package/dist/components/navigation/pagination/pagination.template.js +11 -3
- package/dist/components/navigation/pagination/pagination.template.js.map +1 -1
- package/dist/components/navigation/tab-bar/tab-bar.d.ts +11 -4
- package/dist/components/navigation/tab-bar/tab-bar.d.ts.map +1 -1
- package/dist/components/navigation/tab-bar/tab-bar.js +17 -2
- package/dist/components/navigation/tab-bar/tab-bar.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 +74 -18
- package/dist/components/navigation/tab-bar/tab-bar.styles.js.map +1 -1
- package/dist/components/navigation/tab-bar/tab-bar.template.d.ts.map +1 -1
- package/dist/components/navigation/tab-bar/tab-bar.template.js +10 -3
- package/dist/components/navigation/tab-bar/tab-bar.template.js.map +1 -1
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.js +4 -4
- package/dist/components/navigation/top-title-bar/top-title-bar.template.d.ts.map +1 -1
- package/dist/components/navigation/top-title-bar/top-title-bar.template.js +3 -1
- package/dist/components/navigation/top-title-bar/top-title-bar.template.js.map +1 -1
- package/dist/components/{prism-python-QiimuE8j.js → prism-python-BzzeiWRd.js} +1 -1
- package/dist/components/{prism-rust-D4vfxUpk.js → prism-rust-DzgIGUtE.js} +1 -1
- package/dist/components/{prism-typescript-Dy2F4cF2.js → prism-typescript-KyVBIohW.js} +1 -1
- package/dist/components/status-and-feedback/badge/badge.d.ts +1 -1
- package/dist/components/status-and-feedback/badge/badge.d.ts.map +1 -1
- package/dist/components/status-and-feedback/badge/badge.js.map +1 -1
- package/dist/components/status-and-feedback/badge/badge.styles.d.ts.map +1 -1
- package/dist/components/status-and-feedback/badge/badge.styles.js +69 -75
- package/dist/components/status-and-feedback/badge/badge.styles.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 +21 -35
- 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 +9 -3
- package/dist/components/status-and-feedback/banner/banner.template.js.map +1 -1
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.styles.js +2 -2
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.template.d.ts.map +1 -1
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.template.js +6 -2
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.template.js.map +1 -1
- package/dist/components/status-and-feedback/progress-bar/progress-bar.d.ts +1 -1
- 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.map +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 +73 -80
- package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.js.map +1 -1
- package/dist/components/status-and-feedback/progress-circle/progress-circle.d.ts +1 -1
- 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.map +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 +48 -50
- 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.js +1 -1
- package/dist/components/status-and-feedback/progress-circle/progress-circle.template.js.map +1 -1
- package/dist/components/status-and-feedback/status-bar/status-bar.d.ts +60 -0
- package/dist/components/status-and-feedback/status-bar/status-bar.d.ts.map +1 -0
- package/dist/components/status-and-feedback/status-bar/status-bar.js +116 -0
- package/dist/components/status-and-feedback/status-bar/status-bar.js.map +1 -0
- package/dist/components/status-and-feedback/status-bar/status-bar.styles.d.ts +2 -0
- package/dist/components/status-and-feedback/status-bar/status-bar.styles.d.ts.map +1 -0
- package/dist/components/status-and-feedback/status-bar/status-bar.styles.js +142 -0
- package/dist/components/status-and-feedback/status-bar/status-bar.styles.js.map +1 -0
- package/dist/components/status-and-feedback/status-bar/status-bar.template.d.ts +3 -0
- package/dist/components/status-and-feedback/status-bar/status-bar.template.d.ts.map +1 -0
- package/dist/components/status-and-feedback/status-bar/status-bar.template.js +32 -0
- package/dist/components/status-and-feedback/status-bar/status-bar.template.js.map +1 -0
- package/dist/css/rich-text.css +97 -14
- package/dist/css/settings.css +566 -373
- package/dist/utilities/page-section-mixin.d.ts +1 -0
- package/dist/utilities/page-section-mixin.d.ts.map +1 -1
- package/dist/utilities/page-section-mixin.js +9 -0
- package/dist/utilities/page-section-mixin.js.map +1 -1
- package/package.json +13 -1
|
@@ -6,26 +6,32 @@ function renderContent(component) {
|
|
|
6
6
|
return html `
|
|
7
7
|
<span class="button__content">
|
|
8
8
|
${component.startIcon ? html `
|
|
9
|
-
<
|
|
10
|
-
name=${component.startIcon}
|
|
11
|
-
|
|
9
|
+
<span class="button__start-icon">
|
|
10
|
+
<nldd-icon name=${component.startIcon}></nldd-icon>
|
|
11
|
+
</span>
|
|
12
12
|
` : html `<slot name="start-icon"></slot>`}
|
|
13
|
-
<span class="button__text"
|
|
13
|
+
<span class="button__text-area">
|
|
14
|
+
<span class="button__text">${component.text ? component.text : html `<slot name="text"></slot>`}</span>
|
|
15
|
+
${component.supportingText ? html `<span class="button__supporting-text">${component.supportingText}</span>` : nothing}
|
|
16
|
+
</span>
|
|
14
17
|
${component.endIcon ? html `
|
|
15
|
-
<
|
|
16
|
-
name=${component.endIcon}
|
|
17
|
-
|
|
18
|
+
<span class="button__end-icon">
|
|
19
|
+
<nldd-icon name=${component.endIcon}></nldd-icon>
|
|
20
|
+
</span>
|
|
18
21
|
` : html `<slot name="end-icon"></slot>`}
|
|
19
|
-
${component.expandable ? html `
|
|
20
|
-
<nldd-icon class="button__disclosure-icon"
|
|
21
|
-
name="chevron-down-small"
|
|
22
|
-
></nldd-icon>
|
|
23
|
-
` : nothing}
|
|
24
22
|
</span>
|
|
23
|
+
${component.expandable ? html `
|
|
24
|
+
<nldd-icon class="button__disclosure-icon"
|
|
25
|
+
name="chevron-down-small"
|
|
26
|
+
></nldd-icon>
|
|
27
|
+
` : nothing}
|
|
25
28
|
`;
|
|
26
29
|
}
|
|
27
30
|
export function template(helpers) {
|
|
28
31
|
const content = renderContent(this);
|
|
32
|
+
const buttonClass = ['button',
|
|
33
|
+
this.supportingText ? 'has-supporting-text' : '',
|
|
34
|
+
].filter(Boolean).join(' ');
|
|
29
35
|
// `expandable` (disclosure widget signal) or `popup-type` (popup container
|
|
30
36
|
// signal) both require aria-expanded to always be present so screen
|
|
31
37
|
// readers know the current open/closed state. Without one of these, only
|
|
@@ -33,6 +39,16 @@ export function template(helpers) {
|
|
|
33
39
|
// irrelevant ARIA attributes.
|
|
34
40
|
const isDisclosure = this.expandable || !!this.popupType;
|
|
35
41
|
const ariaExpanded = isDisclosure ? String(this.expanded) : (this.expanded ? 'true' : nothing);
|
|
42
|
+
// `supporting-text` renders in a sibling span next to the text; the
|
|
43
|
+
// accessible-name flat-string algorithm concatenates them without a
|
|
44
|
+
// separator ("OpslaanAlle wijzigingen"). With no explicit accessible-label,
|
|
45
|
+
// join them with a comma so screen readers announce the two apart. Filtering
|
|
46
|
+
// empties keeps a name when only supporting-text is set — otherwise an
|
|
47
|
+
// icon-less button would be nameless. (Slotted text can't be read here —
|
|
48
|
+
// those consumers should set accessible-label.) Without supporting-text,
|
|
49
|
+
// `nothing` sets no aria-label at all, so the name is the visible text content.
|
|
50
|
+
const ariaLabel = this.accessibleLabel
|
|
51
|
+
|| (this.supportingText ? [this.text, this.supportingText].filter(Boolean).join(', ') : nothing);
|
|
36
52
|
// Loading: an activity indicator overlays the (opacity-hidden) content. It
|
|
37
53
|
// sits OUTSIDE the <button>/<a> (a sibling, overlaid via the host's
|
|
38
54
|
// position:relative) so its role="status" live region can announce "Laden"
|
|
@@ -45,7 +61,7 @@ export function template(helpers) {
|
|
|
45
61
|
<div class="button__activity-indicator">
|
|
46
62
|
<nldd-activity-indicator
|
|
47
63
|
timing="instant"
|
|
48
|
-
size=${this.size === 'xs' ? '16' : this.size === 'sm' ? '20' : '24'}
|
|
64
|
+
size=${this.size === 'xs' ? '16' : this.size === 'sm' ? '20' : this.size === 'lg' ? '28' : '24'}
|
|
49
65
|
></nldd-activity-indicator>
|
|
50
66
|
</div>
|
|
51
67
|
`
|
|
@@ -53,12 +69,12 @@ export function template(helpers) {
|
|
|
53
69
|
if (this.href) {
|
|
54
70
|
const resolvedRel = this._resolvedRel();
|
|
55
71
|
return html `
|
|
56
|
-
<a class
|
|
72
|
+
<a class=${buttonClass}
|
|
57
73
|
href=${this.href}
|
|
58
74
|
target=${this.target || nothing}
|
|
59
75
|
rel=${resolvedRel || nothing}
|
|
60
76
|
aria-disabled=${this.disabled ? 'true' : nothing}
|
|
61
|
-
aria-label=${
|
|
77
|
+
aria-label=${ariaLabel}
|
|
62
78
|
aria-haspopup=${this.popupType || nothing}
|
|
63
79
|
aria-expanded=${ariaExpanded}
|
|
64
80
|
aria-busy=${ariaBusy}
|
|
@@ -75,11 +91,11 @@ export function template(helpers) {
|
|
|
75
91
|
// browsers don't support the Popover API at all, so the menu this button
|
|
76
92
|
// drives is non-functional regardless. No per-binding capability check.
|
|
77
93
|
return html `
|
|
78
|
-
<button class
|
|
94
|
+
<button class=${buttonClass}
|
|
79
95
|
type=${this.type}
|
|
80
96
|
?disabled=${this.disabled}
|
|
81
97
|
aria-disabled=${this.disabled ? 'true' : nothing}
|
|
82
|
-
aria-label=${
|
|
98
|
+
aria-label=${ariaLabel}
|
|
83
99
|
aria-haspopup=${this.popupType || nothing}
|
|
84
100
|
aria-expanded=${ariaExpanded}
|
|
85
101
|
aria-busy=${ariaBusy}
|
|
@@ -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;;
|
|
1
|
+
{"version":3,"file":"button.template.js","sourceRoot":"","sources":["../../../../src/components/actions/button/button.template.ts"],"names":[],"mappings":"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"}
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
* Renders nldd-button-bar-divider elements as internal dividers — no separate component needed.
|
|
7
7
|
*
|
|
8
8
|
* @element nldd-button-bar
|
|
9
|
-
* @attr {string} size - Bar size: 'xs' | 'sm' | 'md' (default: 'md')
|
|
9
|
+
* @attr {string} size - Bar size: 'xs' | 'sm' | 'md' | 'lg' (default: 'md'). At 'lg', icon-button children stack their label below the icon (mobile action-bar style).
|
|
10
10
|
* @attr {string} variant - Button variant (default: 'neutral-tinted')
|
|
11
11
|
* @attr {boolean} disabled - Disabled state
|
|
12
12
|
*
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
* @csspart bar - The button bar container
|
|
16
16
|
*/
|
|
17
17
|
import { LitElement } from 'lit';
|
|
18
|
-
export type Size = 'xs' | 'sm' | 'md';
|
|
18
|
+
export type Size = 'xs' | 'sm' | 'md' | 'lg';
|
|
19
19
|
export type BarChild = {
|
|
20
20
|
type: 'divider';
|
|
21
21
|
id: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-bar.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button-bar/button-bar.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AASjC,MAAM,MAAM,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"button-bar.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button-bar/button-bar.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AASjC,MAAM,MAAM,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE7C,MAAM,MAAM,QAAQ,GACjB;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,GAC/B;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,OAAO,EAAE,OAAO,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC;AAIpD,qBACa,aAAc,SAAQ,UAAU;IAC5C,OAAgB,MAAM,0BAAmB;IAGzC,IAAI,EAAE,IAAI,CAAQ;IAGlB,OAAO,EAAE,MAAM,CAAoB;IAGnC,QAAQ,UAAS;IAGjB,SAAS,EAAE,QAAQ,EAAE,CAAM;IAE3B,OAAO,CAAC,UAAU,CAAK;IACvB,OAAO,CAAC,SAAS,CAAiC;IAClD,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,qBAAqB,CAA0B;IAE9C,iBAAiB,IAAI,IAAI;IASzB,oBAAoB,IAAI,IAAI;IAQ5B,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAiB/D,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,eAAe;IAOvB,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,iBAAiB;IAMzB,OAAO,CAAC,kBAAkB;IAsB1B,OAAO,CAAC,cAAc;IA8Bb,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,iBAAiB,EAAE,aAAa,CAAC;QACjC,yBAAyB,EAAE,WAAW,CAAC;KACvC;CACD"}
|
|
@@ -12,7 +12,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
12
12
|
* Renders nldd-button-bar-divider elements as internal dividers — no separate component needed.
|
|
13
13
|
*
|
|
14
14
|
* @element nldd-button-bar
|
|
15
|
-
* @attr {string} size - Bar size: 'xs' | 'sm' | 'md' (default: 'md')
|
|
15
|
+
* @attr {string} size - Bar size: 'xs' | 'sm' | 'md' | 'lg' (default: 'md'). At 'lg', icon-button children stack their label below the icon (mobile action-bar style).
|
|
16
16
|
* @attr {string} variant - Button variant (default: 'neutral-tinted')
|
|
17
17
|
* @attr {boolean} disabled - Disabled state
|
|
18
18
|
*
|
|
@@ -127,6 +127,8 @@ let NLDDButtonBar = class NLDDButtonBar extends LitElement {
|
|
|
127
127
|
if (BUTTON_TAGS.includes(tag)) {
|
|
128
128
|
el.setAttribute('size', this.size);
|
|
129
129
|
el.setAttribute('variant', this.variant);
|
|
130
|
+
// The bar draws one group border (.button-bar::after); children drop theirs.
|
|
131
|
+
el.setAttribute('no-highlight-border', '');
|
|
130
132
|
}
|
|
131
133
|
const id = this._idCounter++;
|
|
132
134
|
const slotName = `child-${id}`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-bar.js","sourceRoot":"","sources":["../../../../src/components/actions/button-bar/button-bar.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAEpD,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,yBAAyB,CAAC,EAAE,CAAC;IACpD,cAAc,CAAC,MAAM,CAAC,yBAAyB,EAAE,KAAM,SAAQ,WAAW;KAAG,CAAC,CAAC;AAChF,CAAC;AAQD,MAAM,WAAW,GAAG,CAAC,aAAa,EAAE,kBAAkB,CAAC,CAAC;AAGjD,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,UAAU;IAAtC;;QAIN,SAAI,GAAS,IAAI,CAAC;QAGlB,YAAO,GAAW,gBAAgB,CAAC;QAGnC,aAAQ,GAAG,KAAK,CAAC;QAGjB,cAAS,GAAe,EAAE,CAAC;QAEnB,eAAU,GAAG,CAAC,CAAC;QACf,cAAS,GAA4B,IAAI,CAAC;QAC1C,cAAS,GAAG,KAAK,CAAC;QAClB,0BAAqB,GAAG,IAAI,OAAO,EAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"button-bar.js","sourceRoot":"","sources":["../../../../src/components/actions/button-bar/button-bar.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-bar.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button-bar/button-bar.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,
|
|
1
|
+
{"version":3,"file":"button-bar.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button-bar/button-bar.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,yBA4G3B,CAAC"}
|
|
@@ -9,22 +9,29 @@ export const buttonBarStyles = css `
|
|
|
9
9
|
--_background-color: var(--semantics-buttons-neutral-tinted-background-color);
|
|
10
10
|
--_size: var(--semantics-controls-md-min-size);
|
|
11
11
|
--_divider-color: var(--semantics-buttons-neutral-tinted-divider-color);
|
|
12
|
+
--_highlight-border-color: var(--semantics-buttons-neutral-tinted-highlight-border-color);
|
|
12
13
|
--_divider-length: var(--semantics-buttons-md-divider-length);
|
|
13
14
|
|
|
14
15
|
display: inline-flex;
|
|
15
16
|
isolation: isolate;
|
|
16
17
|
}
|
|
17
18
|
|
|
19
|
+
:host([size="xs"]) {
|
|
20
|
+
--_corner-radius: var(--semantics-controls-xs-corner-radius);
|
|
21
|
+
--_size: var(--semantics-controls-xs-min-size);
|
|
22
|
+
--_divider-length: var(--semantics-buttons-xs-divider-length);
|
|
23
|
+
}
|
|
24
|
+
|
|
18
25
|
:host([size="sm"]) {
|
|
19
26
|
--_corner-radius: var(--semantics-controls-sm-corner-radius);
|
|
20
27
|
--_size: var(--semantics-controls-sm-min-size);
|
|
21
28
|
--_divider-length: var(--semantics-buttons-sm-divider-length);
|
|
22
29
|
}
|
|
23
30
|
|
|
24
|
-
:host([size="
|
|
25
|
-
--_corner-radius: var(--semantics-controls-
|
|
26
|
-
--_size: var(--semantics-controls-
|
|
27
|
-
--_divider-length: var(--semantics-buttons-
|
|
31
|
+
:host([size="lg"]) {
|
|
32
|
+
--_corner-radius: var(--semantics-controls-lg-corner-radius);
|
|
33
|
+
--_size: var(--semantics-controls-lg-min-size);
|
|
34
|
+
--_divider-length: var(--semantics-buttons-lg-divider-length);
|
|
28
35
|
}
|
|
29
36
|
|
|
30
37
|
/* ## Accent Filled (Primary) */
|
|
@@ -33,6 +40,13 @@ export const buttonBarStyles = css `
|
|
|
33
40
|
:host([variant="primary"]) {
|
|
34
41
|
--_background-color: var(--semantics-buttons-accent-filled-background-color);
|
|
35
42
|
--_divider-color: var(--semantics-buttons-accent-filled-divider-color);
|
|
43
|
+
--_highlight-border-color: var(--semantics-buttons-accent-filled-highlight-border-color);
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
:host([variant="neutral-base"]) {
|
|
47
|
+
--_background-color: var(--semantics-buttons-neutral-base-background-color);
|
|
48
|
+
--_divider-color: var(--semantics-buttons-neutral-base-divider-color);
|
|
49
|
+
--_highlight-border-color: var(--semantics-buttons-neutral-base-highlight-border-color);
|
|
36
50
|
}
|
|
37
51
|
|
|
38
52
|
:host([hidden]) {
|
|
@@ -54,6 +68,7 @@ export const buttonBarStyles = css `
|
|
|
54
68
|
|
|
55
69
|
.button-bar {
|
|
56
70
|
display: flex;
|
|
71
|
+
position: relative;
|
|
57
72
|
border-radius: var(--_corner-radius);
|
|
58
73
|
background-color: var(--_background-color);
|
|
59
74
|
height: var(--_size);
|
|
@@ -62,6 +77,15 @@ export const buttonBarStyles = css `
|
|
|
62
77
|
align-items: center;
|
|
63
78
|
}
|
|
64
79
|
|
|
80
|
+
.button-bar::after {
|
|
81
|
+
content: '';
|
|
82
|
+
position: absolute;
|
|
83
|
+
inset: 0;
|
|
84
|
+
border-radius: inherit;
|
|
85
|
+
box-shadow: inset 0 0 0 var(--primitives-border-width-thin) var(--_highlight-border-color);
|
|
86
|
+
pointer-events: none;
|
|
87
|
+
}
|
|
88
|
+
|
|
65
89
|
|
|
66
90
|
/* # Elements */
|
|
67
91
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-bar.styles.js","sourceRoot":"","sources":["../../../../src/components/actions/button-bar/button-bar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"button-bar.styles.js","sourceRoot":"","sources":["../../../../src/components/actions/button-bar/button-bar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4GjC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-bar.template.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button-bar/button-bar.template.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAY,MAAM,iBAAiB,CAAC;AAE/D,wBAAgB,QAAQ,CAAC,IAAI,EAAE,aAAa,
|
|
1
|
+
{"version":3,"file":"button-bar.template.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button-bar/button-bar.template.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAY,MAAM,iBAAiB,CAAC;AAE/D,wBAAgB,QAAQ,CAAC,IAAI,EAAE,aAAa,wCAS3C"}
|
|
@@ -2,7 +2,10 @@ import { html } from 'lit';
|
|
|
2
2
|
import { repeat } from 'lit/directives/repeat.js';
|
|
3
3
|
export function template() {
|
|
4
4
|
return html `
|
|
5
|
-
<div class="button-bar"
|
|
5
|
+
<div class="button-bar"
|
|
6
|
+
part="bar"
|
|
7
|
+
role="group"
|
|
8
|
+
>
|
|
6
9
|
${repeat(this._children, c => c.id, c => renderChild.call(this, c))}
|
|
7
10
|
</div>
|
|
8
11
|
`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-bar.template.js","sourceRoot":"","sources":["../../../../src/components/actions/button-bar/button-bar.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAGlD,MAAM,UAAU,QAAQ;IACvB,OAAO,IAAI,CAAA
|
|
1
|
+
{"version":3,"file":"button-bar.template.js","sourceRoot":"","sources":["../../../../src/components/actions/button-bar/button-bar.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAGlD,MAAM,UAAU,QAAQ;IACvB,OAAO,IAAI,CAAA;;;;;KAKP,MAAM,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;;EAEpE,CAAC;AACH,CAAC;AAED,SAAS,WAAW,CAAsB,KAAe;IACxD,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;QAC9B,OAAO,IAAI,CAAA;;;;GAIV,CAAC;IACH,CAAC;IAED,OAAO,IAAI,CAAA,qBAAqB,KAAK,CAAC,EAAE,WAAW,CAAC;AACrD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-group.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button-group/button-group.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,
|
|
1
|
+
{"version":3,"file":"button-group.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button-group/button-group.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,yBAgD7B,CAAC"}
|
|
@@ -19,10 +19,12 @@ export const buttonGroupStyles = css `
|
|
|
19
19
|
--_gap: var(--components-button-group-sm-gap);
|
|
20
20
|
}
|
|
21
21
|
|
|
22
|
-
/* ## Horizontal
|
|
22
|
+
/* ## Horizontal
|
|
23
|
+
The row keeps the full width (like vertical) so full-width children
|
|
24
|
+
can actually stretch; content-sized buttons still sit left within
|
|
25
|
+
the row. */
|
|
23
26
|
|
|
24
27
|
:host([orientation="horizontal"]) {
|
|
25
|
-
--_width: auto;
|
|
26
28
|
--_flex-direction: row;
|
|
27
29
|
--_flex-wrap: wrap;
|
|
28
30
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-group.styles.js","sourceRoot":"","sources":["../../../../src/components/actions/button-group/button-group.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"button-group.styles.js","sourceRoot":"","sources":["../../../../src/components/actions/button-group/button-group.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgDnC,CAAC"}
|
|
@@ -2,8 +2,10 @@
|
|
|
2
2
|
* Nederlandse Digitale Dienst Icon Button Component (Lit + TypeScript)
|
|
3
3
|
*
|
|
4
4
|
* @element nldd-icon-button
|
|
5
|
-
* @attr {string} variant - Button variant: 'accent-filled' | 'accent-transparent' | 'neutral-tinted' | 'neutral-transparent' | 'critical-tinted' | 'critical-transparent' | 'primary' | 'secondary' | 'destructive'
|
|
5
|
+
* @attr {string} variant - Button variant: 'accent-filled' | 'accent-transparent' | 'neutral-tinted' | 'neutral-transparent' | 'critical-tinted' | 'critical-transparent' | 'inherit-filled' | 'inherit-tinted' | 'primary' | 'secondary' | 'destructive'. De inherit-varianten leiden hun kleuren af van currentColor, voor knoppen op gekleurde vlakken.
|
|
6
6
|
* @attr {string} size - Button size: 'xs' | 'sm' | 'md' | 'lg' (default: 'md')
|
|
7
|
+
* @attr {boolean} hide-lg-text - In lg size, hides the text label and enlarges the icon by one step (28px)
|
|
8
|
+
* @attr {boolean} no-highlight-border - Removes the per-variant highlight border (e.g. when a control group draws a single border instead).
|
|
7
9
|
* @attr {boolean} disabled - Disabled state
|
|
8
10
|
* @attr {string} type - Button type for form submission: 'button' | 'submit' | 'reset' (ignored when href is set)
|
|
9
11
|
* @attr {boolean} expandable - Whether the button opens a menu or popover and shows chevron next to the icon
|
|
@@ -11,7 +13,8 @@
|
|
|
11
13
|
* @attr {string} popup-type - Type of popup container this button opens: 'menu' | 'listbox' | 'dialog' | 'tree' | 'grid'. Sets aria-haspopup on the inner button and forces aria-expanded to always be present (true/false) so screen readers know the popup state.
|
|
12
14
|
* @attr {string} width - Width mode: 'full' (stretches to container) or any CSS length (e.g. '240px')
|
|
13
15
|
* @attr {string} text - Button text, used as aria-label and shown below the icon in lg size
|
|
14
|
-
* @attr {string} icon - Icon name for the nldd-icon element
|
|
16
|
+
* @attr {string} icon - Icon name for the nldd-icon element. Defaults to a placeholder icon
|
|
17
|
+
* when neither this attribute nor the icon slot is set.
|
|
15
18
|
* @attr {string} accessible-label - Accessible label for screen readers. Overrides text as aria-label
|
|
16
19
|
* and title tooltip. Use when the visible text alone lacks context for screen
|
|
17
20
|
* readers (e.g. text "Toon", accessible-label "Toon wachtwoord").
|
|
@@ -27,7 +30,8 @@
|
|
|
27
30
|
* @attr {string} rel - Link rel attribute; defaults to 'noopener noreferrer' when target is '_blank'
|
|
28
31
|
* @attr {string} popovertarget - ID of a popover element to toggle; forwarded to the inner <button>
|
|
29
32
|
*
|
|
30
|
-
* @slot icon - Slot for a custom icon (e.g. custom SVG). Only used when icon attribute is not set
|
|
33
|
+
* @slot icon - Slot for a custom icon (e.g. custom SVG). Only used when icon attribute is not set;
|
|
34
|
+
* falls back to a placeholder icon when the slot is empty.
|
|
31
35
|
*
|
|
32
36
|
* @example
|
|
33
37
|
* ```html
|
|
@@ -40,7 +44,7 @@ import { LitElement } from 'lit';
|
|
|
40
44
|
import './../../content/icon/icon.js';
|
|
41
45
|
import './../../status-and-feedback/activity-indicator/activity-indicator.js';
|
|
42
46
|
export type Size = 'xs' | 'sm' | 'md' | 'lg';
|
|
43
|
-
export type Variant = 'primary' | 'secondary' | 'destructive' | 'accent-filled' | 'accent-transparent' | 'neutral-tinted' | 'neutral-transparent' | 'critical-tinted' | 'critical-transparent';
|
|
47
|
+
export type Variant = 'primary' | 'secondary' | 'destructive' | 'accent-filled' | 'accent-transparent' | 'neutral-tinted' | 'neutral-base' | 'neutral-transparent' | 'critical-tinted' | 'critical-transparent' | 'inherit-filled' | 'inherit-tinted';
|
|
44
48
|
export type ButtonType = 'button' | 'submit' | 'reset';
|
|
45
49
|
export type PopupType = 'menu' | 'listbox' | 'dialog' | 'tree' | 'grid';
|
|
46
50
|
export declare class NLDDIconButton extends LitElement {
|
|
@@ -49,6 +53,8 @@ export declare class NLDDIconButton extends LitElement {
|
|
|
49
53
|
private _internals;
|
|
50
54
|
variant: Variant;
|
|
51
55
|
size: Size;
|
|
56
|
+
/** In lg size, hides the text label and enlarges the icon by one step (28px). */
|
|
57
|
+
hideLgText: boolean;
|
|
52
58
|
/**
|
|
53
59
|
* Loading state. Shows an activity indicator centred over the (visually
|
|
54
60
|
* hidden) icon, marks the inner control `aria-busy="true"` and blocks
|
|
@@ -60,6 +66,8 @@ export declare class NLDDIconButton extends LitElement {
|
|
|
60
66
|
*/
|
|
61
67
|
loading: boolean;
|
|
62
68
|
disabled: boolean;
|
|
69
|
+
/** Removes the per-variant highlight border (e.g. when nldd-button-bar draws a single group border instead). */
|
|
70
|
+
noHighlightBorder: boolean;
|
|
63
71
|
type: ButtonType;
|
|
64
72
|
expandable: boolean;
|
|
65
73
|
expanded: boolean;
|
|
@@ -92,7 +100,8 @@ export declare class NLDDIconButton extends LitElement {
|
|
|
92
100
|
popoverTargetAction: 'toggle' | 'show' | 'hide';
|
|
93
101
|
/** Button text, used as aria-label and shown below the icon in lg size. */
|
|
94
102
|
text: string;
|
|
95
|
-
/** Icon name for the nldd-icon element. When not set, the icon slot is used
|
|
103
|
+
/** Icon name for the nldd-icon element. When not set, the icon slot is used,
|
|
104
|
+
* falling back to a placeholder icon when that slot is also empty. */
|
|
96
105
|
icon: string;
|
|
97
106
|
/** Accessible label for screen readers. Overrides text as aria-label and title tooltip.
|
|
98
107
|
* The text is still shown visually in lg size regardless. */
|
|
@@ -121,6 +130,7 @@ export declare class NLDDIconButton extends LitElement {
|
|
|
121
130
|
* consumers can call `iconButtonEl.focus()` without reaching into shadow DOM.
|
|
122
131
|
*/
|
|
123
132
|
focus(options?: FocusOptions): void;
|
|
133
|
+
_onIconSlotChange(): void;
|
|
124
134
|
render(): import("lit-html").TemplateResult<1>;
|
|
125
135
|
}
|
|
126
136
|
declare global {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;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,cAAc,GACd,qBAAqB,GACrB,iBAAiB,GACjB,sBAAsB,GACtB,gBAAgB,GAChB,gBAAgB,CAAC;AACpB,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,iFAAiF;IAEjF,UAAU,UAAS;IAEnB;;;;;;;;OAQG;IAEH,OAAO,UAAS;IAGhB,QAAQ,UAAS;IAEjB,gHAAgH;IAEhH,iBAAiB,UAAS;IAG1B,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;2EACuE;IAEvE,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;IAM5C,iBAAiB,IAAI,IAAI;IAIhB,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,kBAAkB,EAAE,cAAc,CAAC;KACnC;CACD"}
|
|
@@ -8,8 +8,10 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
8
8
|
* Nederlandse Digitale Dienst Icon Button Component (Lit + TypeScript)
|
|
9
9
|
*
|
|
10
10
|
* @element nldd-icon-button
|
|
11
|
-
* @attr {string} variant - Button variant: 'accent-filled' | 'accent-transparent' | 'neutral-tinted' | 'neutral-transparent' | 'critical-tinted' | 'critical-transparent' | 'primary' | 'secondary' | 'destructive'
|
|
11
|
+
* @attr {string} variant - Button variant: 'accent-filled' | 'accent-transparent' | 'neutral-tinted' | 'neutral-transparent' | 'critical-tinted' | 'critical-transparent' | 'inherit-filled' | 'inherit-tinted' | 'primary' | 'secondary' | 'destructive'. De inherit-varianten leiden hun kleuren af van currentColor, voor knoppen op gekleurde vlakken.
|
|
12
12
|
* @attr {string} size - Button size: 'xs' | 'sm' | 'md' | 'lg' (default: 'md')
|
|
13
|
+
* @attr {boolean} hide-lg-text - In lg size, hides the text label and enlarges the icon by one step (28px)
|
|
14
|
+
* @attr {boolean} no-highlight-border - Removes the per-variant highlight border (e.g. when a control group draws a single border instead).
|
|
13
15
|
* @attr {boolean} disabled - Disabled state
|
|
14
16
|
* @attr {string} type - Button type for form submission: 'button' | 'submit' | 'reset' (ignored when href is set)
|
|
15
17
|
* @attr {boolean} expandable - Whether the button opens a menu or popover and shows chevron next to the icon
|
|
@@ -17,7 +19,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
17
19
|
* @attr {string} popup-type - Type of popup container this button opens: 'menu' | 'listbox' | 'dialog' | 'tree' | 'grid'. Sets aria-haspopup on the inner button and forces aria-expanded to always be present (true/false) so screen readers know the popup state.
|
|
18
20
|
* @attr {string} width - Width mode: 'full' (stretches to container) or any CSS length (e.g. '240px')
|
|
19
21
|
* @attr {string} text - Button text, used as aria-label and shown below the icon in lg size
|
|
20
|
-
* @attr {string} icon - Icon name for the nldd-icon element
|
|
22
|
+
* @attr {string} icon - Icon name for the nldd-icon element. Defaults to a placeholder icon
|
|
23
|
+
* when neither this attribute nor the icon slot is set.
|
|
21
24
|
* @attr {string} accessible-label - Accessible label for screen readers. Overrides text as aria-label
|
|
22
25
|
* and title tooltip. Use when the visible text alone lacks context for screen
|
|
23
26
|
* readers (e.g. text "Toon", accessible-label "Toon wachtwoord").
|
|
@@ -33,7 +36,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
33
36
|
* @attr {string} rel - Link rel attribute; defaults to 'noopener noreferrer' when target is '_blank'
|
|
34
37
|
* @attr {string} popovertarget - ID of a popover element to toggle; forwarded to the inner <button>
|
|
35
38
|
*
|
|
36
|
-
* @slot icon - Slot for a custom icon (e.g. custom SVG). Only used when icon attribute is not set
|
|
39
|
+
* @slot icon - Slot for a custom icon (e.g. custom SVG). Only used when icon attribute is not set;
|
|
40
|
+
* falls back to a placeholder icon when the slot is empty.
|
|
37
41
|
*
|
|
38
42
|
* @example
|
|
39
43
|
* ```html
|
|
@@ -54,6 +58,8 @@ let NLDDIconButton = class NLDDIconButton extends LitElement {
|
|
|
54
58
|
this._internals = this.attachInternals();
|
|
55
59
|
this.variant = 'neutral-tinted';
|
|
56
60
|
this.size = 'md';
|
|
61
|
+
/** In lg size, hides the text label and enlarges the icon by one step (28px). */
|
|
62
|
+
this.hideLgText = false;
|
|
57
63
|
/**
|
|
58
64
|
* Loading state. Shows an activity indicator centred over the (visually
|
|
59
65
|
* hidden) icon, marks the inner control `aria-busy="true"` and blocks
|
|
@@ -65,6 +71,8 @@ let NLDDIconButton = class NLDDIconButton extends LitElement {
|
|
|
65
71
|
*/
|
|
66
72
|
this.loading = false;
|
|
67
73
|
this.disabled = false;
|
|
74
|
+
/** Removes the per-variant highlight border (e.g. when nldd-button-bar draws a single group border instead). */
|
|
75
|
+
this.noHighlightBorder = false;
|
|
68
76
|
this.type = 'button';
|
|
69
77
|
this.expandable = false;
|
|
70
78
|
this.expanded = false;
|
|
@@ -91,7 +99,8 @@ let NLDDIconButton = class NLDDIconButton extends LitElement {
|
|
|
91
99
|
this.popoverTargetAction = 'toggle';
|
|
92
100
|
/** Button text, used as aria-label and shown below the icon in lg size. */
|
|
93
101
|
this.text = '';
|
|
94
|
-
/** Icon name for the nldd-icon element. When not set, the icon slot is used
|
|
102
|
+
/** Icon name for the nldd-icon element. When not set, the icon slot is used,
|
|
103
|
+
* falling back to a placeholder icon when that slot is also empty. */
|
|
95
104
|
this.icon = '';
|
|
96
105
|
/** Accessible label for screen readers. Overrides text as aria-label and title tooltip.
|
|
97
106
|
* The text is still shown visually in lg size regardless. */
|
|
@@ -184,6 +193,11 @@ let NLDDIconButton = class NLDDIconButton extends LitElement {
|
|
|
184
193
|
focus(options) {
|
|
185
194
|
this.shadowRoot?.querySelector('.icon-button')?.focus(options);
|
|
186
195
|
}
|
|
196
|
+
// Stable reference (not an inline arrow) so Lit does not re-add the slot
|
|
197
|
+
// listener every render; mirrors the other @slotchange handlers.
|
|
198
|
+
_onIconSlotChange() {
|
|
199
|
+
this.requestUpdate();
|
|
200
|
+
}
|
|
187
201
|
render() {
|
|
188
202
|
return template.call(this);
|
|
189
203
|
}
|
|
@@ -199,12 +213,18 @@ __decorate([
|
|
|
199
213
|
__decorate([
|
|
200
214
|
property({ type: String, reflect: true })
|
|
201
215
|
], NLDDIconButton.prototype, "size", void 0);
|
|
216
|
+
__decorate([
|
|
217
|
+
property({ type: Boolean, reflect: true, attribute: 'hide-lg-text' })
|
|
218
|
+
], NLDDIconButton.prototype, "hideLgText", void 0);
|
|
202
219
|
__decorate([
|
|
203
220
|
property({ type: Boolean, reflect: true })
|
|
204
221
|
], NLDDIconButton.prototype, "loading", void 0);
|
|
205
222
|
__decorate([
|
|
206
223
|
property({ type: Boolean, reflect: true })
|
|
207
224
|
], NLDDIconButton.prototype, "disabled", void 0);
|
|
225
|
+
__decorate([
|
|
226
|
+
property({ type: Boolean, reflect: true, attribute: 'no-highlight-border' })
|
|
227
|
+
], NLDDIconButton.prototype, "noHighlightBorder", void 0);
|
|
208
228
|
__decorate([
|
|
209
229
|
property({ type: String, reflect: true })
|
|
210
230
|
], NLDDIconButton.prototype, "type", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-button.js","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.ts"],"names":[],"mappings":";;;;;;AAAA
|
|
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":"AAGA,eAAO,MAAM,gBAAgB,
|
|
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,yBA2b5B,CAAC"}
|