@citygross/components_v2 0.0.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.
- package/build/@types/components/Box/Box.css.d.ts +17 -0
- package/build/@types/components/Box/Box.d.ts +13 -0
- package/build/@types/cssUtils/border.css.d.ts +2 -0
- package/build/@types/cssUtils/color.css.d.ts +4 -0
- package/build/@types/cssUtils/index.d.ts +4 -0
- package/build/@types/cssUtils/spacings.css.d.ts +56 -0
- package/build/@types/cssUtils/typography.css.d.ts +4 -0
- package/build/@types/index.d.ts +1 -0
- package/build/@types/utils/test-utils.d.ts +3 -0
- package/build/cjs/_virtual/_tslib.js +49 -0
- package/build/cjs/_virtual/_tslib.js.map +1 -0
- package/build/cjs/assets/src/components/Box/Box.css.ts.vanilla-b4d6baf9.css +13 -0
- package/build/cjs/assets/src/cssUtils/border.css.ts.vanilla-33e510f3.css +162 -0
- package/build/cjs/assets/src/cssUtils/color.css.ts.vanilla-d82d449e.css +564 -0
- package/build/cjs/assets/src/cssUtils/spacings.css.ts.vanilla-e12fe4ea.css +806 -0
- package/build/cjs/components/Box/Box.css.js +14 -0
- package/build/cjs/components/Box/Box.css.js.map +1 -0
- package/build/cjs/components/Box/Box.js +34 -0
- package/build/cjs/components/Box/Box.js.map +1 -0
- package/build/cjs/index.js +10 -0
- package/build/cjs/index.js.map +1 -0
- package/build/es/_virtual/_tslib.js +45 -0
- package/build/es/_virtual/_tslib.js.map +1 -0
- package/build/es/assets/src/components/Box/Box.css.ts.vanilla-b4d6baf9.css +13 -0
- package/build/es/assets/src/cssUtils/border.css.ts.vanilla-33e510f3.css +162 -0
- package/build/es/assets/src/cssUtils/color.css.ts.vanilla-d82d449e.css +564 -0
- package/build/es/assets/src/cssUtils/spacings.css.ts.vanilla-e12fe4ea.css +806 -0
- package/build/es/components/Box/Box.css.js +10 -0
- package/build/es/components/Box/Box.css.js.map +1 -0
- package/build/es/components/Box/Box.js +26 -0
- package/build/es/components/Box/Box.js.map +1 -0
- package/build/es/index.js +2 -0
- package/build/es/index.js.map +1 -0
- package/package.json +82 -0
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import 'src/cssUtils/color.css.ts.vanilla.css?source=#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';
|
|
2
|
+
import 'src/cssUtils/border.css.ts.vanilla.css?source=#H4sIAAAAAAAAA52WTW+bQBCG7/kVSL20kmvtgvlKT+YrPbRqlUiVerLWsMY0a3AXcJxW/e/V4rCYdAanYSxZspjHM7Pv7r7zdSUzLlenr7ASlVztZbFj8nG1Sq0NyTfE+H1lGKcX3qfqjWvjTZLEtml+uPpzNQcINU+rMjtjUIhBiOMvY4yxlqzMvnMhqoeeYv5/JR0lEC3vGdYrK/nayr3QlAVEWbrU8cg0RRZVz7AhBvMIcS2M8diN41ORbxsue44DTyUJYvcFnJ7iIhQ3omhHouUjhgcx4jBxE3y2PWPox4cokRVHSTRF+cyzot31EAZBfDPwI3S4ueS8HPWzBmdiJlGC6q2DjEtJIUoQx3aATkXybFRIBhYSxn7s44i02PNvPNd64xDEsaPAuQD5xNKmqrX2NxDHC8MoQbV/4tyItuFlj8nBZbadhbnEMKIo7/v0LbyPXTMIsPSHbdHoLgpE70mS4Cpjqf7/H/D/qwcvX+m81qt6D5bgqphG6K0iQAJVMUno83fghvVUYPm7kbZLcBEDFdOAiEk9ygoUZqgCg2Rn6Xtwq7sqptKHKf6EAIuliknAsJISIljdg4qpbZqqvJFM35E1uBh2vIhttIyiZmvBs3NMAx43nopLGLUo56gWQtmpCgy1Fyzl20pkw3gP4HmxUYEO5/TTE+DhFVd2dbzbsmywDkdwuFTFRcYybYqDPjgeAZLM1+ytOzNsc2b4/swgc2q/w7hMcNnc8qwH/gJLI6ZroqV1iHNXQ0GTNn0cdpAbdV9pCmjTrMRfWpM78cuBSzHIhkI+rRsRmRlPn7mDzqeRrKz3TPJS7y8KurZN9+DnrfZ+H6vDoCYKejdC7NBH78EzLzpmgR4usSPvQlXKB45JoIvzCbUc/D7q+xsLlIJWjpBFdMGcnhp8BgM9XRSE9AUdPkOBxs5dUmKj+7isyiEf8nTqhX+Tb1lWtPWKHxvJ7nZMCM0YWTrZvXZtmPsjyqhH6SmUbk+kZ3zDWjEIOYMAlEwQ1kWuszlY/YXs/ExlGxCwmAAIJvNhCXIo35qan6zaUh91dAu3f+rgL4tKxteMDgAA';
|
|
3
|
+
import 'src/cssUtils/spacings.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71by27bSBC8+yuEnHYPDjTWI7KDBXLMbW97CQJDtmiZtl6R6Fjxwv++2MSaR08Vu0eKdAqguKtYw2FPg1V8v1mNb+vFdHM9H6+n9eJ6u91urq+r7vi5eel2/j3rdH79x1XnYrX9ePZ69r614stk3IzPH6tqdb6pX6q/3jXrp+rdVyOQx3FJQd9QYCFuwbnYAV0kFUNLhYWaAnkFveTvR/rfW2g5jL/8flLg6M2JKizMFGgz3+EM0gK2RFGBiZjjeAXDdD92DRWmjc2A5pMdzgfbtUYFJmK2s2fTHc6ouMBC3KPbZbbDuSwuMD3KbKm3AWhcXmGhHrCbdjeebaod1E1Sw7jTEgs7Qfq8XNcvy0UzniX9+DaqPZ9Vd81b9/W/revpvfyRdmhGol+3yq2Qea5JDtpHoP1UENnuhMOsh1NrXL6xVDnqEKEOU0FkDzISsyLO3U7mF+8uxxwhzFGqhxxUmMKshjMrVH7lpjmog7vYiUeInX+Exiypjb2VLRyj9wAV3ncnNh07rjCLXVILuULmF7AGzaYLu01XtDq9ocY09lbXwt7KFo7+hyPep4jFLgm2OzZKRGRhqHgsQ9UHFsxiltSDTxMbUuJn188MszJUfRTCLPYzCW48Nv0kB4Znm5fB6kMWoTGLGsB9zyaxiC0ZsBY5MFQlROmaUhazKk6es/1TrZv6VkxeyxjzZtk0y/lV58vy5qG6bTp///zna8LRLFfwD6x8Bmm7y7jIicmGj6g80+okygJdgbB+zkuaU8zkj5Bvp1EW+AqkDXNi8ogFKr+G61MIC2wFskY5LRkCIyK/gJuT6Ap0BcIceMjYKOi5wojWnEBZxFYiDOxENtVEVH4Rn06iLNCV9MUuaIxa0w/j2vcTKIvYSoSBxsjGNk8VhrbnEwiL2AqE9cBTxoa38ET7KWd7iv4R2EpOMrAV2QQXnS2e68dJjrJAVyBtABoIGxc9VzLGvZxAXEpYIA/cuOy+rcaTSb2YJgOc+2XpvP0XmMhwUduVWbAClEtrsvYAa0z0bVC+UbuLtCjbEbjIdAEcK0jppSXZFIJKTOQtSEFHP63JJwVYZOLnWGEAcANRQ1csrrHRt0AFKUOxYekjkxTZNj/FCoep+2C96LjGRk93fzjy3GifGhN9fhr6neS7t7vcp8b26Lf0voA13qvIdAH5ybLDSjq8u0nL6BWIKtM1MDBi2rjbuDz1Z3Y/MoNGQzZc7+GEgW8CgPsQmO14BmwXcghf6DUVQB5CZLbhKLJdyv6EYeXuAO4I4rKDi+DaZRxAF5ZtCoAd3rT0BGTQdikHMEYn6T1CxjebnkwEuUDKIYRh8WrUS7q4mRgaYwJd0L32Z4xO+Iffu0wxcoEU3MDojAB9F/d4PGS7lB5+Wui8Af0WNzsecsGpgjcYHV2wzeLmR4S2ixngPU1nJ+avuAUAx2oMYgS0XU4ZI7RT3DLBFc7J7mdsnbTjWmQcSBfYVhC2D2DZM49hS0Tsyxb6/jeIOwS4bMMS3BIZ+9GFNVtD1BFAZYMQRC2RsCdZWLANhJUzEPE6WoFLZOzJF01FDcZFt5ie6xC3SMa+dGHZnnDX6KK2oba/BLioS+3HF01D33/nAsW4RTJQo6KzEDAu3POxcEtkyEmIeCLZ0xgGh+2xcItODbSp6AiEPAn342jAJULkbEX8DsmXDj8vEBopUYUI4BIpLXyf5tWkHnc6f8zrxflzPWnurzqXw+5q++dPJJDslt+yiIhzp/OK68SHKCJIzMvEZyQir8vqxDcgIhVLq8QnHDJ7Surk9xcyNkjLxNcTMkJJ6uSnDzLSR8rkhwsyNscWRXx2IJNp9M6JjwZk2p/UgcS/iI3hwta0Ps7Mk8S+ii6S8zjATtLzOriIseMwOYmya+giUo6j3SRWrmKLgDcJWbOQtwIvo9YkxMtivCq6SD2T5DFLPivwMn9M4rossKugyygwSc6y7Kx2X0Uql2RYWYpV3e8iIEtCqjimqsKDqCrOi5K4KoJvSY2ywCaIbKrYIrbJIpMgNKlDi+AkyyyC1KKGLZKLLDYIgoMqsggP0uAeiu4p4DK+R7NzKD2nYosEHU2vofyaAi4zbDRAhiJkCraMkdEMF0pxaXdTJLlojAoFqdT9LcJUNMiEokwKOIgzsSARiBJJ8LeBHMWJZAiIl8ogkMzvtFTKDI9M3tBSmb6RqRleKJMzWd6FlWaZlyz1wStlXCULmbDSLGiSZT1YZZYRyWIadI1kvCMLWPA7KpMZWZ6ClaJMhQxCkNr2MARJJ+B8goVBZhRIagDnBkwEMjtAzHxs5xsYpKVPXHbss1vwpdfOvG/ifusUmQPOvFbitloYpDHNjGJiFesUmV3MXFbis+oMmYvLzE9ifxrutTRXmSVJTEnL8yA9T+ZBEhdSp0BOJHEGsTdIKNr8QWrZIdNOx5fGHTXTkJ1mgJeWGnW5kM+l4kuvixpQyILS0aUNxY0haA1pBJk9xA0JaEno+NK34U4K9FI0gsxP4VYENCM0/Mzo4B4BdAnUOywdCP7uHr691/e/tAb4y3r4ul4jQK/s6Ut09Br9f4LX/wCjBsjZ90kAAA==';
|
|
4
|
+
import 'src/components/Box/Box.css.ts.vanilla.css?source=LkJveF9Cb3hTdHlsZV9faW5vbTZkMCB7CiAgYm9yZGVyLXdpZHRoOiAxMHB4OwogIGJvcmRlci1zdHlsZTogc29saWQ7Cn0KLkJveF9Cb3hTdHlsZV9zaXplX3NtYWxsX19pbm9tNmQxIHsKICBwYWRkaW5nOiAxMDFweDsKfQouQm94X0JveFN0eWxlX3NpemVfbGFyZ2VfX2lub202ZDIgewogIHBhZGRpbmc6IDMwM3B4Owp9Ci5Cb3hfQm94U3R5bGVfc2l6ZV9mYWxzZV9faW5vbTZkMyB7CiAgcGFkZGluZzogMDsKfQ==';
|
|
5
|
+
export declare var BoxStyle: ((options?: {
|
|
6
|
+
[x: string]: string | undefined;
|
|
7
|
+
} | undefined) => string) & {
|
|
8
|
+
variants: () => string[];
|
|
9
|
+
classNames: {
|
|
10
|
+
base: string;
|
|
11
|
+
variants: {
|
|
12
|
+
[x: string]: {
|
|
13
|
+
[x: string]: string;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { TSpacingKeys, TPaletteKeys } from '@citygross/design-tokens_v2';
|
|
3
|
+
export declare type TBox = {
|
|
4
|
+
background?: TPaletteKeys;
|
|
5
|
+
rounded?: boolean;
|
|
6
|
+
padding?: TSpacingKeys;
|
|
7
|
+
paddingVertical?: number;
|
|
8
|
+
children: React.ReactNode;
|
|
9
|
+
withArrow?: boolean;
|
|
10
|
+
arrowSpacing?: number;
|
|
11
|
+
arrowPlacement?: 'left' | 'right';
|
|
12
|
+
};
|
|
13
|
+
export declare function Box({ background, padding, children, ...props }: TBox): JSX.Element;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export declare const borderColor: Record<"primary" | "secondary" | "brandYellow" | "brandBlue" | "brandPurple" | "brandPrio" | "yellowLighter" | "yellowLight" | "blueLight" | "blueLighter" | "blueMedium" | "greenLight" | "greenMedium" | "redLight" | "recipeVego" | "recipeLactose" | "recipeGluten" | "link" | "white" | "black" | "lightest" | "lighter" | "light" | "medium" | "mediumDark" | "dark" | "darker" | "darkest" | "buttonGray" | "disabledGray" | "disabledDarkGray" | "placeholder" | "border" | "boxShadow" | "boxShadowActive" | "alertRed" | "alertBlue" | "alertGreen" | "darkOverlay" | "transparent" | "brandBlueHover" | "brandYellowHover" | "brandPrioHover" | "brandBlueActive" | "brandYellowActive" | "brandPrioActive" | "none", string>;
|
|
2
|
+
export declare const borderRadius: Record<"small" | "large" | "big" | "round" | "default" | "extraSmall" | "bigger", string>;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export declare const color: Record<"primary" | "secondary" | "brandYellow" | "brandBlue" | "brandPurple" | "brandPrio" | "yellowLighter" | "yellowLight" | "blueLight" | "blueLighter" | "blueMedium" | "greenLight" | "greenMedium" | "redLight" | "recipeVego" | "recipeLactose" | "recipeGluten" | "link" | "white" | "black" | "lightest" | "lighter" | "light" | "medium" | "mediumDark" | "dark" | "darker" | "darkest" | "buttonGray" | "disabledGray" | "disabledDarkGray" | "placeholder" | "border" | "boxShadow" | "boxShadowActive" | "alertRed" | "alertBlue" | "alertGreen" | "darkOverlay" | "transparent" | "brandBlueHover" | "brandYellowHover" | "brandPrioHover" | "brandBlueActive" | "brandYellowActive" | "brandPrioActive" | "none", string>;
|
|
2
|
+
export declare const backgroundColor: Record<"primary" | "secondary" | "brandYellow" | "brandBlue" | "brandPurple" | "brandPrio" | "yellowLighter" | "yellowLight" | "blueLight" | "blueLighter" | "blueMedium" | "greenLight" | "greenMedium" | "redLight" | "recipeVego" | "recipeLactose" | "recipeGluten" | "link" | "white" | "black" | "lightest" | "lighter" | "light" | "medium" | "mediumDark" | "dark" | "darker" | "darkest" | "buttonGray" | "disabledGray" | "disabledDarkGray" | "placeholder" | "border" | "boxShadow" | "boxShadowActive" | "alertRed" | "alertBlue" | "alertGreen" | "darkOverlay" | "transparent" | "brandBlueHover" | "brandYellowHover" | "brandPrioHover" | "brandBlueActive" | "brandYellowActive" | "brandPrioActive" | "none", string>;
|
|
3
|
+
export declare const hoverColor: Record<"primary" | "secondary" | "brandYellow" | "brandBlue" | "brandPurple" | "brandPrio" | "yellowLighter" | "yellowLight" | "blueLight" | "blueLighter" | "blueMedium" | "greenLight" | "greenMedium" | "redLight" | "recipeVego" | "recipeLactose" | "recipeGluten" | "link" | "white" | "black" | "lightest" | "lighter" | "light" | "medium" | "mediumDark" | "dark" | "darker" | "darkest" | "buttonGray" | "disabledGray" | "disabledDarkGray" | "placeholder" | "border" | "boxShadow" | "boxShadowActive" | "alertRed" | "alertBlue" | "alertGreen" | "darkOverlay" | "transparent" | "brandBlueHover" | "brandYellowHover" | "brandPrioHover" | "brandBlueActive" | "brandYellowActive" | "brandPrioActive" | "none", string>;
|
|
4
|
+
export declare const hoverBackgroundColor: Record<"primary" | "secondary" | "brandYellow" | "brandBlue" | "brandPurple" | "brandPrio" | "yellowLighter" | "yellowLight" | "blueLight" | "blueLighter" | "blueMedium" | "greenLight" | "greenMedium" | "redLight" | "recipeVego" | "recipeLactose" | "recipeGluten" | "link" | "white" | "black" | "lightest" | "lighter" | "light" | "medium" | "mediumDark" | "dark" | "darker" | "darkest" | "buttonGray" | "disabledGray" | "disabledDarkGray" | "placeholder" | "border" | "boxShadow" | "boxShadowActive" | "alertRed" | "alertBlue" | "alertGreen" | "darkOverlay" | "transparent" | "brandBlueHover" | "brandYellowHover" | "brandPrioHover" | "brandBlueActive" | "brandYellowActive" | "brandPrioActive" | "none", string>;
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
export declare const DYNAMIC_SPACINGS: {
|
|
2
|
+
xxxs: {
|
|
3
|
+
mobile: number;
|
|
4
|
+
desktop: number;
|
|
5
|
+
};
|
|
6
|
+
xxs: {
|
|
7
|
+
mobile: number;
|
|
8
|
+
desktop: number;
|
|
9
|
+
};
|
|
10
|
+
xxs2: {
|
|
11
|
+
mobile: number;
|
|
12
|
+
desktop: number;
|
|
13
|
+
};
|
|
14
|
+
xs: {
|
|
15
|
+
mobile: number;
|
|
16
|
+
desktop: number;
|
|
17
|
+
};
|
|
18
|
+
xs2: {
|
|
19
|
+
mobile: number;
|
|
20
|
+
desktop: number;
|
|
21
|
+
};
|
|
22
|
+
sm: {
|
|
23
|
+
mobile: number;
|
|
24
|
+
desktop: number;
|
|
25
|
+
};
|
|
26
|
+
sm2: {
|
|
27
|
+
mobile: number;
|
|
28
|
+
desktop: number;
|
|
29
|
+
};
|
|
30
|
+
md: {
|
|
31
|
+
mobile: number;
|
|
32
|
+
desktop: number;
|
|
33
|
+
};
|
|
34
|
+
lg: {
|
|
35
|
+
mobile: number;
|
|
36
|
+
desktop: number;
|
|
37
|
+
};
|
|
38
|
+
xl: {
|
|
39
|
+
mobile: number;
|
|
40
|
+
desktop: number;
|
|
41
|
+
};
|
|
42
|
+
xxl: {
|
|
43
|
+
mobile: number;
|
|
44
|
+
desktop: number;
|
|
45
|
+
};
|
|
46
|
+
false: {
|
|
47
|
+
mobile: number;
|
|
48
|
+
desktop: number;
|
|
49
|
+
};
|
|
50
|
+
};
|
|
51
|
+
export declare const margin: Record<"false" | "xxxs" | "xxs" | "xxs2" | "xs" | "xs2" | "sm" | "sm2" | "md" | "lg" | "xl" | "xxl", string>;
|
|
52
|
+
export declare const marginHorizontal: Record<"false" | "xxxs" | "xxs" | "xxs2" | "xs" | "xs2" | "sm" | "sm2" | "md" | "lg" | "xl" | "xxl", string>;
|
|
53
|
+
export declare const marginVertical: Record<"false" | "xxxs" | "xxs" | "xxs2" | "xs" | "xs2" | "sm" | "sm2" | "md" | "lg" | "xl" | "xxl", string>;
|
|
54
|
+
export declare const padding: Record<"false" | "xxxs" | "xxs" | "xxs2" | "xs" | "xs2" | "sm" | "sm2" | "md" | "lg" | "xl" | "xxl", string>;
|
|
55
|
+
export declare const paddingHorizontal: Record<"false" | "xxxs" | "xxs" | "xxs2" | "xs" | "xs2" | "sm" | "sm2" | "md" | "lg" | "xl" | "xxl", string>;
|
|
56
|
+
export declare const paddingVertical: Record<"false" | "xxxs" | "xxs" | "xxs2" | "xs" | "xs2" | "sm" | "sm2" | "md" | "lg" | "xl" | "xxl", string>;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export declare const fontFamily: Record<"primary" | "display" | "code", string>;
|
|
2
|
+
export declare const fontSize: Record<"xs" | "code" | "s1" | "s2" | "s3" | "s4" | "m1" | "m2" | "l1", string>;
|
|
3
|
+
export declare const fontWeight: Record<"medium" | "bold" | "regular" | "semiBold", string>;
|
|
4
|
+
export declare const lineHeight: Record<"xs" | "s1" | "s2" | "m1" | "m2" | "l1" | "m3", string>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './components/Box/Box';
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
/******************************************************************************
|
|
6
|
+
Copyright (c) Microsoft Corporation.
|
|
7
|
+
|
|
8
|
+
Permission to use, copy, modify, and/or distribute this software for any
|
|
9
|
+
purpose with or without fee is hereby granted.
|
|
10
|
+
|
|
11
|
+
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
|
12
|
+
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
|
13
|
+
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
|
14
|
+
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
15
|
+
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
16
|
+
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
17
|
+
PERFORMANCE OF THIS SOFTWARE.
|
|
18
|
+
***************************************************************************** */
|
|
19
|
+
|
|
20
|
+
exports.__assign = function() {
|
|
21
|
+
exports.__assign = Object.assign || function __assign(t) {
|
|
22
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
23
|
+
s = arguments[i];
|
|
24
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
|
25
|
+
}
|
|
26
|
+
return t;
|
|
27
|
+
};
|
|
28
|
+
return exports.__assign.apply(this, arguments);
|
|
29
|
+
};
|
|
30
|
+
|
|
31
|
+
function __rest(s, e) {
|
|
32
|
+
var t = {};
|
|
33
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
34
|
+
t[p] = s[p];
|
|
35
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
36
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
37
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
38
|
+
t[p[i]] = s[p[i]];
|
|
39
|
+
}
|
|
40
|
+
return t;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
|
|
44
|
+
var e = new Error(message);
|
|
45
|
+
return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
|
|
46
|
+
};
|
|
47
|
+
|
|
48
|
+
exports.__rest = __rest;
|
|
49
|
+
//# sourceMappingURL=_tslib.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"_tslib.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,162 @@
|
|
|
1
|
+
.border_borderColor_primary__c3f0gf0 {
|
|
2
|
+
border-color: #FFE522;
|
|
3
|
+
}
|
|
4
|
+
.border_borderColor_secondary__c3f0gf1 {
|
|
5
|
+
border-color: #0069AE;
|
|
6
|
+
}
|
|
7
|
+
.border_borderColor_brandYellow__c3f0gf2 {
|
|
8
|
+
border-color: #FFE522;
|
|
9
|
+
}
|
|
10
|
+
.border_borderColor_brandBlue__c3f0gf3 {
|
|
11
|
+
border-color: #0069AE;
|
|
12
|
+
}
|
|
13
|
+
.border_borderColor_brandPurple__c3f0gf4 {
|
|
14
|
+
border-color: #A71680;
|
|
15
|
+
}
|
|
16
|
+
.border_borderColor_brandPrio__c3f0gf5 {
|
|
17
|
+
border-color: #a80073;
|
|
18
|
+
}
|
|
19
|
+
.border_borderColor_yellowLighter__c3f0gf6 {
|
|
20
|
+
border-color: #FFFBE7;
|
|
21
|
+
}
|
|
22
|
+
.border_borderColor_yellowLight__c3f0gf7 {
|
|
23
|
+
border-color: #FFF7D1;
|
|
24
|
+
}
|
|
25
|
+
.border_borderColor_blueLight__c3f0gf8 {
|
|
26
|
+
border-color: #ECF7FE;
|
|
27
|
+
}
|
|
28
|
+
.border_borderColor_blueLighter__c3f0gf9 {
|
|
29
|
+
border-color: #D3EDFD;
|
|
30
|
+
}
|
|
31
|
+
.border_borderColor_blueMedium__c3f0gfa {
|
|
32
|
+
border-color: #92B9D3;
|
|
33
|
+
}
|
|
34
|
+
.border_borderColor_greenLight__c3f0gfb {
|
|
35
|
+
border-color: #F2FDF2;
|
|
36
|
+
}
|
|
37
|
+
.border_borderColor_greenMedium__c3f0gfc {
|
|
38
|
+
border-color: #BEE5BE;
|
|
39
|
+
}
|
|
40
|
+
.border_borderColor_redLight__c3f0gfd {
|
|
41
|
+
border-color: #FCE9E9;
|
|
42
|
+
}
|
|
43
|
+
.border_borderColor_recipeVego__c3f0gfe {
|
|
44
|
+
border-color: #65DB69;
|
|
45
|
+
}
|
|
46
|
+
.border_borderColor_recipeLactose__c3f0gff {
|
|
47
|
+
border-color: #8CCDF0;
|
|
48
|
+
}
|
|
49
|
+
.border_borderColor_recipeGluten__c3f0gfg {
|
|
50
|
+
border-color: #D5642A;
|
|
51
|
+
}
|
|
52
|
+
.border_borderColor_link__c3f0gfh {
|
|
53
|
+
border-color: #0072BB;
|
|
54
|
+
}
|
|
55
|
+
.border_borderColor_white__c3f0gfi {
|
|
56
|
+
border-color: #FFFFFF;
|
|
57
|
+
}
|
|
58
|
+
.border_borderColor_black__c3f0gfj {
|
|
59
|
+
border-color: #000000;
|
|
60
|
+
}
|
|
61
|
+
.border_borderColor_lightest__c3f0gfk {
|
|
62
|
+
border-color: #F7F7F7;
|
|
63
|
+
}
|
|
64
|
+
.border_borderColor_lighter__c3f0gfl {
|
|
65
|
+
border-color: #F1F1F1;
|
|
66
|
+
}
|
|
67
|
+
.border_borderColor_light__c3f0gfm {
|
|
68
|
+
border-color: #E8E8E8;
|
|
69
|
+
}
|
|
70
|
+
.border_borderColor_medium__c3f0gfn {
|
|
71
|
+
border-color: #DBDBDB;
|
|
72
|
+
}
|
|
73
|
+
.border_borderColor_mediumDark__c3f0gfo {
|
|
74
|
+
border-color: #6C6C6C;
|
|
75
|
+
}
|
|
76
|
+
.border_borderColor_dark__c3f0gfp {
|
|
77
|
+
border-color: #979797;
|
|
78
|
+
}
|
|
79
|
+
.border_borderColor_darker__c3f0gfq {
|
|
80
|
+
border-color: #4A4A4A;
|
|
81
|
+
}
|
|
82
|
+
.border_borderColor_darkest__c3f0gfr {
|
|
83
|
+
border-color: #333333;
|
|
84
|
+
}
|
|
85
|
+
.border_borderColor_buttonGray__c3f0gfs {
|
|
86
|
+
border-color: #E5E4E5;
|
|
87
|
+
}
|
|
88
|
+
.border_borderColor_disabledGray__c3f0gft {
|
|
89
|
+
border-color: #B8B8B8;
|
|
90
|
+
}
|
|
91
|
+
.border_borderColor_disabledDarkGray__c3f0gfu {
|
|
92
|
+
border-color: #5c5c5c;
|
|
93
|
+
}
|
|
94
|
+
.border_borderColor_placeholder__c3f0gfv {
|
|
95
|
+
border-color: #8f8f8f;
|
|
96
|
+
}
|
|
97
|
+
.border_borderColor_border__c3f0gfw {
|
|
98
|
+
border-color: #0069AE;
|
|
99
|
+
}
|
|
100
|
+
.border_borderColor_boxShadow__c3f0gfx {
|
|
101
|
+
border-color: #E1E1E1;
|
|
102
|
+
}
|
|
103
|
+
.border_borderColor_boxShadowActive__c3f0gfy {
|
|
104
|
+
border-color: rgba(7, 52, 99, 0.15);
|
|
105
|
+
}
|
|
106
|
+
.border_borderColor_alertRed__c3f0gfz {
|
|
107
|
+
border-color: #E02721;
|
|
108
|
+
}
|
|
109
|
+
.border_borderColor_alertBlue__c3f0gf10 {
|
|
110
|
+
border-color: #0072BB;
|
|
111
|
+
}
|
|
112
|
+
.border_borderColor_alertGreen__c3f0gf11 {
|
|
113
|
+
border-color: #3F9A3C;
|
|
114
|
+
}
|
|
115
|
+
.border_borderColor_darkOverlay__c3f0gf12 {
|
|
116
|
+
border-color: rgba(0, 0, 0, 0.6);
|
|
117
|
+
}
|
|
118
|
+
.border_borderColor_transparent__c3f0gf13 {
|
|
119
|
+
border-color: #ffffff00;
|
|
120
|
+
}
|
|
121
|
+
.border_borderColor_brandBlueHover__c3f0gf14 {
|
|
122
|
+
border-color: #005C99;
|
|
123
|
+
}
|
|
124
|
+
.border_borderColor_brandYellowHover__c3f0gf15 {
|
|
125
|
+
border-color: #F5D800;
|
|
126
|
+
}
|
|
127
|
+
.border_borderColor_brandPrioHover__c3f0gf16 {
|
|
128
|
+
border-color: #90136F;
|
|
129
|
+
}
|
|
130
|
+
.border_borderColor_brandBlueActive__c3f0gf17 {
|
|
131
|
+
border-color: #004D80;
|
|
132
|
+
}
|
|
133
|
+
.border_borderColor_brandYellowActive__c3f0gf18 {
|
|
134
|
+
border-color: #DBC100;
|
|
135
|
+
}
|
|
136
|
+
.border_borderColor_brandPrioActive__c3f0gf19 {
|
|
137
|
+
border-color: #7A105E;
|
|
138
|
+
}
|
|
139
|
+
.border_borderColor_none__c3f0gf1a {
|
|
140
|
+
border-color: none;
|
|
141
|
+
}
|
|
142
|
+
.border_borderRadius_extraSmall__c3f0gf1b {
|
|
143
|
+
border-radius: 2px;
|
|
144
|
+
}
|
|
145
|
+
.border_borderRadius_small__c3f0gf1c {
|
|
146
|
+
border-radius: 5px;
|
|
147
|
+
}
|
|
148
|
+
.border_borderRadius_default__c3f0gf1d {
|
|
149
|
+
border-radius: 10px;
|
|
150
|
+
}
|
|
151
|
+
.border_borderRadius_big__c3f0gf1e {
|
|
152
|
+
border-radius: 20px;
|
|
153
|
+
}
|
|
154
|
+
.border_borderRadius_bigger__c3f0gf1f {
|
|
155
|
+
border-radius: 24px;
|
|
156
|
+
}
|
|
157
|
+
.border_borderRadius_large__c3f0gf1g {
|
|
158
|
+
border-radius: 32px;
|
|
159
|
+
}
|
|
160
|
+
.border_borderRadius_round__c3f0gf1h {
|
|
161
|
+
border-radius: 100px;
|
|
162
|
+
}
|