@pantheon-systems/pds-design-tokens 1.0.0-dev.49 → 1.0.0-dev.50
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 +4 -0
- package/build/css/pds-design-tokens-light-mode.css +4 -0
- package/build/figma/pds-design-tokens-figma.json +216 -0
- package/build/json/pds-design-tokens-dark-mode.json +108 -0
- package/build/json/pds-design-tokens-light-mode.json +108 -0
- package/package.json +1 -1
|
@@ -136,6 +136,10 @@
|
|
|
136
136
|
--pds-color-tile-separator: #504e62;
|
|
137
137
|
--pds-color-toggle-button-background-off: #504e62;
|
|
138
138
|
--pds-color-toggle-button-foreground-off: #c7c5d0;
|
|
139
|
+
--pds-color-tooltip-background: #a6a3b4;
|
|
140
|
+
--pds-color-tooltip-text: #121219;
|
|
141
|
+
--pds-color-tooltip-trigger-icon-critical: #ca3521;
|
|
142
|
+
--pds-color-tooltip-trigger-icon-default: #c7c5d0;
|
|
139
143
|
--pds-color-utility-announcement: #9fadbc;
|
|
140
144
|
--pds-color-utility-critical: #f87462;
|
|
141
145
|
--pds-color-utility-warning: #e2b203;
|
|
@@ -138,6 +138,10 @@
|
|
|
138
138
|
--pds-color-tile-separator: #cfcfd3;
|
|
139
139
|
--pds-color-toggle-button-background-off: #f1f1f1;
|
|
140
140
|
--pds-color-toggle-button-foreground-off: #6d6d78;
|
|
141
|
+
--pds-color-tooltip-background: #23232d;
|
|
142
|
+
--pds-color-tooltip-text: #ffffff;
|
|
143
|
+
--pds-color-tooltip-trigger-icon-critical: #ca3521;
|
|
144
|
+
--pds-color-tooltip-trigger-icon-default: #23232d;
|
|
141
145
|
--pds-color-utility-announcement: #44546f;
|
|
142
146
|
--pds-color-utility-critical: #ca3521;
|
|
143
147
|
--pds-color-utility-warning: #e2b203;
|
|
@@ -5067,6 +5067,114 @@
|
|
|
5067
5067
|
]
|
|
5068
5068
|
}
|
|
5069
5069
|
},
|
|
5070
|
+
"tooltip": {
|
|
5071
|
+
"background": {
|
|
5072
|
+
"value": "#a6a3b4",
|
|
5073
|
+
"public": true,
|
|
5074
|
+
"isReferenceToInternal": true,
|
|
5075
|
+
"filePath": "tokens/color/alias/tooltip.dark.json",
|
|
5076
|
+
"isSource": true,
|
|
5077
|
+
"original": {
|
|
5078
|
+
"value": "{color.dark-mode.neutral.200.value}",
|
|
5079
|
+
"public": true,
|
|
5080
|
+
"isReferenceToInternal": true
|
|
5081
|
+
},
|
|
5082
|
+
"name": "color-dark-mode-tooltip-background",
|
|
5083
|
+
"attributes": {
|
|
5084
|
+
"category": "color",
|
|
5085
|
+
"type": "dark-mode",
|
|
5086
|
+
"item": "tooltip",
|
|
5087
|
+
"subitem": "background"
|
|
5088
|
+
},
|
|
5089
|
+
"path": [
|
|
5090
|
+
"color",
|
|
5091
|
+
"dark-mode",
|
|
5092
|
+
"tooltip",
|
|
5093
|
+
"background"
|
|
5094
|
+
]
|
|
5095
|
+
},
|
|
5096
|
+
"text": {
|
|
5097
|
+
"value": "#121219",
|
|
5098
|
+
"public": true,
|
|
5099
|
+
"isReferenceToInternal": true,
|
|
5100
|
+
"filePath": "tokens/color/alias/tooltip.dark.json",
|
|
5101
|
+
"isSource": true,
|
|
5102
|
+
"original": {
|
|
5103
|
+
"value": "{color.dark-mode.neutral.700.value}",
|
|
5104
|
+
"public": true,
|
|
5105
|
+
"isReferenceToInternal": true
|
|
5106
|
+
},
|
|
5107
|
+
"name": "color-dark-mode-tooltip-text",
|
|
5108
|
+
"attributes": {
|
|
5109
|
+
"category": "color",
|
|
5110
|
+
"type": "dark-mode",
|
|
5111
|
+
"item": "tooltip",
|
|
5112
|
+
"subitem": "text"
|
|
5113
|
+
},
|
|
5114
|
+
"path": [
|
|
5115
|
+
"color",
|
|
5116
|
+
"dark-mode",
|
|
5117
|
+
"tooltip",
|
|
5118
|
+
"text"
|
|
5119
|
+
]
|
|
5120
|
+
},
|
|
5121
|
+
"trigger-icon": {
|
|
5122
|
+
"default": {
|
|
5123
|
+
"value": "#c7c5d0",
|
|
5124
|
+
"public": true,
|
|
5125
|
+
"isReferenceToInternal": true,
|
|
5126
|
+
"filePath": "tokens/color/alias/tooltip.dark.json",
|
|
5127
|
+
"isSource": true,
|
|
5128
|
+
"original": {
|
|
5129
|
+
"value": "{color.dark-mode.neutral.100.value}",
|
|
5130
|
+
"public": true,
|
|
5131
|
+
"isReferenceToInternal": true
|
|
5132
|
+
},
|
|
5133
|
+
"name": "color-dark-mode-tooltip-trigger-icon-default",
|
|
5134
|
+
"attributes": {
|
|
5135
|
+
"category": "color",
|
|
5136
|
+
"type": "dark-mode",
|
|
5137
|
+
"item": "tooltip",
|
|
5138
|
+
"subitem": "trigger-icon",
|
|
5139
|
+
"state": "default"
|
|
5140
|
+
},
|
|
5141
|
+
"path": [
|
|
5142
|
+
"color",
|
|
5143
|
+
"dark-mode",
|
|
5144
|
+
"tooltip",
|
|
5145
|
+
"trigger-icon",
|
|
5146
|
+
"default"
|
|
5147
|
+
]
|
|
5148
|
+
},
|
|
5149
|
+
"critical": {
|
|
5150
|
+
"value": "#ca3521",
|
|
5151
|
+
"public": true,
|
|
5152
|
+
"isReferenceToInternal": true,
|
|
5153
|
+
"filePath": "tokens/color/alias/tooltip.dark.json",
|
|
5154
|
+
"isSource": true,
|
|
5155
|
+
"original": {
|
|
5156
|
+
"value": "{color.dark-mode.semantic.critical.foreground.value}",
|
|
5157
|
+
"public": true,
|
|
5158
|
+
"isReferenceToInternal": true
|
|
5159
|
+
},
|
|
5160
|
+
"name": "color-dark-mode-tooltip-trigger-icon-critical",
|
|
5161
|
+
"attributes": {
|
|
5162
|
+
"category": "color",
|
|
5163
|
+
"type": "dark-mode",
|
|
5164
|
+
"item": "tooltip",
|
|
5165
|
+
"subitem": "trigger-icon",
|
|
5166
|
+
"state": "critical"
|
|
5167
|
+
},
|
|
5168
|
+
"path": [
|
|
5169
|
+
"color",
|
|
5170
|
+
"dark-mode",
|
|
5171
|
+
"tooltip",
|
|
5172
|
+
"trigger-icon",
|
|
5173
|
+
"critical"
|
|
5174
|
+
]
|
|
5175
|
+
}
|
|
5176
|
+
}
|
|
5177
|
+
},
|
|
5070
5178
|
"text": {
|
|
5071
5179
|
"default": {
|
|
5072
5180
|
"value": "#ffffff",
|
|
@@ -9730,6 +9838,114 @@
|
|
|
9730
9838
|
]
|
|
9731
9839
|
}
|
|
9732
9840
|
},
|
|
9841
|
+
"tooltip": {
|
|
9842
|
+
"background": {
|
|
9843
|
+
"value": "#23232d",
|
|
9844
|
+
"public": true,
|
|
9845
|
+
"isReferenceToInternal": true,
|
|
9846
|
+
"filePath": "tokens/color/alias/tooltip.light.json",
|
|
9847
|
+
"isSource": true,
|
|
9848
|
+
"original": {
|
|
9849
|
+
"value": "{color.light-mode.neutral.500.value}",
|
|
9850
|
+
"public": true,
|
|
9851
|
+
"isReferenceToInternal": true
|
|
9852
|
+
},
|
|
9853
|
+
"name": "color-light-mode-tooltip-background",
|
|
9854
|
+
"attributes": {
|
|
9855
|
+
"category": "color",
|
|
9856
|
+
"type": "light-mode",
|
|
9857
|
+
"item": "tooltip",
|
|
9858
|
+
"subitem": "background"
|
|
9859
|
+
},
|
|
9860
|
+
"path": [
|
|
9861
|
+
"color",
|
|
9862
|
+
"light-mode",
|
|
9863
|
+
"tooltip",
|
|
9864
|
+
"background"
|
|
9865
|
+
]
|
|
9866
|
+
},
|
|
9867
|
+
"text": {
|
|
9868
|
+
"value": "#ffffff",
|
|
9869
|
+
"public": true,
|
|
9870
|
+
"isReferenceToInternal": true,
|
|
9871
|
+
"filePath": "tokens/color/alias/tooltip.light.json",
|
|
9872
|
+
"isSource": true,
|
|
9873
|
+
"original": {
|
|
9874
|
+
"value": "{color.light-mode.neutral.000.value}",
|
|
9875
|
+
"public": true,
|
|
9876
|
+
"isReferenceToInternal": true
|
|
9877
|
+
},
|
|
9878
|
+
"name": "color-light-mode-tooltip-text",
|
|
9879
|
+
"attributes": {
|
|
9880
|
+
"category": "color",
|
|
9881
|
+
"type": "light-mode",
|
|
9882
|
+
"item": "tooltip",
|
|
9883
|
+
"subitem": "text"
|
|
9884
|
+
},
|
|
9885
|
+
"path": [
|
|
9886
|
+
"color",
|
|
9887
|
+
"light-mode",
|
|
9888
|
+
"tooltip",
|
|
9889
|
+
"text"
|
|
9890
|
+
]
|
|
9891
|
+
},
|
|
9892
|
+
"trigger-icon": {
|
|
9893
|
+
"default": {
|
|
9894
|
+
"value": "#23232d",
|
|
9895
|
+
"public": true,
|
|
9896
|
+
"isReferenceToInternal": true,
|
|
9897
|
+
"filePath": "tokens/color/alias/tooltip.light.json",
|
|
9898
|
+
"isSource": true,
|
|
9899
|
+
"original": {
|
|
9900
|
+
"value": "{color.light-mode.neutral.500.value}",
|
|
9901
|
+
"public": true,
|
|
9902
|
+
"isReferenceToInternal": true
|
|
9903
|
+
},
|
|
9904
|
+
"name": "color-light-mode-tooltip-trigger-icon-default",
|
|
9905
|
+
"attributes": {
|
|
9906
|
+
"category": "color",
|
|
9907
|
+
"type": "light-mode",
|
|
9908
|
+
"item": "tooltip",
|
|
9909
|
+
"subitem": "trigger-icon",
|
|
9910
|
+
"state": "default"
|
|
9911
|
+
},
|
|
9912
|
+
"path": [
|
|
9913
|
+
"color",
|
|
9914
|
+
"light-mode",
|
|
9915
|
+
"tooltip",
|
|
9916
|
+
"trigger-icon",
|
|
9917
|
+
"default"
|
|
9918
|
+
]
|
|
9919
|
+
},
|
|
9920
|
+
"critical": {
|
|
9921
|
+
"value": "#ca3521",
|
|
9922
|
+
"public": true,
|
|
9923
|
+
"isReferenceToInternal": true,
|
|
9924
|
+
"filePath": "tokens/color/alias/tooltip.light.json",
|
|
9925
|
+
"isSource": true,
|
|
9926
|
+
"original": {
|
|
9927
|
+
"value": "{color.light-mode.semantic.critical.foreground.value}",
|
|
9928
|
+
"public": true,
|
|
9929
|
+
"isReferenceToInternal": true
|
|
9930
|
+
},
|
|
9931
|
+
"name": "color-light-mode-tooltip-trigger-icon-critical",
|
|
9932
|
+
"attributes": {
|
|
9933
|
+
"category": "color",
|
|
9934
|
+
"type": "light-mode",
|
|
9935
|
+
"item": "tooltip",
|
|
9936
|
+
"subitem": "trigger-icon",
|
|
9937
|
+
"state": "critical"
|
|
9938
|
+
},
|
|
9939
|
+
"path": [
|
|
9940
|
+
"color",
|
|
9941
|
+
"light-mode",
|
|
9942
|
+
"tooltip",
|
|
9943
|
+
"trigger-icon",
|
|
9944
|
+
"critical"
|
|
9945
|
+
]
|
|
9946
|
+
}
|
|
9947
|
+
}
|
|
9948
|
+
},
|
|
9733
9949
|
"text": {
|
|
9734
9950
|
"default": {
|
|
9735
9951
|
"value": "#23232d",
|
|
@@ -3243,6 +3243,114 @@
|
|
|
3243
3243
|
]
|
|
3244
3244
|
}
|
|
3245
3245
|
},
|
|
3246
|
+
"tooltip": {
|
|
3247
|
+
"background": {
|
|
3248
|
+
"value": "#a6a3b4",
|
|
3249
|
+
"public": true,
|
|
3250
|
+
"isReferenceToInternal": true,
|
|
3251
|
+
"filePath": "tokens/color/alias/tooltip.dark.json",
|
|
3252
|
+
"isSource": true,
|
|
3253
|
+
"original": {
|
|
3254
|
+
"value": "{color.dark-mode.neutral.200.value}",
|
|
3255
|
+
"public": true,
|
|
3256
|
+
"isReferenceToInternal": true
|
|
3257
|
+
},
|
|
3258
|
+
"name": "color-dark-mode-tooltip-background",
|
|
3259
|
+
"attributes": {
|
|
3260
|
+
"category": "color",
|
|
3261
|
+
"type": "dark-mode",
|
|
3262
|
+
"item": "tooltip",
|
|
3263
|
+
"subitem": "background"
|
|
3264
|
+
},
|
|
3265
|
+
"path": [
|
|
3266
|
+
"color",
|
|
3267
|
+
"dark-mode",
|
|
3268
|
+
"tooltip",
|
|
3269
|
+
"background"
|
|
3270
|
+
]
|
|
3271
|
+
},
|
|
3272
|
+
"text": {
|
|
3273
|
+
"value": "#121219",
|
|
3274
|
+
"public": true,
|
|
3275
|
+
"isReferenceToInternal": true,
|
|
3276
|
+
"filePath": "tokens/color/alias/tooltip.dark.json",
|
|
3277
|
+
"isSource": true,
|
|
3278
|
+
"original": {
|
|
3279
|
+
"value": "{color.dark-mode.neutral.700.value}",
|
|
3280
|
+
"public": true,
|
|
3281
|
+
"isReferenceToInternal": true
|
|
3282
|
+
},
|
|
3283
|
+
"name": "color-dark-mode-tooltip-text",
|
|
3284
|
+
"attributes": {
|
|
3285
|
+
"category": "color",
|
|
3286
|
+
"type": "dark-mode",
|
|
3287
|
+
"item": "tooltip",
|
|
3288
|
+
"subitem": "text"
|
|
3289
|
+
},
|
|
3290
|
+
"path": [
|
|
3291
|
+
"color",
|
|
3292
|
+
"dark-mode",
|
|
3293
|
+
"tooltip",
|
|
3294
|
+
"text"
|
|
3295
|
+
]
|
|
3296
|
+
},
|
|
3297
|
+
"trigger-icon": {
|
|
3298
|
+
"default": {
|
|
3299
|
+
"value": "#c7c5d0",
|
|
3300
|
+
"public": true,
|
|
3301
|
+
"isReferenceToInternal": true,
|
|
3302
|
+
"filePath": "tokens/color/alias/tooltip.dark.json",
|
|
3303
|
+
"isSource": true,
|
|
3304
|
+
"original": {
|
|
3305
|
+
"value": "{color.dark-mode.neutral.100.value}",
|
|
3306
|
+
"public": true,
|
|
3307
|
+
"isReferenceToInternal": true
|
|
3308
|
+
},
|
|
3309
|
+
"name": "color-dark-mode-tooltip-trigger-icon-default",
|
|
3310
|
+
"attributes": {
|
|
3311
|
+
"category": "color",
|
|
3312
|
+
"type": "dark-mode",
|
|
3313
|
+
"item": "tooltip",
|
|
3314
|
+
"subitem": "trigger-icon",
|
|
3315
|
+
"state": "default"
|
|
3316
|
+
},
|
|
3317
|
+
"path": [
|
|
3318
|
+
"color",
|
|
3319
|
+
"dark-mode",
|
|
3320
|
+
"tooltip",
|
|
3321
|
+
"trigger-icon",
|
|
3322
|
+
"default"
|
|
3323
|
+
]
|
|
3324
|
+
},
|
|
3325
|
+
"critical": {
|
|
3326
|
+
"value": "#ca3521",
|
|
3327
|
+
"public": true,
|
|
3328
|
+
"isReferenceToInternal": true,
|
|
3329
|
+
"filePath": "tokens/color/alias/tooltip.dark.json",
|
|
3330
|
+
"isSource": true,
|
|
3331
|
+
"original": {
|
|
3332
|
+
"value": "{color.dark-mode.semantic.critical.foreground.value}",
|
|
3333
|
+
"public": true,
|
|
3334
|
+
"isReferenceToInternal": true
|
|
3335
|
+
},
|
|
3336
|
+
"name": "color-dark-mode-tooltip-trigger-icon-critical",
|
|
3337
|
+
"attributes": {
|
|
3338
|
+
"category": "color",
|
|
3339
|
+
"type": "dark-mode",
|
|
3340
|
+
"item": "tooltip",
|
|
3341
|
+
"subitem": "trigger-icon",
|
|
3342
|
+
"state": "critical"
|
|
3343
|
+
},
|
|
3344
|
+
"path": [
|
|
3345
|
+
"color",
|
|
3346
|
+
"dark-mode",
|
|
3347
|
+
"tooltip",
|
|
3348
|
+
"trigger-icon",
|
|
3349
|
+
"critical"
|
|
3350
|
+
]
|
|
3351
|
+
}
|
|
3352
|
+
}
|
|
3353
|
+
},
|
|
3246
3354
|
"text": {
|
|
3247
3355
|
"default": {
|
|
3248
3356
|
"value": "#ffffff",
|
|
@@ -3299,6 +3299,114 @@
|
|
|
3299
3299
|
]
|
|
3300
3300
|
}
|
|
3301
3301
|
},
|
|
3302
|
+
"tooltip": {
|
|
3303
|
+
"background": {
|
|
3304
|
+
"value": "#23232d",
|
|
3305
|
+
"public": true,
|
|
3306
|
+
"isReferenceToInternal": true,
|
|
3307
|
+
"filePath": "tokens/color/alias/tooltip.light.json",
|
|
3308
|
+
"isSource": true,
|
|
3309
|
+
"original": {
|
|
3310
|
+
"value": "{color.light-mode.neutral.500.value}",
|
|
3311
|
+
"public": true,
|
|
3312
|
+
"isReferenceToInternal": true
|
|
3313
|
+
},
|
|
3314
|
+
"name": "color-light-mode-tooltip-background",
|
|
3315
|
+
"attributes": {
|
|
3316
|
+
"category": "color",
|
|
3317
|
+
"type": "light-mode",
|
|
3318
|
+
"item": "tooltip",
|
|
3319
|
+
"subitem": "background"
|
|
3320
|
+
},
|
|
3321
|
+
"path": [
|
|
3322
|
+
"color",
|
|
3323
|
+
"light-mode",
|
|
3324
|
+
"tooltip",
|
|
3325
|
+
"background"
|
|
3326
|
+
]
|
|
3327
|
+
},
|
|
3328
|
+
"text": {
|
|
3329
|
+
"value": "#ffffff",
|
|
3330
|
+
"public": true,
|
|
3331
|
+
"isReferenceToInternal": true,
|
|
3332
|
+
"filePath": "tokens/color/alias/tooltip.light.json",
|
|
3333
|
+
"isSource": true,
|
|
3334
|
+
"original": {
|
|
3335
|
+
"value": "{color.light-mode.neutral.000.value}",
|
|
3336
|
+
"public": true,
|
|
3337
|
+
"isReferenceToInternal": true
|
|
3338
|
+
},
|
|
3339
|
+
"name": "color-light-mode-tooltip-text",
|
|
3340
|
+
"attributes": {
|
|
3341
|
+
"category": "color",
|
|
3342
|
+
"type": "light-mode",
|
|
3343
|
+
"item": "tooltip",
|
|
3344
|
+
"subitem": "text"
|
|
3345
|
+
},
|
|
3346
|
+
"path": [
|
|
3347
|
+
"color",
|
|
3348
|
+
"light-mode",
|
|
3349
|
+
"tooltip",
|
|
3350
|
+
"text"
|
|
3351
|
+
]
|
|
3352
|
+
},
|
|
3353
|
+
"trigger-icon": {
|
|
3354
|
+
"default": {
|
|
3355
|
+
"value": "#23232d",
|
|
3356
|
+
"public": true,
|
|
3357
|
+
"isReferenceToInternal": true,
|
|
3358
|
+
"filePath": "tokens/color/alias/tooltip.light.json",
|
|
3359
|
+
"isSource": true,
|
|
3360
|
+
"original": {
|
|
3361
|
+
"value": "{color.light-mode.neutral.500.value}",
|
|
3362
|
+
"public": true,
|
|
3363
|
+
"isReferenceToInternal": true
|
|
3364
|
+
},
|
|
3365
|
+
"name": "color-light-mode-tooltip-trigger-icon-default",
|
|
3366
|
+
"attributes": {
|
|
3367
|
+
"category": "color",
|
|
3368
|
+
"type": "light-mode",
|
|
3369
|
+
"item": "tooltip",
|
|
3370
|
+
"subitem": "trigger-icon",
|
|
3371
|
+
"state": "default"
|
|
3372
|
+
},
|
|
3373
|
+
"path": [
|
|
3374
|
+
"color",
|
|
3375
|
+
"light-mode",
|
|
3376
|
+
"tooltip",
|
|
3377
|
+
"trigger-icon",
|
|
3378
|
+
"default"
|
|
3379
|
+
]
|
|
3380
|
+
},
|
|
3381
|
+
"critical": {
|
|
3382
|
+
"value": "#ca3521",
|
|
3383
|
+
"public": true,
|
|
3384
|
+
"isReferenceToInternal": true,
|
|
3385
|
+
"filePath": "tokens/color/alias/tooltip.light.json",
|
|
3386
|
+
"isSource": true,
|
|
3387
|
+
"original": {
|
|
3388
|
+
"value": "{color.light-mode.semantic.critical.foreground.value}",
|
|
3389
|
+
"public": true,
|
|
3390
|
+
"isReferenceToInternal": true
|
|
3391
|
+
},
|
|
3392
|
+
"name": "color-light-mode-tooltip-trigger-icon-critical",
|
|
3393
|
+
"attributes": {
|
|
3394
|
+
"category": "color",
|
|
3395
|
+
"type": "light-mode",
|
|
3396
|
+
"item": "tooltip",
|
|
3397
|
+
"subitem": "trigger-icon",
|
|
3398
|
+
"state": "critical"
|
|
3399
|
+
},
|
|
3400
|
+
"path": [
|
|
3401
|
+
"color",
|
|
3402
|
+
"light-mode",
|
|
3403
|
+
"tooltip",
|
|
3404
|
+
"trigger-icon",
|
|
3405
|
+
"critical"
|
|
3406
|
+
]
|
|
3407
|
+
}
|
|
3408
|
+
}
|
|
3409
|
+
},
|
|
3302
3410
|
"text": {
|
|
3303
3411
|
"default": {
|
|
3304
3412
|
"value": "#23232d",
|