aristid-ds 10.1.0-b0a7b60 → 10.1.0-e304e46

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.
package/CHANGELOG.md CHANGED
@@ -4,6 +4,8 @@
4
4
 
5
5
  ### ✨ Features
6
6
 
7
+ - **ColorPicker**
8
+ - Add a clear icon inside `ColorPicker` input when `allowClear` prop is set (@philippechevieux)
7
9
  - **Empty**:
8
10
  - Add 5 svgs, and replace existing ones to uniformize size (@7Remy)
9
11
  - **ItemCard**:
@@ -12,29 +14,23 @@
12
14
  - Improve responsive (@7Remy)
13
15
 
14
16
  ### 🐛 Bug Fixes
15
- - **AutoComplete**:
16
- - Pass `required` attribute to the DOM (@Delmotte-Vincent)
17
17
 
18
+ - **AutoComplete**:
19
+ - Pass `required` attribute to the DOM (@Delmotte-Vincent)
18
20
  - **DatePicker**:
19
- - Pass `required` attribute to the DOM (@Delmotte-Vincent)
20
-
21
+ - Pass `required` attribute to the DOM (@Delmotte-Vincent)
21
22
  - **RangePicker**:
22
- - Pass `required` attribute to the DOM (@Delmotte-Vincent)
23
-
23
+ - Pass `required` attribute to the DOM (@Delmotte-Vincent)
24
24
  - **Password**:
25
- - Pass `required` attribute to the DOM (@Delmotte-Vincent)
26
-
25
+ - Pass `required` attribute to the DOM (@Delmotte-Vincent)
27
26
  - **TextArea**:
28
- - Pass `required` attribute to the DOM (@Delmotte-Vincent)
29
-
27
+ - Pass `required` attribute to the DOM (@Delmotte-Vincent)
30
28
  - **InputNumber**:
31
- - Pass `required` attribute to the DOM (@Delmotte-Vincent)
32
-
29
+ - Pass `required` attribute to the DOM (@Delmotte-Vincent)
33
30
  - **Select**:
34
- - Pass `required` attribute to the DOM (@Delmotte-Vincent)
35
-
31
+ - Pass `required` attribute to the DOM (@Delmotte-Vincent)
36
32
  - **RichText**:
37
- - Enforce css for bullet list display. Avoid external css from breaking it. (@evoiron)
33
+ - Enforce css for bullet list display. Avoid external css from breaking it. (@evoiron)
38
34
 
39
35
  ## [10.1.0](https://www.npmjs.com/package/aristid-ds/v/10.1.0) (2024-10-15)
40
36
 
@@ -0,0 +1,3 @@
1
+ import { FunctionComponent } from 'react';
2
+ import { KitColorPickerInternalTextProps } from './types';
3
+ export declare const ColorPickerInternalText: FunctionComponent<KitColorPickerInternalTextProps>;
@@ -1,16 +1,53 @@
1
- import "../../../assets/index11.css";
2
- import { jsx as t } from "react/jsx-runtime";
3
- import { K as f } from "../../../chunks/InputWrapper.RBqyXNPY.js";
4
- import { u as C } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
5
- import { ColorPicker as K } from "antd";
6
- import i from "classnames";
7
- const u = {
8
- "kit-colorpicker": "_kit-colorpicker_qfonm_2"
9
- }, x = ({ label: e, className: c, helper: p, rootClassName: s, required: l, infoIcon: m, actions: a, onInfoClick: n, ...o }) => {
10
- const { appId: r } = C(), k = i(r, "kit-colorpicker-panel", s), d = i(r, u["kit-colorpicker"], c);
11
- return t(f, { label: e, helper: p, disabled: o.disabled, required: l, infoIcon: m, actions: a, onInfoClick: n, children: t(K, { ...o, rootClassName: k, className: d }) });
1
+ import "../../../assets/index19.css";
2
+ import { useState as u, createElement as F } from "react";
3
+ import { jsxs as H, Fragment as O, jsx as k } from "react/jsx-runtime";
4
+ import { K as V } from "../../../chunks/InputWrapper.RBqyXNPY.js";
5
+ import { u as D } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
6
+ import { ColorPicker as E } from "antd";
7
+ import S from "classnames";
8
+ import { FontAwesomeIcon as R } from "@fortawesome/react-fontawesome";
9
+ import { faCircleXmark as U } from "@fortawesome/free-solid-svg-icons";
10
+ const y = {
11
+ "kit-colorpicker": "_kit-colorpicker_3hd5g_2",
12
+ "kit-color-picker-clear": "_kit-color-picker-clear_3hd5g_26"
13
+ }, W = (e, o) => {
14
+ switch (o) {
15
+ case "hex":
16
+ return e.toHexString();
17
+ case "rgb":
18
+ return e.toRgbString();
19
+ case "hsb":
20
+ return e.toHsbString();
21
+ }
22
+ }, X = ({ color: e, format: o, showText: r, allowClear: i, onClear: a }) => {
23
+ const s = r === !0, c = typeof r == "function" && r !== void 0, p = i === !0;
24
+ return H(O, { children: [s && W(e, o), c && r(e), p && k(R, { className: y["kit-color-picker-clear"], "aria-label": "clear", icon: U, onClick: (l) => {
25
+ l.stopPropagation(), a();
26
+ } })] });
27
+ }, q = ({ label: e, className: o, helper: r, rootClassName: i, required: a, infoIcon: s, actions: c, onInfoClick: p, showText: l, value: I, onChange: d, onClear: h, allowClear: m = !1, format: C = "hex", ...f }) => {
28
+ const { appId: g } = D(), [K, x] = u(I), [n, _] = u(m), [w, A] = u(0), N = l || n, P = S(g, "kit-colorpicker-panel", i), T = S(g, y["kit-colorpicker"], o), b = () => {
29
+ m && _(!1), x(null), A((t) => t + 1), h && h();
30
+ }, j = (t, v) => {
31
+ m && !n && _(!0), x(t), d && d(t, v);
32
+ };
33
+ return k(V, { label: e, helper: r, disabled: f.disabled, required: a, infoIcon: s, actions: c, onInfoClick: p, children: F(E, {
34
+ ...f,
35
+ // This is a hack to force the color picker to re-render and display a clear value
36
+ // https://react.dev/learn/preserving-and-resetting-state#option-2-resetting-state-with-a-key
37
+ key: w,
38
+ rootClassName: P,
39
+ className: T,
40
+ format: C,
41
+ value: K,
42
+ ...N && {
43
+ showText: (t) => k(X, { color: t, format: C, showText: l, allowClear: n, onClear: b })
44
+ },
45
+ allowClear: n,
46
+ onClear: b,
47
+ onChange: j
48
+ }) });
12
49
  };
13
- x.displayName = "KitColorPicker";
50
+ q.displayName = "KitColorPicker";
14
51
  export {
15
- x as KitColorPicker
52
+ q as KitColorPicker
16
53
  };
@@ -17,3 +17,14 @@ export interface KitColorPickerProps
17
17
  }
18
18
 
19
19
  export type KitColor = Color;
20
+
21
+ export type KitColorPickerInternalTextProps = {
22
+ color: KitColor;
23
+ format: Exclude<KitColorPickerProps['format'], undefined>;
24
+ showText: KitColorPickerProps['showText'];
25
+ allowClear: KitColorPickerProps['allowClear'];
26
+ onClear: () => void;
27
+ };
28
+
29
+ export type KitColorPickerOnChangeColor = Parameters<NonNullable<KitColorPickerProps['onChange']>>[0];
30
+ export type KitColorPickerOnChangeHex = Parameters<NonNullable<KitColorPickerProps['onChange']>>[1];
@@ -1,4 +1,4 @@
1
- import "../../../../assets/index19.css";
1
+ import "../../../../assets/index18.css";
2
2
  import { jsx as i, jsxs as a } from "react/jsx-runtime";
3
3
  import h from "classnames";
4
4
  import { u as s } from "../../../../chunks/useKitTheme.KSAU-Pdv.js";
@@ -1,4 +1,4 @@
1
- import "../../../assets/index13.css";
1
+ import "../../../assets/index12.css";
2
2
  import { jsx as d } from "react/jsx-runtime";
3
3
  import i from "classnames";
4
4
  import { u as l } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
@@ -1,4 +1,4 @@
1
- import "../../../assets/index12.css";
1
+ import "../../../assets/index11.css";
2
2
  import { jsx as e } from "react/jsx-runtime";
3
3
  import { Progress as i } from "antd";
4
4
  import { u as m } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
@@ -1,4 +1,4 @@
1
- import "../../../assets/index14.css";
1
+ import "../../../assets/index13.css";
2
2
  import { jsxs as O, jsx as s } from "react/jsx-runtime";
3
3
  import { forwardRef as $, useState as A, useMemo as P, useEffect as R, cloneElement as D } from "react";
4
4
  import F from "@ant-design/icons/LoadingOutlined";
@@ -1,4 +1,4 @@
1
- import "../../../assets/index15.css";
1
+ import "../../../assets/index14.css";
2
2
  import { jsx as C } from "react/jsx-runtime";
3
3
  import { useMemo as g } from "react";
4
4
  import { u as b } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
@@ -1,4 +1,4 @@
1
- import "../../../assets/index16.css";
1
+ import "../../../assets/index15.css";
2
2
  import { jsx as m } from "react/jsx-runtime";
3
3
  import { Divider as s } from "antd";
4
4
  import { u as d } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
@@ -1,4 +1,4 @@
1
- import "../../../assets/index17.css";
1
+ import "../../../assets/index16.css";
2
2
  import { jsx as o, jsxs as s, Fragment as a } from "react/jsx-runtime";
3
3
  import { useMemo as c } from "react";
4
4
  import { Breadcrumb as d } from "antd";
@@ -1,4 +1,4 @@
1
- import "../../../assets/index18.css";
1
+ import "../../../assets/index17.css";
2
2
  import { jsx as i } from "react/jsx-runtime";
3
3
  import { Steps as r } from "antd";
4
4
  import { u as m } from "../../../chunks/useKitTheme.KSAU-Pdv.js";
@@ -1 +1 @@
1
- /*! Sass Fairy v1 | (c) roydukkey | https://sass-fairy.com/license */._kit-colorpicker_qfonm_2{font-weight:var(--components-ColorPicker-typography-fontWeight, var(--general-typography-mediumfontWeight));height:40px;min-width:40px;line-height:40px;box-shadow:none;font-size:calc(var(--components-ColorPicker-typography-fontSize, var(--general-typography-fontSize5)) * 1px)}._kit-colorpicker_qfonm_2.ant-color-picker-trigger-active{border-color:transparent;box-shadow:0 0 0 3px var(--components-ColorPicker-colors-border-focused, var(--general-utilities-focus))}._kit-colorpicker_qfonm_2.ant-color-picker-trigger-disabled:hover{border-color:var(--components-ColorPicker-colors-border-disabled, var(--general-utilities-border))}._kit-colorpicker_qfonm_2.ant-color-picker-trigger-disabled .ant-color-picker-trigger-text{color:var(--components-ColorPicker-colors-typography-disabled, var(--general-utilities-text-disabled))}._kit-colorpicker_qfonm_2 .ant-color-picker-color-block{width:32px;height:32px;border-radius:calc(var(--components-ColorPicker-colorBlock-border-radius, var(--general-border-radius-xs)) * 1px)}
1
+ /*! Sass Fairy v1 | (c) roydukkey | https://sass-fairy.com/license */._kit-progress_27i7l_2{font-size:calc(var(--components-Progress-typography-fontSize, var(--general-typography-fontSize7)) * 1px)}._kit-progress_27i7l_2.ant-progress-circle .ant-progress-text{font-size:calc(var(--components-Progress-circle-typography-fontSize, var(--general-typography-fontSize2)) * 1px);font-weight:var(--components-Progress-circle-typography-fontWeight, var(--general-typography-regularFontWeight))}
@@ -1 +1 @@
1
- /*! Sass Fairy v1 | (c) roydukkey | https://sass-fairy.com/license */._kit-progress_27i7l_2{font-size:calc(var(--components-Progress-typography-fontSize, var(--general-typography-fontSize7)) * 1px)}._kit-progress_27i7l_2.ant-progress-circle .ant-progress-text{font-size:calc(var(--components-Progress-circle-typography-fontSize, var(--general-typography-fontSize2)) * 1px);font-weight:var(--components-Progress-circle-typography-fontWeight, var(--general-typography-regularFontWeight))}
1
+ /*! Sass Fairy v1 | (c) roydukkey | https://sass-fairy.com/license */._loader_15k2i_2.animated{width:48px;height:48px;display:block;margin:calc(var(--general-spacing-s) * 1px) auto;position:relative;color:var(--general-utilities-neutral-medium);box-sizing:border-box;animation:rotation 1s linear infinite}._loader_15k2i_2.animated:after,._loader_15k2i_2.animated:before{content:"";box-sizing:border-box;position:absolute;width:24px;height:24px;top:50%;left:50%;transform:scale(.5) translate(0);background-color:var(--general-utilities-neutral-medium);border-radius:50%;animation:animloader 1s infinite ease-in-out}._loader_15k2i_2.animated:before{background-color:var(--general-utilities-main-default);transform:scale(.5) translate(-48px,-48px)}._loader_15k2i_2.linear{display:block;margin:calc(var(--general-spacing-none) * 1px);padding:calc(var(--general-spacing-none) * 1px);height:calc(var(--components-Loader-linear-height, var(--general-spacing-xxs)) * 1px);overflow:hidden;background-color:var(--general-utilities-neutral-medium);position:relative}._loader_15k2i_2.linear:before{content:"";display:block;width:calc(var(--components-Loader-width, 0) * 1%);height:calc(var(--components-Loader-linear-height, var(--general-spacing-xxs)) * 1px);background-color:var(--general-utilities-main-default);border-radius:calc(var(--general-border-radius-square) * 1px);position:absolute;top:0;left:0;animation:none;transition:width .15s ease-in-out}._loader_15k2i_2.linear.infinite:before{width:180px;animation:animLinear 2s linear infinite;transition:none;border-radius:calc(var(--components-Loader-linear-border-radius-infinite, var(--general-border-radius-s)) * 1px)}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes animloader{50%{transform:scale(1) translate(-50%,-50%)}}@keyframes animLinear{0%{left:-180px}to{left:100%}}
@@ -1 +1 @@
1
- /*! Sass Fairy v1 | (c) roydukkey | https://sass-fairy.com/license */._loader_15k2i_2.animated{width:48px;height:48px;display:block;margin:calc(var(--general-spacing-s) * 1px) auto;position:relative;color:var(--general-utilities-neutral-medium);box-sizing:border-box;animation:rotation 1s linear infinite}._loader_15k2i_2.animated:after,._loader_15k2i_2.animated:before{content:"";box-sizing:border-box;position:absolute;width:24px;height:24px;top:50%;left:50%;transform:scale(.5) translate(0);background-color:var(--general-utilities-neutral-medium);border-radius:50%;animation:animloader 1s infinite ease-in-out}._loader_15k2i_2.animated:before{background-color:var(--general-utilities-main-default);transform:scale(.5) translate(-48px,-48px)}._loader_15k2i_2.linear{display:block;margin:calc(var(--general-spacing-none) * 1px);padding:calc(var(--general-spacing-none) * 1px);height:calc(var(--components-Loader-linear-height, var(--general-spacing-xxs)) * 1px);overflow:hidden;background-color:var(--general-utilities-neutral-medium);position:relative}._loader_15k2i_2.linear:before{content:"";display:block;width:calc(var(--components-Loader-width, 0) * 1%);height:calc(var(--components-Loader-linear-height, var(--general-spacing-xxs)) * 1px);background-color:var(--general-utilities-main-default);border-radius:calc(var(--general-border-radius-square) * 1px);position:absolute;top:0;left:0;animation:none;transition:width .15s ease-in-out}._loader_15k2i_2.linear.infinite:before{width:180px;animation:animLinear 2s linear infinite;transition:none;border-radius:calc(var(--components-Loader-linear-border-radius-infinite, var(--general-border-radius-s)) * 1px)}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes animloader{50%{transform:scale(1) translate(-50%,-50%)}}@keyframes animLinear{0%{left:-180px}to{left:100%}}
1
+ /*! Sass Fairy v1 | (c) roydukkey | https://sass-fairy.com/license */._kit-btn_hhn6w_2{height:40px;min-width:40px;position:relative;padding:calc(var(--general-spacing-none) * 1px) calc(var(--components-Button-padding, var(--general-spacing-s)) * 1px);display:inline-flex;align-items:center;gap:8px;box-shadow:none;font-family:var(--components-Button-typography-fontFamily, var(--general-typography-fontFamily));font-weight:var(--components-Button-typography-fontWeight, var(--general-typography-regularFontWeight));font-size:calc(var(--components-Button-typography-fontSize, var(--general-typography-fontSize5)) * 1px);line-height:var(--components-Button-typography-lineHeight, var(--general-typography-lineHeight5));border-radius:calc(var(--components-Button-border-radius-default, var(--general-border-radius-pills)) * 1px);cursor:pointer;--kit-btn-main-color: var(--general-utilities-main-default);--kit-btn-main-light: var(--general-utilities-main-light);--kit-btn-main-focus: var(--general-utilities-focus);--kit-btn-main-dark: var(--general-utilities-main-dark);--kit-btn-main-dark-deep: var(--general-utilities-main-deepDark);--kit-btn-invert-color: var(--general-utilities-light);--kit-btn-disabled-color: var(--general-utilities-disabled);--kit-btn-border-color: var(--general-utilities-border);--kit-btn-grey-light: var(--general-utilities-neutral-light)}._kit-btn_hhn6w_2.icon-xs .kit-btn-icon{font-size:calc(var(--components-Button-typography-iconSize-xs, var(--general-typography-fontSize7)) * 1px)}._kit-btn_hhn6w_2.icon-s .kit-btn-icon{font-size:calc(var(--components-Button-typography-iconSize-s, var(--general-typography-fontSize6)) * 1px)}._kit-btn_hhn6w_2.icon-m .kit-btn-icon{font-size:calc(var(--components-Button-typography-iconSize-m, var(--general-typography-fontSize5)) * 1px)}._kit-btn_hhn6w_2.icon-l .kit-btn-icon{font-size:calc(var(--components-Button-typography-iconSize-l, var(--general-typography-fontSize4)) * 1px)}._kit-btn_hhn6w_2.icon-xl .kit-btn-icon{font-size:calc(var(--components-Button-typography-iconSize-xl, var(--general-typography-fontSize3)) * 1px)}._kit-btn_hhn6w_2.kit-btn-block{display:flex;width:100%;justify-content:center}._kit-btn_hhn6w_2:focus-visible,._kit-btn_hhn6w_2.kit-btn-secondary:focus,._kit-btn_hhn6w_2.kit-btn-link:focus,._kit-btn_hhn6w_2.kit-btn-redirect:focus{outline:var(--general-utilities-focus) solid 3px;transition:outline-offset 0s ease 0s,outline 0s ease 0s;border-color:transparent}._kit-btn_hhn6w_2,._kit-btn_hhn6w_2.kit-btn-secondary{color:var(--kit-btn-main-color);background-color:var(--kit-btn-invert-color);border:1px solid var(--kit-btn-border-color)}._kit-btn_hhn6w_2:hover,._kit-btn_hhn6w_2.kit-btn-secondary:hover{border-color:var(--kit-btn-main-color)}._kit-btn_hhn6w_2:active,._kit-btn_hhn6w_2.kit-btn-secondary:active{border-color:var(--kit-btn-main-color);background-color:var(--kit-btn-main-light)}._kit-btn_hhn6w_2:disabled,._kit-btn_hhn6w_2.kit-btn-disabled,._kit-btn_hhn6w_2.kit-btn-secondary:disabled,._kit-btn_hhn6w_2.kit-btn-secondary.kit-btn-disabled{color:var(--kit-btn-disabled-color);background-color:var(--kit-btn-grey-light);border-color:var(--kit-btn-border-color);cursor:not-allowed}._kit-btn_hhn6w_2.kit-btn-primary{background-color:var(--kit-btn-main-color);border-color:var(--kit-btn-main-color);color:var(--kit-btn-invert-color)}._kit-btn_hhn6w_2.kit-btn-primary:hover{background-color:var(--kit-btn-main-dark);border-color:var(--kit-btn-main-dark)}._kit-btn_hhn6w_2.kit-btn-primary:active{background-color:var(--kit-btn-main-dark-deep);border-color:var(--kit-btn-main-dark-deep)}._kit-btn_hhn6w_2.kit-btn-primary:disabled,._kit-btn_hhn6w_2.kit-btn-primary.kit-btn-disabled{color:var(--kit-btn-disabled-color);background-color:var(--kit-btn-grey-light);border-color:var(--kit-btn-border-color)}._kit-btn_hhn6w_2.kit-btn-tertiary{background-color:transparent;border-color:transparent;color:var(--kit-btn-main-color)}._kit-btn_hhn6w_2.kit-btn-tertiary:hover{background-color:var(--kit-btn-grey-light);border-color:var(--kit-btn-grey-light)}._kit-btn_hhn6w_2.kit-btn-tertiary:active{border-color:var(--kit-btn-main-light);background-color:var(--kit-btn-main-light)}._kit-btn_hhn6w_2.kit-btn-tertiary:disabled,._kit-btn_hhn6w_2.kit-btn-tertiary.kit-btn-disabled{color:var(--kit-btn-disabled-color);background-color:transparent;border-color:transparent}._kit-btn_hhn6w_2.kit-btn-link{background:transparent;border-color:transparent;border:none;border-bottom:1px solid transparent;padding:calc(var(--general-spacing-xxs) * 1px);border-radius:calc(var(--general-border-radius-xs) * 1px);height:auto;display:flex;align-items:center;gap:calc(var(--general-spacing-xxs) * 1px);color:var(--general-utilities-main-default)}._kit-btn_hhn6w_2.kit-btn-link:before{position:absolute;width:100%;height:0px;border-bottom:1px solid var(--general-utilities-main-dark);bottom:-1px;left:0}._kit-btn_hhn6w_2.kit-btn-link:hover:not(:disabled):not(.kit-btn-disabled){color:var(--general-utilities-main-dark)}._kit-btn_hhn6w_2.kit-btn-link:hover:not(:disabled):not(.kit-btn-disabled):before{content:""}._kit-btn_hhn6w_2.kit-btn-link:active:not(:disabled):not(.kit-btn-disabled){color:var(--general-utilities-main-deepDark)}._kit-btn_hhn6w_2.kit-btn-link:active:not(:disabled):not(.kit-btn-disabled):before{content:""}._kit-btn_hhn6w_2.kit-btn-link:disabled,._kit-btn_hhn6w_2.kit-btn-link.kit-btn-disabled{color:var(--kit-btn-disabled-color);background-color:transparent;border-color:transparent;cursor:not-allowed}._kit-btn_hhn6w_2.kit-btn-redirect{background:transparent;border-color:transparent;border:none;border-bottom:1px solid transparent;padding:calc(var(--general-spacing-xs) * 1px);border-radius:calc(var(--general-border-radius-xs) * 1px);height:auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;justify-items:start;gap:calc(var(--general-spacing-xs) * 1px);color:var(--general-utilities-main-deepDark)}._kit-btn_hhn6w_2.kit-btn-redirect .kit-btn-icon-redirect{transition:transform .3s;margin-left:calc(var(--general-spacing-xs) * 1px)}._kit-btn_hhn6w_2.kit-btn-redirect:hover:not(:disabled):not(.kit-btn-disabled){background-color:var(--general-utilities-main-light)}._kit-btn_hhn6w_2.kit-btn-redirect:focus:not(:disabled):not(.kit-btn-disabled){background:var(--general-utilities-white)}._kit-btn_hhn6w_2.kit-btn-redirect:hover:not(:disabled):not(.kit-btn-disabled) .kit-btn-icon-redirect,._kit-btn_hhn6w_2.kit-btn-redirect:focus:not(:disabled):not(.kit-btn-disabled) .kit-btn-icon-redirect{transform:rotate(-45deg);transition:transform .3s;color:var(--general-utilities-main-default)}._kit-btn_hhn6w_2.kit-btn-redirect:active:not(:disabled):not(.kit-btn-disabled){background-color:var(--general-utilities-main-light);color:var(--general-utilities-main-default)}._kit-btn_hhn6w_2.kit-btn-redirect:disabled,._kit-btn_hhn6w_2.kit-btn-redirect:disabled .kit-btn-icon,._kit-btn_hhn6w_2.kit-btn-redirect.kit-btn-disabled,._kit-btn_hhn6w_2.kit-btn-redirect.kit-btn-disabled .kit-btn-icon{color:var(--kit-btn-disabled-color);background-color:transparent;border-color:transparent;cursor:not-allowed}._kit-btn_hhn6w_2.kit-btn-redirect .kit-btn-icon{color:var(--general-utilities-main-default)}._kit-btn_hhn6w_2.kit-btn-segmented{border-radius:calc(var(--components-Button-border-radius-compact, var(--general-border-radius-s)) * 1px)}._kit-btn_hhn6w_2.kit-btn-segmented.kit-btn-segmented-active{background-color:var(--kit-btn-main-light);border-color:var(--kit-btn-main-color);z-index:2}._kit-btn_hhn6w_2 .kit-btn-segmented-actived-icon{position:absolute;z-index:2;bottom:6px;right:5px;color:var(--kit-btn-main-color);font-size:calc(var(--general-typography-fontSize7) * 1px)}._kit-btn_hhn6w_2.kit-btn-icon-only:not(.kit-btn-link):not(.kit-btn-redirect){padding:calc(var(--general-spacing-none) * 1px);justify-content:center}._kit-btn_hhn6w_2.kit-btn-icon-only.kit-btn-link{min-width:auto}._kit-btn_hhn6w_2.kit-btn-danger,._kit-btn_hhn6w_2.kit-btn-danger-modal{--kit-btn-main-color: var(--general-utilities-error-default);--kit-btn-main-light: var(--general-utilities-error-light);--kit-btn-main-focus: var(--general-utilities-error-default);--kit-btn-main-dark: var(--general-utilities-error-dark);--kit-btn-main-dark-deep: var(--general-utilities-error-dark);--kit-btn-invert-color: var(--general-utilities-light)}._kit-btn_hhn6w_2.kit-btn-danger.kit-btn-primary:not(:disabled):not(.kit-btn-disabled),._kit-btn_hhn6w_2.kit-btn-danger-modal.kit-btn-primary:not(:disabled):not(.kit-btn-disabled){border-color:var(--kit-btn-main-color)}._kit-btn_hhn6w_2.kit-btn-danger.kit-btn-secondary:not(:disabled):not(.kit-btn-disabled),._kit-btn_hhn6w_2.kit-btn-danger.kit-btn-segmented:not(:disabled):not(.kit-btn-disabled),._kit-btn_hhn6w_2.kit-btn-danger-modal.kit-btn-secondary:not(:disabled):not(.kit-btn-disabled),._kit-btn_hhn6w_2.kit-btn-danger-modal.kit-btn-segmented:not(:disabled):not(.kit-btn-disabled){border-color:var(--general-utilities-error-medium)}._kit-btn_hhn6w_2.kit-btn-danger.kit-btn-primary:not(:disabled):not(.kit-btn-disabled):hover,._kit-btn_hhn6w_2.kit-btn-danger-modal.kit-btn-primary:not(:disabled):not(.kit-btn-disabled):hover{border-color:var(--kit-btn-main-dark)}._kit-btn_hhn6w_2.kit-btn-danger.kit-btn-secondary:not(:disabled):not(.kit-btn-disabled):hover,._kit-btn_hhn6w_2.kit-btn-danger-modal.kit-btn-secondary:not(:disabled):not(.kit-btn-disabled):hover{border-color:var(--kit-btn-main-color)}._kit-btn_hhn6w_2.kit-btn-danger.kit-btn-link:not(:disabled):not(.kit-btn-disabled),._kit-btn_hhn6w_2.kit-btn-danger-modal.kit-btn-link:not(:disabled):not(.kit-btn-disabled){color:var(--kit-btn-main-color)}._kit-btn_hhn6w_2.kit-btn-danger.kit-btn-link:not(:disabled):not(.kit-btn-disabled):hover,._kit-btn_hhn6w_2.kit-btn-danger-modal.kit-btn-link:not(:disabled):not(.kit-btn-disabled):hover{color:var(--kit-btn-main-dark);border-color:var(--kit-btn-main-dark)}._kit-btn_hhn6w_2.kit-btn-danger.kit-btn-redirect:not(:disabled):not(.kit-btn-disabled),._kit-btn_hhn6w_2.kit-btn-danger-modal.kit-btn-redirect:not(:disabled):not(.kit-btn-disabled){color:var(--kit-btn-main-color)}._kit-btn_hhn6w_2.kit-btn-danger.kit-btn-redirect:not(:disabled):not(.kit-btn-disabled) .kit-btn-icon,._kit-btn_hhn6w_2.kit-btn-danger.kit-btn-redirect:not(:disabled):not(.kit-btn-disabled) .kit-btn-icon-redirect,._kit-btn_hhn6w_2.kit-btn-danger-modal.kit-btn-redirect:not(:disabled):not(.kit-btn-disabled) .kit-btn-icon,._kit-btn_hhn6w_2.kit-btn-danger-modal.kit-btn-redirect:not(:disabled):not(.kit-btn-disabled) .kit-btn-icon-redirect{color:var(--kit-btn-main-color)}._kit-btn_hhn6w_2.kit-btn-danger.kit-btn-redirect:not(:disabled):not(.kit-btn-disabled):hover,._kit-btn_hhn6w_2.kit-btn-danger.kit-btn-redirect:not(:disabled):not(.kit-btn-disabled):active,._kit-btn_hhn6w_2.kit-btn-danger-modal.kit-btn-redirect:not(:disabled):not(.kit-btn-disabled):hover,._kit-btn_hhn6w_2.kit-btn-danger-modal.kit-btn-redirect:not(:disabled):not(.kit-btn-disabled):active{background:var(--kit-btn-main-light)}._kit-btn_hhn6w_2.kit-btn-danger.kit-btn-redirect:not(:disabled):not(.kit-btn-disabled):hover,._kit-btn_hhn6w_2.kit-btn-danger.kit-btn-redirect:not(:disabled):not(.kit-btn-disabled):hover .kit-btn-icon,._kit-btn_hhn6w_2.kit-btn-danger.kit-btn-redirect:not(:disabled):not(.kit-btn-disabled):hover .kit-btn-icon-redirect,._kit-btn_hhn6w_2.kit-btn-danger-modal.kit-btn-redirect:not(:disabled):not(.kit-btn-disabled):hover,._kit-btn_hhn6w_2.kit-btn-danger-modal.kit-btn-redirect:not(:disabled):not(.kit-btn-disabled):hover .kit-btn-icon,._kit-btn_hhn6w_2.kit-btn-danger-modal.kit-btn-redirect:not(:disabled):not(.kit-btn-disabled):hover .kit-btn-icon-redirect{color:var(--kit-btn-main-dark)}._kit-btn_hhn6w_2.kit-btn-danger.kit-btn-redirect:not(:disabled):not(.kit-btn-disabled):active,._kit-btn_hhn6w_2.kit-btn-danger.kit-btn-redirect:not(:disabled):not(.kit-btn-disabled):active .kit-btn-icon,._kit-btn_hhn6w_2.kit-btn-danger.kit-btn-redirect:not(:disabled):not(.kit-btn-disabled):active .kit-btn-icon-redirect,._kit-btn_hhn6w_2.kit-btn-danger-modal.kit-btn-redirect:not(:disabled):not(.kit-btn-disabled):active,._kit-btn_hhn6w_2.kit-btn-danger-modal.kit-btn-redirect:not(:disabled):not(.kit-btn-disabled):active .kit-btn-icon,._kit-btn_hhn6w_2.kit-btn-danger-modal.kit-btn-redirect:not(:disabled):not(.kit-btn-disabled):active .kit-btn-icon-redirect{color:var(--kit-btn-main-color)}._kit-btn_hhn6w_2.kit-btn-danger.kit-btn-danger-modal,._kit-btn_hhn6w_2.kit-btn-danger-modal.kit-btn-danger-modal{border-color:var(--kit-btn-main-color)}._kit-btn_hhn6w_2.kit-btn-color-primary{--kit-btn-main-color: var(--general-colors-primary-primary-400);--kit-btn-main-light: var(--general-colors-primary-primary-100);--kit-btn-main-focus: var(--general-colors-primary-primary-200);--kit-btn-main-dark: var(--general-colors-primary-primary-500);--kit-btn-main-dark-deep: var(--general-colors-primary-primary-600);--kit-btn-invert-color: var(--general-utilities-light)}._kit-btn_hhn6w_2.kit-btn-color-warning{--kit-btn-main-color: var(--general-colors-secondary-warning-400);--kit-btn-main-light: var(--general-colors-secondary-warning-100);--kit-btn-main-focus: var(--general-colors-secondary-warning-200);--kit-btn-main-dark: var(--general-colors-secondary-warning-500);--kit-btn-main-dark-deep: var(--general-colors-secondary-warning-600);--kit-btn-invert-color: var(--general-utilities-light)}._kit-btn_hhn6w_2.kit-btn-color-error{--kit-btn-main-color: var(--general-colors-secondary-error-400);--kit-btn-main-light: var(--general-colors-secondary-error-100);--kit-btn-main-focus: var(--general-colors-secondary-error-200);--kit-btn-main-dark: var(--general-colors-secondary-error-500);--kit-btn-main-dark-deep: var(--general-colors-secondary-error-600);--kit-btn-invert-color: var(--general-utilities-light)}._kit-btn_hhn6w_2.kit-btn-color-success{--kit-btn-main-color: var(--general-colors-secondary-success-400);--kit-btn-main-light: var(--general-colors-secondary-success-100);--kit-btn-main-focus: var(--general-colors-secondary-success-200);--kit-btn-main-dark: var(--general-colors-secondary-success-500);--kit-btn-main-dark-deep: var(--general-colors-secondary-success-600);--kit-btn-invert-color: var(--general-utilities-light)}._kit-btn_hhn6w_2.kit-btn-color-yellow{--kit-btn-main-color: var(--general-colors-tertiary-yellow-400);--kit-btn-main-light: var(--general-colors-tertiary-yellow-100);--kit-btn-main-focus: var(--general-colors-tertiary-yellow-200);--kit-btn-main-dark: var(--general-colors-tertiary-yellow-500);--kit-btn-main-dark-deep: var(--general-colors-tertiary-yellow-600);--kit-btn-invert-color: var(--general-utilities-light)}._kit-btn_hhn6w_2.kit-btn-color-pink{--kit-btn-main-color: var(--general-colors-tertiary-pink-400);--kit-btn-main-light: var(--general-colors-tertiary-pink-100);--kit-btn-main-focus: var(--general-colors-tertiary-pink-200);--kit-btn-main-dark: var(--general-colors-tertiary-pink-500);--kit-btn-main-dark-deep: var(--general-colors-tertiary-pink-600);--kit-btn-invert-color: var(--general-utilities-light)}._kit-btn_hhn6w_2.kit-btn-color-grey{--kit-btn-main-color: var(--general-colors-neutral-grey-400);--kit-btn-main-light: var(--general-colors-neutral-grey-100);--kit-btn-main-focus: var(--general-colors-neutral-grey-200);--kit-btn-main-dark: var(--general-colors-neutral-grey-500);--kit-btn-main-dark-deep: var(--general-colors-neutral-grey-600);--kit-btn-invert-color: var(--general-utilities-light)}.ant-space-compact:not(.ant-space-compact-vertical) ._kit-btn_hhn6w_2{border-radius:calc(var(--general-border-radius-square) * 1px)}.ant-space-compact:not(.ant-space-compact-vertical) ._kit-btn_hhn6w_2:hover{z-index:2}.ant-space-compact:not(.ant-space-compact-vertical) ._kit-btn_hhn6w_2:not(:last-child){margin-inline-end:-1px}.ant-space-compact:not(.ant-space-compact-vertical) ._kit-btn_hhn6w_2:first-child{border-start-start-radius:calc(var(--components-Button-border-radius-compact, var(--general-border-radius-s)) * 1px);border-end-start-radius:calc(var(--components-Button-border-radius-compact, var(--general-border-radius-s)) * 1px)}.ant-space-compact:not(.ant-space-compact-vertical) ._kit-btn_hhn6w_2:last-child{border-start-end-radius:calc(var(--components-Button-border-radius-compact, var(--general-border-radius-s)) * 1px);border-end-end-radius:calc(var(--components-Button-border-radius-compact, var(--general-border-radius-s)) * 1px);margin-left:-1px}.ant-space-compact-vertical ._kit-btn_hhn6w_2{border-radius:calc(var(--general-border-radius-square) * 1px)}.ant-space-compact-vertical ._kit-btn_hhn6w_2:not(:last-child){margin-top:-1px}.ant-space-compact-vertical ._kit-btn_hhn6w_2:first-child{border-top-left-radius:calc(var(--components-Button-border-radius-compact, var(--general-border-radius-s)) * 1px);border-top-right-radius:calc(var(--components-Button-border-radius-compact, var(--general-border-radius-s)) * 1px)}.ant-space-compact-vertical ._kit-btn_hhn6w_2:last-child{border-bottom-left-radius:calc(var(--components-Button-border-radius-compact, var(--general-border-radius-s)) * 1px);border-bottom-right-radius:calc(var(--components-Button-border-radius-compact, var(--general-border-radius-s)) * 1px);margin-top:-1px}
@@ -1 +1 @@
1
- /*! Sass Fairy v1 | (c) roydukkey | https://sass-fairy.com/license */._kit-btn_hhn6w_2{height:40px;min-width:40px;position:relative;padding:calc(var(--general-spacing-none) * 1px) calc(var(--components-Button-padding, var(--general-spacing-s)) * 1px);display:inline-flex;align-items:center;gap:8px;box-shadow:none;font-family:var(--components-Button-typography-fontFamily, var(--general-typography-fontFamily));font-weight:var(--components-Button-typography-fontWeight, var(--general-typography-regularFontWeight));font-size:calc(var(--components-Button-typography-fontSize, var(--general-typography-fontSize5)) * 1px);line-height:var(--components-Button-typography-lineHeight, var(--general-typography-lineHeight5));border-radius:calc(var(--components-Button-border-radius-default, var(--general-border-radius-pills)) * 1px);cursor:pointer;--kit-btn-main-color: var(--general-utilities-main-default);--kit-btn-main-light: var(--general-utilities-main-light);--kit-btn-main-focus: var(--general-utilities-focus);--kit-btn-main-dark: var(--general-utilities-main-dark);--kit-btn-main-dark-deep: var(--general-utilities-main-deepDark);--kit-btn-invert-color: var(--general-utilities-light);--kit-btn-disabled-color: var(--general-utilities-disabled);--kit-btn-border-color: var(--general-utilities-border);--kit-btn-grey-light: var(--general-utilities-neutral-light)}._kit-btn_hhn6w_2.icon-xs .kit-btn-icon{font-size:calc(var(--components-Button-typography-iconSize-xs, var(--general-typography-fontSize7)) * 1px)}._kit-btn_hhn6w_2.icon-s .kit-btn-icon{font-size:calc(var(--components-Button-typography-iconSize-s, var(--general-typography-fontSize6)) * 1px)}._kit-btn_hhn6w_2.icon-m .kit-btn-icon{font-size:calc(var(--components-Button-typography-iconSize-m, var(--general-typography-fontSize5)) * 1px)}._kit-btn_hhn6w_2.icon-l .kit-btn-icon{font-size:calc(var(--components-Button-typography-iconSize-l, var(--general-typography-fontSize4)) * 1px)}._kit-btn_hhn6w_2.icon-xl .kit-btn-icon{font-size:calc(var(--components-Button-typography-iconSize-xl, var(--general-typography-fontSize3)) * 1px)}._kit-btn_hhn6w_2.kit-btn-block{display:flex;width:100%;justify-content:center}._kit-btn_hhn6w_2:focus-visible,._kit-btn_hhn6w_2.kit-btn-secondary:focus,._kit-btn_hhn6w_2.kit-btn-link:focus,._kit-btn_hhn6w_2.kit-btn-redirect:focus{outline:var(--general-utilities-focus) solid 3px;transition:outline-offset 0s ease 0s,outline 0s ease 0s;border-color:transparent}._kit-btn_hhn6w_2,._kit-btn_hhn6w_2.kit-btn-secondary{color:var(--kit-btn-main-color);background-color:var(--kit-btn-invert-color);border:1px solid var(--kit-btn-border-color)}._kit-btn_hhn6w_2:hover,._kit-btn_hhn6w_2.kit-btn-secondary:hover{border-color:var(--kit-btn-main-color)}._kit-btn_hhn6w_2:active,._kit-btn_hhn6w_2.kit-btn-secondary:active{border-color:var(--kit-btn-main-color);background-color:var(--kit-btn-main-light)}._kit-btn_hhn6w_2:disabled,._kit-btn_hhn6w_2.kit-btn-disabled,._kit-btn_hhn6w_2.kit-btn-secondary:disabled,._kit-btn_hhn6w_2.kit-btn-secondary.kit-btn-disabled{color:var(--kit-btn-disabled-color);background-color:var(--kit-btn-grey-light);border-color:var(--kit-btn-border-color);cursor:not-allowed}._kit-btn_hhn6w_2.kit-btn-primary{background-color:var(--kit-btn-main-color);border-color:var(--kit-btn-main-color);color:var(--kit-btn-invert-color)}._kit-btn_hhn6w_2.kit-btn-primary:hover{background-color:var(--kit-btn-main-dark);border-color:var(--kit-btn-main-dark)}._kit-btn_hhn6w_2.kit-btn-primary:active{background-color:var(--kit-btn-main-dark-deep);border-color:var(--kit-btn-main-dark-deep)}._kit-btn_hhn6w_2.kit-btn-primary:disabled,._kit-btn_hhn6w_2.kit-btn-primary.kit-btn-disabled{color:var(--kit-btn-disabled-color);background-color:var(--kit-btn-grey-light);border-color:var(--kit-btn-border-color)}._kit-btn_hhn6w_2.kit-btn-tertiary{background-color:transparent;border-color:transparent;color:var(--kit-btn-main-color)}._kit-btn_hhn6w_2.kit-btn-tertiary:hover{background-color:var(--kit-btn-grey-light);border-color:var(--kit-btn-grey-light)}._kit-btn_hhn6w_2.kit-btn-tertiary:active{border-color:var(--kit-btn-main-light);background-color:var(--kit-btn-main-light)}._kit-btn_hhn6w_2.kit-btn-tertiary:disabled,._kit-btn_hhn6w_2.kit-btn-tertiary.kit-btn-disabled{color:var(--kit-btn-disabled-color);background-color:transparent;border-color:transparent}._kit-btn_hhn6w_2.kit-btn-link{background:transparent;border-color:transparent;border:none;border-bottom:1px solid transparent;padding:calc(var(--general-spacing-xxs) * 1px);border-radius:calc(var(--general-border-radius-xs) * 1px);height:auto;display:flex;align-items:center;gap:calc(var(--general-spacing-xxs) * 1px);color:var(--general-utilities-main-default)}._kit-btn_hhn6w_2.kit-btn-link:before{position:absolute;width:100%;height:0px;border-bottom:1px solid var(--general-utilities-main-dark);bottom:-1px;left:0}._kit-btn_hhn6w_2.kit-btn-link:hover:not(:disabled):not(.kit-btn-disabled){color:var(--general-utilities-main-dark)}._kit-btn_hhn6w_2.kit-btn-link:hover:not(:disabled):not(.kit-btn-disabled):before{content:""}._kit-btn_hhn6w_2.kit-btn-link:active:not(:disabled):not(.kit-btn-disabled){color:var(--general-utilities-main-deepDark)}._kit-btn_hhn6w_2.kit-btn-link:active:not(:disabled):not(.kit-btn-disabled):before{content:""}._kit-btn_hhn6w_2.kit-btn-link:disabled,._kit-btn_hhn6w_2.kit-btn-link.kit-btn-disabled{color:var(--kit-btn-disabled-color);background-color:transparent;border-color:transparent;cursor:not-allowed}._kit-btn_hhn6w_2.kit-btn-redirect{background:transparent;border-color:transparent;border:none;border-bottom:1px solid transparent;padding:calc(var(--general-spacing-xs) * 1px);border-radius:calc(var(--general-border-radius-xs) * 1px);height:auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;justify-items:start;gap:calc(var(--general-spacing-xs) * 1px);color:var(--general-utilities-main-deepDark)}._kit-btn_hhn6w_2.kit-btn-redirect .kit-btn-icon-redirect{transition:transform .3s;margin-left:calc(var(--general-spacing-xs) * 1px)}._kit-btn_hhn6w_2.kit-btn-redirect:hover:not(:disabled):not(.kit-btn-disabled){background-color:var(--general-utilities-main-light)}._kit-btn_hhn6w_2.kit-btn-redirect:focus:not(:disabled):not(.kit-btn-disabled){background:var(--general-utilities-white)}._kit-btn_hhn6w_2.kit-btn-redirect:hover:not(:disabled):not(.kit-btn-disabled) .kit-btn-icon-redirect,._kit-btn_hhn6w_2.kit-btn-redirect:focus:not(:disabled):not(.kit-btn-disabled) .kit-btn-icon-redirect{transform:rotate(-45deg);transition:transform .3s;color:var(--general-utilities-main-default)}._kit-btn_hhn6w_2.kit-btn-redirect:active:not(:disabled):not(.kit-btn-disabled){background-color:var(--general-utilities-main-light);color:var(--general-utilities-main-default)}._kit-btn_hhn6w_2.kit-btn-redirect:disabled,._kit-btn_hhn6w_2.kit-btn-redirect:disabled .kit-btn-icon,._kit-btn_hhn6w_2.kit-btn-redirect.kit-btn-disabled,._kit-btn_hhn6w_2.kit-btn-redirect.kit-btn-disabled .kit-btn-icon{color:var(--kit-btn-disabled-color);background-color:transparent;border-color:transparent;cursor:not-allowed}._kit-btn_hhn6w_2.kit-btn-redirect .kit-btn-icon{color:var(--general-utilities-main-default)}._kit-btn_hhn6w_2.kit-btn-segmented{border-radius:calc(var(--components-Button-border-radius-compact, var(--general-border-radius-s)) * 1px)}._kit-btn_hhn6w_2.kit-btn-segmented.kit-btn-segmented-active{background-color:var(--kit-btn-main-light);border-color:var(--kit-btn-main-color);z-index:2}._kit-btn_hhn6w_2 .kit-btn-segmented-actived-icon{position:absolute;z-index:2;bottom:6px;right:5px;color:var(--kit-btn-main-color);font-size:calc(var(--general-typography-fontSize7) * 1px)}._kit-btn_hhn6w_2.kit-btn-icon-only:not(.kit-btn-link):not(.kit-btn-redirect){padding:calc(var(--general-spacing-none) * 1px);justify-content:center}._kit-btn_hhn6w_2.kit-btn-icon-only.kit-btn-link{min-width:auto}._kit-btn_hhn6w_2.kit-btn-danger,._kit-btn_hhn6w_2.kit-btn-danger-modal{--kit-btn-main-color: var(--general-utilities-error-default);--kit-btn-main-light: var(--general-utilities-error-light);--kit-btn-main-focus: var(--general-utilities-error-default);--kit-btn-main-dark: var(--general-utilities-error-dark);--kit-btn-main-dark-deep: var(--general-utilities-error-dark);--kit-btn-invert-color: var(--general-utilities-light)}._kit-btn_hhn6w_2.kit-btn-danger.kit-btn-primary:not(:disabled):not(.kit-btn-disabled),._kit-btn_hhn6w_2.kit-btn-danger-modal.kit-btn-primary:not(:disabled):not(.kit-btn-disabled){border-color:var(--kit-btn-main-color)}._kit-btn_hhn6w_2.kit-btn-danger.kit-btn-secondary:not(:disabled):not(.kit-btn-disabled),._kit-btn_hhn6w_2.kit-btn-danger.kit-btn-segmented:not(:disabled):not(.kit-btn-disabled),._kit-btn_hhn6w_2.kit-btn-danger-modal.kit-btn-secondary:not(:disabled):not(.kit-btn-disabled),._kit-btn_hhn6w_2.kit-btn-danger-modal.kit-btn-segmented:not(:disabled):not(.kit-btn-disabled){border-color:var(--general-utilities-error-medium)}._kit-btn_hhn6w_2.kit-btn-danger.kit-btn-primary:not(:disabled):not(.kit-btn-disabled):hover,._kit-btn_hhn6w_2.kit-btn-danger-modal.kit-btn-primary:not(:disabled):not(.kit-btn-disabled):hover{border-color:var(--kit-btn-main-dark)}._kit-btn_hhn6w_2.kit-btn-danger.kit-btn-secondary:not(:disabled):not(.kit-btn-disabled):hover,._kit-btn_hhn6w_2.kit-btn-danger-modal.kit-btn-secondary:not(:disabled):not(.kit-btn-disabled):hover{border-color:var(--kit-btn-main-color)}._kit-btn_hhn6w_2.kit-btn-danger.kit-btn-link:not(:disabled):not(.kit-btn-disabled),._kit-btn_hhn6w_2.kit-btn-danger-modal.kit-btn-link:not(:disabled):not(.kit-btn-disabled){color:var(--kit-btn-main-color)}._kit-btn_hhn6w_2.kit-btn-danger.kit-btn-link:not(:disabled):not(.kit-btn-disabled):hover,._kit-btn_hhn6w_2.kit-btn-danger-modal.kit-btn-link:not(:disabled):not(.kit-btn-disabled):hover{color:var(--kit-btn-main-dark);border-color:var(--kit-btn-main-dark)}._kit-btn_hhn6w_2.kit-btn-danger.kit-btn-redirect:not(:disabled):not(.kit-btn-disabled),._kit-btn_hhn6w_2.kit-btn-danger-modal.kit-btn-redirect:not(:disabled):not(.kit-btn-disabled){color:var(--kit-btn-main-color)}._kit-btn_hhn6w_2.kit-btn-danger.kit-btn-redirect:not(:disabled):not(.kit-btn-disabled) .kit-btn-icon,._kit-btn_hhn6w_2.kit-btn-danger.kit-btn-redirect:not(:disabled):not(.kit-btn-disabled) .kit-btn-icon-redirect,._kit-btn_hhn6w_2.kit-btn-danger-modal.kit-btn-redirect:not(:disabled):not(.kit-btn-disabled) .kit-btn-icon,._kit-btn_hhn6w_2.kit-btn-danger-modal.kit-btn-redirect:not(:disabled):not(.kit-btn-disabled) .kit-btn-icon-redirect{color:var(--kit-btn-main-color)}._kit-btn_hhn6w_2.kit-btn-danger.kit-btn-redirect:not(:disabled):not(.kit-btn-disabled):hover,._kit-btn_hhn6w_2.kit-btn-danger.kit-btn-redirect:not(:disabled):not(.kit-btn-disabled):active,._kit-btn_hhn6w_2.kit-btn-danger-modal.kit-btn-redirect:not(:disabled):not(.kit-btn-disabled):hover,._kit-btn_hhn6w_2.kit-btn-danger-modal.kit-btn-redirect:not(:disabled):not(.kit-btn-disabled):active{background:var(--kit-btn-main-light)}._kit-btn_hhn6w_2.kit-btn-danger.kit-btn-redirect:not(:disabled):not(.kit-btn-disabled):hover,._kit-btn_hhn6w_2.kit-btn-danger.kit-btn-redirect:not(:disabled):not(.kit-btn-disabled):hover .kit-btn-icon,._kit-btn_hhn6w_2.kit-btn-danger.kit-btn-redirect:not(:disabled):not(.kit-btn-disabled):hover .kit-btn-icon-redirect,._kit-btn_hhn6w_2.kit-btn-danger-modal.kit-btn-redirect:not(:disabled):not(.kit-btn-disabled):hover,._kit-btn_hhn6w_2.kit-btn-danger-modal.kit-btn-redirect:not(:disabled):not(.kit-btn-disabled):hover .kit-btn-icon,._kit-btn_hhn6w_2.kit-btn-danger-modal.kit-btn-redirect:not(:disabled):not(.kit-btn-disabled):hover .kit-btn-icon-redirect{color:var(--kit-btn-main-dark)}._kit-btn_hhn6w_2.kit-btn-danger.kit-btn-redirect:not(:disabled):not(.kit-btn-disabled):active,._kit-btn_hhn6w_2.kit-btn-danger.kit-btn-redirect:not(:disabled):not(.kit-btn-disabled):active .kit-btn-icon,._kit-btn_hhn6w_2.kit-btn-danger.kit-btn-redirect:not(:disabled):not(.kit-btn-disabled):active .kit-btn-icon-redirect,._kit-btn_hhn6w_2.kit-btn-danger-modal.kit-btn-redirect:not(:disabled):not(.kit-btn-disabled):active,._kit-btn_hhn6w_2.kit-btn-danger-modal.kit-btn-redirect:not(:disabled):not(.kit-btn-disabled):active .kit-btn-icon,._kit-btn_hhn6w_2.kit-btn-danger-modal.kit-btn-redirect:not(:disabled):not(.kit-btn-disabled):active .kit-btn-icon-redirect{color:var(--kit-btn-main-color)}._kit-btn_hhn6w_2.kit-btn-danger.kit-btn-danger-modal,._kit-btn_hhn6w_2.kit-btn-danger-modal.kit-btn-danger-modal{border-color:var(--kit-btn-main-color)}._kit-btn_hhn6w_2.kit-btn-color-primary{--kit-btn-main-color: var(--general-colors-primary-primary-400);--kit-btn-main-light: var(--general-colors-primary-primary-100);--kit-btn-main-focus: var(--general-colors-primary-primary-200);--kit-btn-main-dark: var(--general-colors-primary-primary-500);--kit-btn-main-dark-deep: var(--general-colors-primary-primary-600);--kit-btn-invert-color: var(--general-utilities-light)}._kit-btn_hhn6w_2.kit-btn-color-warning{--kit-btn-main-color: var(--general-colors-secondary-warning-400);--kit-btn-main-light: var(--general-colors-secondary-warning-100);--kit-btn-main-focus: var(--general-colors-secondary-warning-200);--kit-btn-main-dark: var(--general-colors-secondary-warning-500);--kit-btn-main-dark-deep: var(--general-colors-secondary-warning-600);--kit-btn-invert-color: var(--general-utilities-light)}._kit-btn_hhn6w_2.kit-btn-color-error{--kit-btn-main-color: var(--general-colors-secondary-error-400);--kit-btn-main-light: var(--general-colors-secondary-error-100);--kit-btn-main-focus: var(--general-colors-secondary-error-200);--kit-btn-main-dark: var(--general-colors-secondary-error-500);--kit-btn-main-dark-deep: var(--general-colors-secondary-error-600);--kit-btn-invert-color: var(--general-utilities-light)}._kit-btn_hhn6w_2.kit-btn-color-success{--kit-btn-main-color: var(--general-colors-secondary-success-400);--kit-btn-main-light: var(--general-colors-secondary-success-100);--kit-btn-main-focus: var(--general-colors-secondary-success-200);--kit-btn-main-dark: var(--general-colors-secondary-success-500);--kit-btn-main-dark-deep: var(--general-colors-secondary-success-600);--kit-btn-invert-color: var(--general-utilities-light)}._kit-btn_hhn6w_2.kit-btn-color-yellow{--kit-btn-main-color: var(--general-colors-tertiary-yellow-400);--kit-btn-main-light: var(--general-colors-tertiary-yellow-100);--kit-btn-main-focus: var(--general-colors-tertiary-yellow-200);--kit-btn-main-dark: var(--general-colors-tertiary-yellow-500);--kit-btn-main-dark-deep: var(--general-colors-tertiary-yellow-600);--kit-btn-invert-color: var(--general-utilities-light)}._kit-btn_hhn6w_2.kit-btn-color-pink{--kit-btn-main-color: var(--general-colors-tertiary-pink-400);--kit-btn-main-light: var(--general-colors-tertiary-pink-100);--kit-btn-main-focus: var(--general-colors-tertiary-pink-200);--kit-btn-main-dark: var(--general-colors-tertiary-pink-500);--kit-btn-main-dark-deep: var(--general-colors-tertiary-pink-600);--kit-btn-invert-color: var(--general-utilities-light)}._kit-btn_hhn6w_2.kit-btn-color-grey{--kit-btn-main-color: var(--general-colors-neutral-grey-400);--kit-btn-main-light: var(--general-colors-neutral-grey-100);--kit-btn-main-focus: var(--general-colors-neutral-grey-200);--kit-btn-main-dark: var(--general-colors-neutral-grey-500);--kit-btn-main-dark-deep: var(--general-colors-neutral-grey-600);--kit-btn-invert-color: var(--general-utilities-light)}.ant-space-compact:not(.ant-space-compact-vertical) ._kit-btn_hhn6w_2{border-radius:calc(var(--general-border-radius-square) * 1px)}.ant-space-compact:not(.ant-space-compact-vertical) ._kit-btn_hhn6w_2:hover{z-index:2}.ant-space-compact:not(.ant-space-compact-vertical) ._kit-btn_hhn6w_2:not(:last-child){margin-inline-end:-1px}.ant-space-compact:not(.ant-space-compact-vertical) ._kit-btn_hhn6w_2:first-child{border-start-start-radius:calc(var(--components-Button-border-radius-compact, var(--general-border-radius-s)) * 1px);border-end-start-radius:calc(var(--components-Button-border-radius-compact, var(--general-border-radius-s)) * 1px)}.ant-space-compact:not(.ant-space-compact-vertical) ._kit-btn_hhn6w_2:last-child{border-start-end-radius:calc(var(--components-Button-border-radius-compact, var(--general-border-radius-s)) * 1px);border-end-end-radius:calc(var(--components-Button-border-radius-compact, var(--general-border-radius-s)) * 1px);margin-left:-1px}.ant-space-compact-vertical ._kit-btn_hhn6w_2{border-radius:calc(var(--general-border-radius-square) * 1px)}.ant-space-compact-vertical ._kit-btn_hhn6w_2:not(:last-child){margin-top:-1px}.ant-space-compact-vertical ._kit-btn_hhn6w_2:first-child{border-top-left-radius:calc(var(--components-Button-border-radius-compact, var(--general-border-radius-s)) * 1px);border-top-right-radius:calc(var(--components-Button-border-radius-compact, var(--general-border-radius-s)) * 1px)}.ant-space-compact-vertical ._kit-btn_hhn6w_2:last-child{border-bottom-left-radius:calc(var(--components-Button-border-radius-compact, var(--general-border-radius-s)) * 1px);border-bottom-right-radius:calc(var(--components-Button-border-radius-compact, var(--general-border-radius-s)) * 1px);margin-top:-1px}
1
+ /*! Sass Fairy v1 | (c) roydukkey | https://sass-fairy.com/license */._kit-icon_1n4b8_2{padding:calc(var(--general-spacing-xs) * 1px);min-width:16px;min-height:16px;display:inline-flex;justify-content:center;align-items:center;color:var(--components-Icon-colors-icon-default, var(--general-utilities-text-primary));background-color:var(--components-Icon-colors-background-default, transparent);border-radius:calc(var(--components-Icon-border-radius-default, var(--general-border-radius-square)) * 1px)}._kit-icon_1n4b8_2.on{color:var(--components-Icon-colors-icon-on, var(--general-utilities-main-default));background-color:var(--components-Icon-colors-background-on, var(--general-utilities-main-light));border-radius:calc(var(--components-Icon-border-radius-on, var(--general-border-radius-s)) * 1px)}._kit-icon_1n4b8_2.clickable{cursor:pointer}
@@ -1 +1 @@
1
- /*! Sass Fairy v1 | (c) roydukkey | https://sass-fairy.com/license */._kit-icon_1n4b8_2{padding:calc(var(--general-spacing-xs) * 1px);min-width:16px;min-height:16px;display:inline-flex;justify-content:center;align-items:center;color:var(--components-Icon-colors-icon-default, var(--general-utilities-text-primary));background-color:var(--components-Icon-colors-background-default, transparent);border-radius:calc(var(--components-Icon-border-radius-default, var(--general-border-radius-square)) * 1px)}._kit-icon_1n4b8_2.on{color:var(--components-Icon-colors-icon-on, var(--general-utilities-main-default));background-color:var(--components-Icon-colors-background-on, var(--general-utilities-main-light));border-radius:calc(var(--components-Icon-border-radius-on, var(--general-border-radius-s)) * 1px)}._kit-icon_1n4b8_2.clickable{cursor:pointer}
1
+ /*! Sass Fairy v1 | (c) roydukkey | https://sass-fairy.com/license */._kit-divider_1e7uk_2{font-size:calc(var(--components-divider-typography-fontSize, var(--general-typography-fontSize6)) * 1px);line-height:var(--components-divider-typography-lineHeight, var(--general-typography-lineHeight6));font-weight:var(--components-divider-typography-fontWeight, var(--general-typography-mediumfontWeight))}._kit-divider_1e7uk_2.ant-divider{border-color:var(--general-utilities-border)}._kit-divider_1e7uk_2.ant-divider.no-margin{margin:calc(var(--general-spacing-none) * 1px)}
@@ -1 +1 @@
1
- /*! Sass Fairy v1 | (c) roydukkey | https://sass-fairy.com/license */._kit-divider_1e7uk_2{font-size:calc(var(--components-divider-typography-fontSize, var(--general-typography-fontSize6)) * 1px);line-height:var(--components-divider-typography-lineHeight, var(--general-typography-lineHeight6));font-weight:var(--components-divider-typography-fontWeight, var(--general-typography-mediumfontWeight))}._kit-divider_1e7uk_2.ant-divider{border-color:var(--general-utilities-border)}._kit-divider_1e7uk_2.ant-divider.no-margin{margin:calc(var(--general-spacing-none) * 1px)}
1
+ /*! Sass Fairy v1 | (c) roydukkey | https://sass-fairy.com/license */._kit-breadcrumb_h7ghn_2 li:not(:last-child) a,._kit-breadcrumb_h7ghn_2 li:not(:last-child) .ant-breadcrumb-link,._kit-breadcrumb_h7ghn_2 li:not(:last-child) .ant-breadcrumb-link a{font-family:var(--components-Breadcrumblink-typography-fontFamily, var(--general-typography-fontFamily));font-weight:var(--components-Breadcrumblink-typography-fontWeight, var(--general-typography-regularFontWeight));color:inherit}._kit-breadcrumb_h7ghn_2 li:not(:last-child) .ant-breadcrumb-link,._kit-breadcrumb_h7ghn_2 .ant-breadcrumb-separator,._kit-breadcrumb_h7ghn_2 .ant-breadcrumb-overlay-link{color:var(--general-utilities-text-primary)}._kit-breadcrumb_h7ghn_2 li:last-child .ant-breadcrumb-link,._kit-breadcrumb_h7ghn_2 li:last-child .ant-dropdown-trigger a,._kit-breadcrumb_h7ghn_2 li:last-child .ant-dropdown-trigger .anticon{color:var(--general-utilities-main-default)}
@@ -1 +1 @@
1
- /*! Sass Fairy v1 | (c) roydukkey | https://sass-fairy.com/license */._kit-breadcrumb_h7ghn_2 li:not(:last-child) a,._kit-breadcrumb_h7ghn_2 li:not(:last-child) .ant-breadcrumb-link,._kit-breadcrumb_h7ghn_2 li:not(:last-child) .ant-breadcrumb-link a{font-family:var(--components-Breadcrumblink-typography-fontFamily, var(--general-typography-fontFamily));font-weight:var(--components-Breadcrumblink-typography-fontWeight, var(--general-typography-regularFontWeight));color:inherit}._kit-breadcrumb_h7ghn_2 li:not(:last-child) .ant-breadcrumb-link,._kit-breadcrumb_h7ghn_2 .ant-breadcrumb-separator,._kit-breadcrumb_h7ghn_2 .ant-breadcrumb-overlay-link{color:var(--general-utilities-text-primary)}._kit-breadcrumb_h7ghn_2 li:last-child .ant-breadcrumb-link,._kit-breadcrumb_h7ghn_2 li:last-child .ant-dropdown-trigger a,._kit-breadcrumb_h7ghn_2 li:last-child .ant-dropdown-trigger .anticon{color:var(--general-utilities-main-default)}
1
+ /*! Sass Fairy v1 | (c) roydukkey | https://sass-fairy.com/license */._kit-steps_2cclv_2 .ant-steps-item.ant-steps-item-finish .ant-steps-item-icon{background:var(--general-utilities-main-default);border:1px solid var(--general-utilities-main-default);border-radius:calc(var(--general-border-radius-l) * 1px);width:24px;height:24px}._kit-steps_2cclv_2 .ant-steps-item.ant-steps-item-finish .ant-steps-item-icon>.ant-steps-icon svg{color:var(--general-utilities-light);width:8px;height:8px}._kit-steps_2cclv_2 .ant-steps-item.ant-steps-item-process .ant-steps-item-icon{background:var(--general-utilities-light)}._kit-steps_2cclv_2 .ant-steps-item.ant-steps-item-process .ant-steps-item-icon>.ant-steps-icon{color:var(--general-utilities-main-mainColor)}._kit-steps_2cclv_2 .ant-steps-item.ant-steps-item-process .ant-steps-item-container>.ant-steps-item-content .ant-steps-item-title,._kit-steps_2cclv_2 .ant-steps-item.ant-steps-item-process .ant-steps-item-container>.ant-steps-item-content .ant-steps-item-description{color:var(--general-utilities-main-mainColor)}._kit-steps_2cclv_2 .ant-steps-item.ant-steps-item-wait .ant-steps-item-icon{background:var(--general-utilities-light);border:1px solid var(--general-colors-neutral-grey-grey200)}._kit-steps_2cclv_2 .ant-steps-item.ant-steps-item-wait .ant-steps-item-icon .ant-steps-icon{color:var(--general-utilities-text-textDisabled)}._kit-steps_2cclv_2 .ant-steps-item.ant-steps-item-wait .ant-steps-item-container>.ant-steps-item-content .ant-steps-item-title,._kit-steps_2cclv_2 .ant-steps-item.ant-steps-item-wait .ant-steps-item-container>.ant-steps-item-content .ant-steps-item-description{color:var(--general-utilities-text-textDisabled)}._kit-steps_2cclv_2 .ant-steps-item .ant-steps-item-container .ant-steps-item-icon .ant-steps-icon{position:static;display:flex;align-items:center;justify-content:center;height:23px;width:22px}._kit-steps_2cclv_2.ant-steps-label-vertical .ant-steps-item-tail{padding:calc(var(--general-spacing-xxs) * 1px) 12px}._kit-steps_2cclv_2.ant-steps-label-vertical .ant-steps-item-content{margin-top:calc(var(--general-spacing-xs) * 1px)}._kit-steps_2cclv_2.ant-steps-label-vertical .ant-steps-item-content .ant-steps-item-title{line-height:var(--general-typography-lineHeight1)}._kit-steps_2cclv_2.ant-steps-vertical .ant-steps-item .ant-steps-item-container>.ant-steps-item-tail{padding:calc(var(--general-spacing-m) * 1px) 0 0}._kit-steps_2cclv_2.ant-steps-vertical .ant-steps-item-content{margin-left:calc(var(--general-spacing-xs) * 1px)}._kit-steps_2cclv_2 .ant-steps-item-title,._kit-steps_2cclv_2 .ant-steps-item-description{font-weight:var(--general-typography-mediumfontWeight)}
@@ -1 +1 @@
1
- /*! Sass Fairy v1 | (c) roydukkey | https://sass-fairy.com/license */._kit-steps_2cclv_2 .ant-steps-item.ant-steps-item-finish .ant-steps-item-icon{background:var(--general-utilities-main-default);border:1px solid var(--general-utilities-main-default);border-radius:calc(var(--general-border-radius-l) * 1px);width:24px;height:24px}._kit-steps_2cclv_2 .ant-steps-item.ant-steps-item-finish .ant-steps-item-icon>.ant-steps-icon svg{color:var(--general-utilities-light);width:8px;height:8px}._kit-steps_2cclv_2 .ant-steps-item.ant-steps-item-process .ant-steps-item-icon{background:var(--general-utilities-light)}._kit-steps_2cclv_2 .ant-steps-item.ant-steps-item-process .ant-steps-item-icon>.ant-steps-icon{color:var(--general-utilities-main-mainColor)}._kit-steps_2cclv_2 .ant-steps-item.ant-steps-item-process .ant-steps-item-container>.ant-steps-item-content .ant-steps-item-title,._kit-steps_2cclv_2 .ant-steps-item.ant-steps-item-process .ant-steps-item-container>.ant-steps-item-content .ant-steps-item-description{color:var(--general-utilities-main-mainColor)}._kit-steps_2cclv_2 .ant-steps-item.ant-steps-item-wait .ant-steps-item-icon{background:var(--general-utilities-light);border:1px solid var(--general-colors-neutral-grey-grey200)}._kit-steps_2cclv_2 .ant-steps-item.ant-steps-item-wait .ant-steps-item-icon .ant-steps-icon{color:var(--general-utilities-text-textDisabled)}._kit-steps_2cclv_2 .ant-steps-item.ant-steps-item-wait .ant-steps-item-container>.ant-steps-item-content .ant-steps-item-title,._kit-steps_2cclv_2 .ant-steps-item.ant-steps-item-wait .ant-steps-item-container>.ant-steps-item-content .ant-steps-item-description{color:var(--general-utilities-text-textDisabled)}._kit-steps_2cclv_2 .ant-steps-item .ant-steps-item-container .ant-steps-item-icon .ant-steps-icon{position:static;display:flex;align-items:center;justify-content:center;height:23px;width:22px}._kit-steps_2cclv_2.ant-steps-label-vertical .ant-steps-item-tail{padding:calc(var(--general-spacing-xxs) * 1px) 12px}._kit-steps_2cclv_2.ant-steps-label-vertical .ant-steps-item-content{margin-top:calc(var(--general-spacing-xs) * 1px)}._kit-steps_2cclv_2.ant-steps-label-vertical .ant-steps-item-content .ant-steps-item-title{line-height:var(--general-typography-lineHeight1)}._kit-steps_2cclv_2.ant-steps-vertical .ant-steps-item .ant-steps-item-container>.ant-steps-item-tail{padding:calc(var(--general-spacing-m) * 1px) 0 0}._kit-steps_2cclv_2.ant-steps-vertical .ant-steps-item-content{margin-left:calc(var(--general-spacing-xs) * 1px)}._kit-steps_2cclv_2 .ant-steps-item-title,._kit-steps_2cclv_2 .ant-steps-item-description{font-weight:var(--general-typography-mediumfontWeight)}
1
+ /*! Sass Fairy v1 | (c) roydukkey | https://sass-fairy.com/license */._kit-rich-text-editor-content-character-count_yj27e_2{--kit-rich-text-min-width: 668px;position:absolute;display:flex;justify-content:flex-end;min-width:var(--kit-rich-text-min-width);width:100%;margin-top:calc(var(--general-spacing-xxs) * 1px);color:var(--general-utilities-text-disabled);font-family:var(--general-typography-fontFamily);font-size:calc(var(--general-typography-fontSize7) * 1px);font-weight:var(--general-typography-regularFontWeight)}._kit-rich-text-editor-content-character-count_yj27e_2.kit-rich-text-editor-content-character-count-error{color:var(--general-utilities-text-error)}._kit-rich-text-editor-content-character-count_yj27e_2.kit-rich-text-editor-content-character-count-warning{color:var(--general-utilities-text-warning)}
@@ -1 +1 @@
1
- /*! Sass Fairy v1 | (c) roydukkey | https://sass-fairy.com/license */._kit-rich-text-editor-content-character-count_yj27e_2{--kit-rich-text-min-width: 668px;position:absolute;display:flex;justify-content:flex-end;min-width:var(--kit-rich-text-min-width);width:100%;margin-top:calc(var(--general-spacing-xxs) * 1px);color:var(--general-utilities-text-disabled);font-family:var(--general-typography-fontFamily);font-size:calc(var(--general-typography-fontSize7) * 1px);font-weight:var(--general-typography-regularFontWeight)}._kit-rich-text-editor-content-character-count_yj27e_2.kit-rich-text-editor-content-character-count-error{color:var(--general-utilities-text-error)}._kit-rich-text-editor-content-character-count_yj27e_2.kit-rich-text-editor-content-character-count-warning{color:var(--general-utilities-text-warning)}
1
+ /*! Sass Fairy v1 | (c) roydukkey | https://sass-fairy.com/license */._kit-colorpicker_3hd5g_2{font-weight:var(--components-ColorPicker-typography-fontWeight, var(--general-typography-mediumfontWeight));height:40px;min-width:40px;line-height:40px;box-shadow:none;font-size:calc(var(--components-ColorPicker-typography-fontSize, var(--general-typography-fontSize5)) * 1px)}._kit-colorpicker_3hd5g_2.ant-color-picker-trigger-active{border-color:transparent;box-shadow:0 0 0 3px var(--components-ColorPicker-colors-border-focused, var(--general-utilities-focus))}._kit-colorpicker_3hd5g_2.ant-color-picker-trigger-disabled:hover{border-color:var(--components-ColorPicker-colors-border-disabled, var(--general-utilities-border))}._kit-colorpicker_3hd5g_2.ant-color-picker-trigger-disabled .ant-color-picker-trigger-text{color:var(--components-ColorPicker-colors-typography-disabled, var(--general-utilities-text-disabled))}._kit-colorpicker_3hd5g_2 .ant-color-picker-color-block{width:32px;height:32px;border-radius:calc(var(--components-ColorPicker-colorBlock-border-radius, var(--general-border-radius-xs)) * 1px)}._kit-color-picker-clear_3hd5g_26{margin-left:calc(var(--general-spacing-xs) * 1px)}