@nldd/design-system 0.8.55 → 0.8.57

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 (203) hide show
  1. package/README.md +15 -0
  2. package/dist/components/actions/button/button.d.ts +13 -4
  3. package/dist/components/actions/button/button.d.ts.map +1 -1
  4. package/dist/components/actions/button/button.js +23 -3
  5. package/dist/components/actions/button/button.js.map +1 -1
  6. package/dist/components/actions/button/button.styles.d.ts.map +1 -1
  7. package/dist/components/actions/button/button.styles.js +269 -87
  8. package/dist/components/actions/button/button.styles.js.map +1 -1
  9. package/dist/components/actions/button/button.template.d.ts.map +1 -1
  10. package/dist/components/actions/button/button.template.js +33 -17
  11. package/dist/components/actions/button/button.template.js.map +1 -1
  12. package/dist/components/actions/button-bar/button-bar.d.ts +2 -2
  13. package/dist/components/actions/button-bar/button-bar.d.ts.map +1 -1
  14. package/dist/components/actions/button-bar/button-bar.js +3 -1
  15. package/dist/components/actions/button-bar/button-bar.js.map +1 -1
  16. package/dist/components/actions/button-bar/button-bar.styles.d.ts.map +1 -1
  17. package/dist/components/actions/button-bar/button-bar.styles.js +28 -4
  18. package/dist/components/actions/button-bar/button-bar.styles.js.map +1 -1
  19. package/dist/components/actions/icon-button/icon-button.d.ts +14 -4
  20. package/dist/components/actions/icon-button/icon-button.d.ts.map +1 -1
  21. package/dist/components/actions/icon-button/icon-button.js +23 -3
  22. package/dist/components/actions/icon-button/icon-button.js.map +1 -1
  23. package/dist/components/actions/icon-button/icon-button.styles.d.ts.map +1 -1
  24. package/dist/components/actions/icon-button/icon-button.styles.js +127 -63
  25. package/dist/components/actions/icon-button/icon-button.styles.js.map +1 -1
  26. package/dist/components/actions/icon-button/icon-button.template.d.ts.map +1 -1
  27. package/dist/components/actions/icon-button/icon-button.template.js +4 -2
  28. package/dist/components/actions/icon-button/icon-button.template.js.map +1 -1
  29. package/dist/components/actions/menu/menu.d.ts +9 -0
  30. package/dist/components/actions/menu/menu.d.ts.map +1 -1
  31. package/dist/components/actions/menu/menu.js +27 -2
  32. package/dist/components/actions/menu/menu.js.map +1 -1
  33. package/dist/components/actions/split-button/split-button.d.ts +30 -20
  34. package/dist/components/actions/split-button/split-button.d.ts.map +1 -1
  35. package/dist/components/actions/split-button/split-button.js +73 -49
  36. package/dist/components/actions/split-button/split-button.js.map +1 -1
  37. package/dist/components/actions/split-button/split-button.styles.d.ts.map +1 -1
  38. package/dist/components/actions/split-button/split-button.styles.js +39 -3
  39. package/dist/components/actions/split-button/split-button.styles.js.map +1 -1
  40. package/dist/components/actions/split-button/split-button.template.d.ts.map +1 -1
  41. package/dist/components/actions/split-button/split-button.template.js +6 -1
  42. package/dist/components/actions/split-button/split-button.template.js.map +1 -1
  43. package/dist/components/actions/toolbar/toolbar.d.ts +91 -14
  44. package/dist/components/actions/toolbar/toolbar.d.ts.map +1 -1
  45. package/dist/components/actions/toolbar/toolbar.js +299 -103
  46. package/dist/components/actions/toolbar/toolbar.js.map +1 -1
  47. package/dist/components/actions/toolbar/toolbar.styles.d.ts +2 -0
  48. package/dist/components/actions/toolbar/toolbar.styles.d.ts.map +1 -1
  49. package/dist/components/actions/toolbar/toolbar.styles.js +109 -41
  50. package/dist/components/actions/toolbar/toolbar.styles.js.map +1 -1
  51. package/dist/components/actions/toolbar/toolbar.template.d.ts +7 -4
  52. package/dist/components/actions/toolbar/toolbar.template.d.ts.map +1 -1
  53. package/dist/components/actions/toolbar/toolbar.template.js +22 -69
  54. package/dist/components/actions/toolbar/toolbar.template.js.map +1 -1
  55. package/dist/components/components.js +1 -1
  56. package/dist/components/content/code-viewer/code-viewer.styles.d.ts.map +1 -1
  57. package/dist/components/content/code-viewer/code-viewer.styles.js +4 -0
  58. package/dist/components/content/code-viewer/code-viewer.styles.js.map +1 -1
  59. package/dist/components/content/icon/icon-aliases.d.ts.map +1 -1
  60. package/dist/components/content/icon/icon-aliases.js +48 -2
  61. package/dist/components/content/icon/icon-aliases.js.map +1 -1
  62. package/dist/components/content/icon/icon-registry.d.ts.map +1 -1
  63. package/dist/components/content/icon/icon-registry.js +37 -2
  64. package/dist/components/content/icon/icon-registry.js.map +1 -1
  65. package/dist/components/content/image/image.d.ts +1 -1
  66. package/dist/components/content/image/image.d.ts.map +1 -1
  67. package/dist/components/content/image/image.i18n.d.ts +1 -1
  68. package/dist/components/content/image/image.i18n.js +1 -1
  69. package/dist/components/content/image/image.i18n.js.map +1 -1
  70. package/dist/components/content/image/image.js +7 -2
  71. package/dist/components/content/image/image.js.map +1 -1
  72. package/dist/components/content/image/image.styles.d.ts.map +1 -1
  73. package/dist/components/content/image/image.styles.js +21 -30
  74. package/dist/components/content/image/image.styles.js.map +1 -1
  75. package/dist/components/content/image/image.template.d.ts.map +1 -1
  76. package/dist/components/content/image/image.template.js +4 -11
  77. package/dist/components/content/image/image.template.js.map +1 -1
  78. package/dist/components/content/image/lqip-encoder-element.js +1 -1
  79. package/dist/components/{index-C3JellW2.js → index-DHU98C6V.js} +1561 -783
  80. package/dist/components/inputs/combo-box/combo-box.styles.js +1 -1
  81. package/dist/components/inputs/dropdown/dropdown.styles.d.ts.map +1 -1
  82. package/dist/components/inputs/dropdown/dropdown.styles.js +31 -18
  83. package/dist/components/inputs/dropdown/dropdown.styles.js.map +1 -1
  84. package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.js +1 -1
  85. package/dist/components/inputs/password-field/password-field.styles.js +1 -1
  86. package/dist/components/inputs/search-field/search-field.styles.js +1 -1
  87. package/dist/components/inputs/segmented-control/segmented-control.d.ts +5 -4
  88. package/dist/components/inputs/segmented-control/segmented-control.d.ts.map +1 -1
  89. package/dist/components/inputs/segmented-control/segmented-control.js +4 -3
  90. package/dist/components/inputs/segmented-control/segmented-control.js.map +1 -1
  91. package/dist/components/inputs/segmented-control/segmented-control.styles.d.ts.map +1 -1
  92. package/dist/components/inputs/segmented-control/segmented-control.styles.js +59 -9
  93. package/dist/components/inputs/segmented-control/segmented-control.styles.js.map +1 -1
  94. package/dist/components/inputs/segmented-control/segmented-control.template.js +3 -3
  95. package/dist/components/inputs/segmented-control/segmented-control.template.js.map +1 -1
  96. package/dist/components/inputs/stepper/stepper.styles.d.ts.map +1 -1
  97. package/dist/components/inputs/stepper/stepper.styles.js +16 -5
  98. package/dist/components/inputs/stepper/stepper.styles.js.map +1 -1
  99. package/dist/components/inputs/stepper/stepper.template.d.ts.map +1 -1
  100. package/dist/components/inputs/stepper/stepper.template.js +2 -0
  101. package/dist/components/inputs/stepper/stepper.template.js.map +1 -1
  102. package/dist/components/inputs/text-field/text-field.styles.js +1 -1
  103. package/dist/components/inputs/toggle-button/toggle-button.d.ts +4 -3
  104. package/dist/components/inputs/toggle-button/toggle-button.d.ts.map +1 -1
  105. package/dist/components/inputs/toggle-button/toggle-button.js +3 -2
  106. package/dist/components/inputs/toggle-button/toggle-button.js.map +1 -1
  107. package/dist/components/inputs/toggle-button/toggle-button.styles.d.ts.map +1 -1
  108. package/dist/components/inputs/toggle-button/toggle-button.styles.js +53 -17
  109. package/dist/components/inputs/toggle-button/toggle-button.styles.js.map +1 -1
  110. package/dist/components/inputs/toggle-button/toggle-button.template.d.ts.map +1 -1
  111. package/dist/components/inputs/toggle-button/toggle-button.template.js +3 -4
  112. package/dist/components/inputs/toggle-button/toggle-button.template.js.map +1 -1
  113. package/dist/components/inputs/token/token.styles.d.ts.map +1 -1
  114. package/dist/components/inputs/token/token.styles.js +24 -7
  115. package/dist/components/inputs/token/token.styles.js.map +1 -1
  116. package/dist/components/inputs/token/token.template.d.ts.map +1 -1
  117. package/dist/components/inputs/token/token.template.js +1 -0
  118. package/dist/components/inputs/token/token.template.js.map +1 -1
  119. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.d.ts +1 -1
  120. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.d.ts.map +1 -1
  121. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.js +0 -5
  122. package/dist/components/layout/page-sections/full-bleed-section/full-bleed-section.js.map +1 -1
  123. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.d.ts +1 -0
  124. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.d.ts.map +1 -1
  125. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.styles.d.ts.map +1 -1
  126. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.styles.js +5 -0
  127. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.styles.js.map +1 -1
  128. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.template.d.ts +1 -1
  129. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.template.d.ts.map +1 -1
  130. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.template.js +7 -3
  131. package/dist/components/layout/page-sections/one-half-one-half-section/one-half-one-half-section.template.js.map +1 -1
  132. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.d.ts +1 -0
  133. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.d.ts.map +1 -1
  134. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.styles.d.ts.map +1 -1
  135. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.styles.js +5 -0
  136. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.styles.js.map +1 -1
  137. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.template.d.ts +1 -1
  138. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.template.d.ts.map +1 -1
  139. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.template.js +7 -3
  140. package/dist/components/layout/page-sections/one-third-two-thirds-section/one-third-two-thirds-section.template.js.map +1 -1
  141. package/dist/components/layout/page-sections/simple-section/simple-section.d.ts +1 -1
  142. package/dist/components/layout/page-sections/simple-section/simple-section.d.ts.map +1 -1
  143. package/dist/components/layout/page-sections/simple-section/simple-section.js +0 -5
  144. package/dist/components/layout/page-sections/simple-section/simple-section.js.map +1 -1
  145. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.d.ts +1 -0
  146. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.d.ts.map +1 -1
  147. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.styles.d.ts.map +1 -1
  148. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.styles.js +5 -0
  149. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.styles.js.map +1 -1
  150. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.template.d.ts +1 -1
  151. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.template.d.ts.map +1 -1
  152. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.template.js +7 -3
  153. package/dist/components/layout/page-sections/two-thirds-one-third-section/two-thirds-one-third-section.template.js.map +1 -1
  154. package/dist/components/lists-and-tables/table/table.styles.d.ts.map +1 -1
  155. package/dist/components/lists-and-tables/table/table.styles.js +7 -0
  156. package/dist/components/lists-and-tables/table/table.styles.js.map +1 -1
  157. package/dist/components/navigation/breadcrumbs/breadcrumbs.d.ts +2 -22
  158. package/dist/components/navigation/breadcrumbs/breadcrumbs.d.ts.map +1 -1
  159. package/dist/components/navigation/breadcrumbs/breadcrumbs.i18n.d.ts +0 -1
  160. package/dist/components/navigation/breadcrumbs/breadcrumbs.i18n.d.ts.map +1 -1
  161. package/dist/components/navigation/breadcrumbs/breadcrumbs.i18n.js +0 -1
  162. package/dist/components/navigation/breadcrumbs/breadcrumbs.i18n.js.map +1 -1
  163. package/dist/components/navigation/breadcrumbs/breadcrumbs.js +2 -52
  164. package/dist/components/navigation/breadcrumbs/breadcrumbs.js.map +1 -1
  165. package/dist/components/navigation/breadcrumbs/breadcrumbs.styles.d.ts.map +1 -1
  166. package/dist/components/navigation/breadcrumbs/breadcrumbs.styles.js +1 -47
  167. package/dist/components/navigation/breadcrumbs/breadcrumbs.styles.js.map +1 -1
  168. package/dist/components/navigation/breadcrumbs/breadcrumbs.template.d.ts.map +1 -1
  169. package/dist/components/navigation/breadcrumbs/breadcrumbs.template.js +1 -17
  170. package/dist/components/navigation/breadcrumbs/breadcrumbs.template.js.map +1 -1
  171. package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.d.ts.map +1 -1
  172. package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.js +39 -19
  173. package/dist/components/navigation/document-tab-bar/document-tab-bar.styles.js.map +1 -1
  174. package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.d.ts.map +1 -1
  175. package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.js +4 -0
  176. package/dist/components/navigation/menu-bar-item/menu-bar-item.styles.js.map +1 -1
  177. package/dist/components/navigation/pagination/pagination.styles.d.ts.map +1 -1
  178. package/dist/components/navigation/pagination/pagination.styles.js +35 -15
  179. package/dist/components/navigation/pagination/pagination.styles.js.map +1 -1
  180. package/dist/components/navigation/pagination/pagination.template.d.ts.map +1 -1
  181. package/dist/components/navigation/pagination/pagination.template.js +2 -0
  182. package/dist/components/navigation/pagination/pagination.template.js.map +1 -1
  183. package/dist/components/navigation/tab-bar/tab-bar.d.ts +11 -4
  184. package/dist/components/navigation/tab-bar/tab-bar.d.ts.map +1 -1
  185. package/dist/components/navigation/tab-bar/tab-bar.js +17 -2
  186. package/dist/components/navigation/tab-bar/tab-bar.js.map +1 -1
  187. package/dist/components/navigation/tab-bar/tab-bar.styles.d.ts.map +1 -1
  188. package/dist/components/navigation/tab-bar/tab-bar.styles.js +74 -18
  189. package/dist/components/navigation/tab-bar/tab-bar.styles.js.map +1 -1
  190. package/dist/components/navigation/tab-bar/tab-bar.template.d.ts.map +1 -1
  191. package/dist/components/navigation/tab-bar/tab-bar.template.js +4 -1
  192. package/dist/components/navigation/tab-bar/tab-bar.template.js.map +1 -1
  193. package/dist/components/{prism-python-QiimuE8j.js → prism-python-9EoInm_N.js} +1 -1
  194. package/dist/components/{prism-rust-D4vfxUpk.js → prism-rust-Chzr6sBk.js} +1 -1
  195. package/dist/components/{prism-typescript-Dy2F4cF2.js → prism-typescript-DPJmu--x.js} +1 -1
  196. package/dist/components/status-and-feedback/inline-dialog/inline-dialog.styles.js +2 -2
  197. package/dist/css/rich-text.css +6 -1
  198. package/dist/css/settings.css +139 -35
  199. package/dist/utilities/page-section-mixin.d.ts +1 -0
  200. package/dist/utilities/page-section-mixin.d.ts.map +1 -1
  201. package/dist/utilities/page-section-mixin.js +9 -0
  202. package/dist/utilities/page-section-mixin.js.map +1 -1
  203. package/package.json +1 -1
package/dist/components/{prism-typescript-Dy2F4cF2.js → prism-typescript-DPJmu--x.js} RENAMED
@@ -1,4 +1,4 @@
1
- import { g as getDefaultExportFromCjs } from "./index-C3JellW2.js";
1
+ import { g as getDefaultExportFromCjs } from "./index-DHU98C6V.js";
2
2
  function _mergeNamespaces(n, m) {
3
3
  for (var i = 0; i < m.length; i++) {
4
4
  const e = m[i];
package/dist/components/status-and-feedback/inline-dialog/inline-dialog.styles.js CHANGED
@@ -6,7 +6,7 @@ export const inlineDialogStyles = css `
6
6
  /* # Host */
7
7
 
8
8
  :host {
9
- --_icon-size: var(--primitives-space-48);
9
+ --_icon-size: var(--primitives-space-40);
10
10
  --_icon-color: var(--components-inline-dialog-icon-color);
11
11
  --_text-font: var(--primitives-font-body-md-bold-tight);
12
12
  --_supporting-text-font: var(--primitives-font-body-sm-regular-tight);
@@ -19,7 +19,7 @@ export const inlineDialogStyles = css `
19
19
  }
20
20
 
21
21
  :host([size="lg"]) {
22
- --_icon-size: var(--primitives-space-56);
22
+ --_icon-size: var(--primitives-space-48);
23
23
  --_text-font: var(--primitives-font-body-lg-bold-tight);
24
24
  --_supporting-text-font: var(--primitives-font-body-md-regular-tight);
25
25
  }
package/dist/css/rich-text.css CHANGED
@@ -299,6 +299,7 @@ nldd-rich-text figcaption {
299
299
  color: var(--semantics-content-secondary-color);
300
300
  font: var(--primitives-font-body-xs-regular-snug);
301
301
  text-align: left;
302
+ text-wrap: pretty;
302
303
  }
303
304
 
304
305
 
@@ -454,6 +455,10 @@ nldd-rich-text tr > :is(th, td):last-child {
454
455
 
455
456
  /* ## Table Last Row */
456
457
 
457
- nldd-rich-text tr:last-child > :is(th, td) {
458
+ /* Only the final BODY row drops its bottom border (the table's own border
459
+ closes it off). Without the `tbody` scope an unscoped `tr:last-child` also
460
+ matches the header row — it is the last (only) child of `thead` — which
461
+ wrongly stripped the header underline on tables that render a `<thead>`. */
462
+ nldd-rich-text tbody tr:last-child > :is(th, td) {
458
463
  border-bottom: none;
459
464
  }
package/dist/css/settings.css CHANGED
@@ -921,10 +921,12 @@
921
921
  --semantics-controls-md-min-size: var(--primitives-space-44);
922
922
  --semantics-controls-lg-min-size: var(--primitives-space-56);
923
923
 
924
+ --semantics-controls-lg-inline-padding: var(--primitives-space-16);
924
925
  --semantics-controls-md-inline-padding: var(--primitives-space-12);
925
926
  --semantics-controls-sm-inline-padding: var(--primitives-space-10);
926
927
  --semantics-controls-xs-inline-padding: var(--primitives-space-6);
927
928
 
929
+ --semantics-controls-lg-block-padding: var(--primitives-space-12);
928
930
  --semantics-controls-md-block-padding: var(--primitives-space-10);
929
931
  --semantics-controls-sm-block-padding: var(--primitives-space-6);
930
932
  --semantics-controls-xs-block-padding: var(--primitives-space-4);
@@ -947,87 +949,187 @@
947
949
 
948
950
  /* ## Buttons */
949
951
 
950
- --semantics-buttons-xs-font: var(--primitives-font-body-xs-medium-flat);
951
- --semantics-buttons-sm-font: var(--primitives-font-body-sm-medium-flat);
952
- --semantics-buttons-md-font: var(--primitives-font-body-md-medium-flat);
952
+ --semantics-buttons-xs-primary-text-font: var(--primitives-font-body-xs-medium-flat);
953
+ --semantics-buttons-xs-supporting-text-font: var(--primitives-font-body-xxs-regular-flat);
954
+ --semantics-buttons-sm-primary-text-font: var(--primitives-font-body-sm-medium-flat);
955
+ --semantics-buttons-sm-supporting-text-font: var(--primitives-font-body-xxs-regular-flat);
956
+ --semantics-buttons-md-primary-text-font: var(--primitives-font-body-md-medium-flat);
957
+ --semantics-buttons-md-supporting-text-font: var(--primitives-font-body-xs-regular-flat);
958
+ --semantics-buttons-lg-primary-text-font: var(--primitives-font-body-lg-medium-flat);
959
+ --semantics-buttons-lg-supporting-text-font: var(--primitives-font-body-sm-regular-flat);
953
960
 
954
961
  --semantics-buttons-xs-divider-length: var(--primitives-space-14);
955
962
  --semantics-buttons-sm-divider-length: var(--primitives-space-20);
956
963
  --semantics-buttons-md-divider-length: var(--primitives-space-28);
964
+ --semantics-buttons-lg-divider-length: var(--primitives-space-32);
957
965
 
958
966
  --semantics-buttons-xs-gap: var(--primitives-space-2);
959
- --semantics-buttons-sm-gap: var(--primitives-space-3);
960
- --semantics-buttons-md-gap: var(--primitives-space-4);
967
+ --semantics-buttons-sm-gap: var(--primitives-space-4);
968
+ --semantics-buttons-md-gap: var(--primitives-space-6);
969
+ --semantics-buttons-lg-gap: var(--primitives-space-6);
961
970
 
962
971
  --semantics-buttons-xs-icon-size: var(--primitives-space-16);
963
972
  --semantics-buttons-sm-icon-size: var(--primitives-space-18);
964
973
  --semantics-buttons-md-icon-size: var(--primitives-space-20);
974
+ --semantics-buttons-lg-icon-size: var(--primitives-space-24);
975
+
976
+ --semantics-buttons-xs-with-supporting-text-icon-size: var(--primitives-space-16);
977
+ --semantics-buttons-sm-with-supporting-text-icon-size: var(--primitives-space-18);
978
+ --semantics-buttons-md-with-supporting-text-icon-size: var(--primitives-space-24);
979
+ --semantics-buttons-lg-with-supporting-text-icon-size: var(--primitives-space-32);
965
980
 
966
981
  --semantics-buttons-xs-icon-only-icon-size: var(--primitives-space-16);
967
982
  --semantics-buttons-sm-icon-only-icon-size: var(--primitives-space-20);
968
983
  --semantics-buttons-md-icon-only-icon-size: var(--primitives-space-24);
984
+ --semantics-buttons-lg-icon-only-icon-size: var(--primitives-space-28);
985
+
986
+ --semantics-buttons-neutral-base-background-color: var(--semantics-surfaces-base-background-color);
987
+ --semantics-buttons-neutral-base-primary-content-color: light-dark(var(--primitives-color-neutral-900), var(--primitives-color-neutral-900));
988
+ --semantics-buttons-neutral-base-secondary-content-color: light-dark(var(--primitives-color-neutral-550), var(--primitives-color-neutral-650));
989
+ --semantics-buttons-neutral-base-divider-color: light-dark(var(--primitives-color-neutral-200), var(--primitives-color-neutral-200));
990
+ --semantics-buttons-neutral-base-highlight-border-color: light-dark(var(--primitives-color-neutral-75), var(--primitives-color-neutral-200));
991
+ --semantics-buttons-neutral-base-is-hovered-background-color: light-dark(var(--primitives-color-neutral-25), var(--primitives-color-neutral-150));
992
+ --semantics-buttons-neutral-base-is-hovered-highlight-border-color: light-dark(var(--primitives-color-neutral-100), var(--primitives-color-neutral-250));
993
+ --semantics-buttons-neutral-base-is-hovered-primary-content-color: light-dark(var(--primitives-color-neutral-1000), var(--primitives-color-neutral-1000));
994
+ --semantics-buttons-neutral-base-is-hovered-secondary-content-color: light-dark(var(--primitives-color-neutral-550), var(--primitives-color-neutral-700));
995
+ --semantics-buttons-neutral-base-is-active-background-color: light-dark(var(--primitives-color-neutral-50), var(--primitives-color-neutral-200));
996
+ --semantics-buttons-neutral-base-is-active-highlight-border-color: light-dark(var(--primitives-color-neutral-150), var(--primitives-color-neutral-300));
997
+ --semantics-buttons-neutral-base-is-active-primary-content-color: light-dark(var(--primitives-color-neutral-1000), var(--primitives-color-neutral-1000));
998
+ --semantics-buttons-neutral-base-is-active-secondary-content-color: light-dark(var(--primitives-color-neutral-600), var(--primitives-color-neutral-750));
999
+ --semantics-buttons-neutral-base-is-expanded-background-color: light-dark(var(--primitives-color-neutral-50), var(--primitives-color-neutral-200));
1000
+ --semantics-buttons-neutral-base-is-expanded-highlight-border-color: light-dark(var(--primitives-color-neutral-200), var(--primitives-color-neutral-300));
1001
+ --semantics-buttons-neutral-base-is-expanded-primary-content-color: light-dark(var(--primitives-color-neutral-1000), var(--primitives-color-neutral-1000));
1002
+ --semantics-buttons-neutral-base-is-expanded-secondary-content-color: light-dark(var(--primitives-color-neutral-600), var(--primitives-color-neutral-750));
1003
+ --semantics-buttons-neutral-base-is-expanded-is-hovered-background-color: light-dark(var(--primitives-color-neutral-75), var(--primitives-color-neutral-250));
1004
+ --semantics-buttons-neutral-base-is-expanded-is-hovered-highlight-border-color: light-dark(var(--primitives-color-neutral-250), var(--primitives-color-neutral-350));
1005
+ --semantics-buttons-neutral-base-is-expanded-is-hovered-primary-content-color: light-dark(var(--primitives-color-neutral-1000), var(--primitives-color-neutral-1000));
1006
+ --semantics-buttons-neutral-base-is-expanded-is-hovered-secondary-content-color: light-dark(var(--primitives-color-neutral-600), var(--primitives-color-neutral-800));
1007
+ --semantics-buttons-neutral-base-is-expanded-is-active-background-color: light-dark(var(--primitives-color-neutral-100), var(--primitives-color-neutral-300));
1008
+ --semantics-buttons-neutral-base-is-expanded-is-active-highlight-border-color: light-dark(var(--primitives-color-neutral-300), var(--primitives-color-neutral-400));
1009
+ --semantics-buttons-neutral-base-is-expanded-is-active-primary-content-color: light-dark(var(--primitives-color-neutral-1000), var(--primitives-color-neutral-1000));
1010
+ --semantics-buttons-neutral-base-is-expanded-is-active-secondary-content-color: light-dark(var(--primitives-color-neutral-650), var(--primitives-color-neutral-850));
1011
+ --semantics-buttons-neutral-base-is-selected-background-color: var(--semantics-controls-is-highlighted-indicator-color);
1012
+ --semantics-buttons-neutral-base-is-selected-highlight-border-color: light-dark(var(--primitives-color-accent-800), var(--primitives-color-accent-700));
1013
+ --semantics-buttons-neutral-base-is-selected-primary-content-color: var(--semantics-controls-is-highlighted-contrast-color);
1014
+ --semantics-buttons-neutral-base-is-selected-secondary-content-color: var(--semantics-controls-is-highlighted-contrast-color);
1015
+ --semantics-buttons-neutral-base-is-selected-is-hovered-background-color: var(--semantics-controls-is-highlighted-is-hovered-indicator-color);
1016
+ --semantics-buttons-neutral-base-is-selected-is-hovered-highlight-border-color: light-dark(var(--primitives-color-accent-850), var(--primitives-color-accent-750));
1017
+ --semantics-buttons-neutral-base-is-selected-is-hovered-primary-content-color: var(--semantics-controls-is-highlighted-is-hovered-contrast-color);
1018
+ --semantics-buttons-neutral-base-is-selected-is-hovered-secondary-content-color: var(--semantics-controls-is-highlighted-is-hovered-contrast-color);
1019
+ --semantics-buttons-neutral-base-is-selected-is-active-background-color: var(--semantics-controls-is-highlighted-is-active-indicator-color);
1020
+ --semantics-buttons-neutral-base-is-selected-is-active-highlight-border-color: light-dark(var(--primitives-color-accent-900), var(--primitives-color-accent-800));
1021
+ --semantics-buttons-neutral-base-is-selected-is-active-primary-content-color: var(--semantics-controls-is-highlighted-is-active-contrast-color);
1022
+ --semantics-buttons-neutral-base-is-selected-is-active-secondary-content-color: var(--semantics-controls-is-highlighted-is-active-contrast-color);
969
1023
 
970
1024
  --semantics-buttons-neutral-tinted-background-color: light-dark(var(--primitives-color-neutral-75), var(--primitives-color-neutral-200));
971
- --semantics-buttons-neutral-tinted-content-color: light-dark(var(--primitives-color-neutral-900), var(--primitives-color-neutral-900));
1025
+ --semantics-buttons-neutral-tinted-primary-content-color: light-dark(var(--primitives-color-neutral-900), var(--primitives-color-neutral-900));
972
1026
  --semantics-buttons-neutral-tinted-secondary-content-color: light-dark(var(--primitives-color-neutral-750), var(--primitives-color-neutral-750));
973
1027
  --semantics-buttons-neutral-tinted-divider-color: light-dark(var(--primitives-color-neutral-250), var(--primitives-color-neutral-450));
1028
+ --semantics-buttons-neutral-tinted-highlight-border-color: light-dark(var(--primitives-color-neutral-150), var(--primitives-color-neutral-250));
974
1029
  --semantics-buttons-neutral-tinted-is-hovered-background-color: light-dark(var(--primitives-color-neutral-100), var(--primitives-color-neutral-250));
975
- --semantics-buttons-neutral-tinted-is-hovered-content-color: light-dark(var(--primitives-color-neutral-1000), var(--primitives-color-neutral-1000));
1030
+ --semantics-buttons-neutral-tinted-is-hovered-highlight-border-color: light-dark(var(--primitives-color-neutral-150), var(--primitives-color-neutral-300));
1031
+ --semantics-buttons-neutral-tinted-is-hovered-primary-content-color: light-dark(var(--primitives-color-neutral-1000), var(--primitives-color-neutral-1000));
976
1032
  --semantics-buttons-neutral-tinted-is-hovered-secondary-content-color: light-dark(var(--primitives-color-neutral-650), var(--primitives-color-neutral-800));
977
1033
  --semantics-buttons-neutral-tinted-is-active-background-color: light-dark(var(--primitives-color-neutral-150), var(--primitives-color-neutral-300));
978
- --semantics-buttons-neutral-tinted-is-active-content-color: light-dark(var(--primitives-color-neutral-1000), var(--primitives-color-neutral-1000));
1034
+ --semantics-buttons-neutral-tinted-is-active-highlight-border-color: light-dark(var(--primitives-color-neutral-200), var(--primitives-color-neutral-350));
1035
+ --semantics-buttons-neutral-tinted-is-active-primary-content-color: light-dark(var(--primitives-color-neutral-1000), var(--primitives-color-neutral-1000));
979
1036
  --semantics-buttons-neutral-tinted-is-active-secondary-content-color: light-dark(var(--primitives-color-neutral-700), var(--primitives-color-neutral-850));
980
1037
  --semantics-buttons-neutral-tinted-is-expanded-background-color: light-dark(var(--primitives-color-neutral-150), var(--primitives-color-neutral-300));
981
- --semantics-buttons-neutral-tinted-is-expanded-content-color: light-dark(var(--primitives-color-neutral-1000), var(--primitives-color-neutral-1000));
1038
+ --semantics-buttons-neutral-tinted-is-expanded-highlight-border-color: light-dark(var(--primitives-color-neutral-200), var(--primitives-color-neutral-350));
1039
+ --semantics-buttons-neutral-tinted-is-expanded-primary-content-color: light-dark(var(--primitives-color-neutral-1000), var(--primitives-color-neutral-1000));
982
1040
  --semantics-buttons-neutral-tinted-is-expanded-secondary-content-color: light-dark(var(--primitives-color-neutral-700), var(--primitives-color-neutral-850));
983
1041
  --semantics-buttons-neutral-tinted-is-expanded-is-hovered-background-color: light-dark(var(--primitives-color-neutral-200), var(--primitives-color-neutral-350));
984
- --semantics-buttons-neutral-tinted-is-expanded-is-hovered-content-color: light-dark(var(--primitives-color-neutral-1000), var(--primitives-color-neutral-1000));
1042
+ --semantics-buttons-neutral-tinted-is-expanded-is-hovered-highlight-border-color: light-dark(var(--primitives-color-neutral-250), var(--primitives-color-neutral-400));
1043
+ --semantics-buttons-neutral-tinted-is-expanded-is-hovered-primary-content-color: light-dark(var(--primitives-color-neutral-1000), var(--primitives-color-neutral-1000));
985
1044
  --semantics-buttons-neutral-tinted-is-expanded-is-hovered-secondary-content-color: light-dark(var(--primitives-color-neutral-700), var(--primitives-color-neutral-850));
986
1045
  --semantics-buttons-neutral-tinted-is-expanded-is-active-background-color: light-dark(var(--primitives-color-neutral-250), var(--primitives-color-neutral-400));
987
- --semantics-buttons-neutral-tinted-is-expanded-is-active-content-color: light-dark(var(--primitives-color-neutral-1000), var(--primitives-color-neutral-1000));
1046
+ --semantics-buttons-neutral-tinted-is-expanded-is-active-highlight-border-color: light-dark(var(--primitives-color-neutral-300), var(--primitives-color-neutral-450));
1047
+ --semantics-buttons-neutral-tinted-is-expanded-is-active-primary-content-color: light-dark(var(--primitives-color-neutral-1000), var(--primitives-color-neutral-1000));
988
1048
  --semantics-buttons-neutral-tinted-is-expanded-is-active-secondary-content-color: light-dark(var(--primitives-color-neutral-750), var(--primitives-color-neutral-900));
989
1049
  --semantics-buttons-neutral-tinted-is-selected-background-color: var(--semantics-controls-is-highlighted-indicator-color);
990
- --semantics-buttons-neutral-tinted-is-selected-content-color: var(--semantics-controls-is-highlighted-contrast-color);
1050
+ --semantics-buttons-neutral-tinted-is-selected-highlight-border-color: light-dark(var(--primitives-color-accent-800), var(--primitives-color-accent-700));
1051
+ --semantics-buttons-neutral-tinted-is-selected-primary-content-color: var(--semantics-controls-is-highlighted-contrast-color);
991
1052
  --semantics-buttons-neutral-tinted-is-selected-secondary-content-color: var(--semantics-controls-is-highlighted-contrast-color);
992
1053
  --semantics-buttons-neutral-tinted-is-selected-is-hovered-background-color: var(--semantics-controls-is-highlighted-is-hovered-indicator-color);
993
- --semantics-buttons-neutral-tinted-is-selected-is-hovered-content-color: var(--semantics-controls-is-highlighted-is-hovered-contrast-color);
1054
+ --semantics-buttons-neutral-tinted-is-selected-is-hovered-highlight-border-color: light-dark(var(--primitives-color-accent-850), var(--primitives-color-accent-750));
1055
+ --semantics-buttons-neutral-tinted-is-selected-is-hovered-primary-content-color: var(--semantics-controls-is-highlighted-is-hovered-contrast-color);
994
1056
  --semantics-buttons-neutral-tinted-is-selected-is-hovered-secondary-content-color: var(--semantics-controls-is-highlighted-is-hovered-contrast-color);
995
1057
  --semantics-buttons-neutral-tinted-is-selected-is-active-background-color: var(--semantics-controls-is-highlighted-is-active-indicator-color);
996
- --semantics-buttons-neutral-tinted-is-selected-is-active-content-color: var(--semantics-controls-is-highlighted-is-active-contrast-color);
1058
+ --semantics-buttons-neutral-tinted-is-selected-is-active-highlight-border-color: light-dark(var(--primitives-color-accent-900), var(--primitives-color-accent-800));
1059
+ --semantics-buttons-neutral-tinted-is-selected-is-active-primary-content-color: var(--semantics-controls-is-highlighted-is-active-contrast-color);
997
1060
  --semantics-buttons-neutral-tinted-is-selected-is-active-secondary-content-color: var(--semantics-controls-is-highlighted-is-active-contrast-color);
998
1061
 
999
- --semantics-buttons-neutral-transparent-content-color: light-dark(var(--primitives-color-neutral-900), var(--primitives-color-neutral-900));
1000
- --semantics-buttons-neutral-transparent-is-hovered-content-color: light-dark(var(--primitives-color-neutral-950), var(--primitives-color-neutral-950));
1001
- --semantics-buttons-neutral-transparent-is-active-content-color: light-dark(var(--primitives-color-neutral-1000), var(--primitives-color-neutral-1000));
1062
+ --semantics-buttons-neutral-transparent-primary-content-color: light-dark(var(--primitives-color-neutral-900), var(--primitives-color-neutral-900));
1063
+ --semantics-buttons-neutral-transparent-secondary-content-color: light-dark(var(--primitives-color-neutral-550), var(--primitives-color-neutral-650));
1064
+ --semantics-buttons-neutral-transparent-is-hovered-primary-content-color: light-dark(var(--primitives-color-neutral-950), var(--primitives-color-neutral-950));
1065
+ --semantics-buttons-neutral-transparent-is-hovered-secondary-content-color: light-dark(var(--primitives-color-neutral-550), var(--primitives-color-neutral-650));
1066
+ --semantics-buttons-neutral-transparent-is-active-primary-content-color: light-dark(var(--primitives-color-neutral-1000), var(--primitives-color-neutral-1000));
1067
+ --semantics-buttons-neutral-transparent-is-active-secondary-content-color: light-dark(var(--primitives-color-neutral-550), var(--primitives-color-neutral-650));
1002
1068
 
1003
1069
  --semantics-buttons-accent-filled-background-color: light-dark(var(--primitives-color-accent-750), var(--primitives-color-accent-650));
1004
- --semantics-buttons-accent-filled-content-color: light-dark(var(--primitives-color-accent-0), var(--primitives-color-accent-0));
1070
+ --semantics-buttons-accent-filled-primary-content-color: light-dark(var(--primitives-color-accent-0), var(--primitives-color-accent-0));
1071
+ --semantics-buttons-accent-filled-secondary-content-color: light-dark(var(--primitives-color-accent-200), var(--primitives-color-accent-100));
1005
1072
  --semantics-buttons-accent-filled-divider-color: light-dark(var(--primitives-color-accent-500), var(--primitives-color-accent-450));
1073
+ --semantics-buttons-accent-filled-highlight-border-color: light-dark(var(--primitives-color-accent-800), var(--primitives-color-accent-700));
1006
1074
  --semantics-buttons-accent-filled-is-hovered-background-color: light-dark(var(--primitives-color-accent-800), var(--primitives-color-accent-700));
1007
- --semantics-buttons-accent-filled-is-hovered-content-color: light-dark(var(--primitives-color-accent-0), var(--primitives-color-accent-0));
1075
+ --semantics-buttons-accent-filled-is-hovered-highlight-border-color: light-dark(var(--primitives-color-accent-850), var(--primitives-color-accent-750));
1076
+ --semantics-buttons-accent-filled-is-hovered-primary-content-color: light-dark(var(--primitives-color-accent-0), var(--primitives-color-accent-0));
1077
+ --semantics-buttons-accent-filled-is-hovered-secondary-content-color: light-dark(var(--primitives-color-accent-200), var(--primitives-color-accent-100));
1008
1078
  --semantics-buttons-accent-filled-is-active-background-color: light-dark(var(--primitives-color-accent-850), var(--primitives-color-accent-750));
1009
- --semantics-buttons-accent-filled-is-active-content-color: light-dark(var(--primitives-color-accent-0), var(--primitives-color-accent-0));
1079
+ --semantics-buttons-accent-filled-is-active-highlight-border-color: light-dark(var(--primitives-color-accent-900), var(--primitives-color-accent-800));
1080
+ --semantics-buttons-accent-filled-is-active-primary-content-color: light-dark(var(--primitives-color-accent-0), var(--primitives-color-accent-0));
1081
+ --semantics-buttons-accent-filled-is-active-secondary-content-color: light-dark(var(--primitives-color-accent-200), var(--primitives-color-accent-100));
1010
1082
  --semantics-buttons-accent-filled-is-expanded-background-color: light-dark(var(--primitives-color-accent-850), var(--primitives-color-accent-750));
1011
- --semantics-buttons-accent-filled-is-expanded-content-color: light-dark(var(--primitives-color-accent-0), var(--primitives-color-accent-0));
1083
+ --semantics-buttons-accent-filled-is-expanded-highlight-border-color: light-dark(var(--primitives-color-accent-900), var(--primitives-color-accent-800));
1084
+ --semantics-buttons-accent-filled-is-expanded-primary-content-color: light-dark(var(--primitives-color-accent-0), var(--primitives-color-accent-0));
1085
+ --semantics-buttons-accent-filled-is-expanded-secondary-content-color: light-dark(var(--primitives-color-accent-200), var(--primitives-color-accent-100));
1012
1086
  --semantics-buttons-accent-filled-is-expanded-is-hovered-background-color: light-dark(var(--primitives-color-accent-900), var(--primitives-color-accent-800));
1013
- --semantics-buttons-accent-filled-is-expanded-is-hovered-content-color: light-dark(var(--primitives-color-accent-0), var(--primitives-color-accent-0));
1087
+ --semantics-buttons-accent-filled-is-expanded-is-hovered-highlight-border-color: light-dark(var(--primitives-color-accent-950), var(--primitives-color-accent-850));
1088
+ --semantics-buttons-accent-filled-is-expanded-is-hovered-primary-content-color: light-dark(var(--primitives-color-accent-0), var(--primitives-color-accent-0));
1089
+ --semantics-buttons-accent-filled-is-expanded-is-hovered-secondary-content-color: light-dark(var(--primitives-color-accent-200), var(--primitives-color-accent-100));
1014
1090
  --semantics-buttons-accent-filled-is-expanded-is-active-background-color: light-dark(var(--primitives-color-accent-950), var(--primitives-color-accent-850));
1015
- --semantics-buttons-accent-filled-is-expanded-is-active-content-color: light-dark(var(--primitives-color-accent-0), var(--primitives-color-accent-0));
1091
+ --semantics-buttons-accent-filled-is-expanded-is-active-highlight-border-color: light-dark(var(--primitives-color-accent-1000), var(--primitives-color-accent-900));
1092
+ --semantics-buttons-accent-filled-is-expanded-is-active-primary-content-color: light-dark(var(--primitives-color-accent-0), var(--primitives-color-accent-0));
1093
+ --semantics-buttons-accent-filled-is-expanded-is-active-secondary-content-color: light-dark(var(--primitives-color-accent-200), var(--primitives-color-accent-100));
1016
1094
 
1017
- --semantics-buttons-accent-transparent-content-color: light-dark(var(--primitives-color-accent-750), var(--primitives-color-accent-650));
1018
- --semantics-buttons-accent-transparent-is-hovered-content-color: light-dark(var(--primitives-color-accent-800), var(--primitives-color-accent-700));
1019
- --semantics-buttons-accent-transparent-is-active-content-color: light-dark(var(--primitives-color-accent-850), var(--primitives-color-accent-750));
1095
+ --semantics-buttons-accent-transparent-primary-content-color: light-dark(var(--primitives-color-accent-750), var(--primitives-color-accent-650));
1096
+ --semantics-buttons-accent-transparent-secondary-content-color: light-dark(var(--primitives-color-accent-550), var(--primitives-color-accent-650));
1097
+ --semantics-buttons-accent-transparent-is-hovered-primary-content-color: light-dark(var(--primitives-color-accent-800), var(--primitives-color-accent-700));
1098
+ --semantics-buttons-accent-transparent-is-hovered-secondary-content-color: light-dark(var(--primitives-color-accent-550), var(--primitives-color-accent-650));
1099
+ --semantics-buttons-accent-transparent-is-active-primary-content-color: light-dark(var(--primitives-color-accent-850), var(--primitives-color-accent-750));
1100
+ --semantics-buttons-accent-transparent-is-active-secondary-content-color: light-dark(var(--primitives-color-accent-550), var(--primitives-color-accent-650));
1020
1101
 
1021
1102
  --semantics-buttons-critical-tinted-background-color: light-dark(var(--primitives-color-critical-75), var(--primitives-color-critical-150));
1022
- --semantics-buttons-critical-tinted-content-color: light-dark(var(--primitives-color-critical-650), var(--primitives-color-critical-700));
1103
+ --semantics-buttons-critical-tinted-primary-content-color: light-dark(var(--primitives-color-critical-600), var(--primitives-color-critical-700));
1104
+ --semantics-buttons-critical-tinted-secondary-content-color: light-dark(var(--primitives-color-critical-600), var(--primitives-color-critical-700));
1105
+ --semantics-buttons-critical-tinted-highlight-border-color: light-dark(var(--primitives-color-critical-150), var(--primitives-color-critical-200));
1023
1106
  --semantics-buttons-critical-tinted-is-hovered-background-color: light-dark(var(--primitives-color-critical-100), var(--primitives-color-critical-200));
1024
- --semantics-buttons-critical-tinted-is-hovered-content-color: light-dark(var(--primitives-color-critical-700), var(--primitives-color-critical-750));
1107
+ --semantics-buttons-critical-tinted-is-hovered-highlight-border-color: light-dark(var(--primitives-color-critical-150), var(--primitives-color-critical-250));
1108
+ --semantics-buttons-critical-tinted-is-hovered-primary-content-color: light-dark(var(--primitives-color-critical-650), var(--primitives-color-critical-750));
1109
+ --semantics-buttons-critical-tinted-is-hovered-secondary-content-color: light-dark(var(--primitives-color-critical-650), var(--primitives-color-critical-750));
1025
1110
  --semantics-buttons-critical-tinted-is-active-background-color: light-dark(var(--primitives-color-critical-150), var(--primitives-color-critical-250));
1026
- --semantics-buttons-critical-tinted-is-active-content-color: light-dark(var(--primitives-color-critical-750), var(--primitives-color-critical-800));
1027
-
1028
- --semantics-buttons-critical-transparent-content-color: light-dark(var(--primitives-color-critical-600), var(--primitives-color-critical-650));
1029
- --semantics-buttons-critical-transparent-is-hovered-content-color: light-dark(var(--primitives-color-critical-650), var(--primitives-color-critical-700));
1030
- --semantics-buttons-critical-transparent-is-active-content-color: light-dark(var(--primitives-color-critical-700), var(--primitives-color-critical-750));
1111
+ --semantics-buttons-critical-tinted-is-active-highlight-border-color: light-dark(var(--primitives-color-critical-200), var(--primitives-color-critical-300));
1112
+ --semantics-buttons-critical-tinted-is-active-primary-content-color: light-dark(var(--primitives-color-critical-700), var(--primitives-color-critical-800));
1113
+ --semantics-buttons-critical-tinted-is-active-secondary-content-color: light-dark(var(--primitives-color-critical-700), var(--primitives-color-critical-800));
1114
+ --semantics-buttons-critical-tinted-is-expanded-background-color: light-dark(var(--primitives-color-critical-150), var(--primitives-color-critical-300));
1115
+ --semantics-buttons-critical-tinted-is-expanded-highlight-border-color: light-dark(var(--primitives-color-critical-200), var(--primitives-color-critical-350));
1116
+ --semantics-buttons-critical-tinted-is-expanded-primary-content-color: light-dark(var(--primitives-color-critical-750), var(--primitives-color-critical-850));
1117
+ --semantics-buttons-critical-tinted-is-expanded-secondary-content-color: light-dark(var(--primitives-color-critical-750), var(--primitives-color-critical-850));
1118
+ --semantics-buttons-critical-tinted-is-expanded-is-hovered-background-color: light-dark(var(--primitives-color-critical-200), var(--primitives-color-critical-350));
1119
+ --semantics-buttons-critical-tinted-is-expanded-is-hovered-highlight-border-color: light-dark(var(--primitives-color-critical-250), var(--primitives-color-critical-400));
1120
+ --semantics-buttons-critical-tinted-is-expanded-is-hovered-primary-content-color: light-dark(var(--primitives-color-critical-800), var(--primitives-color-critical-900));
1121
+ --semantics-buttons-critical-tinted-is-expanded-is-hovered-secondary-content-color: light-dark(var(--primitives-color-critical-800), var(--primitives-color-critical-900));
1122
+ --semantics-buttons-critical-tinted-is-expanded-is-active-background-color: light-dark(var(--primitives-color-critical-250), var(--primitives-color-critical-400));
1123
+ --semantics-buttons-critical-tinted-is-expanded-is-active-highlight-border-color: light-dark(var(--primitives-color-critical-300), var(--primitives-color-critical-450));
1124
+ --semantics-buttons-critical-tinted-is-expanded-is-active-primary-content-color: light-dark(var(--primitives-color-critical-850), var(--primitives-color-critical-950));
1125
+ --semantics-buttons-critical-tinted-is-expanded-is-active-secondary-content-color: light-dark(var(--primitives-color-critical-850), var(--primitives-color-critical-950));
1126
+
1127
+ --semantics-buttons-critical-transparent-primary-content-color: light-dark(var(--primitives-color-critical-600), var(--primitives-color-critical-650));
1128
+ --semantics-buttons-critical-transparent-secondary-content-color: light-dark(var(--primitives-color-critical-550), var(--primitives-color-critical-650));
1129
+ --semantics-buttons-critical-transparent-is-hovered-primary-content-color: light-dark(var(--primitives-color-critical-650), var(--primitives-color-critical-700));
1130
+ --semantics-buttons-critical-transparent-is-hovered-secondary-content-color: light-dark(var(--primitives-color-critical-550), var(--primitives-color-critical-650));
1131
+ --semantics-buttons-critical-transparent-is-active-primary-content-color: light-dark(var(--primitives-color-critical-700), var(--primitives-color-critical-750));
1132
+ --semantics-buttons-critical-transparent-is-active-secondary-content-color: light-dark(var(--primitives-color-critical-550), var(--primitives-color-critical-650));
1031
1133
 
1032
1134
  /* ## Input fields */
1033
1135
 
@@ -1042,7 +1144,8 @@
1042
1144
  --semantics-input-fields-is-invalid-icon-color: light-dark(var(--primitives-color-critical-550), var(--primitives-color-critical-650));
1043
1145
  --semantics-input-fields-is-read-only-background-color: light-dark(var(--primitives-color-neutral-50), var(--primitives-color-neutral-150));
1044
1146
  --semantics-input-fields-is-read-only-border-color: light-dark(var(--primitives-color-neutral-50), var(--primitives-color-neutral-150));
1045
- --semantics-input-fields-is-autofill-background-color: light-dark(var(--primitives-color-mark-50), var(--primitives-color-mark-150));
1147
+ --semantics-input-fields-is-autofill-background-color: light-dark(var(--primitives-color-mark-50), var(--primitives-color-mark-950));
1148
+ --semantics-input-fields-is-autofill-content-color: light-dark(var(--primitives-color-mark-800), var(--primitives-color-mark-200));
1046
1149
 
1047
1150
  --semantics-input-fields-xs-text-font: var(--primitives-font-body-xs-regular-flat);
1048
1151
  /* Font for the invisible native <select>: Safari derives the option popup size from this,
@@ -1331,7 +1434,7 @@
1331
1434
  /* ## Card */
1332
1435
 
1333
1436
  --components-card-background-color: light-dark(var(--primitives-color-neutral-0), var(--primitives-color-neutral-75));
1334
- --components-card-corner-radius: var(--semantics-surfaces-corner-radius);
1437
+ --components-card-corner-radius: var(--primitives-corner-radius-none);
1335
1438
  --components-card-box-shadow: var(--primitives-box-shadows-level-1);
1336
1439
  --components-card-highlight-border-width: var(--primitives-border-width-thin);
1337
1440
  --components-card-highlight-border-color: light-dark(
@@ -1774,6 +1877,7 @@
1774
1877
 
1775
1878
  --components-toolbar-sm-gap: var(--primitives-space-6);
1776
1879
  --components-toolbar-md-gap: var(--primitives-space-8);
1880
+ --components-toolbar-lg-gap: var(--primitives-space-8);
1777
1881
 
1778
1882
  /* ## Tooltip */
1779
1883
 
package/dist/utilities/page-section-mixin.d.ts CHANGED
@@ -48,6 +48,7 @@ export declare function PageSectionMixin<TBase extends Constructor<LitElement>>(
48
48
  lgPaddingTop?: PageSectionPadding;
49
49
  lgPaddingBottom?: PageSectionPadding;
50
50
  height?: string;
51
+ _onSlotChange(e: Event): void;
51
52
  }>;
52
53
  export {};
53
54
  //# sourceMappingURL=page-section-mixin.d.ts.map
package/dist/utilities/page-section-mixin.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"page-section-mixin.d.ts","sourceRoot":"","sources":["../../src/utilities/page-section-mixin.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAuB,MAAM,KAAK,CAAC;AAItD,KAAK,WAAW,CAAC,CAAC,GAAG,UAAU,IAAI,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;AAE7D,MAAM,MAAM,qBAAqB,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC;AAClE,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,CAAC;AAC1E,MAAM,MAAM,kBAAkB,GAC3B,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAC9D,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAyBhE;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,SAAS,WAAW,CAAC,UAAU,CAAC,EACrE,IAAI,EAAE,KAAK,GAkK0B,KAAK,GACzC,WAAW,CACV,UAAU,GAAG;IACZ,UAAU,EAAE,qBAAqB,CAAC;IAClC,MAAM,EAAE,iBAAiB,CAAC;IAC1B,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAClC,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAClC,eAAe,CAAC,EAAE,kBAAkB,CAAC;IACrC,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAClC,eAAe,CAAC,EAAE,kBAAkB,CAAC;IACrC,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAClC,eAAe,CAAC,EAAE,kBAAkB,CAAC;IACrC,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB,CACD,CACF"}
1
+ {"version":3,"file":"page-section-mixin.d.ts","sourceRoot":"","sources":["../../src/utilities/page-section-mixin.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAuB,MAAM,KAAK,CAAC;AAItD,KAAK,WAAW,CAAC,CAAC,GAAG,UAAU,IAAI,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;AAE7D,MAAM,MAAM,qBAAqB,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC;AAClE,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,CAAC;AAC1E,MAAM,MAAM,kBAAkB,GAC3B,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAC9D,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAyBhE;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,SAAS,WAAW,CAAC,UAAU,CAAC,EACrE,IAAI,EAAE,KAAK,GA2K0B,KAAK,GACzC,WAAW,CACV,UAAU,GAAG;IACZ,UAAU,EAAE,qBAAqB,CAAC;IAClC,MAAM,EAAE,iBAAiB,CAAC;IAC1B,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAClC,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAClC,eAAe,CAAC,EAAE,kBAAkB,CAAC;IACrC,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAClC,eAAe,CAAC,EAAE,kBAAkB,CAAC;IACrC,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAClC,eAAe,CAAC,EAAE,kBAAkB,CAAC;IACrC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;CAC9B,CACD,CACF"}
package/dist/utilities/page-section-mixin.js CHANGED
@@ -88,6 +88,15 @@ export function PageSectionMixin(Base) {
88
88
  if (changed.has('height'))
89
89
  this._applyHeight();
90
90
  }
91
+ // Hide a slot wrapper (header/footer) when the slot has no assigned
92
+ // elements, so empty regions collapse. Shared by every page section.
93
+ _onSlotChange(e) {
94
+ const slot = e.target;
95
+ const wrapper = slot.parentElement;
96
+ if (!wrapper)
97
+ return;
98
+ wrapper.hidden = slot.assignedElements().length === 0;
99
+ }
91
100
  _applyBackground() {
92
101
  if (this.background === 'base' || this.background === 'tinted') {
93
102
  const token = BACKGROUND_TOKEN[this.background];
package/dist/utilities/page-section-mixin.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"page-section-mixin.js","sourceRoot":"","sources":["../../src/utilities/page-section-mixin.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"page-section-mixin.js","sourceRoot":"","sources":["../../src/utilities/page-section-mixin.ts"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nldd/design-system",
3
- "version": "0.8.55",
3
+ "version": "0.8.57",
4
4
  "description": "Design System voor Nederlandse Digitale Dienst",
5
5
  "type": "module",
6
6
  "main": "dist/components/components.js",