@gitlab/ui 126.1.0 → 126.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.
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/dist/tokens/build/js/tokens.dark.js +11 -1
- package/dist/tokens/build/js/tokens.js +11 -1
- package/package.json +4 -4
- package/src/tokens/build/css/tokens.css +11 -1
- package/src/tokens/build/css/tokens.dark.css +11 -1
- package/src/tokens/build/docs/tokens-tailwind-docs.dark.json +337 -1
- package/src/tokens/build/docs/tokens-tailwind-docs.json +337 -1
- package/src/tokens/build/figma/semantic.tokens.json +155 -4
- package/src/tokens/build/js/tokens.dark.js +10 -0
- package/src/tokens/build/js/tokens.js +10 -0
- package/src/tokens/build/json/tokens.dark.json +347 -1
- package/src/tokens/build/json/tokens.json +347 -1
- package/src/tokens/build/scss/_tokens.dark.scss +11 -1
- package/src/tokens/build/scss/_tokens.scss +11 -1
- package/src/tokens/build/scss/_tokens_custom_properties.scss +10 -0
- package/src/tokens/build/tailwind/tokens.cjs +13 -0
- package/src/tokens/semantic/control.tokens.json +1 -4
- package/src/tokens/semantic/feedback.tokens.json +154 -0
|
@@ -35465,7 +35465,7 @@
|
|
|
35465
35465
|
"filePath": "src/tokens/semantic/control.tokens.json",
|
|
35466
35466
|
"isSource": true,
|
|
35467
35467
|
"original": {
|
|
35468
|
-
"$value": "{
|
|
35468
|
+
"$value": "{feedback.danger.border.color}",
|
|
35469
35469
|
"$type": "color",
|
|
35470
35470
|
"$description": "Used for invalid form control (input, textarea) border.",
|
|
35471
35471
|
"$extensions": {
|
|
@@ -35863,6 +35863,40 @@
|
|
|
35863
35863
|
]
|
|
35864
35864
|
}
|
|
35865
35865
|
},
|
|
35866
|
+
"border": {
|
|
35867
|
+
"color": {
|
|
35868
|
+
"key": "{feedback.strong.border.color}",
|
|
35869
|
+
"$value": "#a4a3a8",
|
|
35870
|
+
"$type": "color",
|
|
35871
|
+
"$description": "Used for the border associated with strong feedback.",
|
|
35872
|
+
"$extensions": {
|
|
35873
|
+
"com.figma.scope": [
|
|
35874
|
+
"STROKE_COLOR"
|
|
35875
|
+
]
|
|
35876
|
+
},
|
|
35877
|
+
"filePath": "src/tokens/semantic/feedback.tokens.json",
|
|
35878
|
+
"isSource": true,
|
|
35879
|
+
"original": {
|
|
35880
|
+
"$value": "{color.neutral.300}",
|
|
35881
|
+
"$type": "color",
|
|
35882
|
+
"$description": "Used for the border associated with strong feedback.",
|
|
35883
|
+
"$extensions": {
|
|
35884
|
+
"com.figma.scope": [
|
|
35885
|
+
"STROKE_COLOR"
|
|
35886
|
+
]
|
|
35887
|
+
},
|
|
35888
|
+
"key": "{feedback.strong.border.color}"
|
|
35889
|
+
},
|
|
35890
|
+
"name": "FEEDBACK_STRONG_BORDER_COLOR",
|
|
35891
|
+
"attributes": {},
|
|
35892
|
+
"path": [
|
|
35893
|
+
"feedback",
|
|
35894
|
+
"strong",
|
|
35895
|
+
"border",
|
|
35896
|
+
"color"
|
|
35897
|
+
]
|
|
35898
|
+
}
|
|
35899
|
+
},
|
|
35866
35900
|
"text": {
|
|
35867
35901
|
"color": {
|
|
35868
35902
|
"key": "{feedback.strong.text.color}",
|
|
@@ -36005,6 +36039,40 @@
|
|
|
36005
36039
|
]
|
|
36006
36040
|
}
|
|
36007
36041
|
},
|
|
36042
|
+
"border": {
|
|
36043
|
+
"color": {
|
|
36044
|
+
"key": "{feedback.neutral.border.color}",
|
|
36045
|
+
"$value": "#626168",
|
|
36046
|
+
"$type": "color",
|
|
36047
|
+
"$description": "Used for the border of a neutral feedback item when there isn't a specific meaning or urgency.",
|
|
36048
|
+
"$extensions": {
|
|
36049
|
+
"com.figma.scope": [
|
|
36050
|
+
"STROKE_COLOR"
|
|
36051
|
+
]
|
|
36052
|
+
},
|
|
36053
|
+
"filePath": "src/tokens/semantic/feedback.tokens.json",
|
|
36054
|
+
"isSource": true,
|
|
36055
|
+
"original": {
|
|
36056
|
+
"$value": "{color.neutral.600}",
|
|
36057
|
+
"$type": "color",
|
|
36058
|
+
"$description": "Used for the border of a neutral feedback item when there isn't a specific meaning or urgency.",
|
|
36059
|
+
"$extensions": {
|
|
36060
|
+
"com.figma.scope": [
|
|
36061
|
+
"STROKE_COLOR"
|
|
36062
|
+
]
|
|
36063
|
+
},
|
|
36064
|
+
"key": "{feedback.neutral.border.color}"
|
|
36065
|
+
},
|
|
36066
|
+
"name": "FEEDBACK_NEUTRAL_BORDER_COLOR",
|
|
36067
|
+
"attributes": {},
|
|
36068
|
+
"path": [
|
|
36069
|
+
"feedback",
|
|
36070
|
+
"neutral",
|
|
36071
|
+
"border",
|
|
36072
|
+
"color"
|
|
36073
|
+
]
|
|
36074
|
+
}
|
|
36075
|
+
},
|
|
36008
36076
|
"text": {
|
|
36009
36077
|
"color": {
|
|
36010
36078
|
"key": "{feedback.neutral.text.color}",
|
|
@@ -36113,6 +36181,40 @@
|
|
|
36113
36181
|
]
|
|
36114
36182
|
}
|
|
36115
36183
|
},
|
|
36184
|
+
"border": {
|
|
36185
|
+
"color": {
|
|
36186
|
+
"key": "{feedback.info.border.color}",
|
|
36187
|
+
"$value": "#2f68b4",
|
|
36188
|
+
"$type": "color",
|
|
36189
|
+
"$description": "Used for the border of an informational feedback item when highlighting new information or a change that doesn't require immediate action.",
|
|
36190
|
+
"$extensions": {
|
|
36191
|
+
"com.figma.scope": [
|
|
36192
|
+
"STROKE_COLOR"
|
|
36193
|
+
]
|
|
36194
|
+
},
|
|
36195
|
+
"filePath": "src/tokens/semantic/feedback.tokens.json",
|
|
36196
|
+
"isSource": true,
|
|
36197
|
+
"original": {
|
|
36198
|
+
"$value": "{color.blue.600}",
|
|
36199
|
+
"$type": "color",
|
|
36200
|
+
"$description": "Used for the border of an informational feedback item when highlighting new information or a change that doesn't require immediate action.",
|
|
36201
|
+
"$extensions": {
|
|
36202
|
+
"com.figma.scope": [
|
|
36203
|
+
"STROKE_COLOR"
|
|
36204
|
+
]
|
|
36205
|
+
},
|
|
36206
|
+
"key": "{feedback.info.border.color}"
|
|
36207
|
+
},
|
|
36208
|
+
"name": "FEEDBACK_INFO_BORDER_COLOR",
|
|
36209
|
+
"attributes": {},
|
|
36210
|
+
"path": [
|
|
36211
|
+
"feedback",
|
|
36212
|
+
"info",
|
|
36213
|
+
"border",
|
|
36214
|
+
"color"
|
|
36215
|
+
]
|
|
36216
|
+
}
|
|
36217
|
+
},
|
|
36116
36218
|
"text": {
|
|
36117
36219
|
"color": {
|
|
36118
36220
|
"key": "{feedback.info.text.color}",
|
|
@@ -36221,6 +36323,40 @@
|
|
|
36221
36323
|
]
|
|
36222
36324
|
}
|
|
36223
36325
|
},
|
|
36326
|
+
"border": {
|
|
36327
|
+
"color": {
|
|
36328
|
+
"key": "{feedback.success.border.color}",
|
|
36329
|
+
"$value": "#2f7549",
|
|
36330
|
+
"$type": "color",
|
|
36331
|
+
"$description": "Used for the border of a success feedback item when confirming the successful completion of a user-initiated action.",
|
|
36332
|
+
"$extensions": {
|
|
36333
|
+
"com.figma.scope": [
|
|
36334
|
+
"STROKE_COLOR"
|
|
36335
|
+
]
|
|
36336
|
+
},
|
|
36337
|
+
"filePath": "src/tokens/semantic/feedback.tokens.json",
|
|
36338
|
+
"isSource": true,
|
|
36339
|
+
"original": {
|
|
36340
|
+
"$value": "{color.green.600}",
|
|
36341
|
+
"$type": "color",
|
|
36342
|
+
"$description": "Used for the border of a success feedback item when confirming the successful completion of a user-initiated action.",
|
|
36343
|
+
"$extensions": {
|
|
36344
|
+
"com.figma.scope": [
|
|
36345
|
+
"STROKE_COLOR"
|
|
36346
|
+
]
|
|
36347
|
+
},
|
|
36348
|
+
"key": "{feedback.success.border.color}"
|
|
36349
|
+
},
|
|
36350
|
+
"name": "FEEDBACK_SUCCESS_BORDER_COLOR",
|
|
36351
|
+
"attributes": {},
|
|
36352
|
+
"path": [
|
|
36353
|
+
"feedback",
|
|
36354
|
+
"success",
|
|
36355
|
+
"border",
|
|
36356
|
+
"color"
|
|
36357
|
+
]
|
|
36358
|
+
}
|
|
36359
|
+
},
|
|
36224
36360
|
"text": {
|
|
36225
36361
|
"color": {
|
|
36226
36362
|
"key": "{feedback.success.text.color}",
|
|
@@ -36329,6 +36465,40 @@
|
|
|
36329
36465
|
]
|
|
36330
36466
|
}
|
|
36331
36467
|
},
|
|
36468
|
+
"border": {
|
|
36469
|
+
"color": {
|
|
36470
|
+
"key": "{feedback.warning.border.color}",
|
|
36471
|
+
"$value": "#995715",
|
|
36472
|
+
"$type": "color",
|
|
36473
|
+
"$description": "Used for the border of a warning feedback item when notifying about a potential issue or sensitive information.",
|
|
36474
|
+
"$extensions": {
|
|
36475
|
+
"com.figma.scope": [
|
|
36476
|
+
"STROKE_COLOR"
|
|
36477
|
+
]
|
|
36478
|
+
},
|
|
36479
|
+
"filePath": "src/tokens/semantic/feedback.tokens.json",
|
|
36480
|
+
"isSource": true,
|
|
36481
|
+
"original": {
|
|
36482
|
+
"$value": "{color.orange.600}",
|
|
36483
|
+
"$type": "color",
|
|
36484
|
+
"$description": "Used for the border of a warning feedback item when notifying about a potential issue or sensitive information.",
|
|
36485
|
+
"$extensions": {
|
|
36486
|
+
"com.figma.scope": [
|
|
36487
|
+
"STROKE_COLOR"
|
|
36488
|
+
]
|
|
36489
|
+
},
|
|
36490
|
+
"key": "{feedback.warning.border.color}"
|
|
36491
|
+
},
|
|
36492
|
+
"name": "FEEDBACK_WARNING_BORDER_COLOR",
|
|
36493
|
+
"attributes": {},
|
|
36494
|
+
"path": [
|
|
36495
|
+
"feedback",
|
|
36496
|
+
"warning",
|
|
36497
|
+
"border",
|
|
36498
|
+
"color"
|
|
36499
|
+
]
|
|
36500
|
+
}
|
|
36501
|
+
},
|
|
36332
36502
|
"text": {
|
|
36333
36503
|
"color": {
|
|
36334
36504
|
"key": "{feedback.warning.text.color}",
|
|
@@ -36437,6 +36607,40 @@
|
|
|
36437
36607
|
]
|
|
36438
36608
|
}
|
|
36439
36609
|
},
|
|
36610
|
+
"border": {
|
|
36611
|
+
"color": {
|
|
36612
|
+
"key": "{feedback.danger.border.color}",
|
|
36613
|
+
"$value": "#f6806d",
|
|
36614
|
+
"$type": "color",
|
|
36615
|
+
"$description": "Used for the border of a danger feedback item when notifying about a critical issue that has just occurred and requires immediate attention.",
|
|
36616
|
+
"$extensions": {
|
|
36617
|
+
"com.figma.scope": [
|
|
36618
|
+
"STROKE_COLOR"
|
|
36619
|
+
]
|
|
36620
|
+
},
|
|
36621
|
+
"filePath": "src/tokens/semantic/feedback.tokens.json",
|
|
36622
|
+
"isSource": true,
|
|
36623
|
+
"original": {
|
|
36624
|
+
"$value": "{color.red.300}",
|
|
36625
|
+
"$type": "color",
|
|
36626
|
+
"$description": "Used for the border of a danger feedback item when notifying about a critical issue that has just occurred and requires immediate attention.",
|
|
36627
|
+
"$extensions": {
|
|
36628
|
+
"com.figma.scope": [
|
|
36629
|
+
"STROKE_COLOR"
|
|
36630
|
+
]
|
|
36631
|
+
},
|
|
36632
|
+
"key": "{feedback.danger.border.color}"
|
|
36633
|
+
},
|
|
36634
|
+
"name": "FEEDBACK_DANGER_BORDER_COLOR",
|
|
36635
|
+
"attributes": {},
|
|
36636
|
+
"path": [
|
|
36637
|
+
"feedback",
|
|
36638
|
+
"danger",
|
|
36639
|
+
"border",
|
|
36640
|
+
"color"
|
|
36641
|
+
]
|
|
36642
|
+
}
|
|
36643
|
+
},
|
|
36440
36644
|
"text": {
|
|
36441
36645
|
"color": {
|
|
36442
36646
|
"key": "{feedback.danger.text.color}",
|
|
@@ -36507,6 +36711,148 @@
|
|
|
36507
36711
|
]
|
|
36508
36712
|
}
|
|
36509
36713
|
}
|
|
36714
|
+
},
|
|
36715
|
+
"brand": {
|
|
36716
|
+
"background": {
|
|
36717
|
+
"color": {
|
|
36718
|
+
"key": "{feedback.brand.background.color}",
|
|
36719
|
+
"$value": "#27243e",
|
|
36720
|
+
"$type": "color",
|
|
36721
|
+
"$description": "Used for the background of a brand-related feedback item when highlighting information that pertains to GitLab.",
|
|
36722
|
+
"$extensions": {
|
|
36723
|
+
"com.figma.scope": [
|
|
36724
|
+
"FRAME_FILL",
|
|
36725
|
+
"SHAPE_FILL"
|
|
36726
|
+
]
|
|
36727
|
+
},
|
|
36728
|
+
"filePath": "src/tokens/semantic/feedback.tokens.json",
|
|
36729
|
+
"isSource": true,
|
|
36730
|
+
"original": {
|
|
36731
|
+
"$value": "{color.purple.950}",
|
|
36732
|
+
"$type": "color",
|
|
36733
|
+
"$description": "Used for the background of a brand-related feedback item when highlighting information that pertains to GitLab.",
|
|
36734
|
+
"$extensions": {
|
|
36735
|
+
"com.figma.scope": [
|
|
36736
|
+
"FRAME_FILL",
|
|
36737
|
+
"SHAPE_FILL"
|
|
36738
|
+
]
|
|
36739
|
+
},
|
|
36740
|
+
"key": "{feedback.brand.background.color}"
|
|
36741
|
+
},
|
|
36742
|
+
"name": "FEEDBACK_BRAND_BACKGROUND_COLOR",
|
|
36743
|
+
"attributes": {},
|
|
36744
|
+
"path": [
|
|
36745
|
+
"feedback",
|
|
36746
|
+
"brand",
|
|
36747
|
+
"background",
|
|
36748
|
+
"color"
|
|
36749
|
+
]
|
|
36750
|
+
}
|
|
36751
|
+
},
|
|
36752
|
+
"border": {
|
|
36753
|
+
"color": {
|
|
36754
|
+
"key": "{feedback.brand.border.color}",
|
|
36755
|
+
"$value": "#6a4fb4",
|
|
36756
|
+
"$type": "color",
|
|
36757
|
+
"$description": "Used for the border of a brand-related feedback item when highlighting information that pertains to GitLab.",
|
|
36758
|
+
"$extensions": {
|
|
36759
|
+
"com.figma.scope": [
|
|
36760
|
+
"STROKE_COLOR"
|
|
36761
|
+
]
|
|
36762
|
+
},
|
|
36763
|
+
"filePath": "src/tokens/semantic/feedback.tokens.json",
|
|
36764
|
+
"isSource": true,
|
|
36765
|
+
"original": {
|
|
36766
|
+
"$value": "{color.purple.600}",
|
|
36767
|
+
"$type": "color",
|
|
36768
|
+
"$description": "Used for the border of a brand-related feedback item when highlighting information that pertains to GitLab.",
|
|
36769
|
+
"$extensions": {
|
|
36770
|
+
"com.figma.scope": [
|
|
36771
|
+
"STROKE_COLOR"
|
|
36772
|
+
]
|
|
36773
|
+
},
|
|
36774
|
+
"key": "{feedback.brand.border.color}"
|
|
36775
|
+
},
|
|
36776
|
+
"name": "FEEDBACK_BRAND_BORDER_COLOR",
|
|
36777
|
+
"attributes": {},
|
|
36778
|
+
"path": [
|
|
36779
|
+
"feedback",
|
|
36780
|
+
"brand",
|
|
36781
|
+
"border",
|
|
36782
|
+
"color"
|
|
36783
|
+
]
|
|
36784
|
+
}
|
|
36785
|
+
},
|
|
36786
|
+
"text": {
|
|
36787
|
+
"color": {
|
|
36788
|
+
"key": "{feedback.brand.text.color}",
|
|
36789
|
+
"$value": "#cbbbf2",
|
|
36790
|
+
"$type": "color",
|
|
36791
|
+
"$description": "Used for the text of a brand-related feedback item when highlighting information that pertains to GitLab.",
|
|
36792
|
+
"$extensions": {
|
|
36793
|
+
"com.figma.scope": [
|
|
36794
|
+
"TEXT_FILL"
|
|
36795
|
+
]
|
|
36796
|
+
},
|
|
36797
|
+
"filePath": "src/tokens/semantic/feedback.tokens.json",
|
|
36798
|
+
"isSource": true,
|
|
36799
|
+
"original": {
|
|
36800
|
+
"$value": "{color.purple.200}",
|
|
36801
|
+
"$type": "color",
|
|
36802
|
+
"$description": "Used for the text of a brand-related feedback item when highlighting information that pertains to GitLab.",
|
|
36803
|
+
"$extensions": {
|
|
36804
|
+
"com.figma.scope": [
|
|
36805
|
+
"TEXT_FILL"
|
|
36806
|
+
]
|
|
36807
|
+
},
|
|
36808
|
+
"key": "{feedback.brand.text.color}"
|
|
36809
|
+
},
|
|
36810
|
+
"name": "FEEDBACK_BRAND_TEXT_COLOR",
|
|
36811
|
+
"attributes": {},
|
|
36812
|
+
"path": [
|
|
36813
|
+
"feedback",
|
|
36814
|
+
"brand",
|
|
36815
|
+
"text",
|
|
36816
|
+
"color"
|
|
36817
|
+
]
|
|
36818
|
+
}
|
|
36819
|
+
},
|
|
36820
|
+
"icon": {
|
|
36821
|
+
"color": {
|
|
36822
|
+
"key": "{feedback.brand.icon.color}",
|
|
36823
|
+
"$value": "#ac93e6",
|
|
36824
|
+
"$type": "color",
|
|
36825
|
+
"$description": "Used for the icon of a brand-related feedback item when highlighting information that pertains to GitLab.",
|
|
36826
|
+
"$extensions": {
|
|
36827
|
+
"com.figma.scope": [
|
|
36828
|
+
"SHAPE_FILL",
|
|
36829
|
+
"TEXT_FILL"
|
|
36830
|
+
]
|
|
36831
|
+
},
|
|
36832
|
+
"filePath": "src/tokens/semantic/feedback.tokens.json",
|
|
36833
|
+
"isSource": true,
|
|
36834
|
+
"original": {
|
|
36835
|
+
"$value": "{color.purple.300}",
|
|
36836
|
+
"$type": "color",
|
|
36837
|
+
"$description": "Used for the icon of a brand-related feedback item when highlighting information that pertains to GitLab.",
|
|
36838
|
+
"$extensions": {
|
|
36839
|
+
"com.figma.scope": [
|
|
36840
|
+
"SHAPE_FILL",
|
|
36841
|
+
"TEXT_FILL"
|
|
36842
|
+
]
|
|
36843
|
+
},
|
|
36844
|
+
"key": "{feedback.brand.icon.color}"
|
|
36845
|
+
},
|
|
36846
|
+
"name": "FEEDBACK_BRAND_ICON_COLOR",
|
|
36847
|
+
"attributes": {},
|
|
36848
|
+
"path": [
|
|
36849
|
+
"feedback",
|
|
36850
|
+
"brand",
|
|
36851
|
+
"icon",
|
|
36852
|
+
"color"
|
|
36853
|
+
]
|
|
36854
|
+
}
|
|
36855
|
+
}
|
|
36510
36856
|
}
|
|
36511
36857
|
},
|
|
36512
36858
|
"focus-ring": {
|