@bitrise/bitkit 13.334.0 → 13.336.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 (2) hide show
  1. package/package.json +1 -1
  2. 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.334.0",
4
+ "version": "13.336.0",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "git+ssh://git@github.com/bitrise-io/bitkit.git"
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)",