@ikatec/nebula-react 1.0.3 → 1.0.5
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/index.d.mts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +50 -18
- package/dist/index.mjs +50 -18
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -430,7 +430,7 @@ declare const TabsContent: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.
|
|
|
430
430
|
|
|
431
431
|
interface BoxProps extends PropsWithChildren<HTMLAttributes<HTMLDivElement>> {
|
|
432
432
|
border?: boolean;
|
|
433
|
-
paddingSize?: 'sm' | 'md' | 'lg';
|
|
433
|
+
paddingSize?: 'sm' | 'md' | 'lg' | 'xl';
|
|
434
434
|
shadow?: 'sm' | 'md' | 'lg';
|
|
435
435
|
variant?: 'primary' | 'secondary';
|
|
436
436
|
}
|
package/dist/index.d.ts
CHANGED
|
@@ -430,7 +430,7 @@ declare const TabsContent: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.
|
|
|
430
430
|
|
|
431
431
|
interface BoxProps extends PropsWithChildren<HTMLAttributes<HTMLDivElement>> {
|
|
432
432
|
border?: boolean;
|
|
433
|
-
paddingSize?: 'sm' | 'md' | 'lg';
|
|
433
|
+
paddingSize?: 'sm' | 'md' | 'lg' | 'xl';
|
|
434
434
|
shadow?: 'sm' | 'md' | 'lg';
|
|
435
435
|
variant?: 'primary' | 'secondary';
|
|
436
436
|
}
|
package/dist/index.js
CHANGED
|
@@ -405,7 +405,7 @@ var Label = React8__namespace.forwardRef(({ className, ...props }, ref) => /* @_
|
|
|
405
405
|
{
|
|
406
406
|
ref,
|
|
407
407
|
className: cn(
|
|
408
|
-
"text-sm text-label-text-
|
|
408
|
+
"text-sm text-label-text-active font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
|
|
409
409
|
className
|
|
410
410
|
),
|
|
411
411
|
...props
|
|
@@ -1242,28 +1242,28 @@ var Pagination = ({
|
|
|
1242
1242
|
/* @__PURE__ */ jsxRuntime.jsxs(PaginationContent, { children: [
|
|
1243
1243
|
totalPages > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nebula-ds select-none text-pagination-text text-sm font-medium mr-[14px]", children: currentPageLabel }),
|
|
1244
1244
|
/* @__PURE__ */ jsxRuntime.jsx(PaginationItem, { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1245
|
-
|
|
1245
|
+
PaginationButtonFirstPage,
|
|
1246
1246
|
{
|
|
1247
1247
|
onClick: () => handleChangePage(1),
|
|
1248
1248
|
disabled: disabledPreviousPage
|
|
1249
1249
|
}
|
|
1250
1250
|
) }),
|
|
1251
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1252
|
-
|
|
1251
|
+
/* @__PURE__ */ jsxRuntime.jsx(PaginationItem, { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1252
|
+
PaginationButtonPreviousPage,
|
|
1253
1253
|
{
|
|
1254
1254
|
onClick: () => handleChangePage(normalizedPage - 1),
|
|
1255
1255
|
disabled: disabledPreviousPage
|
|
1256
1256
|
}
|
|
1257
|
-
),
|
|
1257
|
+
) }),
|
|
1258
1258
|
/* @__PURE__ */ jsxRuntime.jsx(PaginationItem, { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1259
|
-
|
|
1259
|
+
PaginationButtonNextPage,
|
|
1260
1260
|
{
|
|
1261
1261
|
onClick: () => handleChangePage(normalizedPage + 1),
|
|
1262
1262
|
disabled: disabledNextPage
|
|
1263
1263
|
}
|
|
1264
1264
|
) }),
|
|
1265
1265
|
/* @__PURE__ */ jsxRuntime.jsx(PaginationItem, { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1266
|
-
|
|
1266
|
+
PaginationButtonLastPage,
|
|
1267
1267
|
{
|
|
1268
1268
|
onClick: () => handleChangePage(totalPages),
|
|
1269
1269
|
disabled: disabledNextPage
|
|
@@ -1342,18 +1342,50 @@ var PaginationButton = ({
|
|
|
1342
1342
|
);
|
|
1343
1343
|
};
|
|
1344
1344
|
PaginationButton.displayName = "PaginationButton";
|
|
1345
|
-
var
|
|
1345
|
+
var PaginationButtonFirstPage = ({ ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1346
|
+
PaginationButton,
|
|
1347
|
+
{
|
|
1348
|
+
"aria-label": "Go to previous chunk",
|
|
1349
|
+
"data-testid": "nebula-pagination-button-first-page",
|
|
1350
|
+
...props,
|
|
1351
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(ChevronsLeft, { className: "nebula-ds h-4 w-4" })
|
|
1352
|
+
}
|
|
1353
|
+
);
|
|
1354
|
+
PaginationButtonFirstPage.displayName = "PaginationButtonFirstPage";
|
|
1355
|
+
var PaginationButtonPreviousPage = ({
|
|
1346
1356
|
...props
|
|
1347
|
-
}) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1348
|
-
|
|
1349
|
-
|
|
1357
|
+
}) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1358
|
+
PaginationButton,
|
|
1359
|
+
{
|
|
1360
|
+
"aria-label": "Go to previous page",
|
|
1361
|
+
"data-testid": "nebula-pagination-button-previous-page",
|
|
1362
|
+
...props,
|
|
1363
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(ChevronLeft, { className: "nebula-ds h-4" })
|
|
1364
|
+
}
|
|
1365
|
+
);
|
|
1366
|
+
PaginationButtonPreviousPage.displayName = "PaginationButtonPreviousPage";
|
|
1367
|
+
var PaginationButtonNextPage = ({
|
|
1350
1368
|
...props
|
|
1351
|
-
}) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1352
|
-
|
|
1353
|
-
|
|
1354
|
-
|
|
1355
|
-
|
|
1356
|
-
|
|
1369
|
+
}) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1370
|
+
PaginationButton,
|
|
1371
|
+
{
|
|
1372
|
+
"aria-label": "Go to next page",
|
|
1373
|
+
"data-testid": "nebula-pagination-button-next-page",
|
|
1374
|
+
...props,
|
|
1375
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(ChevronRight, { className: "nebula-ds h-4" })
|
|
1376
|
+
}
|
|
1377
|
+
);
|
|
1378
|
+
PaginationButtonNextPage.displayName = "PaginationButtonNextPage";
|
|
1379
|
+
var PaginationButtonLastPage = ({ ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1380
|
+
PaginationButton,
|
|
1381
|
+
{
|
|
1382
|
+
"aria-label": "Go to next chunk",
|
|
1383
|
+
"data-testid": "nebula-pagination-button-last-page",
|
|
1384
|
+
...props,
|
|
1385
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(ChevronsRight, { className: "nebula-ds h-4 w-4" })
|
|
1386
|
+
}
|
|
1387
|
+
);
|
|
1388
|
+
PaginationButtonLastPage.displayName = "PaginationButtonLastPage";
|
|
1357
1389
|
var tagVariantsEnum = /* @__PURE__ */ ((tagVariantsEnum2) => {
|
|
1358
1390
|
tagVariantsEnum2["blue"] = "bg-tag-colorIndicator-blue";
|
|
1359
1391
|
tagVariantsEnum2["green"] = "bg-tag-colorIndicator-green";
|
|
@@ -2144,7 +2176,7 @@ var Tooltip = React8__namespace.forwardRef(
|
|
|
2144
2176
|
}, ref) => {
|
|
2145
2177
|
const Comp = portal ? TooltipPrimitive__namespace.Portal : React8__namespace.Fragment;
|
|
2146
2178
|
return /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Provider, { children: /* @__PURE__ */ jsxRuntime.jsxs(TooltipPrimitive__namespace.Root, { children: [
|
|
2147
|
-
/* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Trigger, { children }),
|
|
2179
|
+
/* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Trigger, { type: "button", children }),
|
|
2148
2180
|
/* @__PURE__ */ jsxRuntime.jsx(Comp, { children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
2149
2181
|
TooltipPrimitive__namespace.Content,
|
|
2150
2182
|
{
|
package/dist/index.mjs
CHANGED
|
@@ -367,7 +367,7 @@ var Label = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
|
|
|
367
367
|
{
|
|
368
368
|
ref,
|
|
369
369
|
className: cn(
|
|
370
|
-
"text-sm text-label-text-
|
|
370
|
+
"text-sm text-label-text-active font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
|
|
371
371
|
className
|
|
372
372
|
),
|
|
373
373
|
...props
|
|
@@ -1204,28 +1204,28 @@ var Pagination = ({
|
|
|
1204
1204
|
/* @__PURE__ */ jsxs(PaginationContent, { children: [
|
|
1205
1205
|
totalPages > 0 && /* @__PURE__ */ jsx("span", { className: "nebula-ds select-none text-pagination-text text-sm font-medium mr-[14px]", children: currentPageLabel }),
|
|
1206
1206
|
/* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(
|
|
1207
|
-
|
|
1207
|
+
PaginationButtonFirstPage,
|
|
1208
1208
|
{
|
|
1209
1209
|
onClick: () => handleChangePage(1),
|
|
1210
1210
|
disabled: disabledPreviousPage
|
|
1211
1211
|
}
|
|
1212
1212
|
) }),
|
|
1213
|
-
/* @__PURE__ */ jsx(
|
|
1214
|
-
|
|
1213
|
+
/* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(
|
|
1214
|
+
PaginationButtonPreviousPage,
|
|
1215
1215
|
{
|
|
1216
1216
|
onClick: () => handleChangePage(normalizedPage - 1),
|
|
1217
1217
|
disabled: disabledPreviousPage
|
|
1218
1218
|
}
|
|
1219
|
-
),
|
|
1219
|
+
) }),
|
|
1220
1220
|
/* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(
|
|
1221
|
-
|
|
1221
|
+
PaginationButtonNextPage,
|
|
1222
1222
|
{
|
|
1223
1223
|
onClick: () => handleChangePage(normalizedPage + 1),
|
|
1224
1224
|
disabled: disabledNextPage
|
|
1225
1225
|
}
|
|
1226
1226
|
) }),
|
|
1227
1227
|
/* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(
|
|
1228
|
-
|
|
1228
|
+
PaginationButtonLastPage,
|
|
1229
1229
|
{
|
|
1230
1230
|
onClick: () => handleChangePage(totalPages),
|
|
1231
1231
|
disabled: disabledNextPage
|
|
@@ -1304,18 +1304,50 @@ var PaginationButton = ({
|
|
|
1304
1304
|
);
|
|
1305
1305
|
};
|
|
1306
1306
|
PaginationButton.displayName = "PaginationButton";
|
|
1307
|
-
var
|
|
1307
|
+
var PaginationButtonFirstPage = ({ ...props }) => /* @__PURE__ */ jsx(
|
|
1308
|
+
PaginationButton,
|
|
1309
|
+
{
|
|
1310
|
+
"aria-label": "Go to previous chunk",
|
|
1311
|
+
"data-testid": "nebula-pagination-button-first-page",
|
|
1312
|
+
...props,
|
|
1313
|
+
children: /* @__PURE__ */ jsx(ChevronsLeft, { className: "nebula-ds h-4 w-4" })
|
|
1314
|
+
}
|
|
1315
|
+
);
|
|
1316
|
+
PaginationButtonFirstPage.displayName = "PaginationButtonFirstPage";
|
|
1317
|
+
var PaginationButtonPreviousPage = ({
|
|
1308
1318
|
...props
|
|
1309
|
-
}) => /* @__PURE__ */ jsx(
|
|
1310
|
-
|
|
1311
|
-
|
|
1319
|
+
}) => /* @__PURE__ */ jsx(
|
|
1320
|
+
PaginationButton,
|
|
1321
|
+
{
|
|
1322
|
+
"aria-label": "Go to previous page",
|
|
1323
|
+
"data-testid": "nebula-pagination-button-previous-page",
|
|
1324
|
+
...props,
|
|
1325
|
+
children: /* @__PURE__ */ jsx(ChevronLeft, { className: "nebula-ds h-4" })
|
|
1326
|
+
}
|
|
1327
|
+
);
|
|
1328
|
+
PaginationButtonPreviousPage.displayName = "PaginationButtonPreviousPage";
|
|
1329
|
+
var PaginationButtonNextPage = ({
|
|
1312
1330
|
...props
|
|
1313
|
-
}) => /* @__PURE__ */ jsx(
|
|
1314
|
-
|
|
1315
|
-
|
|
1316
|
-
|
|
1317
|
-
|
|
1318
|
-
|
|
1331
|
+
}) => /* @__PURE__ */ jsx(
|
|
1332
|
+
PaginationButton,
|
|
1333
|
+
{
|
|
1334
|
+
"aria-label": "Go to next page",
|
|
1335
|
+
"data-testid": "nebula-pagination-button-next-page",
|
|
1336
|
+
...props,
|
|
1337
|
+
children: /* @__PURE__ */ jsx(ChevronRight, { className: "nebula-ds h-4" })
|
|
1338
|
+
}
|
|
1339
|
+
);
|
|
1340
|
+
PaginationButtonNextPage.displayName = "PaginationButtonNextPage";
|
|
1341
|
+
var PaginationButtonLastPage = ({ ...props }) => /* @__PURE__ */ jsx(
|
|
1342
|
+
PaginationButton,
|
|
1343
|
+
{
|
|
1344
|
+
"aria-label": "Go to next chunk",
|
|
1345
|
+
"data-testid": "nebula-pagination-button-last-page",
|
|
1346
|
+
...props,
|
|
1347
|
+
children: /* @__PURE__ */ jsx(ChevronsRight, { className: "nebula-ds h-4 w-4" })
|
|
1348
|
+
}
|
|
1349
|
+
);
|
|
1350
|
+
PaginationButtonLastPage.displayName = "PaginationButtonLastPage";
|
|
1319
1351
|
var tagVariantsEnum = /* @__PURE__ */ ((tagVariantsEnum2) => {
|
|
1320
1352
|
tagVariantsEnum2["blue"] = "bg-tag-colorIndicator-blue";
|
|
1321
1353
|
tagVariantsEnum2["green"] = "bg-tag-colorIndicator-green";
|
|
@@ -2106,7 +2138,7 @@ var Tooltip = React8.forwardRef(
|
|
|
2106
2138
|
}, ref) => {
|
|
2107
2139
|
const Comp = portal ? TooltipPrimitive.Portal : React8.Fragment;
|
|
2108
2140
|
return /* @__PURE__ */ jsx(TooltipPrimitive.Provider, { children: /* @__PURE__ */ jsxs(TooltipPrimitive.Root, { children: [
|
|
2109
|
-
/* @__PURE__ */ jsx(TooltipPrimitive.Trigger, { children }),
|
|
2141
|
+
/* @__PURE__ */ jsx(TooltipPrimitive.Trigger, { type: "button", children }),
|
|
2110
2142
|
/* @__PURE__ */ jsx(Comp, { children: /* @__PURE__ */ jsxs(
|
|
2111
2143
|
TooltipPrimitive.Content,
|
|
2112
2144
|
{
|