@pantheon-systems/pds-design-tokens 1.0.0 → 1.1.1
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/build/css/pds-design-tokens-dark-mode.css +7 -0
- package/build/css/pds-design-tokens-light-mode.css +7 -0
- package/build/figma/pds-design-tokens-figma.json +402 -0
- package/build/json/pds-design-tokens-dark-mode.json +201 -0
- package/build/json/pds-design-tokens-light-mode.json +201 -0
- package/package.json +1 -1
|
@@ -22,6 +22,8 @@
|
|
|
22
22
|
--pds-color-badge-indicator-info-foreground: #ffffff;
|
|
23
23
|
--pds-color-badge-indicator-neutral-background: #6d6d78;
|
|
24
24
|
--pds-color-badge-indicator-neutral-foreground: #ffffff;
|
|
25
|
+
--pds-color-badge-indicator-neutral-secondary-background: #e7e7eb;
|
|
26
|
+
--pds-color-badge-indicator-neutral-secondary-foreground: #121219;
|
|
25
27
|
--pds-color-badge-indicator-platinum-background: #cbc2f0;
|
|
26
28
|
--pds-color-badge-indicator-platinum-foreground: #42318d;
|
|
27
29
|
--pds-color-badge-indicator-silver-background: #e7e7eb;
|
|
@@ -122,6 +124,11 @@
|
|
|
122
124
|
--pds-color-dashboard-nav-item-foreground-hover: var(--pds-color-fg-default);
|
|
123
125
|
--pds-color-dashboard-toggle-button-background: var(--pds-color-bg-reverse);
|
|
124
126
|
--pds-color-dashboard-toggle-button-foreground: var(--pds-color-fg-reverse);
|
|
127
|
+
--pds-color-datepicker-accent-foreground: #745dd8;
|
|
128
|
+
--pds-color-datepicker-range-background: #2c205e;
|
|
129
|
+
--pds-color-datepicker-range-foreground: #ffffff;
|
|
130
|
+
--pds-color-datepicker-selected-background: #745dd8;
|
|
131
|
+
--pds-color-datepicker-selected-foreground: #ffffff;
|
|
125
132
|
--pds-color-dropdown-background: #20232c;
|
|
126
133
|
--pds-color-dropdown-description: var(--pds-color-fg-default-secondary);
|
|
127
134
|
--pds-color-dropdown-foreground: var(--pds-color-fg-default);
|
|
@@ -22,6 +22,8 @@
|
|
|
22
22
|
--pds-color-badge-indicator-info-foreground: #ffffff;
|
|
23
23
|
--pds-color-badge-indicator-neutral-background: #6a6e7a;
|
|
24
24
|
--pds-color-badge-indicator-neutral-foreground: #ffffff;
|
|
25
|
+
--pds-color-badge-indicator-neutral-secondary-background: #23232d;
|
|
26
|
+
--pds-color-badge-indicator-neutral-secondary-foreground: #ffffff;
|
|
25
27
|
--pds-color-badge-indicator-platinum-background: #e5e0f8;
|
|
26
28
|
--pds-color-badge-indicator-platinum-foreground: #4f32ce;
|
|
27
29
|
--pds-color-badge-indicator-silver-background: #c3c5c9;
|
|
@@ -162,6 +164,11 @@
|
|
|
162
164
|
--pds-color-datavis-3: #008d6f;
|
|
163
165
|
--pds-color-datavis-4: #62ad43;
|
|
164
166
|
--pds-color-datavis-5: #ddbd16;
|
|
167
|
+
--pds-color-datepicker-accent-foreground: #4f32ce;
|
|
168
|
+
--pds-color-datepicker-range-background: #f4f3fc;
|
|
169
|
+
--pds-color-datepicker-range-foreground: #000000;
|
|
170
|
+
--pds-color-datepicker-selected-background: #4f32ce;
|
|
171
|
+
--pds-color-datepicker-selected-foreground: #ffffff;
|
|
165
172
|
--pds-color-dropdown-background: var(--pds-color-bg-default);
|
|
166
173
|
--pds-color-dropdown-description: var(--pds-color-fg-default-secondary);
|
|
167
174
|
--pds-color-dropdown-foreground: var(--pds-color-fg-default);
|
|
@@ -4495,6 +4495,64 @@
|
|
|
4495
4495
|
]
|
|
4496
4496
|
}
|
|
4497
4497
|
},
|
|
4498
|
+
"neutral-secondary": {
|
|
4499
|
+
"background": {
|
|
4500
|
+
"value": "#e7e7eb",
|
|
4501
|
+
"public": true,
|
|
4502
|
+
"isReferenceToInternal": true,
|
|
4503
|
+
"filePath": "tokens/color/component/badge.dark.json",
|
|
4504
|
+
"isSource": true,
|
|
4505
|
+
"original": {
|
|
4506
|
+
"value": "{color.dark-mode.neutral.100.value}",
|
|
4507
|
+
"public": true,
|
|
4508
|
+
"isReferenceToInternal": true
|
|
4509
|
+
},
|
|
4510
|
+
"name": "color-dark-mode-badge-indicator-neutral-secondary-background",
|
|
4511
|
+
"attributes": {
|
|
4512
|
+
"category": "color",
|
|
4513
|
+
"type": "dark-mode",
|
|
4514
|
+
"item": "badge",
|
|
4515
|
+
"subitem": "indicator",
|
|
4516
|
+
"state": "neutral-secondary"
|
|
4517
|
+
},
|
|
4518
|
+
"path": [
|
|
4519
|
+
"color",
|
|
4520
|
+
"dark-mode",
|
|
4521
|
+
"badge",
|
|
4522
|
+
"indicator",
|
|
4523
|
+
"neutral-secondary",
|
|
4524
|
+
"background"
|
|
4525
|
+
]
|
|
4526
|
+
},
|
|
4527
|
+
"foreground": {
|
|
4528
|
+
"value": "#121219",
|
|
4529
|
+
"public": true,
|
|
4530
|
+
"isReferenceToInternal": true,
|
|
4531
|
+
"filePath": "tokens/color/component/badge.dark.json",
|
|
4532
|
+
"isSource": true,
|
|
4533
|
+
"original": {
|
|
4534
|
+
"value": "{color.dark-mode.neutral.600.value}",
|
|
4535
|
+
"public": true,
|
|
4536
|
+
"isReferenceToInternal": true
|
|
4537
|
+
},
|
|
4538
|
+
"name": "color-dark-mode-badge-indicator-neutral-secondary-foreground",
|
|
4539
|
+
"attributes": {
|
|
4540
|
+
"category": "color",
|
|
4541
|
+
"type": "dark-mode",
|
|
4542
|
+
"item": "badge",
|
|
4543
|
+
"subitem": "indicator",
|
|
4544
|
+
"state": "neutral-secondary"
|
|
4545
|
+
},
|
|
4546
|
+
"path": [
|
|
4547
|
+
"color",
|
|
4548
|
+
"dark-mode",
|
|
4549
|
+
"badge",
|
|
4550
|
+
"indicator",
|
|
4551
|
+
"neutral-secondary",
|
|
4552
|
+
"foreground"
|
|
4553
|
+
]
|
|
4554
|
+
}
|
|
4555
|
+
},
|
|
4498
4556
|
"warning": {
|
|
4499
4557
|
"background": {
|
|
4500
4558
|
"value": "#bd5b00",
|
|
@@ -6990,6 +7048,149 @@
|
|
|
6990
7048
|
}
|
|
6991
7049
|
}
|
|
6992
7050
|
},
|
|
7051
|
+
"datepicker": {
|
|
7052
|
+
"accent": {
|
|
7053
|
+
"foreground": {
|
|
7054
|
+
"value": "#745dd8",
|
|
7055
|
+
"public": true,
|
|
7056
|
+
"isReferenceToInternal": true,
|
|
7057
|
+
"filePath": "tokens/color/component/datepicker.dark.json",
|
|
7058
|
+
"isSource": true,
|
|
7059
|
+
"original": {
|
|
7060
|
+
"value": "{color.dark-mode.brand.primary.400.value}",
|
|
7061
|
+
"public": true,
|
|
7062
|
+
"isReferenceToInternal": true
|
|
7063
|
+
},
|
|
7064
|
+
"name": "color-dark-mode-datepicker-accent-foreground",
|
|
7065
|
+
"attributes": {
|
|
7066
|
+
"category": "color",
|
|
7067
|
+
"type": "dark-mode",
|
|
7068
|
+
"item": "datepicker",
|
|
7069
|
+
"subitem": "accent",
|
|
7070
|
+
"state": "foreground"
|
|
7071
|
+
},
|
|
7072
|
+
"path": [
|
|
7073
|
+
"color",
|
|
7074
|
+
"dark-mode",
|
|
7075
|
+
"datepicker",
|
|
7076
|
+
"accent",
|
|
7077
|
+
"foreground"
|
|
7078
|
+
]
|
|
7079
|
+
}
|
|
7080
|
+
},
|
|
7081
|
+
"range": {
|
|
7082
|
+
"background": {
|
|
7083
|
+
"value": "#2c205e",
|
|
7084
|
+
"public": true,
|
|
7085
|
+
"isReferenceToInternal": true,
|
|
7086
|
+
"filePath": "tokens/color/component/datepicker.dark.json",
|
|
7087
|
+
"isSource": true,
|
|
7088
|
+
"original": {
|
|
7089
|
+
"value": "{color.dark-mode.brand.primary.600.value}",
|
|
7090
|
+
"public": true,
|
|
7091
|
+
"isReferenceToInternal": true
|
|
7092
|
+
},
|
|
7093
|
+
"name": "color-dark-mode-datepicker-range-background",
|
|
7094
|
+
"attributes": {
|
|
7095
|
+
"category": "color",
|
|
7096
|
+
"type": "dark-mode",
|
|
7097
|
+
"item": "datepicker",
|
|
7098
|
+
"subitem": "range",
|
|
7099
|
+
"state": "background"
|
|
7100
|
+
},
|
|
7101
|
+
"path": [
|
|
7102
|
+
"color",
|
|
7103
|
+
"dark-mode",
|
|
7104
|
+
"datepicker",
|
|
7105
|
+
"range",
|
|
7106
|
+
"background"
|
|
7107
|
+
]
|
|
7108
|
+
},
|
|
7109
|
+
"foreground": {
|
|
7110
|
+
"value": "#ffffff",
|
|
7111
|
+
"public": true,
|
|
7112
|
+
"isReferenceToInternal": true,
|
|
7113
|
+
"filePath": "tokens/color/component/datepicker.dark.json",
|
|
7114
|
+
"isSource": true,
|
|
7115
|
+
"original": {
|
|
7116
|
+
"value": "{color.dark-mode.neutral.000.value}",
|
|
7117
|
+
"public": true,
|
|
7118
|
+
"isReferenceToInternal": true
|
|
7119
|
+
},
|
|
7120
|
+
"name": "color-dark-mode-datepicker-range-foreground",
|
|
7121
|
+
"attributes": {
|
|
7122
|
+
"category": "color",
|
|
7123
|
+
"type": "dark-mode",
|
|
7124
|
+
"item": "datepicker",
|
|
7125
|
+
"subitem": "range",
|
|
7126
|
+
"state": "foreground"
|
|
7127
|
+
},
|
|
7128
|
+
"path": [
|
|
7129
|
+
"color",
|
|
7130
|
+
"dark-mode",
|
|
7131
|
+
"datepicker",
|
|
7132
|
+
"range",
|
|
7133
|
+
"foreground"
|
|
7134
|
+
]
|
|
7135
|
+
}
|
|
7136
|
+
},
|
|
7137
|
+
"selected": {
|
|
7138
|
+
"background": {
|
|
7139
|
+
"value": "#745dd8",
|
|
7140
|
+
"public": true,
|
|
7141
|
+
"isReferenceToInternal": true,
|
|
7142
|
+
"filePath": "tokens/color/component/datepicker.dark.json",
|
|
7143
|
+
"isSource": true,
|
|
7144
|
+
"original": {
|
|
7145
|
+
"value": "{color.dark-mode.brand.primary.400.value}",
|
|
7146
|
+
"public": true,
|
|
7147
|
+
"isReferenceToInternal": true
|
|
7148
|
+
},
|
|
7149
|
+
"name": "color-dark-mode-datepicker-selected-background",
|
|
7150
|
+
"attributes": {
|
|
7151
|
+
"category": "color",
|
|
7152
|
+
"type": "dark-mode",
|
|
7153
|
+
"item": "datepicker",
|
|
7154
|
+
"subitem": "selected",
|
|
7155
|
+
"state": "background"
|
|
7156
|
+
},
|
|
7157
|
+
"path": [
|
|
7158
|
+
"color",
|
|
7159
|
+
"dark-mode",
|
|
7160
|
+
"datepicker",
|
|
7161
|
+
"selected",
|
|
7162
|
+
"background"
|
|
7163
|
+
]
|
|
7164
|
+
},
|
|
7165
|
+
"foreground": {
|
|
7166
|
+
"value": "#ffffff",
|
|
7167
|
+
"public": true,
|
|
7168
|
+
"isReferenceToInternal": true,
|
|
7169
|
+
"filePath": "tokens/color/component/datepicker.dark.json",
|
|
7170
|
+
"isSource": true,
|
|
7171
|
+
"original": {
|
|
7172
|
+
"value": "{color.dark-mode.neutral.000.value}",
|
|
7173
|
+
"public": true,
|
|
7174
|
+
"isReferenceToInternal": true
|
|
7175
|
+
},
|
|
7176
|
+
"name": "color-dark-mode-datepicker-selected-foreground",
|
|
7177
|
+
"attributes": {
|
|
7178
|
+
"category": "color",
|
|
7179
|
+
"type": "dark-mode",
|
|
7180
|
+
"item": "datepicker",
|
|
7181
|
+
"subitem": "selected",
|
|
7182
|
+
"state": "foreground"
|
|
7183
|
+
},
|
|
7184
|
+
"path": [
|
|
7185
|
+
"color",
|
|
7186
|
+
"dark-mode",
|
|
7187
|
+
"datepicker",
|
|
7188
|
+
"selected",
|
|
7189
|
+
"foreground"
|
|
7190
|
+
]
|
|
7191
|
+
}
|
|
7192
|
+
}
|
|
7193
|
+
},
|
|
6993
7194
|
"input": {
|
|
6994
7195
|
"checkbox": {
|
|
6995
7196
|
"checked": {
|
|
@@ -10648,6 +10849,64 @@
|
|
|
10648
10849
|
]
|
|
10649
10850
|
}
|
|
10650
10851
|
},
|
|
10852
|
+
"neutral-secondary": {
|
|
10853
|
+
"background": {
|
|
10854
|
+
"value": "#23232d",
|
|
10855
|
+
"public": true,
|
|
10856
|
+
"isReferenceToInternal": true,
|
|
10857
|
+
"filePath": "tokens/color/component/badge.light.json",
|
|
10858
|
+
"isSource": true,
|
|
10859
|
+
"original": {
|
|
10860
|
+
"value": "{color.light-mode.neutral.500.value}",
|
|
10861
|
+
"public": true,
|
|
10862
|
+
"isReferenceToInternal": true
|
|
10863
|
+
},
|
|
10864
|
+
"name": "color-light-mode-badge-indicator-neutral-secondary-background",
|
|
10865
|
+
"attributes": {
|
|
10866
|
+
"category": "color",
|
|
10867
|
+
"type": "light-mode",
|
|
10868
|
+
"item": "badge",
|
|
10869
|
+
"subitem": "indicator",
|
|
10870
|
+
"state": "neutral-secondary"
|
|
10871
|
+
},
|
|
10872
|
+
"path": [
|
|
10873
|
+
"color",
|
|
10874
|
+
"light-mode",
|
|
10875
|
+
"badge",
|
|
10876
|
+
"indicator",
|
|
10877
|
+
"neutral-secondary",
|
|
10878
|
+
"background"
|
|
10879
|
+
]
|
|
10880
|
+
},
|
|
10881
|
+
"foreground": {
|
|
10882
|
+
"value": "#ffffff",
|
|
10883
|
+
"public": true,
|
|
10884
|
+
"isReferenceToInternal": true,
|
|
10885
|
+
"filePath": "tokens/color/component/badge.light.json",
|
|
10886
|
+
"isSource": true,
|
|
10887
|
+
"original": {
|
|
10888
|
+
"value": "{color.light-mode.neutral.000.value}",
|
|
10889
|
+
"public": true,
|
|
10890
|
+
"isReferenceToInternal": true
|
|
10891
|
+
},
|
|
10892
|
+
"name": "color-light-mode-badge-indicator-neutral-secondary-foreground",
|
|
10893
|
+
"attributes": {
|
|
10894
|
+
"category": "color",
|
|
10895
|
+
"type": "light-mode",
|
|
10896
|
+
"item": "badge",
|
|
10897
|
+
"subitem": "indicator",
|
|
10898
|
+
"state": "neutral-secondary"
|
|
10899
|
+
},
|
|
10900
|
+
"path": [
|
|
10901
|
+
"color",
|
|
10902
|
+
"light-mode",
|
|
10903
|
+
"badge",
|
|
10904
|
+
"indicator",
|
|
10905
|
+
"neutral-secondary",
|
|
10906
|
+
"foreground"
|
|
10907
|
+
]
|
|
10908
|
+
}
|
|
10909
|
+
},
|
|
10651
10910
|
"brand": {
|
|
10652
10911
|
"background": {
|
|
10653
10912
|
"value": "#4f32ce",
|
|
@@ -13327,6 +13586,149 @@
|
|
|
13327
13586
|
}
|
|
13328
13587
|
}
|
|
13329
13588
|
},
|
|
13589
|
+
"datepicker": {
|
|
13590
|
+
"accent": {
|
|
13591
|
+
"foreground": {
|
|
13592
|
+
"value": "#4f32ce",
|
|
13593
|
+
"public": true,
|
|
13594
|
+
"isReferenceToInternal": true,
|
|
13595
|
+
"filePath": "tokens/color/component/datepicker.light.json",
|
|
13596
|
+
"isSource": true,
|
|
13597
|
+
"original": {
|
|
13598
|
+
"value": "{color.light-mode.brand.primary.400.value}",
|
|
13599
|
+
"public": true,
|
|
13600
|
+
"isReferenceToInternal": true
|
|
13601
|
+
},
|
|
13602
|
+
"name": "color-light-mode-datepicker-accent-foreground",
|
|
13603
|
+
"attributes": {
|
|
13604
|
+
"category": "color",
|
|
13605
|
+
"type": "light-mode",
|
|
13606
|
+
"item": "datepicker",
|
|
13607
|
+
"subitem": "accent",
|
|
13608
|
+
"state": "foreground"
|
|
13609
|
+
},
|
|
13610
|
+
"path": [
|
|
13611
|
+
"color",
|
|
13612
|
+
"light-mode",
|
|
13613
|
+
"datepicker",
|
|
13614
|
+
"accent",
|
|
13615
|
+
"foreground"
|
|
13616
|
+
]
|
|
13617
|
+
}
|
|
13618
|
+
},
|
|
13619
|
+
"range": {
|
|
13620
|
+
"background": {
|
|
13621
|
+
"value": "#f4f3fc",
|
|
13622
|
+
"public": true,
|
|
13623
|
+
"isReferenceToInternal": true,
|
|
13624
|
+
"filePath": "tokens/color/component/datepicker.light.json",
|
|
13625
|
+
"isSource": true,
|
|
13626
|
+
"original": {
|
|
13627
|
+
"value": "{color.light-mode.brand.primary.100.value}",
|
|
13628
|
+
"public": true,
|
|
13629
|
+
"isReferenceToInternal": true
|
|
13630
|
+
},
|
|
13631
|
+
"name": "color-light-mode-datepicker-range-background",
|
|
13632
|
+
"attributes": {
|
|
13633
|
+
"category": "color",
|
|
13634
|
+
"type": "light-mode",
|
|
13635
|
+
"item": "datepicker",
|
|
13636
|
+
"subitem": "range",
|
|
13637
|
+
"state": "background"
|
|
13638
|
+
},
|
|
13639
|
+
"path": [
|
|
13640
|
+
"color",
|
|
13641
|
+
"light-mode",
|
|
13642
|
+
"datepicker",
|
|
13643
|
+
"range",
|
|
13644
|
+
"background"
|
|
13645
|
+
]
|
|
13646
|
+
},
|
|
13647
|
+
"foreground": {
|
|
13648
|
+
"value": "#000000",
|
|
13649
|
+
"public": true,
|
|
13650
|
+
"isReferenceToInternal": true,
|
|
13651
|
+
"filePath": "tokens/color/component/datepicker.light.json",
|
|
13652
|
+
"isSource": true,
|
|
13653
|
+
"original": {
|
|
13654
|
+
"value": "{color.light-mode.neutral.600.value}",
|
|
13655
|
+
"public": true,
|
|
13656
|
+
"isReferenceToInternal": true
|
|
13657
|
+
},
|
|
13658
|
+
"name": "color-light-mode-datepicker-range-foreground",
|
|
13659
|
+
"attributes": {
|
|
13660
|
+
"category": "color",
|
|
13661
|
+
"type": "light-mode",
|
|
13662
|
+
"item": "datepicker",
|
|
13663
|
+
"subitem": "range",
|
|
13664
|
+
"state": "foreground"
|
|
13665
|
+
},
|
|
13666
|
+
"path": [
|
|
13667
|
+
"color",
|
|
13668
|
+
"light-mode",
|
|
13669
|
+
"datepicker",
|
|
13670
|
+
"range",
|
|
13671
|
+
"foreground"
|
|
13672
|
+
]
|
|
13673
|
+
}
|
|
13674
|
+
},
|
|
13675
|
+
"selected": {
|
|
13676
|
+
"background": {
|
|
13677
|
+
"value": "#4f32ce",
|
|
13678
|
+
"public": true,
|
|
13679
|
+
"isReferenceToInternal": true,
|
|
13680
|
+
"filePath": "tokens/color/component/datepicker.light.json",
|
|
13681
|
+
"isSource": true,
|
|
13682
|
+
"original": {
|
|
13683
|
+
"value": "{color.light-mode.brand.primary.400.value}",
|
|
13684
|
+
"public": true,
|
|
13685
|
+
"isReferenceToInternal": true
|
|
13686
|
+
},
|
|
13687
|
+
"name": "color-light-mode-datepicker-selected-background",
|
|
13688
|
+
"attributes": {
|
|
13689
|
+
"category": "color",
|
|
13690
|
+
"type": "light-mode",
|
|
13691
|
+
"item": "datepicker",
|
|
13692
|
+
"subitem": "selected",
|
|
13693
|
+
"state": "background"
|
|
13694
|
+
},
|
|
13695
|
+
"path": [
|
|
13696
|
+
"color",
|
|
13697
|
+
"light-mode",
|
|
13698
|
+
"datepicker",
|
|
13699
|
+
"selected",
|
|
13700
|
+
"background"
|
|
13701
|
+
]
|
|
13702
|
+
},
|
|
13703
|
+
"foreground": {
|
|
13704
|
+
"value": "#ffffff",
|
|
13705
|
+
"public": true,
|
|
13706
|
+
"isReferenceToInternal": true,
|
|
13707
|
+
"filePath": "tokens/color/component/datepicker.light.json",
|
|
13708
|
+
"isSource": true,
|
|
13709
|
+
"original": {
|
|
13710
|
+
"value": "{color.light-mode.neutral.000.value}",
|
|
13711
|
+
"public": true,
|
|
13712
|
+
"isReferenceToInternal": true
|
|
13713
|
+
},
|
|
13714
|
+
"name": "color-light-mode-datepicker-selected-foreground",
|
|
13715
|
+
"attributes": {
|
|
13716
|
+
"category": "color",
|
|
13717
|
+
"type": "light-mode",
|
|
13718
|
+
"item": "datepicker",
|
|
13719
|
+
"subitem": "selected",
|
|
13720
|
+
"state": "foreground"
|
|
13721
|
+
},
|
|
13722
|
+
"path": [
|
|
13723
|
+
"color",
|
|
13724
|
+
"light-mode",
|
|
13725
|
+
"datepicker",
|
|
13726
|
+
"selected",
|
|
13727
|
+
"foreground"
|
|
13728
|
+
]
|
|
13729
|
+
}
|
|
13730
|
+
}
|
|
13731
|
+
},
|
|
13330
13732
|
"input": {
|
|
13331
13733
|
"checkbox": {
|
|
13332
13734
|
"checked": {
|
|
@@ -465,6 +465,64 @@
|
|
|
465
465
|
]
|
|
466
466
|
}
|
|
467
467
|
},
|
|
468
|
+
"neutral-secondary": {
|
|
469
|
+
"background": {
|
|
470
|
+
"value": "#e7e7eb",
|
|
471
|
+
"public": true,
|
|
472
|
+
"isReferenceToInternal": true,
|
|
473
|
+
"filePath": "tokens/color/component/badge.dark.json",
|
|
474
|
+
"isSource": true,
|
|
475
|
+
"original": {
|
|
476
|
+
"value": "{color.dark-mode.neutral.100.value}",
|
|
477
|
+
"public": true,
|
|
478
|
+
"isReferenceToInternal": true
|
|
479
|
+
},
|
|
480
|
+
"name": "color-dark-mode-badge-indicator-neutral-secondary-background",
|
|
481
|
+
"attributes": {
|
|
482
|
+
"category": "color",
|
|
483
|
+
"type": "dark-mode",
|
|
484
|
+
"item": "badge",
|
|
485
|
+
"subitem": "indicator",
|
|
486
|
+
"state": "neutral-secondary"
|
|
487
|
+
},
|
|
488
|
+
"path": [
|
|
489
|
+
"color",
|
|
490
|
+
"dark-mode",
|
|
491
|
+
"badge",
|
|
492
|
+
"indicator",
|
|
493
|
+
"neutral-secondary",
|
|
494
|
+
"background"
|
|
495
|
+
]
|
|
496
|
+
},
|
|
497
|
+
"foreground": {
|
|
498
|
+
"value": "#121219",
|
|
499
|
+
"public": true,
|
|
500
|
+
"isReferenceToInternal": true,
|
|
501
|
+
"filePath": "tokens/color/component/badge.dark.json",
|
|
502
|
+
"isSource": true,
|
|
503
|
+
"original": {
|
|
504
|
+
"value": "{color.dark-mode.neutral.600.value}",
|
|
505
|
+
"public": true,
|
|
506
|
+
"isReferenceToInternal": true
|
|
507
|
+
},
|
|
508
|
+
"name": "color-dark-mode-badge-indicator-neutral-secondary-foreground",
|
|
509
|
+
"attributes": {
|
|
510
|
+
"category": "color",
|
|
511
|
+
"type": "dark-mode",
|
|
512
|
+
"item": "badge",
|
|
513
|
+
"subitem": "indicator",
|
|
514
|
+
"state": "neutral-secondary"
|
|
515
|
+
},
|
|
516
|
+
"path": [
|
|
517
|
+
"color",
|
|
518
|
+
"dark-mode",
|
|
519
|
+
"badge",
|
|
520
|
+
"indicator",
|
|
521
|
+
"neutral-secondary",
|
|
522
|
+
"foreground"
|
|
523
|
+
]
|
|
524
|
+
}
|
|
525
|
+
},
|
|
468
526
|
"warning": {
|
|
469
527
|
"background": {
|
|
470
528
|
"value": "#bd5b00",
|
|
@@ -2960,6 +3018,149 @@
|
|
|
2960
3018
|
}
|
|
2961
3019
|
}
|
|
2962
3020
|
},
|
|
3021
|
+
"datepicker": {
|
|
3022
|
+
"accent": {
|
|
3023
|
+
"foreground": {
|
|
3024
|
+
"value": "#745dd8",
|
|
3025
|
+
"public": true,
|
|
3026
|
+
"isReferenceToInternal": true,
|
|
3027
|
+
"filePath": "tokens/color/component/datepicker.dark.json",
|
|
3028
|
+
"isSource": true,
|
|
3029
|
+
"original": {
|
|
3030
|
+
"value": "{color.dark-mode.brand.primary.400.value}",
|
|
3031
|
+
"public": true,
|
|
3032
|
+
"isReferenceToInternal": true
|
|
3033
|
+
},
|
|
3034
|
+
"name": "color-dark-mode-datepicker-accent-foreground",
|
|
3035
|
+
"attributes": {
|
|
3036
|
+
"category": "color",
|
|
3037
|
+
"type": "dark-mode",
|
|
3038
|
+
"item": "datepicker",
|
|
3039
|
+
"subitem": "accent",
|
|
3040
|
+
"state": "foreground"
|
|
3041
|
+
},
|
|
3042
|
+
"path": [
|
|
3043
|
+
"color",
|
|
3044
|
+
"dark-mode",
|
|
3045
|
+
"datepicker",
|
|
3046
|
+
"accent",
|
|
3047
|
+
"foreground"
|
|
3048
|
+
]
|
|
3049
|
+
}
|
|
3050
|
+
},
|
|
3051
|
+
"range": {
|
|
3052
|
+
"background": {
|
|
3053
|
+
"value": "#2c205e",
|
|
3054
|
+
"public": true,
|
|
3055
|
+
"isReferenceToInternal": true,
|
|
3056
|
+
"filePath": "tokens/color/component/datepicker.dark.json",
|
|
3057
|
+
"isSource": true,
|
|
3058
|
+
"original": {
|
|
3059
|
+
"value": "{color.dark-mode.brand.primary.600.value}",
|
|
3060
|
+
"public": true,
|
|
3061
|
+
"isReferenceToInternal": true
|
|
3062
|
+
},
|
|
3063
|
+
"name": "color-dark-mode-datepicker-range-background",
|
|
3064
|
+
"attributes": {
|
|
3065
|
+
"category": "color",
|
|
3066
|
+
"type": "dark-mode",
|
|
3067
|
+
"item": "datepicker",
|
|
3068
|
+
"subitem": "range",
|
|
3069
|
+
"state": "background"
|
|
3070
|
+
},
|
|
3071
|
+
"path": [
|
|
3072
|
+
"color",
|
|
3073
|
+
"dark-mode",
|
|
3074
|
+
"datepicker",
|
|
3075
|
+
"range",
|
|
3076
|
+
"background"
|
|
3077
|
+
]
|
|
3078
|
+
},
|
|
3079
|
+
"foreground": {
|
|
3080
|
+
"value": "#ffffff",
|
|
3081
|
+
"public": true,
|
|
3082
|
+
"isReferenceToInternal": true,
|
|
3083
|
+
"filePath": "tokens/color/component/datepicker.dark.json",
|
|
3084
|
+
"isSource": true,
|
|
3085
|
+
"original": {
|
|
3086
|
+
"value": "{color.dark-mode.neutral.000.value}",
|
|
3087
|
+
"public": true,
|
|
3088
|
+
"isReferenceToInternal": true
|
|
3089
|
+
},
|
|
3090
|
+
"name": "color-dark-mode-datepicker-range-foreground",
|
|
3091
|
+
"attributes": {
|
|
3092
|
+
"category": "color",
|
|
3093
|
+
"type": "dark-mode",
|
|
3094
|
+
"item": "datepicker",
|
|
3095
|
+
"subitem": "range",
|
|
3096
|
+
"state": "foreground"
|
|
3097
|
+
},
|
|
3098
|
+
"path": [
|
|
3099
|
+
"color",
|
|
3100
|
+
"dark-mode",
|
|
3101
|
+
"datepicker",
|
|
3102
|
+
"range",
|
|
3103
|
+
"foreground"
|
|
3104
|
+
]
|
|
3105
|
+
}
|
|
3106
|
+
},
|
|
3107
|
+
"selected": {
|
|
3108
|
+
"background": {
|
|
3109
|
+
"value": "#745dd8",
|
|
3110
|
+
"public": true,
|
|
3111
|
+
"isReferenceToInternal": true,
|
|
3112
|
+
"filePath": "tokens/color/component/datepicker.dark.json",
|
|
3113
|
+
"isSource": true,
|
|
3114
|
+
"original": {
|
|
3115
|
+
"value": "{color.dark-mode.brand.primary.400.value}",
|
|
3116
|
+
"public": true,
|
|
3117
|
+
"isReferenceToInternal": true
|
|
3118
|
+
},
|
|
3119
|
+
"name": "color-dark-mode-datepicker-selected-background",
|
|
3120
|
+
"attributes": {
|
|
3121
|
+
"category": "color",
|
|
3122
|
+
"type": "dark-mode",
|
|
3123
|
+
"item": "datepicker",
|
|
3124
|
+
"subitem": "selected",
|
|
3125
|
+
"state": "background"
|
|
3126
|
+
},
|
|
3127
|
+
"path": [
|
|
3128
|
+
"color",
|
|
3129
|
+
"dark-mode",
|
|
3130
|
+
"datepicker",
|
|
3131
|
+
"selected",
|
|
3132
|
+
"background"
|
|
3133
|
+
]
|
|
3134
|
+
},
|
|
3135
|
+
"foreground": {
|
|
3136
|
+
"value": "#ffffff",
|
|
3137
|
+
"public": true,
|
|
3138
|
+
"isReferenceToInternal": true,
|
|
3139
|
+
"filePath": "tokens/color/component/datepicker.dark.json",
|
|
3140
|
+
"isSource": true,
|
|
3141
|
+
"original": {
|
|
3142
|
+
"value": "{color.dark-mode.neutral.000.value}",
|
|
3143
|
+
"public": true,
|
|
3144
|
+
"isReferenceToInternal": true
|
|
3145
|
+
},
|
|
3146
|
+
"name": "color-dark-mode-datepicker-selected-foreground",
|
|
3147
|
+
"attributes": {
|
|
3148
|
+
"category": "color",
|
|
3149
|
+
"type": "dark-mode",
|
|
3150
|
+
"item": "datepicker",
|
|
3151
|
+
"subitem": "selected",
|
|
3152
|
+
"state": "foreground"
|
|
3153
|
+
},
|
|
3154
|
+
"path": [
|
|
3155
|
+
"color",
|
|
3156
|
+
"dark-mode",
|
|
3157
|
+
"datepicker",
|
|
3158
|
+
"selected",
|
|
3159
|
+
"foreground"
|
|
3160
|
+
]
|
|
3161
|
+
}
|
|
3162
|
+
}
|
|
3163
|
+
},
|
|
2963
3164
|
"input": {
|
|
2964
3165
|
"checkbox": {
|
|
2965
3166
|
"checked": {
|
|
@@ -523,6 +523,64 @@
|
|
|
523
523
|
]
|
|
524
524
|
}
|
|
525
525
|
},
|
|
526
|
+
"neutral-secondary": {
|
|
527
|
+
"background": {
|
|
528
|
+
"value": "#23232d",
|
|
529
|
+
"public": true,
|
|
530
|
+
"isReferenceToInternal": true,
|
|
531
|
+
"filePath": "tokens/color/component/badge.light.json",
|
|
532
|
+
"isSource": true,
|
|
533
|
+
"original": {
|
|
534
|
+
"value": "{color.light-mode.neutral.500.value}",
|
|
535
|
+
"public": true,
|
|
536
|
+
"isReferenceToInternal": true
|
|
537
|
+
},
|
|
538
|
+
"name": "color-light-mode-badge-indicator-neutral-secondary-background",
|
|
539
|
+
"attributes": {
|
|
540
|
+
"category": "color",
|
|
541
|
+
"type": "light-mode",
|
|
542
|
+
"item": "badge",
|
|
543
|
+
"subitem": "indicator",
|
|
544
|
+
"state": "neutral-secondary"
|
|
545
|
+
},
|
|
546
|
+
"path": [
|
|
547
|
+
"color",
|
|
548
|
+
"light-mode",
|
|
549
|
+
"badge",
|
|
550
|
+
"indicator",
|
|
551
|
+
"neutral-secondary",
|
|
552
|
+
"background"
|
|
553
|
+
]
|
|
554
|
+
},
|
|
555
|
+
"foreground": {
|
|
556
|
+
"value": "#ffffff",
|
|
557
|
+
"public": true,
|
|
558
|
+
"isReferenceToInternal": true,
|
|
559
|
+
"filePath": "tokens/color/component/badge.light.json",
|
|
560
|
+
"isSource": true,
|
|
561
|
+
"original": {
|
|
562
|
+
"value": "{color.light-mode.neutral.000.value}",
|
|
563
|
+
"public": true,
|
|
564
|
+
"isReferenceToInternal": true
|
|
565
|
+
},
|
|
566
|
+
"name": "color-light-mode-badge-indicator-neutral-secondary-foreground",
|
|
567
|
+
"attributes": {
|
|
568
|
+
"category": "color",
|
|
569
|
+
"type": "light-mode",
|
|
570
|
+
"item": "badge",
|
|
571
|
+
"subitem": "indicator",
|
|
572
|
+
"state": "neutral-secondary"
|
|
573
|
+
},
|
|
574
|
+
"path": [
|
|
575
|
+
"color",
|
|
576
|
+
"light-mode",
|
|
577
|
+
"badge",
|
|
578
|
+
"indicator",
|
|
579
|
+
"neutral-secondary",
|
|
580
|
+
"foreground"
|
|
581
|
+
]
|
|
582
|
+
}
|
|
583
|
+
},
|
|
526
584
|
"brand": {
|
|
527
585
|
"background": {
|
|
528
586
|
"value": "#4f32ce",
|
|
@@ -3202,6 +3260,149 @@
|
|
|
3202
3260
|
}
|
|
3203
3261
|
}
|
|
3204
3262
|
},
|
|
3263
|
+
"datepicker": {
|
|
3264
|
+
"accent": {
|
|
3265
|
+
"foreground": {
|
|
3266
|
+
"value": "#4f32ce",
|
|
3267
|
+
"public": true,
|
|
3268
|
+
"isReferenceToInternal": true,
|
|
3269
|
+
"filePath": "tokens/color/component/datepicker.light.json",
|
|
3270
|
+
"isSource": true,
|
|
3271
|
+
"original": {
|
|
3272
|
+
"value": "{color.light-mode.brand.primary.400.value}",
|
|
3273
|
+
"public": true,
|
|
3274
|
+
"isReferenceToInternal": true
|
|
3275
|
+
},
|
|
3276
|
+
"name": "color-light-mode-datepicker-accent-foreground",
|
|
3277
|
+
"attributes": {
|
|
3278
|
+
"category": "color",
|
|
3279
|
+
"type": "light-mode",
|
|
3280
|
+
"item": "datepicker",
|
|
3281
|
+
"subitem": "accent",
|
|
3282
|
+
"state": "foreground"
|
|
3283
|
+
},
|
|
3284
|
+
"path": [
|
|
3285
|
+
"color",
|
|
3286
|
+
"light-mode",
|
|
3287
|
+
"datepicker",
|
|
3288
|
+
"accent",
|
|
3289
|
+
"foreground"
|
|
3290
|
+
]
|
|
3291
|
+
}
|
|
3292
|
+
},
|
|
3293
|
+
"range": {
|
|
3294
|
+
"background": {
|
|
3295
|
+
"value": "#f4f3fc",
|
|
3296
|
+
"public": true,
|
|
3297
|
+
"isReferenceToInternal": true,
|
|
3298
|
+
"filePath": "tokens/color/component/datepicker.light.json",
|
|
3299
|
+
"isSource": true,
|
|
3300
|
+
"original": {
|
|
3301
|
+
"value": "{color.light-mode.brand.primary.100.value}",
|
|
3302
|
+
"public": true,
|
|
3303
|
+
"isReferenceToInternal": true
|
|
3304
|
+
},
|
|
3305
|
+
"name": "color-light-mode-datepicker-range-background",
|
|
3306
|
+
"attributes": {
|
|
3307
|
+
"category": "color",
|
|
3308
|
+
"type": "light-mode",
|
|
3309
|
+
"item": "datepicker",
|
|
3310
|
+
"subitem": "range",
|
|
3311
|
+
"state": "background"
|
|
3312
|
+
},
|
|
3313
|
+
"path": [
|
|
3314
|
+
"color",
|
|
3315
|
+
"light-mode",
|
|
3316
|
+
"datepicker",
|
|
3317
|
+
"range",
|
|
3318
|
+
"background"
|
|
3319
|
+
]
|
|
3320
|
+
},
|
|
3321
|
+
"foreground": {
|
|
3322
|
+
"value": "#000000",
|
|
3323
|
+
"public": true,
|
|
3324
|
+
"isReferenceToInternal": true,
|
|
3325
|
+
"filePath": "tokens/color/component/datepicker.light.json",
|
|
3326
|
+
"isSource": true,
|
|
3327
|
+
"original": {
|
|
3328
|
+
"value": "{color.light-mode.neutral.600.value}",
|
|
3329
|
+
"public": true,
|
|
3330
|
+
"isReferenceToInternal": true
|
|
3331
|
+
},
|
|
3332
|
+
"name": "color-light-mode-datepicker-range-foreground",
|
|
3333
|
+
"attributes": {
|
|
3334
|
+
"category": "color",
|
|
3335
|
+
"type": "light-mode",
|
|
3336
|
+
"item": "datepicker",
|
|
3337
|
+
"subitem": "range",
|
|
3338
|
+
"state": "foreground"
|
|
3339
|
+
},
|
|
3340
|
+
"path": [
|
|
3341
|
+
"color",
|
|
3342
|
+
"light-mode",
|
|
3343
|
+
"datepicker",
|
|
3344
|
+
"range",
|
|
3345
|
+
"foreground"
|
|
3346
|
+
]
|
|
3347
|
+
}
|
|
3348
|
+
},
|
|
3349
|
+
"selected": {
|
|
3350
|
+
"background": {
|
|
3351
|
+
"value": "#4f32ce",
|
|
3352
|
+
"public": true,
|
|
3353
|
+
"isReferenceToInternal": true,
|
|
3354
|
+
"filePath": "tokens/color/component/datepicker.light.json",
|
|
3355
|
+
"isSource": true,
|
|
3356
|
+
"original": {
|
|
3357
|
+
"value": "{color.light-mode.brand.primary.400.value}",
|
|
3358
|
+
"public": true,
|
|
3359
|
+
"isReferenceToInternal": true
|
|
3360
|
+
},
|
|
3361
|
+
"name": "color-light-mode-datepicker-selected-background",
|
|
3362
|
+
"attributes": {
|
|
3363
|
+
"category": "color",
|
|
3364
|
+
"type": "light-mode",
|
|
3365
|
+
"item": "datepicker",
|
|
3366
|
+
"subitem": "selected",
|
|
3367
|
+
"state": "background"
|
|
3368
|
+
},
|
|
3369
|
+
"path": [
|
|
3370
|
+
"color",
|
|
3371
|
+
"light-mode",
|
|
3372
|
+
"datepicker",
|
|
3373
|
+
"selected",
|
|
3374
|
+
"background"
|
|
3375
|
+
]
|
|
3376
|
+
},
|
|
3377
|
+
"foreground": {
|
|
3378
|
+
"value": "#ffffff",
|
|
3379
|
+
"public": true,
|
|
3380
|
+
"isReferenceToInternal": true,
|
|
3381
|
+
"filePath": "tokens/color/component/datepicker.light.json",
|
|
3382
|
+
"isSource": true,
|
|
3383
|
+
"original": {
|
|
3384
|
+
"value": "{color.light-mode.neutral.000.value}",
|
|
3385
|
+
"public": true,
|
|
3386
|
+
"isReferenceToInternal": true
|
|
3387
|
+
},
|
|
3388
|
+
"name": "color-light-mode-datepicker-selected-foreground",
|
|
3389
|
+
"attributes": {
|
|
3390
|
+
"category": "color",
|
|
3391
|
+
"type": "light-mode",
|
|
3392
|
+
"item": "datepicker",
|
|
3393
|
+
"subitem": "selected",
|
|
3394
|
+
"state": "foreground"
|
|
3395
|
+
},
|
|
3396
|
+
"path": [
|
|
3397
|
+
"color",
|
|
3398
|
+
"light-mode",
|
|
3399
|
+
"datepicker",
|
|
3400
|
+
"selected",
|
|
3401
|
+
"foreground"
|
|
3402
|
+
]
|
|
3403
|
+
}
|
|
3404
|
+
}
|
|
3405
|
+
},
|
|
3205
3406
|
"input": {
|
|
3206
3407
|
"checkbox": {
|
|
3207
3408
|
"checked": {
|
package/package.json
CHANGED