@preply/ds-web-lib 0.98.0 → 0.99.0

package/dist/components/FieldLayout/FieldLayout.js

@@ -1,41 +1,74 @@
-'use client';
-import { webComponentNames } from '@preply/ds-visual-coverage-component-names';
-import { useStyleExtract, moduleLocals, booleanClassNames } from '@preply/ds-web-core';
-import React__default, { forwardRef, useRef, useImperativeHandle } from 'react';
-import { FieldLayoutBase } from '../private/FieldLayoutBase/FieldLayoutBase.js';
-import styles from './style/index.module.less.js';
-
-const FieldLayoutLocal = ({ id, className, input, icon, button, disabled, isFocused, hasError, inputHandle, onClick, preplyDsComponent, ...props }, ref) => {
-    useStyleExtract(styles);
-    const layoutRef = useRef(null);
-    useImperativeHandle(ref, () => ({
-        setFocus: () => inputHandle === null || inputHandle === void 0 ? void 0 : inputHandle.setFocus(),
-        scrollIntoView: () => { var _a; return (_a = layoutRef === null || layoutRef === void 0 ? void 0 : layoutRef.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView(); },
-    }));
-    const fieldClassNames = moduleLocals(styles, webComponentNames.FieldLayout, [
-        booleanClassNames('is-disabled', undefined, disabled),
-        booleanClassNames('is-focused', undefined, isFocused),
-        booleanClassNames('has-error', undefined, hasError),
-        booleanClassNames('has-icon', undefined, !!icon),
-        booleanClassNames('has-button', undefined, !!button),
-    ]);
-    const allClassNames = className ? [className, ...fieldClassNames] : fieldClassNames;
-    const inputClassNames = moduleLocals(styles, webComponentNames.FieldLayout, ['input']);
-    const iconClassNames = moduleLocals(styles, webComponentNames.FieldLayout, ['icon']);
-    const handleClick = ev => {
-        inputHandle === null || inputHandle === void 0 ? void 0 : inputHandle.setFocus();
-        onClick === null || onClick === void 0 ? void 0 : onClick(ev);
-    };
-    return (React__default.createElement(FieldLayoutBase, { id: id, className: allClassNames.join(' '), disabled: disabled, isFocused: isFocused, hasError: hasError, ...props, preplyDsComponent: preplyDsComponent !== null && preplyDsComponent !== void 0 ? preplyDsComponent : webComponentNames.FieldLayout, ref: layoutRef },
-        React__default.createElement("div", { className: inputClassNames.join(' '), onClick: handleClick },
-            icon && React__default.createElement("span", { className: iconClassNames.join(' ') }, icon),
-            input,
-            button)));
-};
-/**
- * A component for building custom fields.
- */
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { webComponentNames } from "@preply/ds-visual-coverage-component-names";
+import { moduleLocals, booleanClassNames } from "@preply/ds-web-core";
+import { forwardRef, useRef, useImperativeHandle } from "react";
+import { FieldLayoutBase } from "../private/FieldLayoutBase/FieldLayoutBase.js";
+import '../../assets/FieldLayout.css';const styles = {
+  "FieldLayout--input": "_FieldLayout--input_vvcrk_5",
+  "FieldLayout--icon": "_FieldLayout--icon_vvcrk_42",
+  "FieldLayout--has-icon": "_FieldLayout--has-icon_vvcrk_55",
+  "FieldLayout--has-button": "_FieldLayout--has-button_vvcrk_58",
+  "FieldLayout--has-error": "_FieldLayout--has-error_vvcrk_61",
+  "FieldLayout--is-focused": "_FieldLayout--is-focused_vvcrk_72",
+  "FieldLayout--is-disabled": "_FieldLayout--is-disabled_vvcrk_76"
+};
+const FieldLayoutLocal = ({
+  id,
+  className,
+  input,
+  icon,
+  button,
+  disabled,
+  isFocused,
+  hasError,
+  inputHandle,
+  onClick,
+  preplyDsComponent,
+  ...props
+}, ref) => {
+  const layoutRef = useRef(null);
+  useImperativeHandle(ref, () => ({
+    setFocus: () => inputHandle == null ? void 0 : inputHandle.setFocus(),
+    scrollIntoView: () => {
+      var _a;
+      return (_a = layoutRef == null ? void 0 : layoutRef.current) == null ? void 0 : _a.scrollIntoView();
+    }
+  }));
+  const fieldClassNames = moduleLocals(styles, webComponentNames.FieldLayout, [
+    booleanClassNames("is-disabled", void 0, disabled),
+    booleanClassNames("is-focused", void 0, isFocused),
+    booleanClassNames("has-error", void 0, hasError),
+    booleanClassNames("has-icon", void 0, !!icon),
+    booleanClassNames("has-button", void 0, !!button)
+  ]);
+  const allClassNames = className ? [className, ...fieldClassNames] : fieldClassNames;
+  const inputClassNames = moduleLocals(styles, webComponentNames.FieldLayout, ["input"]);
+  const iconClassNames = moduleLocals(styles, webComponentNames.FieldLayout, ["icon"]);
+  const handleClick = (ev) => {
+    inputHandle == null ? void 0 : inputHandle.setFocus();
+    onClick == null ? void 0 : onClick(ev);
+  };
+  return /* @__PURE__ */ jsx(
+    FieldLayoutBase,
+    {
+      id,
+      className: allClassNames.join(" "),
+      disabled,
+      isFocused,
+      hasError,
+      ...props,
+      preplyDsComponent: preplyDsComponent != null ? preplyDsComponent : webComponentNames.FieldLayout,
+      ref: layoutRef,
+      children: /* @__PURE__ */ jsxs("div", { className: inputClassNames.join(" "), onClick: handleClick, children: [
+        icon && /* @__PURE__ */ jsx("span", { className: iconClassNames.join(" "), children: icon }),
+        input,
+        button
+      ] })
+    }
+  );
+};
 const FieldLayout = forwardRef(FieldLayoutLocal);
-
-export { FieldLayout };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmllbGRMYXlvdXQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0ZpZWxkTGF5b3V0L0ZpZWxkTGF5b3V0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCc7XG5cbi8qIGVzbGludC1kaXNhYmxlIGpzeC1hMTF5L25vLXN0YXRpYy1lbGVtZW50LWludGVyYWN0aW9ucyAqL1xuLyogZXNsaW50LWRpc2FibGUganN4LWExMXkvY2xpY2stZXZlbnRzLWhhdmUta2V5LWV2ZW50cyAqL1xuaW1wb3J0IHsgd2ViQ29tcG9uZW50TmFtZXMgfSBmcm9tICdAcHJlcGx5L2RzLXZpc3VhbC1jb3ZlcmFnZS1jb21wb25lbnQtbmFtZXMnO1xuaW1wb3J0IHR5cGUgeyBGaWVsZExheW91dFByb3BzLCBJbnB1dEltcGVyYXRpdmVIYW5kbGUgfSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCB7IGJvb2xlYW5DbGFzc05hbWVzLCBtb2R1bGVMb2NhbHMsIHVzZVN0eWxlRXh0cmFjdCB9IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7XG4gICAgRm9yd2FyZFJlZlJlbmRlckZ1bmN0aW9uLFxuICAgIE1vdXNlRXZlbnRIYW5kbGVyLFxuICAgIGZvcndhcmRSZWYsXG4gICAgdXNlSW1wZXJhdGl2ZUhhbmRsZSxcbiAgICB1c2VSZWYsXG59IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgRmllbGRMYXlvdXRCYXNlIH0gZnJvbSAnLi4vcHJpdmF0ZS9GaWVsZExheW91dEJhc2UvRmllbGRMYXlvdXRCYXNlJztcblxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuY29uc3QgRmllbGRMYXlvdXRMb2NhbDogRm9yd2FyZFJlZlJlbmRlckZ1bmN0aW9uPElucHV0SW1wZXJhdGl2ZUhhbmRsZSwgRmllbGRMYXlvdXRQcm9wcz4gPSAoXG4gICAge1xuICAgICAgICBpZCxcbiAgICAgICAgY2xhc3NOYW1lLFxuICAgICAgICBpbnB1dCxcbiAgICAgICAgaWNvbixcbiAgICAgICAgYnV0dG9uLFxuICAgICAgICBkaXNhYmxlZCxcbiAgICAgICAgaXNGb2N1c2VkLFxuICAgICAgICBoYXNFcnJvcixcbiAgICAgICAgaW5wdXRIYW5kbGUsXG4gICAgICAgIG9uQ2xpY2ssXG4gICAgICAgIHByZXBseURzQ29tcG9uZW50LFxuICAgICAgICAuLi5wcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuKSA9PiB7XG4gICAgdXNlU3R5bGVFeHRyYWN0KHN0eWxlcyk7XG5cbiAgICBjb25zdCBsYXlvdXRSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuXG4gICAgdXNlSW1wZXJhdGl2ZUhhbmRsZShyZWYsICgpID0+ICh7XG4gICAgICAgIHNldEZvY3VzOiAoKSA9PiBpbnB1dEhhbmRsZT8uc2V0Rm9jdXMoKSxcbiAgICAgICAgc2Nyb2xsSW50b1ZpZXc6ICgpID0+IGxheW91dFJlZj8uY3VycmVudD8uc2Nyb2xsSW50b1ZpZXcoKSxcbiAgICB9KSk7XG5cbiAgICBjb25zdCBmaWVsZENsYXNzTmFtZXMgPSBtb2R1bGVMb2NhbHMoc3R5bGVzLCB3ZWJDb21wb25lbnROYW1lcy5GaWVsZExheW91dCwgW1xuICAgICAgICBib29sZWFuQ2xhc3NOYW1lcygnaXMtZGlzYWJsZWQnLCB1bmRlZmluZWQsIGRpc2FibGVkKSxcbiAgICAgICAgYm9vbGVhbkNsYXNzTmFtZXMoJ2lzLWZvY3VzZWQnLCB1bmRlZmluZWQsIGlzRm9jdXNlZCksXG4gICAgICAgIGJvb2xlYW5DbGFzc05hbWVzKCdoYXMtZXJyb3InLCB1bmRlZmluZWQsIGhhc0Vycm9yKSxcbiAgICAgICAgYm9vbGVhbkNsYXNzTmFtZXMoJ2hhcy1pY29uJywgdW5kZWZpbmVkLCAhIWljb24pLFxuICAgICAgICBib29sZWFuQ2xhc3NOYW1lcygnaGFzLWJ1dHRvbicsIHVuZGVmaW5lZCwgISFidXR0b24pLFxuICAgIF0pO1xuICAgIGNvbnN0IGFsbENsYXNzTmFtZXMgPSBjbGFzc05hbWUgPyBbY2xhc3NOYW1lLCAuLi5maWVsZENsYXNzTmFtZXNdIDogZmllbGRDbGFzc05hbWVzO1xuICAgIGNvbnN0IGlucHV0Q2xhc3NOYW1lcyA9IG1vZHVsZUxvY2FscyhzdHlsZXMsIHdlYkNvbXBvbmVudE5hbWVzLkZpZWxkTGF5b3V0LCBbJ2lucHV0J10pO1xuICAgIGNvbnN0IGljb25DbGFzc05hbWVzID0gbW9kdWxlTG9jYWxzKHN0eWxlcywgd2ViQ29tcG9uZW50TmFtZXMuRmllbGRMYXlvdXQsIFsnaWNvbiddKTtcblxuICAgIGNvbnN0IGhhbmRsZUNsaWNrOiBNb3VzZUV2ZW50SGFuZGxlciA9IGV2ID0+IHtcbiAgICAgICAgaW5wdXRIYW5kbGU/LnNldEZvY3VzKCk7XG4gICAgICAgIG9uQ2xpY2s/Lihldik7XG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxGaWVsZExheW91dEJhc2VcbiAgICAgICAgICAgIGlkPXtpZH1cbiAgICAgICAgICAgIGNsYXNzTmFtZT17YWxsQ2xhc3NOYW1lcy5qb2luKCcgJyl9XG4gICAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgICBpc0ZvY3VzZWQ9e2lzRm9jdXNlZH1cbiAgICAgICAgICAgIGhhc0Vycm9yPXtoYXNFcnJvcn1cbiAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgICAgIHByZXBseURzQ29tcG9uZW50PXtwcmVwbHlEc0NvbXBvbmVudCA/PyB3ZWJDb21wb25lbnROYW1lcy5GaWVsZExheW91dH1cbiAgICAgICAgICAgIHJlZj17bGF5b3V0UmVmfVxuICAgICAgICA+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT17aW5wdXRDbGFzc05hbWVzLmpvaW4oJyAnKX0gb25DbGljaz17aGFuZGxlQ2xpY2t9PlxuICAgICAgICAgICAgICAgIHtpY29uICYmIDxzcGFuIGNsYXNzTmFtZT17aWNvbkNsYXNzTmFtZXMuam9pbignICcpfT57aWNvbn08L3NwYW4+fVxuICAgICAgICAgICAgICAgIHtpbnB1dH1cbiAgICAgICAgICAgICAgICB7YnV0dG9ufVxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvRmllbGRMYXlvdXRCYXNlPlxuICAgICk7XG59O1xuXG4vKipcbiAqIEEgY29tcG9uZW50IGZvciBidWlsZGluZyBjdXN0b20gZmllbGRzLlxuICovXG5leHBvcnQgY29uc3QgRmllbGRMYXlvdXQgPSBmb3J3YXJkUmVmKEZpZWxkTGF5b3V0TG9jYWwpO1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBbUJBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFNLENBQWdCLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFzRSxDQUN4RixDQUFBLENBQ0ksQ0FBRSxDQUFBLENBQUEsQ0FDRixDQUFTLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQ1QsQ0FBSyxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FDTCxDQUFJLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FDSixNQUFNLENBQ04sQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQVEsQ0FDUixDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFTLENBQ1QsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQVEsQ0FDUixDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBVyxFQUNYLENBQU8sQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUNQLENBQWlCLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUNqQixDQUFHLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUssQ0FDWCxDQUFBLENBQUEsQ0FDRCxHQUFHLENBQ0gsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUE7SUFDQSxDQUFlLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFDLENBQU0sQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUMsQ0FBQyxDQUFBO0FBRXhCLENBQUEsQ0FBQSxDQUFBLENBQUEsTUFBTSxDQUFTLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBRyxNQUFNLENBQWlCLENBQUEsQ0FBQSxDQUFBLENBQUksQ0FBQyxDQUFDLENBQUE7QUFFL0MsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFtQixDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFDLENBQUcsQ0FBQSxDQUFBLENBQUEsQ0FBRSxDQUFPLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQTtRQUM1QixRQUFRLENBQUUsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBTSxXQUFXLENBQVgsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLElBQUEsQ0FBVyxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBWCxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxHQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLEdBQUEsQ0FBVyxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUUsUUFBUSxDQUFFLENBQUEsQ0FBQSxDQUFBO0FBQ3ZDLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxjQUFjLENBQUUsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBTSxFQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLE1BQUEsU0FBUyxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxJQUFULENBQVMsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxLQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsS0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFULFNBQVMsQ0FBRSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFPLDBDQUFFLENBQWMsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUUsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBO0FBQzdELENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFDLENBQUMsQ0FBQyxDQUFBO0NBRUosQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQU0sQ0FBZSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUcsQ0FBWSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQyxNQUFNLENBQUUsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQWlCLENBQUMsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFXLENBQUUsQ0FBQSxDQUFBLENBQUE7QUFDeEUsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLGlCQUFpQixDQUFDLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQWEsRUFBRSxDQUFTLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUUsUUFBUSxDQUFDLENBQUEsQ0FBQTtBQUNyRCxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsaUJBQWlCLENBQUMsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQVksRUFBRSxDQUFTLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUUsU0FBUyxDQUFDLENBQUEsQ0FBQTtBQUNyRCxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsaUJBQWlCLENBQUMsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFXLEVBQUUsQ0FBUyxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFFLFFBQVEsQ0FBQyxDQUFBLENBQUE7Q0FDbkQsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQWlCLENBQUMsQ0FBVSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUUsU0FBUyxDQUFFLENBQUEsQ0FBQyxDQUFDLENBQUEsQ0FBQSxDQUFBLENBQUksQ0FBQyxDQUFBLENBQUE7Q0FDaEQsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQWlCLENBQUMsQ0FBWSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFFLFNBQVMsQ0FBRSxDQUFBLENBQUMsQ0FBQyxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBTSxDQUFDLENBQUEsQ0FBQTtBQUN2RCxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQyxDQUFDLENBQUE7QUFDSCxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQU0sQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQWEsQ0FBRyxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQVMsQ0FBRyxDQUFBLENBQUEsQ0FBQyxDQUFTLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUUsQ0FBRyxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQWUsQ0FBQyxDQUFBLENBQUEsQ0FBRyxlQUFlLENBQUMsQ0FBQTtBQUNwRixDQUFBLENBQUEsQ0FBQSxDQUFBLENBQU0sQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFlLENBQUcsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFZLENBQUMsQ0FBTSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFFLENBQWlCLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQyxXQUFXLENBQUUsQ0FBQSxDQUFDLENBQU8sQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQyxDQUFDLENBQUMsQ0FBQTtBQUN2RixDQUFBLENBQUEsQ0FBQSxDQUFBLENBQU0sQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBYyxDQUFHLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBWSxDQUFDLENBQU0sQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBRSxDQUFpQixDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUMsV0FBVyxDQUFFLENBQUEsQ0FBQyxDQUFNLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFDLENBQUMsQ0FBQyxDQUFBO0FBRXJGLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBTSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFXLENBQXNCLENBQUEsQ0FBQSxDQUFBLENBQUUsQ0FBRyxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUE7QUFDeEMsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLFdBQVcsVUFBWCxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQVcsS0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFYLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQVcsQ0FBRSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQVEsRUFBRSxDQUFDLENBQUE7QUFDeEIsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLE9BQU8sVUFBUCxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFPLEtBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBUCxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBTyxDQUFHLENBQUEsQ0FBRSxDQUFDLENBQUMsQ0FBQTtBQUNsQixDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUMsQ0FBQyxDQUFBO0NBRUYsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUNJQSw2QkFBQyxDQUFlLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FDWixDQUFBLENBQUEsQ0FBRSxDQUFFLENBQUEsQ0FBQSxDQUFFLENBQ04sQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBUyxFQUFFLENBQWEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQyxDQUFJLENBQUEsQ0FBQSxDQUFBLENBQUMsQ0FBRyxDQUFBLENBQUEsQ0FBQyxDQUNsQyxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBUSxDQUFFLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFRLENBQ2xCLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQVMsQ0FBRSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFTLEVBQ3BCLENBQVEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUUsQ0FBUSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsRUFDZCxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFLLENBQ1QsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQWlCLENBQUUsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQWlCLFVBQWpCLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBaUIsS0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFqQixDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFpQixDQUFJLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQWlCLENBQUMsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFXLENBQ3JFLENBQUEsQ0FBQSxDQUFBLENBQUcsQ0FBRSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFTLENBQUEsQ0FBQSxDQUFBLENBQUE7UUFFZEEsY0FBSyxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLEVBQUEsQ0FBUyxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFFLGVBQWUsQ0FBQyxDQUFBLENBQUEsQ0FBQSxDQUFJLENBQUMsQ0FBRyxDQUFBLENBQUEsQ0FBQyxFQUFFLENBQU8sQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFFLFdBQVcsQ0FBQSxDQUFBLENBQUEsQ0FBQTtBQUMxRCxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFJLElBQUlBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLGFBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxFQUFBLENBQU0sQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBUyxFQUFFLENBQWMsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFDLElBQUksQ0FBQyxDQUFBLENBQUEsQ0FBRyxDQUFDLENBQUcsQ0FBQSxDQUFBLENBQUEsSUFBSSxDQUFRLENBQUEsQ0FBQTtZQUNoRSxDQUFLLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBO0NBQ0wsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFNLENBQ0wsQ0FDUSxDQUNwQixDQUFBLENBQUE7QUFDTixDQUFDLENBQUMsQ0FBQTtBQUVGLENBQUEsQ0FBQSxDQUFBLENBQUE7O0FBRUcsQ0FBQSxDQUFBLENBQUEsQ0FBQTtNQUNVLENBQVcsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBRyxDQUFVLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUMsQ0FBZ0IsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBOzsifQ==
+export {
+  FieldLayout
+};

package/dist/components/Heading/Heading.d.ts

@@ -1,40 +1,40 @@
-import type { ColorName, Dataset, HeadingLevel, HeadingTag, HeadingVariant, Responsive, TextAccent } from '@preply/ds-core';
-import { FC, ReactNode } from 'react';
-export type Props = {
-    /**
-     * @deprecated The appropriate `font-weight` is automatically set
-     */
-    strong?: boolean;
-    accent?: TextAccent;
-    /**
-     * @deprecated Use `accent` instead.
-     */
-    color?: ColorName;
-    centered?: Responsive<boolean>;
-    dataset?: Dataset;
-    children?: ReactNode;
-} & ({
-    variant: Responsive<HeadingVariant>;
-    tag: HeadingTag;
-    /**
-     * @deprecated Use `variant` instead
-     */
-    level?: never;
-    /**
-     * @deprecated There is no large version in Tokyo UI.
-     */
-    large?: never;
-} | {
-    /**
-     * @deprecated Use `variant` instead
-     */
-    level: HeadingLevel;
-    /**
-     * @deprecated There is no large version in Tokyo UI.
-     */
-    large?: Responsive<boolean>;
-    tag?: HeadingTag;
-    variant?: never;
-});
-export declare const Heading: FC<Props>;
+import { ColorName, Dataset, HeadingLevel, HeadingTag, HeadingVariant, Responsive, TextAccent } from '@preply/ds-core';
+import { FC, ReactNode } from 'react';
+export type Props = {
+    /**
+     * @deprecated The appropriate `font-weight` is automatically set
+     */
+    strong?: boolean;
+    accent?: TextAccent;
+    /**
+     * @deprecated Use `accent` instead.
+     */
+    color?: ColorName;
+    centered?: Responsive<boolean>;
+    dataset?: Dataset;
+    children?: ReactNode;
+} & ({
+    variant: Responsive<HeadingVariant>;
+    tag: HeadingTag;
+    /**
+     * @deprecated Use `variant` instead
+     */
+    level?: never;
+    /**
+     * @deprecated There is no large version in Tokyo UI.
+     */
+    large?: never;
+} | {
+    /**
+     * @deprecated Use `variant` instead
+     */
+    level: HeadingLevel;
+    /**
+     * @deprecated There is no large version in Tokyo UI.
+     */
+    large?: Responsive<boolean>;
+    tag?: HeadingTag;
+    variant?: never;
+});
+export declare const Heading: FC<Props>;
 //# sourceMappingURL=Heading.d.ts.map

package/dist/components/Heading/Heading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../src/components/Heading/Heading.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACR,SAAS,EACT,OAAO,EACP,YAAY,EACZ,UAAU,EACV,cAAc,EACd,UAAU,EACV,UAAU,EACb,MAAM,iBAAiB,CAAC;AAYzB,OAAc,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI7C,MAAM,MAAM,KAAK,GAAG;IAChB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,GAAG,CACE;IACI,OAAO,EAAE,UAAU,CAAC,cAAc,CAAC,CAAC;IACpC,GAAG,EAAE,UAAU,CAAC;IAChB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;CACjB,GACD;IACI;;OAEG;IACH,KAAK,EAAE,YAAY,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAC5B,GAAG,CAAC,EAAE,UAAU,CAAC;IACjB,OAAO,CAAC,EAAE,KAAK,CAAC;CACnB,CACN,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,KAAK,CA0C7B,CAAC"}
+{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../src/components/Heading/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACR,SAAS,EACT,OAAO,EACP,YAAY,EACZ,UAAU,EACV,cAAc,EACd,UAAU,EACV,UAAU,EACb,MAAM,iBAAiB,CAAC;AAQzB,OAAc,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAO7C,MAAM,MAAM,KAAK,GAAG;IAChB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,GAAG,CACE;IACI,OAAO,EAAE,UAAU,CAAC,cAAc,CAAC,CAAC;IACpC,GAAG,EAAE,UAAU,CAAC;IAChB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;CACjB,GACD;IACI;;OAEG;IACH,KAAK,EAAE,YAAY,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAC5B,GAAG,CAAC,EAAE,UAAU,CAAC;IACjB,OAAO,CAAC,EAAE,KAAK,CAAC;CACnB,CACN,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,KAAK,CAwC7B,CAAC"}

package/dist/components/Heading/Heading.js

@@ -1,33 +1,144 @@
-'use client';
-import { webComponentNames } from '@preply/ds-visual-coverage-component-names';
-import { useStyleExtract, moduleClassNames, stringClassNames, booleanClassNames, useTextCenteredClassnames, useTextAccentClassnames, useColorClassNames, getDatasetProps } from '@preply/ds-web-core';
-import React__default from 'react';
-import styles from './style/index.module.less.js';
-
-const Heading = ({ children, variant, accent, level, large = false, tag, color, centered, dataset, }) => {
-    useStyleExtract(styles);
-    const Tag = tag || level || 'h1';
-    const classNames = moduleClassNames(styles, webComponentNames.Heading, variant
-        ? stringClassNames('variant', variant)
-        : booleanClassNames(`level-${level}-large`, `level-${level}-normal`, large));
-    const centeredClassNames = useTextCenteredClassnames(centered);
-    const actualColor = accent ? undefined : color;
-    const useDefaultAccent = !actualColor;
-    const accentClassNames = useTextAccentClassnames(useDefaultAccent, accent);
-    const colorClassNames = useColorClassNames(color);
-    const allClassNames = [
-        'preply-ds-heading',
-        ...classNames,
-        ...centeredClassNames,
-        ...accentClassNames,
-        ...colorClassNames,
-    ];
-    const props = {
-        className: allClassNames.join(' '),
-        ...getDatasetProps(dataset, { preplyDsComponent: webComponentNames.Heading }),
-    };
-    return React__default.createElement(Tag, { ...props }, children);
+import { jsx } from "react/jsx-runtime";
+import { webComponentNames } from "@preply/ds-visual-coverage-component-names";
+import { moduleClassNames, stringClassNames, booleanClassNames, getDatasetProps } from "@preply/ds-web-core";
+import { getColorClassNames } from "../../shared-styles/color/color.js";
+import { getTextAccentClassnames } from "../../shared-styles/text-accent/text-accent.js";
+import { getTextCenteredClassnames } from "../../shared-styles/text-centered/text-centered.js";
+import '../../assets/Heading.css';const Heading$1 = "_Heading_phoas_4";
+const styles = {
+  Heading: Heading$1,
+  "Heading--level-h1-normal": "_Heading--level-h1-normal_phoas_11",
+  "Heading--level-h1-large": "_Heading--level-h1-large_phoas_17",
+  "Heading--level-h2-normal": "_Heading--level-h2-normal_phoas_23",
+  "Heading--level-h2-large": "_Heading--level-h2-large_phoas_29",
+  "Heading--level-h3-normal": "_Heading--level-h3-normal_phoas_35",
+  "Heading--level-h3-large": "_Heading--level-h3-large_phoas_41",
+  "Heading--level-h4-normal": "_Heading--level-h4-normal_phoas_47",
+  "Heading--level-h4-large": "_Heading--level-h4-large_phoas_53",
+  "Heading--level-h5-normal": "_Heading--level-h5-normal_phoas_59",
+  "Heading--level-h5-large": "_Heading--level-h5-large_phoas_65",
+  "Heading--narrow-l--level-h1-normal": "_Heading--narrow-l--level-h1-normal_phoas_72",
+  "Heading--narrow-l--level-h1-large": "_Heading--narrow-l--level-h1-large_phoas_78",
+  "Heading--narrow-l--level-h2-normal": "_Heading--narrow-l--level-h2-normal_phoas_84",
+  "Heading--narrow-l--level-h2-large": "_Heading--narrow-l--level-h2-large_phoas_90",
+  "Heading--narrow-l--level-h3-normal": "_Heading--narrow-l--level-h3-normal_phoas_96",
+  "Heading--narrow-l--level-h3-large": "_Heading--narrow-l--level-h3-large_phoas_102",
+  "Heading--narrow-l--level-h4-normal": "_Heading--narrow-l--level-h4-normal_phoas_108",
+  "Heading--narrow-l--level-h4-large": "_Heading--narrow-l--level-h4-large_phoas_114",
+  "Heading--narrow-l--level-h5-normal": "_Heading--narrow-l--level-h5-normal_phoas_120",
+  "Heading--narrow-l--level-h5-large": "_Heading--narrow-l--level-h5-large_phoas_126",
+  "Heading--medium-s--level-h1-normal": "_Heading--medium-s--level-h1-normal_phoas_134",
+  "Heading--medium-s--level-h1-large": "_Heading--medium-s--level-h1-large_phoas_140",
+  "Heading--medium-s--level-h2-normal": "_Heading--medium-s--level-h2-normal_phoas_146",
+  "Heading--medium-s--level-h2-large": "_Heading--medium-s--level-h2-large_phoas_152",
+  "Heading--medium-s--level-h3-normal": "_Heading--medium-s--level-h3-normal_phoas_158",
+  "Heading--medium-s--level-h3-large": "_Heading--medium-s--level-h3-large_phoas_164",
+  "Heading--medium-s--level-h4-normal": "_Heading--medium-s--level-h4-normal_phoas_170",
+  "Heading--medium-s--level-h4-large": "_Heading--medium-s--level-h4-large_phoas_176",
+  "Heading--medium-s--level-h5-normal": "_Heading--medium-s--level-h5-normal_phoas_182",
+  "Heading--medium-s--level-h5-large": "_Heading--medium-s--level-h5-large_phoas_188",
+  "Heading--medium-l--level-h1-normal": "_Heading--medium-l--level-h1-normal_phoas_196",
+  "Heading--medium-l--level-h1-large": "_Heading--medium-l--level-h1-large_phoas_202",
+  "Heading--medium-l--level-h2-normal": "_Heading--medium-l--level-h2-normal_phoas_208",
+  "Heading--medium-l--level-h2-large": "_Heading--medium-l--level-h2-large_phoas_214",
+  "Heading--medium-l--level-h3-normal": "_Heading--medium-l--level-h3-normal_phoas_220",
+  "Heading--medium-l--level-h3-large": "_Heading--medium-l--level-h3-large_phoas_226",
+  "Heading--medium-l--level-h4-normal": "_Heading--medium-l--level-h4-normal_phoas_232",
+  "Heading--medium-l--level-h4-large": "_Heading--medium-l--level-h4-large_phoas_238",
+  "Heading--medium-l--level-h5-normal": "_Heading--medium-l--level-h5-normal_phoas_244",
+  "Heading--medium-l--level-h5-large": "_Heading--medium-l--level-h5-large_phoas_250",
+  "Heading--wide-s--level-h1-normal": "_Heading--wide-s--level-h1-normal_phoas_258",
+  "Heading--wide-s--level-h1-large": "_Heading--wide-s--level-h1-large_phoas_264",
+  "Heading--wide-s--level-h2-normal": "_Heading--wide-s--level-h2-normal_phoas_270",
+  "Heading--wide-s--level-h2-large": "_Heading--wide-s--level-h2-large_phoas_276",
+  "Heading--wide-s--level-h3-normal": "_Heading--wide-s--level-h3-normal_phoas_282",
+  "Heading--wide-s--level-h3-large": "_Heading--wide-s--level-h3-large_phoas_288",
+  "Heading--wide-s--level-h4-normal": "_Heading--wide-s--level-h4-normal_phoas_294",
+  "Heading--wide-s--level-h4-large": "_Heading--wide-s--level-h4-large_phoas_300",
+  "Heading--wide-s--level-h5-normal": "_Heading--wide-s--level-h5-normal_phoas_306",
+  "Heading--wide-s--level-h5-large": "_Heading--wide-s--level-h5-large_phoas_312",
+  "Heading--wide-l--level-h1-normal": "_Heading--wide-l--level-h1-normal_phoas_320",
+  "Heading--wide-l--level-h1-large": "_Heading--wide-l--level-h1-large_phoas_326",
+  "Heading--wide-l--level-h2-normal": "_Heading--wide-l--level-h2-normal_phoas_332",
+  "Heading--wide-l--level-h2-large": "_Heading--wide-l--level-h2-large_phoas_338",
+  "Heading--wide-l--level-h3-normal": "_Heading--wide-l--level-h3-normal_phoas_344",
+  "Heading--wide-l--level-h3-large": "_Heading--wide-l--level-h3-large_phoas_350",
+  "Heading--wide-l--level-h4-normal": "_Heading--wide-l--level-h4-normal_phoas_356",
+  "Heading--wide-l--level-h4-large": "_Heading--wide-l--level-h4-large_phoas_362",
+  "Heading--wide-l--level-h5-normal": "_Heading--wide-l--level-h5-normal_phoas_368",
+  "Heading--wide-l--level-h5-large": "_Heading--wide-l--level-h5-large_phoas_374",
+  "Heading--variant-massive": "_Heading--variant-massive_phoas_381",
+  "Heading--variant-huge": "_Heading--variant-huge_phoas_387",
+  "Heading--variant-extraLarge": "_Heading--variant-extraLarge_phoas_393",
+  "Heading--variant-large": "_Heading--variant-large_phoas_399",
+  "Heading--variant-medium": "_Heading--variant-medium_phoas_405",
+  "Heading--variant-small": "_Heading--variant-small_phoas_411",
+  "Heading--narrow-l--variant-massive": "_Heading--narrow-l--variant-massive_phoas_418",
+  "Heading--narrow-l--variant-huge": "_Heading--narrow-l--variant-huge_phoas_424",
+  "Heading--narrow-l--variant-extraLarge": "_Heading--narrow-l--variant-extraLarge_phoas_430",
+  "Heading--narrow-l--variant-large": "_Heading--narrow-l--variant-large_phoas_436",
+  "Heading--narrow-l--variant-medium": "_Heading--narrow-l--variant-medium_phoas_442",
+  "Heading--narrow-l--variant-small": "_Heading--narrow-l--variant-small_phoas_448",
+  "Heading--medium-s--variant-massive": "_Heading--medium-s--variant-massive_phoas_456",
+  "Heading--medium-s--variant-huge": "_Heading--medium-s--variant-huge_phoas_462",
+  "Heading--medium-s--variant-extraLarge": "_Heading--medium-s--variant-extraLarge_phoas_468",
+  "Heading--medium-s--variant-large": "_Heading--medium-s--variant-large_phoas_474",
+  "Heading--medium-s--variant-medium": "_Heading--medium-s--variant-medium_phoas_480",
+  "Heading--medium-s--variant-small": "_Heading--medium-s--variant-small_phoas_486",
+  "Heading--medium-l--variant-massive": "_Heading--medium-l--variant-massive_phoas_494",
+  "Heading--medium-l--variant-huge": "_Heading--medium-l--variant-huge_phoas_500",
+  "Heading--medium-l--variant-extraLarge": "_Heading--medium-l--variant-extraLarge_phoas_506",
+  "Heading--medium-l--variant-large": "_Heading--medium-l--variant-large_phoas_512",
+  "Heading--medium-l--variant-medium": "_Heading--medium-l--variant-medium_phoas_518",
+  "Heading--medium-l--variant-small": "_Heading--medium-l--variant-small_phoas_524",
+  "Heading--wide-s--variant-massive": "_Heading--wide-s--variant-massive_phoas_532",
+  "Heading--wide-s--variant-huge": "_Heading--wide-s--variant-huge_phoas_538",
+  "Heading--wide-s--variant-extraLarge": "_Heading--wide-s--variant-extraLarge_phoas_544",
+  "Heading--wide-s--variant-large": "_Heading--wide-s--variant-large_phoas_550",
+  "Heading--wide-s--variant-medium": "_Heading--wide-s--variant-medium_phoas_556",
+  "Heading--wide-s--variant-small": "_Heading--wide-s--variant-small_phoas_562",
+  "Heading--wide-l--variant-massive": "_Heading--wide-l--variant-massive_phoas_570",
+  "Heading--wide-l--variant-huge": "_Heading--wide-l--variant-huge_phoas_576",
+  "Heading--wide-l--variant-extraLarge": "_Heading--wide-l--variant-extraLarge_phoas_582",
+  "Heading--wide-l--variant-large": "_Heading--wide-l--variant-large_phoas_588",
+  "Heading--wide-l--variant-medium": "_Heading--wide-l--variant-medium_phoas_594",
+  "Heading--wide-l--variant-small": "_Heading--wide-l--variant-small_phoas_600"
+};
+const Heading = ({
+  children,
+  variant,
+  accent,
+  level,
+  large = false,
+  tag,
+  color,
+  centered,
+  dataset
+}) => {
+  const Tag = tag || level || "h1";
+  const classNames = moduleClassNames(
+    styles,
+    webComponentNames.Heading,
+    variant ? stringClassNames("variant", variant) : booleanClassNames(`level-${level}-large`, `level-${level}-normal`, large)
+  );
+  const centeredClassNames = getTextCenteredClassnames(centered);
+  const actualColor = accent ? void 0 : color;
+  const useDefaultAccent = !actualColor;
+  const accentClassNames = getTextAccentClassnames(useDefaultAccent, accent);
+  const colorClassNames = getColorClassNames(color);
+  const allClassNames = [
+    "preply-ds-heading",
+    ...classNames,
+    ...centeredClassNames,
+    ...accentClassNames,
+    ...colorClassNames
+  ];
+  const props = {
+    className: allClassNames.join(" "),
+    ...getDatasetProps(dataset, { preplyDsComponent: webComponentNames.Heading })
+  };
+  return /* @__PURE__ */ jsx(Tag, { ...props, children });
+};
+export {
+  Heading
 };
-
-export { Heading };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSGVhZGluZy5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvSGVhZGluZy9IZWFkaW5nLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCc7XG5cbmltcG9ydCB0eXBlIHtcbiAgICBDb2xvck5hbWUsXG4gICAgRGF0YXNldCxcbiAgICBIZWFkaW5nTGV2ZWwsXG4gICAgSGVhZGluZ1RhZyxcbiAgICBIZWFkaW5nVmFyaWFudCxcbiAgICBSZXNwb25zaXZlLFxuICAgIFRleHRBY2NlbnQsXG59IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyB3ZWJDb21wb25lbnROYW1lcyB9IGZyb20gJ0BwcmVwbHkvZHMtdmlzdWFsLWNvdmVyYWdlLWNvbXBvbmVudC1uYW1lcyc7XG5pbXBvcnQge1xuICAgIGJvb2xlYW5DbGFzc05hbWVzLFxuICAgIGdldERhdGFzZXRQcm9wcyxcbiAgICBtb2R1bGVDbGFzc05hbWVzLFxuICAgIHN0cmluZ0NsYXNzTmFtZXMsXG4gICAgdXNlQ29sb3JDbGFzc05hbWVzLFxuICAgIHVzZVN0eWxlRXh0cmFjdCxcbiAgICB1c2VUZXh0QWNjZW50Q2xhc3NuYW1lcyxcbiAgICB1c2VUZXh0Q2VudGVyZWRDbGFzc25hbWVzLFxufSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQywgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGUvaW5kZXgubW9kdWxlLmxlc3MnO1xuXG5leHBvcnQgdHlwZSBQcm9wcyA9IHtcbiAgICAvKipcbiAgICAgKiBAZGVwcmVjYXRlZCBUaGUgYXBwcm9wcmlhdGUgYGZvbnQtd2VpZ2h0YCBpcyBhdXRvbWF0aWNhbGx5IHNldFxuICAgICAqL1xuICAgIHN0cm9uZz86IGJvb2xlYW47XG4gICAgYWNjZW50PzogVGV4dEFjY2VudDtcbiAgICAvKipcbiAgICAgKiBAZGVwcmVjYXRlZCBVc2UgYGFjY2VudGAgaW5zdGVhZC5cbiAgICAgKi9cbiAgICBjb2xvcj86IENvbG9yTmFtZTtcbiAgICBjZW50ZXJlZD86IFJlc3BvbnNpdmU8Ym9vbGVhbj47XG4gICAgZGF0YXNldD86IERhdGFzZXQ7XG4gICAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG59ICYgKFxuICAgIHwge1xuICAgICAgICAgIHZhcmlhbnQ6IFJlc3BvbnNpdmU8SGVhZGluZ1ZhcmlhbnQ+O1xuICAgICAgICAgIHRhZzogSGVhZGluZ1RhZztcbiAgICAgICAgICAvKipcbiAgICAgICAgICAgKiBAZGVwcmVjYXRlZCBVc2UgYHZhcmlhbnRgIGluc3RlYWRcbiAgICAgICAgICAgKi9cbiAgICAgICAgICBsZXZlbD86IG5ldmVyO1xuICAgICAgICAgIC8qKlxuICAgICAgICAgICAqIEBkZXByZWNhdGVkIFRoZXJlIGlzIG5vIGxhcmdlIHZlcnNpb24gaW4gVG9reW8gVUkuXG4gICAgICAgICAgICovXG4gICAgICAgICAgbGFyZ2U/OiBuZXZlcjtcbiAgICAgIH1cbiAgICB8IHtcbiAgICAgICAgICAvKipcbiAgICAgICAgICAgKiBAZGVwcmVjYXRlZCBVc2UgYHZhcmlhbnRgIGluc3RlYWRcbiAgICAgICAgICAgKi9cbiAgICAgICAgICBsZXZlbDogSGVhZGluZ0xldmVsO1xuICAgICAgICAgIC8qKlxuICAgICAgICAgICAqIEBkZXByZWNhdGVkIFRoZXJlIGlzIG5vIGxhcmdlIHZlcnNpb24gaW4gVG9reW8gVUkuXG4gICAgICAgICAgICovXG4gICAgICAgICAgbGFyZ2U/OiBSZXNwb25zaXZlPGJvb2xlYW4+O1xuICAgICAgICAgIHRhZz86IEhlYWRpbmdUYWc7XG4gICAgICAgICAgdmFyaWFudD86IG5ldmVyO1xuICAgICAgfVxuKTtcblxuZXhwb3J0IGNvbnN0IEhlYWRpbmc6IEZDPFByb3BzPiA9ICh7XG4gICAgY2hpbGRyZW4sXG4gICAgdmFyaWFudCxcbiAgICBhY2NlbnQsXG4gICAgbGV2ZWwsXG4gICAgbGFyZ2UgPSBmYWxzZSxcbiAgICB0YWcsXG4gICAgY29sb3IsXG4gICAgY2VudGVyZWQsXG4gICAgZGF0YXNldCxcbn0pID0+IHtcbiAgICB1c2VTdHlsZUV4dHJhY3Qoc3R5bGVzKTtcblxuICAgIGNvbnN0IFRhZyA9IHRhZyB8fCBsZXZlbCB8fCAnaDEnO1xuXG4gICAgY29uc3QgY2xhc3NOYW1lcyA9IG1vZHVsZUNsYXNzTmFtZXMoXG4gICAgICAgIHN0eWxlcyxcbiAgICAgICAgd2ViQ29tcG9uZW50TmFtZXMuSGVhZGluZyxcbiAgICAgICAgdmFyaWFudFxuICAgICAgICAgICAgPyBzdHJpbmdDbGFzc05hbWVzKCd2YXJpYW50JywgdmFyaWFudClcbiAgICAgICAgICAgIDogYm9vbGVhbkNsYXNzTmFtZXMoYGxldmVsLSR7bGV2ZWx9LWxhcmdlYCwgYGxldmVsLSR7bGV2ZWx9LW5vcm1hbGAsIGxhcmdlKSxcbiAgICApO1xuICAgIGNvbnN0IGNlbnRlcmVkQ2xhc3NOYW1lcyA9IHVzZVRleHRDZW50ZXJlZENsYXNzbmFtZXMoY2VudGVyZWQpO1xuICAgIGNvbnN0IGFjdHVhbENvbG9yID0gYWNjZW50ID8gdW5kZWZpbmVkIDogY29sb3I7XG4gICAgY29uc3QgdXNlRGVmYXVsdEFjY2VudCA9ICFhY3R1YWxDb2xvcjtcbiAgICBjb25zdCBhY2NlbnRDbGFzc05hbWVzID0gdXNlVGV4dEFjY2VudENsYXNzbmFtZXModXNlRGVmYXVsdEFjY2VudCwgYWNjZW50KTtcbiAgICBjb25zdCBjb2xvckNsYXNzTmFtZXMgPSB1c2VDb2xvckNsYXNzTmFtZXMoY29sb3IpO1xuXG4gICAgY29uc3QgYWxsQ2xhc3NOYW1lcyA9IFtcbiAgICAgICAgJ3ByZXBseS1kcy1oZWFkaW5nJyxcbiAgICAgICAgLi4uY2xhc3NOYW1lcyxcbiAgICAgICAgLi4uY2VudGVyZWRDbGFzc05hbWVzLFxuICAgICAgICAuLi5hY2NlbnRDbGFzc05hbWVzLFxuICAgICAgICAuLi5jb2xvckNsYXNzTmFtZXMsXG4gICAgXTtcblxuICAgIGNvbnN0IHByb3BzID0ge1xuICAgICAgICBjbGFzc05hbWU6IGFsbENsYXNzTmFtZXMuam9pbignICcpLFxuICAgICAgICAuLi5nZXREYXRhc2V0UHJvcHMoZGF0YXNldCwgeyBwcmVwbHlEc0NvbXBvbmVudDogd2ViQ29tcG9uZW50TmFtZXMuSGVhZGluZyB9KSxcbiAgICB9O1xuXG4gICAgcmV0dXJuIDxUYWcgey4uLnByb3BzfT57Y2hpbGRyZW59PC9UYWc+O1xufTtcbiJdLCJuYW1lcyI6WyJSZWFjdCJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBa0VhLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQU8sQ0FBYyxDQUFBLENBQUEsQ0FBQyxDQUMvQixDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBUSxFQUNSLENBQU8sQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUNQLENBQU0sQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FDTixDQUFLLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUNMLEtBQUssQ0FBRyxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFLLENBQ2IsQ0FBQSxDQUFBLENBQUEsQ0FBRyxDQUNILENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFLLEVBQ0wsQ0FBUSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FDUixDQUFPLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUNWLENBQUksQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUE7SUFDRCxDQUFlLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFDLENBQU0sQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUMsQ0FBQyxDQUFBO0FBRXhCLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQU0sR0FBRyxDQUFHLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBRyxJQUFJLENBQUssQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFJLElBQUksQ0FBQyxDQUFBO0NBRWpDLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFNLENBQVUsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUcsQ0FBZ0IsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FDL0IsQ0FBTSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUNOLENBQWlCLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQyxDQUFPLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FDekIsQ0FBTyxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBO0FBQ0gsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBRSxDQUFnQixDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFDLENBQVMsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBRSxPQUFPLENBQUMsQ0FBQTtBQUN0QyxDQUFFLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBaUIsQ0FBQyxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLEVBQVMsQ0FBSyxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQVEsTUFBQSxDQUFBLENBQUEsQ0FBRSxDQUFTLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxLQUFLLENBQVMsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUUsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUssQ0FBQyxDQUNsRixDQUFDLENBQUE7QUFDRixDQUFBLENBQUEsQ0FBQSxDQUFBLE1BQU0sQ0FBa0IsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFHLHlCQUF5QixDQUFDLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBUSxDQUFDLENBQUMsQ0FBQTtDQUMvRCxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBTSxXQUFXLENBQUcsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFNLEdBQUcsQ0FBUyxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUcsS0FBSyxDQUFDLENBQUE7QUFDL0MsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFNLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFnQixDQUFHLENBQUEsQ0FBQSxDQUFDLFdBQVcsQ0FBQyxDQUFBO0NBQ3RDLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFNLGdCQUFnQixDQUFHLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQXVCLENBQUMsQ0FBZ0IsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFFLENBQU0sQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUMsQ0FBQyxDQUFBO0FBQzNFLENBQUEsQ0FBQSxDQUFBLENBQUEsTUFBTSxDQUFlLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBRyxrQkFBa0IsQ0FBQyxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUssQ0FBQyxDQUFDLENBQUE7QUFFbEQsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBTSxhQUFhLENBQUcsQ0FBQSxDQUFBLENBQUEsQ0FBQTtRQUNsQixDQUFtQixDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUE7QUFDbkIsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLEdBQUcsQ0FBVSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUE7QUFDYixDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsR0FBRyxDQUFrQixDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBO0FBQ3JCLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxHQUFHLENBQWdCLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQTtBQUNuQixDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsR0FBRyxDQUFlLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUE7S0FDckIsQ0FBQyxDQUFBO0FBRUYsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBTSxLQUFLLENBQUcsQ0FBQSxDQUFBLENBQUEsQ0FBQTtBQUNWLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxTQUFTLENBQUUsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFhLENBQUMsQ0FBSSxDQUFBLENBQUEsQ0FBQSxDQUFDLEdBQUcsQ0FBQyxDQUFBLENBQUE7UUFDbEMsQ0FBRyxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQWUsQ0FBQyxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFPLENBQUUsQ0FBQSxDQUFBLENBQUUsQ0FBaUIsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUUsQ0FBaUIsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFDLENBQU8sQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFFLENBQUMsQ0FBQSxDQUFBO0tBQ2hGLENBQUMsQ0FBQTtBQUVGLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBT0EsQ0FBQUEsQ0FBQUEsQ0FBQUEsQ0FBQUEsQ0FBQUEsQ0FBQUEsQ0FBQUEsQ0FBQUEsQ0FBQUEsQ0FBQUEsQ0FBQUEsQ0FBQUEsQ0FBQUEsQ0FBQUEsQ0FBQUEsQ0FBQUEsQ0FBQUEsQ0FBQUEsQ0FBQUEsZ0JBQUMsQ0FBRyxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBSyxDQUFLLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFHLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQVEsQ0FBTyxDQUFDLENBQUE7QUFDNUMsQ0FBQSxDQUFBOzsifQ==

package/dist/components/Icon/Icon.d.ts

@@ -1,4 +1,33 @@
-import type { IconProps } from '@preply/ds-web-core';
-import { FC } from 'react';
-export declare const Icon: FC<IconProps>;
+import { ColorName, Dataset, IconSize, TextAccent, TokyoUiIconSize } from '@preply/ds-core';
+import { FC } from 'react';
+import { SvgComponentOrElement } from '../../utils/render-icon';
+export type IconProps = {
+    /**
+     * The SVG icon to render.
+     *
+     * @example
+     * import TokyoUINotesWithPad from '@preply/ds-media-icons/dist/24/TokyoUINotesWithPad.svg';
+     *
+     * <Icon svg={TokyoUINotesWithPad} />
+     *
+     * @example <caption>Using as react server component</caption>
+     * import TokyoUINotesWithPad from '@preply/ds-media-icons/dist/24/TokyoUINotesWithPad.svg';
+     *
+     * <Icon svg={<TokyoUINotesWithPad />} />
+     */
+    svg: SvgComponentOrElement;
+    size?: IconSize | TokyoUiIconSize;
+    accent?: TextAccent;
+    /**
+     * @deprecated Use accent instead.
+     */
+    color?: ColorName;
+    /**
+     * If using the icon without any adjacent descriptive text, use this prop to
+     * provide an `aria-label` for assistive technologies.
+     */
+    label?: string;
+    dataset?: Dataset;
+};
+export declare const Icon: FC<IconProps>;
 //# sourceMappingURL=Icon.d.ts.map

package/dist/components/Icon/Icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AASrD,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIlC,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAqC9B,CAAC"}
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,SAAS,EACT,OAAO,EACP,QAAQ,EAER,UAAU,EACV,eAAe,EAClB,MAAM,iBAAiB,CAAC;AAGzB,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAKlC,OAAO,EAAc,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAE5E,MAAM,MAAM,SAAS,GAAG;IACpB;;;;;;;;;;;;OAYG;IACH,GAAG,EAAE,qBAAqB,CAAC;IAC3B,IAAI,CAAC,EAAE,QAAQ,GAAG,eAAe,CAAC;IAClC,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAmC9B,CAAC"}

package/dist/components/Icon/Icon.js

@@ -1,31 +1,49 @@
-'use client';
-import { ICON_SIZE_DEFAULT } from '@preply/ds-core';
-import { webComponentNames } from '@preply/ds-visual-coverage-component-names';
-import { useStyleExtract, moduleClassNames, booleanClassNames, useTextAccentClassnames, useColorClassNames, getDatasetProps } from '@preply/ds-web-core';
-import React__default from 'react';
-import styles from './style/index.module.less.js';
-
-const Icon = ({ svg: Svg, size = ICON_SIZE_DEFAULT, accent, color, label, dataset, }) => {
-    useStyleExtract(styles);
-    const useNumericSize = !Number.isNaN(Number(size));
-    const style = useNumericSize ? { width: `${size}px`, height: `${size}px` } : {};
-    const classNames = moduleClassNames(styles, webComponentNames.Icon, [
-        booleanClassNames(`size-${size}`, undefined, !useNumericSize),
-    ]);
-    const actualColor = accent ? undefined : color;
-    const accentClassNames = useTextAccentClassnames(false, accent);
-    const colorClassNames = useColorClassNames(actualColor);
-    const allClassNames = [...classNames, ...accentClassNames, ...colorClassNames];
-    const props = {
-        className: allClassNames.join(' '),
-        ...getDatasetProps(dataset, { preplyDsComponent: webComponentNames.Icon }),
-    };
-    if (!Svg) {
-        throw new Error('Icon prop svg is mandatory');
-    }
-    return (React__default.createElement("span", { ...props, style: style, "aria-hidden": !label, "aria-label": label },
-        React__default.createElement(Svg, { "aria-hidden": "true", focusable: "false" })));
+import { jsx } from "react/jsx-runtime";
+import { ICON_SIZE_DEFAULT } from "@preply/ds-core";
+import { webComponentNames } from "@preply/ds-visual-coverage-component-names";
+import { moduleClassNames, booleanClassNames, getDatasetProps } from "@preply/ds-web-core";
+import { getColorClassNames } from "../../shared-styles/color/color.js";
+import { getTextAccentClassnames } from "../../shared-styles/text-accent/text-accent.js";
+import { renderIcon } from "../../utils/render-icon.js";
+import '../../assets/Icon.css';const Icon$1 = "_Icon_13oz0_4";
+const styles = {
+  Icon: Icon$1,
+  "Icon--size-2xs": "_Icon--size-2xs_13oz0_16",
+  "Icon--size-xs": "_Icon--size-xs_13oz0_22",
+  "Icon--size-s": "_Icon--size-s_13oz0_28",
+  "Icon--size-m": "_Icon--size-m_13oz0_34",
+  "Icon--size-l": "_Icon--size-l_13oz0_40",
+  "Icon--size-16": "_Icon--size-16_13oz0_46",
+  "Icon--size-24": "_Icon--size-24_13oz0_52",
+  "Icon--size-32": "_Icon--size-32_13oz0_58",
+  "Icon--size-48": "_Icon--size-48_13oz0_64"
+};
+const Icon = ({
+  svg,
+  size = ICON_SIZE_DEFAULT,
+  accent,
+  color,
+  label,
+  dataset
+}) => {
+  const useNumericSize = !Number.isNaN(Number(size));
+  const style = useNumericSize ? { width: `${size}px`, height: `${size}px` } : {};
+  const classNames = moduleClassNames(styles, webComponentNames.Icon, [
+    booleanClassNames(`size-${size}`, void 0, !useNumericSize)
+  ]);
+  const actualColor = accent ? void 0 : color;
+  const accentClassNames = getTextAccentClassnames(false, accent);
+  const colorClassNames = getColorClassNames(actualColor);
+  const allClassNames = [...classNames, ...accentClassNames, ...colorClassNames];
+  const props = {
+    className: allClassNames.join(" "),
+    ...getDatasetProps(dataset, { preplyDsComponent: webComponentNames.Icon })
+  };
+  if (!svg) {
+    throw new Error("Icon prop svg is mandatory");
+  }
+  return /* @__PURE__ */ jsx("span", { ...props, style, "aria-hidden": !label, "aria-label": label, children: renderIcon(svg, { "aria-hidden": "true", focusable: "false" }) });
+};
+export {
+  Icon
 };
-
-export { Icon };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSWNvbi5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvSWNvbi9JY29uLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCc7XG5cbmltcG9ydCB7IElDT05fU0laRV9ERUZBVUxUIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IHdlYkNvbXBvbmVudE5hbWVzIH0gZnJvbSAnQHByZXBseS9kcy12aXN1YWwtY292ZXJhZ2UtY29tcG9uZW50LW5hbWVzJztcbmltcG9ydCB0eXBlIHsgSWNvblByb3BzIH0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQge1xuICAgIGJvb2xlYW5DbGFzc05hbWVzLFxuICAgIGdldERhdGFzZXRQcm9wcyxcbiAgICBtb2R1bGVDbGFzc05hbWVzLFxuICAgIHVzZUNvbG9yQ2xhc3NOYW1lcyxcbiAgICB1c2VTdHlsZUV4dHJhY3QsXG4gICAgdXNlVGV4dEFjY2VudENsYXNzbmFtZXMsXG59IGZyb20gJ0BwcmVwbHkvZHMtd2ViLWNvcmUnO1xuaW1wb3J0IFJlYWN0LCB7IEZDIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGUvaW5kZXgubW9kdWxlLmxlc3MnO1xuXG5leHBvcnQgY29uc3QgSWNvbjogRkM8SWNvblByb3BzPiA9ICh7XG4gICAgc3ZnOiBTdmcsXG4gICAgc2l6ZSA9IElDT05fU0laRV9ERUZBVUxULFxuICAgIGFjY2VudCxcbiAgICBjb2xvcixcbiAgICBsYWJlbCxcbiAgICBkYXRhc2V0LFxufSkgPT4ge1xuICAgIHVzZVN0eWxlRXh0cmFjdChzdHlsZXMpO1xuXG4gICAgY29uc3QgdXNlTnVtZXJpY1NpemUgPSAhTnVtYmVyLmlzTmFOKE51bWJlcihzaXplKSk7XG4gICAgY29uc3Qgc3R5bGUgPSB1c2VOdW1lcmljU2l6ZSA/IHsgd2lkdGg6IGAke3NpemV9cHhgLCBoZWlnaHQ6IGAke3NpemV9cHhgIH0gOiB7fTtcblxuICAgIGNvbnN0IGNsYXNzTmFtZXMgPSBtb2R1bGVDbGFzc05hbWVzKHN0eWxlcywgd2ViQ29tcG9uZW50TmFtZXMuSWNvbiwgW1xuICAgICAgICBib29sZWFuQ2xhc3NOYW1lcyhgc2l6ZS0ke3NpemUgYXMgc3RyaW5nfWAsIHVuZGVmaW5lZCwgIXVzZU51bWVyaWNTaXplKSxcbiAgICBdKTtcblxuICAgIGNvbnN0IGFjdHVhbENvbG9yID0gYWNjZW50ID8gdW5kZWZpbmVkIDogY29sb3I7XG4gICAgY29uc3QgYWNjZW50Q2xhc3NOYW1lcyA9IHVzZVRleHRBY2NlbnRDbGFzc25hbWVzKGZhbHNlLCBhY2NlbnQpO1xuICAgIGNvbnN0IGNvbG9yQ2xhc3NOYW1lcyA9IHVzZUNvbG9yQ2xhc3NOYW1lcyhhY3R1YWxDb2xvcik7XG5cbiAgICBjb25zdCBhbGxDbGFzc05hbWVzID0gWy4uLmNsYXNzTmFtZXMsIC4uLmFjY2VudENsYXNzTmFtZXMsIC4uLmNvbG9yQ2xhc3NOYW1lc107XG5cbiAgICBjb25zdCBwcm9wcyA9IHtcbiAgICAgICAgY2xhc3NOYW1lOiBhbGxDbGFzc05hbWVzLmpvaW4oJyAnKSxcbiAgICAgICAgLi4uZ2V0RGF0YXNldFByb3BzKGRhdGFzZXQsIHsgcHJlcGx5RHNDb21wb25lbnQ6IHdlYkNvbXBvbmVudE5hbWVzLkljb24gfSksXG4gICAgfTtcblxuICAgIGlmICghU3ZnKSB7XG4gICAgICAgIHRocm93IG5ldyBFcnJvcignSWNvbiBwcm9wIHN2ZyBpcyBtYW5kYXRvcnknKTtcbiAgICB9XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8c3BhbiB7Li4ucHJvcHN9IHN0eWxlPXtzdHlsZX0gYXJpYS1oaWRkZW49eyFsYWJlbH0gYXJpYS1sYWJlbD17bGFiZWx9PlxuICAgICAgICAgICAgPFN2ZyBhcmlhLWhpZGRlbj1cInRydWVcIiBmb2N1c2FibGU9XCJmYWxzZVwiIC8+XG4gICAgICAgIDwvc3Bhbj5cbiAgICApO1xufTtcbiJdLCJuYW1lcyI6WyJSZWFjdCJdLCJtYXBwaW5ncyI6Ijs7Ozs7OztDQWlCYSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBSSxHQUFrQixDQUFDLENBQUEsQ0FDaEMsR0FBRyxDQUFFLENBQUEsQ0FBQSxDQUFBLENBQUcsRUFDUixDQUFJLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFHLGlCQUFpQixDQUN4QixDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFNLEVBQ04sQ0FBSyxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FDTCxLQUFLLENBQ0wsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFPLEdBQ1YsQ0FBSSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQTtJQUNELENBQWUsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUMsQ0FBTSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQyxDQUFDLENBQUE7QUFFeEIsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFNLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQWMsQ0FBRyxDQUFBLENBQUEsQ0FBQyxDQUFNLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFDLENBQUssQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFDLENBQU0sQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUMsQ0FBSSxDQUFBLENBQUEsQ0FBQSxDQUFDLENBQUMsQ0FBQyxDQUFBO0NBQ25ELENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFNLENBQUssQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBRyxDQUFjLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUcsQ0FBRSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBSyxDQUFFLENBQUEsQ0FBRyxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBSSxJQUFJLENBQUUsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBTSxDQUFFLENBQUEsQ0FBQSxDQUFHLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBSSxDQUFBLENBQUEsQ0FBQSxDQUFJLENBQUEsQ0FBRSxDQUFHLENBQUEsQ0FBQSxDQUFBLENBQUUsQ0FBQyxDQUFBO0NBRWhGLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFNLENBQVUsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUcsQ0FBZ0IsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQyxNQUFNLENBQUUsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQWlCLENBQUMsQ0FBQSxDQUFBLENBQUEsQ0FBSSxDQUFFLENBQUEsQ0FBQSxDQUFBO1FBQ2hFLENBQWlCLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQyxPQUFRLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBYyxDQUFBLENBQUUsQ0FBRSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFTLENBQUUsQ0FBQSxDQUFDLGNBQWMsQ0FBQyxDQUFBLENBQUE7QUFDMUUsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUMsQ0FBQyxDQUFBO0NBRUgsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQU0sV0FBVyxDQUFHLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBTSxHQUFHLENBQVMsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFHLEtBQUssQ0FBQyxDQUFBO0NBQy9DLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFNLGdCQUFnQixDQUFHLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQXVCLENBQUMsQ0FBSyxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBRSxDQUFNLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFDLENBQUMsQ0FBQTtBQUNoRSxDQUFBLENBQUEsQ0FBQSxDQUFBLE1BQU0sQ0FBZSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUcsa0JBQWtCLENBQUMsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFXLENBQUMsQ0FBQyxDQUFBO0FBRXhELENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBTSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBYSxDQUFHLENBQUEsQ0FBQSxDQUFDLENBQUcsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQVUsQ0FBRSxDQUFBLENBQUEsQ0FBQSxDQUFHLENBQWdCLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBRSxDQUFHLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBZSxDQUFDLENBQUMsQ0FBQTtBQUUvRSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFNLEtBQUssQ0FBRyxDQUFBLENBQUEsQ0FBQSxDQUFBO0FBQ1YsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLFNBQVMsQ0FBRSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQWEsQ0FBQyxDQUFJLENBQUEsQ0FBQSxDQUFBLENBQUMsR0FBRyxDQUFDLENBQUEsQ0FBQTtRQUNsQyxDQUFHLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBZSxDQUFDLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQU8sQ0FBRSxDQUFBLENBQUEsQ0FBRSxDQUFpQixDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBRSxDQUFpQixDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUMsQ0FBSSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUUsQ0FBQyxDQUFBLENBQUE7S0FDN0UsQ0FBQyxDQUFBO0NBRUYsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBSSxDQUFDLENBQUEsQ0FBQSxDQUFHLENBQUUsQ0FBQSxDQUFBLENBQUE7QUFDTixDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsTUFBTSxDQUFJLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBSyxDQUFDLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQTRCLENBQUMsQ0FBQyxDQUFBO0FBQ2pELENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBO0NBRUQsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUNJQSxjQUFVLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBSyxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBRSxLQUFLLENBQUUsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUssQ0FBZSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUMsS0FBSyxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBYyxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBSyxDQUFBLENBQUEsQ0FBQSxDQUFBO1FBQ2pFQSxjQUFDLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFHLEVBQWEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFNLEVBQUMsQ0FBUyxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFBLENBQUEsQ0FBQSxDQUFDLE9BQU8sQ0FBQSxDQUFBLENBQUcsQ0FDekMsQ0FDVCxDQUFBLENBQUE7QUFDTixDQUFBLENBQUE7OyJ9

package/dist/components/IconButton/IconButton.d.ts

@@ -1,13 +1,13 @@
-import { ReactSVGComponentType } from '@preply/ds-web-core';
-import { FC, ReactNode } from 'react';
-import { ButtonBaseProps } from '../private/ButtonBase/ButtonBase';
-type UnionOmit<T, K extends string | number | symbol> = T extends unknown ? Omit<T, K> : never;
-export type IconButtonProps = UnionOmit<ButtonBaseProps, 'fullWidth' | 'wrap' | 'isIconButton' | 'children' | 'preplyDsComponent'>;
-export type Props = IconButtonProps & {
-    assistiveText: string;
-    svg: ReactSVGComponentType;
-    children?: ReactNode;
-};
-export declare const IconButton: FC<Props>;
-export {};
+import { FC, ReactNode } from 'react';
+import { SvgComponentOrElement } from '../../utils/render-icon';
+import { ButtonBaseProps } from '../private/ButtonBase/ButtonBase';
+type UnionOmit<T, K extends string | number | symbol> = T extends unknown ? Omit<T, K> : never;
+export type IconButtonProps = UnionOmit<ButtonBaseProps, 'fullWidth' | 'wrap' | 'isIconButton' | 'children' | 'preplyDsComponent'>;
+export type Props = IconButtonProps & {
+    assistiveText: string;
+    svg: SvgComponentOrElement;
+    children?: ReactNode;
+};
+export declare const IconButton: FC<Props>;
+export {};
 //# sourceMappingURL=IconButton.d.ts.map

package/dist/components/IconButton/IconButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/IconButton.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAc,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAc,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAK/E,KAAK,SAAS,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM,IAAI,CAAC,SAAS,OAAO,GAAG,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,KAAK,CAAC;AAE/F,MAAM,MAAM,eAAe,GAAG,SAAS,CACnC,eAAe,EACf,WAAW,GAAG,MAAM,GAAG,cAAc,GAAG,UAAU,GAAG,mBAAmB,CAC3E,CAAC;AAEF,MAAM,MAAM,KAAK,GAAG,eAAe,GAAG;IAClC,aAAa,EAAE,MAAM,CAAC;IACtB,GAAG,EAAE,qBAAqB,CAAC;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,KAAK,CAqBhC,CAAC"}
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/IconButton.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAc,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAE5E,OAAO,EAAc,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAK/E,KAAK,SAAS,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM,IAAI,CAAC,SAAS,OAAO,GAAG,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,KAAK,CAAC;AAE/F,MAAM,MAAM,eAAe,GAAG,SAAS,CACnC,eAAe,EACf,WAAW,GAAG,MAAM,GAAG,cAAc,GAAG,UAAU,GAAG,mBAAmB,CAC3E,CAAC;AAEF,MAAM,MAAM,KAAK,GAAG,eAAe,GAAG;IAClC,aAAa,EAAE,MAAM,CAAC;IACtB,GAAG,EAAE,qBAAqB,CAAC;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,KAAK,CAqBhC,CAAC"}