@eleventheye/asui 2.3.0 → 2.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/apptypes/ASUI.types.d.ts +10 -0
- package/dist/apptypes/ASUI.types.d.ts.map +1 -1
- package/dist/apptypes/index.d.ts +1 -0
- package/dist/apptypes/index.d.ts.map +1 -1
- package/dist/apptypes/index.js +3 -0
- package/dist/asnavbar/ASNavBar.d.ts +5 -0
- package/dist/asnavbar/ASNavBar.d.ts.map +1 -0
- package/dist/asnavbar/ASNavBar.js +62 -0
- package/dist/asnavbar/ASNavBar.types.d.ts +29 -0
- package/dist/asnavbar/ASNavBar.types.d.ts.map +1 -0
- package/dist/asnavbar/ASNavBar.types.js +2 -0
- package/dist/asnavbar/ASNavBarItem.d.ts +5 -0
- package/dist/asnavbar/ASNavBarItem.d.ts.map +1 -0
- package/dist/asnavbar/ASNavBarItem.js +16 -0
- package/dist/asnavbar/index.d.ts +3 -0
- package/dist/asnavbar/index.d.ts.map +1 -0
- package/dist/asnavbar/index.js +6 -0
- package/dist/asnavbar/styles.d.ts +32 -0
- package/dist/asnavbar/styles.d.ts.map +1 -0
- package/dist/asnavbar/styles.js +121 -0
- package/dist/astheme/ASThemeDefault.d.ts.map +1 -1
- package/dist/astheme/ASThemeDefault.js +9 -0
- package/dist/icons/CalendarRangeIcon.d.ts +5 -0
- package/dist/icons/CalendarRangeIcon.d.ts.map +1 -0
- package/dist/icons/CalendarRangeIcon.js +11 -0
- package/dist/icons/HeartIcon.d.ts +5 -0
- package/dist/icons/HeartIcon.d.ts.map +1 -0
- package/dist/icons/HeartIcon.js +11 -0
- package/dist/icons/ReplayIcon.d.ts +5 -0
- package/dist/icons/ReplayIcon.d.ts.map +1 -0
- package/dist/icons/ReplayIcon.js +11 -0
- package/dist/icons/index.d.ts +6 -0
- package/dist/icons/index.d.ts.map +1 -1
- package/dist/icons/index.js +10 -1
- package/dist/index.d.ts +7 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +14 -5
- package/package.json +3 -2
|
@@ -158,7 +158,17 @@ export type ASDropdownTheme = {
|
|
|
158
158
|
dropdownColorSelected: string;
|
|
159
159
|
dropdownColorDisabled: string;
|
|
160
160
|
};
|
|
161
|
+
export type ASNavBarTheme = {
|
|
162
|
+
navBarColor: string;
|
|
163
|
+
navBarBackgroundColor: string;
|
|
164
|
+
navBarBoxShadow: string;
|
|
165
|
+
navBarSelectedBoxBackgroundColor: string;
|
|
166
|
+
navBarItemColor: string;
|
|
167
|
+
navBarItemColorHover: string;
|
|
168
|
+
navBarItemColorSelected: string;
|
|
169
|
+
};
|
|
161
170
|
export interface ASTheme {
|
|
171
|
+
navbar: ASNavBarTheme;
|
|
162
172
|
textfield: ASTextFieldTheme;
|
|
163
173
|
dropdown: ASDropdownTheme;
|
|
164
174
|
button: ASButtonTheme;
|
|
@@ -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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"}
|
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"}
|
|
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"}
|
package/dist/apptypes/index.js
CHANGED
|
@@ -1,2 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.ComponentSize = void 0;
|
|
4
|
+
var ASUI_types_1 = require("./ASUI.types");
|
|
5
|
+
Object.defineProperty(exports, "ComponentSize", { enumerable: true, get: function () { return ASUI_types_1.ComponentSize; } });
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ASNavBar.d.ts","sourceRoot":"","sources":["../../src/asnavbar/ASNavBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAK3D,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAiFrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1,62 @@
|
|
|
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 ASNavBarItem_1 = tslib_1.__importDefault(require("../asnavbar/ASNavBarItem"));
|
|
8
|
+
const styles_1 = require("../asnavbar/styles");
|
|
9
|
+
const astheme_1 = tslib_1.__importDefault(require("../astheme"));
|
|
10
|
+
const ASNavBar = ({ className = '', navItems = [], selectedItem = '', onItemSelected = () => undefined, theme = astheme_1.default, size = ASUI_types_1.ComponentSize.Medium, }) => {
|
|
11
|
+
const selectedItemIdRef = (0, react_1.useRef)('');
|
|
12
|
+
const navBarRef = (0, react_1.useRef)(null);
|
|
13
|
+
const navBarHighlightBoxRef = (0, react_1.useRef)(null);
|
|
14
|
+
const [selected, setSelected] = (0, react_1.useState)('');
|
|
15
|
+
(0, react_1.useEffect)(() => {
|
|
16
|
+
if (navBarHighlightBoxRef.current) {
|
|
17
|
+
const selectedBox = navBarHighlightBoxRef.current;
|
|
18
|
+
selectedBox.style.width = '0';
|
|
19
|
+
}
|
|
20
|
+
}, []);
|
|
21
|
+
const slideHighlightToSelectedItem = (selectedItemEl, itemId) => {
|
|
22
|
+
if (!navBarHighlightBoxRef.current || !navBarRef.current)
|
|
23
|
+
return;
|
|
24
|
+
const selectedElRect = selectedItemEl.getBoundingClientRect();
|
|
25
|
+
const parentRect = navBarRef.current.getBoundingClientRect();
|
|
26
|
+
const offsetToSelectedEl = selectedElRect.left - parentRect.left;
|
|
27
|
+
const selectedBox = navBarHighlightBoxRef.current;
|
|
28
|
+
const selectedBoxWidth = selectedElRect.width;
|
|
29
|
+
selectedBox.style.transform = `translateX(${offsetToSelectedEl}px)`;
|
|
30
|
+
selectedBox.style.width = `${selectedBoxWidth}px`;
|
|
31
|
+
selectedItemIdRef.current = itemId;
|
|
32
|
+
};
|
|
33
|
+
(0, react_1.useEffect)(() => {
|
|
34
|
+
const isItemSameOrNull = selectedItemIdRef.current !== selectedItem && selectedItem.length > 0;
|
|
35
|
+
if (!navBarHighlightBoxRef.current || !navBarRef.current || isItemSameOrNull)
|
|
36
|
+
return;
|
|
37
|
+
const timeoutId = setTimeout(() => {
|
|
38
|
+
const selectedItemEl = document.getElementById(selectedItem);
|
|
39
|
+
if (selectedItemEl)
|
|
40
|
+
slideHighlightToSelectedItem(selectedItemEl, selectedItem);
|
|
41
|
+
selectedItemIdRef.current = selectedItem;
|
|
42
|
+
setSelected(selectedItem);
|
|
43
|
+
}, 100);
|
|
44
|
+
return () => {
|
|
45
|
+
if (timeoutId)
|
|
46
|
+
clearTimeout(timeoutId);
|
|
47
|
+
};
|
|
48
|
+
}, [selectedItem]);
|
|
49
|
+
const onItemSelectedHandler = (itemId, e) => {
|
|
50
|
+
const selectedItemEl = e.target;
|
|
51
|
+
if (selectedItemEl)
|
|
52
|
+
slideHighlightToSelectedItem(selectedItemEl, itemId);
|
|
53
|
+
selectedItemIdRef.current = itemId;
|
|
54
|
+
setSelected(itemId);
|
|
55
|
+
onItemSelected(itemId);
|
|
56
|
+
};
|
|
57
|
+
const isSelected = (itemId) => {
|
|
58
|
+
return selected === itemId;
|
|
59
|
+
};
|
|
60
|
+
return ((0, jsx_runtime_1.jsxs)(styles_1.ASNavBarStyled, { ref: navBarRef, className: `${className} ${size}`, theme: theme, children: [(0, jsx_runtime_1.jsx)(styles_1.ASSelectedBoxStyled, { ref: navBarHighlightBoxRef, theme: theme }), navItems.map((item, index) => ((0, jsx_runtime_1.jsx)(ASNavBarItem_1.default, { theme: theme, itemId: item.itemId, selected: isSelected(item.itemId), displayText: item.displayText, icon: item.icon, onItemClick: onItemSelectedHandler }, `key_${index}_${item.itemId}`)))] }));
|
|
61
|
+
};
|
|
62
|
+
exports.default = ASNavBar;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { MouseEvent, PropsWithChildren } from 'react';
|
|
2
|
+
import { ASComponentSize, ASTheme } from '../apptypes';
|
|
3
|
+
export type ASNavBarItemType = {
|
|
4
|
+
itemId: string;
|
|
5
|
+
displayText: string;
|
|
6
|
+
icon?: React.ReactNode;
|
|
7
|
+
theme?: ASTheme;
|
|
8
|
+
size?: ASComponentSize;
|
|
9
|
+
};
|
|
10
|
+
export type ASNavBarItemProps = {
|
|
11
|
+
className?: string;
|
|
12
|
+
theme?: ASTheme;
|
|
13
|
+
itemId: string;
|
|
14
|
+
displayText?: string;
|
|
15
|
+
selected?: boolean;
|
|
16
|
+
icon?: React.ReactNode;
|
|
17
|
+
size?: ASComponentSize;
|
|
18
|
+
onItemClick?: (id: string, e: MouseEvent) => void;
|
|
19
|
+
};
|
|
20
|
+
export type ASNavBarOwnProps = {
|
|
21
|
+
className?: string;
|
|
22
|
+
theme?: ASTheme;
|
|
23
|
+
selectedItem?: string;
|
|
24
|
+
onItemSelected?: (itemId: string) => void;
|
|
25
|
+
navItems?: ASNavBarItemType[];
|
|
26
|
+
size?: ASComponentSize;
|
|
27
|
+
};
|
|
28
|
+
export type ASNavBarProps = PropsWithChildren<ASNavBarOwnProps>;
|
|
29
|
+
//# sourceMappingURL=ASNavBar.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ASNavBar.types.d.ts","sourceRoot":"","sources":["../../src/asnavbar/ASNavBar.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAEvD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,eAAe,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;CACnD,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,QAAQ,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC9B,IAAI,CAAC,EAAE,eAAe,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,iBAAiB,CAAC,gBAAgB,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ASNavBarItem.d.ts","sourceRoot":"","sources":["../../src/asnavbar/ASNavBarItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAGlD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAErD,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAgC7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
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 styles_1 = require("../asnavbar/styles");
|
|
7
|
+
const astheme_1 = tslib_1.__importDefault(require("../astheme"));
|
|
8
|
+
const ASNavBarItem = ({ className = '', theme = astheme_1.default, displayText = '---', icon, selected = false, itemId, onItemClick = () => undefined, }) => {
|
|
9
|
+
const navBarItemRef = (0, react_1.useRef)(null);
|
|
10
|
+
const onItemClickHandler = (e) => {
|
|
11
|
+
e.stopPropagation();
|
|
12
|
+
onItemClick(itemId, e);
|
|
13
|
+
};
|
|
14
|
+
return ((0, jsx_runtime_1.jsxs)(styles_1.ASNavBarItemStyled, { id: itemId, theme: theme, ref: navBarItemRef, className: className, "$selected": selected, onClick: onItemClickHandler, children: [icon && ((0, jsx_runtime_1.jsx)(styles_1.ASNavBarItemPadding, { theme: theme, "$selected": selected, "aria-invalid": true, "aria-hidden": true, children: icon })), displayText] }));
|
|
15
|
+
};
|
|
16
|
+
exports.default = ASNavBarItem;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/asnavbar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,kBAAkB,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 ASNavBar_1 = require("./ASNavBar");
|
|
6
|
+
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return tslib_1.__importDefault(ASNavBar_1).default; } });
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { ASTheme } from '../apptypes/ASUI.types';
|
|
2
|
+
interface ASNavBarStyledProps {
|
|
3
|
+
theme: ASTheme;
|
|
4
|
+
$mobileMode?: boolean;
|
|
5
|
+
$gap?: number;
|
|
6
|
+
$maxWidth?: number;
|
|
7
|
+
$borderRadius?: number;
|
|
8
|
+
$padding?: string;
|
|
9
|
+
}
|
|
10
|
+
export declare const ASNavBarStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ASNavBarStyledProps>> & string;
|
|
11
|
+
interface ASNavBarSelectedBoxStyledProps {
|
|
12
|
+
theme: ASTheme;
|
|
13
|
+
$mobileMode?: boolean;
|
|
14
|
+
$height?: number;
|
|
15
|
+
$borderRadius?: number;
|
|
16
|
+
}
|
|
17
|
+
export declare const ASSelectedBoxStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, ASNavBarSelectedBoxStyledProps>> & string;
|
|
18
|
+
interface ASNavBarItemStyledProps {
|
|
19
|
+
theme: ASTheme;
|
|
20
|
+
$mobileMode?: boolean;
|
|
21
|
+
$selected?: boolean;
|
|
22
|
+
$margin?: string;
|
|
23
|
+
$padding?: string;
|
|
24
|
+
}
|
|
25
|
+
export declare const ASNavBarItemStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ASNavBarItemStyledProps>> & string;
|
|
26
|
+
interface ASNavBarItemPaddingProps {
|
|
27
|
+
theme: ASTheme;
|
|
28
|
+
$selected?: boolean;
|
|
29
|
+
}
|
|
30
|
+
export declare const ASNavBarItemPadding: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ASNavBarItemPaddingProps>> & string;
|
|
31
|
+
export {};
|
|
32
|
+
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/asnavbar/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAGjD,UAAU,mBAAmB;IAC3B,KAAK,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,cAAc,wPAgC1B,CAAC;AAEF,UAAU,8BAA8B;IACtC,KAAK,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,mBAAmB,qQAa/B,CAAC;AAEF,UAAU,uBAAuB;IAC/B,KAAK,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AACD,eAAO,MAAM,kBAAkB,4PAoD9B,CAAC;AAEF,UAAU,wBAAwB;IAChC,KAAK,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,mBAAmB,6PAiB/B,CAAC"}
|
|
@@ -0,0 +1,121 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.ASNavBarItemPadding = exports.ASNavBarItemStyled = exports.ASSelectedBoxStyled = exports.ASNavBarStyled = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
|
|
6
|
+
const astheme_1 = tslib_1.__importDefault(require("../astheme"));
|
|
7
|
+
exports.ASNavBarStyled = styled_components_1.default.div `
|
|
8
|
+
display: flex;
|
|
9
|
+
align-items: center;
|
|
10
|
+
justify-content: center;
|
|
11
|
+
flex-wrap: nowrap;
|
|
12
|
+
flex-direction: row;
|
|
13
|
+
position: relative;
|
|
14
|
+
gap: ${({ $gap = 30 }) => $gap}px;
|
|
15
|
+
width: fit-content;
|
|
16
|
+
max-width: ${({ $maxWidth = 800 }) => $maxWidth}px;
|
|
17
|
+
border-radius: ${({ $borderRadius = 6 }) => $borderRadius}px;
|
|
18
|
+
background-color: ${({ theme }) => theme.navbar.navBarBackgroundColor};
|
|
19
|
+
padding: ${({ $padding = '0 24px' }) => $padding};
|
|
20
|
+
box-shadow: ${({ theme }) => theme.navbar.navBarBoxShadow};
|
|
21
|
+
|
|
22
|
+
&.ASSmall {
|
|
23
|
+
height: 30px;
|
|
24
|
+
font-size: 1rem;
|
|
25
|
+
font-weight: 400;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
&.ASMedium {
|
|
29
|
+
height: 40px;
|
|
30
|
+
font-size: 1.5rem;
|
|
31
|
+
font-weight: 500;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
&.ASLarge {
|
|
35
|
+
height: 50px;
|
|
36
|
+
font-size: 2rem;
|
|
37
|
+
font-weight: 600;
|
|
38
|
+
}
|
|
39
|
+
`;
|
|
40
|
+
exports.ASSelectedBoxStyled = styled_components_1.default.span `
|
|
41
|
+
position: absolute;
|
|
42
|
+
height: 90%;
|
|
43
|
+
border-radius: ${({ $borderRadius = 4 }) => $borderRadius}px;
|
|
44
|
+
background-color: ${({ theme }) => theme.navbar.navBarSelectedBoxBackgroundColor};
|
|
45
|
+
z-index: 0;
|
|
46
|
+
left: 0;
|
|
47
|
+
transition: all 0.3s ease-in-out 0.1s allow-discrete;
|
|
48
|
+
|
|
49
|
+
@starting-style {
|
|
50
|
+
z-index: 0;
|
|
51
|
+
left: 0;
|
|
52
|
+
}
|
|
53
|
+
`;
|
|
54
|
+
exports.ASNavBarItemStyled = styled_components_1.default.div `
|
|
55
|
+
display: flex;
|
|
56
|
+
align-items: center;
|
|
57
|
+
justify-content: center;
|
|
58
|
+
flex-wrap: nowrap;
|
|
59
|
+
flex-direction: row;
|
|
60
|
+
transition: color 0.3s ease-in-out 0.1s;
|
|
61
|
+
text-transform: uppercase;
|
|
62
|
+
margin: ${({ $margin = '4px 0' }) => $margin};
|
|
63
|
+
padding: ${({ $padding = '0 8px' }) => $padding};
|
|
64
|
+
z-index: 1;
|
|
65
|
+
white-space: nowrap;
|
|
66
|
+
user-select: none;
|
|
67
|
+
|
|
68
|
+
&.ASSmall {
|
|
69
|
+
font-size: 1rem;
|
|
70
|
+
font-weight: 400;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
&.ASMedium {
|
|
74
|
+
font-size: 1.5rem;
|
|
75
|
+
font-weight: 500;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
&.ASLarge {
|
|
79
|
+
font-size: 2rem;
|
|
80
|
+
font-weight: 600;
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
${({ $selected = false, theme = astheme_1.default }) => $selected
|
|
84
|
+
? `
|
|
85
|
+
transition: all 0.3s ease-in-out 0.2s;
|
|
86
|
+
color: ${theme.navbar.navBarItemColorSelected};
|
|
87
|
+
`
|
|
88
|
+
: `color: ${theme.navbar.navBarItemColor};`}
|
|
89
|
+
|
|
90
|
+
@media (hover) {
|
|
91
|
+
&:hover {
|
|
92
|
+
${({ $selected = false, theme = astheme_1.default }) => $selected
|
|
93
|
+
? `color: ${theme.navbar.navBarItemColorSelected};`
|
|
94
|
+
: `cursor: pointer;
|
|
95
|
+
transition: color 0.3s ease-in-out;
|
|
96
|
+
color: ${theme.navbar.navBarItemColorHover};
|
|
97
|
+
& > div > div > svg > path {
|
|
98
|
+
stroke-width: 0.4;
|
|
99
|
+
stroke: ${theme.navbar.navBarItemColorHover};
|
|
100
|
+
}
|
|
101
|
+
`}
|
|
102
|
+
}
|
|
103
|
+
}
|
|
104
|
+
`;
|
|
105
|
+
exports.ASNavBarItemPadding = styled_components_1.default.div `
|
|
106
|
+
padding: 0 4px;
|
|
107
|
+
pointer-events: none;
|
|
108
|
+
user-select: none;
|
|
109
|
+
${({ $selected = false, theme = astheme_1.default }) => $selected
|
|
110
|
+
? `
|
|
111
|
+
& > div > svg > path {
|
|
112
|
+
stroke-width: 0.4;
|
|
113
|
+
stroke: ${theme.navbar.navBarItemColorSelected};
|
|
114
|
+
}`
|
|
115
|
+
: `
|
|
116
|
+
& > div > svg > path {
|
|
117
|
+
stroke-width: 0.4;
|
|
118
|
+
stroke: ${theme.navbar.navBarItemColor};
|
|
119
|
+
}
|
|
120
|
+
`};
|
|
121
|
+
`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ASThemeDefault.d.ts","sourceRoot":"","sources":["../../src/astheme/ASThemeDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAwEjD,QAAA,MAAM,cAAc,EAAE,
|
|
1
|
+
{"version":3,"file":"ASThemeDefault.d.ts","sourceRoot":"","sources":["../../src/astheme/ASThemeDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAwEjD,QAAA,MAAM,cAAc,EAAE,OAyFrB,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -144,6 +144,15 @@ const ASThemeDefault = {
|
|
|
144
144
|
dropdownColorSelected: colors.mainGray33,
|
|
145
145
|
dropdownColorDisabled: colors.mainGray99,
|
|
146
146
|
},
|
|
147
|
+
navbar: {
|
|
148
|
+
navBarBackgroundColor: colors.mainGray33,
|
|
149
|
+
navBarBoxShadow: `1px 2px 2px 0 ${colors.mainBlack} inset, 0 1px 1px 0 ${colors.mainGray55}`,
|
|
150
|
+
navBarColor: colors.mainYellow,
|
|
151
|
+
navBarSelectedBoxBackgroundColor: colors.mainGold,
|
|
152
|
+
navBarItemColor: colors.mainGray81,
|
|
153
|
+
navBarItemColorHover: colors.mainGrayE0,
|
|
154
|
+
navBarItemColorSelected: colors.mainGray33,
|
|
155
|
+
},
|
|
147
156
|
borderRadius: '35px',
|
|
148
157
|
};
|
|
149
158
|
exports.default = ASThemeDefault;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CalendarRangeIcon.d.ts","sourceRoot":"","sources":["../../src/icons/CalendarRangeIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAuB1C,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAM1C,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
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 ASIcon_1 = tslib_1.__importDefault(require("./ASIcon"));
|
|
6
|
+
const styles_1 = require("./styles");
|
|
7
|
+
const CalendarRangeIconSvg = ({ size = 24, color = '#000000', strokeWidth = 0.1, fillColor = '#000000', fillOpacity = 1, withCircle = false, ...props }) => ((0, jsx_runtime_1.jsx)(styles_1.TopIcon, { "$withCircle": withCircle, width: size, height: size, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { d: "M7.64 14.2q-.459 0-.769-.31t-.311-.77.31-.769.77-.311.769.31.311.77-.31.769-.77.311Zm4.32 0q-.459 0-.769-.31t-.311-.77.31-.769.77-.311.769.31.311.77-.31.769-.77.311Zm4.32 0q-.459 0-.769-.31t-.311-.77.31-.769.77-.311.769.31.311.77-.31.769-.77.311ZM4.4 22.84q-.891 0-1.526-.634T2.24 20.68V5.56q0-.891.634-1.526T4.4 3.4h1.08V1.24h2.16V3.4h8.64V1.24h2.16V3.4h1.08q.891 0 1.526.634T21.68 5.56v15.12q0 .891-.634 1.526t-1.526.634H4.4Zm0-2.16h15.12V9.88H4.4v10.8Zm0-12.96h15.12V5.56H4.4v2.16ZV5.56v2.16Z", stroke: color, strokeWidth: strokeWidth, fill: fillColor, fillOpacity: fillOpacity }) }));
|
|
8
|
+
const CalendarRangeIcon = ({ ...props }) => {
|
|
9
|
+
return ((0, jsx_runtime_1.jsx)(ASIcon_1.default, { ...props, children: (0, jsx_runtime_1.jsx)(CalendarRangeIconSvg, {}) }));
|
|
10
|
+
};
|
|
11
|
+
exports.default = CalendarRangeIcon;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HeartIcon.d.ts","sourceRoot":"","sources":["../../src/icons/HeartIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAuB1C,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAMlC,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
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 ASIcon_1 = tslib_1.__importDefault(require("./ASIcon"));
|
|
6
|
+
const styles_1 = require("./styles");
|
|
7
|
+
const HeartIconSvg = ({ size = 24, color = '#000000', strokeWidth = 0.1, fillColor = '#000000', fillOpacity = 1, withCircle = false, ...props }) => ((0, jsx_runtime_1.jsx)(styles_1.TopIcon, { "$withCircle": withCircle, width: size, height: size, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { d: "m11.97 21.73-1.53-1.37q-2.67-2.4-4.41-4.14T3.26 13.09Q2.23 11.7 1.82 10.54T1.41 8.16q0-2.48 1.66-4.14t4.14-1.66q1.37 0 2.61.58t2.14 1.64q.9-1.06 2.14-1.64t2.61-.58q2.48 0 4.14 1.66t1.66 4.14q0 1.21-.41 2.38t-1.42 2.55q-1.03 1.38-2.77 3.12T13.5 20.36l-1.53 1.37Zm0-2.85q2.53-2.27 4.17-3.89t2.59-2.82 1.32-2.14.37-1.86q0-1.58-1.06-2.64t-2.64-1.06q-1.24 0-2.3.7T12.98 6.95h-2.01q-.4-1.08-1.45-1.78t-2.3-.7q-1.58 0-2.64 1.06T3.52 8.17q0 .92.37 1.86t1.32 2.14q.95 1.2 2.59 2.82t4.17 3.89Zm0-7.21Z", stroke: color, strokeWidth: strokeWidth, fill: fillColor, fillOpacity: fillOpacity }) }));
|
|
8
|
+
const HeartIcon = ({ ...props }) => {
|
|
9
|
+
return ((0, jsx_runtime_1.jsx)(ASIcon_1.default, { ...props, children: (0, jsx_runtime_1.jsx)(HeartIconSvg, {}) }));
|
|
10
|
+
};
|
|
11
|
+
exports.default = HeartIcon;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ReplayIcon.d.ts","sourceRoot":"","sources":["../../src/icons/ReplayIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAuB1C,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAMnC,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
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 ASIcon_1 = tslib_1.__importDefault(require("./ASIcon"));
|
|
6
|
+
const styles_1 = require("./styles");
|
|
7
|
+
const ReplayIconSvg = ({ size = 24, color = '#000000', strokeWidth = 0.1, fillColor = '#000000', fillOpacity = 1, withCircle = false, ...props }) => ((0, jsx_runtime_1.jsx)(styles_1.TopIcon, { "$withCircle": withCircle, width: size, height: size, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { d: "M11.9 22.9q-1.97 0-3.69-.75t-2.99-2.02q-1.27-1.27-2.02-2.99t-.75-3.69h2.1q0 3.07 2.14 5.21T11.9 20.8q3.07 0 5.21-2.14t2.14-5.21-2.14-5.21T11.9 6.1h-.16l1.63 1.63-1.47 1.52-4.2-4.2 4.2-4.2 1.47 1.52L11.74 4h.16q1.97 0 3.69.75t2.99 2.02T20.6 9.76t.75 3.69q0 1.97-.75 3.69t-2.02 2.99q-1.27 1.27-2.99 2.02t-3.69.75Z", stroke: color, strokeWidth: strokeWidth, fill: fillColor, fillOpacity: fillOpacity }) }));
|
|
8
|
+
const ReplayIcon = ({ ...props }) => {
|
|
9
|
+
return ((0, jsx_runtime_1.jsx)(ASIcon_1.default, { ...props, children: (0, jsx_runtime_1.jsx)(ReplayIconSvg, {}) }));
|
|
10
|
+
};
|
|
11
|
+
exports.default = ReplayIcon;
|
package/dist/icons/index.d.ts
CHANGED
|
@@ -4,6 +4,8 @@ export * from './AddItemIcon';
|
|
|
4
4
|
export { default as AddItemIcon } from './AddItemIcon';
|
|
5
5
|
export * from './AddUserIcon';
|
|
6
6
|
export { default as AddUserIcon } from './AddUserIcon';
|
|
7
|
+
export * from './CalendarRangeIcon';
|
|
8
|
+
export { default as CalendarRangeIcon } from './CalendarRangeIcon';
|
|
7
9
|
export * from './CheckIcon';
|
|
8
10
|
export { default as CheckIcon } from './CheckIcon';
|
|
9
11
|
export * from './CloseIcon';
|
|
@@ -26,6 +28,8 @@ export * from './GamesIcon';
|
|
|
26
28
|
export { default as GamesIcon } from './GamesIcon';
|
|
27
29
|
export * from './GearUserIcon';
|
|
28
30
|
export { default as GearUserIcon } from './GearUserIcon';
|
|
31
|
+
export * from './HeartIcon';
|
|
32
|
+
export { default as HeartIcon } from './HeartIcon';
|
|
29
33
|
export * from './HexagonIcon';
|
|
30
34
|
export { default as HexagonIcon } from './HexagonIcon';
|
|
31
35
|
export * from './HomeIcon';
|
|
@@ -38,6 +42,8 @@ export * from './PenIcon';
|
|
|
38
42
|
export { default as PenIcon } from './PenIcon';
|
|
39
43
|
export * from './PodiumIcon';
|
|
40
44
|
export { default as PodiumIcon } from './PodiumIcon';
|
|
45
|
+
export * from './ReplayIcon';
|
|
46
|
+
export { default as ReplayIcon } from './ReplayIcon';
|
|
41
47
|
export * from './RulerIcon';
|
|
42
48
|
export { default as RulerIcon } from './RulerIcon';
|
|
43
49
|
export * from './SaveIcon';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/icons/index.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/icons/index.ts"],"names":[],"mappings":"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"}
|
package/dist/icons/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.UserSettingsIcon = exports.UnlockIcon = exports.TimeLapseIcon = exports.StatsIcon = exports.SearchIcon = exports.SaveIcon = exports.RulerIcon = exports.PodiumIcon = exports.PenIcon = exports.PasswordIcon = exports.LockIcon = exports.HomeIcon = exports.HexagonIcon = exports.GearUserIcon = exports.GamesIcon = exports.FootballIcon = exports.EyeSlashIcon = exports.EyeIcon = exports.ErrorIcon = exports.EmailIcon = exports.EleventheyeIcon = exports.DeleteIcon = exports.CloseIcon = exports.CheckIcon = exports.AddUserIcon = exports.AddItemIcon = exports.ASIcon = void 0;
|
|
3
|
+
exports.UserSettingsIcon = exports.UnlockIcon = exports.TimeLapseIcon = exports.StatsIcon = exports.SearchIcon = exports.SaveIcon = exports.RulerIcon = exports.ReplayIcon = exports.PodiumIcon = exports.PenIcon = exports.PasswordIcon = exports.LockIcon = exports.HomeIcon = exports.HexagonIcon = exports.HeartIcon = exports.GearUserIcon = exports.GamesIcon = exports.FootballIcon = exports.EyeSlashIcon = exports.EyeIcon = exports.ErrorIcon = exports.EmailIcon = exports.EleventheyeIcon = exports.DeleteIcon = exports.CloseIcon = exports.CheckIcon = exports.CalendarRangeIcon = exports.AddUserIcon = exports.AddItemIcon = exports.ASIcon = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
tslib_1.__exportStar(require("./ASIcon"), exports);
|
|
6
6
|
var ASIcon_1 = require("./ASIcon");
|
|
@@ -11,6 +11,9 @@ Object.defineProperty(exports, "AddItemIcon", { enumerable: true, get: function
|
|
|
11
11
|
tslib_1.__exportStar(require("./AddUserIcon"), exports);
|
|
12
12
|
var AddUserIcon_1 = require("./AddUserIcon");
|
|
13
13
|
Object.defineProperty(exports, "AddUserIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(AddUserIcon_1).default; } });
|
|
14
|
+
tslib_1.__exportStar(require("./CalendarRangeIcon"), exports);
|
|
15
|
+
var CalendarRangeIcon_1 = require("./CalendarRangeIcon");
|
|
16
|
+
Object.defineProperty(exports, "CalendarRangeIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(CalendarRangeIcon_1).default; } });
|
|
14
17
|
tslib_1.__exportStar(require("./CheckIcon"), exports);
|
|
15
18
|
var CheckIcon_1 = require("./CheckIcon");
|
|
16
19
|
Object.defineProperty(exports, "CheckIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(CheckIcon_1).default; } });
|
|
@@ -44,6 +47,9 @@ Object.defineProperty(exports, "GamesIcon", { enumerable: true, get: function ()
|
|
|
44
47
|
tslib_1.__exportStar(require("./GearUserIcon"), exports);
|
|
45
48
|
var GearUserIcon_1 = require("./GearUserIcon");
|
|
46
49
|
Object.defineProperty(exports, "GearUserIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(GearUserIcon_1).default; } });
|
|
50
|
+
tslib_1.__exportStar(require("./HeartIcon"), exports);
|
|
51
|
+
var HeartIcon_1 = require("./HeartIcon");
|
|
52
|
+
Object.defineProperty(exports, "HeartIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(HeartIcon_1).default; } });
|
|
47
53
|
tslib_1.__exportStar(require("./HexagonIcon"), exports);
|
|
48
54
|
var HexagonIcon_1 = require("./HexagonIcon");
|
|
49
55
|
Object.defineProperty(exports, "HexagonIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(HexagonIcon_1).default; } });
|
|
@@ -62,6 +68,9 @@ Object.defineProperty(exports, "PenIcon", { enumerable: true, get: function () {
|
|
|
62
68
|
tslib_1.__exportStar(require("./PodiumIcon"), exports);
|
|
63
69
|
var PodiumIcon_1 = require("./PodiumIcon");
|
|
64
70
|
Object.defineProperty(exports, "PodiumIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(PodiumIcon_1).default; } });
|
|
71
|
+
tslib_1.__exportStar(require("./ReplayIcon"), exports);
|
|
72
|
+
var ReplayIcon_1 = require("./ReplayIcon");
|
|
73
|
+
Object.defineProperty(exports, "ReplayIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(ReplayIcon_1).default; } });
|
|
65
74
|
tslib_1.__exportStar(require("./RulerIcon"), exports);
|
|
66
75
|
var RulerIcon_1 = require("./RulerIcon");
|
|
67
76
|
Object.defineProperty(exports, "RulerIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(RulerIcon_1).default; } });
|
package/dist/index.d.ts
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
export { ComponentSize } from './apptypes/ASUI.types';
|
|
2
1
|
export * from './icons/Icons.types';
|
|
3
2
|
export type { IconProps } from './icons/Icons.types';
|
|
4
3
|
export * from './apptypes/ASUI.types';
|
|
5
|
-
export { LoaderType } from './apptypes/ASUI.types';
|
|
4
|
+
export { ComponentSize, LoaderType } from './apptypes/ASUI.types';
|
|
6
5
|
export type { ASButtonTheme, ASColorTheme, ASComponentSize, ASLoaderTheme, ASLoaderType, ASPaddingSize, ASTextFieldTheme, ASTheme, SizeToClsType, } from './apptypes/ASUI.types';
|
|
7
6
|
export { default as ASThemeDefault } from './astheme/ASThemeDefault';
|
|
8
7
|
export { default as AddItemIcon } from './icons/AddItemIcon';
|
|
9
8
|
export { default as AddUserIcon } from './icons/AddUserIcon';
|
|
10
9
|
export { default as ASIcon } from './icons/ASIcon';
|
|
10
|
+
export { default as CalendarRangeIcon } from './icons/CalendarRangeIcon';
|
|
11
11
|
export { default as CheckIcon } from './icons/CheckIcon';
|
|
12
12
|
export { default as CloseIcon } from './icons/CloseIcon';
|
|
13
13
|
export { default as DeleteIcon } from './icons/DeleteIcon';
|
|
@@ -19,11 +19,13 @@ export { default as EyeSlashIcon } from './icons/EyeSlashIcon';
|
|
|
19
19
|
export { default as FootballIcon } from './icons/FootballIcon';
|
|
20
20
|
export { default as GamesIcon } from './icons/GamesIcon';
|
|
21
21
|
export { default as GearUserIcon } from './icons/GearUserIcon';
|
|
22
|
+
export { default as HeartIcon } from './icons/HeartIcon';
|
|
22
23
|
export { default as HexagonIcon } from './icons/HexagonIcon';
|
|
23
24
|
export { default as HomeIcon } from './icons/HomeIcon';
|
|
24
25
|
export { default as LockIcon } from './icons/LockIcon';
|
|
25
26
|
export { default as PenIcon } from './icons/PenIcon';
|
|
26
27
|
export { default as PodiumIcon } from './icons/PodiumIcon';
|
|
28
|
+
export { default as ReplayIcon } from './icons/ReplayIcon';
|
|
27
29
|
export { default as RulerIcon } from './icons/RulerIcon';
|
|
28
30
|
export { default as SaveIcon } from './icons/SaveIcon';
|
|
29
31
|
export { default as SearchIcon } from './icons/SearchIcon';
|
|
@@ -37,6 +39,9 @@ export type { ASDropdownProps } from './asdropdown';
|
|
|
37
39
|
export { default as ASDropdown } from './asdropdown/ASDropdown';
|
|
38
40
|
export type { ASLoaderProps } from './asloader';
|
|
39
41
|
export { default as ASLoader } from './asloader/ASLoader';
|
|
42
|
+
export type { ASNavBarItemType, ASNavBarOwnProps, ASNavBarProps } from './asnavbar';
|
|
43
|
+
export { default as ASNavBar } from './asnavbar/ASNavBar';
|
|
44
|
+
export { default as ASNavBarItem } from './asnavbar/ASNavBarItem';
|
|
40
45
|
export type { ASTextFieldProps } from './astextfield';
|
|
41
46
|
export { default as ASTextField } from './astextfield/ASTextField';
|
|
42
47
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.ASTextField = exports.ASLoader = exports.ASDropdown = exports.ASButton = exports.UserSettingsIcon = exports.UnlockIcon = exports.TimeLapseIcon = exports.StatsIcon = exports.SearchIcon = exports.SaveIcon = exports.RulerIcon = exports.PodiumIcon = exports.PenIcon = exports.LockIcon = exports.HomeIcon = exports.HexagonIcon = exports.GearUserIcon = exports.GamesIcon = exports.FootballIcon = exports.EyeSlashIcon = exports.EyeIcon = exports.ErrorIcon = exports.EmailIcon = exports.EleventheyeIcon = exports.DeleteIcon = exports.CloseIcon = exports.CheckIcon = exports.ASIcon = exports.AddUserIcon = exports.AddItemIcon = exports.ASThemeDefault = exports.LoaderType = exports.ComponentSize = void 0;
|
|
3
|
+
exports.ASTextField = exports.ASNavBarItem = exports.ASNavBar = exports.ASLoader = exports.ASDropdown = exports.ASButton = exports.UserSettingsIcon = exports.UnlockIcon = exports.TimeLapseIcon = exports.StatsIcon = exports.SearchIcon = exports.SaveIcon = exports.RulerIcon = exports.ReplayIcon = exports.PodiumIcon = exports.PenIcon = exports.LockIcon = exports.HomeIcon = exports.HexagonIcon = exports.HeartIcon = exports.GearUserIcon = exports.GamesIcon = exports.FootballIcon = exports.EyeSlashIcon = exports.EyeIcon = exports.ErrorIcon = exports.EmailIcon = exports.EleventheyeIcon = exports.DeleteIcon = exports.CloseIcon = exports.CheckIcon = exports.CalendarRangeIcon = exports.ASIcon = exports.AddUserIcon = exports.AddItemIcon = exports.ASThemeDefault = exports.LoaderType = exports.ComponentSize = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
|
-
var ASUI_types_1 = require("./apptypes/ASUI.types");
|
|
6
|
-
Object.defineProperty(exports, "ComponentSize", { enumerable: true, get: function () { return ASUI_types_1.ComponentSize; } });
|
|
7
5
|
tslib_1.__exportStar(require("./icons/Icons.types"), exports);
|
|
8
6
|
tslib_1.__exportStar(require("./apptypes/ASUI.types"), exports);
|
|
9
|
-
var
|
|
10
|
-
Object.defineProperty(exports, "
|
|
7
|
+
var ASUI_types_1 = require("./apptypes/ASUI.types");
|
|
8
|
+
Object.defineProperty(exports, "ComponentSize", { enumerable: true, get: function () { return ASUI_types_1.ComponentSize; } });
|
|
9
|
+
Object.defineProperty(exports, "LoaderType", { enumerable: true, get: function () { return ASUI_types_1.LoaderType; } });
|
|
11
10
|
var ASThemeDefault_1 = require("./astheme/ASThemeDefault");
|
|
12
11
|
Object.defineProperty(exports, "ASThemeDefault", { enumerable: true, get: function () { return tslib_1.__importDefault(ASThemeDefault_1).default; } });
|
|
13
12
|
var AddItemIcon_1 = require("./icons/AddItemIcon");
|
|
@@ -16,6 +15,8 @@ var AddUserIcon_1 = require("./icons/AddUserIcon");
|
|
|
16
15
|
Object.defineProperty(exports, "AddUserIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(AddUserIcon_1).default; } });
|
|
17
16
|
var ASIcon_1 = require("./icons/ASIcon");
|
|
18
17
|
Object.defineProperty(exports, "ASIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(ASIcon_1).default; } });
|
|
18
|
+
var CalendarRangeIcon_1 = require("./icons/CalendarRangeIcon");
|
|
19
|
+
Object.defineProperty(exports, "CalendarRangeIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(CalendarRangeIcon_1).default; } });
|
|
19
20
|
var CheckIcon_1 = require("./icons/CheckIcon");
|
|
20
21
|
Object.defineProperty(exports, "CheckIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(CheckIcon_1).default; } });
|
|
21
22
|
var CloseIcon_1 = require("./icons/CloseIcon");
|
|
@@ -38,6 +39,8 @@ var GamesIcon_1 = require("./icons/GamesIcon");
|
|
|
38
39
|
Object.defineProperty(exports, "GamesIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(GamesIcon_1).default; } });
|
|
39
40
|
var GearUserIcon_1 = require("./icons/GearUserIcon");
|
|
40
41
|
Object.defineProperty(exports, "GearUserIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(GearUserIcon_1).default; } });
|
|
42
|
+
var HeartIcon_1 = require("./icons/HeartIcon");
|
|
43
|
+
Object.defineProperty(exports, "HeartIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(HeartIcon_1).default; } });
|
|
41
44
|
var HexagonIcon_1 = require("./icons/HexagonIcon");
|
|
42
45
|
Object.defineProperty(exports, "HexagonIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(HexagonIcon_1).default; } });
|
|
43
46
|
var HomeIcon_1 = require("./icons/HomeIcon");
|
|
@@ -48,6 +51,8 @@ var PenIcon_1 = require("./icons/PenIcon");
|
|
|
48
51
|
Object.defineProperty(exports, "PenIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(PenIcon_1).default; } });
|
|
49
52
|
var PodiumIcon_1 = require("./icons/PodiumIcon");
|
|
50
53
|
Object.defineProperty(exports, "PodiumIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(PodiumIcon_1).default; } });
|
|
54
|
+
var ReplayIcon_1 = require("./icons/ReplayIcon");
|
|
55
|
+
Object.defineProperty(exports, "ReplayIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(ReplayIcon_1).default; } });
|
|
51
56
|
var RulerIcon_1 = require("./icons/RulerIcon");
|
|
52
57
|
Object.defineProperty(exports, "RulerIcon", { enumerable: true, get: function () { return tslib_1.__importDefault(RulerIcon_1).default; } });
|
|
53
58
|
var SaveIcon_1 = require("./icons/SaveIcon");
|
|
@@ -68,5 +73,9 @@ var ASDropdown_1 = require("./asdropdown/ASDropdown");
|
|
|
68
73
|
Object.defineProperty(exports, "ASDropdown", { enumerable: true, get: function () { return tslib_1.__importDefault(ASDropdown_1).default; } });
|
|
69
74
|
var ASLoader_1 = require("./asloader/ASLoader");
|
|
70
75
|
Object.defineProperty(exports, "ASLoader", { enumerable: true, get: function () { return tslib_1.__importDefault(ASLoader_1).default; } });
|
|
76
|
+
var ASNavBar_1 = require("./asnavbar/ASNavBar");
|
|
77
|
+
Object.defineProperty(exports, "ASNavBar", { enumerable: true, get: function () { return tslib_1.__importDefault(ASNavBar_1).default; } });
|
|
78
|
+
var ASNavBarItem_1 = require("./asnavbar/ASNavBarItem");
|
|
79
|
+
Object.defineProperty(exports, "ASNavBarItem", { enumerable: true, get: function () { return tslib_1.__importDefault(ASNavBarItem_1).default; } });
|
|
71
80
|
var ASTextField_1 = require("./astextfield/ASTextField");
|
|
72
81
|
Object.defineProperty(exports, "ASTextField", { enumerable: true, get: function () { return tslib_1.__importDefault(ASTextField_1).default; } });
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@eleventheye/asui",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.5.0",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "AS UI React Library by eleventheye (another one!)",
|
|
6
6
|
"keywords": [
|
|
@@ -77,6 +77,7 @@
|
|
|
77
77
|
"react": "^19.1.0",
|
|
78
78
|
"react-dom": "^19.1.0",
|
|
79
79
|
"rimraf": "^6.0.1",
|
|
80
|
-
"styled-components": "^6.1.17"
|
|
80
|
+
"styled-components": "^6.1.17",
|
|
81
|
+
"uuid": "11.1.0"
|
|
81
82
|
}
|
|
82
83
|
}
|