@baloise/ds-tokens 20.0.0-next.6 → 20.0.0-next.7
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/dist/css/base.tokens.css +15 -13
- package/dist/docs/base.tokens.json +117 -69
- package/dist/js/base.tokens.js +58 -56
- package/dist/sass/base.tokens.scss +15 -13
- package/dist/web/base.tokens.json +58 -56
- package/package.json +1 -1
- package/sbom.cdx.json +10768 -6272
|
@@ -7560,7 +7560,7 @@
|
|
|
7560
7560
|
"GreyLighter": {
|
|
7561
7561
|
"key": "{🔗 Alias.🎨 Background.Color.GreyLighter}",
|
|
7562
7562
|
"$type": "color",
|
|
7563
|
-
"$value": "#
|
|
7563
|
+
"$value": "#fafafa",
|
|
7564
7564
|
"$extensions": {
|
|
7565
7565
|
"com.figma.variableId": "VariableID:2:187",
|
|
7566
7566
|
"com.figma.scopes": [
|
|
@@ -7571,7 +7571,7 @@
|
|
|
7571
7571
|
"isSource": true,
|
|
7572
7572
|
"original": {
|
|
7573
7573
|
"$type": "color",
|
|
7574
|
-
"$value": "{🌐 Global.🌈 Color.Grey.
|
|
7574
|
+
"$value": "{🌐 Global.🌈 Color.Grey.0}",
|
|
7575
7575
|
"$extensions": {
|
|
7576
7576
|
"com.figma.variableId": "VariableID:2:187",
|
|
7577
7577
|
"com.figma.scopes": [
|
|
@@ -7597,7 +7597,7 @@
|
|
|
7597
7597
|
"GreyLight": {
|
|
7598
7598
|
"key": "{🔗 Alias.🎨 Background.Color.GreyLight}",
|
|
7599
7599
|
"$type": "color",
|
|
7600
|
-
"$value": "#
|
|
7600
|
+
"$value": "#f0f0f0",
|
|
7601
7601
|
"$extensions": {
|
|
7602
7602
|
"com.figma.variableId": "VariableID:2:188",
|
|
7603
7603
|
"com.figma.scopes": [
|
|
@@ -7608,7 +7608,7 @@
|
|
|
7608
7608
|
"isSource": true,
|
|
7609
7609
|
"original": {
|
|
7610
7610
|
"$type": "color",
|
|
7611
|
-
"$value": "{🌐 Global.🌈 Color.Grey.
|
|
7611
|
+
"$value": "{🌐 Global.🌈 Color.Grey.1}",
|
|
7612
7612
|
"$extensions": {
|
|
7613
7613
|
"com.figma.variableId": "VariableID:2:188",
|
|
7614
7614
|
"com.figma.scopes": [
|
|
@@ -7634,7 +7634,7 @@
|
|
|
7634
7634
|
"Grey": {
|
|
7635
7635
|
"key": "{🔗 Alias.🎨 Background.Color.Grey}",
|
|
7636
7636
|
"$type": "color",
|
|
7637
|
-
"$value": "#
|
|
7637
|
+
"$value": "#e0e0e0",
|
|
7638
7638
|
"$extensions": {
|
|
7639
7639
|
"com.figma.variableId": "VariableID:2:189",
|
|
7640
7640
|
"com.figma.scopes": [
|
|
@@ -7645,7 +7645,7 @@
|
|
|
7645
7645
|
"isSource": true,
|
|
7646
7646
|
"original": {
|
|
7647
7647
|
"$type": "color",
|
|
7648
|
-
"$value": "{🌐 Global.🌈 Color.Grey.
|
|
7648
|
+
"$value": "{🌐 Global.🌈 Color.Grey.2}",
|
|
7649
7649
|
"$extensions": {
|
|
7650
7650
|
"com.figma.variableId": "VariableID:2:189",
|
|
7651
7651
|
"com.figma.scopes": [
|
|
@@ -7671,7 +7671,7 @@
|
|
|
7671
7671
|
"GreyDark": {
|
|
7672
7672
|
"key": "{🔗 Alias.🎨 Background.Color.GreyDark}",
|
|
7673
7673
|
"$type": "color",
|
|
7674
|
-
"$value": "#
|
|
7674
|
+
"$value": "#d0d0d0",
|
|
7675
7675
|
"$extensions": {
|
|
7676
7676
|
"com.figma.variableId": "VariableID:2:190",
|
|
7677
7677
|
"com.figma.scopes": [
|
|
@@ -7682,7 +7682,7 @@
|
|
|
7682
7682
|
"isSource": true,
|
|
7683
7683
|
"original": {
|
|
7684
7684
|
"$type": "color",
|
|
7685
|
-
"$value": "{🌐 Global.🌈 Color.Grey.
|
|
7685
|
+
"$value": "{🌐 Global.🌈 Color.Grey.3}",
|
|
7686
7686
|
"$extensions": {
|
|
7687
7687
|
"com.figma.variableId": "VariableID:2:190",
|
|
7688
7688
|
"com.figma.scopes": [
|
|
@@ -7705,6 +7705,31 @@
|
|
|
7705
7705
|
"GreyDark"
|
|
7706
7706
|
]
|
|
7707
7707
|
},
|
|
7708
|
+
"GreyDarker": {
|
|
7709
|
+
"key": "{🔗 Alias.🎨 Background.Color.GreyDarker}",
|
|
7710
|
+
"$type": "color",
|
|
7711
|
+
"$value": "#b6b6b6",
|
|
7712
|
+
"filePath": "tokens/Base.tokens.json",
|
|
7713
|
+
"isSource": true,
|
|
7714
|
+
"original": {
|
|
7715
|
+
"$type": "color",
|
|
7716
|
+
"$value": "{🌐 Global.🌈 Color.Grey.4}",
|
|
7717
|
+
"key": "{🔗 Alias.🎨 Background.Color.GreyDarker}"
|
|
7718
|
+
},
|
|
7719
|
+
"name": "ds-alias-background-color-grey-darker",
|
|
7720
|
+
"attributes": {
|
|
7721
|
+
"category": "🔗 Alias",
|
|
7722
|
+
"type": "🎨 Background",
|
|
7723
|
+
"item": "Color",
|
|
7724
|
+
"subitem": "GreyDarker"
|
|
7725
|
+
},
|
|
7726
|
+
"path": [
|
|
7727
|
+
"🔗 Alias",
|
|
7728
|
+
"🎨 Background",
|
|
7729
|
+
"Color",
|
|
7730
|
+
"GreyDarker"
|
|
7731
|
+
]
|
|
7732
|
+
},
|
|
7708
7733
|
"PrimaryLighter": {
|
|
7709
7734
|
"key": "{🔗 Alias.🎨 Background.Color.PrimaryLighter}",
|
|
7710
7735
|
"$type": "color",
|
|
@@ -8563,7 +8588,7 @@
|
|
|
8563
8588
|
"GreyLight": {
|
|
8564
8589
|
"key": "{🔗 Alias.▭ Border.Color.GreyLight}",
|
|
8565
8590
|
"$type": "color",
|
|
8566
|
-
"$value": "#
|
|
8591
|
+
"$value": "#e0e0e0",
|
|
8567
8592
|
"$extensions": {
|
|
8568
8593
|
"com.figma.variableId": "VariableID:2:214",
|
|
8569
8594
|
"com.figma.scopes": [
|
|
@@ -8574,7 +8599,7 @@
|
|
|
8574
8599
|
"isSource": true,
|
|
8575
8600
|
"original": {
|
|
8576
8601
|
"$type": "color",
|
|
8577
|
-
"$value": "{🌐 Global.🌈 Color.Grey.
|
|
8602
|
+
"$value": "{🌐 Global.🌈 Color.Grey.2}",
|
|
8578
8603
|
"$extensions": {
|
|
8579
8604
|
"com.figma.variableId": "VariableID:2:214",
|
|
8580
8605
|
"com.figma.scopes": [
|
|
@@ -8600,7 +8625,7 @@
|
|
|
8600
8625
|
"Grey": {
|
|
8601
8626
|
"key": "{🔗 Alias.▭ Border.Color.Grey}",
|
|
8602
8627
|
"$type": "color",
|
|
8603
|
-
"$value": "#
|
|
8628
|
+
"$value": "#d0d0d0",
|
|
8604
8629
|
"$extensions": {
|
|
8605
8630
|
"com.figma.variableId": "VariableID:2:215",
|
|
8606
8631
|
"com.figma.scopes": [
|
|
@@ -8611,7 +8636,7 @@
|
|
|
8611
8636
|
"isSource": true,
|
|
8612
8637
|
"original": {
|
|
8613
8638
|
"$type": "color",
|
|
8614
|
-
"$value": "{🌐 Global.🌈 Color.Grey.
|
|
8639
|
+
"$value": "{🌐 Global.🌈 Color.Grey.3}",
|
|
8615
8640
|
"$extensions": {
|
|
8616
8641
|
"com.figma.variableId": "VariableID:2:215",
|
|
8617
8642
|
"com.figma.scopes": [
|
|
@@ -19035,7 +19060,7 @@
|
|
|
19035
19060
|
"Text": {
|
|
19036
19061
|
"key": "{🧩 Component.Badge.Color.Grey.Text}",
|
|
19037
19062
|
"$type": "color",
|
|
19038
|
-
"$value": "#
|
|
19063
|
+
"$value": "#747474",
|
|
19039
19064
|
"$extensions": {
|
|
19040
19065
|
"com.figma.variableId": "VariableID:2:487",
|
|
19041
19066
|
"com.figma.scopes": [
|
|
@@ -19046,7 +19071,7 @@
|
|
|
19046
19071
|
"isSource": true,
|
|
19047
19072
|
"original": {
|
|
19048
19073
|
"$type": "color",
|
|
19049
|
-
"$value": "{🔗 Alias.🔤 Text.Color.
|
|
19074
|
+
"$value": "{🔗 Alias.🔤 Text.Color.Grey}",
|
|
19050
19075
|
"$extensions": {
|
|
19051
19076
|
"com.figma.variableId": "VariableID:2:487",
|
|
19052
19077
|
"com.figma.scopes": [
|
|
@@ -19074,7 +19099,7 @@
|
|
|
19074
19099
|
"Background": {
|
|
19075
19100
|
"key": "{🧩 Component.Badge.Color.Grey.Background}",
|
|
19076
19101
|
"$type": "color",
|
|
19077
|
-
"$value": "#
|
|
19102
|
+
"$value": "#f0f0f0",
|
|
19078
19103
|
"$extensions": {
|
|
19079
19104
|
"com.figma.variableId": "VariableID:2:488",
|
|
19080
19105
|
"com.figma.scopes": [
|
|
@@ -19085,7 +19110,7 @@
|
|
|
19085
19110
|
"isSource": true,
|
|
19086
19111
|
"original": {
|
|
19087
19112
|
"$type": "color",
|
|
19088
|
-
"$value": "{🔗 Alias.🎨 Background.Color.
|
|
19113
|
+
"$value": "{🔗 Alias.🎨 Background.Color.GreyLight}",
|
|
19089
19114
|
"$extensions": {
|
|
19090
19115
|
"com.figma.variableId": "VariableID:2:488",
|
|
19091
19116
|
"com.figma.scopes": [
|
|
@@ -25015,7 +25040,7 @@
|
|
|
25015
25040
|
"Background": {
|
|
25016
25041
|
"key": "{🧩 Component.Button.Color.InvertedTertiary.Base.Background}",
|
|
25017
25042
|
"$type": "color",
|
|
25018
|
-
"$value": "#
|
|
25043
|
+
"$value": "#f0f0f0",
|
|
25019
25044
|
"$extensions": {
|
|
25020
25045
|
"com.figma.variableId": "VariableID:2:634",
|
|
25021
25046
|
"com.figma.scopes": [
|
|
@@ -25055,7 +25080,7 @@
|
|
|
25055
25080
|
"Border": {
|
|
25056
25081
|
"key": "{🧩 Component.Button.Color.InvertedTertiary.Base.Border}",
|
|
25057
25082
|
"$type": "color",
|
|
25058
|
-
"$value": "#
|
|
25083
|
+
"$value": "#f0f0f0",
|
|
25059
25084
|
"$extensions": {
|
|
25060
25085
|
"com.figma.variableId": "VariableID:2:635",
|
|
25061
25086
|
"com.figma.scopes": [
|
|
@@ -28045,7 +28070,7 @@
|
|
|
28045
28070
|
"Outline": {
|
|
28046
28071
|
"key": "{🧩 Component.Card.Color.Base.Outline}",
|
|
28047
28072
|
"$type": "color",
|
|
28048
|
-
"$value": "#
|
|
28073
|
+
"$value": "#d0d0d0",
|
|
28049
28074
|
"$extensions": {
|
|
28050
28075
|
"com.figma.variableId": "VariableID:2:709",
|
|
28051
28076
|
"com.figma.scopes": [
|
|
@@ -28166,7 +28191,7 @@
|
|
|
28166
28191
|
"Outline": {
|
|
28167
28192
|
"key": "{🧩 Component.Card.Color.White.Outline}",
|
|
28168
28193
|
"$type": "color",
|
|
28169
|
-
"$value": "#
|
|
28194
|
+
"$value": "#d0d0d0",
|
|
28170
28195
|
"$extensions": {
|
|
28171
28196
|
"com.figma.variableId": "VariableID:2:712",
|
|
28172
28197
|
"com.figma.scopes": [
|
|
@@ -28656,7 +28681,7 @@
|
|
|
28656
28681
|
"Background": {
|
|
28657
28682
|
"key": "{🧩 Component.Card.Color.GreyLight.Background}",
|
|
28658
28683
|
"$type": "color",
|
|
28659
|
-
"$value": "#
|
|
28684
|
+
"$value": "#f0f0f0",
|
|
28660
28685
|
"$extensions": {
|
|
28661
28686
|
"com.figma.variableId": "VariableID:2:724",
|
|
28662
28687
|
"com.figma.scopes": [
|
|
@@ -28777,7 +28802,7 @@
|
|
|
28777
28802
|
"Background": {
|
|
28778
28803
|
"key": "{🧩 Component.Card.Color.Grey.Background}",
|
|
28779
28804
|
"$type": "color",
|
|
28780
|
-
"$value": "#
|
|
28805
|
+
"$value": "#e0e0e0",
|
|
28781
28806
|
"$extensions": {
|
|
28782
28807
|
"com.figma.variableId": "VariableID:2:727",
|
|
28783
28808
|
"com.figma.scopes": [
|
|
@@ -31096,7 +31121,7 @@
|
|
|
31096
31121
|
"Disabled": {
|
|
31097
31122
|
"key": "{🧩 Component.Close.Color.Background.Disabled}",
|
|
31098
31123
|
"$type": "color",
|
|
31099
|
-
"$value": "#
|
|
31124
|
+
"$value": "#e0e0e0",
|
|
31100
31125
|
"$extensions": {
|
|
31101
31126
|
"com.figma.variableId": "VariableID:2:784",
|
|
31102
31127
|
"com.figma.scopes": [
|
|
@@ -31414,7 +31439,7 @@
|
|
|
31414
31439
|
"InnerBorder": {
|
|
31415
31440
|
"key": "{🧩 Component.Date.Calendar.Color.InnerBorder}",
|
|
31416
31441
|
"$type": "color",
|
|
31417
|
-
"$value": "#
|
|
31442
|
+
"$value": "#d0d0d0",
|
|
31418
31443
|
"$extensions": {
|
|
31419
31444
|
"com.figma.variableId": "VariableID:2:792",
|
|
31420
31445
|
"com.figma.scopes": [
|
|
@@ -32627,7 +32652,7 @@
|
|
|
32627
32652
|
"Base": {
|
|
32628
32653
|
"key": "{🧩 Component.Divider.Color.Base}",
|
|
32629
32654
|
"$type": "color",
|
|
32630
|
-
"$value": "#
|
|
32655
|
+
"$value": "#d0d0d0",
|
|
32631
32656
|
"$extensions": {
|
|
32632
32657
|
"com.figma.variableId": "VariableID:2:822",
|
|
32633
32658
|
"com.figma.scopes": [
|
|
@@ -32812,7 +32837,7 @@
|
|
|
32812
32837
|
"GreyLight": {
|
|
32813
32838
|
"key": "{🧩 Component.Divider.Color.GreyLight}",
|
|
32814
32839
|
"$type": "color",
|
|
32815
|
-
"$value": "#
|
|
32840
|
+
"$value": "#e0e0e0",
|
|
32816
32841
|
"$extensions": {
|
|
32817
32842
|
"com.figma.variableId": "VariableID:2:827",
|
|
32818
32843
|
"com.figma.scopes": [
|
|
@@ -32849,7 +32874,7 @@
|
|
|
32849
32874
|
"Grey": {
|
|
32850
32875
|
"key": "{🧩 Component.Divider.Color.Grey}",
|
|
32851
32876
|
"$type": "color",
|
|
32852
|
-
"$value": "#
|
|
32877
|
+
"$value": "#d0d0d0",
|
|
32853
32878
|
"$extensions": {
|
|
32854
32879
|
"com.figma.variableId": "VariableID:2:828",
|
|
32855
32880
|
"com.figma.scopes": [
|
|
@@ -34345,7 +34370,7 @@
|
|
|
34345
34370
|
"Border": {
|
|
34346
34371
|
"key": "{🧩 Component.Form.Container.Color.Base.Border}",
|
|
34347
34372
|
"$type": "color",
|
|
34348
|
-
"$value": "#
|
|
34373
|
+
"$value": "#d0d0d0",
|
|
34349
34374
|
"$extensions": {
|
|
34350
34375
|
"com.figma.variableId": "VariableID:2:867",
|
|
34351
34376
|
"com.figma.scopes": [
|
|
@@ -34427,7 +34452,7 @@
|
|
|
34427
34452
|
"Border": {
|
|
34428
34453
|
"key": "{🧩 Component.Form.Container.Color.Hover.Border}",
|
|
34429
34454
|
"$type": "color",
|
|
34430
|
-
"$value": "#
|
|
34455
|
+
"$value": "#d0d0d0",
|
|
34431
34456
|
"$extensions": {
|
|
34432
34457
|
"com.figma.variableId": "VariableID:2:869",
|
|
34433
34458
|
"com.figma.scopes": [
|
|
@@ -36940,7 +36965,7 @@
|
|
|
36940
36965
|
"Border": {
|
|
36941
36966
|
"key": "{🧩 Component.Select.Container.Color.Base.Border}",
|
|
36942
36967
|
"$type": "color",
|
|
36943
|
-
"$value": "#
|
|
36968
|
+
"$value": "#d0d0d0",
|
|
36944
36969
|
"$extensions": {
|
|
36945
36970
|
"com.figma.variableId": "VariableID:2:932",
|
|
36946
36971
|
"com.figma.scopes": [
|
|
@@ -37022,7 +37047,7 @@
|
|
|
37022
37047
|
"Border": {
|
|
37023
37048
|
"key": "{🧩 Component.Select.Container.Color.Hover.Border}",
|
|
37024
37049
|
"$type": "color",
|
|
37025
|
-
"$value": "#
|
|
37050
|
+
"$value": "#d0d0d0",
|
|
37026
37051
|
"$extensions": {
|
|
37027
37052
|
"com.figma.variableId": "VariableID:2:934",
|
|
37028
37053
|
"com.figma.scopes": [
|
|
@@ -38867,7 +38892,7 @@
|
|
|
38867
38892
|
"Background": {
|
|
38868
38893
|
"key": "{🧩 Component.Select.Chip.Color.Base.Background}",
|
|
38869
38894
|
"$type": "color",
|
|
38870
|
-
"$value": "#
|
|
38895
|
+
"$value": "#e0e0e0",
|
|
38871
38896
|
"$extensions": {
|
|
38872
38897
|
"com.figma.variableId": "VariableID:2:980",
|
|
38873
38898
|
"com.figma.scopes": [
|
|
@@ -39227,7 +39252,7 @@
|
|
|
39227
39252
|
"Base": {
|
|
39228
39253
|
"key": "{🧩 Component.Select.Color.Border.Base}",
|
|
39229
39254
|
"$type": "color",
|
|
39230
|
-
"$value": "#
|
|
39255
|
+
"$value": "#e0e0e0",
|
|
39231
39256
|
"$extensions": {
|
|
39232
39257
|
"com.figma.variableId": "VariableID:2:989",
|
|
39233
39258
|
"com.figma.scopes": [
|
|
@@ -39726,7 +39751,7 @@
|
|
|
39726
39751
|
"Base": {
|
|
39727
39752
|
"key": "{🧩 Component.Select.Option.Color.Border.Base}",
|
|
39728
39753
|
"$type": "color",
|
|
39729
|
-
"$value": "#
|
|
39754
|
+
"$value": "#e0e0e0",
|
|
39730
39755
|
"$extensions": {
|
|
39731
39756
|
"com.figma.variableId": "VariableID:2:1001",
|
|
39732
39757
|
"com.figma.scopes": [
|
|
@@ -40098,7 +40123,7 @@
|
|
|
40098
40123
|
"Base": {
|
|
40099
40124
|
"key": "{🧩 Component.Select.Optgroup.Color.Background.Base}",
|
|
40100
40125
|
"$type": "color",
|
|
40101
|
-
"$value": "#
|
|
40126
|
+
"$value": "#f0f0f0",
|
|
40102
40127
|
"$extensions": {
|
|
40103
40128
|
"com.figma.variableId": "VariableID:2:1010",
|
|
40104
40129
|
"com.figma.scopes": [
|
|
@@ -40471,7 +40496,7 @@
|
|
|
40471
40496
|
"Background": {
|
|
40472
40497
|
"key": "{🧩 Component.Notification.Color.Base.Background}",
|
|
40473
40498
|
"$type": "color",
|
|
40474
|
-
"$value": "#
|
|
40499
|
+
"$value": "#f0f0f0",
|
|
40475
40500
|
"$extensions": {
|
|
40476
40501
|
"com.figma.variableId": "VariableID:2:1019",
|
|
40477
40502
|
"com.figma.scopes": [
|
|
@@ -40510,7 +40535,7 @@
|
|
|
40510
40535
|
"Border": {
|
|
40511
40536
|
"key": "{🧩 Component.Notification.Color.Base.Border}",
|
|
40512
40537
|
"$type": "color",
|
|
40513
|
-
"$value": "#
|
|
40538
|
+
"$value": "#f0f0f0",
|
|
40514
40539
|
"$extensions": {
|
|
40515
40540
|
"com.figma.variableId": "VariableID:2:1020",
|
|
40516
40541
|
"com.figma.scopes": [
|
|
@@ -44100,7 +44125,7 @@
|
|
|
44100
44125
|
"Color": {
|
|
44101
44126
|
"key": "{🧩 Component.List.Item.Border.Color}",
|
|
44102
44127
|
"$type": "color",
|
|
44103
|
-
"$value": "#
|
|
44128
|
+
"$value": "#d0d0d0",
|
|
44104
44129
|
"$extensions": {
|
|
44105
44130
|
"com.figma.variableId": "VariableID:2:1112",
|
|
44106
44131
|
"com.figma.scopes": [
|
|
@@ -45893,7 +45918,7 @@
|
|
|
45893
45918
|
"Color": {
|
|
45894
45919
|
"key": "{🧩 Component.Navbar.Base.Sidebar.Item.Divider.Color}",
|
|
45895
45920
|
"$type": "color",
|
|
45896
|
-
"$value": "#
|
|
45921
|
+
"$value": "#d0d0d0",
|
|
45897
45922
|
"$extensions": {
|
|
45898
45923
|
"com.figma.variableId": "VariableID:2:1147",
|
|
45899
45924
|
"com.figma.scopes": [
|
|
@@ -47845,7 +47870,7 @@
|
|
|
47845
47870
|
"Base": {
|
|
47846
47871
|
"key": "{🧩 Component.Snackbar.Default.Color.Bg.Base}",
|
|
47847
47872
|
"$type": "color",
|
|
47848
|
-
"$value": "#
|
|
47873
|
+
"$value": "#f0f0f0",
|
|
47849
47874
|
"$extensions": {
|
|
47850
47875
|
"com.figma.variableId": "VariableID:2:1189",
|
|
47851
47876
|
"com.figma.scopes": [
|
|
@@ -47887,7 +47912,7 @@
|
|
|
47887
47912
|
"Base": {
|
|
47888
47913
|
"key": "{🧩 Component.Snackbar.Default.Color.Border.Base}",
|
|
47889
47914
|
"$type": "color",
|
|
47890
|
-
"$value": "#
|
|
47915
|
+
"$value": "#f0f0f0",
|
|
47891
47916
|
"$extensions": {
|
|
47892
47917
|
"com.figma.variableId": "VariableID:2:1190",
|
|
47893
47918
|
"com.figma.scopes": [
|
|
@@ -49025,7 +49050,7 @@
|
|
|
49025
49050
|
"Background": {
|
|
49026
49051
|
"key": "{🧩 Component.Spinner.Circle.Color.Background}",
|
|
49027
49052
|
"$type": "color",
|
|
49028
|
-
"$value": "#
|
|
49053
|
+
"$value": "#e0e0e0",
|
|
49029
49054
|
"$extensions": {
|
|
49030
49055
|
"com.figma.variableId": "VariableID:2:1217",
|
|
49031
49056
|
"com.figma.scopes": [
|
|
@@ -49223,7 +49248,7 @@
|
|
|
49223
49248
|
"Base": {
|
|
49224
49249
|
"key": "{🧩 Component.Toast.Default.Color.Bg.Base}",
|
|
49225
49250
|
"$type": "color",
|
|
49226
|
-
"$value": "#
|
|
49251
|
+
"$value": "#f0f0f0",
|
|
49227
49252
|
"$extensions": {
|
|
49228
49253
|
"com.figma.variableId": "VariableID:2:1222",
|
|
49229
49254
|
"com.figma.scopes": [
|
|
@@ -49265,7 +49290,7 @@
|
|
|
49265
49290
|
"Base": {
|
|
49266
49291
|
"key": "{🧩 Component.Toast.Default.Color.Border.Base}",
|
|
49267
49292
|
"$type": "color",
|
|
49268
|
-
"$value": "#
|
|
49293
|
+
"$value": "#f0f0f0",
|
|
49269
49294
|
"$extensions": {
|
|
49270
49295
|
"com.figma.variableId": "VariableID:2:1223",
|
|
49271
49296
|
"com.figma.scopes": [
|
|
@@ -51268,7 +51293,7 @@
|
|
|
51268
51293
|
"Base": {
|
|
51269
51294
|
"key": "{🧩 Component.Tag.Grey.Color.Bg.Base}",
|
|
51270
51295
|
"$type": "color",
|
|
51271
|
-
"$value": "#
|
|
51296
|
+
"$value": "#d0d0d0",
|
|
51272
51297
|
"$extensions": {
|
|
51273
51298
|
"com.figma.variableId": "VariableID:2:1271",
|
|
51274
51299
|
"com.figma.scopes": [
|
|
@@ -52764,7 +52789,7 @@
|
|
|
52764
52789
|
"Base": {
|
|
52765
52790
|
"key": "{🧩 Component.Tag.Default.Color.Bg.Base}",
|
|
52766
52791
|
"$type": "color",
|
|
52767
|
-
"$value": "#
|
|
52792
|
+
"$value": "#e0e0e0",
|
|
52768
52793
|
"$extensions": {
|
|
52769
52794
|
"com.figma.variableId": "VariableID:2:1305",
|
|
52770
52795
|
"com.figma.scopes": [
|
|
@@ -52844,7 +52869,7 @@
|
|
|
52844
52869
|
"Background": {
|
|
52845
52870
|
"key": "{🧩 Component.Segment.Background}",
|
|
52846
52871
|
"$type": "color",
|
|
52847
|
-
"$value": "#
|
|
52872
|
+
"$value": "#f0f0f0",
|
|
52848
52873
|
"$extensions": {
|
|
52849
52874
|
"com.figma.variableId": "VariableID:2:1307",
|
|
52850
52875
|
"com.figma.scopes": [
|
|
@@ -52950,7 +52975,7 @@
|
|
|
52950
52975
|
"Color": {
|
|
52951
52976
|
"key": "{🧩 Component.Segment.Divider.Color}",
|
|
52952
52977
|
"$type": "color",
|
|
52953
|
-
"$value": "#
|
|
52978
|
+
"$value": "#d0d0d0",
|
|
52954
52979
|
"$extensions": {
|
|
52955
52980
|
"com.figma.variableId": "VariableID:2:1310",
|
|
52956
52981
|
"com.figma.scopes": [
|
|
@@ -53974,7 +53999,7 @@
|
|
|
53974
53999
|
"Border": {
|
|
53975
54000
|
"key": "{🧩 Component.Checkbox.Tile.Color.Base.Border}",
|
|
53976
54001
|
"$type": "color",
|
|
53977
|
-
"$value": "#
|
|
54002
|
+
"$value": "#d0d0d0",
|
|
53978
54003
|
"$extensions": {
|
|
53979
54004
|
"com.figma.variableId": "VariableID:2:1336",
|
|
53980
54005
|
"com.figma.scopes": [
|
|
@@ -55031,7 +55056,7 @@
|
|
|
55031
55056
|
"Border": {
|
|
55032
55057
|
"key": "{🧩 Component.Radio.Tile.Color.Base.Border}",
|
|
55033
55058
|
"$type": "color",
|
|
55034
|
-
"$value": "#
|
|
55059
|
+
"$value": "#d0d0d0",
|
|
55035
55060
|
"$extensions": {
|
|
55036
55061
|
"com.figma.variableId": "VariableID:2:1362",
|
|
55037
55062
|
"com.figma.scopes": [
|
|
@@ -55741,7 +55766,7 @@
|
|
|
55741
55766
|
"Background": {
|
|
55742
55767
|
"key": "{🧩 Component.Pagination.Dots.Background}",
|
|
55743
55768
|
"$type": "color",
|
|
55744
|
-
"$value": "#
|
|
55769
|
+
"$value": "#f0f0f0",
|
|
55745
55770
|
"$extensions": {
|
|
55746
55771
|
"com.figma.variableId": "VariableID:2:1379",
|
|
55747
55772
|
"com.figma.scopes": [
|
|
@@ -56049,7 +56074,7 @@
|
|
|
56049
56074
|
"Dark": {
|
|
56050
56075
|
"key": "{🧩 Component.ProgressBar.Background.Dark}",
|
|
56051
56076
|
"$type": "color",
|
|
56052
|
-
"$value": "#
|
|
56077
|
+
"$value": "#f0f0f0",
|
|
56053
56078
|
"$extensions": {
|
|
56054
56079
|
"com.figma.variableId": "VariableID:2:1387",
|
|
56055
56080
|
"com.figma.scopes": [
|
|
@@ -56918,7 +56943,7 @@
|
|
|
56918
56943
|
"Color": {
|
|
56919
56944
|
"key": "{🧩 Component.Tabs.Border.Color}",
|
|
56920
56945
|
"$type": "color",
|
|
56921
|
-
"$value": "#
|
|
56946
|
+
"$value": "#d0d0d0",
|
|
56922
56947
|
"$extensions": {
|
|
56923
56948
|
"com.figma.variableId": "VariableID:2:1409",
|
|
56924
56949
|
"com.figma.scopes": [
|
|
@@ -57888,7 +57913,7 @@
|
|
|
57888
57913
|
"Color": {
|
|
57889
57914
|
"key": "{🧩 Component.Steps.Connector.Color}",
|
|
57890
57915
|
"$type": "color",
|
|
57891
|
-
"$value": "#
|
|
57916
|
+
"$value": "#d0d0d0",
|
|
57892
57917
|
"$extensions": {
|
|
57893
57918
|
"com.figma.variableId": "VariableID:2:1434",
|
|
57894
57919
|
"com.figma.scopes": [
|
|
@@ -58080,7 +58105,7 @@
|
|
|
58080
58105
|
"BG": {
|
|
58081
58106
|
"key": "{🧩 Component.Steps.Circle.Color.BG}",
|
|
58082
58107
|
"$type": "color",
|
|
58083
|
-
"$value": "#
|
|
58108
|
+
"$value": "#e0e0e0",
|
|
58084
58109
|
"$extensions": {
|
|
58085
58110
|
"com.figma.variableId": "VariableID:2:1439",
|
|
58086
58111
|
"com.figma.scopes": [
|
|
@@ -58236,7 +58261,7 @@
|
|
|
58236
58261
|
"BGDisabled": {
|
|
58237
58262
|
"key": "{🧩 Component.Steps.Circle.Color.BGDisabled}",
|
|
58238
58263
|
"$type": "color",
|
|
58239
|
-
"$value": "#
|
|
58264
|
+
"$value": "#e0e0e0",
|
|
58240
58265
|
"$extensions": {
|
|
58241
58266
|
"com.figma.variableId": "VariableID:2:1443",
|
|
58242
58267
|
"com.figma.scopes": [
|
|
@@ -58984,6 +59009,29 @@
|
|
|
58984
59009
|
}
|
|
58985
59010
|
},
|
|
58986
59011
|
"Carousel": {
|
|
59012
|
+
"Gap": {
|
|
59013
|
+
"key": "{🧩 Component.Carousel.Gap}",
|
|
59014
|
+
"$type": "number",
|
|
59015
|
+
"$value": "1rem",
|
|
59016
|
+
"filePath": "tokens/Base.tokens.json",
|
|
59017
|
+
"isSource": true,
|
|
59018
|
+
"original": {
|
|
59019
|
+
"$type": "number",
|
|
59020
|
+
"$value": "{🔗 Alias.↔️ Space.Base.Mobile}",
|
|
59021
|
+
"key": "{🧩 Component.Carousel.Gap}"
|
|
59022
|
+
},
|
|
59023
|
+
"name": "ds-carousel-gap",
|
|
59024
|
+
"attributes": {
|
|
59025
|
+
"category": "🧩 Component",
|
|
59026
|
+
"type": "Carousel",
|
|
59027
|
+
"item": "Gap"
|
|
59028
|
+
},
|
|
59029
|
+
"path": [
|
|
59030
|
+
"🧩 Component",
|
|
59031
|
+
"Carousel",
|
|
59032
|
+
"Gap"
|
|
59033
|
+
]
|
|
59034
|
+
},
|
|
58987
59035
|
"ScrollFadeBg": {
|
|
58988
59036
|
"key": "{🧩 Component.Carousel.ScrollFadeBg}",
|
|
58989
59037
|
"$type": "color",
|
|
@@ -59101,7 +59149,7 @@
|
|
|
59101
59149
|
"Color": {
|
|
59102
59150
|
"key": "{🧩 Component.Carousel.Dot.Color}",
|
|
59103
59151
|
"$type": "color",
|
|
59104
|
-
"$value": "#
|
|
59152
|
+
"$value": "#d0d0d0",
|
|
59105
59153
|
"$extensions": {
|
|
59106
59154
|
"com.figma.variableId": "VariableID:2:1465",
|
|
59107
59155
|
"com.figma.scopes": [
|
|
@@ -59899,7 +59947,7 @@
|
|
|
59899
59947
|
"Color": {
|
|
59900
59948
|
"key": "{🧩 Component.Table.Cell.Border.Color}",
|
|
59901
59949
|
"$type": "color",
|
|
59902
|
-
"$value": "#
|
|
59950
|
+
"$value": "#e0e0e0",
|
|
59903
59951
|
"$extensions": {
|
|
59904
59952
|
"com.figma.variableId": "VariableID:2:1486",
|
|
59905
59953
|
"com.figma.scopes": [
|
|
@@ -59910,7 +59958,7 @@
|
|
|
59910
59958
|
"isSource": true,
|
|
59911
59959
|
"original": {
|
|
59912
59960
|
"$type": "color",
|
|
59913
|
-
"$value": "{🔗 Alias.▭ Border.Color.
|
|
59961
|
+
"$value": "{🔗 Alias.▭ Border.Color.GreyLight}",
|
|
59914
59962
|
"$extensions": {
|
|
59915
59963
|
"com.figma.variableId": "VariableID:2:1486",
|
|
59916
59964
|
"com.figma.scopes": [
|
|
@@ -60403,7 +60451,7 @@
|
|
|
60403
60451
|
"Hover": {
|
|
60404
60452
|
"key": "{🧩 Component.Table.Row.Background.Color.Hover}",
|
|
60405
60453
|
"$type": "color",
|
|
60406
|
-
"$value": "#
|
|
60454
|
+
"$value": "#f0f0f0",
|
|
60407
60455
|
"$extensions": {
|
|
60408
60456
|
"com.figma.variableId": "VariableID:2:1498",
|
|
60409
60457
|
"com.figma.scopes": [
|
|
@@ -60414,7 +60462,7 @@
|
|
|
60414
60462
|
"isSource": true,
|
|
60415
60463
|
"original": {
|
|
60416
60464
|
"$type": "color",
|
|
60417
|
-
"$value": "{🔗 Alias.🎨 Background.Color.
|
|
60465
|
+
"$value": "{🔗 Alias.🎨 Background.Color.GreyLight}",
|
|
60418
60466
|
"$extensions": {
|
|
60419
60467
|
"com.figma.variableId": "VariableID:2:1498",
|
|
60420
60468
|
"com.figma.scopes": [
|
|
@@ -60443,7 +60491,7 @@
|
|
|
60443
60491
|
"Active": {
|
|
60444
60492
|
"key": "{🧩 Component.Table.Row.Background.Color.Active}",
|
|
60445
60493
|
"$type": "color",
|
|
60446
|
-
"$value": "#
|
|
60494
|
+
"$value": "#f0f0f0",
|
|
60447
60495
|
"$extensions": {
|
|
60448
60496
|
"com.figma.variableId": "VariableID:2:1499",
|
|
60449
60497
|
"com.figma.scopes": [
|
|
@@ -60454,7 +60502,7 @@
|
|
|
60454
60502
|
"isSource": true,
|
|
60455
60503
|
"original": {
|
|
60456
60504
|
"$type": "color",
|
|
60457
|
-
"$value": "{🔗 Alias.🎨 Background.Color.
|
|
60505
|
+
"$value": "{🔗 Alias.🎨 Background.Color.GreyLight}",
|
|
60458
60506
|
"$extensions": {
|
|
60459
60507
|
"com.figma.variableId": "VariableID:2:1499",
|
|
60460
60508
|
"com.figma.scopes": [
|
|
@@ -60532,7 +60580,7 @@
|
|
|
60532
60580
|
"Base": {
|
|
60533
60581
|
"key": "{🧩 Component.Table.Striped.Row.Even.Background.Color.Base}",
|
|
60534
60582
|
"$type": "color",
|
|
60535
|
-
"$value": "#
|
|
60583
|
+
"$value": "#fafafa",
|
|
60536
60584
|
"$extensions": {
|
|
60537
60585
|
"com.figma.variableId": "VariableID:2:1501",
|
|
60538
60586
|
"com.figma.scopes": [
|
|
@@ -60543,7 +60591,7 @@
|
|
|
60543
60591
|
"isSource": true,
|
|
60544
60592
|
"original": {
|
|
60545
60593
|
"$type": "color",
|
|
60546
|
-
"$value": "{🔗 Alias.🎨 Background.Color.
|
|
60594
|
+
"$value": "{🔗 Alias.🎨 Background.Color.GreyLighter}",
|
|
60547
60595
|
"$extensions": {
|
|
60548
60596
|
"com.figma.variableId": "VariableID:2:1501",
|
|
60549
60597
|
"com.figma.scopes": [
|
|
@@ -60574,7 +60622,7 @@
|
|
|
60574
60622
|
"Hover": {
|
|
60575
60623
|
"key": "{🧩 Component.Table.Striped.Row.Even.Background.Color.Hover}",
|
|
60576
60624
|
"$type": "color",
|
|
60577
|
-
"$value": "#
|
|
60625
|
+
"$value": "#f0f0f0",
|
|
60578
60626
|
"$extensions": {
|
|
60579
60627
|
"com.figma.variableId": "VariableID:2:1502",
|
|
60580
60628
|
"com.figma.scopes": [
|
|
@@ -60585,7 +60633,7 @@
|
|
|
60585
60633
|
"isSource": true,
|
|
60586
60634
|
"original": {
|
|
60587
60635
|
"$type": "color",
|
|
60588
|
-
"$value": "{🔗 Alias.🎨 Background.Color.
|
|
60636
|
+
"$value": "{🔗 Alias.🎨 Background.Color.GreyLight}",
|
|
60589
60637
|
"$extensions": {
|
|
60590
60638
|
"com.figma.variableId": "VariableID:2:1502",
|
|
60591
60639
|
"com.figma.scopes": [
|
|
@@ -61343,7 +61391,7 @@
|
|
|
61343
61391
|
"Base": {
|
|
61344
61392
|
"key": "{🧩 Component.FileUpload.DropZone.Border.Color.Base}",
|
|
61345
61393
|
"$type": "color",
|
|
61346
|
-
"$value": "#
|
|
61394
|
+
"$value": "#d0d0d0",
|
|
61347
61395
|
"$extensions": {
|
|
61348
61396
|
"com.figma.variableId": "VariableID:2:1522",
|
|
61349
61397
|
"com.figma.scopes": [
|
|
@@ -61916,7 +61964,7 @@
|
|
|
61916
61964
|
"Color": {
|
|
61917
61965
|
"key": "{🧩 Component.FileUpload.FileList.Background.Color}",
|
|
61918
61966
|
"$type": "color",
|
|
61919
|
-
"$value": "#
|
|
61967
|
+
"$value": "#f0f0f0",
|
|
61920
61968
|
"$extensions": {
|
|
61921
61969
|
"com.figma.variableId": "VariableID:2:1536",
|
|
61922
61970
|
"com.figma.scopes": [
|