@szum-tech/design-system 2.0.1 → 2.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +3 -3
- package/dist/index.js +3 -3
- package/package.json +26 -27
- package/tailwind/global.css +4 -4
package/dist/index.cjs
CHANGED
|
@@ -61,7 +61,7 @@ function AvatarFallback({ className, ref, ...props }) {
|
|
|
61
61
|
}
|
|
62
62
|
var buttonCva = classVarianceAuthority.cva(
|
|
63
63
|
[
|
|
64
|
-
"inline-flex items-center justify-center align-middle no-underline transition-colors duration-300 ease-in-out
|
|
64
|
+
"inline-flex cursor-pointer items-center justify-center align-middle no-underline transition-colors duration-300 ease-in-out",
|
|
65
65
|
"select-none appearance-none rounded-sm border font-sans font-medium tracking-[.02857em]",
|
|
66
66
|
"aria-disabled:pointer-events-none aria-disabled:cursor-not-allowed aria-disabled:opacity-50"
|
|
67
67
|
],
|
|
@@ -354,8 +354,8 @@ function ButtonContent({
|
|
|
354
354
|
const EndIcon = isEndLoading ? /* @__PURE__ */ jsxRuntime.jsx(chunkG4TX2R77_cjs.LoadingIcon, { "aria-label": "Loading" }) : endIcon || null;
|
|
355
355
|
const endIconStyles = iconCva({ size, loading: isEndLoading });
|
|
356
356
|
const endIconContainerStyles = iconContainerCva({ size, site: "right" });
|
|
357
|
-
const LeadingIcon = StartIcon ? /* @__PURE__ */ jsxRuntime.jsx("span", {
|
|
358
|
-
const TrailingIcon = EndIcon ? /* @__PURE__ */ jsxRuntime.jsx("span", {
|
|
357
|
+
const LeadingIcon = StartIcon ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: startIconContainerStyles, role: isStartLoading ? "progressbar" : void 0, children: React__namespace.cloneElement(StartIcon, { className: startIconStyles }) }) : null;
|
|
358
|
+
const TrailingIcon = EndIcon ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: endIconContainerStyles, role: isEndLoading ? "progressbar" : void 0, children: React__namespace.cloneElement(EndIcon, { className: endIconStyles }) }) : null;
|
|
359
359
|
return React__namespace.isValidElement(children) ? React__namespace.cloneElement(
|
|
360
360
|
children,
|
|
361
361
|
props,
|
package/dist/index.js
CHANGED
|
@@ -40,7 +40,7 @@ function AvatarFallback({ className, ref, ...props }) {
|
|
|
40
40
|
}
|
|
41
41
|
var buttonCva = cva(
|
|
42
42
|
[
|
|
43
|
-
"inline-flex items-center justify-center align-middle no-underline transition-colors duration-300 ease-in-out
|
|
43
|
+
"inline-flex cursor-pointer items-center justify-center align-middle no-underline transition-colors duration-300 ease-in-out",
|
|
44
44
|
"select-none appearance-none rounded-sm border font-sans font-medium tracking-[.02857em]",
|
|
45
45
|
"aria-disabled:pointer-events-none aria-disabled:cursor-not-allowed aria-disabled:opacity-50"
|
|
46
46
|
],
|
|
@@ -333,8 +333,8 @@ function ButtonContent({
|
|
|
333
333
|
const EndIcon = isEndLoading ? /* @__PURE__ */ jsx(LoadingIcon, { "aria-label": "Loading" }) : endIcon || null;
|
|
334
334
|
const endIconStyles = iconCva({ size, loading: isEndLoading });
|
|
335
335
|
const endIconContainerStyles = iconContainerCva({ size, site: "right" });
|
|
336
|
-
const LeadingIcon = StartIcon ? /* @__PURE__ */ jsx("span", {
|
|
337
|
-
const TrailingIcon = EndIcon ? /* @__PURE__ */ jsx("span", {
|
|
336
|
+
const LeadingIcon = StartIcon ? /* @__PURE__ */ jsx("span", { className: startIconContainerStyles, role: isStartLoading ? "progressbar" : void 0, children: React.cloneElement(StartIcon, { className: startIconStyles }) }) : null;
|
|
337
|
+
const TrailingIcon = EndIcon ? /* @__PURE__ */ jsx("span", { className: endIconContainerStyles, role: isEndLoading ? "progressbar" : void 0, children: React.cloneElement(EndIcon, { className: endIconStyles }) }) : null;
|
|
338
338
|
return React.isValidElement(children) ? React.cloneElement(
|
|
339
339
|
children,
|
|
340
340
|
props,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@szum-tech/design-system",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.3",
|
|
4
4
|
"description": "Szum-Tech design system with tailwindcss support",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"szum-tech",
|
|
@@ -58,10 +58,7 @@
|
|
|
58
58
|
"require": "./dist/utils.cjs"
|
|
59
59
|
}
|
|
60
60
|
},
|
|
61
|
-
"./tailwind/*.css":
|
|
62
|
-
"import": "./tailwind/*.css",
|
|
63
|
-
"require": "./tailwind/*.css"
|
|
64
|
-
},
|
|
61
|
+
"./tailwind/*.css": "./tailwind/*.css",
|
|
65
62
|
"./package.json": "./package.json"
|
|
66
63
|
},
|
|
67
64
|
"main": "./dist/index.cjs",
|
|
@@ -93,51 +90,53 @@
|
|
|
93
90
|
"class-variance-authority": "^0.7.1",
|
|
94
91
|
"clsx": "^2.1.1",
|
|
95
92
|
"radix-ui": "^1.1.3",
|
|
96
|
-
"tailwind-merge": "^3.0.
|
|
93
|
+
"tailwind-merge": "^3.0.2",
|
|
97
94
|
"tailwindcss-animate": "^1.0.7"
|
|
98
95
|
},
|
|
99
96
|
"devDependencies": {
|
|
100
|
-
"@hookform/resolvers": "^
|
|
97
|
+
"@hookform/resolvers": "^4.1.2",
|
|
101
98
|
"@radix-ui/react-icons": "^1.3.2",
|
|
102
|
-
"@storybook/addon-a11y": "^8.
|
|
103
|
-
"@storybook/addon-docs": "^8.
|
|
104
|
-
"@storybook/addon-essentials": "^8.
|
|
105
|
-
"@storybook/addon-interactions": "^8.
|
|
106
|
-
"@storybook/react": "^8.
|
|
107
|
-
"@storybook/react-vite": "^8.
|
|
108
|
-
"@storybook/theming": "^8.
|
|
99
|
+
"@storybook/addon-a11y": "^8.6.3",
|
|
100
|
+
"@storybook/addon-docs": "^8.6.3",
|
|
101
|
+
"@storybook/addon-essentials": "^8.6.3",
|
|
102
|
+
"@storybook/addon-interactions": "^8.6.3",
|
|
103
|
+
"@storybook/react": "^8.6.3",
|
|
104
|
+
"@storybook/react-vite": "^8.6.3",
|
|
105
|
+
"@storybook/theming": "^8.6.3",
|
|
109
106
|
"@szum-tech/eslint-config": "^2.1.5",
|
|
110
107
|
"@szum-tech/prettier-config": "^1.5.0",
|
|
111
108
|
"@szum-tech/semantic-release-config": "^2.2.2",
|
|
112
|
-
"@tailwindcss/postcss": "^4.0.
|
|
109
|
+
"@tailwindcss/postcss": "^4.0.9",
|
|
113
110
|
"@testing-library/dom": "^10.4.0",
|
|
114
111
|
"@testing-library/jest-dom": "^6.6.3",
|
|
115
112
|
"@testing-library/react": "^16.2.0",
|
|
116
113
|
"@testing-library/user-event": "^14.6.1",
|
|
117
|
-
"@types/
|
|
118
|
-
"@types/react
|
|
119
|
-
"@
|
|
120
|
-
"@
|
|
114
|
+
"@types/node": "^22.13.8",
|
|
115
|
+
"@types/react": "^19.0.10",
|
|
116
|
+
"@types/react-dom": "^19.0.4",
|
|
117
|
+
"@vitejs/plugin-react": "^4.3.4",
|
|
118
|
+
"@vitest/coverage-v8": "^3.0.7",
|
|
119
|
+
"@vitest/ui": "^3.0.7",
|
|
121
120
|
"cpy-cli": "^5.0.0",
|
|
122
|
-
"eslint": "^9.
|
|
123
|
-
"happy-dom": "^17.
|
|
124
|
-
"postcss": "^8.5.
|
|
125
|
-
"prettier": "^3.5.
|
|
121
|
+
"eslint": "^9.21.0",
|
|
122
|
+
"happy-dom": "^17.1.8",
|
|
123
|
+
"postcss": "^8.5.3",
|
|
124
|
+
"prettier": "^3.5.2",
|
|
126
125
|
"react": "^19.0.0",
|
|
127
126
|
"react-docgen-typescript": "^2.2.2",
|
|
128
127
|
"react-dom": "^19.0.0",
|
|
129
128
|
"react-hook-form": "^7.54.2",
|
|
130
|
-
"semantic-release": "^24.2.
|
|
129
|
+
"semantic-release": "^24.2.3",
|
|
131
130
|
"serve": "^14.2.4",
|
|
132
131
|
"storybook": "^8.5.3",
|
|
133
132
|
"storybook-dark-mode": "^4.0.2",
|
|
134
133
|
"tailwindcss": "^4.0.5",
|
|
135
|
-
"tsup": "^8.
|
|
134
|
+
"tsup": "^8.4.0",
|
|
136
135
|
"typescript": "^5.7.3",
|
|
137
|
-
"vite": "^6.
|
|
136
|
+
"vite": "^6.2.0",
|
|
138
137
|
"vite-tsconfig-paths": "^5.1.4",
|
|
139
138
|
"vitest": "^3.0.5",
|
|
140
|
-
"zod": "^3.24.
|
|
139
|
+
"zod": "^3.24.2"
|
|
141
140
|
},
|
|
142
141
|
"peerDependencies": {
|
|
143
142
|
"react": "^19.0.0",
|
package/tailwind/global.css
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
@import "tailwindcss";
|
|
2
2
|
|
|
3
|
-
@import "typography.css";
|
|
4
|
-
@import "palette.css";
|
|
5
|
-
@import "animation.css";
|
|
6
|
-
@import "scroll.css";
|
|
3
|
+
@import "./typography.css";
|
|
4
|
+
@import "./palette.css";
|
|
5
|
+
@import "./animation.css";
|
|
6
|
+
@import "./scroll.css";
|
|
7
7
|
|
|
8
8
|
@plugin "tailwindcss-animate";
|
|
9
9
|
|