@uniformdev/design-system 19.63.2 → 19.65.1-alpha.4

package/dist/esm/index.js

@@ -572,7 +572,6 @@ var inputContainer = css2`
 `;
 var labelText = css2`
   display: flex;
-  font-weight: var(--fw-bold);
   margin: 0 0 var(--spacing-xs);
   align-items: center;
 `;
@@ -702,8 +701,7 @@ var toggleInput = css2`
       no-repeat center center;
   }
 `;
-var inlineLabel = (fontWeight) => css2`
-  font-weight: ${fontWeight === "medium" ? "var(--fw-medium)" : fontWeight === "normal" ? "var(--fw-regular)" : "var(--fw-bold)"};
+var inlineLabel = css2`
   padding-left: var(--spacing-lg);
 
   > a {
@@ -714,6 +712,15 @@ var inlineLabel = (fontWeight) => css2`
     }
   }
 `;
+var labelNormal = css2`
+  font-weight: var(--fw-regular);
+`;
+var labelMedium = css2`
+  font-weight: var(--fw-medium);
+`;
+var labelBold = css2`
+  font-weight: var(--fw-bold);
+`;
 var inputDisabled = css2`
   cursor: not-allowed;
   color: var(--gray-400);
@@ -14369,9 +14376,14 @@ var InputToggle = React17.forwardRef(
     errorMessage,
     warningMessage,
     testId,
-    fontWeight = "medium",
+    fontWeight = "normal",
     ...props
   }, ref) => {
+    const fontWeightStyles = {
+      normal: labelNormal,
+      medium: labelMedium,
+      bold: labelBold
+    };
     return /* @__PURE__ */ jsxs37(
       Label,
       {
@@ -14390,7 +14402,7 @@ var InputToggle = React17.forwardRef(
               ...props
             }
           ),
-          /* @__PURE__ */ jsx60("span", { css: inlineLabel(fontWeight), children: label }),
+          /* @__PURE__ */ jsx60("span", { css: [inlineLabel, fontWeightStyles[fontWeight]], children: label }),
           caption || errorMessage ? /* @__PURE__ */ jsxs37("span", { css: inputToggleMessageContainer, children: [
             caption ? /* @__PURE__ */ jsx60(Caption, { children: caption }) : null,
             errorMessage ? /* @__PURE__ */ jsx60(ErrorMessage, { message: errorMessage }) : null,

package/dist/index.d.mts

@@ -21738,6 +21738,7 @@ type InputSelectProps = React.SelectHTMLAttributes<HTMLSelectElement> & {
  */
 declare const InputSelect: ({ label, defaultOption, options, caption, errorMessage, warningMessage, showLabel, labelCta, compact, classNameContainer, classNameControl, classNameLabel, ...props }: InputSelectProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
+type FontWeightProps = 'normal' | 'medium' | 'bold';
 type InputToggleProps = React$1.InputHTMLAttributes<HTMLInputElement> & {
     /** sets the label value */
     label: React$1.ReactNode;
@@ -21756,9 +21757,9 @@ type InputToggleProps = React$1.InputHTMLAttributes<HTMLInputElement> & {
     /** (optional) sets and shows the the warning message value */
     warningMessage?: string;
     /** (optional) sets the font weight of the label text
-     * @default 'bold'
+     * @default 'normal'
      */
-    fontWeight?: 'normal' | 'medium' | 'bold';
+    fontWeight?: FontWeightProps;
     /** (optional) sets test id for test automation*/
     testId?: string;
 };
@@ -21784,9 +21785,9 @@ declare const InputToggle: React$1.ForwardRefExoticComponent<React$1.InputHTMLAt
     /** (optional) sets and shows the the warning message value */
     warningMessage?: string | undefined;
     /** (optional) sets the font weight of the label text
-     * @default 'bold'
+     * @default 'normal'
      */
-    fontWeight?: "bold" | "medium" | "normal" | undefined;
+    fontWeight?: FontWeightProps | undefined;
     /** (optional) sets test id for test automation*/
     testId?: string | undefined;
 } & React$1.RefAttributes<HTMLInputElement>>;

package/dist/index.d.ts

@@ -21738,6 +21738,7 @@ type InputSelectProps = React.SelectHTMLAttributes<HTMLSelectElement> & {
  */
 declare const InputSelect: ({ label, defaultOption, options, caption, errorMessage, warningMessage, showLabel, labelCta, compact, classNameContainer, classNameControl, classNameLabel, ...props }: InputSelectProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
+type FontWeightProps = 'normal' | 'medium' | 'bold';
 type InputToggleProps = React$1.InputHTMLAttributes<HTMLInputElement> & {
     /** sets the label value */
     label: React$1.ReactNode;
@@ -21756,9 +21757,9 @@ type InputToggleProps = React$1.InputHTMLAttributes<HTMLInputElement> & {
     /** (optional) sets and shows the the warning message value */
     warningMessage?: string;
     /** (optional) sets the font weight of the label text
-     * @default 'bold'
+     * @default 'normal'
      */
-    fontWeight?: 'normal' | 'medium' | 'bold';
+    fontWeight?: FontWeightProps;
     /** (optional) sets test id for test automation*/
     testId?: string;
 };
@@ -21784,9 +21785,9 @@ declare const InputToggle: React$1.ForwardRefExoticComponent<React$1.InputHTMLAt
     /** (optional) sets and shows the the warning message value */
     warningMessage?: string | undefined;
     /** (optional) sets the font weight of the label text
-     * @default 'bold'
+     * @default 'normal'
      */
-    fontWeight?: "bold" | "medium" | "normal" | undefined;
+    fontWeight?: FontWeightProps | undefined;
     /** (optional) sets test id for test automation*/
     testId?: string | undefined;
 } & React$1.RefAttributes<HTMLInputElement>>;

package/dist/index.js

@@ -2149,7 +2149,6 @@ var inputContainer = import_react4.css`
 `;
 var labelText = import_react4.css`
   display: flex;
-  font-weight: var(--fw-bold);
   margin: 0 0 var(--spacing-xs);
   align-items: center;
 `;
@@ -2279,8 +2278,7 @@ var toggleInput = import_react4.css`
       no-repeat center center;
   }
 `;
-var inlineLabel = (fontWeight) => import_react4.css`
-  font-weight: ${fontWeight === "medium" ? "var(--fw-medium)" : fontWeight === "normal" ? "var(--fw-regular)" : "var(--fw-bold)"};
+var inlineLabel = import_react4.css`
   padding-left: var(--spacing-lg);
 
   > a {
@@ -2291,6 +2289,15 @@ var inlineLabel = (fontWeight) => import_react4.css`
     }
   }
 `;
+var labelNormal = import_react4.css`
+  font-weight: var(--fw-regular);
+`;
+var labelMedium = import_react4.css`
+  font-weight: var(--fw-medium);
+`;
+var labelBold = import_react4.css`
+  font-weight: var(--fw-bold);
+`;
 var inputDisabled = import_react4.css`
   cursor: not-allowed;
   color: var(--gray-400);
@@ -16097,9 +16104,14 @@ var InputToggle = React17.forwardRef(
     errorMessage,
     warningMessage,
     testId,
-    fontWeight = "medium",
+    fontWeight = "normal",
     ...props
   }, ref) => {
+    const fontWeightStyles = {
+      normal: labelNormal,
+      medium: labelMedium,
+      bold: labelBold
+    };
     return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(
       Label,
       {
@@ -16118,7 +16130,7 @@ var InputToggle = React17.forwardRef(
               ...props
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { css: inlineLabel(fontWeight), children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { css: [inlineLabel, fontWeightStyles[fontWeight]], children: label }),
           caption || errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { css: inputToggleMessageContainer, children: [
             caption ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Caption, { children: caption }) : null,
             errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ErrorMessage, { message: errorMessage }) : null,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/design-system",
-  "version": "19.63.2",
+  "version": "19.65.1-alpha.4+d9220a0f9",
   "description": "Uniform design system components",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "./dist/index.js",
@@ -23,8 +23,8 @@
     "@storybook/react": "6.5.16",
     "@types/react": "18.2.21",
     "@types/react-dom": "18.2.7",
-    "@uniformdev/canvas": "^19.63.2",
-    "@uniformdev/richtext": "^19.63.2",
+    "@uniformdev/canvas": "^19.65.1-alpha.4+d9220a0f9",
+    "@uniformdev/richtext": "^19.65.1-alpha.4+d9220a0f9",
     "autoprefixer": "10.4.16",
     "hygen": "6.2.11",
     "postcss": "8.4.31",
@@ -65,5 +65,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d233507166f115f0253f2571590f32be095c3193"
+  "gitHead": "d9220a0f9c51bae1ae6b97d356ae510ffc484394"
 }