@sps-woodland/core 8.56.11 → 8.56.13
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/lib/action-bar/action-bar/ActionBar.ve.js +1 -1
- package/lib/action-bar/index.js +3 -59
- package/lib/action-bar/style.css +1 -2
- package/lib/add-to-list/add-to-list/AddToList.js +4 -4
- package/lib/add-to-list/add-to-list/AddToList.ve.js +32 -32
- package/lib/add-to-list/add-to-list/ItemsList.js +3 -3
- package/lib/add-to-list/add-to-list/ListItem.js +1 -1
- package/lib/add-to-list/index.js +1 -402
- package/lib/add-to-list/style.css +1 -2
- package/lib/buttons/button/Button.js +2 -2
- package/lib/buttons/button/Button.ve.js +56 -56
- package/lib/buttons/index.js +1 -285
- package/lib/buttons/style.css +1 -2
- package/lib/cards/card/Card.ve.js +1 -1
- package/lib/cards/card-footer/CardFooter.ve.js +1 -1
- package/lib/cards/card-header/CardHeader.ve.js +1 -1
- package/lib/cards/card-title/CardTitle.ve.js +1 -1
- package/lib/cards/index.js +5 -56
- package/lib/cards/style.css +4 -2
- package/lib/components/icon/Icon.ve.js +5 -5
- package/lib/content-row/content-row/ContentRow.js +2 -2
- package/lib/content-row/content-row/ContentRow.ve.js +37 -37
- package/lib/content-row/content-row-col/ContentRowCol.ve.js +14 -14
- package/lib/content-row/index.js +5 -419
- package/lib/content-row/row-list-auto-layout/RowListAutoLayout.ve.js +3 -3
- package/lib/content-row/style.css +3 -2
- package/lib/content-tiles/content-tile/ContentTile.js +3 -3
- package/lib/content-tiles/content-tile/ContentTile.ve.js +12 -12
- package/lib/content-tiles/content-tile-list/ContentTileList.ve.js +1 -1
- package/lib/content-tiles/index.js +3 -162
- package/lib/content-tiles/style.css +2 -2
- package/lib/dropdowns/dropdown/Dropdown.js +1 -1
- package/lib/dropdowns/dropdown/Dropdown.ve.js +13 -13
- package/lib/dropdowns/index.js +4 -180
- package/lib/dropdowns/option-list/Option.js +1 -1
- package/lib/dropdowns/option-list/Option.ve.js +1 -1
- package/lib/dropdowns/option-list/OptionList.ve.js +1 -1
- package/lib/dropdowns/style.css +3 -2
- package/lib/feedback-block/FeedbackBlock.ve.js +18 -18
- package/lib/feedback-block/index.js +1 -138
- package/lib/feedback-block/style.css +1 -2
- package/lib/file-upload/file-upload/FileUpload.js +4 -4
- package/lib/file-upload/file-upload/FileUpload.ve.js +28 -28
- package/lib/file-upload/index.js +1 -398
- package/lib/file-upload/style.css +1 -2
- package/lib/filter-tiles/filter-tile/FilterTile.ve.js +20 -20
- package/lib/filter-tiles/filter-tile-set/FilterTileSet.ve.js +1 -1
- package/lib/filter-tiles/index.js +3 -148
- package/lib/filter-tiles/style.css +2 -2
- package/lib/focused-task/focused-task/FocusedTask.ve.js +5 -5
- package/lib/focused-task/index.js +4 -137
- package/lib/focused-task/style.css +1 -2
- package/lib/growler/Growler.js +1 -1
- package/lib/growler/Growler.ve.js +10 -10
- package/lib/growler/Sonner.ve.js +8 -8
- package/lib/growler/index.js +4 -261
- package/lib/growler/style.css +2 -2
- package/lib/index.js +28 -28
- package/lib/index.umd.cjs +1 -1
- package/lib/insight-card/InsightCard.ve.js +54 -54
- package/lib/insight-card/index.js +3 -276
- package/lib/insight-card/style.css +1 -2
- package/lib/key-value-set/index.js +3 -105
- package/lib/key-value-set/key-value-set/KeyValueSet.ve.js +2 -2
- package/lib/key-value-set/key-value-set-item/KeyValueSetItem.ve.js +4 -4
- package/lib/key-value-set/style.css +2 -2
- package/lib/list-bar/advanced-search/AdvancedSearch.ve.js +9 -9
- package/lib/list-bar/index.js +8 -321
- package/lib/list-bar/list-bar/ListBar.js +5 -5
- package/lib/list-bar/list-bar/ListBar.ve.js +4 -4
- package/lib/list-bar/search-results-bar/SearchResultsBar.js +2 -2
- package/lib/list-bar/search-results-bar/SearchResultsBar.ve.js +1 -1
- package/lib/list-bar/style.css +3 -2
- package/lib/matrix/index.js +7 -87
- package/lib/matrix/matrix/Matrix.ve.js +1 -1
- package/lib/matrix/style.css +1 -2
- package/lib/modal/index.js +4 -207
- package/lib/modal/modal/Modal.js +1 -1
- package/lib/modal/modal/Modal.ve.js +23 -23
- package/lib/modal/style.css +1 -2
- package/lib/page-title/index.js +4 -38
- package/lib/page-title/page-subtitle/PageSubtitle.ve.js +1 -1
- package/lib/page-title/page-title/PageTitle.ve.js +1 -1
- package/lib/page-title/style.css +2 -2
- package/lib/photo/index.js +3 -180
- package/lib/photo/photo/Photo.ve.js +7 -7
- package/lib/photo/photo-carousel/PhotoCarousel.ve.js +4 -4
- package/lib/photo/style.css +2 -2
- package/lib/product-bar/index.js +5 -387
- package/lib/product-bar/product-bar/ProductBar.ve.js +17 -17
- package/lib/product-bar/product-bar-name/ProductBarName.js +2 -2
- package/lib/product-bar/product-bar-overflow-menu/ProductBarOverflowMenu.js +3 -3
- package/lib/product-bar/product-bar-overflow-menu/ProductBarOverflowMenu.ve.js +1 -1
- package/lib/product-bar/product-bar-tab/ProductBarTab.js +1 -1
- package/lib/product-bar/slack-link/SlackLink.ve.js +1 -1
- package/lib/product-bar/style.css +3 -2
- package/lib/product-bar-vertical/index.js +5 -250
- package/lib/product-bar-vertical/product-bar-vertical/ProductBarVertical.js +1 -1
- package/lib/product-bar-vertical/product-bar-vertical/ProductBarVertical.ve.js +22 -22
- package/lib/product-bar-vertical/product-bar-vertical-header/ProductBarVerticalHeader.js +1 -1
- package/lib/product-bar-vertical/product-bar-vertical-item/ProductBarVerticalItem.js +2 -2
- package/lib/product-bar-vertical/style.css +1 -2
- package/lib/progress-indicators/index.js +4 -381
- package/lib/progress-indicators/progress-bar/ProgressBar.js +2 -2
- package/lib/progress-indicators/progress-bar/ProgressBar.ve.js +26 -26
- package/lib/progress-indicators/progress-bar/progress-bar-step/ProgressBarStep.ve.js +42 -42
- package/lib/progress-indicators/style.css +2 -2
- package/lib/rich-text-editor/index.js +1 -580
- package/lib/rich-text-editor/rich-text-editor/RTEToolbarButton.ve.js +4 -4
- package/lib/rich-text-editor/rich-text-editor/RichTextEditor.js +2 -2
- package/lib/rich-text-editor/rich-text-editor/RichTextEditor.ve.js +7 -7
- package/lib/rich-text-editor/style.css +2 -2
- package/lib/scrollable-container/ScrollableContainer.ve.js +1 -1
- package/lib/scrollable-container/index.js +1 -22
- package/lib/scrollable-container/style.css +1 -2
- package/lib/side-nav/index.js +5 -202
- package/lib/side-nav/side-nav/SideNav.js +1 -1
- package/lib/side-nav/side-nav/SideNav.ve.js +7 -7
- package/lib/side-nav/side-nav-section/SideNavSection.js +1 -1
- package/lib/side-nav/style.css +1 -2
- package/lib/sorting-header/caret/caret.ve.js +3 -3
- package/lib/sorting-header/index.js +3 -276
- package/lib/sorting-header/sorting-header/SortingHeader.ve.js +9 -9
- package/lib/sorting-header/sorting-header-cell/SortingHeaderCell.ve.js +6 -6
- package/lib/sorting-header/style.css +3 -2
- package/lib/style.css +1 -1
- package/lib/tabs/index.js +4 -261
- package/lib/tabs/style.css +2 -2
- package/lib/tabs/tab/Tab.ve.js +21 -21
- package/lib/tabs/tabs/Tabs.js +2 -2
- package/lib/tabs/tabs/Tabs.ve.js +5 -5
- package/lib/tags/clickable-tag/ClickableTag.js +1 -1
- package/lib/tags/clickable-tag/ClickableTag.ve.js +21 -21
- package/lib/tags/index.js +4 -352
- package/lib/tags/split-tag/SplitTag.js +1 -1
- package/lib/tags/split-tag/SplitTag.ve.js +15 -15
- package/lib/tags/style.css +3 -2
- package/lib/tags/tag/Tag.ve.js +19 -19
- package/lib/zero-state/ZeroState.js +1 -1
- package/lib/zero-state/ZeroState.ve.js +11 -11
- package/lib/zero-state/index.js +1 -109
- package/lib/zero-state/style.css +1 -2
- package/package.json +11 -41
- package/scripts/family-stylesheets.mjs +100 -0
- package/scripts/watch-all.mjs +11 -24
- package/vite.subpaths.config.mjs +15 -4
- package/lib/action-bar/index.umd.cjs +0 -1
- package/lib/add-to-list/index.umd.cjs +0 -1
- package/lib/buttons/index.umd.cjs +0 -1
- package/lib/cards/index.umd.cjs +0 -1
- package/lib/content-row/index.umd.cjs +0 -1
- package/lib/content-tiles/index.umd.cjs +0 -1
- package/lib/core.css +0 -2
- package/lib/dropdowns/index.umd.cjs +0 -1
- package/lib/feedback-block/index.umd.cjs +0 -1
- package/lib/file-upload/index.umd.cjs +0 -1
- package/lib/filter-tiles/index.umd.cjs +0 -1
- package/lib/focused-task/index.umd.cjs +0 -1
- package/lib/growler/index.umd.cjs +0 -1
- package/lib/insight-card/index.umd.cjs +0 -1
- package/lib/key-value-set/index.umd.cjs +0 -1
- package/lib/list-bar/index.umd.cjs +0 -1
- package/lib/matrix/index.umd.cjs +0 -1
- package/lib/modal/index.umd.cjs +0 -1
- package/lib/page-title/index.umd.cjs +0 -1
- package/lib/photo/index.umd.cjs +0 -1
- package/lib/product-bar/index.umd.cjs +0 -1
- package/lib/product-bar-vertical/index.umd.cjs +0 -1
- package/lib/progress-indicators/index.umd.cjs +0 -1
- package/lib/rich-text-editor/index.umd.cjs +0 -13
- package/lib/scrollable-container/index.umd.cjs +0 -1
- package/lib/side-nav/index.umd.cjs +0 -1
- package/lib/sorting-header/index.umd.cjs +0 -1
- package/lib/tabs/index.umd.cjs +0 -1
- package/lib/tags/index.umd.cjs +0 -1
- package/lib/zero-state/index.umd.cjs +0 -1
- package/vite.action-bar.config.mjs +0 -43
- package/vite.add-to-list.config.mjs +0 -43
- package/vite.buttons.config.mjs +0 -44
- package/vite.cards.config.mjs +0 -43
- package/vite.content-row.config.mjs +0 -43
- package/vite.content-tiles.config.mjs +0 -43
- package/vite.dropdowns.config.mjs +0 -44
- package/vite.editable-table.config.mjs +0 -71
- package/vite.feedback-block.config.mjs +0 -43
- package/vite.file-upload.config.mjs +0 -43
- package/vite.filter-tiles.config.mjs +0 -43
- package/vite.focused-task.config.mjs +0 -43
- package/vite.growler.config.mjs +0 -44
- package/vite.insight-card.config.mjs +0 -43
- package/vite.key-value-set.config.mjs +0 -43
- package/vite.list-bar.config.mjs +0 -43
- package/vite.matrix.config.mjs +0 -43
- package/vite.modal.config.mjs +0 -43
- package/vite.page-title.config.mjs +0 -43
- package/vite.photo.config.mjs +0 -43
- package/vite.product-bar-vertical.config.mjs +0 -43
- package/vite.product-bar.config.mjs +0 -45
- package/vite.progress-indicators.config.mjs +0 -43
- package/vite.rich-text-editor.config.mjs +0 -51
- package/vite.scrollable-container.config.mjs +0 -43
- package/vite.side-nav.config.mjs +0 -43
- package/vite.sorting-header.config.mjs +0 -43
- package/vite.tabs.config.mjs +0 -46
- package/vite.tags.config.mjs +0 -43
- package/vite.zero-state.config.mjs +0 -43
package/lib/modal/index.js
CHANGED
|
@@ -1,207 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
import { useRef as m } from "react";
|
|
6
|
-
import { useWoodlandLanguage as h } from "@spscommerce/i18n";
|
|
7
|
-
import { useOverlayTriggerState as g } from "react-stately";
|
|
8
|
-
//#region ../../../node_modules/.pnpm/@vanilla-extract+recipes@0.2.5_@vanilla-extract+css@1.21.3/node_modules/@vanilla-extract/recipes/createRuntimeFn/dist/vanilla-extract-recipes-createRuntimeFn.esm.js
|
|
9
|
-
function _(e, t, n) {
|
|
10
|
-
return t in e ? Object.defineProperty(e, t, {
|
|
11
|
-
value: n,
|
|
12
|
-
enumerable: !0,
|
|
13
|
-
configurable: !0,
|
|
14
|
-
writable: !0
|
|
15
|
-
}) : e[t] = n, e;
|
|
16
|
-
}
|
|
17
|
-
function v(e, t) {
|
|
18
|
-
var n = Object.keys(e);
|
|
19
|
-
if (Object.getOwnPropertySymbols) {
|
|
20
|
-
var r = Object.getOwnPropertySymbols(e);
|
|
21
|
-
t && (r = r.filter(function(t) {
|
|
22
|
-
return Object.getOwnPropertyDescriptor(e, t).enumerable;
|
|
23
|
-
})), n.push.apply(n, r);
|
|
24
|
-
}
|
|
25
|
-
return n;
|
|
26
|
-
}
|
|
27
|
-
function y(e) {
|
|
28
|
-
for (var t = 1; t < arguments.length; t++) {
|
|
29
|
-
var n = arguments[t] == null ? {} : arguments[t];
|
|
30
|
-
t % 2 ? v(Object(n), !0).forEach(function(t) {
|
|
31
|
-
_(e, t, n[t]);
|
|
32
|
-
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : v(Object(n)).forEach(function(t) {
|
|
33
|
-
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
|
|
34
|
-
});
|
|
35
|
-
}
|
|
36
|
-
return e;
|
|
37
|
-
}
|
|
38
|
-
var b = (e, t, n) => {
|
|
39
|
-
for (var r of Object.keys(e)) if (e[r] !== (t[r] ?? n[r])) return !1;
|
|
40
|
-
return !0;
|
|
41
|
-
}, x = (e) => (t) => {
|
|
42
|
-
var n = e.defaultClassName, r = y(y({}, e.defaultVariants), t);
|
|
43
|
-
for (var i in r) {
|
|
44
|
-
var a = r[i] ?? e.defaultVariants[i];
|
|
45
|
-
if (a != null) {
|
|
46
|
-
var o = a;
|
|
47
|
-
typeof o == "boolean" && (o = o === !0 ? "true" : "false");
|
|
48
|
-
var s = e.variantClassNames[i][o];
|
|
49
|
-
s && (n += " " + s);
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
for (var [c, l] of e.compoundVariants) b(c, r, e.defaultVariants) && (n += " " + l);
|
|
53
|
-
return n;
|
|
54
|
-
}, S = x({
|
|
55
|
-
defaultClassName: "pkg_sps-woodland_core__family_modal__version_8_56_11__hash_41ksem0",
|
|
56
|
-
variantClassNames: {
|
|
57
|
-
kind: {
|
|
58
|
-
informational: "pkg_sps-woodland_core__family_modal__version_8_56_11__hash_41ksem1",
|
|
59
|
-
delete: "pkg_sps-woodland_core__family_modal__version_8_56_11__hash_41ksem2",
|
|
60
|
-
failure: "pkg_sps-woodland_core__family_modal__version_8_56_11__hash_41ksem3",
|
|
61
|
-
success: "pkg_sps-woodland_core__family_modal__version_8_56_11__hash_41ksem4",
|
|
62
|
-
warning: "pkg_sps-woodland_core__family_modal__version_8_56_11__hash_41ksem5",
|
|
63
|
-
successWithFailures: "pkg_sps-woodland_core__family_modal__version_8_56_11__hash_41ksem6",
|
|
64
|
-
form: "pkg_sps-woodland_core__family_modal__version_8_56_11__hash_41ksem7"
|
|
65
|
-
},
|
|
66
|
-
size: {
|
|
67
|
-
sm: "pkg_sps-woodland_core__family_modal__version_8_56_11__hash_41ksem8",
|
|
68
|
-
md: "pkg_sps-woodland_core__family_modal__version_8_56_11__hash_41ksem9",
|
|
69
|
-
lg: "pkg_sps-woodland_core__family_modal__version_8_56_11__hash_41ksema",
|
|
70
|
-
xl: "pkg_sps-woodland_core__family_modal__version_8_56_11__hash_41ksemb"
|
|
71
|
-
},
|
|
72
|
-
fullHeight: {
|
|
73
|
-
true: "pkg_sps-woodland_core__family_modal__version_8_56_11__hash_41ksemc",
|
|
74
|
-
false: "pkg_sps-woodland_core__family_modal__version_8_56_11__hash_41ksemd"
|
|
75
|
-
}
|
|
76
|
-
},
|
|
77
|
-
defaultVariants: {},
|
|
78
|
-
compoundVariants: []
|
|
79
|
-
}), C = x({
|
|
80
|
-
defaultClassName: "pkg_sps-woodland_core__family_modal__version_8_56_11__hash_41kseme",
|
|
81
|
-
variantClassNames: { kind: {
|
|
82
|
-
form: "pkg_sps-woodland_core__family_modal__version_8_56_11__hash_41ksemf",
|
|
83
|
-
delete: "pkg_sps-woodland_core__family_modal__version_8_56_11__hash_41ksemg",
|
|
84
|
-
failure: "pkg_sps-woodland_core__family_modal__version_8_56_11__hash_41ksemh",
|
|
85
|
-
informational: "pkg_sps-woodland_core__family_modal__version_8_56_11__hash_41ksemi",
|
|
86
|
-
success: "pkg_sps-woodland_core__family_modal__version_8_56_11__hash_41ksemj",
|
|
87
|
-
warning: "pkg_sps-woodland_core__family_modal__version_8_56_11__hash_41ksemk",
|
|
88
|
-
successWithFailures: "pkg_sps-woodland_core__family_modal__version_8_56_11__hash_41kseml"
|
|
89
|
-
} },
|
|
90
|
-
defaultVariants: {},
|
|
91
|
-
compoundVariants: []
|
|
92
|
-
}), w = "pkg_sps-woodland_core__family_modal__version_8_56_11__hash_41ksemm", T = "pkg_sps-woodland_core__family_modal__version_8_56_11__hash_41ksemo", E = "pkg_sps-woodland_core__family_modal__version_8_56_11__hash_41ksemp", D = "pkg_sps-woodland_core__family_modal__version_8_56_11__hash_41ksemq", O = "pkg_sps-woodland_core__family_modal__version_8_56_11__hash_41ksemr", k = "pkg_sps-woodland_core__family_modal__version_8_56_11__hash_41ksems";
|
|
93
|
-
//#endregion
|
|
94
|
-
//#region src/modal/modal-footer/ModalFooter.tsx
|
|
95
|
-
function A({ children: e, className: t = "", ...r }) {
|
|
96
|
-
return /* @__PURE__ */ p.createElement("div", {
|
|
97
|
-
className: n(E, t),
|
|
98
|
-
...r
|
|
99
|
-
}, e);
|
|
100
|
-
}
|
|
101
|
-
t.set(A, { name: "ModalFooter" });
|
|
102
|
-
//#endregion
|
|
103
|
-
//#region src/modal/modal/Modal.tsx
|
|
104
|
-
function j({ dismissableValue: e, handleClose: t }) {
|
|
105
|
-
return e ? /* @__PURE__ */ p.createElement(c, {
|
|
106
|
-
"aria-label": "Close",
|
|
107
|
-
onClick: t,
|
|
108
|
-
kind: "icon",
|
|
109
|
-
icon: "x",
|
|
110
|
-
className: D
|
|
111
|
-
}) : null;
|
|
112
|
-
}
|
|
113
|
-
var M = Object.freeze({
|
|
114
|
-
form: "pencil",
|
|
115
|
-
delete: "trash",
|
|
116
|
-
failure: "status-error",
|
|
117
|
-
informational: "info-circle",
|
|
118
|
-
success: "status-ok",
|
|
119
|
-
successWithFailures: "status-warning",
|
|
120
|
-
warning: "status-warning"
|
|
121
|
-
});
|
|
122
|
-
function N({ children: t, className: f, "data-testid": m, kind: g = "informational", onBlur: _, onFocus: v, overlayProps: y, size: b = "sm", state: x, title: D, dismissible: N, dismissable: P = !0, onClose: F, fullHeight: I = !1, ...L }) {
|
|
123
|
-
let R = N ?? P, z = p.useRef(null), { modalProps: B, underlayProps: V } = d({
|
|
124
|
-
isKeyboardDismissDisabled: !R,
|
|
125
|
-
...L
|
|
126
|
-
}, x, z), { dialogProps: H, titleProps: U } = u(L, z), W = r(B.onFocus, H.onFocus, v), G = r(B.onBlur, H.onBlur, _), { t: K } = h(), q = s({ "data-testid": m }), [J, Y] = o(t, [{ type: A }]), X = p.useCallback(() => {
|
|
127
|
-
F && typeof F == "function" && F(), x.close();
|
|
128
|
-
}, [F, x.close]), Z = a(Y, (e) => e.type === j ? [{ className: n(e.props.classname, O) }] : []);
|
|
129
|
-
return /* @__PURE__ */ p.createElement(l, null, /* @__PURE__ */ p.createElement("div", {
|
|
130
|
-
className: k,
|
|
131
|
-
"data-react-aria-top-layer": "true",
|
|
132
|
-
...V,
|
|
133
|
-
...L
|
|
134
|
-
}, /* @__PURE__ */ p.createElement("div", {
|
|
135
|
-
...B,
|
|
136
|
-
...H,
|
|
137
|
-
...y,
|
|
138
|
-
onFocus: W,
|
|
139
|
-
onBlur: G,
|
|
140
|
-
...q("dialog"),
|
|
141
|
-
ref: z,
|
|
142
|
-
className: n(S({
|
|
143
|
-
kind: g,
|
|
144
|
-
size: b,
|
|
145
|
-
fullHeight: I
|
|
146
|
-
}), f)
|
|
147
|
-
}, /* @__PURE__ */ p.createElement("div", {
|
|
148
|
-
...U,
|
|
149
|
-
className: C({ kind: g })
|
|
150
|
-
}, g && /* @__PURE__ */ p.createElement(e, {
|
|
151
|
-
icon: M[g] || M.informational,
|
|
152
|
-
className: "pkg_sps-woodland_core__family_modal__version_8_56_11__hash_41ksemn"
|
|
153
|
-
}), /* @__PURE__ */ p.createElement("div", { className: w }, i(D, x.close)), /* @__PURE__ */ p.createElement(j, {
|
|
154
|
-
dismissableValue: R,
|
|
155
|
-
handleClose: X
|
|
156
|
-
})), /* @__PURE__ */ p.createElement("div", { className: T }, i(Z, x.close)), J && J.length > 0 ? /* @__PURE__ */ p.createElement(p.Fragment, null, i(J, x.close)) : /* @__PURE__ */ p.createElement("div", { className: E }, /* @__PURE__ */ p.createElement(c, {
|
|
157
|
-
kind: "key",
|
|
158
|
-
onClick: X
|
|
159
|
-
}, K("modal.defaultButtonLabel", { defaultValue: "Okay" }))))));
|
|
160
|
-
}
|
|
161
|
-
function P(e) {
|
|
162
|
-
return e.state.isOpen ? /* @__PURE__ */ p.createElement(N, e, e.children) : /* @__PURE__ */ p.createElement(p.Fragment, null);
|
|
163
|
-
}
|
|
164
|
-
t.set(P, {
|
|
165
|
-
name: "Modal",
|
|
166
|
-
props: {
|
|
167
|
-
dismissable: {
|
|
168
|
-
type: "boolean",
|
|
169
|
-
default: "true"
|
|
170
|
-
},
|
|
171
|
-
fullHeight: {
|
|
172
|
-
type: "boolean",
|
|
173
|
-
default: "false"
|
|
174
|
-
},
|
|
175
|
-
kind: {
|
|
176
|
-
type: "ModalKind",
|
|
177
|
-
default: "informational"
|
|
178
|
-
},
|
|
179
|
-
onBlur: { type: "() => void" },
|
|
180
|
-
onClose: { type: "() => void" },
|
|
181
|
-
onFocus: { type: "() => void" },
|
|
182
|
-
size: {
|
|
183
|
-
type: "ModalSize",
|
|
184
|
-
default: "sm"
|
|
185
|
-
},
|
|
186
|
-
title: { type: "string" }
|
|
187
|
-
}
|
|
188
|
-
});
|
|
189
|
-
//#endregion
|
|
190
|
-
//#region src/modal/modal/useModal.ts
|
|
191
|
-
function F(e = {}) {
|
|
192
|
-
let t = g(e), n = m(null), { triggerProps: r, overlayProps: i } = f({ type: "dialog" }, t, n), { onPress: a, ...o } = r;
|
|
193
|
-
return {
|
|
194
|
-
triggerProps: {
|
|
195
|
-
...o,
|
|
196
|
-
onClick: a ? (e) => a(e) : void 0,
|
|
197
|
-
ref: n
|
|
198
|
-
},
|
|
199
|
-
modalState: t,
|
|
200
|
-
modalProps: {
|
|
201
|
-
overlayProps: i,
|
|
202
|
-
state: t
|
|
203
|
-
}
|
|
204
|
-
};
|
|
205
|
-
}
|
|
206
|
-
//#endregion
|
|
207
|
-
export { P as Modal, A as ModalFooter, M as ModalIcons, F as useModal };
|
|
1
|
+
import { ModalFooter as e } from "./modal-footer/ModalFooter.js";
|
|
2
|
+
import { Modal as t, ModalIcons as n } from "./modal/Modal.js";
|
|
3
|
+
import { useModal as r } from "./modal/useModal.js";
|
|
4
|
+
export { t as Modal, e as ModalFooter, n as ModalIcons, r as useModal };
|
package/lib/modal/modal/Modal.js
CHANGED
|
@@ -54,7 +54,7 @@ function T({ children: t, className: u, "data-testid": T, kind: E = "information
|
|
|
54
54
|
className: a({ kind: E })
|
|
55
55
|
}, E && /* @__PURE__ */ _.createElement(l, {
|
|
56
56
|
icon: w[E] || w.informational,
|
|
57
|
-
className: "pkg_sps-
|
|
57
|
+
className: "pkg_sps-woodland_core__family_modal__version_8_56_13__hash_41ksemn"
|
|
58
58
|
}), /* @__PURE__ */ _.createElement("div", { className: o }, p(M, j.close)), /* @__PURE__ */ _.createElement(C, {
|
|
59
59
|
dismissableValue: R,
|
|
60
60
|
handleClose: X
|
|
@@ -2,43 +2,43 @@ import { createRuntimeFn as e } from "../../node_modules/.pnpm/@vanilla-extract_
|
|
|
2
2
|
/* empty css */
|
|
3
3
|
//#region src/modal/modal/Modal.css.ts
|
|
4
4
|
var t = e({
|
|
5
|
-
defaultClassName: "pkg_sps-
|
|
5
|
+
defaultClassName: "pkg_sps-woodland_core__family_modal__version_8_56_13__hash_41ksem0",
|
|
6
6
|
variantClassNames: {
|
|
7
7
|
kind: {
|
|
8
|
-
informational: "pkg_sps-
|
|
9
|
-
delete: "pkg_sps-
|
|
10
|
-
failure: "pkg_sps-
|
|
11
|
-
success: "pkg_sps-
|
|
12
|
-
warning: "pkg_sps-
|
|
13
|
-
successWithFailures: "pkg_sps-
|
|
14
|
-
form: "pkg_sps-
|
|
8
|
+
informational: "pkg_sps-woodland_core__family_modal__version_8_56_13__hash_41ksem1",
|
|
9
|
+
delete: "pkg_sps-woodland_core__family_modal__version_8_56_13__hash_41ksem2",
|
|
10
|
+
failure: "pkg_sps-woodland_core__family_modal__version_8_56_13__hash_41ksem3",
|
|
11
|
+
success: "pkg_sps-woodland_core__family_modal__version_8_56_13__hash_41ksem4",
|
|
12
|
+
warning: "pkg_sps-woodland_core__family_modal__version_8_56_13__hash_41ksem5",
|
|
13
|
+
successWithFailures: "pkg_sps-woodland_core__family_modal__version_8_56_13__hash_41ksem6",
|
|
14
|
+
form: "pkg_sps-woodland_core__family_modal__version_8_56_13__hash_41ksem7"
|
|
15
15
|
},
|
|
16
16
|
size: {
|
|
17
|
-
sm: "pkg_sps-
|
|
18
|
-
md: "pkg_sps-
|
|
19
|
-
lg: "pkg_sps-
|
|
20
|
-
xl: "pkg_sps-
|
|
17
|
+
sm: "pkg_sps-woodland_core__family_modal__version_8_56_13__hash_41ksem8",
|
|
18
|
+
md: "pkg_sps-woodland_core__family_modal__version_8_56_13__hash_41ksem9",
|
|
19
|
+
lg: "pkg_sps-woodland_core__family_modal__version_8_56_13__hash_41ksema",
|
|
20
|
+
xl: "pkg_sps-woodland_core__family_modal__version_8_56_13__hash_41ksemb"
|
|
21
21
|
},
|
|
22
22
|
fullHeight: {
|
|
23
|
-
true: "pkg_sps-
|
|
24
|
-
false: "pkg_sps-
|
|
23
|
+
true: "pkg_sps-woodland_core__family_modal__version_8_56_13__hash_41ksemc",
|
|
24
|
+
false: "pkg_sps-woodland_core__family_modal__version_8_56_13__hash_41ksemd"
|
|
25
25
|
}
|
|
26
26
|
},
|
|
27
27
|
defaultVariants: {},
|
|
28
28
|
compoundVariants: []
|
|
29
29
|
}), n = e({
|
|
30
|
-
defaultClassName: "pkg_sps-
|
|
30
|
+
defaultClassName: "pkg_sps-woodland_core__family_modal__version_8_56_13__hash_41kseme",
|
|
31
31
|
variantClassNames: { kind: {
|
|
32
|
-
form: "pkg_sps-
|
|
33
|
-
delete: "pkg_sps-
|
|
34
|
-
failure: "pkg_sps-
|
|
35
|
-
informational: "pkg_sps-
|
|
36
|
-
success: "pkg_sps-
|
|
37
|
-
warning: "pkg_sps-
|
|
38
|
-
successWithFailures: "pkg_sps-
|
|
32
|
+
form: "pkg_sps-woodland_core__family_modal__version_8_56_13__hash_41ksemf",
|
|
33
|
+
delete: "pkg_sps-woodland_core__family_modal__version_8_56_13__hash_41ksemg",
|
|
34
|
+
failure: "pkg_sps-woodland_core__family_modal__version_8_56_13__hash_41ksemh",
|
|
35
|
+
informational: "pkg_sps-woodland_core__family_modal__version_8_56_13__hash_41ksemi",
|
|
36
|
+
success: "pkg_sps-woodland_core__family_modal__version_8_56_13__hash_41ksemj",
|
|
37
|
+
warning: "pkg_sps-woodland_core__family_modal__version_8_56_13__hash_41ksemk",
|
|
38
|
+
successWithFailures: "pkg_sps-woodland_core__family_modal__version_8_56_13__hash_41kseml"
|
|
39
39
|
} },
|
|
40
40
|
defaultVariants: {},
|
|
41
41
|
compoundVariants: []
|
|
42
|
-
}), r = "pkg_sps-
|
|
42
|
+
}), r = "pkg_sps-woodland_core__family_modal__version_8_56_13__hash_41ksemm", i = "pkg_sps-woodland_core__family_modal__version_8_56_13__hash_41ksemn", a = "pkg_sps-woodland_core__family_modal__version_8_56_13__hash_41ksemo", o = "pkg_sps-woodland_core__family_modal__version_8_56_13__hash_41ksemp", s = "pkg_sps-woodland_core__family_modal__version_8_56_13__hash_41ksemq", c = "pkg_sps-woodland_core__family_modal__version_8_56_13__hash_41ksemr", l = "pkg_sps-woodland_core__family_modal__version_8_56_13__hash_41ksems";
|
|
43
43
|
//#endregion
|
|
44
44
|
export { a as body, s as closeButtonBox, c as closeButtonIcon, o as footer, t as modal, i as modalIcon, n as title, r as titleContent, l as underlay };
|
package/lib/modal/style.css
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
.pkg_sps-
|
|
2
|
-
/*$vite$:1*/
|
|
1
|
+
.pkg_sps-woodland_core__family_modal__version_8_56_13__hash_41ksem0{background-color:#fff;border-style:solid;border-width:.0625rem;border-radius:.25rem;flex-direction:column;max-height:100%;display:flex;overflow:hidden}.pkg_sps-woodland_core__family_modal__version_8_56_13__hash_41ksem1{border-color:#007db8}.pkg_sps-woodland_core__family_modal__version_8_56_13__hash_41ksem2,.pkg_sps-woodland_core__family_modal__version_8_56_13__hash_41ksem3{border-color:#de002e}.pkg_sps-woodland_core__family_modal__version_8_56_13__hash_41ksem4{border-color:#0b8940}.pkg_sps-woodland_core__family_modal__version_8_56_13__hash_41ksem5,.pkg_sps-woodland_core__family_modal__version_8_56_13__hash_41ksem6{border-color:#e7760b}.pkg_sps-woodland_core__family_modal__version_8_56_13__hash_41ksem7{border-color:#4b5356}.pkg_sps-woodland_core__family_modal__version_8_56_13__hash_41ksem8{width:23.75rem}.pkg_sps-woodland_core__family_modal__version_8_56_13__hash_41ksem9{width:36.25rem}.pkg_sps-woodland_core__family_modal__version_8_56_13__hash_41ksema{width:48.75rem}.pkg_sps-woodland_core__family_modal__version_8_56_13__hash_41ksemb{width:73.75rem}.pkg_sps-woodland_core__family_modal__version_8_56_13__hash_41ksemc{height:100%}.pkg_sps-woodland_core__family_modal__version_8_56_13__hash_41kseme{color:#fff;align-items:center;padding:1rem;display:flex}.pkg_sps-woodland_core__family_modal__version_8_56_13__hash_41ksemf{background-color:#4b5356}.pkg_sps-woodland_core__family_modal__version_8_56_13__hash_41ksemg,.pkg_sps-woodland_core__family_modal__version_8_56_13__hash_41ksemh{background-color:#de002e}.pkg_sps-woodland_core__family_modal__version_8_56_13__hash_41ksemi{background-color:#007db8}.pkg_sps-woodland_core__family_modal__version_8_56_13__hash_41ksemj{background-color:#0b8940}.pkg_sps-woodland_core__family_modal__version_8_56_13__hash_41ksemk,.pkg_sps-woodland_core__family_modal__version_8_56_13__hash_41kseml{background-color:#e7760b}.pkg_sps-woodland_core__family_modal__version_8_56_13__hash_41ksemm{flex-grow:1;font-size:.875rem;font-weight:600;line-height:1.25rem}.pkg_sps-woodland_core__family_modal__version_8_56_13__hash_41ksemn{margin-right:.5rem;font-size:.875rem;font-weight:600;line-height:.875rem}.pkg_sps-woodland_core__family_modal__version_8_56_13__hash_41ksemo{flex:1;padding:1rem;overflow-y:auto}.pkg_sps-woodland_core__family_modal__version_8_56_13__hash_41ksemp{background-color:#f3f4f4;justify-content:flex-end;align-items:center;padding:.5rem;display:flex}.pkg_sps-woodland_core__family_modal__version_8_56_13__hash_41ksemq{color:#fff;border-width:0}.pkg_sps-woodland_core__family_modal__version_8_56_13__hash_41ksemr{padding:0 .25rem}.pkg_sps-woodland_core__family_modal__version_8_56_13__hash_41ksems{z-index:1000;background:#f3f4f4cc;justify-content:center;align-items:start;padding:4rem 1rem 1rem;display:flex;position:fixed;inset:0}.z-stratum-dropdown{z-index:1100}
|
package/lib/page-title/index.js
CHANGED
|
@@ -1,38 +1,4 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
//#endregion
|
|
6
|
-
//#region src/page-title/page-subtitle/PageSubtitle.tsx
|
|
7
|
-
function l({ children: n, className: r, ...o }) {
|
|
8
|
-
let l = a(n, (e) => e.type === t ? [{ className: i(e.props.className, c) }] : []);
|
|
9
|
-
return /* @__PURE__ */ e.createElement("div", {
|
|
10
|
-
className: i(s, r),
|
|
11
|
-
...o
|
|
12
|
-
}, e.Children.toArray(l));
|
|
13
|
-
}
|
|
14
|
-
n.set(l, { name: "Page Subtitle" });
|
|
15
|
-
//#endregion
|
|
16
|
-
//#region src/page-title/heading-level/HeadingLevel.tsx
|
|
17
|
-
var u = e.createContext(void 0);
|
|
18
|
-
function d({ level: t, children: n }) {
|
|
19
|
-
return /* @__PURE__ */ e.createElement(u.Provider, { value: t }, n);
|
|
20
|
-
}
|
|
21
|
-
function f() {
|
|
22
|
-
return e.useContext(u);
|
|
23
|
-
}
|
|
24
|
-
//#endregion
|
|
25
|
-
//#region src/page-title/page-title/PageTitle.css.ts
|
|
26
|
-
var p = "pkg_sps-woodland_core__family_page-title__version_8_56_11__hash_6nwwl00", m = "pkg_sps-woodland_core__family_page-title__version_8_56_11__hash_6nwwl01", h = "pkg_sps-woodland_core__family_page-title__version_8_56_11__hash_6nwwl02", g = "pkg_sps-woodland_core__family_page-title__version_8_56_11__hash_6nwwl03";
|
|
27
|
-
//#endregion
|
|
28
|
-
//#region src/page-title/page-title/PageTitle.tsx
|
|
29
|
-
function _({ as: n, children: a, className: s, ...c }) {
|
|
30
|
-
let [[u], d, _] = o(a, [{ type: t }, { type: l }]), v = f(), y = n ?? (v ? `h${v}` : "h1"), b = u ? r(u, h) : "";
|
|
31
|
-
return /* @__PURE__ */ e.createElement("div", {
|
|
32
|
-
className: i(p, s),
|
|
33
|
-
...c
|
|
34
|
-
}, b, /* @__PURE__ */ e.createElement("div", { className: m }, y === "div" ? _ : e.createElement(y, { className: g }, _), d));
|
|
35
|
-
}
|
|
36
|
-
n.set(_, { name: "Page Title" });
|
|
37
|
-
//#endregion
|
|
38
|
-
export { d as HeadingLevelProvider, l as PageSubtitle, _ as PageTitle, f as useHeadingLevel };
|
|
1
|
+
import { PageSubtitle as e } from "./page-subtitle/PageSubtitle.js";
|
|
2
|
+
import { HeadingLevelProvider as t, useHeadingLevel as n } from "./heading-level/HeadingLevel.js";
|
|
3
|
+
import { PageTitle as r } from "./page-title/PageTitle.js";
|
|
4
|
+
export { t as HeadingLevelProvider, e as PageSubtitle, r as PageTitle, n as useHeadingLevel };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/* empty css */
|
|
2
2
|
//#region src/page-title/page-subtitle/PageSubtitle.css.ts
|
|
3
|
-
var e = "pkg_sps-woodland_core__family_page-
|
|
3
|
+
var e = "pkg_sps-woodland_core__family_page-title__version_8_56_13__hash_14qi3ku0", t = "pkg_sps-woodland_core__family_page-title__version_8_56_13__hash_14qi3ku1";
|
|
4
4
|
//#endregion
|
|
5
5
|
export { e as pageSubtitle, t as pageSubtitleIcon };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/* empty css */
|
|
2
2
|
//#region src/page-title/page-title/PageTitle.css.ts
|
|
3
|
-
var e = "pkg_sps-woodland_core__family_page-
|
|
3
|
+
var e = "pkg_sps-woodland_core__family_page-title__version_8_56_13__hash_6nwwl00", t = "pkg_sps-woodland_core__family_page-title__version_8_56_13__hash_6nwwl01", n = "pkg_sps-woodland_core__family_page-title__version_8_56_13__hash_6nwwl02", r = "pkg_sps-woodland_core__family_page-title__version_8_56_13__hash_6nwwl03";
|
|
4
4
|
//#endregion
|
|
5
5
|
export { e as pageTitle, r as pageTitleHeading, n as pageTitleIcon, t as pageTitleText };
|
package/lib/page-title/style.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.pkg_sps-woodland_core__family_page-
|
|
2
|
-
|
|
1
|
+
.pkg_sps-woodland_core__family_page-title__version_8_56_13__hash_14qi3ku0{color:#4b5356;margin-top:.25rem;font-size:1.125rem;line-height:1.125rem}.pkg_sps-woodland_core__family_page-title__version_8_56_13__hash_14qi3ku1{margin-top:.25rem;margin-left:.25rem;margin-right:.25rem;font-size:.75rem;line-height:1.125rem}
|
|
2
|
+
.pkg_sps-woodland_core__family_page-title__version_8_56_13__hash_6nwwl00{flex-direction:row;display:flex}.pkg_sps-woodland_core__family_page-title__version_8_56_13__hash_6nwwl01{color:#1f282c;flex-direction:column;font-size:1.5rem;line-height:1.5rem;display:flex}.pkg_sps-woodland_core__family_page-title__version_8_56_13__hash_6nwwl02{align-self:flex-start;margin-top:.1875rem;margin-right:.25rem;font-size:1.125rem;line-height:1.5rem}.pkg_sps-woodland_core__family_page-title__version_8_56_13__hash_6nwwl03{color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;margin:0}
|
package/lib/photo/index.js
CHANGED
|
@@ -1,180 +1,3 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
import { Button as o } from "@sps-woodland/core/buttons";
|
|
5
|
-
import { useWoodlandLanguage as s } from "@spscommerce/i18n";
|
|
6
|
-
//#region ../../../node_modules/.pnpm/@vanilla-extract+recipes@0.2.5_@vanilla-extract+css@1.21.3/node_modules/@vanilla-extract/recipes/createRuntimeFn/dist/vanilla-extract-recipes-createRuntimeFn.esm.js
|
|
7
|
-
function c(e, t, n) {
|
|
8
|
-
return t in e ? Object.defineProperty(e, t, {
|
|
9
|
-
value: n,
|
|
10
|
-
enumerable: !0,
|
|
11
|
-
configurable: !0,
|
|
12
|
-
writable: !0
|
|
13
|
-
}) : e[t] = n, e;
|
|
14
|
-
}
|
|
15
|
-
function l(e, t) {
|
|
16
|
-
var n = Object.keys(e);
|
|
17
|
-
if (Object.getOwnPropertySymbols) {
|
|
18
|
-
var r = Object.getOwnPropertySymbols(e);
|
|
19
|
-
t && (r = r.filter(function(t) {
|
|
20
|
-
return Object.getOwnPropertyDescriptor(e, t).enumerable;
|
|
21
|
-
})), n.push.apply(n, r);
|
|
22
|
-
}
|
|
23
|
-
return n;
|
|
24
|
-
}
|
|
25
|
-
function u(e) {
|
|
26
|
-
for (var t = 1; t < arguments.length; t++) {
|
|
27
|
-
var n = arguments[t] == null ? {} : arguments[t];
|
|
28
|
-
t % 2 ? l(Object(n), !0).forEach(function(t) {
|
|
29
|
-
c(e, t, n[t]);
|
|
30
|
-
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : l(Object(n)).forEach(function(t) {
|
|
31
|
-
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
|
|
32
|
-
});
|
|
33
|
-
}
|
|
34
|
-
return e;
|
|
35
|
-
}
|
|
36
|
-
var d = (e, t, n) => {
|
|
37
|
-
for (var r of Object.keys(e)) if (e[r] !== (t[r] ?? n[r])) return !1;
|
|
38
|
-
return !0;
|
|
39
|
-
}, f = (e) => (t) => {
|
|
40
|
-
var n = e.defaultClassName, r = u(u({}, e.defaultVariants), t);
|
|
41
|
-
for (var i in r) {
|
|
42
|
-
var a = r[i] ?? e.defaultVariants[i];
|
|
43
|
-
if (a != null) {
|
|
44
|
-
var o = a;
|
|
45
|
-
typeof o == "boolean" && (o = o === !0 ? "true" : "false");
|
|
46
|
-
var s = e.variantClassNames[i][o];
|
|
47
|
-
s && (n += " " + s);
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
for (var [c, l] of e.compoundVariants) d(c, r, e.defaultVariants) && (n += " " + l);
|
|
51
|
-
return n;
|
|
52
|
-
}, p = f({
|
|
53
|
-
defaultClassName: "pkg_sps-woodland_core__family_photo__version_8_56_11__hash_1orib4w0",
|
|
54
|
-
variantClassNames: { placeholder: {
|
|
55
|
-
true: "pkg_sps-woodland_core__family_photo__version_8_56_11__hash_1orib4w1",
|
|
56
|
-
false: "pkg_sps-woodland_core__family_photo__version_8_56_11__hash_1orib4w2"
|
|
57
|
-
} },
|
|
58
|
-
defaultVariants: { placeholder: !1 },
|
|
59
|
-
compoundVariants: []
|
|
60
|
-
}), m = f({
|
|
61
|
-
defaultClassName: "pkg_sps-woodland_core__family_photo__version_8_56_11__hash_1orib4w3",
|
|
62
|
-
variantClassNames: { mode: {
|
|
63
|
-
fill: "pkg_sps-woodland_core__family_photo__version_8_56_11__hash_1orib4w4",
|
|
64
|
-
fit: "pkg_sps-woodland_core__family_photo__version_8_56_11__hash_1orib4w5"
|
|
65
|
-
} },
|
|
66
|
-
defaultVariants: { mode: "fill" },
|
|
67
|
-
compoundVariants: []
|
|
68
|
-
}), h = "pkg_sps-woodland_core__family_photo__version_8_56_11__hash_1orib4w6";
|
|
69
|
-
//#endregion
|
|
70
|
-
//#region src/photo/photo/Photo.tsx
|
|
71
|
-
function g({ className: n, src: i, altText: a, mode: o = "fill", placeholderIcon: s = "photo", ...c }) {
|
|
72
|
-
let l = e.useRef(null), u = e.useRef(null), d = e.useRef(null), f = e.useRef(null), [g, _] = e.useState(), [v, y] = e.useState(!1);
|
|
73
|
-
e.useEffect(() => {
|
|
74
|
-
u.current && (d.current &&= (window.clearInterval(d.current), null), d.current = window.setInterval(() => {
|
|
75
|
-
if (u.current) {
|
|
76
|
-
let e = u.current.getBoundingClientRect();
|
|
77
|
-
if (e.height) {
|
|
78
|
-
d.current &&= (window.clearInterval(d.current), null);
|
|
79
|
-
let t = e.width / e.height > 1;
|
|
80
|
-
y(t === (o === "fit"));
|
|
81
|
-
}
|
|
82
|
-
}
|
|
83
|
-
}, 1e3 / 60));
|
|
84
|
-
}, [
|
|
85
|
-
l.current,
|
|
86
|
-
u.current,
|
|
87
|
-
i
|
|
88
|
-
]), e.useEffect(() => {
|
|
89
|
-
f.current &&= (window.clearInterval(f.current), null), f.current = window.setInterval(() => {
|
|
90
|
-
if (l.current) {
|
|
91
|
-
let e = l.current.getBoundingClientRect();
|
|
92
|
-
e.width && (b(e.width), f.current &&= (window.clearInterval(f.current), null));
|
|
93
|
-
}
|
|
94
|
-
}, 1e3 / 60);
|
|
95
|
-
}, [l.current]);
|
|
96
|
-
function b(e) {
|
|
97
|
-
if (e) {
|
|
98
|
-
let t = document?.body?.parentElement?.style?.fontSize || "16px", n = Number(t.substring(0, t.length - 2));
|
|
99
|
-
_(e / n);
|
|
100
|
-
}
|
|
101
|
-
}
|
|
102
|
-
function x() {
|
|
103
|
-
if (g !== void 0) return g * .05;
|
|
104
|
-
}
|
|
105
|
-
function S() {
|
|
106
|
-
if (g !== void 0) return .75 * g;
|
|
107
|
-
}
|
|
108
|
-
return /* @__PURE__ */ e.createElement("div", {
|
|
109
|
-
ref: l,
|
|
110
|
-
className: r(p({ placeholder: !i }), n),
|
|
111
|
-
style: {
|
|
112
|
-
width: `${g}` && `${g}rem`,
|
|
113
|
-
fontSize: `${x()}rem`,
|
|
114
|
-
height: `${S()}rem`
|
|
115
|
-
},
|
|
116
|
-
...c
|
|
117
|
-
}, i ? g ? /* @__PURE__ */ e.createElement("img", {
|
|
118
|
-
className: m({ mode: v ? "fit" : "fill" }),
|
|
119
|
-
ref: u,
|
|
120
|
-
src: i,
|
|
121
|
-
alt: a
|
|
122
|
-
}) : /* @__PURE__ */ e.createElement("span", null) : /* @__PURE__ */ e.createElement(t, {
|
|
123
|
-
className: h,
|
|
124
|
-
icon: s
|
|
125
|
-
}));
|
|
126
|
-
}
|
|
127
|
-
n.set(g, {
|
|
128
|
-
name: "Photo",
|
|
129
|
-
props: {
|
|
130
|
-
src: "string",
|
|
131
|
-
altText: "string",
|
|
132
|
-
mode: {
|
|
133
|
-
type: "\"fill\" | \"fit\"",
|
|
134
|
-
default: "\"fill\""
|
|
135
|
-
},
|
|
136
|
-
placeholderIcon: "IconName"
|
|
137
|
-
}
|
|
138
|
-
});
|
|
139
|
-
//#endregion
|
|
140
|
-
//#region src/photo/photo-carousel/PhotoCarousel.css.ts
|
|
141
|
-
var _ = "pkg_sps-woodland_core__family_photo__version_8_56_11__hash_1744ba10", v = "pkg_sps-woodland_core__family_photo__version_8_56_11__hash_1744ba11", y = "pkg_sps-woodland_core__family_photo__version_8_56_11__hash_1744ba12", b = "pkg_sps-woodland_core__family_photo__version_8_56_11__hash_1744ba13", x = f({
|
|
142
|
-
defaultClassName: "pkg_sps-woodland_core__family_photo__version_8_56_11__hash_1744ba14",
|
|
143
|
-
variantClassNames: { selected: {
|
|
144
|
-
true: "pkg_sps-woodland_core__family_photo__version_8_56_11__hash_1744ba15",
|
|
145
|
-
false: "pkg_sps-woodland_core__family_photo__version_8_56_11__hash_1744ba16"
|
|
146
|
-
} },
|
|
147
|
-
defaultVariants: { selected: !1 },
|
|
148
|
-
compoundVariants: []
|
|
149
|
-
});
|
|
150
|
-
//#endregion
|
|
151
|
-
//#region src/photo/photo-carousel/PhotoCarousel.tsx
|
|
152
|
-
function S({ children: t, className: n, ...c }) {
|
|
153
|
-
let [l] = i(t, [{ type: g }]), [u, d] = e.useState(0), { t: f } = s();
|
|
154
|
-
function p() {
|
|
155
|
-
u + 1 === l.length ? d(0) : d(u + 1);
|
|
156
|
-
}
|
|
157
|
-
function m() {
|
|
158
|
-
d(u === 0 ? l.length - 1 : u - 1);
|
|
159
|
-
}
|
|
160
|
-
return /* @__PURE__ */ e.createElement("div", {
|
|
161
|
-
className: a.root,
|
|
162
|
-
...c
|
|
163
|
-
}, /* @__PURE__ */ e.createElement("div", { className: r(_) }, /* @__PURE__ */ e.createElement("div", { className: r(v) }, /* @__PURE__ */ e.createElement(o, {
|
|
164
|
-
kind: "icon",
|
|
165
|
-
icon: "arrow-left-circle",
|
|
166
|
-
"aria-label": f("photo.previousPhoto", { defaultValue: "Previous Photo" }),
|
|
167
|
-
onClick: m
|
|
168
|
-
}))), /* @__PURE__ */ e.createElement("div", { className: a[10] }, /* @__PURE__ */ e.createElement("div", { className: r(b, a[12]) }, l[u]), /* @__PURE__ */ e.createElement("div", { className: r(y, a[12]) }, l.map((t, n) => /* @__PURE__ */ e.createElement("button", {
|
|
169
|
-
tabIndex: 0,
|
|
170
|
-
className: r(x({ selected: n === u })),
|
|
171
|
-
onClick: () => d(n)
|
|
172
|
-
}, t)))), /* @__PURE__ */ e.createElement("div", { className: r(_) }, /* @__PURE__ */ e.createElement("div", { className: r(v) }, /* @__PURE__ */ e.createElement(o, {
|
|
173
|
-
kind: "icon",
|
|
174
|
-
icon: "arrow-right-circle",
|
|
175
|
-
"aria-label": f("photo.nextPhoto", { defaultValue: "Next Photo" }),
|
|
176
|
-
onClick: p
|
|
177
|
-
}))));
|
|
178
|
-
}
|
|
179
|
-
//#endregion
|
|
180
|
-
export { g as Photo, S as PhotoCarousel };
|
|
1
|
+
import { Photo as e } from "./photo/Photo.js";
|
|
2
|
+
import { PhotoCarousel as t } from "./photo-carousel/PhotoCarousel.js";
|
|
3
|
+
export { e as Photo, t as PhotoCarousel };
|
|
@@ -2,21 +2,21 @@ import { createRuntimeFn as e } from "../../node_modules/.pnpm/@vanilla-extract_
|
|
|
2
2
|
/* empty css */
|
|
3
3
|
//#region src/photo/photo/Photo.css.ts
|
|
4
4
|
var t = e({
|
|
5
|
-
defaultClassName: "pkg_sps-
|
|
5
|
+
defaultClassName: "pkg_sps-woodland_core__family_photo__version_8_56_13__hash_1orib4w0",
|
|
6
6
|
variantClassNames: { placeholder: {
|
|
7
|
-
true: "pkg_sps-
|
|
8
|
-
false: "pkg_sps-
|
|
7
|
+
true: "pkg_sps-woodland_core__family_photo__version_8_56_13__hash_1orib4w1",
|
|
8
|
+
false: "pkg_sps-woodland_core__family_photo__version_8_56_13__hash_1orib4w2"
|
|
9
9
|
} },
|
|
10
10
|
defaultVariants: { placeholder: !1 },
|
|
11
11
|
compoundVariants: []
|
|
12
12
|
}), n = e({
|
|
13
|
-
defaultClassName: "pkg_sps-
|
|
13
|
+
defaultClassName: "pkg_sps-woodland_core__family_photo__version_8_56_13__hash_1orib4w3",
|
|
14
14
|
variantClassNames: { mode: {
|
|
15
|
-
fill: "pkg_sps-
|
|
16
|
-
fit: "pkg_sps-
|
|
15
|
+
fill: "pkg_sps-woodland_core__family_photo__version_8_56_13__hash_1orib4w4",
|
|
16
|
+
fit: "pkg_sps-woodland_core__family_photo__version_8_56_13__hash_1orib4w5"
|
|
17
17
|
} },
|
|
18
18
|
defaultVariants: { mode: "fill" },
|
|
19
19
|
compoundVariants: []
|
|
20
|
-
}), r = "pkg_sps-
|
|
20
|
+
}), r = "pkg_sps-woodland_core__family_photo__version_8_56_13__hash_1orib4w6";
|
|
21
21
|
//#endregion
|
|
22
22
|
export { n as photo, r as photoPlaceholder, t as photoWrapper };
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { createRuntimeFn as e } from "../../node_modules/.pnpm/@vanilla-extract_recipes@0.2.5_@vanilla-extract_css@1.21.3/node_modules/@vanilla-extract/recipes/createRuntimeFn/dist/vanilla-extract-recipes-createRuntimeFn.esm.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
//#region src/photo/photo-carousel/PhotoCarousel.css.ts
|
|
4
|
-
var t = "pkg_sps-
|
|
5
|
-
defaultClassName: "pkg_sps-
|
|
4
|
+
var t = "pkg_sps-woodland_core__family_photo__version_8_56_13__hash_1744ba10", n = "pkg_sps-woodland_core__family_photo__version_8_56_13__hash_1744ba11", r = "pkg_sps-woodland_core__family_photo__version_8_56_13__hash_1744ba12", i = "pkg_sps-woodland_core__family_photo__version_8_56_13__hash_1744ba13", a = e({
|
|
5
|
+
defaultClassName: "pkg_sps-woodland_core__family_photo__version_8_56_13__hash_1744ba14",
|
|
6
6
|
variantClassNames: { selected: {
|
|
7
|
-
true: "pkg_sps-
|
|
8
|
-
false: "pkg_sps-
|
|
7
|
+
true: "pkg_sps-woodland_core__family_photo__version_8_56_13__hash_1744ba15",
|
|
8
|
+
false: "pkg_sps-woodland_core__family_photo__version_8_56_13__hash_1744ba16"
|
|
9
9
|
} },
|
|
10
10
|
defaultVariants: { selected: !1 },
|
|
11
11
|
compoundVariants: []
|
package/lib/photo/style.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.pkg_sps-
|
|
2
|
-
|
|
1
|
+
.pkg_sps-woodland_core__family_photo__version_8_56_13__hash_1orib4w0{vertical-align:middle;justify-content:center;align-items:center;display:flex;overflow:hidden;padding:0!important}.pkg_sps-woodland_core__family_photo__version_8_56_13__hash_1orib4w1{background:#f3f4f4;box-shadow:inset .0625rem 0 #d2d4d4,inset -.0625rem 0 #d2d4d4,inset 0 .0625rem #d2d4d4,inset 0 -.0625rem #d2d4d4,inset 1em 0 #fff,inset -1em 0 #fff,inset 0 1em #fff,inset 0 -1em #fff}.pkg_sps-woodland_core__family_photo__version_8_56_13__hash_1orib4w3{visibility:hidden}.pkg_sps-woodland_core__family_photo__version_8_56_13__hash_1orib4w4{visibility:visible;width:auto;height:100%}.pkg_sps-woodland_core__family_photo__version_8_56_13__hash_1orib4w5{visibility:visible;width:100%;height:auto}.pkg_sps-woodland_core__family_photo__version_8_56_13__hash_1orib4w6{text-align:center;color:#717779;font-size:6em}
|
|
2
|
+
.pkg_sps-woodland_core__family_photo__version_8_56_13__hash_1744ba10{float:right;display:table}.pkg_sps-woodland_core__family_photo__version_8_56_13__hash_1744ba11{vertical-align:middle;display:table-cell}.pkg_sps-woodland_core__family_photo__version_8_56_13__hash_1744ba12{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.pkg_sps-woodland_core__family_photo__version_8_56_13__hash_1744ba13{width:100%;margin-bottom:.5rem;display:block}.pkg_sps-woodland_core__family_photo__version_8_56_13__hash_1744ba14{cursor:pointer;background:0 0;border:0;padding:0;display:block}.pkg_sps-woodland_core__family_photo__version_8_56_13__hash_1744ba14:focus{outline-offset:.125rem;outline:.125rem solid #007db8;box-shadow:0 0 0 6px #fff}.pkg_sps-woodland_core__family_photo__version_8_56_13__hash_1744ba16{opacity:.4}
|