@dsn-starter-kit/design-tokens 3.4.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/js/tokens.d.cts CHANGED
@@ -147,12 +147,12 @@ export declare const DsnFormControlPaddingInlineEnd: string;
147
147
  export declare const DsnFormControlMaxInlineSize: string;
148
148
  export declare const DsnFormControlBorderRadius: string;
149
149
  export declare const DsnFormControlBorderWidth: string;
150
- export declare const DsnFormControlWidthXs: string;
151
- export declare const DsnFormControlWidthSm: string;
152
- export declare const DsnFormControlWidthMd: string;
153
- export declare const DsnFormControlWidthLg: string;
154
- export declare const DsnFormControlWidthXl: string;
155
- export declare const DsnFormControlWidthFull: string;
150
+ export declare const DsnFormControlInlineSizeXs: string;
151
+ export declare const DsnFormControlInlineSizeSm: string;
152
+ export declare const DsnFormControlInlineSizeMd: string;
153
+ export declare const DsnFormControlInlineSizeLg: string;
154
+ export declare const DsnFormControlInlineSizeXl: string;
155
+ export declare const DsnFormControlInlineSizeFull: string;
156
156
  export declare const DsnFormControlHoverBorderWidth: string;
157
157
  export declare const DsnFormControlHoverAccentColor: string;
158
158
  export declare const DsnFormControlHoverBackgroundColor: string;
@@ -678,11 +678,27 @@ export declare const DsnCardBorderWidth: string;
678
678
  export declare const DsnCardBorderColor: string;
679
679
  export declare const DsnCardBoxShadow: string;
680
680
  export declare const DsnCardBoxShadowHover: string;
681
- export declare const DsnCardBodyPaddingBlock: string;
682
- export declare const DsnCardBodyPaddingInline: string;
681
+ export declare const DsnCardMinBlockSize: string;
682
+ export declare const DsnCardPreHeaderPaddingBlockStart: string;
683
+ export declare const DsnCardPreHeaderPaddingBlockEnd: string;
684
+ export declare const DsnCardPreHeaderPaddingInlineStart: string;
685
+ export declare const DsnCardPreHeaderPaddingInlineEnd: string;
686
+ export declare const DsnCardPreHeaderRowGap: string;
687
+ export declare const DsnCardHeaderPaddingBlockStart: string;
688
+ export declare const DsnCardHeaderPaddingBlockEnd: string;
689
+ export declare const DsnCardHeaderPaddingInlineStart: string;
690
+ export declare const DsnCardHeaderPaddingInlineEnd: string;
691
+ export declare const DsnCardHeaderRowGap: string;
692
+ export declare const DsnCardBodyPaddingBlockStart: string;
693
+ export declare const DsnCardBodyPaddingBlockEnd: string;
694
+ export declare const DsnCardBodyPaddingInlineStart: string;
695
+ export declare const DsnCardBodyPaddingInlineEnd: string;
683
696
  export declare const DsnCardBodyRowGap: string;
697
+ export declare const DsnCardFooterPaddingBlockStart: string;
684
698
  export declare const DsnCardFooterPaddingBlockEnd: string;
685
- export declare const DsnCardFooterPaddingInline: string;
699
+ export declare const DsnCardFooterPaddingInlineStart: string;
700
+ export declare const DsnCardFooterPaddingInlineEnd: string;
701
+ export declare const DsnCardFooterColumnGap: string;
686
702
  export declare const DsnCardImagePlaceholderBackgroundColor: string;
687
703
  export declare const DsnCardImagePlaceholderColor: string;
688
704
  export declare const DsnCardHeadingFontFamily: string;
@@ -690,6 +706,17 @@ export declare const DsnCardHeadingFontWeight: string;
690
706
  export declare const DsnCardHeadingColor: string;
691
707
  export declare const DsnCardHeadingFontSize: string;
692
708
  export declare const DsnCardHeadingLineHeight: string;
709
+ export declare const DsnCardLabelColor: string;
710
+ export declare const DsnCardLabelFontFamily: string;
711
+ export declare const DsnCardLabelFontSize: string;
712
+ export declare const DsnCardLabelFontWeight: string;
713
+ export declare const DsnCardLabelLineHeight: string;
714
+ export declare const DsnCardDescriptionColor: string;
715
+ export declare const DsnCardDescriptionFontSize: string;
716
+ export declare const DsnCardDescriptionLineHeight: string;
717
+ export declare const DsnCardMetaColor: string;
718
+ export declare const DsnCardMetaFontSize: string;
719
+ export declare const DsnCardMetaLineHeight: string;
693
720
  export declare const DsnCardGroupGap: string;
694
721
  export declare const DsnCardGroupItemMinWidth: string;
695
722
  export declare const DsnCheckboxGroupBorderWidth: string;
@@ -958,16 +985,19 @@ export declare const DsnMenuItemMinBlockSize: string;
958
985
  export declare const DsnMenuItemIconSize: string;
959
986
  export declare const DsnMenuItemColor: string;
960
987
  export declare const DsnMenuItemBackgroundColor: string;
988
+ export declare const DsnMenuItemIndicatorWidth: string;
989
+ export declare const DsnMenuItemIndicatorColor: string;
961
990
  export declare const DsnMenuItemHoverColor: string;
962
991
  export declare const DsnMenuItemHoverBackgroundColor: string;
992
+ export declare const DsnMenuItemHoverIndicatorColor: string;
963
993
  export declare const DsnMenuItemActiveColor: string;
964
994
  export declare const DsnMenuItemActiveBackgroundColor: string;
995
+ export declare const DsnMenuItemActiveIndicatorColor: string;
965
996
  export declare const DsnMenuLinkLevelIndent: string;
966
997
  export declare const DsnMenuLinkCurrentFontWeight: string;
967
998
  export declare const DsnMenuLinkCurrentColor: string;
968
999
  export declare const DsnMenuLinkCurrentBackgroundColor: string;
969
1000
  export declare const DsnMenuLinkCurrentIndicatorColor: string;
970
- export declare const DsnMenuLinkCurrentIndicatorWidth: string;
971
1001
  export declare const DsnMenuLinkCurrentHoverColor: string;
972
1002
  export declare const DsnMenuLinkCurrentHoverBackgroundColor: string;
973
1003
  export declare const DsnMenuLinkCurrentActiveColor: string;
package/dist/js/tokens.d.ts CHANGED
@@ -147,12 +147,12 @@ export declare const DsnFormControlPaddingInlineEnd: string;
147
147
  export declare const DsnFormControlMaxInlineSize: string;
148
148
  export declare const DsnFormControlBorderRadius: string;
149
149
  export declare const DsnFormControlBorderWidth: string;
150
- export declare const DsnFormControlWidthXs: string;
151
- export declare const DsnFormControlWidthSm: string;
152
- export declare const DsnFormControlWidthMd: string;
153
- export declare const DsnFormControlWidthLg: string;
154
- export declare const DsnFormControlWidthXl: string;
155
- export declare const DsnFormControlWidthFull: string;
150
+ export declare const DsnFormControlInlineSizeXs: string;
151
+ export declare const DsnFormControlInlineSizeSm: string;
152
+ export declare const DsnFormControlInlineSizeMd: string;
153
+ export declare const DsnFormControlInlineSizeLg: string;
154
+ export declare const DsnFormControlInlineSizeXl: string;
155
+ export declare const DsnFormControlInlineSizeFull: string;
156
156
  export declare const DsnFormControlHoverBorderWidth: string;
157
157
  export declare const DsnFormControlHoverAccentColor: string;
158
158
  export declare const DsnFormControlHoverBackgroundColor: string;
@@ -678,11 +678,27 @@ export declare const DsnCardBorderWidth: string;
678
678
  export declare const DsnCardBorderColor: string;
679
679
  export declare const DsnCardBoxShadow: string;
680
680
  export declare const DsnCardBoxShadowHover: string;
681
- export declare const DsnCardBodyPaddingBlock: string;
682
- export declare const DsnCardBodyPaddingInline: string;
681
+ export declare const DsnCardMinBlockSize: string;
682
+ export declare const DsnCardPreHeaderPaddingBlockStart: string;
683
+ export declare const DsnCardPreHeaderPaddingBlockEnd: string;
684
+ export declare const DsnCardPreHeaderPaddingInlineStart: string;
685
+ export declare const DsnCardPreHeaderPaddingInlineEnd: string;
686
+ export declare const DsnCardPreHeaderRowGap: string;
687
+ export declare const DsnCardHeaderPaddingBlockStart: string;
688
+ export declare const DsnCardHeaderPaddingBlockEnd: string;
689
+ export declare const DsnCardHeaderPaddingInlineStart: string;
690
+ export declare const DsnCardHeaderPaddingInlineEnd: string;
691
+ export declare const DsnCardHeaderRowGap: string;
692
+ export declare const DsnCardBodyPaddingBlockStart: string;
693
+ export declare const DsnCardBodyPaddingBlockEnd: string;
694
+ export declare const DsnCardBodyPaddingInlineStart: string;
695
+ export declare const DsnCardBodyPaddingInlineEnd: string;
683
696
  export declare const DsnCardBodyRowGap: string;
697
+ export declare const DsnCardFooterPaddingBlockStart: string;
684
698
  export declare const DsnCardFooterPaddingBlockEnd: string;
685
- export declare const DsnCardFooterPaddingInline: string;
699
+ export declare const DsnCardFooterPaddingInlineStart: string;
700
+ export declare const DsnCardFooterPaddingInlineEnd: string;
701
+ export declare const DsnCardFooterColumnGap: string;
686
702
  export declare const DsnCardImagePlaceholderBackgroundColor: string;
687
703
  export declare const DsnCardImagePlaceholderColor: string;
688
704
  export declare const DsnCardHeadingFontFamily: string;
@@ -690,6 +706,17 @@ export declare const DsnCardHeadingFontWeight: string;
690
706
  export declare const DsnCardHeadingColor: string;
691
707
  export declare const DsnCardHeadingFontSize: string;
692
708
  export declare const DsnCardHeadingLineHeight: string;
709
+ export declare const DsnCardLabelColor: string;
710
+ export declare const DsnCardLabelFontFamily: string;
711
+ export declare const DsnCardLabelFontSize: string;
712
+ export declare const DsnCardLabelFontWeight: string;
713
+ export declare const DsnCardLabelLineHeight: string;
714
+ export declare const DsnCardDescriptionColor: string;
715
+ export declare const DsnCardDescriptionFontSize: string;
716
+ export declare const DsnCardDescriptionLineHeight: string;
717
+ export declare const DsnCardMetaColor: string;
718
+ export declare const DsnCardMetaFontSize: string;
719
+ export declare const DsnCardMetaLineHeight: string;
693
720
  export declare const DsnCardGroupGap: string;
694
721
  export declare const DsnCardGroupItemMinWidth: string;
695
722
  export declare const DsnCheckboxGroupBorderWidth: string;
@@ -958,16 +985,19 @@ export declare const DsnMenuItemMinBlockSize: string;
958
985
  export declare const DsnMenuItemIconSize: string;
959
986
  export declare const DsnMenuItemColor: string;
960
987
  export declare const DsnMenuItemBackgroundColor: string;
988
+ export declare const DsnMenuItemIndicatorWidth: string;
989
+ export declare const DsnMenuItemIndicatorColor: string;
961
990
  export declare const DsnMenuItemHoverColor: string;
962
991
  export declare const DsnMenuItemHoverBackgroundColor: string;
992
+ export declare const DsnMenuItemHoverIndicatorColor: string;
963
993
  export declare const DsnMenuItemActiveColor: string;
964
994
  export declare const DsnMenuItemActiveBackgroundColor: string;
995
+ export declare const DsnMenuItemActiveIndicatorColor: string;
965
996
  export declare const DsnMenuLinkLevelIndent: string;
966
997
  export declare const DsnMenuLinkCurrentFontWeight: string;
967
998
  export declare const DsnMenuLinkCurrentColor: string;
968
999
  export declare const DsnMenuLinkCurrentBackgroundColor: string;
969
1000
  export declare const DsnMenuLinkCurrentIndicatorColor: string;
970
- export declare const DsnMenuLinkCurrentIndicatorWidth: string;
971
1001
  export declare const DsnMenuLinkCurrentHoverColor: string;
972
1002
  export declare const DsnMenuLinkCurrentHoverBackgroundColor: string;
973
1003
  export declare const DsnMenuLinkCurrentActiveColor: string;