playbook_ui_docs 16.8.0.pre.alpha.PLAY2945selectformblankselection16424 → 16.8.0.pre.alpha.PLAY2946currencykitzerosandnull16529

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 (6) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_currency/docs/_currency_variants.html.erb +154 -4
  3. data/app/pb_kits/playbook/pb_currency/docs/_currency_variants.jsx +116 -4
  4. data/app/pb_kits/playbook/pb_form/docs/example.yml +0 -1
  5. metadata +3 -4
  6. data/app/pb_kits/playbook/pb_form/docs/_form_form_with_select_examples.html.erb +0 -31
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: e18a62983a7a32baed6bdf7820a428540ccfb00e503620c25b07e66d04502d43
4
- data.tar.gz: 78d3e72164769d3dba478f2f95f01363c76458c513b46ffcaba8d50b1b44351e
3
+ metadata.gz: 5f306f36c33a7eb5e305ce2db146207e20799479b0e6f0946fd9e230131d7770
4
+ data.tar.gz: 060db3fdc998d34177ea2aa68c9599d85c8ec55a373491802e08db294ea26155
5
5
  SHA512:
6
- metadata.gz: cf11e9f06655de8e7cafd9606746620d8fd47e7522c598213c3f7d7d1941714b9e56d2bb2d6e36b56dd1ae6e22f83e67ead67e5d9cb377fed5f20cdad9f82da1
7
- data.tar.gz: 0a7fdbb41a8b81c98940bac514b1b8a841267fb05271aadf4a2f7547470780cf1499014c56a5d94a19421b2a0ce0d8a9d37e17eb938363aec6c188417feef96c
6
+ metadata.gz: aae9d06bd93866e047da7d40d3f2d42327a214a6b6360b2c6e6870df0ca4d5a495c43700a5f91469a063daffaa153f43caac876162a0bf5629d8733a968ad963
7
+ data.tar.gz: 908d0a6e39e6aa1d5ec0e0a67b3ca11e43afc8a7da2c8394361971da9fcc6dbf8b33389a8553185067358b14ad1dfc0f5bdd43f734aae68a4f920ea6f7f46093
data/app/pb_kits/playbook/pb_currency/docs/_currency_variants.html.erb CHANGED
@@ -1,12 +1,12 @@
1
1
  <%= pb_rails("currency", props: {
2
- amount: "30,327.43",
2
+ amount: "0",
3
3
  label: "Default",
4
4
  size: "sm",
5
5
  margin_bottom: "md",
6
6
  }) %>
7
7
 
8
8
  <%= pb_rails("currency", props: {
9
- amount: "2,000.50",
9
+ amount: "0",
10
10
  emphasized: false,
11
11
  label: "Emphasized False",
12
12
  margin_bottom: "md",
@@ -14,7 +14,7 @@
14
14
  }) %>
15
15
 
16
16
  <%= pb_rails("currency", props: {
17
- amount: 342,
17
+ amount: 0,
18
18
  label: "Light",
19
19
  margin_bottom: "md",
20
20
  size: "sm",
@@ -24,9 +24,159 @@
24
24
  }) %>
25
25
 
26
26
  <%= pb_rails("currency", props: {
27
- amount: "45",
27
+ amount: "0",
28
28
  label: "Bold",
29
29
  size: "sm",
30
30
  unit: "/mo",
31
31
  variant: "bold",
32
32
  }) %>
33
+
34
+ <%= pb_rails("currency", props: {
35
+ amount: "0",
36
+ label: "Default",
37
+ size: "sm",
38
+ margin_bottom: "md",
39
+ }) %>
40
+
41
+ <%= pb_rails("currency", props: {
42
+ amount: "0",
43
+ emphasized: false,
44
+ label: "Emphasized False",
45
+ margin_bottom: "md",
46
+ size: "sm",
47
+ }) %>
48
+
49
+ <%= pb_rails("currency", props: {
50
+ amount: 0,
51
+ label: "Light",
52
+ margin_bottom: "md",
53
+ size: "sm",
54
+ symbol: "€",
55
+ variant: "light",
56
+ emphasized: false,
57
+ }) %>
58
+
59
+ <%= pb_rails("currency", props: {
60
+ amount: "0",
61
+ label: "Bold",
62
+ margin_bottom: "md",
63
+ size: "sm",
64
+ unit: "/mo",
65
+ variant: "bold",
66
+ }) %>
67
+
68
+ <%= pb_rails("currency", props: {
69
+ amount: "",
70
+ label: "Nil",
71
+ margin_bottom: "md",
72
+ null_display: "--",
73
+ size: "sm"
74
+ }) %>
75
+
76
+ <%= pb_rails("currency", props: {
77
+ amount: "",
78
+ label: "Nil",
79
+ margin_bottom: "md",
80
+ null_display: "$0.00",
81
+ size: "sm"
82
+ }) %>
83
+
84
+ <%= pb_rails("currency", props: {
85
+ amount: "",
86
+ label: "Nil",
87
+ margin_bottom: "md",
88
+ null_display: " ",
89
+ size: "sm"
90
+ }) %>
91
+
92
+ <%= pb_rails("currency", props: {
93
+ amount: "-.53",
94
+ label: "Nil",
95
+ margin_bottom: "md",
96
+ null_display: "$0.00",
97
+ size: "sm"
98
+ }) %>
99
+
100
+ <%= pb_rails("currency", props: {
101
+ amount: "-.53",
102
+ label: "Nil",
103
+ margin_bottom: "md",
104
+ null_display: "0",
105
+ size: "sm"
106
+ }) %>
107
+
108
+ <%= pb_rails("currency", props: {
109
+ amount: "",
110
+ label: "Empty (no null display)",
111
+ margin_bottom: "md",
112
+ size: "sm",
113
+ }) %>
114
+
115
+ <%= pb_rails("currency", props: {
116
+ amount: 0,
117
+ label: "Numeric 0 + null_display (expect $0.00)",
118
+ margin_bottom: "md",
119
+ null_display: "--",
120
+ size: "sm",
121
+ }) %>
122
+
123
+ <%= pb_rails("currency", props: {
124
+ amount: "0.00",
125
+ label: "String 0.00",
126
+ margin_bottom: "md",
127
+ size: "sm",
128
+ }) %>
129
+
130
+ <%= pb_rails("currency", props: {
131
+ amount: "-123.45",
132
+ label: "Negative + null_display (expect -$123.45)",
133
+ margin_bottom: "md",
134
+ null_display: "$0.00",
135
+ size: "sm",
136
+ }) %>
137
+
138
+ <%= pb_rails("currency", props: {
139
+ amount: "-123.45",
140
+ label: "Negative sm",
141
+ margin_bottom: "md",
142
+ size: "sm",
143
+ }) %>
144
+
145
+ <%= pb_rails("currency", props: {
146
+ amount: "-123.45",
147
+ label: "Negative md",
148
+ margin_bottom: "md",
149
+ size: "md",
150
+ }) %>
151
+
152
+ <%= pb_rails("currency", props: {
153
+ amount: "320.20",
154
+ decimals: "matching",
155
+ label: "Decimals matching",
156
+ margin_bottom: "md",
157
+ size: "sm",
158
+ }) %>
159
+
160
+ <%= pb_rails("currency", props: {
161
+ amount: "0.00",
162
+ comma_separator: true,
163
+ label: "Comma separator + zero",
164
+ margin_bottom: "md",
165
+ size: "sm",
166
+ }) %>
167
+
168
+ <%= pb_rails("currency", props: {
169
+ amount: "1234567.89",
170
+ comma_separator: true,
171
+ label: "Comma separator",
172
+ margin_bottom: "md",
173
+ size: "sm",
174
+ }) %>
175
+
176
+ <%= pb_rails("currency", props: {
177
+ amount: "0.00",
178
+ label: "Unstyled zero",
179
+ margin_bottom: "md",
180
+ size: "sm",
181
+ unstyled: true,
182
+ }) %>
data/app/pb_kits/playbook/pb_currency/docs/_currency_variants.jsx CHANGED
@@ -6,14 +6,14 @@ const CurrencyVariants = (props) => {
6
6
  return (
7
7
  <>
8
8
  <Currency
9
- amount="30,327.43"
9
+ amount="0"
10
10
  label="Default"
11
11
  marginBottom="md"
12
12
  size="sm"
13
13
  {...props}
14
14
  />
15
15
  <Currency
16
- amount="2,000.50"
16
+ amount="0"
17
17
  emphasized={false}
18
18
  label="Emphasized False"
19
19
  marginBottom="md"
@@ -21,7 +21,7 @@ const CurrencyVariants = (props) => {
21
21
  {...props}
22
22
  />
23
23
  <Currency
24
- amount={342}
24
+ amount={0}
25
25
  label="Light"
26
26
  marginBottom="md"
27
27
  size="sm"
@@ -30,13 +30,125 @@ const CurrencyVariants = (props) => {
30
30
  {...props}
31
31
  />
32
32
  <Currency
33
- amount="45"
33
+ amount="0"
34
34
  label="Bold"
35
+ marginBottom="md"
35
36
  size="sm"
36
37
  unit="/mo"
37
38
  variant="bold"
38
39
  {...props}
39
40
  />
41
+ <Currency
42
+ amount=""
43
+ label="Null"
44
+ marginBottom="md"
45
+ nullDisplay="--"
46
+ {...props}
47
+ />
48
+ <Currency
49
+ amount=""
50
+ label="Null"
51
+ marginBottom="md"
52
+ nullDisplay="$0.00"
53
+ {...props}
54
+ />
55
+ <Currency
56
+ amount=""
57
+ label="Null"
58
+ marginBottom="md"
59
+ nullDisplay=" "
60
+ {...props}
61
+ />
62
+ <Currency
63
+ amount="-.53"
64
+ label="Null"
65
+ marginBottom="md"
66
+ nullDisplay="$0.00"
67
+ {...props}
68
+ />
69
+ <Currency
70
+ amount="-.53"
71
+ label="Null"
72
+ marginBottom="md"
73
+ nullDisplay="0"
74
+ {...props}
75
+ />
76
+ <Currency
77
+ amount=""
78
+ label="Empty (no null display)"
79
+ marginBottom="md"
80
+ size="sm"
81
+ {...props}
82
+ />
83
+ <Currency
84
+ amount={0}
85
+ label="Numeric 0 + nullDisplay (expect $0.00)"
86
+ marginBottom="md"
87
+ nullDisplay="--"
88
+ size="sm"
89
+ {...props}
90
+ />
91
+ <Currency
92
+ amount="0.00"
93
+ label="String 0.00"
94
+ marginBottom="md"
95
+ size="sm"
96
+ {...props}
97
+ />
98
+ <Currency
99
+ amount="-123.45"
100
+ label="Negative + nullDisplay (expect -$123.45)"
101
+ marginBottom="md"
102
+ nullDisplay="$0.00"
103
+ size="sm"
104
+ {...props}
105
+ />
106
+ <Currency
107
+ amount="-123.45"
108
+ label="Negative sm"
109
+ marginBottom="md"
110
+ size="sm"
111
+ {...props}
112
+ />
113
+ <Currency
114
+ amount="-123.45"
115
+ label="Negative md"
116
+ marginBottom="md"
117
+ size="md"
118
+ {...props}
119
+ />
120
+ <Currency
121
+ amount="320.20"
122
+ decimals="matching"
123
+ label="Decimals matching"
124
+ marginBottom="md"
125
+ size="sm"
126
+ {...props}
127
+ />
128
+ <Currency
129
+ amount="0.00"
130
+ commaSeparator
131
+ label="Comma separator + zero"
132
+ marginBottom="md"
133
+ size="sm"
134
+ {...props}
135
+ />
136
+ <Currency
137
+ amount="1234567.89"
138
+ commaSeparator
139
+ label="Comma separator"
140
+ marginBottom="md"
141
+ size="sm"
142
+ {...props}
143
+ />
144
+ <Currency
145
+ amount="0.00"
146
+ label="Unstyled zero"
147
+ marginBottom="md"
148
+ size="sm"
149
+ unstyled
150
+ {...props}
151
+ />
40
152
  </>
41
153
  )
42
154
  }
data/app/pb_kits/playbook/pb_form/docs/example.yml CHANGED
@@ -1,7 +1,6 @@
1
1
  examples:
2
2
 
3
3
  rails:
4
- - form_form_with_select_examples: Select Examples
5
4
  - form_form_with: Default
6
5
  - form_form_with_validate: Default + Validation
7
6
  - form_form_with_validation_msg: Validation + Custom Validation Message
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: playbook_ui_docs
3
3
  version: !ruby/object:Gem::Version
4
- version: 16.8.0.pre.alpha.PLAY2945selectformblankselection16424
4
+ version: 16.8.0.pre.alpha.PLAY2946currencykitzerosandnull16529
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: 2026-05-18 00:00:00.000000000 Z
12
+ date: 2026-05-21 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: playbook_ui
@@ -1192,7 +1192,6 @@ files:
1192
1192
  - app/pb_kits/playbook/pb_form/docs/_form_form_with.html.erb
1193
1193
  - app/pb_kits/playbook/pb_form/docs/_form_form_with_loading.html.erb
1194
1194
  - app/pb_kits/playbook/pb_form/docs/_form_form_with_loading.md
1195
- - app/pb_kits/playbook/pb_form/docs/_form_form_with_select_examples.html.erb
1196
1195
  - app/pb_kits/playbook/pb_form/docs/_form_form_with_validate.html.erb
1197
1196
  - app/pb_kits/playbook/pb_form/docs/_form_form_with_validate.md
1198
1197
  - app/pb_kits/playbook/pb_form/docs/_form_form_with_validation_msg.html.erb
@@ -2957,7 +2956,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
2957
2956
  - !ruby/object:Gem::Version
2958
2957
  version: '0'
2959
2958
  requirements: []
2960
- rubygems_version: 3.5.3
2959
+ rubygems_version: 3.5.22
2961
2960
  signing_key:
2962
2961
  specification_version: 4
2963
2962
  summary: Playbook Design System Docs
data/app/pb_kits/playbook/pb_form/docs/_form_form_with_select_examples.html.erb DELETED
@@ -1,31 +0,0 @@
1
- <%
2
- example_collection = [
3
- OpenStruct.new(name: "Alabama", value: 1),
4
- OpenStruct.new(name: "Alaska", value: 2),
5
- OpenStruct.new(name: "Arizona", value: 3),
6
- OpenStruct.new(name: "Arkansas", value: 4),
7
- OpenStruct.new(name: "California", value: 5),
8
- OpenStruct.new(name: "Colorado", value: 6),
9
- OpenStruct.new(name: "Connecticut", value: 7),
10
- OpenStruct.new(name: "Delaware", value: 8),
11
- OpenStruct.new(name: "Florida", value: 9),
12
- OpenStruct.new(name: "Georgia", value: 10),
13
- ]
14
- %>
15
-
16
- <%= pb_form_with(scope: :example, url: "", method: :get) do |form| %>
17
- <%= form.select :example_select, [ ["Yes", 1], ["No", 2], ["Maybe", 3] ], props: { label: "Select Default" } %>
18
- <%= form.select :example_select_2, [ ["Yes", 1], ["No", 2], ["Maybe", 3] ], props: { label: "Select with Blank Selection", blank_selection: "Blank selection..." } %>
19
- <%= form.select :example_select_3, [ ["Yes", 1], ["No", 2], ["Maybe", 3] ], { include_blank: "Include blank..." }, {}, props: { label: "Select with Include Blank" } %>
20
- <%= form.collection_select :example_collection_select, example_collection, :value, :name, props: { label: "Collection Select Default" } %>
21
- <%= form.collection_select :example_collection_select_2, example_collection, :value, :name, props: { label: "Collection Select with Blank Selection", blank_selection: "Blank selection..." } %>
22
- <%= form.collection_select :example_collection_select_3, example_collection, :value, :name, { include_blank: "Include blank..." }, {}, props: { label: "Collection Select with Include Blank" } %>
23
- <%= form.time_zone_select_field :example_time_zone_select, ActiveSupport::TimeZone.us_zones, props: { label: "Time Zone Select Default" } %>
24
- <%= form.time_zone_select_field :example_time_zone_select_2, ActiveSupport::TimeZone.us_zones, { default: "Eastern Time (US & Canada)" }, props: { label: "Time Zone Select with a Default Selection" } %>
25
- <%= form.time_zone_select_field :example_time_zone_select_3, ActiveSupport::TimeZone.us_zones, props: { label: "Time Zone Select with Blank Selection", blank_selection: "Blank selection..." } %>
26
- <%= form.time_zone_select_field :example_time_zone_select_4, ActiveSupport::TimeZone.us_zones, { include_blank: "Include blank..." }, {}, props: { label: "Time Zone Select with Include Blank" } %>
27
- <%= form.actions do |action| %>
28
- <%= action.submit %>
29
- <%= action.button props: { type: "reset", text: "Cancel", variant: "secondary" } %>
30
- <% end %>
31
- <% end %>