carbon-react 154.3.2 → 154.3.3-beta.1

package/esm/components/tile-select/tile-select-group/tile-select-group.component.js

@@ -1,45 +1 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React from "react";
-import tagComponent from "../../../__internal__/utils/helpers/tags/tags";
-import RadioButtonMapper from "../../../__internal__/radio-button-mapper/radio-button-mapper.component";
-import { StyledTileSelectFieldset, StyledGroupDescription } from "../tile-select.style";
-import { filterStyledSystemMarginProps } from "../../../style/utils";
-export const TileSelectGroup = ({
-  children,
-  name,
-  legend,
-  description,
-  onChange,
-  onBlur,
-  value,
-  multiSelect = false,
-  ...rest
-}) => {
-  let tiles;
-  if (multiSelect) {
-    tiles = children;
-  } else {
-    tiles = /*#__PURE__*/React.createElement(RadioButtonMapper, {
-      name: name,
-      onBlur: onBlur,
-      onChange: onChange,
-      value: value,
-      "data-role": "tile-select-group-radio-button-mapper"
-    }, React.Children.map(children, child => {
-      if (/*#__PURE__*/React.isValidElement(child)) {
-        return /*#__PURE__*/React.cloneElement(child, {
-          type: "radio"
-        });
-      }
-      return child;
-    }));
-  }
-  return /*#__PURE__*/React.createElement(StyledTileSelectFieldset, _extends({
-    legend: legend
-  }, tagComponent("tile-select-group", rest), {
-    multiSelect: multiSelect
-  }, filterStyledSystemMarginProps(rest)), description && /*#__PURE__*/React.createElement(StyledGroupDescription, {
-    "data-element": "tile-select-group-description"
-  }, description), tiles);
-};
-export default TileSelectGroup;
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import r from"react";import n from"../../../__internal__/utils/helpers/tags/tags.js";import o from"../../../__internal__/radio-button-mapper/radio-button-mapper.component.js";import{StyledTileSelectFieldset as l,StyledGroupDescription as i}from"../tile-select.style.js";import"../../../style/utils/filter-styled-system-padding-props.js";import c from"../../../style/utils/filter-styled-system-margin-props.js";function p(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function a(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){p(e,t,r[t])}))}return e}function s(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const u=p=>{var{children:u,name:m,legend:f,description:y,onChange:b,onBlur:O,value:d,multiSelect:g=!1}=p,j=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},l=Object.keys(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(p,["children","name","legend","description","onChange","onBlur","value","multiSelect"]);let h;return h=g?u:e(o,{name:m,onBlur:O,onChange:b,value:d,"data-role":"tile-select-group-radio-button-mapper",children:r.Children.map(u,(e=>r.isValidElement(e)?r.cloneElement(e,{type:"radio"}):e))}),t(l,s(a(s(a({legend:f},n("tile-select-group",j)),{multiSelect:g}),c(j)),{children:[y&&e(i,{"data-element":"tile-select-group-description",children:y}),h]}))};export{u as TileSelectGroup,u as default};

package/esm/components/tile-select/tile-select.component.js

@@ -1,131 +1 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React, { useState, useEffect, useRef } from "react";
-import tagComponent from "../../__internal__/utils/helpers/tags/tags";
-import useLocale from "../../hooks/__internal__/useLocale";
-import createGuid from "../../__internal__/utils/helpers/guid";
-import Button from "../button";
-import Box from "../box";
-import Accordion from "./__internal__/accordion";
-import { StyledTileSelectContainer, StyledTileSelect, StyledTileSelectInput, StyledTitleContainer, StyledTitle, StyledSubtitle, StyledAdornment, StyledDescription, StyledDeselectWrapper, StyledFooterWrapper, StyledFocusWrapper, StyledAccordionFooterWrapper } from "./tile-select.style";
-import { filterStyledSystemMarginProps } from "../../style/utils";
-const checkPropTypeIsNode = prop => typeof prop !== "string";
-const TileSelect = /*#__PURE__*/React.forwardRef(({
-  onChange,
-  onBlur,
-  onFocus,
-  value,
-  name,
-  checked = false,
-  disabled,
-  title,
-  subtitle,
-  description,
-  titleAdornment,
-  type = "checkbox",
-  id,
-  customActionButton,
-  actionButtonAdornment,
-  footer,
-  prefixAdornment,
-  additionalInformation,
-  accordionContent,
-  accordionControl,
-  accordionExpanded,
-  "data-element": dataElement,
-  "data-role": dataRole,
-  ...rest
-}, ref) => {
-  const l = useLocale();
-  const [hasFocus, setHasFocus] = useState(false);
-  const handleDeselect = () => onChange?.({
-    target: {
-      ...(name && {
-        name
-      }),
-      ...(id && {
-        id
-      }),
-      value: null,
-      checked: false
-    }
-  });
-  const renderActionButton = () => /*#__PURE__*/React.createElement(StyledDeselectWrapper, {
-    "data-role": "deselect-wrapper",
-    hasActionAdornment: !!actionButtonAdornment
-  }, customActionButton && customActionButton(handleDeselect), !customActionButton && checked && /*#__PURE__*/React.createElement(Button, {
-    buttonType: "tertiary",
-    size: "small",
-    disabled: disabled,
-    onClick: handleDeselect
-  }, l.tileSelect.deselect()), actionButtonAdornment);
-  useEffect(() => {
-    if (disabled && hasFocus) {
-      setHasFocus(false);
-    }
-  }, [disabled, hasFocus]);
-  const guid = useRef(createGuid());
-  const contentId = `AccordionContent_${guid.current}`;
-  const controlId = `AccordionControl_${guid.current}`;
-  return /*#__PURE__*/React.createElement(StyledTileSelectContainer, _extends({
-    checked: checked,
-    disabled: disabled
-  }, tagComponent("tile-select", {
-    "data-element": dataElement,
-    "data-role": dataRole
-  }), filterStyledSystemMarginProps(rest)), /*#__PURE__*/React.createElement(StyledFocusWrapper, {
-    "data-role": "focus-wrapper",
-    hasFocus: hasFocus,
-    checked: checked
-  }, /*#__PURE__*/React.createElement(StyledTileSelectInput, _extends({
-    onChange: onChange,
-    onBlur: ev => {
-      setHasFocus(false);
-      onBlur?.(ev);
-    },
-    onFocus: ev => {
-      setHasFocus(true);
-      onFocus?.(ev);
-    },
-    checked: checked,
-    name: name,
-    type: type,
-    value: value,
-    disabled: disabled,
-    id: id,
-    ref: ref
-  }, rest)), /*#__PURE__*/React.createElement(StyledTileSelect, {
-    disabled: disabled,
-    checked: checked
-  }, /*#__PURE__*/React.createElement(Box, {
-    display: "flex",
-    justifyContent: "space-between",
-    flexDirection: "row-reverse"
-  }, (customActionButton || checked) && renderActionButton(), /*#__PURE__*/React.createElement(Box, {
-    flexGrow: 1
-  }, /*#__PURE__*/React.createElement(StyledTitleContainer, null, title && /*#__PURE__*/React.createElement(StyledTitle, {
-    as: checkPropTypeIsNode(title) ? "div" : undefined
-  }, title), subtitle && /*#__PURE__*/React.createElement(StyledSubtitle, {
-    as: checkPropTypeIsNode(subtitle) ? "div" : undefined
-  }, subtitle), titleAdornment && /*#__PURE__*/React.createElement(StyledAdornment, {
-    hasAdditionalInformation: !!additionalInformation,
-    "data-role": "title-adornment"
-  }, titleAdornment && /*#__PURE__*/React.createElement("div", null, titleAdornment))), additionalInformation && /*#__PURE__*/React.createElement("div", null, additionalInformation), /*#__PURE__*/React.createElement(StyledDescription, {
-    as: checkPropTypeIsNode(description) ? "div" : undefined
-  }, description), footer && /*#__PURE__*/React.createElement(StyledFooterWrapper, {
-    "data-role": "tile-select-footer"
-  }, footer), accordionContent && accordionControl && /*#__PURE__*/React.createElement(StyledAccordionFooterWrapper, {
-    accordionExpanded: accordionExpanded,
-    "data-role": "accordion-footer"
-  }, accordionControl(controlId, contentId))), prefixAdornment && /*#__PURE__*/React.createElement(Box, {
-    "data-element": "prefix-adornment",
-    "data-role": "prefix-adornment",
-    mr: 3,
-    opacity: disabled ? "0.3" : undefined
-  }, prefixAdornment))), accordionContent && /*#__PURE__*/React.createElement(Accordion, {
-    contentId: contentId,
-    controlId: controlId,
-    expanded: accordionExpanded
-  }, accordionContent)));
-});
-TileSelect.displayName = "TileSelect";
-export default TileSelect;
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import r,{useState as n,useEffect as o,useRef as i}from"react";import c from"../../__internal__/utils/helpers/tags/tags.js";import l from"../../hooks/__internal__/useLocale/useLocale.js";import d from"../../__internal__/utils/helpers/guid/index.js";import a from"../button/button.component.js";import{Box as s}from"../box/box.component.js";import p from"./__internal__/accordion/accordion.component.js";import{StyledTileSelectContainer as u,StyledFocusWrapper as m,StyledTileSelectInput as f,StyledTileSelect as b,StyledTitleContainer as y,StyledTitle as h,StyledSubtitle as O,StyledAdornment as j,StyledDescription as g,StyledFooterWrapper as v,StyledAccordionFooterWrapper as x,StyledDeselectWrapper as _}from"./tile-select.style.js";import"../../style/utils/filter-styled-system-padding-props.js";import w from"../../style/utils/filter-styled-system-margin-props.js";function k(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function A(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){k(e,t,r[t])}))}return e}function P(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const C=e=>"string"!=typeof e,S=r.forwardRef(((r,k)=>{var{onChange:S,onBlur:B,onFocus:E,value:I,name:D,checked:F=!1,disabled:L,title:T,subtitle:$,description:z,titleAdornment:G,type:N="checkbox",id:R,customActionButton:q,actionButtonAdornment:H,footer:J,prefixAdornment:K,additionalInformation:M,accordionContent:Q,accordionControl:U,accordionExpanded:V,"data-element":W,"data-role":X}=r,Y=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(r,["onChange","onBlur","onFocus","value","name","checked","disabled","title","subtitle","description","titleAdornment","type","id","customActionButton","actionButtonAdornment","footer","prefixAdornment","additionalInformation","accordionContent","accordionControl","accordionExpanded","data-element","data-role"]);const Z=l(),[ee,te]=n(!1),re=()=>null==S?void 0:S({target:P(A({},D&&{name:D},R&&{id:R}),{value:null,checked:!1})});o((()=>{L&&ee&&te(!1)}),[L,ee]);const ne=i(d()),oe=`AccordionContent_${ne.current}`,ie=`AccordionControl_${ne.current}`;return e(u,P(A({checked:F,disabled:L},c("tile-select",{"data-element":W,"data-role":X}),w(Y)),{children:t(m,{"data-role":"focus-wrapper",hasFocus:ee,checked:F,children:[e(f,A({onChange:S,onBlur:e=>{te(!1),null==B||B(e)},onFocus:e=>{te(!0),null==E||E(e)},checked:F,name:D,type:N,value:I,disabled:L,id:R,ref:k},Y)),e(b,{disabled:L,checked:F,children:t(s,{display:"flex",justifyContent:"space-between",flexDirection:"row-reverse",children:[(q||F)&&t(_,{"data-role":"deselect-wrapper",hasActionAdornment:!!H,children:[q&&q(re),!q&&F&&e(a,{buttonType:"tertiary",size:"small",disabled:L,onClick:re,children:Z.tileSelect.deselect()}),H]}),t(s,{flexGrow:1,children:[t(y,{children:[T&&e(h,{as:C(T)?"div":void 0,children:T}),$&&e(O,{as:C($)?"div":void 0,children:$}),G&&e(j,{hasAdditionalInformation:!!M,"data-role":"title-adornment",children:G&&e("div",{children:G})})]}),M&&e("div",{children:M}),e(g,{as:C(z)?"div":void 0,children:z}),J&&e(v,{"data-role":"tile-select-footer",children:J}),Q&&U&&e(x,{accordionExpanded:V,"data-role":"accordion-footer",children:U(ie,oe)})]}),K&&e(s,{"data-element":"prefix-adornment","data-role":"prefix-adornment",mr:3,opacity:L?"0.3":void 0,children:K})]})}),Q&&e(p,{contentId:oe,controlId:ie,expanded:V,children:Q})]})}))}));S.displayName="TileSelect";export{S as default};

package/esm/components/tile-select/tile-select.style.js

@@ -1,190 +1 @@
-import styled, { css } from "styled-components";
-import { margin } from "styled-system";
-import Fieldset from "../fieldset";
-import { Input } from "../../__internal__/input";
-import { StyledLegend } from "../fieldset/fieldset.style";
-import StyledIcon from "../icon/icon.style";
-import { baseTheme } from "../../style/themes";
-import addFocusStyling from "../../style/utils/add-focus-styling";
-const StyledTitle = styled.h3`
-  font-size: 16px;
-  font-weight: 700;
-  margin: 0;
-  margin-right: 16px;
-  margin-bottom: 8px;
-  color: var(--colorsActionMinorYin090);
-`;
-const StyledSubtitle = styled.h4`
-  font-size: 14px;
-  font-weight: 500;
-  margin: 0;
-  margin-right: 16px;
-  margin-bottom: 8px;
-  color: var(--colorsActionMinorYin090);
-`;
-const StyledAdornment = styled.div`
-  z-index: 500;
-  margin-bottom: ${({
-  hasAdditionalInformation
-}) => hasAdditionalInformation ? "4" : "8"}px;
-`;
-const StyledDescription = styled.p`
-  color: var(--colorsActionMinorYin055);
-  font-size: 14px;
-  margin: 0;
-`;
-const StyledTileSelect = styled.div`
-  background: var(--colorsActionMinorYang100);
-  padding: 24px;
-
-  ${({
-  checked
-}) => checked && css`
-      background: var(--colorsActionMajor025);
-    `}
-
-  ${({
-  disabled
-}) => disabled && css`
-      background: var(--colorsActionMinorYang100);
-      ${StyledTitle}, ${StyledSubtitle}, ${StyledDescription} {
-        color: var(--colorsActionMinorYin030);
-      }
-      ${StyledAdornment} * {
-        opacity: 0.3;
-      }
-    `}
-`;
-const StyledFocusWrapper = styled.div`
-  ${({
-  checked,
-  hasFocus
-}) => css`
-    position: relative;
-    border: 1px solid var(--colorsActionMinor250);
-    border-radius: var(--borderRadius100);
-    overflow: hidden;
-
-    ${checked && css`
-      border-color: var(--colorsActionMajor500);
-      z-index: 10;
-    `}
-
-    ${hasFocus && css`
-      ${addFocusStyling()}
-      z-index: 15;
-    `}
-  `}
-`;
-const StyledTileSelectContainer = styled.div`
-  ${margin}
-
-  width: 100%;
-  position: relative;
-
-  & + & ${StyledFocusWrapper} {
-    margin-top: -1px;
-  }
-  ${({
-  checked,
-  disabled
-}) => !checked && !disabled && css`
-      &:hover ${StyledTileSelect} {
-        background: var(--colorsActionMinor050);
-      }
-    `}
-`;
-const StyledFooterWrapper = styled.div`
-  width: fit-content;
-  position: relative;
-  z-index: 200;
-`;
-const StyledAccordionFooterWrapper = styled.div`
-  width: fit-content;
-  position: relative;
-  z-index: 200;
-  left: -12px;
-
-  border-bottom-right-radius: var(--borderRadius100);
-  border-bottom-left-radius: var(--borderRadius100);
-
-  ${({
-  accordionExpanded
-}) => `
-      span[data-element="chevron_down"] {
-        transition: transform 0.3s;
-        ${!accordionExpanded && "transform: rotate(-90deg)"};
-      }
-  `}
-`;
-const StyledTileSelectInput = styled(Input)`
-  position: absolute;
-  top: 0;
-  left: 0;
-  opacity: 0;
-  height: 100%;
-  width: 100%;
-  margin: 0;
-  z-index: 100;
-  cursor: ${({
-  disabled
-}) => disabled ? "not-allowed" : "pointer"};
-`;
-const StyledTitleContainer = styled.div`
-  display: inline-flex;
-  align-items: baseline;
-  flex-wrap: wrap;
-  margin-right: 16px;
-  position: relative;
-`;
-const StyledDeselectWrapper = styled.div`
-  ${({
-  hasActionAdornment
-}) => css`
-    z-index: 200;
-    position: relative;
-    top: -4px;
-    right: 8px;
-    height: fit-content;
-
-    ${hasActionAdornment && `
-      margin-right: var(--sizing200);
-      display: flex;
-      align-items: baseline;
-      min-height: var(--sizing400);
-
-      ${StyledIcon} {
-        top: 2px;
-      }
-    `}
-  `}
-`;
-const StyledTileSelectFieldset = styled(Fieldset)`
-  ${margin}
-
-  ${StyledLegend} {
-    margin-bottom: 16px;
-    font-size: 16px;
-    line-height: 16px;
-    margin-left: -2px;
-  }
-  ${({
-  multiSelect
-}) => multiSelect && css`
-      ${StyledTileSelectContainer} {
-        margin-bottom: 8px;
-      }
-    `}
-`;
-const StyledGroupDescription = styled.p`
-  color: var(--colorsActionMinorYin055);
-  margin: 0;
-  margin-bottom: 16px;
-`;
-StyledTileSelectFieldset.defaultProps = {
-  theme: baseTheme
-};
-StyledTileSelectContainer.defaultProps = {
-  theme: baseTheme
-};
-export { StyledTileSelectFieldset, StyledGroupDescription, StyledTileSelectContainer, StyledTileSelect, StyledTileSelectInput, StyledTitleContainer, StyledTitle, StyledSubtitle, StyledAdornment, StyledDescription, StyledDeselectWrapper, StyledFooterWrapper, StyledFocusWrapper, StyledAccordionFooterWrapper };
+import e,{css as t}from"styled-components";import{margin as i}from"styled-system";import{Fieldset as o}from"../fieldset/fieldset.component.js";import n from"../../__internal__/input/input.component.js";import"react/jsx-runtime";import"react";import"../../__internal__/input/input-presentation.style.js";import"../carbon-provider/__internal__/new-validation.context.js";import{StyledLegend as r}from"../fieldset/fieldset.style.js";import l from"../icon/icon.style.js";import"../../style/themes/sage/index.js";import s from"../../style/themes/base/index.js";import"../../style/themes/none/index.js";import a from"../../style/utils/add-focus-styling.js";const c=e.h3.withConfig({displayName:"tile-select.style__StyledTitle",componentId:"sc-7fac8474-0"})(["font-size:16px;font-weight:700;margin:0;margin-right:16px;margin-bottom:8px;color:var(--colorsActionMinorYin090);"]),d=e.h4.withConfig({displayName:"tile-select.style__StyledSubtitle",componentId:"sc-7fac8474-1"})(["font-size:14px;font-weight:500;margin:0;margin-right:16px;margin-bottom:8px;color:var(--colorsActionMinorYin090);"]),p=e.div.withConfig({displayName:"tile-select.style__StyledAdornment",componentId:"sc-7fac8474-2"})(["z-index:500;margin-bottom:","px;"],(({hasAdditionalInformation:e})=>e?"4":"8")),m=e.p.withConfig({displayName:"tile-select.style__StyledDescription",componentId:"sc-7fac8474-3"})(["color:var(--colorsActionMinorYin055);font-size:14px;margin:0;"]),f=e.div.withConfig({displayName:"tile-select.style__StyledTileSelect",componentId:"sc-7fac8474-4"})(["background:var(--colorsActionMinorYang100);padding:24px;"," ",""],(({checked:e})=>e&&t(["background:var(--colorsActionMajor025);"])),(({disabled:e})=>e&&t(["background:var(--colorsActionMinorYang100);",",",",","{color:var(--colorsActionMinorYin030);}"," *{opacity:0.3;}"],c,d,m,p))),g=e.div.withConfig({displayName:"tile-select.style__StyledFocusWrapper",componentId:"sc-7fac8474-5"})(["",""],(({checked:e,hasFocus:i})=>t(["position:relative;border:1px solid var(--colorsActionMinor250);border-radius:var(--borderRadius100);overflow:hidden;"," ",""],e&&t(["border-color:var(--colorsActionMajor500);z-index:10;"]),i&&t([""," z-index:15;"],a())))),y=e.div.withConfig({displayName:"tile-select.style__StyledTileSelectContainer",componentId:"sc-7fac8474-6"})([""," width:100%;position:relative;& + & ","{margin-top:-1px;}",""],i,g,(({checked:e,disabled:i})=>!e&&!i&&t(["&:hover ","{background:var(--colorsActionMinor050);}"],f))),h=e.div.withConfig({displayName:"tile-select.style__StyledFooterWrapper",componentId:"sc-7fac8474-7"})(["width:fit-content;position:relative;z-index:200;"]),_=e.div.withConfig({displayName:"tile-select.style__StyledAccordionFooterWrapper",componentId:"sc-7fac8474-8"})(["width:fit-content;position:relative;z-index:200;left:-12px;border-bottom-right-radius:var(--borderRadius100);border-bottom-left-radius:var(--borderRadius100);",""],(({accordionExpanded:e})=>`\n      span[data-element="chevron_down"] {\n        transition: transform 0.3s;\n        ${!e&&"transform: rotate(-90deg)"};\n      }\n  `)),x=e(n).withConfig({displayName:"tile-select.style__StyledTileSelectInput",componentId:"sc-7fac8474-9"})(["position:absolute;top:0;left:0;opacity:0;height:100%;width:100%;margin:0;z-index:100;cursor:",";"],(({disabled:e})=>e?"not-allowed":"pointer")),v=e.div.withConfig({displayName:"tile-select.style__StyledTitleContainer",componentId:"sc-7fac8474-10"})(["display:inline-flex;align-items:baseline;flex-wrap:wrap;margin-right:16px;position:relative;"]),b=e.div.withConfig({displayName:"tile-select.style__StyledDeselectWrapper",componentId:"sc-7fac8474-11"})(["",""],(({hasActionAdornment:e})=>t(["z-index:200;position:relative;top:-4px;right:8px;height:fit-content;",""],e&&`\n      margin-right: var(--sizing200);\n      display: flex;\n      align-items: baseline;\n      min-height: var(--sizing400);\n\n      ${l} {\n        top: 2px;\n      }\n    `))),u=e(o).withConfig({displayName:"tile-select.style__StyledTileSelectFieldset",componentId:"sc-7fac8474-12"})([""," ","{margin-bottom:16px;font-size:16px;line-height:16px;margin-left:-2px;}",""],i,r,(({multiSelect:e})=>e&&t(["","{margin-bottom:8px;}"],y))),w=e.p.withConfig({displayName:"tile-select.style__StyledGroupDescription",componentId:"sc-7fac8474-13"})(["color:var(--colorsActionMinorYin055);margin:0;margin-bottom:16px;"]);u.defaultProps={theme:s},y.defaultProps={theme:s};export{_ as StyledAccordionFooterWrapper,p as StyledAdornment,m as StyledDescription,b as StyledDeselectWrapper,g as StyledFocusWrapper,h as StyledFooterWrapper,w as StyledGroupDescription,d as StyledSubtitle,f as StyledTileSelect,y as StyledTileSelectContainer,u as StyledTileSelectFieldset,x as StyledTileSelectInput,c as StyledTitle,v as StyledTitleContainer};

package/esm/components/time/__internal__/time-toggle/index.js

@@ -1 +1 @@
-export { default as TimeToggle } from "./time-toggle.component";
+export{default as TimeToggle}from"./time-toggle.component.js";

package/esm/components/time/__internal__/time-toggle/time-toggle.component.js

@@ -1,46 +1 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React, { useRef, useCallback } from "react";
-import guid from "../../../../__internal__/utils/helpers/guid";
-import useLocale from "../../../../hooks/__internal__/useLocale";
-import { ButtonToggle, ButtonToggleGroup } from "../../../button-toggle";
-const Toggle = ({
-  size,
-  onChange,
-  toggleValue,
-  disabled,
-  toggleProps
-}) => {
-  const locale = useLocale();
-  const amText = locale.time.amText();
-  const pmText = locale.time.pmText();
-  const internalId = useRef(guid());
-  const {
-    wrapperProps,
-    amToggleProps,
-    pmToggleProps
-  } = toggleProps || /* istanbul ignore next */{};
-  const handleChange = useCallback(event => {
-    const selectedButtonValue = event.target.value;
-    if (selectedButtonValue !== toggleValue) {
-      onChange(selectedButtonValue);
-    }
-  }, [toggleValue, onChange]);
-  return /*#__PURE__*/React.createElement(ButtonToggleGroup, _extends({}, wrapperProps, {
-    "data-component": "time-button-toggle-group",
-    m: "0px 0px 0px 16px",
-    id: internalId.current,
-    onChange: handleChange,
-    value: toggleValue,
-    disabled: disabled
-  }), /*#__PURE__*/React.createElement(ButtonToggle, _extends({}, amToggleProps, {
-    "data-component": "am-button-toggle",
-    value: "AM",
-    size: size
-  }), amText), /*#__PURE__*/React.createElement(ButtonToggle, _extends({}, pmToggleProps, {
-    "data-component": "pm-button-toggle",
-    value: "PM",
-    size: size
-  }), pmText));
-};
-Toggle.displayName = "Toggle";
-export default Toggle;
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useRef as o,useCallback as r}from"react";import n from"../../../../__internal__/utils/helpers/guid/index.js";import p from"../../../../hooks/__internal__/useLocale/useLocale.js";import{ButtonToggle as c}from"../../../button-toggle/button-toggle.component.js";import l from"../../../button-toggle/button-toggle-group/button-toggle-group.component.js";function i(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function u(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{},r=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(o).filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable})))),r.forEach((function(t){i(e,t,o[t])}))}return e}function a(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t.push.apply(t,o)}return t}(Object(t)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(t,o))})),e}const g=({size:i,onChange:g,toggleValue:s,disabled:m,toggleProps:b})=>{const f=p(),O=f.time.amText(),j=f.time.pmText(),y=o(n()),{wrapperProps:d,amToggleProps:P,pmToggleProps:h}=b||{},w=r((e=>{const t=e.target.value;t!==s&&g(t)}),[s,g]);return e(l,a(u({},d),{"data-component":"time-button-toggle-group",m:"0px 0px 0px 16px",id:y.current,onChange:w,value:s,disabled:m,children:[t(c,a(u({},P),{"data-component":"am-button-toggle",value:"AM",size:i,children:O})),t(c,a(u({},h),{"data-component":"pm-button-toggle",value:"PM",size:i,children:j}))]}))};g.displayName="Toggle";export{g as default};

package/esm/components/time/index.js

@@ -1 +1 @@
-export { default as Time } from "./time.component";
+export{default as Time}from"./time.component.js";