@skodaflow/web-library 2.1.0

package/build/organisms/maps/utils/style.d.ts

@@ -0,0 +1,19 @@
+export declare const styleJSON: ({
+    elementType: string;
+    stylers: {
+        color: string;
+    }[];
+    featureType?: undefined;
+} | {
+    elementType: string;
+    stylers: {
+        visibility: string;
+    }[];
+    featureType?: undefined;
+} | {
+    featureType: string;
+    elementType: string;
+    stylers: {
+        color: string;
+    }[];
+})[];

package/build/organisms/shortcutLink/index.d.ts

@@ -0,0 +1 @@
+export * from './shortcutLink';

package/build/organisms/shortcutLink/shortcutLink.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export interface ShortcutLinkProps {
+    iconName: string;
+    title: string;
+    subTitle: string;
+    linkLabel: string;
+    linkURL: string;
+    isExternalLink?: boolean;
+    analyticsCallback?: (payload?: any) => void;
+}
+export declare const ShortcutLink: ({ iconName, title, subTitle, linkLabel, linkURL, isExternalLink, analyticsCallback }: ShortcutLinkProps) => JSX.Element;

package/build/organisms/textCta/index.d.ts

@@ -0,0 +1 @@
+export * from './textCta';

package/build/organisms/textCta/textCta.d.ts

@@ -0,0 +1,82 @@
+import React from 'react';
+import { ButtonProps } from '../../components/button';
+export declare type variants = 'subHeadline' | 'h1' | 'h2' | 'h3' | 'h4';
+export interface TextCtaProps {
+    /**
+     * label to be shown on the top of component
+     */
+    label?: string;
+    /**
+     * headline to be shown on the top of component
+     */
+    headlineTitle?: string;
+    /**
+     * headline type variant
+     */
+    headlineVariant?: variants;
+    /**
+     * text to be shown under headline/subheadline
+     */
+    text?: string;
+    /**
+     * Show the primary button if true. Must fill the firstButtonProps
+     */
+    showFirstButton?: boolean;
+    /**
+     * Show the secondary button if true. Must fill the secondButtonProps
+     */
+    showSecondButton?: boolean;
+    /**
+     * props primary button. Same of skoda button component
+     */
+    firstButtonProps?: ButtonProps & {
+        url?: string;
+    };
+    /**
+     * props secondary button. Same of skoda button component
+     */
+    secondButtonProps?: ButtonProps & {
+        url?: string;
+    };
+    /**
+     * callback on click primary button
+     */
+    onClickFirstBtn?: (e: any) => void;
+    /**
+     * callback on click secondary button
+     */
+    onClickSecondBtn?: (e: any) => void;
+    /**
+     * If true, shows the AppStore badge
+     */
+    showAppStore?: boolean;
+    /**
+     * If true, shows the PlayStore badge
+     */
+    showPlayStore?: boolean;
+    /**
+     * List items show icon and text
+     * default icon for list is the check,it's possible to configure using the icon name provide in the Icon component
+     */
+    listItems?: {
+        text?: string;
+        icon?: string;
+    }[];
+    /**
+     *object appStore Badge:
+     * {url: "url",	alt: ' alt description image', img: 'image badges'}
+     */
+    appStoreProps?: any;
+    /**
+     * object playStore Badge
+     * {url: "url",	alt: ' alt description image', img: 'image badges'}
+     */
+    playStoreProps?: any;
+}
+/**
+ * @description SkodaFlow Button component.
+ * Properties are inherited from HTML Button element.
+ * @param props ButtonProps
+ * @returns React Functional Component
+ */
+export declare const TextCta: React.ForwardRefExoticComponent<TextCtaProps & React.RefAttributes<HTMLDivElement>>;

package/build/organisms/tile/index.d.ts

@@ -0,0 +1 @@
+export * from './tile';

package/build/organisms/tile/tile.d.ts

@@ -0,0 +1,85 @@
+import React from 'react';
+import { MenuCardComponentProps } from '../common/menuCardComponent/menuCardComponent';
+/**
+ * @interface TileStylingProps
+ * @description The props of the tile component that are additionally used for styling.
+ */
+export interface TileStylingProps {
+    /**
+     * Style with or without the border radius
+     */
+    isBorderRadius?: boolean;
+    /**
+     * tile Text pinned position
+     */
+    tileContentPinned?: 'top' | 'bottom';
+    /**
+     * Promotional Label text
+     */
+    promotionalLabel?: string;
+    /**
+     * Promotional Label text
+     */
+    promotionalVariant?: 'large' | 'small';
+}
+/**
+ * @interface TileProps
+ * @description  Properties are inherited from HTML div element and TileStylingProps interface.
+ */
+export interface TileProps extends TileStylingProps, React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * If true the menu dropdown is showing
+     */
+    isMenuDropdown?: boolean;
+    /**
+     * General Label
+     */
+    generalLabel?: string;
+    /**
+     * Title name text
+     */
+    title?: string;
+    /**
+     * Feature Label
+     */
+    featureLabel?: string;
+    /**
+     * Feature Label Variant
+     */
+    featureLabelVariant?: 'primary' | 'neutral' | 'secondary';
+    /**
+     * URL image
+     */
+    tileImageURL: string;
+    /**
+     *  The source of the onError image.
+     */
+    tileImageURLFallback?: string;
+    /**
+     * URL image
+     */
+    tileAltImage?: string;
+    /**
+     * URL image which apply on hover if is changeImageOnHover is true
+     */
+    tileImageURLOnHover?: string;
+    /**
+     * tile feature info total price
+     */
+    tilePriceTotal?: string;
+    /**
+     * tile feature info monthly price
+     */
+    tilePriceMonth?: string;
+    /**
+     * MenuCardComponent props.
+     */
+    menuCardComponentProps?: MenuCardComponentProps;
+}
+/**
+ * @description SkodaFlow CardPhotoFixed component.
+ * Properties are inherited from HTML Div element.
+ * @param props CardPhotoFixedProps
+ * @returns React Functional Component
+ */
+export declare const Tile: React.ForwardRefExoticComponent<TileProps & React.RefAttributes<HTMLDivElement>>;

package/build/utils/enum.d.ts

@@ -0,0 +1,25 @@
+export declare enum NumberingColors {
+    LIGHT = "light",
+    DARK = "dark"
+}
+export declare enum NumberingSizes {
+    SMALL = "small",
+    LARGE = "large"
+}
+export declare enum Placement {
+    AUTO_END = "auto-end",
+    AUTO_START = "auto-start",
+    AUTO = "auto",
+    BOTTOM_END = "bottom-end",
+    BOTTOM_START = "bottom-start",
+    BOTTOM = "bottom",
+    LEFT_END = "left-end",
+    LEFT_START = "left-start",
+    LEFT = "left",
+    RIGHT_END = "right-end",
+    RIGHT_START = "right-start",
+    RIGHT = "right",
+    TOP_END = "top-end",
+    TOP_START = "top-start",
+    TOP = "top"
+}

package/build/utils/icons.d.ts

@@ -0,0 +1 @@
+export declare const getIconName: (icon: string) => string;

package/build/utils/types.d.ts

@@ -0,0 +1,5 @@
+export declare type DarkLightOptions = 'dark' | 'light';
+export declare type ControlVariant = 'standard' | 'outline';
+export declare type ControlsType = 'arrow-right' | 'arrow-left' | 'play-right' | 'pause';
+export declare type ControllerSize = 'small' | 'medium';
+export declare type IconsStyle = 'regular' | 'filled';

package/build/utils/utilities.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+/**
+ * This method is needed if we need to trunc text inside an HTML element.
+ * We get all the nodes inside of it and trunc its content accordingly.
+ * @param text
+ * @param maxChar
+ */
+declare function handleMaxCharsInHTML(text: string, maxChar: number): JSX.Element | string;
+declare function handleMaxChars(text: string, maxChar: number): string;
+export { handleMaxChars, handleMaxCharsInHTML };
+export declare const ternaryCondition: (props: any, value: any, trueValue: any, falseValue: any) => any;

package/package.json

@@ -0,0 +1,114 @@
+{
+	"name": "@skodaflow/web-library",
+	"version": "2.1.0",
+	"description": "Implementation of Skoda Flow Designe System with Material UI as core library under the hook.",
+	"author": "Skoda Auto",
+	"license": "ISC",
+	"main": "./build/index.js",
+	"module": "./build/index.es.js",
+	"files": [
+		"build",
+		"theme"
+	],
+	"scripts": {
+		"build": "rollup --config build.library.config.js",
+		"ci-build": "npm run build && npm run build-assets",
+		"build-assets": "webpack --config build.assets.config.js --mode production --env destination=./build/theme/skoda",
+		"storybook": "npm run build-assets && npm run run-storybook",
+		"run-storybook": "start-storybook -p 6006",
+		"build-storybook": "build-storybook -o ./build_sb",
+		"lint": "eslint src/**",
+		"lint-fix": "eslint src/** --fix",
+		"lint-report-json": "eslint -f json -o eslint/results/LINT-web-library.json src",
+		"lint-report-junit": "eslint -f @skodaflow/eslint-formatter-junit -o eslint/results/LINT-web-library.xml src",
+		"lint-report-vs": "eslint -f visualstudio -o eslint/results/LINT-web-library.trx src",
+		"lint-staged": "lint-staged",
+		"test-junit-report-merge": "jrm cypress/results/TEST-web-library.junit.xml \"cypress/results/*.junit.xml\"",
+		"test-sonar-report-merge": "srm cypress/results/TEST-web-library.sonar.xml \"cypress/results/*.sonar.xml\"",
+		"test": "cypress run-ct",
+		"test-watch": "cypress open-ct",
+		"preci-test": "webpack --config cypress/utils/clean/config.js --mode none",
+		"ci-test": "cypress run-ct --reporter mocha-multi-reporters --reporter-options configFile=cypress-reporters.json"
+	},
+	"dependencies": {
+		"@googlemaps/markerclusterer": "^1.0.22",
+		"@googlemaps/react-wrapper": "^1.1.22",
+		"@skodaflow/web-tokens": "https://registry.npmjs.org/@skodaflow/web-tokens/-/web-tokens-2.2.4.tgz",
+		"country-flag-icons": "^1.4.17",
+		"embla-carousel-auto-height": "^6.2.0",
+		"embla-carousel-autoplay": "^6.2.0",
+		"embla-carousel-class-names": "^6.2.0",
+		"embla-carousel-react": "^6.2.0",
+		"embla-carousel-wheel-gestures": "^2.1.0"
+	},
+	"peerDependencies": {
+		"@emotion/react": "^11.4.1",
+		"@emotion/styled": "^11.3.0",
+		"@mui/material": "^5.0.1",
+		"react": ">=17.0.2"
+	},
+	"devDependencies": {
+		"@cypress/react": "^5.10.1",
+		"@cypress/webpack-dev-server": "^1.6.0",
+		"@emotion/react": "^11.4.1",
+		"@emotion/styled": "^11.3.0",
+		"@etchteam/storybook-addon-status": "^4.0.0",
+		"@mui/material": "^5.0.1",
+		"@rollup/plugin-json": "^4.1.0",
+		"@skodaflow/cypress-execution-sonar-reporter": "^1.0.1",
+		"@skodaflow/eslint-config-react": "^1.0.3",
+		"@skodaflow/eslint-formatter-junit": "^1.0.0",
+		"@skodaflow/sonar-report-merger": "^1.0.1",
+		"@storybook/addon-actions": "6.4.0-alpha.1",
+		"@storybook/addon-docs": "6.4.0-alpha.1",
+		"@storybook/addon-essentials": "6.4.0-alpha.1",
+		"@storybook/addon-links": "6.4.0-alpha.1",
+		"@storybook/addon-storysource": "6.4.0-alpha.1",
+		"@storybook/node-logger": "6.4.0-alpha.1",
+		"@storybook/preset-create-react-app": "3.1.7",
+		"@storybook/preset-scss": "^1.0.3",
+		"@storybook/react": "6.4.0-alpha.1",
+		"@types/cypress-image-snapshot": "^3.1.6",
+		"@types/google.maps": "^3.47.4",
+		"@types/react": "^17.0.15",
+		"css-loader": "5.2.7",
+		"cypress": "^8.6.0",
+		"cypress-image-snapshot": "^4.0.1",
+		"eslint": "^7.32.0",
+		"extract-loader": "5.1.0",
+		"file-loader": "6.2.0",
+		"jest": "^27.0.6",
+		"junit-report-merger": "^3.0.2",
+		"lint-staged": "^11.1.2",
+		"mocha": "^9.1.3",
+		"mocha-junit-reporter": "^2.0.2",
+		"mocha-multi-reporters": "^1.5.1",
+		"postcss-loader": "4.3.0",
+		"prettier": "^2.3.2",
+		"react": "^17.0.2",
+		"react-dom": "^17.0.2",
+		"react-scripts": "^4.0.3",
+		"remove-files-webpack-plugin": "1.4.5",
+		"resolve-url-loader": "4.0.0",
+		"rollup": "^2.55.0",
+		"rollup-plugin-commonjs": "^10.1.0",
+		"rollup-plugin-copy": "^3.4.0",
+		"rollup-plugin-node-resolve": "^5.2.0",
+		"rollup-plugin-peer-deps-external": "^2.2.4",
+		"rollup-plugin-postcss": "3.1.8",
+		"rollup-plugin-svg": "^2.0.0",
+		"rollup-plugin-terser": "^7.0.2",
+		"rollup-plugin-typescript2": "^0.30.0",
+		"sass": "^1.43.5",
+		"sass-loader": "10.1.1",
+		"style-loader": "2.0.0",
+		"ts-jest": "^27.0.4",
+		"typescript": "4.1.6",
+		"webpack-cli": "4.7.2",
+		"webpack-dev-server": "^4.3.1"
+	},
+	"lint-staged": {
+		"*.+(js|jsx|ts|tsx)": "eslint --fix",
+		"*.+(json|css|md|scss|sass)": "prettier --write"
+	}
+}

package/theme/skoda/fonts.css

@@ -0,0 +1 @@
+@font-face{font-family:"SKODA Next";src:url(./assets/@skodaflow/web-tokens/src/fonts/SKODANext-Light.woff2) format("woff2");src:url(./assets/@skodaflow/web-tokens/src/fonts/SKODANext-Light.woff2) format("woff2"),url(./assets/@skodaflow/web-tokens/src/fonts/SKODANext-Light.woff) format("woff"),url(./assets/@skodaflow/web-tokens/src/fonts/SKODANext-Light.ttf) format("truetype");font-style:normal;font-weight:300}@font-face{font-family:"SKODA Next";src:url(./assets/@skodaflow/web-tokens/src/fonts/SKODANext-Regular.woff2) format("woff2");src:url(./assets/@skodaflow/web-tokens/src/fonts/SKODANext-Regular.woff2) format("woff2"),url(./assets/@skodaflow/web-tokens/src/fonts/SKODANext-Regular.woff) format("woff"),url(./assets/@skodaflow/web-tokens/src/fonts/SKODANext-Regular.ttf) format("truetype");font-style:normal;font-weight:400}@font-face{font-family:"SKODA Next";src:url(./assets/@skodaflow/web-tokens/src/fonts/SKODANext-Bold.woff2) format("woff2");src:url(./assets/@skodaflow/web-tokens/src/fonts/SKODANext-Bold.woff2) format("woff2"),url(./assets/@skodaflow/web-tokens/src/fonts/SKODANext-Bold.woff) format("woff"),url(./assets/@skodaflow/web-tokens/src/fonts/SKODANext-Bold.ttf) format("truetype");font-style:normal;font-weight:700}@font-face{font-family:"SKODA Next";src:url(./assets/@skodaflow/web-tokens/src/fonts/SKODANext-Black.woff2) format("woff2");src:url(./assets/@skodaflow/web-tokens/src/fonts/SKODANext-Black.woff2) format("woff2"),url(./assets/@skodaflow/web-tokens/src/fonts/SKODANext-Black.woff) format("woff"),url(./assets/@skodaflow/web-tokens/src/fonts/SKODANext-Black.ttf) format("truetype");font-style:normal;font-weight:900}

package/theme/skoda/globals.css

@@ -0,0 +1 @@
+:root{--flow-color-primary: #3e9922FF;--flow-color-background: #ffffffFF;--flow-color-text: #161718FF;--flow-color-disabled: #c9cfd4FF;--flow-color-semantic-red-alert: #d22121FF;--flow-color-semantic-orange-warning: #ec6513FF;--flow-color-semantic-blue-info: #0b7ac2FF;--flow-color-semantic-green-positive: #1e8001FF;--flow-color-onsurface-low-emphasis: #5163760F;--flow-color-onsurface-high-emphasis: #5163761F;--flow-color-neutrals-chrome900: #161718FF;--flow-color-neutrals-chrome850: #232425FF;--flow-color-neutrals-chrome800: #313232FF;--flow-color-neutrals-chrome750: #3e3f40FF;--flow-color-neutrals-chrome700: #4b4d4eFF;--flow-color-neutrals-chrome600: #60666cFF;--flow-color-neutrals-chrome500: #797f84FF;--flow-color-neutrals-chrome400: #93989cFF;--flow-color-neutrals-chrome300: #adb1b4FF;--flow-color-neutrals-chrome200: #c9cfd4FF;--flow-color-neutrals-chrome100: #e0e3e6FF;--flow-color-neutrals-chrome50: #eceef0FF;--flow-color-neutrals-chrome25: #f6f7f8FF;--flow-color-neutrals-white: #ffffffFF;--flow-color-primary-shades-green900: #102902FF;--flow-color-primary-shades-green800: #194204FF;--flow-color-primary-shades-green700: #225905FF;--flow-color-primary-shades-green600: #1e8001FF;--flow-color-primary-shades-green500: #3e9922FF;--flow-color-primary-shades-green400: #5cae42FF;--flow-color-primary-shades-green300: #77c360FF;--flow-color-primary-shades-green200: #9cd68aFF;--flow-color-primary-shades-green100: #cbebc2FF;--flow-color-primary-shades-green50: #e5f5e0FF}: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}

package/theme/skoda/icons.css

@@ -0,0 +1 @@
+@font-face{font-family:"SKODA Next Icons Filled";src:url(./fonts/SKODANextIcons-Filled.woff) format("woff");src:url(./fonts/SKODANextIcons-Filled.woff) format("woff"),url(./fonts/SKODANextIcons-Filled.eot) format("eot");font-style:normal}@font-face{font-family:"SKODA Next Icons Regular";src:url(./fonts/SKODANextIcons-Regular.woff) format("woff");src:url(./fonts/SKODANextIcons-Regular.woff) format("woff"),url(./fonts/SKODANextIcons-Regular.eot) format("eot");font-style:normal}.sa-i{font-family:"SKODA Next Icons Regular",sans-serif}.sa-i.filled{font-family:"SKODA Next Icons Filled",sans-serif}.sa-i.space::before{content:" "}.sa-i.minus::before{content:"-"}.sa-i.plus::before{content:"+"}.sa-i.ballotx::before{content:"✗"}.sa-i.check::before{content:"✓"}.sa-i.arrow-up::before{content:"↑"}.sa-i.arrow-ne::before{content:"↗"}.sa-i.arrow-right::before{content:"→"}.sa-i.arrow-se::before{content:"↘"}.sa-i.arrow-down::before{content:"↓"}.sa-i.arrow-sw::before{content:"↙"}.sa-i.arrow-left::before{content:"←"}.sa-i.arrow-nw::before{content:"↖"}.sa-i.shuffle::before{content:"󿿾"}.sa-i.arrow-download::before{content:"󿿽"}.sa-i.arrow-upload::before{content:"󿿼"}.sa-i.arrow-import::before{content:"󿿻"}.sa-i.arrow-export::before{content:"󿿺"}.sa-i.arrow-hook-left::before{content:"↩"}.sa-i.arrow-repeat::before{content:"󿿹"}.sa-i.arrow-exchange::before{content:"󿿸"}.sa-i.arrow-sort-down::before{content:"󿿷"}.sa-i.arrow-sort-up::before{content:"󿿶"}.sa-i.arrow-right-up::before{content:"⤴"}.sa-i.arrow-left-up::before{content:"󿿴"}.sa-i.arrow-up-left::before{content:"󿿳"}.sa-i.arrow-up-right::before{content:"󿿲"}.sa-i.arrow-right-down::before{content:"⤵"}.sa-i.arrow-left-down::before{content:"󿿰"}.sa-i.arrow-down-left::before{content:"⤶"}.sa-i.arrow-down-right::before{content:"⤷"}.sa-i.chevron-up::before{content:"󿿭"}.sa-i.chevron-right::before{content:"󿿬"}.sa-i.chevron-down::before{content:"󿿫"}.sa-i.cehvron-left::before{content:"󿿪"}.sa-i.double-chevron-up::before{content:"󿿩"}.sa-i.double-chevron-right::before{content:"󿿨"}.sa-i.double-chevron-down::before{content:"󿿧"}.sa-i.double-chevron-left::before{content:"󿿦"}.sa-i.chevron-previous::before{content:"󿿥"}.sa-i.chevron-next::before{content:"󿿤"}.sa-i.refresh-anticlockwise::before{content:"⟲"}.sa-i.refresh-clockwise::before{content:"⟳"}.sa-i.history::before{content:"󿿣"}.sa-i.coordinates::before{content:"󿿢"}.sa-i.more-horizontal::before{content:"󿿡"}.sa-i.more-vertical::before{content:"󿿠"}.sa-i.list::before{content:"󿿟"}.sa-i.menu::before{content:"󿿞"}.sa-i.filters::before{content:"󿿝"}.sa-i.stats::before{content:"󿿜"}.sa-i.soundwave::before{content:"󿿛"}.sa-i.play-left::before{content:"󿿚"}.sa-i.rewind::before{content:"󿿙"}.sa-i.play-previous::before{content:"󿿘"}.sa-i.pause::before{content:"󿿗"}.sa-i.play-next::before{content:"󿿖"}.sa-i.forward::before{content:"󿿕"}.sa-i.play-right::before{content:"󿿔"}.sa-i.stop::before{content:"󿿓"}.sa-i.record::before{content:"󿿒"}.sa-i.triangle-up::before{content:"△"}.sa-i.triangle-up-exclamation::before{content:""}.sa-i.star::before{content:"☆"}.sa-i.user::before{content:""}.sa-i.group::before{content:""}.sa-i.search::before{content:"🔍"}.sa-i.search-plus::before{content:""}.sa-i.search-minus::before{content:""}.sa-i.settings::before{content:""}.sa-i.preview::before{content:""}.sa-i.preview-off::before{content:""}.sa-i.edit::before{content:""}.sa-i.service::before{content:"󿾢"}.sa-i.attachment::before{content:""}.sa-i.call::before{content:""}.sa-i.pin::before{content:"󿿆"}.sa-i.position::before{content:"󿿅"}.sa-i.location::before{content:"󿿄"}.sa-i.send::before{content:""}.sa-i.heart::before{content:""}.sa-i.shield::before{content:""}.sa-i.shield-verified::before{content:"󿿀"}.sa-i.share::before{content:""}.sa-i.microphone::before{content:"󿾽"}.sa-i.microphone-off::before{content:"󿾦"}.sa-i.map::before{content:""}.sa-i.flag::before{content:"󿾻"}.sa-i.lock::before{content:""}.sa-i.lock-open::before{content:""}.sa-i.light::before{content:""}.sa-i.shopping::before{content:"󿾷"}.sa-i.filter::before{content:""}.sa-i.bell::before{content:""}.sa-i.like::before{content:""}.sa-i.dislike::before{content:""}.sa-i.design::before{content:""}.sa-i.cloud-upload::before{content:""}.sa-i.cloud-download::before{content:""}.sa-i.weather::before{content:"󿾜"}.sa-i.home::before{content:""}.sa-i.rectangle-vertical-bookmark::before{content:""}.sa-i.tag::before{content:"󿾛"}.sa-i.sound::before{content:""}.sa-i.sound-medium::before{content:"󿾬"}.sa-i.sound-loud::before{content:"󿾫"}.sa-i.sound-off::before{content:"󿾞"}.sa-i.wifi::before{content:"󿾪"}.sa-i.wifi-medium::before{content:"󿾩"}.sa-i.wifi-low::before{content:"󿾨"}.sa-i.wifi-no-signal::before{content:"󿾡"}.sa-i.wifi-off::before{content:"󿾠"}.sa-i.windshield::before{content:"󿾟"}.sa-i.parts::before{content:"󿾧"}.sa-i.road-assistance::before{content:"󿾥"}.sa-i.air::before{content:"󿾤"}.sa-i.car::before{content:"󿾣"}.sa-i.radio::before{content:"󿾝"}.sa-i.box::before{content:"󿾚"}.sa-i.thunder::before{content:"󿾙"}.sa-i.music::before{content:"󿾘"}.sa-i.tyre::before{content:"󿾗"}.sa-i.circle::before{content:"○"}.sa-i.circle-minus::before{content:"󰀀"}.sa-i.circle-plus::before{content:"󰀁"}.sa-i.circle-multiply::before{content:"󰀂"}.sa-i.circle-no::before{content:"󰀃"}.sa-i.circle-exclamation::before{content:"󰀄"}.sa-i.circle-question::before{content:"󰀅"}.sa-i.circle-information::before{content:"ℹ"}.sa-i.circle-check::before{content:"󰀇"}.sa-i.circle-arrow-up::before{content:"󰀈"}.sa-i.circle-arrow-ne::before{content:"󰀉"}.sa-i.circle-arrow-right::before{content:"󰀐"}.sa-i.circle-arrow-se::before{content:"󰀑"}.sa-i.circle-arrow-down::before{content:"󰀒"}.sa-i.circle-arrow-sw::before{content:"󰀓"}.sa-i.circle-arrow-left::before{content:"󰀔"}.sa-i.circle-arrow-nw::before{content:"󰀕"}.sa-i.circle-download::before{content:"󰀖"}.sa-i.circle-upload::before{content:"󰀗"}.sa-i.circle-bluetooth-white::before{content:"󰀘"}.sa-i.circle-arrowhead-up::before{content:""}.sa-i.circle-arrowhead-right::before{content:""}.sa-i.circle-arrowhead-down::before{content:""}.sa-i.circle-arrowhead-left::before{content:""}.sa-i.clock::before{content:""}.sa-i.stopwatch::before{content:"󰀤"}.sa-i.compass::before{content:""}.sa-i.globe::before{content:""}.sa-i.circle-contrast::before{content:"󰀧"}.sa-i.circle-radar::before{content:"󰀨"}.sa-i.circle-assistance::before{content:"󰀩"}.sa-i.id::before{content:"󰀰"}.sa-i.circle-steering::before{content:"󰀱"}.sa-i.circle-steering-off::before{content:"󰀴"}.sa-i.circle-brakes::before{content:"󰀲"}.sa-i.circle-target::before{content:"󰀳"}.sa-i.circle-tyre::before{content:"󰀵"}.sa-i.square::before{content:"□"}.sa-i.square-compose::before{content:""}.sa-i.square-expand::before{content:""}.sa-i.square-image::before{content:""}.sa-i.square-ocr::before{content:""}.sa-i.square-qr::before{content:""}.sa-i.square-scan-health::before{content:""}.sa-i.square-app-add::before{content:""}.sa-i.square-multiple::before{content:""}.sa-i.square-select-multiple::before{content:""}.sa-i.square-grid::before{content:""}.sa-i.square-grid-apps::before{content:""}.sa-i.square-shapes::before{content:""}.sa-i.diamond::before{content:"◇"}.sa-i.postit::before{content:""}.sa-i.inbox::before{content:""}.sa-i.rectangle-vertical::before{content:"▯"}.sa-i.news-post::before{content:"􀀁"}.sa-i.newspaper::before{content:"􀀂"}.sa-i.manual::before{content:"􀀃"}.sa-i.clipboard::before{content:"􀀄"}.sa-i.tasks::before{content:"􀀅"}.sa-i.task-new::before{content:"􀀆"}.sa-i.logout::before{content:""}.sa-i.login::before{content:""}.sa-i.cut::before{content:"􀀉"}.sa-i.copy::before{content:"􀀐"}.sa-i.paste::before{content:"􀀑"}.sa-i.fuel::before{content:"􀀒"}.sa-i.fuel-electric::before{content:"􀀗"}.sa-i.trash::before{content:"􀀓"}.sa-i.document::before{content:""}.sa-i.document-new::before{content:"􀀕"}.sa-i.document-missing::before{content:"􀀖"}.sa-i.rectangle::before{content:"▭"}.sa-i.mail::before{content:""}.sa-i.business-card::before{content:""}.sa-i.suitcase::before{content:""}.sa-i.camera::before{content:""}.sa-i.calendar::before{content:""}.sa-i.scheduled-task::before{content:"􏿷"}.sa-i.event::before{content:"􏿶"}.sa-i.battery-full::before{content:"􏿵"}.sa-i.battery-threefourths::before{content:"􏿴"}.sa-i.battery-twofourths::before{content:"􏿳"}.sa-i.battery-onefourth::before{content:"􏿬"}.sa-i.battery-empty::before{content:"􏿲"}.sa-i.rectangle-rounded::before{content:"􏿱"}.sa-i.credit-card::before{content:""}.sa-i.message::before{content:""}.sa-i.folder::before{content:""}.sa-i.folder-send::before{content:"􏿭"}.sa-i.health::before{content:"􏿫"}.sa-i.car-battery::before{content:"􏿧"}.sa-i.ticket::before{content:"􏿦"}.sa-i.bridge::before{content:"􏿥"}.sa-i.engine::before{content:"􏿪"}.sa-i.headlights::before{content:"􏿩"}.sa-i.comfort::before{content:"􏿨"}