@nation-a/ui 0.11.7 → 0.11.8

package/dist/styled-system/styles.css

@@ -1394,6 +1394,10 @@ html:not(#\#),body:not(#\#) {
   max-height: 60px;
 }
 
+.bd_0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+  border: 0;
+}
+
 .bdr_8:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
   border-radius: 8px;
 }

package/dist/types/components/Input/Input.stories.d.ts

@@ -5,6 +5,7 @@ export default meta;
 type Story = StoryObj<typeof Input>;
 export declare const Default: Story;
 export declare const WithDescription: Story;
+export declare const RemoveBorder: Story;
 export declare const UIVariants: Story;
 export declare const DisabledStates: Story;
 export declare const LabelVariations: Story;

package/dist/types/components/Input/index.d.ts

@@ -10,6 +10,7 @@ export type InputProps = Assign<HTMLStyledProps<'input'>, InputVariantProps> & {
     textLimit?: number;
     startAdornment?: ReactNode;
     endAdornment?: ReactNode;
+    removeBorder?: boolean;
 };
 declare const _default: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<Omit<InputProps, "ref"> & import('react').RefAttributes<HTMLInputElement>>>;
 export default _default;

package/dist/types/components/Input/input.recipe.d.ts

@@ -19,6 +19,13 @@ export declare const inputRecipe: import('../../../styled-system/types').SlotRec
             };
         };
     };
+    removeBorder: {
+        true: {
+            inputContainer: {
+                border: "0";
+            };
+        };
+    };
     variant: {
         solid: {
             inputContainer: {

package/dist/types/components/TextArea/TextArea.stories.d.ts

@@ -5,6 +5,7 @@ export default meta;
 type Story = StoryObj<typeof Textarea>;
 export declare const Default: Story;
 export declare const WithDescription: Story;
+export declare const WithRemoveBorder: Story;
 export declare const UIVariants: Story;
 export declare const DisabledStates: Story;
 export declare const LabelVariations: Story;

package/dist/types/components/TextArea/index.d.ts

@@ -9,6 +9,7 @@ export type TextAreaProps = Assign<HTMLStyledProps<'textarea'>, InputVariantProp
     description?: string;
     textLimit?: number;
     showTextCount?: boolean;
+    removeBorder?: boolean;
 };
 declare const _default: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<Omit<TextAreaProps, "ref"> & import('react').RefAttributes<HTMLTextAreaElement>>>;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nation-a/ui",
-  "version": "0.11.7",
+  "version": "0.11.8",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",