@eleventheye/asui 1.8.1 → 1.9.0

package/dist/apptypes/ASUI.types.d.ts

@@ -3,4 +3,93 @@ export declare enum ASComponentSize {
     Medium = "ASMedium",
     Large = "ASLarge"
 }
+export interface ASTheme {
+    textfield: {
+        color: string;
+        borderColor: string;
+        bgColorTop: string;
+        bgColorBottom: string;
+        autofillBorder: string;
+        autofillBoxShadow: string;
+        autofillColor: string;
+        inputBorder: string;
+        inputBgTop: string;
+        inputBgBottom: string;
+        inputColor: string;
+        inputFocusBorderColor: string;
+        inputFocusBoxShadow: string;
+        inputFocusColor: string;
+        placeholderColor: string;
+        iconTextShadow: string;
+    };
+    colors: {
+        mainGold: string;
+        mainYellow: string;
+        yellow00: string;
+        yellow20: string;
+        yellow25: string;
+        yellow30: string;
+        yellow40: string;
+        yellow44: string;
+        yellow45: string;
+        yellow50: string;
+        yellow60: string;
+        yellow70: string;
+        yellow80: string;
+        yellow85: string;
+        yellow88: string;
+        yellow90: string;
+        yellow95: string;
+        yellow100: string;
+        yellow110: string;
+        yellow115: string;
+        yellow120: string;
+        mainCorral: string;
+        corral20: string;
+        corral30: string;
+        corral40: string;
+        corral50: string;
+        corralCF: string;
+        corral6D: string;
+        corral8B: string;
+        corral85: string;
+        corral90: string;
+        mainBlack: string;
+        mainGray22: string;
+        mainGray33: string;
+        mainGray41: string;
+        mainGray55: string;
+        mainGray58: string;
+        mainGray66: string;
+        mainGray6d: string;
+        mainGray72: string;
+        mainGray81: string;
+        mainGray8c: string;
+        mainGray97: string;
+        mainGray99: string;
+        mainGrayB8: string;
+        mainGrayE0: string;
+        mainGrayF5: string;
+        mainWhite: string;
+        blueFF: string;
+        green00: string;
+        green10: string;
+        green64: string;
+        green90: string;
+        green100: string;
+        green120: string;
+        blackAlpha75: string;
+        blackAlpha50: string;
+        blackAlpha40: string;
+        blackAlpha35: string;
+        blackAlpha25: string;
+        blackAlpha10: string;
+        whiteAlpha75: string;
+        whiteAlpha55: string;
+        whiteAlpha35: string;
+        whiteAlpha25: string;
+        whiteAlpha15: string;
+    };
+    borderRadius: string;
+}
 //# sourceMappingURL=ASUI.types.d.ts.map

package/dist/apptypes/ASUI.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ASUI.types.d.ts","sourceRoot":"","sources":["../../src/apptypes/ASUI.types.ts"],"names":[],"mappings":"AAAA,oBAAY,eAAe;IACzB,KAAK,YAAY;IACjB,MAAM,aAAa;IACnB,KAAK,YAAY;CAClB"}
+{"version":3,"file":"ASUI.types.d.ts","sourceRoot":"","sources":["../../src/apptypes/ASUI.types.ts"],"names":[],"mappings":"AAAA,oBAAY,eAAe;IACzB,KAAK,YAAY;IACjB,MAAM,aAAa;IACnB,KAAK,YAAY;CAClB;AAED,MAAM,WAAW,OAAO;IACtB,SAAS,EAAE;QACT,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,EAAE,MAAM,CAAC;QACpB,UAAU,EAAE,MAAM,CAAC;QACnB,aAAa,EAAE,MAAM,CAAC;QACtB,cAAc,EAAE,MAAM,CAAC;QACvB,iBAAiB,EAAE,MAAM,CAAC;QAC1B,aAAa,EAAE,MAAM,CAAC;QACtB,WAAW,EAAE,MAAM,CAAC;QACpB,UAAU,EAAE,MAAM,CAAC;QACnB,aAAa,EAAE,MAAM,CAAC;QACtB,UAAU,EAAE,MAAM,CAAC;QACnB,qBAAqB,EAAE,MAAM,CAAC;QAC9B,mBAAmB,EAAE,MAAM,CAAC;QAC5B,eAAe,EAAE,MAAM,CAAC;QACxB,gBAAgB,EAAE,MAAM,CAAC;QACzB,cAAc,EAAE,MAAM,CAAC;KACxB,CAAC;IACF,MAAM,EAAE;QACN,QAAQ,EAAE,MAAM,CAAC;QACjB,UAAU,EAAE,MAAM,CAAC;QACnB,QAAQ,EAAE,MAAM,CAAC;QACjB,QAAQ,EAAE,MAAM,CAAC;QACjB,QAAQ,EAAE,MAAM,CAAC;QACjB,QAAQ,EAAE,MAAM,CAAC;QACjB,QAAQ,EAAE,MAAM,CAAC;QACjB,QAAQ,EAAE,MAAM,CAAC;QACjB,QAAQ,EAAE,MAAM,CAAC;QACjB,QAAQ,EAAE,MAAM,CAAC;QACjB,QAAQ,EAAE,MAAM,CAAC;QACjB,QAAQ,EAAE,MAAM,CAAC;QACjB,QAAQ,EAAE,MAAM,CAAC;QACjB,QAAQ,EAAE,MAAM,CAAC;QACjB,QAAQ,EAAE,MAAM,CAAC;QACjB,QAAQ,EAAE,MAAM,CAAC;QACjB,QAAQ,EAAE,MAAM,CAAC;QACjB,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,MAAM,CAAC;QAClB,UAAU,EAAE,MAAM,CAAC;QACnB,QAAQ,EAAE,MAAM,CAAC;QACjB,QAAQ,EAAE,MAAM,CAAC;QACjB,QAAQ,EAAE,MAAM,CAAC;QACjB,QAAQ,EAAE,MAAM,CAAC;QACjB,QAAQ,EAAE,MAAM,CAAC;QACjB,QAAQ,EAAE,MAAM,CAAC;QACjB,QAAQ,EAAE,MAAM,CAAC;QACjB,QAAQ,EAAE,MAAM,CAAC;QACjB,QAAQ,EAAE,MAAM,CAAC;QACjB,SAAS,EAAE,MAAM,CAAC;QAClB,UAAU,EAAE,MAAM,CAAC;QACnB,UAAU,EAAE,MAAM,CAAC;QACnB,UAAU,EAAE,MAAM,CAAC;QACnB,UAAU,EAAE,MAAM,CAAC;QACnB,UAAU,EAAE,MAAM,CAAC;QACnB,UAAU,EAAE,MAAM,CAAC;QACnB,UAAU,EAAE,MAAM,CAAC;QACnB,UAAU,EAAE,MAAM,CAAC;QACnB,UAAU,EAAE,MAAM,CAAC;QACnB,UAAU,EAAE,MAAM,CAAC;QACnB,UAAU,EAAE,MAAM,CAAC;QACnB,UAAU,EAAE,MAAM,CAAC;QACnB,UAAU,EAAE,MAAM,CAAC;QACnB,UAAU,EAAE,MAAM,CAAC;QACnB,UAAU,EAAE,MAAM,CAAC;QACnB,SAAS,EAAE,MAAM,CAAC;QAClB,MAAM,EAAE,MAAM,CAAC;QACf,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;QAChB,QAAQ,EAAE,MAAM,CAAC;QACjB,QAAQ,EAAE,MAAM,CAAC;QACjB,YAAY,EAAE,MAAM,CAAC;QACrB,YAAY,EAAE,MAAM,CAAC;QACrB,YAAY,EAAE,MAAM,CAAC;QACrB,YAAY,EAAE,MAAM,CAAC;QACrB,YAAY,EAAE,MAAM,CAAC;QACrB,YAAY,EAAE,MAAM,CAAC;QACrB,YAAY,EAAE,MAAM,CAAC;QACrB,YAAY,EAAE,MAAM,CAAC;QACrB,YAAY,EAAE,MAAM,CAAC;QACrB,YAAY,EAAE,MAAM,CAAC;QACrB,YAAY,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,YAAY,EAAE,MAAM,CAAC;CACtB"}

package/dist/astextfield/ASTextField.d.ts

@@ -1,7 +1,9 @@
 import React from 'react';
 import { ASComponentSize } from '../apptypes/ASUI.types';
+import ASThemeDefault from '../astheme/ASThemeDefault';
 type ASTextFieldProps = {
     className?: string;
+    theme?: typeof ASThemeDefault;
     value: string;
     onChange?: (value: string) => void;
     size?: ASComponentSize;

package/dist/astextfield/ASTextField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ASTextField.d.ts","sourceRoot":"","sources":["../../src/astextfield/ASTextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAGtE,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAUzD,KAAK,gBAAgB,GAAG;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,aAAa,GAAG,IAAI,GAAG,QAAQ,GAAG,SAAS,CAAC,CAAC;AAE5G,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAuG3C,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"ASTextField.d.ts","sourceRoot":"","sources":["../../src/astextfield/ASTextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAGtE,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,cAAc,MAAM,2BAA2B,CAAC;AAUvD,KAAK,gBAAgB,GAAG;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,cAAc,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,aAAa,GAAG,IAAI,GAAG,QAAQ,GAAG,SAAS,CAAC,CAAC;AAE5G,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA4G3C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/astextfield/ASTextField.js

@@ -1,11 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const asui_1 = require("@eleventheye/asui");
 const ASUI_types_1 = require("../apptypes/ASUI.types");
+const ASThemeDefault_1 = tslib_1.__importDefault(require("../astheme/ASThemeDefault"));
 const styles_1 = require("./styles");
-const ASTextField = ({ className = '', value = '', onChange = () => undefined, size = ASUI_types_1.ASComponentSize.Medium, type = 'text', showClearButton = false, showSearchIcon = false, ...props }) => {
+const ASTextField = ({ className = '', theme = ASThemeDefault_1.default, value = '', onChange = () => undefined, size = ASUI_types_1.ASComponentSize.Medium, type = 'text', showClearButton = false, showSearchIcon = false, ...props }) => {
     const genericId = (0, react_1.useId)();
     const textFieldId = props.id || genericId;
     const [valueString, setValueString] = (0, react_1.useState)(value);
@@ -21,6 +23,7 @@ const ASTextField = ({ className = '', value = '', onChange = () => undefined, s
         let clearIcon = showClearButton;
         if (type === 'search') {
             searchIcon = true;
+            clearIcon = true;
         }
         if (type === 'email') {
             clearIcon = true;
@@ -36,7 +39,8 @@ const ASTextField = ({ className = '', value = '', onChange = () => undefined, s
     }, [clearIconVisible]);
     (0, react_1.useEffect)(() => {
         setLeftIconCls(searchIconVisible ? 'LeftIconOn' : 'LeftIconOff');
-        setRightIconCls(searchIconVisible ? 'RightIconOn' : 'RightIconOff');
+        if (searchIconVisible)
+            setRightIconCls('RightIconOn');
     }, [searchIconVisible]);
     (0, react_1.useEffect)(() => {
         setPasswordCls(passwordIconVisible ? 'PasswordOn' : '');
@@ -59,6 +63,6 @@ const ASTextField = ({ className = '', value = '', onChange = () => undefined, s
         setShowType(showType === 'password' ? 'text' : 'password');
     };
     const baseCls = `"ASTextFieldInputContainer" ${size} ${leftIconCls} ${rightIconCls} ${passwordCls} ${className}`;
-    return ((0, jsx_runtime_1.jsxs)(styles_1.ASTextFieldInputContainer, { className: baseCls, style: props.style, children: [searchIconVisible && ((0, jsx_runtime_1.jsx)(styles_1.ASTextFieldSearchIcon, { className: "ASTextFieldSearchIcon", children: (0, jsx_runtime_1.jsx)(asui_1.SearchIcon, { color: "#333333", size: 24 }) })), (0, jsx_runtime_1.jsx)(styles_1.ASTextFieldInput, { id: textFieldId, className: "ASTextFieldInput", type: showType, value: valueString, onChange: onValueChange, onFocus: onInputFieldFocus, ...props }), (0, jsx_runtime_1.jsx)(styles_1.ASTextFieldClickIcon, { className: "ASTextFieldClearIcon", onClick: clearValue, children: (0, jsx_runtime_1.jsx)(asui_1.CloseIcon, { color: "#333333", circleStrokeColor: "#333333", size: 24 }) }), passwordIconVisible && ((0, jsx_runtime_1.jsxs)(styles_1.ASTextFieldClickIcon, { className: "ASTextFieldPasswordIcon", onClick: onPasswordShowHide, children: [showType === 'password' && (0, jsx_runtime_1.jsx)(styles_1.ScaledEyeIcon, { color: "#333333", circleStrokeColor: "transparent", size: 24 }), showType === 'text' && (0, jsx_runtime_1.jsx)(styles_1.ScaledSlashedEyeIcon, { color: "#333333", circleStrokeColor: "transparent", size: 24 })] }))] }));
+    return ((0, jsx_runtime_1.jsxs)(styles_1.ASTextFieldInputContainer, { theme: theme, className: baseCls, style: props.style, children: [searchIconVisible && ((0, jsx_runtime_1.jsx)(styles_1.ASTextFieldSearchIcon, { theme: theme, className: "ASTextFieldSearchIcon", children: (0, jsx_runtime_1.jsx)(asui_1.SearchIcon, { color: "#333333", size: 30 }) })), (0, jsx_runtime_1.jsx)(styles_1.ASTextFieldInput, { theme: theme, id: textFieldId, className: "ASTextFieldInput", type: showType, value: valueString, onChange: onValueChange, onFocus: onInputFieldFocus, ...props }), clearIconVisible && ((0, jsx_runtime_1.jsx)(styles_1.ASTextFieldClickIcon, { theme: theme, className: "ASTextFieldClearIcon", onClick: clearValue, children: (0, jsx_runtime_1.jsx)(asui_1.CloseIcon, { color: "#333333", circleStrokeColor: "#333333", size: 24 }) })), passwordIconVisible && ((0, jsx_runtime_1.jsxs)(styles_1.ASTextFieldClickIcon, { theme: theme, className: "ASTextFieldPasswordIcon", onClick: onPasswordShowHide, children: [showType === 'password' && (0, jsx_runtime_1.jsx)(styles_1.ScaledEyeIcon, { color: "#333333", circleStrokeColor: "transparent", size: 24 }), showType === 'text' && (0, jsx_runtime_1.jsx)(styles_1.ScaledSlashedEyeIcon, { color: "#333333", circleStrokeColor: "transparent", size: 24 })] }))] }));
 };
 exports.default = ASTextField;

package/dist/astextfield/index.js

@@ -1,8 +1,6 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = void 0;
+const tslib_1 = require("tslib");
 var ASTextField_1 = require("./ASTextField");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ASTextField_1).default; } });
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return tslib_1.__importDefault(ASTextField_1).default; } });

package/dist/astextfield/styles.d.ts

@@ -1,7 +1,16 @@
-export declare const ASTextFieldInputContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ASTextFieldInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
-export declare const ASTextFieldClickIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ASTextFieldSearchIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ScaledEyeIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../icons").IconProps, never>> & string & Omit<import("react").FC<import("../icons").IconProps>, keyof import("react").Component<any, {}, any>>;
+import { ASTheme } from '../apptypes/ASUI.types';
+export declare const ASTextFieldInputContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    theme: ASTheme;
+}>> & string;
+export declare const ASTextFieldInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {
+    theme: ASTheme;
+}>> & string;
+export declare const ASTextFieldClickIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    theme: ASTheme;
+}>> & string;
+export declare const ASTextFieldSearchIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    theme: ASTheme;
+}>> & string;
 export declare const ScaledSlashedEyeIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../icons").IconProps, never>> & string & Omit<import("react").FC<import("../icons").IconProps>, keyof import("react").Component<any, {}, any>>;
+export declare const ScaledEyeIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../icons").IconProps, never>> & string & Omit<import("react").FC<import("../icons").IconProps>, keyof import("react").Component<any, {}, any>>;
 //# sourceMappingURL=styles.d.ts.map

package/dist/astextfield/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/astextfield/styles.ts"],"names":[],"mappings":"AAqBA,eAAO,MAAM,yBAAyB,6NA+KrC,CAAC;AAEF,eAAO,MAAM,gBAAgB,sOA+B5B,CAAC;AAEF,eAAO,MAAM,oBAAoB,6NAYhC,CAAC;AAEF,eAAO,MAAM,qBAAqB,6NAIjC,CAAC;AAEF,eAAO,MAAM,aAAa,gQAOzB,CAAC;AAEF,eAAO,MAAM,oBAAoB,gQAQhC,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/astextfield/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAGjD,eAAO,MAAM,yBAAyB;WAAuB,OAAO;YAiHnE,CAAC;AAEF,eAAO,MAAM,gBAAgB;WAAyB,OAAO;YA4C5D,CAAC;AAEF,eAAO,MAAM,oBAAoB;WAAuB,OAAO;YAO9D,CAAC;AAEF,eAAO,MAAM,qBAAqB;WAAuB,OAAO;YAG/D,CAAC;AAgBF,eAAO,MAAM,oBAAoB,gQAEhC,CAAC;AACF,eAAO,MAAM,aAAa,gQAEzB,CAAC"}

package/dist/astextfield/styles.js

@@ -1,92 +1,39 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ScaledSlashedEyeIcon = exports.ScaledEyeIcon = exports.ASTextFieldSearchIcon = exports.ASTextFieldClickIcon = exports.ASTextFieldInput = exports.ASTextFieldInputContainer = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
+exports.ScaledEyeIcon = exports.ScaledSlashedEyeIcon = exports.ASTextFieldSearchIcon = exports.ASTextFieldClickIcon = exports.ASTextFieldInput = exports.ASTextFieldInputContainer = void 0;
+const tslib_1 = require("tslib");
+const styled_components_1 = tslib_1.__importStar(require("styled-components"));
 const icons_1 = require("../icons");
-const mainYellow = '#ffd321';
-const mainGray33 = '#333333';
-const mainGray55 = '#555555';
-const mainGray66 = '#666666';
-const mainGray81 = '#818181';
-const mainGray97 = '#979797';
-const yellow30 = '#fff5b2';
 exports.ASTextFieldInputContainer = styled_components_1.default.div `
   display: flex;
   align-items: center;
   position: relative;
   max-width: 100%;
   width: -webkit-fill-available;
-  min-width: 350px;
-  background: linear-gradient(to bottom, ${yellow30} 5%, ${mainYellow} 100%);
-  color: ${mainGray33};
-  border: 1px solid ${mainGray55};
+  min-width: 250px;
+  background: linear-gradient(
+    to bottom,
+    ${(props) => props.theme.textfield.bgColorTop} 5%,
+    ${(props) => props.theme.textfield.bgColorBottom} 100%
+  );
+  color: ${(props) => props.theme.textfield.color};
+  border: 1px solid ${(props) => props.theme.textfield.borderColor};
   border-radius: 35px;
 
-  &.RightIconOn {
-    .ASTextFieldClearIcon {
-      margin-right: 8px;
-      cursor: pointer;
-      color: ${mainGray55};
-      user-select: none;
+  padding: 0 12px;
 
-      &:hover {
-        text-shadow: 1px 1px 3px ${mainGray97};
-      }
-      &:active {
-        color: ${mainGray33};
-      }
-    }
-  }
+  .ASTextFieldClearIcon {
+    cursor: pointer;
+    transition: scale 0.25s ease-in-out;
+    user-select: none;
+    scale: 0.9;
 
-  &.LeftIconOn {
-    .ASTextFieldSearchIcon {
-      margin-left: 12px;
-      user-select: none;
+    &:hover {
+      scale: 1;
     }
-  }
 
-  &.RightIconOff {
-    .ASTextFieldClearIcon {
-      content-visibility: hidden;
-      margin-right: 0;
-    }
-  }
-
-  &.LeftIconOff {
-    .ASTextFieldSearchIcon {
-      content-visibility: hidden;
-    }
-  }
-
-  &.LeftIconOn.RightIconOn {
-    .ASTextFieldInput {
-      margin-right: 6px;
-      margin-left: 6px;
-    }
-  }
-
-  &.LeftIconOff.RightIconOff {
-    .ASTextFieldInput {
-      margin-right: 18px;
-      margin-left: 18px;
-    }
-  }
-
-  &.LeftIconOn.RightIconOff {
-    .ASTextFieldInput {
-      margin-right: 18px;
-      margin-left: 8px;
-    }
-  }
-
-  &.PasswordOn.LeftIconOff.RightIconOff,
-  &.LeftIconOff.RightIconOn {
-    .ASTextFieldInput {
-      margin-right: 6px;
-      margin-left: 18px;
+    &:active {
+      scale: 0.8;
     }
   }
 
@@ -116,12 +63,6 @@ exports.ASTextFieldInputContainer = styled_components_1.default.div `
 
   &[class*='PasswordOn'].ASSmall,
   &[class*='LeftIcon'][class*='RightIcon'].ASSmall {
-    .ASTextFieldClearIcon,
-    .ASTextFieldSearchIcon {
-      font-size: 1.5rem;
-      font-weight: 400;
-      line-height: 1;
-    }
     > input.ASTextFieldInput {
       font-size: 0.9rem;
       font-weight: 400;
@@ -131,12 +72,6 @@ exports.ASTextFieldInputContainer = styled_components_1.default.div `
 
   &[class*='PasswordOn'].ASMedium,
   &[class*='LeftIcon'][class*='RightIcon'].ASMedium {
-    .ASTextFieldClearIcon,
-    .ASTextFieldSearchIcon {
-      font-size: 1.75rem;
-      font-weight: 500;
-      line-height: 1;
-    }
     > input.ASTextFieldInput {
       font-size: 1.25rem;
       font-weight: 600;
@@ -146,12 +81,6 @@ exports.ASTextFieldInputContainer = styled_components_1.default.div `
 
   &[class*='PasswordOn'].ASLarge,
   &[class*='LeftIcon'][class*='RightIcon'].ASLarge {
-    .ASTextFieldClearIcon,
-    .ASTextFieldSearchIcon {
-      font-size: 2rem;
-      font-weight: 600;
-      line-height: 1;
-    }
     > input.ASTextFieldInput {
       font-size: 1.5rem;
       font-weight: 600;
@@ -177,16 +106,16 @@ exports.ASTextFieldInputContainer = styled_components_1.default.div `
   // select:-webkit-autofill,
   select:-webkit-autofill:hover,
   select:-webkit-autofill:focus {
-    border: 1px solid ${mainGray97};
-    -webkit-text-fill-color: ${mainGray66};
-    // -webkit-box-shadow: 0 0 0 1000px ${mainYellow} inset;
-    -webkit-box-shadow: inset 0 1px 7px 1px ${mainGray97};
+    border: 1px solid ${(props) => props.theme.textfield.autofillBorder};
+    -webkit-text-fill-color: ${(props) => props.theme.textfield.autofillBoxShadow};
+    // -webkit-box-shadow: 0 0 0 1000px ${(props) => props.theme.textfield.autofillBorder} inset;
+    -webkit-box-shadow: inset 0 1px 7px 1px ${(props) => props.theme.textfield.autofillBoxShadow};
     transition: background-color 5000s ease-in-out 0s;
   }
   input:-webkit-autofill,
   select: -webkit-autofill {
-    border: 1px solid ${mainGray97};
-    -webkit-text-fill-color: ${mainGray66};
+    border: 1px solid ${(props) => props.theme.textfield.autofillBoxShadow};
+    -webkit-text-fill-color: ${(props) => props.theme.textfield.autofillColor};
   }
 `;
 exports.ASTextFieldInput = styled_components_1.default.input `
@@ -198,61 +127,70 @@ exports.ASTextFieldInput = styled_components_1.default.input `
   border-radius: 4px;
   margin-top: 4px;
   margin-bottom: 4px;
-  border: thin solid ${mainGray81};
+  margin-left: 8px;
+  margin-right: 8px;
+  border: thin solid ${(props) => props.theme.textfield.inputBorder};
   background-color: transparent;
-  background: linear-gradient(to bottom, ${mainYellow} 5%, ${yellow30} 100%);
+  background: linear-gradient(
+    to bottom,
+    ${(props) => props.theme.textfield.inputBgTop} 5%,
+    ${(props) => props.theme.textfield.inputBgBottom} 100%
+  );
   padding-inline: 6px;
-  color: ${mainGray33};
+  color: ${(props) => props.theme.textfield.inputColor};
 
-  &:hover {
-    border: thin solid ${mainGray55};
-    box-shadow: inset 0 1px 7px 1px ${mainGray33};
+  &:hover,
+  &:active,
+  &:focus {
+    border-color: ${(props) => props.theme.textfield.inputFocusBorderColor};
+    box-shadow: inset 0 1px 7px 1px ${(props) => props.theme.textfield.inputFocusBoxShadow};
   }
   &:active,
   &:focus {
-    border: thin solid ${mainGray55};
-    // outline: thin solid ${mainGray55};
-    box-shadow: inset 0 1px 7px 1px ${mainGray33};
-    background: linear-gradient(to top, ${mainYellow} 15%, ${yellow30} 100%);
-    color: ${mainGray33};
+    background: linear-gradient(
+      to top,
+      ${(props) => props.theme.textfield.bgColorBottom} 15%,
+      ${(props) => props.theme.textfield.bgColorTop} 100%
+    );
+    color: ${(props) => props.theme.textfield.inputFocusColor};
   }
   &::placeholder {
-    color: ${mainGray66};
+    color: ${(props) => props.theme.textfield.placeholderColor};
     font-weight: 300;
   }
+
+  ~ div {
+    margin-right: -2px;
+  }
 `;
 exports.ASTextFieldClickIcon = styled_components_1.default.div `
-  margin-right: 8px;
   cursor: pointer;
-  color: ${mainGray55};
   user-select: none;
 
   &:hover {
-    text-shadow: 1px 1px 3px ${mainGray97};
-  }
-  &:active {
-    color: ${mainGray33};
+    text-shadow: 1px 1px 3px ${(props) => props.theme.textfield.iconTextShadow};
   }
 `;
 exports.ASTextFieldSearchIcon = styled_components_1.default.div `
-  margin-left: 12px;
+  margin-right: -4px;
   user-select: none;
-  color: ${mainGray55};
 `;
-exports.ScaledEyeIcon = (0, styled_components_1.default)(icons_1.EyeIcon) `
+const IconStyle = (0, styled_components_1.css) `
   cursor: pointer;
   user-select: none;
-  scale: 1.3;
+  scale: 1.2;
+  transition: scale 0.3s ease-in-out;
   &:hover {
     scale: 1.4;
   }
+
+  &:active {
+    scale: 1.2;
+  }
 `;
 exports.ScaledSlashedEyeIcon = (0, styled_components_1.default)(icons_1.EyeSlashIcon) `
-  cursor: pointer;
-  user-select: none;
-  scale: 1.3;
-  transition: scale 0.3s ease-in-out;
-  &:hover {
-    scale: 1.4;
-  }
+  ${IconStyle}
+`;
+exports.ScaledEyeIcon = (0, styled_components_1.default)(icons_1.EyeIcon) `
+  ${IconStyle}
 `;

package/dist/astheme/ASThemeDefault.d.ts

@@ -0,0 +1,4 @@
+import { ASTheme } from '../apptypes/ASUI.types';
+declare const ASThemeDefault: ASTheme;
+export default ASThemeDefault;
+//# sourceMappingURL=ASThemeDefault.d.ts.map

package/dist/astheme/ASThemeDefault.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ASThemeDefault.d.ts","sourceRoot":"","sources":["../../src/astheme/ASThemeDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAuEjD,QAAA,MAAM,cAAc,EAAE,OAsBrB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/astheme/ASThemeDefault.js

@@ -0,0 +1,93 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const colors = {
+    mainGold: '#ffd700',
+    mainYellow: '#ffd321',
+    yellow00: '#ffac00',
+    yellow20: '#ffbe5c',
+    yellow25: '#ffbe7c',
+    yellow30: '#fff5b2',
+    yellow40: '#f1ecca',
+    yellow44: '#fafad2',
+    yellow45: '#feffe2',
+    yellow50: '#f9ff7f',
+    yellow60: '#faff9a',
+    yellow70: '#fdce11',
+    yellow80: '#ffda3f',
+    yellow85: '#ffee66',
+    yellow88: '#fff6af',
+    yellow90: '#867017',
+    yellow95: '#a68500',
+    yellow100: '#4a4000',
+    yellow110: '#3d340e',
+    yellow115: '#1f1900',
+    yellow120: '#2c2915',
+    mainCorral: '#ff7f50',
+    corral20: '#ff9e7d',
+    corral30: '#ffccbc',
+    corral40: '#ff927d',
+    corral50: '#ff6347',
+    corralCF: '#cf410d',
+    corral6D: '#6d3e26',
+    corral8B: '#8b0000',
+    corral85: '#850000',
+    corral90: '#ff1b1b',
+    mainBlack: '#000000',
+    mainGray22: '#222222',
+    mainGray33: '#333333',
+    mainGray41: '#414141',
+    mainGray55: '#555555',
+    mainGray58: '#585858',
+    mainGray66: '#666666',
+    mainGray6d: '#6d6d6d',
+    mainGray72: '#727272',
+    mainGray81: '#818181',
+    mainGray8c: '#8c8c8c',
+    mainGray97: '#979797',
+    mainGray99: '#999999',
+    mainGrayB8: '#b8b7b7',
+    mainGrayE0: '#e0e0e0',
+    mainGrayF5: '#f5f5f5',
+    mainWhite: '#fff8dc',
+    blueFF: '#00aeff',
+    green00: '#00b200',
+    green10: '#228b22',
+    green64: '#006400',
+    green90: '#a8d832',
+    green100: '#adff2f',
+    green120: '#c8d054',
+    blackAlpha75: 'rgb(0 0 0 / 75%)',
+    blackAlpha50: 'rgb(0 0 0 / 50%)',
+    blackAlpha40: 'rgb(0 0 0 / 40%)',
+    blackAlpha35: 'rgb(0 0 0 / 35%)',
+    blackAlpha25: 'rgb(0 0 0 / 25%)',
+    blackAlpha10: 'rgb(0 0 0 / 10%)',
+    whiteAlpha75: 'rgb(255 255 255 / 75%)',
+    whiteAlpha55: 'rgb(255 255 255 / 55%)',
+    whiteAlpha35: 'rgb(255 255 255 / 35%)',
+    whiteAlpha25: 'rgb(255 255 255 / 25%)',
+    whiteAlpha15: 'rgb(255 255 255 / 15%)',
+};
+const ASThemeDefault = {
+    colors,
+    textfield: {
+        color: colors.yellow30,
+        borderColor: colors.mainYellow,
+        bgColorTop: colors.yellow30,
+        bgColorBottom: colors.mainYellow,
+        autofillBorder: colors.mainGray97,
+        autofillBoxShadow: colors.mainGray97,
+        autofillColor: colors.mainGray81,
+        inputBorder: colors.mainGray81,
+        inputBgTop: colors.mainYellow,
+        inputBgBottom: colors.yellow30,
+        inputColor: colors.mainGray33,
+        inputFocusBorderColor: colors.mainGray55,
+        inputFocusBoxShadow: colors.mainGray33,
+        inputFocusColor: colors.mainGray33,
+        placeholderColor: colors.mainGray66,
+        iconTextShadow: colors.mainGray97,
+    },
+    borderRadius: '35px',
+};
+exports.default = ASThemeDefault;

package/dist/icons/EleventheyeIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EleventheyeIcon.d.ts","sourceRoot":"","sources":["../../src/icons/EleventheyeIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA4BxC,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"EleventheyeIcon.d.ts","sourceRoot":"","sources":["../../src/icons/EleventheyeIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAWxC,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/icons/EleventheyeIcon.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const styles_1 = require("./styles");
-const EleventheyeIcon = ({ className = '', size = 24, color = '#0E82C9', fillColor = 'transparent', fillOpacity = 1, circleStrokeColor = 'transparent', }) => {
-    return ((0, jsx_runtime_1.jsx)(styles_1.IconContainer, { className: className, children: (0, jsx_runtime_1.jsxs)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "transparent", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("circle", { fill: fillColor, fillOpacity: fillOpacity, cx: "12", cy: "12", r: "10.5", stroke: circleStrokeColor, strokeWidth: '0px' }), (0, jsx_runtime_1.jsx)("path", { d: "M13.04 23.03c-.16-.05-1.58-.95-3.17-1.98-1.58-1.03-2.94-1.9-3.02-1.93-.08-.03-.55.21-1.11.58-2.23 1.46-3.72 1.33-4.5-.38-.61-1.33-.09-2.33 1.87-3.61l1.24-.81.03-4.1s-.02-3.72.1-4.09c.12-.38.13-.32.31-.59.19-.27.44-.76 4.22-2.94 5.07-2.92 4.13-2.92 9.35.03 4.49 2.53 4.62 2.65 4.62 4.01 0 1.47.8.86-10.89 8.38-1.05.68-1.23.41 1.34 2.06l.49.32 2.13-1.23 2.13-1.23.06-1.16c.12-2.42 1.52-3.54 3.41-2.9 1.12.38 1.36 1.04 1.34 5.39l-.01 1.42-4.07 2.35c-4.67 2.69-4.86 2.77-5.88 2.41zm1.41-.4c.19-.07 2.1-1.14 4.25-2.38l3.9-2.26v-2.38c0-2.92-.4-3.58-1.47-3.82-1.27-.28-2.51.7-2.51 2.91v1.02l-2.31 1.33c-1.27.73-2.36 1.33-2.42 1.33-.28 0-3.42-2.17-3.3-2.28.07-.06.63-.43 1.24-.82C22.48 8.51 22.61 8.42 22.6 7.26c-.01-1.18-.11-1.26-4.22-3.58C13.1.71 14.2.79 9.21 3.57 7.54 4.51 6.55 5.1 5.9 5.6c-1.3.99-1.11 1.79-1.14 5.42l-.03 4.12-1.33.87c-1.95 1.29-2.37 2.05-1.75 3.25.71 1.38 1.83 1.41 3.86.1.66-.43 1.25-.76 1.31-.74.06.02 1.43.9 3.06 1.96 3.53 2.29 3.69 2.36 4.57 2.05zm-2.1-1.16c-.53-.34-2.01-1.29-3.28-2.12L6.76 17.83l-1.35.87c-2.06 1.33-2.62 1.68-3.33.4-.64-1.18-.01-1.6 1.75-2.74l1.45-.93.05-4.29s-.03-4.03.05-4.28c.07-.25.29-.4.29-.4.4-.57 7.09-4.45 7.8-4.53.6-.07.62-.06 4.4 2.06 4.32 2.42 4.15 2.3 4.15 3.21 0 .85-.66 1.33-10.4 7.52-2.63 1.67-2.63 1.22.03 2.93l2.23 1.43 2.66-1.53 2.66-1.53.04-1.36c.05-1.85.37-2.38 1.43-2.38 1.2 0 1.39.45 1.35 3.2l-.03 2.18-3.83 2.21c-4.61 2.66-4.26 2.56-5.78 1.59zm-.84-10.05c1.8-1.16 3.95-2.55 4.77-3.08 1.82-1.17 1.88-.93-.57-2.31L13.66 4.88 11.51 6.12c-1.19.69-2.43 1.4-2.76 1.59l-.61.35V10.8c0 1.51.02 2.74.04 2.74s1.52-.95 3.32-2.12zm-2.79-.91V8.43L11.19 7l2.48-1.42 1.48.83c.82.46 1.52.87 1.56.91s-1.68 1.2-3.83 2.58-3.96 2.55-4.03 2.6c-.1.07-.12-.34-.12-1.99zm2.56-.07c1.15-.74 2.69-1.73 3.41-2.19 1.17-.75 1.3-.86 1.15-.96-.46-.31-2.18-1.23-2.25-1.2-.05.01-1.07.59-2.28 1.29l-2.2 1.26v1.58c0 .87.02 1.58.04 1.58s.98-.61 2.13-1.35z", fill: color })] }) }));
+const EleventheyeIcon = ({ className = '', size = 24, color = '#0E82C9' }) => {
+    return ((0, jsx_runtime_1.jsx)(styles_1.IconContainer, { className: className, children: (0, jsx_runtime_1.jsx)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "transparent", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { d: "M13.04 23.03c-.16-.05-1.58-.95-3.17-1.98-1.58-1.03-2.94-1.9-3.02-1.93-.08-.03-.55.21-1.11.58-2.23 1.46-3.72 1.33-4.5-.38-.61-1.33-.09-2.33 1.87-3.61l1.24-.81.03-4.1s-.02-3.72.1-4.09c.12-.38.13-.32.31-.59.19-.27.44-.76 4.22-2.94 5.07-2.92 4.13-2.92 9.35.03 4.49 2.53 4.62 2.65 4.62 4.01 0 1.47.8.86-10.89 8.38-1.05.68-1.23.41 1.34 2.06l.49.32 2.13-1.23 2.13-1.23.06-1.16c.12-2.42 1.52-3.54 3.41-2.9 1.12.38 1.36 1.04 1.34 5.39l-.01 1.42-4.07 2.35c-4.67 2.69-4.86 2.77-5.88 2.41zm1.41-.4c.19-.07 2.1-1.14 4.25-2.38l3.9-2.26v-2.38c0-2.92-.4-3.58-1.47-3.82-1.27-.28-2.51.7-2.51 2.91v1.02l-2.31 1.33c-1.27.73-2.36 1.33-2.42 1.33-.28 0-3.42-2.17-3.3-2.28.07-.06.63-.43 1.24-.82C22.48 8.51 22.61 8.42 22.6 7.26c-.01-1.18-.11-1.26-4.22-3.58C13.1.71 14.2.79 9.21 3.57 7.54 4.51 6.55 5.1 5.9 5.6c-1.3.99-1.11 1.79-1.14 5.42l-.03 4.12-1.33.87c-1.95 1.29-2.37 2.05-1.75 3.25.71 1.38 1.83 1.41 3.86.1.66-.43 1.25-.76 1.31-.74.06.02 1.43.9 3.06 1.96 3.53 2.29 3.69 2.36 4.57 2.05zm-2.1-1.16c-.53-.34-2.01-1.29-3.28-2.12L6.76 17.83l-1.35.87c-2.06 1.33-2.62 1.68-3.33.4-.64-1.18-.01-1.6 1.75-2.74l1.45-.93.05-4.29s-.03-4.03.05-4.28c.07-.25.29-.4.29-.4.4-.57 7.09-4.45 7.8-4.53.6-.07.62-.06 4.4 2.06 4.32 2.42 4.15 2.3 4.15 3.21 0 .85-.66 1.33-10.4 7.52-2.63 1.67-2.63 1.22.03 2.93l2.23 1.43 2.66-1.53 2.66-1.53.04-1.36c.05-1.85.37-2.38 1.43-2.38 1.2 0 1.39.45 1.35 3.2l-.03 2.18-3.83 2.21c-4.61 2.66-4.26 2.56-5.78 1.59zm-.84-10.05c1.8-1.16 3.95-2.55 4.77-3.08 1.82-1.17 1.88-.93-.57-2.31L13.66 4.88 11.51 6.12c-1.19.69-2.43 1.4-2.76 1.59l-.61.35V10.8c0 1.51.02 2.74.04 2.74s1.52-.95 3.32-2.12zm-2.79-.91V8.43L11.19 7l2.48-1.42 1.48.83c.82.46 1.52.87 1.56.91s-1.68 1.2-3.83 2.58-3.96 2.55-4.03 2.6c-.1.07-.12-.34-.12-1.99zm2.56-.07c1.15-.74 2.69-1.73 3.41-2.19 1.17-.75 1.3-.86 1.15-.96-.46-.31-2.18-1.23-2.25-1.2-.05.01-1.07.59-2.28 1.29l-2.2 1.26v1.58c0 .87.02 1.58.04 1.58s.98-.61 2.13-1.35z", fill: color }) }) }));
 };
 exports.default = EleventheyeIcon;

package/dist/icons/EmailIcon.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { IconProps } from './Icons.types';
+declare const EmailIcon: React.FC<IconProps>;
+export default EmailIcon;
+//# sourceMappingURL=EmailIcon.d.ts.map

package/dist/icons/EmailIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmailIcon.d.ts","sourceRoot":"","sources":["../../src/icons/EmailIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA8BlC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/icons/EmailIcon.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styles_1 = require("./styles");
+const EmailIcon = ({ className = '', style, size = 24, color = '#fffff0', fillColor = 'transparent', fillOpacity = 1, circleStrokeColor = '#fffff0', }) => {
+    return ((0, jsx_runtime_1.jsx)(styles_1.IconContainer, { className: className, style: style, children: (0, jsx_runtime_1.jsxs)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "transparent", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("circle", { fill: fillColor, fillOpacity: fillOpacity, cx: "12", cy: "12", r: "10.5", stroke: circleStrokeColor, strokeWidth: '1.5px' }), (0, jsx_runtime_1.jsx)("path", { fillRule: "nonzero", d: "M12.04 18.94q-1.46 0-2.73-.55t-2.22-1.5q-.94-.95-1.5-2.22t-.55-2.73q0-1.46.55-2.73t1.5-2.22q.95-.94 2.22-1.5t2.73-.55q1.46 0 2.73.55t2.22 1.5 1.5 2.22.55 2.73v.92q0 .98-.69 1.65-.69.68-1.69.68-.63 0-1.19-.31t-.85-.86q-.46.59-1.14.88t-1.44.29q-1.36 0-2.32-.94-.95-.94-.95-2.31 0-1.36.96-2.33.95-.96 2.31-.96t2.32.96q.96.97.96 2.33v.92q0 .54.39.91.39.37.94.37t.95-.37q.39-.37.39-.9v-.92q0-2.49-1.73-4.22T12.04 5.99q-2.49 0-4.22 1.73T6.09 11.94t1.73 4.22 4.22 1.73h3.74v1.05H12.04Zm0-4.79q.93 0 1.57-.64t.65-1.56q0-.94-.65-1.59t-1.57-.66q-.92 0-1.58.65t-.65 1.59q0 .92.65 1.56t1.57.64Z", fill: color })] }) }));
+};
+exports.default = EmailIcon;

package/dist/icons/index.d.ts

@@ -10,6 +10,8 @@ export * from './DeleteIcon';
 export { default as DeleteIcon } from './DeleteIcon';
 export * from './EleventheyeIcon';
 export { default as EleventheyeIcon } from './EleventheyeIcon';
+export * from './EmailIcon';
+export { default as EmailIcon } from './EmailIcon';
 export * from './EyeIcon';
 export { default as EyeIcon } from './EyeIcon';
 export * from './EyeSlashIcon';

package/dist/icons/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/icons/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AAEvD,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AAEvD,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AAEnD,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AAEnD,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AAErD,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAE/D,cAAc,WAAW,CAAC;AAC1B,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAE/C,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEzD,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEzD,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AAEnD,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEzD,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AAEvD,cAAc,YAAY,CAAC;AAC3B,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEjD,cAAc,YAAY,CAAC;AAC3B,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEjD,cAAc,WAAW,CAAC;AAC1B,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAE/C,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AAEnD,cAAc,YAAY,CAAC;AAC3B,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEjD,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AAErD,cAAc,iBAAiB,CAAC;AAChC,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAE3D,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AAErD,cAAc,oBAAoB,CAAC;AACnC,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGjE,cAAc,eAAe,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/icons/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AAEvD,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AAEvD,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AAEnD,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AAEnD,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AAErD,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAE/D,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AAEnD,cAAc,WAAW,CAAC;AAC1B,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAE/C,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEzD,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEzD,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AAEnD,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEzD,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AAEvD,cAAc,YAAY,CAAC;AAC3B,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEjD,cAAc,YAAY,CAAC;AAC3B,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEjD,cAAc,WAAW,CAAC;AAC1B,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAE/C,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AAEnD,cAAc,YAAY,CAAC;AAC3B,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEjD,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AAErD,cAAc,iBAAiB,CAAC;AAChC,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAE3D,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AAErD,cAAc,oBAAoB,CAAC;AACnC,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGjE,cAAc,eAAe,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC"}

package/dist/icons/index.js

@@ -1,84 +1,71 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.UserSettingsIcon = exports.UnlockIcon = exports.TimeLapseIcon = exports.SearchIcon = exports.SaveIcon = exports.RulerIcon = exports.PenIcon = exports.LockIcon = exports.HomeIcon = exports.HexagonIcon = exports.GearUserIcon = exports.GamesIcon = exports.FootballIcon = exports.EyeSlashIcon = exports.EyeIcon = exports.EleventheyeIcon = exports.DeleteIcon = exports.CloseIcon = exports.CheckIcon = exports.AddUserIcon = exports.AddItemIcon = void 0;
-__exportStar(require("./AddItemIcon"), exports);
+exports.UserSettingsIcon = exports.UnlockIcon = exports.TimeLapseIcon = exports.SearchIcon = exports.SaveIcon = exports.RulerIcon = exports.PenIcon = exports.LockIcon = exports.HomeIcon = exports.HexagonIcon = exports.GearUserIcon = exports.GamesIcon = exports.FootballIcon = exports.EyeSlashIcon = exports.EyeIcon = exports.EmailIcon = exports.EleventheyeIcon = exports.DeleteIcon = exports.CloseIcon = exports.CheckIcon = exports.AddUserIcon = exports.AddItemIcon = void 0;
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./AddItemIcon"), exports);
 var AddItemIcon_1 = require("./AddItemIcon");
-Object.defineProperty(exports, "AddItemIcon", { enumerable: true, get: function () { return __importDefault(AddItemIcon_1).default; } });
-__exportStar(require("./AddUserIcon"), exports);
+Object.defineProperty(exports, "AddItemIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(AddItemIcon_1).default; } });
+tslib_1.__exportStar(require("./AddUserIcon"), exports);
 var AddUserIcon_1 = require("./AddUserIcon");
-Object.defineProperty(exports, "AddUserIcon", { enumerable: true, get: function () { return __importDefault(AddUserIcon_1).default; } });
-__exportStar(require("./CheckIcon"), exports);
+Object.defineProperty(exports, "AddUserIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(AddUserIcon_1).default; } });
+tslib_1.__exportStar(require("./CheckIcon"), exports);
 var CheckIcon_1 = require("./CheckIcon");
-Object.defineProperty(exports, "CheckIcon", { enumerable: true, get: function () { return __importDefault(CheckIcon_1).default; } });
-__exportStar(require("./CloseIcon"), exports);
+Object.defineProperty(exports, "CheckIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(CheckIcon_1).default; } });
+tslib_1.__exportStar(require("./CloseIcon"), exports);
 var CloseIcon_1 = require("./CloseIcon");
-Object.defineProperty(exports, "CloseIcon", { enumerable: true, get: function () { return __importDefault(CloseIcon_1).default; } });
-__exportStar(require("./DeleteIcon"), exports);
+Object.defineProperty(exports, "CloseIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(CloseIcon_1).default; } });
+tslib_1.__exportStar(require("./DeleteIcon"), exports);
 var DeleteIcon_1 = require("./DeleteIcon");
-Object.defineProperty(exports, "DeleteIcon", { enumerable: true, get: function () { return __importDefault(DeleteIcon_1).default; } });
-__exportStar(require("./EleventheyeIcon"), exports);
+Object.defineProperty(exports, "DeleteIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(DeleteIcon_1).default; } });
+tslib_1.__exportStar(require("./EleventheyeIcon"), exports);
 var EleventheyeIcon_1 = require("./EleventheyeIcon");
-Object.defineProperty(exports, "EleventheyeIcon", { enumerable: true, get: function () { return __importDefault(EleventheyeIcon_1).default; } });
-__exportStar(require("./EyeIcon"), exports);
+Object.defineProperty(exports, "EleventheyeIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(EleventheyeIcon_1).default; } });
+tslib_1.__exportStar(require("./EmailIcon"), exports);
+var EmailIcon_1 = require("./EmailIcon");
+Object.defineProperty(exports, "EmailIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(EmailIcon_1).default; } });
+tslib_1.__exportStar(require("./EyeIcon"), exports);
 var EyeIcon_1 = require("./EyeIcon");
-Object.defineProperty(exports, "EyeIcon", { enumerable: true, get: function () { return __importDefault(EyeIcon_1).default; } });
-__exportStar(require("./EyeSlashIcon"), exports);
+Object.defineProperty(exports, "EyeIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(EyeIcon_1).default; } });
+tslib_1.__exportStar(require("./EyeSlashIcon"), exports);
 var EyeSlashIcon_1 = require("./EyeSlashIcon");
-Object.defineProperty(exports, "EyeSlashIcon", { enumerable: true, get: function () { return __importDefault(EyeSlashIcon_1).default; } });
-__exportStar(require("./FootballIcon"), exports);
+Object.defineProperty(exports, "EyeSlashIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(EyeSlashIcon_1).default; } });
+tslib_1.__exportStar(require("./FootballIcon"), exports);
 var FootballIcon_1 = require("./FootballIcon");
-Object.defineProperty(exports, "FootballIcon", { enumerable: true, get: function () { return __importDefault(FootballIcon_1).default; } });
-__exportStar(require("./GamesIcon"), exports);
+Object.defineProperty(exports, "FootballIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(FootballIcon_1).default; } });
+tslib_1.__exportStar(require("./GamesIcon"), exports);
 var GamesIcon_1 = require("./GamesIcon");
-Object.defineProperty(exports, "GamesIcon", { enumerable: true, get: function () { return __importDefault(GamesIcon_1).default; } });
-__exportStar(require("./GearUserIcon"), exports);
+Object.defineProperty(exports, "GamesIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(GamesIcon_1).default; } });
+tslib_1.__exportStar(require("./GearUserIcon"), exports);
 var GearUserIcon_1 = require("./GearUserIcon");
-Object.defineProperty(exports, "GearUserIcon", { enumerable: true, get: function () { return __importDefault(GearUserIcon_1).default; } });
-__exportStar(require("./HexagonIcon"), exports);
+Object.defineProperty(exports, "GearUserIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(GearUserIcon_1).default; } });
+tslib_1.__exportStar(require("./HexagonIcon"), exports);
 var HexagonIcon_1 = require("./HexagonIcon");
-Object.defineProperty(exports, "HexagonIcon", { enumerable: true, get: function () { return __importDefault(HexagonIcon_1).default; } });
-__exportStar(require("./HomeIcon"), exports);
+Object.defineProperty(exports, "HexagonIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(HexagonIcon_1).default; } });
+tslib_1.__exportStar(require("./HomeIcon"), exports);
 var HomeIcon_1 = require("./HomeIcon");
-Object.defineProperty(exports, "HomeIcon", { enumerable: true, get: function () { return __importDefault(HomeIcon_1).default; } });
-__exportStar(require("./LockIcon"), exports);
+Object.defineProperty(exports, "HomeIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(HomeIcon_1).default; } });
+tslib_1.__exportStar(require("./LockIcon"), exports);
 var LockIcon_1 = require("./LockIcon");
-Object.defineProperty(exports, "LockIcon", { enumerable: true, get: function () { return __importDefault(LockIcon_1).default; } });
-__exportStar(require("./PenIcon"), exports);
+Object.defineProperty(exports, "LockIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(LockIcon_1).default; } });
+tslib_1.__exportStar(require("./PenIcon"), exports);
 var PenIcon_1 = require("./PenIcon");
-Object.defineProperty(exports, "PenIcon", { enumerable: true, get: function () { return __importDefault(PenIcon_1).default; } });
-__exportStar(require("./RulerIcon"), exports);
+Object.defineProperty(exports, "PenIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(PenIcon_1).default; } });
+tslib_1.__exportStar(require("./RulerIcon"), exports);
 var RulerIcon_1 = require("./RulerIcon");
-Object.defineProperty(exports, "RulerIcon", { enumerable: true, get: function () { return __importDefault(RulerIcon_1).default; } });
-__exportStar(require("./SaveIcon"), exports);
+Object.defineProperty(exports, "RulerIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(RulerIcon_1).default; } });
+tslib_1.__exportStar(require("./SaveIcon"), exports);
 var SaveIcon_1 = require("./SaveIcon");
-Object.defineProperty(exports, "SaveIcon", { enumerable: true, get: function () { return __importDefault(SaveIcon_1).default; } });
-__exportStar(require("./SearchIcon"), exports);
+Object.defineProperty(exports, "SaveIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(SaveIcon_1).default; } });
+tslib_1.__exportStar(require("./SearchIcon"), exports);
 var SearchIcon_1 = require("./SearchIcon");
-Object.defineProperty(exports, "SearchIcon", { enumerable: true, get: function () { return __importDefault(SearchIcon_1).default; } });
-__exportStar(require("./TimeLapseIcon"), exports);
+Object.defineProperty(exports, "SearchIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(SearchIcon_1).default; } });
+tslib_1.__exportStar(require("./TimeLapseIcon"), exports);
 var TimeLapseIcon_1 = require("./TimeLapseIcon");
-Object.defineProperty(exports, "TimeLapseIcon", { enumerable: true, get: function () { return __importDefault(TimeLapseIcon_1).default; } });
-__exportStar(require("./UnlockIcon"), exports);
+Object.defineProperty(exports, "TimeLapseIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(TimeLapseIcon_1).default; } });
+tslib_1.__exportStar(require("./UnlockIcon"), exports);
 var UnlockIcon_1 = require("./UnlockIcon");
-Object.defineProperty(exports, "UnlockIcon", { enumerable: true, get: function () { return __importDefault(UnlockIcon_1).default; } });
-__exportStar(require("./UserSettingsIcon"), exports);
+Object.defineProperty(exports, "UnlockIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(UnlockIcon_1).default; } });
+tslib_1.__exportStar(require("./UserSettingsIcon"), exports);
 var UserSettingsIcon_1 = require("./UserSettingsIcon");
-Object.defineProperty(exports, "UserSettingsIcon", { enumerable: true, get: function () { return __importDefault(UserSettingsIcon_1).default; } });
-__exportStar(require("./Icons.types"), exports);
+Object.defineProperty(exports, "UserSettingsIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(UserSettingsIcon_1).default; } });
+tslib_1.__exportStar(require("./Icons.types"), exports);

package/dist/icons/styles.js

@@ -1,10 +1,8 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconContainer = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
+const tslib_1 = require("tslib");
+const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
 exports.IconContainer = styled_components_1.default.div `
   display: flex;
   flex-direction: column;

package/dist/index.d.ts

@@ -22,4 +22,5 @@ export { default as SearchIcon } from './icons/SearchIcon';
 export { default as TimeLapseIcon } from './icons/TimeLapseIcon';
 export { default as UnlockIcon } from './icons/UnlockIcon';
 export { default as UserSettingsIcon } from './icons/UserSettingsIcon';
+export { default as ASThemeDefault } from './astheme/ASThemeDefault';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,yBAAyB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,cAAc,qBAAqB,CAAC;AACpC,YAAY,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,yBAAyB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,cAAc,qBAAqB,CAAC;AACpC,YAAY,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAEvE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/index.js

@@ -1,65 +1,51 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.UserSettingsIcon = exports.UnlockIcon = exports.TimeLapseIcon = exports.SearchIcon = exports.SaveIcon = exports.RulerIcon = exports.PenIcon = exports.LockIcon = exports.HomeIcon = exports.HexagonIcon = exports.GearUserIcon = exports.GamesIcon = exports.FootballIcon = exports.EyeSlashIcon = exports.EyeIcon = exports.EleventheyeIcon = exports.DeleteIcon = exports.CloseIcon = exports.CheckIcon = exports.AddUserIcon = exports.AddItemIcon = exports.ASTextField = void 0;
+exports.ASThemeDefault = exports.UserSettingsIcon = exports.UnlockIcon = exports.TimeLapseIcon = exports.SearchIcon = exports.SaveIcon = exports.RulerIcon = exports.PenIcon = exports.LockIcon = exports.HomeIcon = exports.HexagonIcon = exports.GearUserIcon = exports.GamesIcon = exports.FootballIcon = exports.EyeSlashIcon = exports.EyeIcon = exports.EleventheyeIcon = exports.DeleteIcon = exports.CloseIcon = exports.CheckIcon = exports.AddUserIcon = exports.AddItemIcon = exports.ASTextField = void 0;
+const tslib_1 = require("tslib");
 var ASTextField_1 = require("./astextfield/ASTextField");
-Object.defineProperty(exports, "ASTextField", { enumerable: true, get: function () { return __importDefault(ASTextField_1).default; } });
+Object.defineProperty(exports, "ASTextField", { enumerable: true, get: function () { return tslib_1.__importDefault(ASTextField_1).default; } });
 var AddItemIcon_1 = require("./icons/AddItemIcon");
-Object.defineProperty(exports, "AddItemIcon", { enumerable: true, get: function () { return __importDefault(AddItemIcon_1).default; } });
+Object.defineProperty(exports, "AddItemIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(AddItemIcon_1).default; } });
 var AddUserIcon_1 = require("./icons/AddUserIcon");
-Object.defineProperty(exports, "AddUserIcon", { enumerable: true, get: function () { return __importDefault(AddUserIcon_1).default; } });
+Object.defineProperty(exports, "AddUserIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(AddUserIcon_1).default; } });
 var CheckIcon_1 = require("./icons/CheckIcon");
-Object.defineProperty(exports, "CheckIcon", { enumerable: true, get: function () { return __importDefault(CheckIcon_1).default; } });
+Object.defineProperty(exports, "CheckIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(CheckIcon_1).default; } });
 var CloseIcon_1 = require("./icons/CloseIcon");
-Object.defineProperty(exports, "CloseIcon", { enumerable: true, get: function () { return __importDefault(CloseIcon_1).default; } });
+Object.defineProperty(exports, "CloseIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(CloseIcon_1).default; } });
 var DeleteIcon_1 = require("./icons/DeleteIcon");
-Object.defineProperty(exports, "DeleteIcon", { enumerable: true, get: function () { return __importDefault(DeleteIcon_1).default; } });
+Object.defineProperty(exports, "DeleteIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(DeleteIcon_1).default; } });
 var EleventheyeIcon_1 = require("./icons/EleventheyeIcon");
-Object.defineProperty(exports, "EleventheyeIcon", { enumerable: true, get: function () { return __importDefault(EleventheyeIcon_1).default; } });
+Object.defineProperty(exports, "EleventheyeIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(EleventheyeIcon_1).default; } });
 var EyeIcon_1 = require("./icons/EyeIcon");
-Object.defineProperty(exports, "EyeIcon", { enumerable: true, get: function () { return __importDefault(EyeIcon_1).default; } });
+Object.defineProperty(exports, "EyeIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(EyeIcon_1).default; } });
 var EyeSlashIcon_1 = require("./icons/EyeSlashIcon");
-Object.defineProperty(exports, "EyeSlashIcon", { enumerable: true, get: function () { return __importDefault(EyeSlashIcon_1).default; } });
+Object.defineProperty(exports, "EyeSlashIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(EyeSlashIcon_1).default; } });
 var FootballIcon_1 = require("./icons/FootballIcon");
-Object.defineProperty(exports, "FootballIcon", { enumerable: true, get: function () { return __importDefault(FootballIcon_1).default; } });
+Object.defineProperty(exports, "FootballIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(FootballIcon_1).default; } });
 var GamesIcon_1 = require("./icons/GamesIcon");
-Object.defineProperty(exports, "GamesIcon", { enumerable: true, get: function () { return __importDefault(GamesIcon_1).default; } });
+Object.defineProperty(exports, "GamesIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(GamesIcon_1).default; } });
 var GearUserIcon_1 = require("./icons/GearUserIcon");
-Object.defineProperty(exports, "GearUserIcon", { enumerable: true, get: function () { return __importDefault(GearUserIcon_1).default; } });
+Object.defineProperty(exports, "GearUserIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(GearUserIcon_1).default; } });
 var HexagonIcon_1 = require("./icons/HexagonIcon");
-Object.defineProperty(exports, "HexagonIcon", { enumerable: true, get: function () { return __importDefault(HexagonIcon_1).default; } });
+Object.defineProperty(exports, "HexagonIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(HexagonIcon_1).default; } });
 var HomeIcon_1 = require("./icons/HomeIcon");
-Object.defineProperty(exports, "HomeIcon", { enumerable: true, get: function () { return __importDefault(HomeIcon_1).default; } });
-__exportStar(require("./icons/Icons.types"), exports);
+Object.defineProperty(exports, "HomeIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(HomeIcon_1).default; } });
+tslib_1.__exportStar(require("./icons/Icons.types"), exports);
 var LockIcon_1 = require("./icons/LockIcon");
-Object.defineProperty(exports, "LockIcon", { enumerable: true, get: function () { return __importDefault(LockIcon_1).default; } });
+Object.defineProperty(exports, "LockIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(LockIcon_1).default; } });
 var PenIcon_1 = require("./icons/PenIcon");
-Object.defineProperty(exports, "PenIcon", { enumerable: true, get: function () { return __importDefault(PenIcon_1).default; } });
+Object.defineProperty(exports, "PenIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(PenIcon_1).default; } });
 var RulerIcon_1 = require("./icons/RulerIcon");
-Object.defineProperty(exports, "RulerIcon", { enumerable: true, get: function () { return __importDefault(RulerIcon_1).default; } });
+Object.defineProperty(exports, "RulerIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(RulerIcon_1).default; } });
 var SaveIcon_1 = require("./icons/SaveIcon");
-Object.defineProperty(exports, "SaveIcon", { enumerable: true, get: function () { return __importDefault(SaveIcon_1).default; } });
+Object.defineProperty(exports, "SaveIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(SaveIcon_1).default; } });
 var SearchIcon_1 = require("./icons/SearchIcon");
-Object.defineProperty(exports, "SearchIcon", { enumerable: true, get: function () { return __importDefault(SearchIcon_1).default; } });
+Object.defineProperty(exports, "SearchIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(SearchIcon_1).default; } });
 var TimeLapseIcon_1 = require("./icons/TimeLapseIcon");
-Object.defineProperty(exports, "TimeLapseIcon", { enumerable: true, get: function () { return __importDefault(TimeLapseIcon_1).default; } });
+Object.defineProperty(exports, "TimeLapseIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(TimeLapseIcon_1).default; } });
 var UnlockIcon_1 = require("./icons/UnlockIcon");
-Object.defineProperty(exports, "UnlockIcon", { enumerable: true, get: function () { return __importDefault(UnlockIcon_1).default; } });
+Object.defineProperty(exports, "UnlockIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(UnlockIcon_1).default; } });
 var UserSettingsIcon_1 = require("./icons/UserSettingsIcon");
-Object.defineProperty(exports, "UserSettingsIcon", { enumerable: true, get: function () { return __importDefault(UserSettingsIcon_1).default; } });
+Object.defineProperty(exports, "UserSettingsIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(UserSettingsIcon_1).default; } });
+var ASThemeDefault_1 = require("./astheme/ASThemeDefault");
+Object.defineProperty(exports, "ASThemeDefault", { enumerable: true, get: function () { return tslib_1.__importDefault(ASThemeDefault_1).default; } });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eleventheye/asui",
-  "version": "1.8.1",
+  "version": "1.9.0",
   "private": false,
   "description": "AS UI React Library by eleventheye (another one!)",
   "keywords": [
@@ -65,6 +65,8 @@
     "@storybook/react": "^8.6.12",
     "@storybook/react-webpack5": "^8.6.12",
     "@storybook/test": "^8.6.12",
+    "@types/react": "^19.1.2",
+    "@types/react-dom": "^19.1.2",
     "@types/styled-components": "^5.1.34",
     "npmignore": "^0.3.1",
     "storybook": "^8.6.12",
@@ -72,6 +74,8 @@
   },
   "dependencies": {
     "rimraf": "^6.0.1",
-    "styled-components": "^6.1.17"
+    "styled-components": "^6.1.17",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0"
   }
 }