playbook_ui 10.18.2 → 10.20.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (93) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/_playbook.scss +1 -0
  3. data/app/pb_kits/playbook/pb_body/_body.jsx +4 -2
  4. data/app/pb_kits/playbook/pb_body/_body_mixins.scss +2 -1
  5. data/app/pb_kits/playbook/pb_body/body.rb +1 -1
  6. data/app/pb_kits/playbook/pb_body/body.test.js +29 -0
  7. data/app/pb_kits/playbook/pb_body/docs/_body_light.html.erb +5 -0
  8. data/app/pb_kits/playbook/pb_body/docs/_body_light.jsx +5 -0
  9. data/app/pb_kits/playbook/pb_body/docs/_body_light.md +6 -0
  10. data/app/pb_kits/playbook/pb_caption/_caption.jsx +5 -4
  11. data/app/pb_kits/playbook/pb_caption/_caption.scss +11 -15
  12. data/app/pb_kits/playbook/pb_caption/_caption_mixin.scss +13 -3
  13. data/app/pb_kits/playbook/pb_caption/caption.rb +3 -2
  14. data/app/pb_kits/playbook/pb_caption/caption.test.js +29 -0
  15. data/app/pb_kits/playbook/pb_caption/docs/_caption_colors.html.erb +3 -0
  16. data/app/pb_kits/playbook/pb_caption/docs/_caption_colors.jsx +25 -0
  17. data/app/pb_kits/playbook/pb_caption/docs/_caption_colors.md +6 -0
  18. data/app/pb_kits/playbook/pb_caption/docs/example.yml +2 -2
  19. data/app/pb_kits/playbook/pb_caption/docs/index.js +1 -2
  20. data/app/pb_kits/playbook/pb_date/_date.jsx +1 -1
  21. data/app/pb_kits/playbook/pb_date/date.html.erb +1 -1
  22. data/app/pb_kits/playbook/pb_date_picker/_date_picker.jsx +3 -0
  23. data/app/pb_kits/playbook/pb_date_picker/_date_picker.scss +1 -0
  24. data/app/pb_kits/playbook/pb_date_picker/date_picker.rb +3 -0
  25. data/app/pb_kits/playbook/pb_date_picker/date_picker_helper.js +10 -1
  26. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_month_and_year.html.erb +5 -0
  27. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_month_and_year.jsx +18 -0
  28. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_month_and_year.md +1 -0
  29. data/app/pb_kits/playbook/pb_date_picker/docs/example.yml +2 -0
  30. data/app/pb_kits/playbook/pb_date_picker/docs/index.js +1 -0
  31. data/app/pb_kits/playbook/pb_date_picker/sass_partials/_month_and_year_styles.scss +127 -0
  32. data/app/pb_kits/playbook/pb_image/_image.jsx +12 -14
  33. data/app/pb_kits/playbook/pb_image/docs/_custom_error_image.html.erb +1 -0
  34. data/app/pb_kits/playbook/pb_image/docs/_default_image.jsx +48 -35
  35. data/app/pb_kits/playbook/pb_image/docs/_rounded_image.jsx +46 -35
  36. data/app/pb_kits/playbook/pb_legend/_legend.jsx +1 -7
  37. data/app/pb_kits/playbook/pb_legend/_legend.scss +6 -2
  38. data/app/pb_kits/playbook/pb_legend/docs/_legend_colors.html.erb +4 -0
  39. data/app/pb_kits/playbook/pb_legend/docs/_legend_colors.jsx +29 -0
  40. data/app/pb_kits/playbook/pb_legend/docs/_legend_colors.md +2 -0
  41. data/app/pb_kits/playbook/pb_legend/docs/_legend_default.html.erb +2 -2
  42. data/app/pb_kits/playbook/pb_legend/docs/_legend_default.jsx +1 -1
  43. data/app/pb_kits/playbook/pb_legend/docs/example.yml +4 -4
  44. data/app/pb_kits/playbook/pb_legend/docs/index.js +1 -0
  45. data/app/pb_kits/playbook/pb_legend/legend.rb +1 -2
  46. data/app/pb_kits/playbook/pb_legend/legend.test.js +29 -0
  47. data/app/pb_kits/playbook/pb_nav/_bold_mixin.scss +22 -0
  48. data/app/pb_kits/playbook/pb_nav/_horizontal_nav.scss +17 -1
  49. data/app/pb_kits/playbook/pb_nav/_vertical_nav.scss +9 -2
  50. data/app/pb_kits/playbook/pb_nav/docs/_bold_horizontal_nav.html.erb +6 -0
  51. data/app/pb_kits/playbook/pb_nav/docs/_bold_horizontal_nav.jsx +39 -0
  52. data/app/pb_kits/playbook/pb_nav/docs/_bold_vertical_nav.html.erb +6 -0
  53. data/app/pb_kits/playbook/pb_nav/docs/_bold_vertical_nav.jsx +39 -0
  54. data/app/pb_kits/playbook/pb_nav/docs/_horizontal_nav.html.erb +1 -1
  55. data/app/pb_kits/playbook/pb_nav/docs/_subtle_nav.html.erb +1 -1
  56. data/app/pb_kits/playbook/pb_nav/docs/example.yml +4 -0
  57. data/app/pb_kits/playbook/pb_nav/docs/index.js +2 -0
  58. data/app/pb_kits/playbook/pb_nav/nav.rb +1 -1
  59. data/app/pb_kits/playbook/pb_popover/docs/_popover_scroll_height.jsx +3 -0
  60. data/app/pb_kits/playbook/pb_popover/docs/_popover_z_index.jsx +1 -0
  61. data/app/pb_kits/playbook/pb_section_separator/_section_separator.scss +6 -2
  62. data/app/pb_kits/playbook/pb_section_separator/_section_separator_mixin.scss +0 -2
  63. data/app/pb_kits/playbook/pb_text_input/_text_input.scss +62 -13
  64. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_error.html.erb +21 -2
  65. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_error.jsx +12 -3
  66. data/app/pb_kits/playbook/pb_title/_title.jsx +6 -3
  67. data/app/pb_kits/playbook/pb_title/_title.scss +5 -5
  68. data/app/pb_kits/playbook/pb_title/_title_mixin.scss +17 -0
  69. data/app/pb_kits/playbook/pb_title/docs/_title_colors.html.erb +4 -0
  70. data/app/pb_kits/playbook/pb_title/docs/_title_colors.jsx +37 -0
  71. data/app/pb_kits/playbook/pb_title/docs/_title_colors.md +6 -0
  72. data/app/pb_kits/playbook/pb_title/docs/_title_light.md +3 -0
  73. data/app/pb_kits/playbook/pb_title/docs/example.yml +2 -2
  74. data/app/pb_kits/playbook/pb_title/docs/index.js +1 -1
  75. data/app/pb_kits/playbook/pb_title/title.html.erb +2 -3
  76. data/app/pb_kits/playbook/pb_title/title.rb +6 -2
  77. data/app/pb_kits/playbook/pb_title/title.test.js +29 -0
  78. data/app/pb_kits/playbook/utilities/_line_height.scss +11 -0
  79. data/app/pb_kits/playbook/utilities/globalProps.js +7 -1
  80. data/lib/playbook/classnames.rb +1 -0
  81. data/lib/playbook/kit_base.rb +2 -0
  82. data/lib/playbook/line_height.rb +29 -0
  83. data/lib/playbook/version.rb +2 -2
  84. metadata +28 -11
  85. data/app/pb_kits/playbook/pb_caption/docs/_caption_example.html.erb +0 -3
  86. data/app/pb_kits/playbook/pb_caption/docs/_caption_example.jsx +0 -27
  87. data/app/pb_kits/playbook/pb_caption/docs/_caption_example.md +0 -1
  88. data/app/pb_kits/playbook/pb_caption/docs/_caption_variants.html.erb +0 -1
  89. data/app/pb_kits/playbook/pb_caption/docs/_caption_variants.jsx +0 -17
  90. data/app/pb_kits/playbook/pb_caption/docs/_caption_variants.md +0 -3
  91. data/app/pb_kits/playbook/pb_title/docs/_title_variants.html.erb +0 -1
  92. data/app/pb_kits/playbook/pb_title/docs/_title_variants.jsx +0 -19
  93. data/app/pb_kits/playbook/pb_title/docs/_title_variants.md +0 -3
@@ -1,27 +0,0 @@
1
-
2
- import React from 'react'
3
- import Caption from '../_caption'
4
-
5
- const CaptionExample = (props) => {
6
- return (
7
- <div>
8
- <Caption
9
- color="default"
10
- text="text default"
11
- {...props}
12
- />
13
- <Caption
14
- color="light"
15
- text="text light"
16
- {...props}
17
- />
18
- <Caption
19
- color="link"
20
- text="text link"
21
- {...props}
22
- />
23
- </div>
24
- )
25
- }
26
-
27
- export default CaptionExample
@@ -1 +0,0 @@
1
- The above examples accept different prop values for color. Those can be `default`,`link` and `light`. Passing the `light` color prop is optional as it will apply this color when no prop is being passed. The same applies to any of the variations on the Caption kit.
@@ -1 +0,0 @@
1
- <%= pb_rails("caption", props: { text: "Subcaption (link)", size: 'xs', variant: "link" }) %>
@@ -1,17 +0,0 @@
1
- import React from 'react'
2
- import { Caption } from '../../'
3
-
4
- const CaptionVariants = (props) => {
5
- return (
6
- <div>
7
- <Caption
8
- size="xs"
9
- text="Subcaption (link)"
10
- variant="link"
11
- {...props}
12
- />
13
- </div>
14
- )
15
- }
16
-
17
- export default CaptionVariants
@@ -1,3 +0,0 @@
1
- Wrap anchor tags around the kit to make it clickable.
2
-
3
- Link variant can only be applied to size `xs`.
@@ -1 +0,0 @@
1
- <%= pb_rails("title", props: { text: "Title 4 (link)", tag: "h4", size: 4, variant: "link" }) %>
@@ -1,19 +0,0 @@
1
- import React from 'react'
2
-
3
- import Title from '../_title'
4
-
5
- const TitleVariants = (props) => {
6
- return (
7
- <div>
8
- <Title
9
- size={4}
10
- tag="h4"
11
- text="Title 4 (link)"
12
- variant="link"
13
- {...props}
14
- />
15
- </div>
16
- )
17
- }
18
-
19
- export default TitleVariants
@@ -1,3 +0,0 @@
1
- Wrap anchor tags around the kit to make it clickable.
2
-
3
- Link variant can only be applied to size `4`.