playbook_ui 7.3.0 → 7.4.0.pre.alpha6

Sign up to get free protection for your applications and to get access to all the features.
Files changed (83) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/_playbook.scss +1 -3
  3. data/app/pb_kits/playbook/data/menu.yml +2 -2
  4. data/app/pb_kits/playbook/index.js +2 -2
  5. data/app/pb_kits/playbook/pb_checkbox/_checkbox.html.erb +3 -2
  6. data/app/pb_kits/playbook/pb_checkbox/_checkbox.jsx +2 -1
  7. data/app/pb_kits/playbook/pb_checkbox/checkbox.rb +4 -1
  8. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_default.html.erb +5 -2
  9. data/app/pb_kits/playbook/pb_date/_date.html.erb +8 -64
  10. data/app/pb_kits/playbook/pb_date/_date.jsx +66 -115
  11. data/app/pb_kits/playbook/pb_date/_date.scss +0 -30
  12. data/app/pb_kits/playbook/pb_date/date.rb +9 -20
  13. data/app/pb_kits/playbook/pb_date/docs/_date_default.html.erb +6 -21
  14. data/app/pb_kits/playbook/pb_date/docs/_date_default.jsx +12 -43
  15. data/app/pb_kits/playbook/pb_date/docs/example.yml +0 -4
  16. data/app/pb_kits/playbook/pb_date/docs/index.js +0 -2
  17. data/app/pb_kits/playbook/pb_date_picker/_date_picker.html.erb +14 -19
  18. data/app/pb_kits/playbook/pb_flex/_flex.jsx +1 -1
  19. data/app/pb_kits/playbook/pb_flex/_flex.scss +0 -4
  20. data/app/pb_kits/playbook/pb_flex/flex.rb +1 -1
  21. data/app/pb_kits/playbook/pb_form/docs/_form_form_with.html.erb +1 -52
  22. data/app/pb_kits/playbook/pb_form/docs/_form_form_with_validate.html.erb +1 -1
  23. data/app/pb_kits/playbook/pb_form/docs/_form_simple_form.html.erb +1 -1
  24. data/app/pb_kits/playbook/pb_form/docs/_form_simple_form_validate.html.erb +1 -1
  25. data/app/pb_kits/playbook/pb_form/form_builder/date_picker_field.rb +1 -19
  26. data/app/pb_kits/playbook/pb_home_address_street/home_address_street.rb +1 -1
  27. data/app/pb_kits/playbook/pb_list/_list.jsx +9 -2
  28. data/app/pb_kits/playbook/pb_progress_step/progress_step.rb +2 -2
  29. data/app/pb_kits/playbook/pb_radio/_radio.jsx +0 -3
  30. data/app/pb_kits/playbook/pb_selectable_list/_item.jsx +90 -0
  31. data/app/pb_kits/playbook/pb_selectable_list/_selectable_list.html.erb +11 -0
  32. data/app/pb_kits/playbook/pb_selectable_list/_selectable_list.jsx +47 -0
  33. data/app/pb_kits/playbook/pb_selectable_list/_selectable_list.scss +17 -0
  34. data/app/pb_kits/playbook/pb_selectable_list/_selectable_list_item.html.erb +18 -0
  35. data/app/pb_kits/playbook/pb_selectable_list/docs/_description.md +3 -0
  36. data/app/pb_kits/playbook/pb_selectable_list/docs/_selectable_list_checkbox.html.erb +30 -0
  37. data/app/pb_kits/playbook/pb_selectable_list/docs/_selectable_list_checkbox.jsx +32 -0
  38. data/app/pb_kits/playbook/pb_selectable_list/docs/_selectable_list_radio.html.erb +30 -0
  39. data/app/pb_kits/playbook/pb_selectable_list/docs/_selectable_list_radio.jsx +32 -0
  40. data/app/pb_kits/playbook/pb_selectable_list/docs/example.yml +12 -0
  41. data/app/pb_kits/playbook/pb_selectable_list/docs/index.js +2 -0
  42. data/app/pb_kits/playbook/pb_selectable_list/selectable_list.rb +24 -0
  43. data/app/pb_kits/playbook/pb_selectable_list/selectable_list_item.rb +28 -0
  44. data/app/pb_kits/playbook/pb_tooltip/_tooltip.scss +19 -46
  45. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_default.html.erb +10 -46
  46. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_white.html.erb +4 -4
  47. data/app/pb_kits/playbook/pb_tooltip/tooltip.rb +2 -3
  48. data/lib/playbook/version.rb +1 -1
  49. metadata +18 -38
  50. data/app/pb_kits/playbook/pb_background/_background.html.erb +0 -14
  51. data/app/pb_kits/playbook/pb_background/_background.jsx +0 -63
  52. data/app/pb_kits/playbook/pb_background/_background.scss +0 -35
  53. data/app/pb_kits/playbook/pb_background/background.rb +0 -35
  54. data/app/pb_kits/playbook/pb_background/docs/_background_dark.html.erb +0 -3
  55. data/app/pb_kits/playbook/pb_background/docs/_background_dark.jsx +0 -13
  56. data/app/pb_kits/playbook/pb_background/docs/_background_gradient.html.erb +0 -3
  57. data/app/pb_kits/playbook/pb_background/docs/_background_gradient.jsx +0 -13
  58. data/app/pb_kits/playbook/pb_background/docs/_background_image.html.erb +0 -13
  59. data/app/pb_kits/playbook/pb_background/docs/_background_image.jsx +0 -30
  60. data/app/pb_kits/playbook/pb_background/docs/_background_light.html.erb +0 -3
  61. data/app/pb_kits/playbook/pb_background/docs/_background_light.jsx +0 -13
  62. data/app/pb_kits/playbook/pb_background/docs/_background_white.html.erb +0 -3
  63. data/app/pb_kits/playbook/pb_background/docs/_background_white.jsx +0 -14
  64. data/app/pb_kits/playbook/pb_background/docs/_description.md +0 -1
  65. data/app/pb_kits/playbook/pb_background/docs/example.yml +0 -15
  66. data/app/pb_kits/playbook/pb_background/docs/index.js +0 -6
  67. data/app/pb_kits/playbook/pb_date/docs/_date_alignment.html.erb +0 -24
  68. data/app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx +0 -35
  69. data/app/pb_kits/playbook/pb_date/docs/_date_variants.html.erb +0 -27
  70. data/app/pb_kits/playbook/pb_date/docs/_date_variants.jsx +0 -43
  71. data/app/pb_kits/playbook/pb_date_time/_date_time.html.erb +0 -31
  72. data/app/pb_kits/playbook/pb_date_time/_date_time.jsx +0 -73
  73. data/app/pb_kits/playbook/pb_date_time/_date_time.scss +0 -26
  74. data/app/pb_kits/playbook/pb_date_time/date_time.rb +0 -29
  75. data/app/pb_kits/playbook/pb_date_time/docs/_date_time_align.html.erb +0 -17
  76. data/app/pb_kits/playbook/pb_date_time/docs/_date_time_align.jsx +0 -35
  77. data/app/pb_kits/playbook/pb_date_time/docs/_date_time_default.html.erb +0 -20
  78. data/app/pb_kits/playbook/pb_date_time/docs/_date_time_default.jsx +0 -38
  79. data/app/pb_kits/playbook/pb_date_time/docs/_date_time_size.html.erb +0 -26
  80. data/app/pb_kits/playbook/pb_date_time/docs/_date_time_size.jsx +0 -75
  81. data/app/pb_kits/playbook/pb_date_time/docs/_description.md +0 -1
  82. data/app/pb_kits/playbook/pb_date_time/docs/example.yml +0 -11
  83. data/app/pb_kits/playbook/pb_date_time/docs/index.js +0 -3
@@ -1,26 +0,0 @@
1
- <%= pb_rails("date_time", props: {
2
- date: DateTime.now,
3
- show_icon: true,
4
- show_day_of_week: true,
5
- size: "sm"
6
- }) %>
7
- <br>
8
- <%= pb_rails("date_time", props: {
9
- date: DateTime.now,
10
- timezone: "Asia/Tokyo",
11
- size: "sm"
12
- }) %>
13
-
14
- <br>
15
- <br>
16
-
17
- <%= pb_rails("date_time", props: {
18
- date: DateTime.now,
19
- show_icon: true,
20
- show_day_of_week: true
21
- }) %>
22
- <br >
23
- <%= pb_rails("date_time", props: {
24
- date: DateTime.now,
25
- timezone: "Asia/Tokyo"
26
- }) %>
@@ -1,75 +0,0 @@
1
- import React from 'react'
2
- import DateTime from '../_date_time.jsx'
3
-
4
- const DateTimeDefault = (props) => (
5
- <div>
6
- <DateTime
7
- datetime={new Date()}
8
- showDayOfWeek
9
- showIcon
10
- size="sm"
11
- {...props}
12
- />
13
-
14
- <br />
15
-
16
- <DateTime
17
- datetime={new Date()}
18
- showDayOfWeek
19
- size="sm"
20
- {...props}
21
- />
22
-
23
- <br />
24
-
25
- <DateTime
26
- datetime={new Date()}
27
- showIcon
28
- size="sm"
29
- {...props}
30
- />
31
-
32
- <br />
33
-
34
- <DateTime
35
- datetime={new Date()}
36
- size="sm"
37
- {...props}
38
- />
39
-
40
- <br />
41
- <br />
42
-
43
- <DateTime
44
- datetime={new Date()}
45
- showDayOfWeek
46
- showIcon
47
- {...props}
48
- />
49
-
50
- <br />
51
-
52
- <DateTime
53
- datetime={new Date()}
54
- showDayOfWeek
55
- {...props}
56
- />
57
-
58
- <br />
59
-
60
- <DateTime
61
- datetime={new Date()}
62
- showIcon
63
- {...props}
64
- />
65
-
66
- <br />
67
-
68
- <DateTime
69
- datetime={new Date()}
70
- {...props}
71
- />
72
- </div>
73
- )
74
-
75
- export default DateTimeDefault
@@ -1 +0,0 @@
1
- Date Time is a composite kit that leverages the [Date](/kits/date) and [Time](/kits/time) kits. The Date Time kit is affected by time zones and defaults to "America/New_York".
@@ -1,11 +0,0 @@
1
- examples:
2
-
3
- rails:
4
- - date_time_default: Default
5
- - date_time_align: Alignment
6
- - date_time_size: Size
7
-
8
- react:
9
- - date_time_default: Default
10
- - date_time_align: Alignment
11
- - date_time_size: Size
@@ -1,3 +0,0 @@
1
- export { default as DateTimeDefault } from './_date_time_default.jsx'
2
- export { default as DateTimeAlign } from './_date_time_align.jsx'
3
- export { default as DateTimeSize } from './_date_time_size.jsx'