@dsn-starter-kit/design-tokens 1.0.2 → 3.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 (61) hide show
  1. package/dist/css/scoped/density-default.css +8 -8
  2. package/dist/css/scoped/density-information-dense.css +10 -10
  3. package/dist/css/scoped/start-light-hero-image.css +317 -0
  4. package/dist/css/scoped/wireframe-dark.css +22 -22
  5. package/dist/css/scoped/wireframe-light-hero-image.css +314 -0
  6. package/dist/css/scoped/wireframe-light.css +22 -22
  7. package/dist/css/start-dark-default.css +973 -950
  8. package/dist/css/start-dark-information-dense.css +973 -950
  9. package/dist/css/start-light-default.css +971 -948
  10. package/dist/css/start-light-information-dense.css +971 -948
  11. package/dist/css/variables-dark.css +973 -950
  12. package/dist/css/variables.css +971 -948
  13. package/dist/css/wireframe-dark-default.css +849 -826
  14. package/dist/css/wireframe-dark-information-dense.css +849 -826
  15. package/dist/css/wireframe-light-default.css +849 -826
  16. package/dist/css/wireframe-light-information-dense.css +849 -826
  17. package/dist/js/start-dark-default.d.ts +38 -1
  18. package/dist/js/start-dark-default.js +3911 -1957
  19. package/dist/js/start-dark-information-dense.d.ts +38 -1
  20. package/dist/js/start-dark-information-dense.js +3911 -1957
  21. package/dist/js/start-light-default.d.ts +38 -1
  22. package/dist/js/start-light-default.js +3905 -1953
  23. package/dist/js/start-light-information-dense.d.ts +38 -1
  24. package/dist/js/start-light-information-dense.js +3905 -1953
  25. package/dist/js/tokens-dark.cjs +36699 -0
  26. package/dist/js/tokens-dark.d.cts +1393 -0
  27. package/dist/js/tokens-dark.d.ts +38 -1
  28. package/dist/js/tokens-dark.js +3911 -1957
  29. package/dist/js/tokens.cjs +36699 -0
  30. package/dist/js/tokens.d.cts +1393 -0
  31. package/dist/js/tokens.d.ts +38 -1
  32. package/dist/js/tokens.js +3905 -1953
  33. package/dist/js/wireframe-dark-default.d.ts +38 -1
  34. package/dist/js/wireframe-dark-default.js +3631 -1687
  35. package/dist/js/wireframe-dark-information-dense.d.ts +38 -1
  36. package/dist/js/wireframe-dark-information-dense.js +3631 -1687
  37. package/dist/js/wireframe-light-default.d.ts +38 -1
  38. package/dist/js/wireframe-light-default.js +3631 -1687
  39. package/dist/js/wireframe-light-information-dense.d.ts +38 -1
  40. package/dist/js/wireframe-light-information-dense.js +3631 -1687
  41. package/dist/json/start-dark-default.json +24 -1
  42. package/dist/json/start-dark-information-dense.json +24 -1
  43. package/dist/json/start-light-default.json +24 -1
  44. package/dist/json/start-light-information-dense.json +24 -1
  45. package/dist/json/tokens-dark.json +24 -1
  46. package/dist/json/tokens.json +24 -1
  47. package/dist/json/wireframe-dark-default.json +24 -1
  48. package/dist/json/wireframe-dark-information-dense.json +24 -1
  49. package/dist/json/wireframe-light-default.json +24 -1
  50. package/dist/json/wireframe-light-information-dense.json +24 -1
  51. package/dist/scss/_start-dark-default.scss +973 -950
  52. package/dist/scss/_start-dark-information-dense.scss +973 -950
  53. package/dist/scss/_start-light-default.scss +971 -948
  54. package/dist/scss/_start-light-information-dense.scss +971 -948
  55. package/dist/scss/_variables-dark.scss +973 -950
  56. package/dist/scss/_variables.scss +971 -948
  57. package/dist/scss/_wireframe-dark-default.scss +849 -826
  58. package/dist/scss/_wireframe-dark-information-dense.scss +849 -826
  59. package/dist/scss/_wireframe-light-default.scss +849 -826
  60. package/dist/scss/_wireframe-light-information-dense.scss +849 -826
  61. package/package.json +28 -12
package/dist/json/start-dark-default.json CHANGED
@@ -798,6 +798,7 @@
798
798
  "DsnDotBadgeInsetBlockStart": "0.25rem",
799
799
  "DsnDotBadgeInsetInlineEnd": "0.25rem",
800
800
  "DsnDotBadgePulseDuration": "1500ms",
801
+ "DsnDotBadgePulseIterationCount": "3",
801
802
  "DsnDotBadgePulseEasing": "cubic-bezier(0.25, 0.1, 0.25, 1)",
802
803
  "DsnDrawerZIndex": "500",
803
804
  "DsnDrawerBackgroundColor": "#111111",
@@ -898,7 +899,7 @@
898
899
  "DsnFormFieldInvalidPaddingInlineStart": "calc(0.5rem * 2)",
899
900
  "DsnGridGutter": "calc(0.5rem * 2)",
900
901
  "DsnGridRowGap": "calc(0.5rem * 2)",
901
- "DsnGridMargin": "calc(0.5rem * 3)",
902
+ "DsnGridPaddingInline": "0px",
902
903
  "DsnGridMaxWidth": "74rem",
903
904
  "DsnHeroBlockSize": "70svh",
904
905
  "DsnHeroMinBlockSize": "400px",
@@ -910,6 +911,17 @@
910
911
  "DsnHeroColorInverse": "#000000",
911
912
  "DsnHeroBorderBlockWidth": "1px",
912
913
  "DsnHeroImageBlendColor": "#8faed2",
914
+ "DsnIconListColor": "#f1f1f1",
915
+ "DsnIconListFontFamily": "IBM Plex Sans, sans-serif",
916
+ "DsnIconListFontSize": "clamp(1rem, 0.875rem + 0.375vw, 1.28125rem)",
917
+ "DsnIconListFontWeight": "400",
918
+ "DsnIconListLineHeight": "1.5",
919
+ "DsnIconListMaxInlineSize": "65ch",
920
+ "DsnIconListGap": "calc(0.5rem * 0.5)",
921
+ "DsnIconListMarginBlockEnd": "calc(0.5rem * 1.5)",
922
+ "DsnIconListIconColor": "#8faed2",
923
+ "DsnIconListIconSize": "calc(clamp(1rem, 0.875rem + 0.375vw, 1.28125rem) * 1.5)",
924
+ "DsnIconListIconGap": "calc(0.5rem * 1)",
913
925
  "DsnImageBorderRadius": "8px",
914
926
  "DsnImageCaptionColor": "#8b8b8b",
915
927
  "DsnImageCaptionFontSize": "clamp(0.875rem, 0.75rem + 0.25vw, 1.0625rem)",
@@ -1226,6 +1238,17 @@
1226
1238
  "DsnSummaryListValueColor": "#f1f1f1",
1227
1239
  "DsnSummaryListActionsGap": "calc(0.5rem * 3)",
1228
1240
  "DsnSummaryListActionsMarginBlockStartStacked": "calc(0.5rem * 1)",
1241
+ "DsnTableOfContentsBorderInlineStartWidth": "2px",
1242
+ "DsnTableOfContentsBorderInlineStartColor": "#3169ad",
1243
+ "DsnTableOfContentsBackgroundColor": "#001d40",
1244
+ "DsnTableOfContentsPaddingBlock": "calc(0.5rem * 2)",
1245
+ "DsnTableOfContentsPaddingInlineStart": "calc(0.5rem * 2)",
1246
+ "DsnTableOfContentsPaddingInlineEnd": "calc(0.5rem * 2)",
1247
+ "DsnTableOfContentsHeadingGap": "calc(0.5rem * 2)",
1248
+ "DsnTableOfContentsPlainPaddingBlock": "calc(0.5rem * 1)",
1249
+ "DsnTableOfContentsPlainListGap": "calc(0.5rem * 1.5)",
1250
+ "DsnTableOfContentsPlainLinkTextDecorationLine": "none",
1251
+ "DsnTableOfContentsPlainLinkHoverTextDecorationLine": "underline",
1229
1252
  "DsnTableCaptionColor": "#f1f1f1",
1230
1253
  "DsnTableCaptionFontFamily": "IBM Plex Sans, sans-serif",
1231
1254
  "DsnTableCaptionFontSize": "clamp(1.5rem, 1.25rem + 0.625vw, 1.9375rem)",
package/dist/json/start-dark-information-dense.json CHANGED
@@ -798,6 +798,7 @@
798
798
  "DsnDotBadgeInsetBlockStart": "0.25rem",
799
799
  "DsnDotBadgeInsetInlineEnd": "0.25rem",
800
800
  "DsnDotBadgePulseDuration": "1500ms",
801
+ "DsnDotBadgePulseIterationCount": "3",
801
802
  "DsnDotBadgePulseEasing": "cubic-bezier(0.25, 0.1, 0.25, 1)",
802
803
  "DsnDrawerZIndex": "500",
803
804
  "DsnDrawerBackgroundColor": "#111111",
@@ -898,7 +899,7 @@
898
899
  "DsnFormFieldInvalidPaddingInlineStart": "calc(0.5rem * 2)",
899
900
  "DsnGridGutter": "calc(0.5rem * 1)",
900
901
  "DsnGridRowGap": "calc(0.5rem * 1)",
901
- "DsnGridMargin": "calc(0.5rem * 3)",
902
+ "DsnGridPaddingInline": "0px",
902
903
  "DsnGridMaxWidth": "74rem",
903
904
  "DsnHeroBlockSize": "70svh",
904
905
  "DsnHeroMinBlockSize": "400px",
@@ -910,6 +911,17 @@
910
911
  "DsnHeroColorInverse": "#000000",
911
912
  "DsnHeroBorderBlockWidth": "1px",
912
913
  "DsnHeroImageBlendColor": "#8faed2",
914
+ "DsnIconListColor": "#f1f1f1",
915
+ "DsnIconListFontFamily": "IBM Plex Sans, sans-serif",
916
+ "DsnIconListFontSize": "1rem",
917
+ "DsnIconListFontWeight": "400",
918
+ "DsnIconListLineHeight": "1.5",
919
+ "DsnIconListMaxInlineSize": "65ch",
920
+ "DsnIconListGap": "calc(0.5rem * 0.5)",
921
+ "DsnIconListMarginBlockEnd": "calc(0.5rem * 1.5)",
922
+ "DsnIconListIconColor": "#8faed2",
923
+ "DsnIconListIconSize": "calc(1rem * 1.5)",
924
+ "DsnIconListIconGap": "calc(0.5rem * 1)",
913
925
  "DsnImageBorderRadius": "8px",
914
926
  "DsnImageCaptionColor": "#8b8b8b",
915
927
  "DsnImageCaptionFontSize": "0.875rem",
@@ -1226,6 +1238,17 @@
1226
1238
  "DsnSummaryListValueColor": "#f1f1f1",
1227
1239
  "DsnSummaryListActionsGap": "calc(0.5rem * 3)",
1228
1240
  "DsnSummaryListActionsMarginBlockStartStacked": "calc(0.5rem * 1)",
1241
+ "DsnTableOfContentsBorderInlineStartWidth": "2px",
1242
+ "DsnTableOfContentsBorderInlineStartColor": "#3169ad",
1243
+ "DsnTableOfContentsBackgroundColor": "#001d40",
1244
+ "DsnTableOfContentsPaddingBlock": "calc(0.5rem * 2)",
1245
+ "DsnTableOfContentsPaddingInlineStart": "calc(0.5rem * 2)",
1246
+ "DsnTableOfContentsPaddingInlineEnd": "calc(0.5rem * 2)",
1247
+ "DsnTableOfContentsHeadingGap": "calc(0.5rem * 2)",
1248
+ "DsnTableOfContentsPlainPaddingBlock": "calc(0.5rem * 1)",
1249
+ "DsnTableOfContentsPlainListGap": "calc(0.5rem * 1.5)",
1250
+ "DsnTableOfContentsPlainLinkTextDecorationLine": "none",
1251
+ "DsnTableOfContentsPlainLinkHoverTextDecorationLine": "underline",
1229
1252
  "DsnTableCaptionColor": "#f1f1f1",
1230
1253
  "DsnTableCaptionFontFamily": "IBM Plex Sans, sans-serif",
1231
1254
  "DsnTableCaptionFontSize": "1.5rem",
package/dist/json/start-light-default.json CHANGED
@@ -798,6 +798,7 @@
798
798
  "DsnDotBadgeInsetBlockStart": "0.25rem",
799
799
  "DsnDotBadgeInsetInlineEnd": "0.25rem",
800
800
  "DsnDotBadgePulseDuration": "1500ms",
801
+ "DsnDotBadgePulseIterationCount": "3",
801
802
  "DsnDotBadgePulseEasing": "cubic-bezier(0.25, 0.1, 0.25, 1)",
802
803
  "DsnDrawerZIndex": "500",
803
804
  "DsnDrawerBackgroundColor": "#fcfcfc",
@@ -898,7 +899,7 @@
898
899
  "DsnFormFieldInvalidPaddingInlineStart": "calc(0.5rem * 2)",
899
900
  "DsnGridGutter": "calc(0.5rem * 2)",
900
901
  "DsnGridRowGap": "calc(0.5rem * 2)",
901
- "DsnGridMargin": "calc(0.5rem * 3)",
902
+ "DsnGridPaddingInline": "0px",
902
903
  "DsnGridMaxWidth": "74rem",
903
904
  "DsnHeroBlockSize": "70svh",
904
905
  "DsnHeroMinBlockSize": "400px",
@@ -910,6 +911,17 @@
910
911
  "DsnHeroColorInverse": "#ffffff",
911
912
  "DsnHeroBorderBlockWidth": "1px",
912
913
  "DsnHeroImageBlendColor": "#1b59a4",
914
+ "DsnIconListColor": "#1b1b1b",
915
+ "DsnIconListFontFamily": "IBM Plex Sans, sans-serif",
916
+ "DsnIconListFontSize": "clamp(1rem, 0.875rem + 0.375vw, 1.28125rem)",
917
+ "DsnIconListFontWeight": "400",
918
+ "DsnIconListLineHeight": "1.5",
919
+ "DsnIconListMaxInlineSize": "65ch",
920
+ "DsnIconListGap": "calc(0.5rem * 0.5)",
921
+ "DsnIconListMarginBlockEnd": "calc(0.5rem * 1.5)",
922
+ "DsnIconListIconColor": "#1b59a4",
923
+ "DsnIconListIconSize": "calc(clamp(1rem, 0.875rem + 0.375vw, 1.28125rem) * 1.5)",
924
+ "DsnIconListIconGap": "calc(0.5rem * 1)",
913
925
  "DsnImageBorderRadius": "8px",
914
926
  "DsnImageCaptionColor": "#636363",
915
927
  "DsnImageCaptionFontSize": "clamp(0.875rem, 0.75rem + 0.25vw, 1.0625rem)",
@@ -1226,6 +1238,17 @@
1226
1238
  "DsnSummaryListValueColor": "#1b1b1b",
1227
1239
  "DsnSummaryListActionsGap": "calc(0.5rem * 3)",
1228
1240
  "DsnSummaryListActionsMarginBlockStartStacked": "calc(0.5rem * 1)",
1241
+ "DsnTableOfContentsBorderInlineStartWidth": "2px",
1242
+ "DsnTableOfContentsBorderInlineStartColor": "#5c89be",
1243
+ "DsnTableOfContentsBackgroundColor": "#ecf1f7",
1244
+ "DsnTableOfContentsPaddingBlock": "calc(0.5rem * 2)",
1245
+ "DsnTableOfContentsPaddingInlineStart": "calc(0.5rem * 2)",
1246
+ "DsnTableOfContentsPaddingInlineEnd": "calc(0.5rem * 2)",
1247
+ "DsnTableOfContentsHeadingGap": "calc(0.5rem * 2)",
1248
+ "DsnTableOfContentsPlainPaddingBlock": "calc(0.5rem * 1)",
1249
+ "DsnTableOfContentsPlainListGap": "calc(0.5rem * 1.5)",
1250
+ "DsnTableOfContentsPlainLinkTextDecorationLine": "none",
1251
+ "DsnTableOfContentsPlainLinkHoverTextDecorationLine": "underline",
1229
1252
  "DsnTableCaptionColor": "#1b1b1b",
1230
1253
  "DsnTableCaptionFontFamily": "IBM Plex Sans, sans-serif",
1231
1254
  "DsnTableCaptionFontSize": "clamp(1.5rem, 1.25rem + 0.625vw, 1.9375rem)",
package/dist/json/start-light-information-dense.json CHANGED
@@ -798,6 +798,7 @@
798
798
  "DsnDotBadgeInsetBlockStart": "0.25rem",
799
799
  "DsnDotBadgeInsetInlineEnd": "0.25rem",
800
800
  "DsnDotBadgePulseDuration": "1500ms",
801
+ "DsnDotBadgePulseIterationCount": "3",
801
802
  "DsnDotBadgePulseEasing": "cubic-bezier(0.25, 0.1, 0.25, 1)",
802
803
  "DsnDrawerZIndex": "500",
803
804
  "DsnDrawerBackgroundColor": "#fcfcfc",
@@ -898,7 +899,7 @@
898
899
  "DsnFormFieldInvalidPaddingInlineStart": "calc(0.5rem * 2)",
899
900
  "DsnGridGutter": "calc(0.5rem * 1)",
900
901
  "DsnGridRowGap": "calc(0.5rem * 1)",
901
- "DsnGridMargin": "calc(0.5rem * 3)",
902
+ "DsnGridPaddingInline": "0px",
902
903
  "DsnGridMaxWidth": "74rem",
903
904
  "DsnHeroBlockSize": "70svh",
904
905
  "DsnHeroMinBlockSize": "400px",
@@ -910,6 +911,17 @@
910
911
  "DsnHeroColorInverse": "#ffffff",
911
912
  "DsnHeroBorderBlockWidth": "1px",
912
913
  "DsnHeroImageBlendColor": "#1b59a4",
914
+ "DsnIconListColor": "#1b1b1b",
915
+ "DsnIconListFontFamily": "IBM Plex Sans, sans-serif",
916
+ "DsnIconListFontSize": "1rem",
917
+ "DsnIconListFontWeight": "400",
918
+ "DsnIconListLineHeight": "1.5",
919
+ "DsnIconListMaxInlineSize": "65ch",
920
+ "DsnIconListGap": "calc(0.5rem * 0.5)",
921
+ "DsnIconListMarginBlockEnd": "calc(0.5rem * 1.5)",
922
+ "DsnIconListIconColor": "#1b59a4",
923
+ "DsnIconListIconSize": "calc(1rem * 1.5)",
924
+ "DsnIconListIconGap": "calc(0.5rem * 1)",
913
925
  "DsnImageBorderRadius": "8px",
914
926
  "DsnImageCaptionColor": "#636363",
915
927
  "DsnImageCaptionFontSize": "0.875rem",
@@ -1226,6 +1238,17 @@
1226
1238
  "DsnSummaryListValueColor": "#1b1b1b",
1227
1239
  "DsnSummaryListActionsGap": "calc(0.5rem * 3)",
1228
1240
  "DsnSummaryListActionsMarginBlockStartStacked": "calc(0.5rem * 1)",
1241
+ "DsnTableOfContentsBorderInlineStartWidth": "2px",
1242
+ "DsnTableOfContentsBorderInlineStartColor": "#5c89be",
1243
+ "DsnTableOfContentsBackgroundColor": "#ecf1f7",
1244
+ "DsnTableOfContentsPaddingBlock": "calc(0.5rem * 2)",
1245
+ "DsnTableOfContentsPaddingInlineStart": "calc(0.5rem * 2)",
1246
+ "DsnTableOfContentsPaddingInlineEnd": "calc(0.5rem * 2)",
1247
+ "DsnTableOfContentsHeadingGap": "calc(0.5rem * 2)",
1248
+ "DsnTableOfContentsPlainPaddingBlock": "calc(0.5rem * 1)",
1249
+ "DsnTableOfContentsPlainListGap": "calc(0.5rem * 1.5)",
1250
+ "DsnTableOfContentsPlainLinkTextDecorationLine": "none",
1251
+ "DsnTableOfContentsPlainLinkHoverTextDecorationLine": "underline",
1229
1252
  "DsnTableCaptionColor": "#1b1b1b",
1230
1253
  "DsnTableCaptionFontFamily": "IBM Plex Sans, sans-serif",
1231
1254
  "DsnTableCaptionFontSize": "1.5rem",
package/dist/json/tokens-dark.json CHANGED
@@ -798,6 +798,7 @@
798
798
  "DsnDotBadgeInsetBlockStart": "0.25rem",
799
799
  "DsnDotBadgeInsetInlineEnd": "0.25rem",
800
800
  "DsnDotBadgePulseDuration": "1500ms",
801
+ "DsnDotBadgePulseIterationCount": "3",
801
802
  "DsnDotBadgePulseEasing": "cubic-bezier(0.25, 0.1, 0.25, 1)",
802
803
  "DsnDrawerZIndex": "500",
803
804
  "DsnDrawerBackgroundColor": "#111111",
@@ -898,7 +899,7 @@
898
899
  "DsnFormFieldInvalidPaddingInlineStart": "calc(0.5rem * 2)",
899
900
  "DsnGridGutter": "calc(0.5rem * 2)",
900
901
  "DsnGridRowGap": "calc(0.5rem * 2)",
901
- "DsnGridMargin": "calc(0.5rem * 3)",
902
+ "DsnGridPaddingInline": "0px",
902
903
  "DsnGridMaxWidth": "74rem",
903
904
  "DsnHeroBlockSize": "70svh",
904
905
  "DsnHeroMinBlockSize": "400px",
@@ -910,6 +911,17 @@
910
911
  "DsnHeroColorInverse": "#000000",
911
912
  "DsnHeroBorderBlockWidth": "1px",
912
913
  "DsnHeroImageBlendColor": "#8faed2",
914
+ "DsnIconListColor": "#f1f1f1",
915
+ "DsnIconListFontFamily": "IBM Plex Sans, sans-serif",
916
+ "DsnIconListFontSize": "clamp(1rem, 0.875rem + 0.375vw, 1.28125rem)",
917
+ "DsnIconListFontWeight": "400",
918
+ "DsnIconListLineHeight": "1.5",
919
+ "DsnIconListMaxInlineSize": "65ch",
920
+ "DsnIconListGap": "calc(0.5rem * 0.5)",
921
+ "DsnIconListMarginBlockEnd": "calc(0.5rem * 1.5)",
922
+ "DsnIconListIconColor": "#8faed2",
923
+ "DsnIconListIconSize": "calc(clamp(1rem, 0.875rem + 0.375vw, 1.28125rem) * 1.5)",
924
+ "DsnIconListIconGap": "calc(0.5rem * 1)",
913
925
  "DsnImageBorderRadius": "8px",
914
926
  "DsnImageCaptionColor": "#8b8b8b",
915
927
  "DsnImageCaptionFontSize": "clamp(0.875rem, 0.75rem + 0.25vw, 1.0625rem)",
@@ -1226,6 +1238,17 @@
1226
1238
  "DsnSummaryListValueColor": "#f1f1f1",
1227
1239
  "DsnSummaryListActionsGap": "calc(0.5rem * 3)",
1228
1240
  "DsnSummaryListActionsMarginBlockStartStacked": "calc(0.5rem * 1)",
1241
+ "DsnTableOfContentsBorderInlineStartWidth": "2px",
1242
+ "DsnTableOfContentsBorderInlineStartColor": "#3169ad",
1243
+ "DsnTableOfContentsBackgroundColor": "#001d40",
1244
+ "DsnTableOfContentsPaddingBlock": "calc(0.5rem * 2)",
1245
+ "DsnTableOfContentsPaddingInlineStart": "calc(0.5rem * 2)",
1246
+ "DsnTableOfContentsPaddingInlineEnd": "calc(0.5rem * 2)",
1247
+ "DsnTableOfContentsHeadingGap": "calc(0.5rem * 2)",
1248
+ "DsnTableOfContentsPlainPaddingBlock": "calc(0.5rem * 1)",
1249
+ "DsnTableOfContentsPlainListGap": "calc(0.5rem * 1.5)",
1250
+ "DsnTableOfContentsPlainLinkTextDecorationLine": "none",
1251
+ "DsnTableOfContentsPlainLinkHoverTextDecorationLine": "underline",
1229
1252
  "DsnTableCaptionColor": "#f1f1f1",
1230
1253
  "DsnTableCaptionFontFamily": "IBM Plex Sans, sans-serif",
1231
1254
  "DsnTableCaptionFontSize": "clamp(1.5rem, 1.25rem + 0.625vw, 1.9375rem)",
package/dist/json/tokens.json CHANGED
@@ -798,6 +798,7 @@
798
798
  "DsnDotBadgeInsetBlockStart": "0.25rem",
799
799
  "DsnDotBadgeInsetInlineEnd": "0.25rem",
800
800
  "DsnDotBadgePulseDuration": "1500ms",
801
+ "DsnDotBadgePulseIterationCount": "3",
801
802
  "DsnDotBadgePulseEasing": "cubic-bezier(0.25, 0.1, 0.25, 1)",
802
803
  "DsnDrawerZIndex": "500",
803
804
  "DsnDrawerBackgroundColor": "#fcfcfc",
@@ -898,7 +899,7 @@
898
899
  "DsnFormFieldInvalidPaddingInlineStart": "calc(0.5rem * 2)",
899
900
  "DsnGridGutter": "calc(0.5rem * 2)",
900
901
  "DsnGridRowGap": "calc(0.5rem * 2)",
901
- "DsnGridMargin": "calc(0.5rem * 3)",
902
+ "DsnGridPaddingInline": "0px",
902
903
  "DsnGridMaxWidth": "74rem",
903
904
  "DsnHeroBlockSize": "70svh",
904
905
  "DsnHeroMinBlockSize": "400px",
@@ -910,6 +911,17 @@
910
911
  "DsnHeroColorInverse": "#ffffff",
911
912
  "DsnHeroBorderBlockWidth": "1px",
912
913
  "DsnHeroImageBlendColor": "#1b59a4",
914
+ "DsnIconListColor": "#1b1b1b",
915
+ "DsnIconListFontFamily": "IBM Plex Sans, sans-serif",
916
+ "DsnIconListFontSize": "clamp(1rem, 0.875rem + 0.375vw, 1.28125rem)",
917
+ "DsnIconListFontWeight": "400",
918
+ "DsnIconListLineHeight": "1.5",
919
+ "DsnIconListMaxInlineSize": "65ch",
920
+ "DsnIconListGap": "calc(0.5rem * 0.5)",
921
+ "DsnIconListMarginBlockEnd": "calc(0.5rem * 1.5)",
922
+ "DsnIconListIconColor": "#1b59a4",
923
+ "DsnIconListIconSize": "calc(clamp(1rem, 0.875rem + 0.375vw, 1.28125rem) * 1.5)",
924
+ "DsnIconListIconGap": "calc(0.5rem * 1)",
913
925
  "DsnImageBorderRadius": "8px",
914
926
  "DsnImageCaptionColor": "#636363",
915
927
  "DsnImageCaptionFontSize": "clamp(0.875rem, 0.75rem + 0.25vw, 1.0625rem)",
@@ -1226,6 +1238,17 @@
1226
1238
  "DsnSummaryListValueColor": "#1b1b1b",
1227
1239
  "DsnSummaryListActionsGap": "calc(0.5rem * 3)",
1228
1240
  "DsnSummaryListActionsMarginBlockStartStacked": "calc(0.5rem * 1)",
1241
+ "DsnTableOfContentsBorderInlineStartWidth": "2px",
1242
+ "DsnTableOfContentsBorderInlineStartColor": "#5c89be",
1243
+ "DsnTableOfContentsBackgroundColor": "#ecf1f7",
1244
+ "DsnTableOfContentsPaddingBlock": "calc(0.5rem * 2)",
1245
+ "DsnTableOfContentsPaddingInlineStart": "calc(0.5rem * 2)",
1246
+ "DsnTableOfContentsPaddingInlineEnd": "calc(0.5rem * 2)",
1247
+ "DsnTableOfContentsHeadingGap": "calc(0.5rem * 2)",
1248
+ "DsnTableOfContentsPlainPaddingBlock": "calc(0.5rem * 1)",
1249
+ "DsnTableOfContentsPlainListGap": "calc(0.5rem * 1.5)",
1250
+ "DsnTableOfContentsPlainLinkTextDecorationLine": "none",
1251
+ "DsnTableOfContentsPlainLinkHoverTextDecorationLine": "underline",
1229
1252
  "DsnTableCaptionColor": "#1b1b1b",
1230
1253
  "DsnTableCaptionFontFamily": "IBM Plex Sans, sans-serif",
1231
1254
  "DsnTableCaptionFontSize": "clamp(1.5rem, 1.25rem + 0.625vw, 1.9375rem)",
package/dist/json/wireframe-dark-default.json CHANGED
@@ -794,6 +794,7 @@
794
794
  "DsnDotBadgeInsetBlockStart": "0.25rem",
795
795
  "DsnDotBadgeInsetInlineEnd": "0.25rem",
796
796
  "DsnDotBadgePulseDuration": "1500ms",
797
+ "DsnDotBadgePulseIterationCount": "3",
797
798
  "DsnDotBadgePulseEasing": "cubic-bezier(0.25, 0.1, 0.25, 1)",
798
799
  "DsnDrawerZIndex": "500",
799
800
  "DsnDrawerBackgroundColor": "#000000",
@@ -894,7 +895,7 @@
894
895
  "DsnFormFieldInvalidPaddingInlineStart": "calc(0.5rem * 2)",
895
896
  "DsnGridGutter": "calc(0.5rem * 2)",
896
897
  "DsnGridRowGap": "calc(0.5rem * 2)",
897
- "DsnGridMargin": "calc(0.5rem * 3)",
898
+ "DsnGridPaddingInline": "0px",
898
899
  "DsnGridMaxWidth": "74rem",
899
900
  "DsnHeroBlockSize": "70svh",
900
901
  "DsnHeroMinBlockSize": "400px",
@@ -906,6 +907,17 @@
906
907
  "DsnHeroColorInverse": "#000000",
907
908
  "DsnHeroBorderBlockWidth": "2px",
908
909
  "DsnHeroImageBlendColor": "#ffffff",
910
+ "DsnIconListColor": "#ffffff",
911
+ "DsnIconListFontFamily": "'Comic Sans MS', 'Comic Sans', 'Comic Neue', cursive",
912
+ "DsnIconListFontSize": "clamp(1rem, 0.875rem + 0.375vw, 1.28125rem)",
913
+ "DsnIconListFontWeight": "400",
914
+ "DsnIconListLineHeight": "1.4",
915
+ "DsnIconListMaxInlineSize": "65ch",
916
+ "DsnIconListGap": "calc(0.5rem * 0.5)",
917
+ "DsnIconListMarginBlockEnd": "calc(0.5rem * 1.5)",
918
+ "DsnIconListIconColor": "#ffffff",
919
+ "DsnIconListIconSize": "calc(clamp(1rem, 0.875rem + 0.375vw, 1.28125rem) * 1.4)",
920
+ "DsnIconListIconGap": "calc(0.5rem * 1)",
909
921
  "DsnImageBorderRadius": "4px",
910
922
  "DsnImageCaptionColor": "#ffffff",
911
923
  "DsnImageCaptionFontSize": "clamp(0.875rem, 0.75rem + 0.25vw, 1.0625rem)",
@@ -1222,6 +1234,17 @@
1222
1234
  "DsnSummaryListValueColor": "#ffffff",
1223
1235
  "DsnSummaryListActionsGap": "calc(0.5rem * 3)",
1224
1236
  "DsnSummaryListActionsMarginBlockStartStacked": "calc(0.5rem * 1)",
1237
+ "DsnTableOfContentsBorderInlineStartWidth": "4px",
1238
+ "DsnTableOfContentsBorderInlineStartColor": "#ffffff",
1239
+ "DsnTableOfContentsBackgroundColor": "#000000",
1240
+ "DsnTableOfContentsPaddingBlock": "calc(0.5rem * 2)",
1241
+ "DsnTableOfContentsPaddingInlineStart": "calc(0.5rem * 2)",
1242
+ "DsnTableOfContentsPaddingInlineEnd": "calc(0.5rem * 2)",
1243
+ "DsnTableOfContentsHeadingGap": "calc(0.5rem * 2)",
1244
+ "DsnTableOfContentsPlainPaddingBlock": "calc(0.5rem * 1)",
1245
+ "DsnTableOfContentsPlainListGap": "calc(0.5rem * 1.5)",
1246
+ "DsnTableOfContentsPlainLinkTextDecorationLine": "none",
1247
+ "DsnTableOfContentsPlainLinkHoverTextDecorationLine": "underline",
1225
1248
  "DsnTableCaptionColor": "#ffffff",
1226
1249
  "DsnTableCaptionFontFamily": "'Comic Sans MS', 'Comic Sans', 'Comic Neue', cursive",
1227
1250
  "DsnTableCaptionFontSize": "clamp(1.5rem, 1.25rem + 0.625vw, 1.9375rem)",
package/dist/json/wireframe-dark-information-dense.json CHANGED
@@ -794,6 +794,7 @@
794
794
  "DsnDotBadgeInsetBlockStart": "0.25rem",
795
795
  "DsnDotBadgeInsetInlineEnd": "0.25rem",
796
796
  "DsnDotBadgePulseDuration": "1500ms",
797
+ "DsnDotBadgePulseIterationCount": "3",
797
798
  "DsnDotBadgePulseEasing": "cubic-bezier(0.25, 0.1, 0.25, 1)",
798
799
  "DsnDrawerZIndex": "500",
799
800
  "DsnDrawerBackgroundColor": "#000000",
@@ -894,7 +895,7 @@
894
895
  "DsnFormFieldInvalidPaddingInlineStart": "calc(0.5rem * 2)",
895
896
  "DsnGridGutter": "calc(0.5rem * 1)",
896
897
  "DsnGridRowGap": "calc(0.5rem * 1)",
897
- "DsnGridMargin": "calc(0.5rem * 3)",
898
+ "DsnGridPaddingInline": "0px",
898
899
  "DsnGridMaxWidth": "74rem",
899
900
  "DsnHeroBlockSize": "70svh",
900
901
  "DsnHeroMinBlockSize": "400px",
@@ -906,6 +907,17 @@
906
907
  "DsnHeroColorInverse": "#000000",
907
908
  "DsnHeroBorderBlockWidth": "2px",
908
909
  "DsnHeroImageBlendColor": "#ffffff",
910
+ "DsnIconListColor": "#ffffff",
911
+ "DsnIconListFontFamily": "'Comic Sans MS', 'Comic Sans', 'Comic Neue', cursive",
912
+ "DsnIconListFontSize": "1rem",
913
+ "DsnIconListFontWeight": "400",
914
+ "DsnIconListLineHeight": "1.4",
915
+ "DsnIconListMaxInlineSize": "65ch",
916
+ "DsnIconListGap": "calc(0.5rem * 0.5)",
917
+ "DsnIconListMarginBlockEnd": "calc(0.5rem * 1.5)",
918
+ "DsnIconListIconColor": "#ffffff",
919
+ "DsnIconListIconSize": "calc(1rem * 1.4)",
920
+ "DsnIconListIconGap": "calc(0.5rem * 1)",
909
921
  "DsnImageBorderRadius": "4px",
910
922
  "DsnImageCaptionColor": "#ffffff",
911
923
  "DsnImageCaptionFontSize": "0.875rem",
@@ -1222,6 +1234,17 @@
1222
1234
  "DsnSummaryListValueColor": "#ffffff",
1223
1235
  "DsnSummaryListActionsGap": "calc(0.5rem * 3)",
1224
1236
  "DsnSummaryListActionsMarginBlockStartStacked": "calc(0.5rem * 1)",
1237
+ "DsnTableOfContentsBorderInlineStartWidth": "4px",
1238
+ "DsnTableOfContentsBorderInlineStartColor": "#ffffff",
1239
+ "DsnTableOfContentsBackgroundColor": "#000000",
1240
+ "DsnTableOfContentsPaddingBlock": "calc(0.5rem * 2)",
1241
+ "DsnTableOfContentsPaddingInlineStart": "calc(0.5rem * 2)",
1242
+ "DsnTableOfContentsPaddingInlineEnd": "calc(0.5rem * 2)",
1243
+ "DsnTableOfContentsHeadingGap": "calc(0.5rem * 2)",
1244
+ "DsnTableOfContentsPlainPaddingBlock": "calc(0.5rem * 1)",
1245
+ "DsnTableOfContentsPlainListGap": "calc(0.5rem * 1.5)",
1246
+ "DsnTableOfContentsPlainLinkTextDecorationLine": "none",
1247
+ "DsnTableOfContentsPlainLinkHoverTextDecorationLine": "underline",
1225
1248
  "DsnTableCaptionColor": "#ffffff",
1226
1249
  "DsnTableCaptionFontFamily": "'Comic Sans MS', 'Comic Sans', 'Comic Neue', cursive",
1227
1250
  "DsnTableCaptionFontSize": "1.5rem",
package/dist/json/wireframe-light-default.json CHANGED
@@ -794,6 +794,7 @@
794
794
  "DsnDotBadgeInsetBlockStart": "0.25rem",
795
795
  "DsnDotBadgeInsetInlineEnd": "0.25rem",
796
796
  "DsnDotBadgePulseDuration": "1500ms",
797
+ "DsnDotBadgePulseIterationCount": "3",
797
798
  "DsnDotBadgePulseEasing": "cubic-bezier(0.25, 0.1, 0.25, 1)",
798
799
  "DsnDrawerZIndex": "500",
799
800
  "DsnDrawerBackgroundColor": "#ffffff",
@@ -894,7 +895,7 @@
894
895
  "DsnFormFieldInvalidPaddingInlineStart": "calc(0.5rem * 2)",
895
896
  "DsnGridGutter": "calc(0.5rem * 2)",
896
897
  "DsnGridRowGap": "calc(0.5rem * 2)",
897
- "DsnGridMargin": "calc(0.5rem * 3)",
898
+ "DsnGridPaddingInline": "0px",
898
899
  "DsnGridMaxWidth": "74rem",
899
900
  "DsnHeroBlockSize": "70svh",
900
901
  "DsnHeroMinBlockSize": "400px",
@@ -906,6 +907,17 @@
906
907
  "DsnHeroColorInverse": "#ffffff",
907
908
  "DsnHeroBorderBlockWidth": "2px",
908
909
  "DsnHeroImageBlendColor": "#000000",
910
+ "DsnIconListColor": "#000000",
911
+ "DsnIconListFontFamily": "'Comic Sans MS', 'Comic Sans', 'Comic Neue', cursive",
912
+ "DsnIconListFontSize": "clamp(1rem, 0.875rem + 0.375vw, 1.28125rem)",
913
+ "DsnIconListFontWeight": "400",
914
+ "DsnIconListLineHeight": "1.4",
915
+ "DsnIconListMaxInlineSize": "65ch",
916
+ "DsnIconListGap": "calc(0.5rem * 0.5)",
917
+ "DsnIconListMarginBlockEnd": "calc(0.5rem * 1.5)",
918
+ "DsnIconListIconColor": "#000000",
919
+ "DsnIconListIconSize": "calc(clamp(1rem, 0.875rem + 0.375vw, 1.28125rem) * 1.4)",
920
+ "DsnIconListIconGap": "calc(0.5rem * 1)",
909
921
  "DsnImageBorderRadius": "4px",
910
922
  "DsnImageCaptionColor": "#000000",
911
923
  "DsnImageCaptionFontSize": "clamp(0.875rem, 0.75rem + 0.25vw, 1.0625rem)",
@@ -1222,6 +1234,17 @@
1222
1234
  "DsnSummaryListValueColor": "#000000",
1223
1235
  "DsnSummaryListActionsGap": "calc(0.5rem * 3)",
1224
1236
  "DsnSummaryListActionsMarginBlockStartStacked": "calc(0.5rem * 1)",
1237
+ "DsnTableOfContentsBorderInlineStartWidth": "4px",
1238
+ "DsnTableOfContentsBorderInlineStartColor": "#000000",
1239
+ "DsnTableOfContentsBackgroundColor": "#ffffff",
1240
+ "DsnTableOfContentsPaddingBlock": "calc(0.5rem * 2)",
1241
+ "DsnTableOfContentsPaddingInlineStart": "calc(0.5rem * 2)",
1242
+ "DsnTableOfContentsPaddingInlineEnd": "calc(0.5rem * 2)",
1243
+ "DsnTableOfContentsHeadingGap": "calc(0.5rem * 2)",
1244
+ "DsnTableOfContentsPlainPaddingBlock": "calc(0.5rem * 1)",
1245
+ "DsnTableOfContentsPlainListGap": "calc(0.5rem * 1.5)",
1246
+ "DsnTableOfContentsPlainLinkTextDecorationLine": "none",
1247
+ "DsnTableOfContentsPlainLinkHoverTextDecorationLine": "underline",
1225
1248
  "DsnTableCaptionColor": "#000000",
1226
1249
  "DsnTableCaptionFontFamily": "'Comic Sans MS', 'Comic Sans', 'Comic Neue', cursive",
1227
1250
  "DsnTableCaptionFontSize": "clamp(1.5rem, 1.25rem + 0.625vw, 1.9375rem)",
package/dist/json/wireframe-light-information-dense.json CHANGED
@@ -794,6 +794,7 @@
794
794
  "DsnDotBadgeInsetBlockStart": "0.25rem",
795
795
  "DsnDotBadgeInsetInlineEnd": "0.25rem",
796
796
  "DsnDotBadgePulseDuration": "1500ms",
797
+ "DsnDotBadgePulseIterationCount": "3",
797
798
  "DsnDotBadgePulseEasing": "cubic-bezier(0.25, 0.1, 0.25, 1)",
798
799
  "DsnDrawerZIndex": "500",
799
800
  "DsnDrawerBackgroundColor": "#ffffff",
@@ -894,7 +895,7 @@
894
895
  "DsnFormFieldInvalidPaddingInlineStart": "calc(0.5rem * 2)",
895
896
  "DsnGridGutter": "calc(0.5rem * 1)",
896
897
  "DsnGridRowGap": "calc(0.5rem * 1)",
897
- "DsnGridMargin": "calc(0.5rem * 3)",
898
+ "DsnGridPaddingInline": "0px",
898
899
  "DsnGridMaxWidth": "74rem",
899
900
  "DsnHeroBlockSize": "70svh",
900
901
  "DsnHeroMinBlockSize": "400px",
@@ -906,6 +907,17 @@
906
907
  "DsnHeroColorInverse": "#ffffff",
907
908
  "DsnHeroBorderBlockWidth": "2px",
908
909
  "DsnHeroImageBlendColor": "#000000",
910
+ "DsnIconListColor": "#000000",
911
+ "DsnIconListFontFamily": "'Comic Sans MS', 'Comic Sans', 'Comic Neue', cursive",
912
+ "DsnIconListFontSize": "1rem",
913
+ "DsnIconListFontWeight": "400",
914
+ "DsnIconListLineHeight": "1.4",
915
+ "DsnIconListMaxInlineSize": "65ch",
916
+ "DsnIconListGap": "calc(0.5rem * 0.5)",
917
+ "DsnIconListMarginBlockEnd": "calc(0.5rem * 1.5)",
918
+ "DsnIconListIconColor": "#000000",
919
+ "DsnIconListIconSize": "calc(1rem * 1.4)",
920
+ "DsnIconListIconGap": "calc(0.5rem * 1)",
909
921
  "DsnImageBorderRadius": "4px",
910
922
  "DsnImageCaptionColor": "#000000",
911
923
  "DsnImageCaptionFontSize": "0.875rem",
@@ -1222,6 +1234,17 @@
1222
1234
  "DsnSummaryListValueColor": "#000000",
1223
1235
  "DsnSummaryListActionsGap": "calc(0.5rem * 3)",
1224
1236
  "DsnSummaryListActionsMarginBlockStartStacked": "calc(0.5rem * 1)",
1237
+ "DsnTableOfContentsBorderInlineStartWidth": "4px",
1238
+ "DsnTableOfContentsBorderInlineStartColor": "#000000",
1239
+ "DsnTableOfContentsBackgroundColor": "#ffffff",
1240
+ "DsnTableOfContentsPaddingBlock": "calc(0.5rem * 2)",
1241
+ "DsnTableOfContentsPaddingInlineStart": "calc(0.5rem * 2)",
1242
+ "DsnTableOfContentsPaddingInlineEnd": "calc(0.5rem * 2)",
1243
+ "DsnTableOfContentsHeadingGap": "calc(0.5rem * 2)",
1244
+ "DsnTableOfContentsPlainPaddingBlock": "calc(0.5rem * 1)",
1245
+ "DsnTableOfContentsPlainListGap": "calc(0.5rem * 1.5)",
1246
+ "DsnTableOfContentsPlainLinkTextDecorationLine": "none",
1247
+ "DsnTableOfContentsPlainLinkHoverTextDecorationLine": "underline",
1225
1248
  "DsnTableCaptionColor": "#000000",
1226
1249
  "DsnTableCaptionFontFamily": "'Comic Sans MS', 'Comic Sans', 'Comic Neue', cursive",
1227
1250
  "DsnTableCaptionFontSize": "1.5rem",