@nldd/design-system 0.8.44 → 0.8.46
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 +3 -0
- package/dist/components/actions/button/button.d.ts.map +1 -1
- package/dist/components/actions/button/button.js +26 -0
- 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 +170 -292
- 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 +4 -1
- package/dist/components/actions/button/button.template.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 +33 -79
- package/dist/components/actions/button-bar/button-bar.styles.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 +24 -37
- package/dist/components/actions/button-group/button-group.styles.js.map +1 -1
- package/dist/components/actions/icon-button/icon-button.d.ts +2 -0
- package/dist/components/actions/icon-button/icon-button.d.ts.map +1 -1
- package/dist/components/actions/icon-button/icon-button.js +23 -0
- 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 +166 -292
- package/dist/components/actions/icon-button/icon-button.styles.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 +32 -67
- package/dist/components/actions/split-button/split-button.styles.js.map +1 -1
- package/dist/components/actions/toolbar/toolbar.d.ts.map +1 -1
- package/dist/components/actions/toolbar/toolbar.js +1 -0
- package/dist/components/actions/toolbar/toolbar.js.map +1 -1
- package/dist/components/actions/toolbar/toolbar.styles.d.ts.map +1 -1
- package/dist/components/actions/toolbar/toolbar.styles.js +42 -95
- package/dist/components/actions/toolbar/toolbar.styles.js.map +1 -1
- package/dist/components/components.js +1 -1
- package/dist/components/content/blockquote/blockquote.d.ts +1 -9
- package/dist/components/content/blockquote/blockquote.d.ts.map +1 -1
- package/dist/components/content/blockquote/blockquote.js +1 -6
- 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 +11 -10
- package/dist/components/content/blockquote/blockquote.styles.js.map +1 -1
- package/dist/components/content/blockquote/blockquote.template.d.ts.map +1 -1
- package/dist/components/content/blockquote/blockquote.template.js +4 -7
- package/dist/components/content/blockquote/blockquote.template.js.map +1 -1
- package/dist/components/content/code/code.d.ts +4 -0
- package/dist/components/content/code/code.d.ts.map +1 -1
- package/dist/components/content/code/code.js +20 -0
- package/dist/components/content/code/code.js.map +1 -1
- package/dist/components/content/code/code.styles.d.ts.map +1 -1
- package/dist/components/content/code/code.styles.js +7 -23
- package/dist/components/content/code/code.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 +16 -7
- 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 +7 -1
- package/dist/components/content/icon/icon-registry.js.map +1 -1
- package/dist/components/content/icon/icon.d.ts +26 -1
- package/dist/components/content/icon/icon.d.ts.map +1 -1
- package/dist/components/content/icon/icon.js +30 -1
- package/dist/components/content/icon/icon.js.map +1 -1
- package/dist/components/content/icon/icon.styles.d.ts.map +1 -1
- package/dist/components/content/icon/icon.styles.js +65 -14
- package/dist/components/content/icon/icon.styles.js.map +1 -1
- package/dist/components/content/icon/icon.template.d.ts.map +1 -1
- package/dist/components/content/icon/icon.template.js +1 -5
- package/dist/components/content/icon/icon.template.js.map +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 +7 -13
- package/dist/components/content/keyboard-shortcut/keyboard-shortcut.styles.js.map +1 -1
- package/dist/components/content/tag/tag.d.ts +5 -0
- package/dist/components/content/tag/tag.d.ts.map +1 -1
- package/dist/components/content/tag/tag.js +22 -0
- 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 +12 -23
- package/dist/components/content/tag/tag.styles.js.map +1 -1
- package/dist/components/content/tag/tag.template.d.ts.map +1 -1
- package/dist/components/content/tag/tag.template.js +12 -8
- package/dist/components/content/tag/tag.template.js.map +1 -1
- package/dist/components/content/title/title.styles.d.ts.map +1 -1
- package/dist/components/content/title/title.styles.js +84 -97
- 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 +12 -15
- package/dist/components/content/tooltip/tooltip.styles.js.map +1 -1
- package/dist/components/forms/form-actions/form-actions.styles.d.ts.map +1 -1
- package/dist/components/forms/form-actions/form-actions.styles.js +16 -16
- package/dist/components/forms/form-actions/form-actions.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 +42 -49
- package/dist/components/forms/form-field/form-field.styles.js.map +1 -1
- package/dist/components/{index-1v33GjGX.js → index-BvNDgQGM.js} +3494 -5439
- package/dist/components/inputs/checkbox/checkbox.styles.d.ts.map +1 -1
- package/dist/components/inputs/checkbox/checkbox.styles.js +4 -25
- package/dist/components/inputs/checkbox/checkbox.styles.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 +3 -6
- 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 +15 -17
- package/dist/components/inputs/code-editor/code-editor.styles.js.map +1 -1
- package/dist/components/inputs/combo-box/combo-box.d.ts +2 -0
- package/dist/components/inputs/combo-box/combo-box.d.ts.map +1 -1
- package/dist/components/inputs/combo-box/combo-box.js +5 -0
- 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 +33 -61
- package/dist/components/inputs/combo-box/combo-box.styles.js.map +1 -1
- package/dist/components/inputs/combo-box/combo-box.template.d.ts.map +1 -1
- package/dist/components/inputs/combo-box/combo-box.template.js +1 -0
- package/dist/components/inputs/combo-box/combo-box.template.js.map +1 -1
- package/dist/components/inputs/dropdown/dropdown.d.ts +8 -0
- package/dist/components/inputs/dropdown/dropdown.d.ts.map +1 -1
- package/dist/components/inputs/dropdown/dropdown.js +17 -0
- package/dist/components/inputs/dropdown/dropdown.js.map +1 -1
- package/dist/components/inputs/dropdown/dropdown.styles.d.ts.map +1 -1
- package/dist/components/inputs/dropdown/dropdown.styles.js +82 -97
- package/dist/components/inputs/dropdown/dropdown.styles.js.map +1 -1
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.d.ts +2 -0
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.d.ts.map +1 -1
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.js +5 -0
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.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 +32 -59
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.js.map +1 -1
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.template.d.ts.map +1 -1
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.template.js +1 -0
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.template.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 +27 -52
- 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 +42 -89
- package/dist/components/inputs/password-field/password-field.styles.js.map +1 -1
- package/dist/components/inputs/password-field/password-field.template.d.ts.map +1 -1
- package/dist/components/inputs/password-field/password-field.template.js +1 -0
- package/dist/components/inputs/password-field/password-field.template.js.map +1 -1
- package/dist/components/inputs/radio-button/radio-button.styles.d.ts.map +1 -1
- package/dist/components/inputs/radio-button/radio-button.styles.js +5 -26
- package/dist/components/inputs/radio-button/radio-button.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 +3 -6
- package/dist/components/inputs/radio-button-field/radio-button-field.styles.js.map +1 -1
- package/dist/components/inputs/search-field/search-field.d.ts +2 -0
- package/dist/components/inputs/search-field/search-field.d.ts.map +1 -1
- package/dist/components/inputs/search-field/search-field.js +5 -0
- package/dist/components/inputs/search-field/search-field.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 +38 -73
- package/dist/components/inputs/search-field/search-field.styles.js.map +1 -1
- package/dist/components/inputs/search-field/search-field.template.d.ts.map +1 -1
- package/dist/components/inputs/search-field/search-field.template.js +1 -0
- package/dist/components/inputs/search-field/search-field.template.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 +44 -55
- package/dist/components/inputs/segmented-control/segmented-control.styles.js.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.template.js +1 -1
- 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 -30
- package/dist/components/inputs/stepper/stepper.styles.js.map +1 -1
- package/dist/components/inputs/switch/switch.styles.d.ts.map +1 -1
- package/dist/components/inputs/switch/switch.styles.js +26 -69
- package/dist/components/inputs/switch/switch.styles.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 +3 -6
- package/dist/components/inputs/switch-field/switch-field.styles.js.map +1 -1
- package/dist/components/inputs/text-field/text-field.d.ts +2 -0
- package/dist/components/inputs/text-field/text-field.d.ts.map +1 -1
- package/dist/components/inputs/text-field/text-field.js +5 -0
- package/dist/components/inputs/text-field/text-field.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 +30 -67
- package/dist/components/inputs/text-field/text-field.styles.js.map +1 -1
- package/dist/components/inputs/text-field/text-field.template.d.ts.map +1 -1
- package/dist/components/inputs/text-field/text-field.template.js +1 -0
- package/dist/components/inputs/text-field/text-field.template.js.map +1 -1
- package/dist/components/inputs/toggle-button/toggle-button.d.ts +5 -1
- package/dist/components/inputs/toggle-button/toggle-button.d.ts.map +1 -1
- package/dist/components/inputs/toggle-button/toggle-button.js +16 -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 +61 -96
- 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 +10 -4
- 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 +33 -49
- package/dist/components/inputs/token/token.styles.js.map +1 -1
- package/dist/components/layout/app-view/app-view.styles.d.ts.map +1 -1
- package/dist/components/layout/app-view/app-view.styles.js +13 -7
- package/dist/components/layout/app-view/app-view.styles.js.map +1 -1
- package/dist/components/layout/card/card.styles.d.ts.map +1 -1
- package/dist/components/layout/card/card.styles.js +1 -7
- package/dist/components/layout/card/card.styles.js.map +1 -1
- package/dist/components/layout/collection/collection.styles.d.ts.map +1 -1
- package/dist/components/layout/collection/collection.styles.js +17 -39
- package/dist/components/layout/collection/collection.styles.js.map +1 -1
- package/dist/components/layout/collection/collection.template.d.ts.map +1 -1
- package/dist/components/layout/collection/collection.template.js +1 -0
- package/dist/components/layout/collection/collection.template.js.map +1 -1
- package/dist/components/layout/container/container.d.ts +41 -43
- package/dist/components/layout/container/container.d.ts.map +1 -1
- package/dist/components/layout/container/container.js +143 -132
- package/dist/components/layout/container/container.js.map +1 -1
- package/dist/components/layout/container/container.styles.d.ts.map +1 -1
- package/dist/components/layout/container/container.styles.js +87 -1133
- package/dist/components/layout/container/container.styles.js.map +1 -1
- package/dist/components/layout/container/container.template.d.ts.map +1 -1
- package/dist/components/layout/container/container.template.js +1 -5
- package/dist/components/layout/container/container.template.js.map +1 -1
- package/dist/components/layout/divider/divider.styles.d.ts.map +1 -1
- package/dist/components/layout/divider/divider.styles.js +3 -1
- package/dist/components/layout/divider/divider.styles.js.map +1 -1
- package/dist/components/layout/page/page.styles.d.ts.map +1 -1
- package/dist/components/layout/page/page.styles.js +13 -19
- package/dist/components/layout/page/page.styles.js.map +1 -1
- package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.styles.d.ts.map +1 -1
- package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.styles.js +6 -15
- package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.styles.js.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 +12 -11
- 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-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 +12 -11
- 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/simple-section/simple-section.styles.d.ts.map +1 -1
- package/dist/components/layout/page-sections/simple-section/simple-section.styles.js +6 -15
- package/dist/components/layout/page-sections/simple-section/simple-section.styles.js.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 +12 -11
- 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/popover/popover.d.ts +2 -1
- package/dist/components/layout/popover/popover.d.ts.map +1 -1
- package/dist/components/layout/popover/popover.js +21 -4
- package/dist/components/layout/popover/popover.js.map +1 -1
- package/dist/components/layout/popover/popover.styles.d.ts.map +1 -1
- package/dist/components/layout/popover/popover.styles.js +7 -12
- package/dist/components/layout/popover/popover.styles.js.map +1 -1
- package/dist/components/layout/sheet/sheet.styles.d.ts.map +1 -1
- package/dist/components/layout/sheet/sheet.styles.js +27 -38
- package/dist/components/layout/sheet/sheet.styles.js.map +1 -1
- package/dist/components/layout/spacer/spacer.styles.d.ts.map +1 -1
- package/dist/components/layout/spacer/spacer.styles.js +12 -4
- package/dist/components/layout/spacer/spacer.styles.js.map +1 -1
- package/dist/components/layout/split-views/bar-split-view/bar-split-view.styles.d.ts.map +1 -1
- package/dist/components/layout/split-views/bar-split-view/bar-split-view.styles.js +23 -20
- package/dist/components/layout/split-views/bar-split-view/bar-split-view.styles.js.map +1 -1
- package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.styles.d.ts.map +1 -1
- package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.styles.js +65 -78
- package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.styles.js.map +1 -1
- package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.styles.d.ts.map +1 -1
- package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.styles.js +19 -12
- package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.styles.js.map +1 -1
- package/dist/components/layout/split-views/split-view-divider/split-view-divider.styles.d.ts.map +1 -1
- package/dist/components/layout/split-views/split-view-divider/split-view-divider.styles.js +25 -45
- package/dist/components/layout/split-views/split-view-divider/split-view-divider.styles.js.map +1 -1
- package/dist/components/layout/split-views/split-view-pane/split-view-pane.styles.d.ts.map +1 -1
- package/dist/components/layout/split-views/split-view-pane/split-view-pane.styles.js +21 -7
- package/dist/components/layout/split-views/split-view-pane/split-view-pane.styles.js.map +1 -1
- package/dist/components/layout/split-views/stacked-split-view/stacked-split-view.styles.d.ts.map +1 -1
- package/dist/components/layout/split-views/stacked-split-view/stacked-split-view.styles.js +19 -12
- package/dist/components/layout/split-views/stacked-split-view/stacked-split-view.styles.js.map +1 -1
- package/dist/components/layout/window/window.styles.d.ts.map +1 -1
- package/dist/components/layout/window/window.styles.js +18 -26
- package/dist/components/layout/window/window.styles.js.map +1 -1
- package/dist/components/lists-and-menus/cells/cell/cell.styles.d.ts.map +1 -1
- package/dist/components/lists-and-menus/cells/cell/cell.styles.js +12 -11
- package/dist/components/lists-and-menus/cells/cell/cell.styles.js.map +1 -1
- package/dist/components/lists-and-menus/cells/description-cell/description-cell.styles.d.ts.map +1 -1
- package/dist/components/lists-and-menus/cells/description-cell/description-cell.styles.js +23 -26
- package/dist/components/lists-and-menus/cells/description-cell/description-cell.styles.js.map +1 -1
- package/dist/components/lists-and-menus/cells/drag-handle-cell/drag-handle-cell.styles.d.ts.map +1 -1
- package/dist/components/lists-and-menus/cells/drag-handle-cell/drag-handle-cell.styles.js +15 -21
- package/dist/components/lists-and-menus/cells/drag-handle-cell/drag-handle-cell.styles.js.map +1 -1
- package/dist/components/lists-and-menus/cells/icon-cell/icon-cell.styles.d.ts.map +1 -1
- package/dist/components/lists-and-menus/cells/icon-cell/icon-cell.styles.js +40 -92
- package/dist/components/lists-and-menus/cells/icon-cell/icon-cell.styles.js.map +1 -1
- package/dist/components/lists-and-menus/cells/spacer-cell/spacer-cell.styles.d.ts.map +1 -1
- package/dist/components/lists-and-menus/cells/spacer-cell/spacer-cell.styles.js +26 -25
- package/dist/components/lists-and-menus/cells/spacer-cell/spacer-cell.styles.js.map +1 -1
- package/dist/components/lists-and-menus/cells/text-cell/text-cell.styles.d.ts.map +1 -1
- package/dist/components/lists-and-menus/cells/text-cell/text-cell.styles.js +64 -125
- package/dist/components/lists-and-menus/cells/text-cell/text-cell.styles.js.map +1 -1
- package/dist/components/lists-and-menus/cells/title-cell/title-cell.styles.d.ts.map +1 -1
- package/dist/components/lists-and-menus/cells/title-cell/title-cell.styles.js +71 -132
- package/dist/components/lists-and-menus/cells/title-cell/title-cell.styles.js.map +1 -1
- package/dist/components/lists-and-menus/list/list.styles.d.ts.map +1 -1
- package/dist/components/lists-and-menus/list/list.styles.js +20 -47
- package/dist/components/lists-and-menus/list/list.styles.js.map +1 -1
- package/dist/components/lists-and-menus/list-item/list-item.styles.d.ts.map +1 -1
- package/dist/components/lists-and-menus/list-item/list-item.styles.js +29 -20
- package/dist/components/lists-and-menus/list-item/list-item.styles.js.map +1 -1
- package/dist/components/lists-and-menus/menu/menu.d.ts +28 -9
- package/dist/components/lists-and-menus/menu/menu.d.ts.map +1 -1
- package/dist/components/lists-and-menus/menu/menu.js +105 -26
- package/dist/components/lists-and-menus/menu/menu.js.map +1 -1
- package/dist/components/lists-and-menus/menu/menu.styles.d.ts.map +1 -1
- package/dist/components/lists-and-menus/menu/menu.styles.js +88 -135
- package/dist/components/lists-and-menus/menu/menu.styles.js.map +1 -1
- package/dist/components/lists-and-menus/menu/menu.template.js +2 -2
- 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 +10 -6
- 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 +24 -33
- package/dist/components/navigation/link/link.styles.js.map +1 -1
- package/dist/components/navigation/menu-bar/menu-bar.d.ts +8 -8
- package/dist/components/navigation/menu-bar/menu-bar.d.ts.map +1 -1
- package/dist/components/navigation/menu-bar/menu-bar.js +34 -15
- 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 +3 -2
- package/dist/components/navigation/menu-bar/menu-bar.styles.js.map +1 -1
- package/dist/components/navigation/menu-bar/menu-bar.template.d.ts.map +1 -1
- package/dist/components/navigation/menu-bar/menu-bar.template.js +1 -0
- package/dist/components/navigation/menu-bar/menu-bar.template.js.map +1 -1
- package/dist/components/navigation/menu-bar-item/menu-bar-item.d.ts +2 -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 +13 -5
- 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 +9 -11
- package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.js.map +1 -1
- package/dist/components/navigation/pagination/pagination.d.ts +8 -0
- package/dist/components/navigation/pagination/pagination.d.ts.map +1 -1
- package/dist/components/navigation/pagination/pagination.js +11 -0
- package/dist/components/navigation/pagination/pagination.js.map +1 -1
- package/dist/components/navigation/pagination/pagination.styles.d.ts.map +1 -1
- package/dist/components/navigation/pagination/pagination.styles.js +80 -27
- 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 +1 -0
- package/dist/components/navigation/pagination/pagination.template.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 +6 -8
- package/dist/components/navigation/skip-link/skip-link.styles.js.map +1 -1
- package/dist/components/navigation/tab-bar/tab-bar.d.ts +3 -10
- package/dist/components/navigation/tab-bar/tab-bar.d.ts.map +1 -1
- package/dist/components/navigation/tab-bar/tab-bar.js +3 -28
- 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 +22 -65
- package/dist/components/navigation/tab-bar/tab-bar.styles.js.map +1 -1
- package/dist/components/navigation/tab-bar/tab-bar.template.js +1 -1
- package/dist/components/navigation/tab-bar/tab-bar.template.js.map +1 -1
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.d.ts +9 -1
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.d.ts.map +1 -1
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.js +56 -17
- 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 +13 -7
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.js.map +1 -1
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.template.d.ts.map +1 -1
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.template.js +6 -10
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.template.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 +13 -34
- package/dist/components/navigation/top-title-bar/top-title-bar.styles.js.map +1 -1
- package/dist/components/{prism-typescript-D2EqsCqV.js → prism-typescript-BX4tFNFm.js} +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 +21 -34
- package/dist/components/status-and-feedback/badge/badge.styles.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 +32 -33
- 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 +18 -22
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.styles.js.map +1 -1
- package/dist/css/settings.css +33 -7
- package/dist/utilities/color-scheme-repaint.d.ts +44 -0
- package/dist/utilities/color-scheme-repaint.d.ts.map +1 -0
- package/dist/utilities/color-scheme-repaint.js +88 -0
- package/dist/utilities/color-scheme-repaint.js.map +1 -0
- package/package.json +11 -8
- package/dist/components/content/blockquote/blockquote.i18n.d.ts +0 -5
- package/dist/components/content/blockquote/blockquote.i18n.d.ts.map +0 -1
- package/dist/components/content/blockquote/blockquote.i18n.js +0 -4
- package/dist/components/content/blockquote/blockquote.i18n.js.map +0 -1
- package/dist/utilities/popover-guard.d.ts +0 -10
- package/dist/utilities/popover-guard.d.ts.map +0 -1
- package/dist/utilities/popover-guard.js +0 -10
- package/dist/utilities/popover-guard.js.map +0 -1
|
@@ -9,6 +9,7 @@
|
|
|
9
9
|
* @attr {string} size - Tag grootte: 'sm' | 'md' (default: 'md')
|
|
10
10
|
* @attr {string} text - Tag tekst (alternatief voor default slot)
|
|
11
11
|
* @attr {string} icon - Icoon voor de tekst
|
|
12
|
+
* @attr {string} variant - Wat zichtbaar is: 'text' | 'icon' | 'icon-and-text'. Onbepaald → auto-detect op basis van welke van text/icon aanwezig is.
|
|
12
13
|
* @attr {string} accessible-label - Toegankelijk label voor screenreaders. Gebruik dit bij icon-only tags zonder zichtbare tekst.
|
|
13
14
|
*
|
|
14
15
|
* @slot - Tag tekst
|
|
@@ -18,21 +19,25 @@ import { LitElement } from 'lit';
|
|
|
18
19
|
import './../icon/icon.js';
|
|
19
20
|
type Color = 'neutral' | 'accent' | 'success' | 'warning' | 'critical' | 'coolgray' | 'lintblauw' | 'donkerblauw' | 'hemelblauw' | 'lichtblauw' | 'paars' | 'violet' | 'robijnrood' | 'roze' | 'rood' | 'oranje' | 'donkergeel' | 'geel' | 'donkerbruin' | 'bruin' | 'donkergroen' | 'groen' | 'mosgroen' | 'mintgroen';
|
|
20
21
|
type Size = 'sm' | 'md';
|
|
22
|
+
type Variant = 'text' | 'icon' | 'icon-and-text';
|
|
21
23
|
export declare class NLDDTag extends LitElement {
|
|
22
24
|
static styles: import("lit").CSSResult;
|
|
23
25
|
color: Color;
|
|
24
26
|
size: Size;
|
|
25
27
|
text: string;
|
|
26
28
|
icon: string;
|
|
29
|
+
variant: Variant | '';
|
|
27
30
|
accessibleLabel: string;
|
|
28
31
|
_hasSlotText: boolean;
|
|
29
32
|
_hasSlotIcon: boolean;
|
|
30
33
|
private _childObserver?;
|
|
31
34
|
get _hasText(): boolean;
|
|
32
35
|
get _hasIcon(): boolean;
|
|
36
|
+
get _effectiveVariant(): Variant;
|
|
33
37
|
connectedCallback(): void;
|
|
34
38
|
disconnectedCallback(): void;
|
|
35
39
|
private _updateSlotState;
|
|
40
|
+
updated(): void;
|
|
36
41
|
render(): import("lit-html").TemplateResult<1>;
|
|
37
42
|
}
|
|
38
43
|
declare global {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../../../src/components/content/tag/tag.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../../../src/components/content/tag/tag.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAIjC,OAAO,mBAAmB,CAAC;AAE3B,KAAK,KAAK,GAEP,SAAS,GACT,QAAQ,GACR,SAAS,GACT,SAAS,GACT,UAAU,GAEV,UAAU,GACV,WAAW,GACX,aAAa,GACb,YAAY,GACZ,YAAY,GACZ,OAAO,GACP,QAAQ,GACR,YAAY,GACZ,MAAM,GACN,MAAM,GACN,QAAQ,GACR,YAAY,GACZ,MAAM,GACN,aAAa,GACb,OAAO,GACP,aAAa,GACb,OAAO,GACP,UAAU,GACV,WAAW,CAAC;AACf,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACxB,KAAK,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,eAAe,CAAC;AAEjD,qBACa,OAAQ,SAAQ,UAAU;IACtC,OAAgB,MAAM,0BAAa;IAGnC,KAAK,EAAE,KAAK,CAAa;IAGzB,IAAI,EAAE,IAAI,CAAQ;IAGlB,IAAI,SAAM;IAGV,IAAI,SAAM;IAGV,OAAO,EAAE,OAAO,GAAG,EAAE,CAAM;IAG3B,eAAe,SAAM;IAGrB,YAAY,UAAS;IAGrB,YAAY,UAAS;IAErB,OAAO,CAAC,cAAc,CAAC,CAAmB;IAE1C,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED,IAAI,iBAAiB,IAAI,OAAO,CAK/B;IAEQ,iBAAiB;IAajB,oBAAoB;IAM7B,OAAO,CAAC,gBAAgB;IAgBf,OAAO;IASP,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,UAAU,EAAE,OAAO,CAAC;KACpB;CACD"}
|
|
@@ -9,6 +9,7 @@
|
|
|
9
9
|
* @attr {string} size - Tag grootte: 'sm' | 'md' (default: 'md')
|
|
10
10
|
* @attr {string} text - Tag tekst (alternatief voor default slot)
|
|
11
11
|
* @attr {string} icon - Icoon voor de tekst
|
|
12
|
+
* @attr {string} variant - Wat zichtbaar is: 'text' | 'icon' | 'icon-and-text'. Onbepaald → auto-detect op basis van welke van text/icon aanwezig is.
|
|
12
13
|
* @attr {string} accessible-label - Toegankelijk label voor screenreaders. Gebruik dit bij icon-only tags zonder zichtbare tekst.
|
|
13
14
|
*
|
|
14
15
|
* @slot - Tag tekst
|
|
@@ -32,6 +33,7 @@ let NLDDTag = class NLDDTag extends LitElement {
|
|
|
32
33
|
this.size = 'md';
|
|
33
34
|
this.text = '';
|
|
34
35
|
this.icon = '';
|
|
36
|
+
this.variant = '';
|
|
35
37
|
this.accessibleLabel = '';
|
|
36
38
|
this._hasSlotText = false;
|
|
37
39
|
this._hasSlotIcon = false;
|
|
@@ -42,6 +44,15 @@ let NLDDTag = class NLDDTag extends LitElement {
|
|
|
42
44
|
get _hasIcon() {
|
|
43
45
|
return !!this.icon || this._hasSlotIcon;
|
|
44
46
|
}
|
|
47
|
+
get _effectiveVariant() {
|
|
48
|
+
if (this.variant)
|
|
49
|
+
return this.variant;
|
|
50
|
+
if (this._hasIcon && this._hasText)
|
|
51
|
+
return 'icon-and-text';
|
|
52
|
+
if (this._hasIcon)
|
|
53
|
+
return 'icon';
|
|
54
|
+
return 'text';
|
|
55
|
+
}
|
|
45
56
|
connectedCallback() {
|
|
46
57
|
super.connectedCallback();
|
|
47
58
|
this._updateSlotState();
|
|
@@ -78,6 +89,14 @@ let NLDDTag = class NLDDTag extends LitElement {
|
|
|
78
89
|
this._hasSlotText = hasText;
|
|
79
90
|
this._hasSlotIcon = hasIcon;
|
|
80
91
|
}
|
|
92
|
+
updated() {
|
|
93
|
+
// An icon-only tag with no accessible-label has no accessible name —
|
|
94
|
+
// the placeholder/icon is decorative (aria-hidden), so screen readers
|
|
95
|
+
// announce nothing. Warn in dev so consumers add a label.
|
|
96
|
+
if (import.meta.env?.DEV && this._effectiveVariant === 'icon' && !this.accessibleLabel) {
|
|
97
|
+
console.warn('nldd-tag: icon-only tag without an accessible-label has no accessible name. Add accessible-label so screen readers can announce it.', this);
|
|
98
|
+
}
|
|
99
|
+
}
|
|
81
100
|
render() {
|
|
82
101
|
return template(this);
|
|
83
102
|
}
|
|
@@ -95,6 +114,9 @@ __decorate([
|
|
|
95
114
|
__decorate([
|
|
96
115
|
property({ type: String })
|
|
97
116
|
], NLDDTag.prototype, "icon", void 0);
|
|
117
|
+
__decorate([
|
|
118
|
+
property({ type: String, reflect: true })
|
|
119
|
+
], NLDDTag.prototype, "variant", void 0);
|
|
98
120
|
__decorate([
|
|
99
121
|
property({ type: String, attribute: 'accessible-label' })
|
|
100
122
|
], NLDDTag.prototype, "accessibleLabel", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tag.js","sourceRoot":"","sources":["../../../../src/components/content/tag/tag.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"tag.js","sourceRoot":"","sources":["../../../../src/components/content/tag/tag.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tag.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/content/tag/tag.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,
|
|
1
|
+
{"version":3,"file":"tag.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/content/tag/tag.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,yBA6LrB,CAAC"}
|
|
@@ -5,42 +5,31 @@ export const tagStyles = css `
|
|
|
5
5
|
/* # Host */
|
|
6
6
|
|
|
7
7
|
:host {
|
|
8
|
+
--_corner-radius: var(--components-tag-md-corner-radius);
|
|
8
9
|
--_background-color: var(--components-tag-neutral-background-color);
|
|
9
|
-
--_content-color: var(--components-tag-neutral-content-color);
|
|
10
10
|
--_min-height: var(--primitives-space-24);
|
|
11
11
|
--_inline-padding: var(--primitives-space-6);
|
|
12
12
|
--_gap: var(--primitives-space-3);
|
|
13
|
+
--_content-color: var(--components-tag-neutral-content-color);
|
|
13
14
|
--_font: var(--primitives-font-body-sm-bold-flat);
|
|
14
15
|
--_icon-size: var(--primitives-space-16);
|
|
15
16
|
--_icon-offset-correction: var(--primitives-space-1);
|
|
16
|
-
--_corner-radius: var(--components-tag-md-corner-radius);
|
|
17
17
|
|
|
18
18
|
display: inline-flex;
|
|
19
19
|
vertical-align: middle;
|
|
20
20
|
}
|
|
21
21
|
|
|
22
22
|
:host([size="sm"]) {
|
|
23
|
+
--_corner-radius: var(--components-tag-sm-corner-radius);
|
|
23
24
|
--_min-height: var(--primitives-space-20);
|
|
24
25
|
--_inline-padding: var(--primitives-space-4);
|
|
25
26
|
--_gap: var(--primitives-space-2);
|
|
26
27
|
--_font: var(--primitives-font-body-xs-bold-flat);
|
|
27
28
|
--_icon-size: var(--primitives-space-14);
|
|
28
|
-
--_corner-radius: var(--components-tag-sm-corner-radius);
|
|
29
29
|
}
|
|
30
30
|
|
|
31
|
-
:host([hidden]) {
|
|
32
|
-
display: none;
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
|
|
36
31
|
/* ## Color */
|
|
37
32
|
|
|
38
|
-
:host([color="neutral"]),
|
|
39
|
-
:host(:not([color])) {
|
|
40
|
-
--_background-color: var(--components-tag-neutral-background-color);
|
|
41
|
-
--_content-color: var(--components-tag-neutral-content-color);
|
|
42
|
-
}
|
|
43
|
-
|
|
44
33
|
:host([color="accent"]) {
|
|
45
34
|
--_background-color: var(--components-tag-accent-background-color);
|
|
46
35
|
--_content-color: var(--components-tag-accent-content-color);
|
|
@@ -61,7 +50,6 @@ export const tagStyles = css `
|
|
|
61
50
|
--_content-color: var(--components-tag-critical-content-color);
|
|
62
51
|
}
|
|
63
52
|
|
|
64
|
-
|
|
65
53
|
/* ### Rijkskleuren */
|
|
66
54
|
|
|
67
55
|
:host([color="coolgray"]) {
|
|
@@ -159,33 +147,37 @@ export const tagStyles = css `
|
|
|
159
147
|
--_content-color: var(--components-tag-mintgroen-content-color);
|
|
160
148
|
}
|
|
161
149
|
|
|
150
|
+
:host([hidden]) {
|
|
151
|
+
display: none;
|
|
152
|
+
}
|
|
153
|
+
|
|
162
154
|
|
|
163
155
|
/* # Block */
|
|
164
156
|
|
|
165
157
|
.tag {
|
|
166
|
-
display: inline-flex;
|
|
167
158
|
box-sizing: border-box;
|
|
159
|
+
display: inline-flex;
|
|
168
160
|
border-radius: var(--_corner-radius);
|
|
169
161
|
background-color: var(--_background-color);
|
|
170
162
|
min-height: var(--_min-height);
|
|
171
163
|
padding: 0 var(--_inline-padding);
|
|
172
|
-
align-items: center;
|
|
173
164
|
gap: var(--_gap);
|
|
165
|
+
align-items: center;
|
|
174
166
|
color: var(--_content-color);
|
|
175
|
-
white-space: nowrap;
|
|
176
167
|
font: var(--_font);
|
|
168
|
+
white-space: nowrap;
|
|
177
169
|
}
|
|
178
170
|
|
|
179
171
|
|
|
180
|
-
/* #
|
|
172
|
+
/* # Elements */
|
|
181
173
|
|
|
182
174
|
.tag__icon {
|
|
183
175
|
display: inline-flex;
|
|
184
176
|
margin-inline: calc((var(--_min-height) - var(--_icon-size)) / 2 - var(--_inline-padding));
|
|
185
177
|
width: var(--_icon-size);
|
|
186
178
|
height: var(--_icon-size);
|
|
187
|
-
align-items: center;
|
|
188
179
|
flex-shrink: 0;
|
|
180
|
+
align-items: center;
|
|
189
181
|
}
|
|
190
182
|
|
|
191
183
|
.tag__icon:has(+ .tag__text) {
|
|
@@ -193,9 +185,6 @@ export const tagStyles = css `
|
|
|
193
185
|
margin-right: 0;
|
|
194
186
|
}
|
|
195
187
|
|
|
196
|
-
|
|
197
|
-
/* # Text */
|
|
198
|
-
|
|
199
188
|
.tag__text {
|
|
200
189
|
display: inline-block;
|
|
201
190
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tag.styles.js","sourceRoot":"","sources":["../../../../src/components/content/tag/tag.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"tag.styles.js","sourceRoot":"","sources":["../../../../src/components/content/tag/tag.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6L3B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tag.template.d.ts","sourceRoot":"","sources":["../../../../src/components/content/tag/tag.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAExC,wBAAgB,QAAQ,CAAC,SAAS,EAAE,OAAO,
|
|
1
|
+
{"version":3,"file":"tag.template.d.ts","sourceRoot":"","sources":["../../../../src/components/content/tag/tag.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAExC,wBAAgB,QAAQ,CAAC,SAAS,EAAE,OAAO,wCA6B1C"}
|
|
@@ -1,23 +1,27 @@
|
|
|
1
1
|
import { html, nothing } from 'lit';
|
|
2
2
|
export function template(component) {
|
|
3
|
-
|
|
4
|
-
//
|
|
5
|
-
// slot
|
|
6
|
-
|
|
7
|
-
const
|
|
3
|
+
const variant = component._effectiveVariant;
|
|
4
|
+
// variant=icon always renders the icon area so the icon-placeholder
|
|
5
|
+
// fallback inside the slot can show when no icon is provided.
|
|
6
|
+
const showIcon = variant === 'icon' || (variant === 'icon-and-text' && component._hasIcon);
|
|
7
|
+
const showText = (variant === 'text' || variant === 'icon-and-text') && component._hasText;
|
|
8
|
+
// icon-only needs an explicit accessible name — the visible text is gone,
|
|
9
|
+
// so the screen reader has nothing to announce without role="img" +
|
|
10
|
+
// aria-label. Hidden slot/text isn't projected into the a11y tree.
|
|
11
|
+
const iconOnly = variant === 'icon' && component._hasIcon && !!component.accessibleLabel;
|
|
8
12
|
return html `
|
|
9
13
|
<span class="tag"
|
|
10
14
|
role=${iconOnly ? 'img' : nothing}
|
|
11
15
|
aria-label=${iconOnly ? component.accessibleLabel : nothing}
|
|
12
16
|
>
|
|
13
|
-
${
|
|
17
|
+
${showIcon ? html `
|
|
14
18
|
<span class="tag__icon">
|
|
15
19
|
${component.icon
|
|
16
20
|
? html `<nldd-icon name=${component.icon}></nldd-icon>`
|
|
17
|
-
: html `<slot name="icon"></slot>`}
|
|
21
|
+
: html `<slot name="icon">${variant === 'icon' ? html `<nldd-icon name="icon-placeholder"></nldd-icon>` : nothing}</slot>`}
|
|
18
22
|
</span>
|
|
19
23
|
` : nothing}
|
|
20
|
-
${
|
|
24
|
+
${showText ? html `
|
|
21
25
|
<span class="tag__text">
|
|
22
26
|
${component.text ? component.text : html `<slot></slot>`}
|
|
23
27
|
</span>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tag.template.js","sourceRoot":"","sources":["../../../../src/components/content/tag/tag.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAGpC,MAAM,UAAU,QAAQ,CAAC,SAAkB;IAC1C,
|
|
1
|
+
{"version":3,"file":"tag.template.js","sourceRoot":"","sources":["../../../../src/components/content/tag/tag.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAGpC,MAAM,UAAU,QAAQ,CAAC,SAAkB;IAC1C,MAAM,OAAO,GAAG,SAAS,CAAC,iBAAiB,CAAC;IAC5C,oEAAoE;IACpE,8DAA8D;IAC9D,MAAM,QAAQ,GAAG,OAAO,KAAK,MAAM,IAAI,CAAC,OAAO,KAAK,eAAe,IAAI,SAAS,CAAC,QAAQ,CAAC,CAAC;IAC3F,MAAM,QAAQ,GAAG,CAAC,OAAO,KAAK,MAAM,IAAI,OAAO,KAAK,eAAe,CAAC,IAAI,SAAS,CAAC,QAAQ,CAAC;IAC3F,0EAA0E;IAC1E,oEAAoE;IACpE,mEAAmE;IACnE,MAAM,QAAQ,GAAG,OAAO,KAAK,MAAM,IAAI,SAAS,CAAC,QAAQ,IAAI,CAAC,CAAC,SAAS,CAAC,eAAe,CAAC;IACzF,OAAO,IAAI,CAAA;;UAEF,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO;gBACpB,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC,CAAC,OAAO;;KAEzD,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA;;OAEb,SAAS,CAAC,IAAI;QACf,CAAC,CAAC,IAAI,CAAA,mBAAmB,SAAS,CAAC,IAAI,eAAe;QACtD,CAAC,CAAC,IAAI,CAAA,qBAAqB,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,iDAAiD,CAAC,CAAC,CAAC,OAAO,SAAS;;IAE1H,CAAC,CAAC,CAAC,OAAO;KACT,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA;;OAEb,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA,eAAe;;IAExD,CAAC,CAAC,CAAC,OAAO;;EAEZ,CAAC;AACH,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"title.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/content/title/title.styles.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"title.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/content/title/title.styles.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,WAAW,yBA0NvB,CAAC"}
|
|
@@ -10,230 +10,217 @@ export const titleStyles = css `
|
|
|
10
10
|
/* # Host */
|
|
11
11
|
|
|
12
12
|
:host {
|
|
13
|
-
display: flex;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
:host([hidden]) {
|
|
17
|
-
display: none;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
/* # Block */
|
|
22
|
-
|
|
23
|
-
.title {
|
|
24
|
-
display: flex;
|
|
25
|
-
width: 100%;
|
|
26
|
-
flex-direction: row;
|
|
27
|
-
align-items: center;
|
|
28
|
-
gap: var(--primitives-space-12);
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
/* # Title group */
|
|
33
|
-
|
|
34
|
-
.title__title-group {
|
|
35
|
-
display: flex;
|
|
36
|
-
min-width: 0;
|
|
37
|
-
flex-direction: column;
|
|
38
|
-
flex: 1;
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
/* # Overline */
|
|
43
|
-
|
|
44
|
-
::slotted([slot='overline']) {
|
|
45
|
-
margin: 0;
|
|
46
|
-
overflow-wrap: anywhere;
|
|
47
|
-
color: var(--semantics-content-secondary-color);
|
|
48
|
-
font: var(--primitives-font-body-sm-regular-tight);
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
/* # Title */
|
|
53
|
-
|
|
54
|
-
::slotted(:not([slot])) {
|
|
55
|
-
margin: 0;
|
|
56
|
-
overflow-wrap: anywhere;
|
|
57
|
-
color: var(--semantics-content-color);
|
|
58
|
-
text-wrap: pretty;
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
:host([size='1']) ::slotted(:not([slot])) {
|
|
62
13
|
@media (max-width: ${smMax}) {
|
|
63
|
-
|
|
14
|
+
--_font: var(--primitives-font-display-3-sm);
|
|
64
15
|
}
|
|
65
16
|
|
|
66
17
|
@media (min-width: ${mdMin}) and (max-width: ${mdMax}) {
|
|
67
|
-
|
|
18
|
+
--_font: var(--primitives-font-display-3-md);
|
|
68
19
|
}
|
|
69
20
|
|
|
70
21
|
@media (min-width: ${lgMin}) {
|
|
71
|
-
|
|
22
|
+
--_font: var(--primitives-font-display-3-lg);
|
|
72
23
|
}
|
|
73
24
|
|
|
74
25
|
@container layout-container (max-width: ${smMax}) {
|
|
75
|
-
|
|
26
|
+
--_font: var(--primitives-font-display-3-sm);
|
|
76
27
|
}
|
|
77
28
|
|
|
78
29
|
@container layout-container (min-width: ${mdMin}) and (max-width: ${mdMax}) {
|
|
79
|
-
|
|
30
|
+
--_font: var(--primitives-font-display-3-md);
|
|
80
31
|
}
|
|
81
32
|
|
|
82
33
|
@container layout-container (min-width: ${lgMin}) {
|
|
83
|
-
|
|
34
|
+
--_font: var(--primitives-font-display-3-lg);
|
|
84
35
|
}
|
|
36
|
+
|
|
37
|
+
display: flex;
|
|
85
38
|
}
|
|
86
39
|
|
|
87
|
-
:host([size=
|
|
40
|
+
:host([size="1"]) {
|
|
88
41
|
@media (max-width: ${smMax}) {
|
|
89
|
-
|
|
42
|
+
--_font: var(--primitives-font-display-1-sm);
|
|
90
43
|
}
|
|
91
44
|
|
|
92
45
|
@media (min-width: ${mdMin}) and (max-width: ${mdMax}) {
|
|
93
|
-
|
|
46
|
+
--_font: var(--primitives-font-display-1-md);
|
|
94
47
|
}
|
|
95
48
|
|
|
96
49
|
@media (min-width: ${lgMin}) {
|
|
97
|
-
|
|
50
|
+
--_font: var(--primitives-font-display-1-lg);
|
|
98
51
|
}
|
|
99
52
|
|
|
100
53
|
@container layout-container (max-width: ${smMax}) {
|
|
101
|
-
|
|
54
|
+
--_font: var(--primitives-font-display-1-sm);
|
|
102
55
|
}
|
|
103
56
|
|
|
104
57
|
@container layout-container (min-width: ${mdMin}) and (max-width: ${mdMax}) {
|
|
105
|
-
|
|
58
|
+
--_font: var(--primitives-font-display-1-md);
|
|
106
59
|
}
|
|
107
60
|
|
|
108
61
|
@container layout-container (min-width: ${lgMin}) {
|
|
109
|
-
|
|
62
|
+
--_font: var(--primitives-font-display-1-lg);
|
|
110
63
|
}
|
|
111
64
|
}
|
|
112
65
|
|
|
113
|
-
:host([size=
|
|
114
|
-
:host(:not([size])) ::slotted(:not([slot])) {
|
|
66
|
+
:host([size="2"]) {
|
|
115
67
|
@media (max-width: ${smMax}) {
|
|
116
|
-
|
|
68
|
+
--_font: var(--primitives-font-display-2-sm);
|
|
117
69
|
}
|
|
118
70
|
|
|
119
71
|
@media (min-width: ${mdMin}) and (max-width: ${mdMax}) {
|
|
120
|
-
|
|
72
|
+
--_font: var(--primitives-font-display-2-md);
|
|
121
73
|
}
|
|
122
74
|
|
|
123
75
|
@media (min-width: ${lgMin}) {
|
|
124
|
-
|
|
76
|
+
--_font: var(--primitives-font-display-2-lg);
|
|
125
77
|
}
|
|
126
78
|
|
|
127
79
|
@container layout-container (max-width: ${smMax}) {
|
|
128
|
-
|
|
80
|
+
--_font: var(--primitives-font-display-2-sm);
|
|
129
81
|
}
|
|
130
82
|
|
|
131
83
|
@container layout-container (min-width: ${mdMin}) and (max-width: ${mdMax}) {
|
|
132
|
-
|
|
84
|
+
--_font: var(--primitives-font-display-2-md);
|
|
133
85
|
}
|
|
134
86
|
|
|
135
87
|
@container layout-container (min-width: ${lgMin}) {
|
|
136
|
-
|
|
88
|
+
--_font: var(--primitives-font-display-2-lg);
|
|
137
89
|
}
|
|
138
90
|
}
|
|
139
91
|
|
|
140
|
-
:host([size=
|
|
92
|
+
:host([size="4"]) {
|
|
141
93
|
@media (max-width: ${smMax}) {
|
|
142
|
-
|
|
94
|
+
--_font: var(--primitives-font-display-4-sm);
|
|
143
95
|
}
|
|
144
96
|
|
|
145
97
|
@media (min-width: ${mdMin}) and (max-width: ${mdMax}) {
|
|
146
|
-
|
|
98
|
+
--_font: var(--primitives-font-display-4-md);
|
|
147
99
|
}
|
|
148
100
|
|
|
149
101
|
@media (min-width: ${lgMin}) {
|
|
150
|
-
|
|
102
|
+
--_font: var(--primitives-font-display-4-lg);
|
|
151
103
|
}
|
|
152
104
|
|
|
153
105
|
@container layout-container (max-width: ${smMax}) {
|
|
154
|
-
|
|
106
|
+
--_font: var(--primitives-font-display-4-sm);
|
|
155
107
|
}
|
|
156
108
|
|
|
157
109
|
@container layout-container (min-width: ${mdMin}) and (max-width: ${mdMax}) {
|
|
158
|
-
|
|
110
|
+
--_font: var(--primitives-font-display-4-md);
|
|
159
111
|
}
|
|
160
112
|
|
|
161
113
|
@container layout-container (min-width: ${lgMin}) {
|
|
162
|
-
|
|
114
|
+
--_font: var(--primitives-font-display-4-lg);
|
|
163
115
|
}
|
|
164
116
|
}
|
|
165
117
|
|
|
166
|
-
:host([size=
|
|
118
|
+
:host([size="5"]) {
|
|
167
119
|
@media (max-width: ${smMax}) {
|
|
168
|
-
|
|
120
|
+
--_font: var(--primitives-font-display-5-sm);
|
|
169
121
|
}
|
|
170
122
|
|
|
171
123
|
@media (min-width: ${mdMin}) and (max-width: ${mdMax}) {
|
|
172
|
-
|
|
124
|
+
--_font: var(--primitives-font-display-5-md);
|
|
173
125
|
}
|
|
174
126
|
|
|
175
127
|
@media (min-width: ${lgMin}) {
|
|
176
|
-
|
|
128
|
+
--_font: var(--primitives-font-display-5-lg);
|
|
177
129
|
}
|
|
178
130
|
|
|
179
131
|
@container layout-container (max-width: ${smMax}) {
|
|
180
|
-
|
|
132
|
+
--_font: var(--primitives-font-display-5-sm);
|
|
181
133
|
}
|
|
182
134
|
|
|
183
135
|
@container layout-container (min-width: ${mdMin}) and (max-width: ${mdMax}) {
|
|
184
|
-
|
|
136
|
+
--_font: var(--primitives-font-display-5-md);
|
|
185
137
|
}
|
|
186
138
|
|
|
187
139
|
@container layout-container (min-width: ${lgMin}) {
|
|
188
|
-
|
|
140
|
+
--_font: var(--primitives-font-display-5-lg);
|
|
189
141
|
}
|
|
190
142
|
}
|
|
191
143
|
|
|
192
|
-
:host([size=
|
|
144
|
+
:host([size="6"]) {
|
|
193
145
|
@media (max-width: ${smMax}) {
|
|
194
|
-
|
|
146
|
+
--_font: var(--primitives-font-display-6-sm);
|
|
195
147
|
}
|
|
196
148
|
|
|
197
149
|
@media (min-width: ${mdMin}) and (max-width: ${mdMax}) {
|
|
198
|
-
|
|
150
|
+
--_font: var(--primitives-font-display-6-md);
|
|
199
151
|
}
|
|
200
152
|
|
|
201
153
|
@media (min-width: ${lgMin}) {
|
|
202
|
-
|
|
154
|
+
--_font: var(--primitives-font-display-6-lg);
|
|
203
155
|
}
|
|
204
156
|
|
|
205
157
|
@container layout-container (max-width: ${smMax}) {
|
|
206
|
-
|
|
158
|
+
--_font: var(--primitives-font-display-6-sm);
|
|
207
159
|
}
|
|
208
160
|
|
|
209
161
|
@container layout-container (min-width: ${mdMin}) and (max-width: ${mdMax}) {
|
|
210
|
-
|
|
162
|
+
--_font: var(--primitives-font-display-6-md);
|
|
211
163
|
}
|
|
212
164
|
|
|
213
165
|
@container layout-container (min-width: ${lgMin}) {
|
|
214
|
-
|
|
166
|
+
--_font: var(--primitives-font-display-6-lg);
|
|
215
167
|
}
|
|
216
168
|
}
|
|
217
169
|
|
|
170
|
+
:host([hidden]) {
|
|
171
|
+
display: none;
|
|
172
|
+
}
|
|
173
|
+
|
|
218
174
|
|
|
219
|
-
/* #
|
|
175
|
+
/* # Block */
|
|
220
176
|
|
|
221
|
-
|
|
177
|
+
.title {
|
|
178
|
+
display: flex;
|
|
179
|
+
width: 100%;
|
|
180
|
+
flex-direction: row;
|
|
181
|
+
gap: var(--primitives-space-12);
|
|
182
|
+
align-items: center;
|
|
183
|
+
}
|
|
184
|
+
|
|
185
|
+
|
|
186
|
+
/* # Elements */
|
|
187
|
+
|
|
188
|
+
.title__title-group {
|
|
189
|
+
display: flex;
|
|
190
|
+
min-width: 0;
|
|
191
|
+
flex-direction: column;
|
|
192
|
+
flex-grow: 1;
|
|
193
|
+
flex-shrink: 1;
|
|
194
|
+
flex-basis: 0;
|
|
195
|
+
}
|
|
196
|
+
|
|
197
|
+
::slotted([slot="overline"]) {
|
|
222
198
|
margin: 0;
|
|
223
|
-
overflow-wrap: anywhere;
|
|
224
199
|
color: var(--semantics-content-secondary-color);
|
|
225
200
|
font: var(--primitives-font-body-sm-regular-tight);
|
|
201
|
+
overflow-wrap: anywhere;
|
|
226
202
|
}
|
|
227
203
|
|
|
204
|
+
::slotted(:not([slot])) {
|
|
205
|
+
margin: 0;
|
|
206
|
+
color: var(--semantics-content-color);
|
|
207
|
+
font: var(--_font);
|
|
208
|
+
overflow-wrap: anywhere;
|
|
209
|
+
text-wrap: pretty;
|
|
210
|
+
}
|
|
228
211
|
|
|
229
|
-
|
|
212
|
+
::slotted([slot="subtitle"]) {
|
|
213
|
+
margin: 0;
|
|
214
|
+
color: var(--semantics-content-secondary-color);
|
|
215
|
+
font: var(--primitives-font-body-sm-regular-tight);
|
|
216
|
+
overflow-wrap: anywhere;
|
|
217
|
+
}
|
|
230
218
|
|
|
231
219
|
.title__actions {
|
|
232
220
|
display: flex;
|
|
233
221
|
flex-direction: row;
|
|
234
|
-
align-items: center;
|
|
235
222
|
flex-shrink: 0;
|
|
223
|
+
align-items: center;
|
|
236
224
|
}
|
|
237
|
-
|
|
238
225
|
`;
|
|
239
226
|
//# sourceMappingURL=title.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"title.styles.js","sourceRoot":"","sources":["../../../../src/components/content/title/title.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAEpE,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"title.styles.js","sourceRoot":"","sources":["../../../../src/components/content/title/title.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAEpE,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;uBAMP,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;;;;;uBAQ1B,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;;;uBAM1B,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;;;uBAM1B,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;;;uBAM1B,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;;;uBAM1B,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4DhD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/content/tooltip/tooltip.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,
|
|
1
|
+
{"version":3,"file":"tooltip.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/content/tooltip/tooltip.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,yBAiFzB,CAAC"}
|