ics-ui-kit 0.1.0 → 0.1.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 (30) hide show
  1. package/dist/{CheckboxField-B6ojieD7.js → CheckboxField-cX09-eBX.js} +2 -2
  2. package/dist/{CheckboxField-B6ojieD7.js.map → CheckboxField-cX09-eBX.js.map} +1 -1
  3. package/dist/{Field-CSvS9f_a.js → Field-CKl59qUB.js} +2 -2
  4. package/dist/{Field-CSvS9f_a.js.map → Field-CKl59qUB.js.map} +1 -1
  5. package/dist/{FieldLabel-BA0y5lhr.js → FieldLabel-QJ4rJFOi.js} +2 -2
  6. package/dist/{FieldLabel-BA0y5lhr.js.map → FieldLabel-QJ4rJFOi.js.map} +1 -1
  7. package/dist/{FormFooterTemplate-BPspyDbr.js → FormFooterTemplate-DPB6Dkxn.js} +2 -2
  8. package/dist/{FormFooterTemplate-BPspyDbr.js.map → FormFooterTemplate-DPB6Dkxn.js.map} +1 -1
  9. package/dist/{FormStack-DvlFQQiP.js → FormStack-B4QOuYgO.js} +3 -3
  10. package/dist/{FormStack-DvlFQQiP.js.map → FormStack-B4QOuYgO.js.map} +1 -1
  11. package/dist/IconTooltip-CKJKGHbk.js +11 -0
  12. package/dist/IconTooltip-CKJKGHbk.js.map +1 -0
  13. package/dist/blocks/auth/otp-form.js +1 -1
  14. package/dist/components/checkbox.js +1 -1
  15. package/dist/components/dialog.js +1 -1
  16. package/dist/components/drawer.js +1 -1
  17. package/dist/components/field.js +1 -1
  18. package/dist/components/form.js +3 -3
  19. package/dist/components/icon-tooltip.js +1 -1
  20. package/dist/components/label.js +1 -1
  21. package/dist/components/switch/Switch.d.ts +2 -1
  22. package/dist/components/switch.js +67 -52
  23. package/dist/components/switch.js.map +1 -1
  24. package/dist/lib/utils/variants.d.ts +1 -1
  25. package/dist/styles-scoped.css +413 -366
  26. package/dist/styles.css +413 -366
  27. package/package.json +183 -183
  28. package/tailwind.preset.js +4 -0
  29. package/dist/IconTooltip-DhkXc8Uy.js +0 -11
  30. package/dist/IconTooltip-DhkXc8Uy.js.map +0 -1
package/package.json CHANGED
@@ -1,183 +1,183 @@
1
- {
2
- "name": "ics-ui-kit",
3
- "version": "0.1.0",
4
- "packageManager": "pnpm@10.17.1",
5
- "repository": {
6
- "type": "git",
7
- "url": "https://gitlab.ics-it.ru/ics/ui-kit"
8
- },
9
- "type": "module",
10
- "files": [
11
- "dist",
12
- "tailwind.preset.js"
13
- ],
14
- "types": "./dist/index.d.ts",
15
- "main": "./dist/index.js",
16
- "module": "./dist/index.js",
17
- "exports": {
18
- ".": {
19
- "types": "./dist/index.d.ts",
20
- "import": "./dist/index.js"
21
- },
22
- "./styles.css": "./dist/styles.css",
23
- "./styles-scoped.css": "./dist/styles-scoped.css",
24
- "./theme.css": "./dist/theme.css",
25
- "./tailwind.preset": "./tailwind.preset.js",
26
- "./tailwind.preset.js": "./tailwind.preset.js",
27
- "./components/*": {
28
- "types": "./dist/components/*.d.ts",
29
- "import": "./dist/components/*.js"
30
- },
31
- "./vendors/*": {
32
- "types": "./dist/vendors/*.d.ts",
33
- "import": "./dist/vendors/*.js"
34
- },
35
- "./hooks/*": {
36
- "types": "./dist/hooks/*.d.ts",
37
- "import": "./dist/hooks/*.js"
38
- },
39
- "./blocks/*": {
40
- "types": "./dist/blocks/*.d.ts",
41
- "import": "./dist/blocks/*.js"
42
- },
43
- "./providers/*": {
44
- "types": "./dist/providers/*.d.ts",
45
- "import": "./dist/providers/*.js"
46
- },
47
- "./lib/*": {
48
- "types": "./dist/lib/*.d.ts",
49
- "import": "./dist/lib/*.js"
50
- }
51
- },
52
- "sideEffects": [
53
- "./dist/styles.css",
54
- "./dist/styles-scoped.css",
55
- "./dist/theme.css"
56
- ],
57
- "peerDependencies": {
58
- "react": ">=17.0.0",
59
- "react-dom": ">=17.0.0"
60
- },
61
- "scripts": {
62
- "type-check": "tsc -p tsconfig.check.json",
63
- "lint": "eslint .",
64
- "test": "vitest",
65
- "test:run": "vitest run",
66
- "coverage": "vitest run --coverage",
67
- "check": "npm run type-check && npm run lint && npm run test:run",
68
- "build": "vite build --config vite.config.build.ts",
69
- "sync-changelog": "node scripts/sync-changelog.js",
70
- "storybook": "npm run sync-changelog && storybook dev -p 6006",
71
- "build-storybook": "npm run sync-changelog && storybook build",
72
- "check-build": "npm run check && npm run build",
73
- "release:alpha": "npm run check-build && npm version prerelease --preid alpha && npm publish --tag alpha",
74
- "release:patch:alpha": "npm run check-build && npm version prepatch --preid alpha && npm publish --tag alpha",
75
- "release:patch": "npm run check-build && npm version patch && npm publish",
76
- "release:minor": "npm run check-build && npm version minor && npm publish",
77
- "release:major": "npm run check-build && npm version major && npm publish",
78
- "react-doctor": "npx -y react-doctor@latest ."
79
- },
80
- "dependencies": {
81
- "@dnd-kit/core": "^6.2.0",
82
- "@dnd-kit/modifiers": "^8.0.0",
83
- "@dnd-kit/sortable": "^10.0.0",
84
- "@dnd-kit/utilities": "^3.2.2",
85
- "@hookform/resolvers": "^4.1.3",
86
- "@radix-ui/react-alert-dialog": "^1.1.15",
87
- "@radix-ui/react-avatar": "^1.1.11",
88
- "@radix-ui/react-checkbox": "^1.3.3",
89
- "@radix-ui/react-collapsible": "^1.1.12",
90
- "@radix-ui/react-dialog": "^1.1.15",
91
- "@radix-ui/react-dropdown-menu": "^2.1.16",
92
- "@radix-ui/react-label": "^2.1.8",
93
- "@radix-ui/react-popover": "^1.1.15",
94
- "@radix-ui/react-progress": "^1.1.8",
95
- "@radix-ui/react-radio-group": "^1.3.8",
96
- "@radix-ui/react-scroll-area": "^1.2.10",
97
- "@radix-ui/react-select": "^2.2.6",
98
- "@radix-ui/react-separator": "^1.1.8",
99
- "@radix-ui/react-slider": "^1.3.6",
100
- "@radix-ui/react-slot": "^1.2.4",
101
- "@radix-ui/react-switch": "^1.2.6",
102
- "@radix-ui/react-tabs": "^1.1.13",
103
- "@radix-ui/react-toggle": "^1.1.10",
104
- "@radix-ui/react-toggle-group": "^1.1.11",
105
- "@radix-ui/react-toolbar": "^1.1.11",
106
- "@radix-ui/react-tooltip": "^1.2.8",
107
- "@react-hook/media-query": "^1.1.1",
108
- "@tailwindcss/typography": "^0.5.16",
109
- "@tanstack/react-table": "^8.21.3",
110
- "class-variance-authority": "^0.7.0",
111
- "clsx": "^2.1.1",
112
- "cmdk": "^1.1.1",
113
- "date-fns": "^4.1.0",
114
- "embla-carousel-react": "^8.6.0",
115
- "input-otp": "^1.4.2",
116
- "lucide-react": "^0.460.0",
117
- "re-resizable": "^6.10.3",
118
- "react-day-picker": "^9.14.0",
119
- "react-hook-form": "^7.54.2",
120
- "react-resizable-panels": "^3.0.6",
121
- "react-textarea-autosize": "^8.5.9",
122
- "sonner": "^1.7.4",
123
- "tailwind-merge": "^3.0.0",
124
- "tailwind-variants": "^3.1.0",
125
- "tailwindcss": "^3.4.15",
126
- "tailwindcss-animate": "^1.0.7",
127
- "vaul": "^1.1.2",
128
- "zod": "^3.24.2"
129
- },
130
- "devDependencies": {
131
- "@chromatic-com/storybook": "^3.2.2",
132
- "@eslint/js": "^9.14.0",
133
- "@storybook/addon-docs": "^8.6.13",
134
- "@storybook/addon-essentials": "^8.6.14",
135
- "@storybook/addon-interactions": "^8.6.14",
136
- "@storybook/addon-onboarding": "^8.4.4",
137
- "@storybook/addon-themes": "8.4.4",
138
- "@storybook/blocks": "^8.4.4",
139
- "@storybook/react": "^8.6.14",
140
- "@storybook/react-vite": "^8.6.14",
141
- "@storybook/test": "^8.6.14",
142
- "@storybook/theming": "^8.6.14",
143
- "@types/react": "^18.3.12",
144
- "@types/react-dom": "^18.3.1",
145
- "@vitejs/plugin-react-swc": "^3.7.1",
146
- "autoprefixer": "^10.4.20",
147
- "eslint": "^9.14.0",
148
- "eslint-plugin-react-hooks": "^5.0.0",
149
- "eslint-plugin-react-refresh": "^0.4.14",
150
- "eslint-plugin-storybook": "^0.11.0",
151
- "fast-glob": "^3.3.3",
152
- "globals": "^15.12.0",
153
- "postcss": "^8.4.49",
154
- "postcss-cli": "^11.0.0",
155
- "prettier": "^3.3.3",
156
- "prettier-plugin-tailwindcss": "^0.6.9",
157
- "remark-gfm": "^4.0.1",
158
- "rollup-plugin-postcss": "^4.0.2",
159
- "rollup-plugin-visualizer": "^5.14.0",
160
- "storybook": "^8.6.14",
161
- "storybook-design-token": "^3.2.0",
162
- "typescript": "~5.6.3",
163
- "typescript-eslint": "^8.14.0",
164
- "vite": "^5.4.11",
165
- "vite-plugin-dts": "^4.3.0",
166
- "vitest": "^2.1.6"
167
- },
168
- "eslintConfig": {
169
- "extends": [
170
- "plugin:storybook/recommended"
171
- ]
172
- },
173
- "overrides": {
174
- "@radix-ui/react-dismissable-layer": "^1.1.11",
175
- "@radix-ui/react-focus-scope": "^1.1.7"
176
- },
177
- "pnpm": {
178
- "onlyBuiltDependencies": [
179
- "@swc/core",
180
- "esbuild"
181
- ]
182
- }
183
- }
1
+ {
2
+ "name": "ics-ui-kit",
3
+ "version": "0.1.2",
4
+ "packageManager": "pnpm@10.17.1",
5
+ "repository": {
6
+ "type": "git",
7
+ "url": "https://gitlab.ics-it.ru/ics/ui-kit"
8
+ },
9
+ "type": "module",
10
+ "files": [
11
+ "dist",
12
+ "tailwind.preset.js"
13
+ ],
14
+ "types": "./dist/index.d.ts",
15
+ "main": "./dist/index.js",
16
+ "module": "./dist/index.js",
17
+ "exports": {
18
+ ".": {
19
+ "types": "./dist/index.d.ts",
20
+ "import": "./dist/index.js"
21
+ },
22
+ "./styles.css": "./dist/styles.css",
23
+ "./styles-scoped.css": "./dist/styles-scoped.css",
24
+ "./theme.css": "./dist/theme.css",
25
+ "./tailwind.preset": "./tailwind.preset.js",
26
+ "./tailwind.preset.js": "./tailwind.preset.js",
27
+ "./components/*": {
28
+ "types": "./dist/components/*.d.ts",
29
+ "import": "./dist/components/*.js"
30
+ },
31
+ "./vendors/*": {
32
+ "types": "./dist/vendors/*.d.ts",
33
+ "import": "./dist/vendors/*.js"
34
+ },
35
+ "./hooks/*": {
36
+ "types": "./dist/hooks/*.d.ts",
37
+ "import": "./dist/hooks/*.js"
38
+ },
39
+ "./blocks/*": {
40
+ "types": "./dist/blocks/*.d.ts",
41
+ "import": "./dist/blocks/*.js"
42
+ },
43
+ "./providers/*": {
44
+ "types": "./dist/providers/*.d.ts",
45
+ "import": "./dist/providers/*.js"
46
+ },
47
+ "./lib/*": {
48
+ "types": "./dist/lib/*.d.ts",
49
+ "import": "./dist/lib/*.js"
50
+ }
51
+ },
52
+ "sideEffects": [
53
+ "./dist/styles.css",
54
+ "./dist/styles-scoped.css",
55
+ "./dist/theme.css"
56
+ ],
57
+ "peerDependencies": {
58
+ "react": ">=17.0.0",
59
+ "react-dom": ">=17.0.0"
60
+ },
61
+ "scripts": {
62
+ "type-check": "tsc -p tsconfig.check.json",
63
+ "lint": "eslint .",
64
+ "test": "vitest",
65
+ "test:run": "vitest run",
66
+ "coverage": "vitest run --coverage",
67
+ "check": "npm run type-check && npm run lint && npm run test:run",
68
+ "build": "vite build --config vite.config.build.ts",
69
+ "sync-changelog": "node scripts/sync-changelog.js",
70
+ "storybook": "npm run sync-changelog && storybook dev -p 6006",
71
+ "build-storybook": "npm run sync-changelog && storybook build",
72
+ "check-build": "npm run check && npm run build",
73
+ "release:alpha": "npm run check-build && npm version prerelease --preid alpha && npm publish --tag alpha",
74
+ "release:patch:alpha": "npm run check-build && npm version prepatch --preid alpha && npm publish --tag alpha",
75
+ "release:patch": "npm run check-build && npm version patch && npm publish",
76
+ "release:minor": "npm run check-build && npm version minor && npm publish",
77
+ "release:major": "npm run check-build && npm version major && npm publish",
78
+ "react-doctor": "npx -y react-doctor@latest ."
79
+ },
80
+ "dependencies": {
81
+ "@dnd-kit/core": "^6.2.0",
82
+ "@dnd-kit/modifiers": "^8.0.0",
83
+ "@dnd-kit/sortable": "^10.0.0",
84
+ "@dnd-kit/utilities": "^3.2.2",
85
+ "@hookform/resolvers": "^4.1.3",
86
+ "@radix-ui/react-alert-dialog": "^1.1.15",
87
+ "@radix-ui/react-avatar": "^1.1.11",
88
+ "@radix-ui/react-checkbox": "^1.3.3",
89
+ "@radix-ui/react-collapsible": "^1.1.12",
90
+ "@radix-ui/react-dialog": "^1.1.15",
91
+ "@radix-ui/react-dropdown-menu": "^2.1.16",
92
+ "@radix-ui/react-label": "^2.1.8",
93
+ "@radix-ui/react-popover": "^1.1.15",
94
+ "@radix-ui/react-progress": "^1.1.8",
95
+ "@radix-ui/react-radio-group": "^1.3.8",
96
+ "@radix-ui/react-scroll-area": "^1.2.10",
97
+ "@radix-ui/react-select": "^2.2.6",
98
+ "@radix-ui/react-separator": "^1.1.8",
99
+ "@radix-ui/react-slider": "^1.3.6",
100
+ "@radix-ui/react-slot": "^1.2.4",
101
+ "@radix-ui/react-switch": "^1.2.6",
102
+ "@radix-ui/react-tabs": "^1.1.13",
103
+ "@radix-ui/react-toggle": "^1.1.10",
104
+ "@radix-ui/react-toggle-group": "^1.1.11",
105
+ "@radix-ui/react-toolbar": "^1.1.11",
106
+ "@radix-ui/react-tooltip": "^1.2.8",
107
+ "@react-hook/media-query": "^1.1.1",
108
+ "@tailwindcss/typography": "^0.5.16",
109
+ "@tanstack/react-table": "^8.21.3",
110
+ "class-variance-authority": "^0.7.0",
111
+ "clsx": "^2.1.1",
112
+ "cmdk": "^1.1.1",
113
+ "date-fns": "^4.1.0",
114
+ "embla-carousel-react": "^8.6.0",
115
+ "input-otp": "^1.4.2",
116
+ "lucide-react": "^0.460.0",
117
+ "re-resizable": "^6.10.3",
118
+ "react-day-picker": "^9.14.0",
119
+ "react-hook-form": "^7.54.2",
120
+ "react-resizable-panels": "^3.0.6",
121
+ "react-textarea-autosize": "^8.5.9",
122
+ "sonner": "^1.7.4",
123
+ "tailwind-merge": "^3.0.0",
124
+ "tailwind-variants": "^3.1.0",
125
+ "tailwindcss": "^3.4.15",
126
+ "tailwindcss-animate": "^1.0.7",
127
+ "vaul": "^1.1.2",
128
+ "zod": "^3.24.2"
129
+ },
130
+ "devDependencies": {
131
+ "@chromatic-com/storybook": "^3.2.2",
132
+ "@eslint/js": "^9.14.0",
133
+ "@storybook/addon-docs": "^8.6.13",
134
+ "@storybook/addon-essentials": "^8.6.14",
135
+ "@storybook/addon-interactions": "^8.6.14",
136
+ "@storybook/addon-onboarding": "^8.4.4",
137
+ "@storybook/addon-themes": "8.4.4",
138
+ "@storybook/blocks": "^8.4.4",
139
+ "@storybook/react": "^8.6.14",
140
+ "@storybook/react-vite": "^8.6.14",
141
+ "@storybook/test": "^8.6.14",
142
+ "@storybook/theming": "^8.6.14",
143
+ "@types/react": "^18.3.12",
144
+ "@types/react-dom": "^18.3.1",
145
+ "@vitejs/plugin-react-swc": "^3.7.1",
146
+ "autoprefixer": "^10.4.20",
147
+ "eslint": "^9.14.0",
148
+ "eslint-plugin-react-hooks": "^5.0.0",
149
+ "eslint-plugin-react-refresh": "^0.4.14",
150
+ "eslint-plugin-storybook": "^0.11.0",
151
+ "fast-glob": "^3.3.3",
152
+ "globals": "^15.12.0",
153
+ "postcss": "^8.4.49",
154
+ "postcss-cli": "^11.0.0",
155
+ "prettier": "^3.3.3",
156
+ "prettier-plugin-tailwindcss": "^0.6.9",
157
+ "remark-gfm": "^4.0.1",
158
+ "rollup-plugin-postcss": "^4.0.2",
159
+ "rollup-plugin-visualizer": "^5.14.0",
160
+ "storybook": "^8.6.14",
161
+ "storybook-design-token": "^3.2.0",
162
+ "typescript": "~5.6.3",
163
+ "typescript-eslint": "^8.14.0",
164
+ "vite": "^5.4.11",
165
+ "vite-plugin-dts": "^4.3.0",
166
+ "vitest": "^2.1.6"
167
+ },
168
+ "eslintConfig": {
169
+ "extends": [
170
+ "plugin:storybook/recommended"
171
+ ]
172
+ },
173
+ "overrides": {
174
+ "@radix-ui/react-dismissable-layer": "^1.1.11",
175
+ "@radix-ui/react-focus-scope": "^1.1.7"
176
+ },
177
+ "pnpm": {
178
+ "onlyBuiltDependencies": [
179
+ "@swc/core",
180
+ "esbuild"
181
+ ]
182
+ }
183
+ }
@@ -26,6 +26,9 @@ const require = createRequire(import.meta.url);
26
26
  */
27
27
  export default {
28
28
  darkMode: ["class"],
29
+ future: {
30
+ hoverOnlyWhenSupported: true
31
+ },
29
32
  theme: {
30
33
  extend: {
31
34
  colors: {
@@ -235,6 +238,7 @@ export default {
235
238
  "soft-2xl": "0 24px 48px -12px rgba(15, 23, 42, 0.24)",
236
239
 
237
240
  focus: "0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--primary-accent))",
241
+ "inverse-focus": "0 0 0 1px hsl(var(--inverse-primary-bg)), 0 0 0 2px hsl(var(--inverse-muted))",
238
242
  "focus-error": "0 0 0 1px hsl(var(--status-error))",
239
243
 
240
244
  "hard-base":
@@ -1,11 +0,0 @@
1
- import { jsx as o, jsxs as a } from "react/jsx-runtime";
2
- import { I as l } from "./Icon-DH3ev9GK.js";
3
- import { a as c, T as n, b as m, c as p } from "./Tooltip-C4rVuWr4.js";
4
- const I = ({ content: r, icon: s, iconClassName: i, iconSize: t = "sm", contentClassName: e }) => /* @__PURE__ */ o(c, { children: /* @__PURE__ */ a(n, { children: [
5
- /* @__PURE__ */ o(m, { children: /* @__PURE__ */ o(l, { size: t, className: i, icon: s }) }),
6
- /* @__PURE__ */ o(p, { className: e, children: r })
7
- ] }) });
8
- export {
9
- I
10
- };
11
- //# sourceMappingURL=IconTooltip-DhkXc8Uy.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"IconTooltip-DhkXc8Uy.js","sources":["../src/components/icon-tooltip/IconTooltip.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport { Icon } from \"@/components/icon/Icon\";\r\nimport { LucideIcon } from \"lucide-react\";\r\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from \"../tooltip/Tooltip\";\r\n\r\nexport interface IconTooltipProps {\r\n\tcontent: React.ReactNode;\r\n\ticon: LucideIcon;\r\n\ticonSize?: \"sm\" | \"md\" | \"lg\";\r\n\ticonClassName?: string;\r\n\tcontentClassName?: string;\r\n}\r\n\r\nexport const IconTooltip = ({ content, icon, iconClassName, iconSize = \"sm\", contentClassName }: IconTooltipProps) => {\r\n\treturn (\r\n\t\t<TooltipProvider>\r\n\t\t\t<Tooltip>\r\n\t\t\t\t<TooltipTrigger>\r\n\t\t\t\t\t<Icon size={iconSize} className={iconClassName} icon={icon} />\r\n\t\t\t\t</TooltipTrigger>\r\n\t\t\t\t<TooltipContent className={contentClassName}>{content}</TooltipContent>\r\n\t\t\t</Tooltip>\r\n\t\t</TooltipProvider>\r\n\t);\r\n};\r\n"],"names":["IconTooltip","content","icon","iconClassName","iconSize","contentClassName","jsx","TooltipProvider","jsxs","Tooltip","TooltipTrigger","Icon","TooltipContent"],"mappings":";;;AAaa,MAAAA,IAAc,CAAC,EAAE,SAAAC,GAAS,MAAAC,GAAM,eAAAC,GAAe,UAAAC,IAAW,MAAM,kBAAAC,QAE3E,gBAAAC,EAACC,GACA,EAAA,UAAA,gBAAAC,EAACC,GACA,EAAA,UAAA;AAAA,EAAC,gBAAAH,EAAAI,GAAA,EACA,4BAACC,GAAK,EAAA,MAAMP,GAAU,WAAWD,GAAe,MAAAD,GAAY,EAC7D,CAAA;AAAA,EACC,gBAAAI,EAAAM,GAAA,EAAe,WAAWP,GAAmB,UAAQJ,EAAA,CAAA;AAAA,EAAA,CACvD,EACD,CAAA;"}