@sage/design-tokens 2.9.0 → 2.12.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/android/base.xml +28 -11
- package/css/base.css +28 -11
- package/data/tokens.json +210 -61
- package/docs/tokens/base/box-shadow/index.html +42 -0
- package/docs/tokens/base/colors/index.html +314 -20
- package/docs/tokens/base/index.html +377 -20
- package/docs/tokens/base/typography/index.html +21 -0
- package/docs/tokens/index.html +377 -20
- package/ios/base.h +28 -11
- package/js/base/common.d.ts +17 -0
- package/js/base/common.js +28 -11
- package/js/base/es6.d.ts +17 -0
- package/js/base/es6.js +27 -10
- package/package.json +1 -1
- package/sage-design-tokens-2.12.0.tgz +0 -0
- package/scss/base.scss +28 -11
- package/sage-design-tokens-2.9.0.tgz +0 -0
package/data/tokens.json
CHANGED
|
@@ -13,64 +13,87 @@
|
|
|
13
13
|
"colors": {
|
|
14
14
|
"logo": {
|
|
15
15
|
"value": "#00d639ff",
|
|
16
|
-
"type": "color"
|
|
16
|
+
"type": "color",
|
|
17
|
+
"description": "origin"
|
|
17
18
|
},
|
|
18
19
|
"transparent": {
|
|
19
20
|
"value": "#00000000",
|
|
20
|
-
"type": "color"
|
|
21
|
+
"type": "color",
|
|
22
|
+
"description": "origin"
|
|
21
23
|
},
|
|
22
24
|
"yin": {
|
|
23
25
|
"030": {
|
|
24
26
|
"value": "#0000004d",
|
|
25
|
-
"type": "color"
|
|
27
|
+
"type": "color",
|
|
28
|
+
"description": "origin"
|
|
26
29
|
},
|
|
27
30
|
"055": {
|
|
28
31
|
"value": "#0000008c",
|
|
29
|
-
"type": "color"
|
|
32
|
+
"type": "color",
|
|
33
|
+
"description": "origin"
|
|
30
34
|
},
|
|
31
35
|
"065": {
|
|
32
36
|
"value": "#000000a6",
|
|
33
|
-
"type": "color"
|
|
37
|
+
"type": "color",
|
|
38
|
+
"description": "origin"
|
|
34
39
|
},
|
|
35
40
|
"075": {
|
|
36
41
|
"value": "#000000bf",
|
|
37
|
-
"type": "color"
|
|
42
|
+
"type": "color",
|
|
43
|
+
"description": "origin"
|
|
38
44
|
},
|
|
39
45
|
"090": {
|
|
40
46
|
"value": "#000000e6",
|
|
41
|
-
"type": "color"
|
|
47
|
+
"type": "color",
|
|
48
|
+
"description": "origin"
|
|
42
49
|
}
|
|
43
50
|
},
|
|
44
51
|
"yang": {
|
|
45
52
|
"100": {
|
|
46
53
|
"value": "#ffffffff",
|
|
47
|
-
"type": "color"
|
|
54
|
+
"type": "color",
|
|
55
|
+
"description": "origin"
|
|
48
56
|
},
|
|
49
57
|
"030": {
|
|
50
58
|
"value": "#ffffff4d",
|
|
51
|
-
"type": "color"
|
|
59
|
+
"type": "color",
|
|
60
|
+
"description": "origin"
|
|
52
61
|
},
|
|
53
62
|
"080": {
|
|
54
63
|
"value": "#ffffffcc",
|
|
55
|
-
"type": "color"
|
|
64
|
+
"type": "color",
|
|
65
|
+
"description": "origin"
|
|
56
66
|
}
|
|
57
67
|
},
|
|
58
68
|
"gray": {
|
|
69
|
+
"700": {
|
|
70
|
+
"value": "#4d4d4dff",
|
|
71
|
+
"type": "color",
|
|
72
|
+
"description": "origin"
|
|
73
|
+
},
|
|
74
|
+
"750": {
|
|
75
|
+
"value": "#404040ff",
|
|
76
|
+
"type": "color",
|
|
77
|
+
"description": "origin"
|
|
78
|
+
},
|
|
59
79
|
"850": {
|
|
60
80
|
"value": "#262626ff",
|
|
61
|
-
"type": "color"
|
|
81
|
+
"type": "color",
|
|
82
|
+
"description": "origin"
|
|
62
83
|
},
|
|
63
84
|
"900": {
|
|
64
|
-
"value": "#
|
|
65
|
-
"type": "color"
|
|
85
|
+
"value": "#191919ff",
|
|
86
|
+
"type": "color",
|
|
87
|
+
"description": "origin"
|
|
66
88
|
},
|
|
67
89
|
"1000": {
|
|
68
90
|
"value": "#000000ff",
|
|
69
|
-
"type": "color"
|
|
91
|
+
"type": "color",
|
|
92
|
+
"description": "origin"
|
|
70
93
|
},
|
|
71
94
|
"000": {
|
|
72
95
|
"value": "#ffffffff",
|
|
73
|
-
"description": "not to be confused with yang tokens",
|
|
96
|
+
"description": "origin (not to be confused with yang tokens)",
|
|
74
97
|
"type": "color"
|
|
75
98
|
}
|
|
76
99
|
},
|
|
@@ -78,31 +101,34 @@
|
|
|
78
101
|
"400": {
|
|
79
102
|
"value": "#f2f5f6ff",
|
|
80
103
|
"type": "color",
|
|
81
|
-
"description": ""
|
|
104
|
+
"description": "origin"
|
|
82
105
|
},
|
|
83
106
|
"500": {
|
|
84
107
|
"value": "#e6ebedff",
|
|
85
108
|
"type": "color",
|
|
86
|
-
"description": ""
|
|
109
|
+
"description": "origin"
|
|
87
110
|
},
|
|
88
111
|
"600": {
|
|
89
112
|
"value": "#ccd6dbff",
|
|
90
113
|
"type": "color",
|
|
91
|
-
"description": ""
|
|
114
|
+
"description": "origin"
|
|
92
115
|
}
|
|
93
116
|
},
|
|
94
117
|
"readOnly": {
|
|
95
118
|
"400": {
|
|
96
119
|
"value": "#f2f5f6ff",
|
|
97
|
-
"type": "color"
|
|
120
|
+
"type": "color",
|
|
121
|
+
"description": "origin"
|
|
98
122
|
},
|
|
99
123
|
"500": {
|
|
100
124
|
"value": "#e6ebedff",
|
|
101
|
-
"type": "color"
|
|
125
|
+
"type": "color",
|
|
126
|
+
"description": "origin"
|
|
102
127
|
},
|
|
103
128
|
"600": {
|
|
104
129
|
"value": "#ccd6dbff",
|
|
105
|
-
"type": "color"
|
|
130
|
+
"type": "color",
|
|
131
|
+
"description": "origin"
|
|
106
132
|
}
|
|
107
133
|
},
|
|
108
134
|
"components": {
|
|
@@ -128,7 +154,7 @@
|
|
|
128
154
|
"type": "color"
|
|
129
155
|
},
|
|
130
156
|
"600": {
|
|
131
|
-
"value": "#
|
|
157
|
+
"value": "#007e45ff",
|
|
132
158
|
"type": "color"
|
|
133
159
|
},
|
|
134
160
|
"700": {
|
|
@@ -151,6 +177,10 @@
|
|
|
151
177
|
}
|
|
152
178
|
},
|
|
153
179
|
"childAlt": {
|
|
180
|
+
"400": {
|
|
181
|
+
"value": "#ccd6dbff",
|
|
182
|
+
"type": "color"
|
|
183
|
+
},
|
|
154
184
|
"500": {
|
|
155
185
|
"value": "#e6ebedff",
|
|
156
186
|
"type": "color"
|
|
@@ -163,55 +193,111 @@
|
|
|
163
193
|
},
|
|
164
194
|
"summer": {
|
|
165
195
|
"standard": {
|
|
196
|
+
"400": {
|
|
197
|
+
"value": "#ccd6dbff",
|
|
198
|
+
"type": "color",
|
|
199
|
+
"description": "menu button border"
|
|
200
|
+
},
|
|
166
201
|
"500": {
|
|
167
202
|
"value": "#ffffffff",
|
|
168
|
-
"type": "color"
|
|
203
|
+
"type": "color",
|
|
204
|
+
"description": "default menu button"
|
|
169
205
|
},
|
|
170
206
|
"600": {
|
|
171
207
|
"value": "#007e45ff",
|
|
172
|
-
"type": "color"
|
|
208
|
+
"type": "color",
|
|
209
|
+
"description": "hover (with click action)"
|
|
173
210
|
},
|
|
174
211
|
"700": {
|
|
175
|
-
"value": "#
|
|
176
|
-
"type": "color"
|
|
212
|
+
"value": "#e6ebedff",
|
|
213
|
+
"type": "color",
|
|
214
|
+
"description": "TO BE REMOVED"
|
|
215
|
+
},
|
|
216
|
+
"800": {
|
|
217
|
+
"value": "#e6ebedff",
|
|
218
|
+
"type": "color",
|
|
219
|
+
"description": "selected menu button bg (use with 400 border)"
|
|
177
220
|
}
|
|
178
221
|
},
|
|
179
222
|
"parent": {
|
|
180
223
|
"500": {
|
|
181
224
|
"value": "#ffffffff",
|
|
182
|
-
"type": "color"
|
|
225
|
+
"type": "color",
|
|
226
|
+
"description": "default menu button"
|
|
183
227
|
},
|
|
184
228
|
"600": {
|
|
185
|
-
"value": "#
|
|
186
|
-
"type": "color"
|
|
229
|
+
"value": "#007e45ff",
|
|
230
|
+
"type": "color",
|
|
231
|
+
"description": "hover (with click action)"
|
|
187
232
|
},
|
|
188
233
|
"700": {
|
|
189
|
-
"value": "#
|
|
190
|
-
"type": "color"
|
|
234
|
+
"value": "#e6ebedff",
|
|
235
|
+
"type": "color",
|
|
236
|
+
"description": "open menu item (or hover non-clickable)"
|
|
191
237
|
}
|
|
192
238
|
},
|
|
193
239
|
"child": {
|
|
194
|
-
"
|
|
240
|
+
"300": {
|
|
195
241
|
"value": "#b3c2c9ff",
|
|
196
|
-
"type": "color"
|
|
242
|
+
"type": "color",
|
|
243
|
+
"description": "menu divider"
|
|
244
|
+
},
|
|
245
|
+
"400": {
|
|
246
|
+
"value": "#ccd6dbff",
|
|
247
|
+
"type": "color",
|
|
248
|
+
"description": "menu button border"
|
|
197
249
|
},
|
|
198
250
|
"500": {
|
|
199
251
|
"value": "#e6ebedff",
|
|
200
|
-
"type": "color"
|
|
252
|
+
"type": "color",
|
|
253
|
+
"description": "default menu button"
|
|
201
254
|
},
|
|
202
255
|
"600": {
|
|
203
256
|
"value": "#007e45ff",
|
|
204
|
-
"type": "color"
|
|
257
|
+
"type": "color",
|
|
258
|
+
"description": "hover (with click action)"
|
|
259
|
+
},
|
|
260
|
+
"700": {
|
|
261
|
+
"value": "#e6ebedff",
|
|
262
|
+
"type": "color",
|
|
263
|
+
"description": "open menu item"
|
|
264
|
+
},
|
|
265
|
+
"800": {
|
|
266
|
+
"value": "#e6ebedff",
|
|
267
|
+
"type": "color",
|
|
268
|
+
"description": "selected menu button bg (use with 400 border)"
|
|
205
269
|
}
|
|
206
270
|
},
|
|
207
271
|
"childAlt": {
|
|
208
|
-
"
|
|
272
|
+
"300": {
|
|
273
|
+
"value": "#b3c2c9ff",
|
|
274
|
+
"type": "color",
|
|
275
|
+
"description": "menu divider"
|
|
276
|
+
},
|
|
277
|
+
"400": {
|
|
209
278
|
"value": "#ccd6dbff",
|
|
210
|
-
"type": "color"
|
|
279
|
+
"type": "color",
|
|
280
|
+
"description": "menu button border"
|
|
281
|
+
},
|
|
282
|
+
"500": {
|
|
283
|
+
"value": "#d9e0e4ff",
|
|
284
|
+
"type": "color",
|
|
285
|
+
"description": "default menu button"
|
|
211
286
|
},
|
|
212
287
|
"600": {
|
|
213
288
|
"value": "#007e45ff",
|
|
214
|
-
"type": "color"
|
|
289
|
+
"type": "color",
|
|
290
|
+
"description": "hover (with click action)"
|
|
291
|
+
},
|
|
292
|
+
"700": {
|
|
293
|
+
"value": "#d9e0e4ff",
|
|
294
|
+
"type": "color",
|
|
295
|
+
"description": "open menu item"
|
|
296
|
+
},
|
|
297
|
+
"800": {
|
|
298
|
+
"value": "#d9e0e4ff",
|
|
299
|
+
"type": "color",
|
|
300
|
+
"description": "selected menu button bg (use with 400 border)"
|
|
215
301
|
}
|
|
216
302
|
}
|
|
217
303
|
},
|
|
@@ -237,7 +323,7 @@
|
|
|
237
323
|
"type": "color"
|
|
238
324
|
},
|
|
239
325
|
"600": {
|
|
240
|
-
"value": "#
|
|
326
|
+
"value": "#007e45ff",
|
|
241
327
|
"type": "color",
|
|
242
328
|
"description": ""
|
|
243
329
|
},
|
|
@@ -262,6 +348,10 @@
|
|
|
262
348
|
}
|
|
263
349
|
},
|
|
264
350
|
"childAlt": {
|
|
351
|
+
"400": {
|
|
352
|
+
"value": "#19475eff",
|
|
353
|
+
"type": "color"
|
|
354
|
+
},
|
|
265
355
|
"500": {
|
|
266
356
|
"value": "#00324cff",
|
|
267
357
|
"type": "color"
|
|
@@ -295,7 +385,7 @@
|
|
|
295
385
|
"type": "color"
|
|
296
386
|
},
|
|
297
387
|
"600": {
|
|
298
|
-
"value": "#
|
|
388
|
+
"value": "#007e45ff",
|
|
299
389
|
"type": "color"
|
|
300
390
|
},
|
|
301
391
|
"700": {
|
|
@@ -319,8 +409,12 @@
|
|
|
319
409
|
}
|
|
320
410
|
},
|
|
321
411
|
"childAlt": {
|
|
412
|
+
"400": {
|
|
413
|
+
"value": "#262626ff",
|
|
414
|
+
"type": "color"
|
|
415
|
+
},
|
|
322
416
|
"500": {
|
|
323
|
-
"value": "#
|
|
417
|
+
"value": "#191919ff",
|
|
324
418
|
"type": "color",
|
|
325
419
|
"description": ""
|
|
326
420
|
},
|
|
@@ -485,32 +579,37 @@
|
|
|
485
579
|
"major": {
|
|
486
580
|
"150": {
|
|
487
581
|
"value": "#b3d9c8ff",
|
|
488
|
-
"type": "color"
|
|
582
|
+
"type": "color",
|
|
583
|
+
"description": "origin"
|
|
489
584
|
},
|
|
490
585
|
"350": {
|
|
491
586
|
"value": "#4da77eff",
|
|
492
|
-
"type": "color"
|
|
587
|
+
"type": "color",
|
|
588
|
+
"description": "origin"
|
|
493
589
|
},
|
|
494
590
|
"450": {
|
|
495
591
|
"value": "#198e59ff",
|
|
496
|
-
"type": "color"
|
|
592
|
+
"type": "color",
|
|
593
|
+
"description": "origin"
|
|
497
594
|
},
|
|
498
595
|
"500": {
|
|
499
596
|
"value": "#007e45ff",
|
|
500
597
|
"type": "color",
|
|
501
|
-
"description": "was originally #008146, darkened by 2% black to meet accessibility requirements"
|
|
598
|
+
"description": "origin (was originally #008146, darkened by 2% black to meet accessibility requirements)"
|
|
502
599
|
},
|
|
503
600
|
"600": {
|
|
504
601
|
"value": "#006738ff",
|
|
505
|
-
"type": "color"
|
|
602
|
+
"type": "color",
|
|
603
|
+
"description": "origin"
|
|
506
604
|
},
|
|
507
605
|
"700": {
|
|
508
606
|
"value": "#004d2aff",
|
|
509
|
-
"type": "color"
|
|
607
|
+
"type": "color",
|
|
608
|
+
"description": "origin"
|
|
510
609
|
},
|
|
511
610
|
"025": {
|
|
512
611
|
"value": "#f2f9f6ff",
|
|
513
|
-
"description": "Currently only used on Tile Select",
|
|
612
|
+
"description": "origin (Currently only used on Tile Select)",
|
|
514
613
|
"type": "color"
|
|
515
614
|
},
|
|
516
615
|
"transparent": {
|
|
@@ -549,55 +648,68 @@
|
|
|
549
648
|
"minor": {
|
|
550
649
|
"100": {
|
|
551
650
|
"value": "#e6ebedff",
|
|
552
|
-
"type": "color"
|
|
651
|
+
"type": "color",
|
|
652
|
+
"description": "origin"
|
|
553
653
|
},
|
|
554
654
|
"150": {
|
|
555
655
|
"value": "#d9e0e4ff",
|
|
556
|
-
"type": "color"
|
|
656
|
+
"type": "color",
|
|
657
|
+
"description": "origin"
|
|
557
658
|
},
|
|
558
659
|
"200": {
|
|
559
660
|
"value": "#ccd6dbff",
|
|
560
|
-
"type": "color"
|
|
661
|
+
"type": "color",
|
|
662
|
+
"description": "origin"
|
|
561
663
|
},
|
|
562
664
|
"250": {
|
|
563
665
|
"value": "#b3c2c9ff",
|
|
564
|
-
"type": "color"
|
|
666
|
+
"type": "color",
|
|
667
|
+
"description": "origin"
|
|
565
668
|
},
|
|
566
669
|
"300": {
|
|
567
670
|
"value": "#99adb7ff",
|
|
568
|
-
"type": "color"
|
|
671
|
+
"type": "color",
|
|
672
|
+
"description": "origin"
|
|
569
673
|
},
|
|
570
674
|
"400": {
|
|
571
675
|
"value": "#668494ff",
|
|
572
|
-
"type": "color"
|
|
676
|
+
"type": "color",
|
|
677
|
+
"description": "origin"
|
|
573
678
|
},
|
|
574
679
|
"500": {
|
|
575
680
|
"value": "#335b70ff",
|
|
576
|
-
"type": "color"
|
|
681
|
+
"type": "color",
|
|
682
|
+
"description": "origin"
|
|
577
683
|
},
|
|
578
684
|
"550": {
|
|
579
685
|
"value": "#19475eff",
|
|
580
|
-
"type": "color"
|
|
686
|
+
"type": "color",
|
|
687
|
+
"description": "origin"
|
|
581
688
|
},
|
|
582
689
|
"600": {
|
|
583
690
|
"value": "#00324cff",
|
|
584
|
-
"type": "color"
|
|
691
|
+
"type": "color",
|
|
692
|
+
"description": "origin"
|
|
585
693
|
},
|
|
586
694
|
"850": {
|
|
587
695
|
"value": "#001926ff",
|
|
588
|
-
"type": "color"
|
|
696
|
+
"type": "color",
|
|
697
|
+
"description": "origin"
|
|
589
698
|
},
|
|
590
699
|
"900": {
|
|
591
700
|
"value": "#00141eff",
|
|
592
|
-
"type": "color"
|
|
701
|
+
"type": "color",
|
|
702
|
+
"description": "origin"
|
|
593
703
|
},
|
|
594
704
|
"025": {
|
|
595
705
|
"value": "#fafbfbff",
|
|
596
|
-
"type": "color"
|
|
706
|
+
"type": "color",
|
|
707
|
+
"description": "origin"
|
|
597
708
|
},
|
|
598
709
|
"050": {
|
|
599
710
|
"value": "#f2f5f6ff",
|
|
600
|
-
"type": "color"
|
|
711
|
+
"type": "color",
|
|
712
|
+
"description": "origin"
|
|
601
713
|
},
|
|
602
714
|
"transparent": {
|
|
603
715
|
"value": "#00000000",
|
|
@@ -1272,6 +1384,30 @@
|
|
|
1272
1384
|
],
|
|
1273
1385
|
"description": "",
|
|
1274
1386
|
"type": "boxShadow"
|
|
1387
|
+
},
|
|
1388
|
+
"090": {
|
|
1389
|
+
"value": {
|
|
1390
|
+
"x": "0",
|
|
1391
|
+
"y": "4px",
|
|
1392
|
+
"blur": "8px",
|
|
1393
|
+
"spread": "-4px",
|
|
1394
|
+
"color": "#00141e1a",
|
|
1395
|
+
"type": "dropShadow"
|
|
1396
|
+
},
|
|
1397
|
+
"type": "boxShadow",
|
|
1398
|
+
"description": "product nav horizontal"
|
|
1399
|
+
},
|
|
1400
|
+
"091": {
|
|
1401
|
+
"value": {
|
|
1402
|
+
"x": "4px",
|
|
1403
|
+
"y": "0",
|
|
1404
|
+
"blur": "8px",
|
|
1405
|
+
"spread": "-4px",
|
|
1406
|
+
"color": "#00141e1a",
|
|
1407
|
+
"type": "dropShadow"
|
|
1408
|
+
},
|
|
1409
|
+
"type": "boxShadow",
|
|
1410
|
+
"description": "product nav vertical"
|
|
1275
1411
|
}
|
|
1276
1412
|
},
|
|
1277
1413
|
"fontWeights": {
|
|
@@ -2071,6 +2207,19 @@
|
|
|
2071
2207
|
"paragraphSpacing": "0px"
|
|
2072
2208
|
},
|
|
2073
2209
|
"type": "typography"
|
|
2210
|
+
},
|
|
2211
|
+
"l": {
|
|
2212
|
+
"value": {
|
|
2213
|
+
"fontFamily": "Sage UI",
|
|
2214
|
+
"fontWeight": "Medium",
|
|
2215
|
+
"lineHeight": "150%",
|
|
2216
|
+
"fontSize": "16px",
|
|
2217
|
+
"letterSpacing": "0%",
|
|
2218
|
+
"paragraphSpacing": "0px",
|
|
2219
|
+
"textDecoration": "none",
|
|
2220
|
+
"textCase": "none"
|
|
2221
|
+
},
|
|
2222
|
+
"type": "typography"
|
|
2074
2223
|
}
|
|
2075
2224
|
},
|
|
2076
2225
|
"segmentTitle": {
|
|
@@ -430,6 +430,48 @@
|
|
|
430
430
|
style="box-shadow: 0 3px 3px 0 #00141e33, 0 2px 4px 0 #00141e26">
|
|
431
431
|
</div>
|
|
432
432
|
|
|
433
|
+
</td>
|
|
434
|
+
</tr>
|
|
435
|
+
<tr>
|
|
436
|
+
<td class="with-icons is-vcentered"
|
|
437
|
+
id="base-boxShadow090"
|
|
438
|
+
title="theme: base; category: boxShadow; variant: 090; ">
|
|
439
|
+
boxShadow090
|
|
440
|
+
<a href="#base-boxShadow090"
|
|
441
|
+
title="permalink"
|
|
442
|
+
class="permalink">
|
|
443
|
+
🔗
|
|
444
|
+
</a>
|
|
445
|
+
</td>
|
|
446
|
+
<td class="is-vcentered">
|
|
447
|
+
<pre>0 4px 8px -4px #00141e1a</pre>
|
|
448
|
+
</td>
|
|
449
|
+
<td class="is-vcentered">
|
|
450
|
+
<div class="table__box-shadow-preview"
|
|
451
|
+
style="box-shadow: 0 4px 8px -4px #00141e1a">
|
|
452
|
+
</div>
|
|
453
|
+
|
|
454
|
+
</td>
|
|
455
|
+
</tr>
|
|
456
|
+
<tr>
|
|
457
|
+
<td class="with-icons is-vcentered"
|
|
458
|
+
id="base-boxShadow091"
|
|
459
|
+
title="theme: base; category: boxShadow; variant: 091; ">
|
|
460
|
+
boxShadow091
|
|
461
|
+
<a href="#base-boxShadow091"
|
|
462
|
+
title="permalink"
|
|
463
|
+
class="permalink">
|
|
464
|
+
🔗
|
|
465
|
+
</a>
|
|
466
|
+
</td>
|
|
467
|
+
<td class="is-vcentered">
|
|
468
|
+
<pre>4px 0 8px -4px #00141e1a</pre>
|
|
469
|
+
</td>
|
|
470
|
+
<td class="is-vcentered">
|
|
471
|
+
<div class="table__box-shadow-preview"
|
|
472
|
+
style="box-shadow: 4px 0 8px -4px #00141e1a">
|
|
473
|
+
</div>
|
|
474
|
+
|
|
433
475
|
</td>
|
|
434
476
|
</tr>
|
|
435
477
|
</table>
|