@eleventheye/asui 1.8.2 → 1.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (44) hide show
  1. package/dist/apptypes/ASUI.types.d.ts +135 -0
  2. package/dist/apptypes/ASUI.types.d.ts.map +1 -1
  3. package/dist/apptypes/ASUI.types.js +7 -1
  4. package/dist/asbutton/ASButton.d.ts +16 -0
  5. package/dist/asbutton/ASButton.d.ts.map +1 -0
  6. package/dist/asbutton/ASButton.js +32 -0
  7. package/dist/asbutton/index.d.ts +2 -0
  8. package/dist/asbutton/index.d.ts.map +1 -0
  9. package/dist/asbutton/index.js +6 -0
  10. package/dist/asbutton/styles.d.ts +10 -0
  11. package/dist/asbutton/styles.d.ts.map +1 -0
  12. package/dist/asbutton/styles.js +130 -0
  13. package/dist/asloader/ASLoader.d.ts +13 -0
  14. package/dist/asloader/ASLoader.d.ts.map +1 -0
  15. package/dist/asloader/ASLoader.js +52 -0
  16. package/dist/asloader/index.d.ts +2 -0
  17. package/dist/asloader/index.d.ts.map +1 -0
  18. package/dist/asloader/index.js +6 -0
  19. package/dist/asloader/styles.d.ts +24 -0
  20. package/dist/asloader/styles.d.ts.map +1 -0
  21. package/dist/asloader/styles.js +143 -0
  22. package/dist/astextfield/ASTextField.d.ts +2 -0
  23. package/dist/astextfield/ASTextField.d.ts.map +1 -1
  24. package/dist/astextfield/ASTextField.js +5 -2
  25. package/dist/astextfield/index.js +2 -4
  26. package/dist/astextfield/styles.d.ts +14 -5
  27. package/dist/astextfield/styles.d.ts.map +1 -1
  28. package/dist/astextfield/styles.js +66 -128
  29. package/dist/astheme/ASThemeDefault.d.ts +4 -0
  30. package/dist/astheme/ASThemeDefault.d.ts.map +1 -0
  31. package/dist/astheme/ASThemeDefault.js +127 -0
  32. package/dist/icons/EleventheyeIcon.d.ts.map +1 -1
  33. package/dist/icons/EleventheyeIcon.js +2 -2
  34. package/dist/icons/EmailIcon.d.ts +5 -0
  35. package/dist/icons/EmailIcon.d.ts.map +1 -0
  36. package/dist/icons/EmailIcon.js +8 -0
  37. package/dist/icons/index.d.ts +2 -0
  38. package/dist/icons/index.d.ts.map +1 -1
  39. package/dist/icons/index.js +48 -61
  40. package/dist/icons/styles.js +2 -4
  41. package/dist/index.d.ts +5 -3
  42. package/dist/index.d.ts.map +1 -1
  43. package/dist/index.js +30 -42
  44. package/package.json +6 -2
@@ -1 +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"}
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;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"}
@@ -1,11 +1,13 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
+ const tslib_1 = require("tslib");
3
4
  const jsx_runtime_1 = require("react/jsx-runtime");
4
5
  const react_1 = require("react");
5
6
  const asui_1 = require("@eleventheye/asui");
6
7
  const ASUI_types_1 = require("../apptypes/ASUI.types");
8
+ const ASThemeDefault_1 = tslib_1.__importDefault(require("../astheme/ASThemeDefault"));
7
9
  const styles_1 = require("./styles");
8
- const ASTextField = ({ className = '', value = '', onChange = () => undefined, size = ASUI_types_1.ASComponentSize.Medium, type = 'text', showClearButton = false, showSearchIcon = false, ...props }) => {
10
+ const ASTextField = ({ className = '', theme = ASThemeDefault_1.default, value = '', onChange = () => undefined, size = ASUI_types_1.ASComponentSize.Medium, type = 'text', showClearButton = false, showSearchIcon = false, ...props }) => {
9
11
  const genericId = (0, react_1.useId)();
10
12
  const textFieldId = props.id || genericId;
11
13
  const [valueString, setValueString] = (0, react_1.useState)(value);
@@ -21,6 +23,7 @@ const ASTextField = ({ className = '', value = '', onChange = () => undefined, s
21
23
  let clearIcon = showClearButton;
22
24
  if (type === 'search') {
23
25
  searchIcon = true;
26
+ clearIcon = true;
24
27
  }
25
28
  if (type === 'email') {
26
29
  clearIcon = true;
@@ -60,6 +63,6 @@ const ASTextField = ({ className = '', value = '', onChange = () => undefined, s
60
63
  setShowType(showType === 'password' ? 'text' : 'password');
61
64
  };
62
65
  const baseCls = `"ASTextFieldInputContainer" ${size} ${leftIconCls} ${rightIconCls} ${passwordCls} ${className}`;
63
- 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 })] }))] }));
66
+ 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 })] }))] }));
64
67
  };
65
68
  exports.default = ASTextField;
@@ -1,8 +1,6 @@
1
1
  "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
2
  Object.defineProperty(exports, "__esModule", { value: true });
6
3
  exports.default = void 0;
4
+ const tslib_1 = require("tslib");
7
5
  var ASTextField_1 = require("./ASTextField");
8
- Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ASTextField_1).default; } });
6
+ Object.defineProperty(exports, "default", { enumerable: true, get: function () { return tslib_1.__importDefault(ASTextField_1).default; } });
@@ -1,7 +1,16 @@
1
- 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;
2
- 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;
3
- 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;
4
- 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;
5
- 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>>;
1
+ import { ASTheme } from '../apptypes/ASUI.types';
2
+ 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>, {
3
+ theme: ASTheme;
4
+ }>> & string;
5
+ 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>, {
6
+ theme: ASTheme;
7
+ }>> & string;
8
+ 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>, {
9
+ theme: ASTheme;
10
+ }>> & string;
11
+ 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>, {
12
+ theme: ASTheme;
13
+ }>> & string;
6
14
  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>>;
15
+ 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>>;
7
16
  //# sourceMappingURL=styles.d.ts.map
@@ -1 +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"}
1
+ {"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"}
@@ -1,92 +1,39 @@
1
1
  "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
2
  Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.ScaledSlashedEyeIcon = exports.ScaledEyeIcon = exports.ASTextFieldSearchIcon = exports.ASTextFieldClickIcon = exports.ASTextFieldInput = exports.ASTextFieldInputContainer = void 0;
7
- const styled_components_1 = __importDefault(require("styled-components"));
3
+ exports.ScaledEyeIcon = exports.ScaledSlashedEyeIcon = exports.ASTextFieldSearchIcon = exports.ASTextFieldClickIcon = exports.ASTextFieldInput = exports.ASTextFieldInputContainer = void 0;
4
+ const tslib_1 = require("tslib");
5
+ const styled_components_1 = tslib_1.__importStar(require("styled-components"));
8
6
  const icons_1 = require("../icons");
9
- const mainYellow = '#ffd321';
10
- const mainGray33 = '#333333';
11
- const mainGray55 = '#555555';
12
- const mainGray66 = '#666666';
13
- const mainGray81 = '#818181';
14
- const mainGray97 = '#979797';
15
- const yellow30 = '#fff5b2';
16
7
  exports.ASTextFieldInputContainer = styled_components_1.default.div `
17
8
  display: flex;
18
9
  align-items: center;
19
10
  position: relative;
20
11
  max-width: 100%;
21
12
  width: -webkit-fill-available;
22
- min-width: 350px;
23
- background: linear-gradient(to bottom, ${yellow30} 5%, ${mainYellow} 100%);
24
- color: ${mainGray33};
25
- border: 1px solid ${mainGray55};
13
+ min-width: 250px;
14
+ background: linear-gradient(
15
+ to bottom,
16
+ ${(props) => props.theme.textfield.bgColorTop} 5%,
17
+ ${(props) => props.theme.textfield.bgColorBottom} 100%
18
+ );
19
+ color: ${(props) => props.theme.textfield.color};
20
+ border: 1px solid ${(props) => props.theme.textfield.borderColor};
26
21
  border-radius: 35px;
27
22
 
28
- &.RightIconOn {
29
- .ASTextFieldClearIcon {
30
- margin-right: 8px;
31
- cursor: pointer;
32
- color: ${mainGray55};
33
- user-select: none;
23
+ padding: 0 12px;
34
24
 
35
- &:hover {
36
- text-shadow: 1px 1px 3px ${mainGray97};
37
- }
38
- &:active {
39
- color: ${mainGray33};
40
- }
41
- }
42
- }
25
+ .ASTextFieldClearIcon {
26
+ cursor: pointer;
27
+ transition: scale 0.25s ease-in-out;
28
+ user-select: none;
29
+ scale: 0.9;
43
30
 
44
- &.LeftIconOn {
45
- .ASTextFieldSearchIcon {
46
- margin-left: 12px;
47
- user-select: none;
31
+ &:hover {
32
+ scale: 1;
48
33
  }
49
- }
50
34
 
51
- &.RightIconOff {
52
- .ASTextFieldClearIcon {
53
- content-visibility: hidden;
54
- margin-right: 0;
55
- }
56
- }
57
-
58
- &.LeftIconOff {
59
- .ASTextFieldSearchIcon {
60
- content-visibility: hidden;
61
- }
62
- }
63
-
64
- &.LeftIconOn.RightIconOn {
65
- .ASTextFieldInput {
66
- margin-right: 6px;
67
- margin-left: 6px;
68
- }
69
- }
70
-
71
- &.LeftIconOff.RightIconOff {
72
- .ASTextFieldInput {
73
- margin-right: 18px;
74
- margin-left: 18px;
75
- }
76
- }
77
-
78
- &.LeftIconOn.RightIconOff {
79
- .ASTextFieldInput {
80
- margin-right: 18px;
81
- margin-left: 8px;
82
- }
83
- }
84
-
85
- &.PasswordOn.LeftIconOff.RightIconOff,
86
- &.LeftIconOff.RightIconOn {
87
- .ASTextFieldInput {
88
- margin-right: 6px;
89
- margin-left: 18px;
35
+ &:active {
36
+ scale: 0.8;
90
37
  }
91
38
  }
92
39
 
@@ -116,12 +63,6 @@ exports.ASTextFieldInputContainer = styled_components_1.default.div `
116
63
 
117
64
  &[class*='PasswordOn'].ASSmall,
118
65
  &[class*='LeftIcon'][class*='RightIcon'].ASSmall {
119
- .ASTextFieldClearIcon,
120
- .ASTextFieldSearchIcon {
121
- font-size: 1.5rem;
122
- font-weight: 400;
123
- line-height: 1;
124
- }
125
66
  > input.ASTextFieldInput {
126
67
  font-size: 0.9rem;
127
68
  font-weight: 400;
@@ -131,12 +72,6 @@ exports.ASTextFieldInputContainer = styled_components_1.default.div `
131
72
 
132
73
  &[class*='PasswordOn'].ASMedium,
133
74
  &[class*='LeftIcon'][class*='RightIcon'].ASMedium {
134
- .ASTextFieldClearIcon,
135
- .ASTextFieldSearchIcon {
136
- font-size: 1.75rem;
137
- font-weight: 500;
138
- line-height: 1;
139
- }
140
75
  > input.ASTextFieldInput {
141
76
  font-size: 1.25rem;
142
77
  font-weight: 600;
@@ -146,12 +81,6 @@ exports.ASTextFieldInputContainer = styled_components_1.default.div `
146
81
 
147
82
  &[class*='PasswordOn'].ASLarge,
148
83
  &[class*='LeftIcon'][class*='RightIcon'].ASLarge {
149
- .ASTextFieldClearIcon,
150
- .ASTextFieldSearchIcon {
151
- font-size: 2rem;
152
- font-weight: 600;
153
- line-height: 1;
154
- }
155
84
  > input.ASTextFieldInput {
156
85
  font-size: 1.5rem;
157
86
  font-weight: 600;
@@ -177,20 +106,20 @@ exports.ASTextFieldInputContainer = styled_components_1.default.div `
177
106
  // select:-webkit-autofill,
178
107
  select:-webkit-autofill:hover,
179
108
  select:-webkit-autofill:focus {
180
- border: 1px solid ${mainGray97};
181
- -webkit-text-fill-color: ${mainGray66};
182
- // -webkit-box-shadow: 0 0 0 1000px ${mainYellow} inset;
183
- -webkit-box-shadow: inset 0 1px 7px 1px ${mainGray97};
109
+ border: 1px solid ${(props) => props.theme.textfield.autofillBorder};
110
+ -webkit-text-fill-color: ${(props) => props.theme.textfield.autofillBoxShadow};
111
+ // -webkit-box-shadow: 0 0 0 1000px ${(props) => props.theme.textfield.autofillBorder} inset;
112
+ -webkit-box-shadow: inset 0 1px 7px 1px ${(props) => props.theme.textfield.autofillBoxShadow};
184
113
  transition: background-color 5000s ease-in-out 0s;
185
114
  }
186
115
  input:-webkit-autofill,
187
116
  select: -webkit-autofill {
188
- border: 1px solid ${mainGray97};
189
- -webkit-text-fill-color: ${mainGray66};
117
+ border: 1px solid ${(props) => props.theme.textfield.autofillBoxShadow};
118
+ -webkit-text-fill-color: ${(props) => props.theme.textfield.autofillColor};
190
119
  }
191
120
  `;
192
121
  exports.ASTextFieldInput = styled_components_1.default.input `
193
- font-family: 'Saira Extra Condensed';
122
+ font-family: 'Big Shoulders Display', 'BigShouldersDisplay', 'Saira Extra Condensed';
194
123
  width: 100%;
195
124
  // appearance: textfield;
196
125
  outline: none;
@@ -198,61 +127,70 @@ exports.ASTextFieldInput = styled_components_1.default.input `
198
127
  border-radius: 4px;
199
128
  margin-top: 4px;
200
129
  margin-bottom: 4px;
201
- border: thin solid ${mainGray81};
130
+ margin-left: 8px;
131
+ margin-right: 8px;
132
+ border: thin solid ${(props) => props.theme.textfield.inputBorder};
202
133
  background-color: transparent;
203
- background: linear-gradient(to bottom, ${mainYellow} 5%, ${yellow30} 100%);
134
+ background: linear-gradient(
135
+ to bottom,
136
+ ${(props) => props.theme.textfield.inputBgTop} 5%,
137
+ ${(props) => props.theme.textfield.inputBgBottom} 100%
138
+ );
204
139
  padding-inline: 6px;
205
- color: ${mainGray33};
140
+ color: ${(props) => props.theme.textfield.inputColor};
206
141
 
207
- &:hover {
208
- border: thin solid ${mainGray55};
209
- box-shadow: inset 0 1px 7px 1px ${mainGray33};
142
+ &:hover,
143
+ &:active,
144
+ &:focus {
145
+ border-color: ${(props) => props.theme.textfield.inputFocusBorderColor};
146
+ box-shadow: inset 0 1px 7px 1px ${(props) => props.theme.textfield.inputFocusBoxShadow};
210
147
  }
211
148
  &:active,
212
149
  &:focus {
213
- border: thin solid ${mainGray55};
214
- // outline: thin solid ${mainGray55};
215
- box-shadow: inset 0 1px 7px 1px ${mainGray33};
216
- background: linear-gradient(to top, ${mainYellow} 15%, ${yellow30} 100%);
217
- color: ${mainGray33};
150
+ background: linear-gradient(
151
+ to top,
152
+ ${(props) => props.theme.textfield.bgColorBottom} 15%,
153
+ ${(props) => props.theme.textfield.bgColorTop} 100%
154
+ );
155
+ color: ${(props) => props.theme.textfield.inputFocusColor};
218
156
  }
219
157
  &::placeholder {
220
- color: ${mainGray66};
158
+ color: ${(props) => props.theme.textfield.placeholderColor};
221
159
  font-weight: 300;
222
160
  }
161
+
162
+ ~ div {
163
+ margin-right: -2px;
164
+ }
223
165
  `;
224
166
  exports.ASTextFieldClickIcon = styled_components_1.default.div `
225
- margin-right: 8px;
226
167
  cursor: pointer;
227
- color: ${mainGray55};
228
168
  user-select: none;
229
169
 
230
170
  &:hover {
231
- text-shadow: 1px 1px 3px ${mainGray97};
232
- }
233
- &:active {
234
- color: ${mainGray33};
171
+ text-shadow: 1px 1px 3px ${(props) => props.theme.textfield.iconTextShadow};
235
172
  }
236
173
  `;
237
174
  exports.ASTextFieldSearchIcon = styled_components_1.default.div `
238
- margin-left: 12px;
175
+ margin-right: -4px;
239
176
  user-select: none;
240
- color: ${mainGray55};
241
177
  `;
242
- exports.ScaledEyeIcon = (0, styled_components_1.default)(icons_1.EyeIcon) `
178
+ const IconStyle = (0, styled_components_1.css) `
243
179
  cursor: pointer;
244
180
  user-select: none;
245
- scale: 1.3;
181
+ scale: 1.2;
182
+ transition: scale 0.3s ease-in-out;
246
183
  &:hover {
247
184
  scale: 1.4;
248
185
  }
186
+
187
+ &:active {
188
+ scale: 1.2;
189
+ }
249
190
  `;
250
191
  exports.ScaledSlashedEyeIcon = (0, styled_components_1.default)(icons_1.EyeSlashIcon) `
251
- cursor: pointer;
252
- user-select: none;
253
- scale: 1.3;
254
- transition: scale 0.3s ease-in-out;
255
- &:hover {
256
- scale: 1.4;
257
- }
192
+ ${IconStyle}
193
+ `;
194
+ exports.ScaledEyeIcon = (0, styled_components_1.default)(icons_1.EyeIcon) `
195
+ ${IconStyle}
258
196
  `;
@@ -0,0 +1,4 @@
1
+ import { ASTheme } from '../apptypes/ASUI.types';
2
+ declare const ASThemeDefault: ASTheme;
3
+ export default ASThemeDefault;
4
+ //# sourceMappingURL=ASThemeDefault.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ASThemeDefault.d.ts","sourceRoot":"","sources":["../../src/astheme/ASThemeDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAwEjD,QAAA,MAAM,cAAc,EAAE,OA0DrB,CAAC;AAEF,eAAe,cAAc,CAAC"}
@@ -0,0 +1,127 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const colors = {
4
+ mainGold: '#ffd700',
5
+ mainYellow: '#ffd321',
6
+ yellow00: '#ffac00',
7
+ yellow20: '#ffbe5c',
8
+ yellow25: '#ffbe7c',
9
+ yellow30: '#fff5b2',
10
+ yellow40: '#f1ecca',
11
+ yellow44: '#fafad2',
12
+ yellow45: '#feffe2',
13
+ yellow50: '#f9ff7f',
14
+ yellow60: '#faff9a',
15
+ yellow70: '#fdce11',
16
+ yellow80: '#ffda3f',
17
+ yellow85: '#ffee66',
18
+ yellow88: '#fff6af',
19
+ yellow90: '#867017',
20
+ yellow95: '#a68500',
21
+ yellow100: '#4a4000',
22
+ yellow110: '#3d340e',
23
+ yellow115: '#1f1900',
24
+ yellow120: '#2c2915',
25
+ mainCorral: '#ff7f50',
26
+ corral20: '#ff9e7d',
27
+ corral30: '#ffccbc',
28
+ corral40: '#ff927d',
29
+ corral50: '#ff6347',
30
+ corralCF: '#cf410d',
31
+ corral6D: '#6d3e26',
32
+ corral8B: '#8b0000',
33
+ corral85: '#850000',
34
+ corral90: '#ff1b1b',
35
+ mainBlack: '#000000',
36
+ mainGray22: '#222222',
37
+ mainGray33: '#333333',
38
+ mainGray41: '#414141',
39
+ mainGray47: '#474747',
40
+ mainGray55: '#555555',
41
+ mainGray58: '#585858',
42
+ mainGray66: '#666666',
43
+ mainGray6d: '#6d6d6d',
44
+ mainGray72: '#727272',
45
+ mainGray81: '#818181',
46
+ mainGray8c: '#8c8c8c',
47
+ mainGray97: '#979797',
48
+ mainGray99: '#999999',
49
+ mainGrayB8: '#b8b7b7',
50
+ mainGrayE0: '#e0e0e0',
51
+ mainGrayF5: '#f5f5f5',
52
+ mainWhite: '#fff8dc',
53
+ blueFF: '#00aeff',
54
+ green00: '#00b200',
55
+ green10: '#228b22',
56
+ green64: '#006400',
57
+ green90: '#a8d832',
58
+ green100: '#adff2f',
59
+ green120: '#c8d054',
60
+ blackAlpha75: 'rgb(0 0 0 / 75%)',
61
+ blackAlpha50: 'rgb(0 0 0 / 50%)',
62
+ blackAlpha40: 'rgb(0 0 0 / 40%)',
63
+ blackAlpha35: 'rgb(0 0 0 / 35%)',
64
+ blackAlpha25: 'rgb(0 0 0 / 25%)',
65
+ blackAlpha10: 'rgb(0 0 0 / 10%)',
66
+ whiteAlpha75: 'rgb(255 255 255 / 75%)',
67
+ whiteAlpha55: 'rgb(255 255 255 / 55%)',
68
+ whiteAlpha35: 'rgb(255 255 255 / 35%)',
69
+ whiteAlpha25: 'rgb(255 255 255 / 25%)',
70
+ whiteAlpha15: 'rgb(255 255 255 / 15%)',
71
+ };
72
+ const ASThemeDefault = {
73
+ colors,
74
+ button: {
75
+ buttonGradientDown: `linear-gradient(to bottom, ${colors.yellow30} 0%, ${colors.mainYellow} 100%)`,
76
+ buttonGradientUp: `linear-gradient(to top, ${colors.yellow30} 0%, ${colors.mainYellow} 100%)`,
77
+ buttonShadowHoverASSmall: `inset 0 0 5px 0 ${colors.mainGray47}`,
78
+ buttonShadowHoverASMedium: `inset 0 0 10px 0 ${colors.mainGray47}`,
79
+ buttonShadowHoverASLarge: `inset 0 0 15px 0 ${colors.mainGray47}`,
80
+ buttonShadowActiveASSmall: `inset 0 0 5px 1px ${colors.mainBlack}`,
81
+ buttonShadowActiveASMedium: `inset 0 0 8px 2px ${colors.mainBlack}`,
82
+ buttonShadowActiveASLarge: `inset 0 0 11px 3px ${colors.mainBlack}`,
83
+ buttonShadowNormal: `inset 0 0 1px 0 ${colors.yellow30}`,
84
+ buttonShadowHover: `inset 0 0 1px 0 ${colors.yellow80}`,
85
+ buttonOutline: colors.mainYellow,
86
+ buttonTextShadow: '-1px -1px 1px rgba(255, 255, 255, 0.3), 1px 1px 1px rgba(0, 0, 0, 0.2)',
87
+ buttonBg: colors.yellow30,
88
+ buttonBgDisabled: colors.mainGray33,
89
+ buttonColor: colors.mainGray58,
90
+ buttonColorHover: colors.mainGray41,
91
+ buttonColorSelected: colors.mainGray33,
92
+ buttonColorDisabled: colors.mainGray99,
93
+ },
94
+ loader: {
95
+ loaderBackdropFilter: `blur(2px) contrast(0.5) brightness(0.5) opacity(0.75)`,
96
+ loaderTextColor: colors.mainGold,
97
+ loaderTextShadow: colors.mainWhite,
98
+ loaderDotsGradientC: colors.mainGold,
99
+ loaderDotsGradientD: colors.yellow20,
100
+ loaderGrowColor: colors.mainGold,
101
+ loaderGrowBorderColor: colors.mainYellow,
102
+ loaderGrowBackground: `linear-gradient(to bottom, ${colors.yellow30} 5%, ${colors.mainYellow} 100%)`,
103
+ loaderSpinBorderColor: colors.mainGold,
104
+ loaderSpinBorderAfterColor: `${colors.yellow20} #0000`,
105
+ loaderSpinBorderBeforeColor: `${colors.mainGold} #0000`,
106
+ },
107
+ textfield: {
108
+ color: colors.yellow30,
109
+ borderColor: colors.mainYellow,
110
+ bgColorTop: colors.yellow30,
111
+ bgColorBottom: colors.mainYellow,
112
+ autofillBorder: colors.mainGray97,
113
+ autofillBoxShadow: colors.mainGray97,
114
+ autofillColor: colors.mainGray81,
115
+ inputBorder: colors.mainGray81,
116
+ inputBgTop: colors.mainYellow,
117
+ inputBgBottom: colors.yellow30,
118
+ inputColor: colors.mainGray33,
119
+ inputFocusBorderColor: colors.mainGray55,
120
+ inputFocusBoxShadow: colors.mainGray33,
121
+ inputFocusColor: colors.mainGray33,
122
+ placeholderColor: colors.mainGray66,
123
+ iconTextShadow: colors.mainGray97,
124
+ },
125
+ borderRadius: '35px',
126
+ };
127
+ exports.default = ASThemeDefault;
@@ -1 +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"}
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,CAWxC,CAAC;AAEF,eAAe,eAAe,CAAC"}
@@ -2,7 +2,7 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const jsx_runtime_1 = require("react/jsx-runtime");
4
4
  const styles_1 = require("./styles");
5
- const EleventheyeIcon = ({ className = '', size = 24, color = '#0E82C9', fillColor = 'transparent', fillOpacity = 1, circleStrokeColor = 'transparent', }) => {
6
- 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 })] }) }));
5
+ const EleventheyeIcon = ({ className = '', size = 24, color = '#0E82C9' }) => {
6
+ 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 }) }) }));
7
7
  };
8
8
  exports.default = EleventheyeIcon;
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ import { IconProps } from './Icons.types';
3
+ declare const EmailIcon: React.FC<IconProps>;
4
+ export default EmailIcon;
5
+ //# sourceMappingURL=EmailIcon.d.ts.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const jsx_runtime_1 = require("react/jsx-runtime");
4
+ const styles_1 = require("./styles");
5
+ const EmailIcon = ({ className = '', style, size = 24, color = '#fffff0', fillColor = 'transparent', fillOpacity = 1, circleStrokeColor = '#fffff0', }) => {
6
+ 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 })] }) }));
7
+ };
8
+ exports.default = EmailIcon;
@@ -10,6 +10,8 @@ export * from './DeleteIcon';
10
10
  export { default as DeleteIcon } from './DeleteIcon';
11
11
  export * from './EleventheyeIcon';
12
12
  export { default as EleventheyeIcon } from './EleventheyeIcon';
13
+ export * from './EmailIcon';
14
+ export { default as EmailIcon } from './EmailIcon';
13
15
  export * from './EyeIcon';
14
16
  export { default as EyeIcon } from './EyeIcon';
15
17
  export * from './EyeSlashIcon';
@@ -1 +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"}
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,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"}