@dreamcommerce/aurora 3.1.9 → 3.1.11

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 (18) hide show
  1. package/build/cjs/packages/aurora/src/components/checkbox/checkbox.js +1 -1
  2. package/build/cjs/packages/aurora/src/components/controls/checkbox_control/checkbox_control.js +2 -9
  3. package/build/cjs/packages/aurora/src/components/controls/checkbox_control/checkbox_control.js.map +1 -1
  4. package/build/cjs/packages/aurora/src/components/error_list/components/error_list_item.js +1 -1
  5. package/build/cjs/packages/aurora/src/components/helper_text/helper_text.js +2 -2
  6. package/build/cjs/packages/aurora/src/components/image_picker/image_picker.js +1 -1
  7. package/build/cjs/packages/aurora/src/components/input/input_variants.js +1 -1
  8. package/build/cjs/packages/aurora/src/components/select/components/select_trigger.js +1 -1
  9. package/build/esm/packages/aurora/src/components/checkbox/checkbox.js +1 -1
  10. package/build/esm/packages/aurora/src/components/controls/checkbox_control/checkbox_control.js +2 -9
  11. package/build/esm/packages/aurora/src/components/controls/checkbox_control/checkbox_control.js.map +1 -1
  12. package/build/esm/packages/aurora/src/components/error_list/components/error_list_item.js +1 -1
  13. package/build/esm/packages/aurora/src/components/helper_text/helper_text.js +2 -2
  14. package/build/esm/packages/aurora/src/components/image_picker/image_picker.js +1 -1
  15. package/build/esm/packages/aurora/src/components/input/input_variants.js +1 -1
  16. package/build/esm/packages/aurora/src/components/select/components/select_trigger.js +1 -1
  17. package/build/index.css +1 -1
  18. package/package.json +1 -1
package/build/cjs/packages/aurora/src/components/checkbox/checkbox.js CHANGED
@@ -25,7 +25,7 @@ var Checkbox = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
25
25
  id: id,
26
26
  name: name,
27
27
  ref: ref,
28
- className: cn.cn('aurora-shrink-0 aurora-rounded-4 aurora-h-[20px] aurora-w-[20px] aurora-transition-all aurora-bg hover:aurora-border-strong focus data-[state=unchecked]:aurora-border data-[state=checked]:aurora-bg-primary not-disabled:data-[state=checked]:aurora-border-primary', {
28
+ className: cn.cn('aurora-shrink-0 aurora-rounded-4 aurora-h-[20px] aurora-w-[20px] aurora-transition-all aurora-bg aurora-border-strong hover:aurora-border-extraStrong focus data-[state=unchecked]:aurora-border data-[state=checked]:aurora-bg-primary not-disabled:data-[state=checked]:aurora-border-primary', {
29
29
  'aurora-border-danger aurora-border-2': !!(errors !== null && errors !== void 0 && errors.length),
30
30
  'disabled:aurora-cursor-not-allowed': disabled,
31
31
  '!aurora-bg-active': disabled && checked
package/build/cjs/packages/aurora/src/components/controls/checkbox_control/checkbox_control.js CHANGED
@@ -4,8 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
6
  var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
7
- var css_text_color_tokens = require('../../../constants/css_tokens/css_text_color_tokens.js');
8
- var cn = require('../../../utilities/cn.js');
9
7
  var stack = require('../../stack/stack.js');
10
8
  var control = require('../../control/control.js');
11
9
  var error_list = require('../../error_list/error_list.js');
@@ -60,13 +58,8 @@ var CheckboxControl = function CheckboxControl(_ref) {
60
58
  htmlFor: id,
61
59
  required: required,
62
60
  disabled: disabled,
63
- tooltip: tooltip,
64
- className: cn.cn({
65
- 'aurora-font-semibold': _checked
66
- })
67
- }, label$1)) : null, helperText ? /*#__PURE__*/React__default['default'].createElement(helper_text.HelperText, {
68
- color: disabled ? css_text_color_tokens.CSS_TEXT_COLOR_TOKENS.subtleLight : undefined
69
- }, helperText) : null, errors ? /*#__PURE__*/React__default['default'].createElement(error_list.ErrorList, {
61
+ tooltip: tooltip
62
+ }, label$1)) : null, helperText ? /*#__PURE__*/React__default['default'].createElement(helper_text.HelperText, null, helperText) : null, errors ? /*#__PURE__*/React__default['default'].createElement(error_list.ErrorList, {
70
63
  errors: errors
71
64
  }) : null));
72
65
  };
package/build/cjs/packages/aurora/src/components/controls/checkbox_control/checkbox_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;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;"}
package/build/cjs/packages/aurora/src/components/error_list/components/error_list_item.js CHANGED
@@ -13,7 +13,7 @@ var ErrorListItem = function ErrorListItem(_ref) {
13
13
  props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
14
14
  return /*#__PURE__*/React.createElement("li", _rollupPluginBabelHelpers.objectSpread2({}, props), /*#__PURE__*/React.createElement(typography.Typography, {
15
15
  color: "danger",
16
- size: "s"
16
+ size: "xs"
17
17
  }, children));
18
18
  };
19
19
 
package/build/cjs/packages/aurora/src/components/helper_text/helper_text.js CHANGED
@@ -11,10 +11,10 @@ var HelperText = function HelperText(_ref) {
11
11
  var className = _ref.className,
12
12
  children = _ref.children,
13
13
  _ref$color = _ref.color,
14
- color = _ref$color === void 0 ? 'subtle' : _ref$color,
14
+ color = _ref$color === void 0 ? 'subtle-light' : _ref$color,
15
15
  props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
16
16
  return /*#__PURE__*/React.createElement(typography.Typography, _rollupPluginBabelHelpers.objectSpread2({
17
- size: "s",
17
+ size: "xs",
18
18
  color: color
19
19
  }, props), children);
20
20
  };
package/build/cjs/packages/aurora/src/components/image_picker/image_picker.js CHANGED
@@ -120,7 +120,7 @@ var ImagePicker = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function
120
120
  return /*#__PURE__*/React__default['default'].createElement("div", {
121
121
  className: "aurora-mb-1"
122
122
  }, /*#__PURE__*/React__default['default'].createElement("button", {
123
- className: cn.cn('aurora-block aurora-w-full aurora-rounded-8 aurora-relative hover:aurora-border-active focus-visible:aurora-border-active focus-visible:aurora-outline-none', {
123
+ className: cn.cn('aurora-block aurora-w-full aurora-rounded-8 aurora-relative aurora-border-strong hover:aurora-border-extraStrong focus-visible:aurora-border-active focus-visible:aurora-outline-none', {
124
124
  'aurora-border aurora-border-dashed': !(errors && errors.length > 0 && !isDragOver),
125
125
  'aurora-border-2 aurora-border-danger aurora-border-solid hover:aurora-border-danger focus-visible:aurora-border-danger': errors && errors.length > 0,
126
126
  'aurora-border-transparent hover:aurora-border-transparent focus-visible:aurora-border-transparent': isDragOver
package/build/cjs/packages/aurora/src/components/input/input_variants.js CHANGED
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var index = require('../../../../../external/class-variance-authority/dist/index.mjs.js');
6
6
 
7
- var inputVariants = index.cva('aurora-relative aurora-flex aurora-items-center aurora-rounded-6 focus aurora-border aurora-bg aurora-text-s aurora-placeholder-neutral-500 aurora-text hover:aurora-border-strong active:aurora-border-active disabled:aurora-opacity-50 aurora-w-full');
7
+ var inputVariants = index.cva('aurora-relative aurora-flex aurora-items-center aurora-rounded-6 focus aurora-border aurora-bg aurora-text-s aurora-placeholder-neutral-500 aurora-text aurora-border-strong hover:aurora-border-extraStrong active:aurora-border-active disabled:aurora-opacity-50 aurora-w-full');
8
8
 
9
9
  exports.inputVariants = inputVariants;
10
10
  //# sourceMappingURL=input_variants.js.map
package/build/cjs/packages/aurora/src/components/select/components/select_trigger.js CHANGED
@@ -21,7 +21,7 @@ var SelectTrigger = /*#__PURE__*/React__default['default'].forwardRef(function (
21
21
  props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
22
22
  return /*#__PURE__*/React__default['default'].createElement(SelectPrimitive.Trigger, _rollupPluginBabelHelpers.objectSpread2({
23
23
  ref: ref,
24
- className: cn.cn('aurora-flex aurora-h-10 aurora-w-full aurora-items-center aurora-justify-between aurora-rounded-8 aurora-border aurora-border-input aurora-bg-neutral-0 aurora-px-3 aurora-py-2 aurora-text-s hover:aurora-border-strong focus-visible:focus disabled:aurora-cursor-not-allowed disabled:aurora-bg-subtle disabled:aurora-text-subtle-light disabled:aurora-border-subtle [&>span]:aurora-text-ellipsis [&>span]:aurora-whitespace-nowrap [&>span]:aurora-overflow-hidden focus-visible:aurora-border-active -visible:aurora-border-2 data-[state=open]:aurora-border-active data-[state=open]:aurora-border-2', {
24
+ className: cn.cn('aurora-flex aurora-h-10 aurora-w-full aurora-items-center aurora-justify-between aurora-rounded-8 aurora-border aurora-border-input aurora-bg-neutral-0 aurora-px-3 aurora-py-2 aurora-text-s aurora-border-strong hover:aurora-border-extraStrong focus-visible:focus disabled:aurora-cursor-not-allowed disabled:aurora-bg-subtle disabled:aurora-text-subtle-light disabled:aurora-border-subtle [&>span]:aurora-text-ellipsis [&>span]:aurora-whitespace-nowrap [&>span]:aurora-overflow-hidden focus-visible:aurora-border-active -visible:aurora-border-2 data-[state=open]:aurora-border-active data-[state=open]:aurora-border-2', {
25
25
  '!aurora-border-danger aurora-border-2': hasError
26
26
  }, className)
27
27
  }, props), children, /*#__PURE__*/React__default['default'].createElement("div", {
package/build/esm/packages/aurora/src/components/checkbox/checkbox.js CHANGED
@@ -21,7 +21,7 @@ var Checkbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
21
21
  id: id,
22
22
  name: name,
23
23
  ref: ref,
24
- className: cn('aurora-shrink-0 aurora-rounded-4 aurora-h-[20px] aurora-w-[20px] aurora-transition-all aurora-bg hover:aurora-border-strong focus data-[state=unchecked]:aurora-border data-[state=checked]:aurora-bg-primary not-disabled:data-[state=checked]:aurora-border-primary', {
24
+ className: cn('aurora-shrink-0 aurora-rounded-4 aurora-h-[20px] aurora-w-[20px] aurora-transition-all aurora-bg aurora-border-strong hover:aurora-border-extraStrong focus data-[state=unchecked]:aurora-border data-[state=checked]:aurora-bg-primary not-disabled:data-[state=checked]:aurora-border-primary', {
25
25
  'aurora-border-danger aurora-border-2': !!(errors !== null && errors !== void 0 && errors.length),
26
26
  'disabled:aurora-cursor-not-allowed': disabled,
27
27
  '!aurora-bg-active': disabled && checked
package/build/esm/packages/aurora/src/components/controls/checkbox_control/checkbox_control.js CHANGED
@@ -1,7 +1,5 @@
1
1
  import React from 'react';
2
2
  import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
3
- import { CSS_TEXT_COLOR_TOKENS } from '../../../constants/css_tokens/css_text_color_tokens.js';
4
- import { cn } from '../../../utilities/cn.js';
5
3
  import { Stack } from '../../stack/stack.js';
6
4
  import { Control } from '../../control/control.js';
7
5
  import { ErrorList } from '../../error_list/error_list.js';
@@ -52,13 +50,8 @@ var CheckboxControl = function CheckboxControl(_ref) {
52
50
  htmlFor: id,
53
51
  required: required,
54
52
  disabled: disabled,
55
- tooltip: tooltip,
56
- className: cn({
57
- 'aurora-font-semibold': _checked
58
- })
59
- }, label)) : null, helperText ? /*#__PURE__*/React.createElement(HelperText, {
60
- color: disabled ? CSS_TEXT_COLOR_TOKENS.subtleLight : undefined
61
- }, helperText) : null, errors ? /*#__PURE__*/React.createElement(ErrorList, {
53
+ tooltip: tooltip
54
+ }, label)) : null, helperText ? /*#__PURE__*/React.createElement(HelperText, null, helperText) : null, errors ? /*#__PURE__*/React.createElement(ErrorList, {
62
55
  errors: errors
63
56
  }) : null));
64
57
  };
package/build/esm/packages/aurora/src/components/controls/checkbox_control/checkbox_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;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;"}
package/build/esm/packages/aurora/src/components/error_list/components/error_list_item.js CHANGED
@@ -9,7 +9,7 @@ var ErrorListItem = function ErrorListItem(_ref) {
9
9
  props = _objectWithoutProperties(_ref, _excluded);
10
10
  return /*#__PURE__*/createElement("li", _objectSpread2({}, props), /*#__PURE__*/createElement(Typography, {
11
11
  color: "danger",
12
- size: "s"
12
+ size: "xs"
13
13
  }, children));
14
14
  };
15
15
 
package/build/esm/packages/aurora/src/components/helper_text/helper_text.js CHANGED
@@ -7,10 +7,10 @@ var HelperText = function HelperText(_ref) {
7
7
  var className = _ref.className,
8
8
  children = _ref.children,
9
9
  _ref$color = _ref.color,
10
- color = _ref$color === void 0 ? 'subtle' : _ref$color,
10
+ color = _ref$color === void 0 ? 'subtle-light' : _ref$color,
11
11
  props = _objectWithoutProperties(_ref, _excluded);
12
12
  return /*#__PURE__*/createElement(Typography, _objectSpread2({
13
- size: "s",
13
+ size: "xs",
14
14
  color: color
15
15
  }, props), children);
16
16
  };
package/build/esm/packages/aurora/src/components/image_picker/image_picker.js CHANGED
@@ -112,7 +112,7 @@ var ImagePicker = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(function (_ref, ref)
112
112
  return /*#__PURE__*/React.createElement("div", {
113
113
  className: "aurora-mb-1"
114
114
  }, /*#__PURE__*/React.createElement("button", {
115
- className: cn('aurora-block aurora-w-full aurora-rounded-8 aurora-relative hover:aurora-border-active focus-visible:aurora-border-active focus-visible:aurora-outline-none', {
115
+ className: cn('aurora-block aurora-w-full aurora-rounded-8 aurora-relative aurora-border-strong hover:aurora-border-extraStrong focus-visible:aurora-border-active focus-visible:aurora-outline-none', {
116
116
  'aurora-border aurora-border-dashed': !(errors && errors.length > 0 && !isDragOver),
117
117
  'aurora-border-2 aurora-border-danger aurora-border-solid hover:aurora-border-danger focus-visible:aurora-border-danger': errors && errors.length > 0,
118
118
  'aurora-border-transparent hover:aurora-border-transparent focus-visible:aurora-border-transparent': isDragOver
package/build/esm/packages/aurora/src/components/input/input_variants.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { cva } from '../../../../../external/class-variance-authority/dist/index.mjs.js';
2
2
 
3
- var inputVariants = cva('aurora-relative aurora-flex aurora-items-center aurora-rounded-6 focus aurora-border aurora-bg aurora-text-s aurora-placeholder-neutral-500 aurora-text hover:aurora-border-strong active:aurora-border-active disabled:aurora-opacity-50 aurora-w-full');
3
+ var inputVariants = cva('aurora-relative aurora-flex aurora-items-center aurora-rounded-6 focus aurora-border aurora-bg aurora-text-s aurora-placeholder-neutral-500 aurora-text aurora-border-strong hover:aurora-border-extraStrong active:aurora-border-active disabled:aurora-opacity-50 aurora-w-full');
4
4
 
5
5
  export { inputVariants };
6
6
  //# sourceMappingURL=input_variants.js.map
package/build/esm/packages/aurora/src/components/select/components/select_trigger.js CHANGED
@@ -13,7 +13,7 @@ var SelectTrigger = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
13
13
  props = _objectWithoutProperties(_ref, _excluded);
14
14
  return /*#__PURE__*/React.createElement(Trigger, _objectSpread2({
15
15
  ref: ref,
16
- className: cn('aurora-flex aurora-h-10 aurora-w-full aurora-items-center aurora-justify-between aurora-rounded-8 aurora-border aurora-border-input aurora-bg-neutral-0 aurora-px-3 aurora-py-2 aurora-text-s hover:aurora-border-strong focus-visible:focus disabled:aurora-cursor-not-allowed disabled:aurora-bg-subtle disabled:aurora-text-subtle-light disabled:aurora-border-subtle [&>span]:aurora-text-ellipsis [&>span]:aurora-whitespace-nowrap [&>span]:aurora-overflow-hidden focus-visible:aurora-border-active -visible:aurora-border-2 data-[state=open]:aurora-border-active data-[state=open]:aurora-border-2', {
16
+ className: cn('aurora-flex aurora-h-10 aurora-w-full aurora-items-center aurora-justify-between aurora-rounded-8 aurora-border aurora-border-input aurora-bg-neutral-0 aurora-px-3 aurora-py-2 aurora-text-s aurora-border-strong hover:aurora-border-extraStrong focus-visible:focus disabled:aurora-cursor-not-allowed disabled:aurora-bg-subtle disabled:aurora-text-subtle-light disabled:aurora-border-subtle [&>span]:aurora-text-ellipsis [&>span]:aurora-whitespace-nowrap [&>span]:aurora-overflow-hidden focus-visible:aurora-border-active -visible:aurora-border-2 data-[state=open]:aurora-border-active data-[state=open]:aurora-border-2', {
17
17
  '!aurora-border-danger aurora-border-2': hasError
18
18
  }, className)
19
19
  }, props), children, /*#__PURE__*/React.createElement("div", {