@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.
Files changed (34) hide show
  1. package/build/@types/components/Box/Box.css.d.ts +17 -0
  2. package/build/@types/components/Box/Box.d.ts +13 -0
  3. package/build/@types/cssUtils/border.css.d.ts +2 -0
  4. package/build/@types/cssUtils/color.css.d.ts +4 -0
  5. package/build/@types/cssUtils/index.d.ts +4 -0
  6. package/build/@types/cssUtils/spacings.css.d.ts +56 -0
  7. package/build/@types/cssUtils/typography.css.d.ts +4 -0
  8. package/build/@types/index.d.ts +1 -0
  9. package/build/@types/utils/test-utils.d.ts +3 -0
  10. package/build/cjs/_virtual/_tslib.js +49 -0
  11. package/build/cjs/_virtual/_tslib.js.map +1 -0
  12. package/build/cjs/assets/src/components/Box/Box.css.ts.vanilla-b4d6baf9.css +13 -0
  13. package/build/cjs/assets/src/cssUtils/border.css.ts.vanilla-33e510f3.css +162 -0
  14. package/build/cjs/assets/src/cssUtils/color.css.ts.vanilla-d82d449e.css +564 -0
  15. package/build/cjs/assets/src/cssUtils/spacings.css.ts.vanilla-e12fe4ea.css +806 -0
  16. package/build/cjs/components/Box/Box.css.js +14 -0
  17. package/build/cjs/components/Box/Box.css.js.map +1 -0
  18. package/build/cjs/components/Box/Box.js +34 -0
  19. package/build/cjs/components/Box/Box.js.map +1 -0
  20. package/build/cjs/index.js +10 -0
  21. package/build/cjs/index.js.map +1 -0
  22. package/build/es/_virtual/_tslib.js +45 -0
  23. package/build/es/_virtual/_tslib.js.map +1 -0
  24. package/build/es/assets/src/components/Box/Box.css.ts.vanilla-b4d6baf9.css +13 -0
  25. package/build/es/assets/src/cssUtils/border.css.ts.vanilla-33e510f3.css +162 -0
  26. package/build/es/assets/src/cssUtils/color.css.ts.vanilla-d82d449e.css +564 -0
  27. package/build/es/assets/src/cssUtils/spacings.css.ts.vanilla-e12fe4ea.css +806 -0
  28. package/build/es/components/Box/Box.css.js +10 -0
  29. package/build/es/components/Box/Box.css.js.map +1 -0
  30. package/build/es/components/Box/Box.js +26 -0
  31. package/build/es/components/Box/Box.js.map +1 -0
  32. package/build/es/index.js +2 -0
  33. package/build/es/index.js.map +1 -0
  34. 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=#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';
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,4 @@
1
+ export * from './typography.css';
2
+ export * from './color.css';
3
+ export * from './border.css';
4
+ export * from './spacings.css';
@@ -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,3 @@
1
+ declare const customRender: (ui: any, options?: any) => import("@testing-library/react").RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement, HTMLElement>;
2
+ export * from '@testing-library/react';
3
+ export { customRender as render };
@@ -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,13 @@
1
+ .Box_BoxStyle__inom6d0 {
2
+ border-width: 10px;
3
+ border-style: solid;
4
+ }
5
+ .Box_BoxStyle_size_small__inom6d1 {
6
+ padding: 101px;
7
+ }
8
+ .Box_BoxStyle_size_large__inom6d2 {
9
+ padding: 303px;
10
+ }
11
+ .Box_BoxStyle_size_false__inom6d3 {
12
+ padding: 0;
13
+ }
@@ -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
+ }