@skyscanner/bpk-foundations-web 20.0.0 → 21.1.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 (7) hide show
  1. package/package.json +3 -3
  2. package/tokens/base.common.js +67 -67
  3. package/tokens/base.default.scss +131 -131
  4. package/tokens/base.es6.d.ts +102 -102
  5. package/tokens/base.es6.js +102 -102
  6. package/tokens/base.raw.json +624 -624
  7. package/tokens/base.scss +131 -131
package/tokens/base.es6.d.ts CHANGED
@@ -17,39 +17,9 @@
17
17
  * limitations under the License.
18
18
  *
19
19
  */
20
- export declare const colorSkyBlueShade03 = "rgb(2, 18, 44)" as const;
21
- export declare const colorPrimaryGradientLight = "rgb(0, 98, 227)" as const;
22
- export declare const colorErfoud = "rgb(255, 181, 77)" as const;
23
- export declare const colorValensole = "rgb(165, 155, 200)" as const;
24
- export declare const colorMonteverde = "rgb(0, 166, 152)" as const;
25
- export declare const colorSkyGrayTint01 = "rgb(68, 69, 96)" as const;
26
- export declare const colorBlack = "rgb(1, 9, 19)" as const;
27
- export declare const colorSkyGrayTint02 = "rgb(104, 105, 127)" as const;
28
- export declare const colorSagano = "rgb(208, 238, 236)" as const;
29
- export declare const colorSkyGrayTint03 = "rgb(143, 144, 160)" as const;
30
- export declare const colorSkyGrayTint04 = "rgb(178, 178, 191)" as const;
31
- export declare const colorHarbour = "rgb(246, 221, 225)" as const;
32
- export declare const colorSkyGrayTint05 = "rgb(205, 205, 215)" as const;
33
- export declare const colorSkyGrayTint06 = "rgb(221, 221, 229)" as const;
34
- export declare const colorSkyGrayTint07 = "rgb(241, 242, 248)" as const;
35
- export declare const colorAbisko = "rgb(90, 72, 155)" as const;
36
20
  export declare const colorWhite = "rgb(255, 255, 255)" as const;
37
- export declare const colorPanjin = "rgb(209, 67, 91)" as const;
38
- export declare const colorKolkata = "rgb(255, 148, 0)" as const;
39
- export declare const colorGlencoe = "rgb(115, 206, 198)" as const;
40
- export declare const colorTochigi = "rgb(225, 221, 236)" as const;
41
- export declare const colorPetra = "rgb(255, 171, 149)" as const;
42
21
  export declare const colorSkyBlue = "rgb(0, 98, 227)" as const;
43
- export declare const colorBagan = "rgb(255, 235, 208)" as const;
44
- export declare const colorHillier = "rgb(225, 139, 150)" as const;
45
- export declare const colorSkyBlueTint01 = "rgb(109, 159, 235)" as const;
46
- export declare const colorSkyBlueTint02 = "rgb(157, 192, 242)" as const;
47
- export declare const colorBunol = "rgb(255, 123, 89)" as const;
48
- export declare const colorSkyBlueTint03 = "rgb(205, 223, 248)" as const;
49
- export declare const colorSkyGray = "rgb(17, 18, 54)" as const;
50
- export declare const colorNara = "rgb(255, 231, 224)" as const;
51
- export declare const colorSkyBlueShade01 = "rgb(8, 78, 178)" as const;
52
- export declare const colorSkyBlueShade02 = "rgb(4, 39, 89)" as const;
22
+ export declare const colorBlack = "rgb(1, 9, 19)" as const;
53
23
  export declare const privateBadgeBackgroundNormalDay = "rgb(239, 243, 248)" as const;
54
24
  export declare const privateBadgeBackgroundNormalNight = "rgb(36, 51, 70)" as const;
55
25
  export declare const canvasDay = "rgb(255, 255, 255)" as const;
@@ -95,57 +65,27 @@ export declare const textOnLightDay = "rgb(22, 22, 22)" as const;
95
65
  export declare const textLinkNight = "rgb(132, 233, 255)" as const;
96
66
  export declare const textHeroNight = "rgb(1, 9, 19)" as const;
97
67
  export declare const textDisabledNight = "rgba(255, 255, 255, 0.2)" as const;
98
- export declare const textPrimaryDarkColor = "rgb(255, 255, 255)" as const;
99
68
  export declare const textLinkDay = "rgb(0, 98, 227)" as const;
100
69
  export declare const textHeroDay = "rgb(0, 98, 227)" as const;
101
- export declare const textQuaternaryDarkColor = "rgb(142, 142, 147)" as const;
102
70
  export declare const textPrimaryNight = "rgb(255, 255, 255)" as const;
103
- export declare const textQuaternaryLightColor = "rgb(143, 144, 160)" as const;
104
71
  export declare const textDisabledDay = "rgba(0, 0, 0, 0.2)" as const;
105
- export declare const textPrimaryLightColor = "rgb(17, 18, 54)" as const;
106
72
  export declare const textPrimaryDay = "rgb(22, 22, 22)" as const;
107
73
  export declare const textErrorNight = "rgb(255, 100, 156)" as const;
108
74
  export declare const textErrorDay = "rgb(231, 8, 102)" as const;
109
- export declare const textTertiaryDarkColor = "rgb(142, 142, 147)" as const;
110
- export declare const textSecondaryDarkColor = "rgb(178, 178, 191)" as const;
111
75
  export declare const textPrimaryInverseNight = "rgb(1, 9, 19)" as const;
112
76
  export declare const textSecondaryNight = "rgb(189, 196, 203)" as const;
113
77
  export declare const textOnDarkNight = "rgb(255, 255, 255)" as const;
114
- export declare const textSecondaryLightColor = "rgb(104, 105, 127)" as const;
115
78
  export declare const textPrimaryInverseDay = "rgb(255, 255, 255)" as const;
116
79
  export declare const textDisabledOnDarkNight = "rgba(255, 255, 255, 0.5)" as const;
117
- export declare const textTertiaryLightColor = "rgb(143, 144, 160)" as const;
118
80
  export declare const textSecondaryDay = "rgb(98, 105, 113)" as const;
119
- export declare const scrimDay = "rgba(0, 0, 0, 0.7)" as const;
120
- export declare const backgroundElevation03DarkColor = "rgb(58, 58, 60)" as const;
121
- export declare const backgroundElevation02DarkColor = "rgb(44, 44, 46)" as const;
122
- export declare const lineOnDarkNight = "rgb(68, 80, 95)" as const;
123
- export declare const lineDarkColor = "rgb(72, 72, 74)" as const;
124
- export declare const backgroundElevation01DarkColor = "rgb(29, 27, 32)" as const;
125
- export declare const lineOnDarkDay = "rgba(255, 255, 255, 0.5)" as const;
126
- export declare const backgroundAlternativeSecondaryDarkColor = "rgb(29, 27, 32)" as const;
127
- export declare const backgroundLightColor = "rgb(255, 255, 255)" as const;
128
- export declare const overlayNight = "rgba(255, 255, 255, 0.8)" as const;
129
- export declare const backgroundDarkColor = "rgb(0, 0, 0)" as const;
130
- export declare const backgroundAlternativeSecondaryLightColor = "rgb(255, 255, 255)" as const;
131
- export declare const overlayDay = "rgba(0, 0, 0, 0.2)" as const;
132
- export declare const lineNight = "rgb(68, 80, 95)" as const;
133
- export declare const colorSystemGreen = "rgb(0, 166, 152)" as const;
134
- export declare const backgroundElevation01LightColor = "rgb(255, 255, 255)" as const;
135
- export declare const lineLightColor = "rgb(205, 205, 215)" as const;
136
- export declare const backgroundElevation02LightColor = "rgb(255, 255, 255)" as const;
137
81
  export declare const lineDay = "rgb(193, 199, 207)" as const;
138
- export declare const backgroundElevation03LightColor = "rgb(255, 255, 255)" as const;
139
- export declare const backgroundTertiaryDarkColor = "rgb(44, 44, 46)" as const;
140
- export declare const backgroundSecondaryDarkColor = "rgb(29, 27, 32)" as const;
141
- export declare const backgroundAlternativeLightColor = "rgb(241, 242, 248)" as const;
142
- export declare const primaryDarkColor = "rgb(109, 159, 235)" as const;
143
- export declare const colorSystemRed = "rgb(209, 67, 91)" as const;
144
- export declare const backgroundAlternativeDarkColor = "rgb(0, 0, 0)" as const;
145
- export declare const primaryLightColor = "rgb(0, 98, 227)" as const;
146
- export declare const backgroundTertiaryLightColor = "rgb(255, 255, 255)" as const;
147
- export declare const backgroundSecondaryLightColor = "rgb(241, 242, 248)" as const;
82
+ export declare const lineNight = "rgb(68, 80, 95)" as const;
83
+ export declare const lineOnDarkDay = "rgba(255, 255, 255, 0.5)" as const;
84
+ export declare const lineOnDarkNight = "rgb(68, 80, 95)" as const;
85
+ export declare const scrimDay = "rgba(0, 0, 0, 0.7)" as const;
148
86
  export declare const scrimNight = "rgba(0, 0, 0, 0.7)" as const;
87
+ export declare const overlayDay = "rgba(0, 0, 0, 0.2)" as const;
88
+ export declare const overlayNight = "rgba(255, 255, 255, 0.8)" as const;
149
89
  export declare const privateInfoBannerDefaultDay = "rgb(239, 243, 248)" as const;
150
90
  export declare const privateInfoBannerOnContrastDay = "rgb(255, 255, 255)" as const;
151
91
  export declare const privateInfoBannerSuccessDay = "rgb(12, 131, 138)" as const;
@@ -269,12 +209,72 @@ export declare const privateSegmentedControlSurfaceContrastDay = "rgba(255, 255,
269
209
  export declare const privateSegmentedControlSurfaceContrastNight = "rgb(19, 29, 43)" as const;
270
210
  export declare const privateSegmentedControlSurfaceContrastOnDay = "rgb(2, 77, 175)" as const;
271
211
  export declare const privateSegmentedControlSurfaceContrastOnNight = "rgb(5, 65, 132)" as const;
212
+ export declare const colorSkyBlueShade03 = "rgb(2, 18, 44)" as const;
213
+ export declare const colorPrimaryGradientLight = "rgb(0, 98, 227)" as const;
214
+ export declare const colorErfoud = "rgb(255, 181, 77)" as const;
215
+ export declare const colorValensole = "rgb(165, 155, 200)" as const;
216
+ export declare const colorMonteverde = "rgb(0, 166, 152)" as const;
217
+ export declare const backgroundElevation03DarkColor = "rgb(58, 58, 60)" as const;
218
+ export declare const colorSkyGrayTint01 = "rgb(68, 69, 96)" as const;
219
+ export declare const backgroundElevation02DarkColor = "rgb(44, 44, 46)" as const;
220
+ export declare const colorSkyGrayTint02 = "rgb(104, 105, 127)" as const;
221
+ export declare const lineDarkColor = "rgb(72, 72, 74)" as const;
222
+ export declare const backgroundElevation01DarkColor = "rgb(29, 27, 32)" as const;
223
+ export declare const colorSagano = "rgb(208, 238, 236)" as const;
224
+ export declare const colorSkyGrayTint03 = "rgb(143, 144, 160)" as const;
225
+ export declare const colorSkyGrayTint04 = "rgb(178, 178, 191)" as const;
226
+ export declare const colorHarbour = "rgb(246, 221, 225)" as const;
227
+ export declare const colorSkyGrayTint05 = "rgb(205, 205, 215)" as const;
228
+ export declare const backgroundAlternativeSecondaryDarkColor = "rgb(29, 27, 32)" as const;
229
+ export declare const colorSkyGrayTint06 = "rgb(221, 221, 229)" as const;
230
+ export declare const textPrimaryDarkColor = "rgb(255, 255, 255)" as const;
231
+ export declare const textQuaternaryDarkColor = "rgb(142, 142, 147)" as const;
232
+ export declare const backgroundLightColor = "rgb(255, 255, 255)" as const;
272
233
  export declare const colorBlackTint01 = "rgb(29, 27, 32)" as const;
234
+ export declare const colorSkyGrayTint07 = "rgb(241, 242, 248)" as const;
273
235
  export declare const colorBlackTint02 = "rgb(44, 44, 46)" as const;
236
+ export declare const colorAbisko = "rgb(90, 72, 155)" as const;
237
+ export declare const textQuaternaryLightColor = "rgb(143, 144, 160)" as const;
238
+ export declare const backgroundDarkColor = "rgb(0, 0, 0)" as const;
274
239
  export declare const colorBlackTint03 = "rgb(58, 58, 60)" as const;
240
+ export declare const textPrimaryLightColor = "rgb(17, 18, 54)" as const;
275
241
  export declare const colorBlackTint04 = "rgb(72, 72, 74)" as const;
242
+ export declare const backgroundAlternativeSecondaryLightColor = "rgb(255, 255, 255)" as const;
276
243
  export declare const colorBlackTint05 = "rgb(99, 99, 102)" as const;
277
244
  export declare const colorBlackTint06 = "rgb(142, 142, 147)" as const;
245
+ export declare const colorPanjin = "rgb(209, 67, 91)" as const;
246
+ export declare const colorSystemGreen = "rgb(0, 166, 152)" as const;
247
+ export declare const colorKolkata = "rgb(255, 148, 0)" as const;
248
+ export declare const colorGlencoe = "rgb(115, 206, 198)" as const;
249
+ export declare const backgroundElevation01LightColor = "rgb(255, 255, 255)" as const;
250
+ export declare const colorTochigi = "rgb(225, 221, 236)" as const;
251
+ export declare const lineLightColor = "rgb(205, 205, 215)" as const;
252
+ export declare const backgroundElevation02LightColor = "rgb(255, 255, 255)" as const;
253
+ export declare const backgroundElevation03LightColor = "rgb(255, 255, 255)" as const;
254
+ export declare const colorPetra = "rgb(255, 171, 149)" as const;
255
+ export declare const textTertiaryDarkColor = "rgb(142, 142, 147)" as const;
256
+ export declare const backgroundTertiaryDarkColor = "rgb(44, 44, 46)" as const;
257
+ export declare const backgroundSecondaryDarkColor = "rgb(29, 27, 32)" as const;
258
+ export declare const textSecondaryDarkColor = "rgb(178, 178, 191)" as const;
259
+ export declare const backgroundAlternativeLightColor = "rgb(241, 242, 248)" as const;
260
+ export declare const primaryDarkColor = "rgb(109, 159, 235)" as const;
261
+ export declare const colorBagan = "rgb(255, 235, 208)" as const;
262
+ export declare const colorHillier = "rgb(225, 139, 150)" as const;
263
+ export declare const colorSkyBlueTint01 = "rgb(109, 159, 235)" as const;
264
+ export declare const colorSkyBlueTint02 = "rgb(157, 192, 242)" as const;
265
+ export declare const colorBunol = "rgb(255, 123, 89)" as const;
266
+ export declare const colorSkyBlueTint03 = "rgb(205, 223, 248)" as const;
267
+ export declare const colorSkyGray = "rgb(17, 18, 54)" as const;
268
+ export declare const colorSystemRed = "rgb(209, 67, 91)" as const;
269
+ export declare const textSecondaryLightColor = "rgb(104, 105, 127)" as const;
270
+ export declare const backgroundAlternativeDarkColor = "rgb(0, 0, 0)" as const;
271
+ export declare const primaryLightColor = "rgb(0, 98, 227)" as const;
272
+ export declare const backgroundTertiaryLightColor = "rgb(255, 255, 255)" as const;
273
+ export declare const colorNara = "rgb(255, 231, 224)" as const;
274
+ export declare const colorSkyBlueShade01 = "rgb(8, 78, 178)" as const;
275
+ export declare const backgroundSecondaryLightColor = "rgb(241, 242, 248)" as const;
276
+ export declare const textTertiaryLightColor = "rgb(143, 144, 160)" as const;
277
+ export declare const colorSkyBlueShade02 = "rgb(4, 39, 89)" as const;
278
278
  export declare const durationXs = "50ms" as const;
279
279
  export declare const durationSm = "200ms" as const;
280
280
  export declare const durationBase = "400ms" as const;
@@ -540,29 +540,46 @@ privateChipOnDarkOnDismissIconDay,
540
540
  privateChipOnDarkOnDismissIconNight,
541
541
  } as const;
542
542
  export declare const colors = {
543
+ colorWhite,
544
+ colorSkyBlue,
545
+ colorBlack,
543
546
  colorSkyBlueShade03,
544
547
  colorPrimaryGradientLight,
545
548
  colorErfoud,
546
549
  colorValensole,
547
550
  colorMonteverde,
548
551
  colorSkyGrayTint01,
549
- colorBlack,
550
552
  colorSkyGrayTint02,
553
+ lineDarkColor,
551
554
  colorSagano,
552
555
  colorSkyGrayTint03,
553
556
  colorSkyGrayTint04,
554
557
  colorHarbour,
555
558
  colorSkyGrayTint05,
559
+ backgroundAlternativeSecondaryDarkColor,
556
560
  colorSkyGrayTint06,
561
+ backgroundLightColor,
562
+ colorBlackTint01,
557
563
  colorSkyGrayTint07,
564
+ colorBlackTint02,
558
565
  colorAbisko,
559
- colorWhite,
566
+ backgroundDarkColor,
567
+ colorBlackTint03,
568
+ colorBlackTint04,
569
+ backgroundAlternativeSecondaryLightColor,
570
+ colorBlackTint05,
571
+ colorBlackTint06,
560
572
  colorPanjin,
573
+ colorSystemGreen,
561
574
  colorKolkata,
562
575
  colorGlencoe,
563
576
  colorTochigi,
577
+ lineLightColor,
564
578
  colorPetra,
565
- colorSkyBlue,
579
+ backgroundTertiaryDarkColor,
580
+ backgroundSecondaryDarkColor,
581
+ backgroundAlternativeLightColor,
582
+ primaryDarkColor,
566
583
  colorBagan,
567
584
  colorHillier,
568
585
  colorSkyBlueTint01,
@@ -570,31 +587,14 @@ colorSkyBlueTint02,
570
587
  colorBunol,
571
588
  colorSkyBlueTint03,
572
589
  colorSkyGray,
573
- colorNara,
574
- colorSkyBlueShade01,
575
- colorSkyBlueShade02,
576
- lineDarkColor,
577
- backgroundAlternativeSecondaryDarkColor,
578
- backgroundLightColor,
579
- backgroundDarkColor,
580
- backgroundAlternativeSecondaryLightColor,
581
- colorSystemGreen,
582
- lineLightColor,
583
- backgroundTertiaryDarkColor,
584
- backgroundSecondaryDarkColor,
585
- backgroundAlternativeLightColor,
586
- primaryDarkColor,
587
590
  colorSystemRed,
588
591
  backgroundAlternativeDarkColor,
589
592
  primaryLightColor,
590
593
  backgroundTertiaryLightColor,
594
+ colorNara,
595
+ colorSkyBlueShade01,
591
596
  backgroundSecondaryLightColor,
592
- colorBlackTint01,
593
- colorBlackTint02,
594
- colorBlackTint03,
595
- colorBlackTint04,
596
- colorBlackTint05,
597
- colorBlackTint06,
597
+ colorSkyBlueShade02,
598
598
  primaryGradient,
599
599
  } as const;
600
600
  export declare const coreColors = {
@@ -665,10 +665,10 @@ letterSpacingDisplay,
665
665
  letterSpacingHero,
666
666
  } as const;
667
667
  export declare const lineColors = {
668
- lineOnDarkNight,
669
- lineOnDarkDay,
670
- lineNight,
671
668
  lineDay,
669
+ lineNight,
670
+ lineOnDarkDay,
671
+ lineOnDarkNight,
672
672
  } as const;
673
673
  export declare const mapMarkerColors = {
674
674
  privateMapPreviousSelectionDay,
@@ -725,8 +725,8 @@ bannerAlertErrorColor,
725
725
  bannerAlertNeutralColor,
726
726
  } as const;
727
727
  export declare const overlayColors = {
728
- overlayNight,
729
728
  overlayDay,
729
+ overlayNight,
730
730
  } as const;
731
731
  export declare const panels = {
732
732
  panelBorderColor,
@@ -812,33 +812,33 @@ textOnLightDay,
812
812
  textLinkNight,
813
813
  textHeroNight,
814
814
  textDisabledNight,
815
- textPrimaryDarkColor,
816
815
  textLinkDay,
817
816
  textHeroDay,
818
- textQuaternaryDarkColor,
819
817
  textPrimaryNight,
820
- textQuaternaryLightColor,
821
818
  textDisabledDay,
822
- textPrimaryLightColor,
823
819
  textPrimaryDay,
824
820
  textErrorNight,
825
821
  textErrorDay,
826
- textTertiaryDarkColor,
827
- textSecondaryDarkColor,
828
822
  textPrimaryInverseNight,
829
823
  textSecondaryNight,
830
824
  textOnDarkNight,
831
- textSecondaryLightColor,
832
825
  textPrimaryInverseDay,
833
826
  textDisabledOnDarkNight,
834
- textTertiaryLightColor,
835
827
  textSecondaryDay,
836
828
  backgroundElevation03DarkColor,
837
829
  backgroundElevation02DarkColor,
838
830
  backgroundElevation01DarkColor,
831
+ textPrimaryDarkColor,
832
+ textQuaternaryDarkColor,
833
+ textQuaternaryLightColor,
834
+ textPrimaryLightColor,
839
835
  backgroundElevation01LightColor,
840
836
  backgroundElevation02LightColor,
841
837
  backgroundElevation03LightColor,
838
+ textTertiaryDarkColor,
839
+ textSecondaryDarkColor,
840
+ textSecondaryLightColor,
841
+ textTertiaryLightColor,
842
842
  fontColorBase,
843
843
  } as const;
844
844
  export declare const typesettings = {
package/tokens/base.es6.js CHANGED
@@ -17,39 +17,9 @@
17
17
  * limitations under the License.
18
18
  *
19
19
  */
20
- export const colorSkyBlueShade03 = "rgb(2, 18, 44)";
21
- export const colorPrimaryGradientLight = "rgb(0, 98, 227)";
22
- export const colorErfoud = "rgb(255, 181, 77)";
23
- export const colorValensole = "rgb(165, 155, 200)";
24
- export const colorMonteverde = "rgb(0, 166, 152)";
25
- export const colorSkyGrayTint01 = "rgb(68, 69, 96)";
26
- export const colorBlack = "rgb(1, 9, 19)";
27
- export const colorSkyGrayTint02 = "rgb(104, 105, 127)";
28
- export const colorSagano = "rgb(208, 238, 236)";
29
- export const colorSkyGrayTint03 = "rgb(143, 144, 160)";
30
- export const colorSkyGrayTint04 = "rgb(178, 178, 191)";
31
- export const colorHarbour = "rgb(246, 221, 225)";
32
- export const colorSkyGrayTint05 = "rgb(205, 205, 215)";
33
- export const colorSkyGrayTint06 = "rgb(221, 221, 229)";
34
- export const colorSkyGrayTint07 = "rgb(241, 242, 248)";
35
- export const colorAbisko = "rgb(90, 72, 155)";
36
20
  export const colorWhite = "rgb(255, 255, 255)";
37
- export const colorPanjin = "rgb(209, 67, 91)";
38
- export const colorKolkata = "rgb(255, 148, 0)";
39
- export const colorGlencoe = "rgb(115, 206, 198)";
40
- export const colorTochigi = "rgb(225, 221, 236)";
41
- export const colorPetra = "rgb(255, 171, 149)";
42
21
  export const colorSkyBlue = "rgb(0, 98, 227)";
43
- export const colorBagan = "rgb(255, 235, 208)";
44
- export const colorHillier = "rgb(225, 139, 150)";
45
- export const colorSkyBlueTint01 = "rgb(109, 159, 235)";
46
- export const colorSkyBlueTint02 = "rgb(157, 192, 242)";
47
- export const colorBunol = "rgb(255, 123, 89)";
48
- export const colorSkyBlueTint03 = "rgb(205, 223, 248)";
49
- export const colorSkyGray = "rgb(17, 18, 54)";
50
- export const colorNara = "rgb(255, 231, 224)";
51
- export const colorSkyBlueShade01 = "rgb(8, 78, 178)";
52
- export const colorSkyBlueShade02 = "rgb(4, 39, 89)";
22
+ export const colorBlack = "rgb(1, 9, 19)";
53
23
  export const privateBadgeBackgroundNormalDay = "rgb(239, 243, 248)";
54
24
  export const privateBadgeBackgroundNormalNight = "rgb(36, 51, 70)";
55
25
  export const canvasDay = "rgb(255, 255, 255)";
@@ -95,57 +65,27 @@ export const textOnLightDay = "rgb(22, 22, 22)";
95
65
  export const textLinkNight = "rgb(132, 233, 255)";
96
66
  export const textHeroNight = "rgb(1, 9, 19)";
97
67
  export const textDisabledNight = "rgba(255, 255, 255, 0.2)";
98
- export const textPrimaryDarkColor = "rgb(255, 255, 255)";
99
68
  export const textLinkDay = "rgb(0, 98, 227)";
100
69
  export const textHeroDay = "rgb(0, 98, 227)";
101
- export const textQuaternaryDarkColor = "rgb(142, 142, 147)";
102
70
  export const textPrimaryNight = "rgb(255, 255, 255)";
103
- export const textQuaternaryLightColor = "rgb(143, 144, 160)";
104
71
  export const textDisabledDay = "rgba(0, 0, 0, 0.2)";
105
- export const textPrimaryLightColor = "rgb(17, 18, 54)";
106
72
  export const textPrimaryDay = "rgb(22, 22, 22)";
107
73
  export const textErrorNight = "rgb(255, 100, 156)";
108
74
  export const textErrorDay = "rgb(231, 8, 102)";
109
- export const textTertiaryDarkColor = "rgb(142, 142, 147)";
110
- export const textSecondaryDarkColor = "rgb(178, 178, 191)";
111
75
  export const textPrimaryInverseNight = "rgb(1, 9, 19)";
112
76
  export const textSecondaryNight = "rgb(189, 196, 203)";
113
77
  export const textOnDarkNight = "rgb(255, 255, 255)";
114
- export const textSecondaryLightColor = "rgb(104, 105, 127)";
115
78
  export const textPrimaryInverseDay = "rgb(255, 255, 255)";
116
79
  export const textDisabledOnDarkNight = "rgba(255, 255, 255, 0.5)";
117
- export const textTertiaryLightColor = "rgb(143, 144, 160)";
118
80
  export const textSecondaryDay = "rgb(98, 105, 113)";
119
- export const scrimDay = "rgba(0, 0, 0, 0.7)";
120
- export const backgroundElevation03DarkColor = "rgb(58, 58, 60)";
121
- export const backgroundElevation02DarkColor = "rgb(44, 44, 46)";
122
- export const lineOnDarkNight = "rgb(68, 80, 95)";
123
- export const lineDarkColor = "rgb(72, 72, 74)";
124
- export const backgroundElevation01DarkColor = "rgb(29, 27, 32)";
125
- export const lineOnDarkDay = "rgba(255, 255, 255, 0.5)";
126
- export const backgroundAlternativeSecondaryDarkColor = "rgb(29, 27, 32)";
127
- export const backgroundLightColor = "rgb(255, 255, 255)";
128
- export const overlayNight = "rgba(255, 255, 255, 0.8)";
129
- export const backgroundDarkColor = "rgb(0, 0, 0)";
130
- export const backgroundAlternativeSecondaryLightColor = "rgb(255, 255, 255)";
131
- export const overlayDay = "rgba(0, 0, 0, 0.2)";
132
- export const lineNight = "rgb(68, 80, 95)";
133
- export const colorSystemGreen = "rgb(0, 166, 152)";
134
- export const backgroundElevation01LightColor = "rgb(255, 255, 255)";
135
- export const lineLightColor = "rgb(205, 205, 215)";
136
- export const backgroundElevation02LightColor = "rgb(255, 255, 255)";
137
81
  export const lineDay = "rgb(193, 199, 207)";
138
- export const backgroundElevation03LightColor = "rgb(255, 255, 255)";
139
- export const backgroundTertiaryDarkColor = "rgb(44, 44, 46)";
140
- export const backgroundSecondaryDarkColor = "rgb(29, 27, 32)";
141
- export const backgroundAlternativeLightColor = "rgb(241, 242, 248)";
142
- export const primaryDarkColor = "rgb(109, 159, 235)";
143
- export const colorSystemRed = "rgb(209, 67, 91)";
144
- export const backgroundAlternativeDarkColor = "rgb(0, 0, 0)";
145
- export const primaryLightColor = "rgb(0, 98, 227)";
146
- export const backgroundTertiaryLightColor = "rgb(255, 255, 255)";
147
- export const backgroundSecondaryLightColor = "rgb(241, 242, 248)";
82
+ export const lineNight = "rgb(68, 80, 95)";
83
+ export const lineOnDarkDay = "rgba(255, 255, 255, 0.5)";
84
+ export const lineOnDarkNight = "rgb(68, 80, 95)";
85
+ export const scrimDay = "rgba(0, 0, 0, 0.7)";
148
86
  export const scrimNight = "rgba(0, 0, 0, 0.7)";
87
+ export const overlayDay = "rgba(0, 0, 0, 0.2)";
88
+ export const overlayNight = "rgba(255, 255, 255, 0.8)";
149
89
  export const privateInfoBannerDefaultDay = "rgb(239, 243, 248)";
150
90
  export const privateInfoBannerOnContrastDay = "rgb(255, 255, 255)";
151
91
  export const privateInfoBannerSuccessDay = "rgb(12, 131, 138)";
@@ -269,12 +209,72 @@ export const privateSegmentedControlSurfaceContrastDay = "rgba(255, 255, 255, 0.
269
209
  export const privateSegmentedControlSurfaceContrastNight = "rgb(19, 29, 43)";
270
210
  export const privateSegmentedControlSurfaceContrastOnDay = "rgb(2, 77, 175)";
271
211
  export const privateSegmentedControlSurfaceContrastOnNight = "rgb(5, 65, 132)";
212
+ export const colorSkyBlueShade03 = "rgb(2, 18, 44)";
213
+ export const colorPrimaryGradientLight = "rgb(0, 98, 227)";
214
+ export const colorErfoud = "rgb(255, 181, 77)";
215
+ export const colorValensole = "rgb(165, 155, 200)";
216
+ export const colorMonteverde = "rgb(0, 166, 152)";
217
+ export const backgroundElevation03DarkColor = "rgb(58, 58, 60)";
218
+ export const colorSkyGrayTint01 = "rgb(68, 69, 96)";
219
+ export const backgroundElevation02DarkColor = "rgb(44, 44, 46)";
220
+ export const colorSkyGrayTint02 = "rgb(104, 105, 127)";
221
+ export const lineDarkColor = "rgb(72, 72, 74)";
222
+ export const backgroundElevation01DarkColor = "rgb(29, 27, 32)";
223
+ export const colorSagano = "rgb(208, 238, 236)";
224
+ export const colorSkyGrayTint03 = "rgb(143, 144, 160)";
225
+ export const colorSkyGrayTint04 = "rgb(178, 178, 191)";
226
+ export const colorHarbour = "rgb(246, 221, 225)";
227
+ export const colorSkyGrayTint05 = "rgb(205, 205, 215)";
228
+ export const backgroundAlternativeSecondaryDarkColor = "rgb(29, 27, 32)";
229
+ export const colorSkyGrayTint06 = "rgb(221, 221, 229)";
230
+ export const textPrimaryDarkColor = "rgb(255, 255, 255)";
231
+ export const textQuaternaryDarkColor = "rgb(142, 142, 147)";
232
+ export const backgroundLightColor = "rgb(255, 255, 255)";
272
233
  export const colorBlackTint01 = "rgb(29, 27, 32)";
234
+ export const colorSkyGrayTint07 = "rgb(241, 242, 248)";
273
235
  export const colorBlackTint02 = "rgb(44, 44, 46)";
236
+ export const colorAbisko = "rgb(90, 72, 155)";
237
+ export const textQuaternaryLightColor = "rgb(143, 144, 160)";
238
+ export const backgroundDarkColor = "rgb(0, 0, 0)";
274
239
  export const colorBlackTint03 = "rgb(58, 58, 60)";
240
+ export const textPrimaryLightColor = "rgb(17, 18, 54)";
275
241
  export const colorBlackTint04 = "rgb(72, 72, 74)";
242
+ export const backgroundAlternativeSecondaryLightColor = "rgb(255, 255, 255)";
276
243
  export const colorBlackTint05 = "rgb(99, 99, 102)";
277
244
  export const colorBlackTint06 = "rgb(142, 142, 147)";
245
+ export const colorPanjin = "rgb(209, 67, 91)";
246
+ export const colorSystemGreen = "rgb(0, 166, 152)";
247
+ export const colorKolkata = "rgb(255, 148, 0)";
248
+ export const colorGlencoe = "rgb(115, 206, 198)";
249
+ export const backgroundElevation01LightColor = "rgb(255, 255, 255)";
250
+ export const colorTochigi = "rgb(225, 221, 236)";
251
+ export const lineLightColor = "rgb(205, 205, 215)";
252
+ export const backgroundElevation02LightColor = "rgb(255, 255, 255)";
253
+ export const backgroundElevation03LightColor = "rgb(255, 255, 255)";
254
+ export const colorPetra = "rgb(255, 171, 149)";
255
+ export const textTertiaryDarkColor = "rgb(142, 142, 147)";
256
+ export const backgroundTertiaryDarkColor = "rgb(44, 44, 46)";
257
+ export const backgroundSecondaryDarkColor = "rgb(29, 27, 32)";
258
+ export const textSecondaryDarkColor = "rgb(178, 178, 191)";
259
+ export const backgroundAlternativeLightColor = "rgb(241, 242, 248)";
260
+ export const primaryDarkColor = "rgb(109, 159, 235)";
261
+ export const colorBagan = "rgb(255, 235, 208)";
262
+ export const colorHillier = "rgb(225, 139, 150)";
263
+ export const colorSkyBlueTint01 = "rgb(109, 159, 235)";
264
+ export const colorSkyBlueTint02 = "rgb(157, 192, 242)";
265
+ export const colorBunol = "rgb(255, 123, 89)";
266
+ export const colorSkyBlueTint03 = "rgb(205, 223, 248)";
267
+ export const colorSkyGray = "rgb(17, 18, 54)";
268
+ export const colorSystemRed = "rgb(209, 67, 91)";
269
+ export const textSecondaryLightColor = "rgb(104, 105, 127)";
270
+ export const backgroundAlternativeDarkColor = "rgb(0, 0, 0)";
271
+ export const primaryLightColor = "rgb(0, 98, 227)";
272
+ export const backgroundTertiaryLightColor = "rgb(255, 255, 255)";
273
+ export const colorNara = "rgb(255, 231, 224)";
274
+ export const colorSkyBlueShade01 = "rgb(8, 78, 178)";
275
+ export const backgroundSecondaryLightColor = "rgb(241, 242, 248)";
276
+ export const textTertiaryLightColor = "rgb(143, 144, 160)";
277
+ export const colorSkyBlueShade02 = "rgb(4, 39, 89)";
278
278
  export const durationXs = "50ms";
279
279
  export const durationSm = "200ms";
280
280
  export const durationBase = "400ms";
@@ -540,29 +540,46 @@ privateChipOnDarkOnDismissIconDay,
540
540
  privateChipOnDarkOnDismissIconNight,
541
541
  };
542
542
  export const colors = {
543
+ colorWhite,
544
+ colorSkyBlue,
545
+ colorBlack,
543
546
  colorSkyBlueShade03,
544
547
  colorPrimaryGradientLight,
545
548
  colorErfoud,
546
549
  colorValensole,
547
550
  colorMonteverde,
548
551
  colorSkyGrayTint01,
549
- colorBlack,
550
552
  colorSkyGrayTint02,
553
+ lineDarkColor,
551
554
  colorSagano,
552
555
  colorSkyGrayTint03,
553
556
  colorSkyGrayTint04,
554
557
  colorHarbour,
555
558
  colorSkyGrayTint05,
559
+ backgroundAlternativeSecondaryDarkColor,
556
560
  colorSkyGrayTint06,
561
+ backgroundLightColor,
562
+ colorBlackTint01,
557
563
  colorSkyGrayTint07,
564
+ colorBlackTint02,
558
565
  colorAbisko,
559
- colorWhite,
566
+ backgroundDarkColor,
567
+ colorBlackTint03,
568
+ colorBlackTint04,
569
+ backgroundAlternativeSecondaryLightColor,
570
+ colorBlackTint05,
571
+ colorBlackTint06,
560
572
  colorPanjin,
573
+ colorSystemGreen,
561
574
  colorKolkata,
562
575
  colorGlencoe,
563
576
  colorTochigi,
577
+ lineLightColor,
564
578
  colorPetra,
565
- colorSkyBlue,
579
+ backgroundTertiaryDarkColor,
580
+ backgroundSecondaryDarkColor,
581
+ backgroundAlternativeLightColor,
582
+ primaryDarkColor,
566
583
  colorBagan,
567
584
  colorHillier,
568
585
  colorSkyBlueTint01,
@@ -570,31 +587,14 @@ colorSkyBlueTint02,
570
587
  colorBunol,
571
588
  colorSkyBlueTint03,
572
589
  colorSkyGray,
573
- colorNara,
574
- colorSkyBlueShade01,
575
- colorSkyBlueShade02,
576
- lineDarkColor,
577
- backgroundAlternativeSecondaryDarkColor,
578
- backgroundLightColor,
579
- backgroundDarkColor,
580
- backgroundAlternativeSecondaryLightColor,
581
- colorSystemGreen,
582
- lineLightColor,
583
- backgroundTertiaryDarkColor,
584
- backgroundSecondaryDarkColor,
585
- backgroundAlternativeLightColor,
586
- primaryDarkColor,
587
590
  colorSystemRed,
588
591
  backgroundAlternativeDarkColor,
589
592
  primaryLightColor,
590
593
  backgroundTertiaryLightColor,
594
+ colorNara,
595
+ colorSkyBlueShade01,
591
596
  backgroundSecondaryLightColor,
592
- colorBlackTint01,
593
- colorBlackTint02,
594
- colorBlackTint03,
595
- colorBlackTint04,
596
- colorBlackTint05,
597
- colorBlackTint06,
597
+ colorSkyBlueShade02,
598
598
  primaryGradient,
599
599
  };
600
600
  export const coreColors = {
@@ -665,10 +665,10 @@ letterSpacingDisplay,
665
665
  letterSpacingHero,
666
666
  };
667
667
  export const lineColors = {
668
- lineOnDarkNight,
669
- lineOnDarkDay,
670
- lineNight,
671
668
  lineDay,
669
+ lineNight,
670
+ lineOnDarkDay,
671
+ lineOnDarkNight,
672
672
  };
673
673
  export const mapMarkerColors = {
674
674
  privateMapPreviousSelectionDay,
@@ -725,8 +725,8 @@ bannerAlertErrorColor,
725
725
  bannerAlertNeutralColor,
726
726
  };
727
727
  export const overlayColors = {
728
- overlayNight,
729
728
  overlayDay,
729
+ overlayNight,
730
730
  };
731
731
  export const panels = {
732
732
  panelBorderColor,
@@ -812,33 +812,33 @@ textOnLightDay,
812
812
  textLinkNight,
813
813
  textHeroNight,
814
814
  textDisabledNight,
815
- textPrimaryDarkColor,
816
815
  textLinkDay,
817
816
  textHeroDay,
818
- textQuaternaryDarkColor,
819
817
  textPrimaryNight,
820
- textQuaternaryLightColor,
821
818
  textDisabledDay,
822
- textPrimaryLightColor,
823
819
  textPrimaryDay,
824
820
  textErrorNight,
825
821
  textErrorDay,
826
- textTertiaryDarkColor,
827
- textSecondaryDarkColor,
828
822
  textPrimaryInverseNight,
829
823
  textSecondaryNight,
830
824
  textOnDarkNight,
831
- textSecondaryLightColor,
832
825
  textPrimaryInverseDay,
833
826
  textDisabledOnDarkNight,
834
- textTertiaryLightColor,
835
827
  textSecondaryDay,
836
828
  backgroundElevation03DarkColor,
837
829
  backgroundElevation02DarkColor,
838
830
  backgroundElevation01DarkColor,
831
+ textPrimaryDarkColor,
832
+ textQuaternaryDarkColor,
833
+ textQuaternaryLightColor,
834
+ textPrimaryLightColor,
839
835
  backgroundElevation01LightColor,
840
836
  backgroundElevation02LightColor,
841
837
  backgroundElevation03LightColor,
838
+ textTertiaryDarkColor,
839
+ textSecondaryDarkColor,
840
+ textSecondaryLightColor,
841
+ textTertiaryLightColor,
842
842
  fontColorBase,
843
843
  };
844
844
  export const typesettings = {