@gitlab/ui 134.2.0 → 134.3.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 (27) hide show
  1. package/dist/components/base/nav_item/nav_item.js +122 -0
  2. package/dist/components/base/new_dropdowns/listbox/listbox.js +1 -1
  3. package/dist/components/index.js +1 -0
  4. package/dist/index.css +2 -2
  5. package/dist/index.css.map +1 -1
  6. package/dist/tailwind.css +1 -1
  7. package/dist/tailwind.css.map +1 -1
  8. package/dist/tokens/build/js/tokens.dark.js +20 -1
  9. package/dist/tokens/build/js/tokens.js +20 -1
  10. package/package.json +8 -8
  11. package/src/components/base/nav_item/nav_item.scss +90 -0
  12. package/src/components/base/nav_item/nav_item.vue +156 -0
  13. package/src/components/base/new_dropdowns/listbox/listbox.vue +2 -2
  14. package/src/components/index.js +1 -0
  15. package/src/scss/components.scss +1 -0
  16. package/src/tokens/build/css/tokens.css +19 -0
  17. package/src/tokens/build/css/tokens.dark.css +19 -0
  18. package/src/tokens/build/figma/mode.dark.json +190 -0
  19. package/src/tokens/build/figma/mode.json +190 -0
  20. package/src/tokens/build/js/tokens.dark.js +19 -0
  21. package/src/tokens/build/js/tokens.js +19 -0
  22. package/src/tokens/build/json/tokens.dark.json +658 -0
  23. package/src/tokens/build/json/tokens.json +658 -0
  24. package/src/tokens/build/scss/_tokens.dark.scss +19 -0
  25. package/src/tokens/build/scss/_tokens.scss +19 -0
  26. package/src/tokens/build/scss/_tokens_custom_properties.scss +19 -0
  27. package/src/tokens/contextual/nav.tokens.json +218 -0
package/src/tokens/build/json/tokens.json CHANGED
@@ -22613,6 +22613,664 @@
22613
22613
  }
22614
22614
  }
22615
22615
  },
22616
+ "nav": {
22617
+ "item": {
22618
+ "border": {
22619
+ "radius": {
22620
+ "key": "{nav.item.border.radius}",
22621
+ "$value": "0.5rem",
22622
+ "$type": "dimension",
22623
+ "$description": "Used for the border radius of a navigation item",
22624
+ "$extensions": {
22625
+ "com.figma.scopes": [
22626
+ "CORNER_RADIUS"
22627
+ ]
22628
+ },
22629
+ "filePath": "src/tokens/contextual/nav.tokens.json",
22630
+ "isSource": true,
22631
+ "original": {
22632
+ "$value": "{action.border.radius}",
22633
+ "$type": "dimension",
22634
+ "$description": "Used for the border radius of a navigation item",
22635
+ "$extensions": {
22636
+ "com.figma.scopes": [
22637
+ "CORNER_RADIUS"
22638
+ ]
22639
+ },
22640
+ "key": "{nav.item.border.radius}"
22641
+ },
22642
+ "name": "NAV_ITEM_BORDER_RADIUS",
22643
+ "attributes": {},
22644
+ "path": [
22645
+ "nav",
22646
+ "item",
22647
+ "border",
22648
+ "radius"
22649
+ ]
22650
+ }
22651
+ },
22652
+ "font": {
22653
+ "size": {
22654
+ "key": "{nav.item.font.size}",
22655
+ "$value": "0.875rem",
22656
+ "$type": "dimension",
22657
+ "$description": "Used for the font size of a navigation item",
22658
+ "$extensions": {
22659
+ "com.figma.scopes": [
22660
+ "FONT_SIZE"
22661
+ ]
22662
+ },
22663
+ "filePath": "src/tokens/contextual/nav.tokens.json",
22664
+ "isSource": true,
22665
+ "original": {
22666
+ "$value": "{font.size.300}",
22667
+ "$type": "dimension",
22668
+ "$description": "Used for the font size of a navigation item",
22669
+ "$extensions": {
22670
+ "com.figma.scopes": [
22671
+ "FONT_SIZE"
22672
+ ]
22673
+ },
22674
+ "key": "{nav.item.font.size}"
22675
+ },
22676
+ "name": "NAV_ITEM_FONT_SIZE",
22677
+ "attributes": {},
22678
+ "path": [
22679
+ "nav",
22680
+ "item",
22681
+ "font",
22682
+ "size"
22683
+ ]
22684
+ },
22685
+ "weight": {
22686
+ "key": "{nav.item.font.weight}",
22687
+ "$value": 425,
22688
+ "$type": "fontWeight",
22689
+ "$description": "Used for the font weight of a navigation item",
22690
+ "$extensions": {
22691
+ "com.figma.scopes": [
22692
+ "FONT_WEIGHT"
22693
+ ]
22694
+ },
22695
+ "filePath": "src/tokens/contextual/nav.tokens.json",
22696
+ "isSource": true,
22697
+ "original": {
22698
+ "$value": 425,
22699
+ "$type": "fontWeight",
22700
+ "$description": "Used for the font weight of a navigation item",
22701
+ "$extensions": {
22702
+ "com.figma.scopes": [
22703
+ "FONT_WEIGHT"
22704
+ ]
22705
+ },
22706
+ "key": "{nav.item.font.weight}"
22707
+ },
22708
+ "name": "NAV_ITEM_FONT_WEIGHT",
22709
+ "attributes": {},
22710
+ "path": [
22711
+ "nav",
22712
+ "item",
22713
+ "font",
22714
+ "weight"
22715
+ ]
22716
+ }
22717
+ },
22718
+ "foreground": {
22719
+ "color": {
22720
+ "default": {
22721
+ "key": "{nav.item.foreground.color.default}",
22722
+ "$value": "#28272d",
22723
+ "$type": "color",
22724
+ "$description": "Used for the foreground of a default navigation item in the default state.",
22725
+ "$extensions": {
22726
+ "com.figma.scopes": [
22727
+ "TEXT_FILL"
22728
+ ]
22729
+ },
22730
+ "filePath": "src/tokens/contextual/nav.tokens.json",
22731
+ "isSource": true,
22732
+ "original": {
22733
+ "$value": "{action.neutral.foreground.color.default}",
22734
+ "$type": "color",
22735
+ "$description": "Used for the foreground of a default navigation item in the default state.",
22736
+ "$extensions": {
22737
+ "com.figma.scopes": [
22738
+ "TEXT_FILL"
22739
+ ]
22740
+ },
22741
+ "key": "{nav.item.foreground.color.default}"
22742
+ },
22743
+ "name": "NAV_ITEM_FOREGROUND_COLOR_DEFAULT",
22744
+ "attributes": {},
22745
+ "path": [
22746
+ "nav",
22747
+ "item",
22748
+ "foreground",
22749
+ "color",
22750
+ "default"
22751
+ ]
22752
+ },
22753
+ "hover": {
22754
+ "key": "{nav.item.foreground.color.hover}",
22755
+ "$value": "#28272d",
22756
+ "$type": "color",
22757
+ "$description": "Used for the foreground of a default navigation item in the hover state.",
22758
+ "$extensions": {
22759
+ "com.figma.scopes": [
22760
+ "TEXT_FILL"
22761
+ ]
22762
+ },
22763
+ "filePath": "src/tokens/contextual/nav.tokens.json",
22764
+ "isSource": true,
22765
+ "original": {
22766
+ "$value": "{action.neutral.foreground.color.hover}",
22767
+ "$type": "color",
22768
+ "$description": "Used for the foreground of a default navigation item in the hover state.",
22769
+ "$extensions": {
22770
+ "com.figma.scopes": [
22771
+ "TEXT_FILL"
22772
+ ]
22773
+ },
22774
+ "key": "{nav.item.foreground.color.hover}"
22775
+ },
22776
+ "name": "NAV_ITEM_FOREGROUND_COLOR_HOVER",
22777
+ "attributes": {},
22778
+ "path": [
22779
+ "nav",
22780
+ "item",
22781
+ "foreground",
22782
+ "color",
22783
+ "hover"
22784
+ ]
22785
+ },
22786
+ "focus": {
22787
+ "key": "{nav.item.foreground.color.focus}",
22788
+ "$value": "#28272d",
22789
+ "$type": "color",
22790
+ "$description": "Used for the foreground of a default navigation item in the focus state.",
22791
+ "$extensions": {
22792
+ "com.figma.scopes": [
22793
+ "TEXT_FILL"
22794
+ ]
22795
+ },
22796
+ "filePath": "src/tokens/contextual/nav.tokens.json",
22797
+ "isSource": true,
22798
+ "original": {
22799
+ "$value": "{action.neutral.foreground.color.focus}",
22800
+ "$type": "color",
22801
+ "$description": "Used for the foreground of a default navigation item in the focus state.",
22802
+ "$extensions": {
22803
+ "com.figma.scopes": [
22804
+ "TEXT_FILL"
22805
+ ]
22806
+ },
22807
+ "key": "{nav.item.foreground.color.focus}"
22808
+ },
22809
+ "name": "NAV_ITEM_FOREGROUND_COLOR_FOCUS",
22810
+ "attributes": {},
22811
+ "path": [
22812
+ "nav",
22813
+ "item",
22814
+ "foreground",
22815
+ "color",
22816
+ "focus"
22817
+ ]
22818
+ },
22819
+ "active": {
22820
+ "key": "{nav.item.foreground.color.active}",
22821
+ "$value": "#28272d",
22822
+ "$type": "color",
22823
+ "$description": "Used for the foreground of a default navigation item in the active state.",
22824
+ "$extensions": {
22825
+ "com.figma.scopes": [
22826
+ "TEXT_FILL"
22827
+ ]
22828
+ },
22829
+ "filePath": "src/tokens/contextual/nav.tokens.json",
22830
+ "isSource": true,
22831
+ "original": {
22832
+ "$value": "{action.neutral.foreground.color.active}",
22833
+ "$type": "color",
22834
+ "$description": "Used for the foreground of a default navigation item in the active state.",
22835
+ "$extensions": {
22836
+ "com.figma.scopes": [
22837
+ "TEXT_FILL"
22838
+ ]
22839
+ },
22840
+ "key": "{nav.item.foreground.color.active}"
22841
+ },
22842
+ "name": "NAV_ITEM_FOREGROUND_COLOR_ACTIVE",
22843
+ "attributes": {},
22844
+ "path": [
22845
+ "nav",
22846
+ "item",
22847
+ "foreground",
22848
+ "color",
22849
+ "active"
22850
+ ]
22851
+ }
22852
+ }
22853
+ },
22854
+ "background": {
22855
+ "color": {
22856
+ "default": {
22857
+ "key": "{nav.item.background.color.default}",
22858
+ "$value": "rgba(164, 163, 168, 0)",
22859
+ "$type": "color",
22860
+ "$description": "Used for the background of a default navigation item in the default state.",
22861
+ "$extensions": {
22862
+ "com.figma.scopes": [
22863
+ "SHAPE_FILL"
22864
+ ]
22865
+ },
22866
+ "filePath": "src/tokens/contextual/nav.tokens.json",
22867
+ "isSource": true,
22868
+ "original": {
22869
+ "$value": "{action.neutral.background.color.default}",
22870
+ "$type": "color",
22871
+ "$description": "Used for the background of a default navigation item in the default state.",
22872
+ "$extensions": {
22873
+ "com.figma.scopes": [
22874
+ "SHAPE_FILL"
22875
+ ]
22876
+ },
22877
+ "key": "{nav.item.background.color.default}"
22878
+ },
22879
+ "name": "NAV_ITEM_BACKGROUND_COLOR_DEFAULT",
22880
+ "attributes": {},
22881
+ "path": [
22882
+ "nav",
22883
+ "item",
22884
+ "background",
22885
+ "color",
22886
+ "default"
22887
+ ]
22888
+ },
22889
+ "hover": {
22890
+ "key": "{nav.item.background.color.hover}",
22891
+ "$value": "rgba(164, 163, 168, 0.16)",
22892
+ "$type": "color",
22893
+ "$description": "Used for the background of a default navigation item in the hover state.",
22894
+ "$extensions": {
22895
+ "com.figma.scopes": [
22896
+ "SHAPE_FILL"
22897
+ ]
22898
+ },
22899
+ "filePath": "src/tokens/contextual/nav.tokens.json",
22900
+ "isSource": true,
22901
+ "original": {
22902
+ "$value": "{action.neutral.background.color.hover}",
22903
+ "$type": "color",
22904
+ "$description": "Used for the background of a default navigation item in the hover state.",
22905
+ "$extensions": {
22906
+ "com.figma.scopes": [
22907
+ "SHAPE_FILL"
22908
+ ]
22909
+ },
22910
+ "key": "{nav.item.background.color.hover}"
22911
+ },
22912
+ "name": "NAV_ITEM_BACKGROUND_COLOR_HOVER",
22913
+ "attributes": {},
22914
+ "path": [
22915
+ "nav",
22916
+ "item",
22917
+ "background",
22918
+ "color",
22919
+ "hover"
22920
+ ]
22921
+ },
22922
+ "focus": {
22923
+ "key": "{nav.item.background.color.focus}",
22924
+ "$value": "rgba(164, 163, 168, 0.16)",
22925
+ "$type": "color",
22926
+ "$description": "Used for the background of a default navigation item in the focus state.",
22927
+ "$extensions": {
22928
+ "com.figma.scopes": [
22929
+ "SHAPE_FILL"
22930
+ ]
22931
+ },
22932
+ "filePath": "src/tokens/contextual/nav.tokens.json",
22933
+ "isSource": true,
22934
+ "original": {
22935
+ "$value": "{action.neutral.background.color.focus}",
22936
+ "$type": "color",
22937
+ "$description": "Used for the background of a default navigation item in the focus state.",
22938
+ "$extensions": {
22939
+ "com.figma.scopes": [
22940
+ "SHAPE_FILL"
22941
+ ]
22942
+ },
22943
+ "key": "{nav.item.background.color.focus}"
22944
+ },
22945
+ "name": "NAV_ITEM_BACKGROUND_COLOR_FOCUS",
22946
+ "attributes": {},
22947
+ "path": [
22948
+ "nav",
22949
+ "item",
22950
+ "background",
22951
+ "color",
22952
+ "focus"
22953
+ ]
22954
+ },
22955
+ "active": {
22956
+ "key": "{nav.item.background.color.active}",
22957
+ "$value": "rgba(83, 81, 88, 0.24)",
22958
+ "$type": "color",
22959
+ "$description": "Used for the background of a default navigation item in the active state.",
22960
+ "$extensions": {
22961
+ "com.figma.scopes": [
22962
+ "SHAPE_FILL"
22963
+ ]
22964
+ },
22965
+ "filePath": "src/tokens/contextual/nav.tokens.json",
22966
+ "isSource": true,
22967
+ "original": {
22968
+ "$value": "{action.neutral.background.color.active}",
22969
+ "$type": "color",
22970
+ "$description": "Used for the background of a default navigation item in the active state.",
22971
+ "$extensions": {
22972
+ "com.figma.scopes": [
22973
+ "SHAPE_FILL"
22974
+ ]
22975
+ },
22976
+ "key": "{nav.item.background.color.active}"
22977
+ },
22978
+ "name": "NAV_ITEM_BACKGROUND_COLOR_ACTIVE",
22979
+ "attributes": {},
22980
+ "path": [
22981
+ "nav",
22982
+ "item",
22983
+ "background",
22984
+ "color",
22985
+ "active"
22986
+ ]
22987
+ }
22988
+ }
22989
+ },
22990
+ "selected": {
22991
+ "foreground": {
22992
+ "color": {
22993
+ "default": {
22994
+ "key": "{nav.item.selected.foreground.color.default}",
22995
+ "$value": "#fff",
22996
+ "$type": "color",
22997
+ "$description": "Used for the foreground of a selected navigation item in the default state.",
22998
+ "$extensions": {
22999
+ "com.figma.scopes": [
23000
+ "TEXT_FILL"
23001
+ ]
23002
+ },
23003
+ "filePath": "src/tokens/contextual/nav.tokens.json",
23004
+ "isSource": true,
23005
+ "original": {
23006
+ "$value": "{action.selected.foreground.color.default}",
23007
+ "$type": "color",
23008
+ "$description": "Used for the foreground of a selected navigation item in the default state.",
23009
+ "$extensions": {
23010
+ "com.figma.scopes": [
23011
+ "TEXT_FILL"
23012
+ ]
23013
+ },
23014
+ "key": "{nav.item.selected.foreground.color.default}"
23015
+ },
23016
+ "name": "NAV_ITEM_SELECTED_FOREGROUND_COLOR_DEFAULT",
23017
+ "attributes": {},
23018
+ "path": [
23019
+ "nav",
23020
+ "item",
23021
+ "selected",
23022
+ "foreground",
23023
+ "color",
23024
+ "default"
23025
+ ]
23026
+ },
23027
+ "hover": {
23028
+ "key": "{nav.item.selected.foreground.color.hover}",
23029
+ "$value": "#fff",
23030
+ "$type": "color",
23031
+ "$description": "Used for the foreground of a selected navigation item in the hover state.",
23032
+ "$extensions": {
23033
+ "com.figma.scopes": [
23034
+ "TEXT_FILL"
23035
+ ]
23036
+ },
23037
+ "filePath": "src/tokens/contextual/nav.tokens.json",
23038
+ "isSource": true,
23039
+ "original": {
23040
+ "$value": "{action.selected.foreground.color.hover}",
23041
+ "$type": "color",
23042
+ "$description": "Used for the foreground of a selected navigation item in the hover state.",
23043
+ "$extensions": {
23044
+ "com.figma.scopes": [
23045
+ "TEXT_FILL"
23046
+ ]
23047
+ },
23048
+ "key": "{nav.item.selected.foreground.color.hover}"
23049
+ },
23050
+ "name": "NAV_ITEM_SELECTED_FOREGROUND_COLOR_HOVER",
23051
+ "attributes": {},
23052
+ "path": [
23053
+ "nav",
23054
+ "item",
23055
+ "selected",
23056
+ "foreground",
23057
+ "color",
23058
+ "hover"
23059
+ ]
23060
+ },
23061
+ "focus": {
23062
+ "key": "{nav.item.selected.foreground.color.focus}",
23063
+ "$value": "#fff",
23064
+ "$type": "color",
23065
+ "$description": "Used for the foreground of a selected navigation item in the focus state.",
23066
+ "$extensions": {
23067
+ "com.figma.scopes": [
23068
+ "TEXT_FILL"
23069
+ ]
23070
+ },
23071
+ "filePath": "src/tokens/contextual/nav.tokens.json",
23072
+ "isSource": true,
23073
+ "original": {
23074
+ "$value": "{action.selected.foreground.color.focus}",
23075
+ "$type": "color",
23076
+ "$description": "Used for the foreground of a selected navigation item in the focus state.",
23077
+ "$extensions": {
23078
+ "com.figma.scopes": [
23079
+ "TEXT_FILL"
23080
+ ]
23081
+ },
23082
+ "key": "{nav.item.selected.foreground.color.focus}"
23083
+ },
23084
+ "name": "NAV_ITEM_SELECTED_FOREGROUND_COLOR_FOCUS",
23085
+ "attributes": {},
23086
+ "path": [
23087
+ "nav",
23088
+ "item",
23089
+ "selected",
23090
+ "foreground",
23091
+ "color",
23092
+ "focus"
23093
+ ]
23094
+ },
23095
+ "active": {
23096
+ "key": "{nav.item.selected.foreground.color.active}",
23097
+ "$value": "#fff",
23098
+ "$type": "color",
23099
+ "$description": "Used for the foreground of a selected navigation item in the active state.",
23100
+ "$extensions": {
23101
+ "com.figma.scopes": [
23102
+ "TEXT_FILL"
23103
+ ]
23104
+ },
23105
+ "filePath": "src/tokens/contextual/nav.tokens.json",
23106
+ "isSource": true,
23107
+ "original": {
23108
+ "$value": "{action.selected.foreground.color.active}",
23109
+ "$type": "color",
23110
+ "$description": "Used for the foreground of a selected navigation item in the active state.",
23111
+ "$extensions": {
23112
+ "com.figma.scopes": [
23113
+ "TEXT_FILL"
23114
+ ]
23115
+ },
23116
+ "key": "{nav.item.selected.foreground.color.active}"
23117
+ },
23118
+ "name": "NAV_ITEM_SELECTED_FOREGROUND_COLOR_ACTIVE",
23119
+ "attributes": {},
23120
+ "path": [
23121
+ "nav",
23122
+ "item",
23123
+ "selected",
23124
+ "foreground",
23125
+ "color",
23126
+ "active"
23127
+ ]
23128
+ }
23129
+ }
23130
+ },
23131
+ "background": {
23132
+ "color": {
23133
+ "default": {
23134
+ "key": "{nav.item.selected.background.color.default}",
23135
+ "$value": "#1f75cb",
23136
+ "$type": "color",
23137
+ "$description": "Used for the background of a selected navigation item in the default state.",
23138
+ "$extensions": {
23139
+ "com.figma.scopes": [
23140
+ "SHAPE_FILL"
23141
+ ]
23142
+ },
23143
+ "filePath": "src/tokens/contextual/nav.tokens.json",
23144
+ "isSource": true,
23145
+ "original": {
23146
+ "$value": "{action.selected.background.color.default}",
23147
+ "$type": "color",
23148
+ "$description": "Used for the background of a selected navigation item in the default state.",
23149
+ "$extensions": {
23150
+ "com.figma.scopes": [
23151
+ "SHAPE_FILL"
23152
+ ]
23153
+ },
23154
+ "key": "{nav.item.selected.background.color.default}"
23155
+ },
23156
+ "name": "NAV_ITEM_SELECTED_BACKGROUND_COLOR_DEFAULT",
23157
+ "attributes": {},
23158
+ "path": [
23159
+ "nav",
23160
+ "item",
23161
+ "selected",
23162
+ "background",
23163
+ "color",
23164
+ "default"
23165
+ ]
23166
+ },
23167
+ "hover": {
23168
+ "key": "{nav.item.selected.background.color.hover}",
23169
+ "$value": "#2f5ca0",
23170
+ "$type": "color",
23171
+ "$description": "Used for the background of a selected navigation item in the hover state.",
23172
+ "$extensions": {
23173
+ "com.figma.scopes": [
23174
+ "SHAPE_FILL"
23175
+ ]
23176
+ },
23177
+ "filePath": "src/tokens/contextual/nav.tokens.json",
23178
+ "isSource": true,
23179
+ "original": {
23180
+ "$value": "{action.selected.background.color.hover}",
23181
+ "$type": "color",
23182
+ "$description": "Used for the background of a selected navigation item in the hover state.",
23183
+ "$extensions": {
23184
+ "com.figma.scopes": [
23185
+ "SHAPE_FILL"
23186
+ ]
23187
+ },
23188
+ "key": "{nav.item.selected.background.color.hover}"
23189
+ },
23190
+ "name": "NAV_ITEM_SELECTED_BACKGROUND_COLOR_HOVER",
23191
+ "attributes": {},
23192
+ "path": [
23193
+ "nav",
23194
+ "item",
23195
+ "selected",
23196
+ "background",
23197
+ "color",
23198
+ "hover"
23199
+ ]
23200
+ },
23201
+ "focus": {
23202
+ "key": "{nav.item.selected.background.color.focus}",
23203
+ "$value": "#2f5ca0",
23204
+ "$type": "color",
23205
+ "$description": "Used for the background of a selected navigation item in the focus state.",
23206
+ "$extensions": {
23207
+ "com.figma.scopes": [
23208
+ "SHAPE_FILL"
23209
+ ]
23210
+ },
23211
+ "filePath": "src/tokens/contextual/nav.tokens.json",
23212
+ "isSource": true,
23213
+ "original": {
23214
+ "$value": "{action.selected.background.color.focus}",
23215
+ "$type": "color",
23216
+ "$description": "Used for the background of a selected navigation item in the focus state.",
23217
+ "$extensions": {
23218
+ "com.figma.scopes": [
23219
+ "SHAPE_FILL"
23220
+ ]
23221
+ },
23222
+ "key": "{nav.item.selected.background.color.focus}"
23223
+ },
23224
+ "name": "NAV_ITEM_SELECTED_BACKGROUND_COLOR_FOCUS",
23225
+ "attributes": {},
23226
+ "path": [
23227
+ "nav",
23228
+ "item",
23229
+ "selected",
23230
+ "background",
23231
+ "color",
23232
+ "focus"
23233
+ ]
23234
+ },
23235
+ "active": {
23236
+ "key": "{nav.item.selected.background.color.active}",
23237
+ "$value": "#284779",
23238
+ "$type": "color",
23239
+ "$description": "Used for the background of a selected navigation item in the active state.",
23240
+ "$extensions": {
23241
+ "com.figma.scopes": [
23242
+ "SHAPE_FILL"
23243
+ ]
23244
+ },
23245
+ "filePath": "src/tokens/contextual/nav.tokens.json",
23246
+ "isSource": true,
23247
+ "original": {
23248
+ "$value": "{action.selected.background.color.active}",
23249
+ "$type": "color",
23250
+ "$description": "Used for the background of a selected navigation item in the active state.",
23251
+ "$extensions": {
23252
+ "com.figma.scopes": [
23253
+ "SHAPE_FILL"
23254
+ ]
23255
+ },
23256
+ "key": "{nav.item.selected.background.color.active}"
23257
+ },
23258
+ "name": "NAV_ITEM_SELECTED_BACKGROUND_COLOR_ACTIVE",
23259
+ "attributes": {},
23260
+ "path": [
23261
+ "nav",
23262
+ "item",
23263
+ "selected",
23264
+ "background",
23265
+ "color",
23266
+ "active"
23267
+ ]
23268
+ }
23269
+ }
23270
+ }
23271
+ }
23272
+ }
23273
+ },
22616
23274
  "progress-bar": {
22617
23275
  "indicator": {
22618
23276
  "color": {