qt-ui-kit 1.0.118 → 1.0.120

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 (2) hide show
  1. package/dist/style.css +36 -30
  2. package/package.json +14 -14
package/dist/style.css CHANGED
@@ -1,4 +1,5 @@
1
- /*! tailwindcss v4.1.4 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
2
+ @import url("https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;700&family=Inter:wght@400;500;700&display=swap");
2
3
  @layer properties;
3
4
  @layer theme, base, components, utilities;
4
5
  @layer theme {
@@ -43,31 +44,31 @@
43
44
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
44
45
  --default-font-family: var(--font-sans);
45
46
  --default-mono-font-family: var(--font-mono);
46
- --color-neutral-1: #1D1D1F;
47
- --color-neutral-6: #F5F5F5;
48
- --color-qtneutral-100: #FAFAFC;
49
- --color-qtneutral-200: #F5F5F8;
50
- --color-qtneutral-300: #F3F2F8;
51
- --color-qtneutral-500: #CDCDCD;
52
- --color-qtneutral-400: #EAE9F0;
53
- --color-qtneutral-700: #82818E;
54
- --color-qtneutral-800: #46454A;
55
- --color-qtneutral-900: #1D1D1F;
56
- --color-qtpurple-300: #D8D7FF;
57
- --color-qtpurple-200: #EFEEFF;
58
- --color-qtpurple-500: #6558FD;
59
- --color-qtpurple-600: #4F3ED0;
60
- --color-qtpurple-800: #4D4273;
61
- --color-qtgreen-500: #CEFF1A;
62
- --color-qtgreen-300: #D2F8B6;
63
- --color-qtgreen-200: #E8FE99;
64
- --color-qtgreen-50: #F1FEE8;
65
- --color-qtred-500: #FF4B33;
66
- --color-qtred-400: #FF8578;
67
- --color-qtred-50: #FFECEA;
68
- --color-qtorange-400: #FFC24D;
69
- --color-qtorange-300: #FFD991;
70
- --color-qtorange-50: #FFF5E1;
47
+ --color-neutral-1: #1d1d1f;
48
+ --color-neutral-6: #f5f5f5;
49
+ --color-qtneutral-100: #fafafc;
50
+ --color-qtneutral-200: #f5f5f8;
51
+ --color-qtneutral-300: #f3f2f8;
52
+ --color-qtneutral-500: #cdcdcd;
53
+ --color-qtneutral-400: #eae9f0;
54
+ --color-qtneutral-700: #82818e;
55
+ --color-qtneutral-800: #46454a;
56
+ --color-qtneutral-900: #1d1d1f;
57
+ --color-qtpurple-300: #d8d7ff;
58
+ --color-qtpurple-200: #efeeff;
59
+ --color-qtpurple-500: #6558fd;
60
+ --color-qtpurple-600: #4f3ed0;
61
+ --color-qtpurple-800: #4d4273;
62
+ --color-qtgreen-500: #ceff1a;
63
+ --color-qtgreen-300: #d2f8b6;
64
+ --color-qtgreen-200: #e8fe99;
65
+ --color-qtgreen-50: #f1fee8;
66
+ --color-qtred-500: #ff4b33;
67
+ --color-qtred-400: #ff8578;
68
+ --color-qtred-50: #ffecea;
69
+ --color-qtorange-400: #ffc24d;
70
+ --color-qtorange-300: #ffd991;
71
+ --color-qtorange-50: #fff5e1;
71
72
  }
72
73
  }
73
74
  @layer base {
@@ -213,6 +214,9 @@
213
214
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
214
215
  padding-block: 0;
215
216
  }
217
+ ::-webkit-calendar-picker-indicator {
218
+ line-height: 1;
219
+ }
216
220
  :-moz-ui-invalid {
217
221
  box-shadow: none;
218
222
  }
@@ -882,7 +886,7 @@
882
886
  background-color: var(--color-qtneutral-500);
883
887
  }
884
888
  .bg-qtneutral-900\/50 {
885
- background-color: color-mix(in srgb, #1D1D1F 50%, transparent);
889
+ background-color: color-mix(in srgb, #1d1d1f 50%, transparent);
886
890
  @supports (color: color-mix(in lab, red, red)) {
887
891
  background-color: color-mix(in oklab, var(--color-qtneutral-900) 50%, transparent);
888
892
  }
@@ -1285,9 +1289,8 @@
1285
1289
  }
1286
1290
  }
1287
1291
  }
1288
- @import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;700&family=Inter:wght@400;500;700&display=swap');
1289
1292
  :root {
1290
- --font-sans: 'Inter', sans-serif;
1293
+ --font-sans: "Inter", sans-serif;
1291
1294
  }
1292
1295
  .category-badge-text {
1293
1296
  font-family: Inter;
@@ -1457,7 +1460,10 @@
1457
1460
  .bg-test {
1458
1461
  background-color: #ffffff;
1459
1462
  opacity: 1;
1460
- background-image: linear-gradient(#e6e6e6 2px, transparent 2px), linear-gradient(90deg, #e6e6e6 2px, transparent 2px), linear-gradient(#e6e6e6 1px, transparent 1px), linear-gradient(90deg, #e6e6e6 1px, #ffffff 1px);
1463
+ background-image: linear-gradient(#e6e6e6 2px, transparent 2px),
1464
+ linear-gradient(90deg, #e6e6e6 2px, transparent 2px),
1465
+ linear-gradient(#e6e6e6 1px, transparent 1px),
1466
+ linear-gradient(90deg, #e6e6e6 1px, #ffffff 1px);
1461
1467
  background-size: 50px 50px, 50px 50px, 10px 10px, 10px 10px;
1462
1468
  background-position: -2px -2px, -2px -2px, -1px -1px, -1px -1px;
1463
1469
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "qt-ui-kit",
3
- "version": "1.0.118",
3
+ "version": "1.0.120",
4
4
  "description": "Reusable component library with Tailwind v4 and custom CSS",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",
@@ -27,35 +27,35 @@
27
27
  "author": "",
28
28
  "license": "ISC",
29
29
  "peerDependencies": {
30
- "react": "^19.0.0",
31
- "react-dom": "^19.0.0"
30
+ "react": "19.2.3",
31
+ "react-dom": "19.2.3"
32
32
  },
33
33
  "dependencies": {
34
34
  "@tailwindcss/line-clamp": "^0.4.4",
35
- "@tailwindcss/postcss": "^4.1.4",
36
- "@tailwindcss/typography": "^0.5.16",
35
+ "@tailwindcss/postcss": "^4.1.18",
36
+ "@tailwindcss/typography": "^0.5.19",
37
37
  "clsx": "^2.1.1",
38
38
  "dompurify": "^3.2.6",
39
39
  "react-markdown": "^10.1.0",
40
40
  "rehype-raw": "^7.0.0",
41
41
  "remark-gfm": "^4.0.1",
42
- "tailwind-merge": "^3.2.0"
42
+ "tailwind-merge": "^3.4.0"
43
43
  },
44
44
  "devDependencies": {
45
- "@ladle/react": "^5.0.2",
45
+ "@ladle/react": "^5.1.1",
46
46
  "@tailwindcss/forms": "^0.5.10",
47
- "@types/node": "^22.14.1",
48
- "@types/react": "^19.1.2",
49
- "@types/react-dom": "^19.2.2",
47
+ "@types/node": "^25.0.1",
48
+ "@types/react": "^19.2.7",
49
+ "@types/react-dom": "^19.2.3",
50
50
  "autoprefixer": "^10.4.21",
51
51
  "date-fns": "^4.1.0",
52
52
  "emoji-dictionary": "^1.0.12",
53
- "next": "^15.3.0",
53
+ "next": "16.0.10",
54
54
  "postcss": "^8.5.4",
55
55
  "postcss-cli": "^11.0.1",
56
- "tailwindcss": "^4.1.8",
56
+ "tailwindcss": "^4.1.18",
57
57
  "tsup": "^8.0.0",
58
- "typescript": "^5.8.3",
59
- "vite-plugin-svgr": "^4.3.0"
58
+ "typescript": "^5.9.3",
59
+ "vite-plugin-svgr": "^4.5.0"
60
60
  }
61
61
  }