@dreamcommerce/aurora 3.0.0-151 → 3.0.0-152
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/cjs/external/@radix-ui/{react-scroll-area/external/@radix-ui/react-presence → react-presence}/dist/index.mjs.js +3 -3
- package/build/cjs/external/@radix-ui/react-scroll-area/dist/index.mjs.js +1 -1
- package/build/cjs/external/@radix-ui/react-scroll-area/dist/index.mjs.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/message_box/message_box.js +11 -17
- package/build/cjs/packages/aurora/src/components/message_box/message_box.js.map +1 -1
- package/build/css_tokens.css +1 -1
- package/build/esm/external/@radix-ui/{react-scroll-area/external/@radix-ui/react-presence → react-presence}/dist/index.mjs.js +3 -3
- package/build/esm/external/@radix-ui/react-scroll-area/dist/index.mjs.js +1 -1
- package/build/esm/external/@radix-ui/react-scroll-area/dist/index.mjs.js.map +1 -1
- package/build/esm/packages/aurora/src/components/message_box/message_box.d.ts +1 -1
- package/build/esm/packages/aurora/src/components/message_box/message_box.js +11 -17
- package/build/esm/packages/aurora/src/components/message_box/message_box.js.map +1 -1
- package/build/esm/packages/aurora/src/components/message_box/message_box_types.d.ts +4 -1
- package/build/esm/packages/aurora/src/components/message_box/message_box_types.js +2 -0
- package/build/esm/packages/aurora/src/components/message_box/message_box_types.js.map +1 -1
- package/build/esm/packages/aurora/src/components/toast/components/toast.d.ts +4 -0
- package/build/esm/packages/aurora/src/components/toast/components/toast.js +16 -0
- package/build/esm/packages/aurora/src/components/toast/components/toast.js.map +1 -0
- package/build/esm/packages/aurora/src/components/toast/components/toast_components_types.d.ts +9 -0
- package/build/esm/packages/aurora/src/components/toast/components/toast_components_types.js +4 -0
- package/build/esm/packages/aurora/src/components/toast/components/toast_components_types.js.map +1 -0
- package/build/esm/packages/aurora/src/components/toast/components/toast_viewport.d.ts +3 -0
- package/build/esm/packages/aurora/src/components/toast/components/toast_viewport.js +8 -0
- package/build/esm/packages/aurora/src/components/toast/components/toast_viewport.js.map +1 -0
- package/build/esm/packages/aurora/src/components/toast/context/toast_provider.d.ts +2 -0
- package/build/esm/packages/aurora/src/components/toast/context/toast_provider.js +3 -0
- package/build/esm/packages/aurora/src/components/toast/context/toast_provider.js.map +1 -0
- package/build/index.css +1 -1
- package/build/tailwind.config.js +16 -1
- package/package.json +3 -1
- /package/build/cjs/external/@radix-ui/{react-scroll-area/external/@radix-ui/react-presence → react-presence}/dist/index.mjs.js.map +0 -0
- /package/build/esm/external/@radix-ui/{react-scroll-area/external/@radix-ui/react-presence → react-presence}/dist/index.mjs.js.map +0 -0
|
@@ -3,9 +3,9 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
|
-
var _rollupPluginBabelHelpers = require('
|
|
7
|
-
var index = require('
|
|
8
|
-
var index$1 = require('
|
|
6
|
+
var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
7
|
+
var index = require('../../react-compose-refs/dist/index.mjs.js');
|
|
8
|
+
var index$1 = require('../../react-use-layout-effect/dist/index.mjs.js');
|
|
9
9
|
|
|
10
10
|
function useStateMachine(initialState, machine) {
|
|
11
11
|
return React.useReducer(function (state, event) {
|
|
@@ -8,7 +8,7 @@ var jsxRuntime = require('react/jsx-runtime');
|
|
|
8
8
|
var index$3 = require('../external/@radix-ui/react-primitive/dist/index.mjs.js');
|
|
9
9
|
var index$1 = require('../../react-compose-refs/dist/index.mjs.js');
|
|
10
10
|
var index$8 = require('../../react-use-layout-effect/dist/index.mjs.js');
|
|
11
|
-
var index$4 = require('
|
|
11
|
+
var index$4 = require('../../react-presence/dist/index.mjs.js');
|
|
12
12
|
var index = require('../../react-context/dist/index.mjs.js');
|
|
13
13
|
var index$6 = require('../../react-use-callback-ref/dist/index.mjs.js');
|
|
14
14
|
var index$2 = require('../../react-direction/dist/index.mjs.js');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sBAAsB,yDAA6D;AACnF;AACA;AACA
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sBAAsB,yDAA6D;AACnF;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sBAAsB,mDAAuD;AAC7E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var cn = require('../../utilities/cn.js');
|
|
7
7
|
var typography = require('../typography/typography.js');
|
|
8
|
-
var close_line_icon = require('../../assets/icons/close_line_icon.js');
|
|
9
8
|
var message_box_constants = require('./message_box_constants.js');
|
|
10
9
|
var message_box_variants = require('./message_box_variants.js');
|
|
11
10
|
|
|
@@ -18,16 +17,19 @@ var MessageBox = function MessageBox(_ref) {
|
|
|
18
17
|
variant = _ref$variant === void 0 ? message_box_constants.MESSAGE_BOX_VARIANTS.info : _ref$variant,
|
|
19
18
|
header = _ref.header,
|
|
20
19
|
children = _ref.children,
|
|
21
|
-
onClose = _ref.onClose,
|
|
22
20
|
_ref$fullWidth = _ref.fullWidth,
|
|
23
21
|
fullWidth = _ref$fullWidth === void 0 ? false : _ref$fullWidth,
|
|
24
22
|
className = _ref.className,
|
|
23
|
+
shadow = _ref.shadow,
|
|
25
24
|
showIcon = _ref.showIcon;
|
|
26
25
|
var Icon = message_box_constants.MESSAGE_BOX_ICONS[variant];
|
|
27
26
|
var iconColor = message_box_constants.MESSAGE_BOX_ICON_COLORS[variant];
|
|
28
|
-
var canClose = !!onClose;
|
|
29
27
|
return /*#__PURE__*/React__default['default'].createElement("div", {
|
|
30
|
-
className: cn.cn(cn.cn(
|
|
28
|
+
className: cn.cn(cn.cn({
|
|
29
|
+
'aurora-w-full aurora-border-none': fullWidth,
|
|
30
|
+
'aurora-w-[272px] aurora-border aurora-rounded-4': !fullWidth,
|
|
31
|
+
'aurora-shadow-l': shadow
|
|
32
|
+
}), message_box_variants.messageBoxVariants({
|
|
31
33
|
variant: variant
|
|
32
34
|
}), className)
|
|
33
35
|
}, showIcon ? (/*#__PURE__*/React__default['default'].createElement("div", {
|
|
@@ -35,25 +37,17 @@ var MessageBox = function MessageBox(_ref) {
|
|
|
35
37
|
}, /*#__PURE__*/React__default['default'].createElement(Icon, {
|
|
36
38
|
className: cn.cn('aurora-mr-2 aurora-w-4 aurora-h-4', iconColor)
|
|
37
39
|
}))) : null, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
38
|
-
className: "aurora-flex aurora-justify-between aurora-items-center aurora-w-full
|
|
40
|
+
className: "aurora-flex aurora-justify-between aurora-items-center aurora-w-full"
|
|
39
41
|
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
40
|
-
className: "aurora-flex aurora-flex-col aurora-
|
|
42
|
+
className: "aurora-flex aurora-flex-col aurora-w-full"
|
|
41
43
|
}, header && (/*#__PURE__*/React__default['default'].createElement("div", {
|
|
42
|
-
className: "aurora-flex aurora-items-center"
|
|
44
|
+
className: "aurora-flex aurora-items-center aurora-w-full"
|
|
43
45
|
}, /*#__PURE__*/React__default['default'].createElement("h4", {
|
|
44
|
-
className: "aurora-text-s aurora-font-semibold aurora-text"
|
|
46
|
+
className: "aurora-text-s aurora-font-semibold aurora-text aurora-w-full"
|
|
45
47
|
}, header))), /*#__PURE__*/React__default['default'].createElement(typography.Typography, {
|
|
46
48
|
className: "aurora-w-full",
|
|
47
49
|
size: "xs"
|
|
48
|
-
}, children))
|
|
49
|
-
className: cn.cn(children && !fullWidth && 'aurora-h-full aurora-flex aurora-self-start aurora-mt-1'),
|
|
50
|
-
onClick: function onClick(e) {
|
|
51
|
-
e.stopPropagation();
|
|
52
|
-
onClose === null || onClose === void 0 ? void 0 : onClose();
|
|
53
|
-
}
|
|
54
|
-
}, /*#__PURE__*/React__default['default'].createElement(close_line_icon.CloseLineIcon, {
|
|
55
|
-
className: cn.cn('aurora-mx-2 aurora-w-4 aurora-h-4 aurora-fill')
|
|
56
|
-
})))));
|
|
50
|
+
}, children))));
|
|
57
51
|
};
|
|
58
52
|
|
|
59
53
|
exports.MessageBox = MessageBox;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
package/build/css_tokens.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--a-font-weight-normal:400;--a-font-weight-medium:500;--a-font-weight-semibold:600;--a-font-weight-bold:700;--a-font-weight-extrabold:800;--a-font-size-xs:calc((var(--a-base-font-size) - 4)/var(--a-base-font-size)*1rem);--a-font-size-s:calc((var(--a-base-font-size) - 2)/var(--a-base-font-size)*1rem);--a-font-size-base:calc(var(--a-base-font-size)/var(--a-base-font-size)*1rem);--a-font-size-lg:calc((var(--a-base-font-size) + 2)/var(--a-base-font-size)*1rem);--a-font-size-xl:calc((var(--a-base-font-size) + 4)/var(--a-base-font-size)*1rem);--a-font-size-2xl:calc((var(--a-base-font-size) + 8)/var(--a-base-font-size)*1rem);--a-font-size-3xl:calc((var(--a-base-font-size) + 16)/var(--a-base-font-size)*1rem);--a-font-size-4xl:calc((var(--a-base-font-size) + 20)/var(--a-base-font-size)*1rem);--a-font-size-5xl:calc((var(--a-base-font-size) + 24)/var(--a-base-font-size)*1rem);--a-font-size-6xl:calc((var(--a-base-font-size) + 32)/var(--a-base-font-size)*1rem);--a-line-height-xs:calc((var(--a-base-line-height) - 6)/var(--a-base-font-size)*1rem);--a-line-height-s:calc((var(--a-base-line-height) - 2)/var(--a-base-font-size)*1rem);--a-line-height-base:calc(var(--a-base-line-height)/var(--a-base-font-size)*1rem);--a-line-height-lg:calc((var(--a-base-line-height) + 2)/var(--a-base-font-size)*1rem);--a-line-height-xl:calc((var(--a-base-line-height) + 2)/var(--a-base-font-size)*1rem);--a-line-height-2xl:calc((var(--a-base-line-height) + 6)/var(--a-base-font-size)*1rem);--a-line-height-3xl:calc((var(--a-base-line-height) + 16)/var(--a-base-font-size)*1rem);--a-line-height-4xl:calc((var(--a-base-line-height) + 20)/var(--a-base-font-size)*1rem);--a-line-height-5xl:calc((var(--a-base-line-height) + 24)/var(--a-base-font-size)*1rem);--a-line-height-6xl:calc((var(--a-base-line-height) + 30)/var(--a-base-font-size)*1rem);--a-letter-spacing-4xs:-0.03rem;--a-letter-spacing-3xs:-0.025rem;--a-letter-spacing-2xs:-0.0.01125rem;--a-letter-spacing-xs:-0.01rem;--a-letter-spacing-s:-0.0075rem;--a-letter-spacing-base:0;--a-letter-spacing-md:0.04rem;--a-brand-50:#f0f6ff;--a-brand-200:#e7ebfe;--a-brand-300:#cbd4fb;--a-brand-500:#002fff;--a-brand-700:#0925a1;--a-brand-800:#02047a;--a-brand-900:#000a38;--a-brand-helpful-500:#ffea00;--a-neutral-0:#fff;--a-neutral-50:#f5f6fa;--a-neutral-100:#f0f1f5;--a-neutral-200:#e6e7eb;--a-neutral-500:#cbcdd1;--a-neutral-600:#9799a2;--a-neutral-700:#72747e;--a-neutral-800:#484950;--a-neutral-900:#03081c;--a-green-50:#ebfaf3;--a-green-100:#ceebdd;--a-green-300:#a7d1bd;--a-green-500:#24b26f;--a-green-600:#1e9c61;--a-green-700:#147346;--a-green-900:#054024;--a-red-50:#faebec;--a-red-100:#ebced0;--a-red-300:#d1a7a9;--a-red-500:#e23f46;--a-red-600:#9c1e24;--a-red-700:#731418;--a-red-900:#400508;--a-yellow-50:#faf6eb;--a-yellow-100:#ebe4ce;--a-yellow-300:#d1c7a7;--a-yellow-500:#f2c533;--a-yellow-600:#9c7f1e;--a-yellow-700:#735d14;--a-yellow-900:#403205;--a-blue-50:#ebf4fa;--a-blue-100:#cedfeb;--a-blue-300:#a7c0d1;--a-blue-500:#33a2f2;--a-blue-600:#1e689c;--a-blue-700:#185480;--a-blue-900:#052740;--a-light-transparent-5:#ffffff0d;--a-light-transparent-10:#ffffff1a;--a-light-transparent-15:#ffffff26;--a-light-transparent-20:#ffffff33;--a-light-transparent-50:#ffffff80;--a-light-transparent-70:#ffffffb2;--a-dark-transparent-5:#03081c0d;--a-dark-transparent-10:#03081c1a;--a-dark-transparent-15:#03081c26;--a-dark-transparent-20:#03081c33;--a-dark-transparent-70:#03081cb2;--a-brand-transparent-10:#002fff1a;--a-brand-transparent-20:#002fff33;--a-brand-transparent-50:#002fff80;--a-base-border-radius:var(--a-base-font-size);--a-border-radius-0:calc((var(--a-base-font-size) - 16)/var(--a-base-font-size)*1rem);--a-border-radius-2:calc((var(--a-base-font-size) - 14)/var(--a-base-font-size)*1rem);--a-border-radius-4:calc((var(--a-base-font-size) - 12)/var(--a-base-font-size)*1rem);--a-border-radius-6:calc((var(--a-base-font-size) - 10)/var(--a-base-font-size)*1rem);--a-border-radius-8:calc((var(--a-base-font-size) - 8)/var(--a-base-font-size)*1rem);--a-border-radius-12:calc((var(--a-base-font-size) - 4)/var(--a-base-font-size)*1rem);--a-border-radius-16:calc(var(--a-base-font-size)/var(--a-base-font-size)*1rem);--a-border-radius-20:calc((var(--a-base-font-size) + 4)/var(--a-base-font-size)*1rem);--a-border-radius-24:calc((var(--a-base-font-size) + 8)/var(--a-base-font-size)*1rem);--a-border-radius-32:calc((var(--a-base-font-size) + 16)/var(--a-base-font-size)*1rem);--a-border-radius-40:calc((var(--a-base-font-size) + 24)/var(--a-base-font-size)*1rem);--a-border-radius-full:9999px;--a-box-shadow-s:0px 1px 6px -1px rgba(3,8,28,.04);--a-box-shadow-m:0px 8px 16px -4px rgba(3,8,28,.04);--a-box-shadow-l:0px 20px 20px -4px rgba(3,8,28,.04);--a-box-shadow-xl:0px 32px 48px -10px rgba(3,8,28,.04);--a-box-shadow-s-inverse:0px -1px 6px -1px rgba(3,8,28,.04);--a-box-shadow-m-inverse:0px -8px 16px -4px rgba(3,8,28,.04);--a-box-shadow-l-inverse:0px -20px 20px -4px rgba(3,8,28,.04);--a-box-shadow-color:rgba(3,8,28,.04)}
|
|
1
|
+
:root{--a-font-weight-normal:400;--a-font-weight-medium:500;--a-font-weight-semibold:600;--a-font-weight-bold:700;--a-font-weight-extrabold:800;--a-font-size-xs:calc((var(--a-base-font-size) - 4)/var(--a-base-font-size)*1rem);--a-font-size-s:calc((var(--a-base-font-size) - 2)/var(--a-base-font-size)*1rem);--a-font-size-base:calc(var(--a-base-font-size)/var(--a-base-font-size)*1rem);--a-font-size-lg:calc((var(--a-base-font-size) + 2)/var(--a-base-font-size)*1rem);--a-font-size-xl:calc((var(--a-base-font-size) + 4)/var(--a-base-font-size)*1rem);--a-font-size-2xl:calc((var(--a-base-font-size) + 8)/var(--a-base-font-size)*1rem);--a-font-size-3xl:calc((var(--a-base-font-size) + 16)/var(--a-base-font-size)*1rem);--a-font-size-4xl:calc((var(--a-base-font-size) + 20)/var(--a-base-font-size)*1rem);--a-font-size-5xl:calc((var(--a-base-font-size) + 24)/var(--a-base-font-size)*1rem);--a-font-size-6xl:calc((var(--a-base-font-size) + 32)/var(--a-base-font-size)*1rem);--a-line-height-xs:calc((var(--a-base-line-height) - 6)/var(--a-base-font-size)*1rem);--a-line-height-s:calc((var(--a-base-line-height) - 2)/var(--a-base-font-size)*1rem);--a-line-height-base:calc(var(--a-base-line-height)/var(--a-base-font-size)*1rem);--a-line-height-lg:calc((var(--a-base-line-height) + 2)/var(--a-base-font-size)*1rem);--a-line-height-xl:calc((var(--a-base-line-height) + 2)/var(--a-base-font-size)*1rem);--a-line-height-2xl:calc((var(--a-base-line-height) + 6)/var(--a-base-font-size)*1rem);--a-line-height-3xl:calc((var(--a-base-line-height) + 16)/var(--a-base-font-size)*1rem);--a-line-height-4xl:calc((var(--a-base-line-height) + 20)/var(--a-base-font-size)*1rem);--a-line-height-5xl:calc((var(--a-base-line-height) + 24)/var(--a-base-font-size)*1rem);--a-line-height-6xl:calc((var(--a-base-line-height) + 30)/var(--a-base-font-size)*1rem);--a-letter-spacing-4xs:-0.03rem;--a-letter-spacing-3xs:-0.025rem;--a-letter-spacing-2xs:-0.0.01125rem;--a-letter-spacing-xs:-0.01rem;--a-letter-spacing-s:-0.0075rem;--a-letter-spacing-base:0;--a-letter-spacing-md:0.04rem;--a-brand-50:#f0f6ff;--a-brand-200:#e7ebfe;--a-brand-300:#cbd4fb;--a-brand-500:#002fff;--a-brand-700:#0925a1;--a-brand-800:#02047a;--a-brand-900:#000a38;--a-brand-helpful-500:#ffea00;--a-neutral-0:#fff;--a-neutral-50:#f5f6fa;--a-neutral-100:#f0f1f5;--a-neutral-200:#e6e7eb;--a-neutral-500:#cbcdd1;--a-neutral-600:#9799a2;--a-neutral-700:#72747e;--a-neutral-800:#484950;--a-neutral-900:#03081c;--a-green-50:#ebfaf3;--a-green-100:#ceebdd;--a-green-300:#a7d1bd;--a-green-500:#24b26f;--a-green-600:#1e9c61;--a-green-700:#147346;--a-green-900:#054024;--a-red-50:#faebec;--a-red-100:#ebced0;--a-red-300:#d1a7a9;--a-red-500:#e23f46;--a-red-600:#9c1e24;--a-red-700:#731418;--a-red-900:#400508;--a-yellow-50:#faf6eb;--a-yellow-100:#ebe4ce;--a-yellow-300:#d1c7a7;--a-yellow-500:#f2c533;--a-yellow-600:#9c7f1e;--a-yellow-700:#735d14;--a-yellow-900:#403205;--a-blue-50:#ebf4fa;--a-blue-100:#cedfeb;--a-blue-300:#a7c0d1;--a-blue-500:#33a2f2;--a-blue-600:#1e689c;--a-blue-700:#185480;--a-blue-900:#052740;--a-light-transparent-5:#ffffff0d;--a-light-transparent-10:#ffffff1a;--a-light-transparent-15:#ffffff26;--a-light-transparent-20:#ffffff33;--a-light-transparent-50:#ffffff80;--a-light-transparent-70:#ffffffb2;--a-dark-transparent-5:#03081c0d;--a-dark-transparent-10:#03081c1a;--a-dark-transparent-15:#03081c26;--a-dark-transparent-20:#03081c33;--a-dark-transparent-70:#03081cb2;--a-brand-transparent-10:#002fff1a;--a-brand-transparent-20:#002fff33;--a-brand-transparent-50:#002fff80;--a-base-border-radius:var(--a-base-font-size);--a-border-radius-0:calc((var(--a-base-font-size) - 16)/var(--a-base-font-size)*1rem);--a-border-radius-2:calc((var(--a-base-font-size) - 14)/var(--a-base-font-size)*1rem);--a-border-radius-4:calc((var(--a-base-font-size) - 12)/var(--a-base-font-size)*1rem);--a-border-radius-6:calc((var(--a-base-font-size) - 10)/var(--a-base-font-size)*1rem);--a-border-radius-8:calc((var(--a-base-font-size) - 8)/var(--a-base-font-size)*1rem);--a-border-radius-12:calc((var(--a-base-font-size) - 4)/var(--a-base-font-size)*1rem);--a-border-radius-16:calc(var(--a-base-font-size)/var(--a-base-font-size)*1rem);--a-border-radius-20:calc((var(--a-base-font-size) + 4)/var(--a-base-font-size)*1rem);--a-border-radius-24:calc((var(--a-base-font-size) + 8)/var(--a-base-font-size)*1rem);--a-border-radius-32:calc((var(--a-base-font-size) + 16)/var(--a-base-font-size)*1rem);--a-border-radius-40:calc((var(--a-base-font-size) + 24)/var(--a-base-font-size)*1rem);--a-border-radius-full:9999px;--a-box-shadow-s:0px 1px 6px -1px rgba(3,8,28,.04);--a-box-shadow-m:0px 8px 16px -4px rgba(3,8,28,.04);--a-box-shadow-l:0px 20px 20px -4px rgba(3,8,28,.04);--a-box-shadow-xl:0px 32px 48px -10px rgba(3,8,28,.04);--a-box-shadow-s-inverse:0px -1px 6px -1px rgba(3,8,28,.04);--a-box-shadow-m-inverse:0px -8px 16px -4px rgba(3,8,28,.04);--a-box-shadow-l-inverse:0px -20px 20px -4px rgba(3,8,28,.04);--a-box-shadow-color:rgba(3,8,28,.04);--a-toast-viewport-padding:16px}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { useCallback, Children, cloneElement, useState, useRef, useReducer, useEffect } from 'react';
|
|
2
|
-
import { slicedToArray as _slicedToArray } from '
|
|
3
|
-
import { useComposedRefs } from '
|
|
4
|
-
import { useLayoutEffect as useLayoutEffect2 } from '
|
|
2
|
+
import { slicedToArray as _slicedToArray } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
|
+
import { useComposedRefs } from '../../react-compose-refs/dist/index.mjs.js';
|
|
4
|
+
import { useLayoutEffect as useLayoutEffect2 } from '../../react-use-layout-effect/dist/index.mjs.js';
|
|
5
5
|
|
|
6
6
|
function useStateMachine(initialState, machine) {
|
|
7
7
|
return useReducer(function (state, event) {
|
|
@@ -4,7 +4,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
|
4
4
|
import { Primitive } from '../external/@radix-ui/react-primitive/dist/index.mjs.js';
|
|
5
5
|
import { useComposedRefs } from '../../react-compose-refs/dist/index.mjs.js';
|
|
6
6
|
import { useLayoutEffect as useLayoutEffect2 } from '../../react-use-layout-effect/dist/index.mjs.js';
|
|
7
|
-
import { Presence } from '
|
|
7
|
+
import { Presence } from '../../react-presence/dist/index.mjs.js';
|
|
8
8
|
import { createContextScope } from '../../react-context/dist/index.mjs.js';
|
|
9
9
|
import { useCallbackRef } from '../../react-use-callback-ref/dist/index.mjs.js';
|
|
10
10
|
import { useDirection } from '../../react-direction/dist/index.mjs.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA,0BAA0B,yDAA6D;AACvF;AACA;AACA
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA,0BAA0B,yDAA6D;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qCAAqC,mDAAuD;AAC5F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { TMessageBoxProps } from './message_box_types';
|
|
3
|
-
export declare const MessageBox: ({ variant, header, children,
|
|
3
|
+
export declare const MessageBox: ({ variant, header, children, fullWidth, className, shadow, showIcon }: TMessageBoxProps) => React.JSX.Element;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { cn } from '../../utilities/cn.js';
|
|
3
3
|
import { Typography } from '../typography/typography.js';
|
|
4
|
-
import { CloseLineIcon } from '../../assets/icons/close_line_icon.js';
|
|
5
4
|
import { MESSAGE_BOX_ICONS, MESSAGE_BOX_ICON_COLORS, MESSAGE_BOX_VARIANTS } from './message_box_constants.js';
|
|
6
5
|
import { messageBoxVariants } from './message_box_variants.js';
|
|
7
6
|
|
|
@@ -10,16 +9,19 @@ var MessageBox = function MessageBox(_ref) {
|
|
|
10
9
|
variant = _ref$variant === void 0 ? MESSAGE_BOX_VARIANTS.info : _ref$variant,
|
|
11
10
|
header = _ref.header,
|
|
12
11
|
children = _ref.children,
|
|
13
|
-
onClose = _ref.onClose,
|
|
14
12
|
_ref$fullWidth = _ref.fullWidth,
|
|
15
13
|
fullWidth = _ref$fullWidth === void 0 ? false : _ref$fullWidth,
|
|
16
14
|
className = _ref.className,
|
|
15
|
+
shadow = _ref.shadow,
|
|
17
16
|
showIcon = _ref.showIcon;
|
|
18
17
|
var Icon = MESSAGE_BOX_ICONS[variant];
|
|
19
18
|
var iconColor = MESSAGE_BOX_ICON_COLORS[variant];
|
|
20
|
-
var canClose = !!onClose;
|
|
21
19
|
return /*#__PURE__*/React.createElement("div", {
|
|
22
|
-
className: cn(cn(
|
|
20
|
+
className: cn(cn({
|
|
21
|
+
'aurora-w-full aurora-border-none': fullWidth,
|
|
22
|
+
'aurora-w-[272px] aurora-border aurora-rounded-4': !fullWidth,
|
|
23
|
+
'aurora-shadow-l': shadow
|
|
24
|
+
}), messageBoxVariants({
|
|
23
25
|
variant: variant
|
|
24
26
|
}), className)
|
|
25
27
|
}, showIcon ? (/*#__PURE__*/React.createElement("div", {
|
|
@@ -27,25 +29,17 @@ var MessageBox = function MessageBox(_ref) {
|
|
|
27
29
|
}, /*#__PURE__*/React.createElement(Icon, {
|
|
28
30
|
className: cn('aurora-mr-2 aurora-w-4 aurora-h-4', iconColor)
|
|
29
31
|
}))) : null, /*#__PURE__*/React.createElement("div", {
|
|
30
|
-
className: "aurora-flex aurora-justify-between aurora-items-center aurora-w-full
|
|
32
|
+
className: "aurora-flex aurora-justify-between aurora-items-center aurora-w-full"
|
|
31
33
|
}, /*#__PURE__*/React.createElement("div", {
|
|
32
|
-
className: "aurora-flex aurora-flex-col aurora-
|
|
34
|
+
className: "aurora-flex aurora-flex-col aurora-w-full"
|
|
33
35
|
}, header && (/*#__PURE__*/React.createElement("div", {
|
|
34
|
-
className: "aurora-flex aurora-items-center"
|
|
36
|
+
className: "aurora-flex aurora-items-center aurora-w-full"
|
|
35
37
|
}, /*#__PURE__*/React.createElement("h4", {
|
|
36
|
-
className: "aurora-text-s aurora-font-semibold aurora-text"
|
|
38
|
+
className: "aurora-text-s aurora-font-semibold aurora-text aurora-w-full"
|
|
37
39
|
}, header))), /*#__PURE__*/React.createElement(Typography, {
|
|
38
40
|
className: "aurora-w-full",
|
|
39
41
|
size: "xs"
|
|
40
|
-
}, children))
|
|
41
|
-
className: cn(children && !fullWidth && 'aurora-h-full aurora-flex aurora-self-start aurora-mt-1'),
|
|
42
|
-
onClick: function onClick(e) {
|
|
43
|
-
e.stopPropagation();
|
|
44
|
-
onClose === null || onClose === void 0 ? void 0 : onClose();
|
|
45
|
-
}
|
|
46
|
-
}, /*#__PURE__*/React.createElement(CloseLineIcon, {
|
|
47
|
-
className: cn('aurora-mx-2 aurora-w-4 aurora-h-4 aurora-fill')
|
|
48
|
-
})))));
|
|
42
|
+
}, children))));
|
|
49
43
|
};
|
|
50
44
|
|
|
51
45
|
export { MessageBox };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1,11 +1,14 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { VariantProps } from 'class-variance-authority';
|
|
3
3
|
import { messageBoxVariants } from './message_box_variants';
|
|
4
|
+
import { MESSAGE_BOX_VARIANTS } from "./message_box_constants";
|
|
5
|
+
import { Any } from 'ts-toolbelt';
|
|
4
6
|
export interface TMessageBoxProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof messageBoxVariants> {
|
|
5
7
|
showIcon?: boolean;
|
|
6
8
|
header?: string | React.ReactNode;
|
|
7
9
|
children?: React.ReactNode;
|
|
8
|
-
onClose?: () => void;
|
|
9
10
|
fullWidth?: boolean;
|
|
10
11
|
className?: string;
|
|
12
|
+
shadow?: boolean;
|
|
11
13
|
}
|
|
14
|
+
export declare type TMessageBoxVariant = Any.Keys<typeof MESSAGE_BOX_VARIANTS>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"message_box_types.js","sourceRoot":"","sources":["../../../../../../../src/components/message_box/message_box_types.ts"],"names":[],"mappings":"AAAA,OAAkB,OAAO,CAAC;AAC1B,OAA6B,0BAA0B,CAAC;AACxD,OAAmC,wBAAwB,CAAC"}
|
|
1
|
+
{"version":3,"file":"message_box_types.js","sourceRoot":"","sources":["../../../../../../../src/components/message_box/message_box_types.ts"],"names":[],"mappings":"AAAA,OAAkB,OAAO,CAAC;AAC1B,OAA6B,0BAA0B,CAAC;AACxD,OAAmC,wBAAwB,CAAC;AAC5D,OAAqC,qDAAqD,CAAC;AAC3F,OAAoB,aAAa,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { MessageBox } from '@auroraComponents/message_box/message_box';
|
|
2
|
+
import '@auroraComponents/toast/components/toast_components_types';
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import 'react';
|
|
5
|
+
import { Root, Close } from '@radix-ui/react-toast';
|
|
6
|
+
import { CloseLineIcon } from '@auroraAssets/icons/close_line_icon';
|
|
7
|
+
import { Stack } from '@auroraComponents/stack/stack';
|
|
8
|
+
export const Toast = ({ type, header, children, closeable = true, ...rest }) => {
|
|
9
|
+
return (React.createElement(Root, { ...rest, className: 'data-[state=open]:aurora-animate-toast-slide-in data-[state=closed]:aurora-animate-toast-swipe-out data-[state=hide]:aurora-animate-toast-hide' },
|
|
10
|
+
React.createElement(MessageBox, { variant: type, header: header },
|
|
11
|
+
React.createElement(Stack, { justify: "between", align: "center" },
|
|
12
|
+
children,
|
|
13
|
+
closeable ? (React.createElement(Close, null,
|
|
14
|
+
React.createElement(CloseLineIcon, { size: 16 }))) : null))));
|
|
15
|
+
};
|
|
16
|
+
//# sourceMappingURL=toast.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toast.js","sourceRoot":"","sources":["../../../../../../../../src/components/toast/components/toast.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,2CAA2C,CAAC;AACvE,OAA4B,2DAA2D,CAAC;AACxF,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAkC,OAAO,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AACpE,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAEtD,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,GAAG,IAAI,EAAE,GAAG,IAAI,EAAkC,EAAE,EAAE;IAC3G,OAAO,CACH,oBAAC,IAAI,OACG,IAAI,EACR,SAAS,EACL,gJAAgJ;QAGpJ,oBAAC,UAAU,IAAC,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM;YACrC,oBAAC,KAAK,IAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,QAAQ;gBAClC,QAAQ;gBAER,SAAS,CAAC,CAAC,CAAC,CACT,oBAAC,KAAK;oBACF,oBAAC,aAAa,IAAC,IAAI,EAAE,EAAE,GAAI,CACvB,CACX,CAAC,CAAC,CAAC,IAAI,CACJ,CACC,CACV,CACV,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { Toast, Viewport } from '@radix-ui/react-toast';
|
|
2
|
+
import { TMessageBoxVariant } from "../../message_box/message_box_types";
|
|
3
|
+
import { ComponentProps, ReactNode } from 'react';
|
|
4
|
+
export declare type TToastProps = Omit<ComponentProps<typeof Toast>, 'type'> & {
|
|
5
|
+
type: TMessageBoxVariant;
|
|
6
|
+
header?: string | ReactNode;
|
|
7
|
+
closeable?: boolean;
|
|
8
|
+
};
|
|
9
|
+
export declare type TToastViewportProps = ComponentProps<typeof Viewport>;
|
package/build/esm/packages/aurora/src/components/toast/components/toast_components_types.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toast_components_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/toast/components/toast_components_types.ts"],"names":[],"mappings":"AAAA,OAAgC,uBAAuB,CAAC;AACxD,OAAmC,iDAAiD,CAAC;AACrF,OAA0C,OAAO,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Viewport } from '@radix-ui/react-toast';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { cn } from '@auroraUtilities/cn';
|
|
4
|
+
import '@auroraComponents/toast/components/toast_components_types';
|
|
5
|
+
export const ToastViewport = (props) => {
|
|
6
|
+
return (React.createElement(Viewport, { className: cn('aurora-fixed aurora-bottom-0 aurora-right-0 aurora-flex aurora-flex-col aurora-gap-2.5 aurora-p-4 aurora-z-[99999]'), ...props }));
|
|
7
|
+
};
|
|
8
|
+
//# sourceMappingURL=toast_viewport.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toast_viewport.js","sourceRoot":"","sources":["../../../../../../../../src/components/toast/components/toast_viewport.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AACzC,OAAoC,2DAA2D,CAAC;AAEhG,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAA0B,EAAE,EAAE;IACxD,OAAO,CACH,oBAAC,QAAQ,IACL,SAAS,EAAE,EAAE,CAAC,oHAAoH,CAAC,KAC/H,KAAK,GACX,CACL,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toast_provider.js","sourceRoot":"","sources":["../../../../../../../../src/components/toast/context/toast_provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,MAAM,CAAC,MAAM,aAAa,GAAG,QAAQ,CAAC"}
|