@dreamcommerce/aurora 3.0.0-99 → 3.0.0

package/build/esm/packages/aurora/src/components/controls/color_picker_control/color_picker_control.js

@@ -1,12 +1,13 @@
 import React from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { Label } from '../../label/label.js';
-import { HelperText } from '../../helper_text/helper_text.js';
-import { ErrorList } from '../../error_list/error_list.js';
+import { CSS_TEXT_COLOR_TOKENS } from '../../../constants/css_tokens/css_text_color_tokens.js';
 import { Control } from '../../control/control.js';
+import { ErrorList } from '../../error_list/error_list.js';
+import { HelperText } from '../../helper_text/helper_text.js';
+import { Label } from '../../label/label.js';
 import { ColorPicker } from '../../color_picker/color_picker.js';
 
-var _excluded = ["label", "tooltip", "required", "id", "name", "errors", "initialColor", "colorVariables", "onChange", "onCancel", "onSave", "withGradient", "helperText", "disabled"];
+var _excluded = ["label", "tooltip", "required", "id", "name", "errors", "value", "colorVariables", "onChange", "onCancel", "onSave", "withGradient", "helperText", "disabled"];
 var ColorPickerControl = function ColorPickerControl(_ref) {
   var label = _ref.label,
     tooltip = _ref.tooltip,
@@ -15,7 +16,7 @@ var ColorPickerControl = function ColorPickerControl(_ref) {
     id = _ref.id,
     name = _ref.name,
     errors = _ref.errors,
-    initialColor = _ref.initialColor,
+    value = _ref.value,
     colorVariables = _ref.colorVariables,
     onChange = _ref.onChange,
     onCancel = _ref.onCancel,
@@ -26,15 +27,14 @@ var ColorPickerControl = function ColorPickerControl(_ref) {
     rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(Control, {
     classname: "aurora-flex-col"
-  }, label && (/*#__PURE__*/React.createElement(Label, {
+  }, label ? (/*#__PURE__*/React.createElement(Label, {
     htmlFor: id,
     tooltip: tooltip,
-    required: required,
-    className: "aurora-pb-1 aurora-text"
-  }, label)), /*#__PURE__*/React.createElement(ColorPicker, _objectSpread2({
+    required: required
+  }, label)) : null, /*#__PURE__*/React.createElement(ColorPicker, _objectSpread2({
     id: id,
     name: name,
-    initialColor: initialColor,
+    value: value,
     colorVariables: colorVariables,
     errors: errors,
     onChange: onChange,
@@ -42,9 +42,11 @@ var ColorPickerControl = function ColorPickerControl(_ref) {
     onSave: onSave,
     withGradient: withGradient,
     disabled: disabled
-  }, rest)), helperText && /*#__PURE__*/React.createElement(HelperText, null, helperText), errors && /*#__PURE__*/React.createElement(ErrorList, {
+  }, rest)), helperText ? /*#__PURE__*/React.createElement(HelperText, {
+    color: disabled ? CSS_TEXT_COLOR_TOKENS.subtleLight : undefined
+  }, helperText) : null, errors ? /*#__PURE__*/React.createElement(ErrorList, {
     errors: errors
-  }));
+  }) : null);
 };
 ColorPickerControl.displayName = 'ColorPickerControl';
 

package/build/esm/packages/aurora/src/components/controls/color_picker_control/color_picker_control.js.map

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

package/build/esm/packages/aurora/src/components/controls/color_picker_control/color_picker_control_types.d.ts

@@ -1,9 +1,9 @@
 import { IColorPickerProps } from "../../color_picker/color_picker_types";
-import React from 'react';
+import React, { HTMLAttributes } from 'react';
 export declare type TColorPickerControlProps = IColorPickerProps & {
     label?: string | React.ReactNode;
     helperText?: string | React.ReactNode;
     tooltip?: string | React.ReactNode;
     errors?: string | string[];
     required?: boolean;
-};
+} & Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>;

package/build/esm/packages/aurora/src/components/controls/color_picker_control/color_picker_control_types.js.map

@@ -1 +1 @@
-{"version":3,"file":"color_picker_control_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/controls/color_picker_control/color_picker_control_types.ts"],"names":[],"mappings":"AAAA,OAAkC,mDAAmD,CAAC;AACtF,OAAkB,OAAO,CAAC"}
+{"version":3,"file":"color_picker_control_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/controls/color_picker_control/color_picker_control_types.ts"],"names":[],"mappings":"AAAA,OAAkC,mDAAmD,CAAC;AACtF,OAAsC,OAAO,CAAC"}

package/build/esm/packages/aurora/src/components/controls/input_control/input_control.d.ts

@@ -1,3 +1,7 @@
 import React from 'react';
-import { TInputControlProps } from './input_control_types';
-export declare const InputControl: React.FC<TInputControlProps>;
+export declare const InputControl: React.ForwardRefExoticComponent<import("../../input/input_types").TInputProps & {
+    label?: React.ReactNode;
+    helperText?: React.ReactNode;
+    tooltip?: React.ReactNode;
+    errors?: string | string[] | undefined;
+} & React.RefAttributes<HTMLInputElement>>;

package/build/esm/packages/aurora/src/components/controls/input_control/input_control.js

@@ -1,13 +1,14 @@
 import React from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { Label } from '../../label/label.js';
-import { HelperText } from '../../helper_text/helper_text.js';
-import { ErrorList } from '../../error_list/error_list.js';
+import { CSS_TEXT_COLOR_TOKENS } from '../../../constants/css_tokens/css_text_color_tokens.js';
 import { Control } from '../../control/control.js';
+import { ErrorList } from '../../error_list/error_list.js';
+import { HelperText } from '../../helper_text/helper_text.js';
+import { Label } from '../../label/label.js';
 import { Input } from '../../input/input.js';
 
 var _excluded = ["id", "name", "label", "helperText", "preElement", "postElement", "errors", "disabled", "defaultValue", "value", "placeholder", "readOnly", "type", "required", "tooltip", "onChange", "onKeyDown", "onKeyUp"];
-var InputControl = function InputControl(_ref) {
+var InputControl = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var id = _ref.id,
     name = _ref.name,
     label = _ref.label,
@@ -29,15 +30,13 @@ var InputControl = function InputControl(_ref) {
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(Control, {
     classname: "aurora-flex-col"
-  }, label && (/*#__PURE__*/React.createElement("div", {
-    className: "aurora-mb-1"
-  }, /*#__PURE__*/React.createElement(Label, {
+  }, label ? (/*#__PURE__*/React.createElement(Label, {
     htmlFor: id,
-    className: "aurora-text",
     required: required,
     tooltip: tooltip,
     disabled: disabled
-  }, label))), /*#__PURE__*/React.createElement(Input, _objectSpread2({
+  }, label)) : null, /*#__PURE__*/React.createElement(Input, _objectSpread2({
+    ref: ref,
     id: id,
     name: name,
     value: value,
@@ -52,10 +51,12 @@ var InputControl = function InputControl(_ref) {
     onChange: onChange,
     onKeyDown: onKeyDown,
     onKeyUp: onKeyUp
-  }, props)), helperText && /*#__PURE__*/React.createElement(HelperText, null, helperText), errors && /*#__PURE__*/React.createElement(ErrorList, {
+  }, props)), helperText ? /*#__PURE__*/React.createElement(HelperText, {
+    color: disabled ? CSS_TEXT_COLOR_TOKENS.subtleLight : undefined
+  }, helperText) : null, errors ? /*#__PURE__*/React.createElement(ErrorList, {
     errors: errors
-  }));
-};
+  }) : null);
+});
 InputControl.displayName = 'InputControl';
 
 export { InputControl };

package/build/esm/packages/aurora/src/components/controls/input_control/input_control.js.map

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

package/build/esm/packages/aurora/src/components/controls/multiselect_control/multiselect_control.js

@@ -1,9 +1,10 @@
 import React from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { Label } from '../../label/label.js';
-import { HelperText } from '../../helper_text/helper_text.js';
-import { ErrorList } from '../../error_list/error_list.js';
+import { CSS_TEXT_COLOR_TOKENS } from '../../../constants/css_tokens/css_text_color_tokens.js';
 import { Control } from '../../control/control.js';
+import { ErrorList } from '../../error_list/error_list.js';
+import { HelperText } from '../../helper_text/helper_text.js';
+import { Label } from '../../label/label.js';
 import { MultiSelect } from '../../multiselect/multiselect.js';
 
 var _excluded = ["id", "options", "placeholder", "disabled", "label", "helperText", "tooltip", "errors", "onValueChange", "required"];
@@ -21,20 +22,23 @@ var MultiSelectControl = function MultiSelectControl(_ref) {
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(Control, {
     classname: "aurora-flex-col"
-  }, label && (/*#__PURE__*/React.createElement(Label, {
+  }, label ? (/*#__PURE__*/React.createElement(Label, {
     htmlFor: id,
-    className: "aurora-pb-1 aurora-text",
+    required: required,
     tooltip: tooltip,
-    required: required
-  }, label)), /*#__PURE__*/React.createElement(MultiSelect, _objectSpread2({
+    disabled: disabled
+  }, label)) : null, /*#__PURE__*/React.createElement(MultiSelect, _objectSpread2({
     id: id,
     options: options,
     placeholder: placeholder,
     disabled: disabled,
-    onValueChange: onValueChange
-  }, props)), helperText && /*#__PURE__*/React.createElement(HelperText, null, helperText), errors && /*#__PURE__*/React.createElement(ErrorList, {
+    onValueChange: onValueChange,
+    errors: errors
+  }, props)), helperText ? /*#__PURE__*/React.createElement(HelperText, {
+    color: disabled ? CSS_TEXT_COLOR_TOKENS.subtleLight : undefined
+  }, helperText) : null, errors ? /*#__PURE__*/React.createElement(ErrorList, {
     errors: errors
-  }));
+  }) : null);
 };
 MultiSelectControl.displayName = 'MultiSelectControl';
 

package/build/esm/packages/aurora/src/components/controls/multiselect_control/multiselect_control.js.map

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

package/build/esm/packages/aurora/src/components/controls/radio_group_control/radio_group_control.js

@@ -1,9 +1,11 @@
 import React from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { Label } from '../../label/label.js';
-import { HelperText } from '../../helper_text/helper_text.js';
-import { ErrorList } from '../../error_list/error_list.js';
+import { CSS_TEXT_COLOR_TOKENS } from '../../../constants/css_tokens/css_text_color_tokens.js';
+import { Stack } from '../../stack/stack.js';
 import { Control } from '../../control/control.js';
+import { ErrorList } from '../../error_list/error_list.js';
+import { HelperText } from '../../helper_text/helper_text.js';
+import { Label } from '../../label/label.js';
 import { RadioGroup } from '../../radio_group/radio_group.js';
 import { RadioGroupItem } from '../../radio_group/components/radio_group_item.js';
 
@@ -25,16 +27,19 @@ var RadioGroupControl = function RadioGroupControl(_ref) {
     onValueChange = _ref.onValueChange,
     rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(Control, {
-    classname: "aurora-flex-col"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "aurora-flex aurora-flex-col aurora-gap-2 aurora-mb-2"
-  }, label && (/*#__PURE__*/React.createElement(Label, {
+    classname: "aurora-flex-col aurora-gap-3"
+  }, /*#__PURE__*/React.createElement(Stack, {
+    spacing: "0.5",
+    direction: "column"
+  }, label ? (/*#__PURE__*/React.createElement(Label, {
     htmlFor: id,
     required: required,
     disabled: disabled,
     tooltip: tooltip,
     className: "aurora-text"
-  }, label)), helperText && /*#__PURE__*/React.createElement(HelperText, null, helperText)), /*#__PURE__*/React.createElement(RadioGroup, _objectSpread2({
+  }, label)) : null, helperText ? /*#__PURE__*/React.createElement(HelperText, {
+    color: disabled ? CSS_TEXT_COLOR_TOKENS.subtleLight : undefined
+  }, helperText) : null), /*#__PURE__*/React.createElement(RadioGroup, _objectSpread2({
     id: id,
     name: name,
     value: value,
@@ -44,18 +49,18 @@ var RadioGroupControl = function RadioGroupControl(_ref) {
     onValueChange: onValueChange
   }, rest), items.map(function (item) {
     return /*#__PURE__*/React.createElement(RadioGroupItem, {
-      key: "radio-button-".concat(value),
+      key: "radio-button-".concat(item.value),
       value: item.value,
       id: item.id,
-      errors: !!errors,
+      errors: errors,
       disabled: disabled,
       label: item.label,
       helperText: item.helperText,
       tooltip: item.tooltip
     });
-  })), /*#__PURE__*/React.createElement("div", null, errors && /*#__PURE__*/React.createElement(ErrorList, {
+  })), errors ? /*#__PURE__*/React.createElement(ErrorList, {
     errors: errors
-  })));
+  }) : null);
 };
 
 export { RadioGroupControl };

package/build/esm/packages/aurora/src/components/controls/radio_group_control/radio_group_control.js.map

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

package/build/esm/packages/aurora/src/components/controls/segmented_control_control/segmented_control_control.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TSegmentedControlControlProps } from "./segmented_control_control_types";
+export declare const SegmentedControlControl: React.FC<TSegmentedControlControlProps>;

package/build/esm/packages/aurora/src/components/controls/segmented_control_control/segmented_control_control.js

@@ -0,0 +1,56 @@
+import React from 'react';
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { CSS_TEXT_COLOR_TOKENS } from '../../../constants/css_tokens/css_text_color_tokens.js';
+import { Stack } from '../../stack/stack.js';
+import { SegmentedControl } from '../../segmented_control/segmented_control.js';
+import { SegmentedControlItem } from '../../segmented_control/components/segmented_control_item.js';
+import { Control } from '../../control/control.js';
+import { ErrorList } from '../../error_list/error_list.js';
+import { HelperText } from '../../helper_text/helper_text.js';
+import { Label } from '../../label/label.js';
+
+var _excluded = ["id", "items", "label", "value", "defaultValue", "tooltip", "helperText", "errors", "disabled", "onValueChange"];
+var SegmentedControlControl = function SegmentedControlControl(_ref) {
+  var id = _ref.id,
+    items = _ref.items,
+    label = _ref.label,
+    value = _ref.value,
+    defaultValue = _ref.defaultValue,
+    tooltip = _ref.tooltip,
+    helperText = _ref.helperText,
+    errors = _ref.errors,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    onValueChange = _ref.onValueChange,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Control, {
+    classname: "aurora-flex-col aurora-gap-3"
+  }, /*#__PURE__*/React.createElement(Stack, {
+    spacing: "0.5",
+    direction: "column"
+  }, label ? (/*#__PURE__*/React.createElement(Label, {
+    htmlFor: id,
+    disabled: disabled,
+    tooltip: tooltip,
+    className: "aurora-text"
+  }, label)) : null, helperText ? /*#__PURE__*/React.createElement(HelperText, {
+    color: disabled ? CSS_TEXT_COLOR_TOKENS.subtleLight : undefined
+  }, helperText) : null), /*#__PURE__*/React.createElement(SegmentedControl, _objectSpread2({
+    id: id,
+    value: value,
+    disabled: disabled,
+    onValueChange: onValueChange
+  }, rest), items.map(function (item) {
+    return /*#__PURE__*/React.createElement(SegmentedControlItem, {
+      key: "radio-button-".concat(item.value),
+      value: item.value,
+      id: item.id,
+      disabled: disabled
+    }, item.label);
+  })), errors ? /*#__PURE__*/React.createElement(ErrorList, {
+    errors: errors
+  }) : null);
+};
+
+export { SegmentedControlControl };
+//# sourceMappingURL=segmented_control_control.js.map

package/build/esm/packages/aurora/src/components/controls/segmented_control_control/segmented_control_control.js.map

@@ -0,0 +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;"}

package/build/esm/packages/aurora/src/components/controls/segmented_control_control/segmented_control_control_types.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { TSegmentedControlItemProps, TSegmentedControlProps } from "../../segmented_control/segmented_control_type";
+export declare type TSegmentedControlControlProps = TSegmentedControlProps & {
+    items: (Omit<TSegmentedControlItemProps, 'children'> & {
+        label: string;
+    })[];
+    label?: string | React.ReactNode;
+    tooltip?: string | React.ReactNode;
+    helperText?: string | React.ReactNode;
+    errors?: string | string[];
+};

package/build/esm/packages/aurora/src/components/controls/segmented_control_control/segmented_control_control_types.js

@@ -0,0 +1,3 @@
+import 'react';
+import '@auroraComponents/segmented_control/segmented_control_type';
+//# sourceMappingURL=segmented_control_control_types.js.map

package/build/esm/packages/aurora/src/components/controls/segmented_control_control/segmented_control_control_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"segmented_control_control_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/controls/segmented_control_control/segmented_control_control_types.ts"],"names":[],"mappings":"AAAA,OAAkB,OAAO,CAAC;AAE1B,OAAmE,4DAA4D,CAAC"}

package/build/esm/packages/aurora/src/components/controls/select_control/select_control.js

@@ -1,12 +1,13 @@
 import React from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { Label } from '../../label/label.js';
-import { HelperText } from '../../helper_text/helper_text.js';
-import { ErrorList } from '../../error_list/error_list.js';
+import { CSS_TEXT_COLOR_TOKENS } from '../../../constants/css_tokens/css_text_color_tokens.js';
 import { Control } from '../../control/control.js';
+import { ErrorList } from '../../error_list/error_list.js';
+import { HelperText } from '../../helper_text/helper_text.js';
+import { Label } from '../../label/label.js';
 import { Select } from '../../select/select.js';
 
-var _excluded = ["options", "id", "name", "label", "helperText", "tooltip", "placeholder", "searchPlaceholder", "hasSearch", "hasClearValueButton", "errors", "disabled", "defaultValue", "onValueChange", "innerAdditionalContent", "required"];
+var _excluded = ["options", "id", "name", "label", "helperText", "tooltip", "placeholder", "searchPlaceholder", "hasSearch", "hasClearValueButton", "errors", "disabled", "value", "onValueChange", "onScroll", "innerAdditionalContent", "required"];
 var SelectControl = function SelectControl(_ref) {
   var options = _ref.options,
     id = _ref.id,
@@ -20,24 +21,21 @@ var SelectControl = function SelectControl(_ref) {
     hasClearValueButton = _ref.hasClearValueButton,
     errors = _ref.errors,
     disabled = _ref.disabled,
-    defaultValue = _ref.defaultValue,
+    value = _ref.value,
     onValueChange = _ref.onValueChange,
+    onScroll = _ref.onScroll,
     innerAdditionalContent = _ref.innerAdditionalContent,
     required = _ref.required,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(Control, {
     classname: "aurora-flex-col"
-  }, label && (/*#__PURE__*/React.createElement("div", {
-    className: "aurora-mb-1"
-  }, /*#__PURE__*/React.createElement(Label, {
+  }, label ? (/*#__PURE__*/React.createElement(Label, {
     htmlFor: id,
     tooltip: tooltip,
-    required: required,
-    className: "aurora-text"
-  }, label))), /*#__PURE__*/React.createElement(Select, _objectSpread2({
+    required: required
+  }, label)) : null, /*#__PURE__*/React.createElement(Select, _objectSpread2({
     id: id,
     name: name,
-    defaultValue: defaultValue,
     options: options,
     disabled: disabled,
     placeholder: placeholder,
@@ -45,11 +43,15 @@ var SelectControl = function SelectControl(_ref) {
     searchPlaceholder: searchPlaceholder,
     innerAdditionalContent: innerAdditionalContent,
     hasClearValueButton: hasClearValueButton,
-    hasError: !!errors,
-    onValueChange: onValueChange
-  }, props)), helperText && /*#__PURE__*/React.createElement(HelperText, null, helperText), errors && /*#__PURE__*/React.createElement(ErrorList, {
+    errors: errors,
+    value: value,
+    onValueChange: onValueChange,
+    onScroll: onScroll
+  }, props)), helperText ? /*#__PURE__*/React.createElement(HelperText, {
+    color: disabled ? CSS_TEXT_COLOR_TOKENS.subtleLight : undefined
+  }, helperText) : null, errors ? /*#__PURE__*/React.createElement(ErrorList, {
     errors: errors
-  }));
+  }) : null);
 };
 SelectControl.displayName = 'SelectControl';
 

package/build/esm/packages/aurora/src/components/controls/select_control/select_control.js.map

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

package/build/esm/packages/aurora/src/components/controls/switch_control/switch_control.js

@@ -1,10 +1,13 @@
 import React from 'react';
-import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { Label } from '../../label/label.js';
-import { HelperText } from '../../helper_text/helper_text.js';
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { CSS_TEXT_COLOR_TOKENS } from '../../../constants/css_tokens/css_text_color_tokens.js';
+import { cn } from '../../../utilities/cn.js';
+import { Stack } from '../../stack/stack.js';
+import { Control } from '../../control/control.js';
 import { ErrorList } from '../../error_list/error_list.js';
+import { HelperText } from '../../helper_text/helper_text.js';
+import { Label } from '../../label/label.js';
 import { Switch } from '../../switch/switch.js';
-import { Control } from '../../control/control.js';
 
 var _excluded = ["id", "name", "errors", "label", "value", "tooltip", "helperText", "checked", "defaultChecked", "disabled", "required", "onCheckedChange"];
 var SwitchControl = function SwitchControl(_ref) {
@@ -25,24 +28,41 @@ var SwitchControl = function SwitchControl(_ref) {
     required = _ref$required === void 0 ? false : _ref$required,
     onCheckedChange = _ref.onCheckedChange,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Control, null, /*#__PURE__*/React.createElement(Switch, _objectSpread2({
+  var _React$useState = React.useState(checked),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    _checked = _React$useState2[0],
+    setChecked = _React$useState2[1];
+  var handleCheckedChange = function handleCheckedChange(checked) {
+    setChecked(checked);
+    onCheckedChange === null || onCheckedChange === void 0 ? void 0 : onCheckedChange(checked);
+  };
+  return /*#__PURE__*/React.createElement(Control, {
+    classname: "aurora-gap-3"
+  }, /*#__PURE__*/React.createElement(Switch, _objectSpread2({
     id: id,
     name: name,
     value: value,
     defaultChecked: defaultChecked,
     checked: checked,
     disabled: disabled,
-    onCheckedChange: onCheckedChange,
+    onCheckedChange: handleCheckedChange,
     errors: errors
-  }, rest)), /*#__PURE__*/React.createElement("div", {
-    className: "aurora-ml-2 aurora-flex aurora-justify-center aurora-flex-col aurora-gap-1"
-  }, label && (/*#__PURE__*/React.createElement(Label, {
+  }, rest)), /*#__PURE__*/React.createElement(Stack, {
+    spacing: "0.5",
+    direction: "column"
+  }, label ? (/*#__PURE__*/React.createElement(Label, {
     required: required,
+    htmlFor: id,
     tooltip: tooltip,
-    disabled: disabled
-  }, label)), helperText && /*#__PURE__*/React.createElement(HelperText, null, helperText), errors && /*#__PURE__*/React.createElement(ErrorList, {
+    disabled: disabled,
+    className: cn({
+      'aurora-font-semibold': _checked
+    })
+  }, label)) : null, helperText ? /*#__PURE__*/React.createElement(HelperText, {
+    color: disabled ? CSS_TEXT_COLOR_TOKENS.subtleLight : undefined
+  }, helperText) : null, errors ? /*#__PURE__*/React.createElement(ErrorList, {
     errors: errors
-  })));
+  }) : null));
 };
 
 export { SwitchControl };

package/build/esm/packages/aurora/src/components/controls/switch_control/switch_control.js.map

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

package/build/esm/packages/aurora/src/components/controls/text_area_control/text_area_control.js

@@ -1,12 +1,13 @@
 import React from 'react';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { Label } from '../../label/label.js';
-import { HelperText } from '../../helper_text/helper_text.js';
-import { ErrorList } from '../../error_list/error_list.js';
+import { CSS_TEXT_COLOR_TOKENS } from '../../../constants/css_tokens/css_text_color_tokens.js';
 import { Control } from '../../control/control.js';
+import { ErrorList } from '../../error_list/error_list.js';
+import { HelperText } from '../../helper_text/helper_text.js';
+import { Label } from '../../label/label.js';
 import { TextArea } from '../../text_area/text_area.js';
 
-var _excluded = ["id", "name", "label", "errors", "placeholder", "disabled", "readOnly", "value", "defaultValue", "helperText", "required", "tooltip", "onChange"];
+var _excluded = ["id", "name", "label", "errors", "placeholder", "disabled", "readOnly", "value", "helperText", "required", "tooltip", "onChange"];
 var TextAreaControl = function TextAreaControl(_ref) {
   var id = _ref.id,
     name = _ref.name,
@@ -16,7 +17,6 @@ var TextAreaControl = function TextAreaControl(_ref) {
     disabled = _ref.disabled,
     readOnly = _ref.readOnly,
     value = _ref.value,
-    defaultValue = _ref.defaultValue,
     helperText = _ref.helperText,
     _ref$required = _ref.required,
     required = _ref$required === void 0 ? false : _ref$required,
@@ -24,25 +24,26 @@ var TextAreaControl = function TextAreaControl(_ref) {
     onChange = _ref.onChange,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(Control, {
-    classname: "aurora-flex aurora-flex-col aurora-gap-2"
-  }, label && (/*#__PURE__*/React.createElement(Label, {
+    classname: "aurora-flex-col"
+  }, label ? (/*#__PURE__*/React.createElement(Label, {
     htmlFor: id,
     required: required,
     tooltip: tooltip,
     disabled: disabled
-  }, label)), /*#__PURE__*/React.createElement(TextArea, _objectSpread2({
+  }, label)) : null, /*#__PURE__*/React.createElement(TextArea, _objectSpread2({
     id: id,
     name: name,
     placeholder: placeholder,
     value: value,
-    defaultValue: defaultValue,
     disabled: disabled,
     readOnly: readOnly,
     errors: errors,
     onChange: onChange
-  }, props)), helperText && /*#__PURE__*/React.createElement(HelperText, null, helperText), errors && /*#__PURE__*/React.createElement(ErrorList, {
+  }, props)), helperText ? /*#__PURE__*/React.createElement(HelperText, {
+    color: disabled ? CSS_TEXT_COLOR_TOKENS.subtleLight : undefined
+  }, helperText) : null, errors ? /*#__PURE__*/React.createElement(ErrorList, {
     errors: errors
-  }));
+  }) : null);
 };
 TextAreaControl.displayName = 'TextAreaControl';
 

package/build/esm/packages/aurora/src/components/controls/text_area_control/text_area_control.js.map

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

package/build/esm/packages/aurora/src/components/controls/values_syncer_control/values_syncer_control.d.ts

@@ -1,3 +1,6 @@
 import React from 'react';
 import { TValuesSyncerControlProps } from './values_syncer_control_types';
-export declare const ValuesSyncerControl: React.FC<TValuesSyncerControlProps>;
+export declare const ValuesSyncerControl: {
+    <T>({ label, required, tooltip, errors, firstControl, secondControl, firstValue, secondValue, isLocked, onLock, disableLockButton, onChange, disabled, helperText, className }: TValuesSyncerControlProps<T>): React.JSX.Element;
+    displayName: string;
+};