@bbodek/internal-ui 0.0.30 → 0.0.32

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bbodek/internal-ui",
-  "version": "0.0.30",
+  "version": "0.0.32",
   "license": "MIT",
   "type": "module",
   "files": [
@@ -24,13 +24,14 @@
   },
   "dependencies": {
     "next": "^15.3.1",
-    "@bbodek/hooks": "^0.0.13",
+    "@bbodek/hooks": "^0.0.14",
     "@bbodek/utils": "^0.0.2",
     "@floating-ui/react": "^0.27.8",
     "@phosphor-icons/core": "^2.1.1",
     "@phosphor-icons/web": "^2.1.2",
     "clsx": "^2.1.1",
-    "pretendard": "^1.3.9"
+    "pretendard": "^1.3.9",
+    "react-hot-toast": "^2.5.2"
   },
   "peerDependencies": {
     "react": "^19.1.0",

package/src/styles/safelist.css

@@ -2,3 +2,4 @@
 @source inline("{hover:,focus:,active:,}{bg,text,fill,placeholder,border}-{in}-primary-{01,02,03,04,05,06,07,08,09,10,11,}");
 @source inline("{hover:,focus:,active:,}{bg,fill}-{in}-{tooltip,dimmed}");
 @source inline("{hover:,focus:,active:,}{text-in-{display,headline,body,}-{34,30,24,20,18,16,14,12}-{b,m,r}}");
+@source inline("{toaster}");

package/src/styles/theme.css

@@ -162,6 +162,8 @@
   --animate-in-fade-in-select: fade-in 0.3s ease;
   --animate-in-popup: popup 0.2s cubic-bezier(0, 0, 0.5, 1);
   --animate-in-bottom-sheet: bottom-sheet 0.2s cubic-bezier(0, 0, 0.5, 1);
+  --animate-in-toast-in: toast-in 0.2s ease;
+  --animate-in-toast-out: toast-out 0.2s ease forwards;
 
   @keyframes fade-in {
     0% {
@@ -189,4 +191,24 @@
       transform: translateY(0);
     }
   }
+
+  @keyframes toast-in {
+    0% {
+      transform: translateY(-100%);
+    }
+    100% {
+      transform: translateY(0);
+    }
+  }
+
+  @keyframes toast-out {
+    0% {
+      transform: translateY(0);
+      opacity: 1;
+    }
+    100% {
+      transform: translateY(-100%);
+      opacity: 0;
+    }
+  }
 }

package/src/styles/utilities.css

@@ -126,3 +126,7 @@
 @utility in-button-lg-icon {
   @apply text-in-body-16-b;
 }
+
+@utility toaster {
+  @apply in-tablet:inset-6!;
+}

package/dist/components/shared/components/Overlay/hooks/effects/index.d.ts

@@ -1,2 +0,0 @@
-export { default as useBodyScrollLockEffect } from './useBodyScrollLockEffect';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/shared/components/Overlay/hooks/effects/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/shared/components/Overlay/hooks/effects/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/components/shared/components/Overlay/hooks/effects/useBodyScrollLockEffect.d.ts

@@ -1,4 +0,0 @@
-import { UseBodyScrollLockEffectProps } from '../../../../../../components/shared/components/Overlay/types';
-declare const useBodyScrollLockEffect: ({ isLocked, }: UseBodyScrollLockEffectProps) => void;
-export default useBodyScrollLockEffect;
-//# sourceMappingURL=useBodyScrollLockEffect.d.ts.map

package/dist/components/shared/components/Overlay/hooks/effects/useBodyScrollLockEffect.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useBodyScrollLockEffect.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/shared/components/Overlay/hooks/effects/useBodyScrollLockEffect.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,4BAA4B,EAAE,MAAM,8CAA8C,CAAC;AAE5F,QAAA,MAAM,uBAAuB,GAAI,eAE9B,4BAA4B,SAU9B,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

package/dist/components/shared/components/Overlay/hooks/index.d.ts

@@ -1,2 +0,0 @@
-export * from './effects';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/shared/components/Overlay/hooks/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/shared/components/Overlay/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}