@inkeep/cxkit-styled 0.5.59 → 0.5.62

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 (5) hide show
  1. package/dist/inkeep.css.cjs +15 -0
  2. package/dist/inkeep.css.js +15 -0
  3. package/dist/ui/recipes/modal.cjs +1 -1
  4. package/dist/ui/recipes/modal.js +2 -2
  5. package/package.json +4 -4
package/dist/inkeep.css.cjs CHANGED
@@ -2419,6 +2419,21 @@ img[data-part='icon'][data-type='custom'] {
2419
2419
  }
2420
2420
  }
2421
2421
 
2422
+ .data-\\[state\\=open\\]\\:animate-\\[fade-in_0\\.15s_ease-out\\][data-state="open"] {
2423
+ animation: fade-in 0.15s ease-out;
2424
+ }
2425
+
2426
+ @keyframes fade-in {
2427
+
2428
+ 0% {
2429
+ opacity: 0;
2430
+ }
2431
+
2432
+ 100% {
2433
+ opacity: 1;
2434
+ }
2435
+ }
2436
+
2422
2437
  .data-\\[state\\=open\\]\\:animate-fade-in[data-state="open"] {
2423
2438
  animation: fade-in 0.25s ease-out;
2424
2439
  }
package/dist/inkeep.css.js CHANGED
@@ -2420,6 +2420,21 @@ img[data-part='icon'][data-type='custom'] {
2420
2420
  }
2421
2421
  }
2422
2422
 
2423
+ .data-\\[state\\=open\\]\\:animate-\\[fade-in_0\\.15s_ease-out\\][data-state="open"] {
2424
+ animation: fade-in 0.15s ease-out;
2425
+ }
2426
+
2427
+ @keyframes fade-in {
2428
+
2429
+ 0% {
2430
+ opacity: 0;
2431
+ }
2432
+
2433
+ 100% {
2434
+ opacity: 1;
2435
+ }
2436
+ }
2437
+
2423
2438
  .data-\\[state\\=open\\]\\:animate-fade-in[data-state="open"] {
2424
2439
  animation: fade-in 0.25s ease-out;
2425
2440
  }
package/dist/ui/recipes/modal.cjs CHANGED
@@ -1 +1 @@
1
- "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("class-variance-authority"),t=require("./button.cjs"),a=e.cva("",{variants:{slot:{overlay:["fixed inset-0","bg-overlay-light dark:bg-overlay-dark","data-[state=closed]:hidden","data-[state=open]:animate-fade-in","backdrop-blur-sm overflow-y-auto","place-items-center grid z-overlay"],content:["fixed","top-[5%]","left-1/2","translate-x-[-50%]","z-overlay","flex flex-col","w-full","duration-200","text-inherit rounded-md","bg-white shadow-lg dark:bg-gray-dark-950 dark:shadow-none","focus-visible:outline-none","focus:outline-none","data-[state=closed]:hidden","data-[state=closed]:animate-fade-out","data-[state=open]:animate-fade-in","data-[mobile]:inset-0","data-[mobile]:h-[unset]","data-[mobile]:w-[unset]","data-[mobile]:transform-none","data-[mobile]:rounded-none","[&[data-mobile]>div]:h-full","[&[data-mobile]>div]:max-h-dvh","[&[data-mobile]>div]:max-h-[unset]"],header:["px-6 py-4 text-xl font-semibold flex-0 flex flex-col"],close:[t.button({variant:"ghost",size:"md"}),"w-8 h-8 min-w-0","text-lg text-gray-500 dark:text-white-alpha-500","absolute top-2 right-3"],body:["px-6 py-2 flex-1"]}}});exports.modal=a;
1
+ "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("class-variance-authority"),t=require("./button.cjs"),a=e.cva("",{variants:{slot:{overlay:["fixed inset-0","bg-overlay-light dark:bg-overlay-dark","data-[state=closed]:hidden","data-[state=open]:animate-[fade-in_0.15s_ease-out]","backdrop-blur-sm overflow-y-auto","place-items-center grid z-overlay"],content:["fixed","top-[5%]","left-1/2","translate-x-[-50%]","z-overlay","flex flex-col","w-full","duration-200","text-inherit rounded-md","bg-white shadow-lg dark:bg-gray-dark-950 dark:shadow-none","focus-visible:outline-none","focus:outline-none","data-[state=closed]:hidden","data-[state=closed]:animate-fade-out","data-[state=open]:animate-[fade-in_0.15s_ease-out]","data-[mobile]:inset-0","data-[mobile]:h-[unset]","data-[mobile]:w-[unset]","data-[mobile]:transform-none","data-[mobile]:rounded-none","[&[data-mobile]>div]:h-full","[&[data-mobile]>div]:max-h-dvh","[&[data-mobile]>div]:max-h-[unset]"],header:["px-6 py-4 text-xl font-semibold flex-0 flex flex-col"],close:[t.button({variant:"ghost",size:"md"}),"w-8 h-8 min-w-0","text-lg text-gray-500 dark:text-white-alpha-500","absolute top-2 right-3"],body:["px-6 py-2 flex-1"]}}});exports.modal=a;
package/dist/ui/recipes/modal.js CHANGED
@@ -8,7 +8,7 @@ const d = e("", {
8
8
  "fixed inset-0",
9
9
  "bg-overlay-light dark:bg-overlay-dark",
10
10
  "data-[state=closed]:hidden",
11
- "data-[state=open]:animate-fade-in",
11
+ "data-[state=open]:animate-[fade-in_0.15s_ease-out]",
12
12
  "backdrop-blur-sm overflow-y-auto",
13
13
  "place-items-center grid z-overlay"
14
14
  ],
@@ -30,7 +30,7 @@ const d = e("", {
30
30
  "focus:outline-none",
31
31
  "data-[state=closed]:hidden",
32
32
  "data-[state=closed]:animate-fade-out",
33
- "data-[state=open]:animate-fade-in",
33
+ "data-[state=open]:animate-[fade-in_0.15s_ease-out]",
34
34
  //
35
35
  "data-[mobile]:inset-0",
36
36
  "data-[mobile]:h-[unset]",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@inkeep/cxkit-styled",
3
- "version": "0.5.59",
3
+ "version": "0.5.62",
4
4
  "description": "",
5
5
  "license": "Inkeep, Inc. Customer License (IICL) v1.1",
6
6
  "homepage": "",
@@ -39,7 +39,7 @@
39
39
  "clsx": "2.1.1",
40
40
  "merge-anything": "5.1.7",
41
41
  "tailwind-merge": "2.6.0",
42
- "@inkeep/cxkit-primitives": "0.5.59"
42
+ "@inkeep/cxkit-primitives": "0.5.62"
43
43
  },
44
44
  "devDependencies": {
45
45
  "@biomejs/biome": "1.9.4",
@@ -59,8 +59,8 @@
59
59
  "typescript": "5.7.3",
60
60
  "vite": "5.4.11",
61
61
  "vite-plugin-dts": "4.4.0",
62
- "@inkeep/cxkit-theme": "0.5.59",
63
- "@inkeep/cxkit-types": "0.5.59"
62
+ "@inkeep/cxkit-theme": "0.5.62",
63
+ "@inkeep/cxkit-types": "0.5.62"
64
64
  },
65
65
  "module": "dist/index.js",
66
66
  "types": "dist/index.d.ts",