@primer/styled-react 0.0.0-20251010045313 → 0.0.0-20251010103625
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/ActionList.d.ts.map +1 -1
- package/dist/components/ActionList.js +104 -0
- package/dist/components/ActionMenu.js +17 -0
- package/dist/components/Autocomplete.d.ts.map +1 -1
- package/dist/components/Autocomplete.js +17 -0
- package/dist/components/Avatar.d.ts.map +1 -1
- package/dist/components/Avatar.js +13 -0
- package/dist/components/BaseStyles.d.ts +17 -0
- package/dist/components/BaseStyles.d.ts.map +1 -0
- package/dist/components/BaseStyles.js +51 -0
- package/dist/components/Breadcrumbs.d.ts +0 -3
- package/dist/components/Breadcrumbs.d.ts.map +1 -1
- package/dist/components/Breadcrumbs.js +37 -0
- package/dist/components/Checkbox.js +13 -0
- package/dist/components/CheckboxGroup.d.ts +4 -16
- package/dist/components/CheckboxGroup.d.ts.map +1 -1
- package/dist/components/CheckboxGroup.js +38 -0
- package/dist/components/CircleBadge.d.ts.map +1 -1
- package/dist/components/CircleBadge.js +11 -0
- package/dist/components/CounterLabel.js +13 -0
- package/dist/components/DataTable.d.ts.map +1 -1
- package/dist/components/DataTable.js +32 -0
- package/dist/components/Dialog.d.ts.map +1 -1
- package/dist/components/Dialog.js +42 -0
- package/dist/components/FeatureFlaggedTheming.d.ts +6 -0
- package/dist/components/FeatureFlaggedTheming.d.ts.map +1 -0
- package/dist/components/FeatureFlaggedTheming.js +54 -0
- package/dist/components/Flash.d.ts.map +1 -1
- package/dist/components/Flash.js +11 -0
- package/dist/components/Header.d.ts.map +1 -1
- package/dist/components/Header.js +51 -0
- package/dist/components/Heading.d.ts.map +1 -1
- package/dist/components/Heading.js +11 -0
- package/dist/components/Label.d.ts.map +1 -1
- package/dist/components/Label.js +25 -0
- package/dist/components/Link.d.ts.map +1 -1
- package/dist/components/Link.js +25 -0
- package/dist/components/LinkButton.d.ts.map +1 -1
- package/dist/components/LinkButton.js +11 -0
- package/dist/components/NavList.js +56 -0
- package/dist/components/Overlay.d.ts.map +1 -1
- package/dist/components/Overlay.js +11 -0
- package/dist/{Tooltip-BzsBpWsV.js → components/PageHeader.js} +4 -59
- package/dist/components/PageLayout.d.ts.map +1 -1
- package/dist/components/PageLayout.js +39 -0
- package/dist/components/RadioGroup.d.ts +4 -16
- package/dist/components/RadioGroup.d.ts.map +1 -1
- package/dist/components/RadioGroup.js +38 -0
- package/dist/components/RelativeTime.d.ts +0 -3
- package/dist/components/RelativeTime.d.ts.map +1 -1
- package/dist/components/RelativeTime.js +13 -0
- package/dist/components/SegmentedControl.d.ts.map +1 -1
- package/dist/components/SegmentedControl.js +27 -0
- package/dist/components/Spinner.js +11 -0
- package/dist/components/StateLabel.d.ts +1 -1
- package/dist/components/StateLabel.d.ts.map +1 -1
- package/dist/components/StateLabel.js +13 -0
- package/dist/components/SubNav.d.ts.map +1 -1
- package/dist/components/SubNav.js +23 -0
- package/dist/components/Text.d.ts.map +1 -1
- package/dist/components/Text.js +25 -0
- package/dist/components/ThemeProvider.d.ts +30 -0
- package/dist/components/ThemeProvider.d.ts.map +1 -0
- package/dist/components/ThemeProvider.js +202 -0
- package/dist/components/Timeline.d.ts +0 -3
- package/dist/components/Timeline.d.ts.map +1 -1
- package/dist/components/Timeline.js +46 -0
- package/dist/components/ToggleSwitch.d.ts.map +1 -1
- package/dist/components/ToggleSwitch.js +13 -0
- package/dist/components/Token.d.ts.map +1 -1
- package/dist/components/Token.js +25 -0
- package/dist/components/Tooltip.d.ts +2 -2
- package/dist/components/Tooltip.d.ts.map +1 -1
- package/dist/components/Tooltip.js +13 -0
- package/dist/components/Truncate.js +11 -0
- package/dist/components/UnderlineNav.js +43 -0
- package/dist/components/UnderlinePanels.d.ts +0 -1
- package/dist/components/UnderlinePanels.d.ts.map +1 -1
- package/dist/components/UnderlinePanels.js +27 -0
- package/dist/components/deprecated/ActionList.d.ts +0 -6
- package/dist/components/deprecated/ActionList.d.ts.map +1 -1
- package/dist/components/deprecated/ActionList.js +48 -0
- package/dist/components/deprecated/DialogV1.d.ts.map +1 -1
- package/dist/components/deprecated/DialogV1.js +44 -0
- package/dist/components/deprecated/Octicon.d.ts.map +1 -1
- package/dist/components/deprecated/Octicon.js +39 -0
- package/dist/components/deprecated/TabNav.d.ts +1 -4
- package/dist/components/deprecated/TabNav.d.ts.map +1 -1
- package/dist/components/deprecated/TabNav.js +44 -0
- package/dist/components/deprecated/Tooltip.d.ts.map +1 -1
- package/dist/components/deprecated/Tooltip.js +31 -0
- package/dist/deprecated.js +5 -204
- package/dist/experimental.js +5 -61
- package/dist/index.d.ts +1 -4
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +36 -791
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionList.d.ts","sourceRoot":"","sources":["../../src/components/ActionList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EACL,UAAU,IAAI,gBAAgB,EAC9B,KAAK,eAAe,IAAI,qBAAqB,EAC7C,KAAK,mBAAmB,IAAI,yBAAyB,EACrD,KAAK,uBAAuB,IAAI,6BAA6B,EAC7D,KAAK,oBAAoB,IAAI,0BAA0B,EACvD,KAAK,sBAAsB,IAAI,4BAA4B,EAC3D,KAAK,4BAA4B,IAAI,kCAAkC,EACvE,KAAK,6BAA6B,IAAI,mCAAmC,EAC1E,MAAM,eAAe,CAAA;AACtB,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AACrC,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AAEvD,KAAK,mCAAmC,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,cAAc,CAAC,CAAA;AAEvG,MAAM,MAAM,eAAe,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,GAAG,IAAI,IAAI,qBAAqB,CAAC,EAAE,CAAC,GAAG,MAAM,CAAA;AACrG,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,iBAAiB,CAAC,yBAAyB,GAAG,MAAM,CAAC,CAAA;AAC7F,MAAM,MAAM,uBAAuB,GAAG,KAAK,CAAC,iBAAiB,CAAC,6BAA6B,GAAG,MAAM,CAAC,CAAA;AACrG,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,iBAAiB,CAAC,0BAA0B,GAAG,MAAM,CAAC,CAAA;AAC/F,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,iBAAiB,CAAC,4BAA4B,GAAG,MAAM,CAAC,CAAA;AACnG,MAAM,MAAM,4BAA4B,GAAG,KAAK,CAAC,iBAAiB,CAAC,kCAAkC,GAAG,MAAM,CAAC,CAAA;AAC/G,MAAM,MAAM,6BAA6B,GAAG,KAAK,CAAC,iBAAiB,CAAC,mCAAmC,GAAG,MAAM,CAAC,CAAA;AACjH,MAAM,MAAM,6BAA6B,GAAG,KAAK,CAAC,iBAAiB,CAAC,mCAAmC,GAAG,MAAM,CAAC,CAAA;AAUjH,QAAA,MAAM,cAAc,yJAKlB,CAAA;AAEF,QAAA,MAAM,kBAAkB,EAAE,mBAAmB,CAAC,GAAG,EAAE,uBAAuB,CAMzE,CAAA;AAED,KAAK,sBAAsB,GAAG,QAAQ,GAAG,GAAG,CAAA;AAO5C,QAAA,MAAM,wBAAwB,EAWzB,mBAAmB,CAAC,sBAAsB,EAAE,6BAA6B,CAAC,CAAA;AAU/E,QAAA,MAAM,cAAc,EAId,mBAAmB,CAAC,IAAI,EAAE,mBAAmB,CAAC,CAAA;AAEpD,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,aAAa,CAAC,oBAAoB,CAM9D,CAAA;AAED,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,aAAa,CAAC,sBAAsB,CAMlE,CAAA;AAED,QAAA,MAAM,uBAAuB,EAAE,KAAK,CAAC,aAAa,CAAC,4BAA4B,CAM9E,CAAA;AAED,QAAA,MAAM,wBAAwB,EAAE,KAAK,CAAC,aAAa,CAAC,6BAA6B,CAMhF,CAAA;
|
|
1
|
+
{"version":3,"file":"ActionList.d.ts","sourceRoot":"","sources":["../../src/components/ActionList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import styled from 'styled-components';
|
|
3
|
+
import { ActionList as ActionList$1, sx } from '@primer/react';
|
|
4
|
+
import { jsx } from 'react/jsx-runtime';
|
|
5
|
+
|
|
6
|
+
const StyledActionList = styled(ActionList$1).withConfig({
|
|
7
|
+
shouldForwardProp: prop => prop !== 'sx'
|
|
8
|
+
}).withConfig({
|
|
9
|
+
displayName: "ActionList__StyledActionList",
|
|
10
|
+
componentId: "sc-hw2362-0"
|
|
11
|
+
})(["", ""], sx);
|
|
12
|
+
const ActionListImpl = /*#__PURE__*/React.forwardRef(function ActionListImpl({
|
|
13
|
+
as,
|
|
14
|
+
...rest
|
|
15
|
+
}, ref) {
|
|
16
|
+
return /*#__PURE__*/jsx(StyledActionList, {
|
|
17
|
+
ref: ref,
|
|
18
|
+
...rest,
|
|
19
|
+
...(as ? {
|
|
20
|
+
forwardedAs: as
|
|
21
|
+
} : {})
|
|
22
|
+
});
|
|
23
|
+
});
|
|
24
|
+
const ActionListLinkItem = styled(ActionList$1.LinkItem).withConfig({
|
|
25
|
+
shouldForwardProp: prop => prop !== 'sx'
|
|
26
|
+
}).withConfig({
|
|
27
|
+
displayName: "ActionList__ActionListLinkItem",
|
|
28
|
+
componentId: "sc-hw2362-1"
|
|
29
|
+
})(["", ""], sx);
|
|
30
|
+
const StyledActionListTrailingAction = styled(ActionList$1.TrailingAction).withConfig({
|
|
31
|
+
shouldForwardProp: prop => prop !== 'sx'
|
|
32
|
+
}).withConfig({
|
|
33
|
+
displayName: "ActionList__StyledActionListTrailingAction",
|
|
34
|
+
componentId: "sc-hw2362-2"
|
|
35
|
+
})(["", ""], sx);
|
|
36
|
+
const ActionListTrailingAction = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
37
|
+
const {
|
|
38
|
+
as,
|
|
39
|
+
...rest
|
|
40
|
+
} = props;
|
|
41
|
+
return /*#__PURE__*/jsx(StyledActionListTrailingAction, {
|
|
42
|
+
...rest,
|
|
43
|
+
...(as ? {
|
|
44
|
+
forwardedAs: as
|
|
45
|
+
} : {}),
|
|
46
|
+
ref: ref
|
|
47
|
+
});
|
|
48
|
+
});
|
|
49
|
+
const StyledActionListItem = styled(ActionList$1.Item).withConfig({
|
|
50
|
+
shouldForwardProp: prop => prop !== 'sx'
|
|
51
|
+
}).withConfig({
|
|
52
|
+
displayName: "ActionList__StyledActionListItem",
|
|
53
|
+
componentId: "sc-hw2362-3"
|
|
54
|
+
})(["", ""], sx);
|
|
55
|
+
const ActionListItem = /*#__PURE__*/React.forwardRef(({
|
|
56
|
+
children,
|
|
57
|
+
as,
|
|
58
|
+
...props
|
|
59
|
+
}, ref) => /*#__PURE__*/jsx(StyledActionListItem, {
|
|
60
|
+
ref: ref,
|
|
61
|
+
...props,
|
|
62
|
+
...(as ? {
|
|
63
|
+
forwardedAs: as
|
|
64
|
+
} : {}),
|
|
65
|
+
children: children
|
|
66
|
+
}));
|
|
67
|
+
const ActionListGroup = styled(ActionList$1.Group).withConfig({
|
|
68
|
+
shouldForwardProp: prop => prop !== 'sx'
|
|
69
|
+
}).withConfig({
|
|
70
|
+
displayName: "ActionList__ActionListGroup",
|
|
71
|
+
componentId: "sc-hw2362-4"
|
|
72
|
+
})(["", ""], sx);
|
|
73
|
+
const ActionListDivider = styled(ActionList$1.Divider).withConfig({
|
|
74
|
+
shouldForwardProp: prop => prop !== 'sx'
|
|
75
|
+
}).withConfig({
|
|
76
|
+
displayName: "ActionList__ActionListDivider",
|
|
77
|
+
componentId: "sc-hw2362-5"
|
|
78
|
+
})(["", ""], sx);
|
|
79
|
+
const ActionListLeadingVisual = styled(ActionList$1.LeadingVisual).withConfig({
|
|
80
|
+
shouldForwardProp: prop => prop !== 'sx'
|
|
81
|
+
}).withConfig({
|
|
82
|
+
displayName: "ActionList__ActionListLeadingVisual",
|
|
83
|
+
componentId: "sc-hw2362-6"
|
|
84
|
+
})(["", ""], sx);
|
|
85
|
+
const ActionListTrailingVisual = styled(ActionList$1.TrailingVisual).withConfig({
|
|
86
|
+
shouldForwardProp: prop => prop !== 'sx'
|
|
87
|
+
}).withConfig({
|
|
88
|
+
displayName: "ActionList__ActionListTrailingVisual",
|
|
89
|
+
componentId: "sc-hw2362-7"
|
|
90
|
+
})(["", ""], sx);
|
|
91
|
+
const ActionList = Object.assign(ActionListImpl, {
|
|
92
|
+
Item: ActionListItem,
|
|
93
|
+
LinkItem: ActionListLinkItem,
|
|
94
|
+
Group: ActionListGroup,
|
|
95
|
+
GroupHeading: ActionList$1.GroupHeading,
|
|
96
|
+
Divider: ActionListDivider,
|
|
97
|
+
Description: ActionList$1.Description,
|
|
98
|
+
LeadingVisual: ActionListLeadingVisual,
|
|
99
|
+
TrailingVisual: ActionListTrailingVisual,
|
|
100
|
+
Heading: ActionList$1.Heading,
|
|
101
|
+
TrailingAction: ActionListTrailingAction
|
|
102
|
+
});
|
|
103
|
+
|
|
104
|
+
export { ActionList };
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { ActionMenu as ActionMenu$1, sx } from '@primer/react';
|
|
2
|
+
import styled from 'styled-components';
|
|
3
|
+
|
|
4
|
+
const ActionMenuOverlay = styled(ActionMenu$1.Overlay).withConfig({
|
|
5
|
+
shouldForwardProp: prop => prop !== 'sx'
|
|
6
|
+
}).withConfig({
|
|
7
|
+
displayName: "ActionMenu__ActionMenuOverlay",
|
|
8
|
+
componentId: "sc-w5s60e-0"
|
|
9
|
+
})(["", ""], sx);
|
|
10
|
+
const ActionMenu = Object.assign(ActionMenu$1, {
|
|
11
|
+
Button: ActionMenu$1.Button,
|
|
12
|
+
Anchor: ActionMenu$1.Anchor,
|
|
13
|
+
Overlay: ActionMenuOverlay,
|
|
14
|
+
Divider: ActionMenu$1.Divider
|
|
15
|
+
});
|
|
16
|
+
|
|
17
|
+
export { ActionMenu };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../src/components/Autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,IAAI,kBAAkB,EAClC,KAAK,wBAAwB,IAAI,8BAA8B,EAChE,MAAM,eAAe,CAAA;AACtB,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAErC,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAA;AAEzC,MAAM,MAAM,wBAAwB,GAAG,8BAA8B,GAAG,MAAM,CAAA;AAE9E,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,aAAa,CAAC,wBAAwB,CAMtE,CAAA;AAED,UAAU,kBAAkB;IAC1B,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,kBAAkB,CAAC,GAAG,KAAK,CAAC,SAAS,CAAA;IACnE,OAAO,EAAE,OAAO,kBAAkB,CAAC,OAAO,CAAA;IAC1C,KAAK,EAAE,OAAO,kBAAkB,CAAC,KAAK,CAAA;IACtC,IAAI,EAAE,OAAO,kBAAkB,CAAC,IAAI,CAAA;IACpC,OAAO,EAAE,OAAO,mBAAmB,CAAA;CACpC;AAED,QAAA,MAAM,YAAY,EAAE,kBAKlB,CAAA;
|
|
1
|
+
{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../src/components/Autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,IAAI,kBAAkB,EAClC,KAAK,wBAAwB,IAAI,8BAA8B,EAChE,MAAM,eAAe,CAAA;AACtB,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAErC,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAA;AAEzC,MAAM,MAAM,wBAAwB,GAAG,8BAA8B,GAAG,MAAM,CAAA;AAE9E,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,aAAa,CAAC,wBAAwB,CAMtE,CAAA;AAED,UAAU,kBAAkB;IAC1B,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,kBAAkB,CAAC,GAAG,KAAK,CAAC,SAAS,CAAA;IACnE,OAAO,EAAE,OAAO,kBAAkB,CAAC,OAAO,CAAA;IAC1C,KAAK,EAAE,OAAO,kBAAkB,CAAC,KAAK,CAAA;IACtC,IAAI,EAAE,OAAO,kBAAkB,CAAC,IAAI,CAAA;IACpC,OAAO,EAAE,OAAO,mBAAmB,CAAA;CACpC;AAED,QAAA,MAAM,YAAY,EAAE,kBAKlB,CAAA;AAEF,OAAO,EAAC,YAAY,EAAC,CAAA"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { Autocomplete as Autocomplete$1, sx } from '@primer/react';
|
|
2
|
+
import styled from 'styled-components';
|
|
3
|
+
|
|
4
|
+
const AutocompleteOverlay = styled(Autocomplete$1.Overlay).withConfig({
|
|
5
|
+
shouldForwardProp: prop => prop !== 'sx'
|
|
6
|
+
}).withConfig({
|
|
7
|
+
displayName: "Autocomplete__AutocompleteOverlay",
|
|
8
|
+
componentId: "sc-j8ax2e-0"
|
|
9
|
+
})(["", ""], sx);
|
|
10
|
+
const Autocomplete = Object.assign(Autocomplete$1, {
|
|
11
|
+
Context: Autocomplete$1.Context,
|
|
12
|
+
Input: Autocomplete$1.Input,
|
|
13
|
+
Menu: Autocomplete$1.Menu,
|
|
14
|
+
Overlay: AutocompleteOverlay
|
|
15
|
+
});
|
|
16
|
+
|
|
17
|
+
export { Autocomplete };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../src/components/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,WAAW,IAAI,iBAAiB,EAAyB,MAAM,eAAe,CAAA;AAE3F,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,iBAAiB,CAAA;AAGhD,KAAK,WAAW,GAAG,iBAAiB,GAAG,WAAW,CAAA;AAClD,QAAA,MAAM,MAAM;;;;;;ooDAEV,CAAA;
|
|
1
|
+
{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../src/components/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,WAAW,IAAI,iBAAiB,EAAyB,MAAM,eAAe,CAAA;AAE3F,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,iBAAiB,CAAA;AAGhD,KAAK,WAAW,GAAG,iBAAiB,GAAG,WAAW,CAAA;AAClD,QAAA,MAAM,MAAM;;;;;;ooDAEV,CAAA;AAEF,OAAO,EAAC,MAAM,EAAC,CAAA;AACf,YAAY,EAAC,WAAW,EAAC,CAAA"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Box, Avatar as Avatar$1 } from '@primer/react';
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
import { jsx } from 'react/jsx-runtime';
|
|
4
|
+
|
|
5
|
+
const Avatar = /*#__PURE__*/forwardRef(function Avatar(props, ref) {
|
|
6
|
+
return /*#__PURE__*/jsx(Box, {
|
|
7
|
+
as: Avatar$1,
|
|
8
|
+
ref: ref,
|
|
9
|
+
...props
|
|
10
|
+
});
|
|
11
|
+
});
|
|
12
|
+
|
|
13
|
+
export { Avatar };
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type React from 'react';
|
|
2
|
+
import { type CSSProperties, type PropsWithChildren } from 'react';
|
|
3
|
+
import type * as styledSystem from 'styled-system';
|
|
4
|
+
import 'focus-visible';
|
|
5
|
+
export interface SystemCommonProps extends styledSystem.ColorProps, styledSystem.SpaceProps, styledSystem.DisplayProps {
|
|
6
|
+
}
|
|
7
|
+
export interface SystemTypographyProps extends styledSystem.TypographyProps {
|
|
8
|
+
whiteSpace?: 'normal' | 'nowrap' | 'pre' | 'pre-wrap' | 'pre-line';
|
|
9
|
+
}
|
|
10
|
+
export type BaseStylesProps = PropsWithChildren & {
|
|
11
|
+
as?: React.ComponentType<any> | keyof JSX.IntrinsicElements;
|
|
12
|
+
className?: string;
|
|
13
|
+
style?: CSSProperties;
|
|
14
|
+
color?: string;
|
|
15
|
+
} & SystemTypographyProps & SystemCommonProps;
|
|
16
|
+
export declare function BaseStyles({ children, color, fontFamily, lineHeight, className, as: Component, style, ...rest }: BaseStylesProps): React.JSX.Element;
|
|
17
|
+
//# sourceMappingURL=BaseStyles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BaseStyles.d.ts","sourceRoot":"","sources":["../../src/components/BaseStyles.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAC,KAAK,aAAa,EAAE,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAGhE,OAAO,KAAK,KAAK,YAAY,MAAM,eAAe,CAAA;AAGlD,OAAO,eAAe,CAAA;AAGtB,MAAM,WAAW,iBACf,SAAQ,YAAY,CAAC,UAAU,EAC7B,YAAY,CAAC,UAAU,EACvB,YAAY,CAAC,YAAY;CAAG;AAEhC,MAAM,WAAW,qBAAsB,SAAQ,YAAY,CAAC,eAAe;IACzE,UAAU,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,KAAK,GAAG,UAAU,GAAG,UAAU,CAAA;CACnE;AAqFD,MAAM,MAAM,eAAe,GAAG,iBAAiB,GAAG;IAEhD,EAAE,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,MAAM,GAAG,CAAC,iBAAiB,CAAA;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,GAAG,qBAAqB,GACvB,iBAAiB,CAAA;AAEnB,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,KAAK,EACL,UAAU,EACV,UAAU,EACV,SAAS,EACT,EAAE,EAAE,SAAiB,EACrB,KAAK,EACL,GAAG,IAAI,EACR,EAAE,eAAe,qBA+BjB"}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { clsx } from 'clsx';
|
|
2
|
+
import { useTheme } from './ThemeProvider.js';
|
|
3
|
+
import 'focus-visible';
|
|
4
|
+
import { createGlobalStyle } from 'styled-components';
|
|
5
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
6
|
+
|
|
7
|
+
const GlobalStyle = createGlobalStyle(["*{box-sizing:border-box;}body{margin:0;}table{border-collapse:collapse;}[data-color-mode='light'] input{color-scheme:light;}[data-color-mode='dark'] input{color-scheme:dark;}@media (prefers-color-scheme:light){[data-color-mode='auto'][data-light-theme*='light']{color-scheme:light;}}@media (prefers-color-scheme:dark){[data-color-mode='auto'][data-dark-theme*='dark']{color-scheme:dark;}}[role='button']:focus:not(:focus-visible):not(:global(.focus-visible)),[role='tabpanel'][tabindex='0']:focus:not(:focus-visible):not(:global(.focus-visible)),button:focus:not(:focus-visible):not(:global(.focus-visible)),summary:focus:not(:focus-visible):not(:global(.focus-visible)),a:focus:not(:focus-visible):not(:global(.focus-visible)){outline:none;box-shadow:none;}[tabindex='0']:focus:not(:focus-visible):not(:global(.focus-visible)),details-dialog:focus:not(:focus-visible):not(:global(.focus-visible)){outline:none;}.BaseStyles{font-family:var(--BaseStyles-fontFamily,var(--fontStack-system));line-height:var(--BaseStyles-lineHeight,1.5);color:var(--BaseStyles-fgColor,var(--fgColor-default));&:has([data-color-mode='light']){input &{color-scheme:light;}}&:has([data-color-mode='dark']){input &{color-scheme:dark;}}:where(a:not([class*='prc-']):not([class*='PRC-']):not([class*='Primer_Brand__'])){color:var(--fgColor-accent,var(--color-accent-fg));text-decoration:none;&:hover{text-decoration:underline;}}}"]);
|
|
8
|
+
function BaseStyles({
|
|
9
|
+
children,
|
|
10
|
+
color,
|
|
11
|
+
fontFamily,
|
|
12
|
+
lineHeight,
|
|
13
|
+
className,
|
|
14
|
+
as: Component = 'div',
|
|
15
|
+
style,
|
|
16
|
+
...rest
|
|
17
|
+
}) {
|
|
18
|
+
const {
|
|
19
|
+
colorMode,
|
|
20
|
+
colorScheme,
|
|
21
|
+
dayScheme,
|
|
22
|
+
nightScheme
|
|
23
|
+
} = useTheme();
|
|
24
|
+
const baseStyles = {
|
|
25
|
+
['--BaseStyles-fgColor']: color,
|
|
26
|
+
['--BaseStyles-fontFamily']: fontFamily,
|
|
27
|
+
['--BaseStyles-lineHeight']: lineHeight
|
|
28
|
+
};
|
|
29
|
+
return /*#__PURE__*/jsxs(Component, {
|
|
30
|
+
className: clsx('BaseStyles', className),
|
|
31
|
+
"data-portal-root": true
|
|
32
|
+
/**
|
|
33
|
+
* We need to map valid primer/react color modes onto valid color modes for primer/primitives
|
|
34
|
+
* valid color modes for primer/primitives: auto | light | dark
|
|
35
|
+
* valid color modes for primer/primer: auto | day | night | light | dark
|
|
36
|
+
*/,
|
|
37
|
+
"data-color-mode": colorMode === 'auto' ? 'auto' : colorScheme?.includes('dark') ? 'dark' : 'light',
|
|
38
|
+
"data-light-theme": dayScheme,
|
|
39
|
+
"data-dark-theme": nightScheme,
|
|
40
|
+
style: {
|
|
41
|
+
...baseStyles,
|
|
42
|
+
...style
|
|
43
|
+
},
|
|
44
|
+
...rest,
|
|
45
|
+
children: [/*#__PURE__*/jsx(GlobalStyle, {
|
|
46
|
+
colorScheme: colorScheme?.includes('dark') ? 'dark' : 'light'
|
|
47
|
+
}), children]
|
|
48
|
+
});
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
export { BaseStyles };
|
|
@@ -5,9 +5,6 @@ import type React from 'react';
|
|
|
5
5
|
type BreadcrumbsProps = PrimerBreadcrumbsProps & SxProp;
|
|
6
6
|
type BreadcrumbsItemProps<As extends React.ElementType = 'a'> = PrimerBreadcrumbsItemsProps<As> & SxProp;
|
|
7
7
|
declare function BreadcrumbsItem<As extends React.ElementType = 'a'>({ as, ...props }: BreadcrumbsItemProps<As>): React.JSX.Element;
|
|
8
|
-
declare namespace BreadcrumbsItem {
|
|
9
|
-
var __SLOT__: any;
|
|
10
|
-
}
|
|
11
8
|
declare const Breadcrumbs: ForwardRefComponent<'nav', BreadcrumbsProps> & {
|
|
12
9
|
Item: typeof BreadcrumbsItem;
|
|
13
10
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../src/components/Breadcrumbs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,gBAAgB,IAAI,sBAAsB,EAC1C,oBAAoB,IAAI,2BAA2B,EACpD,MAAM,eAAe,CAAA;AACtB,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAErC,OAAO,EAAC,KAAK,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AACvD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,KAAK,gBAAgB,GAAG,sBAAsB,GAAG,MAAM,CAAA;AACvD,KAAK,oBAAoB,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,GAAG,GAAG,IAAI,2BAA2B,CAAC,EAAE,CAAC,GAAG,MAAM,CAAA;AAgBxG,iBAAS,eAAe,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,GAAG,GAAG,EAAE,EAAC,EAAE,EAAE,GAAG,KAAK,EAAC,EAAE,oBAAoB,CAAC,EAAE,CAAC,qBAEpG;
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../src/components/Breadcrumbs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,gBAAgB,IAAI,sBAAsB,EAC1C,oBAAoB,IAAI,2BAA2B,EACpD,MAAM,eAAe,CAAA;AACtB,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAErC,OAAO,EAAC,KAAK,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AACvD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,KAAK,gBAAgB,GAAG,sBAAsB,GAAG,MAAM,CAAA;AACvD,KAAK,oBAAoB,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,GAAG,GAAG,IAAI,2BAA2B,CAAC,EAAE,CAAC,GAAG,MAAM,CAAA;AAgBxG,iBAAS,eAAe,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,GAAG,GAAG,EAAE,EAAC,EAAE,EAAE,GAAG,KAAK,EAAC,EAAE,oBAAoB,CAAC,EAAE,CAAC,qBAEpG;AAED,QAAA,MAAM,WAAW,EAAE,mBAAmB,CAAC,KAAK,EAAE,gBAAgB,CAAC,GAAG;IAAC,IAAI,EAAE,OAAO,eAAe,CAAA;CAG9F,CAAA;AAED;;GAEG;AACH,QAAA,MAAM,UAAU;UARyD,OAAO,eAAe;CAQjE,CAAA;AAE9B,OAAO,EAAC,WAAW,EAAE,UAAU,EAAE,KAAK,gBAAgB,EAAE,KAAK,oBAAoB,EAAC,CAAA"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { Breadcrumbs as Breadcrumbs$1, sx } from '@primer/react';
|
|
2
|
+
import styled from 'styled-components';
|
|
3
|
+
import { jsx } from 'react/jsx-runtime';
|
|
4
|
+
|
|
5
|
+
const BreadcrumbsImpl = styled(Breadcrumbs$1).withConfig({
|
|
6
|
+
shouldForwardProp: prop => prop !== 'sx'
|
|
7
|
+
}).withConfig({
|
|
8
|
+
displayName: "Breadcrumbs__BreadcrumbsImpl",
|
|
9
|
+
componentId: "sc-1qj8pw-0"
|
|
10
|
+
})(["", ""], sx);
|
|
11
|
+
const StyledBreadcrumbsItem = styled(Breadcrumbs$1.Item).withConfig({
|
|
12
|
+
shouldForwardProp: prop => prop !== 'sx'
|
|
13
|
+
}).withConfig({
|
|
14
|
+
displayName: "Breadcrumbs__StyledBreadcrumbsItem",
|
|
15
|
+
componentId: "sc-1qj8pw-1"
|
|
16
|
+
})(["", ""], sx);
|
|
17
|
+
function BreadcrumbsItem({
|
|
18
|
+
as,
|
|
19
|
+
...props
|
|
20
|
+
}) {
|
|
21
|
+
return /*#__PURE__*/jsx(StyledBreadcrumbsItem, {
|
|
22
|
+
...props,
|
|
23
|
+
...(as ? {
|
|
24
|
+
forwardedAs: as
|
|
25
|
+
} : {})
|
|
26
|
+
});
|
|
27
|
+
}
|
|
28
|
+
const Breadcrumbs = Object.assign(BreadcrumbsImpl, {
|
|
29
|
+
Item: BreadcrumbsItem
|
|
30
|
+
});
|
|
31
|
+
|
|
32
|
+
/**
|
|
33
|
+
* @deprecated Use the `Breadcrumbs` component instead (i.e. `<Breadcrumb>` → `<Breadcrumbs>`)
|
|
34
|
+
*/
|
|
35
|
+
const Breadcrumb = Breadcrumbs;
|
|
36
|
+
|
|
37
|
+
export { Breadcrumb, Breadcrumbs };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Box, Checkbox as Checkbox$1 } from '@primer/react';
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
import { jsx } from 'react/jsx-runtime';
|
|
4
|
+
|
|
5
|
+
const Checkbox = /*#__PURE__*/forwardRef(function Checkbox(props, ref) {
|
|
6
|
+
return /*#__PURE__*/jsx(Box, {
|
|
7
|
+
as: Checkbox$1,
|
|
8
|
+
ref: ref,
|
|
9
|
+
...props
|
|
10
|
+
});
|
|
11
|
+
});
|
|
12
|
+
|
|
13
|
+
export { Checkbox };
|
|
@@ -13,22 +13,10 @@ type CheckboxOrRadioGroupValidationProps = PropsWithChildren<{
|
|
|
13
13
|
className?: string;
|
|
14
14
|
variant: 'error' | 'success';
|
|
15
15
|
} & SxProp>;
|
|
16
|
-
export declare const CheckboxGroup: {
|
|
17
|
-
(props:
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
Label: {
|
|
21
|
-
(props: CheckboxOrRadioGroupLabelProps): React.JSX.Element;
|
|
22
|
-
__SLOT__: any;
|
|
23
|
-
};
|
|
24
|
-
Caption: {
|
|
25
|
-
(props: CheckboxOrRadioGroupCaptionProps): React.JSX.Element;
|
|
26
|
-
__SLOT__: any;
|
|
27
|
-
};
|
|
28
|
-
Validation: {
|
|
29
|
-
(props: CheckboxOrRadioGroupValidationProps): React.JSX.Element;
|
|
30
|
-
__SLOT__: any;
|
|
31
|
-
};
|
|
16
|
+
export declare const CheckboxGroup: ((props: CheckboxGroupProps) => React.JSX.Element) & {
|
|
17
|
+
Label: (props: CheckboxOrRadioGroupLabelProps) => React.JSX.Element;
|
|
18
|
+
Caption: (props: CheckboxOrRadioGroupCaptionProps) => React.JSX.Element;
|
|
19
|
+
Validation: (props: CheckboxOrRadioGroupValidationProps) => React.JSX.Element;
|
|
32
20
|
};
|
|
33
21
|
export {};
|
|
34
22
|
//# sourceMappingURL=CheckboxGroup.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../src/components/CheckboxGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,kBAAkB,IAAI,wBAAwB,EACpD,MAAM,eAAe,CAAA;AACtB,OAAO,KAAK,EAAE,EAAC,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AACnD,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,CAAC,wBAAwB,CAAC,GAAG,MAAM,CAAA;AAOrF,KAAK,8BAA8B,GAAG,iBAAiB,CACrD;IACE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,GAAG,MAAM,CACX,CAAA;AAKD,KAAK,gCAAgC,GAAG,iBAAiB,CACvD;IACE,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,MAAM,CACX,CAAA;AAKD,KAAK,mCAAmC,GAAG,iBAAiB,CAC1D;IACE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,OAAO,GAAG,SAAS,CAAA;CAC7B,GAAG,MAAM,CACX,CAAA;AAKD,eAAO,MAAM,aAAa
|
|
1
|
+
{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../src/components/CheckboxGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,kBAAkB,IAAI,wBAAwB,EACpD,MAAM,eAAe,CAAA;AACtB,OAAO,KAAK,EAAE,EAAC,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AACnD,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,CAAC,wBAAwB,CAAC,GAAG,MAAM,CAAA;AAOrF,KAAK,8BAA8B,GAAG,iBAAiB,CACrD;IACE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,GAAG,MAAM,CACX,CAAA;AAKD,KAAK,gCAAgC,GAAG,iBAAiB,CACvD;IACE,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,MAAM,CACX,CAAA;AAKD,KAAK,mCAAmC,GAAG,iBAAiB,CAC1D;IACE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,OAAO,GAAG,SAAS,CAAA;CAC7B,GAAG,MAAM,CACX,CAAA;AAKD,eAAO,MAAM,aAAa,WAlCQ,kBAAkB;mBAWV,8BAA8B;qBAS5B,gCAAgC;wBAU7B,mCAAmC;CAQhF,CAAA"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { Box, CheckboxGroup as CheckboxGroup$1 } from '@primer/react';
|
|
2
|
+
import 'react';
|
|
3
|
+
import { jsx } from 'react/jsx-runtime';
|
|
4
|
+
|
|
5
|
+
const CheckboxGroupImpl = props => {
|
|
6
|
+
return /*#__PURE__*/jsx(Box, {
|
|
7
|
+
as: CheckboxGroup$1,
|
|
8
|
+
...props
|
|
9
|
+
});
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
// Define local types based on the internal component props
|
|
13
|
+
|
|
14
|
+
const CheckboxOrRadioGroupLabel = props => {
|
|
15
|
+
return /*#__PURE__*/jsx(Box, {
|
|
16
|
+
as: CheckboxGroup$1.Label,
|
|
17
|
+
...props
|
|
18
|
+
});
|
|
19
|
+
};
|
|
20
|
+
const CheckboxOrRadioGroupCaption = props => {
|
|
21
|
+
return /*#__PURE__*/jsx(Box, {
|
|
22
|
+
as: CheckboxGroup$1.Caption,
|
|
23
|
+
...props
|
|
24
|
+
});
|
|
25
|
+
};
|
|
26
|
+
const CheckboxOrRadioGroupValidation = props => {
|
|
27
|
+
return /*#__PURE__*/jsx(Box, {
|
|
28
|
+
as: CheckboxGroup$1.Validation,
|
|
29
|
+
...props
|
|
30
|
+
});
|
|
31
|
+
};
|
|
32
|
+
const CheckboxGroup = Object.assign(CheckboxGroupImpl, {
|
|
33
|
+
Label: CheckboxOrRadioGroupLabel,
|
|
34
|
+
Caption: CheckboxOrRadioGroupCaption,
|
|
35
|
+
Validation: CheckboxOrRadioGroupValidation
|
|
36
|
+
});
|
|
37
|
+
|
|
38
|
+
export { CheckboxGroup };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CircleBadge.d.ts","sourceRoot":"","sources":["../../src/components/CircleBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,gBAAgB,IAAI,sBAAsB,EAE/C,KAAK,MAAM,EACZ,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAC,KAAK,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AAEvD,KAAK,gBAAgB,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,IAAI,sBAAsB,CAAC,EAAE,CAAC,GAAG,MAAM,CAAA;AAEzF,QAAA,MAAM,WAAW,EAAE,mBAAmB,CAAC,KAAK,CAAC,WAAW,EAAE,gBAAgB,CAAC,KAAK,CAAC,WAAW,CAAC,CAM5F,CAAA;
|
|
1
|
+
{"version":3,"file":"CircleBadge.d.ts","sourceRoot":"","sources":["../../src/components/CircleBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,gBAAgB,IAAI,sBAAsB,EAE/C,KAAK,MAAM,EACZ,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAC,KAAK,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AAEvD,KAAK,gBAAgB,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,IAAI,sBAAsB,CAAC,EAAE,CAAC,GAAG,MAAM,CAAA;AAEzF,QAAA,MAAM,WAAW,EAAE,mBAAmB,CAAC,KAAK,CAAC,WAAW,EAAE,gBAAgB,CAAC,KAAK,CAAC,WAAW,CAAC,CAM5F,CAAA;AAED,OAAO,EAAC,WAAW,EAAC,CAAA;AACpB,YAAY,EAAC,gBAAgB,EAAC,CAAA"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { CircleBadge as CircleBadge$1, sx } from '@primer/react';
|
|
2
|
+
import styled from 'styled-components';
|
|
3
|
+
|
|
4
|
+
const CircleBadge = styled(CircleBadge$1).withConfig({
|
|
5
|
+
shouldForwardProp: prop => prop !== 'sx'
|
|
6
|
+
}).withConfig({
|
|
7
|
+
displayName: "CircleBadge",
|
|
8
|
+
componentId: "sc-1u7lp3v-0"
|
|
9
|
+
})(["", ""], sx);
|
|
10
|
+
|
|
11
|
+
export { CircleBadge };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Box, CounterLabel as CounterLabel$1 } from '@primer/react';
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
import { jsx } from 'react/jsx-runtime';
|
|
4
|
+
|
|
5
|
+
const CounterLabel = /*#__PURE__*/forwardRef(function CounterLabel(props, ref) {
|
|
6
|
+
return /*#__PURE__*/jsx(Box, {
|
|
7
|
+
as: CounterLabel$1,
|
|
8
|
+
ref: ref,
|
|
9
|
+
...props
|
|
10
|
+
});
|
|
11
|
+
});
|
|
12
|
+
|
|
13
|
+
export { CounterLabel };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../src/components/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,IAAI,eAAe,EAAE,KAAK,mBAAmB,EAAC,MAAM,4BAA4B,CAAA;AAC7F,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAErC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,KAAK,uBAAuB,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,IAAI,mBAAmB,CAAC,EAAE,CAAC,GAAG,MAAM,CAAA;AAYrG,iBAAS,kBAAkB,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,EAAE,EAAC,EAAE,EAAE,GAAG,IAAI,EAAC,EAAE,uBAAuB,CAAC,EAAE,CAAC,qBAE3G;AAED,QAAA,MAAM,KAAK,EAAE,OAAO,eAAe,GAAG;IACpC,SAAS,EAAE,OAAO,kBAAkB,CAAA;CAIpC,CAAA;
|
|
1
|
+
{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../src/components/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,IAAI,eAAe,EAAE,KAAK,mBAAmB,EAAC,MAAM,4BAA4B,CAAA;AAC7F,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAErC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,KAAK,uBAAuB,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,IAAI,mBAAmB,CAAC,EAAE,CAAC,GAAG,MAAM,CAAA;AAYrG,iBAAS,kBAAkB,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,EAAE,EAAC,EAAE,EAAE,GAAG,IAAI,EAAC,EAAE,uBAAuB,CAAC,EAAE,CAAC,qBAE3G;AAED,QAAA,MAAM,KAAK,EAAE,OAAO,eAAe,GAAG;IACpC,SAAS,EAAE,OAAO,kBAAkB,CAAA;CAIpC,CAAA;AAEF,YAAY,EACV,UAAU,EACV,cAAc,EACd,cAAc,EACd,aAAa,EACb,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,4BAA4B,CAAA;AAEnC,OAAO,EAAC,KAAK,EAAE,KAAK,uBAAuB,EAAC,CAAA"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { Table as Table$1 } from '@primer/react/experimental';
|
|
2
|
+
import { sx } from '@primer/react';
|
|
3
|
+
import styled from 'styled-components';
|
|
4
|
+
import { jsx } from 'react/jsx-runtime';
|
|
5
|
+
|
|
6
|
+
const {
|
|
7
|
+
Container: PrimerDataTableContainer,
|
|
8
|
+
...rest
|
|
9
|
+
} = Table$1;
|
|
10
|
+
const StyleDataTableContainer = styled(PrimerDataTableContainer).withConfig({
|
|
11
|
+
shouldForwardProp: prop => prop !== 'sx'
|
|
12
|
+
}).withConfig({
|
|
13
|
+
displayName: "DataTable__StyleDataTableContainer",
|
|
14
|
+
componentId: "sc-qy1ey2-0"
|
|
15
|
+
})(["", ""], sx);
|
|
16
|
+
function DataTableContainer({
|
|
17
|
+
as,
|
|
18
|
+
...rest
|
|
19
|
+
}) {
|
|
20
|
+
return /*#__PURE__*/jsx(StyleDataTableContainer, {
|
|
21
|
+
...rest,
|
|
22
|
+
...(as ? {
|
|
23
|
+
forwardedAs: as
|
|
24
|
+
} : {})
|
|
25
|
+
});
|
|
26
|
+
}
|
|
27
|
+
const Table = Object.assign(Table$1, {
|
|
28
|
+
Container: DataTableContainer,
|
|
29
|
+
...rest
|
|
30
|
+
});
|
|
31
|
+
|
|
32
|
+
export { Table };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../src/components/Dialog.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,WAAW,IAAI,iBAAiB,EAAC,MAAM,eAAe,CAAA;AAEnE,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AACjC,OAAO,EAA4C,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAEvF,KAAK,WAAW,GAAG,iBAAiB,CAAC,iBAAiB,CAAC,GAAG,MAAM,CAAA;AAahE,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,MAAM,CAAA;AAO3D,KAAK,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,MAAM,CAAA;AAM7D,QAAA,MAAM,MAAM;;;;;;;;;CAKV,CAAA;
|
|
1
|
+
{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../src/components/Dialog.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,WAAW,IAAI,iBAAiB,EAAC,MAAM,eAAe,CAAA;AAEnE,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AACjC,OAAO,EAA4C,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAEvF,KAAK,WAAW,GAAG,iBAAiB,CAAC,iBAAiB,CAAC,GAAG,MAAM,CAAA;AAahE,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,MAAM,CAAA;AAO3D,KAAK,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,MAAM,CAAA;AAM7D,QAAA,MAAM,MAAM;;;;;;;;;CAKV,CAAA;AAEF,OAAO,EAAC,MAAM,EAAC,CAAA;AACf,YAAY,EAAC,WAAW,EAAC,CAAA"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { Dialog as Dialog$1, Box } from '@primer/react';
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
import { jsx } from 'react/jsx-runtime';
|
|
4
|
+
|
|
5
|
+
const DialogImpl = /*#__PURE__*/forwardRef(function Dialog(props, ref) {
|
|
6
|
+
// @ts-expect-error - PrimerDialog is not recognized as a valid component type
|
|
7
|
+
return /*#__PURE__*/jsx(Box, {
|
|
8
|
+
as: Dialog$1,
|
|
9
|
+
ref: ref,
|
|
10
|
+
...props
|
|
11
|
+
});
|
|
12
|
+
});
|
|
13
|
+
const DialogHeader = /*#__PURE__*/forwardRef(function DialogHeader(props, ref) {
|
|
14
|
+
return /*#__PURE__*/jsx(Box, {
|
|
15
|
+
as: Dialog$1.Header,
|
|
16
|
+
ref: ref,
|
|
17
|
+
...props
|
|
18
|
+
});
|
|
19
|
+
});
|
|
20
|
+
const DialogBody = /*#__PURE__*/forwardRef(function DialogBody(props, ref) {
|
|
21
|
+
// @ts-expect-error - PrimerDialog.Body is not recognized as a valid component type
|
|
22
|
+
return /*#__PURE__*/jsx(Box, {
|
|
23
|
+
as: Dialog$1.Body,
|
|
24
|
+
ref: ref,
|
|
25
|
+
...props
|
|
26
|
+
});
|
|
27
|
+
});
|
|
28
|
+
const DialogFooter = /*#__PURE__*/forwardRef(function DialogFooter(props, ref) {
|
|
29
|
+
return /*#__PURE__*/jsx(Box, {
|
|
30
|
+
as: Dialog$1.Footer,
|
|
31
|
+
ref: ref,
|
|
32
|
+
...props
|
|
33
|
+
});
|
|
34
|
+
});
|
|
35
|
+
const Dialog = Object.assign(DialogImpl, {
|
|
36
|
+
Buttons: Dialog$1.Buttons,
|
|
37
|
+
Header: DialogHeader,
|
|
38
|
+
Body: DialogBody,
|
|
39
|
+
Footer: DialogFooter
|
|
40
|
+
});
|
|
41
|
+
|
|
42
|
+
export { Dialog };
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { type ThemeProviderProps, type BaseStylesProps, useTheme as primerReactUseTheme, useColorSchemeVar as primerReactUseColorSchemeVar } from '@primer/react';
|
|
2
|
+
export declare const ThemeProvider: React.FC<React.PropsWithChildren<ThemeProviderProps>>;
|
|
3
|
+
export declare const BaseStyles: React.FC<React.PropsWithChildren<BaseStylesProps>>;
|
|
4
|
+
export declare const useTheme: typeof primerReactUseTheme;
|
|
5
|
+
export declare const useColorSchemeVar: typeof primerReactUseColorSchemeVar;
|
|
6
|
+
//# sourceMappingURL=FeatureFlaggedTheming.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FeatureFlaggedTheming.d.ts","sourceRoot":"","sources":["../../src/components/FeatureFlaggedTheming.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,kBAAkB,EAEvB,KAAK,eAAe,EACpB,QAAQ,IAAI,mBAAmB,EAC/B,iBAAiB,IAAI,4BAA4B,EAClD,MAAM,eAAe,CAAA;AAStB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,CAO/E,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAAC,CAOzE,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,OAAO,mBAM7B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,OAAO,4BAMtC,CAAA"}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { ThemeProvider as ThemeProvider$2, useTheme as useTheme$2, useColorSchemeVar as useColorSchemeVar$2, BaseStyles as BaseStyles$2 } from '@primer/react';
|
|
2
|
+
import { ThemeProvider as ThemeProvider$1, useTheme as useTheme$1, useColorSchemeVar as useColorSchemeVar$1 } from './ThemeProvider.js';
|
|
3
|
+
import { BaseStyles as BaseStyles$1 } from './BaseStyles.js';
|
|
4
|
+
import { useFeatureFlag } from '@primer/react/experimental';
|
|
5
|
+
import { jsx } from 'react/jsx-runtime';
|
|
6
|
+
|
|
7
|
+
const ThemeProvider = ({
|
|
8
|
+
children,
|
|
9
|
+
...props
|
|
10
|
+
}) => {
|
|
11
|
+
const enabled = useFeatureFlag('primer_react_use_styled_react_theming');
|
|
12
|
+
if (enabled) {
|
|
13
|
+
return /*#__PURE__*/jsx(ThemeProvider$1, {
|
|
14
|
+
...props,
|
|
15
|
+
children: children
|
|
16
|
+
});
|
|
17
|
+
} else {
|
|
18
|
+
return /*#__PURE__*/jsx(ThemeProvider$2, {
|
|
19
|
+
...props,
|
|
20
|
+
children: children
|
|
21
|
+
});
|
|
22
|
+
}
|
|
23
|
+
};
|
|
24
|
+
const BaseStyles = ({
|
|
25
|
+
children,
|
|
26
|
+
...props
|
|
27
|
+
}) => {
|
|
28
|
+
const enabled = useFeatureFlag('primer_react_use_styled_react_theming');
|
|
29
|
+
if (enabled) {
|
|
30
|
+
return /*#__PURE__*/jsx(BaseStyles$1, {
|
|
31
|
+
...props,
|
|
32
|
+
children: children
|
|
33
|
+
});
|
|
34
|
+
} else {
|
|
35
|
+
return /*#__PURE__*/jsx(BaseStyles$2, {
|
|
36
|
+
...props,
|
|
37
|
+
children: children
|
|
38
|
+
});
|
|
39
|
+
}
|
|
40
|
+
};
|
|
41
|
+
const useTheme = () => {
|
|
42
|
+
const enabled = useFeatureFlag('primer_react_use_styled_react_theming');
|
|
43
|
+
const styledReactResults = useTheme$1();
|
|
44
|
+
const primerReactResults = useTheme$2();
|
|
45
|
+
return enabled ? styledReactResults : primerReactResults;
|
|
46
|
+
};
|
|
47
|
+
const useColorSchemeVar = (values, fallback) => {
|
|
48
|
+
const enabled = useFeatureFlag('primer_react_use_styled_react_theming');
|
|
49
|
+
const styledReactResults = useColorSchemeVar$1(values, fallback);
|
|
50
|
+
const primerReactResults = useColorSchemeVar$2(values, fallback);
|
|
51
|
+
return enabled ? styledReactResults : primerReactResults;
|
|
52
|
+
};
|
|
53
|
+
|
|
54
|
+
export { BaseStyles, ThemeProvider, useColorSchemeVar, useTheme };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Flash.d.ts","sourceRoot":"","sources":["../../src/components/Flash.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,UAAU,IAAI,gBAAgB,EAAuB,MAAM,eAAe,CAAA;AAEvF,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AACrC,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AAEvD,KAAK,UAAU,GAAG,gBAAgB,GAAG,MAAM,CAAA;AAE3C,QAAA,MAAM,KAAK,EAAE,mBAAmB,CAAC,KAAK,EAAE,UAAU,CAIjD,CAAA;
|
|
1
|
+
{"version":3,"file":"Flash.d.ts","sourceRoot":"","sources":["../../src/components/Flash.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,UAAU,IAAI,gBAAgB,EAAuB,MAAM,eAAe,CAAA;AAEvF,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AACrC,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AAEvD,KAAK,UAAU,GAAG,gBAAgB,GAAG,MAAM,CAAA;AAE3C,QAAA,MAAM,KAAK,EAAE,mBAAmB,CAAC,KAAK,EAAE,UAAU,CAIjD,CAAA;AAED,OAAO,EAAC,KAAK,EAAC,CAAA;AACd,YAAY,EAAC,UAAU,EAAC,CAAA"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Flash as Flash$1, sx } from '@primer/react';
|
|
2
|
+
import styled from 'styled-components';
|
|
3
|
+
|
|
4
|
+
const Flash = styled(Flash$1).withConfig({
|
|
5
|
+
shouldForwardProp: prop => prop !== 'sx'
|
|
6
|
+
}).withConfig({
|
|
7
|
+
displayName: "Flash",
|
|
8
|
+
componentId: "sc-413izo-0"
|
|
9
|
+
})(["", ""], sx);
|
|
10
|
+
|
|
11
|
+
export { Flash };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../src/components/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,WAAW,IAAI,iBAAiB,EACrC,KAAK,eAAe,IAAI,qBAAqB,EAC7C,KAAK,eAAe,IAAI,qBAAqB,EAG9C,MAAM,eAAe,CAAA;AAGtB,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AACvD,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,KAAK,WAAW,GAAG,iBAAiB,GAAG,MAAM,CAAA;AAU7C,KAAK,eAAe,GAAG,qBAAqB,GAAG,MAAM,CAAA;AAcrD,QAAA,MAAM,MAAM;;;CAGV,CAAA;
|
|
1
|
+
{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../src/components/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,WAAW,IAAI,iBAAiB,EACrC,KAAK,eAAe,IAAI,qBAAqB,EAC7C,KAAK,eAAe,IAAI,qBAAqB,EAG9C,MAAM,eAAe,CAAA;AAGtB,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AACvD,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,KAAK,WAAW,GAAG,iBAAiB,GAAG,MAAM,CAAA;AAU7C,KAAK,eAAe,GAAG,qBAAqB,GAAG,MAAM,CAAA;AAcrD,QAAA,MAAM,MAAM;;;CAGV,CAAA;AAEF,OAAO,EAAC,MAAM,EAAE,KAAK,WAAW,EAAC,CAAA"}
|