playbook_ui 12.30.1 → 12.31.0.pre.alpha.PLAY814removemomentjs933

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 (74) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/_playbook.scss +2 -0
  3. data/app/pb_kits/playbook/pb_badge/_badge.scss +5 -0
  4. data/app/pb_kits/playbook/pb_badge/_badge.tsx +1 -1
  5. data/app/pb_kits/playbook/pb_badge/badge.rb +1 -1
  6. data/app/pb_kits/playbook/pb_badge/badge.test.js +13 -0
  7. data/app/pb_kits/playbook/pb_badge/docs/_badge_notification.html.erb +12 -0
  8. data/app/pb_kits/playbook/pb_badge/docs/_badge_notification.jsx +25 -0
  9. data/app/pb_kits/playbook/pb_badge/docs/example.yml +2 -1
  10. data/app/pb_kits/playbook/pb_badge/docs/index.js +1 -0
  11. data/app/pb_kits/playbook/pb_button/docs/_button_hover.jsx +40 -0
  12. data/app/pb_kits/playbook/pb_button/docs/example.yml +1 -0
  13. data/app/pb_kits/playbook/pb_button/docs/index.js +1 -0
  14. data/app/pb_kits/playbook/pb_date/_date.tsx +7 -8
  15. data/app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.tsx +45 -31
  16. data/app/pb_kits/playbook/pb_date_range_stacked/_date_range_stacked.tsx +5 -3
  17. data/app/pb_kits/playbook/pb_date_stacked/_date_stacked.tsx +24 -21
  18. data/app/pb_kits/playbook/pb_date_time/_date_time.tsx +1 -1
  19. data/app/pb_kits/playbook/pb_date_time/dateTime.test.js +1 -1
  20. data/app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.tsx +2 -2
  21. data/app/pb_kits/playbook/pb_date_time_stacked/date_time_stacked.test.js +1 -1
  22. data/app/pb_kits/playbook/pb_date_year_stacked/_date_year_stacked.tsx +6 -8
  23. data/app/pb_kits/playbook/pb_kit/dateTime.ts +139 -67
  24. data/app/pb_kits/playbook/pb_label_value/_label_value.tsx +52 -31
  25. data/app/pb_kits/playbook/pb_message/_message.tsx +25 -25
  26. data/app/pb_kits/playbook/pb_message/docs/_message_default.jsx +33 -45
  27. data/app/pb_kits/playbook/pb_message/docs/_message_hover.jsx +41 -0
  28. data/app/pb_kits/playbook/pb_message/docs/example.yml +1 -0
  29. data/app/pb_kits/playbook/pb_message/docs/index.js +2 -0
  30. data/app/pb_kits/playbook/pb_multi_level_select/_helper_functions.tsx +4 -1
  31. data/app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.tsx +8 -3
  32. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids.html.erb +76 -0
  33. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids.jsx +88 -0
  34. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids.md +5 -0
  35. data/app/pb_kits/playbook/pb_multi_level_select/docs/example.yml +2 -0
  36. data/app/pb_kits/playbook/pb_multi_level_select/docs/index.js +2 -1
  37. data/app/pb_kits/playbook/pb_multi_level_select/multi_level_select.rb +3 -0
  38. data/app/pb_kits/playbook/pb_section_separator/_section_separator.scss +7 -0
  39. data/app/pb_kits/playbook/pb_section_separator/_section_separator.tsx +12 -7
  40. data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_children.html.erb +14 -0
  41. data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_children.jsx +30 -0
  42. data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_children.md +3 -0
  43. data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_dashed.html.erb +1 -0
  44. data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_dashed.jsx +13 -0
  45. data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_text.html.erb +1 -1
  46. data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_text.jsx +1 -1
  47. data/app/pb_kits/playbook/pb_section_separator/docs/example.yml +6 -3
  48. data/app/pb_kits/playbook/pb_section_separator/docs/index.js +2 -0
  49. data/app/pb_kits/playbook/pb_section_separator/section_separator.html.erb +4 -2
  50. data/app/pb_kits/playbook/pb_section_separator/section_separator.rb +4 -1
  51. data/app/pb_kits/playbook/pb_time/_time.tsx +9 -11
  52. data/app/pb_kits/playbook/pb_time_range_inline/_time_range_inline.tsx +46 -49
  53. data/app/pb_kits/playbook/pb_time_stacked/_time_stacked.tsx +4 -6
  54. data/app/pb_kits/playbook/pb_timestamp/_timestamp.tsx +13 -12
  55. data/app/pb_kits/playbook/pb_title/_title.scss +18 -0
  56. data/app/pb_kits/playbook/pb_title/_title.tsx +20 -2
  57. data/app/pb_kits/playbook/pb_title/docs/_title_responsive.html.erb +1 -0
  58. data/app/pb_kits/playbook/pb_title/docs/_title_responsive.jsx +16 -0
  59. data/app/pb_kits/playbook/pb_title/docs/_title_responsive.md +1 -0
  60. data/app/pb_kits/playbook/pb_title/docs/example.yml +2 -0
  61. data/app/pb_kits/playbook/pb_title/docs/index.js +1 -0
  62. data/app/pb_kits/playbook/pb_title/title.rb +21 -4
  63. data/app/pb_kits/playbook/pb_title/title.test.js +42 -29
  64. data/app/pb_kits/playbook/pb_weekday_stacked/_weekday_stacked.tsx +8 -11
  65. data/app/pb_kits/playbook/tokens/_scale.scss +9 -0
  66. data/app/pb_kits/playbook/tokens/exports/_scale.scss +13 -0
  67. data/app/pb_kits/playbook/utilities/_border_radius.scss +31 -0
  68. data/app/pb_kits/playbook/utilities/_colors.scss +3 -0
  69. data/app/pb_kits/playbook/utilities/_hover.scss +47 -0
  70. data/app/pb_kits/playbook/utilities/globalProps.ts +22 -2
  71. data/dist/playbook-rails.js +7 -7
  72. data/lib/playbook/version.rb +2 -2
  73. metadata +26 -8
  74. data/app/pb_kits/playbook/pb_logistic/_logistic.jsx +0 -120
@@ -1,6 +1,6 @@
1
1
  # frozen_string_literal: true
2
2
 
3
3
  module Playbook
4
- PREVIOUS_VERSION = "12.30.0"
5
- VERSION = "12.30.1"
4
+ PREVIOUS_VERSION = "12.31.0"
5
+ VERSION = "12.31.0.pre.alpha.PLAY814removemomentjs933"
6
6
  end
metadata CHANGED
@@ -1,15 +1,15 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: playbook_ui
3
3
  version: !ruby/object:Gem::Version
4
- version: 12.30.1
4
+ version: 12.31.0.pre.alpha.PLAY814removemomentjs933
5
5
  platform: ruby
6
6
  authors:
7
7
  - Power UX
8
8
  - Power Devs
9
- autorequire:
9
+ autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2023-07-12 00:00:00.000000000 Z
12
+ date: 2023-07-14 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionpack
@@ -344,6 +344,8 @@ files:
344
344
  - app/pb_kits/playbook/pb_badge/docs/_badge_colors.jsx
345
345
  - app/pb_kits/playbook/pb_badge/docs/_badge_default.html.erb
346
346
  - app/pb_kits/playbook/pb_badge/docs/_badge_default.jsx
347
+ - app/pb_kits/playbook/pb_badge/docs/_badge_notification.html.erb
348
+ - app/pb_kits/playbook/pb_badge/docs/_badge_notification.jsx
347
349
  - app/pb_kits/playbook/pb_badge/docs/_badge_rounded.html.erb
348
350
  - app/pb_kits/playbook/pb_badge/docs/_badge_rounded.jsx
349
351
  - app/pb_kits/playbook/pb_badge/docs/_description.md
@@ -427,6 +429,7 @@ files:
427
429
  - app/pb_kits/playbook/pb_button/docs/_button_full_width.html.erb
428
430
  - app/pb_kits/playbook/pb_button/docs/_button_full_width.jsx
429
431
  - app/pb_kits/playbook/pb_button/docs/_button_full_width.md
432
+ - app/pb_kits/playbook/pb_button/docs/_button_hover.jsx
430
433
  - app/pb_kits/playbook/pb_button/docs/_button_icon_options.html.erb
431
434
  - app/pb_kits/playbook/pb_button/docs/_button_icon_options.jsx
432
435
  - app/pb_kits/playbook/pb_button/docs/_button_icon_options.md
@@ -1412,7 +1415,6 @@ files:
1412
1415
  - app/pb_kits/playbook/pb_loading_inline/loading_inline.html.erb
1413
1416
  - app/pb_kits/playbook/pb_loading_inline/loading_inline.rb
1414
1417
  - app/pb_kits/playbook/pb_loading_inline/loading_inline.test.js
1415
- - app/pb_kits/playbook/pb_logistic/_logistic.jsx
1416
1418
  - app/pb_kits/playbook/pb_map/_map.scss
1417
1419
  - app/pb_kits/playbook/pb_map/_map.tsx
1418
1420
  - app/pb_kits/playbook/pb_map/_map_controls.tsx
@@ -1436,6 +1438,7 @@ files:
1436
1438
  - app/pb_kits/playbook/pb_message/docs/_message_default.html.erb
1437
1439
  - app/pb_kits/playbook/pb_message/docs/_message_default.jsx
1438
1440
  - app/pb_kits/playbook/pb_message/docs/_message_default.md
1441
+ - app/pb_kits/playbook/pb_message/docs/_message_hover.jsx
1439
1442
  - app/pb_kits/playbook/pb_message/docs/_message_timestamp.html.erb
1440
1443
  - app/pb_kits/playbook/pb_message/docs/_message_timestamp.jsx
1441
1444
  - app/pb_kits/playbook/pb_message/docs/example.yml
@@ -1452,6 +1455,9 @@ files:
1452
1455
  - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_all_selected.html.erb
1453
1456
  - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_all_selected.jsx
1454
1457
  - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_all_selected.md
1458
+ - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids.html.erb
1459
+ - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids.jsx
1460
+ - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids.md
1455
1461
  - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_with_form.html.erb
1456
1462
  - app/pb_kits/playbook/pb_multi_level_select/docs/example.yml
1457
1463
  - app/pb_kits/playbook/pb_multi_level_select/docs/index.js
@@ -1784,6 +1790,11 @@ files:
1784
1790
  - app/pb_kits/playbook/pb_section_separator/_section_separator_mixin.scss
1785
1791
  - app/pb_kits/playbook/pb_section_separator/docs/_description.md
1786
1792
  - app/pb_kits/playbook/pb_section_separator/docs/_footer.md
1793
+ - app/pb_kits/playbook/pb_section_separator/docs/_section_separator_children.html.erb
1794
+ - app/pb_kits/playbook/pb_section_separator/docs/_section_separator_children.jsx
1795
+ - app/pb_kits/playbook/pb_section_separator/docs/_section_separator_children.md
1796
+ - app/pb_kits/playbook/pb_section_separator/docs/_section_separator_dashed.html.erb
1797
+ - app/pb_kits/playbook/pb_section_separator/docs/_section_separator_dashed.jsx
1787
1798
  - app/pb_kits/playbook/pb_section_separator/docs/_section_separator_line.html.erb
1788
1799
  - app/pb_kits/playbook/pb_section_separator/docs/_section_separator_line.jsx
1789
1800
  - app/pb_kits/playbook/pb_section_separator/docs/_section_separator_text.html.erb
@@ -2182,6 +2193,9 @@ files:
2182
2193
  - app/pb_kits/playbook/pb_title/docs/_title_light_weight.html.erb
2183
2194
  - app/pb_kits/playbook/pb_title/docs/_title_light_weight.jsx
2184
2195
  - app/pb_kits/playbook/pb_title/docs/_title_light_weight.md
2196
+ - app/pb_kits/playbook/pb_title/docs/_title_responsive.html.erb
2197
+ - app/pb_kits/playbook/pb_title/docs/_title_responsive.jsx
2198
+ - app/pb_kits/playbook/pb_title/docs/_title_responsive.md
2185
2199
  - app/pb_kits/playbook/pb_title/docs/example.yml
2186
2200
  - app/pb_kits/playbook/pb_title/docs/index.js
2187
2201
  - app/pb_kits/playbook/pb_title/title.html.erb
@@ -2398,6 +2412,7 @@ files:
2398
2412
  - app/pb_kits/playbook/tokens/_line_height.scss
2399
2413
  - app/pb_kits/playbook/tokens/_opacity.scss
2400
2414
  - app/pb_kits/playbook/tokens/_positioning.scss
2415
+ - app/pb_kits/playbook/tokens/_scale.scss
2401
2416
  - app/pb_kits/playbook/tokens/_screen_sizes.scss
2402
2417
  - app/pb_kits/playbook/tokens/_shadows.scss
2403
2418
  - app/pb_kits/playbook/tokens/_spacing.scss
@@ -2409,17 +2424,20 @@ files:
2409
2424
  - app/pb_kits/playbook/tokens/exports/_line_height.scss
2410
2425
  - app/pb_kits/playbook/tokens/exports/_opacity.scss
2411
2426
  - app/pb_kits/playbook/tokens/exports/_positioning.scss
2427
+ - app/pb_kits/playbook/tokens/exports/_scale.scss
2412
2428
  - app/pb_kits/playbook/tokens/exports/_screen_sizes.scss
2413
2429
  - app/pb_kits/playbook/tokens/exports/_shadows.scss
2414
2430
  - app/pb_kits/playbook/tokens/exports/_spacing.scss
2415
2431
  - app/pb_kits/playbook/tokens/exports/_typography.scss
2416
2432
  - app/pb_kits/playbook/tokens/index.scss
2417
2433
  - app/pb_kits/playbook/utilities/_background_colors.scss
2434
+ - app/pb_kits/playbook/utilities/_border_radius.scss
2418
2435
  - app/pb_kits/playbook/utilities/_colors.scss
2419
2436
  - app/pb_kits/playbook/utilities/_cursor.scss
2420
2437
  - app/pb_kits/playbook/utilities/_display.scss
2421
2438
  - app/pb_kits/playbook/utilities/_flexbox.scss
2422
2439
  - app/pb_kits/playbook/utilities/_focus.scss
2440
+ - app/pb_kits/playbook/utilities/_hover.scss
2423
2441
  - app/pb_kits/playbook/utilities/_line_height.scss
2424
2442
  - app/pb_kits/playbook/utilities/_max_width.scss
2425
2443
  - app/pb_kits/playbook/utilities/_mixins.scss
@@ -2518,7 +2536,7 @@ homepage: https://playbook.powerapp.cloud/
2518
2536
  licenses:
2519
2537
  - ISC
2520
2538
  metadata: {}
2521
- post_install_message:
2539
+ post_install_message:
2522
2540
  rdoc_options: []
2523
2541
  require_paths:
2524
2542
  - lib
@@ -2529,12 +2547,12 @@ required_ruby_version: !ruby/object:Gem::Requirement
2529
2547
  version: '0'
2530
2548
  required_rubygems_version: !ruby/object:Gem::Requirement
2531
2549
  requirements:
2532
- - - ">="
2550
+ - - ">"
2533
2551
  - !ruby/object:Gem::Version
2534
- version: '0'
2552
+ version: 1.3.1
2535
2553
  requirements: []
2536
2554
  rubygems_version: 3.3.7
2537
- signing_key:
2555
+ signing_key:
2538
2556
  specification_version: 4
2539
2557
  summary: Playbook Design System
2540
2558
  test_files: []
@@ -1,120 +0,0 @@
1
- /* @flow */
2
-
3
- import React from 'react'
4
- import classnames from 'classnames'
5
-
6
- import DateTime from '../pb_kit/dateTime'
7
- import { buildAriaProps, buildCss, buildDataProps } from '../utilities/props'
8
- import { globalProps } from '../utilities/globalProps'
9
-
10
- import Body from '../pb_body/_body'
11
- import Caption from '../pb_caption/_caption'
12
- import Icon from '../pb_icon/_icon'
13
- import Title from '../pb_title/_title'
14
-
15
- const dateString = (value: DateTime) => {
16
- const month = value.toMonthNum()
17
- const day = value.toDay()
18
-
19
- return ` · ${month}/${day}`
20
- }
21
-
22
- type LogisticProps = {
23
- aria?: object,
24
- className?: string,
25
- dark?: boolean,
26
- data?: object,
27
- date: string,
28
- id?: string,
29
- link?: string,
30
- projectName?: string,
31
- projectNumber?: number,
32
- }
33
-
34
- const Logistic = (props: LogisticProps) => {
35
- const { aria = {},
36
- className,
37
- dark = false,
38
- data = {},
39
- date,
40
- id,
41
- link,
42
- projectName,
43
- projectNumber } = props
44
-
45
- const ariaProps = buildAriaProps(aria)
46
- const dataProps = buildDataProps(data)
47
- const formattedDate = new DateTime({ value: date })
48
- const classes = classnames(
49
- buildCss('pb_logistic_kit', { dark }),
50
- globalProps(props),
51
- className
52
- )
53
-
54
- return (
55
- <div
56
- {...ariaProps}
57
- {...dataProps}
58
- className={classes}
59
- id={id}
60
- >
61
- <Body color="light">
62
- <Caption text="Project" />
63
- <Icon
64
- fixedWidth
65
- icon="home"
66
- />
67
-
68
- {` ${projectNumber}`}
69
-
70
- <Choose>
71
- <When condition={link}>
72
- <a
73
- className="pb_logistic_kit_links"
74
- href={link}
75
- >
76
- <Choose>
77
- <When condition={date}>
78
- <Title
79
- size={4}
80
- tag="span"
81
- text={' ' + projectName + dateString(formattedDate)}
82
- />
83
- </When>
84
- <Otherwise>
85
- <Title
86
- size={4}
87
- tag="span"
88
- text={' ' + projectName}
89
- />
90
- </Otherwise>
91
- </Choose>
92
- </a>
93
- </When>
94
- <Otherwise>
95
- <Choose>
96
- <When condition={date}>
97
- <Title
98
- dark={dark}
99
- size={4}
100
- tag="span"
101
- text={' ' + projectName + dateString(formattedDate)}
102
- />
103
- </When>
104
- <Otherwise>
105
- <Title
106
- dark={dark}
107
- size={4}
108
- tag="span"
109
- text={' ' + projectName}
110
- />
111
- </Otherwise>
112
- </Choose>
113
- </Otherwise>
114
- </Choose>
115
- </Body>
116
- </div>
117
- )
118
- }
119
-
120
- export default Logistic