@magicpatterns/cubed 0.0.1
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/README.md +36 -0
- package/lib/cjs/components/Button/Button.d.ts +2 -0
- package/lib/cjs/components/Button/Button.d.ts.map +1 -0
- package/lib/cjs/components/Button/Button.js +6 -0
- package/lib/cjs/components/Button/Button.js.map +1 -0
- package/lib/cjs/components/Button/Button.stories.d.ts +9 -0
- package/lib/cjs/components/Button/Button.stories.d.ts.map +1 -0
- package/lib/cjs/components/Button/Button.stories.js +69 -0
- package/lib/cjs/components/Button/Button.stories.js.map +1 -0
- package/lib/cjs/components/Button/index.d.ts +2 -0
- package/lib/cjs/components/Button/index.d.ts.map +1 -0
- package/lib/cjs/components/Button/index.js +18 -0
- package/lib/cjs/components/Button/index.js.map +1 -0
- package/lib/cjs/components/Checkbox/Checkbox.d.ts +2 -0
- package/lib/cjs/components/Checkbox/Checkbox.d.ts.map +1 -0
- package/lib/cjs/components/Checkbox/Checkbox.js +6 -0
- package/lib/cjs/components/Checkbox/Checkbox.js.map +1 -0
- package/lib/cjs/components/Checkbox/Checkbox.stories.d.ts +9 -0
- package/lib/cjs/components/Checkbox/Checkbox.stories.d.ts.map +1 -0
- package/lib/cjs/components/Checkbox/Checkbox.stories.js +32 -0
- package/lib/cjs/components/Checkbox/Checkbox.stories.js.map +1 -0
- package/lib/cjs/components/Checkbox/index.d.ts +2 -0
- package/lib/cjs/components/Checkbox/index.d.ts.map +1 -0
- package/lib/cjs/components/Checkbox/index.js +18 -0
- package/lib/cjs/components/Checkbox/index.js.map +1 -0
- package/lib/cjs/components/Flex/Flex.d.ts +2 -0
- package/lib/cjs/components/Flex/Flex.d.ts.map +1 -0
- package/lib/cjs/components/Flex/Flex.js +6 -0
- package/lib/cjs/components/Flex/Flex.js.map +1 -0
- package/lib/cjs/components/Flex/Flex.stories.d.ts +9 -0
- package/lib/cjs/components/Flex/Flex.stories.d.ts.map +1 -0
- package/lib/cjs/components/Flex/Flex.stories.js +51 -0
- package/lib/cjs/components/Flex/Flex.stories.js.map +1 -0
- package/lib/cjs/components/Flex/index.d.ts +2 -0
- package/lib/cjs/components/Flex/index.d.ts.map +1 -0
- package/lib/cjs/components/Flex/index.js +18 -0
- package/lib/cjs/components/Flex/index.js.map +1 -0
- package/lib/cjs/components/Heading/Heading.d.ts +2 -0
- package/lib/cjs/components/Heading/Heading.d.ts.map +1 -0
- package/lib/cjs/components/Heading/Heading.js +6 -0
- package/lib/cjs/components/Heading/Heading.js.map +1 -0
- package/lib/cjs/components/Heading/Heading.stories.d.ts +8 -0
- package/lib/cjs/components/Heading/Heading.stories.d.ts.map +1 -0
- package/lib/cjs/components/Heading/Heading.stories.js +33 -0
- package/lib/cjs/components/Heading/Heading.stories.js.map +1 -0
- package/lib/cjs/components/Heading/index.d.ts +2 -0
- package/lib/cjs/components/Heading/index.d.ts.map +1 -0
- package/lib/cjs/components/Heading/index.js +18 -0
- package/lib/cjs/components/Heading/index.js.map +1 -0
- package/lib/cjs/components/SegmentedControl/SegmentedControl.d.ts +2 -0
- package/lib/cjs/components/SegmentedControl/SegmentedControl.d.ts.map +1 -0
- package/lib/cjs/components/SegmentedControl/SegmentedControl.js +6 -0
- package/lib/cjs/components/SegmentedControl/SegmentedControl.js.map +1 -0
- package/lib/cjs/components/SegmentedControl/SegmentedControl.stories.d.ts +8 -0
- package/lib/cjs/components/SegmentedControl/SegmentedControl.stories.d.ts.map +1 -0
- package/lib/cjs/components/SegmentedControl/SegmentedControl.stories.js +21 -0
- package/lib/cjs/components/SegmentedControl/SegmentedControl.stories.js.map +1 -0
- package/lib/cjs/components/SegmentedControl/index.d.ts +2 -0
- package/lib/cjs/components/SegmentedControl/index.d.ts.map +1 -0
- package/lib/cjs/components/SegmentedControl/index.js +18 -0
- package/lib/cjs/components/SegmentedControl/index.js.map +1 -0
- package/lib/cjs/components/Select/Select.d.ts +2 -0
- package/lib/cjs/components/Select/Select.d.ts.map +1 -0
- package/lib/cjs/components/Select/Select.js +6 -0
- package/lib/cjs/components/Select/Select.js.map +1 -0
- package/lib/cjs/components/Select/Select.stories.d.ts +9 -0
- package/lib/cjs/components/Select/Select.stories.d.ts.map +1 -0
- package/lib/cjs/components/Select/Select.stories.js +23 -0
- package/lib/cjs/components/Select/Select.stories.js.map +1 -0
- package/lib/cjs/components/Select/index.d.ts +2 -0
- package/lib/cjs/components/Select/index.d.ts.map +1 -0
- package/lib/cjs/components/Select/index.js +18 -0
- package/lib/cjs/components/Select/index.js.map +1 -0
- package/lib/cjs/components/Separator/Separator.d.ts +2 -0
- package/lib/cjs/components/Separator/Separator.d.ts.map +1 -0
- package/lib/cjs/components/Separator/Separator.js +6 -0
- package/lib/cjs/components/Separator/Separator.js.map +1 -0
- package/lib/cjs/components/Separator/Separator.stories.d.ts +9 -0
- package/lib/cjs/components/Separator/Separator.stories.d.ts.map +1 -0
- package/lib/cjs/components/Separator/Separator.stories.js +31 -0
- package/lib/cjs/components/Separator/Separator.stories.js.map +1 -0
- package/lib/cjs/components/Separator/index.d.ts +2 -0
- package/lib/cjs/components/Separator/index.d.ts.map +1 -0
- package/lib/cjs/components/Separator/index.js +18 -0
- package/lib/cjs/components/Separator/index.js.map +1 -0
- package/lib/cjs/components/Skeleton/Skeleton.d.ts +2 -0
- package/lib/cjs/components/Skeleton/Skeleton.d.ts.map +1 -0
- package/lib/cjs/components/Skeleton/Skeleton.js +6 -0
- package/lib/cjs/components/Skeleton/Skeleton.js.map +1 -0
- package/lib/cjs/components/Skeleton/Skeleton.stories.d.ts +9 -0
- package/lib/cjs/components/Skeleton/Skeleton.stories.d.ts.map +1 -0
- package/lib/cjs/components/Skeleton/Skeleton.stories.js +29 -0
- package/lib/cjs/components/Skeleton/Skeleton.stories.js.map +1 -0
- package/lib/cjs/components/Skeleton/index.d.ts +2 -0
- package/lib/cjs/components/Skeleton/index.d.ts.map +1 -0
- package/lib/cjs/components/Skeleton/index.js +18 -0
- package/lib/cjs/components/Skeleton/index.js.map +1 -0
- package/lib/cjs/components/Tabs/Tabs.d.ts +2 -0
- package/lib/cjs/components/Tabs/Tabs.d.ts.map +1 -0
- package/lib/cjs/components/Tabs/Tabs.js +6 -0
- package/lib/cjs/components/Tabs/Tabs.js.map +1 -0
- package/lib/cjs/components/Tabs/Tabs.stories.d.ts +8 -0
- package/lib/cjs/components/Tabs/Tabs.stories.d.ts.map +1 -0
- package/lib/cjs/components/Tabs/Tabs.stories.js +17 -0
- package/lib/cjs/components/Tabs/Tabs.stories.js.map +1 -0
- package/lib/cjs/components/Tabs/index.d.ts +2 -0
- package/lib/cjs/components/Tabs/index.d.ts.map +1 -0
- package/lib/cjs/components/Tabs/index.js +18 -0
- package/lib/cjs/components/Tabs/index.js.map +1 -0
- package/lib/cjs/components/Text/Text.d.ts +2 -0
- package/lib/cjs/components/Text/Text.d.ts.map +1 -0
- package/lib/cjs/components/Text/Text.js +6 -0
- package/lib/cjs/components/Text/Text.js.map +1 -0
- package/lib/cjs/components/Text/Text.stories.d.ts +9 -0
- package/lib/cjs/components/Text/Text.stories.d.ts.map +1 -0
- package/lib/cjs/components/Text/Text.stories.js +33 -0
- package/lib/cjs/components/Text/Text.stories.js.map +1 -0
- package/lib/cjs/components/Text/index.d.ts +2 -0
- package/lib/cjs/components/Text/index.d.ts.map +1 -0
- package/lib/cjs/components/Text/index.js +18 -0
- package/lib/cjs/components/Text/index.js.map +1 -0
- package/lib/cjs/components/TextField/TextField.d.ts +2 -0
- package/lib/cjs/components/TextField/TextField.d.ts.map +1 -0
- package/lib/cjs/components/TextField/TextField.js +6 -0
- package/lib/cjs/components/TextField/TextField.js.map +1 -0
- package/lib/cjs/components/TextField/TextField.stories.d.ts +9 -0
- package/lib/cjs/components/TextField/TextField.stories.d.ts.map +1 -0
- package/lib/cjs/components/TextField/TextField.stories.js +31 -0
- package/lib/cjs/components/TextField/TextField.stories.js.map +1 -0
- package/lib/cjs/components/TextField/index.d.ts +2 -0
- package/lib/cjs/components/TextField/index.d.ts.map +1 -0
- package/lib/cjs/components/TextField/index.js +18 -0
- package/lib/cjs/components/TextField/index.js.map +1 -0
- package/lib/cjs/components/ThemeProvider/ThemeProvider.d.ts +2 -0
- package/lib/cjs/components/ThemeProvider/ThemeProvider.d.ts.map +1 -0
- package/lib/cjs/components/ThemeProvider/ThemeProvider.js +6 -0
- package/lib/cjs/components/ThemeProvider/ThemeProvider.js.map +1 -0
- package/lib/cjs/components/ThemeProvider/index.d.ts +2 -0
- package/lib/cjs/components/ThemeProvider/index.d.ts.map +1 -0
- package/lib/cjs/components/ThemeProvider/index.js +18 -0
- package/lib/cjs/components/ThemeProvider/index.js.map +1 -0
- package/lib/cjs/index.d.ts +13 -0
- package/lib/cjs/index.d.ts.map +1 -0
- package/lib/cjs/index.js +28 -0
- package/lib/cjs/index.js.map +1 -0
- package/lib/esm/components/Button/Button.d.ts +2 -0
- package/lib/esm/components/Button/Button.d.ts.map +1 -0
- package/lib/esm/components/Button/Button.js +2 -0
- package/lib/esm/components/Button/Button.js.map +1 -0
- package/lib/esm/components/Button/Button.stories.d.ts +9 -0
- package/lib/esm/components/Button/Button.stories.d.ts.map +1 -0
- package/lib/esm/components/Button/Button.stories.js +66 -0
- package/lib/esm/components/Button/Button.stories.js.map +1 -0
- package/lib/esm/components/Button/index.d.ts +2 -0
- package/lib/esm/components/Button/index.d.ts.map +1 -0
- package/lib/esm/components/Button/index.js +2 -0
- package/lib/esm/components/Button/index.js.map +1 -0
- package/lib/esm/components/Checkbox/Checkbox.d.ts +2 -0
- package/lib/esm/components/Checkbox/Checkbox.d.ts.map +1 -0
- package/lib/esm/components/Checkbox/Checkbox.js +2 -0
- package/lib/esm/components/Checkbox/Checkbox.js.map +1 -0
- package/lib/esm/components/Checkbox/Checkbox.stories.d.ts +9 -0
- package/lib/esm/components/Checkbox/Checkbox.stories.d.ts.map +1 -0
- package/lib/esm/components/Checkbox/Checkbox.stories.js +29 -0
- package/lib/esm/components/Checkbox/Checkbox.stories.js.map +1 -0
- package/lib/esm/components/Checkbox/index.d.ts +2 -0
- package/lib/esm/components/Checkbox/index.d.ts.map +1 -0
- package/lib/esm/components/Checkbox/index.js +2 -0
- package/lib/esm/components/Checkbox/index.js.map +1 -0
- package/lib/esm/components/Flex/Flex.d.ts +2 -0
- package/lib/esm/components/Flex/Flex.d.ts.map +1 -0
- package/lib/esm/components/Flex/Flex.js +2 -0
- package/lib/esm/components/Flex/Flex.js.map +1 -0
- package/lib/esm/components/Flex/Flex.stories.d.ts +9 -0
- package/lib/esm/components/Flex/Flex.stories.d.ts.map +1 -0
- package/lib/esm/components/Flex/Flex.stories.js +48 -0
- package/lib/esm/components/Flex/Flex.stories.js.map +1 -0
- package/lib/esm/components/Flex/index.d.ts +2 -0
- package/lib/esm/components/Flex/index.d.ts.map +1 -0
- package/lib/esm/components/Flex/index.js +2 -0
- package/lib/esm/components/Flex/index.js.map +1 -0
- package/lib/esm/components/Heading/Heading.d.ts +2 -0
- package/lib/esm/components/Heading/Heading.d.ts.map +1 -0
- package/lib/esm/components/Heading/Heading.js +2 -0
- package/lib/esm/components/Heading/Heading.js.map +1 -0
- package/lib/esm/components/Heading/Heading.stories.d.ts +8 -0
- package/lib/esm/components/Heading/Heading.stories.d.ts.map +1 -0
- package/lib/esm/components/Heading/Heading.stories.js +30 -0
- package/lib/esm/components/Heading/Heading.stories.js.map +1 -0
- package/lib/esm/components/Heading/index.d.ts +2 -0
- package/lib/esm/components/Heading/index.d.ts.map +1 -0
- package/lib/esm/components/Heading/index.js +2 -0
- package/lib/esm/components/Heading/index.js.map +1 -0
- package/lib/esm/components/SegmentedControl/SegmentedControl.d.ts +2 -0
- package/lib/esm/components/SegmentedControl/SegmentedControl.d.ts.map +1 -0
- package/lib/esm/components/SegmentedControl/SegmentedControl.js +2 -0
- package/lib/esm/components/SegmentedControl/SegmentedControl.js.map +1 -0
- package/lib/esm/components/SegmentedControl/SegmentedControl.stories.d.ts +8 -0
- package/lib/esm/components/SegmentedControl/SegmentedControl.stories.d.ts.map +1 -0
- package/lib/esm/components/SegmentedControl/SegmentedControl.stories.js +18 -0
- package/lib/esm/components/SegmentedControl/SegmentedControl.stories.js.map +1 -0
- package/lib/esm/components/SegmentedControl/index.d.ts +2 -0
- package/lib/esm/components/SegmentedControl/index.d.ts.map +1 -0
- package/lib/esm/components/SegmentedControl/index.js +2 -0
- package/lib/esm/components/SegmentedControl/index.js.map +1 -0
- package/lib/esm/components/Select/Select.d.ts +2 -0
- package/lib/esm/components/Select/Select.d.ts.map +1 -0
- package/lib/esm/components/Select/Select.js +2 -0
- package/lib/esm/components/Select/Select.js.map +1 -0
- package/lib/esm/components/Select/Select.stories.d.ts +9 -0
- package/lib/esm/components/Select/Select.stories.d.ts.map +1 -0
- package/lib/esm/components/Select/Select.stories.js +20 -0
- package/lib/esm/components/Select/Select.stories.js.map +1 -0
- package/lib/esm/components/Select/index.d.ts +2 -0
- package/lib/esm/components/Select/index.d.ts.map +1 -0
- package/lib/esm/components/Select/index.js +2 -0
- package/lib/esm/components/Select/index.js.map +1 -0
- package/lib/esm/components/Separator/Separator.d.ts +2 -0
- package/lib/esm/components/Separator/Separator.d.ts.map +1 -0
- package/lib/esm/components/Separator/Separator.js +2 -0
- package/lib/esm/components/Separator/Separator.js.map +1 -0
- package/lib/esm/components/Separator/Separator.stories.d.ts +9 -0
- package/lib/esm/components/Separator/Separator.stories.d.ts.map +1 -0
- package/lib/esm/components/Separator/Separator.stories.js +28 -0
- package/lib/esm/components/Separator/Separator.stories.js.map +1 -0
- package/lib/esm/components/Separator/index.d.ts +2 -0
- package/lib/esm/components/Separator/index.d.ts.map +1 -0
- package/lib/esm/components/Separator/index.js +2 -0
- package/lib/esm/components/Separator/index.js.map +1 -0
- package/lib/esm/components/Skeleton/Skeleton.d.ts +2 -0
- package/lib/esm/components/Skeleton/Skeleton.d.ts.map +1 -0
- package/lib/esm/components/Skeleton/Skeleton.js +2 -0
- package/lib/esm/components/Skeleton/Skeleton.js.map +1 -0
- package/lib/esm/components/Skeleton/Skeleton.stories.d.ts +9 -0
- package/lib/esm/components/Skeleton/Skeleton.stories.d.ts.map +1 -0
- package/lib/esm/components/Skeleton/Skeleton.stories.js +26 -0
- package/lib/esm/components/Skeleton/Skeleton.stories.js.map +1 -0
- package/lib/esm/components/Skeleton/index.d.ts +2 -0
- package/lib/esm/components/Skeleton/index.d.ts.map +1 -0
- package/lib/esm/components/Skeleton/index.js +2 -0
- package/lib/esm/components/Skeleton/index.js.map +1 -0
- package/lib/esm/components/Tabs/Tabs.d.ts +2 -0
- package/lib/esm/components/Tabs/Tabs.d.ts.map +1 -0
- package/lib/esm/components/Tabs/Tabs.js +2 -0
- package/lib/esm/components/Tabs/Tabs.js.map +1 -0
- package/lib/esm/components/Tabs/Tabs.stories.d.ts +8 -0
- package/lib/esm/components/Tabs/Tabs.stories.d.ts.map +1 -0
- package/lib/esm/components/Tabs/Tabs.stories.js +14 -0
- package/lib/esm/components/Tabs/Tabs.stories.js.map +1 -0
- package/lib/esm/components/Tabs/index.d.ts +2 -0
- package/lib/esm/components/Tabs/index.d.ts.map +1 -0
- package/lib/esm/components/Tabs/index.js +2 -0
- package/lib/esm/components/Tabs/index.js.map +1 -0
- package/lib/esm/components/Text/Text.d.ts +2 -0
- package/lib/esm/components/Text/Text.d.ts.map +1 -0
- package/lib/esm/components/Text/Text.js +2 -0
- package/lib/esm/components/Text/Text.js.map +1 -0
- package/lib/esm/components/Text/Text.stories.d.ts +9 -0
- package/lib/esm/components/Text/Text.stories.d.ts.map +1 -0
- package/lib/esm/components/Text/Text.stories.js +30 -0
- package/lib/esm/components/Text/Text.stories.js.map +1 -0
- package/lib/esm/components/Text/index.d.ts +2 -0
- package/lib/esm/components/Text/index.d.ts.map +1 -0
- package/lib/esm/components/Text/index.js +2 -0
- package/lib/esm/components/Text/index.js.map +1 -0
- package/lib/esm/components/TextField/TextField.d.ts +2 -0
- package/lib/esm/components/TextField/TextField.d.ts.map +1 -0
- package/lib/esm/components/TextField/TextField.js +2 -0
- package/lib/esm/components/TextField/TextField.js.map +1 -0
- package/lib/esm/components/TextField/TextField.stories.d.ts +9 -0
- package/lib/esm/components/TextField/TextField.stories.d.ts.map +1 -0
- package/lib/esm/components/TextField/TextField.stories.js +28 -0
- package/lib/esm/components/TextField/TextField.stories.js.map +1 -0
- package/lib/esm/components/TextField/index.d.ts +2 -0
- package/lib/esm/components/TextField/index.d.ts.map +1 -0
- package/lib/esm/components/TextField/index.js +2 -0
- package/lib/esm/components/TextField/index.js.map +1 -0
- package/lib/esm/components/ThemeProvider/ThemeProvider.d.ts +2 -0
- package/lib/esm/components/ThemeProvider/ThemeProvider.d.ts.map +1 -0
- package/lib/esm/components/ThemeProvider/ThemeProvider.js +2 -0
- package/lib/esm/components/ThemeProvider/ThemeProvider.js.map +1 -0
- package/lib/esm/components/ThemeProvider/index.d.ts +2 -0
- package/lib/esm/components/ThemeProvider/index.d.ts.map +1 -0
- package/lib/esm/components/ThemeProvider/index.js +2 -0
- package/lib/esm/components/ThemeProvider/index.js.map +1 -0
- package/lib/esm/index.d.ts +13 -0
- package/lib/esm/index.d.ts.map +1 -0
- package/lib/esm/index.js +13 -0
- package/lib/esm/index.js.map +1 -0
- package/package.json +63 -0
- package/src/preset.css +3 -0
- package/src/styles.css +1 -0
package/README.md
ADDED
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
# @magicpatterns/cubed
|
|
2
|
+
|
|
3
|
+
Design system preset for Tailwind CSS v4.
|
|
4
|
+
|
|
5
|
+
## Install
|
|
6
|
+
|
|
7
|
+
```bash
|
|
8
|
+
yarn add @magicpatterns/cubed
|
|
9
|
+
```
|
|
10
|
+
|
|
11
|
+
## Usage
|
|
12
|
+
|
|
13
|
+
Import the preset in your CSS file **after** the Tailwind import:
|
|
14
|
+
|
|
15
|
+
```css
|
|
16
|
+
@import "tailwindcss";
|
|
17
|
+
@import "@magicpatterns/cubed/preset.css";
|
|
18
|
+
```
|
|
19
|
+
|
|
20
|
+
Design tokens defined in the preset will be available as Tailwind utilities automatically.
|
|
21
|
+
|
|
22
|
+
## Programmatic access
|
|
23
|
+
|
|
24
|
+
The package also exposes a JS entry for any design-token values you need at runtime:
|
|
25
|
+
|
|
26
|
+
```ts
|
|
27
|
+
import { } from "@magicpatterns/cubed";
|
|
28
|
+
```
|
|
29
|
+
|
|
30
|
+
## Development
|
|
31
|
+
|
|
32
|
+
```bash
|
|
33
|
+
yarn workspace @magicpatterns/cubed run build # compile ESM + CJS
|
|
34
|
+
yarn workspace @magicpatterns/cubed run lint # lint sources
|
|
35
|
+
yarn workspace @magicpatterns/cubed run clean # remove build artifacts
|
|
36
|
+
```
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAA"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Button = void 0;
|
|
4
|
+
var themes_1 = require("@radix-ui/themes");
|
|
5
|
+
Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return themes_1.Button; } });
|
|
6
|
+
//# sourceMappingURL=Button.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":";;;AAAA,2CAA2D;AAAlD,gGAAA,MAAM,OAAA"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Button } from './Button';
|
|
3
|
+
declare const meta: Meta<typeof Button>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Button>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Variants: Story;
|
|
8
|
+
export declare const Sizes: Story;
|
|
9
|
+
//# sourceMappingURL=Button.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEtD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAkD7B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAA;AAEpC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KASnB,CAAA"}
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Sizes = exports.Variants = exports.Default = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const Button_1 = require("./Button");
|
|
6
|
+
const meta = {
|
|
7
|
+
title: 'Components/Button',
|
|
8
|
+
component: Button_1.Button,
|
|
9
|
+
argTypes: {
|
|
10
|
+
variant: {
|
|
11
|
+
control: 'select',
|
|
12
|
+
options: ['classic', 'solid', 'soft', 'surface', 'outline', 'ghost'],
|
|
13
|
+
},
|
|
14
|
+
size: {
|
|
15
|
+
control: 'select',
|
|
16
|
+
options: ['1', '2', '3', '4'],
|
|
17
|
+
},
|
|
18
|
+
color: {
|
|
19
|
+
control: 'select',
|
|
20
|
+
options: [
|
|
21
|
+
'gray',
|
|
22
|
+
'gold',
|
|
23
|
+
'bronze',
|
|
24
|
+
'brown',
|
|
25
|
+
'yellow',
|
|
26
|
+
'amber',
|
|
27
|
+
'orange',
|
|
28
|
+
'tomato',
|
|
29
|
+
'red',
|
|
30
|
+
'ruby',
|
|
31
|
+
'crimson',
|
|
32
|
+
'pink',
|
|
33
|
+
'plum',
|
|
34
|
+
'purple',
|
|
35
|
+
'violet',
|
|
36
|
+
'iris',
|
|
37
|
+
'indigo',
|
|
38
|
+
'cyan',
|
|
39
|
+
'teal',
|
|
40
|
+
'jade',
|
|
41
|
+
'green',
|
|
42
|
+
'grass',
|
|
43
|
+
'lime',
|
|
44
|
+
'mint',
|
|
45
|
+
'sky',
|
|
46
|
+
'blue',
|
|
47
|
+
],
|
|
48
|
+
},
|
|
49
|
+
highContrast: {
|
|
50
|
+
control: 'boolean',
|
|
51
|
+
},
|
|
52
|
+
disabled: {
|
|
53
|
+
control: 'boolean',
|
|
54
|
+
},
|
|
55
|
+
},
|
|
56
|
+
};
|
|
57
|
+
exports.default = meta;
|
|
58
|
+
exports.Default = {
|
|
59
|
+
args: {
|
|
60
|
+
children: 'Button',
|
|
61
|
+
},
|
|
62
|
+
};
|
|
63
|
+
exports.Variants = {
|
|
64
|
+
render: () => ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', gap: 12, alignItems: 'center' }, children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "solid", children: "Solid" }), (0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "soft", children: "Soft" }), (0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "surface", children: "Surface" }), (0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "outline", children: "Outline" }), (0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "ghost", children: "Ghost" })] })),
|
|
65
|
+
};
|
|
66
|
+
exports.Sizes = {
|
|
67
|
+
render: () => ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', gap: 12, alignItems: 'center' }, children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { size: "1", children: "Size 1" }), (0, jsx_runtime_1.jsx)(Button_1.Button, { size: "2", children: "Size 2" }), (0, jsx_runtime_1.jsx)(Button_1.Button, { size: "3", children: "Size 3" }), (0, jsx_runtime_1.jsx)(Button_1.Button, { size: "4", children: "Size 4" })] })),
|
|
68
|
+
};
|
|
69
|
+
//# sourceMappingURL=Button.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../../src/components/Button/Button.stories.tsx"],"names":[],"mappings":";;;;AAEA,qCAAiC;AAEjC,MAAM,IAAI,GAAwB;IAChC,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,eAAM;IACjB,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC;SACrE;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;SAC9B;QACD,KAAK,EAAE;YACL,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE;gBACP,MAAM;gBACN,MAAM;gBACN,QAAQ;gBACR,OAAO;gBACP,QAAQ;gBACR,OAAO;gBACP,QAAQ;gBACR,QAAQ;gBACR,KAAK;gBACL,MAAM;gBACN,SAAS;gBACT,MAAM;gBACN,MAAM;gBACN,QAAQ;gBACR,QAAQ;gBACR,MAAM;gBACN,QAAQ;gBACR,MAAM;gBACN,MAAM;gBACN,MAAM;gBACN,OAAO;gBACP,OAAO;gBACP,MAAM;gBACN,MAAM;gBACN,KAAK;gBACL,MAAM;aACP;SACF;QACD,YAAY,EAAE;YACZ,OAAO,EAAE,SAAS;SACnB;QACD,QAAQ,EAAE;YACR,OAAO,EAAE,SAAS;SACnB;KACF;CACF,CAAA;AAED,kBAAe,IAAI,CAAA;AAGN,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,QAAQ,EAAE,QAAQ;KACnB;CACF,CAAA;AAEY,QAAA,QAAQ,GAAU;IAC7B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,iCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,aAC5D,uBAAC,eAAM,IAAC,OAAO,EAAC,OAAO,sBAAe,EACtC,uBAAC,eAAM,IAAC,OAAO,EAAC,MAAM,qBAAc,EACpC,uBAAC,eAAM,IAAC,OAAO,EAAC,SAAS,wBAAiB,EAC1C,uBAAC,eAAM,IAAC,OAAO,EAAC,SAAS,wBAAiB,EAC1C,uBAAC,eAAM,IAAC,OAAO,EAAC,OAAO,sBAAe,IAClC,CACP;CACF,CAAA;AAEY,QAAA,KAAK,GAAU;IAC1B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,iCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,aAC5D,uBAAC,eAAM,IAAC,IAAI,EAAC,GAAG,uBAAgB,EAChC,uBAAC,eAAM,IAAC,IAAI,EAAC,GAAG,uBAAgB,EAChC,uBAAC,eAAM,IAAC,IAAI,EAAC,GAAG,uBAAgB,EAChC,uBAAC,eAAM,IAAC,IAAI,EAAC,GAAG,uBAAgB,IAC5B,CACP;CACF,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./Button"), exports);
|
|
18
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Button/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAwB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,kBAAkB,CAAA"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Checkbox = void 0;
|
|
4
|
+
var themes_1 = require("@radix-ui/themes");
|
|
5
|
+
Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return themes_1.Checkbox; } });
|
|
6
|
+
//# sourceMappingURL=Checkbox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":";;;AAAA,2CAA+D;AAAtD,kGAAA,QAAQ,OAAA"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Checkbox } from './Checkbox';
|
|
3
|
+
declare const meta: Meta<typeof Checkbox>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Checkbox>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Sizes: Story;
|
|
8
|
+
export declare const Variants: Story;
|
|
9
|
+
//# sourceMappingURL=Checkbox.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Checkbox.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEtD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAa/B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAA;AAEtC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAA"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Variants = exports.Sizes = exports.Default = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const Checkbox_1 = require("./Checkbox");
|
|
6
|
+
const meta = {
|
|
7
|
+
title: 'Components/Checkbox',
|
|
8
|
+
component: Checkbox_1.Checkbox,
|
|
9
|
+
argTypes: {
|
|
10
|
+
size: { control: 'select', options: ['1', '2', '3'] },
|
|
11
|
+
variant: { control: 'select', options: ['classic', 'surface', 'soft'] },
|
|
12
|
+
color: {
|
|
13
|
+
control: 'select',
|
|
14
|
+
options: ['gray', 'blue', 'red', 'green', 'indigo'],
|
|
15
|
+
},
|
|
16
|
+
highContrast: { control: 'boolean' },
|
|
17
|
+
disabled: { control: 'boolean' },
|
|
18
|
+
},
|
|
19
|
+
};
|
|
20
|
+
exports.default = meta;
|
|
21
|
+
exports.Default = {
|
|
22
|
+
args: {
|
|
23
|
+
defaultChecked: true,
|
|
24
|
+
},
|
|
25
|
+
};
|
|
26
|
+
exports.Sizes = {
|
|
27
|
+
render: () => ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', gap: 12, alignItems: 'center' }, children: [(0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { size: "1", defaultChecked: true }), (0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { size: "2", defaultChecked: true }), (0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { size: "3", defaultChecked: true })] })),
|
|
28
|
+
};
|
|
29
|
+
exports.Variants = {
|
|
30
|
+
render: () => ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', gap: 12, alignItems: 'center' }, children: [(0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { variant: "classic", defaultChecked: true }), (0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { variant: "surface", defaultChecked: true }), (0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { variant: "soft", defaultChecked: true })] })),
|
|
31
|
+
};
|
|
32
|
+
//# sourceMappingURL=Checkbox.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Checkbox.stories.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.stories.tsx"],"names":[],"mappings":";;;;AAEA,yCAAqC;AAErC,MAAM,IAAI,GAA0B;IAClC,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,mBAAQ;IACnB,QAAQ,EAAE;QACR,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE;QACrD,OAAO,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,MAAM,CAAC,EAAE;QACvE,KAAK,EAAE;YACL,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,CAAC;SACpD;QACD,YAAY,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QACpC,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;KACjC;CACF,CAAA;AAED,kBAAe,IAAI,CAAA;AAGN,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,cAAc,EAAE,IAAI;KACrB;CACF,CAAA;AAEY,QAAA,KAAK,GAAU;IAC1B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,iCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,aAC5D,uBAAC,mBAAQ,IAAC,IAAI,EAAC,GAAG,EAAC,cAAc,SAAG,EACpC,uBAAC,mBAAQ,IAAC,IAAI,EAAC,GAAG,EAAC,cAAc,SAAG,EACpC,uBAAC,mBAAQ,IAAC,IAAI,EAAC,GAAG,EAAC,cAAc,SAAG,IAChC,CACP;CACF,CAAA;AAEY,QAAA,QAAQ,GAAU;IAC7B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,iCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,aAC5D,uBAAC,mBAAQ,IAAC,OAAO,EAAC,SAAS,EAAC,cAAc,SAAG,EAC7C,uBAAC,mBAAQ,IAAC,OAAO,EAAC,SAAS,EAAC,cAAc,SAAG,EAC7C,uBAAC,mBAAQ,IAAC,OAAO,EAAC,MAAM,EAAC,cAAc,SAAG,IACtC,CACP;CACF,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./Checkbox"), exports);
|
|
18
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,6CAA0B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../../../src/components/Flex/Flex.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,kBAAkB,CAAA"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Flex = void 0;
|
|
4
|
+
var themes_1 = require("@radix-ui/themes");
|
|
5
|
+
Object.defineProperty(exports, "Flex", { enumerable: true, get: function () { return themes_1.Flex; } });
|
|
6
|
+
//# sourceMappingURL=Flex.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Flex.js","sourceRoot":"","sources":["../../../../src/components/Flex/Flex.tsx"],"names":[],"mappings":";;;AAAA,2CAAuD;AAA9C,8FAAA,IAAI,OAAA"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Flex } from './Flex';
|
|
3
|
+
declare const meta: Meta<typeof Flex>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Flex>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Direction: Story;
|
|
8
|
+
export declare const AlignCenter: Story;
|
|
9
|
+
//# sourceMappingURL=Flex.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Flex.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Flex/Flex.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEtD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE7B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAyB3B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAelC,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAA"}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.AlignCenter = exports.Direction = exports.Default = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const Flex_1 = require("./Flex");
|
|
6
|
+
const meta = {
|
|
7
|
+
title: 'Components/Flex',
|
|
8
|
+
component: Flex_1.Flex,
|
|
9
|
+
argTypes: {
|
|
10
|
+
direction: {
|
|
11
|
+
control: 'select',
|
|
12
|
+
options: ['row', 'column', 'row-reverse', 'column-reverse'],
|
|
13
|
+
},
|
|
14
|
+
align: {
|
|
15
|
+
control: 'select',
|
|
16
|
+
options: ['start', 'center', 'end', 'baseline', 'stretch'],
|
|
17
|
+
},
|
|
18
|
+
justify: {
|
|
19
|
+
control: 'select',
|
|
20
|
+
options: ['start', 'center', 'end', 'between'],
|
|
21
|
+
},
|
|
22
|
+
gap: {
|
|
23
|
+
control: 'select',
|
|
24
|
+
options: ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9'],
|
|
25
|
+
},
|
|
26
|
+
wrap: {
|
|
27
|
+
control: 'select',
|
|
28
|
+
options: ['nowrap', 'wrap', 'wrap-reverse'],
|
|
29
|
+
},
|
|
30
|
+
},
|
|
31
|
+
};
|
|
32
|
+
exports.default = meta;
|
|
33
|
+
const Box = ({ children }) => ((0, jsx_runtime_1.jsx)("div", { style: {
|
|
34
|
+
padding: '16px 24px',
|
|
35
|
+
background: 'var(--accent-3)',
|
|
36
|
+
borderRadius: 6,
|
|
37
|
+
fontSize: 14,
|
|
38
|
+
}, children: children }));
|
|
39
|
+
exports.Default = {
|
|
40
|
+
args: {
|
|
41
|
+
gap: '3',
|
|
42
|
+
children: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Box, { children: "One" }), (0, jsx_runtime_1.jsx)(Box, { children: "Two" }), (0, jsx_runtime_1.jsx)(Box, { children: "Three" })] })),
|
|
43
|
+
},
|
|
44
|
+
};
|
|
45
|
+
exports.Direction = {
|
|
46
|
+
render: () => ((0, jsx_runtime_1.jsxs)(Flex_1.Flex, { direction: "column", gap: "3", children: [(0, jsx_runtime_1.jsx)(Box, { children: "First" }), (0, jsx_runtime_1.jsx)(Box, { children: "Second" }), (0, jsx_runtime_1.jsx)(Box, { children: "Third" })] })),
|
|
47
|
+
};
|
|
48
|
+
exports.AlignCenter = {
|
|
49
|
+
render: () => ((0, jsx_runtime_1.jsxs)(Flex_1.Flex, { align: "center", justify: "center", gap: "3", style: { height: 200 }, children: [(0, jsx_runtime_1.jsx)(Box, { children: "Centered" }), (0, jsx_runtime_1.jsx)(Box, { children: "Items" })] })),
|
|
50
|
+
};
|
|
51
|
+
//# sourceMappingURL=Flex.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Flex.stories.js","sourceRoot":"","sources":["../../../../src/components/Flex/Flex.stories.tsx"],"names":[],"mappings":";;;;AAEA,iCAA6B;AAE7B,MAAM,IAAI,GAAsB;IAC9B,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,WAAI;IACf,QAAQ,EAAE;QACR,SAAS,EAAE;YACT,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,gBAAgB,CAAC;SAC5D;QACD,KAAK,EAAE;YACL,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,CAAC;SAC3D;QACD,OAAO,EAAE;YACP,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,CAAC;SAC/C;QACD,GAAG,EAAE;YACH,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;SAC5D;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,cAAc,CAAC;SAC5C;KACF;CACF,CAAA;AAED,kBAAe,IAAI,CAAA;AAGnB,MAAM,GAAG,GAAG,CAAC,EAAE,QAAQ,EAAwB,EAAE,EAAE,CAAC,CAClD,gCACE,KAAK,EAAE;QACL,OAAO,EAAE,WAAW;QACpB,UAAU,EAAE,iBAAiB;QAC7B,YAAY,EAAE,CAAC;QACf,QAAQ,EAAE,EAAE;KACb,YAEA,QAAQ,GACL,CACP,CAAA;AAEY,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,GAAG,EAAE,GAAG;QACR,QAAQ,EAAE,CACR,6DACE,uBAAC,GAAG,sBAAU,EACd,uBAAC,GAAG,sBAAU,EACd,uBAAC,GAAG,wBAAY,IACf,CACJ;KACF;CACF,CAAA;AAEY,QAAA,SAAS,GAAU;IAC9B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,wBAAC,WAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,GAAG,aAC9B,uBAAC,GAAG,wBAAY,EAChB,uBAAC,GAAG,yBAAa,EACjB,uBAAC,GAAG,wBAAY,IACX,CACR;CACF,CAAA;AAEY,QAAA,WAAW,GAAU;IAChC,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,wBAAC,WAAI,IAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,EAAC,GAAG,EAAC,GAAG,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,aAClE,uBAAC,GAAG,2BAAe,EACnB,uBAAC,GAAG,wBAAY,IACX,CACR;CACF,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Flex/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./Flex"), exports);
|
|
18
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Flex/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAsB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../../src/components/Heading/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,kBAAkB,CAAA"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Heading = void 0;
|
|
4
|
+
var themes_1 = require("@radix-ui/themes");
|
|
5
|
+
Object.defineProperty(exports, "Heading", { enumerable: true, get: function () { return themes_1.Heading; } });
|
|
6
|
+
//# sourceMappingURL=Heading.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../../../src/components/Heading/Heading.tsx"],"names":[],"mappings":";;;AAAA,2CAA6D;AAApD,iGAAA,OAAO,OAAA"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Heading } from './Heading';
|
|
3
|
+
declare const meta: Meta<typeof Heading>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Heading>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Sizes: Story;
|
|
8
|
+
//# sourceMappingURL=Heading.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Heading.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Heading/Heading.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEtD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAEnC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAiB9B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAA;AAErC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAcnB,CAAA"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Sizes = exports.Default = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const Heading_1 = require("./Heading");
|
|
6
|
+
const meta = {
|
|
7
|
+
title: 'Components/Heading',
|
|
8
|
+
component: Heading_1.Heading,
|
|
9
|
+
argTypes: {
|
|
10
|
+
size: {
|
|
11
|
+
control: 'select',
|
|
12
|
+
options: ['1', '2', '3', '4', '5', '6', '7', '8', '9'],
|
|
13
|
+
},
|
|
14
|
+
weight: {
|
|
15
|
+
control: 'select',
|
|
16
|
+
options: ['light', 'regular', 'medium', 'bold'],
|
|
17
|
+
},
|
|
18
|
+
as: {
|
|
19
|
+
control: 'select',
|
|
20
|
+
options: ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'],
|
|
21
|
+
},
|
|
22
|
+
},
|
|
23
|
+
};
|
|
24
|
+
exports.default = meta;
|
|
25
|
+
exports.Default = {
|
|
26
|
+
args: {
|
|
27
|
+
children: 'Page heading',
|
|
28
|
+
},
|
|
29
|
+
};
|
|
30
|
+
exports.Sizes = {
|
|
31
|
+
render: () => ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column', gap: 12 }, children: [(0, jsx_runtime_1.jsx)(Heading_1.Heading, { size: "1", children: "Heading size 1" }), (0, jsx_runtime_1.jsx)(Heading_1.Heading, { size: "2", children: "Heading size 2" }), (0, jsx_runtime_1.jsx)(Heading_1.Heading, { size: "3", children: "Heading size 3" }), (0, jsx_runtime_1.jsx)(Heading_1.Heading, { size: "4", children: "Heading size 4" }), (0, jsx_runtime_1.jsx)(Heading_1.Heading, { size: "5", children: "Heading size 5" }), (0, jsx_runtime_1.jsx)(Heading_1.Heading, { size: "6", children: "Heading size 6" }), (0, jsx_runtime_1.jsx)(Heading_1.Heading, { size: "7", children: "Heading size 7" }), (0, jsx_runtime_1.jsx)(Heading_1.Heading, { size: "8", children: "Heading size 8" }), (0, jsx_runtime_1.jsx)(Heading_1.Heading, { size: "9", children: "Heading size 9" })] })),
|
|
32
|
+
};
|
|
33
|
+
//# sourceMappingURL=Heading.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Heading.stories.js","sourceRoot":"","sources":["../../../../src/components/Heading/Heading.stories.tsx"],"names":[],"mappings":";;;;AAEA,uCAAmC;AAEnC,MAAM,IAAI,GAAyB;IACjC,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,iBAAO;IAClB,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;SACvD;QACD,MAAM,EAAE;YACN,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,CAAC;SAChD;QACD,EAAE,EAAE;YACF,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;SAC9C;KACF;CACF,CAAA;AAED,kBAAe,IAAI,CAAA;AAGN,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,QAAQ,EAAE,cAAc;KACzB;CACF,CAAA;AAEY,QAAA,KAAK,GAAU;IAC1B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,iCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,EAAE,aAC/D,uBAAC,iBAAO,IAAC,IAAI,EAAC,GAAG,+BAAyB,EAC1C,uBAAC,iBAAO,IAAC,IAAI,EAAC,GAAG,+BAAyB,EAC1C,uBAAC,iBAAO,IAAC,IAAI,EAAC,GAAG,+BAAyB,EAC1C,uBAAC,iBAAO,IAAC,IAAI,EAAC,GAAG,+BAAyB,EAC1C,uBAAC,iBAAO,IAAC,IAAI,EAAC,GAAG,+BAAyB,EAC1C,uBAAC,iBAAO,IAAC,IAAI,EAAC,GAAG,+BAAyB,EAC1C,uBAAC,iBAAO,IAAC,IAAI,EAAC,GAAG,+BAAyB,EAC1C,uBAAC,iBAAO,IAAC,IAAI,EAAC,GAAG,+BAAyB,EAC1C,uBAAC,iBAAO,IAAC,IAAI,EAAC,GAAG,+BAAyB,IACtC,CACP;CACF,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Heading/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./Heading"), exports);
|
|
18
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Heading/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,4CAAyB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../../src/components/SegmentedControl/SegmentedControl.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.SegmentedControl = void 0;
|
|
4
|
+
var themes_1 = require("@radix-ui/themes");
|
|
5
|
+
Object.defineProperty(exports, "SegmentedControl", { enumerable: true, get: function () { return themes_1.SegmentedControl; } });
|
|
6
|
+
//# sourceMappingURL=SegmentedControl.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SegmentedControl.js","sourceRoot":"","sources":["../../../../src/components/SegmentedControl/SegmentedControl.tsx"],"names":[],"mappings":";;;AAAA,2CAAmD;AAA1C,0GAAA,gBAAgB,OAAA"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { SegmentedControl } from './SegmentedControl';
|
|
3
|
+
declare const meta: Meta<typeof SegmentedControl.Root>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof SegmentedControl.Root>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Sizes: Story;
|
|
8
|
+
//# sourceMappingURL=SegmentedControl.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SegmentedControl.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/SegmentedControl/SegmentedControl.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAErD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAO5C,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,CAAA;AAEnD,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAiBnB,CAAA"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Sizes = exports.Default = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const SegmentedControl_1 = require("./SegmentedControl");
|
|
6
|
+
const meta = {
|
|
7
|
+
title: 'Components/SegmentedControl',
|
|
8
|
+
component: SegmentedControl_1.SegmentedControl.Root,
|
|
9
|
+
argTypes: {
|
|
10
|
+
size: { control: 'select', options: ['1', '2', '3'] },
|
|
11
|
+
variant: { control: 'select', options: ['classic', 'surface'] },
|
|
12
|
+
},
|
|
13
|
+
};
|
|
14
|
+
exports.default = meta;
|
|
15
|
+
exports.Default = {
|
|
16
|
+
render: () => ((0, jsx_runtime_1.jsxs)(SegmentedControl_1.SegmentedControl.Root, { defaultValue: "inbox", children: [(0, jsx_runtime_1.jsx)(SegmentedControl_1.SegmentedControl.Item, { value: "inbox", children: "Inbox" }), (0, jsx_runtime_1.jsx)(SegmentedControl_1.SegmentedControl.Item, { value: "drafts", children: "Drafts" }), (0, jsx_runtime_1.jsx)(SegmentedControl_1.SegmentedControl.Item, { value: "sent", children: "Sent" })] })),
|
|
17
|
+
};
|
|
18
|
+
exports.Sizes = {
|
|
19
|
+
render: () => ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexDirection: 'column', gap: 16 }, children: [(0, jsx_runtime_1.jsxs)(SegmentedControl_1.SegmentedControl.Root, { defaultValue: "a", size: "1", children: [(0, jsx_runtime_1.jsx)(SegmentedControl_1.SegmentedControl.Item, { value: "a", children: "Alpha" }), (0, jsx_runtime_1.jsx)(SegmentedControl_1.SegmentedControl.Item, { value: "b", children: "Beta" })] }), (0, jsx_runtime_1.jsxs)(SegmentedControl_1.SegmentedControl.Root, { defaultValue: "a", size: "2", children: [(0, jsx_runtime_1.jsx)(SegmentedControl_1.SegmentedControl.Item, { value: "a", children: "Alpha" }), (0, jsx_runtime_1.jsx)(SegmentedControl_1.SegmentedControl.Item, { value: "b", children: "Beta" })] }), (0, jsx_runtime_1.jsxs)(SegmentedControl_1.SegmentedControl.Root, { defaultValue: "a", size: "3", children: [(0, jsx_runtime_1.jsx)(SegmentedControl_1.SegmentedControl.Item, { value: "a", children: "Alpha" }), (0, jsx_runtime_1.jsx)(SegmentedControl_1.SegmentedControl.Item, { value: "b", children: "Beta" })] })] })),
|
|
20
|
+
};
|
|
21
|
+
//# sourceMappingURL=SegmentedControl.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SegmentedControl.stories.js","sourceRoot":"","sources":["../../../../src/components/SegmentedControl/SegmentedControl.stories.tsx"],"names":[],"mappings":";;;;AAEA,yDAAqD;AAErD,MAAM,IAAI,GAAuC;IAC/C,KAAK,EAAE,6BAA6B;IACpC,SAAS,EAAE,mCAAgB,CAAC,IAAI;IAChC,QAAQ,EAAE;QACR,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE;QACrD,OAAO,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,EAAE;KAChE;CACF,CAAA;AAED,kBAAe,IAAI,CAAA;AAGN,QAAA,OAAO,GAAU;IAC5B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,wBAAC,mCAAgB,CAAC,IAAI,IAAC,YAAY,EAAC,OAAO,aACzC,uBAAC,mCAAgB,CAAC,IAAI,IAAC,KAAK,EAAC,OAAO,sBAA8B,EAClE,uBAAC,mCAAgB,CAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,uBAA+B,EACpE,uBAAC,mCAAgB,CAAC,IAAI,IAAC,KAAK,EAAC,MAAM,qBAA6B,IAC1C,CACzB;CACF,CAAA;AAEY,QAAA,KAAK,GAAU;IAC1B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,iCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,EAAE,aAC/D,wBAAC,mCAAgB,CAAC,IAAI,IAAC,YAAY,EAAC,GAAG,EAAC,IAAI,EAAC,GAAG,aAC9C,uBAAC,mCAAgB,CAAC,IAAI,IAAC,KAAK,EAAC,GAAG,sBAA8B,EAC9D,uBAAC,mCAAgB,CAAC,IAAI,IAAC,KAAK,EAAC,GAAG,qBAA6B,IACvC,EACxB,wBAAC,mCAAgB,CAAC,IAAI,IAAC,YAAY,EAAC,GAAG,EAAC,IAAI,EAAC,GAAG,aAC9C,uBAAC,mCAAgB,CAAC,IAAI,IAAC,KAAK,EAAC,GAAG,sBAA8B,EAC9D,uBAAC,mCAAgB,CAAC,IAAI,IAAC,KAAK,EAAC,GAAG,qBAA6B,IACvC,EACxB,wBAAC,mCAAgB,CAAC,IAAI,IAAC,YAAY,EAAC,GAAG,EAAC,IAAI,EAAC,GAAG,aAC9C,uBAAC,mCAAgB,CAAC,IAAI,IAAC,KAAK,EAAC,GAAG,sBAA8B,EAC9D,uBAAC,mCAAgB,CAAC,IAAI,IAAC,KAAK,EAAC,GAAG,qBAA6B,IACvC,IACpB,CACP;CACF,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/SegmentedControl/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./SegmentedControl"), exports);
|
|
18
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/SegmentedControl/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,qDAAkC"}
|