@kommo-crm/crm-react-ui-kit 1.11.0 → 1.12.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.
@@ -1 +1 @@
1
- ._block_1efq7_1{box-sizing:var(--crm-ui-kit-content-block-box-sizing);padding:var(--crm-ui-kit-content-block-padding);border-radius:var(--crm-ui-kit-content-block-border-radius);box-shadow:var(--crm-ui-kit-content-block-box-shadow);background:var(--crm-ui-kit-content-block-background)}
1
+ ._block_13dmy_1{box-sizing:var(--crm-ui-kit-content-block-box-sizing);padding:var(--crm-ui-kit-content-block-padding);border-radius:var(--crm-ui-kit-content-block-border-radius);box-shadow:var(--crm-ui-kit-content-block-box-shadow);background:var(--crm-ui-kit-content-block-background);border:var(--crm-ui-kit-content-block-border)}
@@ -1,12 +1,12 @@
1
1
  import { jsx as a } from "react/jsx-runtime";
2
2
  import { forwardRef as l } from "react";
3
3
  import { c as n } from "../../index-L8X2o7IH.mjs";
4
- import { useThemeClassName as f } from "../../hooks/useThemeClassName/useThemeClassName.js";
5
- import '../../assets/ContentBlock.css';const i = "_block_1efq7_1", k = {
6
- block: i
4
+ import { useThemeClassName as i } from "../../hooks/useThemeClassName/useThemeClassName.js";
5
+ import '../../assets/ContentBlock.css';const f = "_block_13dmy_1", k = {
6
+ block: f
7
7
  }, p = l((o, e) => {
8
- const { className: s = "", theme: t, children: c, ...m } = o, r = f(t);
9
- return /* @__PURE__ */ a("div", { ref: e, className: n(k.block, r, s), ...m, children: c });
8
+ const { className: s = "", theme: t, children: m, ...c } = o, r = i(t);
9
+ return /* @__PURE__ */ a("div", { ref: e, className: n(k.block, r, s), ...c, children: m });
10
10
  });
11
11
  p.displayName = "ContentBlock";
12
12
  export {
@@ -1,7 +1,16 @@
1
1
  type ContentBlockKey = '--crm-ui-kit-content-block-box-shadow' | '--crm-ui-kit-content-block-background' | '--crm-ui-kit-content-block-box-sizing' | '--crm-ui-kit-content-block-padding' | '--crm-ui-kit-content-block-border-radius';
2
+ type ContentBlockOptionalKey = '--crm-ui-kit-content-block-border';
2
3
  export type ContentBlockThemeType = {
3
4
  [K in ContentBlockKey]: string;
5
+ } & {
6
+ [K in ContentBlockOptionalKey]?: string;
4
7
  };
8
+ export declare const ContentBlockPrimaryTheme: ContentBlockThemeType;
9
+ /**
10
+ * @deprecated This theme will be removed in a future major version.
11
+ * Use {@link ContentBlockPrimaryTheme} instead.
12
+ */
5
13
  export declare const ContentBlockTheme: ContentBlockThemeType;
14
+ export declare const ContentBlockSecondaryTheme: ContentBlockThemeType;
6
15
  export {};
7
16
  //# sourceMappingURL=ContentBlock.themes.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ContentBlock.themes.d.ts","sourceRoot":"","sources":["../../../src/components/ContentBlock/ContentBlock.themes.ts"],"names":[],"mappings":"AAAA,KAAK,eAAe,GAChB,uCAAuC,GACvC,uCAAuC,GACvC,uCAAuC,GACvC,oCAAoC,GACpC,0CAA0C,CAAC;AAE/C,MAAM,MAAM,qBAAqB,GAAG;KACjC,CAAC,IAAI,eAAe,GAAG,MAAM;CAC/B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,qBAS/B,CAAC"}
1
+ {"version":3,"file":"ContentBlock.themes.d.ts","sourceRoot":"","sources":["../../../src/components/ContentBlock/ContentBlock.themes.ts"],"names":[],"mappings":"AAAA,KAAK,eAAe,GAChB,uCAAuC,GACvC,uCAAuC,GACvC,uCAAuC,GACvC,oCAAoC,GACpC,0CAA0C,CAAC;AAE/C,KAAK,uBAAuB,GAAG,mCAAmC,CAAC;AAEnE,MAAM,MAAM,qBAAqB,GAAG;KACjC,CAAC,IAAI,eAAe,GAAG,MAAM;CAC/B,GAAG;KACD,CAAC,IAAI,uBAAuB,CAAC,CAAC,EAAE,MAAM;CACxC,CAAC;AAUF,eAAO,MAAM,wBAAwB,EAAE,qBAKtC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,uBAA2B,CAAC;AAE1D,eAAO,MAAM,0BAA0B,EAAE,qBAMxC,CAAC"}
@@ -1,10 +1,19 @@
1
1
  const t = {
2
2
  "--crm-ui-kit-content-block-box-sizing": "border-box",
3
- "--crm-ui-kit-content-block-padding": "18px 18px 29px",
4
3
  "--crm-ui-kit-content-block-border-radius": "var(--crm-ui-kit-border-radius-default)",
5
- "--crm-ui-kit-content-block-box-shadow": "var(--crm-ui-kit-palette-content-block-box-shadow)",
6
4
  "--crm-ui-kit-content-block-background": "var(--crm-ui-kit-palette-background-primary)"
5
+ }, o = {
6
+ ...t,
7
+ "--crm-ui-kit-content-block-padding": "18px 18px 29px",
8
+ "--crm-ui-kit-content-block-box-shadow": "var(--crm-ui-kit-palette-content-block-box-shadow)"
9
+ }, c = o, e = {
10
+ ...t,
11
+ "--crm-ui-kit-content-block-padding": "16px",
12
+ "--crm-ui-kit-content-block-border": "1px solid var(--crm-ui-kit-palette-border-primary)",
13
+ "--crm-ui-kit-content-block-box-shadow": "none"
7
14
  };
8
15
  export {
9
- t as ContentBlockTheme
16
+ o as ContentBlockPrimaryTheme,
17
+ e as ContentBlockSecondaryTheme,
18
+ c as ContentBlockTheme
10
19
  };
@@ -1,4 +1,4 @@
1
1
  export { ContentBlock } from './ContentBlock';
2
- export { type ContentBlockThemeType, ContentBlockTheme, } from './ContentBlock.themes';
2
+ export { type ContentBlockThemeType, ContentBlockTheme, ContentBlockPrimaryTheme, ContentBlockSecondaryTheme, } from './ContentBlock.themes';
3
3
  export { type ContentBlockProps } from './ContentBlock.props';
4
4
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ContentBlock/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EACL,KAAK,qBAAqB,EAC1B,iBAAiB,GAClB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,sBAAsB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ContentBlock/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EACL,KAAK,qBAAqB,EAC1B,iBAAiB,EACjB,wBAAwB,EACxB,0BAA0B,GAC3B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,sBAAsB,CAAC"}
@@ -1,6 +1,8 @@
1
1
  import { ContentBlock as t } from "./ContentBlock.js";
2
- import { ContentBlockTheme as r } from "./ContentBlock.themes.js";
2
+ import { ContentBlockPrimaryTheme as r, ContentBlockSecondaryTheme as m, ContentBlockTheme as c } from "./ContentBlock.themes.js";
3
3
  export {
4
4
  t as ContentBlock,
5
- r as ContentBlockTheme
5
+ r as ContentBlockPrimaryTheme,
6
+ m as ContentBlockSecondaryTheme,
7
+ c as ContentBlockTheme
6
8
  };
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.11.0",
4
+ "version": "1.12.0",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
7
7
  "engines": {