no-frills-ui 0.0.14-alpha.10 → 0.0.14-alpha.11

package/dist/index.js

@@ -292,7 +292,7 @@ function BadgeComponent(props, ref) {
 const Badge = /*#__PURE__*/ React.forwardRef(BadgeComponent);
 
 const StyledCard = /*#__PURE__*/ styled("div", {
-    target: "e1td4b5c0",
+    target: "e1ex140c0",
     label: "StyledCard"
 })("border-radius:10px;background-color:", getThemeValue(THEME_NAME.BACKGROUND), ";", (props)=>props.elevated ? `box-shadow: ${getThemeValue(THEME_NAME.MODAL_SHADOW)};` : `box-shadow: ${getThemeValue(THEME_NAME.SHADOW)};`, "    margin:5px;overflow:auto;position:relative;");
 function CardComponent(props, ref) {
@@ -909,7 +909,7 @@ const DragAndDrop = /*#__PURE__*/ React.forwardRef(DragAndDropComponent);
 
 // Label component for the ChipInput
 const Label$6 = /*#__PURE__*/ styled("label", {
-    target: "e1fb0gvp0",
+    target: "e17bg7n50",
     label: "Label"
 })("display:inline-flex;flex-direction:column;flex:1;position:relative;margin:10px 5px;color:inherit;padding:0 8px;width:250px;border-radius:3px;border:1px solid ", getThemeValue(THEME_NAME.BORDER_COLOR), ";background-color:", getThemeValue(THEME_NAME.BACKGROUND), ";&:has(:focus),&:has(:active){border-color:", getThemeValue(THEME_NAME.PRIMARY), ";box-shadow:0 0 0 4px ", getThemeValue(THEME_NAME.PRIMARY_LIGHT), ";}&:has(:focus) > span,&:has(:active) > span{color:", getThemeValue(THEME_NAME.PRIMARY), ";}&:has(:disabled){border-color:", getThemeValue(THEME_NAME.DISABLED_BORDER), ";background-color:", getThemeValue(THEME_NAME.DISABLED_BACKGROUND), ";}&:has(:disabled) > span{color:", getThemeValue(THEME_NAME.DISABLED), ";}&:has(:focus:invalid){border-color:", getThemeValue(THEME_NAME.ERROR), ";box-shadow:0 0 0 4px ", getThemeValue(THEME_NAME.ERROR_LIGHT), ";}", (props)=>props.touched ? `
         &:has(:invalid) {
@@ -939,12 +939,12 @@ const Label$6 = /*#__PURE__*/ styled("label", {
     ` : '');
 // Error message container
 const ErrorContainer$4 = /*#__PURE__*/ styled("div", {
-    target: "e1fb0gvp1",
+    target: "e17bg7n51",
     label: "ErrorContainer"
 })("color:", getThemeValue(THEME_NAME.ERROR), ";padding-top:3px;font-size:12px;line-height:14px;margin-left:3px;");
 // Visually hidden but accessible to screen readers
 const VisuallyHidden$1 = /*#__PURE__*/ styled("ul", {
-    target: "e1fb0gvp2",
+    target: "e17bg7n52",
     label: "VisuallyHidden"
 })("position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;& li{list-style:none;}");
 /**
@@ -3035,11 +3035,7 @@ class Modal extends React.Component {
                 this.setInitialFocus(node);
             }
             if (this.props.forwardRef) {
-                try {
-                    this.props.forwardRef.current = node;
-                } catch (e) {
-                    console.warn(e);
-                }
+                this.props.forwardRef.current = node;
             }
         }, /**
      * Sets initial focus within the modal.
@@ -3615,21 +3611,20 @@ function StepComponent(props, ref) {
 const Step = /*#__PURE__*/ React.forwardRef(StepComponent);
 
 const Button = /*#__PURE__*/ styled("button", {
-    target: "ewv2rsc0",
+    target: "e132lwyw0",
     label: "Button"
 })("background-color:transparent;border:none;padding:8px 12px;font-size:14px;border-radius:3px 3px 0 0;border-bottom:", (props)=>props.active ? `3px solid ${getThemeValue(THEME_NAME.PRIMARY)}` : 'none', ";color:", (props)=>props.active ? getThemeValue(THEME_NAME.PRIMARY) : getThemeValue(THEME_NAME.TEXT_COLOR_DARK), ";cursor:pointer;&:hover,&:focus{background-color:", getThemeValue(THEME_NAME.PRIMARY_LIGHTER), ";border-bottom:", (props)=>props.active ? `3px solid ${getThemeValue(THEME_NAME.PRIMARY)}` : `3px solid ${getThemeValue(THEME_NAME.PRIMARY)}`, ";}&[disabled]{background-color:", getThemeValue(THEME_NAME.DISABLED_BACKGROUND), ";color:", getThemeValue(THEME_NAME.DISABLED), ";border-bottom:3px solid ", getThemeValue(THEME_NAME.DISABLED_BORDER), ";}");
 const ButtonContainer = /*#__PURE__*/ styled("div", {
-    target: "ewv2rsc1",
+    target: "e132lwyw1",
     label: "ButtonContainer"
 })("border-bottom:1px solid ", getThemeValue(THEME_NAME.DISABLED_BORDER), ";margin-bottom:5px;position:relative;");
 const TabBody = /*#__PURE__*/ styled("div", {
-    target: "ewv2rsc2",
+    target: "e132lwyw2",
     label: "TabBody"
 })("min-height:150px;");
 function TabsComponent(props, ref) {
-    const { active: propsActive = 0, onChange, bodyProps, ...rest } = props;
+    const { active: propsActive = 0, onChange, bodyProps, children, ...rest } = props;
     const [active, setActive] = React.useState(propsActive);
-    const { children } = props;
     const tabRefs = [];
     const childrenArray = React.Children.toArray(children);
     const switchTab = (index)=>()=>{