@drivy/cobalt 0.26.0 → 0.26.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 (7) hide show
  1. package/cjs/tokens/theme.js +4 -4
  2. package/package.json +20 -20
  3. package/styles/core/_colors-map.scss +4 -4
  4. package/styles/core/theme.scss +4 -4
  5. package/tokens/theme.js +4 -4
  6. package/types/tokens/index.d.ts +1 -1
  7. package/utilities.css +4 -4
package/cjs/tokens/theme.js CHANGED
@@ -58,7 +58,7 @@ const text = {
58
58
  accentAlt: "white/purple.500/grey.100",
59
59
  accentAltInteractive: {
60
60
  DEFAULT: "white/purple.500/grey.100",
61
- hover: "indigo/purple.700/grey.100"
61
+ hover: "white/purple.700/grey.100"
62
62
  },
63
63
  info: "graphite.light/yellow.900/yellow.300",
64
64
  error: "red/red.500/red.400",
@@ -181,7 +181,7 @@ const icon = {
181
181
  accentAlt: "white/purple.500/grey.100",
182
182
  accentAltInteractive: {
183
183
  DEFAULT: "white/purple.500/grey.100",
184
- hover: "indigo/purple.700/grey.100"
184
+ hover: "white/purple.700/grey.100"
185
185
  },
186
186
  info: "graphite.light/yellow.900/yellow.300",
187
187
  error: "red/red.500/red.400",
@@ -222,8 +222,8 @@ const fill = {
222
222
  subdued: "grey.light/navy.100/black.50",
223
223
  accent: "purple/purple.500/purpleDeep.400",
224
224
  accentAlt: "purple/purple.100/purpleDeep.900",
225
- success: "red/red.500/red.500",
226
- error: "green/green.500/green.700",
225
+ error: "red/red.500/red.500",
226
+ success: "green/green.500/green.700",
227
227
  negative: "red/red.150/red.900",
228
228
  neutral: "grey.lighter/navy.50/black.100",
229
229
  disabled: "grey.dark/navy.300/grey.300"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@drivy/cobalt",
3
- "version": "0.26.0",
3
+ "version": "0.26.2",
4
4
  "description": "Opinionated design system for Drivy's projects.",
5
5
  "main": "src/index.js",
6
6
  "types": "types/index.d.ts",
@@ -32,7 +32,7 @@
32
32
  "lodash.throttle": "4.1.1",
33
33
  "media-typer": "1.1.0",
34
34
  "nanoid": "4.0.0",
35
- "postcss": "8.4.19",
35
+ "postcss": "8.4.20",
36
36
  "tailwindcss": "2.2.19",
37
37
  "tippy.js": "6.3.7"
38
38
  },
@@ -47,35 +47,35 @@
47
47
  "@getaround-eu/stylelint-config": "1.2.5",
48
48
  "@getaround-eu/ts-config": "2.2.0",
49
49
  "@percy/storybook": "3.3.1",
50
- "@rollup/plugin-json": "5.0.2",
50
+ "@rollup/plugin-json": "6.0.0",
51
51
  "@rushstack/eslint-patch": "1.2.0",
52
- "@storybook/addon-essentials": "6.5.14",
53
- "@storybook/addons": "6.5.14",
54
- "@storybook/builder-webpack5": "6.5.14",
55
- "@storybook/manager-webpack5": "6.5.14",
56
- "@storybook/react": "6.5.14",
52
+ "@storybook/addon-essentials": "6.5.15",
53
+ "@storybook/addons": "6.5.15",
54
+ "@storybook/builder-webpack5": "6.5.15",
55
+ "@storybook/manager-webpack5": "6.5.15",
56
+ "@storybook/react": "6.5.15",
57
57
  "@svgr/cli": "6.5.1",
58
58
  "@testing-library/jest-dom": "5.16.5",
59
59
  "@testing-library/react": "13.4.0",
60
60
  "@testing-library/react-hooks": "8.0.1",
61
61
  "@types/classnames": "2.3.0",
62
- "@types/jest": "29.2.4",
62
+ "@types/jest": "29.2.5",
63
63
  "@types/lodash.throttle": "4.1.7",
64
64
  "@types/media-typer": "1.1.1",
65
65
  "@types/react": "18.0.26",
66
- "@whitespace/storybook-addon-html": "^5.0.3",
66
+ "@whitespace/storybook-addon-html": "^5.1.1",
67
67
  "autoprefixer": "10.4.13",
68
- "core-js": "3.26.1",
69
- "css-loader": "6.7.2",
70
- "eslint": "8.29.0",
68
+ "core-js": "3.27.1",
69
+ "css-loader": "6.7.3",
70
+ "eslint": "8.31.0",
71
71
  "file-loader": "6.2.0",
72
72
  "jest": "29.3.1",
73
73
  "jest-environment-jsdom": "29.3.1",
74
74
  "nested-object-access": "^0.2.5",
75
- "np": "7.6.2",
75
+ "np": "7.6.3",
76
76
  "postcss-flexbugs-fixes": "5.0.2",
77
77
  "postcss-loader": "7.0.2",
78
- "prettier": "2.8.0",
78
+ "prettier": "2.8.1",
79
79
  "raw-loader": "4.0.2",
80
80
  "react": "18.2.0",
81
81
  "react-dom": "18.2.0",
@@ -87,17 +87,17 @@
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.56.1",
90
+ "sass": "1.57.1",
91
91
  "sass-loader": "13.2.0",
92
- "sharp": "0.31.2",
93
- "sharp-cli": "3.0.0",
92
+ "sharp": "0.31.3",
93
+ "sharp-cli": "4.1.0",
94
94
  "style-loader": "3.3.1",
95
- "stylelint": "14.16.0",
95
+ "stylelint": "14.16.1",
96
96
  "svg2vectordrawable": "2.9.1",
97
97
  "svgo": "3.0.2",
98
98
  "ts-jest": "29.0.3",
99
99
  "ts-node": "10.9.1",
100
- "typescript": "4.9.3"
100
+ "typescript": "4.9.4"
101
101
  },
102
102
  "scripts": {
103
103
  "build": "./scripts/build.sh",
package/styles/core/_colors-map.scss CHANGED
@@ -59,7 +59,7 @@ $theme-colors-map: (
59
59
  accentAlt: var(--c-l-white),
60
60
  accentAltInteractive: (
61
61
  DEFAULT: var(--c-l-white),
62
- hover: var(--c-l-indigo)
62
+ hover: var(--c-l-white)
63
63
  ),
64
64
  info: var(--c-l-graphite-light),
65
65
  error: var(--c-l-red),
@@ -182,7 +182,7 @@ $theme-colors-map: (
182
182
  accentAlt: var(--c-l-white),
183
183
  accentAltInteractive: (
184
184
  DEFAULT: var(--c-l-white),
185
- hover: var(--c-l-indigo)
185
+ hover: var(--c-l-white)
186
186
  ),
187
187
  info: var(--c-l-graphite-light),
188
188
  error: var(--c-l-red),
@@ -223,8 +223,8 @@ $theme-colors-map: (
223
223
  subdued: var(--c-l-grey-light),
224
224
  accent: var(--c-l-purple),
225
225
  accentAlt: var(--c-l-purple),
226
- success: var(--c-l-red),
227
- error: var(--c-l-green),
226
+ error: var(--c-l-red),
227
+ success: var(--c-l-green),
228
228
  negative: var(--c-l-red),
229
229
  neutral: var(--c-l-grey-lighter),
230
230
  disabled: var(--c-l-grey-dark)
package/styles/core/theme.scss CHANGED
@@ -39,7 +39,7 @@
39
39
  --c-text-accentInteractive--hover: var(--c-l-blue);
40
40
  --c-text-accentAlt: var(--c-l-white);
41
41
  --c-text-accentAltInteractive: var(--c-l-white);
42
- --c-text-accentAltInteractive--hover: var(--c-l-indigo);
42
+ --c-text-accentAltInteractive--hover: var(--c-l-white);
43
43
  --c-text-info: var(--c-l-graphite-light);
44
44
  --c-text-error: var(--c-l-red);
45
45
  --c-text-errorAlt: var(--c-l-white);
@@ -116,7 +116,7 @@
116
116
  --c-icon-accentInteractive--hover: var(--c-l-indigo);
117
117
  --c-icon-accentAlt: var(--c-l-white);
118
118
  --c-icon-accentAltInteractive: var(--c-l-white);
119
- --c-icon-accentAltInteractive--hover: var(--c-l-indigo);
119
+ --c-icon-accentAltInteractive--hover: var(--c-l-white);
120
120
  --c-icon-info: var(--c-l-graphite-light);
121
121
  --c-icon-error: var(--c-l-red);
122
122
  --c-icon-errorAlt: var(--c-l-red);
@@ -148,8 +148,8 @@
148
148
  --c-fill-subdued: var(--c-l-grey-light);
149
149
  --c-fill-accent: var(--c-l-purple);
150
150
  --c-fill-accentAlt: var(--c-l-purple);
151
- --c-fill-success: var(--c-l-red);
152
- --c-fill-error: var(--c-l-green);
151
+ --c-fill-error: var(--c-l-red);
152
+ --c-fill-success: var(--c-l-green);
153
153
  --c-fill-negative: var(--c-l-red);
154
154
  --c-fill-neutral: var(--c-l-grey-lighter);
155
155
  --c-fill-disabled: var(--c-l-grey-dark);
package/tokens/theme.js CHANGED
@@ -54,7 +54,7 @@ const text = {
54
54
  accentAlt: "white/purple.500/grey.100",
55
55
  accentAltInteractive: {
56
56
  DEFAULT: "white/purple.500/grey.100",
57
- hover: "indigo/purple.700/grey.100"
57
+ hover: "white/purple.700/grey.100"
58
58
  },
59
59
  info: "graphite.light/yellow.900/yellow.300",
60
60
  error: "red/red.500/red.400",
@@ -177,7 +177,7 @@ const icon = {
177
177
  accentAlt: "white/purple.500/grey.100",
178
178
  accentAltInteractive: {
179
179
  DEFAULT: "white/purple.500/grey.100",
180
- hover: "indigo/purple.700/grey.100"
180
+ hover: "white/purple.700/grey.100"
181
181
  },
182
182
  info: "graphite.light/yellow.900/yellow.300",
183
183
  error: "red/red.500/red.400",
@@ -218,8 +218,8 @@ const fill = {
218
218
  subdued: "grey.light/navy.100/black.50",
219
219
  accent: "purple/purple.500/purpleDeep.400",
220
220
  accentAlt: "purple/purple.100/purpleDeep.900",
221
- success: "red/red.500/red.500",
222
- error: "green/green.500/green.700",
221
+ error: "red/red.500/red.500",
222
+ success: "green/green.500/green.700",
223
223
  negative: "red/red.150/red.900",
224
224
  neutral: "grey.lighter/navy.50/black.100",
225
225
  disabled: "grey.dark/navy.300/grey.300"
package/types/tokens/index.d.ts CHANGED
@@ -657,8 +657,8 @@ export declare const theme: {
657
657
  subdued: string;
658
658
  accent: string;
659
659
  accentAlt: string;
660
- success: string;
661
660
  error: string;
661
+ success: string;
662
662
  negative: string;
663
663
  neutral: string;
664
664
  disabled: string;
package/utilities.css CHANGED
@@ -3930,11 +3930,11 @@
3930
3930
  background-color: #b01aa7
3931
3931
  }
3932
3932
 
3933
- .c-bg-fill-success {
3933
+ .c-bg-fill-error {
3934
3934
  background-color: #ff7378
3935
3935
  }
3936
3936
 
3937
- .c-bg-fill-error {
3937
+ .c-bg-fill-success {
3938
3938
  background-color: #00da94
3939
3939
  }
3940
3940
 
@@ -4007,11 +4007,11 @@
4007
4007
  }
4008
4008
 
4009
4009
  .c-text-accentAltInteractive:hover {
4010
- color: #61366b
4010
+ color: #fff
4011
4011
  }
4012
4012
 
4013
4013
  .c-text-accentAltInteractive:focus {
4014
- color: #61366b
4014
+ color: #fff
4015
4015
  }
4016
4016
 
4017
4017
  .c-text-info {