@dreamcommerce/aurora 3.0.0-31 → 3.0.0-33
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/packages/aurora/src/assets/icons/close_line.js +10 -0
- package/build/cjs/packages/aurora/src/assets/icons/close_line.js.map +1 -0
- package/build/cjs/packages/aurora/src/assets/icons/question_icon.js +10 -0
- package/build/cjs/packages/aurora/src/assets/icons/question_icon.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/action_list/components/action_list_label.js +7 -4
- package/build/cjs/packages/aurora/src/components/action_list/components/action_list_label.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/box/box.js +6 -6
- package/build/cjs/packages/aurora/src/components/divider/divider.js +27 -13
- package/build/cjs/packages/aurora/src/components/divider/divider.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/divider/divider_constants.js +24 -0
- package/build/cjs/packages/aurora/src/components/divider/divider_constants.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/divider/divider_variants.js +39 -4
- package/build/cjs/packages/aurora/src/components/divider/divider_variants.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/modal/components/modal/modal.js +98 -0
- package/build/cjs/packages/aurora/src/components/modal/components/modal/modal.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/modal/components/modal/modal_close_icon.js +24 -0
- package/build/cjs/packages/aurora/src/components/modal/components/modal/modal_close_icon.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/modal/components/modal/modal_footer.js +20 -0
- package/build/cjs/packages/aurora/src/components/modal/components/modal/modal_footer.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/modal/components/modal/modal_header.js +28 -0
- package/build/cjs/packages/aurora/src/components/modal/components/modal/modal_header.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/modal/components/modals_wrapper.js +53 -0
- package/build/cjs/packages/aurora/src/components/modal/components/modals_wrapper.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/modal/hooks/use_modals.js +109 -0
- package/build/cjs/packages/aurora/src/components/modal/hooks/use_modals.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/modal/hooks/use_modals_context.js +17 -0
- package/build/cjs/packages/aurora/src/components/modal/hooks/use_modals_context.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/modal/modal_constants.js +24 -0
- package/build/cjs/packages/aurora/src/components/modal/modal_constants.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/modal/modal_context.js +21 -0
- package/build/cjs/packages/aurora/src/components/modal/modal_context.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/modal/modal_variants.js +19 -0
- package/build/cjs/packages/aurora/src/components/modal/modal_variants.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/modal/modals_manager.js +43 -0
- package/build/cjs/packages/aurora/src/components/modal/modals_manager.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/stack/stack.js +9 -9
- package/build/cjs/packages/aurora/src/components/tooltip/components/tooltip_trigger.js +15 -1
- package/build/cjs/packages/aurora/src/components/tooltip/components/tooltip_trigger.js.map +1 -1
- package/build/cjs/packages/aurora/src/index.js +8 -0
- package/build/cjs/packages/aurora/src/index.js.map +1 -1
- package/build/esm/packages/aurora/src/assets/icons/close_line.d.ts +1 -0
- package/build/esm/packages/aurora/src/assets/icons/close_line.js +6 -0
- package/build/esm/packages/aurora/src/assets/icons/close_line.js.map +1 -0
- package/build/esm/packages/aurora/src/assets/icons/question_icon.d.ts +1 -0
- package/build/esm/packages/aurora/src/assets/icons/question_icon.js +6 -0
- package/build/esm/packages/aurora/src/assets/icons/question_icon.js.map +1 -0
- package/build/esm/packages/aurora/src/components/action_list/components/action_list_label.d.ts +1 -1
- package/build/esm/packages/aurora/src/components/action_list/components/action_list_label.js +7 -4
- package/build/esm/packages/aurora/src/components/action_list/components/action_list_label.js.map +1 -1
- package/build/esm/packages/aurora/src/components/box/box.d.ts +2 -2
- package/build/esm/packages/aurora/src/components/box/box.js +6 -6
- package/build/esm/packages/aurora/src/components/divider/divider.d.ts +2 -6
- package/build/esm/packages/aurora/src/components/divider/divider.js +27 -13
- package/build/esm/packages/aurora/src/components/divider/divider.js.map +1 -1
- package/build/esm/packages/aurora/src/components/divider/divider_constants.d.ts +15 -0
- package/build/esm/packages/aurora/src/components/divider/divider_constants.js +18 -0
- package/build/esm/packages/aurora/src/components/divider/divider_constants.js.map +1 -0
- package/build/esm/packages/aurora/src/components/divider/divider_types.d.ts +8 -3
- package/build/esm/packages/aurora/src/components/divider/divider_types.js +3 -0
- package/build/esm/packages/aurora/src/components/divider/divider_types.js.map +1 -1
- package/build/esm/packages/aurora/src/components/divider/divider_variants.d.ts +3 -2
- package/build/esm/packages/aurora/src/components/divider/divider_variants.js +39 -4
- package/build/esm/packages/aurora/src/components/divider/divider_variants.js.map +1 -1
- package/build/esm/packages/aurora/src/components/modal/components/modal/modal.d.ts +3 -0
- package/build/esm/packages/aurora/src/components/modal/components/modal/modal.js +90 -0
- package/build/esm/packages/aurora/src/components/modal/components/modal/modal.js.map +1 -0
- package/build/esm/packages/aurora/src/components/modal/components/modal/modal_close_icon.d.ts +3 -0
- package/build/esm/packages/aurora/src/components/modal/components/modal/modal_close_icon.js +16 -0
- package/build/esm/packages/aurora/src/components/modal/components/modal/modal_close_icon.js.map +1 -0
- package/build/esm/packages/aurora/src/components/modal/components/modal/modal_footer.d.ts +3 -0
- package/build/esm/packages/aurora/src/components/modal/components/modal/modal_footer.js +12 -0
- package/build/esm/packages/aurora/src/components/modal/components/modal/modal_footer.js.map +1 -0
- package/build/esm/packages/aurora/src/components/modal/components/modal/modal_header.d.ts +3 -0
- package/build/esm/packages/aurora/src/components/modal/components/modal/modal_header.js +20 -0
- package/build/esm/packages/aurora/src/components/modal/components/modal/modal_header.js.map +1 -0
- package/build/esm/packages/aurora/src/components/modal/components/modals_wrapper.d.ts +6 -0
- package/build/esm/packages/aurora/src/components/modal/components/modals_wrapper.js +45 -0
- package/build/esm/packages/aurora/src/components/modal/components/modals_wrapper.js.map +1 -0
- package/build/esm/packages/aurora/src/components/modal/hooks/use_modals.d.ts +12 -0
- package/build/esm/packages/aurora/src/components/modal/hooks/use_modals.js +105 -0
- package/build/esm/packages/aurora/src/components/modal/hooks/use_modals.js.map +1 -0
- package/build/esm/packages/aurora/src/components/modal/hooks/use_modals_context.d.ts +2 -0
- package/build/esm/packages/aurora/src/components/modal/hooks/use_modals_context.js +13 -0
- package/build/esm/packages/aurora/src/components/modal/hooks/use_modals_context.js.map +1 -0
- package/build/esm/packages/aurora/src/components/modal/modal_constants.d.ts +13 -0
- package/build/esm/packages/aurora/src/components/modal/modal_constants.js +16 -0
- package/build/esm/packages/aurora/src/components/modal/modal_constants.js.map +1 -0
- package/build/esm/packages/aurora/src/components/modal/modal_context.d.ts +3 -0
- package/build/esm/packages/aurora/src/components/modal/modal_context.js +17 -0
- package/build/esm/packages/aurora/src/components/modal/modal_context.js.map +1 -0
- package/build/esm/packages/aurora/src/components/modal/modal_types.d.ts +39 -0
- package/build/esm/packages/aurora/src/components/modal/modal_types.js +3 -0
- package/build/esm/packages/aurora/src/components/modal/modal_types.js.map +1 -0
- package/build/esm/packages/aurora/src/components/modal/modal_variants.d.ts +3 -0
- package/build/esm/packages/aurora/src/components/modal/modal_variants.js +15 -0
- package/build/esm/packages/aurora/src/components/modal/modal_variants.js.map +1 -0
- package/build/esm/packages/aurora/src/components/modal/modals_manager.d.ts +6 -0
- package/build/esm/packages/aurora/src/components/modal/modals_manager.js +35 -0
- package/build/esm/packages/aurora/src/components/modal/modals_manager.js.map +1 -0
- package/build/esm/packages/aurora/src/components/stack/stack.d.ts +2 -2
- package/build/esm/packages/aurora/src/components/stack/stack.js +9 -9
- package/build/esm/packages/aurora/src/components/stack/stack_types.d.ts +2 -2
- package/build/esm/packages/aurora/src/components/tooltip/components/tooltip_trigger.d.ts +2 -2
- package/build/esm/packages/aurora/src/components/tooltip/components/tooltip_trigger.js +15 -1
- package/build/esm/packages/aurora/src/components/tooltip/components/tooltip_trigger.js.map +1 -1
- package/build/esm/packages/aurora/src/index.d.ts +3 -0
- package/build/esm/packages/aurora/src/index.js +3 -0
- package/build/esm/packages/aurora/src/index.js.map +1 -1
- package/build/index.css +1 -1
- package/build/tailwind.config.js +20 -4
- package/package.json +7 -5
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var modal_context = require('../modal_context.js');
|
|
7
|
+
|
|
8
|
+
function useModalsContext() {
|
|
9
|
+
var context = React.useContext(modal_context.ModalsManagerContext);
|
|
10
|
+
if (Object.keys(context).length === 0 && context.constructor === Object) {
|
|
11
|
+
throw new Error("Modal component cannot be rendered outside the ModalWrapper component");
|
|
12
|
+
}
|
|
13
|
+
return context;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
exports.useModalsContext = useModalsContext;
|
|
17
|
+
//# sourceMappingURL=use_modals_context.js.map
|
|
@@ -0,0 +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;"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var MODALS_CONTENT_ID = 'modals-content';
|
|
6
|
+
var MODALS_WRAPPER_BACKDROP_FADE_DURATION = 300;
|
|
7
|
+
var MODAL_SLIDE_FADE_DURATION = 200;
|
|
8
|
+
var MODAL_VISIBILITY_STATE = {
|
|
9
|
+
none: 'none',
|
|
10
|
+
hidden: 'hidden',
|
|
11
|
+
visible: 'visible'
|
|
12
|
+
};
|
|
13
|
+
var MODAL_WIDTH_VARIANT = {
|
|
14
|
+
s: 's',
|
|
15
|
+
m: 'm',
|
|
16
|
+
l: 'l'
|
|
17
|
+
};
|
|
18
|
+
|
|
19
|
+
exports.MODALS_CONTENT_ID = MODALS_CONTENT_ID;
|
|
20
|
+
exports.MODALS_WRAPPER_BACKDROP_FADE_DURATION = MODALS_WRAPPER_BACKDROP_FADE_DURATION;
|
|
21
|
+
exports.MODAL_SLIDE_FADE_DURATION = MODAL_SLIDE_FADE_DURATION;
|
|
22
|
+
exports.MODAL_VISIBILITY_STATE = MODAL_VISIBILITY_STATE;
|
|
23
|
+
exports.MODAL_WIDTH_VARIANT = MODAL_WIDTH_VARIANT;
|
|
24
|
+
//# sourceMappingURL=modal_constants.js.map
|
|
@@ -0,0 +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;"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
|
|
7
|
+
var ModalsManagerContext = /*#__PURE__*/React.createContext({
|
|
8
|
+
modalsManagerContainerSelector: '',
|
|
9
|
+
addModal: function addModal() {},
|
|
10
|
+
updateModal: function updateModal() {},
|
|
11
|
+
getModal: function getModal() {
|
|
12
|
+
return undefined;
|
|
13
|
+
},
|
|
14
|
+
showModal: function showModal() {},
|
|
15
|
+
hideModal: function hideModal() {},
|
|
16
|
+
hideAllModals: function hideAllModals() {},
|
|
17
|
+
openedModals: []
|
|
18
|
+
});
|
|
19
|
+
|
|
20
|
+
exports.ModalsManagerContext = ModalsManagerContext;
|
|
21
|
+
//# sourceMappingURL=modal_context.js.map
|
|
@@ -0,0 +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;"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
6
|
+
var index = require('../../../../../external/class-variance-authority/dist/index.mjs.js');
|
|
7
|
+
var modal_constants = require('./modal_constants.js');
|
|
8
|
+
|
|
9
|
+
var modalVariants = index.cva('aurora-w-full aurora-absolute aurora-bg aurora-rounded-16 aurora-shadow-xl aurora-p-6 aurora-opacity-0 aurora-transition-all', {
|
|
10
|
+
variants: {
|
|
11
|
+
width: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, modal_constants.MODAL_WIDTH_VARIANT.s, 'aurora-max-w-[25rem]'), modal_constants.MODAL_WIDTH_VARIANT.m, 'aurora-max-w-[40rem]'), modal_constants.MODAL_WIDTH_VARIANT.l, 'aurora-max-w-[61rem]')
|
|
12
|
+
},
|
|
13
|
+
defaultVariants: {
|
|
14
|
+
width: modal_constants.MODAL_WIDTH_VARIANT.m
|
|
15
|
+
}
|
|
16
|
+
});
|
|
17
|
+
|
|
18
|
+
exports.modalVariants = modalVariants;
|
|
19
|
+
//# sourceMappingURL=modal_variants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,oBAAoB,oEAAwE;AAC5F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var modal_context = require('./modal_context.js');
|
|
7
|
+
var modals_wrapper = require('./components/modals_wrapper.js');
|
|
8
|
+
var use_modals = require('./hooks/use_modals.js');
|
|
9
|
+
|
|
10
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
11
|
+
|
|
12
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
13
|
+
|
|
14
|
+
var ModalsManager = function ModalsManager(_ref) {
|
|
15
|
+
var children = _ref.children;
|
|
16
|
+
var _useModals = use_modals['default'](),
|
|
17
|
+
modalsManagerContainerSelector = _useModals.modalsManagerContainerSelector,
|
|
18
|
+
addModal = _useModals.addModal,
|
|
19
|
+
updateModal = _useModals.updateModal,
|
|
20
|
+
getModal = _useModals.getModal,
|
|
21
|
+
showModal = _useModals.showModal,
|
|
22
|
+
hideModal = _useModals.hideModal,
|
|
23
|
+
hideAllModals = _useModals.hideAllModals,
|
|
24
|
+
openedModals = _useModals.openedModals;
|
|
25
|
+
var value = React.useMemo(function () {
|
|
26
|
+
return {
|
|
27
|
+
modalsManagerContainerSelector: modalsManagerContainerSelector,
|
|
28
|
+
addModal: addModal,
|
|
29
|
+
updateModal: updateModal,
|
|
30
|
+
getModal: getModal,
|
|
31
|
+
showModal: showModal,
|
|
32
|
+
hideModal: hideModal,
|
|
33
|
+
hideAllModals: hideAllModals,
|
|
34
|
+
openedModals: openedModals
|
|
35
|
+
};
|
|
36
|
+
}, [modalsManagerContainerSelector, addModal, updateModal, getModal, showModal, hideModal, hideAllModals, openedModals]);
|
|
37
|
+
return /*#__PURE__*/React__default['default'].createElement(modal_context.ModalsManagerContext.Provider, {
|
|
38
|
+
value: value
|
|
39
|
+
}, /*#__PURE__*/React__default['default'].createElement(modals_wrapper.ModalsWrapper, null, children));
|
|
40
|
+
};
|
|
41
|
+
|
|
42
|
+
exports.ModalsManager = ModalsManager;
|
|
43
|
+
//# sourceMappingURL=modals_manager.js.map
|
|
@@ -0,0 +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;"}
|
|
@@ -12,13 +12,13 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
12
12
|
|
|
13
13
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
14
14
|
|
|
15
|
-
var _excluded = ["children", "spacing", "className", "direction", "
|
|
15
|
+
var _excluded = ["children", "spacing", "className", "direction", "justify", "align", "wrap", "as", "inline", "attributes", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "style"];
|
|
16
16
|
var stackVariants = index.cva('aurora-flex', {
|
|
17
17
|
variants: {
|
|
18
18
|
direction: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, stack_constants.STACK_DIRECTION_TYPES.row, 'aurora-flex-row'), stack_constants.STACK_DIRECTION_TYPES.column, 'aurora-flex-col'), stack_constants.STACK_DIRECTION_TYPES.rowReverse, 'aurora-flex-row-reverse'), stack_constants.STACK_DIRECTION_TYPES.columnReverse, 'aurora-flex-col-reverse'),
|
|
19
19
|
wrap: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, stack_constants.STACK_WRAP_TYPES.wrap, 'aurora-flex-wrap'), stack_constants.STACK_WRAP_TYPES.nowrap, 'aurora-flex-nowrap'), stack_constants.STACK_WRAP_TYPES.wrapReverse, 'aurora-flex-wrap-reverse'),
|
|
20
|
-
|
|
21
|
-
|
|
20
|
+
align: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, stack_constants.STACK_ALIGN_ITEMS_TYPES.start, 'aurora-items-start'), stack_constants.STACK_ALIGN_ITEMS_TYPES.end, 'aurora-items-end'), stack_constants.STACK_ALIGN_ITEMS_TYPES.center, 'aurora-items-center'), stack_constants.STACK_ALIGN_ITEMS_TYPES.baseline, 'aurora-items-baseline'), stack_constants.STACK_ALIGN_ITEMS_TYPES.stretch, 'aurora-items-stretch'),
|
|
21
|
+
justify: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, stack_constants.STACK_JUSTIFY_CONTENT_TYPES.normal, 'aurora-justify-normal'), stack_constants.STACK_JUSTIFY_CONTENT_TYPES.start, 'aurora-justify-start'), stack_constants.STACK_JUSTIFY_CONTENT_TYPES.end, 'aurora-justify-end'), stack_constants.STACK_JUSTIFY_CONTENT_TYPES.center, 'aurora-justify-center'), stack_constants.STACK_JUSTIFY_CONTENT_TYPES.between, 'aurora-justify-between'), stack_constants.STACK_JUSTIFY_CONTENT_TYPES.around, 'aurora-justify-around'), stack_constants.STACK_JUSTIFY_CONTENT_TYPES.evenly, 'aurora-justify-evenly'), stack_constants.STACK_JUSTIFY_CONTENT_TYPES.stretch, 'aurora-justify-stretch'),
|
|
22
22
|
display: {
|
|
23
23
|
inline: 'aurora-inline-flex'
|
|
24
24
|
}
|
|
@@ -30,10 +30,10 @@ var Stack = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, re
|
|
|
30
30
|
className = _ref.className,
|
|
31
31
|
_ref$direction = _ref.direction,
|
|
32
32
|
direction = _ref$direction === void 0 ? stack_constants.STACK_DIRECTION_TYPES.row : _ref$direction,
|
|
33
|
-
_ref$
|
|
34
|
-
|
|
35
|
-
_ref$
|
|
36
|
-
|
|
33
|
+
_ref$justify = _ref.justify,
|
|
34
|
+
justify = _ref$justify === void 0 ? stack_constants.STACK_JUSTIFY_CONTENT_TYPES.start : _ref$justify,
|
|
35
|
+
_ref$align = _ref.align,
|
|
36
|
+
align = _ref$align === void 0 ? stack_constants.STACK_ALIGN_ITEMS_TYPES.start : _ref$align,
|
|
37
37
|
_ref$wrap = _ref.wrap,
|
|
38
38
|
wrap = _ref$wrap === void 0 ? stack_constants.STACK_WRAP_TYPES.nowrap : _ref$wrap,
|
|
39
39
|
_ref$as = _ref.as,
|
|
@@ -68,8 +68,8 @@ var Stack = /*#__PURE__*/React__default['default'].forwardRef(function (_ref, re
|
|
|
68
68
|
ref: internalRef,
|
|
69
69
|
className: cn.cn(stackVariants({
|
|
70
70
|
direction: direction,
|
|
71
|
-
|
|
72
|
-
|
|
71
|
+
justify: justify,
|
|
72
|
+
align: align,
|
|
73
73
|
wrap: wrap,
|
|
74
74
|
display: display
|
|
75
75
|
}), className, _rollupPluginBabelHelpers.defineProperty({}, "aurora-gap-".concat(spacing), !!spacing)),
|
|
@@ -2,9 +2,23 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
5
7
|
var TooltipPrimitive = require('@radix-ui/react-tooltip');
|
|
8
|
+
var question_icon = require('../../../assets/icons/question_icon.js');
|
|
6
9
|
|
|
7
|
-
var
|
|
10
|
+
var _excluded = ["className", "children"];
|
|
11
|
+
var TooltipTrigger = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
12
|
+
var className = _ref.className,
|
|
13
|
+
children = _ref.children,
|
|
14
|
+
props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
|
15
|
+
return /*#__PURE__*/React.createElement(TooltipPrimitive.Trigger, _rollupPluginBabelHelpers.objectSpread2({
|
|
16
|
+
className: className
|
|
17
|
+
}, props), children ? children : /*#__PURE__*/React.createElement(question_icon.QuestionLineIcon, {
|
|
18
|
+
size: 16
|
|
19
|
+
}));
|
|
20
|
+
});
|
|
21
|
+
TooltipTrigger.displayName = TooltipPrimitive.Trigger.displayName;
|
|
8
22
|
|
|
9
23
|
exports.TooltipTrigger = TooltipTrigger;
|
|
10
24
|
//# sourceMappingURL=tooltip_trigger.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;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;"}
|
|
@@ -25,6 +25,7 @@ var box = require('./components/box/box.js');
|
|
|
25
25
|
var typography_constants = require('./components/typography/typography_constants.js');
|
|
26
26
|
var css_line_height_tokens = require('./constants/css_tokens/css_line_height_tokens.js');
|
|
27
27
|
var typography = require('./components/typography/typography.js');
|
|
28
|
+
var divider_constants = require('./components/divider/divider_constants.js');
|
|
28
29
|
var divider = require('./components/divider/divider.js');
|
|
29
30
|
var action_list_label = require('./components/action_list/components/action_list_label.js');
|
|
30
31
|
var action_list_group = require('./components/action_list/components/action_list_group.js');
|
|
@@ -67,6 +68,8 @@ var popover = require('./components/popover/popover.js');
|
|
|
67
68
|
var popover_trigger = require('./components/popover/components/popover_trigger.js');
|
|
68
69
|
var link_constants = require('./components/link/link_constants.js');
|
|
69
70
|
var link = require('./components/link/link.js');
|
|
71
|
+
var modal = require('./components/modal/components/modal/modal.js');
|
|
72
|
+
var modals_manager = require('./components/modal/modals_manager.js');
|
|
70
73
|
|
|
71
74
|
|
|
72
75
|
|
|
@@ -100,6 +103,9 @@ exports.TYPOGRAPHY_TRANSFORM_TYPES = typography_constants.TYPOGRAPHY_TRANSFORM_T
|
|
|
100
103
|
exports.TYPOGRAPHY_WEIGHT_TYPES = typography_constants.TYPOGRAPHY_WEIGHT_TYPES;
|
|
101
104
|
exports.CSS_LINE_HEIGHT_TOKENS = css_line_height_tokens.CSS_LINE_HEIGHT_TOKENS;
|
|
102
105
|
exports.Typography = typography.Typography;
|
|
106
|
+
exports.DIVIDER_ORIENTATION = divider_constants.DIVIDER_ORIENTATION;
|
|
107
|
+
exports.DIVIDER_THICKNESS = divider_constants.DIVIDER_THICKNESS;
|
|
108
|
+
exports.DIVIDER_VARIANTS = divider_constants.DIVIDER_VARIANTS;
|
|
103
109
|
exports.Divider = divider.Divider;
|
|
104
110
|
exports.ActionListLabel = action_list_label.ActionListLabel;
|
|
105
111
|
exports.ActionListGroup = action_list_group.ActionListGroup;
|
|
@@ -148,4 +154,6 @@ exports.LINK_DECORATION_TYPES = link_constants.LINK_DECORATION_TYPES;
|
|
|
148
154
|
exports.LINK_SIZE_TYPES = link_constants.LINK_SIZE_TYPES;
|
|
149
155
|
exports.LINK_VARIANT_TYPES = link_constants.LINK_VARIANT_TYPES;
|
|
150
156
|
exports.Link = link.Link;
|
|
157
|
+
exports.Modal = modal.Modal;
|
|
158
|
+
exports.ModalsManager = modals_manager.ModalsManager;
|
|
151
159
|
//# sourceMappingURL=index.js.map
|
|
@@ -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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const CloseLine: import("@remixicon/react").RemixiconComponentType;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const QuestionLineIcon: import("@remixicon/react").RemixiconComponentType;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;"}
|
package/build/esm/packages/aurora/src/components/action_list/components/action_list_label.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React, { PropsWithChildren } from 'react';
|
|
2
2
|
import { TDividerProps } from "../../divider/divider_types";
|
|
3
|
-
export declare const ActionListLabel: ({ children }: PropsWithChildren<TDividerProps>) => React.JSX.Element;
|
|
3
|
+
export declare const ActionListLabel: ({ children, ...props }: PropsWithChildren<TDividerProps>) => React.JSX.Element;
|
package/build/esm/packages/aurora/src/components/action_list/components/action_list_label.js
CHANGED
|
@@ -1,11 +1,14 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
3
|
import { Stack } from '../../stack/stack.js';
|
|
3
4
|
import { Box } from '../../box/box.js';
|
|
4
5
|
import { Typography } from '../../typography/typography.js';
|
|
5
6
|
import { Divider } from '../../divider/divider.js';
|
|
6
7
|
|
|
8
|
+
var _excluded = ["children"];
|
|
7
9
|
var ActionListLabel = function ActionListLabel(_ref) {
|
|
8
|
-
var children = _ref.children
|
|
10
|
+
var children = _ref.children,
|
|
11
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
9
12
|
return /*#__PURE__*/React.createElement(Box, {
|
|
10
13
|
paddings: {
|
|
11
14
|
pl: '3',
|
|
@@ -14,15 +17,15 @@ var ActionListLabel = function ActionListLabel(_ref) {
|
|
|
14
17
|
pr: '0'
|
|
15
18
|
}
|
|
16
19
|
}, /*#__PURE__*/React.createElement(Stack, {
|
|
17
|
-
|
|
18
|
-
|
|
20
|
+
align: "center",
|
|
21
|
+
justify: "center",
|
|
19
22
|
spacing: "2.5"
|
|
20
23
|
}, /*#__PURE__*/React.createElement(Typography, {
|
|
21
24
|
className: "aurora-whitespace-nowrap",
|
|
22
25
|
size: "s",
|
|
23
26
|
color: "subtle",
|
|
24
27
|
weight: "bold"
|
|
25
|
-
}, children), /*#__PURE__*/React.createElement(Divider,
|
|
28
|
+
}, children), /*#__PURE__*/React.createElement(Divider, _objectSpread2({}, props))));
|
|
26
29
|
};
|
|
27
30
|
|
|
28
31
|
export { ActionListLabel };
|
package/build/esm/packages/aurora/src/components/action_list/components/action_list_label.js.map
CHANGED
|
@@ -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;"}
|
|
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;"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
export declare const Box: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
|
|
3
3
|
direction?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
justify?: "normal" | "start" | "end" | "center" | "between" | "around" | "evenly" | "stretch" | undefined;
|
|
5
|
+
align?: "start" | "end" | "center" | "stretch" | "baseline" | undefined;
|
|
6
6
|
spacing?: "0" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "90" | undefined;
|
|
7
7
|
wrap?: string | undefined;
|
|
8
8
|
children?: React.ReactNode;
|
|
@@ -4,7 +4,7 @@ import { BOX_COMPONENT_TYPES } from './box_constants.js';
|
|
|
4
4
|
import { cn } from '../../utilities/cn.js';
|
|
5
5
|
import { Stack } from '../stack/stack.js';
|
|
6
6
|
|
|
7
|
-
var _excluded = ["shadow", "as", "backgroundColor", "color", "borderColor", "borderStyle", "borderWidth", "borderRadius", "paddings", "zIndex", "position", "children", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "style", "className", "direction", "
|
|
7
|
+
var _excluded = ["shadow", "as", "backgroundColor", "color", "borderColor", "borderStyle", "borderWidth", "borderRadius", "paddings", "zIndex", "position", "children", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "style", "className", "direction", "justify", "align", "spacing", "wrap", "inline"];
|
|
8
8
|
var Box = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
9
9
|
var _cn;
|
|
10
10
|
var shadow = _ref.shadow,
|
|
@@ -31,15 +31,15 @@ var Box = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
31
31
|
style = _ref.style,
|
|
32
32
|
className = _ref.className,
|
|
33
33
|
direction = _ref.direction,
|
|
34
|
-
|
|
35
|
-
|
|
34
|
+
justify = _ref.justify,
|
|
35
|
+
align = _ref.align,
|
|
36
36
|
spacing = _ref.spacing,
|
|
37
37
|
wrap = _ref.wrap,
|
|
38
38
|
inline = _ref.inline,
|
|
39
39
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
40
40
|
var borderWidthWithSides = borderWidth;
|
|
41
41
|
var borderRadiusWithSides = borderRadius;
|
|
42
|
-
var anyStackPropertiesSet = direction ||
|
|
42
|
+
var anyStackPropertiesSet = direction || justify || align || spacing || wrap || inline;
|
|
43
43
|
return /*#__PURE__*/React.createElement(anyStackPropertiesSet ? Stack : as, _objectSpread2({
|
|
44
44
|
ref: ref,
|
|
45
45
|
as: as,
|
|
@@ -54,8 +54,8 @@ var Box = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
54
54
|
maxHeight: maxHeight
|
|
55
55
|
}, style !== null && style !== void 0 ? style : {}),
|
|
56
56
|
direction: direction,
|
|
57
|
-
|
|
58
|
-
|
|
57
|
+
justify: justify,
|
|
58
|
+
align: align,
|
|
59
59
|
spacing: spacing,
|
|
60
60
|
wrap: wrap,
|
|
61
61
|
inline: inline
|
|
@@ -1,7 +1,3 @@
|
|
|
1
|
-
import { TDividerProps } from "./divider_types";
|
|
2
1
|
import React from 'react';
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
role: string;
|
|
6
|
-
'aria-orientation': string;
|
|
7
|
-
}, string | React.JSXElementConstructor<any>>;
|
|
2
|
+
import { TDividerProps } from "./divider_types";
|
|
3
|
+
export declare const Divider: React.ForwardRefExoticComponent<TDividerProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1,21 +1,35 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
3
|
import { cn } from '../../utilities/cn.js';
|
|
4
|
+
import { DIVIDER_ORIENTATION } from './divider_constants.js';
|
|
3
5
|
import { dividerVariants } from './divider_variants.js';
|
|
6
|
+
import { Root } from '@radix-ui/react-separator';
|
|
4
7
|
|
|
5
|
-
var
|
|
6
|
-
|
|
7
|
-
|
|
8
|
+
var _excluded = ["className", "orientation", "color", "thickness", "style", "variant", "decorative"];
|
|
9
|
+
var Divider = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
10
|
+
var className = _ref.className,
|
|
11
|
+
_ref$orientation = _ref.orientation,
|
|
12
|
+
orientation = _ref$orientation === void 0 ? DIVIDER_ORIENTATION.horizontal : _ref$orientation,
|
|
8
13
|
color = _ref.color,
|
|
9
|
-
thickness = _ref.thickness
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
14
|
+
thickness = _ref.thickness,
|
|
15
|
+
style = _ref.style,
|
|
16
|
+
variant = _ref.variant,
|
|
17
|
+
_ref$decorative = _ref.decorative,
|
|
18
|
+
decorative = _ref$decorative === void 0 ? true : _ref$decorative,
|
|
19
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
20
|
+
return /*#__PURE__*/React.createElement(Root, _objectSpread2({
|
|
21
|
+
ref: ref,
|
|
22
|
+
decorative: decorative,
|
|
23
|
+
orientation: orientation,
|
|
24
|
+
className: cn('aurora-shrink-0', dividerVariants({
|
|
25
|
+
variant: variant,
|
|
26
|
+
thickness: thickness,
|
|
27
|
+
orientation: orientation
|
|
28
|
+
}), className),
|
|
29
|
+
style: style
|
|
30
|
+
}, props));
|
|
31
|
+
});
|
|
32
|
+
Divider.displayName = 'Divider';
|
|
19
33
|
|
|
20
34
|
export { Divider };
|
|
21
35
|
//# sourceMappingURL=divider.js.map
|
|
@@ -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;"}
|
|
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;"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export declare const DIVIDER_ORIENTATION: {
|
|
2
|
+
readonly horizontal: "horizontal";
|
|
3
|
+
readonly vertical: "vertical";
|
|
4
|
+
};
|
|
5
|
+
export declare const DIVIDER_THICKNESS: {
|
|
6
|
+
readonly 1: "1";
|
|
7
|
+
readonly 2: "2";
|
|
8
|
+
readonly 4: "4";
|
|
9
|
+
readonly 8: "8";
|
|
10
|
+
};
|
|
11
|
+
export declare const DIVIDER_VARIANTS: {
|
|
12
|
+
readonly subtle: "subtle";
|
|
13
|
+
readonly strong: "strong";
|
|
14
|
+
readonly transparent: "transparent";
|
|
15
|
+
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
var DIVIDER_ORIENTATION = {
|
|
2
|
+
horizontal: 'horizontal',
|
|
3
|
+
vertical: 'vertical'
|
|
4
|
+
};
|
|
5
|
+
var DIVIDER_THICKNESS = {
|
|
6
|
+
1: '1',
|
|
7
|
+
2: '2',
|
|
8
|
+
4: '4',
|
|
9
|
+
8: '8'
|
|
10
|
+
};
|
|
11
|
+
var DIVIDER_VARIANTS = {
|
|
12
|
+
subtle: 'subtle',
|
|
13
|
+
strong: 'strong',
|
|
14
|
+
transparent: 'transparent'
|
|
15
|
+
};
|
|
16
|
+
|
|
17
|
+
export { DIVIDER_ORIENTATION, DIVIDER_THICKNESS, DIVIDER_VARIANTS };
|
|
18
|
+
//# sourceMappingURL=divider_constants.js.map
|
|
@@ -0,0 +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;"}
|
|
@@ -1,5 +1,10 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
import type { VariantProps } from 'class-variance-authority';
|
|
2
3
|
import { dividerVariants } from "./divider_variants";
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
}
|
|
4
|
+
import { SeparatorProps } from '@radix-ui/react-separator';
|
|
5
|
+
import { DIVIDER_ORIENTATION } from "./divider_constants";
|
|
6
|
+
import { Any } from 'ts-toolbelt';
|
|
7
|
+
export interface TDividerProps extends Omit<SeparatorProps, 'orientation'>, VariantProps<typeof dividerVariants> {
|
|
8
|
+
orientation?: Any.Keys<typeof DIVIDER_ORIENTATION>;
|
|
9
|
+
style?: React.CSSProperties;
|
|
10
|
+
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"divider_types.js","sourceRoot":"","sources":["../../../../../../../src/components/divider/divider_types.ts"],"names":[],"mappings":"AACA,OAAgC,4CAA4C,CAAC"}
|
|
1
|
+
{"version":3,"file":"divider_types.js","sourceRoot":"","sources":["../../../../../../../src/components/divider/divider_types.ts"],"names":[],"mappings":"AACA,OAAgC,4CAA4C,CAAC;AAC7E,OAA+B,2BAA2B,CAAC;AAC3D,OAAoC,6CAA6C,CAAC;AAClF,OAAoB,aAAa,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
export declare const dividerVariants: (props?: ({
|
|
2
|
-
thickness?: "
|
|
3
|
-
|
|
2
|
+
thickness?: "1" | "2" | "4" | "8" | null | undefined;
|
|
3
|
+
variant?: "subtle" | "strong" | "transparent" | null | undefined;
|
|
4
|
+
orientation?: "horizontal" | "vertical" | null | undefined;
|
|
4
5
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
@@ -1,16 +1,51 @@
|
|
|
1
1
|
import { defineProperty as _defineProperty } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
-
import { CSS_BORDER_COLOR_TOKENS } from '../../constants/css_tokens/css_border_color_tokens.js';
|
|
3
2
|
import { CSS_BORDER_WIDTH_TOKENS } from '../../constants/css_tokens/css_border_width_tokens.js';
|
|
4
3
|
import { cva } from '../../../../../external/class-variance-authority/dist/index.mjs.js';
|
|
4
|
+
import { DIVIDER_THICKNESS, DIVIDER_VARIANTS, DIVIDER_ORIENTATION } from './divider_constants.js';
|
|
5
5
|
|
|
6
6
|
var dividerVariants = cva('', {
|
|
7
7
|
variants: {
|
|
8
|
-
thickness: _defineProperty(_defineProperty(_defineProperty(_defineProperty(
|
|
9
|
-
|
|
8
|
+
thickness: _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, DIVIDER_THICKNESS['1'], ''), DIVIDER_THICKNESS['2'], ''), DIVIDER_THICKNESS['4'], ''), DIVIDER_THICKNESS['8'], ''),
|
|
9
|
+
variant: _defineProperty(_defineProperty(_defineProperty({}, DIVIDER_VARIANTS.subtle, "aurora-bg-neutral-100"), DIVIDER_VARIANTS.strong, 'aurora-bg--neutral-500'), DIVIDER_VARIANTS.transparent, 'aurora-bg-transparent'),
|
|
10
|
+
orientation: _defineProperty(_defineProperty({}, DIVIDER_ORIENTATION.horizontal, ''), DIVIDER_ORIENTATION.vertical, 'aurora-h-full')
|
|
10
11
|
},
|
|
12
|
+
compoundVariants: [{
|
|
13
|
+
orientation: DIVIDER_ORIENTATION.horizontal,
|
|
14
|
+
thickness: CSS_BORDER_WIDTH_TOKENS['1'],
|
|
15
|
+
class: ['aurora-h-[1px]']
|
|
16
|
+
}, {
|
|
17
|
+
orientation: DIVIDER_ORIENTATION.horizontal,
|
|
18
|
+
thickness: CSS_BORDER_WIDTH_TOKENS['2'],
|
|
19
|
+
class: ['aurora-h-[2px]']
|
|
20
|
+
}, {
|
|
21
|
+
orientation: DIVIDER_ORIENTATION.horizontal,
|
|
22
|
+
thickness: CSS_BORDER_WIDTH_TOKENS['4'],
|
|
23
|
+
class: ['aurora-h-[4px]']
|
|
24
|
+
}, {
|
|
25
|
+
orientation: DIVIDER_ORIENTATION.horizontal,
|
|
26
|
+
thickness: CSS_BORDER_WIDTH_TOKENS['8'],
|
|
27
|
+
class: ['aurora-h-[8px]']
|
|
28
|
+
}, {
|
|
29
|
+
orientation: DIVIDER_ORIENTATION.vertical,
|
|
30
|
+
thickness: CSS_BORDER_WIDTH_TOKENS['1'],
|
|
31
|
+
class: ['aurora-w-[1px]']
|
|
32
|
+
}, {
|
|
33
|
+
orientation: DIVIDER_ORIENTATION.vertical,
|
|
34
|
+
thickness: CSS_BORDER_WIDTH_TOKENS['2'],
|
|
35
|
+
class: ['aurora-w-[2px]']
|
|
36
|
+
}, {
|
|
37
|
+
orientation: DIVIDER_ORIENTATION.vertical,
|
|
38
|
+
thickness: CSS_BORDER_WIDTH_TOKENS['4'],
|
|
39
|
+
class: ['aurora-w-[4px]']
|
|
40
|
+
}, {
|
|
41
|
+
orientation: DIVIDER_ORIENTATION.vertical,
|
|
42
|
+
thickness: CSS_BORDER_WIDTH_TOKENS['8'],
|
|
43
|
+
class: ['aurora-w-[8px]']
|
|
44
|
+
}],
|
|
11
45
|
defaultVariants: {
|
|
12
46
|
thickness: CSS_BORDER_WIDTH_TOKENS['1'],
|
|
13
|
-
|
|
47
|
+
variant: DIVIDER_VARIANTS.subtle,
|
|
48
|
+
orientation: DIVIDER_ORIENTATION.horizontal
|
|
14
49
|
}
|
|
15
50
|
});
|
|
16
51
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA,oBAAoB,oEAAwE;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;"}
|