@eleventheye/asui 2.5.5 → 2.7.1

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 (148) hide show
  1. package/dist/apptypes/ASUI.types.d.ts +42 -3
  2. package/dist/apptypes/ASUI.types.d.ts.map +1 -1
  3. package/dist/apptypes/ASUI.types.js +18 -1
  4. package/dist/apptypes/index.d.ts +1 -1
  5. package/dist/apptypes/index.d.ts.map +1 -1
  6. package/dist/apptypes/index.js +5 -1
  7. package/dist/asdropdown/ASDropdown.js +1 -1
  8. package/dist/asiconbutton/ASIconButton.d.ts +5 -0
  9. package/dist/asiconbutton/ASIconButton.d.ts.map +1 -0
  10. package/dist/asiconbutton/ASIconButton.js +31 -0
  11. package/dist/asiconbutton/ASIconButton.types.d.ts +17 -0
  12. package/dist/asiconbutton/ASIconButton.types.d.ts.map +1 -0
  13. package/dist/asiconbutton/ASIconButton.types.js +2 -0
  14. package/dist/asiconbutton/index.d.ts +3 -0
  15. package/dist/asiconbutton/index.d.ts.map +1 -0
  16. package/dist/asiconbutton/index.js +6 -0
  17. package/dist/asiconbutton/styles.d.ts +6 -0
  18. package/dist/asiconbutton/styles.d.ts.map +1 -0
  19. package/dist/asiconbutton/styles.js +179 -0
  20. package/dist/asmodal/ASModal.d.ts +5 -0
  21. package/dist/asmodal/ASModal.d.ts.map +1 -0
  22. package/dist/asmodal/ASModal.js +31 -0
  23. package/dist/asmodal/ASModal.types.d.ts +8 -0
  24. package/dist/asmodal/ASModal.types.d.ts.map +1 -0
  25. package/dist/asmodal/ASModal.types.js +2 -0
  26. package/dist/asmodal/index.d.ts +3 -0
  27. package/dist/asmodal/index.d.ts.map +1 -0
  28. package/dist/asmodal/index.js +6 -0
  29. package/dist/asmodal/styles.d.ts +2 -0
  30. package/dist/asmodal/styles.d.ts.map +1 -0
  31. package/dist/asmodal/styles.js +14 -0
  32. package/dist/asnavbar/ASNavBar.d.ts +5 -1
  33. package/dist/asnavbar/ASNavBar.d.ts.map +1 -1
  34. package/dist/asnavbar/ASNavBar.js +76 -45
  35. package/dist/asnavbar/ASNavBar.types.d.ts +8 -3
  36. package/dist/asnavbar/ASNavBar.types.d.ts.map +1 -1
  37. package/dist/asnavbar/desktop/ASNavBarDW.d.ts +5 -0
  38. package/dist/asnavbar/desktop/ASNavBarDW.d.ts.map +1 -0
  39. package/dist/asnavbar/desktop/ASNavBarDW.js +87 -0
  40. package/dist/asnavbar/desktop/index.d.ts +3 -0
  41. package/dist/asnavbar/desktop/index.d.ts.map +1 -0
  42. package/dist/asnavbar/desktop/index.js +6 -0
  43. package/dist/asnavbar/desktop/styles.d.ts +37 -0
  44. package/dist/asnavbar/desktop/styles.d.ts.map +1 -0
  45. package/dist/asnavbar/desktop/styles.js +133 -0
  46. package/dist/asnavbar/mobile/ASNavBarMW.d.ts +5 -0
  47. package/dist/asnavbar/mobile/ASNavBarMW.d.ts.map +1 -0
  48. package/dist/asnavbar/mobile/ASNavBarMW.js +98 -0
  49. package/dist/asnavbar/mobile/index.d.ts +3 -0
  50. package/dist/asnavbar/mobile/index.d.ts.map +1 -0
  51. package/dist/asnavbar/mobile/index.js +6 -0
  52. package/dist/asnavbar/mobile/styles.d.ts +62 -0
  53. package/dist/asnavbar/mobile/styles.d.ts.map +1 -0
  54. package/dist/asnavbar/mobile/styles.js +247 -0
  55. package/dist/asnavbar/navbararrowbuttons/ASNavBarArrowButtons.d.ts +7 -0
  56. package/dist/asnavbar/navbararrowbuttons/ASNavBarArrowButtons.d.ts.map +1 -0
  57. package/dist/asnavbar/navbararrowbuttons/ASNavBarArrowButtons.js +23 -0
  58. package/dist/asnavbar/navbararrowbuttons/ASNavBarArrowButtons.types.d.ts +22 -0
  59. package/dist/asnavbar/navbararrowbuttons/ASNavBarArrowButtons.types.d.ts.map +1 -0
  60. package/dist/asnavbar/navbararrowbuttons/ASNavBarArrowButtons.types.js +2 -0
  61. package/dist/asnavbar/navbararrowbuttons/index.d.ts +3 -0
  62. package/dist/asnavbar/navbararrowbuttons/index.d.ts.map +1 -0
  63. package/dist/asnavbar/navbararrowbuttons/index.js +6 -0
  64. package/dist/asnavbar/navbararrowbuttons/styles.d.ts +42 -0
  65. package/dist/asnavbar/navbararrowbuttons/styles.d.ts.map +1 -0
  66. package/dist/asnavbar/navbararrowbuttons/styles.js +76 -0
  67. package/dist/asnavbar/{ASNavBarItem.d.ts → navbaritem/ASNavBarItem.d.ts} +1 -1
  68. package/dist/asnavbar/navbaritem/ASNavBarItem.d.ts.map +1 -0
  69. package/dist/asnavbar/navbaritem/ASNavBarItem.js +49 -0
  70. package/dist/asnavbar/navbaritem/index.d.ts +3 -0
  71. package/dist/asnavbar/navbaritem/index.d.ts.map +1 -0
  72. package/dist/asnavbar/navbaritem/index.js +6 -0
  73. package/dist/asnavbar/navbaritem/styles.d.ts +11 -0
  74. package/dist/asnavbar/navbaritem/styles.d.ts.map +1 -0
  75. package/dist/asnavbar/navbaritem/styles.js +73 -0
  76. package/dist/asnavbar/navbarpickpanel/ASNavBarPickPanel.d.ts +5 -0
  77. package/dist/asnavbar/navbarpickpanel/ASNavBarPickPanel.d.ts.map +1 -0
  78. package/dist/asnavbar/navbarpickpanel/ASNavBarPickPanel.js +27 -0
  79. package/dist/asnavbar/navbarpickpanel/ASNavBarPickPanel.types.d.ts +14 -0
  80. package/dist/asnavbar/navbarpickpanel/ASNavBarPickPanel.types.d.ts.map +1 -0
  81. package/dist/asnavbar/navbarpickpanel/ASNavBarPickPanel.types.js +2 -0
  82. package/dist/asnavbar/navbarpickpanel/index.d.ts +3 -0
  83. package/dist/asnavbar/navbarpickpanel/index.d.ts.map +1 -0
  84. package/dist/asnavbar/navbarpickpanel/index.js +6 -0
  85. package/dist/asnavbar/navbarpickpanel/styles.d.ts +11 -0
  86. package/dist/asnavbar/navbarpickpanel/styles.d.ts.map +1 -0
  87. package/dist/asnavbar/navbarpickpanel/styles.js +59 -0
  88. package/dist/asnavbar/navbarpickpanelitem/ASNavBarPickPanelItem.d.ts +5 -0
  89. package/dist/asnavbar/navbarpickpanelitem/ASNavBarPickPanelItem.d.ts.map +1 -0
  90. package/dist/asnavbar/{ASNavBarItem.js → navbarpickpanelitem/ASNavBarPickPanelItem.js} +8 -6
  91. package/dist/asnavbar/navbarpickpanelitem/index.d.ts +3 -0
  92. package/dist/asnavbar/navbarpickpanelitem/index.d.ts.map +1 -0
  93. package/dist/asnavbar/navbarpickpanelitem/index.js +6 -0
  94. package/dist/asnavbar/navbarpickpanelitem/styles.d.ts +11 -0
  95. package/dist/asnavbar/navbarpickpanelitem/styles.d.ts.map +1 -0
  96. package/dist/asnavbar/navbarpickpanelitem/styles.js +70 -0
  97. package/dist/asnavbar/styles.d.ts +3 -20
  98. package/dist/asnavbar/styles.d.ts.map +1 -1
  99. package/dist/asnavbar/styles.js +69 -96
  100. package/dist/astextfield/ASTextField.js +1 -1
  101. package/dist/astheme/ASThemeDefault.d.ts.map +1 -1
  102. package/dist/astheme/ASThemeDefault.js +6 -0
  103. package/dist/asutils/screenSizeHelpers.d.ts +2 -0
  104. package/dist/asutils/screenSizeHelpers.d.ts.map +1 -0
  105. package/dist/asutils/screenSizeHelpers.js +18 -0
  106. package/dist/icons/ASIcon.d.ts.map +1 -1
  107. package/dist/icons/ASIcon.js +4 -4
  108. package/dist/icons/AddItemIcon.js +1 -1
  109. package/dist/icons/AddUserIcon.js +1 -1
  110. package/dist/icons/ArrowLeftIcon.js +1 -1
  111. package/dist/icons/ArrowRightIcon.js +1 -1
  112. package/dist/icons/CalendarRangeIcon.js +1 -1
  113. package/dist/icons/CheckIcon.js +1 -1
  114. package/dist/icons/CloseIcon.js +1 -1
  115. package/dist/icons/DeleteIcon.d.ts.map +1 -1
  116. package/dist/icons/DeleteIcon.js +2 -2
  117. package/dist/icons/EleventheyeIcon.js +1 -1
  118. package/dist/icons/EmailIcon.js +1 -1
  119. package/dist/icons/ErrorIcon.js +1 -1
  120. package/dist/icons/EyeIcon.js +1 -1
  121. package/dist/icons/EyeSlashIcon.js +1 -1
  122. package/dist/icons/FootballIcon.js +1 -1
  123. package/dist/icons/GamesIcon.js +1 -1
  124. package/dist/icons/GearUserIcon.js +1 -1
  125. package/dist/icons/HeartIcon.js +1 -1
  126. package/dist/icons/HexagonIcon.js +1 -1
  127. package/dist/icons/HomeIcon.js +1 -1
  128. package/dist/icons/Icons.types.d.ts +2 -2
  129. package/dist/icons/Icons.types.d.ts.map +1 -1
  130. package/dist/icons/LockIcon.js +1 -1
  131. package/dist/icons/PasswordIcon.js +1 -1
  132. package/dist/icons/PenIcon.js +1 -1
  133. package/dist/icons/PodiumIcon.js +1 -1
  134. package/dist/icons/ReplayIcon.js +1 -1
  135. package/dist/icons/RulerIcon.js +1 -1
  136. package/dist/icons/SaveIcon.js +1 -1
  137. package/dist/icons/SearchIcon.js +1 -1
  138. package/dist/icons/StatsIcon.js +1 -1
  139. package/dist/icons/TimeLapseIcon.js +1 -1
  140. package/dist/icons/UnlockIcon.js +1 -1
  141. package/dist/icons/UserSettingsIcon.js +1 -1
  142. package/dist/icons/styles.d.ts.map +1 -1
  143. package/dist/icons/styles.js +2 -0
  144. package/dist/index.d.ts +7 -3
  145. package/dist/index.d.ts.map +1 -1
  146. package/dist/index.js +8 -2
  147. package/package.json +1 -1
  148. package/dist/asnavbar/ASNavBarItem.d.ts.map +0 -1
@@ -1,3 +1,12 @@
1
+ export declare const ScreenSize: {
2
+ readonly Small: "sml";
3
+ readonly Medium: "med";
4
+ readonly Large: "lrg";
5
+ readonly ExtraLarge: "xl";
6
+ readonly ExtraExtraLarge: "xxl";
7
+ readonly ExtraExtraExtraLarge: "xxxl";
8
+ };
9
+ export type ASScreenSize = (typeof ScreenSize)[keyof typeof ScreenSize];
1
10
  export declare const ComponentSize: {
2
11
  readonly Small: "ASSmall";
3
12
  readonly Medium: "ASMedium";
@@ -14,7 +23,12 @@ export declare const LoaderType: {
14
23
  readonly Dots: "Dots";
15
24
  };
16
25
  export type ASLoaderType = (typeof LoaderType)[keyof typeof LoaderType];
17
- export type SizeToClsType = {
26
+ export declare const ArrowButtonDirection: {
27
+ readonly Left: "Left";
28
+ readonly Right: "Right";
29
+ };
30
+ export type ASComponentDirection = (typeof ArrowButtonDirection)[keyof typeof ArrowButtonDirection];
31
+ export type SizeAsClsType = {
18
32
  [key in ASComponentSize]: string;
19
33
  };
20
34
  export type ASLoaderTheme = {
@@ -49,6 +63,7 @@ export type ASButtonTheme = {
49
63
  buttonColorHover: string;
50
64
  buttonColorSelected: string;
51
65
  buttonColorDisabled: string;
66
+ buttonIconColor: string;
52
67
  };
53
68
  export type ASColorTheme = {
54
69
  mainGold: string;
@@ -175,13 +190,37 @@ export interface ASTheme {
175
190
  loader: ASLoaderTheme;
176
191
  colors: ASColorTheme;
177
192
  borderRadius: string;
193
+ fontFamily: string;
194
+ fontSize: string;
195
+ fontWeight: string;
196
+ fontFamilyFallback: string;
178
197
  }
198
+ export declare const DisplayMode: {
199
+ readonly None: "none";
200
+ readonly Mobile: "mobile";
201
+ readonly Desktop: "desktop";
202
+ };
203
+ export type ASDisplayMode = (typeof DisplayMode)[keyof typeof DisplayMode];
179
204
  export interface ASStyleOptions {
180
- $mobileMode?: boolean;
181
205
  $gap?: number;
182
- $maxWidth?: number;
183
206
  $borderRadius?: number;
184
207
  $padding?: string;
208
+ $margin?: string;
209
+ $maxWidth?: number;
210
+ $maxWidthUnit?: string;
211
+ $minWidth?: number;
212
+ $minWidthUnit?: string;
213
+ $height?: number;
214
+ $heightUnit?: string;
215
+ $width?: number;
216
+ $widthUnit?: string;
217
+ }
218
+ export interface ASNavBarStyleOptions extends ASStyleOptions {
219
+ $displayModeOverride: ASDisplayMode;
220
+ $mobileBreakpoint: number;
221
+ $disableTransitionsBetweenDisplayModes: boolean;
222
+ $hideNavArrowButtonsInDW: boolean;
223
+ $hideHorizontalScrollbarInDW: boolean;
185
224
  }
186
225
  export {};
187
226
  //# sourceMappingURL=ASUI.types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ASUI.types.d.ts","sourceRoot":"","sources":["../../src/apptypes/ASUI.types.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ASUI.types.d.ts","sourceRoot":"","sources":["../../src/apptypes/ASUI.types.ts"],"names":[],"mappings":"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"}
@@ -1,6 +1,14 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.LoaderType = exports.ComponentSize = void 0;
3
+ exports.DisplayMode = exports.ArrowButtonDirection = exports.LoaderType = exports.ComponentSize = exports.ScreenSize = void 0;
4
+ exports.ScreenSize = {
5
+ Small: 'sml',
6
+ Medium: 'med',
7
+ Large: 'lrg',
8
+ ExtraLarge: 'xl',
9
+ ExtraExtraLarge: 'xxl',
10
+ ExtraExtraExtraLarge: 'xxxl',
11
+ };
4
12
  exports.ComponentSize = {
5
13
  Small: 'ASSmall',
6
14
  Medium: 'ASMedium',
@@ -11,3 +19,12 @@ exports.LoaderType = {
11
19
  Spin: 'Spin',
12
20
  Dots: 'Dots',
13
21
  };
22
+ exports.ArrowButtonDirection = {
23
+ Left: 'Left',
24
+ Right: 'Right',
25
+ };
26
+ exports.DisplayMode = {
27
+ None: 'none',
28
+ Mobile: 'mobile',
29
+ Desktop: 'desktop',
30
+ };
@@ -1,3 +1,3 @@
1
1
  export type * from './ASUI.types';
2
- export { ComponentSize } from './ASUI.types';
2
+ export { ArrowButtonDirection, ComponentSize, DisplayMode, LoaderType, ScreenSize } from './ASUI.types';
3
3
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/apptypes/index.ts"],"names":[],"mappings":"AAAA,mBAAmB,cAAc,CAAC;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/apptypes/index.ts"],"names":[],"mappings":"AAAA,mBAAmB,cAAc,CAAC;AAClC,OAAO,EAAE,oBAAoB,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}
@@ -1,5 +1,9 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.ComponentSize = void 0;
3
+ exports.ScreenSize = exports.LoaderType = exports.DisplayMode = exports.ComponentSize = exports.ArrowButtonDirection = void 0;
4
4
  var ASUI_types_1 = require("./ASUI.types");
5
+ Object.defineProperty(exports, "ArrowButtonDirection", { enumerable: true, get: function () { return ASUI_types_1.ArrowButtonDirection; } });
5
6
  Object.defineProperty(exports, "ComponentSize", { enumerable: true, get: function () { return ASUI_types_1.ComponentSize; } });
7
+ Object.defineProperty(exports, "DisplayMode", { enumerable: true, get: function () { return ASUI_types_1.DisplayMode; } });
8
+ Object.defineProperty(exports, "LoaderType", { enumerable: true, get: function () { return ASUI_types_1.LoaderType; } });
9
+ Object.defineProperty(exports, "ScreenSize", { enumerable: true, get: function () { return ASUI_types_1.ScreenSize; } });
@@ -19,6 +19,6 @@ const ASDropdown = ({ className = '', theme = astheme_1.default, value = '', onC
19
19
  if (placeholder && !value) {
20
20
  options = [placeholder, ...options];
21
21
  }
22
- return ((0, jsx_runtime_1.jsxs)(styles_1.ASDropdownStyled, { theme: theme, className: baseCls, "$withIcon": !!Icon, style: props.style, "aria-disabled": disabled, children: [!!Icon && (0, jsx_runtime_1.jsx)(Icon, { className: "IconLayout", size: iconSize, fillColor: iconColor }), (0, jsx_runtime_1.jsx)(styles_1.ASDropdownSelect, { theme: theme, id: props.id ?? genericId, value: selectedValue, onChange: (e) => onChangeHandler(e.target.value), disabled: !!disabled, children: options.map((option) => ((0, jsx_runtime_1.jsx)(styles_1.ASDropdownOption, { theme: theme, value: option, children: option }, option))) })] }));
22
+ return ((0, jsx_runtime_1.jsxs)(styles_1.ASDropdownStyled, { theme: theme, className: baseCls, "$withIcon": !!Icon, style: props.style, "aria-disabled": disabled, children: [!!Icon && (0, jsx_runtime_1.jsx)(Icon, { className: "IconLayout", iconSize: iconSize, fillColor: iconColor }), (0, jsx_runtime_1.jsx)(styles_1.ASDropdownSelect, { theme: theme, id: props.id ?? genericId, value: selectedValue, onChange: (e) => onChangeHandler(e.target.value), disabled: !!disabled, children: options.map((option) => ((0, jsx_runtime_1.jsx)(styles_1.ASDropdownOption, { theme: theme, value: option, children: option }, option))) })] }));
23
23
  };
24
24
  exports.default = ASDropdown;
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ import { ASIconButtonProps } from './ASIconButton.types';
3
+ declare const ASIconButton: React.FC<ASIconButtonProps>;
4
+ export default ASIconButton;
5
+ //# sourceMappingURL=ASIconButton.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ASIconButton.d.ts","sourceRoot":"","sources":["../../src/asiconbutton/ASIconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAG/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAIzD,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAmE7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
@@ -0,0 +1,31 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const tslib_1 = require("tslib");
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const react_1 = require("react");
6
+ const ASUI_types_1 = require("../apptypes/ASUI.types");
7
+ const astheme_1 = tslib_1.__importDefault(require("../astheme"));
8
+ const styles_1 = require("./styles");
9
+ const ASIconButton = ({ className = '', onClick = () => undefined, selected = false, toggle = false, size = ASUI_types_1.ComponentSize.Medium, iconSize = size === ASUI_types_1.ComponentSize.Small ? 24 : size === ASUI_types_1.ComponentSize.Medium ? 28 : 40, paddingSize = [ASUI_types_1.ComponentSize.Medium, ASUI_types_1.ComponentSize.Medium], disabled = false, isLoading = false, icon: Icon, theme = astheme_1.default, strokeWidth = 1, strokeColor = astheme_1.default.button.buttonBg, fillColor = astheme_1.default.button.buttonColor, color = astheme_1.default.button.buttonColor, text, id, style, ...props }) => {
10
+ const [isSelected, setIsSelected] = (0, react_1.useState)(selected);
11
+ (0, react_1.useEffect)(() => {
12
+ setIsSelected(selected);
13
+ }, [selected]);
14
+ const onClickHandler = (e) => {
15
+ if (toggle)
16
+ setIsSelected(!isSelected);
17
+ onClick(e);
18
+ };
19
+ const onEnableDisableHandler = (node) => {
20
+ if (node) {
21
+ if (disabled || isLoading) {
22
+ node.setAttribute('inert', '');
23
+ }
24
+ else {
25
+ node.removeAttribute('inert');
26
+ }
27
+ }
28
+ };
29
+ return ((0, jsx_runtime_1.jsx)(styles_1.ASIconButtonStyled, { theme: theme, role: "button", ref: onEnableDisableHandler, size: size, "aria-disabled": isLoading ? 'true' : disabled.toString(), className: `${className} ${size} ${isSelected ? 'Selected' : ''}`, onClick: onClickHandler, style: style, id: id, ...props, children: (0, jsx_runtime_1.jsx)(Icon, { iconSize: iconSize, fillColor: fillColor, color: strokeColor, strokeWidth: strokeWidth }) }));
30
+ };
31
+ exports.default = ASIconButton;
@@ -0,0 +1,17 @@
1
+ import { ASComponentSize, ASPaddingSize, ASTheme } from '../apptypes/ASUI.types';
2
+ import { ASIcon, IconProps } from '../icons';
3
+ type ASIconButtonOwnProps = {
4
+ className?: string;
5
+ text?: string;
6
+ selected?: boolean;
7
+ toggle?: boolean;
8
+ size?: ASComponentSize;
9
+ iconSize?: number;
10
+ theme?: ASTheme;
11
+ paddingSize?: ASPaddingSize;
12
+ isLoading?: boolean;
13
+ icon: typeof ASIcon;
14
+ } & IconProps & Omit<React.HTMLProps<HTMLDivElement>, 'size'>;
15
+ export type ASIconButtonProps = React.PropsWithChildren<ASIconButtonOwnProps>;
16
+ export {};
17
+ //# sourceMappingURL=ASIconButton.types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ASIconButton.types.d.ts","sourceRoot":"","sources":["../../src/asiconbutton/ASIconButton.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjF,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAE7C,KAAK,oBAAoB,GAAG;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IAMnB,IAAI,CAAC,EAAE,MAAM,CAAC;IAWd,QAAQ,CAAC,EAAE,OAAO,CAAC;IASnB,MAAM,CAAC,EAAE,OAAO,CAAC;IASjB,IAAI,CAAC,EAAE,eAAe,CAAC;IAQvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAMlB,KAAK,CAAC,EAAE,OAAO,CAAC;IAOhB,WAAW,CAAC,EAAE,aAAa,CAAC;IAO5B,SAAS,CAAC,EAAE,OAAO,CAAC;IAOpB,IAAI,EAAE,OAAO,MAAM,CAAC;CACrB,GAAG,SAAS,GACX,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,MAAM,CAAC,CAAC;AAEhD,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,iBAAiB,CAAC,oBAAoB,CAAC,CAAC"}
@@ -0,0 +1,2 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
@@ -0,0 +1,3 @@
1
+ export { default } from './ASIconButton';
2
+ export type { ASIconButtonProps } from './ASIconButton.types';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/asiconbutton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,YAAY,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC"}
@@ -0,0 +1,6 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.default = void 0;
4
+ const tslib_1 = require("tslib");
5
+ var ASIconButton_1 = require("./ASIconButton");
6
+ Object.defineProperty(exports, "default", { enumerable: true, get: function () { return tslib_1.__importDefault(ASIconButton_1).default; } });
@@ -0,0 +1,6 @@
1
+ import { ASComponentSize, ASTheme } from '../apptypes/ASUI.types';
2
+ export declare const ASIconButtonStyled: 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
+ size: ASComponentSize;
5
+ }>> & string;
6
+ //# sourceMappingURL=styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/asiconbutton/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAElE,eAAO,MAAM,kBAAkB;WAAuB,OAAO;UAAQ,eAAe;YA6KnF,CAAC"}
@@ -0,0 +1,179 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.ASIconButtonStyled = void 0;
4
+ const tslib_1 = require("tslib");
5
+ const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
6
+ exports.ASIconButtonStyled = styled_components_1.default.div `
7
+ font-weight: 400;
8
+ min-height: 20px;
9
+ min-height: 20px;
10
+ aspect-ratio: 1;
11
+ cursor: pointer;
12
+ white-space: nowrap;
13
+ transition: all 0.25s ease-in-out;
14
+ position: relative;
15
+ display: inline-block;
16
+ border-radius: 75px;
17
+ box-shadow: ${({ theme }) => theme.button.buttonShadowNormal};
18
+ outline: 2px solid ${({ theme }) => theme.button.buttonOutline};
19
+ background-color: ${({ theme }) => theme.button.buttonBg};
20
+ background: ${({ theme }) => theme.button.buttonGradientDown};
21
+ text-transform: uppercase;
22
+ text-align: center;
23
+ -webkit-tap-highlight-color: transparent;
24
+
25
+ &.ASLarge,
26
+ &.ASMedium,
27
+ &.ASSmall {
28
+ display: flex;
29
+ align-items: center;
30
+ justify-content: center;
31
+ }
32
+
33
+ // button height = 50px
34
+ &.ASLarge {
35
+ font-size: 1.5rem;
36
+ line-height: 2.5rem;
37
+ min-height: 50px;
38
+ height: 50px;
39
+ & > div > :last-child(svg) {
40
+ width: 40px;
41
+ height: 50px;
42
+ }
43
+ }
44
+
45
+ // button height = 40px
46
+ &.ASMedium {
47
+ font-size: 1.2rem;
48
+ line-height: 2.25rem;
49
+ min-height: 40px;
50
+ & > div > :last-child(svg) {
51
+ width: 40px;
52
+ height: 36px;
53
+ }
54
+ }
55
+
56
+ // button height = 30px
57
+ &.ASSmall {
58
+ font-size: 1rem;
59
+ line-height: 1.875rem;
60
+ & > div > :last-child(svg) {
61
+ min-height: 24px;
62
+ max-height: 24px;
63
+ }
64
+ }
65
+
66
+ &::after {
67
+ content: attr(data-buttontext);
68
+ position: absolute;
69
+ top: 50%;
70
+ left: 50%;
71
+ transform: translate(-50%, -50%);
72
+ transition: all 0.25s ease-in-out;
73
+ width: 100%;
74
+ border-radius: ${({ theme }) => theme.borderRadius};
75
+ text-shadow: ${({ theme }) => theme.button.buttonTextShadow};
76
+ color: ${({ theme }) => theme.button.buttonColor};
77
+ }
78
+
79
+ &.ASLarge,
80
+ &.ASMedium,
81
+ &.ASSmall {
82
+ &.Selected,
83
+ &:active {
84
+ &::after {
85
+ color: ${({ theme }) => theme.button.buttonColorHover};
86
+ text-shadow: ${({ theme }) => theme.button.buttonTextShadow};
87
+ }
88
+ }
89
+ }
90
+
91
+ &.ASSmall,
92
+ &.ASMedium,
93
+ &.ASLarge {
94
+ &.Selected,
95
+ &:active {
96
+ &::after {
97
+ transform: translate(-50%, -50%) scale(0.95);
98
+ }
99
+ }
100
+ }
101
+
102
+ &:active,
103
+ &.Selected {
104
+ &:not([aria-disabled='true']) {
105
+ user-select: none;
106
+ background: ${({ theme }) => theme.button.buttonGradientUp};
107
+ color: transparent;
108
+ text-shadow: none;
109
+ }
110
+ }
111
+ @media (hover) {
112
+ &.ASSmall,
113
+ &.ASMedium,
114
+ &.ASLarge {
115
+ &:hover {
116
+ &::after {
117
+ color: ${({ theme }) => theme.button.buttonColorHover};
118
+ text-shadow: ${({ theme }) => theme.button.buttonTextShadow};
119
+ }
120
+ }
121
+ &:hover {
122
+ &::after {
123
+ box-shadow: ${({ theme }) => theme.button.buttonShadowHover};
124
+ }
125
+ }
126
+ &:hover {
127
+ &::after {
128
+ transform: translate(-50%, -50%) scale(0.95);
129
+ }
130
+ }
131
+ }
132
+ &:hover {
133
+ &:not([aria-disabled='true']) {
134
+ user-select: none;
135
+ background: ${({ theme }) => theme.button.buttonGradientUp};
136
+ color: transparent;
137
+ text-shadow: none;
138
+ }
139
+ }
140
+ &:hover:not(:active):not(.Selected):not([aria-disabled='true']) {
141
+ box-shadow: ${({ theme, size }) => theme.button[`buttonShadowHover${size}`]};
142
+ }
143
+
144
+ &:hover:is([aria-disabled='true']),
145
+ &:hover:not(:active):not(.Selected):is([aria-disabled='true']) {
146
+ cursor: default;
147
+ background: ${({ theme }) => theme.button.buttonBgDisabled};
148
+ color: transparent;
149
+ text-shadow: none;
150
+ &::after {
151
+ color: ${({ theme }) => theme.button.buttonColorDisabled};
152
+ text-shadow: none;
153
+ }
154
+ }
155
+ }
156
+
157
+ &:active,
158
+ &.Selected {
159
+ &:not([aria-disabled='true']) {
160
+ box-shadow: ${({ theme, size }) => theme.button[`buttonShadowActive${size}`]};
161
+ }
162
+ }
163
+
164
+ &[aria-disabled='true'],
165
+ &.ASSmall:is([aria-disabled='true']),
166
+ &.ASMedium:is([aria-disabled='true']),
167
+ &.ASLarge:is([aria-disabled='true']),
168
+ &:active:is([aria-disabled='true']),
169
+ &.Selected:is([aria-disabled='true']) {
170
+ cursor: default;
171
+ background: ${({ theme }) => theme.button.buttonBgDisabled};
172
+ color: transparent;
173
+ text-shadow: none;
174
+ &::after {
175
+ color: ${({ theme }) => theme.button.buttonColorDisabled};
176
+ text-shadow: none;
177
+ }
178
+ }
179
+ `;
@@ -0,0 +1,5 @@
1
+ import React, { PropsWithChildren } from 'react';
2
+ import { ASModalProps } from './ASModal.types';
3
+ declare const ASModal: React.FC<PropsWithChildren<ASModalProps>>;
4
+ export default ASModal;
5
+ //# sourceMappingURL=ASModal.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ASModal.d.ts","sourceRoot":"","sources":["../../src/asmodal/ASModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,iBAAiB,EAAa,MAAM,OAAO,CAAC;AAExE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAG/C,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,YAAY,CAAC,CAwCtD,CAAC;AAEF,eAAe,OAAO,CAAC"}
@@ -0,0 +1,31 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const jsx_runtime_1 = require("react/jsx-runtime");
4
+ const react_1 = require("react");
5
+ const react_dom_1 = require("react-dom");
6
+ const styles_1 = require("./styles");
7
+ const ASModal = ({ className = '', isOpen = false, ...props }) => {
8
+ const rootEl = document.body ?? document.getElementsByTagName('body')[0];
9
+ (0, react_1.useEffect)(() => {
10
+ if (!rootEl)
11
+ return;
12
+ rootEl.style.overflow = isOpen ? 'hidden' : '';
13
+ return () => {
14
+ if (rootEl) {
15
+ rootEl.style.overflow = '';
16
+ }
17
+ };
18
+ }, [isOpen, rootEl]);
19
+ const onBackdropClick = (e) => {
20
+ e.stopPropagation();
21
+ e.preventDefault();
22
+ if (props.onBackdropClick) {
23
+ props.onBackdropClick(e);
24
+ }
25
+ };
26
+ if (!isOpen || !rootEl) {
27
+ return null;
28
+ }
29
+ return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(styles_1.ASModalBackdropStyled, { onClick: onBackdropClick }), props.children] }), rootEl) }));
30
+ };
31
+ exports.default = ASModal;
@@ -0,0 +1,8 @@
1
+ import { MouseEvent } from 'react';
2
+ export type ASModalProps = {
3
+ className?: string;
4
+ isOpen?: boolean;
5
+ onBackdropClick?: (e: MouseEvent) => void;
6
+ bgColor?: string;
7
+ };
8
+ //# sourceMappingURL=ASModal.types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ASModal.types.d.ts","sourceRoot":"","sources":["../../src/asmodal/ASModal.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,MAAM,MAAM,YAAY,GAAG;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IAC1C,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC"}
@@ -0,0 +1,2 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
@@ -0,0 +1,3 @@
1
+ export { default } from './ASModal';
2
+ export type { ASModalProps } from './ASModal.types';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/asmodal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC"}
@@ -0,0 +1,6 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.default = void 0;
4
+ const tslib_1 = require("tslib");
5
+ var ASModal_1 = require("./ASModal");
6
+ Object.defineProperty(exports, "default", { enumerable: true, get: function () { return tslib_1.__importDefault(ASModal_1).default; } });
@@ -0,0 +1,2 @@
1
+ export declare const ASModalBackdropStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
2
+ //# sourceMappingURL=styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/asmodal/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB,6NAQjC,CAAC"}
@@ -0,0 +1,14 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.ASModalBackdropStyled = void 0;
4
+ const tslib_1 = require("tslib");
5
+ const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
6
+ exports.ASModalBackdropStyled = styled_components_1.default.div `
7
+ content: '';
8
+ position: fixed;
9
+ inset: 0;
10
+ width: 100%;
11
+ height: 100%;
12
+ background-color: rgba(0, 0, 0, 0.5);
13
+ z-index: 2;
14
+ `;
@@ -1,5 +1,9 @@
1
1
  import React from 'react';
2
- import { ASNavBarProps } from '../asnavbar/ASNavBar.types';
2
+ import { ASNavBarStyleOptions } from '../apptypes/ASUI.types';
3
+ import { ASNavBarProps } from './ASNavBar.types';
4
+ export declare const defaultNavBarStyleOptions: ASNavBarStyleOptions;
5
+ export declare const defaultNavBarDWStyleOptions: ASNavBarStyleOptions;
6
+ export declare const defaultNavBarMWStyleOptions: ASNavBarStyleOptions;
3
7
  declare const ASNavBar: React.FC<ASNavBarProps>;
4
8
  export default ASNavBar;
5
9
  //# sourceMappingURL=ASNavBar.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ASNavBar.d.ts","sourceRoot":"","sources":["../../src/asnavbar/ASNavBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAGvE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAO3D,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAmFrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
1
+ {"version":3,"file":"ASNavBar.d.ts","sourceRoot":"","sources":["../../src/asnavbar/ASNavBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,oBAAoB,EAA8B,MAAM,wBAAwB,CAAC;AAG1F,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAKjD,eAAO,MAAM,yBAAyB,EAAE,oBAYvC,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,oBAYzC,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,oBAUzC,CAAC;AAEF,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAuFrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}