@gitlab/ui 86.3.1 → 86.4.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 (26) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/index.css +2 -2
  3. package/dist/index.css.map +1 -1
  4. package/dist/tokens/build/js/tokens.dark.js +13 -1
  5. package/dist/tokens/build/js/tokens.js +13 -1
  6. package/dist/tokens/css/tokens.css +12 -0
  7. package/dist/tokens/css/tokens.dark.css +12 -0
  8. package/dist/tokens/js/tokens.dark.js +12 -0
  9. package/dist/tokens/js/tokens.js +12 -0
  10. package/dist/tokens/json/tokens.dark.json +314 -0
  11. package/dist/tokens/json/tokens.json +314 -0
  12. package/dist/tokens/scss/_tokens.dark.scss +12 -0
  13. package/dist/tokens/scss/_tokens.scss +12 -0
  14. package/dist/tokens/scss/_tokens_custom_properties.scss +12 -0
  15. package/package.json +1 -1
  16. package/src/components/base/label/label.scss +18 -65
  17. package/src/tokens/build/css/tokens.css +12 -0
  18. package/src/tokens/build/css/tokens.dark.css +12 -0
  19. package/src/tokens/build/js/tokens.dark.js +12 -0
  20. package/src/tokens/build/js/tokens.js +12 -0
  21. package/src/tokens/build/json/tokens.dark.json +314 -0
  22. package/src/tokens/build/json/tokens.json +314 -0
  23. package/src/tokens/build/scss/_tokens.dark.scss +12 -0
  24. package/src/tokens/build/scss/_tokens.scss +12 -0
  25. package/src/tokens/build/scss/_tokens_custom_properties.scss +12 -0
  26. package/src/tokens/contextual/label.tokens.json +118 -0
package/src/tokens/build/json/tokens.dark.json CHANGED
@@ -11085,6 +11085,320 @@
11085
11085
  }
11086
11086
  }
11087
11087
  },
11088
+ "label": {
11089
+ "light": {
11090
+ "text": {
11091
+ "color": {
11092
+ "value": "#1f1e24",
11093
+ "$type": "color",
11094
+ "comment": "Used for the label text color on a light background color.",
11095
+ "filePath": "src/tokens/contextual/label.tokens.json",
11096
+ "isSource": true,
11097
+ "original": {
11098
+ "value": "{color.neutral.950}",
11099
+ "$type": "color",
11100
+ "comment": "Used for the label text color on a light background color."
11101
+ },
11102
+ "name": "LABEL_LIGHT_TEXT_COLOR",
11103
+ "attributes": {},
11104
+ "path": [
11105
+ "label",
11106
+ "light",
11107
+ "text",
11108
+ "color"
11109
+ ]
11110
+ }
11111
+ },
11112
+ "button": {
11113
+ "background": {
11114
+ "color": {
11115
+ "default": {
11116
+ "value": "transparent",
11117
+ "$type": "color",
11118
+ "comment": "Used for the label remove button background on a light background color in the default state.",
11119
+ "filePath": "src/tokens/contextual/label.tokens.json",
11120
+ "isSource": true,
11121
+ "original": {
11122
+ "value": "{color.alpha.0}",
11123
+ "$type": "color",
11124
+ "comment": "Used for the label remove button background on a light background color in the default state."
11125
+ },
11126
+ "name": "LABEL_LIGHT_BUTTON_BACKGROUND_COLOR_DEFAULT",
11127
+ "attributes": {},
11128
+ "path": [
11129
+ "label",
11130
+ "light",
11131
+ "button",
11132
+ "background",
11133
+ "color",
11134
+ "default"
11135
+ ]
11136
+ },
11137
+ "hover": {
11138
+ "value": "#1f1e24",
11139
+ "$type": "color",
11140
+ "comment": "Used for the label remove button background on a light background color in the hover state.",
11141
+ "filePath": "src/tokens/contextual/label.tokens.json",
11142
+ "isSource": true,
11143
+ "original": {
11144
+ "value": "{color.neutral.950}",
11145
+ "$type": "color",
11146
+ "comment": "Used for the label remove button background on a light background color in the hover state."
11147
+ },
11148
+ "name": "LABEL_LIGHT_BUTTON_BACKGROUND_COLOR_HOVER",
11149
+ "attributes": {},
11150
+ "path": [
11151
+ "label",
11152
+ "light",
11153
+ "button",
11154
+ "background",
11155
+ "color",
11156
+ "hover"
11157
+ ]
11158
+ }
11159
+ }
11160
+ },
11161
+ "icon": {
11162
+ "color": {
11163
+ "default": {
11164
+ "value": "#1f1e24",
11165
+ "$type": "color",
11166
+ "comment": "Used for the label remove button icon on a light background color in the default state.",
11167
+ "filePath": "src/tokens/contextual/label.tokens.json",
11168
+ "isSource": true,
11169
+ "original": {
11170
+ "value": "{color.neutral.950}",
11171
+ "$type": "color",
11172
+ "comment": "Used for the label remove button icon on a light background color in the default state."
11173
+ },
11174
+ "name": "LABEL_LIGHT_BUTTON_ICON_COLOR_DEFAULT",
11175
+ "attributes": {},
11176
+ "path": [
11177
+ "label",
11178
+ "light",
11179
+ "button",
11180
+ "icon",
11181
+ "color",
11182
+ "default"
11183
+ ]
11184
+ }
11185
+ }
11186
+ }
11187
+ }
11188
+ },
11189
+ "dark": {
11190
+ "text": {
11191
+ "color": {
11192
+ "value": "#fff",
11193
+ "$type": "color",
11194
+ "comment": "Used for the label text color on a dark background color.",
11195
+ "filePath": "src/tokens/contextual/label.tokens.json",
11196
+ "isSource": true,
11197
+ "original": {
11198
+ "value": "{color.neutral.0}",
11199
+ "$type": "color",
11200
+ "comment": "Used for the label text color on a dark background color."
11201
+ },
11202
+ "name": "LABEL_DARK_TEXT_COLOR",
11203
+ "attributes": {},
11204
+ "path": [
11205
+ "label",
11206
+ "dark",
11207
+ "text",
11208
+ "color"
11209
+ ]
11210
+ }
11211
+ },
11212
+ "button": {
11213
+ "background": {
11214
+ "color": {
11215
+ "default": {
11216
+ "value": "transparent",
11217
+ "$type": "color",
11218
+ "comment": "Used for the label remove button background on a dark background color in the default state.",
11219
+ "filePath": "src/tokens/contextual/label.tokens.json",
11220
+ "isSource": true,
11221
+ "original": {
11222
+ "value": "{color.alpha.0}",
11223
+ "$type": "color",
11224
+ "comment": "Used for the label remove button background on a dark background color in the default state."
11225
+ },
11226
+ "name": "LABEL_DARK_BUTTON_BACKGROUND_COLOR_DEFAULT",
11227
+ "attributes": {},
11228
+ "path": [
11229
+ "label",
11230
+ "dark",
11231
+ "button",
11232
+ "background",
11233
+ "color",
11234
+ "default"
11235
+ ]
11236
+ },
11237
+ "hover": {
11238
+ "value": "#fff",
11239
+ "$type": "color",
11240
+ "comment": "Used for the label remove button background on a dark background color in the hover state.",
11241
+ "filePath": "src/tokens/contextual/label.tokens.json",
11242
+ "isSource": true,
11243
+ "original": {
11244
+ "value": "{color.neutral.0}",
11245
+ "$type": "color",
11246
+ "comment": "Used for the label remove button background on a dark background color in the hover state."
11247
+ },
11248
+ "name": "LABEL_DARK_BUTTON_BACKGROUND_COLOR_HOVER",
11249
+ "attributes": {},
11250
+ "path": [
11251
+ "label",
11252
+ "dark",
11253
+ "button",
11254
+ "background",
11255
+ "color",
11256
+ "hover"
11257
+ ]
11258
+ }
11259
+ }
11260
+ },
11261
+ "icon": {
11262
+ "color": {
11263
+ "default": {
11264
+ "value": "#fff",
11265
+ "$type": "color",
11266
+ "comment": "Used for the label remove button icon on a dark background color in the default state.",
11267
+ "filePath": "src/tokens/contextual/label.tokens.json",
11268
+ "isSource": true,
11269
+ "original": {
11270
+ "value": "{color.neutral.0}",
11271
+ "$type": "color",
11272
+ "comment": "Used for the label remove button icon on a dark background color in the default state."
11273
+ },
11274
+ "name": "LABEL_DARK_BUTTON_ICON_COLOR_DEFAULT",
11275
+ "attributes": {},
11276
+ "path": [
11277
+ "label",
11278
+ "dark",
11279
+ "button",
11280
+ "icon",
11281
+ "color",
11282
+ "default"
11283
+ ]
11284
+ }
11285
+ }
11286
+ }
11287
+ }
11288
+ },
11289
+ "scoped": {
11290
+ "text": {
11291
+ "color": {
11292
+ "value": "#fff",
11293
+ "$type": "color",
11294
+ "comment": "Used for the scoped label text color.",
11295
+ "filePath": "src/tokens/contextual/label.tokens.json",
11296
+ "isSource": true,
11297
+ "original": {
11298
+ "value": {
11299
+ "default": "{color.neutral.950}",
11300
+ "dark": "{color.neutral.0}"
11301
+ },
11302
+ "$type": "color",
11303
+ "comment": "Used for the scoped label text color."
11304
+ },
11305
+ "name": "LABEL_SCOPED_TEXT_COLOR",
11306
+ "attributes": {},
11307
+ "path": [
11308
+ "label",
11309
+ "scoped",
11310
+ "text",
11311
+ "color"
11312
+ ]
11313
+ }
11314
+ },
11315
+ "button": {
11316
+ "background": {
11317
+ "color": {
11318
+ "hover": {
11319
+ "value": "#fff",
11320
+ "$type": "color",
11321
+ "comment": "Used for the scoped label remove button background in the hover state.",
11322
+ "filePath": "src/tokens/contextual/label.tokens.json",
11323
+ "isSource": true,
11324
+ "original": {
11325
+ "value": {
11326
+ "default": "{color.neutral.950}",
11327
+ "dark": "{color.neutral.0}"
11328
+ },
11329
+ "$type": "color",
11330
+ "comment": "Used for the scoped label remove button background in the hover state."
11331
+ },
11332
+ "name": "LABEL_SCOPED_BUTTON_BACKGROUND_COLOR_HOVER",
11333
+ "attributes": {},
11334
+ "path": [
11335
+ "label",
11336
+ "scoped",
11337
+ "button",
11338
+ "background",
11339
+ "color",
11340
+ "hover"
11341
+ ]
11342
+ }
11343
+ }
11344
+ },
11345
+ "icon": {
11346
+ "color": {
11347
+ "default": {
11348
+ "value": "#fff",
11349
+ "$type": "color",
11350
+ "comment": "Used for the scoped label remove button icon in the default state.",
11351
+ "filePath": "src/tokens/contextual/label.tokens.json",
11352
+ "isSource": true,
11353
+ "original": {
11354
+ "value": {
11355
+ "default": "{color.neutral.950}",
11356
+ "dark": "{color.neutral.0}"
11357
+ },
11358
+ "$type": "color",
11359
+ "comment": "Used for the scoped label remove button icon in the default state."
11360
+ },
11361
+ "name": "LABEL_SCOPED_BUTTON_ICON_COLOR_DEFAULT",
11362
+ "attributes": {},
11363
+ "path": [
11364
+ "label",
11365
+ "scoped",
11366
+ "button",
11367
+ "icon",
11368
+ "color",
11369
+ "default"
11370
+ ]
11371
+ },
11372
+ "hover": {
11373
+ "value": "#1f1e24",
11374
+ "$type": "color",
11375
+ "comment": "Used for the scoped label remove button icon in the hover state.",
11376
+ "filePath": "src/tokens/contextual/label.tokens.json",
11377
+ "isSource": true,
11378
+ "original": {
11379
+ "value": {
11380
+ "default": "{color.neutral.0}",
11381
+ "dark": "{color.neutral.950}"
11382
+ },
11383
+ "$type": "color",
11384
+ "comment": "Used for the scoped label remove button icon in the hover state."
11385
+ },
11386
+ "name": "LABEL_SCOPED_BUTTON_ICON_COLOR_HOVER",
11387
+ "attributes": {},
11388
+ "path": [
11389
+ "label",
11390
+ "scoped",
11391
+ "button",
11392
+ "icon",
11393
+ "color",
11394
+ "hover"
11395
+ ]
11396
+ }
11397
+ }
11398
+ }
11399
+ }
11400
+ }
11401
+ },
11088
11402
  "popover": {
11089
11403
  "background": {
11090
11404
  "color": {
package/src/tokens/build/json/tokens.json CHANGED
@@ -11085,6 +11085,320 @@
11085
11085
  }
11086
11086
  }
11087
11087
  },
11088
+ "label": {
11089
+ "light": {
11090
+ "text": {
11091
+ "color": {
11092
+ "value": "#1f1e24",
11093
+ "$type": "color",
11094
+ "comment": "Used for the label text color on a light background color.",
11095
+ "filePath": "src/tokens/contextual/label.tokens.json",
11096
+ "isSource": true,
11097
+ "original": {
11098
+ "value": "{color.neutral.950}",
11099
+ "$type": "color",
11100
+ "comment": "Used for the label text color on a light background color."
11101
+ },
11102
+ "name": "LABEL_LIGHT_TEXT_COLOR",
11103
+ "attributes": {},
11104
+ "path": [
11105
+ "label",
11106
+ "light",
11107
+ "text",
11108
+ "color"
11109
+ ]
11110
+ }
11111
+ },
11112
+ "button": {
11113
+ "background": {
11114
+ "color": {
11115
+ "default": {
11116
+ "value": "transparent",
11117
+ "$type": "color",
11118
+ "comment": "Used for the label remove button background on a light background color in the default state.",
11119
+ "filePath": "src/tokens/contextual/label.tokens.json",
11120
+ "isSource": true,
11121
+ "original": {
11122
+ "value": "{color.alpha.0}",
11123
+ "$type": "color",
11124
+ "comment": "Used for the label remove button background on a light background color in the default state."
11125
+ },
11126
+ "name": "LABEL_LIGHT_BUTTON_BACKGROUND_COLOR_DEFAULT",
11127
+ "attributes": {},
11128
+ "path": [
11129
+ "label",
11130
+ "light",
11131
+ "button",
11132
+ "background",
11133
+ "color",
11134
+ "default"
11135
+ ]
11136
+ },
11137
+ "hover": {
11138
+ "value": "#1f1e24",
11139
+ "$type": "color",
11140
+ "comment": "Used for the label remove button background on a light background color in the hover state.",
11141
+ "filePath": "src/tokens/contextual/label.tokens.json",
11142
+ "isSource": true,
11143
+ "original": {
11144
+ "value": "{color.neutral.950}",
11145
+ "$type": "color",
11146
+ "comment": "Used for the label remove button background on a light background color in the hover state."
11147
+ },
11148
+ "name": "LABEL_LIGHT_BUTTON_BACKGROUND_COLOR_HOVER",
11149
+ "attributes": {},
11150
+ "path": [
11151
+ "label",
11152
+ "light",
11153
+ "button",
11154
+ "background",
11155
+ "color",
11156
+ "hover"
11157
+ ]
11158
+ }
11159
+ }
11160
+ },
11161
+ "icon": {
11162
+ "color": {
11163
+ "default": {
11164
+ "value": "#1f1e24",
11165
+ "$type": "color",
11166
+ "comment": "Used for the label remove button icon on a light background color in the default state.",
11167
+ "filePath": "src/tokens/contextual/label.tokens.json",
11168
+ "isSource": true,
11169
+ "original": {
11170
+ "value": "{color.neutral.950}",
11171
+ "$type": "color",
11172
+ "comment": "Used for the label remove button icon on a light background color in the default state."
11173
+ },
11174
+ "name": "LABEL_LIGHT_BUTTON_ICON_COLOR_DEFAULT",
11175
+ "attributes": {},
11176
+ "path": [
11177
+ "label",
11178
+ "light",
11179
+ "button",
11180
+ "icon",
11181
+ "color",
11182
+ "default"
11183
+ ]
11184
+ }
11185
+ }
11186
+ }
11187
+ }
11188
+ },
11189
+ "dark": {
11190
+ "text": {
11191
+ "color": {
11192
+ "value": "#fff",
11193
+ "$type": "color",
11194
+ "comment": "Used for the label text color on a dark background color.",
11195
+ "filePath": "src/tokens/contextual/label.tokens.json",
11196
+ "isSource": true,
11197
+ "original": {
11198
+ "value": "{color.neutral.0}",
11199
+ "$type": "color",
11200
+ "comment": "Used for the label text color on a dark background color."
11201
+ },
11202
+ "name": "LABEL_DARK_TEXT_COLOR",
11203
+ "attributes": {},
11204
+ "path": [
11205
+ "label",
11206
+ "dark",
11207
+ "text",
11208
+ "color"
11209
+ ]
11210
+ }
11211
+ },
11212
+ "button": {
11213
+ "background": {
11214
+ "color": {
11215
+ "default": {
11216
+ "value": "transparent",
11217
+ "$type": "color",
11218
+ "comment": "Used for the label remove button background on a dark background color in the default state.",
11219
+ "filePath": "src/tokens/contextual/label.tokens.json",
11220
+ "isSource": true,
11221
+ "original": {
11222
+ "value": "{color.alpha.0}",
11223
+ "$type": "color",
11224
+ "comment": "Used for the label remove button background on a dark background color in the default state."
11225
+ },
11226
+ "name": "LABEL_DARK_BUTTON_BACKGROUND_COLOR_DEFAULT",
11227
+ "attributes": {},
11228
+ "path": [
11229
+ "label",
11230
+ "dark",
11231
+ "button",
11232
+ "background",
11233
+ "color",
11234
+ "default"
11235
+ ]
11236
+ },
11237
+ "hover": {
11238
+ "value": "#fff",
11239
+ "$type": "color",
11240
+ "comment": "Used for the label remove button background on a dark background color in the hover state.",
11241
+ "filePath": "src/tokens/contextual/label.tokens.json",
11242
+ "isSource": true,
11243
+ "original": {
11244
+ "value": "{color.neutral.0}",
11245
+ "$type": "color",
11246
+ "comment": "Used for the label remove button background on a dark background color in the hover state."
11247
+ },
11248
+ "name": "LABEL_DARK_BUTTON_BACKGROUND_COLOR_HOVER",
11249
+ "attributes": {},
11250
+ "path": [
11251
+ "label",
11252
+ "dark",
11253
+ "button",
11254
+ "background",
11255
+ "color",
11256
+ "hover"
11257
+ ]
11258
+ }
11259
+ }
11260
+ },
11261
+ "icon": {
11262
+ "color": {
11263
+ "default": {
11264
+ "value": "#fff",
11265
+ "$type": "color",
11266
+ "comment": "Used for the label remove button icon on a dark background color in the default state.",
11267
+ "filePath": "src/tokens/contextual/label.tokens.json",
11268
+ "isSource": true,
11269
+ "original": {
11270
+ "value": "{color.neutral.0}",
11271
+ "$type": "color",
11272
+ "comment": "Used for the label remove button icon on a dark background color in the default state."
11273
+ },
11274
+ "name": "LABEL_DARK_BUTTON_ICON_COLOR_DEFAULT",
11275
+ "attributes": {},
11276
+ "path": [
11277
+ "label",
11278
+ "dark",
11279
+ "button",
11280
+ "icon",
11281
+ "color",
11282
+ "default"
11283
+ ]
11284
+ }
11285
+ }
11286
+ }
11287
+ }
11288
+ },
11289
+ "scoped": {
11290
+ "text": {
11291
+ "color": {
11292
+ "value": "#1f1e24",
11293
+ "$type": "color",
11294
+ "comment": "Used for the scoped label text color.",
11295
+ "filePath": "src/tokens/contextual/label.tokens.json",
11296
+ "isSource": true,
11297
+ "original": {
11298
+ "value": {
11299
+ "default": "{color.neutral.950}",
11300
+ "dark": "{color.neutral.0}"
11301
+ },
11302
+ "$type": "color",
11303
+ "comment": "Used for the scoped label text color."
11304
+ },
11305
+ "name": "LABEL_SCOPED_TEXT_COLOR",
11306
+ "attributes": {},
11307
+ "path": [
11308
+ "label",
11309
+ "scoped",
11310
+ "text",
11311
+ "color"
11312
+ ]
11313
+ }
11314
+ },
11315
+ "button": {
11316
+ "background": {
11317
+ "color": {
11318
+ "hover": {
11319
+ "value": "#1f1e24",
11320
+ "$type": "color",
11321
+ "comment": "Used for the scoped label remove button background in the hover state.",
11322
+ "filePath": "src/tokens/contextual/label.tokens.json",
11323
+ "isSource": true,
11324
+ "original": {
11325
+ "value": {
11326
+ "default": "{color.neutral.950}",
11327
+ "dark": "{color.neutral.0}"
11328
+ },
11329
+ "$type": "color",
11330
+ "comment": "Used for the scoped label remove button background in the hover state."
11331
+ },
11332
+ "name": "LABEL_SCOPED_BUTTON_BACKGROUND_COLOR_HOVER",
11333
+ "attributes": {},
11334
+ "path": [
11335
+ "label",
11336
+ "scoped",
11337
+ "button",
11338
+ "background",
11339
+ "color",
11340
+ "hover"
11341
+ ]
11342
+ }
11343
+ }
11344
+ },
11345
+ "icon": {
11346
+ "color": {
11347
+ "default": {
11348
+ "value": "#1f1e24",
11349
+ "$type": "color",
11350
+ "comment": "Used for the scoped label remove button icon in the default state.",
11351
+ "filePath": "src/tokens/contextual/label.tokens.json",
11352
+ "isSource": true,
11353
+ "original": {
11354
+ "value": {
11355
+ "default": "{color.neutral.950}",
11356
+ "dark": "{color.neutral.0}"
11357
+ },
11358
+ "$type": "color",
11359
+ "comment": "Used for the scoped label remove button icon in the default state."
11360
+ },
11361
+ "name": "LABEL_SCOPED_BUTTON_ICON_COLOR_DEFAULT",
11362
+ "attributes": {},
11363
+ "path": [
11364
+ "label",
11365
+ "scoped",
11366
+ "button",
11367
+ "icon",
11368
+ "color",
11369
+ "default"
11370
+ ]
11371
+ },
11372
+ "hover": {
11373
+ "value": "#fff",
11374
+ "$type": "color",
11375
+ "comment": "Used for the scoped label remove button icon in the hover state.",
11376
+ "filePath": "src/tokens/contextual/label.tokens.json",
11377
+ "isSource": true,
11378
+ "original": {
11379
+ "value": {
11380
+ "default": "{color.neutral.0}",
11381
+ "dark": "{color.neutral.950}"
11382
+ },
11383
+ "$type": "color",
11384
+ "comment": "Used for the scoped label remove button icon in the hover state."
11385
+ },
11386
+ "name": "LABEL_SCOPED_BUTTON_ICON_COLOR_HOVER",
11387
+ "attributes": {},
11388
+ "path": [
11389
+ "label",
11390
+ "scoped",
11391
+ "button",
11392
+ "icon",
11393
+ "color",
11394
+ "hover"
11395
+ ]
11396
+ }
11397
+ }
11398
+ }
11399
+ }
11400
+ }
11401
+ },
11088
11402
  "popover": {
11089
11403
  "background": {
11090
11404
  "color": {
package/src/tokens/build/scss/_tokens.dark.scss CHANGED
@@ -536,6 +536,18 @@ $gl-control-background-color-default: $gl-color-neutral-900; // Used for form co
536
536
  $gl-skeleton-loader-shimmer-color: $gl-color-neutral-700; // Used for the animated shimmer effect in a skeleton loader.
537
537
  $gl-skeleton-loader-background-color: $gl-color-neutral-800; // Used for the skeleton loader background color.
538
538
  $gl-popover-background-color: $gl-color-neutral-900; // Used for the background color of popover.
539
+ $gl-label-scoped-button-icon-color-hover: $gl-color-neutral-950; // Used for the scoped label remove button icon in the hover state.
540
+ $gl-label-scoped-button-icon-color-default: $gl-color-neutral-0; // Used for the scoped label remove button icon in the default state.
541
+ $gl-label-scoped-button-background-color-hover: $gl-color-neutral-0; // Used for the scoped label remove button background in the hover state.
542
+ $gl-label-scoped-text-color: $gl-color-neutral-0; // Used for the scoped label text color.
543
+ $gl-label-dark-button-icon-color-default: $gl-color-neutral-0; // Used for the label remove button icon on a dark background color in the default state.
544
+ $gl-label-dark-button-background-color-hover: $gl-color-neutral-0; // Used for the label remove button background on a dark background color in the hover state.
545
+ $gl-label-dark-button-background-color-default: $gl-color-alpha-0; // Used for the label remove button background on a dark background color in the default state.
546
+ $gl-label-dark-text-color: $gl-color-neutral-0; // Used for the label text color on a dark background color.
547
+ $gl-label-light-button-icon-color-default: $gl-color-neutral-950; // Used for the label remove button icon on a light background color in the default state.
548
+ $gl-label-light-button-background-color-hover: $gl-color-neutral-950; // Used for the label remove button background on a light background color in the hover state.
549
+ $gl-label-light-button-background-color-default: $gl-color-alpha-0; // Used for the label remove button background on a light background color in the default state.
550
+ $gl-label-light-text-color: $gl-color-neutral-950; // Used for the label text color on a light background color.
539
551
  $gl-breadcrumb-separator-color: $gl-color-neutral-700; // Used for the breadcrumb level separator.
540
552
  $gl-banner-promo-background-color: $gl-color-neutral-900; // Used as background for the default banner type.
541
553
  $gl-banner-intro-border-color: $gl-color-blue-600; // Used to compliment the info banner.
package/src/tokens/build/scss/_tokens.scss CHANGED
@@ -536,6 +536,18 @@ $gl-control-background-color-default: $gl-color-neutral-0; // Used for form cont
536
536
  $gl-skeleton-loader-shimmer-color: $gl-color-neutral-50; // Used for the animated shimmer effect in a skeleton loader.
537
537
  $gl-skeleton-loader-background-color: $gl-color-neutral-100; // Used for the skeleton loader background color.
538
538
  $gl-popover-background-color: $gl-color-neutral-0; // Used for the background color of popover.
539
+ $gl-label-scoped-button-icon-color-hover: $gl-color-neutral-0; // Used for the scoped label remove button icon in the hover state.
540
+ $gl-label-scoped-button-icon-color-default: $gl-color-neutral-950; // Used for the scoped label remove button icon in the default state.
541
+ $gl-label-scoped-button-background-color-hover: $gl-color-neutral-950; // Used for the scoped label remove button background in the hover state.
542
+ $gl-label-scoped-text-color: $gl-color-neutral-950; // Used for the scoped label text color.
543
+ $gl-label-dark-button-icon-color-default: $gl-color-neutral-0; // Used for the label remove button icon on a dark background color in the default state.
544
+ $gl-label-dark-button-background-color-hover: $gl-color-neutral-0; // Used for the label remove button background on a dark background color in the hover state.
545
+ $gl-label-dark-button-background-color-default: $gl-color-alpha-0; // Used for the label remove button background on a dark background color in the default state.
546
+ $gl-label-dark-text-color: $gl-color-neutral-0; // Used for the label text color on a dark background color.
547
+ $gl-label-light-button-icon-color-default: $gl-color-neutral-950; // Used for the label remove button icon on a light background color in the default state.
548
+ $gl-label-light-button-background-color-hover: $gl-color-neutral-950; // Used for the label remove button background on a light background color in the hover state.
549
+ $gl-label-light-button-background-color-default: $gl-color-alpha-0; // Used for the label remove button background on a light background color in the default state.
550
+ $gl-label-light-text-color: $gl-color-neutral-950; // Used for the label text color on a light background color.
539
551
  $gl-breadcrumb-separator-color: $gl-color-neutral-200; // Used for the breadcrumb level separator.
540
552
  $gl-banner-promo-background-color: $gl-color-neutral-10; // Used as background for the default banner type.
541
553
  $gl-banner-intro-border-color: $gl-color-blue-300; // Used to compliment the info banner.