@ck-ui/component-library 1.0.0 → 1.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (123) hide show
  1. package/dist/DropdownFooter-CsDll1Tj.js +96 -0
  2. package/dist/{Grow-D08Iq1uH.js → Grow-wzNsNKt2.js} +41 -41
  3. package/dist/IconSlot-DvUwY6Do.js +33 -0
  4. package/dist/{OptionList-DN1xZbnV.js → OptionList-BM4AleXV.js} +361 -290
  5. package/dist/{Select-Cw96VEHD.js → Select-CiuwMSD7.js} +2366 -2427
  6. package/dist/assets/DropdownFooter-JrU15UnN.css +1 -0
  7. package/dist/assets/IconSlot-BWv5PQN_.css +1 -0
  8. package/dist/assets/ReactToastify-GNLSjkBZ.css +1 -0
  9. package/dist/assets/{ToastContent-PGkBxPUW.css → ToastContent-DpF5zCks.css} +1 -1
  10. package/dist/assets/index-0R9p-l95.css +1 -0
  11. package/dist/assets/index-B3yBTtVQ.css +1 -0
  12. package/dist/assets/index-BXwGxK7I.css +1 -0
  13. package/dist/assets/index-BZgvXFWW.css +1 -0
  14. package/dist/assets/index-BbJZjGLb.css +1 -0
  15. package/dist/assets/index-UphWJR2V.css +1 -0
  16. package/dist/assets/{main-Dv8QUU_o.css → main-3OqLSdPm.css} +1 -1
  17. package/dist/assets/{styles-Chhklrps.css → styles-C5uYY4fL.css} +1 -1
  18. package/dist/assets/styles-CEyiQgVQ.css +1 -0
  19. package/dist/assets/styles-DLJzdWsF.css +1 -0
  20. package/dist/assets/{styles-Bqfs9eXV.css → styles-DngCqCGW.css} +1 -1
  21. package/dist/assets/styles-O-5pBCak.css +1 -0
  22. package/dist/components/CKButton/_helper/ComboLayout.js +1 -1
  23. package/dist/components/CKButton/_helper/IconSlot.js +1 -1
  24. package/dist/components/CKButton/_helper/StandardLayout.js +1 -1
  25. package/dist/components/CKButton/index.js +1 -1
  26. package/dist/components/CardBox/index.js +18 -18
  27. package/dist/components/DateRangePicker/DateRangePicker.js +703 -680
  28. package/dist/components/EmptyState/index.js +7 -7
  29. package/dist/components/FusionChart/_config/builders.d.ts.map +1 -1
  30. package/dist/components/FusionChart/_config/builders.js +207 -192
  31. package/dist/components/FusionChart/_config/helpers.d.ts +3 -0
  32. package/dist/components/FusionChart/_config/helpers.d.ts.map +1 -1
  33. package/dist/components/FusionChart/_config/helpers.js +61 -45
  34. package/dist/components/FusionChart/_types/fusionChart.types.d.ts +2 -0
  35. package/dist/components/FusionChart/_types/fusionChart.types.d.ts.map +1 -1
  36. package/dist/components/FusionChart/_utils/chartHelpers.js +1 -1
  37. package/dist/components/FusionChart/index.d.ts.map +1 -1
  38. package/dist/components/FusionChart/index.js +163 -130
  39. package/dist/components/MenuOptions/_utils/computeMenuPosition.js +1 -1
  40. package/dist/components/MenuOptions/_utils/computeSubmenuPosition.js +1 -1
  41. package/dist/components/MetricCards/Component/CardWithIconAndForecast/index.js +30 -30
  42. package/dist/components/MultiSelect/SimpleMultiSelect.d.ts +3 -1
  43. package/dist/components/MultiSelect/SimpleMultiSelect.d.ts.map +1 -1
  44. package/dist/components/MultiSelect/SimpleMultiSelect.js +150 -136
  45. package/dist/components/MultiSelect/_helpers/DropdownFooter.js +1 -1
  46. package/dist/components/MultiSelect/_helpers/OptionRow.js +1 -1
  47. package/dist/components/MultiSelect/_helpers/OverflowMenu.js +1 -1
  48. package/dist/components/MultiSelect/_helpers/OverflowMenuItem.js +1 -1
  49. package/dist/components/MultiSelect/_helpers/SearchResult.d.ts +1 -1
  50. package/dist/components/MultiSelect/_helpers/SearchResult.d.ts.map +1 -1
  51. package/dist/components/MultiSelect/_helpers/SearchResult.js +31 -21
  52. package/dist/components/MultiSelect/_helpers/TagContent.js +1 -1
  53. package/dist/components/MultiSelect/_helpers/TriggerButton.d.ts.map +1 -1
  54. package/dist/components/MultiSelect/_helpers/TriggerButton.js +95 -74
  55. package/dist/components/MultiSelect/_types/type.d.ts +7 -2
  56. package/dist/components/MultiSelect/_types/type.d.ts.map +1 -1
  57. package/dist/components/MultiSelect/_utils/useDropdownDirection.d.ts +18 -0
  58. package/dist/components/MultiSelect/_utils/useDropdownDirection.d.ts.map +1 -0
  59. package/dist/components/MultiSelect/_utils/useDropdownDirection.js +23 -0
  60. package/dist/components/MultiSelect/index.d.ts +1 -1
  61. package/dist/components/MultiSelect/index.d.ts.map +1 -1
  62. package/dist/components/MultiSelect/index.js +162 -150
  63. package/dist/components/PopupAndDialogBox/components/DialogContent.js +1 -1
  64. package/dist/components/PopupAndDialogBox/components/DialogFooter.js +1 -1
  65. package/dist/components/PopupAndDialogBox/components/DialogHeader.js +1 -1
  66. package/dist/components/PopupAndDialogBox/index.js +1 -1
  67. package/dist/components/RadioButton/index.js +34 -34
  68. package/dist/components/RadioGroup/_types/radioGroup.types.d.ts +1 -0
  69. package/dist/components/RadioGroup/_types/radioGroup.types.d.ts.map +1 -1
  70. package/dist/components/RadioGroup/index.d.ts +1 -1
  71. package/dist/components/RadioGroup/index.d.ts.map +1 -1
  72. package/dist/components/RadioGroup/index.js +19 -17
  73. package/dist/components/Search/index.d.ts.map +1 -1
  74. package/dist/components/Search/index.js +63 -61
  75. package/dist/components/SingleSelectDropdown/_helpers/DropdownFooter.js +3 -3
  76. package/dist/components/SingleSelectDropdown/index.d.ts.map +1 -1
  77. package/dist/components/SingleSelectDropdown/index.js +83 -78
  78. package/dist/components/Table/_helpers/ColumnManager/ColumnConfig.d.ts.map +1 -1
  79. package/dist/components/Table/_helpers/ColumnManager/ColumnConfig.js +22 -19
  80. package/dist/components/Table/_helpers/ColumnManager/index.d.ts.map +1 -1
  81. package/dist/components/Table/_helpers/ColumnManager/index.js +304 -301
  82. package/dist/components/Table/_helpers/GroupedHeader/index.js +1 -1
  83. package/dist/components/Table/_helpers/TableFilterModal/OptionList.js +1 -1
  84. package/dist/components/Table/_helpers/TableFilterModal/RangeSelector.js +133 -142
  85. package/dist/components/Table/_helpers/TableFilterModal/index.d.ts.map +1 -1
  86. package/dist/components/Table/_helpers/TableFilterModal/index.js +43 -42
  87. package/dist/components/Table/_helpers/TableRows.js +1 -1
  88. package/dist/components/Table/index.d.ts.map +1 -1
  89. package/dist/components/Table/index.js +215 -210
  90. package/dist/components/TextField/index.js +331 -328
  91. package/dist/components/Toast/_helper/ToastContent.js +25 -25
  92. package/dist/components/Toast/_helper/ToastProvider.js +9 -9
  93. package/dist/components/Toast/_hooks/useToast.js +1 -1
  94. package/dist/components/Tooltip/index.js +772 -697
  95. package/dist/components/Typography/index.js +30 -30
  96. package/dist/createSimplePaletteValueFilter-BqxST_wX.js +24 -0
  97. package/dist/index-BR6M9zUI.js +382 -0
  98. package/dist/{index-f7TB87Mf.js → index-Bcvmezbu.js} +23 -3
  99. package/dist/main.d.ts +1 -0
  100. package/dist/main.d.ts.map +1 -1
  101. package/dist/main.js +15 -13
  102. package/dist/styles.module-yIHBMSTk.js +53 -0
  103. package/dist/styles.module-yNDMDNO-.js +14 -0
  104. package/dist/{useSlot-ylt7_lTY.js → useSlot-BiMlGawc.js} +656 -623
  105. package/package.json +3 -3
  106. package/dist/DropdownFooter-CYkg2g5d.js +0 -89
  107. package/dist/IconSlot-CFKmSU2_.js +0 -33
  108. package/dist/assets/DropdownFooter-DjdPf69A.css +0 -1
  109. package/dist/assets/IconSlot-CLpdZgmb.css +0 -1
  110. package/dist/assets/ReactToastify-tlSLHgLC.css +0 -1
  111. package/dist/assets/index-B81zpOpq.css +0 -1
  112. package/dist/assets/index-BmQOtMhS.css +0 -1
  113. package/dist/assets/index-CaWXKQ7j.css +0 -1
  114. package/dist/assets/index-CiQd_iRw.css +0 -1
  115. package/dist/assets/index-DNhNBxL9.css +0 -1
  116. package/dist/assets/index-YHUWVH17.css +0 -1
  117. package/dist/assets/styles-BTZL03H2.css +0 -1
  118. package/dist/assets/styles-CYxKrBqL.css +0 -1
  119. package/dist/assets/styles-D8sahtFb.css +0 -1
  120. package/dist/contains-kLLEGdNH.js +0 -41
  121. package/dist/index-C8cPPHJD.js +0 -1196
  122. package/dist/styles.module-BZaUJMlf.js +0 -14
  123. package/dist/styles.module-Dojg5FTS.js +0 -41
package/dist/main.js CHANGED
@@ -8,7 +8,7 @@ import { Label as ce } from "./components/Label/index.js";
8
8
  import { Tag as re } from "./components/Tag/index.js";
9
9
  import { Switch as se } from "./components/Switch/index.js";
10
10
  import { Checkbox as te } from "./components/Checkbox/index.js";
11
- import { CopyText as de } from "./components/Copy/index.js";
11
+ import { CopyText as me } from "./components/Copy/index.js";
12
12
  import { jsxs as o, jsx as l } from "react/jsx-runtime";
13
13
  import { useState as p, useEffect as k } from "react";
14
14
  import { Tooltip as ne } from "./components/Tooltip/index.js";
@@ -37,7 +37,7 @@ import { CustomTable as cc } from "./components/Table/index.js";
37
37
  import { CostComparatorTable as rc } from "./components/CostComparatorTable/index.js";
38
38
  import { RadioGroup as sc } from "./components/RadioGroup/index.js";
39
39
  import { useSelection as tc } from "./components/Table/_hooks/useSelection.js";
40
- import { useExpansion as dc } from "./components/Table/_hooks/useExpansion.js";
40
+ import { useExpansion as mc } from "./components/Table/_hooks/useExpansion.js";
41
41
  import { useFilterColumnState as nc } from "./components/Table/_hooks/useFilterColumnState.js";
42
42
  import { FilterColumnToolbar as kc } from "./components/Table/_helpers/FilterColumnToolbar.js";
43
43
  import { MetricCard as gc } from "./components/MetricCards/index.js";
@@ -49,8 +49,9 @@ import { MAVDropdown as Cc } from "./components/MAVDropdown/index.js";
49
49
  import { CKThemeProvider as Sc } from "./theme/Theme.js";
50
50
  import { FusionChart as Bc } from "./components/FusionChart/index.js";
51
51
  import { Loader as Gc } from "./components/Loader/index.js";
52
- import { MenuOptionsWrapper as Vc } from "./components/MenuOptions/MenuOptionsWrapper.js";
53
- import './assets/main-Dv8QUU_o.css';const b = "_showcase_97m56_1", g = "_title_97m56_8", h = "_lead_97m56_15", y = "_section_97m56_22", u = "_sectionTitle_97m56_26", f = "_subtle_97m56_35", x = "_grid_97m56_42", v = "_varRow_97m56_48", _ = "_varName_97m56_58", N = "_varValue_97m56_65", w = "_colorChip_97m56_71", C = "_swatch_97m56_79", T = "_swatchTop_97m56_85", S = "_swatchLabel_97m56_92", $ = "_typographyRow_97m56_102", B = "_typographyMeta_97m56_116", R = "_typographyClass_97m56_121", G = "_typographyGroupTitle_97m56_128", M = "_fsSample_97m56_135", c = {
52
+ import { Typography as Vc } from "./components/Typography/index.js";
53
+ import { MenuOptionsWrapper as Lc } from "./components/MenuOptions/MenuOptionsWrapper.js";
54
+ import './assets/main-3OqLSdPm.css';const b = "_showcase_97m56_1", g = "_title_97m56_8", h = "_lead_97m56_15", y = "_section_97m56_22", u = "_sectionTitle_97m56_26", f = "_subtle_97m56_35", x = "_grid_97m56_42", v = "_varRow_97m56_48", _ = "_varName_97m56_58", N = "_varValue_97m56_65", w = "_colorChip_97m56_71", C = "_swatch_97m56_79", T = "_swatchTop_97m56_85", S = "_swatchLabel_97m56_92", $ = "_typographyRow_97m56_102", B = "_typographyMeta_97m56_116", R = "_typographyClass_97m56_121", G = "_typographyGroupTitle_97m56_128", M = "_fsSample_97m56_135", c = {
54
55
  showcase: b,
55
56
  title: g,
56
57
  lead: h,
@@ -70,7 +71,7 @@ import './assets/main-Dv8QUU_o.css';const b = "_showcase_97m56_1", g = "_title_9
70
71
  typographyClass: R,
71
72
  typographyGroupTitle: G,
72
73
  fsSample: M
73
- }, m = [
74
+ }, d = [
74
75
  {
75
76
  title: "Primary",
76
77
  variables: [
@@ -301,15 +302,15 @@ import './assets/main-Dv8QUU_o.css';const b = "_showcase_97m56_1", g = "_title_9
301
302
  function H() {
302
303
  const [e, i] = p({});
303
304
  return k(() => {
304
- const d = document.documentElement, r = getComputedStyle(d), s = {};
305
- for (const a of m)
305
+ const m = document.documentElement, r = getComputedStyle(m), s = {};
306
+ for (const a of d)
306
307
  for (const t of a.variables)
307
308
  s[t] = r.getPropertyValue(t).trim();
308
309
  i(s);
309
310
  }, []), e;
310
311
  }
311
312
  function F({ className: e = "" }) {
312
- const i = H(), d = D.reduce((r, s) => (r[s.group] || (r[s.group] = []), r[s.group].push(s), r), {});
313
+ const i = H(), m = D.reduce((r, s) => (r[s.group] || (r[s.group] = []), r[s.group].push(s), r), {});
313
314
  return /* @__PURE__ */ o(
314
315
  "div",
315
316
  {
@@ -334,7 +335,7 @@ function F({ className: e = "" }) {
334
335
  /* @__PURE__ */ l("code", { children: "lib/theme/theme.scss" }),
335
336
  " in preview)."
336
337
  ] }),
337
- m.map((r) => /* @__PURE__ */ o("div", { children: [
338
+ d.map((r) => /* @__PURE__ */ o("div", { children: [
338
339
  /* @__PURE__ */ l("h3", { className: c.typographyGroupTitle, children: r.title }),
339
340
  /* @__PURE__ */ l("div", { className: c.grid, children: r.variables.map((s) => {
340
341
  const a = i[s] ?? "", t = a || "(empty)", n = a.startsWith("#") || a.startsWith("rgb") || s.includes("tag-") || s.includes("primary-") || s.includes("black-") || s.includes("red-") || s.includes("yellow-") || s.includes("green-") || s === "--ckcl-white";
@@ -423,7 +424,7 @@ function F({ className: e = "" }) {
423
424
  /* @__PURE__ */ l("code", { children: "_typography.scss" }),
424
425
  ")."
425
426
  ] }),
426
- Object.entries(d).map(([r, s]) => /* @__PURE__ */ o("div", { children: [
427
+ Object.entries(m).map(([r, s]) => /* @__PURE__ */ o("div", { children: [
427
428
  /* @__PURE__ */ l("h3", { className: c.typographyGroupTitle, children: r }),
428
429
  s.map((a) => /* @__PURE__ */ o("div", { className: c.typographyRow, children: [
429
430
  /* @__PURE__ */ o("div", { children: [
@@ -448,7 +449,7 @@ export {
448
449
  Sc as CKThemeProvider,
449
450
  yc as CardBox,
450
451
  te as Checkbox,
451
- de as CopyText,
452
+ me as CopyText,
452
453
  rc as CostComparatorTable,
453
454
  cc as CustomTable,
454
455
  Ze as DateRangePicker,
@@ -466,7 +467,7 @@ export {
466
467
  Gc as Loader,
467
468
  Cc as MAVDropdown,
468
469
  Ie as MenuOptions,
469
- Vc as MenuOptionsWrapper,
470
+ Lc as MenuOptionsWrapper,
470
471
  gc as MetricCard,
471
472
  fc as MultiSelect,
472
473
  Xe as Pagination,
@@ -486,7 +487,8 @@ export {
486
487
  Ne as ToastProvider,
487
488
  ke as Toggle,
488
489
  ne as Tooltip,
489
- dc as useExpansion,
490
+ Vc as Typography,
491
+ mc as useExpansion,
490
492
  nc as useFilterColumnState,
491
493
  tc as useSelection,
492
494
  Ce as useToast
@@ -0,0 +1,53 @@
1
+ import './assets/styles-CEyiQgVQ.css';const e = "_required_1qnv1_41", _ = "_trigger_1qnv1_45", n = "_placeholder_1qnv1_72", r = "_chevron_1qnv1_80", l = "_dropdown_1qnv1_145", t = "_divider_1qnv1_226", o = "_clearDisabled_1qnv1_290", d = {
2
+ "ckds-wrapper": "_ckds-wrapper_1qnv1_1",
3
+ "ckds-wrapper-disabled": "_ckds-wrapper-disabled_1qnv1_31",
4
+ "label-wrapper": "_label-wrapper_1qnv1_37",
5
+ required: e,
6
+ "trigger-wrapper": "_trigger-wrapper_1qnv1_45",
7
+ trigger: _,
8
+ "trigger-open": "_trigger-open_1qnv1_64",
9
+ placeholder: n,
10
+ "placeholder-required": "_placeholder-required_1qnv1_76",
11
+ chevron: r,
12
+ "chevron-up": "_chevron-up_1qnv1_86",
13
+ "selected-tags-container": "_selected-tags-container_1qnv1_90",
14
+ "selected-tag-wrapper": "_selected-tag-wrapper_1qnv1_101",
15
+ "selected-tag-content": "_selected-tag-content_1qnv1_107",
16
+ "select-all-label": "_select-all-label_1qnv1_114",
17
+ "remove-icon": "_remove-icon_1qnv1_122",
18
+ "overflow-count": "_overflow-count_1qnv1_126",
19
+ "helper-text": "_helper-text_1qnv1_131",
20
+ "helper-hide": "_helper-hide_1qnv1_140",
21
+ dropdown: l,
22
+ "dropdown-align-left": "_dropdown-align-left_1qnv1_162",
23
+ "dropdown-align-right": "_dropdown-align-right_1qnv1_166",
24
+ "dropdown-up": "_dropdown-up_1qnv1_171",
25
+ "dropdown-helper": "_dropdown-helper_1qnv1_178",
26
+ "dropdown-helper-up": "_dropdown-helper-up_1qnv1_182",
27
+ "result-wrapper": "_result-wrapper_1qnv1_187",
28
+ "result-left": "_result-left_1qnv1_194",
29
+ "result-count": "_result-count_1qnv1_200",
30
+ "result-pipe": "_result-pipe_1qnv1_204",
31
+ "result-selected": "_result-selected_1qnv1_212",
32
+ "exclude-row": "_exclude-row_1qnv1_216",
33
+ "exclude-label": "_exclude-label_1qnv1_222",
34
+ divider: t,
35
+ "ckds-options-list": "_ckds-options-list_1qnv1_232",
36
+ "option-row": "_option-row_1qnv1_247",
37
+ "option-label": "_option-label_1qnv1_261",
38
+ "no-results": "_no-results_1qnv1_265",
39
+ "ckds-multi-select-footer": "_ckds-multi-select-footer_1qnv1_271",
40
+ "clear-btn": "_clear-btn_1qnv1_284",
41
+ clearDisabled: o,
42
+ "footer-actions": "_footer-actions_1qnv1_295",
43
+ "footer-actions-end": "_footer-actions-end_1qnv1_300",
44
+ "cancel-btn": "_cancel-btn_1qnv1_304",
45
+ "apply-btn": "_apply-btn_1qnv1_313",
46
+ "apply-disabled": "_apply-disabled_1qnv1_323",
47
+ "menu-list": "_menu-list_1qnv1_329",
48
+ "ckds-menu-item": "_ckds-menu-item_1qnv1_344",
49
+ "menu-item-label": "_menu-item-label_1qnv1_356"
50
+ };
51
+ export {
52
+ d as s
53
+ };
@@ -0,0 +1,14 @@
1
+ import './assets/styles-C5uYY4fL.css';const o = "_popup_14z4n_39", d = {
2
+ "ckds-dialog-overlay": "_ckds-dialog-overlay_14z4n_1",
3
+ "ckds-dialog": "_ckds-dialog_14z4n_1",
4
+ popup: o,
5
+ "dialog-box": "_dialog-box_14z4n_43",
6
+ "ckds-dialog-header": "_ckds-dialog-header_14z4n_49",
7
+ "ckds-dialog-title": "_ckds-dialog-title_14z4n_58",
8
+ "ckds-dialog-close": "_ckds-dialog-close_14z4n_63",
9
+ "ckds-dialog-content": "_ckds-dialog-content_14z4n_73",
10
+ "ckds-dialog-footer": "_ckds-dialog-footer_14z4n_79"
11
+ };
12
+ export {
13
+ d as s
14
+ };