@uniformdev/design-system 19.96.0 → 19.96.1-alpha.13

package/dist/esm/index.js

@@ -16649,6 +16649,7 @@ var inputIcon2 = css76`
   z-index: var(--z-10);
 `;
 var inputToggleLabel2 = css76`
+  --inline-label-color: var(--brand-secondary-1);
   align-items: center;
   cursor: pointer;
   display: inline-flex;
@@ -16657,6 +16658,10 @@ var inputToggleLabel2 = css76`
   font-size: var(--fs-sm);
   min-height: var(--spacing-md);
   position: relative;
+
+  &:has(:disabled) {
+    --inline-label-color: var(--gray-400);
+  }
 `;
 var toggleInput2 = css76`
   appearance: none;
@@ -16702,6 +16707,7 @@ var toggleInput2 = css76`
   }
 `;
 var inlineLabel2 = css76`
+  color: var(--inline-label-color);
   padding-left: var(--spacing-md);
   font-size: var(--fs-sm);
   font-weight: var(--fw-regular);
@@ -17867,10 +17873,6 @@ function convertAnchorElement(domNode) {
   return { node };
 }
 var LinkNode = class _LinkNode extends ElementNode2 {
-  constructor(props, key) {
-    super(key);
-    this.__link = props;
-  }
   static getType() {
     return "link";
   }
@@ -17884,6 +17886,10 @@ var LinkNode = class _LinkNode extends ElementNode2 {
   static clone(node) {
     return new _LinkNode(node.__link, node.__key);
   }
+  constructor(props, key) {
+    super(key);
+    this.__link = props;
+  }
   static importJSON(serializedNode) {
     const node = $createLinkNode(serializedNode.link);
     node.setFormat(serializedNode.format);
@@ -19065,11 +19071,12 @@ var ParameterToggle = forwardRef18((props, ref) => {
   return /* @__PURE__ */ jsx110(ParameterShell, { ...shellProps, children: /* @__PURE__ */ jsx110(ParameterToggleInner, { ref, ...innerProps }) });
 });
 var ParameterToggleInner = forwardRef18(
-  ({ ...props }, ref) => {
+  ({ children, ...props }, ref) => {
     const { id, label } = useParameterShell();
     return /* @__PURE__ */ jsxs73("label", { css: inputToggleLabel2, children: [
       /* @__PURE__ */ jsx110("input", { css: toggleInput2, type: props.type, id, ref, ...props }),
-      /* @__PURE__ */ jsx110("span", { css: inlineLabel2, children: label })
+      /* @__PURE__ */ jsx110("span", { css: inlineLabel2, children: label }),
+      children
     ] });
   }
 );

package/dist/index.js

@@ -18459,6 +18459,7 @@ var inputIcon2 = import_react102.css`
   z-index: var(--z-10);
 `;
 var inputToggleLabel2 = import_react102.css`
+  --inline-label-color: var(--brand-secondary-1);
   align-items: center;
   cursor: pointer;
   display: inline-flex;
@@ -18467,6 +18468,10 @@ var inputToggleLabel2 = import_react102.css`
   font-size: var(--fs-sm);
   min-height: var(--spacing-md);
   position: relative;
+
+  &:has(:disabled) {
+    --inline-label-color: var(--gray-400);
+  }
 `;
 var toggleInput2 = import_react102.css`
   appearance: none;
@@ -18512,6 +18517,7 @@ var toggleInput2 = import_react102.css`
   }
 `;
 var inlineLabel2 = import_react102.css`
+  color: var(--inline-label-color);
   padding-left: var(--spacing-md);
   font-size: var(--fs-sm);
   font-weight: var(--fw-regular);
@@ -19682,10 +19688,6 @@ function convertAnchorElement(domNode) {
   return { node };
 }
 var LinkNode = class _LinkNode extends import_lexical3.ElementNode {
-  constructor(props, key) {
-    super(key);
-    this.__link = props;
-  }
   static getType() {
     return "link";
   }
@@ -19699,6 +19701,10 @@ var LinkNode = class _LinkNode extends import_lexical3.ElementNode {
   static clone(node) {
     return new _LinkNode(node.__link, node.__key);
   }
+  constructor(props, key) {
+    super(key);
+    this.__link = props;
+  }
   static importJSON(serializedNode) {
     const node = $createLinkNode(serializedNode.link);
     node.setFormat(serializedNode.format);
@@ -20866,11 +20872,12 @@ var ParameterToggle = (0, import_react125.forwardRef)((props, ref) => {
   return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(ParameterShell, { ...shellProps, children: /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(ParameterToggleInner, { ref, ...innerProps }) });
 });
 var ParameterToggleInner = (0, import_react125.forwardRef)(
-  ({ ...props }, ref) => {
+  ({ children, ...props }, ref) => {
     const { id, label } = useParameterShell();
     return /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("label", { css: inputToggleLabel2, children: [
       /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("input", { css: toggleInput2, type: props.type, id, ref, ...props }),
-      /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { css: inlineLabel2, children: label })
+      /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("span", { css: inlineLabel2, children: label }),
+      children
     ] });
   }
 );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/design-system",
-  "version": "19.96.0",
+  "version": "19.96.1-alpha.13+45a0734f3e",
   "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.40",
     "@types/react-dom": "18.2.17",
-    "@uniformdev/canvas": "^19.96.0",
-    "@uniformdev/richtext": "^19.96.0",
+    "@uniformdev/canvas": "^19.96.1-alpha.13+45a0734f3e",
+    "@uniformdev/richtext": "^19.96.1-alpha.13+45a0734f3e",
     "autoprefixer": "10.4.16",
     "hygen": "6.2.11",
     "postcss": "8.4.32",
@@ -68,5 +68,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "1397d721ceca0b63b4439702fe0f587e4fe2420d"
+  "gitHead": "45a0734f3e9e54959a6e70c4bc7472657becc28b"
 }