@nlabs/gothamjs
Version:
Platform
89 lines (88 loc) • 6.99 kB
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
import React from 'react';
import { I18nextProvider, initReactI18next } from 'react-i18next';
import { i18n } from '../../i18n/index.js';
import { gothamColors } from '../../utils/colorUtils.js';
import { Button as ButtonComponent } from './Button.js';
const meta = {
argTypes: {
color: {
control: 'select',
options: gothamColors
},
size: {
control: 'select',
options: [
'sm',
'md',
'lg'
]
},
variant: {
control: 'select',
options: [
'contained',
'outlined',
'text'
]
}
},
component: ButtonComponent,
decorators: [
(Story)=>{
// Initialize i18n for Storybook
const storyI18n = i18n.createInstance();
storyI18n.use(initReactI18next).init({
resources: {
en: {
translation: {
'Button': 'Button'
}
}
},
lng: 'en',
fallbackLng: 'en',
interpolation: {
escapeValue: false
}
});
return /*#__PURE__*/ _jsx(I18nextProvider, {
i18n: storyI18n,
children: /*#__PURE__*/ _jsx("div", {
className: "p-4",
children: /*#__PURE__*/ _jsx(Story, {})
})
});
}
],
parameters: {
backgrounds: {
default: 'light',
values: [
{
name: 'light',
value: '#ffffff'
},
{
name: 'dark',
value: '#1a1a1a'
}
]
},
layout: 'centered'
},
title: 'Components/Button'
};
export default meta;
export const Button = {
args: {
color: 'secondary',
disabled: false,
hasShadow: false,
isLoading: false,
label: 'Button',
size: 'md',
variant: 'contained'
}
};
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9jb21wb25lbnRzL0J1dHRvbi9CdXR0b24uc3Rvcmllcy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7STE4bmV4dFByb3ZpZGVyLCBpbml0UmVhY3RJMThuZXh0fSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCB7aTE4bn0gZnJvbSAnLi4vLi4vaTE4bi9pbmRleC5qcyc7XG5pbXBvcnQge2dvdGhhbUNvbG9yc30gZnJvbSAnLi4vLi4vdXRpbHMvY29sb3JVdGlscy5qcyc7XG5pbXBvcnQge0J1dHRvbiBhcyBCdXR0b25Db21wb25lbnR9IGZyb20gJy4vQnV0dG9uLmpzJztcblxuaW1wb3J0IHR5cGUge01ldGEsIFN0b3J5T2JqfSBmcm9tICdAbmxhYnMvbGV4L3N0b3J5Ym9vayc7XG5cbmNvbnN0IG1ldGE6IE1ldGE8dHlwZW9mIEJ1dHRvbkNvbXBvbmVudD4gPSB7XG4gIGFyZ1R5cGVzOiB7XG4gICAgY29sb3I6IHtcbiAgICAgIGNvbnRyb2w6ICdzZWxlY3QnLFxuICAgICAgb3B0aW9uczogZ290aGFtQ29sb3JzXG4gICAgfSxcbiAgICBzaXplOiB7XG4gICAgICBjb250cm9sOiAnc2VsZWN0JyxcbiAgICAgIG9wdGlvbnM6IFsnc20nLCAnbWQnLCAnbGcnXVxuICAgIH0sXG4gICAgdmFyaWFudDoge1xuICAgICAgY29udHJvbDogJ3NlbGVjdCcsXG4gICAgICBvcHRpb25zOiBbJ2NvbnRhaW5lZCcsICdvdXRsaW5lZCcsICd0ZXh0J11cbiAgICB9XG4gIH0sXG4gIGNvbXBvbmVudDogQnV0dG9uQ29tcG9uZW50LFxuICBkZWNvcmF0b3JzOiBbXG4gICAgKFN0b3J5KSA9PiB7XG4gICAgICAvLyBJbml0aWFsaXplIGkxOG4gZm9yIFN0b3J5Ym9va1xuICAgICAgY29uc3Qgc3RvcnlJMThuID0gaTE4bi5jcmVhdGVJbnN0YW5jZSgpO1xuICAgICAgc3RvcnlJMThuXG4gICAgICAgIC51c2UoaW5pdFJlYWN0STE4bmV4dClcbiAgICAgICAgLmluaXQoe1xuICAgICAgICAgIHJlc291cmNlczoge1xuICAgICAgICAgICAgZW46IHtcbiAgICAgICAgICAgICAgdHJhbnNsYXRpb246IHtcbiAgICAgICAgICAgICAgICAnQnV0dG9uJzogJ0J1dHRvbidcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICAgIH0sXG4gICAgICAgICAgbG5nOiAnZW4nLFxuICAgICAgICAgIGZhbGxiYWNrTG5nOiAnZW4nLFxuICAgICAgICAgIGludGVycG9sYXRpb246IHtcbiAgICAgICAgICAgIGVzY2FwZVZhbHVlOiBmYWxzZSxcbiAgICAgICAgICB9LFxuICAgICAgICB9KTtcblxuICAgICAgcmV0dXJuIChcbiAgICAgICAgPEkxOG5leHRQcm92aWRlciBpMThuPXtzdG9yeUkxOG59PlxuICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwicC00XCI+XG4gICAgICAgICAgICA8U3RvcnkgLz5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9JMThuZXh0UHJvdmlkZXI+XG4gICAgICApO1xuICAgIH1cbiAgXSxcbiAgcGFyYW1ldGVyczoge1xuICAgIGJhY2tncm91bmRzOiB7XG4gICAgICBkZWZhdWx0OiAnbGlnaHQnLFxuICAgICAgdmFsdWVzOiBbXG4gICAgICAgIHtuYW1lOiAnbGlnaHQnLCB2YWx1ZTogJyNmZmZmZmYnfSxcbiAgICAgICAge25hbWU6ICdkYXJrJywgdmFsdWU6ICcjMWExYTFhJ31cbiAgICAgIF1cbiAgICB9LFxuICAgIGxheW91dDogJ2NlbnRlcmVkJ1xuICB9LFxuICB0aXRsZTogJ0NvbXBvbmVudHMvQnV0dG9uJ1xufTtcblxuZXhwb3J0IGRlZmF1bHQgbWV0YTtcblxudHlwZSBTdG9yeSA9IFN0b3J5T2JqPHR5cGVvZiBCdXR0b25Db21wb25lbnQ+O1xuXG5leHBvcnQgY29uc3QgQnV0dG9uOiBTdG9yeSA9IHtcbiAgYXJnczoge1xuICAgIGNvbG9yOiAnc2Vjb25kYXJ5JyxcbiAgICBkaXNhYmxlZDogZmFsc2UsXG4gICAgaGFzU2hhZG93OiBmYWxzZSxcbiAgICBpc0xvYWRpbmc6IGZhbHNlLFxuICAgIGxhYmVsOiAnQnV0dG9uJyxcbiAgICBzaXplOiAnbWQnLFxuICAgIHZhcmlhbnQ6ICdjb250YWluZWQnXG4gIH1cbn07XG4iXSwibmFtZXMiOlsiUmVhY3QiLCJJMThuZXh0UHJvdmlkZXIiLCJpbml0UmVhY3RJMThuZXh0IiwiaTE4biIsImdvdGhhbUNvbG9ycyIsIkJ1dHRvbiIsIkJ1dHRvbkNvbXBvbmVudCIsIm1ldGEiLCJhcmdUeXBlcyIsImNvbG9yIiwiY29udHJvbCIsIm9wdGlvbnMiLCJzaXplIiwidmFyaWFudCIsImNvbXBvbmVudCIsImRlY29yYXRvcnMiLCJTdG9yeSIsInN0b3J5STE4biIsImNyZWF0ZUluc3RhbmNlIiwidXNlIiwiaW5pdCIsInJlc291cmNlcyIsImVuIiwidHJhbnNsYXRpb24iLCJsbmciLCJmYWxsYmFja0xuZyIsImludGVycG9sYXRpb24iLCJlc2NhcGVWYWx1ZSIsImRpdiIsImNsYXNzTmFtZSIsInBhcmFtZXRlcnMiLCJiYWNrZ3JvdW5kcyIsImRlZmF1bHQiLCJ2YWx1ZXMiLCJuYW1lIiwidmFsdWUiLCJsYXlvdXQiLCJ0aXRsZSIsImFyZ3MiLCJkaXNhYmxlZCIsImhhc1NoYWRvdyIsImlzTG9hZGluZyIsImxhYmVsIl0sIm1hcHBpbmdzIjoiO0FBQUEsT0FBT0EsV0FBVyxRQUFRO0FBQzFCLFNBQVFDLGVBQWUsRUFBRUMsZ0JBQWdCLFFBQU8sZ0JBQWdCO0FBQ2hFLFNBQVFDLElBQUksUUFBTyxzQkFBc0I7QUFDekMsU0FBUUMsWUFBWSxRQUFPLDRCQUE0QjtBQUN2RCxTQUFRQyxVQUFVQyxlQUFlLFFBQU8sY0FBYztBQUl0RCxNQUFNQyxPQUFxQztJQUN6Q0MsVUFBVTtRQUNSQyxPQUFPO1lBQ0xDLFNBQVM7WUFDVEMsU0FBU1A7UUFDWDtRQUNBUSxNQUFNO1lBQ0pGLFNBQVM7WUFDVEMsU0FBUztnQkFBQztnQkFBTTtnQkFBTTthQUFLO1FBQzdCO1FBQ0FFLFNBQVM7WUFDUEgsU0FBUztZQUNUQyxTQUFTO2dCQUFDO2dCQUFhO2dCQUFZO2FBQU87UUFDNUM7SUFDRjtJQUNBRyxXQUFXUjtJQUNYUyxZQUFZO1FBQ1YsQ0FBQ0M7WUFDQyxnQ0FBZ0M7WUFDaEMsTUFBTUMsWUFBWWQsS0FBS2UsY0FBYztZQUNyQ0QsVUFDR0UsR0FBRyxDQUFDakIsa0JBQ0prQixJQUFJLENBQUM7Z0JBQ0pDLFdBQVc7b0JBQ1RDLElBQUk7d0JBQ0ZDLGFBQWE7NEJBQ1gsVUFBVTt3QkFDWjtvQkFDRjtnQkFDRjtnQkFDQUMsS0FBSztnQkFDTEMsYUFBYTtnQkFDYkMsZUFBZTtvQkFDYkMsYUFBYTtnQkFDZjtZQUNGO1lBRUYscUJBQ0UsS0FBQzFCO2dCQUFnQkUsTUFBTWM7MEJBQ3JCLGNBQUEsS0FBQ1c7b0JBQUlDLFdBQVU7OEJBQ2IsY0FBQSxLQUFDYjs7O1FBSVQ7S0FDRDtJQUNEYyxZQUFZO1FBQ1ZDLGFBQWE7WUFDWEMsU0FBUztZQUNUQyxRQUFRO2dCQUNOO29CQUFDQyxNQUFNO29CQUFTQyxPQUFPO2dCQUFTO2dCQUNoQztvQkFBQ0QsTUFBTTtvQkFBUUMsT0FBTztnQkFBUzthQUNoQztRQUNIO1FBQ0FDLFFBQVE7SUFDVjtJQUNBQyxPQUFPO0FBQ1Q7QUFFQSxlQUFlOUIsS0FBSztBQUlwQixPQUFPLE1BQU1GLFNBQWdCO0lBQzNCaUMsTUFBTTtRQUNKN0IsT0FBTztRQUNQOEIsVUFBVTtRQUNWQyxXQUFXO1FBQ1hDLFdBQVc7UUFDWEMsT0FBTztRQUNQOUIsTUFBTTtRQUNOQyxTQUFTO0lBQ1g7QUFDRixFQUFFIn0=