@nldd/design-system 0.8.40 → 0.8.41

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.
Files changed (196) hide show
  1. package/dist/components/actions/button/button.styles.d.ts.map +1 -1
  2. package/dist/components/actions/button/button.styles.js +32 -20
  3. package/dist/components/actions/button/button.styles.js.map +1 -1
  4. package/dist/components/actions/button-bar/button-bar.styles.d.ts.map +1 -1
  5. package/dist/components/actions/button-bar/button-bar.styles.js +22 -0
  6. package/dist/components/actions/button-bar/button-bar.styles.js.map +1 -1
  7. package/dist/components/actions/button-group/button-group.styles.d.ts.map +1 -1
  8. package/dist/components/actions/button-group/button-group.styles.js +0 -1
  9. package/dist/components/actions/button-group/button-group.styles.js.map +1 -1
  10. package/dist/components/actions/icon-button/icon-button.d.ts +6 -0
  11. package/dist/components/actions/icon-button/icon-button.d.ts.map +1 -1
  12. package/dist/components/actions/icon-button/icon-button.js +9 -0
  13. package/dist/components/actions/icon-button/icon-button.js.map +1 -1
  14. package/dist/components/actions/icon-button/icon-button.styles.d.ts.map +1 -1
  15. package/dist/components/actions/icon-button/icon-button.styles.js +33 -21
  16. package/dist/components/actions/icon-button/icon-button.styles.js.map +1 -1
  17. package/dist/components/actions/icon-button/icon-button.template.js +1 -1
  18. package/dist/components/actions/icon-button/icon-button.template.js.map +1 -1
  19. package/dist/components/actions/link/link.styles.d.ts.map +1 -1
  20. package/dist/components/actions/link/link.styles.js +4 -2
  21. package/dist/components/actions/link/link.styles.js.map +1 -1
  22. package/dist/components/actions/split-button/split-button.styles.d.ts.map +1 -1
  23. package/dist/components/actions/split-button/split-button.styles.js +14 -1
  24. package/dist/components/actions/split-button/split-button.styles.js.map +1 -1
  25. package/dist/components/actions/split-button/split-button.template.d.ts.map +1 -1
  26. package/dist/components/actions/split-button/split-button.template.js +1 -0
  27. package/dist/components/actions/split-button/split-button.template.js.map +1 -1
  28. package/dist/components/actions/toolbar/toolbar.styles.d.ts.map +1 -1
  29. package/dist/components/actions/toolbar/toolbar.styles.js +3 -2
  30. package/dist/components/actions/toolbar/toolbar.styles.js.map +1 -1
  31. package/dist/components/components.js +83 -24795
  32. package/dist/components/content/blockquote/blockquote.styles.d.ts.map +1 -1
  33. package/dist/components/content/blockquote/blockquote.styles.js +1 -0
  34. package/dist/components/content/blockquote/blockquote.styles.js.map +1 -1
  35. package/dist/components/content/code/code.d.ts +58 -0
  36. package/dist/components/content/code/code.d.ts.map +1 -0
  37. package/dist/components/content/code/code.js +155 -0
  38. package/dist/components/content/code/code.js.map +1 -0
  39. package/dist/components/content/code/code.styles.d.ts +2 -0
  40. package/dist/components/content/code/code.styles.d.ts.map +1 -0
  41. package/dist/components/content/code/code.styles.js +105 -0
  42. package/dist/components/content/code/code.styles.js.map +1 -0
  43. package/dist/components/content/code/code.template.d.ts +4 -0
  44. package/dist/components/content/code/code.template.d.ts.map +1 -0
  45. package/dist/components/content/code/code.template.js +18 -0
  46. package/dist/components/content/code/code.template.js.map +1 -0
  47. package/dist/components/content/keyboard-shortcut/keyboard-shortcut.styles.d.ts.map +1 -1
  48. package/dist/components/content/keyboard-shortcut/keyboard-shortcut.styles.js +1 -0
  49. package/dist/components/content/keyboard-shortcut/keyboard-shortcut.styles.js.map +1 -1
  50. package/dist/components/content/tag/tag.styles.d.ts.map +1 -1
  51. package/dist/components/content/tag/tag.styles.js +1 -0
  52. package/dist/components/content/tag/tag.styles.js.map +1 -1
  53. package/dist/components/content/tooltip/tooltip.styles.d.ts.map +1 -1
  54. package/dist/components/content/tooltip/tooltip.styles.js +2 -1
  55. package/dist/components/content/tooltip/tooltip.styles.js.map +1 -1
  56. package/dist/components/forms/form-field/form-field.styles.d.ts.map +1 -1
  57. package/dist/components/forms/form-field/form-field.styles.js +8 -4
  58. package/dist/components/forms/form-field/form-field.styles.js.map +1 -1
  59. package/dist/components/index-DMYkp2tq.js +26919 -0
  60. package/dist/components/index.d.ts +2 -0
  61. package/dist/components/index.d.ts.map +1 -1
  62. package/dist/components/index.js +2 -0
  63. package/dist/components/index.js.map +1 -1
  64. package/dist/components/inputs/checkbox/checkbox.styles.d.ts.map +1 -1
  65. package/dist/components/inputs/checkbox/checkbox.styles.js +11 -9
  66. package/dist/components/inputs/checkbox/checkbox.styles.js.map +1 -1
  67. package/dist/components/inputs/code-editor/code-editor.d.ts +77 -0
  68. package/dist/components/inputs/code-editor/code-editor.d.ts.map +1 -0
  69. package/dist/components/inputs/code-editor/code-editor.js +163 -0
  70. package/dist/components/inputs/code-editor/code-editor.js.map +1 -0
  71. package/dist/components/inputs/code-editor/code-editor.styles.d.ts +2 -0
  72. package/dist/components/inputs/code-editor/code-editor.styles.d.ts.map +1 -0
  73. package/dist/components/inputs/code-editor/code-editor.styles.js +110 -0
  74. package/dist/components/inputs/code-editor/code-editor.styles.js.map +1 -0
  75. package/dist/components/inputs/code-editor/code-editor.template.d.ts +4 -0
  76. package/dist/components/inputs/code-editor/code-editor.template.d.ts.map +1 -0
  77. package/dist/components/inputs/code-editor/code-editor.template.js +24 -0
  78. package/dist/components/inputs/code-editor/code-editor.template.js.map +1 -0
  79. package/dist/components/inputs/combo-box/combo-box.styles.d.ts.map +1 -1
  80. package/dist/components/inputs/combo-box/combo-box.styles.js +2 -1
  81. package/dist/components/inputs/combo-box/combo-box.styles.js.map +1 -1
  82. package/dist/components/inputs/combo-box/combo-box.template.d.ts.map +1 -1
  83. package/dist/components/inputs/combo-box/combo-box.template.js +2 -0
  84. package/dist/components/inputs/combo-box/combo-box.template.js.map +1 -1
  85. package/dist/components/inputs/dropdown/dropdown.styles.d.ts.map +1 -1
  86. package/dist/components/inputs/dropdown/dropdown.styles.js +2 -1
  87. package/dist/components/inputs/dropdown/dropdown.styles.js.map +1 -1
  88. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.d.ts.map +1 -1
  89. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.js +2 -1
  90. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.js.map +1 -1
  91. package/dist/components/inputs/number-field/number-field.styles.d.ts.map +1 -1
  92. package/dist/components/inputs/number-field/number-field.styles.js +2 -1
  93. package/dist/components/inputs/number-field/number-field.styles.js.map +1 -1
  94. package/dist/components/inputs/number-field/number-field.template.d.ts.map +1 -1
  95. package/dist/components/inputs/number-field/number-field.template.js +2 -0
  96. package/dist/components/inputs/number-field/number-field.template.js.map +1 -1
  97. package/dist/components/inputs/password-field/password-field.styles.d.ts.map +1 -1
  98. package/dist/components/inputs/password-field/password-field.styles.js +2 -1
  99. package/dist/components/inputs/password-field/password-field.styles.js.map +1 -1
  100. package/dist/components/inputs/radio-button/radio-button.styles.d.ts.map +1 -1
  101. package/dist/components/inputs/radio-button/radio-button.styles.js +13 -11
  102. package/dist/components/inputs/radio-button/radio-button.styles.js.map +1 -1
  103. package/dist/components/inputs/segmented-control/segmented-control.styles.d.ts.map +1 -1
  104. package/dist/components/inputs/segmented-control/segmented-control.styles.js +8 -5
  105. package/dist/components/inputs/segmented-control/segmented-control.styles.js.map +1 -1
  106. package/dist/components/inputs/stepper/stepper.template.d.ts.map +1 -1
  107. package/dist/components/inputs/stepper/stepper.template.js +2 -0
  108. package/dist/components/inputs/stepper/stepper.template.js.map +1 -1
  109. package/dist/components/inputs/switch/switch.styles.d.ts.map +1 -1
  110. package/dist/components/inputs/switch/switch.styles.js +4 -3
  111. package/dist/components/inputs/switch/switch.styles.js.map +1 -1
  112. package/dist/components/inputs/text-field/text-field.styles.d.ts.map +1 -1
  113. package/dist/components/inputs/text-field/text-field.styles.js +2 -1
  114. package/dist/components/inputs/text-field/text-field.styles.js.map +1 -1
  115. package/dist/components/inputs/toggle-button/toggle-button.styles.d.ts.map +1 -1
  116. package/dist/components/inputs/toggle-button/toggle-button.styles.js +12 -8
  117. package/dist/components/inputs/toggle-button/toggle-button.styles.js.map +1 -1
  118. package/dist/components/inputs/token/token.styles.d.ts.map +1 -1
  119. package/dist/components/inputs/token/token.styles.js +10 -6
  120. package/dist/components/inputs/token/token.styles.js.map +1 -1
  121. package/dist/components/inputs/token/token.template.d.ts.map +1 -1
  122. package/dist/components/inputs/token/token.template.js +1 -0
  123. package/dist/components/inputs/token/token.template.js.map +1 -1
  124. package/dist/components/layout/app-view/app-view.d.ts +7 -0
  125. package/dist/components/layout/app-view/app-view.d.ts.map +1 -1
  126. package/dist/components/layout/app-view/app-view.js +13 -1
  127. package/dist/components/layout/app-view/app-view.js.map +1 -1
  128. package/dist/components/layout/page/page.styles.d.ts.map +1 -1
  129. package/dist/components/layout/page/page.styles.js +2 -0
  130. package/dist/components/layout/page/page.styles.js.map +1 -1
  131. package/dist/components/layout/sheet/sheet.d.ts +4 -0
  132. package/dist/components/layout/sheet/sheet.d.ts.map +1 -1
  133. package/dist/components/layout/sheet/sheet.js +7 -0
  134. package/dist/components/layout/sheet/sheet.js.map +1 -1
  135. package/dist/components/layout/sheet/sheet.styles.d.ts.map +1 -1
  136. package/dist/components/layout/sheet/sheet.styles.js +20 -1
  137. package/dist/components/layout/sheet/sheet.styles.js.map +1 -1
  138. package/dist/components/lists-and-menus/cells/cell/cell.styles.d.ts.map +1 -1
  139. package/dist/components/lists-and-menus/cells/cell/cell.styles.js +10 -5
  140. package/dist/components/lists-and-menus/cells/cell/cell.styles.js.map +1 -1
  141. package/dist/components/lists-and-menus/cells/description-cell/description-cell.styles.d.ts.map +1 -1
  142. package/dist/components/lists-and-menus/cells/description-cell/description-cell.styles.js +9 -4
  143. package/dist/components/lists-and-menus/cells/description-cell/description-cell.styles.js.map +1 -1
  144. package/dist/components/lists-and-menus/cells/text-cell/text-cell.styles.d.ts.map +1 -1
  145. package/dist/components/lists-and-menus/cells/text-cell/text-cell.styles.js +9 -4
  146. package/dist/components/lists-and-menus/cells/text-cell/text-cell.styles.js.map +1 -1
  147. package/dist/components/lists-and-menus/cells/title-cell/title-cell.styles.d.ts.map +1 -1
  148. package/dist/components/lists-and-menus/cells/title-cell/title-cell.styles.js +9 -4
  149. package/dist/components/lists-and-menus/cells/title-cell/title-cell.styles.js.map +1 -1
  150. package/dist/components/lists-and-menus/list/list.styles.d.ts.map +1 -1
  151. package/dist/components/lists-and-menus/list/list.styles.js +4 -3
  152. package/dist/components/lists-and-menus/list/list.styles.js.map +1 -1
  153. package/dist/components/lists-and-menus/list-item/list-item.styles.d.ts.map +1 -1
  154. package/dist/components/lists-and-menus/list-item/list-item.styles.js +23 -18
  155. package/dist/components/lists-and-menus/list-item/list-item.styles.js.map +1 -1
  156. package/dist/components/lists-and-menus/menu/menu.styles.d.ts.map +1 -1
  157. package/dist/components/lists-and-menus/menu/menu.styles.js +9 -7
  158. package/dist/components/lists-and-menus/menu/menu.styles.js.map +1 -1
  159. package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.d.ts.map +1 -1
  160. package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.js +20 -11
  161. package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.js.map +1 -1
  162. package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.d.ts.map +1 -1
  163. package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.js +9 -4
  164. package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.js.map +1 -1
  165. package/dist/components/navigation/pagination/pagination.styles.d.ts.map +1 -1
  166. package/dist/components/navigation/pagination/pagination.styles.js +10 -3
  167. package/dist/components/navigation/pagination/pagination.styles.js.map +1 -1
  168. package/dist/components/navigation/skip-link/skip-link.styles.d.ts.map +1 -1
  169. package/dist/components/navigation/skip-link/skip-link.styles.js +1 -0
  170. package/dist/components/navigation/skip-link/skip-link.styles.js.map +1 -1
  171. package/dist/components/navigation/tab-bar/tab-bar.styles.d.ts.map +1 -1
  172. package/dist/components/navigation/tab-bar/tab-bar.styles.js +9 -3
  173. package/dist/components/navigation/tab-bar/tab-bar.styles.js.map +1 -1
  174. package/dist/components/navigation/top-title-bar/top-title-bar.d.ts +5 -0
  175. package/dist/components/navigation/top-title-bar/top-title-bar.d.ts.map +1 -1
  176. package/dist/components/navigation/top-title-bar/top-title-bar.js +19 -7
  177. package/dist/components/navigation/top-title-bar/top-title-bar.js.map +1 -1
  178. package/dist/components/prism-bash-vbqaw3JR.js +226 -0
  179. package/dist/components/prism-css-B93tXdOU.js +59 -0
  180. package/dist/components/prism-javascript-DeC_17Pw.js +140 -0
  181. package/dist/components/prism-json-DIMpow89.js +25 -0
  182. package/dist/components/prism-markdown-D-uFBkiz.js +339 -0
  183. package/dist/components/prism-markup-DfJYPYHA.js +177 -0
  184. package/dist/components/prism-typescript-9LDqHHRS.js +87 -0
  185. package/dist/components/prism-yaml-DO0f9pf6.js +71 -0
  186. package/dist/components/status-and-feedback/badge/badge.styles.d.ts.map +1 -1
  187. package/dist/components/status-and-feedback/badge/badge.styles.js +1 -0
  188. package/dist/components/status-and-feedback/badge/badge.styles.js.map +1 -1
  189. package/dist/components/status-and-feedback/inline-dialog/inline-dialog.styles.d.ts.map +1 -1
  190. package/dist/components/status-and-feedback/inline-dialog/inline-dialog.styles.js +6 -5
  191. package/dist/components/status-and-feedback/inline-dialog/inline-dialog.styles.js.map +1 -1
  192. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.styles.d.ts.map +1 -1
  193. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.styles.js +2 -1
  194. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.styles.js.map +1 -1
  195. package/dist/css/settings.css +70 -1
  196. package/package.json +12 -2
@@ -5,15 +5,16 @@ export const cellStyles = css `
5
5
  /* # Host */
6
6
 
7
7
  :host {
8
+ --_width: auto;
9
+ --_min-width: 0;
10
+ --_max-width: none;
11
+ --_min-height: 0;
12
+
8
13
  display: flex;
9
14
  flex-direction: column;
10
15
  align-items: stretch;
11
16
  flex-shrink: 0;
12
17
  justify-content: center;
13
- --_width: auto;
14
- --_min-width: 0;
15
- --_max-width: none;
16
- --_min-height: 0;
17
18
  width: var(--_width);
18
19
  min-width: var(--_min-width);
19
20
  max-width: var(--_max-width);
@@ -30,12 +31,12 @@ export const cellStyles = css `
30
31
  :host([width='stretch']) {
31
32
  flex-grow: 1;
32
33
  flex-shrink: 1;
33
- min-width: 0;
34
34
  }
35
35
 
36
36
  :host([width='fit-content']),
37
37
  :host(:not([width])) {
38
38
  flex-grow: 0;
39
+ flex-basis: auto;
39
40
  width: fit-content;
40
41
  }
41
42
 
@@ -43,6 +44,10 @@ export const cellStyles = css `
43
44
  flex-shrink: 0;
44
45
  }
45
46
 
47
+ :host([max-width]) {
48
+ flex-basis: var(--_max-width);
49
+ }
50
+
46
51
 
47
52
  /* # Vertical alignment
48
53
  *
@@ -1 +1 @@
1
- {"version":3,"file":"cell.styles.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/cell/cell.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwE5B,CAAC"}
1
+ {"version":3,"file":"cell.styles.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/cell/cell.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6E5B,CAAC"}
@@ -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,yBAgGjC,CAAC"}
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,yBAqGjC,CAAC"}
@@ -5,13 +5,14 @@ export const descriptionCellStyles = css `
5
5
  /* # Host */
6
6
 
7
7
  :host {
8
- display: flex;
9
- flex-direction: column;
10
- justify-content: center;
11
8
  --_width: auto;
12
9
  --_min-width: 0;
13
10
  --_max-width: none;
14
11
  --_min-height: 0;
12
+
13
+ display: flex;
14
+ flex-direction: column;
15
+ justify-content: center;
15
16
  width: var(--_width);
16
17
  min-width: var(--_min-width);
17
18
  max-width: var(--_max-width);
@@ -28,7 +29,7 @@ export const descriptionCellStyles = css `
28
29
  :host([width='stretch']),
29
30
  :host(:not([width])) {
30
31
  flex-grow: 1;
31
- min-width: 0;
32
+ flex-shrink: 1;
32
33
  }
33
34
 
34
35
  :host([width='fit-content']) {
@@ -42,6 +43,10 @@ export const descriptionCellStyles = css `
42
43
  flex-shrink: 0;
43
44
  }
44
45
 
46
+ :host([max-width]) {
47
+ flex-basis: var(--_max-width);
48
+ }
49
+
45
50
 
46
51
  /* # Vertical alignment
47
52
  *
@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgGvC,CAAC"}
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqGvC,CAAC"}
@@ -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,yBAqL1B,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,yBA0L1B,CAAC"}
@@ -5,13 +5,14 @@ export const textCellStyles = css `
5
5
  /* # Host */
6
6
 
7
7
  :host {
8
- display: flex;
9
- flex-direction: column;
10
- justify-content: center;
11
8
  --_width: auto;
12
9
  --_min-width: 0;
13
10
  --_max-width: none;
14
11
  --_min-height: 0;
12
+
13
+ display: flex;
14
+ flex-direction: column;
15
+ justify-content: center;
15
16
  width: var(--_width);
16
17
  min-width: var(--_min-width);
17
18
  max-width: var(--_max-width);
@@ -28,7 +29,7 @@ export const textCellStyles = css `
28
29
  :host([width='stretch']),
29
30
  :host(:not([width])) {
30
31
  flex-grow: 1;
31
- min-width: 0;
32
+ flex-shrink: 1;
32
33
  }
33
34
 
34
35
  :host([width='fit-content']) {
@@ -42,6 +43,10 @@ export const textCellStyles = css `
42
43
  flex-shrink: 0;
43
44
  }
44
45
 
46
+ :host([max-width]) {
47
+ flex-basis: var(--_max-width);
48
+ }
49
+
45
50
 
46
51
  /* # Vertical alignment
47
52
  *
@@ -1 +1 @@
1
- {"version":3,"file":"text-cell.styles.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/text-cell/text-cell.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqLhC,CAAC"}
1
+ {"version":3,"file":"text-cell.styles.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/text-cell/text-cell.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0LhC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"title-cell.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/title-cell/title-cell.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,yBAgL3B,CAAC"}
1
+ {"version":3,"file":"title-cell.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/title-cell/title-cell.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,yBAqL3B,CAAC"}
@@ -5,13 +5,14 @@ export const titleCellStyles = css `
5
5
  /* # Host */
6
6
 
7
7
  :host {
8
- display: flex;
9
- flex-direction: column;
10
- justify-content: center;
11
8
  --_width: auto;
12
9
  --_min-width: 0;
13
10
  --_max-width: none;
14
11
  --_min-height: 0;
12
+
13
+ display: flex;
14
+ flex-direction: column;
15
+ justify-content: center;
15
16
  width: var(--_width);
16
17
  min-width: var(--_min-width);
17
18
  max-width: var(--_max-width);
@@ -28,7 +29,7 @@ export const titleCellStyles = css `
28
29
  :host([width='stretch']),
29
30
  :host(:not([width])) {
30
31
  flex-grow: 1;
31
- min-width: 0;
32
+ flex-shrink: 1;
32
33
  }
33
34
 
34
35
  :host([width='fit-content']) {
@@ -42,6 +43,10 @@ export const titleCellStyles = css `
42
43
  flex-shrink: 0;
43
44
  }
44
45
 
46
+ :host([max-width]) {
47
+ flex-basis: var(--_max-width);
48
+ }
49
+
45
50
 
46
51
  /* # Vertical alignment
47
52
  *
@@ -1 +1 @@
1
- {"version":3,"file":"title-cell.styles.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/title-cell/title-cell.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgLjC,CAAC"}
1
+ {"version":3,"file":"title-cell.styles.js","sourceRoot":"","sources":["../../../../../src/components/lists-and-menus/cells/title-cell/title-cell.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqLjC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"list.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/lists-and-menus/list/list.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,yBA2HtB,CAAC"}
1
+ {"version":3,"file":"list.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/lists-and-menus/list/list.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,yBA4HtB,CAAC"}
@@ -5,15 +5,16 @@ export const listStyles = css `
5
5
  /* # Host */
6
6
 
7
7
  :host {
8
- display: block;
9
- position: relative;
10
- isolation: isolate;
11
8
  --_drag-clone-top: 0px;
12
9
  --_drag-clone-left: 0px;
13
10
  --_drag-clone-width: 0px;
14
11
  --_drag-clone-height: 0px;
15
12
  --_drag-clone-opacity: 0.95;
16
13
  --_drag-clone-z-index: 100;
14
+
15
+ display: block;
16
+ position: relative;
17
+ isolation: isolate;
17
18
  }
18
19
 
19
20
 
@@ -1 +1 @@
1
- {"version":3,"file":"list.styles.js","sourceRoot":"","sources":["../../../../src/components/lists-and-menus/list/list.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2H5B,CAAC"}
1
+ {"version":3,"file":"list.styles.js","sourceRoot":"","sources":["../../../../src/components/lists-and-menus/list/list.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4H5B,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"list-item.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/lists-and-menus/list-item/list-item.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,yBAsP1B,CAAC"}
1
+ {"version":3,"file":"list-item.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/lists-and-menus/list-item/list-item.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,yBA2P1B,CAAC"}
@@ -5,16 +5,17 @@ export const listItemStyles = css `
5
5
  /* # Host */
6
6
 
7
7
  :host {
8
- display: block;
9
- width: 100%;
10
- -webkit-tap-highlight-color: transparent;
11
- container-type: inline-size;
12
- container-name: list-item;
13
8
  --_background-color: transparent;
14
9
  --_z-index-content: 0;
15
10
  --_z-index-focus: 1;
16
11
  --_z-index-indicator: calc(var(--_z-index-content) - 1);
17
12
  --_focus-outline-offset: 6px;
13
+
14
+ display: block;
15
+ width: 100%;
16
+ -webkit-tap-highlight-color: transparent;
17
+ container-type: inline-size;
18
+ container-name: list-item;
18
19
  }
19
20
 
20
21
  :host([hidden]) {
@@ -129,17 +130,26 @@ export const listItemStyles = css `
129
130
  pointer-events: none;
130
131
  }
131
132
 
132
- .list-item__action:hover {
133
- --_background-color: var(--components-list-item-is-hovered-background-color);
134
- --context-cell-content-color: var(--components-list-item-is-hovered-content-color);
135
- }
133
+ /* Hover rules only on hover-capable devices: prevents touch-scrolling
134
+ * from briefly flashing the hover state on the row under the finger. */
135
+ @media (hover: hover) {
136
+ .list-item__action:hover {
137
+ --_background-color: var(--components-list-item-is-hovered-background-color);
138
+ --context-cell-content-color: var(--components-list-item-is-hovered-content-color);
139
+ }
136
140
 
137
- :host([selected]) .list-item__action {
138
- --_background-color: var(--components-list-item-is-selected-background-color);
139
- --context-cell-content-color: var(--components-list-item-is-selected-content-color);
141
+ :host([selected]) .list-item__action:hover {
142
+ --_background-color: var(--components-list-item-is-selected-background-color);
143
+ --context-cell-content-color: var(--components-list-item-is-selected-content-color);
144
+ }
145
+
146
+ :host([selected]) .list-item__action:focus:hover {
147
+ --_background-color: var(--components-list-item-is-highlighted-background-color);
148
+ --context-cell-content-color: var(--components-list-item-is-highlighted-content-color);
149
+ }
140
150
  }
141
151
 
142
- :host([selected]) .list-item__action:hover {
152
+ :host([selected]) .list-item__action {
143
153
  --_background-color: var(--components-list-item-is-selected-background-color);
144
154
  --context-cell-content-color: var(--components-list-item-is-selected-content-color);
145
155
  }
@@ -149,11 +159,6 @@ export const listItemStyles = css `
149
159
  --context-cell-content-color: var(--components-list-item-is-highlighted-content-color);
150
160
  }
151
161
 
152
- :host([selected]) .list-item__action:focus:hover {
153
- --_background-color: var(--components-list-item-is-highlighted-background-color);
154
- --context-cell-content-color: var(--components-list-item-is-highlighted-content-color);
155
- }
156
-
157
162
 
158
163
  /* ## Focus */
159
164
 
@@ -1 +1 @@
1
- {"version":3,"file":"list-item.styles.js","sourceRoot":"","sources":["../../../../src/components/lists-and-menus/list-item/list-item.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsPhC,CAAC"}
1
+ {"version":3,"file":"list-item.styles.js","sourceRoot":"","sources":["../../../../src/components/lists-and-menus/list-item/list-item.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2PhC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"menu.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/lists-and-menus/menu/menu.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,yBA8DtB,CAAC;AAEF,eAAO,MAAM,cAAc,yBAuF1B,CAAC;AAEF,eAAO,MAAM,iBAAiB,yBAqB7B,CAAC"}
1
+ {"version":3,"file":"menu.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/lists-and-menus/menu/menu.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,yBAgEtB,CAAC;AAEF,eAAO,MAAM,cAAc,yBAuF1B,CAAC;AAEF,eAAO,MAAM,iBAAiB,yBAqB7B,CAAC"}
@@ -5,23 +5,25 @@ export const menuStyles = css `
5
5
  /* # Host */
6
6
 
7
7
  :host {
8
- display: block;
9
- padding: 0;
10
- border: none;
11
- background: transparent;
12
- margin: 0;
13
- position: absolute;
14
- overflow: visible;
15
8
  --_viewport-margin: 16px;
16
9
  --_menu-width: var(--primitives-area-280);
17
10
  --_menu-max-height: calc(infinity * 1px);
18
11
  --_menu-max-items: 9999;
19
12
  --_menu-item-size: var(--semantics-controls-md-min-size);
20
13
  --_menu-padding: var(--primitives-space-8);
14
+
21
15
  @media (pointer: fine) {
22
16
  --_menu-item-size: var(--semantics-controls-sm-min-size);
23
17
  --_menu-padding: var(--primitives-space-6);
24
18
  }
19
+
20
+ display: block;
21
+ padding: 0;
22
+ border: none;
23
+ background: transparent;
24
+ margin: 0;
25
+ position: absolute;
26
+ overflow: visible;
25
27
  -webkit-tap-highlight-color: transparent;
26
28
  }
27
29
 
@@ -1 +1 @@
1
- {"version":3,"file":"menu.styles.js","sourceRoot":"","sources":["../../../../src/components/lists-and-menus/menu/menu.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8D5B,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuFhC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;CAqBnC,CAAC"}
1
+ {"version":3,"file":"menu.styles.js","sourceRoot":"","sources":["../../../../src/components/lists-and-menus/menu/menu.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgE5B,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuFhC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;CAqBnC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"document-tab-bar.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/document-tab-bar/document-tab-bar.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB,yBAsMhC,CAAC;AAEF,eAAO,MAAM,wBAAwB,yBAkNpC,CAAC"}
1
+ {"version":3,"file":"document-tab-bar.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/document-tab-bar/document-tab-bar.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB,yBAuMhC,CAAC;AAEF,eAAO,MAAM,wBAAwB,yBA0NpC,CAAC"}
@@ -5,9 +5,6 @@ export const documentTabBarStyles = css `
5
5
  /* # Host */
6
6
 
7
7
  :host {
8
- display: block;
9
- position: relative;
10
- isolation: isolate;
11
8
  --_drag-clone-top: 0px;
12
9
  --_drag-clone-left: 0px;
13
10
  --_drag-clone-width: 0px;
@@ -17,6 +14,10 @@ export const documentTabBarStyles = css `
17
14
  --_short-text-threshold: 200px;
18
15
  --_item-min-width: 100px;
19
16
  --_overflow-button-reserve: 52px; /* Used for overflowButtonReserve. Overflow button width + spacing */
17
+
18
+ display: block;
19
+ position: relative;
20
+ isolation: isolate;
20
21
  -webkit-tap-highlight-color: transparent;
21
22
  }
22
23
 
@@ -250,8 +251,10 @@ export const documentTabBarItemStyles = css `
250
251
  text-decoration: none;
251
252
  }
252
253
 
253
- .document-tab-bar__item-tab:hover {
254
- background-color: var(--semantics-buttons-neutral-tinted-is-hovered-background-color);
254
+ @media (hover: hover) {
255
+ .document-tab-bar__item-tab:hover {
256
+ background-color: var(--semantics-buttons-neutral-tinted-is-hovered-background-color);
257
+ }
255
258
  }
256
259
 
257
260
  .document-tab-bar__item-tab:active {
@@ -262,8 +265,10 @@ export const documentTabBarItemStyles = css `
262
265
  background-color: var(--semantics-buttons-neutral-tinted-is-selected-background-color);
263
266
  }
264
267
 
265
- :host([selected]) .document-tab-bar__item-tab:hover {
266
- background-color: var(--semantics-buttons-neutral-tinted-is-selected-background-color);
268
+ @media (hover: hover) {
269
+ :host([selected]) .document-tab-bar__item-tab:hover {
270
+ background-color: var(--semantics-buttons-neutral-tinted-is-selected-background-color);
271
+ }
267
272
  }
268
273
 
269
274
  /* ## Focus */
@@ -373,8 +378,10 @@ export const documentTabBarItemStyles = css `
373
378
  color: var(--semantics-buttons-neutral-tinted-content-color);
374
379
  }
375
380
 
376
- .document-tab-bar__item-dismiss-button:hover {
377
- background-color: var(--primitives-color-neutral-150);
381
+ @media (hover: hover) {
382
+ .document-tab-bar__item-dismiss-button:hover {
383
+ background-color: var(--primitives-color-neutral-150);
384
+ }
378
385
  }
379
386
 
380
387
  .document-tab-bar__item-dismiss-button:active {
@@ -385,8 +392,10 @@ export const documentTabBarItemStyles = css `
385
392
  color: var(--semantics-buttons-neutral-tinted-is-selected-content-color);
386
393
  }
387
394
 
388
- :host([selected]) .document-tab-bar__item-dismiss-button:hover {
389
- background-color: var(--primitives-color-accent-650);
395
+ @media (hover: hover) {
396
+ :host([selected]) .document-tab-bar__item-dismiss-button:hover {
397
+ background-color: var(--primitives-color-accent-650);
398
+ }
390
399
  }
391
400
 
392
401
  :host([selected]) .document-tab-bar__item-dismiss-button:active {
@@ -1 +1 @@
1
- {"version":3,"file":"document-tab-bar.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/document-tab-bar/document-tab-bar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsMtC,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkN1C,CAAC"}
1
+ {"version":3,"file":"document-tab-bar.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/document-tab-bar/document-tab-bar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuMtC,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0N1C,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"menu-bar-item.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/menu-bar-item/menu-bar-item.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,yBAyK7B,CAAC"}
1
+ {"version":3,"file":"menu-bar-item.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/menu-bar-item/menu-bar-item.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,yBA8K7B,CAAC"}
@@ -8,6 +8,7 @@ export const menuBarItemStyles = css `
8
8
  --_indicator-z-index: 0;
9
9
  --_content-z-index: 1;
10
10
  --_focus-z-index: 1;
11
+
11
12
  display: inline-block;
12
13
  position: relative;
13
14
  isolation: isolate;
@@ -59,16 +60,20 @@ export const menuBarItemStyles = css `
59
60
  z-index: var(--_indicator-z-index);
60
61
  }
61
62
 
62
- .menu-bar-item:hover::before {
63
- background-color: var(--components-menu-bar-item-is-hovered-indicator-background-color);
63
+ @media (hover: hover) {
64
+ .menu-bar-item:hover::before {
65
+ background-color: var(--components-menu-bar-item-is-hovered-indicator-background-color);
66
+ }
64
67
  }
65
68
 
66
69
  :host([open]) .menu-bar-item::before {
67
70
  background-color: var(--components-menu-bar-item-is-open-indicator-background-color);
68
71
  }
69
72
 
70
- :host([open]) .menu-bar-item:hover::before {
71
- background-color: var(--components-menu-bar-item-is-hovered-indicator-background-color);
73
+ @media (hover: hover) {
74
+ :host([open]) .menu-bar-item:hover::before {
75
+ background-color: var(--components-menu-bar-item-is-hovered-indicator-background-color);
76
+ }
72
77
  }
73
78
 
74
79
  /* ## Current indicator (::after) */
@@ -1 +1 @@
1
- {"version":3,"file":"menu-bar-item.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/menu-bar-item/menu-bar-item.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyKnC,CAAC"}
1
+ {"version":3,"file":"menu-bar-item.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/menu-bar-item/menu-bar-item.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8KnC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"pagination.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/pagination/pagination.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,yBAgO5B,CAAC"}
1
+ {"version":3,"file":"pagination.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/pagination/pagination.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,yBAuO5B,CAAC"}
@@ -60,11 +60,16 @@ export const paginationStyles = css `
60
60
  text-decoration: none;
61
61
  }
62
62
 
63
- .pagination__page-button:hover,
64
63
  .pagination__page-button:focus-visible {
65
64
  z-index: 1;
66
65
  }
67
66
 
67
+ @media (hover: hover) {
68
+ .pagination__page-button:hover {
69
+ z-index: 1;
70
+ }
71
+ }
72
+
68
73
  .pagination__page-button:focus-visible {
69
74
  outline: none;
70
75
  }
@@ -85,8 +90,10 @@ export const paginationStyles = css `
85
90
  pointer-events: none;
86
91
  }
87
92
 
88
- .pagination__page-button:hover:not(.is-current)::before {
89
- background-color: var(--semantics-buttons-neutral-tinted-is-hovered-background-color);
93
+ @media (hover: hover) {
94
+ .pagination__page-button:hover:not(.is-current)::before {
95
+ background-color: var(--semantics-buttons-neutral-tinted-is-hovered-background-color);
96
+ }
90
97
  }
91
98
 
92
99
  .pagination__page-button.is-current::before {
@@ -1 +1 @@
1
- {"version":3,"file":"pagination.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/pagination/pagination.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgOlC,CAAC"}
1
+ {"version":3,"file":"pagination.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/pagination/pagination.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuOlC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"skip-link.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/skip-link/skip-link.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc,yBAkE1B,CAAC"}
1
+ {"version":3,"file":"skip-link.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/skip-link/skip-link.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc,yBAmE1B,CAAC"}
@@ -9,6 +9,7 @@ export const skipLinkStyles = css `
9
9
  --_box-shadow: var(--primitives-box-shadows-level-3);
10
10
  --_focus-box-shadow: inset var(--semantics-focus-ring-box-shadow);
11
11
  --_focus-outline-offset: -6px;
12
+
12
13
  display: block;
13
14
  position: relative;
14
15
  }
@@ -1 +1 @@
1
- {"version":3,"file":"skip-link.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/skip-link/skip-link.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1B,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkEhC,CAAC"}
1
+ {"version":3,"file":"skip-link.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/skip-link/skip-link.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1B,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmEhC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"tab-bar.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/tab-bar/tab-bar.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,YAAY,yBAqDxB,CAAC;AAEF,eAAO,MAAM,gBAAgB,yBAuK5B,CAAC"}
1
+ {"version":3,"file":"tab-bar.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/tab-bar/tab-bar.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,YAAY,yBAyDxB,CAAC;AAEF,eAAO,MAAM,gBAAgB,yBAyK5B,CAAC"}
@@ -28,10 +28,14 @@ export const tabBarStyles = css `
28
28
  .tab-bar {
29
29
  display: flex;
30
30
  flex-direction: row;
31
- justify-content: center;
31
+ justify-content: flex-start;
32
32
  align-items: center;
33
33
  }
34
34
 
35
+ :host([full-width]) .tab-bar {
36
+ justify-content: center;
37
+ }
38
+
35
39
  .tab-bar__items {
36
40
  display: flex;
37
41
  flex-direction: row;
@@ -151,8 +155,10 @@ export const tabBarItemStyles = css `
151
155
  pointer-events: none;
152
156
  }
153
157
 
154
- .tab-bar__item:hover::before {
155
- background-color: var(--semantics-buttons-neutral-tinted-is-hovered-background-color);
158
+ @media (hover: hover) {
159
+ .tab-bar__item:hover::before {
160
+ background-color: var(--semantics-buttons-neutral-tinted-is-hovered-background-color);
161
+ }
156
162
  }
157
163
 
158
164
  :host([selected]) .tab-bar__item::before {
@@ -1 +1 @@
1
- {"version":3,"file":"tab-bar.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/tab-bar/tab-bar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAEpE,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqD9B,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBA4DZ,KAAK;;;;;;;uCAOW,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBA2FrB,KAAK;;;;uCAIW,KAAK;;;;;CAK3C,CAAC"}
1
+ {"version":3,"file":"tab-bar.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/tab-bar/tab-bar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAEpE,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyD9B,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBA4DZ,KAAK;;;;;;;uCAOW,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBA6FrB,KAAK;;;;uCAIW,KAAK;;;;;CAK3C,CAAC"}
@@ -11,6 +11,10 @@
11
11
  * When `collapse-anchor` is set, the `is-compact` class is automatically applied
12
12
  * as soon as the top of the anchor element reaches the top of the scroll container.
13
13
  *
14
+ * Without `collapse-anchor` the bar takes a static state: compact when `text`
15
+ * is set (so the title shows in the title-group), non-compact otherwise (so
16
+ * the `back-text` button stays visible).
17
+ *
14
18
  * @slot toolbar - Optional buttons to the left of the dismiss button
15
19
  *
16
20
  * @fires back - Fired when the back button is clicked (not fired when back-href is set)
@@ -34,6 +38,7 @@ export declare class NLDDTopTitleBar extends LitElement {
34
38
  connectedCallback(): void;
35
39
  disconnectedCallback(): void;
36
40
  updated(changed: Map<string, unknown>): void;
41
+ private _updateAutoCompact;
37
42
  private _connectPage;
38
43
  private _connectAnchor;
39
44
  private _teardownAnchor;
@@ -1 +1 @@
1
- {"version":3,"file":"top-title-bar.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/top-title-bar/top-title-bar.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAMjC,qBACa,eAAgB,SAAQ,UAAU;IAC9C,OAAgB,MAAM,0BAAqB;IAG3C,IAAI,SAAM;IAGV,cAAc,SAAM;IAGpB,cAAc,SAAM;IAGpB,QAAQ,SAAM;IAGd,QAAQ,SAAM;IAGd,WAAW,SAAM;IAGjB,gBAAgB,UAAS;IAEzB,OAAO,CAAC,YAAY,CAAwB;IAC5C,OAAO,CAAC,cAAc,CAAwB;IAC9C,OAAO,CAAC,mBAAmB,CAA4B;IACvD,OAAO,CAAC,0BAA0B,CAAiC;IACnE,OAAO,CAAC,cAAc,CAA6B;IAE1C,iBAAiB,IAAI,IAAI;IAUzB,oBAAoB,IAAI,IAAI;IAK5B,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAWrD,OAAO,CAAC,YAAY;IAgBpB,OAAO,CAAC,cAAc;IA+BtB,OAAO,CAAC,eAAe;IAQvB,OAAO,CAAC,SAAS;IAOjB,oBAAoB,GAAI,GAAG,KAAK,UAG9B;IAEF,WAAW,IAAI,IAAI;IAKnB,cAAc,IAAI,IAAI;IAIb,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,oBAAoB,EAAE,eAAe,CAAC;KACtC;CACD"}
1
+ {"version":3,"file":"top-title-bar.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/top-title-bar/top-title-bar.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAMjC,qBACa,eAAgB,SAAQ,UAAU;IAC9C,OAAgB,MAAM,0BAAqB;IAG3C,IAAI,SAAM;IAGV,cAAc,SAAM;IAGpB,cAAc,SAAM;IAGpB,QAAQ,SAAM;IAGd,QAAQ,SAAM;IAGd,WAAW,SAAM;IAGjB,gBAAgB,UAAS;IAEzB,OAAO,CAAC,YAAY,CAAwB;IAC5C,OAAO,CAAC,cAAc,CAAwB;IAC9C,OAAO,CAAC,mBAAmB,CAA4B;IACvD,OAAO,CAAC,0BAA0B,CAAiC;IACnE,OAAO,CAAC,cAAc,CAA6B;IAE1C,iBAAiB,IAAI,IAAI;IAOzB,oBAAoB,IAAI,IAAI;IAK5B,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAiBrD,OAAO,CAAC,kBAAkB;IAK1B,OAAO,CAAC,YAAY;IAgBpB,OAAO,CAAC,cAAc;IA+BtB,OAAO,CAAC,eAAe;IAQvB,OAAO,CAAC,SAAS;IAOjB,oBAAoB,GAAI,GAAG,KAAK,UAG9B;IAEF,WAAW,IAAI,IAAI;IAKnB,cAAc,IAAI,IAAI;IAIb,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,oBAAoB,EAAE,eAAe,CAAC;KACtC;CACD"}