ui-lab-registry 0.2.0 → 0.3.0
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/Button/examples/02-joined-toggle-buttons.js +1 -0
- package/dist/components/Button/examples/05-pagination-controls.js +1 -0
- package/dist/components/Button/examples/index.d.ts +0 -8
- package/dist/components/Button/examples/index.d.ts.map +1 -1
- package/dist/components/Button/examples/index.js +0 -8
- package/dist/components/Button/examples/index.js.map +1 -1
- package/dist/components/Button/index.d.ts.map +1 -1
- package/dist/components/Button/index.js +0 -8
- package/dist/components/Button/index.js.map +1 -1
- package/dist/components/Card/examples/02-user-profile-card.js +1 -0
- package/dist/components/Card/examples/03-settings-panel-card.js +1 -0
- package/dist/components/Card/examples/04-task-progress-card.js +1 -0
- package/dist/components/Card/examples/05-data-summary-card.js +1 -0
- package/dist/components/CodeBlock/index.js +1 -0
- package/dist/components/Fold/examples/01-basic-fold.js +1 -0
- package/dist/components/Fold/examples/index.js +1 -0
- package/dist/components/Fold/index.js +1 -0
- package/dist/components/Group/examples/01-basic-group.d.ts.map +1 -1
- package/dist/components/Group/examples/01-basic-group.js +2 -2
- package/dist/components/Group/examples/01-basic-group.js.map +1 -1
- package/dist/components/Group/examples/02-active-buttons.js +1 -0
- package/dist/components/Group/examples/index.d.ts +0 -2
- package/dist/components/Group/examples/index.d.ts.map +1 -1
- package/dist/components/Group/examples/index.js +0 -2
- package/dist/components/Group/examples/index.js.map +1 -1
- package/dist/components/Group/examples.json +1 -6
- package/dist/components/Group/index.d.ts.map +1 -1
- package/dist/components/Group/index.js +0 -14
- package/dist/components/Group/index.js.map +1 -1
- package/dist/components/Layout/index.js +1 -0
- package/dist/components/Toast/examples/03-destructive-toast.js +1 -0
- package/dist/generated-data.d.ts.map +1 -1
- package/dist/generated-data.js +388 -228
- package/dist/generated-data.js.map +1 -1
- package/dist/generated-styles.d.ts.map +1 -1
- package/dist/generated-styles.js +304 -2137
- package/dist/generated-styles.js.map +1 -1
- package/dist/generated-styles.json +304 -2137
- package/dist/patterns/content/feature-grid/example.js +1 -0
- package/dist/patterns/content/pricing-cards/example.js +1 -0
- package/dist/patterns/forms/settings-form-layout/example.js +1 -0
- package/dist/patterns/hero-landing/hero-with-cta/example.js +1 -0
- package/dist/patterns/navigation/sticky-header/example.js +1 -0
- package/dist/registry.d.ts.map +1 -1
- package/dist/registry.js +1 -6
- package/dist/registry.js.map +1 -1
- package/package.json +2 -2
- package/src/components/Button/examples/index.ts +0 -12
- package/src/components/Button/index.tsx +0 -8
- package/src/components/Group/examples/01-basic-group.tsx +4 -5
- package/src/components/Group/examples/index.ts +0 -2
- package/src/components/Group/examples.json +1 -6
- package/src/components/Group/index.tsx +0 -15
- package/src/generated-data.ts +388 -228
- package/src/generated-styles.ts +304 -2137
- package/src/registry.ts +1 -6
- package/src/components/Button/examples/02-joined-toggle-buttons.tsx +0 -44
- package/src/components/Button/examples/03-split-action-button.tsx +0 -22
- package/src/components/Button/examples/04-toolbar-buttons.tsx +0 -42
- package/src/components/Button/examples/05-pagination-controls.tsx +0 -64
- package/src/components/Group/examples/02-active-buttons.tsx +0 -66
|
@@ -1,11 +1,3 @@
|
|
|
1
1
|
export { default as Example1 } from './01-variants.js';
|
|
2
2
|
export { metadata as metadata1 } from './01-variants.js';
|
|
3
|
-
export { default as Example2 } from './02-joined-toggle-buttons.js';
|
|
4
|
-
export { metadata as metadata2 } from './02-joined-toggle-buttons.js';
|
|
5
|
-
export { default as Example3 } from './03-split-action-button.js';
|
|
6
|
-
export { metadata as metadata3 } from './03-split-action-button.js';
|
|
7
|
-
export { default as Example4 } from './04-toolbar-buttons.js';
|
|
8
|
-
export { metadata as metadata4 } from './04-toolbar-buttons.js';
|
|
9
|
-
export { default as Example5 } from './05-pagination-controls.js';
|
|
10
|
-
export { metadata as metadata5 } from './05-pagination-controls.js';
|
|
11
3
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/examples/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACtD,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,kBAAkB,CAAA
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/examples/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACtD,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,kBAAkB,CAAA"}
|
|
@@ -1,11 +1,3 @@
|
|
|
1
1
|
export { default as Example1 } from './01-variants.js';
|
|
2
2
|
export { metadata as metadata1 } from './01-variants.js';
|
|
3
|
-
export { default as Example2 } from './02-joined-toggle-buttons.js';
|
|
4
|
-
export { metadata as metadata2 } from './02-joined-toggle-buttons.js';
|
|
5
|
-
export { default as Example3 } from './03-split-action-button.js';
|
|
6
|
-
export { metadata as metadata3 } from './03-split-action-button.js';
|
|
7
|
-
export { default as Example4 } from './04-toolbar-buttons.js';
|
|
8
|
-
export { metadata as metadata4 } from './04-toolbar-buttons.js';
|
|
9
|
-
export { default as Example5 } from './05-pagination-controls.js';
|
|
10
|
-
export { metadata as metadata5 } from './05-pagination-controls.js';
|
|
11
3
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Button/examples/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACtD,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,kBAAkB,CAAA
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Button/examples/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACtD,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,kBAAkB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAUtD,QAAA,MAAM,cAAc,EAAE,UAAU,EAuC/B,CAAC;AAQF,eAAO,MAAM,YAAY,EAAE,eAkC1B,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC;AAC1B,cAAc,kBAAkB,CAAC"}
|
|
@@ -1,19 +1,11 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Button } from 'ui-lab-components';
|
|
3
3
|
import Example1, { metadata as metadata1 } from './examples/01-variants.js';
|
|
4
|
-
import Example2, { metadata as metadata2 } from './examples/02-joined-toggle-buttons.js';
|
|
5
|
-
import Example3, { metadata as metadata3 } from './examples/03-split-action-button.js';
|
|
6
|
-
import Example4, { metadata as metadata4 } from './examples/04-toolbar-buttons.js';
|
|
7
|
-
import Example5, { metadata as metadata5 } from './examples/05-pagination-controls.js';
|
|
8
4
|
import examplesJson from './examples.json' with { type: 'json' };
|
|
9
5
|
import { loadComponentExamples } from '../../utils/load-component-examples.js';
|
|
10
6
|
// Define examplesData locally
|
|
11
7
|
const examplesData = [
|
|
12
8
|
{ id: '01-variants', Component: Example1, metadata: metadata1 },
|
|
13
|
-
{ id: '02-joined-toggle-buttons', Component: Example2, metadata: metadata2 },
|
|
14
|
-
{ id: '03-split-action-button', Component: Example3, metadata: metadata3 },
|
|
15
|
-
{ id: '04-toolbar-buttons', Component: Example4, metadata: metadata4 },
|
|
16
|
-
{ id: '05-pagination-controls', Component: Example5, metadata: metadata5 },
|
|
17
9
|
];
|
|
18
10
|
const buttonControls = [
|
|
19
11
|
{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,OAAO,QAAQ,EAAE,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAC5E,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,OAAO,QAAQ,EAAE,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAC5E,OAAO,YAAY,MAAM,iBAAiB,CAAC,OAAO,IAAI,EAAE,MAAM,EAAE,CAAC;AACjE,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAE5E,8BAA8B;AAC9B,MAAM,YAAY,GAAG;IACnB,EAAE,EAAE,EAAE,aAAa,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE;CAChE,CAAC;AAEF,MAAM,cAAc,GAAiB;IACnC;QACE,IAAI,EAAE,SAAS;QACf,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,QAAQ;QACd,OAAO,EAAE;YACP,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;YACtC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;YACtC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE;YAC1C,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;YACtC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;YAClC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;SACrC;QACD,YAAY,EAAE,SAAS;KACxB;IACD;QACE,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,MAAM;QACb,IAAI,EAAE,QAAQ;QACd,OAAO,EAAE;YACP,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE;YAC/B,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE;YAChC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE;SAChC;QACD,YAAY,EAAE,IAAI;KACnB;IACD;QACE,IAAI,EAAE,UAAU;QAChB,KAAK,EAAE,UAAU;QACjB,IAAI,EAAE,QAAQ;QACd,YAAY,EAAE,KAAK;KACpB;IACD;QACE,IAAI,EAAE,QAAQ;QACd,KAAK,EAAE,kBAAkB;QACzB,IAAI,EAAE,QAAQ;QACd,OAAO,EAAE,EAAE;QACX,YAAY,EAAE,WAAW;KAC1B;CACF,CAAC;AAEF,MAAM,eAAe,GAAG;;;;EAItB,CAAC;AAEH,MAAM,CAAC,MAAM,YAAY,GAAoB;IAC3C,EAAE,EAAE,QAAQ;IACZ,IAAI,EAAE,QAAQ;IACd,WAAW,EAAE,oHAAoH;IACjI,QAAQ,EAAE,CACR,eAAK,SAAS,EAAC,+BAA+B,aAC5C,+PAEI,EACJ,oLAEI,IACA,CACP;IACD,QAAQ,EAAE;QACR;YACE,EAAE,EAAE,SAAS;YACb,KAAK,EAAE,SAAS;YAChB,WAAW,EAAE,yCAAyC;YACtD,IAAI,EAAE,eAAe;YACrB,OAAO,EAAE,KAAC,MAAM,2BAAkB;YAClC,QAAQ,EAAE,cAAc;YACxB,aAAa,EAAE,CAAC,KAAU,EAAE,EAAE,CAAC,CAC7B,KAAC,MAAM,IACL,OAAO,EAAE,KAAK,CAAC,OAAc,EAC7B,IAAI,EAAE,KAAK,CAAC,IAAW,EACvB,QAAQ,EAAE,KAAK,CAAC,QAAQ,yBAGjB,CACV;SACF;QACD,GAAG,qBAAqB,CAAC,YAAY,EAAE,YAAY,CAAC;KACrD;CACF,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC;AAC1B,cAAc,kBAAkB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"01-basic-group.d.ts","sourceRoot":"","sources":["../../../../src/components/Group/examples/01-basic-group.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"01-basic-group.d.ts","sourceRoot":"","sources":["../../../../src/components/Group/examples/01-basic-group.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,4CAQ9B"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Group
|
|
2
|
+
import { Group } from 'ui-lab-components';
|
|
3
3
|
export const metadata = {
|
|
4
4
|
title: 'Basic Group',
|
|
5
5
|
description: 'A simple group container that arranges multiple elements together. Use this to organize related UI elements in a consistent layout.'
|
|
6
6
|
};
|
|
7
7
|
export default function Example() {
|
|
8
|
-
return (_jsxs(Group, { children: [_jsx(Button, { children: "First" }), _jsx(Button, { children: "Second" }), _jsx(Button, { children: "Third" })] }));
|
|
8
|
+
return (_jsxs(Group, { children: [_jsx(Group.Button, { children: "First" }), _jsx(Group.Button, { children: "Second" }), _jsx(Group.Button, { children: "Third" })] }));
|
|
9
9
|
}
|
|
10
10
|
//# sourceMappingURL=01-basic-group.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"01-basic-group.js","sourceRoot":"","sources":["../../../../src/components/Group/examples/01-basic-group.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"01-basic-group.js","sourceRoot":"","sources":["../../../../src/components/Group/examples/01-basic-group.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,aAAa;IACpB,WAAW,EAAE,qIAAqI;CACnJ,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,CACL,MAAC,KAAK,eACJ,KAAC,KAAK,CAAC,MAAM,wBAAqB,EAClC,KAAC,KAAK,CAAC,MAAM,yBAAsB,EACnC,KAAC,KAAK,CAAC,MAAM,wBAAqB,IAC5B,CACT,CAAC;AACJ,CAAC"}
|
|
@@ -1,5 +1,3 @@
|
|
|
1
1
|
export { default as Example1 } from './01-basic-group.js';
|
|
2
2
|
export { metadata as metadata1 } from './01-basic-group.js';
|
|
3
|
-
export { default as Example2 } from './02-active-buttons.js';
|
|
4
|
-
export { metadata as metadata2 } from './02-active-buttons.js';
|
|
5
3
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Group/examples/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,qBAAqB,CAAC
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Group/examples/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,qBAAqB,CAAC"}
|
|
@@ -1,5 +1,3 @@
|
|
|
1
1
|
export { default as Example1 } from './01-basic-group.js';
|
|
2
2
|
export { metadata as metadata1 } from './01-basic-group.js';
|
|
3
|
-
export { default as Example2 } from './02-active-buttons.js';
|
|
4
|
-
export { metadata as metadata2 } from './02-active-buttons.js';
|
|
5
3
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Group/examples/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,qBAAqB,CAAC
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Group/examples/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,qBAAqB,CAAC"}
|
|
@@ -2,11 +2,6 @@
|
|
|
2
2
|
"01-basic-group": {
|
|
3
3
|
"title": "Basic Group",
|
|
4
4
|
"description": "A simple group container that arranges multiple elements together. Use this to organize related UI elements in a consistent layout.",
|
|
5
|
-
"code": "import
|
|
6
|
-
},
|
|
7
|
-
"02-active-buttons": {
|
|
8
|
-
"title": "Active Buttons",
|
|
9
|
-
"description": "Ghost variant automatically applies default styling with full border radius to active buttons, while inactive buttons remain ghost. Perfect for tabs and pagination.",
|
|
10
|
-
"code": "import React from 'react';\nimport { Group } from 'ui-lab-components';\n\nexport default function Example() {\n const [activeTab, setActiveTab] = React.useState('overview');\n\n return (\n <div className=\"space-y-6\">\n {/* Ghost variant with active state - tab-like interface */}\n <div className=\"space-y-2\">\n <label className=\"text-sm text-foreground-300\">Ghost variant (tabs & pagination)</label>\n <Group variant=\"ghost\">\n <Group.Button\n active={activeTab === 'overview'}\n onClick={() => setActiveTab('overview')}\n >\n Overview\n </Group.Button>\n <Group.Button\n active={activeTab === 'details'}\n onClick={() => setActiveTab('details')}\n >\n Details\n </Group.Button>\n <Group.Button\n active={activeTab === 'settings'}\n onClick={() => setActiveTab('settings')}\n >\n Settings\n </Group.Button>\n </Group>\n </div>\n\n {/* Ghost variant pagination style */}\n <div className=\"space-y-2\">\n <label className=\"text-sm text-foreground-300\">Ghost variant pagination</label>\n <Group variant=\"ghost\" spacing=\"none\">\n {[1, 2, 3, 4, 5].map((page) => (\n <Group.Button\n key={page}\n active={page === 2}\n onClick={() => {}}\n >\n {page}\n </Group.Button>\n ))}\n </Group>\n </div>\n\n {/* Primary variant with active state */}\n <div className=\"space-y-2\">\n <label className=\"text-sm text-foreground-300\">Primary variant with active</label>\n <Group variant=\"primary\">\n <Group.Button active>Active</Group.Button>\n <Group.Button>Inactive</Group.Button>\n <Group.Button>Inactive</Group.Button>\n </Group>\n </div>\n </div>\n );\n}"
|
|
5
|
+
"code": "import { Group } from 'ui-lab-components';\n\nexport default function Example() {\n return (\n <Group>\n <Group.Button>First</Group.Button>\n <Group.Button>Second</Group.Button>\n <Group.Button>Third</Group.Button>\n </Group>\n );\n}"
|
|
11
6
|
}
|
|
12
7
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Group/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Group/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAUtD,QAAA,MAAM,aAAa,EAAE,UAAU,EA4B9B,CAAA;AAyBD,eAAO,MAAM,WAAW,EAAE,eAkEzB,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,CAAC;AACzB,cAAc,kBAAkB,CAAC"}
|
|
@@ -1,12 +1,10 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Group } from 'ui-lab-components';
|
|
3
3
|
import Example1, { metadata as metadata1 } from './examples/01-basic-group.js';
|
|
4
|
-
import Example2, { metadata as metadata2 } from './examples/02-active-buttons.js';
|
|
5
4
|
import examplesJson from './examples.json' with { type: 'json' };
|
|
6
5
|
import { loadComponentExamples } from '../../utils/load-component-examples.js';
|
|
7
6
|
const examplesData = [
|
|
8
7
|
{ id: '01-basic-group', Component: Example1, metadata: metadata1 },
|
|
9
|
-
{ id: '02-active-buttons', Component: Example2, metadata: metadata2 },
|
|
10
8
|
];
|
|
11
9
|
const groupControls = [
|
|
12
10
|
{
|
|
@@ -37,18 +35,6 @@ const groupControls = [
|
|
|
37
35
|
defaultValue: false,
|
|
38
36
|
},
|
|
39
37
|
];
|
|
40
|
-
const groupButtonsCode = `import { Group } from "ui-lab-components";
|
|
41
|
-
|
|
42
|
-
export function Example() {
|
|
43
|
-
return (
|
|
44
|
-
<Group>
|
|
45
|
-
<Group.Button variant="primary">Save</Group.Button>
|
|
46
|
-
<Group.Button variant="secondary">Draft</Group.Button>
|
|
47
|
-
<Group.Button variant="outline">Preview</Group.Button>
|
|
48
|
-
<Group.Button variant="ghost">Delete</Group.Button>
|
|
49
|
-
</Group>
|
|
50
|
-
);
|
|
51
|
-
}`;
|
|
52
38
|
const groupBasicCode = `import { Group } from "ui-lab-components";
|
|
53
39
|
|
|
54
40
|
export function Example() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Group/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAW,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAEnD,OAAO,QAAQ,EAAE,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAC/E,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Group/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"generated-data.d.ts","sourceRoot":"","sources":["../src/generated-data.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,mBAAmB,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAElH,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,
|
|
1
|
+
{"version":3,"file":"generated-data.d.ts","sourceRoot":"","sources":["../src/generated-data.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,mBAAmB,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAElH,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAktJrD,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAsC3D,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAoMnE,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAwChD,CAAC;AAEF,eAAO,MAAM,8BAA8B,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAoLxE,CAAC;AAEF,eAAO,MAAM,4BAA4B,UAIxC,CAAC;AAEF,eAAO,MAAM,6BAA6B,UAGzC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,eAE7B,CAAC"}
|