@beydesign/storybook 0.0.6 → 0.0.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/stories/Button.js
CHANGED
|
@@ -141,8 +141,6 @@ export const MainButton = ({ onClick, text, disabled = false, loading = false, t
|
|
|
141
141
|
const getButtonSize = () => {
|
|
142
142
|
const sizes = {
|
|
143
143
|
[ButtonSize.xl]: {
|
|
144
|
-
width: displayIconMode === ButtonDisplayMode.Only ? '3.25rem' : '12.75rem',
|
|
145
|
-
height: '3.25rem',
|
|
146
144
|
padding: displayIconMode === ButtonDisplayMode.Only
|
|
147
145
|
? 'var(--spacing-tokens-size-in-px-spacing-spacing-md)'
|
|
148
146
|
: 'var(--spacing-tokens-size-in-px-spacing-spacing-lg) var(--spacing-tokens-size-in-px-spacing-spacing-3xl)',
|
|
@@ -150,8 +148,6 @@ export const MainButton = ({ onClick, text, disabled = false, loading = false, t
|
|
|
150
148
|
gap: 'var(--spacing-tokens-size-in-px-spacing-spacing-sm)',
|
|
151
149
|
},
|
|
152
150
|
[ButtonSize.lg]: {
|
|
153
|
-
width: displayIconMode === ButtonDisplayMode.Only ? '3rem' : '11.75rem',
|
|
154
|
-
height: '3rem',
|
|
155
151
|
padding: displayIconMode === ButtonDisplayMode.Only
|
|
156
152
|
? 'var(--spacing-tokens-size-in-px-spacing-spacing-md)'
|
|
157
153
|
: 'var(--spacing-tokens-size-in-px-spacing-spacing-lg) var(--spacing-tokens-size-in-px-spacing-spacing-2xl)',
|
|
@@ -159,8 +155,6 @@ export const MainButton = ({ onClick, text, disabled = false, loading = false, t
|
|
|
159
155
|
gap: 'var(--spacing-tokens-size-in-px-spacing-spacing-sm)',
|
|
160
156
|
},
|
|
161
157
|
[ButtonSize.md]: {
|
|
162
|
-
width: displayIconMode === ButtonDisplayMode.Only ? '2.75rem' : '10.75rem',
|
|
163
|
-
height: '2.75rem',
|
|
164
158
|
padding: displayIconMode === ButtonDisplayMode.Only
|
|
165
159
|
? 'var(--spacing-tokens-size-in-px-spacing-spacing-md)'
|
|
166
160
|
: 'var(--spacing-tokens-size-in-px-spacing-spacing-md) var(--spacing-tokens-size-in-px-spacing-spacing-xl)',
|
|
@@ -168,8 +162,6 @@ export const MainButton = ({ onClick, text, disabled = false, loading = false, t
|
|
|
168
162
|
gap: 'var(--spacing-tokens-size-in-px-spacing-spacing-sm)',
|
|
169
163
|
},
|
|
170
164
|
[ButtonSize.sm]: {
|
|
171
|
-
width: displayIconMode === ButtonDisplayMode.Only ? '2.5rem' : '9.75rem',
|
|
172
|
-
height: '2.5rem',
|
|
173
165
|
padding: displayIconMode === ButtonDisplayMode.Only
|
|
174
166
|
? 'var(--spacing-tokens-size-in-px-spacing-spacing-md)'
|
|
175
167
|
: 'var(--spacing-tokens-size-in-px-spacing-spacing-md) var(--spacing-tokens-size-in-px-spacing-spacing-xl)',
|
|
@@ -177,8 +169,6 @@ export const MainButton = ({ onClick, text, disabled = false, loading = false, t
|
|
|
177
169
|
gap: 'var(--spacing-tokens-size-in-px-spacing-spacing-xs)',
|
|
178
170
|
},
|
|
179
171
|
[ButtonSize.xs]: {
|
|
180
|
-
width: displayIconMode === ButtonDisplayMode.Only ? '2.25rem' : '8.75rem',
|
|
181
|
-
height: '2.25rem',
|
|
182
172
|
padding: displayIconMode === ButtonDisplayMode.Only
|
|
183
173
|
? 'var(--spacing-tokens-size-in-px-spacing-spacing-md)'
|
|
184
174
|
: 'var(--spacing-tokens-size-in-px-spacing-spacing-md) var(--spacing-tokens-size-in-px-spacing-spacing-lg)',
|
|
@@ -186,8 +176,6 @@ export const MainButton = ({ onClick, text, disabled = false, loading = false, t
|
|
|
186
176
|
gap: 'var(--spacing-tokens-size-in-px-spacing-spacing-xs)',
|
|
187
177
|
},
|
|
188
178
|
[ButtonSize.xxs]: {
|
|
189
|
-
width: displayIconMode === ButtonDisplayMode.Only ? '2rem' : '7.75rem',
|
|
190
|
-
height: '2rem',
|
|
191
179
|
padding: displayIconMode === ButtonDisplayMode.Only
|
|
192
180
|
? 'var(--spacing-tokens-size-in-px-spacing-spacing-sm)'
|
|
193
181
|
: 'var(--spacing-tokens-size-in-px-spacing-spacing-sm) var(--spacing-tokens-size-in-px-spacing-spacing-md)',
|