ui-primitives 20.4.0 → 20.6.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 (4) hide show
  1. package/icons/glyph/glyph_arrow-down-line-down-compact_m.svg +2 -2
  2. package/package.json +1 -1
  3. package/styles/colors_bluetint.json +156 -30
  4. package/styles/colors_indigo.json +142 -16
package/icons/glyph/glyph_arrow-down-line-down-compact_m.svg CHANGED
@@ -1,4 +1,4 @@
1
1
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><rect width="24" height="24" fill="none"/>
2
- <path d="M15.3333 10.3941L12.75 13.0144V5H11.25V13.0144L8.66668 10.3941L7.61783 11.5061L12 15.951L16.3822 11.5061L15.3333 10.3941Z" fill="#000000"/>
3
- <path d="M18 19V17.4444H6V19H18Z" fill="#000000"/>
2
+ <path d="M15.8889 10.1647L12.875 13.1593V4H11.125V13.1593L8.11112 10.1647L6.88747 11.4356L12 16.5155L17.1125 11.4356L15.8889 10.1647Z" fill="#000000"/>
3
+ <path d="M19 20V18.2222H5V20H19Z" fill="#000000"/>
4
4
  </svg>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ui-primitives",
3
- "version": "20.4.0",
3
+ "version": "20.6.0",
4
4
  "description": "UI primitives for sharing between platforms in Design System Team projects",
5
5
  "keywords": [
6
6
  "design",
package/styles/colors_bluetint.json CHANGED
@@ -335,6 +335,48 @@
335
335
  "web": "--color-dark-neutral-100-press",
336
336
  "alias": "neutralColor100Press"
337
337
  },
338
+ "dark_neutral_1300": {
339
+ "rgba": "rgba(242, 243, 245, 1)",
340
+ "hex": "#f2f3f5",
341
+ "figma": "neutral/1300",
342
+ "web": "--color-dark-neutral-1300",
343
+ "alias": "neutralColor1300"
344
+ },
345
+ "dark_neutral_1300_hover": {
346
+ "rgba": "rgba(210, 211, 217, 1)",
347
+ "hex": "#d2d3d9",
348
+ "figma": "neutral/1300/hover",
349
+ "web": "--color-dark-neutral-1300-hover",
350
+ "alias": "neutralColor1300Hover"
351
+ },
352
+ "dark_neutral_1300_inverted": {
353
+ "rgba": "rgba(33, 33, 36, 1)",
354
+ "hex": "#212124",
355
+ "figma": "neutral_inverted/1300",
356
+ "web": "--color-dark-neutral-1300-inverted",
357
+ "alias": "neutralColor1300Inverted"
358
+ },
359
+ "dark_neutral_1300_inverted_hover": {
360
+ "rgba": "rgba(63, 63, 69, 1)",
361
+ "hex": "#3f3f45",
362
+ "figma": "neutral_inverted/1300/hover",
363
+ "web": "--color-dark-neutral-1300-inverted-hover",
364
+ "alias": "neutralColor1300InvertedHover"
365
+ },
366
+ "dark_neutral_1300_inverted_press": {
367
+ "rgba": "rgba(95, 95, 102, 1)",
368
+ "hex": "#5f5f66",
369
+ "figma": "neutral_inverted/1300/press",
370
+ "web": "--color-dark-neutral-1300-inverted-press",
371
+ "alias": "neutralColor1300InvertedPress"
372
+ },
373
+ "dark_neutral_1300_press": {
374
+ "rgba": "rgba(186, 187, 194, 1)",
375
+ "hex": "#babbc2",
376
+ "figma": "neutral/1300/press",
377
+ "web": "--color-dark-neutral-1300-press",
378
+ "alias": "neutralColor1300Press"
379
+ },
338
380
  "dark_neutral_1500": {
339
381
  "rgba": "rgba(255, 255, 255, 1)",
340
382
  "hex": "#ffffff",
@@ -693,15 +735,15 @@
693
735
  "alias": "neutralTranslucentColor1300Inverted"
694
736
  },
695
737
  "dark_neutral_translucent_1300_inverted_hover": {
696
- "rgba": "rgba(3, 3, 8, 0.8)",
697
- "hex": "#cc030308",
738
+ "rgba": "rgba(2, 2, 10, 0.76)",
739
+ "hex": "#c202020a",
698
740
  "figma": "neutral-translucent_inverted/1300/hover",
699
741
  "web": "--color-dark-neutral-translucent-1300-inverted-hover",
700
742
  "alias": "neutralTranslucentColor1300InvertedHover"
701
743
  },
702
744
  "dark_neutral_translucent_1300_inverted_press": {
703
- "rgba": "rgba(0, 0, 10, 0.71)",
704
- "hex": "#b500000a",
745
+ "rgba": "rgba(1, 1, 12, 0.63)",
746
+ "hex": "#a101010c",
705
747
  "figma": "neutral-translucent_inverted/1300/press",
706
748
  "web": "--color-dark-neutral-translucent-1300-inverted-press",
707
749
  "alias": "neutralTranslucentColor1300InvertedPress"
@@ -2141,6 +2183,48 @@
2141
2183
  "web": "--color-light-neutral-100-press",
2142
2184
  "alias": "neutralColor100Press"
2143
2185
  },
2186
+ "light_neutral_1300": {
2187
+ "rgba": "rgba(33, 33, 36, 1)",
2188
+ "hex": "#212124",
2189
+ "figma": "neutral/1300",
2190
+ "web": "--color-light-neutral-1300",
2191
+ "alias": "neutralColor1300"
2192
+ },
2193
+ "light_neutral_1300_hover": {
2194
+ "rgba": "rgba(63, 63, 69, 1)",
2195
+ "hex": "#3f3f45",
2196
+ "figma": "neutral/1300/hover",
2197
+ "web": "--color-light-neutral-1300-hover",
2198
+ "alias": "neutralColor1300Hover"
2199
+ },
2200
+ "light_neutral_1300_inverted": {
2201
+ "rgba": "rgba(242, 243, 245, 1)",
2202
+ "hex": "#f2f3f5",
2203
+ "figma": "neutral_inverted/1300",
2204
+ "web": "--color-light-neutral-1300-inverted",
2205
+ "alias": "neutralColor1300Inverted"
2206
+ },
2207
+ "light_neutral_1300_inverted_hover": {
2208
+ "rgba": "rgba(210, 211, 217, 1)",
2209
+ "hex": "#d2d3d9",
2210
+ "figma": "neutral_inverted/1300/hover",
2211
+ "web": "--color-light-neutral-1300-inverted-hover",
2212
+ "alias": "neutralColor1300InvertedHover"
2213
+ },
2214
+ "light_neutral_1300_inverted_press": {
2215
+ "rgba": "rgba(186, 187, 194, 1)",
2216
+ "hex": "#babbc2",
2217
+ "figma": "neutral_inverted/1300/press",
2218
+ "web": "--color-light-neutral-1300-inverted-press",
2219
+ "alias": "neutralColor1300InvertedPress"
2220
+ },
2221
+ "light_neutral_1300_press": {
2222
+ "rgba": "rgba(95, 95, 102, 1)",
2223
+ "hex": "#5f5f66",
2224
+ "figma": "neutral/1300/press",
2225
+ "web": "--color-light-neutral-1300-press",
2226
+ "alias": "neutralColor1300Press"
2227
+ },
2144
2228
  "light_neutral_1500": {
2145
2229
  "rgba": "rgba(18, 18, 19, 1)",
2146
2230
  "hex": "#121213",
@@ -2485,8 +2569,8 @@
2485
2569
  "alias": "neutralTranslucentColor1300"
2486
2570
  },
2487
2571
  "light_neutral_translucent_1300_hover": {
2488
- "rgba": "rgba(3, 3, 8, 0.8)",
2489
- "hex": "#cc030308",
2572
+ "rgba": "rgba(2, 2, 10, 0.76)",
2573
+ "hex": "#c202020a",
2490
2574
  "figma": "neutral-translucent/1300/hover",
2491
2575
  "web": "--color-light-neutral-translucent-1300-hover",
2492
2576
  "alias": "neutralTranslucentColor1300Hover"
@@ -2513,8 +2597,8 @@
2513
2597
  "alias": "neutralTranslucentColor1300InvertedPress"
2514
2598
  },
2515
2599
  "light_neutral_translucent_1300_press": {
2516
- "rgba": "rgba(0, 0, 10, 0.71)",
2517
- "hex": "#b500000a",
2600
+ "rgba": "rgba(1, 1, 12, 0.63)",
2601
+ "hex": "#a101010c",
2518
2602
  "figma": "neutral-translucent/1300/press",
2519
2603
  "web": "--color-light-neutral-translucent-1300-press",
2520
2604
  "alias": "neutralTranslucentColor1300Press"
@@ -3696,8 +3780,8 @@
3696
3780
  "alias": "staticAccentColorSecondaryPress"
3697
3781
  },
3698
3782
  "static_bg_primary_dark": {
3699
- "rgba": "rgba(14, 14, 14, 1)",
3700
- "hex": "#0e0e0e",
3783
+ "rgba": "rgba(18, 18, 19, 1)",
3784
+ "hex": "#121213",
3701
3785
  "figma": "static/bg-dark/primary",
3702
3786
  "alias": "staticBackgroundColorPrimaryDark",
3703
3787
  "web": "--color-static-bg-primary-dark"
@@ -3786,6 +3870,48 @@
3786
3870
  "web": "--color-static-neutral-100-press",
3787
3871
  "alias": "staticNeutralColor100Press"
3788
3872
  },
3873
+ "static_neutral_1300": {
3874
+ "rgba": "rgba(33, 33, 36, 1)",
3875
+ "hex": "#212124",
3876
+ "figma": "static_neutral/1300",
3877
+ "web": "--color-static-neutral-1300",
3878
+ "alias": "staticNeutralColor1300"
3879
+ },
3880
+ "static_neutral_1300_hover": {
3881
+ "rgba": "rgba(63, 63, 69, 1)",
3882
+ "hex": "#3f3f45",
3883
+ "figma": "static_neutral/1300/hover",
3884
+ "web": "--color-static-neutral-1300-hover",
3885
+ "alias": "staticNeutralColor1300Hover"
3886
+ },
3887
+ "static_neutral_1300_inverted": {
3888
+ "rgba": "rgba(242, 243, 245, 1)",
3889
+ "hex": "#f2f3f5",
3890
+ "figma": "static_neutral_inverted/1300",
3891
+ "web": "--color-static-neutral-1300-inverted",
3892
+ "alias": "staticNeutralColor1300Inverted"
3893
+ },
3894
+ "static_neutral_1300_inverted_hover": {
3895
+ "rgba": "rgba(210, 211, 217, 1)",
3896
+ "hex": "#d2d3d9",
3897
+ "figma": "static_neutral_inverted/1300/hover",
3898
+ "web": "--color-static-neutral-1300-inverted-hover",
3899
+ "alias": "staticNeutralColor1300InvertedHover"
3900
+ },
3901
+ "static_neutral_1300_inverted_press": {
3902
+ "rgba": "rgba(186, 187, 194, 1)",
3903
+ "hex": "#babbc2",
3904
+ "figma": "static_neutral_inverted/1300/press",
3905
+ "web": "--color-static-neutral-1300-inverted-press",
3906
+ "alias": "staticNeutralColor1300InvertedPress"
3907
+ },
3908
+ "static_neutral_1300_press": {
3909
+ "rgba": "rgba(95, 95, 102, 1)",
3910
+ "hex": "#5f5f66",
3911
+ "figma": "static_neutral/1300/press",
3912
+ "web": "--color-static-neutral-1300-press",
3913
+ "alias": "staticNeutralColor1300Press"
3914
+ },
3789
3915
  "static_neutral_1500": {
3790
3916
  "rgba": "rgba(18, 18, 19, 1)",
3791
3917
  "hex": "#121213",
@@ -4130,8 +4256,8 @@
4130
4256
  "alias": "staticNeutralTranslucentColor1300"
4131
4257
  },
4132
4258
  "static_neutral_translucent_1300_hover": {
4133
- "rgba": "rgba(3, 3, 8, 0.8)",
4134
- "hex": "#cc030308",
4259
+ "rgba": "rgba(2, 2, 10, 0.76)",
4260
+ "hex": "#c202020a",
4135
4261
  "figma": "static_neutral-translucent/1300/hover",
4136
4262
  "web": "--color-static-neutral-translucent-1300-hover",
4137
4263
  "alias": "staticNeutralTranslucentColor1300Hover"
@@ -4158,8 +4284,8 @@
4158
4284
  "alias": "staticNeutralTranslucentColor1300InvertedPress"
4159
4285
  },
4160
4286
  "static_neutral_translucent_1300_press": {
4161
- "rgba": "rgba(0, 0, 10, 0.71)",
4162
- "hex": "#b500000a",
4287
+ "rgba": "rgba(1, 1, 12, 0.63)",
4288
+ "hex": "#a101010c",
4163
4289
  "figma": "static_neutral-translucent/1300/press",
4164
4290
  "web": "--color-static-neutral-translucent-1300-press",
4165
4291
  "alias": "staticNeutralTranslucentColor1300Press"
@@ -5013,8 +5139,8 @@
5013
5139
  },
5014
5140
  "dark_bg_primary": {
5015
5141
  "deprecated": true,
5016
- "rgba": "rgba(14, 14, 14, 1)",
5017
- "hex": "#0e0e0e",
5142
+ "rgba": "rgba(18, 18, 19, 1)",
5143
+ "hex": "#121213",
5018
5144
  "alias": "backgroundColorPrimary",
5019
5145
  "web": "--color-dark-bg-primary"
5020
5146
  },
@@ -5216,15 +5342,15 @@
5216
5342
  },
5217
5343
  "dark_graphic_primary": {
5218
5344
  "deprecated": true,
5219
- "rgba": "rgba(255, 255, 255, 1)",
5220
- "hex": "#ffffff",
5345
+ "rgba": "rgba(241, 241, 241, 1)",
5346
+ "hex": "#f1f1f1",
5221
5347
  "alias": "graphicColorPrimary",
5222
5348
  "web": "--color-dark-graphic-primary"
5223
5349
  },
5224
5350
  "dark_graphic_primary_inverted": {
5225
5351
  "deprecated": true,
5226
- "rgba": "rgba(14, 14, 14, 1)",
5227
- "hex": "#0e0e0e",
5352
+ "rgba": "rgba(33, 33, 36, 1)",
5353
+ "hex": "#212124",
5228
5354
  "alias": "graphicColorPrimaryInverted",
5229
5355
  "web": "--color-dark-graphic-primary-inverted"
5230
5356
  },
@@ -5524,8 +5650,8 @@
5524
5650
  },
5525
5651
  "light_bg_primary_inverted": {
5526
5652
  "deprecated": true,
5527
- "rgba": "rgba(14, 14, 14, 1)",
5528
- "hex": "#0e0e0e",
5653
+ "rgba": "rgba(18, 18, 19, 1)",
5654
+ "hex": "#121213",
5529
5655
  "alias": "backgroundColorPrimaryInverted",
5530
5656
  "web": "--color-light-bg-primary-inverted"
5531
5657
  },
@@ -5713,15 +5839,15 @@
5713
5839
  },
5714
5840
  "light_graphic_primary": {
5715
5841
  "deprecated": true,
5716
- "rgba": "rgba(14, 14, 14, 1)",
5717
- "hex": "#0e0e0e",
5842
+ "rgba": "rgba(33, 33, 36, 1)",
5843
+ "hex": "#212124",
5718
5844
  "alias": "graphicColorPrimary",
5719
5845
  "web": "--color-light-graphic-primary"
5720
5846
  },
5721
5847
  "light_graphic_primary_inverted": {
5722
5848
  "deprecated": true,
5723
- "rgba": "rgba(255, 255, 255, 1)",
5724
- "hex": "#ffffff",
5849
+ "rgba": "rgba(241, 241, 241, 1)",
5850
+ "hex": "#f1f1f1",
5725
5851
  "alias": "graphicColorPrimaryInverted",
5726
5852
  "web": "--color-light-graphic-primary-inverted"
5727
5853
  },
@@ -6024,16 +6150,16 @@
6024
6150
  },
6025
6151
  "static_graphic_dark": {
6026
6152
  "deprecated": true,
6027
- "rgba": "rgba(14, 14, 14, 1)",
6028
- "hex": "#0e0e0e",
6153
+ "rgba": "rgba(33, 33, 36, 1)",
6154
+ "hex": "#212124",
6029
6155
  "figma": "static/graphic/dark",
6030
6156
  "alias": "staticGraphicColorDark",
6031
6157
  "web": "--color-static-graphic-dark"
6032
6158
  },
6033
6159
  "static_graphic_light": {
6034
6160
  "deprecated": true,
6035
- "rgba": "rgba(255, 255, 255, 1)",
6036
- "hex": "#ffffff",
6161
+ "rgba": "rgba(241, 241, 241, 1)",
6162
+ "hex": "#f1f1f1",
6037
6163
  "figma": "static/graphic/light",
6038
6164
  "alias": "staticGraphicColorLight",
6039
6165
  "web": "--color-static-graphic-light"
package/styles/colors_indigo.json CHANGED
@@ -335,6 +335,48 @@
335
335
  "web": "--color-dark-neutral-100-press",
336
336
  "alias": "neutralColor100Press"
337
337
  },
338
+ "dark_neutral_1300": {
339
+ "rgba": "rgba(242, 243, 245, 1)",
340
+ "hex": "#f2f3f5",
341
+ "figma": "neutral/1300",
342
+ "web": "--color-dark-neutral-1300",
343
+ "alias": "neutralColor1300"
344
+ },
345
+ "dark_neutral_1300_hover": {
346
+ "rgba": "rgba(210, 211, 217, 1)",
347
+ "hex": "#d2d3d9",
348
+ "figma": "neutral/1300/hover",
349
+ "web": "--color-dark-neutral-1300-hover",
350
+ "alias": "neutralColor1300Hover"
351
+ },
352
+ "dark_neutral_1300_inverted": {
353
+ "rgba": "rgba(33, 33, 36, 1)",
354
+ "hex": "#212124",
355
+ "figma": "neutral_inverted/1300",
356
+ "web": "--color-dark-neutral-1300-inverted",
357
+ "alias": "neutralColor1300Inverted"
358
+ },
359
+ "dark_neutral_1300_inverted_hover": {
360
+ "rgba": "rgba(63, 63, 69, 1)",
361
+ "hex": "#3f3f45",
362
+ "figma": "neutral_inverted/1300/hover",
363
+ "web": "--color-dark-neutral-1300-inverted-hover",
364
+ "alias": "neutralColor1300InvertedHover"
365
+ },
366
+ "dark_neutral_1300_inverted_press": {
367
+ "rgba": "rgba(95, 95, 102, 1)",
368
+ "hex": "#5f5f66",
369
+ "figma": "neutral_inverted/1300/press",
370
+ "web": "--color-dark-neutral-1300-inverted-press",
371
+ "alias": "neutralColor1300InvertedPress"
372
+ },
373
+ "dark_neutral_1300_press": {
374
+ "rgba": "rgba(186, 187, 194, 1)",
375
+ "hex": "#babbc2",
376
+ "figma": "neutral/1300/press",
377
+ "web": "--color-dark-neutral-1300-press",
378
+ "alias": "neutralColor1300Press"
379
+ },
338
380
  "dark_neutral_1500": {
339
381
  "rgba": "rgba(255, 255, 255, 1)",
340
382
  "hex": "#ffffff",
@@ -679,8 +721,8 @@
679
721
  "alias": "neutralTranslucentColor1300"
680
722
  },
681
723
  "dark_neutral_translucent_1300_hover": {
682
- "rgba": "rgba(245, 246, 253, 0.85)",
683
- "hex": "#d9f5f6fd",
724
+ "rgba": "rgba(255, 255, 255, 0.7)",
725
+ "hex": "#b3ffffff",
684
726
  "figma": "neutral-translucent/1300/hover",
685
727
  "web": "--color-dark-neutral-translucent-1300-hover",
686
728
  "alias": "neutralTranslucentColor1300Hover"
@@ -693,22 +735,22 @@
693
735
  "alias": "neutralTranslucentColor1300Inverted"
694
736
  },
695
737
  "dark_neutral_translucent_1300_inverted_hover": {
696
- "rgba": "rgba(3, 3, 8, 0.8)",
697
- "hex": "#cc030308",
738
+ "rgba": "rgba(2, 2, 10, 0.76)",
739
+ "hex": "#c202020a",
698
740
  "figma": "neutral-translucent_inverted/1300/hover",
699
741
  "web": "--color-dark-neutral-translucent-1300-inverted-hover",
700
742
  "alias": "neutralTranslucentColor1300InvertedHover"
701
743
  },
702
744
  "dark_neutral_translucent_1300_inverted_press": {
703
- "rgba": "rgba(0, 0, 10, 0.71)",
704
- "hex": "#b500000a",
745
+ "rgba": "rgba(1, 1, 12, 0.63)",
746
+ "hex": "#a101010c",
705
747
  "figma": "neutral-translucent_inverted/1300/press",
706
748
  "web": "--color-dark-neutral-translucent-1300-inverted-press",
707
749
  "alias": "neutralTranslucentColor1300InvertedPress"
708
750
  },
709
751
  "dark_neutral_translucent_1300_press": {
710
- "rgba": "rgba(243, 245, 254, 0.75)",
711
- "hex": "#bff3f5fe",
752
+ "rgba": "rgba(255, 255, 255, 0.6)",
753
+ "hex": "#99ffffff",
712
754
  "figma": "neutral-translucent/1300/press",
713
755
  "web": "--color-dark-neutral-translucent-1300-press",
714
756
  "alias": "neutralTranslucentColor1300Press"
@@ -2141,6 +2183,48 @@
2141
2183
  "web": "--color-light-neutral-100-press",
2142
2184
  "alias": "neutralColor100Press"
2143
2185
  },
2186
+ "light_neutral_1300": {
2187
+ "rgba": "rgba(33, 33, 36, 1)",
2188
+ "hex": "#212124",
2189
+ "figma": "neutral/1300",
2190
+ "web": "--color-light-neutral-1300",
2191
+ "alias": "neutralColor1300"
2192
+ },
2193
+ "light_neutral_1300_hover": {
2194
+ "rgba": "rgba(63, 63, 69, 1)",
2195
+ "hex": "#3f3f45",
2196
+ "figma": "neutral/1300/hover",
2197
+ "web": "--color-light-neutral-1300-hover",
2198
+ "alias": "neutralColor1300Hover"
2199
+ },
2200
+ "light_neutral_1300_inverted": {
2201
+ "rgba": "rgba(242, 243, 245, 1)",
2202
+ "hex": "#f2f3f5",
2203
+ "figma": "neutral_inverted/1300",
2204
+ "web": "--color-light-neutral-1300-inverted",
2205
+ "alias": "neutralColor1300Inverted"
2206
+ },
2207
+ "light_neutral_1300_inverted_hover": {
2208
+ "rgba": "rgba(210, 211, 217, 1)",
2209
+ "hex": "#d2d3d9",
2210
+ "figma": "neutral_inverted/1300/hover",
2211
+ "web": "--color-light-neutral-1300-inverted-hover",
2212
+ "alias": "neutralColor1300InvertedHover"
2213
+ },
2214
+ "light_neutral_1300_inverted_press": {
2215
+ "rgba": "rgba(186, 187, 194, 1)",
2216
+ "hex": "#babbc2",
2217
+ "figma": "neutral_inverted/1300/press",
2218
+ "web": "--color-light-neutral-1300-inverted-press",
2219
+ "alias": "neutralColor1300InvertedPress"
2220
+ },
2221
+ "light_neutral_1300_press": {
2222
+ "rgba": "rgba(95, 95, 102, 1)",
2223
+ "hex": "#5f5f66",
2224
+ "figma": "neutral/1300/press",
2225
+ "web": "--color-light-neutral-1300-press",
2226
+ "alias": "neutralColor1300Press"
2227
+ },
2144
2228
  "light_neutral_1500": {
2145
2229
  "rgba": "rgba(18, 18, 19, 1)",
2146
2230
  "hex": "#121213",
@@ -2485,8 +2569,8 @@
2485
2569
  "alias": "neutralTranslucentColor1300"
2486
2570
  },
2487
2571
  "light_neutral_translucent_1300_hover": {
2488
- "rgba": "rgba(3, 3, 8, 0.8)",
2489
- "hex": "#cc030308",
2572
+ "rgba": "rgba(2, 2, 10, 0.76)",
2573
+ "hex": "#c202020a",
2490
2574
  "figma": "neutral-translucent/1300/hover",
2491
2575
  "web": "--color-light-neutral-translucent-1300-hover",
2492
2576
  "alias": "neutralTranslucentColor1300Hover"
@@ -2513,8 +2597,8 @@
2513
2597
  "alias": "neutralTranslucentColor1300InvertedPress"
2514
2598
  },
2515
2599
  "light_neutral_translucent_1300_press": {
2516
- "rgba": "rgba(0, 0, 10, 0.71)",
2517
- "hex": "#b500000a",
2600
+ "rgba": "rgba(1, 1, 12, 0.63)",
2601
+ "hex": "#a101010c",
2518
2602
  "figma": "neutral-translucent/1300/press",
2519
2603
  "web": "--color-light-neutral-translucent-1300-press",
2520
2604
  "alias": "neutralTranslucentColor1300Press"
@@ -3785,6 +3869,48 @@
3785
3869
  "web": "--color-static-neutral-100-press",
3786
3870
  "alias": "staticNeutralColor100Press"
3787
3871
  },
3872
+ "static_neutral_1300": {
3873
+ "rgba": "rgba(33, 33, 36, 1)",
3874
+ "hex": "#212124",
3875
+ "figma": "static_neutral/1300",
3876
+ "web": "--color-static-neutral-1300",
3877
+ "alias": "staticNeutralColor1300"
3878
+ },
3879
+ "static_neutral_1300_hover": {
3880
+ "rgba": "rgba(63, 63, 69, 1)",
3881
+ "hex": "#3f3f45",
3882
+ "figma": "static_neutral/1300/hover",
3883
+ "web": "--color-static-neutral-1300-hover",
3884
+ "alias": "staticNeutralColor1300Hover"
3885
+ },
3886
+ "static_neutral_1300_inverted": {
3887
+ "rgba": "rgba(242, 243, 245, 1)",
3888
+ "hex": "#f2f3f5",
3889
+ "figma": "static_neutral_inverted/1300",
3890
+ "web": "--color-static-neutral-1300-inverted",
3891
+ "alias": "staticNeutralColor1300Inverted"
3892
+ },
3893
+ "static_neutral_1300_inverted_hover": {
3894
+ "rgba": "rgba(210, 211, 217, 1)",
3895
+ "hex": "#d2d3d9",
3896
+ "figma": "static_neutral_inverted/1300/hover",
3897
+ "web": "--color-static-neutral-1300-inverted-hover",
3898
+ "alias": "staticNeutralColor1300InvertedHover"
3899
+ },
3900
+ "static_neutral_1300_inverted_press": {
3901
+ "rgba": "rgba(186, 187, 194, 1)",
3902
+ "hex": "#babbc2",
3903
+ "figma": "static_neutral_inverted/1300/press",
3904
+ "web": "--color-static-neutral-1300-inverted-press",
3905
+ "alias": "staticNeutralColor1300InvertedPress"
3906
+ },
3907
+ "static_neutral_1300_press": {
3908
+ "rgba": "rgba(95, 95, 102, 1)",
3909
+ "hex": "#5f5f66",
3910
+ "figma": "static_neutral/1300/press",
3911
+ "web": "--color-static-neutral-1300-press",
3912
+ "alias": "staticNeutralColor1300Press"
3913
+ },
3788
3914
  "static_neutral_1500": {
3789
3915
  "rgba": "rgba(18, 18, 19, 1)",
3790
3916
  "hex": "#121213",
@@ -4129,8 +4255,8 @@
4129
4255
  "alias": "staticNeutralTranslucentColor1300"
4130
4256
  },
4131
4257
  "static_neutral_translucent_1300_hover": {
4132
- "rgba": "rgba(3, 3, 8, 0.8)",
4133
- "hex": "#cc030308",
4258
+ "rgba": "rgba(2, 2, 10, 0.76)",
4259
+ "hex": "#c202020a",
4134
4260
  "figma": "static_neutral-translucent/1300/hover",
4135
4261
  "web": "--color-static-neutral-translucent-1300-hover",
4136
4262
  "alias": "staticNeutralTranslucentColor1300Hover"
@@ -4157,8 +4283,8 @@
4157
4283
  "alias": "staticNeutralTranslucentColor1300InvertedPress"
4158
4284
  },
4159
4285
  "static_neutral_translucent_1300_press": {
4160
- "rgba": "rgba(0, 0, 10, 0.71)",
4161
- "hex": "#b500000a",
4286
+ "rgba": "rgba(1, 1, 12, 0.63)",
4287
+ "hex": "#a101010c",
4162
4288
  "figma": "static_neutral-translucent/1300/press",
4163
4289
  "web": "--color-static-neutral-translucent-1300-press",
4164
4290
  "alias": "staticNeutralTranslucentColor1300Press"