@gitlab/ui 122.13.0 → 122.14.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 +8 -1
  6. package/dist/tokens/build/js/tokens.js +8 -1
  7. package/dist/tokens/css/tokens.css +7 -0
  8. package/dist/tokens/css/tokens.dark.css +7 -0
  9. package/dist/tokens/docs/tokens-tailwind-docs.dark.json +177 -0
  10. package/dist/tokens/docs/tokens-tailwind-docs.json +177 -0
  11. package/dist/tokens/figma/constants.tokens.json +51 -0
  12. package/dist/tokens/js/tokens.dark.js +7 -0
  13. package/dist/tokens/js/tokens.js +7 -0
  14. package/dist/tokens/json/tokens.dark.json +170 -0
  15. package/dist/tokens/json/tokens.json +170 -0
  16. package/dist/tokens/scss/_tokens.dark.scss +7 -0
  17. package/dist/tokens/scss/_tokens.scss +7 -0
  18. package/dist/tokens/scss/_tokens_custom_properties.scss +7 -0
  19. package/dist/tokens/tailwind/tokens.cjs +2 -0
  20. package/package.json +1 -1
  21. package/src/tokens/build/css/tokens.css +7 -0
  22. package/src/tokens/build/css/tokens.dark.css +7 -0
  23. package/src/tokens/build/docs/tokens-tailwind-docs.dark.json +177 -0
  24. package/src/tokens/build/docs/tokens-tailwind-docs.json +177 -0
  25. package/src/tokens/build/figma/constants.tokens.json +51 -0
  26. package/src/tokens/build/js/tokens.dark.js +7 -0
  27. package/src/tokens/build/js/tokens.js +7 -0
  28. package/src/tokens/build/json/tokens.dark.json +170 -0
  29. package/src/tokens/build/json/tokens.json +170 -0
  30. package/src/tokens/build/scss/_tokens.dark.scss +7 -0
  31. package/src/tokens/build/scss/_tokens.scss +7 -0
  32. package/src/tokens/build/scss/_tokens_custom_properties.scss +7 -0
  33. package/src/tokens/build/tailwind/tokens.cjs +10 -0
  34. package/src/tokens/constant/zindex.tokens.json +53 -0
  35. package/tailwind.defaults.js +2 -9
@@ -44335,5 +44335,182 @@
44335
44335
  ],
44336
44336
  "cssWithValue": "var(--gl-opacity-10, 1)"
44337
44337
  }
44338
+ },
44339
+ "zIndex": {
44340
+ "0": {
44341
+ "key": "{zindex.0}",
44342
+ "$value": "0",
44343
+ "$type": "number",
44344
+ "$extensions": {
44345
+ "com.figma.scope": []
44346
+ },
44347
+ "filePath": "src/tokens/constant/zindex.tokens.json",
44348
+ "isSource": true,
44349
+ "original": {
44350
+ "$value": "0",
44351
+ "$type": "number",
44352
+ "$extensions": {
44353
+ "com.figma.scope": []
44354
+ },
44355
+ "key": "{zindex.0}"
44356
+ },
44357
+ "name": "ZINDEX_0",
44358
+ "attributes": {},
44359
+ "path": [
44360
+ "zindex",
44361
+ "0"
44362
+ ],
44363
+ "cssWithValue": "var(--gl-zindex-0, 0)"
44364
+ },
44365
+ "1": {
44366
+ "key": "{zindex.1}",
44367
+ "$value": "1",
44368
+ "$type": "number",
44369
+ "$extensions": {
44370
+ "com.figma.scope": []
44371
+ },
44372
+ "filePath": "src/tokens/constant/zindex.tokens.json",
44373
+ "isSource": true,
44374
+ "original": {
44375
+ "$value": "1",
44376
+ "$type": "number",
44377
+ "$extensions": {
44378
+ "com.figma.scope": []
44379
+ },
44380
+ "key": "{zindex.1}"
44381
+ },
44382
+ "name": "ZINDEX_1",
44383
+ "attributes": {},
44384
+ "path": [
44385
+ "zindex",
44386
+ "1"
44387
+ ],
44388
+ "cssWithValue": "var(--gl-zindex-1, 1)"
44389
+ },
44390
+ "2": {
44391
+ "key": "{zindex.2}",
44392
+ "$value": "2",
44393
+ "$type": "number",
44394
+ "$extensions": {
44395
+ "com.figma.scope": []
44396
+ },
44397
+ "filePath": "src/tokens/constant/zindex.tokens.json",
44398
+ "isSource": true,
44399
+ "original": {
44400
+ "$value": "2",
44401
+ "$type": "number",
44402
+ "$extensions": {
44403
+ "com.figma.scope": []
44404
+ },
44405
+ "key": "{zindex.2}"
44406
+ },
44407
+ "name": "ZINDEX_2",
44408
+ "attributes": {},
44409
+ "path": [
44410
+ "zindex",
44411
+ "2"
44412
+ ],
44413
+ "cssWithValue": "var(--gl-zindex-2, 2)"
44414
+ },
44415
+ "3": {
44416
+ "key": "{zindex.3}",
44417
+ "$value": "3",
44418
+ "$type": "number",
44419
+ "$extensions": {
44420
+ "com.figma.scope": []
44421
+ },
44422
+ "filePath": "src/tokens/constant/zindex.tokens.json",
44423
+ "isSource": true,
44424
+ "original": {
44425
+ "$value": "3",
44426
+ "$type": "number",
44427
+ "$extensions": {
44428
+ "com.figma.scope": []
44429
+ },
44430
+ "key": "{zindex.3}"
44431
+ },
44432
+ "name": "ZINDEX_3",
44433
+ "attributes": {},
44434
+ "path": [
44435
+ "zindex",
44436
+ "3"
44437
+ ],
44438
+ "cssWithValue": "var(--gl-zindex-3, 3)"
44439
+ },
44440
+ "4": {
44441
+ "key": "{zindex.4}",
44442
+ "$value": "4",
44443
+ "$type": "number",
44444
+ "$extensions": {
44445
+ "com.figma.scope": []
44446
+ },
44447
+ "filePath": "src/tokens/constant/zindex.tokens.json",
44448
+ "isSource": true,
44449
+ "original": {
44450
+ "$value": "4",
44451
+ "$type": "number",
44452
+ "$extensions": {
44453
+ "com.figma.scope": []
44454
+ },
44455
+ "key": "{zindex.4}"
44456
+ },
44457
+ "name": "ZINDEX_4",
44458
+ "attributes": {},
44459
+ "path": [
44460
+ "zindex",
44461
+ "4"
44462
+ ],
44463
+ "cssWithValue": "var(--gl-zindex-4, 4)"
44464
+ },
44465
+ "200": {
44466
+ "key": "{zindex.200}",
44467
+ "$value": "200",
44468
+ "$type": "number",
44469
+ "$extensions": {
44470
+ "com.figma.scope": []
44471
+ },
44472
+ "filePath": "src/tokens/constant/zindex.tokens.json",
44473
+ "isSource": true,
44474
+ "original": {
44475
+ "$value": "200",
44476
+ "$type": "number",
44477
+ "$extensions": {
44478
+ "com.figma.scope": []
44479
+ },
44480
+ "key": "{zindex.200}"
44481
+ },
44482
+ "name": "ZINDEX_200",
44483
+ "attributes": {},
44484
+ "path": [
44485
+ "zindex",
44486
+ "200"
44487
+ ],
44488
+ "cssWithValue": "var(--gl-zindex-200, 200)"
44489
+ },
44490
+ "9999": {
44491
+ "key": "{zindex.9999}",
44492
+ "$value": "9999",
44493
+ "$type": "number",
44494
+ "$extensions": {
44495
+ "com.figma.scope": []
44496
+ },
44497
+ "filePath": "src/tokens/constant/zindex.tokens.json",
44498
+ "isSource": true,
44499
+ "original": {
44500
+ "$value": "9999",
44501
+ "$type": "number",
44502
+ "$extensions": {
44503
+ "com.figma.scope": []
44504
+ },
44505
+ "key": "{zindex.9999}"
44506
+ },
44507
+ "name": "ZINDEX_9999",
44508
+ "attributes": {},
44509
+ "path": [
44510
+ "zindex",
44511
+ "9999"
44512
+ ],
44513
+ "cssWithValue": "var(--gl-zindex-9999, 9999)"
44514
+ }
44338
44515
  }
44339
44516
  }
@@ -44335,5 +44335,182 @@
44335
44335
  ],
44336
44336
  "cssWithValue": "var(--gl-opacity-10, 1)"
44337
44337
  }
44338
+ },
44339
+ "zIndex": {
44340
+ "0": {
44341
+ "key": "{zindex.0}",
44342
+ "$value": "0",
44343
+ "$type": "number",
44344
+ "$extensions": {
44345
+ "com.figma.scope": []
44346
+ },
44347
+ "filePath": "src/tokens/constant/zindex.tokens.json",
44348
+ "isSource": true,
44349
+ "original": {
44350
+ "$value": "0",
44351
+ "$type": "number",
44352
+ "$extensions": {
44353
+ "com.figma.scope": []
44354
+ },
44355
+ "key": "{zindex.0}"
44356
+ },
44357
+ "name": "ZINDEX_0",
44358
+ "attributes": {},
44359
+ "path": [
44360
+ "zindex",
44361
+ "0"
44362
+ ],
44363
+ "cssWithValue": "var(--gl-zindex-0, 0)"
44364
+ },
44365
+ "1": {
44366
+ "key": "{zindex.1}",
44367
+ "$value": "1",
44368
+ "$type": "number",
44369
+ "$extensions": {
44370
+ "com.figma.scope": []
44371
+ },
44372
+ "filePath": "src/tokens/constant/zindex.tokens.json",
44373
+ "isSource": true,
44374
+ "original": {
44375
+ "$value": "1",
44376
+ "$type": "number",
44377
+ "$extensions": {
44378
+ "com.figma.scope": []
44379
+ },
44380
+ "key": "{zindex.1}"
44381
+ },
44382
+ "name": "ZINDEX_1",
44383
+ "attributes": {},
44384
+ "path": [
44385
+ "zindex",
44386
+ "1"
44387
+ ],
44388
+ "cssWithValue": "var(--gl-zindex-1, 1)"
44389
+ },
44390
+ "2": {
44391
+ "key": "{zindex.2}",
44392
+ "$value": "2",
44393
+ "$type": "number",
44394
+ "$extensions": {
44395
+ "com.figma.scope": []
44396
+ },
44397
+ "filePath": "src/tokens/constant/zindex.tokens.json",
44398
+ "isSource": true,
44399
+ "original": {
44400
+ "$value": "2",
44401
+ "$type": "number",
44402
+ "$extensions": {
44403
+ "com.figma.scope": []
44404
+ },
44405
+ "key": "{zindex.2}"
44406
+ },
44407
+ "name": "ZINDEX_2",
44408
+ "attributes": {},
44409
+ "path": [
44410
+ "zindex",
44411
+ "2"
44412
+ ],
44413
+ "cssWithValue": "var(--gl-zindex-2, 2)"
44414
+ },
44415
+ "3": {
44416
+ "key": "{zindex.3}",
44417
+ "$value": "3",
44418
+ "$type": "number",
44419
+ "$extensions": {
44420
+ "com.figma.scope": []
44421
+ },
44422
+ "filePath": "src/tokens/constant/zindex.tokens.json",
44423
+ "isSource": true,
44424
+ "original": {
44425
+ "$value": "3",
44426
+ "$type": "number",
44427
+ "$extensions": {
44428
+ "com.figma.scope": []
44429
+ },
44430
+ "key": "{zindex.3}"
44431
+ },
44432
+ "name": "ZINDEX_3",
44433
+ "attributes": {},
44434
+ "path": [
44435
+ "zindex",
44436
+ "3"
44437
+ ],
44438
+ "cssWithValue": "var(--gl-zindex-3, 3)"
44439
+ },
44440
+ "4": {
44441
+ "key": "{zindex.4}",
44442
+ "$value": "4",
44443
+ "$type": "number",
44444
+ "$extensions": {
44445
+ "com.figma.scope": []
44446
+ },
44447
+ "filePath": "src/tokens/constant/zindex.tokens.json",
44448
+ "isSource": true,
44449
+ "original": {
44450
+ "$value": "4",
44451
+ "$type": "number",
44452
+ "$extensions": {
44453
+ "com.figma.scope": []
44454
+ },
44455
+ "key": "{zindex.4}"
44456
+ },
44457
+ "name": "ZINDEX_4",
44458
+ "attributes": {},
44459
+ "path": [
44460
+ "zindex",
44461
+ "4"
44462
+ ],
44463
+ "cssWithValue": "var(--gl-zindex-4, 4)"
44464
+ },
44465
+ "200": {
44466
+ "key": "{zindex.200}",
44467
+ "$value": "200",
44468
+ "$type": "number",
44469
+ "$extensions": {
44470
+ "com.figma.scope": []
44471
+ },
44472
+ "filePath": "src/tokens/constant/zindex.tokens.json",
44473
+ "isSource": true,
44474
+ "original": {
44475
+ "$value": "200",
44476
+ "$type": "number",
44477
+ "$extensions": {
44478
+ "com.figma.scope": []
44479
+ },
44480
+ "key": "{zindex.200}"
44481
+ },
44482
+ "name": "ZINDEX_200",
44483
+ "attributes": {},
44484
+ "path": [
44485
+ "zindex",
44486
+ "200"
44487
+ ],
44488
+ "cssWithValue": "var(--gl-zindex-200, 200)"
44489
+ },
44490
+ "9999": {
44491
+ "key": "{zindex.9999}",
44492
+ "$value": "9999",
44493
+ "$type": "number",
44494
+ "$extensions": {
44495
+ "com.figma.scope": []
44496
+ },
44497
+ "filePath": "src/tokens/constant/zindex.tokens.json",
44498
+ "isSource": true,
44499
+ "original": {
44500
+ "$value": "9999",
44501
+ "$type": "number",
44502
+ "$extensions": {
44503
+ "com.figma.scope": []
44504
+ },
44505
+ "key": "{zindex.9999}"
44506
+ },
44507
+ "name": "ZINDEX_9999",
44508
+ "attributes": {},
44509
+ "path": [
44510
+ "zindex",
44511
+ "9999"
44512
+ ],
44513
+ "cssWithValue": "var(--gl-zindex-9999, 9999)"
44514
+ }
44338
44515
  }
44339
44516
  }
@@ -2101,5 +2101,56 @@
2101
2101
  "com.figma.scope": []
2102
2102
  }
2103
2103
  }
2104
+ },
2105
+ "zindex": {
2106
+ "0": {
2107
+ "$value": "0",
2108
+ "$type": "number",
2109
+ "$extensions": {
2110
+ "com.figma.scope": []
2111
+ }
2112
+ },
2113
+ "1": {
2114
+ "$value": "1",
2115
+ "$type": "number",
2116
+ "$extensions": {
2117
+ "com.figma.scope": []
2118
+ }
2119
+ },
2120
+ "2": {
2121
+ "$value": "2",
2122
+ "$type": "number",
2123
+ "$extensions": {
2124
+ "com.figma.scope": []
2125
+ }
2126
+ },
2127
+ "3": {
2128
+ "$value": "3",
2129
+ "$type": "number",
2130
+ "$extensions": {
2131
+ "com.figma.scope": []
2132
+ }
2133
+ },
2134
+ "4": {
2135
+ "$value": "4",
2136
+ "$type": "number",
2137
+ "$extensions": {
2138
+ "com.figma.scope": []
2139
+ }
2140
+ },
2141
+ "200": {
2142
+ "$value": "200",
2143
+ "$type": "number",
2144
+ "$extensions": {
2145
+ "com.figma.scope": []
2146
+ }
2147
+ },
2148
+ "9999": {
2149
+ "$value": "9999",
2150
+ "$type": "number",
2151
+ "$extensions": {
2152
+ "com.figma.scope": []
2153
+ }
2154
+ }
2104
2155
  }
2105
2156
  }
@@ -296,6 +296,13 @@ export const GL_SPACING_SCALE_88 = "44rem";
296
296
  export const GL_SPACING_SCALE_PX = "1px";
297
297
  export const GL_SPACING_SCALE_2_5 = "0.375rem";
298
298
  export const GL_SPACING_SCALE_11_5 = "4.5rem";
299
+ export const GL_ZINDEX_0 = "0";
300
+ export const GL_ZINDEX_1 = "1";
301
+ export const GL_ZINDEX_2 = "2";
302
+ export const GL_ZINDEX_3 = "3";
303
+ export const GL_ZINDEX_4 = "4";
304
+ export const GL_ZINDEX_200 = "200";
305
+ export const GL_ZINDEX_9999 = "9999";
299
306
  export const GL_ALERT_BORDER_RADIUS = "0.25rem";
300
307
  export const GL_ALERT_NEUTRAL_TITLE_COLOR = "#fff";
301
308
  export const GL_ALERT_NEUTRAL_BACKGROUND_COLOR = "#28272d";
@@ -296,6 +296,13 @@ export const GL_SPACING_SCALE_88 = "44rem";
296
296
  export const GL_SPACING_SCALE_PX = "1px";
297
297
  export const GL_SPACING_SCALE_2_5 = "0.375rem";
298
298
  export const GL_SPACING_SCALE_11_5 = "4.5rem";
299
+ export const GL_ZINDEX_0 = "0";
300
+ export const GL_ZINDEX_1 = "1";
301
+ export const GL_ZINDEX_2 = "2";
302
+ export const GL_ZINDEX_3 = "3";
303
+ export const GL_ZINDEX_4 = "4";
304
+ export const GL_ZINDEX_200 = "200";
305
+ export const GL_ZINDEX_9999 = "9999";
299
306
  export const GL_ALERT_BORDER_RADIUS = "0.25rem";
300
307
  export const GL_ALERT_NEUTRAL_TITLE_COLOR = "#18171d";
301
308
  export const GL_ALERT_NEUTRAL_BACKGROUND_COLOR = "#ececef";
@@ -7472,6 +7472,176 @@
7472
7472
  ]
7473
7473
  }
7474
7474
  },
7475
+ "zindex": {
7476
+ "0": {
7477
+ "key": "{zindex.0}",
7478
+ "$value": "0",
7479
+ "$type": "number",
7480
+ "$extensions": {
7481
+ "com.figma.scope": []
7482
+ },
7483
+ "filePath": "src/tokens/constant/zindex.tokens.json",
7484
+ "isSource": true,
7485
+ "original": {
7486
+ "$value": "0",
7487
+ "$type": "number",
7488
+ "$extensions": {
7489
+ "com.figma.scope": []
7490
+ },
7491
+ "key": "{zindex.0}"
7492
+ },
7493
+ "name": "ZINDEX_0",
7494
+ "attributes": {},
7495
+ "path": [
7496
+ "zindex",
7497
+ "0"
7498
+ ]
7499
+ },
7500
+ "1": {
7501
+ "key": "{zindex.1}",
7502
+ "$value": "1",
7503
+ "$type": "number",
7504
+ "$extensions": {
7505
+ "com.figma.scope": []
7506
+ },
7507
+ "filePath": "src/tokens/constant/zindex.tokens.json",
7508
+ "isSource": true,
7509
+ "original": {
7510
+ "$value": "1",
7511
+ "$type": "number",
7512
+ "$extensions": {
7513
+ "com.figma.scope": []
7514
+ },
7515
+ "key": "{zindex.1}"
7516
+ },
7517
+ "name": "ZINDEX_1",
7518
+ "attributes": {},
7519
+ "path": [
7520
+ "zindex",
7521
+ "1"
7522
+ ]
7523
+ },
7524
+ "2": {
7525
+ "key": "{zindex.2}",
7526
+ "$value": "2",
7527
+ "$type": "number",
7528
+ "$extensions": {
7529
+ "com.figma.scope": []
7530
+ },
7531
+ "filePath": "src/tokens/constant/zindex.tokens.json",
7532
+ "isSource": true,
7533
+ "original": {
7534
+ "$value": "2",
7535
+ "$type": "number",
7536
+ "$extensions": {
7537
+ "com.figma.scope": []
7538
+ },
7539
+ "key": "{zindex.2}"
7540
+ },
7541
+ "name": "ZINDEX_2",
7542
+ "attributes": {},
7543
+ "path": [
7544
+ "zindex",
7545
+ "2"
7546
+ ]
7547
+ },
7548
+ "3": {
7549
+ "key": "{zindex.3}",
7550
+ "$value": "3",
7551
+ "$type": "number",
7552
+ "$extensions": {
7553
+ "com.figma.scope": []
7554
+ },
7555
+ "filePath": "src/tokens/constant/zindex.tokens.json",
7556
+ "isSource": true,
7557
+ "original": {
7558
+ "$value": "3",
7559
+ "$type": "number",
7560
+ "$extensions": {
7561
+ "com.figma.scope": []
7562
+ },
7563
+ "key": "{zindex.3}"
7564
+ },
7565
+ "name": "ZINDEX_3",
7566
+ "attributes": {},
7567
+ "path": [
7568
+ "zindex",
7569
+ "3"
7570
+ ]
7571
+ },
7572
+ "4": {
7573
+ "key": "{zindex.4}",
7574
+ "$value": "4",
7575
+ "$type": "number",
7576
+ "$extensions": {
7577
+ "com.figma.scope": []
7578
+ },
7579
+ "filePath": "src/tokens/constant/zindex.tokens.json",
7580
+ "isSource": true,
7581
+ "original": {
7582
+ "$value": "4",
7583
+ "$type": "number",
7584
+ "$extensions": {
7585
+ "com.figma.scope": []
7586
+ },
7587
+ "key": "{zindex.4}"
7588
+ },
7589
+ "name": "ZINDEX_4",
7590
+ "attributes": {},
7591
+ "path": [
7592
+ "zindex",
7593
+ "4"
7594
+ ]
7595
+ },
7596
+ "200": {
7597
+ "key": "{zindex.200}",
7598
+ "$value": "200",
7599
+ "$type": "number",
7600
+ "$extensions": {
7601
+ "com.figma.scope": []
7602
+ },
7603
+ "filePath": "src/tokens/constant/zindex.tokens.json",
7604
+ "isSource": true,
7605
+ "original": {
7606
+ "$value": "200",
7607
+ "$type": "number",
7608
+ "$extensions": {
7609
+ "com.figma.scope": []
7610
+ },
7611
+ "key": "{zindex.200}"
7612
+ },
7613
+ "name": "ZINDEX_200",
7614
+ "attributes": {},
7615
+ "path": [
7616
+ "zindex",
7617
+ "200"
7618
+ ]
7619
+ },
7620
+ "9999": {
7621
+ "key": "{zindex.9999}",
7622
+ "$value": "9999",
7623
+ "$type": "number",
7624
+ "$extensions": {
7625
+ "com.figma.scope": []
7626
+ },
7627
+ "filePath": "src/tokens/constant/zindex.tokens.json",
7628
+ "isSource": true,
7629
+ "original": {
7630
+ "$value": "9999",
7631
+ "$type": "number",
7632
+ "$extensions": {
7633
+ "com.figma.scope": []
7634
+ },
7635
+ "key": "{zindex.9999}"
7636
+ },
7637
+ "name": "ZINDEX_9999",
7638
+ "attributes": {},
7639
+ "path": [
7640
+ "zindex",
7641
+ "9999"
7642
+ ]
7643
+ }
7644
+ },
7475
7645
  "alert": {
7476
7646
  "border": {
7477
7647
  "radius": {