admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Fix margin on DeleteModal overlay (#998)

Browse Source 
* Fix margin on DeleteModal overlay

* Update chromatic ci triggers

* Update chromatic ci triggers
This commit is contained in:
Charles Bochet
2023-07-30 13:17:33 -07:00
committed by GitHub
parent be835af48b
commit eafa30a9cf
24 changed files with 388 additions and 335 deletions
Download Patch File Download Diff File Expand all files Collapse all files

88
front/src/modules/ui/button/components/__stories__/Button.stories.tsx
View File

@ -50,13 +50,15 @@ export const Sizes: Story = {
size: { control: false },
},
parameters: {
catalog: [
{
name: 'sizes',
values: Object.values(ButtonSize),
props: (size: ButtonSize) => ({ size }),
},
],
catalog: {
dimensions: [
{
name: 'sizes',
values: Object.values(ButtonSize),
props: (size: ButtonSize) => ({ size }),
},
],
},
},
decorators: [CatalogDecorator],
};
@ -68,22 +70,24 @@ export const Variants: Story = {
},
parameters: {
pseudo: { hover: ['.hover'], active: ['.active'], focus: ['.focus'] },
catalog: [
{
name: 'state',
values: ['default', 'disabled', 'hover', 'active', 'focus'],
props: (state: string) => {
if (state === 'disabled') return { disabled: true };
if (state === 'default') return {};
return { className: state };
catalog: {
dimensions: [
{
name: 'state',
values: ['default', 'disabled', 'hover', 'active', 'focus'],
props: (state: string) => {
if (state === 'disabled') return { disabled: true };
if (state === 'default') return {};
return { className: state };
},
},
},
{
name: 'variants',
values: Object.values(ButtonVariant),
props: (variant: ButtonVariant) => ({ variant }),
},
],
{
name: 'variants',
values: Object.values(ButtonVariant),
props: (variant: ButtonVariant) => ({ variant }),
},
],
},
},
decorators: [CatalogDecorator],
};
@ -93,30 +97,34 @@ export const Positions: Story = {
position: { control: false },
},
parameters: {
catalog: [
{
name: 'positions',
values: ['none', ...Object.values(ButtonPosition)],
props: (position: ButtonPosition | 'none') =>
position === 'none' ? {} : { position },
},
],
catalog: {
dimensions: [
{
name: 'positions',
values: ['none', ...Object.values(ButtonPosition)],
props: (position: ButtonPosition | 'none') =>
position === 'none' ? {} : { position },
},
],
},
},
decorators: [CatalogDecorator],
};
export const WithAdornments: Story = {
parameters: {
catalog: [
{
name: 'adornments',
values: ['with icon', 'with soon pill'],
props: (value: string) =>
value === 'with icon'
? { icon: <IconSearch size={14} /> }
: { soon: true },
},
],
catalog: {
dimensions: [
{
name: 'adornments',
values: ['with icon', 'with soon pill'],
props: (value: string) =>
value === 'with icon'
? { icon: <IconSearch size={14} /> }
: { soon: true },
},
],
},
},
decorators: [CatalogDecorator],
};