@nation-a/ui 0.16.22 → 0.16.24

package/dist/styled-system/styles.css

@@ -1633,20 +1633,20 @@ html:not(#\#),body:not(#\#) {
   opacity: 0;
 }
 
-.c_content\.neutralInverse\.bold:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  color: var(--colors-content-neutral-inverse-bold);
+.c_white\.900A:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+  color: var(--colors-white-900-a);
 }
 
-.w_4\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  width: var(--sizes-4\.5);
+.c_content\.neutralInverse\.bold:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+  color: var(--colors-content-neutral-inverse-bold);
 }
 
-.h_4\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  height: var(--sizes-4\.5);
+.w_3\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+  width: var(--sizes-3\.5);
 }
 
-.bdr_sm:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  border-radius: var(--radii-sm);
+.h_3\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+  height: var(--sizes-3\.5);
 }
 
 .px_6:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
@@ -1802,6 +1802,10 @@ html:not(#\#),body:not(#\#) {
   padding-block: var(--spacing-2);
 }
 
+.bdr_sm:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+  border-radius: var(--radii-sm);
+}
+
 .trs_background-color_0\.1s_ease-in-out:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
   transition: background-color 0.1s ease-in-out;
 }
@@ -1826,6 +1830,14 @@ html:not(#\#),body:not(#\#) {
   width: 64px;
 }
 
+.w_4\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+  width: var(--sizes-4\.5);
+}
+
+.h_4\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+  height: var(--sizes-4\.5);
+}
+
 .w_90vw:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
   width: 90vw;
 }
@@ -2451,8 +2463,12 @@ html:not(#\#),body:not(#\#) {
   top: 50%;
 }
 
-.bd-c_content\.neutral\.bold:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  border-color: var(--colors-content-neutral-bold);
+.bd-c_white\.900A:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+  border-color: var(--colors-white-900-a);
+}
+
+.bd-w_1\.5px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+  border-width: 1.5px;
 }
 
 .trs-prop_border-color\,_background:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
@@ -2504,6 +2520,10 @@ html:not(#\#),body:not(#\#) {
   padding-right: var(--spacing-2);
 }
 
+.bd-c_content\.neutral\.bold:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+  border-color: var(--colors-content-neutral-bold);
+}
+
 .bd-w_2px:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
   border-width: 2px;
 }
@@ -2690,6 +2710,10 @@ html:not(#\#),body:not(#\#) {
   height: 24px;
 }
 
+.disabled\:c_white\.500A:is(:disabled, [disabled], [data-disabled]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+  color: var(--colors-white-500-a);
+}
+
 .\[\&_svg\]\:w_2\.5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) svg {
   width: var(--sizes-2\.5);
 }
@@ -2698,12 +2722,12 @@ html:not(#\#),body:not(#\#) {
   height: var(--sizes-2\.5);
 }
 
-.checked\:bg_content\.neutral\.bold:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  background: var(--colors-content-neutral-bold);
+.checked\:bg_white\.900A:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+  background: var(--colors-white-900-a);
 }
 
-.indeterminate\:bg_content\.neutral\.bold:is(:indeterminate, [data-indeterminate], [aria-checked=mixed], [data-state=indeterminate]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  background: var(--colors-content-neutral-bold);
+.indeterminate\:bg_white\.900A:is(:indeterminate, [data-indeterminate], [aria-checked=mixed], [data-state=indeterminate]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+  background: var(--colors-white-900-a);
 }
 
 .disabled\:tch-a_none:is(:disabled, [disabled], [data-disabled]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
@@ -2798,6 +2822,10 @@ html:not(#\#),body:not(#\#) {
   gap: var(--spacing-6);
 }
 
+.checked\:bg_content\.neutral\.bold:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+  background: var(--colors-content-neutral-bold);
+}
+
 .checked\:ring-o_-4px:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
   outline-offset: -4px;
 }
@@ -3202,12 +3230,12 @@ html:not(#\#),body:not(#\#) {
   border-color: var(--colors-border-neutral-disabled);
 }
 
-.indeterminate\:bd-c_content\.neutral\.bold:is(:indeterminate, [data-indeterminate], [aria-checked=mixed], [data-state=indeterminate]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  border-color: var(--colors-content-neutral-bold);
+.indeterminate\:bd-c_white\.900A:is(:indeterminate, [data-indeterminate], [aria-checked=mixed], [data-state=indeterminate]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+  border-color: var(--colors-white-900-a);
 }
 
-.disabled\:bd-c_content\.neutral\.disabled\!:is(:disabled, [disabled], [data-disabled]):not(#\#):not(#\#) {
-  border-color: var(--colors-content-neutral-disabled) !important;
+.disabled\:bd-c_white\.500A\!:is(:disabled, [disabled], [data-disabled]):not(#\#):not(#\#) {
+  border-color: var(--colors-white-500-a) !important;
 }
 
 .\[\&_textarea\]\:ov-y_auto:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) textarea {
@@ -3242,6 +3270,10 @@ html:not(#\#),body:not(#\#) {
   outline-width: 2px;
 }
 
+.disabled\:bd-c_content\.neutral\.disabled\!:is(:disabled, [disabled], [data-disabled]):not(#\#):not(#\#) {
+  border-color: var(--colors-content-neutral-disabled) !important;
+}
+
 .focusWithin\:bd-c_border\.neutral\.default:focus-within:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
   border-color: var(--colors-border-neutral-default);
 }
@@ -3266,12 +3298,12 @@ html:not(#\#),body:not(#\#) {
   background-color: var(--colors-background-neutral-default);
 }
 
-.checked\:disabled\:bg_content\.neutral\.disabled\!:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]):is(:disabled, [disabled], [data-disabled]):not(#\#):not(#\#) {
-  background: var(--colors-content-neutral-disabled) !important;
+.checked\:disabled\:bg_white\.500A\!:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]):is(:disabled, [disabled], [data-disabled]):not(#\#):not(#\#) {
+  background: var(--colors-white-500-a) !important;
 }
 
-.indeterminate\:disabled\:bg_content\.neutral\.disabled\!:is(:indeterminate, [data-indeterminate], [aria-checked=mixed], [data-state=indeterminate]):is(:disabled, [disabled], [data-disabled]):not(#\#):not(#\#) {
-  background: var(--colors-content-neutral-disabled) !important;
+.indeterminate\:disabled\:bg_white\.500A\!:is(:indeterminate, [data-indeterminate], [aria-checked=mixed], [data-state=indeterminate]):is(:disabled, [disabled], [data-disabled]):not(#\#):not(#\#) {
+  background: var(--colors-white-500-a) !important;
 }
 
 .group:is(:disabled, [disabled], [data-disabled]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .placeholder\:groupDisabled\:c_content\.static\.white\.disabled::placeholder, .group:is(:disabled, [disabled], [data-disabled]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .placeholder\:groupDisabled\:c_content\.static\.white\.disabled[data-placeholder] {
@@ -3394,6 +3426,12 @@ html:not(#\#),body:not(#\#) {
 }
 }
 
+@media (hover: hover) and (pointer: fine) {
+  .hover\:bd-c_white\.800A:is(:hover, [data-hover]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+    border-color: var(--colors-white-800-a);
+}
+}
+
 @media (hover: hover) and (pointer: fine) {
   .hover\:bd-c_content\.neutral\.subtle:is(:hover, [data-hover]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
     border-color: var(--colors-content-neutral-subtle);
@@ -3413,14 +3451,14 @@ html:not(#\#),body:not(#\#) {
 }
 
 @media (hover: hover) and (pointer: fine) {
-  .checked\:hover\:bg_content\.neutral\.subtle:is(:hover, [data-hover]):is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-    background: var(--colors-content-neutral-subtle);
+  .checked\:hover\:bg_white\.800A:is(:hover, [data-hover]):is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+    background: var(--colors-white-800-a);
 }
 }
 
 @media (hover: hover) and (pointer: fine) {
-  .indeterminate\:hover\:bg_content\.neutral\.subtle:is(:hover, [data-hover]):is(:indeterminate, [data-indeterminate], [aria-checked=mixed], [data-state=indeterminate]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-    background: var(--colors-content-neutral-subtle);
+  .indeterminate\:hover\:bg_white\.800A:is(:hover, [data-hover]):is(:indeterminate, [data-indeterminate], [aria-checked=mixed], [data-state=indeterminate]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+    background: var(--colors-white-800-a);
 }
 }
 
@@ -3430,6 +3468,12 @@ html:not(#\#),body:not(#\#) {
 }
 }
 
+@media (hover: hover) and (pointer: fine) {
+  .checked\:hover\:bg_content\.neutral\.subtle:is(:hover, [data-hover]):is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+    background: var(--colors-content-neutral-subtle);
+}
+}
+
 @media (hover: hover) and (pointer: fine) {
   .disabled\:hover\:bg_initial:is(:hover, [data-hover]):is(:disabled, [disabled], [data-disabled]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
     background: initial;

package/dist/types/components/Checkbox/checkbox.recipe.d.ts

@@ -3,9 +3,7 @@ export type CheckboxVariantProps = RecipeVariantProps<typeof checkboxRecipe>;
 export declare const checkboxRecipe: import('../../../styled-system/types').SlotRecipeRuntimeFn<"label" | "group" | "indicator" | "root" | "control", {
     variant: {
         square: {
-            control: {
-                borderRadius: "sm";
-            };
+            control: {};
         };
         round: {
             control: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nation-a/ui",
-  "version": "0.16.22",
+  "version": "0.16.24",
   "type": "module",
   "types": "./dist/types/index.d.ts",
   "main": "./dist/index.cjs",
@@ -22,7 +22,7 @@
     "react-dom": "^18.3.1",
     "react-hot-toast": "^2.5.2",
     "react-lottie": "^1.2.10",
-    "@nation-a/icons": "0.4.1",
+    "@nation-a/icons": "0.4.3",
     "@nation-a/tokens": "0.4.2"
   },
   "devDependencies": {