@once-ui-system/core 2.0.0-alpha.0 → 2.0.0-alpha.2
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/AGENTS.md +1 -1
- package/LICENSE.md +21 -0
- package/ai/catalog.json +11 -4
- package/ai/components/Effect.json +1 -1
- package/ai/components/Feedback.json +1 -0
- package/ai/components/Form.json +15 -0
- package/ai/components/Input.json +3 -2
- package/ai/components/{Particle.json → ParticleFx.json} +1 -1
- package/ai/components/ScrollContainer.json +9 -1
- package/ai/components/Textarea.json +3 -2
- package/ai/components/ThemeSwitcher.json +2 -1
- package/ai/eval-tasks.md +2 -1
- package/ai/examples/auth.tsx +1 -2
- package/ai/examples/blocks/Dashboard1.tsx +8 -8
- package/ai/examples/blocks/Feed3.tsx +4 -4
- package/ai/examples/blocks/Footer4.tsx +2 -2
- package/ai/examples/blocks/Header2.tsx +1 -1
- package/ai/examples/blocks/Header4.tsx +1 -2
- package/ai/examples/blocks/Productivity1.tsx +1 -1
- package/ai/examples/blocks/Roadmap1.tsx +3 -3
- package/ai/examples/blocks/Sidebar1.tsx +1 -1
- package/ai/examples/blocks/Sidebar2.tsx +1 -1
- package/ai/examples/blocks/Table1.tsx +3 -3
- package/ai/examples/blocks/manifest.json +2 -2
- package/ai/examples/dashboard.tsx +5 -5
- package/ai/examples/marketing-hero.tsx +2 -2
- package/ai/examples/pricing.tsx +3 -3
- package/ai/examples/settings.tsx +4 -4
- package/ai/gotchas.json +26 -2
- package/ai/manifest.json +2 -2
- package/ai/recipes.md +1 -1
- package/ai/rules.compact.md +8 -2
- package/ai/rules.md +18 -6
- package/ai/spec.json +35 -10
- package/ai/tasks/settings.json +1 -1
- package/dist/AGENTS.md +1 -1
- package/dist/ai/catalog.json +11 -4
- package/dist/ai/components/Effect.json +1 -1
- package/dist/ai/components/Feedback.json +1 -0
- package/dist/ai/components/Form.json +15 -0
- package/dist/ai/components/Input.json +3 -2
- package/dist/ai/components/{Particle.json → ParticleFx.json} +1 -1
- package/dist/ai/components/ScrollContainer.json +9 -1
- package/dist/ai/components/Textarea.json +3 -2
- package/dist/ai/components/ThemeSwitcher.json +2 -1
- package/dist/ai/eval-tasks.md +2 -1
- package/dist/ai/examples/blocks/manifest.json +2 -2
- package/dist/ai/gotchas.json +26 -2
- package/dist/ai/manifest.json +2 -2
- package/dist/ai/recipes.md +1 -1
- package/dist/ai/rules.compact.md +8 -2
- package/dist/ai/rules.md +18 -6
- package/dist/ai/spec.json +35 -10
- package/dist/ai/tasks/settings.json +1 -1
- package/dist/components/Animation.d.ts +1 -2
- package/dist/components/Animation.d.ts.map +1 -1
- package/dist/components/Animation.js +1 -1
- package/dist/components/Animation.js.map +1 -1
- package/dist/components/ArrowNavigationContext.d.ts.map +1 -1
- package/dist/components/ArrowNavigationContext.js +12 -3
- package/dist/components/ArrowNavigationContext.js.map +1 -1
- package/dist/components/Avatar.d.ts.map +1 -1
- package/dist/components/Avatar.js +1 -1
- package/dist/components/Avatar.js.map +1 -1
- package/dist/components/Carousel.js +1 -1
- package/dist/components/Carousel.js.map +1 -1
- package/dist/components/ContextMenu.d.ts +1 -1
- package/dist/components/ContextMenu.d.ts.map +1 -1
- package/dist/components/CountFx.d.ts.map +1 -1
- package/dist/components/CountFx.js +19 -7
- package/dist/components/CountFx.js.map +1 -1
- package/dist/components/CursorCard.d.ts +1 -1
- package/dist/components/CursorCard.d.ts.map +1 -1
- package/dist/components/DatePicker.d.ts.map +1 -1
- package/dist/components/DatePicker.js +9 -2
- package/dist/components/DatePicker.js.map +1 -1
- package/dist/components/DropdownWrapper.d.ts +1 -1
- package/dist/components/DropdownWrapper.d.ts.map +1 -1
- package/dist/components/DropdownWrapper.js +178 -35
- package/dist/components/DropdownWrapper.js.map +1 -1
- package/dist/components/DropdownWrapper.module.scss +3 -1
- package/dist/components/Effect.d.ts +2 -2
- package/dist/components/Effect.d.ts.map +1 -1
- package/dist/components/Effect.js +2 -2
- package/dist/components/Effect.js.map +1 -1
- package/dist/components/EmojiPicker.js +1 -1
- package/dist/components/EmojiPicker.js.map +1 -1
- package/dist/components/Feedback.d.ts +4 -0
- package/dist/components/Feedback.d.ts.map +1 -1
- package/dist/components/Feedback.js +2 -2
- package/dist/components/Feedback.js.map +1 -1
- package/dist/components/FocusTrap.d.ts +3 -3
- package/dist/components/FocusTrap.d.ts.map +1 -1
- package/dist/components/FocusTrap.js +10 -0
- package/dist/components/FocusTrap.js.map +1 -1
- package/dist/components/Form.d.ts +48 -0
- package/dist/components/Form.d.ts.map +1 -0
- package/dist/components/Form.js +191 -0
- package/dist/components/Form.js.map +1 -0
- package/dist/components/Form.module.scss +160 -0
- package/dist/components/FormContext.d.ts +20 -0
- package/dist/components/FormContext.d.ts.map +1 -0
- package/dist/components/FormContext.js +12 -0
- package/dist/components/FormContext.js.map +1 -0
- package/dist/components/Input.d.ts +3 -0
- package/dist/components/Input.d.ts.map +1 -1
- package/dist/components/Input.js +13 -2
- package/dist/components/Input.js.map +1 -1
- package/dist/components/Input.module.scss +27 -6
- package/dist/components/OgCard.d.ts.map +1 -1
- package/dist/components/OgCard.js +7 -4
- package/dist/components/OgCard.js.map +1 -1
- package/dist/components/{Particle.d.ts → ParticleFx.d.ts} +9 -4
- package/dist/components/ParticleFx.d.ts.map +1 -0
- package/dist/components/{Particle.js → ParticleFx.js} +9 -4
- package/dist/components/ParticleFx.js.map +1 -0
- package/dist/components/ScrollContainer.d.ts +69 -2
- package/dist/components/ScrollContainer.d.ts.map +1 -1
- package/dist/components/ScrollContainer.js +377 -46
- package/dist/components/ScrollContainer.js.map +1 -1
- package/dist/components/ScrollContainer.module.scss +131 -0
- package/dist/components/Select.d.ts +1 -1
- package/dist/components/Select.d.ts.map +1 -1
- package/dist/components/Select.js +1 -1
- package/dist/components/Select.js.map +1 -1
- package/dist/components/Setting.d.ts.map +1 -1
- package/dist/components/Setting.js +6 -1
- package/dist/components/Setting.js.map +1 -1
- package/dist/components/Table.js +2 -2
- package/dist/components/Table.js.map +1 -1
- package/dist/components/Textarea.d.ts +3 -0
- package/dist/components/Textarea.d.ts.map +1 -1
- package/dist/components/Textarea.js +22 -6
- package/dist/components/Textarea.js.map +1 -1
- package/dist/components/ThemeSwitcher.d.ts +16 -0
- package/dist/components/ThemeSwitcher.d.ts.map +1 -1
- package/dist/components/ThemeSwitcher.js +48 -9
- package/dist/components/ThemeSwitcher.js.map +1 -1
- package/dist/components/ThemeSwitcher.module.scss +112 -0
- package/dist/components/User.js +1 -1
- package/dist/components/User.js.map +1 -1
- package/dist/components/UserMenu.d.ts +1 -1
- package/dist/components/UserMenu.d.ts.map +1 -1
- package/dist/components/index.d.ts +2 -1
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +2 -1
- package/dist/components/index.js.map +1 -1
- package/dist/data/emoji-data.json +10 -0
- package/dist/hooks/useArrowNavigation.d.ts.map +1 -1
- package/dist/hooks/useArrowNavigation.js +52 -7
- package/dist/hooks/useArrowNavigation.js.map +1 -1
- package/dist/modules/navigation/MegaMenu.d.ts.map +1 -1
- package/dist/modules/navigation/MegaMenu.js +76 -10
- package/dist/modules/navigation/MegaMenu.js.map +1 -1
- package/dist/package.json +1 -1
- package/dist/scripts/validate-ai-code.js +239 -21
- package/dist/types.d.ts +14 -0
- package/dist/types.d.ts.map +1 -1
- package/package.json +1 -1
- package/scripts/validate-ai-code.js +239 -21
- package/dist/components/Particle.d.ts.map +0 -1
- package/dist/components/Particle.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../src/components/Select.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,EAAa,KAAK,EAAE,MAAM,OAAO,CAAC;AACzF,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,EACL,eAAe,EACf,IAAI,EACJ,IAAI,EACJ,UAAU,EACV,KAAK,EAEL,MAAM,EAGN,MAAM,EACN,eAAe,EACf,yBAAyB,GAC1B,MAAM,GAAG,CAAC;AAEX,OAAO,WAAW,MAAM,qBAAqB,CAAC;AAmB9C,yDAAyD;AACzD,MAAM,WAAW,GAQZ,CAAC,EACJ,aAAa,EACb,WAAW,EACX,cAAc,EACd,iBAAiB,EACjB,iBAAiB,EACjB,UAAU,EACV,SAAS,GACV,EAAE,EAAE;IACH,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,yBAAyB,EAAE,CAAC;IAElE,OAAO,CACL,KAAC,KAAK,oBACS,IAAI,EACjB,EAAE,EAAE,iBAAiB,aAAa,EAAE,EACpC,WAAW,EAAC,QAAQ,EACpB,
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../src/components/Select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Setting.d.ts","sourceRoot":"","sources":["../../src/components/Setting.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAU,IAAI,EAAsB,MAAM,GAAG,CAAC;AAuBrD,UAAU,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAC9D,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,4DAA4D;IAC5D,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,0EAA0E;IAC1E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mBAAmB;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA+CnC,CAAC;AAIF,UAAU,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IACnE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,6EAA6E;IAC7E,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,4BAA4B;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;GAGG;AACH,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,
|
|
1
|
+
{"version":3,"file":"Setting.d.ts","sourceRoot":"","sources":["../../src/components/Setting.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAU,IAAI,EAAsB,MAAM,GAAG,CAAC;AAuBrD,UAAU,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAC9D,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,4DAA4D;IAC5D,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,0EAA0E;IAC1E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mBAAmB;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA+CnC,CAAC;AAIF,UAAU,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IACnE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,6EAA6E;IAC7E,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,4BAA4B;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;GAGG;AACH,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA6C7C,CAAC;AAIF,UAAU,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAClE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,6DAA6D;IAC7D,IAAI,EAAE;QAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;QAAC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,EAAE,CAAC;IAC7D,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAuB3C,CAAC;AAIF,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,CAAC;AAC9C,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,YAAY,EAAE,CAAC"}
|
|
@@ -29,7 +29,12 @@ Setting.displayName = "Setting";
|
|
|
29
29
|
* A Setting whose sub-settings live *inside* its box rather than beside it, so
|
|
30
30
|
* the relationship survives when the group is one of ten in a scrolling panel.
|
|
31
31
|
*/
|
|
32
|
-
const SettingGroup = ({ label, description, info, control, open, children, ...flex }) => (_jsxs(Column, { fillWidth: true, radius: "l",
|
|
32
|
+
const SettingGroup = ({ label, description, info, control, open, children, ...flex }) => (_jsxs(Column, { fillWidth: true, radius: "l",
|
|
33
|
+
// The group is one surface: the header and the body it reveals share a
|
|
34
|
+
// background, so opening it grows the panel rather than stacking a second
|
|
35
|
+
// one inside the first. An alpha border sits on whatever is behind it,
|
|
36
|
+
// which is what a group nested in a panel needs.
|
|
37
|
+
background: "surface", border: "neutral-alpha-weak", overflow: "hidden", ...flex, children: [_jsxs(Row, { fillWidth: true, padding: "8", gap: "12", vertical: "center", horizontal: "between", wrap: true, children: [_jsxs(Column, { gap: "4", paddingLeft: "8", paddingY: "4", children: [_jsxs(Row, { vertical: "center", gap: "8", children: [renderLabel(label), info && _jsx(InfoTip, { children: info })] }), description && (_jsx(Text, { variant: "label-default-xs", onBackground: "neutral-weak", children: description }))] }), control && (_jsx(Row, { horizontal: "end", vertical: "center", gap: "8", children: control }))] }), open && children && (_jsx(Column, { fillWidth: true, gap: "8", padding: "8", borderTop: "neutral-alpha-weak", children: children }))] }));
|
|
33
38
|
SettingGroup.displayName = "SettingGroup";
|
|
34
39
|
/**
|
|
35
40
|
* One row carrying the axes of a single property — "Tilt" as X and Y side by
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Setting.js","sourceRoot":"","sources":["../../src/components/Setting.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,MAAM,EAAQ,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AAErD;;;;;;;;GAQG;AAEH,qEAAqE;AACrE,SAAS,WAAW,CAAC,KAAsB;IACzC,OAAO,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC9D,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,iBAAiB,YAC1C,KAAK,GACD,CACR,CAAC,CAAC,CAAC,CACF,KAAK,CACN,CAAC;AACJ,CAAC;AAaD,MAAM,OAAO,GAA2B,CAAC,EACvC,KAAK,EACL,WAAW,EACX,IAAI,EACJ,YAAY,GAAG,EAAE,EACjB,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,OAAO,CAAC,KAAK,IAAI,WAAW,CAAC,CAAC;IAC/C,OAAO,CACL,MAAC,GAAG,IACF,SAAS,QACT,OAAO,EAAC,GAAG,EACX,GAAG,EAAC,IAAI,EACR,QAAQ,EAAC,QAAQ,EACjB,UAAU,EAAC,SAAS,EACpB,MAAM,EAAC,GAAG,EACV,MAAM,QACN,IAAI,WACA,IAAI,aAEP,QAAQ,IAAI,CACX,MAAC,MAAM,IAAC,GAAG,EAAC,GAAG,EAAC,WAAW,EAAC,GAAG,EAAC,YAAY,EAAC,GAAG,EAAC,QAAQ,EAAC,GAAG,aAC3D,MAAC,GAAG,IAAC,QAAQ,EAAC,QAAQ,EAAC,GAAG,EAAC,GAAG,aAC3B,WAAW,CAAC,KAAK,CAAC,EAClB,IAAI,IAAI,KAAC,OAAO,cAAE,IAAI,GAAW,IAC9B,EACL,WAAW,IAAI,CACd,KAAC,IAAI,IAAC,OAAO,EAAC,kBAAkB,EAAC,YAAY,EAAC,cAAc,YACzD,WAAW,GACP,CACR,IACM,CACV,EACD,KAAC,GAAG;YACF,uEAAuE;YACvE,8DAA8D;;gBAD9D,uEAAuE;gBACvE,8DAA8D;gBAC9D,SAAS,EAAE,CAAC,QAAQ,EACpB,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,EAC7C,UAAU,EAAC,KAAK,EAChB,QAAQ,EAAC,QAAQ,EACjB,GAAG,EAAC,GAAG,YAEN,QAAQ,GACL,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC;AAchC;;;GAGG;AACH,MAAM,YAAY,GAAgC,CAAC,EACjD,KAAK,EACL,WAAW,EACX,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,EAAE,CAAC,CACJ,MAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"Setting.js","sourceRoot":"","sources":["../../src/components/Setting.tsx"],"names":[],"mappings":"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"}
|
package/dist/components/Table.js
CHANGED
|
@@ -105,10 +105,10 @@ function Table({ data, onRowClick, searchable = false, searchPlaceholder = "Sear
|
|
|
105
105
|
};
|
|
106
106
|
const renderEmptyState = () => (_jsx("tr", { children: _jsx("td", { colSpan: data.headers.length + (actions?.length ? 1 : 0), className: styles.empty, children: emptyState || (_jsxs(Column, { center: true, padding: "xl", gap: "m", children: [_jsx(Icon, { name: "inbox", size: "l", onBackground: "neutral-weak" }), _jsxs(Column, { center: true, gap: "4", children: [_jsx(Text, { variant: "heading-strong-s", children: "No data available" }), _jsx(Text, { variant: "body-default-s", onBackground: "neutral-weak", children: searchQuery ? "Try adjusting your search" : "There are no items to display" })] })] })) }) }));
|
|
107
107
|
const renderLoadingState = () => (_jsx("tr", { children: _jsx("td", { colSpan: data.headers.length + (actions?.length ? 1 : 0), className: styles.loading, children: loadingState || (_jsx(Column, { center: true, padding: "xl", gap: "m", children: _jsx(ShineFx, { variant: "label-default-s", children: "Loading data..." }) })) }) }));
|
|
108
|
-
return (_jsxs(Column, { fillWidth: true, gap: "m", ...flex, children: [searchable && (_jsxs(Row, { horizontal: "between", vertical: "center", gap: "m", maxWidth: 12, children: [_jsx(Input, { id: "table-search", placeholder: searchPlaceholder, value: searchQuery,
|
|
108
|
+
return (_jsxs(Column, { fillWidth: true, gap: "m", ...flex, children: [searchable && (_jsxs(Row, { horizontal: "between", vertical: "center", gap: "m", maxWidth: 12, children: [_jsx(Input, { id: "table-search", placeholder: searchPlaceholder, value: searchQuery, size: "xs", onChange: (e) => setSearchQuery(e.target.value) }), sortedRows.length !== data.rows.length && (_jsxs(Text, { onBackground: "neutral-weak", children: [sortedRows.length, " of ", data.rows.length] }))] })), _jsx(Flex, { fillWidth: true, radius: "l", border: "neutral-alpha-medium", background: "surface", overflowX: "auto", overflowY: maxHeight ? "auto" : "visible", style: { maxHeight }, className: styles.container, children: _jsxs("table", { className: tableClasses, children: [_jsx("thead", { className: styles.thead, children: _jsxs("tr", { children: [data.headers.map((header, index) => renderHeader(header, index)), actions && actions.length > 0 && (_jsx("th", { className: classNames(styles.th, styles.thActions), children: _jsx(Text, { variant: "label-strong-s", onBackground: "neutral-medium", children: "Actions" }) }))] }) }), _jsx("tbody", { className: styles.tbody, children: loading ? (renderLoadingState()) : sortedRows.length === 0 ? (renderEmptyState()) : (paginatedRows.map((row, index) => {
|
|
109
109
|
const originalIndex = data.rows.indexOf(row);
|
|
110
110
|
return renderRow(row, originalIndex, index);
|
|
111
|
-
})) })] }) }), paginated && !loading && sortedRows.length > 0 && (_jsxs(Row, { horizontal: "between", vertical: "center", paddingX: "s", gap: "m", wrap: true, children: [_jsxs(Row, { gap: "8", vertical: "center", children: [_jsx(Row, { maxWidth:
|
|
111
|
+
})) })] }) }), paginated && !loading && sortedRows.length > 0 && (_jsxs(Row, { horizontal: "between", vertical: "center", paddingX: "s", gap: "m", wrap: true, children: [_jsxs(Row, { gap: "8", vertical: "center", children: [_jsx(Row, { maxWidth: 5, children: _jsx(Select, { id: "page-size", placeholder: "Select page size", value: String(pageSize), size: "xs", onSelect: (value) => {
|
|
112
112
|
setPageSize(Number(value));
|
|
113
113
|
setPage(1);
|
|
114
114
|
}, options: pageSizeOptions.map(size => ({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../src/components/Table.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../src/components/Table.tsx"],"names":[],"mappings":"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"}
|
|
@@ -28,6 +28,9 @@ interface TextareaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>
|
|
|
28
28
|
resize?: "horizontal" | "vertical" | "both" | "none";
|
|
29
29
|
validate?: (value: ReactNode) => ReactNode | null;
|
|
30
30
|
disabled?: boolean;
|
|
31
|
+
/** How many columns to occupy inside a `Form` grid. `Form` reads this off
|
|
32
|
+
* the child and strips it; outside a `Form` it does nothing. */
|
|
33
|
+
span?: number;
|
|
31
34
|
}
|
|
32
35
|
declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
|
|
33
36
|
export { Textarea };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../src/components/Textarea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAIZ,sBAAsB,EAEtB,SAAS,EACV,MAAM,OAAO,CAAC;AAKf,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../src/components/Textarea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAIZ,sBAAsB,EAEtB,SAAS,EACV,MAAM,OAAO,CAAC;AAKf,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAGvC,UAAU,aACR,SAAQ,IAAI,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAAE,QAAQ,CAAC;IACnE,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,OAAO,CAAC,EACJ,MAAM,GACN,KAAK,GACL,OAAO,GACP,QAAQ,GACR,MAAM,GACN,UAAU,GACV,WAAW,GACX,cAAc,GACd,aAAa,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC9B;;;;yCAIqC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,MAAM,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,CAAC;IACrD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,SAAS,GAAG,IAAI,CAAC;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;qEACiE;IACjE,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,QAAA,MAAM,QAAQ,2FA6Pb,CAAC;AAIF,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -5,7 +5,13 @@ import classNames from "clsx";
|
|
|
5
5
|
import { Column, Row, Text } from ".";
|
|
6
6
|
import styles from "./Input.module.scss";
|
|
7
7
|
import { useDebounce } from "../hooks/useDebounce";
|
|
8
|
-
|
|
8
|
+
import { useFieldSize } from "./FormContext";
|
|
9
|
+
const Textarea = forwardRef(({ id, label, placeholder, lines = "auto", size, error = false, errorMessage, description, corners, className, prefix, suffix, variant = "default", focusRing = false, characterCount, resize = "vertical", validate, disabled = false,
|
|
10
|
+
// Consumed by `Form`, never rendered. See Input.tsx.
|
|
11
|
+
span, children, onFocus, onBlur, onChange, onAnimationStart, style, ...props }, ref) => {
|
|
12
|
+
// A `Form` can set the size for every field in it; the field's own
|
|
13
|
+
// prop still wins, and `"m"` is still the default on its own.
|
|
14
|
+
const resolvedSize = useFieldSize(size);
|
|
9
15
|
const [isFocused, setIsFocused] = useState(false);
|
|
10
16
|
// Seeded from `defaultValue` too: an uncontrolled field — how a settings
|
|
11
17
|
// form normally renders saved data — has no `value`, so the label never
|
|
@@ -93,12 +99,18 @@ const Textarea = forwardRef(({ id, label, placeholder, lines = "auto", size = "m
|
|
|
93
99
|
const textareaClassNames = classNames(styles.input, styles.textarea, "font-body", "font-default", {
|
|
94
100
|
[styles.withPrefix]: prefix,
|
|
95
101
|
[styles.withSuffix]: suffix,
|
|
96
|
-
[styles.placeholder]: placeholder,
|
|
97
102
|
[styles.hasChildren]: children,
|
|
98
103
|
});
|
|
99
104
|
return (_jsxs(Column, { gap: "8", fillWidth: true, fitHeight: true, className: classNames(className, {
|
|
100
105
|
[styles.error]: displayError && debouncedValue !== "",
|
|
101
|
-
}), children: [_jsxs(Row
|
|
106
|
+
}), children: [_jsxs(Row
|
|
107
|
+
// See Input.tsx: the surface `Form` fuses, two levels down.
|
|
108
|
+
, { "data-surface": "field",
|
|
109
|
+
// Height comes from the size token via `.base`, the same as an
|
|
110
|
+
// input's. This used to be a hardcoded 48 or 56, which ignored
|
|
111
|
+
// `size` entirely and left a placeholder-only textarea 8px shorter
|
|
112
|
+
// than the input beside it.
|
|
113
|
+
transition: "micro-medium", border: variant === "ghost" ? "transparent" : "neutral-medium", background: variant === "ghost" ? "transparent" : "neutral-alpha-weak", overflow: "hidden", vertical: "stretch", className: classNames(styles.base, focusRing && styles.focusRing, styles[resolvedSize], lines !== "auto" && resize !== "none" && styles.resizeHandle, corners === "none" ? "radius-none" : corners ? `radius-l-${corners}` : "radius-l", lines !== "auto" && resize !== "none" && "radius-s-bottom-right"), children: [prefix && (_jsx(Row, { paddingLeft: "12", className: styles.prefix, children: prefix })), _jsxs(Column, { fillWidth: true, padding: "4", children: [_jsx("textarea", { ...props, ref: (node) => {
|
|
102
114
|
if (typeof ref === "function") {
|
|
103
115
|
ref(node);
|
|
104
116
|
}
|
|
@@ -106,11 +118,15 @@ const Textarea = forwardRef(({ id, label, placeholder, lines = "auto", size = "m
|
|
|
106
118
|
ref.current = node;
|
|
107
119
|
}
|
|
108
120
|
textareaRef.current = node;
|
|
109
|
-
}, id: id, rows: typeof lines === "number" ? lines : 1, placeholder: placeholder, disabled: disabled, onFocus: handleFocus, onBlur: handleBlur, onAnimationStart: handleAnimationStart, className: textareaClassNames
|
|
121
|
+
}, id: id, rows: typeof lines === "number" ? lines : 1, placeholder: placeholder, disabled: disabled, onFocus: handleFocus, onBlur: handleBlur, onAnimationStart: handleAnimationStart, className: `${textareaClassNames} scrollbar-minimal`, "aria-describedby": displayError ? `${id}-error` : undefined, "aria-invalid": !!displayError, style: {
|
|
110
122
|
...style,
|
|
111
123
|
resize: lines === "auto" ? "none" : resize,
|
|
112
|
-
}, onChange: handleChange }),
|
|
113
|
-
|
|
124
|
+
}, onChange: handleChange }), label && (_jsx(Text, { as: "label", variant: "label-default-m", htmlFor: id, className: classNames(styles.label, styles.textareaLabel, {
|
|
125
|
+
// `|| placeholder` is the whole point of the pairing: a
|
|
126
|
+
// placeholder is visible immediately, so the label has to be
|
|
127
|
+
// out of its way from the first paint rather than waiting
|
|
128
|
+
// for focus. Identical to `Input`.
|
|
129
|
+
[styles.floating]: isFocused || isFilled || placeholder,
|
|
114
130
|
}), children: label })), children, characterCount && props.maxLength && (_jsx(Row, { fillWidth: true, paddingLeft: "12", paddingY: "4", className: styles.suffix, children: _jsx(Text, { variant: "label-default-s", onBackground: props.maxLength - String(props.value || '').length <= 5
|
|
115
131
|
? "danger-weak"
|
|
116
132
|
: props.maxLength - String(props.value || '').length <= 10
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../src/components/Textarea.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,EAAE,EACZ,QAAQ,EACR,SAAS,EACT,UAAU,EAEV,WAAW,GAEZ,MAAM,OAAO,CAAC;AACf,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;AACtC,OAAO,MAAM,MAAM,qBAAqB,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../src/components/Textarea.tsx"],"names":[],"mappings":"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"}
|
|
@@ -11,6 +11,22 @@ interface ThemeSwitcherProps extends React.ComponentProps<typeof Row> {
|
|
|
11
11
|
* when it was tapped to open something.
|
|
12
12
|
*/
|
|
13
13
|
collapsed?: boolean;
|
|
14
|
+
/**
|
|
15
|
+
* Which way a collapsed group opens. Ignored when not `collapsed`.
|
|
16
|
+
*
|
|
17
|
+
* `"row"` grows sideways in the flow of the layout, which is right when the
|
|
18
|
+
* control has room beside it and wrong when it has neighbours: the group
|
|
19
|
+
* widening pushes them along, and the option you were pointing at moves out
|
|
20
|
+
* from under the pointer.
|
|
21
|
+
*
|
|
22
|
+
* `"column"` lifts the options into a panel over the page and opens it
|
|
23
|
+
* downwards, so the control keeps a one-option footprint whatever it is
|
|
24
|
+
* doing and nothing around it moves. Downwards rather than centred on the
|
|
25
|
+
* active option: the open panel is taller than a typical header, so
|
|
26
|
+
* anchoring it on the second or third option would put its top edge above
|
|
27
|
+
* the viewport.
|
|
28
|
+
*/
|
|
29
|
+
direction?: "row" | "column";
|
|
14
30
|
}
|
|
15
31
|
declare const ThemeSwitcher: React.ForwardRefExoticComponent<Omit<ThemeSwitcherProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
16
32
|
export { ThemeSwitcher };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeSwitcher.d.ts","sourceRoot":"","sources":["../../src/components/ThemeSwitcher.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAqB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ThemeSwitcher.d.ts","sourceRoot":"","sources":["../../src/components/ThemeSwitcher.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAsB,GAAG,EAAE,MAAM,GAAG,CAAC;AAS5C,UAAU,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC;IACnE;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;;;;;;;;;;OAcG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;CAC9B;AAED,QAAA,MAAM,aAAa,wGA8GlB,CAAC;AAIF,OAAO,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -2,15 +2,15 @@
|
|
|
2
2
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
3
|
import classNames from "clsx";
|
|
4
4
|
import React, { forwardRef } from "react";
|
|
5
|
-
import { IconButton, Row } from ".";
|
|
6
5
|
import { useTheme } from "../contexts";
|
|
6
|
+
import { Column, IconButton, Row } from ".";
|
|
7
7
|
import styles from "./ThemeSwitcher.module.scss";
|
|
8
8
|
const THEMES = [
|
|
9
9
|
{ value: "system", icon: "computer", label: "System theme" },
|
|
10
10
|
{ value: "dark", icon: "dark", label: "Dark theme" },
|
|
11
11
|
{ value: "light", icon: "light", label: "Light theme" },
|
|
12
12
|
];
|
|
13
|
-
const ThemeSwitcher = forwardRef(({ collapsed, className, ...flex }, ref) => {
|
|
13
|
+
const ThemeSwitcher = forwardRef(({ collapsed, direction = "row", className, ...flex }, ref) => {
|
|
14
14
|
const { theme, setTheme } = useTheme();
|
|
15
15
|
const [mounted, setMounted] = React.useState(false);
|
|
16
16
|
// The server does not know the visitor's theme, so nothing is marked active
|
|
@@ -18,13 +18,52 @@ const ThemeSwitcher = forwardRef(({ collapsed, className, ...flex }, ref) => {
|
|
|
18
18
|
React.useEffect(() => {
|
|
19
19
|
setMounted(true);
|
|
20
20
|
}, []);
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
21
|
+
/*
|
|
22
|
+
* Opening downwards, the active option leads.
|
|
23
|
+
*
|
|
24
|
+
* The shut control is the active option — that is what a collapsed group
|
|
25
|
+
* is. Open it in fixed order and the panel's first slot belongs to
|
|
26
|
+
* whichever theme happens to be listed first, so the icon the pointer is
|
|
27
|
+
* already resting on changes identity as the panel unrolls: you hover the
|
|
28
|
+
* moon and the computer arrives underneath your cursor. Click without
|
|
29
|
+
* looking and you have set the wrong theme.
|
|
30
|
+
*
|
|
31
|
+
* Leading with the active option keeps one invariant instead — the theme
|
|
32
|
+
* in force is always the one in the anchor slot, before opening and again
|
|
33
|
+
* after choosing. The other two keep their order relative to each other,
|
|
34
|
+
* so the list is still predictable.
|
|
35
|
+
*
|
|
36
|
+
* Reordered here rather than with CSS `order` so that the tab order and
|
|
37
|
+
* the visual order stay the same thing. Keys are stable, so React moves
|
|
38
|
+
* the existing nodes and a focused button keeps its focus.
|
|
39
|
+
*/
|
|
40
|
+
const ordered = collapsed && direction === "column" && mounted
|
|
41
|
+
? [...THEMES].sort((a, b) => Number(theme === b.value) - Number(theme === a.value))
|
|
42
|
+
: THEMES;
|
|
43
|
+
const options = ordered.map(({ value, icon, label }) => {
|
|
44
|
+
const active = mounted && theme === value;
|
|
45
|
+
return (_jsx(Row, { fit: true,
|
|
46
|
+
// Collapsed, an unresolved theme would hide all three and leave an
|
|
47
|
+
// empty pill, so before mount the group renders open.
|
|
48
|
+
className: classNames(styles.option, mounted && !active && styles.inactive), suppressHydrationWarning: true, children: _jsx(IconButton, { icon: icon, variant: active ? "primary" : "tertiary", onClick: () => setTheme(value), "aria-label": label, "aria-pressed": active, suppressHydrationWarning: true }) }, value));
|
|
49
|
+
});
|
|
50
|
+
/*
|
|
51
|
+
* Opening downwards needs two elements, not one.
|
|
52
|
+
*
|
|
53
|
+
* The outer box is what the layout sees, and it stays the size of a single
|
|
54
|
+
* option however many are showing — that is the whole point of the
|
|
55
|
+
* collapsed control, and a group that grows in the flow would push its
|
|
56
|
+
* neighbours along every time it opened. The panel is taken out of the
|
|
57
|
+
* flow and hung from the outer box's top-left, so it grows over the page
|
|
58
|
+
* instead of through the header.
|
|
59
|
+
*
|
|
60
|
+
* The border and the radius move to the panel with the options, because
|
|
61
|
+
* they belong to the thing that is actually visible.
|
|
62
|
+
*/
|
|
63
|
+
if (collapsed && direction === "column") {
|
|
64
|
+
return (_jsx(Row, { "data-border": "rounded", ref: ref, fit: true, className: classNames(styles.anchor, className), suppressHydrationWarning: true, ...flex, children: _jsx(Column, { gap: "2", border: "neutral-alpha-weak", radius: "full", background: "page", className: classNames(styles.collapsed, styles.panel), suppressHydrationWarning: true, children: options }) }));
|
|
65
|
+
}
|
|
66
|
+
return (_jsx(Row, { "data-border": "rounded", ref: ref, gap: "2", border: "neutral-alpha-weak", radius: "full", suppressHydrationWarning: true, className: classNames(collapsed && styles.collapsed, className), ...flex, children: options }));
|
|
28
67
|
});
|
|
29
68
|
ThemeSwitcher.displayName = "ThemeSwitcher";
|
|
30
69
|
export { ThemeSwitcher };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeSwitcher.js","sourceRoot":"","sources":["../../src/components/ThemeSwitcher.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"ThemeSwitcher.js","sourceRoot":"","sources":["../../src/components/ThemeSwitcher.tsx"],"names":[],"mappings":"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"}
|
|
@@ -24,19 +24,31 @@
|
|
|
24
24
|
overflow: hidden;
|
|
25
25
|
transition:
|
|
26
26
|
max-width var(--transition-duration-micro-medium, 0.15s) ease,
|
|
27
|
+
margin var(--transition-duration-micro-medium, 0.15s) ease,
|
|
27
28
|
opacity var(--transition-duration-micro-short, 0.1s) ease;
|
|
28
29
|
max-width: var(--static-space-40, 2.5rem);
|
|
29
30
|
}
|
|
30
31
|
|
|
32
|
+
/* A zero-width option still owns its share of the group's gap, which left
|
|
33
|
+
the pill a few pixels wider than the one button it shows. Each hidden
|
|
34
|
+
option takes one gap with it: the gap before it, or, for the first
|
|
35
|
+
option, the gap after it. The value is the group's `gap="2"`. */
|
|
31
36
|
.option.inactive {
|
|
32
37
|
max-width: 0;
|
|
33
38
|
opacity: 0;
|
|
39
|
+
margin-left: calc(-1 * var(--static-space-2, 0.125rem));
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
.option.inactive:first-child {
|
|
43
|
+
margin-left: 0;
|
|
44
|
+
margin-right: calc(-1 * var(--static-space-2, 0.125rem));
|
|
34
45
|
}
|
|
35
46
|
|
|
36
47
|
&:hover .option.inactive,
|
|
37
48
|
&:focus-within .option.inactive {
|
|
38
49
|
max-width: var(--static-space-40, 2.5rem);
|
|
39
50
|
opacity: 1;
|
|
51
|
+
margin: 0;
|
|
40
52
|
}
|
|
41
53
|
}
|
|
42
54
|
|
|
@@ -44,6 +56,7 @@
|
|
|
44
56
|
.collapsed .option.inactive {
|
|
45
57
|
max-width: var(--static-space-40, 2.5rem);
|
|
46
58
|
opacity: 1;
|
|
59
|
+
margin: 0;
|
|
47
60
|
}
|
|
48
61
|
}
|
|
49
62
|
|
|
@@ -52,3 +65,102 @@
|
|
|
52
65
|
transition: none;
|
|
53
66
|
}
|
|
54
67
|
}
|
|
68
|
+
|
|
69
|
+
/*
|
|
70
|
+
* Opening downwards, over the page.
|
|
71
|
+
*
|
|
72
|
+
* The anchor is what the surrounding layout sees, and it is exactly one option
|
|
73
|
+
* — so a header reserves one slot whether the group is open or shut, and
|
|
74
|
+
* nothing beside it moves when it opens. `overflow: visible` matters: the
|
|
75
|
+
* panel is taller than a typical header and has to be allowed out of it.
|
|
76
|
+
*/
|
|
77
|
+
.anchor {
|
|
78
|
+
position: relative;
|
|
79
|
+
width: var(--static-space-40, 2.5rem);
|
|
80
|
+
height: var(--static-space-40, 2.5rem);
|
|
81
|
+
overflow: visible;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
.panel {
|
|
85
|
+
position: absolute;
|
|
86
|
+
top: 0;
|
|
87
|
+
left: 0;
|
|
88
|
+
/* Above the page, and above a sticky header's own content. */
|
|
89
|
+
z-index: 1;
|
|
90
|
+
|
|
91
|
+
/* Shut, the panel is the size of the one option it shows and has no edges of
|
|
92
|
+
its own to draw: a pill border around a single icon button is a second
|
|
93
|
+
outline around the button's own. They arrive with the panel opening. */
|
|
94
|
+
border-color: transparent;
|
|
95
|
+
background: transparent;
|
|
96
|
+
transition:
|
|
97
|
+
border-color var(--transition-duration-micro-medium, 0.15s) ease,
|
|
98
|
+
background var(--transition-duration-micro-medium, 0.15s) ease,
|
|
99
|
+
box-shadow var(--transition-duration-micro-medium, 0.15s) ease;
|
|
100
|
+
|
|
101
|
+
&:hover,
|
|
102
|
+
&:focus-within {
|
|
103
|
+
border-color: var(--neutral-alpha-weak);
|
|
104
|
+
background: var(--page-background);
|
|
105
|
+
box-shadow: var(--shadow-m);
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
/*
|
|
109
|
+
* Vertical clipping, where the row variant clips horizontally.
|
|
110
|
+
*
|
|
111
|
+
* `max-height` rather than `height` so the option is never squashed on the
|
|
112
|
+
* way out, and the margin trick is the row variant's, turned ninety degrees:
|
|
113
|
+
* a zero-height option still owns its share of the column's `gap="2"`, which
|
|
114
|
+
* would leave the shut panel a few pixels taller than the button it shows.
|
|
115
|
+
*/
|
|
116
|
+
.option {
|
|
117
|
+
max-width: none;
|
|
118
|
+
max-height: var(--static-space-40, 2.5rem);
|
|
119
|
+
transition:
|
|
120
|
+
max-height var(--transition-duration-micro-medium, 0.15s) ease,
|
|
121
|
+
margin var(--transition-duration-micro-medium, 0.15s) ease,
|
|
122
|
+
opacity var(--transition-duration-micro-short, 0.1s) ease;
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
.option.inactive {
|
|
126
|
+
max-width: none;
|
|
127
|
+
max-height: 0;
|
|
128
|
+
opacity: 0;
|
|
129
|
+
margin-left: 0;
|
|
130
|
+
margin-right: 0;
|
|
131
|
+
margin-top: calc(-1 * var(--static-space-2, 0.125rem));
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
.option.inactive:first-child {
|
|
135
|
+
margin-top: 0;
|
|
136
|
+
margin-bottom: calc(-1 * var(--static-space-2, 0.125rem));
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
&:hover .option.inactive,
|
|
140
|
+
&:focus-within .option.inactive {
|
|
141
|
+
max-height: var(--static-space-40, 2.5rem);
|
|
142
|
+
opacity: 1;
|
|
143
|
+
margin: 0;
|
|
144
|
+
}
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
@media (hover: none) {
|
|
148
|
+
.panel .option.inactive {
|
|
149
|
+
max-height: var(--static-space-40, 2.5rem);
|
|
150
|
+
opacity: 1;
|
|
151
|
+
margin: 0;
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
/* Always open on a touch device, so it must carry its edges and reserve its
|
|
155
|
+
height rather than hanging over whatever is under it. */
|
|
156
|
+
.panel {
|
|
157
|
+
position: relative;
|
|
158
|
+
border-color: var(--neutral-alpha-weak);
|
|
159
|
+
background: var(--page-background);
|
|
160
|
+
}
|
|
161
|
+
|
|
162
|
+
.anchor {
|
|
163
|
+
width: auto;
|
|
164
|
+
height: auto;
|
|
165
|
+
}
|
|
166
|
+
}
|
package/dist/components/User.js
CHANGED
|
@@ -6,7 +6,7 @@ import { Flex, Text, Skeleton, Tag, Avatar, Column } from ".";
|
|
|
6
6
|
const User = forwardRef(({ name, children, subline, tagProps = {}, loading = false, avatarProps = {}, className }, ref) => {
|
|
7
7
|
const { src, value, empty, ...restAvatarProps } = avatarProps;
|
|
8
8
|
const isEmpty = empty || (!src && !value);
|
|
9
|
-
return (_jsxs(Flex, { ref: ref, vertical: "center", gap: "8", className: classNames(className), children: [_jsx(Avatar, { size: "m", src: src, value: value, empty: isEmpty, loading: loading, ...restAvatarProps }), children, name && (_jsxs(Column, { paddingLeft: "4", paddingRight: "12", children: [loading ? (_jsx(Flex, { minWidth: 6, paddingY: "4", children: _jsx(Skeleton, { width: "100%",
|
|
9
|
+
return (_jsxs(Flex, { ref: ref, vertical: "center", gap: "8", className: classNames(className), children: [_jsx(Avatar, { size: "m", src: src, value: value, empty: isEmpty, loading: loading, ...restAvatarProps }), children, name && (_jsxs(Column, { paddingLeft: "4", paddingRight: "12", children: [loading ? (_jsx(Flex, { minWidth: 6, paddingY: "4", children: _jsx(Skeleton, { width: "100%", size: "m", shape: "line", "aria-label": "Loading name" }) })) : (_jsxs(Flex, { gap: "8", vertical: "center", children: [_jsx(Text, { variant: "label-default-m", onBackground: "neutral-strong", children: name }), tagProps.label && (_jsx(Tag, { size: "s", ...tagProps, children: tagProps.label }))] })), loading ? (_jsx(Flex, { paddingY: "2", children: _jsx(Skeleton, { width: "75%", size: "xs", shape: "line", "aria-label": "Loading subline" }) })) : (_jsx(Text, { wrap: "nowrap", variant: "body-default-xs", onBackground: "neutral-weak", children: subline }))] }))] }));
|
|
10
10
|
});
|
|
11
11
|
User.displayName = "User";
|
|
12
12
|
export { User };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"User.js","sourceRoot":"","sources":["../../src/components/User.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,UAAU,MAAM,MAAM,CAAC;AAE9B,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAY,MAAM,EAAe,MAAM,EAAE,MAAM,GAAG,CAAC;AAarF,MAAM,IAAI,GAAG,UAAU,CACrB,CACE,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,GAAG,EAAE,EAAE,OAAO,GAAG,KAAK,EAAE,WAAW,GAAG,EAAE,EAAE,SAAS,EAAE,EACxF,GAAG,EACH,EAAE;IACF,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,eAAe,EAAE,GAAG,WAAW,CAAC;IAC9D,MAAM,OAAO,GAAG,KAAK,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;IAE1C,OAAO,CACL,MAAC,IAAI,IAAC,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAC,QAAQ,EAAC,GAAG,EAAC,GAAG,EAAC,SAAS,EAAE,UAAU,CAAC,SAAS,CAAC,aACxE,KAAC,MAAM,IACL,IAAI,EAAC,GAAG,EACR,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,OAAO,EACd,OAAO,EAAE,OAAO,KACZ,eAAe,GACnB,EACD,QAAQ,EACR,IAAI,IAAI,CACP,MAAC,MAAM,IAAC,WAAW,EAAC,GAAG,EAAC,YAAY,EAAC,IAAI,aACtC,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,IAAI,IAAC,QAAQ,EAAE,CAAC,EAAE,QAAQ,EAAC,GAAG,YAC7B,KAAC,QAAQ,IAAC,KAAK,EAAC,MAAM,EAAC,
|
|
1
|
+
{"version":3,"file":"User.js","sourceRoot":"","sources":["../../src/components/User.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,UAAU,MAAM,MAAM,CAAC;AAE9B,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAY,MAAM,EAAe,MAAM,EAAE,MAAM,GAAG,CAAC;AAarF,MAAM,IAAI,GAAG,UAAU,CACrB,CACE,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,GAAG,EAAE,EAAE,OAAO,GAAG,KAAK,EAAE,WAAW,GAAG,EAAE,EAAE,SAAS,EAAE,EACxF,GAAG,EACH,EAAE;IACF,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,eAAe,EAAE,GAAG,WAAW,CAAC;IAC9D,MAAM,OAAO,GAAG,KAAK,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;IAE1C,OAAO,CACL,MAAC,IAAI,IAAC,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAC,QAAQ,EAAC,GAAG,EAAC,GAAG,EAAC,SAAS,EAAE,UAAU,CAAC,SAAS,CAAC,aACxE,KAAC,MAAM,IACL,IAAI,EAAC,GAAG,EACR,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,OAAO,EACd,OAAO,EAAE,OAAO,KACZ,eAAe,GACnB,EACD,QAAQ,EACR,IAAI,IAAI,CACP,MAAC,MAAM,IAAC,WAAW,EAAC,GAAG,EAAC,YAAY,EAAC,IAAI,aACtC,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,IAAI,IAAC,QAAQ,EAAE,CAAC,EAAE,QAAQ,EAAC,GAAG,YAC7B,KAAC,QAAQ,IAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,GAAG,EAAC,KAAK,EAAC,MAAM,gBAAY,cAAc,GAAG,GACpE,CACR,CAAC,CAAC,CAAC,CACF,MAAC,IAAI,IAAC,GAAG,EAAC,GAAG,EAAC,QAAQ,EAAC,QAAQ,aAC7B,KAAC,IAAI,IAAC,OAAO,EAAC,iBAAiB,EAAC,YAAY,EAAC,gBAAgB,YAC1D,IAAI,GACA,EACN,QAAQ,CAAC,KAAK,IAAI,CACjB,KAAC,GAAG,IAAC,IAAI,EAAC,GAAG,KAAK,QAAQ,YACvB,QAAQ,CAAC,KAAK,GACX,CACP,IACI,CACR,EACA,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,IAAI,IAAC,QAAQ,EAAC,GAAG,YAChB,KAAC,QAAQ,IAAC,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,MAAM,gBAAY,iBAAiB,GAAG,GACvE,CACR,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,iBAAiB,EAAC,YAAY,EAAC,cAAc,YACtE,OAAO,GACH,CACR,IACM,CACV,IACI,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAE1B,OAAO,EAAE,IAAI,EAAE,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { UserProps, DropdownWrapperProps } from ".";
|
|
3
|
-
import { Placement } from "
|
|
3
|
+
import type { Placement } from "../types";
|
|
4
4
|
interface UserMenuProps extends UserProps, Pick<DropdownWrapperProps, "minHeight" | "minWidth" | "maxWidth"> {
|
|
5
5
|
selected?: boolean;
|
|
6
6
|
placement?: Placement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UserMenu.d.ts","sourceRoot":"","sources":["../../src/components/UserMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAyB,SAAS,EAAE,oBAAoB,EAAU,MAAM,GAAG,CAAC;AAEnF,OAAO,EAAE,SAAS,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"UserMenu.d.ts","sourceRoot":"","sources":["../../src/components/UserMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAyB,SAAS,EAAE,oBAAoB,EAAU,MAAM,GAAG,CAAC;AAEnF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAE1C,UAAU,aACR,SAAQ,SAAS,EACf,IAAI,CAAC,oBAAoB,EAAE,WAAW,GAAG,UAAU,GAAG,UAAU,CAAC;IACnE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,QAAA,MAAM,QAAQ,sFAwCZ,CAAC;AAGH,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|