@dreamcommerce/aurora 3.0.0-74 → 3.0.0-75

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.
Files changed (12) hide show
  1. package/build/cjs/packages/aurora/src/components/controls/color_picker_control/color_picker_control.js +4 -2
  2. package/build/cjs/packages/aurora/src/components/controls/color_picker_control/color_picker_control.js.map +1 -1
  3. package/build/cjs/packages/aurora/src/components/typography/typography_variants.js +1 -1
  4. package/build/esm/packages/aurora/src/components/controls/color_picker_control/color_picker_control.js +4 -2
  5. package/build/esm/packages/aurora/src/components/controls/color_picker_control/color_picker_control.js.map +1 -1
  6. package/build/esm/packages/aurora/src/components/controls/color_picker_control/color_picker_control_types.d.ts +2 -0
  7. package/build/esm/packages/aurora/src/components/typography/typography_variants.d.ts +1 -1
  8. package/build/esm/packages/aurora/src/components/typography/typography_variants.js +1 -1
  9. package/build/esm/packages/aurora/src/index.d.ts +1 -0
  10. package/build/index.css +1 -1
  11. package/build/tailwind.config.js +2 -1
  12. package/package.json +1 -1
package/build/cjs/packages/aurora/src/components/controls/color_picker_control/color_picker_control.js CHANGED
@@ -5,6 +5,7 @@ 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');
8
9
  var error_list = require('../../error_list/error_list.js');
9
10
  var control = require('../../control/control.js');
10
11
  var color_picker = require('../../color_picker/color_picker.js');
@@ -13,7 +14,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
13
14
 
14
15
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
15
16
 
16
- var _excluded = ["label", "tooltip", "required", "id", "name", "errors", "initialColor", "colorVariables", "onChange", "onCancel", "onSave", "withGradient"];
17
+ var _excluded = ["label", "tooltip", "required", "id", "name", "errors", "initialColor", "colorVariables", "onChange", "onCancel", "onSave", "withGradient", "helperText"];
17
18
  var ColorPickerControl = function ColorPickerControl(_ref) {
18
19
  var label$1 = _ref.label,
19
20
  tooltip = _ref.tooltip,
@@ -28,6 +29,7 @@ var ColorPickerControl = function ColorPickerControl(_ref) {
28
29
  onCancel = _ref.onCancel,
29
30
  onSave = _ref.onSave,
30
31
  withGradient = _ref.withGradient,
32
+ helperText = _ref.helperText,
31
33
  rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
32
34
  return /*#__PURE__*/React__default['default'].createElement(control.Control, {
33
35
  classname: "aurora-flex-col"
@@ -46,7 +48,7 @@ var ColorPickerControl = function ColorPickerControl(_ref) {
46
48
  onCancel: onCancel,
47
49
  onSave: onSave,
48
50
  withGradient: withGradient
49
- }, rest)), errors && /*#__PURE__*/React__default['default'].createElement(error_list.ErrorList, {
51
+ }, rest)), helperText && /*#__PURE__*/React__default['default'].createElement(helper_text.HelperText, null, helperText), errors && /*#__PURE__*/React__default['default'].createElement(error_list.ErrorList, {
50
52
  errors: errors
51
53
  }));
52
54
  };
package/build/cjs/packages/aurora/src/components/controls/color_picker_control/color_picker_control.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;AACA;AACA;AACA;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;"}
package/build/cjs/packages/aurora/src/components/typography/typography_variants.js CHANGED
@@ -10,7 +10,7 @@ var css_line_height_tokens = require('../../constants/css_tokens/css_line_height
10
10
 
11
11
  var typographyVariants = index.cva('', {
12
12
  variants: {
13
- variant: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, typography_constants.TYPOGRAPHY_COMPONENT_TYPES.h1, 'aurora-text-6xl aurora-font-bold aurora-tracking-4xs'), typography_constants.TYPOGRAPHY_COMPONENT_TYPES.h2, 'aurora-text-5xl aurora-font-bold aurora-tracking-3xs'), typography_constants.TYPOGRAPHY_COMPONENT_TYPES.h3, 'aurora-text-4xl aurora-font-bold aurora-tracking-2xs'), typography_constants.TYPOGRAPHY_COMPONENT_TYPES.h4, 'aurora-text-3xl aurora-font-bold aurora-tracking-xs'), typography_constants.TYPOGRAPHY_COMPONENT_TYPES.h5, 'aurora-text-2xl aurora-font-bold aurora-tracking-s'), typography_constants.TYPOGRAPHY_COMPONENT_TYPES.h6, 'aurora-text-xl aurora-font-bold'), typography_constants.TYPOGRAPHY_COMPONENT_TYPES.p, 'aurora-text-xs'),
13
+ variant: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, typography_constants.TYPOGRAPHY_COMPONENT_TYPES.h1, 'aurora-text-6xl aurora-font-bold aurora-tracking-4xs'), typography_constants.TYPOGRAPHY_COMPONENT_TYPES.h2, 'aurora-text-5xl aurora-font-bold aurora-tracking-3xs'), typography_constants.TYPOGRAPHY_COMPONENT_TYPES.h3, 'aurora-text-4xl aurora-font-bold aurora-tracking-2xs'), typography_constants.TYPOGRAPHY_COMPONENT_TYPES.h4, 'aurora-text-3xl aurora-font-bold aurora-tracking-xs'), typography_constants.TYPOGRAPHY_COMPONENT_TYPES.h5, 'aurora-text-2xl aurora-font-bold aurora-tracking-s'), typography_constants.TYPOGRAPHY_COMPONENT_TYPES.h6, 'aurora-text-xl aurora-font-bold'), typography_constants.TYPOGRAPHY_COMPONENT_TYPES.p, 'aurora-text-xs'), "caption", 'aurora-font-extrabold aurora-tracking-md aurora-uppercase'),
14
14
  transform: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, typography_constants.TYPOGRAPHY_TRANSFORM_TYPES.uppercase, 'aurora-uppercase'), typography_constants.TYPOGRAPHY_TRANSFORM_TYPES.lowercase, 'aurora-lowercase'), typography_constants.TYPOGRAPHY_TRANSFORM_TYPES.capitalize, 'aurora-capitalize'),
15
15
  weight: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, typography_constants.TYPOGRAPHY_WEIGHT_TYPES.normal, 'aurora-font-normal'), typography_constants.TYPOGRAPHY_WEIGHT_TYPES.medium, 'aurora-font-medium'), typography_constants.TYPOGRAPHY_WEIGHT_TYPES.semibold, 'aurora-font-semibold'), typography_constants.TYPOGRAPHY_WEIGHT_TYPES.bold, 'aurora-font-bold'), typography_constants.TYPOGRAPHY_WEIGHT_TYPES.extrabold, 'aurora-font-extrabold'),
16
16
  size: _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, css_font_size_tokens.CSS_FONT_SIZE_TOKENS.xs, 'aurora-text-xs'), css_font_size_tokens.CSS_FONT_SIZE_TOKENS.s, 'aurora-text-s'), css_font_size_tokens.CSS_FONT_SIZE_TOKENS.md, 'aurora-text'), css_font_size_tokens.CSS_FONT_SIZE_TOKENS.lg, 'aurora-text-lg'), css_font_size_tokens.CSS_FONT_SIZE_TOKENS.xl, 'aurora-text-xl'), css_font_size_tokens.CSS_FONT_SIZE_TOKENS['2xl'], 'aurora-text-2xl'), css_font_size_tokens.CSS_FONT_SIZE_TOKENS['3xl'], 'aurora-text-3xl'), css_font_size_tokens.CSS_FONT_SIZE_TOKENS['4xl'], 'aurora-text-4xl'), css_font_size_tokens.CSS_FONT_SIZE_TOKENS['5xl'], 'aurora-text-5xl'), css_font_size_tokens.CSS_FONT_SIZE_TOKENS['6xl'], 'aurora-text-6xl'),
package/build/esm/packages/aurora/src/components/controls/color_picker_control/color_picker_control.js CHANGED
@@ -1,11 +1,12 @@
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';
4
5
  import { ErrorList } from '../../error_list/error_list.js';
5
6
  import { Control } from '../../control/control.js';
6
7
  import { ColorPicker } from '../../color_picker/color_picker.js';
7
8
 
8
- var _excluded = ["label", "tooltip", "required", "id", "name", "errors", "initialColor", "colorVariables", "onChange", "onCancel", "onSave", "withGradient"];
9
+ var _excluded = ["label", "tooltip", "required", "id", "name", "errors", "initialColor", "colorVariables", "onChange", "onCancel", "onSave", "withGradient", "helperText"];
9
10
  var ColorPickerControl = function ColorPickerControl(_ref) {
10
11
  var label = _ref.label,
11
12
  tooltip = _ref.tooltip,
@@ -20,6 +21,7 @@ var ColorPickerControl = function ColorPickerControl(_ref) {
20
21
  onCancel = _ref.onCancel,
21
22
  onSave = _ref.onSave,
22
23
  withGradient = _ref.withGradient,
24
+ helperText = _ref.helperText,
23
25
  rest = _objectWithoutProperties(_ref, _excluded);
24
26
  return /*#__PURE__*/React.createElement(Control, {
25
27
  classname: "aurora-flex-col"
@@ -38,7 +40,7 @@ var ColorPickerControl = function ColorPickerControl(_ref) {
38
40
  onCancel: onCancel,
39
41
  onSave: onSave,
40
42
  withGradient: withGradient
41
- }, rest)), errors && /*#__PURE__*/React.createElement(ErrorList, {
43
+ }, rest)), helperText && /*#__PURE__*/React.createElement(HelperText, null, helperText), errors && /*#__PURE__*/React.createElement(ErrorList, {
42
44
  errors: errors
43
45
  }));
44
46
  };
package/build/esm/packages/aurora/src/components/controls/color_picker_control/color_picker_control.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;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;"}
package/build/esm/packages/aurora/src/components/controls/color_picker_control/color_picker_control_types.d.ts CHANGED
@@ -2,6 +2,8 @@ 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;
5
6
  tooltip?: string | React.ReactNode;
7
+ errors?: string | string[];
6
8
  required?: boolean;
7
9
  };
package/build/esm/packages/aurora/src/components/typography/typography_variants.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  export declare const typographyVariants: (props?: ({
2
- variant?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | null | undefined;
2
+ variant?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "caption" | null | undefined;
3
3
  transform?: "uppercase" | "lowercase" | "capitalize" | null | undefined;
4
4
  weight?: "normal" | "medium" | "semibold" | "bold" | "extrabold" | null | undefined;
5
5
  size?: "xs" | "s" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | null | undefined;
package/build/esm/packages/aurora/src/components/typography/typography_variants.js CHANGED
@@ -6,7 +6,7 @@ import { CSS_LINE_HEIGHT_TOKENS } from '../../constants/css_tokens/css_line_heig
6
6
 
7
7
  var typographyVariants = cva('', {
8
8
  variants: {
9
- variant: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, TYPOGRAPHY_COMPONENT_TYPES.h1, 'aurora-text-6xl aurora-font-bold aurora-tracking-4xs'), TYPOGRAPHY_COMPONENT_TYPES.h2, 'aurora-text-5xl aurora-font-bold aurora-tracking-3xs'), TYPOGRAPHY_COMPONENT_TYPES.h3, 'aurora-text-4xl aurora-font-bold aurora-tracking-2xs'), TYPOGRAPHY_COMPONENT_TYPES.h4, 'aurora-text-3xl aurora-font-bold aurora-tracking-xs'), TYPOGRAPHY_COMPONENT_TYPES.h5, 'aurora-text-2xl aurora-font-bold aurora-tracking-s'), TYPOGRAPHY_COMPONENT_TYPES.h6, 'aurora-text-xl aurora-font-bold'), TYPOGRAPHY_COMPONENT_TYPES.p, 'aurora-text-xs'),
9
+ variant: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, TYPOGRAPHY_COMPONENT_TYPES.h1, 'aurora-text-6xl aurora-font-bold aurora-tracking-4xs'), TYPOGRAPHY_COMPONENT_TYPES.h2, 'aurora-text-5xl aurora-font-bold aurora-tracking-3xs'), TYPOGRAPHY_COMPONENT_TYPES.h3, 'aurora-text-4xl aurora-font-bold aurora-tracking-2xs'), TYPOGRAPHY_COMPONENT_TYPES.h4, 'aurora-text-3xl aurora-font-bold aurora-tracking-xs'), TYPOGRAPHY_COMPONENT_TYPES.h5, 'aurora-text-2xl aurora-font-bold aurora-tracking-s'), TYPOGRAPHY_COMPONENT_TYPES.h6, 'aurora-text-xl aurora-font-bold'), TYPOGRAPHY_COMPONENT_TYPES.p, 'aurora-text-xs'), "caption", 'aurora-font-extrabold aurora-tracking-md aurora-uppercase'),
10
10
  transform: _defineProperty(_defineProperty(_defineProperty({}, TYPOGRAPHY_TRANSFORM_TYPES.uppercase, 'aurora-uppercase'), TYPOGRAPHY_TRANSFORM_TYPES.lowercase, 'aurora-lowercase'), TYPOGRAPHY_TRANSFORM_TYPES.capitalize, 'aurora-capitalize'),
11
11
  weight: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, TYPOGRAPHY_WEIGHT_TYPES.normal, 'aurora-font-normal'), TYPOGRAPHY_WEIGHT_TYPES.medium, 'aurora-font-medium'), TYPOGRAPHY_WEIGHT_TYPES.semibold, 'aurora-font-semibold'), TYPOGRAPHY_WEIGHT_TYPES.bold, 'aurora-font-bold'), TYPOGRAPHY_WEIGHT_TYPES.extrabold, 'aurora-font-extrabold'),
12
12
  size: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, CSS_FONT_SIZE_TOKENS.xs, 'aurora-text-xs'), CSS_FONT_SIZE_TOKENS.s, 'aurora-text-s'), CSS_FONT_SIZE_TOKENS.md, 'aurora-text'), CSS_FONT_SIZE_TOKENS.lg, 'aurora-text-lg'), CSS_FONT_SIZE_TOKENS.xl, 'aurora-text-xl'), CSS_FONT_SIZE_TOKENS['2xl'], 'aurora-text-2xl'), CSS_FONT_SIZE_TOKENS['3xl'], 'aurora-text-3xl'), CSS_FONT_SIZE_TOKENS['4xl'], 'aurora-text-4xl'), CSS_FONT_SIZE_TOKENS['5xl'], 'aurora-text-5xl'), CSS_FONT_SIZE_TOKENS['6xl'], 'aurora-text-6xl'),
package/build/esm/packages/aurora/src/index.d.ts CHANGED
@@ -89,6 +89,7 @@ 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";
92
93
  export { Checkbox } from "./components/checkbox/checkbox";
93
94
  export { CheckboxControl } from './components/controls/checkbox_control/checkbox_control';
94
95
  export { Select } from "./components/select/select";