@ktnpm_devops/react-component 0.3.0 → 0.4.0

package/dist/index69.cjs

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const root = "krc-root-W2sel";
+const tableContainer = "krc-tableContainer-Ed3uk";
+const table = "krc-table-7p0H-";
+const th = "krc-th-fNmfv";
+const sortable = "krc-sortable-Ve0MQ";
+const thContent = "krc-thContent-BRDIL";
+const sortIndicator = "krc-sortIndicator-PtGYj";
+const resizeHandle = "krc-resizeHandle--St-g";
+const td = "krc-td-ZVsrU";
+const row = "krc-row-JivMH";
+const rowClickable = "krc-rowClickable-lTgQW";
+const rowSelected = "krc-rowSelected-Sv0qs";
+const skeletonRow = "krc-skeletonRow-uD1y7";
+const skeleton = "krc-skeleton-eeYso";
+const empty = "krc-empty-xKpKS";
+const loadMore = "krc-loadMore-njxDN";
+const loadMoreButton = "krc-loadMoreButton-C3Q-f";
+const styles = {
+  root,
+  tableContainer,
+  table,
+  th,
+  sortable,
+  thContent,
+  sortIndicator,
+  resizeHandle,
+  td,
+  row,
+  rowClickable,
+  rowSelected,
+  skeletonRow,
+  skeleton,
+  empty,
+  loadMore,
+  loadMoreButton
+};
+exports.default = styles;
+exports.empty = empty;
+exports.loadMore = loadMore;
+exports.loadMoreButton = loadMoreButton;
+exports.resizeHandle = resizeHandle;
+exports.root = root;
+exports.row = row;
+exports.rowClickable = rowClickable;
+exports.rowSelected = rowSelected;
+exports.skeleton = skeleton;
+exports.skeletonRow = skeletonRow;
+exports.sortIndicator = sortIndicator;
+exports.sortable = sortable;
+exports.table = table;
+exports.tableContainer = tableContainer;
+exports.td = td;
+exports.th = th;
+exports.thContent = thContent;
+//# sourceMappingURL=index69.cjs.map

package/dist/index69.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index69.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index69.js

@@ -0,0 +1,57 @@
+const root = "krc-root-W2sel";
+const tableContainer = "krc-tableContainer-Ed3uk";
+const table = "krc-table-7p0H-";
+const th = "krc-th-fNmfv";
+const sortable = "krc-sortable-Ve0MQ";
+const thContent = "krc-thContent-BRDIL";
+const sortIndicator = "krc-sortIndicator-PtGYj";
+const resizeHandle = "krc-resizeHandle--St-g";
+const td = "krc-td-ZVsrU";
+const row = "krc-row-JivMH";
+const rowClickable = "krc-rowClickable-lTgQW";
+const rowSelected = "krc-rowSelected-Sv0qs";
+const skeletonRow = "krc-skeletonRow-uD1y7";
+const skeleton = "krc-skeleton-eeYso";
+const empty = "krc-empty-xKpKS";
+const loadMore = "krc-loadMore-njxDN";
+const loadMoreButton = "krc-loadMoreButton-C3Q-f";
+const styles = {
+  root,
+  tableContainer,
+  table,
+  th,
+  sortable,
+  thContent,
+  sortIndicator,
+  resizeHandle,
+  td,
+  row,
+  rowClickable,
+  rowSelected,
+  skeletonRow,
+  skeleton,
+  empty,
+  loadMore,
+  loadMoreButton
+};
+export {
+  styles as default,
+  empty,
+  loadMore,
+  loadMoreButton,
+  resizeHandle,
+  root,
+  row,
+  rowClickable,
+  rowSelected,
+  skeleton,
+  skeletonRow,
+  sortIndicator,
+  sortable,
+  table,
+  tableContainer,
+  td,
+  th,
+  thContent
+};
+//# sourceMappingURL=index69.js.map

package/dist/index69.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index69.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index9.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const clsx = require("./index36.cjs");
-const AuthLayout_module = require("./index65.cjs");
+const clsx = require("./index38.cjs");
+const AuthLayout_module = require("./index45.cjs");
 const AuthLayout = ({
   children,
   logo,

package/dist/index9.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { clsx } from "./index36.js";
-import styles from "./index65.js";
+import { clsx } from "./index38.js";
+import styles from "./index45.js";
 const AuthLayout = ({
   children,
   logo,

package/dist/primitives/Col/Col.d.ts

@@ -0,0 +1,4 @@
+import { ColProps } from './Col.types';
+
+export declare const Col: import('react').ForwardRefExoticComponent<ColProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Col.d.ts.map

package/dist/primitives/Col/Col.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Col.d.ts","sourceRoot":"","sources":["../../../src/primitives/Col/Col.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAW5C,eAAO,MAAM,GAAG,qGAqCf,CAAC"}

package/dist/primitives/Col/Col.types.d.ts

@@ -0,0 +1,13 @@
+export interface ColProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Fractional width based on 12-column grid (1–12). */
+    span?: number;
+    /** Left margin offset based on 12-column grid (0–11). */
+    offset?: number;
+    /** Flex grow factor. `true` is equivalent to `1`. */
+    grow?: boolean | number;
+    /** Flex shrink factor. `true` is equivalent to `1`. */
+    shrink?: boolean | number;
+    /** Flex basis value. */
+    basis?: string;
+}
+//# sourceMappingURL=Col.types.d.ts.map

package/dist/primitives/Col/Col.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Col.types.d.ts","sourceRoot":"","sources":["../../../src/primitives/Col/Col.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,QAAS,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACpE,uDAAuD;IACvD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yDAAyD;IACzD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,qDAAqD;IACrD,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,uDAAuD;IACvD,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC1B,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}

package/dist/primitives/Col/index.d.ts

@@ -0,0 +1,3 @@
+export { Col } from './Col';
+export type { ColProps } from './Col.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/primitives/Col/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/Col/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,YAAY,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC"}

package/dist/primitives/Row/Row.d.ts

@@ -0,0 +1,4 @@
+import { RowProps } from './Row.types';
+
+export declare const Row: import('react').ForwardRefExoticComponent<RowProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Row.d.ts.map

package/dist/primitives/Row/Row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../../src/primitives/Row/Row.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAgC5C,eAAO,MAAM,GAAG,qGA8Bf,CAAC"}

package/dist/primitives/Row/Row.types.d.ts

@@ -0,0 +1,16 @@
+export type RowGap = 'none' | '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
+export type RowAlign = 'start' | 'center' | 'end' | 'stretch' | 'baseline';
+export type RowJustify = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
+export interface RowProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Gap between children. Maps to `var(--spacing-{value})`. */
+    gap?: RowGap;
+    /** Cross-axis alignment (`align-items`). */
+    align?: RowAlign;
+    /** Main-axis alignment (`justify-content`). */
+    justify?: RowJustify;
+    /** Whether children wrap to next line. */
+    wrap?: boolean;
+    /** Flex direction. */
+    direction?: 'row' | 'column';
+}
+//# sourceMappingURL=Row.types.d.ts.map

package/dist/primitives/Row/Row.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Row.types.d.ts","sourceRoot":"","sources":["../../../src/primitives/Row/Row.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,MAAM,GACd,MAAM,GACN,KAAK,GACL,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,GACL,KAAK,CAAC;AAEV,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,UAAU,CAAC;AAE3E,MAAM,MAAM,UAAU,GAClB,OAAO,GACP,QAAQ,GACR,KAAK,GACL,SAAS,GACT,QAAQ,GACR,QAAQ,CAAC;AAEb,MAAM,WAAW,QAAS,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACpE,8DAA8D;IAC9D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,4CAA4C;IAC5C,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,sBAAsB;IACtB,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;CAC9B"}

package/dist/primitives/Row/index.d.ts

@@ -0,0 +1,3 @@
+export { Row } from './Row';
+export type { RowProps, RowGap, RowAlign, RowJustify } from './Row.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/primitives/Row/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/Row/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,YAAY,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC"}

package/dist/style.css

@@ -605,6 +605,10 @@
   border-top: var(--border-width) solid var(--border-color);
   padding: var(--spacing-md);
 }
+.krc-root-pJYpn {
+  box-sizing: border-box;
+  min-width: 0;
+}
 .krc-root-LQf3S {
   position: fixed;
   z-index: 10;
@@ -1717,6 +1721,43 @@
 .krc-dividerHandle-SoNqx {
   color: var(--text-secondary);
 }
+.krc-root-HS837 {
+  display: flex;
+}
+
+/* Gap */
+.krc-gapNone-MmCvp { gap: 0; }
+.krc-gap2xs-h-fXm { gap: var(--spacing-2xs); }
+.krc-gapXs-Jketq { gap: var(--spacing-xs); }
+.krc-gapSm-BFLhK { gap: var(--spacing-sm); }
+.krc-gapMd--7IRg { gap: var(--spacing-md); }
+.krc-gapLg-ehuIZ { gap: var(--spacing-lg); }
+.krc-gapXl-kNEyc { gap: var(--spacing-xl); }
+.krc-gap2xl-3QB9p { gap: var(--spacing-2xl); }
+.krc-gap3xl-0f-pz { gap: var(--spacing-3xl); }
+
+/* Align */
+.krc-alignStart-q6fMC { align-items: flex-start; }
+.krc-alignCenter-Py2Kt { align-items: center; }
+.krc-alignEnd-ialGn { align-items: flex-end; }
+.krc-alignStretch-J-rq4 { align-items: stretch; }
+.krc-alignBaseline-Hg-4L { align-items: baseline; }
+
+/* Justify */
+.krc-justifyStart-tBqbD { justify-content: flex-start; }
+.krc-justifyCenter-6QDaO { justify-content: center; }
+.krc-justifyEnd-2tbcB { justify-content: flex-end; }
+.krc-justifyBetween-5W1AJ { justify-content: space-between; }
+.krc-justifyAround-AMU1m { justify-content: space-around; }
+.krc-justifyEvenly-Vj3C- { justify-content: space-evenly; }
+
+/* Wrap */
+.krc-wrap-Q4txZ { flex-wrap: wrap; }
+.krc-nowrap-BUcfT { flex-wrap: nowrap; }
+
+/* Direction */
+.krc-dirRow-NBoPO { flex-direction: row; }
+.krc-dirColumn-gJ7qS { flex-direction: column; }
 .krc-root-0iK-T {
   background: var(--surface-color);
   border: var(--border-width) solid var(--border-color);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ktnpm_devops/react-component",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "Kenmei Technologies React Component Library",
   "type": "module",
   "license": "MIT",
@@ -23,7 +23,8 @@
     },
     "./tokens": "./dist/tokens/index.css",
     "./tokens/orbit": "./dist/tokens/orbit-tokens.css",
-    "./tokens/semantic": "./dist/tokens/semantic-tokens.css"
+    "./tokens/semantic": "./dist/tokens/semantic-tokens.css",
+    "./styles": "./dist/style.css"
   },
   "files": [
     "dist",