ics-ui-kit 0.1.1 → 0.1.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/theme.css CHANGED
@@ -171,6 +171,12 @@
171
171
  --lilac: 296 100% 89%;
172
172
  --plume: 305 100% 88%;
173
173
  --velvet: 320 100% 87%;
174
+
175
+ /** Glass **/
176
+ --glass-thin: blur(8px) brightness(108%) saturate(120%);
177
+ --glass-regular: blur(16px) brightness(100%) saturate(180%) contrast(100%);
178
+ --glass-thick: blur(24px) brightness(96%) saturate(200%) contrast(102%);
179
+ --glass-clear: blur(4px) brightness(100%) saturate(100%) opacity(0.6);
174
180
  }
175
181
 
176
182
  .dark {
@@ -326,4 +332,25 @@
326
332
  --lilac: 296 35% 45%;
327
333
  --plume: 305 35% 45%;
328
334
  --velvet: 320 35% 46%;
335
+
336
+ /** Glass **/
337
+ --glass-thin: blur(8px) brightness(68%) saturate(130%);
338
+ --glass-regular: blur(16px) brightness(62%) saturate(160%) contrast(110%);
339
+ --glass-thick: blur(24px) brightness(52%) saturate(180%) contrast(115%);
340
+ --glass-clear: blur(4px) brightness(100%) saturate(100%) opacity(0.6);
341
+ }
342
+
343
+ @layer utilities {
344
+ .backdrop-glass-clear {
345
+ backdrop-filter: var(--glass-clear);
346
+ }
347
+ .backdrop-glass-thin {
348
+ backdrop-filter: var(--glass-thin);
349
+ }
350
+ .backdrop-glass-regular {
351
+ backdrop-filter: var(--glass-regular);
352
+ }
353
+ .backdrop-glass-thick {
354
+ backdrop-filter: var(--glass-thick);
355
+ }
329
356
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ics-ui-kit",
3
- "version": "0.1.1",
3
+ "version": "0.1.3",
4
4
  "packageManager": "pnpm@10.17.1",
5
5
  "repository": {
6
6
  "type": "git",
@@ -105,6 +105,7 @@
105
105
  "@radix-ui/react-toolbar": "^1.1.11",
106
106
  "@radix-ui/react-tooltip": "^1.2.8",
107
107
  "@react-hook/media-query": "^1.1.1",
108
+ "@tailwindcss/typography": "^0.5.16",
108
109
  "@tanstack/react-table": "^8.21.3",
109
110
  "class-variance-authority": "^0.7.0",
110
111
  "clsx": "^2.1.1",
@@ -139,7 +140,6 @@
139
140
  "@storybook/react-vite": "^8.6.14",
140
141
  "@storybook/test": "^8.6.14",
141
142
  "@storybook/theming": "^8.6.14",
142
- "@tailwindcss/typography": "^0.5.16",
143
143
  "@types/react": "^18.3.12",
144
144
  "@types/react-dom": "^18.3.1",
145
145
  "@vitejs/plugin-react-swc": "^3.7.1",
@@ -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: {