@utilitywarehouse/hearth-react-native 0.33.1 → 0.34.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.
- package/.storybook/preview.tsx +2 -4
- package/CHANGELOG.md +63 -0
- package/build/core/themes.d.ts +60 -500
- package/build/tokens/border-radius.d.ts +0 -1
- package/build/tokens/border-radius.js +0 -1
- package/build/tokens/color.d.ts +0 -182
- package/build/tokens/color.js +0 -91
- package/build/tokens/font.d.ts +0 -8
- package/build/tokens/font.js +0 -8
- package/build/tokens/letter-spacing.d.ts +0 -9
- package/build/tokens/letter-spacing.js +0 -9
- package/build/tokens/line-height.d.ts +0 -7
- package/build/tokens/line-height.js +0 -7
- package/build/tokens/primitive.d.ts +0 -26
- package/build/tokens/primitive.js +0 -26
- package/build/tokens/space.d.ts +0 -1
- package/build/tokens/space.js +0 -1
- package/build/tokens/typography.d.ts +30 -0
- package/build/tokens/typography.js +15 -0
- package/docs/changelog.mdx +63 -0
- package/docs/components/AllComponents.web.tsx +6 -6
- package/docs/introduction.mdx +0 -1
- package/docs/styling.mdx +14 -14
- package/docs/theme-tokens.mdx +1 -4
- package/eslint.config.js +2 -1
- package/package.json +6 -6
- package/src/components/Carousel/Carousel.stories.tsx +2 -2
- package/src/components/Container/Container.stories.tsx +3 -3
- package/src/components/IndicatorIconButton/IndicatorIconButton.docs.mdx +1 -1
- package/src/components/IndicatorIconButton/IndicatorIconButton.stories.tsx +1 -1
- package/src/tokens/border-radius.ts +0 -1
- package/src/tokens/color.ts +0 -91
- package/src/tokens/font.ts +0 -8
- package/src/tokens/letter-spacing.ts +0 -9
- package/src/tokens/line-height.ts +0 -7
- package/src/tokens/primitive.ts +0 -26
- package/src/tokens/space.ts +0 -1
- package/src/tokens/typography.ts +15 -0
package/build/tokens/color.d.ts
CHANGED
|
@@ -2,71 +2,34 @@
|
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
3
|
*/
|
|
4
4
|
export declare const blue: {
|
|
5
|
-
readonly '0': "#f8fbff";
|
|
6
|
-
readonly '50': "#eef7ff";
|
|
7
|
-
readonly '100': "#d9ecff";
|
|
8
5
|
readonly '200': "#bcddff";
|
|
9
|
-
readonly '300': "#93c1ff";
|
|
10
6
|
readonly '400': "#6bb0ff";
|
|
11
|
-
readonly '500': "#41a0ff";
|
|
12
7
|
readonly '600': "#2786f1";
|
|
13
8
|
readonly '700': "#1c6cd4";
|
|
14
|
-
readonly '800': "#2354a4";
|
|
15
9
|
readonly '900': "#0b3375";
|
|
16
|
-
readonly '950': "#042455";
|
|
17
|
-
readonly '1000': "#001433";
|
|
18
10
|
};
|
|
19
11
|
export declare const broadbandGreen: {
|
|
20
|
-
readonly '0': "#f8faf6";
|
|
21
|
-
readonly '50': "#f2f6ed";
|
|
22
|
-
readonly '100': "#e7efdc";
|
|
23
12
|
readonly '200': "#d2e6b0";
|
|
24
13
|
readonly '300': "#8cba3b";
|
|
25
|
-
readonly '400': "#7aa031";
|
|
26
|
-
readonly '500': "#6e932b";
|
|
27
|
-
readonly '600': "#64862a";
|
|
28
|
-
readonly '700': "#5a7926";
|
|
29
14
|
readonly '800': "#506c21";
|
|
30
15
|
readonly '900': "#4f6b20";
|
|
31
|
-
readonly '950': "#35421c";
|
|
32
|
-
readonly '1000': "#252d16";
|
|
33
16
|
};
|
|
34
17
|
export declare const cashbackLilac: {
|
|
35
|
-
readonly '0': "#f7f5f8";
|
|
36
|
-
readonly '50': "#f5f2f6";
|
|
37
|
-
readonly '100': "#ebdef5";
|
|
38
|
-
readonly '200': "#e4caf5";
|
|
39
18
|
readonly '300': "#dfbdf5";
|
|
40
|
-
readonly '400': "#ce9cf0";
|
|
41
19
|
readonly '500': "#be7aeb";
|
|
42
|
-
readonly '600': "#9f3be2";
|
|
43
20
|
readonly '700': "#8b2bc9";
|
|
44
|
-
readonly '800': "#7821b8";
|
|
45
21
|
readonly '900': "#7429b5";
|
|
46
|
-
readonly '950': "#522270";
|
|
47
|
-
readonly '1000': "#3a1f52";
|
|
48
22
|
};
|
|
49
23
|
export declare const energyBlue: {
|
|
50
|
-
readonly '0': "#f7f9fa";
|
|
51
|
-
readonly '50': "#edf4f6";
|
|
52
|
-
readonly '100': "#d4e5e9";
|
|
53
24
|
readonly '200': "#bddee4";
|
|
54
25
|
readonly '300': "#6db5c3";
|
|
55
|
-
readonly '400': "#579daa";
|
|
56
|
-
readonly '500': "#4c8a97";
|
|
57
|
-
readonly '600': "#367683";
|
|
58
26
|
readonly '700': "#326e7a";
|
|
59
|
-
readonly '800': "#2d6571";
|
|
60
27
|
readonly '900': "#2c6370";
|
|
61
|
-
readonly '950': "#254348";
|
|
62
|
-
readonly '1000': "#1a2f35";
|
|
63
28
|
};
|
|
64
29
|
export declare const green: {
|
|
65
|
-
readonly '0': "#f8fdf9";
|
|
66
30
|
readonly '50': "#e7f9f0";
|
|
67
31
|
readonly '100': "#c5edda";
|
|
68
32
|
readonly '200': "#a2e2c3";
|
|
69
|
-
readonly '300': "#74d6a0";
|
|
70
33
|
readonly '400': "#58ca93";
|
|
71
34
|
readonly '500': "#36bf7d";
|
|
72
35
|
readonly '600': "#19a660";
|
|
@@ -94,86 +57,45 @@ export declare const grey: {
|
|
|
94
57
|
readonly '1000': "#101010";
|
|
95
58
|
};
|
|
96
59
|
export declare const insuranceOrange: {
|
|
97
|
-
readonly '0': "#fefcf9";
|
|
98
|
-
readonly '50': "#fdf5eb";
|
|
99
|
-
readonly '100': "#fcecd6";
|
|
100
|
-
readonly '200': "#ffcda0";
|
|
101
60
|
readonly '300': "#ffb46d";
|
|
102
61
|
readonly '400': "#ff7b00";
|
|
103
|
-
readonly '500': "#f06b00";
|
|
104
|
-
readonly '600': "#e26400";
|
|
105
|
-
readonly '700': "#cb5b00";
|
|
106
62
|
readonly '800': "#9b4c0e";
|
|
107
63
|
readonly '900': "#7f4518";
|
|
108
|
-
readonly '950': "#5a3213";
|
|
109
|
-
readonly '1000': "#3f2616";
|
|
110
64
|
};
|
|
111
65
|
export declare const mobileRose: {
|
|
112
|
-
readonly '0': "#fffaf9";
|
|
113
|
-
readonly '50': "#fdf2f6";
|
|
114
|
-
readonly '100': "#faeaf2";
|
|
115
66
|
readonly '200': "#fad0e9";
|
|
116
|
-
readonly '300': "#f49fd2";
|
|
117
67
|
readonly '400': "#ee6dbb";
|
|
118
|
-
readonly '500': "#e652aa";
|
|
119
|
-
readonly '600': "#de379a";
|
|
120
|
-
readonly '700': "#d61c89";
|
|
121
68
|
readonly '800': "#a7266d";
|
|
122
69
|
readonly '900': "#8a3260";
|
|
123
|
-
readonly '950': "#601f42";
|
|
124
|
-
readonly '1000': "#421a32";
|
|
125
70
|
};
|
|
126
71
|
export declare const orange: {
|
|
127
|
-
readonly '0': "#fffdf8";
|
|
128
|
-
readonly '50': "#fff5ed";
|
|
129
|
-
readonly '100': "#ffe6d4";
|
|
130
72
|
readonly '200': "#ffcca8";
|
|
131
|
-
readonly '300': "#ffab70";
|
|
132
73
|
readonly '400': "#ff9639";
|
|
133
74
|
readonly '500': "#ff8010";
|
|
134
75
|
readonly '600': "#f56e00";
|
|
135
76
|
readonly '700': "#cf5d00";
|
|
136
77
|
readonly '750': "#be5400";
|
|
137
|
-
readonly '800': "#ad4b00";
|
|
138
78
|
readonly '900': "#893900";
|
|
139
|
-
readonly '950': "#6b2d00";
|
|
140
|
-
readonly '1000': "#4a1f00";
|
|
141
79
|
};
|
|
142
80
|
export declare const piggyPink: {
|
|
143
|
-
readonly '0': "#faf5fa";
|
|
144
|
-
readonly '50': "#f6f1f7";
|
|
145
|
-
readonly '100': "#f9eafa";
|
|
146
81
|
readonly '200': "#f9ceff";
|
|
147
82
|
readonly '300': "#f295ff";
|
|
148
|
-
readonly '400': "#ed66ff";
|
|
149
|
-
readonly '500': "#d052c8";
|
|
150
|
-
readonly '600': "#bc48b4";
|
|
151
|
-
readonly '700': "#a53fa5";
|
|
152
83
|
readonly '800': "#8f358f";
|
|
153
84
|
readonly '900': "#7a1f7e";
|
|
154
|
-
readonly '950': "#5d2167";
|
|
155
|
-
readonly '1000': "#3f1448";
|
|
156
85
|
};
|
|
157
86
|
export declare const purple: {
|
|
158
|
-
readonly '0': "#f7f6f9";
|
|
159
|
-
readonly '50': "#eeebf4";
|
|
160
87
|
readonly '100': "#ddd5eb";
|
|
161
88
|
readonly '200': "#c6b5e2";
|
|
162
89
|
readonly '300': "#af90de";
|
|
163
90
|
readonly '400': "#996cda";
|
|
164
|
-
readonly '500': "#8851d6";
|
|
165
|
-
readonly '600': "#8149ce";
|
|
166
91
|
readonly '700': "#7a42c8";
|
|
167
92
|
readonly '800': "#5c2ca9";
|
|
168
93
|
readonly '900': "#442484";
|
|
169
|
-
readonly '950': "#331c68";
|
|
170
94
|
readonly '1000': "#26164f";
|
|
171
95
|
};
|
|
172
96
|
export declare const red: {
|
|
173
|
-
readonly '0': "#fff6f5";
|
|
174
97
|
readonly '50': "#fff3f1";
|
|
175
98
|
readonly '100': "#ffe3df";
|
|
176
|
-
readonly '200': "#ffccc5";
|
|
177
99
|
readonly '300': "#ffa89d";
|
|
178
100
|
readonly '400': "#ff7964";
|
|
179
101
|
readonly '500': "#ff634a";
|
|
@@ -185,35 +107,22 @@ export declare const red: {
|
|
|
185
107
|
readonly '1000': "#3b1512";
|
|
186
108
|
};
|
|
187
109
|
export declare const warmWhite: {
|
|
188
|
-
readonly '0': "#fdfcfa";
|
|
189
110
|
readonly '50': "#fcfbf2";
|
|
190
111
|
readonly '100': "#f7f6eb";
|
|
191
112
|
readonly '200': "#f1efe4";
|
|
192
113
|
readonly '300': "#d4d2c0";
|
|
193
|
-
readonly '400': "#bfb9a9";
|
|
194
|
-
readonly '500': "#a99f8b";
|
|
195
|
-
readonly '600': "#89816e";
|
|
196
|
-
readonly '700': "#6a6354";
|
|
197
114
|
readonly '800': "#4c473d";
|
|
198
115
|
readonly '900': "#30302c";
|
|
199
116
|
readonly '950': "#282825";
|
|
200
|
-
readonly '975': "#20201d";
|
|
201
117
|
readonly '1000': "#191917";
|
|
202
118
|
};
|
|
203
119
|
export declare const yellow: {
|
|
204
|
-
readonly '0': "#fffef9";
|
|
205
|
-
readonly '50': "#fff8ea";
|
|
206
|
-
readonly '100': "#ffe8b8";
|
|
207
120
|
readonly '200': "#ffd885";
|
|
208
121
|
readonly '300': "#ffc852";
|
|
209
122
|
readonly '400': "#ffb921";
|
|
210
123
|
readonly '500': "#eba400";
|
|
211
124
|
readonly '600': "#d1950b";
|
|
212
|
-
readonly '700': "#b78715";
|
|
213
|
-
readonly '800': "#9c7820";
|
|
214
125
|
readonly '900': "#82692b";
|
|
215
|
-
readonly '950': "#756230";
|
|
216
|
-
readonly '1000': "#4c401f";
|
|
217
126
|
};
|
|
218
127
|
export declare const light: {
|
|
219
128
|
readonly background: {
|
|
@@ -713,71 +622,34 @@ export declare const dark: {
|
|
|
713
622
|
};
|
|
714
623
|
declare const color: {
|
|
715
624
|
readonly blue: {
|
|
716
|
-
readonly '0': "#f8fbff";
|
|
717
|
-
readonly '50': "#eef7ff";
|
|
718
|
-
readonly '100': "#d9ecff";
|
|
719
625
|
readonly '200': "#bcddff";
|
|
720
|
-
readonly '300': "#93c1ff";
|
|
721
626
|
readonly '400': "#6bb0ff";
|
|
722
|
-
readonly '500': "#41a0ff";
|
|
723
627
|
readonly '600': "#2786f1";
|
|
724
628
|
readonly '700': "#1c6cd4";
|
|
725
|
-
readonly '800': "#2354a4";
|
|
726
629
|
readonly '900': "#0b3375";
|
|
727
|
-
readonly '950': "#042455";
|
|
728
|
-
readonly '1000': "#001433";
|
|
729
630
|
};
|
|
730
631
|
readonly broadbandGreen: {
|
|
731
|
-
readonly '0': "#f8faf6";
|
|
732
|
-
readonly '50': "#f2f6ed";
|
|
733
|
-
readonly '100': "#e7efdc";
|
|
734
632
|
readonly '200': "#d2e6b0";
|
|
735
633
|
readonly '300': "#8cba3b";
|
|
736
|
-
readonly '400': "#7aa031";
|
|
737
|
-
readonly '500': "#6e932b";
|
|
738
|
-
readonly '600': "#64862a";
|
|
739
|
-
readonly '700': "#5a7926";
|
|
740
634
|
readonly '800': "#506c21";
|
|
741
635
|
readonly '900': "#4f6b20";
|
|
742
|
-
readonly '950': "#35421c";
|
|
743
|
-
readonly '1000': "#252d16";
|
|
744
636
|
};
|
|
745
637
|
readonly cashbackLilac: {
|
|
746
|
-
readonly '0': "#f7f5f8";
|
|
747
|
-
readonly '50': "#f5f2f6";
|
|
748
|
-
readonly '100': "#ebdef5";
|
|
749
|
-
readonly '200': "#e4caf5";
|
|
750
638
|
readonly '300': "#dfbdf5";
|
|
751
|
-
readonly '400': "#ce9cf0";
|
|
752
639
|
readonly '500': "#be7aeb";
|
|
753
|
-
readonly '600': "#9f3be2";
|
|
754
640
|
readonly '700': "#8b2bc9";
|
|
755
|
-
readonly '800': "#7821b8";
|
|
756
641
|
readonly '900': "#7429b5";
|
|
757
|
-
readonly '950': "#522270";
|
|
758
|
-
readonly '1000': "#3a1f52";
|
|
759
642
|
};
|
|
760
643
|
readonly energyBlue: {
|
|
761
|
-
readonly '0': "#f7f9fa";
|
|
762
|
-
readonly '50': "#edf4f6";
|
|
763
|
-
readonly '100': "#d4e5e9";
|
|
764
644
|
readonly '200': "#bddee4";
|
|
765
645
|
readonly '300': "#6db5c3";
|
|
766
|
-
readonly '400': "#579daa";
|
|
767
|
-
readonly '500': "#4c8a97";
|
|
768
|
-
readonly '600': "#367683";
|
|
769
646
|
readonly '700': "#326e7a";
|
|
770
|
-
readonly '800': "#2d6571";
|
|
771
647
|
readonly '900': "#2c6370";
|
|
772
|
-
readonly '950': "#254348";
|
|
773
|
-
readonly '1000': "#1a2f35";
|
|
774
648
|
};
|
|
775
649
|
readonly green: {
|
|
776
|
-
readonly '0': "#f8fdf9";
|
|
777
650
|
readonly '50': "#e7f9f0";
|
|
778
651
|
readonly '100': "#c5edda";
|
|
779
652
|
readonly '200': "#a2e2c3";
|
|
780
|
-
readonly '300': "#74d6a0";
|
|
781
653
|
readonly '400': "#58ca93";
|
|
782
654
|
readonly '500': "#36bf7d";
|
|
783
655
|
readonly '600': "#19a660";
|
|
@@ -805,86 +677,45 @@ declare const color: {
|
|
|
805
677
|
readonly '1000': "#101010";
|
|
806
678
|
};
|
|
807
679
|
readonly insuranceOrange: {
|
|
808
|
-
readonly '0': "#fefcf9";
|
|
809
|
-
readonly '50': "#fdf5eb";
|
|
810
|
-
readonly '100': "#fcecd6";
|
|
811
|
-
readonly '200': "#ffcda0";
|
|
812
680
|
readonly '300': "#ffb46d";
|
|
813
681
|
readonly '400': "#ff7b00";
|
|
814
|
-
readonly '500': "#f06b00";
|
|
815
|
-
readonly '600': "#e26400";
|
|
816
|
-
readonly '700': "#cb5b00";
|
|
817
682
|
readonly '800': "#9b4c0e";
|
|
818
683
|
readonly '900': "#7f4518";
|
|
819
|
-
readonly '950': "#5a3213";
|
|
820
|
-
readonly '1000': "#3f2616";
|
|
821
684
|
};
|
|
822
685
|
readonly mobileRose: {
|
|
823
|
-
readonly '0': "#fffaf9";
|
|
824
|
-
readonly '50': "#fdf2f6";
|
|
825
|
-
readonly '100': "#faeaf2";
|
|
826
686
|
readonly '200': "#fad0e9";
|
|
827
|
-
readonly '300': "#f49fd2";
|
|
828
687
|
readonly '400': "#ee6dbb";
|
|
829
|
-
readonly '500': "#e652aa";
|
|
830
|
-
readonly '600': "#de379a";
|
|
831
|
-
readonly '700': "#d61c89";
|
|
832
688
|
readonly '800': "#a7266d";
|
|
833
689
|
readonly '900': "#8a3260";
|
|
834
|
-
readonly '950': "#601f42";
|
|
835
|
-
readonly '1000': "#421a32";
|
|
836
690
|
};
|
|
837
691
|
readonly orange: {
|
|
838
|
-
readonly '0': "#fffdf8";
|
|
839
|
-
readonly '50': "#fff5ed";
|
|
840
|
-
readonly '100': "#ffe6d4";
|
|
841
692
|
readonly '200': "#ffcca8";
|
|
842
|
-
readonly '300': "#ffab70";
|
|
843
693
|
readonly '400': "#ff9639";
|
|
844
694
|
readonly '500': "#ff8010";
|
|
845
695
|
readonly '600': "#f56e00";
|
|
846
696
|
readonly '700': "#cf5d00";
|
|
847
697
|
readonly '750': "#be5400";
|
|
848
|
-
readonly '800': "#ad4b00";
|
|
849
698
|
readonly '900': "#893900";
|
|
850
|
-
readonly '950': "#6b2d00";
|
|
851
|
-
readonly '1000': "#4a1f00";
|
|
852
699
|
};
|
|
853
700
|
readonly piggyPink: {
|
|
854
|
-
readonly '0': "#faf5fa";
|
|
855
|
-
readonly '50': "#f6f1f7";
|
|
856
|
-
readonly '100': "#f9eafa";
|
|
857
701
|
readonly '200': "#f9ceff";
|
|
858
702
|
readonly '300': "#f295ff";
|
|
859
|
-
readonly '400': "#ed66ff";
|
|
860
|
-
readonly '500': "#d052c8";
|
|
861
|
-
readonly '600': "#bc48b4";
|
|
862
|
-
readonly '700': "#a53fa5";
|
|
863
703
|
readonly '800': "#8f358f";
|
|
864
704
|
readonly '900': "#7a1f7e";
|
|
865
|
-
readonly '950': "#5d2167";
|
|
866
|
-
readonly '1000': "#3f1448";
|
|
867
705
|
};
|
|
868
706
|
readonly purple: {
|
|
869
|
-
readonly '0': "#f7f6f9";
|
|
870
|
-
readonly '50': "#eeebf4";
|
|
871
707
|
readonly '100': "#ddd5eb";
|
|
872
708
|
readonly '200': "#c6b5e2";
|
|
873
709
|
readonly '300': "#af90de";
|
|
874
710
|
readonly '400': "#996cda";
|
|
875
|
-
readonly '500': "#8851d6";
|
|
876
|
-
readonly '600': "#8149ce";
|
|
877
711
|
readonly '700': "#7a42c8";
|
|
878
712
|
readonly '800': "#5c2ca9";
|
|
879
713
|
readonly '900': "#442484";
|
|
880
|
-
readonly '950': "#331c68";
|
|
881
714
|
readonly '1000': "#26164f";
|
|
882
715
|
};
|
|
883
716
|
readonly red: {
|
|
884
|
-
readonly '0': "#fff6f5";
|
|
885
717
|
readonly '50': "#fff3f1";
|
|
886
718
|
readonly '100': "#ffe3df";
|
|
887
|
-
readonly '200': "#ffccc5";
|
|
888
719
|
readonly '300': "#ffa89d";
|
|
889
720
|
readonly '400': "#ff7964";
|
|
890
721
|
readonly '500': "#ff634a";
|
|
@@ -896,35 +727,22 @@ declare const color: {
|
|
|
896
727
|
readonly '1000': "#3b1512";
|
|
897
728
|
};
|
|
898
729
|
readonly warmWhite: {
|
|
899
|
-
readonly '0': "#fdfcfa";
|
|
900
730
|
readonly '50': "#fcfbf2";
|
|
901
731
|
readonly '100': "#f7f6eb";
|
|
902
732
|
readonly '200': "#f1efe4";
|
|
903
733
|
readonly '300': "#d4d2c0";
|
|
904
|
-
readonly '400': "#bfb9a9";
|
|
905
|
-
readonly '500': "#a99f8b";
|
|
906
|
-
readonly '600': "#89816e";
|
|
907
|
-
readonly '700': "#6a6354";
|
|
908
734
|
readonly '800': "#4c473d";
|
|
909
735
|
readonly '900': "#30302c";
|
|
910
736
|
readonly '950': "#282825";
|
|
911
|
-
readonly '975': "#20201d";
|
|
912
737
|
readonly '1000': "#191917";
|
|
913
738
|
};
|
|
914
739
|
readonly yellow: {
|
|
915
|
-
readonly '0': "#fffef9";
|
|
916
|
-
readonly '50': "#fff8ea";
|
|
917
|
-
readonly '100': "#ffe8b8";
|
|
918
740
|
readonly '200': "#ffd885";
|
|
919
741
|
readonly '300': "#ffc852";
|
|
920
742
|
readonly '400': "#ffb921";
|
|
921
743
|
readonly '500': "#eba400";
|
|
922
744
|
readonly '600': "#d1950b";
|
|
923
|
-
readonly '700': "#b78715";
|
|
924
|
-
readonly '800': "#9c7820";
|
|
925
745
|
readonly '900': "#82692b";
|
|
926
|
-
readonly '950': "#756230";
|
|
927
|
-
readonly '1000': "#4c401f";
|
|
928
746
|
};
|
|
929
747
|
readonly light: {
|
|
930
748
|
readonly background: {
|
package/build/tokens/color.js
CHANGED
|
@@ -2,71 +2,34 @@
|
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
3
|
*/
|
|
4
4
|
export const blue = {
|
|
5
|
-
'0': '#f8fbff',
|
|
6
|
-
'50': '#eef7ff',
|
|
7
|
-
'100': '#d9ecff',
|
|
8
5
|
'200': '#bcddff',
|
|
9
|
-
'300': '#93c1ff',
|
|
10
6
|
'400': '#6bb0ff',
|
|
11
|
-
'500': '#41a0ff',
|
|
12
7
|
'600': '#2786f1',
|
|
13
8
|
'700': '#1c6cd4',
|
|
14
|
-
'800': '#2354a4',
|
|
15
9
|
'900': '#0b3375',
|
|
16
|
-
'950': '#042455',
|
|
17
|
-
'1000': '#001433',
|
|
18
10
|
};
|
|
19
11
|
export const broadbandGreen = {
|
|
20
|
-
'0': '#f8faf6',
|
|
21
|
-
'50': '#f2f6ed',
|
|
22
|
-
'100': '#e7efdc',
|
|
23
12
|
'200': '#d2e6b0',
|
|
24
13
|
'300': '#8cba3b',
|
|
25
|
-
'400': '#7aa031',
|
|
26
|
-
'500': '#6e932b',
|
|
27
|
-
'600': '#64862a',
|
|
28
|
-
'700': '#5a7926',
|
|
29
14
|
'800': '#506c21',
|
|
30
15
|
'900': '#4f6b20',
|
|
31
|
-
'950': '#35421c',
|
|
32
|
-
'1000': '#252d16',
|
|
33
16
|
};
|
|
34
17
|
export const cashbackLilac = {
|
|
35
|
-
'0': '#f7f5f8',
|
|
36
|
-
'50': '#f5f2f6',
|
|
37
|
-
'100': '#ebdef5',
|
|
38
|
-
'200': '#e4caf5',
|
|
39
18
|
'300': '#dfbdf5',
|
|
40
|
-
'400': '#ce9cf0',
|
|
41
19
|
'500': '#be7aeb',
|
|
42
|
-
'600': '#9f3be2',
|
|
43
20
|
'700': '#8b2bc9',
|
|
44
|
-
'800': '#7821b8',
|
|
45
21
|
'900': '#7429b5',
|
|
46
|
-
'950': '#522270',
|
|
47
|
-
'1000': '#3a1f52',
|
|
48
22
|
};
|
|
49
23
|
export const energyBlue = {
|
|
50
|
-
'0': '#f7f9fa',
|
|
51
|
-
'50': '#edf4f6',
|
|
52
|
-
'100': '#d4e5e9',
|
|
53
24
|
'200': '#bddee4',
|
|
54
25
|
'300': '#6db5c3',
|
|
55
|
-
'400': '#579daa',
|
|
56
|
-
'500': '#4c8a97',
|
|
57
|
-
'600': '#367683',
|
|
58
26
|
'700': '#326e7a',
|
|
59
|
-
'800': '#2d6571',
|
|
60
27
|
'900': '#2c6370',
|
|
61
|
-
'950': '#254348',
|
|
62
|
-
'1000': '#1a2f35',
|
|
63
28
|
};
|
|
64
29
|
export const green = {
|
|
65
|
-
'0': '#f8fdf9',
|
|
66
30
|
'50': '#e7f9f0',
|
|
67
31
|
'100': '#c5edda',
|
|
68
32
|
'200': '#a2e2c3',
|
|
69
|
-
'300': '#74d6a0',
|
|
70
33
|
'400': '#58ca93',
|
|
71
34
|
'500': '#36bf7d',
|
|
72
35
|
'600': '#19a660',
|
|
@@ -94,86 +57,45 @@ export const grey = {
|
|
|
94
57
|
'1000': '#101010',
|
|
95
58
|
};
|
|
96
59
|
export const insuranceOrange = {
|
|
97
|
-
'0': '#fefcf9',
|
|
98
|
-
'50': '#fdf5eb',
|
|
99
|
-
'100': '#fcecd6',
|
|
100
|
-
'200': '#ffcda0',
|
|
101
60
|
'300': '#ffb46d',
|
|
102
61
|
'400': '#ff7b00',
|
|
103
|
-
'500': '#f06b00',
|
|
104
|
-
'600': '#e26400',
|
|
105
|
-
'700': '#cb5b00',
|
|
106
62
|
'800': '#9b4c0e',
|
|
107
63
|
'900': '#7f4518',
|
|
108
|
-
'950': '#5a3213',
|
|
109
|
-
'1000': '#3f2616',
|
|
110
64
|
};
|
|
111
65
|
export const mobileRose = {
|
|
112
|
-
'0': '#fffaf9',
|
|
113
|
-
'50': '#fdf2f6',
|
|
114
|
-
'100': '#faeaf2',
|
|
115
66
|
'200': '#fad0e9',
|
|
116
|
-
'300': '#f49fd2',
|
|
117
67
|
'400': '#ee6dbb',
|
|
118
|
-
'500': '#e652aa',
|
|
119
|
-
'600': '#de379a',
|
|
120
|
-
'700': '#d61c89',
|
|
121
68
|
'800': '#a7266d',
|
|
122
69
|
'900': '#8a3260',
|
|
123
|
-
'950': '#601f42',
|
|
124
|
-
'1000': '#421a32',
|
|
125
70
|
};
|
|
126
71
|
export const orange = {
|
|
127
|
-
'0': '#fffdf8',
|
|
128
|
-
'50': '#fff5ed',
|
|
129
|
-
'100': '#ffe6d4',
|
|
130
72
|
'200': '#ffcca8',
|
|
131
|
-
'300': '#ffab70',
|
|
132
73
|
'400': '#ff9639',
|
|
133
74
|
'500': '#ff8010',
|
|
134
75
|
'600': '#f56e00',
|
|
135
76
|
'700': '#cf5d00',
|
|
136
77
|
'750': '#be5400',
|
|
137
|
-
'800': '#ad4b00',
|
|
138
78
|
'900': '#893900',
|
|
139
|
-
'950': '#6b2d00',
|
|
140
|
-
'1000': '#4a1f00',
|
|
141
79
|
};
|
|
142
80
|
export const piggyPink = {
|
|
143
|
-
'0': '#faf5fa',
|
|
144
|
-
'50': '#f6f1f7',
|
|
145
|
-
'100': '#f9eafa',
|
|
146
81
|
'200': '#f9ceff',
|
|
147
82
|
'300': '#f295ff',
|
|
148
|
-
'400': '#ed66ff',
|
|
149
|
-
'500': '#d052c8',
|
|
150
|
-
'600': '#bc48b4',
|
|
151
|
-
'700': '#a53fa5',
|
|
152
83
|
'800': '#8f358f',
|
|
153
84
|
'900': '#7a1f7e',
|
|
154
|
-
'950': '#5d2167',
|
|
155
|
-
'1000': '#3f1448',
|
|
156
85
|
};
|
|
157
86
|
export const purple = {
|
|
158
|
-
'0': '#f7f6f9',
|
|
159
|
-
'50': '#eeebf4',
|
|
160
87
|
'100': '#ddd5eb',
|
|
161
88
|
'200': '#c6b5e2',
|
|
162
89
|
'300': '#af90de',
|
|
163
90
|
'400': '#996cda',
|
|
164
|
-
'500': '#8851d6',
|
|
165
|
-
'600': '#8149ce',
|
|
166
91
|
'700': '#7a42c8',
|
|
167
92
|
'800': '#5c2ca9',
|
|
168
93
|
'900': '#442484',
|
|
169
|
-
'950': '#331c68',
|
|
170
94
|
'1000': '#26164f',
|
|
171
95
|
};
|
|
172
96
|
export const red = {
|
|
173
|
-
'0': '#fff6f5',
|
|
174
97
|
'50': '#fff3f1',
|
|
175
98
|
'100': '#ffe3df',
|
|
176
|
-
'200': '#ffccc5',
|
|
177
99
|
'300': '#ffa89d',
|
|
178
100
|
'400': '#ff7964',
|
|
179
101
|
'500': '#ff634a',
|
|
@@ -185,35 +107,22 @@ export const red = {
|
|
|
185
107
|
'1000': '#3b1512',
|
|
186
108
|
};
|
|
187
109
|
export const warmWhite = {
|
|
188
|
-
'0': '#fdfcfa',
|
|
189
110
|
'50': '#fcfbf2',
|
|
190
111
|
'100': '#f7f6eb',
|
|
191
112
|
'200': '#f1efe4',
|
|
192
113
|
'300': '#d4d2c0',
|
|
193
|
-
'400': '#bfb9a9',
|
|
194
|
-
'500': '#a99f8b',
|
|
195
|
-
'600': '#89816e',
|
|
196
|
-
'700': '#6a6354',
|
|
197
114
|
'800': '#4c473d',
|
|
198
115
|
'900': '#30302c',
|
|
199
116
|
'950': '#282825',
|
|
200
|
-
'975': '#20201d',
|
|
201
117
|
'1000': '#191917',
|
|
202
118
|
};
|
|
203
119
|
export const yellow = {
|
|
204
|
-
'0': '#fffef9',
|
|
205
|
-
'50': '#fff8ea',
|
|
206
|
-
'100': '#ffe8b8',
|
|
207
120
|
'200': '#ffd885',
|
|
208
121
|
'300': '#ffc852',
|
|
209
122
|
'400': '#ffb921',
|
|
210
123
|
'500': '#eba400',
|
|
211
124
|
'600': '#d1950b',
|
|
212
|
-
'700': '#b78715',
|
|
213
|
-
'800': '#9c7820',
|
|
214
125
|
'900': '#82692b',
|
|
215
|
-
'950': '#756230',
|
|
216
|
-
'1000': '#4c401f',
|
|
217
126
|
};
|
|
218
127
|
export const light = {
|
|
219
128
|
background: {
|
package/build/tokens/font.d.ts
CHANGED
|
@@ -8,8 +8,6 @@ declare const _default: {
|
|
|
8
8
|
readonly heading: "Comic Hams";
|
|
9
9
|
};
|
|
10
10
|
readonly size: {
|
|
11
|
-
readonly '50': 10;
|
|
12
|
-
readonly '75': 12;
|
|
13
11
|
readonly '90': 14;
|
|
14
12
|
readonly '100': 16;
|
|
15
13
|
readonly '150': 18;
|
|
@@ -19,16 +17,10 @@ declare const _default: {
|
|
|
19
17
|
readonly '500': 36;
|
|
20
18
|
readonly '550': 40;
|
|
21
19
|
readonly '575': 44;
|
|
22
|
-
readonly '600': 48;
|
|
23
20
|
readonly '650': 54;
|
|
24
|
-
readonly '700': 60;
|
|
25
|
-
readonly '800': 72;
|
|
26
|
-
readonly '900': 96;
|
|
27
|
-
readonly '1000': 128;
|
|
28
21
|
};
|
|
29
22
|
readonly weight: {
|
|
30
23
|
readonly bold: 700;
|
|
31
|
-
readonly heavy: 900;
|
|
32
24
|
readonly medium: 500;
|
|
33
25
|
readonly regular: 400;
|
|
34
26
|
readonly semibold: 600;
|
package/build/tokens/font.js
CHANGED
|
@@ -8,8 +8,6 @@ export default {
|
|
|
8
8
|
heading: 'Comic Hams',
|
|
9
9
|
},
|
|
10
10
|
size: {
|
|
11
|
-
'50': 10,
|
|
12
|
-
'75': 12,
|
|
13
11
|
'90': 14,
|
|
14
12
|
'100': 16,
|
|
15
13
|
'150': 18,
|
|
@@ -19,16 +17,10 @@ export default {
|
|
|
19
17
|
'500': 36,
|
|
20
18
|
'550': 40,
|
|
21
19
|
'575': 44,
|
|
22
|
-
'600': 48,
|
|
23
20
|
'650': 54,
|
|
24
|
-
'700': 60,
|
|
25
|
-
'800': 72,
|
|
26
|
-
'900': 96,
|
|
27
|
-
'1000': 128,
|
|
28
21
|
},
|
|
29
22
|
weight: {
|
|
30
23
|
bold: 700,
|
|
31
|
-
heavy: 900,
|
|
32
24
|
medium: 500,
|
|
33
25
|
regular: 400,
|
|
34
26
|
semibold: 600,
|
|
@@ -2,9 +2,6 @@
|
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
3
|
*/
|
|
4
4
|
declare const _default: {
|
|
5
|
-
readonly '0': 0;
|
|
6
|
-
readonly '50': -0.30000001192092896;
|
|
7
|
-
readonly '75': -0.36000001430511475;
|
|
8
5
|
readonly '90': -0.41999998688697815;
|
|
9
6
|
readonly '100': -0.47999998927116394;
|
|
10
7
|
readonly '150': -0.5400000214576721;
|
|
@@ -12,11 +9,5 @@ declare const _default: {
|
|
|
12
9
|
readonly '300': -0.7200000286102295;
|
|
13
10
|
readonly '400': -0.8999999761581421;
|
|
14
11
|
readonly '500': -1.0800000429153442;
|
|
15
|
-
readonly '550': -1.2000000476837158;
|
|
16
|
-
readonly '600': -1.440000057220459;
|
|
17
|
-
readonly '700': -1.7999999523162842;
|
|
18
|
-
readonly '800': -2.1600000858306885;
|
|
19
|
-
readonly '900': -2.880000114440918;
|
|
20
|
-
readonly '1000': -3.8399999141693115;
|
|
21
12
|
};
|
|
22
13
|
export default _default;
|