@bitrise/bitkit 13.335.0 → 13.337.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 (9) hide show
  1. package/package.json +1 -1
  2. package/src/Components/Icons/16x16/Folder.tsx +0 -2
  3. package/src/Components/Icons/16x16/{FolderEmpty.tsx → Project.tsx} +4 -2
  4. package/src/Components/Icons/16x16/index.ts +1 -1
  5. package/src/Components/Icons/24x24/Folder.tsx +0 -2
  6. package/src/Components/Icons/24x24/{FolderEmpty.tsx → Project.tsx} +4 -2
  7. package/src/Components/Icons/24x24/index.ts +1 -1
  8. package/src/Components/TreeView/TreeViewNode.tsx +1 -1
  9. package/src/tokens/tokensToTheme.json +140 -44
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bitrise/bitkit",
3
3
  "description": "Bitrise React component library",
4
- "version": "13.335.0",
4
+ "version": "13.337.0",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "git+ssh://git@github.com/bitrise-io/bitkit.git"
package/src/Components/Icons/16x16/Folder.tsx CHANGED
@@ -2,8 +2,6 @@ import { forwardRef, Icon, IconProps } from 'chakra-ui-2--react';
2
2
 
3
3
  const Folder = forwardRef<IconProps, 'svg'>((props, ref) => (
4
4
  <Icon ref={ref} viewBox="0 0 16 16" {...props}>
5
- <path d="M12 6.5V8H4V6.5H12Z" fill="currentColor" />
6
- <path d="M9 9H4V10.5H9V9Z" fill="currentColor" />
7
5
  <path
8
6
  fillRule="evenodd"
9
7
  clipRule="evenodd"
package/src/Components/Icons/16x16/{FolderEmpty.tsx → Project.tsx} RENAMED
@@ -1,7 +1,9 @@
1
1
  import { forwardRef, Icon, IconProps } from 'chakra-ui-2--react';
2
2
 
3
- const FolderEmpty = forwardRef<IconProps, 'svg'>((props, ref) => (
3
+ const Project = forwardRef<IconProps, 'svg'>((props, ref) => (
4
4
  <Icon ref={ref} viewBox="0 0 16 16" {...props}>
5
+ <path d="M12 6.5V8H4V6.5H12Z" fill="currentColor" />
6
+ <path d="M9 9H4V10.5H9V9Z" fill="currentColor" />
5
7
  <path
6
8
  fillRule="evenodd"
7
9
  clipRule="evenodd"
@@ -11,4 +13,4 @@ const FolderEmpty = forwardRef<IconProps, 'svg'>((props, ref) => (
11
13
  </Icon>
12
14
  ));
13
15
 
14
- export default FolderEmpty;
16
+ export default Project;
package/src/Components/Icons/16x16/index.ts CHANGED
@@ -109,8 +109,8 @@ export { default as FileZip } from './FileZip';
109
109
  export { default as Filter } from './Filter';
110
110
  export { default as Flag } from './Flag';
111
111
  export { default as Flutter } from './Flutter';
112
+ export { default as Project } from './Project';
112
113
  export { default as Folder } from './Folder';
113
- export { default as FolderEmpty } from './FolderEmpty';
114
114
  export { default as Fullscreen } from './Fullscreen';
115
115
  export { default as FullscreenExit } from './FullscreenExit';
116
116
  export { default as Gauge } from './Gauge';
package/src/Components/Icons/24x24/Folder.tsx CHANGED
@@ -2,8 +2,6 @@ import { forwardRef, Icon, IconProps } from 'chakra-ui-2--react';
2
2
 
3
3
  const Folder = forwardRef<IconProps, 'svg'>((props, ref) => (
4
4
  <Icon ref={ref} viewBox="0 0 24 24" {...props}>
5
- <path d="M6 12V10H18V12H6Z" fill="currentColor" />
6
- <path d="M6 15.5H13V13.5H6V15.5Z" fill="currentColor" />
7
5
  <path
8
6
  fillRule="evenodd"
9
7
  clipRule="evenodd"
package/src/Components/Icons/24x24/{FolderEmpty.tsx → Project.tsx} RENAMED
@@ -1,7 +1,9 @@
1
1
  import { forwardRef, Icon, IconProps } from 'chakra-ui-2--react';
2
2
 
3
- const FolderEmpty = forwardRef<IconProps, 'svg'>((props, ref) => (
3
+ const Project = forwardRef<IconProps, 'svg'>((props, ref) => (
4
4
  <Icon ref={ref} viewBox="0 0 24 24" {...props}>
5
+ <path d="M6 12V10H18V12H6Z" fill="currentColor" />
6
+ <path d="M6 15.5H13V13.5H6V15.5Z" fill="currentColor" />
5
7
  <path
6
8
  fillRule="evenodd"
7
9
  clipRule="evenodd"
@@ -11,4 +13,4 @@ const FolderEmpty = forwardRef<IconProps, 'svg'>((props, ref) => (
11
13
  </Icon>
12
14
  ));
13
15
 
14
- export default FolderEmpty;
16
+ export default Project;
package/src/Components/Icons/24x24/index.ts CHANGED
@@ -107,8 +107,8 @@ export { default as FileZip } from './FileZip';
107
107
  export { default as Filter } from './Filter';
108
108
  export { default as Flag } from './Flag';
109
109
  export { default as Flutter } from './Flutter';
110
+ export { default as Project } from './Project';
110
111
  export { default as Folder } from './Folder';
111
- export { default as FolderEmpty } from './FolderEmpty';
112
112
  export { default as Fullscreen } from './Fullscreen';
113
113
  export { default as FullscreenExit } from './FullscreenExit';
114
114
  export { default as Gauge } from './Gauge';
package/src/Components/TreeView/TreeViewNode.tsx CHANGED
@@ -62,7 +62,7 @@ const TreeViewNodeContent = memo(
62
62
  });
63
63
 
64
64
  const chevronIcon = isExpanded ? 'ChevronDown' : 'ChevronRight';
65
- const primaryIconName = isFilesVariant ? 'FolderEmpty' : chevronIcon;
65
+ const primaryIconName = isFilesVariant ? 'Folder' : chevronIcon;
66
66
 
67
67
  const showAncestorConnectors = isFilesVariant && level > 1;
68
68
  const showOwnConnector = isFilesVariant && isBranch && isExpanded;
package/src/tokens/tokensToTheme.json CHANGED
@@ -105,6 +105,19 @@
105
105
  "90": "#c2e7fa",
106
106
  "93": "#def2fc",
107
107
  "95": "#ecf8fd"
108
+ },
109
+ "indigo": {
110
+ "10": "#1f1844",
111
+ "20": "#2d2363",
112
+ "30": "#423786",
113
+ "40": "#5a50b2",
114
+ "50": "#6d65d6",
115
+ "60": "#8281ec",
116
+ "70": "#9ca1f8",
117
+ "80": "#b7bffc",
118
+ "90": "#cdd5fe",
119
+ "93": "#e5e9fa",
120
+ "95": "#f1f4fd"
108
121
  }
109
122
  },
110
123
  "neutral": {
@@ -211,6 +224,19 @@
211
224
  "90": "#c2e7fa",
212
225
  "93": "#def2fc",
213
226
  "95": "#ecf8fd"
227
+ },
228
+ "indigo": {
229
+ "10": "#1f1844",
230
+ "20": "#2d2363",
231
+ "30": "#423786",
232
+ "40": "#5a50b2",
233
+ "50": "#6d65d6",
234
+ "60": "#8281ec",
235
+ "70": "#9ca1f8",
236
+ "80": "#b7bffc",
237
+ "90": "#cdd5fe",
238
+ "93": "#e5e9fa",
239
+ "95": "#f1f4fd"
214
240
  }
215
241
  },
216
242
  "fonts": {
@@ -320,6 +346,15 @@
320
346
  "minimal": "pal.purple.95",
321
347
  "disabled": "pal.neutral.90"
322
348
  },
349
+ "purple": {
350
+ "base": "pal.purple.50",
351
+ "strong": "pal.purple.40",
352
+ "bold": "pal.purple.60",
353
+ "muted": "pal.purple.80",
354
+ "moderate": "pal.purple.90",
355
+ "subtle": "pal.purple.93",
356
+ "minimal": "pal.purple.95"
357
+ },
323
358
  "info": {
324
359
  "base": "pal.blue.50",
325
360
  "strong": "pal.blue.40",
@@ -385,6 +420,25 @@
385
420
  "moderate": "pal.turquoise.90",
386
421
  "subtle": "pal.turquoise.93",
387
422
  "minimal": "pal.turquoise.95"
423
+ },
424
+ "indigo": {
425
+ "base": "pal.indigo.50",
426
+ "dark": "pal.indigo.20",
427
+ "emphasized": "pal.indigo.30",
428
+ "strong": "pal.indigo.40",
429
+ "bold": "pal.indigo.60",
430
+ "muted": "pal.indigo.80",
431
+ "moderate": "pal.indigo.90",
432
+ "subtle": "pal.indigo.93",
433
+ "minimal": "pal.indigo.95"
434
+ },
435
+ "ai-gradient": {
436
+ "base": "linear-gradient(90deg, rgba(146, 71, 194, 1) 0%, rgba(109, 101, 214, 1) 50%, rgba(37, 130, 208, 1) 100%)",
437
+ "bold": "linear-gradient(90deg, rgba(174, 99, 222, 1) 0%, rgba(130, 129, 236, 1) 50%, rgba(79, 155, 222, 1) 100%)",
438
+ "muted": "linear-gradient(90deg, rgba(213, 173, 235, 1) 0%, rgba(183, 191, 252, 1) 50%, rgba(153, 209, 245, 1) 100%)",
439
+ "moderate": "linear-gradient(90deg, rgba(234, 212, 242, 1) 0%, rgba(205, 213, 254, 1) 50%, rgba(194, 231, 250, 1) 100%)",
440
+ "subtle": "linear-gradient(90deg, rgba(243, 231, 249, 1) 0%, rgba(229, 233, 250, 1) 50%, rgba(222, 242, 252, 1) 100%)",
441
+ "minimal": "linear-gradient(90deg, rgba(249, 242, 253, 1) 0%, rgba(241, 244, 253, 1) 50%, rgba(236, 248, 253, 1) 100%)"
388
442
  }
389
443
  },
390
444
  "background": {
@@ -509,9 +563,9 @@
509
563
  "fg-disabled": "sys.fg.disabled"
510
564
  },
511
565
  "ai-primary": {
512
- "bg": "sys.turquoise.strong",
513
- "bg-hover": "sys.turquoise.emphasized",
514
- "bg-active": "sys.turquoise.dark",
566
+ "bg": "sys.indigo.base",
567
+ "bg-hover": "sys.indigo.emphasized",
568
+ "bg-active": "sys.indigo.dark",
515
569
  "bg-disabled": "sys.primary.disabled",
516
570
  "fg": "sys.fg.on-color",
517
571
  "fg-hover": "sys.fg.on-color",
@@ -520,26 +574,26 @@
520
574
  },
521
575
  "ai-secondary": {
522
576
  "bg": "sys.bg.surface",
523
- "bg-hover": "sys.turquoise.minimal",
524
- "bg-active": "sys.turquoise.moderate",
577
+ "bg-hover": "sys.indigo.minimal",
578
+ "bg-active": "sys.indigo.moderate",
525
579
  "bg-disabled": "sys.bg.minimal",
526
- "fg": "sys.turquoise.base",
527
- "fg-hover": "sys.turquoise.base",
528
- "fg-active": "sys.turquoise.strong",
580
+ "fg": "sys.indigo.base",
581
+ "fg-hover": "sys.indigo.base",
582
+ "fg-active": "sys.indigo.strong",
529
583
  "fg-disabled": "sys.fg.disabled",
530
- "border": "sys.turquoise.muted",
531
- "border-hover": "sys.turquoise.muted",
532
- "border-active": "sys.turquoise.base",
584
+ "border": "sys.indigo.muted",
585
+ "border-hover": "sys.indigo.muted",
586
+ "border-active": "sys.indigo.base",
533
587
  "border-disabled": "sys.border.disabled"
534
588
  },
535
589
  "ai-tertiary": {
536
590
  "bg": "sys.bg.transparent",
537
- "bg-hover": "sys.turquoise.minimal",
538
- "bg-active": "sys.turquoise.moderate",
591
+ "bg-hover": "sys.indigo.minimal",
592
+ "bg-active": "sys.indigo.moderate",
539
593
  "bg-disabled": "sys.bg.transparent",
540
- "fg": "sys.turquoise.base",
541
- "fg-hover": "sys.turquoise.base",
542
- "fg-active": "sys.turquoise.strong",
594
+ "fg": "sys.indigo.base",
595
+ "fg-hover": "sys.indigo.base",
596
+ "fg-active": "sys.indigo.strong",
543
597
  "fg-disabled": "sys.fg.disabled"
544
598
  }
545
599
  },
@@ -616,12 +670,25 @@
616
670
  "text": "sys.neutral.strong"
617
671
  },
618
672
  "ai": {
619
- "bg": "sys.turquoise.minimal",
620
- "bg-hover": "sys.turquoise.subtle",
621
- "bg-active": "sys.turquoise.moderate",
622
- "border": "sys.turquoise.muted",
623
- "icon": "sys.turquoise.strong",
624
- "text": "sys.turquoise.strong"
673
+ "bg": "ai.background.minimal",
674
+ "bg-hover": "ai.background.subtle",
675
+ "bg-active": "ai.background.moderate",
676
+ "border": "ai.border.strong",
677
+ "icon": "sys.indigo.strong",
678
+ "text": "sys.indigo.strong"
679
+ }
680
+ },
681
+ "ai": {
682
+ "background": {
683
+ "minimal": "linear-gradient(90deg, rgba(249, 242, 253, 1) 0%, rgba(241, 244, 253, 1) 50%, rgba(236, 248, 253, 1) 100%)",
684
+ "subtle": "linear-gradient(90deg, rgba(243, 231, 249, 1) 0%, rgba(229, 233, 250, 1) 50%, rgba(222, 242, 252, 1) 100%)",
685
+ "moderate": "linear-gradient(90deg, rgba(234, 212, 242, 1) 0%, rgba(205, 213, 254, 1) 50%, rgba(194, 231, 250, 1) 100%)",
686
+ "minimal-vertical": "linear-gradient(180deg, rgba(249, 242, 253, 1) 0%, rgba(241, 244, 253, 1) 50%, rgba(236, 248, 253, 1) 100%)"
687
+ },
688
+ "border": {
689
+ "regular": "linear-gradient(135deg, rgba(243, 231, 249, 1) 0%, rgba(229, 233, 250, 1) 50%, rgba(222, 242, 252, 1) 100%)",
690
+ "minimal": "linear-gradient(135deg, rgba(249, 242, 253, 1) 0%, rgba(241, 244, 253, 1) 50%, rgba(236, 248, 253, 1) 100%)",
691
+ "strong": "linear-gradient(135deg, rgba(213, 173, 235, 1) 0%, rgba(183, 191, 252, 1) 50%, rgba(153, 209, 245, 1) 100%)"
625
692
  }
626
693
  },
627
694
  "utilities": {
@@ -684,6 +751,13 @@
684
751
  "sys/interactive/subtle": "pal.purple.93",
685
752
  "sys/interactive/minimal": "pal.purple.95",
686
753
  "sys/interactive/disabled": "pal.neutral.90",
754
+ "sys/purple/base": "pal.purple.50",
755
+ "sys/purple/strong": "pal.purple.40",
756
+ "sys/purple/bold": "pal.purple.60",
757
+ "sys/purple/muted": "pal.purple.80",
758
+ "sys/purple/moderate": "pal.purple.90",
759
+ "sys/purple/subtle": "pal.purple.93",
760
+ "sys/purple/minimal": "pal.purple.95",
687
761
  "sys/info/base": "pal.blue.50",
688
762
  "sys/info/strong": "pal.blue.40",
689
763
  "sys/info/bold": "pal.blue.60",
@@ -736,6 +810,21 @@
736
810
  "sys/turquoise/moderate": "pal.turquoise.90",
737
811
  "sys/turquoise/subtle": "pal.turquoise.93",
738
812
  "sys/turquoise/minimal": "pal.turquoise.95",
813
+ "sys/indigo/base": "pal.indigo.50",
814
+ "sys/indigo/dark": "pal.indigo.20",
815
+ "sys/indigo/emphasized": "pal.indigo.30",
816
+ "sys/indigo/strong": "pal.indigo.40",
817
+ "sys/indigo/bold": "pal.indigo.60",
818
+ "sys/indigo/muted": "pal.indigo.80",
819
+ "sys/indigo/moderate": "pal.indigo.90",
820
+ "sys/indigo/subtle": "pal.indigo.93",
821
+ "sys/indigo/minimal": "pal.indigo.95",
822
+ "sys/ai-gradient/base": "linear-gradient(90deg, rgba(146, 71, 194, 1) 0%, rgba(109, 101, 214, 1) 50%, rgba(37, 130, 208, 1) 100%)",
823
+ "sys/ai-gradient/bold": "linear-gradient(90deg, rgba(174, 99, 222, 1) 0%, rgba(130, 129, 236, 1) 50%, rgba(79, 155, 222, 1) 100%)",
824
+ "sys/ai-gradient/muted": "linear-gradient(90deg, rgba(213, 173, 235, 1) 0%, rgba(183, 191, 252, 1) 50%, rgba(153, 209, 245, 1) 100%)",
825
+ "sys/ai-gradient/moderate": "linear-gradient(90deg, rgba(234, 212, 242, 1) 0%, rgba(205, 213, 254, 1) 50%, rgba(194, 231, 250, 1) 100%)",
826
+ "sys/ai-gradient/subtle": "linear-gradient(90deg, rgba(243, 231, 249, 1) 0%, rgba(229, 233, 250, 1) 50%, rgba(222, 242, 252, 1) 100%)",
827
+ "sys/ai-gradient/minimal": "linear-gradient(90deg, rgba(249, 242, 253, 1) 0%, rgba(241, 244, 253, 1) 50%, rgba(236, 248, 253, 1) 100%)",
739
828
  "background/primary": "sys.bg.surface",
740
829
  "background/secondary": "sys.bg.minimal",
741
830
  "background/tertiary": "sys.bg.subtle",
@@ -836,33 +925,33 @@
836
925
  "button/danger-tertiary/fg-hover": "sys.critical.base",
837
926
  "button/danger-tertiary/fg-active": "sys.critical.strong",
838
927
  "button/danger-tertiary/fg-disabled": "sys.fg.disabled",
839
- "button/ai-primary/bg": "sys.turquoise.strong",
840
- "button/ai-primary/bg-hover": "sys.turquoise.emphasized",
841
- "button/ai-primary/bg-active": "sys.turquoise.dark",
928
+ "button/ai-primary/bg": "sys.indigo.base",
929
+ "button/ai-primary/bg-hover": "sys.indigo.emphasized",
930
+ "button/ai-primary/bg-active": "sys.indigo.dark",
842
931
  "button/ai-primary/bg-disabled": "sys.primary.disabled",
843
932
  "button/ai-primary/fg": "sys.fg.on-color",
844
933
  "button/ai-primary/fg-hover": "sys.fg.on-color",
845
934
  "button/ai-primary/fg-active": "sys.fg.on-color",
846
935
  "button/ai-primary/fg-disabled": "sys.fg.on-disabled",
847
936
  "button/ai-secondary/bg": "sys.bg.surface",
848
- "button/ai-secondary/bg-hover": "sys.turquoise.minimal",
849
- "button/ai-secondary/bg-active": "sys.turquoise.moderate",
937
+ "button/ai-secondary/bg-hover": "sys.indigo.minimal",
938
+ "button/ai-secondary/bg-active": "sys.indigo.moderate",
850
939
  "button/ai-secondary/bg-disabled": "sys.bg.minimal",
851
- "button/ai-secondary/fg": "sys.turquoise.base",
852
- "button/ai-secondary/fg-hover": "sys.turquoise.base",
853
- "button/ai-secondary/fg-active": "sys.turquoise.strong",
940
+ "button/ai-secondary/fg": "sys.indigo.base",
941
+ "button/ai-secondary/fg-hover": "sys.indigo.base",
942
+ "button/ai-secondary/fg-active": "sys.indigo.strong",
854
943
  "button/ai-secondary/fg-disabled": "sys.fg.disabled",
855
- "button/ai-secondary/border": "sys.turquoise.muted",
856
- "button/ai-secondary/border-hover": "sys.turquoise.muted",
857
- "button/ai-secondary/border-active": "sys.turquoise.base",
944
+ "button/ai-secondary/border": "sys.indigo.muted",
945
+ "button/ai-secondary/border-hover": "sys.indigo.muted",
946
+ "button/ai-secondary/border-active": "sys.indigo.base",
858
947
  "button/ai-secondary/border-disabled": "sys.border.disabled",
859
948
  "button/ai-tertiary/bg": "sys.bg.transparent",
860
- "button/ai-tertiary/bg-hover": "sys.turquoise.minimal",
861
- "button/ai-tertiary/bg-active": "sys.turquoise.moderate",
949
+ "button/ai-tertiary/bg-hover": "sys.indigo.minimal",
950
+ "button/ai-tertiary/bg-active": "sys.indigo.moderate",
862
951
  "button/ai-tertiary/bg-disabled": "sys.bg.transparent",
863
- "button/ai-tertiary/fg": "sys.turquoise.base",
864
- "button/ai-tertiary/fg-hover": "sys.turquoise.base",
865
- "button/ai-tertiary/fg-active": "sys.turquoise.strong",
952
+ "button/ai-tertiary/fg": "sys.indigo.base",
953
+ "button/ai-tertiary/fg-hover": "sys.indigo.base",
954
+ "button/ai-tertiary/fg-active": "sys.indigo.strong",
866
955
  "button/ai-tertiary/fg-disabled": "sys.fg.disabled",
867
956
  "input/text/label": "sys.fg.primary",
868
957
  "input/text/inputValue": "sys.fg.base",
@@ -915,12 +1004,19 @@
915
1004
  "status/neutral/border": "sys.neutral.muted",
916
1005
  "status/neutral/icon": "sys.neutral.strong",
917
1006
  "status/neutral/text": "sys.neutral.strong",
918
- "status/ai/bg": "sys.turquoise.minimal",
919
- "status/ai/bg-hover": "sys.turquoise.subtle",
920
- "status/ai/bg-active": "sys.turquoise.moderate",
921
- "status/ai/border": "sys.turquoise.muted",
922
- "status/ai/icon": "sys.turquoise.strong",
923
- "status/ai/text": "sys.turquoise.strong",
1007
+ "status/ai/bg": "ai.background.minimal",
1008
+ "status/ai/bg-hover": "ai.background.subtle",
1009
+ "status/ai/bg-active": "ai.background.moderate",
1010
+ "status/ai/border": "ai.border.strong",
1011
+ "status/ai/icon": "sys.indigo.strong",
1012
+ "status/ai/text": "sys.indigo.strong",
1013
+ "ai/background/minimal": "linear-gradient(90deg, rgba(249, 242, 253, 1) 0%, rgba(241, 244, 253, 1) 50%, rgba(236, 248, 253, 1) 100%)",
1014
+ "ai/background/subtle": "linear-gradient(90deg, rgba(243, 231, 249, 1) 0%, rgba(229, 233, 250, 1) 50%, rgba(222, 242, 252, 1) 100%)",
1015
+ "ai/background/moderate": "linear-gradient(90deg, rgba(234, 212, 242, 1) 0%, rgba(205, 213, 254, 1) 50%, rgba(194, 231, 250, 1) 100%)",
1016
+ "ai/background/minimal-vertical": "linear-gradient(180deg, rgba(249, 242, 253, 1) 0%, rgba(241, 244, 253, 1) 50%, rgba(236, 248, 253, 1) 100%)",
1017
+ "ai/border/regular": "linear-gradient(135deg, rgba(243, 231, 249, 1) 0%, rgba(229, 233, 250, 1) 50%, rgba(222, 242, 252, 1) 100%)",
1018
+ "ai/border/minimal": "linear-gradient(135deg, rgba(249, 242, 253, 1) 0%, rgba(241, 244, 253, 1) 50%, rgba(236, 248, 253, 1) 100%)",
1019
+ "ai/border/strong": "linear-gradient(135deg, rgba(213, 173, 235, 1) 0%, rgba(183, 191, 252, 1) 50%, rgba(153, 209, 245, 1) 100%)",
924
1020
  "utilities/overlay": "rgba(32, 27, 34, 0.5)",
925
1021
  "utilities/overlay-side": "linear-gradient(90deg, rgba(32, 27, 34, 0) 0%, rgba(32, 27, 34, 0.32) 100%)",
926
1022
  "utilities/overlay-light": "rgba(32, 27, 34, 0.16)",