playbook_ui 14.7.0.pre.alpha.dependabotnpmandyarnfloatinguireact026284532 → 14.7.0.pre.alpha.dependabotnpmandyarnintltelinput24704448

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 (53) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_card/docs/_card_light.md +1 -1
  3. data/app/pb_kits/playbook/pb_date/_date.scss +0 -3
  4. data/app/pb_kits/playbook/pb_date_picker/date_picker_helper.ts +1 -1
  5. data/app/pb_kits/playbook/pb_date_picker/docs/example.yml +0 -2
  6. data/app/pb_kits/playbook/pb_date_picker/docs/index.js +0 -1
  7. data/app/pb_kits/playbook/pb_date_picker/plugins/quickPick.tsx +1 -17
  8. data/app/pb_kits/playbook/pb_draggable/docs/example.yml +0 -6
  9. data/app/pb_kits/playbook/pb_drawer/_drawer.scss +175 -88
  10. data/app/pb_kits/playbook/pb_drawer/_drawer.tsx +47 -79
  11. data/app/pb_kits/playbook/pb_drawer/drawer.test.jsx +16 -20
  12. data/app/pb_kits/playbook/pb_timeline/_timeline.scss +1 -43
  13. data/app/pb_kits/playbook/pb_timeline/_timeline.tsx +2 -6
  14. data/app/pb_kits/playbook/pb_timeline/docs/example.yml +3 -5
  15. data/app/pb_kits/playbook/pb_timeline/docs/index.js +0 -2
  16. data/app/pb_kits/playbook/pb_timeline/timeline.rb +1 -11
  17. data/app/pb_kits/playbook/pb_timeline/timeline.test.js +4 -4
  18. data/app/pb_kits/playbook/utilities/_hover.scss +27 -40
  19. data/app/pb_kits/playbook/utilities/globalProps.ts +3 -5
  20. data/dist/chunks/_typeahead-CFuWkfWK.js +22 -0
  21. data/dist/chunks/_weekday_stacked-OvN7ix-I.js +45 -0
  22. data/dist/chunks/{lib-BC6ESsxG.js → lib-D-mTv-kp.js} +1 -1
  23. data/dist/chunks/{pb_form_validation-B_Z9rEbg.js → pb_form_validation-BkWGwJsl.js} +1 -1
  24. data/dist/chunks/vendor.js +1 -1
  25. data/dist/menu.yml +1 -1
  26. data/dist/playbook-doc.js +1 -1
  27. data/dist/playbook-rails-react-bindings.js +1 -1
  28. data/dist/playbook-rails.js +1 -1
  29. data/dist/playbook.css +1 -1
  30. data/lib/playbook/hover.rb +1 -1
  31. data/lib/playbook/version.rb +1 -1
  32. metadata +6 -25
  33. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_default_date.html.erb +0 -42
  34. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_default_date.jsx +0 -44
  35. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_default_date.md +0 -1
  36. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_default_rails.html.erb +0 -26
  37. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_default_rails.md +0 -7
  38. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards_rails.html.erb +0 -38
  39. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards_rails.md +0 -0
  40. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_list_rails.html.erb +0 -19
  41. data/app/pb_kits/playbook/pb_draggable/draggable.html.erb +0 -3
  42. data/app/pb_kits/playbook/pb_draggable/draggable.rb +0 -18
  43. data/app/pb_kits/playbook/pb_draggable/draggable_container.html.erb +0 -3
  44. data/app/pb_kits/playbook/pb_draggable/draggable_container.rb +0 -15
  45. data/app/pb_kits/playbook/pb_draggable/draggable_item.html.erb +0 -7
  46. data/app/pb_kits/playbook/pb_draggable/draggable_item.rb +0 -18
  47. data/app/pb_kits/playbook/pb_draggable/index.js +0 -125
  48. data/app/pb_kits/playbook/pb_timeline/docs/_timeline_with_gap.html.erb +0 -94
  49. data/app/pb_kits/playbook/pb_timeline/docs/_timeline_with_gap.jsx +0 -180
  50. data/app/pb_kits/playbook/pb_timeline/docs/_timeline_with_gap.md +0 -1
  51. data/app/pb_kits/playbook/utilities/test/globalProps/hover.test.js +0 -79
  52. data/dist/chunks/_typeahead-CEqbLlRy.js +0 -22
  53. data/dist/chunks/_weekday_stacked-BiF9GqI1.js +0 -45
data/app/pb_kits/playbook/pb_timeline/docs/_timeline_with_gap.jsx DELETED
@@ -1,180 +0,0 @@
1
- import React from 'react'
2
-
3
- import Timeline from '../_timeline'
4
- import Flex from "../../pb_flex/_flex"
5
- import FlexItem from "../../pb_flex/_flex_item"
6
- import Body from '../../pb_body/_body'
7
-
8
- const TimelineWithGap = (props) => (
9
- <div>
10
- <Flex justify="evenly">
11
- <FlexItem>
12
- <Timeline
13
- gap="xs"
14
- orientation="vertical"
15
- >
16
- <Timeline.Item
17
- icon="user"
18
- iconColor="royal"
19
- {...props}
20
- >
21
- <Body
22
- color="light"
23
- text="Conversation started"
24
- {...props}
25
- />
26
- </Timeline.Item>
27
- <Timeline.Item
28
- icon="check"
29
- iconColor="teal"
30
- lineStyle="dotted"
31
- {...props}
32
- >
33
- <Body
34
- color="light"
35
- text="Trip #12422"
36
- {...props}
37
- />
38
- </Timeline.Item>
39
- <Timeline.Item
40
- icon="credit-card"
41
- iconColor="red"
42
- {...props}
43
- >
44
- <Body
45
- color="light"
46
- text="Refund issue #12422"
47
- {...props}
48
- />
49
- </Timeline.Item>
50
- </Timeline>
51
- </FlexItem>
52
- <FlexItem>
53
- <Timeline
54
- gap="sm"
55
- orientation="vertical"
56
- >
57
- <Timeline.Item
58
- icon="user"
59
- iconColor="royal"
60
- {...props}
61
- >
62
- <Body
63
- color="light"
64
- text="Conversation started"
65
- {...props}
66
- />
67
- </Timeline.Item>
68
- <Timeline.Item
69
- icon="check"
70
- iconColor="teal"
71
- lineStyle="dotted"
72
- {...props}
73
- >
74
- <Body
75
- color="light"
76
- text="Trip #12422"
77
- {...props}
78
- />
79
- </Timeline.Item>
80
- <Timeline.Item
81
- icon="credit-card"
82
- iconColor="red"
83
- {...props}
84
- >
85
- <Body
86
- color="light"
87
- text="Refund issue #12422"
88
- {...props}
89
- />
90
- </Timeline.Item>
91
- </Timeline>
92
- </FlexItem>
93
- <FlexItem>
94
- <Timeline
95
- gap="md"
96
- orientation="vertical"
97
- >
98
- <Timeline.Item
99
- icon="user"
100
- iconColor="royal"
101
- {...props}
102
- >
103
- <Body
104
- color="light"
105
- text="Conversation started"
106
- {...props}
107
- />
108
- </Timeline.Item>
109
- <Timeline.Item
110
- icon="check"
111
- iconColor="teal"
112
- lineStyle="dotted"
113
- {...props}
114
- >
115
- <Body
116
- color="light"
117
- text="Trip #12422"
118
- {...props}
119
- />
120
- </Timeline.Item>
121
- <Timeline.Item
122
- icon="credit-card"
123
- iconColor="red"
124
- lineStyle="dotted"
125
- {...props}
126
- >
127
- <Body
128
- color="light"
129
- text="Refund issue #12422"
130
- {...props}
131
- />
132
- </Timeline.Item>
133
- </Timeline>
134
- </FlexItem>
135
- <FlexItem>
136
- <Timeline
137
- gap="lg"
138
- orientation="vertical"
139
- >
140
- <Timeline.Item
141
- icon="user"
142
- iconColor="royal"
143
- {...props}
144
- >
145
- <Body
146
- color="light"
147
- text="Conversation started"
148
- {...props}
149
- />
150
- </Timeline.Item>
151
- <Timeline.Item
152
- icon="check"
153
- iconColor="teal"
154
- lineStyle="dotted"
155
- {...props}
156
- >
157
- <Body
158
- color="light"
159
- text="Trip #12422"
160
- {...props}
161
- />
162
- </Timeline.Item>
163
- <Timeline.Item
164
- icon="credit-card"
165
- iconColor="red"
166
- {...props}
167
- >
168
- <Body
169
- color="light"
170
- text="Refund issue #12422"
171
- {...props}
172
- />
173
- </Timeline.Item>
174
- </Timeline>
175
- </FlexItem>
176
- </Flex>
177
- </div>
178
- )
179
-
180
- export default TimelineWithGap
data/app/pb_kits/playbook/pb_timeline/docs/_timeline_with_gap.md DELETED
@@ -1 +0,0 @@
1
- Use the optional `gap` prop to render the timeline kit with adjusted spacing between nodes. The `gap` prop will only work when utilized with a vertical timeline. Horizontal timelines will show no difference in spacing.
data/app/pb_kits/playbook/utilities/test/globalProps/hover.test.js DELETED
@@ -1,79 +0,0 @@
1
- import React from 'react';
2
- import { render, screen } from '../../test-utils';
3
- import Body from '../../../pb_body/_body';
4
-
5
- const testSubject = 'body';
6
-
7
- test('Hover Props: returns proper class name', () => {
8
- const testIdColor = `${testSubject}-hover-color-red`;
9
- render(
10
- <Body
11
- data={{ testid: testIdColor }}
12
- hover={{ color: 'red' }}
13
- text="Hi"
14
- />
15
- );
16
-
17
- let kit = screen.getByTestId(testIdColor);
18
- let expectedClassName = `hover_color-red`;
19
- expect(kit).toHaveClass(expectedClassName);
20
-
21
- const testIdBackground = `${testSubject}-hover-background-blue`;
22
- render(
23
- <Body
24
- data={{ testid: testIdBackground }}
25
- hover={{ background: 'blue' }}
26
- text="Hi"
27
- />
28
- );
29
-
30
- kit = screen.getByTestId(testIdBackground);
31
- expectedClassName = `hover_background-blue`;
32
- expect(kit).toHaveClass(expectedClassName);
33
-
34
- const testIdShadow = `${testSubject}-hover-shadow-deep`;
35
- render(
36
- <Body
37
- data={{ testid: testIdShadow }}
38
- hover={{ shadow: 'deep' }}
39
- text="Hi"
40
- />
41
- );
42
-
43
- kit = screen.getByTestId(testIdShadow);
44
- expectedClassName = `hover_shadow_deep`;
45
- expect(kit).toHaveClass(expectedClassName);
46
-
47
- const testIdScale = `${testSubject}-hover-scale`;
48
- render(
49
- <Body
50
- data={{ testid: testIdScale }}
51
- hover={{ scale: 'xl' }}
52
- text="Test"
53
- />
54
- );
55
-
56
- kit = screen.getByTestId(testIdScale);
57
- expectedClassName = `hover_scale_xl`;
58
- expect(kit).toHaveClass(expectedClassName);
59
-
60
- const testIdMultiple = `${testSubject}-hover-multiple`;
61
- render(
62
- <Body
63
- data={{ testid: testIdMultiple }}
64
- hover={{
65
- color: 'green',
66
- background: 'error',
67
- shadow: 'deeper',
68
- scale: 'xl',
69
- }}
70
- text="Hi"
71
- />
72
- );
73
-
74
- kit = screen.getByTestId(testIdMultiple);
75
- expect(kit).toHaveClass('hover_color-green');
76
- expect(kit).toHaveClass('hover_background-error');
77
- expect(kit).toHaveClass('hover_shadow_deeper');
78
- expect(kit).toHaveClass('hover_scale_xl');
79
- });