@kommo-crm/crm-react-ui-kit 1.1.1-beta.1 → 1.1.1-beta.3

package/dist/components/TextArea/hooks/useResizeTextArea.js

@@ -1,16 +1,24 @@
-import { useRef as o, useCallback as u, useLayoutEffect as h } from "react";
-const a = (t, c, f) => {
-  const r = o(null), n = o(), s = u(
-    (e) => {
-      c && e.offsetParent && (e.style.height = "", e.style.height = `${e.scrollHeight}px`, e.scrollHeight !== n.current && t && (t(e), n.current = e.scrollHeight));
-    },
-    [c, t]
-  ), l = u(() => {
-    const e = r.current;
-    e && s(e);
-  }, [r, s]);
-  return h(l, [...f, l]), r;
-};
-export {
-  a as useAutosizeTextarea
+import { useCallback, useLayoutEffect, useRef } from 'react';
+export const useAutosizeTextarea = (onAutosize, isAutosized, autosizeDependencies) => {
+    const elementRef = useRef(null);
+    const currentScrollHeight = useRef();
+    const resizeElement = useCallback((el) => {
+        if (isAutosized && el.offsetParent) {
+            el.style.height = '';
+            el.style.height = `${el.scrollHeight}px`;
+            if (el.scrollHeight !== currentScrollHeight.current && onAutosize) {
+                onAutosize(el);
+                currentScrollHeight.current = el.scrollHeight;
+            }
+        }
+    }, [isAutosized, onAutosize]);
+    const handleAutosize = useCallback(() => {
+        const el = elementRef.current;
+        if (!el) {
+            return;
+        }
+        resizeElement(el);
+    }, [elementRef, resizeElement]);
+    useLayoutEffect(handleAutosize, [...autosizeDependencies, handleAutosize]);
+    return elementRef;
 };

package/dist/components/TextArea/index.js

@@ -1,7 +1,2 @@
-import { TextArea as a } from "./TextArea.js";
-import { TextareaDarkTheme as x, TextareaLightTheme as T } from "./TextArea.themes.js";
-export {
-  a as TextArea,
-  x as TextareaDarkTheme,
-  T as TextareaLightTheme
-};
+export { TextArea } from './TextArea';
+export { TextareaLightTheme, TextareaDarkTheme, } from './TextArea.themes';

package/dist/components/VisuallyHiddenInput/VisuallyHiddenInput.d.ts

@@ -1,3 +1,3 @@
-import { default as React } from 'react';
-export declare const VisuallyHiddenInput: React.ForwardRefExoticComponent<(Omit<import('./VisuallyHiddenInput.props').ControlledVisuallyHiddenInputProps<unknown>, "ref"> | Omit<import('./VisuallyHiddenInput.props').UncontrolledVisuallyHiddenInputProps<unknown>, "ref">) & React.RefAttributes<HTMLInputElement>>;
+import React from 'react';
+export declare const VisuallyHiddenInput: React.ForwardRefExoticComponent<(Omit<import("./VisuallyHiddenInput.props").ControlledVisuallyHiddenInputProps<unknown>, "ref"> | Omit<import("./VisuallyHiddenInput.props").UncontrolledVisuallyHiddenInputProps<unknown>, "ref">) & React.RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=VisuallyHiddenInput.d.ts.map

package/dist/components/VisuallyHiddenInput/VisuallyHiddenInput.js

@@ -1,28 +1,23 @@
-import { jsx as u } from "react/jsx-runtime";
-import { forwardRef as a } from "react";
-import { c as d } from "../../index-L8X2o7IH.mjs";
-import { BaseInput as l } from "../BaseInput/BaseInput.js";
-import '../../assets/VisuallyHiddenInput.css';const m = "_input_onafw_1", f = {
-  input: m
-}, h = a((e, n) => {
-  const { className: o = "", ...t } = e, s = () => {
-    if ("isChecked" in t) {
-      const { isChecked: i, ...p } = t;
-      return { checked: i, ...p };
-    }
-    const { isDefaultChecked: r, ...c } = t;
-    return { defaultChecked: r, ...c };
-  };
-  return /* @__PURE__ */ u(
-    l,
-    {
-      ref: n,
-      className: d(f.input, o),
-      ...s()
-    }
-  );
+import React, { forwardRef } from 'react';
+import cx from 'classnames';
+import { BaseInput } from 'src/components/BaseInput/BaseInput';
+import s from './VisuallyHiddenInput.module.css';
+export const VisuallyHiddenInput = forwardRef((props, ref) => {
+    const { className = '', ...rest } = props;
+    const getInputPropsBasedOnControlType = () => {
+        /**
+         * Props for `controlled` state
+         */
+        if ('isChecked' in rest) {
+            const { isChecked, ...controlledProps } = rest;
+            return { checked: isChecked, ...controlledProps };
+        }
+        /**
+         * Props for `uncontrolled` state
+         */
+        const { isDefaultChecked, ...uncontrolledProps } = rest;
+        return { defaultChecked: isDefaultChecked, ...uncontrolledProps };
+    };
+    return (React.createElement(BaseInput, { ref: ref, className: cx(s.input, className), ...getInputPropsBasedOnControlType() }));
 });
-h.displayName = "VisuallyHiddenInput";
-export {
-  h as VisuallyHiddenInput
-};
+VisuallyHiddenInput.displayName = 'VisuallyHiddenInput';

package/dist/components/VisuallyHiddenInput/VisuallyHiddenInput.props.d.ts

@@ -1,4 +1,4 @@
-import { BaseInputProps } from '../BaseInput';
+import { type BaseInputProps } from 'src/components/BaseInput';
 export type VisuallyHiddenInputBaseProps<T> = Omit<BaseInputProps, 'isPlaceholderVisibleOnFocus'> & T;
 export type ControlledVisuallyHiddenInputProps<T> = VisuallyHiddenInputBaseProps<T> & {
     /**

package/dist/components/VisuallyHiddenInput/VisuallyHiddenInput.props.js

@@ -1 +1 @@
-
+export {};

package/dist/components/VisuallyHiddenInput/index.js

@@ -1,4 +1 @@
-import { VisuallyHiddenInput as i } from "./VisuallyHiddenInput.js";
-export {
-  i as VisuallyHiddenInput
-};
+export { VisuallyHiddenInput } from './VisuallyHiddenInput';

package/dist/hooks/useThemeClassName/index.js

@@ -1,4 +1 @@
-import { useThemeClassName as s } from "./useThemeClassName.js";
-export {
-  s as useThemeClassName
-};
+export { useThemeClassName } from './useThemeClassName';

package/dist/hooks/useThemeClassName/useThemeClassName.d.ts

@@ -1,3 +1,3 @@
-import { CrmUiKitCSSProperties } from '../../lib/theme';
+import { CrmUiKitCSSProperties } from 'src/lib/theme';
 export declare const useThemeClassName: <T extends CrmUiKitCSSProperties>(theme: T) => string;
 //# sourceMappingURL=useThemeClassName.d.ts.map

package/dist/hooks/useThemeClassName/useThemeClassName.js

@@ -1,23 +1,29 @@
-import { useState as c, useMemo as l } from "react";
-let m = (t = 21) => crypto.getRandomValues(new Uint8Array(t)).reduce((s, e) => (e &= 63, e < 36 ? s += e.toString(36) : e < 62 ? s += (e - 26).toString(36).toUpperCase() : e > 62 ? s += "-" : s += "_", s), "");
-const i = "crm-ui-kit-theme", o = /* @__PURE__ */ new Map(), u = (t) => {
-  const s = `${i}-${m(5)}`, e = document.createElement("style"), n = Object.entries(t).map(([a, r]) => `${a}: ${r};`).join(`
-  `);
-  return e.textContent = `.${s} {
-  ${n}
-}`, document.head.appendChild(e), s;
-}, C = (t) => {
-  const [s, e] = c("");
-  return l(() => {
-    const n = o.get(t);
-    if (n)
-      e(n);
-    else {
-      const a = u(t);
-      o.set(t, a), e(a);
-    }
-  }, [t]), s;
+import { nanoid } from 'nanoid';
+import { useMemo, useState } from 'react';
+const DEFAULT_PREFIX = 'crm-ui-kit-theme';
+const stylesMap = new Map();
+const createClass = (newTheme) => {
+    const className = `${DEFAULT_PREFIX}-${nanoid(5)}`;
+    const styleElement = document.createElement('style');
+    const stylesString = Object.entries(newTheme)
+        .map(([key, value]) => `${key}: ${value};`)
+        .join('\n  ');
+    styleElement.textContent = `.${className} {\n  ${stylesString}\n}`;
+    document.head.appendChild(styleElement);
+    return className;
 };
-export {
-  C as useThemeClassName
+export const useThemeClassName = (theme) => {
+    const [className, setClassName] = useState('');
+    useMemo(() => {
+        const existedClassName = stylesMap.get(theme);
+        if (existedClassName) {
+            setClassName(existedClassName);
+        }
+        else {
+            const themeClassName = createClass(theme);
+            stylesMap.set(theme, themeClassName);
+            setClassName(themeClassName);
+        }
+    }, [theme]);
+    return className;
 };

package/dist/index.js

@@ -1,4 +1,4 @@
-import { Appearance as r } from "./lib/appearance/index.js";
-export {
-  r as Appearance
-};
+/**
+ * Enums
+ */
+export { Appearance } from './lib/appearance';

package/dist/lib/appearance/index.js

@@ -1,7 +1,13 @@
-var A = /* @__PURE__ */ ((t) => (t.DEFAULT = "default", t.ALTERNATIVE = "alternative", t))(A || {});
-const E = "data-crm-ui-kit-theme", T = "default";
-export {
-  E as APPEARANCE_ATTRIBUTE_NAME,
-  A as Appearance,
-  T as DEFAULT_APPEARANCE
-};
+export var Appearance;
+(function (Appearance) {
+    /**
+     * Standard theme
+     */
+    Appearance["DEFAULT"] = "default";
+    /**
+     * Alternative "Dark" Theme
+     */
+    Appearance["ALTERNATIVE"] = "alternative";
+})(Appearance || (Appearance = {}));
+export const APPEARANCE_ATTRIBUTE_NAME = 'data-crm-ui-kit-theme';
+export const DEFAULT_APPEARANCE = Appearance.DEFAULT;

package/dist/lib/platform/index.js

@@ -1,4 +1,15 @@
-var r = /* @__PURE__ */ ((e) => (e.ANDROID = "android", e.IOS = "ios", e.WEB = "web", e))(r || {});
-export {
-  r as Platform
-};
+export var Platform;
+(function (Platform) {
+    /**
+     * Represents the Android platform.
+     */
+    Platform["ANDROID"] = "android";
+    /**
+     * Represents the IOS platform.
+     */
+    Platform["IOS"] = "ios";
+    /**
+     * Represents the web platform.
+     */
+    Platform["WEB"] = "web";
+})(Platform || (Platform = {}));

package/dist/lib/react/createComponentContext/createComponentContext.d.ts

@@ -1,3 +1,3 @@
-import { ContextProps } from './createComponentContext.props';
+import { type ContextProps } from './createComponentContext.props';
 export declare const createComponentContext: <T extends object | null>(rootComponentName: string, defaultContext?: T) => readonly [ContextProps<T>, (consumerName: string) => NonNullable<T>];
 //# sourceMappingURL=createComponentContext.d.ts.map

package/dist/lib/react/createComponentContext/createComponentContext.js

@@ -1,19 +1,17 @@
-import { jsx as x } from "react/jsx-runtime";
-import o from "react";
-const d = (s, c) => {
-  const r = o.createContext(c);
-  return [(e) => {
-    const { children: t, ...n } = e, u = o.useMemo(() => n, Object.values(n));
-    return /* @__PURE__ */ x(r.Provider, { value: u, children: t });
-  }, (e) => {
-    const t = o.useContext(r);
-    if (t)
-      return t;
-    throw new Error(
-      `\`${e}\` must be used within \`${s}\``
-    );
-  }];
-};
-export {
-  d as createComponentContext
+import React from 'react';
+export const createComponentContext = (rootComponentName, defaultContext) => {
+    const Context = React.createContext(defaultContext);
+    const Provider = (props) => {
+        const { children, ...context } = props;
+        const value = React.useMemo(() => context, Object.values(context));
+        return React.createElement(Context.Provider, { value: value }, children);
+    };
+    const useContext = (consumerName) => {
+        const context = React.useContext(Context);
+        if (context) {
+            return context;
+        }
+        throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
+    };
+    return [Provider, useContext];
 };

package/dist/lib/react/createComponentContext/createComponentContext.props.js

@@ -1 +1 @@
-
+export {};

package/dist/lib/react/createComponentContext/index.js

@@ -1,4 +1 @@
-import { createComponentContext as t } from "./createComponentContext.js";
-export {
-  t as createComponentContext
-};
+export { createComponentContext } from './createComponentContext';

package/dist/lib/react/index.js

@@ -1,4 +1 @@
-import { createComponentContext as t } from "./createComponentContext/createComponentContext.js";
-export {
-  t as createComponentContext
-};
+export { createComponentContext } from './createComponentContext';

package/dist/lib/theme/index.js

@@ -1 +1 @@
-
+export {};

package/dist/lib/theme/type.js

@@ -1 +1 @@
-
+export {};

package/dist/lib/utils.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import React from 'react';
 export declare function mergeRefs<T>(...inputRefs: (React.Ref<T> | undefined)[]): React.Ref<T> | React.RefCallback<T>;
 export declare const isTouchableDevice: () => boolean;
 export declare const isValidRenderValue: (value: any) => value is string | number | React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;

package/dist/lib/utils.js

@@ -1,14 +1,24 @@
-import i from "react";
-function s(...e) {
-  const n = e.filter(Boolean);
-  return n.length <= 1 ? n[0] || null : function(o) {
-    for (const t of n)
-      typeof t == "function" ? t(o) : t && (t.current = o);
-  };
+import React from 'react';
+export function mergeRefs(...inputRefs) {
+    const filteredInputRefs = inputRefs.filter(Boolean);
+    if (filteredInputRefs.length <= 1) {
+        const firstRef = filteredInputRefs[0];
+        return firstRef || null;
+    }
+    return function mergedRefs(ref) {
+        for (const inputRef of filteredInputRefs) {
+            if (typeof inputRef === 'function') {
+                inputRef(ref);
+            }
+            else if (inputRef) {
+                inputRef.current = ref;
+            }
+        }
+    };
 }
-const c = () => "ontouchstart" in window, u = (e) => i.isValidElement(e) || typeof e == "string" || typeof e == "number";
-export {
-  c as isTouchableDevice,
-  u as isValidRenderValue,
-  s as mergeRefs
+export const isTouchableDevice = () => Boolean('ontouchstart' in window);
+export const isValidRenderValue = (value) => {
+    return (React.isValidElement(value) ||
+        typeof value === 'string' ||
+        typeof value === 'number');
 };

package/dist/stylesheets/utils/BaseClasses/BaseClasses.js

@@ -1,6 +1,2 @@
-import '../../../assets/BaseClasses.css';const s = "_custom_scroll_6bijz_1", o = {
-  custom_scroll: s
-}, c = o.custom_scroll;
-export {
-  c as CustomScrollClassName
-};
+import s from './base.module.css';
+export const CustomScrollClassName = s.custom_scroll;

package/dist/stylesheets/utils/BaseClasses/index.js

@@ -1,4 +1 @@
-import { CustomScrollClassName as m } from "./BaseClasses.js";
-export {
-  m as CustomScrollClassName
-};
+export { CustomScrollClassName } from './BaseClasses';

package/dist/utils/index.js

@@ -1,6 +1,2 @@
-import { omit as m } from "./omit/omit.js";
-import { noop as t } from "./noop/noop.js";
-export {
-  t as noop,
-  m as omit
-};
+export { omit } from './omit/omit';
+export { noop } from './noop/noop';

package/dist/utils/noop/noop.js

@@ -1,5 +1,2 @@
-const o = () => {
-};
-export {
-  o as noop
-};
+// eslint-disable-next-line no-empty-function
+export const noop = () => { };

package/dist/utils/omit/omit.js

@@ -1,9 +1,7 @@
-const n = (t, e) => {
-  const { ...o } = t;
-  for (const c of e)
-    delete o[c];
-  return o;
-};
-export {
-  n as omit
+export const omit = (obj, keys) => {
+    const { ...copy } = obj;
+    for (const key of keys) {
+        delete copy[key];
+    }
+    return copy;
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@kommo-crm/crm-react-ui-kit",
   "description": "Ready-to-use React components which implements Kommo design",
-  "version": "1.1.1-beta.1",
+  "version": "1.1.1-beta.3",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "engines": {
@@ -221,4 +221,4 @@
     "react-dom": "^18.0"
   },
   "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
-}
+}

package/dist/Accordion.module-0NEfElzm.mjs

@@ -1,6 +0,0 @@
-import './assets/Accordion.css';const p = "_wrapper_391nf_1", r = {
-  wrapper: p
-};
-export {
-  r as s
-};

package/dist/ItemRoot.module-DaaOqYPx.mjs

@@ -1,7 +0,0 @@
-import './assets/ItemRoot2.css';const o = "_item_root_12q32_1", t = "_disabled_12q32_7", _ = {
-  item_root: o,
-  disabled: t
-};
-export {
-  _ as s
-};

package/dist/ItemRoot.module-fiKLca_h.mjs

@@ -1,7 +0,0 @@
-import './assets/ItemRoot.css';const o = "_item_root_7dbe8_1", t = "_disabled_7dbe8_7", e = {
-  item_root: o,
-  disabled: t
-};
-export {
-  e as s
-};

package/dist/List-AX0nB9Ji.mjs

@@ -1,141 +0,0 @@
-import { jsx as R } from "react/jsx-runtime";
-import w, { useState as I, useEffect as E, useCallback as C, forwardRef as y } from "react";
-import { c as A } from "./index-L8X2o7IH.mjs";
-import { useThemeClassName as H } from "./hooks/useThemeClassName/useThemeClassName.js";
-import { CustomScrollClassName as K } from "./stylesheets/utils/BaseClasses/BaseClasses.js";
-import { noop as g } from "./utils/noop/noop.js";
-import './assets/List.css';var x = "ArrowUp", T = "ArrowDown", D = "Escape", b = "Enter", k = "Space", O = [x, T, b, k], P = (s) => {
-  const {
-    itemsLength: o,
-    onSelect: r,
-    onToggle: e,
-    onHoveredIndexChange: a = () => {
-    },
-    isOpened: t = !1,
-    hoveredIndex: c = 0,
-    listRef: u
-  } = s, [n, p] = I(c);
-  E(() => {
-    p(c);
-  }, [c]);
-  const f = (i) => {
-    p(i), a(i);
-  }, d = C((i) => {
-    if (!u || !u.current)
-      return;
-    const m = u.current, v = m.querySelector(
-      `li:nth-child(${i + 1})`
-    );
-    if (!v)
-      return;
-    const N = m.getBoundingClientRect().top, S = v.getBoundingClientRect().top, L = m.scrollTop + (S - N) - m.offsetHeight / 2 + v.offsetHeight / 2;
-    m.scrollTop = L, f(i);
-  }, []), h = C(
-    (i) => {
-      switch (O.includes(i.code) && i.preventDefault(), i.code) {
-        case D:
-          t && e(!1);
-          break;
-        case x:
-          t && d(
-            n > 0 ? n - 1 : o - 1
-          );
-          break;
-        case T:
-          t && d(
-            n < o - 1 ? n + 1 : 0
-          );
-          break;
-        case b:
-        case k:
-          t && n >= 0 && n < o ? r(n) : e(!0);
-          break;
-      }
-    },
-    [n, t, o, r, e]
-  );
-  return E(() => {
-    t && (f(n), d(n));
-  }, [t]), {
-    currentHoveredIndex: n,
-    updateHoveredIndex: f,
-    updateListPosition: d,
-    onKeyDown: h
-  };
-}, B = (s, o) => s.filter((r) => r !== o), l = {}, Y = (s) => {
-  for (const o in l) {
-    const r = l[o];
-    for (let e = r.length - 1; e > -1; e--) {
-      const { ref: a, handler: t } = r[e], c = a.current;
-      if (c) {
-        if (c.contains(s.target))
-          break;
-        t(s);
-        break;
-      }
-    }
-  }
-};
-document.addEventListener("click", Y);
-var J = (s) => {
-  const { handler: o, ref: r, context: e = "global" } = s;
-  E(() => {
-    l[e] || (l[e] = []);
-    const a = { handler: o, ref: r };
-    return setTimeout(() => {
-      var t;
-      (t = l[e]) == null || t.push(a);
-    }), () => {
-      l[e] = B(l[e], a);
-    };
-  }, [o, r, e]);
-};
-const j = "_list_133sa_1", U = "_opened_133sa_11", _ = {
-  list: j,
-  opened: U
-}, q = y((s, o) => {
-  const {
-    className: r = "",
-    theme: e,
-    children: a,
-    isOpened: t,
-    hoveredIndex: c = 0,
-    onSelect: u = g,
-    onToggle: n = g,
-    onHoveredIndexChange: p = g,
-    ...f
-  } = s, d = H(e), { onKeyDown: h } = P({
-    itemsLength: w.Children.toArray(a).length,
-    onSelect: u,
-    onToggle: n,
-    isOpened: t,
-    listRef: o,
-    hoveredIndex: c,
-    onHoveredIndexChange: p
-  });
-  return t && /* @__PURE__ */ R(
-    "ul",
-    {
-      onKeyDown: h,
-      ref: o,
-      tabIndex: 0,
-      className: A(
-        K,
-        _.list,
-        d,
-        {
-          [_.opened]: t
-        },
-        r
-      ),
-      role: "list",
-      ...f,
-      children: a
-    }
-  );
-});
-q.displayName = "List";
-export {
-  q as L,
-  J as u
-};

package/dist/Tab.module-Bh4dewE1.mjs

@@ -1,7 +0,0 @@
-import './assets/Tab.css';const t = "_button_12unc_1", e = "_selected_12unc_48", c = {
-  button: t,
-  selected: e
-};
-export {
-  c as s
-};

package/dist/assets/Accordion.css

@@ -1 +0,0 @@
-._wrapper_391nf_1{width:var(--crm-ui-kit-accordion-width)}

package/dist/assets/Arrow.css

@@ -1 +0,0 @@
-._arrow_udm9h_1{transform:translateY(-2px);fill:var(--crm-ui-kit-palette-background-primary)}._arrow_border_udm9h_8{transform:translateY(-.5px);fill:var(--crm-ui-kit-palette-border-default);overflow:visible}

package/dist/assets/Arrow2.css

@@ -1 +0,0 @@
-._wrapper_hk1oh_1{display:flex;width:var(--crm-ui-kit-select-arrow-width);height:var(--crm-ui-kit-select-arrow-height);margin:var(--crm-ui-kit-select-margin)}

package/dist/assets/BaseClasses.css

@@ -1 +0,0 @@
-._custom_scroll_6bijz_1{scrollbar-color:var(--crm-ui-kit-palette-scrollbar-thumb-background) inherit}._custom_scroll_6bijz_1::-webkit-scrollbar{width:var(--crm-ui-kit-palette-scrollbar-width)}._custom_scroll_6bijz_1::-webkit-scrollbar-track{background:var(--crm-ui-kit-palette-scrollbar-track-background);border-radius:var(--crm-ui-kit-palette-scrollbar-track-border-radius)}._custom_scroll_6bijz_1::-webkit-scrollbar-thumb{border-radius:var(--crm-ui-kit-palette-scrollbar-thumb-border-radius);background:var(--crm-ui-kit-palette-scrollbar-thumb-background)}

package/dist/assets/BaseInput.css

@@ -1 +0,0 @@
-._input_x5289_1{padding:0;display:block;box-sizing:border-box;width:100%;font-size:var(--crm-ui-kit-base-input-font-size);line-height:var(--crm-ui-kit-base-input-line-height);background:inherit;color:var(--crm-ui-kit-base-input-color);padding-left:var(--crm-ui-kit-base-input-padding-left);padding-right:var(--crm-ui-kit-base-input-padding-right);height:var(--crm-ui-kit-base-input-height);outline:none;border-radius:inherit;border:none}._input_x5289_1::placeholder{font-weight:400;color:var(--crm-ui-kit-base-input-placeholder-color)}._input_x5289_1:not(._placeholder_visible_x5289_23):focus::placeholder{color:transparent}._input_x5289_1:disabled{color:var(--crm-ui-kit-base-input-disabled-color)}

package/dist/assets/Button.css

@@ -1 +0,0 @@
-@keyframes _buttonShakeAnimation_5it8y_1{0%,to{transform:translate(0)}25%,75%{transform:translate(-10px)}50%{transform:translate(10px)}}._button_5it8y_17{z-index:var(--crm-ui-kit-button-z-index);height:var(--crm-ui-kit-button-height);padding:var(--crm-ui-kit-button-padding);font-size:var(--crm-ui-kit-button-font-size);font-weight:var(--crm-ui-kit-button-font-weight);line-height:var(--crm-ui-kit-button-line-height);white-space:nowrap;text-decoration:none;vertical-align:middle;color:var(--crm-ui-kit-button-color);border-width:var(--crm-ui-kit-button-border-width);border-radius:var(--crm-ui-kit-button-border-radius);border-color:var(--crm-ui-kit-button-border-color);border-style:var(--crm-ui-kit-button-border-style);background:var(--crm-ui-kit-button-background-color);outline:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}._button_5it8y_17+._button_5it8y_17{margin-left:var(--crm-ui-kit-button-sibling-element-spacing)}._button_5it8y_17:not(._disabled_5it8y_43):active{transform:translateY(1px)}._button_5it8y_17:not(._disabled_5it8y_43):hover{color:var(--crm-ui-kit-button-hover-color);background:var(--crm-ui-kit-button-hover-background-color);border-width:var(--crm-ui-kit-button-hover-border-width);border-radius:var(--crm-ui-kit-button-hover-border-radius);border-color:var(--crm-ui-kit-button-hover-border-color);border-style:var(--crm-ui-kit-button-hover-border-style)}._disabled_5it8y_43{color:var(--crm-ui-kit-button-disabled-color);background:var(--crm-ui-kit-button-disabled-background-color);border-color:var(--crm-ui-kit-button-disabled-border-color);opacity:var(--crm-ui-kit-button-disabled-opacity);cursor:default}._content_5it8y_65{display:flex;box-sizing:border-box;align-items:center;justify-content:center;text-align:center}._before_5it8y_73{display:inline-flex;margin-right:var(--crm-ui-kit-button-elements-spacing)}._after_5it8y_78{display:inline-flex;margin-left:var(--crm-ui-kit-button-elements-spacing)}._spinner_container_5it8y_83{position:relative;margin:auto;height:14px;width:12px}._invalid_5it8y_90{animation:.3s _buttonShakeAnimation_5it8y_1;animation-fill-mode:both}._success_5it8y_95{color:var(--crm-ui-kit-button-success-color);background:var(--crm-ui-kit-button-success-background-color);border-color:var(--crm-ui-kit-button-success-border-color)}._success_5it8y_95:not(._disabled_5it8y_43):hover{background:var(--crm-ui-kit-button-success-hover-background-color);border-color:var(--crm-ui-kit-button-success-border-color)}