@nldd/design-system 0.8.41 → 0.8.43
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/README.md +19 -2
- package/dist/assets/styles/tokens.d.ts +25 -0
- package/dist/assets/styles/tokens.d.ts.map +1 -0
- package/dist/assets/styles/tokens.js +25 -0
- package/dist/assets/styles/tokens.js.map +1 -0
- package/dist/components/actions/button/button.d.ts +23 -5
- package/dist/components/actions/button/button.d.ts.map +1 -1
- package/dist/components/actions/button/button.js +45 -6
- 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 +136 -50
- 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 +12 -1
- package/dist/components/actions/button/button.template.js.map +1 -1
- package/dist/components/actions/button-group/button-group.js +2 -2
- package/dist/components/actions/button-group/button-group.js.map +1 -1
- package/dist/components/actions/icon-button/icon-button.d.ts +21 -5
- package/dist/components/actions/icon-button/icon-button.d.ts.map +1 -1
- package/dist/components/actions/icon-button/icon-button.js +40 -6
- 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 +153 -96
- 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 +11 -0
- package/dist/components/actions/icon-button/icon-button.template.js.map +1 -1
- package/dist/components/actions/link/link.d.ts +17 -6
- package/dist/components/actions/link/link.d.ts.map +1 -1
- package/dist/components/actions/link/link.js +15 -5
- package/dist/components/actions/link/link.js.map +1 -1
- package/dist/components/actions/link/link.styles.d.ts.map +1 -1
- package/dist/components/actions/link/link.styles.js +44 -6
- package/dist/components/actions/link/link.styles.js.map +1 -1
- package/dist/components/actions/link/link.template.d.ts.map +1 -1
- package/dist/components/actions/link/link.template.js +7 -9
- package/dist/components/actions/link/link.template.js.map +1 -1
- package/dist/components/actions/split-button/split-button.template.js +2 -2
- package/dist/components/actions/split-button/split-button.template.js.map +1 -1
- package/dist/components/actions/toolbar/toolbar.d.ts +4 -4
- package/dist/components/actions/toolbar/toolbar.d.ts.map +1 -1
- package/dist/components/actions/toolbar/toolbar.js +11 -11
- package/dist/components/actions/toolbar/toolbar.js.map +1 -1
- package/dist/components/actions/toolbar/toolbar.template.d.ts +2 -2
- package/dist/components/actions/toolbar/toolbar.template.d.ts.map +1 -1
- package/dist/components/actions/toolbar/toolbar.template.js +4 -4
- package/dist/components/actions/toolbar/toolbar.template.js.map +1 -1
- package/dist/components/components.js +1 -1
- package/dist/components/content/blockquote/blockquote.styles.js +1 -1
- package/dist/components/content/blockquote/blockquote.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 +6 -1
- 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 +11 -7
- package/dist/components/content/icon/icon-registry.js.map +1 -1
- package/dist/components/content/tag/tag.d.ts +3 -3
- package/dist/components/content/tag/tag.d.ts.map +1 -1
- package/dist/components/content/tag/tag.js +3 -3
- 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 +107 -9
- package/dist/components/content/tag/tag.styles.js.map +1 -1
- package/dist/components/content/title/title.styles.js +18 -18
- package/dist/components/content/title/title.styles.js.map +1 -1
- package/dist/components/content/tooltip/tooltip.d.ts +13 -7
- package/dist/components/content/tooltip/tooltip.d.ts.map +1 -1
- package/dist/components/content/tooltip/tooltip.js +34 -22
- package/dist/components/content/tooltip/tooltip.js.map +1 -1
- package/dist/components/forms/form-field/form-field.styles.js +1 -1
- package/dist/components/{index-DMYkp2tq.js → index-By2jYHEw.js} +2934 -1234
- package/dist/components/inputs/combo-box/combo-box.d.ts +28 -4
- package/dist/components/inputs/combo-box/combo-box.d.ts.map +1 -1
- package/dist/components/inputs/combo-box/combo-box.js +86 -23
- package/dist/components/inputs/combo-box/combo-box.js.map +1 -1
- package/dist/components/inputs/combo-box/combo-box.styles.d.ts.map +1 -1
- package/dist/components/inputs/combo-box/combo-box.styles.js +2 -0
- package/dist/components/inputs/combo-box/combo-box.styles.js.map +1 -1
- package/dist/components/inputs/combo-box/combo-box.template.d.ts.map +1 -1
- package/dist/components/inputs/combo-box/combo-box.template.js +4 -2
- package/dist/components/inputs/combo-box/combo-box.template.js.map +1 -1
- package/dist/components/inputs/dropdown/dropdown.d.ts +11 -1
- package/dist/components/inputs/dropdown/dropdown.d.ts.map +1 -1
- package/dist/components/inputs/dropdown/dropdown.js +31 -2
- 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 +3 -1
- package/dist/components/inputs/dropdown/dropdown.styles.js.map +1 -1
- package/dist/components/inputs/dropdown/dropdown.template.js +1 -1
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.d.ts +1 -1
- 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 +8 -2
- 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 +2 -0
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.js.map +1 -1
- package/dist/components/inputs/number-field/number-field.d.ts +7 -4
- package/dist/components/inputs/number-field/number-field.d.ts.map +1 -1
- package/dist/components/inputs/number-field/number-field.js +15 -12
- package/dist/components/inputs/number-field/number-field.js.map +1 -1
- package/dist/components/inputs/number-field/number-field.styles.js +3 -3
- package/dist/components/inputs/password-field/password-field.d.ts +1 -1
- package/dist/components/inputs/password-field/password-field.d.ts.map +1 -1
- package/dist/components/inputs/password-field/password-field.js +8 -2
- package/dist/components/inputs/password-field/password-field.js.map +1 -1
- package/dist/components/inputs/password-field/password-field.styles.d.ts.map +1 -1
- package/dist/components/inputs/password-field/password-field.styles.js +2 -0
- package/dist/components/inputs/password-field/password-field.styles.js.map +1 -1
- package/dist/components/inputs/search-field/search-field.d.ts +6 -1
- package/dist/components/inputs/search-field/search-field.d.ts.map +1 -1
- package/dist/components/inputs/search-field/search-field.js +15 -2
- 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 +2 -0
- package/dist/components/inputs/search-field/search-field.styles.js.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.d.ts +8 -2
- package/dist/components/inputs/segmented-control/segmented-control.d.ts.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.js +25 -4
- package/dist/components/inputs/segmented-control/segmented-control.js.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.styles.d.ts.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.styles.js +65 -64
- 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/switch/switch.d.ts +5 -0
- package/dist/components/inputs/switch/switch.d.ts.map +1 -1
- package/dist/components/inputs/switch/switch.js +7 -0
- package/dist/components/inputs/switch/switch.js.map +1 -1
- package/dist/components/inputs/switch-field/switch-field.d.ts +6 -0
- package/dist/components/inputs/switch-field/switch-field.d.ts.map +1 -1
- package/dist/components/inputs/switch-field/switch-field.js +8 -0
- package/dist/components/inputs/switch-field/switch-field.js.map +1 -1
- package/dist/components/inputs/text-field/text-field.d.ts +6 -2
- package/dist/components/inputs/text-field/text-field.d.ts.map +1 -1
- package/dist/components/inputs/text-field/text-field.js +15 -5
- 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 +2 -0
- package/dist/components/inputs/text-field/text-field.styles.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 +26 -6
- package/dist/components/inputs/toggle-button/toggle-button.styles.js.map +1 -1
- package/dist/components/inputs/token/token.d.ts +3 -3
- package/dist/components/inputs/token/token.d.ts.map +1 -1
- package/dist/components/inputs/token/token.js +6 -6
- package/dist/components/inputs/token/token.js.map +1 -1
- package/dist/components/inputs/token/token.styles.js +2 -2
- package/dist/components/inputs/token/token.template.js +1 -1
- package/dist/components/inputs/token/token.template.js.map +1 -1
- package/dist/components/layout/card/card.js +1 -1
- package/dist/components/layout/card/card.js.map +1 -1
- package/dist/components/layout/container/container.d.ts +4 -4
- package/dist/components/layout/container/container.js +4 -4
- package/dist/components/layout/container/container.styles.js +399 -399
- package/dist/components/layout/container/container.styles.js.map +1 -1
- package/dist/components/layout/page/page.js +1 -1
- package/dist/components/layout/page/page.js.map +1 -1
- package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.d.ts +6 -3
- 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 +21 -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.styles.js +9 -9
- 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.d.ts +6 -3
- 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.js +21 -5
- package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.js.map +1 -1
- package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.styles.js +12 -12
- 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.d.ts +6 -3
- 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.js +21 -5
- package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.js.map +1 -1
- package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.styles.js +12 -12
- 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.d.ts +6 -3
- 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 +21 -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.styles.js +9 -9
- 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.d.ts +6 -3
- 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.js +21 -5
- package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.js.map +1 -1
- package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.styles.js +12 -12
- 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.js +1 -1
- package/dist/components/layout/popover/popover.js.map +1 -1
- package/dist/components/layout/sheet/sheet.js +3 -3
- package/dist/components/layout/sheet/sheet.js.map +1 -1
- package/dist/components/layout/sheet/sheet.styles.js +5 -5
- package/dist/components/layout/spacer/spacer.d.ts +28 -3
- package/dist/components/layout/spacer/spacer.d.ts.map +1 -1
- package/dist/components/layout/spacer/spacer.js +33 -2
- package/dist/components/layout/spacer/spacer.js.map +1 -1
- package/dist/components/layout/spacer/spacer.styles.d.ts.map +1 -1
- package/dist/components/layout/spacer/spacer.styles.js +157 -110
- package/dist/components/layout/spacer/spacer.styles.js.map +1 -1
- package/dist/components/layout/split-views/split-view-pane/split-view-pane.js +1 -1
- package/dist/components/layout/split-views/split-view-pane/split-view-pane.js.map +1 -1
- package/dist/components/layout/window/window.js +1 -1
- package/dist/components/layout/window/window.js.map +1 -1
- package/dist/components/lists-and-menus/cells/cell/cell.d.ts +4 -2
- package/dist/components/lists-and-menus/cells/cell/cell.d.ts.map +1 -1
- package/dist/components/lists-and-menus/cells/cell/cell.js +17 -6
- package/dist/components/lists-and-menus/cells/cell/cell.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 +22 -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.d.ts +2 -2
- package/dist/components/lists-and-menus/cells/description-cell/description-cell.d.ts.map +1 -1
- package/dist/components/lists-and-menus/cells/description-cell/description-cell.js +12 -7
- package/dist/components/lists-and-menus/cells/description-cell/description-cell.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 +4 -3
- package/dist/components/lists-and-menus/cells/description-cell/description-cell.styles.js.map +1 -1
- package/dist/components/lists-and-menus/cells/icon-cell/icon-cell.d.ts +2 -2
- package/dist/components/lists-and-menus/cells/icon-cell/icon-cell.d.ts.map +1 -1
- package/dist/components/lists-and-menus/cells/icon-cell/icon-cell.js +2 -2
- package/dist/components/lists-and-menus/cells/icon-cell/icon-cell.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 +50 -14
- 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.d.ts.map +1 -1
- package/dist/components/lists-and-menus/cells/spacer-cell/spacer-cell.js +1 -1
- package/dist/components/lists-and-menus/cells/spacer-cell/spacer-cell.js.map +1 -1
- package/dist/components/lists-and-menus/cells/text-cell/text-cell.d.ts +31 -9
- package/dist/components/lists-and-menus/cells/text-cell/text-cell.d.ts.map +1 -1
- package/dist/components/lists-and-menus/cells/text-cell/text-cell.js +71 -14
- package/dist/components/lists-and-menus/cells/text-cell/text-cell.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 +49 -8
- package/dist/components/lists-and-menus/cells/text-cell/text-cell.styles.js.map +1 -1
- package/dist/components/lists-and-menus/cells/text-cell/text-cell.template.d.ts.map +1 -1
- package/dist/components/lists-and-menus/cells/text-cell/text-cell.template.js +33 -3
- package/dist/components/lists-and-menus/cells/text-cell/text-cell.template.js.map +1 -1
- package/dist/components/lists-and-menus/cells/title-cell/title-cell.d.ts +31 -9
- package/dist/components/lists-and-menus/cells/title-cell/title-cell.d.ts.map +1 -1
- package/dist/components/lists-and-menus/cells/title-cell/title-cell.js +70 -13
- package/dist/components/lists-and-menus/cells/title-cell/title-cell.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 +68 -8
- package/dist/components/lists-and-menus/cells/title-cell/title-cell.styles.js.map +1 -1
- package/dist/components/lists-and-menus/cells/title-cell/title-cell.template.d.ts.map +1 -1
- package/dist/components/lists-and-menus/cells/title-cell/title-cell.template.js +36 -7
- package/dist/components/lists-and-menus/cells/title-cell/title-cell.template.js.map +1 -1
- package/dist/components/lists-and-menus/list/list.d.ts.map +1 -1
- package/dist/components/lists-and-menus/list/list.i18n.js +1 -1
- package/dist/components/lists-and-menus/list/list.i18n.js.map +1 -1
- package/dist/components/lists-and-menus/list/list.js +7 -0
- package/dist/components/lists-and-menus/list/list.js.map +1 -1
- package/dist/components/lists-and-menus/list-item/list-item.d.ts +5 -0
- package/dist/components/lists-and-menus/list-item/list-item.d.ts.map +1 -1
- package/dist/components/lists-and-menus/list-item/list-item.js +7 -0
- package/dist/components/lists-and-menus/list-item/list-item.js.map +1 -1
- package/dist/components/lists-and-menus/list-item/list-item.styles.js +1 -1
- package/dist/components/lists-and-menus/menu/menu.d.ts +254 -0
- package/dist/components/lists-and-menus/menu/menu.d.ts.map +1 -1
- package/dist/components/lists-and-menus/menu/menu.i18n.d.ts +1 -0
- package/dist/components/lists-and-menus/menu/menu.i18n.d.ts.map +1 -1
- package/dist/components/lists-and-menus/menu/menu.i18n.js +1 -0
- package/dist/components/lists-and-menus/menu/menu.i18n.js.map +1 -1
- package/dist/components/lists-and-menus/menu/menu.js +906 -15
- package/dist/components/lists-and-menus/menu/menu.js.map +1 -1
- package/dist/components/lists-and-menus/menu/menu.styles.d.ts +1 -0
- package/dist/components/lists-and-menus/menu/menu.styles.d.ts.map +1 -1
- package/dist/components/lists-and-menus/menu/menu.styles.js +141 -2
- package/dist/components/lists-and-menus/menu/menu.styles.js.map +1 -1
- package/dist/components/lists-and-menus/menu/menu.template.d.ts +2 -1
- package/dist/components/lists-and-menus/menu/menu.template.d.ts.map +1 -1
- package/dist/components/lists-and-menus/menu/menu.template.js +60 -0
- package/dist/components/lists-and-menus/menu/menu.template.js.map +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.js +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.template.js +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.template.js.map +1 -1
- package/dist/components/navigation/menu-bar/menu-bar.js +4 -4
- package/dist/components/navigation/menu-bar/menu-bar.js.map +1 -1
- package/dist/components/navigation/menu-bar-item/menu-bar-item.d.ts +1 -1
- package/dist/components/navigation/menu-bar-item/menu-bar-item.d.ts.map +1 -1
- package/dist/components/navigation/menu-bar-item/menu-bar-item.js +6 -6
- 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.js +2 -2
- package/dist/components/navigation/menu-bar-item/menu-bar-item.template.js +1 -1
- package/dist/components/navigation/menu-bar-item/menu-bar-item.template.js.map +1 -1
- package/dist/components/navigation/pagination/pagination.d.ts +3 -2
- package/dist/components/navigation/pagination/pagination.d.ts.map +1 -1
- package/dist/components/navigation/pagination/pagination.js +5 -4
- 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 +5 -3
- package/dist/components/navigation/pagination/pagination.styles.js.map +1 -1
- package/dist/components/navigation/pagination/pagination.template.js +1 -1
- package/dist/components/navigation/tab-bar/tab-bar.d.ts +3 -1
- package/dist/components/navigation/tab-bar/tab-bar.d.ts.map +1 -1
- package/dist/components/navigation/tab-bar/tab-bar.js +5 -3
- 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 +35 -15
- package/dist/components/navigation/tab-bar/tab-bar.styles.js.map +1 -1
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.js +2 -2
- 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.js +6 -6
- package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.js.map +1 -1
- package/dist/components/navigation/top-title-bar/top-title-bar.styles.d.ts.map +1 -1
- package/dist/components/navigation/top-title-bar/top-title-bar.styles.js +2 -0
- package/dist/components/navigation/top-title-bar/top-title-bar.styles.js.map +1 -1
- 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 +1 -0
- package/dist/components/navigation/top-title-bar/top-title-bar.template.js.map +1 -1
- package/dist/components/{prism-typescript-9LDqHHRS.js → prism-typescript-BlIir5CV.js} +1 -1
- package/dist/components/status-and-feedback/badge/badge.d.ts +3 -3
- package/dist/components/status-and-feedback/badge/badge.d.ts.map +1 -1
- package/dist/components/status-and-feedback/badge/badge.js +3 -3
- 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 +7 -6
- package/dist/components/status-and-feedback/badge/badge.styles.js.map +1 -1
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.d.ts +7 -4
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.d.ts.map +1 -1
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.js +10 -3
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.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 +12 -2
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.styles.js.map +1 -1
- package/dist/css/global.css +1 -0
- package/dist/css/reset.css +7 -0
- package/dist/css/rich-text.css +21 -21
- package/dist/css/settings.css +140 -98
- package/dist/fonts/JetBrainsMono-Italic[wght].woff2 +0 -0
- package/dist/fonts/JetBrainsMono[wght].woff2 +0 -0
- package/dist/fonts/RijksSansWeb-Italic.woff2 +0 -0
- package/dist/fonts/RijksSansWeb-Regular.woff2 +0 -0
- package/dist/utilities/visibility-mixin.d.ts +18 -12
- package/dist/utilities/visibility-mixin.d.ts.map +1 -1
- package/dist/utilities/visibility-mixin.js +21 -14
- package/dist/utilities/visibility-mixin.js.map +1 -1
- package/package.json +7 -3
- package/dist/fonts/IBMPlexMono-Bold.woff2 +0 -0
- package/dist/fonts/IBMPlexMono-Regular.woff2 +0 -0
- package/dist/fonts/RijksSansVF-Italic.ttf +0 -0
- package/dist/fonts/RijksSansVF-Regular.ttf +0 -0
|
@@ -16,7 +16,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
16
16
|
* use `vertical-alignment="top"`.
|
|
17
17
|
*
|
|
18
18
|
* @element nldd-description-cell
|
|
19
|
-
* @attr {string} width - '
|
|
19
|
+
* @attr {string} width - 'full' | 'fit-content' | CSS length (e.g. '200px', '20rem'). Default: 'full'
|
|
20
20
|
* @attr {string} min-width - Minimum width as CSS length (e.g. '80px', '5rem')
|
|
21
21
|
* @attr {string} max-width - Maximum width as CSS length (e.g. '300px', '20rem')
|
|
22
22
|
* @attr {string} min-height - Minimum height as CSS length (e.g. '44px', '3rem')
|
|
@@ -30,11 +30,11 @@ import { customElement, property } from 'lit/decorators.js';
|
|
|
30
30
|
import { descriptionCellStyles } from './description-cell.styles.js';
|
|
31
31
|
import { template } from './description-cell.template.js';
|
|
32
32
|
import { VisibilityMixin } from '../../../../utilities/visibility-mixin.js';
|
|
33
|
-
let NLDDDescriptionCell = class NLDDDescriptionCell extends VisibilityMixin(LitElement) {
|
|
33
|
+
let NLDDDescriptionCell = class NLDDDescriptionCell extends VisibilityMixin(LitElement, 'list-container') {
|
|
34
34
|
constructor() {
|
|
35
35
|
super(...arguments);
|
|
36
|
-
/** '
|
|
37
|
-
this.width = '
|
|
36
|
+
/** 'full' | 'fit-content' | CSS length (e.g. '200px', '20rem'). */
|
|
37
|
+
this.width = 'full';
|
|
38
38
|
this.verticalAlignment = 'center';
|
|
39
39
|
}
|
|
40
40
|
updated(changed) {
|
|
@@ -44,13 +44,18 @@ let NLDDDescriptionCell = class NLDDDescriptionCell extends VisibilityMixin(LitE
|
|
|
44
44
|
}
|
|
45
45
|
}
|
|
46
46
|
_applyDimensionStyles() {
|
|
47
|
-
const
|
|
48
|
-
|
|
49
|
-
|
|
47
|
+
const w = this.width;
|
|
48
|
+
const widthIsKeyword = w === 'full' || w === 'fit-content';
|
|
49
|
+
const widthIsValidLength = !!w && !widthIsKeyword && CSS.supports('width', w);
|
|
50
|
+
if (widthIsValidLength) {
|
|
51
|
+
this.style.setProperty('--_width', w);
|
|
50
52
|
}
|
|
51
53
|
else {
|
|
52
54
|
this.style.removeProperty('--_width');
|
|
53
55
|
}
|
|
56
|
+
if (w && !widthIsKeyword && !widthIsValidLength) {
|
|
57
|
+
this.width = '';
|
|
58
|
+
}
|
|
54
59
|
if (this.minWidth) {
|
|
55
60
|
this.style.setProperty('--_min-width', this.minWidth);
|
|
56
61
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"description-cell.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/description-cell/description-cell.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AAKrE,IAAM,mBAAmB,GAAzB,MAAM,mBAAoB,SAAQ,eAAe,CAAC,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"description-cell.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/description-cell/description-cell.ts"],"names":[],"mappings":"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"}
|
package/dist/components/lists-and-menus/cells/description-cell/description-cell.styles.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"description-cell.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/description-cell/description-cell.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB,
|
|
1
|
+
{"version":3,"file":"description-cell.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/description-cell/description-cell.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB,yBAsGjC,CAAC"}
|
|
@@ -26,8 +26,9 @@ export const descriptionCellStyles = css `
|
|
|
26
26
|
|
|
27
27
|
/* # Width */
|
|
28
28
|
|
|
29
|
-
:host([width='
|
|
30
|
-
:host(:not([width]))
|
|
29
|
+
:host([width='full']),
|
|
30
|
+
:host(:not([width])),
|
|
31
|
+
:host([width='']) {
|
|
31
32
|
flex-grow: 1;
|
|
32
33
|
flex-shrink: 1;
|
|
33
34
|
}
|
|
@@ -39,7 +40,7 @@ export const descriptionCellStyles = css `
|
|
|
39
40
|
width: fit-content;
|
|
40
41
|
}
|
|
41
42
|
|
|
42
|
-
:host([width]:not([width='
|
|
43
|
+
:host([width]:not([width='full']):not([width='fit-content']):not([width=''])) {
|
|
43
44
|
flex-shrink: 0;
|
|
44
45
|
}
|
|
45
46
|
|
package/dist/components/lists-and-menus/cells/description-cell/description-cell.styles.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"description-cell.styles.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/description-cell/description-cell.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"description-cell.styles.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/description-cell/description-cell.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsGvC,CAAC"}
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
* @element nldd-icon-cell
|
|
9
9
|
* @attr {string} vertical-alignment - Vertical alignment: 'top' | 'center' | 'bottom' (default: 'center')
|
|
10
10
|
* @attr {string} size - Size: '16' | '20' | '24' | '32' (default: '24')
|
|
11
|
-
* @attr {
|
|
11
|
+
* @attr {'default' | 'secondary' | 'accent' | 'success' | 'warning' | 'critical'} color - Color variant of the icon (default: 'default')
|
|
12
12
|
* @attr {string} icon - Icon name (renders `<nldd-icon>`). Takes precedence over the default slot.
|
|
13
13
|
*
|
|
14
14
|
* @slot - Fallback for custom icon content when `icon` is not set.
|
|
@@ -17,7 +17,7 @@ import { LitElement } from 'lit';
|
|
|
17
17
|
import '../../../content/icon/icon.js';
|
|
18
18
|
type VerticalAlignment = 'top' | 'center' | 'bottom';
|
|
19
19
|
type Size = '16' | '20' | '24' | '32';
|
|
20
|
-
type Color = 'default' | '
|
|
20
|
+
type Color = 'default' | 'secondary' | 'accent' | 'success' | 'warning' | 'critical';
|
|
21
21
|
declare const NLDDIconCell_base: typeof LitElement & (new (...args: any[]) => LitElement & {
|
|
22
22
|
hideBelow?: string;
|
|
23
23
|
hideAbove?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-cell.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/icon-cell/icon-cell.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC,OAAO,+BAA+B,CAAC;AAEvC,KAAK,iBAAiB,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;AACrD,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACtC,KAAK,KAAK,GAAG,SAAS,GAAG,SAAS,CAAC;;;;;
|
|
1
|
+
{"version":3,"file":"icon-cell.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/icon-cell/icon-cell.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC,OAAO,+BAA+B,CAAC;AAEvC,KAAK,iBAAiB,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;AACrD,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACtC,KAAK,KAAK,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;;;;;AAErF,qBACa,YAAa,SAAQ,iBAA6C;IAC9E,OAAgB,MAAM,0BAAkB;IAGxC,iBAAiB,EAAE,iBAAiB,CAAY;IAGhD,IAAI,EAAE,IAAI,CAAQ;IAGlB,KAAK,EAAE,KAAK,CAAa;IAGzB,IAAI,SAAM;IAED,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,gBAAgB,EAAE,YAAY,CAAC;KAC/B;CACD"}
|
|
@@ -14,7 +14,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
14
14
|
* @element nldd-icon-cell
|
|
15
15
|
* @attr {string} vertical-alignment - Vertical alignment: 'top' | 'center' | 'bottom' (default: 'center')
|
|
16
16
|
* @attr {string} size - Size: '16' | '20' | '24' | '32' (default: '24')
|
|
17
|
-
* @attr {
|
|
17
|
+
* @attr {'default' | 'secondary' | 'accent' | 'success' | 'warning' | 'critical'} color - Color variant of the icon (default: 'default')
|
|
18
18
|
* @attr {string} icon - Icon name (renders `<nldd-icon>`). Takes precedence over the default slot.
|
|
19
19
|
*
|
|
20
20
|
* @slot - Fallback for custom icon content when `icon` is not set.
|
|
@@ -25,7 +25,7 @@ import { iconCellStyles } from './icon-cell.styles.js';
|
|
|
25
25
|
import { template } from './icon-cell.template.js';
|
|
26
26
|
import { VisibilityMixin } from '../../../../utilities/visibility-mixin.js';
|
|
27
27
|
import '../../../content/icon/icon.js';
|
|
28
|
-
let NLDDIconCell = class NLDDIconCell extends VisibilityMixin(LitElement) {
|
|
28
|
+
let NLDDIconCell = class NLDDIconCell extends VisibilityMixin(LitElement, 'list-container') {
|
|
29
29
|
constructor() {
|
|
30
30
|
super(...arguments);
|
|
31
31
|
this.verticalAlignment = 'center';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-cell.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/icon-cell/icon-cell.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AAC5E,OAAO,+BAA+B,CAAC;AAOhC,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,eAAe,CAAC,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"icon-cell.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/icon-cell/icon-cell.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AAC5E,OAAO,+BAA+B,CAAC;AAOhC,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,eAAe,CAAC,UAAU,EAAE,gBAAgB,CAAC;IAAxE;;QAIN,sBAAiB,GAAsB,QAAQ,CAAC;QAGhD,SAAI,GAAS,IAAI,CAAC;QAGlB,UAAK,GAAU,SAAS,CAAC;QAGzB,SAAI,GAAG,EAAE,CAAC;IAKX,CAAC;IAHS,MAAM;QACd,OAAO,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC5B,CAAC;;AAhBe,mBAAM,GAAG,cAAc,AAAjB,CAAkB;AAGxC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,oBAAoB,EAAE,CAAC;uDAC3B;AAGhD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0CACxB;AAGlB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2CACjB;AAGzB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0CAChC;AAbE,YAAY;IADxB,aAAa,CAAC,gBAAgB,CAAC;GACnB,YAAY,CAkBxB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-cell.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/icon-cell/icon-cell.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,
|
|
1
|
+
{"version":3,"file":"icon-cell.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/icon-cell/icon-cell.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,yBAwI1B,CAAC"}
|
|
@@ -8,7 +8,6 @@ export const iconCellStyles = css `
|
|
|
8
8
|
display: flex;
|
|
9
9
|
flex-direction: column;
|
|
10
10
|
align-items: center;
|
|
11
|
-
color: var(--context-cell-content-color, var(--semantics-content-color));
|
|
12
11
|
}
|
|
13
12
|
|
|
14
13
|
:host([hidden]) {
|
|
@@ -16,9 +15,9 @@ export const iconCellStyles = css `
|
|
|
16
15
|
}
|
|
17
16
|
|
|
18
17
|
|
|
19
|
-
/* #
|
|
18
|
+
/* # Vertical alignment */
|
|
20
19
|
|
|
21
|
-
/* ##
|
|
20
|
+
/* ## Vertical alignment: center (default) */
|
|
22
21
|
|
|
23
22
|
:host([vertical-alignment="center"]),
|
|
24
23
|
:host(:not([vertical-alignment])) {
|
|
@@ -26,14 +25,14 @@ export const iconCellStyles = css `
|
|
|
26
25
|
justify-content: center;
|
|
27
26
|
}
|
|
28
27
|
|
|
29
|
-
/* ##
|
|
28
|
+
/* ## Vertical alignment: top */
|
|
30
29
|
|
|
31
30
|
:host([vertical-alignment="top"]) {
|
|
32
31
|
align-self: flex-start;
|
|
33
32
|
justify-content: flex-start;
|
|
34
33
|
}
|
|
35
34
|
|
|
36
|
-
/* ##
|
|
35
|
+
/* ## Vertical alignment: bottom */
|
|
37
36
|
|
|
38
37
|
:host([vertical-alignment="bottom"]) {
|
|
39
38
|
align-self: flex-end;
|
|
@@ -41,14 +40,17 @@ export const iconCellStyles = css `
|
|
|
41
40
|
}
|
|
42
41
|
|
|
43
42
|
|
|
44
|
-
/* #
|
|
43
|
+
/* # Slotted icon */
|
|
45
44
|
|
|
46
45
|
::slotted(*) {
|
|
47
46
|
display: block;
|
|
48
47
|
flex-shrink: 0;
|
|
49
48
|
}
|
|
50
49
|
|
|
51
|
-
|
|
50
|
+
|
|
51
|
+
/* # Size */
|
|
52
|
+
|
|
53
|
+
/* ## Size: 16 */
|
|
52
54
|
|
|
53
55
|
:host([size="16"]) {
|
|
54
56
|
width: var(--primitives-space-16);
|
|
@@ -59,7 +61,7 @@ export const iconCellStyles = css `
|
|
|
59
61
|
height: var(--primitives-space-16);
|
|
60
62
|
}
|
|
61
63
|
|
|
62
|
-
/* ##
|
|
64
|
+
/* ## Size: 20 */
|
|
63
65
|
|
|
64
66
|
:host([size="20"]) {
|
|
65
67
|
width: var(--primitives-space-20);
|
|
@@ -70,9 +72,10 @@ export const iconCellStyles = css `
|
|
|
70
72
|
height: var(--primitives-space-20);
|
|
71
73
|
}
|
|
72
74
|
|
|
73
|
-
/* ##
|
|
75
|
+
/* ## Size: 24 (default) */
|
|
74
76
|
|
|
75
|
-
:host([size="24"])
|
|
77
|
+
:host([size="24"]),
|
|
78
|
+
:host(:not([size])) {
|
|
76
79
|
width: var(--primitives-space-24);
|
|
77
80
|
}
|
|
78
81
|
|
|
@@ -82,7 +85,7 @@ export const iconCellStyles = css `
|
|
|
82
85
|
height: var(--primitives-space-24);
|
|
83
86
|
}
|
|
84
87
|
|
|
85
|
-
/* ##
|
|
88
|
+
/* ## Size: 32 */
|
|
86
89
|
|
|
87
90
|
:host([size="32"]) {
|
|
88
91
|
width: var(--primitives-space-32);
|
|
@@ -94,10 +97,43 @@ export const iconCellStyles = css `
|
|
|
94
97
|
}
|
|
95
98
|
|
|
96
99
|
|
|
97
|
-
/* #
|
|
100
|
+
/* # Color */
|
|
101
|
+
|
|
102
|
+
/* ## Color: default */
|
|
103
|
+
|
|
104
|
+
:host([color="default"]),
|
|
105
|
+
:host(:not([color])) {
|
|
106
|
+
color: var(--context-cell-content-color, var(--semantics-content-color));
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
/* ## Color: secondary */
|
|
110
|
+
|
|
111
|
+
:host([color="secondary"]) {
|
|
112
|
+
color: var(--context-cell-content-secondary-color, var(--semantics-content-secondary-color));
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
/* ## Color: accent */
|
|
116
|
+
|
|
117
|
+
:host([color="accent"]) {
|
|
118
|
+
color: var(--context-cell-content-accent-color, var(--semantics-content-accent-color));
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
/* ## Color: success */
|
|
122
|
+
|
|
123
|
+
:host([color="success"]) {
|
|
124
|
+
color: var(--context-cell-content-success-color, var(--semantics-content-success-color));
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
/* ## Color: warning */
|
|
128
|
+
|
|
129
|
+
:host([color="warning"]) {
|
|
130
|
+
color: var(--context-cell-content-warning-color, var(--semantics-content-warning-color));
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
/* ## Color: critical */
|
|
98
134
|
|
|
99
|
-
:host([color="
|
|
100
|
-
color:
|
|
135
|
+
:host([color="critical"]) {
|
|
136
|
+
color: var(--context-cell-content-critical-color, var(--semantics-content-critical-color));
|
|
101
137
|
}
|
|
102
138
|
`;
|
|
103
139
|
//# sourceMappingURL=icon-cell.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-cell.styles.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/icon-cell/icon-cell.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"icon-cell.styles.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/icon-cell/icon-cell.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwIhC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"spacer-cell.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/spacer-cell/spacer-cell.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC,KAAK,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,UAAU,CAAC;;;;;AAEjJ,qBACa,cAAe,SAAQ,
|
|
1
|
+
{"version":3,"file":"spacer-cell.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/spacer-cell/spacer-cell.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC,KAAK,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,UAAU,CAAC;;;;;AAEjJ,qBACa,cAAe,SAAQ,mBAA6C;IAChF,OAAgB,MAAM,0BAAoB;IAG1C,IAAI,EAAE,IAAI,CAAQ;IAET,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,kBAAkB,EAAE,cAAc,CAAC;KACnC;CACD"}
|
|
@@ -16,7 +16,7 @@ import { LitElement } from 'lit';
|
|
|
16
16
|
import { customElement, property } from 'lit/decorators.js';
|
|
17
17
|
import { spacerCellStyles } from './spacer-cell.styles.js';
|
|
18
18
|
import { VisibilityMixin } from '../../../../utilities/visibility-mixin.js';
|
|
19
|
-
let NLDDSpacerCell = class NLDDSpacerCell extends VisibilityMixin(LitElement) {
|
|
19
|
+
let NLDDSpacerCell = class NLDDSpacerCell extends VisibilityMixin(LitElement, 'list-container') {
|
|
20
20
|
constructor() {
|
|
21
21
|
super(...arguments);
|
|
22
22
|
this.size = '16';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"spacer-cell.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/spacer-cell/spacer-cell.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AAKrE,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,eAAe,CAAC,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"spacer-cell.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/spacer-cell/spacer-cell.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AAKrE,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,eAAe,CAAC,UAAU,EAAE,gBAAgB,CAAC;IAA1E;;QAIN,SAAI,GAAS,IAAI,CAAC;IAKnB,CAAC;IAHS,MAAM;QACd,OAAO,IAAI,CAAC;IACb,CAAC;;AAPe,qBAAM,GAAG,gBAAgB,AAAnB,CAAoB;AAG1C;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CACxB;AAJN,cAAc;IAD1B,aAAa,CAAC,kBAAkB,CAAC;GACrB,cAAc,CAS1B"}
|
|
@@ -10,19 +10,32 @@
|
|
|
10
10
|
* a minimum centered region. For strict top alignment without a minimum height,
|
|
11
11
|
* use `vertical-alignment="top"`.
|
|
12
12
|
*
|
|
13
|
+
* ### Slots vs attributes
|
|
14
|
+
* Each text region (overline, main text, supporting text) accepts either a
|
|
15
|
+
* string attribute or slotted DOM content. The slot is the source of truth: if
|
|
16
|
+
* the consumer provides slotted content, it replaces the attribute-based render
|
|
17
|
+
* for that region. Use slots when you need inline elements like `<nldd-tag>`,
|
|
18
|
+
* `<a>` or `<nldd-icon>` mixed with text. Note that `query` highlighting and
|
|
19
|
+
* `**bold**` parsing only apply to the attribute path — slotted content is
|
|
20
|
+
* rendered as-is.
|
|
21
|
+
*
|
|
13
22
|
* @element nldd-text-cell
|
|
14
23
|
* @attr {string} size - Cell size: 'sm' | 'md' (default: 'md')
|
|
15
|
-
* @attr {string} color - Text color variant: 'default' | 'secondary' | '
|
|
16
|
-
* @attr {string} width - '
|
|
24
|
+
* @attr {string} color - Text color variant: 'default' | 'secondary' | 'accent' | 'success' | 'warning' | 'critical' (default: 'default'). All non-default/-secondary variants apply to all three text fields so the cell reads as a coherent state.
|
|
25
|
+
* @attr {string} width - 'full' | 'fit-content' | CSS length (e.g. '200px', '20rem'). Default: 'full'
|
|
17
26
|
* @attr {string} min-width - Minimum width as CSS length (e.g. '80px', '5rem')
|
|
18
27
|
* @attr {string} max-width - Maximum width as CSS length (e.g. '200px', '20rem')
|
|
19
28
|
* @attr {string} min-height - Minimum height as CSS length (e.g. '44px', '3rem')
|
|
20
|
-
* @attr {string} horizontal-alignment - Horizontal alignment: 'left' | 'right' (default: 'left')
|
|
29
|
+
* @attr {string} horizontal-alignment - Horizontal alignment: 'left' | 'center' | 'right' (default: 'left')
|
|
21
30
|
* @attr {string} vertical-alignment - Vertical alignment: 'top' | 'center' | 'bottom' (default: 'center')
|
|
22
31
|
*
|
|
23
|
-
* @attr {string} text - Main text content. Supports **bold** syntax for inline bold segments.
|
|
24
|
-
* @attr {string} overline - Optional overline text displayed above the main content. Supports **bold**.
|
|
25
|
-
* @attr {string} supporting-text - Optional supporting text displayed below the main content. Supports **bold**.
|
|
32
|
+
* @attr {string} text - Main text content. Supports **bold** syntax for inline bold segments. Falls back to default slot.
|
|
33
|
+
* @attr {string} overline - Optional overline text displayed above the main content. Supports **bold**. Falls back to `overline` slot.
|
|
34
|
+
* @attr {string} supporting-text - Optional supporting text displayed below the main content. Supports **bold**. Falls back to `supporting-text` slot.
|
|
35
|
+
*
|
|
36
|
+
* @slot overline - Rich content for the overline region. Overrides the `overline` attribute when content is assigned.
|
|
37
|
+
* @slot - (default) Rich content for the main text region. Overrides the `text` attribute when content is assigned.
|
|
38
|
+
* @slot supporting-text - Rich content for the supporting text region. Overrides the `supporting-text` attribute when content is assigned.
|
|
26
39
|
*
|
|
27
40
|
* ### Query mark
|
|
28
41
|
* Set `query` to a substring to bold-highlight the match across text, overline
|
|
@@ -33,6 +46,8 @@
|
|
|
33
46
|
* in longer text.
|
|
34
47
|
*
|
|
35
48
|
* When `query` is set, `**bold**` markdown in the same field is ignored.
|
|
49
|
+
* Query highlighting only applies to the attribute path; slotted content is
|
|
50
|
+
* not modified.
|
|
36
51
|
*
|
|
37
52
|
* @attr {string} query - Query substring to bold-highlight across text fields. Empty = no marking.
|
|
38
53
|
* @attr {string} query-mark-mode - 'match' | 'predictive' (default: 'predictive')
|
|
@@ -40,8 +55,8 @@
|
|
|
40
55
|
import { LitElement } from 'lit';
|
|
41
56
|
import type { QueryMarkMode } from '../../../../utilities/render-marked.js';
|
|
42
57
|
type Size = 'sm' | 'md';
|
|
43
|
-
type Color = 'default' | 'secondary' | '
|
|
44
|
-
type HorizontalAlignment = 'left' | 'right';
|
|
58
|
+
type Color = 'default' | 'secondary' | 'accent' | 'success' | 'warning' | 'critical';
|
|
59
|
+
type HorizontalAlignment = 'left' | 'center' | 'right';
|
|
45
60
|
type VerticalAlignment = 'top' | 'center' | 'bottom';
|
|
46
61
|
declare const NLDDTextCell_base: typeof LitElement & (new (...args: any[]) => LitElement & {
|
|
47
62
|
hideBelow?: string;
|
|
@@ -51,7 +66,6 @@ export declare class NLDDTextCell extends NLDDTextCell_base {
|
|
|
51
66
|
static styles: import("lit").CSSResult[];
|
|
52
67
|
size: Size;
|
|
53
68
|
color: Color;
|
|
54
|
-
/** 'stretch' | 'fit-content' | CSS length (e.g. '200px', '20rem'). */
|
|
55
69
|
width: string;
|
|
56
70
|
minWidth?: string;
|
|
57
71
|
maxWidth?: string;
|
|
@@ -63,8 +77,16 @@ export declare class NLDDTextCell extends NLDDTextCell_base {
|
|
|
63
77
|
supportingText: string;
|
|
64
78
|
query: string;
|
|
65
79
|
queryMarkMode: QueryMarkMode;
|
|
80
|
+
/** @internal */
|
|
81
|
+
_hasOverlineSlotted: boolean;
|
|
82
|
+
/** @internal */
|
|
83
|
+
_hasDefaultSlotted: boolean;
|
|
84
|
+
/** @internal */
|
|
85
|
+
_hasSupportingTextSlotted: boolean;
|
|
66
86
|
updated(changed: Map<string, unknown>): void;
|
|
67
87
|
private _applyDimensionStyles;
|
|
88
|
+
/** @internal */
|
|
89
|
+
_onSlotChange: (e: Event) => void;
|
|
68
90
|
render(): import("lit-html").TemplateResult<1>;
|
|
69
91
|
}
|
|
70
92
|
declare global {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-cell.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/text-cell/text-cell.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"text-cell.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/text-cell/text-cell.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqDG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AAE5E,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACxB,KAAK,KAAK,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AACrF,KAAK,mBAAmB,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AACvD,KAAK,iBAAiB,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;;;;;AAErD,qBACa,YAAa,SAAQ,iBAA6C;IAC9E,OAAgB,MAAM,4BAAoB;IAG1C,IAAI,EAAE,IAAI,CAAQ;IAGlB,KAAK,EAAE,KAAK,CAAa;IAGzB,KAAK,EAAE,MAAM,CAAU;IAGvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAGlB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAGlB,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,mBAAmB,EAAE,mBAAmB,CAAU;IAGlD,iBAAiB,EAAE,iBAAiB,CAAY;IAGhD,IAAI,SAAM;IAGV,QAAQ,SAAM;IAGd,cAAc,SAAM;IAGpB,KAAK,SAAM;IAGX,aAAa,EAAE,aAAa,CAAgB;IAE5C,gBAAgB;IACP,mBAAmB,UAAS;IACrC,gBAAgB;IACP,kBAAkB,UAAS;IACpC,gBAAgB;IACP,yBAAyB,UAAS;IAElC,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAO9C,OAAO,CAAC,qBAAqB;IA+B7B,gBAAgB;IAChB,aAAa,GAAI,GAAG,KAAK,KAAG,IAAI,CAqB9B;IAEO,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,gBAAgB,EAAE,YAAY,CAAC;KAC/B;CACD"}
|
|
@@ -16,19 +16,32 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
16
16
|
* a minimum centered region. For strict top alignment without a minimum height,
|
|
17
17
|
* use `vertical-alignment="top"`.
|
|
18
18
|
*
|
|
19
|
+
* ### Slots vs attributes
|
|
20
|
+
* Each text region (overline, main text, supporting text) accepts either a
|
|
21
|
+
* string attribute or slotted DOM content. The slot is the source of truth: if
|
|
22
|
+
* the consumer provides slotted content, it replaces the attribute-based render
|
|
23
|
+
* for that region. Use slots when you need inline elements like `<nldd-tag>`,
|
|
24
|
+
* `<a>` or `<nldd-icon>` mixed with text. Note that `query` highlighting and
|
|
25
|
+
* `**bold**` parsing only apply to the attribute path — slotted content is
|
|
26
|
+
* rendered as-is.
|
|
27
|
+
*
|
|
19
28
|
* @element nldd-text-cell
|
|
20
29
|
* @attr {string} size - Cell size: 'sm' | 'md' (default: 'md')
|
|
21
|
-
* @attr {string} color - Text color variant: 'default' | 'secondary' | '
|
|
22
|
-
* @attr {string} width - '
|
|
30
|
+
* @attr {string} color - Text color variant: 'default' | 'secondary' | 'accent' | 'success' | 'warning' | 'critical' (default: 'default'). All non-default/-secondary variants apply to all three text fields so the cell reads as a coherent state.
|
|
31
|
+
* @attr {string} width - 'full' | 'fit-content' | CSS length (e.g. '200px', '20rem'). Default: 'full'
|
|
23
32
|
* @attr {string} min-width - Minimum width as CSS length (e.g. '80px', '5rem')
|
|
24
33
|
* @attr {string} max-width - Maximum width as CSS length (e.g. '200px', '20rem')
|
|
25
34
|
* @attr {string} min-height - Minimum height as CSS length (e.g. '44px', '3rem')
|
|
26
|
-
* @attr {string} horizontal-alignment - Horizontal alignment: 'left' | 'right' (default: 'left')
|
|
35
|
+
* @attr {string} horizontal-alignment - Horizontal alignment: 'left' | 'center' | 'right' (default: 'left')
|
|
27
36
|
* @attr {string} vertical-alignment - Vertical alignment: 'top' | 'center' | 'bottom' (default: 'center')
|
|
28
37
|
*
|
|
29
|
-
* @attr {string} text - Main text content. Supports **bold** syntax for inline bold segments.
|
|
30
|
-
* @attr {string} overline - Optional overline text displayed above the main content. Supports **bold**.
|
|
31
|
-
* @attr {string} supporting-text - Optional supporting text displayed below the main content. Supports **bold**.
|
|
38
|
+
* @attr {string} text - Main text content. Supports **bold** syntax for inline bold segments. Falls back to default slot.
|
|
39
|
+
* @attr {string} overline - Optional overline text displayed above the main content. Supports **bold**. Falls back to `overline` slot.
|
|
40
|
+
* @attr {string} supporting-text - Optional supporting text displayed below the main content. Supports **bold**. Falls back to `supporting-text` slot.
|
|
41
|
+
*
|
|
42
|
+
* @slot overline - Rich content for the overline region. Overrides the `overline` attribute when content is assigned.
|
|
43
|
+
* @slot - (default) Rich content for the main text region. Overrides the `text` attribute when content is assigned.
|
|
44
|
+
* @slot supporting-text - Rich content for the supporting text region. Overrides the `supporting-text` attribute when content is assigned.
|
|
32
45
|
*
|
|
33
46
|
* ### Query mark
|
|
34
47
|
* Set `query` to a substring to bold-highlight the match across text, overline
|
|
@@ -39,22 +52,23 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
39
52
|
* in longer text.
|
|
40
53
|
*
|
|
41
54
|
* When `query` is set, `**bold**` markdown in the same field is ignored.
|
|
55
|
+
* Query highlighting only applies to the attribute path; slotted content is
|
|
56
|
+
* not modified.
|
|
42
57
|
*
|
|
43
58
|
* @attr {string} query - Query substring to bold-highlight across text fields. Empty = no marking.
|
|
44
59
|
* @attr {string} query-mark-mode - 'match' | 'predictive' (default: 'predictive')
|
|
45
60
|
*/
|
|
46
61
|
import { LitElement } from 'lit';
|
|
47
|
-
import { customElement, property } from 'lit/decorators.js';
|
|
62
|
+
import { customElement, property, state } from 'lit/decorators.js';
|
|
48
63
|
import { textCellStyles } from './text-cell.styles.js';
|
|
49
64
|
import { template } from './text-cell.template.js';
|
|
50
65
|
import { VisibilityMixin } from '../../../../utilities/visibility-mixin.js';
|
|
51
|
-
let NLDDTextCell = class NLDDTextCell extends VisibilityMixin(LitElement) {
|
|
66
|
+
let NLDDTextCell = class NLDDTextCell extends VisibilityMixin(LitElement, 'list-container') {
|
|
52
67
|
constructor() {
|
|
53
68
|
super(...arguments);
|
|
54
69
|
this.size = 'md';
|
|
55
70
|
this.color = 'default';
|
|
56
|
-
|
|
57
|
-
this.width = 'stretch';
|
|
71
|
+
this.width = 'full';
|
|
58
72
|
this.horizontalAlignment = 'left';
|
|
59
73
|
this.verticalAlignment = 'center';
|
|
60
74
|
this.text = '';
|
|
@@ -62,6 +76,35 @@ let NLDDTextCell = class NLDDTextCell extends VisibilityMixin(LitElement) {
|
|
|
62
76
|
this.supportingText = '';
|
|
63
77
|
this.query = '';
|
|
64
78
|
this.queryMarkMode = 'predictive';
|
|
79
|
+
/** @internal */
|
|
80
|
+
this._hasOverlineSlotted = false;
|
|
81
|
+
/** @internal */
|
|
82
|
+
this._hasDefaultSlotted = false;
|
|
83
|
+
/** @internal */
|
|
84
|
+
this._hasSupportingTextSlotted = false;
|
|
85
|
+
/** @internal */
|
|
86
|
+
this._onSlotChange = (e) => {
|
|
87
|
+
const slot = e.target;
|
|
88
|
+
// Use assignedNodes() (not flatten) so we only count what the consumer
|
|
89
|
+
// actually slotted — fallback content is excluded by design.
|
|
90
|
+
const hasContent = slot.assignedNodes().some((node) => {
|
|
91
|
+
if (node.nodeType === Node.TEXT_NODE) {
|
|
92
|
+
return (node.textContent ?? '').trim().length > 0;
|
|
93
|
+
}
|
|
94
|
+
return node.nodeType === Node.ELEMENT_NODE;
|
|
95
|
+
});
|
|
96
|
+
switch (slot.name) {
|
|
97
|
+
case 'overline':
|
|
98
|
+
this._hasOverlineSlotted = hasContent;
|
|
99
|
+
break;
|
|
100
|
+
case 'supporting-text':
|
|
101
|
+
this._hasSupportingTextSlotted = hasContent;
|
|
102
|
+
break;
|
|
103
|
+
default:
|
|
104
|
+
this._hasDefaultSlotted = hasContent;
|
|
105
|
+
break;
|
|
106
|
+
}
|
|
107
|
+
};
|
|
65
108
|
}
|
|
66
109
|
updated(changed) {
|
|
67
110
|
super.updated(changed);
|
|
@@ -70,15 +113,20 @@ let NLDDTextCell = class NLDDTextCell extends VisibilityMixin(LitElement) {
|
|
|
70
113
|
}
|
|
71
114
|
}
|
|
72
115
|
_applyDimensionStyles() {
|
|
73
|
-
// width's '
|
|
116
|
+
// width's 'full' and 'fit-content' are handled via [width] attribute
|
|
74
117
|
// selectors in CSS; any other value is a CSS length fed through --_width.
|
|
75
|
-
const
|
|
76
|
-
|
|
77
|
-
|
|
118
|
+
const w = this.width;
|
|
119
|
+
const widthIsKeyword = w === 'full' || w === 'fit-content';
|
|
120
|
+
const widthIsValidLength = !!w && !widthIsKeyword && CSS.supports('width', w);
|
|
121
|
+
if (widthIsValidLength) {
|
|
122
|
+
this.style.setProperty('--_width', w);
|
|
78
123
|
}
|
|
79
124
|
else {
|
|
80
125
|
this.style.removeProperty('--_width');
|
|
81
126
|
}
|
|
127
|
+
if (w && !widthIsKeyword && !widthIsValidLength) {
|
|
128
|
+
this.width = '';
|
|
129
|
+
}
|
|
82
130
|
if (this.minWidth) {
|
|
83
131
|
this.style.setProperty('--_min-width', this.minWidth);
|
|
84
132
|
}
|
|
@@ -142,6 +190,15 @@ __decorate([
|
|
|
142
190
|
__decorate([
|
|
143
191
|
property({ type: String, attribute: 'query-mark-mode' })
|
|
144
192
|
], NLDDTextCell.prototype, "queryMarkMode", void 0);
|
|
193
|
+
__decorate([
|
|
194
|
+
state()
|
|
195
|
+
], NLDDTextCell.prototype, "_hasOverlineSlotted", void 0);
|
|
196
|
+
__decorate([
|
|
197
|
+
state()
|
|
198
|
+
], NLDDTextCell.prototype, "_hasDefaultSlotted", void 0);
|
|
199
|
+
__decorate([
|
|
200
|
+
state()
|
|
201
|
+
], NLDDTextCell.prototype, "_hasSupportingTextSlotted", void 0);
|
|
145
202
|
NLDDTextCell = __decorate([
|
|
146
203
|
customElement('nldd-text-cell')
|
|
147
204
|
], NLDDTextCell);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-cell.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/text-cell/text-cell.ts"],"names":[],"mappings":";;;;;;AAAA
|
|
1
|
+
{"version":3,"file":"text-cell.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/text-cell/text-cell.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-cell.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/text-cell/text-cell.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,
|
|
1
|
+
{"version":3,"file":"text-cell.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/text-cell/text-cell.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,yBAmO1B,CAAC"}
|