@kommo-crm/crm-react-ui-kit 1.8.0 → 1.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/assets/Button.css +1 -1
  2. package/dist/components/Button/Button.js +37 -37
  3. package/dist/components/Button/Button.themes.d.ts +2 -0
  4. package/dist/components/Button/Button.themes.d.ts.map +1 -1
  5. package/dist/components/Button/Button.themes.js +43 -25
  6. package/dist/components/Button/index.d.ts +1 -1
  7. package/dist/components/Button/index.d.ts.map +1 -1
  8. package/dist/components/Button/index.js +12 -10
  9. package/package.json +2 -2
package/dist/assets/Button.css CHANGED
@@ -1 +1 @@
1
- @keyframes _buttonShakeAnimation_eu5ch_1{0%,to{transform:translate(0)}25%,75%{transform:translate(-10px)}50%{transform:translate(10px)}}._button_eu5ch_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_eu5ch_17+._button_eu5ch_17{margin-left:var(--crm-ui-kit-button-sibling-element-spacing)}._button_eu5ch_17:not(._disabled_eu5ch_43):not(._loading_eu5ch_43):active{transform:translateY(1px)}._button_eu5ch_17:focus-visible{outline-color:var(--crm-ui-kit-button-focus-visible-outline-color);outline-width:var(--crm-ui-kit-button-focus-visible-outline-width);outline-style:var(--crm-ui-kit-button-focus-visible-outline-style);outline-offset:var(--crm-ui-kit-button-focus-visible-outline-offset);border-radius:var(--crm-ui-kit-button-focus-visible-border-radius)}._button_eu5ch_17:not(._disabled_eu5ch_43):not(._loading_eu5ch_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_eu5ch_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_eu5ch_73{display:flex;position:relative;box-sizing:border-box;align-items:center;justify-content:center;text-align:center}._before_eu5ch_82{display:inline-flex;margin-right:var(--crm-ui-kit-button-elements-spacing)}._after_eu5ch_87{display:inline-flex;margin-left:var(--crm-ui-kit-button-elements-spacing)}._invisible_eu5ch_92{visibility:hidden}._invalid_eu5ch_96{animation:.3s _buttonShakeAnimation_eu5ch_1;animation-fill-mode:both}._loading_eu5ch_43{cursor:default}._loading_eu5ch_43 ._content_eu5ch_73,._success_eu5ch_106 ._content_eu5ch_73{display:inline-grid}._loading_eu5ch_43 ._content_eu5ch_73>*,._success_eu5ch_106 ._content_eu5ch_73>*{grid-area:1 / 1;display:flex;align-items:center;justify-content:center}._success_eu5ch_106{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_eu5ch_106:not(._disabled_eu5ch_43):not(._loading_eu5ch_43):hover{background:var(--crm-ui-kit-button-success-hover-background-color);border-color:var(--crm-ui-kit-button-success-border-color)}
1
+ @keyframes _buttonShakeAnimation_jo6ym_1{0%,to{transform:translate(0)}25%,75%{transform:translate(-10px)}50%{transform:translate(10px)}}._button_jo6ym_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_jo6ym_17+._button_jo6ym_17{margin-left:var(--crm-ui-kit-button-sibling-element-spacing)}._button_jo6ym_17:not(._disabled_jo6ym_43):not(._loading_jo6ym_43):active{transform:translateY(1px)}._button_jo6ym_17:focus-visible{outline-color:var(--crm-ui-kit-button-focus-visible-outline-color);outline-width:var(--crm-ui-kit-button-focus-visible-outline-width);outline-style:var(--crm-ui-kit-button-focus-visible-outline-style);outline-offset:var(--crm-ui-kit-button-focus-visible-outline-offset);border-radius:var(--crm-ui-kit-button-focus-visible-border-radius)}._button_jo6ym_17:not(._disabled_jo6ym_43):not(._loading_jo6ym_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_jo6ym_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_jo6ym_73{display:flex;position:relative;box-sizing:border-box;height:100%;align-items:center;justify-content:center;text-align:center}._before_jo6ym_83{display:inline-flex;margin-right:var(--crm-ui-kit-button-elements-spacing)}._after_jo6ym_88{display:inline-flex;margin-left:var(--crm-ui-kit-button-elements-spacing)}._invisible_jo6ym_93{visibility:hidden}._invalid_jo6ym_97{animation:.3s _buttonShakeAnimation_jo6ym_1;animation-fill-mode:both}._loading_jo6ym_43{cursor:default}._loading_jo6ym_43 ._content_jo6ym_73,._success_jo6ym_107 ._content_jo6ym_73{display:inline-grid}._loading_jo6ym_43 ._content_jo6ym_73>*,._success_jo6ym_107 ._content_jo6ym_73>*{grid-area:1 / 1;display:flex;align-items:center;justify-content:center}._success_jo6ym_107{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_jo6ym_107:not(._disabled_jo6ym_43):not(._loading_jo6ym_43):hover{background:var(--crm-ui-kit-button-success-hover-background-color);border-color:var(--crm-ui-kit-button-success-border-color)}
package/dist/components/Button/Button.js CHANGED
@@ -1,12 +1,12 @@
1
- import { jsxs as h, jsx as n } from "react/jsx-runtime";
2
- import R, { forwardRef as T, useMemo as A } from "react";
3
- import { c as t } from "../../index-L8X2o7IH.mjs";
4
- import { useThemeClassName as j } from "../../hooks/useThemeClassName/useThemeClassName.js";
1
+ import { jsxs as p, jsx as n } from "react/jsx-runtime";
2
+ import I, { forwardRef as R, useMemo as T } from "react";
3
+ import { c as o } from "../../index-L8X2o7IH.mjs";
4
+ import { useThemeClassName as A } from "../../hooks/useThemeClassName/useThemeClassName.js";
5
5
  import { noop as z } from "../../utils/noop/noop.js";
6
6
  import { Spinner as B } from "../Spinner/Spinner.js";
7
7
  import { useShowInvalidAnimation as D } from "./hooks/useShowInvalidAnimation/useShowInvalidAnimation.js";
8
8
  import { useShowSuccessfulState as M } from "./hooks/useShowSuccessfulState/useShowSuccessfulState.js";
9
- import '../../assets/Button.css';const F = "_button_eu5ch_17", L = "_disabled_eu5ch_43", V = "_loading_eu5ch_43", W = "_content_eu5ch_73", q = "_before_eu5ch_82", E = "_after_eu5ch_87", G = "_invisible_eu5ch_92", H = "_invalid_eu5ch_96", J = "_success_eu5ch_106", e = {
9
+ import '../../assets/Button.css';const F = "_button_jo6ym_17", L = "_disabled_jo6ym_43", V = "_loading_jo6ym_43", W = "_content_jo6ym_73", q = "_before_jo6ym_83", E = "_after_jo6ym_88", G = "_invisible_jo6ym_93", H = "_invalid_jo6ym_97", J = "_success_jo6ym_107", e = {
10
10
  button: F,
11
11
  disabled: L,
12
12
  loading: V,
@@ -17,66 +17,66 @@ import '../../assets/Button.css';const F = "_button_eu5ch_17", L = "_disabled_eu
17
17
  invalid: H,
18
18
  success: J
19
19
  }, K = (s) => {
20
- const o = {
20
+ const t = {
21
21
  "--crm-ui-kit-spinner-border-color": s["--crm-ui-kit-button-spinner-border-color"],
22
22
  "--crm-ui-kit-spinner-border-width": s["--crm-ui-kit-button-spinner-border-width"],
23
23
  "--crm-ui-kit-spinner-circle-size": s["--crm-ui-kit-button-spinner-circle-size"],
24
24
  "--crm-ui-kit-spinner-border-style": s["--crm-ui-kit-button-spinner-border-style"]
25
25
  }, c = {
26
- ...o,
26
+ ...t,
27
27
  "--crm-ui-kit-spinner-border-color": s["--crm-ui-kit-button-spinner-disabled-border-color"]
28
28
  };
29
- return { defaultTheme: o, disabledTheme: c };
30
- }, O = T((s, o) => {
29
+ return { defaultTheme: t, disabledTheme: c };
30
+ }, O = R((s, t) => {
31
31
  const {
32
32
  className: c = "",
33
- type: p = "button",
34
- onClick: f = z,
33
+ type: f = "button",
34
+ onClick: _ = z,
35
35
  theme: a,
36
36
  isLoading: i,
37
37
  isDisabled: l,
38
38
  before: d,
39
- after: u,
40
- children: _,
39
+ after: m,
40
+ children: h,
41
41
  showInvalidAnimationRef: k,
42
- showSuccessfulStateRef: S,
43
- successfulStateText: v,
44
- isClickableWhileDisabled: w = !1,
45
- ...N
46
- } = s, C = j(a), m = A(() => K(a), [a]), g = D(
42
+ showSuccessfulStateRef: y,
43
+ successfulStateText: S,
44
+ isClickableWhileDisabled: j = !1,
45
+ ...v
46
+ } = s, w = A(a), u = T(() => K(a), [a]), N = D(
47
47
  k
48
48
  ), r = M(
49
- S
50
- ), x = (I) => {
51
- i || f(I);
52
- }, b = /* @__PURE__ */ h(R.Fragment, { children: [
53
- d && /* @__PURE__ */ n("span", { className: t(e.before), children: d }),
54
- /* @__PURE__ */ n("span", { children: _ }),
55
- u && /* @__PURE__ */ n("span", { className: t(e.after), children: u })
56
- ] }), y = !i && !r;
49
+ y
50
+ ), C = (x) => {
51
+ i || _(x);
52
+ }, b = /* @__PURE__ */ p(I.Fragment, { children: [
53
+ d && /* @__PURE__ */ n("span", { className: o(e.before), children: d }),
54
+ /* @__PURE__ */ n("span", { children: h }),
55
+ m && /* @__PURE__ */ n("span", { className: o(e.after), children: m })
56
+ ] }), g = !i && !r;
57
57
  return /* @__PURE__ */ n(
58
58
  "button",
59
59
  {
60
- ...N,
61
- ref: o,
62
- type: p,
63
- onClick: x,
64
- className: t(e.button, C, c, {
65
- [e.invalid]: g,
60
+ ...v,
61
+ ref: t,
62
+ type: f,
63
+ onClick: C,
64
+ className: o(e.button, w, c, {
65
+ [e.invalid]: N,
66
66
  [e.loading]: i,
67
67
  [e.success]: r,
68
68
  [e.disabled]: l
69
69
  }),
70
- disabled: (l || i) && !w,
71
- children: /* @__PURE__ */ h("span", { className: t(e.content), children: [
72
- r && /* @__PURE__ */ n("span", { children: v }),
70
+ disabled: (l || i) && !j,
71
+ children: /* @__PURE__ */ p("span", { className: o(e.content), children: [
72
+ r && /* @__PURE__ */ n("span", { children: S }),
73
73
  i && !r && /* @__PURE__ */ n(
74
74
  B,
75
75
  {
76
- theme: l ? m.disabledTheme : m.defaultTheme
76
+ theme: l ? u.disabledTheme : u.defaultTheme
77
77
  }
78
78
  ),
79
- y ? b : /* @__PURE__ */ n("span", { className: t(e.invisible), children: b })
79
+ g ? b : /* @__PURE__ */ n("span", { className: o(e.invisible), children: b })
80
80
  ] })
81
81
  }
82
82
  );
package/dist/components/Button/Button.themes.d.ts CHANGED
@@ -15,5 +15,7 @@ export declare const ButtonIconGhostTheme: ButtonThemeType;
15
15
  export declare const ButtonIconDangerGhostTheme: ButtonThemeType;
16
16
  export declare const ButtonIconSmallGhostTheme: ButtonThemeType;
17
17
  export declare const ButtonIconSmallDangerGhostTheme: ButtonThemeType;
18
+ export declare const ButtonContextTheme: ButtonThemeType;
19
+ export declare const ButtonIconContextTheme: ButtonThemeType;
18
20
  export {};
19
21
  //# sourceMappingURL=Button.themes.d.ts.map
package/dist/components/Button/Button.themes.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Button.themes.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.themes.ts"],"names":[],"mappings":"AAAA,KAAK,cAAc,GACf,6BAA6B,GAC7B,4BAA4B,GAC5B,2BAA2B,GAC3B,+BAA+B,GAC/B,iCAAiC,GACjC,iCAAiC,GACjC,6BAA6B,GAC7B,sCAAsC,GACtC,6CAA6C,GAC7C,kCAAkC,GAClC,kCAAkC,GAClC,kCAAkC,GAClC,mCAAmC,GACnC,sCAAsC,GACtC,sCAAsC,GACtC,oCAAoC,GACpC,+CAA+C,GAC/C,2CAA2C,GAC3C,mDAAmD,GACnD,iCAAiC,GACjC,4CAA4C,GAC5C,wCAAwC,GACxC,wCAAwC,GACxC,wCAAwC,GACxC,yCAAyC,GACzC,mCAAmC,GACnC,8CAA8C,GAC9C,oDAAoD,GACpD,0CAA0C,GAC1C,0CAA0C,GAC1C,yCAAyC,GACzC,0CAA0C,GAC1C,0CAA0C,CAAC;AAE/C,KAAK,sBAAsB,GACvB,iDAAiD,GACjD,iDAAiD,GACjD,iDAAiD,GACjD,kDAAkD,GAClD,iDAAiD,CAAC;AAEtD,MAAM,MAAM,eAAe,GAAG;KAC3B,CAAC,IAAI,cAAc,GAAG,MAAM;CAC9B,GAAG;KACD,CAAC,IAAI,sBAAsB,CAAC,CAAC,EAAE,MAAM;CACvC,CAAC;AAmDF,eAAO,MAAM,kBAAkB,EAAE,eAuBhC,CAAC;AACF,eAAO,MAAM,kBAAkB,EAAE,eAwBhC,CAAC;AACF,eAAO,MAAM,oBAAoB,EAAE,eAsBlC,CAAC;AACF,eAAO,MAAM,wBAAwB,EAAE,eAUtC,CAAC;AACF,eAAO,MAAM,yBAAyB,EAAE,eAMvC,CAAC;AAiBF,eAAO,MAAM,wBAAwB,EAAE,eAGtC,CAAC;AACF,eAAO,MAAM,oBAAoB,EAAE,eAclC,CAAC;AACF,eAAO,MAAM,0BAA0B,EAAE,eAMxC,CAAC;AACF,eAAO,MAAM,yBAAyB,EAAE,eAKvC,CAAC;AACF,eAAO,MAAM,+BAA+B,EAAE,eAK7C,CAAC"}
1
+ {"version":3,"file":"Button.themes.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.themes.ts"],"names":[],"mappings":"AAAA,KAAK,cAAc,GACf,6BAA6B,GAC7B,4BAA4B,GAC5B,2BAA2B,GAC3B,+BAA+B,GAC/B,iCAAiC,GACjC,iCAAiC,GACjC,6BAA6B,GAC7B,sCAAsC,GACtC,6CAA6C,GAC7C,kCAAkC,GAClC,kCAAkC,GAClC,kCAAkC,GAClC,mCAAmC,GACnC,sCAAsC,GACtC,sCAAsC,GACtC,oCAAoC,GACpC,+CAA+C,GAC/C,2CAA2C,GAC3C,mDAAmD,GACnD,iCAAiC,GACjC,4CAA4C,GAC5C,wCAAwC,GACxC,wCAAwC,GACxC,wCAAwC,GACxC,yCAAyC,GACzC,mCAAmC,GACnC,8CAA8C,GAC9C,oDAAoD,GACpD,0CAA0C,GAC1C,0CAA0C,GAC1C,yCAAyC,GACzC,0CAA0C,GAC1C,0CAA0C,CAAC;AAE/C,KAAK,sBAAsB,GACvB,iDAAiD,GACjD,iDAAiD,GACjD,iDAAiD,GACjD,kDAAkD,GAClD,iDAAiD,CAAC;AAEtD,MAAM,MAAM,eAAe,GAAG;KAC3B,CAAC,IAAI,cAAc,GAAG,MAAM;CAC9B,GAAG;KACD,CAAC,IAAI,sBAAsB,CAAC,CAAC,EAAE,MAAM;CACvC,CAAC;AAmDF,eAAO,MAAM,kBAAkB,EAAE,eAuBhC,CAAC;AACF,eAAO,MAAM,kBAAkB,EAAE,eAwBhC,CAAC;AACF,eAAO,MAAM,oBAAoB,EAAE,eAsBlC,CAAC;AACF,eAAO,MAAM,wBAAwB,EAAE,eAUtC,CAAC;AACF,eAAO,MAAM,yBAAyB,EAAE,eAMvC,CAAC;AAiBF,eAAO,MAAM,wBAAwB,EAAE,eAGtC,CAAC;AACF,eAAO,MAAM,oBAAoB,EAAE,eAclC,CAAC;AACF,eAAO,MAAM,0BAA0B,EAAE,eAMxC,CAAC;AACF,eAAO,MAAM,yBAAyB,EAAE,eAKvC,CAAC;AACF,eAAO,MAAM,+BAA+B,EAAE,eAK7C,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,eAahC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,eASpC,CAAC"}
package/dist/components/Button/Button.themes.js CHANGED
@@ -1,4 +1,4 @@
1
- const r = {
1
+ const t = {
2
2
  "--crm-ui-kit-button-z-index": "1",
3
3
  "--crm-ui-kit-button-height": "36px",
4
4
  "--crm-ui-kit-button-elements-spacing": "4px",
@@ -28,8 +28,8 @@ const r = {
28
28
  "--crm-ui-kit-button-focus-visible-outline-style": "var(--crm-ui-kit-palette-focus-visible-outline-style)",
29
29
  "--crm-ui-kit-button-focus-visible-outline-offset": "var(--crm-ui-kit-palette-focus-visible-outline-offset)",
30
30
  "--crm-ui-kit-button-focus-visible-border-radius": "var(--crm-ui-kit-palette-focus-visible-border-radius)"
31
- }, c = {
32
- ...r,
31
+ }, i = {
32
+ ...t,
33
33
  "--crm-ui-kit-button-color": "var(--crm-ui-kit-palette-text-primary)",
34
34
  "--crm-ui-kit-button-border-color": "var(--crm-ui-kit-palette-border-primary)",
35
35
  "--crm-ui-kit-button-background-color": "var(--crm-ui-kit-palette-background-primary)",
@@ -39,8 +39,8 @@ const r = {
39
39
  "--crm-ui-kit-button-hover-color": "var(--crm-ui-kit-palette-text-primary)",
40
40
  "--crm-ui-kit-button-hover-background-color": "var(--crm-ui-kit-palette-button-classic-hover-background)",
41
41
  "--crm-ui-kit-button-hover-border-color": "var(--crm-ui-kit-palette-border-primary)"
42
- }, e = {
43
- ...r,
42
+ }, c = {
43
+ ...t,
44
44
  "--crm-ui-kit-button-color": "var(--crm-ui-kit-color-white)",
45
45
  "--crm-ui-kit-button-border-color": "var(--crm-ui-kit-color-cerulean-blue)",
46
46
  "--crm-ui-kit-button-disabled-color": "var(--crm-ui-kit-palette-text-primary)",
@@ -52,7 +52,7 @@ const r = {
52
52
  "--crm-ui-kit-button-hover-border-color": "var(--crm-ui-kit-color-cerulean-blue)",
53
53
  "--crm-ui-kit-button-spinner-border-color": "var(--crm-ui-kit-color-white)"
54
54
  }, o = {
55
- ...r,
55
+ ...t,
56
56
  "--crm-ui-kit-button-height": "30px",
57
57
  "--crm-ui-kit-button-color": "var(--crm-ui-kit-palette-text-secondary-light)",
58
58
  "--crm-ui-kit-button-padding": "0px 8px",
@@ -66,8 +66,8 @@ const r = {
66
66
  "--crm-ui-kit-button-hover-color": "var(--crm-ui-kit-palette-text-secondary-dark)",
67
67
  "--crm-ui-kit-button-spinner-border-color": "var(--crm-ui-kit-palette-text-secondary-light)",
68
68
  "--crm-ui-kit-button-spinner-disabled-border-color": "var(--crm-ui-kit-button-spinner-border-color)"
69
- }, b = {
70
- ...e,
69
+ }, l = {
70
+ ...c,
71
71
  "--crm-ui-kit-button-color": "var(--crm-ui-kit-color-white)",
72
72
  "--crm-ui-kit-button-border-color": "var(--crm-ui-kit-color-error)",
73
73
  "--crm-ui-kit-button-background-color": "var(--crm-ui-kit-color-froly)",
@@ -80,21 +80,21 @@ const r = {
80
80
  "--crm-ui-kit-button-hover-color": "var(--crm-ui-kit-color-indian-red)",
81
81
  "--crm-ui-kit-button-spinner-border-color": "var(--crm-ui-kit-color-error)",
82
82
  "--crm-ui-kit-button-disabled-color": "var(--crm-ui-kit-color-error)"
83
- }, t = {
83
+ }, r = {
84
84
  "--crm-ui-kit-button-height": "36px",
85
85
  "--crm-ui-kit-button-padding": "0 7px",
86
86
  "--crm-ui-kit-button-spinner-disabled-border-color": "var(--crm-ui-kit-button-spinner-border-color)"
87
- }, i = {
87
+ }, e = {
88
88
  "--crm-ui-kit-button-height": "24px",
89
89
  "--crm-ui-kit-button-padding": "0 3px",
90
90
  "--crm-ui-kit-button-spinner-circle-size": "12px",
91
91
  "--crm-ui-kit-button-spinner-disabled-border-color": "var(--crm-ui-kit-button-spinner-border-color)"
92
- }, l = {
93
- ...c,
94
- ...t
92
+ }, m = {
93
+ ...i,
94
+ ...r
95
95
  }, n = {
96
96
  ...o,
97
- ...t,
97
+ ...r,
98
98
  "--crm-ui-kit-button-color": "var(--crm-ui-kit-palette-text-primary)",
99
99
  "--crm-ui-kit-button-hover-color": "var(--crm-ui-kit-palette-text-primary)",
100
100
  "--crm-ui-kit-button-disabled-color": "var(--crm-ui-kit-palette-text-primary)",
@@ -103,27 +103,45 @@ const r = {
103
103
  "--crm-ui-kit-button-spinner-disabled-border-color": "var(--crm-ui-kit-palette-spinner-border-color)"
104
104
  }, a = {
105
105
  ...u,
106
- ...t,
106
+ ...r,
107
107
  "--crm-ui-kit-button-hover-color": "var(--crm-ui-kit-color-error)",
108
108
  "--crm-ui-kit-button-hover-background-color": "var(--crm-ui-kit-palette-background-secondary-800)"
109
- }, m = {
109
+ }, k = {
110
110
  ...n,
111
- ...i,
111
+ ...e,
112
112
  "--crm-ui-kit-button-hover-background-color": "var(--crm-ui-kit-palette-background-secondary-800)"
113
- }, k = {
113
+ }, d = {
114
114
  ...a,
115
- ...i,
115
+ ...e,
116
116
  "--crm-ui-kit-button-hover-background-color": "var(--crm-ui-kit-palette-background-secondary-800)"
117
+ }, b = {
118
+ ...i,
119
+ "--crm-ui-kit-button-height": "24px",
120
+ "--crm-ui-kit-button-padding": "0 8px",
121
+ "--crm-ui-kit-button-font-size": "13px",
122
+ "--crm-ui-kit-button-line-height": "15px",
123
+ "--crm-ui-kit-button-font-weight": "400",
124
+ "--crm-ui-kit-button-spinner-circle-size": "12px",
125
+ "--crm-ui-kit-button-spinner-border-width": "1.4px",
126
+ "--crm-ui-kit-button-spinner-disabled-border-color": "var(--crm-ui-kit-button-spinner-border-color)"
127
+ }, s = {
128
+ ...b,
129
+ "--crm-ui-kit-button-padding": "0 3px",
130
+ "--crm-ui-kit-button-color": "var(--crm-ui-kit-palette-text-secondary-light)",
131
+ "--crm-ui-kit-button-hover-color": "var(--crm-ui-kit-palette-text-secondary-light)",
132
+ "--crm-ui-kit-button-disabled-color": "var(--crm-ui-kit-palette-text-secondary-light)"
117
133
  };
118
134
  export {
119
- b as ButtonDangerPrimaryTheme,
135
+ b as ButtonContextTheme,
136
+ l as ButtonDangerPrimaryTheme,
120
137
  u as ButtonDangerTertiaryTheme,
138
+ s as ButtonIconContextTheme,
121
139
  a as ButtonIconDangerGhostTheme,
122
140
  n as ButtonIconGhostTheme,
123
- l as ButtonIconSecondaryTheme,
124
- k as ButtonIconSmallDangerGhostTheme,
125
- m as ButtonIconSmallGhostTheme,
126
- c as ButtonNeutralTheme,
127
- e as ButtonPrimaryTheme,
141
+ m as ButtonIconSecondaryTheme,
142
+ d as ButtonIconSmallDangerGhostTheme,
143
+ k as ButtonIconSmallGhostTheme,
144
+ i as ButtonNeutralTheme,
145
+ c as ButtonPrimaryTheme,
128
146
  o as ButtonSecondaryTheme
129
147
  };
package/dist/components/Button/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  export { Button } from './Button';
2
- export { ButtonNeutralTheme, ButtonPrimaryTheme, ButtonSecondaryTheme, ButtonDangerPrimaryTheme, ButtonDangerTertiaryTheme, ButtonIconSecondaryTheme, ButtonIconGhostTheme, ButtonIconDangerGhostTheme, ButtonIconSmallGhostTheme, ButtonIconSmallDangerGhostTheme, type ButtonThemeType, } from './Button.themes';
2
+ export { ButtonNeutralTheme, ButtonPrimaryTheme, ButtonSecondaryTheme, ButtonDangerPrimaryTheme, ButtonDangerTertiaryTheme, ButtonIconSecondaryTheme, ButtonIconGhostTheme, ButtonIconDangerGhostTheme, ButtonIconSmallGhostTheme, ButtonIconSmallDangerGhostTheme, ButtonContextTheme, ButtonIconContextTheme, type ButtonThemeType, } from './Button.themes';
3
3
  export { type ButtonProps } from './Button.props';
4
4
  //# sourceMappingURL=index.d.ts.map
package/dist/components/Button/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EACL,kBAAkB,EAClB,kBAAkB,EAClB,oBAAoB,EACpB,wBAAwB,EACxB,yBAAyB,EACzB,wBAAwB,EACxB,oBAAoB,EACpB,0BAA0B,EAC1B,yBAAyB,EACzB,+BAA+B,EAC/B,KAAK,eAAe,GACrB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EACL,kBAAkB,EAClB,kBAAkB,EAClB,oBAAoB,EACpB,wBAAwB,EACxB,yBAAyB,EACzB,wBAAwB,EACxB,oBAAoB,EACpB,0BAA0B,EAC1B,yBAAyB,EACzB,+BAA+B,EAC/B,kBAAkB,EAClB,sBAAsB,EACtB,KAAK,eAAe,GACrB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC"}
package/dist/components/Button/index.js CHANGED
@@ -1,15 +1,17 @@
1
1
  import { Button as o } from "./Button.js";
2
- import { ButtonDangerPrimaryTheme as r, ButtonDangerTertiaryTheme as m, ButtonIconDangerGhostTheme as h, ButtonIconGhostTheme as a, ButtonIconSecondaryTheme as u, ButtonIconSmallDangerGhostTheme as B, ButtonIconSmallGhostTheme as T, ButtonNeutralTheme as c, ButtonPrimaryTheme as l, ButtonSecondaryTheme as y } from "./Button.themes.js";
2
+ import { ButtonContextTheme as m, ButtonDangerPrimaryTheme as r, ButtonDangerTertiaryTheme as h, ButtonIconContextTheme as u, ButtonIconDangerGhostTheme as B, ButtonIconGhostTheme as T, ButtonIconSecondaryTheme as a, ButtonIconSmallDangerGhostTheme as c, ButtonIconSmallGhostTheme as I, ButtonNeutralTheme as l, ButtonPrimaryTheme as y, ButtonSecondaryTheme as g } from "./Button.themes.js";
3
3
  export {
4
4
  o as Button,
5
+ m as ButtonContextTheme,
5
6
  r as ButtonDangerPrimaryTheme,
6
- m as ButtonDangerTertiaryTheme,
7
- h as ButtonIconDangerGhostTheme,
8
- a as ButtonIconGhostTheme,
9
- u as ButtonIconSecondaryTheme,
10
- B as ButtonIconSmallDangerGhostTheme,
11
- T as ButtonIconSmallGhostTheme,
12
- c as ButtonNeutralTheme,
13
- l as ButtonPrimaryTheme,
14
- y as ButtonSecondaryTheme
7
+ h as ButtonDangerTertiaryTheme,
8
+ u as ButtonIconContextTheme,
9
+ B as ButtonIconDangerGhostTheme,
10
+ T as ButtonIconGhostTheme,
11
+ a as ButtonIconSecondaryTheme,
12
+ c as ButtonIconSmallDangerGhostTheme,
13
+ I as ButtonIconSmallGhostTheme,
14
+ l as ButtonNeutralTheme,
15
+ y as ButtonPrimaryTheme,
16
+ g as ButtonSecondaryTheme
15
17
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@kommo-crm/crm-react-ui-kit",
3
3
  "description": "Ready-to-use React components which implements Kommo design",
4
- "version": "1.8.0",
4
+ "version": "1.9.0",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
7
7
  "engines": {
@@ -228,4 +228,4 @@
228
228
  "react-dom": "^18.0"
229
229
  },
230
230
  "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
231
- }
231
+ }