@tactics/toddle-styleguide 1.2.6 → 1.2.7

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 (33) hide show
  1. package/App.tsx +8 -0
  2. package/package.json +1 -1
  3. package/src/components/atoms/calendar/__snapshots__/calendar.test.js.snap +18 -18
  4. package/src/components/atoms/quick-message/__snapshots__/quick-message.test.js.snap +72 -0
  5. package/src/components/atoms/quick-message/quick-message.component.d.ts +7 -0
  6. package/src/components/atoms/quick-message/quick-message.component.tsx +32 -0
  7. package/src/components/atoms/quick-message/quick-message.preview.d.ts +1 -0
  8. package/src/components/atoms/quick-message/quick-message.preview.tsx +33 -0
  9. package/src/components/atoms/quick-message/quick-message.styles.d.ts +14 -0
  10. package/src/components/atoms/quick-message/quick-message.styles.js +18 -0
  11. package/src/components/atoms/quick-message/quick-message.test.js +26 -0
  12. package/src/components/molecules/button/__snapshots__/button.test.js.snap +72 -0
  13. package/src/components/molecules/button/button.component.d.ts +1 -1
  14. package/src/components/molecules/button/button.component.tsx +8 -15
  15. package/src/components/molecules/button/button.preview.tsx +5 -0
  16. package/src/components/molecules/button/button.test.js +6 -0
  17. package/src/components/molecules/failed-to-send/__snapshots__/failed-bubble.test.js.snap +2 -0
  18. package/src/components/molecules/failed-to-send/failed-bubble.component.d.ts +4 -3
  19. package/src/components/molecules/failed-to-send/failed-bubble.component.tsx +6 -4
  20. package/src/components/molecules/failed-to-send/failed-bubble.test.js +56 -0
  21. package/src/components/molecules/send-bubble/__snapshots__/send-text-bubble.test.js.snap +12 -0
  22. package/src/components/molecules/send-bubble/send-text-bubble.component.d.ts +4 -3
  23. package/src/components/molecules/send-bubble/send-text-bubble.component.tsx +17 -6
  24. package/src/components/molecules/send-bubble/send-text-bubble.test.js +71 -0
  25. package/src/components/molecules/tag/tag.component.d.ts +3 -2
  26. package/src/components/organisms/day-select/day-select.component.tsx +5 -1
  27. package/src/components/organisms/text-bubble/__snapshots__/text-bubble.test.js.snap +21 -0
  28. package/src/components/organisms/text-bubble/text-bubble.component.d.ts +5 -4
  29. package/src/components/organisms/text-bubble/text-bubble.component.tsx +15 -5
  30. package/src/components/organisms/text-bubble/text-bubble.preview.tsx +6 -1
  31. package/src/components/organisms/text-bubble/text-bubble.styles.d.ts +30 -44
  32. package/src/components/organisms/text-bubble/text-bubble.styles.js +2 -0
  33. package/src/components/organisms/text-bubble/text-bubble.test.js +7 -0
package/src/components/organisms/text-bubble/text-bubble.styles.d.ts CHANGED
@@ -1,45 +1,31 @@
1
- export function Stylesheet(
2
- context: any,
3
- bubbleAlignment: any
4
- ):
5
- | StyleSheet.NamedStyles<any>
6
- | StyleSheet.NamedStyles<{
7
- rootContainer: {
1
+ export function Stylesheet(context: any, bubbleAlignment: any): StyleSheet.NamedStyles<any> | StyleSheet.NamedStyles<{
2
+ rootContainer: {
8
3
  width: string;
9
- }[];
10
- textBubbleRootContainer: (
11
- | {
12
- maxWidth: string;
13
- marginBottom: number;
14
- alignSelf?: undefined;
15
- }
16
- | {
17
- alignSelf: string;
18
- maxWidth?: undefined;
19
- marginBottom?: undefined;
20
- }
21
- )[];
22
- failedBubbleRootContainer: (
23
- | {
24
- maxWidth: string;
25
- marginBottom: number;
26
- alignSelf?: undefined;
27
- }
28
- | {
29
- alignSelf: string;
30
- maxWidth?: undefined;
31
- marginBottom?: undefined;
32
- }
33
- )[];
34
- timestampContainer: (
35
- | {
36
- maxWidth: string;
37
- alignSelf?: undefined;
38
- }
39
- | {
40
- alignSelf: string;
41
- maxWidth?: undefined;
42
- }
43
- )[];
44
- }>;
45
- import {StyleSheet} from 'react-native';
4
+ }[];
5
+ textBubbleRootContainer: ({
6
+ maxWidth: string;
7
+ minWidth: string;
8
+ alignSelf?: undefined;
9
+ } | {
10
+ alignSelf: string;
11
+ maxWidth?: undefined;
12
+ minWidth?: undefined;
13
+ })[];
14
+ failedBubbleRootContainer: ({
15
+ maxWidth: string;
16
+ minWidth: string;
17
+ alignSelf?: undefined;
18
+ } | {
19
+ alignSelf: string;
20
+ maxWidth?: undefined;
21
+ minWidth?: undefined;
22
+ })[];
23
+ timestampContainer: ({
24
+ maxWidth: string;
25
+ alignSelf?: undefined;
26
+ } | {
27
+ alignSelf: string;
28
+ maxWidth?: undefined;
29
+ })[];
30
+ }>;
31
+ import { StyleSheet } from "react-native/Libraries/StyleSheet/StyleSheet";
package/src/components/organisms/text-bubble/text-bubble.styles.js CHANGED
@@ -11,6 +11,7 @@ export const Stylesheet = (context, bubbleAlignment) =>
11
11
  textBubbleRootContainer: [
12
12
  {
13
13
  maxWidth: '80%',
14
+ minWidth: '50%',
14
15
  },
15
16
  bubbleAlignment === BubbleAlignment.SENT && {
16
17
  alignSelf: 'flex-end',
@@ -19,6 +20,7 @@ export const Stylesheet = (context, bubbleAlignment) =>
19
20
  failedBubbleRootContainer: [
20
21
  {
21
22
  maxWidth: '80%',
23
+ minWidth: '50%',
22
24
  },
23
25
  bubbleAlignment === BubbleAlignment.SENT && {
24
26
  alignSelf: 'flex-end',
package/src/components/organisms/text-bubble/text-bubble.test.js CHANGED
@@ -12,6 +12,7 @@ describe('test text-bubble', () => {
12
12
  const tree = renderer
13
13
  .create(
14
14
  <TextBubble
15
+ id={'umhf34'}
15
16
  visualState="ERROR"
16
17
  bubbleAlignment="SENT"
17
18
  text="TEST color"
@@ -30,6 +31,7 @@ describe('test text-bubble', () => {
30
31
  const tree = renderer
31
32
  .create(
32
33
  <TextBubble
34
+ id={'2383'}
33
35
  visualState="WARNING"
34
36
  bubbleAlignment="SENT"
35
37
  text="TEST color"
@@ -48,6 +50,7 @@ describe('test text-bubble', () => {
48
50
  const tree = renderer
49
51
  .create(
50
52
  <TextBubble
53
+ id={'986'}
51
54
  visualState="DEFAULT"
52
55
  bubbleAlignment="SENT"
53
56
  text="TEST color"
@@ -66,6 +69,7 @@ describe('test text-bubble', () => {
66
69
  const tree = renderer
67
70
  .create(
68
71
  <TextBubble
72
+ id={'30'}
69
73
  visualState="DEFAULT"
70
74
  bubbleAlignment="SENT"
71
75
  text="TEST Bubble"
@@ -84,6 +88,7 @@ describe('test text-bubble', () => {
84
88
  const tree = renderer
85
89
  .create(
86
90
  <TextBubble
91
+ id={'12'}
87
92
  visualState="DEFAULT"
88
93
  bubbleAlignment="RECEIVE"
89
94
  text="TEST Bubble"
@@ -102,6 +107,7 @@ describe('test text-bubble', () => {
102
107
  const tree = renderer
103
108
  .create(
104
109
  <TextBubble
110
+ id={'2'}
105
111
  visualState="DEFAULT"
106
112
  bubbleAlignment="RECEIVE"
107
113
  text="TEST Bubble"
@@ -120,6 +126,7 @@ describe('test text-bubble', () => {
120
126
  const tree = renderer
121
127
  .create(
122
128
  <TextBubble
129
+ id={'5'}
123
130
  visualState="DEFAULT"
124
131
  bubbleAlignment="SENT"
125
132
  text="TEST Bubble"