@nldd/design-system 0.8.43 → 0.8.44
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 +19 -1
- package/dist/components/actions/button/button.d.ts.map +1 -1
- package/dist/components/actions/button/button.js +25 -1
- package/dist/components/actions/button/button.js.map +1 -1
- package/dist/components/actions/button/button.styles.js +28 -28
- package/dist/components/actions/button/button.template.d.ts.map +1 -1
- package/dist/components/actions/button/button.template.js +7 -0
- package/dist/components/actions/button/button.template.js.map +1 -1
- package/dist/components/actions/button-bar/button-bar.styles.js +4 -4
- package/dist/components/actions/button-group/button-group.styles.js +1 -1
- package/dist/components/actions/icon-button/icon-button.d.ts +28 -7
- package/dist/components/actions/icon-button/icon-button.d.ts.map +1 -1
- package/dist/components/actions/icon-button/icon-button.js +36 -9
- package/dist/components/actions/icon-button/icon-button.js.map +1 -1
- package/dist/components/actions/icon-button/icon-button.styles.js +25 -25
- package/dist/components/actions/icon-button/icon-button.template.d.ts.map +1 -1
- package/dist/components/actions/icon-button/icon-button.template.js +9 -2
- package/dist/components/actions/icon-button/icon-button.template.js.map +1 -1
- package/dist/components/actions/split-button/split-button.d.ts +5 -5
- package/dist/components/actions/split-button/split-button.d.ts.map +1 -1
- package/dist/components/actions/split-button/split-button.js +19 -15
- package/dist/components/actions/split-button/split-button.js.map +1 -1
- package/dist/components/actions/split-button/split-button.styles.js +1 -1
- package/dist/components/actions/split-button/split-button.template.d.ts.map +1 -1
- package/dist/components/actions/split-button/split-button.template.js +14 -12
- package/dist/components/actions/split-button/split-button.template.js.map +1 -1
- package/dist/components/actions/toolbar/toolbar.d.ts +0 -2
- package/dist/components/actions/toolbar/toolbar.d.ts.map +1 -1
- package/dist/components/actions/toolbar/toolbar.js +20 -17
- package/dist/components/actions/toolbar/toolbar.js.map +1 -1
- package/dist/components/actions/toolbar/toolbar.styles.js +17 -17
- package/dist/components/actions/toolbar/toolbar.template.d.ts +1 -1
- package/dist/components/actions/toolbar/toolbar.template.d.ts.map +1 -1
- package/dist/components/actions/toolbar/toolbar.template.js +13 -5
- 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 +5 -5
- package/dist/components/content/code/code.styles.js +3 -3
- package/dist/components/content/icon/icon-aliases.d.ts.map +1 -1
- package/dist/components/content/icon/icon-aliases.js +15 -0
- 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 -5
- package/dist/components/content/icon/icon-registry.js.map +1 -1
- package/dist/components/content/icon/icon.styles.js +1 -1
- package/dist/components/content/keyboard-shortcut/keyboard-shortcut.d.ts +22 -0
- package/dist/components/content/keyboard-shortcut/keyboard-shortcut.d.ts.map +1 -1
- package/dist/components/content/keyboard-shortcut/keyboard-shortcut.js +46 -2
- package/dist/components/content/keyboard-shortcut/keyboard-shortcut.js.map +1 -1
- package/dist/components/content/keyboard-shortcut/keyboard-shortcut.styles.js +5 -5
- package/dist/components/content/rich-text/rich-text.d.ts +3 -1
- package/dist/components/content/rich-text/rich-text.d.ts.map +1 -1
- package/dist/components/content/rich-text/rich-text.js +6 -1
- package/dist/components/content/rich-text/rich-text.js.map +1 -1
- package/dist/components/content/tag/tag.styles.js +6 -6
- package/dist/components/content/title/title.styles.js +2 -2
- package/dist/components/content/tooltip/tooltip.styles.js +8 -8
- package/dist/components/forms/form-actions/form-actions.styles.js +2 -2
- package/dist/components/forms/form-field/form-field.styles.js +6 -6
- package/dist/components/{index-By2jYHEw.js → index-1v33GjGX.js} +2950 -2632
- package/dist/components/index.d.ts +1 -1
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/index.js.map +1 -1
- package/dist/components/inputs/checkbox/checkbox.styles.js +9 -9
- package/dist/components/inputs/checkbox-field/checkbox-field.styles.js +4 -4
- package/dist/components/inputs/code-editor/code-editor.styles.js +14 -14
- package/dist/components/inputs/combo-box/combo-box.styles.d.ts.map +1 -1
- package/dist/components/inputs/combo-box/combo-box.styles.js +15 -14
- package/dist/components/inputs/combo-box/combo-box.styles.js.map +1 -1
- package/dist/components/inputs/combo-box/combo-box.template.js +2 -2
- package/dist/components/inputs/dropdown/dropdown.d.ts +7 -5
- package/dist/components/inputs/dropdown/dropdown.d.ts.map +1 -1
- package/dist/components/inputs/dropdown/dropdown.js +11 -9
- 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 +23 -17
- package/dist/components/inputs/dropdown/dropdown.styles.js.map +1 -1
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.d.ts.map +1 -1
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.js +12 -11
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.js.map +1 -1
- package/dist/components/inputs/number-field/number-field.styles.d.ts.map +1 -1
- package/dist/components/inputs/number-field/number-field.styles.js +16 -15
- package/dist/components/inputs/number-field/number-field.styles.js.map +1 -1
- package/dist/components/inputs/number-field/number-field.template.js +2 -2
- package/dist/components/inputs/password-field/password-field.d.ts +8 -8
- package/dist/components/inputs/password-field/password-field.d.ts.map +1 -1
- package/dist/components/inputs/password-field/password-field.js +16 -16
- 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 +18 -17
- package/dist/components/inputs/password-field/password-field.styles.js.map +1 -1
- package/dist/components/inputs/password-field/password-field.template.js +3 -3
- package/dist/components/inputs/password-field/password-field.template.js.map +1 -1
- package/dist/components/inputs/radio-button/radio-button.styles.js +11 -11
- package/dist/components/inputs/radio-button-field/radio-button-field.styles.js +4 -4
- package/dist/components/inputs/search-field/search-field.styles.d.ts.map +1 -1
- package/dist/components/inputs/search-field/search-field.styles.js +17 -16
- package/dist/components/inputs/search-field/search-field.styles.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 +37 -67
- package/dist/components/inputs/segmented-control/segmented-control.styles.js.map +1 -1
- package/dist/components/inputs/stepper/stepper.styles.js +2 -2
- package/dist/components/inputs/stepper/stepper.template.js +2 -2
- package/dist/components/inputs/switch/switch.styles.js +13 -13
- package/dist/components/inputs/switch-field/switch-field.styles.js +4 -4
- package/dist/components/inputs/text-field/text-field.styles.d.ts.map +1 -1
- package/dist/components/inputs/text-field/text-field.styles.js +17 -16
- package/dist/components/inputs/text-field/text-field.styles.js.map +1 -1
- package/dist/components/inputs/toggle-button/toggle-button.styles.js +12 -12
- package/dist/components/inputs/token/token.styles.js +5 -5
- package/dist/components/inputs/token/token.template.js +1 -1
- package/dist/components/layout/app-view/app-view.styles.js +4 -4
- package/dist/components/layout/box/box.styles.js +2 -2
- package/dist/components/layout/card/card.styles.js +4 -4
- package/dist/components/layout/collection/collection.styles.js +6 -6
- package/dist/components/layout/divider/divider.styles.js +2 -2
- package/dist/components/layout/page/page.styles.js +9 -9
- 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 +15 -14
- 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.js +6 -6
- package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.styles.js +6 -6
- package/dist/components/layout/page-sections/simple-section/simple-section.styles.js +14 -14
- 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.js +6 -6
- package/dist/components/layout/popover/popover.styles.js +4 -4
- package/dist/components/layout/sheet/sheet.d.ts +17 -4
- package/dist/components/layout/sheet/sheet.d.ts.map +1 -1
- package/dist/components/layout/sheet/sheet.js +40 -6
- package/dist/components/layout/sheet/sheet.js.map +1 -1
- package/dist/components/layout/sheet/sheet.styles.d.ts.map +1 -1
- package/dist/components/layout/sheet/sheet.styles.js +28 -35
- package/dist/components/layout/sheet/sheet.styles.js.map +1 -1
- package/dist/components/layout/spacer/spacer.styles.js +5 -5
- package/dist/components/layout/split-views/bar-split-view/bar-split-view.styles.js +9 -9
- package/dist/components/layout/split-views/navigation-split-view/navigation-split-view.styles.js +34 -34
- package/dist/components/layout/split-views/side-by-side-split-view/side-by-side-split-view.styles.js +6 -6
- package/dist/components/layout/split-views/split-view-divider/split-view-divider.styles.js +4 -4
- package/dist/components/layout/split-views/split-view-pane/split-view-pane.styles.js +3 -3
- package/dist/components/layout/split-views/stacked-split-view/stacked-split-view.styles.js +7 -7
- package/dist/components/layout/window/window.styles.js +8 -8
- package/dist/components/lists-and-menus/cells/cell/cell.styles.js +5 -5
- package/dist/components/lists-and-menus/cells/description-cell/description-cell.styles.js +5 -5
- package/dist/components/lists-and-menus/cells/drag-handle-cell/drag-handle-cell.styles.js +9 -9
- package/dist/components/lists-and-menus/cells/spacer-cell/spacer-cell.styles.js +1 -1
- package/dist/components/lists-and-menus/cells/text-cell/text-cell.styles.js +6 -6
- package/dist/components/lists-and-menus/cells/title-cell/title-cell.styles.js +6 -6
- package/dist/components/lists-and-menus/list/list.styles.js +13 -13
- package/dist/components/lists-and-menus/list-item/list-item.styles.js +21 -21
- package/dist/components/lists-and-menus/menu/menu.d.ts +160 -29
- package/dist/components/lists-and-menus/menu/menu.d.ts.map +1 -1
- package/dist/components/lists-and-menus/menu/menu.i18n.d.ts +2 -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 +2 -0
- package/dist/components/lists-and-menus/menu/menu.i18n.js.map +1 -1
- package/dist/components/lists-and-menus/menu/menu.js +534 -102
- 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 +93 -32
- package/dist/components/lists-and-menus/menu/menu.styles.js.map +1 -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 +13 -0
- package/dist/components/lists-and-menus/menu/menu.template.js.map +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.d.ts +0 -2
- package/dist/components/navigation/document-tab-bar/document-tab-bar.d.ts.map +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.js +20 -22
- package/dist/components/navigation/document-tab-bar/document-tab-bar.js.map +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.js +48 -48
- package/dist/components/navigation/document-tab-bar/document-tab-bar.template.d.ts.map +1 -1
- package/dist/components/navigation/document-tab-bar/document-tab-bar.template.js +11 -9
- package/dist/components/navigation/document-tab-bar/document-tab-bar.template.js.map +1 -1
- package/dist/components/navigation/link/link.d.ts.map +1 -0
- package/dist/components/navigation/link/link.js.map +1 -0
- package/dist/components/navigation/link/link.styles.d.ts.map +1 -0
- package/dist/components/{actions → navigation}/link/link.styles.js +4 -4
- package/dist/components/navigation/link/link.styles.js.map +1 -0
- package/dist/components/navigation/link/link.template.d.ts.map +1 -0
- package/dist/components/navigation/link/link.template.js.map +1 -0
- package/dist/components/navigation/menu-bar/menu-bar.d.ts +17 -5
- package/dist/components/navigation/menu-bar/menu-bar.d.ts.map +1 -1
- package/dist/components/navigation/menu-bar/menu-bar.js +79 -34
- package/dist/components/navigation/menu-bar/menu-bar.js.map +1 -1
- package/dist/components/navigation/menu-bar/menu-bar.styles.js +2 -2
- package/dist/components/navigation/menu-bar/menu-bar.template.d.ts.map +1 -1
- package/dist/components/navigation/menu-bar/menu-bar.template.js +12 -2
- 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 +16 -0
- 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 +22 -0
- 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 +19 -19
- package/dist/components/navigation/menu-bar-item/menu-bar-item.template.d.ts.map +1 -1
- package/dist/components/navigation/menu-bar-item/menu-bar-item.template.js +2 -0
- package/dist/components/navigation/menu-bar-item/menu-bar-item.template.js.map +1 -1
- package/dist/components/navigation/pagination/pagination.d.ts +12 -0
- package/dist/components/navigation/pagination/pagination.d.ts.map +1 -1
- package/dist/components/navigation/pagination/pagination.js +19 -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 +47 -77
- 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 +23 -16
- package/dist/components/navigation/pagination/pagination.template.js.map +1 -1
- package/dist/components/navigation/skip-link/skip-link.styles.js +9 -9
- package/dist/components/navigation/tab-bar/tab-bar.styles.d.ts.map +1 -1
- package/dist/components/navigation/tab-bar/tab-bar.styles.js +28 -51
- package/dist/components/navigation/tab-bar/tab-bar.styles.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 +57 -70
- 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.js +15 -15
- package/dist/components/{prism-typescript-BlIir5CV.js → prism-typescript-D2EqsCqV.js} +1 -1
- package/dist/components/status-and-feedback/badge/badge.styles.js +7 -7
- package/dist/components/status-and-feedback/inline-dialog/inline-dialog.styles.js +7 -7
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.styles.js +5 -5
- package/dist/css/rich-text.css +85 -58
- package/dist/css/settings.css +36 -33
- package/dist/utilities/os.d.ts +27 -0
- package/dist/utilities/os.d.ts.map +1 -0
- package/dist/utilities/os.js +60 -0
- package/dist/utilities/os.js.map +1 -0
- package/package.json +5 -5
- package/dist/components/actions/link/link.d.ts.map +0 -1
- package/dist/components/actions/link/link.js.map +0 -1
- package/dist/components/actions/link/link.styles.d.ts.map +0 -1
- package/dist/components/actions/link/link.styles.js.map +0 -1
- package/dist/components/actions/link/link.template.d.ts.map +0 -1
- package/dist/components/actions/link/link.template.js.map +0 -1
- /package/dist/components/{actions → navigation}/link/link.d.ts +0 -0
- /package/dist/components/{actions → navigation}/link/link.js +0 -0
- /package/dist/components/{actions → navigation}/link/link.styles.d.ts +0 -0
- /package/dist/components/{actions → navigation}/link/link.template.d.ts +0 -0
- /package/dist/components/{actions → navigation}/link/link.template.js +0 -0
|
@@ -13,7 +13,6 @@ export { NLDDSplitButton } from './actions/split-button/split-button.js';
|
|
|
13
13
|
export { NLDDButtonGroup } from './actions/button-group/button-group.js';
|
|
14
14
|
export { NLDDButtonBar } from './actions/button-bar/button-bar.js';
|
|
15
15
|
export { NLDDToolbar } from './actions/toolbar/toolbar.js';
|
|
16
|
-
export { NLDDLink } from './actions/link/link.js';
|
|
17
16
|
export { NLDDIcon } from './content/icon/icon.js';
|
|
18
17
|
export { NLDDRichText } from './content/rich-text/rich-text.js';
|
|
19
18
|
export { NLDDTitle } from './content/title/title.js';
|
|
@@ -80,6 +79,7 @@ export { NLDDDragHandleCell } from './lists-and-menus/cells/drag-handle-cell/dra
|
|
|
80
79
|
export { NLDDTimelineTrackCell } from './lists-and-menus/cells/timeline-track-cell/timeline-track-cell.js';
|
|
81
80
|
export { NLDDMenuBar } from './navigation/menu-bar/menu-bar.js';
|
|
82
81
|
export { NLDDMenuBarItem } from './navigation/menu-bar-item/menu-bar-item.js';
|
|
82
|
+
export { NLDDLink } from './navigation/link/link.js';
|
|
83
83
|
export { NLDDSkipLink } from './navigation/skip-link/skip-link.js';
|
|
84
84
|
export { NLDDTopNavigationBar } from './navigation/top-navigation-bar/top-navigation-bar.js';
|
|
85
85
|
export { NLDDTopTitleBar } from './navigation/top-title-bar/top-title-bar.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAKH,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AACzE,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AACzE,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}
|
package/dist/components/index.js
CHANGED
|
@@ -14,7 +14,6 @@ export { NLDDSplitButton } from './actions/split-button/split-button.js';
|
|
|
14
14
|
export { NLDDButtonGroup } from './actions/button-group/button-group.js';
|
|
15
15
|
export { NLDDButtonBar } from './actions/button-bar/button-bar.js';
|
|
16
16
|
export { NLDDToolbar } from './actions/toolbar/toolbar.js';
|
|
17
|
-
export { NLDDLink } from './actions/link/link.js';
|
|
18
17
|
// # Content components
|
|
19
18
|
export { NLDDIcon } from './content/icon/icon.js';
|
|
20
19
|
export { NLDDRichText } from './content/rich-text/rich-text.js';
|
|
@@ -87,6 +86,7 @@ export { NLDDTimelineTrackCell } from './lists-and-menus/cells/timeline-track-ce
|
|
|
87
86
|
// # Navigation components
|
|
88
87
|
export { NLDDMenuBar } from './navigation/menu-bar/menu-bar.js';
|
|
89
88
|
export { NLDDMenuBarItem } from './navigation/menu-bar-item/menu-bar-item.js';
|
|
89
|
+
export { NLDDLink } from './navigation/link/link.js';
|
|
90
90
|
export { NLDDSkipLink } from './navigation/skip-link/skip-link.js';
|
|
91
91
|
export { NLDDTopNavigationBar } from './navigation/top-navigation-bar/top-navigation-bar.js';
|
|
92
92
|
export { NLDDTopTitleBar } from './navigation/top-title-bar/top-title-bar.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAGH,sBAAsB;AAEtB,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AACzE,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AACzE,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -6,11 +6,11 @@ export const checkboxStyles = css `
|
|
|
6
6
|
|
|
7
7
|
:host {
|
|
8
8
|
display: inline-flex;
|
|
9
|
-
align-items: center;
|
|
10
|
-
justify-content: center;
|
|
11
9
|
position: relative;
|
|
12
10
|
width: var(--semantics-controls-xs-min-size);
|
|
13
11
|
height: var(--semantics-controls-xs-min-size);
|
|
12
|
+
align-items: center;
|
|
13
|
+
justify-content: center;
|
|
14
14
|
-webkit-tap-highlight-color: transparent;
|
|
15
15
|
}
|
|
16
16
|
|
|
@@ -24,11 +24,11 @@ export const checkboxStyles = css `
|
|
|
24
24
|
.checkbox__input {
|
|
25
25
|
position: absolute;
|
|
26
26
|
inset: 0;
|
|
27
|
-
width: 100%;
|
|
28
|
-
height: 100%;
|
|
29
|
-
margin: 0;
|
|
30
27
|
opacity: 0;
|
|
31
28
|
z-index: 1;
|
|
29
|
+
margin: 0;
|
|
30
|
+
width: 100%;
|
|
31
|
+
height: 100%;
|
|
32
32
|
}
|
|
33
33
|
|
|
34
34
|
|
|
@@ -37,11 +37,11 @@ export const checkboxStyles = css `
|
|
|
37
37
|
.checkbox__box {
|
|
38
38
|
position: relative;
|
|
39
39
|
box-sizing: border-box;
|
|
40
|
-
width: var(--semantics-controls-xs-min-size);
|
|
41
|
-
height: var(--semantics-controls-xs-min-size);
|
|
42
40
|
border-radius: var(--semantics-controls-xs-corner-radius);
|
|
43
41
|
border: var(--components-checkbox-border-thickness) solid var(--components-checkbox-border-color);
|
|
44
42
|
background-color: var(--components-checkbox-background-color);
|
|
43
|
+
width: var(--semantics-controls-xs-min-size);
|
|
44
|
+
height: var(--semantics-controls-xs-min-size);
|
|
45
45
|
color: transparent;
|
|
46
46
|
}
|
|
47
47
|
|
|
@@ -109,10 +109,10 @@ export const checkboxStyles = css `
|
|
|
109
109
|
position: absolute;
|
|
110
110
|
top: 50%;
|
|
111
111
|
left: 50%;
|
|
112
|
-
|
|
112
|
+
display: none;
|
|
113
113
|
width: var(--primitives-space-24);
|
|
114
114
|
height: var(--primitives-space-24);
|
|
115
|
-
|
|
115
|
+
transform: translate(-50%, -50%);
|
|
116
116
|
}
|
|
117
117
|
|
|
118
118
|
.checkbox__input:checked ~ .checkbox__box .checkbox__check-icon {
|
|
@@ -17,10 +17,10 @@ export const checkboxFieldStyles = css `
|
|
|
17
17
|
|
|
18
18
|
.checkbox-field {
|
|
19
19
|
display: flex;
|
|
20
|
+
min-height: var(--semantics-controls-md-min-size);
|
|
20
21
|
flex-direction: row;
|
|
21
22
|
align-items: flex-start;
|
|
22
23
|
gap: var(--primitives-space-8);
|
|
23
|
-
min-height: var(--semantics-controls-md-min-size);
|
|
24
24
|
}
|
|
25
25
|
|
|
26
26
|
|
|
@@ -28,8 +28,8 @@ export const checkboxFieldStyles = css `
|
|
|
28
28
|
|
|
29
29
|
.checkbox-field__control {
|
|
30
30
|
display: flex;
|
|
31
|
-
flex-shrink: 0;
|
|
32
31
|
min-height: var(--semantics-controls-md-min-size);
|
|
32
|
+
flex-shrink: 0;
|
|
33
33
|
align-items: center;
|
|
34
34
|
}
|
|
35
35
|
|
|
@@ -37,12 +37,12 @@ export const checkboxFieldStyles = css `
|
|
|
37
37
|
/* # Label */
|
|
38
38
|
|
|
39
39
|
.checkbox-field__label {
|
|
40
|
-
padding-top: calc((var(--semantics-controls-md-min-size) - 1em * var(--primitives-line-height-snug)) / 2);
|
|
41
40
|
display: flex;
|
|
41
|
+
cursor: default;
|
|
42
|
+
padding-top: calc((var(--semantics-controls-md-min-size) - 1em * var(--primitives-line-height-snug)) / 2);
|
|
42
43
|
flex-grow: 1;
|
|
43
44
|
font: var(--primitives-font-body-md-regular-snug);
|
|
44
45
|
color: var(--semantics-content-color);
|
|
45
|
-
cursor: default;
|
|
46
46
|
}
|
|
47
47
|
|
|
48
48
|
:host([disabled]) .checkbox-field__label {
|
|
@@ -18,11 +18,11 @@ export const codeEditorStyles = css `
|
|
|
18
18
|
flex: 1 + min-height: 0 make the host a good flex citizen so
|
|
19
19
|
consumers in flex parents don't have to set them on every use. */
|
|
20
20
|
display: flex;
|
|
21
|
+
min-height: 0;
|
|
21
22
|
flex-direction: column;
|
|
22
23
|
flex-grow: 1;
|
|
23
24
|
flex-shrink: 1;
|
|
24
25
|
flex-basis: auto;
|
|
25
|
-
min-height: 0;
|
|
26
26
|
-webkit-tap-highlight-color: transparent;
|
|
27
27
|
}
|
|
28
28
|
|
|
@@ -36,15 +36,15 @@ export const codeEditorStyles = css `
|
|
|
36
36
|
.code-editor {
|
|
37
37
|
position: relative;
|
|
38
38
|
display: flex;
|
|
39
|
+
box-sizing: border-box;
|
|
40
|
+
border-radius: var(--_corner-radius);
|
|
41
|
+
background-color: var(--_background-color);
|
|
42
|
+
min-height: 0;
|
|
43
|
+
overflow: hidden;
|
|
39
44
|
flex-direction: column;
|
|
40
45
|
flex-grow: 1;
|
|
41
46
|
flex-shrink: 1;
|
|
42
47
|
flex-basis: auto;
|
|
43
|
-
min-height: 0;
|
|
44
|
-
box-sizing: border-box;
|
|
45
|
-
background-color: var(--_background-color);
|
|
46
|
-
border-radius: var(--_corner-radius);
|
|
47
|
-
overflow: hidden;
|
|
48
48
|
}
|
|
49
49
|
|
|
50
50
|
:host([disabled]) .code-editor {
|
|
@@ -63,22 +63,22 @@ export const codeEditorStyles = css `
|
|
|
63
63
|
.code-editor__input {
|
|
64
64
|
display: block;
|
|
65
65
|
box-sizing: border-box;
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
66
|
+
margin: 0;
|
|
67
|
+
border: none;
|
|
68
|
+
outline: none;
|
|
69
|
+
background: transparent;
|
|
69
70
|
min-height: 0;
|
|
70
71
|
width: 100%;
|
|
71
|
-
margin: 0;
|
|
72
72
|
padding: var(--_block-padding) var(--_inline-padding);
|
|
73
|
+
flex-grow: 1;
|
|
74
|
+
flex-shrink: 1;
|
|
75
|
+
flex-basis: auto;
|
|
73
76
|
color: var(--_content-color);
|
|
74
|
-
background: transparent;
|
|
75
|
-
border: none;
|
|
76
|
-
outline: none;
|
|
77
|
-
appearance: none;
|
|
78
77
|
font: var(--_font);
|
|
79
78
|
tab-size: 2;
|
|
80
79
|
white-space: pre;
|
|
81
80
|
overflow-wrap: normal;
|
|
81
|
+
appearance: none;
|
|
82
82
|
}
|
|
83
83
|
|
|
84
84
|
:host([wrap]) .code-editor__input {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"combo-box.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/combo-box/combo-box.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,
|
|
1
|
+
{"version":3,"file":"combo-box.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/combo-box/combo-box.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,yBA+L1B,CAAC"}
|
|
@@ -11,6 +11,7 @@ export const comboBoxStyles = css `
|
|
|
11
11
|
|
|
12
12
|
display: block;
|
|
13
13
|
width: var(--_width);
|
|
14
|
+
max-width: 100%;
|
|
14
15
|
-webkit-tap-highlight-color: transparent;
|
|
15
16
|
}
|
|
16
17
|
|
|
@@ -28,23 +29,23 @@ export const comboBoxStyles = css `
|
|
|
28
29
|
|
|
29
30
|
.combo-box {
|
|
30
31
|
display: flex;
|
|
31
|
-
flex-direction: row;
|
|
32
|
-
align-items: center;
|
|
33
32
|
box-sizing: border-box;
|
|
34
|
-
width: 100%;
|
|
35
|
-
background-color: var(--_background-color);
|
|
36
33
|
border: var(--semantics-input-fields-border);
|
|
34
|
+
background-color: var(--_background-color);
|
|
35
|
+
width: 100%;
|
|
36
|
+
flex-direction: row;
|
|
37
|
+
align-items: center;
|
|
37
38
|
}
|
|
38
39
|
|
|
39
40
|
:host([size='sm']) .combo-box {
|
|
40
|
-
min-height: var(--semantics-controls-sm-min-size);
|
|
41
41
|
border-radius: var(--semantics-controls-sm-corner-radius);
|
|
42
|
+
min-height: var(--semantics-controls-sm-min-size);
|
|
42
43
|
}
|
|
43
44
|
|
|
44
45
|
:host([size='md']) .combo-box,
|
|
45
46
|
:host(:not([size])) .combo-box {
|
|
46
|
-
min-height: var(--semantics-controls-md-min-size);
|
|
47
47
|
border-radius: var(--semantics-controls-md-corner-radius);
|
|
48
|
+
min-height: var(--semantics-controls-md-min-size);
|
|
48
49
|
}
|
|
49
50
|
|
|
50
51
|
:host([valid]) .combo-box {
|
|
@@ -70,16 +71,16 @@ export const comboBoxStyles = css `
|
|
|
70
71
|
/* # Input */
|
|
71
72
|
|
|
72
73
|
.combo-box__input {
|
|
73
|
-
|
|
74
|
-
border: none;
|
|
75
|
-
background: transparent;
|
|
74
|
+
box-sizing: border-box;
|
|
76
75
|
margin: 0;
|
|
76
|
+
border: none;
|
|
77
77
|
outline: none;
|
|
78
|
-
|
|
79
|
-
flex: 1;
|
|
78
|
+
background: transparent;
|
|
80
79
|
min-width: 0;
|
|
81
80
|
width: 100%;
|
|
81
|
+
flex: 1;
|
|
82
82
|
color: var(--semantics-content-color);
|
|
83
|
+
appearance: none;
|
|
83
84
|
}
|
|
84
85
|
|
|
85
86
|
:host([size='sm']) .combo-box__input {
|
|
@@ -107,9 +108,9 @@ export const comboBoxStyles = css `
|
|
|
107
108
|
|
|
108
109
|
.combo-box__input-fade {
|
|
109
110
|
position: relative;
|
|
111
|
+
width: 0;
|
|
110
112
|
flex-shrink: 0;
|
|
111
113
|
align-self: stretch;
|
|
112
|
-
width: 0;
|
|
113
114
|
}
|
|
114
115
|
|
|
115
116
|
.combo-box__input-fade::after {
|
|
@@ -118,9 +119,9 @@ export const comboBoxStyles = css `
|
|
|
118
119
|
top: 0;
|
|
119
120
|
bottom: 0;
|
|
120
121
|
right: 0;
|
|
121
|
-
width: var(--primitives-space-8);
|
|
122
122
|
background: linear-gradient(90deg, color-mix(in oklch, var(--_background-color) 0%, transparent) 0%, var(--_background-color) 100%);
|
|
123
123
|
pointer-events: none;
|
|
124
|
+
width: var(--primitives-space-8);
|
|
124
125
|
}
|
|
125
126
|
|
|
126
127
|
|
|
@@ -154,10 +155,10 @@ export const comboBoxStyles = css `
|
|
|
154
155
|
|
|
155
156
|
.combo-box__validation-icon-area {
|
|
156
157
|
display: flex;
|
|
158
|
+
height: 100%;
|
|
157
159
|
align-items: center;
|
|
158
160
|
justify-content: center;
|
|
159
161
|
flex-shrink: 0;
|
|
160
|
-
height: 100%;
|
|
161
162
|
}
|
|
162
163
|
|
|
163
164
|
:host([valid]) .combo-box__validation-icon-area {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"combo-box.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/combo-box/combo-box.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"combo-box.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/combo-box/combo-box.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+LhC,CAAC"}
|
|
@@ -56,7 +56,7 @@ export function comboBoxTemplate(component) {
|
|
|
56
56
|
size=${iconButtonSize}
|
|
57
57
|
icon="dismiss"
|
|
58
58
|
text=${component._t('components.combo-box.clear-action')}
|
|
59
|
-
|
|
59
|
+
tooltip-timing="never"
|
|
60
60
|
?disabled=${component.disabled}
|
|
61
61
|
@click=${component._handleClear}
|
|
62
62
|
></nldd-icon-button>
|
|
@@ -69,7 +69,7 @@ export function comboBoxTemplate(component) {
|
|
|
69
69
|
size=${iconButtonSize}
|
|
70
70
|
icon="chevron-down"
|
|
71
71
|
text=${component._t('components.combo-box.open-menu-action')}
|
|
72
|
-
|
|
72
|
+
tooltip-timing="never"
|
|
73
73
|
?disabled=${component.disabled}
|
|
74
74
|
?expanded=${component._isOpen}
|
|
75
75
|
popup-type="listbox"
|
|
@@ -49,14 +49,16 @@ export declare class NLDDDropdown extends LitElement {
|
|
|
49
49
|
private _syncDisplayValue;
|
|
50
50
|
private _handleSelectChange;
|
|
51
51
|
/**
|
|
52
|
-
*
|
|
53
|
-
*
|
|
54
|
-
*
|
|
55
|
-
*
|
|
52
|
+
* Suppress the native `:focus-visible` ring on the wrapper when focus
|
|
53
|
+
* came from a pointer. We can't rely on `:focus-visible` alone for
|
|
54
|
+
* native <select> because Chrome matches it even on mouse click. The
|
|
55
|
+
* inverted "set when known-to-be-pointer" form is failure-safe — if
|
|
56
|
+
* input-modality never reports, the attribute stays off and the
|
|
57
|
+
* default focus ring shows on every focus (keyboard a11y intact).
|
|
56
58
|
*/
|
|
57
59
|
private _handleSelectFocus;
|
|
58
60
|
private _handleSelectBlur;
|
|
59
|
-
/**
|
|
61
|
+
/** Any key press while focused promotes to keyboard mode — drop the marker. */
|
|
60
62
|
private _handleSelectKeydown;
|
|
61
63
|
render(): import("lit-html").TemplateResult;
|
|
62
64
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/dropdown/dropdown.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC,OAAO,8BAA8B,CAAC;AAEtC,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9C,qBACa,YAAa,SAAQ,UAAU;IAC3C,OAAgB,MAAM,0BAAkB;IAGxC,IAAI,EAAE,YAAY,CAAQ;IAG1B,KAAK,UAAS;IAGd,OAAO,UAAS;IAGhB,QAAQ,UAAS;IAEjB,oGAAoG;IAEpG,KAAK,SAAM;IAGX,aAAa,SAAM;IAEnB,OAAO,CAAC,OAAO,CAAkC;IAIxC,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAmBxD,aAAa,IAAI,IAAI;IAkC5B,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,gBAAgB;IASxB,OAAO,CAAC,iBAAiB;IAKzB,OAAO,CAAC,mBAAmB,CAQzB;IAEF
|
|
1
|
+
{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/dropdown/dropdown.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC,OAAO,8BAA8B,CAAC;AAEtC,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9C,qBACa,YAAa,SAAQ,UAAU;IAC3C,OAAgB,MAAM,0BAAkB;IAGxC,IAAI,EAAE,YAAY,CAAQ;IAG1B,KAAK,UAAS;IAGd,OAAO,UAAS;IAGhB,QAAQ,UAAS;IAEjB,oGAAoG;IAEpG,KAAK,SAAM;IAGX,aAAa,SAAM;IAEnB,OAAO,CAAC,OAAO,CAAkC;IAIxC,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAmBxD,aAAa,IAAI,IAAI;IAkC5B,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,gBAAgB;IASxB,OAAO,CAAC,iBAAiB;IAKzB,OAAO,CAAC,mBAAmB,CAQzB;IAEF;;;;;;;OAOG;IACH,OAAO,CAAC,kBAAkB,CAExB;IAEF,OAAO,CAAC,iBAAiB,CAEvB;IAEF,+EAA+E;IAC/E,OAAO,CAAC,oBAAoB,CAE1B;IAEO,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,eAAe,EAAE,YAAY,CAAC;KAC9B;CACD"}
|
|
@@ -39,7 +39,7 @@ import { LitElement } from 'lit';
|
|
|
39
39
|
import { customElement, property, state } from 'lit/decorators.js';
|
|
40
40
|
import { dropdownStyles } from './dropdown.styles.js';
|
|
41
41
|
import { dropdownTemplate } from './dropdown.template.js';
|
|
42
|
-
import {
|
|
42
|
+
import { isPointerMode } from '../../../utilities/input-modality.js';
|
|
43
43
|
import './../../content/icon/icon.js';
|
|
44
44
|
let NLDDDropdown = class NLDDDropdown extends LitElement {
|
|
45
45
|
constructor() {
|
|
@@ -62,20 +62,22 @@ let NLDDDropdown = class NLDDDropdown extends LitElement {
|
|
|
62
62
|
}));
|
|
63
63
|
};
|
|
64
64
|
/**
|
|
65
|
-
*
|
|
66
|
-
*
|
|
67
|
-
*
|
|
68
|
-
*
|
|
65
|
+
* Suppress the native `:focus-visible` ring on the wrapper when focus
|
|
66
|
+
* came from a pointer. We can't rely on `:focus-visible` alone for
|
|
67
|
+
* native <select> because Chrome matches it even on mouse click. The
|
|
68
|
+
* inverted "set when known-to-be-pointer" form is failure-safe — if
|
|
69
|
+
* input-modality never reports, the attribute stays off and the
|
|
70
|
+
* default focus ring shows on every focus (keyboard a11y intact).
|
|
69
71
|
*/
|
|
70
72
|
this._handleSelectFocus = () => {
|
|
71
|
-
this.toggleAttribute('
|
|
73
|
+
this.toggleAttribute('is-pointer-focus', isPointerMode());
|
|
72
74
|
};
|
|
73
75
|
this._handleSelectBlur = () => {
|
|
74
|
-
this.toggleAttribute('
|
|
76
|
+
this.toggleAttribute('is-pointer-focus', false);
|
|
75
77
|
};
|
|
76
|
-
/**
|
|
78
|
+
/** Any key press while focused promotes to keyboard mode — drop the marker. */
|
|
77
79
|
this._handleSelectKeydown = () => {
|
|
78
|
-
this.toggleAttribute('
|
|
80
|
+
this.toggleAttribute('is-pointer-focus', false);
|
|
79
81
|
};
|
|
80
82
|
}
|
|
81
83
|
// — Lifecycle ——————————————————————————————————————————————————————————————
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown.js","sourceRoot":"","sources":["../../../../src/components/inputs/dropdown/dropdown.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"dropdown.js","sourceRoot":"","sources":["../../../../src/components/inputs/dropdown/dropdown.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AACrE,OAAO,8BAA8B,CAAC;AAK/B,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,UAAU;IAArC;;QAIN,SAAI,GAAiB,IAAI,CAAC;QAG1B,UAAK,GAAG,KAAK,CAAC;QAGd,YAAO,GAAG,KAAK,CAAC;QAGhB,aAAQ,GAAG,KAAK,CAAC;QAEjB,oGAAoG;QAEpG,UAAK,GAAG,EAAE,CAAC;QAGX,kBAAa,GAAG,EAAE,CAAC;QAEX,YAAO,GAA6B,IAAI,CAAC;QA4EzC,wBAAmB,GAAG,CAAC,CAAQ,EAAQ,EAAE;YAChD,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,IAAI,CAAC,iBAAiB,EAAE,CAAC;YACzB,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE;gBAC5C,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,IAAI,EAAE,EAAE;gBAC5C,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,IAAI;aACd,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;QAEF;;;;;;;WAOG;QACK,uBAAkB,GAAG,GAAS,EAAE;YACvC,IAAI,CAAC,eAAe,CAAC,kBAAkB,EAAE,aAAa,EAAE,CAAC,CAAC;QAC3D,CAAC,CAAC;QAEM,sBAAiB,GAAG,GAAS,EAAE;YACtC,IAAI,CAAC,eAAe,CAAC,kBAAkB,EAAE,KAAK,CAAC,CAAC;QACjD,CAAC,CAAC;QAEF,+EAA+E;QACvE,yBAAoB,GAAG,GAAS,EAAE;YACzC,IAAI,CAAC,eAAe,CAAC,kBAAkB,EAAE,KAAK,CAAC,CAAC;QACjD,CAAC,CAAC;IAKH,CAAC;IA5GA,6EAA6E;IAEpE,OAAO,CAAC,iBAAuC;QACvD,IAAI,iBAAiB,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC;YACvC,IAAI,CAAC,aAAa,EAAE,CAAC;QACtB,CAAC;QACD,IAAI,iBAAiB,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC;YACtC,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACzB,CAAC;QACD,IAAI,iBAAiB,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;YACpC,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC;YACrB,IAAI,CAAC,IAAI,CAAC,KAAK,MAAM,IAAI,GAAG,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC;gBACnD,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;YACvC,CAAC;iBAAM,CAAC;gBACP,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;YACvC,CAAC;QACF,CAAC;IACF,CAAC;IAED,4EAA4E;IAErE,aAAa;QACnB,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;QACpD,MAAM,MAAM,GAAG,IAAI,EAAE,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;aACtD,IAAI,CAAC,CAAC,EAAE,EAA2B,EAAE,CAAC,EAAE,CAAC,OAAO,KAAK,QAAQ,CAAC,IAAI,IAAI,CAAC;QAEzE,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,KAAK,MAAM,EAAE,CAAC;YAC7C,IAAI,CAAC,OAAO,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;YACrE,IAAI,CAAC,OAAO,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;YACnE,IAAI,CAAC,OAAO,CAAC,mBAAmB,CAAC,MAAM,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;YACjE,IAAI,CAAC,OAAO,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,oBAAoB,CAAC,CAAC;QACxE,CAAC;QAED,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;QAEtB,IAAI,CAAC,MAAM,EAAE,CAAC;YACb,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC;YACxB,OAAO;QACR,CAAC;QAED,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,iBAAiB,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC;YACrI,OAAO,CAAC,IAAI,CAAC,uIAAuI,CAAC,CAAC;QACvJ,CAAC;QAED,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;QAC5D,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;QAC1D,MAAM,CAAC,gBAAgB,CAAC,MAAM,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;QACxD,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,oBAAoB,CAAC,CAAC;QAC9D,IAAI,CAAC,aAAa,EAAE,CAAC;QACrB,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACxB,IAAI,CAAC,iBAAiB,EAAE,CAAC;IAC1B,CAAC;IAED,4EAA4E;IAEpE,aAAa;QACpB,IAAI,CAAC,IAAI,CAAC,OAAO;YAAE,OAAO;QAC1B,IAAI,CAAC,OAAO,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;IACvC,CAAC;IAEO,gBAAgB;QACvB,IAAI,CAAC,IAAI,CAAC,OAAO;YAAE,OAAO;QAC1B,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YAClB,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;QACnD,CAAC;aAAM,CAAC;YACP,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC;QAC9C,CAAC;IACF,CAAC;IAEO,iBAAiB;QACxB,IAAI,CAAC,IAAI,CAAC,OAAO;YAAE,OAAO;QAC1B,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,IAAI,IAAI,EAAE,CAAC;IAClE,CAAC;IAiCQ,MAAM;QACd,OAAO,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC;;AAlIe,mBAAM,GAAG,cAAc,AAAjB,CAAkB;AAGxC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0CAChB;AAG1B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2CAC7B;AAGd;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;6CAC3B;AAGhB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;8CAC1B;AAIjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2CAC/B;AAGX;IADC,KAAK,EAAE;mDACW;AApBP,YAAY;IADxB,aAAa,CAAC,eAAe,CAAC;GAClB,YAAY,CAoIxB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/dropdown/dropdown.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,
|
|
1
|
+
{"version":3,"file":"dropdown.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/dropdown/dropdown.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,yBA+L1B,CAAC"}
|
|
@@ -12,6 +12,7 @@ export const dropdownStyles = css `
|
|
|
12
12
|
|
|
13
13
|
display: block;
|
|
14
14
|
width: var(--_width);
|
|
15
|
+
max-width: 100%;
|
|
15
16
|
-webkit-tap-highlight-color: transparent;
|
|
16
17
|
}
|
|
17
18
|
|
|
@@ -30,63 +31,68 @@ export const dropdownStyles = css `
|
|
|
30
31
|
.dropdown {
|
|
31
32
|
position: relative;
|
|
32
33
|
display: flex;
|
|
33
|
-
flex-direction: row;
|
|
34
|
-
align-items: center;
|
|
35
34
|
box-sizing: border-box;
|
|
36
|
-
width: 100%;
|
|
37
35
|
background-color: var(--semantics-buttons-neutral-tinted-background-color);
|
|
36
|
+
width: 100%;
|
|
37
|
+
flex-direction: row;
|
|
38
|
+
align-items: center;
|
|
38
39
|
color: var(--semantics-buttons-neutral-tinted-content-color);
|
|
39
40
|
}
|
|
40
41
|
|
|
41
42
|
:host([size='xs']) .dropdown {
|
|
42
|
-
min-height: var(--semantics-controls-xs-min-size);
|
|
43
43
|
border-radius: var(--semantics-controls-xs-corner-radius);
|
|
44
|
+
min-height: var(--semantics-controls-xs-min-size);
|
|
44
45
|
}
|
|
45
46
|
|
|
46
47
|
:host([size='sm']) .dropdown {
|
|
47
|
-
min-height: var(--semantics-controls-sm-min-size);
|
|
48
48
|
border-radius: var(--semantics-controls-sm-corner-radius);
|
|
49
|
+
min-height: var(--semantics-controls-sm-min-size);
|
|
49
50
|
}
|
|
50
51
|
|
|
51
52
|
:host([size='md']) .dropdown,
|
|
52
53
|
:host(:not([size])) .dropdown {
|
|
53
|
-
min-height: var(--semantics-controls-md-min-size);
|
|
54
54
|
border-radius: var(--semantics-controls-md-corner-radius);
|
|
55
|
+
min-height: var(--semantics-controls-md-min-size);
|
|
55
56
|
}
|
|
56
57
|
|
|
57
|
-
:
|
|
58
|
+
.dropdown:focus-within {
|
|
58
59
|
outline: var(--semantics-focus-ring-outline);
|
|
59
60
|
outline-offset: var(--semantics-focus-ring-outline-offset);
|
|
60
61
|
box-shadow: var(--semantics-focus-ring-box-shadow);
|
|
61
62
|
}
|
|
62
63
|
|
|
64
|
+
:host([is-pointer-focus]) .dropdown:focus-within {
|
|
65
|
+
outline: none;
|
|
66
|
+
box-shadow: none;
|
|
67
|
+
}
|
|
68
|
+
|
|
63
69
|
|
|
64
70
|
/* # Slotted select */
|
|
65
71
|
|
|
66
72
|
::slotted(select) {
|
|
67
73
|
position: absolute;
|
|
68
74
|
inset: 0;
|
|
69
|
-
|
|
70
|
-
height: 100%;
|
|
75
|
+
box-sizing: border-box;
|
|
71
76
|
opacity: 0;
|
|
72
|
-
appearance: none;
|
|
73
|
-
border: none;
|
|
74
77
|
margin: 0;
|
|
75
|
-
|
|
76
|
-
background: transparent;
|
|
78
|
+
border: none;
|
|
77
79
|
outline: none;
|
|
78
|
-
|
|
80
|
+
background: transparent;
|
|
81
|
+
width: 100%;
|
|
82
|
+
height: 100%;
|
|
83
|
+
padding: 0;
|
|
79
84
|
font: var(--semantics-input-fields-native-select-font);
|
|
85
|
+
appearance: none;
|
|
80
86
|
}
|
|
81
87
|
|
|
82
88
|
|
|
83
89
|
/* # Value */
|
|
84
90
|
|
|
85
91
|
.dropdown__value {
|
|
86
|
-
flex-grow: 1;
|
|
87
92
|
min-width: 0;
|
|
88
|
-
white-space: nowrap;
|
|
89
93
|
overflow: hidden;
|
|
94
|
+
flex-grow: 1;
|
|
95
|
+
white-space: nowrap;
|
|
90
96
|
text-overflow: ellipsis;
|
|
91
97
|
color: inherit;
|
|
92
98
|
}
|
|
@@ -112,10 +118,10 @@ export const dropdownStyles = css `
|
|
|
112
118
|
|
|
113
119
|
.dropdown__validation-icon-area {
|
|
114
120
|
display: flex;
|
|
121
|
+
height: 100%;
|
|
115
122
|
align-items: center;
|
|
116
123
|
justify-content: center;
|
|
117
124
|
flex-shrink: 0;
|
|
118
|
-
height: 100%;
|
|
119
125
|
}
|
|
120
126
|
|
|
121
127
|
:host([size='xs']) .dropdown__validation-icon-area {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/dropdown/dropdown.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"dropdown.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/dropdown/dropdown.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+LhC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"multi-line-text-field.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/multi-line-text-field/multi-line-text-field.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,wBAAwB,
|
|
1
|
+
{"version":3,"file":"multi-line-text-field.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/multi-line-text-field/multi-line-text-field.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,wBAAwB,yBA+KpC,CAAC"}
|
|
@@ -10,6 +10,7 @@ export const multiLineTextFieldStyles = css `
|
|
|
10
10
|
|
|
11
11
|
display: block;
|
|
12
12
|
width: var(--_width);
|
|
13
|
+
max-width: 100%;
|
|
13
14
|
-webkit-tap-highlight-color: transparent;
|
|
14
15
|
}
|
|
15
16
|
|
|
@@ -82,15 +83,15 @@ export const multiLineTextFieldStyles = css `
|
|
|
82
83
|
|
|
83
84
|
.multi-line-text-field__input {
|
|
84
85
|
display: block;
|
|
85
|
-
width: 100%;
|
|
86
86
|
box-sizing: border-box;
|
|
87
87
|
margin: 0;
|
|
88
|
-
color: var(--semantics-content-color);
|
|
89
|
-
background: transparent;
|
|
90
88
|
border: none;
|
|
91
89
|
outline: none;
|
|
92
|
-
|
|
90
|
+
background: transparent;
|
|
91
|
+
width: 100%;
|
|
93
92
|
padding-inline: var(--_inline-padding);
|
|
93
|
+
color: var(--semantics-content-color);
|
|
94
|
+
appearance: none;
|
|
94
95
|
}
|
|
95
96
|
|
|
96
97
|
:host([resize='vertical']) .multi-line-text-field__input {
|
|
@@ -107,16 +108,16 @@ export const multiLineTextFieldStyles = css `
|
|
|
107
108
|
}
|
|
108
109
|
|
|
109
110
|
:host([size='sm']) .multi-line-text-field__input {
|
|
110
|
-
font: var(--semantics-input-fields-sm-text-font);
|
|
111
|
-
padding-block: calc((var(--semantics-controls-sm-min-size) - var(--semantics-input-fields-border-thickness) * 2 - 1lh) / 2);
|
|
112
111
|
min-height: calc(var(--semantics-controls-sm-min-size) - var(--semantics-input-fields-border-thickness) * 2);
|
|
112
|
+
padding-block: calc((var(--semantics-controls-sm-min-size) - var(--semantics-input-fields-border-thickness) * 2 - 1lh) / 2);
|
|
113
|
+
font: var(--semantics-input-fields-sm-text-font);
|
|
113
114
|
}
|
|
114
115
|
|
|
115
116
|
:host([size='md']) .multi-line-text-field__input,
|
|
116
117
|
:host(:not([size])) .multi-line-text-field__input {
|
|
117
|
-
font: var(--semantics-input-fields-md-text-font);
|
|
118
|
-
padding-block: calc((var(--semantics-controls-md-min-size) - var(--semantics-input-fields-border-thickness) * 2 - 1lh) / 2);
|
|
119
118
|
min-height: calc(var(--semantics-controls-md-min-size) - var(--semantics-input-fields-border-thickness) * 2);
|
|
119
|
+
padding-block: calc((var(--semantics-controls-md-min-size) - var(--semantics-input-fields-border-thickness) * 2 - 1lh) / 2);
|
|
120
|
+
font: var(--semantics-input-fields-md-text-font);
|
|
120
121
|
}
|
|
121
122
|
|
|
122
123
|
:host([valid]) .multi-line-text-field__input,
|
|
@@ -145,11 +146,11 @@ export const multiLineTextFieldStyles = css `
|
|
|
145
146
|
top: 0;
|
|
146
147
|
right: 0;
|
|
147
148
|
display: flex;
|
|
148
|
-
|
|
149
|
-
justify-content: center;
|
|
149
|
+
pointer-events: none;
|
|
150
150
|
width: var(--_icon-area-size);
|
|
151
151
|
height: var(--_icon-area-size);
|
|
152
|
-
|
|
152
|
+
align-items: center;
|
|
153
|
+
justify-content: center;
|
|
153
154
|
}
|
|
154
155
|
|
|
155
156
|
:host([valid]) .multi-line-text-field__validation-icon-area {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"multi-line-text-field.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/multi-line-text-field/multi-line-text-field.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"multi-line-text-field.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/multi-line-text-field/multi-line-text-field.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+K1C,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"number-field.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/number-field/number-field.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,
|
|
1
|
+
{"version":3,"file":"number-field.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/number-field/number-field.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,yBAwJ7B,CAAC"}
|