@sps-woodland/tokens 8.1.7 → 8.2.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.
- package/lib/css/tokens.css +49 -1
- package/lib/css/utils.css +1 -1
- package/lib/dictionary.d.ts +3573 -1134
- package/lib/font.css +21 -21
- package/lib/index.cjs.js +1 -1
- package/lib/index.es.js +157 -98
- package/lib/scss/tokens.scss +49 -1
- package/lib/scss/utils.scss +1 -1
- package/lib/tokens.d.ts +76 -0
- package/lib/vanilla-extract/sprinkleValues.d.ts +10 -0
- package/package.json +1 -1
- package/src/dictionary.ts +11765 -7262
- package/src/tokens.ts +59 -0
- package/src/vanilla-extract/sprinkleValues.ts +10 -0
package/lib/css/tokens.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Wed, 06 Mar 2024 20:09:19 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -472,6 +472,46 @@
|
|
|
472
472
|
--component-photo-carousel-grid-gap: 1rem;
|
|
473
473
|
--component-photo-carousel-margin-bottom: 0.5rem;
|
|
474
474
|
--component-photo-carousel-border: 0;
|
|
475
|
+
--component-product-bar-vertical-background-color: #ffffff;
|
|
476
|
+
--component-product-bar-vertical-border-color: #d2d4d4;
|
|
477
|
+
--component-product-bar-vertical-border-style: solid;
|
|
478
|
+
--component-product-bar-vertical-border-width: 0.0625rem;
|
|
479
|
+
--component-product-bar-vertical-border-radius: 0.125rem;
|
|
480
|
+
--component-product-bar-vertical-logo-size: 1.5rem;
|
|
481
|
+
--component-product-bar-vertical-logo-margin-right: 0.5rem;
|
|
482
|
+
--component-product-bar-vertical-name-color: #1f282c;
|
|
483
|
+
--component-product-bar-vertical-name-font-size: 1rem;
|
|
484
|
+
--component-product-bar-vertical-name-font-weight: 600;
|
|
485
|
+
--component-product-bar-vertical-header-background-color: #ffffff;
|
|
486
|
+
--component-product-bar-vertical-header-border-color: #d2d4d4;
|
|
487
|
+
--component-product-bar-vertical-header-border-style: solid;
|
|
488
|
+
--component-product-bar-vertical-header-border-width: 0.0625rem;
|
|
489
|
+
--component-product-bar-vertical-header-padding: 0.5rem;
|
|
490
|
+
--component-product-bar-vertical-section-border-color: #d2d4d4;
|
|
491
|
+
--component-product-bar-vertical-section-border-style: solid;
|
|
492
|
+
--component-product-bar-vertical-section-border-width: 0.0625rem;
|
|
493
|
+
--component-product-bar-vertical-item-branch-font-size: 0.875rem;
|
|
494
|
+
--component-product-bar-vertical-item-branch-line-height: 1.25rem;
|
|
495
|
+
--component-product-bar-vertical-item-leaf-selected-background-color: #007db8;
|
|
496
|
+
--component-product-bar-vertical-item-leaf-selected-color: #ffffff;
|
|
497
|
+
--component-product-bar-vertical-item-leaf-expand-icon-size: 0.625rem;
|
|
498
|
+
--component-product-bar-vertical-item-leaf-expand-icon-line-height: 1.25rem;
|
|
499
|
+
--component-product-bar-vertical-item-leaf-expand-icon-margin-right: 0.25rem;
|
|
500
|
+
--component-product-bar-vertical-item-leaf-expand-icon-margin-left: 0.875rem;
|
|
501
|
+
--component-product-bar-vertical-item-leaf-hover-background-color: #f3f4f4;
|
|
502
|
+
--component-product-bar-vertical-item-link-color: #1f282c;
|
|
503
|
+
--component-product-bar-vertical-item-link-font-size: 0.875rem;
|
|
504
|
+
--component-product-bar-vertical-item-link-line-height: 1.5rem;
|
|
505
|
+
--component-product-bar-vertical-item-link-padding-vertical: 0.5rem;
|
|
506
|
+
--component-product-bar-vertical-item-link-padding-right: 1rem;
|
|
507
|
+
--component-product-bar-vertical-item-link-padding-left: 1rem;
|
|
508
|
+
--component-product-bar-vertical-item-link-min-height: 2.5rem;
|
|
509
|
+
--component-product-bar-vertical-item-nesting-padding-first-level: 2.125rem;
|
|
510
|
+
--component-product-bar-vertical-item-nesting-padding-second-level: 3rem;
|
|
511
|
+
--component-product-bar-vertical-item-nesting-padding-third-level: 3.875rem;
|
|
512
|
+
--component-product-bar-vertical-item-nesting-padding-fourth-level: 4.75rem;
|
|
513
|
+
--component-product-bar-vertical-item-tag-active-background-color: #ffffff;
|
|
514
|
+
--component-product-bar-vertical-item-tag-active-color: #4b5356;
|
|
475
515
|
--component-product-bar-background-color: #ffffff;
|
|
476
516
|
--component-product-bar-bar-min-height: 3.75rem;
|
|
477
517
|
--component-product-bar-bar-padding: 2rem;
|
|
@@ -1082,6 +1122,14 @@
|
|
|
1082
1122
|
--size-component-side-nav-nested-second-level: 3rem;
|
|
1083
1123
|
--size-component-side-nav-nested-third-level: 3.875rem;
|
|
1084
1124
|
--size-component-side-nav-nested-fourth-level: 4.75rem;
|
|
1125
|
+
--size-component-product-bar-vertical-link-min-height: 2.5rem;
|
|
1126
|
+
--size-component-product-bar-vertical-logo-size: 1.5rem;
|
|
1127
|
+
--size-component-product-bar-vertical-expand-icon-size: 0.625rem;
|
|
1128
|
+
--size-component-product-bar-vertical-expand-icon-margin: 0.875rem;
|
|
1129
|
+
--size-component-product-bar-vertical-nested-first-level: 2.125rem;
|
|
1130
|
+
--size-component-product-bar-vertical-nested-second-level: 3rem;
|
|
1131
|
+
--size-component-product-bar-vertical-nested-third-level: 3.875rem;
|
|
1132
|
+
--size-component-product-bar-vertical-nested-fourth-level: 4.75rem;
|
|
1085
1133
|
--size-grid-gutter: 1rem;
|
|
1086
1134
|
--size-icon-xs: 0.75rem;
|
|
1087
1135
|
--size-icon-sm: 0.875rem;
|