carbon-react 158.48.0 → 158.49.0

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 (37) hide show
  1. package/esm/components/form/form.style.js +1 -1
  2. package/esm/components/switch/switch.component.d.ts +84 -23
  3. package/esm/components/switch/switch.component.js +1 -1
  4. package/esm/components/switch/switch.style.d.ts +58 -12
  5. package/esm/components/switch/switch.style.js +1 -1
  6. package/esm/locales/de-de.js +1 -1
  7. package/esm/locales/en-gb.js +1 -1
  8. package/esm/locales/es-es.js +1 -1
  9. package/esm/locales/fr-ca.js +1 -1
  10. package/esm/locales/fr-fr.js +1 -1
  11. package/esm/locales/locale.d.ts +1 -0
  12. package/esm/locales/pt-pt.js +1 -1
  13. package/lib/components/form/form.style.js +1 -1
  14. package/lib/components/switch/switch.component.d.ts +84 -23
  15. package/lib/components/switch/switch.component.js +1 -1
  16. package/lib/components/switch/switch.style.d.ts +58 -12
  17. package/lib/components/switch/switch.style.js +1 -1
  18. package/lib/locales/de-de.js +1 -1
  19. package/lib/locales/en-gb.js +1 -1
  20. package/lib/locales/es-es.js +1 -1
  21. package/lib/locales/fr-ca.js +1 -1
  22. package/lib/locales/fr-fr.js +1 -1
  23. package/lib/locales/locale.d.ts +1 -0
  24. package/lib/locales/pt-pt.js +1 -1
  25. package/package.json +1 -1
  26. package/esm/components/switch/__internal__/switch-slider-panel.style.d.ts +0 -8
  27. package/esm/components/switch/__internal__/switch-slider-panel.style.js +0 -1
  28. package/esm/components/switch/__internal__/switch-slider.component.d.ts +0 -12
  29. package/esm/components/switch/__internal__/switch-slider.component.js +0 -1
  30. package/esm/components/switch/__internal__/switch-slider.style.d.ts +0 -9
  31. package/esm/components/switch/__internal__/switch-slider.style.js +0 -1
  32. package/lib/components/switch/__internal__/switch-slider-panel.style.d.ts +0 -8
  33. package/lib/components/switch/__internal__/switch-slider-panel.style.js +0 -1
  34. package/lib/components/switch/__internal__/switch-slider.component.d.ts +0 -12
  35. package/lib/components/switch/__internal__/switch-slider.component.js +0 -1
  36. package/lib/components/switch/__internal__/switch-slider.style.d.ts +0 -9
  37. package/lib/components/switch/__internal__/switch-slider.style.js +0 -1
@@ -1,12 +0,0 @@
1
- import React from "react";
2
- import { ValidationProps } from "../../../__internal__/validations";
3
- export interface SwitchSliderProps extends ValidationProps {
4
- checked?: boolean;
5
- disabled?: boolean;
6
- loading?: boolean;
7
- size?: "small" | "large";
8
- useValidationIcon?: boolean;
9
- isDarkBackground?: boolean;
10
- }
11
- declare const SwitchSlider: ({ checked, disabled, loading, size, error, warning, info, useValidationIcon, isDarkBackground, }: SwitchSliderProps) => React.JSX.Element;
12
- export default SwitchSlider;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("../../loader/loader.component.js"),t=require("./switch-slider.style.js"),i=require("./switch-slider-panel.style.js"),n=require("../../../__internal__/validations/validation-icon.component.js"),o=require("../../../hooks/__internal__/useLocale/useLocale.js");function s(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function a(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},i=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),i.forEach((function(r){s(e,r,t[r])}))}return e}function c(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}exports.default=({checked:s,disabled:l,loading:d,size:u,error:p,warning:f,info:b,useValidationIcon:j,isDarkBackground:O})=>{const y=o.default(),g=y.switch.on(),h=y.switch.off(),w=g.length>h.length?g.toUpperCase():h.toUpperCase(),v=s?g:h,m={isLoading:d,checked:s,disabled:l,size:u,error:p,warning:f,info:b,isDarkBackground:O},P={isLoading:d,size:u,type:s?"on":"off",disabled:l,isDarkBackground:O},k={isInsideButton:!0,isActive:s,size:u},_=e.jsx(i.default,c(a({"data-role":"slider-panel"},P),{"aria-live":"polite",children:d?e.jsx(r.Loader,a({"data-role":"switch-slider-loader"},k)):v}));return e.jsxs(e.Fragment,{children:[e.jsx(t.HiddenContent,{size:u,"aria-hidden":!0,children:w}),e.jsxs(t.StyledSwitchSlider,c(a({"data-component":"slider","data-role":"slider"},m),{children:[_,j&&e.jsx(n.ValidationIcon,{error:p,warning:f,info:b,size:u,tooltipFlipOverrides:["top","bottom"]})]}))]})};
@@ -1,9 +0,0 @@
1
- import { SwitchSliderProps } from "./switch-slider.component";
2
- interface StyledSwitchSliderProps extends Pick<SwitchSliderProps, "checked" | "disabled" | "size" | "error" | "warning"> {
3
- isLoading?: boolean;
4
- isDarkBackground?: boolean;
5
- }
6
- declare const StyledSwitchSlider: import("styled-components").StyledComponent<"div", any, StyledSwitchSliderProps, never>;
7
- declare const HiddenContent: import("styled-components").StyledComponent<"div", any, Pick<StyledSwitchSliderProps, "size">, never>;
8
- export { StyledSwitchSlider, HiddenContent };
9
- export default StyledSwitchSlider;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("styled-components"),o=require("../../../__internal__/validations/validation-icon.style.js"),i=require("./switch-slider-panel.style.js");function e(r){return r&&r.__esModule?r:{default:r}}var t=e(r);const a=t.default.div.withConfig({displayName:"switch-slider.style__StyledSwitchSlider",componentId:"sc-24751354-0"})(["",""],(({checked:e,isLoading:t,disabled:a,size:s,error:n,warning:l,isDarkBackground:c})=>r.css(["display:flex;font-size:12px;font-weight:500;height:28px;left:0;letter-spacing:1px;position:relative;text-transform:uppercase;top:0;width:100%;z-index:1;border-radius:var(--borderRadius400);border-style:solid;border-color:",";border-width:var(--borderWidth200);box-sizing:border-box;margin-top:",";align-items:center;&::before{background-color:",';bottom:4px;content:"";height:',";position:absolute;left:4px;transition:margin-left 0.4s;width:",";z-index:1;border-radius:50%;}"," "," "," "," "," ","{position:absolute;right:-30px;height:100%;}"],c?"var(--colorsUtilityYang100)":"var(--colorsActionMinor400)","large"===s?"-47px":"-28px",c?"var(--colorsUtilityYang100)":"var(--colorsActionMinor400)","large"===s?"var(--spacing400)":"var(--spacing200)","large"===s?"var(--spacing400)":"var(--spacing200)",e&&r.css(["background-color:",";border-color:var(--colorsActionMinorTransparent);&::before{margin-left:calc( 100% - "," );background-color:",";}"],c?"var(--colorsUtilityYang100)":"var(--colorsActionMinor500)","large"===s?"var(--spacing500)":"var(--spacing300)",c?"var(--colorsUtilityYin100)":"var(--colorsActionMinorYang100)"),a&&!t&&r.css(["border-color:var(--colorsActionDisabled600);&::before{background-color:var(--colorsActionDisabled600);}","{color:var(--colorsUtilityYin030);}",""],i.default,e&&r.css(["background-color:var(--colorsActionDisabled500);border-color:var(--colorsActionMinorTransparent);&::before{background-color:var(--colorsActionMinorYang100);}","{color:var(--colorsUtilityYin030);}"],i.default)),t&&r.css(["&::before{display:none;}"]),l&&!a&&r.css(["border-color:var(--colorsSemanticCaution500);"]),n&&!a&&r.css(["border-color:var(--colorsSemanticNegative500);"]),o.default))),s=t.default.div.withConfig({displayName:"switch-slider.style__HiddenContent",componentId:"sc-24751354-1"})(["",""],(({size:o})=>r.css(["visibility:hidden;height:0px;padding-left:",";"],"large"===o?"var(--spacing700)":"var(--spacing500)")));exports.HiddenContent=s,exports.StyledSwitchSlider=a,exports.default=a;