@oxy.so/bloom 7.1.5 → 7.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/docs/adoption-matrix.mdx +12 -11
- package/docs/app-shell.mdx +26 -2
- package/docs/appearance.mdx +16 -1
- package/docs/content-panel.mdx +4 -0
- package/docs/mail-thread.mdx +8 -0
- package/docs/page-footer.mdx +60 -0
- package/docs/sidebar.mdx +1 -1
- package/lib/commonjs/app-shell/AppShell.js +3 -2
- package/lib/commonjs/app-shell/AppShell.js.map +1 -1
- package/lib/commonjs/app-shell/AppShellBars.js +8 -5
- package/lib/commonjs/app-shell/AppShellBars.js.map +1 -1
- package/lib/commonjs/app-shell/AppShellEngine.js +81 -36
- package/lib/commonjs/app-shell/AppShellEngine.js.map +1 -1
- package/lib/commonjs/appearance/BloomScope.js +8 -3
- package/lib/commonjs/appearance/BloomScope.js.map +1 -1
- package/lib/commonjs/appearance/context.js.map +1 -1
- package/lib/commonjs/content-panel/ContentPanel.js +34 -23
- package/lib/commonjs/content-panel/ContentPanel.js.map +1 -1
- package/lib/commonjs/content-panel/ContentPanel.web.js +39 -17
- package/lib/commonjs/content-panel/ContentPanel.web.js.map +1 -1
- package/lib/commonjs/design-tokens/shapes.js +2 -2
- package/lib/commonjs/design-tokens/shapes.js.map +1 -1
- package/lib/commonjs/design-tokens/tokens.json +2 -2
- package/lib/commonjs/index.js +939 -927
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/index.web.js +939 -927
- package/lib/commonjs/index.web.js.map +1 -1
- package/lib/commonjs/mail-thread/MailMessage.js +8 -14
- package/lib/commonjs/mail-thread/MailMessage.js.map +1 -1
- package/lib/commonjs/mail-thread/MailThread.js +6 -2
- package/lib/commonjs/mail-thread/MailThread.js.map +1 -1
- package/lib/commonjs/mail-thread/shared.js +2 -1
- package/lib/commonjs/mail-thread/shared.js.map +1 -1
- package/lib/commonjs/page-footer/PageFooter.js +137 -0
- package/lib/commonjs/page-footer/PageFooter.js.map +1 -0
- package/lib/commonjs/page-footer/PageFooterProvider.js +22 -0
- package/lib/commonjs/page-footer/PageFooterProvider.js.map +1 -0
- package/lib/commonjs/page-footer/context.js +11 -0
- package/lib/commonjs/page-footer/context.js.map +1 -0
- package/lib/commonjs/page-footer/index.js +27 -0
- package/lib/commonjs/page-footer/index.js.map +1 -0
- package/lib/commonjs/page-footer/types.js +6 -0
- package/lib/commonjs/page-footer/types.js.map +1 -0
- package/lib/commonjs/page-footer/use-page-footer-inset.js +19 -0
- package/lib/commonjs/page-footer/use-page-footer-inset.js.map +1 -0
- package/lib/commonjs/sidebar/Sidebar.js +6 -5
- package/lib/commonjs/sidebar/Sidebar.js.map +1 -1
- package/lib/commonjs/styles/panel-chrome.js +15 -1
- package/lib/commonjs/styles/panel-chrome.js.map +1 -1
- package/lib/module/app-shell/AppShell.js +3 -2
- package/lib/module/app-shell/AppShell.js.map +1 -1
- package/lib/module/app-shell/AppShellBars.js +8 -5
- package/lib/module/app-shell/AppShellBars.js.map +1 -1
- package/lib/module/app-shell/AppShellEngine.js +81 -36
- package/lib/module/app-shell/AppShellEngine.js.map +1 -1
- package/lib/module/appearance/BloomScope.js +8 -3
- package/lib/module/appearance/BloomScope.js.map +1 -1
- package/lib/module/appearance/context.js.map +1 -1
- package/lib/module/content-panel/ContentPanel.js +35 -24
- package/lib/module/content-panel/ContentPanel.js.map +1 -1
- package/lib/module/content-panel/ContentPanel.web.js +41 -19
- package/lib/module/content-panel/ContentPanel.web.js.map +1 -1
- package/lib/module/design-tokens/shapes.js +2 -2
- package/lib/module/design-tokens/shapes.js.map +1 -1
- package/lib/module/design-tokens/tokens.json +2 -2
- package/lib/module/index.js +1 -0
- package/lib/module/index.js.map +1 -1
- package/lib/module/index.web.js +1 -0
- package/lib/module/index.web.js.map +1 -1
- package/lib/module/mail-thread/MailMessage.js +8 -14
- package/lib/module/mail-thread/MailMessage.js.map +1 -1
- package/lib/module/mail-thread/MailThread.js +6 -2
- package/lib/module/mail-thread/MailThread.js.map +1 -1
- package/lib/module/mail-thread/shared.js +2 -1
- package/lib/module/mail-thread/shared.js.map +1 -1
- package/lib/module/page-footer/PageFooter.js +132 -0
- package/lib/module/page-footer/PageFooter.js.map +1 -0
- package/lib/module/page-footer/PageFooterProvider.js +18 -0
- package/lib/module/page-footer/PageFooterProvider.js.map +1 -0
- package/lib/module/page-footer/context.js +7 -0
- package/lib/module/page-footer/context.js.map +1 -0
- package/lib/module/page-footer/index.js +6 -0
- package/lib/module/page-footer/index.js.map +1 -0
- package/lib/module/page-footer/types.js +4 -0
- package/lib/module/page-footer/types.js.map +1 -0
- package/lib/module/page-footer/use-page-footer-inset.js +16 -0
- package/lib/module/page-footer/use-page-footer-inset.js.map +1 -0
- package/lib/module/sidebar/Sidebar.js +6 -5
- package/lib/module/sidebar/Sidebar.js.map +1 -1
- package/lib/module/styles/panel-chrome.js +14 -1
- package/lib/module/styles/panel-chrome.js.map +1 -1
- package/lib/typescript/commonjs/app-shell/AppShellBars.d.ts +4 -0
- package/lib/typescript/commonjs/app-shell/AppShellBars.d.ts.map +1 -1
- package/lib/typescript/commonjs/app-shell/AppShellEngine.d.ts.map +1 -1
- package/lib/typescript/commonjs/app-shell/types.d.ts +11 -3
- package/lib/typescript/commonjs/app-shell/types.d.ts.map +1 -1
- package/lib/typescript/commonjs/appearance/BloomScope.d.ts +1 -1
- package/lib/typescript/commonjs/appearance/BloomScope.d.ts.map +1 -1
- package/lib/typescript/commonjs/appearance/context.d.ts +2 -2
- package/lib/typescript/commonjs/appearance/context.d.ts.map +1 -1
- package/lib/typescript/commonjs/appearance/types.d.ts +4 -1
- package/lib/typescript/commonjs/appearance/types.d.ts.map +1 -1
- package/lib/typescript/commonjs/content-panel/ContentPanel.d.ts +3 -4
- package/lib/typescript/commonjs/content-panel/ContentPanel.d.ts.map +1 -1
- package/lib/typescript/commonjs/content-panel/ContentPanel.web.d.ts +1 -1
- package/lib/typescript/commonjs/content-panel/ContentPanel.web.d.ts.map +1 -1
- package/lib/typescript/commonjs/content-panel/types.d.ts +2 -2
- package/lib/typescript/commonjs/design-tokens/shapes.d.ts +2 -2
- package/lib/typescript/commonjs/index.d.ts +1 -0
- package/lib/typescript/commonjs/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/index.web.d.ts +1 -0
- package/lib/typescript/commonjs/index.web.d.ts.map +1 -1
- package/lib/typescript/commonjs/mail-thread/MailMessage.d.ts.map +1 -1
- package/lib/typescript/commonjs/mail-thread/MailThread.d.ts +1 -1
- package/lib/typescript/commonjs/mail-thread/MailThread.d.ts.map +1 -1
- package/lib/typescript/commonjs/mail-thread/shared.d.ts +1 -1
- package/lib/typescript/commonjs/mail-thread/shared.d.ts.map +1 -1
- package/lib/typescript/commonjs/mail-thread/types.d.ts +2 -0
- package/lib/typescript/commonjs/mail-thread/types.d.ts.map +1 -1
- package/lib/typescript/commonjs/page-footer/PageFooter.d.ts +7 -0
- package/lib/typescript/commonjs/page-footer/PageFooter.d.ts.map +1 -0
- package/lib/typescript/commonjs/page-footer/PageFooterProvider.d.ts +4 -0
- package/lib/typescript/commonjs/page-footer/PageFooterProvider.d.ts.map +1 -0
- package/lib/typescript/commonjs/page-footer/context.d.ts +3 -0
- package/lib/typescript/commonjs/page-footer/context.d.ts.map +1 -0
- package/lib/typescript/commonjs/page-footer/index.d.ts +5 -0
- package/lib/typescript/commonjs/page-footer/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/page-footer/types.d.ts +26 -0
- package/lib/typescript/commonjs/page-footer/types.d.ts.map +1 -0
- package/lib/typescript/commonjs/page-footer/use-page-footer-inset.d.ts +7 -0
- package/lib/typescript/commonjs/page-footer/use-page-footer-inset.d.ts.map +1 -0
- package/lib/typescript/commonjs/sidebar/Sidebar.d.ts.map +1 -1
- package/lib/typescript/commonjs/sidebar/types.d.ts +1 -1
- package/lib/typescript/commonjs/styles/panel-chrome.d.ts +5 -0
- package/lib/typescript/commonjs/styles/panel-chrome.d.ts.map +1 -1
- package/lib/typescript/module/app-shell/AppShellBars.d.ts +4 -0
- package/lib/typescript/module/app-shell/AppShellBars.d.ts.map +1 -1
- package/lib/typescript/module/app-shell/AppShellEngine.d.ts.map +1 -1
- package/lib/typescript/module/app-shell/types.d.ts +11 -3
- package/lib/typescript/module/app-shell/types.d.ts.map +1 -1
- package/lib/typescript/module/appearance/BloomScope.d.ts +1 -1
- package/lib/typescript/module/appearance/BloomScope.d.ts.map +1 -1
- package/lib/typescript/module/appearance/context.d.ts +2 -2
- package/lib/typescript/module/appearance/context.d.ts.map +1 -1
- package/lib/typescript/module/appearance/types.d.ts +4 -1
- package/lib/typescript/module/appearance/types.d.ts.map +1 -1
- package/lib/typescript/module/content-panel/ContentPanel.d.ts +3 -4
- package/lib/typescript/module/content-panel/ContentPanel.d.ts.map +1 -1
- package/lib/typescript/module/content-panel/ContentPanel.web.d.ts +1 -1
- package/lib/typescript/module/content-panel/ContentPanel.web.d.ts.map +1 -1
- package/lib/typescript/module/content-panel/types.d.ts +2 -2
- package/lib/typescript/module/design-tokens/shapes.d.ts +2 -2
- package/lib/typescript/module/index.d.ts +1 -0
- package/lib/typescript/module/index.d.ts.map +1 -1
- package/lib/typescript/module/index.web.d.ts +1 -0
- package/lib/typescript/module/index.web.d.ts.map +1 -1
- package/lib/typescript/module/mail-thread/MailMessage.d.ts.map +1 -1
- package/lib/typescript/module/mail-thread/MailThread.d.ts +1 -1
- package/lib/typescript/module/mail-thread/MailThread.d.ts.map +1 -1
- package/lib/typescript/module/mail-thread/shared.d.ts +1 -1
- package/lib/typescript/module/mail-thread/shared.d.ts.map +1 -1
- package/lib/typescript/module/mail-thread/types.d.ts +2 -0
- package/lib/typescript/module/mail-thread/types.d.ts.map +1 -1
- package/lib/typescript/module/page-footer/PageFooter.d.ts +7 -0
- package/lib/typescript/module/page-footer/PageFooter.d.ts.map +1 -0
- package/lib/typescript/module/page-footer/PageFooterProvider.d.ts +4 -0
- package/lib/typescript/module/page-footer/PageFooterProvider.d.ts.map +1 -0
- package/lib/typescript/module/page-footer/context.d.ts +3 -0
- package/lib/typescript/module/page-footer/context.d.ts.map +1 -0
- package/lib/typescript/module/page-footer/index.d.ts +5 -0
- package/lib/typescript/module/page-footer/index.d.ts.map +1 -0
- package/lib/typescript/module/page-footer/types.d.ts +26 -0
- package/lib/typescript/module/page-footer/types.d.ts.map +1 -0
- package/lib/typescript/module/page-footer/use-page-footer-inset.d.ts +7 -0
- package/lib/typescript/module/page-footer/use-page-footer-inset.d.ts.map +1 -0
- package/lib/typescript/module/sidebar/Sidebar.d.ts.map +1 -1
- package/lib/typescript/module/sidebar/types.d.ts +1 -1
- package/lib/typescript/module/styles/panel-chrome.d.ts +5 -0
- package/lib/typescript/module/styles/panel-chrome.d.ts.map +1 -1
- package/package.json +18 -1
- package/src/__tests__/support/adoption-matrix.ts +683 -0
- package/src/__tests__/support/card-surface.ts +25 -0
- package/src/__tests__/support/collision-fixture-barrel.ts +20 -0
- package/src/__tests__/support/commerce-harness.tsx +97 -0
- package/src/__tests__/support/composite.ts +68 -0
- package/src/__tests__/support/constructed-style-sheets.ts +68 -0
- package/src/__tests__/support/messages-in.ts +10 -0
- package/src/__tests__/support/press-host.ts +30 -0
- package/src/__tests__/support/rendered-style.ts +99 -0
- package/src/__tests__/support/unread-hook-fixture.ts +33 -0
- package/src/__tests__/support/worklet-capture-fixture.tsx +28 -0
- package/src/agent-avatar/__tests__/artwork-golden.json +774 -0
- package/src/agent-creator/__tests__/support/character-runtime-fixture.tsx +26 -0
- package/src/app-shell/AppShell.tsx +2 -2
- package/src/app-shell/AppShellBars.tsx +6 -4
- package/src/app-shell/AppShellEngine.tsx +51 -18
- package/src/app-shell/types.ts +11 -3
- package/src/appearance/BloomScope.tsx +5 -2
- package/src/appearance/context.ts +2 -2
- package/src/appearance/types.ts +4 -1
- package/src/content-panel/ContentPanel.tsx +32 -25
- package/src/content-panel/ContentPanel.web.tsx +32 -23
- package/src/content-panel/types.ts +2 -2
- package/src/design-tokens/shapes.ts +1 -1
- package/src/design-tokens/tokens.json +2 -2
- package/src/index.ts +1 -0
- package/src/index.web.ts +1 -0
- package/src/mail-thread/MailMessage.tsx +9 -11
- package/src/mail-thread/MailThread.tsx +3 -1
- package/src/mail-thread/shared.ts +2 -1
- package/src/mail-thread/types.ts +2 -0
- package/src/page-footer/PageFooter.tsx +96 -0
- package/src/page-footer/PageFooterProvider.tsx +9 -0
- package/src/page-footer/context.ts +6 -0
- package/src/page-footer/index.ts +4 -0
- package/src/page-footer/types.ts +26 -0
- package/src/page-footer/use-page-footer-inset.ts +17 -0
- package/src/sidebar/Sidebar.tsx +5 -4
- package/src/sidebar/types.ts +1 -1
- package/src/styles/panel-chrome.ts +9 -1
- package/src/theme/__tests__/__fixtures__/golden-resolved-tokens.json +9346 -0
- package/src/theme/__tests__/__fixtures__/tonal-glass-primary-failures.json +69 -0
- package/src/theme/__tests__/fixtures/color-engine-golden.json +1 -0
|
@@ -9,6 +9,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
9
9
|
var _SurfacePaint = require("../surface/SurfacePaint.js");
|
|
10
10
|
var _reactNative = require("react-native");
|
|
11
11
|
var _panelChrome = require("../styles/panel-chrome.js");
|
|
12
|
+
var _surfaceStyle = require("../shapes/surface-style.js");
|
|
12
13
|
var _styledPrimitives = require("../styles/styled-primitives.js");
|
|
13
14
|
var _surfaceLevels = require("../styles/surface-levels.js");
|
|
14
15
|
var _context = require("./context.js");
|
|
@@ -27,13 +28,12 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
|
|
|
27
28
|
* On NATIVE none of the WEB overlay machinery applies: there is no document
|
|
28
29
|
* scroll, no sticky positioning, and no bleed to mask, so the panel is simply a
|
|
29
30
|
* surface wrapping its content. The `framed` prop still drives whether that
|
|
30
|
-
* surface is rounded + bordered, tri-state
|
|
31
|
-
* (the
|
|
32
|
-
* native too — the material follows the same window breakpoint):
|
|
31
|
+
* surface is rounded + bordered, tri-state with responsive NativeWind borders
|
|
32
|
+
* (the material and scoped radius follow the same window breakpoint):
|
|
33
33
|
*
|
|
34
34
|
* - `undefined` (DEFAULT) → responsive: full-bleed below the `framedFrom`
|
|
35
35
|
* breakpoint (default `768` / Tailwind `md`), rounded + bordered at/above it
|
|
36
|
-
* (e.g. `md:
|
|
36
|
+
* (e.g. `md:border md:border-border`).
|
|
37
37
|
* - `false` → never framed (plain full-bleed at every size).
|
|
38
38
|
* - `true` → always rounded + bordered.
|
|
39
39
|
*
|
|
@@ -66,16 +66,16 @@ const PANEL_BOTTOM_INSET = exports.PANEL_BOTTOM_INSET = 8;
|
|
|
66
66
|
* value is the only runtime decision.
|
|
67
67
|
*/
|
|
68
68
|
const RESPONSIVE_SURFACE = {
|
|
69
|
-
500: 'min-[500px]:
|
|
70
|
-
640: 'sm:
|
|
71
|
-
768: 'md:
|
|
72
|
-
1024: 'lg:
|
|
69
|
+
500: 'min-[500px]:border min-[500px]:border-border',
|
|
70
|
+
640: 'sm:border sm:border-border',
|
|
71
|
+
768: 'md:border md:border-border',
|
|
72
|
+
1024: 'lg:border lg:border-border'
|
|
73
73
|
};
|
|
74
74
|
const RESPONSIVE_CONTENT = {
|
|
75
|
-
500: 'min-[500px]:overflow-hidden
|
|
76
|
-
640: 'sm:overflow-hidden
|
|
77
|
-
768: 'md:overflow-hidden
|
|
78
|
-
1024: 'lg:overflow-hidden
|
|
75
|
+
500: 'min-[500px]:overflow-hidden',
|
|
76
|
+
640: 'sm:overflow-hidden',
|
|
77
|
+
768: 'md:overflow-hidden',
|
|
78
|
+
1024: 'lg:overflow-hidden'
|
|
79
79
|
};
|
|
80
80
|
const ContentPanelComponent = ({
|
|
81
81
|
children,
|
|
@@ -92,6 +92,7 @@ const ContentPanelComponent = ({
|
|
|
92
92
|
}) => {
|
|
93
93
|
// Dev-only invariant — a ContentPanel must never be nested inside another.
|
|
94
94
|
(0, _context.useContentPanelNestingGuard)();
|
|
95
|
+
const panelShape = (0, _panelChrome.usePanelShape)();
|
|
95
96
|
const panelChrome = (0, _panelChrome.useOptionalPanelChrome)();
|
|
96
97
|
// What the panel tells its subtree it is painted in (`./shared.ts`).
|
|
97
98
|
const rawFill = (0, _shared.usePanelSurfaceFill)(surfaceClassName, surfaceStyle, surfaceColor);
|
|
@@ -100,24 +101,31 @@ const ContentPanelComponent = ({
|
|
|
100
101
|
width
|
|
101
102
|
} = (0, _reactNative.useWindowDimensions)();
|
|
102
103
|
const parentFill = (0, _surfaceLevels.useOptionalSurfaceFill)();
|
|
103
|
-
const paintsSurface = Boolean(defaultFill) && parentFill !== undefined && (framed ?? width >= framedFrom);
|
|
104
|
+
const paintsSurface = Boolean(defaultFill) && parentFill !== undefined && (framed ?? width >= framedFrom) && chrome !== 'none';
|
|
104
105
|
const publishedFill = rawFill && paintsSurface ? (0, _resolveSurfaceMaterial.resolveSurfaceMaterial)({
|
|
105
106
|
fill: rawFill,
|
|
106
107
|
parentFill: parentFill
|
|
107
108
|
}).publishedFill : rawFill;
|
|
108
|
-
const radius = _reactNative.StyleSheet.flatten(surfaceStyle)?.borderRadius ??
|
|
109
|
+
const radius = _reactNative.StyleSheet.flatten(surfaceStyle)?.borderRadius ?? panelShape.radius;
|
|
110
|
+
const isFramed = framed ?? width >= framedFrom;
|
|
111
|
+
const geometry = {
|
|
112
|
+
...(0, _surfaceStyle.surfaceStyle)({
|
|
113
|
+
curve: panelShape.curve
|
|
114
|
+
}),
|
|
115
|
+
borderRadius: isFramed ? radius : 0
|
|
116
|
+
};
|
|
109
117
|
|
|
110
118
|
// Tri-state: `undefined` → responsive (breakpoint-gated), `true` → always
|
|
111
119
|
// framed, `false` → never framed (plain full-bleed). Whole literal class
|
|
112
120
|
// strings are selected per mode so the Tailwind content-scan over `src/**`
|
|
113
|
-
// picks up every `min-*`/`sm:`/`md:`/`lg:`
|
|
121
|
+
// picks up every `min-*`/`sm:`/`md:`/`lg:` token verbatim
|
|
114
122
|
// (the breakpoint bundle lives whole in `RESPONSIVE_SURFACE`; `framed ===
|
|
115
123
|
// true`/`false` ignore `framedFrom` for fixed always/never framing).
|
|
116
|
-
const surfaceBase = framed === undefined ? `flex-1 ${RESPONSIVE_SURFACE[framedFrom]}` : framed ? 'flex-1
|
|
124
|
+
const surfaceBase = chrome === 'none' ? 'flex-1' : framed === undefined ? `flex-1 ${RESPONSIVE_SURFACE[framedFrom]}` : framed ? 'flex-1 border border-border' : 'flex-1';
|
|
117
125
|
const surfaceClass = [surfaceBase, fill ? 'min-h-0' : '', surfaceClassName ?? (paintsSurface ? 'bg-transparent' : 'bg-card')].filter(Boolean).join(' ');
|
|
118
126
|
// Native has no overlays: the surface itself carries the edge. `none` drops
|
|
119
127
|
// both, `border` keeps the class-drawn hairline, `elevated` adds the lift.
|
|
120
|
-
const chromeStyle =
|
|
128
|
+
const chromeStyle = !isFramed || chrome === 'none' || chrome === 'border' ? null : shadow || panelChrome ? {
|
|
121
129
|
boxShadow: shadow ?? panelChrome?.shadow
|
|
122
130
|
} : null;
|
|
123
131
|
// `fill` is the panel's own height contract, and on native it is already
|
|
@@ -125,26 +133,29 @@ const ContentPanelComponent = ({
|
|
|
125
133
|
// bottom and a list inside it scrolls within it. What the prop adds here is
|
|
126
134
|
// `min-h-0`, so a tall child cannot push the panel past the box it was given
|
|
127
135
|
// — the same automatic-minimum-size trap as on web.
|
|
128
|
-
const contentClass = ['flex-1', framed === true ? 'overflow-hidden
|
|
136
|
+
const contentClass = ['flex-1', framed === true ? 'overflow-hidden' : framed === undefined ? RESPONSIVE_CONTENT[framedFrom] : '', fill ? 'min-h-0' : '', contentClassName].filter(Boolean).join(' ');
|
|
129
137
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.ContentPanelNestingContext.Provider, {
|
|
130
138
|
value: true,
|
|
131
139
|
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styledPrimitives.StyledView, {
|
|
140
|
+
testID: "content-panel-surface",
|
|
132
141
|
className: surfaceClass,
|
|
133
142
|
style: [
|
|
134
143
|
// The surface variable rides the element that carries the fill, so
|
|
135
144
|
// the two can never disagree. A no-op on native; the provider below
|
|
136
145
|
// is what answers there. (`styles/surface-levels.ts`.)
|
|
137
|
-
(0, _surfaceLevels.surfaceFillVars)(publishedFill), chromeStyle, surfaceStyle, paintsSurface ? {
|
|
146
|
+
(0, _surfaceLevels.surfaceFillVars)(publishedFill), geometry, chromeStyle, surfaceStyle, paintsSurface ? {
|
|
138
147
|
backgroundColor: 'transparent'
|
|
139
148
|
} : null],
|
|
140
149
|
children: [paintsSurface ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_SurfacePaint.SurfacePaint, {
|
|
141
150
|
fill: defaultFill,
|
|
142
|
-
radius: radius
|
|
151
|
+
radius: radius,
|
|
152
|
+
shape: {
|
|
153
|
+
curve: panelShape.curve
|
|
154
|
+
}
|
|
143
155
|
}) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_styledPrimitives.StyledView, {
|
|
156
|
+
testID: "content-panel-content",
|
|
144
157
|
className: contentClass,
|
|
145
|
-
style: [
|
|
146
|
-
borderRadius: framed ?? width >= framedFrom ? radius : 0
|
|
147
|
-
}, contentStyle],
|
|
158
|
+
style: [geometry, contentStyle],
|
|
148
159
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_surfaceLevels.SurfaceLevelProvider, {
|
|
149
160
|
level: 1,
|
|
150
161
|
fill: publishedFill,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_resolveSurfaceMaterial","require","_react","_interopRequireWildcard","_SurfacePaint","_reactNative","_panelChrome","_styledPrimitives","_surfaceLevels","_context","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","GUTTER_MASK_SPREAD","exports","PANEL_TOP_INSET","PANEL_BOTTOM_INSET","RESPONSIVE_SURFACE","RESPONSIVE_CONTENT","ContentPanelComponent","children","framed","framedFrom","fill","surfaceClassName","surfaceStyle","surfaceColor","chrome","shadow","contentClassName","contentStyle","useContentPanelNestingGuard","panelChrome","useOptionalPanelChrome","rawFill","usePanelSurfaceFill","defaultFill","width","useWindowDimensions","parentFill","useOptionalSurfaceFill","paintsSurface","Boolean","undefined","publishedFill","resolveSurfaceMaterial","radius","StyleSheet","flatten","borderRadius","surfaceBase","surfaceClass","filter","join","chromeStyle","boxShadow","contentClass","jsx","ContentPanelNestingContext","Provider","value","jsxs","StyledView","className","style","surfaceFillVars","backgroundColor","SurfacePaint","SurfaceLevelProvider","level","ContentPanel","memo","displayName"],"sourceRoot":"../../../src","sources":["content-panel/ContentPanel.tsx"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;
|
|
1
|
+
{"version":3,"names":["_resolveSurfaceMaterial","require","_react","_interopRequireWildcard","_SurfacePaint","_reactNative","_panelChrome","_surfaceStyle","_styledPrimitives","_surfaceLevels","_context","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","GUTTER_MASK_SPREAD","exports","PANEL_TOP_INSET","PANEL_BOTTOM_INSET","RESPONSIVE_SURFACE","RESPONSIVE_CONTENT","ContentPanelComponent","children","framed","framedFrom","fill","surfaceClassName","surfaceStyle","surfaceColor","chrome","shadow","contentClassName","contentStyle","useContentPanelNestingGuard","panelShape","usePanelShape","panelChrome","useOptionalPanelChrome","rawFill","usePanelSurfaceFill","defaultFill","width","useWindowDimensions","parentFill","useOptionalSurfaceFill","paintsSurface","Boolean","undefined","publishedFill","resolveSurfaceMaterial","radius","StyleSheet","flatten","borderRadius","isFramed","geometry","resolveShapeStyle","curve","surfaceBase","surfaceClass","filter","join","chromeStyle","boxShadow","contentClass","jsx","ContentPanelNestingContext","Provider","value","jsxs","StyledView","testID","className","style","surfaceFillVars","backgroundColor","SurfacePaint","shape","SurfaceLevelProvider","level","ContentPanel","memo","displayName"],"sourceRoot":"../../../src","sources":["content-panel/ContentPanel.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -9,6 +9,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
9
9
|
var _useSurfaceMaterialWeb = require("../surface/use-surface-material.web.js");
|
|
10
10
|
var _reactNative = require("react-native");
|
|
11
11
|
var _adoptStyleSheet = require("../styles/adopt-style-sheet.js");
|
|
12
|
+
var _surfaceStyle = require("../shapes/surface-style.js");
|
|
12
13
|
var _styledPrimitives = require("../styles/styled-primitives.js");
|
|
13
14
|
var _panelChrome = require("../styles/panel-chrome.js");
|
|
14
15
|
var _surfaceLevels = require("../styles/surface-levels.js");
|
|
@@ -101,7 +102,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
|
|
|
101
102
|
*
|
|
102
103
|
* Styling is NativeWind-className-first; the literal class strings below MUST
|
|
103
104
|
* stay literal so a consumer's Tailwind content-scan over `lib/**` picks them up
|
|
104
|
-
* (no dynamic concatenation of the arbitrary `web:[…]` / `rounded-radius
|
|
105
|
+
* (no dynamic concatenation of the arbitrary `web:[…]` / `rounded-[var(--bloom-panel-radius)]` /
|
|
105
106
|
* `md:` parts — whole class strings are selected per mode instead).
|
|
106
107
|
*/
|
|
107
108
|
|
|
@@ -128,23 +129,23 @@ const PANEL_BOTTOM_INSET = exports.PANEL_BOTTOM_INSET = 8;
|
|
|
128
129
|
*/
|
|
129
130
|
const RESPONSIVE_WEB = {
|
|
130
131
|
500: {
|
|
131
|
-
surface: 'min-[500px]:rounded-radius
|
|
132
|
-
content: 'min-[500px]:rounded-radius
|
|
132
|
+
surface: 'min-[500px]:rounded-[var(--bloom-panel-radius)]',
|
|
133
|
+
content: 'min-[500px]:rounded-[var(--bloom-panel-radius)] web:min-[500px]:overflow-x-clip',
|
|
133
134
|
overlayHidden: 'max-[500px]:hidden'
|
|
134
135
|
},
|
|
135
136
|
640: {
|
|
136
|
-
surface: 'sm:rounded-radius
|
|
137
|
-
content: 'sm:rounded-radius
|
|
137
|
+
surface: 'sm:rounded-[var(--bloom-panel-radius)]',
|
|
138
|
+
content: 'sm:rounded-[var(--bloom-panel-radius)] web:sm:overflow-x-clip',
|
|
138
139
|
overlayHidden: 'max-sm:hidden'
|
|
139
140
|
},
|
|
140
141
|
768: {
|
|
141
|
-
surface: 'md:rounded-radius
|
|
142
|
-
content: 'md:rounded-radius
|
|
142
|
+
surface: 'md:rounded-[var(--bloom-panel-radius)]',
|
|
143
|
+
content: 'md:rounded-[var(--bloom-panel-radius)] web:md:overflow-x-clip',
|
|
143
144
|
overlayHidden: 'max-md:hidden'
|
|
144
145
|
},
|
|
145
146
|
1024: {
|
|
146
|
-
surface: 'lg:rounded-radius
|
|
147
|
-
content: 'lg:rounded-radius
|
|
147
|
+
surface: 'lg:rounded-[var(--bloom-panel-radius)]',
|
|
148
|
+
content: 'lg:rounded-[var(--bloom-panel-radius)] web:lg:overflow-x-clip',
|
|
148
149
|
overlayHidden: 'max-lg:hidden'
|
|
149
150
|
}
|
|
150
151
|
};
|
|
@@ -196,6 +197,18 @@ const ContentPanelComponent = ({
|
|
|
196
197
|
// The floating-panel edge the `Sidebar` wears. Optional: the panel drew its
|
|
197
198
|
// own surface long before it had a shadow, so it must not start throwing
|
|
198
199
|
// outside a provider.
|
|
200
|
+
const panelShape = (0, _panelChrome.usePanelShape)();
|
|
201
|
+
const radius = _reactNative.StyleSheet.flatten(surfaceStyle)?.borderRadius ?? panelShape.radius;
|
|
202
|
+
const curveStyle = (0, _surfaceStyle.surfaceStyle)({
|
|
203
|
+
curve: panelShape.curve
|
|
204
|
+
});
|
|
205
|
+
const panelStyle = {
|
|
206
|
+
...curveStyle,
|
|
207
|
+
borderRadius: radius
|
|
208
|
+
};
|
|
209
|
+
const panelVars = {
|
|
210
|
+
'--bloom-panel-radius': typeof radius === 'string' ? radius : `${typeof radius === 'number' ? radius : panelShape.radius}px`
|
|
211
|
+
};
|
|
199
212
|
const panelChrome = (0, _panelChrome.useOptionalPanelChrome)();
|
|
200
213
|
// What the panel tells its subtree it is painted in (`./shared.ts`).
|
|
201
214
|
const rawFill = (0, _shared.usePanelSurfaceFill)(surfaceClassName, surfaceStyle, surfaceColor);
|
|
@@ -204,7 +217,7 @@ const ContentPanelComponent = ({
|
|
|
204
217
|
width
|
|
205
218
|
} = (0, _reactNative.useWindowDimensions)();
|
|
206
219
|
const parentFill = (0, _surfaceLevels.useOptionalSurfaceFill)();
|
|
207
|
-
const paintsSurface = Boolean(defaultFill) && parentFill !== undefined && (framed ?? width >= framedFrom);
|
|
220
|
+
const paintsSurface = Boolean(defaultFill) && parentFill !== undefined && (framed ?? width >= framedFrom) && chrome !== 'none';
|
|
208
221
|
const publishedFill = rawFill && paintsSurface ? (0, _resolveSurfaceMaterial.resolveSurfaceMaterial)({
|
|
209
222
|
fill: rawFill,
|
|
210
223
|
parentFill: parentFill
|
|
@@ -224,8 +237,8 @@ const ContentPanelComponent = ({
|
|
|
224
237
|
// over `lib/**` requires each arbitrary/`min-*`/`max-*`/`web:` token stay
|
|
225
238
|
// literal — the breakpoint tokens live whole in `RESPONSIVE_WEB` above and are
|
|
226
239
|
// only spliced in, never assembled from parts).
|
|
227
|
-
const surfaceBase = responsive ? `flex-1 ${bp.surface}` : framed ? 'flex-1 rounded-radius
|
|
228
|
-
const contentBase = responsive ? `flex-1 ${bp.content}` : framed ? 'flex-1 rounded-radius
|
|
240
|
+
const surfaceBase = responsive ? `flex-1 ${bp.surface}` : framed ? 'flex-1 rounded-[var(--bloom-panel-radius)]' : 'flex-1';
|
|
241
|
+
const contentBase = responsive ? `flex-1 ${bp.content}` : framed ? 'flex-1 rounded-[var(--bloom-panel-radius)] web:overflow-x-clip' : 'flex-1';
|
|
229
242
|
// `fill`: the panel takes the height its parent gives it and the CONTENT
|
|
230
243
|
// scrolls inside. `min-h-0` on both boxes is the whole trick — a flex child's
|
|
231
244
|
// automatic minimum size is its content, so without it the panel grows past
|
|
@@ -288,15 +301,20 @@ const ContentPanelComponent = ({
|
|
|
288
301
|
// `--bloom-surface` rides the element that carries the fill, so CSS
|
|
289
302
|
// below the panel and `useOptionalSurfaceFill()` below the panel cannot
|
|
290
303
|
// disagree about what the panel painted.
|
|
291
|
-
(0, _surfaceLevels.surfaceFillVars)(publishedFill), insetVars,
|
|
304
|
+
(0, _surfaceLevels.surfaceFillVars)(publishedFill), insetVars, panelVars, curveStyle, framed === true ? {
|
|
305
|
+
borderRadius: radius
|
|
306
|
+
} : framed === false ? {
|
|
307
|
+
borderRadius: 0
|
|
308
|
+
} : null, surfaceStyle, paintsSurface ? materialStyle : null],
|
|
292
309
|
children: [showOverlays && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styledPrimitives.StyledView, {
|
|
293
310
|
testID: "content-panel-bleed-mask",
|
|
294
311
|
dataSet: {
|
|
295
312
|
bloomPanelMask: boundToPanel ? 'panel' : 'viewport'
|
|
296
313
|
},
|
|
297
314
|
pointerEvents: "none",
|
|
298
|
-
className: boundToPanel ? `web:[grid-area:1/1] z-30 h-full w-full rounded-radius
|
|
315
|
+
className: boundToPanel ? `web:[grid-area:1/1] z-30 h-full w-full rounded-[var(--bloom-panel-radius)] ${responsive ? bp.overlayHidden : ''} web:[clip-path:inset(0)]` : responsive ? `web:sticky web:top-2 z-30 h-[calc(100dvh-16px)] w-full rounded-[var(--bloom-panel-radius)] ${bp.overlayHidden} web:[margin-bottom:calc(-100dvh+16px)]` : 'web:sticky web:top-2 z-30 h-[calc(100dvh-16px)] w-full rounded-[var(--bloom-panel-radius)] web:[margin-bottom:calc(-100dvh+16px)]',
|
|
299
316
|
style: {
|
|
317
|
+
...panelStyle,
|
|
300
318
|
...insetStyle,
|
|
301
319
|
boxShadow: `0 0 0 ${maskSpread}px ${maskColor ?? colors.background}`
|
|
302
320
|
}
|
|
@@ -307,14 +325,18 @@ const ContentPanelComponent = ({
|
|
|
307
325
|
// the edge can never disagree about where the panel ends. It paints
|
|
308
326
|
// outward, into the gutter the page background shows.
|
|
309
327
|
,
|
|
310
|
-
style: [insetStyle, chrome === 'elevated' && (shadow || panelChrome) ? {
|
|
328
|
+
style: [panelStyle, insetStyle, chrome === 'elevated' && (shadow || panelChrome) ? {
|
|
311
329
|
boxShadow: shadow ?? panelChrome?.shadow
|
|
312
330
|
} : null],
|
|
313
|
-
className: boundToPanel ? `web:[grid-area:1/1] z-[120] h-full w-full rounded-radius
|
|
331
|
+
className: boundToPanel ? `web:[grid-area:1/1] z-[120] h-full w-full rounded-[var(--bloom-panel-radius)] border border-border ${responsive ? bp.overlayHidden : ''}` : responsive ? `web:sticky web:top-2 z-[120] h-[calc(100dvh-16px)] w-full rounded-[var(--bloom-panel-radius)] border border-border ${bp.overlayHidden} web:[margin-bottom:calc(-100dvh+16px)]` : 'web:sticky web:top-2 z-[120] h-[calc(100dvh-16px)] w-full rounded-[var(--bloom-panel-radius)] border border-border web:[margin-bottom:calc(-100dvh+16px)]'
|
|
314
332
|
}, "border-frame"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styledPrimitives.StyledView, {
|
|
315
333
|
testID: "content-panel-content",
|
|
316
334
|
className: contentClass,
|
|
317
|
-
style:
|
|
335
|
+
style: [curveStyle, framed === true ? {
|
|
336
|
+
borderRadius: radius
|
|
337
|
+
} : framed === false ? {
|
|
338
|
+
borderRadius: 0
|
|
339
|
+
} : null, contentStyle],
|
|
318
340
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_surfaceLevels.SurfaceLevelProvider, {
|
|
319
341
|
level: 1,
|
|
320
342
|
fill: publishedFill,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_resolveSurfaceMaterial","require","_react","_interopRequireWildcard","_useSurfaceMaterialWeb","_reactNative","_adoptStyleSheet","_styledPrimitives","_panelChrome","_surfaceLevels","_useTheme","_context","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","GUTTER_MASK_SPREAD","exports","PANEL_TOP_INSET","PANEL_BOTTOM_INSET","RESPONSIVE_WEB","surface","content","overlayHidden","PANEL_INSET_CSS","ContentPanelComponent","children","framed","framedFrom","fill","surfaceClassName","surfaceStyle","surfaceColor","contentClassName","contentStyle","showStickyFrame","chrome","shadow","maskColor","overlaySizing","overlayInset","useInsertionEffect","adoptStyleSheet","useContentPanelNestingGuard","colors","useTheme","panelChrome","useOptionalPanelChrome","rawFill","usePanelSurfaceFill","defaultFill","width","useWindowDimensions","parentFill","useOptionalSurfaceFill","paintsSurface","Boolean","undefined","publishedFill","resolveSurfaceMaterial","materialStyle","useSurfaceMaterial","responsive","showOverlays","bp","boundToPanel","surfaceBase","contentBase","fillSurface","fillContent","gridStackClass","surfaceClass","filter","join","contentClass","insetTop","top","insetBottom","bottom","customInset","insetStyle","height","marginBottom","insetVars","maskSpread","Math","max","jsx","ContentPanelNestingContext","Provider","value","jsxs","StyledView","testID","dataSet","bloomPanelMaterial","bloomPanel","String","className","style","surfaceFillVars","bloomPanelMask","pointerEvents","boxShadow","background","SurfaceLevelProvider","level","ContentPanel","memo","displayName"],"sourceRoot":"../../../src","sources":["content-panel/ContentPanel.web.tsx"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AAwFA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,sBAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AAEA,IAAAK,gBAAA,GAAAL,OAAA;AAEA,IAAAM,
|
|
1
|
+
{"version":3,"names":["_resolveSurfaceMaterial","require","_react","_interopRequireWildcard","_useSurfaceMaterialWeb","_reactNative","_adoptStyleSheet","_surfaceStyle","_styledPrimitives","_panelChrome","_surfaceLevels","_useTheme","_context","_shared","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","GUTTER_MASK_SPREAD","exports","PANEL_TOP_INSET","PANEL_BOTTOM_INSET","RESPONSIVE_WEB","surface","content","overlayHidden","PANEL_INSET_CSS","ContentPanelComponent","children","framed","framedFrom","fill","surfaceClassName","surfaceStyle","surfaceColor","contentClassName","contentStyle","showStickyFrame","chrome","shadow","maskColor","overlaySizing","overlayInset","useInsertionEffect","adoptStyleSheet","useContentPanelNestingGuard","colors","useTheme","panelShape","usePanelShape","radius","StyleSheet","flatten","borderRadius","curveStyle","resolveShapeStyle","curve","panelStyle","panelVars","panelChrome","useOptionalPanelChrome","rawFill","usePanelSurfaceFill","defaultFill","width","useWindowDimensions","parentFill","useOptionalSurfaceFill","paintsSurface","Boolean","undefined","publishedFill","resolveSurfaceMaterial","materialStyle","useSurfaceMaterial","responsive","showOverlays","bp","boundToPanel","surfaceBase","contentBase","fillSurface","fillContent","gridStackClass","surfaceClass","filter","join","contentClass","insetTop","top","insetBottom","bottom","customInset","insetStyle","height","marginBottom","insetVars","maskSpread","Math","max","jsx","ContentPanelNestingContext","Provider","value","jsxs","StyledView","testID","dataSet","bloomPanelMaterial","bloomPanel","String","className","style","surfaceFillVars","bloomPanelMask","pointerEvents","boxShadow","background","SurfaceLevelProvider","level","ContentPanel","memo","displayName"],"sourceRoot":"../../../src","sources":["content-panel/ContentPanel.web.tsx"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AAwFA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,sBAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AAEA,IAAAK,gBAAA,GAAAL,OAAA;AAEA,IAAAM,aAAA,GAAAN,OAAA;AACA,IAAAO,iBAAA,GAAAP,OAAA;AAEA,IAAAQ,YAAA,GAAAR,OAAA;AACA,IAAAS,cAAA,GAAAT,OAAA;AACA,IAAAU,SAAA,GAAAV,OAAA;AACA,IAAAW,QAAA,GAAAX,OAAA;AAIA,IAAAY,OAAA,GAAAZ,OAAA;AAA+C,IAAAa,WAAA,GAAAb,OAAA;AAAA,SAAAE,wBAAAY,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAd,uBAAA,YAAAA,CAAAY,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAvG/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAoBA;AACO,MAAMkB,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,EAAE;AACpC;AACO,MAAME,eAAe,GAAAD,OAAA,CAAAC,eAAA,GAAG,CAAC;AAChC;AACO,MAAMC,kBAAkB,GAAAF,OAAA,CAAAE,kBAAA,GAAG,CAAC;;AAEnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,cAGL,GAAG;EACF,GAAG,EAAE;IACHC,OAAO,EAAE,iDAAiD;IAC1DC,OAAO,EAAE,iFAAiF;IAC1FC,aAAa,EAAE;EACjB,CAAC;EACD,GAAG,EAAE;IACHF,OAAO,EAAE,wCAAwC;IACjDC,OAAO,EAAE,+DAA+D;IACxEC,aAAa,EAAE;EACjB,CAAC;EACD,GAAG,EAAE;IACHF,OAAO,EAAE,wCAAwC;IACjDC,OAAO,EAAE,+DAA+D;IACxEC,aAAa,EAAE;EACjB,CAAC;EACD,IAAI,EAAE;IACJF,OAAO,EAAE,wCAAwC;IACjDC,OAAO,EAAE,+DAA+D;IACxEC,aAAa,EAAE;EACjB;AACF,CAAC;;AAED;AACA;AACA;AACA;AACA,MAAMC,eAAe,GAAG;AACxB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMC,qBAAkD,GAAGA,CAAC;EAC1DC,QAAQ;EACRC,MAAM;EACNC,UAAU,GAAG,GAA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","ignoreList":[]}
|
|
@@ -12,8 +12,8 @@ const SURFACE_SHAPES = exports.SURFACE_SHAPES = {
|
|
|
12
12
|
curve: 'smooth'
|
|
13
13
|
},
|
|
14
14
|
sidebar: {
|
|
15
|
-
radius: _scales.RADIUS['radius-
|
|
16
|
-
curve: '
|
|
15
|
+
radius: _scales.RADIUS['radius-28'],
|
|
16
|
+
curve: 'round'
|
|
17
17
|
},
|
|
18
18
|
panel: {
|
|
19
19
|
radius: _scales.RADIUS['radius-20'],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_scales","require","SURFACE_SHAPES","exports","card","radius","RADIUS","curve","sidebar","panel","menu","sheet","topStart","topEnd","chart","capsule","glass"],"sourceRoot":"../../../src","sources":["design-tokens/shapes.ts"],"mappings":";;;;;;AACA,IAAAA,OAAA,GAAAC,OAAA;AAEA;AACO,MAAMC,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG;EAC5BE,IAAI,EAAE;IAAEC,MAAM,EAAEC,cAAM,CAAC,WAAW,CAAC;IAAEC,KAAK,EAAE;EAAS,CAAC;EACtDC,OAAO,EAAE;IAAEH,MAAM,EAAEC,cAAM,CAAC,WAAW,CAAC;IAAEC,KAAK,EAAE;
|
|
1
|
+
{"version":3,"names":["_scales","require","SURFACE_SHAPES","exports","card","radius","RADIUS","curve","sidebar","panel","menu","sheet","topStart","topEnd","chart","capsule","glass"],"sourceRoot":"../../../src","sources":["design-tokens/shapes.ts"],"mappings":";;;;;;AACA,IAAAA,OAAA,GAAAC,OAAA;AAEA;AACO,MAAMC,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG;EAC5BE,IAAI,EAAE;IAAEC,MAAM,EAAEC,cAAM,CAAC,WAAW,CAAC;IAAEC,KAAK,EAAE;EAAS,CAAC;EACtDC,OAAO,EAAE;IAAEH,MAAM,EAAEC,cAAM,CAAC,WAAW,CAAC;IAAEC,KAAK,EAAE;EAAQ,CAAC;EACxDE,KAAK,EAAE;IAAEJ,MAAM,EAAEC,cAAM,CAAC,WAAW,CAAC;IAAEC,KAAK,EAAE;EAAS,CAAC;EACvDG,IAAI,EAAE;IAAEL,MAAM,EAAEC,cAAM,CAAC,WAAW,CAAC;IAAEC,KAAK,EAAE;EAAS,CAAC;EACtDI,KAAK,EAAE;IAAEN,MAAM,EAAE;MAAEO,QAAQ,EAAEN,cAAM,CAAC,WAAW,CAAC;MAAEO,MAAM,EAAEP,cAAM,CAAC,WAAW;IAAE,CAAC;IAAEC,KAAK,EAAE;EAAS,CAAC;EAClGO,KAAK,EAAE;IAAEP,KAAK,EAAE;EAAS,CAAC;EAC1BQ,OAAO,EAAE;IAAER,KAAK,EAAE;EAAQ,CAAC;EAC3BS,KAAK,EAAE;IAAET,KAAK,EAAE;EAAS;AAC3B,CAAiD","ignoreList":[]}
|
|
@@ -28596,12 +28596,12 @@
|
|
|
28596
28596
|
"sidebar": {
|
|
28597
28597
|
"$extensions": {
|
|
28598
28598
|
"so.oxy.bloom": {
|
|
28599
|
-
"curve": "
|
|
28599
|
+
"curve": "round"
|
|
28600
28600
|
}
|
|
28601
28601
|
},
|
|
28602
28602
|
"radius": {
|
|
28603
28603
|
"$type": "dimension",
|
|
28604
|
-
"$value": "
|
|
28604
|
+
"$value": "28px"
|
|
28605
28605
|
}
|
|
28606
28606
|
},
|
|
28607
28607
|
"panel": {
|