@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.
- package/dist/apptypes/ASUI.types.d.ts +42 -3
- package/dist/apptypes/ASUI.types.d.ts.map +1 -1
- package/dist/apptypes/ASUI.types.js +18 -1
- package/dist/apptypes/index.d.ts +1 -1
- package/dist/apptypes/index.d.ts.map +1 -1
- package/dist/apptypes/index.js +5 -1
- package/dist/asdropdown/ASDropdown.js +1 -1
- package/dist/asiconbutton/ASIconButton.d.ts +5 -0
- package/dist/asiconbutton/ASIconButton.d.ts.map +1 -0
- package/dist/asiconbutton/ASIconButton.js +31 -0
- package/dist/asiconbutton/ASIconButton.types.d.ts +17 -0
- package/dist/asiconbutton/ASIconButton.types.d.ts.map +1 -0
- package/dist/asiconbutton/ASIconButton.types.js +2 -0
- package/dist/asiconbutton/index.d.ts +3 -0
- package/dist/asiconbutton/index.d.ts.map +1 -0
- package/dist/asiconbutton/index.js +6 -0
- package/dist/asiconbutton/styles.d.ts +6 -0
- package/dist/asiconbutton/styles.d.ts.map +1 -0
- package/dist/asiconbutton/styles.js +179 -0
- package/dist/asmodal/ASModal.d.ts +5 -0
- package/dist/asmodal/ASModal.d.ts.map +1 -0
- package/dist/asmodal/ASModal.js +31 -0
- package/dist/asmodal/ASModal.types.d.ts +8 -0
- package/dist/asmodal/ASModal.types.d.ts.map +1 -0
- package/dist/asmodal/ASModal.types.js +2 -0
- package/dist/asmodal/index.d.ts +3 -0
- package/dist/asmodal/index.d.ts.map +1 -0
- package/dist/asmodal/index.js +6 -0
- package/dist/asmodal/styles.d.ts +2 -0
- package/dist/asmodal/styles.d.ts.map +1 -0
- package/dist/asmodal/styles.js +14 -0
- package/dist/asnavbar/ASNavBar.d.ts +5 -1
- package/dist/asnavbar/ASNavBar.d.ts.map +1 -1
- package/dist/asnavbar/ASNavBar.js +76 -45
- package/dist/asnavbar/ASNavBar.types.d.ts +8 -3
- package/dist/asnavbar/ASNavBar.types.d.ts.map +1 -1
- package/dist/asnavbar/desktop/ASNavBarDW.d.ts +5 -0
- package/dist/asnavbar/desktop/ASNavBarDW.d.ts.map +1 -0
- package/dist/asnavbar/desktop/ASNavBarDW.js +87 -0
- package/dist/asnavbar/desktop/index.d.ts +3 -0
- package/dist/asnavbar/desktop/index.d.ts.map +1 -0
- package/dist/asnavbar/desktop/index.js +6 -0
- package/dist/asnavbar/desktop/styles.d.ts +37 -0
- package/dist/asnavbar/desktop/styles.d.ts.map +1 -0
- package/dist/asnavbar/desktop/styles.js +133 -0
- package/dist/asnavbar/mobile/ASNavBarMW.d.ts +5 -0
- package/dist/asnavbar/mobile/ASNavBarMW.d.ts.map +1 -0
- package/dist/asnavbar/mobile/ASNavBarMW.js +98 -0
- package/dist/asnavbar/mobile/index.d.ts +3 -0
- package/dist/asnavbar/mobile/index.d.ts.map +1 -0
- package/dist/asnavbar/mobile/index.js +6 -0
- package/dist/asnavbar/mobile/styles.d.ts +62 -0
- package/dist/asnavbar/mobile/styles.d.ts.map +1 -0
- package/dist/asnavbar/mobile/styles.js +247 -0
- package/dist/asnavbar/navbararrowbuttons/ASNavBarArrowButtons.d.ts +7 -0
- package/dist/asnavbar/navbararrowbuttons/ASNavBarArrowButtons.d.ts.map +1 -0
- package/dist/asnavbar/navbararrowbuttons/ASNavBarArrowButtons.js +23 -0
- package/dist/asnavbar/navbararrowbuttons/ASNavBarArrowButtons.types.d.ts +22 -0
- package/dist/asnavbar/navbararrowbuttons/ASNavBarArrowButtons.types.d.ts.map +1 -0
- package/dist/asnavbar/navbararrowbuttons/ASNavBarArrowButtons.types.js +2 -0
- package/dist/asnavbar/navbararrowbuttons/index.d.ts +3 -0
- package/dist/asnavbar/navbararrowbuttons/index.d.ts.map +1 -0
- package/dist/asnavbar/navbararrowbuttons/index.js +6 -0
- package/dist/asnavbar/navbararrowbuttons/styles.d.ts +42 -0
- package/dist/asnavbar/navbararrowbuttons/styles.d.ts.map +1 -0
- package/dist/asnavbar/navbararrowbuttons/styles.js +76 -0
- package/dist/asnavbar/{ASNavBarItem.d.ts → navbaritem/ASNavBarItem.d.ts} +1 -1
- package/dist/asnavbar/navbaritem/ASNavBarItem.d.ts.map +1 -0
- package/dist/asnavbar/navbaritem/ASNavBarItem.js +49 -0
- package/dist/asnavbar/navbaritem/index.d.ts +3 -0
- package/dist/asnavbar/navbaritem/index.d.ts.map +1 -0
- package/dist/asnavbar/navbaritem/index.js +6 -0
- package/dist/asnavbar/navbaritem/styles.d.ts +11 -0
- package/dist/asnavbar/navbaritem/styles.d.ts.map +1 -0
- package/dist/asnavbar/navbaritem/styles.js +73 -0
- package/dist/asnavbar/navbarpickpanel/ASNavBarPickPanel.d.ts +5 -0
- package/dist/asnavbar/navbarpickpanel/ASNavBarPickPanel.d.ts.map +1 -0
- package/dist/asnavbar/navbarpickpanel/ASNavBarPickPanel.js +27 -0
- package/dist/asnavbar/navbarpickpanel/ASNavBarPickPanel.types.d.ts +14 -0
- package/dist/asnavbar/navbarpickpanel/ASNavBarPickPanel.types.d.ts.map +1 -0
- package/dist/asnavbar/navbarpickpanel/ASNavBarPickPanel.types.js +2 -0
- package/dist/asnavbar/navbarpickpanel/index.d.ts +3 -0
- package/dist/asnavbar/navbarpickpanel/index.d.ts.map +1 -0
- package/dist/asnavbar/navbarpickpanel/index.js +6 -0
- package/dist/asnavbar/navbarpickpanel/styles.d.ts +11 -0
- package/dist/asnavbar/navbarpickpanel/styles.d.ts.map +1 -0
- package/dist/asnavbar/navbarpickpanel/styles.js +59 -0
- package/dist/asnavbar/navbarpickpanelitem/ASNavBarPickPanelItem.d.ts +5 -0
- package/dist/asnavbar/navbarpickpanelitem/ASNavBarPickPanelItem.d.ts.map +1 -0
- package/dist/asnavbar/{ASNavBarItem.js → navbarpickpanelitem/ASNavBarPickPanelItem.js} +8 -6
- package/dist/asnavbar/navbarpickpanelitem/index.d.ts +3 -0
- package/dist/asnavbar/navbarpickpanelitem/index.d.ts.map +1 -0
- package/dist/asnavbar/navbarpickpanelitem/index.js +6 -0
- package/dist/asnavbar/navbarpickpanelitem/styles.d.ts +11 -0
- package/dist/asnavbar/navbarpickpanelitem/styles.d.ts.map +1 -0
- package/dist/asnavbar/navbarpickpanelitem/styles.js +70 -0
- package/dist/asnavbar/styles.d.ts +3 -20
- package/dist/asnavbar/styles.d.ts.map +1 -1
- package/dist/asnavbar/styles.js +69 -96
- package/dist/astextfield/ASTextField.js +1 -1
- package/dist/astheme/ASThemeDefault.d.ts.map +1 -1
- package/dist/astheme/ASThemeDefault.js +6 -0
- package/dist/asutils/screenSizeHelpers.d.ts +2 -0
- package/dist/asutils/screenSizeHelpers.d.ts.map +1 -0
- package/dist/asutils/screenSizeHelpers.js +18 -0
- package/dist/icons/ASIcon.d.ts.map +1 -1
- package/dist/icons/ASIcon.js +4 -4
- package/dist/icons/AddItemIcon.js +1 -1
- package/dist/icons/AddUserIcon.js +1 -1
- package/dist/icons/ArrowLeftIcon.js +1 -1
- package/dist/icons/ArrowRightIcon.js +1 -1
- package/dist/icons/CalendarRangeIcon.js +1 -1
- package/dist/icons/CheckIcon.js +1 -1
- package/dist/icons/CloseIcon.js +1 -1
- package/dist/icons/DeleteIcon.d.ts.map +1 -1
- package/dist/icons/DeleteIcon.js +2 -2
- package/dist/icons/EleventheyeIcon.js +1 -1
- package/dist/icons/EmailIcon.js +1 -1
- package/dist/icons/ErrorIcon.js +1 -1
- package/dist/icons/EyeIcon.js +1 -1
- package/dist/icons/EyeSlashIcon.js +1 -1
- package/dist/icons/FootballIcon.js +1 -1
- package/dist/icons/GamesIcon.js +1 -1
- package/dist/icons/GearUserIcon.js +1 -1
- package/dist/icons/HeartIcon.js +1 -1
- package/dist/icons/HexagonIcon.js +1 -1
- package/dist/icons/HomeIcon.js +1 -1
- package/dist/icons/Icons.types.d.ts +2 -2
- package/dist/icons/Icons.types.d.ts.map +1 -1
- package/dist/icons/LockIcon.js +1 -1
- package/dist/icons/PasswordIcon.js +1 -1
- package/dist/icons/PenIcon.js +1 -1
- package/dist/icons/PodiumIcon.js +1 -1
- package/dist/icons/ReplayIcon.js +1 -1
- package/dist/icons/RulerIcon.js +1 -1
- package/dist/icons/SaveIcon.js +1 -1
- package/dist/icons/SearchIcon.js +1 -1
- package/dist/icons/StatsIcon.js +1 -1
- package/dist/icons/TimeLapseIcon.js +1 -1
- package/dist/icons/UnlockIcon.js +1 -1
- package/dist/icons/UserSettingsIcon.js +1 -1
- package/dist/icons/styles.d.ts.map +1 -1
- package/dist/icons/styles.js +2 -0
- package/dist/index.d.ts +7 -3
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +8 -2
- package/package.json +1 -1
- 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
|
|
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":"AAAA,eAAO,MAAM,aAAa;;;;CAIhB,CAAC;AACX,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAEjF,KAAK,kBAAkB,GAAG,CAAC,eAAe,EAAE,eAAe,CAAC,CAAC;AAC7D,KAAK,mBAAmB,GAAG,CAAC,eAAe,EAAE,eAAe,EAAE,eAAe,CAAC,CAAC;AAC/E,KAAK,iBAAiB,GAAG,CAAC,eAAe,EAAE,eAAe,EAAE,eAAe,EAAE,eAAe,CAAC,CAAC;AAC9F,MAAM,MAAM,aAAa,GAAG,eAAe,GAAG,kBAAkB,GAAG,mBAAmB,GAAG,iBAAiB,CAAC;AAE3G,eAAO,MAAM,UAAU;;;;CAIb,CAAC;AAEX,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,OAAO,UAAU,CAAC,CAAC;AAExE,MAAM,MAAM,aAAa,GAAG;KACzB,GAAG,IAAI,eAAe,GAAG,MAAM;CACjC,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,eAAe,EAAE,MAAM,CAAC;IACxB,gBAAgB,EAAE,MAAM,CAAC;IACzB,eAAe,EAAE,MAAM,CAAC;IACxB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,oBAAoB,EAAE,MAAM,CAAC;IAE7B,qBAAqB,EAAE,MAAM,CAAC;IAC9B,0BAA0B,EAAE,MAAM,CAAC;IACnC,2BAA2B,EAAE,MAAM,CAAC;IAEpC,mBAAmB,EAAE,MAAM,CAAC;IAC5B,mBAAmB,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,gBAAgB,EAAE,MAAM,CAAC;IACzB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,wBAAwB,EAAE,MAAM,CAAC;IACjC,yBAAyB,EAAE,MAAM,CAAC;IAClC,wBAAwB,EAAE,MAAM,CAAC;IACjC,yBAAyB,EAAE,MAAM,CAAC;IAClC,0BAA0B,EAAE,MAAM,CAAC;IACnC,yBAAyB,EAAE,MAAM,CAAC;IAClC,kBAAkB,EAAE,MAAM,CAAC;IAC3B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,aAAa,EAAE,MAAM,CAAC;IACtB,gBAAgB,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,EAAE,MAAM,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,mBAAmB,EAAE,MAAM,CAAC;
|
|
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
|
+
};
|
package/dist/apptypes/index.d.ts
CHANGED
|
@@ -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"}
|
package/dist/apptypes/index.js
CHANGED
|
@@ -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",
|
|
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 @@
|
|
|
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 @@
|
|
|
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 @@
|
|
|
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 @@
|
|
|
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 @@
|
|
|
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 {
|
|
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,
|
|
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"}
|