@primer/react 37.29.0-rc.d46ec0131 → 38.0.0-rc.195178541
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 +3 -17
- package/dist/browser.esm.js +2 -2
- package/dist/browser.esm.js.map +1 -1
- package/dist/browser.umd.js +3 -3
- package/dist/browser.umd.js.map +1 -1
- package/dist/components.css +77 -115
- package/generated/components.json +133 -133
- package/lib/ActionList/Description.d.ts.map +1 -1
- package/lib/ActionList/Description.js +2 -1
- package/lib/ActionList/Divider.d.ts.map +1 -1
- package/lib/ActionList/Divider.js +2 -1
- package/lib/ActionList/Group.d.ts.map +1 -1
- package/lib/ActionList/Group.js +6 -1
- package/lib/ActionList/Item.d.ts.map +1 -1
- package/lib/ActionList/Item.js +2 -1
- package/lib/ActionList/LinkItem.d.ts.map +1 -1
- package/lib/ActionList/LinkItem.js +2 -1
- package/lib/ActionList/List.d.ts.map +1 -1
- package/lib/ActionList/List.js +3 -0
- package/lib/ActionList/Visuals.d.ts.map +1 -1
- package/lib/ActionList/Visuals.js +7 -0
- package/lib/Avatar/Avatar.d.ts.map +1 -1
- package/lib/Avatar/Avatar.js +41 -39
- package/lib/AvatarPair/AvatarPair.js +1 -1
- package/lib/AvatarStack/AvatarStack.d.ts +1 -1
- package/lib/AvatarStack/AvatarStack.d.ts.map +1 -1
- package/lib/AvatarStack/AvatarStack.js +2 -1
- package/lib/ButtonGroup/ButtonGroup.d.ts.map +1 -1
- package/lib/ButtonGroup/ButtonGroup.js +61 -24
- package/lib/CounterLabel/CounterLabel.d.ts.map +1 -1
- package/lib/CounterLabel/CounterLabel.js +87 -43
- package/lib/DataTable/Pagination.d.ts.map +1 -1
- package/lib/DataTable/Pagination.js +88 -81
- package/lib/DataTable/Table.d.ts +1 -1
- package/lib/DataTable/Table.d.ts.map +1 -1
- package/lib/DataTable/Table.js +26 -18
- package/lib/Details/Details.d.ts.map +1 -1
- package/lib/Details/Details.js +82 -35
- package/lib/FilteredActionList/FilteredActionListLoaders.js +1 -1
- package/lib/FormControl/FormControl.d.ts.map +1 -1
- package/lib/FormControl/FormControl.js +12 -3
- package/lib/Header/Header.d.ts.map +1 -1
- package/lib/Header/Header.js +170 -64
- package/lib/InlineMessage/InlineMessage.d.ts +1 -1
- package/lib/InlineMessage/InlineMessage.d.ts.map +1 -1
- package/lib/InlineMessage/InlineMessage.js +69 -31
- package/lib/PageLayout/PageLayout.d.ts.map +1 -1
- package/lib/PageLayout/PageLayout.js +473 -465
- package/lib/Pagehead/Pagehead.d.ts +1 -1
- package/lib/Pagehead/Pagehead.d.ts.map +1 -1
- package/lib/Pagehead/Pagehead.js +11 -2
- package/lib/Radio/Radio.d.ts.map +1 -1
- package/lib/Radio/Radio.js +91 -40
- package/lib/SegmentedControl/SegmentedControl.d.ts.map +1 -1
- package/lib/SegmentedControl/SegmentedControl.js +25 -23
- package/lib/SegmentedControl/SegmentedControlButton.d.ts.map +1 -1
- package/lib/SegmentedControl/SegmentedControlButton.js +72 -70
- package/lib/SegmentedControl/SegmentedControlIconButton.d.ts.map +1 -1
- package/lib/SegmentedControl/SegmentedControlIconButton.js +112 -110
- package/lib/SideNav.d.ts.map +1 -1
- package/lib/SideNav.js +2 -1
- package/lib/Skeleton/SkeletonBox.d.ts +2 -2
- package/lib/Skeleton/SkeletonBox.d.ts.map +1 -1
- package/lib/Skeleton/SkeletonBox.js +24 -25
- package/lib/Spinner/Spinner.d.ts +1 -1
- package/lib/Spinner/Spinner.d.ts.map +1 -1
- package/lib/Spinner/Spinner.js +51 -13
- package/lib/SubNav/SubNav.d.ts.map +1 -1
- package/lib/SubNav/SubNav.js +215 -77
- package/lib/Timeline/Timeline.d.ts +1 -1
- package/lib/Timeline/Timeline.d.ts.map +1 -1
- package/lib/Timeline/Timeline.js +264 -92
- package/lib/Token/Token.d.ts.map +1 -1
- package/lib/Token/Token.js +128 -120
- package/lib/TreeView/TreeView.js +2 -2
- package/lib/VisuallyHidden/VisuallyHidden.d.ts +1 -1
- package/lib/VisuallyHidden/VisuallyHidden.d.ts.map +1 -1
- package/lib/VisuallyHidden/VisuallyHidden.js +51 -19
- package/lib/_VisuallyHidden.d.ts +2 -3
- package/lib/_VisuallyHidden.d.ts.map +1 -1
- package/lib/_VisuallyHidden.js +26 -63
- package/lib/experimental/Skeleton/SkeletonAvatar-e00fff32.css +2 -0
- package/lib/experimental/Skeleton/SkeletonAvatar-e00fff32.css.map +1 -0
- package/lib/experimental/Skeleton/SkeletonAvatar.d.ts +8 -0
- package/lib/experimental/Skeleton/SkeletonAvatar.d.ts.map +1 -0
- package/lib/{SkeletonAvatar → experimental/Skeleton}/SkeletonAvatar.js +5 -5
- package/lib/{SkeletonAvatar → experimental/Skeleton}/SkeletonAvatar.module.css.js +1 -1
- package/lib/experimental/Skeleton/SkeletonText-5cf908c1.css +2 -0
- package/lib/experimental/Skeleton/SkeletonText-5cf908c1.css.map +1 -0
- package/lib/{SkeletonText → experimental/Skeleton}/SkeletonText.d.ts +4 -5
- package/lib/experimental/Skeleton/SkeletonText.d.ts.map +1 -0
- package/lib/experimental/Skeleton/SkeletonText.js +149 -0
- package/lib/experimental/Skeleton/SkeletonText.module.css.js +7 -0
- package/lib/experimental/Skeleton/index.d.ts +4 -0
- package/lib/experimental/Skeleton/index.d.ts.map +1 -0
- package/lib/experimental/UnderlinePanels/UnderlinePanels.d.ts.map +1 -1
- package/lib/experimental/UnderlinePanels/UnderlinePanels.js +40 -30
- package/lib/experimental/index.d.ts +1 -6
- package/lib/experimental/index.d.ts.map +1 -1
- package/lib/experimental/index.js +2 -2
- package/lib/internal/components/ButtonReset.d.ts +2 -1
- package/lib/internal/components/ButtonReset.d.ts.map +1 -1
- package/lib/internal/components/ButtonReset.js +13 -49
- package/lib/internal/components/{TextInputWrapper-889df5d3.css → TextInputWrapper-ca608f70.css} +2 -2
- package/lib/internal/components/{TextInputWrapper-889df5d3.css.map → TextInputWrapper-ca608f70.css.map} +1 -1
- package/lib/internal/components/TextInputWrapper.module.css.js +1 -1
- package/lib/internal/components/UnderlineTabbedInterface.d.ts.map +1 -1
- package/lib/internal/components/UnderlineTabbedInterface.js +108 -60
- package/lib/internal/utils/toggleStyledComponent.d.ts +20 -0
- package/lib/internal/utils/toggleStyledComponent.d.ts.map +1 -0
- package/lib-esm/ActionList/Description.js +2 -1
- package/lib-esm/ActionList/Divider.js +2 -1
- package/lib-esm/ActionList/Group.js +6 -1
- package/lib-esm/ActionList/Item.js +2 -1
- package/lib-esm/ActionList/LinkItem.js +2 -1
- package/lib-esm/ActionList/List.js +3 -0
- package/lib-esm/ActionList/Visuals.js +7 -0
- package/lib-esm/Avatar/Avatar.js +41 -39
- package/lib-esm/AvatarPair/AvatarPair.js +1 -1
- package/lib-esm/AvatarStack/AvatarStack.d.ts +1 -1
- package/lib-esm/AvatarStack/AvatarStack.js +2 -1
- package/lib-esm/ButtonGroup/ButtonGroup.js +61 -24
- package/lib-esm/CounterLabel/CounterLabel.js +87 -43
- package/lib-esm/DataTable/Pagination.js +84 -81
- package/lib-esm/DataTable/Table.d.ts +1 -1
- package/lib-esm/DataTable/Table.js +26 -18
- package/lib-esm/Details/Details.js +82 -35
- package/lib-esm/FilteredActionList/FilteredActionListLoaders.js +1 -1
- package/lib-esm/FormControl/FormControl.js +12 -3
- package/lib-esm/Header/Header.js +170 -64
- package/lib-esm/InlineMessage/InlineMessage.d.ts +1 -1
- package/lib-esm/InlineMessage/InlineMessage.js +69 -31
- package/lib-esm/PageLayout/PageLayout.js +473 -465
- package/lib-esm/Pagehead/Pagehead.d.ts +1 -1
- package/lib-esm/Pagehead/Pagehead.js +11 -2
- package/lib-esm/Radio/Radio.js +91 -40
- package/lib-esm/SegmentedControl/SegmentedControl.js +25 -23
- package/lib-esm/SegmentedControl/SegmentedControlButton.js +72 -70
- package/lib-esm/SegmentedControl/SegmentedControlIconButton.js +112 -110
- package/lib-esm/SideNav.js +2 -1
- package/lib-esm/Skeleton/SkeletonBox.d.ts +2 -2
- package/lib-esm/Skeleton/SkeletonBox.js +24 -25
- package/lib-esm/Spinner/Spinner.d.ts +1 -1
- package/lib-esm/Spinner/Spinner.js +47 -13
- package/lib-esm/SubNav/SubNav.js +215 -77
- package/lib-esm/Timeline/Timeline.d.ts +1 -1
- package/lib-esm/Timeline/Timeline.js +264 -92
- package/lib-esm/Token/Token.js +128 -120
- package/lib-esm/TreeView/TreeView.js +2 -2
- package/lib-esm/VisuallyHidden/VisuallyHidden.d.ts +1 -1
- package/lib-esm/VisuallyHidden/VisuallyHidden.js +51 -19
- package/lib-esm/_VisuallyHidden.d.ts +2 -3
- package/lib-esm/_VisuallyHidden.js +22 -63
- package/lib-esm/experimental/Skeleton/SkeletonAvatar-e00fff32.css +2 -0
- package/lib-esm/experimental/Skeleton/SkeletonAvatar-e00fff32.css.map +1 -0
- package/lib-esm/experimental/Skeleton/SkeletonAvatar.d.ts +8 -0
- package/lib-esm/{SkeletonAvatar → experimental/Skeleton}/SkeletonAvatar.js +5 -5
- package/lib-esm/experimental/Skeleton/SkeletonAvatar.module.css.js +5 -0
- package/lib-esm/experimental/Skeleton/SkeletonText-5cf908c1.css +2 -0
- package/lib-esm/experimental/Skeleton/SkeletonText-5cf908c1.css.map +1 -0
- package/lib-esm/{SkeletonText → experimental/Skeleton}/SkeletonText.d.ts +4 -5
- package/lib-esm/experimental/Skeleton/SkeletonText.js +143 -0
- package/lib-esm/experimental/Skeleton/SkeletonText.module.css.js +5 -0
- package/lib-esm/experimental/Skeleton/index.d.ts +4 -0
- package/lib-esm/experimental/UnderlinePanels/UnderlinePanels.js +40 -30
- package/lib-esm/experimental/index.d.ts +1 -6
- package/lib-esm/experimental/index.js +2 -2
- package/lib-esm/internal/components/ButtonReset.d.ts +2 -1
- package/lib-esm/internal/components/ButtonReset.js +9 -49
- package/lib-esm/internal/components/{TextInputWrapper-889df5d3.css → TextInputWrapper-ca608f70.css} +2 -2
- package/lib-esm/internal/components/{TextInputWrapper-889df5d3.css.map → TextInputWrapper-ca608f70.css.map} +1 -1
- package/lib-esm/internal/components/TextInputWrapper.module.css.js +1 -1
- package/lib-esm/internal/components/UnderlineTabbedInterface.js +108 -60
- package/lib-esm/internal/utils/toggleStyledComponent.d.ts +20 -0
- package/package.json +1 -1
- package/lib/DataTable/Pagination-b6f8418c.css +0 -2
- package/lib/DataTable/Pagination-b6f8418c.css.map +0 -1
- package/lib/DataTable/Pagination.module.css.js +0 -7
- package/lib/SkeletonAvatar/SkeletonAvatar-e00fff32.css +0 -2
- package/lib/SkeletonAvatar/SkeletonAvatar-e00fff32.css.map +0 -1
- package/lib/SkeletonAvatar/SkeletonAvatar.d.ts +0 -12
- package/lib/SkeletonAvatar/SkeletonAvatar.d.ts.map +0 -1
- package/lib/SkeletonAvatar/index.d.ts +0 -3
- package/lib/SkeletonAvatar/index.d.ts.map +0 -1
- package/lib/SkeletonText/SkeletonText-5cf908c1.css +0 -2
- package/lib/SkeletonText/SkeletonText-5cf908c1.css.map +0 -1
- package/lib/SkeletonText/SkeletonText.d.ts.map +0 -1
- package/lib/SkeletonText/SkeletonText.js +0 -142
- package/lib/SkeletonText/SkeletonText.module.css.js +0 -7
- package/lib/SkeletonText/index.d.ts +0 -3
- package/lib/SkeletonText/index.d.ts.map +0 -1
- package/lib/_VisuallyHidden-5c0a2499.css +0 -2
- package/lib/_VisuallyHidden-5c0a2499.css.map +0 -1
- package/lib/_VisuallyHidden.module.css.js +0 -7
- package/lib/internal/components/ButtonReset-904f2483.css +0 -2
- package/lib/internal/components/ButtonReset-904f2483.css.map +0 -1
- package/lib/internal/components/ButtonReset.module.css.js +0 -7
- package/lib-esm/DataTable/Pagination-b6f8418c.css +0 -2
- package/lib-esm/DataTable/Pagination-b6f8418c.css.map +0 -1
- package/lib-esm/DataTable/Pagination.module.css.js +0 -5
- package/lib-esm/SkeletonAvatar/SkeletonAvatar-e00fff32.css +0 -2
- package/lib-esm/SkeletonAvatar/SkeletonAvatar-e00fff32.css.map +0 -1
- package/lib-esm/SkeletonAvatar/SkeletonAvatar.d.ts +0 -12
- package/lib-esm/SkeletonAvatar/SkeletonAvatar.module.css.js +0 -5
- package/lib-esm/SkeletonAvatar/index.d.ts +0 -3
- package/lib-esm/SkeletonText/SkeletonText-5cf908c1.css +0 -2
- package/lib-esm/SkeletonText/SkeletonText-5cf908c1.css.map +0 -1
- package/lib-esm/SkeletonText/SkeletonText.js +0 -140
- package/lib-esm/SkeletonText/SkeletonText.module.css.js +0 -5
- package/lib-esm/SkeletonText/index.d.ts +0 -3
- package/lib-esm/_VisuallyHidden-5c0a2499.css +0 -2
- package/lib-esm/_VisuallyHidden-5c0a2499.css.map +0 -1
- package/lib-esm/_VisuallyHidden.module.css.js +0 -5
- package/lib-esm/internal/components/ButtonReset-904f2483.css +0 -2
- package/lib-esm/internal/components/ButtonReset-904f2483.css.map +0 -1
- package/lib-esm/internal/components/ButtonReset.module.css.js +0 -5
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
.prc-Skeleton-SkeletonText-o0dUS{--font-size:var(--text-body-size-medium,0.875rem);--line-height:var(--text-body-lineHeight-medium,1.4285);--leading:calc(var(--font-size)*var(--line-height) - var(--font-size))}@supports (margin-block:mod(1px,1px)){.prc-Skeleton-SkeletonText-o0dUS{--leading:mod(var(--font-size) * var(--line-height),var(--font-size))}}.prc-Skeleton-SkeletonText-o0dUS{border-radius:var(--borderRadius-small,.1875rem);height:var(--font-size);margin-block:calc(var(--leading)/2)}.prc-Skeleton-SkeletonText-o0dUS:where([data-in-multiline]){margin-block-end:calc(var(--leading)*2)}.prc-Skeleton-SkeletonText-o0dUS:where([data-in-multiline]):last-child{margin-bottom:0;max-width:65%;min-width:50px}.prc-Skeleton-SkeletonText-o0dUS:where([data-text-skeleton-size=display]),.prc-Skeleton-SkeletonText-o0dUS:where([data-text-skeleton-size=titleLarge]){border-radius:var(--borderRadius-medium,.375rem)}.prc-Skeleton-SkeletonText-o0dUS:where([data-text-skeleton-size=display]){--font-size:var(--text-display-size,2.5rem);--line-height:var(--text-display-lineHeight,1.4)}.prc-Skeleton-SkeletonText-o0dUS:where([data-text-skeleton-size=titleLarge]){--font-size:var(--text-title-size-large,2rem);--line-height:var(--text-title-lineHeight-large,1.5)}.prc-Skeleton-SkeletonText-o0dUS:where([data-text-skeleton-size=titleMedium]){--font-size:var(--text-title-size-medium,1.25rem);--line-height:var(--text-title-lineHeight-medium,1.6)}.prc-Skeleton-SkeletonText-o0dUS:where([data-text-skeleton-size=titleSmall]){--font-size:var(--text-title-size-small,1rem);--line-height:var(--text-title-lineHeight-small,1.5)}.prc-Skeleton-SkeletonText-o0dUS:where([data-text-skeleton-size=subtitle]){--font-size:var(--text-subtitle-size,1.25rem);--line-height:var(--text-subtitle-lineHeight,1.6)}.prc-Skeleton-SkeletonText-o0dUS:where([data-text-skeleton-size=bodyLarge]){--font-size:var(--text-body-size-large,1rem);--line-height:var(--text-body-lineHeight-large,1.5)}.prc-Skeleton-SkeletonText-o0dUS:where([data-text-skeleton-size=bodySmall]){--font-size:var(--text-body-size-small,0.75rem);--line-height:var(--text-body-lineHeight-small,1.6666)}.prc-Skeleton-SkeletonTextWrapper-QRoBW{padding-block:.1px}
|
|
2
|
+
/*# sourceMappingURL=SkeletonText-5cf908c1.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/experimental/Skeleton/SkeletonText.module.css"],"names":[],"mappings":"AAAA,iCACE,iDAAyC,CACzC,uDAAiD,CACjD,sEA6DF,CA3DE,sCALF,iCAMI,qEA0DJ,CAzDE,CAPF,iCAUE,gDAAwC,CADxC,uBAAwB,CAGxB,mCAoDF,CAlDE,4DAEE,uCAOF,CALE,uEAGE,eAAgB,CADhB,aAAc,CADd,cAGF,CAGF,uJAEE,gDACF,CAEA,0EACE,2CAAqC,CACrC,gDACF,CAEA,6EACE,6CAAyC,CACzC,oDACF,CAEA,8EACE,iDAA0C,CAC1C,qDACF,CAEA,6EACE,6CAAyC,CACzC,oDACF,CAEA,2EACE,6CAAsC,CACtC,iDACF,CAEA,4EACE,4CAAwC,CACxC,mDACF,CAEA,4EACE,+CAAwC,CACxC,sDACF,CAGF,wCAEE,kBACF","file":"SkeletonText-5cf908c1.css","sourcesContent":[".SkeletonText {\n --font-size: var(--text-body-size-medium);\n --line-height: var(--text-body-lineHeight-medium);\n --leading: calc(var(--font-size) * var(--line-height) - var(--font-size));\n\n @supports (margin-block: mod(1px, 1px)) {\n --leading: mod(var(--font-size) * var(--line-height), var(--font-size));\n }\n\n height: var(--font-size);\n border-radius: var(--borderRadius-small);\n /* stylelint-disable-next-line primer/spacing */\n margin-block: calc(var(--leading) / 2);\n\n &:where([data-in-multiline]) {\n /* stylelint-disable-next-line primer/spacing */\n margin-block-end: calc(var(--leading) * 2);\n\n &:last-child {\n min-width: 50px;\n max-width: 65%;\n margin-bottom: 0;\n }\n }\n\n &:where([data-text-skeleton-size='display']),\n &:where([data-text-skeleton-size='titleLarge']) {\n border-radius: var(--borderRadius-medium);\n }\n\n &:where([data-text-skeleton-size='display']) {\n --font-size: var(--text-display-size);\n --line-height: var(--text-display-lineHeight);\n }\n\n &:where([data-text-skeleton-size='titleLarge']) {\n --font-size: var(--text-title-size-large);\n --line-height: var(--text-title-lineHeight-large);\n }\n\n &:where([data-text-skeleton-size='titleMedium']) {\n --font-size: var(--text-title-size-medium);\n --line-height: var(--text-title-lineHeight-medium);\n }\n\n &:where([data-text-skeleton-size='titleSmall']) {\n --font-size: var(--text-title-size-small);\n --line-height: var(--text-title-lineHeight-small);\n }\n\n &:where([data-text-skeleton-size='subtitle']) {\n --font-size: var(--text-subtitle-size);\n --line-height: var(--text-subtitle-lineHeight);\n }\n\n &:where([data-text-skeleton-size='bodyLarge']) {\n --font-size: var(--text-body-size-large);\n --line-height: var(--text-body-lineHeight-large);\n }\n\n &:where([data-text-skeleton-size='bodySmall']) {\n --font-size: var(--text-body-size-small);\n --line-height: var(--text-body-lineHeight-small);\n }\n}\n\n.SkeletonTextWrapper {\n /* stylelint-disable-next-line primer/spacing */\n padding-block: 0.1px;\n}\n"]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type React from 'react';
|
|
2
2
|
import { type HTMLProps } from 'react';
|
|
3
|
-
|
|
3
|
+
type SkeletonTextProps = {
|
|
4
4
|
/** Size of the text that the skeleton is replacing. */
|
|
5
5
|
size?: 'display' | 'titleLarge' | 'titleMedium' | 'titleSmall' | 'bodyLarge' | 'bodyMedium' | 'bodySmall' | 'subtitle';
|
|
6
6
|
/** Number of lines of skeleton text to render. */
|
|
@@ -9,8 +9,7 @@ interface SkeletonTextProps extends Omit<HTMLProps<HTMLElement>, 'size'> {
|
|
|
9
9
|
maxWidth?: React.CSSProperties['maxWidth'];
|
|
10
10
|
/** Class name for custom styling */
|
|
11
11
|
className?: string;
|
|
12
|
-
}
|
|
13
|
-
declare
|
|
14
|
-
export {
|
|
15
|
-
export type { SkeletonTextProps };
|
|
12
|
+
} & Omit<HTMLProps<HTMLDivElement>, 'size'>;
|
|
13
|
+
export declare const SkeletonText: React.FC<SkeletonTextProps>;
|
|
14
|
+
export {};
|
|
16
15
|
//# sourceMappingURL=SkeletonText.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SkeletonText.d.ts","sourceRoot":"","sources":["../../../src/experimental/Skeleton/SkeletonText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAqB,KAAK,SAAS,EAAC,MAAM,OAAO,CAAA;AAMxD,KAAK,iBAAiB,GAAG;IACvB,uDAAuD;IACvD,IAAI,CAAC,EAAE,SAAS,GAAG,YAAY,GAAG,aAAa,GAAG,YAAY,GAAG,WAAW,GAAG,YAAY,GAAG,WAAW,GAAG,UAAU,CAAA;IACtH,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6GAA6G;IAC7G,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAA;IAC1C,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,MAAM,CAAC,CAAA;AAE3C,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAuCpD,CAAA"}
|
|
@@ -0,0 +1,149 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var reactCompilerRuntime = require('react-compiler-runtime');
|
|
4
|
+
var SkeletonText_module = require('./SkeletonText.module.css.js');
|
|
5
|
+
var clsx = require('clsx');
|
|
6
|
+
require('@styled-system/css');
|
|
7
|
+
var merge = require('deepmerge');
|
|
8
|
+
var SkeletonBox = require('../../Skeleton/SkeletonBox.js');
|
|
9
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
10
|
+
|
|
11
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
|
+
|
|
13
|
+
var merge__default = /*#__PURE__*/_interopDefault(merge);
|
|
14
|
+
|
|
15
|
+
const SkeletonText = t0 => {
|
|
16
|
+
const $ = reactCompilerRuntime.c(32);
|
|
17
|
+
let className;
|
|
18
|
+
let maxWidth;
|
|
19
|
+
let rest;
|
|
20
|
+
let style;
|
|
21
|
+
let t1;
|
|
22
|
+
let t2;
|
|
23
|
+
if ($[0] !== t0) {
|
|
24
|
+
({
|
|
25
|
+
lines: t1,
|
|
26
|
+
maxWidth,
|
|
27
|
+
size: t2,
|
|
28
|
+
className,
|
|
29
|
+
style,
|
|
30
|
+
...rest
|
|
31
|
+
} = t0);
|
|
32
|
+
$[0] = t0;
|
|
33
|
+
$[1] = className;
|
|
34
|
+
$[2] = maxWidth;
|
|
35
|
+
$[3] = rest;
|
|
36
|
+
$[4] = style;
|
|
37
|
+
$[5] = t1;
|
|
38
|
+
$[6] = t2;
|
|
39
|
+
} else {
|
|
40
|
+
className = $[1];
|
|
41
|
+
maxWidth = $[2];
|
|
42
|
+
rest = $[3];
|
|
43
|
+
style = $[4];
|
|
44
|
+
t1 = $[5];
|
|
45
|
+
t2 = $[6];
|
|
46
|
+
}
|
|
47
|
+
const lines = t1 === undefined ? 1 : t1;
|
|
48
|
+
const size = t2 === undefined ? "bodyMedium" : t2;
|
|
49
|
+
if (lines < 2) {
|
|
50
|
+
let t3;
|
|
51
|
+
if ($[7] !== className) {
|
|
52
|
+
t3 = clsx.clsx(className, SkeletonText_module.SkeletonText);
|
|
53
|
+
$[7] = className;
|
|
54
|
+
$[8] = t3;
|
|
55
|
+
} else {
|
|
56
|
+
t3 = $[8];
|
|
57
|
+
}
|
|
58
|
+
const t4 = style;
|
|
59
|
+
let t5;
|
|
60
|
+
if ($[9] !== maxWidth || $[10] !== t4) {
|
|
61
|
+
t5 = merge__default.default(t4, {
|
|
62
|
+
maxWidth
|
|
63
|
+
});
|
|
64
|
+
$[9] = maxWidth;
|
|
65
|
+
$[10] = t4;
|
|
66
|
+
$[11] = t5;
|
|
67
|
+
} else {
|
|
68
|
+
t5 = $[11];
|
|
69
|
+
}
|
|
70
|
+
let t6;
|
|
71
|
+
if ($[12] !== rest || $[13] !== size || $[14] !== t3 || $[15] !== t5) {
|
|
72
|
+
t6 = /*#__PURE__*/jsxRuntime.jsx(SkeletonBox.SkeletonBox, {
|
|
73
|
+
"data-component": "SkeletonText",
|
|
74
|
+
"data-text-skeleton-size": size,
|
|
75
|
+
width: "100%",
|
|
76
|
+
className: t3,
|
|
77
|
+
style: t5,
|
|
78
|
+
...rest
|
|
79
|
+
});
|
|
80
|
+
$[12] = rest;
|
|
81
|
+
$[13] = size;
|
|
82
|
+
$[14] = t3;
|
|
83
|
+
$[15] = t5;
|
|
84
|
+
$[16] = t6;
|
|
85
|
+
} else {
|
|
86
|
+
t6 = $[16];
|
|
87
|
+
}
|
|
88
|
+
return t6;
|
|
89
|
+
} else {
|
|
90
|
+
const t3 = style;
|
|
91
|
+
let t4;
|
|
92
|
+
if ($[17] !== maxWidth || $[18] !== t3) {
|
|
93
|
+
t4 = merge__default.default(t3, {
|
|
94
|
+
maxWidth
|
|
95
|
+
});
|
|
96
|
+
$[17] = maxWidth;
|
|
97
|
+
$[18] = t3;
|
|
98
|
+
$[19] = t4;
|
|
99
|
+
} else {
|
|
100
|
+
t4 = $[19];
|
|
101
|
+
}
|
|
102
|
+
let t5;
|
|
103
|
+
if ($[20] !== className || $[21] !== lines || $[22] !== rest || $[23] !== size) {
|
|
104
|
+
let t6;
|
|
105
|
+
if ($[25] !== className || $[26] !== rest || $[27] !== size) {
|
|
106
|
+
t6 = (_, index) => /*#__PURE__*/jsxRuntime.jsx(SkeletonBox.SkeletonBox, {
|
|
107
|
+
"data-component": "SkeletonText",
|
|
108
|
+
"data-in-multiline": "true",
|
|
109
|
+
"data-text-skeleton-size": size,
|
|
110
|
+
className: clsx.clsx(className, SkeletonText_module.SkeletonText),
|
|
111
|
+
...rest
|
|
112
|
+
}, index);
|
|
113
|
+
$[25] = className;
|
|
114
|
+
$[26] = rest;
|
|
115
|
+
$[27] = size;
|
|
116
|
+
$[28] = t6;
|
|
117
|
+
} else {
|
|
118
|
+
t6 = $[28];
|
|
119
|
+
}
|
|
120
|
+
t5 = Array.from({
|
|
121
|
+
length: lines
|
|
122
|
+
}, t6);
|
|
123
|
+
$[20] = className;
|
|
124
|
+
$[21] = lines;
|
|
125
|
+
$[22] = rest;
|
|
126
|
+
$[23] = size;
|
|
127
|
+
$[24] = t5;
|
|
128
|
+
} else {
|
|
129
|
+
t5 = $[24];
|
|
130
|
+
}
|
|
131
|
+
let t6;
|
|
132
|
+
if ($[29] !== t4 || $[30] !== t5) {
|
|
133
|
+
t6 = /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
134
|
+
"data-component": "multilineContainer",
|
|
135
|
+
className: SkeletonText_module.SkeletonTextWrapper,
|
|
136
|
+
style: t4,
|
|
137
|
+
children: t5
|
|
138
|
+
});
|
|
139
|
+
$[29] = t4;
|
|
140
|
+
$[30] = t5;
|
|
141
|
+
$[31] = t6;
|
|
142
|
+
} else {
|
|
143
|
+
t6 = $[31];
|
|
144
|
+
}
|
|
145
|
+
return t6;
|
|
146
|
+
}
|
|
147
|
+
};
|
|
148
|
+
|
|
149
|
+
exports.SkeletonText = SkeletonText;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/experimental/Skeleton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,4BAA4B,CAAA;AACtD,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAA;AAC3C,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UnderlinePanels.d.ts","sourceRoot":"","sources":["../../../src/experimental/UnderlinePanels/UnderlinePanels.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAMZ,KAAK,EAAE,EACP,KAAK,iBAAiB,EAEvB,MAAM,OAAO,CAAA;AAEd,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,wBAAwB,CAAA;AAQrD,
|
|
1
|
+
{"version":3,"file":"UnderlinePanels.d.ts","sourceRoot":"","sources":["../../../src/experimental/UnderlinePanels/UnderlinePanels.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAMZ,KAAK,EAAE,EACP,KAAK,iBAAiB,EAEvB,MAAM,OAAO,CAAA;AAEd,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,wBAAwB,CAAA;AAQrD,OAAY,EAAC,KAAK,QAAQ,EAAC,MAAM,WAAW,CAAA;AAG5C,OAAO,EAAC,KAAK,MAAM,EAAC,MAAM,UAAU,CAAA;AAOpC,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,CAAA;IACjD;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAA;IAC3D;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,MAAM,CAAA;AAEV,MAAM,MAAM,QAAQ,GAAG,iBAAiB,CAAC;IACvC;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IACxG;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB;;OAEG;IACH,IAAI,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,CAAA;CACrB,CAAC,GACA,MAAM,CAAA;AAER,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAA;;;;;AA4J7C,wBAA2D"}
|
|
@@ -7,13 +7,14 @@ require('../../node_modules/@github/tab-container-element/dist/tab-container-ele
|
|
|
7
7
|
var createComponent = require('../../utils/create-component.js');
|
|
8
8
|
var UnderlineTabbedInterface = require('../../internal/components/UnderlineTabbedInterface.js');
|
|
9
9
|
var invariant = require('../../utils/invariant.js');
|
|
10
|
+
var defaultSxProp = require('../../utils/defaultSxProp.js');
|
|
10
11
|
var useResizeObserver = require('../../hooks/useResizeObserver.js');
|
|
11
12
|
var useIsomorphicLayoutEffect = require('../../utils/useIsomorphicLayoutEffect.js');
|
|
12
13
|
var UnderlinePanels_module = require('./UnderlinePanels.module.css.js');
|
|
13
14
|
var clsx = require('clsx');
|
|
14
|
-
var BoxWithFallback = require('../../internal/components/BoxWithFallback.js');
|
|
15
15
|
var jsxRuntime = require('react/jsx-runtime');
|
|
16
16
|
var useId = require('../../hooks/useId.js');
|
|
17
|
+
var Box = require('../../Box/Box.js');
|
|
17
18
|
|
|
18
19
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
19
20
|
|
|
@@ -25,6 +26,7 @@ const UnderlinePanels = ({
|
|
|
25
26
|
'aria-labelledby': ariaLabelledBy,
|
|
26
27
|
children,
|
|
27
28
|
loadingCounters,
|
|
29
|
+
sx: sxProp = defaultSxProp.defaultSxProp,
|
|
28
30
|
className,
|
|
29
31
|
...props
|
|
30
32
|
}) => {
|
|
@@ -99,6 +101,7 @@ const UnderlinePanels = ({
|
|
|
99
101
|
ref: wrapperRef,
|
|
100
102
|
slot: "tablist-wrapper",
|
|
101
103
|
"data-icons-visible": iconsVisible,
|
|
104
|
+
sx: sxProp,
|
|
102
105
|
className: clsx.clsx(className, UnderlinePanels_module.StyledUnderlineWrapper),
|
|
103
106
|
...props,
|
|
104
107
|
children: /*#__PURE__*/jsxRuntime.jsx(UnderlineTabbedInterface.UnderlineItemList, {
|
|
@@ -113,13 +116,15 @@ const UnderlinePanels = ({
|
|
|
113
116
|
};
|
|
114
117
|
UnderlinePanels.displayName = "UnderlinePanels";
|
|
115
118
|
const Tab = t0 => {
|
|
116
|
-
const $ = reactCompilerRuntime.c(
|
|
119
|
+
const $ = reactCompilerRuntime.c(16);
|
|
117
120
|
let ariaSelected;
|
|
118
121
|
let onSelect;
|
|
119
122
|
let props;
|
|
123
|
+
let t1;
|
|
120
124
|
if ($[0] !== t0) {
|
|
121
125
|
({
|
|
122
126
|
"aria-selected": ariaSelected,
|
|
127
|
+
sx: t1,
|
|
123
128
|
onSelect,
|
|
124
129
|
...props
|
|
125
130
|
} = t0);
|
|
@@ -127,67 +132,72 @@ const Tab = t0 => {
|
|
|
127
132
|
$[1] = ariaSelected;
|
|
128
133
|
$[2] = onSelect;
|
|
129
134
|
$[3] = props;
|
|
135
|
+
$[4] = t1;
|
|
130
136
|
} else {
|
|
131
137
|
ariaSelected = $[1];
|
|
132
138
|
onSelect = $[2];
|
|
133
139
|
props = $[3];
|
|
140
|
+
t1 = $[4];
|
|
134
141
|
}
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
142
|
+
const sxProp = t1 === undefined ? defaultSxProp.defaultSxProp : t1;
|
|
143
|
+
let t2;
|
|
144
|
+
if ($[5] !== onSelect) {
|
|
145
|
+
t2 = event => {
|
|
138
146
|
if (!event.defaultPrevented && typeof onSelect === "function") {
|
|
139
147
|
onSelect(event);
|
|
140
148
|
}
|
|
141
149
|
};
|
|
142
|
-
$[
|
|
143
|
-
$[
|
|
150
|
+
$[5] = onSelect;
|
|
151
|
+
$[6] = t2;
|
|
144
152
|
} else {
|
|
145
|
-
|
|
153
|
+
t2 = $[6];
|
|
146
154
|
}
|
|
147
|
-
const clickHandler =
|
|
148
|
-
let
|
|
149
|
-
if ($[
|
|
150
|
-
|
|
155
|
+
const clickHandler = t2;
|
|
156
|
+
let t3;
|
|
157
|
+
if ($[7] !== onSelect) {
|
|
158
|
+
t3 = event_0 => {
|
|
151
159
|
if ((event_0.key === " " || event_0.key === "Enter") && !event_0.defaultPrevented && typeof onSelect === "function") {
|
|
152
160
|
onSelect(event_0);
|
|
153
161
|
}
|
|
154
162
|
};
|
|
155
|
-
$[
|
|
156
|
-
$[
|
|
163
|
+
$[7] = onSelect;
|
|
164
|
+
$[8] = t3;
|
|
157
165
|
} else {
|
|
158
|
-
|
|
166
|
+
t3 = $[8];
|
|
159
167
|
}
|
|
160
|
-
const keyDownHandler =
|
|
161
|
-
const
|
|
162
|
-
let
|
|
163
|
-
if ($[
|
|
164
|
-
|
|
168
|
+
const keyDownHandler = t3;
|
|
169
|
+
const t4 = ariaSelected ? 0 : -1;
|
|
170
|
+
let t5;
|
|
171
|
+
if ($[9] !== ariaSelected || $[10] !== clickHandler || $[11] !== keyDownHandler || $[12] !== props || $[13] !== sxProp || $[14] !== t4) {
|
|
172
|
+
t5 = /*#__PURE__*/jsxRuntime.jsx(UnderlineTabbedInterface.UnderlineItem, {
|
|
165
173
|
as: "button",
|
|
166
174
|
role: "tab",
|
|
167
|
-
tabIndex:
|
|
175
|
+
tabIndex: t4,
|
|
168
176
|
"aria-selected": ariaSelected,
|
|
177
|
+
sx: sxProp,
|
|
169
178
|
type: "button",
|
|
170
179
|
onClick: clickHandler,
|
|
171
180
|
onKeyDown: keyDownHandler,
|
|
172
181
|
...props
|
|
173
182
|
});
|
|
174
|
-
$[
|
|
175
|
-
$[
|
|
176
|
-
$[
|
|
177
|
-
$[
|
|
178
|
-
$[
|
|
179
|
-
$[
|
|
183
|
+
$[9] = ariaSelected;
|
|
184
|
+
$[10] = clickHandler;
|
|
185
|
+
$[11] = keyDownHandler;
|
|
186
|
+
$[12] = props;
|
|
187
|
+
$[13] = sxProp;
|
|
188
|
+
$[14] = t4;
|
|
189
|
+
$[15] = t5;
|
|
180
190
|
} else {
|
|
181
|
-
|
|
191
|
+
t5 = $[15];
|
|
182
192
|
}
|
|
183
|
-
return
|
|
193
|
+
return t5;
|
|
184
194
|
};
|
|
185
195
|
Tab.displayName = 'UnderlinePanels.Tab';
|
|
186
196
|
const Panel = props => {
|
|
187
197
|
const $ = reactCompilerRuntime.c(2);
|
|
188
198
|
let t0;
|
|
189
199
|
if ($[0] !== props) {
|
|
190
|
-
t0 = /*#__PURE__*/jsxRuntime.jsx(
|
|
200
|
+
t0 = /*#__PURE__*/jsxRuntime.jsx(Box, {
|
|
191
201
|
as: "div",
|
|
192
202
|
role: "tabpanel",
|
|
193
203
|
...props
|
|
@@ -33,12 +33,7 @@ export { Announce, AriaStatus, AriaAlert } from '../live-region';
|
|
|
33
33
|
export type { AnnounceProps, AriaStatusProps, AriaAlertProps } from '../live-region';
|
|
34
34
|
export { UnderlinePanels } from './UnderlinePanels';
|
|
35
35
|
export type { UnderlinePanelsProps, UnderlinePanelsTabProps, UnderlinePanelsPanelProps } from './UnderlinePanels';
|
|
36
|
-
export { SkeletonBox } from '
|
|
37
|
-
export type { SkeletonBoxProps } from '../Skeleton';
|
|
38
|
-
export { SkeletonText } from '../SkeletonText';
|
|
39
|
-
export type { SkeletonTextProps } from '../SkeletonText';
|
|
40
|
-
export { SkeletonAvatar } from '../SkeletonAvatar';
|
|
41
|
-
export type { SkeletonAvatarProps } from '../SkeletonAvatar';
|
|
36
|
+
export { SkeletonBox, SkeletonText, SkeletonAvatar } from './Skeleton';
|
|
42
37
|
export { FeatureFlags, DefaultFeatureFlags, useFeatureFlag } from '../FeatureFlags';
|
|
43
38
|
export type { FeatureFlagsProps } from '../FeatureFlags';
|
|
44
39
|
export { FilteredActionList } from '../FilteredActionList';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/experimental/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAA;AACxC,YAAY,EAAC,eAAe,EAAC,MAAM,eAAe,CAAA;AAElD,OAAO,EAAC,UAAU,EAAC,MAAM,WAAW,CAAA;AACpC,YAAY,EAAC,eAAe,EAAC,MAAM,WAAW,CAAA;AAE9C,OAAO,EAAC,MAAM,EAAC,MAAM,WAAW,CAAA;AAChC,YAAY,EAAC,WAAW,EAAC,MAAM,WAAW,CAAA;AAE1C,OAAO,EAAC,SAAS,EAAE,KAAK,EAAE,kBAAkB,EAAC,MAAM,cAAc,CAAA;AACjE,YAAY,EACV,cAAc,EACd,UAAU,EACV,cAAc,EACd,cAAc,EACd,aAAa,EACb,gBAAgB,EAChB,cAAc,EACd,mBAAmB,EACnB,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EACjB,MAAM,EACN,aAAa,EACb,WAAW,EACX,SAAS,EACT,WAAW,GACZ,MAAM,cAAc,CAAA;AAErB,cAAc,kBAAkB,CAAA;AAEhC,OAAO,EAAC,aAAa,EAAC,MAAM,kBAAkB,CAAA;AAC9C,YAAY,EAAC,kBAAkB,EAAC,MAAM,kBAAkB,CAAA;AAExD,cAAc,eAAe,CAAA;AAE7B,cAAc,WAAW,CAAA;AAEzB,cAAc,SAAS,CAAA;AAEvB,OAAO,EAAC,OAAO,EAAC,MAAM,YAAY,CAAA;AAClC,YAAY,EACV,YAAY,EACZ,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EACjB,yBAAyB,EACzB,0BAA0B,EAC1B,mBAAmB,GACpB,MAAM,YAAY,CAAA;AACnB,cAAc,gBAAgB,CAAA;AAC9B,OAAO,EAAC,OAAO,EAAC,MAAM,cAAc,CAAA;AACpC,YAAY,EAAC,YAAY,EAAC,MAAM,cAAc,CAAA;AAC9C,cAAc,cAAc,CAAA;AAE5B,OAAO,EAAC,gBAAgB,EAAC,MAAM,qBAAqB,CAAA;AACpD,YAAY,EAAC,qBAAqB,EAAC,MAAM,qBAAqB,CAAA;AAE9D,OAAO,EAAC,KAAK,EAAC,MAAM,UAAU,CAAA;AAC9B,YAAY,EAAC,UAAU,EAAE,cAAc,EAAC,MAAM,UAAU,CAAA;AAExD,OAAO,EAAC,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAC,MAAM,gBAAgB,CAAA;AAC9D,YAAY,EAAC,aAAa,EAAE,eAAe,EAAE,cAAc,EAAC,MAAM,gBAAgB,CAAA;AAElF,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAA;AACjD,YAAY,EAAC,oBAAoB,EAAE,uBAAuB,EAAE,yBAAyB,EAAC,MAAM,mBAAmB,CAAA;AAE/G,OAAO,EAAC,WAAW,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/experimental/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAA;AACxC,YAAY,EAAC,eAAe,EAAC,MAAM,eAAe,CAAA;AAElD,OAAO,EAAC,UAAU,EAAC,MAAM,WAAW,CAAA;AACpC,YAAY,EAAC,eAAe,EAAC,MAAM,WAAW,CAAA;AAE9C,OAAO,EAAC,MAAM,EAAC,MAAM,WAAW,CAAA;AAChC,YAAY,EAAC,WAAW,EAAC,MAAM,WAAW,CAAA;AAE1C,OAAO,EAAC,SAAS,EAAE,KAAK,EAAE,kBAAkB,EAAC,MAAM,cAAc,CAAA;AACjE,YAAY,EACV,cAAc,EACd,UAAU,EACV,cAAc,EACd,cAAc,EACd,aAAa,EACb,gBAAgB,EAChB,cAAc,EACd,mBAAmB,EACnB,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EACjB,MAAM,EACN,aAAa,EACb,WAAW,EACX,SAAS,EACT,WAAW,GACZ,MAAM,cAAc,CAAA;AAErB,cAAc,kBAAkB,CAAA;AAEhC,OAAO,EAAC,aAAa,EAAC,MAAM,kBAAkB,CAAA;AAC9C,YAAY,EAAC,kBAAkB,EAAC,MAAM,kBAAkB,CAAA;AAExD,cAAc,eAAe,CAAA;AAE7B,cAAc,WAAW,CAAA;AAEzB,cAAc,SAAS,CAAA;AAEvB,OAAO,EAAC,OAAO,EAAC,MAAM,YAAY,CAAA;AAClC,YAAY,EACV,YAAY,EACZ,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EACjB,yBAAyB,EACzB,0BAA0B,EAC1B,mBAAmB,GACpB,MAAM,YAAY,CAAA;AACnB,cAAc,gBAAgB,CAAA;AAC9B,OAAO,EAAC,OAAO,EAAC,MAAM,cAAc,CAAA;AACpC,YAAY,EAAC,YAAY,EAAC,MAAM,cAAc,CAAA;AAC9C,cAAc,cAAc,CAAA;AAE5B,OAAO,EAAC,gBAAgB,EAAC,MAAM,qBAAqB,CAAA;AACpD,YAAY,EAAC,qBAAqB,EAAC,MAAM,qBAAqB,CAAA;AAE9D,OAAO,EAAC,KAAK,EAAC,MAAM,UAAU,CAAA;AAC9B,YAAY,EAAC,UAAU,EAAE,cAAc,EAAC,MAAM,UAAU,CAAA;AAExD,OAAO,EAAC,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAC,MAAM,gBAAgB,CAAA;AAC9D,YAAY,EAAC,aAAa,EAAE,eAAe,EAAE,cAAc,EAAC,MAAM,gBAAgB,CAAA;AAElF,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAA;AACjD,YAAY,EAAC,oBAAoB,EAAE,uBAAuB,EAAE,yBAAyB,EAAC,MAAM,mBAAmB,CAAA;AAE/G,OAAO,EAAC,WAAW,EAAE,YAAY,EAAE,cAAc,EAAC,MAAM,YAAY,CAAA;AACpE,OAAO,EAAC,YAAY,EAAE,mBAAmB,EAAE,cAAc,EAAC,MAAM,iBAAiB,CAAA;AACjF,YAAY,EAAC,iBAAiB,EAAC,MAAM,iBAAiB,CAAA;AAEtD,OAAO,EAAC,kBAAkB,EAAC,MAAM,uBAAuB,CAAA;AACxD,YAAY,EAAC,uBAAuB,EAAC,MAAM,uBAAuB,CAAA;AAClE,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAA;AACvC,YAAY,EAAC,eAAe,EAAC,MAAM,cAAc,CAAA;AAEjD,cAAc,mBAAmB,CAAA"}
|
|
@@ -19,8 +19,8 @@ var AriaStatus = require('../live-region/AriaStatus.js');
|
|
|
19
19
|
var AriaAlert = require('../live-region/AriaAlert.js');
|
|
20
20
|
var UnderlinePanels = require('./UnderlinePanels/UnderlinePanels.js');
|
|
21
21
|
var SkeletonBox = require('../Skeleton/SkeletonBox.js');
|
|
22
|
-
var SkeletonText = require('
|
|
23
|
-
var SkeletonAvatar = require('
|
|
22
|
+
var SkeletonText = require('./Skeleton/SkeletonText.js');
|
|
23
|
+
var SkeletonAvatar = require('./Skeleton/SkeletonAvatar.js');
|
|
24
24
|
var FeatureFlags = require('../FeatureFlags/FeatureFlags.js');
|
|
25
25
|
var DefaultFeatureFlags = require('../FeatureFlags/DefaultFeatureFlags.js');
|
|
26
26
|
var useFeatureFlag = require('../FeatureFlags/useFeatureFlag.js');
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
+
import type { SxProp } from '../../sx';
|
|
1
2
|
/**
|
|
2
3
|
* Provides an unstyled button that can be styled as-needed for components
|
|
3
4
|
*/
|
|
4
|
-
export declare const Button: (
|
|
5
|
+
export declare const Button: import("styled-components").StyledComponent<"button", any, SxProp, never>;
|
|
5
6
|
//# sourceMappingURL=ButtonReset.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonReset.d.ts","sourceRoot":"","sources":["../../../src/internal/components/ButtonReset.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ButtonReset.d.ts","sourceRoot":"","sources":["../../../src/internal/components/ButtonReset.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,UAAU,CAAA;AAGpC;;GAEG;AACH,eAAO,MAAM,MAAM,2EAoBlB,CAAA"}
|
|
@@ -1,54 +1,18 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
var
|
|
5
|
-
var clsx = require('clsx');
|
|
6
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
3
|
+
var styled = require('styled-components');
|
|
4
|
+
var sx = require('../../sx.js');
|
|
7
5
|
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
$[0] = t0;
|
|
20
|
-
$[1] = children;
|
|
21
|
-
$[2] = className;
|
|
22
|
-
$[3] = rest;
|
|
23
|
-
} else {
|
|
24
|
-
children = $[1];
|
|
25
|
-
className = $[2];
|
|
26
|
-
rest = $[3];
|
|
27
|
-
}
|
|
28
|
-
let t1;
|
|
29
|
-
if ($[4] !== className) {
|
|
30
|
-
t1 = clsx.clsx(className, ButtonReset_module.ButtonReset);
|
|
31
|
-
$[4] = className;
|
|
32
|
-
$[5] = t1;
|
|
33
|
-
} else {
|
|
34
|
-
t1 = $[5];
|
|
35
|
-
}
|
|
36
|
-
let t2;
|
|
37
|
-
if ($[6] !== children || $[7] !== rest || $[8] !== t1) {
|
|
38
|
-
t2 = /*#__PURE__*/jsxRuntime.jsx("button", {
|
|
39
|
-
className: t1,
|
|
40
|
-
type: "button",
|
|
41
|
-
...rest,
|
|
42
|
-
children: children
|
|
43
|
-
});
|
|
44
|
-
$[6] = children;
|
|
45
|
-
$[7] = rest;
|
|
46
|
-
$[8] = t1;
|
|
47
|
-
$[9] = t2;
|
|
48
|
-
} else {
|
|
49
|
-
t2 = $[9];
|
|
50
|
-
}
|
|
51
|
-
return t2;
|
|
52
|
-
};
|
|
6
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
7
|
+
|
|
8
|
+
var styled__default = /*#__PURE__*/_interopDefault(styled);
|
|
9
|
+
|
|
10
|
+
/**
|
|
11
|
+
* Provides an unstyled button that can be styled as-needed for components
|
|
12
|
+
*/
|
|
13
|
+
const Button = styled__default.default.button.withConfig({
|
|
14
|
+
displayName: "ButtonReset__Button",
|
|
15
|
+
componentId: "sc-1yqlmwf-0"
|
|
16
|
+
})(["padding:0;border:0;margin:0;display:inline-flex;padding:0;border:0;appearance:none;background:none;cursor:pointer;text-align:start;font:inherit;color:inherit;align-items:center;&::-moz-focus-inner{border:0;}", ""], sx.default);
|
|
53
17
|
|
|
54
18
|
exports.Button = Button;
|
package/lib/internal/components/{TextInputWrapper-889df5d3.css → TextInputWrapper-ca608f70.css}
RENAMED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.prc-components-TextInputBaseWrapper-ueK9q{align-items:stretch;background-color:var(--bgColor-default,var(--color-canvas-default));border:var(--borderWidth-thin,.0625rem) solid var(--control-borderColor-rest,var(--color-btn-border));border-radius:var(--borderRadius-medium,.375rem);box-shadow:var(--shadow-inset,var(--color-primer-shadow-inset));color:var(--fgColor-default,var(--color-fg-default));cursor:text;display:inline-flex;font-size:var(--text-body-size-medium,.875rem);line-height:var(--base-size-20,1.25rem);min-height:var(--base-size-32,2rem);outline:none;overflow:hidden;vertical-align:middle}.prc-components-TextInputBaseWrapper-ueK9q input,.prc-components-TextInputBaseWrapper-ueK9q textarea{cursor:text}.prc-components-TextInputBaseWrapper-ueK9q select{cursor:pointer}:is(.prc-components-TextInputBaseWrapper-ueK9q input,.prc-components-TextInputBaseWrapper-ueK9q textarea,.prc-components-TextInputBaseWrapper-ueK9q select)::placeholder{color:var(--fgColor-muted,var(--color-fg-muted))}.prc-components-TextInputBaseWrapper-ueK9q:where(:not([data-trailing-action]):focus-within),.prc-components-TextInputBaseWrapper-ueK9q:where([data-trailing-action][data-focused]){border-color:var(--borderColor-accent-emphasis,var(--color-accent-emphasis));outline:var(--borderWidth-thick,.125rem) solid var(--borderColor-accent-emphasis,var(--color-accent-emphasis));outline-offset:-1px}.prc-components-TextInputBaseWrapper-ueK9q>textarea{padding:var(--base-size-12,.75rem)}.prc-components-TextInputBaseWrapper-ueK9q:where([data-contrast]){background-color:var(--control-bgColor-contrast,var(--bgColor-inset,var(--color-canvas-inset)))}.prc-components-TextInputBaseWrapper-ueK9q:where([data-disabled]){background-color:var(--control-bgColor-disabled,var(--color-input-disabled-bg));border-color:var(--control-borderColor-disabled,var(--color-btn-border));box-shadow:none;color:var(--fgColor-disabled,var(--color-primer-fg-disabled))}.prc-components-TextInputBaseWrapper-ueK9q:where([data-disabled]) input,.prc-components-TextInputBaseWrapper-ueK9q:where([data-disabled]) select,.prc-components-TextInputBaseWrapper-ueK9q:where([data-disabled]) textarea{cursor:not-allowed}.prc-components-TextInputBaseWrapper-ueK9q:where([data-monospace]){font-family:var(--fontStack-monospace,ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace)}.prc-components-TextInputBaseWrapper-ueK9q:where([data-validation=error]){border-color:var(--borderColor-danger-emphasis,var(--color-danger-emphasis))}.prc-components-TextInputBaseWrapper-ueK9q:where([data-validation=error]):where(:not([data-trailing-action])):focus-within,.prc-components-TextInputBaseWrapper-ueK9q:where([data-validation=error]):where([data-trailing-action][data-focused]){border-color:var(--control-borderColor-danger,var(--color-danger-emphasis));outline:2px solid var(--control-borderColor-danger,var(--color-danger-emphasis));outline-offset:-1px}.prc-components-TextInputBaseWrapper-ueK9q:where([data-validation=success]){border-color:var(--bgColor-success-emphasis,var(--color-success-emphasis))}.prc-components-TextInputBaseWrapper-ueK9q:where([data-block]){align-self:stretch;display:flex;width:100%}@media screen and (min-width:48rem){.prc-components-TextInputBaseWrapper-ueK9q{font-size:var(--text-body-size-medium,.875rem)}}.prc-components-TextInputBaseWrapper-ueK9q{--inner-action-size:var(--base-size-24,1.5rem)}.prc-components-TextInputBaseWrapper-ueK9q:where([data-size=small]){--inner-action-size:var(--base-size-20,1.25rem);font-size:var(--text-body-size-small,.75rem);line-height:var(--base-size-20,1.25rem);min-height:var(--base-size-28,1.75rem);padding-bottom:3px;padding-left:var(--base-size-8,.5rem);padding-right:var(--base-size-8,.5rem);padding-top:3px}.prc-components-TextInputBaseWrapper-ueK9q:where([data-size=large]){--inner-action-size:var(--base-size-28,1.75rem);height:var(--base-size-40,2.5rem);padding-bottom:10px;padding-left:var(--base-size-8,.5rem);padding-right:var(--base-size-8,.5rem);padding-top:10px}.prc-components-TextInputBaseWrapper-ueK9q:where([data-variant=small]){font-size:(--text-body-size-small);line-height:var(--base-size-20,1.25rem);min-height:28px;padding-bottom:3px;padding-left:var(--base-size-8,.5rem);padding-right:var(--base-size-8,.5rem);padding-top:3px}.prc-components-TextInputBaseWrapper-ueK9q:where([data-variant=large]){font-size:var(--text-title-size-medium,1.25rem);padding-bottom:10px;padding-left:var(--base-size-8,.5rem);padding-right:var(--base-size-8,.5rem);padding-top:10px}.prc-components-TextInputWrapper-i1ofR,.prc-components-TextInputWrapper-i1ofR>input,.prc-components-TextInputWrapper-i1ofR>select{padding-left:0;padding-right:0}.prc-components-TextInputWrapper-i1ofR{background-position:right 8px center;background-repeat:no-repeat}.prc-components-TextInputWrapper-i1ofR>:not(:last-child){margin-right:var(--base-size-8,.5rem)}.prc-components-TextInputWrapper-i1ofR .TextInput-action,.prc-components-TextInputWrapper-i1ofR .TextInput-icon{align-self:center;color:var(--fgColor-muted,var(--color-fg-muted));flex-shrink:0}.prc-components-TextInputWrapper-i1ofR:where([data-leading-visual]){padding-left:var(--base-size-
|
|
2
|
-
/*# sourceMappingURL=TextInputWrapper-
|
|
1
|
+
.prc-components-TextInputBaseWrapper-ueK9q{align-items:stretch;background-color:var(--bgColor-default,var(--color-canvas-default));border:var(--borderWidth-thin,.0625rem) solid var(--control-borderColor-rest,var(--color-btn-border));border-radius:var(--borderRadius-medium,.375rem);box-shadow:var(--shadow-inset,var(--color-primer-shadow-inset));color:var(--fgColor-default,var(--color-fg-default));cursor:text;display:inline-flex;font-size:var(--text-body-size-medium,.875rem);line-height:var(--base-size-20,1.25rem);min-height:var(--base-size-32,2rem);outline:none;overflow:hidden;vertical-align:middle}.prc-components-TextInputBaseWrapper-ueK9q input,.prc-components-TextInputBaseWrapper-ueK9q textarea{cursor:text}.prc-components-TextInputBaseWrapper-ueK9q select{cursor:pointer}:is(.prc-components-TextInputBaseWrapper-ueK9q input,.prc-components-TextInputBaseWrapper-ueK9q textarea,.prc-components-TextInputBaseWrapper-ueK9q select)::placeholder{color:var(--fgColor-muted,var(--color-fg-muted))}.prc-components-TextInputBaseWrapper-ueK9q:where(:not([data-trailing-action]):focus-within),.prc-components-TextInputBaseWrapper-ueK9q:where([data-trailing-action][data-focused]){border-color:var(--borderColor-accent-emphasis,var(--color-accent-emphasis));outline:var(--borderWidth-thick,.125rem) solid var(--borderColor-accent-emphasis,var(--color-accent-emphasis));outline-offset:-1px}.prc-components-TextInputBaseWrapper-ueK9q>textarea{padding:var(--base-size-12,.75rem)}.prc-components-TextInputBaseWrapper-ueK9q:where([data-contrast]){background-color:var(--control-bgColor-contrast,var(--bgColor-inset,var(--color-canvas-inset)))}.prc-components-TextInputBaseWrapper-ueK9q:where([data-disabled]){background-color:var(--control-bgColor-disabled,var(--color-input-disabled-bg));border-color:var(--control-borderColor-disabled,var(--color-btn-border));box-shadow:none;color:var(--fgColor-disabled,var(--color-primer-fg-disabled))}.prc-components-TextInputBaseWrapper-ueK9q:where([data-disabled]) input,.prc-components-TextInputBaseWrapper-ueK9q:where([data-disabled]) select,.prc-components-TextInputBaseWrapper-ueK9q:where([data-disabled]) textarea{cursor:not-allowed}.prc-components-TextInputBaseWrapper-ueK9q:where([data-monospace]){font-family:var(--fontStack-monospace,ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace)}.prc-components-TextInputBaseWrapper-ueK9q:where([data-validation=error]){border-color:var(--borderColor-danger-emphasis,var(--color-danger-emphasis))}.prc-components-TextInputBaseWrapper-ueK9q:where([data-validation=error]):where(:not([data-trailing-action])):focus-within,.prc-components-TextInputBaseWrapper-ueK9q:where([data-validation=error]):where([data-trailing-action][data-focused]){border-color:var(--control-borderColor-danger,var(--color-danger-emphasis));outline:2px solid var(--control-borderColor-danger,var(--color-danger-emphasis));outline-offset:-1px}.prc-components-TextInputBaseWrapper-ueK9q:where([data-validation=success]){border-color:var(--bgColor-success-emphasis,var(--color-success-emphasis))}.prc-components-TextInputBaseWrapper-ueK9q:where([data-block]){align-self:stretch;display:flex;width:100%}@media screen and (min-width:48rem){.prc-components-TextInputBaseWrapper-ueK9q{font-size:var(--text-body-size-medium,.875rem)}}.prc-components-TextInputBaseWrapper-ueK9q{--inner-action-size:var(--base-size-24,1.5rem)}.prc-components-TextInputBaseWrapper-ueK9q:where([data-size=small]){--inner-action-size:var(--base-size-20,1.25rem);font-size:var(--text-body-size-small,.75rem);line-height:var(--base-size-20,1.25rem);min-height:var(--base-size-28,1.75rem);padding-bottom:3px;padding-left:var(--base-size-8,.5rem);padding-right:var(--base-size-8,.5rem);padding-top:3px}.prc-components-TextInputBaseWrapper-ueK9q:where([data-size=large]){--inner-action-size:var(--base-size-28,1.75rem);height:var(--base-size-40,2.5rem);padding-bottom:10px;padding-left:var(--base-size-8,.5rem);padding-right:var(--base-size-8,.5rem);padding-top:10px}.prc-components-TextInputBaseWrapper-ueK9q:where([data-variant=small]){font-size:(--text-body-size-small);line-height:var(--base-size-20,1.25rem);min-height:28px;padding-bottom:3px;padding-left:var(--base-size-8,.5rem);padding-right:var(--base-size-8,.5rem);padding-top:3px}.prc-components-TextInputBaseWrapper-ueK9q:where([data-variant=large]){font-size:var(--text-title-size-medium,1.25rem);padding-bottom:10px;padding-left:var(--base-size-8,.5rem);padding-right:var(--base-size-8,.5rem);padding-top:10px}.prc-components-TextInputWrapper-i1ofR,.prc-components-TextInputWrapper-i1ofR>input,.prc-components-TextInputWrapper-i1ofR>select{padding-left:0;padding-right:0}.prc-components-TextInputWrapper-i1ofR{background-position:right 8px center;background-repeat:no-repeat}.prc-components-TextInputWrapper-i1ofR>:not(:last-child){margin-right:var(--base-size-8,.5rem)}.prc-components-TextInputWrapper-i1ofR .TextInput-action,.prc-components-TextInputWrapper-i1ofR .TextInput-icon{align-self:center;color:var(--fgColor-muted,var(--color-fg-muted));flex-shrink:0}.prc-components-TextInputWrapper-i1ofR:where([data-leading-visual]){padding-left:var(--base-size-12,.75rem)}.prc-components-TextInputWrapper-i1ofR:where([data-trailing-visual]:not([data-trailing-action])){padding-right:var(--base-size-12,.75rem)}.prc-components-TextInputWrapper-i1ofR:where(:not([data-leading-visual]))>input,.prc-components-TextInputWrapper-i1ofR:where(:not([data-leading-visual]))>select{padding-left:var(--base-size-12,.75rem)}.prc-components-TextInputWrapper-i1ofR:where(:not([data-trailing-visual]):not([data-trailing-action]))>input,.prc-components-TextInputWrapper-i1ofR:where(:not([data-trailing-visual]):not([data-trailing-action]))>select{padding-right:var(--base-size-12,.75rem)}
|
|
2
|
+
/*# sourceMappingURL=TextInputWrapper-ca608f70.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/internal/components/TextInputWrapper.module.css"],"names":[],"mappings":"AAAA,2CAeE,mBAAoB,CALpB,mEAAwC,CACxC,qGAAqE,CACrE,gDAAyC,CAEzC,+DAA+B,CAP/B,oDAA6B,CAE7B,WAAY,CARZ,mBAAoB,CAGpB,8CAAuC,CAEvC,uCAAgC,CAJhC,mCAA+B,CAW/B,YAAa,CAVb,eAAgB,CAKhB,qBA6IF,CApIE,qGAEE,WACF,CAEA,kDACE,cACF,CAKE,yKACE,gDACF,CAGF,mLAEE,4EAAgD,CAChD,8GAA0E,CAC1E,mBACF,CAEA,oDACE,kCACF,CAEA,kEAGE,+FACF,CAEA,kEAEE,+EAAiD,CACjD,wEAAiD,CACjD,eAAgB,CAHhB,6DAUF,CALE,4NAGE,kBACF,CAGF,mEACE,mHACF,CAEA,0EACE,4EAQF,CANE,iPAEE,2EAA+C,CAC/C,gFAAoD,CACpD,mBACF,CAGF,4EAEE,0EACF,CAEA,+DAGE,kBAAmB,CAFnB,YAAa,CACb,UAEF,CAGA,oCA3FF,2CA4FI,8CAyDJ,CAxDE,CA7FF,2CA+FE,8CAsDF,CApDE,oEACE,+CAAwC,CASxC,4CAAsC,CAEtC,uCAAgC,CAThC,sCAA+B,CAK/B,kBAAmB,CACnB,qCAAgC,CAHhC,sCAAiC,CADjC,eAQF,CAEA,oEACE,+CAAwC,CAExC,iCAA2B,CAK3B,mBAAoB,CACpB,qCAAgC,CAHhC,sCAAiC,CADjC,gBAKF,CAGA,uEASE,kCAAmC,CAEnC,uCAAgC,CAVhC,eAAgB,CAKhB,kBAAmB,CACnB,qCAAgC,CAHhC,sCAAiC,CADjC,eASF,CAGA,uEAOE,+CAAwC,CAFxC,mBAAoB,CACpB,qCAAgC,CAHhC,sCAAiC,CADjC,gBAMF,CAOA,kIAGE,cAAe,CADf,eAEF,CARF,uCAcE,oCAAqC,CAHrC,
|
|
1
|
+
{"version":3,"sources":["../../src/internal/components/TextInputWrapper.module.css"],"names":[],"mappings":"AAAA,2CAeE,mBAAoB,CALpB,mEAAwC,CACxC,qGAAqE,CACrE,gDAAyC,CAEzC,+DAA+B,CAP/B,oDAA6B,CAE7B,WAAY,CARZ,mBAAoB,CAGpB,8CAAuC,CAEvC,uCAAgC,CAJhC,mCAA+B,CAW/B,YAAa,CAVb,eAAgB,CAKhB,qBA6IF,CApIE,qGAEE,WACF,CAEA,kDACE,cACF,CAKE,yKACE,gDACF,CAGF,mLAEE,4EAAgD,CAChD,8GAA0E,CAC1E,mBACF,CAEA,oDACE,kCACF,CAEA,kEAGE,+FACF,CAEA,kEAEE,+EAAiD,CACjD,wEAAiD,CACjD,eAAgB,CAHhB,6DAUF,CALE,4NAGE,kBACF,CAGF,mEACE,mHACF,CAEA,0EACE,4EAQF,CANE,iPAEE,2EAA+C,CAC/C,gFAAoD,CACpD,mBACF,CAGF,4EAEE,0EACF,CAEA,+DAGE,kBAAmB,CAFnB,YAAa,CACb,UAEF,CAGA,oCA3FF,2CA4FI,8CAyDJ,CAxDE,CA7FF,2CA+FE,8CAsDF,CApDE,oEACE,+CAAwC,CASxC,4CAAsC,CAEtC,uCAAgC,CAThC,sCAA+B,CAK/B,kBAAmB,CACnB,qCAAgC,CAHhC,sCAAiC,CADjC,eAQF,CAEA,oEACE,+CAAwC,CAExC,iCAA2B,CAK3B,mBAAoB,CACpB,qCAAgC,CAHhC,sCAAiC,CADjC,gBAKF,CAGA,uEASE,kCAAmC,CAEnC,uCAAgC,CAVhC,eAAgB,CAKhB,kBAAmB,CACnB,qCAAgC,CAHhC,sCAAiC,CADjC,eASF,CAGA,uEAOE,+CAAwC,CAFxC,mBAAoB,CACpB,qCAAgC,CAHhC,sCAAiC,CADjC,gBAMF,CAOA,kIAGE,cAAe,CADf,eAEF,CARF,uCAcE,oCAAqC,CAHrC,2BAiCF,CA5BE,yDACE,qCACF,CAEA,gHAEE,iBAAkB,CAClB,gDAA2B,CAC3B,aACF,CAEA,oEACE,uCACF,CAEA,iGACE,wCACF,CAEA,iKAEE,uCACF,CAEA,2NAEE,wCACF","file":"TextInputWrapper-ca608f70.css","sourcesContent":[".TextInputBaseWrapper {\n display: inline-flex;\n min-height: var(--base-size-32);\n overflow: hidden;\n font-size: var(--text-body-size-medium);\n /* stylelint-disable-next-line primer/typography */\n line-height: var(--base-size-20);\n color: var(--fgColor-default);\n vertical-align: middle;\n cursor: text;\n background-color: var(--bgColor-default);\n border: var(--borderWidth-thin) solid var(--control-borderColor-rest);\n border-radius: var(--borderRadius-medium);\n outline: none;\n box-shadow: var(--shadow-inset);\n align-items: stretch;\n\n input,\n textarea {\n cursor: text;\n }\n\n select {\n cursor: pointer;\n }\n\n input,\n textarea,\n select {\n &::placeholder {\n color: var(--fgColor-muted);\n }\n }\n\n &:where([data-trailing-action][data-focused]),\n &:where(:not([data-trailing-action]):focus-within) {\n border-color: var(--borderColor-accent-emphasis);\n outline: var(--borderWidth-thick) solid var(--borderColor-accent-emphasis);\n outline-offset: -1px;\n }\n\n > textarea {\n padding: var(--base-size-12);\n }\n\n &:where([data-contrast]) {\n /* this variable is available behind a feature flag in gh/gh */\n /* stylelint-disable-next-line primer/colors */\n background-color: var(--control-bgColor-contrast, var(--bgColor-inset));\n }\n\n &:where([data-disabled]) {\n color: var(--fgColor-disabled);\n background-color: var(--control-bgColor-disabled);\n border-color: var(--control-borderColor-disabled);\n box-shadow: none;\n\n input,\n textarea,\n select {\n cursor: not-allowed;\n }\n }\n\n &:where([data-monospace]) {\n font-family: var(--fontStack-monospace);\n }\n\n &:where([data-validation='error']) {\n border-color: var(--borderColor-danger-emphasis);\n\n &:where([data-trailing-action][data-focused]),\n &:where(:not([data-trailing-action])):focus-within {\n border-color: var(--control-borderColor-danger);\n outline: 2px solid var(--control-borderColor-danger);\n outline-offset: -1px;\n }\n }\n\n &:where([data-validation='success']) {\n /* stylelint-disable-next-line primer/colors */\n border-color: var(--bgColor-success-emphasis);\n }\n\n &:where([data-block]) {\n display: flex;\n width: 100%;\n align-self: stretch;\n }\n\n /* Ensures inputs don't zoom on mobile but are body-font size on desktop */\n @media screen and (--viewportRange-regular) {\n font-size: var(--text-body-size-medium);\n }\n\n --inner-action-size: var(--base-size-24); /* Default size */\n\n &:where([data-size='small']) {\n --inner-action-size: var(--base-size-20);\n\n min-height: var(--base-size-28);\n /* stylelint-disable-next-line primer/spacing */\n padding-top: 3px;\n padding-right: var(--base-size-8);\n /* stylelint-disable-next-line primer/spacing */\n padding-bottom: 3px;\n padding-left: var(--base-size-8);\n font-size: var(--text-body-size-small);\n /* stylelint-disable-next-line primer/typography */\n line-height: var(--base-size-20);\n }\n\n &:where([data-size='large']) {\n --inner-action-size: var(--base-size-28);\n\n height: var(--base-size-40);\n /* stylelint-disable-next-line primer/spacing */\n padding-top: 10px;\n padding-right: var(--base-size-8);\n /* stylelint-disable-next-line primer/spacing */\n padding-bottom: 10px;\n padding-left: var(--base-size-8);\n }\n\n /* Deprecated */\n &:where([data-variant='small']) {\n min-height: 28px;\n /* stylelint-disable-next-line primer/spacing */\n padding-top: 3px;\n padding-right: var(--base-size-8);\n /* stylelint-disable-next-line primer/spacing */\n padding-bottom: 3px;\n padding-left: var(--base-size-8);\n /* stylelint-disable-next-line declaration-property-value-no-unknown */\n font-size: (--text-body-size-small);\n /* stylelint-disable-next-line primer/typography */\n line-height: var(--base-size-20);\n }\n\n /* Deprecated */\n &:where([data-variant='large']) {\n /* stylelint-disable-next-line primer/spacing */\n padding-top: 10px;\n padding-right: var(--base-size-8);\n /* stylelint-disable-next-line primer/spacing */\n padding-bottom: 10px;\n padding-left: var(--base-size-8);\n font-size: var(--text-title-size-medium);\n }\n}\n\n.TextInputWrapper {\n padding-right: 0;\n padding-left: 0;\n\n > input,\n > select {\n padding-right: 0;\n padding-left: 0;\n }\n\n /* Repeat and position set for form states (success, error, etc) */\n background-repeat: no-repeat;\n\n /* For form validation. This keeps images 8px from right and centered vertically. */\n background-position: right 8px center;\n\n & > :not(:last-child) {\n margin-right: var(--base-size-8);\n }\n\n & :global(.TextInput-icon) /* stylelint-disable-line selector-class-pattern */,\n & :global(.TextInput-action) /* stylelint-disable-line selector-class-pattern */ {\n align-self: center;\n color: var(--fgColor-muted);\n flex-shrink: 0;\n }\n\n &:where([data-leading-visual]) {\n padding-left: var(--base-size-12);\n }\n\n &:where([data-trailing-visual]:not([data-trailing-action])) {\n padding-right: var(--base-size-12);\n }\n\n &:where(:not([data-leading-visual])) > input,\n &:where(:not([data-leading-visual])) > select {\n padding-left: var(--base-size-12);\n }\n\n &:where(:not([data-trailing-visual]):not([data-trailing-action])) > input,\n &:where(:not([data-trailing-visual]):not([data-trailing-action])) > select {\n padding-right: var(--base-size-12);\n }\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UnderlineTabbedInterface.d.ts","sourceRoot":"","sources":["../../../src/internal/components/UnderlineTabbedInterface.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAa,KAAK,EAAE,EAAyB,MAAM,OAAO,CAAA;AAEjE,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,wBAAwB,CAAA;AAErD,OAAO,EAAC,KAAK,MAAM,EAAC,MAAM,UAAU,CAAA;AACpC,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,yBAAyB,CAAA;
|
|
1
|
+
{"version":3,"file":"UnderlineTabbedInterface.d.ts","sourceRoot":"","sources":["../../../src/internal/components/UnderlineTabbedInterface.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAa,KAAK,EAAE,EAAyB,MAAM,OAAO,CAAA;AAEjE,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,wBAAwB,CAAA;AAErD,OAAO,EAAC,KAAK,MAAM,EAAC,MAAM,UAAU,CAAA;AACpC,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,yBAAyB,CAAA;AAQlG,eAAO,MAAM,GAAG,IAAI,CAAA;AAEpB,KAAK,qBAAqB,GAAG;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;CACzB,GAAG,MAAM,CAAA;AAEV,eAAO,MAAM,gBAAgB,6HAW5B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAMxB,8BAA8B,CAAC,IAAI,CAAC,CAAA;AAE1C,eAAO,MAAM,cAAc,yBAE1B,CAAA;AAkCD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,GAAG,GAAG,QAAQ,CAAA;IACvC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB,IAAI,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,YAAY,CAAA;IACzC,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;CACzB,GAAG,MAAM,CAAA;AAEV,eAAO,MAAM,aAAa,EA2CrB,8BAA8B,CAAC,GAAG,EAAE,kBAAkB,CAAC,CAAA"}
|