@procore/core-react 12.27.0 → 12.27.1

package/dist/TextEditor/TextEditor.d.ts

@@ -41,4 +41,4 @@ import type { TextEditorProps } from './TextEditor.types';
  *       }),
  *   })
  */
-export declare function TextEditor({ disabled, error, value, initialValue, onChange, onInit, onBlur, config: externalConfig, plugins: stringPlugins, locale: propLocale, ...restProps }: TextEditorProps): React.JSX.Element | null;
+export declare function TextEditor({ disabled, error, value, initialValue, onChange, onInit, onBlur, config: externalConfig, plugins: stringPlugins, locale: propLocale, onDirty, tinyMCE: _tinyMCE, init: _init, onKeyDown: _onKeyDown, onEditorChange: _onEditorChange, onFocusOut: _onFocusOut, ...restProps }: TextEditorProps): React.JSX.Element | null;

package/dist/TextEditor/TextEditor.js

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["disabled", "error", "value", "initialValue", "onChange", "onInit", "onBlur", "config", "plugins", "locale"];
+var _excluded = ["disabled", "error", "value", "initialValue", "onChange", "onInit", "onBlur", "config", "plugins", "locale", "onDirty", "tinyMCE", "init", "onKeyDown", "onEditorChange", "onFocusOut"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -80,6 +80,12 @@ export function TextEditor(_ref) {
     externalConfig = _ref.config,
     stringPlugins = _ref.plugins,
     propLocale = _ref.locale,
+    onDirty = _ref.onDirty,
+    _tinyMCE = _ref.tinyMCE,
+    _init = _ref.init,
+    _onKeyDown = _ref.onKeyDown,
+    _onEditorChange = _ref.onEditorChange,
+    _onFocusOut = _ref.onFocusOut,
     restProps = _objectWithoutProperties(_ref, _excluded);
   var _useCKEditorCss = useCKEditorCss(),
     cssLoading = _useCKEditorCss.isLoading;
@@ -129,6 +135,7 @@ export function TextEditor(_ref) {
     // Call onDirty only on first content modification
     if (isDirty && !isDirtyState) {
       setIsDirtyState(true);
+      onDirty === null || onDirty === void 0 ? void 0 : onDirty();
     }
     onChange === null || onChange === void 0 ? void 0 : onChange(data, isDirty);
   };

package/dist/TextEditor/TextEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextEditor.js","names":["CKEditor","ClassicEditor","React","useOverridableFocusScope","useI18nContext","useZIndexContext","useStickyToolbar","GlobalEditorStyles","StyledTextEditor","TextEditorContext","TextEditorTheme","useCKEditorCss","useTabAsNavigation","addButtonDataAttributes","addPluginsFromStringArray","getDefaultConfig","TextEditor","_ref","disabled","error","value","initialValue","onChange","onInit","onBlur","externalConfig","config","stringPlugins","plugins","propLocale","locale","restProps","_objectWithoutProperties","_excluded","_useCKEditorCss","cssLoading","isLoading","editorRef","useRef","editorInstanceRef","initialValueRef","_React$useState","useState","_React$useState2","_slicedToArray","isDirtyState","setIsDirtyState","_useI18nContext","contextLocale","useEffect","undefined","current","_useZIndexContext","zIndex","_React$useContext","useContext","features","enableStickyToolbar","stickyToolbar","enableTabAsNavigation","tabAsNavigation","mergedConfig","useMemo","defaultConfig","configWithPlugins","length","externalResult","finalConfig","_objectSpread","focusScope","setProps","contain","handleChange","_event","editor","data","getData","isDirty","handleReady","setData","handleBlur","event","_useStickyToolbar","enabled","stickyConfig","_useTabAsNavigation","editorKey","concat","createElement","ref","key","_extends","onReady"],"sources":["../../src/TextEditor/TextEditor.tsx"],"sourcesContent":["import { CKEditor } from '@ckeditor/ckeditor5-react'\nimport type { EditorConfig } from 'ckeditor5'\nimport { ClassicEditor, type EventInfo } from 'ckeditor5'\nimport React from 'react'\n\nimport { useOverridableFocusScope } from '../_hooks/FocusScopeOverride'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { useZIndexContext } from '../_hooks/ZIndex'\nimport { useStickyToolbar } from './StickyToolbar'\nimport { GlobalEditorStyles, StyledTextEditor } from './TextEditor.styles'\nimport type { TextEditorProps } from './TextEditor.types'\nimport { TextEditorContext } from './TextEditorProvider'\nimport { TextEditorTheme } from './textEditorTheming'\nimport { useCKEditorCss } from './useCKEditorCss'\nimport { useTabAsNavigation } from './useTabAsNavigation'\nimport {\n  addButtonDataAttributes,\n  addPluginsFromStringArray,\n  getDefaultConfig,\n} from './utils'\n\n/**\n * To ensure your Jest tests work with the new CKEditor implementation, wrap your Jest configuration with `coreReactJestConfig`:\n *\n * @example\n *\n *   // Using Jest config file\n *\n *   const { coreReactJestConfig } = require('@procore/core-react/jestConfig')\n *\n *   module.exports = coreReactJestConfig({\n *     // Your existing Jest config\n *   })\n *\n * @example\n *\n *   // Using Hammer\n *\n *   import { coreReactJestConfig } from '@procore/core-react/jestConfig'\n *\n *   export default {\n *     testJest: (defaultConfig) =>\n *       coreReactJestConfig({\n *         ...defaultConfig,\n *         // Your existing Jest config\n *       }),\n *   }\n *\n * @example\n *\n *   // Using Core Scripts\n *\n *   const { coreReactJestConfig } = require('@procore/core-react/jestConfig')\n *\n *   module.exports = () => ({\n *     jestOverride: (defaultConfig) =>\n *       coreReactJestConfig({\n *         ...defaultConfig,\n *         // Your existing Jest config\n *       }),\n *   })\n */\nexport function TextEditor({\n  disabled,\n  error,\n  value,\n  initialValue,\n  onChange,\n  onInit,\n  onBlur,\n  config: externalConfig,\n  plugins: stringPlugins,\n  locale: propLocale,\n  ...restProps\n}: TextEditorProps) {\n  const { isLoading: cssLoading } = useCKEditorCss()\n\n  const editorRef = React.useRef<HTMLDivElement>(null)\n  const editorInstanceRef = React.useRef<ClassicEditor | null>(null)\n  const initialValueRef = React.useRef<string>(value || initialValue || '')\n  const [isDirtyState, setIsDirtyState] = React.useState(false)\n  const { locale: contextLocale } = useI18nContext()\n  const locale = propLocale || contextLocale\n\n  React.useEffect(() => {\n    if (value !== undefined) {\n      initialValueRef.current = value\n    }\n  }, [value])\n\n  const { value: zIndex } = useZIndexContext()\n\n  const { features } = React.useContext(TextEditorContext)\n  const enableStickyToolbar = !!features?.stickyToolbar\n  const enableTabAsNavigation = !!features?.tabAsNavigation\n\n  const mergedConfig = React.useMemo(() => {\n    const defaultConfig = getDefaultConfig(locale)\n\n    // Handle string plugins for backward compatibility\n    const configWithPlugins = stringPlugins?.length\n      ? addPluginsFromStringArray(defaultConfig, stringPlugins)\n      : defaultConfig\n\n    // Apply any external CKEditor config overrides provided by the consumer\n    const externalResult =\n      typeof externalConfig === 'function'\n        ? externalConfig(configWithPlugins)\n        : undefined\n    // Merge default config (with plugins) and consumer overrides\n    let finalConfig: EditorConfig = {\n      ...configWithPlugins,\n      ...(externalResult ?? {}),\n    }\n\n    return finalConfig\n  }, [externalConfig, locale, stringPlugins])\n\n  const focusScope = useOverridableFocusScope()\n  React.useEffect(() => {\n    focusScope.setProps({ contain: false })\n  }, [focusScope])\n\n  const handleChange = (\n    _event: EventInfo<string, unknown>,\n    editor: ClassicEditor\n  ) => {\n    const data = editor.getData()\n    const isDirty = data !== initialValueRef.current\n\n    // Call onDirty only on first content modification\n    if (isDirty && !isDirtyState) {\n      setIsDirtyState(true)\n    }\n\n    onChange?.(data, isDirty)\n  }\n\n  const handleReady = (editor: ClassicEditor) => {\n    addButtonDataAttributes(editor)\n    editorInstanceRef.current = editor\n\n    if (initialValue) {\n      editor.setData(initialValue)\n    }\n\n    onInit?.(editor)\n  }\n\n  const handleBlur = (\n    event: EventInfo<string, unknown>,\n    editor: ClassicEditor\n  ) => {\n    onBlur?.(event, editor)\n  }\n\n  const { config: stickyConfig } = useStickyToolbar({\n    config: mergedConfig,\n    enabled: enableStickyToolbar,\n    editor: editorInstanceRef.current,\n    editorRef,\n    cssLoading,\n  })\n\n  const { config } = useTabAsNavigation({\n    config: stickyConfig,\n    enabled: enableTabAsNavigation,\n    editor: editorInstanceRef.current,\n  })\n\n  const editorKey = `${locale}-${enableTabAsNavigation}`\n\n  if (cssLoading) {\n    return null\n  }\n\n  return (\n    <StyledTextEditor ref={editorRef} key={editorKey} error={error}>\n      <GlobalEditorStyles zIndex={zIndex + 1} />\n      <TextEditorTheme />\n      <CKEditor\n        {...restProps}\n        editor={ClassicEditor}\n        config={config}\n        disabled={disabled}\n        data={value}\n        onChange={handleChange}\n        onReady={handleReady}\n        onBlur={handleBlur}\n      />\n    </StyledTextEditor>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"TextEditor.js","names":["CKEditor","ClassicEditor","React","useOverridableFocusScope","useI18nContext","useZIndexContext","useStickyToolbar","GlobalEditorStyles","StyledTextEditor","TextEditorContext","TextEditorTheme","useCKEditorCss","useTabAsNavigation","addButtonDataAttributes","addPluginsFromStringArray","getDefaultConfig","TextEditor","_ref","disabled","error","value","initialValue","onChange","onInit","onBlur","externalConfig","config","stringPlugins","plugins","propLocale","locale","onDirty","_tinyMCE","tinyMCE","_init","init","_onKeyDown","onKeyDown","_onEditorChange","onEditorChange","_onFocusOut","onFocusOut","restProps","_objectWithoutProperties","_excluded","_useCKEditorCss","cssLoading","isLoading","editorRef","useRef","editorInstanceRef","initialValueRef","_React$useState","useState","_React$useState2","_slicedToArray","isDirtyState","setIsDirtyState","_useI18nContext","contextLocale","useEffect","undefined","current","_useZIndexContext","zIndex","_React$useContext","useContext","features","enableStickyToolbar","stickyToolbar","enableTabAsNavigation","tabAsNavigation","mergedConfig","useMemo","defaultConfig","configWithPlugins","length","externalResult","finalConfig","_objectSpread","focusScope","setProps","contain","handleChange","_event","editor","data","getData","isDirty","handleReady","setData","handleBlur","event","_useStickyToolbar","enabled","stickyConfig","_useTabAsNavigation","editorKey","concat","createElement","ref","key","_extends","onReady"],"sources":["../../src/TextEditor/TextEditor.tsx"],"sourcesContent":["import { CKEditor } from '@ckeditor/ckeditor5-react'\nimport type { EditorConfig } from 'ckeditor5'\nimport { ClassicEditor, type EventInfo } from 'ckeditor5'\nimport React from 'react'\n\nimport { useOverridableFocusScope } from '../_hooks/FocusScopeOverride'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { useZIndexContext } from '../_hooks/ZIndex'\nimport { useStickyToolbar } from './StickyToolbar'\nimport { GlobalEditorStyles, StyledTextEditor } from './TextEditor.styles'\nimport type { TextEditorProps } from './TextEditor.types'\nimport { TextEditorContext } from './TextEditorProvider'\nimport { TextEditorTheme } from './textEditorTheming'\nimport { useCKEditorCss } from './useCKEditorCss'\nimport { useTabAsNavigation } from './useTabAsNavigation'\nimport {\n  addButtonDataAttributes,\n  addPluginsFromStringArray,\n  getDefaultConfig,\n} from './utils'\n\n/**\n * To ensure your Jest tests work with the new CKEditor implementation, wrap your Jest configuration with `coreReactJestConfig`:\n *\n * @example\n *\n *   // Using Jest config file\n *\n *   const { coreReactJestConfig } = require('@procore/core-react/jestConfig')\n *\n *   module.exports = coreReactJestConfig({\n *     // Your existing Jest config\n *   })\n *\n * @example\n *\n *   // Using Hammer\n *\n *   import { coreReactJestConfig } from '@procore/core-react/jestConfig'\n *\n *   export default {\n *     testJest: (defaultConfig) =>\n *       coreReactJestConfig({\n *         ...defaultConfig,\n *         // Your existing Jest config\n *       }),\n *   }\n *\n * @example\n *\n *   // Using Core Scripts\n *\n *   const { coreReactJestConfig } = require('@procore/core-react/jestConfig')\n *\n *   module.exports = () => ({\n *     jestOverride: (defaultConfig) =>\n *       coreReactJestConfig({\n *         ...defaultConfig,\n *         // Your existing Jest config\n *       }),\n *   })\n */\nexport function TextEditor({\n  disabled,\n  error,\n  value,\n  initialValue,\n  onChange,\n  onInit,\n  onBlur,\n  config: externalConfig,\n  plugins: stringPlugins,\n  locale: propLocale,\n  onDirty,\n  // Deprecated TinyMCE props - no-op for backward compatibility\n  tinyMCE: _tinyMCE,\n  init: _init,\n  onKeyDown: _onKeyDown,\n  onEditorChange: _onEditorChange,\n  onFocusOut: _onFocusOut,\n  ...restProps\n}: TextEditorProps) {\n  const { isLoading: cssLoading } = useCKEditorCss()\n\n  const editorRef = React.useRef<HTMLDivElement>(null)\n  const editorInstanceRef = React.useRef<ClassicEditor | null>(null)\n  const initialValueRef = React.useRef<string>(value || initialValue || '')\n  const [isDirtyState, setIsDirtyState] = React.useState(false)\n  const { locale: contextLocale } = useI18nContext()\n  const locale = propLocale || contextLocale\n\n  React.useEffect(() => {\n    if (value !== undefined) {\n      initialValueRef.current = value\n    }\n  }, [value])\n\n  const { value: zIndex } = useZIndexContext()\n\n  const { features } = React.useContext(TextEditorContext)\n  const enableStickyToolbar = !!features?.stickyToolbar\n  const enableTabAsNavigation = !!features?.tabAsNavigation\n\n  const mergedConfig = React.useMemo(() => {\n    const defaultConfig = getDefaultConfig(locale)\n\n    // Handle string plugins for backward compatibility\n    const configWithPlugins = stringPlugins?.length\n      ? addPluginsFromStringArray(defaultConfig, stringPlugins)\n      : defaultConfig\n\n    // Apply any external CKEditor config overrides provided by the consumer\n    const externalResult =\n      typeof externalConfig === 'function'\n        ? externalConfig(configWithPlugins)\n        : undefined\n    // Merge default config (with plugins) and consumer overrides\n    let finalConfig: EditorConfig = {\n      ...configWithPlugins,\n      ...(externalResult ?? {}),\n    }\n\n    return finalConfig\n  }, [externalConfig, locale, stringPlugins])\n\n  const focusScope = useOverridableFocusScope()\n  React.useEffect(() => {\n    focusScope.setProps({ contain: false })\n  }, [focusScope])\n\n  const handleChange = (\n    _event: EventInfo<string, unknown>,\n    editor: ClassicEditor\n  ) => {\n    const data = editor.getData()\n    const isDirty = data !== initialValueRef.current\n\n    // Call onDirty only on first content modification\n    if (isDirty && !isDirtyState) {\n      setIsDirtyState(true)\n      onDirty?.()\n    }\n\n    onChange?.(data, isDirty)\n  }\n\n  const handleReady = (editor: ClassicEditor) => {\n    addButtonDataAttributes(editor)\n    editorInstanceRef.current = editor\n\n    if (initialValue) {\n      editor.setData(initialValue)\n    }\n\n    onInit?.(editor)\n  }\n\n  const handleBlur = (\n    event: EventInfo<string, unknown>,\n    editor: ClassicEditor\n  ) => {\n    onBlur?.(event, editor)\n  }\n\n  const { config: stickyConfig } = useStickyToolbar({\n    config: mergedConfig,\n    enabled: enableStickyToolbar,\n    editor: editorInstanceRef.current,\n    editorRef,\n    cssLoading,\n  })\n\n  const { config } = useTabAsNavigation({\n    config: stickyConfig,\n    enabled: enableTabAsNavigation,\n    editor: editorInstanceRef.current,\n  })\n\n  const editorKey = `${locale}-${enableTabAsNavigation}`\n\n  if (cssLoading) {\n    return null\n  }\n\n  return (\n    <StyledTextEditor ref={editorRef} key={editorKey} error={error}>\n      <GlobalEditorStyles zIndex={zIndex + 1} />\n      <TextEditorTheme />\n      <CKEditor\n        {...restProps}\n        editor={ClassicEditor}\n        config={config}\n        disabled={disabled}\n        data={value}\n        onChange={handleChange}\n        onReady={handleReady}\n        onBlur={handleBlur}\n      />\n    </StyledTextEditor>\n  )\n}\n"],"mappings":"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"}

package/dist/TextEditor/TextEditor.styles.js

@@ -18,7 +18,7 @@ export var GlobalEditorStyles = /*#__PURE__*/createGlobalStyle([":root{--ck-z-de
 });
 export var StyledTextEditor = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTextEditor",
-  componentId: "core-12_27_0__sc-1hpwgdu-0"
+  componentId: "core-12_27_1__sc-1hpwgdu-0"
 })(["", ""], function (_ref6) {
   var error = _ref6.error;
   return error && "\n      .ck-sticky-panel__content {\n        border-top-color: ".concat(colors.red50, " !important;\n        border-left-color: ").concat(colors.red50, " !important;\n        border-right-color: ").concat(colors.red50, " !important;\n      }\n\n      .ck-editor__editable {\n        border-left-color: ").concat(colors.red50, " !important;\n        border-right-color: ").concat(colors.red50, " !important;\n        border-bottom-color: ").concat(colors.red50, " !important;\n      }\n    ");

package/dist/TextEditor/TextEditor.types.d.ts

@@ -97,4 +97,47 @@ export interface TextEditorProps {
      * @since 10.19.0
      */
     onAfterDestroy?: () => void;
+    /**
+     * Callback fired when the editor becomes dirty (content differs from initial value)
+     *
+     * @since 12.26.0
+     */
+    onDirty?: () => void;
+    /**
+     * If you experience problems with the new editor implementation, you can use this to **temporarily** switch back to legacy version while you report the issue.
+     *
+     * @deprecated This property will be removed in a future version. TinyMCE support has been removed.
+     * @since 10.19.0
+     */
+    tinyMCE?: boolean;
+    /**
+     * Config for when the editor is initialized. **Changes after the editor has initialized are ignored.**
+     *
+     * @link [TinyMCE React Init](https://www.tiny.cloud/docs/integrations/react/#init)
+     * @unsupported Use at your own risk. DST makes no guarantees about this API,
+     * and is subject to removal at any point without warning or deprecation.
+     * @deprecated `init` has been deprecated and will be removed in a future version. TinyMCE support has been removed.
+     * @since 10.19.0
+     */
+    init?: any;
+    /**
+     * @deprecated `onKeyDown` has been deprecated and will be removed in a future version. TinyMCE support has been removed.
+     * @since 10.19.0
+     */
+    onKeyDown?: (event: any) => void;
+    /**
+     * @deprecated `onEditorChange` has been deprecated and will be removed in a future version. TinyMCE support has been removed. Use `onChange` instead.
+     * @since 10.19.0
+     */
+    onEditorChange?: (value: string) => void;
+    /**
+     * @deprecated `onFocusIn` has been deprecated and will be removed in a future version. TinyMCE support has been removed. Use `onFocus` instead.
+     * @since 10.19.0
+     */
+    onFocusIn?: (...args: any[]) => void;
+    /**
+     * @deprecated `onFocusOut` has been deprecated and will be removed in a future version. TinyMCE support has been removed. Use `onBlur` instead.
+     * @since 10.19.0
+     */
+    onFocusOut?: (...args: any[]) => void;
 }

package/dist/TextEditor/TextEditor.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextEditor.types.js","names":[],"sources":["../../src/TextEditor/TextEditor.types.ts"],"sourcesContent":["import type { ClassicEditor, EditorConfig, EventInfo } from 'ckeditor5'\nimport type { Locale } from '../_hooks/I18n'\n\nexport interface TextEditorProps {\n  /**\n   * Unique identifier for the editor\n   *\n   * @since 10.19.0\n   */\n  id?: string\n\n  /**\n   * Initial value of the editor\n   *\n   * @deprecated `initialValue` has been deprecated and will be removed in a future version.\n   * Please use the `value` prop instead\n   * @deprecatedSince 10.20.0\n   * @since 10.19.0\n   */\n  initialValue?: string\n\n  /**\n   * The current value of the editor\n   *\n   * @since 10.19.0\n   */\n  value?: string\n\n  /**\n   * Indicates if the editor is disabled\n   *\n   * @since 10.19.0\n   */\n  disabled?: boolean\n\n  /**\n   * Indicates if the editor is in an error state\n   *\n   * @since 10.19.0\n   */\n  error?: boolean\n\n  /**\n   * Locale which will be used for localization. Can be passed directly or\n   * set by wrapping components in I18n provider.\n   * @since 10.19.0\n   */\n  locale?: Locale\n\n  /**\n   * Array of plugin names to add to the editor in addition to the defaults.\n   * This provides backward compatibility with the deprecated TinyMCE version of the editor.\n   * Supports plugin names like 'link', 'image', 'table', etc.\n   *\n   * @since 12.26.0\n   */\n  plugins?: string[]\n\n  /**\n   * Configuration function for customizing the editor\n   *\n   * @param defaultConfig - The default CKEditor configuration\n   * @returns Customized configuration object\n   * @since 12.26.0\n   */\n  config?: (defaultConfig: EditorConfig) => EditorConfig\n\n  /**\n   * Callback fired when the editor content changes\n   *\n   * @param value - The current content of the editor\n   * @param isDirty - Whether the content differs from the initial value\n   * @since 10.19.0\n   */\n  onChange?: (value: string, isDirty?: boolean) => void\n\n  /**\n   * Callback fired when the editor gains focus\n   *\n   * @since 10.19.0\n   */\n  onFocus?: (event: EventInfo, editor: ClassicEditor) => void\n\n  /**\n   * Callback fired when the editor loses focus\n   *\n   * @since 10.19.0\n   */\n  onBlur?: (event: EventInfo, editor: ClassicEditor) => void\n\n  /**\n   * Callback fired when an error occurs in the editor\n   *\n   * @since 10.19.0\n   */\n  onError?: (\n    error: Error,\n    details: {\n      phase: 'initialization' | 'runtime'\n      willEditorRestart?: boolean\n    }\n  ) => void\n\n  /**\n   * Callback fired when the editor is ready\n   *\n   * @since 10.19.0\n   */\n  onInit?: (editor: ClassicEditor) => void\n\n  /**\n   * Callback fired after the editor instance is destroyed\n   *\n   * @since 10.19.0\n   */\n  onAfterDestroy?: () => void\n}\n"],"mappings":""}
+{"version":3,"file":"TextEditor.types.js","names":[],"sources":["../../src/TextEditor/TextEditor.types.ts"],"sourcesContent":["import type { ClassicEditor, EditorConfig, EventInfo } from 'ckeditor5'\nimport type { Locale } from '../_hooks/I18n'\n\nexport interface TextEditorProps {\n  /**\n   * Unique identifier for the editor\n   *\n   * @since 10.19.0\n   */\n  id?: string\n\n  /**\n   * Initial value of the editor\n   *\n   * @deprecated `initialValue` has been deprecated and will be removed in a future version.\n   * Please use the `value` prop instead\n   * @deprecatedSince 10.20.0\n   * @since 10.19.0\n   */\n  initialValue?: string\n\n  /**\n   * The current value of the editor\n   *\n   * @since 10.19.0\n   */\n  value?: string\n\n  /**\n   * Indicates if the editor is disabled\n   *\n   * @since 10.19.0\n   */\n  disabled?: boolean\n\n  /**\n   * Indicates if the editor is in an error state\n   *\n   * @since 10.19.0\n   */\n  error?: boolean\n\n  /**\n   * Locale which will be used for localization. Can be passed directly or\n   * set by wrapping components in I18n provider.\n   * @since 10.19.0\n   */\n  locale?: Locale\n\n  /**\n   * Array of plugin names to add to the editor in addition to the defaults.\n   * This provides backward compatibility with the deprecated TinyMCE version of the editor.\n   * Supports plugin names like 'link', 'image', 'table', etc.\n   *\n   * @since 12.26.0\n   */\n  plugins?: string[]\n\n  /**\n   * Configuration function for customizing the editor\n   *\n   * @param defaultConfig - The default CKEditor configuration\n   * @returns Customized configuration object\n   * @since 12.26.0\n   */\n  config?: (defaultConfig: EditorConfig) => EditorConfig\n\n  /**\n   * Callback fired when the editor content changes\n   *\n   * @param value - The current content of the editor\n   * @param isDirty - Whether the content differs from the initial value\n   * @since 10.19.0\n   */\n  onChange?: (value: string, isDirty?: boolean) => void\n\n  /**\n   * Callback fired when the editor gains focus\n   *\n   * @since 10.19.0\n   */\n  onFocus?: (event: EventInfo, editor: ClassicEditor) => void\n\n  /**\n   * Callback fired when the editor loses focus\n   *\n   * @since 10.19.0\n   */\n  onBlur?: (event: EventInfo, editor: ClassicEditor) => void\n\n  /**\n   * Callback fired when an error occurs in the editor\n   *\n   * @since 10.19.0\n   */\n  onError?: (\n    error: Error,\n    details: {\n      phase: 'initialization' | 'runtime'\n      willEditorRestart?: boolean\n    }\n  ) => void\n\n  /**\n   * Callback fired when the editor is ready\n   *\n   * @since 10.19.0\n   */\n  onInit?: (editor: ClassicEditor) => void\n\n  /**\n   * Callback fired after the editor instance is destroyed\n   *\n   * @since 10.19.0\n   */\n  onAfterDestroy?: () => void\n\n  /**\n   * Callback fired when the editor becomes dirty (content differs from initial value)\n   *\n   * @since 12.26.0\n   */\n  onDirty?: () => void\n\n  //--- Deprecated TinyMCE-specific props\n\n  /**\n   * If you experience problems with the new editor implementation, you can use this to **temporarily** switch back to legacy version while you report the issue.\n   *\n   * @deprecated This property will be removed in a future version. TinyMCE support has been removed.\n   * @since 10.19.0\n   */\n  tinyMCE?: boolean\n\n  /**\n   * Config for when the editor is initialized. **Changes after the editor has initialized are ignored.**\n   *\n   * @link [TinyMCE React Init](https://www.tiny.cloud/docs/integrations/react/#init)\n   * @unsupported Use at your own risk. DST makes no guarantees about this API,\n   * and is subject to removal at any point without warning or deprecation.\n   * @deprecated `init` has been deprecated and will be removed in a future version. TinyMCE support has been removed.\n   * @since 10.19.0\n   */\n  init?: any\n\n  /**\n   * @deprecated `onKeyDown` has been deprecated and will be removed in a future version. TinyMCE support has been removed.\n   * @since 10.19.0\n   */\n  onKeyDown?: (event: any) => void\n\n  /**\n   * @deprecated `onEditorChange` has been deprecated and will be removed in a future version. TinyMCE support has been removed. Use `onChange` instead.\n   * @since 10.19.0\n   */\n  onEditorChange?: (value: string) => void\n\n  /**\n   * @deprecated `onFocusIn` has been deprecated and will be removed in a future version. TinyMCE support has been removed. Use `onFocus` instead.\n   * @since 10.19.0\n   */\n  onFocusIn?: (...args: any[]) => void\n\n  /**\n   * @deprecated `onFocusOut` has been deprecated and will be removed in a future version. TinyMCE support has been removed. Use `onBlur` instead.\n   * @since 10.19.0\n   */\n  onFocusOut?: (...args: any[]) => void\n}\n"],"mappings":""}

package/dist/TextEditorOutput/TextEditorOutput.styles.js

@@ -1,6 +1,6 @@
 import styled from 'styled-components';
 export var StyledEditor = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledEditor",
-  componentId: "core-12_27_0__sc-1lje1b0-0"
+  componentId: "core-12_27_1__sc-1lje1b0-0"
 })([".ck-editor__top{height:0 !important;}.ck-content{border:none !important;padding:0 !important;p{margin:0;}table,img{margin-left:auto;margin-right:auto;}img{display:block;}table{border:1px double #b3b3b3;border-collapse:collapse;border-spacing:0;th{text-align:left;}& > thead,& > tbody{& > tr > td,& > tr > th{border:1px solid #bfbfbf;min-width:2em;padding:0.4em;}& > tr > th{background:rgba(0,0,0,0.05);font-weight:700;}}}}"]);
 //# sourceMappingURL=TextEditorOutput.styles.js.map

package/dist/Thumbnail/Thumbnail.styles.js

@@ -27,35 +27,35 @@ var captionBase = /*#__PURE__*/css(["color:", ";font-size:12px;line-height:16px;
 });
 export var StyledMultilineCaption = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledMultilineCaption",
-  componentId: "core-12_27_0__sc-195f70c-0"
+  componentId: "core-12_27_1__sc-195f70c-0"
 })(["", ";display:flex;word-wrap:break-word;overflow-wrap:break-word;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:", "px;"], captionBase, multilineCaptionMaxHeight);
 export var StyledCaptionText = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledCaptionText",
-  componentId: "core-12_27_0__sc-195f70c-1"
+  componentId: "core-12_27_1__sc-195f70c-1"
 })(["width:100%;"]);
 export var StyledPlaceholderCaption = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPlaceholderCaption",
-  componentId: "core-12_27_0__sc-195f70c-2"
+  componentId: "core-12_27_1__sc-195f70c-2"
 })(["", ""], captionBase);
 export var StyledSingleLineCaption = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSingleLineCaption",
-  componentId: "core-12_27_0__sc-195f70c-3"
+  componentId: "core-12_27_1__sc-195f70c-3"
 })(["display:flex;", ""], captionBase);
 export var StyledSinglelineCaptionBody = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledSinglelineCaptionBody",
-  componentId: "core-12_27_0__sc-195f70c-4"
+  componentId: "core-12_27_1__sc-195f70c-4"
 })(["", ""], getEllipsis);
 export var StyledSinglelineCaptionEnding = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledSinglelineCaptionEnding",
-  componentId: "core-12_27_0__sc-195f70c-5"
+  componentId: "core-12_27_1__sc-195f70c-5"
 })(["max-width:50%;white-space:nowrap;flex-shrink:0;"]);
 export var StyledLabelText = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledLabelText",
-  componentId: "core-12_27_0__sc-195f70c-6"
+  componentId: "core-12_27_1__sc-195f70c-6"
 })(["", ""], getEllipsis());
 export var StyledThumbnailFigCaption = /*#__PURE__*/styled.figcaption.withConfig({
   displayName: "StyledThumbnailFigCaption",
-  componentId: "core-12_27_0__sc-195f70c-7"
+  componentId: "core-12_27_1__sc-195f70c-7"
 })(["", " ", " color:", ";font-weight:", ";text-align:center;width:100%;position:absolute;bottom:0;right:0;left:0;opacity:0.85;height:", "px;padding:", "px ", "px;background-color:", ";"], getTypographyIntent('small'), getEllipsis(), function (_ref5) {
   var _ref5$$color = _ref5.$color,
     $color = _ref5$$color === void 0 ? 'gray15' : _ref5$$color;
@@ -63,7 +63,7 @@ export var StyledThumbnailFigCaption = /*#__PURE__*/styled.figcaption.withConfig
 }, typographyWeights.bold, labelHeight, spacing.sm / 2, spacing.sm, colors.white);
 export var StyledLabel = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledLabel",
-  componentId: "core-12_27_0__sc-195f70c-8"
+  componentId: "core-12_27_1__sc-195f70c-8"
 })(["display:flex;justify-content:center;position:absolute;bottom:0;right:0;left:0;opacity:0.85;height:", "px;padding:", "px ", "px;font-size:", "px;background-color:", ";"], labelHeight, spacing.sm / 2, spacing.sm, labelFontSize, colors.white);
 var thumbnailBase = /*#__PURE__*/css(["display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;border:1px solid ", ";border-radius:", "px;margin:0;", " ", " &:focus{", ";}", " ", " ", ""], colors.gray85, borderRadius.md, function (_ref6) {
   var $clickable = _ref6.$clickable;
@@ -85,7 +85,7 @@ var thumbnailBase = /*#__PURE__*/css(["display:flex;justify-content:center;align
 });
 export var StyledTickIcon = /*#__PURE__*/styled.svg.withConfig({
   displayName: "StyledTickIcon",
-  componentId: "core-12_27_0__sc-195f70c-9"
+  componentId: "core-12_27_1__sc-195f70c-9"
 })(["position:absolute;top:", "px;right:", "px;width:", "px;height:", "px;opacity:0;transform:scale(0.75);transition:transform 250ms ease-out,opacity 100ms ease-out;", " ", ""], spacing.sm, spacing.sm, tickSize, tickSize, function (_ref1) {
   var $selected = _ref1.$selected;
   return $selected && css(["opacity:1;transform:scale(1);"]);
@@ -95,28 +95,28 @@ export var StyledTickIcon = /*#__PURE__*/styled.svg.withConfig({
 });
 export var StyledFileIcon = /*#__PURE__*/styled(DocumentIcon).withConfig({
   displayName: "StyledFileIcon",
-  componentId: "core-12_27_0__sc-195f70c-10"
+  componentId: "core-12_27_1__sc-195f70c-10"
 })(["width:36.5%;height:auto;"]);
 export var StyledImageThumbnailPreview = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledImageThumbnailPreview",
-  componentId: "core-12_27_0__sc-195f70c-11"
+  componentId: "core-12_27_1__sc-195f70c-11"
 })(["width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;", ""], function (_ref11) {
   var $bgImage = _ref11.$bgImage;
   return css(["background-image:url(", ");"], $bgImage);
 });
 export var StyledImageThumbnailOverlay = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledImageThumbnailOverlay",
-  componentId: "core-12_27_0__sc-195f70c-12"
+  componentId: "core-12_27_1__sc-195f70c-12"
 })(["display:none;position:absolute;top:0;bottom:0;left:0;right:0;"]);
 var blackOverlay = "\n  background-color: ".concat(colors.black, ";\n  opacity: 0.2;\n");
 var whiteOverlay = "\n  background-color: ".concat(colors.white, ";\n  opacity: 0.5;\n");
 export var StyledImageThumbnailImage = /*#__PURE__*/styled.img.withConfig({
   displayName: "StyledImageThumbnailImage",
-  componentId: "core-12_27_0__sc-195f70c-13"
+  componentId: "core-12_27_1__sc-195f70c-13"
 })([""]);
 export var StyledImageThumbnail = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledImageThumbnail",
-  componentId: "core-12_27_0__sc-195f70c-14"
+  componentId: "core-12_27_1__sc-195f70c-14"
 })(["", ";flex-direction:column;", " ", " ", " ", " ", " ", ""], thumbnailBase, function (_ref12) {
   var $disabled = _ref12.$disabled;
   return $disabled && css(["&,&:hover{", "{display:block;", "}}", ",", ",", "{filter:saturate(0);}", "{filter:saturate(0);z-index:-1;}"], StyledImageThumbnailOverlay, whiteOverlay, StyledImageThumbnailPreview, StyledTickIcon, StyledImageThumbnailImage, StyledFileIcon);
@@ -145,7 +145,7 @@ export var StyledImageThumbnail = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledThumbnailWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledThumbnailWrapper",
-  componentId: "core-12_27_0__sc-195f70c-15"
+  componentId: "core-12_27_1__sc-195f70c-15"
 })(["display:flex;", " ", ""], function (_ref18) {
   var $size = _ref18.$size;
   return $size === 'lg' ? "\n        width: ".concat(thumbnailSizeLg, "px;\n      ") : '';
@@ -156,7 +156,7 @@ export var StyledThumbnailWrapper = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledPlaceholderThumbnail = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPlaceholderThumbnail",
-  componentId: "core-12_27_0__sc-195f70c-16"
+  componentId: "core-12_27_1__sc-195f70c-16"
 })(["", " ", " ", " ", " ", ""], thumbnailBase, function (_ref20) {
   var $clickable = _ref20.$clickable;
   return $clickable && css(["&:hover{background-color:", ";}"], colors.gray96);

package/dist/ThumbnailGrid/ThumbnailGrid.styles.js

@@ -7,31 +7,31 @@ import { getEllipsis } from '../_styles/mixins';
 import { spacing } from '../_styles/spacing';
 export var StyledCheckbox = /*#__PURE__*/styled(Checkbox).withConfig({
   displayName: "StyledCheckbox",
-  componentId: "core-12_27_0__sc-1inrbm9-0"
+  componentId: "core-12_27_1__sc-1inrbm9-0"
 })(["input{z-index:2;}"]);
 export var StyledGroupCell = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledGroupCell",
-  componentId: "core-12_27_0__sc-1inrbm9-1"
+  componentId: "core-12_27_1__sc-1inrbm9-1"
 })(["display:flex;align-items:flex-end;padding-bottom:", "px;"], spacing.md);
 export var StyledThumbnail = /*#__PURE__*/styled(Thumbnail).withConfig({
   displayName: "StyledThumbnail",
-  componentId: "core-12_27_0__sc-1inrbm9-2"
+  componentId: "core-12_27_1__sc-1inrbm9-2"
 })(["display:inline-flex;&:focus{outline:none;}"]);
 // VariableSizeGrid has provided width and height as inline style, so to make it flexible and support responsive !important was added
 export var StyledVariableSizeGrid = /*#__PURE__*/styled(VariableSizeGrid).withConfig({
   displayName: "StyledVariableSizeGrid",
-  componentId: "core-12_27_0__sc-1inrbm9-3"
+  componentId: "core-12_27_1__sc-1inrbm9-3"
 })(["height:100% !important;& > div{width:100% !important;}"]);
 export var StyledGroupTitle = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledGroupTitle",
-  componentId: "core-12_27_0__sc-1inrbm9-4"
+  componentId: "core-12_27_1__sc-1inrbm9-4"
 })(["", ""], getEllipsis);
 export var StyledSpinnerWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSpinnerWrapper",
-  componentId: "core-12_27_0__sc-1inrbm9-5"
+  componentId: "core-12_27_1__sc-1inrbm9-5"
 })(["display:flex;justify-content:center;align-items:center;width:100%;height:100%;"]);
 export var StyledThumbnailGrid = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledThumbnailGrid",
-  componentId: "core-12_27_0__sc-1inrbm9-6"
+  componentId: "core-12_27_1__sc-1inrbm9-6"
 })(["display:flex;flex-wrap:wrap;outline:none;"]);
 //# sourceMappingURL=ThumbnailGrid.styles.js.map

package/dist/TieredSelect/TieredSelect.styles.js

@@ -9,19 +9,19 @@ import { colors } from '../_styles/colors';
 import { spacing } from '../_styles/spacing';
 export var StyledTieredSelect = /*#__PURE__*/styled(MenuImperative).withConfig({
   displayName: "StyledTieredSelect",
-  componentId: "core-12_27_0__sc-e1ql06-0"
+  componentId: "core-12_27_1__sc-e1ql06-0"
 })(["align-items:stretch;max-height:40vh;"]);
 export var StyledTieredSelectIcon = /*#__PURE__*/styled(Flex).withConfig({
   displayName: "StyledTieredSelectIcon",
-  componentId: "core-12_27_0__sc-e1ql06-1"
+  componentId: "core-12_27_1__sc-e1ql06-1"
 })(["height:24px;width:24px;"]);
 export var StyledTieredSelectArrowButton = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledTieredSelectArrowButton",
-  componentId: "core-12_27_0__sc-e1ql06-2"
+  componentId: "core-12_27_1__sc-e1ql06-2"
 })(["border:1px solid transparent;"]);
 export var StyledTieredSelectBreadcrumbs = /*#__PURE__*/styled(Breadcrumbs).withConfig({
   displayName: "StyledTieredSelectBreadcrumbs",
-  componentId: "core-12_27_0__sc-e1ql06-3"
+  componentId: "core-12_27_1__sc-e1ql06-3"
 })(["background-color:", ";flex-wrap:wrap;margin-top:", "px;max-height:68px;overflow-y:auto;padding:", "px ", "px;", ""], colors.gray96, spacing.sm, spacing.xs, spacing.md, function (_ref) {
   var $nonInteractive = _ref.$nonInteractive;
   if ($nonInteractive) {
@@ -30,22 +30,22 @@ export var StyledTieredSelectBreadcrumbs = /*#__PURE__*/styled(Breadcrumbs).with
 });
 export var StyledTieredSelectHome = /*#__PURE__*/styled(Flex).withConfig({
   displayName: "StyledTieredSelectHome",
-  componentId: "core-12_27_0__sc-e1ql06-4"
+  componentId: "core-12_27_1__sc-e1ql06-4"
 })(["height:20px;"]);
 export var StyledTieredSelectOption = /*#__PURE__*/styled(MenuImperative.Item).withConfig({
   displayName: "StyledTieredSelectOption",
-  componentId: "core-12_27_0__sc-e1ql06-5"
+  componentId: "core-12_27_1__sc-e1ql06-5"
 })(["align-items:center;display:flex;justify-content:space-between;padding:2px ", "px;"], spacing.lg);
 export var StyledTieredSelectLoadingMore = /*#__PURE__*/styled(Flex).withConfig({
   displayName: "StyledTieredSelectLoadingMore",
-  componentId: "core-12_27_0__sc-e1ql06-6"
+  componentId: "core-12_27_1__sc-e1ql06-6"
 })(["align-items:center;justify-content:center;padding:", "px ", "px 0px ", "px;"], spacing.xs, spacing.lg, spacing.lg);
 export var StyledTieredSelectOverlay = /*#__PURE__*/styled(Card).withConfig({
   displayName: "StyledTieredSelectOverlay",
-  componentId: "core-12_27_0__sc-e1ql06-7"
+  componentId: "core-12_27_1__sc-e1ql06-7"
 })(["max-width:248px;min-width:inherit;"]);
 export var StyledTieredSelectSpinnerOverlay = /*#__PURE__*/styled(Spinner).withConfig({
   displayName: "StyledTieredSelectSpinnerOverlay",
-  componentId: "core-12_27_0__sc-e1ql06-8"
+  componentId: "core-12_27_1__sc-e1ql06-8"
 })(["min-height:auto;"]);
 //# sourceMappingURL=TieredSelect.styles.js.map

package/dist/Tile/Tile.styles.js

@@ -44,7 +44,7 @@ var getTileStyles = function getTileStyles(_ref) {
 };
 export var StyledLinkTile = /*#__PURE__*/styled.a.withConfig({
   displayName: "StyledLinkTile",
-  componentId: "core-12_27_0__sc-8q9p0n-0"
+  componentId: "core-12_27_1__sc-8q9p0n-0"
 })(["", " text-decoration:none;color:inherit;"], function (_ref2) {
   var $orientation = _ref2.$orientation;
   return getTileStyles({
@@ -54,7 +54,7 @@ export var StyledLinkTile = /*#__PURE__*/styled.a.withConfig({
 });
 export var StyledSelectableTile = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSelectableTile",
-  componentId: "core-12_27_0__sc-8q9p0n-1"
+  componentId: "core-12_27_1__sc-8q9p0n-1"
 })(["", ""], function (_ref3) {
   var $orientation = _ref3.$orientation,
     $selected = _ref3.$selected,
@@ -72,7 +72,7 @@ export var StyledSelectableTile = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledInteractableTile = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledInteractableTile",
-  componentId: "core-12_27_0__sc-8q9p0n-2"
+  componentId: "core-12_27_1__sc-8q9p0n-2"
 })(["", ""], function (_ref4) {
   var $orientation = _ref4.$orientation;
   return getTileStyles({
@@ -81,26 +81,26 @@ export var StyledInteractableTile = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledFooter = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFooter",
-  componentId: "core-12_27_0__sc-8q9p0n-3"
+  componentId: "core-12_27_1__sc-8q9p0n-3"
 })(["grid-area:footer;padding:", "px;> ", "{flex-wrap:wrap-reverse;}"], spacing.lg, StyledActions);
 export var StyledTileContent = /*#__PURE__*/styled(StyledContent).withConfig({
   displayName: "StyledTileContent",
-  componentId: "core-12_27_0__sc-8q9p0n-4"
+  componentId: "core-12_27_1__sc-8q9p0n-4"
 })(["grid-column-start:hero-start;grid-column-end:body-end;padding:", "px;+ ", "{padding-top:0;}> ", ",> ", " > ", ",> ", "{grid-column-gap:", "px;}"], spacing.lg, StyledFooter, SFormRow, SForm, SFormRow, SFormRow, spacing.md);
 export var StyledHeroMedia = /*#__PURE__*/styled.figure.withConfig({
   displayName: "StyledHeroMedia",
-  componentId: "core-12_27_0__sc-8q9p0n-5"
+  componentId: "core-12_27_1__sc-8q9p0n-5"
 })(["grid-area:hero;margin:0;position:relative;overflow:hidden;font-size:0;> *{font-size:initial;}+ ", "{grid-area:body;}> video{background-color:", ";}> img,> picture > img{object-fit:cover;}", ""], StyledTileContent, colors.black, function (_ref5) {
   var $orientation = _ref5.$orientation;
   return $orientation === 'landscape' && !isIE11() ? css(["border-top-left-radius:inherit;border-bottom-left-radius:inherit;> *,> picture > img{height:100%;width:100%;position:absolute;}@media ", "{> picture > img,> img{width:auto;left:50%;transform:translate(-50%,0);}}"], mediaIE11Hack) : css(["min-height:156px;max-height:567px;border-top-left-radius:inherit;border-top-right-radius:inherit;> *,> picture > img{min-height:inherit;max-height:inherit;height:auto;width:100%;}"]);
 });
 export var StyledHeroOverlay = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHeroOverlay",
-  componentId: "core-12_27_0__sc-8q9p0n-6"
+  componentId: "core-12_27_1__sc-8q9p0n-6"
 })(["position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;"]);
 export var StyledHeroText = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHeroText",
-  componentId: "core-12_27_0__sc-8q9p0n-7"
+  componentId: "core-12_27_1__sc-8q9p0n-7"
 })(["grid-area:hero;+ ", "{grid-area:body;}padding:", "px;border-radius:inherit;", ""], StyledTileContent, spacing.lg, function (_ref6) {
   var $orientation = _ref6.$orientation;
   return $orientation === 'landscape' ? css(["display:flex;flex-direction:column;justify-content:center;padding-right:0;"]) : css(["padding-bottom:0;"]);

package/dist/Title/Title.styles.js

@@ -5,36 +5,36 @@ import { Typography } from '../Typography/Typography';
 import { spacing } from '../_styles/spacing';
 export var StyledTitle = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTitle",
-  componentId: "core-12_27_0__sc-1t2ye1d-0"
+  componentId: "core-12_27_1__sc-1t2ye1d-0"
 })(["display:flex;align-items:flex-start;"]);
 export var StyledAssets = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledAssets",
-  componentId: "core-12_27_0__sc-1t2ye1d-1"
+  componentId: "core-12_27_1__sc-1t2ye1d-1"
 })(["margin-right:", "px;", ""], spacing.md, function (_ref) {
   var alignment = _ref.alignment;
   return css(["align-self:", ";"], alignment);
 });
 export var StyledTitleContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTitleContent",
-  componentId: "core-12_27_0__sc-1t2ye1d-2"
+  componentId: "core-12_27_1__sc-1t2ye1d-2"
 })(["align-self:center;", ""], function (_ref2) {
   var $hasActions = _ref2.$hasActions;
   return $hasActions && css(["margin-right:", "px;"], spacing.lg);
 });
 export var StyledText = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledText",
-  componentId: "core-12_27_0__sc-1t2ye1d-3"
+  componentId: "core-12_27_1__sc-1t2ye1d-3"
 })(["> h1,> h2,> h3{display:inline;}"]);
 export var StyledTitlePill = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledTitlePill",
-  componentId: "core-12_27_0__sc-1t2ye1d-4"
+  componentId: "core-12_27_1__sc-1t2ye1d-4"
 })(["margin-left:", "px;", "{vertical-align:text-top;}"], spacing.sm, StyledPill);
 export var StyledTitleActions = /*#__PURE__*/styled(StyledActions).withConfig({
   displayName: "StyledTitleActions",
-  componentId: "core-12_27_0__sc-1t2ye1d-5"
+  componentId: "core-12_27_1__sc-1t2ye1d-5"
 })(["margin-left:auto;"]);
 export var StyledSubtext = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledSubtext",
-  componentId: "core-12_27_0__sc-1t2ye1d-6"
+  componentId: "core-12_27_1__sc-1t2ye1d-6"
 })(["display:block;margin-top:", "px;"], spacing.xs);
 //# sourceMappingURL=Title.styles.js.map

package/dist/Toast/Toast.styles.js

@@ -7,7 +7,7 @@ import { getShadow } from '../_styles/shadows';
 import { spacing } from '../_styles/spacing';
 export var StyledToast = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledToast",
-  componentId: "core-12_27_0__sc-1l6lk2n-0"
+  componentId: "core-12_27_1__sc-1l6lk2n-0"
 })(["", " align-items:center;background-color:", ";border-radius:", "px;color:", ";display:flex;min-height:48px;padding:", "px ", "px;width:550px;"], getShadow(4, 'bottom'), function (_ref) {
   var $variant = _ref.$variant;
   return $variant === 'success' ? colors.green30 : colors.red50;
@@ -16,13 +16,13 @@ export var StyledToast = /*#__PURE__*/styled.div.withConfig({
 // $legacy is direct string inside Toast. Next is with subcomponents
 export var StyledToastText = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledToastText",
-  componentId: "core-12_27_0__sc-1l6lk2n-1"
+  componentId: "core-12_27_1__sc-1l6lk2n-1"
 })(["", " font-weight:", ";overflow:hidden;", ""], getTypographyIntent('body'), typographyWeights.semibold, function (_ref2) {
   var $legacy = _ref2.$legacy;
   return $legacy ? "margin-left: ".concat(spacing.lg, "px;") : "padding: 0 ".concat(spacing.lg, "px;");
 });
 export var StyledToastButton = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledToastButton",
-  componentId: "core-12_27_0__sc-1l6lk2n-2"
+  componentId: "core-12_27_1__sc-1l6lk2n-2"
 })(["line-height:0;color:", ";padding:0;margin-left:auto;"], colors.white);
 //# sourceMappingURL=Toast.styles.js.map

package/dist/ToggleButton/ToggleButton.styles.js

@@ -3,7 +3,7 @@ import { Button } from '../Button/Button';
 import { colors } from '../_styles/colors';
 export var StyledToggleButton = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledToggleButton",
-  componentId: "core-12_27_0__sc-1x59fxi-0"
+  componentId: "core-12_27_1__sc-1x59fxi-0"
 })(["", ""], function (_ref) {
   var $selected = _ref.$selected;
   return $selected && css(["background-color:", ";color:", ";[data-icon-prop='true']{color:", ";}&:hover{background-color:", ";color:", ";}&:focus{background-color:", ";color:", ";}&:disabled{background-color:", ";color:", ";[data-icon-prop='true']{color:", ";}circle{stroke:", ";}}"], colors.blue96, colors.blue45, colors.blue50, colors.blue90, colors.blue45, colors.blue96, colors.blue45, colors.blue96, colors.blue70, colors.blue70, colors.blue50);

package/dist/Token/Token.styles.js

@@ -6,15 +6,15 @@ import { getEllipsis, getFocus } from '../_styles/mixins';
 import { spacing } from '../_styles/spacing';
 export var StyledLabel = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledLabel",
-  componentId: "core-12_27_0__sc-zqi94b-0"
+  componentId: "core-12_27_1__sc-zqi94b-0"
 })(["", " ", " flex:0 1 auto;"], getTypographyIntent('body'), getEllipsis);
 export var StyledRemove = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledRemove",
-  componentId: "core-12_27_0__sc-zqi94b-1"
+  componentId: "core-12_27_1__sc-zqi94b-1"
 })(["border-radius:100%;color:", ";flex:0 0 auto;height:16px;margin:0 -", "px 0 ", "px;padding:0;width:16px;&:hover{background:", ";color:", ";}&:disabled,&[aria-disabled='true']{color:", ";}"], colors.white, spacing.sm, spacing.sm, colors.white, colors.blue40, colors.white);
 export var StyledToken = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledToken",
-  componentId: "core-12_27_0__sc-zqi94b-2"
+  componentId: "core-12_27_1__sc-zqi94b-2"
 })(["align-items:center;background-color:", ";border-radius:200px;border:1px solid transparent;color:", ";cursor:default;display:inline-flex;height:24px;line-height:1;max-width:360px;min-width:48px;padding:", "px ", "px;&:hover,&.hover{background-color:", ";}", " ", " ", ""], colors.blue50, colors.white, spacing.xs, spacing.md, colors.blue45, function (_ref) {
   var _ref$$focused = _ref.$focused,
     $focused = _ref$$focused === void 0 ? false : _ref$$focused,

package/dist/ToolHeader/ToolHeader.styles.js

@@ -5,7 +5,7 @@ import { colors } from '../_styles/colors';
 import { spacing } from '../_styles/spacing';
 export var StyledHeaderBadge = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHeaderBadge",
-  componentId: "core-12_27_0__sc-1jpjx47-0"
+  componentId: "core-12_27_1__sc-1jpjx47-0"
 })(["", " border-radius:10px;border-style:solid;border-width:1px;display:inline-block;margin-bottom:", "px;padding:1px ", "px;", ""], getTypographyIntent('small'), spacing.sm, spacing.sm, function (_ref) {
   var $variant = _ref.$variant;
   if ($variant) {
@@ -18,22 +18,22 @@ export var StyledHeaderBadge = /*#__PURE__*/styled.div.withConfig({
 // TODO in v12 remove cursor: pointer;
 export var StyledToolHeaderIconContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledToolHeaderIconContainer",
-  componentId: "core-12_27_0__sc-1jpjx47-1"
+  componentId: "core-12_27_1__sc-1jpjx47-1"
 })(["color:", ";cursor:pointer;display:inline-flex;flex:0 0 auto;"], colors.orange50);
 export var StyledHeaderTabs = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHeaderTabs",
-  componentId: "core-12_27_0__sc-1jpjx47-2"
+  componentId: "core-12_27_1__sc-1jpjx47-2"
 })(["align-self:flex-end;flex:1 1 auto;min-width:100px;overflow:hidden;"]);
 export var StyledHeaderActions = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHeaderActions",
-  componentId: "core-12_27_0__sc-1jpjx47-3"
+  componentId: "core-12_27_1__sc-1jpjx47-3"
 })(["flex:0 0 auto;margin-left:auto;padding-left:", "px;"], spacing.lg);
 export var StyledToolHeaderTitle = /*#__PURE__*/styled(H1).withConfig({
   displayName: "StyledToolHeaderTitle",
-  componentId: "core-12_27_0__sc-1jpjx47-4"
+  componentId: "core-12_27_1__sc-1jpjx47-4"
 })(["margin-right:", "px;white-space:nowrap;"], spacing.xl);
 export var StyledToolHeader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledToolHeader",
-  componentId: "core-12_27_0__sc-1jpjx47-5"
+  componentId: "core-12_27_1__sc-1jpjx47-5"
 })(["align-items:center;display:flex;min-height:36px;width:100%;", " + ", ",a + ", ",button + ", "{margin-left:", "px;}"], StyledToolHeaderIconContainer, StyledToolHeaderTitle, StyledToolHeaderTitle, StyledToolHeaderTitle, spacing.lg);
 //# sourceMappingURL=ToolHeader.styles.js.map

package/dist/ToolLandingPage/ToolLandingPage.styles.js

@@ -3,14 +3,14 @@ import { Page } from '../PageLayout';
 import { spacing } from '../_styles/spacing';
 export var StyledTitleOuter = /*#__PURE__*/styled(Page.Title).withConfig({
   displayName: "StyledTitleOuter",
-  componentId: "core-12_27_0__sc-wa8j06-0"
+  componentId: "core-12_27_1__sc-wa8j06-0"
 })(["align-items:center;display:flex;gap:", "px;"], spacing.md);
 export var StyledTitleInner = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTitleInner",
-  componentId: "core-12_27_0__sc-wa8j06-1"
+  componentId: "core-12_27_1__sc-wa8j06-1"
 })(["width:100%;"]);
 export var StyledToolLandingPageBodyContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledToolLandingPageBodyContent",
-  componentId: "core-12_27_0__sc-wa8j06-2"
+  componentId: "core-12_27_1__sc-wa8j06-2"
 })(["> * + *{margin-top:", "px;}"], spacing.sm);
 //# sourceMappingURL=ToolLandingPage.styles.js.map