@papillonarts/components 0.29.0 → 0.31.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/primer/Alert/Alert.d.ts +1 -1
- package/build/primer/Alert/Alert.d.ts.map +1 -1
- package/build/primer/Alert/Alert.js +53 -59
- package/build/primer/Alert/Alert.scss +0 -11
- package/build/primer/Alert/Alert.type.d.ts +7 -6
- package/build/primer/Alert/Alert.type.d.ts.map +1 -1
- package/build/primer/Alert/Alert.type.js +8 -2
- package/build/primer/Blankslate/Blankslate.d.ts.map +1 -1
- package/build/primer/Blankslate/Blankslate.js +6 -6
- package/build/primer/Breadcrumb/Breadcrumb.d.ts.map +1 -1
- package/build/primer/Breadcrumb/Breadcrumb.js +9 -9
- package/build/primer/Breadcrumb/Breadcrumb.type.d.ts.map +1 -1
- package/build/primer/Breadcrumb/Breadcrumb.type.js +0 -2
- package/build/primer/Button/Button.d.ts +1 -1
- package/build/primer/Button/Button.d.ts.map +1 -1
- package/build/primer/Button/Button.js +30 -27
- package/build/primer/Button/Button.type.d.ts +2 -2
- package/build/primer/Button/Button.type.d.ts.map +1 -1
- package/build/primer/Button/Button.type.js +1 -1
- package/build/primer/Dropdown/Dropdown.d.ts.map +1 -1
- package/build/primer/Dropdown/Dropdown.js +14 -18
- package/build/primer/Dropdown/Dropdown.type.d.ts.map +1 -1
- package/build/primer/Dropdown/Dropdown.type.js +0 -2
- package/build/primer/ErrorBoundary/ErrorBoundary.d.ts +1 -1
- package/build/primer/Form/Checkbox/Checkbox.d.ts.map +1 -1
- package/build/primer/Form/Checkbox/Checkbox.js +11 -11
- package/build/primer/Form/Input/Input.d.ts +1 -1
- package/build/primer/Form/Input/Input.d.ts.map +1 -1
- package/build/primer/Form/Input/Input.js +14 -14
- package/build/primer/Form/Input/Input.type.d.ts +2 -2
- package/build/primer/Form/Input/Input.type.d.ts.map +1 -1
- package/build/primer/Form/Input/Input.type.js +1 -1
- package/build/primer/Form/Radio/Radio.d.ts.map +1 -1
- package/build/primer/Form/Radio/Radio.js +11 -11
- package/build/primer/Grid/DisplayTable/DisplayTable.d.ts.map +1 -1
- package/build/primer/Grid/DisplayTable/DisplayTable.js +5 -5
- package/build/primer/Grid/FlexGrid/FlexGrid.d.ts.map +1 -1
- package/build/primer/Grid/FlexGrid/FlexGrid.js +29 -33
- package/build/primer/Grid/FlexGrid/FlexGrid.type.d.ts.map +1 -1
- package/build/primer/Grid/FlexGrid/FlexGrid.type.js +0 -2
- package/build/primer/Grid/index.d.ts.map +1 -1
- package/build/primer/Icon/Icon.d.ts.map +1 -1
- package/build/primer/Icon/Icon.js +12 -12
- package/build/primer/Label/Label.js +2 -2
- package/build/primer/Loader/Loader.d.ts.map +1 -1
- package/build/primer/Loader/Loader.js +12 -12
- package/build/primer/Navigation/Menu/Menu.d.ts.map +1 -1
- package/build/primer/Navigation/Menu/Menu.js +11 -12
- package/build/primer/Navigation/Menu/Menu.type.d.ts.map +1 -1
- package/build/primer/Navigation/Menu/Menu.type.js +0 -2
- package/build/primer/Navigation/TabNav/TabNav.d.ts.map +1 -1
- package/build/primer/Navigation/TabNav/TabNav.js +13 -13
- package/build/primer/Navigation/TabNav/TabNav.type.d.ts +1 -1
- package/build/primer/Navigation/TabNav/TabNav.type.d.ts.map +1 -1
- package/build/primer/Navigation/TabNav/TabNav.type.js +0 -2
- package/build/primer/Navigation/UnderlineNav/UnderlineNav.d.ts.map +1 -1
- package/build/primer/Navigation/UnderlineNav/UnderlineNav.js +21 -22
- package/build/primer/Navigation/UnderlineNav/UnderlineNav.type.d.ts.map +1 -1
- package/build/primer/Navigation/UnderlineNav/UnderlineNav.type.js +0 -2
- package/build/primer/Pagination/PreviousNext/PreviousNext.d.ts.map +1 -1
- package/build/primer/Pagination/PreviousNext/PreviousNext.js +10 -10
- package/build/primer/Pagination/PreviousNext/PreviousNext.type.d.ts.map +1 -1
- package/build/primer/Pagination/PreviousNext/PreviousNext.type.js +0 -2
- package/build/primer/Popover/Popover.d.ts.map +1 -1
- package/build/primer/Popover/Popover.js +11 -11
- package/build/primer/Progress/Progress.d.ts.map +1 -1
- package/build/primer/Progress/Progress.js +7 -7
- package/build/primer/Select/Select.d.ts.map +1 -1
- package/build/primer/Select/Select.js +9 -11
- package/build/primer/Select/Select.type.d.ts.map +1 -1
- package/build/primer/Select/Select.type.js +0 -2
- package/build/primer/SelectMenu/SelectMenu.d.ts.map +1 -1
- package/build/primer/SelectMenu/SelectMenu.js +15 -19
- package/build/primer/SelectMenu/SelectMenu.type.d.ts.map +1 -1
- package/build/primer/SelectMenu/SelectMenu.type.js +0 -2
- package/build/primer/Subhead/Subhead.d.ts.map +1 -1
- package/build/primer/Subhead/Subhead.js +6 -6
- package/build/primer/Toast/Toast.d.ts.map +1 -1
- package/build/primer/Toast/Toast.js +15 -15
- package/build/primer/index.d.ts +3 -3
- package/build/primer/index.d.ts.map +1 -1
- package/build/primer/index.js +2 -2
- package/package.json +4 -4
|
@@ -6,25 +6,23 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.Select = Select;
|
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
10
|
-
var _uuid = require("uuid");
|
|
11
9
|
var _layout = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/layout.scss"));
|
|
12
10
|
var _array = require("@papillonarts/library/array");
|
|
13
|
-
var
|
|
14
|
-
var
|
|
11
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
12
|
+
var _uuid = require("uuid");
|
|
13
|
+
var _Select = _interopRequireDefault(require("./Select.scss"));
|
|
14
|
+
var _Select2 = require("./Select.type");
|
|
15
15
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
16
|
-
// import { getIndexItems, getIndexItemsWithSelected } from '../../../../library/src/array'
|
|
17
|
-
|
|
18
16
|
function Select(_ref) {
|
|
19
17
|
var _ref$id = _ref.id,
|
|
20
|
-
id = _ref$id === void 0 ?
|
|
18
|
+
id = _ref$id === void 0 ? _Select2.SelectDefault.Id : _ref$id,
|
|
21
19
|
_ref$className = _ref.className,
|
|
22
|
-
className = _ref$className === void 0 ?
|
|
20
|
+
className = _ref$className === void 0 ? _Select2.SelectDefault.ClassName : _ref$className,
|
|
23
21
|
selectedText = _ref.selectedText,
|
|
24
22
|
items = _ref.items,
|
|
25
23
|
onChange = _ref.onChange,
|
|
26
24
|
_ref$state = _ref.state,
|
|
27
|
-
state = _ref$state === void 0 ?
|
|
25
|
+
state = _ref$state === void 0 ? _Select2.SelectDefault.State : _ref$state;
|
|
28
26
|
var indexItems = (0, _array.getIndexItems)(items);
|
|
29
27
|
var handleOnChange = function handleOnChange(event) {
|
|
30
28
|
var indexItem = indexItems.find(function (item) {
|
|
@@ -46,14 +44,14 @@ function Select(_ref) {
|
|
|
46
44
|
});
|
|
47
45
|
};
|
|
48
46
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
49
|
-
className: (0, _classnames["default"])(className,
|
|
47
|
+
className: (0, _classnames["default"])(className, _Select["default"].select),
|
|
50
48
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("select", {
|
|
51
49
|
id: id
|
|
52
50
|
// @ts-ignore
|
|
53
51
|
,
|
|
54
52
|
readOnly: false,
|
|
55
53
|
onChange: handleOnChange,
|
|
56
|
-
className: (0, _classnames["default"])(
|
|
54
|
+
className: (0, _classnames["default"])(_Select["default"]['select-menu'], _layout["default"]['width-full'], (0, _defineProperty2["default"])({}, _Select["default"]['select-inactive'], state === _Select2.SelectState.Inactive)),
|
|
57
55
|
value: selectedText,
|
|
58
56
|
children: items && indexItems.map(function (indexItem) {
|
|
59
57
|
var text = indexItem.text,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.type.d.ts","sourceRoot":"","sources":["../../../src/primer/Select/Select.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAA;
|
|
1
|
+
{"version":3,"file":"Select.type.d.ts","sourceRoot":"","sources":["../../../src/primer/Select/Select.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAA;AAEhE,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,WAAW,EAAE,YAGzB,CAAA;AAED,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAA;IACV,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,aAAa,EAAE,cAI3B,CAAA;AAED,MAAM,WAAW,KAAK;IACpB,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,EAAE,OAAO,CAAA;CACpB;AAED,MAAM,WAAW,YAAa,SAAQ,KAAK,EAAE,QAAQ;CAAG;AAExD,MAAM,WAAW,OAAO;IACtB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,EAAE,MAAM,CAAA;IACpB,KAAK,EAAE,KAAK,EAAE,CAAA;IACd,QAAQ,EAAE,CAAC,KAAK,KAAA,KAAK,IAAI,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf"}
|
|
@@ -4,8 +4,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.SelectState = exports.SelectDefault = void 0;
|
|
7
|
-
// import type { IIndexed } from '../../../../library/src/array/type'
|
|
8
|
-
|
|
9
7
|
var SelectState = exports.SelectState = {
|
|
10
8
|
Active: 'active',
|
|
11
9
|
Inactive: 'inactive'
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectMenu.d.ts","sourceRoot":"","sources":["../../../src/primer/SelectMenu/SelectMenu.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SelectMenu.d.ts","sourceRoot":"","sources":["../../../src/primer/SelectMenu/SelectMenu.tsx"],"names":[],"mappings":"AASA,OAAO,EAAuB,WAAW,EAAqB,MAAM,mBAAmB,CAAA;AAEvF,wBAAgB,UAAU,CAAC,EACzB,SAAuC,EACvC,OAAO,EACP,IAAI,EACJ,KAA+B,EAC/B,QAAQ,EACR,KAAK,EACL,OAAO,GACR,EAAE,WAAW,2CAgDb"}
|
|
@@ -6,28 +6,24 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.SelectMenu = SelectMenu;
|
|
8
8
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
9
|
-
var
|
|
10
|
-
var
|
|
9
|
+
var _details = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/details.scss"));
|
|
10
|
+
var _margin = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/margin.scss"));
|
|
11
11
|
var _array = require("@papillonarts/library/array");
|
|
12
12
|
var _hooks = require("@papillonarts/library/hooks");
|
|
13
|
-
var
|
|
14
|
-
var
|
|
15
|
-
var _SelectMenu = require("./SelectMenu.type");
|
|
16
|
-
var _SelectMenu2 = _interopRequireDefault(require("./SelectMenu.scss"));
|
|
13
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
14
|
+
var _uuid = require("uuid");
|
|
17
15
|
var _Button = _interopRequireDefault(require("../Button/Button.scss"));
|
|
18
16
|
var _Icon = require("../Icon");
|
|
17
|
+
var _SelectMenu = _interopRequireDefault(require("./SelectMenu.scss"));
|
|
18
|
+
var _SelectMenu2 = require("./SelectMenu.type");
|
|
19
19
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
20
|
-
// import { getIndexItems, getIndexItemsWithSelected } from '../../../../library/src/array'
|
|
21
|
-
|
|
22
|
-
// import { useRef, useState } from '../../../../library/src/hooks'
|
|
23
|
-
|
|
24
20
|
function SelectMenu(_ref) {
|
|
25
21
|
var _ref$className = _ref.className,
|
|
26
|
-
className = _ref$className === void 0 ?
|
|
22
|
+
className = _ref$className === void 0 ? _SelectMenu2.SelectMenuDefault.ClassName : _ref$className,
|
|
27
23
|
summary = _ref.summary,
|
|
28
24
|
icon = _ref.icon,
|
|
29
25
|
_ref$title = _ref.title,
|
|
30
|
-
title = _ref$title === void 0 ?
|
|
26
|
+
title = _ref$title === void 0 ? _SelectMenu2.SelectMenuDefault.Title : _ref$title,
|
|
31
27
|
ariaAttr = _ref.ariaAttr,
|
|
32
28
|
items = _ref.items,
|
|
33
29
|
_onClick = _ref.onClick;
|
|
@@ -49,20 +45,20 @@ function SelectMenu(_ref) {
|
|
|
49
45
|
size: _Icon.IconSize.Small
|
|
50
46
|
})]
|
|
51
47
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
52
|
-
className:
|
|
48
|
+
className: _SelectMenu["default"].SelectMenu,
|
|
53
49
|
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
54
|
-
className:
|
|
50
|
+
className: _SelectMenu["default"]['SelectMenu-modal'],
|
|
55
51
|
children: [title && /*#__PURE__*/(0, _jsxRuntime.jsxs)("header", {
|
|
56
|
-
className:
|
|
52
|
+
className: _SelectMenu["default"]['SelectMenu-header'],
|
|
57
53
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h3", {
|
|
58
|
-
className:
|
|
54
|
+
className: _SelectMenu["default"]['SelectMenu-title'],
|
|
59
55
|
children: title
|
|
60
56
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
|
|
61
|
-
className:
|
|
57
|
+
className: _SelectMenu["default"]['SelectMenu-closeButton'],
|
|
62
58
|
type: "button"
|
|
63
59
|
})]
|
|
64
60
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
65
|
-
className:
|
|
61
|
+
className: _SelectMenu["default"]['SelectMenu-list'],
|
|
66
62
|
children: indexItems.map(function (indexItem) {
|
|
67
63
|
var text = indexItem.text;
|
|
68
64
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
|
|
@@ -86,7 +82,7 @@ function SelectMenu(_ref) {
|
|
|
86
82
|
});
|
|
87
83
|
details.current.removeAttribute('open');
|
|
88
84
|
},
|
|
89
|
-
className:
|
|
85
|
+
className: _SelectMenu["default"]['SelectMenu-item'],
|
|
90
86
|
role: "menuitem",
|
|
91
87
|
children: text
|
|
92
88
|
}, (0, _uuid.v1)());
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectMenu.type.d.ts","sourceRoot":"","sources":["../../../src/primer/SelectMenu/SelectMenu.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAA;
|
|
1
|
+
{"version":3,"file":"SelectMenu.type.d.ts","sourceRoot":"","sources":["../../../src/primer/SelectMenu/SelectMenu.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAA;AAEhE,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,iBAAiB,EAAE,kBAG/B,CAAA;AAED,MAAM,WAAW,SAAS;IACxB,QAAQ,EAAE,OAAO,CAAA;CAClB;AAED,MAAM,WAAW,KAAK;IACpB,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,EAAE,OAAO,CAAA;CACpB;AAED,MAAM,WAAW,YAAa,SAAQ,QAAQ,EAAE,KAAK;CAAG;AAExD,MAAM,WAAW,WAAW;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,EAAE,KAAK,EAAE,CAAA;IACd,OAAO,EAAE,CAAC,KAAK,KAAA,KAAK,IAAI,CAAA;CACzB"}
|
|
@@ -4,8 +4,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.SelectMenuDefault = void 0;
|
|
7
|
-
// import type { IIndexed } from '../../../../library/src/array/type'
|
|
8
|
-
|
|
9
7
|
var SelectMenuDefault = exports.SelectMenuDefault = {
|
|
10
8
|
ClassName: null,
|
|
11
9
|
Title: null
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Subhead.d.ts","sourceRoot":"","sources":["../../../src/primer/Subhead/Subhead.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Subhead.d.ts","sourceRoot":"","sources":["../../../src/primer/Subhead/Subhead.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAkB,MAAM,gBAAgB,CAAA;AAEzD,wBAAgB,OAAO,CAAC,EAAE,SAAoC,EAAE,OAAO,EAAE,UAAsC,EAAE,EAAE,QAAQ,2CAU1H"}
|
|
@@ -7,19 +7,19 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.Subhead = Subhead;
|
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
9
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
10
|
-
var _Subhead = require("./Subhead.
|
|
11
|
-
var _Subhead2 =
|
|
10
|
+
var _Subhead = _interopRequireDefault(require("./Subhead.scss"));
|
|
11
|
+
var _Subhead2 = require("./Subhead.type");
|
|
12
12
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
13
|
function Subhead(_ref) {
|
|
14
14
|
var _ref$className = _ref.className,
|
|
15
|
-
className = _ref$className === void 0 ?
|
|
15
|
+
className = _ref$className === void 0 ? _Subhead2.SubheadDefault.ClassName : _ref$className,
|
|
16
16
|
heading = _ref.heading,
|
|
17
17
|
_ref$isSpacious = _ref.isSpacious,
|
|
18
|
-
isSpacious = _ref$isSpacious === void 0 ?
|
|
18
|
+
isSpacious = _ref$isSpacious === void 0 ? _Subhead2.SubheadDefault.IsSpacious : _ref$isSpacious;
|
|
19
19
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
20
|
-
className: (0, _classnames["default"])(className,
|
|
20
|
+
className: (0, _classnames["default"])(className, _Subhead["default"].Subhead, (0, _defineProperty2["default"])({}, _Subhead["default"]['Subhead--spacious'], isSpacious === true)),
|
|
21
21
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
22
|
-
className:
|
|
22
|
+
className: _Subhead["default"]['Subhead-heading'],
|
|
23
23
|
children: heading
|
|
24
24
|
})
|
|
25
25
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/primer/Toast/Toast.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/primer/Toast/Toast.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,MAAM,EAA8B,MAAM,cAAc,CAAA;AAEjE,wBAAgB,KAAK,CAAC,EACpB,SAAkC,EAClC,OAA8B,EAC9B,IAAI,EACJ,aAA0C,EAC1C,OAA8B,GAC/B,EAAE,MAAM,2CAyBR"}
|
|
@@ -6,43 +6,43 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.Toast = Toast;
|
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
10
9
|
var _padding = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/padding.scss"));
|
|
11
|
-
var
|
|
12
|
-
var _Toast2 = _interopRequireDefault(require("./Toast.scss"));
|
|
10
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
13
11
|
var _Icon = require("../Icon");
|
|
12
|
+
var _Toast = _interopRequireDefault(require("./Toast.scss"));
|
|
13
|
+
var _Toast2 = require("./Toast.type");
|
|
14
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
15
|
function Toast(_ref) {
|
|
16
16
|
var _ref$className = _ref.className,
|
|
17
|
-
className = _ref$className === void 0 ?
|
|
17
|
+
className = _ref$className === void 0 ? _Toast2.ToastDefault.ClassName : _ref$className,
|
|
18
18
|
_ref$variant = _ref.variant,
|
|
19
|
-
variant = _ref$variant === void 0 ?
|
|
19
|
+
variant = _ref$variant === void 0 ? _Toast2.ToastDefault.Variant : _ref$variant,
|
|
20
20
|
text = _ref.text,
|
|
21
21
|
_ref$isDismissable = _ref.isDismissable,
|
|
22
|
-
isDismissable = _ref$isDismissable === void 0 ?
|
|
22
|
+
isDismissable = _ref$isDismissable === void 0 ? _Toast2.ToastDefault.IsDismissable : _ref$isDismissable,
|
|
23
23
|
_ref$onClick = _ref.onClick,
|
|
24
|
-
onClick = _ref$onClick === void 0 ?
|
|
24
|
+
onClick = _ref$onClick === void 0 ? _Toast2.ToastDefault.OnClick : _ref$onClick;
|
|
25
25
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
26
26
|
className: (0, _classnames["default"])(className, _padding["default"]['p-1']),
|
|
27
27
|
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
28
|
-
className: (0, _classnames["default"])(
|
|
28
|
+
className: (0, _classnames["default"])(_Toast["default"].Toast, (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _Toast["default"]['Toast--success'], variant === _Toast2.ToastVariant.Success), _Toast["default"]['Toast--warning'], variant === _Toast2.ToastVariant.Warning), _Toast["default"]['Toast--error'], variant === _Toast2.ToastVariant.Error)),
|
|
29
29
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
|
|
30
|
-
className:
|
|
31
|
-
children: [variant ===
|
|
30
|
+
className: _Toast["default"]['Toast-icon'],
|
|
31
|
+
children: [variant === _Toast2.ToastVariant.Info && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
32
32
|
icon: _Icon.IconName.Info16
|
|
33
|
-
}), variant ===
|
|
33
|
+
}), variant === _Toast2.ToastVariant.Success && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
34
34
|
icon: _Icon.IconName.Check16
|
|
35
|
-
}), variant ===
|
|
35
|
+
}), variant === _Toast2.ToastVariant.Warning && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
36
36
|
icon: _Icon.IconName.Alert16
|
|
37
|
-
}), variant ===
|
|
37
|
+
}), variant === _Toast2.ToastVariant.Error && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
38
38
|
icon: _Icon.IconName.Stop16
|
|
39
39
|
})]
|
|
40
40
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
41
|
-
className:
|
|
41
|
+
className: _Toast["default"]['Toast-content'],
|
|
42
42
|
children: text
|
|
43
43
|
}), isDismissable && /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
|
|
44
44
|
type: "button",
|
|
45
|
-
className:
|
|
45
|
+
className: _Toast["default"]['Toast-dismissButton'],
|
|
46
46
|
onClick: onClick,
|
|
47
47
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
48
48
|
icon: _Icon.IconName.X16,
|
package/build/primer/index.d.ts
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
+
import '@papillonarts/css/build/primer/index.scss';
|
|
1
2
|
import { Alert } from './Alert';
|
|
2
|
-
import { Breadcrumb } from './Breadcrumb';
|
|
3
3
|
import { Blankslate } from './Blankslate';
|
|
4
|
+
import { Breadcrumb } from './Breadcrumb';
|
|
4
5
|
import { Button } from './Button';
|
|
5
6
|
import { Dropdown } from './Dropdown';
|
|
6
7
|
import { ErrorBoundary } from './ErrorBoundary';
|
|
7
|
-
export type { IFlexGridItem } from './Grid';
|
|
8
8
|
import { Icon } from './Icon';
|
|
9
9
|
import { Label } from './Label';
|
|
10
10
|
import { Loader } from './Loader';
|
|
@@ -14,7 +14,7 @@ import { Select } from './Select';
|
|
|
14
14
|
import { SelectMenu } from './SelectMenu';
|
|
15
15
|
import { Subhead } from './Subhead';
|
|
16
16
|
import { Toast } from './Toast';
|
|
17
|
-
|
|
17
|
+
export type { IFlexGridItem } from './Grid';
|
|
18
18
|
export declare const primer: {
|
|
19
19
|
Alert: {
|
|
20
20
|
Alert: typeof Alert;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/primer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAgB,MAAM,SAAS,CAAA;AAC7C,OAAO,EAAE,UAAU,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/primer/index.ts"],"names":[],"mappings":"AAAA,OAAO,2CAA2C,CAAA;AAClD,OAAO,EAAE,KAAK,EAAgB,MAAM,SAAS,CAAA;AAC7C,OAAO,EAAE,UAAU,EAAqB,MAAM,cAAc,CAAA;AAC5D,OAAO,EAAE,UAAU,EAAmB,MAAM,cAAc,CAAA;AAC1D,OAAO,EAAE,MAAM,EAAyF,MAAM,UAAU,CAAA;AACxH,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAG/C,OAAO,EAAE,IAAI,EAAsB,MAAM,QAAQ,CAAA;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,MAAM,EAAiB,MAAM,UAAU,CAAA;AAGhD,OAAO,EAAE,OAAO,EAA+B,MAAM,WAAW,CAAA;AAChE,OAAO,EAAE,QAAQ,EAAmB,MAAM,YAAY,CAAA;AACtD,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAA;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,KAAK,EAAgB,MAAM,SAAS,CAAA;AAE7C,YAAY,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAA;AAE3C,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4DlB,CAAA"}
|
package/build/primer/index.js
CHANGED
|
@@ -4,9 +4,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.primer = void 0;
|
|
7
|
+
require("@papillonarts/css/build/primer/index.scss");
|
|
7
8
|
var _Alert = require("./Alert");
|
|
8
|
-
var _Breadcrumb = require("./Breadcrumb");
|
|
9
9
|
var _Blankslate = require("./Blankslate");
|
|
10
|
+
var _Breadcrumb = require("./Breadcrumb");
|
|
10
11
|
var _Button = require("./Button");
|
|
11
12
|
var _Dropdown = require("./Dropdown");
|
|
12
13
|
var _ErrorBoundary = require("./ErrorBoundary");
|
|
@@ -23,7 +24,6 @@ var _Select = require("./Select");
|
|
|
23
24
|
var _SelectMenu = require("./SelectMenu");
|
|
24
25
|
var _Subhead = require("./Subhead");
|
|
25
26
|
var _Toast = require("./Toast");
|
|
26
|
-
require("@papillonarts/css/build/primer/index.scss");
|
|
27
27
|
var primer = exports.primer = {
|
|
28
28
|
Alert: {
|
|
29
29
|
Alert: _Alert.Alert,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@papillonarts/components",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.31.0",
|
|
4
4
|
"description": "Papillon Arts Components",
|
|
5
5
|
"homepage": "https://github.com/papillonarts/papillonarts/tree/master/packages/components",
|
|
6
6
|
"repository": {
|
|
@@ -26,8 +26,8 @@
|
|
|
26
26
|
"build-release": "npm run build"
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
|
-
"@papillonarts/css": "^0.
|
|
30
|
-
"@papillonarts/library": "^0.
|
|
29
|
+
"@papillonarts/css": "^0.31.0",
|
|
30
|
+
"@papillonarts/library": "^0.31.0"
|
|
31
31
|
},
|
|
32
|
-
"gitHead": "
|
|
32
|
+
"gitHead": "78d6f1a0d394422fd5736ddf5e8ce0868e7241f5"
|
|
33
33
|
}
|