@sps-woodland/tokens 7.10.7 → 7.11.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 (14) hide show
  1. package/lib/css/tokens.css +9 -1
  2. package/lib/css/utils.css +1 -1
  3. package/lib/dictionary.d.ts +411 -0
  4. package/lib/font.css +21 -21
  5. package/lib/index.cjs.js +1 -1
  6. package/lib/index.es.js +15 -0
  7. package/lib/scss/tokens.scss +9 -1
  8. package/lib/scss/utils.scss +1 -1
  9. package/lib/tokens.d.ts +20 -0
  10. package/lib/vanilla-extract/sprinkleValues.d.ts +20 -0
  11. package/package.json +1 -1
  12. package/src/dictionary.ts +617 -0
  13. package/src/tokens.ts +15 -0
  14. package/src/vanilla-extract/sprinkleValues.ts +15 -0
package/lib/css/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 01 Aug 2023 13:21:11 GMT
3
+ * Generated on Fri, 18 Aug 2023 20:31:33 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -300,6 +300,14 @@
300
300
  --component-page-title-icon-font-size: 1.125rem;
301
301
  --component-page-title-icon-line-height: 1.5rem;
302
302
  --component-page-title-icon-margin-right: 0.25rem;
303
+ --component-photo-placeholder-background: #f3f4f4;
304
+ --component-photo-placeholder-box-shadow-color-border: #d2d4d4;
305
+ --component-photo-placeholder-box-shadow-color-interior: #ffffff;
306
+ --component-photo-placeholder-box-shadow-value-border: 0.0625rem;
307
+ --component-photo-icon-color: #717779;
308
+ --component-photo-carousel-grid-gap: 1rem;
309
+ --component-photo-carousel-margin-bottom: 0.5rem;
310
+ --component-photo-carousel-border: 0;
303
311
  --component-product-bar-background-color: #ffffff;
304
312
  --component-product-bar-bar-min-height: 3.75rem;
305
313
  --component-product-bar-bar-padding: 2rem;
package/lib/css/utils.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 01 Aug 2023 13:21:11 GMT
3
+ * Generated on Fri, 18 Aug 2023 20:31:33 GMT
4
4
  */
5
5
 
6
6
  .red-light {
package/lib/dictionary.d.ts CHANGED
@@ -5007,6 +5007,143 @@ export declare const dictionary: Readonly<{
5007
5007
  };
5008
5008
  };
5009
5009
  };
5010
+ photo: {
5011
+ "display-mode": {
5012
+ fill: {};
5013
+ fit: {};
5014
+ };
5015
+ placeholder: {
5016
+ background: {
5017
+ value: string;
5018
+ filePath: string;
5019
+ isSource: boolean;
5020
+ original: {
5021
+ value: string;
5022
+ };
5023
+ name: string;
5024
+ attributes: {
5025
+ category: string;
5026
+ type: string;
5027
+ item: string;
5028
+ subitem: string;
5029
+ };
5030
+ path: string[];
5031
+ };
5032
+ "box-shadow-color-border": {
5033
+ value: string;
5034
+ filePath: string;
5035
+ isSource: boolean;
5036
+ original: {
5037
+ value: string;
5038
+ };
5039
+ name: string;
5040
+ attributes: {
5041
+ category: string;
5042
+ type: string;
5043
+ item: string;
5044
+ subitem: string;
5045
+ };
5046
+ path: string[];
5047
+ };
5048
+ "box-shadow-color-interior": {
5049
+ value: string;
5050
+ filePath: string;
5051
+ isSource: boolean;
5052
+ original: {
5053
+ value: string;
5054
+ };
5055
+ name: string;
5056
+ attributes: {
5057
+ category: string;
5058
+ type: string;
5059
+ item: string;
5060
+ subitem: string;
5061
+ };
5062
+ path: string[];
5063
+ };
5064
+ "box-shadow-value-border": {
5065
+ value: string;
5066
+ filePath: string;
5067
+ isSource: boolean;
5068
+ original: {
5069
+ value: string;
5070
+ };
5071
+ name: string;
5072
+ attributes: {
5073
+ category: string;
5074
+ type: string;
5075
+ item: string;
5076
+ subitem: string;
5077
+ };
5078
+ path: string[];
5079
+ };
5080
+ };
5081
+ icon: {
5082
+ color: {
5083
+ value: string;
5084
+ filePath: string;
5085
+ isSource: boolean;
5086
+ original: {
5087
+ value: string;
5088
+ };
5089
+ name: string;
5090
+ attributes: {
5091
+ category: string;
5092
+ type: string;
5093
+ item: string;
5094
+ subitem: string;
5095
+ };
5096
+ path: string[];
5097
+ };
5098
+ };
5099
+ };
5100
+ "photo-carousel": {
5101
+ "grid-gap": {
5102
+ value: string;
5103
+ filePath: string;
5104
+ isSource: boolean;
5105
+ original: {
5106
+ value: string;
5107
+ };
5108
+ name: string;
5109
+ attributes: {
5110
+ category: string;
5111
+ type: string;
5112
+ item: string;
5113
+ };
5114
+ path: string[];
5115
+ };
5116
+ "margin-bottom": {
5117
+ value: string;
5118
+ filePath: string;
5119
+ isSource: boolean;
5120
+ original: {
5121
+ value: string;
5122
+ };
5123
+ name: string;
5124
+ attributes: {
5125
+ category: string;
5126
+ type: string;
5127
+ item: string;
5128
+ };
5129
+ path: string[];
5130
+ };
5131
+ border: {
5132
+ value: string;
5133
+ filePath: string;
5134
+ isSource: boolean;
5135
+ original: {
5136
+ value: string;
5137
+ };
5138
+ name: string;
5139
+ attributes: {
5140
+ category: string;
5141
+ type: string;
5142
+ item: string;
5143
+ };
5144
+ path: string[];
5145
+ };
5146
+ };
5010
5147
  "product-bar": {
5011
5148
  "background-color": {
5012
5149
  value: string;
@@ -17694,6 +17831,143 @@ export declare const dictionary: Readonly<{
17694
17831
  };
17695
17832
  };
17696
17833
  };
17834
+ photo: {
17835
+ "display-mode": {
17836
+ fill: {};
17837
+ fit: {};
17838
+ };
17839
+ placeholder: {
17840
+ background: {
17841
+ value: string;
17842
+ filePath: string;
17843
+ isSource: boolean;
17844
+ original: {
17845
+ value: string;
17846
+ };
17847
+ name: string;
17848
+ attributes: {
17849
+ category: string;
17850
+ type: string;
17851
+ item: string;
17852
+ subitem: string;
17853
+ };
17854
+ path: string[];
17855
+ };
17856
+ "box-shadow-color-border": {
17857
+ value: string;
17858
+ filePath: string;
17859
+ isSource: boolean;
17860
+ original: {
17861
+ value: string;
17862
+ };
17863
+ name: string;
17864
+ attributes: {
17865
+ category: string;
17866
+ type: string;
17867
+ item: string;
17868
+ subitem: string;
17869
+ };
17870
+ path: string[];
17871
+ };
17872
+ "box-shadow-color-interior": {
17873
+ value: string;
17874
+ filePath: string;
17875
+ isSource: boolean;
17876
+ original: {
17877
+ value: string;
17878
+ };
17879
+ name: string;
17880
+ attributes: {
17881
+ category: string;
17882
+ type: string;
17883
+ item: string;
17884
+ subitem: string;
17885
+ };
17886
+ path: string[];
17887
+ };
17888
+ "box-shadow-value-border": {
17889
+ value: string;
17890
+ filePath: string;
17891
+ isSource: boolean;
17892
+ original: {
17893
+ value: string;
17894
+ };
17895
+ name: string;
17896
+ attributes: {
17897
+ category: string;
17898
+ type: string;
17899
+ item: string;
17900
+ subitem: string;
17901
+ };
17902
+ path: string[];
17903
+ };
17904
+ };
17905
+ icon: {
17906
+ color: {
17907
+ value: string;
17908
+ filePath: string;
17909
+ isSource: boolean;
17910
+ original: {
17911
+ value: string;
17912
+ };
17913
+ name: string;
17914
+ attributes: {
17915
+ category: string;
17916
+ type: string;
17917
+ item: string;
17918
+ subitem: string;
17919
+ };
17920
+ path: string[];
17921
+ };
17922
+ };
17923
+ };
17924
+ "photo-carousel": {
17925
+ "grid-gap": {
17926
+ value: string;
17927
+ filePath: string;
17928
+ isSource: boolean;
17929
+ original: {
17930
+ value: string;
17931
+ };
17932
+ name: string;
17933
+ attributes: {
17934
+ category: string;
17935
+ type: string;
17936
+ item: string;
17937
+ };
17938
+ path: string[];
17939
+ };
17940
+ "margin-bottom": {
17941
+ value: string;
17942
+ filePath: string;
17943
+ isSource: boolean;
17944
+ original: {
17945
+ value: string;
17946
+ };
17947
+ name: string;
17948
+ attributes: {
17949
+ category: string;
17950
+ type: string;
17951
+ item: string;
17952
+ };
17953
+ path: string[];
17954
+ };
17955
+ border: {
17956
+ value: string;
17957
+ filePath: string;
17958
+ isSource: boolean;
17959
+ original: {
17960
+ value: string;
17961
+ };
17962
+ name: string;
17963
+ attributes: {
17964
+ category: string;
17965
+ type: string;
17966
+ item: string;
17967
+ };
17968
+ path: string[];
17969
+ };
17970
+ };
17697
17971
  "product-bar": {
17698
17972
  "background-color": {
17699
17973
  value: string;
@@ -30381,6 +30655,143 @@ export declare const dictionary: Readonly<{
30381
30655
  };
30382
30656
  };
30383
30657
  };
30658
+ photo: {
30659
+ "display-mode": {
30660
+ fill: {};
30661
+ fit: {};
30662
+ };
30663
+ placeholder: {
30664
+ background: {
30665
+ value: string;
30666
+ filePath: string;
30667
+ isSource: boolean;
30668
+ original: {
30669
+ value: string;
30670
+ };
30671
+ name: string;
30672
+ attributes: {
30673
+ category: string;
30674
+ type: string;
30675
+ item: string;
30676
+ subitem: string;
30677
+ };
30678
+ path: string[];
30679
+ };
30680
+ "box-shadow-color-border": {
30681
+ value: string;
30682
+ filePath: string;
30683
+ isSource: boolean;
30684
+ original: {
30685
+ value: string;
30686
+ };
30687
+ name: string;
30688
+ attributes: {
30689
+ category: string;
30690
+ type: string;
30691
+ item: string;
30692
+ subitem: string;
30693
+ };
30694
+ path: string[];
30695
+ };
30696
+ "box-shadow-color-interior": {
30697
+ value: string;
30698
+ filePath: string;
30699
+ isSource: boolean;
30700
+ original: {
30701
+ value: string;
30702
+ };
30703
+ name: string;
30704
+ attributes: {
30705
+ category: string;
30706
+ type: string;
30707
+ item: string;
30708
+ subitem: string;
30709
+ };
30710
+ path: string[];
30711
+ };
30712
+ "box-shadow-value-border": {
30713
+ value: string;
30714
+ filePath: string;
30715
+ isSource: boolean;
30716
+ original: {
30717
+ value: string;
30718
+ };
30719
+ name: string;
30720
+ attributes: {
30721
+ category: string;
30722
+ type: string;
30723
+ item: string;
30724
+ subitem: string;
30725
+ };
30726
+ path: string[];
30727
+ };
30728
+ };
30729
+ icon: {
30730
+ color: {
30731
+ value: string;
30732
+ filePath: string;
30733
+ isSource: boolean;
30734
+ original: {
30735
+ value: string;
30736
+ };
30737
+ name: string;
30738
+ attributes: {
30739
+ category: string;
30740
+ type: string;
30741
+ item: string;
30742
+ subitem: string;
30743
+ };
30744
+ path: string[];
30745
+ };
30746
+ };
30747
+ };
30748
+ "photo-carousel": {
30749
+ "grid-gap": {
30750
+ value: string;
30751
+ filePath: string;
30752
+ isSource: boolean;
30753
+ original: {
30754
+ value: string;
30755
+ };
30756
+ name: string;
30757
+ attributes: {
30758
+ category: string;
30759
+ type: string;
30760
+ item: string;
30761
+ };
30762
+ path: string[];
30763
+ };
30764
+ "margin-bottom": {
30765
+ value: string;
30766
+ filePath: string;
30767
+ isSource: boolean;
30768
+ original: {
30769
+ value: string;
30770
+ };
30771
+ name: string;
30772
+ attributes: {
30773
+ category: string;
30774
+ type: string;
30775
+ item: string;
30776
+ };
30777
+ path: string[];
30778
+ };
30779
+ border: {
30780
+ value: string;
30781
+ filePath: string;
30782
+ isSource: boolean;
30783
+ original: {
30784
+ value: string;
30785
+ };
30786
+ name: string;
30787
+ attributes: {
30788
+ category: string;
30789
+ type: string;
30790
+ item: string;
30791
+ };
30792
+ path: string[];
30793
+ };
30794
+ };
30384
30795
  "product-bar": {
30385
30796
  "background-color": {
30386
30797
  value: string;
package/lib/font.css CHANGED
@@ -1,15 +1,15 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 01 Aug 2023 13:21:10 GMT
3
+ * Generated on Fri, 18 Aug 2023 20:31:33 GMT
4
4
  */
5
5
 
6
6
  @font-face {
7
7
  font-family: "Source Sans Pro";
8
8
  font-style: normal;
9
9
  font-weight: 400;
10
- src: url("https://cdn.dev.spsc.io/web/framework/design-system/ds/7.10.7/assets/fonts/source-sans-pro-v9-latin-regular.woff2")
10
+ src: url("https://cdn.dev.spsc.io/web/framework/design-system/ds/7.11.0/assets/fonts/source-sans-pro-v9-latin-regular.woff2")
11
11
  format("woff2"),
12
- url("https://cdn.dev.spsc.io/web/framework/design-system/ds/7.10.7/assets/fonts/source-sans-pro-v9-latin-regular.woff")
12
+ url("https://cdn.dev.spsc.io/web/framework/design-system/ds/7.11.0/assets/fonts/source-sans-pro-v9-latin-regular.woff")
13
13
  format("woff");
14
14
  font-display: fallback;
15
15
  }
@@ -17,9 +17,9 @@
17
17
  font-family: "Source Sans Pro";
18
18
  font-style: italic;
19
19
  font-weight: 400;
20
- src: url("https://cdn.dev.spsc.io/web/framework/design-system/ds/7.10.7/assets/fonts/source-sans-pro-v9-latin-italic.woff2")
20
+ src: url("https://cdn.dev.spsc.io/web/framework/design-system/ds/7.11.0/assets/fonts/source-sans-pro-v9-latin-italic.woff2")
21
21
  format("woff2"),
22
- url("https://cdn.dev.spsc.io/web/framework/design-system/ds/7.10.7/assets/fonts/source-sans-pro-v9-latin-italic.woff")
22
+ url("https://cdn.dev.spsc.io/web/framework/design-system/ds/7.11.0/assets/fonts/source-sans-pro-v9-latin-italic.woff")
23
23
  format("woff");
24
24
  font-display: fallback;
25
25
  }
@@ -27,9 +27,9 @@
27
27
  font-family: "Source Sans Pro";
28
28
  font-style: normal;
29
29
  font-weight: 600;
30
- src: url("https://cdn.dev.spsc.io/web/framework/design-system/ds/7.10.7/assets/fonts/source-sans-pro-v9-latin-600.woff2")
30
+ src: url("https://cdn.dev.spsc.io/web/framework/design-system/ds/7.11.0/assets/fonts/source-sans-pro-v9-latin-600.woff2")
31
31
  format("woff2"),
32
- url("https://cdn.dev.spsc.io/web/framework/design-system/ds/7.10.7/assets/fonts/source-sans-pro-v9-latin-600.woff")
32
+ url("https://cdn.dev.spsc.io/web/framework/design-system/ds/7.11.0/assets/fonts/source-sans-pro-v9-latin-600.woff")
33
33
  format("woff");
34
34
  font-display: fallback;
35
35
  }
@@ -37,9 +37,9 @@
37
37
  font-family: "Source Sans Pro";
38
38
  font-style: italic;
39
39
  font-weight: 600;
40
- src: url("https://cdn.dev.spsc.io/web/framework/design-system/ds/7.10.7/assets/fonts/source-sans-pro-v9-latin-600italic.woff2")
40
+ src: url("https://cdn.dev.spsc.io/web/framework/design-system/ds/7.11.0/assets/fonts/source-sans-pro-v9-latin-600italic.woff2")
41
41
  format("woff2"),
42
- url("https://cdn.dev.spsc.io/web/framework/design-system/ds/7.10.7/assets/fonts/source-sans-pro-v9-latin-600italic.woff")
42
+ url("https://cdn.dev.spsc.io/web/framework/design-system/ds/7.11.0/assets/fonts/source-sans-pro-v9-latin-600italic.woff")
43
43
  format("woff");
44
44
  font-display: fallback;
45
45
  }
@@ -47,9 +47,9 @@
47
47
  font-family: "Source Code Pro";
48
48
  font-style: normal;
49
49
  font-weight: 400;
50
- src: url("https://cdn.dev.spsc.io/web/framework/design-system/ds/7.10.7/assets/fonts/source-code-pro-v6-latin-regular.woff2")
50
+ src: url("https://cdn.dev.spsc.io/web/framework/design-system/ds/7.11.0/assets/fonts/source-code-pro-v6-latin-regular.woff2")
51
51
  format("woff2"),
52
- url("https://cdn.dev.spsc.io/web/framework/design-system/ds/7.10.7/assets/fonts/source-code-pro-v6-latin-regular.woff")
52
+ url("https://cdn.dev.spsc.io/web/framework/design-system/ds/7.11.0/assets/fonts/source-code-pro-v6-latin-regular.woff")
53
53
  format("woff");
54
54
  font-display: fallback;
55
55
  }
@@ -57,9 +57,9 @@
57
57
  font-family: "Source Code Pro";
58
58
  font-style: italic;
59
59
  font-weight: 400;
60
- src: url("https://cdn.dev.spsc.io/web/framework/design-system/ds/7.10.7/assets/fonts/source-code-pro-v6-latin-italic.woff2")
60
+ src: url("https://cdn.dev.spsc.io/web/framework/design-system/ds/7.11.0/assets/fonts/source-code-pro-v6-latin-italic.woff2")
61
61
  format("woff2"),
62
- url("https://cdn.dev.spsc.io/web/framework/design-system/ds/7.10.7/assets/fonts/source-code-pro-v6-latin-italic.woff")
62
+ url("https://cdn.dev.spsc.io/web/framework/design-system/ds/7.11.0/assets/fonts/source-code-pro-v6-latin-italic.woff")
63
63
  format("woff");
64
64
  font-display: fallback;
65
65
  }
@@ -67,9 +67,9 @@
67
67
  font-family: "Source Code Pro";
68
68
  font-style: normal;
69
69
  font-weight: 600;
70
- src: url("https://cdn.dev.spsc.io/web/framework/design-system/ds/7.10.7/assets/fonts/source-code-pro-v6-latin-600.woff2")
70
+ src: url("https://cdn.dev.spsc.io/web/framework/design-system/ds/7.11.0/assets/fonts/source-code-pro-v6-latin-600.woff2")
71
71
  format("woff2"),
72
- url("https://cdn.dev.spsc.io/web/framework/design-system/ds/7.10.7/assets/fonts/source-code-pro-v6-latin-600.woff")
72
+ url("https://cdn.dev.spsc.io/web/framework/design-system/ds/7.11.0/assets/fonts/source-code-pro-v6-latin-600.woff")
73
73
  format("woff");
74
74
  font-display: fallback;
75
75
  }
@@ -77,9 +77,9 @@
77
77
  font-family: "Source Code Pro";
78
78
  font-style: italic;
79
79
  font-weight: 600;
80
- src: url("https://cdn.dev.spsc.io/web/framework/design-system/ds/7.10.7/assets/fonts/source-code-pro-v6-latin-600italic.woff2")
80
+ src: url("https://cdn.dev.spsc.io/web/framework/design-system/ds/7.11.0/assets/fonts/source-code-pro-v6-latin-600italic.woff2")
81
81
  format("woff2"),
82
- url("https://cdn.dev.spsc.io/web/framework/design-system/ds/7.10.7/assets/fonts/source-code-pro-v6-latin-600italic.woff")
82
+ url("https://cdn.dev.spsc.io/web/framework/design-system/ds/7.11.0/assets/fonts/source-code-pro-v6-latin-600italic.woff")
83
83
  format("woff");
84
84
  font-display: fallback;
85
85
  }
@@ -87,13 +87,13 @@
87
87
  font-family: "SPS-Icons";
88
88
  font-style: normal;
89
89
  font-weight: 400;
90
- src: url("https://cdn.dev.spsc.io/web/framework/design-system/ds/7.10.7/assets/fonts/icomoon-sps-icons.svg")
90
+ src: url("https://cdn.dev.spsc.io/web/framework/design-system/ds/7.11.0/assets/fonts/icomoon-sps-icons.svg")
91
91
  format("svg"),
92
- url("https://cdn.dev.spsc.io/web/framework/design-system/ds/7.10.7/assets/fonts/icomoon-sps-icons.truetype")
92
+ url("https://cdn.dev.spsc.io/web/framework/design-system/ds/7.11.0/assets/fonts/icomoon-sps-icons.truetype")
93
93
  format("undefined"),
94
- url("https://cdn.dev.spsc.io/web/framework/design-system/ds/7.10.7/assets/fonts/icomoon-sps-icons.woff")
94
+ url("https://cdn.dev.spsc.io/web/framework/design-system/ds/7.11.0/assets/fonts/icomoon-sps-icons.woff")
95
95
  format("woff"),
96
- url("https://cdn.dev.spsc.io/web/framework/design-system/ds/7.10.7/assets/fonts/icomoon-sps-icons.woff2")
96
+ url("https://cdn.dev.spsc.io/web/framework/design-system/ds/7.11.0/assets/fonts/icomoon-sps-icons.woff2")
97
97
  format("woff2");
98
98
  font-display: fallback;
99
99
  }