@skodaflow/web-library 2.1.9 → 3.1.2

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 (32) hide show
  1. package/build/components/accordion/accordion.d.ts +0 -1
  2. package/build/components/button/button.d.ts +7 -2
  3. package/build/components/cardContainer/cardContainer.d.ts +8 -0
  4. package/build/components/cardMenu/styled/popperStyled.d.ts +1 -3
  5. package/build/components/labelFeature/labelFeature.d.ts +3 -2
  6. package/build/components/mobileStepper/index.d.ts +1 -0
  7. package/build/components/mobileStepper/mobileStepper.d.ts +41 -0
  8. package/build/components/modal/modal.d.ts +3 -3
  9. package/build/components/stepper/index.d.ts +1 -0
  10. package/build/components/stepper/stepper.d.ts +42 -0
  11. package/build/components/tab/tab.d.ts +1 -1
  12. package/build/design/skoda/components/theme.button.d.ts +4 -0
  13. package/build/design/skoda/components/theme.mobileStepper.d.ts +2 -0
  14. package/build/design/skoda/components/theme.pagination.d.ts +1 -0
  15. package/build/design/skoda/components/theme.stepper.d.ts +2 -0
  16. package/build/design/skoda/theme.palette-new-ci.d.ts +66 -0
  17. package/build/design/skoda/theme.palette.d.ts +0 -14
  18. package/build/index.d.ts +36 -32
  19. package/build/index.es.js +3 -3
  20. package/build/index.es.js.map +1 -1
  21. package/build/index.js +2 -2
  22. package/build/index.js.map +1 -1
  23. package/build/organisms/maps/hook/useMap.d.ts +1 -1
  24. package/build/organisms/maps/mapComponents/markerComponent.d.ts +2 -0
  25. package/build/organisms/maps/maps.d.ts +2 -0
  26. package/build/organisms/maps/utils/mapConfig.d.ts +10 -6
  27. package/build/organisms/maps/utils/mapIcons.d.ts +7 -7
  28. package/build/organisms/maps/utils/style.d.ts +10 -6
  29. package/build/utils/enum.d.ts +10 -0
  30. package/build/utils/utilities.d.ts +3 -1
  31. package/package.json +22 -22
  32. package/theme/skoda/globals.css +1 -1
package/build/organisms/maps/hook/useMap.d.ts CHANGED
@@ -2,6 +2,6 @@ import { MarkerClusterer } from '@googlemaps/markerclusterer';
2
2
  declare const useMap: () => {
3
3
  onMarkerClick: (markerId: any, registeredMarkers: any) => void;
4
4
  handleClusterRender: (registeredMarkers: any, currentMap: any, setClickedCluster: any) => MarkerClusterer;
5
- handleIconType: (marker: any, isSelected: any) => any;
5
+ handleIconType: (marker: any, isSelected: any, isHover: any) => any;
6
6
  };
7
7
  export default useMap;
package/build/organisms/maps/mapComponents/markerComponent.d.ts CHANGED
@@ -7,6 +7,8 @@ declare const Marker: React.FC<google.maps.MarkerOptions & {
7
7
  isSelected: boolean;
8
8
  resultIcon: any;
9
9
  selectedIcon: any;
10
+ resultIconHover?: any;
11
+ selectedIconHover?: any;
10
12
  infoWindow: any;
11
13
  canOpenInfoWindow?: boolean;
12
14
  infoWindowConfig?: {
package/build/organisms/maps/maps.d.ts CHANGED
@@ -17,7 +17,9 @@ export interface MapsProps {
17
17
  id: number | string;
18
18
  isSelected: boolean;
19
19
  resultIcon?: any;
20
+ resultIconHover?: any;
20
21
  selectedIcon?: any;
22
+ selectedIconHover?: any;
21
23
  infoWindowConfig?: {
22
24
  title?: string;
23
25
  street?: string;
package/build/organisms/maps/utils/mapConfig.d.ts CHANGED
@@ -9,21 +9,25 @@ declare const mapConfig: (options: any) => {
9
9
  styles: ({
10
10
  elementType: string;
11
11
  stylers: {
12
- color: string;
12
+ visibility: string;
13
13
  }[];
14
14
  featureType?: undefined;
15
15
  } | {
16
- elementType: string;
16
+ featureType: string;
17
17
  stylers: {
18
- visibility: string;
18
+ color: string;
19
19
  }[];
20
- featureType?: undefined;
20
+ elementType?: undefined;
21
21
  } | {
22
22
  featureType: string;
23
23
  elementType: string;
24
- stylers: {
24
+ stylers: ({
25
25
  color: string;
26
- }[];
26
+ visibility?: undefined;
27
+ } | {
28
+ visibility: string;
29
+ color?: undefined;
30
+ })[];
27
31
  })[];
28
32
  };
29
33
  export { mapConfig, handleControls };
package/build/organisms/maps/utils/mapIcons.d.ts CHANGED
@@ -1,9 +1,9 @@
1
1
  export declare enum MapIconVariant {
2
- PLUS = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuMTMzIDEzLjIzOEg3Ljg2N1Y3Ljg4M0gxMy4yMjJWNi4xNDlINy44NjdWMC43OTM5OTlINi4xMzNWNi4xNDlIMC43NzhWNy44ODNINi4xMzNWMTMuMjM4WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==",
3
- MINUS = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDE0IDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjc3OCAwLjA2Mzk5OTZWMS45NjhIMTMuMjIyVjAuMDYzOTk5NkgwLjc3OFoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=",
4
- CENTER_LOCATIONS = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDE2QzEzLjMxMzcgMTYgMTYgMTMuMzEzNyAxNiAxMEMxNiA2LjY4NjI5IDEzLjMxMzcgNCAxMCA0QzYuNjg2MjkgNCA0IDYuNjg2MjkgNCAxMEM0IDEzLjMxMzcgNi42ODYyOSAxNiAxMCAxNloiIHN0cm9rZT0iIzE2MTcxOCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiLz4KPHBhdGggZD0iTTE1IDEwTDE5IDEwIiBzdHJva2U9IiMxNjE3MTgiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIi8+CjxwYXRoIGQ9Ik01IDEwSDEiIHN0cm9rZT0iIzE2MTcxOCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiLz4KPHBhdGggZD0iTTEwIDVWMSIgc3Ryb2tlPSIjMTYxNzE4IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIvPgo8cGF0aCBkPSJNMTAgMTVWMTkiIHN0cm9rZT0iIzE2MTcxOCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiLz4KPHBhdGggZD0iTTEwIDEyQzExLjEwNDYgMTIgMTIgMTEuMTA0NiAxMiAxMEMxMiA4Ljg5NTQzIDExLjEwNDYgOCAxMCA4QzguODk1NDMgOCA4IDguODk1NDMgOCAxMEM4IDExLjEwNDYgOC44OTU0MyAxMiAxMCAxMloiIGZpbGw9IiMxNjE3MTgiLz4KPC9zdmc+Cg==",
5
- LIVE_POSITION_OFF = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzAiIGhlaWdodD0iNzAiIHZpZXdCb3g9IjAgMCA3MCA3MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF82MjkyXzI0ODg3KSI+CjxjaXJjbGUgY3g9IjM1IiBjeT0iMzMiIHI9IjEwIiBmaWxsPSIjM0U5OTIyIi8+CjxjaXJjbGUgY3g9IjM1IiBjeT0iMzMiIHI9IjkiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIvPgo8L2c+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2RfNjI5Ml8yNDg4NyIgeD0iMCIgeT0iMCIgd2lkdGg9IjcwIiBoZWlnaHQ9IjcwIiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPgo8ZmVPZmZzZXQgZHk9IjIiLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMTIuNSIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4xNSAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93XzYyOTJfMjQ4ODciLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3dfNjI5Ml8yNDg4NyIgcmVzdWx0PSJzaGFwZSIvPgo8L2ZpbHRlcj4KPC9kZWZzPgo8L3N2Zz4K",
6
- LIVE_POSITION_ON = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBvcGFjaXR5PSIwLjI1IiBjeD0iMjQiIGN5PSIyNCIgcj0iMjQiIGZpbGw9IiMzRTk5MjIiLz4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF82MjkyXzI0ODkyKSI+CjxjaXJjbGUgY3g9IjI0IiBjeT0iMjQiIHI9IjEwIiBmaWxsPSIjM0U5OTIyIi8+CjxjaXJjbGUgY3g9IjI0IiBjeT0iMjQiIHI9IjkiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIvPgo8L2c+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2RfNjI5Ml8yNDg5MiIgeD0iNiIgeT0iNiIgd2lkdGg9IjM2IiBoZWlnaHQ9IjM2IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPgo8ZmVPZmZzZXQvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSI0Ii8+CjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAuMjQzMTM3IDAgMCAwIDAgMC42IDAgMCAwIDAgMC4xMzMzMzMgMCAwIDAgMSAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93XzYyOTJfMjQ4OTIiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3dfNjI5Ml8yNDg5MiIgcmVzdWx0PSJzaGFwZSIvPgo8L2ZpbHRlcj4KPC9kZWZzPgo8L3N2Zz4K",
7
- CLUSTER = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxjaXJjbGUgY3g9IjI0IiBjeT0iMjQiIHI9IjI0IiBmaWxsPSIjM0UzRjQwIi8+Cjwvc3ZnPgo=",
8
- ARROW_DETAIL = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNTU3IDYuMTMyVjcuOUwxMC43NzQgNy45TDYuMjY5IDEyLjM1NEw3LjM1NyAxMy40NDJMMTMuNzgzIDcuMDE2TDcuMzU3IDAuNTlMNi4yNjkgMS42NzhMMTAuNzc0IDYuMTMyTDAuNTU3IDYuMTMyWiIgZmlsbD0iIzE2MTcxOCIvPgo8L3N2Zz4K"
2
+ PLUS = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuMTMzIDEzLjIzOEg3Ljg2N1Y3Ljg4M0gxMy4yMjJWNi4xNDlINy44NjdWMC43OTM5OTlINi4xMzNWNi4xNDlIMC43NzhWNy44ODNINi4xMzNWMTMuMjM4WiIgZmlsbD0iIzE2MTcxOCIvPgo8L3N2Zz4K",
3
+ MINUS = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDE0IDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjc3OCAwLjA2Mzk5OTZWMS45NjhIMTMuMjIyVjAuMDYzOTk5NkgwLjc3OFoiIGZpbGw9IiMxNjE3MTgiLz4KPC9zdmc+Cg==",
4
+ CENTER_LOCATIONS = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTggMTUuMTczQzExLjkyNyAxNS4xNzMgMTUuMTkxIDExLjkyNiAxNS4xOTEgOC4wMTZDMTUuMTkxIDQuMTA2IDExLjkyNyAwLjg1ODk5OSA4IDAuODU4OTk5QzQuMDczIDAuODU4OTk5IDAuODA5IDQuMTA2IDAuODA5IDguMDE2QzAuODA5IDExLjkyNiA0LjA3MyAxNS4xNzMgOCAxNS4xNzNaTTUuNDg0IDcuMjUxSDIuMzczQzIuNzEzIDQuNzM1IDQuNzM2IDIuNzEyIDcuMjM1IDIuMzU1VjUuNUg4Ljc2NVYyLjM1NUMxMS4yNjQgMi43MTIgMTMuMjg3IDQuNzM1IDEzLjYyNyA3LjI1MUgxMC41MTZWOC43ODFIMTMuNjI3QzEzLjI4NyAxMS4yOTcgMTEuMjY0IDEzLjMyIDguNzY1IDEzLjY3N1YxMC41MzJINy4yMzVWMTMuNjc3QzQuNzM2IDEzLjMyIDIuNzEzIDExLjI5NyAyLjM3MyA4Ljc4MUg1LjQ4NFY3LjI1MVoiIGZpbGw9IiMxNjE3MTgiLz4KPC9zdmc+Cg==",
5
+ LIVE_POSITION_OFF = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzAiIGhlaWdodD0iNzAiIHZpZXdCb3g9IjAgMCA3MCA3MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF82MjkyXzI0ODg3KSI+CjxjaXJjbGUgY3g9IjM1IiBjeT0iMzMiIHI9IjEwIiBmaWxsPSIjNDE5NDY4Ii8+CjxjaXJjbGUgY3g9IjM1IiBjeT0iMzMiIHI9IjkiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIvPgo8L2c+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2RfNjI5Ml8yNDg4NyIgeD0iMCIgeT0iMCIgd2lkdGg9IjcwIiBoZWlnaHQ9IjcwIiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPgo8ZmVPZmZzZXQgZHk9IjIiLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMTIuNSIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4xNSAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93XzYyOTJfMjQ4ODciLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3dfNjI5Ml8yNDg4NyIgcmVzdWx0PSJzaGFwZSIvPgo8L2ZpbHRlcj4KPC9kZWZzPgo8L3N2Zz4K",
6
+ LIVE_POSITION_ON = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBvcGFjaXR5PSIwLjI1IiBjeD0iMjQiIGN5PSIyNCIgcj0iMjQiIGZpbGw9IiM0MTk0NjgiLz4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF82MjkyXzI0ODkyKSI+CjxjaXJjbGUgY3g9IjI0IiBjeT0iMjQiIHI9IjEwIiBmaWxsPSIjNDE5NDY4Ii8+CjxjaXJjbGUgY3g9IjI0IiBjeT0iMjQiIHI9IjkiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIvPgo8L2c+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2RfNjI5Ml8yNDg5MiIgeD0iNiIgeT0iNiIgd2lkdGg9IjM2IiBoZWlnaHQ9IjM2IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPgo8ZmVPZmZzZXQvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSI0Ii8+CjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAuMjU0OTAyIDAgMCAwIDAgMC41ODAzOTIgMCAwIDAgMCAwLjQwNzg0MyAwIDAgMCAxIDAiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3dfNjI5Ml8yNDg5MiIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9ImVmZmVjdDFfZHJvcFNoYWRvd182MjkyXzI0ODkyIiByZXN1bHQ9InNoYXBlIi8+CjwvZmlsdGVyPgo8L2RlZnM+Cjwvc3ZnPgo=",
7
+ CLUSTER = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjQ4IiBoZWlnaHQ9IjQ4IiByeD0iMjQiIGZpbGw9IiMzMDMxMzIiLz4KPC9zdmc+Cg==",
8
+ ARROW_DETAIL = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNTU3IDkuMTMyVjEwLjlIMTMuNzc0TDkuMjY5IDE1LjM1NEwxMC4zNTcgMTYuNDQyTDE2Ljc4MyAxMC4wMTZMMTAuMzU3IDMuNTlMOS4yNjkgNC42NzhMMTMuNzc0IDkuMTMySDMuNTU3WiIgZmlsbD0iIzE2MTcxOCIvPgo8L3N2Zz4K"
9
9
  }
package/build/organisms/maps/utils/style.d.ts CHANGED
@@ -1,19 +1,23 @@
1
1
  export declare const styleJSON: ({
2
2
  elementType: string;
3
3
  stylers: {
4
- color: string;
4
+ visibility: string;
5
5
  }[];
6
6
  featureType?: undefined;
7
7
  } | {
8
- elementType: string;
8
+ featureType: string;
9
9
  stylers: {
10
- visibility: string;
10
+ color: string;
11
11
  }[];
12
- featureType?: undefined;
12
+ elementType?: undefined;
13
13
  } | {
14
14
  featureType: string;
15
15
  elementType: string;
16
- stylers: {
16
+ stylers: ({
17
17
  color: string;
18
- }[];
18
+ visibility?: undefined;
19
+ } | {
20
+ visibility: string;
21
+ color?: undefined;
22
+ })[];
19
23
  })[];
package/build/utils/enum.d.ts CHANGED
@@ -23,3 +23,13 @@ export declare enum Placement {
23
23
  TOP_START = "top-start",
24
24
  TOP = "top"
25
25
  }
26
+ export declare enum VariantType {
27
+ PRIMARY = "primary",
28
+ SECONDARY = "secondary",
29
+ TERTIARY = "tertiary",
30
+ NEUTRAL = "neutral"
31
+ }
32
+ export declare enum ColourSheme {
33
+ DARK_MODE = "dark",
34
+ LIGHT_MODE = "white"
35
+ }
package/build/utils/utilities.d.ts CHANGED
@@ -7,5 +7,7 @@
7
7
  */
8
8
  declare function handleMaxCharsInHTML(text: string, maxChar: number): JSX.Element | string;
9
9
  declare function handleMaxChars(text: string, maxChar: number): string;
10
- export { handleMaxChars, handleMaxCharsInHTML };
10
+ declare function opacityLayerSwitchLightStatement(property: any, returnProps: any): string;
11
+ declare function opacityLayerSwitchDarkStatement(property: any, returnProps: any): string;
12
+ export { handleMaxChars, handleMaxCharsInHTML, opacityLayerSwitchLightStatement, opacityLayerSwitchDarkStatement };
11
13
  export declare const ternaryCondition: (props: any, value: any, trueValue: any, falseValue: any) => any;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@skodaflow/web-library",
3
- "version": "2.1.9",
3
+ "version": "3.1.2",
4
4
  "description": "Implementation of Skoda Flow Designe System with Material UI as core library under the hook.",
5
5
  "author": "Skoda Auto",
6
6
  "license": "SEE LICENSE IN eula.txt",
@@ -10,30 +10,30 @@
10
10
  "build",
11
11
  "theme"
12
12
  ],
13
- "scripts": {
14
- "build": "rollup --config build.library.config.js",
15
- "ci-build": "npm run build && npm run build-assets",
16
- "build-assets": "webpack --config build.assets.config.js --mode production --env destination=./build/theme/skoda",
17
- "storybook": "npm run build-assets && npm run run-storybook",
18
- "run-storybook": "start-storybook -p 6006",
19
- "build-storybook": "build-storybook -o ./build_sb",
20
- "lint": "eslint src/**",
21
- "lint-fix": "eslint src/** --fix",
22
- "lint-report-json": "eslint -f json -o eslint/results/LINT-web-library.json src",
23
- "lint-report-junit": "eslint -f @skodaflow/eslint-formatter-junit -o eslint/results/LINT-web-library.xml src",
24
- "lint-report-vs": "eslint -f visualstudio -o eslint/results/LINT-web-library.trx src",
25
- "lint-staged": "lint-staged",
26
- "test-junit-report-merge": "jrm cypress/results/TEST-web-library.junit.xml \"cypress/results/*.junit.xml\"",
27
- "test-sonar-report-merge": "srm cypress/results/TEST-web-library.sonar.xml \"cypress/results/*.sonar.xml\"",
28
- "test": "cypress run-ct",
29
- "test-watch": "cypress open-ct",
30
- "preci-test": "webpack --config cypress/utils/clean/config.js --mode none",
31
- "ci-test": "cypress run-ct --reporter mocha-multi-reporters --reporter-options configFile=cypress-reporters.json"
32
- },
13
+ "scripts": {
14
+ "build": "rollup --config build.library.config.js",
15
+ "ci-build": "npm run build && npm run build-assets",
16
+ "build-assets": "webpack --config build.assets.config.js --mode production --env destination=./build/theme/skoda",
17
+ "storybook": "npm run build-assets && npm run run-storybook",
18
+ "run-storybook": "start-storybook -p 6006",
19
+ "build-storybook": "build-storybook -o ./build_sb",
20
+ "lint": "eslint src/**",
21
+ "lint-fix": "eslint src/** --fix",
22
+ "lint-report-json": "eslint -f json -o eslint/results/LINT-web-library.json src",
23
+ "lint-report-junit": "eslint -f @skodaflow/eslint-formatter-junit -o eslint/results/LINT-web-library.xml src",
24
+ "lint-report-vs": "eslint -f visualstudio -o eslint/results/LINT-web-library.trx src",
25
+ "lint-staged": "lint-staged",
26
+ "test-junit-report-merge": "jrm cypress/results/TEST-web-library.junit.xml \"cypress/results/*.junit.xml\"",
27
+ "test-sonar-report-merge": "srm cypress/results/TEST-web-library.sonar.xml \"cypress/results/*.sonar.xml\"",
28
+ "test": "cypress run-ct",
29
+ "test-watch": "cypress open-ct",
30
+ "preci-test": "webpack --config cypress/utils/clean/config.js --mode none",
31
+ "ci-test": "cypress run-ct --reporter mocha-multi-reporters --reporter-options configFile=cypress-reporters.json"
32
+ },
33
33
  "dependencies": {
34
34
  "@googlemaps/markerclusterer": "^1.0.22",
35
35
  "@googlemaps/react-wrapper": "^1.1.22",
36
- "@skodaflow/web-tokens": "https://registry.npmjs.org/@skodaflow/web-tokens/-/web-tokens-2.2.4.tgz",
36
+ "@skodaflow/web-tokens": "^2.4.0",
37
37
  "country-flag-icons": "^1.4.17",
38
38
  "embla-carousel-auto-height": "^6.2.0",
39
39
  "embla-carousel-autoplay": "^6.2.0",
package/theme/skoda/globals.css CHANGED
@@ -1 +1 @@
1
- :root{--flow-color-primary: #3e9922;--flow-color-background: white;--flow-color-text: #161718;--flow-color-disabled: #c9cfd4;--flow-color-semantic-red-alert: #d22121;--flow-color-semantic-orange-warning: #ec6513;--flow-color-semantic-blue-info: #0b7ac2;--flow-color-semantic-green-positive: #1e8001;--flow-color-onsurface-low-emphasis: rgba(81, 99, 118, 0.0588235294);--flow-color-onsurface-high-emphasis: rgba(81, 99, 118, 0.1215686275);--flow-color-neutrals-chrome900: #161718;--flow-color-neutrals-chrome850: #232425;--flow-color-neutrals-chrome800: #313232;--flow-color-neutrals-chrome750: #3e3f40;--flow-color-neutrals-chrome700: #4b4d4e;--flow-color-neutrals-chrome600: #60666c;--flow-color-neutrals-chrome500: #797f84;--flow-color-neutrals-chrome400: #93989c;--flow-color-neutrals-chrome300: #adb1b4;--flow-color-neutrals-chrome200: #c9cfd4;--flow-color-neutrals-chrome100: #e0e3e6;--flow-color-neutrals-chrome50: #eceef0;--flow-color-neutrals-chrome25: #f6f7f8;--flow-color-neutrals-white: white;--flow-color-primary-shades-green900: #102902;--flow-color-primary-shades-green800: #194204;--flow-color-primary-shades-green700: #225905;--flow-color-primary-shades-green600: #1e8001;--flow-color-primary-shades-green500: #3e9922;--flow-color-primary-shades-green400: #5cae42;--flow-color-primary-shades-green300: #77c360;--flow-color-primary-shades-green200: #9cd68a;--flow-color-primary-shades-green100: #cbebc2;--flow-color-primary-shades-green50: #e5f5e0}:root{--flow-shadow-xs: box-shadow(0, 0, 8, rgba(0, 0, 0, 0.15));--flow-shadow-s: box-shadow(0, 2, 25, rgba(0, 0, 0, 0.15));--flow-shadow-m: box-shadow(0, 5, 25, rgba(0, 0, 0, 0.15));--flow-shadow-l: box-shadow(0, 8, 32, rgba(0, 0, 0, 0.15));--flow-shadow-xl: box-shadow(0, 24, 64, rgba(0, 0, 0, 0.15))}display{letter-spacing:0px;line-height:56px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:56px;text-transform:none;text-decoration:none}.display{letter-spacing:0px;line-height:56px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:56px;text-transform:none;text-decoration:none}h1{letter-spacing:0px;line-height:40px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:33px;text-transform:none;text-decoration:none}.h1{letter-spacing:0px;line-height:40px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:33px;text-transform:none;text-decoration:none}h2{letter-spacing:0px;line-height:36px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:28px;text-transform:none;text-decoration:none}.h2{letter-spacing:0px;line-height:36px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:28px;text-transform:none;text-decoration:none}h3{letter-spacing:0px;line-height:28px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:23px;text-transform:none;text-decoration:none}.h3{letter-spacing:0px;line-height:28px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:23px;text-transform:none;text-decoration:none}h4{letter-spacing:0px;line-height:24px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:20px;text-transform:none;text-decoration:none}.h4{letter-spacing:0px;line-height:24px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:20px;text-transform:none;text-decoration:none}subheadline{letter-spacing:0px;line-height:24px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:16px;text-transform:none;text-decoration:none}.subheadline{letter-spacing:0px;line-height:24px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:16px;text-transform:none;text-decoration:none}body{letter-spacing:0.002em;line-height:24px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:300;font-size:16px;text-transform:none;text-decoration:none}.body{letter-spacing:0.002em;line-height:24px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:300;font-size:16px;text-transform:none;text-decoration:none}disclaimer{letter-spacing:0.002em;line-height:16px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:300;font-size:12px;text-transform:none;text-decoration:none}.disclaimer{letter-spacing:0.002em;line-height:16px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:300;font-size:12px;text-transform:none;text-decoration:none}caption1{letter-spacing:0px;line-height:20px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:14px;text-transform:uppercase;text-decoration:none}.caption1{letter-spacing:0px;line-height:20px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:14px;text-transform:uppercase;text-decoration:none}caption2{letter-spacing:0px;line-height:16px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:12px;text-transform:none;text-decoration:none}.caption2{letter-spacing:0px;line-height:16px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:12px;text-transform:none;text-decoration:none}@media(min-width: 1080px){display{letter-spacing:0px;line-height:72px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:72px;text-transform:none;text-decoration:none}.display{letter-spacing:0px;line-height:72px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:72px;text-transform:none;text-decoration:none}h1{letter-spacing:0px;line-height:52px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:44px;text-transform:none;text-decoration:none}.h1{letter-spacing:0px;line-height:52px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:44px;text-transform:none;text-decoration:none}h2{letter-spacing:0px;line-height:44px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:36px;text-transform:none;text-decoration:none}.h2{letter-spacing:0px;line-height:44px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:36px;text-transform:none;text-decoration:none}h3{letter-spacing:0px;line-height:36px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:30px;text-transform:none;text-decoration:none}.h3{letter-spacing:0px;line-height:36px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:30px;text-transform:none;text-decoration:none}h4{letter-spacing:0px;line-height:28px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:24px;text-transform:none;text-decoration:none}.h4{letter-spacing:0px;line-height:28px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:24px;text-transform:none;text-decoration:none}subheadline{letter-spacing:0px;line-height:28px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:18px;text-transform:none;text-decoration:none}.subheadline{letter-spacing:0px;line-height:28px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:18px;text-transform:none;text-decoration:none}body{letter-spacing:0.002em;line-height:28px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:300;font-size:18px;text-transform:none;text-decoration:none}.body{letter-spacing:0.002em;line-height:28px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:300;font-size:18px;text-transform:none;text-decoration:none}disclaimer{letter-spacing:0.002em;line-height:20px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:300;font-size:14px;text-transform:none;text-decoration:none}.disclaimer{letter-spacing:0.002em;line-height:20px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:300;font-size:14px;text-transform:none;text-decoration:none}caption1{letter-spacing:0px;line-height:24px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:16px;text-transform:uppercase;text-decoration:none}.caption1{letter-spacing:0px;line-height:24px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:16px;text-transform:uppercase;text-decoration:none}caption2{letter-spacing:0px;line-height:20px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:14px;text-transform:none;text-decoration:none}.caption2{letter-spacing:0px;line-height:20px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:14px;text-transform:none;text-decoration:none}}@media(min-width: 720px)and (max-width: calc(1080px - 1px)){display{letter-spacing:0px;line-height:64px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:64px;text-transform:none;text-decoration:none}.display{letter-spacing:0px;line-height:64px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:64px;text-transform:none;text-decoration:none}h1{letter-spacing:0px;line-height:48px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:38px;text-transform:none;text-decoration:none}.h1{letter-spacing:0px;line-height:48px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:38px;text-transform:none;text-decoration:none}h2{letter-spacing:0px;line-height:38px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:32px;text-transform:none;text-decoration:none}.h2{letter-spacing:0px;line-height:38px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:32px;text-transform:none;text-decoration:none}h3{letter-spacing:0px;line-height:32px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:27px;text-transform:none;text-decoration:none}.h3{letter-spacing:0px;line-height:32px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:27px;text-transform:none;text-decoration:none}h4{letter-spacing:0px;line-height:28px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:23px;text-transform:none;text-decoration:none}.h4{letter-spacing:0px;line-height:28px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:23px;text-transform:none;text-decoration:none}subheadline{letter-spacing:0px;line-height:24px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:16px;text-transform:none;text-decoration:none}.subheadline{letter-spacing:0px;line-height:24px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:16px;text-transform:none;text-decoration:none}body{letter-spacing:0.002em;line-height:24px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:300;font-size:16px;text-transform:none;text-decoration:none}.body{letter-spacing:0.002em;line-height:24px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:300;font-size:16px;text-transform:none;text-decoration:none}disclaimer{letter-spacing:0.002em;line-height:16px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:300;font-size:12px;text-transform:none;text-decoration:none}.disclaimer{letter-spacing:0.002em;line-height:16px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:300;font-size:12px;text-transform:none;text-decoration:none}caption1{letter-spacing:0px;line-height:20px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:14px;text-transform:uppercase;text-decoration:none}.caption1{letter-spacing:0px;line-height:20px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:14px;text-transform:uppercase;text-decoration:none}caption2{letter-spacing:0px;line-height:16px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:12px;text-transform:none;text-decoration:none}.caption2{letter-spacing:0px;line-height:16px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:12px;text-transform:none;text-decoration:none}}@media(min-width: 0)and (max-width: calc(720px - 1px)){display{letter-spacing:0px;line-height:56px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:56px;text-transform:none;text-decoration:none}.display{letter-spacing:0px;line-height:56px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:56px;text-transform:none;text-decoration:none}h1{letter-spacing:0px;line-height:40px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:33px;text-transform:none;text-decoration:none}.h1{letter-spacing:0px;line-height:40px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:33px;text-transform:none;text-decoration:none}h2{letter-spacing:0px;line-height:36px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:28px;text-transform:none;text-decoration:none}.h2{letter-spacing:0px;line-height:36px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:28px;text-transform:none;text-decoration:none}h3{letter-spacing:0px;line-height:28px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:23px;text-transform:none;text-decoration:none}.h3{letter-spacing:0px;line-height:28px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:23px;text-transform:none;text-decoration:none}h4{letter-spacing:0px;line-height:24px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:20px;text-transform:none;text-decoration:none}.h4{letter-spacing:0px;line-height:24px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:20px;text-transform:none;text-decoration:none}subheadline{letter-spacing:0px;line-height:24px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:16px;text-transform:none;text-decoration:none}.subheadline{letter-spacing:0px;line-height:24px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:16px;text-transform:none;text-decoration:none}body{letter-spacing:0.002em;line-height:24px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:300;font-size:16px;text-transform:none;text-decoration:none}.body{letter-spacing:0.002em;line-height:24px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:300;font-size:16px;text-transform:none;text-decoration:none}disclaimer{letter-spacing:0.002em;line-height:16px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:300;font-size:12px;text-transform:none;text-decoration:none}.disclaimer{letter-spacing:0.002em;line-height:16px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:300;font-size:12px;text-transform:none;text-decoration:none}caption1{letter-spacing:0px;line-height:20px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:14px;text-transform:uppercase;text-decoration:none}.caption1{letter-spacing:0px;line-height:20px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:14px;text-transform:uppercase;text-decoration:none}caption2{letter-spacing:0px;line-height:16px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:12px;text-transform:none;text-decoration:none}.caption2{letter-spacing:0px;line-height:16px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:12px;text-transform:none;text-decoration:none}}body{color:var(--flow-color-text)}*{scrollbar-width:thin;scrollbar-color:var(--flow-color-neutrals-chrome200) rgba(255,255,255,0)}* ::-webkit-scrollbar{width:20px}* ::-webkit-scrollbar-thumb{border-radius:100px;background:var(--flow-color-neutrals-chrome200);background-clip:padding-box;width:4px;height:50px;border:solid 8px rgba(255,255,255,0)}a,button{text-decoration:none}a:hover,button:hover{text-decoration:none}
1
+ :root{--flow-color-brand-primary: #419468;--flow-color-brand-secondary: #78faae;--flow-color-brand-tertiary: #0e3a2f;--flow-color-brand-quarternary: #e8fff1;--flow-color-brand-hover-primary: #59bc87;--flow-color-brand-hover-secondary: #a8ffcc;--flow-color-background-primary: white;--flow-color-surface-primary: #f1f1f1;--flow-color-surface-secondary: #e4e4e4;--flow-color-surface-tertiary: white;--flow-color-surface-quarternary: #303132;--flow-color-transparent-primary: rgba(22, 23, 24, 0.0588235294);--flow-color-transparent-secondary: rgba(26, 27, 28, 0.1215686275);--flow-color-transparent-backdrop: rgba(228, 228, 228, 0.8);--flow-color-on-surface900: #161718;--flow-color-on-surface800: #303132;--flow-color-on-surface700: #464748;--flow-color-on-surface600: #5a5b5c;--flow-color-on-surface500: #7c7d7e;--flow-color-on-surface300: #9e9fa0;--flow-color-on-surface200: #c4c6c7;--flow-color-on-surface100: #d8d8d8;--flow-color-on-surface0: white;--flow-color-text-primary: #161718;--flow-color-disabled-primary: #c4c6c7;--flow-color-disabled-secondary: #d8d8d8;--flow-color-disabled-tertiary: #9e9fa0;--flow-color-semantic-alert: #e82b37;--flow-color-semantic-warning: #ec6513;--flow-color-semantic-positive: #37d002;--flow-color-semantic-info: #2d71d7}:root{--flow-shadow-xs: box-shadow(0, 0, 8, rgba(0, 0, 0, 0.15));--flow-shadow-s: box-shadow(0, 2, 25, rgba(0, 0, 0, 0.15));--flow-shadow-m: box-shadow(0, 5, 25, rgba(0, 0, 0, 0.15));--flow-shadow-l: box-shadow(0, 8, 32, rgba(0, 0, 0, 0.15));--flow-shadow-xl: box-shadow(0, 24, 64, rgba(0, 0, 0, 0.15))}display{letter-spacing:0px;line-height:56px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:56px;text-transform:none;text-decoration:none}.display{letter-spacing:0px;line-height:56px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:56px;text-transform:none;text-decoration:none}h1{letter-spacing:0px;line-height:40px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:33px;text-transform:none;text-decoration:none}.h1{letter-spacing:0px;line-height:40px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:33px;text-transform:none;text-decoration:none}h2{letter-spacing:0px;line-height:36px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:28px;text-transform:none;text-decoration:none}.h2{letter-spacing:0px;line-height:36px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:28px;text-transform:none;text-decoration:none}h3{letter-spacing:0px;line-height:28px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:23px;text-transform:none;text-decoration:none}.h3{letter-spacing:0px;line-height:28px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:23px;text-transform:none;text-decoration:none}h4{letter-spacing:0px;line-height:24px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:20px;text-transform:none;text-decoration:none}.h4{letter-spacing:0px;line-height:24px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:20px;text-transform:none;text-decoration:none}subheadline{letter-spacing:0px;line-height:24px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:16px;text-transform:none;text-decoration:none}.subheadline{letter-spacing:0px;line-height:24px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:16px;text-transform:none;text-decoration:none}body{letter-spacing:0.002em;line-height:24px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:300;font-size:16px;text-transform:none;text-decoration:none}.body{letter-spacing:0.002em;line-height:24px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:300;font-size:16px;text-transform:none;text-decoration:none}disclaimer{letter-spacing:0.002em;line-height:16px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:300;font-size:12px;text-transform:none;text-decoration:none}.disclaimer{letter-spacing:0.002em;line-height:16px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:300;font-size:12px;text-transform:none;text-decoration:none}caption1{letter-spacing:0px;line-height:20px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:14px;text-transform:uppercase;text-decoration:none}.caption1{letter-spacing:0px;line-height:20px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:14px;text-transform:uppercase;text-decoration:none}caption2{letter-spacing:0px;line-height:16px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:12px;text-transform:none;text-decoration:none}.caption2{letter-spacing:0px;line-height:16px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:12px;text-transform:none;text-decoration:none}@media(min-width: 1080px){display{letter-spacing:0px;line-height:72px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:72px;text-transform:none;text-decoration:none}.display{letter-spacing:0px;line-height:72px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:72px;text-transform:none;text-decoration:none}h1{letter-spacing:0px;line-height:52px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:44px;text-transform:none;text-decoration:none}.h1{letter-spacing:0px;line-height:52px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:44px;text-transform:none;text-decoration:none}h2{letter-spacing:0px;line-height:44px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:36px;text-transform:none;text-decoration:none}.h2{letter-spacing:0px;line-height:44px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:36px;text-transform:none;text-decoration:none}h3{letter-spacing:0px;line-height:36px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:30px;text-transform:none;text-decoration:none}.h3{letter-spacing:0px;line-height:36px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:30px;text-transform:none;text-decoration:none}h4{letter-spacing:0px;line-height:28px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:24px;text-transform:none;text-decoration:none}.h4{letter-spacing:0px;line-height:28px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:24px;text-transform:none;text-decoration:none}subheadline{letter-spacing:0px;line-height:28px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:18px;text-transform:none;text-decoration:none}.subheadline{letter-spacing:0px;line-height:28px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:18px;text-transform:none;text-decoration:none}body{letter-spacing:0.002em;line-height:28px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:300;font-size:18px;text-transform:none;text-decoration:none}.body{letter-spacing:0.002em;line-height:28px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:300;font-size:18px;text-transform:none;text-decoration:none}disclaimer{letter-spacing:0.002em;line-height:20px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:300;font-size:14px;text-transform:none;text-decoration:none}.disclaimer{letter-spacing:0.002em;line-height:20px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:300;font-size:14px;text-transform:none;text-decoration:none}caption1{letter-spacing:0px;line-height:24px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:16px;text-transform:uppercase;text-decoration:none}.caption1{letter-spacing:0px;line-height:24px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:16px;text-transform:uppercase;text-decoration:none}caption2{letter-spacing:0px;line-height:20px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:14px;text-transform:none;text-decoration:none}.caption2{letter-spacing:0px;line-height:20px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:14px;text-transform:none;text-decoration:none}}@media(min-width: 720px)and (max-width: calc(1080px - 1px)){display{letter-spacing:0px;line-height:64px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:64px;text-transform:none;text-decoration:none}.display{letter-spacing:0px;line-height:64px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:64px;text-transform:none;text-decoration:none}h1{letter-spacing:0px;line-height:48px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:38px;text-transform:none;text-decoration:none}.h1{letter-spacing:0px;line-height:48px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:38px;text-transform:none;text-decoration:none}h2{letter-spacing:0px;line-height:38px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:32px;text-transform:none;text-decoration:none}.h2{letter-spacing:0px;line-height:38px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:32px;text-transform:none;text-decoration:none}h3{letter-spacing:0px;line-height:32px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:27px;text-transform:none;text-decoration:none}.h3{letter-spacing:0px;line-height:32px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:27px;text-transform:none;text-decoration:none}h4{letter-spacing:0px;line-height:28px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:23px;text-transform:none;text-decoration:none}.h4{letter-spacing:0px;line-height:28px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:23px;text-transform:none;text-decoration:none}subheadline{letter-spacing:0px;line-height:24px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:16px;text-transform:none;text-decoration:none}.subheadline{letter-spacing:0px;line-height:24px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:16px;text-transform:none;text-decoration:none}body{letter-spacing:0.002em;line-height:24px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:300;font-size:16px;text-transform:none;text-decoration:none}.body{letter-spacing:0.002em;line-height:24px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:300;font-size:16px;text-transform:none;text-decoration:none}disclaimer{letter-spacing:0.002em;line-height:16px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:300;font-size:12px;text-transform:none;text-decoration:none}.disclaimer{letter-spacing:0.002em;line-height:16px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:300;font-size:12px;text-transform:none;text-decoration:none}caption1{letter-spacing:0px;line-height:20px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:14px;text-transform:uppercase;text-decoration:none}.caption1{letter-spacing:0px;line-height:20px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:14px;text-transform:uppercase;text-decoration:none}caption2{letter-spacing:0px;line-height:16px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:12px;text-transform:none;text-decoration:none}.caption2{letter-spacing:0px;line-height:16px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:12px;text-transform:none;text-decoration:none}}@media(min-width: 0)and (max-width: calc(720px - 1px)){display{letter-spacing:0px;line-height:56px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:56px;text-transform:none;text-decoration:none}.display{letter-spacing:0px;line-height:56px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:56px;text-transform:none;text-decoration:none}h1{letter-spacing:0px;line-height:40px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:33px;text-transform:none;text-decoration:none}.h1{letter-spacing:0px;line-height:40px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:33px;text-transform:none;text-decoration:none}h2{letter-spacing:0px;line-height:36px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:28px;text-transform:none;text-decoration:none}.h2{letter-spacing:0px;line-height:36px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:28px;text-transform:none;text-decoration:none}h3{letter-spacing:0px;line-height:28px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:23px;text-transform:none;text-decoration:none}.h3{letter-spacing:0px;line-height:28px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:23px;text-transform:none;text-decoration:none}h4{letter-spacing:0px;line-height:24px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:20px;text-transform:none;text-decoration:none}.h4{letter-spacing:0px;line-height:24px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:20px;text-transform:none;text-decoration:none}subheadline{letter-spacing:0px;line-height:24px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:16px;text-transform:none;text-decoration:none}.subheadline{letter-spacing:0px;line-height:24px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:16px;text-transform:none;text-decoration:none}body{letter-spacing:0.002em;line-height:24px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:300;font-size:16px;text-transform:none;text-decoration:none}.body{letter-spacing:0.002em;line-height:24px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:300;font-size:16px;text-transform:none;text-decoration:none}disclaimer{letter-spacing:0.002em;line-height:16px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:300;font-size:12px;text-transform:none;text-decoration:none}.disclaimer{letter-spacing:0.002em;line-height:16px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:300;font-size:12px;text-transform:none;text-decoration:none}caption1{letter-spacing:0px;line-height:20px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:14px;text-transform:uppercase;text-decoration:none}.caption1{letter-spacing:0px;line-height:20px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:14px;text-transform:uppercase;text-decoration:none}caption2{letter-spacing:0px;line-height:16px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:12px;text-transform:none;text-decoration:none}.caption2{letter-spacing:0px;line-height:16px;font-family:SKODA Next, sans-serif;font-style:normal;font-weight:700;font-size:12px;text-transform:none;text-decoration:none}}body{color:var(--flow-color-text-primary)}*{scrollbar-width:thin;scrollbar-color:var(--flow-color-on-surface200) rgba(255,255,255,0)}* ::-webkit-scrollbar{width:20px}* ::-webkit-scrollbar-thumb{border-radius:100px;background:var(--flow-color-on-surface200);background-clip:padding-box;width:4px;height:50px;border:solid 8px rgba(255,255,255,0)}a,button{text-decoration:none}a:hover,button:hover{text-decoration:none}