@dsn-starter-kit/design-tokens 3.5.0 → 4.0.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 +43 -13
  10. package/dist/css/start-dark-information-dense.css +43 -13
  11. package/dist/css/start-light-default.css +43 -13
  12. package/dist/css/start-light-information-dense.css +43 -13
  13. package/dist/css/variables-dark-scoped.css +1 -1
  14. package/dist/css/variables-dark.css +43 -13
  15. package/dist/css/variables.css +43 -13
  16. package/dist/css/wireframe-dark-default.css +47 -17
  17. package/dist/css/wireframe-dark-information-dense.css +47 -17
  18. package/dist/css/wireframe-light-default.css +47 -17
  19. package/dist/css/wireframe-light-information-dense.css +47 -17
  20. package/dist/js/start-dark-default.d.ts +40 -10
  21. package/dist/js/start-dark-default.js +867 -209
  22. package/dist/js/start-dark-information-dense.d.ts +40 -10
  23. package/dist/js/start-dark-information-dense.js +867 -209
  24. package/dist/js/start-light-default.d.ts +40 -10
  25. package/dist/js/start-light-default.js +867 -209
  26. package/dist/js/start-light-information-dense.d.ts +40 -10
  27. package/dist/js/start-light-information-dense.js +867 -209
  28. package/dist/js/tokens-dark.cjs +914 -100
  29. package/dist/js/tokens-dark.d.cts +40 -10
  30. package/dist/js/tokens-dark.d.ts +40 -10
  31. package/dist/js/tokens-dark.js +867 -209
  32. package/dist/js/tokens.cjs +914 -100
  33. package/dist/js/tokens.d.cts +40 -10
  34. package/dist/js/tokens.d.ts +40 -10
  35. package/dist/js/tokens.js +867 -209
  36. package/dist/js/wireframe-dark-default.d.ts +40 -10
  37. package/dist/js/wireframe-dark-default.js +881 -221
  38. package/dist/js/wireframe-dark-information-dense.d.ts +40 -10
  39. package/dist/js/wireframe-dark-information-dense.js +881 -221
  40. package/dist/js/wireframe-light-default.d.ts +40 -10
  41. package/dist/js/wireframe-light-default.js +881 -221
  42. package/dist/js/wireframe-light-information-dense.d.ts +40 -10
  43. package/dist/js/wireframe-light-information-dense.js +881 -221
  44. package/dist/json/start-dark-default.json +40 -10
  45. package/dist/json/start-dark-information-dense.json +40 -10
  46. package/dist/json/start-light-default.json +40 -10
  47. package/dist/json/start-light-information-dense.json +40 -10
  48. package/dist/json/tokens-dark.json +40 -10
  49. package/dist/json/tokens.json +40 -10
  50. package/dist/json/wireframe-dark-default.json +40 -10
  51. package/dist/json/wireframe-dark-information-dense.json +40 -10
  52. package/dist/json/wireframe-light-default.json +40 -10
  53. package/dist/json/wireframe-light-information-dense.json +40 -10
  54. package/dist/scss/_start-dark-default.scss +43 -13
  55. package/dist/scss/_start-dark-information-dense.scss +43 -13
  56. package/dist/scss/_start-light-default.scss +43 -13
  57. package/dist/scss/_start-light-information-dense.scss +43 -13
  58. package/dist/scss/_variables-dark.scss +43 -13
  59. package/dist/scss/_variables.scss +43 -13
  60. package/dist/scss/_wireframe-dark-default.scss +47 -17
  61. package/dist/scss/_wireframe-dark-information-dense.scss +47 -17
  62. package/dist/scss/_wireframe-light-default.scss +47 -17
  63. package/dist/scss/_wireframe-light-information-dense.scss +47 -17
  64. package/package.json +1 -1
package/dist/json/start-dark-default.json CHANGED
@@ -148,12 +148,12 @@
148
148
  "DsnFormControlMaxInlineSize": "25rem",
149
149
  "DsnFormControlBorderRadius": "0px",
150
150
  "DsnFormControlBorderWidth": "1px",
151
- "DsnFormControlWidthXs": "10ch",
152
- "DsnFormControlWidthSm": "14ch",
153
- "DsnFormControlWidthMd": "20ch",
154
- "DsnFormControlWidthLg": "32ch",
155
- "DsnFormControlWidthXl": "48ch",
156
- "DsnFormControlWidthFull": "100%",
151
+ "DsnFormControlInlineSizeXs": "10ch",
152
+ "DsnFormControlInlineSizeSm": "14ch",
153
+ "DsnFormControlInlineSizeMd": "20ch",
154
+ "DsnFormControlInlineSizeLg": "32ch",
155
+ "DsnFormControlInlineSizeXl": "48ch",
156
+ "DsnFormControlInlineSizeFull": "100%",
157
157
  "DsnFormControlHoverBorderWidth": "2px",
158
158
  "DsnFormControlHoverAccentColor": "#a5bedb",
159
159
  "DsnFormControlHoverBackgroundColor": "#262626",
@@ -679,11 +679,27 @@
679
679
  "DsnCardBorderColor": "#3e3e3e",
680
680
  "DsnCardBoxShadow": "none",
681
681
  "DsnCardBoxShadowHover": "0 2px 4px 0 color-mix(in srgb, black 60%, transparent), 0 8px 16px 0 color-mix(in srgb, black 40%, transparent), 0 0 0 1px color-mix(in srgb, white 8%, transparent)",
682
- "DsnCardBodyPaddingBlock": "calc(0.5rem * 2)",
683
- "DsnCardBodyPaddingInline": "calc(0.5rem * 2)",
682
+ "DsnCardMinBlockSize": "auto",
683
+ "DsnCardPreHeaderPaddingBlockStart": "calc(0.5rem * 2)",
684
+ "DsnCardPreHeaderPaddingBlockEnd": "calc(0.5rem * 1.5)",
685
+ "DsnCardPreHeaderPaddingInlineStart": "calc(0.5rem * 2)",
686
+ "DsnCardPreHeaderPaddingInlineEnd": "calc(0.5rem * 2)",
687
+ "DsnCardPreHeaderRowGap": "calc(0.5rem * 1.5)",
688
+ "DsnCardHeaderPaddingBlockStart": "calc(0.5rem * 2)",
689
+ "DsnCardHeaderPaddingBlockEnd": "calc(0.5rem * 1.5)",
690
+ "DsnCardHeaderPaddingInlineStart": "calc(0.5rem * 2)",
691
+ "DsnCardHeaderPaddingInlineEnd": "calc(0.5rem * 2)",
692
+ "DsnCardHeaderRowGap": "calc(0.5rem * 1.5)",
693
+ "DsnCardBodyPaddingBlockStart": "0",
694
+ "DsnCardBodyPaddingBlockEnd": "calc(0.5rem * 2)",
695
+ "DsnCardBodyPaddingInlineStart": "calc(0.5rem * 2)",
696
+ "DsnCardBodyPaddingInlineEnd": "calc(0.5rem * 2)",
684
697
  "DsnCardBodyRowGap": "calc(0.5rem * 1.5)",
698
+ "DsnCardFooterPaddingBlockStart": "0",
685
699
  "DsnCardFooterPaddingBlockEnd": "calc(0.5rem * 3)",
686
- "DsnCardFooterPaddingInline": "calc(0.5rem * 2)",
700
+ "DsnCardFooterPaddingInlineStart": "calc(0.5rem * 2)",
701
+ "DsnCardFooterPaddingInlineEnd": "calc(0.5rem * 2)",
702
+ "DsnCardFooterColumnGap": "calc(0.5rem * 1)",
687
703
  "DsnCardImagePlaceholderBackgroundColor": "#040404",
688
704
  "DsnCardImagePlaceholderColor": "#8b8b8b",
689
705
  "DsnCardHeadingFontFamily": "IBM Plex Sans, sans-serif",
@@ -691,6 +707,17 @@
691
707
  "DsnCardHeadingColor": "#f1f1f1",
692
708
  "DsnCardHeadingFontSize": "clamp(1.25rem, 1.125rem + 0.375vw, 1.53125rem)",
693
709
  "DsnCardHeadingLineHeight": "1.25",
710
+ "DsnCardLabelColor": "#f1f1f1",
711
+ "DsnCardLabelFontFamily": "IBM Plex Sans, sans-serif",
712
+ "DsnCardLabelFontSize": "clamp(1rem, 0.875rem + 0.375vw, 1.28125rem)",
713
+ "DsnCardLabelFontWeight": "700",
714
+ "DsnCardLabelLineHeight": "1.5",
715
+ "DsnCardDescriptionColor": "#f1f1f1",
716
+ "DsnCardDescriptionFontSize": "clamp(1rem, 0.875rem + 0.375vw, 1.28125rem)",
717
+ "DsnCardDescriptionLineHeight": "1.5",
718
+ "DsnCardMetaColor": "#8b8b8b",
719
+ "DsnCardMetaFontSize": "clamp(0.875rem, 0.75rem + 0.25vw, 1.0625rem)",
720
+ "DsnCardMetaLineHeight": "1.5",
694
721
  "DsnCardGroupGap": "calc(0.5rem * 2)",
695
722
  "DsnCardGroupItemMinWidth": "17.5rem",
696
723
  "DsnCheckboxGroupBorderWidth": "0px",
@@ -959,16 +986,19 @@
959
986
  "DsnMenuItemIconSize": "calc(clamp(1rem, 0.875rem + 0.375vw, 1.28125rem) * 1.5)",
960
987
  "DsnMenuItemColor": "#8faed2",
961
988
  "DsnMenuItemBackgroundColor": "#00000000",
989
+ "DsnMenuItemIndicatorWidth": "3px",
990
+ "DsnMenuItemIndicatorColor": "#00000000",
962
991
  "DsnMenuItemHoverColor": "#a5bedb",
963
992
  "DsnMenuItemHoverBackgroundColor": "#002551",
993
+ "DsnMenuItemHoverIndicatorColor": "#a5bedb",
964
994
  "DsnMenuItemActiveColor": "#bbcee4",
965
995
  "DsnMenuItemActiveBackgroundColor": "#002d62",
996
+ "DsnMenuItemActiveIndicatorColor": "#bbcee4",
966
997
  "DsnMenuLinkLevelIndent": "calc(0.5rem * 3)",
967
998
  "DsnMenuLinkCurrentFontWeight": "700",
968
999
  "DsnMenuLinkCurrentColor": "#8faed2",
969
1000
  "DsnMenuLinkCurrentBackgroundColor": "#002d62",
970
1001
  "DsnMenuLinkCurrentIndicatorColor": "#8faed2",
971
- "DsnMenuLinkCurrentIndicatorWidth": "3px",
972
1002
  "DsnMenuLinkCurrentHoverColor": "#8faed2",
973
1003
  "DsnMenuLinkCurrentHoverBackgroundColor": "#002d62",
974
1004
  "DsnMenuLinkCurrentActiveColor": "#8faed2",
package/dist/json/start-dark-information-dense.json CHANGED
@@ -148,12 +148,12 @@
148
148
  "DsnFormControlMaxInlineSize": "25rem",
149
149
  "DsnFormControlBorderRadius": "0px",
150
150
  "DsnFormControlBorderWidth": "1px",
151
- "DsnFormControlWidthXs": "10ch",
152
- "DsnFormControlWidthSm": "14ch",
153
- "DsnFormControlWidthMd": "20ch",
154
- "DsnFormControlWidthLg": "32ch",
155
- "DsnFormControlWidthXl": "48ch",
156
- "DsnFormControlWidthFull": "100%",
151
+ "DsnFormControlInlineSizeXs": "10ch",
152
+ "DsnFormControlInlineSizeSm": "14ch",
153
+ "DsnFormControlInlineSizeMd": "20ch",
154
+ "DsnFormControlInlineSizeLg": "32ch",
155
+ "DsnFormControlInlineSizeXl": "48ch",
156
+ "DsnFormControlInlineSizeFull": "100%",
157
157
  "DsnFormControlHoverBorderWidth": "2px",
158
158
  "DsnFormControlHoverAccentColor": "#a5bedb",
159
159
  "DsnFormControlHoverBackgroundColor": "#262626",
@@ -679,11 +679,27 @@
679
679
  "DsnCardBorderColor": "#3e3e3e",
680
680
  "DsnCardBoxShadow": "none",
681
681
  "DsnCardBoxShadowHover": "0 2px 4px 0 color-mix(in srgb, black 60%, transparent), 0 8px 16px 0 color-mix(in srgb, black 40%, transparent), 0 0 0 1px color-mix(in srgb, white 8%, transparent)",
682
- "DsnCardBodyPaddingBlock": "calc(0.5rem * 2)",
683
- "DsnCardBodyPaddingInline": "calc(0.5rem * 2)",
682
+ "DsnCardMinBlockSize": "auto",
683
+ "DsnCardPreHeaderPaddingBlockStart": "calc(0.5rem * 2)",
684
+ "DsnCardPreHeaderPaddingBlockEnd": "calc(0.5rem * 1.5)",
685
+ "DsnCardPreHeaderPaddingInlineStart": "calc(0.5rem * 2)",
686
+ "DsnCardPreHeaderPaddingInlineEnd": "calc(0.5rem * 2)",
687
+ "DsnCardPreHeaderRowGap": "calc(0.5rem * 1.5)",
688
+ "DsnCardHeaderPaddingBlockStart": "calc(0.5rem * 2)",
689
+ "DsnCardHeaderPaddingBlockEnd": "calc(0.5rem * 1.5)",
690
+ "DsnCardHeaderPaddingInlineStart": "calc(0.5rem * 2)",
691
+ "DsnCardHeaderPaddingInlineEnd": "calc(0.5rem * 2)",
692
+ "DsnCardHeaderRowGap": "calc(0.5rem * 1.5)",
693
+ "DsnCardBodyPaddingBlockStart": "0",
694
+ "DsnCardBodyPaddingBlockEnd": "calc(0.5rem * 2)",
695
+ "DsnCardBodyPaddingInlineStart": "calc(0.5rem * 2)",
696
+ "DsnCardBodyPaddingInlineEnd": "calc(0.5rem * 2)",
684
697
  "DsnCardBodyRowGap": "calc(0.5rem * 1.5)",
698
+ "DsnCardFooterPaddingBlockStart": "0",
685
699
  "DsnCardFooterPaddingBlockEnd": "calc(0.5rem * 3)",
686
- "DsnCardFooterPaddingInline": "calc(0.5rem * 2)",
700
+ "DsnCardFooterPaddingInlineStart": "calc(0.5rem * 2)",
701
+ "DsnCardFooterPaddingInlineEnd": "calc(0.5rem * 2)",
702
+ "DsnCardFooterColumnGap": "calc(0.5rem * 1)",
687
703
  "DsnCardImagePlaceholderBackgroundColor": "#040404",
688
704
  "DsnCardImagePlaceholderColor": "#8b8b8b",
689
705
  "DsnCardHeadingFontFamily": "IBM Plex Sans, sans-serif",
@@ -691,6 +707,17 @@
691
707
  "DsnCardHeadingColor": "#f1f1f1",
692
708
  "DsnCardHeadingFontSize": "1.25rem",
693
709
  "DsnCardHeadingLineHeight": "1.25",
710
+ "DsnCardLabelColor": "#f1f1f1",
711
+ "DsnCardLabelFontFamily": "IBM Plex Sans, sans-serif",
712
+ "DsnCardLabelFontSize": "1rem",
713
+ "DsnCardLabelFontWeight": "700",
714
+ "DsnCardLabelLineHeight": "1.5",
715
+ "DsnCardDescriptionColor": "#f1f1f1",
716
+ "DsnCardDescriptionFontSize": "1rem",
717
+ "DsnCardDescriptionLineHeight": "1.5",
718
+ "DsnCardMetaColor": "#8b8b8b",
719
+ "DsnCardMetaFontSize": "0.875rem",
720
+ "DsnCardMetaLineHeight": "1.5",
694
721
  "DsnCardGroupGap": "calc(0.5rem * 2)",
695
722
  "DsnCardGroupItemMinWidth": "17.5rem",
696
723
  "DsnCheckboxGroupBorderWidth": "0px",
@@ -959,16 +986,19 @@
959
986
  "DsnMenuItemIconSize": "calc(1rem * 1.5)",
960
987
  "DsnMenuItemColor": "#8faed2",
961
988
  "DsnMenuItemBackgroundColor": "#00000000",
989
+ "DsnMenuItemIndicatorWidth": "3px",
990
+ "DsnMenuItemIndicatorColor": "#00000000",
962
991
  "DsnMenuItemHoverColor": "#a5bedb",
963
992
  "DsnMenuItemHoverBackgroundColor": "#002551",
993
+ "DsnMenuItemHoverIndicatorColor": "#a5bedb",
964
994
  "DsnMenuItemActiveColor": "#bbcee4",
965
995
  "DsnMenuItemActiveBackgroundColor": "#002d62",
996
+ "DsnMenuItemActiveIndicatorColor": "#bbcee4",
966
997
  "DsnMenuLinkLevelIndent": "calc(0.5rem * 3)",
967
998
  "DsnMenuLinkCurrentFontWeight": "700",
968
999
  "DsnMenuLinkCurrentColor": "#8faed2",
969
1000
  "DsnMenuLinkCurrentBackgroundColor": "#002d62",
970
1001
  "DsnMenuLinkCurrentIndicatorColor": "#8faed2",
971
- "DsnMenuLinkCurrentIndicatorWidth": "3px",
972
1002
  "DsnMenuLinkCurrentHoverColor": "#8faed2",
973
1003
  "DsnMenuLinkCurrentHoverBackgroundColor": "#002d62",
974
1004
  "DsnMenuLinkCurrentActiveColor": "#8faed2",
package/dist/json/start-light-default.json CHANGED
@@ -148,12 +148,12 @@
148
148
  "DsnFormControlMaxInlineSize": "25rem",
149
149
  "DsnFormControlBorderRadius": "0px",
150
150
  "DsnFormControlBorderWidth": "1px",
151
- "DsnFormControlWidthXs": "10ch",
152
- "DsnFormControlWidthSm": "14ch",
153
- "DsnFormControlWidthMd": "20ch",
154
- "DsnFormControlWidthLg": "32ch",
155
- "DsnFormControlWidthXl": "48ch",
156
- "DsnFormControlWidthFull": "100%",
151
+ "DsnFormControlInlineSizeXs": "10ch",
152
+ "DsnFormControlInlineSizeSm": "14ch",
153
+ "DsnFormControlInlineSizeMd": "20ch",
154
+ "DsnFormControlInlineSizeLg": "32ch",
155
+ "DsnFormControlInlineSizeXl": "48ch",
156
+ "DsnFormControlInlineSizeFull": "100%",
157
157
  "DsnFormControlHoverBorderWidth": "2px",
158
158
  "DsnFormControlHoverAccentColor": "#04499a",
159
159
  "DsnFormControlHoverBackgroundColor": "#ebebeb",
@@ -679,11 +679,27 @@
679
679
  "DsnCardBorderColor": "#c4c4c4",
680
680
  "DsnCardBoxShadow": "none",
681
681
  "DsnCardBoxShadowHover": "0 2px 4px 0 color-mix(in srgb, black 12%, transparent), 0 8px 16px 0 color-mix(in srgb, black 6%, transparent), 0 0 0 1px #00000000",
682
- "DsnCardBodyPaddingBlock": "calc(0.5rem * 2)",
683
- "DsnCardBodyPaddingInline": "calc(0.5rem * 2)",
682
+ "DsnCardMinBlockSize": "auto",
683
+ "DsnCardPreHeaderPaddingBlockStart": "calc(0.5rem * 2)",
684
+ "DsnCardPreHeaderPaddingBlockEnd": "calc(0.5rem * 1.5)",
685
+ "DsnCardPreHeaderPaddingInlineStart": "calc(0.5rem * 2)",
686
+ "DsnCardPreHeaderPaddingInlineEnd": "calc(0.5rem * 2)",
687
+ "DsnCardPreHeaderRowGap": "calc(0.5rem * 1.5)",
688
+ "DsnCardHeaderPaddingBlockStart": "calc(0.5rem * 2)",
689
+ "DsnCardHeaderPaddingBlockEnd": "calc(0.5rem * 1.5)",
690
+ "DsnCardHeaderPaddingInlineStart": "calc(0.5rem * 2)",
691
+ "DsnCardHeaderPaddingInlineEnd": "calc(0.5rem * 2)",
692
+ "DsnCardHeaderRowGap": "calc(0.5rem * 1.5)",
693
+ "DsnCardBodyPaddingBlockStart": "0",
694
+ "DsnCardBodyPaddingBlockEnd": "calc(0.5rem * 2)",
695
+ "DsnCardBodyPaddingInlineStart": "calc(0.5rem * 2)",
696
+ "DsnCardBodyPaddingInlineEnd": "calc(0.5rem * 2)",
684
697
  "DsnCardBodyRowGap": "calc(0.5rem * 1.5)",
698
+ "DsnCardFooterPaddingBlockStart": "0",
685
699
  "DsnCardFooterPaddingBlockEnd": "calc(0.5rem * 3)",
686
- "DsnCardFooterPaddingInline": "calc(0.5rem * 2)",
700
+ "DsnCardFooterPaddingInlineStart": "calc(0.5rem * 2)",
701
+ "DsnCardFooterPaddingInlineEnd": "calc(0.5rem * 2)",
702
+ "DsnCardFooterColumnGap": "calc(0.5rem * 1)",
687
703
  "DsnCardImagePlaceholderBackgroundColor": "#f6f6f6",
688
704
  "DsnCardImagePlaceholderColor": "#636363",
689
705
  "DsnCardHeadingFontFamily": "IBM Plex Sans, sans-serif",
@@ -691,6 +707,17 @@
691
707
  "DsnCardHeadingColor": "#1b1b1b",
692
708
  "DsnCardHeadingFontSize": "clamp(1.25rem, 1.125rem + 0.375vw, 1.53125rem)",
693
709
  "DsnCardHeadingLineHeight": "1.25",
710
+ "DsnCardLabelColor": "#1b1b1b",
711
+ "DsnCardLabelFontFamily": "IBM Plex Sans, sans-serif",
712
+ "DsnCardLabelFontSize": "clamp(1rem, 0.875rem + 0.375vw, 1.28125rem)",
713
+ "DsnCardLabelFontWeight": "700",
714
+ "DsnCardLabelLineHeight": "1.5",
715
+ "DsnCardDescriptionColor": "#1b1b1b",
716
+ "DsnCardDescriptionFontSize": "clamp(1rem, 0.875rem + 0.375vw, 1.28125rem)",
717
+ "DsnCardDescriptionLineHeight": "1.5",
718
+ "DsnCardMetaColor": "#636363",
719
+ "DsnCardMetaFontSize": "clamp(0.875rem, 0.75rem + 0.25vw, 1.0625rem)",
720
+ "DsnCardMetaLineHeight": "1.5",
694
721
  "DsnCardGroupGap": "calc(0.5rem * 2)",
695
722
  "DsnCardGroupItemMinWidth": "17.5rem",
696
723
  "DsnCheckboxGroupBorderWidth": "0px",
@@ -959,16 +986,19 @@
959
986
  "DsnMenuItemIconSize": "calc(clamp(1rem, 0.875rem + 0.375vw, 1.28125rem) * 1.5)",
960
987
  "DsnMenuItemColor": "#1b59a4",
961
988
  "DsnMenuItemBackgroundColor": "#00000000",
989
+ "DsnMenuItemIndicatorWidth": "3px",
990
+ "DsnMenuItemIndicatorColor": "#00000000",
962
991
  "DsnMenuItemHoverColor": "#04499a",
963
992
  "DsnMenuItemHoverBackgroundColor": "#e4ecf4",
993
+ "DsnMenuItemHoverIndicatorColor": "#04499a",
964
994
  "DsnMenuItemActiveColor": "#003b81",
965
995
  "DsnMenuItemActiveBackgroundColor": "#dde6f1",
996
+ "DsnMenuItemActiveIndicatorColor": "#003b81",
966
997
  "DsnMenuLinkLevelIndent": "calc(0.5rem * 3)",
967
998
  "DsnMenuLinkCurrentFontWeight": "700",
968
999
  "DsnMenuLinkCurrentColor": "#1b59a4",
969
1000
  "DsnMenuLinkCurrentBackgroundColor": "#dde6f1",
970
1001
  "DsnMenuLinkCurrentIndicatorColor": "#1b59a4",
971
- "DsnMenuLinkCurrentIndicatorWidth": "3px",
972
1002
  "DsnMenuLinkCurrentHoverColor": "#1b59a4",
973
1003
  "DsnMenuLinkCurrentHoverBackgroundColor": "#dde6f1",
974
1004
  "DsnMenuLinkCurrentActiveColor": "#1b59a4",
package/dist/json/start-light-information-dense.json CHANGED
@@ -148,12 +148,12 @@
148
148
  "DsnFormControlMaxInlineSize": "25rem",
149
149
  "DsnFormControlBorderRadius": "0px",
150
150
  "DsnFormControlBorderWidth": "1px",
151
- "DsnFormControlWidthXs": "10ch",
152
- "DsnFormControlWidthSm": "14ch",
153
- "DsnFormControlWidthMd": "20ch",
154
- "DsnFormControlWidthLg": "32ch",
155
- "DsnFormControlWidthXl": "48ch",
156
- "DsnFormControlWidthFull": "100%",
151
+ "DsnFormControlInlineSizeXs": "10ch",
152
+ "DsnFormControlInlineSizeSm": "14ch",
153
+ "DsnFormControlInlineSizeMd": "20ch",
154
+ "DsnFormControlInlineSizeLg": "32ch",
155
+ "DsnFormControlInlineSizeXl": "48ch",
156
+ "DsnFormControlInlineSizeFull": "100%",
157
157
  "DsnFormControlHoverBorderWidth": "2px",
158
158
  "DsnFormControlHoverAccentColor": "#04499a",
159
159
  "DsnFormControlHoverBackgroundColor": "#ebebeb",
@@ -679,11 +679,27 @@
679
679
  "DsnCardBorderColor": "#c4c4c4",
680
680
  "DsnCardBoxShadow": "none",
681
681
  "DsnCardBoxShadowHover": "0 2px 4px 0 color-mix(in srgb, black 12%, transparent), 0 8px 16px 0 color-mix(in srgb, black 6%, transparent), 0 0 0 1px #00000000",
682
- "DsnCardBodyPaddingBlock": "calc(0.5rem * 2)",
683
- "DsnCardBodyPaddingInline": "calc(0.5rem * 2)",
682
+ "DsnCardMinBlockSize": "auto",
683
+ "DsnCardPreHeaderPaddingBlockStart": "calc(0.5rem * 2)",
684
+ "DsnCardPreHeaderPaddingBlockEnd": "calc(0.5rem * 1.5)",
685
+ "DsnCardPreHeaderPaddingInlineStart": "calc(0.5rem * 2)",
686
+ "DsnCardPreHeaderPaddingInlineEnd": "calc(0.5rem * 2)",
687
+ "DsnCardPreHeaderRowGap": "calc(0.5rem * 1.5)",
688
+ "DsnCardHeaderPaddingBlockStart": "calc(0.5rem * 2)",
689
+ "DsnCardHeaderPaddingBlockEnd": "calc(0.5rem * 1.5)",
690
+ "DsnCardHeaderPaddingInlineStart": "calc(0.5rem * 2)",
691
+ "DsnCardHeaderPaddingInlineEnd": "calc(0.5rem * 2)",
692
+ "DsnCardHeaderRowGap": "calc(0.5rem * 1.5)",
693
+ "DsnCardBodyPaddingBlockStart": "0",
694
+ "DsnCardBodyPaddingBlockEnd": "calc(0.5rem * 2)",
695
+ "DsnCardBodyPaddingInlineStart": "calc(0.5rem * 2)",
696
+ "DsnCardBodyPaddingInlineEnd": "calc(0.5rem * 2)",
684
697
  "DsnCardBodyRowGap": "calc(0.5rem * 1.5)",
698
+ "DsnCardFooterPaddingBlockStart": "0",
685
699
  "DsnCardFooterPaddingBlockEnd": "calc(0.5rem * 3)",
686
- "DsnCardFooterPaddingInline": "calc(0.5rem * 2)",
700
+ "DsnCardFooterPaddingInlineStart": "calc(0.5rem * 2)",
701
+ "DsnCardFooterPaddingInlineEnd": "calc(0.5rem * 2)",
702
+ "DsnCardFooterColumnGap": "calc(0.5rem * 1)",
687
703
  "DsnCardImagePlaceholderBackgroundColor": "#f6f6f6",
688
704
  "DsnCardImagePlaceholderColor": "#636363",
689
705
  "DsnCardHeadingFontFamily": "IBM Plex Sans, sans-serif",
@@ -691,6 +707,17 @@
691
707
  "DsnCardHeadingColor": "#1b1b1b",
692
708
  "DsnCardHeadingFontSize": "1.25rem",
693
709
  "DsnCardHeadingLineHeight": "1.25",
710
+ "DsnCardLabelColor": "#1b1b1b",
711
+ "DsnCardLabelFontFamily": "IBM Plex Sans, sans-serif",
712
+ "DsnCardLabelFontSize": "1rem",
713
+ "DsnCardLabelFontWeight": "700",
714
+ "DsnCardLabelLineHeight": "1.5",
715
+ "DsnCardDescriptionColor": "#1b1b1b",
716
+ "DsnCardDescriptionFontSize": "1rem",
717
+ "DsnCardDescriptionLineHeight": "1.5",
718
+ "DsnCardMetaColor": "#636363",
719
+ "DsnCardMetaFontSize": "0.875rem",
720
+ "DsnCardMetaLineHeight": "1.5",
694
721
  "DsnCardGroupGap": "calc(0.5rem * 2)",
695
722
  "DsnCardGroupItemMinWidth": "17.5rem",
696
723
  "DsnCheckboxGroupBorderWidth": "0px",
@@ -959,16 +986,19 @@
959
986
  "DsnMenuItemIconSize": "calc(1rem * 1.5)",
960
987
  "DsnMenuItemColor": "#1b59a4",
961
988
  "DsnMenuItemBackgroundColor": "#00000000",
989
+ "DsnMenuItemIndicatorWidth": "3px",
990
+ "DsnMenuItemIndicatorColor": "#00000000",
962
991
  "DsnMenuItemHoverColor": "#04499a",
963
992
  "DsnMenuItemHoverBackgroundColor": "#e4ecf4",
993
+ "DsnMenuItemHoverIndicatorColor": "#04499a",
964
994
  "DsnMenuItemActiveColor": "#003b81",
965
995
  "DsnMenuItemActiveBackgroundColor": "#dde6f1",
996
+ "DsnMenuItemActiveIndicatorColor": "#003b81",
966
997
  "DsnMenuLinkLevelIndent": "calc(0.5rem * 3)",
967
998
  "DsnMenuLinkCurrentFontWeight": "700",
968
999
  "DsnMenuLinkCurrentColor": "#1b59a4",
969
1000
  "DsnMenuLinkCurrentBackgroundColor": "#dde6f1",
970
1001
  "DsnMenuLinkCurrentIndicatorColor": "#1b59a4",
971
- "DsnMenuLinkCurrentIndicatorWidth": "3px",
972
1002
  "DsnMenuLinkCurrentHoverColor": "#1b59a4",
973
1003
  "DsnMenuLinkCurrentHoverBackgroundColor": "#dde6f1",
974
1004
  "DsnMenuLinkCurrentActiveColor": "#1b59a4",
package/dist/json/tokens-dark.json CHANGED
@@ -148,12 +148,12 @@
148
148
  "DsnFormControlMaxInlineSize": "25rem",
149
149
  "DsnFormControlBorderRadius": "0px",
150
150
  "DsnFormControlBorderWidth": "1px",
151
- "DsnFormControlWidthXs": "10ch",
152
- "DsnFormControlWidthSm": "14ch",
153
- "DsnFormControlWidthMd": "20ch",
154
- "DsnFormControlWidthLg": "32ch",
155
- "DsnFormControlWidthXl": "48ch",
156
- "DsnFormControlWidthFull": "100%",
151
+ "DsnFormControlInlineSizeXs": "10ch",
152
+ "DsnFormControlInlineSizeSm": "14ch",
153
+ "DsnFormControlInlineSizeMd": "20ch",
154
+ "DsnFormControlInlineSizeLg": "32ch",
155
+ "DsnFormControlInlineSizeXl": "48ch",
156
+ "DsnFormControlInlineSizeFull": "100%",
157
157
  "DsnFormControlHoverBorderWidth": "2px",
158
158
  "DsnFormControlHoverAccentColor": "#a5bedb",
159
159
  "DsnFormControlHoverBackgroundColor": "#262626",
@@ -679,11 +679,27 @@
679
679
  "DsnCardBorderColor": "#3e3e3e",
680
680
  "DsnCardBoxShadow": "none",
681
681
  "DsnCardBoxShadowHover": "0 2px 4px 0 color-mix(in srgb, black 60%, transparent), 0 8px 16px 0 color-mix(in srgb, black 40%, transparent), 0 0 0 1px color-mix(in srgb, white 8%, transparent)",
682
- "DsnCardBodyPaddingBlock": "calc(0.5rem * 2)",
683
- "DsnCardBodyPaddingInline": "calc(0.5rem * 2)",
682
+ "DsnCardMinBlockSize": "auto",
683
+ "DsnCardPreHeaderPaddingBlockStart": "calc(0.5rem * 2)",
684
+ "DsnCardPreHeaderPaddingBlockEnd": "calc(0.5rem * 1.5)",
685
+ "DsnCardPreHeaderPaddingInlineStart": "calc(0.5rem * 2)",
686
+ "DsnCardPreHeaderPaddingInlineEnd": "calc(0.5rem * 2)",
687
+ "DsnCardPreHeaderRowGap": "calc(0.5rem * 1.5)",
688
+ "DsnCardHeaderPaddingBlockStart": "calc(0.5rem * 2)",
689
+ "DsnCardHeaderPaddingBlockEnd": "calc(0.5rem * 1.5)",
690
+ "DsnCardHeaderPaddingInlineStart": "calc(0.5rem * 2)",
691
+ "DsnCardHeaderPaddingInlineEnd": "calc(0.5rem * 2)",
692
+ "DsnCardHeaderRowGap": "calc(0.5rem * 1.5)",
693
+ "DsnCardBodyPaddingBlockStart": "0",
694
+ "DsnCardBodyPaddingBlockEnd": "calc(0.5rem * 2)",
695
+ "DsnCardBodyPaddingInlineStart": "calc(0.5rem * 2)",
696
+ "DsnCardBodyPaddingInlineEnd": "calc(0.5rem * 2)",
684
697
  "DsnCardBodyRowGap": "calc(0.5rem * 1.5)",
698
+ "DsnCardFooterPaddingBlockStart": "0",
685
699
  "DsnCardFooterPaddingBlockEnd": "calc(0.5rem * 3)",
686
- "DsnCardFooterPaddingInline": "calc(0.5rem * 2)",
700
+ "DsnCardFooterPaddingInlineStart": "calc(0.5rem * 2)",
701
+ "DsnCardFooterPaddingInlineEnd": "calc(0.5rem * 2)",
702
+ "DsnCardFooterColumnGap": "calc(0.5rem * 1)",
687
703
  "DsnCardImagePlaceholderBackgroundColor": "#040404",
688
704
  "DsnCardImagePlaceholderColor": "#8b8b8b",
689
705
  "DsnCardHeadingFontFamily": "IBM Plex Sans, sans-serif",
@@ -691,6 +707,17 @@
691
707
  "DsnCardHeadingColor": "#f1f1f1",
692
708
  "DsnCardHeadingFontSize": "clamp(1.25rem, 1.125rem + 0.375vw, 1.53125rem)",
693
709
  "DsnCardHeadingLineHeight": "1.25",
710
+ "DsnCardLabelColor": "#f1f1f1",
711
+ "DsnCardLabelFontFamily": "IBM Plex Sans, sans-serif",
712
+ "DsnCardLabelFontSize": "clamp(1rem, 0.875rem + 0.375vw, 1.28125rem)",
713
+ "DsnCardLabelFontWeight": "700",
714
+ "DsnCardLabelLineHeight": "1.5",
715
+ "DsnCardDescriptionColor": "#f1f1f1",
716
+ "DsnCardDescriptionFontSize": "clamp(1rem, 0.875rem + 0.375vw, 1.28125rem)",
717
+ "DsnCardDescriptionLineHeight": "1.5",
718
+ "DsnCardMetaColor": "#8b8b8b",
719
+ "DsnCardMetaFontSize": "clamp(0.875rem, 0.75rem + 0.25vw, 1.0625rem)",
720
+ "DsnCardMetaLineHeight": "1.5",
694
721
  "DsnCardGroupGap": "calc(0.5rem * 2)",
695
722
  "DsnCardGroupItemMinWidth": "17.5rem",
696
723
  "DsnCheckboxGroupBorderWidth": "0px",
@@ -959,16 +986,19 @@
959
986
  "DsnMenuItemIconSize": "calc(clamp(1rem, 0.875rem + 0.375vw, 1.28125rem) * 1.5)",
960
987
  "DsnMenuItemColor": "#8faed2",
961
988
  "DsnMenuItemBackgroundColor": "#00000000",
989
+ "DsnMenuItemIndicatorWidth": "3px",
990
+ "DsnMenuItemIndicatorColor": "#00000000",
962
991
  "DsnMenuItemHoverColor": "#a5bedb",
963
992
  "DsnMenuItemHoverBackgroundColor": "#002551",
993
+ "DsnMenuItemHoverIndicatorColor": "#a5bedb",
964
994
  "DsnMenuItemActiveColor": "#bbcee4",
965
995
  "DsnMenuItemActiveBackgroundColor": "#002d62",
996
+ "DsnMenuItemActiveIndicatorColor": "#bbcee4",
966
997
  "DsnMenuLinkLevelIndent": "calc(0.5rem * 3)",
967
998
  "DsnMenuLinkCurrentFontWeight": "700",
968
999
  "DsnMenuLinkCurrentColor": "#8faed2",
969
1000
  "DsnMenuLinkCurrentBackgroundColor": "#002d62",
970
1001
  "DsnMenuLinkCurrentIndicatorColor": "#8faed2",
971
- "DsnMenuLinkCurrentIndicatorWidth": "3px",
972
1002
  "DsnMenuLinkCurrentHoverColor": "#8faed2",
973
1003
  "DsnMenuLinkCurrentHoverBackgroundColor": "#002d62",
974
1004
  "DsnMenuLinkCurrentActiveColor": "#8faed2",
package/dist/json/tokens.json CHANGED
@@ -148,12 +148,12 @@
148
148
  "DsnFormControlMaxInlineSize": "25rem",
149
149
  "DsnFormControlBorderRadius": "0px",
150
150
  "DsnFormControlBorderWidth": "1px",
151
- "DsnFormControlWidthXs": "10ch",
152
- "DsnFormControlWidthSm": "14ch",
153
- "DsnFormControlWidthMd": "20ch",
154
- "DsnFormControlWidthLg": "32ch",
155
- "DsnFormControlWidthXl": "48ch",
156
- "DsnFormControlWidthFull": "100%",
151
+ "DsnFormControlInlineSizeXs": "10ch",
152
+ "DsnFormControlInlineSizeSm": "14ch",
153
+ "DsnFormControlInlineSizeMd": "20ch",
154
+ "DsnFormControlInlineSizeLg": "32ch",
155
+ "DsnFormControlInlineSizeXl": "48ch",
156
+ "DsnFormControlInlineSizeFull": "100%",
157
157
  "DsnFormControlHoverBorderWidth": "2px",
158
158
  "DsnFormControlHoverAccentColor": "#04499a",
159
159
  "DsnFormControlHoverBackgroundColor": "#ebebeb",
@@ -679,11 +679,27 @@
679
679
  "DsnCardBorderColor": "#c4c4c4",
680
680
  "DsnCardBoxShadow": "none",
681
681
  "DsnCardBoxShadowHover": "0 2px 4px 0 color-mix(in srgb, black 12%, transparent), 0 8px 16px 0 color-mix(in srgb, black 6%, transparent), 0 0 0 1px #00000000",
682
- "DsnCardBodyPaddingBlock": "calc(0.5rem * 2)",
683
- "DsnCardBodyPaddingInline": "calc(0.5rem * 2)",
682
+ "DsnCardMinBlockSize": "auto",
683
+ "DsnCardPreHeaderPaddingBlockStart": "calc(0.5rem * 2)",
684
+ "DsnCardPreHeaderPaddingBlockEnd": "calc(0.5rem * 1.5)",
685
+ "DsnCardPreHeaderPaddingInlineStart": "calc(0.5rem * 2)",
686
+ "DsnCardPreHeaderPaddingInlineEnd": "calc(0.5rem * 2)",
687
+ "DsnCardPreHeaderRowGap": "calc(0.5rem * 1.5)",
688
+ "DsnCardHeaderPaddingBlockStart": "calc(0.5rem * 2)",
689
+ "DsnCardHeaderPaddingBlockEnd": "calc(0.5rem * 1.5)",
690
+ "DsnCardHeaderPaddingInlineStart": "calc(0.5rem * 2)",
691
+ "DsnCardHeaderPaddingInlineEnd": "calc(0.5rem * 2)",
692
+ "DsnCardHeaderRowGap": "calc(0.5rem * 1.5)",
693
+ "DsnCardBodyPaddingBlockStart": "0",
694
+ "DsnCardBodyPaddingBlockEnd": "calc(0.5rem * 2)",
695
+ "DsnCardBodyPaddingInlineStart": "calc(0.5rem * 2)",
696
+ "DsnCardBodyPaddingInlineEnd": "calc(0.5rem * 2)",
684
697
  "DsnCardBodyRowGap": "calc(0.5rem * 1.5)",
698
+ "DsnCardFooterPaddingBlockStart": "0",
685
699
  "DsnCardFooterPaddingBlockEnd": "calc(0.5rem * 3)",
686
- "DsnCardFooterPaddingInline": "calc(0.5rem * 2)",
700
+ "DsnCardFooterPaddingInlineStart": "calc(0.5rem * 2)",
701
+ "DsnCardFooterPaddingInlineEnd": "calc(0.5rem * 2)",
702
+ "DsnCardFooterColumnGap": "calc(0.5rem * 1)",
687
703
  "DsnCardImagePlaceholderBackgroundColor": "#f6f6f6",
688
704
  "DsnCardImagePlaceholderColor": "#636363",
689
705
  "DsnCardHeadingFontFamily": "IBM Plex Sans, sans-serif",
@@ -691,6 +707,17 @@
691
707
  "DsnCardHeadingColor": "#1b1b1b",
692
708
  "DsnCardHeadingFontSize": "clamp(1.25rem, 1.125rem + 0.375vw, 1.53125rem)",
693
709
  "DsnCardHeadingLineHeight": "1.25",
710
+ "DsnCardLabelColor": "#1b1b1b",
711
+ "DsnCardLabelFontFamily": "IBM Plex Sans, sans-serif",
712
+ "DsnCardLabelFontSize": "clamp(1rem, 0.875rem + 0.375vw, 1.28125rem)",
713
+ "DsnCardLabelFontWeight": "700",
714
+ "DsnCardLabelLineHeight": "1.5",
715
+ "DsnCardDescriptionColor": "#1b1b1b",
716
+ "DsnCardDescriptionFontSize": "clamp(1rem, 0.875rem + 0.375vw, 1.28125rem)",
717
+ "DsnCardDescriptionLineHeight": "1.5",
718
+ "DsnCardMetaColor": "#636363",
719
+ "DsnCardMetaFontSize": "clamp(0.875rem, 0.75rem + 0.25vw, 1.0625rem)",
720
+ "DsnCardMetaLineHeight": "1.5",
694
721
  "DsnCardGroupGap": "calc(0.5rem * 2)",
695
722
  "DsnCardGroupItemMinWidth": "17.5rem",
696
723
  "DsnCheckboxGroupBorderWidth": "0px",
@@ -959,16 +986,19 @@
959
986
  "DsnMenuItemIconSize": "calc(clamp(1rem, 0.875rem + 0.375vw, 1.28125rem) * 1.5)",
960
987
  "DsnMenuItemColor": "#1b59a4",
961
988
  "DsnMenuItemBackgroundColor": "#00000000",
989
+ "DsnMenuItemIndicatorWidth": "3px",
990
+ "DsnMenuItemIndicatorColor": "#00000000",
962
991
  "DsnMenuItemHoverColor": "#04499a",
963
992
  "DsnMenuItemHoverBackgroundColor": "#e4ecf4",
993
+ "DsnMenuItemHoverIndicatorColor": "#04499a",
964
994
  "DsnMenuItemActiveColor": "#003b81",
965
995
  "DsnMenuItemActiveBackgroundColor": "#dde6f1",
996
+ "DsnMenuItemActiveIndicatorColor": "#003b81",
966
997
  "DsnMenuLinkLevelIndent": "calc(0.5rem * 3)",
967
998
  "DsnMenuLinkCurrentFontWeight": "700",
968
999
  "DsnMenuLinkCurrentColor": "#1b59a4",
969
1000
  "DsnMenuLinkCurrentBackgroundColor": "#dde6f1",
970
1001
  "DsnMenuLinkCurrentIndicatorColor": "#1b59a4",
971
- "DsnMenuLinkCurrentIndicatorWidth": "3px",
972
1002
  "DsnMenuLinkCurrentHoverColor": "#1b59a4",
973
1003
  "DsnMenuLinkCurrentHoverBackgroundColor": "#dde6f1",
974
1004
  "DsnMenuLinkCurrentActiveColor": "#1b59a4",
package/dist/json/wireframe-dark-default.json CHANGED
@@ -148,12 +148,12 @@
148
148
  "DsnFormControlMaxInlineSize": "25rem",
149
149
  "DsnFormControlBorderRadius": "2px",
150
150
  "DsnFormControlBorderWidth": "2px",
151
- "DsnFormControlWidthXs": "8ch",
152
- "DsnFormControlWidthSm": "16ch",
153
- "DsnFormControlWidthMd": "32ch",
154
- "DsnFormControlWidthLg": "48ch",
155
- "DsnFormControlWidthXl": "64ch",
156
- "DsnFormControlWidthFull": "100%",
151
+ "DsnFormControlInlineSizeXs": "8ch",
152
+ "DsnFormControlInlineSizeSm": "16ch",
153
+ "DsnFormControlInlineSizeMd": "32ch",
154
+ "DsnFormControlInlineSizeLg": "48ch",
155
+ "DsnFormControlInlineSizeXl": "64ch",
156
+ "DsnFormControlInlineSizeFull": "100%",
157
157
  "DsnFormControlHoverBorderWidth": "4px",
158
158
  "DsnFormControlHoverAccentColor": "#ffffff",
159
159
  "DsnFormControlHoverBackgroundColor": "#000000",
@@ -675,11 +675,27 @@
675
675
  "DsnCardBorderColor": "#ffffff",
676
676
  "DsnCardBoxShadow": "none",
677
677
  "DsnCardBoxShadowHover": "none",
678
- "DsnCardBodyPaddingBlock": "calc(0.5rem * 2)",
679
- "DsnCardBodyPaddingInline": "calc(0.5rem * 2)",
678
+ "DsnCardMinBlockSize": "auto",
679
+ "DsnCardPreHeaderPaddingBlockStart": "calc(0.5rem * 2)",
680
+ "DsnCardPreHeaderPaddingBlockEnd": "calc(0.5rem * 1.5)",
681
+ "DsnCardPreHeaderPaddingInlineStart": "calc(0.5rem * 2)",
682
+ "DsnCardPreHeaderPaddingInlineEnd": "calc(0.5rem * 2)",
683
+ "DsnCardPreHeaderRowGap": "calc(0.5rem * 1.5)",
684
+ "DsnCardHeaderPaddingBlockStart": "calc(0.5rem * 2)",
685
+ "DsnCardHeaderPaddingBlockEnd": "calc(0.5rem * 1.5)",
686
+ "DsnCardHeaderPaddingInlineStart": "calc(0.5rem * 2)",
687
+ "DsnCardHeaderPaddingInlineEnd": "calc(0.5rem * 2)",
688
+ "DsnCardHeaderRowGap": "calc(0.5rem * 1.5)",
689
+ "DsnCardBodyPaddingBlockStart": "0",
690
+ "DsnCardBodyPaddingBlockEnd": "calc(0.5rem * 2)",
691
+ "DsnCardBodyPaddingInlineStart": "calc(0.5rem * 2)",
692
+ "DsnCardBodyPaddingInlineEnd": "calc(0.5rem * 2)",
680
693
  "DsnCardBodyRowGap": "calc(0.5rem * 1.5)",
694
+ "DsnCardFooterPaddingBlockStart": "0",
681
695
  "DsnCardFooterPaddingBlockEnd": "calc(0.5rem * 3)",
682
- "DsnCardFooterPaddingInline": "calc(0.5rem * 2)",
696
+ "DsnCardFooterPaddingInlineStart": "calc(0.5rem * 2)",
697
+ "DsnCardFooterPaddingInlineEnd": "calc(0.5rem * 2)",
698
+ "DsnCardFooterColumnGap": "calc(0.5rem * 1)",
683
699
  "DsnCardImagePlaceholderBackgroundColor": "#000000",
684
700
  "DsnCardImagePlaceholderColor": "#ffffff",
685
701
  "DsnCardHeadingFontFamily": "'Comic Sans MS', 'Comic Sans', 'Comic Neue', cursive",
@@ -687,6 +703,17 @@
687
703
  "DsnCardHeadingColor": "#ffffff",
688
704
  "DsnCardHeadingFontSize": "clamp(1.25rem, 1.125rem + 0.375vw, 1.53125rem)",
689
705
  "DsnCardHeadingLineHeight": "1.2",
706
+ "DsnCardLabelColor": "#ffffff",
707
+ "DsnCardLabelFontFamily": "'Comic Sans MS', 'Comic Sans', 'Comic Neue', cursive",
708
+ "DsnCardLabelFontSize": "clamp(1rem, 0.875rem + 0.375vw, 1.28125rem)",
709
+ "DsnCardLabelFontWeight": "600",
710
+ "DsnCardLabelLineHeight": "1.4",
711
+ "DsnCardDescriptionColor": "#ffffff",
712
+ "DsnCardDescriptionFontSize": "clamp(1rem, 0.875rem + 0.375vw, 1.28125rem)",
713
+ "DsnCardDescriptionLineHeight": "1.4",
714
+ "DsnCardMetaColor": "#ffffff",
715
+ "DsnCardMetaFontSize": "clamp(0.875rem, 0.75rem + 0.25vw, 1.0625rem)",
716
+ "DsnCardMetaLineHeight": "1.4",
690
717
  "DsnCardGroupGap": "calc(0.5rem * 2)",
691
718
  "DsnCardGroupItemMinWidth": "17.5rem",
692
719
  "DsnCheckboxGroupBorderWidth": "0px",
@@ -955,16 +982,19 @@
955
982
  "DsnMenuItemIconSize": "calc(clamp(1rem, 0.875rem + 0.375vw, 1.28125rem) * 1.4)",
956
983
  "DsnMenuItemColor": "#ffffff",
957
984
  "DsnMenuItemBackgroundColor": "#00000000",
985
+ "DsnMenuItemIndicatorWidth": "3px",
986
+ "DsnMenuItemIndicatorColor": "#00000000",
958
987
  "DsnMenuItemHoverColor": "#ffffff",
959
988
  "DsnMenuItemHoverBackgroundColor": "#000000",
989
+ "DsnMenuItemHoverIndicatorColor": "#ffffff",
960
990
  "DsnMenuItemActiveColor": "#ffffff",
961
991
  "DsnMenuItemActiveBackgroundColor": "#000000",
992
+ "DsnMenuItemActiveIndicatorColor": "#ffffff",
962
993
  "DsnMenuLinkLevelIndent": "calc(0.5rem * 3)",
963
994
  "DsnMenuLinkCurrentFontWeight": "600",
964
995
  "DsnMenuLinkCurrentColor": "#ffffff",
965
996
  "DsnMenuLinkCurrentBackgroundColor": "#000000",
966
997
  "DsnMenuLinkCurrentIndicatorColor": "#ffffff",
967
- "DsnMenuLinkCurrentIndicatorWidth": "3px",
968
998
  "DsnMenuLinkCurrentHoverColor": "#ffffff",
969
999
  "DsnMenuLinkCurrentHoverBackgroundColor": "#000000",
970
1000
  "DsnMenuLinkCurrentActiveColor": "#ffffff",