@papillonbits/components 0.9.0 → 0.12.0
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/build/index.scss +1 -1
- package/build/primer/Alert/Alert.js +14 -14
- package/build/primer/Alert/Alert.prop.js +3 -3
- package/build/primer/Blankslate/Blankslate.js +1 -1
- package/build/primer/Blankslate/Blankslate.prop.js +2 -2
- package/build/primer/Breadcrumb/Breadcrumb.js +3 -3
- package/build/primer/Button/Button.js +5 -5
- package/build/primer/Button/Button.prop.js +2 -2
- package/build/primer/Dropdown/Dropdown.js +7 -7
- package/build/primer/Dropdown/Dropdown.scss +1 -1
- package/build/primer/ErrorBoundary/ErrorBoundary.js +4 -4
- package/build/primer/Form/Checkbox/Checkbox.js +1 -1
- package/build/primer/Form/Input/Input.js +1 -1
- package/build/primer/Form/Radio/Radio.js +1 -1
- package/build/primer/Form/form-control.scss +2 -1
- package/build/primer/Grid/DisplayTable/DisplayTable.js +4 -4
- package/build/primer/Grid/FlexGrid/FlexGrid.js +12 -12
- package/build/primer/Icon/Icon.js +3 -3
- package/build/primer/Icon/Icon.part.js +528 -495
- package/build/primer/Icon/Icon.prop.js +11 -0
- package/build/primer/Label/Label.js +1 -1
- package/build/primer/Loader/Loader.js +7 -7
- package/build/primer/Navigation/Menu/Menu.js +6 -6
- package/build/primer/Navigation/TabNav/TabNav.js +5 -5
- package/build/primer/Navigation/UnderlineNav/UnderlineNav.js +10 -10
- package/build/primer/Pagination/PreviousNext/PreviousNext.js +3 -3
- package/build/primer/Pagination/PreviousNext/PreviousNext.scss +1 -1
- package/build/primer/Popover/Popover.js +6 -6
- package/build/primer/Popover/Popover.prop.js +2 -2
- package/build/primer/Progress/Progress.js +2 -2
- package/build/primer/SVG/icon/copilot-16.svg +1 -0
- package/build/primer/SVG/icon/copilot-24.svg +1 -0
- package/build/primer/SVG/icon/copilot-48.svg +1 -0
- package/build/primer/SVG/icon/copilot-96.svg +1 -0
- package/build/primer/SVG/icon/copilot-error-16.svg +1 -0
- package/build/primer/SVG/icon/copilot-warning-16.svg +1 -0
- package/build/primer/SVG/icon/file-16.svg +1 -1
- package/build/primer/SVG/icon/file-added-16.svg +1 -0
- package/build/primer/SVG/icon/file-moved-16.svg +1 -0
- package/build/primer/SVG/icon/file-removed-16.svg +1 -0
- package/build/primer/SVG/icon/organization-24.svg +1 -1
- package/build/primer/SVG/icon/repo-locked-24.svg +1 -0
- package/build/primer/SVG/icon/sliders-16.svg +1 -0
- package/build/primer/Select/Select.js +2 -2
- package/build/primer/SelectMenu/SelectMenu.js +11 -11
- package/build/primer/Subhead/Subhead.js +2 -2
- package/build/primer/Toast/Toast.js +5 -5
- package/package.json +4 -4
|
@@ -111,6 +111,12 @@ var iconName = {
|
|
|
111
111
|
Commit24: 'Commit24',
|
|
112
112
|
Container16: 'Container16',
|
|
113
113
|
Container24: 'Container24',
|
|
114
|
+
Copilot16: 'Copilot16',
|
|
115
|
+
Copilot24: 'Copilot24',
|
|
116
|
+
Copilot48: 'Copilot48',
|
|
117
|
+
Copilot96: 'Copilot96',
|
|
118
|
+
CopilotError16: 'CopilotError16',
|
|
119
|
+
CopilotWarning16: 'CopilotWarning16',
|
|
114
120
|
Copy16: 'Copy16',
|
|
115
121
|
Copy24: 'Copy24',
|
|
116
122
|
Cpu16: 'Cpu16',
|
|
@@ -168,6 +174,7 @@ var iconName = {
|
|
|
168
174
|
FeedTrophy16: 'FeedTrophy16',
|
|
169
175
|
File16: 'File16',
|
|
170
176
|
File24: 'File24',
|
|
177
|
+
FileAdded16: 'FileAdded16',
|
|
171
178
|
FileBadge16: 'FileBadge16',
|
|
172
179
|
FileBinary16: 'FileBinary16',
|
|
173
180
|
FileBinary24: 'FileBinary24',
|
|
@@ -181,6 +188,8 @@ var iconName = {
|
|
|
181
188
|
FileDirectoryFill24: 'FileDirectoryFill24',
|
|
182
189
|
FileDirectoryOpenFill16: 'FileDirectoryOpenFill16',
|
|
183
190
|
FileMedia24: 'FileMedia24',
|
|
191
|
+
FileMoved16: 'FileMoved16',
|
|
192
|
+
FileRemoved16: 'FileRemoved16',
|
|
184
193
|
FileSubmodule16: 'FileSubmodule16',
|
|
185
194
|
FileSubmodule24: 'FileSubmodule24',
|
|
186
195
|
FileSymlinkFile16: 'FileSymlinkFile16',
|
|
@@ -365,6 +374,7 @@ var iconName = {
|
|
|
365
374
|
RepoForked16: 'RepoForked16',
|
|
366
375
|
RepoForked24: 'RepoForked24',
|
|
367
376
|
RepoLocked16: 'RepoLocked16',
|
|
377
|
+
RepoLocked24: 'RepoLocked24',
|
|
368
378
|
RepoPull16: 'RepoPull16',
|
|
369
379
|
RepoPush16: 'RepoPush16',
|
|
370
380
|
RepoPush24: 'RepoPush24',
|
|
@@ -412,6 +422,7 @@ var iconName = {
|
|
|
412
422
|
SingleSelect24: 'SingleSelect24',
|
|
413
423
|
Skip16: 'Skip16',
|
|
414
424
|
Skip24: 'Skip24',
|
|
425
|
+
Sliders16: 'Sliders16',
|
|
415
426
|
Smiley16: 'Smiley16',
|
|
416
427
|
Smiley24: 'Smiley24',
|
|
417
428
|
SortAsc16: 'SortAsc16',
|
|
@@ -31,7 +31,7 @@ function Label(_ref) {
|
|
|
31
31
|
textColor = _ref.textColor;
|
|
32
32
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
33
33
|
title: "Label: ".concat(text),
|
|
34
|
-
className: (0, _classnames
|
|
34
|
+
className: (0, _classnames.default)(className, (_cx = {}, (0, _defineProperty2.default)(_cx, _labels.default.Label, variant === _Label.labelVariant.regular), (0, _defineProperty2.default)(_cx, _issueLabels.default.IssueLabel, variant === _Label.labelVariant.issue), (0, _defineProperty2.default)(_cx, _colors.default['bg-blue'], backgroundColor === _Label.labelBackgroundColor.blue), (0, _defineProperty2.default)(_cx, _colors.default['text-white'], textColor === _Label.labelTextColor.white), _cx)),
|
|
35
35
|
children: text
|
|
36
36
|
});
|
|
37
37
|
}
|
|
@@ -37,39 +37,39 @@ function Loader(_ref) {
|
|
|
37
37
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
38
38
|
children: text
|
|
39
39
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
40
|
-
className: _Loader2
|
|
40
|
+
className: _Loader2.default.AnimatedEllipsis
|
|
41
41
|
})]
|
|
42
42
|
});
|
|
43
43
|
|
|
44
44
|
case _Loader.loaderVariant.text:
|
|
45
45
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
|
|
46
|
-
className: (0, _classnames
|
|
46
|
+
className: (0, _classnames.default)(_branchName.default['branch-name'], _margin.default['mt-2']),
|
|
47
47
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
48
48
|
children: text
|
|
49
49
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
50
|
-
className: _Loader2
|
|
50
|
+
className: _Loader2.default.AnimatedEllipsis
|
|
51
51
|
})]
|
|
52
52
|
});
|
|
53
53
|
|
|
54
54
|
case _Loader.loaderVariant.label:
|
|
55
55
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
|
|
56
|
-
className: (0, _classnames
|
|
56
|
+
className: (0, _classnames.default)(_labels.default.Label, _colors.default['bg-blue'], _margin.default['mt-3']),
|
|
57
57
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
58
58
|
children: text
|
|
59
59
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
60
|
-
className: _Loader2
|
|
60
|
+
className: _Loader2.default.AnimatedEllipsis
|
|
61
61
|
})]
|
|
62
62
|
});
|
|
63
63
|
|
|
64
64
|
case _Loader.loaderVariant.button:
|
|
65
65
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
|
|
66
66
|
type: "button",
|
|
67
|
-
className: (0, _classnames
|
|
67
|
+
className: (0, _classnames.default)(_Button.default.btn, _margin.default['mt-3']),
|
|
68
68
|
"aria-disabled": "true",
|
|
69
69
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
70
70
|
children: text
|
|
71
71
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
72
|
-
className: _Loader2
|
|
72
|
+
className: _Loader2.default.AnimatedEllipsis
|
|
73
73
|
})]
|
|
74
74
|
});
|
|
75
75
|
|
|
@@ -29,7 +29,7 @@ var _jsxRuntime = require("react/jsx-runtime");
|
|
|
29
29
|
|
|
30
30
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
31
31
|
|
|
32
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2
|
|
32
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
33
33
|
|
|
34
34
|
function Menu(_ref) {
|
|
35
35
|
var className = _ref.className,
|
|
@@ -39,7 +39,7 @@ function Menu(_ref) {
|
|
|
39
39
|
_onClick = _ref.onClick;
|
|
40
40
|
|
|
41
41
|
var _useState = (0, _hooks.useState)((0, _array.getIndexItems)(items)),
|
|
42
|
-
_useState2 = (0, _slicedToArray2
|
|
42
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
43
43
|
indexItems = _useState2[0],
|
|
44
44
|
setIndexItems = _useState2[1];
|
|
45
45
|
|
|
@@ -47,11 +47,11 @@ function Menu(_ref) {
|
|
|
47
47
|
labelledBy = ariaAttr.labelledBy,
|
|
48
48
|
current = ariaAttr.current;
|
|
49
49
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("nav", {
|
|
50
|
-
className: (0, _classnames
|
|
50
|
+
className: (0, _classnames.default)(className, _Menu2.default.menu),
|
|
51
51
|
"aria-label": label,
|
|
52
52
|
"aria-labelledby": labelledBy,
|
|
53
53
|
children: [heading && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
54
|
-
className: _Menu2
|
|
54
|
+
className: _Menu2.default['menu-heading'],
|
|
55
55
|
children: heading
|
|
56
56
|
}), indexItems.map(function (indexItem) {
|
|
57
57
|
var href = indexItem.href,
|
|
@@ -70,11 +70,11 @@ function Menu(_ref) {
|
|
|
70
70
|
|
|
71
71
|
_onClick(newIndexItems);
|
|
72
72
|
},
|
|
73
|
-
className: _Menu2
|
|
73
|
+
className: _Menu2.default['menu-item'],
|
|
74
74
|
href: href
|
|
75
75
|
}, itemOtherProps), {}, {
|
|
76
76
|
children: [icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
77
|
-
className: _Menu2
|
|
77
|
+
className: _Menu2.default.octicon,
|
|
78
78
|
icon: icon,
|
|
79
79
|
size: _Icon.iconSize.small
|
|
80
80
|
}), html || null, text]
|
|
@@ -25,7 +25,7 @@ var _jsxRuntime = require("react/jsx-runtime");
|
|
|
25
25
|
|
|
26
26
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
27
27
|
|
|
28
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2
|
|
28
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
29
29
|
|
|
30
30
|
function TabNav(_ref) {
|
|
31
31
|
var className = _ref.className,
|
|
@@ -51,9 +51,9 @@ function TabNav(_ref) {
|
|
|
51
51
|
}
|
|
52
52
|
|
|
53
53
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
54
|
-
className: (0, _classnames
|
|
54
|
+
className: (0, _classnames.default)(className, _TabNav2.default.tabnav, (0, _defineProperty2.default)({}, _TabNav2.default['tabnav-inactive'], state === _TabNav.tabNavState.inactive)),
|
|
55
55
|
children: [actions && renderActions(), /*#__PURE__*/(0, _jsxRuntime.jsx)("nav", {
|
|
56
|
-
className: _TabNav2
|
|
56
|
+
className: _TabNav2.default['tabnav-tabs'],
|
|
57
57
|
"aria-label": label,
|
|
58
58
|
children: indexItems.map(function (indexItem) {
|
|
59
59
|
var href = indexItem.href,
|
|
@@ -94,7 +94,7 @@ function TabNav(_ref) {
|
|
|
94
94
|
)
|
|
95
95
|
});
|
|
96
96
|
},
|
|
97
|
-
className: _TabNav2
|
|
97
|
+
className: _TabNav2.default['tabnav-tab'],
|
|
98
98
|
href: href
|
|
99
99
|
}, itemOtherProps), {}, {
|
|
100
100
|
children: text
|
|
@@ -132,7 +132,7 @@ function TabNav(_ref) {
|
|
|
132
132
|
)
|
|
133
133
|
});
|
|
134
134
|
},
|
|
135
|
-
className: (0, _classnames
|
|
135
|
+
className: (0, _classnames.default)(className, _TabNav2.default['tabnav-tab'], (_cx2 = {}, (0, _defineProperty2.default)(_cx2, _TabNav2.default['tabnav-tab-inactive'], enabled === false), (0, _defineProperty2.default)(_cx2, _TabNav2.default['tabnav-tab-hidden'], visible === false), _cx2))
|
|
136
136
|
}, itemOtherProps), link.props), {}, {
|
|
137
137
|
children: link.children
|
|
138
138
|
}), (0, _uuid.v1)());
|
|
@@ -33,7 +33,7 @@ var _jsxRuntime = require("react/jsx-runtime");
|
|
|
33
33
|
|
|
34
34
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
35
35
|
|
|
36
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2
|
|
36
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
37
37
|
|
|
38
38
|
function UnderlineNav(_ref) {
|
|
39
39
|
var _cx;
|
|
@@ -48,7 +48,7 @@ function UnderlineNav(_ref) {
|
|
|
48
48
|
_onClick = _ref.onClick;
|
|
49
49
|
|
|
50
50
|
var _useState = (0, _hooks.useState)((0, _array.getIndexItems)(items)),
|
|
51
|
-
_useState2 = (0, _slicedToArray2
|
|
51
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
52
52
|
indexItems = _useState2[0],
|
|
53
53
|
setIndexItems = _useState2[1];
|
|
54
54
|
|
|
@@ -58,7 +58,7 @@ function UnderlineNav(_ref) {
|
|
|
58
58
|
|
|
59
59
|
function renderActions() {
|
|
60
60
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
61
|
-
className: _UnderlineNav2
|
|
61
|
+
className: _UnderlineNav2.default['UnderlineNav-actions'],
|
|
62
62
|
children: actions
|
|
63
63
|
});
|
|
64
64
|
}
|
|
@@ -66,7 +66,7 @@ function UnderlineNav(_ref) {
|
|
|
66
66
|
function renderBody() {
|
|
67
67
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
|
|
68
68
|
children: [align === _UnderlineNav.underlineNavAlignmentType.right && actions && renderActions(), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
69
|
-
className: _UnderlineNav2
|
|
69
|
+
className: _UnderlineNav2.default['UnderlineNav-body'],
|
|
70
70
|
role: "tablist",
|
|
71
71
|
children: indexItems.map(function (indexItem) {
|
|
72
72
|
var href = indexItem.href,
|
|
@@ -91,13 +91,13 @@ function UnderlineNav(_ref) {
|
|
|
91
91
|
|
|
92
92
|
_onClick(newIndexItems);
|
|
93
93
|
},
|
|
94
|
-
className: _UnderlineNav2
|
|
94
|
+
className: _UnderlineNav2.default['UnderlineNav-item'],
|
|
95
95
|
role: "tab",
|
|
96
96
|
type: "button",
|
|
97
97
|
href: href
|
|
98
98
|
}, anchorOtherProps), {}, {
|
|
99
99
|
children: [icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
100
|
-
className: _UnderlineNav2
|
|
100
|
+
className: _UnderlineNav2.default['UnderlineNav-octicon'],
|
|
101
101
|
icon: icon,
|
|
102
102
|
size: _Icon.iconSize.small
|
|
103
103
|
}), html || null, text]
|
|
@@ -112,11 +112,11 @@ function UnderlineNav(_ref) {
|
|
|
112
112
|
|
|
113
113
|
_onClick(newIndexItems);
|
|
114
114
|
},
|
|
115
|
-
className: _UnderlineNav2
|
|
115
|
+
className: _UnderlineNav2.default['UnderlineNav-item'],
|
|
116
116
|
href: href
|
|
117
117
|
}, buttonOtherProps), {}, {
|
|
118
118
|
children: [icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
119
|
-
className: _UnderlineNav2
|
|
119
|
+
className: _UnderlineNav2.default['UnderlineNav-octicon'],
|
|
120
120
|
icon: icon,
|
|
121
121
|
size: _Icon.iconSize.small
|
|
122
122
|
}), html || null, text]
|
|
@@ -132,13 +132,13 @@ function UnderlineNav(_ref) {
|
|
|
132
132
|
|
|
133
133
|
function renderBodyFullContainer() {
|
|
134
134
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
135
|
-
className: (0, _classnames
|
|
135
|
+
className: (0, _classnames.default)(_container.default['container-lg'], _UnderlineNav2.default['UnderlineNav-container']),
|
|
136
136
|
children: renderBody()
|
|
137
137
|
});
|
|
138
138
|
}
|
|
139
139
|
|
|
140
140
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("nav", {
|
|
141
|
-
className: (0, _classnames
|
|
141
|
+
className: (0, _classnames.default)(className, _UnderlineNav2.default.UnderlineNav, (_cx = {}, (0, _defineProperty2.default)(_cx, _UnderlineNav2.default['UnderlineNav--right'], align === _UnderlineNav.underlineNavAlignmentType.right), (0, _defineProperty2.default)(_cx, _UnderlineNav2.default['UnderlineNav--full'], fullContainer === true), _cx)),
|
|
142
142
|
"aria-label": label,
|
|
143
143
|
children: [fullContainer === false && renderBody(), fullContainer === true && renderBodyFullContainer()]
|
|
144
144
|
});
|
|
@@ -23,7 +23,7 @@ var _jsxRuntime = require("react/jsx-runtime");
|
|
|
23
23
|
|
|
24
24
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
25
25
|
|
|
26
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2
|
|
26
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
27
27
|
|
|
28
28
|
function PreviousNext(_ref) {
|
|
29
29
|
var className = _ref.className,
|
|
@@ -50,10 +50,10 @@ function PreviousNext(_ref) {
|
|
|
50
50
|
}
|
|
51
51
|
|
|
52
52
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("nav", {
|
|
53
|
-
className: (0, _classnames
|
|
53
|
+
className: (0, _classnames.default)(className, _PreviousNext2.default['paginate-container'], (0, _defineProperty2.default)({}, _PreviousNext2.default['previousnext-inactive'], state === _PreviousNext.previousNextState.inactive)),
|
|
54
54
|
"aria-label": label,
|
|
55
55
|
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
56
|
-
className: (0, _classnames
|
|
56
|
+
className: (0, _classnames.default)(_PreviousNext2.default.pagination, _visibilityDisplay.default['d-flex']),
|
|
57
57
|
children: [!canMoveBackwards ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", _objectSpread(_objectSpread({}, backwardsAriaProps), {}, {
|
|
58
58
|
children: previous.text
|
|
59
59
|
})) : /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
|
|
@@ -44,22 +44,22 @@ function Popover(_ref) {
|
|
|
44
44
|
introOnClick = _ref.introOnClick,
|
|
45
45
|
acknowledgeOnClick = _ref.acknowledgeOnClick;
|
|
46
46
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
47
|
-
className: (0, _classnames
|
|
48
|
-
children: [variant === _Popover.popoverVariant
|
|
47
|
+
className: (0, _classnames.default)(className, _layout.default['position-relative'], (_cx = {}, (0, _defineProperty2.default)(_cx, _typography.default['text-center'], variant === _Popover.popoverVariant.default || variant === _Popover.popoverVariant.bottom), (0, _defineProperty2.default)(_cx, (0, _classnames.default)(_typography.default['text-right'], _padding.default['pr-2']), variant === _Popover.popoverVariant.bottomRight), _cx)),
|
|
48
|
+
children: [variant === _Popover.popoverVariant.default && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
|
|
49
49
|
variant: _Button.buttonVariant.primary,
|
|
50
50
|
text: intro,
|
|
51
51
|
onClick: introOnClick
|
|
52
52
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
53
|
-
className: ((0, _classnames
|
|
53
|
+
className: ((0, _classnames.default)(_Popover2.default.Popover, _layout.default['position-relative']), (_ref2 = {}, (0, _defineProperty2.default)(_ref2, (0, _classnames.default)(_layout.default['right-0'], _layout.default['left-0']), variant === _Popover.popoverVariant.default), (0, _defineProperty2.default)(_ref2, _padding.default['pl-2'], variant === _Popover.popoverVariant.bottomLeft), _ref2)),
|
|
54
54
|
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
55
|
-
className: (0, _classnames
|
|
55
|
+
className: (0, _classnames.default)(_Popover2.default['Popover-message'], _typography.default['text-left'], _padding.default['p-4'], _box.default.Box, _boxShadow.default['box-shadow-large'], (_cx2 = {}, (0, _defineProperty2.default)(_cx2, (0, _classnames.default)(_margin.default['mx-auto'], _margin.default['mt-2']), variant === _Popover.popoverVariant.default), (0, _defineProperty2.default)(_cx2, (0, _classnames.default)(_Popover2.default['Popover-message--bottom'], _margin.default['mx-auto'], _margin.default['mb-2']), variant === _Popover.popoverVariant.bottom), (0, _defineProperty2.default)(_cx2, (0, _classnames.default)(_Popover2.default['Popover-message--bottom-right'], _margin.default['mb-2']), variant === _Popover.popoverVariant.bottomRight), (0, _defineProperty2.default)(_cx2, (0, _classnames.default)(_Popover2.default['Popover-message--bottom-left'], _margin.default['mb-2']), variant === _Popover.popoverVariant.bottomLeft), (0, _defineProperty2.default)(_cx2, _Popover2.default['Popover-message--left'], variant === _Popover.popoverVariant.left), (0, _defineProperty2.default)(_cx2, _Popover2.default['Popover-message--left-bottom'], variant === _Popover.popoverVariant.leftBottom), (0, _defineProperty2.default)(_cx2, _Popover2.default['Popover-message--left-top'], variant === _Popover.popoverVariant.leftTop), (0, _defineProperty2.default)(_cx2, _Popover2.default['Popover-message--right'], variant === _Popover.popoverVariant.right), (0, _defineProperty2.default)(_cx2, _Popover2.default['Popover-message--right-bottom'], variant === _Popover.popoverVariant.rightBottom), (0, _defineProperty2.default)(_cx2, _Popover2.default['Popover-message--right-top'], variant === _Popover.popoverVariant.rightTop), (0, _defineProperty2.default)(_cx2, _Popover2.default['Popover-message--top-left'], variant === _Popover.popoverVariant.topLeft), (0, _defineProperty2.default)(_cx2, _Popover2.default['Popover-message--top-right'], variant === _Popover.popoverVariant.topRight), (0, _defineProperty2.default)(_cx2, _Popover2.default['Popover-message--large'], size === _Popover.popoverSize.large), _cx2)),
|
|
56
56
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h4", {
|
|
57
|
-
className: _margin
|
|
57
|
+
className: _margin.default['mb-2'],
|
|
58
58
|
children: heading
|
|
59
59
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
|
|
60
60
|
children: message
|
|
61
61
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
|
|
62
|
-
className: (0, _classnames
|
|
62
|
+
className: (0, _classnames.default)(_margin.default['mt-2'], _typography.default['text-bold']),
|
|
63
63
|
text: acknowledge,
|
|
64
64
|
variant: _Button.buttonVariant.outline,
|
|
65
65
|
onClick: acknowledgeOnClick
|
|
@@ -8,7 +8,7 @@ exports.propTypes = exports.popoverVariant = exports.popoverSize = exports.defau
|
|
|
8
8
|
var _propTypes = require("prop-types");
|
|
9
9
|
|
|
10
10
|
var popoverVariant = {
|
|
11
|
-
|
|
11
|
+
default: 'default',
|
|
12
12
|
bottom: 'bottom',
|
|
13
13
|
bottomRight: 'bottomRight',
|
|
14
14
|
bottomLeft: 'bottomLeft',
|
|
@@ -41,7 +41,7 @@ var propTypes = {
|
|
|
41
41
|
exports.propTypes = propTypes;
|
|
42
42
|
var defaultProps = {
|
|
43
43
|
className: null,
|
|
44
|
-
variant: popoverVariant
|
|
44
|
+
variant: popoverVariant.default,
|
|
45
45
|
size: popoverSize.normal
|
|
46
46
|
};
|
|
47
47
|
exports.defaultProps = defaultProps;
|
|
@@ -29,9 +29,9 @@ function Progress(_ref) {
|
|
|
29
29
|
width: "".concat(percentage, "%")
|
|
30
30
|
};
|
|
31
31
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
32
|
-
className: (0, _classnames
|
|
32
|
+
className: (0, _classnames.default)(className, _Progress2.default.Progress, (_cx = {}, (0, _defineProperty2.default)(_cx, _Progress2.default['Progress--large'], variant === _Progress.progressVariant.large), (0, _defineProperty2.default)(_cx, _Progress2.default['Progress--small'], variant === _Progress.progressVariant.small === true), _cx)),
|
|
33
33
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
34
|
-
className: (0, _classnames
|
|
34
|
+
className: (0, _classnames.default)(_Progress2.default['Progress-item'], _colors.default['bg-green']),
|
|
35
35
|
style: percentageStyle
|
|
36
36
|
})
|
|
37
37
|
});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M6.25 9a.75.75 0 01.75.75v1.5a.75.75 0 01-1.5 0v-1.5A.75.75 0 016.25 9zm4.25.75a.75.75 0 00-1.5 0v1.5a.75.75 0 001.5 0v-1.5z"/><path fill-rule="evenodd" d="M7.86 1.77c.05.053.097.107.14.164.043-.057.09-.111.14-.164.681-.731 1.737-.9 2.943-.765 1.23.136 2.145.527 2.724 1.26.566.716.693 1.614.693 2.485 0 .572-.053 1.147-.254 1.655l.168.838.066.033A2.75 2.75 0 0116 9.736V11c0 .24-.086.438-.156.567a2.173 2.173 0 01-.259.366c-.18.21-.404.413-.605.58a10.373 10.373 0 01-.792.597l-.015.01-.006.004-.028.018a8.832 8.832 0 01-.456.281c-.307.177-.749.41-1.296.642C11.296 14.528 9.756 15 8 15c-1.756 0-3.296-.472-4.387-.935a12.06 12.06 0 01-1.296-.641 8.815 8.815 0 01-.456-.281l-.028-.02-.006-.003-.015-.01a7.077 7.077 0 01-.235-.166c-.15-.108-.352-.26-.557-.43a5.19 5.19 0 01-.605-.58 2.167 2.167 0 01-.259-.367A1.19 1.19 0 010 11V9.736a2.75 2.75 0 011.52-2.46l.067-.033.167-.838C1.553 5.897 1.5 5.322 1.5 4.75c0-.87.127-1.77.693-2.485.579-.733 1.494-1.124 2.724-1.26 1.206-.134 2.262.034 2.944.765zM3.024 7.709L3 7.824v4.261c.02.013.043.025.065.038.264.152.65.356 1.134.562.972.412 2.307.815 3.801.815 1.494 0 2.83-.403 3.8-.815a10.6 10.6 0 001.2-.6v-4.26l-.023-.116c-.49.21-1.075.291-1.727.291-1.146 0-2.06-.328-2.71-.991A3.223 3.223 0 018 6.266c-.144.269-.321.52-.54.743C6.81 7.672 5.896 8 4.75 8c-.652 0-1.237-.082-1.727-.291zm3.741-4.916c-.193-.207-.637-.414-1.681-.298-1.02.114-1.48.404-1.713.7-.247.313-.37.79-.37 1.555 0 .792.129 1.17.308 1.37.162.181.52.38 1.442.38.854 0 1.339-.236 1.638-.54.315-.323.527-.827.618-1.553.117-.936-.038-1.396-.242-1.614zm2.472 0c.193-.207.637-.414 1.681-.298 1.02.114 1.48.404 1.713.7.247.313.37.79.37 1.555 0 .792-.129 1.17-.308 1.37-.162.181-.52.38-1.442.38-.854 0-1.339-.236-1.638-.54-.315-.323-.527-.827-.618-1.553-.117-.936.038-1.396.242-1.614z"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M9.75 14a.75.75 0 01.75.75v2.5a.75.75 0 01-1.5 0v-2.5a.75.75 0 01.75-.75zm4.5 0a.75.75 0 01.75.75v2.5a.75.75 0 01-1.5 0v-2.5a.75.75 0 01.75-.75z"/><path fill-rule="evenodd" d="M12 2c-2.214 0-4.248.657-5.747 1.756a7.43 7.43 0 00-.397.312c-.584.235-1.077.546-1.474.952-.85.87-1.132 2.037-1.132 3.368 0 .368.014.733.052 1.086l-.633 1.478-.043.022A4.75 4.75 0 000 15.222v1.028c0 .529.31.987.564 1.293.28.336.637.653.967.918a13.262 13.262 0 001.299.911l.024.015.006.004.04.025.144.087c.124.073.304.177.535.3.46.245 1.122.57 1.942.894C7.155 21.344 9.439 22 12 22s4.845-.656 6.48-1.303c.819-.324 1.481-.65 1.941-.895a13.797 13.797 0 00.68-.386l.039-.025.006-.004.024-.015a8.829 8.829 0 00.387-.248c.245-.164.577-.396.912-.663.33-.265.686-.582.966-.918.256-.306.565-.764.565-1.293v-1.028a4.75 4.75 0 00-2.626-4.248l-.043-.022-.633-1.478c.038-.353.052-.718.052-1.086 0-1.331-.282-2.499-1.132-3.368-.397-.406-.89-.717-1.474-.952a7.386 7.386 0 00-.397-.312C16.248 2.657 14.214 2 12 2zm-8 9.654l.038-.09c.046.06.094.12.145.177.793.9 2.057 1.259 3.782 1.259 1.59 0 2.739-.544 3.508-1.492.131-.161.249-.331.355-.508a32.948 32.948 0 00.344 0c.106.177.224.347.355.508.77.948 1.918 1.492 3.508 1.492 1.725 0 2.989-.359 3.782-1.259.05-.057.099-.116.145-.177l.038.09v6.669a17.618 17.618 0 01-2.073.98C16.405 19.906 14.314 20.5 12 20.5c-2.314 0-4.405-.594-5.927-1.197A17.62 17.62 0 014 18.323v-6.67zm6.309-1.092a2.35 2.35 0 01-.38.374c-.437.341-1.054.564-1.964.564-1.573 0-2.292-.337-2.657-.75-.192-.218-.331-.506-.423-.89-.091-.385-.135-.867-.135-1.472 0-1.14.243-1.847.705-2.32.477-.487 1.319-.861 2.824-1.024 1.487-.16 2.192.138 2.533.529l.008.01c.264.308.429.806.43 1.568v.031a7.203 7.203 0 01-.09 1.079c-.143.967-.406 1.754-.851 2.301zm2.504-2.497a7.174 7.174 0 01-.063-.894v-.02c.001-.77.17-1.27.438-1.578.341-.39 1.046-.69 2.533-.529 1.506.163 2.347.537 2.824 1.025.462.472.705 1.179.705 2.319 0 1.21-.174 1.926-.558 2.361-.365.414-1.084.751-2.657.751-1.21 0-1.902-.393-2.344-.938-.475-.584-.742-1.44-.878-2.497z"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path d="M21 29.5a1.5 1.5 0 00-3 0v4a1.5 1.5 0 003 0v-4zm9 0a1.5 1.5 0 00-3 0v4a1.5 1.5 0 003 0v-4z"/><path fill-rule="evenodd" d="M34.895 8.939c1.89.602 3.378 1.472 4.41 2.73 1.397 1.703 1.736 3.837 1.55 6.19l.016.032 1.684 3.79.964.193a3.5 3.5 0 012.161 1.398l1.668 2.335A3.5 3.5 0 0148 27.64v4.86c0 1.058-.619 1.973-1.129 2.585-.56.673-1.273 1.308-1.934 1.836a26.506 26.506 0 01-2.597 1.824l-.048.029h-.001l-.012.008-.021.014-.058.035a27.766 27.766 0 01-1.358.773 37.77 37.77 0 01-3.883 1.79C33.69 42.69 29.123 44 24 44c-5.123 0-9.69-1.311-12.959-2.605a38.242 38.242 0 01-3.884-1.79 27.695 27.695 0 01-1.357-.773 9.58 9.58 0 01-.08-.05l-.011-.007-.001-.001-.048-.03c-.041-.025-.1-.06-.173-.107a26.538 26.538 0 01-2.424-1.716c-.66-.528-1.373-1.163-1.934-1.836C.619 34.473 0 33.558 0 32.5v-4.86c0-.729.228-1.44.652-2.033l1.668-2.335a3.5 3.5 0 012.161-1.398l.964-.193 1.684-3.79.015-.032c-.185-2.353.154-4.487 1.55-6.19 1.033-1.258 2.52-2.128 4.411-2.73C15.84 6.82 19.71 5.5 24 5.5c4.29 0 8.16 1.321 10.895 3.439zm2.913 9.285c-.21 1.875-.621 2.956-1.283 3.586-.169.16-.376.312-.636.445-.78.4-2.034.631-4.145.447a9.143 9.143 0 01-.389-.043c-1.889-.245-2.93-1.005-3.568-1.948a4.634 4.634 0 01-.192-.31c-.607-1.066-.897-2.503-.968-4.24-.095-2.368.35-3.665 1.021-4.31.623-.599 1.877-1.034 4.506-.514 2.668.527 4.082 1.322 4.832 2.235.721.88 1.047 2.144.869 4.174-.014.165-.03.324-.047.478zM23.643 20.5a70.806 70.806 0 00.714 0c.238.666.547 1.304.946 1.894 1.263 1.866 3.286 3.044 6.18 3.297 3.115.273 5.498-.171 7.11-1.707.439-.418.792-.89 1.078-1.404l.329.74v13.327c-.163.092-.353.197-.57.312a35.236 35.236 0 01-3.576 1.647C32.809 39.811 28.627 41 24 41c-4.627 0-8.81-1.189-11.854-2.395a35.236 35.236 0 01-3.577-1.647c-.216-.115-.406-.22-.569-.312V23.318l.329-.74c.286.515.639.987 1.077 1.405 1.613 1.536 3.996 1.98 7.111 1.707 2.894-.253 4.917-1.431 6.18-3.297.4-.59.708-1.228.946-1.894zm-12.514.907c.107.152.222.286.346.404.675.643 1.966 1.138 4.78.892 2.139-.187 3.277-.985 3.958-1.99.067-.1.131-.203.192-.31.607-1.067.897-2.504.968-4.242.095-2.367-.35-3.664-1.021-4.309-.623-.599-1.877-1.034-4.506-.514-2.668.527-4.082 1.322-4.832 2.235-.721.88-1.047 2.144-.869 4.174.157 1.796.474 2.934.984 3.66zM22.5 17a1 1 0 011-1h1a1 1 0 110 2h-1a1 1 0 01-1-1z"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96"><path d="M38 54a4 4 0 014 4v8a4 4 0 01-8 0v-8a4 4 0 014-4zm24 4a4 4 0 00-8 0v8a4 4 0 108 0v-8z"/><path fill-rule="evenodd" d="M25.013 15.024C31.008 10.628 39.145 8 48 8c8.855 0 16.992 2.628 22.987 7.024 3.64 2.67 6.553 6.05 8.278 9.92 1.615 2.744 2.114 5.94 1.968 9.397l3.898 9.026.355.07a11 11 0 016.794 4.394l2.416 3.382A7 7 0 0196 55.282V65c0 2.116-1.238 3.947-2.258 5.17-1.122 1.347-2.547 2.616-3.868 3.673a53.119 53.119 0 01-3.647 2.653 54.197 54.197 0 01-1.546.993l-.061.037-.036.022-.002.001-.024.015-.158.099c-.134.083-.327.201-.576.348a55.52 55.52 0 01-2.139 1.199 76.475 76.475 0 01-7.768 3.58C67.381 85.377 58.245 88 48 88c-10.245 0-19.381-2.622-25.917-5.21a76.482 76.482 0 01-7.768-3.58 55.52 55.52 0 01-2.14-1.199 34.133 34.133 0 01-.733-.447l-.024-.015-.002-.001-.038-.023-.059-.036-.345-.215a53.98 53.98 0 01-1.2-.778 53.104 53.104 0 01-3.648-2.653c-1.321-1.057-2.746-2.326-3.868-3.672C1.238 68.946 0 67.116 0 65v-9.718a7 7 0 011.304-4.069l2.416-3.382a11 11 0 016.794-4.393l.355-.071 3.898-9.026c-.146-3.457.353-6.654 1.968-9.398 1.725-3.87 4.637-7.249 8.278-9.919zM16 46.62l.982-2.275a11.586 11.586 0 002.282 3.065c3.167 3.016 7.837 3.88 13.914 3.348 5.658-.495 9.622-2.8 12.098-6.457.072-.107.143-.215.213-.324a136.57 136.57 0 005.022 0c.07.109.14.217.213.324 2.476 3.657 6.44 5.962 12.098 6.457 6.078.532 10.747-.332 13.914-3.348a11.583 11.583 0 002.281-3.065L80 46.62v26.671c-.326.184-.706.394-1.138.624a70.475 70.475 0 01-7.154 3.296C65.618 79.622 57.255 82 48 82c-9.255 0-17.619-2.378-23.708-4.79a70.482 70.482 0 01-7.154-3.295c-.432-.23-.812-.44-1.138-.624v-26.67zm24.307-5.683a7.803 7.803 0 01-2.982 2.628c-1.198.613-2.718 1.045-4.67 1.216-.342.03-.672.054-.992.073-4.79.284-7.051-.636-8.261-1.789a4.865 4.865 0 01-.233-.237c-.529-.577-.97-1.33-1.328-2.315-.477-1.313-.808-3.04-1.007-5.316-.345-3.946.289-6.384 1.677-8.076 1.443-1.76 4.177-3.303 9.368-4.328 5.113-1.01 7.523-.158 8.71.981 1.282 1.232 2.15 3.731 1.965 8.337-.15 3.719-.82 6.718-2.247 8.826zm15.386 0a7.803 7.803 0 002.982 2.628c1.198.613 2.718 1.045 4.67 1.216 5.475.479 7.962-.486 9.253-1.716.634-.604 1.151-1.425 1.56-2.551.478-1.314.808-3.04 1.008-5.317.345-3.946-.289-6.384-1.677-8.076-1.443-1.76-4.177-3.303-9.368-4.328-5.113-1.01-7.523-.158-8.71.981-1.282 1.232-2.15 3.731-1.965 8.337.15 3.719.82 6.718 2.247 8.826zm-9.27-5.997a6.5 6.5 0 013.154 0l.06.015a1.5 1.5 0 10.727-2.91l-.06-.015a9.5 9.5 0 00-4.608 0l-.06.015a1.5 1.5 0 10.728 2.91l.06-.015z"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M7.86 1.77c.05.053.097.107.14.164.043-.057.09-.111.14-.164.681-.731 1.737-.9 2.943-.765 1.23.136 2.145.527 2.724 1.26.566.716.693 1.614.693 2.485 0 .572-.053 1.147-.254 1.655l.168.838.066.033A2.75 2.75 0 0116 9.736V11c0 .24-.086.438-.156.567a1.755 1.755 0 01-.075.125L13 9.688V7.824l-.023-.115c-.49.21-1.075.291-1.727.291-.22 0-.43-.012-.633-.036L6.824 5.22c.082-.233.143-.503.182-.813.117-.936-.038-1.396-.242-1.614-.193-.207-.637-.414-1.681-.298-.707.079-1.144.243-1.424.434l-1.251-.905c.58-.579 1.422-.899 2.51-1.02 1.205-.133 2.26.035 2.943.766zm1.376 1.023c.193-.207.637-.414 1.681-.298 1.02.114 1.48.404 1.713.7.247.313.37.79.37 1.555 0 .792-.129 1.17-.308 1.37-.162.181-.52.38-1.442.38-.854 0-1.339-.236-1.638-.54-.315-.323-.527-.827-.618-1.553-.117-.936.038-1.396.242-1.614zM.865 2.759A.75.75 0 00.31 4.107l1.193.864c.013.498.076.992.251 1.434l-.167.838-.067.033A2.75 2.75 0 000 9.736V11c0 .24.086.438.156.567.075.137.169.261.259.366.18.21.404.413.605.58a10.368 10.368 0 00.792.597l.015.01.006.004.028.018.098.065a12.06 12.06 0 001.654.859C4.704 14.527 6.244 15 8 15c1.756 0 3.296-.472 4.387-.935.395-.167.734-.335 1.008-.482l1.415 1.024a.75.75 0 001.063-1.025.753.753 0 01-.188-.1L.865 2.76zM4.75 8c.297 0 .579-.022.844-.066l6.427 4.654c-.07.032-.144.064-.22.097-.972.412-2.307.815-3.801.815-1.494 0-2.83-.403-3.8-.815a10.594 10.594 0 01-1.2-.6v-4.26l.023-.116c.49.21 1.075.291 1.727.291z"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M7.86 1.77c.05.053.097.107.14.164.043-.057.09-.111.14-.164.681-.731 1.737-.9 2.943-.765 1.23.136 2.145.527 2.724 1.26.566.716.693 1.614.693 2.485 0 .463-.035.929-.155 1.359a5.967 5.967 0 00-1.398-.616c.034-.195.053-.439.053-.743 0-.766-.123-1.242-.37-1.555-.233-.296-.693-.586-1.713-.7-1.044-.116-1.488.091-1.681.298-.204.218-.359.678-.242 1.614.06.479.172.86.332 1.158a6.014 6.014 0 00-2.92 2.144C5.926 7.904 5.372 8 4.75 8c-.652 0-1.237-.082-1.727-.291L3 7.824v4.261c.02.013.043.025.065.038a10.84 10.84 0 002.495 1.035c.21.629.522 1.21.916 1.726a11.91 11.91 0 01-2.863-.819 12.06 12.06 0 01-1.296-.641 8.815 8.815 0 01-.456-.281l-.028-.02-.006-.003-.015-.01a7.077 7.077 0 01-.235-.166c-.15-.108-.352-.26-.557-.43a5.19 5.19 0 01-.605-.58 2.167 2.167 0 01-.259-.367A1.19 1.19 0 010 11V9.736a2.75 2.75 0 011.52-2.46l.067-.033.167-.838C1.553 5.897 1.5 5.322 1.5 4.75c0-.87.127-1.77.693-2.485.579-.733 1.494-1.124 2.724-1.26 1.206-.134 2.262.034 2.944.765zM6.765 2.793c-.193-.207-.637-.414-1.681-.298-1.02.114-1.48.404-1.713.7-.247.313-.37.79-.37 1.555 0 .792.129 1.17.308 1.37.162.181.52.38 1.442.38.854 0 1.339-.236 1.638-.54.315-.323.527-.827.618-1.553.117-.936-.038-1.396-.242-1.614z"/><path fill-rule="evenodd" d="M8.498 14.81a4.5 4.5 0 105.504-7.121 4.5 4.5 0 00-5.504 7.122zM10.5 8.75a.75.75 0 011.5 0V11a.75.75 0 01-1.5 0V8.75zm.75 5.75a1 1 0 100-2 1 1 0 000 2z"/></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M3.75 1.5a.25.25 0 00-.25.
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M3.75 1.5a.25.25 0 00-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 00.25-.25V6h-2.75A1.75 1.75 0 019 4.25V1.5H3.75zm6.75.062V4.25c0 .138.112.25.25.25h2.688a.252.252 0 00-.011-.013l-2.914-2.914a.272.272 0 00-.013-.011zM2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0113.25 16h-9.5A1.75 1.75 0 012 14.25V1.75z"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M3.75 1.5a.25.25 0 00-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 00.25-.25V4.664a.25.25 0 00-.073-.177l-2.914-2.914a.25.25 0 00-.177-.073H3.75zM2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0113.25 16h-9.5A1.75 1.75 0 012 14.25V1.75zm6.23 3.508a.75.75 0 01.755.745l.01 1.497h1.497a.75.75 0 010 1.5H9v1.507a.75.75 0 01-1.5 0V9.005l-1.502.01a.75.75 0 11-.01-1.5l1.507-.01-.01-1.492a.75.75 0 01.745-.755z"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0113.25 16h-3.5a.75.75 0 010-1.5h3.5a.25.25 0 00.25-.25V4.664a.25.25 0 00-.073-.177l-2.914-2.914a.25.25 0 00-.177-.073H3.75a.25.25 0 00-.25.25v6.5a.75.75 0 01-1.5 0v-6.5z"/><path d="M5.427 15.573l3.146-3.146a.25.25 0 000-.354L5.427 8.927A.25.25 0 005 9.104V11.5H.75a.75.75 0 000 1.5H5v2.396c0 .223.27.335.427.177z"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M3.75 1.5a.25.25 0 00-.25.25v12.5c0 .138.112.25.25.25h9.5a.25.25 0 00.25-.25V4.664a.25.25 0 00-.073-.177l-2.914-2.914a.25.25 0 00-.177-.073H3.75zM2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0113.25 16h-9.5A1.75 1.75 0 012 14.25V1.75zM8.25 7.5h2.242a.75.75 0 010 1.5h-2.24l-2.254.015a.75.75 0 01-.01-1.5L8.25 7.5z"/></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M6.25 12a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM5.5 9.25a.75.75 0 01.75-.75h.5a.75.75 0 010 1.5h-.5a.75.75 0 01-.75-.75zM6.25 5a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM9 12.75a.75.75 0 01.75-.75h.5a.75.75 0 010 1.5h-.5a.75.75 0 01-.75-.75zm.75-4.25a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM9 5.75A.75.75 0 019.75 5h.5a.75.75 0 010 1.5h-.5A.75.75 0 019 5.75zM13.25 12a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zm-.75-2.75a.75.75 0 01.75-.75h.5a.75.75 0 010 1.5h-.5a.75.75 0 01-.75-.75zM13.25 5a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5z"/><path fill-rule="evenodd" d="M2 20a2 2 0 002 2h3.75a.75.75 0 00.75-.75V19h3v2.25c0 .414.336.75.75.75H16c.092 0 .183-.006.272-.018a.753.753 0 00.166.018H20a2 2 0 002-2v-8a2 2 0 00-.8-1.6l-.5-.375a.75.75 0 00-.9 1.2l.5.375a.5.5 0 01.2.4v8a.5.5 0 01-.5.5h-2.063c.041-.16.063-.327.063-.5V3a2 2 0 00-2-2H4a2 2 0 00-2 2v17zm2 .5a.5.5 0 01-.5-.5V3a.5.5 0 01.5-.5h12a.5.5 0 01.5.5v17a.5.5 0 01-.5.5h-3v-2.25a.75.75 0 00-.75-.75h-4.5a.75.75 0 00-.75.75v2.25H4z"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M2 2.75A2.75 2.75 0 014.75 0h14.5a.75.75 0 01.75.75v8a.75.75 0 01-1.5 0V1.5H4.75c-.69 0-1.25.56-1.25 1.25v12.651A2.987 2.987 0 015 15h6.25a.75.75 0 010 1.5H5A1.5 1.5 0 003.5 18v1.25c0 .69.56 1.25 1.25 1.25h6a.75.75 0 010 1.5h-6A2.75 2.75 0 012 19.25V2.75z"/><path fill-rule="evenodd" d="M15 14.5V16h-.25A1.75 1.75 0 0013 17.75v4.5c0 .966.784 1.75 1.75 1.75h7.5A1.75 1.75 0 0024 22.25v-4.5A1.75 1.75 0 0022.25 16H22v-1.5a3.5 3.5 0 10-7 0zm3.5-2a2 2 0 00-2 2V16h4v-1.5a2 2 0 00-2-2z"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M15 2.75a.75.75 0 01-.75.75h-4a.75.75 0 010-1.5h4a.75.75 0 01.75.75zm-8.5.75v1.25a.75.75 0 001.5 0v-4a.75.75 0 00-1.5 0V2H1.75a.75.75 0 000 1.5H6.5zm1.25 5.25a.75.75 0 000-1.5h-6a.75.75 0 000 1.5h6zM15 8a.75.75 0 01-.75.75H11.5V10a.75.75 0 11-1.5 0V6a.75.75 0 011.5 0v1.25h2.75A.75.75 0 0115 8zm-9 5.25v-2a.75.75 0 00-1.5 0v1.25H1.75a.75.75 0 000 1.5H4.5v1.25a.75.75 0 001.5 0v-2zm9 0a.75.75 0 01-.75.75h-6a.75.75 0 010-1.5h6a.75.75 0 01.75.75z"/></svg>
|
|
@@ -54,12 +54,12 @@ function Select(_ref) {
|
|
|
54
54
|
};
|
|
55
55
|
|
|
56
56
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
57
|
-
className: (0, _classnames
|
|
57
|
+
className: (0, _classnames.default)(className, _Select2.default.select),
|
|
58
58
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("select", {
|
|
59
59
|
id: id,
|
|
60
60
|
readOnly: false,
|
|
61
61
|
onChange: handleOnChange,
|
|
62
|
-
className: (0, _classnames
|
|
62
|
+
className: (0, _classnames.default)(_Select2.default['select-menu'], _layout.default['width-full'], (0, _defineProperty2.default)({}, _Select2.default['select-inactive'], state === _Select.selectState.inactive)),
|
|
63
63
|
value: selectedText,
|
|
64
64
|
children: items && indexItems.map(function (indexItem) {
|
|
65
65
|
var text = indexItem.text,
|
|
@@ -41,7 +41,7 @@ function SelectMenu(_ref) {
|
|
|
41
41
|
_onClick = _ref.onClick;
|
|
42
42
|
|
|
43
43
|
var _useState = (0, _hooks.useState)((0, _array.getIndexItems)(items)),
|
|
44
|
-
_useState2 = (0, _slicedToArray2
|
|
44
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
45
45
|
indexItems = _useState2[0],
|
|
46
46
|
setIndexItems = _useState2[1];
|
|
47
47
|
|
|
@@ -49,30 +49,30 @@ function SelectMenu(_ref) {
|
|
|
49
49
|
var details = (0, _hooks.useRef)(null);
|
|
50
50
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("details", {
|
|
51
51
|
ref: details,
|
|
52
|
-
className: (0, _classnames
|
|
52
|
+
className: (0, _classnames.default)(className, _details.default['details-reset'], _details.default['details-overlay']),
|
|
53
53
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("summary", {
|
|
54
|
-
className: (0, _classnames
|
|
54
|
+
className: (0, _classnames.default)(_Button.default.btn, _Button.default['btn-outline']),
|
|
55
55
|
"aria-haspopup": haspopup,
|
|
56
56
|
children: [summary, " ", /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
57
|
-
className: (0, _classnames
|
|
57
|
+
className: (0, _classnames.default)(_margin.default['ml-2']),
|
|
58
58
|
icon: icon,
|
|
59
59
|
size: _Icon.iconSize.small
|
|
60
60
|
})]
|
|
61
61
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
62
|
-
className: _SelectMenu2
|
|
62
|
+
className: _SelectMenu2.default.SelectMenu,
|
|
63
63
|
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
64
|
-
className: _SelectMenu2
|
|
64
|
+
className: _SelectMenu2.default['SelectMenu-modal'],
|
|
65
65
|
children: [title && /*#__PURE__*/(0, _jsxRuntime.jsxs)("header", {
|
|
66
|
-
className: _SelectMenu2
|
|
66
|
+
className: _SelectMenu2.default['SelectMenu-header'],
|
|
67
67
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h3", {
|
|
68
|
-
className: _SelectMenu2
|
|
68
|
+
className: _SelectMenu2.default['SelectMenu-title'],
|
|
69
69
|
children: title
|
|
70
70
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
|
|
71
|
-
className: _SelectMenu2
|
|
71
|
+
className: _SelectMenu2.default['SelectMenu-closeButton'],
|
|
72
72
|
type: "button"
|
|
73
73
|
})]
|
|
74
74
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
75
|
-
className: _SelectMenu2
|
|
75
|
+
className: _SelectMenu2.default['SelectMenu-list'],
|
|
76
76
|
children: indexItems.map(function (indexItem) {
|
|
77
77
|
var text = indexItem.text;
|
|
78
78
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
|
|
@@ -99,7 +99,7 @@ function SelectMenu(_ref) {
|
|
|
99
99
|
|
|
100
100
|
details.current.removeAttribute('open');
|
|
101
101
|
},
|
|
102
|
-
className: _SelectMenu2
|
|
102
|
+
className: _SelectMenu2.default['SelectMenu-item'],
|
|
103
103
|
role: "menuitem",
|
|
104
104
|
children: text
|
|
105
105
|
}, (0, _uuid.v1)());
|
|
@@ -22,9 +22,9 @@ function Subhead(_ref) {
|
|
|
22
22
|
heading = _ref.heading,
|
|
23
23
|
isSpacious = _ref.isSpacious;
|
|
24
24
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
25
|
-
className: (0, _classnames
|
|
25
|
+
className: (0, _classnames.default)(className, _Subhead2.default.Subhead, (0, _defineProperty2.default)({}, _Subhead2.default['Subhead--spacious'], isSpacious === true)),
|
|
26
26
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
27
|
-
className: _Subhead2
|
|
27
|
+
className: _Subhead2.default['Subhead-heading'],
|
|
28
28
|
children: heading
|
|
29
29
|
})
|
|
30
30
|
});
|
|
@@ -30,11 +30,11 @@ function Toast(_ref) {
|
|
|
30
30
|
isDismissable = _ref.isDismissable,
|
|
31
31
|
onClick = _ref.onClick;
|
|
32
32
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
33
|
-
className: (0, _classnames
|
|
33
|
+
className: (0, _classnames.default)(className, _padding.default['p-1']),
|
|
34
34
|
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
35
|
-
className: (0, _classnames
|
|
35
|
+
className: (0, _classnames.default)(_Toast2.default.Toast, (_cx = {}, (0, _defineProperty2.default)(_cx, _Toast2.default['Toast--success'], variant === _Toast.toastVariant.success), (0, _defineProperty2.default)(_cx, _Toast2.default['Toast--warning'], variant === _Toast.toastVariant.warning), (0, _defineProperty2.default)(_cx, _Toast2.default['Toast--error'], variant === _Toast.toastVariant.error), _cx)),
|
|
36
36
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
|
|
37
|
-
className: _Toast2
|
|
37
|
+
className: _Toast2.default['Toast-icon'],
|
|
38
38
|
children: [variant === _Toast.toastVariant.info && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
39
39
|
icon: _Icon.iconName.Info16
|
|
40
40
|
}), variant === _Toast.toastVariant.success && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
@@ -45,11 +45,11 @@ function Toast(_ref) {
|
|
|
45
45
|
icon: _Icon.iconName.Stop16
|
|
46
46
|
})]
|
|
47
47
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
48
|
-
className: _Toast2
|
|
48
|
+
className: _Toast2.default['Toast-content'],
|
|
49
49
|
children: text
|
|
50
50
|
}), isDismissable && /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
|
|
51
51
|
type: "button",
|
|
52
|
-
className: _Toast2
|
|
52
|
+
className: _Toast2.default['Toast-dismissButton'],
|
|
53
53
|
onClick: onClick,
|
|
54
54
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
55
55
|
icon: _Icon.iconName.X16,
|