@eleventheye/asui 1.7.4 → 1.8.0

package/dist/astextfield/ASTextField.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { ASComponentSize } from '../apptypes/ASUI.types';
+type ASTextFieldProps = {
+    className?: string;
+    value: string;
+    onChange?: (value: string) => void;
+    size?: ASComponentSize;
+    showClearButton?: boolean;
+    showSearchIcon?: boolean;
+} & Pick<React.HTMLProps<HTMLInputElement>, 'style' | 'type' | 'placeholder' | 'id' | 'onBlur' | 'onFocus'>;
+declare const ASTextField: React.FC<ASTextFieldProps>;
+export default ASTextField;
+//# sourceMappingURL=ASTextField.d.ts.map

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

@@ -0,0 +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"}

package/dist/astextfield/ASTextField.js

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+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 styles_1 = require("./styles");
+const ASTextField = ({ className = '', 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);
+    const [clearIconVisible, setClearIconVisible] = (0, react_1.useState)(showClearButton);
+    const [searchIconVisible, setSearchIconVisible] = (0, react_1.useState)(showSearchIcon);
+    const [passwordIconVisible, setPasswordIconVisible] = (0, react_1.useState)(type === 'password');
+    const [rightIconCls, setRightIconCls] = (0, react_1.useState)('RightIconOff');
+    const [leftIconCls, setLeftIconCls] = (0, react_1.useState)('LeftIconOff');
+    const [passwordCls, setPasswordCls] = (0, react_1.useState)('');
+    const [showType, setShowType] = (0, react_1.useState)(type);
+    (0, react_1.useEffect)(() => {
+        let searchIcon = showSearchIcon;
+        let clearIcon = showClearButton;
+        if (type === 'search') {
+            searchIcon = true;
+        }
+        if (type === 'email') {
+            clearIcon = true;
+        }
+        if (type === 'password') {
+            setPasswordIconVisible(true);
+        }
+        setSearchIconVisible(searchIcon);
+        setClearIconVisible(clearIcon);
+    }, [showClearButton, showSearchIcon, type]);
+    (0, react_1.useEffect)(() => {
+        setRightIconCls(clearIconVisible ? 'RightIconOn' : 'RightIconOff');
+    }, [clearIconVisible]);
+    (0, react_1.useEffect)(() => {
+        setLeftIconCls(searchIconVisible ? 'LeftIconOn' : 'LeftIconOff');
+        setRightIconCls(searchIconVisible ? 'RightIconOn' : 'RightIconOff');
+    }, [searchIconVisible]);
+    (0, react_1.useEffect)(() => {
+        setPasswordCls(passwordIconVisible ? 'PasswordOn' : '');
+    }, [passwordIconVisible]);
+    const onValueChange = (e) => {
+        const target = e.target;
+        setValueString(target.value);
+        onChange(target.value);
+    };
+    const clearValue = () => {
+        setValueString('');
+        onChange('');
+    };
+    const onInputFieldFocus = (e) => {
+        const target = e.target;
+        target.select();
+        return e;
+    };
+    const onPasswordShowHide = () => {
+        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 })] }))] }));
+};
+exports.default = ASTextField;

package/dist/astextfield/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './ASTextField';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/astextfield/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC"}

package/dist/astextfield/index.js

@@ -0,0 +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.default = void 0;
+var ASTextField_1 = require("./ASTextField");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ASTextField_1).default; } });

package/dist/astextfield/styles.d.ts

@@ -0,0 +1,7 @@
+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("@eleventheye/asui").IconProps, never>> & string & Omit<import("react").FC<import("@eleventheye/asui").IconProps>, keyof import("react").Component<any, {}, any>>;
+export declare const ScaledSlashedEyeIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("@eleventheye/asui").IconProps, never>> & string & Omit<import("react").FC<import("@eleventheye/asui").IconProps>, keyof import("react").Component<any, {}, any>>;
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +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,kRAOzB,CAAC;AAEF,eAAO,MAAM,oBAAoB,kRAQhC,CAAC"}

package/dist/astextfield/styles.js

@@ -0,0 +1,258 @@
+"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 asui_1 = require("@eleventheye/asui");
+const styled_components_1 = __importDefault(require("styled-components"));
+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};
+  border-radius: 35px;
+
+  &.RightIconOn {
+    .ASTextFieldClearIcon {
+      margin-right: 8px;
+      cursor: pointer;
+      color: ${mainGray55};
+      user-select: none;
+
+      &:hover {
+        text-shadow: 1px 1px 3px ${mainGray97};
+      }
+      &:active {
+        color: ${mainGray33};
+      }
+    }
+  }
+
+  &.LeftIconOn {
+    .ASTextFieldSearchIcon {
+      margin-left: 12px;
+      user-select: none;
+    }
+  }
+
+  &.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;
+    }
+  }
+
+  &.ASSmall {
+    height: 30px;
+    .ASTextFieldInput {
+      margin-top: 4px;
+      margin-bottom: 4px;
+    }
+  }
+
+  &.ASMedium {
+    height: 40px;
+    .ASTextFieldInput {
+      margin-top: 5px;
+      margin-bottom: 5px;
+    }
+  }
+
+  &.ASLarge {
+    height: 50px;
+    .ASTextFieldInput {
+      margin-top: 6px;
+      margin-bottom: 6px;
+    }
+  }
+
+  &[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;
+      height: -webkit-fill-available;
+    }
+  }
+
+  &[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;
+      height: -webkit-fill-available;
+    }
+  }
+
+  &[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;
+      height: -webkit-fill-available;
+    }
+  }
+
+  &[class*='PasswordOn'] > input[type='search' i]::-webkit-search-cancel-button {
+    color: transparent;
+  }
+
+  & input[type='search' i]:enabled:read-write:-webkit-any(:focus, :hover)::-webkit-search-cancel-button {
+    opacity: 0;
+  }
+
+  // Chrome autofill update
+  // input:-webkit-autofill,
+  input:-webkit-autofill:hover,
+  input:-webkit-autofill:focus,
+  textarea:-webkit-autofill,
+  textarea:-webkit-autofill:hover,
+  textarea:-webkit-autofill:focus,
+  // 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};
+    transition: background-color 5000s ease-in-out 0s;
+  }
+  input:-webkit-autofill,
+  select: -webkit-autofill {
+    border: 1px solid ${mainGray97};
+    -webkit-text-fill-color: ${mainGray66};
+  }
+`;
+exports.ASTextFieldInput = styled_components_1.default.input `
+  font-family: 'Saira Extra Condensed';
+  width: 100%;
+  // appearance: textfield;
+  outline: none;
+  transition: all 0.5s ease-in-out;
+  border-radius: 4px;
+  margin-top: 4px;
+  margin-bottom: 4px;
+  border: thin solid ${mainGray81};
+  background-color: transparent;
+  background: linear-gradient(to bottom, ${mainYellow} 5%, ${yellow30} 100%);
+  padding-inline: 6px;
+  color: ${mainGray33};
+
+  &:hover {
+    border: thin solid ${mainGray55};
+    box-shadow: inset 0 1px 7px 1px ${mainGray33};
+  }
+  &: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};
+  }
+  &::placeholder {
+    color: ${mainGray66};
+    font-weight: 300;
+  }
+`;
+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};
+  }
+`;
+exports.ASTextFieldSearchIcon = styled_components_1.default.div `
+  margin-left: 12px;
+  user-select: none;
+  color: ${mainGray55};
+`;
+exports.ScaledEyeIcon = (0, styled_components_1.default)(asui_1.EyeIcon) `
+  cursor: pointer;
+  user-select: none;
+  scale: 1.3;
+  &:hover {
+    scale: 1.4;
+  }
+`;
+exports.ScaledSlashedEyeIcon = (0, styled_components_1.default)(asui_1.EyeSlashIcon) `
+  cursor: pointer;
+  user-select: none;
+  scale: 1.3;
+  transition: scale 0.3s ease-in-out;
+  &:hover {
+    scale: 1.4;
+  }
+`;

package/dist/icons/SearchIcon.d.ts

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

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

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

package/dist/icons/SearchIcon.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 SearchIcon = ({ className = '', size = 24, color = '#fffff0', 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: '1.5px' }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.3 7.4c-1.7-1.6-4.3-1.6-6 0-1.6 1.7-1.6 4.3 0 6 1.7 1.6 4.3 1.6 6 0 1.6-1.7 1.6-4.3 0-6Zm1.4 6.4s0 0 .1.1l2.9 2.9c.3.3.3.7 0 1-.2.3-.7.3-1 0l-2.9-3s-.1 0-.1 0c-2.2 1.7-5.3 1.6-7.4-.5-2.1-2.1-2.1-5.7 0-7.9 2.2-2.2 5.8-2.2 8 0 2 2 2.1 5.2.4 7.4Z", fill: color })] }) }));
+};
+exports.default = SearchIcon;

package/dist/icons/index.d.ts

@@ -32,6 +32,8 @@ export * from './RulerIcon';
 export { default as RulerIcon } from './RulerIcon';
 export * from './SaveIcon';
 export { default as SaveIcon } from './SaveIcon';
+export * from './SearchIcon';
+export { default as SearchIcon } from './SearchIcon';
 export * from './TimeLapseIcon';
 export { default as TimeLapseIcon } from './TimeLapseIcon';
 export * from './UnlockIcon';

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,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,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

@@ -17,7 +17,7 @@ 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.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;
+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);
 var AddItemIcon_1 = require("./AddItemIcon");
 Object.defineProperty(exports, "AddItemIcon", { enumerable: true, get: function () { return __importDefault(AddItemIcon_1).default; } });
@@ -69,6 +69,9 @@ Object.defineProperty(exports, "RulerIcon", { enumerable: true, get: function ()
 __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);
+var SearchIcon_1 = require("./SearchIcon");
+Object.defineProperty(exports, "SearchIcon", { enumerable: true, get: function () { return __importDefault(SearchIcon_1).default; } });
 __exportStar(require("./TimeLapseIcon"), exports);
 var TimeLapseIcon_1 = require("./TimeLapseIcon");
 Object.defineProperty(exports, "TimeLapseIcon", { enumerable: true, get: function () { return __importDefault(TimeLapseIcon_1).default; } });

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+export { default as ASTextField } from './astextfield/ASTextField';
 export { default as AddItemIcon } from './icons/AddItemIcon';
 export { default as AddUserIcon } from './icons/AddUserIcon';
 export { default as CheckIcon } from './icons/CheckIcon';
@@ -17,6 +18,7 @@ export { default as LockIcon } from './icons/LockIcon';
 export { default as PenIcon } from './icons/PenIcon';
 export { default as RulerIcon } from './icons/RulerIcon';
 export { default as SaveIcon } from './icons/SaveIcon';
+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';

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,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,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"}

package/dist/index.js

@@ -17,7 +17,9 @@ 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.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;
+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;
+var ASTextField_1 = require("./astextfield/ASTextField");
+Object.defineProperty(exports, "ASTextField", { enumerable: true, get: function () { return __importDefault(ASTextField_1).default; } });
 var AddItemIcon_1 = require("./icons/AddItemIcon");
 Object.defineProperty(exports, "AddItemIcon", { enumerable: true, get: function () { return __importDefault(AddItemIcon_1).default; } });
 var AddUserIcon_1 = require("./icons/AddUserIcon");
@@ -53,6 +55,8 @@ var RulerIcon_1 = require("./icons/RulerIcon");
 Object.defineProperty(exports, "RulerIcon", { enumerable: true, get: function () { return __importDefault(RulerIcon_1).default; } });
 var SaveIcon_1 = require("./icons/SaveIcon");
 Object.defineProperty(exports, "SaveIcon", { enumerable: true, get: function () { return __importDefault(SaveIcon_1).default; } });
+var SearchIcon_1 = require("./icons/SearchIcon");
+Object.defineProperty(exports, "SearchIcon", { enumerable: true, get: function () { return __importDefault(SearchIcon_1).default; } });
 var TimeLapseIcon_1 = require("./icons/TimeLapseIcon");
 Object.defineProperty(exports, "TimeLapseIcon", { enumerable: true, get: function () { return __importDefault(TimeLapseIcon_1).default; } });
 var UnlockIcon_1 = require("./icons/UnlockIcon");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eleventheye/asui",
-  "version": "1.7.4",
+  "version": "1.8.0",
   "private": false,
   "description": "AS UI React Library by eleventheye (another one!)",
   "keywords": [