@getgreenline/blaze-ui 1.0.3 → 1.0.4-5.02-beta
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/components/accordion.d.ts +8 -0
- package/dist/components/accordion.d.ts.map +1 -0
- package/dist/components/accordion.js +19 -0
- package/dist/components/alert-dialog.d.ts +18 -0
- package/dist/components/alert-dialog.d.ts.map +1 -0
- package/dist/components/alert-dialog.js +41 -0
- package/dist/components/alert.d.ts +10 -0
- package/dist/components/alert.d.ts.map +1 -0
- package/dist/components/alert.js +26 -0
- package/dist/components/aspect-ratio.d.ts +4 -0
- package/dist/components/aspect-ratio.d.ts.map +1 -0
- package/dist/components/aspect-ratio.js +8 -0
- package/dist/components/avatar.d.ts +7 -0
- package/dist/components/avatar.d.ts.map +1 -0
- package/dist/components/avatar.js +15 -0
- package/dist/components/badge.d.ts +10 -0
- package/dist/components/badge.d.ts.map +1 -0
- package/dist/components/badge.js +24 -0
- package/dist/components/breadcrumb.d.ts +12 -0
- package/dist/components/breadcrumb.d.ts.map +1 -0
- package/dist/components/breadcrumb.js +29 -0
- package/dist/components/button-group.d.ts +12 -0
- package/dist/components/button-group.d.ts.map +1 -0
- package/dist/components/button-group.js +29 -0
- package/dist/components/button.d.ts +16 -0
- package/dist/components/button.d.ts.map +1 -0
- package/dist/components/button.js +37 -0
- package/dist/components/card.d.ts +10 -0
- package/dist/components/card.d.ts.map +1 -0
- package/dist/components/card.js +26 -0
- package/dist/components/carousel.d.ts +20 -0
- package/dist/components/carousel.d.ts.map +1 -0
- package/dist/components/carousel.js +92 -0
- package/dist/components/chart.d.ts +63 -0
- package/dist/components/chart.d.ts.map +1 -0
- package/dist/components/chart.js +133 -0
- package/dist/components/checkbox.d.ts +5 -0
- package/dist/components/checkbox.d.ts.map +1 -0
- package/dist/components/checkbox.js +10 -0
- package/dist/components/collapsible.d.ts +6 -0
- package/dist/components/collapsible.d.ts.map +1 -0
- package/dist/components/collapsible.js +15 -0
- package/dist/components/command.d.ts +19 -0
- package/dist/components/command.d.ts.map +1 -0
- package/dist/components/command.js +35 -0
- package/dist/components/context-menu.d.ts +26 -0
- package/dist/components/context-menu.d.ts.map +1 -0
- package/dist/components/context-menu.js +52 -0
- package/dist/components/data-table.d.ts +85 -0
- package/dist/components/data-table.d.ts.map +1 -0
- package/dist/components/data-table.js +390 -0
- package/dist/components/dialog.d.ts +16 -0
- package/dist/components/dialog.d.ts.map +1 -0
- package/dist/components/dialog.js +37 -0
- package/dist/components/drawer.d.ts +14 -0
- package/dist/components/drawer.d.ts.map +1 -0
- package/dist/components/drawer.js +36 -0
- package/dist/components/dropdown-menu.d.ts +26 -0
- package/dist/components/dropdown-menu.d.ts.map +1 -0
- package/dist/components/dropdown-menu.js +52 -0
- package/dist/components/empty.d.ts +12 -0
- package/dist/components/empty.d.ts.map +1 -0
- package/dist/components/empty.js +35 -0
- package/dist/components/field.d.ts +25 -0
- package/dist/components/field.d.ts.map +1 -0
- package/dist/components/field.js +74 -0
- package/dist/components/form.d.ts +25 -0
- package/dist/components/form.d.ts.map +1 -0
- package/dist/components/form.js +60 -0
- package/dist/components/header-app-switcher.d.ts +53 -0
- package/dist/components/header-app-switcher.d.ts.map +1 -0
- package/dist/components/header-app-switcher.js +154 -0
- package/dist/components/hierarchical-select.d.ts +31 -0
- package/dist/components/hierarchical-select.d.ts.map +1 -0
- package/dist/components/hierarchical-select.js +143 -0
- package/dist/components/hover-card.d.ts +7 -0
- package/dist/components/hover-card.d.ts.map +1 -0
- package/dist/components/hover-card.js +15 -0
- package/dist/components/input-group.d.ts +17 -0
- package/dist/components/input-group.d.ts.map +1 -0
- package/dist/components/input-group.js +66 -0
- package/dist/components/input-otp.d.ts +12 -0
- package/dist/components/input-otp.d.ts.map +1 -0
- package/dist/components/input-otp.js +22 -0
- package/dist/components/input.d.ts +8 -0
- package/dist/components/input.d.ts.map +1 -0
- package/dist/components/input.js +15 -0
- package/dist/components/item.d.ts +24 -0
- package/dist/components/item.d.ts.map +1 -0
- package/dist/components/item.js +68 -0
- package/dist/components/kbd.d.ts +4 -0
- package/dist/components/kbd.d.ts.map +1 -0
- package/dist/components/kbd.js +11 -0
- package/dist/components/label.d.ts +8 -0
- package/dist/components/label.d.ts.map +1 -0
- package/dist/components/label.js +9 -0
- package/dist/components/login-screen.d.ts +4 -0
- package/dist/components/login-screen.d.ts.map +1 -0
- package/dist/components/login-screen.js +300 -0
- package/dist/components/login-screen.types.d.ts +82 -0
- package/dist/components/login-screen.types.d.ts.map +1 -0
- package/dist/components/login-screen.views.d.ts +114 -0
- package/dist/components/login-screen.views.d.ts.map +1 -0
- package/dist/components/login-screen.views.js +53 -0
- package/dist/components/menubar.d.ts +27 -0
- package/dist/components/menubar.d.ts.map +1 -0
- package/dist/components/menubar.js +55 -0
- package/dist/components/multi-search-select.d.ts +24 -0
- package/dist/components/multi-search-select.d.ts.map +1 -0
- package/dist/components/multi-search-select.js +125 -0
- package/dist/components/multi-select.d.ts +19 -0
- package/dist/components/multi-select.d.ts.map +1 -0
- package/dist/components/multi-select.js +87 -0
- package/dist/components/navigation-menu.d.ts +15 -0
- package/dist/components/navigation-menu.d.ts.map +1 -0
- package/dist/components/navigation-menu.js +33 -0
- package/dist/components/page-header/actions.d.ts +9 -0
- package/dist/components/page-header/actions.d.ts.map +1 -0
- package/dist/components/page-header/actions.js +21 -0
- package/dist/components/page-header/types.d.ts +33 -0
- package/dist/components/page-header/types.d.ts.map +1 -0
- package/dist/components/page-header/utils.d.ts +4 -0
- package/dist/components/page-header/utils.d.ts.map +1 -0
- package/dist/components/page-header/utils.js +17 -0
- package/dist/components/page-header.d.ts +4 -0
- package/dist/components/page-header.d.ts.map +1 -0
- package/dist/components/page-header.js +12 -0
- package/dist/components/pagination.d.ts +14 -0
- package/dist/components/pagination.d.ts.map +1 -0
- package/dist/components/pagination.js +31 -0
- package/dist/components/popover.d.ts +8 -0
- package/dist/components/popover.d.ts.map +1 -0
- package/dist/components/popover.js +18 -0
- package/dist/components/progress.d.ts +5 -0
- package/dist/components/progress.d.ts.map +1 -0
- package/dist/components/progress.js +9 -0
- package/dist/components/radio-group.d.ts +6 -0
- package/dist/components/radio-group.d.ts.map +1 -0
- package/dist/components/radio-group.js +13 -0
- package/dist/components/resizable.d.ts +9 -0
- package/dist/components/resizable.d.ts.map +1 -0
- package/dist/components/resizable.js +16 -0
- package/dist/components/scroll-area.d.ts +6 -0
- package/dist/components/scroll-area.d.ts.map +1 -0
- package/dist/components/scroll-area.js +14 -0
- package/dist/components/search-bar.d.ts +15 -0
- package/dist/components/search-bar.d.ts.map +1 -0
- package/dist/components/search-bar.js +25 -0
- package/dist/components/segmented-control.d.ts +24 -0
- package/dist/components/segmented-control.d.ts.map +1 -0
- package/dist/components/segmented-control.js +88 -0
- package/dist/components/select.d.ts +16 -0
- package/dist/components/select.d.ts.map +1 -0
- package/dist/components/select.js +39 -0
- package/dist/components/selection-panel.d.ts +29 -0
- package/dist/components/selection-panel.d.ts.map +1 -0
- package/dist/components/selection-panel.js +255 -0
- package/dist/components/separator.d.ts +5 -0
- package/dist/components/separator.d.ts.map +1 -0
- package/dist/components/separator.js +11 -0
- package/dist/components/sheet.d.ts +17 -0
- package/dist/components/sheet.d.ts.map +1 -0
- package/dist/components/sheet.js +42 -0
- package/dist/components/sidebar.d.ts +70 -0
- package/dist/components/sidebar.d.ts.map +1 -0
- package/dist/components/sidebar.js +213 -0
- package/dist/components/skeleton.d.ts +3 -0
- package/dist/components/skeleton.d.ts.map +1 -0
- package/dist/components/skeleton.js +8 -0
- package/dist/components/slider.d.ts +5 -0
- package/dist/components/slider.d.ts.map +1 -0
- package/dist/components/slider.js +19 -0
- package/dist/components/sonner.d.ts +4 -0
- package/dist/components/sonner.d.ts.map +1 -0
- package/dist/components/sonner.js +22 -0
- package/dist/components/spinner.d.ts +4 -0
- package/dist/components/spinner.d.ts.map +1 -0
- package/dist/components/spinner.js +9 -0
- package/dist/components/switch.d.ts +5 -0
- package/dist/components/switch.d.ts.map +1 -0
- package/dist/components/switch.js +9 -0
- package/dist/components/table.d.ts +11 -0
- package/dist/components/table.d.ts.map +1 -0
- package/dist/components/table.js +29 -0
- package/dist/components/tabs.d.ts +8 -0
- package/dist/components/tabs.d.ts.map +1 -0
- package/dist/components/tabs.js +18 -0
- package/dist/components/textarea.d.ts +8 -0
- package/dist/components/textarea.d.ts.map +1 -0
- package/dist/components/textarea.js +15 -0
- package/dist/components/toggle-group.d.ts +8 -0
- package/dist/components/toggle-group.d.ts.map +1 -0
- package/dist/components/toggle-group.js +22 -0
- package/dist/components/toggle.d.ts +10 -0
- package/dist/components/toggle.d.ts.map +1 -0
- package/dist/components/toggle.js +27 -0
- package/dist/components/tooltip.d.ts +8 -0
- package/dist/components/tooltip.d.ts.map +1 -0
- package/dist/components/tooltip.js +18 -0
- package/dist/components/visually-hidden.d.ts +16 -0
- package/dist/components/visually-hidden.d.ts.map +1 -0
- package/dist/components/visually-hidden.js +22 -0
- package/dist/globals.css +719 -0
- package/dist/hooks/use-invalid-attention.d.ts +20 -0
- package/dist/hooks/use-invalid-attention.d.ts.map +1 -0
- package/dist/hooks/use-invalid-attention.js +65 -0
- package/dist/hooks/use-mobile.d.ts +2 -0
- package/dist/hooks/use-mobile.d.ts.map +1 -0
- package/dist/hooks/use-mobile.js +18 -0
- package/dist/index.d.ts +68 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +68 -0
- package/dist/lib/portal-wrapper.d.ts +32 -0
- package/dist/lib/portal-wrapper.d.ts.map +1 -0
- package/dist/lib/portal-wrapper.js +34 -0
- package/dist/lib/utils.js +8 -0
- package/dist/svgs/blaze-dispatch-logo.d.ts +5 -0
- package/dist/svgs/blaze-dispatch-logo.d.ts.map +1 -0
- package/dist/svgs/blaze-ecom-logo.d.ts +7 -0
- package/dist/svgs/blaze-ecom-logo.d.ts.map +1 -0
- package/dist/svgs/blaze-insights-logo.d.ts +5 -0
- package/dist/svgs/blaze-insights-logo.d.ts.map +1 -0
- package/dist/svgs/blaze-lighthouse-logo.d.ts +6 -0
- package/dist/svgs/blaze-lighthouse-logo.d.ts.map +1 -0
- package/dist/svgs/blaze-pay-logo.d.ts +5 -0
- package/dist/svgs/blaze-pay-logo.d.ts.map +1 -0
- package/dist/svgs/blaze-pos-logo.d.ts +5 -0
- package/dist/svgs/blaze-pos-logo.d.ts.map +1 -0
- package/dist/svgs/blaze-retail-logo.d.ts +7 -0
- package/dist/svgs/blaze-retail-logo.d.ts.map +1 -0
- package/dist/svgs/blaze-sites-logo.d.ts +5 -0
- package/dist/svgs/blaze-sites-logo.d.ts.map +1 -0
- package/dist/svgs/header-app-switcher-logos.d.ts +15 -0
- package/dist/svgs/header-app-switcher-logos.d.ts.map +1 -0
- package/dist/svgs/header-app-switcher-logos.js +22 -0
- package/package.json +95 -31
- package/README.md +0 -80
- package/build/components/button.d.ts +0 -12
- package/build/components/button.d.ts.map +0 -1
- package/build/components/button.js +0 -106
- package/build/components/button.js.map +0 -1
- package/build/index.d.ts +0 -4
- package/build/index.d.ts.map +0 -1
- package/build/index.js +0 -11
- package/build/index.js.map +0 -1
- package/build/index.mjs +0 -6
- package/build/lib/utils.js +0 -9
- package/build/lib/utils.js.map +0 -1
- package/build/styles/blaze-ui.css +0 -97
- package/build/styles/blaze-ui.css.map +0 -1
- package/build/styles/styles.d.ts +0 -3
- package/build/styles/styles.d.ts.map +0 -1
- package/build/styles/styles.js +0 -8
- package/build/styles/styles.js.map +0 -1
- package/src/styles/blaze-ui.css +0 -157
- package/src/styles/styles.ts +0 -5
- /package/{build → dist}/lib/utils.d.ts +0 -0
- /package/{build → dist}/lib/utils.d.ts.map +0 -0
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
export declare const INVALID_ATTENTION_GLOW_ANIMATION_NAME = "blaze-invalid-attention-glow";
|
|
3
|
+
export declare const INVALID_ATTENTION_DURATION_MS = 850;
|
|
4
|
+
export type AttentionKey = string | number | null | undefined;
|
|
5
|
+
export type InvalidAttentionProps = {
|
|
6
|
+
style?: React.CSSProperties;
|
|
7
|
+
};
|
|
8
|
+
export type UseInvalidAttentionResult = {
|
|
9
|
+
attentionProps: InvalidAttentionProps;
|
|
10
|
+
};
|
|
11
|
+
type UseInvalidAttentionOptions = {
|
|
12
|
+
invalid: boolean;
|
|
13
|
+
attentionKey?: AttentionKey;
|
|
14
|
+
durationMs?: number;
|
|
15
|
+
style?: React.CSSProperties;
|
|
16
|
+
};
|
|
17
|
+
declare function isAriaInvalid(value: React.AriaAttributes["aria-invalid"]): value is true | "true" | "grammar" | "spelling";
|
|
18
|
+
declare function useInvalidAttention({ invalid, attentionKey, durationMs, style, }: UseInvalidAttentionOptions): UseInvalidAttentionResult;
|
|
19
|
+
export { isAriaInvalid, useInvalidAttention };
|
|
20
|
+
//# sourceMappingURL=use-invalid-attention.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-invalid-attention.d.ts","sourceRoot":"","sources":["../../src/hooks/use-invalid-attention.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,eAAO,MAAM,qCAAqC,iCAClB,CAAA;AAChC,eAAO,MAAM,6BAA6B,MAAM,CAAA;AAEhD,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAA;AAC7D,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B,CAAA;AACD,MAAM,MAAM,yBAAyB,GAAG;IACtC,cAAc,EAAE,qBAAqB,CAAA;CACtC,CAAA;AAED,KAAK,0BAA0B,GAAG;IAChC,OAAO,EAAE,OAAO,CAAA;IAChB,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B,CAAA;AAED,iBAAS,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,mDAEjE;AAED,iBAAS,mBAAmB,CAAC,EAC3B,OAAO,EACP,YAAY,EACZ,UAA0C,EAC1C,KAAK,GACN,EAAE,0BAA0B,GAAG,yBAAyB,CA8ExD;AAED,OAAO,EAAE,aAAa,EAAE,mBAAmB,EAAE,CAAA"}
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
const INVALID_ATTENTION_GLOW_ANIMATION_NAME = "blaze-invalid-attention-glow";
|
|
4
|
+
const INVALID_ATTENTION_DURATION_MS = 850;
|
|
5
|
+
function isAriaInvalid(value) {
|
|
6
|
+
return value === true || (typeof value === "string" && value !== "false");
|
|
7
|
+
}
|
|
8
|
+
function useInvalidAttention({ invalid, attentionKey, durationMs = INVALID_ATTENTION_DURATION_MS, style, }) {
|
|
9
|
+
const [isGlowing, setIsGlowing] = React.useState(false);
|
|
10
|
+
const frameRef = React.useRef(null);
|
|
11
|
+
const timeoutRef = React.useRef(null);
|
|
12
|
+
const lastTriggeredAttentionKeyRef = React.useRef(undefined);
|
|
13
|
+
const clearPendingGlow = React.useCallback(() => {
|
|
14
|
+
if (frameRef.current !== null) {
|
|
15
|
+
window.cancelAnimationFrame(frameRef.current);
|
|
16
|
+
frameRef.current = null;
|
|
17
|
+
}
|
|
18
|
+
if (timeoutRef.current !== null) {
|
|
19
|
+
window.clearTimeout(timeoutRef.current);
|
|
20
|
+
timeoutRef.current = null;
|
|
21
|
+
}
|
|
22
|
+
}, []);
|
|
23
|
+
const startGlow = React.useCallback((nextDurationMs) => {
|
|
24
|
+
clearPendingGlow();
|
|
25
|
+
setIsGlowing(false);
|
|
26
|
+
// Restart the same animation reliably when the key changes again.
|
|
27
|
+
frameRef.current = window.requestAnimationFrame(() => {
|
|
28
|
+
setIsGlowing(true);
|
|
29
|
+
frameRef.current = null;
|
|
30
|
+
});
|
|
31
|
+
timeoutRef.current = window.setTimeout(() => {
|
|
32
|
+
setIsGlowing(false);
|
|
33
|
+
timeoutRef.current = null;
|
|
34
|
+
}, nextDurationMs);
|
|
35
|
+
}, [clearPendingGlow]);
|
|
36
|
+
React.useEffect(() => {
|
|
37
|
+
return clearPendingGlow;
|
|
38
|
+
}, [clearPendingGlow]);
|
|
39
|
+
React.useEffect(() => {
|
|
40
|
+
if (!invalid) {
|
|
41
|
+
setIsGlowing(false);
|
|
42
|
+
return;
|
|
43
|
+
}
|
|
44
|
+
const shouldTriggerGlow = !Object.is(lastTriggeredAttentionKeyRef.current, attentionKey);
|
|
45
|
+
if (!shouldTriggerGlow) {
|
|
46
|
+
return;
|
|
47
|
+
}
|
|
48
|
+
lastTriggeredAttentionKeyRef.current = attentionKey;
|
|
49
|
+
startGlow(durationMs);
|
|
50
|
+
}, [attentionKey, durationMs, invalid, startGlow]);
|
|
51
|
+
const glowStyle = isGlowing
|
|
52
|
+
? {
|
|
53
|
+
animation: `${INVALID_ATTENTION_GLOW_ANIMATION_NAME} ${durationMs}ms ease-out`,
|
|
54
|
+
}
|
|
55
|
+
: undefined;
|
|
56
|
+
const attentionProps = React.useMemo(() => ({
|
|
57
|
+
style: {
|
|
58
|
+
...style,
|
|
59
|
+
...glowStyle,
|
|
60
|
+
},
|
|
61
|
+
}), [glowStyle, style]);
|
|
62
|
+
return { attentionProps };
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
export { INVALID_ATTENTION_DURATION_MS, INVALID_ATTENTION_GLOW_ANIMATION_NAME, isAriaInvalid, useInvalidAttention };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-mobile.d.ts","sourceRoot":"","sources":["../../src/hooks/use-mobile.ts"],"names":[],"mappings":"AAIA,wBAAgB,WAAW,YAc1B"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
const MOBILE_BREAKPOINT = 768;
|
|
4
|
+
function useIsMobile() {
|
|
5
|
+
const [isMobile, setIsMobile] = React.useState(undefined);
|
|
6
|
+
React.useEffect(() => {
|
|
7
|
+
const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
|
|
8
|
+
const onChange = () => {
|
|
9
|
+
setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
|
|
10
|
+
};
|
|
11
|
+
mql.addEventListener("change", onChange);
|
|
12
|
+
setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
|
|
13
|
+
return () => mql.removeEventListener("change", onChange);
|
|
14
|
+
}, []);
|
|
15
|
+
return !!isMobile;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
export { useIsMobile };
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
export * from "./components/button";
|
|
2
|
+
export * from "./components/alert-dialog";
|
|
3
|
+
export * from "./components/badge";
|
|
4
|
+
export * from "./components/card";
|
|
5
|
+
export * from "./components/dialog";
|
|
6
|
+
export * from "./components/checkbox";
|
|
7
|
+
export * from "./components/input";
|
|
8
|
+
export * from "./components/label";
|
|
9
|
+
export * from "./components/popover";
|
|
10
|
+
export * from "./components/switch";
|
|
11
|
+
export * from "./components/radio-group";
|
|
12
|
+
export * from "./components/scroll-area";
|
|
13
|
+
export * from "./components/select";
|
|
14
|
+
export * from "./components/multi-select";
|
|
15
|
+
export * from "./components/sheet";
|
|
16
|
+
export * from "./components/segmented-control";
|
|
17
|
+
export * from "./components/accordion";
|
|
18
|
+
export * from "./components/alert";
|
|
19
|
+
export * from "./components/aspect-ratio";
|
|
20
|
+
export * from "./components/avatar";
|
|
21
|
+
export * from "./components/breadcrumb";
|
|
22
|
+
export * from "./components/collapsible";
|
|
23
|
+
export * from "./components/context-menu";
|
|
24
|
+
export * from "./components/drawer";
|
|
25
|
+
export * from "./components/dropdown-menu";
|
|
26
|
+
export * from "./components/empty";
|
|
27
|
+
export * from "./components/hover-card";
|
|
28
|
+
export * from "./components/input-otp";
|
|
29
|
+
export * from "./components/kbd";
|
|
30
|
+
export * from "./components/menubar";
|
|
31
|
+
export * from "./components/navigation-menu";
|
|
32
|
+
export * from "./components/progress";
|
|
33
|
+
export * from "./components/resizable";
|
|
34
|
+
export * from "./components/search-bar";
|
|
35
|
+
export * from "./components/selection-panel";
|
|
36
|
+
export * from "./components/separator";
|
|
37
|
+
export * from "./components/skeleton";
|
|
38
|
+
export * from "./components/slider";
|
|
39
|
+
export * from "./components/sonner";
|
|
40
|
+
export * from "./components/spinner";
|
|
41
|
+
export * from "./components/table";
|
|
42
|
+
export * from "./components/data-table";
|
|
43
|
+
export * from "./components/tabs";
|
|
44
|
+
export * from "./components/textarea";
|
|
45
|
+
export * from "./components/toggle";
|
|
46
|
+
export * from "./components/tooltip";
|
|
47
|
+
export * from "./components/login-screen";
|
|
48
|
+
export * from "./components/visually-hidden";
|
|
49
|
+
export * from "./hooks/use-mobile";
|
|
50
|
+
export * from "./hooks/use-invalid-attention";
|
|
51
|
+
export * from "./components/command";
|
|
52
|
+
export * from "./components/item";
|
|
53
|
+
export * from "./components/toggle-group";
|
|
54
|
+
export * from "./components/button-group";
|
|
55
|
+
export * from "./components/carousel";
|
|
56
|
+
export * from "./components/pagination";
|
|
57
|
+
export * from "./components/chart";
|
|
58
|
+
export * from "./components/field";
|
|
59
|
+
export * from "./components/form";
|
|
60
|
+
export * from "./components/input-group";
|
|
61
|
+
export * from "./components/page-header";
|
|
62
|
+
export * from "./components/sidebar";
|
|
63
|
+
export * from "./components/header-app-switcher";
|
|
64
|
+
export * from "./lib/portal-wrapper";
|
|
65
|
+
export * from "./components/hierarchical-select";
|
|
66
|
+
export * from "./components/multi-search-select";
|
|
67
|
+
export * from "./lib/utils";
|
|
68
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,2BAA2B,CAAA;AACzC,cAAc,oBAAoB,CAAA;AAClC,cAAc,mBAAmB,CAAA;AACjC,cAAc,qBAAqB,CAAA;AACnC,cAAc,uBAAuB,CAAA;AACrC,cAAc,oBAAoB,CAAA;AAClC,cAAc,oBAAoB,CAAA;AAClC,cAAc,sBAAsB,CAAA;AACpC,cAAc,qBAAqB,CAAA;AACnC,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA;AACxC,cAAc,qBAAqB,CAAA;AACnC,cAAc,2BAA2B,CAAA;AACzC,cAAc,oBAAoB,CAAA;AAClC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,wBAAwB,CAAA;AACtC,cAAc,oBAAoB,CAAA;AAClC,cAAc,2BAA2B,CAAA;AACzC,cAAc,qBAAqB,CAAA;AACnC,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,2BAA2B,CAAA;AACzC,cAAc,qBAAqB,CAAA;AACnC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,oBAAoB,CAAA;AAClC,cAAc,yBAAyB,CAAA;AACvC,cAAc,wBAAwB,CAAA;AACtC,cAAc,kBAAkB,CAAA;AAChC,cAAc,sBAAsB,CAAA;AACpC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AACtC,cAAc,yBAAyB,CAAA;AACvC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA;AACnC,cAAc,qBAAqB,CAAA;AACnC,cAAc,sBAAsB,CAAA;AACpC,cAAc,oBAAoB,CAAA;AAClC,cAAc,yBAAyB,CAAA;AACvC,cAAc,mBAAmB,CAAA;AACjC,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA;AACnC,cAAc,sBAAsB,CAAA;AACpC,cAAc,2BAA2B,CAAA;AACzC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,oBAAoB,CAAA;AAClC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,sBAAsB,CAAA;AACpC,cAAc,mBAAmB,CAAA;AACjC,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,oBAAoB,CAAA;AAClC,cAAc,oBAAoB,CAAA;AAClC,cAAc,mBAAmB,CAAA;AACjC,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA;AACxC,cAAc,sBAAsB,CAAA;AACpC,cAAc,kCAAkC,CAAA;AAChD,cAAc,sBAAsB,CAAA;AACpC,cAAc,kCAAkC,CAAA;AAChD,cAAc,kCAAkC,CAAA;AAChD,cAAc,aAAa,CAAA"}
|
package/dist/index.js
ADDED
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
export { Button, buttonVariants } from './components/button.js';
|
|
2
|
+
export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger } from './components/alert-dialog.js';
|
|
3
|
+
export { Badge, badgeVariants } from './components/badge.js';
|
|
4
|
+
export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from './components/card.js';
|
|
5
|
+
export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from './components/dialog.js';
|
|
6
|
+
export { Checkbox } from './components/checkbox.js';
|
|
7
|
+
export { Input } from './components/input.js';
|
|
8
|
+
export { Label } from './components/label.js';
|
|
9
|
+
export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from './components/popover.js';
|
|
10
|
+
export { Switch } from './components/switch.js';
|
|
11
|
+
export { RadioGroup, RadioGroupItem } from './components/radio-group.js';
|
|
12
|
+
export { ScrollArea, ScrollBar } from './components/scroll-area.js';
|
|
13
|
+
export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from './components/select.js';
|
|
14
|
+
export { MultiSelect } from './components/multi-select.js';
|
|
15
|
+
export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger } from './components/sheet.js';
|
|
16
|
+
export { SegmentedControl, segmentedControlItemVariants, segmentedControlVariants } from './components/segmented-control.js';
|
|
17
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from './components/accordion.js';
|
|
18
|
+
export { Alert, AlertDescription, AlertTitle } from './components/alert.js';
|
|
19
|
+
export { AspectRatio } from './components/aspect-ratio.js';
|
|
20
|
+
export { Avatar, AvatarFallback, AvatarImage } from './components/avatar.js';
|
|
21
|
+
export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from './components/breadcrumb.js';
|
|
22
|
+
export { Collapsible, CollapsibleContent, CollapsibleTrigger } from './components/collapsible.js';
|
|
23
|
+
export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger } from './components/context-menu.js';
|
|
24
|
+
export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from './components/drawer.js';
|
|
25
|
+
export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from './components/dropdown-menu.js';
|
|
26
|
+
export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from './components/empty.js';
|
|
27
|
+
export { HoverCard, HoverCardContent, HoverCardTrigger } from './components/hover-card.js';
|
|
28
|
+
export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot } from './components/input-otp.js';
|
|
29
|
+
export { Kbd, KbdGroup } from './components/kbd.js';
|
|
30
|
+
export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger } from './components/menubar.js';
|
|
31
|
+
export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle } from './components/navigation-menu.js';
|
|
32
|
+
export { Progress } from './components/progress.js';
|
|
33
|
+
export { ResizableHandle, ResizablePanel, ResizablePanelGroup } from './components/resizable.js';
|
|
34
|
+
export { SearchBar } from './components/search-bar.js';
|
|
35
|
+
export { SelectionPanel } from './components/selection-panel.js';
|
|
36
|
+
export { Separator } from './components/separator.js';
|
|
37
|
+
export { Skeleton } from './components/skeleton.js';
|
|
38
|
+
export { Slider } from './components/slider.js';
|
|
39
|
+
export { Toaster } from './components/sonner.js';
|
|
40
|
+
export { Spinner } from './components/spinner.js';
|
|
41
|
+
export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from './components/table.js';
|
|
42
|
+
export { DataTable } from './components/data-table.js';
|
|
43
|
+
export { Tabs, TabsContent, TabsList, TabsTrigger } from './components/tabs.js';
|
|
44
|
+
export { Textarea } from './components/textarea.js';
|
|
45
|
+
export { Toggle, toggleVariants } from './components/toggle.js';
|
|
46
|
+
export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './components/tooltip.js';
|
|
47
|
+
export { LoginScreen } from './components/login-screen.js';
|
|
48
|
+
export { VisuallyHidden } from './components/visually-hidden.js';
|
|
49
|
+
export { useIsMobile } from './hooks/use-mobile.js';
|
|
50
|
+
export { INVALID_ATTENTION_DURATION_MS, INVALID_ATTENTION_GLOW_ANIMATION_NAME, isAriaInvalid, useInvalidAttention } from './hooks/use-invalid-attention.js';
|
|
51
|
+
export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from './components/command.js';
|
|
52
|
+
export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle } from './components/item.js';
|
|
53
|
+
export { ToggleGroup, ToggleGroupItem } from './components/toggle-group.js';
|
|
54
|
+
export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants } from './components/button-group.js';
|
|
55
|
+
export { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from './components/carousel.js';
|
|
56
|
+
export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from './components/pagination.js';
|
|
57
|
+
export { ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent } from './components/chart.js';
|
|
58
|
+
export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle } from './components/field.js';
|
|
59
|
+
export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField } from './components/form.js';
|
|
60
|
+
export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea } from './components/input-group.js';
|
|
61
|
+
export { PageHeader } from './components/page-header.js';
|
|
62
|
+
export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar } from './components/sidebar.js';
|
|
63
|
+
export { HeaderAppSwitcher } from './components/header-app-switcher.js';
|
|
64
|
+
export { PortalWrapper } from './lib/portal-wrapper.js';
|
|
65
|
+
export { HierarchicalSelect } from './components/hierarchical-select.js';
|
|
66
|
+
export { MultiSearchSelect } from './components/multi-search-select.js';
|
|
67
|
+
export { cn } from './lib/utils.js';
|
|
68
|
+
export { CheckIcon, XIcon } from 'lucide-react';
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
/**
|
|
3
|
+
* PortalWrapper - Wraps portal content in .blaze-ui-root for scoped Tailwind CSS
|
|
4
|
+
*
|
|
5
|
+
* **Problem**: Radix UI portals render at document.body level, outside the MFE's
|
|
6
|
+
* .blaze-ui-root wrapper. Since Blaze UI's Tailwind CSS is scoped to .blaze-ui-root,
|
|
7
|
+
* portal content renders unstyled without an ancestor with this class.
|
|
8
|
+
*
|
|
9
|
+
* **Solution**: Wrap all portal content in a <div className="blaze-ui-root"> with
|
|
10
|
+
* display: contents. The wrapper is layout-transparent (invisible to CSS layout)
|
|
11
|
+
* but provides the necessary class for Tailwind CSS scoping.
|
|
12
|
+
*
|
|
13
|
+
* **Usage**: Import and wrap children in all Radix portal Content components:
|
|
14
|
+
* - SheetContent (sheet.tsx)
|
|
15
|
+
* - DialogContent (dialog.tsx)
|
|
16
|
+
* - AlertDialogContent (alert-dialog.tsx)
|
|
17
|
+
* - PopoverContent (popover.tsx)
|
|
18
|
+
* - TooltipContent (tooltip.tsx)
|
|
19
|
+
* - DropdownMenuContent (dropdown-menu.tsx)
|
|
20
|
+
* - ContextMenuContent (context-menu.tsx)
|
|
21
|
+
*
|
|
22
|
+
* @example
|
|
23
|
+
* <SheetPrimitive.Content {...props}>
|
|
24
|
+
* <PortalWrapper>
|
|
25
|
+
* {children}
|
|
26
|
+
* </PortalWrapper>
|
|
27
|
+
* </SheetPrimitive.Content>
|
|
28
|
+
*/
|
|
29
|
+
export declare function PortalWrapper({ children }: {
|
|
30
|
+
children: React.ReactNode;
|
|
31
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
32
|
+
//# sourceMappingURL=portal-wrapper.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"portal-wrapper.d.ts","sourceRoot":"","sources":["../../src/lib/portal-wrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,2CAMxE"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { jsx } from 'react/jsx-runtime';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* PortalWrapper - Wraps portal content in .blaze-ui-root for scoped Tailwind CSS
|
|
5
|
+
*
|
|
6
|
+
* **Problem**: Radix UI portals render at document.body level, outside the MFE's
|
|
7
|
+
* .blaze-ui-root wrapper. Since Blaze UI's Tailwind CSS is scoped to .blaze-ui-root,
|
|
8
|
+
* portal content renders unstyled without an ancestor with this class.
|
|
9
|
+
*
|
|
10
|
+
* **Solution**: Wrap all portal content in a <div className="blaze-ui-root"> with
|
|
11
|
+
* display: contents. The wrapper is layout-transparent (invisible to CSS layout)
|
|
12
|
+
* but provides the necessary class for Tailwind CSS scoping.
|
|
13
|
+
*
|
|
14
|
+
* **Usage**: Import and wrap children in all Radix portal Content components:
|
|
15
|
+
* - SheetContent (sheet.tsx)
|
|
16
|
+
* - DialogContent (dialog.tsx)
|
|
17
|
+
* - AlertDialogContent (alert-dialog.tsx)
|
|
18
|
+
* - PopoverContent (popover.tsx)
|
|
19
|
+
* - TooltipContent (tooltip.tsx)
|
|
20
|
+
* - DropdownMenuContent (dropdown-menu.tsx)
|
|
21
|
+
* - ContextMenuContent (context-menu.tsx)
|
|
22
|
+
*
|
|
23
|
+
* @example
|
|
24
|
+
* <SheetPrimitive.Content {...props}>
|
|
25
|
+
* <PortalWrapper>
|
|
26
|
+
* {children}
|
|
27
|
+
* </PortalWrapper>
|
|
28
|
+
* </SheetPrimitive.Content>
|
|
29
|
+
*/
|
|
30
|
+
function PortalWrapper({ children }) {
|
|
31
|
+
return (jsx("div", { className: "blaze-ui-root", style: { display: "contents" }, children: children }));
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
export { PortalWrapper };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"blaze-dispatch-logo.d.ts","sourceRoot":"","sources":["../../src/svgs/blaze-dispatch-logo.tsx"],"names":[],"mappings":"AAAA,wBAAgB,iBAAiB,CAAC,EAAE,KAAU,EAAE,MAAW,EAAE;;;CAAA,2CAgC5D"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export declare function BlazeEcomLogo({ width, height, color, ...props }: {
|
|
2
|
+
[x: string]: any;
|
|
3
|
+
width?: number | undefined;
|
|
4
|
+
height?: number | undefined;
|
|
5
|
+
color?: string | undefined;
|
|
6
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
//# sourceMappingURL=blaze-ecom-logo.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"blaze-ecom-logo.d.ts","sourceRoot":"","sources":["../../src/svgs/blaze-ecom-logo.tsx"],"names":[],"mappings":"AAAA,wBAAgB,aAAa,CAAC,EAC5B,KAAU,EACV,MAAW,EACX,KAAiB,EACjB,GAAG,KAAK,EACT;;;;;CAAA,2CAiBA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"blaze-insights-logo.d.ts","sourceRoot":"","sources":["../../src/svgs/blaze-insights-logo.tsx"],"names":[],"mappings":"AAAA,wBAAgB,iBAAiB,CAAC,EAAE,KAAU,EAAE,MAAW,EAAE;;;CAAA,2CA4E5D"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"blaze-lighthouse-logo.d.ts","sourceRoot":"","sources":["../../src/svgs/blaze-lighthouse-logo.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB,GAAI;;;;CAAqC,4CAuJxE,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"blaze-pay-logo.d.ts","sourceRoot":"","sources":["../../src/svgs/blaze-pay-logo.tsx"],"names":[],"mappings":"AAAA,wBAAgB,YAAY,CAAC,EAAE,KAAU,EAAE,MAAW,EAAE;;;CAAA,2CA0BvD"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"blaze-pos-logo.d.ts","sourceRoot":"","sources":["../../src/svgs/blaze-pos-logo.tsx"],"names":[],"mappings":"AAAA,wBAAgB,YAAY,CAAC,EAAE,KAAU,EAAE,MAAW,EAAE;;;CAAA,2CAiBvD"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export declare const BlazeRetailLogo: ({ width, height, primaryColor, ...props }: {
|
|
2
|
+
[x: string]: any;
|
|
3
|
+
width?: number | undefined;
|
|
4
|
+
height?: number | undefined;
|
|
5
|
+
primaryColor?: string | undefined;
|
|
6
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
//# sourceMappingURL=blaze-retail-logo.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"blaze-retail-logo.d.ts","sourceRoot":"","sources":["../../src/svgs/blaze-retail-logo.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,GAAI;;;;;CAK/B,4CAiCA,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"blaze-sites-logo.d.ts","sourceRoot":"","sources":["../../src/svgs/blaze-sites-logo.tsx"],"names":[],"mappings":"AAAA,wBAAgB,cAAc,CAAC,EAAE,KAAU,EAAE,MAAW,EAAE;;;CAAA,2CAuBzD"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { ComponentType, SVGProps } from "react";
|
|
2
|
+
type HeaderAppSwitcherLogoProps = {
|
|
3
|
+
className?: string;
|
|
4
|
+
};
|
|
5
|
+
type PlaceholderAppIconProps = {
|
|
6
|
+
icon: ComponentType<SVGProps<SVGSVGElement>>;
|
|
7
|
+
};
|
|
8
|
+
declare function AppsGridIcon(): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
declare function PlaceholderAppIcon({ icon: Icon }: PlaceholderAppIconProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
declare function RetailLogo({ className }: HeaderAppSwitcherLogoProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
declare function PosLogo({ className }: HeaderAppSwitcherLogoProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
declare function EcomLogo({ className }: HeaderAppSwitcherLogoProps): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
declare function SitesLogo({ className }: HeaderAppSwitcherLogoProps): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export { AppsGridIcon, EcomLogo, PlaceholderAppIcon, PosLogo, RetailLogo, SitesLogo, };
|
|
15
|
+
//# sourceMappingURL=header-app-switcher-logos.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"header-app-switcher-logos.d.ts","sourceRoot":"","sources":["../../src/svgs/header-app-switcher-logos.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEpD,KAAK,0BAA0B,GAAG;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,KAAK,uBAAuB,GAAG;IAC7B,IAAI,EAAE,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAA;CAC7C,CAAA;AAED,iBAAS,YAAY,4CAmBpB;AAED,iBAAS,kBAAkB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,uBAAuB,2CAMlE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,EAAE,0BAA0B,2CA8C5D;AAED,iBAAS,OAAO,CAAC,EAAE,SAAS,EAAE,EAAE,0BAA0B,2CA8CzD;AAED,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,EAAE,0BAA0B,2CA4C1D;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,EAAE,0BAA0B,2CAkB3D;AAED,OAAO,EACL,YAAY,EACZ,QAAQ,EACR,kBAAkB,EAClB,OAAO,EACP,UAAU,EACV,SAAS,GACV,CAAA"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
+
|
|
3
|
+
function AppsGridIcon() {
|
|
4
|
+
return (jsxs("svg", { "aria-hidden": true, viewBox: "0 0 24 24", fill: "currentColor", className: "tw:h-5 tw:w-5", children: [jsx("circle", { cx: "5", cy: "5", r: "1.5" }), jsx("circle", { cx: "12", cy: "5", r: "1.5" }), jsx("circle", { cx: "19", cy: "5", r: "1.5" }), jsx("circle", { cx: "5", cy: "12", r: "1.5" }), jsx("circle", { cx: "12", cy: "12", r: "1.5" }), jsx("circle", { cx: "19", cy: "12", r: "1.5" }), jsx("circle", { cx: "5", cy: "19", r: "1.5" }), jsx("circle", { cx: "12", cy: "19", r: "1.5" }), jsx("circle", { cx: "19", cy: "19", r: "1.5" })] }));
|
|
5
|
+
}
|
|
6
|
+
function PlaceholderAppIcon({ icon: Icon }) {
|
|
7
|
+
return (jsx("span", { className: "tw:flex tw:size-9 tw:shrink-0 tw:items-center tw:justify-center tw:rounded-md tw:bg-[#f4f4f5] tw:text-[#29333b] tw:dark:bg-[#1b1b1b] tw:dark:text-white", children: jsx(Icon, { "aria-hidden": true, className: "tw:size-5", strokeWidth: 2 }) }));
|
|
8
|
+
}
|
|
9
|
+
function RetailLogo({ className }) {
|
|
10
|
+
return (jsxs("svg", { "aria-hidden": true, width: "36", height: "36", viewBox: "0 0 28 28", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: [jsx("rect", { width: "28", height: "28", rx: "6", fill: "#2BB2DC" }), jsx("path", { d: "M11.1386 13.6388C12.9054 11.8472 13.0118 10.7049 11.9039 9.30353C11.0273 8.19445 9.92213 7.8514 9.91945 7.84915C10.4282 8.66592 9.61008 9.50559 8.41777 10.678C7.80217 11.7808 8.37709 12.8207 10.168 14.6312L11.1386 13.6388Z", fill: "#1B365F" }), jsx("path", { d: "M14.1151 19.0042C14.0798 19.0397 14.0445 19.0747 14.0091 19.1088C11.4475 21.6821 10.4282 21.1932 10.1349 20.9377L12.5893 23.4028C12.9782 23.7934 13.4888 23.9888 13.9998 23.9888C14.5107 23.9888 15.0213 23.7934 15.4102 23.4028L18.6358 20.1631C19.8071 18.7819 19.457 17.0397 17.7917 15.3101C16.9204 16.1852 15.0767 18.037 14.1142 19.0037L14.1151 19.0042Z", fill: "#1B365F" }), jsx("path", { d: "M22.4157 13.5342L16.8502 8.02746C13.5446 4.56461 14.4794 3.62661 14.4794 3.62661C14.5009 3.56644 12.1449 5.33828 12.1449 7.52635C12.1449 8.92325 12.9076 9.95376 13.6747 10.7386C13.6747 10.7386 18.0881 15.0093 18.0903 15.0111C20.825 17.7577 20.0047 18.7842 19.6948 19.0999L22.4157 16.3671C22.7925 15.9886 23 15.4857 23 14.9505C23 14.4152 22.7925 13.9123 22.4157 13.5338V13.5342Z", fill: "#1B365F" }), jsx("path", { d: "M13.7481 18.8538L9.86222 14.9509L9.86625 14.9468C7.02295 12.0911 7.5697 11.5415 7.87057 11.2384L5.58431 13.5347C5.20744 13.9132 5 14.4161 5 14.9513C5 15.4866 5.20744 15.9895 5.58431 16.368L8.9149 19.7132C10.2914 20.8856 12.026 20.5304 13.7481 18.8542V18.8538Z", fill: "#1B365F" }), jsx("path", { d: "M11.9039 9.30353C11.0273 8.19445 9.92213 7.8514 9.91945 7.84915C10.4282 8.66592 9.61008 9.50559 8.41777 10.678C7.80217 11.7808 8.37709 12.8207 10.168 14.6312L11.1386 13.6388C12.9054 11.8472 13.0118 10.7049 11.9039 9.30353Z", fill: "white" }), jsx("path", { d: "M17.7922 15.311C16.9209 16.1861 15.0772 18.0379 14.1147 19.0046C14.0793 19.0401 14.044 19.0751 14.0087 19.1093C11.4471 21.6821 10.4278 21.1936 10.1345 20.9381L12.5888 23.4032C12.9778 23.7939 13.4883 23.9892 13.9993 23.9892C14.5103 23.9892 15.0209 23.7939 15.4098 23.4032L18.6353 20.1636C19.8066 18.7824 19.4566 17.0402 17.7913 15.3105L17.7922 15.311Z", fill: "white" }), jsx("path", { d: "M22.4157 13.5342L16.8502 8.02743C13.5446 4.56458 14.4794 3.62658 14.4794 3.62658C14.5009 3.56641 12.1449 5.33825 12.1449 7.52632C12.1449 8.92322 12.9076 9.95373 13.6747 10.7386C13.6747 10.7386 18.0881 15.0092 18.0903 15.011C20.9296 17.8628 19.9367 18.86 19.6618 19.133L22.4157 16.3671C22.7925 15.9886 23 15.4857 23 14.9504C23 14.4152 22.7925 13.9123 22.4157 13.5338V13.5342Z", fill: "white" }), jsx("path", { d: "M13.7481 18.8537L9.86222 14.9508L9.86625 14.9468C7.02295 12.091 7.5697 11.5414 7.87057 11.2383L5.58431 13.5346C5.20744 13.9132 5 14.4161 5 14.9513C5 15.4865 5.20744 15.9894 5.58431 16.3679L8.9149 19.7132C10.2914 20.8855 12.026 20.5304 13.7481 18.8542V18.8537Z", fill: "white" })] }));
|
|
11
|
+
}
|
|
12
|
+
function PosLogo({ className }) {
|
|
13
|
+
return (jsxs("svg", { "aria-hidden": true, width: "36", height: "36", viewBox: "0 0 28 28", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: [jsx("rect", { width: "28", height: "28", rx: "6", fill: "#2BB2DC" }), jsx("path", { d: "M11.1386 13.6388C12.9053 11.8472 13.0117 10.7049 11.9039 9.30353C11.0272 8.19445 9.9221 7.8514 9.91942 7.84915C10.4282 8.66592 9.61005 9.50559 8.41774 10.678C7.80214 11.7808 8.37706 12.8207 10.168 14.6312L11.1386 13.6388Z", fill: "#1B365F" }), jsx("path", { d: "M14.1151 19.0042C14.0797 19.0397 14.0444 19.0747 14.0091 19.1088C11.4475 21.6821 10.4282 21.1932 10.1349 20.9377L12.5892 23.4028C12.9782 23.7934 13.4887 23.9888 13.9997 23.9888C14.5107 23.9888 15.0213 23.7934 15.4102 23.4028L18.6357 20.1631C19.807 18.7819 19.457 17.0397 17.7917 15.3101C16.9204 16.1852 15.0767 18.037 14.1142 19.0037L14.1151 19.0042Z", fill: "#1B365F" }), jsx("path", { d: "M22.4157 13.5342L16.8502 8.02746C13.5446 4.56461 14.4794 3.62661 14.4794 3.62661C14.5009 3.56644 12.1449 5.33828 12.1449 7.52635C12.1449 8.92325 12.9076 9.95376 13.6747 10.7386C13.6747 10.7386 18.0881 15.0093 18.0903 15.0111C20.825 17.7577 20.0047 18.7842 19.6948 19.0999L22.4157 16.3671C22.7925 15.9886 23 15.4857 23 14.9505C23 14.4152 22.7925 13.9123 22.4157 13.5338V13.5342Z", fill: "#1B365F" }), jsx("path", { d: "M13.7481 18.8538L9.86222 14.9509L9.86625 14.9468C7.02295 12.0911 7.5697 11.5415 7.87057 11.2384L5.58431 13.5347C5.20744 13.9132 5 14.4161 5 14.9513C5 15.4866 5.20744 15.9895 5.58431 16.368L8.9149 19.7132C10.2914 20.8856 12.026 20.5304 13.7481 18.8542V18.8538Z", fill: "#1B365F" }), jsx("path", { d: "M11.9039 9.30353C11.0272 8.19445 9.9221 7.8514 9.91942 7.84915C10.4282 8.66592 9.61005 9.50559 8.41774 10.678C7.80214 11.7808 8.37706 12.8207 10.168 14.6312L11.1386 13.6388C12.9053 11.8472 13.0117 10.7049 11.9039 9.30353Z", fill: "white" }), jsx("path", { d: "M17.7921 15.311C16.9208 16.1861 15.0772 18.0379 14.1146 19.0046C14.0793 19.0401 14.044 19.0751 14.0087 19.1093C11.447 21.6821 10.4277 21.1936 10.1345 20.9381L12.5888 23.4032C12.9778 23.7939 13.4883 23.9892 13.9993 23.9892C14.5103 23.9892 15.0208 23.7939 15.4098 23.4032L18.6353 20.1636C19.8066 18.7824 19.4566 17.0402 17.7913 15.3105L17.7921 15.311Z", fill: "white" }), jsx("path", { d: "M22.4157 13.5342L16.8502 8.02743C13.5446 4.56458 14.4794 3.62658 14.4794 3.62658C14.5009 3.56641 12.1449 5.33825 12.1449 7.52632C12.1449 8.92322 12.9076 9.95373 13.6747 10.7386C13.6747 10.7386 18.0881 15.0092 18.0903 15.011C20.9296 17.8628 19.9367 18.86 19.6618 19.133L22.4157 16.3671C22.7925 15.9886 23 15.4857 23 14.9504C23 14.4152 22.7925 13.9123 22.4157 13.5338V13.5342Z", fill: "white" }), jsx("path", { d: "M13.7481 18.8537L9.86222 14.9508L9.86625 14.9468C7.02295 12.091 7.5697 11.5414 7.87057 11.2383L5.58431 13.5346C5.20744 13.9132 5 14.4161 5 14.9513C5 15.4865 5.20744 15.9894 5.58431 16.3679L8.9149 19.7132C10.2914 20.8855 12.026 20.5304 13.7481 18.8542V18.8537Z", fill: "white" })] }));
|
|
14
|
+
}
|
|
15
|
+
function EcomLogo({ className }) {
|
|
16
|
+
return (jsxs("svg", { "aria-hidden": true, width: "36", height: "36", viewBox: "0 0 28 28", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: [jsx("rect", { width: "28", height: "28", rx: "6", fill: "#2BB2DC" }), jsx("path", { d: "M9.09044 22.97C8.14725 22.97 7.3927 22.2 7.3927 21.26C7.3927 20.32 8.15718 19.55 9.09044 19.55C10.0237 19.55 10.7882 20.32 10.7882 21.26C10.7882 22.2 10.0237 22.97 9.09044 22.97ZM9.09044 20.51C8.68338 20.51 8.34582 20.85 8.34582 21.26C8.34582 21.67 8.68338 22.01 9.09044 22.01C9.4975 22.01 9.83506 21.67 9.83506 21.26C9.83506 20.85 9.4975 20.51 9.09044 20.51Z", fill: "white" }), jsx("path", { d: "M21.0342 22.97C20.091 22.97 19.3365 22.2 19.3365 21.26C19.3365 20.32 20.101 19.55 21.0342 19.55C21.9675 19.55 22.732 20.32 22.732 21.26C22.732 22.2 21.9675 22.97 21.0342 22.97ZM21.0342 20.51C20.6272 20.51 20.2896 20.85 20.2896 21.26C20.2896 21.67 20.6272 22.01 21.0342 22.01C21.4413 22.01 21.7788 21.67 21.7788 21.26C21.7788 20.85 21.4413 20.51 21.0342 20.51Z", fill: "white" }), jsx("path", { d: "M19.803 20.77H10.3116V21.73H19.803V20.77Z", fill: "white" }), jsx("path", { d: "M6.30061 9.57001C5.58577 9.57001 5 8.98001 5 8.26001C5 7.54001 5.58577 6.95001 6.30061 6.95001C7.01544 6.95001 7.60121 7.54001 7.60121 8.26001C7.60121 8.98001 7.01544 9.57001 6.30061 9.57001ZM6.30061 7.92001C6.11197 7.92001 5.96304 8.07001 5.96304 8.26001C5.96304 8.45001 6.11197 8.60001 6.30061 8.60001C6.48924 8.60001 6.63817 8.45001 6.63817 8.26001C6.63817 8.07001 6.48924 7.92001 6.30061 7.92001Z", fill: "white" }), jsx("path", { d: "M21.5206 19.93L20.5874 19.72L20.8058 18.75H6.84662L8.48479 8.74H7.3331V7.78H9.61661L7.97844 17.79H22.0171L21.5206 19.93Z", fill: "white" }), jsx("path", { d: "M12.1186 12.58H10.0733L9.52728 16.46H11.5725L12.1186 12.58Z", fill: "white" }), jsx("path", { d: "M15.6829 10.42H13.6376L12.8036 16.46H14.839L15.6829 10.42Z", fill: "white" }), jsx("path", { d: "M19.2968 7.98001H17.2515L16.0701 16.46H18.1153L19.2968 7.98001Z", fill: "white" }), jsx("path", { d: "M23 5.75H20.9547L19.4556 16.46H21.5008L23 5.75Z", fill: "white" })] }));
|
|
17
|
+
}
|
|
18
|
+
function SitesLogo({ className }) {
|
|
19
|
+
return (jsxs("svg", { "aria-hidden": true, width: "36", height: "36", viewBox: "0 0 28 28", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: [jsx("rect", { width: "28", height: "28", rx: "6", fill: "#2BB2DC" }), jsx("path", { d: "M9.44824 10.4514C9.82424 10.4514 10.1257 10.7522 10.126 11.1281V22.6105C10.126 22.9867 9.82441 23.2883 9.44824 23.2883H5.67773C5.30157 23.2883 5 22.9867 5 22.6105V11.1281C5.00026 10.7522 5.30173 10.4514 5.67773 10.4514H9.44824ZM22.2666 18.4641C22.6238 18.4643 22.9053 18.7465 22.9053 19.1037V22.5353C22.9053 22.8926 22.6238 23.1748 22.2666 23.175H12.1191C11.7618 23.175 11.4795 22.8927 11.4795 22.5353V19.1037C11.4795 18.7464 11.7618 18.4641 12.1191 18.4641H22.2666ZM15.8906 10.4514C16.2664 10.4516 16.5671 10.7523 16.5674 11.1281V15.9055C16.5674 16.2815 16.2666 16.583 15.8906 16.5832H12.1191C11.743 16.5832 11.4424 16.2816 11.4424 15.9055V11.1281C11.4426 10.7522 11.7432 10.4514 12.1191 10.4514H15.8906ZM22.3223 10.4514C22.6983 10.4514 22.9997 10.7522 23 11.1281V15.9055C23 16.2816 22.6984 16.5832 22.3223 16.5832H18.5518C18.1756 16.5832 17.874 16.2816 17.874 15.9055V11.1281C17.8743 10.7522 18.1758 10.4514 18.5518 10.4514H22.3223ZM22.2568 4.79999C22.614 4.80002 22.8962 5.08155 22.8965 5.43866V7.93085C22.8965 8.28818 22.6142 8.57046 22.2568 8.5705H5.64941C5.29206 8.5705 5.00977 8.2882 5.00977 7.93085V5.43866H5C5.00025 5.08156 5.2825 4.80005 5.63965 4.79999H22.2568Z", fill: "white" })] }));
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
export { AppsGridIcon, EcomLogo, PlaceholderAppIcon, PosLogo, RetailLogo, SitesLogo };
|