@ornikar/kitt-universal 1.0.0 → 1.0.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.
Files changed (139) hide show
  1. package/package.json +4 -4
  2. package/CHANGELOG.md +0 -8
  3. package/src/.eslintrc.json +0 -19
  4. package/src/Avatar/Avatar.stories.tsx +0 -45
  5. package/src/Avatar/Avatar.tsx +0 -60
  6. package/src/Avatar/__snapshots__/Avatar.stories.tsx.snap +0 -1229
  7. package/src/Button/Button.stories.tsx +0 -301
  8. package/src/Button/Button.tsx +0 -60
  9. package/src/Button/ButtonContainer.tsx +0 -32
  10. package/src/Button/ButtonContent.tsx +0 -133
  11. package/src/Button/__snapshots__/Button.stories.tsx.snap +0 -7483
  12. package/src/Button/useButton.ts +0 -14
  13. package/src/Card/Card.stories.tsx +0 -31
  14. package/src/Card/Card.tsx +0 -25
  15. package/src/Card/__snapshots__/Card.stories.tsx.snap +0 -306
  16. package/src/FullScreenModal/Body.tsx +0 -25
  17. package/src/FullScreenModal/FullScreenModal.stories.tsx +0 -63
  18. package/src/FullScreenModal/FullScreenModal.tsx +0 -21
  19. package/src/FullScreenModal/Header.tsx +0 -129
  20. package/src/FullScreenModal/__snapshots__/FullScreenModal.stories.tsx.snap +0 -771
  21. package/src/Icon/Icon.stories.tsx +0 -59
  22. package/src/Icon/Icon.tsx +0 -37
  23. package/src/Icon/SpinningIcon.tsx +0 -38
  24. package/src/Icon/SpinningIcon.web.module.css +0 -13
  25. package/src/Icon/SpinningIcon.web.module.css.d.ts +0 -6
  26. package/src/Icon/SpinningIcon.web.tsx +0 -11
  27. package/src/Icon/__snapshots__/Icon.stories.tsx.snap +0 -5648
  28. package/src/KittBreakpoints.ts +0 -44
  29. package/src/ListItem/ListItem.stories.tsx +0 -122
  30. package/src/ListItem/ListItem.tsx +0 -61
  31. package/src/ListItem/ListItemContent.tsx +0 -17
  32. package/src/ListItem/ListItemSideContent.tsx +0 -41
  33. package/src/ListItem/__snapshots__/ListItem.stories.tsx.snap +0 -1514
  34. package/src/Loader/LargeLoader.tsx +0 -12
  35. package/src/Loader/LargeLoader.web.module.css +0 -103
  36. package/src/Loader/LargeLoader.web.module.css.d.ts +0 -11
  37. package/src/Loader/LargeLoader.web.test.tsx +0 -10
  38. package/src/Loader/LargeLoader.web.tsx +0 -18
  39. package/src/Loader/Loader.stories.tsx +0 -47
  40. package/src/Loader/Loader.tsx +0 -21
  41. package/src/Loader/Loader.web.test.tsx +0 -20
  42. package/src/Loader/Loader.web.tsx +0 -14
  43. package/src/Loader/__snapshots__/LargeLoader.web.test.tsx.snap +0 -33
  44. package/src/Loader/__snapshots__/Loader.stories.tsx.snap +0 -607
  45. package/src/Loader/__snapshots__/Loader.web.test.tsx.snap +0 -103
  46. package/src/Message/Message.stories.tsx +0 -102
  47. package/src/Message/Message.tsx +0 -114
  48. package/src/Message/__snapshots__/Message.stories.tsx.snap +0 -2776
  49. package/src/Modal/Body.tsx +0 -20
  50. package/src/Modal/Footer.tsx +0 -18
  51. package/src/Modal/Header.tsx +0 -66
  52. package/src/Modal/Modal.stories.tsx +0 -181
  53. package/src/Modal/Modal.tsx +0 -66
  54. package/src/Modal/OnCloseContext.ts +0 -3
  55. package/src/Modal/__snapshots__/Modal.stories.tsx.snap +0 -2960
  56. package/src/Notification/Notification.stories.tsx +0 -102
  57. package/src/Notification/Notification.tsx +0 -21
  58. package/src/Notification/__snapshots__/Notification.stories.tsx.snap +0 -2861
  59. package/src/Overlay/Overlay.tsx +0 -22
  60. package/src/Tag/Tag.stories.tsx +0 -18
  61. package/src/Tag/Tag.tsx +0 -31
  62. package/src/Tag/__snapshots__/Tag.stories.tsx.snap +0 -303
  63. package/src/Tooltip/Tooltip.tsx +0 -17
  64. package/src/__mocks__/react-native-safe-area-context.tsx +0 -26
  65. package/src/forms/InputFeedback/InputFeedback.stories.tsx +0 -17
  66. package/src/forms/InputFeedback/InputFeedback.tsx +0 -28
  67. package/src/forms/InputFeedback/__snapshots__/InputFeedback.stories.tsx.snap +0 -252
  68. package/src/forms/InputField/InputField.stories.tsx +0 -19
  69. package/src/forms/InputField/InputField.tsx +0 -45
  70. package/src/forms/InputField/__snapshots__/InputField.stories.tsx.snap +0 -240
  71. package/src/forms/InputFormState.ts +0 -1
  72. package/src/forms/InputText/InputText.stories.tsx +0 -85
  73. package/src/forms/InputText/InputText.tsx +0 -172
  74. package/src/forms/InputText/__snapshots__/InputText.stories.tsx.snap +0 -4274
  75. package/src/forms/InputText/useInputText.ts +0 -19
  76. package/src/forms/Label/Label.stories.tsx +0 -14
  77. package/src/forms/Label/Label.tsx +0 -17
  78. package/src/forms/Label/__snapshots__/Label.stories.tsx.snap +0 -174
  79. package/src/forms/Radio/Radio.stories.tsx +0 -48
  80. package/src/forms/Radio/Radio.tsx +0 -81
  81. package/src/forms/Radio/__snapshots__/Radio.stories.tsx.snap +0 -967
  82. package/src/forms/TextArea/TextArea.stories.tsx +0 -72
  83. package/src/forms/TextArea/TextArea.tsx +0 -12
  84. package/src/forms/TextArea/__snapshots__/TextArea.stories.tsx.snap +0 -2091
  85. package/src/index.ts +0 -61
  86. package/src/stories/Block.tsx +0 -24
  87. package/src/stories/Flex.tsx +0 -16
  88. package/src/stories/color-tokens.stories.tsx +0 -143
  89. package/src/stories-list.ts +0 -22
  90. package/src/story-components/Section.tsx +0 -56
  91. package/src/story-components/Story.tsx +0 -24
  92. package/src/story-components/StoryDecorator.tsx +0 -8
  93. package/src/story-components/StoryGrid.tsx +0 -80
  94. package/src/story-components/StoryTitle.stories.tsx +0 -12
  95. package/src/story-components/StoryTitle.tsx +0 -69
  96. package/src/story-components/__snapshots__/StoryTitle.stories.tsx.snap +0 -155
  97. package/src/story-components/index.ts +0 -5
  98. package/src/themes/default.ts +0 -34
  99. package/src/themes/late-ocean/avatarLateOceanTheme.ts +0 -12
  100. package/src/themes/late-ocean/buttonLateOceanTheme.ts +0 -37
  101. package/src/themes/late-ocean/cardLateOceanTheme.ts +0 -19
  102. package/src/themes/late-ocean/colorsLateOceanTheme.ts +0 -19
  103. package/src/themes/late-ocean/feedbackMessageLateOceanTheme.ts +0 -10
  104. package/src/themes/late-ocean/formLateOceanTheme.ts +0 -9
  105. package/src/themes/late-ocean/fullScreenModalLateOceanTheme.ts +0 -9
  106. package/src/themes/late-ocean/inputFieldLateOceanTheme.ts +0 -4
  107. package/src/themes/late-ocean/inputLateOceanTheme.ts +0 -55
  108. package/src/themes/late-ocean/listItemLateOceanTheme.ts +0 -8
  109. package/src/themes/late-ocean/radioLateOceanTheme.ts +0 -19
  110. package/src/themes/late-ocean/shadowsLateOceanTheme.ts +0 -3
  111. package/src/themes/late-ocean/tagLateOceanTheme.ts +0 -17
  112. package/src/themes/late-ocean/typographyLateOceanTheme.ts +0 -94
  113. package/src/themes/palettes/lateOceanColorPalette.ts +0 -24
  114. package/src/typings/babel-config.d.ts +0 -6
  115. package/src/typings/metro.d.ts +0 -6
  116. package/src/typography/Typography.stories.tsx +0 -113
  117. package/src/typography/Typography.tsx +0 -165
  118. package/src/typography/TypographyIcon.stories.tsx +0 -31
  119. package/src/typography/TypographyIcon.tsx +0 -35
  120. package/src/typography/TypographyLink.stories.tsx +0 -88
  121. package/src/typography/TypographyLink.tsx +0 -48
  122. package/src/typography/__snapshots__/Typography.stories.tsx.snap +0 -6118
  123. package/src/typography/__snapshots__/TypographyIcon.stories.tsx.snap +0 -334
  124. package/src/typography/__snapshots__/TypographyLink.stories.tsx.snap +0 -10945
  125. package/src/useKittTheme.tsx +0 -12
  126. package/src/utils/storybook/decorators/KittThemeDecorator.tsx +0 -27
  127. package/src/utils/storybook/decorators/SafeAreaProviderDecorator.tsx +0 -11
  128. package/src/utils/storybook/setup-global-decorators.ts +0 -6
  129. package/src/utils/tests/renderWithProvidersUtils.tsx +0 -17
  130. package/src/utils/typeUtils.ts +0 -6
  131. package/src/utils/windowSize/MatchWindowSize.tsx +0 -14
  132. package/src/utils/windowSize/__snapshots__/windowSize.stories.tsx.snap +0 -1485
  133. package/src/utils/windowSize/createWindowSizeHelper.test.ts +0 -11
  134. package/src/utils/windowSize/createWindowSizeHelper.ts +0 -65
  135. package/src/utils/windowSize/useMatchWindowSize.ts +0 -14
  136. package/src/utils/windowSize/useWindowSize.ts +0 -1
  137. package/src/utils/windowSize/windowSize.stories.tsx +0 -115
  138. package/tsconfig.build.json +0 -33
  139. package/tsconfig.json +0 -13
package/src/Notification/Notification.stories.tsx DELETED
@@ -1,102 +0,0 @@
1
- import { action } from '@storybook/addon-actions';
2
- import { storiesOf } from '@storybook/react-native';
3
- import { Section, Story } from '@ornikar/kitt-universal';
4
- import React from 'react';
5
- import { Typography } from '../typography/Typography';
6
- import { Notification } from './Notification';
7
-
8
- storiesOf('kitt-universal/Feedback', module).add('Notification', () => (
9
- <Story title="Notification">
10
- <Section.DemoSection>
11
- <Notification>Something happened !</Notification>
12
- </Section.DemoSection>
13
- <Section title="Classic">
14
- <Section.SubSection title="Info">
15
- <Notification>Something definitely happened !</Notification>
16
- </Section.SubSection>
17
- <Section.SubSection title="Confirmation">
18
- <Notification type="success">Something good happened !</Notification>
19
- </Section.SubSection>
20
- <Section.SubSection title="Warning">
21
- <Notification type="warning">Something weird happened !</Notification>
22
- </Section.SubSection>
23
- <Section.SubSection title="Error">
24
- <Notification type="danger">Something bad happened !</Notification>
25
- </Section.SubSection>
26
- </Section>
27
- <Section title="Classic - Centered Text">
28
- <Section.SubSection title="Info">
29
- <Notification centeredText>Something definitely happened !</Notification>
30
- </Section.SubSection>
31
- <Section.SubSection title="Confirmation">
32
- <Notification centeredText type="success">
33
- Something good happened !
34
- </Notification>
35
- </Section.SubSection>
36
- <Section.SubSection title="Warning">
37
- <Notification centeredText type="warning">
38
- Something weird happened !
39
- </Notification>
40
- </Section.SubSection>
41
- <Section.SubSection title="Error">
42
- <Notification centeredText type="danger">
43
- Something bad happened !
44
- </Notification>
45
- </Section.SubSection>
46
- </Section>
47
- <Section title="Dismissable">
48
- <Section.SubSection title="Info">
49
- <Notification onDelete={action('delete')}>Something definitely happened !</Notification>
50
- </Section.SubSection>
51
- <Section.SubSection title="Confirmation">
52
- <Notification type="success" onDelete={action('delete')}>
53
- Something good happened !
54
- </Notification>
55
- </Section.SubSection>
56
- <Section.SubSection title="Warning">
57
- <Notification type="warning" onDelete={action('delete')}>
58
- Something weird happened !
59
- </Notification>
60
- </Section.SubSection>
61
- <Section.SubSection title="Error">
62
- <Notification type="danger" onDelete={action('delete')}>
63
- Something bad happened !
64
- </Notification>
65
- </Section.SubSection>
66
- </Section>
67
- <Section title="Classic - with title">
68
- <Section.SubSection title="Info">
69
- <Notification onDelete={action('delete')}>
70
- <Typography.Text base="body" variant="bold">
71
- This is a title{'\n'}
72
- </Typography.Text>
73
- <Typography.Text base="body-small">Something definitely happened !</Typography.Text>
74
- </Notification>
75
- </Section.SubSection>
76
- <Section.SubSection title="Confirmation">
77
- <Notification type="success" onDelete={action('delete')}>
78
- <Typography.Text base="body" variant="bold">
79
- This is a title{'\n'}
80
- </Typography.Text>
81
- <Typography.Text base="body-small">Something good happened !</Typography.Text>
82
- </Notification>
83
- </Section.SubSection>
84
- <Section.SubSection title="Warning">
85
- <Notification type="warning" onDelete={action('delete')}>
86
- <Typography.Text base="body" variant="bold">
87
- This is a title{'\n'}
88
- </Typography.Text>
89
- <Typography.Text base="body-small">Something weird happened !</Typography.Text>
90
- </Notification>
91
- </Section.SubSection>
92
- <Section.SubSection title="Error">
93
- <Notification type="danger" onDelete={action('delete')}>
94
- <Typography.Text base="body" variant="bold">
95
- This is a title{'\n'}
96
- </Typography.Text>
97
- <Typography.Text base="body-small">Something bad happened !</Typography.Text>
98
- </Notification>
99
- </Section.SubSection>
100
- </Section>
101
- </Story>
102
- ));
package/src/Notification/Notification.tsx DELETED
@@ -1,21 +0,0 @@
1
- import type { ReactElement, ReactNode } from 'react';
2
- import React from 'react';
3
- import { useSafeAreaInsets } from 'react-native-safe-area-context';
4
- import type { MessageProps } from '../Message/Message';
5
- import { Message } from '../Message/Message';
6
-
7
- export interface NotificationProps {
8
- children: NonNullable<ReactNode>;
9
- type?: MessageProps['type'];
10
- centeredText?: MessageProps['centeredText'];
11
- onDelete?: MessageProps['onDismiss'];
12
- }
13
-
14
- export function Notification({ type, children, centeredText, onDelete }: NotificationProps): ReactElement {
15
- const { top } = useSafeAreaInsets();
16
- return (
17
- <Message noRadius type={type} centeredText={centeredText} insets={{ top }} onDismiss={onDelete}>
18
- {children}
19
- </Message>
20
- );
21
- }