@gobolt/genesis 0.8.2 → 0.8.3
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/index.d.ts +1 -0
- package/dist/index.cjs +39 -0
- package/dist/index.js +39 -0
- package/package.json +1 -1
|
@@ -82,6 +82,7 @@ export { default as Tile } from './Tile';
|
|
|
82
82
|
export type { TileProps } from './Tile';
|
|
83
83
|
export { default as TileLog } from './TileLog';
|
|
84
84
|
export type { TileLogProps } from './TileLog';
|
|
85
|
+
export { TileLogSkeleton } from './TileLog';
|
|
85
86
|
export { default as Toast } from './Toast';
|
|
86
87
|
export type { ToastProps } from './Toast';
|
|
87
88
|
export { default as Tooltip } from './Tooltip';
|
package/dist/index.cjs
CHANGED
|
@@ -89362,6 +89362,44 @@ const TileLog = ({
|
|
|
89362
89362
|
] })
|
|
89363
89363
|
] }) });
|
|
89364
89364
|
};
|
|
89365
|
+
const GENERIC_COLOR = "#CBCBCB";
|
|
89366
|
+
const TileLogSkeleton = () => {
|
|
89367
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Wrapper, { children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { children: [
|
|
89368
|
+
/* @__PURE__ */ jsxRuntime.jsxs(TimelineColumn, { children: [
|
|
89369
|
+
/* @__PURE__ */ jsxRuntime.jsx(TimelineLine, { $color: GENERIC_COLOR }),
|
|
89370
|
+
/* @__PURE__ */ jsxRuntime.jsx(Dot, {}),
|
|
89371
|
+
/* @__PURE__ */ jsxRuntime.jsx(TimelineLine, { $color: GENERIC_COLOR })
|
|
89372
|
+
] }),
|
|
89373
|
+
/* @__PURE__ */ jsxRuntime.jsxs(Content, { children: [
|
|
89374
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
89375
|
+
Skeleton$1,
|
|
89376
|
+
{
|
|
89377
|
+
active: true,
|
|
89378
|
+
title: false,
|
|
89379
|
+
paragraph: { rows: 1, width: "30%" },
|
|
89380
|
+
style: { marginBottom: 2 }
|
|
89381
|
+
}
|
|
89382
|
+
),
|
|
89383
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
89384
|
+
Skeleton$1,
|
|
89385
|
+
{
|
|
89386
|
+
active: true,
|
|
89387
|
+
title: false,
|
|
89388
|
+
paragraph: { rows: 1, width: "70%" },
|
|
89389
|
+
style: { marginBottom: 2 }
|
|
89390
|
+
}
|
|
89391
|
+
),
|
|
89392
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
89393
|
+
Skeleton$1,
|
|
89394
|
+
{
|
|
89395
|
+
active: true,
|
|
89396
|
+
title: false,
|
|
89397
|
+
paragraph: { rows: 1, width: "40%" }
|
|
89398
|
+
}
|
|
89399
|
+
)
|
|
89400
|
+
] })
|
|
89401
|
+
] }) });
|
|
89402
|
+
};
|
|
89365
89403
|
const GlobalStyles = styled.createGlobalStyle`
|
|
89366
89404
|
* {
|
|
89367
89405
|
margin: 0;
|
|
@@ -89421,6 +89459,7 @@ exports.Tabs = Tabs;
|
|
|
89421
89459
|
exports.Tag = Tag;
|
|
89422
89460
|
exports.Tile = Tile;
|
|
89423
89461
|
exports.TileLog = TileLog;
|
|
89462
|
+
exports.TileLogSkeleton = TileLogSkeleton;
|
|
89424
89463
|
exports.Toast = Toast;
|
|
89425
89464
|
exports.Tooltip = Tooltip2;
|
|
89426
89465
|
exports.Typography = Typography;
|
package/dist/index.js
CHANGED
|
@@ -89344,6 +89344,44 @@ const TileLog = ({
|
|
|
89344
89344
|
] })
|
|
89345
89345
|
] }) });
|
|
89346
89346
|
};
|
|
89347
|
+
const GENERIC_COLOR = "#CBCBCB";
|
|
89348
|
+
const TileLogSkeleton = () => {
|
|
89349
|
+
return /* @__PURE__ */ jsx(Wrapper, { children: /* @__PURE__ */ jsxs(Container, { children: [
|
|
89350
|
+
/* @__PURE__ */ jsxs(TimelineColumn, { children: [
|
|
89351
|
+
/* @__PURE__ */ jsx(TimelineLine, { $color: GENERIC_COLOR }),
|
|
89352
|
+
/* @__PURE__ */ jsx(Dot, {}),
|
|
89353
|
+
/* @__PURE__ */ jsx(TimelineLine, { $color: GENERIC_COLOR })
|
|
89354
|
+
] }),
|
|
89355
|
+
/* @__PURE__ */ jsxs(Content, { children: [
|
|
89356
|
+
/* @__PURE__ */ jsx(
|
|
89357
|
+
Skeleton$1,
|
|
89358
|
+
{
|
|
89359
|
+
active: true,
|
|
89360
|
+
title: false,
|
|
89361
|
+
paragraph: { rows: 1, width: "30%" },
|
|
89362
|
+
style: { marginBottom: 2 }
|
|
89363
|
+
}
|
|
89364
|
+
),
|
|
89365
|
+
/* @__PURE__ */ jsx(
|
|
89366
|
+
Skeleton$1,
|
|
89367
|
+
{
|
|
89368
|
+
active: true,
|
|
89369
|
+
title: false,
|
|
89370
|
+
paragraph: { rows: 1, width: "70%" },
|
|
89371
|
+
style: { marginBottom: 2 }
|
|
89372
|
+
}
|
|
89373
|
+
),
|
|
89374
|
+
/* @__PURE__ */ jsx(
|
|
89375
|
+
Skeleton$1,
|
|
89376
|
+
{
|
|
89377
|
+
active: true,
|
|
89378
|
+
title: false,
|
|
89379
|
+
paragraph: { rows: 1, width: "40%" }
|
|
89380
|
+
}
|
|
89381
|
+
)
|
|
89382
|
+
] })
|
|
89383
|
+
] }) });
|
|
89384
|
+
};
|
|
89347
89385
|
const GlobalStyles = createGlobalStyle`
|
|
89348
89386
|
* {
|
|
89349
89387
|
margin: 0;
|
|
@@ -89404,6 +89442,7 @@ export {
|
|
|
89404
89442
|
Tag,
|
|
89405
89443
|
Tile,
|
|
89406
89444
|
TileLog,
|
|
89445
|
+
TileLogSkeleton,
|
|
89407
89446
|
Toast,
|
|
89408
89447
|
Tooltip2 as Tooltip,
|
|
89409
89448
|
Typography,
|