@primer/react 37.29.0-rc.d46ec0131 → 38.0.0-rc.389f01088
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 -15
- 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 +9 -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 +9 -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
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { c } from 'react-compiler-runtime';
|
|
2
2
|
import { forwardRef } from 'react';
|
|
3
3
|
import { isElement } from 'react-is';
|
|
4
|
+
import { defaultSxProp } from '../../utils/defaultSxProp.js';
|
|
4
5
|
import classes from './UnderlineTabbedInterface.module.css.js';
|
|
5
6
|
import { clsx } from 'clsx';
|
|
6
7
|
import { BoxWithFallback } from './BoxWithFallback.js';
|
|
@@ -9,50 +10,57 @@ import CounterLabel from '../../CounterLabel/CounterLabel.js';
|
|
|
9
10
|
|
|
10
11
|
const GAP = 8;
|
|
11
12
|
const UnderlineWrapper = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
|
|
12
|
-
const $ = c(
|
|
13
|
+
const $ = c(13);
|
|
13
14
|
let children;
|
|
14
15
|
let className;
|
|
15
16
|
let rest;
|
|
17
|
+
let t1;
|
|
16
18
|
if ($[0] !== t0) {
|
|
17
19
|
({
|
|
18
20
|
children,
|
|
19
21
|
className,
|
|
22
|
+
sx: t1,
|
|
20
23
|
...rest
|
|
21
24
|
} = t0);
|
|
22
25
|
$[0] = t0;
|
|
23
26
|
$[1] = children;
|
|
24
27
|
$[2] = className;
|
|
25
28
|
$[3] = rest;
|
|
29
|
+
$[4] = t1;
|
|
26
30
|
} else {
|
|
27
31
|
children = $[1];
|
|
28
32
|
className = $[2];
|
|
29
33
|
rest = $[3];
|
|
34
|
+
t1 = $[4];
|
|
30
35
|
}
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
$[5] =
|
|
36
|
+
const sxProp = t1 === undefined ? defaultSxProp : t1;
|
|
37
|
+
let t2;
|
|
38
|
+
if ($[5] !== className) {
|
|
39
|
+
t2 = clsx(classes.UnderlineWrapper, className);
|
|
40
|
+
$[5] = className;
|
|
41
|
+
$[6] = t2;
|
|
36
42
|
} else {
|
|
37
|
-
|
|
43
|
+
t2 = $[6];
|
|
38
44
|
}
|
|
39
|
-
let
|
|
40
|
-
if ($[
|
|
41
|
-
|
|
42
|
-
className:
|
|
45
|
+
let t3;
|
|
46
|
+
if ($[7] !== children || $[8] !== forwardedRef || $[9] !== rest || $[10] !== sxProp || $[11] !== t2) {
|
|
47
|
+
t3 = /*#__PURE__*/jsx(BoxWithFallback, {
|
|
48
|
+
className: t2,
|
|
43
49
|
ref: forwardedRef,
|
|
50
|
+
sx: sxProp,
|
|
44
51
|
...rest,
|
|
45
52
|
children: children
|
|
46
53
|
});
|
|
47
|
-
$[
|
|
48
|
-
$[
|
|
49
|
-
$[
|
|
50
|
-
$[
|
|
51
|
-
$[
|
|
54
|
+
$[7] = children;
|
|
55
|
+
$[8] = forwardedRef;
|
|
56
|
+
$[9] = rest;
|
|
57
|
+
$[10] = sxProp;
|
|
58
|
+
$[11] = t2;
|
|
59
|
+
$[12] = t3;
|
|
52
60
|
} else {
|
|
53
|
-
|
|
61
|
+
t3 = $[12];
|
|
54
62
|
}
|
|
55
|
-
return
|
|
63
|
+
return t3;
|
|
56
64
|
});
|
|
57
65
|
const UnderlineItemList = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
|
|
58
66
|
const $ = c(7);
|
|
@@ -100,8 +108,41 @@ const LoadingCounter = () => {
|
|
|
100
108
|
}
|
|
101
109
|
return t0;
|
|
102
110
|
};
|
|
111
|
+
|
|
112
|
+
// We can uncomment these when/if we add overflow behavior
|
|
113
|
+
// to the UnderlinePanels component
|
|
114
|
+
//
|
|
115
|
+
// export const StyledMoreButton = styled(Button)`
|
|
116
|
+
// margin: 0;
|
|
117
|
+
// border: 0;
|
|
118
|
+
// background: transparent;
|
|
119
|
+
// font-weight: normal;
|
|
120
|
+
// box-shadow: none;
|
|
121
|
+
// padding-block: var(--control-small-paddingBlock);
|
|
122
|
+
// padding-inline: var(--control-small-paddingInline-condensed);
|
|
123
|
+
|
|
124
|
+
// > span[data-component='trailingVisual'] {
|
|
125
|
+
// margin-left: 0;
|
|
126
|
+
// }
|
|
127
|
+
// `
|
|
128
|
+
|
|
129
|
+
// export const StyledOverflowDivider = styled.span`
|
|
130
|
+
// display: inline-block;
|
|
131
|
+
// border-left: 1px solid var(--borderColor-muted);
|
|
132
|
+
// width: 1px;
|
|
133
|
+
// margin-right: var(--control-xsmall-gap);
|
|
134
|
+
// /* The height of the divider - reference from Figma */
|
|
135
|
+
// height: 24px;
|
|
136
|
+
// `
|
|
137
|
+
|
|
138
|
+
// export const StyledMoreMenuListItem = styled.li`
|
|
139
|
+
// display: flex;
|
|
140
|
+
// align-items: center;
|
|
141
|
+
// height: 45px;
|
|
142
|
+
// `
|
|
143
|
+
|
|
103
144
|
const UnderlineItem = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
|
|
104
|
-
const $ = c(
|
|
145
|
+
const $ = c(29);
|
|
105
146
|
let Icon;
|
|
106
147
|
let children;
|
|
107
148
|
let className;
|
|
@@ -110,6 +151,7 @@ const UnderlineItem = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
|
|
|
110
151
|
let loadingCounters;
|
|
111
152
|
let rest;
|
|
112
153
|
let t1;
|
|
154
|
+
let t2;
|
|
113
155
|
if ($[0] !== t0) {
|
|
114
156
|
({
|
|
115
157
|
as: t1,
|
|
@@ -118,6 +160,7 @@ const UnderlineItem = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
|
|
|
118
160
|
icon: Icon,
|
|
119
161
|
iconsVisible,
|
|
120
162
|
loadingCounters,
|
|
163
|
+
sx: t2,
|
|
121
164
|
className,
|
|
122
165
|
...rest
|
|
123
166
|
} = t0);
|
|
@@ -130,6 +173,7 @@ const UnderlineItem = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
|
|
|
130
173
|
$[6] = loadingCounters;
|
|
131
174
|
$[7] = rest;
|
|
132
175
|
$[8] = t1;
|
|
176
|
+
$[9] = t2;
|
|
133
177
|
} else {
|
|
134
178
|
Icon = $[1];
|
|
135
179
|
children = $[2];
|
|
@@ -139,43 +183,45 @@ const UnderlineItem = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
|
|
|
139
183
|
loadingCounters = $[6];
|
|
140
184
|
rest = $[7];
|
|
141
185
|
t1 = $[8];
|
|
186
|
+
t2 = $[9];
|
|
142
187
|
}
|
|
143
188
|
const as = t1 === undefined ? "a" : t1;
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
$[10] =
|
|
189
|
+
const sxProp = t2 === undefined ? defaultSxProp : t2;
|
|
190
|
+
let t3;
|
|
191
|
+
if ($[10] !== className) {
|
|
192
|
+
t3 = clsx(classes.UnderlineItem, className);
|
|
193
|
+
$[10] = className;
|
|
194
|
+
$[11] = t3;
|
|
149
195
|
} else {
|
|
150
|
-
|
|
196
|
+
t3 = $[11];
|
|
151
197
|
}
|
|
152
|
-
let
|
|
153
|
-
if ($[
|
|
154
|
-
|
|
198
|
+
let t4;
|
|
199
|
+
if ($[12] !== Icon || $[13] !== iconsVisible) {
|
|
200
|
+
t4 = iconsVisible && Icon && /*#__PURE__*/jsx("span", {
|
|
155
201
|
"data-component": "icon",
|
|
156
202
|
children: isElement(Icon) ? Icon : /*#__PURE__*/jsx(Icon, {})
|
|
157
203
|
});
|
|
158
|
-
$[
|
|
159
|
-
$[
|
|
160
|
-
$[
|
|
204
|
+
$[12] = Icon;
|
|
205
|
+
$[13] = iconsVisible;
|
|
206
|
+
$[14] = t4;
|
|
161
207
|
} else {
|
|
162
|
-
|
|
208
|
+
t4 = $[14];
|
|
163
209
|
}
|
|
164
|
-
let
|
|
165
|
-
if ($[
|
|
166
|
-
|
|
210
|
+
let t5;
|
|
211
|
+
if ($[15] !== children) {
|
|
212
|
+
t5 = children && /*#__PURE__*/jsx("span", {
|
|
167
213
|
"data-component": "text",
|
|
168
214
|
"data-content": children,
|
|
169
215
|
children: children
|
|
170
216
|
});
|
|
171
|
-
$[
|
|
172
|
-
$[
|
|
217
|
+
$[15] = children;
|
|
218
|
+
$[16] = t5;
|
|
173
219
|
} else {
|
|
174
|
-
|
|
220
|
+
t5 = $[16];
|
|
175
221
|
}
|
|
176
|
-
let
|
|
177
|
-
if ($[
|
|
178
|
-
|
|
222
|
+
let t6;
|
|
223
|
+
if ($[17] !== counter || $[18] !== loadingCounters) {
|
|
224
|
+
t6 = counter !== undefined ? loadingCounters ? /*#__PURE__*/jsx("span", {
|
|
179
225
|
"data-component": "counter",
|
|
180
226
|
children: /*#__PURE__*/jsx(LoadingCounter, {})
|
|
181
227
|
}) : /*#__PURE__*/jsx("span", {
|
|
@@ -184,33 +230,35 @@ const UnderlineItem = /*#__PURE__*/forwardRef((t0, forwardedRef) => {
|
|
|
184
230
|
children: counter
|
|
185
231
|
})
|
|
186
232
|
}) : null;
|
|
187
|
-
$[
|
|
188
|
-
$[
|
|
189
|
-
$[
|
|
233
|
+
$[17] = counter;
|
|
234
|
+
$[18] = loadingCounters;
|
|
235
|
+
$[19] = t6;
|
|
190
236
|
} else {
|
|
191
|
-
|
|
237
|
+
t6 = $[19];
|
|
192
238
|
}
|
|
193
|
-
let
|
|
194
|
-
if ($[
|
|
195
|
-
|
|
239
|
+
let t7;
|
|
240
|
+
if ($[20] !== as || $[21] !== forwardedRef || $[22] !== rest || $[23] !== sxProp || $[24] !== t3 || $[25] !== t4 || $[26] !== t5 || $[27] !== t6) {
|
|
241
|
+
t7 = /*#__PURE__*/jsxs(BoxWithFallback, {
|
|
196
242
|
ref: forwardedRef,
|
|
197
243
|
as: as,
|
|
198
|
-
|
|
244
|
+
sx: sxProp,
|
|
245
|
+
className: t3,
|
|
199
246
|
...rest,
|
|
200
|
-
children: [
|
|
247
|
+
children: [t4, t5, t6]
|
|
201
248
|
});
|
|
202
|
-
$[
|
|
203
|
-
$[
|
|
204
|
-
$[
|
|
205
|
-
$[
|
|
206
|
-
$[
|
|
207
|
-
$[
|
|
208
|
-
$[
|
|
209
|
-
$[
|
|
249
|
+
$[20] = as;
|
|
250
|
+
$[21] = forwardedRef;
|
|
251
|
+
$[22] = rest;
|
|
252
|
+
$[23] = sxProp;
|
|
253
|
+
$[24] = t3;
|
|
254
|
+
$[25] = t4;
|
|
255
|
+
$[26] = t5;
|
|
256
|
+
$[27] = t6;
|
|
257
|
+
$[28] = t7;
|
|
210
258
|
} else {
|
|
211
|
-
|
|
259
|
+
t7 = $[28];
|
|
212
260
|
}
|
|
213
|
-
return
|
|
261
|
+
return t7;
|
|
214
262
|
});
|
|
215
263
|
|
|
216
264
|
export { GAP, LoadingCounter, UnderlineItem, UnderlineItemList, UnderlineWrapper };
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
type CSSModulesProps = {
|
|
3
|
+
as?: string | React.ComponentType<any>;
|
|
4
|
+
sx?: React.CSSProperties;
|
|
5
|
+
};
|
|
6
|
+
/**
|
|
7
|
+
* Utility to toggle rendering a styled component or a "plain" component based
|
|
8
|
+
* on the provided `as` prop. When the provided feature flag is enabled, the
|
|
9
|
+
* props will be passed through to an element or component created with the `as`
|
|
10
|
+
* prop. When it is disabled, the provided styled component is used instead.
|
|
11
|
+
*
|
|
12
|
+
* @param flag - the feature flag that will control whether or not the provided
|
|
13
|
+
* styled component is used
|
|
14
|
+
* @param defaultAs - the default component to use when `as` is not provided
|
|
15
|
+
* @param Component - the styled component that will be used if the feature flag
|
|
16
|
+
* is disabled
|
|
17
|
+
*/
|
|
18
|
+
export declare function toggleStyledComponent<T, P extends CSSModulesProps>(flag: string, defaultAs: string | React.ComponentType<any>, Component: React.ComponentType<P>): React.ForwardRefExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<T>>;
|
|
19
|
+
export {};
|
|
20
|
+
//# sourceMappingURL=toggleStyledComponent.d.ts.map
|
package/package.json
CHANGED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
.prc-DataTable-TablePagination-ZbY9p{align-items:center;border:var(--borderWidth-thin,.0625rem) solid var(--borderColor-default,var(--color-border-default));border-end-end-radius:var(--borderRadius-medium,.375rem);border-end-start-radius:var(--borderRadius-medium,.375rem);border-top-width:0;column-gap:1rem;display:flex;grid-area:footer;justify-content:space-between;padding:var(--base-size-8,.5rem) var(--base-size-16,1rem);width:100%}@media ((max-width:calc(768px - 0.02px))){.prc-DataTable-TablePaginationSteps-Qqz6y[data-hidden-viewport-ranges*=narrow]>:not(:first-child):not(:last-child){display:none}.prc-DataTable-TablePaginationSteps-Qqz6y[data-hidden-viewport-ranges*=narrow]>:first-child{margin-inline-end:0}.prc-DataTable-TablePaginationSteps-Qqz6y[data-hidden-viewport-ranges*=narrow]>:last-child{margin-inline-start:0}}@media ((min-width:768px)){.prc-DataTable-TablePaginationSteps-Qqz6y[data-hidden-viewport-ranges*=regular]>:not(:first-child):not(:last-child){display:none}.prc-DataTable-TablePaginationSteps-Qqz6y[data-hidden-viewport-ranges*=regular]>:first-child{margin-inline-end:0}.prc-DataTable-TablePaginationSteps-Qqz6y[data-hidden-viewport-ranges*=regular]>:last-child{margin-inline-start:0}}@media ((min-width:1400px)){.prc-DataTable-TablePaginationSteps-Qqz6y[data-hidden-viewport-ranges*=wide]>:not(:first-child):not(:last-child){display:none}.prc-DataTable-TablePaginationSteps-Qqz6y[data-hidden-viewport-ranges*=wide]>:first-child{margin-inline-end:0}.prc-DataTable-TablePaginationSteps-Qqz6y[data-hidden-viewport-ranges*=wide]>:last-child{margin-inline-start:0}}.prc-DataTable-TablePaginationRange-Kp7GT{color:var(--fgColor-muted,var(--color-fg-muted));font-size:var(--text-body-size-small,.75rem);margin:0}.prc-DataTable-TablePaginationSteps-Qqz6y{align-items:center;color:var(--fgColor-default,var(--color-fg-default));display:flex;flex-wrap:wrap;font-size:var(--text-body-size-medium,.875rem);list-style:none;margin:0;padding:0}.prc-DataTable-TablePaginationStep-0FsgZ:first-of-type{margin-right:var(--base-size-16,1rem)}.prc-DataTable-TablePaginationStep-0FsgZ:last-of-type{margin-left:var(--base-size-16,1rem)}.prc-DataTable-TablePaginationAction-kKQK4{align-items:center;border-radius:var(--borderRadius-medium,.375rem);color:var(--fgColor-muted,var(--color-fg-muted));display:flex;font-size:var(--text-body-size-medium,.875rem);line-height:1.42857;padding:var(--base-size-8,.5rem);-webkit-user-select:none;user-select:none}.prc-DataTable-TablePaginationAction-kKQK4[data-has-page]{color:var(--fgColor-accent,var(--color-accent-fg))}.prc-DataTable-TablePaginationPage-MQm-t{align-items:center;border-radius:var(--borderRadius-medium,.375rem);display:flex;font-size:var(--text-body-size-medium,.875rem);justify-content:center;line-height:1.42857;min-height:2rem;min-width:2rem;padding:var(--base-size-8,.5rem) calc((var(--base-size-32,2rem) - var(--base-size-20,1.25rem))/2);-webkit-user-select:none;user-select:none}.prc-DataTable-TablePaginationAction-kKQK4[data-has-page]:focus,.prc-DataTable-TablePaginationAction-kKQK4[data-has-page]:hover,.prc-DataTable-TablePaginationPage-MQm-t:focus,.prc-DataTable-TablePaginationPage-MQm-t:hover{background-color:var(--control-transparent-bgColor-hover,var(--color-action-list-item-default-hover-bg))}.prc-DataTable-TablePaginationPage-MQm-t[data-active=true]{background-color:var(--bgColor-accent-emphasis,var(--color-accent-emphasis));color:var(--fgColor-onEmphasis,var(--color-fg-on-emphasis))}.prc-DataTable-TablePaginationPage-MQm-t[data-active=true]:focus-visible{box-shadow:inset 0 0 0 3px var(--fgColor-onEmphasis,var(--color-fg-on-emphasis));outline:2px solid var(--bgColor-accent-emphasis,var(--color-accent-emphasis));outline-offset:-2px}.prc-DataTable-TablePaginationTruncationStep-HEMTY{align-items:center;display:flex;justify-content:center;min-height:2rem;min-width:2rem;-webkit-user-select:none;user-select:none}
|
|
2
|
-
/*# sourceMappingURL=Pagination-b6f8418c.css.map */
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/DataTable/Pagination.module.css"],"names":[],"mappings":"AAAA,qCAEE,kBAAmB,CAMnB,oGAAgE,CAGhE,wDAAiD,CADjD,0DAAmD,CADnD,kBAAmB,CALnB,eAAgB,CAHhB,YAAa,CAKb,gBAAiB,CAHjB,6BAA8B,CAI9B,yDAA+C,CAF/C,UAOF,CAEA,0CACE,mHACE,YACF,CAEA,4FACE,mBACF,CAEA,2FACE,qBACF,CACF,CAEA,2BACE,oHACE,YACF,CAEA,6FACE,mBACF,CAEA,4FACE,qBACF,CACF,CAEA,4BACE,iHACE,YACF,CAEA,0FACE,mBACF,CAEA,yFACE,qBACF,CACF,CAEA,0CACE,gDAA2B,CAC3B,4CAAsC,CACtC,QACF,CAEA,0CAEE,kBAAmB,CAGnB,oDAA6B,CAJ7B,YAAa,CAEb,cAAe,CAGf,8CAAuC,CAFvC,eAAgB,CAGhB,QAAS,CACT,SACF,CAEA,uDACE,qCACF,CAEA,sDACE,oCACF,CAEA,2CAEE,kBAAmB,CAOnB,gDAAyC,CANzC,gDAA2B,CAF3B,YAAa,CAGb,8CAAuC,CAEvC,mBAA0B,CAE1B,gCAA2B,CAD3B,wBAAiB,CAAjB,gBAGF,CAEA,0DACE,kDACF,CAEA,yCAIE,kBAAmB,CAMnB,gDAAyC,CAPzC,YAAa,CAGb,8CAAuC,CADvC,sBAAuB,CAGvB,mBAA0B,CAN1B,eAAgB,CADhB,cAAe,CAUf,iGAAiF,CAFjF,wBAAiB,CAAjB,gBAGF,CAEA,8NAIE,wGACF,CAEA,2DACE,4EAAgD,CAChD,2DACF,CAEA,yEAIE,gFAAqD,CAHrD,6EAAiD,CACjD,mBAGF,CAEA,mDAEE,kBAAmB,CADnB,YAAa,CAEb,sBAAuB,CAEvB,eAAgB,CADhB,cAAe,CAEf,wBAAiB,CAAjB,gBACF","file":"Pagination-b6f8418c.css","sourcesContent":[".TablePagination {\n display: flex;\n align-items: center;\n justify-content: space-between;\n column-gap: 1rem;\n width: 100%;\n grid-area: footer;\n padding: var(--base-size-8) var(--base-size-16);\n border: var(--borderWidth-thin) solid var(--borderColor-default);\n border-top-width: 0;\n border-end-start-radius: var(--borderRadius-medium);\n border-end-end-radius: var(--borderRadius-medium);\n}\n\n@media ((max-width: calc(768px - 0.02px))) {\n .TablePaginationSteps[data-hidden-viewport-ranges*='narrow'] > *:not(:first-child):not(:last-child) {\n display: none;\n }\n\n .TablePaginationSteps[data-hidden-viewport-ranges*='narrow'] > *:first-child {\n margin-inline-end: 0;\n }\n\n .TablePaginationSteps[data-hidden-viewport-ranges*='narrow'] > *:last-child {\n margin-inline-start: 0;\n }\n}\n\n@media ((min-width: 768px)) {\n .TablePaginationSteps[data-hidden-viewport-ranges*='regular'] > *:not(:first-child):not(:last-child) {\n display: none;\n }\n\n .TablePaginationSteps[data-hidden-viewport-ranges*='regular'] > *:first-child {\n margin-inline-end: 0;\n }\n\n .TablePaginationSteps[data-hidden-viewport-ranges*='regular'] > *:last-child {\n margin-inline-start: 0;\n }\n}\n\n@media ((min-width: 1400px)) {\n .TablePaginationSteps[data-hidden-viewport-ranges*='wide'] > *:not(:first-child):not(:last-child) {\n display: none;\n }\n\n .TablePaginationSteps[data-hidden-viewport-ranges*='wide'] > *:first-child {\n margin-inline-end: 0;\n }\n\n .TablePaginationSteps[data-hidden-viewport-ranges*='wide'] > *:last-child {\n margin-inline-start: 0;\n }\n}\n\n.TablePaginationRange {\n color: var(--fgColor-muted);\n font-size: var(--text-body-size-small);\n margin: 0;\n}\n\n.TablePaginationSteps {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n list-style: none;\n color: var(--fgColor-default);\n font-size: var(--text-body-size-medium);\n margin: 0;\n padding: 0;\n}\n\n.TablePaginationStep:first-of-type {\n margin-right: var(--base-size-16);\n}\n\n.TablePaginationStep:last-of-type {\n margin-left: var(--base-size-16);\n}\n\n.TablePaginationAction {\n display: flex;\n align-items: center;\n color: var(--fgColor-muted);\n font-size: var(--text-body-size-medium);\n /* stylelint-disable-next-line primer/typography */\n line-height: calc(20 / 14);\n user-select: none;\n padding: var(--base-size-8);\n border-radius: var(--borderRadius-medium);\n}\n\n.TablePaginationAction[data-has-page] {\n color: var(--fgColor-accent);\n}\n\n.TablePaginationPage {\n min-width: 2rem;\n min-height: 2rem;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: var(--text-body-size-medium);\n /* stylelint-disable-next-line primer/typography */\n line-height: calc(20 / 14);\n user-select: none;\n border-radius: var(--borderRadius-medium);\n padding: var(--base-size-8) calc((var(--base-size-32) - var(--base-size-20)) / 2); /* primer.control.medium.paddingInline.condensed primer.control.medium.paddingBlock */\n}\n\n.TablePaginationAction[data-has-page]:hover,\n.TablePaginationAction[data-has-page]:focus,\n.TablePaginationPage:hover,\n.TablePaginationPage:focus {\n background-color: var(--control-transparent-bgColor-hover);\n}\n\n.TablePaginationPage[data-active='true'] {\n background-color: var(--bgColor-accent-emphasis);\n color: var(--fgColor-onEmphasis);\n}\n\n.TablePaginationPage[data-active='true']:focus-visible {\n outline: 2px solid var(--bgColor-accent-emphasis);\n outline-offset: -2px;\n /* stylelint-disable-next-line primer/box-shadow */\n box-shadow: inset 0 0 0 3px var(--fgColor-onEmphasis);\n}\n\n.TablePaginationTruncationStep {\n display: flex;\n align-items: center;\n justify-content: center;\n min-width: 2rem;\n min-height: 2rem;\n user-select: none;\n}\n"]}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
require('./Pagination-b6f8418c.css');
|
|
4
|
-
|
|
5
|
-
var classes = {"TablePagination":"prc-DataTable-TablePagination-ZbY9p","TablePaginationSteps":"prc-DataTable-TablePaginationSteps-Qqz6y","TablePaginationRange":"prc-DataTable-TablePaginationRange-Kp7GT","TablePaginationStep":"prc-DataTable-TablePaginationStep-0FsgZ","TablePaginationAction":"prc-DataTable-TablePaginationAction-kKQK4","TablePaginationPage":"prc-DataTable-TablePaginationPage-MQm-t","TablePaginationTruncationStep":"prc-DataTable-TablePaginationTruncationStep-HEMTY"};
|
|
6
|
-
|
|
7
|
-
module.exports = classes;
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
.prc-SkeletonAvatar-SkeletonAvatar-inefu:where([data-component=SkeletonAvatar]){border-radius:50%;display:inline-block;height:var(--avatarSize-regular);line-height:1;width:var(--avatarSize-regular)}.prc-SkeletonAvatar-SkeletonAvatar-inefu:where([data-square]){border-radius:clamp(4px,var(--avatarSize-regular) - 24px,var(--borderRadius-medium,.375rem))}@media screen and (max-width:calc(48rem - 0.02px)){.prc-SkeletonAvatar-SkeletonAvatar-inefu:where([data-responsive]){height:var(--avatarSize-narrow);width:var(--avatarSize-narrow)}}@media screen and (min-width:48rem){.prc-SkeletonAvatar-SkeletonAvatar-inefu:where([data-responsive]){height:var(--avatarSize-regular);width:var(--avatarSize-regular)}}@media screen and (min-width:87.5rem){.prc-SkeletonAvatar-SkeletonAvatar-inefu:where([data-responsive]){height:var(--avatarSize-wide);width:var(--avatarSize-wide)}}
|
|
2
|
-
/*# sourceMappingURL=SkeletonAvatar-e00fff32.css.map */
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/SkeletonAvatar/SkeletonAvatar.module.css"],"names":[],"mappings":"AACE,gFAME,iBAAkB,CALlB,oBAAqB,CAErB,gCAAiC,CAEjC,aAAc,CAHd,+BAKF,CAEA,8DAEE,4FACF,CAGE,mDADF,kEAGI,+BAAgC,CADhC,8BAaJ,CAXE,CAEA,oCANF,kEAQI,gCAAiC,CADjC,+BAQJ,CANE,CAEA,sCAXF,kEAaI,6BAA8B,CAD9B,4BAGJ,CADE","file":"SkeletonAvatar-e00fff32.css","sourcesContent":[".SkeletonAvatar {\n &:where([data-component='SkeletonAvatar']) {\n display: inline-block;\n width: var(--avatarSize-regular);\n height: var(--avatarSize-regular);\n /* stylelint-disable-next-line primer/typography */\n line-height: 1;\n border-radius: 50%;\n }\n\n &:where([data-square]) {\n /* stylelint-disable-next-line primer/borders */\n border-radius: clamp(4px, var(--avatarSize-regular) - 24px, var(--borderRadius-medium));\n }\n\n &:where([data-responsive]) {\n @media screen and (--viewportRange-narrow) {\n width: var(--avatarSize-narrow);\n height: var(--avatarSize-narrow);\n }\n\n @media screen and (--viewportRange-regular) {\n width: var(--avatarSize-regular);\n height: var(--avatarSize-regular);\n }\n\n @media screen and (--viewportRange-wide) {\n width: var(--avatarSize-wide);\n height: var(--avatarSize-wide);\n }\n }\n}\n"]}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import type React from 'react';
|
|
2
|
-
import type { AvatarProps } from '../Avatar';
|
|
3
|
-
interface SkeletonAvatarProps extends Omit<React.HTMLProps<HTMLElement>, 'size'> {
|
|
4
|
-
/** Class name for custom styling */
|
|
5
|
-
className?: string;
|
|
6
|
-
size?: AvatarProps['size'];
|
|
7
|
-
square?: AvatarProps['square'];
|
|
8
|
-
}
|
|
9
|
-
declare function SkeletonAvatar({ size, square, className, style, ...rest }: SkeletonAvatarProps): React.JSX.Element;
|
|
10
|
-
export { SkeletonAvatar };
|
|
11
|
-
export type { SkeletonAvatarProps };
|
|
12
|
-
//# sourceMappingURL=SkeletonAvatar.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SkeletonAvatar.d.ts","sourceRoot":"","sources":["../../src/SkeletonAvatar/SkeletonAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,WAAW,CAAA;AAO1C,UAAU,mBAAoB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9E,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IAC1B,MAAM,CAAC,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAA;CAC/B;AAED,iBAAS,cAAc,CAAC,EAAC,IAA0B,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EAAC,EAAE,mBAAmB,qBAsB3G;AAED,OAAO,EAAC,cAAc,EAAC,CAAA;AACvB,YAAY,EAAC,mBAAmB,EAAC,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/SkeletonAvatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAA;AAC/C,YAAY,EAAC,mBAAmB,EAAC,MAAM,kBAAkB,CAAA"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
.prc-SkeletonText-SkeletonText-tW5nH{--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-SkeletonText-SkeletonText-tW5nH{--leading:mod(var(--font-size) * var(--line-height),var(--font-size))}}.prc-SkeletonText-SkeletonText-tW5nH{border-radius:var(--borderRadius-small,.1875rem);height:var(--font-size);margin-block:calc(var(--leading)/2)}.prc-SkeletonText-SkeletonText-tW5nH:where([data-in-multiline]){margin-block-end:calc(var(--leading)*2)}.prc-SkeletonText-SkeletonText-tW5nH:where([data-in-multiline]):last-child{margin-bottom:0;max-width:65%;min-width:50px}.prc-SkeletonText-SkeletonText-tW5nH:where([data-text-skeleton-size=display]),.prc-SkeletonText-SkeletonText-tW5nH:where([data-text-skeleton-size=titleLarge]){border-radius:var(--borderRadius-medium,.375rem)}.prc-SkeletonText-SkeletonText-tW5nH:where([data-text-skeleton-size=display]){--font-size:var(--text-display-size,2.5rem);--line-height:var(--text-display-lineHeight,1.4)}.prc-SkeletonText-SkeletonText-tW5nH:where([data-text-skeleton-size=titleLarge]){--font-size:var(--text-title-size-large,2rem);--line-height:var(--text-title-lineHeight-large,1.5)}.prc-SkeletonText-SkeletonText-tW5nH: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-SkeletonText-SkeletonText-tW5nH:where([data-text-skeleton-size=titleSmall]){--font-size:var(--text-title-size-small,1rem);--line-height:var(--text-title-lineHeight-small,1.5)}.prc-SkeletonText-SkeletonText-tW5nH:where([data-text-skeleton-size=subtitle]){--font-size:var(--text-subtitle-size,1.25rem);--line-height:var(--text-subtitle-lineHeight,1.6)}.prc-SkeletonText-SkeletonText-tW5nH:where([data-text-skeleton-size=bodyLarge]){--font-size:var(--text-body-size-large,1rem);--line-height:var(--text-body-lineHeight-large,1.5)}.prc-SkeletonText-SkeletonText-tW5nH: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-SkeletonText-SkeletonTextWrapper-3Z0sU{padding-block:.1px}
|
|
2
|
-
/*# sourceMappingURL=SkeletonText-5cf908c1.css.map */
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/SkeletonText/SkeletonText.module.css"],"names":[],"mappings":"AAAA,qCACE,iDAAyC,CACzC,uDAAiD,CACjD,sEA6DF,CA3DE,sCALF,qCAMI,qEA0DJ,CAzDE,CAPF,qCAUE,gDAAwC,CADxC,uBAAwB,CAGxB,mCAoDF,CAlDE,gEAEE,uCAOF,CALE,2EAGE,eAAgB,CADhB,aAAc,CADd,cAGF,CAGF,+JAEE,gDACF,CAEA,8EACE,2CAAqC,CACrC,gDACF,CAEA,iFACE,6CAAyC,CACzC,oDACF,CAEA,kFACE,iDAA0C,CAC1C,qDACF,CAEA,iFACE,6CAAyC,CACzC,oDACF,CAEA,+EACE,6CAAsC,CACtC,iDACF,CAEA,gFACE,4CAAwC,CACxC,mDACF,CAEA,gFACE,+CAAwC,CACxC,sDACF,CAGF,4CAEE,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 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SkeletonText.d.ts","sourceRoot":"","sources":["../../src/SkeletonText/SkeletonText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAC,KAAK,SAAS,EAAC,MAAM,OAAO,CAAA;AAKpC,UAAU,iBAAkB,SAAQ,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IACtE,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;AAED,iBAAS,YAAY,CAAC,EAAC,KAAS,EAAE,QAAQ,EAAE,IAAmB,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EAAC,EAAE,iBAAiB,qBAsC7G;AAED,OAAO,EAAC,YAAY,EAAC,CAAA;AACrB,YAAY,EAAC,iBAAiB,EAAC,CAAA"}
|
|
@@ -1,142 +0,0 @@
|
|
|
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
|
-
var SkeletonBox = require('../Skeleton/SkeletonBox.js');
|
|
7
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
8
|
-
|
|
9
|
-
function SkeletonText(t0) {
|
|
10
|
-
const $ = reactCompilerRuntime.c(32);
|
|
11
|
-
let className;
|
|
12
|
-
let maxWidth;
|
|
13
|
-
let rest;
|
|
14
|
-
let style;
|
|
15
|
-
let t1;
|
|
16
|
-
let t2;
|
|
17
|
-
if ($[0] !== t0) {
|
|
18
|
-
({
|
|
19
|
-
lines: t1,
|
|
20
|
-
maxWidth,
|
|
21
|
-
size: t2,
|
|
22
|
-
className,
|
|
23
|
-
style,
|
|
24
|
-
...rest
|
|
25
|
-
} = t0);
|
|
26
|
-
$[0] = t0;
|
|
27
|
-
$[1] = className;
|
|
28
|
-
$[2] = maxWidth;
|
|
29
|
-
$[3] = rest;
|
|
30
|
-
$[4] = style;
|
|
31
|
-
$[5] = t1;
|
|
32
|
-
$[6] = t2;
|
|
33
|
-
} else {
|
|
34
|
-
className = $[1];
|
|
35
|
-
maxWidth = $[2];
|
|
36
|
-
rest = $[3];
|
|
37
|
-
style = $[4];
|
|
38
|
-
t1 = $[5];
|
|
39
|
-
t2 = $[6];
|
|
40
|
-
}
|
|
41
|
-
const lines = t1 === undefined ? 1 : t1;
|
|
42
|
-
const size = t2 === undefined ? "bodyMedium" : t2;
|
|
43
|
-
if (lines < 2) {
|
|
44
|
-
let t3;
|
|
45
|
-
if ($[7] !== className) {
|
|
46
|
-
t3 = clsx.clsx(className, SkeletonText_module.SkeletonText);
|
|
47
|
-
$[7] = className;
|
|
48
|
-
$[8] = t3;
|
|
49
|
-
} else {
|
|
50
|
-
t3 = $[8];
|
|
51
|
-
}
|
|
52
|
-
let t4;
|
|
53
|
-
if ($[9] !== maxWidth || $[10] !== style) {
|
|
54
|
-
t4 = {
|
|
55
|
-
...style,
|
|
56
|
-
maxWidth
|
|
57
|
-
};
|
|
58
|
-
$[9] = maxWidth;
|
|
59
|
-
$[10] = style;
|
|
60
|
-
$[11] = t4;
|
|
61
|
-
} else {
|
|
62
|
-
t4 = $[11];
|
|
63
|
-
}
|
|
64
|
-
let t5;
|
|
65
|
-
if ($[12] !== rest || $[13] !== size || $[14] !== t3 || $[15] !== t4) {
|
|
66
|
-
t5 = /*#__PURE__*/jsxRuntime.jsx(SkeletonBox.SkeletonBox, {
|
|
67
|
-
"data-component": "SkeletonText",
|
|
68
|
-
"data-text-skeleton-size": size,
|
|
69
|
-
width: "100%",
|
|
70
|
-
className: t3,
|
|
71
|
-
style: t4,
|
|
72
|
-
...rest
|
|
73
|
-
});
|
|
74
|
-
$[12] = rest;
|
|
75
|
-
$[13] = size;
|
|
76
|
-
$[14] = t3;
|
|
77
|
-
$[15] = t4;
|
|
78
|
-
$[16] = t5;
|
|
79
|
-
} else {
|
|
80
|
-
t5 = $[16];
|
|
81
|
-
}
|
|
82
|
-
return t5;
|
|
83
|
-
}
|
|
84
|
-
let t3;
|
|
85
|
-
if ($[17] !== maxWidth || $[18] !== style) {
|
|
86
|
-
t3 = {
|
|
87
|
-
...style,
|
|
88
|
-
maxWidth
|
|
89
|
-
};
|
|
90
|
-
$[17] = maxWidth;
|
|
91
|
-
$[18] = style;
|
|
92
|
-
$[19] = t3;
|
|
93
|
-
} else {
|
|
94
|
-
t3 = $[19];
|
|
95
|
-
}
|
|
96
|
-
let t4;
|
|
97
|
-
if ($[20] !== className || $[21] !== lines || $[22] !== rest || $[23] !== size) {
|
|
98
|
-
let t5;
|
|
99
|
-
if ($[25] !== className || $[26] !== rest || $[27] !== size) {
|
|
100
|
-
t5 = (_, index) => /*#__PURE__*/jsxRuntime.jsx(SkeletonBox.SkeletonBox, {
|
|
101
|
-
"data-component": "SkeletonText",
|
|
102
|
-
"data-in-multiline": "true",
|
|
103
|
-
"data-text-skeleton-size": size,
|
|
104
|
-
className: clsx.clsx(className, SkeletonText_module.SkeletonText),
|
|
105
|
-
...rest
|
|
106
|
-
}, index);
|
|
107
|
-
$[25] = className;
|
|
108
|
-
$[26] = rest;
|
|
109
|
-
$[27] = size;
|
|
110
|
-
$[28] = t5;
|
|
111
|
-
} else {
|
|
112
|
-
t5 = $[28];
|
|
113
|
-
}
|
|
114
|
-
t4 = Array.from({
|
|
115
|
-
length: lines
|
|
116
|
-
}, t5);
|
|
117
|
-
$[20] = className;
|
|
118
|
-
$[21] = lines;
|
|
119
|
-
$[22] = rest;
|
|
120
|
-
$[23] = size;
|
|
121
|
-
$[24] = t4;
|
|
122
|
-
} else {
|
|
123
|
-
t4 = $[24];
|
|
124
|
-
}
|
|
125
|
-
let t5;
|
|
126
|
-
if ($[29] !== t3 || $[30] !== t4) {
|
|
127
|
-
t5 = /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
128
|
-
"data-component": "multilineContainer",
|
|
129
|
-
className: SkeletonText_module.SkeletonTextWrapper,
|
|
130
|
-
style: t3,
|
|
131
|
-
children: t4
|
|
132
|
-
});
|
|
133
|
-
$[29] = t3;
|
|
134
|
-
$[30] = t4;
|
|
135
|
-
$[31] = t5;
|
|
136
|
-
} else {
|
|
137
|
-
t5 = $[31];
|
|
138
|
-
}
|
|
139
|
-
return t5;
|
|
140
|
-
}
|
|
141
|
-
|
|
142
|
-
exports.SkeletonText = SkeletonText;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/SkeletonText/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAA;AAC3C,YAAY,EAAC,iBAAiB,EAAC,MAAM,gBAAgB,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["src/_VisuallyHidden.module.css"],"names":[],"mappings":"AAAA,sCAGE,UAAW,CAGX,WAAY,CACZ,eAAgB,CAHhB,SAAU,CAHV,iBAAkB,CAClB,SAAU,CAMV,kBAAsB,CAEtB,cAAe,CADf,kBAEF","file":"_VisuallyHidden-5c0a2499.css","sourcesContent":[".InternalVisuallyHidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n /* stylelint-disable-next-line primer/spacing */\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n"]}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
.prc-components-ButtonReset-9kafa{align-items:center;appearance:none;background:none;border:0;color:inherit;cursor:pointer;display:inline-flex;font:inherit;margin:0;padding:0;text-align:start}.prc-components-ButtonReset-9kafa::-moz-focus-inner{border:0}
|
|
2
|
-
/*# sourceMappingURL=ButtonReset-904f2483.css.map */
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/internal/components/ButtonReset.module.css"],"names":[],"mappings":"AAAA,kCAWE,kBAAmB,CANnB,eAAgB,CAChB,eAAgB,CAFhB,QAAS,CAMT,aAAc,CAHd,cAAe,CALf,mBAAoB,CAOpB,YAAa,CARb,QAAS,CAET,SAAU,CAKV,gBAQF,CAHE,oDACE,QACF","file":"ButtonReset-904f2483.css","sourcesContent":[".ButtonReset {\n margin: 0;\n display: inline-flex;\n padding: 0;\n border: 0;\n appearance: none;\n background: none;\n cursor: pointer;\n text-align: start;\n font: inherit;\n color: inherit;\n align-items: center;\n\n &::-moz-focus-inner {\n border: 0;\n }\n}\n"]}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
.prc-DataTable-TablePagination-ZbY9p{align-items:center;border:var(--borderWidth-thin,.0625rem) solid var(--borderColor-default,var(--color-border-default));border-end-end-radius:var(--borderRadius-medium,.375rem);border-end-start-radius:var(--borderRadius-medium,.375rem);border-top-width:0;column-gap:1rem;display:flex;grid-area:footer;justify-content:space-between;padding:var(--base-size-8,.5rem) var(--base-size-16,1rem);width:100%}@media ((max-width:calc(768px - 0.02px))){.prc-DataTable-TablePaginationSteps-Qqz6y[data-hidden-viewport-ranges*=narrow]>:not(:first-child):not(:last-child){display:none}.prc-DataTable-TablePaginationSteps-Qqz6y[data-hidden-viewport-ranges*=narrow]>:first-child{margin-inline-end:0}.prc-DataTable-TablePaginationSteps-Qqz6y[data-hidden-viewport-ranges*=narrow]>:last-child{margin-inline-start:0}}@media ((min-width:768px)){.prc-DataTable-TablePaginationSteps-Qqz6y[data-hidden-viewport-ranges*=regular]>:not(:first-child):not(:last-child){display:none}.prc-DataTable-TablePaginationSteps-Qqz6y[data-hidden-viewport-ranges*=regular]>:first-child{margin-inline-end:0}.prc-DataTable-TablePaginationSteps-Qqz6y[data-hidden-viewport-ranges*=regular]>:last-child{margin-inline-start:0}}@media ((min-width:1400px)){.prc-DataTable-TablePaginationSteps-Qqz6y[data-hidden-viewport-ranges*=wide]>:not(:first-child):not(:last-child){display:none}.prc-DataTable-TablePaginationSteps-Qqz6y[data-hidden-viewport-ranges*=wide]>:first-child{margin-inline-end:0}.prc-DataTable-TablePaginationSteps-Qqz6y[data-hidden-viewport-ranges*=wide]>:last-child{margin-inline-start:0}}.prc-DataTable-TablePaginationRange-Kp7GT{color:var(--fgColor-muted,var(--color-fg-muted));font-size:var(--text-body-size-small,.75rem);margin:0}.prc-DataTable-TablePaginationSteps-Qqz6y{align-items:center;color:var(--fgColor-default,var(--color-fg-default));display:flex;flex-wrap:wrap;font-size:var(--text-body-size-medium,.875rem);list-style:none;margin:0;padding:0}.prc-DataTable-TablePaginationStep-0FsgZ:first-of-type{margin-right:var(--base-size-16,1rem)}.prc-DataTable-TablePaginationStep-0FsgZ:last-of-type{margin-left:var(--base-size-16,1rem)}.prc-DataTable-TablePaginationAction-kKQK4{align-items:center;border-radius:var(--borderRadius-medium,.375rem);color:var(--fgColor-muted,var(--color-fg-muted));display:flex;font-size:var(--text-body-size-medium,.875rem);line-height:1.42857;padding:var(--base-size-8,.5rem);-webkit-user-select:none;user-select:none}.prc-DataTable-TablePaginationAction-kKQK4[data-has-page]{color:var(--fgColor-accent,var(--color-accent-fg))}.prc-DataTable-TablePaginationPage-MQm-t{align-items:center;border-radius:var(--borderRadius-medium,.375rem);display:flex;font-size:var(--text-body-size-medium,.875rem);justify-content:center;line-height:1.42857;min-height:2rem;min-width:2rem;padding:var(--base-size-8,.5rem) calc((var(--base-size-32,2rem) - var(--base-size-20,1.25rem))/2);-webkit-user-select:none;user-select:none}.prc-DataTable-TablePaginationAction-kKQK4[data-has-page]:focus,.prc-DataTable-TablePaginationAction-kKQK4[data-has-page]:hover,.prc-DataTable-TablePaginationPage-MQm-t:focus,.prc-DataTable-TablePaginationPage-MQm-t:hover{background-color:var(--control-transparent-bgColor-hover,var(--color-action-list-item-default-hover-bg))}.prc-DataTable-TablePaginationPage-MQm-t[data-active=true]{background-color:var(--bgColor-accent-emphasis,var(--color-accent-emphasis));color:var(--fgColor-onEmphasis,var(--color-fg-on-emphasis))}.prc-DataTable-TablePaginationPage-MQm-t[data-active=true]:focus-visible{box-shadow:inset 0 0 0 3px var(--fgColor-onEmphasis,var(--color-fg-on-emphasis));outline:2px solid var(--bgColor-accent-emphasis,var(--color-accent-emphasis));outline-offset:-2px}.prc-DataTable-TablePaginationTruncationStep-HEMTY{align-items:center;display:flex;justify-content:center;min-height:2rem;min-width:2rem;-webkit-user-select:none;user-select:none}
|
|
2
|
-
/*# sourceMappingURL=Pagination-b6f8418c.css.map */
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/DataTable/Pagination.module.css"],"names":[],"mappings":"AAAA,qCAEE,kBAAmB,CAMnB,oGAAgE,CAGhE,wDAAiD,CADjD,0DAAmD,CADnD,kBAAmB,CALnB,eAAgB,CAHhB,YAAa,CAKb,gBAAiB,CAHjB,6BAA8B,CAI9B,yDAA+C,CAF/C,UAOF,CAEA,0CACE,mHACE,YACF,CAEA,4FACE,mBACF,CAEA,2FACE,qBACF,CACF,CAEA,2BACE,oHACE,YACF,CAEA,6FACE,mBACF,CAEA,4FACE,qBACF,CACF,CAEA,4BACE,iHACE,YACF,CAEA,0FACE,mBACF,CAEA,yFACE,qBACF,CACF,CAEA,0CACE,gDAA2B,CAC3B,4CAAsC,CACtC,QACF,CAEA,0CAEE,kBAAmB,CAGnB,oDAA6B,CAJ7B,YAAa,CAEb,cAAe,CAGf,8CAAuC,CAFvC,eAAgB,CAGhB,QAAS,CACT,SACF,CAEA,uDACE,qCACF,CAEA,sDACE,oCACF,CAEA,2CAEE,kBAAmB,CAOnB,gDAAyC,CANzC,gDAA2B,CAF3B,YAAa,CAGb,8CAAuC,CAEvC,mBAA0B,CAE1B,gCAA2B,CAD3B,wBAAiB,CAAjB,gBAGF,CAEA,0DACE,kDACF,CAEA,yCAIE,kBAAmB,CAMnB,gDAAyC,CAPzC,YAAa,CAGb,8CAAuC,CADvC,sBAAuB,CAGvB,mBAA0B,CAN1B,eAAgB,CADhB,cAAe,CAUf,iGAAiF,CAFjF,wBAAiB,CAAjB,gBAGF,CAEA,8NAIE,wGACF,CAEA,2DACE,4EAAgD,CAChD,2DACF,CAEA,yEAIE,gFAAqD,CAHrD,6EAAiD,CACjD,mBAGF,CAEA,mDAEE,kBAAmB,CADnB,YAAa,CAEb,sBAAuB,CAEvB,eAAgB,CADhB,cAAe,CAEf,wBAAiB,CAAjB,gBACF","file":"Pagination-b6f8418c.css","sourcesContent":[".TablePagination {\n display: flex;\n align-items: center;\n justify-content: space-between;\n column-gap: 1rem;\n width: 100%;\n grid-area: footer;\n padding: var(--base-size-8) var(--base-size-16);\n border: var(--borderWidth-thin) solid var(--borderColor-default);\n border-top-width: 0;\n border-end-start-radius: var(--borderRadius-medium);\n border-end-end-radius: var(--borderRadius-medium);\n}\n\n@media ((max-width: calc(768px - 0.02px))) {\n .TablePaginationSteps[data-hidden-viewport-ranges*='narrow'] > *:not(:first-child):not(:last-child) {\n display: none;\n }\n\n .TablePaginationSteps[data-hidden-viewport-ranges*='narrow'] > *:first-child {\n margin-inline-end: 0;\n }\n\n .TablePaginationSteps[data-hidden-viewport-ranges*='narrow'] > *:last-child {\n margin-inline-start: 0;\n }\n}\n\n@media ((min-width: 768px)) {\n .TablePaginationSteps[data-hidden-viewport-ranges*='regular'] > *:not(:first-child):not(:last-child) {\n display: none;\n }\n\n .TablePaginationSteps[data-hidden-viewport-ranges*='regular'] > *:first-child {\n margin-inline-end: 0;\n }\n\n .TablePaginationSteps[data-hidden-viewport-ranges*='regular'] > *:last-child {\n margin-inline-start: 0;\n }\n}\n\n@media ((min-width: 1400px)) {\n .TablePaginationSteps[data-hidden-viewport-ranges*='wide'] > *:not(:first-child):not(:last-child) {\n display: none;\n }\n\n .TablePaginationSteps[data-hidden-viewport-ranges*='wide'] > *:first-child {\n margin-inline-end: 0;\n }\n\n .TablePaginationSteps[data-hidden-viewport-ranges*='wide'] > *:last-child {\n margin-inline-start: 0;\n }\n}\n\n.TablePaginationRange {\n color: var(--fgColor-muted);\n font-size: var(--text-body-size-small);\n margin: 0;\n}\n\n.TablePaginationSteps {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n list-style: none;\n color: var(--fgColor-default);\n font-size: var(--text-body-size-medium);\n margin: 0;\n padding: 0;\n}\n\n.TablePaginationStep:first-of-type {\n margin-right: var(--base-size-16);\n}\n\n.TablePaginationStep:last-of-type {\n margin-left: var(--base-size-16);\n}\n\n.TablePaginationAction {\n display: flex;\n align-items: center;\n color: var(--fgColor-muted);\n font-size: var(--text-body-size-medium);\n /* stylelint-disable-next-line primer/typography */\n line-height: calc(20 / 14);\n user-select: none;\n padding: var(--base-size-8);\n border-radius: var(--borderRadius-medium);\n}\n\n.TablePaginationAction[data-has-page] {\n color: var(--fgColor-accent);\n}\n\n.TablePaginationPage {\n min-width: 2rem;\n min-height: 2rem;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: var(--text-body-size-medium);\n /* stylelint-disable-next-line primer/typography */\n line-height: calc(20 / 14);\n user-select: none;\n border-radius: var(--borderRadius-medium);\n padding: var(--base-size-8) calc((var(--base-size-32) - var(--base-size-20)) / 2); /* primer.control.medium.paddingInline.condensed primer.control.medium.paddingBlock */\n}\n\n.TablePaginationAction[data-has-page]:hover,\n.TablePaginationAction[data-has-page]:focus,\n.TablePaginationPage:hover,\n.TablePaginationPage:focus {\n background-color: var(--control-transparent-bgColor-hover);\n}\n\n.TablePaginationPage[data-active='true'] {\n background-color: var(--bgColor-accent-emphasis);\n color: var(--fgColor-onEmphasis);\n}\n\n.TablePaginationPage[data-active='true']:focus-visible {\n outline: 2px solid var(--bgColor-accent-emphasis);\n outline-offset: -2px;\n /* stylelint-disable-next-line primer/box-shadow */\n box-shadow: inset 0 0 0 3px var(--fgColor-onEmphasis);\n}\n\n.TablePaginationTruncationStep {\n display: flex;\n align-items: center;\n justify-content: center;\n min-width: 2rem;\n min-height: 2rem;\n user-select: none;\n}\n"]}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import './Pagination-b6f8418c.css';
|
|
2
|
-
|
|
3
|
-
var classes = {"TablePagination":"prc-DataTable-TablePagination-ZbY9p","TablePaginationSteps":"prc-DataTable-TablePaginationSteps-Qqz6y","TablePaginationRange":"prc-DataTable-TablePaginationRange-Kp7GT","TablePaginationStep":"prc-DataTable-TablePaginationStep-0FsgZ","TablePaginationAction":"prc-DataTable-TablePaginationAction-kKQK4","TablePaginationPage":"prc-DataTable-TablePaginationPage-MQm-t","TablePaginationTruncationStep":"prc-DataTable-TablePaginationTruncationStep-HEMTY"};
|
|
4
|
-
|
|
5
|
-
export { classes as default };
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
.prc-SkeletonAvatar-SkeletonAvatar-inefu:where([data-component=SkeletonAvatar]){border-radius:50%;display:inline-block;height:var(--avatarSize-regular);line-height:1;width:var(--avatarSize-regular)}.prc-SkeletonAvatar-SkeletonAvatar-inefu:where([data-square]){border-radius:clamp(4px,var(--avatarSize-regular) - 24px,var(--borderRadius-medium,.375rem))}@media screen and (max-width:calc(48rem - 0.02px)){.prc-SkeletonAvatar-SkeletonAvatar-inefu:where([data-responsive]){height:var(--avatarSize-narrow);width:var(--avatarSize-narrow)}}@media screen and (min-width:48rem){.prc-SkeletonAvatar-SkeletonAvatar-inefu:where([data-responsive]){height:var(--avatarSize-regular);width:var(--avatarSize-regular)}}@media screen and (min-width:87.5rem){.prc-SkeletonAvatar-SkeletonAvatar-inefu:where([data-responsive]){height:var(--avatarSize-wide);width:var(--avatarSize-wide)}}
|
|
2
|
-
/*# sourceMappingURL=SkeletonAvatar-e00fff32.css.map */
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/SkeletonAvatar/SkeletonAvatar.module.css"],"names":[],"mappings":"AACE,gFAME,iBAAkB,CALlB,oBAAqB,CAErB,gCAAiC,CAEjC,aAAc,CAHd,+BAKF,CAEA,8DAEE,4FACF,CAGE,mDADF,kEAGI,+BAAgC,CADhC,8BAaJ,CAXE,CAEA,oCANF,kEAQI,gCAAiC,CADjC,+BAQJ,CANE,CAEA,sCAXF,kEAaI,6BAA8B,CAD9B,4BAGJ,CADE","file":"SkeletonAvatar-e00fff32.css","sourcesContent":[".SkeletonAvatar {\n &:where([data-component='SkeletonAvatar']) {\n display: inline-block;\n width: var(--avatarSize-regular);\n height: var(--avatarSize-regular);\n /* stylelint-disable-next-line primer/typography */\n line-height: 1;\n border-radius: 50%;\n }\n\n &:where([data-square]) {\n /* stylelint-disable-next-line primer/borders */\n border-radius: clamp(4px, var(--avatarSize-regular) - 24px, var(--borderRadius-medium));\n }\n\n &:where([data-responsive]) {\n @media screen and (--viewportRange-narrow) {\n width: var(--avatarSize-narrow);\n height: var(--avatarSize-narrow);\n }\n\n @media screen and (--viewportRange-regular) {\n width: var(--avatarSize-regular);\n height: var(--avatarSize-regular);\n }\n\n @media screen and (--viewportRange-wide) {\n width: var(--avatarSize-wide);\n height: var(--avatarSize-wide);\n }\n }\n}\n"]}
|