@bridger-kr/react 0.1.2 → 0.1.4
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/components/data/Table.d.cts +1 -1
- package/dist/components/data/Table.d.ts +1 -1
- package/dist/components/product/ActionList.cjs +27 -0
- package/dist/components/product/ActionList.cjs.map +1 -0
- package/dist/components/product/ActionList.d.cts +19 -0
- package/dist/components/product/ActionList.d.ts +19 -0
- package/dist/components/product/ActionList.mjs +22 -0
- package/dist/components/product/ActionList.mjs.map +1 -0
- package/dist/index.cjs +16 -0
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.mjs +13 -1
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +50 -0
- package/package.json +3 -3
|
@@ -22,6 +22,6 @@ interface TableProps<Row extends TableRow = TableRow> extends Omit<HTMLAttribute
|
|
|
22
22
|
* Data table — scannable, dense, hairline-divided. Columns define header,
|
|
23
23
|
* alignment, and an optional cell renderer. Built for comparison, not decoration.
|
|
24
24
|
*/
|
|
25
|
-
declare function Table<Row extends TableRow = TableRow>({ columns, rows, rowKey, onRowClick, empty, style, ...rest }: TableProps<Row>): string | number |
|
|
25
|
+
declare function Table<Row extends TableRow = TableRow>({ columns, rows, rowKey, onRowClick, empty, style, ...rest }: TableProps<Row>): string | number | true | Iterable<ReactNode> | react.JSX.Element;
|
|
26
26
|
|
|
27
27
|
export { Table, type TableAlign, type TableColumn, type TableProps, type TableRow };
|
|
@@ -22,6 +22,6 @@ interface TableProps<Row extends TableRow = TableRow> extends Omit<HTMLAttribute
|
|
|
22
22
|
* Data table — scannable, dense, hairline-divided. Columns define header,
|
|
23
23
|
* alignment, and an optional cell renderer. Built for comparison, not decoration.
|
|
24
24
|
*/
|
|
25
|
-
declare function Table<Row extends TableRow = TableRow>({ columns, rows, rowKey, onRowClick, empty, style, ...rest }: TableProps<Row>): string | number |
|
|
25
|
+
declare function Table<Row extends TableRow = TableRow>({ columns, rows, rowKey, onRowClick, empty, style, ...rest }: TableProps<Row>): string | number | true | Iterable<ReactNode> | react.JSX.Element;
|
|
26
26
|
|
|
27
27
|
export { Table, type TableAlign, type TableColumn, type TableProps, type TableRow };
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
+
|
|
5
|
+
// src/lib/cx.ts
|
|
6
|
+
function cx(...classes) {
|
|
7
|
+
return classes.filter(Boolean).join(" ");
|
|
8
|
+
}
|
|
9
|
+
function actionListClassName(className) {
|
|
10
|
+
return cx("dt-action-list", className);
|
|
11
|
+
}
|
|
12
|
+
function actionListItemClassName({ interactive = false, className } = {}) {
|
|
13
|
+
return cx("dt-action-list-item", interactive && "dt-action-list-item-interactive", className);
|
|
14
|
+
}
|
|
15
|
+
function ActionList({ children, className, ...rest }) {
|
|
16
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { ...rest, className: actionListClassName(className), children });
|
|
17
|
+
}
|
|
18
|
+
function ActionListIndex({ children, className, ...rest }) {
|
|
19
|
+
return /* @__PURE__ */ jsxRuntime.jsx("span", { ...rest, className: cx("dt-action-list-index", className), children });
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
exports.ActionList = ActionList;
|
|
23
|
+
exports.ActionListIndex = ActionListIndex;
|
|
24
|
+
exports.actionListClassName = actionListClassName;
|
|
25
|
+
exports.actionListItemClassName = actionListItemClassName;
|
|
26
|
+
//# sourceMappingURL=ActionList.cjs.map
|
|
27
|
+
//# sourceMappingURL=ActionList.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/lib/cx.ts","../../../src/components/product/ActionList.tsx"],"names":["jsx"],"mappings":";;;;;AAAO,SAAS,MAAM,OAAA,EAA2D;AAC/E,EAAA,OAAO,OAAA,CAAQ,MAAA,CAAO,OAAO,CAAA,CAAE,KAAK,GAAG,CAAA;AACzC;ACcO,SAAS,oBAAoB,SAAA,EAA4B;AAC9D,EAAA,OAAO,EAAA,CAAG,kBAAkB,SAAS,CAAA;AACvC;AAEO,SAAS,wBAAwB,EAAE,WAAA,GAAc,OAAO,SAAA,EAAU,GAAoC,EAAC,EAAW;AACvH,EAAA,OAAO,EAAA,CAAG,qBAAA,EAAuB,WAAA,IAAe,iCAAA,EAAmC,SAAS,CAAA;AAC9F;AAEO,SAAS,WAAW,EAAE,QAAA,EAAU,SAAA,EAAW,GAAG,MAAK,EAAoB;AAC5E,EAAA,uBACEA,cAAA,CAAC,SAAK,GAAG,IAAA,EAAM,WAAW,mBAAA,CAAoB,SAAS,GACpD,QAAA,EACH,CAAA;AAEJ;AAEO,SAAS,gBAAgB,EAAE,QAAA,EAAU,SAAA,EAAW,GAAG,MAAK,EAAyB;AACtF,EAAA,uBACEA,cAAA,CAAC,UAAM,GAAG,IAAA,EAAM,WAAW,EAAA,CAAG,sBAAA,EAAwB,SAAS,CAAA,EAC5D,QAAA,EACH,CAAA;AAEJ","file":"ActionList.cjs","sourcesContent":["export function cx(...classes: Array<string | false | null | undefined>): string {\n return classes.filter(Boolean).join(' ');\n}\n","import type { HTMLAttributes, ReactNode } from 'react';\nimport { cx } from '../../lib/cx';\n\nexport interface ActionListProps extends HTMLAttributes<HTMLDivElement> {\n children?: ReactNode;\n}\n\nexport interface ActionListItemClassNameOptions {\n interactive?: boolean;\n className?: string;\n}\n\nexport interface ActionListIndexProps extends HTMLAttributes<HTMLSpanElement> {\n children: ReactNode;\n}\n\nexport function actionListClassName(className?: string): string {\n return cx('dt-action-list', className);\n}\n\nexport function actionListItemClassName({ interactive = false, className }: ActionListItemClassNameOptions = {}): string {\n return cx('dt-action-list-item', interactive && 'dt-action-list-item-interactive', className);\n}\n\nexport function ActionList({ children, className, ...rest }: ActionListProps) {\n return (\n <div {...rest} className={actionListClassName(className)}>\n {children}\n </div>\n );\n}\n\nexport function ActionListIndex({ children, className, ...rest }: ActionListIndexProps) {\n return (\n <span {...rest} className={cx('dt-action-list-index', className)}>\n {children}\n </span>\n );\n}\n"]}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import { HTMLAttributes, ReactNode } from 'react';
|
|
3
|
+
|
|
4
|
+
interface ActionListProps extends HTMLAttributes<HTMLDivElement> {
|
|
5
|
+
children?: ReactNode;
|
|
6
|
+
}
|
|
7
|
+
interface ActionListItemClassNameOptions {
|
|
8
|
+
interactive?: boolean;
|
|
9
|
+
className?: string;
|
|
10
|
+
}
|
|
11
|
+
interface ActionListIndexProps extends HTMLAttributes<HTMLSpanElement> {
|
|
12
|
+
children: ReactNode;
|
|
13
|
+
}
|
|
14
|
+
declare function actionListClassName(className?: string): string;
|
|
15
|
+
declare function actionListItemClassName({ interactive, className }?: ActionListItemClassNameOptions): string;
|
|
16
|
+
declare function ActionList({ children, className, ...rest }: ActionListProps): react.JSX.Element;
|
|
17
|
+
declare function ActionListIndex({ children, className, ...rest }: ActionListIndexProps): react.JSX.Element;
|
|
18
|
+
|
|
19
|
+
export { ActionList, ActionListIndex, type ActionListIndexProps, type ActionListItemClassNameOptions, type ActionListProps, actionListClassName, actionListItemClassName };
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import { HTMLAttributes, ReactNode } from 'react';
|
|
3
|
+
|
|
4
|
+
interface ActionListProps extends HTMLAttributes<HTMLDivElement> {
|
|
5
|
+
children?: ReactNode;
|
|
6
|
+
}
|
|
7
|
+
interface ActionListItemClassNameOptions {
|
|
8
|
+
interactive?: boolean;
|
|
9
|
+
className?: string;
|
|
10
|
+
}
|
|
11
|
+
interface ActionListIndexProps extends HTMLAttributes<HTMLSpanElement> {
|
|
12
|
+
children: ReactNode;
|
|
13
|
+
}
|
|
14
|
+
declare function actionListClassName(className?: string): string;
|
|
15
|
+
declare function actionListItemClassName({ interactive, className }?: ActionListItemClassNameOptions): string;
|
|
16
|
+
declare function ActionList({ children, className, ...rest }: ActionListProps): react.JSX.Element;
|
|
17
|
+
declare function ActionListIndex({ children, className, ...rest }: ActionListIndexProps): react.JSX.Element;
|
|
18
|
+
|
|
19
|
+
export { ActionList, ActionListIndex, type ActionListIndexProps, type ActionListItemClassNameOptions, type ActionListProps, actionListClassName, actionListItemClassName };
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { jsx } from 'react/jsx-runtime';
|
|
2
|
+
|
|
3
|
+
// src/lib/cx.ts
|
|
4
|
+
function cx(...classes) {
|
|
5
|
+
return classes.filter(Boolean).join(" ");
|
|
6
|
+
}
|
|
7
|
+
function actionListClassName(className) {
|
|
8
|
+
return cx("dt-action-list", className);
|
|
9
|
+
}
|
|
10
|
+
function actionListItemClassName({ interactive = false, className } = {}) {
|
|
11
|
+
return cx("dt-action-list-item", interactive && "dt-action-list-item-interactive", className);
|
|
12
|
+
}
|
|
13
|
+
function ActionList({ children, className, ...rest }) {
|
|
14
|
+
return /* @__PURE__ */ jsx("div", { ...rest, className: actionListClassName(className), children });
|
|
15
|
+
}
|
|
16
|
+
function ActionListIndex({ children, className, ...rest }) {
|
|
17
|
+
return /* @__PURE__ */ jsx("span", { ...rest, className: cx("dt-action-list-index", className), children });
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
export { ActionList, ActionListIndex, actionListClassName, actionListItemClassName };
|
|
21
|
+
//# sourceMappingURL=ActionList.mjs.map
|
|
22
|
+
//# sourceMappingURL=ActionList.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/lib/cx.ts","../../../src/components/product/ActionList.tsx"],"names":[],"mappings":";;;AAAO,SAAS,MAAM,OAAA,EAA2D;AAC/E,EAAA,OAAO,OAAA,CAAQ,MAAA,CAAO,OAAO,CAAA,CAAE,KAAK,GAAG,CAAA;AACzC;ACcO,SAAS,oBAAoB,SAAA,EAA4B;AAC9D,EAAA,OAAO,EAAA,CAAG,kBAAkB,SAAS,CAAA;AACvC;AAEO,SAAS,wBAAwB,EAAE,WAAA,GAAc,OAAO,SAAA,EAAU,GAAoC,EAAC,EAAW;AACvH,EAAA,OAAO,EAAA,CAAG,qBAAA,EAAuB,WAAA,IAAe,iCAAA,EAAmC,SAAS,CAAA;AAC9F;AAEO,SAAS,WAAW,EAAE,QAAA,EAAU,SAAA,EAAW,GAAG,MAAK,EAAoB;AAC5E,EAAA,uBACE,GAAA,CAAC,SAAK,GAAG,IAAA,EAAM,WAAW,mBAAA,CAAoB,SAAS,GACpD,QAAA,EACH,CAAA;AAEJ;AAEO,SAAS,gBAAgB,EAAE,QAAA,EAAU,SAAA,EAAW,GAAG,MAAK,EAAyB;AACtF,EAAA,uBACE,GAAA,CAAC,UAAM,GAAG,IAAA,EAAM,WAAW,EAAA,CAAG,sBAAA,EAAwB,SAAS,CAAA,EAC5D,QAAA,EACH,CAAA;AAEJ","file":"ActionList.mjs","sourcesContent":["export function cx(...classes: Array<string | false | null | undefined>): string {\n return classes.filter(Boolean).join(' ');\n}\n","import type { HTMLAttributes, ReactNode } from 'react';\nimport { cx } from '../../lib/cx';\n\nexport interface ActionListProps extends HTMLAttributes<HTMLDivElement> {\n children?: ReactNode;\n}\n\nexport interface ActionListItemClassNameOptions {\n interactive?: boolean;\n className?: string;\n}\n\nexport interface ActionListIndexProps extends HTMLAttributes<HTMLSpanElement> {\n children: ReactNode;\n}\n\nexport function actionListClassName(className?: string): string {\n return cx('dt-action-list', className);\n}\n\nexport function actionListItemClassName({ interactive = false, className }: ActionListItemClassNameOptions = {}): string {\n return cx('dt-action-list-item', interactive && 'dt-action-list-item-interactive', className);\n}\n\nexport function ActionList({ children, className, ...rest }: ActionListProps) {\n return (\n <div {...rest} className={actionListClassName(className)}>\n {children}\n </div>\n );\n}\n\nexport function ActionListIndex({ children, className, ...rest }: ActionListIndexProps) {\n return (\n <span {...rest} className={cx('dt-action-list-index', className)}>\n {children}\n </span>\n );\n}\n"]}
|
package/dist/index.cjs
CHANGED
|
@@ -2141,6 +2141,18 @@ function Stepper({ steps = [], current = 0, orientation = "horizontal", style, .
|
|
|
2141
2141
|
}
|
|
2142
2142
|
);
|
|
2143
2143
|
}
|
|
2144
|
+
function actionListClassName(className) {
|
|
2145
|
+
return cx("dt-action-list", className);
|
|
2146
|
+
}
|
|
2147
|
+
function actionListItemClassName({ interactive = false, className } = {}) {
|
|
2148
|
+
return cx("dt-action-list-item", interactive && "dt-action-list-item-interactive", className);
|
|
2149
|
+
}
|
|
2150
|
+
function ActionList({ children, className, ...rest }) {
|
|
2151
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { ...rest, className: actionListClassName(className), children });
|
|
2152
|
+
}
|
|
2153
|
+
function ActionListIndex({ children, className, ...rest }) {
|
|
2154
|
+
return /* @__PURE__ */ jsxRuntime.jsx("span", { ...rest, className: cx("dt-action-list-index", className), children });
|
|
2155
|
+
}
|
|
2144
2156
|
var BRAND_LOGO_LANGUAGE = {
|
|
2145
2157
|
Korean: "ko",
|
|
2146
2158
|
English: "en"
|
|
@@ -2529,6 +2541,8 @@ function ToolCard({
|
|
|
2529
2541
|
);
|
|
2530
2542
|
}
|
|
2531
2543
|
|
|
2544
|
+
exports.ActionList = ActionList;
|
|
2545
|
+
exports.ActionListIndex = ActionListIndex;
|
|
2532
2546
|
exports.Alert = Alert;
|
|
2533
2547
|
exports.AlertMotion = AlertMotion;
|
|
2534
2548
|
exports.AlertTone = AlertTone;
|
|
@@ -2586,6 +2600,8 @@ exports.ToggleSwitch = ToggleSwitch;
|
|
|
2586
2600
|
exports.ToolCard = ToolCard;
|
|
2587
2601
|
exports.Tooltip = Tooltip;
|
|
2588
2602
|
exports.UsageMeter = UsageMeter;
|
|
2603
|
+
exports.actionListClassName = actionListClassName;
|
|
2604
|
+
exports.actionListItemClassName = actionListItemClassName;
|
|
2589
2605
|
exports.cx = cx;
|
|
2590
2606
|
exports.metricAccentColor = metricAccentColor;
|
|
2591
2607
|
exports.productActionPillClassName = productActionPillClassName;
|