@delightui/components 0.1.149 → 0.1.150

package/dist/esm/components/atoms/Button/Button.contants.d.ts

@@ -0,0 +1,2 @@
+import { ButtonContentAlignmentEnum } from './Button.types';
+export declare const AlignContentMap: Record<ButtonContentAlignmentEnum, string>;

package/dist/esm/components/atoms/Button/Button.types.d.ts

@@ -4,6 +4,7 @@ export type ButtonTypeEnum = 'Filled' | 'Outlined' | 'Ghost';
 export type ButtonStyleEnum = 'Primary' | 'Secondary' | 'Destructive';
 export type ButtonSizeEnum = 'Small' | 'Medium' | 'Large';
 export type ButtonActionTypeEnum = 'button' | 'submit' | 'reset';
+export type ButtonContentAlignmentEnum = 'Center' | 'SpaceBetween';
 export type ButtonProps = Omit<HTMLAttributes<HTMLButtonElement>, 'style'> & {
     /**
      * Appearance of the button.
@@ -56,4 +57,9 @@ export type ButtonProps = Omit<HTMLAttributes<HTMLButtonElement>, 'style'> & {
      * @default 'button'
      */
     actionType?: ButtonActionTypeEnum;
+    /**
+     * Specifies alignment of the content like leading icon, content and trailing icon
+     * @default 'Center'
+     */
+    alignContent?: ButtonContentAlignmentEnum;
 };

package/dist/esm/components/atoms/Button/ButtonExample.d.ts

@@ -0,0 +1,3 @@
+import './Button.module.scss';
+declare const ButtonExample: () => import("react/jsx-runtime").JSX.Element;
+export default ButtonExample;

package/dist/esm/components/atoms/ToggleButton/ToggleButton.presenter.d.ts

@@ -264,6 +264,7 @@ declare const usePresenter: (props: ToggleButtonProps) => {
         onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
         leadingIcon?: import("react").ReactNode;
         trailingIcon?: import("react").ReactNode;
+        alignContent?: import("../Button/Button.types").ButtonContentAlignmentEnum;
         initialValue?: boolean | undefined;
     };
     isChecked: boolean;

package/dist/esm/library.css

@@ -125,6 +125,52 @@
   -o-object-fit: cover;
      object-fit: cover;
 }
+.Text-module_text__qmiLT {
+  font-family: var(--text-font-family);
+  font-weight: var(--text-font-weight);
+  font-size: var(--text-font-size);
+  letter-spacing: var(--text-letter-spacing);
+  line-height: var(--text-line-height);
+  color: var(--text-color);
+}
+
+.Text-module_italic__b92M- {
+  font-style: italic;
+}
+
+.Text-module_underline__i8JpB {
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+
+.Text-module_strikethrough__AHLhC {
+  -webkit-text-decoration: line-through;
+  text-decoration: line-through;
+}
+
+.Text-module_nowrap__JVMFL {
+  text-wrap: nowrap;
+}
+
+.Text-module_whiteSpaceNoWrap__GYqL2 {
+  white-space: nowrap;
+}
+
+.Text-module_capitalize__r9qCk {
+  text-transform: capitalize;
+}
+
+.Text-module_upperCase__VCs2x {
+  text-transform: uppercase;
+}
+
+.Text-module_lowerCase__0T-7t {
+  text-transform: lowercase;
+}
+
+.Text-module_ellipsis__UXzJI {
+  text-overflow: ellipsis;
+}
 .Button-module_button__y6Gwz {
   display: flex;
   align-items: center;
@@ -164,7 +210,6 @@
   color: var(--button-color);
 }
 .Button-module_button__y6Gwz .Button-module_content__IipV4 {
-  flex: 1;
   display: flex;
   justify-content: center;
   justify-content: var(--button-content-justify-content, center);
@@ -201,51 +246,17 @@
 .Button-module_button__y6Gwz:disabled {
   cursor: not-allowed;
 }
-.Text-module_text__qmiLT {
-  font-family: var(--text-font-family);
-  font-weight: var(--text-font-weight);
-  font-size: var(--text-font-size);
-  letter-spacing: var(--text-letter-spacing);
-  line-height: var(--text-line-height);
-  color: var(--text-color);
-}
-
-.Text-module_italic__b92M- {
-  font-style: italic;
-}
-
-.Text-module_underline__i8JpB {
-  -webkit-text-decoration: underline;
-  text-decoration: underline;
-}
-
-.Text-module_strikethrough__AHLhC {
-  -webkit-text-decoration: line-through;
-  text-decoration: line-through;
-}
-
-.Text-module_nowrap__JVMFL {
-  text-wrap: nowrap;
-}
-
-.Text-module_whiteSpaceNoWrap__GYqL2 {
-  white-space: nowrap;
-}
-
-.Text-module_capitalize__r9qCk {
-  text-transform: capitalize;
-}
-
-.Text-module_upperCase__VCs2x {
-  text-transform: uppercase;
+.Button-module_button__y6Gwz.Button-module_center__fnkix {
+  display: flex;
+  justify-content: center;
 }
-
-.Text-module_lowerCase__0T-7t {
-  text-transform: lowercase;
+.Button-module_button__y6Gwz.Button-module_spaceBetween__OFllq {
+  display: flex;
+  justify-content: space-between;
 }
-
-.Text-module_ellipsis__UXzJI {
-  text-overflow: ellipsis;
+.Button-module_button__y6Gwz.Button-module_spaceBetween__OFllq .Button-module_content__IipV4 {
+  display: flex;
+  flex: 1;
 }
 .Icon-module_icon__sUgmV {
   --icon-size: fit-content;
@@ -317,6 +328,7 @@
   --button-letter-spacing: var(--icon-button-letter-spacing);
   --button-line-height: var(--icon-button-line-height);
 }
+@charset "UTF-8";
 .Input-module_input__NAeHe {
   display: flex;
   align-items: center;
@@ -378,6 +390,25 @@
 .Input-module_input__NAeHe .Input-module_disabled__6XebD {
   --b: 100;
 }
+.Input-module_input__NAeHe .Input-module_inputElement__Tjw4v:-webkit-autofill,
+.Input-module_input__NAeHe .Input-module_inputElement__Tjw4v:-webkit-autofill:hover,
+.Input-module_input__NAeHe .Input-module_inputElement__Tjw4v:-webkit-autofill:focus,
+.Input-module_input__NAeHe textarea.Input-module_inputElement__Tjw4v:-webkit-autofill,
+.Input-module_input__NAeHe select.Input-module_inputElement__Tjw4v:-webkit-autofill {
+  /* Text color when autofilled */
+  -webkit-text-fill-color: var(--input-color);
+  /* Desired background color */
+  -webkit-box-shadow: 0 0 0px cal(var(--input-height)/2) var(--input-background-color) inset;
+  /* Prevent flicker */
+  -webkit-transition: background-color 5000s ease-in-out 0s;
+  transition: background-color 5000s ease-in-out 0s;
+  /* Caret color so it’s visible */
+  caret-color: var(--input-color);
+  border-top-left-radius: var(--input-border-top-left-radius);
+  border-top-right-radius: var(--input-border-top-right-radius);
+  border-bottom-right-radius: var(--input-border-bottom-right-radius);
+  border-bottom-left-radius: var(--input-border-bottom-left-radius);
+}
 .Password-module_password__nk-zf.Password-module_password__nk-zf {
   --input-opacity: var(--password-opacity);
   --input-height: var(--password-height);