@wix/patterns-fields 1.41.0 → 1.43.0

package/dist/types/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rich-content-editor.st.css.d.ts","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;;;;;CAAwY,CAAC;AAC3Z,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI;;CAA0D,CAAC"}
+{"version":3,"file":"rich-content-editor.st.css.d.ts","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;;;;;CAA8Y,CAAC;AACja,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI;;CAA0D,CAAC"}

package/dist/types/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rich-content-viewer.st.css.d.ts","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;;CAAoJ,CAAC;AACvK,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}
+{"version":3,"file":"rich-content-viewer.st.css.d.ts","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;;CAAuJ,CAAC;AAC1K,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}

package/dist/types/components/text/text-view.st.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-view.st.css.d.ts","sourceRoot":"","sources":["../../../../src/components/text/text-view.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;CAA8E,CAAC;AACjG,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}
+{"version":3,"file":"text-view.st.css.d.ts","sourceRoot":"","sources":["../../../../src/components/text/text-view.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;CAAgF,CAAC;AACnG,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}

package/dist/types/components/time-input/cell-time-input.d.ts

@@ -5,12 +5,14 @@ export interface CellTimeInputProps {
     value?: Time | null;
     onChange?: (value: Time | null) => void;
     onCommit?: () => void;
-    inputRef?: React.MutableRefObject<{
-        focus: () => void;
-    } | null | undefined>;
+    /** Ref object that receives the underlying `<input>` element. Consumers
+     *  can call `inputRef.current?.focus()` or dispatch DOM events on it. */
+    inputRef?: React.MutableRefObject<HTMLInputElement | null | undefined>;
     dataHook?: string;
     placeholder?: string;
     step?: WSRTimeInputProps['step'];
+    /** Show the clear (X) suffix when value is non-null. Defaults to true. */
+    clearable?: boolean;
 }
 /**
  * Cell-layer Time input. Wraps WDS `<TimeInput>` with cell-edit semantics:

package/dist/types/components/time-input/cell-time-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cell-time-input.d.ts","sourceRoot":"","sources":["../../../../src/components/time-input/cell-time-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsD,MAAM,OAAO,CAAC;AAC3E,OAAO,EAGL,KAAK,0BAA0B,EAC/B,KAAK,cAAc,IAAI,iBAAiB,EACzC,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAA0B,KAAK,IAAI,EAAE,MAAM,SAAS,CAAC;AAE5D,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC;QAAE,KAAK,EAAE,MAAM,IAAI,CAAA;KAAE,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;IAC5E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;CAClC;AAED;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,aAAa,uGA8DxB,CAAC"}
+{"version":3,"file":"cell-time-input.d.ts","sourceRoot":"","sources":["../../../../src/components/time-input/cell-time-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsD,MAAM,OAAO,CAAC;AAC3E,OAAO,EAGL,KAAK,0BAA0B,EAC/B,KAAK,cAAc,IAAI,iBAAiB,EACzC,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAA0B,KAAK,IAAI,EAAE,MAAM,SAAS,CAAC;AAE5D,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;6EACyE;IACzE,QAAQ,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,gBAAgB,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;IACvE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;IACjC,0EAA0E;IAC1E,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,aAAa,uGAsFzB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/patterns-fields",
-  "version": "1.41.0",
+  "version": "1.43.0",
   "license": "UNLICENSED",
   "author": {
     "name": "Kobi",
@@ -93,8 +93,8 @@
     "providers"
   ],
   "scripts": {
-    "build": "yarn stc:all && yarn generate-translation-keys &&yarn build:translations && yoshi-library build",
-    "start": "yarn stc:all && yarn build:translations && yoshi-library start",
+    "build": "yarn stc:all && yarn generate-translation-keys && yarn build:translations && yoshi-library build",
+    "start": "yarn stc:all && yarn generate-translation-keys && yarn build:translations && yoshi-library start",
     "build:translations": "yarn build:translations:types & yarn build:translations:imports",
     "build:translations:types": "npx ts-node --project tsconfig.scripts.json -T scripts/generate-keys.ts && npx prettier src/services/translations.ts --write",
     "build:translations:imports": "npx ts-node --project tsconfig.scripts.json -T scripts/generate-translations-imports.ts && npx prettier src/services/translationsImportsMap.ts --write",
@@ -113,7 +113,7 @@
     "@wix/atlas": "^1.0.35",
     "@wix/data": "^1.0.323",
     "@wix/media": "^1.0.231",
-    "@wix/patterns-fields-utils": "1.22.0",
+    "@wix/patterns-fields-utils": "1.24.0",
     "@wix/rich-content": "1.0.37",
     "@wix/ricos": "^11.2.0",
     "@wix/sdk": "^1.17.2",
@@ -142,7 +142,7 @@
     "@types/lodash": "^4.17.20",
     "@types/react": "^16.14.68",
     "@wix/babel-cli": "^1.11.0",
-    "@wix/bex-core": "2.319.0",
+    "@wix/bex-core": "2.321.0",
     "@wix/design-system": "^1.285.0",
     "@wix/eslint-config-yoshi": "^6.74.0",
     "@wix/jest-yoshi-preset": "^6.74.0",
@@ -195,5 +195,5 @@
       "type": "yoshi-flow-library"
     }
   },
-  "falconPackageHash": "9cd6a608cb6f8cf8db20fe1b758eb3e726d01f1ce793bc2a26d7cfdf"
+  "falconPackageHash": "f9a98243f86d24587bb8a2bc041e48cedc933548eb13f00326599372"
 }

package/src/components/address/input/address-input.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js"
 
 
 
-var _namespace_ = "addressinput3227018630";
+var _namespace_ = "addressinput3033351127";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"addressinput3227018630__root","tableAddressInput":"addressinput3227018630__tableAddressInput"};
+export var classes = {"root":"addressinput3033351127__root","tableAddressInput":"addressinput3033351127__tableAddressInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/audio/actions/actions-menu/actions-menu.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "actionsmenu1379452986";
+var _namespace_ = "actionsmenu1371641666";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"actionsmenu1379452986__root","action":"actionsmenu1379452986__action"};
+export var classes = {"root":"actionsmenu1371641666__root","action":"actionsmenu1371641666__action"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/audio/audio-field/form-audio-field.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js"
 
 
 
-var _namespace_ = "formaudiofield1883836278";
+var _namespace_ = "formaudiofield4071339891";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"formaudiofield1883836278__root","addItem":"formaudiofield1883836278__addItem","mediaTitle":"formaudiofield1883836278__mediaTitle"};
+export var classes = {"root":"formaudiofield4071339891__root","addItem":"formaudiofield4071339891__addItem","mediaTitle":"formaudiofield4071339891__mediaTitle"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/audio/audio-player/audio-player.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js"
 
 
 
-var _namespace_ = "audioplayer2028983810";
+var _namespace_ = "audioplayer3339770508";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"audioplayer2028983810__root"};
+export var classes = {"root":"audioplayer3339770508__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/color-view/cell-color-view.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "cellcolorview2526093299";
+var _namespace_ = "cellcolorview2794043851";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"cellcolorview2526093299__root","hashPrefix":"cellcolorview2526093299__hashPrefix"};
+export var classes = {"root":"cellcolorview2794043851__root","hashPrefix":"cellcolorview2794043851__hashPrefix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/color-view/color-view.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "colorview3463757835";
+var _namespace_ = "colorview2165802700";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"colorview3463757835__root","view":"colorview3463757835__view","fillPreview":"colorview3463757835__fillPreview"};
+export var classes = {"root":"colorview2165802700__root","view":"colorview2165802700__view","fillPreview":"colorview2165802700__fillPreview"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/date-input/cell-date-input.tsx

@@ -0,0 +1,124 @@
+import React, {
+  forwardRef,
+  useCallback,
+  useImperativeHandle,
+  useRef,
+} from 'react';
+import { DatePicker } from '@wix/design-system';
+import {
+  closeDatePickerCalendar,
+  getDatePickerInputElement,
+} from './date-picker-internals';
+
+export interface CellDateInputImperativeHandle {
+  /** Focus the underlying input. */
+  focus: () => void;
+  /** Open the calendar popover. */
+  openCalendar: () => void;
+  /** Close the calendar popover. */
+  closeCalendar: () => void;
+}
+
+export interface CellDateInputProps {
+  /** Current Date value (or null for empty). */
+  value?: Date | null;
+  /**
+   * Fires when WDS DatePicker emits a value. Does NOT commit by default —
+   * the consumer decides whether to auto-commit (standalone date cell) or
+   * stash the value (composite cells like DateTime that stay in edit mode
+   * after a date pick).
+   */
+  onChange?: (date: Date) => void;
+  /** When set, renders the clear (X) suffix and calls this on click. */
+  onClear?: () => void;
+  /** Ref object that receives the underlying `<input>` element. Consumers
+   *  can call `inputRef.current?.focus()` or dispatch DOM events on it. */
+  inputRef?: React.MutableRefObject<HTMLInputElement | null | undefined>;
+  dataHook?: string;
+  placeholder?: string;
+  /** Override the default aria-label on the input. */
+  ariaLabel?: string;
+  /** Hide the calendar prefix icon (used inside split sub-cells). */
+  hidePrefix?: boolean;
+  /** Forward additional DatePicker popoverProps (appendTo, moveBy, zIndex). */
+  popoverProps?: React.ComponentProps<typeof DatePicker>['popoverProps'];
+}
+
+/**
+ * Cell-layer Date input. Wraps WDS `<DatePicker>` with cell-edit semantics:
+ * - `onChange` fires on every WDS onChange (typing-driven valid date or
+ *   calendar pick). It deliberately does NOT auto-commit so composite cells
+ *   (DateTime) can stash the value while staying in edit mode.
+ * - `onClear` shows the clear (X) suffix; the cell decides whether to fire
+ *   onCommit alongside the value reset.
+ * - Exposes `focus` / `openCalendar` / `closeCalendar` via imperative handle
+ *   so consumers can drive type-to-edit and scroll-close behaviors.
+ */
+export const CellDateInput = forwardRef<
+  CellDateInputImperativeHandle,
+  CellDateInputProps
+>(
+  (
+    {
+      value,
+      onChange,
+      onClear,
+      inputRef,
+      dataHook,
+      placeholder,
+      ariaLabel,
+      hidePrefix,
+      popoverProps,
+    },
+    forwardedRef,
+  ) => {
+    const datePickerRef = useRef<DatePicker | null>(null);
+
+    useImperativeHandle(
+      forwardedRef,
+      () => ({
+        focus: () => getDatePickerInputElement(datePickerRef.current)?.focus(),
+        openCalendar: () => datePickerRef.current?.openCalendar?.(),
+        closeCalendar: () => closeDatePickerCalendar(datePickerRef.current),
+      }),
+      [],
+    );
+
+    const handleChange = useCallback(
+      (date: Date) => {
+        onChange?.(date);
+      },
+      [onChange],
+    );
+
+    const validValue =
+      value instanceof Date && !isNaN(value.getTime()) ? value : undefined;
+
+    return (
+      <DatePicker
+        ref={datePickerRef}
+        dataHook={dataHook}
+        size="small"
+        width="100%"
+        value={validValue}
+        onChange={handleChange}
+        clearButton={!!onClear && !!validValue}
+        onClear={onClear}
+        placeholderText={placeholder}
+        popoverProps={popoverProps ?? { appendTo: 'window', moveBy: { y: 4 } }}
+        inputProps={{
+          border: 'none',
+          ...(hidePrefix ? { prefix: <span /> } : {}),
+          ...(ariaLabel ? { ariaLabel } : {}),
+          inputRef: (el: HTMLInputElement | null) => {
+            if (inputRef) {
+              inputRef.current = el ?? undefined;
+            }
+          },
+        }}
+      />
+    );
+  },
+);
+
+CellDateInput.displayName = 'CellDateInput';

package/src/components/date-input/date-picker-internals.ts

@@ -0,0 +1,30 @@
+import type { DatePicker } from '@wix/design-system';
+
+/**
+ * WDS `DatePicker` exposes two operations we need that aren't part of its
+ * public type surface:
+ *
+ *   - `state.inputRef` — the underlying `HTMLInputElement` (used to focus
+ *     the input and to programmatically seed it for type-to-edit).
+ *   - `_closeCalendar()` — WDS declares `closeCalendar` in its types but
+ *     only the underscored form exists at runtime.
+ *
+ * Both reaches live behind this helper so the cast happens in exactly one
+ * place. If WDS adds a public surface for these, swap the implementation
+ * here and every consumer picks it up automatically.
+ */
+type DatePickerWithInternals = DatePicker & {
+  state?: { inputRef?: HTMLInputElement };
+  _closeCalendar?: () => void;
+};
+
+export const getDatePickerInputElement = (
+  picker: DatePicker | null | undefined,
+): HTMLInputElement | undefined =>
+  (picker as DatePickerWithInternals | null | undefined)?.state?.inputRef;
+
+export const closeDatePickerCalendar = (
+  picker: DatePicker | null | undefined,
+): void => {
+  (picker as DatePickerWithInternals | null | undefined)?._closeCalendar?.();
+};

package/src/components/date-input/index.ts

@@ -1 +1,3 @@
 export * from './form-date-input';
+export * from './cell-date-input';
+export * from './date-picker-internals';

package/src/components/delete-dialog/delete-dialog.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "deletedialog908586734";
+var _namespace_ = "deletedialog2952496242";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"deletedialog908586734__root","layout":"deletedialog908586734__layout"};
+export var classes = {"root":"deletedialog2952496242__root","layout":"deletedialog2952496242__layout"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/document/form-document-field.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "formdocumentfield3681439606";
+var _namespace_ = "formdocumentfield3915235395";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"formdocumentfield3681439606__root","viewWrapper":"formdocumentfield3681439606__viewWrapper","textWidth":"formdocumentfield3681439606__textWidth","documentLoader":"formdocumentfield3681439606__documentLoader","addDocument":"formdocumentfield3681439606__addDocument","addItemWrapper":"formdocumentfield3681439606__addItemWrapper"};
+export var classes = {"root":"formdocumentfield3915235395__root","viewWrapper":"formdocumentfield3915235395__viewWrapper","textWidth":"formdocumentfield3915235395__textWidth","documentLoader":"formdocumentfield3915235395__documentLoader","addDocument":"formdocumentfield3915235395__addDocument","addItemWrapper":"formdocumentfield3915235395__addItemWrapper"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/exclamation/exclamation.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "exclamation2363706594";
+var _namespace_ = "exclamation2379678414";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"exclamation2363706594__root","exclamation":"exclamation2363706594__exclamation","actions":"exclamation2363706594__actions","action":"exclamation2363706594__action"};
+export var classes = {"root":"exclamation2379678414__root","exclamation":"exclamation2379678414__exclamation","actions":"exclamation2379678414__actions","action":"exclamation2379678414__action"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/highlighted-text/highlighted-text.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "highlightedtext3971272452";
+var _namespace_ = "highlightedtext4075710218";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,8 +13,8 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"highlightedtext3971272452__root","substring":"highlightedtext3971272452__substring"};
-export var keyframes = {"highlighted":"highlightedtext3971272452__highlighted","highlighted-match":"highlightedtext3971272452__highlighted-match"}; 
+export var classes = {"root":"highlightedtext4075710218__root","substring":"highlightedtext4075710218__substring"};
+export var keyframes = {"highlighted":"highlightedtext4075710218__highlighted","highlighted-match":"highlightedtext4075710218__highlighted-match"}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {}; 

package/src/components/image/thumbnail-replace-overlay.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "thumbnailreplaceoverlay2487678945";
+var _namespace_ = "thumbnailreplaceoverlay2372544504";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"thumbnailreplaceoverlay2487678945__root","icon":"thumbnailreplaceoverlay2487678945__icon"};
+export var classes = {"root":"thumbnailreplaceoverlay2372544504__root","icon":"thumbnailreplaceoverlay2372544504__icon"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/media-control/cell-media-edit-shell.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "cellmediaeditshell3505962653";
+var _namespace_ = "cellmediaeditshell1777853969";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"cellmediaeditshell3505962653__root"};
+export var classes = {"root":"cellmediaeditshell1777853969__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/media-control/paste-url-button.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "pasteurlbutton1818112565";
+var _namespace_ = "pasteurlbutton2072625136";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"pasteurlbutton1818112565__root","iconButtonTooltip":"pasteurlbutton1818112565__iconButtonTooltip","iconButton":"pasteurlbutton1818112565__iconButton"};
+export var classes = {"root":"pasteurlbutton2072625136__root","iconButtonTooltip":"pasteurlbutton2072625136__iconButtonTooltip","iconButton":"pasteurlbutton2072625136__iconButton"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/media-gallery/form-media-gallery-field.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "formmediagalleryfield2963289117";
+var _namespace_ = "formmediagalleryfield974616904";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"formmediagalleryfield2963289117__root","container":"formmediagalleryfield2963289117__container","viewBox":"formmediagalleryfield2963289117__viewBox","addItemWrapper":"formmediagalleryfield2963289117__addItemWrapper","addItem":"formmediagalleryfield2963289117__addItem","overlay":"formmediagalleryfield2963289117__overlay","image":"formmediagalleryfield2963289117__image","previewImage":"formmediagalleryfield2963289117__previewImage","previewVideo":"formmediagalleryfield2963289117__previewVideo"};
+export var classes = {"root":"formmediagalleryfield974616904__root","container":"formmediagalleryfield974616904__container","viewBox":"formmediagalleryfield974616904__viewBox","addItemWrapper":"formmediagalleryfield974616904__addItemWrapper","addItem":"formmediagalleryfield974616904__addItem","overlay":"formmediagalleryfield974616904__overlay","image":"formmediagalleryfield974616904__image","previewImage":"formmediagalleryfield974616904__previewImage","previewVideo":"formmediagalleryfield974616904__previewVideo"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/media-image/media-image.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "mediaimage805645738";
+var _namespace_ = "mediaimage3610275583";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,12 +13,12 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"mediaimage805645738__root"};
+export var classes = {"root":"mediaimage3610275583__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {}; 
-export var vars = {"wds-color-red-200":"--wds-color-red-200","wsr-color-R20":"--wsr-color-R20","wds-color-black-550":"--wds-color-black-550","wsr-color-D55":"--wsr-color-D55","from":"--mediaimage805645738-from","to":"--mediaimage805645738-to"}; 
+export var vars = {"wds-color-red-200":"--wds-color-red-200","wsr-color-R20":"--wsr-color-R20","wds-color-black-550":"--wds-color-black-550","wsr-color-D55":"--wsr-color-D55","from":"--mediaimage3610275583-from","to":"--mediaimage3610275583-to"}; 
 
 
 

package/src/components/media-image/overlays/overlay.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js"
 
 
 
-var _namespace_ = "overlay4045146886";
+var _namespace_ = "overlay1530441702";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"overlay4045146886__root","iconOverlay":"overlay4045146886__iconOverlay"};
+export var classes = {"root":"overlay1530441702__root","iconOverlay":"overlay1530441702__iconOverlay"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/media-loader/media-loader.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "medialoader2381278212";
+var _namespace_ = "medialoader3814445977";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"medialoader2381278212__root","loader":"medialoader2381278212__loader"};
+export var classes = {"root":"medialoader3814445977__root","loader":"medialoader3814445977__loader"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/media-tag/web-media-tag/media-tag.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js"
 
 
 
-var _namespace_ = "mediatag1080651885";
+var _namespace_ = "mediatag3178403637";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"mediatag1080651885__root"};
+export var classes = {"root":"mediatag3178403637__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/multi-document/multi-document-input/form-multi-document.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js"
 
 
 
-var _namespace_ = "formmultidocument239392594";
+var _namespace_ = "formmultidocument1507203159";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"formmultidocument239392594__root","viewRoot":"formmultidocument239392594__viewRoot","singleViewWrapper":"formmultidocument239392594__singleViewWrapper","addDocumentButton":"formmultidocument239392594__addDocumentButton"};
+export var classes = {"root":"formmultidocument1507203159__root","viewRoot":"formmultidocument1507203159__viewRoot","singleViewWrapper":"formmultidocument1507203159__singleViewWrapper","addDocumentButton":"formmultidocument1507203159__addDocumentButton"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/reference/cell-reference-input.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "cellreferenceinput3112868832";
+var _namespace_ = "cellreferenceinput1827087999";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"cellreferenceinput3112868832__root","autocomplete":"cellreferenceinput3112868832__autocomplete"};
+export var classes = {"root":"cellreferenceinput1827087999__root","autocomplete":"cellreferenceinput1827087999__autocomplete"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};