@graphprotocol/gds-react 0.1.1 → 0.1.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/dist/components/Avatar.d.ts.map +1 -1
- package/dist/components/Avatar.js +5 -1
- package/dist/components/Avatar.js.map +1 -1
- package/dist/components/Breadcrumbs.parts.js +2 -2
- package/dist/components/Button.js +8 -4
- package/dist/components/Button.js.map +1 -1
- package/dist/components/Card.js +1 -1
- package/dist/components/Card.js.map +1 -1
- package/dist/components/Chip.d.ts +6 -0
- package/dist/components/Chip.d.ts.map +1 -0
- package/dist/components/Chip.js +5 -0
- package/dist/components/Chip.js.map +1 -0
- package/dist/components/Chip.meta.d.ts +17 -0
- package/dist/components/Chip.meta.d.ts.map +1 -0
- package/dist/components/Chip.meta.js +22 -0
- package/dist/components/Chip.meta.js.map +1 -0
- package/dist/components/Chip.parts.d.ts +52 -0
- package/dist/components/Chip.parts.d.ts.map +1 -0
- package/dist/components/Chip.parts.js +122 -0
- package/dist/components/Chip.parts.js.map +1 -0
- package/dist/components/DescriptionList.parts.js +1 -1
- package/dist/components/SegmentedControl.parts.d.ts.map +1 -1
- package/dist/components/SegmentedControl.parts.js +12 -23
- package/dist/components/SegmentedControl.parts.js.map +1 -1
- package/dist/components/TabSet.parts.js +1 -1
- package/dist/components/ToggleButton.d.ts +0 -2
- package/dist/components/ToggleButton.d.ts.map +1 -1
- package/dist/components/ToggleButton.js.map +1 -1
- package/dist/components/Tooltip.parts.d.ts.map +1 -1
- package/dist/components/Tooltip.parts.js +1 -1
- package/dist/components/Tooltip.parts.js.map +1 -1
- package/dist/components/base/ButtonOrLink.parts.d.ts +8 -5
- package/dist/components/base/ButtonOrLink.parts.d.ts.map +1 -1
- package/dist/components/base/ButtonOrLink.parts.js +19 -16
- package/dist/components/base/ButtonOrLink.parts.js.map +1 -1
- package/dist/components/index.d.ts +2 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +2 -0
- package/dist/components/index.js.map +1 -1
- package/dist/tailwind-plugin.d.ts.map +1 -1
- package/dist/tailwind-plugin.js +3 -0
- package/dist/tailwind-plugin.js.map +1 -1
- package/package.json +7 -7
- package/src/components/Avatar.tsx +5 -1
- package/src/components/Breadcrumbs.parts.tsx +2 -2
- package/src/components/Button.tsx +13 -3
- package/src/components/Card.tsx +1 -1
- package/src/components/Chip.meta.ts +23 -0
- package/src/components/Chip.parts.tsx +329 -0
- package/src/components/Chip.tsx +7 -0
- package/src/components/DescriptionList.parts.tsx +1 -1
- package/src/components/SegmentedControl.parts.tsx +34 -35
- package/src/components/TabSet.parts.tsx +1 -1
- package/src/components/ToggleButton.tsx +0 -2
- package/src/components/Tooltip.parts.tsx +0 -1
- package/src/components/base/ButtonOrLink.parts.tsx +38 -21
- package/src/components/index.ts +2 -0
- package/src/tailwind-plugin.ts +3 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../src/components/Avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,OAAO,CAAA;AAGnD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAM/D,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAqB,KAAK,sBAAsB,EAAE,MAAM,8BAA8B,CAAA;AAC7F,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,eAAe,CAAA;AAK1D,MAAM,CAAC,OAAO,WAAW,WAAW,CAAC;IACnC,UAAU,SAAU,SAAQ,iBAAiB,CAAC,OAAO,UAAU,CAAC;QAC9D;;;;WAIG;QACH,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,YAAY,GAAG,SAAS,CAAA;QACjD;;;;WAIG;QACH,GAAG,EAAE,MAAM,GAAG,SAAS,CAAA;QACvB,kFAAkF;QAClF,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,GAAG,SAAS,CAAA;KAC/E;IACD,UAAU,WAAY,SAAQ,SAAS,EAAE,IAAI,CAAC,sBAAsB,CAAC,WAAW,EAAE,UAAU,CAAC;KAAG;IAChG,UAAU,SAAU,SAAQ,SAAS,EAAE,IAAI,CAAC,sBAAsB,CAAC,SAAS,EAAE,UAAU,CAAC;KAAG;IAC5F,UAAU,iBACR,SAAQ,SAAS,EAAE,IAAI,CAAC,sBAAsB,CAAC,iBAAiB,EAAE,UAAU,CAAC;KAAG;CACnF;AAED,MAAM,MAAM,WAAW,GACnB,WAAW,CAAC,WAAW,GACvB,WAAW,CAAC,SAAS,GACrB,WAAW,CAAC,iBAAiB,CAAA;AAEjC,wBAAgB,MAAM,CAAC,EACrB,GAAG,EAAE,SAAS,EACd,KAAK,EACL,IAAI,EACJ,GAAG,EAAE,SAAS,EACd,GAAG,EACH,OAAO,EACP,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,WAAW,
|
|
1
|
+
{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../src/components/Avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,OAAO,CAAA;AAGnD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAM/D,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAqB,KAAK,sBAAsB,EAAE,MAAM,8BAA8B,CAAA;AAC7F,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,eAAe,CAAA;AAK1D,MAAM,CAAC,OAAO,WAAW,WAAW,CAAC;IACnC,UAAU,SAAU,SAAQ,iBAAiB,CAAC,OAAO,UAAU,CAAC;QAC9D;;;;WAIG;QACH,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,YAAY,GAAG,SAAS,CAAA;QACjD;;;;WAIG;QACH,GAAG,EAAE,MAAM,GAAG,SAAS,CAAA;QACvB,kFAAkF;QAClF,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,GAAG,SAAS,CAAA;KAC/E;IACD,UAAU,WAAY,SAAQ,SAAS,EAAE,IAAI,CAAC,sBAAsB,CAAC,WAAW,EAAE,UAAU,CAAC;KAAG;IAChG,UAAU,SAAU,SAAQ,SAAS,EAAE,IAAI,CAAC,sBAAsB,CAAC,SAAS,EAAE,UAAU,CAAC;KAAG;IAC5F,UAAU,iBACR,SAAQ,SAAS,EAAE,IAAI,CAAC,sBAAsB,CAAC,iBAAiB,EAAE,UAAU,CAAC;KAAG;CACnF;AAED,MAAM,MAAM,WAAW,GACnB,WAAW,CAAC,WAAW,GACvB,WAAW,CAAC,SAAS,GACrB,WAAW,CAAC,iBAAiB,CAAA;AAEjC,wBAAgB,MAAM,CAAC,EACrB,GAAG,EAAE,SAAS,EACd,KAAK,EACL,IAAI,EACJ,GAAG,EAAE,SAAS,EACd,GAAG,EACH,OAAO,EACP,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,WAAW,2CA4Fb"}
|
|
@@ -37,7 +37,6 @@ export function Avatar({ ref: passedRef, shape, size, src: passedSrc, alt, toolt
|
|
|
37
37
|
return (_jsx(Tooltip, { ...tooltipProps, children: _jsx(Element, { ...renderProps, children: _jsx("span", { className: "nested/avatar-paint pointer-events-none shrink-0", children: _jsxs("span", { className: `
|
|
38
38
|
block overflow-clip bg-default
|
|
39
39
|
group-clickable-focus-visible/avatar:outline
|
|
40
|
-
**:icon:default-size-[60%]
|
|
41
40
|
@prop-size-xsmall/avatar:size-4
|
|
42
41
|
@prop-size-small/avatar:size-5
|
|
43
42
|
@prop-size-medium/avatar:size-6
|
|
@@ -52,6 +51,11 @@ export function Avatar({ ref: passedRef, shape, size, src: passedSrc, alt, toolt
|
|
|
52
51
|
uu:*:m-auto
|
|
53
52
|
uu:*:size-full
|
|
54
53
|
uu:*:object-cover
|
|
54
|
+
i:@prop-size-xsmall/avatar:**:icon:default-size-2.5
|
|
55
|
+
i:@prop-size-small/avatar:**:icon:default-size-3
|
|
56
|
+
i:@prop-size-medium/avatar:**:icon:default-size-4
|
|
57
|
+
i:@prop-size-large/avatar:**:icon:default-size-5
|
|
58
|
+
i:@prop-size-xlarge/avatar:**:icon:default-size-8
|
|
55
59
|
`, children: [src ? (typeof src === 'string' ? (_jsx("img", { src: src, alt: "", onError: () => setCurrentSourceIndex(currentSourceIndex + 1), className: "[[src^='data:image/bmp']]:[image-rendering:pixelated]" })) : (src)) : null, alt ? _jsx("span", { className: "sr-only", children: alt }) : null] }) }) }) }));
|
|
56
60
|
} }));
|
|
57
61
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../src/components/Avatar.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../src/components/Avatar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -130,9 +130,9 @@ export function BreadcrumbsItem({ addonBefore, current: passedCurrent, className
|
|
|
130
130
|
focus: undefined,
|
|
131
131
|
current,
|
|
132
132
|
});
|
|
133
|
-
return (_jsx("div", { ref: stateRef, role: "listitem", className: cn(`nested/breadcrumbs-item-wrapper gds-breadcrumbs-item root-block
|
|
133
|
+
return (_jsx("div", { ref: stateRef, role: "listitem", className: cn(`nested/breadcrumbs-item-wrapper gds-breadcrumbs-item root-block
|
|
134
134
|
u:has-nested-current/breadcrumbs-item-ref:expose-current
|
|
135
|
-
u:has-nested-hover/breadcrumbs-item-ref:
|
|
135
|
+
u:has-nested-hover/breadcrumbs-item-ref:expose-hover
|
|
136
136
|
u:has-nested-focus-visible/breadcrumbs-item-ref:expose-focus
|
|
137
137
|
u:i:has-nested-not-clickable/breadcrumbs-item-ref:state-idle
|
|
138
138
|
ii:shrink-0`, className), ...state.exposedAttributes, ...state.polyfillAttributes, ...rootProps, children: _jsxs(MaybeButtonOrLink, { "aria-current": current ? 'page' : undefined, className: `
|
|
@@ -87,7 +87,7 @@ export function Button({ ref: passedRef, variant, size, hideLabel, addonBefore:
|
|
|
87
87
|
absolute -inset-px rounded-inherit opacity-100 filter-none
|
|
88
88
|
@state-focus/button:outline
|
|
89
89
|
@prop-variant-naked/button:-inset-0.5
|
|
90
|
-
` }), addonBefore ? _jsx(ButtonAddon, { children: addonBefore }) : null, children ? (_jsx("span", { "data-loading": replaceChildrenWithLoading || undefined, className: cn(`nested/button-children
|
|
90
|
+
` }), addonBefore ? _jsx(ButtonAddon, { side: "before", children: addonBefore }) : null, children ? (_jsx("span", { "data-loading": replaceChildrenWithLoading || undefined, className: cn(`nested/button-children
|
|
91
91
|
truncate
|
|
92
92
|
data-loading:invisible
|
|
93
93
|
@prop-hide-label-true/button:not-has-addon-compatible:sr-only
|
|
@@ -95,10 +95,14 @@ export function Button({ ref: passedRef, variant, size, hideLabel, addonBefore:
|
|
|
95
95
|
u:@prop-size-small/button:px-0.5
|
|
96
96
|
u:@prop-size-medium/button:px-1
|
|
97
97
|
u:@prop-size-large/button:px-1
|
|
98
|
-
u:i:@state-[addon-only=auto]/button:px-0`), children: _jsx(Tooltip.Collector, { onCollect: onCollect, children: children }) })) : null, replaceChildrenWithLoading ? loadingIcon : null, addonAfter ? _jsx(ButtonAddon, { children: addonAfter }) : null] }) }) }));
|
|
98
|
+
u:i:@state-[addon-only=auto]/button:px-0`), children: _jsx(Tooltip.Collector, { onCollect: onCollect, children: children }) })) : null, replaceChildrenWithLoading ? loadingIcon : null, addonAfter ? _jsx(ButtonAddon, { side: "after", children: addonAfter }) : null] }) }) }));
|
|
99
99
|
}
|
|
100
|
-
function ButtonAddon({ className, children, ...props }) {
|
|
101
|
-
return (_jsx("span", { className: cn(`gds-addon root-flex items-center justify-center u:h-(--gds-addon-size) u:min-w-(--gds-addon-size) u:shrink-0
|
|
100
|
+
function ButtonAddon({ side, className, children, ...props }) {
|
|
101
|
+
return (_jsx("span", { "data-side": side, className: cn(`gds-addon root-flex items-center justify-center u:h-(--gds-addon-size) u:min-w-(--gds-addon-size) u:shrink-0
|
|
102
|
+
u:has-avatar-group:data-[side=after]:ps-0.5
|
|
103
|
+
u:has-tag:data-[side=after]:ps-0.5
|
|
104
|
+
u:has-avatar-group:data-[side=before]:pe-0.5
|
|
105
|
+
u:has-tag:data-[side=before]:pe-0.5
|
|
102
106
|
u:has-nested/button-loading:opacity-100`, className), ...props, children: children }));
|
|
103
107
|
}
|
|
104
108
|
//# sourceMappingURL=Button.js.map
|
|
@@ -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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"}
|
package/dist/components/Card.js
CHANGED
|
@@ -36,7 +36,7 @@ export function Card({ ref: passedRef, as, variant, disabled, className, style,
|
|
|
36
36
|
u:*:not-has-checkable:transition-opacity
|
|
37
37
|
u:*:not-has-checkable:@state-disabled/card:opacity-disabled
|
|
38
38
|
u:*:not-has-checkable:@state-disabled/card:grayscale
|
|
39
|
-
`, ...state.polyfillAttributes, ...nestedProps, ...(as !== undefined
|
|
39
|
+
`, ...state.polyfillAttributes, ...nestedProps, ...(as !== undefined && { as: 'span' }), render: (renderProps, { Element, category, target }) => {
|
|
40
40
|
const renderChildrenOutside = interactiveContent === true && category !== 'other';
|
|
41
41
|
const contentId = renderChildrenOutside && !('aria-label' in props || 'aria-labelledby' in props)
|
|
42
42
|
? `gds-card-content-${uniqueId}`
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../src/components/Card.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,KAAK,EAAkB,MAAM,OAAO,CAAA;AAG7C,OAAO,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAA;AAE5E,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;AAyCzC,MAAM,UAAU,IAAI,CAAC,EACnB,GAAG,EAAE,SAAS,EACd,EAAE,EACF,OAAO,EACP,QAAQ,EACR,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACE;IACV,MAAM,EAAE,CAAA;IAER,MAAM,EACJ,kBAAkB,GAAG,KAAK,EAC1B,QAAQ,GAAG,IAAI,EACf,GAAG,cAAc,EAClB,GAAG,KAAoD,CAAA;IACxD,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,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,MAAM,OAAO,GAAG,EAAE,IAAI,KAAK,CAAA;IAC3B,MAAM,QAAQ,GAAG,KAAK,EAAE,CAAA;IAExB,OAAO,CACL,MAAC,OAAO,IACN,GAAG,EAAE,8BAA8B,EACnC,SAAS,EAAE,EAAE,CACX;;;;;mEAK2D,CAAA,uEAAwE,EAAE;;;;iEAI5E,CAAA,iFAAkF,EAAE;yEAC5E,CAAA,gEAAiE,EAAE;8EAC9D,CAAA,gEAAiE,EAAE,EAAE,EAC3I,SAAS,CACV,KACG,KAAK,CAAC,iBAAiB,KACvB,KAAK,CAAC,kBAAkB,KACxB,qBAAqB,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,KAAK,CAAC,KACnD,0BAA0B,KAC1B,SAAS,aAEb,KAAC,iBAAiB,IAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE;;;;;;;SAOV,KACG,KAAK,CAAC,kBAAkB,KACxB,WAAW,
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../src/components/Card.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../src/components/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEtD,eAAO,MAAM,IAAI;;CAEf,CAAA;AAEF,YAAY,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../src/components/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,iBAAkB,CAAA;AAEtD,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE;IAC1C,KAAK,EAAE,SAAS;CACjB,CAAC,CAAA"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export declare const ChipMeta: import("@graphprotocol/gds-css").GDSComponent<{
|
|
2
|
+
/** @default 'medium' */
|
|
3
|
+
readonly size: {
|
|
4
|
+
readonly type: "values";
|
|
5
|
+
readonly values: ["small", "medium", "large"];
|
|
6
|
+
readonly defaultValue: "medium";
|
|
7
|
+
};
|
|
8
|
+
}, boolean>;
|
|
9
|
+
export declare const ChipGroupMeta: import("@graphprotocol/gds-css").GDSComponent<{
|
|
10
|
+
/** @default 'medium' */
|
|
11
|
+
readonly size: {
|
|
12
|
+
readonly type: "values";
|
|
13
|
+
readonly values: ["small", "medium", "large"];
|
|
14
|
+
readonly defaultValue: "medium";
|
|
15
|
+
};
|
|
16
|
+
}, boolean>;
|
|
17
|
+
//# sourceMappingURL=Chip.meta.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Chip.meta.d.ts","sourceRoot":"","sources":["../../src/components/Chip.meta.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ;IAEjB,wBAAwB;;;;;;WAO1B,CAAA;AAEF,eAAO,MAAM,aAAa;IAEtB,wBAAwB;;;;;;WAO1B,CAAA"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { createComponent } from '@graphprotocol/gds-css';
|
|
2
|
+
export const ChipMeta = createComponent('Chip', {
|
|
3
|
+
cssProps: {
|
|
4
|
+
/** @default 'medium' */
|
|
5
|
+
size: {
|
|
6
|
+
type: 'values',
|
|
7
|
+
values: ['small', 'medium', 'large'],
|
|
8
|
+
defaultValue: 'medium',
|
|
9
|
+
},
|
|
10
|
+
},
|
|
11
|
+
});
|
|
12
|
+
export const ChipGroupMeta = createComponent('ChipGroup', {
|
|
13
|
+
cssProps: {
|
|
14
|
+
/** @default 'medium' */
|
|
15
|
+
size: {
|
|
16
|
+
type: 'values',
|
|
17
|
+
values: ChipMeta.cssProps.size.values,
|
|
18
|
+
defaultValue: ChipMeta.cssProps.size.defaultValue,
|
|
19
|
+
},
|
|
20
|
+
},
|
|
21
|
+
});
|
|
22
|
+
//# sourceMappingURL=Chip.meta.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Chip.meta.js","sourceRoot":"","sources":["../../src/components/Chip.meta.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAExD,MAAM,CAAC,MAAM,QAAQ,GAAG,eAAe,CAAC,MAAM,EAAE;IAC9C,QAAQ,EAAE;QACR,wBAAwB;QACxB,IAAI,EAAE;YACJ,IAAI,EAAE,QAAQ;YACd,MAAM,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAC;YACpC,YAAY,EAAE,QAAQ;SACvB;KACF;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,eAAe,CAAC,WAAW,EAAE;IACxD,QAAQ,EAAE;QACR,wBAAwB;QACxB,IAAI,EAAE;YACJ,IAAI,EAAE,QAAQ;YACd,MAAM,EAAE,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM;YACrC,YAAY,EAAE,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,YAAY;SAClD;KACF;CACF,CAAC,CAAA"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { type ComponentProps, type ReactNode } from 'react';
|
|
2
|
+
import type { GDSComponentProps } from '@graphprotocol/gds-css';
|
|
3
|
+
import { type AddonValue } from './base/Addon.tsx';
|
|
4
|
+
import { type ButtonOrLinkProps } from './base/ButtonOrLink.tsx';
|
|
5
|
+
import { ChipGroupMeta, ChipMeta } from './Chip.meta.ts';
|
|
6
|
+
export declare namespace ChipProps {
|
|
7
|
+
interface BaseProps extends GDSComponentProps<typeof ChipMeta> {
|
|
8
|
+
/** Name used to submit the chip's value when inside a `<Chip.Group type="checkbox">` in a form. */
|
|
9
|
+
name?: string | undefined;
|
|
10
|
+
/** Value used to identify this chip when inside a `<Chip.Group>`. */
|
|
11
|
+
value?: string | undefined;
|
|
12
|
+
addonBefore?: AddonValue | undefined;
|
|
13
|
+
addonAfter?: AddonValue | undefined;
|
|
14
|
+
count?: ReactNode | undefined;
|
|
15
|
+
}
|
|
16
|
+
interface ButtonProps extends BaseProps, Omit<ButtonOrLinkProps.ButtonProps, 'value'>, ButtonOrLinkProps.DisableableProps {
|
|
17
|
+
}
|
|
18
|
+
interface LinkProps extends BaseProps, ButtonOrLinkProps.LinkProps, ButtonOrLinkProps.DisableableProps {
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
export type ChipProps = ChipProps.ButtonProps | ChipProps.LinkProps;
|
|
22
|
+
export declare function ChipRoot({ size, name, value: passedValue, addonBefore, addonAfter, count, disabled, className, style, children, ...props }: ChipProps): import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
export declare namespace ChipRoot {
|
|
24
|
+
var displayName: string;
|
|
25
|
+
}
|
|
26
|
+
export declare namespace ChipGroupProps {
|
|
27
|
+
interface BaseProps extends Omit<ComponentProps<'div'>, 'onChange'>, GDSComponentProps<typeof ChipGroupMeta> {
|
|
28
|
+
}
|
|
29
|
+
interface CheckboxProps extends BaseProps {
|
|
30
|
+
type: 'checkbox';
|
|
31
|
+
name?: undefined;
|
|
32
|
+
/** Array of checked/selected chip values. */
|
|
33
|
+
value?: string[] | undefined;
|
|
34
|
+
defaultValue?: string[] | undefined;
|
|
35
|
+
onChange?: ((value: string[]) => void) | undefined;
|
|
36
|
+
}
|
|
37
|
+
interface RadioProps extends BaseProps {
|
|
38
|
+
type: 'radio';
|
|
39
|
+
/** Name used to submit the checked/selected chip value when inside a form. */
|
|
40
|
+
name?: string | undefined;
|
|
41
|
+
/** Checked/selected chip value. */
|
|
42
|
+
value?: string | undefined;
|
|
43
|
+
defaultValue?: string | undefined;
|
|
44
|
+
onChange?: ((value: string) => void) | undefined;
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
export type ChipGroupProps = ChipGroupProps.CheckboxProps | ChipGroupProps.RadioProps;
|
|
48
|
+
export declare function ChipGroup({ ref: passedRef, type, name, value, defaultValue, onChange, size, className, style, children, ...props }: ChipGroupProps): import("react/jsx-runtime").JSX.Element;
|
|
49
|
+
export declare namespace ChipGroup {
|
|
50
|
+
var displayName: string;
|
|
51
|
+
}
|
|
52
|
+
//# sourceMappingURL=Chip.parts.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Chip.parts.d.ts","sourceRoot":"","sources":["../../src/components/Chip.parts.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA6B,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAMtF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAI/D,OAAO,EAAe,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC/D,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AAC9E,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAIxD,MAAM,CAAC,OAAO,WAAW,SAAS,CAAC;IACjC,UAAU,SAAU,SAAQ,iBAAiB,CAAC,OAAO,QAAQ,CAAC;QAC5D,mGAAmG;QACnG,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;QACzB,qEAAqE;QACrE,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;QAC1B,WAAW,CAAC,EAAE,UAAU,GAAG,SAAS,CAAA;QACpC,UAAU,CAAC,EAAE,UAAU,GAAG,SAAS,CAAA;QACnC,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;KAC9B;IACD,UAAU,WACR,SACE,SAAS,EACT,IAAI,CAAC,iBAAiB,CAAC,WAAW,EAAE,OAAO,CAAC,EAC5C,iBAAiB,CAAC,gBAAgB;KAAG;IACzC,UAAU,SACR,SAAQ,SAAS,EAAE,iBAAiB,CAAC,SAAS,EAAE,iBAAiB,CAAC,gBAAgB;KAAG;CACxF;AAED,MAAM,MAAM,SAAS,GAAG,SAAS,CAAC,WAAW,GAAG,SAAS,CAAC,SAAS,CAAA;AAQnE,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,IAAI,EACJ,KAAK,EAAE,WAAW,EAClB,WAAW,EACX,UAAU,EACV,KAAK,EACL,QAAgB,EAChB,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,SAAS,2CAqJX;yBAjKe,QAAQ;;;AA4LxB,MAAM,CAAC,OAAO,WAAW,cAAc,CAAC;IACtC,UAAU,SACR,SAAQ,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,EAAE,iBAAiB,CAAC,OAAO,aAAa,CAAC;KAAG;IAC7F,UAAU,aAAc,SAAQ,SAAS;QACvC,IAAI,EAAE,UAAU,CAAA;QAChB,IAAI,CAAC,EAAE,SAAS,CAAA;QAChB,6CAA6C;QAC7C,KAAK,CAAC,EAAE,MAAM,EAAE,GAAG,SAAS,CAAA;QAC5B,YAAY,CAAC,EAAE,MAAM,EAAE,GAAG,SAAS,CAAA;QACnC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC,GAAG,SAAS,CAAA;KACnD;IACD,UAAU,UAAW,SAAQ,SAAS;QACpC,IAAI,EAAE,OAAO,CAAA;QACb,8EAA8E;QAC9E,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;QACzB,mCAAmC;QACnC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;QAC1B,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;QACjC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAA;KACjD;CACF;AAED,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,aAAa,GAAG,cAAc,CAAC,UAAU,CAAA;AAErF,wBAAgB,SAAS,CAAC,EACxB,GAAG,EAAE,SAAS,EACd,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,cAAc,2CA0DhB;yBAtEe,SAAS"}
|
|
@@ -0,0 +1,122 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { createContext, useContext } from 'react';
|
|
4
|
+
import { Checkbox } from '@base-ui/react/checkbox';
|
|
5
|
+
import { CheckboxGroup } from '@base-ui/react/checkbox-group';
|
|
6
|
+
import { Radio } from '@base-ui/react/radio';
|
|
7
|
+
import { RadioGroup } from '@base-ui/react/radio-group';
|
|
8
|
+
import { useAutoValue, useCSSPropsPolyfill, useCSSState, useGDS } from "../hooks/index.js";
|
|
9
|
+
import { cn, getCSSPropsAttributes, splitProps } from "../utils/index.js";
|
|
10
|
+
import { renderAddon } from "./base/Addon.js";
|
|
11
|
+
import { ButtonOrLink } from "./base/ButtonOrLink.js";
|
|
12
|
+
import { ChipGroupMeta, ChipMeta } from "./Chip.meta.js";
|
|
13
|
+
const ChipGroupContext = createContext(null);
|
|
14
|
+
export function ChipRoot({ size, name, value: passedValue, addonBefore, addonAfter, count, disabled = false, className, style, children, ...props }) {
|
|
15
|
+
useGDS();
|
|
16
|
+
const { rootProps, nestedProps } = splitProps(props);
|
|
17
|
+
const autoValue = useAutoValue(children);
|
|
18
|
+
const value = passedValue !== undefined ? passedValue : autoValue;
|
|
19
|
+
const groupContext = useContext(ChipGroupContext);
|
|
20
|
+
const [stateRef, state] = useCSSState({
|
|
21
|
+
pointer: undefined,
|
|
22
|
+
focus: undefined,
|
|
23
|
+
checked: undefined,
|
|
24
|
+
disabled: Boolean(disabled),
|
|
25
|
+
});
|
|
26
|
+
const [cssPropsPolyfillStateRef, cssPropsPolyfillAttributes] = useCSSPropsPolyfill(ChipMeta, { size }, { ref: stateRef });
|
|
27
|
+
return (_jsx("div", { ref: cssPropsPolyfillStateRef, "data-type": groupContext?.type ?? 'plain', className: cn(`gds-chip root-flex flex-col u:size-max u:max-w-full
|
|
28
|
+
u:has-nested-checked/chip-ref:expose-checked
|
|
29
|
+
u:has-nested-hover/chip-ref:expose-hover
|
|
30
|
+
u:has-nested-focus-visible/chip-ref:expose-focus
|
|
31
|
+
u:has-nested-disabled/chip-ref:expose-disabled
|
|
32
|
+
u:i:has-nested-checked/chip-ref:data-[type=radio]:state-idle`, className), ...state.exposedAttributes, ...state.polyfillAttributes, ...getCSSPropsAttributes(ChipMeta, { size }, style), ...cssPropsPolyfillAttributes, ...rootProps, children: (() => {
|
|
33
|
+
if (!groupContext || props.href !== undefined) {
|
|
34
|
+
return renderButtonOrLink({});
|
|
35
|
+
}
|
|
36
|
+
if (groupContext.type === 'checkbox') {
|
|
37
|
+
return (_jsx(Checkbox.Root, { name: name ?? undefined, value: typeof value === 'string' ? value : undefined, disabled: Boolean(disabled), nativeButton: true, render: renderButtonOrLink }));
|
|
38
|
+
}
|
|
39
|
+
else {
|
|
40
|
+
return (_jsx(Radio.Root, { value: value, disabled: Boolean(disabled), nativeButton: true, render: renderButtonOrLink }));
|
|
41
|
+
}
|
|
42
|
+
function renderButtonOrLink({ tabIndex: _tabIndex, defaultChecked: _defaultChecked, ...renderProps }) {
|
|
43
|
+
return (_jsxs(ButtonOrLink, { ...renderProps, disabled: disabled, className: cn(renderProps.className, `nested/chip-ref flex grow items-center justify-center
|
|
44
|
+
rounded-full border border-default text-muted transition
|
|
45
|
+
@state-checked/chip:border-brand-muted
|
|
46
|
+
@state-checked/chip:bg-brand-subtlest
|
|
47
|
+
@state-checked/chip:text-default
|
|
48
|
+
@state-hover/chip:border-strong
|
|
49
|
+
@state-hover/chip:text-default
|
|
50
|
+
@state-hover/chip:@state-checked/chip:border-brand-default
|
|
51
|
+
@state-hover/chip:@state-checked/chip:bg-brand-subtler
|
|
52
|
+
@prop-size-small/chip:h-6
|
|
53
|
+
@prop-size-small/chip:px-1
|
|
54
|
+
@prop-size-small/chip:text-12
|
|
55
|
+
@prop-size-medium/chip:h-8
|
|
56
|
+
@prop-size-medium/chip:px-1.5
|
|
57
|
+
@prop-size-medium/chip:text-14
|
|
58
|
+
@prop-size-large/chip:h-10
|
|
59
|
+
@prop-size-large/chip:px-2
|
|
60
|
+
@prop-size-large/chip:text-16
|
|
61
|
+
u:*:transition-opacity
|
|
62
|
+
u:*:@state-disabled/chip:opacity-disabled
|
|
63
|
+
u:*:@state-disabled/chip:grayscale
|
|
64
|
+
u:@prop-size-small/chip:addon-small
|
|
65
|
+
u:@prop-size-medium/chip:addon-medium
|
|
66
|
+
u:@prop-size-large/chip:addon-large
|
|
67
|
+
i:@state-disabled/chip:border-muted
|
|
68
|
+
i:@state-disabled/chip:bg-transparent
|
|
69
|
+
i:@state-disabled/chip:text-muted
|
|
70
|
+
i:@state-disabled/chip:@state-checked/chip:border-transparent
|
|
71
|
+
i:@state-disabled/chip:@state-checked/chip:bg-brand-subtlest`), ...nestedProps, children: [_jsx("span", { className: "absolute inset-0 not-in-clickable:hidden" }), addonBefore ? _jsx(ChipAddon, { side: "before", children: renderAddon(addonBefore) }) : null, _jsxs("span", { className: `
|
|
72
|
+
flex items-baseline
|
|
73
|
+
@prop-size-small/chip:gap-0.5
|
|
74
|
+
@prop-size-small/chip:px-0.5
|
|
75
|
+
@prop-size-medium/chip:gap-1
|
|
76
|
+
@prop-size-medium/chip:px-1
|
|
77
|
+
@prop-size-large/chip:gap-1
|
|
78
|
+
@prop-size-large/chip:px-1
|
|
79
|
+
`, children: [_jsx("span", { className: "truncate", children: children }), count ? (_jsx("span", { className: `
|
|
80
|
+
max-w-full shrink-0 truncate text-subtle transition
|
|
81
|
+
@state-enabled/chip:@state-checked/chip:text-current
|
|
82
|
+
@state-enabled/chip:@state-hover/chip:text-current
|
|
83
|
+
@prop-size-small/chip:text-10
|
|
84
|
+
@prop-size-medium/chip:text-12
|
|
85
|
+
@prop-size-large/chip:text-14
|
|
86
|
+
`, children: count })) : null] }), addonAfter ? _jsx(ChipAddon, { side: "after", children: renderAddon(addonAfter) }) : null] }));
|
|
87
|
+
}
|
|
88
|
+
})() }));
|
|
89
|
+
}
|
|
90
|
+
ChipRoot.displayName = 'Chip';
|
|
91
|
+
function ChipAddon({ side, className, children, ...props }) {
|
|
92
|
+
return (_jsx("span", { "data-side": side, className: cn(`gds-addon root-flex items-center justify-center u:h-(--gds-addon-size) u:min-w-(--gds-addon-size) u:shrink-0
|
|
93
|
+
u:has-avatar-group:data-[side=after]:ps-0.5
|
|
94
|
+
u:has-tag:data-[side=after]:ps-0.5
|
|
95
|
+
u:has-avatar-group:data-[side=before]:pe-0.5
|
|
96
|
+
u:has-tag:data-[side=before]:pe-0.5`, className), ...props, children: children }));
|
|
97
|
+
}
|
|
98
|
+
export function ChipGroup({ ref: passedRef, type, name, value, defaultValue, onChange, size, className, style, children, ...props }) {
|
|
99
|
+
useGDS();
|
|
100
|
+
if (props['aria-label'] === undefined && props['aria-labelledby'] === undefined) {
|
|
101
|
+
// oxlint-disable-next-line no-console
|
|
102
|
+
console.warn('[Chip.Group] One of `aria-label` or `aria-labelledby` should be set for accessibility');
|
|
103
|
+
}
|
|
104
|
+
const [cssPropsPolyfillPassedRef, cssPropsPolyfillAttributes, cssProps] = useCSSPropsPolyfill(ChipGroupMeta, { size }, { ref: passedRef, returnPropValues: { size } });
|
|
105
|
+
const sharedProps = {
|
|
106
|
+
ref: cssPropsPolyfillPassedRef,
|
|
107
|
+
'data-size': cssProps.size,
|
|
108
|
+
className: cn(`gds-chip-group root-flex u:flex-wrap
|
|
109
|
+
u:data-[size=large]:gap-2
|
|
110
|
+
u:data-[size=medium]:gap-1.5
|
|
111
|
+
u:data-[size=small]:gap-1
|
|
112
|
+
u:**:chip:@prop-size-small/chip-group:prop-size-small
|
|
113
|
+
u:**:chip:@prop-size-medium/chip-group:prop-size-medium
|
|
114
|
+
u:**:chip:@prop-size-large/chip-group:prop-size-large`, className),
|
|
115
|
+
...getCSSPropsAttributes(ChipGroupMeta, { size }, style),
|
|
116
|
+
...cssPropsPolyfillAttributes,
|
|
117
|
+
...props,
|
|
118
|
+
};
|
|
119
|
+
return (_jsx(ChipGroupContext.Provider, { value: { type }, children: type === 'checkbox' ? (_jsx(CheckboxGroup, { ...sharedProps, ...(value !== undefined && { value }), ...(defaultValue !== undefined && { defaultValue }), ...(onChange !== undefined && { onValueChange: onChange }), children: children })) : (_jsx(RadioGroup, { name: name ?? undefined, ...sharedProps, ...(value !== undefined && { value }), ...(defaultValue !== undefined && { defaultValue }), ...(onChange !== undefined && { onValueChange: onChange }), children: children })) }));
|
|
120
|
+
}
|
|
121
|
+
ChipGroup.displayName = 'Chip.Group';
|
|
122
|
+
//# sourceMappingURL=Chip.parts.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Chip.parts.js","sourceRoot":"","sources":["../../src/components/Chip.parts.tsx"],"names":[],"mappings":"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"}
|
|
@@ -74,7 +74,7 @@ export function DescriptionListItem({ ref: passedRef, variant, label: passedLabe
|
|
|
74
74
|
u:@prop-size-large/description-list:addon-large
|
|
75
75
|
`, children: renderAddon(addon) })) : null, children ? _jsx("span", { className: "shrink-0", children: children }) : null] }), action && !loading ? (_jsx("span", { className: "shrink-0 self-center **:button:default-variant-naked", children: action })) : null, _jsx("span", { className: `
|
|
76
76
|
absolute inset-y-0 flex items-center justify-center
|
|
77
|
-
not-
|
|
77
|
+
group-not-data-loading/description-list-item:hidden
|
|
78
78
|
@prop-orientation-horizontal/description-list:start-0
|
|
79
79
|
@prop-orientation-vertical/description-list:end-0
|
|
80
80
|
@prop-orientation-vertical/description-list:w-(--gds-addon-size)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentedControl.parts.d.ts","sourceRoot":"","sources":["../../src/components/SegmentedControl.parts.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIL,KAAK,cAAc,EAGpB,MAAM,OAAO,CAAA;AAKd,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAS/D,OAAO,EAKL,KAAK,WAAW,EACjB,MAAM,mBAAmB,CAAA;AAC1B,OAAO,EAAe,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC/D,OAAO,EAAE,oBAAoB,EAAE,KAAK,0BAA0B,EAAE,MAAM,4BAA4B,CAAA;AAClG,OAAO,EAAgC,KAAK,YAAY,EAAE,MAAM,eAAe,CAAA;AAE/E,MAAM,WAAW,qBAAqB,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,CACxE,SACE,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,cAAc,GAAG,UAAU,CAAC,EACxD,iBAAiB,CAAC,OAAO,oBAAoB,CAAC;IAChD,KAAK,CAAC,EAAE,CAAC,GAAG,SAAS,CAAA;IACrB,YAAY,CAAC,EAAE,CAAC,GAAG,SAAS,CAAA;IAC5B,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC,GAAG,SAAS,CAAA;CAE5C;AAED,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,WAAW,EAAE,EAC1D,GAAG,EAAE,SAAS,EACd,IAAI,EACJ,KAAK,EAAE,eAAe,EACtB,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,qBAAqB,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"SegmentedControl.parts.d.ts","sourceRoot":"","sources":["../../src/components/SegmentedControl.parts.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIL,KAAK,cAAc,EAGpB,MAAM,OAAO,CAAA;AAKd,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAS/D,OAAO,EAKL,KAAK,WAAW,EACjB,MAAM,mBAAmB,CAAA;AAC1B,OAAO,EAAe,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC/D,OAAO,EAAE,oBAAoB,EAAE,KAAK,0BAA0B,EAAE,MAAM,4BAA4B,CAAA;AAClG,OAAO,EAAgC,KAAK,YAAY,EAAE,MAAM,eAAe,CAAA;AAE/E,MAAM,WAAW,qBAAqB,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,CACxE,SACE,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,cAAc,GAAG,UAAU,CAAC,EACxD,iBAAiB,CAAC,OAAO,oBAAoB,CAAC;IAChD,KAAK,CAAC,EAAE,CAAC,GAAG,SAAS,CAAA;IACrB,YAAY,CAAC,EAAE,CAAC,GAAG,SAAS,CAAA;IAC5B,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC,GAAG,SAAS,CAAA;CAE5C;AAED,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,WAAW,EAAE,EAC1D,GAAG,EAAE,SAAS,EACd,IAAI,EACJ,KAAK,EAAE,eAAe,EACtB,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,qBAAqB,CAAC,CAAC,CAAC,2CAoE1B;yBA9Ee,oBAAoB;;;AAiFpC,MAAM,WAAW,2BAA2B,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,CAC9E,SAAQ,cAAc,CAAC,MAAM,CAAC,EAAE,iBAAiB,CAAC,OAAO,0BAA0B,CAAC;IACpF,KAAK,CAAC,EAAE,CAAC,GAAG,SAAS,CAAA;IACrB,WAAW,CAAC,EAAE,UAAU,GAAG,SAAS,CAAA;IACpC,UAAU,CAAC,EAAE,UAAU,GAAG,SAAS,CAAA;IACnC,6FAA6F;IAC7F,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,GAAG,SAAS,CAAA;CAC/E;AAED,wBAAgB,sBAAsB,CAAC,CAAC,SAAS,WAAW,EAAE,EAC5D,GAAG,EAAE,SAAS,EACd,KAAK,EAAE,WAAW,EAClB,WAAW,EACX,UAAU,EACV,OAAO,EACP,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,2BAA2B,CAAC,CAAC,CAAC,2CAmIhC;yBA5Ie,sBAAsB"}
|
|
@@ -10,6 +10,7 @@ import { renderAddon } from "./base/Addon.js";
|
|
|
10
10
|
import { SegmentedControlMeta } from "./SegmentedControl.meta.js";
|
|
11
11
|
import { Tooltip, useCollectedTooltip } from "./Tooltip.js";
|
|
12
12
|
export function SegmentedControlRoot({ ref: passedRef, size, value: controlledValue, defaultValue, onChange, className, style, children, ...props }) {
|
|
13
|
+
useGDS();
|
|
13
14
|
if (props['aria-label'] === undefined && props['aria-labelledby'] === undefined) {
|
|
14
15
|
// oxlint-disable-next-line no-console
|
|
15
16
|
console.warn('[SegmentedControl] One of `aria-label` or `aria-labelledby` should be set for accessibility');
|
|
@@ -49,17 +50,16 @@ export function SegmentedControlRoot({ ref: passedRef, size, value: controlledVa
|
|
|
49
50
|
}
|
|
50
51
|
SegmentedControlRoot.displayName = 'SegmentedControl';
|
|
51
52
|
export function SegmentedControlOption({ ref: passedRef, value: passedValue, addonBefore, addonAfter, tooltip, className, children, ...props }) {
|
|
52
|
-
useGDS();
|
|
53
53
|
const { rootProps, nestedProps } = splitProps(props);
|
|
54
54
|
const buttonRef = useRef(null);
|
|
55
55
|
const buttonPassedRef = useMergedRefs(buttonRef, passedRef);
|
|
56
|
+
const autoValue = useAutoValue(children);
|
|
57
|
+
const value = passedValue !== undefined ? passedValue : autoValue;
|
|
56
58
|
const [stateRef, state] = useCSSState({
|
|
57
59
|
pointer: undefined,
|
|
58
60
|
checked: undefined,
|
|
59
61
|
'is-toggle': undefined,
|
|
60
62
|
});
|
|
61
|
-
const autoValue = useAutoValue(children);
|
|
62
|
-
const value = passedValue !== undefined ? passedValue : autoValue;
|
|
63
63
|
const { onCollect, collectedContent } = useCollectedTooltip();
|
|
64
64
|
let tooltipProps = { content: collectedContent };
|
|
65
65
|
if (tooltip !== undefined) {
|
|
@@ -86,31 +86,20 @@ export function SegmentedControlOption({ ref: passedRef, value: passedValue, add
|
|
|
86
86
|
cancelable: true,
|
|
87
87
|
}));
|
|
88
88
|
};
|
|
89
|
-
return (
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
* currently (see https://github.com/mui/base-ui/issues/3143).
|
|
98
|
-
*/
|
|
99
|
-
_jsx("div", { ref: stateRef, className: cn(`gds-segmented-control-option root-block
|
|
100
|
-
state-[is-toggle=false]
|
|
101
|
-
group-[:has([data-checked]):has(>:nth-child(2)):not(:has(>:nth-child(3)))]/segmented-control-options:state-[is-toggle]
|
|
102
|
-
u:group-has-nested-hover/segmented-control--segmented-control-toggle:state-hover
|
|
103
|
-
u:group-has-nested-active/segmented-control--segmented-control-toggle:state-active
|
|
104
|
-
u:has-nested-hover/segmented-control-option-ref:state-hover
|
|
105
|
-
u:has-nested-active/segmented-control-option-ref:state-active
|
|
106
|
-
u:has-nested-[[data-checked]]/segmented-control-option-ref:state-checked`, className), ...state.polyfillAttributes, ...rootProps, children: _jsx(Tooltip, { ...tooltipProps, children: _jsxs(Radio.Root, { ref: buttonPassedRef, value: value, onKeyDown: (event) => {
|
|
89
|
+
return (_jsx(Tooltip, { ...tooltipProps, children: _jsx("div", { ref: stateRef, className: cn(`gds-segmented-control-option root-block
|
|
90
|
+
state-[is-toggle=false]
|
|
91
|
+
group-[:has([data-checked]):has(>:nth-child(2)):not(:has(>:nth-child(3)))]/segmented-control-options:state-[is-toggle]
|
|
92
|
+
u:group-has-nested-hover/segmented-control--segmented-control-toggle:state-hover
|
|
93
|
+
u:group-has-nested-active/segmented-control--segmented-control-toggle:state-active
|
|
94
|
+
u:has-nested-hover/segmented-control-option-ref:state-hover
|
|
95
|
+
u:has-nested-active/segmented-control-option-ref:state-active
|
|
96
|
+
u:has-nested-[[data-checked]]/segmented-control-option-ref:state-checked`, className), ...state.polyfillAttributes, ...rootProps, children: _jsxs(Radio.Root, { ref: buttonPassedRef, value: value, onKeyDown: (event) => {
|
|
107
97
|
// If there are only two options, toggle between them when pressing Space, like a checkbox
|
|
108
98
|
if (event.key === ' ') {
|
|
109
99
|
toggle(event);
|
|
110
100
|
}
|
|
111
101
|
}, className: `
|
|
112
|
-
nested/segmented-control-option-ref block w-full
|
|
113
|
-
@state-checked/segmented-control-option:cursor-default
|
|
102
|
+
nested/segmented-control-option-ref block w-full outline-0
|
|
114
103
|
@state-checked/segmented-control-option:[anchor-name:--gds-segmented-control-checked]
|
|
115
104
|
`, ...nestedProps, children: [_jsxs("span", { className: `
|
|
116
105
|
flex h-(--height) min-w-(--height) items-center justify-center border border-transparent text-button-naked-idle transition
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentedControl.parts.js","sourceRoot":"","sources":["../../src/components/SegmentedControl.parts.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"SegmentedControl.parts.js","sourceRoot":"","sources":["../../src/components/SegmentedControl.parts.tsx"],"names":[],"mappings":"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"}
|
|
@@ -36,8 +36,8 @@ export function TabSetTabs({ ref: passedRef, size, fullWidth, divider, className
|
|
|
36
36
|
` }), flattenChildren(children).map((child, childIndex) => (_jsx(TabSetItemContext.Provider, { value: { selectedTab, index: childIndex }, children: child }, childIndex))), _jsx("span", { className: `
|
|
37
37
|
absolute inset-x-[anchor(inside)] bottom-0 h-px bg-(--border-color-brand-default) transition-[inset] duration-300
|
|
38
38
|
[position-anchor:--gds-tab-set-underline]
|
|
39
|
-
not-group-hover/tab-set-tabs:duration-0
|
|
40
39
|
not-supports-[position-anchor:--foo]:hidden
|
|
40
|
+
group-not-hover/tab-set-tabs:duration-0
|
|
41
41
|
group-has-focus-visible/tab-set-tabs:hidden
|
|
42
42
|
` })] }) }));
|
|
43
43
|
}
|
|
@@ -2,8 +2,6 @@ import type { GDSComponentProps } from '@graphprotocol/gds-css';
|
|
|
2
2
|
import { type ButtonProps } from './Button.tsx';
|
|
3
3
|
import type { ToggleButtonMeta } from './ToggleButton.meta.ts';
|
|
4
4
|
export interface ToggleButtonProps extends Omit<ButtonProps.ToggleButtonProps, 'onChange' | 'variant'>, GDSComponentProps<typeof ToggleButtonMeta> {
|
|
5
|
-
checked?: boolean | undefined;
|
|
6
|
-
defaultChecked?: boolean | undefined;
|
|
7
5
|
onChange?: ((checked: boolean) => void) | undefined;
|
|
8
6
|
}
|
|
9
7
|
export declare function ToggleButton({ checked: controlledChecked, defaultChecked, onChange, onClick, className, ...props }: ToggleButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleButton.d.ts","sourceRoot":"","sources":["../../src/components/ToggleButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAI/D,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,cAAc,CAAA;AACvD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AAM9D,MAAM,WAAW,iBACf,SACE,IAAI,CAAC,WAAW,CAAC,iBAAiB,EAAE,UAAU,GAAG,SAAS,CAAC,EAC3D,iBAAiB,CAAC,OAAO,gBAAgB,CAAC;IAC5C,
|
|
1
|
+
{"version":3,"file":"ToggleButton.d.ts","sourceRoot":"","sources":["../../src/components/ToggleButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAI/D,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,cAAc,CAAA;AACvD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AAM9D,MAAM,WAAW,iBACf,SACE,IAAI,CAAC,WAAW,CAAC,iBAAiB,EAAE,UAAU,GAAG,SAAS,CAAC,EAC3D,iBAAiB,CAAC,OAAO,gBAAgB,CAAC;IAC5C,QAAQ,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,SAAS,CAAA;CACpD;AAED,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EAAE,iBAAiB,EAC1B,cAAc,EACd,QAAQ,EACR,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,iBAAiB,2CAgBnB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleButton.js","sourceRoot":"","sources":["../../src/components/ToggleButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAMZ,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AACzD,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,MAAM,EAAoB,MAAM,aAAc,CAAA;AAGvD,MAAM,cAAc,GAAG,MAEtB,CAAA;
|
|
1
|
+
{"version":3,"file":"ToggleButton.js","sourceRoot":"","sources":["../../src/components/ToggleButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAMZ,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AACzD,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,MAAM,EAAoB,MAAM,aAAc,CAAA;AAGvD,MAAM,cAAc,GAAG,MAEtB,CAAA;AASD,MAAM,UAAU,YAAY,CAAC,EAC3B,OAAO,EAAE,iBAAiB,EAC1B,cAAc,EACd,QAAQ,EACR,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACU;IAClB,MAAM,EAAE,CAAA;IAER,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,aAAa,CAAC,iBAAiB,EAAE,cAAc,IAAI,KAAK,EAAE,QAAQ,CAAC,CAAA;IAEjG,OAAO,CACL,KAAC,cAAc,OACT,KAAK,EACT,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACjB,UAAU,CAAC,CAAC,OAAO,CAAC,CAAA;YACpB,OAAO,EAAE,CAAC,KAAK,CAAC,CAAA;QAClB,CAAC,EACD,SAAS,EAAE,EAAE,CAAC,mBAAmB,EAAE,SAAS,CAAC,GAC7C,CACH,CAAA;AACH,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.parts.d.ts","sourceRoot":"","sources":["../../src/components/Tooltip.parts.tsx"],"names":[],"mappings":"AAEA,OAAO,EAQL,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAA;AAGd,OAAO,EAAU,KAAK,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAKvE,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAE/C,KAAK,gBAAgB,GAAG,OAAO,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;AAYrD,MAAM,WAAW,YACf,SAAQ,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC,EAAE,iBAAiB,CAAC,OAAO,WAAW,CAAC;IACrF;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAC/B,8CAA8C;IAC9C,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC1B,mDAAmD;IACnD,YAAY,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,SAAS,CAAA;IACpD,6CAA6C;IAC7C,QAAQ,EAAE,YAAY,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAA;CAChD;AAED,wBAAgB,WAAW,CAAC,EAC1B,GAAG,EAAE,SAAS,EACd,OAAO,EAAE,aAAa,EACtB,QAAQ,EACR,GAAG,EACH,KAAK,EACL,IAAI,EAAE,cAAc,EACpB,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,YAAY,
|
|
1
|
+
{"version":3,"file":"Tooltip.parts.d.ts","sourceRoot":"","sources":["../../src/components/Tooltip.parts.tsx"],"names":[],"mappings":"AAEA,OAAO,EAQL,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAA;AAGd,OAAO,EAAU,KAAK,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAKvE,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAE/C,KAAK,gBAAgB,GAAG,OAAO,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;AAYrD,MAAM,WAAW,YACf,SAAQ,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC,EAAE,iBAAiB,CAAC,OAAO,WAAW,CAAC;IACrF;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAC/B,8CAA8C;IAC9C,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC1B,mDAAmD;IACnD,YAAY,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,SAAS,CAAA;IACpD,6CAA6C;IAC7C,QAAQ,EAAE,YAAY,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAA;CAChD;AAED,wBAAgB,WAAW,CAAC,EAC1B,GAAG,EAAE,SAAS,EACd,OAAO,EAAE,aAAa,EACtB,QAAQ,EACR,GAAG,EACH,KAAK,EACL,IAAI,EAAE,cAAc,EACpB,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,YAAY,2CAoId;AAED,MAAM,WAAW,qBAAqB;IACpC,mEAAmE;IACnE,SAAS,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI,CAAC,GAAG,SAAS,CAAA;IAC7D,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,wBAAgB,gBAAgB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,qBAAqB,2CAM9E;AAED,qEAAqE;AACrE,wBAAgB,iBAAiB,eAtLpB,gBAAgB,aAAa,MAAM,KAAK,IAAI,SAwLxD;AAED,oEAAoE;AACpE,wBAAgB,mBAAmB;yBAML,gBAAgB;;EAuB7C;AAED,MAAM,WAAW,mBAAmB;IAClC,MAAM,CAAC,EAAE,WAAW,CAAC,QAAQ,CAAC,GAAG,SAAS,CAAA;IAC1C,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,mBAAmB,2TAYvE"}
|
|
@@ -66,7 +66,7 @@ export function TooltipRoot({ ref: passedRef, content: passedContent, position,
|
|
|
66
66
|
setOpen(newOpen);
|
|
67
67
|
}, children: [_jsx(Tooltip.Trigger, { delay: OPEN_DELAY, closeDelay: 100, render: ({ onClick: _onClick, ...renderProps }) => (_jsx(Render, { ...(enabled ? renderProps : {}), render: children })) }), _jsx(Tooltip.Portal, { children: _jsx(Tooltip.Positioner
|
|
68
68
|
// The `key` is needed for the `data-[starting-style]`s to refresh properly when these props change in CSS
|
|
69
|
-
, { side: cssProps.position, sideOffset: twToPx(cssProps.gap), align: cssProps.align,
|
|
69
|
+
, { side: cssProps.position, sideOffset: twToPx(cssProps.gap), align: cssProps.align, ...dirProps, children: _jsx(Tooltip.Popup, { ref: passedRef, className: cn(`gds-tooltip root-block u:max-w-(--available-width) u:rounded-4 u:bg-default u:px-2 u:py-1 u:text-12 u:text-default u:transition
|
|
70
70
|
i:origin-(--transform-origin)
|
|
71
71
|
i:data-ending-style:opacity-0
|
|
72
72
|
i:data-starting-style:opacity-0
|