@edgeandnode/eds-react 1.0.2 → 1.1.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/README.md +32 -7
- package/dist/EDSContext.d.ts +2 -2
- package/dist/EDSContext.d.ts.map +1 -1
- package/dist/EDSContext.js +1 -1
- package/dist/EDSContext.js.map +1 -1
- package/dist/EDSProvider.d.ts +13 -6
- package/dist/EDSProvider.d.ts.map +1 -1
- package/dist/EDSProvider.js +48 -63
- package/dist/EDSProvider.js.map +1 -1
- package/dist/components/Address.d.ts +3 -3
- package/dist/components/Address.d.ts.map +1 -1
- package/dist/components/Address.js.map +1 -1
- package/dist/components/Avatar.d.ts +3 -3
- package/dist/components/Avatar.d.ts.map +1 -1
- package/dist/components/Avatar.js.map +1 -1
- package/dist/components/Breadcrumbs.parts.d.ts +3 -3
- package/dist/components/Breadcrumbs.parts.d.ts.map +1 -1
- package/dist/components/Breadcrumbs.parts.js.map +1 -1
- package/dist/components/Button.d.ts.map +1 -1
- package/dist/components/Button.js +1 -1
- package/dist/components/Button.js.map +1 -1
- package/dist/components/Card.d.ts +8 -4
- package/dist/components/Card.d.ts.map +1 -1
- package/dist/components/Card.js +2 -1
- package/dist/components/Card.js.map +1 -1
- package/dist/components/Cluster.d.ts +3 -3
- package/dist/components/Cluster.d.ts.map +1 -1
- package/dist/components/Cluster.js.map +1 -1
- package/dist/components/Keyboard.js +1 -1
- package/dist/components/LocalTheme.d.ts +21 -8
- package/dist/components/LocalTheme.d.ts.map +1 -1
- package/dist/components/LocalTheme.js +10 -4
- package/dist/components/LocalTheme.js.map +1 -1
- package/dist/components/Menu.parts.d.ts +43 -9
- package/dist/components/Menu.parts.d.ts.map +1 -1
- package/dist/components/Menu.parts.js +118 -114
- package/dist/components/Menu.parts.js.map +1 -1
- package/dist/components/Modal.parts.d.ts +1 -1
- package/dist/components/Modal.parts.d.ts.map +1 -1
- package/dist/components/Modal.parts.js +2 -2
- package/dist/components/Modal.parts.js.map +1 -1
- package/dist/components/Pane.parts.d.ts +23 -22
- package/dist/components/Pane.parts.d.ts.map +1 -1
- package/dist/components/Pane.parts.js +3 -3
- package/dist/components/Pane.parts.js.map +1 -1
- package/dist/components/Prose.d.ts +1 -1
- package/dist/components/Prose.d.ts.map +1 -1
- package/dist/components/Prose.js +3 -3
- package/dist/components/Prose.js.map +1 -1
- package/dist/components/Prose.meta.d.ts +5 -0
- package/dist/components/Prose.meta.d.ts.map +1 -1
- package/dist/components/Prose.meta.js +10 -0
- package/dist/components/Prose.meta.js.map +1 -1
- package/dist/components/Select.parts.d.ts +8 -3
- package/dist/components/Select.parts.d.ts.map +1 -1
- package/dist/components/Select.parts.js +26 -17
- package/dist/components/Select.parts.js.map +1 -1
- package/dist/components/ThemeSwitcher.d.ts +5 -5
- package/dist/components/ThemeSwitcher.d.ts.map +1 -1
- package/dist/components/ThemeSwitcher.js +5 -4
- package/dist/components/ThemeSwitcher.js.map +1 -1
- package/dist/components/base/MaybeButtonOrLink.d.ts +7 -5
- package/dist/components/base/MaybeButtonOrLink.d.ts.map +1 -1
- package/dist/components/base/MaybeButtonOrLink.js +7 -2
- package/dist/components/base/MaybeButtonOrLink.js.map +1 -1
- package/dist/components/base/Render.d.ts +25 -6
- package/dist/components/base/Render.d.ts.map +1 -1
- package/dist/components/base/Render.js +4 -3
- package/dist/components/base/Render.js.map +1 -1
- package/dist/components/base/index.d.ts +1 -1
- package/dist/components/base/index.d.ts.map +1 -1
- package/dist/components/base/index.js.map +1 -1
- package/dist/components/index.d.ts +1 -1
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/index.js.map +1 -1
- package/dist/hooks/useEDS.d.ts +16 -8
- package/dist/hooks/useEDS.d.ts.map +1 -1
- package/dist/hooks/useEDS.js +16 -8
- package/dist/hooks/useEDS.js.map +1 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/dist/theme-persistence.d.ts +18 -0
- package/dist/theme-persistence.d.ts.map +1 -0
- package/dist/theme-persistence.js +25 -0
- package/dist/theme-persistence.js.map +1 -0
- package/package.json +20 -20
- package/skill/SKILL.md +90 -56
- package/skill/references/tokens.md +1 -1
- package/src/EDSContext.ts +2 -2
- package/src/EDSProvider.tsx +80 -74
- package/src/components/Address.tsx +4 -3
- package/src/components/Avatar.tsx +7 -3
- package/src/components/Breadcrumbs.parts.tsx +4 -3
- package/src/components/Button.tsx +4 -0
- package/src/components/Card.tsx +14 -8
- package/src/components/Cluster.tsx +5 -3
- package/src/components/Keyboard.tsx +1 -1
- package/src/components/LocalTheme.tsx +22 -14
- package/src/components/Menu.parts.tsx +365 -244
- package/src/components/Modal.parts.tsx +8 -1
- package/src/components/Pane.parts.tsx +31 -26
- package/src/components/Prose.meta.ts +10 -0
- package/src/components/Prose.tsx +4 -3
- package/src/components/Select.parts.tsx +37 -29
- package/src/components/ThemeSwitcher.tsx +11 -13
- package/src/components/base/MaybeButtonOrLink.tsx +11 -6
- package/src/components/base/Render.tsx +28 -4
- package/src/components/base/index.ts +2 -0
- package/src/components/index.ts +8 -1
- package/src/hooks/useEDS.ts +16 -8
- package/src/index.ts +2 -1
- package/src/theme-persistence.ts +31 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type ReactNode } from 'react';
|
|
1
|
+
import { type ReactNode, type Ref } from 'react';
|
|
2
2
|
import type { EDSComponentProps } from '@edgeandnode/eds-css';
|
|
3
3
|
import { type MaybeButtonOrLinkProps } from './base/MaybeButtonOrLink.tsx';
|
|
4
4
|
import { CardMeta } from './Card.meta.ts';
|
|
@@ -23,11 +23,15 @@ export declare namespace CardProps {
|
|
|
23
23
|
*/
|
|
24
24
|
autoIcon?: boolean | undefined;
|
|
25
25
|
}
|
|
26
|
-
interface
|
|
26
|
+
interface CommonProps extends EDSComponentProps<typeof CardMeta> {
|
|
27
|
+
/** Attached to the card's outer element, even when the card is a button or link. */
|
|
28
|
+
ref?: Ref<HTMLElement> | undefined;
|
|
27
29
|
}
|
|
28
|
-
interface
|
|
30
|
+
interface ButtonProps extends CommonProps, ClickableProps, Omit<MaybeButtonOrLinkProps.ButtonProps, 'ref' | 'render'>, MaybeButtonOrLinkProps.DisableableProps {
|
|
29
31
|
}
|
|
30
|
-
interface
|
|
32
|
+
interface LinkProps extends CommonProps, ClickableProps, Omit<MaybeButtonOrLinkProps.LinkProps, 'ref' | 'render'>, MaybeButtonOrLinkProps.DisableableProps {
|
|
33
|
+
}
|
|
34
|
+
interface OtherElementProps extends CommonProps, Omit<MaybeButtonOrLinkProps.OtherElementProps, 'ref' | 'render'> {
|
|
31
35
|
}
|
|
32
36
|
}
|
|
33
37
|
export type CardProps = CardProps.ButtonProps | CardProps.LinkProps | CardProps.OtherElementProps;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../src/components/Card.tsx"],"names":[],"mappings":"AAEA,OAAO,
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../src/components/Card.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA2B,KAAK,SAAS,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAA;AAIzE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAK7D,OAAO,EAAqB,KAAK,sBAAsB,EAAE,MAAM,8BAA8B,CAAA;AAC7F,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAEzC,MAAM,CAAC,OAAO,WAAW,SAAS,CAAC;IACjC,UAAU,cAAc;QACtB;;;;;;;;;WASG;QACH,kBAAkB,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC,SAAS,EAAE,OAAO,CAAC,GAAG,SAAS,CAAA;QACtE;;;;;WAKG;QACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;KAC/B;IACD,UAAU,WAAY,SAAQ,iBAAiB,CAAC,OAAO,QAAQ,CAAC;QAC9D,oFAAoF;QACpF,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,GAAG,SAAS,CAAA;KACnC;IACD,UAAU,WACR,SACE,WAAW,EACX,cAAc,EACd,IAAI,CAAC,sBAAsB,CAAC,WAAW,EAAE,KAAK,GAAG,QAAQ,CAAC,EAC1D,sBAAsB,CAAC,gBAAgB;KAAG;IAC9C,UAAU,SACR,SACE,WAAW,EACX,cAAc,EACd,IAAI,CAAC,sBAAsB,CAAC,SAAS,EAAE,KAAK,GAAG,QAAQ,CAAC,EACxD,sBAAsB,CAAC,gBAAgB;KAAG;IAC9C,UAAU,iBACR,SAAQ,WAAW,EAAE,IAAI,CAAC,sBAAsB,CAAC,iBAAiB,EAAE,KAAK,GAAG,QAAQ,CAAC;KAAG;CAC3F;AAED,MAAM,MAAM,SAAS,GAAG,SAAS,CAAC,WAAW,GAAG,SAAS,CAAC,SAAS,GAAG,SAAS,CAAC,iBAAiB,CAAA;AAEjG,wBAAgB,IAAI,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+BAqJ5F"}
|
package/dist/components/Card.js
CHANGED
|
@@ -18,7 +18,8 @@ export function Card({ ref: passedRef, as, variant, disabled, children, ...props
|
|
|
18
18
|
disabled: Boolean(disabled),
|
|
19
19
|
}, { ref: passedRef });
|
|
20
20
|
const [cssPropsPolyfillStatePassedRef, cssPropsPolyfillAttributes] = useCSSPropsPolyfill(CardMeta, { variant }, { ref: statePassedRef });
|
|
21
|
-
|
|
21
|
+
// The union of every HTML tag name is too complex a type for JSX
|
|
22
|
+
const Element = (as ?? 'div');
|
|
22
23
|
const uniqueId = useId();
|
|
23
24
|
return (_jsxs(Element, { ref: cssPropsPolyfillStatePassedRef, ...mergeProps({
|
|
24
25
|
className: cn(`
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../src/components/Card.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../src/components/Card.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,KAAK,EAA8C,MAAM,OAAO,CAAA;AACzE,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAI3C,OAAO,EAAE,2BAA2B,EAAE,MAAM,8BAA8B,CAAA;AAE1E,OAAO,EAAE,mBAAmB,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC5E,OAAO,EAAE,EAAE,EAAE,qBAAqB,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AACzE,OAAO,EAAE,iBAAiB,EAA+B,MAAM,6BAA8B,CAAA;AAC7F,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AA6CzC,MAAM,UAAU,IAAI,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAa;IAC3F,MAAM,EAAE,CAAA;IAER,MAAM,EACJ,kBAAkB,GAAG,KAAK,EAC1B,QAAQ,GAAG,IAAI,EACf,GAAG,cAAc,EAClB,GAAG,KAA4E,CAAA;IAChF,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAE7D,MAAM,CAAC,cAAc,EAAE,KAAK,CAAC,GAAG,WAAW,CACzC;QACE,OAAO,EAAE,SAAS;QAClB,KAAK,EAAE,SAAS;QAChB,OAAO,EAAE,KAAK,CAAC,OAAO;QACtB,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC;KAC5B,EACD,EAAE,GAAG,EAAE,SAAS,EAAE,CACnB,CAAA;IACD,MAAM,CAAC,8BAA8B,EAAE,0BAA0B,CAAC,GAAG,mBAAmB,CACtF,QAAQ,EACR,EAAE,OAAO,EAAE,EACX,EAAE,GAAG,EAAE,cAAc,EAAE,CACxB,CAAA;IAED,iEAAiE;IACjE,MAAM,OAAO,GAAG,CAAC,EAAE,IAAI,KAAK,CAAgB,CAAA;IAC5C,MAAM,QAAQ,GAAG,KAAK,EAAE,CAAA;IAExB,OAAO,CACL,MAAC,OAAO,IACN,GAAG,EAAE,8BAA8B,KAC/B,UAAU,CACZ;YACE,SAAS,EAAE,EAAE,CAAC;;;;;;uEAM+C,CAAA,uEAAwE,EAAE;;;;;qEAK5E,CAAA,iFAAkF,EAAE;6EAC5E,CAAA,gEAAiE,EAAE;kFAC9D,CAAA,gEAAiE,EAAE;WAC1I,CAAC;SACH,EACD,KAAK,CAAC,aAAa,EACnB,qBAAqB,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,CAAC,EAC5C,0BAA0B,EAC1B,SAAS,CACV,aAED,KAAC,iBAAiB,IAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,uYAOT,KACG,KAAK,CAAC,kBAAkB,KACxB,WAAW,KACX,CAAC,EAAE,KAAK,SAAS,IAAK,EAAE,EAAE,EAAE,MAAM,EAA8B,CAAC,EACrE,MAAM,EAAE,CAAC,WAAW,EAAE,EAAE,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE;oBACnE,MAAM,qBAAqB,GAAG,kBAAkB,KAAK,IAAI,IAAI,QAAQ,KAAK,OAAO,CAAA;oBACjF,MAAM,SAAS,GACb,qBAAqB,IAAI,CAAC,CAAC,YAAY,IAAI,KAAK,IAAI,iBAAiB,IAAI,KAAK,CAAC;wBAC7E,CAAC,CAAC,oBAAoB,QAAQ,EAAE;wBAChC,CAAC,CAAC,SAAS,CAAA;oBACf,OAAO,CACL,8BACE,MAAC,OAAO,uBAAkB,SAAS,KAAM,WAAW,KAAM,YAAY,aASpE,eAAM,SAAS,EAAC,kBAAkB,GAAG,EACpC,QAAQ,IAAI,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,CAEjC,eAAM,SAAS,EAAC,0BAA0B,YACxC,KAAC,2BAA2B,IAAC,eAAe,EAAC,cAAc,GAAG,GACzD,CACR,CAAC,CAAC,CAAC,IAAI,EACP,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAWxB,eAAM,SAAS,EAAC,6GAA6G,YAC1H,QAAQ,GACJ,CACR,CAAC,CAAC,CAAC,IAAI,IACA,EACT,qBAAqB,CAAC,CAAC,CAAC,CACvB,eACE,EAAE,EAAE,SAAS,EACb,SAAS,EAAC,gSAIT,YAEA,QAAQ,GACJ,CACR,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,CACvB,eACE,SAAS,EAAC,+OAGT,YAED,cAAK,SAAS,EAAC,gDAAgD,YAC5D,kBAAkB,GACf,GACD,CACR,CAAC,CAAC,CAAC,IAAI,IACP,CACJ,CAAA;gBACH,CAAC,GACD,EAMF,eACE,SAAS,EAAC,mLAGT,GACD,IACM,CACX,CAAA;AACH,CAAC"}
|
|
@@ -2,11 +2,11 @@ import type { EDSComponentProps } from '@edgeandnode/eds-css';
|
|
|
2
2
|
import { type MaybeButtonOrLinkProps } from './base/MaybeButtonOrLink.tsx';
|
|
3
3
|
import { ClusterMeta } from './Cluster.meta.ts';
|
|
4
4
|
export declare namespace ClusterProps {
|
|
5
|
-
interface ButtonProps extends EDSComponentProps<typeof ClusterMeta>, MaybeButtonOrLinkProps.ButtonProps {
|
|
5
|
+
interface ButtonProps extends EDSComponentProps<typeof ClusterMeta>, Omit<MaybeButtonOrLinkProps.ButtonProps, 'as'> {
|
|
6
6
|
}
|
|
7
|
-
interface LinkProps extends EDSComponentProps<typeof ClusterMeta>, MaybeButtonOrLinkProps.LinkProps {
|
|
7
|
+
interface LinkProps extends EDSComponentProps<typeof ClusterMeta>, Omit<MaybeButtonOrLinkProps.LinkProps, 'as'> {
|
|
8
8
|
}
|
|
9
|
-
interface OtherElementProps extends EDSComponentProps<typeof ClusterMeta>, MaybeButtonOrLinkProps.OtherElementProps {
|
|
9
|
+
interface OtherElementProps extends EDSComponentProps<typeof ClusterMeta>, Omit<MaybeButtonOrLinkProps.OtherElementProps, 'as'> {
|
|
10
10
|
}
|
|
11
11
|
}
|
|
12
12
|
export type ClusterProps = ClusterProps.ButtonProps | ClusterProps.LinkProps | ClusterProps.OtherElementProps;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Cluster.d.ts","sourceRoot":"","sources":["../../src/components/Cluster.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAI7D,OAAO,EAAqB,KAAK,sBAAsB,EAAE,MAAM,8BAA8B,CAAA;AAC7F,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAE/C,MAAM,CAAC,OAAO,WAAW,YAAY,CAAC;IACpC,UAAU,WACR,SAAQ,iBAAiB,CAAC,OAAO,WAAW,CAAC,EAAE,sBAAsB,CAAC,WAAW;KAAG;
|
|
1
|
+
{"version":3,"file":"Cluster.d.ts","sourceRoot":"","sources":["../../src/components/Cluster.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAI7D,OAAO,EAAqB,KAAK,sBAAsB,EAAE,MAAM,8BAA8B,CAAA;AAC7F,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAE/C,MAAM,CAAC,OAAO,WAAW,YAAY,CAAC;IACpC,UAAU,WACR,SAAQ,iBAAiB,CAAC,OAAO,WAAW,CAAC,EAAE,IAAI,CAAC,sBAAsB,CAAC,WAAW,EAAE,IAAI,CAAC;KAAG;IAClG,UAAU,SACR,SAAQ,iBAAiB,CAAC,OAAO,WAAW,CAAC,EAAE,IAAI,CAAC,sBAAsB,CAAC,SAAS,EAAE,IAAI,CAAC;KAAG;IAChG,UAAU,iBACR,SACE,iBAAiB,CAAC,OAAO,WAAW,CAAC,EACrC,IAAI,CAAC,sBAAsB,CAAC,iBAAiB,EAAE,IAAI,CAAC;KAAG;CAC5D;AAED,MAAM,MAAM,YAAY,GACpB,YAAY,CAAC,WAAW,GACxB,YAAY,CAAC,SAAS,GACtB,YAAY,CAAC,iBAAiB,CAAA;AAElC,wBAAgB,OAAO,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,+BA4DxF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Cluster.js","sourceRoot":"","sources":["../../src/components/Cluster.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAI3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC/D,OAAO,EAAE,EAAE,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AAC7D,OAAO,EAAE,iBAAiB,EAA+B,MAAM,6BAA8B,CAAA;AAC7F,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;
|
|
1
|
+
{"version":3,"file":"Cluster.js","sourceRoot":"","sources":["../../src/components/Cluster.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAI3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC/D,OAAO,EAAE,EAAE,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AAC7D,OAAO,EAAE,iBAAiB,EAA+B,MAAM,6BAA8B,CAAA;AAC7F,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAkB/C,MAAM,UAAU,OAAO,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAgB;IACvF,MAAM,EAAE,CAAA;IAER,MAAM,CAAC,yBAAyB,EAAE,0BAA0B,CAAC,GAAG,mBAAmB,CACjF,WAAW,EACX;QACE,KAAK;QACL,IAAI;KACL,EACD,EAAE,GAAG,EAAE,SAAS,EAAE,CACnB,CAAA;IAED,OAAO,CACL,KAAC,iBAAiB,IAChB,GAAG,EAAE,yBAAyB,KAC1B,UAAU,CACZ;YACE,SAAS,EAAE,EAAE,CAAC;;;WAGb,CAAC;SACH,EACD,qBAAqB,CAAC,WAAW,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,EACnD,0BAA0B,EAC1B,KAAK,CACN,YAED,eACE,SAAS,EAAC,i3CA0BT,YAED,eAAM,SAAS,EAAC,UAAU,YAAE,QAAQ,GAAQ,GACvC,GACW,CACrB,CAAA;AACH,CAAC"}
|
|
@@ -19,7 +19,7 @@ export function Keyboard({ ref: passedRef, size, children, ...props }) {
|
|
|
19
19
|
: [children];
|
|
20
20
|
return (_jsx("kbd", { ref: cssPropsPolyfillPassedRef, ...mergeProps({
|
|
21
21
|
className: cn('eds-keyboard root-inline u:shrink-0 u:font-mono u:whitespace-nowrap i:leading-0'),
|
|
22
|
-
}, getCSSPropsAttributes(KeyboardMeta, { size }), cssPropsPolyfillAttributes, props), children: _jsx("span", { className: cn(`inline-flex h-(--height) min-w-(--height) items-center justify-center rounded-4 border border-
|
|
22
|
+
}, getCSSPropsAttributes(KeyboardMeta, { size }), cssPropsPolyfillAttributes, props), children: _jsx("span", { className: cn(`inline-flex h-(--height) min-w-(--height) items-center justify-center rounded-4 border border-current/15
|
|
23
23
|
@prop-size-small/keyboard:gap-0.5
|
|
24
24
|
@prop-size-small/keyboard:px-0.75
|
|
25
25
|
@prop-size-small/keyboard:text-10
|
|
@@ -1,16 +1,29 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
import type { DistributedOmit } from 'type-fest';
|
|
2
|
+
import { type ResolvedTheme } from '../EDSContext.ts';
|
|
3
|
+
import { type AsOrRenderProps, type HTMLElementProps } from './base/Render.tsx';
|
|
4
|
+
export declare namespace LocalThemeProps {
|
|
5
|
+
interface CommonProps extends HTMLElementProps {
|
|
6
|
+
/** The theme to render the content in. */
|
|
7
|
+
theme: ResolvedTheme;
|
|
8
|
+
}
|
|
5
9
|
}
|
|
10
|
+
export type LocalThemeProps = LocalThemeProps.CommonProps & AsOrRenderProps;
|
|
11
|
+
export type DarkProps = DistributedOmit<LocalThemeProps, 'theme'>;
|
|
12
|
+
export type LightProps = DistributedOmit<LocalThemeProps, 'theme'>;
|
|
13
|
+
/**
|
|
14
|
+
* Renders its content in the given theme, whatever the page's theme is. Unlike switching between
|
|
15
|
+
* `Dark` and `Light`, changing `theme` doesn't remount the content. Components that need to know
|
|
16
|
+
* the theme in JavaScript can read it with `useEDS().activeTheme`.
|
|
17
|
+
*/
|
|
18
|
+
export declare function LocalTheme({ theme, ...props }: LocalThemeProps): import("react").JSX.Element;
|
|
6
19
|
/**
|
|
7
20
|
* Renders its content in the dark theme, whatever the page's theme is. Components that need to know
|
|
8
|
-
* the theme in JavaScript can read it with `useEDS().
|
|
21
|
+
* the theme in JavaScript can read it with `useEDS().activeTheme`.
|
|
9
22
|
*/
|
|
10
|
-
export declare function Dark(props:
|
|
23
|
+
export declare function Dark(props: DarkProps): import("react").JSX.Element;
|
|
11
24
|
/**
|
|
12
25
|
* Renders its content in the light theme, whatever the page's theme is. Components that need to
|
|
13
|
-
* know the theme in JavaScript can read it with `useEDS().
|
|
26
|
+
* know the theme in JavaScript can read it with `useEDS().activeTheme`.
|
|
14
27
|
*/
|
|
15
|
-
export declare function Light(props:
|
|
28
|
+
export declare function Light(props: LightProps): import("react").JSX.Element;
|
|
16
29
|
//# sourceMappingURL=LocalTheme.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LocalTheme.d.ts","sourceRoot":"","sources":["../../src/components/LocalTheme.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"LocalTheme.d.ts","sourceRoot":"","sources":["../../src/components/LocalTheme.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAEhD,OAAO,EAAoC,KAAK,aAAa,EAAE,MAAM,kBAAkB,CAAA;AACvF,OAAO,EAAU,KAAK,eAAe,EAAE,KAAK,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AAEvF,MAAM,CAAC,OAAO,WAAW,eAAe,CAAC;IACvC,UAAU,WAAY,SAAQ,gBAAgB;QAC5C,0CAA0C;QAC1C,KAAK,EAAE,aAAa,CAAA;KACrB;CACF;AAED,MAAM,MAAM,eAAe,GAAG,eAAe,CAAC,WAAW,GAAG,eAAe,CAAA;AAC3E,MAAM,MAAM,SAAS,GAAG,eAAe,CAAC,eAAe,EAAE,OAAO,CAAC,CAAA;AACjE,MAAM,MAAM,UAAU,GAAG,eAAe,CAAC,eAAe,EAAE,OAAO,CAAC,CAAA;AAElE;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,+BAM9D;AAED;;;GAGG;AACH,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,+BAEpC;AAED;;;GAGG;AACH,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,+BAEtC"}
|
|
@@ -2,19 +2,25 @@
|
|
|
2
2
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
3
|
import { mergeProps } from '@base-ui/react';
|
|
4
4
|
import { LocalThemeContext, THEME_CLASSES } from '../EDSContext.js';
|
|
5
|
-
|
|
6
|
-
|
|
5
|
+
import { Render } from './base/Render.js';
|
|
6
|
+
/**
|
|
7
|
+
* Renders its content in the given theme, whatever the page's theme is. Unlike switching between
|
|
8
|
+
* `Dark` and `Light`, changing `theme` doesn't remount the content. Components that need to know
|
|
9
|
+
* the theme in JavaScript can read it with `useEDS().activeTheme`.
|
|
10
|
+
*/
|
|
11
|
+
export function LocalTheme({ theme, ...props }) {
|
|
12
|
+
return (_jsx(LocalThemeContext.Provider, { value: theme, children: _jsx(Render, { ...mergeProps({ className: THEME_CLASSES[theme] }, props) }) }));
|
|
7
13
|
}
|
|
8
14
|
/**
|
|
9
15
|
* Renders its content in the dark theme, whatever the page's theme is. Components that need to know
|
|
10
|
-
* the theme in JavaScript can read it with `useEDS().
|
|
16
|
+
* the theme in JavaScript can read it with `useEDS().activeTheme`.
|
|
11
17
|
*/
|
|
12
18
|
export function Dark(props) {
|
|
13
19
|
return _jsx(LocalTheme, { theme: "dark", ...props });
|
|
14
20
|
}
|
|
15
21
|
/**
|
|
16
22
|
* Renders its content in the light theme, whatever the page's theme is. Components that need to
|
|
17
|
-
* know the theme in JavaScript can read it with `useEDS().
|
|
23
|
+
* know the theme in JavaScript can read it with `useEDS().activeTheme`.
|
|
18
24
|
*/
|
|
19
25
|
export function Light(props) {
|
|
20
26
|
return _jsx(LocalTheme, { theme: "light", ...props });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LocalTheme.js","sourceRoot":"","sources":["../../src/components/LocalTheme.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;
|
|
1
|
+
{"version":3,"file":"LocalTheme.js","sourceRoot":"","sources":["../../src/components/LocalTheme.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAG3C,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAsB,MAAM,kBAAkB,CAAA;AACvF,OAAO,EAAE,MAAM,EAA+C,MAAM,kBAAmB,CAAA;AAavF;;;;GAIG;AACH,MAAM,UAAU,UAAU,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAmB;IAC7D,OAAO,CACL,KAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YACtC,KAAC,MAAM,OAAK,UAAU,CAAC,EAAE,SAAS,EAAE,aAAa,CAAC,KAAK,CAAC,EAAE,EAAE,KAAK,CAAC,GAAI,GAC3C,CAC9B,CAAA;AACH,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,IAAI,CAAC,KAAgB;IACnC,OAAO,KAAC,UAAU,IAAC,KAAK,EAAC,MAAM,KAAK,KAAK,GAAI,CAAA;AAC/C,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,KAAK,CAAC,KAAiB;IACrC,OAAO,KAAC,UAAU,IAAC,KAAK,EAAC,OAAO,KAAK,KAAK,GAAI,CAAA;AAChD,CAAC"}
|
|
@@ -71,6 +71,36 @@ export declare namespace MenuProps {
|
|
|
71
71
|
* @default false
|
|
72
72
|
*/
|
|
73
73
|
highlightCheckedOnOpen?: boolean | undefined;
|
|
74
|
+
/**
|
|
75
|
+
* Adds `Menu.Search` to the header and filters items by their text (or `label`) as the user
|
|
76
|
+
* types. A custom `header` must include `Menu.Search`, which handles the keyboard navigation.
|
|
77
|
+
* Pass a function to customize matching, or `'manual'` to filter the items yourself (e.g.
|
|
78
|
+
* results from an API). Defaults to `true` if `searchValue` or `onSearchValueChange` is set.
|
|
79
|
+
*/
|
|
80
|
+
searchable?: boolean | ((item: {
|
|
81
|
+
label: string;
|
|
82
|
+
searchValue: string;
|
|
83
|
+
}) => boolean) | 'manual' | undefined;
|
|
84
|
+
/** The search query, to control it along with `onSearchValueChange`. */
|
|
85
|
+
searchValue?: string | undefined;
|
|
86
|
+
/**
|
|
87
|
+
* Called when the search query changes, including when it's reset after the menu closes (then
|
|
88
|
+
* `eventDetails.reason` is `'popup-close'`).
|
|
89
|
+
*/
|
|
90
|
+
onSearchValueChange?: ((searchValue: string, eventDetails: Menu.FilterProvider.ChangeEventDetails) => void) | undefined;
|
|
91
|
+
/**
|
|
92
|
+
* Shown in a searchable menu when no item matches. A string is rendered in a `Menu.Empty`, and
|
|
93
|
+
* `null` renders nothing.
|
|
94
|
+
*
|
|
95
|
+
* @default <Menu.Empty />
|
|
96
|
+
*/
|
|
97
|
+
empty?: ReactNode | undefined;
|
|
98
|
+
/**
|
|
99
|
+
* Marks the items as loading (e.g. search results from an API). In a searchable menu, a
|
|
100
|
+
* `LoadingIcon` also shows in the search input, or in place of the empty state until a search
|
|
101
|
+
* finishes.
|
|
102
|
+
*/
|
|
103
|
+
loading?: boolean | undefined;
|
|
74
104
|
}
|
|
75
105
|
interface CommonProps extends HTMLProps, OwnProps, EDSComponentProps<typeof MenuMeta> {
|
|
76
106
|
}
|
|
@@ -80,7 +110,7 @@ export declare namespace MenuProps {
|
|
|
80
110
|
}
|
|
81
111
|
}
|
|
82
112
|
export type MenuProps<T extends OptionValue = OptionValue> = MenuProps.NonRadioProps | MenuProps.RadioProps<T>;
|
|
83
|
-
export declare function MenuRoot<T extends OptionValue>({ ref: passedRef, trigger, triggerMode, anchor: passedAnchor, side, gap, align, alignOffset, matchTriggerWidth, matchTriggerHeight, open: controlledOpen, defaultOpen, onOpenChange, header, footer, highlightCheckedOnOpen, label, type, value, defaultValue, onValueChange, children, ...props }: MenuProps<T>): import("react").JSX.Element;
|
|
113
|
+
export declare function MenuRoot<T extends OptionValue>({ ref: passedRef, trigger, triggerMode, anchor: passedAnchor, side, gap, align, alignOffset, matchTriggerWidth, matchTriggerHeight, open: controlledOpen, defaultOpen, onOpenChange, header: passedHeader, footer, highlightCheckedOnOpen, searchable: passedSearchable, searchValue, onSearchValueChange, empty, loading, label, type, value, defaultValue, onValueChange, children, ...props }: MenuProps<T>): import("react").JSX.Element;
|
|
84
114
|
export declare namespace MenuRoot {
|
|
85
115
|
var displayName: string;
|
|
86
116
|
}
|
|
@@ -101,6 +131,11 @@ export declare namespace MenuItemProps {
|
|
|
101
131
|
interface HTMLProps extends Omit<ComponentProps<'button'>, 'defaultChecked' | 'defaultValue' | 'onChange' | 'type' | 'value'> {
|
|
102
132
|
}
|
|
103
133
|
interface OwnProps {
|
|
134
|
+
/**
|
|
135
|
+
* Text that search and typeahead match against. Defaults to the item's rendered text, addons
|
|
136
|
+
* included.
|
|
137
|
+
*/
|
|
138
|
+
label?: string | undefined;
|
|
104
139
|
addonBefore?: AddonValue | undefined;
|
|
105
140
|
addonAfter?: AddonValue | undefined;
|
|
106
141
|
disabled?: boolean | undefined;
|
|
@@ -142,26 +177,25 @@ export declare namespace MenuItemProps {
|
|
|
142
177
|
}
|
|
143
178
|
}
|
|
144
179
|
export type MenuItemProps<T extends OptionValue = OptionValue> = MenuItemProps.PlainProps | MenuItemProps.CheckboxProps | MenuItemProps.RadioProps<T>;
|
|
145
|
-
export declare function MenuItem<T extends OptionValue>({ ref: passedRef, type: passedType, addonBefore: passedAddonBefore, addonAfter: passedAddonAfter, variant, loading, href, target, checked, defaultChecked, onCheckedChange, value: passedValue, disabled: passedDisabled, children, ...props }: MenuItemProps<T>): import("react").JSX.Element;
|
|
180
|
+
export declare function MenuItem<T extends OptionValue>({ ref: passedRef, type: passedType, label, addonBefore: passedAddonBefore, addonAfter: passedAddonAfter, variant, loading, href, target, checked, defaultChecked, onCheckedChange, value: passedValue, disabled: passedDisabled, children, ...props }: MenuItemProps<T>): import("react").JSX.Element;
|
|
146
181
|
export declare namespace MenuItem {
|
|
147
182
|
var displayName: string;
|
|
148
183
|
}
|
|
149
|
-
export interface MenuSearchProps extends Omit<ComponentProps<'input'>, 'children'> {
|
|
184
|
+
export interface MenuSearchProps extends Omit<ComponentProps<'input'>, 'children' | 'value' | 'defaultValue'> {
|
|
150
185
|
/** @default 'Search' */
|
|
151
186
|
placeholder?: string | undefined;
|
|
152
|
-
value?: string | undefined;
|
|
153
|
-
defaultValue?: string | undefined;
|
|
154
|
-
onValueChange?: ((value: string) => void) | undefined;
|
|
155
187
|
}
|
|
156
|
-
|
|
188
|
+
/** Search input for the `header` of a `searchable` menu, which filters its items. */
|
|
189
|
+
export declare function MenuSearch({ placeholder, ...props }: MenuSearchProps): import("react").JSX.Element;
|
|
157
190
|
export declare namespace MenuSearch {
|
|
158
191
|
var displayName: string;
|
|
159
192
|
}
|
|
160
193
|
export interface MenuEmptyProps extends ComponentProps<'div'> {
|
|
161
194
|
}
|
|
162
195
|
/**
|
|
163
|
-
* Renders the standard empty-state treatment for a `Menu
|
|
164
|
-
*
|
|
196
|
+
* Renders the standard empty-state treatment for a `Menu`, e.g. when it has no items. Searchable
|
|
197
|
+
* menus render it when no item matches (see `empty`). Its text wraps instead of widening the menu.
|
|
198
|
+
* Defaults to `"No results"`.
|
|
165
199
|
*/
|
|
166
200
|
export declare function MenuEmpty({ children, ...props }: MenuEmptyProps): import("react").JSX.Element;
|
|
167
201
|
export declare namespace MenuEmpty {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.parts.d.ts","sourceRoot":"","sources":["../../src/components/Menu.parts.tsx"],"names":[],"mappings":"AAEA,OAAO,
|
|
1
|
+
{"version":3,"file":"Menu.parts.d.ts","sourceRoot":"","sources":["../../src/components/Menu.parts.tsx"],"names":[],"mappings":"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"}
|