@gitlab/ui 124.0.0 → 124.1.1

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 (34) hide show
  1. package/dist/index.css +2 -2
  2. package/dist/index.css.map +1 -1
  3. package/dist/tokens/build/js/tokens.dark.js +17 -1
  4. package/dist/tokens/build/js/tokens.js +17 -1
  5. package/dist/tokens/css/tokens.css +20 -4
  6. package/dist/tokens/css/tokens.dark.css +20 -4
  7. package/dist/tokens/docs/tokens-tailwind-docs.dark.json +515 -3
  8. package/dist/tokens/docs/tokens-tailwind-docs.json +515 -3
  9. package/dist/tokens/figma/constants.tokens.json +203 -4
  10. package/dist/tokens/js/tokens.dark.js +20 -0
  11. package/dist/tokens/js/tokens.js +20 -0
  12. package/dist/tokens/json/tokens.dark.json +499 -3
  13. package/dist/tokens/json/tokens.json +499 -3
  14. package/dist/tokens/scss/_tokens.dark.scss +20 -4
  15. package/dist/tokens/scss/_tokens.scss +20 -4
  16. package/dist/tokens/scss/_tokens_custom_properties.scss +16 -0
  17. package/dist/tokens/tailwind/tokens.cjs +16 -0
  18. package/package.json +1 -1
  19. package/src/components/base/breadcrumb/breadcrumb.scss +2 -8
  20. package/src/components/base/link/link.scss +1 -1
  21. package/src/tokens/build/css/tokens.css +20 -4
  22. package/src/tokens/build/css/tokens.dark.css +20 -4
  23. package/src/tokens/build/docs/tokens-tailwind-docs.dark.json +515 -3
  24. package/src/tokens/build/docs/tokens-tailwind-docs.json +515 -3
  25. package/src/tokens/build/figma/constants.tokens.json +203 -4
  26. package/src/tokens/build/js/tokens.dark.js +16 -0
  27. package/src/tokens/build/js/tokens.js +16 -0
  28. package/src/tokens/build/json/tokens.dark.json +499 -3
  29. package/src/tokens/build/json/tokens.json +499 -3
  30. package/src/tokens/build/scss/_tokens.dark.scss +20 -4
  31. package/src/tokens/build/scss/_tokens.scss +20 -4
  32. package/src/tokens/build/scss/_tokens_custom_properties.scss +16 -0
  33. package/src/tokens/build/tailwind/tokens.cjs +16 -0
  34. package/src/tokens/constant/font.tokens.json +203 -4
package/dist/tokens/json/tokens.dark.json CHANGED
@@ -6280,6 +6280,254 @@
6280
6280
  }
6281
6281
  },
6282
6282
  "size": {
6283
+ "100": {
6284
+ "key": "{font.size.100}",
6285
+ "$value": "0.75rem",
6286
+ "$type": "dimension",
6287
+ "$description": "Used for meta text and small labels.",
6288
+ "$extensions": {
6289
+ "com.figma.scope": [
6290
+ "FONT_SIZE"
6291
+ ]
6292
+ },
6293
+ "filePath": "src/tokens/constant/font.tokens.json",
6294
+ "isSource": true,
6295
+ "original": {
6296
+ "$value": "0.75rem",
6297
+ "$type": "dimension",
6298
+ "$description": "Used for meta text and small labels.",
6299
+ "$extensions": {
6300
+ "com.figma.scope": [
6301
+ "FONT_SIZE"
6302
+ ]
6303
+ },
6304
+ "key": "{font.size.100}"
6305
+ },
6306
+ "name": "FONT_SIZE_100",
6307
+ "attributes": {},
6308
+ "path": [
6309
+ "font",
6310
+ "size",
6311
+ "100"
6312
+ ]
6313
+ },
6314
+ "200": {
6315
+ "key": "{font.size.200}",
6316
+ "$value": "0.8125rem",
6317
+ "$type": "dimension",
6318
+ "$description": "Used for level 6 headings.",
6319
+ "$extensions": {
6320
+ "com.figma.scope": [
6321
+ "FONT_SIZE"
6322
+ ]
6323
+ },
6324
+ "filePath": "src/tokens/constant/font.tokens.json",
6325
+ "isSource": true,
6326
+ "original": {
6327
+ "$value": "0.8125rem",
6328
+ "$type": "dimension",
6329
+ "$description": "Used for level 6 headings.",
6330
+ "$extensions": {
6331
+ "com.figma.scope": [
6332
+ "FONT_SIZE"
6333
+ ]
6334
+ },
6335
+ "key": "{font.size.200}"
6336
+ },
6337
+ "name": "FONT_SIZE_200",
6338
+ "attributes": {},
6339
+ "path": [
6340
+ "font",
6341
+ "size",
6342
+ "200"
6343
+ ]
6344
+ },
6345
+ "300": {
6346
+ "key": "{font.size.300}",
6347
+ "$value": "0.875rem",
6348
+ "$type": "dimension",
6349
+ "$description": "Used for level 5 headings, body text, input labels, and help text.",
6350
+ "$extensions": {
6351
+ "com.figma.scope": [
6352
+ "FONT_SIZE"
6353
+ ]
6354
+ },
6355
+ "filePath": "src/tokens/constant/font.tokens.json",
6356
+ "isSource": true,
6357
+ "original": {
6358
+ "$value": "0.875rem",
6359
+ "$type": "dimension",
6360
+ "$description": "Used for level 5 headings, body text, input labels, and help text.",
6361
+ "$extensions": {
6362
+ "com.figma.scope": [
6363
+ "FONT_SIZE"
6364
+ ]
6365
+ },
6366
+ "key": "{font.size.300}"
6367
+ },
6368
+ "name": "FONT_SIZE_300",
6369
+ "attributes": {},
6370
+ "path": [
6371
+ "font",
6372
+ "size",
6373
+ "300"
6374
+ ]
6375
+ },
6376
+ "400": {
6377
+ "key": "{font.size.400}",
6378
+ "$value": "1rem",
6379
+ "$type": "dimension",
6380
+ "$description": "Used for level 4 headings, large body text.",
6381
+ "$extensions": {
6382
+ "com.figma.scope": [
6383
+ "FONT_SIZE"
6384
+ ]
6385
+ },
6386
+ "filePath": "src/tokens/constant/font.tokens.json",
6387
+ "isSource": true,
6388
+ "original": {
6389
+ "$value": "1rem",
6390
+ "$type": "dimension",
6391
+ "$description": "Used for level 4 headings, large body text.",
6392
+ "$extensions": {
6393
+ "com.figma.scope": [
6394
+ "FONT_SIZE"
6395
+ ]
6396
+ },
6397
+ "key": "{font.size.400}"
6398
+ },
6399
+ "name": "FONT_SIZE_400",
6400
+ "attributes": {},
6401
+ "path": [
6402
+ "font",
6403
+ "size",
6404
+ "400"
6405
+ ]
6406
+ },
6407
+ "500": {
6408
+ "key": "{font.size.500}",
6409
+ "$value": "clamp(1.125rem, 0.9027777778rem + 0.462962963vw, 1.25rem)",
6410
+ "$type": "dimension",
6411
+ "$description": "Used for responsive level 3 headings.",
6412
+ "$extensions": {
6413
+ "com.figma.scope": [
6414
+ "FONT_SIZE"
6415
+ ]
6416
+ },
6417
+ "filePath": "src/tokens/constant/font.tokens.json",
6418
+ "isSource": true,
6419
+ "original": {
6420
+ "$value": "clamp(1.125rem, 0.9027777778rem + 0.462962963vw, 1.25rem)",
6421
+ "$type": "dimension",
6422
+ "$description": "Used for responsive level 3 headings.",
6423
+ "$extensions": {
6424
+ "com.figma.scope": [
6425
+ "FONT_SIZE"
6426
+ ]
6427
+ },
6428
+ "key": "{font.size.500}"
6429
+ },
6430
+ "name": "FONT_SIZE_500",
6431
+ "attributes": {},
6432
+ "path": [
6433
+ "font",
6434
+ "size",
6435
+ "500"
6436
+ ]
6437
+ },
6438
+ "600": {
6439
+ "key": "{font.size.600}",
6440
+ "$value": "clamp(1.3125rem, 0.8680555556rem + 0.9259259259vw, 1.5625rem)",
6441
+ "$type": "dimension",
6442
+ "$description": "Used for responsive level 2 headings.",
6443
+ "$extensions": {
6444
+ "com.figma.scope": [
6445
+ "FONT_SIZE"
6446
+ ]
6447
+ },
6448
+ "filePath": "src/tokens/constant/font.tokens.json",
6449
+ "isSource": true,
6450
+ "original": {
6451
+ "$value": "clamp(1.3125rem, 0.8680555556rem + 0.9259259259vw, 1.5625rem)",
6452
+ "$type": "dimension",
6453
+ "$description": "Used for responsive level 2 headings.",
6454
+ "$extensions": {
6455
+ "com.figma.scope": [
6456
+ "FONT_SIZE"
6457
+ ]
6458
+ },
6459
+ "key": "{font.size.600}"
6460
+ },
6461
+ "name": "FONT_SIZE_600",
6462
+ "attributes": {},
6463
+ "path": [
6464
+ "font",
6465
+ "size",
6466
+ "600"
6467
+ ]
6468
+ },
6469
+ "700": {
6470
+ "key": "{font.size.700}",
6471
+ "$value": "clamp(1.5rem, 0.8333333333rem + 1.3888888889vw, 1.875rem)",
6472
+ "$type": "dimension",
6473
+ "$description": "Used for responsive level 1 headings",
6474
+ "$extensions": {
6475
+ "com.figma.scope": [
6476
+ "FONT_SIZE"
6477
+ ]
6478
+ },
6479
+ "filePath": "src/tokens/constant/font.tokens.json",
6480
+ "isSource": true,
6481
+ "original": {
6482
+ "$value": "clamp(1.5rem, 0.8333333333rem + 1.3888888889vw, 1.875rem)",
6483
+ "$type": "dimension",
6484
+ "$description": "Used for responsive level 1 headings",
6485
+ "$extensions": {
6486
+ "com.figma.scope": [
6487
+ "FONT_SIZE"
6488
+ ]
6489
+ },
6490
+ "key": "{font.size.700}"
6491
+ },
6492
+ "name": "FONT_SIZE_700",
6493
+ "attributes": {},
6494
+ "path": [
6495
+ "font",
6496
+ "size",
6497
+ "700"
6498
+ ]
6499
+ },
6500
+ "800": {
6501
+ "key": "{font.size.800}",
6502
+ "$value": "clamp(1.75rem, 0.8611111111rem + 1.8518518519vw, 2.25rem)",
6503
+ "$type": "dimension",
6504
+ "$description": "Used for a responsive display option that can be applied to a level 1 heading to increase its prominence.",
6505
+ "$extensions": {
6506
+ "com.figma.scope": [
6507
+ "FONT_SIZE"
6508
+ ]
6509
+ },
6510
+ "filePath": "src/tokens/constant/font.tokens.json",
6511
+ "isSource": true,
6512
+ "original": {
6513
+ "$value": "clamp(1.75rem, 0.8611111111rem + 1.8518518519vw, 2.25rem)",
6514
+ "$type": "dimension",
6515
+ "$description": "Used for a responsive display option that can be applied to a level 1 heading to increase its prominence.",
6516
+ "$extensions": {
6517
+ "com.figma.scope": [
6518
+ "FONT_SIZE"
6519
+ ]
6520
+ },
6521
+ "key": "{font.size.800}"
6522
+ },
6523
+ "name": "FONT_SIZE_800",
6524
+ "attributes": {},
6525
+ "path": [
6526
+ "font",
6527
+ "size",
6528
+ "800"
6529
+ ]
6530
+ },
6283
6531
  "xs": {
6284
6532
  "key": "{font.size.xs}",
6285
6533
  "$value": "0.625rem",
@@ -6321,7 +6569,7 @@
6321
6569
  "filePath": "src/tokens/constant/font.tokens.json",
6322
6570
  "isSource": true,
6323
6571
  "original": {
6324
- "$value": "0.75rem",
6572
+ "$value": "{font.size.100}",
6325
6573
  "$type": "dimension",
6326
6574
  "$extensions": {
6327
6575
  "com.figma.scope": [
@@ -6350,7 +6598,7 @@
6350
6598
  "filePath": "src/tokens/constant/font.tokens.json",
6351
6599
  "isSource": true,
6352
6600
  "original": {
6353
- "$value": "0.875rem",
6601
+ "$value": "{font.size.300}",
6354
6602
  "$type": "dimension",
6355
6603
  "$extensions": {
6356
6604
  "com.figma.scope": [
@@ -6379,7 +6627,7 @@
6379
6627
  "filePath": "src/tokens/constant/font.tokens.json",
6380
6628
  "isSource": true,
6381
6629
  "original": {
6382
- "$value": "1rem",
6630
+ "$value": "{font.size.400}",
6383
6631
  "$type": "dimension",
6384
6632
  "$extensions": {
6385
6633
  "com.figma.scope": [
@@ -6396,6 +6644,254 @@
6396
6644
  "lg"
6397
6645
  ]
6398
6646
  },
6647
+ "100-fixed": {
6648
+ "key": "{font.size.100-fixed}",
6649
+ "$value": "0.75rem",
6650
+ "$type": "dimension",
6651
+ "$description": "Used for meta text and small labels.",
6652
+ "$extensions": {
6653
+ "com.figma.scope": [
6654
+ "FONT_SIZE"
6655
+ ]
6656
+ },
6657
+ "filePath": "src/tokens/constant/font.tokens.json",
6658
+ "isSource": true,
6659
+ "original": {
6660
+ "$value": "0.75rem",
6661
+ "$type": "dimension",
6662
+ "$description": "Used for meta text and small labels.",
6663
+ "$extensions": {
6664
+ "com.figma.scope": [
6665
+ "FONT_SIZE"
6666
+ ]
6667
+ },
6668
+ "key": "{font.size.100-fixed}"
6669
+ },
6670
+ "name": "FONT_SIZE_100_FIXED",
6671
+ "attributes": {},
6672
+ "path": [
6673
+ "font",
6674
+ "size",
6675
+ "100-fixed"
6676
+ ]
6677
+ },
6678
+ "200-fixed": {
6679
+ "key": "{font.size.200-fixed}",
6680
+ "$value": "0.8125rem",
6681
+ "$type": "dimension",
6682
+ "$description": "Used for level 6 headings.",
6683
+ "$extensions": {
6684
+ "com.figma.scope": [
6685
+ "FONT_SIZE"
6686
+ ]
6687
+ },
6688
+ "filePath": "src/tokens/constant/font.tokens.json",
6689
+ "isSource": true,
6690
+ "original": {
6691
+ "$value": "0.8125rem",
6692
+ "$type": "dimension",
6693
+ "$description": "Used for level 6 headings.",
6694
+ "$extensions": {
6695
+ "com.figma.scope": [
6696
+ "FONT_SIZE"
6697
+ ]
6698
+ },
6699
+ "key": "{font.size.200-fixed}"
6700
+ },
6701
+ "name": "FONT_SIZE_200_FIXED",
6702
+ "attributes": {},
6703
+ "path": [
6704
+ "font",
6705
+ "size",
6706
+ "200-fixed"
6707
+ ]
6708
+ },
6709
+ "300-fixed": {
6710
+ "key": "{font.size.300-fixed}",
6711
+ "$value": "0.875rem",
6712
+ "$type": "dimension",
6713
+ "$description": "Used for level 5 headings, body text, input labels, and help text.",
6714
+ "$extensions": {
6715
+ "com.figma.scope": [
6716
+ "FONT_SIZE"
6717
+ ]
6718
+ },
6719
+ "filePath": "src/tokens/constant/font.tokens.json",
6720
+ "isSource": true,
6721
+ "original": {
6722
+ "$value": "0.875rem",
6723
+ "$type": "dimension",
6724
+ "$description": "Used for level 5 headings, body text, input labels, and help text.",
6725
+ "$extensions": {
6726
+ "com.figma.scope": [
6727
+ "FONT_SIZE"
6728
+ ]
6729
+ },
6730
+ "key": "{font.size.300-fixed}"
6731
+ },
6732
+ "name": "FONT_SIZE_300_FIXED",
6733
+ "attributes": {},
6734
+ "path": [
6735
+ "font",
6736
+ "size",
6737
+ "300-fixed"
6738
+ ]
6739
+ },
6740
+ "400-fixed": {
6741
+ "key": "{font.size.400-fixed}",
6742
+ "$value": "1rem",
6743
+ "$type": "dimension",
6744
+ "$description": "Used for level 4 headings, large body text.",
6745
+ "$extensions": {
6746
+ "com.figma.scope": [
6747
+ "FONT_SIZE"
6748
+ ]
6749
+ },
6750
+ "filePath": "src/tokens/constant/font.tokens.json",
6751
+ "isSource": true,
6752
+ "original": {
6753
+ "$value": "1rem",
6754
+ "$type": "dimension",
6755
+ "$description": "Used for level 4 headings, large body text.",
6756
+ "$extensions": {
6757
+ "com.figma.scope": [
6758
+ "FONT_SIZE"
6759
+ ]
6760
+ },
6761
+ "key": "{font.size.400-fixed}"
6762
+ },
6763
+ "name": "FONT_SIZE_400_FIXED",
6764
+ "attributes": {},
6765
+ "path": [
6766
+ "font",
6767
+ "size",
6768
+ "400-fixed"
6769
+ ]
6770
+ },
6771
+ "500-fixed": {
6772
+ "key": "{font.size.500-fixed}",
6773
+ "$value": "1.125rem",
6774
+ "$type": "dimension",
6775
+ "$description": "Used for level 3 headings.",
6776
+ "$extensions": {
6777
+ "com.figma.scope": [
6778
+ "FONT_SIZE"
6779
+ ]
6780
+ },
6781
+ "filePath": "src/tokens/constant/font.tokens.json",
6782
+ "isSource": true,
6783
+ "original": {
6784
+ "$value": "1.125rem",
6785
+ "$type": "dimension",
6786
+ "$description": "Used for level 3 headings.",
6787
+ "$extensions": {
6788
+ "com.figma.scope": [
6789
+ "FONT_SIZE"
6790
+ ]
6791
+ },
6792
+ "key": "{font.size.500-fixed}"
6793
+ },
6794
+ "name": "FONT_SIZE_500_FIXED",
6795
+ "attributes": {},
6796
+ "path": [
6797
+ "font",
6798
+ "size",
6799
+ "500-fixed"
6800
+ ]
6801
+ },
6802
+ "600-fixed": {
6803
+ "key": "{font.size.600-fixed}",
6804
+ "$value": "1.3125rem",
6805
+ "$type": "dimension",
6806
+ "$description": "Used for level 2 headings.",
6807
+ "$extensions": {
6808
+ "com.figma.scope": [
6809
+ "FONT_SIZE"
6810
+ ]
6811
+ },
6812
+ "filePath": "src/tokens/constant/font.tokens.json",
6813
+ "isSource": true,
6814
+ "original": {
6815
+ "$value": "1.3125rem",
6816
+ "$type": "dimension",
6817
+ "$description": "Used for level 2 headings.",
6818
+ "$extensions": {
6819
+ "com.figma.scope": [
6820
+ "FONT_SIZE"
6821
+ ]
6822
+ },
6823
+ "key": "{font.size.600-fixed}"
6824
+ },
6825
+ "name": "FONT_SIZE_600_FIXED",
6826
+ "attributes": {},
6827
+ "path": [
6828
+ "font",
6829
+ "size",
6830
+ "600-fixed"
6831
+ ]
6832
+ },
6833
+ "700-fixed": {
6834
+ "key": "{font.size.700-fixed}",
6835
+ "$value": "1.5rem",
6836
+ "$type": "dimension",
6837
+ "$description": "Used for level 1 headings",
6838
+ "$extensions": {
6839
+ "com.figma.scope": [
6840
+ "FONT_SIZE"
6841
+ ]
6842
+ },
6843
+ "filePath": "src/tokens/constant/font.tokens.json",
6844
+ "isSource": true,
6845
+ "original": {
6846
+ "$value": "1.5rem",
6847
+ "$type": "dimension",
6848
+ "$description": "Used for level 1 headings",
6849
+ "$extensions": {
6850
+ "com.figma.scope": [
6851
+ "FONT_SIZE"
6852
+ ]
6853
+ },
6854
+ "key": "{font.size.700-fixed}"
6855
+ },
6856
+ "name": "FONT_SIZE_700_FIXED",
6857
+ "attributes": {},
6858
+ "path": [
6859
+ "font",
6860
+ "size",
6861
+ "700-fixed"
6862
+ ]
6863
+ },
6864
+ "800-fixed": {
6865
+ "key": "{font.size.800-fixed}",
6866
+ "$value": "1.75rem",
6867
+ "$type": "dimension",
6868
+ "$description": "Used for a display option that can be applied to a level 1 heading to increase its prominence.",
6869
+ "$extensions": {
6870
+ "com.figma.scope": [
6871
+ "FONT_SIZE"
6872
+ ]
6873
+ },
6874
+ "filePath": "src/tokens/constant/font.tokens.json",
6875
+ "isSource": true,
6876
+ "original": {
6877
+ "$value": "1.75rem",
6878
+ "$type": "dimension",
6879
+ "$description": "Used for a display option that can be applied to a level 1 heading to increase its prominence.",
6880
+ "$extensions": {
6881
+ "com.figma.scope": [
6882
+ "FONT_SIZE"
6883
+ ]
6884
+ },
6885
+ "key": "{font.size.800-fixed}"
6886
+ },
6887
+ "name": "FONT_SIZE_800_FIXED",
6888
+ "attributes": {},
6889
+ "path": [
6890
+ "font",
6891
+ "size",
6892
+ "800-fixed"
6893
+ ]
6894
+ },
6399
6895
  "base": {
6400
6896
  "key": "{font.size.base}",
6401
6897
  "$value": "0.875rem",