@drivy/cobalt 0.33.0 → 0.34.1

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 (33) hide show
  1. package/cjs/tokens/icons.js +1 -1
  2. package/cjs/tokens/theme.js +1 -0
  3. package/cjs/tokens/theme.js.map +1 -1
  4. package/components/Icon/__generated__/{FourWheelsDrivingIcon.js → FourWheelDriveIcon.js} +4 -4
  5. package/components/Icon/__generated__/FourWheelDriveIcon.js.map +1 -0
  6. package/components/Tag/index.js +1 -2
  7. package/components/Tag/index.js.map +1 -1
  8. package/icons/four-wheel-drive.js +4 -0
  9. package/icons/four-wheel-drive.js.map +1 -0
  10. package/icons/index.js +1 -1
  11. package/index.js +1 -1
  12. package/package.json +13 -13
  13. package/styles/components/Tag/index.scss +36 -1
  14. package/styles/core/_colors-map.scss +1 -0
  15. package/styles/core/default-theme.scss +167 -0
  16. package/styles/core/theme.scss +2 -163
  17. package/styles/core.scss +1 -1
  18. package/tokens/icons.js +1 -1
  19. package/tokens/theme.js +1 -0
  20. package/tokens/theme.js.map +1 -1
  21. package/types/components/Form/Autocomplete/index.d.ts +1 -1
  22. package/types/components/Form/TextInput.d.ts +2 -2
  23. package/types/components/Icon/__generated__/{FourWheelsDrivingIcon.d.ts → FourWheelDriveIcon.d.ts} +2 -2
  24. package/types/components/Icon/__generated__/index.d.ts +1 -1
  25. package/types/components/Icon/index.d.ts +1 -1
  26. package/types/components/Tag/index.d.ts +1 -1
  27. package/types/icons/index.d.ts +1 -1
  28. package/types/tokens/index.d.ts +2 -1
  29. package/utilities.css +6 -163
  30. package/components/Icon/__generated__/FourWheelsDrivingIcon.js.map +0 -1
  31. package/icons/four-wheels-driving.js +0 -4
  32. package/icons/four-wheels-driving.js.map +0 -1
  33. /package/icons/{four-wheels-driving.svg → four-wheel-drive.svg} +0 -0
package/cjs/tokens/icons.js CHANGED
@@ -116,7 +116,7 @@ const icons = {
116
116
  filters: "filters.svg",
117
117
  flag: "flag.svg",
118
118
  fourByFour: "four-by-four.svg",
119
- fourWheelsDriving: "four-wheels-driving.svg",
119
+ fourWheelDrive: "four-wheel-drive.svg",
120
120
  fuelTank: "fuel-tank.svg",
121
121
  geolocation: "geolocation.svg",
122
122
  gift: "gift.svg",
package/cjs/tokens/theme.js CHANGED
@@ -73,6 +73,7 @@ const text = {
73
73
  successAlt: "white/green.900/green.100",
74
74
  warning: "coral/orange.500/orange.300",
75
75
  connect: "turquoise/turquoise.500/turquoise.500",
76
+ connectAlt: "turquoise/turquoise.900/turquoise.50",
76
77
  driver: "graphite/navy.700/navy.700",
77
78
  owner: "white/white/grey.100",
78
79
  inversed: "white/white/white"
package/cjs/tokens/theme.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"theme.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"theme.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/components/Icon/__generated__/{FourWheelsDrivingIcon.js → FourWheelDriveIcon.js} RENAMED
@@ -3,8 +3,8 @@ import capitalize from '../../utils/capitalize.js';
3
3
  import 'lodash.throttle';
4
4
  import cx from 'classnames';
5
5
 
6
- const iconSource = "fourWheelsDriving";
7
- const FourWheelsDrivingIcon = ({ color, size = 24, contained = false, className, }) => {
6
+ const iconSource = "fourWheelDrive";
7
+ const FourWheelDriveIcon = ({ color, size = 24, contained = false, className, }) => {
8
8
  const computedClassName = cx(className, `cobalt-Icon cobalt-Icon--${iconSource}`, {
9
9
  [`cobalt-Icon--color${capitalize(color)}`]: color,
10
10
  "cobalt-Icon--size16": size === 16,
@@ -17,5 +17,5 @@ const FourWheelsDrivingIcon = ({ color, size = 24, contained = false, className,
17
17
  React.createElement("path", { fillRule: "evenodd", d: "M17.756 8.538h.744c.771 0 1.292-.54 1.292-1.33V3.386c0-.8-.52-1.339-1.293-1.339h-.743c-.763 0-1.284.54-1.284 1.34v1.197H7.546V3.386c0-.8-.521-1.339-1.293-1.339h-.744c-.762 0-1.283.54-1.283 1.34v3.82c0 .791.52 1.33 1.283 1.33h.744c.772 0 1.293-.539 1.293-1.33V6.082h3.71v11.977h-3.71v-1.163c0-.8-.521-1.339-1.293-1.339h-.744c-.762 0-1.283.54-1.283 1.34v3.821c0 .79.52 1.33 1.283 1.33h.744c.772 0 1.293-.54 1.293-1.33v-1.162h8.926v1.162c0 .79.521 1.33 1.284 1.33h.744c.771 0 1.292-.54 1.292-1.33v-3.822c0-.8-.52-1.339-1.292-1.339h-.744c-.763 0-1.284.54-1.284 1.34v1.162h-3.72V6.08h3.72v1.127c0 .79.521 1.33 1.284 1.33Z", clipRule: "evenodd" })));
18
18
  };
19
19
 
20
- export { FourWheelsDrivingIcon as default };
21
- //# sourceMappingURL=FourWheelsDrivingIcon.js.map
20
+ export { FourWheelDriveIcon as default };
21
+ //# sourceMappingURL=FourWheelDriveIcon.js.map
package/components/Icon/__generated__/FourWheelDriveIcon.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FourWheelDriveIcon.js","sources":["../../../../src/components/Icon/__generated__/FourWheelDriveIcon.tsx"],"sourcesContent":["import React from \"react\"\nimport { IconColorsType } from \"../\"\nimport { capitalize } from \"../../utils\"\nimport cx from \"classnames\"\nexport type IconProps = {\n color?: IconColorsType\n size?: 16 | 20 | 24 | 32\n contained?: boolean\n className?: string\n}\nconst iconSource = \"fourWheelDrive\"\nconst FourWheelDriveIcon = ({\n color,\n size = 24,\n contained = false,\n className,\n}: IconProps) => {\n const computedClassName = cx(\n className,\n `cobalt-Icon cobalt-Icon--${iconSource}`,\n {\n [`cobalt-Icon--color${capitalize(color)}`]: color,\n \"cobalt-Icon--size16\": size === 16,\n \"cobalt-Icon--size20\": size === 20,\n \"cobalt-Icon--size32\": size === 32,\n \"cobalt-Icon--contained\": contained,\n }\n )\n const wrap = (content: React.ReactNode) => (\n <span className={computedClassName}>{content}</span>\n )\n return wrap(\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n <path\n fillRule=\"evenodd\"\n d=\"M17.756 8.538h.744c.771 0 1.292-.54 1.292-1.33V3.386c0-.8-.52-1.339-1.293-1.339h-.743c-.763 0-1.284.54-1.284 1.34v1.197H7.546V3.386c0-.8-.521-1.339-1.293-1.339h-.744c-.762 0-1.283.54-1.283 1.34v3.82c0 .791.52 1.33 1.283 1.33h.744c.772 0 1.293-.539 1.293-1.33V6.082h3.71v11.977h-3.71v-1.163c0-.8-.521-1.339-1.293-1.339h-.744c-.762 0-1.283.54-1.283 1.34v3.821c0 .79.52 1.33 1.283 1.33h.744c.772 0 1.293-.54 1.293-1.33v-1.162h8.926v1.162c0 .79.521 1.33 1.284 1.33h.744c.771 0 1.292-.54 1.292-1.33v-3.822c0-.8-.52-1.339-1.292-1.339h-.744c-.763 0-1.284.54-1.284 1.34v1.162h-3.72V6.08h3.72v1.127c0 .79.521 1.33 1.284 1.33Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n )\n}\nexport default FourWheelDriveIcon\n"],"names":[],"mappings":";;;;;AAUA,MAAM,UAAU,GAAG,gBAAgB,CAAA;AACnC,MAAM,kBAAkB,GAAG,CAAC,EAC1B,KAAK,EACL,IAAI,GAAG,EAAE,EACT,SAAS,GAAG,KAAK,EACjB,SAAS,GACC,KAAI;IACd,MAAM,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,CAAA,yBAAA,EAA4B,UAAU,CAAA,CAAE,EACxC;QACE,CAAC,CAAA,kBAAA,EAAqB,UAAU,CAAC,KAAK,CAAC,CAAE,CAAA,GAAG,KAAK;QACjD,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;AAClC,QAAA,wBAAwB,EAAE,SAAS;AACpC,KAAA,CACF,CAAA;AACD,IAAA,MAAM,IAAI,GAAG,CAAC,OAAwB,MACpC,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,iBAAiB,EAAA,EAAG,OAAO,CAAQ,CACrD,CAAA;IACD,OAAO,IAAI,CACT,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW,EAAA;AACzD,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,0mBAA0mB,EAC5mB,QAAQ,EAAC,SAAS,EAClB,CAAA,CACE,CACP,CAAA;AACH;;;;"}
package/components/Tag/index.js CHANGED
@@ -2,8 +2,7 @@ import React from 'react';
2
2
  import cx from 'classnames';
3
3
 
4
4
  const Tag = ({ children, variant, className }) => (React.createElement("div", { className: cx("cobalt-Tag", className, {
5
- "cobalt-Tag--muted": variant === "muted",
6
- "cobalt-Tag--important": variant === "important",
5
+ [`cobalt-Tag--${variant}`]: variant,
7
6
  }) }, children));
8
7
 
9
8
  export { Tag };
package/components/Tag/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../src/components/Tag/index.tsx"],"sourcesContent":["import React from \"react\"\nimport cx from \"classnames\"\n\nexport interface TagProps {\n children: React.ReactNode\n className?: string\n variant?: \"muted\" | \"important\"\n}\n\nexport const Tag = ({ children, variant, className }: TagProps) => (\n <div\n className={cx(\"cobalt-Tag\", className, {\n \"cobalt-Tag--muted\": variant === \"muted\",\n \"cobalt-Tag--important\": variant === \"important\",\n })}\n >\n {children}\n </div>\n)\n"],"names":[],"mappings":";;;AASa,MAAA,GAAG,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAY,MAC5D,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,EAAE;QACrC,mBAAmB,EAAE,OAAO,KAAK,OAAO;QACxC,uBAAuB,EAAE,OAAO,KAAK,WAAW;AACjD,KAAA,CAAC,EAED,EAAA,QAAQ,CACL;;;;"}
1
+ {"version":3,"file":"index.js","sources":["../../../src/components/Tag/index.tsx"],"sourcesContent":["import React from \"react\"\nimport cx from \"classnames\"\n\nexport interface TagProps {\n children: React.ReactNode\n className?: string\n variant?:\n | \"muted\"\n | \"important\"\n | \"importantPrimary\"\n | \"success\"\n | \"successPrimary\"\n | \"info\"\n | \"accent\"\n | \"accentPrimary\"\n | \"connect\"\n}\n\nexport const Tag = ({ children, variant, className }: TagProps) => (\n <div\n className={cx(\"cobalt-Tag\", className, {\n [`cobalt-Tag--${variant}`]: variant,\n })}\n >\n {children}\n </div>\n)\n"],"names":[],"mappings":";;;AAkBa,MAAA,GAAG,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAY,MAC5D,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,EAAE;AACrC,QAAA,CAAC,CAAe,YAAA,EAAA,OAAO,CAAE,CAAA,GAAG,OAAO;AACpC,KAAA,CAAC,EAED,EAAA,QAAQ,CACL;;;;"}
package/icons/four-wheel-drive.js ADDED
@@ -0,0 +1,4 @@
1
+ var fourWheelDrive = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path fill-rule=\"evenodd\" d=\"M17.756 8.538h.744c.771 0 1.292-.54 1.292-1.33V3.386c0-.8-.52-1.339-1.293-1.339h-.743c-.763 0-1.284.54-1.284 1.34v1.197H7.546V3.386c0-.8-.521-1.339-1.293-1.339h-.744c-.762 0-1.283.54-1.283 1.34v3.82c0 .791.52 1.33 1.283 1.33h.744c.772 0 1.293-.539 1.293-1.33V6.082h3.71v11.977h-3.71v-1.163c0-.8-.521-1.339-1.293-1.339h-.744c-.762 0-1.283.54-1.283 1.34v3.821c0 .79.52 1.33 1.283 1.33h.744c.772 0 1.293-.54 1.293-1.33v-1.162h8.926v1.162c0 .79.521 1.33 1.284 1.33h.744c.771 0 1.292-.54 1.292-1.33v-3.822c0-.8-.52-1.339-1.292-1.339h-.744c-.763 0-1.284.54-1.284 1.34v1.162h-3.72V6.08h3.72v1.127c0 .79.521 1.33 1.284 1.33Z\" clip-rule=\"evenodd\"/></svg>";
2
+
3
+ export { fourWheelDrive as default };
4
+ //# sourceMappingURL=four-wheel-drive.js.map
package/icons/four-wheel-drive.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"four-wheel-drive.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
package/icons/index.js CHANGED
@@ -111,7 +111,7 @@ export { default as filter } from './filter.js';
111
111
  export { default as filters } from './filters.js';
112
112
  export { default as flag } from './flag.js';
113
113
  export { default as fourByFour } from './four-by-four.js';
114
- export { default as fourWheelsDriving } from './four-wheels-driving.js';
114
+ export { default as fourWheelDrive } from './four-wheel-drive.js';
115
115
  export { default as fuelTank } from './fuel-tank.js';
116
116
  export { default as geolocation } from './geolocation.js';
117
117
  export { default as gift } from './gift.js';
package/index.js CHANGED
@@ -158,7 +158,7 @@ export { default as FilterIcon } from './components/Icon/__generated__/FilterIco
158
158
  export { default as FiltersIcon } from './components/Icon/__generated__/FiltersIcon.js';
159
159
  export { default as FlagIcon } from './components/Icon/__generated__/FlagIcon.js';
160
160
  export { default as FourByFourIcon } from './components/Icon/__generated__/FourByFourIcon.js';
161
- export { default as FourWheelsDrivingIcon } from './components/Icon/__generated__/FourWheelsDrivingIcon.js';
161
+ export { default as FourWheelDriveIcon } from './components/Icon/__generated__/FourWheelDriveIcon.js';
162
162
  export { default as FuelTankIcon } from './components/Icon/__generated__/FuelTankIcon.js';
163
163
  export { default as GeolocationIcon } from './components/Icon/__generated__/GeolocationIcon.js';
164
164
  export { default as GiftIcon } from './components/Icon/__generated__/GiftIcon.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@drivy/cobalt",
3
- "version": "0.33.0",
3
+ "version": "0.34.1",
4
4
  "description": "Opinionated design system for Drivy's projects.",
5
5
  "main": "src/index.js",
6
6
  "types": "types/index.d.ts",
@@ -28,7 +28,7 @@
28
28
  "@react-spring/web": "9.5.5",
29
29
  "@tippyjs/react": "4.2.6",
30
30
  "classnames": "2.3.2",
31
- "date-fns": "2.29.3",
31
+ "date-fns": "2.30.0",
32
32
  "lodash.throttle": "4.1.1",
33
33
  "media-typer": "1.1.0",
34
34
  "nanoid": "4.0.2",
@@ -41,10 +41,10 @@
41
41
  "react-dom": "^18.2.0"
42
42
  },
43
43
  "devDependencies": {
44
- "@getaround-eu/babel-preset-app": "1.2.0",
45
- "@getaround-eu/eslint-config": "2.0.2",
44
+ "@getaround-eu/babel-preset-app": "1.3.4",
45
+ "@getaround-eu/eslint-config": "2.0.3",
46
46
  "@getaround-eu/prettier-config": "1.2.0",
47
- "@getaround-eu/stylelint-config": "2.0.0",
47
+ "@getaround-eu/stylelint-config": "2.0.1",
48
48
  "@getaround-eu/ts-config": "2.2.0",
49
49
  "@percy/storybook": "3.3.1",
50
50
  "@rollup/plugin-json": "6.0.0",
@@ -62,20 +62,20 @@
62
62
  "@types/jest": "29.5.1",
63
63
  "@types/lodash.throttle": "4.1.7",
64
64
  "@types/media-typer": "1.1.1",
65
- "@types/react": "18.0.37",
65
+ "@types/react": "18.2.4",
66
66
  "@whitespace/storybook-addon-html": "^5.1.4",
67
67
  "autoprefixer": "10.4.14",
68
- "core-js": "3.30.1",
68
+ "core-js": "3.30.2",
69
69
  "css-loader": "6.7.3",
70
- "eslint": "8.38.0",
70
+ "eslint": "8.40.0",
71
71
  "file-loader": "6.2.0",
72
72
  "jest": "29.5.0",
73
73
  "jest-environment-jsdom": "29.5.0",
74
74
  "nested-object-access": "^0.2.5",
75
75
  "np": "7.7.0",
76
76
  "postcss-flexbugs-fixes": "5.0.2",
77
- "postcss-loader": "7.2.4",
78
- "prettier": "2.8.7",
77
+ "postcss-loader": "7.3.0",
78
+ "prettier": "2.8.8",
79
79
  "raw-loader": "4.0.2",
80
80
  "react": "18.2.0",
81
81
  "react-dom": "18.2.0",
@@ -87,12 +87,12 @@
87
87
  "rollup-plugin-postcss": "4.0.2",
88
88
  "rollup-plugin-svgo": "2.0.0",
89
89
  "rollup-plugin-typescript2": "0.34.1",
90
- "sass": "1.62.0",
90
+ "sass": "1.62.1",
91
91
  "sass-loader": "13.2.2",
92
- "sharp": "0.32.0",
92
+ "sharp": "0.32.1",
93
93
  "sharp-cli": "4.1.1",
94
94
  "style-loader": "3.3.2",
95
- "stylelint": "15.5.0",
95
+ "stylelint": "15.6.1",
96
96
  "svg2vectordrawable": "2.9.1",
97
97
  "svgo": "3.0.2",
98
98
  "ts-jest": "29.1.0",
package/styles/components/Tag/index.scss CHANGED
@@ -18,7 +18,42 @@
18
18
  }
19
19
 
20
20
  &Tag--important {
21
- @include bg-color(errorAlt);
22
21
  @include text-color(errorAlt);
22
+ @include bg-color(errorAlt);
23
+ }
24
+
25
+ &Tag--importantPrimary {
26
+ @include text-color(inversed);
27
+ @include bg-color(error);
28
+ }
29
+
30
+ &Tag--success {
31
+ @include text-color(successAlt);
32
+ @include bg-color(successAlt);
33
+ }
34
+
35
+ &Tag--successPrimary {
36
+ @include text-color(inversed);
37
+ @include bg-color(success);
38
+ }
39
+
40
+ &Tag--info {
41
+ @include text-color(info);
42
+ @include bg-color(info);
43
+ }
44
+
45
+ &Tag--accent {
46
+ @include text-color(accentAlt);
47
+ @include bg-color(accentAlt);
48
+ }
49
+
50
+ &Tag--accentPrimary {
51
+ @include text-color(inversed);
52
+ @include bg-color(accent);
53
+ }
54
+
55
+ &Tag--connect {
56
+ @include text-color(connectAlt);
57
+ @include bg-color(connectAlt);
23
58
  }
24
59
  }
package/styles/core/_colors-map.scss CHANGED
@@ -74,6 +74,7 @@ $theme-colors-map: (
74
74
  successAlt: var(--c-text-successAlt),
75
75
  warning: var(--c-text-warning),
76
76
  connect: var(--c-text-connect),
77
+ connectAlt: var(--c-text-connectAlt),
77
78
  driver: var(--c-text-driver),
78
79
  owner: var(--c-text-owner),
79
80
  inversed: var(--c-text-inversed)
package/styles/core/default-theme.scss ADDED
@@ -0,0 +1,167 @@
1
+ /**********************************/
2
+ /* GENERATED WHEN BUILDING COBALT */
3
+ /*** DO NOT MODIFY IT DIRECTLY ****/
4
+ /**********************************/
5
+ :root {
6
+ --c-background-primary: var(--c-white);
7
+ --c-background-secondary: var(--c-white);
8
+ --c-background-secondaryInteractive: var(--c-white);
9
+ --c-background-secondaryInteractive--hover: var(--c-navy-50);
10
+ --c-background-accent: var(--c-purple-500);
11
+ --c-background-accentInteractive: var(--c-purple-500);
12
+ --c-background-accentInteractive--hover: var(--c-purple-700);
13
+ --c-background-accentAlt: var(--c-purple-100);
14
+ --c-background-accentAltInteractive: var(--c-purple-100);
15
+ --c-background-accentAltInteractive--hover: var(--c-purpleLight-100);
16
+ --c-background-info: var(--c-yellow-100);
17
+ --c-background-error: var(--c-red-500);
18
+ --c-background-errorInteractive: var(--c-red-500);
19
+ --c-background-errorInteractive--hover: var(--c-red-700);
20
+ --c-background-errorAlt: var(--c-red-100);
21
+ --c-background-success: var(--c-green-700);
22
+ --c-background-successAlt: var(--c-green-100);
23
+ --c-background-connect: var(--c-turquoise-500);
24
+ --c-background-connectInteractive: var(--c-turquoise-500);
25
+ --c-background-connectInteractive--hover: var(--c-turquoise-700);
26
+ --c-background-connectAlt: var(--c-turquoise-50);
27
+ --c-background-driver: var(--c-yellow-500);
28
+ --c-background-owner: var(--c-navy-700);
29
+ --c-background-disabled: var(--c-navy-100);
30
+ --c-background-neutral: var(--c-navy-100);
31
+ --c-background-neutralAlt: var(--c-navy-50);
32
+ --c-background-seasonLow: var(--c-season-100);
33
+ --c-background-seasonMedium: var(--c-season-200);
34
+ --c-background-seasonHigh: var(--c-season-300);
35
+ --c-background-seasonVeryHigh: var(--c-season-400);
36
+ --c-text-base: var(--c-navy-700);
37
+ --c-text-baseInteractive: var(--c-navy-700);
38
+ --c-text-baseInteractive--hover: var(--c-navy-300);
39
+ --c-text-subdued: var(--c-navy-300);
40
+ --c-text-subduedInteractive: var(--c-navy-300);
41
+ --c-text-subduedInteractive--hover: var(--c-navy-500);
42
+ --c-text-accent: var(--c-purple-500);
43
+ --c-text-accentInteractive: var(--c-purple-500);
44
+ --c-text-accentInteractive--hover: var(--c-purple-700);
45
+ --c-text-accentAlt: var(--c-purple-500);
46
+ --c-text-accentAltInteractive: var(--c-purple-500);
47
+ --c-text-accentAltInteractive--hover: var(--c-purple-700);
48
+ --c-text-info: var(--c-yellow-900);
49
+ --c-text-infoAlt: var(--c-yellow-500);
50
+ --c-text-error: var(--c-red-500);
51
+ --c-text-errorAlt: var(--c-red-500);
52
+ --c-text-success: var(--c-green-700);
53
+ --c-text-successAlt: var(--c-green-900);
54
+ --c-text-warning: var(--c-orange-500);
55
+ --c-text-connect: var(--c-turquoise-500);
56
+ --c-text-connectAlt: var(--c-turquoise-900);
57
+ --c-text-driver: var(--c-navy-700);
58
+ --c-text-owner: var(--c-white);
59
+ --c-text-inversed: var(--c-white);
60
+ --c-buttonBackground-selected: var(--c-purple-100);
61
+ --c-buttonBackground-destructiveInteractive: var(--c-red-100);
62
+ --c-buttonBackground-destructiveInteractive--hover: var(--c-red-120);
63
+ --c-buttonBackground-destructiveInteractive--press: var(--c-red-150);
64
+ --c-buttonBackground-disabled: var(--c-navy-100);
65
+ --c-buttonBackground-primaryInteractive: var(--c-purple-500);
66
+ --c-buttonBackground-primaryInteractive--hover: var(--c-purple-700);
67
+ --c-buttonBackground-primaryInteractive--press: var(--c-purple-900);
68
+ --c-buttonBackground-secondaryInteractive: var(--c-white);
69
+ --c-buttonBackground-secondaryInteractive--hover: var(--c-white);
70
+ --c-buttonBackground-secondaryInteractive--press: var(--c-white);
71
+ --c-buttonBackground-success: var(--c-green-700);
72
+ --c-buttonBackground-successAltInteractive: var(--c-green-100);
73
+ --c-buttonBackground-successAltInteractive--hover: var(--c-green-120);
74
+ --c-buttonBackground-successAltInteractive--press: var(--c-green-150);
75
+ --c-buttonBackground-tertiaryInteractive: var(--c-white);
76
+ --c-buttonBackground-tertiaryInteractive--hover: var(--c-white);
77
+ --c-buttonBackground-tertiaryInteractive--press: var(--c-white);
78
+ --c-buttonIcon-selected: var(--c-purple-500);
79
+ --c-buttonIcon-destructiveInteractive: var(--c-red-500);
80
+ --c-buttonIcon-destructiveInteractive--hover: var(--c-red-500);
81
+ --c-buttonIcon-destructiveInteractive--press: var(--c-red-500);
82
+ --c-buttonIcon-disabled: var(--c-navy-300);
83
+ --c-buttonIcon-primaryInteractive: var(--c-white);
84
+ --c-buttonIcon-primaryInteractive--hover: var(--c-white);
85
+ --c-buttonIcon-primaryInteractive--press: var(--c-white);
86
+ --c-buttonIcon-secondaryInteractive: var(--c-purple-500);
87
+ --c-buttonIcon-secondaryInteractive--hover: var(--c-purple-700);
88
+ --c-buttonIcon-secondaryInteractive--press: var(--c-purple-900);
89
+ --c-buttonIcon-success: var(--c-white);
90
+ --c-buttonIcon-successAltInteractive: var(--c-green-900);
91
+ --c-buttonIcon-successAltInteractive--hover: var(--c-green-900);
92
+ --c-buttonIcon-successAltInteractive--press: var(--c-green-900);
93
+ --c-buttonIcon-tertiaryInteractive: var(--c-purple-500);
94
+ --c-buttonIcon-tertiaryInteractive--hover: var(--c-purple-700);
95
+ --c-buttonIcon-tertiaryInteractive--press: var(--c-purple-900);
96
+ --c-buttonLabel-selected: var(--c-purple-500);
97
+ --c-buttonLabel-destructiveInteractive: var(--c-red-500);
98
+ --c-buttonLabel-destructiveInteractive--hover: var(--c-red-500);
99
+ --c-buttonLabel-destructiveInteractive--press: var(--c-red-500);
100
+ --c-buttonLabel-disabled: var(--c-navy-300);
101
+ --c-buttonLabel-primaryInteractive: var(--c-white);
102
+ --c-buttonLabel-primaryInteractive--hover: var(--c-white);
103
+ --c-buttonLabel-primaryInteractive--press: var(--c-white);
104
+ --c-buttonLabel-secondaryInteractive: var(--c-purple-500);
105
+ --c-buttonLabel-secondaryInteractive--hover: var(--c-purple-700);
106
+ --c-buttonLabel-secondaryInteractive--press: var(--c-purple-900);
107
+ --c-buttonLabel-success: var(--c-white);
108
+ --c-buttonLabel-successAltInteractive: var(--c-green-900);
109
+ --c-buttonLabel-successAltInteractive--hover: var(--c-green-900);
110
+ --c-buttonLabel-successAltInteractive--press: var(--c-green-900);
111
+ --c-buttonLabel-tertiaryInteractive: var(--c-purple-500);
112
+ --c-buttonLabel-tertiaryInteractive--hover: var(--c-purple-700);
113
+ --c-buttonLabel-tertiaryInteractive--press: var(--c-purple-900);
114
+ --c-icon-base: var(--c-navy-500);
115
+ --c-icon-baseInteractive: var(--c-navy-500);
116
+ --c-icon-baseInteractive--hover: var(--c-navy-700);
117
+ --c-icon-subdued: var(--c-navy-300);
118
+ --c-icon-subduedInteractive: var(--c-navy-300);
119
+ --c-icon-subduedInteractive--hover: var(--c-navy-500);
120
+ --c-icon-accent: var(--c-purple-500);
121
+ --c-icon-accentInteractive: var(--c-purple-500);
122
+ --c-icon-accentInteractive--hover: var(--c-purple-700);
123
+ --c-icon-accentAlt: var(--c-purple-500);
124
+ --c-icon-accentAltInteractive: var(--c-purple-500);
125
+ --c-icon-accentAltInteractive--hover: var(--c-purple-700);
126
+ --c-icon-info: var(--c-yellow-900);
127
+ --c-icon-infoAlt: var(--c-yellow-500);
128
+ --c-icon-error: var(--c-red-500);
129
+ --c-icon-errorAlt: var(--c-red-500);
130
+ --c-icon-success: var(--c-green-700);
131
+ --c-icon-successAlt: var(--c-green-900);
132
+ --c-icon-warning: var(--c-orange-500);
133
+ --c-icon-connect: var(--c-turquoise-500);
134
+ --c-icon-connectAlt: var(--c-turquoise-900);
135
+ --c-icon-driver: var(--c-navy-700);
136
+ --c-icon-owner: var(--c-white);
137
+ --c-icon-inversed: var(--c-white);
138
+ --c-icon-disabled: var(--c-navy-100);
139
+ --c-stroke-base: var(--c-navy-100);
140
+ --c-stroke-baseInteractive: var(--c-navy-100);
141
+ --c-stroke-baseInteractive--hover: var(--c-navy-300);
142
+ --c-stroke-baseInteractive--press: var(--c-navy-500);
143
+ --c-stroke-strong: var(--c-navy-300);
144
+ --c-stroke-strongInteractive: var(--c-navy-300);
145
+ --c-stroke-strongInteractive--hover: var(--c-navy-500);
146
+ --c-stroke-strongInteractive--press: var(--c-navy-700);
147
+ --c-stroke-subdued: var(--c-navy-100);
148
+ --c-stroke-accent: var(--c-purple-500);
149
+ --c-stroke-accentInteractive: var(--c-purple-500);
150
+ --c-stroke-accentInteractive--hover: var(--c-purple-700);
151
+ --c-stroke-accentInteractive--press: var(--c-purple-900);
152
+ --c-stroke-accentAlt: var(--c-purple-300);
153
+ --c-stroke-error: var(--c-red-500);
154
+ --c-stroke-errorAlt: var(--c-red-500);
155
+ --c-stroke-success: var(--c-green-500);
156
+ --c-stroke-successAlt: var(--c-green-500);
157
+ --c-fill-base: var(--c-navy-500);
158
+ --c-fill-secondary: var(--c-yellow-500);
159
+ --c-fill-subdued: var(--c-navy-100);
160
+ --c-fill-accent: var(--c-purple-500);
161
+ --c-fill-accentAlt: var(--c-purple-100);
162
+ --c-fill-error: var(--c-red-500);
163
+ --c-fill-negative: var(--c-red-150);
164
+ --c-fill-success: var(--c-green-500);
165
+ --c-fill-disabled: var(--c-navy-300);
166
+ --c-fill-neutral: var(--c-navy-50);
167
+ }
package/styles/core/theme.scss CHANGED
@@ -2,169 +2,6 @@
2
2
  /* GENERATED WHEN BUILDING COBALT */
3
3
  /*** DO NOT MODIFY IT DIRECTLY ****/
4
4
  /**********************************/
5
- :root {
6
- --c-background-primary: var(--c-white);
7
- --c-background-secondary: var(--c-white);
8
- --c-background-secondaryInteractive: var(--c-white);
9
- --c-background-secondaryInteractive--hover: var(--c-navy-50);
10
- --c-background-accent: var(--c-purple-500);
11
- --c-background-accentInteractive: var(--c-purple-500);
12
- --c-background-accentInteractive--hover: var(--c-purple-700);
13
- --c-background-accentAlt: var(--c-purple-100);
14
- --c-background-accentAltInteractive: var(--c-purple-100);
15
- --c-background-accentAltInteractive--hover: var(--c-purpleLight-100);
16
- --c-background-info: var(--c-yellow-100);
17
- --c-background-error: var(--c-red-500);
18
- --c-background-errorInteractive: var(--c-red-500);
19
- --c-background-errorInteractive--hover: var(--c-red-700);
20
- --c-background-errorAlt: var(--c-red-100);
21
- --c-background-success: var(--c-green-700);
22
- --c-background-successAlt: var(--c-green-100);
23
- --c-background-connect: var(--c-turquoise-500);
24
- --c-background-connectInteractive: var(--c-turquoise-500);
25
- --c-background-connectInteractive--hover: var(--c-turquoise-700);
26
- --c-background-connectAlt: var(--c-turquoise-50);
27
- --c-background-driver: var(--c-yellow-500);
28
- --c-background-owner: var(--c-navy-700);
29
- --c-background-disabled: var(--c-navy-100);
30
- --c-background-neutral: var(--c-navy-100);
31
- --c-background-neutralAlt: var(--c-navy-50);
32
- --c-background-seasonLow: var(--c-season-100);
33
- --c-background-seasonMedium: var(--c-season-200);
34
- --c-background-seasonHigh: var(--c-season-300);
35
- --c-background-seasonVeryHigh: var(--c-season-400);
36
- --c-text-base: var(--c-navy-700);
37
- --c-text-baseInteractive: var(--c-navy-700);
38
- --c-text-baseInteractive--hover: var(--c-navy-300);
39
- --c-text-subdued: var(--c-navy-300);
40
- --c-text-subduedInteractive: var(--c-navy-300);
41
- --c-text-subduedInteractive--hover: var(--c-navy-500);
42
- --c-text-accent: var(--c-purple-500);
43
- --c-text-accentInteractive: var(--c-purple-500);
44
- --c-text-accentInteractive--hover: var(--c-purple-700);
45
- --c-text-accentAlt: var(--c-purple-500);
46
- --c-text-accentAltInteractive: var(--c-purple-500);
47
- --c-text-accentAltInteractive--hover: var(--c-purple-700);
48
- --c-text-info: var(--c-yellow-900);
49
- --c-text-infoAlt: var(--c-yellow-500);
50
- --c-text-error: var(--c-red-500);
51
- --c-text-errorAlt: var(--c-red-500);
52
- --c-text-success: var(--c-green-700);
53
- --c-text-successAlt: var(--c-green-900);
54
- --c-text-warning: var(--c-orange-500);
55
- --c-text-connect: var(--c-turquoise-500);
56
- --c-text-driver: var(--c-navy-700);
57
- --c-text-owner: var(--c-white);
58
- --c-text-inversed: var(--c-white);
59
- --c-buttonBackground-selected: var(--c-purple-100);
60
- --c-buttonBackground-destructiveInteractive: var(--c-red-100);
61
- --c-buttonBackground-destructiveInteractive--hover: var(--c-red-120);
62
- --c-buttonBackground-destructiveInteractive--press: var(--c-red-150);
63
- --c-buttonBackground-disabled: var(--c-navy-100);
64
- --c-buttonBackground-primaryInteractive: var(--c-purple-500);
65
- --c-buttonBackground-primaryInteractive--hover: var(--c-purple-700);
66
- --c-buttonBackground-primaryInteractive--press: var(--c-purple-900);
67
- --c-buttonBackground-secondaryInteractive: var(--c-white);
68
- --c-buttonBackground-secondaryInteractive--hover: var(--c-white);
69
- --c-buttonBackground-secondaryInteractive--press: var(--c-white);
70
- --c-buttonBackground-success: var(--c-green-700);
71
- --c-buttonBackground-successAltInteractive: var(--c-green-100);
72
- --c-buttonBackground-successAltInteractive--hover: var(--c-green-120);
73
- --c-buttonBackground-successAltInteractive--press: var(--c-green-150);
74
- --c-buttonBackground-tertiaryInteractive: var(--c-white);
75
- --c-buttonBackground-tertiaryInteractive--hover: var(--c-white);
76
- --c-buttonBackground-tertiaryInteractive--press: var(--c-white);
77
- --c-buttonIcon-selected: var(--c-purple-500);
78
- --c-buttonIcon-destructiveInteractive: var(--c-red-500);
79
- --c-buttonIcon-destructiveInteractive--hover: var(--c-red-500);
80
- --c-buttonIcon-destructiveInteractive--press: var(--c-red-500);
81
- --c-buttonIcon-disabled: var(--c-navy-300);
82
- --c-buttonIcon-primaryInteractive: var(--c-white);
83
- --c-buttonIcon-primaryInteractive--hover: var(--c-white);
84
- --c-buttonIcon-primaryInteractive--press: var(--c-white);
85
- --c-buttonIcon-secondaryInteractive: var(--c-purple-500);
86
- --c-buttonIcon-secondaryInteractive--hover: var(--c-purple-700);
87
- --c-buttonIcon-secondaryInteractive--press: var(--c-purple-900);
88
- --c-buttonIcon-success: var(--c-white);
89
- --c-buttonIcon-successAltInteractive: var(--c-green-900);
90
- --c-buttonIcon-successAltInteractive--hover: var(--c-green-900);
91
- --c-buttonIcon-successAltInteractive--press: var(--c-green-900);
92
- --c-buttonIcon-tertiaryInteractive: var(--c-purple-500);
93
- --c-buttonIcon-tertiaryInteractive--hover: var(--c-purple-700);
94
- --c-buttonIcon-tertiaryInteractive--press: var(--c-purple-900);
95
- --c-buttonLabel-selected: var(--c-purple-500);
96
- --c-buttonLabel-destructiveInteractive: var(--c-red-500);
97
- --c-buttonLabel-destructiveInteractive--hover: var(--c-red-500);
98
- --c-buttonLabel-destructiveInteractive--press: var(--c-red-500);
99
- --c-buttonLabel-disabled: var(--c-navy-300);
100
- --c-buttonLabel-primaryInteractive: var(--c-white);
101
- --c-buttonLabel-primaryInteractive--hover: var(--c-white);
102
- --c-buttonLabel-primaryInteractive--press: var(--c-white);
103
- --c-buttonLabel-secondaryInteractive: var(--c-purple-500);
104
- --c-buttonLabel-secondaryInteractive--hover: var(--c-purple-700);
105
- --c-buttonLabel-secondaryInteractive--press: var(--c-purple-900);
106
- --c-buttonLabel-success: var(--c-white);
107
- --c-buttonLabel-successAltInteractive: var(--c-green-900);
108
- --c-buttonLabel-successAltInteractive--hover: var(--c-green-900);
109
- --c-buttonLabel-successAltInteractive--press: var(--c-green-900);
110
- --c-buttonLabel-tertiaryInteractive: var(--c-purple-500);
111
- --c-buttonLabel-tertiaryInteractive--hover: var(--c-purple-700);
112
- --c-buttonLabel-tertiaryInteractive--press: var(--c-purple-900);
113
- --c-icon-base: var(--c-navy-500);
114
- --c-icon-baseInteractive: var(--c-navy-500);
115
- --c-icon-baseInteractive--hover: var(--c-navy-700);
116
- --c-icon-subdued: var(--c-navy-300);
117
- --c-icon-subduedInteractive: var(--c-navy-300);
118
- --c-icon-subduedInteractive--hover: var(--c-navy-500);
119
- --c-icon-accent: var(--c-purple-500);
120
- --c-icon-accentInteractive: var(--c-purple-500);
121
- --c-icon-accentInteractive--hover: var(--c-purple-700);
122
- --c-icon-accentAlt: var(--c-purple-500);
123
- --c-icon-accentAltInteractive: var(--c-purple-500);
124
- --c-icon-accentAltInteractive--hover: var(--c-purple-700);
125
- --c-icon-info: var(--c-yellow-900);
126
- --c-icon-infoAlt: var(--c-yellow-500);
127
- --c-icon-error: var(--c-red-500);
128
- --c-icon-errorAlt: var(--c-red-500);
129
- --c-icon-success: var(--c-green-700);
130
- --c-icon-successAlt: var(--c-green-900);
131
- --c-icon-warning: var(--c-orange-500);
132
- --c-icon-connect: var(--c-turquoise-500);
133
- --c-icon-connectAlt: var(--c-turquoise-900);
134
- --c-icon-driver: var(--c-navy-700);
135
- --c-icon-owner: var(--c-white);
136
- --c-icon-inversed: var(--c-white);
137
- --c-icon-disabled: var(--c-navy-100);
138
- --c-stroke-base: var(--c-navy-100);
139
- --c-stroke-baseInteractive: var(--c-navy-100);
140
- --c-stroke-baseInteractive--hover: var(--c-navy-300);
141
- --c-stroke-baseInteractive--press: var(--c-navy-500);
142
- --c-stroke-strong: var(--c-navy-300);
143
- --c-stroke-strongInteractive: var(--c-navy-300);
144
- --c-stroke-strongInteractive--hover: var(--c-navy-500);
145
- --c-stroke-strongInteractive--press: var(--c-navy-700);
146
- --c-stroke-subdued: var(--c-navy-100);
147
- --c-stroke-accent: var(--c-purple-500);
148
- --c-stroke-accentInteractive: var(--c-purple-500);
149
- --c-stroke-accentInteractive--hover: var(--c-purple-700);
150
- --c-stroke-accentInteractive--press: var(--c-purple-900);
151
- --c-stroke-accentAlt: var(--c-purple-300);
152
- --c-stroke-error: var(--c-red-500);
153
- --c-stroke-errorAlt: var(--c-red-500);
154
- --c-stroke-success: var(--c-green-500);
155
- --c-stroke-successAlt: var(--c-green-500);
156
- --c-fill-base: var(--c-navy-500);
157
- --c-fill-secondary: var(--c-yellow-500);
158
- --c-fill-subdued: var(--c-navy-100);
159
- --c-fill-accent: var(--c-purple-500);
160
- --c-fill-accentAlt: var(--c-purple-100);
161
- --c-fill-error: var(--c-red-500);
162
- --c-fill-negative: var(--c-red-150);
163
- --c-fill-success: var(--c-green-500);
164
- --c-fill-disabled: var(--c-navy-300);
165
- --c-fill-neutral: var(--c-navy-50);
166
- }
167
-
168
5
  .use-cobalt-light-theme {
169
6
  --c-background-primary: var(--c-white);
170
7
  --c-background-secondary: var(--c-white);
@@ -216,6 +53,7 @@
216
53
  --c-text-successAlt: var(--c-green-900);
217
54
  --c-text-warning: var(--c-orange-500);
218
55
  --c-text-connect: var(--c-turquoise-500);
56
+ --c-text-connectAlt: var(--c-turquoise-900);
219
57
  --c-text-driver: var(--c-navy-700);
220
58
  --c-text-owner: var(--c-white);
221
59
  --c-text-inversed: var(--c-white);
@@ -379,6 +217,7 @@
379
217
  --c-text-successAlt: var(--c-green-100);
380
218
  --c-text-warning: var(--c-orange-300);
381
219
  --c-text-connect: var(--c-turquoise-500);
220
+ --c-text-connectAlt: var(--c-turquoise-50);
382
221
  --c-text-driver: var(--c-navy-700);
383
222
  --c-text-owner: var(--c-grey-100);
384
223
  --c-text-inversed: var(--c-white);
package/styles/core.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  @import "core/fonts";
2
2
  @import "core/palette";
3
- @import "core/theme";
3
+ @import "core/default-theme";
4
4
  @import "core/utilities";
5
5
  @import "core/color";
6
6
  @import "core/animation";
package/tokens/icons.js CHANGED
@@ -112,7 +112,7 @@ const icons = {
112
112
  filters: "filters.svg",
113
113
  flag: "flag.svg",
114
114
  fourByFour: "four-by-four.svg",
115
- fourWheelsDriving: "four-wheels-driving.svg",
115
+ fourWheelDrive: "four-wheel-drive.svg",
116
116
  fuelTank: "fuel-tank.svg",
117
117
  geolocation: "geolocation.svg",
118
118
  gift: "gift.svg",
package/tokens/theme.js CHANGED
@@ -69,6 +69,7 @@ const text = {
69
69
  successAlt: "white/green.900/green.100",
70
70
  warning: "coral/orange.500/orange.300",
71
71
  connect: "turquoise/turquoise.500/turquoise.500",
72
+ connectAlt: "turquoise/turquoise.900/turquoise.50",
72
73
  driver: "graphite/navy.700/navy.700",
73
74
  owner: "white/white/grey.100",
74
75
  inversed: "white/white/white"
package/tokens/theme.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"theme.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"theme.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/types/components/Form/Autocomplete/index.d.ts CHANGED
@@ -23,7 +23,7 @@ type Props = {
23
23
  renderItem?: (item: AutocompleteItem, term: string) => React.ReactNode;
24
24
  } & FormElement & React.InputHTMLAttributes<HTMLInputElement>;
25
25
  declare const wrappedComponent: React.ComponentClass<{
26
- icon?: "map" | "filter" | "search" | "accountDetails" | "addPicture" | "airConditioning" | "airport" | "android" | "antique" | "arrowLeftCircleFilled" | "arrowLeft" | "arrowRightCircleFilled" | "arrowRightCircle" | "arrowRight" | "audioInput" | "babySeat" | "battery" | "bell" | "bikeRack" | "bin" | "bluetooth" | "briefcase" | "bulb" | "cable" | "cabriolet" | "calendarCheck" | "calendarClock" | "calendarEnd" | "calendarStart" | "calendar" | "cameraAdd" | "camera" | "campervan" | "carAdd" | "carCheck" | "carDamages" | "carDrivyOpen" | "carGroup" | "carLock" | "carPlay" | "carReturn" | "carSearch" | "carTypeAntique" | "carTypeCabriolet" | "carTypeCampervan" | "carTypeCity" | "carTypeConvertible" | "carTypeCoupe" | "carTypeFamily" | "carTypeFourFour" | "carTypeMinibus" | "carTypeSedan" | "carTypeUtility" | "car" | "card" | "cdPlayer" | "certificate" | "chains" | "checkCircleFilled" | "checkCircle" | "check" | "checklist" | "chevronDown" | "chevronLeft" | "chevronRight" | "chevronUp" | "circledArrowRight" | "city" | "cleaning" | "clockAlert" | "clockBackwards" | "clockForwards" | "clock" | "closeCircleFilled" | "close" | "connectCar" | "contactMail" | "contactPhone" | "contextualPaperclip" | "contextualQuestion" | "contextualWarningCircleFilled" | "contextualWarningCircle" | "convertible" | "copy" | "coupe" | "creditCardAdd" | "creditCardError" | "creditCard" | "cruiseControl" | "dashcam" | "directions" | "document" | "dotHorizontal" | "dotVertical" | "dotsHorizontal" | "dotsVertical" | "download" | "earning" | "earth" | "edit" | "electric" | "evBattery" | "evCable" | "evCharger" | "externalLink" | "eyeClosed" | "eyeOpened" | "eye" | "faceRecognition" | "facebook" | "family" | "fileFilled" | "filters" | "flag" | "fourByFour" | "fourWheelsDriving" | "fuelTank" | "geolocation" | "gift" | "gps" | "graphUp" | "healing" | "heart" | "hitch" | "home" | "idCard" | "incident" | "infoCircleFilled" | "infoCircle" | "infoFilled" | "info" | "instant" | "invoice" | "keyConnect" | "key" | "licenceCheck" | "licencePaper" | "licence" | "lifeBuoy" | "linkedin" | "loading" | "locality" | "locationMap" | "locationParking" | "locationPin" | "location" | "lockCheck" | "locked" | "login" | "logout" | "mailCheck" | "mail" | "mapAlt" | "meetDriver" | "meetOwner" | "menuList" | "messages" | "mileage" | "minibus" | "minusCircleFilled" | "minus" | "miscGift" | "nearbyDevice" | "notification" | "number1Circle" | "number2Circle" | "number3Circle" | "number4Circle" | "number5Circle" | "okHand" | "optionAirConditioning" | "optionAndroidAuto" | "optionAppleCarplay" | "optionAudioInput" | "optionBabySeat" | "optionBikeRack" | "optionBluetoothAudio" | "optionCdPlayer" | "optionChains" | "optionCruiseControl" | "optionDashcam" | "optionGps" | "optionHasTrailer" | "optionHitch" | "optionRoofBox" | "optionSkiRack" | "optionSnowTire" | "optionWheelchairAccessible" | "paperclip" | "parking" | "passport" | "payments" | "pencil" | "peopleUser" | "performance" | "phoneLink" | "phone" | "photos" | "pickupTruck" | "pig" | "pin" | "plug" | "plusCircleFilled" | "plus" | "position" | "pricingFlat" | "pricingVariable" | "profilePicture" | "questionCircleFilled" | "questionCircle" | "question" | "raceFlag" | "refresh" | "reorder" | "replacementCar" | "reply" | "reset" | "ride" | "roofBox" | "sealCheck" | "searchCar" | "searchPeople" | "sedan" | "serviceBattery" | "serviceCleaning" | "serviceFuel" | "serviceHealing" | "serviceLocked" | "serviceTolls" | "serviceUnlocked" | "settings" | "shareAndroid" | "shareIos" | "share" | "shieldCheck" | "shield" | "shop" | "skiRack" | "slider" | "smartphone" | "snowTire" | "socialFacebook" | "socialLinkedin" | "socialTwitter" | "socialWhatsapp" | "starHalf" | "star" | "stars" | "subway" | "suitcase" | "support" | "suv" | "synch" | "tag" | "timeAlert" | "timeBackwards" | "timeCalendar" | "timeForward" | "tolls" | "trailer" | "train" | "triangleDown" | "triangleRight" | "triangleUp" | "twitter" | "twoPeople" | "unfold" | "unlocked" | "userCheck" | "userQuestion" | "userShield" | "userSwitch" | "user" | "utilityVanLarge" | "utilityVanMedium" | "utilityVanSmall" | "verifiedSeal" | "walk" | "wallet" | "warningCircleFilled" | "warningCircle" | "whatsapp" | "wheel" | "wheelchair" | "wrench" | "yingyang" | undefined;
26
+ icon?: "map" | "filter" | "search" | "accountDetails" | "addPicture" | "airConditioning" | "airport" | "android" | "antique" | "arrowLeftCircleFilled" | "arrowLeft" | "arrowRightCircleFilled" | "arrowRightCircle" | "arrowRight" | "audioInput" | "babySeat" | "battery" | "bell" | "bikeRack" | "bin" | "bluetooth" | "briefcase" | "bulb" | "cable" | "cabriolet" | "calendarCheck" | "calendarClock" | "calendarEnd" | "calendarStart" | "calendar" | "cameraAdd" | "camera" | "campervan" | "carAdd" | "carCheck" | "carDamages" | "carDrivyOpen" | "carGroup" | "carLock" | "carPlay" | "carReturn" | "carSearch" | "carTypeAntique" | "carTypeCabriolet" | "carTypeCampervan" | "carTypeCity" | "carTypeConvertible" | "carTypeCoupe" | "carTypeFamily" | "carTypeFourFour" | "carTypeMinibus" | "carTypeSedan" | "carTypeUtility" | "car" | "card" | "cdPlayer" | "certificate" | "chains" | "checkCircleFilled" | "checkCircle" | "check" | "checklist" | "chevronDown" | "chevronLeft" | "chevronRight" | "chevronUp" | "circledArrowRight" | "city" | "cleaning" | "clockAlert" | "clockBackwards" | "clockForwards" | "clock" | "closeCircleFilled" | "close" | "connectCar" | "contactMail" | "contactPhone" | "contextualPaperclip" | "contextualQuestion" | "contextualWarningCircleFilled" | "contextualWarningCircle" | "convertible" | "copy" | "coupe" | "creditCardAdd" | "creditCardError" | "creditCard" | "cruiseControl" | "dashcam" | "directions" | "document" | "dotHorizontal" | "dotVertical" | "dotsHorizontal" | "dotsVertical" | "download" | "earning" | "earth" | "edit" | "electric" | "evBattery" | "evCable" | "evCharger" | "externalLink" | "eyeClosed" | "eyeOpened" | "eye" | "faceRecognition" | "facebook" | "family" | "fileFilled" | "filters" | "flag" | "fourByFour" | "fourWheelDrive" | "fuelTank" | "geolocation" | "gift" | "gps" | "graphUp" | "healing" | "heart" | "hitch" | "home" | "idCard" | "incident" | "infoCircleFilled" | "infoCircle" | "infoFilled" | "info" | "instant" | "invoice" | "keyConnect" | "key" | "licenceCheck" | "licencePaper" | "licence" | "lifeBuoy" | "linkedin" | "loading" | "locality" | "locationMap" | "locationParking" | "locationPin" | "location" | "lockCheck" | "locked" | "login" | "logout" | "mailCheck" | "mail" | "mapAlt" | "meetDriver" | "meetOwner" | "menuList" | "messages" | "mileage" | "minibus" | "minusCircleFilled" | "minus" | "miscGift" | "nearbyDevice" | "notification" | "number1Circle" | "number2Circle" | "number3Circle" | "number4Circle" | "number5Circle" | "okHand" | "optionAirConditioning" | "optionAndroidAuto" | "optionAppleCarplay" | "optionAudioInput" | "optionBabySeat" | "optionBikeRack" | "optionBluetoothAudio" | "optionCdPlayer" | "optionChains" | "optionCruiseControl" | "optionDashcam" | "optionGps" | "optionHasTrailer" | "optionHitch" | "optionRoofBox" | "optionSkiRack" | "optionSnowTire" | "optionWheelchairAccessible" | "paperclip" | "parking" | "passport" | "payments" | "pencil" | "peopleUser" | "performance" | "phoneLink" | "phone" | "photos" | "pickupTruck" | "pig" | "pin" | "plug" | "plusCircleFilled" | "plus" | "position" | "pricingFlat" | "pricingVariable" | "profilePicture" | "questionCircleFilled" | "questionCircle" | "question" | "raceFlag" | "refresh" | "reorder" | "replacementCar" | "reply" | "reset" | "ride" | "roofBox" | "sealCheck" | "searchCar" | "searchPeople" | "sedan" | "serviceBattery" | "serviceCleaning" | "serviceFuel" | "serviceHealing" | "serviceLocked" | "serviceTolls" | "serviceUnlocked" | "settings" | "shareAndroid" | "shareIos" | "share" | "shieldCheck" | "shield" | "shop" | "skiRack" | "slider" | "smartphone" | "snowTire" | "socialFacebook" | "socialLinkedin" | "socialTwitter" | "socialWhatsapp" | "starHalf" | "star" | "stars" | "subway" | "suitcase" | "support" | "suv" | "synch" | "tag" | "timeAlert" | "timeBackwards" | "timeCalendar" | "timeForward" | "tolls" | "trailer" | "train" | "triangleDown" | "triangleRight" | "triangleUp" | "twitter" | "twoPeople" | "unfold" | "unlocked" | "userCheck" | "userQuestion" | "userShield" | "userSwitch" | "user" | "utilityVanLarge" | "utilityVanMedium" | "utilityVanSmall" | "verifiedSeal" | "walk" | "wallet" | "warningCircleFilled" | "warningCircle" | "whatsapp" | "wheel" | "wheelchair" | "wrench" | "yingyang" | undefined;
27
27
  items: (AutocompleteItem | string)[];
28
28
  minQueryLength?: number | undefined;
29
29
  autoFilter?: boolean | undefined;
package/types/components/Form/TextInput.d.ts CHANGED
@@ -8,13 +8,13 @@ type Props = {
8
8
  forwardedRef?: React.Ref<HTMLInputElement>;
9
9
  } & FormElement & React.InputHTMLAttributes<HTMLInputElement>;
10
10
  export declare const TextInputWrapper: ({ icon, status, render, }: {
11
- icon?: "search" | "accountDetails" | "addPicture" | "airConditioning" | "airport" | "android" | "antique" | "arrowLeftCircleFilled" | "arrowLeft" | "arrowRightCircleFilled" | "arrowRightCircle" | "arrowRight" | "audioInput" | "babySeat" | "battery" | "bell" | "bikeRack" | "bin" | "bluetooth" | "briefcase" | "bulb" | "cable" | "cabriolet" | "calendarCheck" | "calendarClock" | "calendarEnd" | "calendarStart" | "calendar" | "cameraAdd" | "camera" | "campervan" | "carAdd" | "carCheck" | "carDamages" | "carDrivyOpen" | "carGroup" | "carLock" | "carPlay" | "carReturn" | "carSearch" | "carTypeAntique" | "carTypeCabriolet" | "carTypeCampervan" | "carTypeCity" | "carTypeConvertible" | "carTypeCoupe" | "carTypeFamily" | "carTypeFourFour" | "carTypeMinibus" | "carTypeSedan" | "carTypeUtility" | "car" | "card" | "cdPlayer" | "certificate" | "chains" | "checkCircleFilled" | "checkCircle" | "check" | "checklist" | "chevronDown" | "chevronLeft" | "chevronRight" | "chevronUp" | "circledArrowRight" | "city" | "cleaning" | "clockAlert" | "clockBackwards" | "clockForwards" | "clock" | "closeCircleFilled" | "close" | "connectCar" | "contactMail" | "contactPhone" | "contextualPaperclip" | "contextualQuestion" | "contextualWarningCircleFilled" | "contextualWarningCircle" | "convertible" | "copy" | "coupe" | "creditCardAdd" | "creditCardError" | "creditCard" | "cruiseControl" | "dashcam" | "directions" | "document" | "dotHorizontal" | "dotVertical" | "dotsHorizontal" | "dotsVertical" | "download" | "earning" | "earth" | "edit" | "electric" | "evBattery" | "evCable" | "evCharger" | "externalLink" | "eyeClosed" | "eyeOpened" | "eye" | "faceRecognition" | "facebook" | "family" | "fileFilled" | "filter" | "filters" | "flag" | "fourByFour" | "fourWheelsDriving" | "fuelTank" | "geolocation" | "gift" | "gps" | "graphUp" | "healing" | "heart" | "hitch" | "home" | "idCard" | "incident" | "infoCircleFilled" | "infoCircle" | "infoFilled" | "info" | "instant" | "invoice" | "keyConnect" | "key" | "licenceCheck" | "licencePaper" | "licence" | "lifeBuoy" | "linkedin" | "loading" | "locality" | "locationMap" | "locationParking" | "locationPin" | "location" | "lockCheck" | "locked" | "login" | "logout" | "mailCheck" | "mail" | "mapAlt" | "map" | "meetDriver" | "meetOwner" | "menuList" | "messages" | "mileage" | "minibus" | "minusCircleFilled" | "minus" | "miscGift" | "nearbyDevice" | "notification" | "number1Circle" | "number2Circle" | "number3Circle" | "number4Circle" | "number5Circle" | "okHand" | "optionAirConditioning" | "optionAndroidAuto" | "optionAppleCarplay" | "optionAudioInput" | "optionBabySeat" | "optionBikeRack" | "optionBluetoothAudio" | "optionCdPlayer" | "optionChains" | "optionCruiseControl" | "optionDashcam" | "optionGps" | "optionHasTrailer" | "optionHitch" | "optionRoofBox" | "optionSkiRack" | "optionSnowTire" | "optionWheelchairAccessible" | "paperclip" | "parking" | "passport" | "payments" | "pencil" | "peopleUser" | "performance" | "phoneLink" | "phone" | "photos" | "pickupTruck" | "pig" | "pin" | "plug" | "plusCircleFilled" | "plus" | "position" | "pricingFlat" | "pricingVariable" | "profilePicture" | "questionCircleFilled" | "questionCircle" | "question" | "raceFlag" | "refresh" | "reorder" | "replacementCar" | "reply" | "reset" | "ride" | "roofBox" | "sealCheck" | "searchCar" | "searchPeople" | "sedan" | "serviceBattery" | "serviceCleaning" | "serviceFuel" | "serviceHealing" | "serviceLocked" | "serviceTolls" | "serviceUnlocked" | "settings" | "shareAndroid" | "shareIos" | "share" | "shieldCheck" | "shield" | "shop" | "skiRack" | "slider" | "smartphone" | "snowTire" | "socialFacebook" | "socialLinkedin" | "socialTwitter" | "socialWhatsapp" | "starHalf" | "star" | "stars" | "subway" | "suitcase" | "support" | "suv" | "synch" | "tag" | "timeAlert" | "timeBackwards" | "timeCalendar" | "timeForward" | "tolls" | "trailer" | "train" | "triangleDown" | "triangleRight" | "triangleUp" | "twitter" | "twoPeople" | "unfold" | "unlocked" | "userCheck" | "userQuestion" | "userShield" | "userSwitch" | "user" | "utilityVanLarge" | "utilityVanMedium" | "utilityVanSmall" | "verifiedSeal" | "walk" | "wallet" | "warningCircleFilled" | "warningCircle" | "whatsapp" | "wheel" | "wheelchair" | "wrench" | "yingyang" | undefined;
11
+ icon?: "search" | "accountDetails" | "addPicture" | "airConditioning" | "airport" | "android" | "antique" | "arrowLeftCircleFilled" | "arrowLeft" | "arrowRightCircleFilled" | "arrowRightCircle" | "arrowRight" | "audioInput" | "babySeat" | "battery" | "bell" | "bikeRack" | "bin" | "bluetooth" | "briefcase" | "bulb" | "cable" | "cabriolet" | "calendarCheck" | "calendarClock" | "calendarEnd" | "calendarStart" | "calendar" | "cameraAdd" | "camera" | "campervan" | "carAdd" | "carCheck" | "carDamages" | "carDrivyOpen" | "carGroup" | "carLock" | "carPlay" | "carReturn" | "carSearch" | "carTypeAntique" | "carTypeCabriolet" | "carTypeCampervan" | "carTypeCity" | "carTypeConvertible" | "carTypeCoupe" | "carTypeFamily" | "carTypeFourFour" | "carTypeMinibus" | "carTypeSedan" | "carTypeUtility" | "car" | "card" | "cdPlayer" | "certificate" | "chains" | "checkCircleFilled" | "checkCircle" | "check" | "checklist" | "chevronDown" | "chevronLeft" | "chevronRight" | "chevronUp" | "circledArrowRight" | "city" | "cleaning" | "clockAlert" | "clockBackwards" | "clockForwards" | "clock" | "closeCircleFilled" | "close" | "connectCar" | "contactMail" | "contactPhone" | "contextualPaperclip" | "contextualQuestion" | "contextualWarningCircleFilled" | "contextualWarningCircle" | "convertible" | "copy" | "coupe" | "creditCardAdd" | "creditCardError" | "creditCard" | "cruiseControl" | "dashcam" | "directions" | "document" | "dotHorizontal" | "dotVertical" | "dotsHorizontal" | "dotsVertical" | "download" | "earning" | "earth" | "edit" | "electric" | "evBattery" | "evCable" | "evCharger" | "externalLink" | "eyeClosed" | "eyeOpened" | "eye" | "faceRecognition" | "facebook" | "family" | "fileFilled" | "filter" | "filters" | "flag" | "fourByFour" | "fourWheelDrive" | "fuelTank" | "geolocation" | "gift" | "gps" | "graphUp" | "healing" | "heart" | "hitch" | "home" | "idCard" | "incident" | "infoCircleFilled" | "infoCircle" | "infoFilled" | "info" | "instant" | "invoice" | "keyConnect" | "key" | "licenceCheck" | "licencePaper" | "licence" | "lifeBuoy" | "linkedin" | "loading" | "locality" | "locationMap" | "locationParking" | "locationPin" | "location" | "lockCheck" | "locked" | "login" | "logout" | "mailCheck" | "mail" | "mapAlt" | "map" | "meetDriver" | "meetOwner" | "menuList" | "messages" | "mileage" | "minibus" | "minusCircleFilled" | "minus" | "miscGift" | "nearbyDevice" | "notification" | "number1Circle" | "number2Circle" | "number3Circle" | "number4Circle" | "number5Circle" | "okHand" | "optionAirConditioning" | "optionAndroidAuto" | "optionAppleCarplay" | "optionAudioInput" | "optionBabySeat" | "optionBikeRack" | "optionBluetoothAudio" | "optionCdPlayer" | "optionChains" | "optionCruiseControl" | "optionDashcam" | "optionGps" | "optionHasTrailer" | "optionHitch" | "optionRoofBox" | "optionSkiRack" | "optionSnowTire" | "optionWheelchairAccessible" | "paperclip" | "parking" | "passport" | "payments" | "pencil" | "peopleUser" | "performance" | "phoneLink" | "phone" | "photos" | "pickupTruck" | "pig" | "pin" | "plug" | "plusCircleFilled" | "plus" | "position" | "pricingFlat" | "pricingVariable" | "profilePicture" | "questionCircleFilled" | "questionCircle" | "question" | "raceFlag" | "refresh" | "reorder" | "replacementCar" | "reply" | "reset" | "ride" | "roofBox" | "sealCheck" | "searchCar" | "searchPeople" | "sedan" | "serviceBattery" | "serviceCleaning" | "serviceFuel" | "serviceHealing" | "serviceLocked" | "serviceTolls" | "serviceUnlocked" | "settings" | "shareAndroid" | "shareIos" | "share" | "shieldCheck" | "shield" | "shop" | "skiRack" | "slider" | "smartphone" | "snowTire" | "socialFacebook" | "socialLinkedin" | "socialTwitter" | "socialWhatsapp" | "starHalf" | "star" | "stars" | "subway" | "suitcase" | "support" | "suv" | "synch" | "tag" | "timeAlert" | "timeBackwards" | "timeCalendar" | "timeForward" | "tolls" | "trailer" | "train" | "triangleDown" | "triangleRight" | "triangleUp" | "twitter" | "twoPeople" | "unfold" | "unlocked" | "userCheck" | "userQuestion" | "userShield" | "userSwitch" | "user" | "utilityVanLarge" | "utilityVanMedium" | "utilityVanSmall" | "verifiedSeal" | "walk" | "wallet" | "warningCircleFilled" | "warningCircle" | "whatsapp" | "wheel" | "wheelchair" | "wrench" | "yingyang" | undefined;
12
12
  status?: FormElement["status"];
13
13
  render: (className: string) => React.ReactNode;
14
14
  }) => JSX.Element;
15
15
  declare const wrappedComponent: React.ComponentClass<{
16
16
  type?: TextInputType | undefined;
17
- icon?: "search" | "accountDetails" | "addPicture" | "airConditioning" | "airport" | "android" | "antique" | "arrowLeftCircleFilled" | "arrowLeft" | "arrowRightCircleFilled" | "arrowRightCircle" | "arrowRight" | "audioInput" | "babySeat" | "battery" | "bell" | "bikeRack" | "bin" | "bluetooth" | "briefcase" | "bulb" | "cable" | "cabriolet" | "calendarCheck" | "calendarClock" | "calendarEnd" | "calendarStart" | "calendar" | "cameraAdd" | "camera" | "campervan" | "carAdd" | "carCheck" | "carDamages" | "carDrivyOpen" | "carGroup" | "carLock" | "carPlay" | "carReturn" | "carSearch" | "carTypeAntique" | "carTypeCabriolet" | "carTypeCampervan" | "carTypeCity" | "carTypeConvertible" | "carTypeCoupe" | "carTypeFamily" | "carTypeFourFour" | "carTypeMinibus" | "carTypeSedan" | "carTypeUtility" | "car" | "card" | "cdPlayer" | "certificate" | "chains" | "checkCircleFilled" | "checkCircle" | "check" | "checklist" | "chevronDown" | "chevronLeft" | "chevronRight" | "chevronUp" | "circledArrowRight" | "city" | "cleaning" | "clockAlert" | "clockBackwards" | "clockForwards" | "clock" | "closeCircleFilled" | "close" | "connectCar" | "contactMail" | "contactPhone" | "contextualPaperclip" | "contextualQuestion" | "contextualWarningCircleFilled" | "contextualWarningCircle" | "convertible" | "copy" | "coupe" | "creditCardAdd" | "creditCardError" | "creditCard" | "cruiseControl" | "dashcam" | "directions" | "document" | "dotHorizontal" | "dotVertical" | "dotsHorizontal" | "dotsVertical" | "download" | "earning" | "earth" | "edit" | "electric" | "evBattery" | "evCable" | "evCharger" | "externalLink" | "eyeClosed" | "eyeOpened" | "eye" | "faceRecognition" | "facebook" | "family" | "fileFilled" | "filter" | "filters" | "flag" | "fourByFour" | "fourWheelsDriving" | "fuelTank" | "geolocation" | "gift" | "gps" | "graphUp" | "healing" | "heart" | "hitch" | "home" | "idCard" | "incident" | "infoCircleFilled" | "infoCircle" | "infoFilled" | "info" | "instant" | "invoice" | "keyConnect" | "key" | "licenceCheck" | "licencePaper" | "licence" | "lifeBuoy" | "linkedin" | "loading" | "locality" | "locationMap" | "locationParking" | "locationPin" | "location" | "lockCheck" | "locked" | "login" | "logout" | "mailCheck" | "mail" | "mapAlt" | "map" | "meetDriver" | "meetOwner" | "menuList" | "messages" | "mileage" | "minibus" | "minusCircleFilled" | "minus" | "miscGift" | "nearbyDevice" | "notification" | "number1Circle" | "number2Circle" | "number3Circle" | "number4Circle" | "number5Circle" | "okHand" | "optionAirConditioning" | "optionAndroidAuto" | "optionAppleCarplay" | "optionAudioInput" | "optionBabySeat" | "optionBikeRack" | "optionBluetoothAudio" | "optionCdPlayer" | "optionChains" | "optionCruiseControl" | "optionDashcam" | "optionGps" | "optionHasTrailer" | "optionHitch" | "optionRoofBox" | "optionSkiRack" | "optionSnowTire" | "optionWheelchairAccessible" | "paperclip" | "parking" | "passport" | "payments" | "pencil" | "peopleUser" | "performance" | "phoneLink" | "phone" | "photos" | "pickupTruck" | "pig" | "pin" | "plug" | "plusCircleFilled" | "plus" | "position" | "pricingFlat" | "pricingVariable" | "profilePicture" | "questionCircleFilled" | "questionCircle" | "question" | "raceFlag" | "refresh" | "reorder" | "replacementCar" | "reply" | "reset" | "ride" | "roofBox" | "sealCheck" | "searchCar" | "searchPeople" | "sedan" | "serviceBattery" | "serviceCleaning" | "serviceFuel" | "serviceHealing" | "serviceLocked" | "serviceTolls" | "serviceUnlocked" | "settings" | "shareAndroid" | "shareIos" | "share" | "shieldCheck" | "shield" | "shop" | "skiRack" | "slider" | "smartphone" | "snowTire" | "socialFacebook" | "socialLinkedin" | "socialTwitter" | "socialWhatsapp" | "starHalf" | "star" | "stars" | "subway" | "suitcase" | "support" | "suv" | "synch" | "tag" | "timeAlert" | "timeBackwards" | "timeCalendar" | "timeForward" | "tolls" | "trailer" | "train" | "triangleDown" | "triangleRight" | "triangleUp" | "twitter" | "twoPeople" | "unfold" | "unlocked" | "userCheck" | "userQuestion" | "userShield" | "userSwitch" | "user" | "utilityVanLarge" | "utilityVanMedium" | "utilityVanSmall" | "verifiedSeal" | "walk" | "wallet" | "warningCircleFilled" | "warningCircle" | "whatsapp" | "wheel" | "wheelchair" | "wrench" | "yingyang" | undefined;
17
+ icon?: "search" | "accountDetails" | "addPicture" | "airConditioning" | "airport" | "android" | "antique" | "arrowLeftCircleFilled" | "arrowLeft" | "arrowRightCircleFilled" | "arrowRightCircle" | "arrowRight" | "audioInput" | "babySeat" | "battery" | "bell" | "bikeRack" | "bin" | "bluetooth" | "briefcase" | "bulb" | "cable" | "cabriolet" | "calendarCheck" | "calendarClock" | "calendarEnd" | "calendarStart" | "calendar" | "cameraAdd" | "camera" | "campervan" | "carAdd" | "carCheck" | "carDamages" | "carDrivyOpen" | "carGroup" | "carLock" | "carPlay" | "carReturn" | "carSearch" | "carTypeAntique" | "carTypeCabriolet" | "carTypeCampervan" | "carTypeCity" | "carTypeConvertible" | "carTypeCoupe" | "carTypeFamily" | "carTypeFourFour" | "carTypeMinibus" | "carTypeSedan" | "carTypeUtility" | "car" | "card" | "cdPlayer" | "certificate" | "chains" | "checkCircleFilled" | "checkCircle" | "check" | "checklist" | "chevronDown" | "chevronLeft" | "chevronRight" | "chevronUp" | "circledArrowRight" | "city" | "cleaning" | "clockAlert" | "clockBackwards" | "clockForwards" | "clock" | "closeCircleFilled" | "close" | "connectCar" | "contactMail" | "contactPhone" | "contextualPaperclip" | "contextualQuestion" | "contextualWarningCircleFilled" | "contextualWarningCircle" | "convertible" | "copy" | "coupe" | "creditCardAdd" | "creditCardError" | "creditCard" | "cruiseControl" | "dashcam" | "directions" | "document" | "dotHorizontal" | "dotVertical" | "dotsHorizontal" | "dotsVertical" | "download" | "earning" | "earth" | "edit" | "electric" | "evBattery" | "evCable" | "evCharger" | "externalLink" | "eyeClosed" | "eyeOpened" | "eye" | "faceRecognition" | "facebook" | "family" | "fileFilled" | "filter" | "filters" | "flag" | "fourByFour" | "fourWheelDrive" | "fuelTank" | "geolocation" | "gift" | "gps" | "graphUp" | "healing" | "heart" | "hitch" | "home" | "idCard" | "incident" | "infoCircleFilled" | "infoCircle" | "infoFilled" | "info" | "instant" | "invoice" | "keyConnect" | "key" | "licenceCheck" | "licencePaper" | "licence" | "lifeBuoy" | "linkedin" | "loading" | "locality" | "locationMap" | "locationParking" | "locationPin" | "location" | "lockCheck" | "locked" | "login" | "logout" | "mailCheck" | "mail" | "mapAlt" | "map" | "meetDriver" | "meetOwner" | "menuList" | "messages" | "mileage" | "minibus" | "minusCircleFilled" | "minus" | "miscGift" | "nearbyDevice" | "notification" | "number1Circle" | "number2Circle" | "number3Circle" | "number4Circle" | "number5Circle" | "okHand" | "optionAirConditioning" | "optionAndroidAuto" | "optionAppleCarplay" | "optionAudioInput" | "optionBabySeat" | "optionBikeRack" | "optionBluetoothAudio" | "optionCdPlayer" | "optionChains" | "optionCruiseControl" | "optionDashcam" | "optionGps" | "optionHasTrailer" | "optionHitch" | "optionRoofBox" | "optionSkiRack" | "optionSnowTire" | "optionWheelchairAccessible" | "paperclip" | "parking" | "passport" | "payments" | "pencil" | "peopleUser" | "performance" | "phoneLink" | "phone" | "photos" | "pickupTruck" | "pig" | "pin" | "plug" | "plusCircleFilled" | "plus" | "position" | "pricingFlat" | "pricingVariable" | "profilePicture" | "questionCircleFilled" | "questionCircle" | "question" | "raceFlag" | "refresh" | "reorder" | "replacementCar" | "reply" | "reset" | "ride" | "roofBox" | "sealCheck" | "searchCar" | "searchPeople" | "sedan" | "serviceBattery" | "serviceCleaning" | "serviceFuel" | "serviceHealing" | "serviceLocked" | "serviceTolls" | "serviceUnlocked" | "settings" | "shareAndroid" | "shareIos" | "share" | "shieldCheck" | "shield" | "shop" | "skiRack" | "slider" | "smartphone" | "snowTire" | "socialFacebook" | "socialLinkedin" | "socialTwitter" | "socialWhatsapp" | "starHalf" | "star" | "stars" | "subway" | "suitcase" | "support" | "suv" | "synch" | "tag" | "timeAlert" | "timeBackwards" | "timeCalendar" | "timeForward" | "tolls" | "trailer" | "train" | "triangleDown" | "triangleRight" | "triangleUp" | "twitter" | "twoPeople" | "unfold" | "unlocked" | "userCheck" | "userQuestion" | "userShield" | "userSwitch" | "user" | "utilityVanLarge" | "utilityVanMedium" | "utilityVanSmall" | "verifiedSeal" | "walk" | "wallet" | "warningCircleFilled" | "warningCircle" | "whatsapp" | "wheel" | "wheelchair" | "wrench" | "yingyang" | undefined;
18
18
  forwardedRef?: React.Ref<HTMLInputElement> | undefined;
19
19
  } & FormElement & React.InputHTMLAttributes<HTMLInputElement> & {
20
20
  id?: string | undefined;
package/types/components/Icon/__generated__/{FourWheelsDrivingIcon.d.ts → FourWheelDriveIcon.d.ts} RENAMED
@@ -6,5 +6,5 @@ export type IconProps = {
6
6
  contained?: boolean;
7
7
  className?: string;
8
8
  };
9
- declare const FourWheelsDrivingIcon: ({ color, size, contained, className, }: IconProps) => JSX.Element;
10
- export default FourWheelsDrivingIcon;
9
+ declare const FourWheelDriveIcon: ({ color, size, contained, className, }: IconProps) => JSX.Element;
10
+ export default FourWheelDriveIcon;
package/types/components/Icon/__generated__/index.d.ts CHANGED
@@ -111,7 +111,7 @@ export { default as FilterIcon } from "./FilterIcon";
111
111
  export { default as FiltersIcon } from "./FiltersIcon";
112
112
  export { default as FlagIcon } from "./FlagIcon";
113
113
  export { default as FourByFourIcon } from "./FourByFourIcon";
114
- export { default as FourWheelsDrivingIcon } from "./FourWheelsDrivingIcon";
114
+ export { default as FourWheelDriveIcon } from "./FourWheelDriveIcon";
115
115
  export { default as FuelTankIcon } from "./FuelTankIcon";
116
116
  export { default as GeolocationIcon } from "./GeolocationIcon";
117
117
  export { default as GiftIcon } from "./GiftIcon";
package/types/components/Icon/index.d.ts CHANGED
@@ -22,7 +22,7 @@ export interface IconProps {
22
22
  contained?: boolean;
23
23
  className?: string;
24
24
  }
25
- export declare const isIconSource: (source: string) => source is "accountDetails" | "addPicture" | "airConditioning" | "airport" | "android" | "antique" | "arrowLeftCircleFilled" | "arrowLeft" | "arrowRightCircleFilled" | "arrowRightCircle" | "arrowRight" | "audioInput" | "babySeat" | "battery" | "bell" | "bikeRack" | "bin" | "bluetooth" | "briefcase" | "bulb" | "cable" | "cabriolet" | "calendarCheck" | "calendarClock" | "calendarEnd" | "calendarStart" | "calendar" | "cameraAdd" | "camera" | "campervan" | "carAdd" | "carCheck" | "carDamages" | "carDrivyOpen" | "carGroup" | "carLock" | "carPlay" | "carReturn" | "carSearch" | "carTypeAntique" | "carTypeCabriolet" | "carTypeCampervan" | "carTypeCity" | "carTypeConvertible" | "carTypeCoupe" | "carTypeFamily" | "carTypeFourFour" | "carTypeMinibus" | "carTypeSedan" | "carTypeUtility" | "car" | "card" | "cdPlayer" | "certificate" | "chains" | "checkCircleFilled" | "checkCircle" | "check" | "checklist" | "chevronDown" | "chevronLeft" | "chevronRight" | "chevronUp" | "circledArrowRight" | "city" | "cleaning" | "clockAlert" | "clockBackwards" | "clockForwards" | "clock" | "closeCircleFilled" | "close" | "connectCar" | "contactMail" | "contactPhone" | "contextualPaperclip" | "contextualQuestion" | "contextualWarningCircleFilled" | "contextualWarningCircle" | "convertible" | "copy" | "coupe" | "creditCardAdd" | "creditCardError" | "creditCard" | "cruiseControl" | "dashcam" | "directions" | "document" | "dotHorizontal" | "dotVertical" | "dotsHorizontal" | "dotsVertical" | "download" | "earning" | "earth" | "edit" | "electric" | "evBattery" | "evCable" | "evCharger" | "externalLink" | "eyeClosed" | "eyeOpened" | "eye" | "faceRecognition" | "facebook" | "family" | "fileFilled" | "filter" | "filters" | "flag" | "fourByFour" | "fourWheelsDriving" | "fuelTank" | "geolocation" | "gift" | "gps" | "graphUp" | "healing" | "heart" | "hitch" | "home" | "idCard" | "incident" | "infoCircleFilled" | "infoCircle" | "infoFilled" | "info" | "instant" | "invoice" | "keyConnect" | "key" | "licenceCheck" | "licencePaper" | "licence" | "lifeBuoy" | "linkedin" | "loading" | "locality" | "locationMap" | "locationParking" | "locationPin" | "location" | "lockCheck" | "locked" | "login" | "logout" | "mailCheck" | "mail" | "mapAlt" | "map" | "meetDriver" | "meetOwner" | "menuList" | "messages" | "mileage" | "minibus" | "minusCircleFilled" | "minus" | "miscGift" | "nearbyDevice" | "notification" | "number1Circle" | "number2Circle" | "number3Circle" | "number4Circle" | "number5Circle" | "okHand" | "optionAirConditioning" | "optionAndroidAuto" | "optionAppleCarplay" | "optionAudioInput" | "optionBabySeat" | "optionBikeRack" | "optionBluetoothAudio" | "optionCdPlayer" | "optionChains" | "optionCruiseControl" | "optionDashcam" | "optionGps" | "optionHasTrailer" | "optionHitch" | "optionRoofBox" | "optionSkiRack" | "optionSnowTire" | "optionWheelchairAccessible" | "paperclip" | "parking" | "passport" | "payments" | "pencil" | "peopleUser" | "performance" | "phoneLink" | "phone" | "photos" | "pickupTruck" | "pig" | "pin" | "plug" | "plusCircleFilled" | "plus" | "position" | "pricingFlat" | "pricingVariable" | "profilePicture" | "questionCircleFilled" | "questionCircle" | "question" | "raceFlag" | "refresh" | "reorder" | "replacementCar" | "reply" | "reset" | "ride" | "roofBox" | "sealCheck" | "searchCar" | "searchPeople" | "search" | "sedan" | "serviceBattery" | "serviceCleaning" | "serviceFuel" | "serviceHealing" | "serviceLocked" | "serviceTolls" | "serviceUnlocked" | "settings" | "shareAndroid" | "shareIos" | "share" | "shieldCheck" | "shield" | "shop" | "skiRack" | "slider" | "smartphone" | "snowTire" | "socialFacebook" | "socialLinkedin" | "socialTwitter" | "socialWhatsapp" | "starHalf" | "star" | "stars" | "subway" | "suitcase" | "support" | "suv" | "synch" | "tag" | "timeAlert" | "timeBackwards" | "timeCalendar" | "timeForward" | "tolls" | "trailer" | "train" | "triangleDown" | "triangleRight" | "triangleUp" | "twitter" | "twoPeople" | "unfold" | "unlocked" | "userCheck" | "userQuestion" | "userShield" | "userSwitch" | "user" | "utilityVanLarge" | "utilityVanMedium" | "utilityVanSmall" | "verifiedSeal" | "walk" | "wallet" | "warningCircleFilled" | "warningCircle" | "whatsapp" | "wheel" | "wheelchair" | "wrench" | "yingyang";
25
+ export declare const isIconSource: (source: string) => source is "accountDetails" | "addPicture" | "airConditioning" | "airport" | "android" | "antique" | "arrowLeftCircleFilled" | "arrowLeft" | "arrowRightCircleFilled" | "arrowRightCircle" | "arrowRight" | "audioInput" | "babySeat" | "battery" | "bell" | "bikeRack" | "bin" | "bluetooth" | "briefcase" | "bulb" | "cable" | "cabriolet" | "calendarCheck" | "calendarClock" | "calendarEnd" | "calendarStart" | "calendar" | "cameraAdd" | "camera" | "campervan" | "carAdd" | "carCheck" | "carDamages" | "carDrivyOpen" | "carGroup" | "carLock" | "carPlay" | "carReturn" | "carSearch" | "carTypeAntique" | "carTypeCabriolet" | "carTypeCampervan" | "carTypeCity" | "carTypeConvertible" | "carTypeCoupe" | "carTypeFamily" | "carTypeFourFour" | "carTypeMinibus" | "carTypeSedan" | "carTypeUtility" | "car" | "card" | "cdPlayer" | "certificate" | "chains" | "checkCircleFilled" | "checkCircle" | "check" | "checklist" | "chevronDown" | "chevronLeft" | "chevronRight" | "chevronUp" | "circledArrowRight" | "city" | "cleaning" | "clockAlert" | "clockBackwards" | "clockForwards" | "clock" | "closeCircleFilled" | "close" | "connectCar" | "contactMail" | "contactPhone" | "contextualPaperclip" | "contextualQuestion" | "contextualWarningCircleFilled" | "contextualWarningCircle" | "convertible" | "copy" | "coupe" | "creditCardAdd" | "creditCardError" | "creditCard" | "cruiseControl" | "dashcam" | "directions" | "document" | "dotHorizontal" | "dotVertical" | "dotsHorizontal" | "dotsVertical" | "download" | "earning" | "earth" | "edit" | "electric" | "evBattery" | "evCable" | "evCharger" | "externalLink" | "eyeClosed" | "eyeOpened" | "eye" | "faceRecognition" | "facebook" | "family" | "fileFilled" | "filter" | "filters" | "flag" | "fourByFour" | "fourWheelDrive" | "fuelTank" | "geolocation" | "gift" | "gps" | "graphUp" | "healing" | "heart" | "hitch" | "home" | "idCard" | "incident" | "infoCircleFilled" | "infoCircle" | "infoFilled" | "info" | "instant" | "invoice" | "keyConnect" | "key" | "licenceCheck" | "licencePaper" | "licence" | "lifeBuoy" | "linkedin" | "loading" | "locality" | "locationMap" | "locationParking" | "locationPin" | "location" | "lockCheck" | "locked" | "login" | "logout" | "mailCheck" | "mail" | "mapAlt" | "map" | "meetDriver" | "meetOwner" | "menuList" | "messages" | "mileage" | "minibus" | "minusCircleFilled" | "minus" | "miscGift" | "nearbyDevice" | "notification" | "number1Circle" | "number2Circle" | "number3Circle" | "number4Circle" | "number5Circle" | "okHand" | "optionAirConditioning" | "optionAndroidAuto" | "optionAppleCarplay" | "optionAudioInput" | "optionBabySeat" | "optionBikeRack" | "optionBluetoothAudio" | "optionCdPlayer" | "optionChains" | "optionCruiseControl" | "optionDashcam" | "optionGps" | "optionHasTrailer" | "optionHitch" | "optionRoofBox" | "optionSkiRack" | "optionSnowTire" | "optionWheelchairAccessible" | "paperclip" | "parking" | "passport" | "payments" | "pencil" | "peopleUser" | "performance" | "phoneLink" | "phone" | "photos" | "pickupTruck" | "pig" | "pin" | "plug" | "plusCircleFilled" | "plus" | "position" | "pricingFlat" | "pricingVariable" | "profilePicture" | "questionCircleFilled" | "questionCircle" | "question" | "raceFlag" | "refresh" | "reorder" | "replacementCar" | "reply" | "reset" | "ride" | "roofBox" | "sealCheck" | "searchCar" | "searchPeople" | "search" | "sedan" | "serviceBattery" | "serviceCleaning" | "serviceFuel" | "serviceHealing" | "serviceLocked" | "serviceTolls" | "serviceUnlocked" | "settings" | "shareAndroid" | "shareIos" | "share" | "shieldCheck" | "shield" | "shop" | "skiRack" | "slider" | "smartphone" | "snowTire" | "socialFacebook" | "socialLinkedin" | "socialTwitter" | "socialWhatsapp" | "starHalf" | "star" | "stars" | "subway" | "suitcase" | "support" | "suv" | "synch" | "tag" | "timeAlert" | "timeBackwards" | "timeCalendar" | "timeForward" | "tolls" | "trailer" | "train" | "triangleDown" | "triangleRight" | "triangleUp" | "twitter" | "twoPeople" | "unfold" | "unlocked" | "userCheck" | "userQuestion" | "userShield" | "userSwitch" | "user" | "utilityVanLarge" | "utilityVanMedium" | "utilityVanSmall" | "verifiedSeal" | "walk" | "wallet" | "warningCircleFilled" | "warningCircle" | "whatsapp" | "wheel" | "wheelchair" | "wrench" | "yingyang";
26
26
  export declare const Icon: ({ source, color, size, contained, className, }: IconProps) => JSX.Element;
27
27
  export * from "./__generated__/index";
28
28
  export default Icon;
package/types/components/Tag/index.d.ts CHANGED
@@ -2,6 +2,6 @@ import React from "react";
2
2
  export interface TagProps {
3
3
  children: React.ReactNode;
4
4
  className?: string;
5
- variant?: "muted" | "important";
5
+ variant?: "muted" | "important" | "importantPrimary" | "success" | "successPrimary" | "info" | "accent" | "accentPrimary" | "connect";
6
6
  }
7
7
  export declare const Tag: ({ children, variant, className }: TagProps) => JSX.Element;
package/types/icons/index.d.ts CHANGED
@@ -111,7 +111,7 @@ export { default as filter } from "./filter.svg";
111
111
  export { default as filters } from "./filters.svg";
112
112
  export { default as flag } from "./flag.svg";
113
113
  export { default as fourByFour } from "./four-by-four.svg";
114
- export { default as fourWheelsDriving } from "./four-wheels-driving.svg";
114
+ export { default as fourWheelDrive } from "./four-wheel-drive.svg";
115
115
  export { default as fuelTank } from "./fuel-tank.svg";
116
116
  export { default as geolocation } from "./geolocation.svg";
117
117
  export { default as gift } from "./gift.svg";
package/types/tokens/index.d.ts CHANGED
@@ -170,7 +170,7 @@ export declare const icons: {
170
170
  filters: string;
171
171
  flag: string;
172
172
  fourByFour: string;
173
- fourWheelsDriving: string;
173
+ fourWheelDrive: string;
174
174
  fuelTank: string;
175
175
  geolocation: string;
176
176
  gift: string;
@@ -527,6 +527,7 @@ export declare const theme: {
527
527
  successAlt: string;
528
528
  warning: string;
529
529
  connect: string;
530
+ connectAlt: string;
530
531
  driver: string;
531
532
  owner: string;
532
533
  inversed: string;
package/utilities.css CHANGED
@@ -106,169 +106,6 @@
106
106
 
107
107
  /**********************************/
108
108
 
109
- :root {
110
- --c-background-primary: var(--c-white);
111
- --c-background-secondary: var(--c-white);
112
- --c-background-secondaryInteractive: var(--c-white);
113
- --c-background-secondaryInteractive--hover: var(--c-navy-50);
114
- --c-background-accent: var(--c-purple-500);
115
- --c-background-accentInteractive: var(--c-purple-500);
116
- --c-background-accentInteractive--hover: var(--c-purple-700);
117
- --c-background-accentAlt: var(--c-purple-100);
118
- --c-background-accentAltInteractive: var(--c-purple-100);
119
- --c-background-accentAltInteractive--hover: var(--c-purpleLight-100);
120
- --c-background-info: var(--c-yellow-100);
121
- --c-background-error: var(--c-red-500);
122
- --c-background-errorInteractive: var(--c-red-500);
123
- --c-background-errorInteractive--hover: var(--c-red-700);
124
- --c-background-errorAlt: var(--c-red-100);
125
- --c-background-success: var(--c-green-700);
126
- --c-background-successAlt: var(--c-green-100);
127
- --c-background-connect: var(--c-turquoise-500);
128
- --c-background-connectInteractive: var(--c-turquoise-500);
129
- --c-background-connectInteractive--hover: var(--c-turquoise-700);
130
- --c-background-connectAlt: var(--c-turquoise-50);
131
- --c-background-driver: var(--c-yellow-500);
132
- --c-background-owner: var(--c-navy-700);
133
- --c-background-disabled: var(--c-navy-100);
134
- --c-background-neutral: var(--c-navy-100);
135
- --c-background-neutralAlt: var(--c-navy-50);
136
- --c-background-seasonLow: var(--c-season-100);
137
- --c-background-seasonMedium: var(--c-season-200);
138
- --c-background-seasonHigh: var(--c-season-300);
139
- --c-background-seasonVeryHigh: var(--c-season-400);
140
- --c-text-base: var(--c-navy-700);
141
- --c-text-baseInteractive: var(--c-navy-700);
142
- --c-text-baseInteractive--hover: var(--c-navy-300);
143
- --c-text-subdued: var(--c-navy-300);
144
- --c-text-subduedInteractive: var(--c-navy-300);
145
- --c-text-subduedInteractive--hover: var(--c-navy-500);
146
- --c-text-accent: var(--c-purple-500);
147
- --c-text-accentInteractive: var(--c-purple-500);
148
- --c-text-accentInteractive--hover: var(--c-purple-700);
149
- --c-text-accentAlt: var(--c-purple-500);
150
- --c-text-accentAltInteractive: var(--c-purple-500);
151
- --c-text-accentAltInteractive--hover: var(--c-purple-700);
152
- --c-text-info: var(--c-yellow-900);
153
- --c-text-infoAlt: var(--c-yellow-500);
154
- --c-text-error: var(--c-red-500);
155
- --c-text-errorAlt: var(--c-red-500);
156
- --c-text-success: var(--c-green-700);
157
- --c-text-successAlt: var(--c-green-900);
158
- --c-text-warning: var(--c-orange-500);
159
- --c-text-connect: var(--c-turquoise-500);
160
- --c-text-driver: var(--c-navy-700);
161
- --c-text-owner: var(--c-white);
162
- --c-text-inversed: var(--c-white);
163
- --c-buttonBackground-selected: var(--c-purple-100);
164
- --c-buttonBackground-destructiveInteractive: var(--c-red-100);
165
- --c-buttonBackground-destructiveInteractive--hover: var(--c-red-120);
166
- --c-buttonBackground-destructiveInteractive--press: var(--c-red-150);
167
- --c-buttonBackground-disabled: var(--c-navy-100);
168
- --c-buttonBackground-primaryInteractive: var(--c-purple-500);
169
- --c-buttonBackground-primaryInteractive--hover: var(--c-purple-700);
170
- --c-buttonBackground-primaryInteractive--press: var(--c-purple-900);
171
- --c-buttonBackground-secondaryInteractive: var(--c-white);
172
- --c-buttonBackground-secondaryInteractive--hover: var(--c-white);
173
- --c-buttonBackground-secondaryInteractive--press: var(--c-white);
174
- --c-buttonBackground-success: var(--c-green-700);
175
- --c-buttonBackground-successAltInteractive: var(--c-green-100);
176
- --c-buttonBackground-successAltInteractive--hover: var(--c-green-120);
177
- --c-buttonBackground-successAltInteractive--press: var(--c-green-150);
178
- --c-buttonBackground-tertiaryInteractive: var(--c-white);
179
- --c-buttonBackground-tertiaryInteractive--hover: var(--c-white);
180
- --c-buttonBackground-tertiaryInteractive--press: var(--c-white);
181
- --c-buttonIcon-selected: var(--c-purple-500);
182
- --c-buttonIcon-destructiveInteractive: var(--c-red-500);
183
- --c-buttonIcon-destructiveInteractive--hover: var(--c-red-500);
184
- --c-buttonIcon-destructiveInteractive--press: var(--c-red-500);
185
- --c-buttonIcon-disabled: var(--c-navy-300);
186
- --c-buttonIcon-primaryInteractive: var(--c-white);
187
- --c-buttonIcon-primaryInteractive--hover: var(--c-white);
188
- --c-buttonIcon-primaryInteractive--press: var(--c-white);
189
- --c-buttonIcon-secondaryInteractive: var(--c-purple-500);
190
- --c-buttonIcon-secondaryInteractive--hover: var(--c-purple-700);
191
- --c-buttonIcon-secondaryInteractive--press: var(--c-purple-900);
192
- --c-buttonIcon-success: var(--c-white);
193
- --c-buttonIcon-successAltInteractive: var(--c-green-900);
194
- --c-buttonIcon-successAltInteractive--hover: var(--c-green-900);
195
- --c-buttonIcon-successAltInteractive--press: var(--c-green-900);
196
- --c-buttonIcon-tertiaryInteractive: var(--c-purple-500);
197
- --c-buttonIcon-tertiaryInteractive--hover: var(--c-purple-700);
198
- --c-buttonIcon-tertiaryInteractive--press: var(--c-purple-900);
199
- --c-buttonLabel-selected: var(--c-purple-500);
200
- --c-buttonLabel-destructiveInteractive: var(--c-red-500);
201
- --c-buttonLabel-destructiveInteractive--hover: var(--c-red-500);
202
- --c-buttonLabel-destructiveInteractive--press: var(--c-red-500);
203
- --c-buttonLabel-disabled: var(--c-navy-300);
204
- --c-buttonLabel-primaryInteractive: var(--c-white);
205
- --c-buttonLabel-primaryInteractive--hover: var(--c-white);
206
- --c-buttonLabel-primaryInteractive--press: var(--c-white);
207
- --c-buttonLabel-secondaryInteractive: var(--c-purple-500);
208
- --c-buttonLabel-secondaryInteractive--hover: var(--c-purple-700);
209
- --c-buttonLabel-secondaryInteractive--press: var(--c-purple-900);
210
- --c-buttonLabel-success: var(--c-white);
211
- --c-buttonLabel-successAltInteractive: var(--c-green-900);
212
- --c-buttonLabel-successAltInteractive--hover: var(--c-green-900);
213
- --c-buttonLabel-successAltInteractive--press: var(--c-green-900);
214
- --c-buttonLabel-tertiaryInteractive: var(--c-purple-500);
215
- --c-buttonLabel-tertiaryInteractive--hover: var(--c-purple-700);
216
- --c-buttonLabel-tertiaryInteractive--press: var(--c-purple-900);
217
- --c-icon-base: var(--c-navy-500);
218
- --c-icon-baseInteractive: var(--c-navy-500);
219
- --c-icon-baseInteractive--hover: var(--c-navy-700);
220
- --c-icon-subdued: var(--c-navy-300);
221
- --c-icon-subduedInteractive: var(--c-navy-300);
222
- --c-icon-subduedInteractive--hover: var(--c-navy-500);
223
- --c-icon-accent: var(--c-purple-500);
224
- --c-icon-accentInteractive: var(--c-purple-500);
225
- --c-icon-accentInteractive--hover: var(--c-purple-700);
226
- --c-icon-accentAlt: var(--c-purple-500);
227
- --c-icon-accentAltInteractive: var(--c-purple-500);
228
- --c-icon-accentAltInteractive--hover: var(--c-purple-700);
229
- --c-icon-info: var(--c-yellow-900);
230
- --c-icon-infoAlt: var(--c-yellow-500);
231
- --c-icon-error: var(--c-red-500);
232
- --c-icon-errorAlt: var(--c-red-500);
233
- --c-icon-success: var(--c-green-700);
234
- --c-icon-successAlt: var(--c-green-900);
235
- --c-icon-warning: var(--c-orange-500);
236
- --c-icon-connect: var(--c-turquoise-500);
237
- --c-icon-connectAlt: var(--c-turquoise-900);
238
- --c-icon-driver: var(--c-navy-700);
239
- --c-icon-owner: var(--c-white);
240
- --c-icon-inversed: var(--c-white);
241
- --c-icon-disabled: var(--c-navy-100);
242
- --c-stroke-base: var(--c-navy-100);
243
- --c-stroke-baseInteractive: var(--c-navy-100);
244
- --c-stroke-baseInteractive--hover: var(--c-navy-300);
245
- --c-stroke-baseInteractive--press: var(--c-navy-500);
246
- --c-stroke-strong: var(--c-navy-300);
247
- --c-stroke-strongInteractive: var(--c-navy-300);
248
- --c-stroke-strongInteractive--hover: var(--c-navy-500);
249
- --c-stroke-strongInteractive--press: var(--c-navy-700);
250
- --c-stroke-subdued: var(--c-navy-100);
251
- --c-stroke-accent: var(--c-purple-500);
252
- --c-stroke-accentInteractive: var(--c-purple-500);
253
- --c-stroke-accentInteractive--hover: var(--c-purple-700);
254
- --c-stroke-accentInteractive--press: var(--c-purple-900);
255
- --c-stroke-accentAlt: var(--c-purple-300);
256
- --c-stroke-error: var(--c-red-500);
257
- --c-stroke-errorAlt: var(--c-red-500);
258
- --c-stroke-success: var(--c-green-500);
259
- --c-stroke-successAlt: var(--c-green-500);
260
- --c-fill-base: var(--c-navy-500);
261
- --c-fill-secondary: var(--c-yellow-500);
262
- --c-fill-subdued: var(--c-navy-100);
263
- --c-fill-accent: var(--c-purple-500);
264
- --c-fill-accentAlt: var(--c-purple-100);
265
- --c-fill-error: var(--c-red-500);
266
- --c-fill-negative: var(--c-red-150);
267
- --c-fill-success: var(--c-green-500);
268
- --c-fill-disabled: var(--c-navy-300);
269
- --c-fill-neutral: var(--c-navy-50);
270
- }
271
-
272
109
  .use-cobalt-light-theme {
273
110
  --c-background-primary: var(--c-white);
274
111
  --c-background-secondary: var(--c-white);
@@ -320,6 +157,7 @@
320
157
  --c-text-successAlt: var(--c-green-900);
321
158
  --c-text-warning: var(--c-orange-500);
322
159
  --c-text-connect: var(--c-turquoise-500);
160
+ --c-text-connectAlt: var(--c-turquoise-900);
323
161
  --c-text-driver: var(--c-navy-700);
324
162
  --c-text-owner: var(--c-white);
325
163
  --c-text-inversed: var(--c-white);
@@ -483,6 +321,7 @@
483
321
  --c-text-successAlt: var(--c-green-100);
484
322
  --c-text-warning: var(--c-orange-300);
485
323
  --c-text-connect: var(--c-turquoise-500);
324
+ --c-text-connectAlt: var(--c-turquoise-50);
486
325
  --c-text-driver: var(--c-navy-700);
487
326
  --c-text-owner: var(--c-grey-100);
488
327
  --c-text-inversed: var(--c-white);
@@ -4833,6 +4672,10 @@
4833
4672
  color: var(--c-text-connect);
4834
4673
  }
4835
4674
 
4675
+ .c-text-connectAlt {
4676
+ color: var(--c-text-connectAlt);
4677
+ }
4678
+
4836
4679
  .c-text-driver {
4837
4680
  color: var(--c-text-driver);
4838
4681
  }
package/components/Icon/__generated__/FourWheelsDrivingIcon.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"FourWheelsDrivingIcon.js","sources":["../../../../src/components/Icon/__generated__/FourWheelsDrivingIcon.tsx"],"sourcesContent":["import React from \"react\"\nimport { IconColorsType } from \"../\"\nimport { capitalize } from \"../../utils\"\nimport cx from \"classnames\"\nexport type IconProps = {\n color?: IconColorsType\n size?: 16 | 20 | 24 | 32\n contained?: boolean\n className?: string\n}\nconst iconSource = \"fourWheelsDriving\"\nconst FourWheelsDrivingIcon = ({\n color,\n size = 24,\n contained = false,\n className,\n}: IconProps) => {\n const computedClassName = cx(\n className,\n `cobalt-Icon cobalt-Icon--${iconSource}`,\n {\n [`cobalt-Icon--color${capitalize(color)}`]: color,\n \"cobalt-Icon--size16\": size === 16,\n \"cobalt-Icon--size20\": size === 20,\n \"cobalt-Icon--size32\": size === 32,\n \"cobalt-Icon--contained\": contained,\n }\n )\n const wrap = (content: React.ReactNode) => (\n <span className={computedClassName}>{content}</span>\n )\n return wrap(\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n <path\n fillRule=\"evenodd\"\n d=\"M17.756 8.538h.744c.771 0 1.292-.54 1.292-1.33V3.386c0-.8-.52-1.339-1.293-1.339h-.743c-.763 0-1.284.54-1.284 1.34v1.197H7.546V3.386c0-.8-.521-1.339-1.293-1.339h-.744c-.762 0-1.283.54-1.283 1.34v3.82c0 .791.52 1.33 1.283 1.33h.744c.772 0 1.293-.539 1.293-1.33V6.082h3.71v11.977h-3.71v-1.163c0-.8-.521-1.339-1.293-1.339h-.744c-.762 0-1.283.54-1.283 1.34v3.821c0 .79.52 1.33 1.283 1.33h.744c.772 0 1.293-.54 1.293-1.33v-1.162h8.926v1.162c0 .79.521 1.33 1.284 1.33h.744c.771 0 1.292-.54 1.292-1.33v-3.822c0-.8-.52-1.339-1.292-1.339h-.744c-.763 0-1.284.54-1.284 1.34v1.162h-3.72V6.08h3.72v1.127c0 .79.521 1.33 1.284 1.33Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n )\n}\nexport default FourWheelsDrivingIcon\n"],"names":[],"mappings":";;;;;AAUA,MAAM,UAAU,GAAG,mBAAmB,CAAA;AACtC,MAAM,qBAAqB,GAAG,CAAC,EAC7B,KAAK,EACL,IAAI,GAAG,EAAE,EACT,SAAS,GAAG,KAAK,EACjB,SAAS,GACC,KAAI;IACd,MAAM,iBAAiB,GAAG,EAAE,CAC1B,SAAS,EACT,CAAA,yBAAA,EAA4B,UAAU,CAAA,CAAE,EACxC;QACE,CAAC,CAAA,kBAAA,EAAqB,UAAU,CAAC,KAAK,CAAC,CAAE,CAAA,GAAG,KAAK;QACjD,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;QAClC,qBAAqB,EAAE,IAAI,KAAK,EAAE;AAClC,QAAA,wBAAwB,EAAE,SAAS;AACpC,KAAA,CACF,CAAA;AACD,IAAA,MAAM,IAAI,GAAG,CAAC,OAAwB,MACpC,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,iBAAiB,EAAA,EAAG,OAAO,CAAQ,CACrD,CAAA;IACD,OAAO,IAAI,CACT,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW,EAAA;AACzD,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,0mBAA0mB,EAC5mB,QAAQ,EAAC,SAAS,EAClB,CAAA,CACE,CACP,CAAA;AACH;;;;"}
package/icons/four-wheels-driving.js DELETED
@@ -1,4 +0,0 @@
1
- var fourWheelsDriving = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path fill-rule=\"evenodd\" d=\"M17.756 8.538h.744c.771 0 1.292-.54 1.292-1.33V3.386c0-.8-.52-1.339-1.293-1.339h-.743c-.763 0-1.284.54-1.284 1.34v1.197H7.546V3.386c0-.8-.521-1.339-1.293-1.339h-.744c-.762 0-1.283.54-1.283 1.34v3.82c0 .791.52 1.33 1.283 1.33h.744c.772 0 1.293-.539 1.293-1.33V6.082h3.71v11.977h-3.71v-1.163c0-.8-.521-1.339-1.293-1.339h-.744c-.762 0-1.283.54-1.283 1.34v3.821c0 .79.52 1.33 1.283 1.33h.744c.772 0 1.293-.54 1.293-1.33v-1.162h8.926v1.162c0 .79.521 1.33 1.284 1.33h.744c.771 0 1.292-.54 1.292-1.33v-3.822c0-.8-.52-1.339-1.292-1.339h-.744c-.763 0-1.284.54-1.284 1.34v1.162h-3.72V6.08h3.72v1.127c0 .79.521 1.33 1.284 1.33Z\" clip-rule=\"evenodd\"/></svg>";
2
-
3
- export { fourWheelsDriving as default };
4
- //# sourceMappingURL=four-wheels-driving.js.map
package/icons/four-wheels-driving.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"four-wheels-driving.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}