@veracity/vui 0.3.1 → 0.4.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/avatar/avatar.d.ts +2 -2
- package/avatar/avatar.js +9 -29
- package/avatar/avatar.types.d.ts +9 -2
- package/avatar/helpers.d.ts +2 -0
- package/avatar/helpers.js +26 -0
- package/avatar/index.d.ts +1 -1
- package/avatar/index.js +1 -1
- package/avatar/theme.d.ts +1 -0
- package/avatar/theme.js +7 -0
- package/box/box.d.ts +2 -2
- package/box/box.js +9 -8
- package/box/box.types.d.ts +13 -2
- package/box/index.d.ts +1 -1
- package/box/index.js +1 -1
- package/box/theme.d.ts +1 -0
- package/box/theme.js +2 -0
- package/button/button.d.ts +7 -3
- package/button/button.js +24 -14
- package/button/button.types.d.ts +16 -34
- package/button/buttonIcon.d.ts +1 -0
- package/button/buttonIcon.js +3 -5
- package/button/buttonText.d.ts +1 -0
- package/button/buttonText.js +3 -5
- package/button/buttons.js +1 -1
- package/button/consts.js +2 -2
- package/button/index.d.ts +2 -2
- package/button/index.js +3 -3
- package/button/theme.d.ts +1 -0
- package/button/theme.js +5 -3
- package/buttonGroup/buttonGroup.d.ts +5 -2
- package/buttonGroup/buttonGroup.js +12 -8
- package/buttonGroup/buttonGroup.types.d.ts +4 -2
- package/buttonGroup/helpers.d.ts +1 -1
- package/buttonGroup/helpers.js +1 -1
- package/buttonGroup/index.d.ts +1 -1
- package/buttonGroup/index.js +2 -2
- package/card/card.d.ts +4 -0
- package/card/card.js +8 -0
- package/card/card.types.d.ts +3 -2
- package/card/index.d.ts +1 -1
- package/card/index.js +1 -1
- package/card/theme.d.ts +1 -0
- package/card/theme.js +2 -0
- package/checkbox/checkbox.d.ts +5 -4
- package/checkbox/checkbox.js +20 -10
- package/checkbox/checkbox.types.d.ts +21 -4
- package/checkbox/checkboxGroup.d.ts +5 -2
- package/checkbox/checkboxGroup.js +11 -7
- package/checkbox/checkboxGroup.types.d.ts +9 -2
- package/checkbox/index.d.ts +1 -1
- package/checkbox/index.js +2 -2
- package/checkbox/theme.d.ts +1 -0
- package/checkbox/theme.js +2 -0
- package/core/index.d.ts +4 -5
- package/core/index.js +4 -12
- package/core/media.d.ts +38 -0
- package/core/media.js +79 -0
- package/core/styled.d.ts +3 -0
- package/core/styled.js +21 -3
- package/core/theme.d.ts +41 -0
- package/core/theme.js +94 -0
- package/core/vui.d.ts +31 -0
- package/core/vui.js +20 -0
- package/core/vuiProvider/fontFaces.js +4 -0
- package/core/{globalStyle.d.ts → vuiProvider/globalStyle.d.ts} +7 -0
- package/core/{globalStyle.js → vuiProvider/globalStyle.js} +17 -9
- package/core/vuiProvider/index.d.ts +5 -0
- package/core/vuiProvider/index.js +26 -0
- package/core/{resetCSS.d.ts → vuiProvider/resetCSS.d.ts} +1 -0
- package/core/{resetCSS.js → vuiProvider/resetCSS.js} +2 -1
- package/core/vuiProvider/vuiProvider.d.ts +13 -0
- package/core/{vuiProvider.js → vuiProvider/vuiProvider.js} +3 -2
- package/divider/divider.d.ts +2 -2
- package/divider/divider.js +5 -4
- package/divider/divider.types.d.ts +5 -2
- package/divider/index.d.ts +1 -1
- package/divider/index.js +1 -1
- package/divider/theme.d.ts +1 -0
- package/divider/theme.js +2 -0
- package/footer/consts.d.ts +108 -8
- package/footer/consts.js +21 -9
- package/footer/footer.d.ts +3 -1
- package/footer/footer.js +21 -10
- package/footer/footer.types.d.ts +5 -0
- package/footer/footerColumn.d.ts +122 -121
- package/footer/footerColumn.js +1 -0
- package/footer/footerHeading.d.ts +1 -0
- package/footer/footerHeading.js +1 -0
- package/footer/footerLink.d.ts +1 -0
- package/footer/footerLink.js +1 -0
- package/footer/footerRow.d.ts +1 -0
- package/footer/footerRow.js +1 -0
- package/footer/footerSection.d.ts +1 -0
- package/footer/footerSection.js +2 -1
- package/footer/footerTrademark.d.ts +1 -0
- package/footer/footerTrademark.js +1 -0
- package/footer/helpers.d.ts +2 -3
- package/footer/helpers.js +16 -16
- package/footer/index.d.ts +2 -1
- package/footer/index.js +2 -2
- package/footer/theme.d.ts +1 -0
- package/footer/theme.js +2 -0
- package/header/consts.d.ts +58 -0
- package/header/consts.js +76 -0
- package/header/context.d.ts +4 -0
- package/header/context.js +23 -0
- package/header/header.d.ts +34 -0
- package/header/header.js +133 -0
- package/header/header.types.d.ts +103 -0
- package/header/headerAccount.d.ts +4 -0
- package/header/headerAccount.js +109 -0
- package/header/headerAccount.types.d.ts +35 -0
- package/header/headerContent.d.ts +4 -0
- package/header/headerContent.js +28 -0
- package/header/headerCreateAccount.d.ts +4 -0
- package/header/headerCreateAccount.js +47 -0
- package/header/headerDivider.d.ts +4 -0
- package/header/headerDivider.js +28 -0
- package/header/headerLinkItem.d.ts +4 -0
- package/header/headerLinkItem.js +53 -0
- package/header/headerLinksList.d.ts +4 -0
- package/header/headerLinksList.js +44 -0
- package/header/headerLogo.d.ts +4 -0
- package/header/headerLogo.js +44 -0
- package/header/headerMobileContent.d.ts +4 -0
- package/header/headerMobileContent.js +31 -0
- package/header/headerMobileToggle.d.ts +4 -0
- package/header/headerMobileToggle.js +33 -0
- package/header/headerNotifications.d.ts +4 -0
- package/header/headerNotifications.js +51 -0
- package/header/headerServices.d.ts +4 -0
- package/header/headerServices.js +55 -0
- package/header/headerSignIn.d.ts +4 -0
- package/header/headerSignIn.js +40 -0
- package/header/helpers.d.ts +17 -0
- package/header/helpers.js +66 -0
- package/header/index.d.ts +21 -0
- package/header/index.js +38 -0
- package/header/loggedInHeader.d.ts +4 -0
- package/header/loggedInHeader.js +57 -0
- package/header/loggedOutHeader.d.ts +4 -0
- package/header/loggedOutHeader.js +57 -0
- package/header/theme.d.ts +85 -0
- package/header/theme.js +89 -0
- package/heading/heading.d.ts +2 -2
- package/heading/heading.js +5 -4
- package/heading/heading.types.d.ts +7 -2
- package/heading/headings.js +1 -1
- package/heading/index.d.ts +1 -1
- package/heading/index.js +2 -2
- package/heading/theme.d.ts +1 -0
- package/heading/theme.js +2 -0
- package/icon/helpers.js +2 -2
- package/icon/icon.d.ts +1 -0
- package/icon/icon.js +2 -2
- package/icon/icon.types.d.ts +7 -4
- package/icon/index.d.ts +1 -1
- package/icon/index.js +1 -1
- package/icon/theme.d.ts +1 -0
- package/icon/theme.js +2 -0
- package/icons/baseIcons/fal/falFileInvoiceDollar.d.ts +3 -0
- package/icons/baseIcons/fal/falFileInvoiceDollar.js +7 -0
- package/icons/baseIcons/fas/fasCalendarAlt.js +1 -1
- package/icons/baseIcons/icons.d.ts +1 -0
- package/icons/baseIcons/icons.js +5 -3
- package/icons/baseIcons/types.d.ts +1 -1
- package/icons/cache.d.ts +15 -0
- package/icons/{library.js → cache.js} +10 -6
- package/icons/index.d.ts +1 -1
- package/icons/index.js +3 -3
- package/icons/types.d.ts +10 -3
- package/image/image.d.ts +2 -0
- package/image/image.js +11 -2
- package/image/image.types.d.ts +3 -2
- package/image/index.d.ts +1 -1
- package/image/index.js +1 -1
- package/image/theme.d.ts +1 -0
- package/image/theme.js +2 -0
- package/index.d.ts +3 -1
- package/index.js +3 -1
- package/input/consts.js +2 -2
- package/input/helpers.d.ts +1 -0
- package/input/helpers.js +1 -0
- package/input/index.d.ts +1 -1
- package/input/index.js +2 -2
- package/input/input.d.ts +7 -3
- package/input/input.js +17 -7
- package/input/input.types.d.ts +36 -7
- package/input/inputIcon.d.ts +1 -0
- package/input/inputIcon.js +2 -1
- package/input/inputInput.d.ts +2 -2
- package/input/inputInput.js +10 -5
- package/input/theme.d.ts +1 -0
- package/input/theme.js +2 -0
- package/link/index.d.ts +1 -1
- package/link/index.js +2 -2
- package/link/link.d.ts +6 -3
- package/link/link.js +15 -9
- package/link/link.types.d.ts +15 -7
- package/link/linkIcon.d.ts +1 -0
- package/link/linkIcon.js +3 -5
- package/link/linkText.d.ts +1 -0
- package/link/linkText.js +3 -5
- package/link/theme.d.ts +6 -0
- package/link/theme.js +9 -1
- package/list/index.d.ts +1 -1
- package/list/index.js +2 -2
- package/list/list.d.ts +3 -3
- package/list/list.js +13 -8
- package/list/list.types.d.ts +29 -8
- package/list/listDivider.d.ts +1 -0
- package/list/listDivider.js +3 -5
- package/list/listHeading.d.ts +1 -0
- package/list/listHeading.js +4 -6
- package/list/listIcon.d.ts +1 -0
- package/list/listIcon.js +3 -5
- package/list/listItem.d.ts +5 -2
- package/list/listItem.js +52 -19
- package/list/listText.d.ts +1 -0
- package/list/listText.js +3 -5
- package/list/theme.d.ts +1 -0
- package/list/theme.js +5 -2
- package/menu/menu.d.ts +1 -0
- package/menu/menu.js +1 -0
- package/menu/menu.types.d.ts +3 -0
- package/menu/menuButton.d.ts +1 -0
- package/menu/menuButton.js +3 -4
- package/menu/menuItem.d.ts +1 -0
- package/menu/menuItem.js +9 -23
- package/menu/menuList.d.ts +1 -0
- package/menu/menuList.js +3 -4
- package/menu/theme.d.ts +16 -2
- package/menu/theme.js +18 -3
- package/modal/context.d.ts +4 -0
- package/modal/context.js +23 -0
- package/modal/focusLock.d.ts +9 -0
- package/modal/focusLock.js +47 -0
- package/modal/focusLock.types.d.ts +28 -0
- package/modal/focusLock.types.js +2 -0
- package/modal/index.d.ts +7 -0
- package/modal/index.js +24 -0
- package/modal/modal.d.ts +10 -0
- package/modal/modal.js +109 -0
- package/modal/modal.types.d.ts +40 -0
- package/modal/modal.types.js +2 -0
- package/modal/modalBackdrop.d.ts +4 -0
- package/modal/modalBackdrop.js +38 -0
- package/modal/modalManager.d.ts +12 -0
- package/modal/modalManager.js +33 -0
- package/modal/theme.d.ts +7 -0
- package/modal/theme.js +12 -0
- package/notification/consts.js +2 -2
- package/notification/index.d.ts +2 -2
- package/notification/index.js +3 -3
- package/notification/notification.d.ts +5 -1
- package/notification/notification.js +12 -27
- package/notification/notification.types.d.ts +11 -4
- package/notification/notificationButton.d.ts +1 -0
- package/notification/notificationButton.js +4 -5
- package/notification/notificationIcon.d.ts +1 -0
- package/notification/notificationIcon.js +7 -7
- package/notification/notificationText.d.ts +1 -0
- package/notification/notificationText.js +3 -5
- package/notification/notificationTitle.d.ts +1 -0
- package/notification/notificationTitle.js +3 -5
- package/notification/theme.d.ts +1 -0
- package/notification/theme.js +2 -0
- package/p/index.d.ts +1 -1
- package/p/index.js +1 -1
- package/p/p.d.ts +2 -2
- package/p/p.js +5 -4
- package/p/p.types.d.ts +7 -2
- package/p/theme.d.ts +1 -0
- package/p/theme.js +2 -0
- package/package.json +3 -1
- package/panel/index.d.ts +1 -1
- package/panel/index.js +1 -1
- package/panel/panel.d.ts +4 -0
- package/panel/panel.js +4 -0
- package/panel/panel.types.d.ts +1 -2
- package/panel/theme.d.ts +1 -0
- package/panel/theme.js +2 -0
- package/popover/consts.d.ts +6 -0
- package/popover/consts.js +42 -0
- package/popover/index.d.ts +1 -1
- package/popover/index.js +1 -1
- package/popover/popover.d.ts +6 -2
- package/popover/popover.js +20 -4
- package/popover/popover.types.d.ts +4 -1
- package/popover/popoverContent.d.ts +2 -1
- package/popover/popoverContent.js +6 -1
- package/popover/popoverTrigger.d.ts +4 -0
- package/popover/popoverTrigger.js +4 -0
- package/popover/theme.d.ts +1 -0
- package/popover/theme.js +2 -0
- package/popover/usePopover.d.ts +5 -0
- package/popover/usePopover.js +26 -18
- package/popover/usePopover.types.d.ts +17 -6
- package/portal/index.d.ts +3 -0
- package/{styles → portal}/index.js +5 -5
- package/portal/portal.d.ts +5 -0
- package/portal/portal.js +56 -0
- package/portal/portal.types.d.ts +7 -0
- package/portal/portal.types.js +2 -0
- package/radio/index.d.ts +1 -1
- package/radio/index.js +2 -2
- package/radio/radio.d.ts +5 -4
- package/radio/radio.js +20 -10
- package/radio/radio.types.d.ts +19 -4
- package/radio/radioGroup.d.ts +5 -2
- package/radio/radioGroup.js +11 -7
- package/radio/radioGroup.types.d.ts +10 -2
- package/radio/theme.d.ts +1 -0
- package/radio/theme.js +2 -0
- package/skeleton/index.d.ts +1 -1
- package/skeleton/index.js +1 -1
- package/skeleton/skeleton.d.ts +2 -2
- package/skeleton/skeleton.js +4 -3
- package/skeleton/skeleton.types.d.ts +5 -2
- package/skeleton/theme.d.ts +1 -0
- package/skeleton/theme.js +2 -0
- package/spinner/index.d.ts +1 -1
- package/spinner/index.js +1 -1
- package/spinner/spinner.d.ts +6 -2
- package/spinner/spinner.js +12 -5
- package/spinner/spinner.types.d.ts +10 -6
- package/spinner/theme.d.ts +1 -0
- package/spinner/theme.js +2 -0
- package/svg/helpers.d.ts +1 -1
- package/svg/index.d.ts +1 -1
- package/svg/index.js +1 -1
- package/svg/svg.d.ts +6 -1
- package/svg/svg.js +16 -5
- package/svg/svg.types.d.ts +7 -5
- package/switch/context.d.ts +2 -2
- package/switch/index.d.ts +1 -1
- package/switch/index.js +2 -2
- package/switch/switch.d.ts +6 -3
- package/switch/switch.js +15 -12
- package/switch/switch.types.d.ts +37 -4
- package/switch/switchButton.d.ts +5 -5
- package/switch/switchButton.js +34 -26
- package/switch/switchLabel.d.ts +1 -0
- package/switch/switchLabel.js +3 -5
- package/switch/theme.d.ts +1 -0
- package/switch/theme.js +2 -0
- package/system/animations.d.ts +3 -4
- package/system/backgrounds.d.ts +4 -5
- package/system/borders.d.ts +60 -61
- package/system/custom.d.ts +4 -4
- package/system/effects.d.ts +7 -8
- package/system/flexboxGrids.d.ts +5 -6
- package/system/flexboxes.d.ts +28 -29
- package/system/grids.d.ts +25 -26
- package/system/index.d.ts +0 -1
- package/system/index.js +0 -6
- package/system/interactivity.d.ts +11 -12
- package/system/layout.d.ts +31 -32
- package/system/sizing.d.ts +13 -14
- package/system/space.d.ts +37 -38
- package/system/system.d.ts +4 -5
- package/system/system.js +3 -1
- package/system/tables.d.ts +5 -6
- package/system/transforms.d.ts +22 -23
- package/system/transitions.d.ts +11 -12
- package/system/typography.d.ts +33 -34
- package/t/index.d.ts +1 -1
- package/t/index.js +1 -1
- package/t/t.d.ts +2 -2
- package/t/t.js +5 -4
- package/t/t.types.d.ts +8 -2
- package/t/theme.d.ts +1 -0
- package/t/theme.js +2 -0
- package/tag/index.d.ts +1 -1
- package/tag/index.js +2 -2
- package/tag/tag.d.ts +6 -3
- package/tag/tag.js +14 -7
- package/tag/tag.types.d.ts +19 -6
- package/tag/tagButton.d.ts +1 -0
- package/tag/tagButton.js +4 -16
- package/tag/tagIcon.d.ts +1 -0
- package/tag/tagIcon.js +3 -5
- package/tag/tagText.d.ts +1 -0
- package/tag/tagText.js +3 -5
- package/tag/theme.d.ts +1 -0
- package/tag/theme.js +8 -0
- package/textarea/helpers.d.ts +1 -0
- package/textarea/helpers.js +1 -0
- package/textarea/index.d.ts +1 -1
- package/textarea/index.js +1 -1
- package/textarea/textarea.d.ts +5 -3
- package/textarea/textarea.js +23 -10
- package/textarea/textarea.types.d.ts +22 -2
- package/textarea/theme.d.ts +1 -0
- package/textarea/theme.js +2 -0
- package/theme/components.d.ts +129 -2
- package/theme/components.js +38 -36
- package/theme/defaultTheme.d.ts +134 -2
- package/theme/foundations/colors.d.ts +10 -0
- package/theme/foundations/colors.js +8 -2
- package/theme/foundations/index.d.ts +5 -0
- package/theme/foundations/shadows.js +3 -3
- package/theme/foundations/transformers.js +3 -2
- package/theme/index.d.ts +1 -3
- package/theme/index.js +4 -5
- package/theme/types.d.ts +3 -2
- package/utils/assertion.d.ts +5 -5
- package/utils/assertion.js +8 -4
- package/utils/index.d.ts +1 -0
- package/utils/index.js +1 -0
- package/utils/object.d.ts +2 -2
- package/utils/object.js +3 -1
- package/utils/react.d.ts +10 -5
- package/utils/react.js +64 -9
- package/utils/string.d.ts +5 -0
- package/utils/string.js +19 -0
- package/utils/styles.d.ts +2 -2
- package/utils/styles.js +4 -4
- package/utils/types.d.ts +11 -4
- package/core/types/component.d.ts +0 -25
- package/core/types/index.d.ts +0 -2
- package/core/types/index.js +0 -14
- package/core/types/themeGet.d.ts +0 -24
- package/core/utils.d.ts +0 -56
- package/core/utils.js +0 -194
- package/core/vuiProvider.d.ts +0 -20
- package/icons/library.d.ts +0 -11
- package/popover/plugins.d.ts +0 -3
- package/popover/plugins.js +0 -24
- package/styles/fontFaces.js +0 -4
- package/styles/helpers.d.ts +0 -4
- package/styles/helpers.js +0 -8
- package/styles/index.d.ts +0 -3
- /package/{styles → core/vuiProvider}/animations.d.ts +0 -0
- /package/{styles → core/vuiProvider}/animations.js +0 -0
- /package/{styles → core/vuiProvider}/fontFaces.d.ts +0 -0
- /package/{core/types/component.js → header/header.types.js} +0 -0
- /package/{core/types/themeGet.js → header/headerAccount.types.js} +0 -0
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { LoggedInHeaderProps } from './header.types';
|
|
2
|
+
/** Displays Header content appropriate for logged in users, such as services, notifications or account information. */
|
|
3
|
+
export declare const LoggedInHeader: import("../core").VuiComponent<"div", LoggedInHeaderProps>;
|
|
4
|
+
export default LoggedInHeader;
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
+
var t = {};
|
|
15
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
+
t[p] = s[p];
|
|
17
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
+
t[p[i]] = s[p[i]];
|
|
21
|
+
}
|
|
22
|
+
return t;
|
|
23
|
+
};
|
|
24
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
25
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
26
|
+
};
|
|
27
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
28
|
+
exports.LoggedInHeader = void 0;
|
|
29
|
+
var react_1 = __importDefault(require("react"));
|
|
30
|
+
var box_1 = __importDefault(require("../box"));
|
|
31
|
+
var core_1 = require("../core");
|
|
32
|
+
var utils_1 = require("../utils");
|
|
33
|
+
var header_1 = __importDefault(require("./header"));
|
|
34
|
+
/** Displays Header content appropriate for logged in users, such as services, notifications or account information. */
|
|
35
|
+
exports.LoggedInHeader = (0, core_1.vui)(function (props, ref) {
|
|
36
|
+
var account = props.account, className = props.className, children = props.children, links = props.links, logo = props.logo, services = props.services, notifications = props.notifications, rest = __rest(props, ["account", "className", "children", "links", "logo", "services", "notifications"]);
|
|
37
|
+
return (react_1.default.createElement(header_1.default, __assign({ className: (0, utils_1.cs)('vui-loggedInHeader', className), ref: ref }, rest),
|
|
38
|
+
react_1.default.createElement(header_1.default.Content, null,
|
|
39
|
+
(0, utils_1.isObject)(logo) ? react_1.default.createElement(header_1.default.Logo, __assign({}, logo)) : logo,
|
|
40
|
+
react_1.default.createElement(core_1.RenderOnDesktop, null, children),
|
|
41
|
+
react_1.default.createElement(box_1.default, { ml: "auto" }),
|
|
42
|
+
react_1.default.createElement(core_1.RenderOnDesktop, null,
|
|
43
|
+
(0, utils_1.isArray)(links) ? react_1.default.createElement(header_1.default.LinksList, { links: links }) : links,
|
|
44
|
+
links !== undefined && react_1.default.createElement(header_1.default.Divider, { mr: 1 }),
|
|
45
|
+
(0, utils_1.isArray)(services) ? react_1.default.createElement(header_1.default.Services, { services: services }) : services),
|
|
46
|
+
(0, utils_1.isObject)(notifications) ? react_1.default.createElement(header_1.default.Notifications, __assign({}, notifications)) : notifications,
|
|
47
|
+
(0, utils_1.isObject)(account) ? react_1.default.createElement(header_1.default.Account, __assign({}, account)) : account,
|
|
48
|
+
react_1.default.createElement(core_1.RenderOnMobile, null,
|
|
49
|
+
(account !== undefined || notifications !== undefined) && react_1.default.createElement(header_1.default.Divider, { ml: 2 }),
|
|
50
|
+
react_1.default.createElement(header_1.default.MobileToggle, null),
|
|
51
|
+
react_1.default.createElement(header_1.default.MobileContent, null,
|
|
52
|
+
children,
|
|
53
|
+
(0, utils_1.isArray)(links) ? react_1.default.createElement(header_1.default.LinksList, { links: links }) : links,
|
|
54
|
+
(0, utils_1.isArray)(services) ? react_1.default.createElement(header_1.default.Services, { services: services }) : services)))));
|
|
55
|
+
});
|
|
56
|
+
exports.LoggedInHeader.displayName = 'LoggedInHeader';
|
|
57
|
+
exports.default = exports.LoggedInHeader;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { LoggedOutHeaderProps } from './header.types';
|
|
2
|
+
/** Displays Header content appropriate for logged out users, such as sign in button or create account prompt. */
|
|
3
|
+
export declare const LoggedOutHeader: import("../core").VuiComponent<"div", LoggedOutHeaderProps>;
|
|
4
|
+
export default LoggedOutHeader;
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
+
var t = {};
|
|
15
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
+
t[p] = s[p];
|
|
17
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
+
t[p[i]] = s[p[i]];
|
|
21
|
+
}
|
|
22
|
+
return t;
|
|
23
|
+
};
|
|
24
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
25
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
26
|
+
};
|
|
27
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
28
|
+
exports.LoggedOutHeader = void 0;
|
|
29
|
+
var react_1 = __importDefault(require("react"));
|
|
30
|
+
var box_1 = __importDefault(require("../box"));
|
|
31
|
+
var core_1 = require("../core");
|
|
32
|
+
var utils_1 = require("../utils");
|
|
33
|
+
var header_1 = __importDefault(require("./header"));
|
|
34
|
+
/** Displays Header content appropriate for logged out users, such as sign in button or create account prompt. */
|
|
35
|
+
exports.LoggedOutHeader = (0, core_1.vui)(function (props, ref) {
|
|
36
|
+
var children = props.children, className = props.className, createAccount = props.createAccount, links = props.links, logo = props.logo, signIn = props.signIn, rest = __rest(props, ["children", "className", "createAccount", "links", "logo", "signIn"]);
|
|
37
|
+
return (react_1.default.createElement(header_1.default, __assign({ className: (0, utils_1.cs)('vui-loggedOutHeader', className), ref: ref }, rest),
|
|
38
|
+
react_1.default.createElement(header_1.default.Content, null,
|
|
39
|
+
(0, utils_1.isObject)(logo) ? react_1.default.createElement(header_1.default.Logo, __assign({}, logo)) : logo,
|
|
40
|
+
react_1.default.createElement(core_1.RenderOnDesktop, null, children),
|
|
41
|
+
react_1.default.createElement(box_1.default, { ml: "auto" }),
|
|
42
|
+
react_1.default.createElement(core_1.RenderOnDesktop, null,
|
|
43
|
+
(0, utils_1.isArray)(links) ? react_1.default.createElement(header_1.default.LinksList, { links: links }) : links,
|
|
44
|
+
links !== undefined && react_1.default.createElement(header_1.default.Divider, { mr: 3 }),
|
|
45
|
+
(0, utils_1.isObject)(signIn) ? react_1.default.createElement(header_1.default.SignIn, __assign({}, signIn)) : signIn,
|
|
46
|
+
(0, utils_1.isObject)(createAccount) ? (react_1.default.createElement(header_1.default.CreateAccount, __assign({}, createAccount))) : (createAccount)),
|
|
47
|
+
react_1.default.createElement(core_1.RenderOnMobile, null,
|
|
48
|
+
(0, utils_1.isObject)(signIn) ? react_1.default.createElement(header_1.default.SignIn, __assign({}, signIn)) : signIn,
|
|
49
|
+
signIn !== undefined && react_1.default.createElement(header_1.default.Divider, { ml: 2 }),
|
|
50
|
+
react_1.default.createElement(header_1.default.MobileToggle, null),
|
|
51
|
+
react_1.default.createElement(header_1.default.MobileContent, null,
|
|
52
|
+
children,
|
|
53
|
+
(0, utils_1.isObject)(createAccount) ? (react_1.default.createElement(header_1.default.CreateAccount, __assign({}, createAccount))) : (createAccount),
|
|
54
|
+
(0, utils_1.isArray)(links) ? react_1.default.createElement(header_1.default.LinksList, { links: links }) : links)))));
|
|
55
|
+
});
|
|
56
|
+
exports.LoggedOutHeader.displayName = 'LoggedOutHeader';
|
|
57
|
+
exports.default = exports.LoggedOutHeader;
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
baseStyle: {};
|
|
3
|
+
defaultProps: {};
|
|
4
|
+
parts: string[];
|
|
5
|
+
sizes: {};
|
|
6
|
+
variants: {
|
|
7
|
+
dark: {
|
|
8
|
+
container: {
|
|
9
|
+
bg: string;
|
|
10
|
+
borderBottom: number;
|
|
11
|
+
};
|
|
12
|
+
account: {
|
|
13
|
+
trigger: {
|
|
14
|
+
bg: string;
|
|
15
|
+
color: string;
|
|
16
|
+
hoverBg: string;
|
|
17
|
+
activeBg: string;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
createAccount: {
|
|
21
|
+
link: {
|
|
22
|
+
color: {
|
|
23
|
+
xs: string;
|
|
24
|
+
md: string;
|
|
25
|
+
};
|
|
26
|
+
hoverColor: {
|
|
27
|
+
xs: string;
|
|
28
|
+
md: string;
|
|
29
|
+
};
|
|
30
|
+
};
|
|
31
|
+
text: {
|
|
32
|
+
color: {
|
|
33
|
+
md: string;
|
|
34
|
+
};
|
|
35
|
+
};
|
|
36
|
+
};
|
|
37
|
+
divider: {
|
|
38
|
+
borderColor: string;
|
|
39
|
+
};
|
|
40
|
+
linkItem: {
|
|
41
|
+
container: {
|
|
42
|
+
hoverBg: {
|
|
43
|
+
xs: string;
|
|
44
|
+
md: string;
|
|
45
|
+
};
|
|
46
|
+
activeBg: {
|
|
47
|
+
xs: string;
|
|
48
|
+
md: string;
|
|
49
|
+
};
|
|
50
|
+
};
|
|
51
|
+
link: {
|
|
52
|
+
borderColor: string;
|
|
53
|
+
};
|
|
54
|
+
};
|
|
55
|
+
linksList: {
|
|
56
|
+
color: {
|
|
57
|
+
md: string;
|
|
58
|
+
};
|
|
59
|
+
};
|
|
60
|
+
logo: {
|
|
61
|
+
svg: {
|
|
62
|
+
pathFill: string;
|
|
63
|
+
};
|
|
64
|
+
};
|
|
65
|
+
mobileContent: {
|
|
66
|
+
top: string;
|
|
67
|
+
};
|
|
68
|
+
mobileToggle: {
|
|
69
|
+
variant: string;
|
|
70
|
+
};
|
|
71
|
+
notifications: {
|
|
72
|
+
variant: string;
|
|
73
|
+
};
|
|
74
|
+
services: {
|
|
75
|
+
button: {
|
|
76
|
+
variant: string;
|
|
77
|
+
};
|
|
78
|
+
};
|
|
79
|
+
signIn: {
|
|
80
|
+
colorScheme: string;
|
|
81
|
+
};
|
|
82
|
+
};
|
|
83
|
+
};
|
|
84
|
+
};
|
|
85
|
+
export default _default;
|
package/header/theme.js
ADDED
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
var baseStyle = {};
|
|
4
|
+
var defaultProps = {};
|
|
5
|
+
var parts = [
|
|
6
|
+
'container',
|
|
7
|
+
'account',
|
|
8
|
+
'content',
|
|
9
|
+
'createAccount',
|
|
10
|
+
'divider',
|
|
11
|
+
'linkItem',
|
|
12
|
+
'linksList',
|
|
13
|
+
'logo',
|
|
14
|
+
'mobileContent',
|
|
15
|
+
'mobileToggle',
|
|
16
|
+
'notifications',
|
|
17
|
+
'services',
|
|
18
|
+
'signIn'
|
|
19
|
+
];
|
|
20
|
+
var sizes = {};
|
|
21
|
+
var variants = {
|
|
22
|
+
dark: {
|
|
23
|
+
container: {
|
|
24
|
+
bg: 'prussian.80',
|
|
25
|
+
borderBottom: 0
|
|
26
|
+
},
|
|
27
|
+
account: {
|
|
28
|
+
trigger: {
|
|
29
|
+
bg: 'white',
|
|
30
|
+
color: 'prussian.80',
|
|
31
|
+
hoverBg: 'blue.20',
|
|
32
|
+
activeBg: 'blue.30'
|
|
33
|
+
}
|
|
34
|
+
},
|
|
35
|
+
createAccount: {
|
|
36
|
+
link: {
|
|
37
|
+
color: { xs: 'blue.80', md: 'blue.60' },
|
|
38
|
+
hoverColor: { xs: 'blue.60', md: 'blue.40' }
|
|
39
|
+
},
|
|
40
|
+
text: {
|
|
41
|
+
color: { md: 'white' }
|
|
42
|
+
}
|
|
43
|
+
},
|
|
44
|
+
divider: {
|
|
45
|
+
borderColor: 'white'
|
|
46
|
+
},
|
|
47
|
+
linkItem: {
|
|
48
|
+
container: {
|
|
49
|
+
hoverBg: { xs: 'blue.20', md: 'prussian.60' },
|
|
50
|
+
activeBg: { xs: 'blue.30', md: 'prussian.50' }
|
|
51
|
+
},
|
|
52
|
+
link: {
|
|
53
|
+
borderColor: 'pink.80'
|
|
54
|
+
}
|
|
55
|
+
},
|
|
56
|
+
linksList: {
|
|
57
|
+
color: { md: 'white' }
|
|
58
|
+
},
|
|
59
|
+
logo: {
|
|
60
|
+
svg: {
|
|
61
|
+
pathFill: 'white'
|
|
62
|
+
}
|
|
63
|
+
},
|
|
64
|
+
mobileContent: {
|
|
65
|
+
top: '100%'
|
|
66
|
+
},
|
|
67
|
+
mobileToggle: {
|
|
68
|
+
variant: 'solid'
|
|
69
|
+
},
|
|
70
|
+
notifications: {
|
|
71
|
+
variant: 'solid'
|
|
72
|
+
},
|
|
73
|
+
services: {
|
|
74
|
+
button: {
|
|
75
|
+
variant: 'solid'
|
|
76
|
+
}
|
|
77
|
+
},
|
|
78
|
+
signIn: {
|
|
79
|
+
colorScheme: 'pink'
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
};
|
|
83
|
+
exports.default = {
|
|
84
|
+
baseStyle: baseStyle,
|
|
85
|
+
defaultProps: defaultProps,
|
|
86
|
+
parts: parts,
|
|
87
|
+
sizes: sizes,
|
|
88
|
+
variants: variants
|
|
89
|
+
};
|
package/heading/heading.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { HeadingProps } from './heading.types';
|
|
2
|
-
import
|
|
3
|
-
|
|
2
|
+
export declare const HeadingBase: import("styled-components").StyledComponent<"h2", import("styled-components").DefaultTheme, import("..").SystemProps, never>;
|
|
3
|
+
/** Displays bold text in different sizes. Used as title for pages, articles, panels, etc. */
|
|
4
4
|
export declare const Heading: import("../core").VuiComponent<"h2", HeadingProps>;
|
|
5
5
|
export default Heading;
|
package/heading/heading.js
CHANGED
|
@@ -31,11 +31,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
31
31
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
32
32
|
exports.Heading = exports.HeadingBase = void 0;
|
|
33
33
|
var react_1 = __importDefault(require("react"));
|
|
34
|
-
var styled_components_1 = __importDefault(require("styled-components"));
|
|
35
34
|
var core_1 = require("../core");
|
|
36
|
-
var system_1 = require("../system");
|
|
37
35
|
var utils_1 = require("../utils");
|
|
38
|
-
exports.HeadingBase =
|
|
36
|
+
exports.HeadingBase = core_1.styled.h2Box(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\tfont-weight: demi;\n\ttransition-duration: fast;\n"], ["\n\tfont-weight: demi;\n\ttransition-duration: fast;\n"
|
|
37
|
+
/** Displays bold text in different sizes. Used as title for pages, articles, panels, etc. */
|
|
38
|
+
])));
|
|
39
|
+
/** Displays bold text in different sizes. Used as title for pages, articles, panels, etc. */
|
|
39
40
|
exports.Heading = (0, core_1.vui)(function (props, ref) {
|
|
40
41
|
var _a = (0, core_1.omitThemingProps)(props), align = _a.align, casing = _a.casing, children = _a.children, className = _a.className, decoration = _a.decoration, text = _a.text, weight = _a.weight, rest = __rest(_a, ["align", "casing", "children", "className", "decoration", "text", "weight"]);
|
|
41
42
|
var styles = (0, core_1.useStyleConfig)('Heading', props);
|
|
@@ -46,7 +47,7 @@ exports.Heading = (0, core_1.vui)(function (props, ref) {
|
|
|
46
47
|
textDecoration: decoration,
|
|
47
48
|
textTransform: casing
|
|
48
49
|
});
|
|
49
|
-
return (react_1.default.createElement(exports.HeadingBase, __assign({ className: (0, utils_1.cs)('vui-heading', hClassName, className),
|
|
50
|
+
return (react_1.default.createElement(exports.HeadingBase, __assign({ className: (0, utils_1.cs)('vui-heading', hClassName, className), ref: ref }, styles, aliasedProps, rest), children !== null && children !== void 0 ? children : text));
|
|
50
51
|
});
|
|
51
52
|
exports.Heading.displayName = 'Heading';
|
|
52
53
|
exports.default = exports.Heading;
|
|
@@ -1,10 +1,15 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { SystemProps, TypographyProps } from '../system';
|
|
3
3
|
import { ThemingProps } from '../theme';
|
|
4
|
-
export
|
|
4
|
+
export declare type HeadingProps = SystemProps & ThemingProps<'Heading'> & {
|
|
5
|
+
/** Alias for textAlign prop. @deprecated */
|
|
5
6
|
align?: TypographyProps['textAlign'];
|
|
7
|
+
/** Alias for textTransform prop. @deprecated */
|
|
6
8
|
casing?: TypographyProps['textTransform'];
|
|
9
|
+
/** Alias for textDecoration prop. @deprecated */
|
|
7
10
|
decoration?: TypographyProps['textDecoration'];
|
|
11
|
+
/** Displays given text if no children are provided. */
|
|
8
12
|
text?: React.ReactText;
|
|
13
|
+
/** Alias for fontWeight prop. @deprecated */
|
|
9
14
|
weight?: TypographyProps['fontWeight'];
|
|
10
|
-
}
|
|
15
|
+
};
|
package/heading/headings.js
CHANGED
|
@@ -16,8 +16,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
17
|
exports.H6 = exports.H5 = exports.H4 = exports.H3 = exports.H2 = exports.H1 = void 0;
|
|
18
18
|
var react_1 = __importDefault(require("react"));
|
|
19
|
-
var heading_1 = __importDefault(require("./heading"));
|
|
20
19
|
var core_1 = require("../core");
|
|
20
|
+
var heading_1 = __importDefault(require("./heading"));
|
|
21
21
|
exports.H1 = (0, core_1.vui)(function (props, ref) { return react_1.default.createElement(heading_1.default, __assign({ ref: ref, size: "h1" }, props)); });
|
|
22
22
|
exports.H2 = (0, core_1.vui)(function (props, ref) { return react_1.default.createElement(heading_1.default, __assign({ ref: ref, size: "h2" }, props)); });
|
|
23
23
|
exports.H3 = (0, core_1.vui)(function (props, ref) { return react_1.default.createElement(heading_1.default, __assign({ ref: ref, size: "h3" }, props)); });
|
package/heading/index.d.ts
CHANGED
package/heading/index.js
CHANGED
|
@@ -15,7 +15,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
15
15
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
16
16
|
exports.default = void 0;
|
|
17
17
|
__exportStar(require("./heading"), exports);
|
|
18
|
-
__exportStar(require("./heading.types"), exports);
|
|
19
|
-
__exportStar(require("./headings"), exports);
|
|
20
18
|
var heading_1 = require("./heading");
|
|
21
19
|
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(heading_1).default; } });
|
|
20
|
+
__exportStar(require("./heading.types"), exports);
|
|
21
|
+
__exportStar(require("./headings"), exports);
|
package/heading/theme.d.ts
CHANGED
package/heading/theme.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
var baseStyle = {};
|
|
3
4
|
var defaultProps = {
|
|
4
5
|
size: 'h2'
|
|
5
6
|
};
|
|
@@ -37,6 +38,7 @@ var sizes = {
|
|
|
37
38
|
};
|
|
38
39
|
var variants = {};
|
|
39
40
|
exports.default = {
|
|
41
|
+
baseStyle: baseStyle,
|
|
40
42
|
defaultProps: defaultProps,
|
|
41
43
|
sizes: sizes,
|
|
42
44
|
variants: variants
|
package/icon/helpers.js
CHANGED
|
@@ -39,14 +39,14 @@ function getIconDetails(icon) {
|
|
|
39
39
|
if (!icon)
|
|
40
40
|
return {};
|
|
41
41
|
// Compute CDN url if icon is not in library cache
|
|
42
|
-
if (!icons_1.
|
|
42
|
+
if (!icons_1.iconsCache.has(icon)) {
|
|
43
43
|
var prefix = icon.slice(0, 3);
|
|
44
44
|
return {
|
|
45
45
|
src: core_1.cdnUrl + "/common/icons/ui/" + prefix + "/" + icon + ".svg"
|
|
46
46
|
};
|
|
47
47
|
}
|
|
48
48
|
// Compute relevant properties based on icon definition from the library
|
|
49
|
-
var _a = icons_1.
|
|
49
|
+
var _a = icons_1.iconsCache.get(icon), details = _a.details, name = _a.name, _b = _a.pathProps, pathProps = _b === void 0 ? [] : _b, _c = _a.svgProps, svgProps = _c === void 0 ? {} : _c;
|
|
50
50
|
var _d = __read(details, 5), width = _d[0], height = _d[1], d = _d[4];
|
|
51
51
|
var viewBox = "0 0 " + width + " " + height;
|
|
52
52
|
var customIcon = {
|
package/icon/icon.d.ts
CHANGED
package/icon/icon.js
CHANGED
|
@@ -27,12 +27,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
27
27
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
28
28
|
exports.Icon = void 0;
|
|
29
29
|
var react_1 = __importDefault(require("react"));
|
|
30
|
-
var helpers_1 = require("./helpers");
|
|
31
30
|
var core_1 = require("../core");
|
|
32
31
|
var svg_1 = require("../svg");
|
|
33
32
|
var utils_1 = require("../utils");
|
|
33
|
+
var helpers_1 = require("./helpers");
|
|
34
|
+
/** Displays and Svg element with a given icon. Handles icon names or definition objects. */
|
|
34
35
|
exports.Icon = (0, core_1.vui)(function (props, ref) {
|
|
35
|
-
/* eslint-disable-next-line @typescript-eslint/no-unused-vars */
|
|
36
36
|
var _a = (0, core_1.omitThemingProps)(props), className = _a.className, icon = _a.icon, _b = _a.name, name = _b === void 0 ? props.icon : _b, rotate = _a.rotate, scale = _a.scale, rest = __rest(_a, ["className", "icon", "name", "rotate", "scale"]);
|
|
37
37
|
var styles = (0, core_1.useStyleConfig)('Icon', props);
|
|
38
38
|
var _c = (0, helpers_1.getIconDetails)(name), customIcon = _c.customIcon, src = _c.src;
|
package/icon/icon.types.d.ts
CHANGED
|
@@ -3,19 +3,22 @@ import { VuiIcon } from '../icons';
|
|
|
3
3
|
import Svg, { SvgProps } from '../svg';
|
|
4
4
|
import { ThemingProps } from '../theme';
|
|
5
5
|
import { AnyString, PropsOf } from '../utils';
|
|
6
|
-
export
|
|
6
|
+
export declare type GetIconDetailsResult = {
|
|
7
7
|
customIcon?: {
|
|
8
8
|
d: string[];
|
|
9
9
|
pathProps: React.SVGProps<SVGPathElement>[];
|
|
10
10
|
svgProps: PropsOf<typeof Svg>;
|
|
11
11
|
};
|
|
12
12
|
src?: string;
|
|
13
|
-
}
|
|
13
|
+
};
|
|
14
14
|
export declare type IconProp = VuiIcon | AnyString;
|
|
15
|
-
export
|
|
15
|
+
export declare type IconProps = SvgProps & ThemingProps<'Icon'> & {
|
|
16
16
|
/** @deprecated use 'name' instead */
|
|
17
17
|
icon?: IconProp;
|
|
18
|
+
/** Name of the icon stored in Veracity CDN. */
|
|
18
19
|
name?: IconProp;
|
|
20
|
+
/** Rotates the icon by given amout of degrees clockwise. */
|
|
19
21
|
rotate?: number;
|
|
22
|
+
/** Uses a scale of 1-10 and multiply of 16px to define icon size. */
|
|
20
23
|
scale?: number;
|
|
21
|
-
}
|
|
24
|
+
};
|
package/icon/index.d.ts
CHANGED
package/icon/index.js
CHANGED
|
@@ -15,6 +15,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
15
15
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
16
16
|
exports.default = void 0;
|
|
17
17
|
__exportStar(require("./icon"), exports);
|
|
18
|
-
__exportStar(require("./icon.types"), exports);
|
|
19
18
|
var icon_1 = require("./icon");
|
|
20
19
|
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(icon_1).default; } });
|
|
20
|
+
__exportStar(require("./icon.types"), exports);
|
package/icon/theme.d.ts
CHANGED
package/icon/theme.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
var baseStyle = {};
|
|
3
4
|
var defaultProps = {
|
|
4
5
|
size: 'md'
|
|
5
6
|
};
|
|
@@ -23,6 +24,7 @@ var sizes = {
|
|
|
23
24
|
};
|
|
24
25
|
var variants = {};
|
|
25
26
|
exports.default = {
|
|
27
|
+
baseStyle: baseStyle,
|
|
26
28
|
defaultProps: defaultProps,
|
|
27
29
|
sizes: sizes,
|
|
28
30
|
variants: variants
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/* eslint-disable */
|
|
3
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
+
exports.default = {
|
|
5
|
+
details: [32, 32, [], '', ['M17.6875 20.4375C18.0625 20.5625 18.3958 20.7708 18.6875 21.0625C19.0208 21.3125 19.2708 21.625 19.4375 22C19.6042 22.375 19.6875 22.7708 19.6875 23.1875C19.6875 23.9375 19.4167 24.5833 18.875 25.125C18.375 25.6667 17.75 25.9583 17 26V27.5C17 27.8333 16.8333 28 16.5 28H15.5C15.1667 28 15 27.8333 15 27.5V26C14.2917 25.9583 13.6458 25.7083 13.0625 25.25C12.7292 25.0417 12.7083 24.7917 13 24.5L13.75 23.8125C13.9167 23.6458 14.125 23.625 14.375 23.75C14.625 23.9167 14.8958 24 15.1875 24H16.9375C17.1458 24 17.3125 23.9167 17.4375 23.75C17.6042 23.5833 17.6875 23.3958 17.6875 23.1875C17.6875 22.7708 17.5 22.5 17.125 22.375L14.3125 21.5625C13.7292 21.3542 13.25 21 12.875 20.5C12.5 20 12.3125 19.4375 12.3125 18.8125C12.3125 18.0625 12.5625 17.4167 13.0625 16.875C13.6042 16.3333 14.25 16.0417 15 16V14.5C15 14.1667 15.1667 14 15.5 14H16.5C16.8333 14 17 14.1667 17 14.5V16C17.7083 16.0417 18.3542 16.2917 18.9375 16.75C19.2708 16.9583 19.2917 17.2083 19 17.5L18.25 18.1875C18.0833 18.3542 17.875 18.375 17.625 18.25C17.375 18.0833 17.1042 18 16.8125 18H15.0625C14.8542 18 14.6667 18.0833 14.5 18.25C14.375 18.4167 14.3125 18.6042 14.3125 18.8125C14.3125 19.2292 14.5 19.5 14.875 19.625L17.6875 20.4375ZM8.5 6C8.16667 6 8 5.83333 8 5.5V4.5C8 4.16667 8.16667 4 8.5 4H15.5C15.8333 4 16 4.16667 16 4.5V5.5C16 5.83333 15.8333 6 15.5 6H8.5ZM16 9.5C16 9.83333 15.8333 10 15.5 10H8.5C8.16667 10 8 9.83333 8 9.5V8.5C8 8.16667 8.16667 8 8.5 8H15.5C15.8333 8 16 8.16667 16 8.5V9.5ZM27.125 6.125C27.7083 6.70833 28 7.41667 28 8.25V29C28 29.8333 27.7083 30.5417 27.125 31.125C26.5417 31.7083 25.8333 32 25 32H7C6.16667 32 5.45833 31.7083 4.875 31.125C4.29167 30.5417 4 29.8333 4 29V3C4 2.45833 4.125 1.95833 4.375 1.5C4.66667 1.04167 5.04167 0.6875 5.5 0.4375C5.95833 0.145833 6.45833 0 7 0H19.75C20.5833 0 21.2917 0.291667 21.875 0.875L27.125 6.125ZM20 2.0625V8H26C25.9167 7.83333 25.8125 7.6875 25.6875 7.5625L20.4375 2.3125C20.3125 2.1875 20.1667 2.10417 20 2.0625ZM26 29V10H19.5C19.0833 10 18.7292 9.85417 18.4375 9.5625C18.1458 9.27083 18 8.91667 18 8.5V2H7C6.70833 2 6.45833 2.10417 6.25 2.3125C6.08333 2.47917 6 2.70833 6 3V29C6 29.2917 6.08333 29.5208 6.25 29.6875C6.45833 29.8958 6.70833 30 7 30H25C25.2917 30 25.5208 29.8958 25.6875 29.6875C25.8958 29.5208 26 29.2917 26 29Z']],
|
|
6
|
+
name: 'falFileInvoiceDollar'
|
|
7
|
+
};
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
/* eslint-disable */
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
exports.default = {
|
|
5
|
-
details: [
|
|
5
|
+
details: [448, 512, [], '', 'M0 464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V192H0v272zm320-196c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM192 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM64 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zM400 64h-48V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H160V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H48C21.5 64 0 85.5 0 112v48h448v-48c0-26.5-21.5-48-48-48z'],
|
|
6
6
|
name: 'fasCalendarAlt'
|
|
7
7
|
};
|
|
@@ -171,6 +171,7 @@ export { default as falFileCsv } from './fal/falFileCsv';
|
|
|
171
171
|
export { default as falFileEdit } from './fal/falFileEdit';
|
|
172
172
|
export { default as falFileExcel } from './fal/falFileExcel';
|
|
173
173
|
export { default as falFileImage } from './fal/falFileImage';
|
|
174
|
+
export { default as falFileInvoiceDollar } from './fal/falFileInvoiceDollar';
|
|
174
175
|
export { default as falFilePdf } from './fal/falFilePdf';
|
|
175
176
|
export { default as falFilePlus } from './fal/falFilePlus';
|
|
176
177
|
export { default as falFilePowerpoint } from './fal/falFilePowerpoint';
|
package/icons/baseIcons/icons.js
CHANGED
|
@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
exports.fabGoogle = exports.fabFirefox = exports.fabFedex = exports.fabFacebook = exports.fabEbay = exports.fabDhl = exports.fabCcVisa = exports.fabCcPaypal = exports.fabCcMastercard = exports.fabCcDinersClub = exports.fabCcApplePay = exports.fabCcAmex = exports.fabCcAmazonPay = exports.fabBtc = exports.fabBluetooth = exports.fabApplePay = exports.cusVessel = exports.cusTransformer = exports.cusDotsMenu = exports.cusDotFullAlt = exports.cusDotFull = exports.culVesselGroup = exports.culVessel = exports.culVeracityService = exports.culUserTransfer = exports.culTransformer = exports.culTimesThin = exports.culTarget = exports.culShortcut = exports.culScreenshotAlt = exports.culScreenshot = exports.culPlusThin = exports.culNumber1 = exports.culMapMarkerStar = exports.culListDense = exports.culGlobePlus = exports.culDotsMenu = exports.culDeepSearch = exports.culCovid = exports.culCircleChartAlt = exports.culCircleChart = exports.culApiService = exports.culApiProduct = exports.cuiRadioUnselected = exports.cuiRadioSelected = exports.cuiCheckboxUnselected = exports.cuiCheckboxSelected = exports.cuiCheckboxIndeterminate = exports.cubVeracity = exports.cubPowerBi = void 0;
|
|
7
7
|
exports.falBullseye = exports.falBuilding = exports.falBroom = exports.falBroadcastTower = exports.falBookOpen = exports.falBell = exports.falBars = exports.falBan = exports.falAward = exports.falArrows = exports.falArrowUp = exports.falArrowToTop = exports.falArrowToRight = exports.falArrowToLeft = exports.falArrowToBottom = exports.falArrowRight = exports.falArrowLeft = exports.falArrowFromTop = exports.falArrowFromRight = exports.falArrowFromLeft = exports.falArrowFromBottom = exports.falArrowDown = exports.falArrowCircleUp = exports.falArrowCircleRight = exports.falArrowCircleLeft = exports.falArrowCircleDown = exports.falArrowAltUp = exports.falArrowAltRight = exports.falArrowAltLeft = exports.falArrowAltDown = exports.falAngleUp = exports.falAngleRight = exports.falAngleLeft = exports.falAngleDown = exports.falAngleDoubleUp = exports.falAngleDoubleRight = exports.falAngleDoubleLeft = exports.falAngleDoubleDown = exports.falAnalytics = exports.falAddressCard = exports.falAddressBook = exports.fadSpinnerThird = exports.fabYoutube = exports.fabUps = exports.fabTwitter = exports.fabSlack = exports.fabOsi = exports.fabMedium = exports.fabLinkedinIn = exports.fabGoogleDrive = void 0;
|
|
8
8
|
exports.falEdit = exports.falDownload = exports.falDotCircle = exports.falDatabase = exports.falCreditCard = exports.falCopy = exports.falCompressAlt = exports.falCommentAlt = exports.falComment = exports.falCogs = exports.falCog = exports.falCode = exports.falCloudUpload = exports.falCloudSunRain = exports.falCloudSun = exports.falCloudSnow = exports.falCloudShowersHeavy = exports.falCloud = exports.falCircle = exports.falChevronUp = exports.falChevronRight = exports.falChevronLeft = exports.falChevronDown = exports.falChevronDoubleUp = exports.falChevronDoubleRight = exports.falChevronDoubleLeft = exports.falChevronDoubleDown = exports.falChevronCircleUp = exports.falChevronCircleRight = exports.falChevronCircleLeft = exports.falChevronCircleDown = exports.falCheckSquare = exports.falCheckCircle = exports.falCheck = exports.falChartScatter = exports.falChartPieAlt = exports.falChartPie = exports.falChartNetwork = exports.falChartLineDown = exports.falChartLine = exports.falChartBar = exports.falChartArea = exports.falCauldron = exports.falCaretUp = exports.falCaretRight = exports.falCaretLeft = exports.falCaretDown = exports.falCamera = exports.falCalendarAlt = exports.falCalendar = void 0;
|
|
9
|
-
exports.
|
|
10
|
-
exports.
|
|
11
|
-
exports.fasWindTurbine = exports.fasStar = exports.fasSort = exports.fasSolarPanel = exports.fasQuoteRight = exports.fasQuoteLeft = exports.fasMapMarkerExclamation = exports.fasMapMarkerAlt = exports.fasFolder = exports.fasDiamond = exports.fasCheckCircle = exports.fasCaretUp = exports.fasCaretRight = exports.fasCaretLeft = exports.fasCaretDown = exports.fasCalendarAlt = exports.falWrench = exports.falWindTurbine = exports.falWind = exports.falWater = exports.falUsersClass = exports.falUsers = exports.falUserTimes = exports.falUserShield = exports.falUserPlus = exports.falUserFriends = exports.falUserEdit = exports.falUserCog = exports.falUserCircle = exports.falUserChart = exports.falUser = exports.falUnlockAlt = exports.falTrashAlt = exports.falToggleOn = exports.falToggleOff = exports.falTimesCircle = exports.falTimes = exports.falThList = exports.falThLarge = exports.falTh = exports.falTemperatureHigh = exports.falTachometer = exports.falSync = exports.falSun = exports.falSuitcase = exports.falStopwatch = void 0;
|
|
9
|
+
exports.falLongArrowLeft = exports.falLongArrowDown = exports.falLockAlt = exports.falList = exports.falLink = exports.falLayerPlus = exports.falLayerGroup = exports.falKey = exports.falInfoCircle = exports.falImage = exports.falHourglass = exports.falHome = exports.falGlobe = exports.falGlassesAlt = exports.falFolders = exports.falFolderPlus = exports.falFolderOpen = exports.falFolder = exports.falFlag = exports.falFilter = exports.falFileWord = exports.falFileVideo = exports.falFileSpreadsheet = exports.falFilePowerpoint = exports.falFilePlus = exports.falFilePdf = exports.falFileInvoiceDollar = exports.falFileImage = exports.falFileExcel = exports.falFileEdit = exports.falFileCsv = exports.falFileCode = exports.falFileCheck = exports.falFileChartPie = exports.falFileChartLine = exports.falFileCertificate = exports.falFileAudio = exports.falFileArchive = exports.falFileAlt = exports.falFile = exports.falEyeSlash = exports.falEye = exports.falExternalLink = exports.falExpandAlt = exports.falExclamationTriangle = exports.falExclamationCircle = exports.falExchange = exports.falEnvelope = exports.falEllipsisV = exports.falEllipsisH = void 0;
|
|
10
|
+
exports.falStop = exports.falStepForward = exports.falSquare = exports.falSpinner = exports.falSort = exports.falSolarPanel = exports.falSnowflake = exports.falSnowBlowing = exports.falSlidersV = exports.falSignOutAlt = exports.falSignOut = exports.falSignInAlt = exports.falSignIn = exports.falShoppingBasket = exports.falShip = exports.falShieldCheck = exports.falShieldAlt = exports.falShareAlt = exports.falShareAll = exports.falShare = exports.falServer = exports.falSearchPlus = exports.falSearchMinus = exports.falSearch = exports.falSave = exports.falRedo = exports.falReceipt = exports.falQuestionCircle = exports.falPuzzlePiece = exports.falPrint = exports.falPlusSquare = exports.falPlusCircle = exports.falPlus = exports.falPlug = exports.falPlayCircle = exports.falPlay = exports.falPen = exports.falPauseCircle = exports.falPause = exports.falMinus = exports.falMapMarkerExclamation = exports.falMapMarkerCheck = exports.falMapMarkerAltSlash = exports.falMapMarkerAlt = exports.falMapMarker = exports.falMapMarkedAlt = exports.falMapMarked = exports.falMap = exports.falLongArrowUp = exports.falLongArrowRight = void 0;
|
|
11
|
+
exports.fasWindTurbine = exports.fasStar = exports.fasSort = exports.fasSolarPanel = exports.fasQuoteRight = exports.fasQuoteLeft = exports.fasMapMarkerExclamation = exports.fasMapMarkerAlt = exports.fasFolder = exports.fasDiamond = exports.fasCheckCircle = exports.fasCaretUp = exports.fasCaretRight = exports.fasCaretLeft = exports.fasCaretDown = exports.fasCalendarAlt = exports.falWrench = exports.falWindTurbine = exports.falWind = exports.falWater = exports.falUsersClass = exports.falUsers = exports.falUserTimes = exports.falUserShield = exports.falUserPlus = exports.falUserFriends = exports.falUserEdit = exports.falUserCog = exports.falUserCircle = exports.falUserChart = exports.falUser = exports.falUnlockAlt = exports.falTrashAlt = exports.falToggleOn = exports.falToggleOff = exports.falTimesCircle = exports.falTimes = exports.falThList = exports.falThLarge = exports.falTh = exports.falTemperatureHigh = exports.falTachometer = exports.falSync = exports.falSun = exports.falSuitcase = exports.falStopwatch = exports.falStopCircle = void 0;
|
|
12
12
|
var cubPowerBi_1 = require("./cub/cubPowerBi");
|
|
13
13
|
Object.defineProperty(exports, "cubPowerBi", { enumerable: true, get: function () { return __importDefault(cubPowerBi_1).default; } });
|
|
14
14
|
var cubVeracity_1 = require("./cub/cubVeracity");
|
|
@@ -355,6 +355,8 @@ var falFileExcel_1 = require("./fal/falFileExcel");
|
|
|
355
355
|
Object.defineProperty(exports, "falFileExcel", { enumerable: true, get: function () { return __importDefault(falFileExcel_1).default; } });
|
|
356
356
|
var falFileImage_1 = require("./fal/falFileImage");
|
|
357
357
|
Object.defineProperty(exports, "falFileImage", { enumerable: true, get: function () { return __importDefault(falFileImage_1).default; } });
|
|
358
|
+
var falFileInvoiceDollar_1 = require("./fal/falFileInvoiceDollar");
|
|
359
|
+
Object.defineProperty(exports, "falFileInvoiceDollar", { enumerable: true, get: function () { return __importDefault(falFileInvoiceDollar_1).default; } });
|
|
358
360
|
var falFilePdf_1 = require("./fal/falFilePdf");
|
|
359
361
|
Object.defineProperty(exports, "falFilePdf", { enumerable: true, get: function () { return __importDefault(falFilePdf_1).default; } });
|
|
360
362
|
var falFilePlus_1 = require("./fal/falFilePlus");
|