@anker-in/headless-ui 0.0.12 → 0.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.
- package/CONTRIBUTING.md +14 -0
- package/README.md +1 -1
- package/package.json +1 -1
- package/src/components/checkbox.tsx +1 -1
- package/src/components/dialog.tsx +1 -0
- package/src/components/heading.tsx +22 -3
- package/src/components/radio.tsx +16 -4
- package/src/components/skeleton.tsx +1 -1
- package/src/components/text.tsx +31 -4
- package/src/stories/dialog.stories.tsx +60 -31
- package/src/stories/heading.stories.tsx +17 -5
- package/src/stories/input.stories.tsx +5 -0
- package/src/stories/popover.stories.tsx +19 -2
- package/src/stories/radio.stories.tsx +3 -3
- package/src/stories/text.stories.tsx +18 -5
- package/dist/cjs/components/badge.d.ts +0 -9
- package/dist/cjs/components/badge.js +0 -2
- package/dist/cjs/components/badge.js.map +0 -7
- package/dist/cjs/components/button.d.ts +0 -20
- package/dist/cjs/components/button.js +0 -2
- package/dist/cjs/components/button.js.map +0 -7
- package/dist/cjs/components/checkbox.d.ts +0 -11
- package/dist/cjs/components/checkbox.js +0 -2
- package/dist/cjs/components/checkbox.js.map +0 -7
- package/dist/cjs/components/dialog.d.ts +0 -19
- package/dist/cjs/components/dialog.js +0 -2
- package/dist/cjs/components/dialog.js.map +0 -7
- package/dist/cjs/components/heading.d.ts +0 -15
- package/dist/cjs/components/heading.js +0 -2
- package/dist/cjs/components/heading.js.map +0 -7
- package/dist/cjs/components/index.d.ts +0 -12
- package/dist/cjs/components/index.js +0 -2
- package/dist/cjs/components/index.js.map +0 -7
- package/dist/cjs/components/input.d.ts +0 -21
- package/dist/cjs/components/input.js +0 -2
- package/dist/cjs/components/input.js.map +0 -7
- package/dist/cjs/components/popover.d.ts +0 -6
- package/dist/cjs/components/popover.js +0 -2
- package/dist/cjs/components/popover.js.map +0 -7
- package/dist/cjs/components/radio.d.ts +0 -16
- package/dist/cjs/components/radio.js +0 -2
- package/dist/cjs/components/radio.js.map +0 -7
- package/dist/cjs/components/skeleton.d.ts +0 -9
- package/dist/cjs/components/skeleton.js +0 -5
- package/dist/cjs/components/skeleton.js.map +0 -7
- package/dist/cjs/components/text.d.ts +0 -16
- package/dist/cjs/components/text.js +0 -2
- package/dist/cjs/components/text.js.map +0 -7
- package/dist/cjs/components/theme.d.ts +0 -13
- package/dist/cjs/components/theme.js +0 -2
- package/dist/cjs/components/theme.js.map +0 -7
- package/dist/cjs/helpers/component-props.d.ts +0 -7
- package/dist/cjs/helpers/component-props.js +0 -2
- package/dist/cjs/helpers/component-props.js.map +0 -7
- package/dist/cjs/helpers/constants.d.ts +0 -2
- package/dist/cjs/helpers/constants.js +0 -2
- package/dist/cjs/helpers/constants.js.map +0 -7
- package/dist/cjs/helpers/index.d.ts +0 -1
- package/dist/cjs/helpers/index.js +0 -2
- package/dist/cjs/helpers/index.js.map +0 -7
- package/dist/cjs/helpers/utils.d.ts +0 -2
- package/dist/cjs/helpers/utils.js +0 -2
- package/dist/cjs/helpers/utils.js.map +0 -7
- package/dist/cjs/icons/spinner.d.ts +0 -7
- package/dist/cjs/icons/spinner.js +0 -2
- package/dist/cjs/icons/spinner.js.map +0 -7
- package/dist/cjs/index.d.ts +0 -1
- package/dist/cjs/index.js +0 -2
- package/dist/cjs/index.js.map +0 -7
- package/dist/cjs/stories/badge.stories.d.ts +0 -26
- package/dist/cjs/stories/badge.stories.js +0 -2
- package/dist/cjs/stories/badge.stories.js.map +0 -7
- package/dist/cjs/stories/button.stories.d.ts +0 -47
- package/dist/cjs/stories/button.stories.js +0 -2
- package/dist/cjs/stories/button.stories.js.map +0 -7
- package/dist/cjs/stories/checkbox.stories.d.ts +0 -46
- package/dist/cjs/stories/checkbox.stories.js +0 -2
- package/dist/cjs/stories/checkbox.stories.js.map +0 -7
- package/dist/cjs/stories/dialog.stories.d.ts +0 -5
- package/dist/cjs/stories/dialog.stories.js +0 -2
- package/dist/cjs/stories/dialog.stories.js.map +0 -7
- package/dist/cjs/stories/heading.stories.d.ts +0 -68
- package/dist/cjs/stories/heading.stories.js +0 -2
- package/dist/cjs/stories/heading.stories.js.map +0 -7
- package/dist/cjs/stories/input.stories.d.ts +0 -30
- package/dist/cjs/stories/input.stories.js +0 -2
- package/dist/cjs/stories/input.stories.js.map +0 -7
- package/dist/cjs/stories/popover.stories.d.ts +0 -5
- package/dist/cjs/stories/popover.stories.js +0 -2
- package/dist/cjs/stories/popover.stories.js.map +0 -7
- package/dist/cjs/stories/radio.stories.d.ts +0 -36
- package/dist/cjs/stories/radio.stories.js +0 -2
- package/dist/cjs/stories/radio.stories.js.map +0 -7
- package/dist/cjs/stories/skeleton.stories.d.ts +0 -20
- package/dist/cjs/stories/skeleton.stories.js +0 -2
- package/dist/cjs/stories/skeleton.stories.js.map +0 -7
- package/dist/cjs/stories/text.stories.d.ts +0 -69
- package/dist/cjs/stories/text.stories.js +0 -10
- package/dist/cjs/stories/text.stories.js.map +0 -7
- package/dist/cjs/tsconfig.tsbuildinfo +0 -1
- package/dist/esm/components/badge.d.ts +0 -9
- package/dist/esm/components/badge.js +0 -2
- package/dist/esm/components/badge.js.map +0 -7
- package/dist/esm/components/button.d.ts +0 -20
- package/dist/esm/components/button.js +0 -2
- package/dist/esm/components/button.js.map +0 -7
- package/dist/esm/components/checkbox.d.ts +0 -11
- package/dist/esm/components/checkbox.js +0 -2
- package/dist/esm/components/checkbox.js.map +0 -7
- package/dist/esm/components/dialog.d.ts +0 -19
- package/dist/esm/components/dialog.js +0 -2
- package/dist/esm/components/dialog.js.map +0 -7
- package/dist/esm/components/heading.d.ts +0 -15
- package/dist/esm/components/heading.js +0 -2
- package/dist/esm/components/heading.js.map +0 -7
- package/dist/esm/components/index.d.ts +0 -12
- package/dist/esm/components/index.js +0 -2
- package/dist/esm/components/index.js.map +0 -7
- package/dist/esm/components/input.d.ts +0 -21
- package/dist/esm/components/input.js +0 -2
- package/dist/esm/components/input.js.map +0 -7
- package/dist/esm/components/popover.d.ts +0 -6
- package/dist/esm/components/popover.js +0 -2
- package/dist/esm/components/popover.js.map +0 -7
- package/dist/esm/components/radio.d.ts +0 -16
- package/dist/esm/components/radio.js +0 -2
- package/dist/esm/components/radio.js.map +0 -7
- package/dist/esm/components/skeleton.d.ts +0 -9
- package/dist/esm/components/skeleton.js +0 -5
- package/dist/esm/components/skeleton.js.map +0 -7
- package/dist/esm/components/text.d.ts +0 -16
- package/dist/esm/components/text.js +0 -2
- package/dist/esm/components/text.js.map +0 -7
- package/dist/esm/components/theme.d.ts +0 -13
- package/dist/esm/components/theme.js +0 -2
- package/dist/esm/components/theme.js.map +0 -7
- package/dist/esm/helpers/component-props.d.ts +0 -7
- package/dist/esm/helpers/component-props.js +0 -1
- package/dist/esm/helpers/component-props.js.map +0 -7
- package/dist/esm/helpers/constants.d.ts +0 -2
- package/dist/esm/helpers/constants.js +0 -2
- package/dist/esm/helpers/constants.js.map +0 -7
- package/dist/esm/helpers/index.d.ts +0 -1
- package/dist/esm/helpers/index.js +0 -2
- package/dist/esm/helpers/index.js.map +0 -7
- package/dist/esm/helpers/utils.d.ts +0 -2
- package/dist/esm/helpers/utils.js +0 -2
- package/dist/esm/helpers/utils.js.map +0 -7
- package/dist/esm/icons/spinner.d.ts +0 -7
- package/dist/esm/icons/spinner.js +0 -2
- package/dist/esm/icons/spinner.js.map +0 -7
- package/dist/esm/index.d.ts +0 -1
- package/dist/esm/index.js +0 -2
- package/dist/esm/index.js.map +0 -7
- package/dist/esm/package.json +0 -3
- package/dist/esm/stories/badge.stories.d.ts +0 -26
- package/dist/esm/stories/badge.stories.js +0 -2
- package/dist/esm/stories/badge.stories.js.map +0 -7
- package/dist/esm/stories/button.stories.d.ts +0 -47
- package/dist/esm/stories/button.stories.js +0 -2
- package/dist/esm/stories/button.stories.js.map +0 -7
- package/dist/esm/stories/checkbox.stories.d.ts +0 -46
- package/dist/esm/stories/checkbox.stories.js +0 -2
- package/dist/esm/stories/checkbox.stories.js.map +0 -7
- package/dist/esm/stories/dialog.stories.d.ts +0 -5
- package/dist/esm/stories/dialog.stories.js +0 -2
- package/dist/esm/stories/dialog.stories.js.map +0 -7
- package/dist/esm/stories/heading.stories.d.ts +0 -68
- package/dist/esm/stories/heading.stories.js +0 -2
- package/dist/esm/stories/heading.stories.js.map +0 -7
- package/dist/esm/stories/input.stories.d.ts +0 -30
- package/dist/esm/stories/input.stories.js +0 -2
- package/dist/esm/stories/input.stories.js.map +0 -7
- package/dist/esm/stories/popover.stories.d.ts +0 -5
- package/dist/esm/stories/popover.stories.js +0 -2
- package/dist/esm/stories/popover.stories.js.map +0 -7
- package/dist/esm/stories/radio.stories.d.ts +0 -36
- package/dist/esm/stories/radio.stories.js +0 -2
- package/dist/esm/stories/radio.stories.js.map +0 -7
- package/dist/esm/stories/skeleton.stories.d.ts +0 -20
- package/dist/esm/stories/skeleton.stories.js +0 -2
- package/dist/esm/stories/skeleton.stories.js.map +0 -7
- package/dist/esm/stories/text.stories.d.ts +0 -69
- package/dist/esm/stories/text.stories.js +0 -10
- package/dist/esm/stories/text.stories.js.map +0 -7
- package/dist/esm/tsconfig.tsbuildinfo +0 -1
- package/style.css +0 -1342
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/stories/button.stories.tsx"],
|
|
4
|
-
"sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport { SearchIcon } from '@storybook/icons'\n\nimport { Button } from '../components/index'\nimport React from 'react'\n\n// More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export\nconst meta = {\n // \u540C\u65F6\u5B9A\u4E49\u4E86\u9875\u9762\u5DE6\u4FA7\u83DC\u5355\n title: 'Components/Button',\n component: Button,\n parameters: {\n // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/configure/story-layout\n layout: 'centered',\n },\n // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs\n tags: ['autodocs'],\n // More on argTypes: https://storybook.js.org/docs/api/argtypes\n argTypes: {\n variant: {\n control: {\n type: 'select',\n },\n options: ['primary', 'secondary', 'link', 'ghost'],\n },\n size: {\n control: {\n type: 'select',\n },\n options: ['sm', 'base', 'lg', 'icon'],\n },\n hoverEffect: {\n description: 'hover \u72B6\u6001\u4E0B\u7684\u52A8\u753B\u6548\u679C\uFF0C\u4EC5\u5728variant\u662Fprimary \u548C secondary \u65F6\u751F\u6548',\n control: {\n type: 'select',\n },\n options: ['none', 'slide'],\n },\n },\n args: {\n variant: 'primary',\n size: 'base',\n children: 'Button',\n asChild: false,\n disabled: false,\n loading: false,\n hoverEffect: 'none',\n },\n} satisfies Meta<typeof Button>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\n// More on writing stories with args: https://storybook.js.org/docs/writing-stories/args\n// args \u4F1A\u4F5C\u4E3A props \u4F20\u9012\u7ED9\u7EC4\u4EF6\n// Story\u7684\u540D\u4F1A\u4F5C\u4E3A\u83DC\u5355\u7684\u540D\u79F0 \u81EA\u52A8\u9996\u5B57\u6BCD\u5927\u5199\u5E76\u6309\u7167\u5927\u5199\u5B57\u6BCD\u62C6\u5206 UseAsButton => Use As Button\n\nexport const Primary: Story = {\n args: {\n size: 'lg',\n children: 'Primary',\n },\n}\n\nexport const Secondary: Story = {\n args: {\n size: 'lg',\n variant: 'secondary',\n children: 'Secondary',\n },\n}\n\nexport const Link: Story = {\n args: {\n size: 'lg',\n variant: 'link',\n children: 'Link',\n },\n}\n\nexport const WithIcon: Story = {\n args: {\n size: 'lg',\n children: (\n <>\n WithIcon <SearchIcon className=\"ai-ml-2\" />\n </>\n ),\n },\n}\n\nexport const Aschild: Story = {\n args: {\n size: 'lg',\n asChild: true,\n children: <a href=\"http://example.com\">as a a tag</a>,\n },\n}\n"],
|
|
5
|
-
"mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,SAAAC,EAAA,YAAAC,EAAA,cAAAC,EAAA,aAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAR,GAoFM,IAAAS,EAAA,6BAnFNC,EAA2B,4BAE3BC,EAAuB,+BACvBC,EAAkB,iBAGlB,MAAMC,EAAO,CAEX,MAAO,oBACP,UAAW,SACX,WAAY,CAEV,OAAQ,UACV,EAEA,KAAM,CAAC,UAAU,EAEjB,SAAU,CACR,QAAS,CACP,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,UAAW,YAAa,OAAQ,OAAO,CACnD,EACA,KAAM,CACJ,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,KAAM,OAAQ,KAAM,MAAM,CACtC,EACA,YAAa,CACX,YAAa,mIACb,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,OAAQ,OAAO,CAC3B,CACF,EACA,KAAM,CACJ,QAAS,UACT,KAAM,OACN,SAAU,SACV,QAAS,GACT,SAAU,GACV,QAAS,GACT,YAAa,MACf,CACF,EAEA,IAAON,EAAQM,EAOR,MAAMT,EAAiB,CAC5B,KAAM,CACJ,KAAM,KACN,SAAU,SACZ,CACF,EAEaC,EAAmB,CAC9B,KAAM,CACJ,KAAM,KACN,QAAS,YACT,SAAU,WACZ,CACF,EAEaF,EAAc,CACzB,KAAM,CACJ,KAAM,KACN,QAAS,OACT,SAAU,MACZ,CACF,EAEaG,EAAkB,CAC7B,KAAM,CACJ,KAAM,KACN,YACE,oBAAE,yBACS,OAAC,cAAW,UAAU,UAAU,GAC3C,CAEJ,CACF,EAEaJ,EAAiB,CAC5B,KAAM,CACJ,KAAM,KACN,QAAS,GACT,YAAU,OAAC,KAAE,KAAK,qBAAqB,sBAAU,CACnD,CACF",
|
|
6
|
-
"names": ["button_stories_exports", "__export", "Aschild", "Link", "Primary", "Secondary", "WithIcon", "button_stories_default", "__toCommonJS", "import_jsx_runtime", "import_icons", "import_components", "import_react", "meta"]
|
|
7
|
-
}
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import type { StoryObj } from '@storybook/react/*';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
declare const meta: {
|
|
4
|
-
title: string;
|
|
5
|
-
component: React.ForwardRefExoticComponent<import("../components/checkbox").CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
|
|
6
|
-
parameters: {
|
|
7
|
-
layout: string;
|
|
8
|
-
docs: {
|
|
9
|
-
description: {
|
|
10
|
-
component: string;
|
|
11
|
-
};
|
|
12
|
-
};
|
|
13
|
-
};
|
|
14
|
-
tags: string[];
|
|
15
|
-
argTypes: {
|
|
16
|
-
size: {
|
|
17
|
-
control: {
|
|
18
|
-
type: "select";
|
|
19
|
-
};
|
|
20
|
-
options: string[];
|
|
21
|
-
description: string;
|
|
22
|
-
table: {
|
|
23
|
-
defaultValue: {
|
|
24
|
-
summary: string;
|
|
25
|
-
};
|
|
26
|
-
};
|
|
27
|
-
};
|
|
28
|
-
};
|
|
29
|
-
args: {
|
|
30
|
-
size: "base";
|
|
31
|
-
};
|
|
32
|
-
};
|
|
33
|
-
export default meta;
|
|
34
|
-
type Story = StoryObj<typeof meta>;
|
|
35
|
-
export declare const Default: Story;
|
|
36
|
-
export declare const Sizes: {
|
|
37
|
-
(): import("react/jsx-runtime").JSX.Element;
|
|
38
|
-
parameters: {
|
|
39
|
-
docs: {
|
|
40
|
-
description: {
|
|
41
|
-
story: string;
|
|
42
|
-
};
|
|
43
|
-
};
|
|
44
|
-
};
|
|
45
|
-
};
|
|
46
|
-
export declare const Disabled: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var l=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var n=Object.prototype.hasOwnProperty;var p=(i,a)=>{for(var o in a)l(i,o,{get:a[o],enumerable:!0})},b=(i,a,o,r)=>{if(a&&typeof a=="object"||typeof a=="function")for(let s of m(a))!n.call(i,s)&&s!==o&&l(i,s,{get:()=>a[s],enumerable:!(r=d(a,s))||r.enumerable});return i};var x=i=>b(l({},"__esModule",{value:!0}),i);var v={};p(v,{Default:()=>u,Disabled:()=>g,Sizes:()=>c,default:()=>y});module.exports=x(v);var e=require("react/jsx-runtime"),t=require("../components/index"),N=require("react");const f={title:"Components/Checkbox",component:t.Checkbox,parameters:{layout:"centered",docs:{description:{component:"\u590D\u9009\u6846, \u57FA\u4E8E@radix-ui/react-checkbox https://www.radix-ui.com/primitives/docs/components/checkbox"}}},tags:["autodocs"],argTypes:{size:{control:{type:"select"},options:["sm","base","lg"],description:"\u5C3A\u5BF8",table:{defaultValue:{summary:"base"}}}},args:{size:"base"}};var y=f;const u={args:{size:"base"}},c=()=>(0,e.jsxs)("div",{className:"ai-flex ai-flex-col ai-gap-2",children:[(0,e.jsxs)("div",{className:"ai-flex ai-items-center ai-space-x-2",children:[(0,e.jsx)(t.Checkbox,{id:"terms",size:"sm"}),(0,e.jsx)("label",{htmlFor:"terms",className:"ai-text-sm ai-font-medium ai-leading-none peer-disabled:ai-cursor-not-allowed peer-disabled:ai-opacity-70",children:"Accept terms and conditions"})]}),(0,e.jsxs)("div",{className:"ai-flex ai-items-center ai-space-x-2",children:[(0,e.jsx)(t.Checkbox,{id:"terms1",size:"base"}),(0,e.jsx)("label",{htmlFor:"terms1",className:"ai-text-base ai-font-medium ai-leading-none peer-disabled:ai-cursor-not-allowed peer-disabled:ai-opacity-70",children:"Accept terms and conditions"})]}),(0,e.jsxs)("div",{className:"ai-flex ai-items-center ai-space-x-2",children:[(0,e.jsx)(t.Checkbox,{id:"terms2",size:"lg"}),(0,e.jsx)("label",{htmlFor:"terms2",className:"ai-text-lg ai-font-medium ai-leading-none peer-disabled:ai-cursor-not-allowed peer-disabled:ai-opacity-70",children:"Accept terms and conditions"})]})]});c.parameters={docs:{description:{story:"\u4E0D\u540C\u7684\u5C3A\u5BF8"}}};const g=()=>(0,e.jsxs)("div",{className:"ai-flex ai-items-center ai-space-x-2",children:[(0,e.jsx)(t.Checkbox,{id:"terms",disabled:!0}),(0,e.jsx)("label",{htmlFor:"terms",className:"ai-text-sm ai-font-medium ai-leading-none peer-disabled:ai-cursor-not-allowed peer-disabled:ai-opacity-70",children:"Accept terms and conditions"})]});
|
|
2
|
-
//# sourceMappingURL=checkbox.stories.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/stories/checkbox.stories.tsx"],
|
|
4
|
-
"sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react/*'\nimport { Checkbox } from '../components/index'\nimport React from 'react'\n\nconst meta = {\n title: 'Components/Checkbox',\n component: Checkbox,\n parameters: {\n layout: 'centered',\n docs: {\n description: {\n component: '\u590D\u9009\u6846, \u57FA\u4E8E@radix-ui/react-checkbox https://www.radix-ui.com/primitives/docs/components/checkbox',\n },\n },\n },\n tags: ['autodocs'],\n argTypes: {\n size: {\n control: {\n type: 'select',\n },\n options: ['sm', 'base', 'lg'],\n description: '\u5C3A\u5BF8',\n table: {\n defaultValue: { summary: 'base' },\n },\n },\n },\n args: {\n size: 'base',\n },\n} satisfies Meta<typeof Checkbox>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n args: {\n size: 'base',\n },\n}\n\nexport const Sizes = () => (\n <div className=\"ai-flex ai-flex-col ai-gap-2\">\n <div className=\"ai-flex ai-items-center ai-space-x-2\">\n <Checkbox id=\"terms\" size=\"sm\" />\n <label\n htmlFor=\"terms\"\n className=\"ai-text-sm ai-font-medium ai-leading-none peer-disabled:ai-cursor-not-allowed peer-disabled:ai-opacity-70\"\n >\n Accept terms and conditions\n </label>\n </div>\n <div className=\"ai-flex ai-items-center ai-space-x-2\">\n <Checkbox id=\"terms1\" size=\"base\" />\n <label\n htmlFor=\"terms1\"\n className=\"ai-text-base ai-font-medium ai-leading-none peer-disabled:ai-cursor-not-allowed peer-disabled:ai-opacity-70\"\n >\n Accept terms and conditions\n </label>\n </div>\n <div className=\"ai-flex ai-items-center ai-space-x-2\">\n <Checkbox id=\"terms2\" size=\"lg\" />\n <label\n htmlFor=\"terms2\"\n className=\"ai-text-lg ai-font-medium ai-leading-none peer-disabled:ai-cursor-not-allowed peer-disabled:ai-opacity-70\"\n >\n Accept terms and conditions\n </label>\n </div>\n </div>\n)\nSizes.parameters = {\n docs: {\n description: {\n story: '\u4E0D\u540C\u7684\u5C3A\u5BF8',\n },\n },\n}\n\nexport const Disabled = () => (\n <div className=\"ai-flex ai-items-center ai-space-x-2\">\n <Checkbox id=\"terms\" disabled />\n <label\n htmlFor=\"terms\"\n className=\"ai-text-sm ai-font-medium ai-leading-none peer-disabled:ai-cursor-not-allowed peer-disabled:ai-opacity-70\"\n >\n Accept terms and conditions\n </label>\n </div>\n)\n"],
|
|
5
|
-
"mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,aAAAC,EAAA,UAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAN,GA6CI,IAAAO,EAAA,6BA5CJC,EAAyB,+BACzBC,EAAkB,iBAElB,MAAMC,EAAO,CACX,MAAO,sBACP,UAAW,WACX,WAAY,CACV,OAAQ,WACR,KAAM,CACJ,YAAa,CACX,UAAW,uHACb,CACF,CACF,EACA,KAAM,CAAC,UAAU,EACjB,SAAU,CACR,KAAM,CACJ,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,KAAM,OAAQ,IAAI,EAC5B,YAAa,eACb,MAAO,CACL,aAAc,CAAE,QAAS,MAAO,CAClC,CACF,CACF,EACA,KAAM,CACJ,KAAM,MACR,CACF,EAEA,IAAOL,EAAQK,EAIR,MAAMR,EAAiB,CAC5B,KAAM,CACJ,KAAM,MACR,CACF,EAEaE,EAAQ,OACnB,QAAC,OAAI,UAAU,+BACb,qBAAC,OAAI,UAAU,uCACb,oBAAC,YAAS,GAAG,QAAQ,KAAK,KAAK,KAC/B,OAAC,SACC,QAAQ,QACR,UAAU,4GACX,uCAED,GACF,KACA,QAAC,OAAI,UAAU,uCACb,oBAAC,YAAS,GAAG,SAAS,KAAK,OAAO,KAClC,OAAC,SACC,QAAQ,SACR,UAAU,8GACX,uCAED,GACF,KACA,QAAC,OAAI,UAAU,uCACb,oBAAC,YAAS,GAAG,SAAS,KAAK,KAAK,KAChC,OAAC,SACC,QAAQ,SACR,UAAU,4GACX,uCAED,GACF,GACF,EAEFA,EAAM,WAAa,CACjB,KAAM,CACJ,YAAa,CACX,MAAO,gCACT,CACF,CACF,EAEO,MAAMD,EAAW,OACtB,QAAC,OAAI,UAAU,uCACb,oBAAC,YAAS,GAAG,QAAQ,SAAQ,GAAC,KAC9B,OAAC,SACC,QAAQ,QACR,UAAU,4GACX,uCAED,GACF",
|
|
6
|
-
"names": ["checkbox_stories_exports", "__export", "Default", "Disabled", "Sizes", "checkbox_stories_default", "__toCommonJS", "import_jsx_runtime", "import_components", "import_react", "meta"]
|
|
7
|
-
}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var r=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var n=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var d=(l,i)=>{for(var t in i)r(l,t,{get:i[t],enumerable:!0})},c=(l,i,t,s)=>{if(i&&typeof i=="object"||typeof i=="function")for(let o of n(i))!m.call(l,o)&&o!==t&&r(l,o,{get:()=>i[o],enumerable:!(s=g(i,o))||s.enumerable});return l};var p=l=>c(r({},"__esModule",{value:!0}),l);var f={};d(f,{Default:()=>u,default:()=>D});module.exports=p(f);var e=require("react/jsx-runtime"),N=require("react"),a=require("../components/index"),D={title:"Components/Dialog"};const u=()=>(0,e.jsxs)(a.Dialog,{children:[(0,e.jsx)(a.DialogTrigger,{asChild:!0,children:(0,e.jsx)("button",{children:"Edit Profile"})}),(0,e.jsxs)(a.DialogContent,{className:"sm:ai-max-w-[425px]",children:[(0,e.jsxs)(a.DialogHeader,{children:[(0,e.jsx)(a.DialogTitle,{children:"Edit profile"}),(0,e.jsx)(a.DialogDescription,{children:"Make changes to your profile here. Click save when you're done."})]}),(0,e.jsxs)("div",{className:"ai-grid ai-gap-4 ai-py-4",children:[(0,e.jsxs)("div",{className:"ai-grid ai-grid-cols-4 ai-items-center ai-gap-4",children:[(0,e.jsx)("label",{htmlFor:"name",className:"ai-text-right",children:"Name"}),(0,e.jsx)(a.Input,{id:"name",defaultValue:"Pedro Duarte",className:"ai-col-span-3"})]}),(0,e.jsxs)("div",{className:"ai-grid ai-grid-cols-4 ai-items-center ai-gap-4",children:[(0,e.jsx)("label",{htmlFor:"username",className:"ai-text-right",children:"Username"}),(0,e.jsx)(a.Input,{id:"username",defaultValue:"@peduarte",className:"ai-col-span-3"})]})]}),(0,e.jsx)(a.DialogFooter,{children:(0,e.jsx)(a.Button,{type:"submit",children:"Save changes"})})]})]});
|
|
2
|
-
//# sourceMappingURL=dialog.stories.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/stories/dialog.stories.tsx"],
|
|
4
|
-
"sourcesContent": ["import React from 'react'\nimport {\n Button,\n Dialog,\n DialogContent,\n DialogDescription,\n DialogFooter,\n DialogHeader,\n DialogTitle,\n DialogTrigger,\n Input,\n} from '../components/index'\n\nexport default { title: 'Components/Dialog' }\n\nexport const Default = () => (\n <Dialog>\n <DialogTrigger asChild>\n <button>Edit Profile</button>\n </DialogTrigger>\n <DialogContent className=\"sm:ai-max-w-[425px]\">\n <DialogHeader>\n <DialogTitle>Edit profile</DialogTitle>\n <DialogDescription>Make changes to your profile here. Click save when you're done.</DialogDescription>\n </DialogHeader>\n <div className=\"ai-grid ai-gap-4 ai-py-4\">\n <div className=\"ai-grid ai-grid-cols-4 ai-items-center ai-gap-4\">\n <label htmlFor=\"name\" className=\"ai-text-right\">\n Name\n </label>\n <Input id=\"name\" defaultValue=\"Pedro Duarte\" className=\"ai-col-span-3\" />\n </div>\n <div className=\"ai-grid ai-grid-cols-4 ai-items-center ai-gap-4\">\n <label htmlFor=\"username\" className=\"ai-text-right\">\n Username\n </label>\n <Input id=\"username\" defaultValue=\"@peduarte\" className=\"ai-col-span-3\" />\n </div>\n </div>\n <DialogFooter>\n <Button type=\"submit\">Save changes</Button>\n </DialogFooter>\n </DialogContent>\n </Dialog>\n)\n"],
|
|
5
|
-
"mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,YAAAC,IAAA,eAAAC,EAAAJ,GAkBM,IAAAK,EAAA,6BAlBNC,EAAkB,iBAClBC,EAUO,+BAEAJ,EAAQ,CAAE,MAAO,mBAAoB,EAErC,MAAMD,EAAU,OACrB,QAAC,UACC,oBAAC,iBAAc,QAAO,GACpB,mBAAC,UAAO,wBAAY,EACtB,KACA,QAAC,iBAAc,UAAU,sBACvB,qBAAC,gBACC,oBAAC,eAAY,wBAAY,KACzB,OAAC,qBAAkB,2EAA+D,GACpF,KACA,QAAC,OAAI,UAAU,2BACb,qBAAC,OAAI,UAAU,kDACb,oBAAC,SAAM,QAAQ,OAAO,UAAU,gBAAgB,gBAEhD,KACA,OAAC,SAAM,GAAG,OAAO,aAAa,eAAe,UAAU,gBAAgB,GACzE,KACA,QAAC,OAAI,UAAU,kDACb,oBAAC,SAAM,QAAQ,WAAW,UAAU,gBAAgB,oBAEpD,KACA,OAAC,SAAM,GAAG,WAAW,aAAa,YAAY,UAAU,gBAAgB,GAC1E,GACF,KACA,OAAC,gBACC,mBAAC,UAAO,KAAK,SAAS,wBAAY,EACpC,GACF,GACF",
|
|
6
|
-
"names": ["dialog_stories_exports", "__export", "Default", "dialog_stories_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_components"]
|
|
7
|
-
}
|
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
import type { StoryObj } from '@storybook/react';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
declare const meta: {
|
|
4
|
-
title: string;
|
|
5
|
-
component: React.ForwardRefExoticComponent<import("../components/heading").HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
|
|
6
|
-
parameters: {
|
|
7
|
-
layout: string;
|
|
8
|
-
docs: {
|
|
9
|
-
description: {
|
|
10
|
-
component: string;
|
|
11
|
-
};
|
|
12
|
-
};
|
|
13
|
-
};
|
|
14
|
-
tags: string[];
|
|
15
|
-
argTypes: {
|
|
16
|
-
size: {
|
|
17
|
-
control: {
|
|
18
|
-
type: "select";
|
|
19
|
-
};
|
|
20
|
-
options: number[];
|
|
21
|
-
description: string;
|
|
22
|
-
table: {
|
|
23
|
-
defaultValue: {
|
|
24
|
-
summary: string;
|
|
25
|
-
};
|
|
26
|
-
};
|
|
27
|
-
};
|
|
28
|
-
weights: {
|
|
29
|
-
control: {
|
|
30
|
-
type: "select";
|
|
31
|
-
};
|
|
32
|
-
options: string[];
|
|
33
|
-
table: {
|
|
34
|
-
defaultValue: {
|
|
35
|
-
summary: string;
|
|
36
|
-
};
|
|
37
|
-
};
|
|
38
|
-
};
|
|
39
|
-
color: {
|
|
40
|
-
control: "color";
|
|
41
|
-
};
|
|
42
|
-
as: {
|
|
43
|
-
control: {
|
|
44
|
-
type: "select";
|
|
45
|
-
};
|
|
46
|
-
options: string[];
|
|
47
|
-
description: string;
|
|
48
|
-
table: {
|
|
49
|
-
defaultValue: {
|
|
50
|
-
summary: string;
|
|
51
|
-
};
|
|
52
|
-
};
|
|
53
|
-
};
|
|
54
|
-
html: {
|
|
55
|
-
type: "string";
|
|
56
|
-
description: string;
|
|
57
|
-
};
|
|
58
|
-
};
|
|
59
|
-
args: {
|
|
60
|
-
as: "h1";
|
|
61
|
-
size: 3;
|
|
62
|
-
weights: "normal";
|
|
63
|
-
};
|
|
64
|
-
};
|
|
65
|
-
export default meta;
|
|
66
|
-
type Story = StoryObj<typeof meta>;
|
|
67
|
-
export declare const Default: Story;
|
|
68
|
-
export declare const All: Story;
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var s=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var p=Object.prototype.hasOwnProperty;var h=(r,t)=>{for(var i in t)s(r,i,{get:t[i],enumerable:!0})},u=(r,t,i,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of d(t))!p.call(r,a)&&a!==i&&s(r,a,{get:()=>t[a],enumerable:!(n=l(t,a))||n.enumerable});return r};var c=r=>u(s({},"__esModule",{value:!0}),r);var z={};h(z,{All:()=>f,Default:()=>y,default:()=>m});module.exports=c(z);var e=require("react/jsx-runtime"),o=require("../components/index"),H=require("react");const g={title:"Typography/Heading",component:o.Heading,parameters:{layout:"centered",docs:{description:{component:"Heading \u7EC4\u4EF6, \u57FA\u672C\u548Ctext \u7EC4\u4EF6\u4E00\u6837\uFF0C\u53EA\u662F\u9ED8\u8BA4\u7684\u6807\u7B7E\u7C7B\u578B\u4E0D\u4E00\u6837"}}},tags:["autodocs"],argTypes:{size:{control:{type:"select"},options:[1,2,3,4,5,6,7,8,9],description:"1~9",table:{defaultValue:{summary:"3"}}},weights:{control:{type:"select"},options:["light","normal","medium","bold"],table:{defaultValue:{summary:"normal"}}},color:{control:"color"},as:{control:{type:"select"},options:["h1","h2","h3","h4","h5","h6"],description:"html \u6807\u7B7E\u7C7B\u578B",table:{defaultValue:{summary:"h1"}}},html:{type:"string",description:"\u76F8\u5F53\u4E8E dangerouslySetInnerHTML"}},args:{as:"h1",size:3,weights:"normal"}};var m=g;const y={args:{as:"h1",children:" The quick brown fox jumps over the lazy dog."}},f={render:()=>(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(o.Heading,{size:1,children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(o.Heading,{size:2,children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(o.Heading,{size:3,children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(o.Heading,{size:4,children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(o.Heading,{size:5,children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(o.Heading,{size:6,children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(o.Heading,{size:7,children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(o.Heading,{size:8,children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(o.Heading,{size:9,children:"The quick brown fox jumps over the lazy dog."})]})};
|
|
2
|
-
//# sourceMappingURL=heading.stories.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/stories/heading.stories.tsx"],
|
|
4
|
-
"sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\n\nimport { Heading } from '../components/index'\nimport React from 'react'\n\nconst meta = {\n title: 'Typography/Heading',\n component: Heading,\n parameters: {\n layout: 'centered',\n docs: {\n description: {\n component: 'Heading \u7EC4\u4EF6, \u57FA\u672C\u548Ctext \u7EC4\u4EF6\u4E00\u6837\uFF0C\u53EA\u662F\u9ED8\u8BA4\u7684\u6807\u7B7E\u7C7B\u578B\u4E0D\u4E00\u6837',\n },\n },\n },\n tags: ['autodocs'],\n argTypes: {\n size: {\n control: {\n type: 'select',\n },\n options: [1, 2, 3, 4, 5, 6, 7, 8, 9],\n description: '1~9',\n table: {\n defaultValue: { summary: '3' },\n },\n },\n weights: {\n control: {\n type: 'select',\n },\n options: ['light', 'normal', 'medium', 'bold'],\n table: {\n defaultValue: { summary: 'normal' },\n },\n },\n color: {\n control: 'color',\n },\n as: {\n control: {\n type: 'select',\n },\n options: ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'],\n description: 'html \u6807\u7B7E\u7C7B\u578B',\n table: {\n defaultValue: { summary: 'h1' },\n },\n },\n html: {\n type: 'string',\n description: '\u76F8\u5F53\u4E8E dangerouslySetInnerHTML',\n },\n },\n args: {\n as: 'h1',\n size: 3,\n weights: 'normal',\n },\n} satisfies Meta<typeof Heading>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n args: {\n as: 'h1',\n children: ' The quick brown fox jumps over the lazy dog.',\n },\n}\n\nexport const All: Story = {\n render: () => (\n <>\n <Heading size={1}>The quick brown fox jumps over the lazy dog.</Heading>\n <Heading size={2}>The quick brown fox jumps over the lazy dog.</Heading>\n <Heading size={3}>The quick brown fox jumps over the lazy dog.</Heading>\n <Heading size={4}>The quick brown fox jumps over the lazy dog.</Heading>\n <Heading size={5}>The quick brown fox jumps over the lazy dog.</Heading>\n <Heading size={6}>The quick brown fox jumps over the lazy dog.</Heading>\n <Heading size={7}>The quick brown fox jumps over the lazy dog.</Heading>\n <Heading size={8}>The quick brown fox jumps over the lazy dog.</Heading>\n <Heading size={9}>The quick brown fox jumps over the lazy dog.</Heading>\n </>\n ),\n}\n"],
|
|
5
|
-
"mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,SAAAE,EAAA,YAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAL,GA2EI,IAAAM,EAAA,6BAzEJC,EAAwB,+BACxBC,EAAkB,iBAElB,MAAMC,EAAO,CACX,MAAO,qBACP,UAAW,UACX,WAAY,CACV,OAAQ,WACR,KAAM,CACJ,YAAa,CACX,UAAW,qJACb,CACF,CACF,EACA,KAAM,CAAC,UAAU,EACjB,SAAU,CACR,KAAM,CACJ,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,CAAC,EACnC,YAAa,MACb,MAAO,CACL,aAAc,CAAE,QAAS,GAAI,CAC/B,CACF,EACA,QAAS,CACP,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,QAAS,SAAU,SAAU,MAAM,EAC7C,MAAO,CACL,aAAc,CAAE,QAAS,QAAS,CACpC,CACF,EACA,MAAO,CACL,QAAS,OACX,EACA,GAAI,CACF,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,KAAM,KAAM,KAAM,KAAM,KAAM,IAAI,EAC5C,YAAa,gCACb,MAAO,CACL,aAAc,CAAE,QAAS,IAAK,CAChC,CACF,EACA,KAAM,CACJ,KAAM,SACN,YAAa,4CACf,CACF,EACA,KAAM,CACJ,GAAI,KACJ,KAAM,EACN,QAAS,QACX,CACF,EAEA,IAAOL,EAAQK,EAIR,MAAMN,EAAiB,CAC5B,KAAM,CACJ,GAAI,KACJ,SAAU,+CACZ,CACF,EAEaD,EAAa,CACxB,OAAQ,OACN,oBACE,oBAAC,WAAQ,KAAM,EAAG,wDAA4C,KAC9D,OAAC,WAAQ,KAAM,EAAG,wDAA4C,KAC9D,OAAC,WAAQ,KAAM,EAAG,wDAA4C,KAC9D,OAAC,WAAQ,KAAM,EAAG,wDAA4C,KAC9D,OAAC,WAAQ,KAAM,EAAG,wDAA4C,KAC9D,OAAC,WAAQ,KAAM,EAAG,wDAA4C,KAC9D,OAAC,WAAQ,KAAM,EAAG,wDAA4C,KAC9D,OAAC,WAAQ,KAAM,EAAG,wDAA4C,KAC9D,OAAC,WAAQ,KAAM,EAAG,wDAA4C,GAChE,CAEJ",
|
|
6
|
-
"names": ["heading_stories_exports", "__export", "All", "Default", "heading_stories_default", "__toCommonJS", "import_jsx_runtime", "import_components", "import_react", "meta"]
|
|
7
|
-
}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import type { StoryObj } from '@storybook/react';
|
|
2
|
-
import type { ComponentType } from 'react';
|
|
3
|
-
import React from 'react';
|
|
4
|
-
declare const meta: {
|
|
5
|
-
title: string;
|
|
6
|
-
component: React.ForwardRefExoticComponent<import("../components/input").InputProps & React.RefAttributes<HTMLInputElement>>;
|
|
7
|
-
subcomponents: {
|
|
8
|
-
InputSlot: ComponentType<unknown>;
|
|
9
|
-
};
|
|
10
|
-
parameters: {
|
|
11
|
-
layout: string;
|
|
12
|
-
};
|
|
13
|
-
tags: string[];
|
|
14
|
-
argTypes: {
|
|
15
|
-
size: {
|
|
16
|
-
control: {
|
|
17
|
-
type: "select";
|
|
18
|
-
};
|
|
19
|
-
options: string[];
|
|
20
|
-
};
|
|
21
|
-
};
|
|
22
|
-
args: {
|
|
23
|
-
size: "base";
|
|
24
|
-
};
|
|
25
|
-
};
|
|
26
|
-
export default meta;
|
|
27
|
-
type Story = StoryObj<typeof meta>;
|
|
28
|
-
export declare const Default: Story;
|
|
29
|
-
export declare const WithButton: Story;
|
|
30
|
-
export declare const WithIcon: Story;
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var s=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var c=(o,e)=>{for(var p in e)s(o,p,{get:e[p],enumerable:!0})},y=(o,e,p,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of l(e))!m.call(o,n)&&n!==p&&s(o,n,{get:()=>e[n],enumerable:!(a=u(e,n))||a.enumerable});return o};var d=o=>y(s({},"__esModule",{value:!0}),o);var g={};c(g,{Default:()=>S,WithButton:()=>b,WithIcon:()=>h,default:()=>I});module.exports=d(g);var r=require("react/jsx-runtime"),t=require("../components/index"),i=require("@storybook/icons"),z=require("react");const f={title:"Components/Input",component:t.Input,subcomponents:{InputSlot:t.InputSlot},parameters:{layout:"centered"},tags:["autodocs"],argTypes:{size:{control:{type:"select"},options:["sm","base","lg"]}},args:{size:"base"}};var I=f;const S={args:{}},b={render(){return(0,r.jsx)(t.Input,{className:"ai-rounded-3xl ai-pr-0",placeholder:"Enter your email",type:"text",children:(0,r.jsx)(t.InputSlot,{side:"right",children:(0,r.jsx)(t.Button,{className:"ai-h-full ai-rounded-none",size:"sm",children:"subscribe"})})})}},h={render(){return(0,r.jsx)(t.Input,{type:"text",placeholder:"search in site",children:(0,r.jsx)(t.InputSlot,{side:"left",children:(0,r.jsx)(i.SearchIcon,{})})})}};
|
|
2
|
-
//# sourceMappingURL=input.stories.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/stories/input.stories.tsx"],
|
|
4
|
-
"sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\nimport type { ComponentType } from 'react'\nimport { Button, Input, InputSlot } from '../components/index'\nimport { SearchIcon } from '@storybook/icons'\nimport React from 'react'\n\nconst meta = {\n title: 'Components/Input',\n component: Input,\n subcomponents: { InputSlot: InputSlot as ComponentType<unknown> }, // TODO: \u68C0\u67E5type , \u53BB\u6389as\u7C7B\u578B\u8F6C\u6362\n parameters: {\n layout: 'centered',\n },\n tags: ['autodocs'],\n argTypes: {\n size: {\n control: {\n type: 'select',\n },\n options: ['sm', 'base', 'lg'],\n },\n },\n args: {\n size: 'base',\n },\n} satisfies Meta<typeof Input>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n args: {},\n}\n\nexport const WithButton: Story = {\n render() {\n return (\n <Input className=\"ai-rounded-3xl ai-pr-0\" placeholder=\"Enter your email\" type=\"text\">\n <InputSlot side=\"right\">\n <Button className=\"ai-h-full ai-rounded-none\" size=\"sm\">\n subscribe\n </Button>\n </InputSlot>\n </Input>\n )\n },\n}\nexport const WithIcon: Story = {\n render() {\n return (\n <Input type=\"text\" placeholder=\"search in site\">\n <InputSlot side=\"left\">\n <SearchIcon />\n </InputSlot>\n </Input>\n )\n },\n}\n"],
|
|
5
|
-
"mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,eAAAC,EAAA,aAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAN,GAwCU,IAAAO,EAAA,6BAtCVC,EAAyC,+BACzCC,EAA2B,4BAC3BC,EAAkB,iBAElB,MAAMC,EAAO,CACX,MAAO,mBACP,UAAW,QACX,cAAe,CAAE,UAAW,WAAoC,EAChE,WAAY,CACV,OAAQ,UACV,EACA,KAAM,CAAC,UAAU,EACjB,SAAU,CACR,KAAM,CACJ,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,KAAM,OAAQ,IAAI,CAC9B,CACF,EACA,KAAM,CACJ,KAAM,MACR,CACF,EAEA,IAAON,EAAQM,EAIR,MAAMT,EAAiB,CAC5B,KAAM,CAAC,CACT,EAEaC,EAAoB,CAC/B,QAAS,CACP,SACE,OAAC,SAAM,UAAU,yBAAyB,YAAY,mBAAmB,KAAK,OAC5E,mBAAC,aAAU,KAAK,QACd,mBAAC,UAAO,UAAU,4BAA4B,KAAK,KAAK,qBAExD,EACF,EACF,CAEJ,CACF,EACaC,EAAkB,CAC7B,QAAS,CACP,SACE,OAAC,SAAM,KAAK,OAAO,YAAY,iBAC7B,mBAAC,aAAU,KAAK,OACd,mBAAC,eAAW,EACd,EACF,CAEJ,CACF",
|
|
6
|
-
"names": ["input_stories_exports", "__export", "Default", "WithButton", "WithIcon", "input_stories_default", "__toCommonJS", "import_jsx_runtime", "import_components", "import_icons", "import_react", "meta"]
|
|
7
|
-
}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var r=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var l=Object.prototype.hasOwnProperty;var d=(o,e)=>{for(var i in e)r(o,i,{get:e[i],enumerable:!0})},u=(o,e,i,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of m(e))!l.call(o,s)&&s!==i&&r(o,s,{get:()=>e[s],enumerable:!(a=p(e,s))||a.enumerable});return o};var g=o=>u(r({},"__esModule",{value:!0}),o);var c={};d(c,{Default:()=>v,default:()=>h});module.exports=g(c);var t=require("react/jsx-runtime"),f=require("react"),n=require("../components/index"),h={title:"Components/Popover"};const v=()=>(0,t.jsxs)(n.Popover,{children:[(0,t.jsx)(n.PopoverTrigger,{asChild:!0,children:(0,t.jsx)("button",{children:"Open popover"})}),(0,t.jsx)(n.PopoverContent,{className:"ai-w-80",children:(0,t.jsx)("div",{className:"ai-grid ai-gap-4",children:(0,t.jsx)("p",{children:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."})})})]});
|
|
2
|
-
//# sourceMappingURL=popover.stories.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/stories/popover.stories.tsx"],
|
|
4
|
-
"sourcesContent": ["import React from 'react'\nimport { Popover, PopoverContent, PopoverTrigger } from '../components/index'\n\nexport default { title: 'Components/Popover' }\n\nexport const Default = () => (\n <Popover>\n <PopoverTrigger asChild>\n <button>Open popover</button>\n </PopoverTrigger>\n <PopoverContent className=\"ai-w-80\">\n <div className=\"ai-grid ai-gap-4\">\n <p>\n Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's\n standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to\n make a type specimen book. It has survived not only five centuries, but also the leap into electronic\n typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset\n sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus\n PageMaker including versions of Lorem Ipsum.\n </p>\n </div>\n </PopoverContent>\n </Popover>\n)\n"],
|
|
5
|
-
"mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,YAAAC,IAAA,eAAAC,EAAAJ,GAME,IAAAK,EAAA,6BANFC,EAAkB,iBAClBC,EAAwD,+BAEjDJ,EAAQ,CAAE,MAAO,oBAAqB,EAEtC,MAAMD,EAAU,OACrB,QAAC,WACC,oBAAC,kBAAe,QAAO,GACrB,mBAAC,UAAO,wBAAY,EACtB,KACA,OAAC,kBAAe,UAAU,UACxB,mBAAC,OAAI,UAAU,mBACb,mBAAC,KAAE,0kBAOH,EACF,EACF,GACF",
|
|
6
|
-
"names": ["popover_stories_exports", "__export", "Default", "popover_stories_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_components"]
|
|
7
|
-
}
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import type { StoryObj } from '@storybook/react/*';
|
|
2
|
-
import { RadioGroup } from '../components/index';
|
|
3
|
-
import React from 'react';
|
|
4
|
-
declare const meta: {
|
|
5
|
-
title: string;
|
|
6
|
-
component: React.ForwardRefExoticComponent<import("../components/radio").RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
7
|
-
parameters: {
|
|
8
|
-
layout: string;
|
|
9
|
-
docs: {
|
|
10
|
-
description: {
|
|
11
|
-
component: string;
|
|
12
|
-
};
|
|
13
|
-
};
|
|
14
|
-
};
|
|
15
|
-
tags: string[];
|
|
16
|
-
argTypes: {
|
|
17
|
-
size: {
|
|
18
|
-
control: {
|
|
19
|
-
type: "select";
|
|
20
|
-
};
|
|
21
|
-
options: string[];
|
|
22
|
-
description: string;
|
|
23
|
-
table: {
|
|
24
|
-
defaultValue: {
|
|
25
|
-
summary: string;
|
|
26
|
-
};
|
|
27
|
-
};
|
|
28
|
-
};
|
|
29
|
-
};
|
|
30
|
-
args: {
|
|
31
|
-
size: "base";
|
|
32
|
-
};
|
|
33
|
-
};
|
|
34
|
-
export default meta;
|
|
35
|
-
type Story = StoryObj<typeof RadioGroup>;
|
|
36
|
-
export declare const Default: Story;
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var s=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var c=(t,e)=>{for(var r in e)s(t,r,{get:e[r],enumerable:!0})},m=(t,e,r,p)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of l(e))!d.call(t,a)&&a!==r&&s(t,a,{get:()=>e[a],enumerable:!(p=n(e,a))||p.enumerable});return t};var u=t=>m(s({},"__esModule",{value:!0}),t);var g={};c(g,{Default:()=>f,default:()=>b});module.exports=u(g);var o=require("react/jsx-runtime"),i=require("../components/index"),w=require("react");const y={title:"Components/Radio",component:i.RadioGroup,parameters:{layout:"centered",docs:{description:{component:"\u5355\u9009\u6846, \u57FA\u4E8E@radix-ui/react-radio-group https://www.radix-ui.com/primitives/docs/components/radio-group"}}},tags:["autodocs"],argTypes:{size:{control:{type:"select"},options:["sm","base","lg"],description:"\u5C3A\u5BF8",table:{defaultValue:{summary:"base"}}}},args:{size:"base"}};var b=y;const f={args:{size:"base",children:(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)("div",{className:"ai-flex ai-items-center ai-space-x-2",children:[(0,o.jsx)(i.RadioGroupItem,{value:"option-one",id:"option-one"}),(0,o.jsx)("label",{htmlFor:"option-one",children:"Option One"})]}),(0,o.jsxs)("div",{className:"ai-flex ai-items-center ai-space-x-2",children:[(0,o.jsx)(i.RadioGroupItem,{value:"option-two",id:"option-two"}),(0,o.jsx)("label",{htmlFor:"option-two",children:"Option Two"})]})]})}};
|
|
2
|
-
//# sourceMappingURL=radio.stories.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/stories/radio.stories.tsx"],
|
|
4
|
-
"sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react/*'\nimport { RadioGroup, RadioGroupItem } from '../components/index'\nimport React from 'react'\n\nconst meta = {\n title: 'Components/Radio',\n component: RadioGroup,\n // subcomponents: { RadioGroupItem },\n parameters: {\n layout: 'centered',\n docs: {\n description: {\n component:\n '\u5355\u9009\u6846, \u57FA\u4E8E@radix-ui/react-radio-group https://www.radix-ui.com/primitives/docs/components/radio-group',\n },\n },\n },\n tags: ['autodocs'],\n argTypes: {\n size: {\n control: {\n type: 'select',\n },\n options: ['sm', 'base', 'lg'],\n description: '\u5C3A\u5BF8',\n table: {\n defaultValue: { summary: 'base' },\n },\n },\n },\n args: {\n size: 'base',\n },\n} satisfies Meta<typeof RadioGroup>\n\nexport default meta\n\ntype Story = StoryObj<typeof RadioGroup>\nexport const Default: Story = {\n args: {\n size: 'base',\n children: (\n <>\n <div className=\"ai-flex ai-items-center ai-space-x-2\">\n <RadioGroupItem value=\"option-one\" id=\"option-one\" />\n <label htmlFor=\"option-one\">Option One</label>\n </div>\n <div className=\"ai-flex ai-items-center ai-space-x-2\">\n <RadioGroupItem value=\"option-two\" id=\"option-two\" />\n <label htmlFor=\"option-two\">Option Two</label>\n </div>\n </>\n ),\n },\n}\n"],
|
|
5
|
-
"mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,YAAAC,IAAA,eAAAC,EAAAJ,GA0CM,IAAAK,EAAA,6BAzCNC,EAA2C,+BAC3CC,EAAkB,iBAElB,MAAMC,EAAO,CACX,MAAO,mBACP,UAAW,aAEX,WAAY,CACV,OAAQ,WACR,KAAM,CACJ,YAAa,CACX,UACE,6HACJ,CACF,CACF,EACA,KAAM,CAAC,UAAU,EACjB,SAAU,CACR,KAAM,CACJ,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,KAAM,OAAQ,IAAI,EAC5B,YAAa,eACb,MAAO,CACL,aAAc,CAAE,QAAS,MAAO,CAClC,CACF,CACF,EACA,KAAM,CACJ,KAAM,MACR,CACF,EAEA,IAAOL,EAAQK,EAGR,MAAMN,EAAiB,CAC5B,KAAM,CACJ,KAAM,OACN,YACE,oBACE,qBAAC,OAAI,UAAU,uCACb,oBAAC,kBAAe,MAAM,aAAa,GAAG,aAAa,KACnD,OAAC,SAAM,QAAQ,aAAa,sBAAU,GACxC,KACA,QAAC,OAAI,UAAU,uCACb,oBAAC,kBAAe,MAAM,aAAa,GAAG,aAAa,KACnD,OAAC,SAAM,QAAQ,aAAa,sBAAU,GACxC,GACF,CAEJ,CACF",
|
|
6
|
-
"names": ["radio_stories_exports", "__export", "Default", "radio_stories_default", "__toCommonJS", "import_jsx_runtime", "import_components", "import_react", "meta"]
|
|
7
|
-
}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import type { StoryObj } from '@storybook/react';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
declare const meta: {
|
|
4
|
-
title: string;
|
|
5
|
-
component: React.ForwardRefExoticComponent<import("../components/skeleton").SkeletonProps & React.RefAttributes<HTMLSpanElement>>;
|
|
6
|
-
parameters: {
|
|
7
|
-
layout: string;
|
|
8
|
-
docs: {
|
|
9
|
-
description: {
|
|
10
|
-
component: string;
|
|
11
|
-
};
|
|
12
|
-
};
|
|
13
|
-
};
|
|
14
|
-
tags: string[];
|
|
15
|
-
};
|
|
16
|
-
export default meta;
|
|
17
|
-
type Story = StoryObj<typeof meta>;
|
|
18
|
-
export declare const Default: Story;
|
|
19
|
-
export declare const Multiple: Story;
|
|
20
|
-
export declare const WithText: Story;
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var r=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var p=(o,a)=>{for(var s in a)r(o,s,{get:a[s],enumerable:!0})},m=(o,a,s,l)=>{if(a&&typeof a=="object"||typeof a=="function")for(let i of c(a))!d.call(o,i)&&i!==s&&r(o,i,{get:()=>a[i],enumerable:!(l=n(a,i))||l.enumerable});return o};var y=o=>m(r({},"__esModule",{value:!0}),o);var g={};p(g,{Default:()=>h,Multiple:()=>x,WithText:()=>S,default:()=>u});module.exports=y(g);var e=require("react/jsx-runtime"),t=require("../components/index"),b=require("react");const f={title:"Components/Skeleton",component:t.Skeleton,parameters:{layout:"centered",docs:{description:{component:"\u9AA8\u67B6\u5C4F\u7EC4\u4EF6,\u7528\u6765\u5728\u6570\u636E\u52A0\u8F7D\u65F6\u5C55\u793A\u4E00\u4E2A\u5360\u4F4D\u56FE, \u53EF\u4EE5\u5305\u5728dom \u5916\u4F7F\u7528\uFF0C\u901A\u8FC7loading \u63A7\u5236\u663E\u793A\u9690\u85CF, \u4E5F\u53EF\u4EE5\u5355\u72EC\u4F7F\u7528\uFF0C\u901A\u8FC7\u81EA\u5B9A\u4E49class\u63A7\u5236\u6837\u5F0F, \u7EC4\u5408\u6210\u60F3\u8981\u7684\u5F62\u72B6"}}},tags:["autodocs"]};var u=f;const h={args:{loading:!0,children:(0,e.jsx)("div",{className:"ai-h-14 ai-rounded-3xl ai-overflow-hidden ai-px-4 ai-py-4 w-full",children:"Fog creeps across moors, hills, and rivers. It adds an eerie charm to the landscape, but also complicates driving."})}},x={render(){return(0,e.jsxs)("div",{className:"ai-flex ai-flex-col ai-items-center ai-justify-center",children:[(0,e.jsxs)("div",{className:"ai-flex ai-w-full ai-justify-between",children:[(0,e.jsx)(t.Skeleton,{className:"ai-size-12 ai-rounded-full"}),(0,e.jsx)(t.Skeleton,{className:"ai-h-12 ai-w-[70%] "})]}),(0,e.jsx)(t.Skeleton,{className:"ai-mt-2 ai-h-40 ai-w-[200px]"})]})}},S={render(){return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(t.Skeleton,{loading:!0,children:"Rainfall is a constant companion. Umbrellas are practically a national accessory. Expect drizzles, showers, and downpours, often accompanied by gray skies."}),(0,e.jsx)("hr",{}),(0,e.jsx)(t.Skeleton,{loading:!1,children:"Rainfall is a constant companion. Umbrellas are practically a national accessory. Expect drizzles, showers, and downpours, often accompanied by gray skies."})]})}};
|
|
2
|
-
//# sourceMappingURL=skeleton.stories.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/stories/skeleton.stories.tsx"],
|
|
4
|
-
"sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\n\nimport { Skeleton } from '../components/index'\nimport React from 'react'\n\nconst meta = {\n title: 'Components/Skeleton',\n component: Skeleton,\n parameters: {\n layout: 'centered',\n docs: {\n description: {\n component:\n '\u9AA8\u67B6\u5C4F\u7EC4\u4EF6,\u7528\u6765\u5728\u6570\u636E\u52A0\u8F7D\u65F6\u5C55\u793A\u4E00\u4E2A\u5360\u4F4D\u56FE, \u53EF\u4EE5\u5305\u5728dom \u5916\u4F7F\u7528\uFF0C\u901A\u8FC7loading \u63A7\u5236\u663E\u793A\u9690\u85CF, \u4E5F\u53EF\u4EE5\u5355\u72EC\u4F7F\u7528\uFF0C\u901A\u8FC7\u81EA\u5B9A\u4E49class\u63A7\u5236\u6837\u5F0F, \u7EC4\u5408\u6210\u60F3\u8981\u7684\u5F62\u72B6',\n },\n },\n },\n tags: ['autodocs'],\n} satisfies Meta<typeof Skeleton>\n\nexport default meta\n\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n args: {\n loading: true,\n children: (\n <div className=\"ai-h-14 ai-rounded-3xl ai-overflow-hidden ai-px-4 ai-py-4 w-full\">\n Fog creeps across moors, hills, and rivers. It adds an eerie charm to the landscape, but also complicates\n driving.\n </div>\n ),\n },\n}\n\nexport const Multiple: Story = {\n render() {\n return (\n <div className=\"ai-flex ai-flex-col ai-items-center ai-justify-center\">\n <div className=\"ai-flex ai-w-full ai-justify-between\">\n <Skeleton className=\"ai-size-12 ai-rounded-full\" />\n <Skeleton className=\"ai-h-12 ai-w-[70%] \" />\n </div>\n <Skeleton className=\"ai-mt-2 ai-h-40 ai-w-[200px]\" />\n </div>\n )\n },\n}\n\nexport const WithText: Story = {\n render() {\n return (\n <>\n <Skeleton loading={true}>\n Rainfall is a constant companion. Umbrellas are practically a national accessory. Expect drizzles, showers,\n and downpours, often accompanied by gray skies.\n </Skeleton>\n <hr />\n <Skeleton loading={false}>\n Rainfall is a constant companion. Umbrellas are practically a national accessory. Expect drizzles, showers,\n and downpours, often accompanied by gray skies.\n </Skeleton>\n </>\n )\n },\n}\n"],
|
|
5
|
-
"mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,aAAAC,EAAA,aAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAN,GA4BM,IAAAO,EAAA,6BA1BNC,EAAyB,+BACzBC,EAAkB,iBAElB,MAAMC,EAAO,CACX,MAAO,sBACP,UAAW,WACX,WAAY,CACV,OAAQ,WACR,KAAM,CACJ,YAAa,CACX,UACE,wYACJ,CACF,CACF,EACA,KAAM,CAAC,UAAU,CACnB,EAEA,IAAOL,EAAQK,EAIR,MAAMR,EAAiB,CAC5B,KAAM,CACJ,QAAS,GACT,YACE,OAAC,OAAI,UAAU,mEAAmE,8HAGlF,CAEJ,CACF,EAEaC,EAAkB,CAC7B,QAAS,CACP,SACE,QAAC,OAAI,UAAU,wDACb,qBAAC,OAAI,UAAU,uCACb,oBAAC,YAAS,UAAU,6BAA6B,KACjD,OAAC,YAAS,UAAU,sBAAsB,GAC5C,KACA,OAAC,YAAS,UAAU,+BAA+B,GACrD,CAEJ,CACF,EAEaC,EAAkB,CAC7B,QAAS,CACP,SACE,oBACE,oBAAC,YAAS,QAAS,GAAM,uKAGzB,KACA,OAAC,OAAG,KACJ,OAAC,YAAS,QAAS,GAAO,uKAG1B,GACF,CAEJ,CACF",
|
|
6
|
-
"names": ["skeleton_stories_exports", "__export", "Default", "Multiple", "WithText", "skeleton_stories_default", "__toCommonJS", "import_jsx_runtime", "import_components", "import_react", "meta"]
|
|
7
|
-
}
|
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
import type { StoryObj } from '@storybook/react';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
declare const meta: {
|
|
4
|
-
title: string;
|
|
5
|
-
component: React.ForwardRefExoticComponent<import("../components/text").TextProps & React.RefAttributes<HTMLSpanElement>>;
|
|
6
|
-
parameters: {
|
|
7
|
-
layout: string;
|
|
8
|
-
docs: {
|
|
9
|
-
description: {
|
|
10
|
-
component: string;
|
|
11
|
-
};
|
|
12
|
-
};
|
|
13
|
-
};
|
|
14
|
-
tags: string[];
|
|
15
|
-
argTypes: {
|
|
16
|
-
size: {
|
|
17
|
-
control: {
|
|
18
|
-
type: "select";
|
|
19
|
-
};
|
|
20
|
-
options: number[];
|
|
21
|
-
table: {
|
|
22
|
-
defaultValue: {
|
|
23
|
-
summary: string;
|
|
24
|
-
};
|
|
25
|
-
};
|
|
26
|
-
};
|
|
27
|
-
weights: {
|
|
28
|
-
control: {
|
|
29
|
-
type: "select";
|
|
30
|
-
};
|
|
31
|
-
options: string[];
|
|
32
|
-
table: {
|
|
33
|
-
defaultValue: {
|
|
34
|
-
summary: string;
|
|
35
|
-
};
|
|
36
|
-
};
|
|
37
|
-
};
|
|
38
|
-
color: {
|
|
39
|
-
control: "color";
|
|
40
|
-
};
|
|
41
|
-
as: {
|
|
42
|
-
control: {
|
|
43
|
-
type: "select";
|
|
44
|
-
};
|
|
45
|
-
description: string;
|
|
46
|
-
options: string[];
|
|
47
|
-
table: {
|
|
48
|
-
defaultValue: {
|
|
49
|
-
summary: string;
|
|
50
|
-
};
|
|
51
|
-
};
|
|
52
|
-
};
|
|
53
|
-
html: {
|
|
54
|
-
type: "string";
|
|
55
|
-
description: string;
|
|
56
|
-
};
|
|
57
|
-
};
|
|
58
|
-
args: {
|
|
59
|
-
size: 3;
|
|
60
|
-
weights: "normal";
|
|
61
|
-
html: string;
|
|
62
|
-
};
|
|
63
|
-
};
|
|
64
|
-
export default meta;
|
|
65
|
-
type Story = StoryObj<typeof meta>;
|
|
66
|
-
export declare const Default: Story;
|
|
67
|
-
export declare const Sizes: Story;
|
|
68
|
-
export declare const Weights: Story;
|
|
69
|
-
export declare const Html: Story;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
"use strict";var a=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var c=(r,t)=>{for(var i in t)a(r,i,{get:t[i],enumerable:!0})},f=(r,t,i,l)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of p(t))!u.call(r,s)&&s!==i&&a(r,s,{get:()=>t[s],enumerable:!(l=n(t,s))||l.enumerable});return r};var h=r=>f(a({},"__esModule",{value:!0}),r);var b={};c(b,{Default:()=>x,Html:()=>T,Sizes:()=>y,Weights:()=>g,default:()=>d});module.exports=h(b);var e=require("react/jsx-runtime"),o=require("../components/index"),w=require("react");const m={title:"Typography/Text",component:o.Text,parameters:{layout:"centered",docs:{description:{component:"\u6587\u672C\u7EC4\u4EF6, \u7B80\u5355\u5C01\u88C5\u4E86\u5E38\u7528\u7684\u6837\u5F0F\u5B57\u6BB5\uFF0C\u7528\u4E8E\u5C55\u793A\u6587\u672C\u5185\u5BB9."}}},tags:["autodocs"],argTypes:{size:{control:{type:"select"},options:[1,2,3,4,5,6,7,8,9],table:{defaultValue:{summary:"3"}}},weights:{control:{type:"select"},options:["light","normal","medium","bold"],table:{defaultValue:{summary:"normal"}}},color:{control:"color"},as:{control:{type:"select"},description:"html \u6807\u7B7E\u7C7B\u578B",options:["div","label","p","span"],table:{defaultValue:{summary:"span"}}},html:{type:"string",description:"\u76F8\u5F53\u4E8E dangerouslySetInnerHTML"}},args:{size:3,weights:"normal",html:""}};var d=m;const x={args:{children:" The quick brown fox jumps over the lazy dog.",size:3,weights:"normal"}},y={render(){return(0,e.jsxs)("div",{className:"ai-flex ai-flex-col",children:[(0,e.jsx)(o.Text,{size:1,children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(o.Text,{size:2,children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(o.Text,{size:3,children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(o.Text,{size:4,children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(o.Text,{size:5,children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(o.Text,{size:6,children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(o.Text,{size:7,children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(o.Text,{size:8,children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(o.Text,{size:9,children:"The quick brown fox jumps over the lazy dog."})]})}},g={render(){return(0,e.jsxs)("div",{className:"ai-flex ai-flex-col",children:[(0,e.jsx)(o.Text,{weights:"light",children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(o.Text,{weights:"normal",children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(o.Text,{weights:"medium",children:"The quick brown fox jumps over the lazy dog."}),(0,e.jsx)(o.Text,{weights:"bold",children:"The quick brown fox jumps over the lazy dog."})]})}},T={render(){return(0,e.jsx)(o.Text,{html:`The <span style='font-size:20px;font:bold; -webkit-background-clip: text; background: linear-gradient(
|
|
2
|
-
to right,
|
|
3
|
-
#00ff00, /* \u7EFF\u8272 */
|
|
4
|
-
#00ff99, /* \u6D45\u7EFF\u8272 */
|
|
5
|
-
#00ffff, /* \u9752\u8272 */
|
|
6
|
-
#0099ff, /* \u6D45\u84DD\u8272 */
|
|
7
|
-
#8000ff, /* \u7D2B\u8272 */
|
|
8
|
-
#ff00ff /* \u7C89\u8272 */
|
|
9
|
-
);color: transparent;background-clip: text;'>quick brown fox</span> <br/> jumps over the lazy dog.`})}};
|
|
10
|
-
//# sourceMappingURL=text.stories.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/stories/text.stories.tsx"],
|
|
4
|
-
"sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react'\n\nimport { Text } from '../components/index'\nimport React from 'react'\n\nconst meta = {\n title: 'Typography/Text',\n component: Text,\n parameters: {\n layout: 'centered',\n docs: {\n description: {\n component: '\u6587\u672C\u7EC4\u4EF6, \u7B80\u5355\u5C01\u88C5\u4E86\u5E38\u7528\u7684\u6837\u5F0F\u5B57\u6BB5\uFF0C\u7528\u4E8E\u5C55\u793A\u6587\u672C\u5185\u5BB9.',\n },\n },\n },\n tags: ['autodocs'],\n argTypes: {\n size: {\n control: {\n type: 'select',\n },\n options: [1, 2, 3, 4, 5, 6, 7, 8, 9],\n table: {\n defaultValue: { summary: '3' },\n },\n },\n weights: {\n control: {\n type: 'select',\n },\n options: ['light', 'normal', 'medium', 'bold'],\n table: {\n defaultValue: { summary: 'normal' },\n },\n },\n color: {\n control: 'color',\n },\n as: {\n control: {\n type: 'select',\n },\n description: 'html \u6807\u7B7E\u7C7B\u578B',\n options: ['div', 'label', 'p', 'span'],\n table: {\n defaultValue: { summary: 'span' },\n },\n },\n html: {\n type: 'string',\n description: '\u76F8\u5F53\u4E8E dangerouslySetInnerHTML',\n },\n },\n args: {\n size: 3,\n weights: 'normal',\n html: '',\n },\n} satisfies Meta<typeof Text>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nexport const Default: Story = {\n args: {\n children: ' The quick brown fox jumps over the lazy dog.',\n size: 3,\n weights: 'normal',\n },\n}\n\nexport const Sizes: Story = {\n render() {\n return (\n <div className=\"ai-flex ai-flex-col\">\n <Text size={1}>The quick brown fox jumps over the lazy dog.</Text>\n <Text size={2}>The quick brown fox jumps over the lazy dog.</Text>\n <Text size={3}>The quick brown fox jumps over the lazy dog.</Text>\n <Text size={4}>The quick brown fox jumps over the lazy dog.</Text>\n <Text size={5}>The quick brown fox jumps over the lazy dog.</Text>\n <Text size={6}>The quick brown fox jumps over the lazy dog.</Text>\n <Text size={7}>The quick brown fox jumps over the lazy dog.</Text>\n <Text size={8}>The quick brown fox jumps over the lazy dog.</Text>\n <Text size={9}>The quick brown fox jumps over the lazy dog.</Text>\n </div>\n )\n },\n}\n\nexport const Weights: Story = {\n render() {\n return (\n <div className=\"ai-flex ai-flex-col\">\n <Text weights=\"light\">The quick brown fox jumps over the lazy dog.</Text>\n <Text weights=\"normal\">The quick brown fox jumps over the lazy dog.</Text>\n <Text weights=\"medium\">The quick brown fox jumps over the lazy dog.</Text>\n <Text weights=\"bold\">The quick brown fox jumps over the lazy dog.</Text>\n </div>\n )\n },\n}\n\nexport const Html: Story = {\n render() {\n return (\n <Text\n html={`The <span style='font-size:20px;font:bold; -webkit-background-clip: text; background: linear-gradient(\n to right, \n #00ff00, /* \u7EFF\u8272 */\n #00ff99, /* \u6D45\u7EFF\u8272 */\n #00ffff, /* \u9752\u8272 */\n #0099ff, /* \u6D45\u84DD\u8272 */\n #8000ff, /* \u7D2B\u8272 */\n #ff00ff /* \u7C89\u8272 */\n );color: transparent;background-clip: text;'>quick brown fox</span> <br/> jumps over the lazy dog.`}\n />\n )\n },\n}\n"],
|
|
5
|
-
"mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,SAAAC,EAAA,UAAAC,EAAA,YAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAP,GA2EM,IAAAQ,EAAA,6BAzENC,EAAqB,+BACrBC,EAAkB,iBAElB,MAAMC,EAAO,CACX,MAAO,kBACP,UAAW,OACX,WAAY,CACV,OAAQ,WACR,KAAM,CACJ,YAAa,CACX,UAAW,2JACb,CACF,CACF,EACA,KAAM,CAAC,UAAU,EACjB,SAAU,CACR,KAAM,CACJ,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,CAAC,EACnC,MAAO,CACL,aAAc,CAAE,QAAS,GAAI,CAC/B,CACF,EACA,QAAS,CACP,QAAS,CACP,KAAM,QACR,EACA,QAAS,CAAC,QAAS,SAAU,SAAU,MAAM,EAC7C,MAAO,CACL,aAAc,CAAE,QAAS,QAAS,CACpC,CACF,EACA,MAAO,CACL,QAAS,OACX,EACA,GAAI,CACF,QAAS,CACP,KAAM,QACR,EACA,YAAa,gCACb,QAAS,CAAC,MAAO,QAAS,IAAK,MAAM,EACrC,MAAO,CACL,aAAc,CAAE,QAAS,MAAO,CAClC,CACF,EACA,KAAM,CACJ,KAAM,SACN,YAAa,4CACf,CACF,EACA,KAAM,CACJ,KAAM,EACN,QAAS,SACT,KAAM,EACR,CACF,EAEA,IAAOL,EAAQK,EAGR,MAAMT,EAAiB,CAC5B,KAAM,CACJ,SAAU,gDACV,KAAM,EACN,QAAS,QACX,CACF,EAEaE,EAAe,CAC1B,QAAS,CACP,SACE,QAAC,OAAI,UAAU,sBACb,oBAAC,QAAK,KAAM,EAAG,wDAA4C,KAC3D,OAAC,QAAK,KAAM,EAAG,wDAA4C,KAC3D,OAAC,QAAK,KAAM,EAAG,wDAA4C,KAC3D,OAAC,QAAK,KAAM,EAAG,wDAA4C,KAC3D,OAAC,QAAK,KAAM,EAAG,wDAA4C,KAC3D,OAAC,QAAK,KAAM,EAAG,wDAA4C,KAC3D,OAAC,QAAK,KAAM,EAAG,wDAA4C,KAC3D,OAAC,QAAK,KAAM,EAAG,wDAA4C,KAC3D,OAAC,QAAK,KAAM,EAAG,wDAA4C,GAC7D,CAEJ,CACF,EAEaC,EAAiB,CAC5B,QAAS,CACP,SACE,QAAC,OAAI,UAAU,sBACb,oBAAC,QAAK,QAAQ,QAAQ,wDAA4C,KAClE,OAAC,QAAK,QAAQ,SAAS,wDAA4C,KACnE,OAAC,QAAK,QAAQ,SAAS,wDAA4C,KACnE,OAAC,QAAK,QAAQ,OAAO,wDAA4C,GACnE,CAEJ,CACF,EAEaF,EAAc,CACzB,QAAS,CACP,SACE,OAAC,QACC,KAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wGASR,CAEJ,CACF",
|
|
6
|
-
"names": ["text_stories_exports", "__export", "Default", "Html", "Sizes", "Weights", "text_stories_default", "__toCommonJS", "import_jsx_runtime", "import_components", "import_react", "meta"]
|
|
7
|
-
}
|