@gitlab/ui 122.11.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.
Files changed (35) hide show
  1. package/dist/index.css +2 -2
  2. package/dist/index.css.map +1 -1
  3. package/dist/tailwind.css +1 -1
  4. package/dist/tailwind.css.map +1 -1
  5. package/dist/tokens/build/js/tokens.dark.js +12 -1
  6. package/dist/tokens/build/js/tokens.js +12 -1
  7. package/dist/tokens/css/tokens.css +11 -0
  8. package/dist/tokens/css/tokens.dark.css +11 -0
  9. package/dist/tokens/docs/tokens-tailwind-docs.dark.json +277 -0
  10. package/dist/tokens/docs/tokens-tailwind-docs.json +277 -0
  11. package/dist/tokens/figma/constants.tokens.json +79 -0
  12. package/dist/tokens/js/tokens.dark.js +11 -0
  13. package/dist/tokens/js/tokens.js +11 -0
  14. package/dist/tokens/json/tokens.dark.json +266 -0
  15. package/dist/tokens/json/tokens.json +266 -0
  16. package/dist/tokens/scss/_tokens.dark.scss +11 -0
  17. package/dist/tokens/scss/_tokens.scss +11 -0
  18. package/dist/tokens/scss/_tokens_custom_properties.scss +11 -0
  19. package/dist/tokens/tailwind/tokens.cjs +2 -0
  20. package/package.json +1 -1
  21. package/src/tokens/build/css/tokens.css +11 -0
  22. package/src/tokens/build/css/tokens.dark.css +11 -0
  23. package/src/tokens/build/docs/tokens-tailwind-docs.dark.json +277 -0
  24. package/src/tokens/build/docs/tokens-tailwind-docs.json +277 -0
  25. package/src/tokens/build/figma/constants.tokens.json +79 -0
  26. package/src/tokens/build/js/tokens.dark.js +11 -0
  27. package/src/tokens/build/js/tokens.js +11 -0
  28. package/src/tokens/build/json/tokens.dark.json +266 -0
  29. package/src/tokens/build/json/tokens.json +266 -0
  30. package/src/tokens/build/scss/_tokens.dark.scss +11 -0
  31. package/src/tokens/build/scss/_tokens.scss +11 -0
  32. package/src/tokens/build/scss/_tokens_custom_properties.scss +11 -0
  33. package/src/tokens/build/tailwind/tokens.cjs +14 -0
  34. package/src/tokens/constant/opacity.tokens.json +81 -0
  35. 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";
@@ -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";