@nldd/design-system 0.8.39 → 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 (252) 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 -24189
  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 +3 -0
  61. package/dist/components/index.d.ts.map +1 -1
  62. package/dist/components/index.js +3 -0
  63. package/dist/components/index.js.map +1 -1
  64. package/dist/components/inputs/checkbox/checkbox.d.ts +9 -1
  65. package/dist/components/inputs/checkbox/checkbox.d.ts.map +1 -1
  66. package/dist/components/inputs/checkbox/checkbox.js +22 -1
  67. package/dist/components/inputs/checkbox/checkbox.js.map +1 -1
  68. package/dist/components/inputs/checkbox/checkbox.styles.d.ts.map +1 -1
  69. package/dist/components/inputs/checkbox/checkbox.styles.js +11 -9
  70. package/dist/components/inputs/checkbox/checkbox.styles.js.map +1 -1
  71. package/dist/components/inputs/code-editor/code-editor.d.ts +77 -0
  72. package/dist/components/inputs/code-editor/code-editor.d.ts.map +1 -0
  73. package/dist/components/inputs/code-editor/code-editor.js +163 -0
  74. package/dist/components/inputs/code-editor/code-editor.js.map +1 -0
  75. package/dist/components/inputs/code-editor/code-editor.styles.d.ts +2 -0
  76. package/dist/components/inputs/code-editor/code-editor.styles.d.ts.map +1 -0
  77. package/dist/components/inputs/code-editor/code-editor.styles.js +110 -0
  78. package/dist/components/inputs/code-editor/code-editor.styles.js.map +1 -0
  79. package/dist/components/inputs/code-editor/code-editor.template.d.ts +4 -0
  80. package/dist/components/inputs/code-editor/code-editor.template.d.ts.map +1 -0
  81. package/dist/components/inputs/code-editor/code-editor.template.js +24 -0
  82. package/dist/components/inputs/code-editor/code-editor.template.js.map +1 -0
  83. package/dist/components/inputs/combo-box/combo-box.d.ts +7 -0
  84. package/dist/components/inputs/combo-box/combo-box.d.ts.map +1 -1
  85. package/dist/components/inputs/combo-box/combo-box.js +34 -1
  86. package/dist/components/inputs/combo-box/combo-box.js.map +1 -1
  87. package/dist/components/inputs/combo-box/combo-box.styles.d.ts.map +1 -1
  88. package/dist/components/inputs/combo-box/combo-box.styles.js +2 -1
  89. package/dist/components/inputs/combo-box/combo-box.styles.js.map +1 -1
  90. package/dist/components/inputs/combo-box/combo-box.template.d.ts.map +1 -1
  91. package/dist/components/inputs/combo-box/combo-box.template.js +2 -0
  92. package/dist/components/inputs/combo-box/combo-box.template.js.map +1 -1
  93. package/dist/components/inputs/dropdown/dropdown.styles.d.ts.map +1 -1
  94. package/dist/components/inputs/dropdown/dropdown.styles.js +2 -1
  95. package/dist/components/inputs/dropdown/dropdown.styles.js.map +1 -1
  96. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.d.ts +74 -0
  97. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.d.ts.map +1 -0
  98. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.js +175 -0
  99. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.js.map +1 -0
  100. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.d.ts +2 -0
  101. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.d.ts.map +1 -0
  102. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.js +175 -0
  103. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.js.map +1 -0
  104. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.template.d.ts +5 -0
  105. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.template.d.ts.map +1 -0
  106. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.template.js +48 -0
  107. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.template.js.map +1 -0
  108. package/dist/components/inputs/number-field/number-field.d.ts +6 -0
  109. package/dist/components/inputs/number-field/number-field.d.ts.map +1 -1
  110. package/dist/components/inputs/number-field/number-field.js +21 -1
  111. package/dist/components/inputs/number-field/number-field.js.map +1 -1
  112. package/dist/components/inputs/number-field/number-field.styles.d.ts.map +1 -1
  113. package/dist/components/inputs/number-field/number-field.styles.js +2 -1
  114. package/dist/components/inputs/number-field/number-field.styles.js.map +1 -1
  115. package/dist/components/inputs/number-field/number-field.template.d.ts.map +1 -1
  116. package/dist/components/inputs/number-field/number-field.template.js +2 -0
  117. package/dist/components/inputs/number-field/number-field.template.js.map +1 -1
  118. package/dist/components/inputs/password-field/password-field.d.ts +7 -4
  119. package/dist/components/inputs/password-field/password-field.d.ts.map +1 -1
  120. package/dist/components/inputs/password-field/password-field.js +20 -5
  121. package/dist/components/inputs/password-field/password-field.js.map +1 -1
  122. package/dist/components/inputs/password-field/password-field.styles.d.ts.map +1 -1
  123. package/dist/components/inputs/password-field/password-field.styles.js +2 -1
  124. package/dist/components/inputs/password-field/password-field.styles.js.map +1 -1
  125. package/dist/components/inputs/radio-button/radio-button.d.ts +9 -1
  126. package/dist/components/inputs/radio-button/radio-button.d.ts.map +1 -1
  127. package/dist/components/inputs/radio-button/radio-button.js +21 -1
  128. package/dist/components/inputs/radio-button/radio-button.js.map +1 -1
  129. package/dist/components/inputs/radio-button/radio-button.styles.d.ts.map +1 -1
  130. package/dist/components/inputs/radio-button/radio-button.styles.js +13 -11
  131. package/dist/components/inputs/radio-button/radio-button.styles.js.map +1 -1
  132. package/dist/components/inputs/search-field/search-field.d.ts +7 -0
  133. package/dist/components/inputs/search-field/search-field.d.ts.map +1 -1
  134. package/dist/components/inputs/search-field/search-field.js +20 -1
  135. package/dist/components/inputs/search-field/search-field.js.map +1 -1
  136. package/dist/components/inputs/segmented-control/segmented-control.d.ts +8 -0
  137. package/dist/components/inputs/segmented-control/segmented-control.d.ts.map +1 -1
  138. package/dist/components/inputs/segmented-control/segmented-control.js +48 -1
  139. package/dist/components/inputs/segmented-control/segmented-control.js.map +1 -1
  140. package/dist/components/inputs/segmented-control/segmented-control.styles.d.ts.map +1 -1
  141. package/dist/components/inputs/segmented-control/segmented-control.styles.js +8 -5
  142. package/dist/components/inputs/segmented-control/segmented-control.styles.js.map +1 -1
  143. package/dist/components/inputs/stepper/stepper.d.ts +10 -1
  144. package/dist/components/inputs/stepper/stepper.d.ts.map +1 -1
  145. package/dist/components/inputs/stepper/stepper.js +28 -0
  146. package/dist/components/inputs/stepper/stepper.js.map +1 -1
  147. package/dist/components/inputs/stepper/stepper.template.d.ts.map +1 -1
  148. package/dist/components/inputs/stepper/stepper.template.js +2 -0
  149. package/dist/components/inputs/stepper/stepper.template.js.map +1 -1
  150. package/dist/components/inputs/switch/switch.d.ts +9 -1
  151. package/dist/components/inputs/switch/switch.d.ts.map +1 -1
  152. package/dist/components/inputs/switch/switch.js +22 -0
  153. package/dist/components/inputs/switch/switch.js.map +1 -1
  154. package/dist/components/inputs/switch/switch.styles.d.ts.map +1 -1
  155. package/dist/components/inputs/switch/switch.styles.js +4 -3
  156. package/dist/components/inputs/switch/switch.styles.js.map +1 -1
  157. package/dist/components/inputs/text-field/text-field.d.ts +7 -3
  158. package/dist/components/inputs/text-field/text-field.d.ts.map +1 -1
  159. package/dist/components/inputs/text-field/text-field.js +20 -4
  160. package/dist/components/inputs/text-field/text-field.js.map +1 -1
  161. package/dist/components/inputs/text-field/text-field.styles.d.ts.map +1 -1
  162. package/dist/components/inputs/text-field/text-field.styles.js +2 -1
  163. package/dist/components/inputs/text-field/text-field.styles.js.map +1 -1
  164. package/dist/components/inputs/toggle-button/toggle-button.d.ts +9 -2
  165. package/dist/components/inputs/toggle-button/toggle-button.d.ts.map +1 -1
  166. package/dist/components/inputs/toggle-button/toggle-button.js +22 -2
  167. package/dist/components/inputs/toggle-button/toggle-button.js.map +1 -1
  168. package/dist/components/inputs/toggle-button/toggle-button.styles.d.ts.map +1 -1
  169. package/dist/components/inputs/toggle-button/toggle-button.styles.js +12 -8
  170. package/dist/components/inputs/toggle-button/toggle-button.styles.js.map +1 -1
  171. package/dist/components/inputs/token/token.styles.d.ts.map +1 -1
  172. package/dist/components/inputs/token/token.styles.js +10 -6
  173. package/dist/components/inputs/token/token.styles.js.map +1 -1
  174. package/dist/components/inputs/token/token.template.d.ts.map +1 -1
  175. package/dist/components/inputs/token/token.template.js +1 -0
  176. package/dist/components/inputs/token/token.template.js.map +1 -1
  177. package/dist/components/layout/app-view/app-view.d.ts +7 -0
  178. package/dist/components/layout/app-view/app-view.d.ts.map +1 -1
  179. package/dist/components/layout/app-view/app-view.js +13 -1
  180. package/dist/components/layout/app-view/app-view.js.map +1 -1
  181. package/dist/components/layout/page/page.styles.d.ts.map +1 -1
  182. package/dist/components/layout/page/page.styles.js +2 -0
  183. package/dist/components/layout/page/page.styles.js.map +1 -1
  184. package/dist/components/layout/sheet/sheet.d.ts +4 -0
  185. package/dist/components/layout/sheet/sheet.d.ts.map +1 -1
  186. package/dist/components/layout/sheet/sheet.js +7 -0
  187. package/dist/components/layout/sheet/sheet.js.map +1 -1
  188. package/dist/components/layout/sheet/sheet.styles.d.ts.map +1 -1
  189. package/dist/components/layout/sheet/sheet.styles.js +20 -1
  190. package/dist/components/layout/sheet/sheet.styles.js.map +1 -1
  191. package/dist/components/lists-and-menus/cells/cell/cell.styles.d.ts.map +1 -1
  192. package/dist/components/lists-and-menus/cells/cell/cell.styles.js +10 -5
  193. package/dist/components/lists-and-menus/cells/cell/cell.styles.js.map +1 -1
  194. package/dist/components/lists-and-menus/cells/description-cell/description-cell.styles.d.ts.map +1 -1
  195. package/dist/components/lists-and-menus/cells/description-cell/description-cell.styles.js +9 -4
  196. package/dist/components/lists-and-menus/cells/description-cell/description-cell.styles.js.map +1 -1
  197. package/dist/components/lists-and-menus/cells/text-cell/text-cell.styles.d.ts.map +1 -1
  198. package/dist/components/lists-and-menus/cells/text-cell/text-cell.styles.js +9 -4
  199. package/dist/components/lists-and-menus/cells/text-cell/text-cell.styles.js.map +1 -1
  200. package/dist/components/lists-and-menus/cells/title-cell/title-cell.styles.d.ts.map +1 -1
  201. package/dist/components/lists-and-menus/cells/title-cell/title-cell.styles.js +9 -4
  202. package/dist/components/lists-and-menus/cells/title-cell/title-cell.styles.js.map +1 -1
  203. package/dist/components/lists-and-menus/list/list.styles.d.ts.map +1 -1
  204. package/dist/components/lists-and-menus/list/list.styles.js +4 -3
  205. package/dist/components/lists-and-menus/list/list.styles.js.map +1 -1
  206. package/dist/components/lists-and-menus/list-item/list-item.styles.d.ts.map +1 -1
  207. package/dist/components/lists-and-menus/list-item/list-item.styles.js +23 -18
  208. package/dist/components/lists-and-menus/list-item/list-item.styles.js.map +1 -1
  209. package/dist/components/lists-and-menus/menu/menu.styles.d.ts.map +1 -1
  210. package/dist/components/lists-and-menus/menu/menu.styles.js +9 -7
  211. package/dist/components/lists-and-menus/menu/menu.styles.js.map +1 -1
  212. package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.d.ts.map +1 -1
  213. package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.js +20 -11
  214. package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.js.map +1 -1
  215. package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.d.ts.map +1 -1
  216. package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.js +9 -4
  217. package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.js.map +1 -1
  218. package/dist/components/navigation/pagination/pagination.styles.d.ts.map +1 -1
  219. package/dist/components/navigation/pagination/pagination.styles.js +10 -3
  220. package/dist/components/navigation/pagination/pagination.styles.js.map +1 -1
  221. package/dist/components/navigation/skip-link/skip-link.styles.d.ts.map +1 -1
  222. package/dist/components/navigation/skip-link/skip-link.styles.js +1 -0
  223. package/dist/components/navigation/skip-link/skip-link.styles.js.map +1 -1
  224. package/dist/components/navigation/tab-bar/tab-bar.styles.d.ts.map +1 -1
  225. package/dist/components/navigation/tab-bar/tab-bar.styles.js +9 -3
  226. package/dist/components/navigation/tab-bar/tab-bar.styles.js.map +1 -1
  227. package/dist/components/navigation/top-title-bar/top-title-bar.d.ts +5 -0
  228. package/dist/components/navigation/top-title-bar/top-title-bar.d.ts.map +1 -1
  229. package/dist/components/navigation/top-title-bar/top-title-bar.js +19 -7
  230. package/dist/components/navigation/top-title-bar/top-title-bar.js.map +1 -1
  231. package/dist/components/prism-bash-vbqaw3JR.js +226 -0
  232. package/dist/components/prism-css-B93tXdOU.js +59 -0
  233. package/dist/components/prism-javascript-DeC_17Pw.js +140 -0
  234. package/dist/components/prism-json-DIMpow89.js +25 -0
  235. package/dist/components/prism-markdown-D-uFBkiz.js +339 -0
  236. package/dist/components/prism-markup-DfJYPYHA.js +177 -0
  237. package/dist/components/prism-typescript-9LDqHHRS.js +87 -0
  238. package/dist/components/prism-yaml-DO0f9pf6.js +71 -0
  239. package/dist/components/status-and-feedback/badge/badge.styles.d.ts.map +1 -1
  240. package/dist/components/status-and-feedback/badge/badge.styles.js +1 -0
  241. package/dist/components/status-and-feedback/badge/badge.styles.js.map +1 -1
  242. package/dist/components/status-and-feedback/inline-dialog/inline-dialog.styles.d.ts.map +1 -1
  243. package/dist/components/status-and-feedback/inline-dialog/inline-dialog.styles.js +6 -5
  244. package/dist/components/status-and-feedback/inline-dialog/inline-dialog.styles.js.map +1 -1
  245. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.d.ts.map +1 -1
  246. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.js +8 -1
  247. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.js.map +1 -1
  248. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.styles.d.ts.map +1 -1
  249. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.styles.js +2 -1
  250. package/dist/components/status-and-feedback/modal-dialog/modal-dialog.styles.js.map +1 -1
  251. package/dist/css/settings.css +70 -1
  252. package/package.json +16 -2
@@ -1 +1 @@
1
- {"version":3,"file":"button.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button/button.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,yBAiTxB,CAAC"}
1
+ {"version":3,"file":"button.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button/button.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,yBA6TxB,CAAC"}
@@ -119,11 +119,13 @@ export const buttonStyles = css `
119
119
  color: var(--semantics-buttons-neutral-tinted-content-color);
120
120
  }
121
121
 
122
- :host([variant="neutral-tinted"]) .button:hover,
123
- :host([variant="secondary"]) .button:hover,
124
- :host(:not([variant])) .button:hover {
125
- background-color: var(--semantics-buttons-neutral-tinted-is-hovered-background-color);
126
- color: var(--semantics-buttons-neutral-tinted-is-hovered-content-color);
122
+ @media (hover: hover) {
123
+ :host([variant="neutral-tinted"]) .button:hover,
124
+ :host([variant="secondary"]) .button:hover,
125
+ :host(:not([variant])) .button:hover {
126
+ background-color: var(--semantics-buttons-neutral-tinted-is-hovered-background-color);
127
+ color: var(--semantics-buttons-neutral-tinted-is-hovered-content-color);
128
+ }
127
129
  }
128
130
 
129
131
  :host([variant="neutral-tinted"]) .button:active,
@@ -140,8 +142,10 @@ export const buttonStyles = css `
140
142
  color: var(--semantics-buttons-neutral-transparent-content-color);
141
143
  }
142
144
 
143
- :host([variant="neutral-transparent"]) .button:hover {
144
- color: var(--semantics-buttons-neutral-transparent-is-hovered-content-color);
145
+ @media (hover: hover) {
146
+ :host([variant="neutral-transparent"]) .button:hover {
147
+ color: var(--semantics-buttons-neutral-transparent-is-hovered-content-color);
148
+ }
145
149
  }
146
150
 
147
151
  :host([variant="neutral-transparent"]) .button:active {
@@ -156,10 +160,12 @@ export const buttonStyles = css `
156
160
  color: var(--semantics-buttons-accent-filled-content-color);
157
161
  }
158
162
 
159
- :host([variant="accent-filled"]) .button:hover,
160
- :host([variant="primary"]) .button:hover {
161
- background-color: var(--semantics-buttons-accent-filled-is-hovered-background-color);
162
- color: var(--semantics-buttons-accent-filled-is-hovered-content-color);
163
+ @media (hover: hover) {
164
+ :host([variant="accent-filled"]) .button:hover,
165
+ :host([variant="primary"]) .button:hover {
166
+ background-color: var(--semantics-buttons-accent-filled-is-hovered-background-color);
167
+ color: var(--semantics-buttons-accent-filled-is-hovered-content-color);
168
+ }
163
169
  }
164
170
 
165
171
  :host([variant="accent-filled"]) .button:active,
@@ -197,9 +203,11 @@ export const buttonStyles = css `
197
203
  ;
198
204
  }
199
205
 
200
- :host([variant="accent-outlined"]) .button:hover {
201
- color: var(--semantics-buttons-accent-outlined-is-hovered-content-color);
202
- border-color: var(--semantics-buttons-accent-outlined-is-hovered-border-color);
206
+ @media (hover: hover) {
207
+ :host([variant="accent-outlined"]) .button:hover {
208
+ color: var(--semantics-buttons-accent-outlined-is-hovered-content-color);
209
+ border-color: var(--semantics-buttons-accent-outlined-is-hovered-border-color);
210
+ }
203
211
  }
204
212
 
205
213
  :host([variant="accent-outlined"]) .button:active {
@@ -214,8 +222,10 @@ export const buttonStyles = css `
214
222
  color: var(--semantics-buttons-accent-transparent-content-color);
215
223
  }
216
224
 
217
- :host([variant="accent-transparent"]) .button:hover {
218
- color: var(--semantics-buttons-accent-transparent-is-hovered-content-color);
225
+ @media (hover: hover) {
226
+ :host([variant="accent-transparent"]) .button:hover {
227
+ color: var(--semantics-buttons-accent-transparent-is-hovered-content-color);
228
+ }
219
229
  }
220
230
 
221
231
  :host([variant="accent-transparent"]) .button:active {
@@ -230,10 +240,12 @@ export const buttonStyles = css `
230
240
  color: var(--semantics-buttons-critical-tinted-content-color);
231
241
  }
232
242
 
233
- :host([variant="critical-tinted"]) .button:hover,
234
- :host([variant="destructive"]) .button:hover {
235
- background-color: var(--semantics-buttons-critical-tinted-is-hovered-background-color);
236
- color: var(--semantics-buttons-critical-tinted-is-hovered-content-color);
243
+ @media (hover: hover) {
244
+ :host([variant="critical-tinted"]) .button:hover,
245
+ :host([variant="destructive"]) .button:hover {
246
+ background-color: var(--semantics-buttons-critical-tinted-is-hovered-background-color);
247
+ color: var(--semantics-buttons-critical-tinted-is-hovered-content-color);
248
+ }
237
249
  }
238
250
 
239
251
  :host([variant="critical-tinted"]) .button:active,
@@ -1 +1 @@
1
- {"version":3,"file":"button.styles.js","sourceRoot":"","sources":["../../../../src/components/actions/button/button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiT9B,CAAC"}
1
+ {"version":3,"file":"button.styles.js","sourceRoot":"","sources":["../../../../src/components/actions/button/button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6T9B,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"button-bar.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button-bar/button-bar.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,yBA4G3B,CAAC"}
1
+ {"version":3,"file":"button-bar.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button-bar/button-bar.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,yBAkI3B,CAAC"}
@@ -31,9 +31,26 @@ export const buttonBarStyles = css `
31
31
  flex-direction: row;
32
32
  justify-content: center;
33
33
  align-items: center;
34
+ }
35
+
36
+
37
+ /* # Variants */
38
+
39
+ /* ## Variant: Neutral Tinted (Default) / Secondary */
40
+
41
+ :host([variant="neutral-tinted"]) .button-bar,
42
+ :host([variant="secondary"]) .button-bar,
43
+ :host(:not([variant])) .button-bar {
34
44
  background-color: var(--semantics-buttons-neutral-tinted-background-color);
35
45
  }
36
46
 
47
+ /* ## Variant: Accent Filled / Primary */
48
+
49
+ :host([variant="accent-filled"]) .button-bar,
50
+ :host([variant="primary"]) .button-bar {
51
+ background-color: var(--semantics-buttons-accent-filled-background-color);
52
+ }
53
+
37
54
 
38
55
  /* # Size: XS */
39
56
 
@@ -87,6 +104,11 @@ export const buttonBarStyles = css `
87
104
  background-color: var(--semantics-buttons-neutral-tinted-divider-color);
88
105
  }
89
106
 
107
+ :host([variant="accent-filled"]) .button-bar__divider-line,
108
+ :host([variant="primary"]) .button-bar__divider-line {
109
+ background-color: var(--semantics-buttons-accent-filled-divider-color);
110
+ }
111
+
90
112
  :host([size="xs"]) .button-bar__divider-line {
91
113
  height: var(--semantics-buttons-xs-divider-length);
92
114
  }
@@ -1 +1 @@
1
- {"version":3,"file":"button-bar.styles.js","sourceRoot":"","sources":["../../../../src/components/actions/button-bar/button-bar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4GjC,CAAC"}
1
+ {"version":3,"file":"button-bar.styles.js","sourceRoot":"","sources":["../../../../src/components/actions/button-bar/button-bar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkIjC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"button-group.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button-group/button-group.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,yBA4D7B,CAAC"}
1
+ {"version":3,"file":"button-group.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/button-group/button-group.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,yBA2D7B,CAAC"}
@@ -21,7 +21,6 @@ export const buttonGroupStyles = css `
21
21
 
22
22
  .button-group {
23
23
  display: flex;
24
- justify-content: center;
25
24
  }
26
25
 
27
26
 
@@ -1 +1 @@
1
- {"version":3,"file":"button-group.styles.js","sourceRoot":"","sources":["../../../../src/components/actions/button-group/button-group.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4DnC,CAAC"}
1
+ {"version":3,"file":"button-group.styles.js","sourceRoot":"","sources":["../../../../src/components/actions/button-group/button-group.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2DnC,CAAC"}
@@ -14,6 +14,10 @@
14
14
  * and title tooltip. Use when the visible text alone lacks context for screen
15
15
  * readers (e.g. text "Toon", accessible-label "Toon wachtwoord").
16
16
  * The text is still shown visually in lg size regardless.
17
+ * @attr {boolean} hide-tooltip - Suppress the visual tooltip while keeping aria-label intact.
18
+ * Use when the surrounding context already explains the button
19
+ * (e.g. spin buttons in nldd-number-field, the chevron in
20
+ * nldd-split-button) — screen readers still get the label.
17
21
  * @attr {string} href - When set, renders an <a> element instead of <button>
18
22
  * @attr {string} target - Link target (e.g. '_blank'); only used when href is set
19
23
  * @attr {string} rel - Link rel attribute; defaults to 'noopener noreferrer' when target is '_blank'
@@ -49,6 +53,8 @@ export declare class NLDDIconButton extends LitElement {
49
53
  /** Accessible label for screen readers. Overrides text as aria-label and title tooltip.
50
54
  * The text is still shown visually in lg size regardless. */
51
55
  accessibleLabel: string;
56
+ /** Suppress the visual tooltip while keeping aria-label intact. */
57
+ hideTooltip: boolean;
52
58
  /** When set, renders an <a> element instead of <button>. */
53
59
  href: string | undefined;
54
60
  /** Link target (e.g. '_blank'). Only used when href is set. */
@@ -1 +1 @@
1
- {"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAIjC,OAAO,8BAA8B,CAAC;AAEtC,MAAM,MAAM,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC7C,MAAM,MAAM,OAAO,GAChB,SAAS,GACT,WAAW,GACX,aAAa,GACb,eAAe,GACf,iBAAiB,GACjB,oBAAoB,GACpB,gBAAgB,GAChB,qBAAqB,GACrB,iBAAiB,CAAC;AACrB,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEvD,qBACa,cAAe,SAAQ,UAAU;IAC7C,OAAgB,MAAM,0BAAoB;IAG1C,OAAO,EAAE,OAAO,CAAoB;IAGpC,IAAI,EAAE,IAAI,CAAQ;IAGlB,QAAQ,UAAS;IAGjB,IAAI,EAAE,UAAU,CAAY;IAG5B,UAAU,UAAS;IAGnB,SAAS,UAAS;IAGlB,aAAa,EAAE,MAAM,GAAG,SAAS,CAAa;IAE9C,2EAA2E;IAE3E,IAAI,SAAM;IAEV,gFAAgF;IAEhF,IAAI,SAAM;IAEV;kEAC8D;IAE9D,eAAe,SAAM;IAErB,4DAA4D;IAE5D,IAAI,EAAE,MAAM,GAAG,SAAS,CAAa;IAErC,+DAA+D;IAE/D,MAAM,EAAE,MAAM,GAAG,SAAS,CAAa;IAEvC;;;OAGG;IAEH,GAAG,EAAE,MAAM,GAAG,SAAS,CAAa;IAEpC,wDAAwD;IACxD,OAAO,KAAK,QAAQ,GAInB;IAED,OAAO,CAAC,WAAW,CAAS;IAEnB,OAAO,IAAI,IAAI;IAUxB,2DAA2D;IAC3D,YAAY,IAAI,MAAM;IAMtB,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAQlC,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,kBAAkB,EAAE,cAAc,CAAC;KACnC;CACD"}
1
+ {"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAIjC,OAAO,8BAA8B,CAAC;AAEtC,MAAM,MAAM,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC7C,MAAM,MAAM,OAAO,GAChB,SAAS,GACT,WAAW,GACX,aAAa,GACb,eAAe,GACf,iBAAiB,GACjB,oBAAoB,GACpB,gBAAgB,GAChB,qBAAqB,GACrB,iBAAiB,CAAC;AACrB,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEvD,qBACa,cAAe,SAAQ,UAAU;IAC7C,OAAgB,MAAM,0BAAoB;IAG1C,OAAO,EAAE,OAAO,CAAoB;IAGpC,IAAI,EAAE,IAAI,CAAQ;IAGlB,QAAQ,UAAS;IAGjB,IAAI,EAAE,UAAU,CAAY;IAG5B,UAAU,UAAS;IAGnB,SAAS,UAAS;IAGlB,aAAa,EAAE,MAAM,GAAG,SAAS,CAAa;IAE9C,2EAA2E;IAE3E,IAAI,SAAM;IAEV,gFAAgF;IAEhF,IAAI,SAAM;IAEV;kEAC8D;IAE9D,eAAe,SAAM;IAErB,mEAAmE;IAEnE,WAAW,UAAS;IAEpB,4DAA4D;IAE5D,IAAI,EAAE,MAAM,GAAG,SAAS,CAAa;IAErC,+DAA+D;IAE/D,MAAM,EAAE,MAAM,GAAG,SAAS,CAAa;IAEvC;;;OAGG;IAEH,GAAG,EAAE,MAAM,GAAG,SAAS,CAAa;IAEpC,wDAAwD;IACxD,OAAO,KAAK,QAAQ,GAInB;IAED,OAAO,CAAC,WAAW,CAAS;IAEnB,OAAO,IAAI,IAAI;IAUxB,2DAA2D;IAC3D,YAAY,IAAI,MAAM;IAMtB,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAQlC,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,kBAAkB,EAAE,cAAc,CAAC;KACnC;CACD"}
@@ -20,6 +20,10 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
20
20
  * and title tooltip. Use when the visible text alone lacks context for screen
21
21
  * readers (e.g. text "Toon", accessible-label "Toon wachtwoord").
22
22
  * The text is still shown visually in lg size regardless.
23
+ * @attr {boolean} hide-tooltip - Suppress the visual tooltip while keeping aria-label intact.
24
+ * Use when the surrounding context already explains the button
25
+ * (e.g. spin buttons in nldd-number-field, the chevron in
26
+ * nldd-split-button) — screen readers still get the label.
23
27
  * @attr {string} href - When set, renders an <a> element instead of <button>
24
28
  * @attr {string} target - Link target (e.g. '_blank'); only used when href is set
25
29
  * @attr {string} rel - Link rel attribute; defaults to 'noopener noreferrer' when target is '_blank'
@@ -56,6 +60,8 @@ let NLDDIconButton = class NLDDIconButton extends LitElement {
56
60
  /** Accessible label for screen readers. Overrides text as aria-label and title tooltip.
57
61
  * The text is still shown visually in lg size regardless. */
58
62
  this.accessibleLabel = '';
63
+ /** Suppress the visual tooltip while keeping aria-label intact. */
64
+ this.hideTooltip = false;
59
65
  /** When set, renders an <a> element instead of <button>. */
60
66
  this.href = undefined;
61
67
  /** Link target (e.g. '_blank'). Only used when href is set. */
@@ -134,6 +140,9 @@ __decorate([
134
140
  __decorate([
135
141
  property({ type: String, attribute: 'accessible-label' })
136
142
  ], NLDDIconButton.prototype, "accessibleLabel", void 0);
143
+ __decorate([
144
+ property({ type: Boolean, reflect: true, attribute: 'hide-tooltip' })
145
+ ], NLDDIconButton.prototype, "hideTooltip", void 0);
137
146
  __decorate([
138
147
  property({ type: String, reflect: true })
139
148
  ], NLDDIconButton.prototype, "href", void 0);
@@ -1 +1 @@
1
- {"version":3,"file":"icon-button.js","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrD,OAAO,8BAA8B,CAAC;AAgB/B,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,UAAU;IAAvC;;QAIN,YAAO,GAAY,gBAAgB,CAAC;QAGpC,SAAI,GAAS,IAAI,CAAC;QAGlB,aAAQ,GAAG,KAAK,CAAC;QAGjB,SAAI,GAAe,QAAQ,CAAC;QAG5B,eAAU,GAAG,KAAK,CAAC;QAGnB,cAAS,GAAG,KAAK,CAAC;QAGlB,kBAAa,GAAuB,SAAS,CAAC;QAE9C,2EAA2E;QAE3E,SAAI,GAAG,EAAE,CAAC;QAEV,gFAAgF;QAEhF,SAAI,GAAG,EAAE,CAAC;QAEV;sEAC8D;QAE9D,oBAAe,GAAG,EAAE,CAAC;QAErB,4DAA4D;QAE5D,SAAI,GAAuB,SAAS,CAAC;QAErC,+DAA+D;QAE/D,WAAM,GAAuB,SAAS,CAAC;QAEvC;;;WAGG;QAEH,QAAG,GAAuB,SAAS,CAAC;QAS5B,gBAAW,GAAG,KAAK,CAAC;IA8B7B,CAAC;IArCA,wDAAwD;IACxD,IAAY,QAAQ;QACnB,IAAI,IAAI,CAAC,IAAI;YAAE,OAAO,IAAI,CAAC;QAC3B,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAAkB,mBAAmB,CAAC,CAAC;QAClF,OAAO,CAAC,IAAI,EAAE,gBAAgB,EAAE,CAAC,MAAM,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;IACnD,CAAC;IAIQ,OAAO;QACf,MAAM,YAAY,GAAG,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC;QAC1E,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,YAAY,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;YAC/D,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;YACxB,OAAO,CAAC,IAAI,CAAC,mKAAmK,CAAC,CAAC;QACnL,CAAC;aAAM,IAAI,CAAC,YAAY,EAAE,CAAC;YAC1B,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;QAC1B,CAAC;IACF,CAAC;IAED,2DAA2D;IAC3D,YAAY;QACX,IAAI,IAAI,CAAC,GAAG;YAAE,OAAO,IAAI,CAAC,GAAG,CAAC;QAC9B,IAAI,IAAI,CAAC,MAAM,KAAK,QAAQ;YAAE,OAAO,qBAAqB,CAAC;QAC3D,OAAO,EAAE,CAAC;IACX,CAAC;IAES,YAAY,CAAC,CAAa;QACnC,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YACnB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,OAAO;QACR,CAAC;IACF,CAAC;IAEQ,MAAM;QACd,OAAO,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC5B,CAAC;;AAvFe,qBAAM,GAAG,gBAAgB,AAAnB,CAAoB;AAG1C;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;+CACN;AAGpC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CACxB;AAGlB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gDAC1B;AAGjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CACd;AAG5B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;kDACjD;AAGnB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;iDAClD;AAGlB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qDACmB;AAI9C;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CACjB;AAIV;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CACjB;AAKV;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC;uDACrC;AAIrB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CACL;AAIrC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8CACY;AAOvC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;2CACS;AAlDxB,cAAc;IAD1B,aAAa,CAAC,kBAAkB,CAAC;GACrB,cAAc,CAyF1B"}
1
+ {"version":3,"file":"icon-button.js","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.ts"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"icon-button.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,yBA2U5B,CAAC"}
1
+ {"version":3,"file":"icon-button.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,yBAuV5B,CAAC"}
@@ -176,11 +176,13 @@ export const iconButtonStyles = css `
176
176
  color: var(--semantics-buttons-neutral-tinted-content-color);
177
177
  }
178
178
 
179
- :host([variant='neutral-tinted']) .icon-button:hover,
180
- :host([variant='secondary']) .icon-button:hover,
181
- :host(:not([variant])) .icon-button:hover {
182
- background-color: var(--semantics-buttons-neutral-tinted-is-hovered-background-color);
183
- color: var(--semantics-buttons-neutral-tinted-is-hovered-content-color);
179
+ @media (hover: hover) {
180
+ :host([variant='neutral-tinted']) .icon-button:hover,
181
+ :host([variant='secondary']) .icon-button:hover,
182
+ :host(:not([variant])) .icon-button:hover {
183
+ background-color: var(--semantics-buttons-neutral-tinted-is-hovered-background-color);
184
+ color: var(--semantics-buttons-neutral-tinted-is-hovered-content-color);
185
+ }
184
186
  }
185
187
 
186
188
  :host([variant='neutral-tinted']) .icon-button:active,
@@ -197,9 +199,11 @@ export const iconButtonStyles = css `
197
199
  color: var(--semantics-buttons-neutral-transparent-content-color);
198
200
  }
199
201
 
200
- :host([variant='neutral-transparent']) .icon-button:hover {
201
- background-color: transparent;
202
- color: var(--semantics-buttons-neutral-transparent-is-hovered-content-color);
202
+ @media (hover: hover) {
203
+ :host([variant='neutral-transparent']) .icon-button:hover {
204
+ background-color: transparent;
205
+ color: var(--semantics-buttons-neutral-transparent-is-hovered-content-color);
206
+ }
203
207
  }
204
208
 
205
209
  :host([variant='neutral-transparent']) .icon-button:active {
@@ -214,10 +218,12 @@ export const iconButtonStyles = css `
214
218
  color: var(--semantics-buttons-accent-filled-content-color);
215
219
  }
216
220
 
217
- :host([variant='accent-filled']) .icon-button:hover,
218
- :host([variant='primary']) .icon-button:hover {
219
- background-color: var(--semantics-buttons-accent-filled-is-hovered-background-color);
220
- color: var(--semantics-buttons-accent-filled-is-hovered-content-color);
221
+ @media (hover: hover) {
222
+ :host([variant='accent-filled']) .icon-button:hover,
223
+ :host([variant='primary']) .icon-button:hover {
224
+ background-color: var(--semantics-buttons-accent-filled-is-hovered-background-color);
225
+ color: var(--semantics-buttons-accent-filled-is-hovered-content-color);
226
+ }
221
227
  }
222
228
 
223
229
  :host([variant='accent-filled']) .icon-button:active,
@@ -252,9 +258,11 @@ export const iconButtonStyles = css `
252
258
  padding: calc(var(--primitives-space-4) - var(--semantics-buttons-accent-outlined-border-thickness));
253
259
  }
254
260
 
255
- :host([variant='accent-outlined']) .icon-button:hover {
256
- border-color: var(--semantics-buttons-accent-outlined-is-hovered-border-color);
257
- color: var(--semantics-buttons-accent-outlined-is-hovered-content-color);
261
+ @media (hover: hover) {
262
+ :host([variant='accent-outlined']) .icon-button:hover {
263
+ border-color: var(--semantics-buttons-accent-outlined-is-hovered-border-color);
264
+ color: var(--semantics-buttons-accent-outlined-is-hovered-content-color);
265
+ }
258
266
  }
259
267
 
260
268
  :host([variant='accent-outlined']) .icon-button:active {
@@ -269,8 +277,10 @@ export const iconButtonStyles = css `
269
277
  color: var(--semantics-buttons-accent-transparent-content-color);
270
278
  }
271
279
 
272
- :host([variant='accent-transparent']) .icon-button:hover {
273
- color: var(--semantics-buttons-accent-transparent-is-hovered-content-color);
280
+ @media (hover: hover) {
281
+ :host([variant='accent-transparent']) .icon-button:hover {
282
+ color: var(--semantics-buttons-accent-transparent-is-hovered-content-color);
283
+ }
274
284
  }
275
285
 
276
286
  :host([variant='accent-transparent']) .icon-button:active {
@@ -285,10 +295,12 @@ export const iconButtonStyles = css `
285
295
  color: var(--semantics-buttons-critical-tinted-content-color);
286
296
  }
287
297
 
288
- :host([variant='critical-tinted']) .icon-button:hover,
289
- :host([variant='destructive']) .icon-button:hover {
290
- background-color: var(--semantics-buttons-critical-tinted-is-hovered-background-color);
291
- color: var(--semantics-buttons-critical-tinted-is-hovered-content-color);
298
+ @media (hover: hover) {
299
+ :host([variant='critical-tinted']) .icon-button:hover,
300
+ :host([variant='destructive']) .icon-button:hover {
301
+ background-color: var(--semantics-buttons-critical-tinted-is-hovered-background-color);
302
+ color: var(--semantics-buttons-critical-tinted-is-hovered-content-color);
303
+ }
292
304
  }
293
305
 
294
306
  :host([variant='critical-tinted']) .icon-button:active,
@@ -1 +1 @@
1
- {"version":3,"file":"icon-button.styles.js","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2UlC,CAAC"}
1
+ {"version":3,"file":"icon-button.styles.js","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuVlC,CAAC"}
@@ -54,7 +54,7 @@ export function template() {
54
54
  </button>
55
55
  `;
56
56
  };
57
- if (tooltipText) {
57
+ if (tooltipText && !this.hideTooltip) {
58
58
  return html `
59
59
  <nldd-tooltip text=${tooltipText}>
60
60
  ${renderButton()}
@@ -1 +1 @@
1
- {"version":3,"file":"icon-button.template.js","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAEpC,OAAO,kCAAkC,CAAC;AAE1C,SAAS,aAAa,CAAC,SAAyB;IAC/C,OAAO,IAAI,CAAA;;;MAGN,SAAS,CAAC,IAAI;QACf,CAAC,CAAC,IAAI,CAAA,mBAAmB,SAAS,CAAC,IAAI,eAAe;QACtD,CAAC,CAAC,IAAI,CAAA,iCAAiC,SAAS,CAAC,aAAa,UAAU;;KAExE,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAA;;;;IAI5B,CAAC,CAAC,CAAC,OAAO;;IAEV,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA;qCACY,SAAS,CAAC,IAAI;GAChD,CAAC,CAAC,CAAC,EAAE;EACN,CAAC;AACH,CAAC;AAED,MAAM,UAAU,QAAQ;IACvB,MAAM,KAAK,GAAG,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,IAAI,IAAI,OAAO,CAAC;IAC3D,MAAM,OAAO,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IAEpC,2EAA2E;IAC3E,MAAM,WAAW,GAAG,IAAI,CAAC,eAAe;WACpC,CAAC,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAE1C,MAAM,YAAY,GAAG,GAAG,EAAE;QACzB,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACf,MAAM,WAAW,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;YACxC,OAAO,IAAI,CAAA;;YAEF,IAAI,CAAC,IAAI;cACP,IAAI,CAAC,MAAM,IAAI,OAAO;WACzB,WAAW,IAAI,OAAO;qBACZ,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;kBACnC,KAAK;cACT,IAAI,CAAC,YAAY;;OAExB,OAAO;;IAEV,CAAC;QACH,CAAC;QAED,OAAO,IAAI,CAAA;;WAEF,IAAI,CAAC,IAAI;gBACJ,IAAI,CAAC,QAAQ;oBACT,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;iBACnC,KAAK;oBACF,IAAI,CAAC,aAAa,IAAI,OAAO;aACpC,IAAI,CAAC,YAAY;;MAExB,OAAO;;GAEV,CAAC;IACH,CAAC,CAAC;IAEF,IAAI,WAAW,EAAE,CAAC;QACjB,OAAO,IAAI,CAAA;wBACW,WAAW;MAC7B,YAAY,EAAE;;GAEjB,CAAC;IACH,CAAC;IAED,OAAO,YAAY,EAAE,CAAC;AACvB,CAAC"}
1
+ {"version":3,"file":"icon-button.template.js","sourceRoot":"","sources":["../../../../src/components/actions/icon-button/icon-button.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAEpC,OAAO,kCAAkC,CAAC;AAE1C,SAAS,aAAa,CAAC,SAAyB;IAC/C,OAAO,IAAI,CAAA;;;MAGN,SAAS,CAAC,IAAI;QACf,CAAC,CAAC,IAAI,CAAA,mBAAmB,SAAS,CAAC,IAAI,eAAe;QACtD,CAAC,CAAC,IAAI,CAAA,iCAAiC,SAAS,CAAC,aAAa,UAAU;;KAExE,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAA;;;;IAI5B,CAAC,CAAC,CAAC,OAAO;;IAEV,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA;qCACY,SAAS,CAAC,IAAI;GAChD,CAAC,CAAC,CAAC,EAAE;EACN,CAAC;AACH,CAAC;AAED,MAAM,UAAU,QAAQ;IACvB,MAAM,KAAK,GAAG,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,IAAI,IAAI,OAAO,CAAC;IAC3D,MAAM,OAAO,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IAEpC,2EAA2E;IAC3E,MAAM,WAAW,GAAG,IAAI,CAAC,eAAe;WACpC,CAAC,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAE1C,MAAM,YAAY,GAAG,GAAG,EAAE;QACzB,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACf,MAAM,WAAW,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;YACxC,OAAO,IAAI,CAAA;;YAEF,IAAI,CAAC,IAAI;cACP,IAAI,CAAC,MAAM,IAAI,OAAO;WACzB,WAAW,IAAI,OAAO;qBACZ,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;kBACnC,KAAK;cACT,IAAI,CAAC,YAAY;;OAExB,OAAO;;IAEV,CAAC;QACH,CAAC;QAED,OAAO,IAAI,CAAA;;WAEF,IAAI,CAAC,IAAI;gBACJ,IAAI,CAAC,QAAQ;oBACT,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;iBACnC,KAAK;oBACF,IAAI,CAAC,aAAa,IAAI,OAAO;aACpC,IAAI,CAAC,YAAY;;MAExB,OAAO;;GAEV,CAAC;IACH,CAAC,CAAC;IAEF,IAAI,WAAW,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;QACtC,OAAO,IAAI,CAAA;wBACW,WAAW;MAC7B,YAAY,EAAE;;GAEjB,CAAC;IACH,CAAC;IAED,OAAO,YAAY,EAAE,CAAC;AACvB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"link.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/link/link.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,yBA4GtB,CAAC"}
1
+ {"version":3,"file":"link.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/link/link.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,yBA8GtB,CAAC"}
@@ -53,8 +53,10 @@ export const linkStyles = css `
53
53
  font: var(--primitives-font-body-lg-regular-flat);
54
54
  }
55
55
 
56
- .link:hover {
57
- color: var(--semantics-links-is-hovered-color);
56
+ @media (hover: hover) {
57
+ .link:hover {
58
+ color: var(--semantics-links-is-hovered-color);
59
+ }
58
60
  }
59
61
 
60
62
  .link:active {
@@ -1 +1 @@
1
- {"version":3,"file":"link.styles.js","sourceRoot":"","sources":["../../../../src/components/actions/link/link.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4G5B,CAAC"}
1
+ {"version":3,"file":"link.styles.js","sourceRoot":"","sources":["../../../../src/components/actions/link/link.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8G5B,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"split-button.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/split-button/split-button.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,yBAgG7B,CAAC"}
1
+ {"version":3,"file":"split-button.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/split-button/split-button.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,yBA6G7B,CAAC"}
@@ -80,13 +80,21 @@ export const splitButtonStyles = css `
80
80
 
81
81
  /* # Variants */
82
82
 
83
- /* ## Variant: Neutral Tintend (Default) */
83
+ /* ## Variant: Neutral Tintend (Default) / Secondary */
84
84
 
85
85
  :host([variant="neutral-tinted"]) .split-button,
86
+ :host([variant="secondary"]) .split-button,
86
87
  :host(:not([variant])) .split-button {
87
88
  background-color: var(--semantics-buttons-neutral-tinted-background-color);
88
89
  }
89
90
 
91
+ /* ## Variant: Accent Filled / Primary */
92
+
93
+ :host([variant="accent-filled"]) .split-button,
94
+ :host([variant="primary"]) .split-button {
95
+ background-color: var(--semantics-buttons-accent-filled-background-color);
96
+ }
97
+
90
98
 
91
99
  /* # Divider */
92
100
 
@@ -95,5 +103,10 @@ export const splitButtonStyles = css `
95
103
  flex-shrink: 0;
96
104
  background-color: var(--semantics-buttons-neutral-tinted-divider-color);
97
105
  }
106
+
107
+ :host([variant="accent-filled"]) .split-button__divider,
108
+ :host([variant="primary"]) .split-button__divider {
109
+ background-color: var(--semantics-buttons-accent-filled-divider-color);
110
+ }
98
111
  `;
99
112
  //# sourceMappingURL=split-button.styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"split-button.styles.js","sourceRoot":"","sources":["../../../../src/components/actions/split-button/split-button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgGnC,CAAC"}
1
+ {"version":3,"file":"split-button.styles.js","sourceRoot":"","sources":["../../../../src/components/actions/split-button/split-button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6GnC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"split-button.template.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/split-button/split-button.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEzD,wBAAgB,QAAQ,CAAC,IAAI,EAAE,eAAe,wCAyB7C"}
1
+ {"version":3,"file":"split-button.template.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/split-button/split-button.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEzD,wBAAgB,QAAQ,CAAC,IAAI,EAAE,eAAe,wCA0B7C"}
@@ -16,6 +16,7 @@ export function template() {
16
16
  size=${this.size}
17
17
  icon="chevron-down-small"
18
18
  text=${this._t('components.split-button.menu-action')}
19
+ hide-tooltip
19
20
  ?disabled=${this.disabled}
20
21
  aria-haspopup="menu"
21
22
  aria-expanded=${this._hasMenuItems ? String(this._menuIsOpen) : nothing}
@@ -1 +1 @@
1
- {"version":3,"file":"split-button.template.js","sourceRoot":"","sources":["../../../../src/components/actions/split-button/split-button.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAGpC,MAAM,UAAU,QAAQ;IACvB,OAAO,IAAI,CAAA;;;cAGE,IAAI,CAAC,OAAO;WACf,IAAI,CAAC,IAAI;WACT,IAAI,CAAC,IAAI;iBACH,IAAI,CAAC,SAAS,IAAI,OAAO;gBAC1B,IAAI,CAAC,QAAQ;aAChB,IAAI,CAAC,kBAAkB;;;;cAItB,IAAI,CAAC,OAAO;WACf,IAAI,CAAC,IAAI;;WAET,IAAI,CAAC,EAAE,CAAC,qCAAqC,CAAC;gBACzC,IAAI,CAAC,QAAQ;;oBAET,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,OAAO;aAC9D,IAAI,CAAC,gBAAgB;;;;EAIhC,CAAC;AACH,CAAC"}
1
+ {"version":3,"file":"split-button.template.js","sourceRoot":"","sources":["../../../../src/components/actions/split-button/split-button.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAGpC,MAAM,UAAU,QAAQ;IACvB,OAAO,IAAI,CAAA;;;cAGE,IAAI,CAAC,OAAO;WACf,IAAI,CAAC,IAAI;WACT,IAAI,CAAC,IAAI;iBACH,IAAI,CAAC,SAAS,IAAI,OAAO;gBAC1B,IAAI,CAAC,QAAQ;aAChB,IAAI,CAAC,kBAAkB;;;;cAItB,IAAI,CAAC,OAAO;WACf,IAAI,CAAC,IAAI;;WAET,IAAI,CAAC,EAAE,CAAC,qCAAqC,CAAC;;gBAEzC,IAAI,CAAC,QAAQ;;oBAET,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,OAAO;aAC9D,IAAI,CAAC,gBAAgB;;;;EAIhC,CAAC;AACH,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"toolbar.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/toolbar/toolbar.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,yBAyRzB,CAAC"}
1
+ {"version":3,"file":"toolbar.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/toolbar/toolbar.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,yBA0RzB,CAAC"}
@@ -5,8 +5,6 @@ export const toolbarStyles = css `
5
5
  /* # Host */
6
6
 
7
7
  :host {
8
- display: block;
9
- box-sizing: border-box;
10
8
  --_item-width: auto;
11
9
  --_item-min-width: 0px;
12
10
  --_title-group-min-width: 200px;
@@ -17,6 +15,9 @@ export const toolbarStyles = css `
17
15
  --_center-width: 0px;
18
16
  --_end-width: 0px;
19
17
  --_overflow-button-width: 0px;
18
+
19
+ display: block;
20
+ box-sizing: border-box;
20
21
  }
21
22
 
22
23
  :host([hidden]) {
@@ -1 +1 @@
1
- {"version":3,"file":"toolbar.styles.js","sourceRoot":"","sources":["../../../../src/components/actions/toolbar/toolbar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyR/B,CAAC"}
1
+ {"version":3,"file":"toolbar.styles.js","sourceRoot":"","sources":["../../../../src/components/actions/toolbar/toolbar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0R/B,CAAC"}