@zendeskgarden/react-forms 9.12.3 → 9.12.4

package/dist/esm/styled/toggle/StyledToggleInput.js

@@ -10,11 +10,10 @@ import { componentStyles, getColor } from '@zendeskgarden/react-theming';
 import { StyledCheckInput } from '../checkbox/StyledCheckInput.js';
 import { StyledToggleLabel } from './StyledToggleLabel.js';
 
-const COMPONENT_ID = 'forms.toggle';
-const colorStyles = _ref => {
-  let {
-    theme
-  } = _ref;
+const COMPONENT_ID$9 = 'forms.toggle';
+const colorStyles$4 = ({
+  theme
+}) => {
   const backgroundOptions = {
     theme,
     variable: 'background.emphasis'
@@ -40,10 +39,9 @@ const colorStyles = _ref => {
   });
   return css(["& ~ ", "::before{background-color:", ";}&:enabled ~ ", ":hover::before{background-color:", ";}&:enabled ~ ", ":active::before{background-color:", ";}"], StyledToggleLabel, backgroundColor, StyledToggleLabel, hoverBackgroundColor, StyledToggleLabel, activeBackgroundColor);
 };
-const sizeStyles = _ref2 => {
-  let {
-    theme
-  } = _ref2;
+const sizeStyles$7 = ({
+  theme
+}) => {
   const height = `${theme.space.base * 5}px`;
   const width = `${theme.space.base * 10}px`;
   const iconSize = theme.iconSizes.md;
@@ -52,11 +50,11 @@ const sizeStyles = _ref2 => {
   return css(["top:0;width:", ";height:", ";& ~ ", "::before{width:", ";height:", ";}& ~ ", " > svg{top:", ";", ":", ";width:", ";height:", ";}&:checked ~ ", " > svg{", ":", ";}"], width, height, StyledToggleLabel, width, height, StyledToggleLabel, iconPosition, theme.rtl ? 'right' : 'left', iconPosition, iconSize, iconSize, StyledToggleLabel, theme.rtl ? 'right' : 'left', checkedIconPosition);
 };
 const StyledToggleInput = styled(StyledCheckInput).attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.3'
+  'data-garden-id': COMPONENT_ID$9,
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledToggleInput",
   componentId: "sc-sgp47s-0"
-})(["& ~ ", "::before{top:0;transition:box-shadow .1s ease-in-out,background-color .15s ease-in-out,color .25s ease-in-out;border:none;border-radius:100px;}", ";", ";", ";"], StyledToggleLabel, sizeStyles, colorStyles, componentStyles);
+})(["& ~ ", "::before{top:0;transition:box-shadow .1s ease-in-out,background-color .15s ease-in-out,color .25s ease-in-out;border:none;border-radius:100px;}", ";", ";", ";"], StyledToggleLabel, sizeStyles$7, colorStyles$4, componentStyles);
 
 export { StyledToggleInput };

package/dist/esm/styled/toggle/StyledToggleLabel.js

@@ -8,18 +8,18 @@ import styled, { css } from 'styled-components';
 import { componentStyles } from '@zendeskgarden/react-theming';
 import { StyledCheckLabel } from '../checkbox/StyledCheckLabel.js';
 
-const COMPONENT_ID = 'forms.toggle_label';
-const sizeStyles = props => {
+const COMPONENT_ID$b = 'forms.toggle_label';
+const sizeStyles$8 = props => {
   const size = props.theme.space.base * 10;
   const padding = size + props.theme.space.base * 2;
   return css(["padding-", ":", "px;&[hidden]{padding-", ":", "px;}"], props.theme.rtl ? 'right' : 'left', padding, props.theme.rtl ? 'right' : 'left', size);
 };
 const StyledToggleLabel = styled(StyledCheckLabel).attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.3'
+  'data-garden-id': COMPONENT_ID$b,
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledToggleLabel",
   componentId: "sc-e0asdk-0"
-})(["", ";", ";"], props => sizeStyles(props), componentStyles);
+})(["", ";", ";"], props => sizeStyles$8(props), componentStyles);
 
 export { StyledToggleLabel };

package/dist/esm/styled/toggle/StyledToggleMessage.js

@@ -10,10 +10,10 @@ import { componentStyles } from '@zendeskgarden/react-theming';
 import { StyledMessage } from '../common/StyledMessage.js';
 import { StyledMessageIcon } from '../common/StyledMessageIcon.js';
 
-const COMPONENT_ID = 'forms.toggle_message';
+const COMPONENT_ID$8 = 'forms.toggle_message';
 const StyledToggleMessage = styled(StyledMessage).attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.3'
+  'data-garden-id': COMPONENT_ID$8,
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledToggleMessage",
   componentId: "sc-13vuvl1-0"

package/dist/esm/styled/toggle/StyledToggleSvg.js

@@ -8,10 +8,10 @@ import styled from 'styled-components';
 import SvgCircleSmFill from '../../node_modules/@zendeskgarden/svg-icons/src/16/circle-sm-fill.svg.js';
 import { componentStyles } from '@zendeskgarden/react-theming';
 
-const COMPONENT_ID = 'forms.toggle_svg';
+const COMPONENT_ID$7 = 'forms.toggle_svg';
 const StyledToggleSvg = styled(SvgCircleSmFill).attrs({
-  'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.12.3'
+  'data-garden-id': COMPONENT_ID$7,
+  'data-garden-version': '9.12.4'
 }).withConfig({
   displayName: "StyledToggleSvg",
   componentId: "sc-162xbyx-0"