@dsn-starter-kit/design-tokens 4.0.0 → 4.1.0

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 (64) hide show
  1. package/dist/css/scoped/density-default.css +1 -1
  2. package/dist/css/scoped/density-information-dense.css +1 -1
  3. package/dist/css/scoped/start-dark.css +1 -1
  4. package/dist/css/scoped/start-light-hero-image.css +1 -1
  5. package/dist/css/scoped/start-light.css +1 -1
  6. package/dist/css/scoped/wireframe-dark.css +1 -1
  7. package/dist/css/scoped/wireframe-light-hero-image.css +1 -1
  8. package/dist/css/scoped/wireframe-light.css +1 -1
  9. package/dist/css/start-dark-default.css +10 -0
  10. package/dist/css/start-dark-information-dense.css +10 -0
  11. package/dist/css/start-light-default.css +10 -0
  12. package/dist/css/start-light-information-dense.css +10 -0
  13. package/dist/css/variables-dark-scoped.css +1 -1
  14. package/dist/css/variables-dark.css +10 -0
  15. package/dist/css/variables.css +10 -0
  16. package/dist/css/wireframe-dark-default.css +10 -0
  17. package/dist/css/wireframe-dark-information-dense.css +10 -0
  18. package/dist/css/wireframe-light-default.css +10 -0
  19. package/dist/css/wireframe-light-information-dense.css +10 -0
  20. package/dist/js/start-dark-default.d.ts +10 -0
  21. package/dist/js/start-dark-default.js +215 -0
  22. package/dist/js/start-dark-information-dense.d.ts +10 -0
  23. package/dist/js/start-dark-information-dense.js +215 -0
  24. package/dist/js/start-light-default.d.ts +10 -0
  25. package/dist/js/start-light-default.js +215 -0
  26. package/dist/js/start-light-information-dense.d.ts +10 -0
  27. package/dist/js/start-light-information-dense.js +215 -0
  28. package/dist/js/tokens-dark.cjs +252 -0
  29. package/dist/js/tokens-dark.d.cts +10 -0
  30. package/dist/js/tokens-dark.d.ts +10 -0
  31. package/dist/js/tokens-dark.js +215 -0
  32. package/dist/js/tokens.cjs +252 -0
  33. package/dist/js/tokens.d.cts +10 -0
  34. package/dist/js/tokens.d.ts +10 -0
  35. package/dist/js/tokens.js +215 -0
  36. package/dist/js/wireframe-dark-default.d.ts +10 -0
  37. package/dist/js/wireframe-dark-default.js +214 -0
  38. package/dist/js/wireframe-dark-information-dense.d.ts +10 -0
  39. package/dist/js/wireframe-dark-information-dense.js +214 -0
  40. package/dist/js/wireframe-light-default.d.ts +10 -0
  41. package/dist/js/wireframe-light-default.js +214 -0
  42. package/dist/js/wireframe-light-information-dense.d.ts +10 -0
  43. package/dist/js/wireframe-light-information-dense.js +214 -0
  44. package/dist/json/start-dark-default.json +10 -0
  45. package/dist/json/start-dark-information-dense.json +10 -0
  46. package/dist/json/start-light-default.json +10 -0
  47. package/dist/json/start-light-information-dense.json +10 -0
  48. package/dist/json/tokens-dark.json +10 -0
  49. package/dist/json/tokens.json +10 -0
  50. package/dist/json/wireframe-dark-default.json +10 -0
  51. package/dist/json/wireframe-dark-information-dense.json +10 -0
  52. package/dist/json/wireframe-light-default.json +10 -0
  53. package/dist/json/wireframe-light-information-dense.json +10 -0
  54. package/dist/scss/_start-dark-default.scss +10 -0
  55. package/dist/scss/_start-dark-information-dense.scss +10 -0
  56. package/dist/scss/_start-light-default.scss +10 -0
  57. package/dist/scss/_start-light-information-dense.scss +10 -0
  58. package/dist/scss/_variables-dark.scss +10 -0
  59. package/dist/scss/_variables.scss +10 -0
  60. package/dist/scss/_wireframe-dark-default.scss +10 -0
  61. package/dist/scss/_wireframe-dark-information-dense.scss +10 -0
  62. package/dist/scss/_wireframe-light-default.scss +10 -0
  63. package/dist/scss/_wireframe-light-information-dense.scss +10 -0
  64. package/package.json +1 -1
package/dist/scss/_wireframe-dark-information-dense.scss CHANGED
@@ -735,6 +735,8 @@ $dsn-paragraph-lead-margin-block-end: $dsn-space-row-xl; // Onderste margin van
735
735
  $dsn-paragraph-small-print-font-size: $dsn-text-font-size-sm; // Font-size van de kleine tekst alinea
736
736
  $dsn-paragraph-small-print-line-height: $dsn-text-line-height-sm; // Line-height van de kleine tekst alinea
737
737
  $dsn-paragraph-small-print-margin-block-end: $dsn-space-row-md; // Onderste margin van de kleine tekst alinea
738
+ $dsn-popover-menu-min-width: $dsn-popover-min-width; // Minimale breedte van het paneel: delegeert naar de Popover
739
+ $dsn-popover-menu-max-width: $dsn-popover-max-width; // Maximale breedte van het paneel: delegeert naar de Popover
738
740
  $dsn-popover-background-color: $dsn-color-neutral-bg-elevated; // Achtergrondkleur van de popover — bg-elevated benadrukt elevatie boven de pagina
739
741
  $dsn-popover-border-width: $dsn-border-width-thin; // Randbreedte van de popover
740
742
  $dsn-popover-border-color: $dsn-color-neutral-border-subtle; // Randkleur van de popover
@@ -1146,6 +1148,14 @@ $dsn-page-footer-border-block-start-color: $dsn-color-accent-1-border-default; /
1146
1148
  $dsn-page-header-border-block-end-color: $dsn-color-accent-1-color-default; // Kleur van de onderkantrand
1147
1149
  $dsn-page-header-navbar-background-color: $dsn-color-accent-1-bg-default; // Navigatiebalk achtergrond
1148
1150
  $dsn-page-header-search-panel-background-color: $dsn-color-accent-1-bg-default; // Achtergrondkleur van het zoekpaneel
1151
+ $dsn-popover-menu-background-color: $dsn-popover-background-color; // Achtergrondkleur van het paneel: delegeert naar de Popover, zodat beide panelen gelijk ogen
1152
+ $dsn-popover-menu-border-width: $dsn-popover-border-width; // Randbreedte van het paneel: delegeert naar de Popover
1153
+ $dsn-popover-menu-border-color: $dsn-popover-border-color; // Randkleur van het paneel: delegeert naar de Popover
1154
+ $dsn-popover-menu-border-radius: $dsn-popover-border-radius; // Afgeronde hoeken van het paneel: delegeert naar de Popover
1155
+ $dsn-popover-menu-box-shadow: $dsn-popover-box-shadow; // Schaduw van het paneel: delegeert naar de Popover
1156
+ $dsn-popover-menu-z-index: $dsn-popover-z-index; // Z-index van het paneel: delegeert naar de Popover
1157
+ $dsn-popover-menu-padding-block: $dsn-popover-body-padding-block; // Verticale padding rond de lijst: delegeert naar de Popover-body, zodat beide panelen dezelfde binnenruimte hebben
1158
+ $dsn-popover-menu-padding-inline: $dsn-popover-body-padding-inline; // Horizontale padding rond de lijst: delegeert naar de Popover-body
1149
1159
  $dsn-popover-heading-color: $dsn-heading-color; // Kleur van de popover-heading
1150
1160
  $dsn-radio-group-legend-color: $dsn-form-field-label-color; // Tekstkleur van de legend (hergebruikt van het formulierveldlabel)
1151
1161
  $dsn-radio-group-legend-font-family: $dsn-form-field-label-font-family; // Font-familie van de legend (hergebruikt van het formulierveldlabel)
package/dist/scss/_wireframe-light-default.scss CHANGED
@@ -735,6 +735,8 @@ $dsn-paragraph-lead-margin-block-end: $dsn-space-row-xl; // Onderste margin van
735
735
  $dsn-paragraph-small-print-font-size: $dsn-text-font-size-sm; // Font-size van de kleine tekst alinea
736
736
  $dsn-paragraph-small-print-line-height: $dsn-text-line-height-sm; // Line-height van de kleine tekst alinea
737
737
  $dsn-paragraph-small-print-margin-block-end: $dsn-space-row-md; // Onderste margin van de kleine tekst alinea
738
+ $dsn-popover-menu-min-width: $dsn-popover-min-width; // Minimale breedte van het paneel: delegeert naar de Popover
739
+ $dsn-popover-menu-max-width: $dsn-popover-max-width; // Maximale breedte van het paneel: delegeert naar de Popover
738
740
  $dsn-popover-background-color: $dsn-color-neutral-bg-elevated; // Achtergrondkleur van de popover — bg-elevated benadrukt elevatie boven de pagina
739
741
  $dsn-popover-border-width: $dsn-border-width-thin; // Randbreedte van de popover
740
742
  $dsn-popover-border-color: $dsn-color-neutral-border-subtle; // Randkleur van de popover
@@ -1146,6 +1148,14 @@ $dsn-page-footer-border-block-start-color: $dsn-color-accent-1-border-default; /
1146
1148
  $dsn-page-header-border-block-end-color: $dsn-color-accent-1-color-default; // Kleur van de onderkantrand
1147
1149
  $dsn-page-header-navbar-background-color: $dsn-color-accent-1-bg-default; // Navigatiebalk achtergrond
1148
1150
  $dsn-page-header-search-panel-background-color: $dsn-color-accent-1-bg-default; // Achtergrondkleur van het zoekpaneel
1151
+ $dsn-popover-menu-background-color: $dsn-popover-background-color; // Achtergrondkleur van het paneel: delegeert naar de Popover, zodat beide panelen gelijk ogen
1152
+ $dsn-popover-menu-border-width: $dsn-popover-border-width; // Randbreedte van het paneel: delegeert naar de Popover
1153
+ $dsn-popover-menu-border-color: $dsn-popover-border-color; // Randkleur van het paneel: delegeert naar de Popover
1154
+ $dsn-popover-menu-border-radius: $dsn-popover-border-radius; // Afgeronde hoeken van het paneel: delegeert naar de Popover
1155
+ $dsn-popover-menu-box-shadow: $dsn-popover-box-shadow; // Schaduw van het paneel: delegeert naar de Popover
1156
+ $dsn-popover-menu-z-index: $dsn-popover-z-index; // Z-index van het paneel: delegeert naar de Popover
1157
+ $dsn-popover-menu-padding-block: $dsn-popover-body-padding-block; // Verticale padding rond de lijst: delegeert naar de Popover-body, zodat beide panelen dezelfde binnenruimte hebben
1158
+ $dsn-popover-menu-padding-inline: $dsn-popover-body-padding-inline; // Horizontale padding rond de lijst: delegeert naar de Popover-body
1149
1159
  $dsn-popover-heading-color: $dsn-heading-color; // Kleur van de popover-heading
1150
1160
  $dsn-radio-group-legend-color: $dsn-form-field-label-color; // Tekstkleur van de legend (hergebruikt van het formulierveldlabel)
1151
1161
  $dsn-radio-group-legend-font-family: $dsn-form-field-label-font-family; // Font-familie van de legend (hergebruikt van het formulierveldlabel)
package/dist/scss/_wireframe-light-information-dense.scss CHANGED
@@ -735,6 +735,8 @@ $dsn-paragraph-lead-margin-block-end: $dsn-space-row-xl; // Onderste margin van
735
735
  $dsn-paragraph-small-print-font-size: $dsn-text-font-size-sm; // Font-size van de kleine tekst alinea
736
736
  $dsn-paragraph-small-print-line-height: $dsn-text-line-height-sm; // Line-height van de kleine tekst alinea
737
737
  $dsn-paragraph-small-print-margin-block-end: $dsn-space-row-md; // Onderste margin van de kleine tekst alinea
738
+ $dsn-popover-menu-min-width: $dsn-popover-min-width; // Minimale breedte van het paneel: delegeert naar de Popover
739
+ $dsn-popover-menu-max-width: $dsn-popover-max-width; // Maximale breedte van het paneel: delegeert naar de Popover
738
740
  $dsn-popover-background-color: $dsn-color-neutral-bg-elevated; // Achtergrondkleur van de popover — bg-elevated benadrukt elevatie boven de pagina
739
741
  $dsn-popover-border-width: $dsn-border-width-thin; // Randbreedte van de popover
740
742
  $dsn-popover-border-color: $dsn-color-neutral-border-subtle; // Randkleur van de popover
@@ -1146,6 +1148,14 @@ $dsn-page-footer-border-block-start-color: $dsn-color-accent-1-border-default; /
1146
1148
  $dsn-page-header-border-block-end-color: $dsn-color-accent-1-color-default; // Kleur van de onderkantrand
1147
1149
  $dsn-page-header-navbar-background-color: $dsn-color-accent-1-bg-default; // Navigatiebalk achtergrond
1148
1150
  $dsn-page-header-search-panel-background-color: $dsn-color-accent-1-bg-default; // Achtergrondkleur van het zoekpaneel
1151
+ $dsn-popover-menu-background-color: $dsn-popover-background-color; // Achtergrondkleur van het paneel: delegeert naar de Popover, zodat beide panelen gelijk ogen
1152
+ $dsn-popover-menu-border-width: $dsn-popover-border-width; // Randbreedte van het paneel: delegeert naar de Popover
1153
+ $dsn-popover-menu-border-color: $dsn-popover-border-color; // Randkleur van het paneel: delegeert naar de Popover
1154
+ $dsn-popover-menu-border-radius: $dsn-popover-border-radius; // Afgeronde hoeken van het paneel: delegeert naar de Popover
1155
+ $dsn-popover-menu-box-shadow: $dsn-popover-box-shadow; // Schaduw van het paneel: delegeert naar de Popover
1156
+ $dsn-popover-menu-z-index: $dsn-popover-z-index; // Z-index van het paneel: delegeert naar de Popover
1157
+ $dsn-popover-menu-padding-block: $dsn-popover-body-padding-block; // Verticale padding rond de lijst: delegeert naar de Popover-body, zodat beide panelen dezelfde binnenruimte hebben
1158
+ $dsn-popover-menu-padding-inline: $dsn-popover-body-padding-inline; // Horizontale padding rond de lijst: delegeert naar de Popover-body
1149
1159
  $dsn-popover-heading-color: $dsn-heading-color; // Kleur van de popover-heading
1150
1160
  $dsn-radio-group-legend-color: $dsn-form-field-label-color; // Tekstkleur van de legend (hergebruikt van het formulierveldlabel)
1151
1161
  $dsn-radio-group-legend-font-family: $dsn-form-field-label-font-family; // Font-familie van de legend (hergebruikt van het formulierveldlabel)
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dsn-starter-kit/design-tokens",
3
- "version": "4.0.0",
3
+ "version": "4.1.0",
4
4
  "description": "Design tokens for the design system",
5
5
  "type": "module",
6
6
  "main": "dist/js/tokens.cjs",