@primer/react 37.32.0-rc.f8e94f384 → 38.0.0-rc.1
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 +36 -1
- package/dist/browser.esm.js +3 -3
- 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 +162 -125
- package/generated/components.json +87 -200
- package/lib/Autocomplete/AutocompleteMenu.js +7 -7
- package/lib/CircleOcticon/CircleOcticon.d.ts +3 -0
- package/lib/CircleOcticon/CircleOcticon.d.ts.map +1 -1
- package/lib/CircleOcticon/CircleOcticon.js +3 -0
- package/lib/ConfirmationDialog/ConfirmationDialog.d.ts +8 -0
- package/lib/ConfirmationDialog/ConfirmationDialog.d.ts.map +1 -1
- package/lib/ConfirmationDialog/ConfirmationDialog.js +6 -2
- package/lib/FilteredActionList/FilteredActionList-96b126d7.css +2 -0
- package/lib/FilteredActionList/FilteredActionList-96b126d7.css.map +1 -0
- package/lib/FilteredActionList/FilteredActionList.d.ts.map +1 -1
- package/lib/FilteredActionList/FilteredActionList.js +3 -6
- package/lib/FilteredActionList/FilteredActionList.module.css.js +2 -2
- package/lib/PointerBox/PointerBox.d.ts +1 -1
- package/lib/PointerBox/PointerBox.d.ts.map +1 -1
- package/lib/PointerBox/PointerBox.js +1 -1
- package/lib/ProgressBar/ProgressBar-a0957632.css +2 -0
- package/lib/ProgressBar/ProgressBar-a0957632.css.map +1 -0
- package/lib/ProgressBar/ProgressBar.d.ts.map +1 -1
- package/lib/ProgressBar/ProgressBar.js +53 -49
- package/lib/ProgressBar/ProgressBar.module.css.js +1 -1
- package/lib/Radio/{Radio-b2a92b7d.css → Radio-df9a5c02.css} +2 -2
- package/lib/Radio/{Radio-b2a92b7d.css.map → Radio-df9a5c02.css.map} +1 -1
- package/lib/Radio/Radio.module.css.js +1 -1
- package/lib/Select/Select.js +61 -53
- package/lib/SelectPanel/SelectPanel.js +2 -2
- package/lib/SplitPageLayout/SplitPageLayout.d.ts +1 -2
- package/lib/SplitPageLayout/SplitPageLayout.d.ts.map +1 -1
- package/lib/Stack/Stack.d.ts.map +1 -1
- package/lib/Stack/Stack.js +110 -111
- package/lib/StateLabel/StateLabel-cd27f475.css +2 -0
- package/lib/StateLabel/StateLabel-cd27f475.css.map +1 -0
- package/lib/StateLabel/StateLabel.d.ts +1 -2
- package/lib/StateLabel/StateLabel.d.ts.map +1 -1
- package/lib/StateLabel/StateLabel.js +3 -5
- package/lib/StateLabel/StateLabel.module.css.js +7 -0
- package/lib/SubNav/SubNav.d.ts +8 -16
- package/lib/SubNav/SubNav.d.ts.map +1 -1
- package/lib/SubNav/SubNav.js +3 -6
- package/lib/ToggleSwitch/ToggleSwitch-65936b4b.css +4 -0
- package/lib/ToggleSwitch/ToggleSwitch-65936b4b.css.map +1 -0
- package/lib/ToggleSwitch/ToggleSwitch.d.ts +1 -2
- package/lib/ToggleSwitch/ToggleSwitch.d.ts.map +1 -1
- package/lib/ToggleSwitch/ToggleSwitch.js +163 -213
- package/lib/ToggleSwitch/ToggleSwitch.module.css.js +7 -0
- package/lib/ToggleSwitch/ToggleSwitchStoryWrapper.d.ts.map +1 -1
- package/lib/Token/index.d.ts +0 -1
- package/lib/Token/index.d.ts.map +1 -1
- package/lib/TreeView/shared.js +2 -2
- package/lib/VisuallyHidden/VisuallyHidden.d.ts +1 -2
- package/lib/VisuallyHidden/VisuallyHidden.d.ts.map +1 -1
- package/lib/VisuallyHidden/VisuallyHidden.js +1 -3
- package/lib/deprecated/UnderlineNav/UnderlineNav.d.ts +2 -3
- package/lib/deprecated/UnderlineNav/UnderlineNav.d.ts.map +1 -1
- package/lib/deprecated/UnderlineNav/UnderlineNav.js +2 -3
- package/lib/deprecated/index.d.ts +0 -2
- package/lib/deprecated/index.d.ts.map +1 -1
- package/lib/deprecated/index.js +0 -2
- package/lib/hooks/useMnemonics.js +1 -2
- package/lib/index.d.ts +1 -5
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +0 -6
- package/lib/{Caret.d.ts → internal/components/Caret.d.ts} +1 -1
- package/lib/internal/components/Caret.d.ts.map +1 -0
- package/lib-esm/Autocomplete/AutocompleteMenu.js +1 -1
- package/lib-esm/CircleOcticon/CircleOcticon.d.ts +3 -0
- package/lib-esm/CircleOcticon/CircleOcticon.js +3 -0
- package/lib-esm/ConfirmationDialog/ConfirmationDialog.d.ts +8 -0
- package/lib-esm/ConfirmationDialog/ConfirmationDialog.js +6 -2
- package/lib-esm/FilteredActionList/FilteredActionList-96b126d7.css +2 -0
- package/lib-esm/FilteredActionList/FilteredActionList-96b126d7.css.map +1 -0
- package/lib-esm/FilteredActionList/FilteredActionList.js +3 -6
- package/lib-esm/FilteredActionList/FilteredActionList.module.css.js +2 -2
- package/lib-esm/PointerBox/PointerBox.d.ts +1 -1
- package/lib-esm/PointerBox/PointerBox.js +1 -1
- package/lib-esm/ProgressBar/ProgressBar-a0957632.css +2 -0
- package/lib-esm/ProgressBar/ProgressBar-a0957632.css.map +1 -0
- package/lib-esm/ProgressBar/ProgressBar.js +53 -49
- package/lib-esm/ProgressBar/ProgressBar.module.css.js +1 -1
- package/lib-esm/Radio/{Radio-b2a92b7d.css → Radio-df9a5c02.css} +2 -2
- package/lib-esm/Radio/{Radio-b2a92b7d.css.map → Radio-df9a5c02.css.map} +1 -1
- package/lib-esm/Radio/Radio.module.css.js +1 -1
- package/lib-esm/Select/Select.js +61 -53
- package/lib-esm/SelectPanel/SelectPanel.js +1 -1
- package/lib-esm/SplitPageLayout/SplitPageLayout.d.ts +1 -2
- package/lib-esm/Stack/Stack.js +110 -111
- package/lib-esm/StateLabel/StateLabel-cd27f475.css +2 -0
- package/lib-esm/StateLabel/StateLabel-cd27f475.css.map +1 -0
- package/lib-esm/StateLabel/StateLabel.d.ts +1 -2
- package/lib-esm/StateLabel/StateLabel.js +3 -5
- package/lib-esm/StateLabel/StateLabel.module.css.js +5 -0
- package/lib-esm/SubNav/SubNav.d.ts +8 -16
- package/lib-esm/SubNav/SubNav.js +3 -6
- package/lib-esm/ToggleSwitch/ToggleSwitch-65936b4b.css +4 -0
- package/lib-esm/ToggleSwitch/ToggleSwitch-65936b4b.css.map +1 -0
- package/lib-esm/ToggleSwitch/ToggleSwitch.d.ts +1 -2
- package/lib-esm/ToggleSwitch/ToggleSwitch.js +163 -213
- package/lib-esm/ToggleSwitch/ToggleSwitch.module.css.js +5 -0
- package/lib-esm/Token/index.d.ts +0 -1
- package/lib-esm/TreeView/shared.js +2 -2
- package/lib-esm/VisuallyHidden/VisuallyHidden.d.ts +1 -2
- package/lib-esm/VisuallyHidden/VisuallyHidden.js +1 -3
- package/lib-esm/deprecated/UnderlineNav/UnderlineNav.d.ts +2 -3
- package/lib-esm/deprecated/UnderlineNav/UnderlineNav.js +2 -3
- package/lib-esm/deprecated/index.d.ts +0 -2
- package/lib-esm/deprecated/index.js +0 -1
- package/lib-esm/hooks/useMnemonics.js +1 -2
- package/lib-esm/index.d.ts +1 -5
- package/lib-esm/index.js +0 -3
- package/lib-esm/{Caret.d.ts → internal/components/Caret.d.ts} +1 -1
- package/package.json +13 -14
- package/lib/Caret.d.ts.map +0 -1
- package/lib/FilteredActionList/FilteredActionList-d1d6d026.css +0 -2
- package/lib/FilteredActionList/FilteredActionList-d1d6d026.css.map +0 -1
- package/lib/ProgressBar/ProgressBar-430cdef7.css +0 -2
- package/lib/ProgressBar/ProgressBar-430cdef7.css.map +0 -1
- package/lib/Token/AvatarToken-ff45cc85.css +0 -2
- package/lib/Token/AvatarToken-ff45cc85.css.map +0 -1
- package/lib/Token/AvatarToken.d.ts +0 -8
- package/lib/Token/AvatarToken.d.ts.map +0 -1
- package/lib/Token/AvatarToken.js +0 -99
- package/lib/Token/AvatarToken.module.css.js +0 -7
- package/lib/deprecated/AvatarPair/AvatarPair-68990abe.css +0 -2
- package/lib/deprecated/AvatarPair/AvatarPair-68990abe.css.map +0 -1
- package/lib/deprecated/AvatarPair/AvatarPair.d.ts +0 -14
- package/lib/deprecated/AvatarPair/AvatarPair.d.ts.map +0 -1
- package/lib/deprecated/AvatarPair/AvatarPair.js +0 -95
- package/lib/deprecated/AvatarPair/AvatarPair.module.css.js +0 -7
- package/lib/deprecated/AvatarPair/index.d.ts +0 -3
- package/lib/deprecated/AvatarPair/index.d.ts.map +0 -1
- package/lib/node_modules/@github/mini-throttle/dist/index.js +0 -43
- package/lib-esm/FilteredActionList/FilteredActionList-d1d6d026.css +0 -2
- package/lib-esm/FilteredActionList/FilteredActionList-d1d6d026.css.map +0 -1
- package/lib-esm/ProgressBar/ProgressBar-430cdef7.css +0 -2
- package/lib-esm/ProgressBar/ProgressBar-430cdef7.css.map +0 -1
- package/lib-esm/Token/AvatarToken-ff45cc85.css +0 -2
- package/lib-esm/Token/AvatarToken-ff45cc85.css.map +0 -1
- package/lib-esm/Token/AvatarToken.d.ts +0 -8
- package/lib-esm/Token/AvatarToken.js +0 -97
- package/lib-esm/Token/AvatarToken.module.css.js +0 -5
- package/lib-esm/deprecated/AvatarPair/AvatarPair-68990abe.css +0 -2
- package/lib-esm/deprecated/AvatarPair/AvatarPair-68990abe.css.map +0 -1
- package/lib-esm/deprecated/AvatarPair/AvatarPair.d.ts +0 -14
- package/lib-esm/deprecated/AvatarPair/AvatarPair.js +0 -89
- package/lib-esm/deprecated/AvatarPair/AvatarPair.module.css.js +0 -5
- package/lib-esm/deprecated/AvatarPair/index.d.ts +0 -3
- package/lib-esm/node_modules/@github/mini-throttle/dist/index.js +0 -40
- /package/lib/{Caret.js → internal/components/Caret.js} +0 -0
- /package/lib-esm/{Caret.js → internal/components/Caret.js} +0 -0
|
@@ -13,7 +13,7 @@ var FilteredActionListLoaders = require('../FilteredActionList/FilteredActionLis
|
|
|
13
13
|
var liveRegionElement = require('@primer/live-region-element');
|
|
14
14
|
var SelectPanel_module = require('./SelectPanel.module.css.js');
|
|
15
15
|
var clsx = require('clsx');
|
|
16
|
-
var
|
|
16
|
+
var miniThrottle = require('@github/mini-throttle');
|
|
17
17
|
var useResponsiveValue = require('../hooks/useResponsiveValue.js');
|
|
18
18
|
var jsxRuntime = require('react/jsx-runtime');
|
|
19
19
|
var useFeatureFlag = require('../FeatureFlags/useFeatureFlag.js');
|
|
@@ -318,7 +318,7 @@ function Panel({
|
|
|
318
318
|
}
|
|
319
319
|
initialHeightRef.current = window.visualViewport.height;
|
|
320
320
|
initialScaleRef.current = window.visualViewport.scale;
|
|
321
|
-
const handleViewportChange =
|
|
321
|
+
const handleViewportChange = miniThrottle.debounce(() => {
|
|
322
322
|
if (window.visualViewport) {
|
|
323
323
|
const currentScale = window.visualViewport.scale;
|
|
324
324
|
const isZooming = currentScale !== initialScaleRef.current;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import type React from 'react';
|
|
2
|
-
import type { SxProp } from '..';
|
|
3
2
|
import type { PageLayoutContentProps, PageLayoutFooterProps, PageLayoutHeaderProps, PageLayoutPaneProps } from '../PageLayout';
|
|
4
|
-
export type SplitPageLayoutProps =
|
|
3
|
+
export type SplitPageLayoutProps = {
|
|
5
4
|
className?: string;
|
|
6
5
|
};
|
|
7
6
|
export declare const Root: React.FC<React.PropsWithChildren<SplitPageLayoutProps>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SplitPageLayout.d.ts","sourceRoot":"","sources":["../../src/SplitPageLayout/SplitPageLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"SplitPageLayout.d.ts","sourceRoot":"","sources":["../../src/SplitPageLayout/SplitPageLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EACV,sBAAsB,EACtB,qBAAqB,EACrB,qBAAqB,EACrB,mBAAmB,EACpB,MAAM,eAAe,CAAA;AAMtB,MAAM,MAAM,oBAAoB,GAAG;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAC,CAAA;AAEvD,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,oBAAoB,CAAC,CAcxE,CAAA;AAOD,MAAM,MAAM,0BAA0B,GAAG,qBAAqB,CAAA;AAE9D,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,0BAA0B,CAAC,CAOhF,CAAA;AAOD,MAAM,MAAM,2BAA2B,GAAG,sBAAsB,CAAA;AAEhE,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,2BAA2B,CAAC,CAMlF,CAAA;AAOD,MAAM,MAAM,wBAAwB,GAAG,mBAAmB,CAAA;AAE1D,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,wBAAwB,CAAC,CAgB5E,CAAA;AAMD,MAAM,MAAM,0BAA0B,GAAG,qBAAqB,CAAA;AAE9D,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,0BAA0B,CAAC,CAOhF,CAAA;AAOD,eAAO,MAAM,eAAe;;;;;CAK1B,CAAA"}
|
package/lib/Stack/Stack.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../src/Stack/Stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAa,KAAK,WAAW,EAAC,MAAM,OAAO,CAAA;AAClD,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,6BAA6B,CAAA;AAIhE,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;
|
|
1
|
+
{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../src/Stack/Stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAa,KAAK,WAAW,EAAC,MAAM,OAAO,CAAA;AAClD,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,6BAA6B,CAAA;AAIhE,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAE/F,KAAK,QAAQ,GAAG,MAAM,GAAG,WAAW,GAAG,QAAQ,GAAG,UAAU,CAAA;AAC5D,KAAK,GAAG,GAAG,QAAQ,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAA;AAE/C,KAAK,cAAc,GAAG,YAAY,GAAG,UAAU,CAAA;AAC/C,KAAK,SAAS,GAAG,cAAc,GAAG,eAAe,CAAC,cAAc,CAAC,CAAA;AAEjE,KAAK,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,UAAU,CAAA;AACrE,KAAK,KAAK,GAAG,UAAU,GAAG,eAAe,CAAC,UAAU,CAAC,CAAA;AAErD,KAAK,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAA;AAClC,KAAK,IAAI,GAAG,SAAS,GAAG,eAAe,CAAC,SAAS,CAAC,CAAA;AAElD,KAAK,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,eAAe,GAAG,cAAc,CAAA;AACjF,KAAK,OAAO,GAAG,YAAY,GAAG,eAAe,CAAC,YAAY,CAAC,CAAA;AAE3D,KAAK,YAAY,GAAG,MAAM,GAAG,WAAW,GAAG,QAAQ,GAAG,UAAU,CAAA;AAChE,KAAK,OAAO,GAAG,YAAY,GAAG,eAAe,CAAC,YAAY,CAAC,CAAA;AAE3D,KAAK,UAAU,CAAC,EAAE,IAAI,KAAK,CAAC,iBAAiB,CAAC;IAC5C;;OAEG;IACH,EAAE,CAAC,EAAE,EAAE,CAAA;IAEP;;OAEG;IACH,GAAG,CAAC,EAAE,GAAG,CAAA;IAET;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IAErB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAA;IAEb;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,CAAA;IAEX;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAC,CAAA;AAEF,QAAA,MAAM,KAAK,EAgCN,8BAA8B,CAAC,WAAW,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC,CAAA;AAEzE,KAAK,cAAc,CAAC,EAAE,IAAI,KAAK,CAAC,iBAAiB,CAAC;IAChD;;OAEG;IACH,EAAE,CAAC,EAAE,EAAE,CAAA;IAEP;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,eAAe,CAAC,OAAO,CAAC,CAAA;IAEzC;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,eAAe,CAAC,OAAO,CAAC,CAAA;IAE3C,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAC,CAAA;AAEF,QAAA,MAAM,SAAS,EAYT,8BAA8B,CAAC,WAAW,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC,CAAA;AAE1E,OAAO,EAAC,KAAK,EAAE,SAAS,EAAC,CAAA;AACzB,YAAY,EAAC,UAAU,EAAE,cAAc,EAAC,CAAA"}
|
package/lib/Stack/Stack.js
CHANGED
|
@@ -5,12 +5,10 @@ var React = require('react');
|
|
|
5
5
|
var getResponsiveAttributes = require('../internal/utils/getResponsiveAttributes.js');
|
|
6
6
|
var Stack_module = require('./Stack.module.css.js');
|
|
7
7
|
var clsx = require('clsx');
|
|
8
|
-
var BoxWithFallback = require('../internal/components/BoxWithFallback.js');
|
|
9
8
|
var jsxRuntime = require('react/jsx-runtime');
|
|
10
9
|
|
|
11
10
|
const Stack = /*#__PURE__*/React.forwardRef((t0, forwardedRef) => {
|
|
12
11
|
const $ = reactCompilerRuntime.c(37);
|
|
13
|
-
let as;
|
|
14
12
|
let children;
|
|
15
13
|
let className;
|
|
16
14
|
let gap;
|
|
@@ -20,146 +18,147 @@ const Stack = /*#__PURE__*/React.forwardRef((t0, forwardedRef) => {
|
|
|
20
18
|
let t3;
|
|
21
19
|
let t4;
|
|
22
20
|
let t5;
|
|
21
|
+
let t6;
|
|
23
22
|
if ($[0] !== t0) {
|
|
24
23
|
({
|
|
25
|
-
as,
|
|
24
|
+
as: t1,
|
|
26
25
|
children,
|
|
27
|
-
align:
|
|
28
|
-
direction:
|
|
26
|
+
align: t2,
|
|
27
|
+
direction: t3,
|
|
29
28
|
gap,
|
|
30
|
-
justify:
|
|
31
|
-
padding:
|
|
32
|
-
wrap:
|
|
29
|
+
justify: t4,
|
|
30
|
+
padding: t5,
|
|
31
|
+
wrap: t6,
|
|
33
32
|
className,
|
|
34
33
|
...rest
|
|
35
34
|
} = t0);
|
|
36
35
|
$[0] = t0;
|
|
37
|
-
$[1] =
|
|
38
|
-
$[2] =
|
|
39
|
-
$[3] =
|
|
40
|
-
$[4] =
|
|
41
|
-
$[5] =
|
|
42
|
-
$[6] =
|
|
43
|
-
$[7] =
|
|
44
|
-
$[8] =
|
|
45
|
-
$[9] =
|
|
46
|
-
$[10] =
|
|
36
|
+
$[1] = children;
|
|
37
|
+
$[2] = className;
|
|
38
|
+
$[3] = gap;
|
|
39
|
+
$[4] = rest;
|
|
40
|
+
$[5] = t1;
|
|
41
|
+
$[6] = t2;
|
|
42
|
+
$[7] = t3;
|
|
43
|
+
$[8] = t4;
|
|
44
|
+
$[9] = t5;
|
|
45
|
+
$[10] = t6;
|
|
47
46
|
} else {
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
47
|
+
children = $[1];
|
|
48
|
+
className = $[2];
|
|
49
|
+
gap = $[3];
|
|
50
|
+
rest = $[4];
|
|
51
|
+
t1 = $[5];
|
|
52
|
+
t2 = $[6];
|
|
53
|
+
t3 = $[7];
|
|
54
|
+
t4 = $[8];
|
|
55
|
+
t5 = $[9];
|
|
56
|
+
t6 = $[10];
|
|
58
57
|
}
|
|
59
|
-
const
|
|
60
|
-
const
|
|
61
|
-
const
|
|
62
|
-
const
|
|
63
|
-
const
|
|
64
|
-
|
|
58
|
+
const Component = t1 === undefined ? "div" : t1;
|
|
59
|
+
const align = t2 === undefined ? "stretch" : t2;
|
|
60
|
+
const direction = t3 === undefined ? "vertical" : t3;
|
|
61
|
+
const justify = t4 === undefined ? "start" : t4;
|
|
62
|
+
const padding = t5 === undefined ? "none" : t5;
|
|
63
|
+
const wrap = t6 === undefined ? "nowrap" : t6;
|
|
64
|
+
let t7;
|
|
65
65
|
if ($[11] !== className) {
|
|
66
|
-
|
|
66
|
+
t7 = clsx.clsx(className, Stack_module.Stack);
|
|
67
67
|
$[11] = className;
|
|
68
|
-
$[12] =
|
|
68
|
+
$[12] = t7;
|
|
69
69
|
} else {
|
|
70
|
-
|
|
70
|
+
t7 = $[12];
|
|
71
71
|
}
|
|
72
|
-
let
|
|
72
|
+
let t8;
|
|
73
73
|
if ($[13] !== gap) {
|
|
74
|
-
|
|
74
|
+
t8 = getResponsiveAttributes.getResponsiveAttributes("gap", gap);
|
|
75
75
|
$[13] = gap;
|
|
76
|
-
$[14] =
|
|
76
|
+
$[14] = t8;
|
|
77
77
|
} else {
|
|
78
|
-
|
|
78
|
+
t8 = $[14];
|
|
79
79
|
}
|
|
80
|
-
let
|
|
80
|
+
let t9;
|
|
81
81
|
if ($[15] !== direction) {
|
|
82
|
-
|
|
82
|
+
t9 = getResponsiveAttributes.getResponsiveAttributes("direction", direction);
|
|
83
83
|
$[15] = direction;
|
|
84
|
-
$[16] =
|
|
84
|
+
$[16] = t9;
|
|
85
85
|
} else {
|
|
86
|
-
|
|
86
|
+
t9 = $[16];
|
|
87
87
|
}
|
|
88
|
-
let
|
|
88
|
+
let t10;
|
|
89
89
|
if ($[17] !== align) {
|
|
90
|
-
|
|
90
|
+
t10 = getResponsiveAttributes.getResponsiveAttributes("align", align);
|
|
91
91
|
$[17] = align;
|
|
92
|
-
$[18] =
|
|
92
|
+
$[18] = t10;
|
|
93
93
|
} else {
|
|
94
|
-
|
|
94
|
+
t10 = $[18];
|
|
95
95
|
}
|
|
96
|
-
let
|
|
96
|
+
let t11;
|
|
97
97
|
if ($[19] !== wrap) {
|
|
98
|
-
|
|
98
|
+
t11 = getResponsiveAttributes.getResponsiveAttributes("wrap", wrap);
|
|
99
99
|
$[19] = wrap;
|
|
100
|
-
$[20] =
|
|
100
|
+
$[20] = t11;
|
|
101
101
|
} else {
|
|
102
|
-
|
|
102
|
+
t11 = $[20];
|
|
103
103
|
}
|
|
104
|
-
let
|
|
104
|
+
let t12;
|
|
105
105
|
if ($[21] !== justify) {
|
|
106
|
-
|
|
106
|
+
t12 = getResponsiveAttributes.getResponsiveAttributes("justify", justify);
|
|
107
107
|
$[21] = justify;
|
|
108
|
-
$[22] =
|
|
108
|
+
$[22] = t12;
|
|
109
109
|
} else {
|
|
110
|
-
|
|
110
|
+
t12 = $[22];
|
|
111
111
|
}
|
|
112
|
-
let
|
|
112
|
+
let t13;
|
|
113
113
|
if ($[23] !== padding) {
|
|
114
|
-
|
|
114
|
+
t13 = getResponsiveAttributes.getResponsiveAttributes("padding", padding);
|
|
115
115
|
$[23] = padding;
|
|
116
|
-
$[24] =
|
|
116
|
+
$[24] = t13;
|
|
117
117
|
} else {
|
|
118
|
-
|
|
118
|
+
t13 = $[24];
|
|
119
119
|
}
|
|
120
|
-
let
|
|
121
|
-
if ($[25] !==
|
|
122
|
-
|
|
123
|
-
as: as,
|
|
120
|
+
let t14;
|
|
121
|
+
if ($[25] !== Component || $[26] !== children || $[27] !== forwardedRef || $[28] !== rest || $[29] !== t10 || $[30] !== t11 || $[31] !== t12 || $[32] !== t13 || $[33] !== t7 || $[34] !== t8 || $[35] !== t9) {
|
|
122
|
+
t14 = /*#__PURE__*/jsxRuntime.jsx(Component, {
|
|
124
123
|
ref: forwardedRef,
|
|
125
124
|
...rest,
|
|
126
|
-
className:
|
|
127
|
-
...t7,
|
|
125
|
+
className: t7,
|
|
128
126
|
...t8,
|
|
129
127
|
...t9,
|
|
130
128
|
...t10,
|
|
131
129
|
...t11,
|
|
132
130
|
...t12,
|
|
131
|
+
...t13,
|
|
133
132
|
children: children
|
|
134
133
|
});
|
|
135
|
-
$[25] =
|
|
134
|
+
$[25] = Component;
|
|
136
135
|
$[26] = children;
|
|
137
136
|
$[27] = forwardedRef;
|
|
138
137
|
$[28] = rest;
|
|
139
138
|
$[29] = t10;
|
|
140
139
|
$[30] = t11;
|
|
141
140
|
$[31] = t12;
|
|
142
|
-
$[32] =
|
|
141
|
+
$[32] = t13;
|
|
143
142
|
$[33] = t7;
|
|
144
143
|
$[34] = t8;
|
|
145
144
|
$[35] = t9;
|
|
146
|
-
$[36] =
|
|
145
|
+
$[36] = t14;
|
|
147
146
|
} else {
|
|
148
|
-
|
|
147
|
+
t14 = $[36];
|
|
149
148
|
}
|
|
150
|
-
return
|
|
149
|
+
return t14;
|
|
151
150
|
});
|
|
152
151
|
const StackItem = /*#__PURE__*/React.forwardRef((t0, forwardedRef) => {
|
|
153
152
|
const $ = reactCompilerRuntime.c(21);
|
|
154
|
-
let as;
|
|
155
153
|
let children;
|
|
156
154
|
let className;
|
|
157
155
|
let grow;
|
|
158
156
|
let rest;
|
|
159
157
|
let shrink;
|
|
158
|
+
let t1;
|
|
160
159
|
if ($[0] !== t0) {
|
|
161
160
|
({
|
|
162
|
-
as,
|
|
161
|
+
as: t1,
|
|
163
162
|
children,
|
|
164
163
|
grow,
|
|
165
164
|
shrink,
|
|
@@ -167,67 +166,67 @@ const StackItem = /*#__PURE__*/React.forwardRef((t0, forwardedRef) => {
|
|
|
167
166
|
...rest
|
|
168
167
|
} = t0);
|
|
169
168
|
$[0] = t0;
|
|
170
|
-
$[1] =
|
|
171
|
-
$[2] =
|
|
172
|
-
$[3] =
|
|
173
|
-
$[4] =
|
|
174
|
-
$[5] =
|
|
175
|
-
$[6] =
|
|
169
|
+
$[1] = children;
|
|
170
|
+
$[2] = className;
|
|
171
|
+
$[3] = grow;
|
|
172
|
+
$[4] = rest;
|
|
173
|
+
$[5] = shrink;
|
|
174
|
+
$[6] = t1;
|
|
176
175
|
} else {
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
176
|
+
children = $[1];
|
|
177
|
+
className = $[2];
|
|
178
|
+
grow = $[3];
|
|
179
|
+
rest = $[4];
|
|
180
|
+
shrink = $[5];
|
|
181
|
+
t1 = $[6];
|
|
183
182
|
}
|
|
184
|
-
|
|
183
|
+
const Component = t1 === undefined ? "div" : t1;
|
|
184
|
+
let t2;
|
|
185
185
|
if ($[7] !== className) {
|
|
186
|
-
|
|
186
|
+
t2 = clsx.clsx(className, Stack_module.StackItem);
|
|
187
187
|
$[7] = className;
|
|
188
|
-
$[8] =
|
|
188
|
+
$[8] = t2;
|
|
189
189
|
} else {
|
|
190
|
-
|
|
190
|
+
t2 = $[8];
|
|
191
191
|
}
|
|
192
|
-
let
|
|
192
|
+
let t3;
|
|
193
193
|
if ($[9] !== grow) {
|
|
194
|
-
|
|
194
|
+
t3 = getResponsiveAttributes.getResponsiveAttributes("grow", grow);
|
|
195
195
|
$[9] = grow;
|
|
196
|
-
$[10] =
|
|
196
|
+
$[10] = t3;
|
|
197
197
|
} else {
|
|
198
|
-
|
|
198
|
+
t3 = $[10];
|
|
199
199
|
}
|
|
200
|
-
let
|
|
200
|
+
let t4;
|
|
201
201
|
if ($[11] !== shrink) {
|
|
202
|
-
|
|
202
|
+
t4 = getResponsiveAttributes.getResponsiveAttributes("shrink", shrink);
|
|
203
203
|
$[11] = shrink;
|
|
204
|
-
$[12] =
|
|
204
|
+
$[12] = t4;
|
|
205
205
|
} else {
|
|
206
|
-
|
|
206
|
+
t4 = $[12];
|
|
207
207
|
}
|
|
208
|
-
let
|
|
209
|
-
if ($[13] !==
|
|
210
|
-
|
|
211
|
-
as: as,
|
|
208
|
+
let t5;
|
|
209
|
+
if ($[13] !== Component || $[14] !== children || $[15] !== forwardedRef || $[16] !== rest || $[17] !== t2 || $[18] !== t3 || $[19] !== t4) {
|
|
210
|
+
t5 = /*#__PURE__*/jsxRuntime.jsx(Component, {
|
|
212
211
|
ref: forwardedRef,
|
|
213
212
|
...rest,
|
|
214
|
-
className:
|
|
215
|
-
...t2,
|
|
213
|
+
className: t2,
|
|
216
214
|
...t3,
|
|
215
|
+
...t4,
|
|
217
216
|
children: children
|
|
218
217
|
});
|
|
219
|
-
$[13] =
|
|
218
|
+
$[13] = Component;
|
|
220
219
|
$[14] = children;
|
|
221
220
|
$[15] = forwardedRef;
|
|
222
221
|
$[16] = rest;
|
|
223
|
-
$[17] =
|
|
224
|
-
$[18] =
|
|
225
|
-
$[19] =
|
|
226
|
-
$[20] =
|
|
222
|
+
$[17] = t2;
|
|
223
|
+
$[18] = t3;
|
|
224
|
+
$[19] = t4;
|
|
225
|
+
$[20] = t5;
|
|
227
226
|
} else {
|
|
228
|
-
|
|
227
|
+
t5 = $[20];
|
|
229
228
|
}
|
|
230
|
-
return
|
|
229
|
+
return t5;
|
|
231
230
|
});
|
|
232
231
|
|
|
233
232
|
exports.Stack = Stack;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/StateLabel/StateLabel.module.css"],"names":[],"mappings":"AAAA,2BACE,sCACF","file":"StateLabel-cd27f475.css","sourcesContent":[".Icon {\n margin-right: var(--base-size-4);\n}\n"]}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import type { SxProp } from '../sx';
|
|
2
1
|
import type { ComponentProps } from '../utils/types';
|
|
3
2
|
declare const octiconMap: {
|
|
4
3
|
issueOpened: import("@primer/octicons-react").Icon;
|
|
@@ -17,7 +16,7 @@ declare const octiconMap: {
|
|
|
17
16
|
type StyledStateLabelBaseProps = {
|
|
18
17
|
variant?: 'small' | 'normal';
|
|
19
18
|
status: keyof typeof octiconMap;
|
|
20
|
-
}
|
|
19
|
+
};
|
|
21
20
|
declare const StateLabelBase: import("styled-components").StyledComponent<"span", any, StyledStateLabelBaseProps, never>;
|
|
22
21
|
export type StateLabelProps = ComponentProps<typeof StateLabelBase>;
|
|
23
22
|
declare function StateLabel({ children, status, variant: variantProp, ...rest }: StateLabelProps): import("react").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StateLabel.d.ts","sourceRoot":"","sources":["../../src/StateLabel/StateLabel.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAC,
|
|
1
|
+
{"version":3,"file":"StateLabel.d.ts","sourceRoot":"","sources":["../../src/StateLabel/StateLabel.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,gBAAgB,CAAA;AAGlD,QAAA,MAAM,UAAU;;;;;;;;;;;;;CAaf,CAAA;AAmGD,KAAK,yBAAyB,GAAG;IAC/B,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IAC5B,MAAM,EAAE,MAAM,OAAO,UAAU,CAAA;CAChC,CAAA;AAED,QAAA,MAAM,cAAc,4FAUnB,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,OAAO,cAAc,CAAC,CAAA;AAEnE,iBAAS,UAAU,CAAC,EAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,WAAsB,EAAE,GAAG,IAAI,EAAC,EAAE,eAAe,+BAmBhG;AAED,eAAe,UAAU,CAAA"}
|
|
@@ -5,7 +5,7 @@ var octiconsReact = require('@primer/octicons-react');
|
|
|
5
5
|
var styled = require('styled-components');
|
|
6
6
|
var styledSystem = require('styled-system');
|
|
7
7
|
var constants = require('../constants.js');
|
|
8
|
-
var
|
|
8
|
+
var StateLabel_module = require('./StateLabel.module.css.js');
|
|
9
9
|
var jsxRuntime = require('react/jsx-runtime');
|
|
10
10
|
var Octicon = require('../Octicon/Octicon.js');
|
|
11
11
|
|
|
@@ -124,7 +124,7 @@ const sizeVariants = styledSystem.variant({
|
|
|
124
124
|
const StateLabelBase = styled__default.default.span.withConfig({
|
|
125
125
|
displayName: "StateLabel__StateLabelBase",
|
|
126
126
|
componentId: "sc-qthdln-0"
|
|
127
|
-
})(["display:inline-flex;align-items:center;font-weight:", ";line-height:16px;color:", ";text-align:center;border-radius:", ";", ";", ";"
|
|
127
|
+
})(["display:inline-flex;align-items:center;font-weight:", ";line-height:16px;color:", ";text-align:center;border-radius:", ";", ";", ";"], constants.get('fontWeights.bold'), constants.get('colors.canvas.default'), constants.get('radii.3'), colorVariants, sizeVariants);
|
|
128
128
|
function StateLabel(t0) {
|
|
129
129
|
const $ = reactCompilerRuntime.c(17);
|
|
130
130
|
let children;
|
|
@@ -168,9 +168,7 @@ function StateLabel(t0) {
|
|
|
168
168
|
...octiconProps,
|
|
169
169
|
icon: octiconMap[status] || octiconsReact.QuestionIcon,
|
|
170
170
|
"aria-label": labelMap[status],
|
|
171
|
-
|
|
172
|
-
mr: 1
|
|
173
|
-
}
|
|
171
|
+
className: StateLabel_module.Icon
|
|
174
172
|
});
|
|
175
173
|
$[7] = noIconStatus;
|
|
176
174
|
$[8] = octiconProps;
|
package/lib/SubNav/SubNav.d.ts
CHANGED
|
@@ -1,27 +1,19 @@
|
|
|
1
1
|
import type { To } from 'history';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
|
|
4
|
-
import type { SxProp } from '../sx';
|
|
5
|
-
type StyledSubNavProps = React.ComponentProps<'nav'> & {
|
|
3
|
+
export type SubNavProps = React.ComponentProps<'nav'> & {
|
|
6
4
|
actions?: React.ReactNode;
|
|
7
5
|
align?: 'right';
|
|
8
6
|
full?: boolean;
|
|
9
7
|
label?: string;
|
|
10
|
-
}
|
|
11
|
-
type
|
|
12
|
-
type
|
|
8
|
+
};
|
|
9
|
+
export type SubNavLinksProps = React.ComponentProps<'div'>;
|
|
10
|
+
export type SubNavLinkProps = React.ComponentProps<'a'> & {
|
|
13
11
|
to?: To;
|
|
14
12
|
selected?: boolean;
|
|
15
|
-
}
|
|
16
|
-
declare const
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
export type SubNavProps = ComponentProps<typeof SubNav>;
|
|
20
|
-
export type SubNavLinksProps = ComponentProps<typeof SubNavLinks>;
|
|
21
|
-
export type SubNavLinkProps = ComponentProps<typeof SubNavLink>;
|
|
22
|
-
declare const _default: React.ForwardRefExoticComponent<Omit<StyledSubNavProps, "ref"> & React.RefAttributes<HTMLElement>> & {
|
|
23
|
-
Link: React.ForwardRefExoticComponent<Omit<StyledSubNavLinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
|
|
24
|
-
Links: React.ForwardRefExoticComponent<Omit<StyledSubNavLinksProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
13
|
+
};
|
|
14
|
+
declare const _default: React.ForwardRefExoticComponent<Omit<SubNavProps, "ref"> & React.RefAttributes<HTMLElement>> & {
|
|
15
|
+
Link: React.ForwardRefExoticComponent<Omit<SubNavLinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
|
|
16
|
+
Links: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
25
17
|
};
|
|
26
18
|
export default _default;
|
|
27
19
|
//# sourceMappingURL=SubNav.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SubNav.d.ts","sourceRoot":"","sources":["../../src/SubNav/SubNav.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,EAAE,EAAC,MAAM,SAAS,CAAA;AAC/B,OAAO,KAAK,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"SubNav.d.ts","sourceRoot":"","sources":["../../src/SubNav/SubNav.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,EAAE,EAAC,MAAM,SAAS,CAAA;AAC/B,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IACtD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AACD,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;AAC1D,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG;IAAC,EAAE,CAAC,EAAE,EAAE,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAC,CAAA;;;;;AA8CvF,wBAA4E"}
|
package/lib/SubNav/SubNav.js
CHANGED
|
@@ -4,7 +4,6 @@ var reactCompilerRuntime = require('react-compiler-runtime');
|
|
|
4
4
|
var clsx = require('clsx');
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var SubNav_module = require('./SubNav.module.css.js');
|
|
7
|
-
var BoxWithFallback = require('../internal/components/BoxWithFallback.js');
|
|
8
7
|
var jsxRuntime = require('react/jsx-runtime');
|
|
9
8
|
|
|
10
9
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
@@ -78,8 +77,7 @@ const SubNav = /*#__PURE__*/React__default.default.forwardRef(function SubNav(t0
|
|
|
78
77
|
}
|
|
79
78
|
let t5;
|
|
80
79
|
if ($[13] !== forwardRef || $[14] !== label || $[15] !== rest || $[16] !== t1 || $[17] !== t3 || $[18] !== t4) {
|
|
81
|
-
t5 = /*#__PURE__*/jsxRuntime.jsxs(
|
|
82
|
-
as: "nav",
|
|
80
|
+
t5 = /*#__PURE__*/jsxRuntime.jsxs("nav", {
|
|
83
81
|
ref: forwardRef,
|
|
84
82
|
className: t1,
|
|
85
83
|
"aria-label": label,
|
|
@@ -132,7 +130,7 @@ const SubNavLinks = /*#__PURE__*/React__default.default.forwardRef((t0, forwardR
|
|
|
132
130
|
}
|
|
133
131
|
let t2;
|
|
134
132
|
if ($[6] !== children || $[7] !== forwardRef || $[8] !== rest || $[9] !== t1) {
|
|
135
|
-
t2 = /*#__PURE__*/jsxRuntime.jsx(
|
|
133
|
+
t2 = /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
136
134
|
ref: forwardRef,
|
|
137
135
|
className: t1,
|
|
138
136
|
...rest,
|
|
@@ -182,8 +180,7 @@ const SubNavLink = /*#__PURE__*/React__default.default.forwardRef((t0, forwardRe
|
|
|
182
180
|
}
|
|
183
181
|
let t2;
|
|
184
182
|
if ($[6] !== children || $[7] !== forwardRef || $[8] !== rest || $[9] !== t1) {
|
|
185
|
-
t2 = /*#__PURE__*/jsxRuntime.jsx(
|
|
186
|
-
as: "a",
|
|
183
|
+
t2 = /*#__PURE__*/jsxRuntime.jsx("a", {
|
|
187
184
|
ref: forwardRef,
|
|
188
185
|
className: t1,
|
|
189
186
|
"data-selected": rest.selected,
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
.prc-ToggleSwitch-ToggleSwitch-E4lp0{align-items:center;display:inline-flex;flex-direction:row-reverse}.prc-ToggleSwitch-ToggleSwitch-E4lp0[data-status-label-position=start]{flex-direction:row}.prc-ToggleSwitch-StatusText-hWpj2{color:var(--fgColor-default,var(--color-fg-default));cursor:pointer;font-size:var(--text-body-size-medium,.875rem);margin-left:var(--base-size-8,.5rem);margin-right:var(--base-size-8,.5rem);position:relative}.prc-ToggleSwitch-StatusText-hWpj2[data-size=small]{font-size:var(--text-body-size-small,.75rem)}.prc-ToggleSwitch-StatusText-hWpj2[data-disabled=true]{color:var(--fgColor-muted,var(--color-fg-muted));cursor:not-allowed}.prc-ToggleSwitch-StatusTextItem-fvvXa{text-align:right}.prc-ToggleSwitch-StatusTextItem-fvvXa[data-hidden=true]{height:0;visibility:hidden}.prc-ToggleSwitch-IconContainer-zLC02{align-items:center;display:flex;height:100%;overflow:hidden;width:100%}.prc-ToggleSwitch-IconBox-NNOYG{flex-basis:50%;flex-grow:1;flex-shrink:0;line-height:0;transition-duration:80ms;transition-property:transform}.prc-ToggleSwitch-IconBox-NNOYG[data-type=on]{color:var(--control-checked-fgColor-rest,var(--color-switch-track-checked-fg,var(--fgColor-onEmphasis,var(--color-fg-on-emphasis))));transform:translateX(0)}.prc-ToggleSwitch-IconBox-NNOYG[data-type=on][data-checked=false]{transform:translateX(-100%)}.prc-ToggleSwitch-IconBox-NNOYG[data-type=on][data-disabled=true]{color:var(
|
|
2
|
+
--control-checked-fgColor-disabled,var(--color-switch-track-checked-disabled-fg,var(--fgColor-onEmphasis,var(--color-fg-on-emphasis)))
|
|
3
|
+
)}.prc-ToggleSwitch-IconBox-NNOYG[data-type=off]{color:var(--controlTrack-fgColor-rest,var(--color-switch-track-fg,var(--fgColor-muted,var(--color-fg-muted))));transform:translateX(100%)}.prc-ToggleSwitch-IconBox-NNOYG[data-type=off][data-checked=false]{transform:translateX(0)}.prc-ToggleSwitch-IconBox-NNOYG[data-type=off][data-disabled=true]{color:var(--controlTrack-fgColor-disabled,var(--color-switch-track-disabled-fg,var(--fgColor-onEmphasis,var(--color-fg-on-emphasis))))}
|
|
4
|
+
/*# sourceMappingURL=ToggleSwitch-65936b4b.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/ToggleSwitch/ToggleSwitch.module.css"],"names":[],"mappings":"AAAA,qCAEE,kBAAmB,CADnB,mBAAoB,CAEpB,0BACF,CAEA,uEACE,kBACF,CAEA,mCAIE,oDAA6B,CAE7B,cAAe,CADf,8CAAuC,CAJvC,oCAA+B,CAC/B,qCAAgC,CAChC,iBAIF,CAEA,oDACE,4CACF,CAEA,uDACE,gDAA2B,CAC3B,kBACF,CAEA,uCACE,gBACF,CAEA,yDAEE,QAAS,CADT,iBAEF,CAEA,sCAEE,kBAAmB,CADnB,YAAa,CAGb,WAAY,CACZ,eAAgB,CAFhB,UAGF,CAEA,gCAGE,cAAe,CAFf,WAAY,CACZ,aAAc,CAGd,aAAc,CAEd,wBAAyB,CADzB,6BAEF,CAEA,8CACE,oIAA2G,CAC3G,uBACF,CAEA,kEACE,2BACF,CAEA,kEACE;;GAIF,CAEA,+CACE,8GAA2F,CAC3F,0BACF,CAEA,mEACE,uBACF,CAEA,mEACE,sIACF","file":"ToggleSwitch-65936b4b.css","sourcesContent":[".ToggleSwitch {\n display: inline-flex;\n align-items: center;\n flex-direction: row-reverse;\n}\n\n.ToggleSwitch[data-status-label-position='start'] {\n flex-direction: row;\n}\n\n.StatusText {\n margin-left: var(--base-size-8);\n margin-right: var(--base-size-8);\n position: relative;\n color: var(--fgColor-default);\n font-size: var(--text-body-size-medium);\n cursor: pointer;\n}\n\n.StatusText[data-size='small'] {\n font-size: var(--text-body-size-small);\n}\n\n.StatusText[data-disabled='true'] {\n color: var(--fgColor-muted);\n cursor: not-allowed;\n}\n\n.StatusTextItem {\n text-align: right;\n}\n\n.StatusTextItem[data-hidden='true'] {\n visibility: hidden;\n height: 0;\n}\n\n.IconContainer {\n display: flex;\n align-items: center;\n width: 100%;\n height: 100%;\n overflow: hidden;\n}\n\n.IconBox {\n flex-grow: 1;\n flex-shrink: 0;\n flex-basis: 50%;\n /* stylelint-disable-next-line primer/typography */\n line-height: 0;\n transition-property: transform;\n transition-duration: 80ms;\n}\n\n.IconBox[data-type='on'] {\n color: var(--control-checked-fgColor-rest, var(--color-switch-track-checked-fg, var(--fgColor-onEmphasis)));\n transform: translateX(0);\n}\n\n.IconBox[data-type='on'][data-checked='false'] {\n transform: translateX(-100%);\n}\n\n.IconBox[data-type='on'][data-disabled='true'] {\n color: var(\n --control-checked-fgColor-disabled,\n var(--color-switch-track-checked-disabled-fg, var(--fgColor-onEmphasis))\n );\n}\n\n.IconBox[data-type='off'] {\n color: var(--controlTrack-fgColor-rest, var(--color-switch-track-fg, var(--fgColor-muted)));\n transform: translateX(100%);\n}\n\n.IconBox[data-type='off'][data-checked='false'] {\n transform: translateX(0);\n}\n\n.IconBox[data-type='off'][data-disabled='true'] {\n color: var(--controlTrack-fgColor-disabled, var(--color-switch-track-disabled-fg, var(--fgColor-onEmphasis)));\n}\n"]}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import type { MouseEventHandler } from 'react';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import type { SxProp } from '../sx';
|
|
4
3
|
import type { CellAlignment } from '../DataTable/column';
|
|
5
|
-
export interface ToggleSwitchProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'
|
|
4
|
+
export interface ToggleSwitchProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
|
|
6
5
|
/** The id of the DOM node that labels the switch */
|
|
7
6
|
['aria-labelledby']: string;
|
|
8
7
|
/** Uncontrolled - whether the switch is turned on */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleSwitch.d.ts","sourceRoot":"","sources":["../../src/ToggleSwitch/ToggleSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAC5C,OAAO,KAA+B,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"ToggleSwitch.d.ts","sourceRoot":"","sources":["../../src/ToggleSwitch/ToggleSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAC5C,OAAO,KAA+B,MAAM,OAAO,CAAA;AASnD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,qBAAqB,CAAA;AAQtD,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC/F,oDAAoD;IACpD,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC3B,qDAAqD;IACrD,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,qDAAqD;IACrD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,6DAA6D;IAC7D,OAAO,CAAC,EAAE,iBAAiB,CAAA;IAC3B,yBAAyB;IACzB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IACzB;;OAEG;IACH,mBAAmB,CAAC,EAAE,aAAa,CAAA;IACnC;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,iEAAiE;IACjE,UAAU,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;CAC3C;AAmLD,QAAA,MAAM,YAAY;;2CA0GjB,CAAA;AAMD,eAAe,YAAY,CAAA"}
|