@dsn-starter-kit/design-tokens 1.0.1 → 2.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 (57) 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 +961 -942
  8. package/dist/css/start-dark-information-dense.css +961 -942
  9. package/dist/css/start-light-default.css +959 -940
  10. package/dist/css/start-light-information-dense.css +959 -940
  11. package/dist/css/variables-dark.css +961 -942
  12. package/dist/css/variables.css +959 -940
  13. package/dist/css/wireframe-dark-default.css +842 -823
  14. package/dist/css/wireframe-dark-information-dense.css +842 -823
  15. package/dist/css/wireframe-light-default.css +842 -823
  16. package/dist/css/wireframe-light-information-dense.css +842 -823
  17. package/dist/js/start-dark-default.d.ts +20 -1
  18. package/dist/js/start-dark-default.js +2416 -1921
  19. package/dist/js/start-dark-information-dense.d.ts +20 -1
  20. package/dist/js/start-dark-information-dense.js +2416 -1921
  21. package/dist/js/start-light-default.d.ts +20 -1
  22. package/dist/js/start-light-default.js +2410 -1917
  23. package/dist/js/start-light-information-dense.d.ts +20 -1
  24. package/dist/js/start-light-information-dense.js +2410 -1917
  25. package/dist/js/tokens-dark.d.ts +20 -1
  26. package/dist/js/tokens-dark.js +2416 -1921
  27. package/dist/js/tokens.d.ts +20 -1
  28. package/dist/js/tokens.js +2410 -1917
  29. package/dist/js/wireframe-dark-default.d.ts +20 -1
  30. package/dist/js/wireframe-dark-default.js +2165 -1676
  31. package/dist/js/wireframe-dark-information-dense.d.ts +20 -1
  32. package/dist/js/wireframe-dark-information-dense.js +2165 -1676
  33. package/dist/js/wireframe-light-default.d.ts +20 -1
  34. package/dist/js/wireframe-light-default.js +2165 -1676
  35. package/dist/js/wireframe-light-information-dense.d.ts +20 -1
  36. package/dist/js/wireframe-light-information-dense.js +2165 -1676
  37. package/dist/json/start-dark-default.json +20 -1
  38. package/dist/json/start-dark-information-dense.json +20 -1
  39. package/dist/json/start-light-default.json +20 -1
  40. package/dist/json/start-light-information-dense.json +20 -1
  41. package/dist/json/tokens-dark.json +20 -1
  42. package/dist/json/tokens.json +20 -1
  43. package/dist/json/wireframe-dark-default.json +20 -1
  44. package/dist/json/wireframe-dark-information-dense.json +20 -1
  45. package/dist/json/wireframe-light-default.json +20 -1
  46. package/dist/json/wireframe-light-information-dense.json +20 -1
  47. package/dist/scss/_start-dark-default.scss +961 -942
  48. package/dist/scss/_start-dark-information-dense.scss +961 -942
  49. package/dist/scss/_start-light-default.scss +959 -940
  50. package/dist/scss/_start-light-information-dense.scss +959 -940
  51. package/dist/scss/_variables-dark.scss +961 -942
  52. package/dist/scss/_variables.scss +959 -940
  53. package/dist/scss/_wireframe-dark-default.scss +842 -823
  54. package/dist/scss/_wireframe-dark-information-dense.scss +842 -823
  55. package/dist/scss/_wireframe-light-default.scss +842 -823
  56. package/dist/scss/_wireframe-light-information-dense.scss +842 -823
  57. package/package.json +4 -2
package/dist/json/start-dark-default.json CHANGED
@@ -561,6 +561,7 @@
561
561
  "DsnBreadcrumbNavigationSeparatorColor": "#8b8b8b",
562
562
  "DsnBreadcrumbNavigationSeparatorSize": "calc(clamp(0.875rem, 0.75rem + 0.25vw, 1.0625rem) * 1.5)",
563
563
  "DsnBreadcrumbNavigationIconSize": "calc(clamp(0.875rem, 0.75rem + 0.25vw, 1.0625rem) * 1.5)",
564
+ "DsnBreakoutSectionBorderBlockWidth": "1px",
564
565
  "DsnButtonBorderRadius": "8px",
565
566
  "DsnButtonBorderWidth": "1px",
566
567
  "DsnButtonFontFamily": "IBM Plex Sans, sans-serif",
@@ -897,7 +898,7 @@
897
898
  "DsnFormFieldInvalidPaddingInlineStart": "calc(0.5rem * 2)",
898
899
  "DsnGridGutter": "calc(0.5rem * 2)",
899
900
  "DsnGridRowGap": "calc(0.5rem * 2)",
900
- "DsnGridMargin": "calc(0.5rem * 3)",
901
+ "DsnGridPaddingInline": "0px",
901
902
  "DsnGridMaxWidth": "74rem",
902
903
  "DsnHeroBlockSize": "70svh",
903
904
  "DsnHeroMinBlockSize": "400px",
@@ -907,6 +908,7 @@
907
908
  "DsnHeroBackgroundColorInverse": "#8faed2",
908
909
  "DsnHeroColorDefault": "#8faed2",
909
910
  "DsnHeroColorInverse": "#000000",
911
+ "DsnHeroBorderBlockWidth": "1px",
910
912
  "DsnHeroImageBlendColor": "#8faed2",
911
913
  "DsnImageBorderRadius": "8px",
912
914
  "DsnImageCaptionColor": "#8b8b8b",
@@ -1105,6 +1107,12 @@
1105
1107
  "DsnPopoverFooterPaddingBlockStart": "calc(0.5rem * 2)",
1106
1108
  "DsnPopoverFooterPaddingBlockEnd": "calc(0.5rem * 2)",
1107
1109
  "DsnPopoverFooterPaddingInline": "calc(0.5rem * 2)",
1110
+ "DsnPreHeadingColor": "#f1f1f1",
1111
+ "DsnPreHeadingFontFamily": "IBM Plex Sans, sans-serif",
1112
+ "DsnPreHeadingFontSize": "clamp(1rem, 0.875rem + 0.375vw, 1.28125rem)",
1113
+ "DsnPreHeadingFontWeight": "700",
1114
+ "DsnPreHeadingLineHeight": "1.5",
1115
+ "DsnPreHeadingMarginBlockEnd": "calc(0.5rem * 0.25)",
1108
1116
  "DsnProgressBarColorTrack": "#1d1d1d",
1109
1117
  "DsnProgressBarColorFill": "#8faed2",
1110
1118
  "DsnProgressBarBlockSize": "8px",
@@ -1218,6 +1226,17 @@
1218
1226
  "DsnSummaryListValueColor": "#f1f1f1",
1219
1227
  "DsnSummaryListActionsGap": "calc(0.5rem * 3)",
1220
1228
  "DsnSummaryListActionsMarginBlockStartStacked": "calc(0.5rem * 1)",
1229
+ "DsnTableOfContentsBorderInlineStartWidth": "2px",
1230
+ "DsnTableOfContentsBorderInlineStartColor": "#3169ad",
1231
+ "DsnTableOfContentsBackgroundColor": "#001d40",
1232
+ "DsnTableOfContentsPaddingBlock": "calc(0.5rem * 2)",
1233
+ "DsnTableOfContentsPaddingInlineStart": "calc(0.5rem * 2)",
1234
+ "DsnTableOfContentsPaddingInlineEnd": "calc(0.5rem * 2)",
1235
+ "DsnTableOfContentsHeadingGap": "calc(0.5rem * 2)",
1236
+ "DsnTableOfContentsPlainPaddingBlock": "calc(0.5rem * 1)",
1237
+ "DsnTableOfContentsPlainListGap": "calc(0.5rem * 1.5)",
1238
+ "DsnTableOfContentsPlainLinkTextDecorationLine": "none",
1239
+ "DsnTableOfContentsPlainLinkHoverTextDecorationLine": "underline",
1221
1240
  "DsnTableCaptionColor": "#f1f1f1",
1222
1241
  "DsnTableCaptionFontFamily": "IBM Plex Sans, sans-serif",
1223
1242
  "DsnTableCaptionFontSize": "clamp(1.5rem, 1.25rem + 0.625vw, 1.9375rem)",
package/dist/json/start-dark-information-dense.json CHANGED
@@ -561,6 +561,7 @@
561
561
  "DsnBreadcrumbNavigationSeparatorColor": "#8b8b8b",
562
562
  "DsnBreadcrumbNavigationSeparatorSize": "calc(0.875rem * 1.5)",
563
563
  "DsnBreadcrumbNavigationIconSize": "calc(0.875rem * 1.5)",
564
+ "DsnBreakoutSectionBorderBlockWidth": "1px",
564
565
  "DsnButtonBorderRadius": "8px",
565
566
  "DsnButtonBorderWidth": "1px",
566
567
  "DsnButtonFontFamily": "IBM Plex Sans, sans-serif",
@@ -897,7 +898,7 @@
897
898
  "DsnFormFieldInvalidPaddingInlineStart": "calc(0.5rem * 2)",
898
899
  "DsnGridGutter": "calc(0.5rem * 1)",
899
900
  "DsnGridRowGap": "calc(0.5rem * 1)",
900
- "DsnGridMargin": "calc(0.5rem * 3)",
901
+ "DsnGridPaddingInline": "0px",
901
902
  "DsnGridMaxWidth": "74rem",
902
903
  "DsnHeroBlockSize": "70svh",
903
904
  "DsnHeroMinBlockSize": "400px",
@@ -907,6 +908,7 @@
907
908
  "DsnHeroBackgroundColorInverse": "#8faed2",
908
909
  "DsnHeroColorDefault": "#8faed2",
909
910
  "DsnHeroColorInverse": "#000000",
911
+ "DsnHeroBorderBlockWidth": "1px",
910
912
  "DsnHeroImageBlendColor": "#8faed2",
911
913
  "DsnImageBorderRadius": "8px",
912
914
  "DsnImageCaptionColor": "#8b8b8b",
@@ -1105,6 +1107,12 @@
1105
1107
  "DsnPopoverFooterPaddingBlockStart": "calc(0.5rem * 2)",
1106
1108
  "DsnPopoverFooterPaddingBlockEnd": "calc(0.5rem * 2)",
1107
1109
  "DsnPopoverFooterPaddingInline": "calc(0.5rem * 2)",
1110
+ "DsnPreHeadingColor": "#f1f1f1",
1111
+ "DsnPreHeadingFontFamily": "IBM Plex Sans, sans-serif",
1112
+ "DsnPreHeadingFontSize": "1rem",
1113
+ "DsnPreHeadingFontWeight": "700",
1114
+ "DsnPreHeadingLineHeight": "1.5",
1115
+ "DsnPreHeadingMarginBlockEnd": "calc(0.5rem * 0.25)",
1108
1116
  "DsnProgressBarColorTrack": "#1d1d1d",
1109
1117
  "DsnProgressBarColorFill": "#8faed2",
1110
1118
  "DsnProgressBarBlockSize": "8px",
@@ -1218,6 +1226,17 @@
1218
1226
  "DsnSummaryListValueColor": "#f1f1f1",
1219
1227
  "DsnSummaryListActionsGap": "calc(0.5rem * 3)",
1220
1228
  "DsnSummaryListActionsMarginBlockStartStacked": "calc(0.5rem * 1)",
1229
+ "DsnTableOfContentsBorderInlineStartWidth": "2px",
1230
+ "DsnTableOfContentsBorderInlineStartColor": "#3169ad",
1231
+ "DsnTableOfContentsBackgroundColor": "#001d40",
1232
+ "DsnTableOfContentsPaddingBlock": "calc(0.5rem * 2)",
1233
+ "DsnTableOfContentsPaddingInlineStart": "calc(0.5rem * 2)",
1234
+ "DsnTableOfContentsPaddingInlineEnd": "calc(0.5rem * 2)",
1235
+ "DsnTableOfContentsHeadingGap": "calc(0.5rem * 2)",
1236
+ "DsnTableOfContentsPlainPaddingBlock": "calc(0.5rem * 1)",
1237
+ "DsnTableOfContentsPlainListGap": "calc(0.5rem * 1.5)",
1238
+ "DsnTableOfContentsPlainLinkTextDecorationLine": "none",
1239
+ "DsnTableOfContentsPlainLinkHoverTextDecorationLine": "underline",
1221
1240
  "DsnTableCaptionColor": "#f1f1f1",
1222
1241
  "DsnTableCaptionFontFamily": "IBM Plex Sans, sans-serif",
1223
1242
  "DsnTableCaptionFontSize": "1.5rem",
package/dist/json/start-light-default.json CHANGED
@@ -561,6 +561,7 @@
561
561
  "DsnBreadcrumbNavigationSeparatorColor": "#636363",
562
562
  "DsnBreadcrumbNavigationSeparatorSize": "calc(clamp(0.875rem, 0.75rem + 0.25vw, 1.0625rem) * 1.5)",
563
563
  "DsnBreadcrumbNavigationIconSize": "calc(clamp(0.875rem, 0.75rem + 0.25vw, 1.0625rem) * 1.5)",
564
+ "DsnBreakoutSectionBorderBlockWidth": "1px",
564
565
  "DsnButtonBorderRadius": "8px",
565
566
  "DsnButtonBorderWidth": "1px",
566
567
  "DsnButtonFontFamily": "IBM Plex Sans, sans-serif",
@@ -897,7 +898,7 @@
897
898
  "DsnFormFieldInvalidPaddingInlineStart": "calc(0.5rem * 2)",
898
899
  "DsnGridGutter": "calc(0.5rem * 2)",
899
900
  "DsnGridRowGap": "calc(0.5rem * 2)",
900
- "DsnGridMargin": "calc(0.5rem * 3)",
901
+ "DsnGridPaddingInline": "0px",
901
902
  "DsnGridMaxWidth": "74rem",
902
903
  "DsnHeroBlockSize": "70svh",
903
904
  "DsnHeroMinBlockSize": "400px",
@@ -907,6 +908,7 @@
907
908
  "DsnHeroBackgroundColorInverse": "#1b59a4",
908
909
  "DsnHeroColorDefault": "#1b59a4",
909
910
  "DsnHeroColorInverse": "#ffffff",
911
+ "DsnHeroBorderBlockWidth": "1px",
910
912
  "DsnHeroImageBlendColor": "#1b59a4",
911
913
  "DsnImageBorderRadius": "8px",
912
914
  "DsnImageCaptionColor": "#636363",
@@ -1105,6 +1107,12 @@
1105
1107
  "DsnPopoverFooterPaddingBlockStart": "calc(0.5rem * 2)",
1106
1108
  "DsnPopoverFooterPaddingBlockEnd": "calc(0.5rem * 2)",
1107
1109
  "DsnPopoverFooterPaddingInline": "calc(0.5rem * 2)",
1110
+ "DsnPreHeadingColor": "#1b1b1b",
1111
+ "DsnPreHeadingFontFamily": "IBM Plex Sans, sans-serif",
1112
+ "DsnPreHeadingFontSize": "clamp(1rem, 0.875rem + 0.375vw, 1.28125rem)",
1113
+ "DsnPreHeadingFontWeight": "700",
1114
+ "DsnPreHeadingLineHeight": "1.5",
1115
+ "DsnPreHeadingMarginBlockEnd": "calc(0.5rem * 0.25)",
1108
1116
  "DsnProgressBarColorTrack": "#f1f1f1",
1109
1117
  "DsnProgressBarColorFill": "#1b59a4",
1110
1118
  "DsnProgressBarBlockSize": "8px",
@@ -1218,6 +1226,17 @@
1218
1226
  "DsnSummaryListValueColor": "#1b1b1b",
1219
1227
  "DsnSummaryListActionsGap": "calc(0.5rem * 3)",
1220
1228
  "DsnSummaryListActionsMarginBlockStartStacked": "calc(0.5rem * 1)",
1229
+ "DsnTableOfContentsBorderInlineStartWidth": "2px",
1230
+ "DsnTableOfContentsBorderInlineStartColor": "#5c89be",
1231
+ "DsnTableOfContentsBackgroundColor": "#ecf1f7",
1232
+ "DsnTableOfContentsPaddingBlock": "calc(0.5rem * 2)",
1233
+ "DsnTableOfContentsPaddingInlineStart": "calc(0.5rem * 2)",
1234
+ "DsnTableOfContentsPaddingInlineEnd": "calc(0.5rem * 2)",
1235
+ "DsnTableOfContentsHeadingGap": "calc(0.5rem * 2)",
1236
+ "DsnTableOfContentsPlainPaddingBlock": "calc(0.5rem * 1)",
1237
+ "DsnTableOfContentsPlainListGap": "calc(0.5rem * 1.5)",
1238
+ "DsnTableOfContentsPlainLinkTextDecorationLine": "none",
1239
+ "DsnTableOfContentsPlainLinkHoverTextDecorationLine": "underline",
1221
1240
  "DsnTableCaptionColor": "#1b1b1b",
1222
1241
  "DsnTableCaptionFontFamily": "IBM Plex Sans, sans-serif",
1223
1242
  "DsnTableCaptionFontSize": "clamp(1.5rem, 1.25rem + 0.625vw, 1.9375rem)",
package/dist/json/start-light-information-dense.json CHANGED
@@ -561,6 +561,7 @@
561
561
  "DsnBreadcrumbNavigationSeparatorColor": "#636363",
562
562
  "DsnBreadcrumbNavigationSeparatorSize": "calc(0.875rem * 1.5)",
563
563
  "DsnBreadcrumbNavigationIconSize": "calc(0.875rem * 1.5)",
564
+ "DsnBreakoutSectionBorderBlockWidth": "1px",
564
565
  "DsnButtonBorderRadius": "8px",
565
566
  "DsnButtonBorderWidth": "1px",
566
567
  "DsnButtonFontFamily": "IBM Plex Sans, sans-serif",
@@ -897,7 +898,7 @@
897
898
  "DsnFormFieldInvalidPaddingInlineStart": "calc(0.5rem * 2)",
898
899
  "DsnGridGutter": "calc(0.5rem * 1)",
899
900
  "DsnGridRowGap": "calc(0.5rem * 1)",
900
- "DsnGridMargin": "calc(0.5rem * 3)",
901
+ "DsnGridPaddingInline": "0px",
901
902
  "DsnGridMaxWidth": "74rem",
902
903
  "DsnHeroBlockSize": "70svh",
903
904
  "DsnHeroMinBlockSize": "400px",
@@ -907,6 +908,7 @@
907
908
  "DsnHeroBackgroundColorInverse": "#1b59a4",
908
909
  "DsnHeroColorDefault": "#1b59a4",
909
910
  "DsnHeroColorInverse": "#ffffff",
911
+ "DsnHeroBorderBlockWidth": "1px",
910
912
  "DsnHeroImageBlendColor": "#1b59a4",
911
913
  "DsnImageBorderRadius": "8px",
912
914
  "DsnImageCaptionColor": "#636363",
@@ -1105,6 +1107,12 @@
1105
1107
  "DsnPopoverFooterPaddingBlockStart": "calc(0.5rem * 2)",
1106
1108
  "DsnPopoverFooterPaddingBlockEnd": "calc(0.5rem * 2)",
1107
1109
  "DsnPopoverFooterPaddingInline": "calc(0.5rem * 2)",
1110
+ "DsnPreHeadingColor": "#1b1b1b",
1111
+ "DsnPreHeadingFontFamily": "IBM Plex Sans, sans-serif",
1112
+ "DsnPreHeadingFontSize": "1rem",
1113
+ "DsnPreHeadingFontWeight": "700",
1114
+ "DsnPreHeadingLineHeight": "1.5",
1115
+ "DsnPreHeadingMarginBlockEnd": "calc(0.5rem * 0.25)",
1108
1116
  "DsnProgressBarColorTrack": "#f1f1f1",
1109
1117
  "DsnProgressBarColorFill": "#1b59a4",
1110
1118
  "DsnProgressBarBlockSize": "8px",
@@ -1218,6 +1226,17 @@
1218
1226
  "DsnSummaryListValueColor": "#1b1b1b",
1219
1227
  "DsnSummaryListActionsGap": "calc(0.5rem * 3)",
1220
1228
  "DsnSummaryListActionsMarginBlockStartStacked": "calc(0.5rem * 1)",
1229
+ "DsnTableOfContentsBorderInlineStartWidth": "2px",
1230
+ "DsnTableOfContentsBorderInlineStartColor": "#5c89be",
1231
+ "DsnTableOfContentsBackgroundColor": "#ecf1f7",
1232
+ "DsnTableOfContentsPaddingBlock": "calc(0.5rem * 2)",
1233
+ "DsnTableOfContentsPaddingInlineStart": "calc(0.5rem * 2)",
1234
+ "DsnTableOfContentsPaddingInlineEnd": "calc(0.5rem * 2)",
1235
+ "DsnTableOfContentsHeadingGap": "calc(0.5rem * 2)",
1236
+ "DsnTableOfContentsPlainPaddingBlock": "calc(0.5rem * 1)",
1237
+ "DsnTableOfContentsPlainListGap": "calc(0.5rem * 1.5)",
1238
+ "DsnTableOfContentsPlainLinkTextDecorationLine": "none",
1239
+ "DsnTableOfContentsPlainLinkHoverTextDecorationLine": "underline",
1221
1240
  "DsnTableCaptionColor": "#1b1b1b",
1222
1241
  "DsnTableCaptionFontFamily": "IBM Plex Sans, sans-serif",
1223
1242
  "DsnTableCaptionFontSize": "1.5rem",
package/dist/json/tokens-dark.json CHANGED
@@ -561,6 +561,7 @@
561
561
  "DsnBreadcrumbNavigationSeparatorColor": "#8b8b8b",
562
562
  "DsnBreadcrumbNavigationSeparatorSize": "calc(clamp(0.875rem, 0.75rem + 0.25vw, 1.0625rem) * 1.5)",
563
563
  "DsnBreadcrumbNavigationIconSize": "calc(clamp(0.875rem, 0.75rem + 0.25vw, 1.0625rem) * 1.5)",
564
+ "DsnBreakoutSectionBorderBlockWidth": "1px",
564
565
  "DsnButtonBorderRadius": "8px",
565
566
  "DsnButtonBorderWidth": "1px",
566
567
  "DsnButtonFontFamily": "IBM Plex Sans, sans-serif",
@@ -897,7 +898,7 @@
897
898
  "DsnFormFieldInvalidPaddingInlineStart": "calc(0.5rem * 2)",
898
899
  "DsnGridGutter": "calc(0.5rem * 2)",
899
900
  "DsnGridRowGap": "calc(0.5rem * 2)",
900
- "DsnGridMargin": "calc(0.5rem * 3)",
901
+ "DsnGridPaddingInline": "0px",
901
902
  "DsnGridMaxWidth": "74rem",
902
903
  "DsnHeroBlockSize": "70svh",
903
904
  "DsnHeroMinBlockSize": "400px",
@@ -907,6 +908,7 @@
907
908
  "DsnHeroBackgroundColorInverse": "#8faed2",
908
909
  "DsnHeroColorDefault": "#8faed2",
909
910
  "DsnHeroColorInverse": "#000000",
911
+ "DsnHeroBorderBlockWidth": "1px",
910
912
  "DsnHeroImageBlendColor": "#8faed2",
911
913
  "DsnImageBorderRadius": "8px",
912
914
  "DsnImageCaptionColor": "#8b8b8b",
@@ -1105,6 +1107,12 @@
1105
1107
  "DsnPopoverFooterPaddingBlockStart": "calc(0.5rem * 2)",
1106
1108
  "DsnPopoverFooterPaddingBlockEnd": "calc(0.5rem * 2)",
1107
1109
  "DsnPopoverFooterPaddingInline": "calc(0.5rem * 2)",
1110
+ "DsnPreHeadingColor": "#f1f1f1",
1111
+ "DsnPreHeadingFontFamily": "IBM Plex Sans, sans-serif",
1112
+ "DsnPreHeadingFontSize": "clamp(1rem, 0.875rem + 0.375vw, 1.28125rem)",
1113
+ "DsnPreHeadingFontWeight": "700",
1114
+ "DsnPreHeadingLineHeight": "1.5",
1115
+ "DsnPreHeadingMarginBlockEnd": "calc(0.5rem * 0.25)",
1108
1116
  "DsnProgressBarColorTrack": "#1d1d1d",
1109
1117
  "DsnProgressBarColorFill": "#8faed2",
1110
1118
  "DsnProgressBarBlockSize": "8px",
@@ -1218,6 +1226,17 @@
1218
1226
  "DsnSummaryListValueColor": "#f1f1f1",
1219
1227
  "DsnSummaryListActionsGap": "calc(0.5rem * 3)",
1220
1228
  "DsnSummaryListActionsMarginBlockStartStacked": "calc(0.5rem * 1)",
1229
+ "DsnTableOfContentsBorderInlineStartWidth": "2px",
1230
+ "DsnTableOfContentsBorderInlineStartColor": "#3169ad",
1231
+ "DsnTableOfContentsBackgroundColor": "#001d40",
1232
+ "DsnTableOfContentsPaddingBlock": "calc(0.5rem * 2)",
1233
+ "DsnTableOfContentsPaddingInlineStart": "calc(0.5rem * 2)",
1234
+ "DsnTableOfContentsPaddingInlineEnd": "calc(0.5rem * 2)",
1235
+ "DsnTableOfContentsHeadingGap": "calc(0.5rem * 2)",
1236
+ "DsnTableOfContentsPlainPaddingBlock": "calc(0.5rem * 1)",
1237
+ "DsnTableOfContentsPlainListGap": "calc(0.5rem * 1.5)",
1238
+ "DsnTableOfContentsPlainLinkTextDecorationLine": "none",
1239
+ "DsnTableOfContentsPlainLinkHoverTextDecorationLine": "underline",
1221
1240
  "DsnTableCaptionColor": "#f1f1f1",
1222
1241
  "DsnTableCaptionFontFamily": "IBM Plex Sans, sans-serif",
1223
1242
  "DsnTableCaptionFontSize": "clamp(1.5rem, 1.25rem + 0.625vw, 1.9375rem)",
package/dist/json/tokens.json CHANGED
@@ -561,6 +561,7 @@
561
561
  "DsnBreadcrumbNavigationSeparatorColor": "#636363",
562
562
  "DsnBreadcrumbNavigationSeparatorSize": "calc(clamp(0.875rem, 0.75rem + 0.25vw, 1.0625rem) * 1.5)",
563
563
  "DsnBreadcrumbNavigationIconSize": "calc(clamp(0.875rem, 0.75rem + 0.25vw, 1.0625rem) * 1.5)",
564
+ "DsnBreakoutSectionBorderBlockWidth": "1px",
564
565
  "DsnButtonBorderRadius": "8px",
565
566
  "DsnButtonBorderWidth": "1px",
566
567
  "DsnButtonFontFamily": "IBM Plex Sans, sans-serif",
@@ -897,7 +898,7 @@
897
898
  "DsnFormFieldInvalidPaddingInlineStart": "calc(0.5rem * 2)",
898
899
  "DsnGridGutter": "calc(0.5rem * 2)",
899
900
  "DsnGridRowGap": "calc(0.5rem * 2)",
900
- "DsnGridMargin": "calc(0.5rem * 3)",
901
+ "DsnGridPaddingInline": "0px",
901
902
  "DsnGridMaxWidth": "74rem",
902
903
  "DsnHeroBlockSize": "70svh",
903
904
  "DsnHeroMinBlockSize": "400px",
@@ -907,6 +908,7 @@
907
908
  "DsnHeroBackgroundColorInverse": "#1b59a4",
908
909
  "DsnHeroColorDefault": "#1b59a4",
909
910
  "DsnHeroColorInverse": "#ffffff",
911
+ "DsnHeroBorderBlockWidth": "1px",
910
912
  "DsnHeroImageBlendColor": "#1b59a4",
911
913
  "DsnImageBorderRadius": "8px",
912
914
  "DsnImageCaptionColor": "#636363",
@@ -1105,6 +1107,12 @@
1105
1107
  "DsnPopoverFooterPaddingBlockStart": "calc(0.5rem * 2)",
1106
1108
  "DsnPopoverFooterPaddingBlockEnd": "calc(0.5rem * 2)",
1107
1109
  "DsnPopoverFooterPaddingInline": "calc(0.5rem * 2)",
1110
+ "DsnPreHeadingColor": "#1b1b1b",
1111
+ "DsnPreHeadingFontFamily": "IBM Plex Sans, sans-serif",
1112
+ "DsnPreHeadingFontSize": "clamp(1rem, 0.875rem + 0.375vw, 1.28125rem)",
1113
+ "DsnPreHeadingFontWeight": "700",
1114
+ "DsnPreHeadingLineHeight": "1.5",
1115
+ "DsnPreHeadingMarginBlockEnd": "calc(0.5rem * 0.25)",
1108
1116
  "DsnProgressBarColorTrack": "#f1f1f1",
1109
1117
  "DsnProgressBarColorFill": "#1b59a4",
1110
1118
  "DsnProgressBarBlockSize": "8px",
@@ -1218,6 +1226,17 @@
1218
1226
  "DsnSummaryListValueColor": "#1b1b1b",
1219
1227
  "DsnSummaryListActionsGap": "calc(0.5rem * 3)",
1220
1228
  "DsnSummaryListActionsMarginBlockStartStacked": "calc(0.5rem * 1)",
1229
+ "DsnTableOfContentsBorderInlineStartWidth": "2px",
1230
+ "DsnTableOfContentsBorderInlineStartColor": "#5c89be",
1231
+ "DsnTableOfContentsBackgroundColor": "#ecf1f7",
1232
+ "DsnTableOfContentsPaddingBlock": "calc(0.5rem * 2)",
1233
+ "DsnTableOfContentsPaddingInlineStart": "calc(0.5rem * 2)",
1234
+ "DsnTableOfContentsPaddingInlineEnd": "calc(0.5rem * 2)",
1235
+ "DsnTableOfContentsHeadingGap": "calc(0.5rem * 2)",
1236
+ "DsnTableOfContentsPlainPaddingBlock": "calc(0.5rem * 1)",
1237
+ "DsnTableOfContentsPlainListGap": "calc(0.5rem * 1.5)",
1238
+ "DsnTableOfContentsPlainLinkTextDecorationLine": "none",
1239
+ "DsnTableOfContentsPlainLinkHoverTextDecorationLine": "underline",
1221
1240
  "DsnTableCaptionColor": "#1b1b1b",
1222
1241
  "DsnTableCaptionFontFamily": "IBM Plex Sans, sans-serif",
1223
1242
  "DsnTableCaptionFontSize": "clamp(1.5rem, 1.25rem + 0.625vw, 1.9375rem)",
package/dist/json/wireframe-dark-default.json CHANGED
@@ -557,6 +557,7 @@
557
557
  "DsnBreadcrumbNavigationSeparatorColor": "#ffffff",
558
558
  "DsnBreadcrumbNavigationSeparatorSize": "calc(clamp(0.875rem, 0.75rem + 0.25vw, 1.0625rem) * 1.4)",
559
559
  "DsnBreadcrumbNavigationIconSize": "calc(clamp(0.875rem, 0.75rem + 0.25vw, 1.0625rem) * 1.4)",
560
+ "DsnBreakoutSectionBorderBlockWidth": "2px",
560
561
  "DsnButtonBorderRadius": "4px",
561
562
  "DsnButtonBorderWidth": "2px",
562
563
  "DsnButtonFontFamily": "'Comic Sans MS', 'Comic Sans', 'Comic Neue', cursive",
@@ -893,7 +894,7 @@
893
894
  "DsnFormFieldInvalidPaddingInlineStart": "calc(0.5rem * 2)",
894
895
  "DsnGridGutter": "calc(0.5rem * 2)",
895
896
  "DsnGridRowGap": "calc(0.5rem * 2)",
896
- "DsnGridMargin": "calc(0.5rem * 3)",
897
+ "DsnGridPaddingInline": "0px",
897
898
  "DsnGridMaxWidth": "74rem",
898
899
  "DsnHeroBlockSize": "70svh",
899
900
  "DsnHeroMinBlockSize": "400px",
@@ -903,6 +904,7 @@
903
904
  "DsnHeroBackgroundColorInverse": "#ffffff",
904
905
  "DsnHeroColorDefault": "#ffffff",
905
906
  "DsnHeroColorInverse": "#000000",
907
+ "DsnHeroBorderBlockWidth": "2px",
906
908
  "DsnHeroImageBlendColor": "#ffffff",
907
909
  "DsnImageBorderRadius": "4px",
908
910
  "DsnImageCaptionColor": "#ffffff",
@@ -1101,6 +1103,12 @@
1101
1103
  "DsnPopoverFooterPaddingBlockStart": "calc(0.5rem * 2)",
1102
1104
  "DsnPopoverFooterPaddingBlockEnd": "calc(0.5rem * 2)",
1103
1105
  "DsnPopoverFooterPaddingInline": "calc(0.5rem * 2)",
1106
+ "DsnPreHeadingColor": "#ffffff",
1107
+ "DsnPreHeadingFontFamily": "'Comic Sans MS', 'Comic Sans', 'Comic Neue', cursive",
1108
+ "DsnPreHeadingFontSize": "clamp(1rem, 0.875rem + 0.375vw, 1.28125rem)",
1109
+ "DsnPreHeadingFontWeight": "600",
1110
+ "DsnPreHeadingLineHeight": "1.4",
1111
+ "DsnPreHeadingMarginBlockEnd": "calc(0.5rem * 0.25)",
1104
1112
  "DsnProgressBarColorTrack": "#000000",
1105
1113
  "DsnProgressBarColorFill": "#ffffff",
1106
1114
  "DsnProgressBarBlockSize": "8px",
@@ -1214,6 +1222,17 @@
1214
1222
  "DsnSummaryListValueColor": "#ffffff",
1215
1223
  "DsnSummaryListActionsGap": "calc(0.5rem * 3)",
1216
1224
  "DsnSummaryListActionsMarginBlockStartStacked": "calc(0.5rem * 1)",
1225
+ "DsnTableOfContentsBorderInlineStartWidth": "4px",
1226
+ "DsnTableOfContentsBorderInlineStartColor": "#ffffff",
1227
+ "DsnTableOfContentsBackgroundColor": "#000000",
1228
+ "DsnTableOfContentsPaddingBlock": "calc(0.5rem * 2)",
1229
+ "DsnTableOfContentsPaddingInlineStart": "calc(0.5rem * 2)",
1230
+ "DsnTableOfContentsPaddingInlineEnd": "calc(0.5rem * 2)",
1231
+ "DsnTableOfContentsHeadingGap": "calc(0.5rem * 2)",
1232
+ "DsnTableOfContentsPlainPaddingBlock": "calc(0.5rem * 1)",
1233
+ "DsnTableOfContentsPlainListGap": "calc(0.5rem * 1.5)",
1234
+ "DsnTableOfContentsPlainLinkTextDecorationLine": "none",
1235
+ "DsnTableOfContentsPlainLinkHoverTextDecorationLine": "underline",
1217
1236
  "DsnTableCaptionColor": "#ffffff",
1218
1237
  "DsnTableCaptionFontFamily": "'Comic Sans MS', 'Comic Sans', 'Comic Neue', cursive",
1219
1238
  "DsnTableCaptionFontSize": "clamp(1.5rem, 1.25rem + 0.625vw, 1.9375rem)",
package/dist/json/wireframe-dark-information-dense.json CHANGED
@@ -557,6 +557,7 @@
557
557
  "DsnBreadcrumbNavigationSeparatorColor": "#ffffff",
558
558
  "DsnBreadcrumbNavigationSeparatorSize": "calc(0.875rem * 1.4)",
559
559
  "DsnBreadcrumbNavigationIconSize": "calc(0.875rem * 1.4)",
560
+ "DsnBreakoutSectionBorderBlockWidth": "2px",
560
561
  "DsnButtonBorderRadius": "4px",
561
562
  "DsnButtonBorderWidth": "2px",
562
563
  "DsnButtonFontFamily": "'Comic Sans MS', 'Comic Sans', 'Comic Neue', cursive",
@@ -893,7 +894,7 @@
893
894
  "DsnFormFieldInvalidPaddingInlineStart": "calc(0.5rem * 2)",
894
895
  "DsnGridGutter": "calc(0.5rem * 1)",
895
896
  "DsnGridRowGap": "calc(0.5rem * 1)",
896
- "DsnGridMargin": "calc(0.5rem * 3)",
897
+ "DsnGridPaddingInline": "0px",
897
898
  "DsnGridMaxWidth": "74rem",
898
899
  "DsnHeroBlockSize": "70svh",
899
900
  "DsnHeroMinBlockSize": "400px",
@@ -903,6 +904,7 @@
903
904
  "DsnHeroBackgroundColorInverse": "#ffffff",
904
905
  "DsnHeroColorDefault": "#ffffff",
905
906
  "DsnHeroColorInverse": "#000000",
907
+ "DsnHeroBorderBlockWidth": "2px",
906
908
  "DsnHeroImageBlendColor": "#ffffff",
907
909
  "DsnImageBorderRadius": "4px",
908
910
  "DsnImageCaptionColor": "#ffffff",
@@ -1101,6 +1103,12 @@
1101
1103
  "DsnPopoverFooterPaddingBlockStart": "calc(0.5rem * 2)",
1102
1104
  "DsnPopoverFooterPaddingBlockEnd": "calc(0.5rem * 2)",
1103
1105
  "DsnPopoverFooterPaddingInline": "calc(0.5rem * 2)",
1106
+ "DsnPreHeadingColor": "#ffffff",
1107
+ "DsnPreHeadingFontFamily": "'Comic Sans MS', 'Comic Sans', 'Comic Neue', cursive",
1108
+ "DsnPreHeadingFontSize": "1rem",
1109
+ "DsnPreHeadingFontWeight": "600",
1110
+ "DsnPreHeadingLineHeight": "1.4",
1111
+ "DsnPreHeadingMarginBlockEnd": "calc(0.5rem * 0.25)",
1104
1112
  "DsnProgressBarColorTrack": "#000000",
1105
1113
  "DsnProgressBarColorFill": "#ffffff",
1106
1114
  "DsnProgressBarBlockSize": "8px",
@@ -1214,6 +1222,17 @@
1214
1222
  "DsnSummaryListValueColor": "#ffffff",
1215
1223
  "DsnSummaryListActionsGap": "calc(0.5rem * 3)",
1216
1224
  "DsnSummaryListActionsMarginBlockStartStacked": "calc(0.5rem * 1)",
1225
+ "DsnTableOfContentsBorderInlineStartWidth": "4px",
1226
+ "DsnTableOfContentsBorderInlineStartColor": "#ffffff",
1227
+ "DsnTableOfContentsBackgroundColor": "#000000",
1228
+ "DsnTableOfContentsPaddingBlock": "calc(0.5rem * 2)",
1229
+ "DsnTableOfContentsPaddingInlineStart": "calc(0.5rem * 2)",
1230
+ "DsnTableOfContentsPaddingInlineEnd": "calc(0.5rem * 2)",
1231
+ "DsnTableOfContentsHeadingGap": "calc(0.5rem * 2)",
1232
+ "DsnTableOfContentsPlainPaddingBlock": "calc(0.5rem * 1)",
1233
+ "DsnTableOfContentsPlainListGap": "calc(0.5rem * 1.5)",
1234
+ "DsnTableOfContentsPlainLinkTextDecorationLine": "none",
1235
+ "DsnTableOfContentsPlainLinkHoverTextDecorationLine": "underline",
1217
1236
  "DsnTableCaptionColor": "#ffffff",
1218
1237
  "DsnTableCaptionFontFamily": "'Comic Sans MS', 'Comic Sans', 'Comic Neue', cursive",
1219
1238
  "DsnTableCaptionFontSize": "1.5rem",
package/dist/json/wireframe-light-default.json CHANGED
@@ -557,6 +557,7 @@
557
557
  "DsnBreadcrumbNavigationSeparatorColor": "#000000",
558
558
  "DsnBreadcrumbNavigationSeparatorSize": "calc(clamp(0.875rem, 0.75rem + 0.25vw, 1.0625rem) * 1.4)",
559
559
  "DsnBreadcrumbNavigationIconSize": "calc(clamp(0.875rem, 0.75rem + 0.25vw, 1.0625rem) * 1.4)",
560
+ "DsnBreakoutSectionBorderBlockWidth": "2px",
560
561
  "DsnButtonBorderRadius": "4px",
561
562
  "DsnButtonBorderWidth": "2px",
562
563
  "DsnButtonFontFamily": "'Comic Sans MS', 'Comic Sans', 'Comic Neue', cursive",
@@ -893,7 +894,7 @@
893
894
  "DsnFormFieldInvalidPaddingInlineStart": "calc(0.5rem * 2)",
894
895
  "DsnGridGutter": "calc(0.5rem * 2)",
895
896
  "DsnGridRowGap": "calc(0.5rem * 2)",
896
- "DsnGridMargin": "calc(0.5rem * 3)",
897
+ "DsnGridPaddingInline": "0px",
897
898
  "DsnGridMaxWidth": "74rem",
898
899
  "DsnHeroBlockSize": "70svh",
899
900
  "DsnHeroMinBlockSize": "400px",
@@ -903,6 +904,7 @@
903
904
  "DsnHeroBackgroundColorInverse": "#000000",
904
905
  "DsnHeroColorDefault": "#000000",
905
906
  "DsnHeroColorInverse": "#ffffff",
907
+ "DsnHeroBorderBlockWidth": "2px",
906
908
  "DsnHeroImageBlendColor": "#000000",
907
909
  "DsnImageBorderRadius": "4px",
908
910
  "DsnImageCaptionColor": "#000000",
@@ -1101,6 +1103,12 @@
1101
1103
  "DsnPopoverFooterPaddingBlockStart": "calc(0.5rem * 2)",
1102
1104
  "DsnPopoverFooterPaddingBlockEnd": "calc(0.5rem * 2)",
1103
1105
  "DsnPopoverFooterPaddingInline": "calc(0.5rem * 2)",
1106
+ "DsnPreHeadingColor": "#000000",
1107
+ "DsnPreHeadingFontFamily": "'Comic Sans MS', 'Comic Sans', 'Comic Neue', cursive",
1108
+ "DsnPreHeadingFontSize": "clamp(1rem, 0.875rem + 0.375vw, 1.28125rem)",
1109
+ "DsnPreHeadingFontWeight": "600",
1110
+ "DsnPreHeadingLineHeight": "1.4",
1111
+ "DsnPreHeadingMarginBlockEnd": "calc(0.5rem * 0.25)",
1104
1112
  "DsnProgressBarColorTrack": "#ffffff",
1105
1113
  "DsnProgressBarColorFill": "#000000",
1106
1114
  "DsnProgressBarBlockSize": "8px",
@@ -1214,6 +1222,17 @@
1214
1222
  "DsnSummaryListValueColor": "#000000",
1215
1223
  "DsnSummaryListActionsGap": "calc(0.5rem * 3)",
1216
1224
  "DsnSummaryListActionsMarginBlockStartStacked": "calc(0.5rem * 1)",
1225
+ "DsnTableOfContentsBorderInlineStartWidth": "4px",
1226
+ "DsnTableOfContentsBorderInlineStartColor": "#000000",
1227
+ "DsnTableOfContentsBackgroundColor": "#ffffff",
1228
+ "DsnTableOfContentsPaddingBlock": "calc(0.5rem * 2)",
1229
+ "DsnTableOfContentsPaddingInlineStart": "calc(0.5rem * 2)",
1230
+ "DsnTableOfContentsPaddingInlineEnd": "calc(0.5rem * 2)",
1231
+ "DsnTableOfContentsHeadingGap": "calc(0.5rem * 2)",
1232
+ "DsnTableOfContentsPlainPaddingBlock": "calc(0.5rem * 1)",
1233
+ "DsnTableOfContentsPlainListGap": "calc(0.5rem * 1.5)",
1234
+ "DsnTableOfContentsPlainLinkTextDecorationLine": "none",
1235
+ "DsnTableOfContentsPlainLinkHoverTextDecorationLine": "underline",
1217
1236
  "DsnTableCaptionColor": "#000000",
1218
1237
  "DsnTableCaptionFontFamily": "'Comic Sans MS', 'Comic Sans', 'Comic Neue', cursive",
1219
1238
  "DsnTableCaptionFontSize": "clamp(1.5rem, 1.25rem + 0.625vw, 1.9375rem)",
package/dist/json/wireframe-light-information-dense.json CHANGED
@@ -557,6 +557,7 @@
557
557
  "DsnBreadcrumbNavigationSeparatorColor": "#000000",
558
558
  "DsnBreadcrumbNavigationSeparatorSize": "calc(0.875rem * 1.4)",
559
559
  "DsnBreadcrumbNavigationIconSize": "calc(0.875rem * 1.4)",
560
+ "DsnBreakoutSectionBorderBlockWidth": "2px",
560
561
  "DsnButtonBorderRadius": "4px",
561
562
  "DsnButtonBorderWidth": "2px",
562
563
  "DsnButtonFontFamily": "'Comic Sans MS', 'Comic Sans', 'Comic Neue', cursive",
@@ -893,7 +894,7 @@
893
894
  "DsnFormFieldInvalidPaddingInlineStart": "calc(0.5rem * 2)",
894
895
  "DsnGridGutter": "calc(0.5rem * 1)",
895
896
  "DsnGridRowGap": "calc(0.5rem * 1)",
896
- "DsnGridMargin": "calc(0.5rem * 3)",
897
+ "DsnGridPaddingInline": "0px",
897
898
  "DsnGridMaxWidth": "74rem",
898
899
  "DsnHeroBlockSize": "70svh",
899
900
  "DsnHeroMinBlockSize": "400px",
@@ -903,6 +904,7 @@
903
904
  "DsnHeroBackgroundColorInverse": "#000000",
904
905
  "DsnHeroColorDefault": "#000000",
905
906
  "DsnHeroColorInverse": "#ffffff",
907
+ "DsnHeroBorderBlockWidth": "2px",
906
908
  "DsnHeroImageBlendColor": "#000000",
907
909
  "DsnImageBorderRadius": "4px",
908
910
  "DsnImageCaptionColor": "#000000",
@@ -1101,6 +1103,12 @@
1101
1103
  "DsnPopoverFooterPaddingBlockStart": "calc(0.5rem * 2)",
1102
1104
  "DsnPopoverFooterPaddingBlockEnd": "calc(0.5rem * 2)",
1103
1105
  "DsnPopoverFooterPaddingInline": "calc(0.5rem * 2)",
1106
+ "DsnPreHeadingColor": "#000000",
1107
+ "DsnPreHeadingFontFamily": "'Comic Sans MS', 'Comic Sans', 'Comic Neue', cursive",
1108
+ "DsnPreHeadingFontSize": "1rem",
1109
+ "DsnPreHeadingFontWeight": "600",
1110
+ "DsnPreHeadingLineHeight": "1.4",
1111
+ "DsnPreHeadingMarginBlockEnd": "calc(0.5rem * 0.25)",
1104
1112
  "DsnProgressBarColorTrack": "#ffffff",
1105
1113
  "DsnProgressBarColorFill": "#000000",
1106
1114
  "DsnProgressBarBlockSize": "8px",
@@ -1214,6 +1222,17 @@
1214
1222
  "DsnSummaryListValueColor": "#000000",
1215
1223
  "DsnSummaryListActionsGap": "calc(0.5rem * 3)",
1216
1224
  "DsnSummaryListActionsMarginBlockStartStacked": "calc(0.5rem * 1)",
1225
+ "DsnTableOfContentsBorderInlineStartWidth": "4px",
1226
+ "DsnTableOfContentsBorderInlineStartColor": "#000000",
1227
+ "DsnTableOfContentsBackgroundColor": "#ffffff",
1228
+ "DsnTableOfContentsPaddingBlock": "calc(0.5rem * 2)",
1229
+ "DsnTableOfContentsPaddingInlineStart": "calc(0.5rem * 2)",
1230
+ "DsnTableOfContentsPaddingInlineEnd": "calc(0.5rem * 2)",
1231
+ "DsnTableOfContentsHeadingGap": "calc(0.5rem * 2)",
1232
+ "DsnTableOfContentsPlainPaddingBlock": "calc(0.5rem * 1)",
1233
+ "DsnTableOfContentsPlainListGap": "calc(0.5rem * 1.5)",
1234
+ "DsnTableOfContentsPlainLinkTextDecorationLine": "none",
1235
+ "DsnTableOfContentsPlainLinkHoverTextDecorationLine": "underline",
1217
1236
  "DsnTableCaptionColor": "#000000",
1218
1237
  "DsnTableCaptionFontFamily": "'Comic Sans MS', 'Comic Sans', 'Comic Neue', cursive",
1219
1238
  "DsnTableCaptionFontSize": "1.5rem",