@wix/patterns-fields 1.95.0 → 1.97.0

package/dist/cjs/components/audio/audio-field/form-audio-field.js

@@ -7,9 +7,9 @@ var _autoFieldTypes = require("../../../auto-field-types");
 var _designSystem = require("@wix/design-system");
 var _hooks = require("../../../hooks");
 var _utils = require("../../../utils");
+var _mediaConstants = require("../../../utils/media-constants");
 var _common = require("../../common");
 var _mediaControl = require("../../media-control");
-var _mediaLoader = require("../../media-loader");
 var _actionsButton = require("../actions/actions-button");
 var _audioActions = require("../actions/audio-actions");
 var _formAudioFieldStCss = require("./form-audio-field.st.css.js");
@@ -87,47 +87,54 @@ const FormAudioField = ({
     flip: true,
     zIndex: _common.Z_INDEX_MODAL_POPOVER
   }), [t, readOnly, handleReplace, handleDownload, handleDelete]);
-  if (loading) {
-    return /*#__PURE__*/_react.default.createElement(_mediaLoader.MediaLoader, {
-      borderStyle: "dashed",
-      className: _formAudioFieldStCss.classes.addItem,
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 101,
-        columnNumber: 12
-      }
-    });
-  }
-  if (!data) {
-    return /*#__PURE__*/_react.default.createElement(_designSystem.AddItem, {
-      ref: setInputRef,
-      dataHook: dataHook,
-      className: (0, _formAudioFieldStCss.style)(_formAudioFieldStCss.classes.addItem, {
-        disabled: !!readOnly,
-        error: invalid
-      }),
-      theme: "dashes",
-      onClick: callMedia,
-      disabled: readOnly,
-      children: t('CMS.audio.button.add'),
+
+  // The picker takes over the field while it is open, value or not.
+  const showAddItem = loading || !data;
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    width: "100%",
+    maxWidth: _mediaConstants.MEDIA_MAX_WIDTH,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 104,
+      columnNumber: 5
+    }
+  }, showAddItem ? /*#__PURE__*/_react.default.createElement(_designSystem.AddItem, {
+    ref: setInputRef,
+    dataHook: dataHook,
+    className: (0, _formAudioFieldStCss.style)(_formAudioFieldStCss.classes.addItem, {
+      disabled: !!readOnly,
+      error: invalid
+    }),
+    theme: "dashes",
+    onClick: callMedia,
+    disabled: readOnly || loading,
+    showIcon: !loading,
+    children: loading ? /*#__PURE__*/_react.default.createElement(_designSystem.Loader, {
+      dataHook: "fromAudioInput.loader",
+      size: "tiny",
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 106,
-        columnNumber: 7
+        lineNumber: 119,
+        columnNumber: 15
       }
-    });
-  }
-  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    }) : t('CMS.audio.button.add'),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 106,
+      columnNumber: 9
+    }
+  }) : /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     dataHook: dataHook,
     direction: "vertical",
     gap: "S1",
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 122,
-      columnNumber: 5
+      lineNumber: 126,
+      columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
     ref: viewRef,
@@ -135,8 +142,8 @@ const FormAudioField = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 123,
-      columnNumber: 7
+      lineNumber: 127,
+      columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     direction: "vertical",
@@ -147,8 +154,8 @@ const FormAudioField = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 124,
-      columnNumber: 9
+      lineNumber: 128,
+      columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
     dataHook: "fromAudioInput.audioName",
@@ -156,8 +163,8 @@ const FormAudioField = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 131,
-      columnNumber: 11
+      lineNumber: 135,
+      columnNumber: 15
     }
   }, (0, _utils.getMediaTitle)(data)), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     direction: "horizontal",
@@ -166,8 +173,8 @@ const FormAudioField = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 137,
-      columnNumber: 11
+      lineNumber: 141,
+      columnNumber: 15
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.AudioPlayer, {
     dataHook: "fromAudioInput.player",
@@ -177,8 +184,8 @@ const FormAudioField = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 138,
-      columnNumber: 13
+      lineNumber: 142,
+      columnNumber: 17
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     marginLeft: "SP3",
@@ -186,8 +193,8 @@ const FormAudioField = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 144,
-      columnNumber: 13
+      lineNumber: 148,
+      columnNumber: 17
     }
   }, /*#__PURE__*/_react.default.createElement(_actionsButton.ActionsButton, {
     dataHook: "fromAudioInput.button.more",
@@ -197,10 +204,10 @@ const FormAudioField = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 145,
-      columnNumber: 15
+      lineNumber: 149,
+      columnNumber: 19
     }
-  }))))));
+  })))))));
 };
 exports.FormAudioField = FormAudioField;
 const ControlledAudioInput = ({
@@ -225,7 +232,7 @@ const ControlledAudioInput = ({
   __self: void 0,
   __source: {
     fileName: _jsxFileName,
-    lineNumber: 172,
+    lineNumber: 178,
     columnNumber: 3
   }
 });

package/dist/cjs/components/audio/audio-field/form-audio-field.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_autoFieldTypes","_designSystem","_hooks","_utils","_common","_mediaControl","_mediaLoader","_actionsButton","_audioActions","_formAudioFieldStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FormAudioField","data","onChange","onChangeAudio","onClear","onClearAudio","onInput","onBlur","autoFocus","readOnly","invalid","dataHook","inputRef","forwardedRef","useTranslations","useWithCallback","setInputRef","useMergedRef","viewRef","useRef","callMedia","onMediaLoad","downloadMedia","loading","useMediaControl","mediaType","MEDIA_TYPES","AUDIO","value","handleReplace","handleDownload","handleDelete","useMediaHandlers","next","actionsMenuProps","useMemo","actions","buildAudioActions","labels","replace","download","delete","dataHooks","onReplace","onDownload","onDelete","appendTo","flip","zIndex","Z_INDEX_MODAL_POPOVER","createElement","MediaLoader","borderStyle","className","classes","addItem","__self","__source","fileName","lineNumber","columnNumber","AddItem","ref","style","disabled","error","theme","onClick","children","Box","direction","gap","tabIndex","verticalAlign","backgroundColor","padding","borderRadius","Text","mediaTitle","getMediaTitle","marginTop","marginBottom","AudioPlayer","src","getMediaURL","onLoad","onLoadError","marginLeft","ActionsButton","priority","skin","exports","ControlledAudioInput","undefined","displayName"],"sources":["../../../../../src/components/audio/audio-field/form-audio-field.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React, { useRef, useMemo } from 'react';\n\nimport { getMediaURL } from '../../../auto-field-types';\nimport type { AddItemActions } from '@wix/design-system';\nimport { AddItem, AudioPlayer, Box, Text } from '@wix/design-system';\n\nimport { useMergedRef, useTranslations, useWithCallback } from '../../../hooks';\nimport { getMediaTitle, MEDIA_TYPES } from '../../../utils';\n\nimport { Z_INDEX_MODAL_POPOVER } from '../../common';\nimport type { ControlledInputProps } from '../../../types/controlled-input';\nimport type { FormMediaControlProps } from '../../media-control';\nimport { useMediaControl, useMediaHandlers } from '../../media-control';\nimport { MediaLoader } from '../../media-loader';\nimport { ActionsButton } from '../actions/actions-button';\nimport { buildAudioActions } from '../actions/audio-actions';\n\nimport { style, classes } from './form-audio-field.st.css.js';\n\nexport interface FormAudioFieldProps extends FormMediaControlProps {\n  /**\n   * Fires when the media manager closes, whether or not a file was picked.\n   * A media field has no text control to blur, so the picker closing is its\n   * blur signal.\n   */\n  onBlur?: () => void;\n}\n\nexport const FormAudioField: FC<FormAudioFieldProps> = ({\n  data,\n  onChange: onChangeAudio,\n  onClear: onClearAudio,\n  onInput,\n  onBlur,\n  autoFocus,\n  readOnly,\n  invalid,\n  dataHook,\n  inputRef: forwardedRef,\n}) => {\n  const { t } = useTranslations();\n\n  const onChange = useWithCallback(onChangeAudio, onInput);\n  const onClear = useWithCallback(onClearAudio, onInput);\n\n  const [inputRef, setInputRef] = useMergedRef<AddItemActions>(forwardedRef);\n  const viewRef = useRef<HTMLDivElement>(null);\n\n  const { callMedia, onMediaLoad, downloadMedia, loading } = useMediaControl({\n    mediaType: MEDIA_TYPES.AUDIO,\n    value: data,\n    onChange,\n    autoFocus,\n    readOnly,\n    inputRef,\n    viewRef,\n    onBlur,\n  });\n\n  const { handleReplace, handleDownload, handleDelete } = useMediaHandlers({\n    value: data ?? null,\n    callMedia,\n    downloadMedia,\n    onChange: (next) => {\n      if (next === null) {\n        onClear();\n      } else {\n        onChange(next);\n      }\n    },\n  });\n\n  const actionsMenuProps = useMemo(\n    () => ({\n      dataHook: 'fromAudioInput.moreActionsMenu',\n      actions: buildAudioActions({\n        labels: {\n          replace: t('CMS.audio.button.replace'),\n          download: t('CMS.audio.button.download'),\n          delete: t('CMS.audio.button.delete'),\n        },\n        dataHooks: {\n          replace: 'fromAudioInput.button.replace',\n          download: 'fromAudioInput.button.download',\n          delete: 'fromAudioInput.button.delete',\n        },\n        onReplace: handleReplace,\n        onDownload: handleDownload,\n        onDelete: handleDelete,\n        readOnly,\n      }),\n      appendTo: 'window' as const,\n      flip: true,\n      zIndex: Z_INDEX_MODAL_POPOVER,\n    }),\n    [t, readOnly, handleReplace, handleDownload, handleDelete],\n  );\n\n  if (loading) {\n    return <MediaLoader borderStyle=\"dashed\" className={classes.addItem} />;\n  }\n\n  if (!data) {\n    return (\n      <AddItem\n        ref={setInputRef}\n        dataHook={dataHook}\n        className={style(classes.addItem, {\n          disabled: !!readOnly,\n          error: invalid,\n        })}\n        theme=\"dashes\"\n        onClick={callMedia}\n        disabled={readOnly}\n        children={t('CMS.audio.button.add')}\n      />\n    );\n  }\n\n  return (\n    <Box dataHook={dataHook} direction=\"vertical\" gap=\"S1\">\n      <div ref={viewRef} tabIndex={0}>\n        <Box\n          direction=\"vertical\"\n          verticalAlign=\"middle\"\n          backgroundColor=\"D70\"\n          padding=\"SP5\"\n          borderRadius={12}\n        >\n          <Text\n            dataHook=\"fromAudioInput.audioName\"\n            className={classes.mediaTitle}\n          >\n            {getMediaTitle(data)}\n          </Text>\n          <Box direction=\"horizontal\" marginTop=\"9px\" marginBottom=\"-3px\">\n            <AudioPlayer\n              dataHook=\"fromAudioInput.player\"\n              src={getMediaURL(data)}\n              onLoad={onMediaLoad}\n              onLoadError={onMediaLoad}\n            />\n            <Box marginLeft=\"SP3\" gap=\"SP1\">\n              <ActionsButton\n                dataHook=\"fromAudioInput.button.more\"\n                actionsMenuProps={actionsMenuProps}\n                priority=\"secondary\"\n                skin=\"inverted\"\n              />\n            </Box>\n          </Box>\n        </Box>\n      </div>\n    </Box>\n  );\n};\n\nexport type ControlledAudioInputProps = ControlledInputProps<\n  string | undefined\n>;\n\nexport const ControlledAudioInput: FC<ControlledAudioInputProps> = ({\n  data,\n  onChange,\n  onBlur,\n  readOnly,\n  autoFocus,\n  invalid,\n  dataHook,\n}) => (\n  <FormAudioField\n    data={data}\n    onChange={onChange}\n    // FormAudioField reports deletion through onClear, not onChange.\n    onClear={() => onChange(undefined)}\n    onBlur={onBlur}\n    readOnly={readOnly}\n    autoFocus={autoFocus}\n    invalid={invalid}\n    dataHook={dataHook}\n  />\n);\n\nControlledAudioInput.displayName = 'ControlledAudioInput';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_autoFieldTypes","_designSystem","_hooks","_utils","_mediaConstants","_common","_mediaControl","_actionsButton","_audioActions","_formAudioFieldStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FormAudioField","data","onChange","onChangeAudio","onClear","onClearAudio","onInput","onBlur","autoFocus","readOnly","invalid","dataHook","inputRef","forwardedRef","useTranslations","useWithCallback","setInputRef","useMergedRef","viewRef","useRef","callMedia","onMediaLoad","downloadMedia","loading","useMediaControl","mediaType","MEDIA_TYPES","AUDIO","value","handleReplace","handleDownload","handleDelete","useMediaHandlers","next","actionsMenuProps","useMemo","actions","buildAudioActions","labels","replace","download","delete","dataHooks","onReplace","onDownload","onDelete","appendTo","flip","zIndex","Z_INDEX_MODAL_POPOVER","showAddItem","createElement","Box","width","maxWidth","MEDIA_MAX_WIDTH","__self","__source","fileName","lineNumber","columnNumber","AddItem","ref","className","style","classes","addItem","disabled","error","theme","onClick","showIcon","children","Loader","size","direction","gap","tabIndex","verticalAlign","backgroundColor","padding","borderRadius","Text","mediaTitle","getMediaTitle","marginTop","marginBottom","AudioPlayer","src","getMediaURL","onLoad","onLoadError","marginLeft","ActionsButton","priority","skin","exports","ControlledAudioInput","undefined","displayName"],"sources":["../../../../../src/components/audio/audio-field/form-audio-field.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React, { useRef, useMemo } from 'react';\n\nimport { getMediaURL } from '../../../auto-field-types';\nimport type { AddItemActions } from '@wix/design-system';\nimport { AddItem, AudioPlayer, Box, Loader, Text } from '@wix/design-system';\n\nimport { useMergedRef, useTranslations, useWithCallback } from '../../../hooks';\nimport { getMediaTitle, MEDIA_TYPES } from '../../../utils';\nimport { MEDIA_MAX_WIDTH } from '../../../utils/media-constants';\n\nimport { Z_INDEX_MODAL_POPOVER } from '../../common';\nimport type { ControlledInputProps } from '../../../types/controlled-input';\nimport type { FormMediaControlProps } from '../../media-control';\nimport { useMediaControl, useMediaHandlers } from '../../media-control';\nimport { ActionsButton } from '../actions/actions-button';\nimport { buildAudioActions } from '../actions/audio-actions';\n\nimport { style, classes } from './form-audio-field.st.css.js';\n\nexport interface FormAudioFieldProps extends FormMediaControlProps {\n  /**\n   * Fires when the media manager closes, whether or not a file was picked.\n   * A media field has no text control to blur, so the picker closing is its\n   * blur signal.\n   */\n  onBlur?: () => void;\n}\n\nexport const FormAudioField: FC<FormAudioFieldProps> = ({\n  data,\n  onChange: onChangeAudio,\n  onClear: onClearAudio,\n  onInput,\n  onBlur,\n  autoFocus,\n  readOnly,\n  invalid,\n  dataHook,\n  inputRef: forwardedRef,\n}) => {\n  const { t } = useTranslations();\n\n  const onChange = useWithCallback(onChangeAudio, onInput);\n  const onClear = useWithCallback(onClearAudio, onInput);\n\n  const [inputRef, setInputRef] = useMergedRef<AddItemActions>(forwardedRef);\n  const viewRef = useRef<HTMLDivElement>(null);\n\n  const { callMedia, onMediaLoad, downloadMedia, loading } = useMediaControl({\n    mediaType: MEDIA_TYPES.AUDIO,\n    value: data,\n    onChange,\n    autoFocus,\n    readOnly,\n    inputRef,\n    viewRef,\n    onBlur,\n  });\n\n  const { handleReplace, handleDownload, handleDelete } = useMediaHandlers({\n    value: data ?? null,\n    callMedia,\n    downloadMedia,\n    onChange: (next) => {\n      if (next === null) {\n        onClear();\n      } else {\n        onChange(next);\n      }\n    },\n  });\n\n  const actionsMenuProps = useMemo(\n    () => ({\n      dataHook: 'fromAudioInput.moreActionsMenu',\n      actions: buildAudioActions({\n        labels: {\n          replace: t('CMS.audio.button.replace'),\n          download: t('CMS.audio.button.download'),\n          delete: t('CMS.audio.button.delete'),\n        },\n        dataHooks: {\n          replace: 'fromAudioInput.button.replace',\n          download: 'fromAudioInput.button.download',\n          delete: 'fromAudioInput.button.delete',\n        },\n        onReplace: handleReplace,\n        onDownload: handleDownload,\n        onDelete: handleDelete,\n        readOnly,\n      }),\n      appendTo: 'window' as const,\n      flip: true,\n      zIndex: Z_INDEX_MODAL_POPOVER,\n    }),\n    [t, readOnly, handleReplace, handleDownload, handleDelete],\n  );\n\n  // The picker takes over the field while it is open, value or not.\n  const showAddItem = loading || !data;\n\n  return (\n    <Box width=\"100%\" maxWidth={MEDIA_MAX_WIDTH}>\n      {showAddItem ? (\n        <AddItem\n          ref={setInputRef}\n          dataHook={dataHook}\n          className={style(classes.addItem, {\n            disabled: !!readOnly,\n            error: invalid,\n          })}\n          theme=\"dashes\"\n          onClick={callMedia}\n          disabled={readOnly || loading}\n          showIcon={!loading}\n          children={\n            loading ? (\n              <Loader dataHook=\"fromAudioInput.loader\" size=\"tiny\" />\n            ) : (\n              t('CMS.audio.button.add')\n            )\n          }\n        />\n      ) : (\n        <Box dataHook={dataHook} direction=\"vertical\" gap=\"S1\">\n          <div ref={viewRef} tabIndex={0}>\n            <Box\n              direction=\"vertical\"\n              verticalAlign=\"middle\"\n              backgroundColor=\"D70\"\n              padding=\"SP5\"\n              borderRadius={12}\n            >\n              <Text\n                dataHook=\"fromAudioInput.audioName\"\n                className={classes.mediaTitle}\n              >\n                {getMediaTitle(data)}\n              </Text>\n              <Box direction=\"horizontal\" marginTop=\"9px\" marginBottom=\"-3px\">\n                <AudioPlayer\n                  dataHook=\"fromAudioInput.player\"\n                  src={getMediaURL(data)}\n                  onLoad={onMediaLoad}\n                  onLoadError={onMediaLoad}\n                />\n                <Box marginLeft=\"SP3\" gap=\"SP1\">\n                  <ActionsButton\n                    dataHook=\"fromAudioInput.button.more\"\n                    actionsMenuProps={actionsMenuProps}\n                    priority=\"secondary\"\n                    skin=\"inverted\"\n                  />\n                </Box>\n              </Box>\n            </Box>\n          </div>\n        </Box>\n      )}\n    </Box>\n  );\n};\n\nexport type ControlledAudioInputProps = ControlledInputProps<\n  string | undefined\n>;\n\nexport const ControlledAudioInput: FC<ControlledAudioInputProps> = ({\n  data,\n  onChange,\n  onBlur,\n  readOnly,\n  autoFocus,\n  invalid,\n  dataHook,\n}) => (\n  <FormAudioField\n    data={data}\n    onChange={onChange}\n    // FormAudioField reports deletion through onClear, not onChange.\n    onClear={() => onChange(undefined)}\n    onBlur={onBlur}\n    readOnly={readOnly}\n    autoFocus={autoFocus}\n    invalid={invalid}\n    dataHook={dataHook}\n  />\n);\n\nControlledAudioInput.displayName = 'ControlledAudioInput';\n"],"mappings":";;;;AACA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AAEA,IAAAE,aAAA,GAAAF,OAAA;AAEA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,eAAA,GAAAL,OAAA;AAEA,IAAAM,OAAA,GAAAN,OAAA;AAGA,IAAAO,aAAA,GAAAP,OAAA;AACA,IAAAQ,cAAA,GAAAR,OAAA;AACA,IAAAS,aAAA,GAAAT,OAAA;AAEA,IAAAU,oBAAA,GAAAV,OAAA;AAA8D,IAAAW,YAAA;AAAA,SAAAZ,wBAAAa,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAf,uBAAA,YAAAA,CAAAa,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAWvD,MAAMkB,cAAuC,GAAGA,CAAC;EACtDC,IAAI;EACJC,QAAQ,EAAEC,aAAa;EACvBC,OAAO,EAAEC,YAAY;EACrBC,OAAO;EACPC,MAAM;EACNC,SAAS;EACTC,QAAQ;EACRC,OAAO;EACPC,QAAQ;EACRC,QAAQ,EAAEC;AACZ,CAAC,KAAK;EACJ,MAAM;IAAE/B;EAAE,CAAC,GAAG,IAAAgC,sBAAe,EAAC,CAAC;EAE/B,MAAMZ,QAAQ,GAAG,IAAAa,sBAAe,EAACZ,aAAa,EAAEG,OAAO,CAAC;EACxD,MAAMF,OAAO,GAAG,IAAAW,sBAAe,EAACV,YAAY,EAAEC,OAAO,CAAC;EAEtD,MAAM,CAACM,QAAQ,EAAEI,WAAW,CAAC,GAAG,IAAAC,mBAAY,EAAiBJ,YAAY,CAAC;EAC1E,MAAMK,OAAO,GAAG,IAAAC,aAAM,EAAiB,IAAI,CAAC;EAE5C,MAAM;IAAEC,SAAS;IAAEC,WAAW;IAAEC,aAAa;IAAEC;EAAQ,CAAC,GAAG,IAAAC,6BAAe,EAAC;IACzEC,SAAS,EAAEC,kBAAW,CAACC,KAAK;IAC5BC,KAAK,EAAE3B,IAAI;IACXC,QAAQ;IACRM,SAAS;IACTC,QAAQ;IACRG,QAAQ;IACRM,OAAO;IACPX;EACF,CAAC,CAAC;EAEF,MAAM;IAAEsB,aAAa;IAAEC,cAAc;IAAEC;EAAa,CAAC,GAAG,IAAAC,8BAAgB,EAAC;IACvEJ,KAAK,EAAE3B,IAAI,IAAI,IAAI;IACnBmB,SAAS;IACTE,aAAa;IACbpB,QAAQ,EAAG+B,IAAI,IAAK;MAClB,IAAIA,IAAI,KAAK,IAAI,EAAE;QACjB7B,OAAO,CAAC,CAAC;MACX,CAAC,MAAM;QACLF,QAAQ,CAAC+B,IAAI,CAAC;MAChB;IACF;EACF,CAAC,CAAC;EAEF,MAAMC,gBAAgB,GAAG,IAAAC,cAAO,EAC9B,OAAO;IACLxB,QAAQ,EAAE,gCAAgC;IAC1CyB,OAAO,EAAE,IAAAC,+BAAiB,EAAC;MACzBC,MAAM,EAAE;QACNC,OAAO,EAAEzD,CAAC,CAAC,0BAA0B,CAAC;QACtC0D,QAAQ,EAAE1D,CAAC,CAAC,2BAA2B,CAAC;QACxC2D,MAAM,EAAE3D,CAAC,CAAC,yBAAyB;MACrC,CAAC;MACD4D,SAAS,EAAE;QACTH,OAAO,EAAE,+BAA+B;QACxCC,QAAQ,EAAE,gCAAgC;QAC1CC,MAAM,EAAE;MACV,CAAC;MACDE,SAAS,EAAEd,aAAa;MACxBe,UAAU,EAAEd,cAAc;MAC1Be,QAAQ,EAAEd,YAAY;MACtBtB;IACF,CAAC,CAAC;IACFqC,QAAQ,EAAE,QAAiB;IAC3BC,IAAI,EAAE,IAAI;IACVC,MAAM,EAAEC;EACV,CAAC,CAAC,EACF,CAACnE,CAAC,EAAE2B,QAAQ,EAAEoB,aAAa,EAAEC,cAAc,EAAEC,YAAY,CAC3D,CAAC;;EAED;EACA,MAAMmB,WAAW,GAAG3B,OAAO,IAAI,CAACtB,IAAI;EAEpC,oBACElC,MAAA,CAAAwB,OAAA,CAAA4D,aAAA,CAAChF,aAAA,CAAAiF,GAAG;IAACC,KAAK,EAAC,MAAM;IAACC,QAAQ,EAAEC,+BAAgB;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9E,YAAA;MAAA+E,UAAA;MAAAC,YAAA;IAAA;EAAA,GACzCV,WAAW,gBACVnF,MAAA,CAAAwB,OAAA,CAAA4D,aAAA,CAAChF,aAAA,CAAA0F,OAAO;IACNC,GAAG,EAAE9C,WAAY;IACjBL,QAAQ,EAAEA,QAAS;IACnBoD,SAAS,EAAE,IAAAC,0BAAK,EAACC,4BAAO,CAACC,OAAO,EAAE;MAChCC,QAAQ,EAAE,CAAC,CAAC1D,QAAQ;MACpB2D,KAAK,EAAE1D;IACT,CAAC,CAAE;IACH2D,KAAK,EAAC,QAAQ;IACdC,OAAO,EAAElD,SAAU;IACnB+C,QAAQ,EAAE1D,QAAQ,IAAIc,OAAQ;IAC9BgD,QAAQ,EAAE,CAAChD,OAAQ;IACnBiD,QAAQ,EACNjD,OAAO,gBACLxD,MAAA,CAAAwB,OAAA,CAAA4D,aAAA,CAAChF,aAAA,CAAAsG,MAAM;MAAC9D,QAAQ,EAAC,uBAAuB;MAAC+D,IAAI,EAAC,MAAM;MAAAlB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA9E,YAAA;QAAA+E,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC,GAEvD9E,CAAC,CAAC,sBAAsB,CAE3B;IAAA0E,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9E,YAAA;MAAA+E,UAAA;MAAAC,YAAA;IAAA;EAAA,CACF,CAAC,gBAEF7F,MAAA,CAAAwB,OAAA,CAAA4D,aAAA,CAAChF,aAAA,CAAAiF,GAAG;IAACzC,QAAQ,EAAEA,QAAS;IAACgE,SAAS,EAAC,UAAU;IAACC,GAAG,EAAC,IAAI;IAAApB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9E,YAAA;MAAA+E,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACpD7F,MAAA,CAAAwB,OAAA,CAAA4D,aAAA;IAAKW,GAAG,EAAE5C,OAAQ;IAAC2D,QAAQ,EAAE,CAAE;IAAArB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9E,YAAA;MAAA+E,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC7B7F,MAAA,CAAAwB,OAAA,CAAA4D,aAAA,CAAChF,aAAA,CAAAiF,GAAG;IACFuB,SAAS,EAAC,UAAU;IACpBG,aAAa,EAAC,QAAQ;IACtBC,eAAe,EAAC,KAAK;IACrBC,OAAO,EAAC,KAAK;IACbC,YAAY,EAAE,EAAG;IAAAzB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9E,YAAA;MAAA+E,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEjB7F,MAAA,CAAAwB,OAAA,CAAA4D,aAAA,CAAChF,aAAA,CAAA+G,IAAI;IACHvE,QAAQ,EAAC,0BAA0B;IACnCoD,SAAS,EAAEE,4BAAO,CAACkB,UAAW;IAAA3B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9E,YAAA;MAAA+E,UAAA;MAAAC,YAAA;IAAA;EAAA,GAE7B,IAAAwB,oBAAa,EAACnF,IAAI,CACf,CAAC,eACPlC,MAAA,CAAAwB,OAAA,CAAA4D,aAAA,CAAChF,aAAA,CAAAiF,GAAG;IAACuB,SAAS,EAAC,YAAY;IAACU,SAAS,EAAC,KAAK;IAACC,YAAY,EAAC,MAAM;IAAA9B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9E,YAAA;MAAA+E,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC7D7F,MAAA,CAAAwB,OAAA,CAAA4D,aAAA,CAAChF,aAAA,CAAAoH,WAAW;IACV5E,QAAQ,EAAC,uBAAuB;IAChC6E,GAAG,EAAE,IAAAC,2BAAW,EAACxF,IAAI,CAAE;IACvByF,MAAM,EAAErE,WAAY;IACpBsE,WAAW,EAAEtE,WAAY;IAAAmC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9E,YAAA;MAAA+E,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC1B,CAAC,eACF7F,MAAA,CAAAwB,OAAA,CAAA4D,aAAA,CAAChF,aAAA,CAAAiF,GAAG;IAACwC,UAAU,EAAC,KAAK;IAAChB,GAAG,EAAC,KAAK;IAAApB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9E,YAAA;MAAA+E,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC7B7F,MAAA,CAAAwB,OAAA,CAAA4D,aAAA,CAAC1E,cAAA,CAAAoH,aAAa;IACZlF,QAAQ,EAAC,4BAA4B;IACrCuB,gBAAgB,EAAEA,gBAAiB;IACnC4D,QAAQ,EAAC,WAAW;IACpBC,IAAI,EAAC,UAAU;IAAAvC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9E,YAAA;MAAA+E,UAAA;MAAAC,YAAA;IAAA;EAAA,CAChB,CACE,CACF,CACF,CACF,CACF,CAEJ,CAAC;AAEV,CAAC;AAACoC,OAAA,CAAAhG,cAAA,GAAAA,cAAA;AAMK,MAAMiG,oBAAmD,GAAGA,CAAC;EAClEhG,IAAI;EACJC,QAAQ;EACRK,MAAM;EACNE,QAAQ;EACRD,SAAS;EACTE,OAAO;EACPC;AACF,CAAC,kBACC5C,MAAA,CAAAwB,OAAA,CAAA4D,aAAA,CAACnD,cAAc;EACbC,IAAI,EAAEA,IAAK;EACXC,QAAQ,EAAEA;EACV;EAAA;EACAE,OAAO,EAAEA,CAAA,KAAMF,QAAQ,CAACgG,SAAS,CAAE;EACnC3F,MAAM,EAAEA,MAAO;EACfE,QAAQ,EAAEA,QAAS;EACnBD,SAAS,EAAEA,SAAU;EACrBE,OAAO,EAAEA,OAAQ;EACjBC,QAAQ,EAAEA,QAAS;EAAA6C,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAA9E,YAAA;IAAA+E,UAAA;IAAAC,YAAA;EAAA;AAAA,CACpB,CACF;AAACoC,OAAA,CAAAC,oBAAA,GAAAA,oBAAA;AAEFA,oBAAoB,CAACE,WAAW,GAAG,sBAAsB","ignoreList":[]}

package/dist/cjs/components/audio/audio-field/form-audio-field.st.css.js

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "formaudiofield2679064113";
+var _namespace_ = "formaudiofield127042580";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "formaudiofield2679064113__root",
-  "addItem": "formaudiofield2679064113__addItem",
-  "mediaTitle": "formaudiofield2679064113__mediaTitle"
+  "root": "formaudiofield127042580__root",
+  "addItem": "formaudiofield127042580__addItem",
+  "mediaTitle": "formaudiofield127042580__mediaTitle"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/audio/audio-field/form-audio-field.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/components/audio/audio-field/form-audio-field.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"formaudiofield2679064113\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"formaudiofield2679064113__root\",\"addItem\":\"formaudiofield2679064113__addItem\",\"mediaTitle\":\"formaudiofield2679064113__mediaTitle\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-red-100\":\"--wds-color-red-100\",\"wds-color-blue-300\":\"--wds-color-blue-300\",\"wds-border-radius-400\":\"--wds-border-radius-400\",\"wds-input-shadow-focus-standard\":\"--wds-input-shadow-focus-standard\",\"wsr-color-R10\":\"--wsr-color-R10\",\"wsr-color-B30\":\"--wsr-color-B30\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,gCAAgC;EAAC,SAAS,EAAC,mCAAmC;EAAC,YAAY,EAAC;AAAsC,CAAC;AACzJ,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,mBAAmB,EAAC,qBAAqB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/components/audio/audio-field/form-audio-field.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"formaudiofield127042580\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"formaudiofield127042580__root\",\"addItem\":\"formaudiofield127042580__addItem\",\"mediaTitle\":\"formaudiofield127042580__mediaTitle\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-red-100\":\"--wds-color-red-100\",\"wds-color-blue-300\":\"--wds-color-blue-300\",\"wds-border-radius-400\":\"--wds-border-radius-400\",\"wds-input-shadow-focus-standard\":\"--wds-input-shadow-focus-standard\",\"wsr-color-R10\":\"--wsr-color-R10\",\"wsr-color-B30\":\"--wsr-color-B30\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,+BAA+B;EAAC,SAAS,EAAC,kCAAkC;EAAC,YAAY,EAAC;AAAqC,CAAC;AACtJ,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,mBAAmB,EAAC,qBAAqB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/audio/audio-player/audio-player.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "audioplayer1268238730";
+var _namespace_ = "audioplayer4181700391";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "audioplayer1268238730__root"
+  "root": "audioplayer4181700391__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/audio/audio-player/audio-player.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/components/audio/audio-player/audio-player.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"audioplayer1268238730\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"audioplayer1268238730__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uBAAuB;AACzC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA6B,CAAC;AACpD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/components/audio/audio-player/audio-player.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"audioplayer4181700391\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"audioplayer4181700391__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uBAAuB;AACzC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA6B,CAAC;AACpD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/color-view/cell-color-view.st.css.js

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "cellcolorview3095201269";
+var _namespace_ = "cellcolorview3515485750";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "cellcolorview3095201269__root",
-  "hashPrefix": "cellcolorview3095201269__hashPrefix"
+  "root": "cellcolorview3515485750__root",
+  "hashPrefix": "cellcolorview3515485750__hashPrefix"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/color-view/cell-color-view.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/color-view/cell-color-view.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"cellcolorview3095201269\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"cellcolorview3095201269__root\",\"hashPrefix\":\"cellcolorview3095201269__hashPrefix\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wsr-color-D40\":\"--wsr-color-D40\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,+BAA+B;EAAC,YAAY,EAAC;AAAqC,CAAC;AACzG,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/color-view/cell-color-view.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"cellcolorview3515485750\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"cellcolorview3515485750__root\",\"hashPrefix\":\"cellcolorview3515485750__hashPrefix\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wsr-color-D40\":\"--wsr-color-D40\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,+BAA+B;EAAC,YAAY,EAAC;AAAqC,CAAC;AACzG,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/color-view/color-view.st.css.js

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "colorview1449056233";
+var _namespace_ = "colorview4066931333";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "colorview1449056233__root",
-  "view": "colorview1449056233__view",
-  "fillPreview": "colorview1449056233__fillPreview"
+  "root": "colorview4066931333__root",
+  "view": "colorview4066931333__view",
+  "fillPreview": "colorview4066931333__fillPreview"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/color-view/color-view.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/color-view/color-view.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"colorview1449056233\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"colorview1449056233__root\",\"view\":\"colorview1449056233__view\",\"fillPreview\":\"colorview1449056233__fillPreview\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,qBAAqB;AACvC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,2BAA2B;EAAC,MAAM,EAAC,2BAA2B;EAAC,aAAa,EAAC;AAAkC,CAAC;AACtI,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/color-view/color-view.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"colorview4066931333\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"colorview4066931333__root\",\"view\":\"colorview4066931333__view\",\"fillPreview\":\"colorview4066931333__fillPreview\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,qBAAqB;AACvC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,2BAA2B;EAAC,MAAM,EAAC,2BAA2B;EAAC,aAAa,EAAC;AAAkC,CAAC;AACtI,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/delete-dialog/delete-dialog.st.css.js

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "deletedialog1632627202";
+var _namespace_ = "deletedialog353056554";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "deletedialog1632627202__root",
-  "layout": "deletedialog1632627202__layout"
+  "root": "deletedialog353056554__root",
+  "layout": "deletedialog353056554__layout"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/delete-dialog/delete-dialog.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/delete-dialog/delete-dialog.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"deletedialog1632627202\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"deletedialog1632627202__root\",\"layout\":\"deletedialog1632627202__layout\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,8BAA8B;EAAC,QAAQ,EAAC;AAAgC,CAAC;AAC/F,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/delete-dialog/delete-dialog.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"deletedialog353056554\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"deletedialog353056554__root\",\"layout\":\"deletedialog353056554__layout\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uBAAuB;AACzC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,6BAA6B;EAAC,QAAQ,EAAC;AAA+B,CAAC;AAC7F,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/document/form-document-field.st.css.js

@@ -5,19 +5,19 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "formdocumentfield4015660021";
+var _namespace_ = "formdocumentfield545063605";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "formdocumentfield4015660021__root",
-  "viewWrapper": "formdocumentfield4015660021__viewWrapper",
-  "textWidth": "formdocumentfield4015660021__textWidth",
-  "documentLoader": "formdocumentfield4015660021__documentLoader",
-  "addDocument": "formdocumentfield4015660021__addDocument",
-  "addItemWrapper": "formdocumentfield4015660021__addItemWrapper"
+  "root": "formdocumentfield545063605__root",
+  "viewWrapper": "formdocumentfield545063605__viewWrapper",
+  "textWidth": "formdocumentfield545063605__textWidth",
+  "documentLoader": "formdocumentfield545063605__documentLoader",
+  "addDocument": "formdocumentfield545063605__addDocument",
+  "addItemWrapper": "formdocumentfield545063605__addItemWrapper"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/document/form-document-field.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/document/form-document-field.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"formdocumentfield4015660021\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"formdocumentfield4015660021__root\",\"viewWrapper\":\"formdocumentfield4015660021__viewWrapper\",\"textWidth\":\"formdocumentfield4015660021__textWidth\",\"documentLoader\":\"formdocumentfield4015660021__documentLoader\",\"addDocument\":\"formdocumentfield4015660021__addDocument\",\"addItemWrapper\":\"formdocumentfield4015660021__addItemWrapper\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {\"BorderRadius\":\"2px\",\"documentViewBorderRadius\":\"var(--wds-border-radius-300, calc(2px * 3))\",\"documentActionsWidth\":\"196px\",\"addItemWSRBorderRadius\":\"var(--wds-border-radius-400, calc(2px * 4))\",\"documentLoaderPadding\":\"21px\",\"addDocumentPadding\":\"17px\"}; \nexport var vars = {\"wds-border-radius-400\":\"--wds-border-radius-400\",\"wds-border-radius-300\":\"--wds-border-radius-300\",\"wds-color-blue-300\":\"--wds-color-blue-300\",\"wds-color-blue-500\":\"--wds-color-blue-500\",\"wsr-color-B30\":\"--wsr-color-B30\",\"wsr-color-B50\":\"--wsr-color-B50\",\"wds-input-shadow-focus-standard\":\"--wds-input-shadow-focus-standard\",\"wsr-color-R10\":\"--wsr-color-R10\",\"wds-color-red-100\":\"--wds-color-red-100\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,6BAA6B;AAC/C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,mCAAmC;EAAC,aAAa,EAAC,0CAA0C;EAAC,WAAW,EAAC,wCAAwC;EAAC,gBAAgB,EAAC,6CAA6C;EAAC,aAAa,EAAC,0CAA0C;EAAC,gBAAgB,EAAC;AAA6C,CAAC;AAC/V,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG;EAAC,cAAc,EAAC,KAAK;EAAC,0BAA0B,EAAC,6CAA6C;EAAC,sBAAsB,EAAC,OAAO;EAAC,wBAAwB,EAAC,6CAA6C;EAAC,uBAAuB,EAAC,MAAM;EAAC,oBAAoB,EAAC;AAAM,CAAC;AAC7Q,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,eAAe,EAAC,iBAAiB;EAAC,mBAAmB,EAAC;AAAqB,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/document/form-document-field.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"formdocumentfield545063605\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"formdocumentfield545063605__root\",\"viewWrapper\":\"formdocumentfield545063605__viewWrapper\",\"textWidth\":\"formdocumentfield545063605__textWidth\",\"documentLoader\":\"formdocumentfield545063605__documentLoader\",\"addDocument\":\"formdocumentfield545063605__addDocument\",\"addItemWrapper\":\"formdocumentfield545063605__addItemWrapper\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {\"BorderRadius\":\"2px\",\"documentViewBorderRadius\":\"var(--wds-border-radius-300, calc(2px * 3))\",\"documentActionsWidth\":\"196px\",\"addItemWSRBorderRadius\":\"var(--wds-border-radius-400, calc(2px * 4))\",\"documentLoaderPadding\":\"21px\",\"addDocumentPadding\":\"17px\"}; \nexport var vars = {\"wds-border-radius-400\":\"--wds-border-radius-400\",\"wds-border-radius-300\":\"--wds-border-radius-300\",\"wds-color-blue-300\":\"--wds-color-blue-300\",\"wds-color-blue-500\":\"--wds-color-blue-500\",\"wsr-color-B30\":\"--wsr-color-B30\",\"wsr-color-B50\":\"--wsr-color-B50\",\"wds-input-shadow-focus-standard\":\"--wds-input-shadow-focus-standard\",\"wsr-color-R10\":\"--wsr-color-R10\",\"wds-color-red-100\":\"--wds-color-red-100\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,4BAA4B;AAC9C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,kCAAkC;EAAC,aAAa,EAAC,yCAAyC;EAAC,WAAW,EAAC,uCAAuC;EAAC,gBAAgB,EAAC,4CAA4C;EAAC,aAAa,EAAC,yCAAyC;EAAC,gBAAgB,EAAC;AAA4C,CAAC;AACzV,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG;EAAC,cAAc,EAAC,KAAK;EAAC,0BAA0B,EAAC,6CAA6C;EAAC,sBAAsB,EAAC,OAAO;EAAC,wBAAwB,EAAC,6CAA6C;EAAC,uBAAuB,EAAC,MAAM;EAAC,oBAAoB,EAAC;AAAM,CAAC;AAC7Q,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,eAAe,EAAC,iBAAiB;EAAC,mBAAmB,EAAC;AAAqB,CAAC","ignoreList":[]}

package/dist/cjs/components/exclamation/exclamation.st.css.js

@@ -5,17 +5,17 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "exclamation2530856917";
+var _namespace_ = "exclamation2413413524";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "exclamation2530856917__root",
-  "exclamation": "exclamation2530856917__exclamation",
-  "actions": "exclamation2530856917__actions",
-  "action": "exclamation2530856917__action"
+  "root": "exclamation2413413524__root",
+  "exclamation": "exclamation2413413524__exclamation",
+  "actions": "exclamation2413413524__actions",
+  "action": "exclamation2413413524__action"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/exclamation/exclamation.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/exclamation/exclamation.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"exclamation2530856917\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"exclamation2530856917__root\",\"exclamation\":\"exclamation2530856917__exclamation\",\"actions\":\"exclamation2530856917__actions\",\"action\":\"exclamation2530856917__action\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-fill-warning-primary\":\"--wds-color-fill-warning-primary\",\"wds-color-fill-destructive-primary\":\"--wds-color-fill-destructive-primary\",\"wds-color-blue-100\":\"--wds-color-blue-100\",\"wds-color-blue-200\":\"--wds-color-blue-200\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uBAAuB;AACzC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,6BAA6B;EAAC,aAAa,EAAC,oCAAoC;EAAC,SAAS,EAAC,gCAAgC;EAAC,QAAQ,EAAC;AAA+B,CAAC;AAC3L,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,gCAAgC,EAAC,kCAAkC;EAAC,oCAAoC,EAAC,sCAAsC;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,oBAAoB,EAAC;AAAsB,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/exclamation/exclamation.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"exclamation2413413524\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"exclamation2413413524__root\",\"exclamation\":\"exclamation2413413524__exclamation\",\"actions\":\"exclamation2413413524__actions\",\"action\":\"exclamation2413413524__action\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-fill-warning-primary\":\"--wds-color-fill-warning-primary\",\"wds-color-fill-destructive-primary\":\"--wds-color-fill-destructive-primary\",\"wds-color-blue-100\":\"--wds-color-blue-100\",\"wds-color-blue-200\":\"--wds-color-blue-200\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uBAAuB;AACzC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,6BAA6B;EAAC,aAAa,EAAC,oCAAoC;EAAC,SAAS,EAAC,gCAAgC;EAAC,QAAQ,EAAC;AAA+B,CAAC;AAC3L,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,gCAAgC,EAAC,kCAAkC;EAAC,oCAAoC,EAAC,sCAAsC;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,oBAAoB,EAAC;AAAsB,CAAC","ignoreList":[]}