@ztwoint/z-ui 0.1.8

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/README.md +24 -0
  2. package/dist/css/config/colors/backgrounds.css +20 -0
  3. package/dist/css/config/colors/components/alert.css +83 -0
  4. package/dist/css/config/colors/components/avatar.css +53 -0
  5. package/dist/css/config/colors/components/badge.css +137 -0
  6. package/dist/css/config/colors/components/button.css +93 -0
  7. package/dist/css/config/colors/components/checkbox.css +7 -0
  8. package/dist/css/config/colors/components/featured-icon.css +80 -0
  9. package/dist/css/config/colors/components/progress-bar.css +7 -0
  10. package/dist/css/config/colors/components/radio-button.css +7 -0
  11. package/dist/css/config/colors/components/scroll-overlay.css +17 -0
  12. package/dist/css/config/colors/components/tab.css +60 -0
  13. package/dist/css/config/colors/components/text-button.css +67 -0
  14. package/dist/css/config/colors/components/toggle-switch.css +3 -0
  15. package/dist/css/config/colors/components/toggle.css +25 -0
  16. package/dist/css/config/colors/defaults.css +113 -0
  17. package/dist/css/config/colors/icons.css +81 -0
  18. package/dist/css/config/colors/overlay.css +3 -0
  19. package/dist/css/config/colors/shape.css +163 -0
  20. package/dist/css/config/colors/stroke.css +63 -0
  21. package/dist/css/config/colors/surfaces.css +141 -0
  22. package/dist/css/config/colors/text.css +77 -0
  23. package/dist/css/config/config.css +39 -0
  24. package/dist/css/config/typography/2xl.css +100 -0
  25. package/dist/css/config/typography/3xl.css +100 -0
  26. package/dist/css/config/typography/4xl.css +100 -0
  27. package/dist/css/config/typography/base.css +100 -0
  28. package/dist/css/config/typography/lg.css +100 -0
  29. package/dist/css/config/typography/sm.css +100 -0
  30. package/dist/css/config/typography/typography.css +8 -0
  31. package/dist/css/config/typography/xl.css +100 -0
  32. package/dist/css/config/typography/xs.css +100 -0
  33. package/package.json +96 -0
@@ -0,0 +1,100 @@
1
+ /* ========== XS ========== */
2
+ /* ========== LINE HEIGHT: NORMAL ========== */
3
+ .leading-normal-regular-xs {
4
+ font-size: 0.75rem;
5
+ line-height: 1rem;
6
+ letter-spacing: -0.0125rem;
7
+ font-weight: 400;
8
+ }
9
+
10
+ .leading-normal-medium-xs {
11
+ font-size: 0.75rem;
12
+ line-height: 1rem;
13
+ letter-spacing: -0.0125rem;
14
+ font-weight: 500;
15
+ }
16
+
17
+ .leading-normal-semibold-xs {
18
+ font-size: 0.75rem;
19
+ line-height: 1rem;
20
+ letter-spacing: -0.0125rem;
21
+ font-weight: 600;
22
+ }
23
+
24
+ .leading-normal-bold-xs {
25
+ font-size: 0.75rem;
26
+ line-height: 1rem;
27
+ letter-spacing: -0.0125rem;
28
+ font-weight: 700;
29
+ }
30
+
31
+ .leading-normal-italic-xs {
32
+ font-size: 0.75rem;
33
+ line-height: 1rem;
34
+ letter-spacing: -0.0125rem;
35
+ font-style: italic;
36
+ }
37
+
38
+ .leading-normal-underlined-xs {
39
+ font-size: 0.75rem;
40
+ line-height: 1rem;
41
+ letter-spacing: -0.0125rem;
42
+ text-decoration: underline;
43
+ }
44
+
45
+ .leading-normal-strikethrough-xs {
46
+ font-size: 0.75rem;
47
+ line-height: 1rem;
48
+ letter-spacing: -0.0125rem;
49
+ text-decoration: line-through;
50
+ }
51
+
52
+ /* ========== LINE HEIGHT: NONE ========== */
53
+ .leading-none-regular-xs {
54
+ font-size: 0.75rem;
55
+ line-height: 0.75rem;
56
+ letter-spacing: -0.0125rem;
57
+ font-weight: 400;
58
+ }
59
+
60
+ .leading-none-medium-xs {
61
+ font-size: 0.75rem;
62
+ line-height: 0.75rem;
63
+ letter-spacing: -0.0125rem;
64
+ font-weight: 500;
65
+ }
66
+
67
+ .leading-none-semibold-xs {
68
+ font-size: 0.75rem;
69
+ line-height: 0.75rem;
70
+ letter-spacing: -0.0125rem;
71
+ font-weight: 600;
72
+ }
73
+
74
+ .leading-none-bold-xs {
75
+ font-size: 0.75rem;
76
+ line-height: 0.75rem;
77
+ letter-spacing: -0.0125rem;
78
+ font-weight: 700;
79
+ }
80
+
81
+ .leading-none-italic-xs {
82
+ font-size: 0.75rem;
83
+ line-height: 0.75rem;
84
+ letter-spacing: -0.0125rem;
85
+ font-style: italic;
86
+ }
87
+
88
+ .leading-none-underlined-xs {
89
+ font-size: 0.75rem;
90
+ line-height: 0.75rem;
91
+ letter-spacing: -0.0125rem;
92
+ text-decoration: underline;
93
+ }
94
+
95
+ .leading-none-strikethrough-xs {
96
+ font-size: 0.75rem;
97
+ line-height: 0.75rem;
98
+ letter-spacing: -0.0125rem;
99
+ text-decoration: line-through;
100
+ }
package/package.json ADDED
@@ -0,0 +1,96 @@
1
+ {
2
+ "name": "@ztwoint/z-ui",
3
+ "version": "0.1.8",
4
+ "type": "module",
5
+ "main": "./dist/index.js",
6
+ "module": "./dist/index.js",
7
+ "types": "./dist/types/index.d.ts",
8
+ "style": "./dist/css/index.css",
9
+ "files": [
10
+ "dist"
11
+ ],
12
+ "readme": "NPM_README.md",
13
+ "exports": {
14
+ ".": {
15
+ "import": "./dist/index.js",
16
+ "types": "./dist/types/index.d.ts"
17
+ },
18
+ "./components/*": {
19
+ "import": "./dist/components/*.js",
20
+ "types": "./dist/types/components/*.d.ts"
21
+ },
22
+ "./css/style.css": "./dist/css/index.css",
23
+ "./css/tailwind.css": "./dist/css/tailwind.css",
24
+ "./css/*.css": "./dist/css/*.css"
25
+ },
26
+ "scripts": {
27
+ "dev": "vite",
28
+ "build": "vite build && tsc",
29
+ "storybook": "storybook dev -p 6006",
30
+ "build-storybook": "storybook build",
31
+ "test": "vitest run",
32
+ "test:watch": "vitest",
33
+ "test:coverage": "vitest run --coverage && echo 'Coverage report generated in ./coverage-reports'",
34
+ "test:ui": "vitest --ui",
35
+ "lint": "eslint \"src/components/**/*.{js,jsx,ts,tsx}\" --ignore-pattern \"**/*.d.ts\" --ignore-pattern \"**/*.stories.tsx\"",
36
+ "lint:fix": "eslint \"src/components/**/*.{js,jsx,ts,tsx}\" --ignore-pattern \"**/*.d.ts\" --ignore-pattern \"**/*.stories.tsx\" --fix",
37
+ "format": "prettier --write \"**/*.{js,jsx,ts,tsx,json,css,scss,md}\"",
38
+ "prepare": "husky"
39
+ },
40
+ "devDependencies": {
41
+ "@eslint/js": "^9.24.0",
42
+ "@storybook/addon-essentials": "^8.6.11",
43
+ "@storybook/addon-interactions": "^8.6.11",
44
+ "@storybook/addon-links": "^8.6.11",
45
+ "@storybook/react-vite": "^8.6.11",
46
+ "@tailwindcss/postcss": "^4.1.1",
47
+ "@tailwindcss/vite": "^4.1.1",
48
+ "@testing-library/jest-dom": "^6.6.3",
49
+ "@testing-library/react": "^16.3.0",
50
+ "@testing-library/user-event": "^14.6.1",
51
+ "@types/fs-extra": "^11.0.4",
52
+ "@types/react": "19.1.4",
53
+ "@types/react-dom": "19.1.5",
54
+ "@typescript-eslint/eslint-plugin": "^8.29.1",
55
+ "@typescript-eslint/parser": "^8.29.1",
56
+ "@vitejs/plugin-react": "^4.3.4",
57
+ "@vitest/coverage-v8": "^3.1.1",
58
+ "@vitest/ui": "^3.1.1",
59
+ "autoprefixer": "^10.4.21",
60
+ "eslint": "^9.24.0",
61
+ "eslint-config-prettier": "^10.1.2",
62
+ "eslint-plugin-prettier": "^5.2.6",
63
+ "eslint-plugin-react": "^7.37.5",
64
+ "eslint-plugin-react-hooks": "^5.2.0",
65
+ "eslint-plugin-unused-imports": "^4.1.4",
66
+ "fs-extra": "^11.3.0",
67
+ "globals": "^16.3.0",
68
+ "husky": "^9.1.7",
69
+ "jsdom": "^26.1.0",
70
+ "postcss": "^8.5.3",
71
+ "prettier": "^3.5.3",
72
+ "react": "19.1.0",
73
+ "react-dom": "19.1.0",
74
+ "storybook": "^8.6.11",
75
+ "tailwindcss": "^4.1.1",
76
+ "typescript": "^5.8.2",
77
+ "vite": "^6.2.4",
78
+ "vitest": "^3.1.1"
79
+ },
80
+ "dependencies": {
81
+ "@fontsource-variable/inter": "^5.2.5",
82
+ "@heroicons/react": "^2.2.0",
83
+ "@radix-ui/react-slot": "^1.2.2",
84
+ "@radix-ui/react-tabs": "^1.1.12",
85
+ "class-variance-authority": "^0.7.1",
86
+ "classnames": "^2.5.1",
87
+ "clsx": "^2.1.1",
88
+ "react-country-flag": "^3.1.0",
89
+ "tailwind-merge": "^3.3.0",
90
+ "vite-plugin-dts": "^4.5.4"
91
+ },
92
+ "peerDependencies": {
93
+ "react": "19.1.0",
94
+ "react-dom": "19.1.0"
95
+ }
96
+ }