@bbodek/internal-ui 0.0.21 → 0.0.23

package/dist/variants/radius/variant.d.ts

@@ -8,12 +8,12 @@ export declare const RADIUS_VARIANTS: {
     readonly RADIUS_FULL: "radius-full";
 };
 export declare const RADIUS_STYLES_MAPPER: {
-    readonly "radius-4": "rounded-4";
-    readonly "radius-6": "rounded-6";
-    readonly "radius-8": "rounded-8";
-    readonly "radius-12": "rounded-12";
-    readonly "radius-16": "rounded-16";
-    readonly "radius-24": "rounded-24";
-    readonly "radius-full": "rounded-full";
+    readonly "radius-4": "rounded-in-4";
+    readonly "radius-6": "rounded-in-6";
+    readonly "radius-8": "rounded-in-8";
+    readonly "radius-12": "rounded-in-12";
+    readonly "radius-16": "rounded-in-16";
+    readonly "radius-24": "rounded-in-24";
+    readonly "radius-full": "rounded-in-full";
 };
 //# sourceMappingURL=variant.d.ts.map

package/dist/variants/shadow/variant.d.ts

@@ -1,9 +1,9 @@
 export declare const SHADOW_VARIANTS: {
-    readonly SHADOW_4: "shadow-4";
-    readonly SHADOW_8: "shadow-8";
-    readonly SHADOW_12: "shadow-12";
-    readonly SHADOW_20: "shadow-20";
-    readonly SHADOW_24: "shadow-24";
-    readonly SHADOW_30: "shadow-30";
+    readonly SHADOW_4: "shadow-in-4";
+    readonly SHADOW_8: "shadow-in-8";
+    readonly SHADOW_12: "shadow-in-12";
+    readonly SHADOW_20: "shadow-in-20";
+    readonly SHADOW_24: "shadow-in-24";
+    readonly SHADOW_30: "shadow-in-30";
 };
 //# sourceMappingURL=variant.d.ts.map

package/dist/variants/typography/variant.d.ts

@@ -20,6 +20,6 @@ export declare const TYPOGRAPHY_VARIANTS: {
     readonly BODY_12_B: "body-12-b";
     readonly BODY_12_M: "body-12-m";
 };
-export declare const TYPOGRAPHY_PREFIX = "text-";
+export declare const TYPOGRAPHY_PREFIX = "text-in-";
 export declare const TYPOGRAPHY_STYLES_MAPPER: Record<TypographyVariants, string>;
 //# sourceMappingURL=variant.d.ts.map

package/dist/variants/typography/variant.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"variant.d.ts","sourceRoot":"","sources":["../../../src/variants/typography/variant.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAEjE,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;CAoBtB,CAAC;AAEX,eAAO,MAAM,iBAAiB,UAAU,CAAC;AAEzC,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,kBAAkB,EAAE,MAAM,CAoBvE,CAAC"}
+{"version":3,"file":"variant.d.ts","sourceRoot":"","sources":["../../../src/variants/typography/variant.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAEjE,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;CAoBtB,CAAC;AAEX,eAAO,MAAM,iBAAiB,aAAa,CAAC;AAE5C,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,kBAAkB,EAAE,MAAM,CAoBvE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bbodek/internal-ui",
-  "version": "0.0.21",
+  "version": "0.0.23",
   "license": "MIT",
   "type": "module",
   "files": [
@@ -23,6 +23,7 @@
     "lint": "next lint"
   },
   "dependencies": {
+    "next": "^15.3.1",
     "@bbodek/hooks": "^0.0.13",
     "@bbodek/utils": "^0.0.2",
     "@floating-ui/react": "^0.27.8",
@@ -34,7 +35,6 @@
   "peerDependencies": {
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
-    "next": "^15.3.1",
     "tailwindcss": "^4"
   },
   "devDependencies": {

package/src/styles/safelist.css

@@ -1,4 +1,4 @@
-@source inline("{in}-{hover:,focus:,active:,}{bg,text,fill,placeholder,border}-{gray,red,yellow,green}-{01,02,03,04,05,06,07,08,09,}");
-@source inline("{in}-{hover:,focus:,active:,}{bg,text,fill,placeholder,border}-primary-{01,02,03,04,05,06,07,08,09,10,11,}");
-@source inline("{in}-{hover:,focus:,active:,}{bg,fill}-{tooltip,dimmed}");
-@source inline("{in}-{hover:,focus:,active:,}{text-{display,headline,body,}-{34,30,24,20,18,16,14,12}-{b,m,r}}");
+@source inline("{hover:,focus:,active:,}{bg,text,fill,placeholder,border}-{in}-{gray,red,yellow,green}-{01,02,03,04,05,06,07,08,09,}");
+@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}}");

package/src/styles/utilities.css

@@ -1,47 +1,47 @@
-@utility flex-v-stack {
+@utility in-flex-v-stack {
   @apply flex flex-col;
 }
 
-@utility flex-h-stack {
+@utility in-flex-h-stack {
   @apply flex flex-row;
 }
 
-@utility flex-v-stack-center {
-  @apply flex-v-stack items-center justify-center;
+@utility in-flex-v-stack-center {
+  @apply in-flex-v-stack items-center justify-center;
 }
 
-@utility flex-h-stack-center {
-  @apply flex-h-stack items-center justify-center;
+@utility in-flex-h-stack-center {
+  @apply in-flex-h-stack items-center justify-center;
 }
 
-@utility safe-area-top {
-  padding-top: calc(constant(safe-area-inset-top));
+@utility in-safe-area-top {
+  padding-top: calc(constant(in-safe-area-inset-top));
   padding-top: calc(env(afe-area-inset-top));
 }
 
-@utility safe-area-bottom {
-  padding-bottom: calc(constant(safe-area-inset-bottom));
-  padding-bottom: calc(env(safe-area-inset-bottom));
+@utility in-safe-area-bottom {
+  padding-bottom: calc(constant(in-safe-area-inset-bottom));
+  padding-bottom: calc(env(in-safe-area-inset-bottom));
 }
 
-@utility safe-area-y {
-  @apply safe-area-top safe-area-bottom;
+@utility in-safe-area-y {
+  @apply in-safe-area-top in-safe-area-bottom;
 }
 
-@utility safe-area-left {
+@utility in-safe-area-left {
   padding-left: calc(constant(safe-area-inset-left) + 1rem);
   padding-left: calc(env(safe-area-inset-left) + 1rem);
 }
 
-@utility safe-area-right {
+@utility in-safe-area-right {
   padding-right: calc(constant(safe-area-inset-right) + 1rem);
   padding-right: calc(env(safe-area-inset-right) + 1rem);
 }
 
-@utility safe-area-x {
-  @apply safe-area-right safe-area-left;
+@utility in-safe-area-x {
+  @apply in-safe-area-right in-safe-area-left;
 }
 
-@utility safe-area {
-  @apply safe-area-top safe-area-right safe-area-bottom safe-area-left;
+@utility in-safe-area {
+  @apply in-safe-area-top in-safe-area-right in-safe-area-bottom in-safe-area-left;
 }