sag_components 2.0.0-beta207 → 2.0.0-beta208

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.
package/dist/index.esm.js CHANGED
@@ -35971,9 +35971,12 @@ const ToggleSwitchLabel = styled.label`
35971
35971
  position: relative;
35972
35972
  cursor: pointer;
35973
35973
  user-select: none;
35974
- opacity: ${({
35975
- disabled
35976
- }) => disabled ? 0.5 : 1};
35974
+ opacity: ${_ref => {
35975
+ let {
35976
+ disabled
35977
+ } = _ref;
35978
+ return disabled ? 0.5 : 1;
35979
+ }};
35977
35980
  `;
35978
35981
  const ToggleInput = styled.input`
35979
35982
  display: none;
@@ -35981,15 +35984,19 @@ const ToggleInput = styled.input`
35981
35984
  const ToggleSlider = styled.span`
35982
35985
  display: block;
35983
35986
  position: relative;
35984
- background: ${({
35985
- checked,
35986
- disabled
35987
- }) => checked ? disabled ? "#7bb1b0" : "#006d6a" : "#cfd8dc"};
35987
+ background: ${_ref2 => {
35988
+ let {
35989
+ checked,
35990
+ disabled
35991
+ } = _ref2;
35992
+ return checked ? disabled ? "#7bb1b0" : "#006d6a" : "#cfd8dc";
35993
+ }};
35988
35994
  border-radius: 999px;
35989
35995
  transition: background 0.2s;
35990
- ${({
35991
- size
35992
- }) => {
35996
+ ${_ref3 => {
35997
+ let {
35998
+ size
35999
+ } = _ref3;
35993
36000
  switch (size) {
35994
36001
  case "s":
35995
36002
  return css`width: 40px; height: 20px;`;
@@ -36008,9 +36015,10 @@ const ToggleSlider = styled.span`
36008
36015
  background: #fff;
36009
36016
  border-radius: 50%;
36010
36017
  transition: left 0.2s, width 0.2s, height 0.2s;
36011
- ${({
36012
- size
36013
- }) => {
36018
+ ${_ref4 => {
36019
+ let {
36020
+ size
36021
+ } = _ref4;
36014
36022
  switch (size) {
36015
36023
  case "s":
36016
36024
  return css`width: 14px; height: 14px;`;
@@ -36020,10 +36028,11 @@ const ToggleSlider = styled.span`
36020
36028
  return css`width: 20px; height: 20px;`;
36021
36029
  }
36022
36030
  }}
36023
- left: ${({
36024
- checked,
36025
- size
36026
- }) => {
36031
+ left: ${_ref5 => {
36032
+ let {
36033
+ checked,
36034
+ size
36035
+ } = _ref5;
36027
36036
  if (!checked) return "3px";
36028
36037
  switch (size) {
36029
36038
  case "s":