@manafishrov/ui 1.4.0 → 1.4.1

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 (6) hide show
  1. package/dist/components/toaster/Toaster.js +25 -25
  2. package/dist/components/toaster/Toaster.js.map +1 -1
  3. package/dist/theme.css +1 -1
  4. package/package.json +1 -1
  5. package/src/components/toaster/Toaster.tsx +1 -3
  6. package/src/components/toaster/toaster.css +8 -8
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "$schema": "https://json.schemastore.org/package",
3
3
  "name": "@manafishrov/ui",
4
- "version": "1.4.0",
4
+ "version": "1.4.1",
5
5
  "description": "Styled component library for Manafish interfaces ",
6
6
  "license": "AGPL-3.0-or-later",
7
7
  "repository": {
package/src/components/toaster/Toaster.tsx CHANGED
@@ -36,9 +36,7 @@ const ToastIcon: Component<{ type: ToastOptions['type'] }> = (props) => (
36
36
  const ToastItem: Component<{ toast: Accessor<ToastOptions> }> = (props) => (
37
37
  <Toast.Root
38
38
  class={cn(
39
- 'group gap-2 px-4 py-3.5 shadow-lg min-w-80 pointer-events-auto relative flex w-full items-center rounded-xl border bg-popover',
40
- 'data-[state=open]:sm:slide-in-from-bottom-full data-[state=open]:animate-in data-[state=open]:slide-in-from-top-full',
41
- 'data-[state=closed]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full',
39
+ 'group gap-2 px-4 py-3.5 shadow-lg min-w-80 ease-in-out pointer-events-auto relative flex w-full items-center rounded-xl border bg-popover',
42
40
  'border-border text-popover-foreground',
43
41
  )}
44
42
  >
package/src/components/toaster/toaster.css CHANGED
@@ -4,7 +4,7 @@
4
4
  z-index: var(--z-index);
5
5
  height: var(--height);
6
6
  opacity: var(--opacity);
7
- will-change: translate, opacity, scale, height;
7
+ will-change: translate, opacity, scale;
8
8
  transition:
9
9
  translate 400ms,
10
10
  scale 400ms,
@@ -12,12 +12,12 @@
12
12
  height 400ms,
13
13
  box-shadow 200ms;
14
14
  transition-timing-function: cubic-bezier(0.21, 1.02, 0.73, 1);
15
- }
16
15
 
17
- [data-scope='toast'][data-part='root'][data-state='closed'] {
18
- transition:
19
- translate 400ms,
20
- scale 400ms,
21
- opacity 200ms;
22
- transition-timing-function: cubic-bezier(0.06, 0.71, 0.55, 1);
16
+ &[data-state='closed'] {
17
+ transition:
18
+ translate 400ms,
19
+ scale 400ms,
20
+ opacity 200ms;
21
+ transition-timing-function: cubic-bezier(0.06, 0.71, 0.55, 1);
22
+ }
23
23
  }