@clearstory/drywall-react 3.7.3 → 4.0.0

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 (3) hide show
  1. package/dist/components/Button/Button.theme.js +32 -14
  2. package/dist/theme/colorSchemes.js +3 -3
  3. package/package.json +7 -7
package/dist/components/Button/Button.theme.js CHANGED
@@ -1,10 +1,10 @@
1
- const n = {
1
+ const i = {
2
2
  defaultProps: {
3
3
  size: "small"
4
4
  },
5
5
  styleOverrides: {
6
- root: ({ ownerState: r, theme: o }) => {
7
- const a = r.color !== "inherit" && r.color || "primary", l = o.vars?.palette[a]?.light;
6
+ root: ({ ownerState: a, theme: o }) => {
7
+ const r = a.color !== "inherit" && a.color || "primary", l = o.vars?.palette[r]?.light;
8
8
  return {
9
9
  textTransform: "none",
10
10
  transition: [
@@ -19,21 +19,21 @@ const n = {
19
19
  outlineWidth: "2px"
20
20
  },
21
21
  "&:active": {
22
- backgroundColor: `oklch(from ${o.vars?.palette[a]?.main} calc(l + 0.1) c h / calc(${o.vars?.palette.action.activatedOpacity} * 0.8))`
22
+ backgroundColor: `oklch(from ${o.vars?.palette[r]?.main} calc(l + 0.1) c h / calc(${o.vars?.palette.action.activatedOpacity} * 0.8))`
23
23
  },
24
24
  // Soft variant styles
25
- ...r.variant === "soft" && {
26
- backgroundColor: `oklch(from ${o.vars?.palette[a]?.main} l c h / 0.12)`,
27
- color: o.vars?.palette[a]?.dark,
25
+ ...a.variant === "soft" && {
26
+ backgroundColor: `oklch(from ${o.vars?.palette[r]?.main} l c h / 0.12)`,
27
+ color: o.vars?.palette[r]?.dark,
28
28
  border: "none",
29
29
  "&:hover": {
30
- backgroundColor: `oklch(from ${o.vars?.palette[a]?.main} l c h / 0.16)`
30
+ backgroundColor: `oklch(from ${o.vars?.palette[r]?.main} l c h / 0.16)`
31
31
  },
32
32
  "&:focus": {
33
- backgroundColor: `oklch(from ${o.vars?.palette[a]?.main} l c h / 0.16)`
33
+ backgroundColor: `oklch(from ${o.vars?.palette[r]?.main} l c h / 0.16)`
34
34
  },
35
35
  "&:active": {
36
- backgroundColor: `oklch(from ${o.vars?.palette[a]?.main} l c h / 0.20)`
36
+ backgroundColor: `oklch(from ${o.vars?.palette[r]?.main} l c h / 0.20)`
37
37
  },
38
38
  "&.Mui-disabled": {
39
39
  backgroundColor: `oklch(from ${o.vars?.palette.action.disabledBackground} l c h / 0.08)`,
@@ -42,20 +42,38 @@ const n = {
42
42
  }
43
43
  };
44
44
  },
45
- contained: ({ ownerState: r, theme: o }) => {
46
- const a = r.color !== "inherit" && r.color || "primary";
45
+ contained: ({ ownerState: a, theme: o }) => {
46
+ const r = a.color !== "inherit" && a.color || "primary";
47
47
  return {
48
48
  boxShadow: "none",
49
49
  "&:hover": {
50
50
  boxShadow: "none"
51
51
  },
52
52
  "&:active": {
53
- backgroundColor: `oklch(from ${o.vars?.palette[a]?.dark} calc(l - 0.1) c h)`
53
+ backgroundColor: `oklch(from ${o.vars?.palette[r]?.dark} calc(l - 0.1) c h)`
54
54
  }
55
55
  };
56
56
  }
57
57
  },
58
58
  variants: [
59
+ {
60
+ props: { size: "small" },
61
+ style: {
62
+ lineHeight: "1.375rem"
63
+ }
64
+ },
65
+ {
66
+ props: { size: "medium" },
67
+ style: {
68
+ lineHeight: "1.5rem"
69
+ }
70
+ },
71
+ {
72
+ props: { size: "large" },
73
+ style: {
74
+ lineHeight: "1.5rem"
75
+ }
76
+ },
59
77
  {
60
78
  props: { size: "small", variant: "contained" },
61
79
  style: {
@@ -77,5 +95,5 @@ const n = {
77
95
  ]
78
96
  };
79
97
  export {
80
- n as MuiButton
98
+ i as MuiButton
81
99
  };
package/dist/theme/colorSchemes.js CHANGED
@@ -38,7 +38,7 @@ const o = {
38
38
  },
39
39
  grey: r,
40
40
  background: {
41
- default: "#ffffff",
41
+ default: r[50],
42
42
  paper: "#ffffff",
43
43
  surface: "#f8f8f8"
44
44
  },
@@ -96,8 +96,8 @@ const o = {
96
96
  grey: r,
97
97
  background: {
98
98
  default: r[800],
99
- paper: r[800],
100
- surface: r[900]
99
+ paper: r[900],
100
+ surface: "#222222"
101
101
  }
102
102
  }
103
103
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@clearstory/drywall-react",
3
- "version": "3.7.3",
3
+ "version": "4.0.0",
4
4
  "license": "UNLICENSED",
5
5
  "description": "a Clearstory software design system",
6
6
  "type": "module",
@@ -36,10 +36,10 @@
36
36
  "devDependencies": {
37
37
  "@chromatic-com/storybook": "^4.0.1",
38
38
  "@eslint/js": "^9.29.0",
39
- "@storybook/addon-a11y": "^9.0.15",
40
- "@storybook/addon-docs": "^9.0.15",
41
- "@storybook/addon-vitest": "^9.0.15",
42
- "@storybook/react-vite": "^9.0.15",
39
+ "@storybook/addon-a11y": "^10.0.5",
40
+ "@storybook/addon-docs": "^10.0.5",
41
+ "@storybook/addon-vitest": "^10.0.5",
42
+ "@storybook/react-vite": "^10.0.5",
43
43
  "@types/node": "^22.16.0",
44
44
  "@types/react": "^19.1.8",
45
45
  "@types/react-dom": "^19.1.6",
@@ -52,7 +52,7 @@
52
52
  "eslint-config-prettier": "^10.1.5",
53
53
  "eslint-plugin-react-hooks": "^5.2.0",
54
54
  "eslint-plugin-react-refresh": "^0.4.20",
55
- "eslint-plugin-storybook": "^9.0.15",
55
+ "eslint-plugin-storybook": "^10.0.5",
56
56
  "glob": "^11.0.3",
57
57
  "globals": "^16.2.0",
58
58
  "markdown-to-jsx": "^7.7.13",
@@ -61,7 +61,7 @@
61
61
  "react-error-boundary": "^6.0.0",
62
62
  "react-hook-form": "^7.62.0",
63
63
  "react-router": "^7.9.4",
64
- "storybook": "^9.0.15",
64
+ "storybook": "^10.0.5",
65
65
  "typescript": "~5.9.2",
66
66
  "typescript-eslint": "^8.34.1",
67
67
  "vite": "^7.0.0",