@dreamcommerce/aurora 3.1.9 → 3.1.10

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.
@@ -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
@@ -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
  };
@@ -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;"}
@@ -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
 
@@ -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
  };
@@ -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
@@ -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
  };
@@ -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;"}
@@ -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
 
@@ -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
  };