@stfrigerio/sito-template 0.1.3 → 0.1.5
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/components/atoms/AllAtoms.stories.d.ts.map +1 -1
- package/dist/components/atoms/ArrayInput/ArrayInput.d.ts +31 -0
- package/dist/components/atoms/ArrayInput/ArrayInput.d.ts.map +1 -1
- package/dist/components/atoms/Button/Button.d.ts +51 -0
- package/dist/components/atoms/Button/Button.d.ts.map +1 -1
- package/dist/components/atoms/Card/Card.d.ts +68 -1
- package/dist/components/atoms/Card/Card.d.ts.map +1 -1
- package/dist/components/atoms/Checkbox/Checkbox.d.ts +12 -0
- package/dist/components/atoms/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/components/atoms/DateInput/DateInput.d.ts +14 -0
- package/dist/components/atoms/DateInput/DateInput.d.ts.map +1 -1
- package/dist/components/atoms/NumberStepper/NumberStepper.d.ts +67 -0
- package/dist/components/atoms/NumberStepper/NumberStepper.d.ts.map +1 -0
- package/dist/components/atoms/NumberStepper/NumberStepper.stories.d.ts +18 -0
- package/dist/components/atoms/NumberStepper/NumberStepper.stories.d.ts.map +1 -0
- package/dist/components/atoms/NumberStepper/index.d.ts +3 -0
- package/dist/components/atoms/NumberStepper/index.d.ts.map +1 -0
- package/dist/components/atoms/SearchableDropdown/SearchableDropdown.d.ts +13 -0
- package/dist/components/atoms/SearchableDropdown/SearchableDropdown.d.ts.map +1 -1
- package/dist/components/atoms/SelectInput/SelectInput.d.ts +14 -0
- package/dist/components/atoms/SelectInput/SelectInput.d.ts.map +1 -1
- package/dist/components/atoms/TextArea/TextArea.d.ts +16 -0
- package/dist/components/atoms/TextArea/TextArea.d.ts.map +1 -1
- package/dist/components/atoms/TextInput/TextInput.d.ts +22 -0
- package/dist/components/atoms/TextInput/TextInput.d.ts.map +1 -1
- package/dist/components/atoms/Toggle/Toggle.d.ts +51 -0
- package/dist/components/atoms/Toggle/Toggle.d.ts.map +1 -1
- package/dist/components/atoms/ToggleButton/ToggleButton.d.ts +69 -0
- package/dist/components/atoms/ToggleButton/ToggleButton.d.ts.map +1 -0
- package/dist/components/atoms/ToggleButton/ToggleButton.stories.d.ts +16 -0
- package/dist/components/atoms/ToggleButton/ToggleButton.stories.d.ts.map +1 -0
- package/dist/components/atoms/ToggleButton/index.d.ts +3 -0
- package/dist/components/atoms/ToggleButton/index.d.ts.map +1 -0
- package/dist/components/atoms/index.d.ts +4 -0
- package/dist/components/atoms/index.d.ts.map +1 -1
- package/dist/components/molecules/Tabs/Tabs.d.ts +9 -0
- package/dist/components/molecules/Tabs/Tabs.d.ts.map +1 -0
- package/dist/components/molecules/Tabs/Tabs.stories.d.ts +10 -0
- package/dist/components/molecules/Tabs/Tabs.stories.d.ts.map +1 -0
- package/dist/index.esm.js +424 -134
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +425 -133
- package/dist/index.js.map +1 -1
- package/dist/styles.css +2 -0
- package/dist/styles.css.map +1 -0
- package/package.json +5 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,WAAW;IACxB,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,QAAQ,CAAC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxC;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,WAAW,CAAC,2CAoBlD"}
|
|
1
|
+
{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B;;;GAGG;AACH,MAAM,WAAW,WAAW;IACxB,2DAA2D;IAC3D,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,+CAA+C;IAC/C,QAAQ,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,2CAA2C;IAC3C,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,2CAA2C;IAC3C,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,2CAA2C;IAC3C,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,4CAA4C;IAC5C,QAAQ,CAAC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,WAAW,CAAC,2CAoBlD"}
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Props for the ToggleButton component
|
|
4
|
+
* @interface ToggleButtonProps
|
|
5
|
+
*/
|
|
6
|
+
export interface ToggleButtonProps {
|
|
7
|
+
/** Whether the button is active/selected */
|
|
8
|
+
active: boolean;
|
|
9
|
+
/** Click handler */
|
|
10
|
+
onClick: () => void;
|
|
11
|
+
/** Icon or emoji to display */
|
|
12
|
+
icon?: string | React.ReactNode;
|
|
13
|
+
/** Label text */
|
|
14
|
+
label?: string;
|
|
15
|
+
/** Whether the button is disabled */
|
|
16
|
+
disabled?: boolean;
|
|
17
|
+
/** Size variant */
|
|
18
|
+
size?: 'small' | 'medium' | 'large';
|
|
19
|
+
/** Visual variant */
|
|
20
|
+
variant?: 'default' | 'outlined' | 'filled' | 'ghost';
|
|
21
|
+
/** Color when active */
|
|
22
|
+
activeColor?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning';
|
|
23
|
+
/** Show a checkmark when active */
|
|
24
|
+
showCheckmark?: boolean;
|
|
25
|
+
/** Animation type for state change */
|
|
26
|
+
animation?: 'scale' | 'rotate' | 'flip' | 'none';
|
|
27
|
+
/** Custom className */
|
|
28
|
+
className?: string;
|
|
29
|
+
/** Tooltip text */
|
|
30
|
+
tooltip?: string;
|
|
31
|
+
/** Whether to show the label on mobile */
|
|
32
|
+
hideLabelOnMobile?: boolean;
|
|
33
|
+
}
|
|
34
|
+
/**
|
|
35
|
+
* ToggleButton Component
|
|
36
|
+
*
|
|
37
|
+
* @component
|
|
38
|
+
* @description
|
|
39
|
+
* A toggle button component that can be activated/deactivated with a click.
|
|
40
|
+
* Different from a toggle switch, this is a button with on/off states.
|
|
41
|
+
* Perfect for boolean habits tracking or feature toggles.
|
|
42
|
+
*
|
|
43
|
+
* @example
|
|
44
|
+
* // Basic usage
|
|
45
|
+
* <ToggleButton
|
|
46
|
+
* active={isActive}
|
|
47
|
+
* onClick={() => setIsActive(!isActive)}
|
|
48
|
+
* icon="🦷"
|
|
49
|
+
* label="Teeth"
|
|
50
|
+
* />
|
|
51
|
+
*
|
|
52
|
+
* @example
|
|
53
|
+
* // With custom styling and animation
|
|
54
|
+
* <ToggleButton
|
|
55
|
+
* active={isEnabled}
|
|
56
|
+
* onClick={handleToggle}
|
|
57
|
+
* icon={<CustomIcon />}
|
|
58
|
+
* label="Feature"
|
|
59
|
+
* variant="filled"
|
|
60
|
+
* activeColor="success"
|
|
61
|
+
* animation="flip"
|
|
62
|
+
* showCheckmark
|
|
63
|
+
* />
|
|
64
|
+
*
|
|
65
|
+
* @param {ToggleButtonProps} props - The props for the ToggleButton component
|
|
66
|
+
* @returns {JSX.Element} The rendered ToggleButton component
|
|
67
|
+
*/
|
|
68
|
+
export declare const ToggleButton: React.FC<ToggleButtonProps>;
|
|
69
|
+
//# sourceMappingURL=ToggleButton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ToggleButton.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/ToggleButton/ToggleButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;;GAGG;AACH,MAAM,WAAW,iBAAiB;IAC9B,4CAA4C;IAC5C,MAAM,EAAE,OAAO,CAAC;IAChB,oBAAoB;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,+BAA+B;IAC/B,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChC,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB;IACnB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,qBAAqB;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,QAAQ,GAAG,OAAO,CAAC;IACtD,wBAAwB;IACxB,WAAW,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;IACzE,mCAAmC;IACnC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,sCAAsC;IACtC,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;IACjD,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,0CAA0C;IAC1C,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA8JpD,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { ToggleButton } from './ToggleButton';
|
|
3
|
+
declare const meta: Meta<typeof ToggleButton>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const WithCheckmark: Story;
|
|
8
|
+
export declare const DifferentSizes: Story;
|
|
9
|
+
export declare const Variants: Story;
|
|
10
|
+
export declare const ActiveColors: Story;
|
|
11
|
+
export declare const AnimationTypes: Story;
|
|
12
|
+
export declare const BooleanHabits: Story;
|
|
13
|
+
export declare const IconOnly: Story;
|
|
14
|
+
export declare const Disabled: Story;
|
|
15
|
+
export declare const OutlinedWithColors: Story;
|
|
16
|
+
//# sourceMappingURL=ToggleButton.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ToggleButton.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/ToggleButton/ToggleButton.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CA6DnC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAkBnC,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAQ3B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAgC5B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAwCtB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAgD1B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAwC5B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KA+D3B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAmCtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAgDhC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/ToggleButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC"}
|
|
@@ -18,4 +18,8 @@ export { TextInput } from './TextInput/index';
|
|
|
18
18
|
export type { TextInputProps } from './TextInput/index';
|
|
19
19
|
export { Toggle } from './Toggle';
|
|
20
20
|
export type { ToggleProps } from './Toggle';
|
|
21
|
+
export { NumberStepper } from './NumberStepper';
|
|
22
|
+
export type { NumberStepperProps } from './NumberStepper';
|
|
23
|
+
export { ToggleButton } from './ToggleButton';
|
|
24
|
+
export type { ToggleButtonProps } from './ToggleButton';
|
|
21
25
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAG5C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAGxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAGpD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAGhD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAGlD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAGpE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAGtD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAGhD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,YAAY,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGxD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/atoms/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAG5C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAGxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAGpD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAGhD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAGlD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAGpE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAGtD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAGhD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,YAAY,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGxD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAG5C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAG1D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export type TabType = 'details' | 'github' | 'jira' | 'functional';
|
|
3
|
+
interface TabsProps {
|
|
4
|
+
activeTab: TabType;
|
|
5
|
+
onTabChange: (tab: TabType) => void;
|
|
6
|
+
}
|
|
7
|
+
export declare const Tabs: React.FC<TabsProps>;
|
|
8
|
+
export {};
|
|
9
|
+
//# sourceMappingURL=Tabs.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,MAAM,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,YAAY,CAAC;AAEnE,UAAU,SAAS;IACf,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC;AASD,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAkCpC,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Tabs } from './Tabs';
|
|
3
|
+
declare const meta: Meta<typeof Tabs>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const GithubActive: Story;
|
|
8
|
+
export declare const JiraActive: Story;
|
|
9
|
+
export declare const FunctionalActive: Story;
|
|
10
|
+
//# sourceMappingURL=Tabs.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tabs.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Tabs/Tabs.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,IAAI,EAAW,MAAM,QAAQ,CAAC;AAEvC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAa3B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAgBrB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAgB1B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAgBxB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAgB9B,CAAC"}
|