@wistia/ui 0.6.23 → 0.6.24

package/dist/index.cjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.6.23
+ * @license @wistia/ui v0.6.24
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -7676,18 +7676,33 @@ var inputSizeSmall = import_styled_components34.css`
   height: 14px;
   min-width: 14px;
   min-height: 14px;
+
+  svg {
+    width: 7px;
+    height: 7px;
+  }
 `;
 var inputSizeMedium = import_styled_components34.css`
   width: 16px;
   height: 16px;
   min-width: 16px;
   min-height: 16px;
+
+  svg {
+    width: 9px;
+    height: 9px;
+  }
 `;
 var inputSizeLarge = import_styled_components34.css`
   width: 20px;
   height: 20px;
   min-width: 20px;
   min-height: 20px;
+
+  svg {
+    width: 11px;
+    height: 11px;
+  }
 `;
 var getSizeCss = (size) => {
   if (size === "sm") return inputSizeSmall;
@@ -7709,9 +7724,10 @@ var StyledCheckboxInput = import_styled_components34.default.div`
   display: grid;
   place-content: center;
   align-self: flex-start;
+  border-width: 1px;
+  border-style: solid;
+  border-color: ${({ $disabled }) => $disabled ? "var(--wui-color-bg-border-disabled)" : "var(--wui-color-border)"};
   background-color: ${({ $disabled }) => $disabled ? "var(--wui-color-bg-surface-disabled)" : "var(--wui-color-bg-surface)"};
-  border: 1px solid
-    ${({ $disabled }) => $disabled ? "var(--wui-color-icon-disabled)" : "var(--wui-color-border)"};
 
   /* checkmark icon */
   svg {
@@ -7727,6 +7743,7 @@ var StyledHiddenCheckboxInput = import_styled_components34.default.input`
 
   /* toggles display of faux-input background-color */
   &:checked + label [data-wui-faux-input='true'] {
+    border-color: ${({ disabled }) => disabled ? void 0 : "var(--wui-color-bg-fill)"};
     background-color: ${({ disabled }) => disabled ? "var(--wui-color-bg-surface-disabled)" : "var(--wui-color-bg-fill)"};
   }
 
@@ -10359,17 +10376,17 @@ var RadioIcon = () => /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(
   "svg",
   {
     fill: "inherit",
-    height: "12",
-    viewBox: "0 0 12 12",
-    width: "12",
+    height: "1",
+    viewBox: "0 0 1 1",
+    width: "1",
     xmlns: "http://www.w3.org/2000/svg",
     children: /* @__PURE__ */ (0, import_jsx_runtime241.jsx)(
       "circle",
       {
-        cx: "6",
-        cy: "6",
+        cx: "0.5",
+        cy: "0.5",
         fill: "currentColor",
-        r: "4"
+        r: "0.5"
       }
     )
   }
@@ -10379,18 +10396,33 @@ var inputSizeSmall2 = import_styled_components65.css`
   height: 14px;
   min-width: 14px;
   min-height: 14px;
+
+  svg {
+    width: 7px;
+    height: 7px;
+  }
 `;
 var inputSizeMedium2 = import_styled_components65.css`
   width: 16px;
   height: 16px;
   min-width: 16px;
   min-height: 16px;
+
+  svg {
+    width: 8px;
+    height: 8px;
+  }
 `;
 var inputSizeLarge2 = import_styled_components65.css`
   width: 20px;
   height: 20px;
   min-width: 20px;
   min-height: 20px;
+
+  svg {
+    width: 10px;
+    height: 10px;
+  }
 `;
 var getSizeCss2 = (size) => {
   if (size === "sm") return inputSizeSmall2;
@@ -10412,9 +10444,10 @@ var StyledRadioInput = import_styled_components65.default.div`
   display: grid;
   place-content: center;
   align-self: flex-start;
+  border-width: 1px;
+  border-style: solid;
+  border-color: ${({ $disabled }) => $disabled ? "var(--wui-color-bg-border-disabled)" : "var(--wui-color-border)"};
   background-color: ${({ $disabled }) => $disabled ? "var(--wui-color-bg-surface-disabled)" : "var(--wui-color-bg-surface)"};
-  border: 1px solid
-    ${({ $disabled }) => $disabled ? "var(--wui-color-icon-disabled)" : "var(--wui-color-border)"};
 
   /* radio button circle icon */
   svg {
@@ -10428,9 +10461,9 @@ var StyledRadioInput = import_styled_components65.default.div`
 var StyledHiddenRadioInput = import_styled_components65.default.input`
   ${visuallyHiddenStyle}
 
-  /* toggles display of faux-input background-color */
+  /* toggles display of faux-input border-color */
   &:checked + label [data-wui-faux-input='true'] {
-    border-color: ${({ disabled }) => disabled ? "var(--wui-color-bg-surface-disabled)" : "var(--wui-color-bg-fill)"};
+    border-color: ${({ disabled }) => disabled ? "var(--wui-color-bg-border-disabled)" : "var(--wui-color-bg-fill)"};
   }
 
   /* toggles display of RadioIcon */