playbook_ui 12.32.0 → 12.33.0.pre.alpha.PLAY905reactionbuttons979

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 (65) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/index.js +1 -1
  3. data/app/pb_kits/playbook/pb_background/_background.tsx +10 -1
  4. data/app/pb_kits/playbook/pb_background/background.html.erb +2 -1
  5. data/app/pb_kits/playbook/pb_background/background.rb +4 -2
  6. data/app/pb_kits/playbook/pb_body/_body_mixins.scss +1 -0
  7. data/app/pb_kits/playbook/pb_button/_button.scss +33 -0
  8. data/app/pb_kits/playbook/pb_button/_button.tsx +65 -26
  9. data/app/pb_kits/playbook/pb_button/_button_mixins.scss +6 -6
  10. data/app/pb_kits/playbook/pb_button/button.html.erb +13 -0
  11. data/app/pb_kits/playbook/pb_button/button.rb +13 -2
  12. data/app/pb_kits/playbook/pb_button/docs/_button_reaction.html.erb +3 -0
  13. data/app/pb_kits/playbook/pb_button/docs/_button_reaction.jsx +38 -0
  14. data/app/pb_kits/playbook/pb_button/docs/example.yml +2 -0
  15. data/app/pb_kits/playbook/pb_button/docs/index.js +2 -1
  16. data/app/pb_kits/playbook/pb_circle_icon_button/_circle_icon_button.scss +1 -1
  17. data/app/pb_kits/playbook/pb_date/_date.tsx +7 -8
  18. data/app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx +2 -2
  19. data/app/pb_kits/playbook/pb_date/docs/_date_default.jsx +4 -4
  20. data/app/pb_kits/playbook/pb_date/docs/_date_unstyled.jsx +2 -2
  21. data/app/pb_kits/playbook/pb_date/docs/_date_variants.jsx +5 -5
  22. data/app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.tsx +45 -31
  23. data/app/pb_kits/playbook/pb_date_range_stacked/_date_range_stacked.tsx +5 -3
  24. data/app/pb_kits/playbook/pb_date_stacked/_date_stacked.tsx +24 -21
  25. data/app/pb_kits/playbook/pb_date_time/_date_time.tsx +1 -1
  26. data/app/pb_kits/playbook/pb_date_time/dateTime.test.js +1 -1
  27. data/app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.tsx +2 -2
  28. data/app/pb_kits/playbook/pb_date_time_stacked/date_time_stacked.test.js +1 -1
  29. data/app/pb_kits/playbook/pb_date_year_stacked/_date_year_stacked.tsx +6 -8
  30. data/app/pb_kits/playbook/pb_dialog/_dialog.scss +321 -316
  31. data/app/pb_kits/playbook/pb_dialog/_dialog.tsx +12 -9
  32. data/app/pb_kits/playbook/pb_dialog/dialog.html.erb +8 -8
  33. data/app/pb_kits/playbook/pb_dialog/dialogHelper.js +16 -15
  34. data/app/pb_kits/playbook/pb_icon/_icon.tsx +4 -2
  35. data/app/pb_kits/playbook/pb_icon/docs/_icon_fa_kit.html.erb +1 -0
  36. data/app/pb_kits/playbook/pb_icon/docs/_icon_fa_kit.jsx +21 -0
  37. data/app/pb_kits/playbook/pb_icon/docs/_icon_fa_kit.md +7 -0
  38. data/app/pb_kits/playbook/pb_icon/docs/example.yml +2 -0
  39. data/app/pb_kits/playbook/pb_icon/docs/index.js +1 -0
  40. data/app/pb_kits/playbook/pb_icon/icon.rb +1 -1
  41. data/app/pb_kits/playbook/pb_icon_circle/_icon_circle.tsx +14 -4
  42. data/app/pb_kits/playbook/pb_icon_circle/icon_circle.rb +1 -1
  43. data/app/pb_kits/playbook/pb_icon_stat_value/_icon_stat_value.tsx +12 -1
  44. data/app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_color.html.erb +6 -0
  45. data/app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_color.jsx +9 -0
  46. data/app/pb_kits/playbook/pb_icon_stat_value/icon_stat_value.html.erb +16 -12
  47. data/app/pb_kits/playbook/pb_icon_stat_value/icon_stat_value.rb +2 -2
  48. data/app/pb_kits/playbook/pb_kit/dateTime.ts +139 -67
  49. data/app/pb_kits/playbook/pb_label_value/_label_value.tsx +52 -31
  50. data/app/pb_kits/playbook/pb_map/_map.scss +4 -0
  51. data/app/pb_kits/playbook/pb_message/_message.tsx +24 -24
  52. data/app/pb_kits/playbook/pb_time/_time.tsx +9 -11
  53. data/app/pb_kits/playbook/pb_time_range_inline/_time_range_inline.tsx +46 -49
  54. data/app/pb_kits/playbook/pb_time_stacked/_time_stacked.tsx +4 -6
  55. data/app/pb_kits/playbook/pb_timestamp/_timestamp.tsx +11 -11
  56. data/app/pb_kits/playbook/pb_weekday_stacked/_weekday_stacked.tsx +8 -11
  57. data/app/pb_kits/playbook/tokens/_colors.scss +4 -2
  58. data/app/pb_kits/playbook/utilities/_border_radius.scss +11 -1
  59. data/app/pb_kits/playbook/utilities/_line_height.scss +1 -2
  60. data/app/pb_kits/playbook/utilities/_shadow.scss +0 -1
  61. data/app/pb_kits/playbook/utilities/globalProps.ts +1 -1
  62. data/dist/playbook-rails.js +7 -7
  63. data/lib/playbook/version.rb +2 -2
  64. metadata +12 -8
  65. 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.31.0"
5
- VERSION = "12.32.0"
4
+ PREVIOUS_VERSION = "12.33.0"
5
+ VERSION = "12.33.0.pre.alpha.PLAY905reactionbuttons979"
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.32.0
4
+ version: 12.33.0.pre.alpha.PLAY905reactionbuttons979
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-18 00:00:00.000000000 Z
12
+ date: 2023-07-24 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionpack
@@ -442,6 +442,8 @@ files:
442
442
  - app/pb_kits/playbook/pb_button/docs/_button_loading.md
443
443
  - app/pb_kits/playbook/pb_button/docs/_button_options.html.erb
444
444
  - app/pb_kits/playbook/pb_button/docs/_button_options.jsx
445
+ - app/pb_kits/playbook/pb_button/docs/_button_reaction.html.erb
446
+ - app/pb_kits/playbook/pb_button/docs/_button_reaction.jsx
445
447
  - app/pb_kits/playbook/pb_button/docs/_button_size.html.erb
446
448
  - app/pb_kits/playbook/pb_button/docs/_button_size.jsx
447
449
  - app/pb_kits/playbook/pb_button/docs/_button_size.md
@@ -1171,6 +1173,9 @@ files:
1171
1173
  - app/pb_kits/playbook/pb_icon/docs/_icon_custom.md
1172
1174
  - app/pb_kits/playbook/pb_icon/docs/_icon_default.html.erb
1173
1175
  - app/pb_kits/playbook/pb_icon/docs/_icon_default.jsx
1176
+ - app/pb_kits/playbook/pb_icon/docs/_icon_fa_kit.html.erb
1177
+ - app/pb_kits/playbook/pb_icon/docs/_icon_fa_kit.jsx
1178
+ - app/pb_kits/playbook/pb_icon/docs/_icon_fa_kit.md
1174
1179
  - app/pb_kits/playbook/pb_icon/docs/_icon_flip.html.erb
1175
1180
  - app/pb_kits/playbook/pb_icon/docs/_icon_flip.jsx
1176
1181
  - app/pb_kits/playbook/pb_icon/docs/_icon_pull.html.erb
@@ -1419,7 +1424,6 @@ files:
1419
1424
  - app/pb_kits/playbook/pb_loading_inline/loading_inline.html.erb
1420
1425
  - app/pb_kits/playbook/pb_loading_inline/loading_inline.rb
1421
1426
  - app/pb_kits/playbook/pb_loading_inline/loading_inline.test.js
1422
- - app/pb_kits/playbook/pb_logistic/_logistic.jsx
1423
1427
  - app/pb_kits/playbook/pb_map/_map.scss
1424
1428
  - app/pb_kits/playbook/pb_map/_map.tsx
1425
1429
  - app/pb_kits/playbook/pb_map/_map_controls.tsx
@@ -2544,7 +2548,7 @@ homepage: https://playbook.powerapp.cloud/
2544
2548
  licenses:
2545
2549
  - ISC
2546
2550
  metadata: {}
2547
- post_install_message:
2551
+ post_install_message:
2548
2552
  rdoc_options: []
2549
2553
  require_paths:
2550
2554
  - lib
@@ -2555,12 +2559,12 @@ required_ruby_version: !ruby/object:Gem::Requirement
2555
2559
  version: '0'
2556
2560
  required_rubygems_version: !ruby/object:Gem::Requirement
2557
2561
  requirements:
2558
- - - ">="
2562
+ - - ">"
2559
2563
  - !ruby/object:Gem::Version
2560
- version: '0'
2564
+ version: 1.3.1
2561
2565
  requirements: []
2562
2566
  rubygems_version: 3.3.7
2563
- signing_key:
2567
+ signing_key:
2564
2568
  specification_version: 4
2565
2569
  summary: Playbook Design System
2566
2570
  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