@dreamcommerce/aurora 3.0.0-73 → 3.0.0-74

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.
@@ -13,7 +13,7 @@ var AccordionContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
13
13
  props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
14
14
  return /*#__PURE__*/React.createElement(AccordionPrimitive.Content, _rollupPluginBabelHelpers.objectSpread2({
15
15
  ref: ref,
16
- className: "aurora-overflow-hidden data-[state=closed]:aurora-animate-accordion-up data-[state=open]:aurora-animate-accordion-down"
16
+ className: "aurora-pb-3 aurora-pl-3 aurora-pr-3 aurora-overflow-hidden data-[state=closed]:aurora-animate-accordion-up data-[state=open]:aurora-animate-accordion-down"
17
17
  }, props), children);
18
18
  });
19
19
  AccordionContent.displayName = AccordionPrimitive.Content.displayName;
@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var React = require('react');
6
6
  var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
7
7
  var AccordionPrimitive = require('@radix-ui/react-accordion');
8
- var css_icon_color_tokens = require('../../../constants/css_tokens/css_icon_color_tokens.js');
9
8
  var accordion_constants = require('../accordion_constants.js');
9
+ var css_icon_color_tokens = require('../../../constants/css_tokens/css_icon_color_tokens.js');
10
10
  var accordion_context = require('../context/accordion_context.js');
11
11
  var cn = require('../../../utilities/cn.js');
12
12
  var arrow_right = require('../../../assets/icons/arrow_right.js');
@@ -22,11 +22,12 @@ var AccordionTrigger = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
22
22
  iconColor = _ref$iconColor === void 0 ? css_icon_color_tokens.CSS_ICON_COLOR_TOKENS_VALUES.base : _ref$iconColor,
23
23
  props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
24
24
  var accordionContext = React.useContext(accordion_context.AccordionContext);
25
+ var hasBorderStyles = !!borderStyle;
25
26
  return /*#__PURE__*/React.createElement(AccordionPrimitive.Header, {
26
- className: cn.cn('aurora-border-t aurora-border-b data-[state=open]:aurora-border-b-0 group-[&:not(:first-of-type)]:aurora-border-t-0', _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "aurora-bg-".concat(backgroundColor), !!backgroundColor), "aurora-border-".concat(borderStyle), !!borderStyle))
27
+ className: cn.cn('aurora-border-t aurora-border-b data-[state=open]:aurora-border-b-0', _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "aurora-bg-".concat(backgroundColor), !!backgroundColor), "aurora-border-".concat(borderStyle), hasBorderStyles), '-aurora-mt-[1px]', !hasBorderStyles))
27
28
  }, /*#__PURE__*/React.createElement(AccordionPrimitive.Trigger, _rollupPluginBabelHelpers.objectSpread2({
28
29
  ref: ref,
29
- className: cn.cn('aurora-flex aurora-items-center aurora-gap-2 aurora-py-2 aurora-pl-1.5 aurora-pr-4 aurora-text aurora-font-semibold aurora-transition-all [&[data-state=open]>svg]:aurora-rotate-90', _rollupPluginBabelHelpers.defineProperty({}, 'aurora-bg', !backgroundColor), className)
30
+ className: cn.cn('aurora-flex aurora-items-center aurora-gap-2 aurora-w-full aurora-py-2 aurora-pl-1.5 aurora-pr-4 aurora-text aurora-font-semibold aurora-transition-all [&[data-state=open]>svg]:aurora-rotate-90', _rollupPluginBabelHelpers.defineProperty({}, 'aurora-bg', !backgroundColor), className)
30
31
  }, props), icon ? icon : (/*#__PURE__*/React.createElement(arrow_right.ArrowRightIcon, {
31
32
  color: css_icon_color_tokens.CSS_ICON_COLOR_TOKENS_VALUES[iconColor],
32
33
  size: accordionContext.size === accordion_constants.ACCORDION_SIZES.default ? 24 : 20,
@@ -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;"}
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;"}
@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var React = require('react');
6
6
  var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
7
7
  var label = require('../../label/label.js');
8
- var helper_text = require('../../helper_text/helper_text.js');
9
8
  var error_list = require('../../error_list/error_list.js');
10
9
  var control = require('../../control/control.js');
11
10
  var color_picker = require('../../color_picker/color_picker.js');
@@ -14,7 +13,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
14
13
 
15
14
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
16
15
 
17
- var _excluded = ["label", "tooltip", "required", "id", "name", "errors", "initialColor", "colorVariables", "onChange", "onCancel", "onSave", "withGradient", "helperText"];
16
+ var _excluded = ["label", "tooltip", "required", "id", "name", "errors", "initialColor", "colorVariables", "onChange", "onCancel", "onSave", "withGradient"];
18
17
  var ColorPickerControl = function ColorPickerControl(_ref) {
19
18
  var label$1 = _ref.label,
20
19
  tooltip = _ref.tooltip,
@@ -29,7 +28,6 @@ var ColorPickerControl = function ColorPickerControl(_ref) {
29
28
  onCancel = _ref.onCancel,
30
29
  onSave = _ref.onSave,
31
30
  withGradient = _ref.withGradient,
32
- helperText = _ref.helperText,
33
31
  rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
34
32
  return /*#__PURE__*/React__default['default'].createElement(control.Control, {
35
33
  classname: "aurora-flex-col"
@@ -48,7 +46,7 @@ var ColorPickerControl = function ColorPickerControl(_ref) {
48
46
  onCancel: onCancel,
49
47
  onSave: onSave,
50
48
  withGradient: withGradient
51
- }, rest)), helperText && /*#__PURE__*/React__default['default'].createElement(helper_text.HelperText, null, helperText), errors && /*#__PURE__*/React__default['default'].createElement(error_list.ErrorList, {
49
+ }, rest)), errors && /*#__PURE__*/React__default['default'].createElement(error_list.ErrorList, {
52
50
  errors: errors
53
51
  }));
54
52
  };
@@ -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;"}
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;"}
@@ -2,6 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
+ var accordion_constants = require('./components/accordion/accordion_constants.js');
5
6
  var css_background_tokens = require('./constants/css_tokens/css_background_tokens.js');
6
7
  var css_border_color_tokens = require('./constants/css_tokens/css_border_color_tokens.js');
7
8
  var css_border_radius_tokens = require('./constants/css_tokens/css_border_radius_tokens.js');
@@ -17,7 +18,6 @@ var css_border_style_tokens = require('./constants/css_tokens/css_border_style_t
17
18
  var css_position_tokens = require('./constants/css_tokens/css_position_tokens.js');
18
19
  var css_border_width_tokens = require('./constants/css_tokens/css_border_width_tokens.js');
19
20
  var css_icon_color_tokens = require('./constants/css_tokens/css_icon_color_tokens.js');
20
- var accordion_constants = require('./components/accordion/accordion_constants.js');
21
21
  var accordion = require('./components/accordion/accordion.js');
22
22
  var accordion_content = require('./components/accordion/components/accordion_content.js');
23
23
  var accordion_item = require('./components/accordion/components/accordion_item.js');
@@ -102,6 +102,7 @@ var controls_group = require('./components/controls/controls_group/controls_grou
102
102
 
103
103
 
104
104
 
105
+ exports.ACCORDION_SIZES = accordion_constants.ACCORDION_SIZES;
105
106
  exports.CSS_BACKGROUND_TOKENS = css_background_tokens.CSS_BACKGROUND_TOKENS;
106
107
  exports.CSS_BORDER_COLOR_TOKENS = css_border_color_tokens.CSS_BORDER_COLOR_TOKENS;
107
108
  exports.CSS_BORDER_RADIUS_SIDE_TOKENS = css_border_radius_tokens.CSS_BORDER_RADIUS_SIDE_TOKENS;
@@ -119,7 +120,6 @@ exports.CSS_POSITION_TOKENS = css_position_tokens.CSS_POSITION_TOKENS;
119
120
  exports.CSS_BORDER_WIDTH_SIDE_TOKENS = css_border_width_tokens.CSS_BORDER_WIDTH_SIDE_TOKENS;
120
121
  exports.CSS_BORDER_WIDTH_TOKENS = css_border_width_tokens.CSS_BORDER_WIDTH_TOKENS;
121
122
  exports.CSS_ICON_COLOR_TOKENS_VALUES = css_icon_color_tokens.CSS_ICON_COLOR_TOKENS_VALUES;
122
- exports.ACCORDION_SIZES = accordion_constants.ACCORDION_SIZES;
123
123
  exports.Accordion = accordion.Accordion;
124
124
  exports.AccordionContent = accordion_content.AccordionContent;
125
125
  exports.AccordionItem = accordion_item.AccordionItem;
@@ -9,7 +9,7 @@ var AccordionContent = /*#__PURE__*/forwardRef(function (_ref, ref) {
9
9
  props = _objectWithoutProperties(_ref, _excluded);
10
10
  return /*#__PURE__*/createElement(Content, _objectSpread2({
11
11
  ref: ref,
12
- className: "aurora-overflow-hidden data-[state=closed]:aurora-animate-accordion-up data-[state=open]:aurora-animate-accordion-down"
12
+ className: "aurora-pb-3 aurora-pl-3 aurora-pr-3 aurora-overflow-hidden data-[state=closed]:aurora-animate-accordion-up data-[state=open]:aurora-animate-accordion-down"
13
13
  }, props), children);
14
14
  });
15
15
  AccordionContent.displayName = Content.displayName;
@@ -1,8 +1,8 @@
1
1
  import { forwardRef, useContext, createElement } from 'react';
2
2
  import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
3
3
  import { Header, Trigger } from '@radix-ui/react-accordion';
4
- import { CSS_ICON_COLOR_TOKENS_VALUES } from '../../../constants/css_tokens/css_icon_color_tokens.js';
5
4
  import { ACCORDION_SIZES } from '../accordion_constants.js';
5
+ import { CSS_ICON_COLOR_TOKENS_VALUES } from '../../../constants/css_tokens/css_icon_color_tokens.js';
6
6
  import { AccordionContext } from '../context/accordion_context.js';
7
7
  import { cn } from '../../../utilities/cn.js';
8
8
  import { ArrowRightIcon } from '../../../assets/icons/arrow_right.js';
@@ -18,11 +18,12 @@ var AccordionTrigger = /*#__PURE__*/forwardRef(function (_ref, ref) {
18
18
  iconColor = _ref$iconColor === void 0 ? CSS_ICON_COLOR_TOKENS_VALUES.base : _ref$iconColor,
19
19
  props = _objectWithoutProperties(_ref, _excluded);
20
20
  var accordionContext = useContext(AccordionContext);
21
+ var hasBorderStyles = !!borderStyle;
21
22
  return /*#__PURE__*/createElement(Header, {
22
- className: cn('aurora-border-t aurora-border-b data-[state=open]:aurora-border-b-0 group-[&:not(:first-of-type)]:aurora-border-t-0', _defineProperty(_defineProperty({}, "aurora-bg-".concat(backgroundColor), !!backgroundColor), "aurora-border-".concat(borderStyle), !!borderStyle))
23
+ className: cn('aurora-border-t aurora-border-b data-[state=open]:aurora-border-b-0', _defineProperty(_defineProperty(_defineProperty({}, "aurora-bg-".concat(backgroundColor), !!backgroundColor), "aurora-border-".concat(borderStyle), hasBorderStyles), '-aurora-mt-[1px]', !hasBorderStyles))
23
24
  }, /*#__PURE__*/createElement(Trigger, _objectSpread2({
24
25
  ref: ref,
25
- className: cn('aurora-flex aurora-items-center aurora-gap-2 aurora-py-2 aurora-pl-1.5 aurora-pr-4 aurora-text aurora-font-semibold aurora-transition-all [&[data-state=open]>svg]:aurora-rotate-90', _defineProperty({}, 'aurora-bg', !backgroundColor), className)
26
+ className: cn('aurora-flex aurora-items-center aurora-gap-2 aurora-w-full aurora-py-2 aurora-pl-1.5 aurora-pr-4 aurora-text aurora-font-semibold aurora-transition-all [&[data-state=open]>svg]:aurora-rotate-90', _defineProperty({}, 'aurora-bg', !backgroundColor), className)
26
27
  }, props), icon ? icon : (/*#__PURE__*/createElement(ArrowRightIcon, {
27
28
  color: CSS_ICON_COLOR_TOKENS_VALUES[iconColor],
28
29
  size: accordionContext.size === ACCORDION_SIZES.default ? 24 : 20,
@@ -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;"}
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;"}
@@ -1,12 +1,11 @@
1
1
  import React from 'react';
2
2
  import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
3
3
  import { Label } from '../../label/label.js';
4
- import { HelperText } from '../../helper_text/helper_text.js';
5
4
  import { ErrorList } from '../../error_list/error_list.js';
6
5
  import { Control } from '../../control/control.js';
7
6
  import { ColorPicker } from '../../color_picker/color_picker.js';
8
7
 
9
- var _excluded = ["label", "tooltip", "required", "id", "name", "errors", "initialColor", "colorVariables", "onChange", "onCancel", "onSave", "withGradient", "helperText"];
8
+ var _excluded = ["label", "tooltip", "required", "id", "name", "errors", "initialColor", "colorVariables", "onChange", "onCancel", "onSave", "withGradient"];
10
9
  var ColorPickerControl = function ColorPickerControl(_ref) {
11
10
  var label = _ref.label,
12
11
  tooltip = _ref.tooltip,
@@ -21,7 +20,6 @@ var ColorPickerControl = function ColorPickerControl(_ref) {
21
20
  onCancel = _ref.onCancel,
22
21
  onSave = _ref.onSave,
23
22
  withGradient = _ref.withGradient,
24
- helperText = _ref.helperText,
25
23
  rest = _objectWithoutProperties(_ref, _excluded);
26
24
  return /*#__PURE__*/React.createElement(Control, {
27
25
  classname: "aurora-flex-col"
@@ -40,7 +38,7 @@ var ColorPickerControl = function ColorPickerControl(_ref) {
40
38
  onCancel: onCancel,
41
39
  onSave: onSave,
42
40
  withGradient: withGradient
43
- }, rest)), helperText && /*#__PURE__*/React.createElement(HelperText, null, helperText), errors && /*#__PURE__*/React.createElement(ErrorList, {
41
+ }, rest)), errors && /*#__PURE__*/React.createElement(ErrorList, {
44
42
  errors: errors
45
43
  }));
46
44
  };
@@ -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;"}
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;"}
@@ -2,8 +2,6 @@ import { IColorPickerProps } from "../../color_picker/color_picker_types";
2
2
  import React from 'react';
3
3
  export declare type TColorPickerControlProps = IColorPickerProps & {
4
4
  label?: string | React.ReactNode;
5
- helperText?: string | React.ReactNode;
6
5
  tooltip?: string | React.ReactNode;
7
- errors?: string | string[];
8
6
  required?: boolean;
9
7
  };
@@ -89,7 +89,6 @@ export { Input } from "./components/input/input";
89
89
  export { InputControl } from './components/controls/input_control/input_control';
90
90
  export { ColorPicker } from "./components/color_picker/color_picker";
91
91
  export { ColorPickerControl } from './components/controls/color_picker_control/color_picker_control';
92
- export { IColorPickerColor } from "./components/color_picker/color_picker_types";
93
92
  export { Checkbox } from "./components/checkbox/checkbox";
94
93
  export { CheckboxControl } from './components/controls/checkbox_control/checkbox_control';
95
94
  export { Select } from "./components/select/select";
@@ -1,3 +1,4 @@
1
+ export { ACCORDION_SIZES } from './components/accordion/accordion_constants.js';
1
2
  export { CSS_BACKGROUND_TOKENS } from './constants/css_tokens/css_background_tokens.js';
2
3
  export { CSS_BORDER_COLOR_TOKENS } from './constants/css_tokens/css_border_color_tokens.js';
3
4
  export { CSS_BORDER_RADIUS_SIDE_TOKENS, CSS_BORDER_RADIUS_TOKENS } from './constants/css_tokens/css_border_radius_tokens.js';
@@ -13,7 +14,6 @@ export { CSS_BORDER_STYLE_TOKENS } from './constants/css_tokens/css_border_style
13
14
  export { CSS_POSITION_TOKENS } from './constants/css_tokens/css_position_tokens.js';
14
15
  export { CSS_BORDER_WIDTH_SIDE_TOKENS, CSS_BORDER_WIDTH_TOKENS } from './constants/css_tokens/css_border_width_tokens.js';
15
16
  export { CSS_ICON_COLOR_TOKENS_VALUES } from './constants/css_tokens/css_icon_color_tokens.js';
16
- export { ACCORDION_SIZES } from './components/accordion/accordion_constants.js';
17
17
  export { Accordion } from './components/accordion/accordion.js';
18
18
  export { AccordionContent } from './components/accordion/components/accordion_content.js';
19
19
  export { AccordionItem } from './components/accordion/components/accordion_item.js';