@gitlab/ui 122.10.0 → 122.12.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +2 -2
- package/dist/index.css.map +1 -1
- package/dist/tailwind.css +1 -1
- package/dist/tailwind.css.map +1 -1
- package/dist/tokens/build/js/tokens.dark.js +12 -1
- package/dist/tokens/build/js/tokens.js +12 -1
- package/dist/tokens/css/tokens.css +11 -0
- package/dist/tokens/css/tokens.dark.css +11 -0
- package/dist/tokens/docs/tokens-tailwind-docs.dark.json +277 -0
- package/dist/tokens/docs/tokens-tailwind-docs.json +277 -0
- package/dist/tokens/figma/constants.tokens.json +79 -0
- package/dist/tokens/js/tokens.dark.js +11 -0
- package/dist/tokens/js/tokens.js +11 -0
- package/dist/tokens/json/tokens.dark.json +266 -0
- package/dist/tokens/json/tokens.json +266 -0
- package/dist/tokens/scss/_tokens.dark.scss +11 -0
- package/dist/tokens/scss/_tokens.scss +11 -0
- package/dist/tokens/scss/_tokens_custom_properties.scss +11 -0
- package/dist/tokens/tailwind/tokens.cjs +2 -0
- package/package.json +1 -1
- package/src/components/base/modal/modal.scss +2 -0
- package/src/tokens/build/css/tokens.css +11 -0
- package/src/tokens/build/css/tokens.dark.css +11 -0
- package/src/tokens/build/docs/tokens-tailwind-docs.dark.json +277 -0
- package/src/tokens/build/docs/tokens-tailwind-docs.json +277 -0
- package/src/tokens/build/figma/constants.tokens.json +79 -0
- package/src/tokens/build/js/tokens.dark.js +11 -0
- package/src/tokens/build/js/tokens.js +11 -0
- package/src/tokens/build/json/tokens.dark.json +266 -0
- package/src/tokens/build/json/tokens.json +266 -0
- package/src/tokens/build/scss/_tokens.dark.scss +11 -0
- package/src/tokens/build/scss/_tokens.scss +11 -0
- package/src/tokens/build/scss/_tokens_custom_properties.scss +11 -0
- package/src/tokens/build/tailwind/tokens.cjs +14 -0
- package/src/tokens/constant/opacity.tokens.json +81 -0
- package/tailwind.defaults.js +2 -13
|
@@ -44058,5 +44058,282 @@
|
|
|
44058
44058
|
],
|
|
44059
44059
|
"cssWithValue": "var(--gl-control-border-radius, var(--gl-border-radius-default, 0.25rem))"
|
|
44060
44060
|
}
|
|
44061
|
+
},
|
|
44062
|
+
"opacity": {
|
|
44063
|
+
"0": {
|
|
44064
|
+
"key": "{opacity.0}",
|
|
44065
|
+
"$value": "0",
|
|
44066
|
+
"$type": "number",
|
|
44067
|
+
"$extensions": {
|
|
44068
|
+
"com.figma.scope": []
|
|
44069
|
+
},
|
|
44070
|
+
"filePath": "src/tokens/constant/opacity.tokens.json",
|
|
44071
|
+
"isSource": true,
|
|
44072
|
+
"original": {
|
|
44073
|
+
"$value": "0",
|
|
44074
|
+
"$type": "number",
|
|
44075
|
+
"$extensions": {
|
|
44076
|
+
"com.figma.scope": []
|
|
44077
|
+
},
|
|
44078
|
+
"key": "{opacity.0}"
|
|
44079
|
+
},
|
|
44080
|
+
"name": "OPACITY_0",
|
|
44081
|
+
"attributes": {},
|
|
44082
|
+
"path": [
|
|
44083
|
+
"opacity",
|
|
44084
|
+
"0"
|
|
44085
|
+
],
|
|
44086
|
+
"cssWithValue": "var(--gl-opacity-0, 0)"
|
|
44087
|
+
},
|
|
44088
|
+
"1": {
|
|
44089
|
+
"key": "{opacity.1}",
|
|
44090
|
+
"$value": ".1",
|
|
44091
|
+
"$type": "number",
|
|
44092
|
+
"$extensions": {
|
|
44093
|
+
"com.figma.scope": []
|
|
44094
|
+
},
|
|
44095
|
+
"filePath": "src/tokens/constant/opacity.tokens.json",
|
|
44096
|
+
"isSource": true,
|
|
44097
|
+
"original": {
|
|
44098
|
+
"$value": ".1",
|
|
44099
|
+
"$type": "number",
|
|
44100
|
+
"$extensions": {
|
|
44101
|
+
"com.figma.scope": []
|
|
44102
|
+
},
|
|
44103
|
+
"key": "{opacity.1}"
|
|
44104
|
+
},
|
|
44105
|
+
"name": "OPACITY_1",
|
|
44106
|
+
"attributes": {},
|
|
44107
|
+
"path": [
|
|
44108
|
+
"opacity",
|
|
44109
|
+
"1"
|
|
44110
|
+
],
|
|
44111
|
+
"cssWithValue": "var(--gl-opacity-1, .1)"
|
|
44112
|
+
},
|
|
44113
|
+
"2": {
|
|
44114
|
+
"key": "{opacity.2}",
|
|
44115
|
+
"$value": ".2",
|
|
44116
|
+
"$type": "number",
|
|
44117
|
+
"$extensions": {
|
|
44118
|
+
"com.figma.scope": []
|
|
44119
|
+
},
|
|
44120
|
+
"filePath": "src/tokens/constant/opacity.tokens.json",
|
|
44121
|
+
"isSource": true,
|
|
44122
|
+
"original": {
|
|
44123
|
+
"$value": ".2",
|
|
44124
|
+
"$type": "number",
|
|
44125
|
+
"$extensions": {
|
|
44126
|
+
"com.figma.scope": []
|
|
44127
|
+
},
|
|
44128
|
+
"key": "{opacity.2}"
|
|
44129
|
+
},
|
|
44130
|
+
"name": "OPACITY_2",
|
|
44131
|
+
"attributes": {},
|
|
44132
|
+
"path": [
|
|
44133
|
+
"opacity",
|
|
44134
|
+
"2"
|
|
44135
|
+
],
|
|
44136
|
+
"cssWithValue": "var(--gl-opacity-2, .2)"
|
|
44137
|
+
},
|
|
44138
|
+
"3": {
|
|
44139
|
+
"key": "{opacity.3}",
|
|
44140
|
+
"$value": ".3",
|
|
44141
|
+
"$type": "number",
|
|
44142
|
+
"$extensions": {
|
|
44143
|
+
"com.figma.scope": []
|
|
44144
|
+
},
|
|
44145
|
+
"filePath": "src/tokens/constant/opacity.tokens.json",
|
|
44146
|
+
"isSource": true,
|
|
44147
|
+
"original": {
|
|
44148
|
+
"$value": ".3",
|
|
44149
|
+
"$type": "number",
|
|
44150
|
+
"$extensions": {
|
|
44151
|
+
"com.figma.scope": []
|
|
44152
|
+
},
|
|
44153
|
+
"key": "{opacity.3}"
|
|
44154
|
+
},
|
|
44155
|
+
"name": "OPACITY_3",
|
|
44156
|
+
"attributes": {},
|
|
44157
|
+
"path": [
|
|
44158
|
+
"opacity",
|
|
44159
|
+
"3"
|
|
44160
|
+
],
|
|
44161
|
+
"cssWithValue": "var(--gl-opacity-3, .3)"
|
|
44162
|
+
},
|
|
44163
|
+
"4": {
|
|
44164
|
+
"key": "{opacity.4}",
|
|
44165
|
+
"$value": ".4",
|
|
44166
|
+
"$type": "number",
|
|
44167
|
+
"$extensions": {
|
|
44168
|
+
"com.figma.scope": []
|
|
44169
|
+
},
|
|
44170
|
+
"filePath": "src/tokens/constant/opacity.tokens.json",
|
|
44171
|
+
"isSource": true,
|
|
44172
|
+
"original": {
|
|
44173
|
+
"$value": ".4",
|
|
44174
|
+
"$type": "number",
|
|
44175
|
+
"$extensions": {
|
|
44176
|
+
"com.figma.scope": []
|
|
44177
|
+
},
|
|
44178
|
+
"key": "{opacity.4}"
|
|
44179
|
+
},
|
|
44180
|
+
"name": "OPACITY_4",
|
|
44181
|
+
"attributes": {},
|
|
44182
|
+
"path": [
|
|
44183
|
+
"opacity",
|
|
44184
|
+
"4"
|
|
44185
|
+
],
|
|
44186
|
+
"cssWithValue": "var(--gl-opacity-4, .4)"
|
|
44187
|
+
},
|
|
44188
|
+
"5": {
|
|
44189
|
+
"key": "{opacity.5}",
|
|
44190
|
+
"$value": ".5",
|
|
44191
|
+
"$type": "number",
|
|
44192
|
+
"$extensions": {
|
|
44193
|
+
"com.figma.scope": []
|
|
44194
|
+
},
|
|
44195
|
+
"filePath": "src/tokens/constant/opacity.tokens.json",
|
|
44196
|
+
"isSource": true,
|
|
44197
|
+
"original": {
|
|
44198
|
+
"$value": ".5",
|
|
44199
|
+
"$type": "number",
|
|
44200
|
+
"$extensions": {
|
|
44201
|
+
"com.figma.scope": []
|
|
44202
|
+
},
|
|
44203
|
+
"key": "{opacity.5}"
|
|
44204
|
+
},
|
|
44205
|
+
"name": "OPACITY_5",
|
|
44206
|
+
"attributes": {},
|
|
44207
|
+
"path": [
|
|
44208
|
+
"opacity",
|
|
44209
|
+
"5"
|
|
44210
|
+
],
|
|
44211
|
+
"cssWithValue": "var(--gl-opacity-5, .5)"
|
|
44212
|
+
},
|
|
44213
|
+
"6": {
|
|
44214
|
+
"key": "{opacity.6}",
|
|
44215
|
+
"$value": ".6",
|
|
44216
|
+
"$type": "number",
|
|
44217
|
+
"$extensions": {
|
|
44218
|
+
"com.figma.scope": []
|
|
44219
|
+
},
|
|
44220
|
+
"filePath": "src/tokens/constant/opacity.tokens.json",
|
|
44221
|
+
"isSource": true,
|
|
44222
|
+
"original": {
|
|
44223
|
+
"$value": ".6",
|
|
44224
|
+
"$type": "number",
|
|
44225
|
+
"$extensions": {
|
|
44226
|
+
"com.figma.scope": []
|
|
44227
|
+
},
|
|
44228
|
+
"key": "{opacity.6}"
|
|
44229
|
+
},
|
|
44230
|
+
"name": "OPACITY_6",
|
|
44231
|
+
"attributes": {},
|
|
44232
|
+
"path": [
|
|
44233
|
+
"opacity",
|
|
44234
|
+
"6"
|
|
44235
|
+
],
|
|
44236
|
+
"cssWithValue": "var(--gl-opacity-6, .6)"
|
|
44237
|
+
},
|
|
44238
|
+
"7": {
|
|
44239
|
+
"key": "{opacity.7}",
|
|
44240
|
+
"$value": ".7",
|
|
44241
|
+
"$type": "number",
|
|
44242
|
+
"$extensions": {
|
|
44243
|
+
"com.figma.scope": []
|
|
44244
|
+
},
|
|
44245
|
+
"filePath": "src/tokens/constant/opacity.tokens.json",
|
|
44246
|
+
"isSource": true,
|
|
44247
|
+
"original": {
|
|
44248
|
+
"$value": ".7",
|
|
44249
|
+
"$type": "number",
|
|
44250
|
+
"$extensions": {
|
|
44251
|
+
"com.figma.scope": []
|
|
44252
|
+
},
|
|
44253
|
+
"key": "{opacity.7}"
|
|
44254
|
+
},
|
|
44255
|
+
"name": "OPACITY_7",
|
|
44256
|
+
"attributes": {},
|
|
44257
|
+
"path": [
|
|
44258
|
+
"opacity",
|
|
44259
|
+
"7"
|
|
44260
|
+
],
|
|
44261
|
+
"cssWithValue": "var(--gl-opacity-7, .7)"
|
|
44262
|
+
},
|
|
44263
|
+
"8": {
|
|
44264
|
+
"key": "{opacity.8}",
|
|
44265
|
+
"$value": ".8",
|
|
44266
|
+
"$type": "number",
|
|
44267
|
+
"$extensions": {
|
|
44268
|
+
"com.figma.scope": []
|
|
44269
|
+
},
|
|
44270
|
+
"filePath": "src/tokens/constant/opacity.tokens.json",
|
|
44271
|
+
"isSource": true,
|
|
44272
|
+
"original": {
|
|
44273
|
+
"$value": ".8",
|
|
44274
|
+
"$type": "number",
|
|
44275
|
+
"$extensions": {
|
|
44276
|
+
"com.figma.scope": []
|
|
44277
|
+
},
|
|
44278
|
+
"key": "{opacity.8}"
|
|
44279
|
+
},
|
|
44280
|
+
"name": "OPACITY_8",
|
|
44281
|
+
"attributes": {},
|
|
44282
|
+
"path": [
|
|
44283
|
+
"opacity",
|
|
44284
|
+
"8"
|
|
44285
|
+
],
|
|
44286
|
+
"cssWithValue": "var(--gl-opacity-8, .8)"
|
|
44287
|
+
},
|
|
44288
|
+
"9": {
|
|
44289
|
+
"key": "{opacity.9}",
|
|
44290
|
+
"$value": ".9",
|
|
44291
|
+
"$type": "number",
|
|
44292
|
+
"$extensions": {
|
|
44293
|
+
"com.figma.scope": []
|
|
44294
|
+
},
|
|
44295
|
+
"filePath": "src/tokens/constant/opacity.tokens.json",
|
|
44296
|
+
"isSource": true,
|
|
44297
|
+
"original": {
|
|
44298
|
+
"$value": ".9",
|
|
44299
|
+
"$type": "number",
|
|
44300
|
+
"$extensions": {
|
|
44301
|
+
"com.figma.scope": []
|
|
44302
|
+
},
|
|
44303
|
+
"key": "{opacity.9}"
|
|
44304
|
+
},
|
|
44305
|
+
"name": "OPACITY_9",
|
|
44306
|
+
"attributes": {},
|
|
44307
|
+
"path": [
|
|
44308
|
+
"opacity",
|
|
44309
|
+
"9"
|
|
44310
|
+
],
|
|
44311
|
+
"cssWithValue": "var(--gl-opacity-9, .9)"
|
|
44312
|
+
},
|
|
44313
|
+
"10": {
|
|
44314
|
+
"key": "{opacity.10}",
|
|
44315
|
+
"$value": "1",
|
|
44316
|
+
"$type": "number",
|
|
44317
|
+
"$extensions": {
|
|
44318
|
+
"com.figma.scope": []
|
|
44319
|
+
},
|
|
44320
|
+
"filePath": "src/tokens/constant/opacity.tokens.json",
|
|
44321
|
+
"isSource": true,
|
|
44322
|
+
"original": {
|
|
44323
|
+
"$value": "1",
|
|
44324
|
+
"$type": "number",
|
|
44325
|
+
"$extensions": {
|
|
44326
|
+
"com.figma.scope": []
|
|
44327
|
+
},
|
|
44328
|
+
"key": "{opacity.10}"
|
|
44329
|
+
},
|
|
44330
|
+
"name": "OPACITY_10",
|
|
44331
|
+
"attributes": {},
|
|
44332
|
+
"path": [
|
|
44333
|
+
"opacity",
|
|
44334
|
+
"10"
|
|
44335
|
+
],
|
|
44336
|
+
"cssWithValue": "var(--gl-opacity-10, 1)"
|
|
44337
|
+
}
|
|
44061
44338
|
}
|
|
44062
44339
|
}
|
|
@@ -44058,5 +44058,282 @@
|
|
|
44058
44058
|
],
|
|
44059
44059
|
"cssWithValue": "var(--gl-control-border-radius, var(--gl-border-radius-default, 0.25rem))"
|
|
44060
44060
|
}
|
|
44061
|
+
},
|
|
44062
|
+
"opacity": {
|
|
44063
|
+
"0": {
|
|
44064
|
+
"key": "{opacity.0}",
|
|
44065
|
+
"$value": "0",
|
|
44066
|
+
"$type": "number",
|
|
44067
|
+
"$extensions": {
|
|
44068
|
+
"com.figma.scope": []
|
|
44069
|
+
},
|
|
44070
|
+
"filePath": "src/tokens/constant/opacity.tokens.json",
|
|
44071
|
+
"isSource": true,
|
|
44072
|
+
"original": {
|
|
44073
|
+
"$value": "0",
|
|
44074
|
+
"$type": "number",
|
|
44075
|
+
"$extensions": {
|
|
44076
|
+
"com.figma.scope": []
|
|
44077
|
+
},
|
|
44078
|
+
"key": "{opacity.0}"
|
|
44079
|
+
},
|
|
44080
|
+
"name": "OPACITY_0",
|
|
44081
|
+
"attributes": {},
|
|
44082
|
+
"path": [
|
|
44083
|
+
"opacity",
|
|
44084
|
+
"0"
|
|
44085
|
+
],
|
|
44086
|
+
"cssWithValue": "var(--gl-opacity-0, 0)"
|
|
44087
|
+
},
|
|
44088
|
+
"1": {
|
|
44089
|
+
"key": "{opacity.1}",
|
|
44090
|
+
"$value": ".1",
|
|
44091
|
+
"$type": "number",
|
|
44092
|
+
"$extensions": {
|
|
44093
|
+
"com.figma.scope": []
|
|
44094
|
+
},
|
|
44095
|
+
"filePath": "src/tokens/constant/opacity.tokens.json",
|
|
44096
|
+
"isSource": true,
|
|
44097
|
+
"original": {
|
|
44098
|
+
"$value": ".1",
|
|
44099
|
+
"$type": "number",
|
|
44100
|
+
"$extensions": {
|
|
44101
|
+
"com.figma.scope": []
|
|
44102
|
+
},
|
|
44103
|
+
"key": "{opacity.1}"
|
|
44104
|
+
},
|
|
44105
|
+
"name": "OPACITY_1",
|
|
44106
|
+
"attributes": {},
|
|
44107
|
+
"path": [
|
|
44108
|
+
"opacity",
|
|
44109
|
+
"1"
|
|
44110
|
+
],
|
|
44111
|
+
"cssWithValue": "var(--gl-opacity-1, .1)"
|
|
44112
|
+
},
|
|
44113
|
+
"2": {
|
|
44114
|
+
"key": "{opacity.2}",
|
|
44115
|
+
"$value": ".2",
|
|
44116
|
+
"$type": "number",
|
|
44117
|
+
"$extensions": {
|
|
44118
|
+
"com.figma.scope": []
|
|
44119
|
+
},
|
|
44120
|
+
"filePath": "src/tokens/constant/opacity.tokens.json",
|
|
44121
|
+
"isSource": true,
|
|
44122
|
+
"original": {
|
|
44123
|
+
"$value": ".2",
|
|
44124
|
+
"$type": "number",
|
|
44125
|
+
"$extensions": {
|
|
44126
|
+
"com.figma.scope": []
|
|
44127
|
+
},
|
|
44128
|
+
"key": "{opacity.2}"
|
|
44129
|
+
},
|
|
44130
|
+
"name": "OPACITY_2",
|
|
44131
|
+
"attributes": {},
|
|
44132
|
+
"path": [
|
|
44133
|
+
"opacity",
|
|
44134
|
+
"2"
|
|
44135
|
+
],
|
|
44136
|
+
"cssWithValue": "var(--gl-opacity-2, .2)"
|
|
44137
|
+
},
|
|
44138
|
+
"3": {
|
|
44139
|
+
"key": "{opacity.3}",
|
|
44140
|
+
"$value": ".3",
|
|
44141
|
+
"$type": "number",
|
|
44142
|
+
"$extensions": {
|
|
44143
|
+
"com.figma.scope": []
|
|
44144
|
+
},
|
|
44145
|
+
"filePath": "src/tokens/constant/opacity.tokens.json",
|
|
44146
|
+
"isSource": true,
|
|
44147
|
+
"original": {
|
|
44148
|
+
"$value": ".3",
|
|
44149
|
+
"$type": "number",
|
|
44150
|
+
"$extensions": {
|
|
44151
|
+
"com.figma.scope": []
|
|
44152
|
+
},
|
|
44153
|
+
"key": "{opacity.3}"
|
|
44154
|
+
},
|
|
44155
|
+
"name": "OPACITY_3",
|
|
44156
|
+
"attributes": {},
|
|
44157
|
+
"path": [
|
|
44158
|
+
"opacity",
|
|
44159
|
+
"3"
|
|
44160
|
+
],
|
|
44161
|
+
"cssWithValue": "var(--gl-opacity-3, .3)"
|
|
44162
|
+
},
|
|
44163
|
+
"4": {
|
|
44164
|
+
"key": "{opacity.4}",
|
|
44165
|
+
"$value": ".4",
|
|
44166
|
+
"$type": "number",
|
|
44167
|
+
"$extensions": {
|
|
44168
|
+
"com.figma.scope": []
|
|
44169
|
+
},
|
|
44170
|
+
"filePath": "src/tokens/constant/opacity.tokens.json",
|
|
44171
|
+
"isSource": true,
|
|
44172
|
+
"original": {
|
|
44173
|
+
"$value": ".4",
|
|
44174
|
+
"$type": "number",
|
|
44175
|
+
"$extensions": {
|
|
44176
|
+
"com.figma.scope": []
|
|
44177
|
+
},
|
|
44178
|
+
"key": "{opacity.4}"
|
|
44179
|
+
},
|
|
44180
|
+
"name": "OPACITY_4",
|
|
44181
|
+
"attributes": {},
|
|
44182
|
+
"path": [
|
|
44183
|
+
"opacity",
|
|
44184
|
+
"4"
|
|
44185
|
+
],
|
|
44186
|
+
"cssWithValue": "var(--gl-opacity-4, .4)"
|
|
44187
|
+
},
|
|
44188
|
+
"5": {
|
|
44189
|
+
"key": "{opacity.5}",
|
|
44190
|
+
"$value": ".5",
|
|
44191
|
+
"$type": "number",
|
|
44192
|
+
"$extensions": {
|
|
44193
|
+
"com.figma.scope": []
|
|
44194
|
+
},
|
|
44195
|
+
"filePath": "src/tokens/constant/opacity.tokens.json",
|
|
44196
|
+
"isSource": true,
|
|
44197
|
+
"original": {
|
|
44198
|
+
"$value": ".5",
|
|
44199
|
+
"$type": "number",
|
|
44200
|
+
"$extensions": {
|
|
44201
|
+
"com.figma.scope": []
|
|
44202
|
+
},
|
|
44203
|
+
"key": "{opacity.5}"
|
|
44204
|
+
},
|
|
44205
|
+
"name": "OPACITY_5",
|
|
44206
|
+
"attributes": {},
|
|
44207
|
+
"path": [
|
|
44208
|
+
"opacity",
|
|
44209
|
+
"5"
|
|
44210
|
+
],
|
|
44211
|
+
"cssWithValue": "var(--gl-opacity-5, .5)"
|
|
44212
|
+
},
|
|
44213
|
+
"6": {
|
|
44214
|
+
"key": "{opacity.6}",
|
|
44215
|
+
"$value": ".6",
|
|
44216
|
+
"$type": "number",
|
|
44217
|
+
"$extensions": {
|
|
44218
|
+
"com.figma.scope": []
|
|
44219
|
+
},
|
|
44220
|
+
"filePath": "src/tokens/constant/opacity.tokens.json",
|
|
44221
|
+
"isSource": true,
|
|
44222
|
+
"original": {
|
|
44223
|
+
"$value": ".6",
|
|
44224
|
+
"$type": "number",
|
|
44225
|
+
"$extensions": {
|
|
44226
|
+
"com.figma.scope": []
|
|
44227
|
+
},
|
|
44228
|
+
"key": "{opacity.6}"
|
|
44229
|
+
},
|
|
44230
|
+
"name": "OPACITY_6",
|
|
44231
|
+
"attributes": {},
|
|
44232
|
+
"path": [
|
|
44233
|
+
"opacity",
|
|
44234
|
+
"6"
|
|
44235
|
+
],
|
|
44236
|
+
"cssWithValue": "var(--gl-opacity-6, .6)"
|
|
44237
|
+
},
|
|
44238
|
+
"7": {
|
|
44239
|
+
"key": "{opacity.7}",
|
|
44240
|
+
"$value": ".7",
|
|
44241
|
+
"$type": "number",
|
|
44242
|
+
"$extensions": {
|
|
44243
|
+
"com.figma.scope": []
|
|
44244
|
+
},
|
|
44245
|
+
"filePath": "src/tokens/constant/opacity.tokens.json",
|
|
44246
|
+
"isSource": true,
|
|
44247
|
+
"original": {
|
|
44248
|
+
"$value": ".7",
|
|
44249
|
+
"$type": "number",
|
|
44250
|
+
"$extensions": {
|
|
44251
|
+
"com.figma.scope": []
|
|
44252
|
+
},
|
|
44253
|
+
"key": "{opacity.7}"
|
|
44254
|
+
},
|
|
44255
|
+
"name": "OPACITY_7",
|
|
44256
|
+
"attributes": {},
|
|
44257
|
+
"path": [
|
|
44258
|
+
"opacity",
|
|
44259
|
+
"7"
|
|
44260
|
+
],
|
|
44261
|
+
"cssWithValue": "var(--gl-opacity-7, .7)"
|
|
44262
|
+
},
|
|
44263
|
+
"8": {
|
|
44264
|
+
"key": "{opacity.8}",
|
|
44265
|
+
"$value": ".8",
|
|
44266
|
+
"$type": "number",
|
|
44267
|
+
"$extensions": {
|
|
44268
|
+
"com.figma.scope": []
|
|
44269
|
+
},
|
|
44270
|
+
"filePath": "src/tokens/constant/opacity.tokens.json",
|
|
44271
|
+
"isSource": true,
|
|
44272
|
+
"original": {
|
|
44273
|
+
"$value": ".8",
|
|
44274
|
+
"$type": "number",
|
|
44275
|
+
"$extensions": {
|
|
44276
|
+
"com.figma.scope": []
|
|
44277
|
+
},
|
|
44278
|
+
"key": "{opacity.8}"
|
|
44279
|
+
},
|
|
44280
|
+
"name": "OPACITY_8",
|
|
44281
|
+
"attributes": {},
|
|
44282
|
+
"path": [
|
|
44283
|
+
"opacity",
|
|
44284
|
+
"8"
|
|
44285
|
+
],
|
|
44286
|
+
"cssWithValue": "var(--gl-opacity-8, .8)"
|
|
44287
|
+
},
|
|
44288
|
+
"9": {
|
|
44289
|
+
"key": "{opacity.9}",
|
|
44290
|
+
"$value": ".9",
|
|
44291
|
+
"$type": "number",
|
|
44292
|
+
"$extensions": {
|
|
44293
|
+
"com.figma.scope": []
|
|
44294
|
+
},
|
|
44295
|
+
"filePath": "src/tokens/constant/opacity.tokens.json",
|
|
44296
|
+
"isSource": true,
|
|
44297
|
+
"original": {
|
|
44298
|
+
"$value": ".9",
|
|
44299
|
+
"$type": "number",
|
|
44300
|
+
"$extensions": {
|
|
44301
|
+
"com.figma.scope": []
|
|
44302
|
+
},
|
|
44303
|
+
"key": "{opacity.9}"
|
|
44304
|
+
},
|
|
44305
|
+
"name": "OPACITY_9",
|
|
44306
|
+
"attributes": {},
|
|
44307
|
+
"path": [
|
|
44308
|
+
"opacity",
|
|
44309
|
+
"9"
|
|
44310
|
+
],
|
|
44311
|
+
"cssWithValue": "var(--gl-opacity-9, .9)"
|
|
44312
|
+
},
|
|
44313
|
+
"10": {
|
|
44314
|
+
"key": "{opacity.10}",
|
|
44315
|
+
"$value": "1",
|
|
44316
|
+
"$type": "number",
|
|
44317
|
+
"$extensions": {
|
|
44318
|
+
"com.figma.scope": []
|
|
44319
|
+
},
|
|
44320
|
+
"filePath": "src/tokens/constant/opacity.tokens.json",
|
|
44321
|
+
"isSource": true,
|
|
44322
|
+
"original": {
|
|
44323
|
+
"$value": "1",
|
|
44324
|
+
"$type": "number",
|
|
44325
|
+
"$extensions": {
|
|
44326
|
+
"com.figma.scope": []
|
|
44327
|
+
},
|
|
44328
|
+
"key": "{opacity.10}"
|
|
44329
|
+
},
|
|
44330
|
+
"name": "OPACITY_10",
|
|
44331
|
+
"attributes": {},
|
|
44332
|
+
"path": [
|
|
44333
|
+
"opacity",
|
|
44334
|
+
"10"
|
|
44335
|
+
],
|
|
44336
|
+
"cssWithValue": "var(--gl-opacity-10, 1)"
|
|
44337
|
+
}
|
|
44061
44338
|
}
|
|
44062
44339
|
}
|
|
@@ -1797,6 +1797,85 @@
|
|
|
1797
1797
|
}
|
|
1798
1798
|
}
|
|
1799
1799
|
},
|
|
1800
|
+
"opacity": {
|
|
1801
|
+
"0": {
|
|
1802
|
+
"$value": "0",
|
|
1803
|
+
"$type": "number",
|
|
1804
|
+
"$extensions": {
|
|
1805
|
+
"com.figma.scope": []
|
|
1806
|
+
}
|
|
1807
|
+
},
|
|
1808
|
+
"1": {
|
|
1809
|
+
"$value": ".1",
|
|
1810
|
+
"$type": "number",
|
|
1811
|
+
"$extensions": {
|
|
1812
|
+
"com.figma.scope": []
|
|
1813
|
+
}
|
|
1814
|
+
},
|
|
1815
|
+
"2": {
|
|
1816
|
+
"$value": ".2",
|
|
1817
|
+
"$type": "number",
|
|
1818
|
+
"$extensions": {
|
|
1819
|
+
"com.figma.scope": []
|
|
1820
|
+
}
|
|
1821
|
+
},
|
|
1822
|
+
"3": {
|
|
1823
|
+
"$value": ".3",
|
|
1824
|
+
"$type": "number",
|
|
1825
|
+
"$extensions": {
|
|
1826
|
+
"com.figma.scope": []
|
|
1827
|
+
}
|
|
1828
|
+
},
|
|
1829
|
+
"4": {
|
|
1830
|
+
"$value": ".4",
|
|
1831
|
+
"$type": "number",
|
|
1832
|
+
"$extensions": {
|
|
1833
|
+
"com.figma.scope": []
|
|
1834
|
+
}
|
|
1835
|
+
},
|
|
1836
|
+
"5": {
|
|
1837
|
+
"$value": ".5",
|
|
1838
|
+
"$type": "number",
|
|
1839
|
+
"$extensions": {
|
|
1840
|
+
"com.figma.scope": []
|
|
1841
|
+
}
|
|
1842
|
+
},
|
|
1843
|
+
"6": {
|
|
1844
|
+
"$value": ".6",
|
|
1845
|
+
"$type": "number",
|
|
1846
|
+
"$extensions": {
|
|
1847
|
+
"com.figma.scope": []
|
|
1848
|
+
}
|
|
1849
|
+
},
|
|
1850
|
+
"7": {
|
|
1851
|
+
"$value": ".7",
|
|
1852
|
+
"$type": "number",
|
|
1853
|
+
"$extensions": {
|
|
1854
|
+
"com.figma.scope": []
|
|
1855
|
+
}
|
|
1856
|
+
},
|
|
1857
|
+
"8": {
|
|
1858
|
+
"$value": ".8",
|
|
1859
|
+
"$type": "number",
|
|
1860
|
+
"$extensions": {
|
|
1861
|
+
"com.figma.scope": []
|
|
1862
|
+
}
|
|
1863
|
+
},
|
|
1864
|
+
"9": {
|
|
1865
|
+
"$value": ".9",
|
|
1866
|
+
"$type": "number",
|
|
1867
|
+
"$extensions": {
|
|
1868
|
+
"com.figma.scope": []
|
|
1869
|
+
}
|
|
1870
|
+
},
|
|
1871
|
+
"10": {
|
|
1872
|
+
"$value": "1",
|
|
1873
|
+
"$type": "number",
|
|
1874
|
+
"$extensions": {
|
|
1875
|
+
"com.figma.scope": []
|
|
1876
|
+
}
|
|
1877
|
+
}
|
|
1878
|
+
},
|
|
1800
1879
|
"spacing-scale": {
|
|
1801
1880
|
"0": {
|
|
1802
1881
|
"$value": "0",
|
|
@@ -253,6 +253,17 @@ export const GL_LINE_HEIGHT_36 = "2.25rem";
|
|
|
253
253
|
export const GL_LINE_HEIGHT_42 = "2.625rem";
|
|
254
254
|
export const GL_LINE_HEIGHT_44 = "2.75rem";
|
|
255
255
|
export const GL_LINE_HEIGHT_52 = "3.25rem";
|
|
256
|
+
export const GL_OPACITY_0 = "0";
|
|
257
|
+
export const GL_OPACITY_1 = ".1";
|
|
258
|
+
export const GL_OPACITY_2 = ".2";
|
|
259
|
+
export const GL_OPACITY_3 = ".3";
|
|
260
|
+
export const GL_OPACITY_4 = ".4";
|
|
261
|
+
export const GL_OPACITY_5 = ".5";
|
|
262
|
+
export const GL_OPACITY_6 = ".6";
|
|
263
|
+
export const GL_OPACITY_7 = ".7";
|
|
264
|
+
export const GL_OPACITY_8 = ".8";
|
|
265
|
+
export const GL_OPACITY_9 = ".9";
|
|
266
|
+
export const GL_OPACITY_10 = "1";
|
|
256
267
|
export const GL_SPACING_SCALE_0 = "0";
|
|
257
268
|
export const GL_SPACING_SCALE_1 = "0.125rem";
|
|
258
269
|
export const GL_SPACING_SCALE_2 = "0.25rem";
|
package/dist/tokens/js/tokens.js
CHANGED
|
@@ -253,6 +253,17 @@ export const GL_LINE_HEIGHT_36 = "2.25rem";
|
|
|
253
253
|
export const GL_LINE_HEIGHT_42 = "2.625rem";
|
|
254
254
|
export const GL_LINE_HEIGHT_44 = "2.75rem";
|
|
255
255
|
export const GL_LINE_HEIGHT_52 = "3.25rem";
|
|
256
|
+
export const GL_OPACITY_0 = "0";
|
|
257
|
+
export const GL_OPACITY_1 = ".1";
|
|
258
|
+
export const GL_OPACITY_2 = ".2";
|
|
259
|
+
export const GL_OPACITY_3 = ".3";
|
|
260
|
+
export const GL_OPACITY_4 = ".4";
|
|
261
|
+
export const GL_OPACITY_5 = ".5";
|
|
262
|
+
export const GL_OPACITY_6 = ".6";
|
|
263
|
+
export const GL_OPACITY_7 = ".7";
|
|
264
|
+
export const GL_OPACITY_8 = ".8";
|
|
265
|
+
export const GL_OPACITY_9 = ".9";
|
|
266
|
+
export const GL_OPACITY_10 = "1";
|
|
256
267
|
export const GL_SPACING_SCALE_0 = "0";
|
|
257
268
|
export const GL_SPACING_SCALE_1 = "0.125rem";
|
|
258
269
|
export const GL_SPACING_SCALE_2 = "0.25rem";
|