playbook_ui 10.26.0.pre.alpha.display1 → 10.26.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (86) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/_playbook.scss +1 -0
  3. data/app/pb_kits/playbook/pb_background/{_background.jsx → _background.tsx} +20 -13
  4. data/app/pb_kits/playbook/pb_badge/{_badge.jsx → _badge.tsx} +14 -15
  5. data/app/pb_kits/playbook/pb_badge/docs/_badge_colors.jsx +1 -1
  6. data/app/pb_kits/playbook/pb_badge/docs/_badge_default.jsx +1 -1
  7. data/app/pb_kits/playbook/pb_badge/docs/_badge_rounded.jsx +1 -1
  8. data/app/pb_kits/playbook/pb_badge/docs/index.js +3 -3
  9. data/app/pb_kits/playbook/pb_body/_body.tsx +1 -1
  10. data/app/pb_kits/playbook/pb_button/{_button.jsx → _button.tsx} +65 -46
  11. data/app/pb_kits/playbook/pb_button/docs/_button_default.html.erb +1 -0
  12. data/app/pb_kits/playbook/pb_button/docs/_button_options.jsx +1 -1
  13. data/app/pb_kits/playbook/pb_card/{_card.jsx → _card.tsx} +24 -24
  14. data/app/pb_kits/playbook/pb_card/docs/_card_background.jsx +1 -1
  15. data/app/pb_kits/playbook/pb_card/docs/_card_border_none.jsx +1 -1
  16. data/app/pb_kits/playbook/pb_card/docs/_card_border_radius.jsx +1 -1
  17. data/app/pb_kits/playbook/pb_card/docs/_card_light.jsx +1 -1
  18. data/app/pb_kits/playbook/pb_card/docs/_card_selected.jsx +1 -1
  19. data/app/pb_kits/playbook/pb_collapsible/child_kits/CollapsibleMain.jsx +4 -2
  20. data/app/pb_kits/playbook/pb_collapsible/collapsible_main.html.erb +1 -1
  21. data/app/pb_kits/playbook/pb_flex/{_flex.jsx → _flex.tsx} +5 -5
  22. data/app/pb_kits/playbook/pb_form_pill/_form_pill.jsx +1 -1
  23. data/app/pb_kits/playbook/pb_highlight/_highlight.tsx +1 -1
  24. data/app/pb_kits/playbook/pb_icon/{_icon.jsx → _icon.tsx} +40 -30
  25. data/app/pb_kits/playbook/pb_kit/dateTime.js +2 -1
  26. data/app/pb_kits/playbook/pb_pill/{_pill.jsx → _pill.tsx} +5 -7
  27. data/app/pb_kits/playbook/pb_pill/docs/_pill_default.jsx +1 -1
  28. data/app/pb_kits/playbook/pb_pill/docs/_pill_variants.jsx +1 -1
  29. data/app/pb_kits/playbook/pb_table/_table.jsx +3 -0
  30. data/app/pb_kits/playbook/pb_table/docs/_table_sticky.html.erb +83 -0
  31. data/app/pb_kits/playbook/pb_table/docs/_table_sticky.jsx +94 -0
  32. data/app/pb_kits/playbook/pb_table/docs/_table_sticky.md +10 -0
  33. data/app/pb_kits/playbook/pb_table/docs/example.yml +2 -0
  34. data/app/pb_kits/playbook/pb_table/docs/index.js +1 -0
  35. data/app/pb_kits/playbook/pb_table/styles/_all.scss +1 -0
  36. data/app/pb_kits/playbook/pb_table/styles/_sticky_header.scss +23 -0
  37. data/app/pb_kits/playbook/pb_table/table.rb +7 -1
  38. data/app/pb_kits/playbook/pb_table/table.test.js +17 -0
  39. data/app/pb_kits/playbook/pb_user/{_user.jsx → _user.tsx} +20 -24
  40. data/app/pb_kits/playbook/tokens/_colors.scss +2 -1
  41. data/app/pb_kits/playbook/tokens/_display.scss +1 -1
  42. data/app/pb_kits/playbook/tokens/_screen_sizes.scss +25 -5
  43. data/app/pb_kits/playbook/utilities/_align_content.scss +10 -29
  44. data/app/pb_kits/playbook/utilities/_align_items.scss +11 -35
  45. data/app/pb_kits/playbook/utilities/_align_self.scss +10 -29
  46. data/app/pb_kits/playbook/utilities/_display.scss +2 -36
  47. data/app/pb_kits/playbook/utilities/_flex.scss +19 -14
  48. data/app/pb_kits/playbook/utilities/_flex_direction.scss +7 -18
  49. data/app/pb_kits/playbook/utilities/_flex_grow.scss +5 -8
  50. data/app/pb_kits/playbook/utilities/_flex_shrink.scss +5 -8
  51. data/app/pb_kits/playbook/utilities/_flex_wrap.scss +6 -13
  52. data/app/pb_kits/playbook/utilities/_justify_content.scss +10 -23
  53. data/app/pb_kits/playbook/utilities/_justify_self.scss +9 -19
  54. data/app/pb_kits/playbook/utilities/_mixins.scss +26 -0
  55. data/app/pb_kits/playbook/utilities/_order.scss +17 -55
  56. data/app/pb_kits/playbook/utilities/globalProps.ts +125 -111
  57. data/app/pb_kits/playbook/utilities/test/globalProps/alignContent.test.js +37 -0
  58. data/app/pb_kits/playbook/utilities/test/globalProps/alignItems.test.js +36 -0
  59. data/app/pb_kits/playbook/utilities/test/globalProps/alignSelf.test.js +37 -0
  60. data/app/pb_kits/playbook/utilities/test/globalProps/display.test.js +38 -0
  61. data/app/pb_kits/playbook/utilities/test/globalProps/flex.test.js +64 -0
  62. data/app/pb_kits/playbook/utilities/test/globalProps/flexDirection.test.js +37 -0
  63. data/app/pb_kits/playbook/utilities/test/globalProps/flexGrow.test.js +35 -0
  64. data/app/pb_kits/playbook/utilities/test/globalProps/flexShrink.test.js +35 -0
  65. data/app/pb_kits/playbook/utilities/test/globalProps/flexWrap.test.js +37 -0
  66. data/app/pb_kits/playbook/utilities/test/globalProps/justifyContent.test.js +37 -0
  67. data/app/pb_kits/playbook/utilities/test/globalProps/justifySelf.test.js +37 -0
  68. data/app/pb_kits/playbook/utilities/test/globalProps/order.test.js +35 -0
  69. data/app/pb_kits/playbook/utilities/test-utils.js +2 -0
  70. data/app/pb_kits/playbook/utilities/text.ts +22 -0
  71. data/dist/reset.css +1 -60
  72. data/lib/playbook/align_content.rb +11 -3
  73. data/lib/playbook/align_items.rb +10 -2
  74. data/lib/playbook/align_self.rb +9 -1
  75. data/lib/playbook/display.rb +1 -3
  76. data/lib/playbook/flex.rb +9 -1
  77. data/lib/playbook/flex_direction.rb +10 -2
  78. data/lib/playbook/flex_grow.rb +9 -1
  79. data/lib/playbook/flex_shrink.rb +9 -1
  80. data/lib/playbook/flex_wrap.rb +10 -2
  81. data/lib/playbook/justify_content.rb +10 -2
  82. data/lib/playbook/justify_self.rb +9 -1
  83. data/lib/playbook/order.rb +10 -2
  84. data/lib/playbook/version.rb +2 -2
  85. metadata +32 -14
  86. 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.alpha.display1
4
+ version: 10.26.0
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-13 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
@@ -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
@@ -1734,6 +1734,9 @@ files:
1734
1734
  - app/pb_kits/playbook/pb_table/docs/_table_sm.html.erb
1735
1735
  - app/pb_kits/playbook/pb_table/docs/_table_sm.jsx
1736
1736
  - app/pb_kits/playbook/pb_table/docs/_table_sm.md
1737
+ - app/pb_kits/playbook/pb_table/docs/_table_sticky.html.erb
1738
+ - app/pb_kits/playbook/pb_table/docs/_table_sticky.jsx
1739
+ - app/pb_kits/playbook/pb_table/docs/_table_sticky.md
1737
1740
  - app/pb_kits/playbook/pb_table/docs/_table_two_actions.html.erb
1738
1741
  - app/pb_kits/playbook/pb_table/docs/_table_two_actions.jsx
1739
1742
  - app/pb_kits/playbook/pb_table/docs/_table_two_actions.md
@@ -1755,6 +1758,7 @@ files:
1755
1758
  - app/pb_kits/playbook/pb_table/styles/_reset.scss
1756
1759
  - app/pb_kits/playbook/pb_table/styles/_side_highlight.scss
1757
1760
  - app/pb_kits/playbook/pb_table/styles/_single-line.scss
1761
+ - app/pb_kits/playbook/pb_table/styles/_sticky_header.scss
1758
1762
  - app/pb_kits/playbook/pb_table/styles/_structure.scss
1759
1763
  - app/pb_kits/playbook/pb_table/styles/_table-card.scss
1760
1764
  - app/pb_kits/playbook/pb_table/styles/_table-dark.scss
@@ -1762,6 +1766,7 @@ files:
1762
1766
  - app/pb_kits/playbook/pb_table/styles/_variables.scss
1763
1767
  - app/pb_kits/playbook/pb_table/table.html.erb
1764
1768
  - app/pb_kits/playbook/pb_table/table.rb
1769
+ - app/pb_kits/playbook/pb_table/table.test.js
1765
1770
  - app/pb_kits/playbook/pb_table/table_row.html.erb
1766
1771
  - app/pb_kits/playbook/pb_table/table_row.rb
1767
1772
  - app/pb_kits/playbook/pb_text_input/_text_input.jsx
@@ -2008,8 +2013,8 @@ files:
2008
2013
  - app/pb_kits/playbook/pb_typeahead/index.js
2009
2014
  - app/pb_kits/playbook/pb_typeahead/typeahead.html.erb
2010
2015
  - app/pb_kits/playbook/pb_typeahead/typeahead.rb
2011
- - app/pb_kits/playbook/pb_user/_user.jsx
2012
2016
  - app/pb_kits/playbook/pb_user/_user.scss
2017
+ - app/pb_kits/playbook/pb_user/_user.tsx
2013
2018
  - app/pb_kits/playbook/pb_user/docs/_description.md
2014
2019
  - app/pb_kits/playbook/pb_user/docs/_footer.md
2015
2020
  - app/pb_kits/playbook/pb_user/docs/_user_default.html.erb
@@ -2108,6 +2113,7 @@ files:
2108
2113
  - app/pb_kits/playbook/utilities/_justify_self.scss
2109
2114
  - app/pb_kits/playbook/utilities/_line_height.scss
2110
2115
  - app/pb_kits/playbook/utilities/_max_width.scss
2116
+ - app/pb_kits/playbook/utilities/_mixins.scss
2111
2117
  - app/pb_kits/playbook/utilities/_number_spacing.scss
2112
2118
  - app/pb_kits/playbook/utilities/_order.scss
2113
2119
  - app/pb_kits/playbook/utilities/_positioning.scss
@@ -2116,7 +2122,19 @@ files:
2116
2122
  - app/pb_kits/playbook/utilities/globalProps.ts
2117
2123
  - app/pb_kits/playbook/utilities/props.ts
2118
2124
  - app/pb_kits/playbook/utilities/test-utils.js
2119
- - 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
2120
2138
  - dist/reset.css
2121
2139
  - fonts/fontawesome-min.js
2122
2140
  - fonts/regular-min.js
@@ -2177,7 +2195,7 @@ files:
2177
2195
  - lib/playbook_ui.rb
2178
2196
  homepage: http://playbook.powerapp.cloud
2179
2197
  licenses:
2180
- - MIT
2198
+ - ISC
2181
2199
  metadata: {}
2182
2200
  post_install_message:
2183
2201
  rdoc_options: []
@@ -2190,9 +2208,9 @@ required_ruby_version: !ruby/object:Gem::Requirement
2190
2208
  version: '0'
2191
2209
  required_rubygems_version: !ruby/object:Gem::Requirement
2192
2210
  requirements:
2193
- - - ">"
2211
+ - - ">="
2194
2212
  - !ruby/object:Gem::Version
2195
- version: 1.3.1
2213
+ version: '0'
2196
2214
  requirements: []
2197
2215
  rubygems_version: 3.1.6
2198
2216
  signing_key:
@@ -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
- )