@a-type/ui 6.1.25 → 6.1.26
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/box/Box.module.css +4 -3
- package/dist/components/button/Button.js +1 -2
- package/dist/components/button/Button.js.map +1 -1
- package/dist/components/button/Button.module.css +11 -0
- package/dist/components/layouts/PageContent.js +1 -12
- package/dist/components/layouts/PageContent.js.map +1 -1
- package/dist/components/layouts/PageContent.module.css +10 -6
- package/dist/components/layouts/PageNav.js +1 -11
- package/dist/components/layouts/PageNav.js.map +1 -1
- package/dist/components/layouts/PageNav.module.css +1 -0
- package/dist/components/layouts/PageNowPlaying.module.css +6 -3
- package/dist/components/layouts/PageRoot.module.css +5 -4
- package/dist/components/layouts/layouts.stories.js +1 -1
- package/dist/components/layouts/layouts.stories.js.map +1 -1
- package/dist/components/masonry/masonry.js +1 -0
- package/dist/components/masonry/masonry.js.map +1 -1
- package/package.json +1 -1
- package/src/components/box/Box.module.css +4 -3
- package/src/components/button/Button.module.css +11 -0
- package/src/components/button/Button.tsx +9 -15
- package/src/components/layouts/PageContent.module.css +10 -6
- package/src/components/layouts/PageContent.tsx +1 -16
- package/src/components/layouts/PageNav.module.css +1 -0
- package/src/components/layouts/PageNav.tsx +1 -14
- package/src/components/layouts/PageNowPlaying.module.css +6 -3
- package/src/components/layouts/PageRoot.module.css +5 -4
- package/src/components/layouts/layouts.stories.tsx +9 -5
- package/src/components/masonry/masonry.tsx +1 -0
|
@@ -235,10 +235,9 @@
|
|
|
235
235
|
}
|
|
236
236
|
|
|
237
237
|
@apply --mx-shadow;
|
|
238
|
-
--mx-shadow-value: var(--shadow-
|
|
238
|
+
--mx-shadow-value: var(--shadow-x, 0)
|
|
239
239
|
calc(var(--shadow-y, 0) * var(--shadow-invert, 1)) var(--shadow-blur, 0)
|
|
240
240
|
var(--shadow-spread, 0) var(--shadow-color, transparent);
|
|
241
|
-
--shadow-inset: ;
|
|
242
241
|
&[data-elevated='sm'] {
|
|
243
242
|
--shadow-x: var(--m-shadow-sm-x);
|
|
244
243
|
--shadow-y: var(--m-shadow-sm-y);
|
|
@@ -272,7 +271,9 @@
|
|
|
272
271
|
--shadow-invert: -1;
|
|
273
272
|
}
|
|
274
273
|
&[data-shadow-inset='true'] {
|
|
275
|
-
--shadow-
|
|
274
|
+
--mx-shadow-value: inset var(--shadow-x, 0)
|
|
275
|
+
calc(var(--shadow-y, 0) * var(--shadow-invert, 1)) var(--shadow-blur, 0)
|
|
276
|
+
var(--shadow-spread, 0) var(--shadow-color, transparent);
|
|
276
277
|
}
|
|
277
278
|
|
|
278
279
|
&[data-container='true'] {
|
|
@@ -12,7 +12,6 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
12
12
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
13
|
import { Button as BaseButton, } from '@base-ui/react/button';
|
|
14
14
|
import { clsx } from 'clsx';
|
|
15
|
-
import { AnimatePresence, motion } from 'motion/react';
|
|
16
15
|
import { memo } from 'react';
|
|
17
16
|
import { IconWrapper, useIconOnlyDataAttributes, } from '../../behaviors/iconOnly.js';
|
|
18
17
|
import { withClassName } from '../../hooks.js';
|
|
@@ -39,7 +38,7 @@ export function ButtonRoot(_a) {
|
|
|
39
38
|
if (toggled !== undefined) {
|
|
40
39
|
buttonProps['aria-pressed'] = !!toggled;
|
|
41
40
|
}
|
|
42
|
-
return (_jsx(IconLoadingProvider, { value: isLoading, children: _jsxs(BaseButton, Object.assign({}, buttonProps, { children: [_jsx(
|
|
41
|
+
return (_jsx(IconLoadingProvider, { value: isLoading, children: _jsxs(BaseButton, Object.assign({}, buttonProps, { children: [_jsx(Spinner, { size: null, className: cls.defaultSpinner, "data-default-loader": true, "data-active": (isLoading && !disableDefaultLoadingIndicator) || undefined, "aria-hidden": !(isLoading && !disableDefaultLoadingIndicator) }), toggled !== undefined &&
|
|
43
42
|
(toggleMode === 'indicator' ||
|
|
44
43
|
toggleMode === 'color-and-indicator') && (_jsx(ButtonToggleIndicator, { value: toggled })), children, isDropdownTrigger && (_jsx(IconLoadingProvider, { value: false, children: _jsx(DropdownMenuTriggerIcon, { render: _jsx(Icon, { name: "chevron" }) }) }))] })) }));
|
|
45
44
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EACN,MAAM,IAAI,UAAU,GAEpB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAC5B,OAAO,
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EACN,MAAM,IAAI,UAAU,GAEpB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAC5B,OAAO,EAAwB,IAAI,EAAO,MAAM,OAAO,CAAC;AACxD,OAAO,EACN,WAAW,EACX,yBAAyB,GACzB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,YAAY,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAC1E,OAAO,EAAE,oBAAoB,EAAE,MAAM,2CAA2C,CAAC;AACjF,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,GAAG,MAAM,qBAAqB,CAAC;AAyBtC,MAAM,UAAU,UAAU,CAAC,EAoBb;QApBa,EAC1B,SAAS,EACT,QAAQ,GAAG,SAAS,EACpB,KAAK,EACL,IAAI,EACJ,OAAO,EACP,UAAU,GAAG,qBAAqB,EAClC,gBAAgB,EAChB,eAAe,EACf,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,eAAe,EACf,aAAa,EACb,0BAA0B,EAC1B,8BAA8B,EAC9B,IAAI,EACJ,KAAK,EACL,GAAG,OAEU,EADV,KAAK,cAnBkB,yQAoB1B,CADQ;IAER,MAAM,gBAAgB,GAAG,KAAK,CAAC;IAC/B,MAAM,eAAe,GACpB,MAAM,IAAI,KAAK,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ,IAAI,gBAAgB,CAAC;IAChE,MAAM,SAAS,GAAG,OAAO,IAAI,eAAe,CAAC;IAE7C,MAAM,aAAa,GAAG,yBAAyB,CAAC,QAAQ,CAAC,CAAC;IAE1D,MAAM,4BAA4B,GAAG,oBAAoB,EAAE,CAAC;IAC5D,MAAM,iBAAiB,GACtB,CAAC,0BAA0B;QAC3B,CAAC,aAAa,CAAC,IAAI,CAAC,WAAW;QAC/B,4BAA4B,CAAC;IAE9B,MAAM,QAAQ,GAAG,YAAY,CAAC,GAAG,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IAEtD,MAAM,WAAW,+CAChB,GAAG,EAAE,QAAQ,IACV,aAAa,CAAC,KAAK,KACtB,QAAQ,EAAE,QAAQ,IAAI,SAAS,EAC/B,yBAAyB,EAAE,IAAI,EAC/B,eAAe,EAAE,gBAAgB,EACjC,oBAAoB,EAAE,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EACxD,WAAW,EAAE,IAAI,EACjB,cAAc,EAAE,SAAS,EACzB,uBAAuB,EAAE,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EAC7D,QAAQ,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EAC3C,iBAAiB,EAAE,OAAO,KAAK,SAAS,EACxC,wBAAwB,EAAE,eAAe,EACzC,sBAAsB,EAAE,aAAa,EACrC,eAAe,EAAE,QAAQ,EACzB,WAAW,EAAE,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,EAC1C,YAAY,EAAE,KAAK,EACnB,SAAS,EAAE,IAAI,CACd,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,EACjD,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,EACrC,KAAK,CAAC,CAAC,CAAC,SAAS,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,EAC7B,SAAS,CACT,KACE,KAAK,CACR,CAAC;IACF,4BAA4B;IAC5B,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAC3B,WAAW,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC;IACzC,CAAC;IAED,OAAO,CACN,KAAC,mBAAmB,IAAC,KAAK,EAAE,SAAS,YACpC,MAAC,UAAU,oBAAK,WAAW,eAC1B,KAAC,OAAO,IACP,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,GAAG,CAAC,cAAc,8CAG5B,CAAC,SAAS,IAAI,CAAC,8BAA8B,CAAC,IAAI,SAAS,iBAE/C,CAAC,CAAC,SAAS,IAAI,CAAC,8BAA8B,CAAC,GAC3D,EACD,OAAO,KAAK,SAAS;oBACrB,CAAC,UAAU,KAAK,WAAW;wBAC1B,UAAU,KAAK,qBAAqB,CAAC,IAAI,CACzC,KAAC,qBAAqB,IAAC,KAAK,EAAE,OAAO,GAAI,CACzC,EACD,QAAQ,EACR,iBAAiB,IAAI,CACrB,KAAC,mBAAmB,IAAC,KAAK,EAAE,KAAK,YAChC,KAAC,uBAAuB,IAAC,MAAM,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,SAAS,GAAG,GAAI,GACvC,CACtB,KACW,GACQ,CACtB,CAAC;AACH,CAAC;AACD,UAAU,CAAC,WAAW,GAAG,QAAQ,CAAC;AAElC,MAAM,CAAC,MAAM,qBAAqB,GAAG,IAAI,CAAC,SAAS,eAAe,CAAC,EAClE,KAAK,GAGL;IACA,OAAO,CACN,KAAC,IAAI,yBAEJ,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,GAAG,CAAC,eAAe,eACnB,CAAC,CAAC,KAAK,EAClB,OAAO,EAAE,KAAK,GACb,CACF,CAAC;AACH,CAAC,CAAC,CAAC;AAEH,sDAAsD;AACtD,MAAM,CAAC,MAAM,UAAU,GAAG,aAAa,CAAC,WAAW,EAAE,MAAM,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC;AACvE,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,UAAU,EAAE;IAC/C,eAAe,EAAE,qBAAqB;IACtC,IAAI,EAAE,UAAU;CAChB,CAAC,CAAC"}
|
|
@@ -147,9 +147,20 @@
|
|
|
147
147
|
display: flex;
|
|
148
148
|
flex-shrink: 0;
|
|
149
149
|
overflow: clip;
|
|
150
|
+
transition:
|
|
151
|
+
width var(--m-dur) var(--m-ease),
|
|
152
|
+
margin-left var(--m-dur) var(--m-ease);
|
|
150
153
|
|
|
151
154
|
[data-has-icon='true'] & {
|
|
152
155
|
display: none;
|
|
153
156
|
}
|
|
157
|
+
|
|
158
|
+
min-width: 0;
|
|
159
|
+
width: 0px;
|
|
160
|
+
margin-left: calc(-1 * var(--m-sp-sm));
|
|
161
|
+
&[data-active] {
|
|
162
|
+
width: --fn-literal(1em);
|
|
163
|
+
margin-left: --fn-literal(-0.5em);
|
|
164
|
+
}
|
|
154
165
|
}
|
|
155
166
|
}
|
|
@@ -11,21 +11,10 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
11
11
|
};
|
|
12
12
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
13
|
import classNames from 'clsx';
|
|
14
|
-
import useMergedRef from '../../hooks/useMergedRef.js';
|
|
15
|
-
import { useBoundsCssVars } from '../../hooks/useSize.js';
|
|
16
14
|
import { Box } from '../box/Box.js';
|
|
17
15
|
import cls from './PageContent.module.css';
|
|
18
|
-
const bodyRef = typeof document !== 'undefined' ? { current: document.body } : undefined;
|
|
19
16
|
export function PageContent(_a) {
|
|
20
17
|
var { children, className, ref } = _a, rest = __rest(_a, ["children", "className", "ref"]);
|
|
21
|
-
|
|
22
|
-
left: '--content-left',
|
|
23
|
-
top: '--content-top',
|
|
24
|
-
width: '--content-width',
|
|
25
|
-
height: '--content-height',
|
|
26
|
-
ready: '--content-ready',
|
|
27
|
-
});
|
|
28
|
-
const finalRef = useMergedRef(ref, innerRef);
|
|
29
|
-
return (_jsx(Box, Object.assign({}, rest, { render: _jsx("main", {}), className: classNames(cls.root, className), ref: finalRef }, rest, { children: children })));
|
|
18
|
+
return (_jsx(Box, Object.assign({}, rest, { render: _jsx("main", {}), className: classNames(cls.root, className), ref: ref }, rest, { children: children })));
|
|
30
19
|
}
|
|
31
20
|
//# sourceMappingURL=PageContent.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageContent.js","sourceRoot":"","sources":["../../../src/components/layouts/PageContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,
|
|
1
|
+
{"version":3,"file":"PageContent.js","sourceRoot":"","sources":["../../../src/components/layouts/PageContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAE,GAAG,EAAY,MAAM,eAAe,CAAC;AAC9C,OAAO,GAAG,MAAM,0BAA0B,CAAC;AAE3C,MAAM,UAAU,WAAW,CAAC,EAA+C;QAA/C,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,OAAqB,EAAhB,IAAI,cAAnC,gCAAqC,CAAF;IAC9D,OAAO,CACN,KAAC,GAAG,oBACC,IAAI,IACR,MAAM,EAAE,gBAAQ,EAChB,SAAS,EAAE,UAAU,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC,EAC1C,GAAG,EAAE,GAAG,IACJ,IAAI,cAEP,QAAQ,IACJ,CACN,CAAC;AACH,CAAC"}
|
|
@@ -4,15 +4,14 @@
|
|
|
4
4
|
align-items: stretch;
|
|
5
5
|
justify-content: start;
|
|
6
6
|
width: 100%;
|
|
7
|
-
anchor-name: --page-content;
|
|
8
7
|
flex: 1;
|
|
8
|
+
min-height: 0;
|
|
9
9
|
|
|
10
|
-
|
|
10
|
+
overflow-x: clip;
|
|
11
|
+
overflow-y: auto;
|
|
11
12
|
|
|
13
|
+
gap: var(--m-sp-lg);
|
|
12
14
|
padding: var(--m-sp-lg);
|
|
13
|
-
@media (min-width: 768px) {
|
|
14
|
-
padding: var(--m-sp-lg);
|
|
15
|
-
}
|
|
16
15
|
|
|
17
16
|
margin-inline: auto;
|
|
18
17
|
max-width: 100%;
|
|
@@ -20,7 +19,12 @@
|
|
|
20
19
|
|
|
21
20
|
container-type: inline-size;
|
|
22
21
|
container-name: --page-content;
|
|
23
|
-
|
|
24
22
|
grid-area: content;
|
|
23
|
+
anchor-name: --page-content;
|
|
24
|
+
|
|
25
|
+
@media (min-width: 768px) {
|
|
26
|
+
padding: var(--m-sp-lg);
|
|
27
|
+
overflow: clip;
|
|
28
|
+
}
|
|
25
29
|
}
|
|
26
30
|
}
|
|
@@ -11,20 +11,10 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
11
11
|
};
|
|
12
12
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
13
|
import classNames from 'clsx';
|
|
14
|
-
import { useRef } from 'react';
|
|
15
|
-
import { useBoundsCssVars } from '../../hooks.js';
|
|
16
14
|
import { HideWhileKeyboardOpen } from '../utility/HideWhileKeyboardOpen.js';
|
|
17
15
|
import cls from './PageNav.module.css';
|
|
18
16
|
export function PageNav(_a) {
|
|
19
17
|
var { className, children } = _a, props = __rest(_a, ["className", "children"]);
|
|
20
|
-
|
|
21
|
-
const ref = useBoundsCssVars(undefined, bodyRef, {
|
|
22
|
-
left: '--nav-left',
|
|
23
|
-
top: '--nav-top',
|
|
24
|
-
width: '--nav-width',
|
|
25
|
-
height: '--nav-height',
|
|
26
|
-
ready: '--nav-ready',
|
|
27
|
-
});
|
|
28
|
-
return (_jsx(HideWhileKeyboardOpen, Object.assign({}, props, { className: classNames(cls.root, className), ref: ref, children: children })));
|
|
18
|
+
return (_jsx(HideWhileKeyboardOpen, Object.assign({}, props, { className: classNames(cls.root, className), children: children })));
|
|
29
19
|
}
|
|
30
20
|
//# sourceMappingURL=PageNav.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageNav.js","sourceRoot":"","sources":["../../../src/components/layouts/PageNav.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,UAAU,MAAM,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"PageNav.js","sourceRoot":"","sources":["../../../src/components/layouts/PageNav.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,UAAU,MAAM,MAAM,CAAC;AAE9B,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,GAAG,MAAM,sBAAsB,CAAC;AAEvC,MAAM,UAAU,OAAO,CAAC,EAIS;QAJT,EACvB,SAAS,EACT,QAAQ,OAEwB,EAD7B,KAAK,cAHe,yBAIvB,CADQ;IAER,OAAO,CACN,KAAC,qBAAqB,oBACjB,KAAK,IACT,SAAS,EAAE,UAAU,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC,YAEzC,QAAQ,IACc,CACxB,CAAC;AACH,CAAC"}
|
|
@@ -11,7 +11,10 @@
|
|
|
11
11
|
left: anchor(left);
|
|
12
12
|
right: anchor(right);
|
|
13
13
|
top: auto;
|
|
14
|
-
bottom: --fn-literal(
|
|
14
|
+
--bottom: --fn-literal(
|
|
15
|
+
calc(anchor(bottom) + env(safe-area-inset-bottom, 0px))
|
|
16
|
+
);
|
|
17
|
+
bottom: var(--bottom);
|
|
15
18
|
|
|
16
19
|
@media (min-width: 768px) {
|
|
17
20
|
bottom: var(--m-sp-md);
|
|
@@ -29,7 +32,7 @@
|
|
|
29
32
|
&[data-virtual-keyboard-behavior='overlay'] {
|
|
30
33
|
bottom: max(
|
|
31
34
|
var(--mock-virtual-keyboard-height, env(keyboard-inset-height, 0px)),
|
|
32
|
-
var(--
|
|
35
|
+
var(--bottom)
|
|
33
36
|
);
|
|
34
37
|
}
|
|
35
38
|
&[data-virtual-keyboard-behavior='displace'] {
|
|
@@ -38,7 +41,7 @@
|
|
|
38
41
|
--mock-virtual-keyboard-height,
|
|
39
42
|
var(--viewport-bottom-offset, 0px)
|
|
40
43
|
),
|
|
41
|
-
var(--
|
|
44
|
+
var(--bottom)
|
|
42
45
|
);
|
|
43
46
|
}
|
|
44
47
|
}
|
|
@@ -3,12 +3,13 @@
|
|
|
3
3
|
min-height: 100dvh;
|
|
4
4
|
flex-shrink: 1;
|
|
5
5
|
flex-grow: 1;
|
|
6
|
-
flex-basis:
|
|
7
|
-
height: max-content;
|
|
6
|
+
flex-basis: 100dvh;
|
|
8
7
|
justify-content: end;
|
|
9
8
|
|
|
10
|
-
display:
|
|
11
|
-
|
|
9
|
+
display: grid;
|
|
10
|
+
grid-template-areas: 'content' 'nav';
|
|
11
|
+
grid-template-columns: 1fr;
|
|
12
|
+
grid-template-rows: 1fr auto;
|
|
12
13
|
|
|
13
14
|
@apply --mx-bg(var(--m-tint-paper));
|
|
14
15
|
|
|
@@ -24,7 +24,7 @@ export const Default = {
|
|
|
24
24
|
render: () => {
|
|
25
25
|
const [content, setContent] = useState(true);
|
|
26
26
|
const toggleContent = () => setContent((prev) => !prev);
|
|
27
|
-
return (_jsxs(PageRoot, { children: [_jsxs(PageContent, { children: [_jsxs("div", { style: { textAlign: 'center' }, children: [_jsx("h1", { className: "text-primary", style: { fontWeight: 'bold' }, children: "Hello, World!" }), _jsx("p", { className: "text-primary", children: "This is a simple page layout." })] }), _jsx(Switch, { checked: content, onCheckedChange: toggleContent }), content && (_jsx(Card.Grid, { children: new Array(100).fill(null).map((_, i) => (_jsx(Card, { children: _jsx(Card.Main, {}) }, i))) })), _jsx(
|
|
27
|
+
return (_jsxs(PageRoot, { children: [_jsxs(PageContent, { children: [_jsxs("div", { style: { textAlign: 'center' }, children: [_jsx("h1", { className: "text-primary", style: { fontWeight: 'bold' }, children: "Hello, World!" }), _jsx("p", { className: "text-primary", children: "This is a simple page layout." })] }), _jsx(Switch, { checked: content, onCheckedChange: toggleContent }), content && (_jsx(Card.Grid, { children: new Array(100).fill(null).map((_, i) => (_jsx(Card, { children: _jsx(Card.Main, {}) }, i))) })), _jsx(Box, { render: _jsx(PageNowPlaying, {}), surface: "ambient", elevated: "lg", p: true, border: true, children: "Now playing" })] }), _jsx(PageNav, { children: _jsxs(NavBarRoot, { children: [_jsxs(NavBarItem, { children: [_jsx(NavBarItemIconWrapper, { children: _jsx(NavBarItemIcon, { name: "cart" }) }), _jsx(NavBarItemText, { children: "Item 1 long" })] }), _jsxs(NavBarItem, { active: true, children: [_jsx(NavBarItemIconWrapper, { children: _jsx(NavBarItemIcon, { name: "book" }) }), _jsx(NavBarItemText, { children: "Item 2" }), _jsx(NavBarItemPip, {})] }), _jsxs(NavBarItem, { color: "neutral", active: true, children: [_jsx(NavBarItemIconWrapper, { children: _jsx(NavBarItemIcon, { render: (_, { size }) => (_jsx(Avatar, { name: "Grant Forrest", size: size })) }) }), _jsx(NavBarItemText, { children: "Neutral" }), _jsx(NavBarItemPip, {})] })] }) })] }));
|
|
28
28
|
},
|
|
29
29
|
};
|
|
30
30
|
export const ManualWidth = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"layouts.stories.js","sourceRoot":"","sources":["../../../src/components/layouts/layouts.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EACN,UAAU,EACV,cAAc,EACd,qBAAqB,EACrB,aAAa,EACb,cAAc,EACd,UAAU,GACV,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,oBAAoB;IAC3B,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;QAC5B,MAAM,EAAE,YAAY;KACpB;CACc,CAAC;AAEjB,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,MAAM,EAAE,GAAG,EAAE;QACZ,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;QAC7C,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;QACxD,OAAO,CACN,MAAC,QAAQ,eACR,MAAC,WAAW,eACX,eAAK,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,aAClC,aAAI,SAAS,EAAC,cAAc,EAAC,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,8BAErD,EACL,YAAG,SAAS,EAAC,cAAc,8CAAkC,IACxD,EACN,KAAC,MAAM,IAAC,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,aAAa,GAAI,EAC3D,OAAO,IAAI,CACX,KAAC,IAAI,CAAC,IAAI,cACR,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACxC,KAAC,IAAI,cACJ,KAAC,IAAI,CAAC,IAAI,KAAG,IADH,CAAC,CAEL,CACP,CAAC,GACS,CACZ,EACD,KAAC,
|
|
1
|
+
{"version":3,"file":"layouts.stories.js","sourceRoot":"","sources":["../../../src/components/layouts/layouts.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"masonry.js","sourceRoot":"","sources":["../../../src/components/masonry/masonry.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"masonry.js","sourceRoot":"","sources":["../../../src/components/masonry/masonry.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -235,10 +235,9 @@
|
|
|
235
235
|
}
|
|
236
236
|
|
|
237
237
|
@apply --mx-shadow;
|
|
238
|
-
--mx-shadow-value: var(--shadow-
|
|
238
|
+
--mx-shadow-value: var(--shadow-x, 0)
|
|
239
239
|
calc(var(--shadow-y, 0) * var(--shadow-invert, 1)) var(--shadow-blur, 0)
|
|
240
240
|
var(--shadow-spread, 0) var(--shadow-color, transparent);
|
|
241
|
-
--shadow-inset: ;
|
|
242
241
|
&[data-elevated='sm'] {
|
|
243
242
|
--shadow-x: var(--m-shadow-sm-x);
|
|
244
243
|
--shadow-y: var(--m-shadow-sm-y);
|
|
@@ -272,7 +271,9 @@
|
|
|
272
271
|
--shadow-invert: -1;
|
|
273
272
|
}
|
|
274
273
|
&[data-shadow-inset='true'] {
|
|
275
|
-
--shadow-
|
|
274
|
+
--mx-shadow-value: inset var(--shadow-x, 0)
|
|
275
|
+
calc(var(--shadow-y, 0) * var(--shadow-invert, 1)) var(--shadow-blur, 0)
|
|
276
|
+
var(--shadow-spread, 0) var(--shadow-color, transparent);
|
|
276
277
|
}
|
|
277
278
|
|
|
278
279
|
&[data-container='true'] {
|
|
@@ -147,8 +147,19 @@
|
|
|
147
147
|
display: flex;
|
|
148
148
|
flex-shrink: 0;
|
|
149
149
|
overflow: clip;
|
|
150
|
+
transition:
|
|
151
|
+
width var(--m-dur) var(--m-ease),
|
|
152
|
+
margin-left var(--m-dur) var(--m-ease);
|
|
150
153
|
|
|
151
154
|
[data-has-icon='true'] & {
|
|
152
155
|
display: none;
|
|
153
156
|
}
|
|
157
|
+
|
|
158
|
+
min-width: 0;
|
|
159
|
+
width: 0px;
|
|
160
|
+
margin-left: calc(-1 * var(--m-sp-sm));
|
|
161
|
+
&[data-active] {
|
|
162
|
+
width: --fn-literal(1em);
|
|
163
|
+
margin-left: --fn-literal(-0.5em);
|
|
164
|
+
}
|
|
154
165
|
}
|
|
@@ -3,7 +3,6 @@ import {
|
|
|
3
3
|
ButtonProps as BaseButtonProps,
|
|
4
4
|
} from '@base-ui/react/button';
|
|
5
5
|
import { clsx } from 'clsx';
|
|
6
|
-
import { AnimatePresence, motion } from 'motion/react';
|
|
7
6
|
import { ButtonHTMLAttributes, memo, Ref } from 'react';
|
|
8
7
|
import {
|
|
9
8
|
IconWrapper,
|
|
@@ -110,20 +109,15 @@ export function ButtonRoot({
|
|
|
110
109
|
return (
|
|
111
110
|
<IconLoadingProvider value={isLoading}>
|
|
112
111
|
<BaseButton {...buttonProps}>
|
|
113
|
-
<
|
|
114
|
-
{
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
>
|
|
123
|
-
<Spinner size={15} className="inline-block h-1em w-1em" />
|
|
124
|
-
</motion.div>
|
|
125
|
-
)}
|
|
126
|
-
</AnimatePresence>
|
|
112
|
+
<Spinner
|
|
113
|
+
size={null}
|
|
114
|
+
className={cls.defaultSpinner}
|
|
115
|
+
data-default-loader
|
|
116
|
+
data-active={
|
|
117
|
+
(isLoading && !disableDefaultLoadingIndicator) || undefined
|
|
118
|
+
}
|
|
119
|
+
aria-hidden={!(isLoading && !disableDefaultLoadingIndicator)}
|
|
120
|
+
/>
|
|
127
121
|
{toggled !== undefined &&
|
|
128
122
|
(toggleMode === 'indicator' ||
|
|
129
123
|
toggleMode === 'color-and-indicator') && (
|
|
@@ -4,15 +4,14 @@
|
|
|
4
4
|
align-items: stretch;
|
|
5
5
|
justify-content: start;
|
|
6
6
|
width: 100%;
|
|
7
|
-
anchor-name: --page-content;
|
|
8
7
|
flex: 1;
|
|
8
|
+
min-height: 0;
|
|
9
9
|
|
|
10
|
-
|
|
10
|
+
overflow-x: clip;
|
|
11
|
+
overflow-y: auto;
|
|
11
12
|
|
|
13
|
+
gap: var(--m-sp-lg);
|
|
12
14
|
padding: var(--m-sp-lg);
|
|
13
|
-
@media (min-width: 768px) {
|
|
14
|
-
padding: var(--m-sp-lg);
|
|
15
|
-
}
|
|
16
15
|
|
|
17
16
|
margin-inline: auto;
|
|
18
17
|
max-width: 100%;
|
|
@@ -20,6 +19,11 @@
|
|
|
20
19
|
|
|
21
20
|
container-type: inline-size;
|
|
22
21
|
container-name: --page-content;
|
|
23
|
-
|
|
24
22
|
grid-area: content;
|
|
23
|
+
anchor-name: --page-content;
|
|
24
|
+
|
|
25
|
+
@media (min-width: 768px) {
|
|
26
|
+
padding: var(--m-sp-lg);
|
|
27
|
+
overflow: clip;
|
|
28
|
+
}
|
|
25
29
|
}
|
|
@@ -1,29 +1,14 @@
|
|
|
1
1
|
import classNames from 'clsx';
|
|
2
|
-
import useMergedRef from '../../hooks/useMergedRef.js';
|
|
3
|
-
import { useBoundsCssVars } from '../../hooks/useSize.js';
|
|
4
2
|
import { Box, BoxProps } from '../box/Box.js';
|
|
5
3
|
import cls from './PageContent.module.css';
|
|
6
4
|
|
|
7
|
-
const bodyRef =
|
|
8
|
-
typeof document !== 'undefined' ? { current: document.body } : undefined;
|
|
9
|
-
|
|
10
5
|
export function PageContent({ children, className, ref, ...rest }: BoxProps) {
|
|
11
|
-
const innerRef = useBoundsCssVars<HTMLDivElement>(200, bodyRef, {
|
|
12
|
-
left: '--content-left',
|
|
13
|
-
top: '--content-top',
|
|
14
|
-
width: '--content-width',
|
|
15
|
-
height: '--content-height',
|
|
16
|
-
ready: '--content-ready',
|
|
17
|
-
});
|
|
18
|
-
|
|
19
|
-
const finalRef = useMergedRef(ref, innerRef);
|
|
20
|
-
|
|
21
6
|
return (
|
|
22
7
|
<Box
|
|
23
8
|
{...rest}
|
|
24
9
|
render={<main />}
|
|
25
10
|
className={classNames(cls.root, className)}
|
|
26
|
-
ref={
|
|
11
|
+
ref={ref}
|
|
27
12
|
{...rest}
|
|
28
13
|
>
|
|
29
14
|
{children}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import classNames from 'clsx';
|
|
2
|
-
import { HTMLAttributes
|
|
3
|
-
import { useBoundsCssVars } from '../../hooks.js';
|
|
2
|
+
import { HTMLAttributes } from 'react';
|
|
4
3
|
import { HideWhileKeyboardOpen } from '../utility/HideWhileKeyboardOpen.js';
|
|
5
4
|
import cls from './PageNav.module.css';
|
|
6
5
|
|
|
@@ -9,22 +8,10 @@ export function PageNav({
|
|
|
9
8
|
children,
|
|
10
9
|
...props
|
|
11
10
|
}: HTMLAttributes<HTMLDivElement>) {
|
|
12
|
-
const bodyRef = useRef(
|
|
13
|
-
typeof document === 'undefined' ? null : document.documentElement,
|
|
14
|
-
);
|
|
15
|
-
const ref = useBoundsCssVars<HTMLDivElement>(undefined, bodyRef, {
|
|
16
|
-
left: '--nav-left',
|
|
17
|
-
top: '--nav-top',
|
|
18
|
-
width: '--nav-width',
|
|
19
|
-
height: '--nav-height',
|
|
20
|
-
ready: '--nav-ready',
|
|
21
|
-
});
|
|
22
|
-
|
|
23
11
|
return (
|
|
24
12
|
<HideWhileKeyboardOpen
|
|
25
13
|
{...props}
|
|
26
14
|
className={classNames(cls.root, className)}
|
|
27
|
-
ref={ref}
|
|
28
15
|
>
|
|
29
16
|
{children}
|
|
30
17
|
</HideWhileKeyboardOpen>
|
|
@@ -11,7 +11,10 @@
|
|
|
11
11
|
left: anchor(left);
|
|
12
12
|
right: anchor(right);
|
|
13
13
|
top: auto;
|
|
14
|
-
bottom: --fn-literal(
|
|
14
|
+
--bottom: --fn-literal(
|
|
15
|
+
calc(anchor(bottom) + env(safe-area-inset-bottom, 0px))
|
|
16
|
+
);
|
|
17
|
+
bottom: var(--bottom);
|
|
15
18
|
|
|
16
19
|
@media (min-width: 768px) {
|
|
17
20
|
bottom: var(--m-sp-md);
|
|
@@ -29,7 +32,7 @@
|
|
|
29
32
|
&[data-virtual-keyboard-behavior='overlay'] {
|
|
30
33
|
bottom: max(
|
|
31
34
|
var(--mock-virtual-keyboard-height, env(keyboard-inset-height, 0px)),
|
|
32
|
-
var(--
|
|
35
|
+
var(--bottom)
|
|
33
36
|
);
|
|
34
37
|
}
|
|
35
38
|
&[data-virtual-keyboard-behavior='displace'] {
|
|
@@ -38,7 +41,7 @@
|
|
|
38
41
|
--mock-virtual-keyboard-height,
|
|
39
42
|
var(--viewport-bottom-offset, 0px)
|
|
40
43
|
),
|
|
41
|
-
var(--
|
|
44
|
+
var(--bottom)
|
|
42
45
|
);
|
|
43
46
|
}
|
|
44
47
|
}
|
|
@@ -3,12 +3,13 @@
|
|
|
3
3
|
min-height: 100dvh;
|
|
4
4
|
flex-shrink: 1;
|
|
5
5
|
flex-grow: 1;
|
|
6
|
-
flex-basis:
|
|
7
|
-
height: max-content;
|
|
6
|
+
flex-basis: 100dvh;
|
|
8
7
|
justify-content: end;
|
|
9
8
|
|
|
10
|
-
display:
|
|
11
|
-
|
|
9
|
+
display: grid;
|
|
10
|
+
grid-template-areas: 'content' 'nav';
|
|
11
|
+
grid-template-columns: 1fr;
|
|
12
|
+
grid-template-rows: 1fr auto;
|
|
12
13
|
|
|
13
14
|
@apply --mx-bg(var(--m-tint-paper));
|
|
14
15
|
|
|
@@ -55,11 +55,15 @@ export const Default: Story = {
|
|
|
55
55
|
))}
|
|
56
56
|
</Card.Grid>
|
|
57
57
|
)}
|
|
58
|
-
<
|
|
59
|
-
<
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
58
|
+
<Box
|
|
59
|
+
render={<PageNowPlaying />}
|
|
60
|
+
surface="ambient"
|
|
61
|
+
elevated="lg"
|
|
62
|
+
p
|
|
63
|
+
border
|
|
64
|
+
>
|
|
65
|
+
Now playing
|
|
66
|
+
</Box>
|
|
63
67
|
</PageContent>
|
|
64
68
|
<PageNav>
|
|
65
69
|
<NavBarRoot>
|