@eleventheye/asui 1.10.0 → 1.11.0

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

@@ -15,6 +15,19 @@ export declare enum LoaderType {
 export type SizeToClsType = {
     [key in ASComponentSize]: string;
 };
+export type ASLoaderTheme = {
+    loaderBackdropFilter: string;
+    loaderTextColor: string;
+    loaderTextShadow: string;
+    loaderGrowColor: string;
+    loaderGrowBorderColor: string;
+    loaderGrowBackground: string;
+    loaderSpinBorderColor: string;
+    loaderSpinBorderAfterColor: string;
+    loaderSpinBorderBeforeColor: string;
+    loaderDotsGradientC: string;
+    loaderDotsGradientD: string;
+};
 export interface ASTheme {
     textfield: {
         color: string;
@@ -54,19 +67,7 @@ export interface ASTheme {
         buttonColorSelected: string;
         buttonColorDisabled: string;
     };
-    loader: {
-        loaderBackdropFilter: string;
-        loaderTextColor: string;
-        loaderTextShadow: string;
-        loaderGrowColor: string;
-        loaderGrowBorderColor: string;
-        loaderGrowBackground: string;
-        loaderSpinBorderColor: string;
-        loaderSpinBorderAfterColor: string;
-        loaderSpinBorderBeforeColor: string;
-        loaderDotsGradientC: string;
-        loaderDotsGradientD: string;
-    };
+    loader: ASLoaderTheme;
     colors: {
         mainGold: string;
         mainYellow: string;

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":"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"}
+{"version":3,"file":"ASUI.types.d.ts","sourceRoot":"","sources":["../../src/apptypes/ASUI.types.ts"],"names":[],"mappings":"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"}

package/dist/asbutton/index.d.ts

@@ -1,2 +1,3 @@
 export { default } from './ASButton';
+export type { ASButtonProps } from './ASButton';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/asbutton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/asbutton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/asbutton/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAElE,eAAO,MAAM,cAAc;WAAuB,OAAO;UAAQ,eAAe;YAoH/E,CAAC;AAEF,eAAO,MAAM,aAAa;WAAuB,eAAe;YAG/D,CAAC;AAEF,eAAO,MAAM,cAAc,6NAG1B,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/asbutton/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAElE,eAAO,MAAM,cAAc;WAAuB,OAAO;UAAQ,eAAe;YAuH/E,CAAC;AAEF,eAAO,MAAM,aAAa;WAAuB,eAAe;YAG/D,CAAC;AAEF,eAAO,MAAM,cAAc,6NAG1B,CAAC"}

package/dist/asbutton/styles.js

@@ -22,21 +22,24 @@ exports.ASButtonStyled = styled_components_1.default.div `
   text-transform: uppercase;
   text-align: center;
 
+  // button height = 50px
   &.ASLarge {
     font-size: 1.5rem;
     line-height: 2.5rem;
     min-height: 40px;
   }
 
+  // button height = 40px
   &.ASMedium {
     font-size: 1.2rem;
     line-height: 2.25rem;
     min-height: 30px;
   }
 
+  // button height = 30px
   &.ASSmall {
     font-size: 1rem;
-    line-height: 1.65rem;
+    line-height: 1.875rem;
     min-height: 20px;
   }
 

package/dist/asloader/ASLoader.d.ts

@@ -1,13 +1,15 @@
 import React from 'react';
-import { ASComponentSize, ASTheme, LoaderType } from '../apptypes/ASUI.types';
-type ASLoaderProps = {
+import { CSSProperties } from 'styled-components';
+import { ASComponentSize, ASLoaderTheme, LoaderType } from '../apptypes/ASUI.types';
+export interface ASLoaderProps {
     className?: string;
-    loaderType?: LoaderType;
-    size?: ASComponentSize;
     showLoader?: boolean;
+    size?: ASComponentSize;
+    loaderType?: LoaderType;
     isModal?: boolean;
-    theme?: ASTheme;
-};
+    style?: CSSProperties;
+    theme?: ASLoaderTheme;
+}
 declare const ASLoader: React.FC<ASLoaderProps>;
 export { ASLoader as default, LoaderType };
 //# sourceMappingURL=ASLoader.d.ts.map

package/dist/asloader/ASLoader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ASLoader.d.ts","sourceRoot":"","sources":["../../src/asloader/ASLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAmB9E,KAAK,aAAa,GAAG;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA+DrC,CAAC;AAsCF,OAAO,EAAE,QAAQ,IAAI,OAAO,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"ASLoader.d.ts","sourceRoot":"","sources":["../../src/asloader/ASLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAYpF,MAAM,WAAW,aAAa;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IAQnB,UAAU,CAAC,EAAE,OAAO,CAAC;IASrB,IAAI,CAAC,EAAE,eAAe,CAAC;IASvB,UAAU,CAAC,EAAE,UAAU,CAAC;IAQxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAOlB,KAAK,CAAC,EAAE,aAAa,CAAC;IAQtB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA+DrC,CAAC;AAsCF,OAAO,EAAE,QAAQ,IAAI,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/asloader/ASLoader.js

@@ -9,7 +9,7 @@ const ASUI_types_1 = require("../apptypes/ASUI.types");
 Object.defineProperty(exports, "LoaderType", { enumerable: true, get: function () { return ASUI_types_1.LoaderType; } });
 const styles_1 = require("../asloader/styles");
 const ASThemeDefault_1 = tslib_1.__importDefault(require("../astheme/ASThemeDefault"));
-const ASLoader = ({ className = '', loaderType = ASUI_types_1.LoaderType.Grow, size = ASUI_types_1.ASComponentSize.Medium, isModal = false, theme = ASThemeDefault_1.default, ...props }) => {
+const ASLoader = ({ className = '', loaderType = ASUI_types_1.LoaderType.Grow, size = ASUI_types_1.ASComponentSize.Medium, isModal = false, theme = ASThemeDefault_1.default.loader, ...props }) => {
     const [localLoaderType, setLoaderType] = (0, react_1.useState)(loaderType);
     const [loaderSizeCls, setLoaderSizeCls] = (0, react_1.useState)(size);
     (0, react_1.useEffect)(() => {
@@ -44,9 +44,9 @@ exports.default = ASLoader;
 const ASLoaderGrow = ({ size = ASUI_types_1.ASComponentSize.Large, theme = ASThemeDefault_1.default }) => {
     return ((0, jsx_runtime_1.jsx)(styles_1.ASLoaderGrowStyled, { className: `${size}`, size: size, theme: theme, children: (0, jsx_runtime_1.jsx)(styles_1.ASLoaderText, { size: size, theme: theme, children: "LOADING" }) }));
 };
-const ASLoaderDots = ({ size = ASUI_types_1.ASComponentSize.Large, theme = ASThemeDefault_1.default, className = '', }) => {
+const ASLoaderDots = ({ size = ASUI_types_1.ASComponentSize.Large, theme = ASThemeDefault_1.default.loader, className = '', }) => {
     return (0, jsx_runtime_1.jsx)(styles_1.ASLoaderDotsStyled, { className: size, size: size, theme: theme });
 };
-const ASLoaderSpin = ({ className = '', size = ASUI_types_1.ASComponentSize.Large, theme = ASThemeDefault_1.default, }) => {
+const ASLoaderSpin = ({ className = '', size = ASUI_types_1.ASComponentSize.Large, theme = ASThemeDefault_1.default.loader, }) => {
     return ((0, jsx_runtime_1.jsx)(styles_1.ASLoaderSpinStyled, { className: className, size: size, theme: theme, children: (0, jsx_runtime_1.jsx)(styles_1.ASLoaderInnerSpinStyled, { size: size, theme: theme }) }));
 };

package/dist/asloader/index.d.ts

@@ -1,2 +1,3 @@
 export { default } from './ASLoader';
+export type { ASLoaderProps } from './ASLoader';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/asloader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/asloader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}

package/dist/asloader/styles.d.ts

@@ -1,24 +1,26 @@
-import { ASComponentSize, ASTheme } from '../apptypes/ASUI.types';
+import { ASLoaderTheme, ASComponentSize as ASSize } from '../apptypes/ASUI.types';
 export declare const ASLoaderModalContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    theme: ASTheme;
+    theme: ASLoaderTheme;
 }>> & string;
 export declare const ASLoaderNonModalContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const ASLoaderText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
-    size: ASComponentSize;
-    theme: ASTheme;
+    size: ASSize;
+    theme: ASLoaderTheme;
 }>> & string;
 export declare const ASLoaderGrowStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    size: ASComponentSize;
-    theme: ASTheme;
+    size: ASSize;
+    theme: ASLoaderTheme;
 }>> & string;
 export declare const ASLoaderDotsStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    size: ASComponentSize;
+    size: ASSize;
+    theme: ASLoaderTheme;
 }>> & string;
 export declare const ASLoaderSpinStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    size: ASComponentSize;
+    size: ASSize;
 }>> & string;
 export declare const ASLoaderInnerSpinStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    size: ASComponentSize;
-    theme: ASTheme;
+    size: ASSize;
+    theme: ASLoaderTheme;
 }>> & string;
+export declare const StorybookLoaderWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/asloader/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AA2BlE,eAAO,MAAM,sBAAsB;WAAuB,OAAO;YAOhE,CAAC;AAEF,eAAO,MAAM,yBAAyB,6NAKrC,CAAC;AAEF,eAAO,MAAM,YAAY;UAAuB,eAAe;WAAS,OAAO;YAe9E,CAAC;AAGF,eAAO,MAAM,kBAAkB;UAAsB,eAAe;WAAS,OAAO;YAsBnF,CAAC;AAEF,eAAO,MAAM,kBAAkB;UAAsB,eAAe;YAmBnE,CAAC;AAEF,eAAO,MAAM,kBAAkB;UAAsB,eAAe;YAiBnE,CAAC;AAEF,eAAO,MAAM,uBAAuB;UAAsB,eAAe;WAAS,OAAO;YAmCxF,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/asloader/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,wBAAwB,CAAC;AA2BlF,eAAO,MAAM,sBAAsB;WAAuB,aAAa;YAOtE,CAAC;AAEF,eAAO,MAAM,yBAAyB,6NAKrC,CAAC;AAEF,eAAO,MAAM,YAAY;UAAuB,MAAM;WAAS,aAAa;YAa3E,CAAC;AAGF,eAAO,MAAM,kBAAkB;UAAsB,MAAM;WAAS,aAAa;YAqBhF,CAAC;AAEF,eAAO,MAAM,kBAAkB;UAAsB,MAAM;WAAS,aAAa;YAkBhF,CAAC;AAEF,eAAO,MAAM,kBAAkB;UAAsB,MAAM;YAO1D,CAAC;AAEF,eAAO,MAAM,uBAAuB;UAAsB,MAAM;WAAS,aAAa;YA2BrF,CAAC;AAEF,eAAO,MAAM,sBAAsB,6NAGlC,CAAC"}

package/dist/asloader/styles.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ASLoaderInnerSpinStyled = exports.ASLoaderSpinStyled = exports.ASLoaderDotsStyled = exports.ASLoaderGrowStyled = exports.ASLoaderText = exports.ASLoaderNonModalContainer = exports.ASLoaderModalContainer = void 0;
+exports.StorybookLoaderWrapper = exports.ASLoaderInnerSpinStyled = exports.ASLoaderSpinStyled = exports.ASLoaderDotsStyled = exports.ASLoaderGrowStyled = exports.ASLoaderText = exports.ASLoaderNonModalContainer = exports.ASLoaderModalContainer = void 0;
 const tslib_1 = require("tslib");
 const styled_components_1 = tslib_1.__importStar(require("styled-components"));
 const ASUI_types_1 = require("../apptypes/ASUI.types");
@@ -29,7 +29,7 @@ const loaderDots = (0, styled_components_1.keyframes) `
 exports.ASLoaderModalContainer = styled_components_1.default.div `
   position: absolute;
   inset: 0;
-  backdrop-filter: ${({ theme }) => theme.loader.loaderBackdropFilter};
+  backdrop-filter: ${({ theme }) => theme.loaderBackdropFilter};
   z-index: 100;
   pointer-events: all;
   overflow: hidden;
@@ -42,44 +42,45 @@ exports.ASLoaderNonModalContainer = styled_components_1.default.div `
 `;
 exports.ASLoaderText = styled_components_1.default.span `
   position: absolute;
-  color: ${({ theme }) => theme.loader.loaderTextColor};
+  color: ${({ theme }) => theme.loaderTextColor};
   text-align: center;
-  text-shadow: 0 0 5px ${({ theme }) => theme.loader.loaderTextShadow};
+  text-shadow: 0 0 5px ${({ theme }) => theme.loaderTextShadow};
   z-index: 101;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
 
-  font-size: ${({ size }) => size === ASUI_types_1.ASComponentSize.Large ? '2.5rem' : size === ASUI_types_1.ASComponentSize.Medium ? '1.25rem' : '0.7rem'};
-  font-weight: ${({ size }) => size === ASUI_types_1.ASComponentSize.Large ? '700' : size === ASUI_types_1.ASComponentSize.Medium ? '500' : '300'};
+  font-size: ${({ size }) => (size === ASUI_types_1.ASComponentSize.Large ? '2.5rem' : size === ASUI_types_1.ASComponentSize.Medium ? '1.85rem' : '1.25rem')};
+  font-weight: ${({ size }) => (size === ASUI_types_1.ASComponentSize.Large ? '700' : size === ASUI_types_1.ASComponentSize.Medium ? '500' : '500')};
   letter-spacing: ${({ size }) => (size === ASUI_types_1.ASComponentSize.Small ? '0.1rem' : '0.2rem')};
 `;
 exports.ASLoaderGrowStyled = styled_components_1.default.div `
-  color: ${({ theme }) => theme.loader.loaderGrowColor};
-  border-color: ${({ theme }) => theme.loader.loaderGrowBorderColor};
-  border-style: solid;
   position: relative;
+  color: ${({ theme }) => theme.loaderGrowColor};
+  border: 3px solid ${({ theme }) => theme.loaderGrowBorderColor};
+  border-radius: 30px;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
+  overflow: hidden;
 
   &::before {
     content: '';
     position: absolute;
     inset: 0 100% 0 0;
     border-radius: inherit;
-    background: ${({ theme }) => theme.loader.loaderGrowBackground};
+    background: ${({ theme }) => theme.loaderGrowBackground};
     animation: ${loaderGrow} 2s infinite alternate;
   }
 
-  width: ${({ size }) => size === ASUI_types_1.ASComponentSize.Large ? '100px' : size === ASUI_types_1.ASComponentSize.Medium ? '50px' : '25px'};
-  height: ${({ size }) => size === ASUI_types_1.ASComponentSize.Large ? '100px' : size === ASUI_types_1.ASComponentSize.Medium ? '50px' : '25px'};
+  width: ${({ size }) => (size === ASUI_types_1.ASComponentSize.Large ? '200px' : size === ASUI_types_1.ASComponentSize.Medium ? '160px' : '120px')};
+  height: ${({ size }) => (size === ASUI_types_1.ASComponentSize.Large ? '44px' : size === ASUI_types_1.ASComponentSize.Medium ? '34px' : '24px')};
 `;
 exports.ASLoaderDotsStyled = styled_components_1.default.div `
   width: 64px;
   height: 64px;
-  --c: radial-gradient(farthest-side, #ffd700 90%, #0000);
-  --d: radial-gradient(farthest-side, #ffbe5c 90%, #0000);
+  --c: ${({ theme }) => theme.loaderDotsGradientC}; //radial-gradient(farthest-side, #ffd700 90%, #0000);
+  --d: ${({ theme }) => theme.loaderDotsGradientD}; //radial-gradient(farthest-side, #ffbe5c 90%, #0000);
   background: var(--c) 0 0, var(--d) 100% 0, var(--c) 100% 100%, var(--d) 0 100%;
   background-size: 24px 24px;
   background-repeat: no-repeat;
@@ -90,7 +91,7 @@ exports.ASLoaderDotsStyled = styled_components_1.default.div `
   transform: translate(-50%, -50%);
 
   width: ${({ size }) => (size === ASUI_types_1.ASComponentSize.Large ? '64px' : size === ASUI_types_1.ASComponentSize.Medium ? '32px' : '16px')};
-  height: ${({ size }) => size === ASUI_types_1.ASComponentSize.Large ? '64px' : size === ASUI_types_1.ASComponentSize.Medium ? '32px' : '16px'};
+  height: ${({ size }) => (size === ASUI_types_1.ASComponentSize.Large ? '64px' : size === ASUI_types_1.ASComponentSize.Medium ? '32px' : '16px')};
   background-size: ${({ size }) => size === ASUI_types_1.ASComponentSize.Large ? '24px 24px' : size === ASUI_types_1.ASComponentSize.Medium ? '12px 12px' : '6px 6px'};
 `;
 exports.ASLoaderSpinStyled = styled_components_1.default.div `
@@ -98,26 +99,19 @@ exports.ASLoaderSpinStyled = styled_components_1.default.div `
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
-  width: ${({ size }) => size === ASUI_types_1.ASComponentSize.Large ? '100px' : size === ASUI_types_1.ASComponentSize.Medium ? '50px' : '30px'};
-  height: ${({ size }) => size === ASUI_types_1.ASComponentSize.Large ? '100px' : size === ASUI_types_1.ASComponentSize.Medium ? '50px' : '30px'};
-
-  // width: 120px;
-  // height: 22px;
-  // border-radius: 20px;
-  // border-width: 2px;
-  // &::before {
-  //   margin: 2px;
-  // }
+  width: ${({ size }) => (size === ASUI_types_1.ASComponentSize.Large ? '100px' : size === ASUI_types_1.ASComponentSize.Medium ? '50px' : '30px')};
+  height: ${({ size }) => (size === ASUI_types_1.ASComponentSize.Large ? '100px' : size === ASUI_types_1.ASComponentSize.Medium ? '50px' : '30px')};
 `;
 exports.ASLoaderInnerSpinStyled = styled_components_1.default.div `
   display: grid;
+  position: absolute;
   border-style: solid;
   border-radius: 50%;
-  border-color: ${({ theme }) => theme.loader.loaderSpinBorderColor};
+  border-color: ${({ theme }) => theme.loaderSpinBorderColor};
   animation: ${loaderSpin} 6s infinite linear;
-  position: absolute;
-  width: ${({ size }) => size === ASUI_types_1.ASComponentSize.Large ? '100px' : size === ASUI_types_1.ASComponentSize.Medium ? '50px' : '26px'};
-  height: ${({ size }) => size === ASUI_types_1.ASComponentSize.Large ? '100px' : size === ASUI_types_1.ASComponentSize.Medium ? '50px' : '26px'};
+  width: ${({ size }) => (size === ASUI_types_1.ASComponentSize.Large ? '84px' : size === ASUI_types_1.ASComponentSize.Medium ? '42px' : '26px')};
+  height: ${({ size }) => (size === ASUI_types_1.ASComponentSize.Large ? '84px' : size === ASUI_types_1.ASComponentSize.Medium ? '42px' : '26px')};
+  border-width: ${({ size }) => (size === ASUI_types_1.ASComponentSize.Large ? '8px' : size === ASUI_types_1.ASComponentSize.Medium ? '4px' : '2px')};
 
   &::before,
   &::after {
@@ -125,19 +119,18 @@ exports.ASLoaderInnerSpinStyled = styled_components_1.default.div `
     grid-area: 1/1;
     border: inherit;
     border-radius: 50%;
-    border-color: ${({ theme }) => theme.loader.loaderSpinBorderAfterColor};
+    border-color: ${({ theme }) => theme.loaderSpinBorderBeforeColor};
+    margin: ${({ size }) => (size === ASUI_types_1.ASComponentSize.Large ? '16px' : size === ASUI_types_1.ASComponentSize.Medium ? '8px' : '4px')};
   }
 
   &::before {
-    border-color: ${({ theme }) => theme.loader.loaderSpinBorderBeforeColor};
+    border-color: ${({ theme }) => theme.loaderSpinBorderBeforeColor};
     animation: inherit;
     animation-duration: 1s;
-    animation-direction: reverse;
-  }
-
-  border-width: ${({ size }) => size === ASUI_types_1.ASComponentSize.Large ? '8px' : size === ASUI_types_1.ASComponentSize.Medium ? '4px' : '2px'};
-  &::before,
-  &::after {
-    margin: ${({ size }) => size === ASUI_types_1.ASComponentSize.Large ? '16px' : size === ASUI_types_1.ASComponentSize.Medium ? '8px' : '4px'};
+    // animation-direction: reverse;
   }
 `;
+exports.StorybookLoaderWrapper = styled_components_1.default.div `
+  position: relative;
+  min-height: 100px;
+`;

package/dist/astextfield/ASTextField.d.ts

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

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;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"}
+{"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,MAAM,MAAM,gBAAgB,GAAG;IAC7B,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/index.d.ts

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

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

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

package/dist/astheme/ASThemeDefault.js

@@ -93,16 +93,16 @@ const ASThemeDefault = {
     },
     loader: {
         loaderBackdropFilter: `blur(2px) contrast(0.5) brightness(0.5) opacity(0.75)`,
-        loaderTextColor: colors.mainGold,
+        loaderTextColor: colors.mainGray47,
         loaderTextShadow: colors.mainWhite,
-        loaderDotsGradientC: colors.mainGold,
-        loaderDotsGradientD: colors.yellow20,
         loaderGrowColor: colors.mainGold,
         loaderGrowBorderColor: colors.mainYellow,
         loaderGrowBackground: `linear-gradient(to bottom, ${colors.yellow30} 5%, ${colors.mainYellow} 100%)`,
         loaderSpinBorderColor: colors.mainGold,
         loaderSpinBorderAfterColor: `${colors.yellow20} #0000`,
         loaderSpinBorderBeforeColor: `${colors.mainGold} #0000`,
+        loaderDotsGradientC: `radial-gradient(farthest-side, #ffd700 90%, #0000)`,
+        loaderDotsGradientD: `radial-gradient(farthest-side, #ffbe5c 90%, #0000)`,
     },
     textfield: {
         color: colors.yellow30,

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,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"}
+{"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;AAEjE,cAAc,eAAe,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC"}

package/dist/icons/styles.d.ts

@@ -1,2 +1,3 @@
 export declare const IconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StorybookIconsWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/icons/styles.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,6NAMzB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/icons/styles.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,6NAMzB,CAAC;AAEF,eAAO,MAAM,qBAAqB,6NAMjC,CAAC"}

package/dist/icons/styles.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.IconContainer = void 0;
+exports.StorybookIconsWrapper = exports.IconContainer = void 0;
 const tslib_1 = require("tslib");
 const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
 exports.IconContainer = styled_components_1.default.div `
@@ -10,3 +10,10 @@ exports.IconContainer = styled_components_1.default.div `
   align-items: center;
   flex-wrap: nowrap;
 `;
+exports.StorybookIconsWrapper = styled_components_1.default.div `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  flex-wrap: wrap;
+`;

package/package.json

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