@primer/react 38.0.0-rc.4 → 38.0.0-rc.6
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/CHANGELOG.md +64 -0
- package/dist/ActionList/Item.d.ts +47 -4
- package/dist/ActionList/Item.d.ts.map +1 -1
- package/dist/ActionList/Item.js +11 -3
- package/dist/ActionList/List.d.ts +23 -3
- package/dist/ActionList/List.d.ts.map +1 -1
- package/dist/ActionList/List.js +20 -13
- package/dist/ActionList/index.d.ts +67 -2
- package/dist/ActionList/index.d.ts.map +1 -1
- package/dist/ActionList/shared.d.ts +12 -6
- package/dist/ActionList/shared.d.ts.map +1 -1
- package/dist/ActionList/shared.js +3 -0
- package/dist/Autocomplete/Autocomplete.d.ts +1 -1
- package/dist/Autocomplete/AutocompleteMenu.d.ts.map +1 -1
- package/dist/Autocomplete/AutocompleteMenu.js +2 -2
- package/dist/Avatar/Avatar.d.ts +2 -3
- package/dist/Avatar/Avatar.d.ts.map +1 -1
- package/dist/Avatar/Avatar.js +38 -46
- package/dist/Breadcrumbs/Breadcrumbs.d.ts +15 -12
- package/dist/Breadcrumbs/Breadcrumbs.d.ts.map +1 -1
- package/dist/Breadcrumbs/Breadcrumbs.js +35 -34
- package/dist/Button/ButtonBase.d.ts.map +1 -1
- package/dist/Button/ButtonBase.js +8 -4
- package/dist/CheckboxGroup/CheckboxGroup.d.ts +1 -1
- package/dist/CheckboxGroup/CheckboxGroup.d.ts.map +1 -1
- package/dist/CheckboxGroup/index.d.ts +1 -1
- package/dist/CheckboxGroup/index.d.ts.map +1 -1
- package/dist/CircleBadge/CircleBadge-87549d20.css +2 -0
- package/dist/CircleBadge/CircleBadge-87549d20.css.map +1 -0
- package/dist/CircleBadge/CircleBadge.d.ts +14 -14
- package/dist/CircleBadge/CircleBadge.d.ts.map +1 -1
- package/dist/CircleBadge/CircleBadge.js +69 -13
- package/dist/CircleBadge/CircleBadge.module.css.js +5 -0
- package/dist/DataTable/{Table-87f4043f.css → Table-7f5cb3e4.css} +2 -2
- package/dist/DataTable/Table-7f5cb3e4.css.map +1 -0
- package/dist/DataTable/Table.js +1 -1
- package/dist/DataTable/Table.module.css.js +2 -2
- package/dist/Dialog/{Dialog-8a809d11.css → Dialog-1a61e61a.css} +2 -2
- package/dist/Dialog/Dialog-1a61e61a.css.map +1 -0
- package/dist/Dialog/Dialog.d.ts +6 -12
- package/dist/Dialog/Dialog.d.ts.map +1 -1
- package/dist/Dialog/Dialog.js +11 -26
- package/dist/Dialog/Dialog.module.css.js +2 -2
- package/dist/DialogV1/Dialog.d.ts +13 -11
- package/dist/DialogV1/Dialog.d.ts.map +1 -1
- package/dist/DialogV1/Dialog.js +71 -63
- package/dist/FormControl/FormControl.d.ts +6 -1
- package/dist/FormControl/FormControl.d.ts.map +1 -1
- package/dist/FormControl/FormControl.js +4 -1
- package/dist/FormControl/FormControlCaption.d.ts +2 -1
- package/dist/FormControl/FormControlCaption.d.ts.map +1 -1
- package/dist/FormControl/FormControlCaption.js +12 -9
- package/dist/FormControl/FormControlLabel.d.ts +1 -0
- package/dist/FormControl/FormControlLabel.d.ts.map +1 -1
- package/dist/FormControl/FormControlLeadingVisual.d.ts +3 -1
- package/dist/FormControl/FormControlLeadingVisual.d.ts.map +1 -1
- package/dist/FormControl/FormControlLeadingVisual.js +11 -8
- package/dist/FormControl/_FormControlValidation.d.ts +1 -0
- package/dist/FormControl/_FormControlValidation.d.ts.map +1 -1
- package/dist/FormControl/_FormControlValidation.js +11 -8
- package/dist/Heading/Heading.d.ts +4 -4
- package/dist/Heading/Heading.d.ts.map +1 -1
- package/dist/Heading/Heading.js +0 -11
- package/dist/KeybindingHint/components/Chord-d4edcc89.css +2 -0
- package/dist/KeybindingHint/components/Chord-d4edcc89.css.map +1 -0
- package/dist/KeybindingHint/components/Chord.d.ts.map +1 -1
- package/dist/KeybindingHint/components/Chord.js +44 -68
- package/dist/KeybindingHint/components/Chord.module.css.js +5 -0
- package/dist/Label/Label.d.ts +1 -3
- package/dist/Label/Label.d.ts.map +1 -1
- package/dist/Label/Label.js +37 -69
- package/dist/Label/index.d.ts +0 -1
- package/dist/Label/index.d.ts.map +1 -1
- package/dist/LabelGroup/LabelGroup-eda75c0f.css +2 -0
- package/dist/LabelGroup/LabelGroup-eda75c0f.css.map +1 -0
- package/dist/LabelGroup/LabelGroup.d.ts.map +1 -1
- package/dist/LabelGroup/LabelGroup.js +4 -10
- package/dist/LabelGroup/LabelGroup.module.css.js +5 -0
- package/dist/Link/Link-e01bdaee.css +2 -0
- package/dist/Link/Link-e01bdaee.css.map +1 -0
- package/dist/Link/Link.d.ts +11 -5
- package/dist/Link/Link.d.ts.map +1 -1
- package/dist/Link/Link.js +21 -29
- package/dist/Link/Link.module.css.js +1 -1
- package/dist/NavList/NavList-5dc067e3.css +2 -0
- package/dist/NavList/NavList-5dc067e3.css.map +1 -0
- package/dist/NavList/NavList.d.ts +4 -5
- package/dist/NavList/NavList.d.ts.map +1 -1
- package/dist/NavList/NavList.js +214 -420
- package/dist/NavList/NavList.module.css.js +5 -0
- package/dist/Overlay/Overlay.d.ts +1 -2
- package/dist/Overlay/Overlay.d.ts.map +1 -1
- package/dist/Overlay/Overlay.js +2 -3
- package/dist/Pagination/{Pagination-e98833e8.css → Pagination-1845feaa.css} +2 -2
- package/dist/Pagination/Pagination-1845feaa.css.map +1 -0
- package/dist/Pagination/Pagination.d.ts +1 -2
- package/dist/Pagination/Pagination.d.ts.map +1 -1
- package/dist/Pagination/Pagination.js +5 -13
- package/dist/Pagination/Pagination.module.css.js +1 -1
- package/dist/Placeholder.d.ts.map +1 -1
- package/dist/Popover/Popover.d.ts +0 -3
- package/dist/Popover/Popover.d.ts.map +1 -1
- package/dist/ScrollableRegion/ScrollableRegion-c1018dbe.css +2 -0
- package/dist/ScrollableRegion/ScrollableRegion-c1018dbe.css.map +1 -0
- package/dist/ScrollableRegion/ScrollableRegion.d.ts +1 -1
- package/dist/ScrollableRegion/ScrollableRegion.d.ts.map +1 -1
- package/dist/ScrollableRegion/ScrollableRegion.js +37 -31
- package/dist/ScrollableRegion/ScrollableRegion.module.css.js +5 -0
- package/dist/SelectPanel/SelectPanel.d.ts.map +1 -1
- package/dist/SelectPanel/SelectPanel.js +20 -1
- package/dist/Skeleton/SkeletonBox.js +2 -2
- package/dist/SkeletonAvatar/SkeletonAvatar.js +2 -2
- package/dist/StateLabel/{StateLabel-50420ff5.css → StateLabel-aaa1d148.css} +2 -2
- package/dist/StateLabel/{StateLabel-50420ff5.css.map → StateLabel-aaa1d148.css.map} +1 -1
- package/dist/StateLabel/StateLabel.module.css.js +1 -1
- package/dist/TabNav/TabNav.d.ts +4 -6
- package/dist/TabNav/TabNav.d.ts.map +1 -1
- package/dist/TabNav/TabNav.js +5 -7
- package/dist/Text/Text.d.ts +1 -2
- package/dist/Text/Text.d.ts.map +1 -1
- package/dist/Text/Text.js +1 -3
- package/dist/TextInput/TextInput.d.ts +1 -1
- package/dist/TextInputWithTokens/{TextInputWithTokens-fb9b5109.css → TextInputWithTokens-946ead3e.css} +2 -2
- package/dist/TextInputWithTokens/TextInputWithTokens-946ead3e.css.map +1 -0
- package/dist/TextInputWithTokens/TextInputWithTokens.d.ts.map +1 -1
- package/dist/TextInputWithTokens/TextInputWithTokens.js +6 -7
- package/dist/TextInputWithTokens/TextInputWithTokens.module.css.js +2 -2
- package/dist/ThemeProvider.js +3 -3
- package/dist/Token/Token.d.ts +1 -2
- package/dist/Token/Token.d.ts.map +1 -1
- package/dist/Token/TokenBase.d.ts +1 -2
- package/dist/Token/TokenBase.d.ts.map +1 -1
- package/dist/Token/TokenBase.js +64 -63
- package/dist/Token/_RemoveTokenButton.d.ts +1 -2
- package/dist/Token/_RemoveTokenButton.d.ts.map +1 -1
- package/dist/Token/_RemoveTokenButton.js +38 -104
- package/dist/Token/_TokenTextContainer.d.ts +1 -1
- package/dist/Token/_TokenTextContainer.d.ts.map +1 -1
- package/dist/Token/_TokenTextContainer.js +40 -20
- package/dist/Tooltip/Tooltip.d.ts +1 -2
- package/dist/Tooltip/Tooltip.d.ts.map +1 -1
- package/dist/Tooltip/Tooltip.js +1 -2
- package/dist/TooltipV2/Tooltip.d.ts +16 -3
- package/dist/TooltipV2/Tooltip.d.ts.map +1 -1
- package/dist/TooltipV2/Tooltip.js +15 -5
- package/dist/UnderlineNav/UnderlineNav.js +2 -2
- package/dist/_VisuallyHidden.d.ts +5 -5
- package/dist/_VisuallyHidden.d.ts.map +1 -1
- package/dist/_VisuallyHidden.js +30 -32
- package/dist/experimental/UnderlinePanels/UnderlinePanels.d.ts +1 -2
- package/dist/experimental/UnderlinePanels/UnderlinePanels.d.ts.map +1 -1
- package/dist/experimental/UnderlinePanels/UnderlinePanels.js +28 -13
- package/dist/hooks/useMnemonics.d.ts +1 -0
- package/dist/hooks/useMnemonics.d.ts.map +1 -1
- package/dist/hooks/useMnemonics.js +99 -57
- package/dist/index.d.ts +2 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupCaption.js +1 -3
- package/dist/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupLabel.d.ts +1 -2
- package/dist/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupLabel.d.ts.map +1 -1
- package/dist/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupLabel.js +1 -3
- package/dist/internal/components/ConditionalWrapper.d.ts +2 -3
- package/dist/internal/components/ConditionalWrapper.d.ts.map +1 -1
- package/dist/internal/components/ConditionalWrapper.js +21 -18
- package/dist/internal/components/{InputValidation-057236a4.css → InputValidation-dddeaafd.css} +2 -2
- package/dist/internal/components/{InputValidation-057236a4.css.map → InputValidation-dddeaafd.css.map} +1 -1
- package/dist/internal/components/InputValidation.d.ts +1 -0
- package/dist/internal/components/InputValidation.d.ts.map +1 -1
- package/dist/internal/components/InputValidation.js +4 -4
- package/dist/internal/components/InputValidation.module.css.js +1 -1
- package/dist/internal/components/TextInputInnerAction.d.ts +1 -1
- package/dist/internal/components/UnderlineTabbedInterface.d.ts +11 -12
- package/dist/internal/components/UnderlineTabbedInterface.d.ts.map +1 -1
- package/dist/internal/components/UnderlineTabbedInterface.js +68 -63
- package/dist/internal/components/ValidationAnimationContainer.d.ts.map +1 -1
- package/dist/internal/components/ValidationAnimationContainer.js +5 -4
- package/dist/live-region/Announce.d.ts +2 -2
- package/dist/live-region/Announce.d.ts.map +1 -1
- package/dist/live-region/AriaAlert.d.ts +3 -3
- package/dist/live-region/AriaAlert.d.ts.map +1 -1
- package/dist/live-region/AriaAlert.js +14 -33
- package/dist/live-region/AriaStatus.d.ts +3 -3
- package/dist/live-region/AriaStatus.d.ts.map +1 -1
- package/dist/live-region/AriaStatus.js +14 -33
- package/dist/utils/modern-polymorphic.d.ts +22 -0
- package/dist/utils/modern-polymorphic.d.ts.map +1 -0
- package/dist/utils/modern-polymorphic.js +26 -0
- package/generated/components.json +4 -98
- package/package.json +7 -7
- package/dist/DataTable/Table-87f4043f.css.map +0 -1
- package/dist/Dialog/Dialog-8a809d11.css.map +0 -1
- package/dist/Link/Link-948b910e.css +0 -2
- package/dist/Link/Link-948b910e.css.map +0 -1
- package/dist/Pagination/Pagination-e98833e8.css.map +0 -1
- package/dist/TextInputWithTokens/TextInputWithTokens-fb9b5109.css.map +0 -1
- package/dist/utils/polymorphic2.d.ts +0 -16
- package/dist/utils/polymorphic2.d.ts.map +0 -1
package/dist/Text/Text.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/Text/Text.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,KAAK,eAAe,EAAC,MAAM,mBAAmB,CAAA;AACtD,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAO,KAAK,EAAC,iBAAiB,EAAE,qBAAqB,EAAC,MAAM,cAAc,CAAA;
|
|
1
|
+
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/Text/Text.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,KAAK,eAAe,EAAC,MAAM,mBAAmB,CAAA;AACtD,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAO,KAAK,EAAC,iBAAiB,EAAE,qBAAqB,EAAC,MAAM,cAAc,CAAA;AAI1E,KAAK,eAAe,GAAG;IAErB,EAAE,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,MAAM,GAAG,CAAC,iBAAiB,CAAA;IAC3D,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,CAAA;CACpD,GAAG,qBAAqB,GACvB,iBAAiB,GACjB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAA;AAEvC,QAAA,MAAM,IAAI,EAgBJ,eAAe,CAAC,MAAM,EAAE,GAAG,EAAE,eAAe,EAAE,KAAK,CAAC,CAAA;AAI1D,MAAM,MAAM,SAAS,GAAG,eAAe,CAAA;AACvC,eAAe,IAAI,CAAA"}
|
package/dist/Text/Text.js
CHANGED
|
@@ -2,7 +2,6 @@ import { c } from 'react-compiler-runtime';
|
|
|
2
2
|
import { clsx } from 'clsx';
|
|
3
3
|
import React, { forwardRef } from 'react';
|
|
4
4
|
import classes from './Text.module.css.js';
|
|
5
|
-
import { BoxWithFallback } from '../internal/components/BoxWithFallback.js';
|
|
6
5
|
import { jsx } from 'react/jsx-runtime';
|
|
7
6
|
import { useRefObjectAsForwardedRef } from '../hooks/useRefObjectAsForwardedRef.js';
|
|
8
7
|
|
|
@@ -47,8 +46,7 @@ const Text = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
|
|
|
47
46
|
}
|
|
48
47
|
let t3;
|
|
49
48
|
if ($[8] !== Component || $[9] !== props || $[10] !== size || $[11] !== t2 || $[12] !== weight) {
|
|
50
|
-
t3 = /*#__PURE__*/jsx(
|
|
51
|
-
as: Component,
|
|
49
|
+
t3 = /*#__PURE__*/jsx(Component, {
|
|
52
50
|
className: t2,
|
|
53
51
|
"data-size": size,
|
|
54
52
|
"data-weight": weight,
|
|
@@ -31,7 +31,7 @@ export type TextInputNonPassthroughProps = {
|
|
|
31
31
|
} & Partial<Pick<StyledWrapperProps, 'block' | 'contrast' | 'disabled' | 'monospace' | 'sx' | 'width' | 'maxWidth' | 'minWidth' | 'variant' | 'size' | 'validationStatus'>>;
|
|
32
32
|
export type TextInputProps = Merge<React.ComponentPropsWithoutRef<'input'>, TextInputNonPassthroughProps>;
|
|
33
33
|
declare const _default: PolymorphicForwardRefComponent<"input", TextInputProps> & {
|
|
34
|
-
Action: React.ForwardRefExoticComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "
|
|
34
|
+
Action: React.ForwardRefExoticComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "aria-label" | "size" | "tooltipDirection"> & {
|
|
35
35
|
children?: React.ReactNode;
|
|
36
36
|
"aria-label"?: string;
|
|
37
37
|
tooltipDirection?: "n" | "ne" | "e" | "se" | "s" | "sw" | "w" | "nw";
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.prc-TextInputWithTokens-TextInputWrapper-kj1cB{padding-bottom:var(--base-size-6,.375rem);padding-left:var(--base-size-12,.75rem);padding-top:var(--base-size-6,.375rem)}.prc-TextInputWithTokens-TextInputWrapper-kj1cB:where([data-block]){display:flex;width:100%}.prc-TextInputWithTokens-TextInputWrapper-kj1cB:where([data-token-wrapping=true]){overflow:auto}.prc-TextInputWithTokens-UnstyledTextInput-F582M{height:100%}.prc-TextInputWithTokens-InputWrapper-wloGg{flex-grow:1;order:1}.prc-TextInputWithTokens-Container-mBzq-{align-items:center;display:flex;flex-grow:1;flex-wrap:wrap;margin-bottom:calc(var(--base-size-4,.25rem)*-1);margin-left:calc(var(--base-size-4,.25rem)*-1)}.prc-TextInputWithTokens-Container-mBzq-:where([data-prevent-token-wrapping=true]){flex-wrap:nowrap}.prc-TextInputWithTokens-Container-mBzq->*{flex-shrink:0;margin-bottom:var(--base-size-4,.25rem);margin-left:var(--base-size-4,.25rem)}
|
|
2
|
-
/*# sourceMappingURL=TextInputWithTokens-
|
|
1
|
+
.prc-TextInputWithTokens-TextInputWrapper-kj1cB{padding-bottom:var(--base-size-6,.375rem);padding-left:var(--base-size-12,.75rem);padding-top:var(--base-size-6,.375rem)}.prc-TextInputWithTokens-TextInputWrapper-kj1cB:where([data-block]){display:flex;width:100%}.prc-TextInputWithTokens-TextInputWrapper-kj1cB:where([data-token-wrapping=true]){overflow:auto}.prc-TextInputWithTokens-UnstyledTextInput-F582M{height:100%}.prc-TextInputWithTokens-InputWrapper-wloGg{flex-grow:1;order:1}.prc-TextInputWithTokens-Container-mBzq-{align-items:center;display:flex;flex-grow:1;flex-wrap:wrap;margin-bottom:calc(var(--base-size-4,.25rem)*-1);margin-left:calc(var(--base-size-4,.25rem)*-1)}.prc-TextInputWithTokens-Container-mBzq-:where([data-prevent-token-wrapping=true]){flex-wrap:nowrap}.prc-TextInputWithTokens-Container-mBzq->*{flex-shrink:0;margin-bottom:var(--base-size-4,.25rem);margin-left:var(--base-size-4,.25rem)}.prc-TextInputWithTokens-OverflowCountSmall-vCbgE{color:var(--fgColor-muted,var(--color-fg-muted));font-size:var(--text-body-size-small,.75rem)}.prc-TextInputWithTokens-OverflowCountLarge-NsqJO,.prc-TextInputWithTokens-OverflowCountMedium-qZ-zr{color:var(--fgColor-muted,var(--color-fg-muted));font-size:var(--text-body-size-medium,.875rem)}.prc-TextInputWithTokens-OverflowCountXLarge-an68i{color:var(--fgColor-muted,var(--color-fg-muted));font-size:var(--text-body-size-large,1rem)}
|
|
2
|
+
/*# sourceMappingURL=TextInputWithTokens-946ead3e.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/TextInputWithTokens/TextInputWithTokens.module.css"],"names":[],"mappings":"AAAA,gDAEE,yCAAkC,CAClC,uCAAiC,CAFjC,sCAYF,CARE,oEACE,YAAa,CACb,UACF,CAEA,kFACE,aACF,CAGF,iDACE,WACF,CAEA,4CAEE,WAAY,CADZ,OAEF,CAEA,yCAIE,kBAAmB,CAHnB,YAAa,CAKb,WAAY,CADZ,cAAe,CAHf,gDAA4C,CAC5C,8CAcF,CATE,mFACE,gBACF,CAEA,2CAGE,aAAc,CAFd,uCAAiC,CACjC,qCAEF,CAGF,kDACE,gDAA2B,CAC3B,4CACF,CAOA,qGAJE,gDAA2B,CAC3B,8CAMF,CAEA,mDACE,gDAA2B,CAC3B,0CACF","file":"TextInputWithTokens-946ead3e.css","sourcesContent":[".TextInputWrapper {\n padding-top: var(--base-size-6);\n padding-bottom: var(--base-size-6);\n padding-left: var(--base-size-12);\n\n &:where([data-block]) {\n display: flex;\n width: 100%;\n }\n\n &:where([data-token-wrapping='true']) {\n overflow: auto;\n }\n}\n\n.UnstyledTextInput {\n height: 100%;\n}\n\n.InputWrapper {\n order: 1;\n flex-grow: 1;\n}\n\n.Container {\n display: flex;\n margin-bottom: calc(var(--base-size-4) * -1);\n margin-left: calc(var(--base-size-4) * -1);\n align-items: center;\n flex-wrap: wrap;\n flex-grow: 1;\n\n &:where([data-prevent-token-wrapping='true']) {\n flex-wrap: nowrap;\n }\n\n > * {\n margin-bottom: var(--base-size-4);\n margin-left: var(--base-size-4);\n flex-shrink: 0;\n }\n}\n\n.OverflowCountSmall {\n color: var(--fgColor-muted);\n font-size: var(--text-body-size-small);\n}\n\n.OverflowCountMedium {\n color: var(--fgColor-muted);\n font-size: var(--text-body-size-medium);\n}\n\n.OverflowCountLarge {\n color: var(--fgColor-muted);\n font-size: var(--text-body-size-medium);\n}\n\n.OverflowCountXLarge {\n color: var(--fgColor-muted);\n font-size: var(--text-body-size-large);\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextInputWithTokens.d.ts","sourceRoot":"","sources":["../../src/TextInputWithTokens/TextInputWithTokens.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAA6D,SAAS,EAAC,MAAM,OAAO,CAAA;AAChG,OAAO,KAAyB,MAAM,OAAO,CAAA;AAK7C,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,cAAc,CAAA;AAChD,OAAO,KAAK,MAAM,gBAAgB,CAAA;AAClC,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,oBAAoB,CAAA;AAUrD,KAAK,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,CAAA;AAI1E;;GAEG;AACH,MAAM,MAAM,wBAAwB,CAAC,kBAAkB,SAAS,iBAAiB,GAAG,OAAO,KAAK,IAAI;IAClG;;OAEG;IACH,MAAM,EAAE,kBAAkB,SAAS,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,iBAAiB,CAAC,MAAM,UAAU,CAAC,CAAC,GAC7F,UAAU,EAAE,GACZ,KAAK,CAAA;IACT;;OAEG;IACH,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAA;IACjD;;OAEG;IACH,cAAc,CAAC,EAAE,kBAAkB,CAAA;IACnC;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAA;IAC5C;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB;;OAEG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B,GAAG,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"TextInputWithTokens.d.ts","sourceRoot":"","sources":["../../src/TextInputWithTokens/TextInputWithTokens.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAA6D,SAAS,EAAC,MAAM,OAAO,CAAA;AAChG,OAAO,KAAyB,MAAM,OAAO,CAAA;AAK7C,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,cAAc,CAAA;AAChD,OAAO,KAAK,MAAM,gBAAgB,CAAA;AAClC,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,oBAAoB,CAAA;AAUrD,KAAK,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,CAAA;AAI1E;;GAEG;AACH,MAAM,MAAM,wBAAwB,CAAC,kBAAkB,SAAS,iBAAiB,GAAG,OAAO,KAAK,IAAI;IAClG;;OAEG;IACH,MAAM,EAAE,kBAAkB,SAAS,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,iBAAiB,CAAC,MAAM,UAAU,CAAC,CAAC,GAC7F,UAAU,EAAE,GACZ,KAAK,CAAA;IACT;;OAEG;IACH,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAA;IACjD;;OAEG;IACH,cAAc,CAAC,EAAE,kBAAkB,CAAA;IACnC;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAA;IAC5C;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB;;OAEG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B,GAAG,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC,CAAA;AA+QhC,QAAA,MAAM,mBAAmB;IAlTvB;;OAEG;;;;;;;;;;IAIH;;OAEG;mBACY,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI;IACjD;;OAEG;;IAEH;;;OAGG;gBACS,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC;IAC5C;;OAEG;2BACoB,OAAO;IAC9B;;OAEG;WACI,aAAa;IACpB;;OAEG;6BACsB,OAAO;IAChC;;OAEG;wBACiB,MAAM;yEAgRmD,CAAA;AAI/E;;GAEG;AACH,eAAe,mBAAmB,CAAA"}
|
|
@@ -15,11 +15,11 @@ import { clsx } from 'clsx';
|
|
|
15
15
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
16
16
|
import Text from '../Text/Text.js';
|
|
17
17
|
|
|
18
|
-
const
|
|
19
|
-
small:
|
|
20
|
-
medium:
|
|
21
|
-
large:
|
|
22
|
-
xlarge:
|
|
18
|
+
const overflowCountClassMap = {
|
|
19
|
+
small: styles.OverflowCountSmall,
|
|
20
|
+
medium: styles.OverflowCountMedium,
|
|
21
|
+
large: styles.OverflowCountLarge,
|
|
22
|
+
xlarge: styles.OverflowCountXLarge
|
|
23
23
|
};
|
|
24
24
|
|
|
25
25
|
// using forwardRef is important so that other components (ex. Autocomplete) can use the ref
|
|
@@ -525,8 +525,7 @@ function TextInputWithTokensInnerComponent(t0, forwardedRef) {
|
|
|
525
525
|
let t28;
|
|
526
526
|
if ($[100] !== size || $[101] !== tokens || $[102] !== tokensAreTruncated || $[103] !== visibleTokens.length) {
|
|
527
527
|
t28 = tokensAreTruncated && tokens.length - visibleTokens.length ? /*#__PURE__*/jsxs(Text, {
|
|
528
|
-
|
|
529
|
-
fontSize: overflowCountFontSizeMap[size],
|
|
528
|
+
className: overflowCountClassMap[size],
|
|
530
529
|
children: ["+", tokens.length - visibleTokens.length]
|
|
531
530
|
}) : null;
|
|
532
531
|
$[100] = size;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import './TextInputWithTokens-
|
|
1
|
+
import './TextInputWithTokens-946ead3e.css';
|
|
2
2
|
|
|
3
|
-
var styles = {"TextInputWrapper":"prc-TextInputWithTokens-TextInputWrapper-kj1cB","UnstyledTextInput":"prc-TextInputWithTokens-UnstyledTextInput-F582M","InputWrapper":"prc-TextInputWithTokens-InputWrapper-wloGg","Container":"prc-TextInputWithTokens-Container-mBzq-"};
|
|
3
|
+
var styles = {"TextInputWrapper":"prc-TextInputWithTokens-TextInputWrapper-kj1cB","UnstyledTextInput":"prc-TextInputWithTokens-UnstyledTextInput-F582M","InputWrapper":"prc-TextInputWithTokens-InputWrapper-wloGg","Container":"prc-TextInputWithTokens-Container-mBzq-","OverflowCountSmall":"prc-TextInputWithTokens-OverflowCountSmall-vCbgE","OverflowCountLarge":"prc-TextInputWithTokens-OverflowCountLarge-NsqJO","OverflowCountMedium":"prc-TextInputWithTokens-OverflowCountMedium-qZ-zr","OverflowCountXLarge":"prc-TextInputWithTokens-OverflowCountXLarge-an68i"};
|
|
4
4
|
|
|
5
5
|
export { styles as default };
|
package/dist/ThemeProvider.js
CHANGED
|
@@ -3,7 +3,7 @@ import React from 'react';
|
|
|
3
3
|
import ReactDOM from 'react-dom';
|
|
4
4
|
import { ThemeProvider as ThemeProvider$1 } from 'styled-components';
|
|
5
5
|
import theme from './theme.js';
|
|
6
|
-
import
|
|
6
|
+
import deepmerge from 'deepmerge';
|
|
7
7
|
import { useSyncedState } from './hooks/useSyncedState.js';
|
|
8
8
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
9
9
|
import { useId } from './hooks/useId.js';
|
|
@@ -206,12 +206,12 @@ function applyColorScheme(theme, colorScheme) {
|
|
|
206
206
|
// Apply the first defined color scheme
|
|
207
207
|
const defaultColorScheme = Object.keys(theme.colorSchemes)[0];
|
|
208
208
|
return {
|
|
209
|
-
resolvedTheme:
|
|
209
|
+
resolvedTheme: deepmerge(theme, theme.colorSchemes[defaultColorScheme]),
|
|
210
210
|
resolvedColorScheme: defaultColorScheme
|
|
211
211
|
};
|
|
212
212
|
}
|
|
213
213
|
return {
|
|
214
|
-
resolvedTheme:
|
|
214
|
+
resolvedTheme: deepmerge(theme, theme.colorSchemes[colorScheme]),
|
|
215
215
|
resolvedColorScheme: colorScheme
|
|
216
216
|
};
|
|
217
217
|
}
|
package/dist/Token/Token.d.ts
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import type React from 'react';
|
|
2
|
-
import { type SxProp } from '../sx';
|
|
3
2
|
import type { TokenBaseProps } from './TokenBase';
|
|
4
3
|
import type { ForwardRefComponent as PolymorphicForwardRefComponent } from '../utils/polymorphic';
|
|
5
|
-
export interface TokenProps extends TokenBaseProps
|
|
4
|
+
export interface TokenProps extends TokenBaseProps {
|
|
6
5
|
/**
|
|
7
6
|
* A component that renders before the token text
|
|
8
7
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Token.d.ts","sourceRoot":"","sources":["../../src/Token/Token.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,
|
|
1
|
+
{"version":3,"file":"Token.d.ts","sourceRoot":"","sources":["../../src/Token/Token.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,aAAa,CAAA;AAI/C,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAQ/F,MAAM,WAAW,UAAW,SAAQ,cAAc;IAChD;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAClC;AAcD,QAAA,MAAM,KAAK,EA4DL,8BAA8B,CAAC,GAAG,GAAG,QAAQ,GAAG,MAAM,EAAE,UAAU,CAAC,CAAA;AAEzE,eAAe,KAAK,CAAA"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import type { ComponentProps } from 'react';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import type { SxProp } from '../sx';
|
|
4
3
|
import type { ForwardRefComponent as PolymorphicForwardRefComponent } from '../utils/polymorphic';
|
|
5
4
|
export type TokenSizeKeys = 'small' | 'medium' | 'large' | 'xlarge';
|
|
6
5
|
export declare const tokenSizes: Record<TokenSizeKeys, string>;
|
|
@@ -37,6 +36,6 @@ export interface TokenBaseProps extends Omit<React.HTMLProps<HTMLSpanElement | H
|
|
|
37
36
|
disabled?: boolean;
|
|
38
37
|
}
|
|
39
38
|
export declare const isTokenInteractive: ({ as, onClick, onFocus, tabIndex, disabled, }: Pick<ComponentProps<typeof TokenBase>, "disabled" | "as" | "onClick" | "onFocus" | "tabIndex">) => boolean;
|
|
40
|
-
declare const TokenBase: PolymorphicForwardRefComponent<"span" | "a" | "button", TokenBaseProps
|
|
39
|
+
declare const TokenBase: PolymorphicForwardRefComponent<"span" | "a" | "button", TokenBaseProps>;
|
|
41
40
|
export default TokenBase;
|
|
42
41
|
//# sourceMappingURL=TokenBase.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TokenBase.d.ts","sourceRoot":"","sources":["../../src/Token/TokenBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAgB,MAAM,OAAO,CAAA;AACxD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAC,
|
|
1
|
+
{"version":3,"file":"TokenBase.d.ts","sourceRoot":"","sources":["../../src/Token/TokenBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAgB,MAAM,OAAO,CAAA;AACxD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAG/F,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAA;AAEnE,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAKpD,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,aAAwB,CAAA;AAEvD,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,eAAe,GAAG,iBAAiB,GAAG,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrG,EAAE,CAAC,EAAE,QAAQ,GAAG,GAAG,GAAG,MAAM,CAAA;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;OAEG;IACH,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,eAAO,MAAM,kBAAkB,GAAI,+CAMhC,IAAI,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,EAAE,UAAU,GAAG,IAAI,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC,YAKhG,CAAA;AAED,QAAA,MAAM,SAAS,EA6CV,8BAA8B,CAAC,MAAM,GAAG,GAAG,GAAG,QAAQ,EAAE,cAAc,CAAC,CAAA;AAE5E,eAAe,SAAS,CAAA"}
|
package/dist/Token/TokenBase.js
CHANGED
|
@@ -2,7 +2,6 @@ import { c } from 'react-compiler-runtime';
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { clsx } from 'clsx';
|
|
4
4
|
import classes from './TokenBase.module.css.js';
|
|
5
|
-
import { BoxWithFallback } from '../internal/components/BoxWithFallback.js';
|
|
6
5
|
import { jsx } from 'react/jsx-runtime';
|
|
7
6
|
|
|
8
7
|
const tokenSizes = {
|
|
@@ -25,7 +24,8 @@ const isTokenInteractive = ({
|
|
|
25
24
|
return Boolean(onFocus || onClick || tabIndex > -1 || ['a', 'button'].includes(as));
|
|
26
25
|
};
|
|
27
26
|
const TokenBase = /*#__PURE__*/React.forwardRef((t0, forwardedRef) => {
|
|
28
|
-
const $ = c(
|
|
27
|
+
const $ = c(25);
|
|
28
|
+
let Component;
|
|
29
29
|
let T0;
|
|
30
30
|
let id;
|
|
31
31
|
let rest;
|
|
@@ -33,26 +33,24 @@ const TokenBase = /*#__PURE__*/React.forwardRef((t0, forwardedRef) => {
|
|
|
33
33
|
let t1;
|
|
34
34
|
let t2;
|
|
35
35
|
let t3;
|
|
36
|
-
let t4;
|
|
37
36
|
if ($[0] !== t0) {
|
|
38
37
|
const {
|
|
39
38
|
onRemove,
|
|
40
39
|
onKeyDown,
|
|
41
|
-
id:
|
|
40
|
+
id: t4,
|
|
42
41
|
className,
|
|
43
|
-
size:
|
|
42
|
+
size: t5,
|
|
44
43
|
isSelected: _isSelected,
|
|
45
|
-
as:
|
|
46
|
-
...
|
|
44
|
+
as: t6,
|
|
45
|
+
...t7
|
|
47
46
|
} = t0;
|
|
48
|
-
id =
|
|
49
|
-
rest =
|
|
50
|
-
size =
|
|
51
|
-
|
|
52
|
-
T0 =
|
|
53
|
-
t1 = as;
|
|
47
|
+
id = t4;
|
|
48
|
+
rest = t7;
|
|
49
|
+
size = t5 === undefined ? defaultTokenSize : t5;
|
|
50
|
+
Component = t6 === undefined ? "span" : t6;
|
|
51
|
+
T0 = Component;
|
|
54
52
|
if ($[9] !== onKeyDown || $[10] !== onRemove) {
|
|
55
|
-
|
|
53
|
+
t1 = event => {
|
|
56
54
|
onKeyDown && onKeyDown(event);
|
|
57
55
|
if ((event.key === "Backspace" || event.key === "Delete") && onRemove) {
|
|
58
56
|
onRemove();
|
|
@@ -60,75 +58,78 @@ const TokenBase = /*#__PURE__*/React.forwardRef((t0, forwardedRef) => {
|
|
|
60
58
|
};
|
|
61
59
|
$[9] = onKeyDown;
|
|
62
60
|
$[10] = onRemove;
|
|
63
|
-
$[11] =
|
|
61
|
+
$[11] = t1;
|
|
64
62
|
} else {
|
|
65
|
-
|
|
63
|
+
t1 = $[11];
|
|
66
64
|
}
|
|
67
65
|
if ($[12] !== className) {
|
|
68
|
-
|
|
66
|
+
t2 = clsx(classes.TokenBase, className);
|
|
69
67
|
$[12] = className;
|
|
70
|
-
$[13] =
|
|
68
|
+
$[13] = t2;
|
|
71
69
|
} else {
|
|
72
|
-
|
|
70
|
+
t2 = $[13];
|
|
73
71
|
}
|
|
74
|
-
|
|
75
|
-
as,
|
|
76
|
-
|
|
72
|
+
t3 = isTokenInteractive({
|
|
73
|
+
as: Component,
|
|
74
|
+
onClick: rest.onClick,
|
|
75
|
+
onFocus: rest.onFocus,
|
|
76
|
+
tabIndex: rest.tabIndex,
|
|
77
|
+
disabled: rest.disabled
|
|
77
78
|
});
|
|
78
79
|
$[0] = t0;
|
|
79
|
-
$[1] =
|
|
80
|
-
$[2] =
|
|
81
|
-
$[3] =
|
|
82
|
-
$[4] =
|
|
83
|
-
$[5] =
|
|
84
|
-
$[6] =
|
|
85
|
-
$[7] =
|
|
86
|
-
$[8] =
|
|
80
|
+
$[1] = Component;
|
|
81
|
+
$[2] = T0;
|
|
82
|
+
$[3] = id;
|
|
83
|
+
$[4] = rest;
|
|
84
|
+
$[5] = size;
|
|
85
|
+
$[6] = t1;
|
|
86
|
+
$[7] = t2;
|
|
87
|
+
$[8] = t3;
|
|
87
88
|
} else {
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
89
|
+
Component = $[1];
|
|
90
|
+
T0 = $[2];
|
|
91
|
+
id = $[3];
|
|
92
|
+
rest = $[4];
|
|
93
|
+
size = $[5];
|
|
94
|
+
t1 = $[6];
|
|
95
|
+
t2 = $[7];
|
|
96
|
+
t3 = $[8];
|
|
96
97
|
}
|
|
97
|
-
let
|
|
98
|
+
let t4;
|
|
98
99
|
if ($[14] !== id) {
|
|
99
100
|
var _id;
|
|
100
|
-
|
|
101
|
+
t4 = (_id = id) === null || _id === void 0 ? void 0 : _id.toString();
|
|
101
102
|
$[14] = id;
|
|
102
|
-
$[15] =
|
|
103
|
+
$[15] = t4;
|
|
103
104
|
} else {
|
|
104
|
-
|
|
105
|
+
t4 = $[15];
|
|
105
106
|
}
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
107
|
+
const t5 = Component === "button" ? rest : Component === "a" ? rest : rest;
|
|
108
|
+
const t6 = forwardedRef;
|
|
109
|
+
let t7;
|
|
110
|
+
if ($[16] !== T0 || $[17] !== size || $[18] !== t1 || $[19] !== t2 || $[20] !== t3 || $[21] !== t4 || $[22] !== t5 || $[23] !== t6) {
|
|
111
|
+
t7 = /*#__PURE__*/jsx(T0, {
|
|
112
|
+
onKeyDown: t1,
|
|
113
|
+
className: t2,
|
|
114
|
+
"data-cursor-is-interactive": t3,
|
|
113
115
|
"data-size": size,
|
|
114
|
-
id:
|
|
115
|
-
...
|
|
116
|
-
ref:
|
|
116
|
+
id: t4,
|
|
117
|
+
...t5,
|
|
118
|
+
ref: t6
|
|
117
119
|
});
|
|
118
120
|
$[16] = T0;
|
|
119
|
-
$[17] =
|
|
120
|
-
$[18] =
|
|
121
|
-
$[19] =
|
|
122
|
-
$[20] =
|
|
123
|
-
$[21] =
|
|
124
|
-
$[22] =
|
|
125
|
-
$[23] =
|
|
126
|
-
$[24] =
|
|
127
|
-
$[25] = t6;
|
|
121
|
+
$[17] = size;
|
|
122
|
+
$[18] = t1;
|
|
123
|
+
$[19] = t2;
|
|
124
|
+
$[20] = t3;
|
|
125
|
+
$[21] = t4;
|
|
126
|
+
$[22] = t5;
|
|
127
|
+
$[23] = t6;
|
|
128
|
+
$[24] = t7;
|
|
128
129
|
} else {
|
|
129
|
-
|
|
130
|
+
t7 = $[24];
|
|
130
131
|
}
|
|
131
|
-
return
|
|
132
|
+
return t7;
|
|
132
133
|
});
|
|
133
134
|
|
|
134
135
|
export { TokenBase as default, defaultTokenSize, isTokenInteractive, tokenSizes };
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import type React from 'react';
|
|
2
|
-
import { type SxProp } from '../sx';
|
|
3
2
|
import type { TokenSizeKeys } from './TokenBase';
|
|
4
|
-
interface TokenButtonProps
|
|
3
|
+
interface TokenButtonProps {
|
|
5
4
|
borderOffset?: number;
|
|
6
5
|
size?: TokenSizeKeys;
|
|
7
6
|
isParentInteractive?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"_RemoveTokenButton.d.ts","sourceRoot":"","sources":["../../src/Token/_RemoveTokenButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,
|
|
1
|
+
{"version":3,"file":"_RemoveTokenButton.d.ts","sourceRoot":"","sources":["../../src/Token/_RemoveTokenButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,aAAa,CAAA;AAK9C,UAAU,gBAAgB;IACxB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,mBAAmB,CAAC,EAAE,OAAO,CAAA;CAC9B;AAID,KAAK,sBAAsB,GAAG,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,eAAe,GAAG,iBAAiB,CAAC,EAAE,MAAM,CAAC,CAAA;AAEnH,QAAA,MAAM,iBAAiB,GAAI,mGAQxB,KAAK,CAAC,iBAAiB,CAAC,sBAAsB,GAAG;IAAC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAAC,CAAC,sBAmC5E,CAAA;AAED,eAAe,iBAAiB,CAAA"}
|
|
@@ -1,117 +1,51 @@
|
|
|
1
|
-
import { c } from 'react-compiler-runtime';
|
|
2
1
|
import { XIcon } from '@primer/octicons-react';
|
|
3
2
|
import { clsx } from 'clsx';
|
|
4
3
|
import { defaultTokenSize, tokenSizes } from './TokenBase.js';
|
|
5
4
|
import classes from './_RemoveTokenButton.module.css.js';
|
|
6
|
-
import { BoxWithFallback } from '../internal/components/BoxWithFallback.js';
|
|
7
5
|
import { jsx } from 'react/jsx-runtime';
|
|
8
6
|
|
|
9
7
|
const getTokenButtonIconSize = size => parseInt(tokenSizes[size || defaultTokenSize], 10) * 0.75;
|
|
10
|
-
const RemoveTokenButton =
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
className: t4,
|
|
24
|
-
borderOffset: t5,
|
|
25
|
-
as: _as,
|
|
26
|
-
...t6
|
|
27
|
-
} = t0;
|
|
28
|
-
ariaLabel = t1;
|
|
29
|
-
isParentInteractive = t2;
|
|
30
|
-
className = t4;
|
|
31
|
-
rest = t6;
|
|
32
|
-
size = t3 === undefined ? defaultTokenSize : t3;
|
|
33
|
-
borderOffset = t5 === undefined ? 0 : t5;
|
|
34
|
-
delete rest.children;
|
|
35
|
-
$[0] = t0;
|
|
36
|
-
$[1] = ariaLabel;
|
|
37
|
-
$[2] = borderOffset;
|
|
38
|
-
$[3] = className;
|
|
39
|
-
$[4] = isParentInteractive;
|
|
40
|
-
$[5] = rest;
|
|
41
|
-
$[6] = size;
|
|
42
|
-
} else {
|
|
43
|
-
ariaLabel = $[1];
|
|
44
|
-
borderOffset = $[2];
|
|
45
|
-
className = $[3];
|
|
46
|
-
isParentInteractive = $[4];
|
|
47
|
-
rest = $[5];
|
|
48
|
-
size = $[6];
|
|
49
|
-
}
|
|
50
|
-
const t1 = isParentInteractive ? "span" : "button";
|
|
51
|
-
const t2 = isParentInteractive ? -1 : undefined;
|
|
52
|
-
const t3 = !isParentInteractive ? "Remove token" : ariaLabel;
|
|
53
|
-
let t4;
|
|
54
|
-
if ($[7] !== className) {
|
|
55
|
-
t4 = clsx(classes.TokenButton, className);
|
|
56
|
-
$[7] = className;
|
|
57
|
-
$[8] = t4;
|
|
58
|
-
} else {
|
|
59
|
-
t4 = $[8];
|
|
60
|
-
}
|
|
61
|
-
const t5 = `translate(${borderOffset}px, -${borderOffset}px)`;
|
|
62
|
-
let t6;
|
|
63
|
-
if ($[9] !== t5) {
|
|
64
|
-
t6 = {
|
|
65
|
-
transform: t5
|
|
66
|
-
};
|
|
67
|
-
$[9] = t5;
|
|
68
|
-
$[10] = t6;
|
|
69
|
-
} else {
|
|
70
|
-
t6 = $[10];
|
|
71
|
-
}
|
|
72
|
-
let t7;
|
|
73
|
-
if ($[11] !== size) {
|
|
74
|
-
t7 = getTokenButtonIconSize(size);
|
|
75
|
-
$[11] = size;
|
|
76
|
-
$[12] = t7;
|
|
77
|
-
} else {
|
|
78
|
-
t7 = $[12];
|
|
79
|
-
}
|
|
80
|
-
let t8;
|
|
81
|
-
if ($[13] !== t7) {
|
|
82
|
-
t8 = /*#__PURE__*/jsx(XIcon, {
|
|
83
|
-
size: t7
|
|
84
|
-
});
|
|
85
|
-
$[13] = t7;
|
|
86
|
-
$[14] = t8;
|
|
87
|
-
} else {
|
|
88
|
-
t8 = $[14];
|
|
89
|
-
}
|
|
90
|
-
let t9;
|
|
91
|
-
if ($[15] !== rest || $[16] !== size || $[17] !== t1 || $[18] !== t2 || $[19] !== t3 || $[20] !== t4 || $[21] !== t6 || $[22] !== t8) {
|
|
92
|
-
t9 = /*#__PURE__*/jsx(BoxWithFallback, {
|
|
93
|
-
as: t1,
|
|
94
|
-
tabIndex: t2,
|
|
95
|
-
"aria-label": t3,
|
|
96
|
-
"data-size": size,
|
|
97
|
-
className: t4,
|
|
98
|
-
style: t6,
|
|
8
|
+
const RemoveTokenButton = ({
|
|
9
|
+
'aria-label': ariaLabel,
|
|
10
|
+
isParentInteractive,
|
|
11
|
+
size = defaultTokenSize,
|
|
12
|
+
className,
|
|
13
|
+
borderOffset = 0,
|
|
14
|
+
as: _as,
|
|
15
|
+
...rest
|
|
16
|
+
}) => {
|
|
17
|
+
// eslint-disable-next-line react-compiler/react-compiler
|
|
18
|
+
delete rest.children;
|
|
19
|
+
if (isParentInteractive) {
|
|
20
|
+
return /*#__PURE__*/jsx("span", {
|
|
99
21
|
...rest,
|
|
100
|
-
|
|
22
|
+
tabIndex: -1,
|
|
23
|
+
"aria-label": ariaLabel,
|
|
24
|
+
"data-size": size,
|
|
25
|
+
className: clsx(classes.TokenButton, className),
|
|
26
|
+
style: {
|
|
27
|
+
transform: `translate(${borderOffset}px, -${borderOffset}px)`
|
|
28
|
+
},
|
|
29
|
+
children: /*#__PURE__*/jsx(XIcon, {
|
|
30
|
+
size: getTokenButtonIconSize(size)
|
|
31
|
+
})
|
|
101
32
|
});
|
|
102
|
-
$[15] = rest;
|
|
103
|
-
$[16] = size;
|
|
104
|
-
$[17] = t1;
|
|
105
|
-
$[18] = t2;
|
|
106
|
-
$[19] = t3;
|
|
107
|
-
$[20] = t4;
|
|
108
|
-
$[21] = t6;
|
|
109
|
-
$[22] = t8;
|
|
110
|
-
$[23] = t9;
|
|
111
|
-
} else {
|
|
112
|
-
t9 = $[23];
|
|
113
33
|
}
|
|
114
|
-
return
|
|
34
|
+
return /*#__PURE__*/jsx("button", {
|
|
35
|
+
...rest,
|
|
36
|
+
"aria-label": 'Remove token',
|
|
37
|
+
"data-size": size,
|
|
38
|
+
className: clsx(classes.TokenButton, className),
|
|
39
|
+
style: {
|
|
40
|
+
transform: `translate(${borderOffset}px, -${borderOffset}px)`
|
|
41
|
+
},
|
|
42
|
+
ref: rest.ref,
|
|
43
|
+
type: "button",
|
|
44
|
+
children: /*#__PURE__*/jsx(XIcon, {
|
|
45
|
+
size: getTokenButtonIconSize(size)
|
|
46
|
+
})
|
|
47
|
+
});
|
|
115
48
|
};
|
|
49
|
+
RemoveTokenButton.displayName = "RemoveTokenButton";
|
|
116
50
|
|
|
117
51
|
export { RemoveTokenButton as default };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { TokenBaseProps } from './TokenBase';
|
|
2
2
|
import type React from 'react';
|
|
3
|
-
declare const TokenTextContainer: ({ children, ...props }: React.PropsWithChildren<Partial<TokenBaseProps>>) => React.JSX.Element;
|
|
3
|
+
declare const TokenTextContainer: ({ children, id, as: Component, ...props }: React.PropsWithChildren<Partial<TokenBaseProps>>) => React.JSX.Element;
|
|
4
4
|
export default TokenTextContainer;
|
|
5
5
|
//# sourceMappingURL=_TokenTextContainer.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"_TokenTextContainer.d.ts","sourceRoot":"","sources":["../../src/Token/_TokenTextContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,aAAa,CAAA;AAC/C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"_TokenTextContainer.d.ts","sourceRoot":"","sources":["../../src/Token/_TokenTextContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,aAAa,CAAA;AAC/C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,QAAA,MAAM,kBAAkB,GAAI,2CAKzB,KAAK,CAAC,iBAAiB,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,sBAclD,CAAA;AAED,eAAe,kBAAkB,CAAA"}
|
|
@@ -1,47 +1,67 @@
|
|
|
1
1
|
import { c } from 'react-compiler-runtime';
|
|
2
2
|
import classes from './_TokenTextContainer.module.css.js';
|
|
3
3
|
import { clsx } from 'clsx';
|
|
4
|
-
import { BoxWithFallback } from '../internal/components/BoxWithFallback.js';
|
|
5
4
|
import { jsx } from 'react/jsx-runtime';
|
|
6
5
|
|
|
7
6
|
const TokenTextContainer = t0 => {
|
|
8
|
-
const $ = c(
|
|
7
|
+
const $ = c(13);
|
|
9
8
|
let children;
|
|
9
|
+
let id;
|
|
10
10
|
let props;
|
|
11
|
+
let t1;
|
|
11
12
|
if ($[0] !== t0) {
|
|
12
13
|
({
|
|
13
14
|
children,
|
|
15
|
+
id,
|
|
16
|
+
as: t1,
|
|
14
17
|
...props
|
|
15
18
|
} = t0);
|
|
16
19
|
$[0] = t0;
|
|
17
20
|
$[1] = children;
|
|
18
|
-
$[2] =
|
|
21
|
+
$[2] = id;
|
|
22
|
+
$[3] = props;
|
|
23
|
+
$[4] = t1;
|
|
19
24
|
} else {
|
|
20
25
|
children = $[1];
|
|
21
|
-
|
|
26
|
+
id = $[2];
|
|
27
|
+
props = $[3];
|
|
28
|
+
t1 = $[4];
|
|
22
29
|
}
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
30
|
+
const Component = t1 === undefined ? "span" : t1;
|
|
31
|
+
let t2;
|
|
32
|
+
if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
|
|
33
|
+
t2 = clsx(classes.TokenTextContainer);
|
|
34
|
+
$[5] = t2;
|
|
27
35
|
} else {
|
|
28
|
-
|
|
36
|
+
t2 = $[5];
|
|
29
37
|
}
|
|
30
|
-
let
|
|
31
|
-
if ($[
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
38
|
+
let t3;
|
|
39
|
+
if ($[6] !== id) {
|
|
40
|
+
var _id;
|
|
41
|
+
t3 = (_id = id) === null || _id === void 0 ? void 0 : _id.toString();
|
|
42
|
+
$[6] = id;
|
|
43
|
+
$[7] = t3;
|
|
44
|
+
} else {
|
|
45
|
+
t3 = $[7];
|
|
46
|
+
}
|
|
47
|
+
const t4 = Component === "button" ? props : Component === "a" ? props : props;
|
|
48
|
+
let t5;
|
|
49
|
+
if ($[8] !== Component || $[9] !== children || $[10] !== t3 || $[11] !== t4) {
|
|
50
|
+
t5 = /*#__PURE__*/jsx(Component, {
|
|
51
|
+
className: t2,
|
|
52
|
+
id: t3,
|
|
53
|
+
...t4,
|
|
36
54
|
children: children
|
|
37
55
|
});
|
|
38
|
-
$[
|
|
39
|
-
$[
|
|
40
|
-
$[
|
|
56
|
+
$[8] = Component;
|
|
57
|
+
$[9] = children;
|
|
58
|
+
$[10] = t3;
|
|
59
|
+
$[11] = t4;
|
|
60
|
+
$[12] = t5;
|
|
41
61
|
} else {
|
|
42
|
-
|
|
62
|
+
t5 = $[12];
|
|
43
63
|
}
|
|
44
|
-
return
|
|
64
|
+
return t5;
|
|
45
65
|
};
|
|
46
66
|
|
|
47
67
|
export { TokenTextContainer as default };
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type { SxProp } from '../sx';
|
|
3
2
|
import type { ComponentProps } from '../utils/types';
|
|
4
|
-
declare const TooltipBase: import("styled-components").StyledComponent<"span", any,
|
|
3
|
+
declare const TooltipBase: import("styled-components").StyledComponent<"span", any, {}, never>;
|
|
5
4
|
/**
|
|
6
5
|
* @deprecated
|
|
7
6
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAgB,MAAM,OAAO,CAAA;AAGpC,OAAO,KAAK,EAAC,
|
|
1
|
+
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAgB,MAAM,OAAO,CAAA;AAGpC,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,gBAAgB,CAAA;AAKlD,QAAA,MAAM,WAAW,qEA6KhB,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,SAAS,CAAC,EAAE,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,CAAA;IAC7D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACxB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,CAAA;AAEtC,eAAO,MAAM,cAAc;gBAAoC,MAAM;EAAM,CAAA;AAE3E;;GAEG;AACH,iBAAS,OAAO,CAAC,EAAC,SAAe,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,IAAI,EAAC,EAAE,YAAY,qBAmB7G;kBAnBQ,OAAO;;;;AAyBhB,eAAe,OAAO,CAAA"}
|