@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.
- package/README.md +16 -5
- package/dist/index11.cjs +1 -1
- package/dist/index11.js +1 -1
- package/dist/index13.cjs +1 -1
- package/dist/index13.js +1 -1
- package/dist/index14.cjs +1 -1
- package/dist/index14.js +1 -1
- package/dist/index15.cjs +1 -1
- package/dist/index15.js +1 -1
- package/dist/index16.cjs +1 -1
- package/dist/index16.js +1 -1
- package/dist/index17.cjs +1 -1
- package/dist/index17.js +1 -1
- package/dist/index18.cjs +1 -1
- package/dist/index18.js +1 -1
- package/dist/index19.cjs +1 -1
- package/dist/index19.js +1 -1
- package/dist/index20.cjs +1 -1
- package/dist/index20.js +1 -1
- package/dist/index21.cjs +1 -1
- package/dist/index21.js +1 -1
- package/dist/index27.cjs +4 -1
- package/dist/index27.cjs.map +1 -1
- package/dist/index27.js +4 -1
- package/dist/index27.js.map +1 -1
- package/dist/index28.cjs +1 -4
- package/dist/index28.cjs.map +1 -1
- package/dist/index28.js +1 -4
- package/dist/index28.js.map +1 -1
- package/dist/index29.cjs +11 -2
- package/dist/index29.cjs.map +1 -1
- package/dist/index29.js +11 -2
- package/dist/index29.js.map +1 -1
- package/dist/index31.cjs +54 -27
- package/dist/index31.cjs.map +1 -1
- package/dist/index31.js +55 -28
- package/dist/index31.js.map +1 -1
- package/dist/index32.cjs +52 -10
- package/dist/index32.cjs.map +1 -1
- package/dist/index32.js +53 -11
- package/dist/index32.js.map +1 -1
- package/dist/index33.cjs +19 -13
- package/dist/index33.cjs.map +1 -1
- package/dist/index33.js +20 -14
- package/dist/index33.js.map +1 -1
- package/dist/index34.cjs +13 -19
- package/dist/index34.cjs.map +1 -1
- package/dist/index34.js +14 -20
- package/dist/index34.js.map +1 -1
- package/dist/index36.cjs +34 -13
- package/dist/index36.cjs.map +1 -1
- package/dist/index36.js +35 -14
- package/dist/index36.js.map +1 -1
- package/dist/index37.cjs +2 -35
- package/dist/index37.cjs.map +1 -1
- package/dist/index37.js +3 -36
- package/dist/index37.js.map +1 -1
- package/dist/index38.cjs +13 -10
- package/dist/index38.cjs.map +1 -1
- package/dist/index38.js +14 -11
- package/dist/index38.js.map +1 -1
- package/dist/index39.cjs +10 -79
- package/dist/index39.cjs.map +1 -1
- package/dist/index39.js +10 -79
- package/dist/index39.js.map +1 -1
- package/dist/index8.cjs +1 -1
- package/dist/index8.js +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
# @
|
|
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 @
|
|
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 '@
|
|
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 '@
|
|
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
|
-
"@
|
|
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("./
|
|
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 "./
|
|
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("./
|
|
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 "./
|
|
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("./
|
|
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 "./
|
|
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("./
|
|
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 "./
|
|
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("./
|
|
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 "./
|
|
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("./
|
|
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 "./
|
|
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("./
|
|
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 "./
|
|
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("./
|
|
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 "./
|
|
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("./
|
|
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 "./
|
|
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("./
|
|
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 "./
|
|
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
|
|
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
|
package/dist/index27.cjs.map
CHANGED
|
@@ -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
package/dist/index27.js.map
CHANGED
|
@@ -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
|
|
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
|
package/dist/index28.cjs.map
CHANGED
|
@@ -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
package/dist/index28.js.map
CHANGED
|
@@ -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-
|
|
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
|
package/dist/index29.cjs.map
CHANGED
|
@@ -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-
|
|
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
|
package/dist/index29.js.map
CHANGED
|
@@ -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
|
|
4
|
-
const trigger = "krc-trigger-
|
|
5
|
-
const active = "krc-active-
|
|
6
|
-
const triggerContent = "krc-triggerContent-
|
|
7
|
-
const chevron = "krc-chevron-
|
|
8
|
-
const label = "krc-label-
|
|
9
|
-
const
|
|
10
|
-
const
|
|
11
|
-
const
|
|
12
|
-
const
|
|
13
|
-
const
|
|
14
|
-
const
|
|
15
|
-
const
|
|
16
|
-
const
|
|
17
|
-
const
|
|
18
|
-
const
|
|
19
|
-
const
|
|
20
|
-
const
|
|
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
|
-
|
|
42
|
+
header,
|
|
32
43
|
search,
|
|
44
|
+
headerActions,
|
|
45
|
+
chip,
|
|
46
|
+
chipGhost,
|
|
33
47
|
list,
|
|
34
|
-
|
|
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.
|
|
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.
|
|
56
|
-
exports.
|
|
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
|
package/dist/index31.cjs.map
CHANGED
|
@@ -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
|
|
2
|
-
const trigger = "krc-trigger-
|
|
3
|
-
const active = "krc-active-
|
|
4
|
-
const triggerContent = "krc-triggerContent-
|
|
5
|
-
const chevron = "krc-chevron-
|
|
6
|
-
const label = "krc-label-
|
|
7
|
-
const
|
|
8
|
-
const
|
|
9
|
-
const
|
|
10
|
-
const
|
|
11
|
-
const
|
|
12
|
-
const
|
|
13
|
-
const
|
|
14
|
-
const
|
|
15
|
-
const
|
|
16
|
-
const
|
|
17
|
-
const
|
|
18
|
-
const
|
|
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
|
-
|
|
40
|
+
header,
|
|
30
41
|
search,
|
|
42
|
+
headerActions,
|
|
43
|
+
chip,
|
|
44
|
+
chipGhost,
|
|
31
45
|
list,
|
|
32
|
-
|
|
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
|
-
|
|
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
|
-
|
|
55
|
-
|
|
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
|
package/dist/index31.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index31.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index31.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|