@gitlab/ui 86.0.2 → 86.2.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 (36) hide show
  1. package/CHANGELOG.md +14 -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 +17 -1
  5. package/dist/tokens/build/js/tokens.js +17 -1
  6. package/dist/tokens/css/tokens.css +16 -0
  7. package/dist/tokens/css/tokens.dark.css +16 -0
  8. package/dist/tokens/js/tokens.dark.js +16 -0
  9. package/dist/tokens/js/tokens.js +16 -0
  10. package/dist/tokens/json/tokens.dark.json +320 -11
  11. package/dist/tokens/json/tokens.json +320 -11
  12. package/dist/tokens/scss/_tokens.dark.scss +16 -0
  13. package/dist/tokens/scss/_tokens.scss +16 -0
  14. package/dist/tokens/scss/_tokens_custom_properties.scss +16 -0
  15. package/dist/tokens/tailwind/tokens.cjs +24 -0
  16. package/dist/utility_classes.css +1 -1
  17. package/dist/utility_classes.css.map +1 -1
  18. package/package.json +3 -3
  19. package/src/components/base/datepicker/datepicker.scss +1 -1
  20. package/src/components/base/popover/popover.scss +1 -1
  21. package/src/scss/utilities.scss +6 -6
  22. package/src/scss/utility-mixins/box-shadow.scss +3 -3
  23. package/src/tokens/build/css/tokens.css +16 -0
  24. package/src/tokens/build/css/tokens.dark.css +16 -0
  25. package/src/tokens/build/js/tokens.dark.js +16 -0
  26. package/src/tokens/build/js/tokens.js +16 -0
  27. package/src/tokens/build/json/tokens.dark.json +320 -11
  28. package/src/tokens/build/json/tokens.json +320 -11
  29. package/src/tokens/build/scss/_tokens.dark.scss +16 -0
  30. package/src/tokens/build/scss/_tokens.scss +16 -0
  31. package/src/tokens/build/scss/_tokens_custom_properties.scss +16 -0
  32. package/src/tokens/build/tailwind/tokens.cjs +24 -0
  33. package/src/tokens/color.constant.tokens.json +68 -0
  34. package/src/tokens/color.tokens.json +28 -17
  35. package/src/tokens/shadow.tokens.json +14 -0
  36. package/tailwind.defaults.js +3 -3
@@ -5320,6 +5320,267 @@
5320
5320
  "950"
5321
5321
  ]
5322
5322
  }
5323
+ },
5324
+ "brand-white": {
5325
+ "value": "#fff",
5326
+ "$type": "color",
5327
+ "filePath": "src/tokens/color.constant.tokens.json",
5328
+ "isSource": true,
5329
+ "original": {
5330
+ "value": "#fff",
5331
+ "$type": "color"
5332
+ },
5333
+ "name": "COLOR_BRAND_WHITE",
5334
+ "attributes": {},
5335
+ "path": [
5336
+ "color",
5337
+ "brand-white"
5338
+ ]
5339
+ },
5340
+ "brand-charcoal": {
5341
+ "value": "#171321",
5342
+ "$type": "color",
5343
+ "filePath": "src/tokens/color.constant.tokens.json",
5344
+ "isSource": true,
5345
+ "original": {
5346
+ "value": "#171321",
5347
+ "$type": "color"
5348
+ },
5349
+ "name": "COLOR_BRAND_CHARCOAL",
5350
+ "attributes": {},
5351
+ "path": [
5352
+ "color",
5353
+ "brand-charcoal"
5354
+ ]
5355
+ },
5356
+ "brand-orange": {
5357
+ "01g": {
5358
+ "value": "#ffd1bf",
5359
+ "$type": "color",
5360
+ "filePath": "src/tokens/color.constant.tokens.json",
5361
+ "isSource": true,
5362
+ "original": {
5363
+ "value": "#ffd1bf",
5364
+ "$type": "color"
5365
+ },
5366
+ "name": "COLOR_BRAND_ORANGE_01G",
5367
+ "attributes": {},
5368
+ "path": [
5369
+ "color",
5370
+ "brand-orange",
5371
+ "01g"
5372
+ ]
5373
+ },
5374
+ "01p": {
5375
+ "value": "#fca326",
5376
+ "$type": "color",
5377
+ "filePath": "src/tokens/color.constant.tokens.json",
5378
+ "isSource": true,
5379
+ "original": {
5380
+ "value": "#fca326",
5381
+ "$type": "color"
5382
+ },
5383
+ "name": "COLOR_BRAND_ORANGE_01P",
5384
+ "attributes": {},
5385
+ "path": [
5386
+ "color",
5387
+ "brand-orange",
5388
+ "01p"
5389
+ ]
5390
+ },
5391
+ "02p": {
5392
+ "value": "#fc6d26",
5393
+ "$type": "color",
5394
+ "filePath": "src/tokens/color.constant.tokens.json",
5395
+ "isSource": true,
5396
+ "original": {
5397
+ "value": "#fc6d26",
5398
+ "$type": "color"
5399
+ },
5400
+ "name": "COLOR_BRAND_ORANGE_02P",
5401
+ "attributes": {},
5402
+ "path": [
5403
+ "color",
5404
+ "brand-orange",
5405
+ "02p"
5406
+ ]
5407
+ },
5408
+ "03p": {
5409
+ "value": "#e24329",
5410
+ "$type": "color",
5411
+ "filePath": "src/tokens/color.constant.tokens.json",
5412
+ "isSource": true,
5413
+ "original": {
5414
+ "value": "#e24329",
5415
+ "$type": "color"
5416
+ },
5417
+ "name": "COLOR_BRAND_ORANGE_03P",
5418
+ "attributes": {},
5419
+ "path": [
5420
+ "color",
5421
+ "brand-orange",
5422
+ "03p"
5423
+ ]
5424
+ }
5425
+ },
5426
+ "brand-purple": {
5427
+ "01g": {
5428
+ "value": "#ceb3ef",
5429
+ "$type": "color",
5430
+ "filePath": "src/tokens/color.constant.tokens.json",
5431
+ "isSource": true,
5432
+ "original": {
5433
+ "value": "#ceb3ef",
5434
+ "$type": "color"
5435
+ },
5436
+ "name": "COLOR_BRAND_PURPLE_01G",
5437
+ "attributes": {},
5438
+ "path": [
5439
+ "color",
5440
+ "brand-purple",
5441
+ "01g"
5442
+ ]
5443
+ },
5444
+ "01p": {
5445
+ "value": "#a989f5",
5446
+ "$type": "color",
5447
+ "filePath": "src/tokens/color.constant.tokens.json",
5448
+ "isSource": true,
5449
+ "original": {
5450
+ "value": "#a989f5",
5451
+ "$type": "color"
5452
+ },
5453
+ "name": "COLOR_BRAND_PURPLE_01P",
5454
+ "attributes": {},
5455
+ "path": [
5456
+ "color",
5457
+ "brand-purple",
5458
+ "01p"
5459
+ ]
5460
+ },
5461
+ "02p": {
5462
+ "value": "#7759c2",
5463
+ "$type": "color",
5464
+ "filePath": "src/tokens/color.constant.tokens.json",
5465
+ "isSource": true,
5466
+ "original": {
5467
+ "value": "#7759c2",
5468
+ "$type": "color"
5469
+ },
5470
+ "name": "COLOR_BRAND_PURPLE_02P",
5471
+ "attributes": {},
5472
+ "path": [
5473
+ "color",
5474
+ "brand-purple",
5475
+ "02p"
5476
+ ]
5477
+ }
5478
+ },
5479
+ "brand-gray": {
5480
+ "01": {
5481
+ "value": "#d1d0d3",
5482
+ "$type": "color",
5483
+ "filePath": "src/tokens/color.constant.tokens.json",
5484
+ "isSource": true,
5485
+ "original": {
5486
+ "value": "#d1d0d3",
5487
+ "$type": "color"
5488
+ },
5489
+ "name": "COLOR_BRAND_GRAY_01",
5490
+ "attributes": {},
5491
+ "path": [
5492
+ "color",
5493
+ "brand-gray",
5494
+ "01"
5495
+ ]
5496
+ },
5497
+ "02": {
5498
+ "value": "#a2a1a6",
5499
+ "$type": "color",
5500
+ "filePath": "src/tokens/color.constant.tokens.json",
5501
+ "isSource": true,
5502
+ "original": {
5503
+ "value": "#a2a1a6",
5504
+ "$type": "color"
5505
+ },
5506
+ "name": "COLOR_BRAND_GRAY_02",
5507
+ "attributes": {},
5508
+ "path": [
5509
+ "color",
5510
+ "brand-gray",
5511
+ "02"
5512
+ ]
5513
+ },
5514
+ "03": {
5515
+ "value": "#74717a",
5516
+ "$type": "color",
5517
+ "filePath": "src/tokens/color.constant.tokens.json",
5518
+ "isSource": true,
5519
+ "original": {
5520
+ "value": "#74717a",
5521
+ "$type": "color"
5522
+ },
5523
+ "name": "COLOR_BRAND_GRAY_03",
5524
+ "attributes": {},
5525
+ "path": [
5526
+ "color",
5527
+ "brand-gray",
5528
+ "03"
5529
+ ]
5530
+ },
5531
+ "04": {
5532
+ "value": "#45424d",
5533
+ "$type": "color",
5534
+ "filePath": "src/tokens/color.constant.tokens.json",
5535
+ "isSource": true,
5536
+ "original": {
5537
+ "value": "#45424d",
5538
+ "$type": "color"
5539
+ },
5540
+ "name": "COLOR_BRAND_GRAY_04",
5541
+ "attributes": {},
5542
+ "path": [
5543
+ "color",
5544
+ "brand-gray",
5545
+ "04"
5546
+ ]
5547
+ },
5548
+ "05": {
5549
+ "value": "#2b2838",
5550
+ "$type": "color",
5551
+ "filePath": "src/tokens/color.constant.tokens.json",
5552
+ "isSource": true,
5553
+ "original": {
5554
+ "value": "#2b2838",
5555
+ "$type": "color"
5556
+ },
5557
+ "name": "COLOR_BRAND_GRAY_05",
5558
+ "attributes": {},
5559
+ "path": [
5560
+ "color",
5561
+ "brand-gray",
5562
+ "05"
5563
+ ]
5564
+ }
5565
+ },
5566
+ "brand-pink": {
5567
+ "01g": {
5568
+ "value": "#ffb9c9",
5569
+ "$type": "color",
5570
+ "filePath": "src/tokens/color.constant.tokens.json",
5571
+ "isSource": true,
5572
+ "original": {
5573
+ "value": "#ffb9c9",
5574
+ "$type": "color"
5575
+ },
5576
+ "name": "COLOR_BRAND_PINK_01G",
5577
+ "attributes": {},
5578
+ "path": [
5579
+ "color",
5580
+ "brand-pink",
5581
+ "01g"
5582
+ ]
5583
+ }
5323
5584
  }
5324
5585
  },
5325
5586
  "data-viz": {
@@ -9999,13 +10260,15 @@
9999
10260
  "$type": "color",
10000
10261
  "themeable": true,
10001
10262
  "prefix": false,
10263
+ "deprecated": true,
10002
10264
  "filePath": "src/tokens/color.tokens.json",
10003
10265
  "isSource": true,
10004
10266
  "original": {
10005
10267
  "value": "#171321",
10006
10268
  "$type": "color",
10007
10269
  "themeable": true,
10008
- "prefix": false
10270
+ "prefix": false,
10271
+ "deprecated": true
10009
10272
  },
10010
10273
  "name": "ND_CHARCOAL",
10011
10274
  "attributes": {},
@@ -10020,13 +10283,15 @@
10020
10283
  "$type": "color",
10021
10284
  "themeable": true,
10022
10285
  "prefix": false,
10286
+ "deprecated": true,
10023
10287
  "filePath": "src/tokens/color.tokens.json",
10024
10288
  "isSource": true,
10025
10289
  "original": {
10026
10290
  "value": "#fca326",
10027
10291
  "$type": "color",
10028
10292
  "themeable": true,
10029
- "prefix": false
10293
+ "prefix": false,
10294
+ "deprecated": true
10030
10295
  },
10031
10296
  "name": "ND_ORANGE_01",
10032
10297
  "attributes": {},
@@ -10041,13 +10306,15 @@
10041
10306
  "$type": "color",
10042
10307
  "themeable": true,
10043
10308
  "prefix": false,
10309
+ "deprecated": true,
10044
10310
  "filePath": "src/tokens/color.tokens.json",
10045
10311
  "isSource": true,
10046
10312
  "original": {
10047
10313
  "value": "#fc6d26",
10048
10314
  "$type": "color",
10049
10315
  "themeable": true,
10050
- "prefix": false
10316
+ "prefix": false,
10317
+ "deprecated": true
10051
10318
  },
10052
10319
  "name": "ND_ORANGE_02",
10053
10320
  "attributes": {},
@@ -10062,13 +10329,15 @@
10062
10329
  "$type": "color",
10063
10330
  "themeable": true,
10064
10331
  "prefix": false,
10332
+ "deprecated": true,
10065
10333
  "filePath": "src/tokens/color.tokens.json",
10066
10334
  "isSource": true,
10067
10335
  "original": {
10068
10336
  "value": "#e24329",
10069
10337
  "$type": "color",
10070
10338
  "themeable": true,
10071
- "prefix": false
10339
+ "prefix": false,
10340
+ "deprecated": true
10072
10341
  },
10073
10342
  "name": "ND_ORANGE_03",
10074
10343
  "attributes": {},
@@ -10085,13 +10354,15 @@
10085
10354
  "$type": "color",
10086
10355
  "themeable": true,
10087
10356
  "prefix": false,
10357
+ "deprecated": true,
10088
10358
  "filePath": "src/tokens/color.tokens.json",
10089
10359
  "isSource": true,
10090
10360
  "original": {
10091
10361
  "value": "#a989f5",
10092
10362
  "$type": "color",
10093
10363
  "themeable": true,
10094
- "prefix": false
10364
+ "prefix": false,
10365
+ "deprecated": true
10095
10366
  },
10096
10367
  "name": "ND_PURPLE_01",
10097
10368
  "attributes": {},
@@ -10106,13 +10377,15 @@
10106
10377
  "$type": "color",
10107
10378
  "themeable": true,
10108
10379
  "prefix": false,
10380
+ "deprecated": true,
10109
10381
  "filePath": "src/tokens/color.tokens.json",
10110
10382
  "isSource": true,
10111
10383
  "original": {
10112
10384
  "value": "#7759c2",
10113
10385
  "$type": "color",
10114
10386
  "themeable": true,
10115
- "prefix": false
10387
+ "prefix": false,
10388
+ "deprecated": true
10116
10389
  },
10117
10390
  "name": "ND_PURPLE_02",
10118
10391
  "attributes": {},
@@ -10129,13 +10402,15 @@
10129
10402
  "$type": "color",
10130
10403
  "themeable": true,
10131
10404
  "prefix": false,
10405
+ "deprecated": true,
10132
10406
  "filePath": "src/tokens/color.tokens.json",
10133
10407
  "isSource": true,
10134
10408
  "original": {
10135
10409
  "value": "#d1d0d3",
10136
10410
  "$type": "color",
10137
10411
  "themeable": true,
10138
- "prefix": false
10412
+ "prefix": false,
10413
+ "deprecated": true
10139
10414
  },
10140
10415
  "name": "ND_GRAY_01",
10141
10416
  "attributes": {},
@@ -10150,13 +10425,15 @@
10150
10425
  "$type": "color",
10151
10426
  "themeable": true,
10152
10427
  "prefix": false,
10428
+ "deprecated": true,
10153
10429
  "filePath": "src/tokens/color.tokens.json",
10154
10430
  "isSource": true,
10155
10431
  "original": {
10156
10432
  "value": "#a2a1a6",
10157
10433
  "$type": "color",
10158
10434
  "themeable": true,
10159
- "prefix": false
10435
+ "prefix": false,
10436
+ "deprecated": true
10160
10437
  },
10161
10438
  "name": "ND_GRAY_02",
10162
10439
  "attributes": {},
@@ -10171,13 +10448,15 @@
10171
10448
  "$type": "color",
10172
10449
  "themeable": true,
10173
10450
  "prefix": false,
10451
+ "deprecated": true,
10174
10452
  "filePath": "src/tokens/color.tokens.json",
10175
10453
  "isSource": true,
10176
10454
  "original": {
10177
10455
  "value": "#74717a",
10178
10456
  "$type": "color",
10179
10457
  "themeable": true,
10180
- "prefix": false
10458
+ "prefix": false,
10459
+ "deprecated": true
10181
10460
  },
10182
10461
  "name": "ND_GRAY_03",
10183
10462
  "attributes": {},
@@ -10192,13 +10471,15 @@
10192
10471
  "$type": "color",
10193
10472
  "themeable": true,
10194
10473
  "prefix": false,
10474
+ "deprecated": true,
10195
10475
  "filePath": "src/tokens/color.tokens.json",
10196
10476
  "isSource": true,
10197
10477
  "original": {
10198
10478
  "value": "#45424d",
10199
10479
  "$type": "color",
10200
10480
  "themeable": true,
10201
- "prefix": false
10481
+ "prefix": false,
10482
+ "deprecated": true
10202
10483
  },
10203
10484
  "name": "ND_GRAY_04",
10204
10485
  "attributes": {},
@@ -10213,13 +10494,15 @@
10213
10494
  "$type": "color",
10214
10495
  "themeable": true,
10215
10496
  "prefix": false,
10497
+ "deprecated": true,
10216
10498
  "filePath": "src/tokens/color.tokens.json",
10217
10499
  "isSource": true,
10218
10500
  "original": {
10219
10501
  "value": "#2b2838",
10220
10502
  "$type": "color",
10221
10503
  "themeable": true,
10222
- "prefix": false
10504
+ "prefix": false,
10505
+ "deprecated": true
10223
10506
  },
10224
10507
  "name": "ND_GRAY_05",
10225
10508
  "attributes": {},
@@ -12149,6 +12432,32 @@
12149
12432
  ]
12150
12433
  }
12151
12434
  },
12435
+ "shadow": {
12436
+ "color": {
12437
+ "default": {
12438
+ "value": "rgba(5, 5, 6, 0.24)",
12439
+ "$type": "color",
12440
+ "comment": "Used for the default shadow color.",
12441
+ "filePath": "src/tokens/shadow.tokens.json",
12442
+ "isSource": true,
12443
+ "original": {
12444
+ "value": {
12445
+ "default": "rgba(5, 5, 6, 0.16)",
12446
+ "dark": "rgba(5, 5, 6, 0.24)"
12447
+ },
12448
+ "$type": "color",
12449
+ "comment": "Used for the default shadow color."
12450
+ },
12451
+ "name": "SHADOW_COLOR_DEFAULT",
12452
+ "attributes": {},
12453
+ "path": [
12454
+ "shadow",
12455
+ "color",
12456
+ "default"
12457
+ ]
12458
+ }
12459
+ }
12460
+ },
12152
12461
  "status": {
12153
12462
  "muted": {
12154
12463
  "background": {