@equisoft/design-elements-react 5.3.3 → 5.3.4-snapshot.20230714152943

package/dist/bundle.js

@@ -116,7 +116,7 @@
         ul:not(:last-child)::after,
         ol:not(:last-child)::after {
             border-bottom: 1px solid ${({theme:e})=>e.greys.grey};
-            content: "";
+            content: '';
             display: block;
             margin: var(--spacing-2x) var(--spacing-4x);
             margin-bottom: var(--spacing-3x);
@@ -136,7 +136,7 @@
     }
 
     &:not(:last-child)::after {
-        content: "/";
+        content: '/';
         margin: 0 var(--spacing-1x);
     }
 `,f=(0,l.default)(d.NavMenu)`
@@ -187,7 +187,7 @@
     color: ${e?t.main["primary-1.1"]:t.greys.white};
 
     &:hover,
-    &[aria-expanded="true"] {
+    &[aria-expanded='true'] {
         background-color: ${e?t.greys.white:t.main["primary-1.3"]};
         border-color: ${e?t.greys.white:t.main["primary-1.3"]};
         ${e&&`color: ${t.main["primary-1.3"]}`}
@@ -204,7 +204,7 @@
     color: ${e?t.greys.white:t.main["primary-1.1"]};
 
     &:hover,
-    &[aria-expanded="true"] {
+    &[aria-expanded='true'] {
         border-color: ${e?t.main["primary-1.2"]:t.main["primary-1.3"]};
         color: ${e?t.main["primary-1.2"]:t.main["primary-1.3"]};
     }
@@ -221,7 +221,7 @@
     color: ${e?t.greys.white:t.greys["dark-grey"]};
 
     &:hover,
-    &[aria-expanded="true"] {
+    &[aria-expanded='true'] {
         background-color: ${e?t.main["primary-1.3"]:t.greys.grey};
         color: ${e?t.greys.white:t.greys.black};
     }
@@ -242,7 +242,7 @@
     color: ${e?t.notifications["alert-2.1"]:t.greys.white};
 
     &:hover,
-    &[aria-expanded="true"] {
+    &[aria-expanded='true'] {
         /* TODO change colors when updating thematization */
         background-color: ${e?t.greys.white:"#7B1A15"};
         border-color: ${e?t.greys.white:"#7B1A15"};
@@ -538,7 +538,7 @@
         &::after {
             background-color: ${({theme:e})=>e.greys.white};
             border-radius: 50%;
-            content: "";
+            content: '';
             height: var(--size-half);
             left: 50%;
             position: absolute;
@@ -589,7 +589,7 @@
     .popper {
         z-index: 1000;
 
-        &[data-placement^="bottom"] {
+        &[data-placement^='bottom'] {
             margin-top: 0;
         }
     }
@@ -844,7 +844,7 @@
 
     :not(:last-child)::after {
         border-bottom: 1px solid ${({theme:e})=>e.greys.grey};
-        content: "";
+        content: '';
         display: block;
         margin: 0 var(--spacing-2x);
     }
@@ -1033,7 +1033,6 @@
         width: ${({isMobile:e})=>e?"var(--size-1halfx)":"var(--size-1x)"};
     }
 `,y=(0,u.default)(m.Icon)`
-
     ${function(e){return e.$isMobile?u.css`
             align-self: flex-start;
         `:u.css`
@@ -1330,7 +1329,7 @@
     ::before {
         background-color: ${e=>e.color||e.theme.main["primary-1.2"]};
         border-radius: 50%;
-        content: "";
+        content: '';
         height: var(--size-half);
         margin: 0 var(--spacing-1x) 0 0;
         width: var(--size-half);
@@ -1520,7 +1519,7 @@
     https://bugzilla.mozilla.org/show_bug.cgi?id=748518 */
 
     &::after {
-        content: "";
+        content: '';
         display: block;
         padding-bottom: ${h};
     }
@@ -1623,27 +1622,27 @@
     width: 100%;
 `;t.NavMenu=(0,o.forwardRef)(((e,t)=>{var n,{className:r,id:l,options:m,focusedValue:p,hidden:h,onChange:f,onKeyDown:v,ordered:g}=e,y=a(e,["className","id","options","focusedValue","hidden","onChange","onKeyDown","ordered"]);const b=(0,o.useMemo)((()=>l||(0,s.v4)()),[l]),w=null!==(n=(0,u.useDataAttributes)(y)["data-testid"])&&void 0!==n?n:"menu-list",_=(0,o.useMemo)((()=>m.map(((e,t)=>Object.assign(Object.assign({},e),{id:`${b}_${e.value}`,focused:!1,focusIndex:t,ref:(0,o.createRef)()})))),[b,m]);function M(e,t){"Enter"===e.key&&(e.preventDefault(),e.currentTarget.click(),null==f||f(t)),null==v||v(e)}return(0,o.useEffect)((()=>{var e;if(p){const t=_.find((e=>e.value===p));null===(e=null==t?void 0:t.ref.current)||void 0===e||e.focus()}}),[p,_]),(0,i.jsx)(c,{as:g?"ol":"ul",className:r,"data-testid":w,id:b,ref:t,hidden:h,children:_.map((e=>(0,i.jsx)(d.NavMenuItem,{"data-testid":`listitem-${e.value}`,onKeyDown:M,onSelect:f,option:e},e.id)))})})),t.NavMenu.displayName="NavMenu";try{t.NavMenu.displayName="NavMenu",t.NavMenu.__docgenInfo={description:"",displayName:"NavMenu",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string"}},options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"NavMenuOption[]"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},focusedValue:{defaultValue:null,description:"Sets the current focused element in the menu",name:"focusedValue",required:!1,type:{name:"string"}},hidden:{defaultValue:null,description:"",name:"hidden",required:!1,type:{name:"boolean"}},onChange:{defaultValue:null,description:"onChange callback function, invoked when an option is selected",name:"onChange",required:!1,type:{name:"((option: NavMenuOption) => void)"}},onKeyDown:{defaultValue:null,description:"onKeyDown callback function, invoked when a key is pressed",name:"onKeyDown",required:!1,type:{name:"((event: KeyboardEvent<Element>) => void)"}},ordered:{defaultValue:null,description:"",name:"ordered",required:!1,type:{name:"boolean"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"Ref<HTMLUListElement>"}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"Key | null"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/nav-menu/nav-menu.tsx#NavMenu"]={docgenInfo:t.NavMenu.__docgenInfo,name:"NavMenu",path:"src/components/nav-menu/nav-menu.tsx#NavMenu"})}catch(e){}},2345:function(e,t,n){"use strict";var a=this&&this.__createBinding||(Object.create?function(e,t,n,a){void 0===a&&(a=n);var r=Object.getOwnPropertyDescriptor(t,n);r&&!("get"in r?!t.__esModule:r.writable||r.configurable)||(r={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,a,r)}:function(e,t,n,a){void 0===a&&(a=n),e[a]=t[n]}),r=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&a(t,e,n);return r(t,e),t},o=this&&this.__rest||function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(a=Object.getOwnPropertySymbols(e);r<a.length;r++)t.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(n[a[r]]=e[a[r]])}return n};Object.defineProperty(t,"__esModule",{value:!0}),t.OptionButton=void 0;const l=n(348),u=n(8156),s=i(n(1608)),d=n(6932),c=n(6559),m=s.default.input`
     ${({theme:e})=>s.css`
-            position: absolute;
-            z-index: -1;
-
-            + label {
-                align-items: center;
-                background-color: ${e.greys.white};
-                border: 1px solid ${e.greys.grey};
-                border-radius: var(--border-radius-2x);
-                color: ${e.greys["dark-grey"]};
-                display: flex;
-                font-size: 1.5rem;
-                justify-content: center;
-                min-height: 40px;
-            }
+        position: absolute;
+        z-index: -1;
+
+        + label {
+            align-items: center;
+            background-color: ${e.greys.white};
+            border: 1px solid ${e.greys.grey};
+            border-radius: var(--border-radius-2x);
+            color: ${e.greys["dark-grey"]};
+            display: flex;
+            font-size: 1.5rem;
+            justify-content: center;
+            min-height: 40px;
+        }
 
-            &:checked + label {
-                background-color: ${e.main["primary-1.1"]};
-                border-color: ${e.main["primary-1.1"]};
-                color: ${e.greys.white};
-            }
-      `}
+        &:checked + label {
+            background-color: ${e.main["primary-1.1"]};
+            border-color: ${e.main["primary-1.1"]};
+            color: ${e.greys.white};
+        }
+    `}
 `;t.OptionButton=e=>{var{checked:t,className:n,label:a,name:r,value:i}=e,s=o(e,["checked","className","label","name","value"]);const p=(0,u.useMemo)(d.v4,[]),h=(0,c.useDataAttributes)(s);return(0,l.jsxs)("div",{className:n,children:[(0,l.jsx)(m,Object.assign({checked:t,id:p,name:r,type:"radio",value:i},h)),(0,l.jsx)("label",{htmlFor:p,children:a})]})};try{t.OptionButton.displayName="OptionButton",t.OptionButton.__docgenInfo={description:"",displayName:"OptionButton",props:{checked:{defaultValue:null,description:"",name:"checked",required:!1,type:{name:"boolean"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"string"}},name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"string"}},value:{defaultValue:null,description:"",name:"value",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/option-button/option-button.tsx#OptionButton"]={docgenInfo:t.OptionButton.__docgenInfo,name:"OptionButton",path:"src/components/option-button/option-button.tsx#OptionButton"})}catch(e){}},6587:function(e,t,n){"use strict";var a=this&&this.__rest||function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(a=Object.getOwnPropertySymbols(e);r<a.length;r++)t.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(n[a[r]]=e[a[r]])}return n},r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Pagination=void 0;const i=n(348),o=n(8156),l=r(n(1608)),u=n(5149),s=n(8845),d=n(4726),c=n(1542),m=n(2618),p=n(6007),h=n(6942),f=l.default.ol`
     display: flex;
     margin: 0 var(--spacing-half);
@@ -1934,7 +1933,7 @@
         margin-top: var(--spacing-1x);
     }
 `,p=l.default.label`
-    ${e=>`\n            ${e.disabled?"":"cursor: pointer;"};\n            align-items: center;\n            display: flex;\n            font-size: 0.875rem;\n            line-height: 1.5rem;\n            position: relative;\n            user-select: none;\n\n            &:not(:first-of-type) {\n                margin-top: var(--spacing-1x);\n            }\n\n            input {\n                height: var(--size-1x);\n                left: 0;\n                margin: 0;\n                opacity: 0;\n                position: absolute;\n                width: var(--size-1x);\n\n                &:checked + .radioInput {\n                    background-color: ${e.theme.main["primary-1.1"]};\n                    border: 1px solid ${e.theme.main["primary-1.1"]};\n\n                    &::after {\n                        background-color: ${e.theme.greys.white};\n                        border-radius: 50%;\n                        content: "";\n                        height: var(--size-half);\n                        left: 50%;\n                        position: absolute;\n                        top: 50%;\n                        transform: translate(-50%, -50%);\n                        width: var(--size-half);\n                    }\n                }\n\n                ${(0,s.focus)(e,!0,"&:focus + .radioInput")}\n            }\n\n            .radioInput {\n                background-color: ${e.disabled?e.theme.greys["light-grey"]:e.theme.greys.white};\n                border: 1px solid ${e.disabled?e.theme.greys.grey:e.theme.greys["dark-grey"]};\n                border-radius: 50%;\n                box-sizing: border-box;\n                display: inline-block;\n                height: var(--size-1x);\n                margin-right: var(--spacing-1x);\n                position: relative;\n                width: var(--size-1x);\n            }\n\n            &:hover .radioInput {\n                border: 1px solid ${e.disabled?e.theme.greys.grey:e.theme.main["primary-1.1"]};\n            }\n            `}
+    ${e=>`\n            ${e.disabled?"":"cursor: pointer;"};\n            align-items: center;\n            display: flex;\n            font-size: 0.875rem;\n            line-height: 1.5rem;\n            position: relative;\n            user-select: none;\n\n            &:not(:first-of-type) {\n                margin-top: var(--spacing-1x);\n            }\n\n            input {\n                height: var(--size-1x);\n                left: 0;\n                margin: 0;\n                opacity: 0;\n                position: absolute;\n                width: var(--size-1x);\n\n                &:checked + .radioInput {\n                    background-color: ${e.theme.main["primary-1.1"]};\n                    border: 1px solid ${e.theme.main["primary-1.1"]};\n\n                    &::after {\n                        background-color: ${e.theme.greys.white};\n                        border-radius: 50%;\n                        content: '';\n                        height: var(--size-half);\n                        left: 50%;\n                        position: absolute;\n                        top: 50%;\n                        transform: translate(-50%, -50%);\n                        width: var(--size-half);\n                    }\n                }\n\n                ${(0,s.focus)(e,!0,"&:focus + .radioInput")}\n            }\n\n            .radioInput {\n                background-color: ${e.disabled?e.theme.greys["light-grey"]:e.theme.greys.white};\n                border: 1px solid ${e.disabled?e.theme.greys.grey:e.theme.greys["dark-grey"]};\n                border-radius: 50%;\n                box-sizing: border-box;\n                display: inline-block;\n                height: var(--size-1x);\n                margin-right: var(--spacing-1x);\n                position: relative;\n                width: var(--size-1x);\n            }\n\n            &:hover .radioInput {\n                border: 1px solid ${e.disabled?e.theme.greys.grey:e.theme.main["primary-1.1"]};\n            }\n            `}
 `;t.RadioButtonGroup=e=>{var{id:t,buttons:n,groupName:r,label:l,tooltip:s,onChange:h,checkedValue:f}=e,v=a(e,["id","buttons","groupName","label","tooltip","onChange","checkedValue"]);const g=(0,u.useDataAttributes)(v),y=g["data-testid"]?g["data-testid"]:"radio-button-group",b=(0,o.useMemo)((()=>t||(0,d.v4)()),[t]);return(0,i.jsxs)(m,{children:[l&&(0,i.jsx)(c.Label,{forId:b,tooltip:s,children:l}),n.map((e=>(0,i.jsxs)(p,{disabled:e.disabled,children:[" ",(0,i.jsx)("input",{"data-testid":`${y}-${e.value}`,type:"radio",name:r,value:e.value,checked:f?f===e.value:void 0,defaultChecked:e.defaultChecked,disabled:e.disabled,onChange:h}),(0,i.jsx)("span",{className:"radioInput"}),e.label]},`${r}-${e.value}`)))]})};try{t.RadioButtonGroup.displayName="RadioButtonGroup",t.RadioButtonGroup.__docgenInfo={description:"",displayName:"RadioButtonGroup",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"string"}},tooltip:{defaultValue:null,description:"",name:"tooltip",required:!1,type:{name:"TooltipProps"}},groupName:{defaultValue:null,description:"Sets the name property of all buttons",name:"groupName",required:!0,type:{name:"string"}},checkedValue:{defaultValue:null,description:"",name:"checkedValue",required:!1,type:{name:"string"}},buttons:{defaultValue:null,description:"",name:"buttons",required:!0,type:{name:"{ label: string; value: string; defaultChecked?: boolean | undefined; disabled?: boolean | undefined; }[]"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((event: ChangeEvent<HTMLInputElement>) => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/radio-button-group/radio-button-group.tsx#RadioButtonGroup"]={docgenInfo:t.RadioButtonGroup.__docgenInfo,name:"RadioButtonGroup",path:"src/components/radio-button-group/radio-button-group.tsx#RadioButtonGroup"})}catch(e){}},5770:function(e,t,n){"use strict";var a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.RouteLink=void 0;const r=n(348),i=a(n(1608)),o=n(6007),l=n(1750),u=n(4993),s=(0,i.default)(u.StyledLink)`
     svg {
         height: 1rem;
@@ -2065,8 +2064,8 @@
 `;function y({isMobile:e}){return e?u.css`
             display: grid;
             grid-template-areas:
-                "icon content"
-                "button button";
+                'icon content'
+                'button button';
             grid-template-columns: auto 1fr;
         `:u.css`
         display: flex;
@@ -2286,7 +2285,7 @@
         margin: 0;
     }
 
-    &[type="number"] {
+    &[type='number'] {
         -moz-appearance: textfield; /* stylelint-disable-line property-no-vendor-prefix */
     }
 `;function f(e){var t;null===(t=e.current)||void 0===t||t.dispatchEvent(new Event("change",{bubbles:!0}))}t.StepperInput=({defaultValue:e,disabled:t,hint:n,id:a,label:o,max:c,min:v,noMargin:g,step:y,tooltip:b,valid:w=!0,validationErrorMessage:_,value:M,onBlur:E,onChange:k,onFocus:C})=>{const x=(0,i.useRef)(null),{t:S}=(0,l.useTranslation)("stepper-input"),T=(0,s.useDeviceContext)(),P=(0,i.useMemo)((()=>a||(0,u.v4)()),[a]);return(0,r.jsx)(d.FieldContainer,{fieldId:P,hint:n,label:o,tooltip:b,noMargin:g,valid:w,validationErrorMessage:_||S("validationErrorMessage"),children:(0,r.jsxs)(p,{children:[(0,r.jsx)(h,{"data-testid":"stepper-input",defaultValue:e,device:T,disabled:t,id:P,max:c,min:v,name:"points",onChange:e=>{const t=e.target.value;if(""===t)null==k||k(null);else{const e=Number(t);null==k||k(e)}},onBlur:E,onFocus:C,ref:x,step:y,type:"number",value:null===M?"":M}),!T.isMobile&&(0,r.jsx)(m.StepperButtons,{disabled:t,onDecrement:function(){var e,t,n;const a=Number(null===(e=x.current)||void 0===e?void 0:e.value);null===(t=x.current)||void 0===t||t.stepDown(),a!==Number(null===(n=x.current)||void 0===n?void 0:n.value)&&f(x)},onIncrement:function(){var e,t,n;const a=Number(null===(e=x.current)||void 0===e?void 0:e.value);null===(t=x.current)||void 0===t||t.stepUp(),a!==Number(null===(n=x.current)||void 0===n?void 0:n.value)&&f(x)}})]})})};try{t.StepperInput.displayName="StepperInput",t.StepperInput.__docgenInfo={description:"",displayName:"StepperInput",props:{defaultValue:{defaultValue:null,description:"",name:"defaultValue",required:!1,type:{name:"number"}},hint:{defaultValue:null,description:"",name:"hint",required:!1,type:{name:"string"}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"string"}},max:{defaultValue:null,description:"",name:"max",required:!1,type:{name:"number"}},min:{defaultValue:null,description:"",name:"min",required:!1,type:{name:"number"}},noMargin:{defaultValue:null,description:"",name:"noMargin",required:!1,type:{name:"boolean"}},tooltip:{defaultValue:null,description:"",name:"tooltip",required:!1,type:{name:"TooltipProps"}},valid:{defaultValue:{value:!0},description:"",name:"valid",required:!1,type:{name:"boolean"}},validationErrorMessage:{defaultValue:null,description:"",name:"validationErrorMessage",required:!1,type:{name:"string"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"Value"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((value: Value) => void)"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},onBlur:{defaultValue:null,description:"",name:"onBlur",required:!1,type:{name:"FocusEventHandler<HTMLInputElement>"}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"FocusEventHandler<HTMLInputElement>"}},step:{defaultValue:null,description:"",name:"step",required:!1,type:{name:"string | number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/stepper-input/stepper-input.tsx#StepperInput"]={docgenInfo:t.StepperInput.__docgenInfo,name:"StepperInput",path:"src/components/stepper-input/stepper-input.tsx#StepperInput"})}catch(e){}},9596:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.SortButtonIcon=void 0;const a=n(348),r=n(5021),i=n(1750);t.SortButtonIcon=({sort:e})=>{const t=(0,r.useTheme)();switch(e){case"ascending":return(0,a.jsx)(i.Icon,{name:"arrowDown",size:"16",color:t.greys["dark-grey"]});case"descending":return(0,a.jsx)(i.Icon,{name:"arrowUp",size:"16",color:t.greys["dark-grey"]});default:return(0,a.jsx)(i.Icon,{name:"reorder",size:"16",color:t.greys["dark-grey"]})}};try{t.SortButtonIcon.displayName="SortButtonIcon",t.SortButtonIcon.__docgenInfo={description:"",displayName:"SortButtonIcon",props:{sort:{defaultValue:null,description:"",name:"sort",required:!0,type:{name:"enum",value:[{value:'"none"'},{value:'"ascending"'},{value:'"descending"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/table/sort-button-icon.tsx#SortButtonIcon"]={docgenInfo:t.SortButtonIcon.__docgenInfo,name:"SortButtonIcon",path:"src/components/table/sort-button-icon.tsx#SortButtonIcon"})}catch(e){}},9915:function(e,t,n){"use strict";var a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.SortableColumnHeading=void 0;const r=n(348),i=n(8156),o=a(n(1608)),l=n(9596),u=o.default.button`
@@ -2314,7 +2313,7 @@
 
             &::after {
                 box-shadow: ${t.tokens["focus-border-box-shadow-inset"]};
-                content: "";
+                content: '';
                 height: calc(100% + 3px);
                 left: 0;
                 outline: none;
@@ -2335,7 +2334,7 @@
 
         &::after {
             box-shadow: inset 0 0 0 1px ${t.notifications["alert-2.1"]};
-            content: "";
+            content: '';
             height: calc(100% + 1px);
             left: 0;
             outline: none;
@@ -2346,7 +2345,7 @@
 
         td:first-child::after {
             border-left: 1px solid ${t.notifications["alert-2.1"]};
-            content: "";
+            content: '';
             height: 100%;
             left: 0;
             position: absolute;
@@ -2437,9 +2436,9 @@
         background-color: ${({theme:e})=>e.greys.grey};
     }
 
-    ${s.focus}
-    ${({theme:e})=>(0,s.focus)({theme:e},!1,":focus-visible")}
-    ${s.focusVisibleReset}
+    ${s.focus};
+    ${({theme:e})=>(0,s.focus)({theme:e},!1,":focus-visible")};
+    ${s.focusVisibleReset};
 
     &:focus {
         z-index: 2;
@@ -2827,7 +2826,7 @@
     vertical-align: middle;
     width: ${({isMobile:e})=>e?"var(--size-3x)":"var(--size-2halfx)"};
 
-    &[aria-checked="false"] {
+    &[aria-checked='false'] {
         background: ${({theme:e})=>e.greys["mid-grey"]};
         border-color: ${({theme:e})=>e.greys["mid-grey"]};
 
@@ -2836,7 +2835,7 @@
         }
     }
 
-    &[aria-checked="true"] > ${p} {
+    &[aria-checked='true'] > ${p} {
         right: ${({isMobile:e})=>e?4:3}px;
         transition: right 0.1s ease-in-out;
     }
@@ -2845,7 +2844,7 @@
         background: ${({theme:e})=>e.greys.grey};
         border-color: ${({theme:e})=>e.greys.grey};
 
-        &[aria-checked="true"] {
+        &[aria-checked='true'] {
             background: ${({theme:e})=>e.notifications["success-1.3"]};
             border-color: ${({theme:e})=>e.notifications["success-1.3"]};
         }
@@ -2859,7 +2858,7 @@
 
     &::before {
         border-style: solid;
-        content: "";
+        content: '';
         display: block;
         height: 0;
         margin: auto;
@@ -2868,7 +2867,7 @@
 
     &::after {
         border-style: solid;
-        content: "";
+        content: '';
         display: block;
         height: 0;
         margin: auto;
@@ -2978,7 +2977,7 @@
 
     &::before {
         border-style: solid;
-        content: "";
+        content: '';
         display: block;
         height: 0;
         margin: auto;
@@ -2987,7 +2986,7 @@
 
     &::after {
         border-style: solid;
-        content: "";
+        content: '';
         display: block;
         height: 0;
         margin: auto;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equisoft/design-elements-react",
-  "version": "5.3.3",
+  "version": "5.3.4-snapshot.20230714152943",
   "description": "React implementation of the Equisoft design system.",
   "license": "UNLICENSED",
   "main": "dist/bundle.js",
@@ -95,7 +95,7 @@
     "sass-loader": "~13.3.0",
     "style-loader": "^3.3.2",
     "styled-components": "^5.3.10",
-    "stylelint": "^14.16.1",
+    "stylelint": "^15.10.1",
     "ts-jest": "^29.1.0",
     "ts-loader": "^9.4.2",
     "ts-mockito": "^2.6.1",