@pagopa/io-app-design-system 1.4.0 → 1.5.1
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/README.md +10 -0
- package/lib/commonjs/components/alert/Alert.js +1 -1
- package/lib/commonjs/components/alert/Alert.js.map +1 -1
- package/lib/commonjs/components/banner/Banner.js +1 -1
- package/lib/commonjs/components/banner/Banner.js.map +1 -1
- package/lib/commonjs/components/buttons/ButtonExtendedOutline.js +1 -1
- package/lib/commonjs/components/buttons/ButtonExtendedOutline.js.map +1 -1
- package/lib/commonjs/components/buttons/ButtonLink.js +6 -6
- package/lib/commonjs/components/buttons/ButtonLink.js.map +1 -1
- package/lib/commonjs/components/buttons/ButtonOutline.js +10 -10
- package/lib/commonjs/components/buttons/ButtonOutline.js.map +1 -1
- package/lib/commonjs/components/buttons/ButtonSolid.js +5 -5
- package/lib/commonjs/components/buttons/ButtonSolid.js.map +1 -1
- package/lib/commonjs/components/buttons/IconButton.js +4 -4
- package/lib/commonjs/components/buttons/IconButton.js.map +1 -1
- package/lib/commonjs/components/buttons/IconButtonContained.js +4 -4
- package/lib/commonjs/components/buttons/IconButtonContained.js.map +1 -1
- package/lib/commonjs/components/buttons/IconButtonSolid.js +5 -5
- package/lib/commonjs/components/buttons/IconButtonSolid.js.map +1 -1
- package/lib/commonjs/components/index.js +11 -0
- package/lib/commonjs/components/index.js.map +1 -1
- package/lib/commonjs/components/layout/BlockButtons.js +82 -0
- package/lib/commonjs/components/layout/BlockButtons.js.map +1 -0
- package/lib/commonjs/components/layout/FooterWithButtons.js +41 -0
- package/lib/commonjs/components/layout/FooterWithButtons.js.map +1 -0
- package/lib/commonjs/components/layout/index.js +11 -0
- package/lib/commonjs/components/layout/index.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemAction.js +1 -1
- package/lib/commonjs/components/listitems/ListItemAction.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemCheckbox.js +1 -1
- package/lib/commonjs/components/listitems/ListItemCheckbox.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemIDP.js +1 -1
- package/lib/commonjs/components/listitems/ListItemIDP.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemInfoCopy.js +1 -1
- package/lib/commonjs/components/listitems/ListItemInfoCopy.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemNav.js +1 -1
- package/lib/commonjs/components/listitems/ListItemNav.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemNavAlert.js +1 -1
- package/lib/commonjs/components/listitems/ListItemNavAlert.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemRadio.js +1 -1
- package/lib/commonjs/components/listitems/ListItemRadio.js.map +1 -1
- package/lib/commonjs/components/listitems/hooks/useListItemSpringAnimation.js +1 -1
- package/lib/commonjs/components/listitems/hooks/useListItemSpringAnimation.js.map +1 -1
- package/lib/commonjs/components/tabs/TabItem.js +1 -1
- package/lib/commonjs/components/tabs/TabItem.js.map +1 -1
- package/lib/commonjs/components/tabs/TabNavigation.js +2 -2
- package/lib/commonjs/components/tabs/TabNavigation.js.map +1 -1
- package/lib/commonjs/components/textInput/TextInputBase.js +5 -5
- package/lib/commonjs/components/textInput/TextInputBase.js.map +1 -1
- package/lib/commonjs/components/textInput/TextInputPassword.js +1 -1
- package/lib/commonjs/components/textInput/TextInputPassword.js.map +1 -1
- package/lib/commonjs/components/textInput/TextInputValidation.js +2 -2
- package/lib/commonjs/components/textInput/TextInputValidation.js.map +1 -1
- package/lib/commonjs/stories/ButtonDS.stories.js +34 -0
- package/lib/commonjs/stories/ButtonDS.stories.js.map +1 -0
- package/lib/commonjs/stories/H1.stories.js +33 -0
- package/lib/commonjs/stories/H1.stories.js.map +1 -0
- package/lib/commonjs/stories/H2.stories.js +33 -0
- package/lib/commonjs/stories/H2.stories.js.map +1 -0
- package/lib/commonjs/stories/H3.stories.js +33 -0
- package/lib/commonjs/stories/H3.stories.js.map +1 -0
- package/lib/commonjs/stories/H4.stories.js +33 -0
- package/lib/commonjs/stories/H4.stories.js.map +1 -0
- package/lib/commonjs/stories/H5.stories.js +33 -0
- package/lib/commonjs/stories/H5.stories.js.map +1 -0
- package/lib/commonjs/stories/H6.stories.js +33 -0
- package/lib/commonjs/stories/H6.stories.js.map +1 -0
- package/lib/commonjs/stories/Label.stories.js +33 -0
- package/lib/commonjs/stories/Label.stories.js.map +1 -0
- package/lib/commonjs/stories/LabelSmall.stories.js +33 -0
- package/lib/commonjs/stories/LabelSmall.stories.js.map +1 -0
- package/lib/commonjs/stories/Link.stories.js +33 -0
- package/lib/commonjs/stories/Link.stories.js.map +1 -0
- package/lib/commonjs/stories/Monospace.stories.js +33 -0
- package/lib/commonjs/stories/Monospace.stories.js.map +1 -0
- package/lib/commonjs/utils/fonts.js +13 -4
- package/lib/commonjs/utils/fonts.js.map +1 -1
- package/lib/module/components/alert/Alert.js +1 -1
- package/lib/module/components/alert/Alert.js.map +1 -1
- package/lib/module/components/banner/Banner.js +1 -1
- package/lib/module/components/banner/Banner.js.map +1 -1
- package/lib/module/components/buttons/ButtonExtendedOutline.js +1 -1
- package/lib/module/components/buttons/ButtonExtendedOutline.js.map +1 -1
- package/lib/module/components/buttons/ButtonLink.js +6 -6
- package/lib/module/components/buttons/ButtonLink.js.map +1 -1
- package/lib/module/components/buttons/ButtonOutline.js +10 -10
- package/lib/module/components/buttons/ButtonOutline.js.map +1 -1
- package/lib/module/components/buttons/ButtonSolid.js +5 -5
- package/lib/module/components/buttons/ButtonSolid.js.map +1 -1
- package/lib/module/components/buttons/IconButton.js +4 -4
- package/lib/module/components/buttons/IconButton.js.map +1 -1
- package/lib/module/components/buttons/IconButtonContained.js +4 -4
- package/lib/module/components/buttons/IconButtonContained.js.map +1 -1
- package/lib/module/components/buttons/IconButtonSolid.js +5 -5
- package/lib/module/components/buttons/IconButtonSolid.js.map +1 -1
- package/lib/module/components/index.js +1 -0
- package/lib/module/components/index.js.map +1 -1
- package/lib/module/components/layout/BlockButtons.js +73 -0
- package/lib/module/components/layout/BlockButtons.js.map +1 -0
- package/lib/module/components/layout/FooterWithButtons.js +32 -0
- package/lib/module/components/layout/FooterWithButtons.js.map +1 -0
- package/lib/module/components/layout/index.js +1 -0
- package/lib/module/components/layout/index.js.map +1 -1
- package/lib/module/components/listitems/ListItemAction.js +1 -1
- package/lib/module/components/listitems/ListItemAction.js.map +1 -1
- package/lib/module/components/listitems/ListItemCheckbox.js +1 -1
- package/lib/module/components/listitems/ListItemCheckbox.js.map +1 -1
- package/lib/module/components/listitems/ListItemIDP.js +1 -1
- package/lib/module/components/listitems/ListItemIDP.js.map +1 -1
- package/lib/module/components/listitems/ListItemInfoCopy.js +1 -1
- package/lib/module/components/listitems/ListItemInfoCopy.js.map +1 -1
- package/lib/module/components/listitems/ListItemNav.js +1 -1
- package/lib/module/components/listitems/ListItemNav.js.map +1 -1
- package/lib/module/components/listitems/ListItemNavAlert.js +1 -1
- package/lib/module/components/listitems/ListItemNavAlert.js.map +1 -1
- package/lib/module/components/listitems/ListItemRadio.js +1 -1
- package/lib/module/components/listitems/ListItemRadio.js.map +1 -1
- package/lib/module/components/listitems/hooks/useListItemSpringAnimation.js +1 -1
- package/lib/module/components/listitems/hooks/useListItemSpringAnimation.js.map +1 -1
- package/lib/module/components/tabs/TabItem.js +1 -1
- package/lib/module/components/tabs/TabItem.js.map +1 -1
- package/lib/module/components/tabs/TabNavigation.js +2 -2
- package/lib/module/components/tabs/TabNavigation.js.map +1 -1
- package/lib/module/components/textInput/TextInputBase.js +5 -5
- package/lib/module/components/textInput/TextInputBase.js.map +1 -1
- package/lib/module/components/textInput/TextInputPassword.js +1 -1
- package/lib/module/components/textInput/TextInputPassword.js.map +1 -1
- package/lib/module/components/textInput/TextInputValidation.js +2 -2
- package/lib/module/components/textInput/TextInputValidation.js.map +1 -1
- package/lib/module/stories/ButtonDS.stories.js +27 -0
- package/lib/module/stories/ButtonDS.stories.js.map +1 -0
- package/lib/module/stories/H1.stories.js +26 -0
- package/lib/module/stories/H1.stories.js.map +1 -0
- package/lib/module/stories/H2.stories.js +26 -0
- package/lib/module/stories/H2.stories.js.map +1 -0
- package/lib/module/stories/H3.stories.js +26 -0
- package/lib/module/stories/H3.stories.js.map +1 -0
- package/lib/module/stories/H4.stories.js +26 -0
- package/lib/module/stories/H4.stories.js.map +1 -0
- package/lib/module/stories/H5.stories.js +26 -0
- package/lib/module/stories/H5.stories.js.map +1 -0
- package/lib/module/stories/H6.stories.js +26 -0
- package/lib/module/stories/H6.stories.js.map +1 -0
- package/lib/module/stories/Label.stories.js +26 -0
- package/lib/module/stories/Label.stories.js.map +1 -0
- package/lib/module/stories/LabelSmall.stories.js +26 -0
- package/lib/module/stories/LabelSmall.stories.js.map +1 -0
- package/lib/module/stories/Link.stories.js +26 -0
- package/lib/module/stories/Link.stories.js.map +1 -0
- package/lib/module/stories/Monospace.stories.js +26 -0
- package/lib/module/stories/Monospace.stories.js.map +1 -0
- package/lib/module/utils/fonts.js +13 -4
- package/lib/module/utils/fonts.js.map +1 -1
- package/lib/typescript/components/buttons/ButtonSolid.d.ts +16 -0
- package/lib/typescript/components/buttons/ButtonSolid.d.ts.map +1 -1
- package/lib/typescript/components/index.d.ts +1 -0
- package/lib/typescript/components/index.d.ts.map +1 -1
- package/lib/typescript/components/layout/BlockButtons.d.ts +53 -0
- package/lib/typescript/components/layout/BlockButtons.d.ts.map +1 -0
- package/lib/typescript/components/layout/FooterWithButtons.d.ts +9 -0
- package/lib/typescript/components/layout/FooterWithButtons.d.ts.map +1 -0
- package/lib/typescript/components/layout/index.d.ts +1 -0
- package/lib/typescript/components/layout/index.d.ts.map +1 -1
- package/lib/typescript/components/textInput/TextInputBase.d.ts.map +1 -1
- package/lib/typescript/stories/ButtonDS.stories.d.ts +14 -0
- package/lib/typescript/stories/ButtonDS.stories.d.ts.map +1 -0
- package/lib/typescript/stories/H1.stories.d.ts +19 -0
- package/lib/typescript/stories/H1.stories.d.ts.map +1 -0
- package/lib/typescript/stories/H2.stories.d.ts +19 -0
- package/lib/typescript/stories/H2.stories.d.ts.map +1 -0
- package/lib/typescript/stories/H3.stories.d.ts +19 -0
- package/lib/typescript/stories/H3.stories.d.ts.map +1 -0
- package/lib/typescript/stories/H4.stories.d.ts +19 -0
- package/lib/typescript/stories/H4.stories.d.ts.map +1 -0
- package/lib/typescript/stories/H5.stories.d.ts +27 -0
- package/lib/typescript/stories/H5.stories.d.ts.map +1 -0
- package/lib/typescript/stories/H6.stories.d.ts +19 -0
- package/lib/typescript/stories/H6.stories.d.ts.map +1 -0
- package/lib/typescript/stories/Label.stories.d.ts +19 -0
- package/lib/typescript/stories/Label.stories.d.ts.map +1 -0
- package/lib/typescript/stories/LabelSmall.stories.d.ts +21 -0
- package/lib/typescript/stories/LabelSmall.stories.d.ts.map +1 -0
- package/lib/typescript/stories/Link.stories.d.ts +21 -0
- package/lib/typescript/stories/Link.stories.d.ts.map +1 -0
- package/lib/typescript/stories/Monospace.stories.d.ts +19 -0
- package/lib/typescript/stories/Monospace.stories.d.ts.map +1 -0
- package/lib/typescript/utils/fonts.d.ts.map +1 -1
- package/package.json +25 -4
- package/src/components/buttons/ButtonSolid.tsx +16 -0
- package/src/components/index.tsx +1 -0
- package/src/components/layout/BlockButtons.tsx +142 -0
- package/src/components/layout/FooterWithButtons.tsx +37 -0
- package/src/components/layout/index.tsx +1 -0
- package/src/components/textInput/TextInputBase.tsx +2 -2
- package/src/stories/ButtonDS.stories.ts +31 -0
- package/src/stories/H1.stories.ts +28 -0
- package/src/stories/H2.stories.ts +28 -0
- package/src/stories/H3.stories.ts +28 -0
- package/src/stories/H4.stories.ts +28 -0
- package/src/stories/H5.stories.ts +28 -0
- package/src/stories/H6.stories.ts +28 -0
- package/src/stories/Label.stories.ts +28 -0
- package/src/stories/LabelSmall.stories.ts +28 -0
- package/src/stories/Link.stories.ts +28 -0
- package/src/stories/Monospace.stories.ts +28 -0
- package/src/utils/fonts.ts +12 -5
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { Alert } from "react-native";
|
|
2
|
+
import { H6 } from "../components";
|
|
3
|
+
|
|
4
|
+
// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
|
|
5
|
+
const meta = {
|
|
6
|
+
title: "Example/H6",
|
|
7
|
+
component: H6,
|
|
8
|
+
parameters: {
|
|
9
|
+
// Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/react/configure/story-layout
|
|
10
|
+
layout: "centered",
|
|
11
|
+
actions: {
|
|
12
|
+
argTypesRegex: "^on.*"
|
|
13
|
+
}
|
|
14
|
+
},
|
|
15
|
+
// This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/react/writing-docs/autodocs
|
|
16
|
+
tags: ["autodocs"]
|
|
17
|
+
};
|
|
18
|
+
export default meta;
|
|
19
|
+
export const Primary = {
|
|
20
|
+
args: {
|
|
21
|
+
accessibilityLabel: "Tap to trigger test alert",
|
|
22
|
+
onPress: () => Alert.alert("Alert", "Action triggered"),
|
|
23
|
+
children: "Hello World"
|
|
24
|
+
}
|
|
25
|
+
};
|
|
26
|
+
//# sourceMappingURL=H6.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Alert","H6","meta","title","component","parameters","layout","actions","argTypesRegex","tags","Primary","args","accessibilityLabel","onPress","alert","children"],"sourceRoot":"../../../src","sources":["stories/H6.stories.ts"],"mappings":"AAEA,SAASA,KAAK,QAAQ,cAAc;AACpC,SAASC,EAAE,QAAQ,eAAe;;AAElC;AACA,MAAMC,IAAI,GAAG;EACXC,KAAK,EAAE,YAAY;EACnBC,SAAS,EAAEH,EAAE;EACbI,UAAU,EAAE;IACV;IACAC,MAAM,EAAE,UAAU;IAClBC,OAAO,EAAE;MAAEC,aAAa,EAAE;IAAQ;EACpC,CAAC;EACD;EACAC,IAAI,EAAE,CAAC,UAAU;AACnB,CAA2B;AAE3B,eAAeP,IAAI;AAGnB,OAAO,MAAMQ,OAAc,GAAG;EAC5BC,IAAI,EAAE;IACJC,kBAAkB,EAAE,2BAA2B;IAC/CC,OAAO,EAAEA,CAAA,KAAMb,KAAK,CAACc,KAAK,CAAC,OAAO,EAAE,kBAAkB,CAAC;IACvDC,QAAQ,EAAE;EACZ;AACF,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { Alert } from "react-native";
|
|
2
|
+
import { Label } from "../components";
|
|
3
|
+
|
|
4
|
+
// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
|
|
5
|
+
const meta = {
|
|
6
|
+
title: "Example/Label",
|
|
7
|
+
component: Label,
|
|
8
|
+
parameters: {
|
|
9
|
+
// Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/react/configure/story-layout
|
|
10
|
+
layout: "centered",
|
|
11
|
+
actions: {
|
|
12
|
+
argTypesRegex: "^on.*"
|
|
13
|
+
}
|
|
14
|
+
},
|
|
15
|
+
// This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/react/writing-docs/autodocs
|
|
16
|
+
tags: ["autodocs"]
|
|
17
|
+
};
|
|
18
|
+
export default meta;
|
|
19
|
+
export const Primary = {
|
|
20
|
+
args: {
|
|
21
|
+
accessibilityLabel: "Tap to trigger test alert",
|
|
22
|
+
onPress: () => Alert.alert("Alert", "Action triggered"),
|
|
23
|
+
children: "Hello World"
|
|
24
|
+
}
|
|
25
|
+
};
|
|
26
|
+
//# sourceMappingURL=Label.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Alert","Label","meta","title","component","parameters","layout","actions","argTypesRegex","tags","Primary","args","accessibilityLabel","onPress","alert","children"],"sourceRoot":"../../../src","sources":["stories/Label.stories.ts"],"mappings":"AAEA,SAASA,KAAK,QAAQ,cAAc;AACpC,SAASC,KAAK,QAAQ,eAAe;;AAErC;AACA,MAAMC,IAAI,GAAG;EACXC,KAAK,EAAE,eAAe;EACtBC,SAAS,EAAEH,KAAK;EAChBI,UAAU,EAAE;IACV;IACAC,MAAM,EAAE,UAAU;IAClBC,OAAO,EAAE;MAAEC,aAAa,EAAE;IAAQ;EACpC,CAAC;EACD;EACAC,IAAI,EAAE,CAAC,UAAU;AACnB,CAA8B;AAE9B,eAAeP,IAAI;AAGnB,OAAO,MAAMQ,OAAc,GAAG;EAC5BC,IAAI,EAAE;IACJC,kBAAkB,EAAE,2BAA2B;IAC/CC,OAAO,EAAEA,CAAA,KAAMb,KAAK,CAACc,KAAK,CAAC,OAAO,EAAE,kBAAkB,CAAC;IACvDC,QAAQ,EAAE;EACZ;AACF,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { Alert } from "react-native";
|
|
2
|
+
import { LabelSmall } from "../components";
|
|
3
|
+
|
|
4
|
+
// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
|
|
5
|
+
const meta = {
|
|
6
|
+
title: "Example/LabelSmall",
|
|
7
|
+
component: LabelSmall,
|
|
8
|
+
parameters: {
|
|
9
|
+
// Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/react/configure/story-layout
|
|
10
|
+
layout: "centered",
|
|
11
|
+
actions: {
|
|
12
|
+
argTypesRegex: "^on.*"
|
|
13
|
+
}
|
|
14
|
+
},
|
|
15
|
+
// This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/react/writing-docs/autodocs
|
|
16
|
+
tags: ["autodocs"]
|
|
17
|
+
};
|
|
18
|
+
export default meta;
|
|
19
|
+
export const Primary = {
|
|
20
|
+
args: {
|
|
21
|
+
accessibilityLabel: "Tap to trigger test alert",
|
|
22
|
+
onPress: () => Alert.alert("Alert", "Action triggered"),
|
|
23
|
+
children: "Hello World"
|
|
24
|
+
}
|
|
25
|
+
};
|
|
26
|
+
//# sourceMappingURL=LabelSmall.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Alert","LabelSmall","meta","title","component","parameters","layout","actions","argTypesRegex","tags","Primary","args","accessibilityLabel","onPress","alert","children"],"sourceRoot":"../../../src","sources":["stories/LabelSmall.stories.ts"],"mappings":"AAEA,SAASA,KAAK,QAAQ,cAAc;AACpC,SAASC,UAAU,QAAQ,eAAe;;AAE1C;AACA,MAAMC,IAAI,GAAG;EACXC,KAAK,EAAE,oBAAoB;EAC3BC,SAAS,EAAEH,UAAU;EACrBI,UAAU,EAAE;IACV;IACAC,MAAM,EAAE,UAAU;IAClBC,OAAO,EAAE;MAAEC,aAAa,EAAE;IAAQ;EACpC,CAAC;EACD;EACAC,IAAI,EAAE,CAAC,UAAU;AACnB,CAAmC;AAEnC,eAAeP,IAAI;AAGnB,OAAO,MAAMQ,OAAc,GAAG;EAC5BC,IAAI,EAAE;IACJC,kBAAkB,EAAE,2BAA2B;IAC/CC,OAAO,EAAEA,CAAA,KAAMb,KAAK,CAACc,KAAK,CAAC,OAAO,EAAE,kBAAkB,CAAC;IACvDC,QAAQ,EAAE;EACZ;AACF,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { Alert } from "react-native";
|
|
2
|
+
import { Link } from "../components";
|
|
3
|
+
|
|
4
|
+
// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
|
|
5
|
+
const meta = {
|
|
6
|
+
title: "Example/Link",
|
|
7
|
+
component: Link,
|
|
8
|
+
parameters: {
|
|
9
|
+
// Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/react/configure/story-layout
|
|
10
|
+
layout: "centered",
|
|
11
|
+
actions: {
|
|
12
|
+
argTypesRegex: "^on.*"
|
|
13
|
+
}
|
|
14
|
+
},
|
|
15
|
+
// This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/react/writing-docs/autodocs
|
|
16
|
+
tags: ["autodocs"]
|
|
17
|
+
};
|
|
18
|
+
export default meta;
|
|
19
|
+
export const Primary = {
|
|
20
|
+
args: {
|
|
21
|
+
accessibilityLabel: "Tap to trigger test alert",
|
|
22
|
+
onPress: () => Alert.alert("Alert", "Action triggered"),
|
|
23
|
+
children: "Hello World"
|
|
24
|
+
}
|
|
25
|
+
};
|
|
26
|
+
//# sourceMappingURL=Link.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Alert","Link","meta","title","component","parameters","layout","actions","argTypesRegex","tags","Primary","args","accessibilityLabel","onPress","alert","children"],"sourceRoot":"../../../src","sources":["stories/Link.stories.ts"],"mappings":"AAEA,SAASA,KAAK,QAAQ,cAAc;AACpC,SAASC,IAAI,QAAQ,eAAe;;AAEpC;AACA,MAAMC,IAAI,GAAG;EACXC,KAAK,EAAE,cAAc;EACrBC,SAAS,EAAEH,IAAI;EACfI,UAAU,EAAE;IACV;IACAC,MAAM,EAAE,UAAU;IAClBC,OAAO,EAAE;MAAEC,aAAa,EAAE;IAAQ;EACpC,CAAC;EACD;EACAC,IAAI,EAAE,CAAC,UAAU;AACnB,CAA6B;AAE7B,eAAeP,IAAI;AAGnB,OAAO,MAAMQ,OAAc,GAAG;EAC5BC,IAAI,EAAE;IACJC,kBAAkB,EAAE,2BAA2B;IAC/CC,OAAO,EAAEA,CAAA,KAAMb,KAAK,CAACc,KAAK,CAAC,OAAO,EAAE,kBAAkB,CAAC;IACvDC,QAAQ,EAAE;EACZ;AACF,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { Alert } from "react-native";
|
|
2
|
+
import { Monospace } from "../components";
|
|
3
|
+
|
|
4
|
+
// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
|
|
5
|
+
const meta = {
|
|
6
|
+
title: "Example/Monospace",
|
|
7
|
+
component: Monospace,
|
|
8
|
+
parameters: {
|
|
9
|
+
// Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/react/configure/story-layout
|
|
10
|
+
layout: "centered",
|
|
11
|
+
actions: {
|
|
12
|
+
argTypesRegex: "^on.*"
|
|
13
|
+
}
|
|
14
|
+
},
|
|
15
|
+
// This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/react/writing-docs/autodocs
|
|
16
|
+
tags: ["autodocs"]
|
|
17
|
+
};
|
|
18
|
+
export default meta;
|
|
19
|
+
export const Primary = {
|
|
20
|
+
args: {
|
|
21
|
+
accessibilityLabel: "Tap to trigger test alert",
|
|
22
|
+
onPress: () => Alert.alert("Alert", "Action triggered"),
|
|
23
|
+
children: "Hello World"
|
|
24
|
+
}
|
|
25
|
+
};
|
|
26
|
+
//# sourceMappingURL=Monospace.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Alert","Monospace","meta","title","component","parameters","layout","actions","argTypesRegex","tags","Primary","args","accessibilityLabel","onPress","alert","children"],"sourceRoot":"../../../src","sources":["stories/Monospace.stories.ts"],"mappings":"AAEA,SAASA,KAAK,QAAQ,cAAc;AACpC,SAASC,SAAS,QAAQ,eAAe;;AAEzC;AACA,MAAMC,IAAI,GAAG;EACXC,KAAK,EAAE,mBAAmB;EAC1BC,SAAS,EAAEH,SAAS;EACpBI,UAAU,EAAE;IACV;IACAC,MAAM,EAAE,UAAU;IAClBC,OAAO,EAAE;MAAEC,aAAa,EAAE;IAAQ;EACpC,CAAC;EACD;EACAC,IAAI,EAAE,CAAC,UAAU;AACnB,CAAkC;AAElC,eAAeP,IAAI;AAGnB,OAAO,MAAMQ,OAAc,GAAG;EAC5BC,IAAI,EAAE;IACJC,kBAAkB,EAAE,2BAA2B;IAC/CC,OAAO,EAAEA,CAAA,KAAMb,KAAK,CAACc,KAAK,CAAC,OAAO,EAAE,kBAAkB,CAAC;IACvDC,QAAQ,EAAE;EACZ;AACF,CAAC"}
|
|
@@ -13,14 +13,17 @@ const weightValues = ["300", "400", "600", "700"];
|
|
|
13
13
|
const fonts = {
|
|
14
14
|
TitilliumWeb: Platform.select({
|
|
15
15
|
android: "TitilliumWeb",
|
|
16
|
+
web: "TitilliumWeb",
|
|
16
17
|
ios: "Titillium Web"
|
|
17
18
|
}),
|
|
18
19
|
ReadexPro: Platform.select({
|
|
19
20
|
android: "ReadexPro",
|
|
21
|
+
web: "ReadexPro",
|
|
20
22
|
ios: "Readex Pro"
|
|
21
23
|
}),
|
|
22
24
|
RobotoMono: Platform.select({
|
|
23
25
|
android: "RobotoMono",
|
|
26
|
+
web: "RobotoMono",
|
|
24
27
|
ios: "Roboto Mono"
|
|
25
28
|
})
|
|
26
29
|
};
|
|
@@ -59,9 +62,10 @@ export let FontStyle = /*#__PURE__*/function (FontStyle) {
|
|
|
59
62
|
export const makeFontFamilyName = function (font, weight) {
|
|
60
63
|
let isItalic = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
|
|
61
64
|
return Platform.select({
|
|
62
|
-
|
|
65
|
+
web: fonts[font],
|
|
63
66
|
android: `${fonts[font]}-${weight || "Regular"}${isItalic ? "Italic" : ""}`,
|
|
64
|
-
ios: fonts[font]
|
|
67
|
+
ios: fonts[font],
|
|
68
|
+
default: "undefined"
|
|
65
69
|
});
|
|
66
70
|
};
|
|
67
71
|
|
|
@@ -76,8 +80,10 @@ export const makeFontStyleObject = function () {
|
|
|
76
80
|
let isItalic = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
77
81
|
let font = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "TitilliumWeb";
|
|
78
82
|
return Platform.select({
|
|
79
|
-
|
|
80
|
-
fontFamily:
|
|
83
|
+
web: {
|
|
84
|
+
fontFamily: makeFontFamilyName(font, weight, isItalic),
|
|
85
|
+
fontWeight: weight !== undefined ? fontWeightsMap[weight] : weight,
|
|
86
|
+
fontStyle: isItalic ? FontStyle.italic : FontStyle.normal
|
|
81
87
|
},
|
|
82
88
|
android: {
|
|
83
89
|
fontFamily: makeFontFamilyName(font, weight, isItalic)
|
|
@@ -86,6 +92,9 @@ export const makeFontStyleObject = function () {
|
|
|
86
92
|
fontFamily: makeFontFamilyName(font, weight, isItalic),
|
|
87
93
|
fontWeight: weight !== undefined ? fontWeightsMap[weight] : weight,
|
|
88
94
|
fontStyle: isItalic ? FontStyle.italic : FontStyle.normal
|
|
95
|
+
},
|
|
96
|
+
default: {
|
|
97
|
+
fontFamily: "undefined"
|
|
89
98
|
}
|
|
90
99
|
});
|
|
91
100
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Platform","weights","weightValues","fonts","TitilliumWeb","select","android","ios","ReadexPro","RobotoMono","fontWeights","Light","Regular","SemiBold","Bold","fontWeightsMap","FontStyle","makeFontFamilyName","font","weight","isItalic","arguments","length","undefined","default","makeFontStyleObject","fontFamily","fontWeight","fontStyle","italic","normal"],"sourceRoot":"../../../src","sources":["utils/fonts.ts"],"mappings":"AAAA;AACA;AACA;AACA;AACA;;AAEA,SAASA,QAAQ,QAAQ,cAAc;AAIvC,MAAMC,OAAO,GAAG,CAAC,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,CAAU;AAGjE,MAAMC,YAAY,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAU;AAG1D;AACA;AACA;AACA,MAAMC,KAAK,GAAG;EACZC,YAAY,EAAEJ,QAAQ,CAACK,MAAM,CAAC;IAC5BC,OAAO,EAAE,cAAc;IACvBC,GAAG,EAAE;EACP,CAAC,CAAC;EACFC,SAAS,
|
|
1
|
+
{"version":3,"names":["Platform","weights","weightValues","fonts","TitilliumWeb","select","android","web","ios","ReadexPro","RobotoMono","fontWeights","Light","Regular","SemiBold","Bold","fontWeightsMap","FontStyle","makeFontFamilyName","font","weight","isItalic","arguments","length","undefined","default","makeFontStyleObject","fontFamily","fontWeight","fontStyle","italic","normal"],"sourceRoot":"../../../src","sources":["utils/fonts.ts"],"mappings":"AAAA;AACA;AACA;AACA;AACA;;AAEA,SAASA,QAAQ,QAAQ,cAAc;AAIvC,MAAMC,OAAO,GAAG,CAAC,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,CAAU;AAGjE,MAAMC,YAAY,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAU;AAG1D;AACA;AACA;AACA,MAAMC,KAAK,GAAG;EACZC,YAAY,EAAEJ,QAAQ,CAACK,MAAM,CAAC;IAC5BC,OAAO,EAAE,cAAc;IACvBC,GAAG,EAAE,cAAc;IACnBC,GAAG,EAAE;EACP,CAAC,CAAC;EACFC,SAAS,EAAET,QAAQ,CAACK,MAAM,CAAC;IACzBC,OAAO,EAAE,WAAW;IACpBC,GAAG,EAAE,WAAW;IAChBC,GAAG,EAAE;EACP,CAAC,CAAC;EACFE,UAAU,EAAEV,QAAQ,CAACK,MAAM,CAAC;IAC1BC,OAAO,EAAE,YAAY;IACrBC,GAAG,EAAE,YAAY;IACjBC,GAAG,EAAE;EACP,CAAC;AACH,CAAC;;AAED;AACA;AACA;AACA;AACA,OAAO,MAAMG,WAAkD,GAAG;EAChEC,KAAK,EAAE,KAAK;EACZC,OAAO,EAAE,KAAK;EACdC,QAAQ,EAAE,KAAK;EACfC,IAAI,EAAE;AACR,CAAC;AAKD;AACA;AACA;AACA;AACA,OAAO,MAAMC,cAAqD,GAAG;EACnEJ,KAAK,EAAE,KAAK;EACZC,OAAO,EAAE,KAAK;EACdC,QAAQ,EAAE,KAAK;EACfC,IAAI,EAAE;AACR,CAAC;AAED,WAAYE,SAAS,0BAATA,SAAS;EAATA,SAAS;EAATA,SAAS;EAAA,OAATA,SAAS;AAAA;AAWrB;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,kBAAkB,GAAG,SAAAA,CAChCC,IAAgB,EAChBC,MAAqB;EAAA,IACrBC,QAAiB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,KAAK;EAAA,OAEzBtB,QAAQ,CAACK,MAAM,CAAC;IACdE,GAAG,EAAEJ,KAAK,CAACgB,IAAI,CAAC;IAChBb,OAAO,EAAG,GAAEH,KAAK,CAACgB,IAAI,CAAE,IAAGC,MAAM,IAAI,SAAU,GAAEC,QAAQ,GAAG,QAAQ,GAAG,EAAG,EAAC;IAC3Eb,GAAG,EAAEL,KAAK,CAACgB,IAAI,CAAC;IAChBM,OAAO,EAAE;EACX,CAAC,CAAC;AAAA;;AAEJ;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,mBAAmB,GAAG,SAAAA,CAAA;EAAA,IACjCN,MAAgC,GAAAE,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGE,SAAS;EAAA,IAC5CH,QAA6B,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,KAAK;EAAA,IACrCH,IAA4B,GAAAG,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,cAAc;EAAA,OAE7CtB,QAAQ,CAACK,MAAM,CAAC;IACdE,GAAG,EAAE;MACHoB,UAAU,EAAET,kBAAkB,CAACC,IAAI,EAAEC,MAAM,EAAEC,QAAQ,CAAC;MACtDO,UAAU,EAAER,MAAM,KAAKI,SAAS,GAAGR,cAAc,CAACI,MAAM,CAAC,GAAGA,MAAM;MAClES,SAAS,EAAER,QAAQ,GAAGJ,SAAS,CAACa,MAAM,GAAGb,SAAS,CAACc;IACrD,CAAC;IACDzB,OAAO,EAAE;MACPqB,UAAU,EAAET,kBAAkB,CAACC,IAAI,EAAEC,MAAM,EAAEC,QAAQ;IACvD,CAAC;IACDb,GAAG,EAAE;MACHmB,UAAU,EAAET,kBAAkB,CAACC,IAAI,EAAEC,MAAM,EAAEC,QAAQ,CAAC;MACtDO,UAAU,EAAER,MAAM,KAAKI,SAAS,GAAGR,cAAc,CAACI,MAAM,CAAC,GAAGA,MAAM;MAClES,SAAS,EAAER,QAAQ,GAAGJ,SAAS,CAACa,MAAM,GAAGb,SAAS,CAACc;IACrD,CAAC;IACDN,OAAO,EAAE;MAAEE,UAAU,EAAE;IAAY;EACrC,CAAC,CAAC;AAAA"}
|
|
@@ -4,12 +4,28 @@ import { IOIcons } from "../icons";
|
|
|
4
4
|
import { WithTestID } from "../../utils/types";
|
|
5
5
|
type ButtonSolidColor = "primary" | "danger" | "contrast";
|
|
6
6
|
export type ButtonSolidProps = WithTestID<{
|
|
7
|
+
/**
|
|
8
|
+
* @default primary
|
|
9
|
+
*/
|
|
7
10
|
color?: ButtonSolidColor;
|
|
8
11
|
label: string;
|
|
12
|
+
/**
|
|
13
|
+
* Renders a small variant of the button. This property applies to the legacy look only
|
|
14
|
+
* @default false
|
|
15
|
+
*/
|
|
9
16
|
small?: boolean;
|
|
17
|
+
/**
|
|
18
|
+
* @default false
|
|
19
|
+
*/
|
|
10
20
|
fullWidth?: boolean;
|
|
21
|
+
/**
|
|
22
|
+
* @default false
|
|
23
|
+
*/
|
|
11
24
|
disabled?: boolean;
|
|
12
25
|
icon?: IOIcons;
|
|
26
|
+
/**
|
|
27
|
+
* @default start
|
|
28
|
+
*/
|
|
13
29
|
iconPosition?: "start" | "end";
|
|
14
30
|
accessibilityLabel: string;
|
|
15
31
|
accessibilityHint?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonSolid.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/ButtonSolid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,qBAAqB,EAAyB,MAAM,cAAc,CAAC;AAa5E,OAAO,EAAE,OAAO,EAAQ,MAAM,UAAU,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAI/C,KAAK,gBAAgB,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC;AAqB1D,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC;IACxC,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAC/B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD,CAAC,CAAC;AAmCH,eAAO,MAAM,WAAW,uJAanB,gBAAgB,uBAiHpB,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
1
|
+
{"version":3,"file":"ButtonSolid.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/ButtonSolid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,qBAAqB,EAAyB,MAAM,cAAc,CAAC;AAa5E,OAAO,EAAE,OAAO,EAAQ,MAAM,UAAU,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAI/C,KAAK,gBAAgB,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC;AAqB1D,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC;IACxC;;OAEG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAC/B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD,CAAC,CAAC;AAmCH,eAAO,MAAM,WAAW,uJAanB,gBAAgB,uBAiHpB,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.tsx"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.tsx"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC"}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { ButtonSolidProps } from "../buttons";
|
|
3
|
+
type CommonProps = Readonly<{
|
|
4
|
+
primary: BlockButtonProps;
|
|
5
|
+
accessible?: boolean;
|
|
6
|
+
}>;
|
|
7
|
+
export type BlockButtonProps = {
|
|
8
|
+
type: "Solid" | "Outline";
|
|
9
|
+
buttonProps: ButtonSolidProps;
|
|
10
|
+
};
|
|
11
|
+
/**
|
|
12
|
+
* | single button |
|
|
13
|
+
*/
|
|
14
|
+
export interface SingleButton extends CommonProps {
|
|
15
|
+
type: "SingleButton";
|
|
16
|
+
}
|
|
17
|
+
/**
|
|
18
|
+
* | left | right |
|
|
19
|
+
*/
|
|
20
|
+
export interface TwoButtonsInlineHalf extends CommonProps {
|
|
21
|
+
type: "TwoButtonsInlineHalf";
|
|
22
|
+
secondary: BlockButtonProps;
|
|
23
|
+
}
|
|
24
|
+
/**
|
|
25
|
+
* | left | right |
|
|
26
|
+
*/
|
|
27
|
+
interface TwoButtonsInlineThird extends CommonProps {
|
|
28
|
+
type: "TwoButtonsInlineThird";
|
|
29
|
+
secondary: BlockButtonProps;
|
|
30
|
+
}
|
|
31
|
+
/**
|
|
32
|
+
* | left | right |
|
|
33
|
+
*/
|
|
34
|
+
interface TwoButtonsInlineThirdInverted extends CommonProps {
|
|
35
|
+
type: "TwoButtonsInlineThirdInverted";
|
|
36
|
+
secondary: BlockButtonProps;
|
|
37
|
+
}
|
|
38
|
+
/**
|
|
39
|
+
* | left | mid | right |
|
|
40
|
+
*/
|
|
41
|
+
interface ThreeButtonsInLine extends CommonProps {
|
|
42
|
+
type: "ThreeButtonsInLine";
|
|
43
|
+
secondary: BlockButtonProps;
|
|
44
|
+
third: BlockButtonProps;
|
|
45
|
+
}
|
|
46
|
+
type Props = SingleButton | TwoButtonsInlineHalf | TwoButtonsInlineThird | TwoButtonsInlineThirdInverted | ThreeButtonsInLine;
|
|
47
|
+
export type BlockButtonsProps = Props;
|
|
48
|
+
/**
|
|
49
|
+
* Implements a component that show buttons on a line on 1, 2 or 3 buttons
|
|
50
|
+
*/
|
|
51
|
+
export declare const BlockButtons: (props: Props) => React.JSX.Element;
|
|
52
|
+
export {};
|
|
53
|
+
//# sourceMappingURL=BlockButtons.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BlockButtons.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/BlockButtons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAA8B,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAe1E,KAAK,WAAW,GAAG,QAAQ,CAAC;IAC1B,OAAO,EAAE,gBAAgB,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,OAAO,GAAG,SAAS,CAAC;IAC1B,WAAW,EAAE,gBAAgB,CAAC;CAC/B,CAAC;AAEF;;GAEG;AACH,MAAM,WAAW,YAAa,SAAQ,WAAW;IAC/C,IAAI,EAAE,cAAc,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,oBAAqB,SAAQ,WAAW;IACvD,IAAI,EAAE,sBAAsB,CAAC;IAC7B,SAAS,EAAE,gBAAgB,CAAC;CAC7B;AAED;;GAEG;AACH,UAAU,qBAAsB,SAAQ,WAAW;IACjD,IAAI,EAAE,uBAAuB,CAAC;IAC9B,SAAS,EAAE,gBAAgB,CAAC;CAC7B;AAED;;GAEG;AACH,UAAU,6BAA8B,SAAQ,WAAW;IACzD,IAAI,EAAE,+BAA+B,CAAC;IACtC,SAAS,EAAE,gBAAgB,CAAC;CAC7B;AAED;;GAEG;AACH,UAAU,kBAAmB,SAAQ,WAAW;IAC9C,IAAI,EAAE,oBAAoB,CAAC;IAC3B,SAAS,EAAE,gBAAgB,CAAC;IAC5B,KAAK,EAAE,gBAAgB,CAAC;CACzB;AAED,KAAK,KAAK,GACN,YAAY,GACZ,oBAAoB,GACpB,qBAAqB,GACrB,6BAA6B,GAC7B,kBAAkB,CAAC;AAEvB,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC;AAEtC;;GAEG;AACH,eAAO,MAAM,YAAY,UAAW,KAAK,sBA6DxC,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { BlockButtonsProps } from "./BlockButtons";
|
|
3
|
+
/**
|
|
4
|
+
* Implements a component that show buttons as sticky footer
|
|
5
|
+
* It can include 1, 2 or 3 buttons. If they are 2, they can have the inlineHalf or the inlineOneThird style
|
|
6
|
+
*/
|
|
7
|
+
export declare const FooterWithButtons: (props: BlockButtonsProps) => React.JSX.Element;
|
|
8
|
+
export default FooterWithButtons;
|
|
9
|
+
//# sourceMappingURL=FooterWithButtons.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FooterWithButtons.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/FooterWithButtons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAgB,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAejE;;;GAGG;AACH,eAAO,MAAM,iBAAiB,UAAW,iBAAiB,sBAWzD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/index.tsx"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/index.tsx"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextInputBase.d.ts","sourceRoot":"","sources":["../../../../src/components/textInput/TextInputBase.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,SAAS,EAGV,MAAM,cAAc,CAAC;AACtB,OAAO,KAAkD,MAAM,OAAO,CAAC;AAOvE,OAAO,EAAE,QAAQ,EAA4B,MAAM,YAAY,CAAC;AAChE,OAAO,EAAE,OAAO,EAAQ,MAAM,UAAU,CAAC;AAGzC,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"TextInputBase.d.ts","sourceRoot":"","sources":["../../../../src/components/textInput/TextInputBase.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,SAAS,EAGV,MAAM,cAAc,CAAC;AACtB,OAAO,KAAkD,MAAM,OAAO,CAAC;AAOvE,OAAO,EAAE,QAAQ,EAA4B,MAAM,YAAY,CAAC;AAChE,OAAO,EAAE,OAAO,EAAQ,MAAM,UAAU,CAAC;AAGzC,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAI9C,KAAK,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,OAAO,CAAC;AAEhE,KAAK,gBAAgB,GAAG,IAAI,CAC1B,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,EACtC,cAAc,GAAG,WAAW,GAAG,iBAAiB,GAAG,cAAc,CAClE,CAAC;AAEF,KAAK,cAAc,GAAG;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,gBAAgB,CAAC;IAClC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,QAAQ,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAuFF,eAAO,MAAM,aAAa,4MAiBvB,cAAc,sBA+KhB,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { StoryObj } from "@storybook/react";
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: import("react").MemoExoticComponent<({ color, label, small, fullWidth, disabled, icon, iconPosition, onPress, accessibilityLabel, accessibilityHint, testID }: import("../components").ButtonSolidProps) => import("react").JSX.Element>;
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: string;
|
|
8
|
+
};
|
|
9
|
+
tags: string[];
|
|
10
|
+
};
|
|
11
|
+
export default meta;
|
|
12
|
+
type Story = StoryObj<typeof meta>;
|
|
13
|
+
export declare const Primary: Story;
|
|
14
|
+
//# sourceMappingURL=ButtonDS.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ButtonDS.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/ButtonDS.stories.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAMvD,QAAA,MAAM,IAAI;;;;;;;CAS0B,CAAC;AAErC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { StoryObj } from "@storybook/react";
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: import("react").FC<Omit<import("react-native").TextProps & import("react").RefAttributes<import("react-native").Text>, "style"> & import("../components").TypographyProps<"Bold", "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-450" | "grey-650" | "grey-700" | "grey-850" | "black" | "blueIO-850" | "blueIO-600" | "blueIO-500" | "blueIO-450" | "blueIO-200" | "blueIO-150" | "blueIO-100" | "blueIO-50" | "hanPurple-850" | "hanPurple-500" | "hanPurple-250" | "hanPurple-100" | "hanPurple-50" | "turquoise-850" | "turquoise-500" | "turquoise-450" | "turquoise-150" | "turquoise-100" | "turquoise-50" | "error-600" | "error-500" | "error-400" | "error-100" | "warning-700" | "warning-500" | "warning-400" | "warning-100" | "success-700" | "success-500" | "success-400" | "success-100" | "info-700" | "info-500" | "info-400" | "info-100" | "cobalt" | "blueItalia-850" | "blueItalia-600" | "blueItalia-500" | "blueItalia-100" | "blueItalia-50" | "blue-600" | "blue-50" | "greyUltraLight" | "greyLight" | "bluegreyLight" | "grey" | "milderGray" | "bluegrey" | "noCieButton" | "blueUltraLight" | "aqua" | "aquaUltraLight" | "antiqueFuchsia" | "yellow" | "orange" | "red" | "green" | "greenLight" | import("..").IOColorsStatusForeground | ("white" | "bluegreyDark" | "blue")> & {
|
|
6
|
+
style?: import("react-native").Falsy | Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily"> | import("react-native").RegisteredStyle<Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily">> | import("react-native").RecursiveArray<import("react-native").Falsy | Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily"> | import("react-native").RegisteredStyle<Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily">>>;
|
|
7
|
+
}>;
|
|
8
|
+
parameters: {
|
|
9
|
+
layout: string;
|
|
10
|
+
actions: {
|
|
11
|
+
argTypesRegex: string;
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
tags: string[];
|
|
15
|
+
};
|
|
16
|
+
export default meta;
|
|
17
|
+
type Story = StoryObj<typeof meta>;
|
|
18
|
+
export declare const Primary: Story;
|
|
19
|
+
//# sourceMappingURL=H1.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"H1.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/H1.stories.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAMvD,QAAA,MAAM,IAAI;;;;;;;;;;;;CAUiB,CAAC;AAE5B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { StoryObj } from "@storybook/react";
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: import("react").FC<Omit<import("react-native").TextProps & import("react").RefAttributes<import("react-native").Text>, "style"> & import("../components").TypographyProps<"SemiBold" | "Bold", "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-450" | "grey-650" | "grey-700" | "grey-850" | "black" | "blueIO-850" | "blueIO-600" | "blueIO-500" | "blueIO-450" | "blueIO-200" | "blueIO-150" | "blueIO-100" | "blueIO-50" | "hanPurple-850" | "hanPurple-500" | "hanPurple-250" | "hanPurple-100" | "hanPurple-50" | "turquoise-850" | "turquoise-500" | "turquoise-450" | "turquoise-150" | "turquoise-100" | "turquoise-50" | "error-600" | "error-500" | "error-400" | "error-100" | "warning-700" | "warning-500" | "warning-400" | "warning-100" | "success-700" | "success-500" | "success-400" | "success-100" | "info-700" | "info-500" | "info-400" | "info-100" | "cobalt" | "blueItalia-850" | "blueItalia-600" | "blueItalia-500" | "blueItalia-100" | "blueItalia-50" | "blue-600" | "blue-50" | "greyUltraLight" | "greyLight" | "bluegreyLight" | "grey" | "milderGray" | "noCieButton" | "blueUltraLight" | "aqua" | "aquaUltraLight" | "antiqueFuchsia" | "yellow" | "orange" | "red" | "green" | "greenLight" | import("..").IOColorsStatusForeground | ("white" | "bluegrey" | "bluegreyDark" | "blue")> & {
|
|
6
|
+
style?: import("react-native").Falsy | Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily"> | import("react-native").RegisteredStyle<Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily">> | import("react-native").RecursiveArray<import("react-native").Falsy | Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily"> | import("react-native").RegisteredStyle<Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily">>>;
|
|
7
|
+
}>;
|
|
8
|
+
parameters: {
|
|
9
|
+
layout: string;
|
|
10
|
+
actions: {
|
|
11
|
+
argTypesRegex: string;
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
tags: string[];
|
|
15
|
+
};
|
|
16
|
+
export default meta;
|
|
17
|
+
type Story = StoryObj<typeof meta>;
|
|
18
|
+
export declare const Primary: Story;
|
|
19
|
+
//# sourceMappingURL=H2.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"H2.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/H2.stories.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAMvD,QAAA,MAAM,IAAI;;;;;;;;;;;;CAUiB,CAAC;AAE5B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { StoryObj } from "@storybook/react";
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: import("react").FunctionComponent<Omit<import("react-native").TextProps & import("react").RefAttributes<import("react-native").Text>, "style"> & import("../components").TypographyProps<"Regular" | "Bold", "white" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-450" | "grey-650" | "grey-700" | "grey-850" | "black" | "blueIO-850" | "blueIO-600" | "blueIO-500" | "blueIO-450" | "blueIO-200" | "blueIO-150" | "blueIO-100" | "blueIO-50" | "hanPurple-850" | "hanPurple-500" | "hanPurple-250" | "hanPurple-100" | "hanPurple-50" | "turquoise-850" | "turquoise-500" | "turquoise-450" | "turquoise-150" | "turquoise-100" | "turquoise-50" | "error-600" | "error-500" | "error-400" | "error-100" | "warning-700" | "warning-500" | "warning-400" | "warning-100" | "success-700" | "success-500" | "success-400" | "success-100" | "info-700" | "info-500" | "info-400" | "info-100" | "cobalt" | "blueItalia-850" | "blueItalia-600" | "blueItalia-500" | "blueItalia-100" | "blueItalia-50" | "blue-600" | "blue-50" | "greyUltraLight" | "greyLight" | "bluegreyLight" | "grey" | "milderGray" | "bluegrey" | "bluegreyDark" | "noCieButton" | "blue" | "blueUltraLight" | "aqua" | "aquaUltraLight" | "antiqueFuchsia" | "yellow" | "orange" | "red" | "green" | "greenLight" | import("..").IOColorsStatusForeground> & {
|
|
6
|
+
style?: import("react-native").Falsy | Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily"> | import("react-native").RegisteredStyle<Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily">> | import("react-native").RecursiveArray<import("react-native").Falsy | Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily"> | import("react-native").RegisteredStyle<Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily">>>;
|
|
7
|
+
}>;
|
|
8
|
+
parameters: {
|
|
9
|
+
layout: string;
|
|
10
|
+
actions: {
|
|
11
|
+
argTypesRegex: string;
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
tags: string[];
|
|
15
|
+
};
|
|
16
|
+
export default meta;
|
|
17
|
+
type Story = StoryObj<typeof meta>;
|
|
18
|
+
export declare const Primary: Story;
|
|
19
|
+
//# sourceMappingURL=H3.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"H3.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/H3.stories.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAMvD,QAAA,MAAM,IAAI;;;;;;;;;;;;CAUiB,CAAC;AAE5B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { StoryObj } from "@storybook/react";
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: import("react").FC<Omit<import("react-native").TextProps & import("react").RefAttributes<import("react-native").Text>, "style"> & import("../components").TypographyProps<"Regular" | "SemiBold", "white" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-450" | "grey-650" | "grey-700" | "grey-850" | "black" | "blueIO-850" | "blueIO-600" | "blueIO-500" | "blueIO-450" | "blueIO-200" | "blueIO-150" | "blueIO-100" | "blueIO-50" | "hanPurple-850" | "hanPurple-500" | "hanPurple-250" | "hanPurple-100" | "hanPurple-50" | "turquoise-850" | "turquoise-500" | "turquoise-450" | "turquoise-150" | "turquoise-100" | "turquoise-50" | "error-600" | "error-500" | "error-400" | "error-100" | "warning-700" | "warning-500" | "warning-400" | "warning-100" | "success-700" | "success-500" | "success-400" | "success-100" | "info-700" | "info-500" | "info-400" | "info-100" | "cobalt" | "blueItalia-850" | "blueItalia-600" | "blueItalia-500" | "blueItalia-100" | "blueItalia-50" | "blue-600" | "blue-50" | "greyUltraLight" | "greyLight" | "bluegreyLight" | "grey" | "milderGray" | "bluegrey" | "bluegreyDark" | "noCieButton" | "blue" | "blueUltraLight" | "aqua" | "aquaUltraLight" | "antiqueFuchsia" | "yellow" | "orange" | "red" | "green" | "greenLight" | import("..").IOColorsStatusForeground> & {
|
|
6
|
+
style?: import("react-native").Falsy | Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily"> | import("react-native").RegisteredStyle<Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily">> | import("react-native").RecursiveArray<import("react-native").Falsy | Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily"> | import("react-native").RegisteredStyle<Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily">>>;
|
|
7
|
+
}>;
|
|
8
|
+
parameters: {
|
|
9
|
+
layout: string;
|
|
10
|
+
actions: {
|
|
11
|
+
argTypesRegex: string;
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
tags: string[];
|
|
15
|
+
};
|
|
16
|
+
export default meta;
|
|
17
|
+
type Story = StoryObj<typeof meta>;
|
|
18
|
+
export declare const Primary: Story;
|
|
19
|
+
//# sourceMappingURL=H4.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"H4.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/H4.stories.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAMvD,QAAA,MAAM,IAAI;;;;;;;;;;;;CAUiB,CAAC;AAE5B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { StoryObj } from "@storybook/react";
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: import("react").FC<(Omit<import("react-native").TextProps & import("react").RefAttributes<import("react-native").Text>, "style"> & {
|
|
6
|
+
weight?: "SemiBold" | undefined;
|
|
7
|
+
color?: ("white" | "bluegreyLight" | "bluegrey" | "bluegreyDark" | "blue" | "red") | undefined;
|
|
8
|
+
} & {
|
|
9
|
+
style?: import("react-native").Falsy | Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily"> | import("react-native").RegisteredStyle<Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily">> | import("react-native").RecursiveArray<import("react-native").Falsy | Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily"> | import("react-native").RegisteredStyle<Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily">>>;
|
|
10
|
+
}) | (Omit<import("react-native").TextProps & import("react").RefAttributes<import("react-native").Text>, "style"> & {
|
|
11
|
+
weight: "Regular";
|
|
12
|
+
color?: ("white" | "bluegreyLight" | "grey" | "bluegrey" | "bluegreyDark" | "blue" | "red") | undefined;
|
|
13
|
+
} & {
|
|
14
|
+
style?: import("react-native").Falsy | Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily"> | import("react-native").RegisteredStyle<Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily">> | import("react-native").RecursiveArray<import("react-native").Falsy | Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily"> | import("react-native").RegisteredStyle<Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily">>>;
|
|
15
|
+
})>;
|
|
16
|
+
parameters: {
|
|
17
|
+
layout: string;
|
|
18
|
+
actions: {
|
|
19
|
+
argTypesRegex: string;
|
|
20
|
+
};
|
|
21
|
+
};
|
|
22
|
+
tags: string[];
|
|
23
|
+
};
|
|
24
|
+
export default meta;
|
|
25
|
+
type Story = StoryObj<typeof meta>;
|
|
26
|
+
export declare const Primary: Story;
|
|
27
|
+
//# sourceMappingURL=H5.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"H5.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/H5.stories.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAMvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;CAUiB,CAAC;AAE5B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { StoryObj } from "@storybook/react";
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: import("react").FC<Omit<import("react-native").TextProps & import("react").RefAttributes<import("react-native").Text>, "style"> & import("../components").TypographyProps<"Regular" | "SemiBold", "white" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-450" | "grey-650" | "grey-700" | "grey-850" | "black" | "blueIO-850" | "blueIO-600" | "blueIO-500" | "blueIO-450" | "blueIO-200" | "blueIO-150" | "blueIO-100" | "blueIO-50" | "hanPurple-850" | "hanPurple-500" | "hanPurple-250" | "hanPurple-100" | "hanPurple-50" | "turquoise-850" | "turquoise-500" | "turquoise-450" | "turquoise-150" | "turquoise-100" | "turquoise-50" | "error-850" | "error-600" | "error-500" | "error-400" | "error-100" | "warning-850" | "warning-700" | "warning-500" | "warning-400" | "warning-100" | "success-850" | "success-700" | "success-500" | "success-400" | "success-100" | "info-850" | "info-700" | "info-500" | "info-400" | "info-100" | "cobalt" | "blueItalia-850" | "blueItalia-600" | "blueItalia-500" | "blueItalia-100" | "blueItalia-50" | "blue-600" | "blue-50" | "greyUltraLight" | "greyLight" | "bluegreyLight" | "grey" | "milderGray" | "bluegrey" | "bluegreyDark" | "noCieButton" | "blue" | "blueUltraLight" | "aqua" | "aquaUltraLight" | "antiqueFuchsia" | "yellow" | "orange" | "red" | "green" | "greenLight"> & {
|
|
6
|
+
style?: import("react-native").Falsy | Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily"> | import("react-native").RegisteredStyle<Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily">> | import("react-native").RecursiveArray<import("react-native").Falsy | Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily"> | import("react-native").RegisteredStyle<Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily">>>;
|
|
7
|
+
}>;
|
|
8
|
+
parameters: {
|
|
9
|
+
layout: string;
|
|
10
|
+
actions: {
|
|
11
|
+
argTypesRegex: string;
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
tags: string[];
|
|
15
|
+
};
|
|
16
|
+
export default meta;
|
|
17
|
+
type Story = StoryObj<typeof meta>;
|
|
18
|
+
export declare const Primary: Story;
|
|
19
|
+
//# sourceMappingURL=H6.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"H6.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/H6.stories.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAMvD,QAAA,MAAM,IAAI;;;;;;;;;;;;CAUiB,CAAC;AAE5B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { StoryObj } from "@storybook/react";
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: import("react").FC<Omit<import("react-native").TextProps & import("react").RefAttributes<import("react-native").Text>, "style"> & import("../components").TypographyProps<"Regular" | "SemiBold" | "Bold", import("..").IOColorsStatusForeground | ("white" | "bluegrey" | "bluegreyDark" | "blue" | "red")> & {
|
|
6
|
+
style?: import("react-native").Falsy | Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily"> | import("react-native").RegisteredStyle<Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily">> | import("react-native").RecursiveArray<import("react-native").Falsy | Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily"> | import("react-native").RegisteredStyle<Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily">>>;
|
|
7
|
+
}>;
|
|
8
|
+
parameters: {
|
|
9
|
+
layout: string;
|
|
10
|
+
actions: {
|
|
11
|
+
argTypesRegex: string;
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
tags: string[];
|
|
15
|
+
};
|
|
16
|
+
export default meta;
|
|
17
|
+
type Story = StoryObj<typeof meta>;
|
|
18
|
+
export declare const Primary: Story;
|
|
19
|
+
//# sourceMappingURL=Label.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Label.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/Label.stories.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAMvD,QAAA,MAAM,IAAI;;;;;;;;;;;;CAUoB,CAAC;AAE/B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC"}
|