funuicss 3.8.7 → 3.8.9
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/css/fun.css +702 -87
- package/index.d.ts +3 -0
- package/index.js +8 -2
- package/package.json +1 -1
- package/ui/button/Button.d.ts +6 -5
- package/ui/button/Button.js +190 -84
- package/ui/div/Div.d.ts +3 -1
- package/ui/div/Div.js +2 -2
- package/ui/feature/Feature.d.ts +9 -38
- package/ui/feature/Feature.js +62 -147
- package/ui/flex/Flex.d.ts +11 -10
- package/ui/flex/Flex.js +102 -6
- package/ui/form/Form.d.ts +77 -0
- package/ui/form/Form.js +724 -0
- package/ui/input/FileUpload.js +370 -21
- package/ui/input/Input.d.ts +44 -15
- package/ui/input/Input.js +1145 -369
- package/ui/products/CartModal.d.ts +0 -2
- package/ui/products/CartModal.js +59 -39
- package/ui/products/ProductCard.js +9 -22
- package/ui/products/ProductDetail.js +136 -97
- package/ui/products/ProductLoader.d.ts +3 -0
- package/ui/products/ProductLoader.js +22 -0
- package/ui/products/Store.d.ts +32 -7
- package/ui/products/Store.js +393 -94
- package/ui/progress/Bar.js +2 -2
- package/ui/sidebar/SideBar.js +1 -2
- package/ui/specials/CircleGroup.d.ts +2 -1
- package/ui/specials/CircleGroup.js +3 -3
- package/ui/theme/theme.d.ts +4 -0
- package/ui/theme/theme.js +336 -133
package/ui/progress/Bar.js
CHANGED
|
@@ -41,7 +41,7 @@ function ProgressBar(_a) {
|
|
|
41
41
|
var funcss = _a.funcss, progress = _a.progress, _b = _a.height, height = _b === void 0 ? 16 : _b, children = _a.children, content = _a.content, raised = _a.raised, rounded = _a.rounded, _c = _a.bg, bg = _c === void 0 ? 'primary' : _c, // default CSS class name
|
|
42
42
|
_d = _a.type, // default CSS class name
|
|
43
43
|
type = _d === void 0 ? 'linear' : _d, _e = _a.size, size = _e === void 0 ? 60 : _e, fontSize = _a.fontSize, _f = _a.strokeWidth, strokeWidth = _f === void 0 ? 6 : _f;
|
|
44
|
-
var clampedProgress = Math.min(100, Math.max(0, progress));
|
|
44
|
+
var clampedProgress = Math.min(100, Math.max(0, Number(progress)));
|
|
45
45
|
var isComplete = clampedProgress >= 100;
|
|
46
46
|
var effectiveBg = isComplete ? 'success' : bg;
|
|
47
47
|
var renderContent = function () {
|
|
@@ -51,7 +51,7 @@ function ProgressBar(_a) {
|
|
|
51
51
|
return content(clampedProgress);
|
|
52
52
|
if (typeof content === 'string')
|
|
53
53
|
return content;
|
|
54
|
-
return "".concat(clampedProgress, "%");
|
|
54
|
+
return "".concat(clampedProgress.toFixed(), "%");
|
|
55
55
|
};
|
|
56
56
|
if (type === 'circle') {
|
|
57
57
|
var radius = (size - strokeWidth) / 2;
|
package/ui/sidebar/SideBar.js
CHANGED
|
@@ -39,7 +39,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
39
39
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
40
40
|
exports.default = SideBar;
|
|
41
41
|
var react_1 = __importStar(require("react"));
|
|
42
|
-
var RowFlex_1 = __importDefault(require("../specials/RowFlex"));
|
|
43
42
|
var Text_1 = __importDefault(require("../text/Text"));
|
|
44
43
|
var navigation_1 = require("next/navigation");
|
|
45
44
|
var theme_1 = require("../theme/theme");
|
|
@@ -142,7 +141,7 @@ function SideBar(_a) {
|
|
|
142
141
|
_b[position] = 0,
|
|
143
142
|
_b.padding = '1rem',
|
|
144
143
|
_b) },
|
|
145
|
-
|
|
144
|
+
header && react_1.default.createElement("div", null, header),
|
|
146
145
|
react_1.default.createElement("section", { className: "sidebar-body mt-3" },
|
|
147
146
|
links.length > 0 && (react_1.default.createElement("nav", { className: "sidebar-links" }, isAccordion ? (react_1.default.createElement(Accordion_1.default, { itemClass: accordionItemCss, items: accordionItems, allowMultiple: false, contentClass: "", titleClass: 'text-sm', activeClass: "" })) : (Object.entries(groupedLinks).map(function (_a) {
|
|
148
147
|
var section = _a[0], sectionLinks = _a[1];
|
|
@@ -4,6 +4,7 @@ interface AvatarGroupProps {
|
|
|
4
4
|
size?: number;
|
|
5
5
|
overlap?: number;
|
|
6
6
|
maxVisible?: number;
|
|
7
|
+
funcss?: string;
|
|
7
8
|
}
|
|
8
|
-
export default function CircleGroup({ avatars, size, overlap, maxVisible, }: AvatarGroupProps): React.JSX.Element;
|
|
9
|
+
export default function CircleGroup({ avatars, size, overlap, maxVisible, funcss, }: AvatarGroupProps): React.JSX.Element;
|
|
9
10
|
export {};
|
|
@@ -7,15 +7,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
7
7
|
exports.default = CircleGroup;
|
|
8
8
|
var react_1 = __importDefault(require("react"));
|
|
9
9
|
function CircleGroup(_a) {
|
|
10
|
-
var avatars = _a.avatars, _b = _a.size, size = _b === void 0 ? 2 : _b, _c = _a.overlap, overlap = _c === void 0 ? 0.8 : _c, _d = _a.maxVisible, maxVisible = _d === void 0 ? avatars.length : _d;
|
|
10
|
+
var avatars = _a.avatars, _b = _a.size, size = _b === void 0 ? 2 : _b, _c = _a.overlap, overlap = _c === void 0 ? 0.8 : _c, _d = _a.maxVisible, maxVisible = _d === void 0 ? avatars.length : _d, _e = _a.funcss, funcss = _e === void 0 ? '' : _e;
|
|
11
11
|
var displayed = avatars.slice(0, maxVisible);
|
|
12
12
|
var extra = avatars.length - maxVisible;
|
|
13
|
-
return (react_1.default.createElement("div", { className: "flex", style: { direction: 'ltr' } },
|
|
13
|
+
return (react_1.default.createElement("div", { className: "flex ".concat(funcss), style: { direction: 'ltr' } },
|
|
14
14
|
displayed.map(function (avatar, i) { return (react_1.default.createElement("div", { key: i, style: {
|
|
15
15
|
marginLeft: i === 0 ? '0' : "-".concat(overlap, "rem"),
|
|
16
16
|
zIndex: avatars.length - i,
|
|
17
17
|
} }, react_1.default.cloneElement(avatar, { size: size }))); }),
|
|
18
|
-
extra > 0 && (react_1.default.createElement("div", { className: "avatar lighter
|
|
18
|
+
extra > 0 && (react_1.default.createElement("div", { className: "avatar lighter flex ", style: {
|
|
19
19
|
width: "".concat(size, "rem"),
|
|
20
20
|
height: "".concat(size, "rem"),
|
|
21
21
|
marginLeft: "-".concat(overlap, "rem"),
|
package/ui/theme/theme.d.ts
CHANGED
|
@@ -94,6 +94,7 @@ interface ThemeProviderProps {
|
|
|
94
94
|
minHeight?: string;
|
|
95
95
|
children: ReactNode;
|
|
96
96
|
project?: ProjectData | null;
|
|
97
|
+
projectFile?: File | null;
|
|
97
98
|
}
|
|
98
99
|
interface ThemeContextType {
|
|
99
100
|
variant: ThemeVariant;
|
|
@@ -110,6 +111,9 @@ export declare const useVariant: () => {
|
|
|
110
111
|
variant: ThemeVariant;
|
|
111
112
|
setVariant: React.Dispatch<React.SetStateAction<ThemeVariant>>;
|
|
112
113
|
};
|
|
114
|
+
export declare const setGlobalProjectId: (id: string) => void;
|
|
115
|
+
export declare const getGlobalProjectId: () => string | null;
|
|
116
|
+
export declare const clearGlobalProjectId: () => void;
|
|
113
117
|
export declare const getVariable: (name: string) => {
|
|
114
118
|
name: string;
|
|
115
119
|
value: any;
|