Skip to content

Commit 1e909ce

Browse files
Deploy Storybook for PR #2 (primary-is-blue)
1 parent d4b40c7 commit 1e909ce

File tree

61 files changed

+90360
-0
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

61 files changed

+90360
-0
lines changed
Binary file not shown.

primary-is-blue/assets/Button-BKiQ9IbB.js

Lines changed: 4 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

primary-is-blue/assets/Button-WE6rykhQ.css

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.
Lines changed: 61 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,61 @@
1+
import{l as e}from"./iframe-O4H36LMs.js";import{t}from"./jsx-runtime-y1gBpnEU.js";import{t as n}from"./Button-BKiQ9IbB.js";import"./createRuntimeFn-62c9670f.esm-DKWA1Tvk.js";var r=e(t()),i={title:`Components/Button`,component:n,parameters:{layout:`centered`},tags:[`autodocs`],argTypes:{variant:{control:`select`,options:[`primary`,`secondary`,`danger`]},size:{control:`select`,options:[`small`,`medium`,`large`]},fullWidth:{control:`boolean`},disabled:{control:`boolean`}}};const a={args:{variant:`primary`,children:`Primary Button`}},o={args:{variant:`secondary`,children:`Secondary Button`}},s={args:{variant:`danger`,children:`Delete`}},c={render:()=>(0,r.jsxs)(`div`,{style:{display:`flex`,gap:`1rem`,alignItems:`center`},children:[(0,r.jsx)(n,{size:`small`,children:`Small`}),(0,r.jsx)(n,{size:`medium`,children:`Medium`}),(0,r.jsx)(n,{size:`large`,children:`Large`})]})},l={render:()=>(0,r.jsxs)(`div`,{style:{display:`flex`,gap:`1rem`,alignItems:`center`},children:[(0,r.jsx)(n,{variant:`primary`,children:`Primary`}),(0,r.jsx)(n,{variant:`secondary`,children:`Secondary`}),(0,r.jsx)(n,{variant:`danger`,children:`Danger`})]})},u={render:()=>(0,r.jsxs)(`div`,{style:{display:`flex`,gap:`1rem`,alignItems:`center`},children:[(0,r.jsx)(n,{variant:`primary`,disabled:!0,children:`Primary Disabled`}),(0,r.jsx)(n,{variant:`secondary`,disabled:!0,children:`Secondary Disabled`}),(0,r.jsx)(n,{variant:`danger`,disabled:!0,children:`Danger Disabled`})]})},d={args:{variant:`primary`,fullWidth:!0,children:`Full Width Button`},parameters:{layout:`padded`}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
2+
args: {
3+
variant: 'primary',
4+
children: 'Primary Button'
5+
}
6+
}`,...a.parameters?.docs?.source}}},o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{
7+
args: {
8+
variant: 'secondary',
9+
children: 'Secondary Button'
10+
}
11+
}`,...o.parameters?.docs?.source}}},s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
12+
args: {
13+
variant: 'danger',
14+
children: 'Delete'
15+
}
16+
}`,...s.parameters?.docs?.source}}},c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`{
17+
render: () => <div style={{
18+
display: 'flex',
19+
gap: '1rem',
20+
alignItems: 'center'
21+
}}>
22+
<Button size="small">Small</Button>
23+
<Button size="medium">Medium</Button>
24+
<Button size="large">Large</Button>
25+
</div>
26+
}`,...c.parameters?.docs?.source}}},l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`{
27+
render: () => <div style={{
28+
display: 'flex',
29+
gap: '1rem',
30+
alignItems: 'center'
31+
}}>
32+
<Button variant="primary">Primary</Button>
33+
<Button variant="secondary">Secondary</Button>
34+
<Button variant="danger">Danger</Button>
35+
</div>
36+
}`,...l.parameters?.docs?.source}}},u.parameters={...u.parameters,docs:{...u.parameters?.docs,source:{originalSource:`{
37+
render: () => <div style={{
38+
display: 'flex',
39+
gap: '1rem',
40+
alignItems: 'center'
41+
}}>
42+
<Button variant="primary" disabled>
43+
Primary Disabled
44+
</Button>
45+
<Button variant="secondary" disabled>
46+
Secondary Disabled
47+
</Button>
48+
<Button variant="danger" disabled>
49+
Danger Disabled
50+
</Button>
51+
</div>
52+
}`,...u.parameters?.docs?.source}}},d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`{
53+
args: {
54+
variant: 'primary',
55+
fullWidth: true,
56+
children: 'Full Width Button'
57+
},
58+
parameters: {
59+
layout: 'padded'
60+
}
61+
}`,...d.parameters?.docs?.source}}};const f=[`Primary`,`Secondary`,`Danger`,`Sizes`,`AllVariants`,`Disabled`,`FullWidth`];export{l as AllVariants,s as Danger,u as Disabled,d as FullWidth,a as Primary,o as Secondary,c as Sizes,f as __namedExportsOrder,i as default};

primary-is-blue/assets/Checkbox-DB3gvJqQ.css

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)