@ktnpm_devops/react-component 0.1.0 → 0.1.1

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 (68) hide show
  1. package/README.md +16 -5
  2. package/dist/index11.cjs +1 -1
  3. package/dist/index11.js +1 -1
  4. package/dist/index13.cjs +1 -1
  5. package/dist/index13.js +1 -1
  6. package/dist/index14.cjs +1 -1
  7. package/dist/index14.js +1 -1
  8. package/dist/index15.cjs +1 -1
  9. package/dist/index15.js +1 -1
  10. package/dist/index16.cjs +1 -1
  11. package/dist/index16.js +1 -1
  12. package/dist/index17.cjs +1 -1
  13. package/dist/index17.js +1 -1
  14. package/dist/index18.cjs +1 -1
  15. package/dist/index18.js +1 -1
  16. package/dist/index19.cjs +1 -1
  17. package/dist/index19.js +1 -1
  18. package/dist/index20.cjs +1 -1
  19. package/dist/index20.js +1 -1
  20. package/dist/index21.cjs +1 -1
  21. package/dist/index21.js +1 -1
  22. package/dist/index27.cjs +4 -1
  23. package/dist/index27.cjs.map +1 -1
  24. package/dist/index27.js +4 -1
  25. package/dist/index27.js.map +1 -1
  26. package/dist/index28.cjs +1 -4
  27. package/dist/index28.cjs.map +1 -1
  28. package/dist/index28.js +1 -4
  29. package/dist/index28.js.map +1 -1
  30. package/dist/index29.cjs +11 -2
  31. package/dist/index29.cjs.map +1 -1
  32. package/dist/index29.js +11 -2
  33. package/dist/index29.js.map +1 -1
  34. package/dist/index31.cjs +54 -27
  35. package/dist/index31.cjs.map +1 -1
  36. package/dist/index31.js +55 -28
  37. package/dist/index31.js.map +1 -1
  38. package/dist/index32.cjs +52 -10
  39. package/dist/index32.cjs.map +1 -1
  40. package/dist/index32.js +53 -11
  41. package/dist/index32.js.map +1 -1
  42. package/dist/index33.cjs +19 -13
  43. package/dist/index33.cjs.map +1 -1
  44. package/dist/index33.js +20 -14
  45. package/dist/index33.js.map +1 -1
  46. package/dist/index34.cjs +13 -19
  47. package/dist/index34.cjs.map +1 -1
  48. package/dist/index34.js +14 -20
  49. package/dist/index34.js.map +1 -1
  50. package/dist/index36.cjs +34 -13
  51. package/dist/index36.cjs.map +1 -1
  52. package/dist/index36.js +35 -14
  53. package/dist/index36.js.map +1 -1
  54. package/dist/index37.cjs +2 -35
  55. package/dist/index37.cjs.map +1 -1
  56. package/dist/index37.js +3 -36
  57. package/dist/index37.js.map +1 -1
  58. package/dist/index38.cjs +13 -10
  59. package/dist/index38.cjs.map +1 -1
  60. package/dist/index38.js +14 -11
  61. package/dist/index38.js.map +1 -1
  62. package/dist/index39.cjs +10 -79
  63. package/dist/index39.cjs.map +1 -1
  64. package/dist/index39.js +10 -79
  65. package/dist/index39.js.map +1 -1
  66. package/dist/index8.cjs +1 -1
  67. package/dist/index8.js +1 -1
  68. package/package.json +1 -1
package/README.md CHANGED
@@ -1,11 +1,11 @@
1
- # @kenmeitechnologies/react-component
1
+ # @ktnpm_devops/react-component
2
2
 
3
3
  Kenmei's Orbit design system as a tree-shakeable React component library with CSS Modules, full dark mode support, and Storybook documentation.
4
4
 
5
5
  ## Installation
6
6
 
7
7
  ```bash
8
- pnpm add @kenmeitechnologies/react-component
8
+ pnpm add @ktnpm_devops/react-component
9
9
  ```
10
10
 
11
11
  ### Peer Dependencies
@@ -30,13 +30,13 @@ Import the design tokens in your app entry point:
30
30
 
31
31
  ```tsx
32
32
  // main.tsx or App.tsx
33
- import '@kenmeitechnologies/react-component/tokens';
33
+ import '@ktnpm_devops/react-component/tokens';
34
34
  ```
35
35
 
36
36
  ## Quick Start
37
37
 
38
38
  ```tsx
39
- import { Button, Card, CardHeader, CardContent, Badge } from '@kenmeitechnologies/react-component';
39
+ import { Button, Card, CardHeader, CardContent, Badge } from '@ktnpm_devops/react-component';
40
40
 
41
41
  function App() {
42
42
  return (
@@ -81,6 +81,17 @@ All components automatically adapt — no additional configuration needed.
81
81
  | `Modal` | Dialog overlay with portal, ESC-to-close, focus management |
82
82
  | `Avatar` | Initials-based avatar with gradient background |
83
83
 
84
+ ### Composites
85
+
86
+ | Component | Description |
87
+ |-----------|-------------|
88
+ | `MultiSelectDropdown` | Multi-select with search, select/deselect all, pending apply/cancel |
89
+ | `SingleSelectDropdown` | Single-select with search and optional clear button |
90
+ | `CustomRangePicker` | Date range picker with preset ranges and custom selection |
91
+ | `ResizableSplitPanel` | Draggable split layout with keyboard support |
92
+ | `ChartExpandModal` | Full-screen modal for expanded chart views, portal-based with resize |
93
+ | `ContextMenu` | Right-click context menu with keyboard navigation, portal-based |
94
+
84
95
  ### Hooks
85
96
 
86
97
  | Hook | Description |
@@ -123,7 +134,7 @@ This project uses [OpenSpec](https://github.com/kenmeitechnologies/openspec) for
123
134
  Or create the file directly in `.changeset/<change-name>.md`:
124
135
  ```md
125
136
  ---
126
- "@kenmeitechnologies/react-component": patch
137
+ "@ktnpm_devops/react-component": patch
127
138
  ---
128
139
 
129
140
  Description of what changed.
package/dist/index11.cjs CHANGED
@@ -2,7 +2,7 @@
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
3
  const jsxRuntime = require("react/jsx-runtime");
4
4
  const clsx = require("./index23.cjs");
5
- const Card_module = require("./index32.cjs");
5
+ const Card_module = require("./index29.cjs");
6
6
  const Card = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx.clsx(Card_module.default.root, className), ...props });
7
7
  const CardHeader = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx.clsx(Card_module.default.header, className), ...props });
8
8
  const CardContent = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx.clsx(Card_module.default.content, className), ...props });
package/dist/index11.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
2
  import { clsx } from "./index23.js";
3
- import styles from "./index32.js";
3
+ import styles from "./index29.js";
4
4
  const Card = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: clsx(styles.root, className), ...props });
5
5
  const CardHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: clsx(styles.header, className), ...props });
6
6
  const CardContent = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: clsx(styles.content, className), ...props });
package/dist/index13.cjs CHANGED
@@ -6,7 +6,7 @@ const reactDom = require("react-dom");
6
6
  const useEscapeKey = require("./index4.cjs");
7
7
  const constants = require("./index30.cjs");
8
8
  const clsx = require("./index23.cjs");
9
- const ContextMenu_module = require("./index36.cjs");
9
+ const ContextMenu_module = require("./index34.cjs");
10
10
  const ContextMenu = ({ x, y, items, onClose }) => {
11
11
  const menuRef = react.useRef(null);
12
12
  const [focusedIndex, setFocusedIndex] = react.useState(-1);
package/dist/index13.js CHANGED
@@ -4,7 +4,7 @@ import { createPortal } from "react-dom";
4
4
  import { useEscapeKey } from "./index4.js";
5
5
  import { CONTEXT_MENU_MARGIN } from "./index30.js";
6
6
  import { clsx } from "./index23.js";
7
- import styles from "./index36.js";
7
+ import styles from "./index34.js";
8
8
  const ContextMenu = ({ x, y, items, onClose }) => {
9
9
  const menuRef = useRef(null);
10
10
  const [focusedIndex, setFocusedIndex] = useState(-1);
package/dist/index14.cjs CHANGED
@@ -6,7 +6,7 @@ const clsx = require("./index23.cjs");
6
6
  const useClickOutside = require("./index3.cjs");
7
7
  const useEscapeKey = require("./index4.cjs");
8
8
  const format = require("./index6.cjs");
9
- const CustomRangePicker_module = require("./index37.cjs");
9
+ const CustomRangePicker_module = require("./index36.cjs");
10
10
  const formatInputValue = (iso) => {
11
11
  if (!iso) return "";
12
12
  const date = new Date(iso);
package/dist/index14.js CHANGED
@@ -4,7 +4,7 @@ import { clsx } from "./index23.js";
4
4
  import { useClickOutside } from "./index3.js";
5
5
  import { useEscapeKey } from "./index4.js";
6
6
  import { formatLocalISOString } from "./index6.js";
7
- import styles from "./index37.js";
7
+ import styles from "./index36.js";
8
8
  const formatInputValue = (iso) => {
9
9
  if (!iso) return "";
10
10
  const date = new Date(iso);
package/dist/index15.cjs CHANGED
@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
3
  const jsxRuntime = require("react/jsx-runtime");
4
4
  const react = require("react");
5
5
  const clsx = require("./index23.cjs");
6
- const Input_module = require("./index29.cjs");
6
+ const Input_module = require("./index37.cjs");
7
7
  const Input = react.forwardRef(
8
8
  ({ className, type = "text", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("input", { ref, type, className: clsx.clsx(Input_module.default.root, className), ...props })
9
9
  );
package/dist/index15.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
2
  import { forwardRef } from "react";
3
3
  import { clsx } from "./index23.js";
4
- import styles from "./index29.js";
4
+ import styles from "./index37.js";
5
5
  const Input = forwardRef(
6
6
  ({ className, type = "text", ...props }, ref) => /* @__PURE__ */ jsx("input", { ref, type, className: clsx(styles.root, className), ...props })
7
7
  );
package/dist/index16.cjs CHANGED
@@ -4,7 +4,7 @@ const jsxRuntime = require("react/jsx-runtime");
4
4
  const reactDom = require("react-dom");
5
5
  const clsx = require("./index23.cjs");
6
6
  const useEscapeKey = require("./index4.cjs");
7
- const Modal_module = require("./index34.cjs");
7
+ const Modal_module = require("./index33.cjs");
8
8
  const Modal = ({
9
9
  open,
10
10
  title,
package/dist/index16.js CHANGED
@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
2
2
  import { createPortal } from "react-dom";
3
3
  import { clsx } from "./index23.js";
4
4
  import { useEscapeKey } from "./index4.js";
5
- import styles from "./index34.js";
5
+ import styles from "./index33.js";
6
6
  const Modal = ({
7
7
  open,
8
8
  title,
package/dist/index17.cjs CHANGED
@@ -5,7 +5,7 @@ const react = require("react");
5
5
  const clsx = require("./index23.cjs");
6
6
  const useClickOutside = require("./index3.cjs");
7
7
  const constants = require("./index30.cjs");
8
- const MultiSelectDropdown_module = require("./index39.cjs");
8
+ const MultiSelectDropdown_module = require("./index31.cjs");
9
9
  const arraysMatch = (a, b) => {
10
10
  if (a.length !== b.length) return false;
11
11
  const set = new Set(b);
package/dist/index17.js CHANGED
@@ -3,7 +3,7 @@ import { useState, useRef, useMemo, useCallback, useEffect } from "react";
3
3
  import { clsx } from "./index23.js";
4
4
  import { useClickOutside } from "./index3.js";
5
5
  import { SVG_STROKE_WIDTH, SVG_VIEWBOX, ICON_SIZE } from "./index30.js";
6
- import styles from "./index39.js";
6
+ import styles from "./index31.js";
7
7
  const arraysMatch = (a, b) => {
8
8
  if (a.length !== b.length) return false;
9
9
  const set = new Set(b);
package/dist/index18.cjs CHANGED
@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
3
  const jsxRuntime = require("react/jsx-runtime");
4
4
  const react = require("react");
5
5
  const constants = require("./index30.cjs");
6
- const ResizableSplitPanel_module = require("./index33.cjs");
6
+ const ResizableSplitPanel_module = require("./index38.cjs");
7
7
  const FULL_PERCENT = 100;
8
8
  const ResizableSplitPanel = ({
9
9
  leftPanel,
package/dist/index18.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { jsxs, jsx } from "react/jsx-runtime";
2
2
  import { useState, useRef, useCallback, useEffect } from "react";
3
3
  import { KEYBOARD_STEP } from "./index30.js";
4
- import styles from "./index33.js";
4
+ import styles from "./index38.js";
5
5
  const FULL_PERCENT = 100;
6
6
  const ResizableSplitPanel = ({
7
7
  leftPanel,
package/dist/index19.cjs CHANGED
@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
3
  const jsxRuntime = require("react/jsx-runtime");
4
4
  const react = require("react");
5
5
  const clsx = require("./index23.cjs");
6
- const Select_module = require("./index27.cjs");
6
+ const Select_module = require("./index28.cjs");
7
7
  const Select = react.forwardRef(
8
8
  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("select", { ref, className: clsx.clsx(Select_module.default.root, className), ...props, children })
9
9
  );
package/dist/index19.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
2
  import { forwardRef } from "react";
3
3
  import { clsx } from "./index23.js";
4
- import styles from "./index27.js";
4
+ import styles from "./index28.js";
5
5
  const Select = forwardRef(
6
6
  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx("select", { ref, className: clsx(styles.root, className), ...props, children })
7
7
  );
package/dist/index20.cjs CHANGED
@@ -6,7 +6,7 @@ const clsx = require("./index23.cjs");
6
6
  const useClickOutside = require("./index3.cjs");
7
7
  const useEscapeKey = require("./index4.cjs");
8
8
  const constants = require("./index30.cjs");
9
- const SingleSelectDropdown_module = require("./index31.cjs");
9
+ const SingleSelectDropdown_module = require("./index32.cjs");
10
10
  const SingleSelectDropdown = ({
11
11
  label,
12
12
  options,
package/dist/index20.js CHANGED
@@ -4,7 +4,7 @@ import { clsx } from "./index23.js";
4
4
  import { useClickOutside } from "./index3.js";
5
5
  import { useEscapeKey } from "./index4.js";
6
6
  import { SVG_STROKE_WIDTH, SVG_VIEWBOX, ICON_SIZE } from "./index30.js";
7
- import styles from "./index31.js";
7
+ import styles from "./index32.js";
8
8
  const SingleSelectDropdown = ({
9
9
  label,
10
10
  options,
package/dist/index21.cjs CHANGED
@@ -2,7 +2,7 @@
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
3
  const jsxRuntime = require("react/jsx-runtime");
4
4
  const clsx = require("./index23.cjs");
5
- const Table_module = require("./index28.cjs");
5
+ const Table_module = require("./index27.cjs");
6
6
  const TableContainer = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx.clsx(Table_module.default.container, className), ...props });
7
7
  const Table = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("table", { className: clsx.clsx(Table_module.default.root, className), ...props });
8
8
  exports.Table = Table;
package/dist/index21.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
2
  import { clsx } from "./index23.js";
3
- import styles from "./index28.js";
3
+ import styles from "./index27.js";
4
4
  const TableContainer = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: clsx(styles.container, className), ...props });
5
5
  const Table = ({ className, ...props }) => /* @__PURE__ */ jsx("table", { className: clsx(styles.root, className), ...props });
6
6
  export {
package/dist/index27.cjs CHANGED
@@ -1,9 +1,12 @@
1
1
  "use strict";
2
2
  Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
- const root = "krc-root-jba0x";
3
+ const container = "krc-container-cpDoQ";
4
+ const root = "krc-root-20TMP";
4
5
  const styles = {
6
+ container,
5
7
  root
6
8
  };
9
+ exports.container = container;
7
10
  exports.default = styles;
8
11
  exports.root = root;
9
12
  //# sourceMappingURL=index27.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index27.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
1
+ {"version":3,"file":"index27.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}
package/dist/index27.js CHANGED
@@ -1,8 +1,11 @@
1
- const root = "krc-root-jba0x";
1
+ const container = "krc-container-cpDoQ";
2
+ const root = "krc-root-20TMP";
2
3
  const styles = {
4
+ container,
3
5
  root
4
6
  };
5
7
  export {
8
+ container,
6
9
  styles as default,
7
10
  root
8
11
  };
@@ -1 +1 @@
1
- {"version":3,"file":"index27.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
1
+ {"version":3,"file":"index27.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
package/dist/index28.cjs CHANGED
@@ -1,12 +1,9 @@
1
1
  "use strict";
2
2
  Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
- const container = "krc-container-cpDoQ";
4
- const root = "krc-root-20TMP";
3
+ const root = "krc-root-jba0x";
5
4
  const styles = {
6
- container,
7
5
  root
8
6
  };
9
- exports.container = container;
10
7
  exports.default = styles;
11
8
  exports.root = root;
12
9
  //# sourceMappingURL=index28.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index28.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}
1
+ {"version":3,"file":"index28.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
package/dist/index28.js CHANGED
@@ -1,11 +1,8 @@
1
- const container = "krc-container-cpDoQ";
2
- const root = "krc-root-20TMP";
1
+ const root = "krc-root-jba0x";
3
2
  const styles = {
4
- container,
5
3
  root
6
4
  };
7
5
  export {
8
- container,
9
6
  styles as default,
10
7
  root
11
8
  };
@@ -1 +1 @@
1
- {"version":3,"file":"index28.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
1
+ {"version":3,"file":"index28.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
package/dist/index29.cjs CHANGED
@@ -1,9 +1,18 @@
1
1
  "use strict";
2
2
  Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
- const root = "krc-root-bWynN";
3
+ const root = "krc-root-AouLD";
4
+ const header = "krc-header-pNze5";
5
+ const content = "krc-content-egG2e";
6
+ const footer = "krc-footer-WJw5Z";
4
7
  const styles = {
5
- root
8
+ root,
9
+ header,
10
+ content,
11
+ footer
6
12
  };
13
+ exports.content = content;
7
14
  exports.default = styles;
15
+ exports.footer = footer;
16
+ exports.header = header;
8
17
  exports.root = root;
9
18
  //# sourceMappingURL=index29.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index29.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
1
+ {"version":3,"file":"index29.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}
package/dist/index29.js CHANGED
@@ -1,9 +1,18 @@
1
- const root = "krc-root-bWynN";
1
+ const root = "krc-root-AouLD";
2
+ const header = "krc-header-pNze5";
3
+ const content = "krc-content-egG2e";
4
+ const footer = "krc-footer-WJw5Z";
2
5
  const styles = {
3
- root
6
+ root,
7
+ header,
8
+ content,
9
+ footer
4
10
  };
5
11
  export {
12
+ content,
6
13
  styles as default,
14
+ footer,
15
+ header,
7
16
  root
8
17
  };
9
18
  //# sourceMappingURL=index29.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index29.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
1
+ {"version":3,"file":"index29.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}
package/dist/index31.cjs CHANGED
@@ -1,23 +1,32 @@
1
1
  "use strict";
2
2
  Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
- const root = "krc-root--s1oD";
4
- const trigger = "krc-trigger-WMlNa";
5
- const active = "krc-active-O65lj";
6
- const triggerContent = "krc-triggerContent-JipmE";
7
- const chevron = "krc-chevron-J2Zsy";
8
- const label = "krc-label-lZlV-";
9
- const value = "krc-value-HsQrC";
10
- const clear = "krc-clear-bsi5j";
11
- const panel = "krc-panel--0odx";
12
- const searchContainer = "krc-searchContainer-WRS-U";
13
- const search = "krc-search-Dh3pY";
14
- const list = "krc-list-1RUtr";
15
- const noResults = "krc-noResults-Hin1U";
16
- const option = "krc-option-0mFGi";
17
- const focused = "krc-focused-0-7tE";
18
- const selected = "krc-selected-1zIqI";
19
- const optionLabel = "krc-optionLabel-pj-hL";
20
- const optionCount = "krc-optionCount-rVlCP";
3
+ const root = "krc-root-WYIsp";
4
+ const trigger = "krc-trigger-UedSS";
5
+ const active = "krc-active-cH8Tl";
6
+ const triggerContent = "krc-triggerContent-Kkhoi";
7
+ const chevron = "krc-chevron-NoNsI";
8
+ const label = "krc-label-RPlXR";
9
+ const valueGroup = "krc-valueGroup-xfNcx";
10
+ const value = "krc-value-aKdIW";
11
+ const badge = "krc-badge-yVq9o";
12
+ const clear = "krc-clear-11V9Q";
13
+ const panel = "krc-panel-xf2f8";
14
+ const header = "krc-header--VMR-";
15
+ const search = "krc-search-4gQgB";
16
+ const headerActions = "krc-headerActions-orxXD";
17
+ const chip = "krc-chip--n-9m";
18
+ const chipGhost = "krc-chipGhost-oayjh";
19
+ const list = "krc-list-NRoxf";
20
+ const status = "krc-status-j7xbM";
21
+ const statusError = "krc-statusError-u6rfB";
22
+ const option = "krc-option-ZAXum";
23
+ const optionLabel = "krc-optionLabel-MdDyI";
24
+ const optionCount = "krc-optionCount-JSQl9";
25
+ const create = "krc-create-hO8Cq";
26
+ const footer = "krc-footer-2yk6S";
27
+ const selection = "krc-selection-aYDH-";
28
+ const selectionDelta = "krc-selectionDelta-S1dV7";
29
+ const footerActions = "krc-footerActions-77iCX";
21
30
  const styles = {
22
31
  root,
23
32
  trigger,
@@ -25,36 +34,54 @@ const styles = {
25
34
  triggerContent,
26
35
  chevron,
27
36
  label,
37
+ valueGroup,
28
38
  value,
39
+ badge,
29
40
  clear,
30
41
  panel,
31
- searchContainer,
42
+ header,
32
43
  search,
44
+ headerActions,
45
+ chip,
46
+ chipGhost,
33
47
  list,
34
- noResults,
48
+ status,
49
+ statusError,
35
50
  option,
36
- focused,
37
- selected,
38
51
  optionLabel,
39
- optionCount
52
+ optionCount,
53
+ create,
54
+ footer,
55
+ selection,
56
+ selectionDelta,
57
+ footerActions
40
58
  };
41
59
  exports.active = active;
60
+ exports.badge = badge;
42
61
  exports.chevron = chevron;
62
+ exports.chip = chip;
63
+ exports.chipGhost = chipGhost;
43
64
  exports.clear = clear;
65
+ exports.create = create;
44
66
  exports.default = styles;
45
- exports.focused = focused;
67
+ exports.footer = footer;
68
+ exports.footerActions = footerActions;
69
+ exports.header = header;
70
+ exports.headerActions = headerActions;
46
71
  exports.label = label;
47
72
  exports.list = list;
48
- exports.noResults = noResults;
49
73
  exports.option = option;
50
74
  exports.optionCount = optionCount;
51
75
  exports.optionLabel = optionLabel;
52
76
  exports.panel = panel;
53
77
  exports.root = root;
54
78
  exports.search = search;
55
- exports.searchContainer = searchContainer;
56
- exports.selected = selected;
79
+ exports.selection = selection;
80
+ exports.selectionDelta = selectionDelta;
81
+ exports.status = status;
82
+ exports.statusError = statusError;
57
83
  exports.trigger = trigger;
58
84
  exports.triggerContent = triggerContent;
59
85
  exports.value = value;
86
+ exports.valueGroup = valueGroup;
60
87
  //# sourceMappingURL=index31.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index31.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index31.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/dist/index31.js CHANGED
@@ -1,21 +1,30 @@
1
- const root = "krc-root--s1oD";
2
- const trigger = "krc-trigger-WMlNa";
3
- const active = "krc-active-O65lj";
4
- const triggerContent = "krc-triggerContent-JipmE";
5
- const chevron = "krc-chevron-J2Zsy";
6
- const label = "krc-label-lZlV-";
7
- const value = "krc-value-HsQrC";
8
- const clear = "krc-clear-bsi5j";
9
- const panel = "krc-panel--0odx";
10
- const searchContainer = "krc-searchContainer-WRS-U";
11
- const search = "krc-search-Dh3pY";
12
- const list = "krc-list-1RUtr";
13
- const noResults = "krc-noResults-Hin1U";
14
- const option = "krc-option-0mFGi";
15
- const focused = "krc-focused-0-7tE";
16
- const selected = "krc-selected-1zIqI";
17
- const optionLabel = "krc-optionLabel-pj-hL";
18
- const optionCount = "krc-optionCount-rVlCP";
1
+ const root = "krc-root-WYIsp";
2
+ const trigger = "krc-trigger-UedSS";
3
+ const active = "krc-active-cH8Tl";
4
+ const triggerContent = "krc-triggerContent-Kkhoi";
5
+ const chevron = "krc-chevron-NoNsI";
6
+ const label = "krc-label-RPlXR";
7
+ const valueGroup = "krc-valueGroup-xfNcx";
8
+ const value = "krc-value-aKdIW";
9
+ const badge = "krc-badge-yVq9o";
10
+ const clear = "krc-clear-11V9Q";
11
+ const panel = "krc-panel-xf2f8";
12
+ const header = "krc-header--VMR-";
13
+ const search = "krc-search-4gQgB";
14
+ const headerActions = "krc-headerActions-orxXD";
15
+ const chip = "krc-chip--n-9m";
16
+ const chipGhost = "krc-chipGhost-oayjh";
17
+ const list = "krc-list-NRoxf";
18
+ const status = "krc-status-j7xbM";
19
+ const statusError = "krc-statusError-u6rfB";
20
+ const option = "krc-option-ZAXum";
21
+ const optionLabel = "krc-optionLabel-MdDyI";
22
+ const optionCount = "krc-optionCount-JSQl9";
23
+ const create = "krc-create-hO8Cq";
24
+ const footer = "krc-footer-2yk6S";
25
+ const selection = "krc-selection-aYDH-";
26
+ const selectionDelta = "krc-selectionDelta-S1dV7";
27
+ const footerActions = "krc-footerActions-77iCX";
19
28
  const styles = {
20
29
  root,
21
30
  trigger,
@@ -23,38 +32,56 @@ const styles = {
23
32
  triggerContent,
24
33
  chevron,
25
34
  label,
35
+ valueGroup,
26
36
  value,
37
+ badge,
27
38
  clear,
28
39
  panel,
29
- searchContainer,
40
+ header,
30
41
  search,
42
+ headerActions,
43
+ chip,
44
+ chipGhost,
31
45
  list,
32
- noResults,
46
+ status,
47
+ statusError,
33
48
  option,
34
- focused,
35
- selected,
36
49
  optionLabel,
37
- optionCount
50
+ optionCount,
51
+ create,
52
+ footer,
53
+ selection,
54
+ selectionDelta,
55
+ footerActions
38
56
  };
39
57
  export {
40
58
  active,
59
+ badge,
41
60
  chevron,
61
+ chip,
62
+ chipGhost,
42
63
  clear,
64
+ create,
43
65
  styles as default,
44
- focused,
66
+ footer,
67
+ footerActions,
68
+ header,
69
+ headerActions,
45
70
  label,
46
71
  list,
47
- noResults,
48
72
  option,
49
73
  optionCount,
50
74
  optionLabel,
51
75
  panel,
52
76
  root,
53
77
  search,
54
- searchContainer,
55
- selected,
78
+ selection,
79
+ selectionDelta,
80
+ status,
81
+ statusError,
56
82
  trigger,
57
83
  triggerContent,
58
- value
84
+ value,
85
+ valueGroup
59
86
  };
60
87
  //# sourceMappingURL=index31.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index31.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index31.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}