@wix/editor-react-components 1.2782.0 → 1.2784.0

package/dist/site/components/Button/css.css

@@ -117,6 +117,30 @@
   transform: rotate(var(--disabled-icon-rotation, var(--icon-rotation)));
 }
 
+:is(.root__IB9QF, #_-1-__0K-05):where(:disabled) {
+  background: #e5e7eb;
+}
+
+.root__IB9QF:where(:disabled) .label__EtLji:is(.label__EtLji, #_-1-__0K-05) {
+  color: #6b7280;
+}
+
+.root__IB9QF:where(:disabled) .icon__ZzsS5.icon__ZzsS5:is(.icon__ZzsS5, #_-1-__0K-05) {
+  --fill: #6b7280;
+}
+
+:is(.root__IB9QF, #_-1-__0K-05):where(.editorPreview__aTsVL):disabled {
+  background: #e5e7eb;
+}
+
+.root__IB9QF:where(.editorPreview__aTsVL):disabled .label__EtLji:is(.label__EtLji, #_-1-__0K-05) {
+  color: #6b7280;
+}
+
+.root__IB9QF:where(.editorPreview__aTsVL):disabled .icon__ZzsS5.icon__ZzsS5:is(.icon__ZzsS5, #_-1-__0K-05) {
+  --fill: #6b7280;
+}
+
 .button__i8gkO {
   min-width: min-content !important;
 }

package/dist/site/components/Button/manifest.js

@@ -83,7 +83,7 @@ const manifest = {
       disablePositioning: false
     },
     cssProperties: {
-      background: {},
+      background: { statesDefaultValues: { disabled: "#E5E7EB" } },
       boxShadow: {},
       borderInlineStart: {},
       borderInlineEnd: {},
@@ -255,7 +255,7 @@ const manifest = {
               display: displayConfig
             },
             font: { displayName: DisplayNames.label.cssProperties.font },
-            color: {},
+            color: { statesDefaultValues: { disabled: "#6B7280" } },
             letterSpacing: {},
             lineHeight: {},
             textDecorationLine: {
@@ -295,6 +295,9 @@ const manifest = {
           behaviors: {
             selectable: false,
             removable: true
+          },
+          cssCustomProperties: {
+            fill: { statesDefaultValues: { disabled: "#6B7280" } }
           }
         }
       }

package/dist/site/components/CollapsibleText/css.css

@@ -243,6 +243,30 @@
   transform: rotate(var(--disabled-icon-rotation, var(--icon-rotation)));
 }
 
+:is(.root__IB9QF, #_-1-__0K-05):where(:disabled) {
+  background: #e5e7eb;
+}
+
+.root__IB9QF:where(:disabled) .label__EtLji:is(.label__EtLji, #_-1-__0K-05) {
+  color: #6b7280;
+}
+
+.root__IB9QF:where(:disabled) .icon__ZzsS5.icon__ZzsS5:is(.icon__ZzsS5, #_-1-__0K-05) {
+  --fill: #6b7280;
+}
+
+:is(.root__IB9QF, #_-1-__0K-05):where(.editorPreview__aTsVL):disabled {
+  background: #e5e7eb;
+}
+
+.root__IB9QF:where(.editorPreview__aTsVL):disabled .label__EtLji:is(.label__EtLji, #_-1-__0K-05) {
+  color: #6b7280;
+}
+
+.root__IB9QF:where(.editorPreview__aTsVL):disabled .icon__ZzsS5.icon__ZzsS5:is(.icon__ZzsS5, #_-1-__0K-05) {
+  --fill: #6b7280;
+}
+
 .button__i8gkO {
   min-width: min-content !important;
 }

package/dist/site/components/Lottie/css.css

@@ -157,6 +157,30 @@
   transform: rotate(var(--disabled-icon-rotation, var(--icon-rotation)));
 }
 
+:is(.root__IB9QF, #_-1-__0K-05):where(:disabled) {
+  background: #e5e7eb;
+}
+
+.root__IB9QF:where(:disabled) .label__EtLji:is(.label__EtLji, #_-1-__0K-05) {
+  color: #6b7280;
+}
+
+.root__IB9QF:where(:disabled) .icon__ZzsS5.icon__ZzsS5:is(.icon__ZzsS5, #_-1-__0K-05) {
+  --fill: #6b7280;
+}
+
+:is(.root__IB9QF, #_-1-__0K-05):where(.editorPreview__aTsVL):disabled {
+  background: #e5e7eb;
+}
+
+.root__IB9QF:where(.editorPreview__aTsVL):disabled .label__EtLji:is(.label__EtLji, #_-1-__0K-05) {
+  color: #6b7280;
+}
+
+.root__IB9QF:where(.editorPreview__aTsVL):disabled .icon__ZzsS5.icon__ZzsS5:is(.icon__ZzsS5, #_-1-__0K-05) {
+  --fill: #6b7280;
+}
+
 .button__i8gkO {
   min-width: min-content !important;
 }

package/dist/site/components/Menu/css.css

@@ -1017,6 +1017,30 @@
   transform: rotate(var(--disabled-icon-rotation, var(--icon-rotation)));
 }
 
+:is(.root__IB9QF, #_-1-__0K-05):where(:disabled) {
+  background: #e5e7eb;
+}
+
+.root__IB9QF:where(:disabled) .label__EtLji:is(.label__EtLji, #_-1-__0K-05) {
+  color: #6b7280;
+}
+
+.root__IB9QF:where(:disabled) .icon__ZzsS5.icon__ZzsS5:is(.icon__ZzsS5, #_-1-__0K-05) {
+  --fill: #6b7280;
+}
+
+:is(.root__IB9QF, #_-1-__0K-05):where(.editorPreview__aTsVL):disabled {
+  background: #e5e7eb;
+}
+
+.root__IB9QF:where(.editorPreview__aTsVL):disabled .label__EtLji:is(.label__EtLji, #_-1-__0K-05) {
+  color: #6b7280;
+}
+
+.root__IB9QF:where(.editorPreview__aTsVL):disabled .icon__ZzsS5.icon__ZzsS5:is(.icon__ZzsS5, #_-1-__0K-05) {
+  --fill: #6b7280;
+}
+
 .button__i8gkO {
   min-width: min-content !important;
 }

package/dist/site/components/Slideshow/css.css

@@ -621,6 +621,30 @@
   transform: rotate(var(--disabled-icon-rotation, var(--icon-rotation)));
 }
 
+:is(.root__IB9QF, #_-1-__0K-05):where(:disabled) {
+  background: #e5e7eb;
+}
+
+.root__IB9QF:where(:disabled) .label__EtLji:is(.label__EtLji, #_-1-__0K-05) {
+  color: #6b7280;
+}
+
+.root__IB9QF:where(:disabled) .icon__ZzsS5.icon__ZzsS5:is(.icon__ZzsS5, #_-1-__0K-05) {
+  --fill: #6b7280;
+}
+
+:is(.root__IB9QF, #_-1-__0K-05):where(.editorPreview__aTsVL):disabled {
+  background: #e5e7eb;
+}
+
+.root__IB9QF:where(.editorPreview__aTsVL):disabled .label__EtLji:is(.label__EtLji, #_-1-__0K-05) {
+  color: #6b7280;
+}
+
+.root__IB9QF:where(.editorPreview__aTsVL):disabled .icon__ZzsS5.icon__ZzsS5:is(.icon__ZzsS5, #_-1-__0K-05) {
+  --fill: #6b7280;
+}
+
 .button__i8gkO {
   min-width: min-content !important;
 }

package/dist/site/components/TextInput/TextInput.types.d.ts

@@ -36,6 +36,7 @@ export type ITextInputMapperProps = {
     /** Controlled value. Omission renders an empty input; edits require a parent update. */
     value?: string;
     onValueChange?: (value: string) => void;
+    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
     label?: string;
     placeholder?: string;
     helperText?: string;

package/dist/site/components/TextInput/component.js

@@ -212,6 +212,7 @@ const TextInput = (props) => {
     disabled,
     autoFocus,
     onValueChange = noop,
+    onKeyDown,
     a11y,
     contentRef,
     elementProps,
@@ -274,6 +275,7 @@ const TextInput = (props) => {
     placeholder,
     className: inputClasses,
     id: `input_${id}`,
+    onKeyDown,
     "aria-invalid": ariaInvalid,
     ...ariaLabel && { "aria-label": ariaLabel },
     ...customAccessibleNameId && {

package/dist/site/components/TextInput/manifest.js

@@ -1,4 +1,5 @@
 import { I as INTERACTIONS, D as DATA, b as DISPLAY_GROUPS, E as ELEMENTS, C as CSS_PROPERTIES, N as NativeStateType, L as LAYOUT, A as Archetype } from "../chunks/chunk-EVX7ZUBD.js";
+import { D as DomEventType } from "../chunks/types.impl.js";
 import { D as DesignStates, a as DisplayNames, F as FunctionalStateKeys, c as componentClassNames } from "../chunks/constants3.js";
 import { I as IS_SUPPORT_DESIGN_STATE_SPEC } from "../chunks/specs.js";
 const designState = (s, pseudoClass) => ({
@@ -335,6 +336,13 @@ const manifest = {
         [DATA.DATA_TYPE.function]: {
           parameters: [{ dataType: DATA.DATA_TYPE.text }]
         }
+      },
+      onKeyDown: {
+        displayName: "On Key Down",
+        dataType: DATA.DATA_TYPE.function,
+        [DATA.DATA_TYPE.function]: {
+          parameters: [{ domEvent: DomEventType.KEYBOARD }]
+        }
       }
     },
     interactions: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/editor-react-components",
-  "version": "1.2782.0",
+  "version": "1.2784.0",
   "description": "React components for the Wix Editor",
   "license": "MIT",
   "type": "module",
@@ -222,5 +222,5 @@
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
-  "falconPackageHash": "255300fe60e40bdb721cf01e5c95936de7e55555c8a440b33735bdf2"
+  "falconPackageHash": "745d1ad15952f025b79272ef86d4e209e75d91cc9220a33462f4a70d"
 }