@ck-ui/component-library 1.0.5 → 1.0.6
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/dist/assets/styles-infyYXuZ.css +1 -0
- package/dist/components/MultiSelect/SimpleMultiSelect.js +1 -1
- package/dist/components/MultiSelect/_helpers/DropdownFooter.js +1 -1
- package/dist/components/MultiSelect/_helpers/OptionRow.js +1 -1
- package/dist/components/MultiSelect/_helpers/OverflowMenu.js +1 -1
- package/dist/components/MultiSelect/_helpers/OverflowMenuItem.js +1 -1
- package/dist/components/MultiSelect/_helpers/SearchResult.js +1 -1
- package/dist/components/MultiSelect/_helpers/TagContent.js +1 -1
- package/dist/components/MultiSelect/_helpers/TriggerButton.js +1 -1
- package/dist/components/MultiSelect/index.js +1 -1
- package/dist/styles.module-DlIBNC4w.js +55 -0
- package/package.json +1 -1
- package/dist/assets/styles-B53zsrbG.css +0 -1
- package/dist/styles.module-Ck6QqhF4.js +0 -55
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._ckds-wrapper_1xrn0_1{--wrapper-width: 250px;--trigger-transition: border-color .2s;--selected-tags-gap: 8px;--selected-tag-content-width: 45px;--dropdown-z-index: 11;--dropdown-margin-top: var(--ckcl-spacing-ms, 12px);--options-list-height: 150px;--scrollbar-width: 2px;--option-row-transition: all .1s ease-in-out;--menu-list-top: 25px;--menu-list-left: 0px;--menu-list-width: 128px;--menu-list-z-index: 12;--menu-item-height: 32px;--chevron-transition: transform .2s ease;--apply-btn-transition: background .2s;--trigger-border-width: 1px;--divider-height: 1px;--chevron-rotate: 180deg;--menu-list-max-height: 160px;--menu-list-border-width: 1px;--dropdown-helper-top: 26px;display:inline-flex;flex-direction:column;gap:var(--ckcl-spacing-sm, 8px);width:var(--wrapper-width);font-family:var(--ckcl-font-family-base, "Inter"),sans-serif}._ckds-wrapper-disabled_1xrn0_31{opacity:.5;pointer-events:none;cursor:not-allowed}._label-wrapper_1xrn0_37{color:var(--ckcl-black-500, #2B2B2B)}._required_1xrn0_41{color:var(--ckcl-red-500, #E52323)}._trigger-wrapper_1xrn0_45{position:relative;width:100%}body ._trigger_1xrn0_45{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--ckcl-spacing-sm, 8px) var(--ckcl-spacing-ms, 12px);border:var(--trigger-border-width) solid var(--ckcl-black-100, #DCDCDC);border-radius:var(--ckds-border-radius-md, 8px);background:var(--ckcl-white, #FFFFFF);cursor:pointer;transition:var(--trigger-transition);height:var(--ckcl-spacing-2xl, 32px);position:relative}body ._trigger_1xrn0_45:not(._trigger-open_1xrn0_65):hover{border-color:var(--ckcl-primary-500, #3A72E4)}body ._trigger-open_1xrn0_65{border-color:var(--ckcl-primary-500, #3A72E4)}._placeholder_1xrn0_73{color:var(--ckcl-black-300, #A0A0A0)}._placeholder-required_1xrn0_77{color:var(--ckcl-red-500, #E52323)}._chevron_1xrn0_81{color:var(--ckcl-black-400, #737373);transition:var(--chevron-transition);flex-shrink:0}._chevron-up_1xrn0_87{transform:rotate(var(--chevron-rotate))}._selected-tags-container_1xrn0_91{display:flex;align-items:center;gap:var(--selected-tags-gap);cursor:default;min-width:0;flex:1;overflow:hidden}._selected-tag-wrapper_1xrn0_101{display:flex;align-items:center;gap:var(--ckcl-spacing-sm, 8px)}._selected-tag-content_1xrn0_107{width:var(--selected-tag-content-width);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._select-all-label_1xrn0_114{color:var(--ckcl-black-500, #2B2B2B);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}._remove-icon_1xrn0_122{cursor:pointer}._overflow-count_1xrn0_126{color:var(--ckcl-primary-600, #3060C1);cursor:pointer}._helper-text_1xrn0_131{display:flex;align-items:center;gap:var(--ckcl-spacing-2xs, 2px);margin:var(--ckcl-spacing-none, 0px);margin-top:var(--ckcl-spacing-xs, 4px);color:var(--ckcl-black-500, #2B2B2B)}._helper-hide_1xrn0_140{visibility:hidden}._dropdown_1xrn0_145{position:absolute;top:calc(100% - var(--ckcl-spacing-sm, 8px));min-width:291px;background:var(--ckcl-white, #FFFFFF);z-index:var(--dropdown-z-index);display:flex;flex-direction:column;padding:var(--ckcl-spacing-ms, 12px);padding-bottom:var(--ckcl-spacing-3xl, 48px);gap:var(--ckcl-spacing-ms, 12px);border:var(--trigger-border-width) solid var(--ckcl-black-100, #DCDCDC);border-radius:var(--ckds-border-radius-lg, 12px);margin-top:var(--dropdown-margin-top)}._dropdown-align-left_1xrn0_162{left:0}._dropdown-align-right_1xrn0_166{right:0}._dropdown-up_1xrn0_171{top:auto;bottom:calc(100% - var(--ckcl-spacing-sm, 8px));margin-top:0;margin-bottom:var(--dropdown-margin-top)}._dropdown-helper_1xrn0_178{top:calc(100% - var(--dropdown-helper-top))}._dropdown-helper-up_1xrn0_182{bottom:calc(100% - var(--dropdown-helper-top))}._result-wrapper_1xrn0_187{display:flex;align-items:center;justify-content:space-between;padding:var(--ckcl-spacing-none, 0px) var(--ckcl-spacing-2xs, 2px)}._result-left_1xrn0_194{display:flex;align-items:center;gap:var(--ckcl-spacing-xs, 4px)}._result-count_1xrn0_200{color:var(--ckcl-black-400, #737373)}._result-pipe_1xrn0_204{color:var(--ckcl-black-100, #DCDCDC);-webkit-user-select:none;user-select:none;height:12px;width:0px;border-left:1px solid var(--ckcl-black-100, #DCDCDC)}._result-selected_1xrn0_212{color:var(--ckcl-black-500, #2B2B2B)}._exclude-row_1xrn0_216{display:flex;align-items:center;gap:var(--ckcl-spacing-sm, 8px)}._exclude-label_1xrn0_222{color:var(--ckcl-black-500, #2B2B2B)}._divider_1xrn0_226{height:var(--divider-height);background:var(--ckcl-black-100, #DCDCDC)}._ckds-options-list_1xrn0_232{height:var(--options-list-height);overflow-y:auto;display:flex;flex-direction:column;gap:var(--ckcl-spacing-none, 0px)}._ckds-options-list_1xrn0_232::-webkit-scrollbar{width:var(--scrollbar-width)}._ckds-options-list_1xrn0_232::-webkit-scrollbar-thumb{background:var(--ckcl-black-200, #C2C2C2);border-radius:var(--ckds-border-radius-2xs, 2px)}._option-row_1xrn0_247{display:flex;align-items:center;gap:var(--ckcl-spacing-sm, 8px);padding:var(--ckcl-spacing-sm, 8px) var(--ckcl-spacing-none, 0px);border-radius:var(--ckds-border-radius-xs, 4px);cursor:pointer;transition:var(--option-row-transition)}._option-row_1xrn0_247:hover{background:var(--ckcl-primary-50, #F8FBFF);padding-left:var(--ckcl-spacing-xs, 4px)}._option-label_1xrn0_261{color:var(--ckcl-black-500, #2B2B2B)}._no-results_1xrn0_265{color:var(--ckcl-black-300, #A0A0A0);padding:var(--ckcl-spacing-sm, 8px) var(--ckcl-spacing-none, 0px)}._ckds-multi-select-footer_1xrn0_271{display:flex;align-items:center;justify-content:space-between;box-shadow:var(--ckcl-elevation-1, -4px 10.65px 21.3px -10.65px rgba(24, 39, 75, .13));position:absolute;bottom:0;left:0;width:100%;padding:var(--ckcl-spacing-sm, 8px) var(--ckcl-spacing-ms, 12px);box-shadow:var(--ckcl-elevation-3, 0px -2px 29.3px -10.65px rgba(24, 39, 75, .09))}._clear-btn_1xrn0_284{background:none;border:none;color:var(--ckcl-black-300, #A0A0A0);cursor:not-allowed}._clear-btn_1xrn0_284:not(._clearDisabled_1xrn0_290){color:var(--ckcl-primary-500, #3A72E4);cursor:pointer}._footer-actions_1xrn0_295{display:flex;gap:var(--ckcl-spacing-sm, 8px)}._footer-actions-end_1xrn0_300{margin-left:auto}._cancel-btn_1xrn0_304{padding:var(--ckcl-spacing-sm, 8px) var(--ckcl-spacing-slg, 20px);border:1px solid var(--ckcl-black-100, #DCDCDC);border-radius:var(--ckds-border-radius-md, 8px);background:var(--ckcl-white, #FFFFFF);color:var(--ckcl-black-500, #2B2B2B);cursor:pointer}._apply-btn_1xrn0_313{padding:var(--ckcl-spacing-sm, 8px) var(--ckcl-spacing-slg, 20px);border:none;border-radius:var(--ckds-border-radius-md, 8px);background:var(--ckcl-primary-500, #3A72E4);color:var(--ckcl-white, #FFFFFF);cursor:pointer;transition:var(--apply-btn-transition)}._apply-disabled_1xrn0_323{background:var(--ckcl-black-200, #C2C2C2);cursor:not-allowed}._menu-list_1xrn0_329{max-height:var(--menu-list-max-height);position:absolute;top:var(--menu-list-top);left:var(--menu-list-left);z-index:var(--menu-list-z-index);width:var(--menu-list-width);border-radius:var(--ckds-border-radius-lg, 12px);border:var(--menu-list-border-width) solid var(--ckcl-black-100, #DCDCDC);background-color:var(--ckcl-white, #FFFFFF);padding:var(--ckcl-spacing-sm, 8px);box-shadow:var(--ckcl-elevation-2, 0px 4px 12px 0px rgba(0, 79, 206, .1215686275));overflow-y:auto}._menu-list-up_1xrn0_344{top:auto;bottom:var(--menu-list-top)}._menu-list-right_1xrn0_349{left:auto;right:0}._ckds-menu-item_1xrn0_354{display:flex;align-items:center;height:var(--menu-item-height);padding:var(--ckcl-spacing-sm, 8px);color:var(--ckcl-black-500, #2B2B2B);font-family:var(--ckcl-font-family-base, "Inter"),sans-serif;margin:0;cursor:default;overflow:hidden}._menu-item-label_1xrn0_366{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left;width:100%}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as i, jsx as r, Fragment as ae } from "react/jsx-runtime";
|
|
2
2
|
import { useState as v, useRef as ce, useEffect as de, useMemo as ie, useCallback as u } from "react";
|
|
3
|
-
import { s as t } from "../../styles.module-
|
|
3
|
+
import { s as t } from "../../styles.module-DlIBNC4w.js";
|
|
4
4
|
import { Search as ue } from "../Search/index.js";
|
|
5
5
|
import { S as me } from "../../info-icon-ooYw3va_.js";
|
|
6
6
|
import { CKCheckbox as he } from "../CKCheckbox/index.js";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as t, jsx as s } from "react/jsx-runtime";
|
|
2
|
-
import { s as l } from "../../../styles.module-
|
|
2
|
+
import { s as l } from "../../../styles.module-DlIBNC4w.js";
|
|
3
3
|
import { CKButton as r } from "../../CKButton/index.js";
|
|
4
4
|
import { mergeClasses as e } from "../../../utils/mergeClasses.js";
|
|
5
5
|
const y = ({
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as p, jsx as i } from "react/jsx-runtime";
|
|
2
2
|
import { memo as a, useCallback as l } from "react";
|
|
3
|
-
import { s as m } from "../../../styles.module-
|
|
3
|
+
import { s as m } from "../../../styles.module-DlIBNC4w.js";
|
|
4
4
|
import { CKCheckbox as d } from "../../CKCheckbox/index.js";
|
|
5
5
|
import { mergeClasses as t } from "../../../utils/mergeClasses.js";
|
|
6
6
|
const u = a(function({
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as c } from "react/jsx-runtime";
|
|
2
2
|
import { useRef as v, useState as g, useCallback as E, useLayoutEffect as z, useEffect as L } from "react";
|
|
3
|
-
import { s as o } from "../../../styles.module-
|
|
3
|
+
import { s as o } from "../../../styles.module-DlIBNC4w.js";
|
|
4
4
|
import R from "./OverflowMenuItem.js";
|
|
5
5
|
import { mergeClasses as b } from "../../../utils/mergeClasses.js";
|
|
6
6
|
const B = ({ selected: u, maxChips: a = 2 }) => {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as t } from "react/jsx-runtime";
|
|
2
|
-
import { s as i } from "../../../styles.module-
|
|
2
|
+
import { s as i } from "../../../styles.module-DlIBNC4w.js";
|
|
3
3
|
import { Tooltip as f } from "../../Tooltip/index.js";
|
|
4
4
|
import { useRef as a, useState as d, useLayoutEffect as u } from "react";
|
|
5
5
|
import { mergeClasses as p } from "../../../utils/mergeClasses.js";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as s, Fragment as t, jsx as a } from "react/jsx-runtime";
|
|
2
|
-
import { s as e } from "../../../styles.module-
|
|
2
|
+
import { s as e } from "../../../styles.module-DlIBNC4w.js";
|
|
3
3
|
import { Toggle as o } from "../../Toggle/index.js";
|
|
4
4
|
import { mergeClasses as r } from "../../../utils/mergeClasses.js";
|
|
5
5
|
const f = ({
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs as h, jsx as o } from "react/jsx-runtime";
|
|
2
2
|
import v, { useRef as g, useState as w, useLayoutEffect as C, useCallback as l } from "react";
|
|
3
3
|
import { S as O } from "../../../cancel-BAgTEOGD.js";
|
|
4
|
-
import { s } from "../../../styles.module-
|
|
4
|
+
import { s } from "../../../styles.module-DlIBNC4w.js";
|
|
5
5
|
import { Tooltip as R } from "../../Tooltip/index.js";
|
|
6
6
|
const j = v.memo(function({
|
|
7
7
|
label: t,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as m, jsx as t, Fragment as N } from "react/jsx-runtime";
|
|
2
2
|
import { useRef as O, useState as T, useEffect as y } from "react";
|
|
3
|
-
import { s as r } from "../../../styles.module-
|
|
3
|
+
import { s as r } from "../../../styles.module-DlIBNC4w.js";
|
|
4
4
|
import { CKTag as z } from "../../CKTag/index.js";
|
|
5
5
|
import { S as R } from "../../../chevron-down-Cm9R64Fe.js";
|
|
6
6
|
import W from "./TagContent.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as i, jsx as o, Fragment as fe } from "react/jsx-runtime";
|
|
2
2
|
import { useState as u, useRef as Ce, useEffect as H, useMemo as T, useCallback as p } from "react";
|
|
3
|
-
import { s as t } from "../../styles.module-
|
|
3
|
+
import { s as t } from "../../styles.module-DlIBNC4w.js";
|
|
4
4
|
import { Search as ve } from "../Search/index.js";
|
|
5
5
|
import { S as we } from "../../info-icon-ooYw3va_.js";
|
|
6
6
|
import { CKCheckbox as be } from "../CKCheckbox/index.js";
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import './assets/styles-infyYXuZ.css';const e = "_required_1xrn0_41", r = "_trigger_1xrn0_45", _ = "_placeholder_1xrn0_73", n = "_chevron_1xrn0_81", l = "_dropdown_1xrn0_145", t = "_divider_1xrn0_226", o = "_clearDisabled_1xrn0_290", d = {
|
|
2
|
+
"ckds-wrapper": "_ckds-wrapper_1xrn0_1",
|
|
3
|
+
"ckds-wrapper-disabled": "_ckds-wrapper-disabled_1xrn0_31",
|
|
4
|
+
"label-wrapper": "_label-wrapper_1xrn0_37",
|
|
5
|
+
required: e,
|
|
6
|
+
"trigger-wrapper": "_trigger-wrapper_1xrn0_45",
|
|
7
|
+
trigger: r,
|
|
8
|
+
"trigger-open": "_trigger-open_1xrn0_65",
|
|
9
|
+
placeholder: _,
|
|
10
|
+
"placeholder-required": "_placeholder-required_1xrn0_77",
|
|
11
|
+
chevron: n,
|
|
12
|
+
"chevron-up": "_chevron-up_1xrn0_87",
|
|
13
|
+
"selected-tags-container": "_selected-tags-container_1xrn0_91",
|
|
14
|
+
"selected-tag-wrapper": "_selected-tag-wrapper_1xrn0_101",
|
|
15
|
+
"selected-tag-content": "_selected-tag-content_1xrn0_107",
|
|
16
|
+
"select-all-label": "_select-all-label_1xrn0_114",
|
|
17
|
+
"remove-icon": "_remove-icon_1xrn0_122",
|
|
18
|
+
"overflow-count": "_overflow-count_1xrn0_126",
|
|
19
|
+
"helper-text": "_helper-text_1xrn0_131",
|
|
20
|
+
"helper-hide": "_helper-hide_1xrn0_140",
|
|
21
|
+
dropdown: l,
|
|
22
|
+
"dropdown-align-left": "_dropdown-align-left_1xrn0_162",
|
|
23
|
+
"dropdown-align-right": "_dropdown-align-right_1xrn0_166",
|
|
24
|
+
"dropdown-up": "_dropdown-up_1xrn0_171",
|
|
25
|
+
"dropdown-helper": "_dropdown-helper_1xrn0_178",
|
|
26
|
+
"dropdown-helper-up": "_dropdown-helper-up_1xrn0_182",
|
|
27
|
+
"result-wrapper": "_result-wrapper_1xrn0_187",
|
|
28
|
+
"result-left": "_result-left_1xrn0_194",
|
|
29
|
+
"result-count": "_result-count_1xrn0_200",
|
|
30
|
+
"result-pipe": "_result-pipe_1xrn0_204",
|
|
31
|
+
"result-selected": "_result-selected_1xrn0_212",
|
|
32
|
+
"exclude-row": "_exclude-row_1xrn0_216",
|
|
33
|
+
"exclude-label": "_exclude-label_1xrn0_222",
|
|
34
|
+
divider: t,
|
|
35
|
+
"ckds-options-list": "_ckds-options-list_1xrn0_232",
|
|
36
|
+
"option-row": "_option-row_1xrn0_247",
|
|
37
|
+
"option-label": "_option-label_1xrn0_261",
|
|
38
|
+
"no-results": "_no-results_1xrn0_265",
|
|
39
|
+
"ckds-multi-select-footer": "_ckds-multi-select-footer_1xrn0_271",
|
|
40
|
+
"clear-btn": "_clear-btn_1xrn0_284",
|
|
41
|
+
clearDisabled: o,
|
|
42
|
+
"footer-actions": "_footer-actions_1xrn0_295",
|
|
43
|
+
"footer-actions-end": "_footer-actions-end_1xrn0_300",
|
|
44
|
+
"cancel-btn": "_cancel-btn_1xrn0_304",
|
|
45
|
+
"apply-btn": "_apply-btn_1xrn0_313",
|
|
46
|
+
"apply-disabled": "_apply-disabled_1xrn0_323",
|
|
47
|
+
"menu-list": "_menu-list_1xrn0_329",
|
|
48
|
+
"menu-list-up": "_menu-list-up_1xrn0_344",
|
|
49
|
+
"menu-list-right": "_menu-list-right_1xrn0_349",
|
|
50
|
+
"ckds-menu-item": "_ckds-menu-item_1xrn0_354",
|
|
51
|
+
"menu-item-label": "_menu-item-label_1xrn0_366"
|
|
52
|
+
};
|
|
53
|
+
export {
|
|
54
|
+
d as s
|
|
55
|
+
};
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._ckds-wrapper_1k67a_1{--wrapper-width: 250px;--trigger-transition: border-color .2s;--selected-tags-gap: 8px;--selected-tag-content-width: 45px;--dropdown-z-index: 11;--dropdown-margin-top: var(--ckcl-spacing-ms, 12px);--options-list-height: 150px;--scrollbar-width: 2px;--option-row-transition: all .1s ease-in-out;--menu-list-top: 20px;--menu-list-left: 180px;--menu-list-width: 128px;--menu-list-z-index: 12;--menu-item-height: 32px;--chevron-transition: transform .2s ease;--apply-btn-transition: background .2s;--trigger-border-width: 1px;--divider-height: 1px;--chevron-rotate: 180deg;--menu-list-max-height: 160px;--menu-list-border-width: 1px;--dropdown-helper-top: 26px;display:inline-flex;flex-direction:column;gap:var(--ckcl-spacing-sm, 8px);width:var(--wrapper-width);font-family:var(--ckcl-font-family-base, "Inter"),sans-serif}._ckds-wrapper-disabled_1k67a_31{opacity:.5;pointer-events:none;cursor:not-allowed}._label-wrapper_1k67a_37{color:var(--ckcl-black-500, #2B2B2B)}._required_1k67a_41{color:var(--ckcl-red-500, #E52323)}._trigger-wrapper_1k67a_45{position:relative;width:100%}body ._trigger_1k67a_45{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--ckcl-spacing-sm, 8px) var(--ckcl-spacing-ms, 12px);border:var(--trigger-border-width) solid var(--ckcl-black-100, #DCDCDC);border-radius:var(--ckds-border-radius-md, 8px);background:var(--ckcl-white, #FFFFFF);cursor:pointer;transition:var(--trigger-transition);height:var(--ckcl-spacing-2xl, 32px);position:relative}body ._trigger_1k67a_45:not(._trigger-open_1k67a_65):hover{border-color:var(--ckcl-primary-500, #3A72E4)}body ._trigger-open_1k67a_65{border-color:var(--ckcl-primary-500, #3A72E4)}._placeholder_1k67a_73{color:var(--ckcl-black-300, #A0A0A0)}._placeholder-required_1k67a_77{color:var(--ckcl-red-500, #E52323)}._chevron_1k67a_81{color:var(--ckcl-black-400, #737373);transition:var(--chevron-transition);flex-shrink:0}._chevron-up_1k67a_87{transform:rotate(var(--chevron-rotate))}._selected-tags-container_1k67a_91{display:flex;align-items:center;gap:var(--selected-tags-gap);cursor:default;min-width:0;flex:1;overflow:hidden}._selected-tag-wrapper_1k67a_101{display:flex;align-items:center;gap:var(--ckcl-spacing-sm, 8px)}._selected-tag-content_1k67a_107{width:var(--selected-tag-content-width);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._select-all-label_1k67a_114{color:var(--ckcl-black-500, #2B2B2B);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}._remove-icon_1k67a_122{cursor:pointer}._overflow-count_1k67a_126{color:var(--ckcl-primary-600, #3060C1);cursor:pointer}._helper-text_1k67a_131{display:flex;align-items:center;gap:var(--ckcl-spacing-2xs, 2px);margin:var(--ckcl-spacing-none, 0px);margin-top:var(--ckcl-spacing-xs, 4px);color:var(--ckcl-black-500, #2B2B2B)}._helper-hide_1k67a_140{visibility:hidden}._dropdown_1k67a_145{position:absolute;top:calc(100% - var(--ckcl-spacing-sm, 8px));min-width:291px;background:var(--ckcl-white, #FFFFFF);z-index:var(--dropdown-z-index);display:flex;flex-direction:column;padding:var(--ckcl-spacing-ms, 12px);padding-bottom:var(--ckcl-spacing-3xl, 48px);gap:var(--ckcl-spacing-ms, 12px);border:var(--trigger-border-width) solid var(--ckcl-black-100, #DCDCDC);border-radius:var(--ckds-border-radius-lg, 12px);margin-top:var(--dropdown-margin-top)}._dropdown-align-left_1k67a_162{left:0}._dropdown-align-right_1k67a_166{right:0}._dropdown-up_1k67a_171{top:auto;bottom:calc(100% - var(--ckcl-spacing-sm, 8px));margin-top:0;margin-bottom:var(--dropdown-margin-top)}._dropdown-helper_1k67a_178{top:calc(100% - var(--dropdown-helper-top))}._dropdown-helper-up_1k67a_182{bottom:calc(100% - var(--dropdown-helper-top))}._result-wrapper_1k67a_187{display:flex;align-items:center;justify-content:space-between;padding:var(--ckcl-spacing-none, 0px) var(--ckcl-spacing-2xs, 2px)}._result-left_1k67a_194{display:flex;align-items:center;gap:var(--ckcl-spacing-xs, 4px)}._result-count_1k67a_200{color:var(--ckcl-black-400, #737373)}._result-pipe_1k67a_204{color:var(--ckcl-black-100, #DCDCDC);-webkit-user-select:none;user-select:none;height:12px;width:0px;border-left:1px solid var(--ckcl-black-100, #DCDCDC)}._result-selected_1k67a_212{color:var(--ckcl-black-500, #2B2B2B)}._exclude-row_1k67a_216{display:flex;align-items:center;gap:var(--ckcl-spacing-sm, 8px)}._exclude-label_1k67a_222{color:var(--ckcl-black-500, #2B2B2B)}._divider_1k67a_226{height:var(--divider-height);background:var(--ckcl-black-100, #DCDCDC)}._ckds-options-list_1k67a_232{height:var(--options-list-height);overflow-y:auto;display:flex;flex-direction:column;gap:var(--ckcl-spacing-none, 0px)}._ckds-options-list_1k67a_232::-webkit-scrollbar{width:var(--scrollbar-width)}._ckds-options-list_1k67a_232::-webkit-scrollbar-thumb{background:var(--ckcl-black-200, #C2C2C2);border-radius:var(--ckds-border-radius-2xs, 2px)}._option-row_1k67a_247{display:flex;align-items:center;gap:var(--ckcl-spacing-sm, 8px);padding:var(--ckcl-spacing-sm, 8px) var(--ckcl-spacing-none, 0px);border-radius:var(--ckds-border-radius-xs, 4px);cursor:pointer;transition:var(--option-row-transition)}._option-row_1k67a_247:hover{background:var(--ckcl-primary-50, #F8FBFF);padding-left:var(--ckcl-spacing-xs, 4px)}._option-label_1k67a_261{color:var(--ckcl-black-500, #2B2B2B)}._no-results_1k67a_265{color:var(--ckcl-black-300, #A0A0A0);padding:var(--ckcl-spacing-sm, 8px) var(--ckcl-spacing-none, 0px)}._ckds-multi-select-footer_1k67a_271{display:flex;align-items:center;justify-content:space-between;box-shadow:var(--ckcl-elevation-1, -4px 10.65px 21.3px -10.65px rgba(24, 39, 75, .13));position:absolute;bottom:0;left:0;width:100%;padding:var(--ckcl-spacing-sm, 8px) var(--ckcl-spacing-ms, 12px);box-shadow:var(--ckcl-elevation-3, 0px -2px 29.3px -10.65px rgba(24, 39, 75, .09))}._clear-btn_1k67a_284{background:none;border:none;color:var(--ckcl-black-300, #A0A0A0);cursor:not-allowed}._clear-btn_1k67a_284:not(._clearDisabled_1k67a_290){color:var(--ckcl-primary-500, #3A72E4);cursor:pointer}._footer-actions_1k67a_295{display:flex;gap:var(--ckcl-spacing-sm, 8px)}._footer-actions-end_1k67a_300{margin-left:auto}._cancel-btn_1k67a_304{padding:var(--ckcl-spacing-sm, 8px) var(--ckcl-spacing-slg, 20px);border:1px solid var(--ckcl-black-100, #DCDCDC);border-radius:var(--ckds-border-radius-md, 8px);background:var(--ckcl-white, #FFFFFF);color:var(--ckcl-black-500, #2B2B2B);cursor:pointer}._apply-btn_1k67a_313{padding:var(--ckcl-spacing-sm, 8px) var(--ckcl-spacing-slg, 20px);border:none;border-radius:var(--ckds-border-radius-md, 8px);background:var(--ckcl-primary-500, #3A72E4);color:var(--ckcl-white, #FFFFFF);cursor:pointer;transition:var(--apply-btn-transition)}._apply-disabled_1k67a_323{background:var(--ckcl-black-200, #C2C2C2);cursor:not-allowed}._menu-list_1k67a_329{max-height:var(--menu-list-max-height);position:absolute;top:var(--menu-list-top);left:var(--menu-list-left);z-index:var(--menu-list-z-index);width:var(--menu-list-width);border-radius:var(--ckds-border-radius-lg, 12px);border:var(--menu-list-border-width) solid var(--ckcl-black-100, #DCDCDC);background-color:var(--ckcl-white, #FFFFFF);padding:var(--ckcl-spacing-sm, 8px);box-shadow:var(--ckcl-elevation-2, 0px 4px 12px 0px rgba(0, 79, 206, .1215686275));overflow-y:auto}._menu-list-up_1k67a_344{top:auto;bottom:var(--menu-list-top)}._menu-list-right_1k67a_349{left:auto;right:0}._ckds-menu-item_1k67a_354{display:flex;align-items:center;height:var(--menu-item-height);padding:var(--ckcl-spacing-sm, 8px);color:var(--ckcl-black-500, #2B2B2B);font-family:var(--ckcl-font-family-base, "Inter"),sans-serif;margin:0;cursor:default;overflow:hidden}._menu-item-label_1k67a_366{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left;width:100%}
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
import './assets/styles-B53zsrbG.css';const e = "_required_1k67a_41", _ = "_trigger_1k67a_45", r = "_placeholder_1k67a_73", a = "_chevron_1k67a_81", l = "_dropdown_1k67a_145", t = "_divider_1k67a_226", o = "_clearDisabled_1k67a_290", d = {
|
|
2
|
-
"ckds-wrapper": "_ckds-wrapper_1k67a_1",
|
|
3
|
-
"ckds-wrapper-disabled": "_ckds-wrapper-disabled_1k67a_31",
|
|
4
|
-
"label-wrapper": "_label-wrapper_1k67a_37",
|
|
5
|
-
required: e,
|
|
6
|
-
"trigger-wrapper": "_trigger-wrapper_1k67a_45",
|
|
7
|
-
trigger: _,
|
|
8
|
-
"trigger-open": "_trigger-open_1k67a_65",
|
|
9
|
-
placeholder: r,
|
|
10
|
-
"placeholder-required": "_placeholder-required_1k67a_77",
|
|
11
|
-
chevron: a,
|
|
12
|
-
"chevron-up": "_chevron-up_1k67a_87",
|
|
13
|
-
"selected-tags-container": "_selected-tags-container_1k67a_91",
|
|
14
|
-
"selected-tag-wrapper": "_selected-tag-wrapper_1k67a_101",
|
|
15
|
-
"selected-tag-content": "_selected-tag-content_1k67a_107",
|
|
16
|
-
"select-all-label": "_select-all-label_1k67a_114",
|
|
17
|
-
"remove-icon": "_remove-icon_1k67a_122",
|
|
18
|
-
"overflow-count": "_overflow-count_1k67a_126",
|
|
19
|
-
"helper-text": "_helper-text_1k67a_131",
|
|
20
|
-
"helper-hide": "_helper-hide_1k67a_140",
|
|
21
|
-
dropdown: l,
|
|
22
|
-
"dropdown-align-left": "_dropdown-align-left_1k67a_162",
|
|
23
|
-
"dropdown-align-right": "_dropdown-align-right_1k67a_166",
|
|
24
|
-
"dropdown-up": "_dropdown-up_1k67a_171",
|
|
25
|
-
"dropdown-helper": "_dropdown-helper_1k67a_178",
|
|
26
|
-
"dropdown-helper-up": "_dropdown-helper-up_1k67a_182",
|
|
27
|
-
"result-wrapper": "_result-wrapper_1k67a_187",
|
|
28
|
-
"result-left": "_result-left_1k67a_194",
|
|
29
|
-
"result-count": "_result-count_1k67a_200",
|
|
30
|
-
"result-pipe": "_result-pipe_1k67a_204",
|
|
31
|
-
"result-selected": "_result-selected_1k67a_212",
|
|
32
|
-
"exclude-row": "_exclude-row_1k67a_216",
|
|
33
|
-
"exclude-label": "_exclude-label_1k67a_222",
|
|
34
|
-
divider: t,
|
|
35
|
-
"ckds-options-list": "_ckds-options-list_1k67a_232",
|
|
36
|
-
"option-row": "_option-row_1k67a_247",
|
|
37
|
-
"option-label": "_option-label_1k67a_261",
|
|
38
|
-
"no-results": "_no-results_1k67a_265",
|
|
39
|
-
"ckds-multi-select-footer": "_ckds-multi-select-footer_1k67a_271",
|
|
40
|
-
"clear-btn": "_clear-btn_1k67a_284",
|
|
41
|
-
clearDisabled: o,
|
|
42
|
-
"footer-actions": "_footer-actions_1k67a_295",
|
|
43
|
-
"footer-actions-end": "_footer-actions-end_1k67a_300",
|
|
44
|
-
"cancel-btn": "_cancel-btn_1k67a_304",
|
|
45
|
-
"apply-btn": "_apply-btn_1k67a_313",
|
|
46
|
-
"apply-disabled": "_apply-disabled_1k67a_323",
|
|
47
|
-
"menu-list": "_menu-list_1k67a_329",
|
|
48
|
-
"menu-list-up": "_menu-list-up_1k67a_344",
|
|
49
|
-
"menu-list-right": "_menu-list-right_1k67a_349",
|
|
50
|
-
"ckds-menu-item": "_ckds-menu-item_1k67a_354",
|
|
51
|
-
"menu-item-label": "_menu-item-label_1k67a_366"
|
|
52
|
-
};
|
|
53
|
-
export {
|
|
54
|
-
d as s
|
|
55
|
-
};
|