@pantheon-systems/pds-design-tokens 1.0.0-dev.43 → 1.0.0-dev.45
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/README.md +2 -3
- package/build/css/pds-design-tokens-light-mode.css +16 -0
- package/build/css/pds-design-tokens.css +21 -0
- package/build/figma/pds-design-tokens-figma.json +450 -0
- package/build/json/pds-design-tokens-dark-mode.json +1 -1
- package/build/json/pds-design-tokens-light-mode.json +451 -1
- package/build/json/pds-design-tokens.json +150 -18
- package/package.json +1 -1
- package/build/scss/_pds-design-tokens-dark-mode.scss +0 -120
- package/build/scss/_pds-design-tokens-light-mode.scss +0 -124
- package/build/scss/_pds-design-tokens.scss +0 -18
package/README.md
CHANGED
|
@@ -11,7 +11,6 @@ Compiled tokens can be found in the `build` directory.
|
|
|
11
11
|
PDS Design Tokens are provided in the following formats:
|
|
12
12
|
|
|
13
13
|
- CSS Custom Properties
|
|
14
|
-
- SASS Variables
|
|
15
14
|
- JSON
|
|
16
15
|
- Figma (formatted to sync to Figma styles)
|
|
17
16
|
|
|
@@ -21,11 +20,11 @@ Design tokens are specifically intended for the purpose of design and will be tr
|
|
|
21
20
|
|
|
22
21
|
By default, tokens values should be unitless unless that unit is universal (such as percentages). Many PDS design tokens will be assigned a default unit type under the hood, but those unit designations will only be provided for the output formats where appropriate.
|
|
23
22
|
|
|
24
|
-
For example, CSS
|
|
23
|
+
For example, CSS variable tokens will be output with unit-specific values. While JSON output tokens will always be unitless. However, if a default unit is assigned it will be available via the `defaultUnit` key for any token object.
|
|
25
24
|
|
|
26
25
|
## Public and Private Tokens
|
|
27
26
|
|
|
28
|
-
All tokens are considered private unless specifically designated as public. All tokens may be accessed via JSON token files, but only public tokens will be output to CSS
|
|
27
|
+
All tokens are considered private unless specifically designated as public. All tokens may be accessed via JSON token files, but only public tokens will be output to CSS stylesheets.
|
|
29
28
|
|
|
30
29
|
We typically only designate tokens as public when they need to be available to override for theming purposes such as switching between light and dark mode or for other custom themes.
|
|
31
30
|
|
|
@@ -115,6 +115,22 @@
|
|
|
115
115
|
--pds-color-panel-overlay-background: var(--pds-color-background-default);
|
|
116
116
|
--pds-color-panel-raised-background: var(--pds-color-background-default);
|
|
117
117
|
--pds-color-panel-sunken-background: #f1f1f1;
|
|
118
|
+
--pds-color-tag-1-background: #fffbe9;
|
|
119
|
+
--pds-color-tag-1-foreground: #705e00;
|
|
120
|
+
--pds-color-tag-2-background: #f0ecff;
|
|
121
|
+
--pds-color-tag-2-foreground: #3017a1;
|
|
122
|
+
--pds-color-tag-3-background: #ffe5f6;
|
|
123
|
+
--pds-color-tag-3-foreground: #9a0066;
|
|
124
|
+
--pds-color-tag-4-background: #f1f1f1;
|
|
125
|
+
--pds-color-tag-4-foreground: #6d6d78;
|
|
126
|
+
--pds-color-tag-5-background: #ffebeb;
|
|
127
|
+
--pds-color-tag-5-foreground: #700000;
|
|
128
|
+
--pds-color-tag-6-background: #fffae6;
|
|
129
|
+
--pds-color-tag-6-foreground: #b15902;
|
|
130
|
+
--pds-color-tag-7-background: #dffcf0;
|
|
131
|
+
--pds-color-tag-7-foreground: #164b35;
|
|
132
|
+
--pds-color-tag-8-background: #f0fdff;
|
|
133
|
+
--pds-color-tag-8-foreground: #0f5f6a;
|
|
118
134
|
--pds-color-text-default: #23232d;
|
|
119
135
|
--pds-color-text-default-secondary: #6d6d78;
|
|
120
136
|
--pds-color-tile-background-active: #f1f1f1;
|
|
@@ -17,5 +17,26 @@
|
|
|
17
17
|
--pds-border-radius-container: 0.375rem;
|
|
18
18
|
--pds-border-radius-default: 0.1875rem;
|
|
19
19
|
--pds-border-width-default: 1px;
|
|
20
|
+
--pds-grid-marketing-column-medium-large: 5.125%;
|
|
21
|
+
--pds-grid-marketing-column-small: 21.34375%;
|
|
22
|
+
--pds-grid-marketing-gap-medium-large: 3.5%;
|
|
23
|
+
--pds-grid-marketing-gap-small: 4.875%;
|
|
24
|
+
--pds-spacing-2xl: 1.953rem;
|
|
25
|
+
--pds-spacing-2xs: 0.512rem;
|
|
26
|
+
--pds-spacing-3xl: 2.441rem;
|
|
27
|
+
--pds-spacing-3xs: 0.41rem;
|
|
28
|
+
--pds-spacing-4xl: 3.052rem;
|
|
29
|
+
--pds-spacing-4xs: 0.328rem;
|
|
30
|
+
--pds-spacing-5xl: 3.815rem;
|
|
31
|
+
--pds-spacing-5xs: 0.25rem;
|
|
32
|
+
--pds-spacing-6xl: 4.678rem;
|
|
33
|
+
--pds-spacing-6xs: 0.125rem;
|
|
34
|
+
--pds-spacing-7xl: 5.96rem;
|
|
35
|
+
--pds-spacing-8xl: 7.451rem;
|
|
36
|
+
--pds-spacing-l: 1.25rem;
|
|
37
|
+
--pds-spacing-m: 1rem;
|
|
38
|
+
--pds-spacing-s: 0.8rem;
|
|
39
|
+
--pds-spacing-xl: 1.563rem;
|
|
40
|
+
--pds-spacing-xs: 0.64rem;
|
|
20
41
|
--pds-typography-font-default: 'Poppins', sans-serif;
|
|
21
42
|
}
|
|
@@ -8932,6 +8932,456 @@
|
|
|
8932
8932
|
}
|
|
8933
8933
|
}
|
|
8934
8934
|
},
|
|
8935
|
+
"tag": {
|
|
8936
|
+
"1": {
|
|
8937
|
+
"background": {
|
|
8938
|
+
"value": "#fffbe9",
|
|
8939
|
+
"public": true,
|
|
8940
|
+
"isReferenceToInternal": true,
|
|
8941
|
+
"filePath": "tokens/color/alias/tags.light.json",
|
|
8942
|
+
"isSource": true,
|
|
8943
|
+
"original": {
|
|
8944
|
+
"value": "{color.light-mode.brand.primary.100.value}",
|
|
8945
|
+
"public": true,
|
|
8946
|
+
"isReferenceToInternal": true
|
|
8947
|
+
},
|
|
8948
|
+
"name": "color-light-mode-tag-1-background",
|
|
8949
|
+
"attributes": {
|
|
8950
|
+
"category": "color",
|
|
8951
|
+
"type": "light-mode",
|
|
8952
|
+
"item": "tag",
|
|
8953
|
+
"subitem": "1",
|
|
8954
|
+
"state": "background"
|
|
8955
|
+
},
|
|
8956
|
+
"path": [
|
|
8957
|
+
"color",
|
|
8958
|
+
"light-mode",
|
|
8959
|
+
"tag",
|
|
8960
|
+
"1",
|
|
8961
|
+
"background"
|
|
8962
|
+
]
|
|
8963
|
+
},
|
|
8964
|
+
"foreground": {
|
|
8965
|
+
"value": "#705e00",
|
|
8966
|
+
"public": true,
|
|
8967
|
+
"isReferenceToInternal": true,
|
|
8968
|
+
"filePath": "tokens/color/alias/tags.light.json",
|
|
8969
|
+
"isSource": true,
|
|
8970
|
+
"original": {
|
|
8971
|
+
"value": "{color.light-mode.brand.primary.600.value}",
|
|
8972
|
+
"public": true,
|
|
8973
|
+
"isReferenceToInternal": true
|
|
8974
|
+
},
|
|
8975
|
+
"name": "color-light-mode-tag-1-foreground",
|
|
8976
|
+
"attributes": {
|
|
8977
|
+
"category": "color",
|
|
8978
|
+
"type": "light-mode",
|
|
8979
|
+
"item": "tag",
|
|
8980
|
+
"subitem": "1",
|
|
8981
|
+
"state": "foreground"
|
|
8982
|
+
},
|
|
8983
|
+
"path": [
|
|
8984
|
+
"color",
|
|
8985
|
+
"light-mode",
|
|
8986
|
+
"tag",
|
|
8987
|
+
"1",
|
|
8988
|
+
"foreground"
|
|
8989
|
+
]
|
|
8990
|
+
}
|
|
8991
|
+
},
|
|
8992
|
+
"2": {
|
|
8993
|
+
"background": {
|
|
8994
|
+
"value": "#f0ecff",
|
|
8995
|
+
"public": true,
|
|
8996
|
+
"isReferenceToInternal": true,
|
|
8997
|
+
"filePath": "tokens/color/alias/tags.light.json",
|
|
8998
|
+
"isSource": true,
|
|
8999
|
+
"original": {
|
|
9000
|
+
"value": "{color.light-mode.brand.secondary.100.value}",
|
|
9001
|
+
"public": true,
|
|
9002
|
+
"isReferenceToInternal": true
|
|
9003
|
+
},
|
|
9004
|
+
"name": "color-light-mode-tag-2-background",
|
|
9005
|
+
"attributes": {
|
|
9006
|
+
"category": "color",
|
|
9007
|
+
"type": "light-mode",
|
|
9008
|
+
"item": "tag",
|
|
9009
|
+
"subitem": "2",
|
|
9010
|
+
"state": "background"
|
|
9011
|
+
},
|
|
9012
|
+
"path": [
|
|
9013
|
+
"color",
|
|
9014
|
+
"light-mode",
|
|
9015
|
+
"tag",
|
|
9016
|
+
"2",
|
|
9017
|
+
"background"
|
|
9018
|
+
]
|
|
9019
|
+
},
|
|
9020
|
+
"foreground": {
|
|
9021
|
+
"value": "#3017a1",
|
|
9022
|
+
"public": true,
|
|
9023
|
+
"isReferenceToInternal": true,
|
|
9024
|
+
"filePath": "tokens/color/alias/tags.light.json",
|
|
9025
|
+
"isSource": true,
|
|
9026
|
+
"original": {
|
|
9027
|
+
"value": "{color.light-mode.brand.secondary.400.value}",
|
|
9028
|
+
"public": true,
|
|
9029
|
+
"isReferenceToInternal": true
|
|
9030
|
+
},
|
|
9031
|
+
"name": "color-light-mode-tag-2-foreground",
|
|
9032
|
+
"attributes": {
|
|
9033
|
+
"category": "color",
|
|
9034
|
+
"type": "light-mode",
|
|
9035
|
+
"item": "tag",
|
|
9036
|
+
"subitem": "2",
|
|
9037
|
+
"state": "foreground"
|
|
9038
|
+
},
|
|
9039
|
+
"path": [
|
|
9040
|
+
"color",
|
|
9041
|
+
"light-mode",
|
|
9042
|
+
"tag",
|
|
9043
|
+
"2",
|
|
9044
|
+
"foreground"
|
|
9045
|
+
]
|
|
9046
|
+
}
|
|
9047
|
+
},
|
|
9048
|
+
"3": {
|
|
9049
|
+
"background": {
|
|
9050
|
+
"value": "#ffe5f6",
|
|
9051
|
+
"public": true,
|
|
9052
|
+
"isReferenceToInternal": true,
|
|
9053
|
+
"filePath": "tokens/color/alias/tags.light.json",
|
|
9054
|
+
"isSource": true,
|
|
9055
|
+
"original": {
|
|
9056
|
+
"value": "{color.light-mode.brand.accent.100.value}",
|
|
9057
|
+
"public": true,
|
|
9058
|
+
"isReferenceToInternal": true
|
|
9059
|
+
},
|
|
9060
|
+
"name": "color-light-mode-tag-3-background",
|
|
9061
|
+
"attributes": {
|
|
9062
|
+
"category": "color",
|
|
9063
|
+
"type": "light-mode",
|
|
9064
|
+
"item": "tag",
|
|
9065
|
+
"subitem": "3",
|
|
9066
|
+
"state": "background"
|
|
9067
|
+
},
|
|
9068
|
+
"path": [
|
|
9069
|
+
"color",
|
|
9070
|
+
"light-mode",
|
|
9071
|
+
"tag",
|
|
9072
|
+
"3",
|
|
9073
|
+
"background"
|
|
9074
|
+
]
|
|
9075
|
+
},
|
|
9076
|
+
"foreground": {
|
|
9077
|
+
"value": "#9a0066",
|
|
9078
|
+
"public": true,
|
|
9079
|
+
"isReferenceToInternal": true,
|
|
9080
|
+
"filePath": "tokens/color/alias/tags.light.json",
|
|
9081
|
+
"isSource": true,
|
|
9082
|
+
"original": {
|
|
9083
|
+
"value": "{color.light-mode.brand.accent.500.value}",
|
|
9084
|
+
"public": true,
|
|
9085
|
+
"isReferenceToInternal": true
|
|
9086
|
+
},
|
|
9087
|
+
"name": "color-light-mode-tag-3-foreground",
|
|
9088
|
+
"attributes": {
|
|
9089
|
+
"category": "color",
|
|
9090
|
+
"type": "light-mode",
|
|
9091
|
+
"item": "tag",
|
|
9092
|
+
"subitem": "3",
|
|
9093
|
+
"state": "foreground"
|
|
9094
|
+
},
|
|
9095
|
+
"path": [
|
|
9096
|
+
"color",
|
|
9097
|
+
"light-mode",
|
|
9098
|
+
"tag",
|
|
9099
|
+
"3",
|
|
9100
|
+
"foreground"
|
|
9101
|
+
]
|
|
9102
|
+
}
|
|
9103
|
+
},
|
|
9104
|
+
"4": {
|
|
9105
|
+
"background": {
|
|
9106
|
+
"value": "#f1f1f1",
|
|
9107
|
+
"public": true,
|
|
9108
|
+
"isReferenceToInternal": true,
|
|
9109
|
+
"filePath": "tokens/color/alias/tags.light.json",
|
|
9110
|
+
"isSource": true,
|
|
9111
|
+
"original": {
|
|
9112
|
+
"value": "{color.light-mode.neutral.200.value}",
|
|
9113
|
+
"public": true,
|
|
9114
|
+
"isReferenceToInternal": true
|
|
9115
|
+
},
|
|
9116
|
+
"name": "color-light-mode-tag-4-background",
|
|
9117
|
+
"attributes": {
|
|
9118
|
+
"category": "color",
|
|
9119
|
+
"type": "light-mode",
|
|
9120
|
+
"item": "tag",
|
|
9121
|
+
"subitem": "4",
|
|
9122
|
+
"state": "background"
|
|
9123
|
+
},
|
|
9124
|
+
"path": [
|
|
9125
|
+
"color",
|
|
9126
|
+
"light-mode",
|
|
9127
|
+
"tag",
|
|
9128
|
+
"4",
|
|
9129
|
+
"background"
|
|
9130
|
+
]
|
|
9131
|
+
},
|
|
9132
|
+
"foreground": {
|
|
9133
|
+
"value": "#6d6d78",
|
|
9134
|
+
"public": true,
|
|
9135
|
+
"isReferenceToInternal": true,
|
|
9136
|
+
"filePath": "tokens/color/alias/tags.light.json",
|
|
9137
|
+
"isSource": true,
|
|
9138
|
+
"original": {
|
|
9139
|
+
"value": "{color.light-mode.neutral.400.value}",
|
|
9140
|
+
"public": true,
|
|
9141
|
+
"isReferenceToInternal": true
|
|
9142
|
+
},
|
|
9143
|
+
"name": "color-light-mode-tag-4-foreground",
|
|
9144
|
+
"attributes": {
|
|
9145
|
+
"category": "color",
|
|
9146
|
+
"type": "light-mode",
|
|
9147
|
+
"item": "tag",
|
|
9148
|
+
"subitem": "4",
|
|
9149
|
+
"state": "foreground"
|
|
9150
|
+
},
|
|
9151
|
+
"path": [
|
|
9152
|
+
"color",
|
|
9153
|
+
"light-mode",
|
|
9154
|
+
"tag",
|
|
9155
|
+
"4",
|
|
9156
|
+
"foreground"
|
|
9157
|
+
]
|
|
9158
|
+
}
|
|
9159
|
+
},
|
|
9160
|
+
"5": {
|
|
9161
|
+
"background": {
|
|
9162
|
+
"value": "#ffebeb",
|
|
9163
|
+
"public": true,
|
|
9164
|
+
"isReferenceToInternal": true,
|
|
9165
|
+
"filePath": "tokens/color/alias/tags.light.json",
|
|
9166
|
+
"isSource": true,
|
|
9167
|
+
"original": {
|
|
9168
|
+
"value": "{color.light-mode.semantic.error.100.value}",
|
|
9169
|
+
"public": true,
|
|
9170
|
+
"isReferenceToInternal": true
|
|
9171
|
+
},
|
|
9172
|
+
"name": "color-light-mode-tag-5-background",
|
|
9173
|
+
"attributes": {
|
|
9174
|
+
"category": "color",
|
|
9175
|
+
"type": "light-mode",
|
|
9176
|
+
"item": "tag",
|
|
9177
|
+
"subitem": "5",
|
|
9178
|
+
"state": "background"
|
|
9179
|
+
},
|
|
9180
|
+
"path": [
|
|
9181
|
+
"color",
|
|
9182
|
+
"light-mode",
|
|
9183
|
+
"tag",
|
|
9184
|
+
"5",
|
|
9185
|
+
"background"
|
|
9186
|
+
]
|
|
9187
|
+
},
|
|
9188
|
+
"foreground": {
|
|
9189
|
+
"value": "#700000",
|
|
9190
|
+
"public": true,
|
|
9191
|
+
"isReferenceToInternal": true,
|
|
9192
|
+
"filePath": "tokens/color/alias/tags.light.json",
|
|
9193
|
+
"isSource": true,
|
|
9194
|
+
"original": {
|
|
9195
|
+
"value": "{color.light-mode.semantic.error.500.value}",
|
|
9196
|
+
"public": true,
|
|
9197
|
+
"isReferenceToInternal": true
|
|
9198
|
+
},
|
|
9199
|
+
"name": "color-light-mode-tag-5-foreground",
|
|
9200
|
+
"attributes": {
|
|
9201
|
+
"category": "color",
|
|
9202
|
+
"type": "light-mode",
|
|
9203
|
+
"item": "tag",
|
|
9204
|
+
"subitem": "5",
|
|
9205
|
+
"state": "foreground"
|
|
9206
|
+
},
|
|
9207
|
+
"path": [
|
|
9208
|
+
"color",
|
|
9209
|
+
"light-mode",
|
|
9210
|
+
"tag",
|
|
9211
|
+
"5",
|
|
9212
|
+
"foreground"
|
|
9213
|
+
]
|
|
9214
|
+
}
|
|
9215
|
+
},
|
|
9216
|
+
"6": {
|
|
9217
|
+
"background": {
|
|
9218
|
+
"value": "#fffae6",
|
|
9219
|
+
"public": true,
|
|
9220
|
+
"isReferenceToInternal": true,
|
|
9221
|
+
"filePath": "tokens/color/alias/tags.light.json",
|
|
9222
|
+
"isSource": true,
|
|
9223
|
+
"original": {
|
|
9224
|
+
"value": "{color.light-mode.semantic.warning.100.value}",
|
|
9225
|
+
"public": true,
|
|
9226
|
+
"isReferenceToInternal": true
|
|
9227
|
+
},
|
|
9228
|
+
"name": "color-light-mode-tag-6-background",
|
|
9229
|
+
"attributes": {
|
|
9230
|
+
"category": "color",
|
|
9231
|
+
"type": "light-mode",
|
|
9232
|
+
"item": "tag",
|
|
9233
|
+
"subitem": "6",
|
|
9234
|
+
"state": "background"
|
|
9235
|
+
},
|
|
9236
|
+
"path": [
|
|
9237
|
+
"color",
|
|
9238
|
+
"light-mode",
|
|
9239
|
+
"tag",
|
|
9240
|
+
"6",
|
|
9241
|
+
"background"
|
|
9242
|
+
]
|
|
9243
|
+
},
|
|
9244
|
+
"foreground": {
|
|
9245
|
+
"value": "#b15902",
|
|
9246
|
+
"public": true,
|
|
9247
|
+
"isReferenceToInternal": true,
|
|
9248
|
+
"filePath": "tokens/color/alias/tags.light.json",
|
|
9249
|
+
"isSource": true,
|
|
9250
|
+
"original": {
|
|
9251
|
+
"value": "{color.light-mode.semantic.warning.500.value}",
|
|
9252
|
+
"public": true,
|
|
9253
|
+
"isReferenceToInternal": true
|
|
9254
|
+
},
|
|
9255
|
+
"name": "color-light-mode-tag-6-foreground",
|
|
9256
|
+
"attributes": {
|
|
9257
|
+
"category": "color",
|
|
9258
|
+
"type": "light-mode",
|
|
9259
|
+
"item": "tag",
|
|
9260
|
+
"subitem": "6",
|
|
9261
|
+
"state": "foreground"
|
|
9262
|
+
},
|
|
9263
|
+
"path": [
|
|
9264
|
+
"color",
|
|
9265
|
+
"light-mode",
|
|
9266
|
+
"tag",
|
|
9267
|
+
"6",
|
|
9268
|
+
"foreground"
|
|
9269
|
+
]
|
|
9270
|
+
}
|
|
9271
|
+
},
|
|
9272
|
+
"7": {
|
|
9273
|
+
"background": {
|
|
9274
|
+
"value": "#dffcf0",
|
|
9275
|
+
"public": true,
|
|
9276
|
+
"isReferenceToInternal": true,
|
|
9277
|
+
"filePath": "tokens/color/alias/tags.light.json",
|
|
9278
|
+
"isSource": true,
|
|
9279
|
+
"original": {
|
|
9280
|
+
"value": "{color.light-mode.semantic.success.100.value}",
|
|
9281
|
+
"public": true,
|
|
9282
|
+
"isReferenceToInternal": true
|
|
9283
|
+
},
|
|
9284
|
+
"name": "color-light-mode-tag-7-background",
|
|
9285
|
+
"attributes": {
|
|
9286
|
+
"category": "color",
|
|
9287
|
+
"type": "light-mode",
|
|
9288
|
+
"item": "tag",
|
|
9289
|
+
"subitem": "7",
|
|
9290
|
+
"state": "background"
|
|
9291
|
+
},
|
|
9292
|
+
"path": [
|
|
9293
|
+
"color",
|
|
9294
|
+
"light-mode",
|
|
9295
|
+
"tag",
|
|
9296
|
+
"7",
|
|
9297
|
+
"background"
|
|
9298
|
+
]
|
|
9299
|
+
},
|
|
9300
|
+
"foreground": {
|
|
9301
|
+
"value": "#164b35",
|
|
9302
|
+
"public": true,
|
|
9303
|
+
"isReferenceToInternal": true,
|
|
9304
|
+
"filePath": "tokens/color/alias/tags.light.json",
|
|
9305
|
+
"isSource": true,
|
|
9306
|
+
"original": {
|
|
9307
|
+
"value": "{color.light-mode.semantic.success.500.value}",
|
|
9308
|
+
"public": true,
|
|
9309
|
+
"isReferenceToInternal": true
|
|
9310
|
+
},
|
|
9311
|
+
"name": "color-light-mode-tag-7-foreground",
|
|
9312
|
+
"attributes": {
|
|
9313
|
+
"category": "color",
|
|
9314
|
+
"type": "light-mode",
|
|
9315
|
+
"item": "tag",
|
|
9316
|
+
"subitem": "7",
|
|
9317
|
+
"state": "foreground"
|
|
9318
|
+
},
|
|
9319
|
+
"path": [
|
|
9320
|
+
"color",
|
|
9321
|
+
"light-mode",
|
|
9322
|
+
"tag",
|
|
9323
|
+
"7",
|
|
9324
|
+
"foreground"
|
|
9325
|
+
]
|
|
9326
|
+
}
|
|
9327
|
+
},
|
|
9328
|
+
"8": {
|
|
9329
|
+
"background": {
|
|
9330
|
+
"value": "#f0fdff",
|
|
9331
|
+
"public": true,
|
|
9332
|
+
"isReferenceToInternal": true,
|
|
9333
|
+
"filePath": "tokens/color/alias/tags.light.json",
|
|
9334
|
+
"isSource": true,
|
|
9335
|
+
"original": {
|
|
9336
|
+
"value": "{color.light-mode.semantic.info.100.value}",
|
|
9337
|
+
"public": true,
|
|
9338
|
+
"isReferenceToInternal": true
|
|
9339
|
+
},
|
|
9340
|
+
"name": "color-light-mode-tag-8-background",
|
|
9341
|
+
"attributes": {
|
|
9342
|
+
"category": "color",
|
|
9343
|
+
"type": "light-mode",
|
|
9344
|
+
"item": "tag",
|
|
9345
|
+
"subitem": "8",
|
|
9346
|
+
"state": "background"
|
|
9347
|
+
},
|
|
9348
|
+
"path": [
|
|
9349
|
+
"color",
|
|
9350
|
+
"light-mode",
|
|
9351
|
+
"tag",
|
|
9352
|
+
"8",
|
|
9353
|
+
"background"
|
|
9354
|
+
]
|
|
9355
|
+
},
|
|
9356
|
+
"foreground": {
|
|
9357
|
+
"value": "#0f5f6a",
|
|
9358
|
+
"public": true,
|
|
9359
|
+
"isReferenceToInternal": true,
|
|
9360
|
+
"filePath": "tokens/color/alias/tags.light.json",
|
|
9361
|
+
"isSource": true,
|
|
9362
|
+
"original": {
|
|
9363
|
+
"value": "{color.light-mode.semantic.info.500.value}",
|
|
9364
|
+
"public": true,
|
|
9365
|
+
"isReferenceToInternal": true
|
|
9366
|
+
},
|
|
9367
|
+
"name": "color-light-mode-tag-8-foreground",
|
|
9368
|
+
"attributes": {
|
|
9369
|
+
"category": "color",
|
|
9370
|
+
"type": "light-mode",
|
|
9371
|
+
"item": "tag",
|
|
9372
|
+
"subitem": "8",
|
|
9373
|
+
"state": "foreground"
|
|
9374
|
+
},
|
|
9375
|
+
"path": [
|
|
9376
|
+
"color",
|
|
9377
|
+
"light-mode",
|
|
9378
|
+
"tag",
|
|
9379
|
+
"8",
|
|
9380
|
+
"foreground"
|
|
9381
|
+
]
|
|
9382
|
+
}
|
|
9383
|
+
}
|
|
9384
|
+
},
|
|
8935
9385
|
"tile": {
|
|
8936
9386
|
"background": {
|
|
8937
9387
|
"hover": {
|