@ikatec/nebula-react 1.0.13 → 1.0.14

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 (5) hide show
  1. package/dist/index.d.mts +9 -2
  2. package/dist/index.d.ts +9 -2
  3. package/dist/index.js +21 -8
  4. package/dist/index.mjs +21 -8
  5. package/package.json +1 -1
package/dist/index.d.mts CHANGED
@@ -110,7 +110,14 @@ declare const PopoverContent: React$1.ForwardRefExoticComponent<Omit<PopoverPrim
110
110
 
111
111
  declare const Label: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & React$1.RefAttributes<HTMLLabelElement>>;
112
112
 
113
- declare const Table: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableElement> & React$1.RefAttributes<HTMLTableElement>>;
113
+ interface TableProps extends React$1.HTMLAttributes<HTMLTableElement> {
114
+ noCardWrapper?: boolean;
115
+ }
116
+ /**
117
+ * Table component that can be used with or without a card wrapper.
118
+ * If `noCardWrapper` is true, it renders a simple table without the card styling.
119
+ */
120
+ declare const Table: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableElement> & TableProps & React$1.RefAttributes<HTMLTableElement>>;
114
121
  declare const TableHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
115
122
  declare const TableBody: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
116
123
  declare const TableFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
@@ -431,7 +438,7 @@ declare const TabsContent: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.
431
438
 
432
439
  interface BoxProps extends PropsWithChildren<HTMLAttributes<HTMLDivElement>> {
433
440
  border?: boolean;
434
- paddingSize?: 'sm' | 'md' | 'lg' | 'xl';
441
+ paddingSize?: 'none' | 'sm' | 'md' | 'lg' | 'xl';
435
442
  shadow?: 'sm' | 'md' | 'lg';
436
443
  variant?: 'primary' | 'secondary';
437
444
  }
package/dist/index.d.ts CHANGED
@@ -110,7 +110,14 @@ declare const PopoverContent: React$1.ForwardRefExoticComponent<Omit<PopoverPrim
110
110
 
111
111
  declare const Label: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & React$1.RefAttributes<HTMLLabelElement>>;
112
112
 
113
- declare const Table: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableElement> & React$1.RefAttributes<HTMLTableElement>>;
113
+ interface TableProps extends React$1.HTMLAttributes<HTMLTableElement> {
114
+ noCardWrapper?: boolean;
115
+ }
116
+ /**
117
+ * Table component that can be used with or without a card wrapper.
118
+ * If `noCardWrapper` is true, it renders a simple table without the card styling.
119
+ */
120
+ declare const Table: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableElement> & TableProps & React$1.RefAttributes<HTMLTableElement>>;
114
121
  declare const TableHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
115
122
  declare const TableBody: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
116
123
  declare const TableFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
@@ -431,7 +438,7 @@ declare const TabsContent: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.
431
438
 
432
439
  interface BoxProps extends PropsWithChildren<HTMLAttributes<HTMLDivElement>> {
433
440
  border?: boolean;
434
- paddingSize?: 'sm' | 'md' | 'lg' | 'xl';
441
+ paddingSize?: 'none' | 'sm' | 'md' | 'lg' | 'xl';
435
442
  shadow?: 'sm' | 'md' | 'lg';
436
443
  variant?: 'primary' | 'secondary';
437
444
  }
package/dist/index.js CHANGED
@@ -435,14 +435,26 @@ var Label = React8__namespace.forwardRef(({ className, ...props }, ref) => /* @_
435
435
  }
436
436
  ));
437
437
  Label.displayName = LabelPrimitive__namespace.Root.displayName;
438
- var Table = React8__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nebula-ds relative w-full overflow-auto border rounded-2xl border-table-border bg-table-background", children: /* @__PURE__ */ jsxRuntime.jsx(
439
- "table",
440
- {
441
- ref,
442
- className: cn("w-full caption-bottom text-sm", className),
443
- ...props
438
+ var Table = React8__namespace.forwardRef(({ className, noCardWrapper = false, ...props }, ref) => {
439
+ if (noCardWrapper) {
440
+ return /* @__PURE__ */ jsxRuntime.jsx(
441
+ "table",
442
+ {
443
+ ref,
444
+ className: cn("w-full caption-bottom text-sm", className),
445
+ ...props
446
+ }
447
+ );
444
448
  }
445
- ) }));
449
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nebula-ds relative w-full overflow-auto border rounded-2xl border-table-border bg-table-background", children: /* @__PURE__ */ jsxRuntime.jsx(
450
+ "table",
451
+ {
452
+ ref,
453
+ className: cn("w-full caption-bottom text-sm", className),
454
+ ...props
455
+ }
456
+ ) });
457
+ });
446
458
  Table.displayName = "Table";
447
459
  var TableHeader = React8__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
448
460
  TableHeader.displayName = "TableHeader";
@@ -469,7 +481,7 @@ var TableFooter = React8__namespace.forwardRef(({ className, ...props }, ref) =>
469
481
  TableFooter.displayName = "TableFooter";
470
482
  var variants2 = {
471
483
  variant: {
472
- first: "bg-table-cell-background-first-layer",
484
+ first: "bg-transparent",
473
485
  second: "bg-table-cell-background-second-layer"
474
486
  }
475
487
  };
@@ -3218,6 +3230,7 @@ var Box = ({
3218
3230
  "bg-box-background-secondary": variant3 === "secondary"
3219
3231
  },
3220
3232
  {
3233
+ "p-0": paddingSize === "none",
3221
3234
  "p-4": paddingSize === "sm",
3222
3235
  "p-6": paddingSize === "md",
3223
3236
  "p-8": paddingSize === "lg",
package/dist/index.mjs CHANGED
@@ -395,14 +395,26 @@ var Label = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
395
395
  }
396
396
  ));
397
397
  Label.displayName = LabelPrimitive.Root.displayName;
398
- var Table = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "nebula-ds relative w-full overflow-auto border rounded-2xl border-table-border bg-table-background", children: /* @__PURE__ */ jsx(
399
- "table",
400
- {
401
- ref,
402
- className: cn("w-full caption-bottom text-sm", className),
403
- ...props
398
+ var Table = React8.forwardRef(({ className, noCardWrapper = false, ...props }, ref) => {
399
+ if (noCardWrapper) {
400
+ return /* @__PURE__ */ jsx(
401
+ "table",
402
+ {
403
+ ref,
404
+ className: cn("w-full caption-bottom text-sm", className),
405
+ ...props
406
+ }
407
+ );
404
408
  }
405
- ) }));
409
+ return /* @__PURE__ */ jsx("div", { className: "nebula-ds relative w-full overflow-auto border rounded-2xl border-table-border bg-table-background", children: /* @__PURE__ */ jsx(
410
+ "table",
411
+ {
412
+ ref,
413
+ className: cn("w-full caption-bottom text-sm", className),
414
+ ...props
415
+ }
416
+ ) });
417
+ });
406
418
  Table.displayName = "Table";
407
419
  var TableHeader = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
408
420
  TableHeader.displayName = "TableHeader";
@@ -429,7 +441,7 @@ var TableFooter = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE
429
441
  TableFooter.displayName = "TableFooter";
430
442
  var variants2 = {
431
443
  variant: {
432
- first: "bg-table-cell-background-first-layer",
444
+ first: "bg-transparent",
433
445
  second: "bg-table-cell-background-second-layer"
434
446
  }
435
447
  };
@@ -3178,6 +3190,7 @@ var Box = ({
3178
3190
  "bg-box-background-secondary": variant3 === "secondary"
3179
3191
  },
3180
3192
  {
3193
+ "p-0": paddingSize === "none",
3181
3194
  "p-4": paddingSize === "sm",
3182
3195
  "p-6": paddingSize === "md",
3183
3196
  "p-8": paddingSize === "lg",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ikatec/nebula-react",
3
- "version": "1.0.13",
3
+ "version": "1.0.14",
4
4
  "description": "React components",
5
5
  "publishConfig": {
6
6
  "access": "public"