@udixio/ui-react 1.0.0 → 1.1.0

package/dist/lib/components/Button.d.ts

@@ -5,5 +5,5 @@ import { ButtonInterface } from '../interfaces';
  * @status beta
  * @category Action
  */
-export declare const Button: ({ variant, disabled, icon, href, label, className, iconPosition, loading, shape, onClick, onToggle, activated, ref, size, allowShapeTransformation, transition, children, ...restProps }: ReactProps<ButtonInterface>) => import("react/jsx-runtime").JSX.Element;
+export declare const Button: ({ variant, disabled, icon, href, label, disableTextMargins, className, iconPosition, loading, shape, onClick, onToggle, activated, ref, size, allowShapeTransformation, transition, children, ...restProps }: ReactProps<ButtonInterface>) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Button.d.ts.map

package/dist/lib/components/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,UAAU,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAOhD;;;;GAIG;AACH,eAAO,MAAM,MAAM,GAAI,0LAmBpB,UAAU,CAAC,eAAe,CAAC,4CA6I7B,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,UAAU,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAOhD;;;;GAIG;AACH,eAAO,MAAM,MAAM,GAAI,8MAoBpB,UAAU,CAAC,eAAe,CAAC,4CA8I7B,CAAC"}

package/dist/lib/interfaces/button.interface.d.ts

@@ -16,6 +16,12 @@ type Props = {
      * Disables the button if set to true.
      */
     disabled?: boolean;
+    /**
+     * Controls whether negative margins are applied to text variant buttons.
+     * When true, removes the default negative horizontal margins.
+     * Only applies to 'text' variant buttons.
+     */
+    disableTextMargins?: boolean;
     /**
      * An optional icon to display in the button.
      */

package/dist/lib/interfaces/button.interface.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.interface.d.ts","sourceRoot":"","sources":["../../../src/lib/interfaces/button.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAEpC,KAAK,KAAK,GAAG;IACX;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;IAE1D;;OAEG;IACH,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,GAAG,MAAM,CAAC;IAEhE;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IAEtB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAEhC,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAE9B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IAEnC,UAAU,CAAC,EAAE,UAAU,CAAC;IAExB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,KAAK,QAAQ,GAAG,CAAC,QAAQ,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;AAEzE,MAAM,MAAM,eAAe,GAAG,YAAY,CAAC,KAAK,CAAC,GAAG;IAClD,QAAQ,EAAE,QAAQ,CAAC;IACnB,MAAM,EAAE;QACN,QAAQ,EAAE,OAAO,CAAC;KACnB,CAAC;CACH,CAAC"}
+{"version":3,"file":"button.interface.d.ts","sourceRoot":"","sources":["../../../src/lib/interfaces/button.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAEpC,KAAK,KAAK,GAAG;IACX;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;IAE1D;;OAEG;IACH,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,GAAG,MAAM,CAAC;IAEhE;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B;;OAEG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IAEtB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAEhC,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAE9B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IAEnC,UAAU,CAAC,EAAE,UAAU,CAAC;IAExB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,KAAK,QAAQ,GAAG,CAAC,QAAQ,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;AAEzE,MAAM,MAAM,eAAe,GAAG,YAAY,CAAC,KAAK,CAAC,GAAG;IAClD,QAAQ,EAAE,QAAQ,CAAC;IACnB,MAAM,EAAE;QACN,QAAQ,EAAE,OAAO,CAAC;KACnB,CAAC;CACH,CAAC"}

package/dist/lib/styles/button.style.d.ts

@@ -5,6 +5,7 @@ export declare const buttonStyle: (states: (({
     size: any;
     variant: any;
     disabled: any;
+    disableTextMargins: any;
     icon: any;
     iconPosition: any;
     loading: any;
@@ -20,6 +21,7 @@ export declare const buttonStyle: (states: (({
     size: any;
     variant: any;
     disabled: any;
+    disableTextMargins: any;
     icon: any;
     iconPosition: any;
     loading: any;
@@ -35,6 +37,7 @@ export declare const buttonStyle: (states: (({
     size?: "xSmall" | "small" | "medium" | "large" | "xLarge";
     variant?: "filled" | "elevated" | "tonal" | "outlined" | "text";
     disabled?: boolean;
+    disableTextMargins?: boolean;
     icon?: import('@fortawesome/fontawesome-svg-core').IconDefinition;
     iconPosition?: "left" | "right";
     loading?: boolean;
@@ -51,6 +54,7 @@ export declare const buttonStyle: (states: (({
     size?: "xSmall" | "small" | "medium" | "large" | "xLarge";
     variant?: "filled" | "elevated" | "tonal" | "outlined" | "text";
     disabled?: boolean;
+    disableTextMargins?: boolean;
     icon?: import('@fortawesome/fontawesome-svg-core').IconDefinition;
     iconPosition?: "left" | "right";
     loading?: boolean;

package/dist/lib/styles/button.style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.style.d.ts","sourceRoot":"","sources":["../../../src/lib/styles/button.style.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAEhD,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gFA0IvB,CAAC"}
+{"version":3,"file":"button.style.d.ts","sourceRoot":"","sources":["../../../src/lib/styles/button.style.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAEhD,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gFA6IvB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@udixio/ui-react",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -36,7 +36,7 @@
     "react": "^19.1.1",
     "react-dom": "^19.1.1",
     "@udixio/theme": "1.0.0",
-    "@udixio/tailwind": "1.2.0"
+    "@udixio/tailwind": "1.2.1"
   },
   "repository": {
     "type": "git",

package/src/lib/components/Button.tsx

@@ -17,6 +17,7 @@ export const Button = ({
   icon,
   href,
   label,
+  disableTextMargins,
   className,
   iconPosition = 'left',
   loading = false,
@@ -74,6 +75,7 @@ export const Button = ({
   const styles = buttonStyle({
     allowShapeTransformation,
     size,
+    disableTextMargins,
     shape,
     href,
     disabled,

package/src/lib/interfaces/button.interface.ts

@@ -22,6 +22,13 @@ type Props = {
    */
   disabled?: boolean;
 
+  /**
+   * Controls whether negative margins are applied to text variant buttons.
+   * When true, removes the default negative horizontal margins.
+   * Only applies to 'text' variant buttons.
+   */
+  disableTextMargins?: boolean;
+
   /**
    * An optional icon to display in the button.
    */

package/src/lib/styles/button.style.ts

@@ -5,6 +5,7 @@ export const buttonStyle = defaultClassNames<ButtonInterface>(
   'button',
   ({
     variant,
+    disableTextMargins,
     disabled,
     iconPosition,
     icon,
@@ -76,15 +77,17 @@ export const buttonStyle = defaultClassNames<ButtonInterface>(
           'text-primary': !disabled,
           'text-on-surface/[0.38]': disabled,
         },
-        size === 'xSmall' && '-mx-3 ',
-        size === 'small' && '-mx-4 ',
-        size === 'medium' && '-mx-6 ',
-        size === 'large' && '-mx-12',
-        size === 'xLarge' && '-mx-16 ',
-        // size === 'small' && ' -my-2.5',
-        // size === 'medium' && ' -my-4',
-        // size === 'large' && '-my-8',
-        // size === 'xLarge' && ' -my-12',
+        disableTextMargins && [
+          size === 'xSmall' && '-mx-3 ',
+          size === 'small' && '-mx-4 ',
+          size === 'medium' && '-mx-6 ',
+          size === 'large' && '-mx-12',
+          size === 'xLarge' && '-mx-16 ',
+          // size === 'small' && ' -my-2.5',
+          // size === 'medium' && ' -my-4',
+          // size === 'large' && '-my-8',
+          // size === 'xLarge' && ' -my-12',
+        ],
       ],
       disabled && 'cursor-default',
     ),