playbook_ui 10.26.0.pre.alpha3 → 10.26.0.pre.alpha5

Sign up to get free protection for your applications and to get access to all the features.
Files changed (108) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/_playbook.scss +1 -0
  3. data/app/pb_kits/playbook/data/menu.yml +1 -0
  4. data/app/pb_kits/playbook/index.js +2 -1
  5. data/app/pb_kits/playbook/pb_background/{_background.jsx → _background.tsx} +20 -13
  6. data/app/pb_kits/playbook/pb_badge/{_badge.jsx → _badge.tsx} +14 -15
  7. data/app/pb_kits/playbook/pb_badge/docs/_badge_colors.jsx +1 -1
  8. data/app/pb_kits/playbook/pb_badge/docs/_badge_default.jsx +1 -1
  9. data/app/pb_kits/playbook/pb_badge/docs/_badge_rounded.jsx +1 -1
  10. data/app/pb_kits/playbook/pb_badge/docs/index.js +3 -3
  11. data/app/pb_kits/playbook/pb_body/_body.tsx +1 -1
  12. data/app/pb_kits/playbook/pb_button/{_button.jsx → _button.tsx} +65 -46
  13. data/app/pb_kits/playbook/pb_button/docs/_button_default.html.erb +1 -0
  14. data/app/pb_kits/playbook/pb_button/docs/_button_options.jsx +1 -1
  15. data/app/pb_kits/playbook/pb_caption/{_caption.jsx → _caption.tsx} +7 -8
  16. data/app/pb_kits/playbook/pb_card/{_card.jsx → _card.tsx} +23 -23
  17. data/app/pb_kits/playbook/pb_card/docs/_card_background.jsx +1 -1
  18. data/app/pb_kits/playbook/pb_card/docs/_card_border_none.jsx +1 -1
  19. data/app/pb_kits/playbook/pb_card/docs/_card_border_radius.jsx +1 -1
  20. data/app/pb_kits/playbook/pb_card/docs/_card_light.jsx +17 -2
  21. data/app/pb_kits/playbook/pb_card/docs/_card_selected.jsx +1 -1
  22. data/app/pb_kits/playbook/pb_collapsible/child_kits/CollapsibleMain.jsx +4 -2
  23. data/app/pb_kits/playbook/pb_collapsible/collapsible_main.html.erb +1 -1
  24. data/app/pb_kits/playbook/pb_dashboard/pbChartsDarkTheme.js +37 -0
  25. data/app/pb_kits/playbook/pb_dashboard/pbChartsLightTheme.js +37 -0
  26. data/app/pb_kits/playbook/pb_flex/{_flex.jsx → _flex.tsx} +5 -5
  27. data/app/pb_kits/playbook/pb_form_pill/_form_pill.jsx +2 -2
  28. data/app/pb_kits/playbook/pb_highlight/_highlight.tsx +1 -1
  29. data/app/pb_kits/playbook/pb_icon/{_icon.jsx → _icon.tsx} +40 -30
  30. data/app/pb_kits/playbook/pb_pill/{_pill.jsx → _pill.tsx} +6 -8
  31. data/app/pb_kits/playbook/pb_pill/docs/_pill_default.jsx +1 -1
  32. data/app/pb_kits/playbook/pb_pill/docs/_pill_variants.jsx +1 -1
  33. data/app/pb_kits/playbook/pb_table/docs/_table_sticky.md +7 -0
  34. data/app/pb_kits/playbook/pb_table/styles/_sticky_header.scss +6 -4
  35. data/app/pb_kits/playbook/pb_title/{_title.jsx → _title.tsx} +10 -12
  36. data/app/pb_kits/playbook/pb_title/title.test.js +2 -2
  37. data/app/pb_kits/playbook/pb_treemap_chart/_treemap_chart.jsx +79 -0
  38. data/app/pb_kits/playbook/pb_treemap_chart/docs/_description.md +5 -0
  39. data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_colors.html.erb +37 -0
  40. data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_colors.jsx +48 -0
  41. data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_colors.md +2 -0
  42. data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_default.html.erb +37 -0
  43. data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_default.jsx +47 -0
  44. data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_default.md +3 -0
  45. data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_drillable.html.erb +79 -0
  46. data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_drillable.jsx +90 -0
  47. data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_drillable.md +1 -0
  48. data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_grouped_data.html.erb +54 -0
  49. data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_grouped_data.jsx +65 -0
  50. data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_grouped_data.md +3 -0
  51. data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_tooltip.html.erb +37 -0
  52. data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_tooltip.jsx +48 -0
  53. data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_tooltip.md +3 -0
  54. data/app/pb_kits/playbook/pb_treemap_chart/docs/example.yml +15 -0
  55. data/app/pb_kits/playbook/pb_treemap_chart/docs/index.js +5 -0
  56. data/app/pb_kits/playbook/pb_treemap_chart/treemap_chart.html.erb +1 -0
  57. data/app/pb_kits/playbook/pb_treemap_chart/treemap_chart.rb +43 -0
  58. data/app/pb_kits/playbook/pb_user/{_user.jsx → _user.tsx} +20 -24
  59. data/app/pb_kits/playbook/playbook-doc.js +2 -0
  60. data/app/pb_kits/playbook/playbook-rails-react-bindings.js +2 -0
  61. data/app/pb_kits/playbook/plugins/pb_chart.js +34 -0
  62. data/app/pb_kits/playbook/tokens/_colors.scss +2 -1
  63. data/app/pb_kits/playbook/tokens/_display.scss +3 -3
  64. data/app/pb_kits/playbook/tokens/_screen_sizes.scss +25 -5
  65. data/app/pb_kits/playbook/utilities/_align_content.scss +10 -29
  66. data/app/pb_kits/playbook/utilities/_align_items.scss +11 -35
  67. data/app/pb_kits/playbook/utilities/_align_self.scss +10 -29
  68. data/app/pb_kits/playbook/utilities/_display.scss +9 -42
  69. data/app/pb_kits/playbook/utilities/_flex.scss +19 -14
  70. data/app/pb_kits/playbook/utilities/_flex_direction.scss +7 -18
  71. data/app/pb_kits/playbook/utilities/_flex_grow.scss +5 -8
  72. data/app/pb_kits/playbook/utilities/_flex_shrink.scss +5 -8
  73. data/app/pb_kits/playbook/utilities/_flex_wrap.scss +6 -13
  74. data/app/pb_kits/playbook/utilities/_justify_content.scss +10 -23
  75. data/app/pb_kits/playbook/utilities/_justify_self.scss +9 -19
  76. data/app/pb_kits/playbook/utilities/_mixins.scss +26 -0
  77. data/app/pb_kits/playbook/utilities/_order.scss +17 -55
  78. data/app/pb_kits/playbook/utilities/globalProps.ts +127 -113
  79. data/app/pb_kits/playbook/utilities/test/globalProps/alignContent.test.js +37 -0
  80. data/app/pb_kits/playbook/utilities/test/globalProps/alignItems.test.js +36 -0
  81. data/app/pb_kits/playbook/utilities/test/globalProps/alignSelf.test.js +37 -0
  82. data/app/pb_kits/playbook/utilities/test/globalProps/display.test.js +38 -0
  83. data/app/pb_kits/playbook/utilities/test/globalProps/flex.test.js +64 -0
  84. data/app/pb_kits/playbook/utilities/test/globalProps/flexDirection.test.js +37 -0
  85. data/app/pb_kits/playbook/utilities/test/globalProps/flexGrow.test.js +35 -0
  86. data/app/pb_kits/playbook/utilities/test/globalProps/flexShrink.test.js +35 -0
  87. data/app/pb_kits/playbook/utilities/test/globalProps/flexWrap.test.js +37 -0
  88. data/app/pb_kits/playbook/utilities/test/globalProps/justifyContent.test.js +37 -0
  89. data/app/pb_kits/playbook/utilities/test/globalProps/justifySelf.test.js +37 -0
  90. data/app/pb_kits/playbook/utilities/test/globalProps/order.test.js +35 -0
  91. data/app/pb_kits/playbook/utilities/test-utils.js +2 -0
  92. data/app/pb_kits/playbook/utilities/text.ts +22 -0
  93. data/dist/reset.css +60 -1
  94. data/lib/playbook/align_content.rb +11 -3
  95. data/lib/playbook/align_items.rb +10 -2
  96. data/lib/playbook/align_self.rb +9 -1
  97. data/lib/playbook/display.rb +2 -4
  98. data/lib/playbook/flex.rb +9 -1
  99. data/lib/playbook/flex_direction.rb +10 -2
  100. data/lib/playbook/flex_grow.rb +9 -1
  101. data/lib/playbook/flex_shrink.rb +9 -1
  102. data/lib/playbook/flex_wrap.rb +10 -2
  103. data/lib/playbook/justify_content.rb +10 -2
  104. data/lib/playbook/justify_self.rb +9 -1
  105. data/lib/playbook/order.rb +10 -2
  106. data/lib/playbook/version.rb +2 -2
  107. metadata +47 -13
  108. data/app/pb_kits/playbook/utilities/text.js +0 -15
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: playbook_ui
3
3
  version: !ruby/object:Gem::Version
4
- version: 10.26.0.pre.alpha3
4
+ version: 10.26.0.pre.alpha5
5
5
  platform: ruby
6
6
  authors:
7
7
  - Power UX
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2022-05-03 00:00:00.000000000 Z
12
+ date: 2022-05-11 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionpack
@@ -318,8 +318,8 @@ files:
318
318
  - app/pb_kits/playbook/pb_avatar_action_button/docs/example.yml
319
319
  - app/pb_kits/playbook/pb_avatar_action_button/docs/index.js
320
320
  - app/pb_kits/playbook/pb_avatar_action_button/pb_avatar_action_button.test.js
321
- - app/pb_kits/playbook/pb_background/_background.jsx
322
321
  - app/pb_kits/playbook/pb_background/_background.scss
322
+ - app/pb_kits/playbook/pb_background/_background.tsx
323
323
  - app/pb_kits/playbook/pb_background/background.html.erb
324
324
  - app/pb_kits/playbook/pb_background/background.rb
325
325
  - app/pb_kits/playbook/pb_background/background.test.js
@@ -344,8 +344,8 @@ files:
344
344
  - app/pb_kits/playbook/pb_background/docs/_description.md
345
345
  - app/pb_kits/playbook/pb_background/docs/example.yml
346
346
  - app/pb_kits/playbook/pb_background/docs/index.js
347
- - app/pb_kits/playbook/pb_badge/_badge.jsx
348
347
  - app/pb_kits/playbook/pb_badge/_badge.scss
348
+ - app/pb_kits/playbook/pb_badge/_badge.tsx
349
349
  - app/pb_kits/playbook/pb_badge/badge.html.erb
350
350
  - app/pb_kits/playbook/pb_badge/badge.rb
351
351
  - app/pb_kits/playbook/pb_badge/docs/_badge_colors.html.erb
@@ -407,8 +407,8 @@ files:
407
407
  - app/pb_kits/playbook/pb_bread_crumbs/docs/_description.md
408
408
  - app/pb_kits/playbook/pb_bread_crumbs/docs/example.yml
409
409
  - app/pb_kits/playbook/pb_bread_crumbs/docs/index.js
410
- - app/pb_kits/playbook/pb_button/_button.jsx
411
410
  - app/pb_kits/playbook/pb_button/_button.scss
411
+ - app/pb_kits/playbook/pb_button/_button.tsx
412
412
  - app/pb_kits/playbook/pb_button/_button_mixins.scss
413
413
  - app/pb_kits/playbook/pb_button/button.html.erb
414
414
  - app/pb_kits/playbook/pb_button/button.rb
@@ -452,8 +452,8 @@ files:
452
452
  - app/pb_kits/playbook/pb_button_toolbar/docs/_description.md
453
453
  - app/pb_kits/playbook/pb_button_toolbar/docs/example.yml
454
454
  - app/pb_kits/playbook/pb_button_toolbar/docs/index.js
455
- - app/pb_kits/playbook/pb_caption/_caption.jsx
456
455
  - app/pb_kits/playbook/pb_caption/_caption.scss
456
+ - app/pb_kits/playbook/pb_caption/_caption.tsx
457
457
  - app/pb_kits/playbook/pb_caption/_caption_mixin.scss
458
458
  - app/pb_kits/playbook/pb_caption/caption.html.erb
459
459
  - app/pb_kits/playbook/pb_caption/caption.rb
@@ -469,8 +469,8 @@ files:
469
469
  - app/pb_kits/playbook/pb_caption/docs/_footer.md
470
470
  - app/pb_kits/playbook/pb_caption/docs/example.yml
471
471
  - app/pb_kits/playbook/pb_caption/docs/index.js
472
- - app/pb_kits/playbook/pb_card/_card.jsx
473
472
  - app/pb_kits/playbook/pb_card/_card.scss
473
+ - app/pb_kits/playbook/pb_card/_card.tsx
474
474
  - app/pb_kits/playbook/pb_card/_card_mixin.scss
475
475
  - app/pb_kits/playbook/pb_card/card.html.erb
476
476
  - app/pb_kits/playbook/pb_card/card.rb
@@ -870,8 +870,8 @@ files:
870
870
  - app/pb_kits/playbook/pb_fixed_confirmation_toast/fixed_confirmation_toast.html.erb
871
871
  - app/pb_kits/playbook/pb_fixed_confirmation_toast/fixed_confirmation_toast.rb
872
872
  - app/pb_kits/playbook/pb_fixed_confirmation_toast/index.js
873
- - app/pb_kits/playbook/pb_flex/_flex.jsx
874
873
  - app/pb_kits/playbook/pb_flex/_flex.scss
874
+ - app/pb_kits/playbook/pb_flex/_flex.tsx
875
875
  - app/pb_kits/playbook/pb_flex/_flex_item.jsx
876
876
  - app/pb_kits/playbook/pb_flex/_flex_item.scss
877
877
  - app/pb_kits/playbook/pb_flex/docs/_description.md
@@ -1025,8 +1025,8 @@ files:
1025
1025
  - app/pb_kits/playbook/pb_home_address_street/docs/index.js
1026
1026
  - app/pb_kits/playbook/pb_home_address_street/home_address_street.html.erb
1027
1027
  - app/pb_kits/playbook/pb_home_address_street/home_address_street.rb
1028
- - app/pb_kits/playbook/pb_icon/_icon.jsx
1029
1028
  - app/pb_kits/playbook/pb_icon/_icon.scss
1029
+ - app/pb_kits/playbook/pb_icon/_icon.tsx
1030
1030
  - app/pb_kits/playbook/pb_icon/docs/_description.md
1031
1031
  - app/pb_kits/playbook/pb_icon/docs/_footer.md
1032
1032
  - app/pb_kits/playbook/pb_icon/docs/_icon_animate.html.erb
@@ -1393,8 +1393,8 @@ files:
1393
1393
  - app/pb_kits/playbook/pb_person_contact/docs/index.js
1394
1394
  - app/pb_kits/playbook/pb_person_contact/person_contact.html.erb
1395
1395
  - app/pb_kits/playbook/pb_person_contact/person_contact.rb
1396
- - app/pb_kits/playbook/pb_pill/_pill.jsx
1397
1396
  - app/pb_kits/playbook/pb_pill/_pill.scss
1397
+ - app/pb_kits/playbook/pb_pill/_pill.tsx
1398
1398
  - app/pb_kits/playbook/pb_pill/docs/_description.md
1399
1399
  - app/pb_kits/playbook/pb_pill/docs/_pill_default.html.erb
1400
1400
  - app/pb_kits/playbook/pb_pill/docs/_pill_default.jsx
@@ -1889,8 +1889,8 @@ files:
1889
1889
  - app/pb_kits/playbook/pb_timestamp/docs/index.js
1890
1890
  - app/pb_kits/playbook/pb_timestamp/timestamp.html.erb
1891
1891
  - app/pb_kits/playbook/pb_timestamp/timestamp.rb
1892
- - app/pb_kits/playbook/pb_title/_title.jsx
1893
1892
  - app/pb_kits/playbook/pb_title/_title.scss
1893
+ - app/pb_kits/playbook/pb_title/_title.tsx
1894
1894
  - app/pb_kits/playbook/pb_title/_title_mixin.scss
1895
1895
  - app/pb_kits/playbook/pb_title/docs/_description.md
1896
1896
  - app/pb_kits/playbook/pb_title/docs/_title_colors.html.erb
@@ -1955,6 +1955,27 @@ files:
1955
1955
  - app/pb_kits/playbook/pb_tooltip/index.js
1956
1956
  - app/pb_kits/playbook/pb_tooltip/tooltip.html.erb
1957
1957
  - app/pb_kits/playbook/pb_tooltip/tooltip.rb
1958
+ - app/pb_kits/playbook/pb_treemap_chart/_treemap_chart.jsx
1959
+ - app/pb_kits/playbook/pb_treemap_chart/docs/_description.md
1960
+ - app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_colors.html.erb
1961
+ - app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_colors.jsx
1962
+ - app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_colors.md
1963
+ - app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_default.html.erb
1964
+ - app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_default.jsx
1965
+ - app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_default.md
1966
+ - app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_drillable.html.erb
1967
+ - app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_drillable.jsx
1968
+ - app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_drillable.md
1969
+ - app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_grouped_data.html.erb
1970
+ - app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_grouped_data.jsx
1971
+ - app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_grouped_data.md
1972
+ - app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_tooltip.html.erb
1973
+ - app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_tooltip.jsx
1974
+ - app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_tooltip.md
1975
+ - app/pb_kits/playbook/pb_treemap_chart/docs/example.yml
1976
+ - app/pb_kits/playbook/pb_treemap_chart/docs/index.js
1977
+ - app/pb_kits/playbook/pb_treemap_chart/treemap_chart.html.erb
1978
+ - app/pb_kits/playbook/pb_treemap_chart/treemap_chart.rb
1958
1979
  - app/pb_kits/playbook/pb_typeahead/_typeahead.jsx
1959
1980
  - app/pb_kits/playbook/pb_typeahead/_typeahead.scss
1960
1981
  - app/pb_kits/playbook/pb_typeahead/components/ClearIndicator.jsx
@@ -1992,8 +2013,8 @@ files:
1992
2013
  - app/pb_kits/playbook/pb_typeahead/index.js
1993
2014
  - app/pb_kits/playbook/pb_typeahead/typeahead.html.erb
1994
2015
  - app/pb_kits/playbook/pb_typeahead/typeahead.rb
1995
- - app/pb_kits/playbook/pb_user/_user.jsx
1996
2016
  - app/pb_kits/playbook/pb_user/_user.scss
2017
+ - app/pb_kits/playbook/pb_user/_user.tsx
1997
2018
  - app/pb_kits/playbook/pb_user/docs/_description.md
1998
2019
  - app/pb_kits/playbook/pb_user/docs/_footer.md
1999
2020
  - app/pb_kits/playbook/pb_user/docs/_user_default.html.erb
@@ -2092,6 +2113,7 @@ files:
2092
2113
  - app/pb_kits/playbook/utilities/_justify_self.scss
2093
2114
  - app/pb_kits/playbook/utilities/_line_height.scss
2094
2115
  - app/pb_kits/playbook/utilities/_max_width.scss
2116
+ - app/pb_kits/playbook/utilities/_mixins.scss
2095
2117
  - app/pb_kits/playbook/utilities/_number_spacing.scss
2096
2118
  - app/pb_kits/playbook/utilities/_order.scss
2097
2119
  - app/pb_kits/playbook/utilities/_positioning.scss
@@ -2100,7 +2122,19 @@ files:
2100
2122
  - app/pb_kits/playbook/utilities/globalProps.ts
2101
2123
  - app/pb_kits/playbook/utilities/props.ts
2102
2124
  - app/pb_kits/playbook/utilities/test-utils.js
2103
- - app/pb_kits/playbook/utilities/text.js
2125
+ - app/pb_kits/playbook/utilities/test/globalProps/alignContent.test.js
2126
+ - app/pb_kits/playbook/utilities/test/globalProps/alignItems.test.js
2127
+ - app/pb_kits/playbook/utilities/test/globalProps/alignSelf.test.js
2128
+ - app/pb_kits/playbook/utilities/test/globalProps/display.test.js
2129
+ - app/pb_kits/playbook/utilities/test/globalProps/flex.test.js
2130
+ - app/pb_kits/playbook/utilities/test/globalProps/flexDirection.test.js
2131
+ - app/pb_kits/playbook/utilities/test/globalProps/flexGrow.test.js
2132
+ - app/pb_kits/playbook/utilities/test/globalProps/flexShrink.test.js
2133
+ - app/pb_kits/playbook/utilities/test/globalProps/flexWrap.test.js
2134
+ - app/pb_kits/playbook/utilities/test/globalProps/justifyContent.test.js
2135
+ - app/pb_kits/playbook/utilities/test/globalProps/justifySelf.test.js
2136
+ - app/pb_kits/playbook/utilities/test/globalProps/order.test.js
2137
+ - app/pb_kits/playbook/utilities/text.ts
2104
2138
  - dist/reset.css
2105
2139
  - fonts/fontawesome-min.js
2106
2140
  - fonts/regular-min.js
data/app/pb_kits/playbook/utilities/text.js DELETED
@@ -1,15 +0,0 @@
1
- import { filter, isEmpty } from 'lodash'
2
-
3
- const titleizedWord = (string) => (
4
- string.charAt(0).toUpperCase() + string.slice(1).toLowerCase()
5
- )
6
-
7
- export const titleize = (sentence) => (
8
- isEmpty(sentence) ? sentence : sentence.split(' ').map(titleizedWord).join(' ')
9
- )
10
-
11
- const notEmpty = (value) => !isEmpty(value)
12
-
13
- export const joinPresent = (array, separator) => (
14
- filter(array, notEmpty).join(separator)
15
- )