playbook_ui 13.10.0.pre.alpha.dependabotnpmandyarntiptapextensionlink21121407 → 13.10.0.pre.alpha.play845addswiftkitspage1332

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 (29) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_button/docs/example.yml +0 -8
  3. data/app/pb_kits/playbook/pb_card/docs/example.yml +0 -12
  4. data/app/pb_kits/playbook/pb_table/docs/_table_header.html.erb +31 -47
  5. data/app/pb_kits/playbook/pb_table/docs/_table_header.md +0 -5
  6. data/app/pb_kits/playbook/pb_table/table_header.html.erb +1 -1
  7. data/dist/menu.yml +281 -110
  8. data/lib/playbook/pb_doc_helper.rb +12 -1
  9. data/lib/playbook/version.rb +1 -1
  10. metadata +2 -21
  11. data/app/pb_kits/playbook/pb_button/docs/_button_circle_swift.md +0 -28
  12. data/app/pb_kits/playbook/pb_button/docs/_button_default_swift.md +0 -23
  13. data/app/pb_kits/playbook/pb_button/docs/_button_full_width_swift.md +0 -9
  14. data/app/pb_kits/playbook/pb_button/docs/_button_icon_options_swift.md +0 -18
  15. data/app/pb_kits/playbook/pb_button/docs/_button_props_swift.md +0 -11
  16. data/app/pb_kits/playbook/pb_button/docs/_button_size_swift.md +0 -20
  17. data/app/pb_kits/playbook/pb_card/docs/_card_background_swift.md +0 -29
  18. data/app/pb_kits/playbook/pb_card/docs/_card_border_none_swift.md +0 -7
  19. data/app/pb_kits/playbook/pb_card/docs/_card_border_radius_swift.md +0 -33
  20. data/app/pb_kits/playbook/pb_card/docs/_card_header_swift.md +0 -33
  21. data/app/pb_kits/playbook/pb_card/docs/_card_highlight_swift.md +0 -17
  22. data/app/pb_kits/playbook/pb_card/docs/_card_light_swift.md +0 -7
  23. data/app/pb_kits/playbook/pb_card/docs/_card_padding_swift.md +0 -33
  24. data/app/pb_kits/playbook/pb_card/docs/_card_props_swift.md +0 -10
  25. data/app/pb_kits/playbook/pb_card/docs/_card_selected_swift.md +0 -0
  26. data/app/pb_kits/playbook/pb_card/docs/_card_separator_swift.md +0 -11
  27. data/app/pb_kits/playbook/pb_card/docs/_card_shadow_swift.md +0 -21
  28. data/app/pb_kits/playbook/pb_card/docs/_card_styles_swift.md +0 -17
  29. data/app/pb_kits/playbook/pb_card/docs/_card_tag_swift.md +0 -0
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: c3ac73c4d5326cd1a7fcdab4bfa0b3ca545f4b6c479fdfde282c9beb61f15404
4
- data.tar.gz: b8e43a44b1f55aeed5ed25f664e7622b973eea66605a116ea7e80fef4464f5f6
3
+ metadata.gz: d7a061b557ad6059bdf424d5b12c68b0ca80a6002dd9c86f38ea7c9271b08b41
4
+ data.tar.gz: '095223f9bc853470ad0e2d2d43f54715995564268b355a45691176063cb22a62'
5
5
  SHA512:
6
- metadata.gz: a5bd986eafe6a8bc7aa8d273484c5c42c830fd4e2d7646cc04e6713adc03f242555d66f4dfc09af6727508955e117a1bdf85a4e9eae401596617e114eab1bd3e
7
- data.tar.gz: b17f12205c315f95769d0c716315ce062658d725726f5f718cfdc934b74a22350cf1eef366ea50ba9dc15f9a0c4b22c6a094a419336802777a10812aa1764e74
6
+ metadata.gz: 523881bef705ae684be57edeb35e9d8da1ef2fe0273b2bda4cb8907507d55c64513bdf40f4ee59c6e5abc1fa70edeb2b0fb027bb532729b7bb15b265f55f583f
7
+ data.tar.gz: 111132a961618e7780af83c16a0110481622ee221b60e57d435d2103156d3ec83834855918cc18e6c83f22c2f78ac1810165e3bad153d5f5dd6b07f1743963e7
data/app/pb_kits/playbook/pb_button/docs/example.yml CHANGED
@@ -25,11 +25,3 @@ examples:
25
25
  - button_size: Button Size
26
26
  - button_form: Button Form Attribute
27
27
  - button_hover: Button Hover
28
-
29
- swift:
30
- - button_default_swift: Button Variants
31
- - button_full_width_swift: Button Full Width
32
- - button_icon_options_swift: Button Icon Options
33
- - button_circle_swift: Circle Button
34
- - button_size_swift: Button Size
35
- - button_props_swift: ""
data/app/pb_kits/playbook/pb_card/docs/example.yml CHANGED
@@ -25,15 +25,3 @@ examples:
25
25
  - card_separator: Separator Card
26
26
  - card_border_none: No Border
27
27
  - card_border_radius: Border Radius
28
- swift:
29
- - card_light_swift: Default
30
- - card_background_swift: Card Backgrounds
31
- - card_highlight_swift: Highlight Cards
32
- - card_header_swift: Header Cards
33
- - card_padding_swift: Padding Size
34
- - card_shadow_swift: Shadow Size
35
- - card_separator_swift: Separator Card
36
- - card_border_none_swift: No Border
37
- - card_border_radius_swift: Border Radius
38
- - card_styles_swift: Styles
39
- - card_props_swift: ""
data/app/pb_kits/playbook/pb_table/docs/_table_header.html.erb CHANGED
@@ -1,37 +1,12 @@
1
- <%# Example data for demonstration purposes %>
2
- <% data_rows = [
3
- { 'territory' => 'North', 'firstname' => 'John', 'lastname' => 'Doe', 'age' => 30, 'job' => 'Engineer' },
4
- { 'territory' => 'South', 'firstname' => 'Alice', 'lastname' => 'Smith', 'age' => 28, 'job' => 'Designer' },
5
- { 'territory' => 'East', 'firstname' => 'Mike', 'lastname' => 'Johnson', 'age' => 35, 'job' => 'Manager' },
6
- { 'territory' => 'West', 'firstname' => 'Sarah', 'lastname' => 'Brown', 'age' => 29, 'job' => 'Developer' },
7
- { 'territory' => 'Central', 'firstname' => 'David', 'lastname' => 'Wilson', 'age' => 32, 'job' => 'Analyst' }
8
- ]
9
- %>
10
-
11
- <%# Example sort method for demonstration purposes %>
12
- <% if params["sort"] %>
13
- <% sort_param = params["sort"].gsub(/_(asc|desc)\z/, "") %>
14
- <% sort_direction = params["sort"].end_with?("_asc") ? 1 : -1 %>
15
- <% data_rows.sort! do |a, b|
16
- value_a = a[sort_param]
17
- value_b = b[sort_param]
18
-
19
- value_a = value_a.to_i if value_a.is_a?(String) && value_a.match?(/^\d+$/)
20
- value_b = value_b.to_i if value_b.is_a?(String) && value_b.match?(/^\d+$/)
21
-
22
- sort_direction * (value_a <=> value_b)
23
- end %>
24
- <% end %>
25
-
26
- <%= pb_rails("table", props: { data_table: true, vertical_border: true, id: "table-header" } ) do %>
1
+ <%= pb_rails("table", props: { size: "lg"} ) do %>
27
2
  <thead>
28
3
  <tr>
29
4
  <%= pb_rails("table/table_header", props: {
30
5
  text: "Territory",
31
6
  id: "territory",
32
7
  sort_menu: [
33
- { item: "Territory", link: "?sort=territory_asc#table-header", active: params["sort"] == "territory_asc", direction: "asc" },
34
- { item: "Territory", link: "?sort=territory_desc#table-header", active: params["sort"] == "territory_desc", direction: "desc" }
8
+ { item: "Territory", link: "?sort=territory_desc", active: params["sort"] == "territory_desc", direction: "desc" },
9
+ { item: "Territory", link: "?sort=territory_asc", active: params["sort"] == "territory_asc", direction: "asc" }
35
10
  ],
36
11
  }) %>
37
12
  <%= pb_rails("table/table_header", props: {
@@ -39,36 +14,45 @@
39
14
  text: "Full Name",
40
15
  colspan: 2,
41
16
  sort_menu: [
42
- { item: "First Name Descending", link: "?sort=firstname_desc#table-header", active: params["sort"] == "firstname_desc", direction: "desc" },
43
- { item: "First Name Ascending", link: "?sort=firstname_asc#table-header", active: params["sort"] == "firstname_asc", direction: "asc" },
44
- { item: "Last Name Descending", link: "?sort=lastname_desc#table-header", active: params["sort"] == "lastname_desc", direction: "desc" },
45
- { item: "Last Name Ascending", link: "?sort=lastname_asc#table-header", active: params["sort"] == "lastname_asc", direction: "asc" }
17
+ { item: "First Name Descending", link: "?sort=firstname_desc", active: params["sort"] == "firstname_desc", direction: "desc" },
18
+ { item: "First Name Ascending", link: "?sort=firstname_asc", active: params["sort"] == "firstname_asc", direction: "asc" },
19
+ { item: "Last Name Descending", link: "?sort=lastname_desc", active: params["sort"] == "lastname_desc", direction: "desc" },
20
+ { item: "Last Name Ascending", link: "?sort=lastname_asc", active: params["sort"] == "lastname_asc", direction: "asc" }
46
21
  ],
47
22
  }) %>
48
23
  <%= pb_rails("table/table_header", props: {
49
24
  text: "Age",
50
25
  id: "age",
26
+ sort_dropdown: true,
51
27
  sort_menu: [
52
- { item: "Age Descending", link: "?sort=age_desc#table-header", active: params["sort"] == "age_desc", direction: "desc" },
53
- { item: "Age Ascending", link: "?sort=age_asc#table-header", active: params["sort"] == "age_asc", direction: "asc" }
28
+ { item: "Age Descending", link: "?sort=age_desc", active: params["sort"] == "age_desc", direction: "desc" },
29
+ { item: "Age Ascending", link: "?sort=age_asc", active: params["sort"] == "age_asc", direction: "asc" }
54
30
  ],
55
31
  }) %>
56
32
  <%= pb_rails("table/table_header", props: { text: "Job Title" }) %>
57
33
  </tr>
58
34
  </thead>
59
35
  <tbody>
60
- <% data_rows.each do |row| %>
61
- <tr>
62
- <% row.each do |key, value| %>
63
- <%= pb_rails("background", props: {
64
- background_color: (params["sort"] && params["sort"].start_with?(key) ? "info_subtle" : "card_light"),
65
- text_align: (value.is_a?(Integer) ? "right" : ""),
66
- tag: "td"
67
- }) do %>
68
- <%= value %>
69
- <% end %>
70
- <% end %>
71
- </tr>
72
- <% end %>
36
+ <tr>
37
+ <td>Ter 1</td>
38
+ <td>First Name 1</td>
39
+ <td>Last Name 1</td>
40
+ <td>Age 1</td>
41
+ <td>Job 1</td>
42
+ </tr>
43
+ <tr>
44
+ <td>Ter 2</td>
45
+ <td>First Name 2</td>
46
+ <td>Last Name 2</td>
47
+ <td>Age 2</td>
48
+ <td>Job 2</td>
49
+ </tr>
50
+ <tr>
51
+ <td>Ter 3</td>
52
+ <td>First Name 3</td>
53
+ <td>Last Name 3</td>
54
+ <td>Age 3</td>
55
+ <td>Job 3</td>
56
+ </tr>
73
57
  </tbody>
74
58
  <% end %>
data/app/pb_kits/playbook/pb_table/docs/_table_header.md CHANGED
@@ -6,8 +6,3 @@ presence of `sort_menu` enables the sort link within the header
6
6
  * `sort_dropdown` (boolean) optionally declares that (true) clicking a header's sort link opens a dropdown of sort options, or (false) each sort link click cycles through available sort_menu items in the order they are passed
7
7
  * passing a valid `colspan` will render sort options within a dropdown by default, without requiring `sort_dropdown` explicitly. Alternatively, the default sort dropdown can be prevented on headers with `colspan` by setting `sort_dropdown: false`, which reverts the column to sorting to multi-click default (each click of the sort link cycles through the available sort_menu items in the order they are passed)
8
8
  * `id` (string) is required for headers that have a dropdown (for popover reference); otherwise they are optional
9
-
10
- </br>
11
- <div class="pb_pill_kit_warning"><div class="pb_title_kit_size_4 pb_pill_text">Disclaimer</div></div>
12
-
13
- This example uses a custom sort method that may need to be modified or replaced within your project.
data/app/pb_kits/playbook/pb_table/table_header.html.erb CHANGED
@@ -3,7 +3,7 @@
3
3
  aria: object.aria,
4
4
  class: object.classname,
5
5
  data: object.data,
6
- id: "pb-th#{object.id}" ) do %>
6
+ id: "pb-th#{object.id}") do %>
7
7
  <% unless sorting_style? %>
8
8
  <%= pb_rails("flex", props:{ align: object.align_content, justify: object.justify_sort_icon, classname: "pb_th_nolink" }) do %>
9
9
  <%= content.presence || object.text %>
data/dist/menu.yml CHANGED
@@ -1,111 +1,282 @@
1
+ web: &web ["rails", "react"]
2
+ all: &all ["rails", "react", "swift"]
3
+ rails_only: &rails_only ["rails"]
4
+ react_only: &react_only ["react"]
5
+
1
6
  kits:
2
- - avatars:
3
- - avatar
4
- - avatar_action_button
5
- - multiple_users
6
- - multiple_users_stacked
7
- - user
8
- - background
9
- - bread_crumbs
10
- - buttons:
11
- - button
12
- - button_toolbar
13
- - circle_icon_button
14
- - card
15
- - collapsible
16
- - charts_and_graphs:
17
- - bar_graph
18
- - circle_chart
19
- - distribution_bar
20
- - gauge
21
- - legend
22
- - line_graph
23
- - treemap_chart
24
- - dialog
25
- - filter
26
- - fixed_confirmation_toast
27
- - forms:
28
- - checkbox
29
- - date_picker
30
- - file_upload
31
- - form
32
- - form_group
33
- - form_pill
34
- - multi_level_select
35
- - passphrase
36
- - phone_number_input
37
- - radio
38
- - rich_text_editor
39
- - select
40
- - selectable_card
41
- - selectable_card_icon
42
- - selectable_icon
43
- - selectable_list
44
- - text_input
45
- - textarea
46
- - toggle
47
- - typeahead
48
- - highlight
49
- - icon
50
- - icon_circle
51
- - icon_stat_value
52
- - icon_value
53
- - image
54
- - layouts:
55
- - flex
56
- - layout
57
- - lightbox
58
- - list
59
- - loading_inline
60
- - map
61
- - nav
62
- - tags:
63
- - badge
64
- - hashtag
65
- - pill
66
- - pagination
67
- - popover
68
- - progress:
69
- - progress_pills
70
- - progress_simple
71
- - progress_step
72
- - section_separator
73
- - star_rating
74
- - table
75
- - timeline
76
- - time_and_date:
77
- - date
78
- - date_range_inline
79
- - date_range_stacked
80
- - date_stacked
81
- - date_time
82
- - date_time_stacked
83
- - date_year_stacked
84
- - time
85
- - time_range_inline
86
- - time_stacked
87
- - timestamp
88
- - weekday_stacked
89
- - tooltip
90
- - typography:
91
- - body
92
- - caption
93
- - detail
94
- - title
95
- - typography_patterns:
96
- - contact
97
- - currency
98
- - dashboard_value
99
- - home_address_street
100
- - label_pill
101
- - label_value
102
- - message
103
- - person
104
- - person_contact
105
- - source
106
- - stat_change
107
- - stat_value
108
- - title_count
109
- - title_detail
110
- - user_badge
111
- - walkthrough
7
+ - name: "avatars"
8
+ components:
9
+ - name: "avatar"
10
+ platforms: *all
11
+ - name: "avatar_action_button"
12
+ platforms: *web
13
+ - name: "multiple_users"
14
+ platforms: *web
15
+ - name: "multiple_users_stacked"
16
+ platforms: *web
17
+ - name: "user"
18
+ platforms: *web
19
+ - name: "background"
20
+ components:
21
+ - name: "background"
22
+ platforms: *web
23
+ - name: "bread_crumbs"
24
+ components:
25
+ - name: "bread_crumbs"
26
+ platforms: *web
27
+ - name: "buttons"
28
+ components:
29
+ - name: "button"
30
+ platforms: *web
31
+ - name: "button_toolbar"
32
+ platforms: *web
33
+ - name: "circle_icon_button"
34
+ platforms: *web
35
+ - name: "card"
36
+ components:
37
+ - name: "card"
38
+ platforms: *all
39
+ - name: "collapsible"
40
+ components:
41
+ - name: "collapsible"
42
+ platforms: *web
43
+ - name: "charts_and_graphs"
44
+ components:
45
+ - name: "bar_graph"
46
+ platforms: *web
47
+ - name: "circle_chart"
48
+ platforms: *web
49
+ - name: "distribution_bar"
50
+ platforms: *web
51
+ - name: "gauge"
52
+ platforms: *web
53
+ - name: "legend"
54
+ platforms: *web
55
+ - name: "line_graph"
56
+ platforms: *web
57
+ - name: "treemap_chart"
58
+ platforms: *web
59
+ - name: "dialog"
60
+ components:
61
+ - name: "dialog"
62
+ platforms: *web
63
+ - name: "filter"
64
+ components:
65
+ - name: "filter"
66
+ platforms: *web
67
+ - name: "fixed_confirmation_toast"
68
+ components:
69
+ - name: "fixed_confirmation_toast"
70
+ platforms: *web
71
+ - name: "forms"
72
+ components:
73
+ - name: "checkbox"
74
+ platforms: *web
75
+ - name: "date_picker"
76
+ platforms: *web
77
+ - name: "file_upload"
78
+ platforms: *web
79
+ - name: "form"
80
+ platforms: *rails_only
81
+ - name: "form_group"
82
+ platforms: *web
83
+ - name: "form_pill"
84
+ platforms: *web
85
+ - name: "multi_level_select"
86
+ platforms: *web
87
+ - name: "passphrase"
88
+ platforms: *web
89
+ - name: "phone_number_input"
90
+ platforms: *web
91
+ - name: "radio"
92
+ platforms: *all
93
+ - name: "rich_text_editor"
94
+ platforms: *web
95
+ - name: "select"
96
+ platforms: *web
97
+ - name: "selectable_card"
98
+ platforms: *web
99
+ - name: "selectable_card_icon"
100
+ platforms: *web
101
+ - name: "selectable_icon"
102
+ platforms: *web
103
+ - name: "selectable_list"
104
+ platforms: *web
105
+ - name: "text_input"
106
+ platforms: *web
107
+ - name: "textarea"
108
+ platforms: *web
109
+ - name: "toggle"
110
+ platforms: *web
111
+ - name: "typeahead"
112
+ platforms: *web
113
+ - name: "highlight"
114
+ components:
115
+ - name: "highlight"
116
+ platforms: *web
117
+ - name: "icon"
118
+ components:
119
+ - name: "icon"
120
+ platforms: *web
121
+ - name: "icon_circle"
122
+ components:
123
+ - name: "icon_circle"
124
+ platforms: *web
125
+ - name: "icon_stat_value"
126
+ components:
127
+ - name: "icon_stat_value"
128
+ platforms: *web
129
+ - name: "icon_value"
130
+ components:
131
+ - name: "icon_value"
132
+ platforms: *web
133
+ - name: "image"
134
+ components:
135
+ - name: "image"
136
+ platforms: *web
137
+ - name: "layouts"
138
+ components:
139
+ - name: "flex"
140
+ platforms: *web
141
+ - name: "layout"
142
+ platforms: *web
143
+ - name: "lightbox"
144
+ components:
145
+ - name: "lightbox"
146
+ platforms: *react_only
147
+ - name: "list"
148
+ components:
149
+ - name: "list"
150
+ platforms: *web
151
+ - name: "loading_inline"
152
+ components:
153
+ - name: "loading_inline"
154
+ platforms: *web
155
+ - name: "map"
156
+ components:
157
+ - name: "map"
158
+ platforms: *react_only
159
+ - name: "nav"
160
+ components:
161
+ - name: "nav"
162
+ platforms: *web
163
+ - name: "pagination"
164
+ components:
165
+ - name: "pagination"
166
+ platforms: *rails_only
167
+ - name: "popover"
168
+ components:
169
+ - name: "popover"
170
+ platforms: *web
171
+ - name: "progress"
172
+ components:
173
+ - name: "progress_pills"
174
+ platforms: *web
175
+ - name: "progress_simple"
176
+ platforms: *web
177
+ - name: "progress_step"
178
+ platforms: *web
179
+ - name: "section_separator"
180
+ components:
181
+ - name: "section_separator"
182
+ platforms: *web
183
+ - name: "star_rating"
184
+ components:
185
+ - name: "star_rating"
186
+ platforms: *web
187
+ - name: "table"
188
+ components:
189
+ - name: "table"
190
+ platforms: *web
191
+ - name: "tags"
192
+ components:
193
+ - name: "tags"
194
+ platforms: *web
195
+ - name: "badge"
196
+ platforms: *web
197
+ - name: "hashtag"
198
+ platforms: *web
199
+ - name: "pill"
200
+ platforms: *all
201
+ - name: "timeline"
202
+ components:
203
+ - name: "timeline"
204
+ platforms: *web
205
+ - name: "time_and_date"
206
+ components:
207
+ - name: "date"
208
+ platforms: *web
209
+ - name: "date_range_inline"
210
+ platforms: *web
211
+ - name: "date_range_stacked"
212
+ platforms: *web
213
+ - name: "date_stacked"
214
+ platforms: *web
215
+ - name: "date_time"
216
+ platforms: *web
217
+ - name: "date_time_stacked"
218
+ platforms: *web
219
+ - name: "date_year_stacked"
220
+ platforms: *web
221
+ - name: "time"
222
+ platforms: *web
223
+ - name: "time_range_inline"
224
+ platforms: *web
225
+ - name: "time_stacked"
226
+ platforms: *web
227
+ - name: "timestamp"
228
+ platforms: *all
229
+ - name: "weekday_stacked"
230
+ platforms: *web
231
+ - name: "tooltip"
232
+ components:
233
+ - name: "tooltip"
234
+ platforms: *web
235
+ - name: "typography"
236
+ components:
237
+ - name: "body"
238
+ platforms: *web
239
+ - name: "caption"
240
+ platforms: *web
241
+ - name: "detail"
242
+ platforms: *web
243
+ - name: "title"
244
+ platforms: *web
245
+ - name: "typography_patterns"
246
+ components:
247
+ - name: "contact"
248
+ platforms: *web
249
+ - name: "currency"
250
+ platforms: *web
251
+ - name: "dashboard_value"
252
+ platforms: *web
253
+ - name: "home_address_street"
254
+ platforms: *web
255
+ - name: "label_pill"
256
+ platforms: *web
257
+ - name: "label_value"
258
+ platforms: *web
259
+ - name: "message"
260
+ platforms: *web
261
+ - name: "person"
262
+ platforms: *web
263
+ - name: "person_contact"
264
+ platforms: *web
265
+ - name: "source"
266
+ platforms: *web
267
+ - name: "stat_change"
268
+ platforms: *web
269
+ - name: "stat_value"
270
+ platforms: *web
271
+ - name: "title_count"
272
+ platforms: *web
273
+ - name: "title_detail"
274
+ platforms: *web
275
+ - name: "user_badge"
276
+ components:
277
+ - name: "user_badge"
278
+ platforms: *web
279
+ - name: "walkthrough"
280
+ components:
281
+ - name: "walkthrough"
282
+ platforms: *web
data/lib/playbook/pb_doc_helper.rb CHANGED
@@ -46,7 +46,18 @@ module Playbook
46
46
  # rubocop:disable Naming/AccessorMethodName
47
47
  def get_kits
48
48
  menu = YAML.load_file(Playbook::Engine.root.join("dist/menu.yml"))
49
- menu["kits"]
49
+ all_kits = []
50
+ menu["kits"].each do |kit|
51
+ kit_name = kit["name"]
52
+ components = kit["components"].map { |c| c["name"] }
53
+
54
+ all_kits << if components.size == 1
55
+ components.first
56
+ else
57
+ { kit_name => components }
58
+ end
59
+ end
60
+ all_kits
50
61
  end
51
62
 
52
63
  def get_kits_pb_website
data/lib/playbook/version.rb CHANGED
@@ -2,5 +2,5 @@
2
2
 
3
3
  module Playbook
4
4
  PREVIOUS_VERSION = "13.10.0"
5
- VERSION = "13.10.0.pre.alpha.dependabotnpmandyarntiptapextensionlink21121407"
5
+ VERSION = "13.10.0.pre.alpha.play845addswiftkitspage1332"
6
6
  end
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: 13.10.0.pre.alpha.dependabotnpmandyarntiptapextensionlink21121407
4
+ version: 13.10.0.pre.alpha.play845addswiftkitspage1332
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: 2023-11-06 00:00:00.000000000 Z
12
+ date: 2023-10-25 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionpack
@@ -431,23 +431,19 @@ files:
431
431
  - app/pb_kits/playbook/pb_button/docs/_button_block_content.html.erb
432
432
  - app/pb_kits/playbook/pb_button/docs/_button_block_content.jsx
433
433
  - app/pb_kits/playbook/pb_button/docs/_button_block_content.md
434
- - app/pb_kits/playbook/pb_button/docs/_button_circle_swift.md
435
434
  - app/pb_kits/playbook/pb_button/docs/_button_default.html.erb
436
435
  - app/pb_kits/playbook/pb_button/docs/_button_default.jsx
437
436
  - app/pb_kits/playbook/pb_button/docs/_button_default.md
438
- - app/pb_kits/playbook/pb_button/docs/_button_default_swift.md
439
437
  - app/pb_kits/playbook/pb_button/docs/_button_form.html.erb
440
438
  - app/pb_kits/playbook/pb_button/docs/_button_form.jsx
441
439
  - app/pb_kits/playbook/pb_button/docs/_button_full_width.html.erb
442
440
  - app/pb_kits/playbook/pb_button/docs/_button_full_width.jsx
443
441
  - app/pb_kits/playbook/pb_button/docs/_button_full_width.md
444
- - app/pb_kits/playbook/pb_button/docs/_button_full_width_swift.md
445
442
  - app/pb_kits/playbook/pb_button/docs/_button_hover.html.erb
446
443
  - app/pb_kits/playbook/pb_button/docs/_button_hover.jsx
447
444
  - app/pb_kits/playbook/pb_button/docs/_button_icon_options.html.erb
448
445
  - app/pb_kits/playbook/pb_button/docs/_button_icon_options.jsx
449
446
  - app/pb_kits/playbook/pb_button/docs/_button_icon_options.md
450
- - app/pb_kits/playbook/pb_button/docs/_button_icon_options_swift.md
451
447
  - app/pb_kits/playbook/pb_button/docs/_button_link.html.erb
452
448
  - app/pb_kits/playbook/pb_button/docs/_button_link.jsx
453
449
  - app/pb_kits/playbook/pb_button/docs/_button_link.md
@@ -456,14 +452,12 @@ files:
456
452
  - app/pb_kits/playbook/pb_button/docs/_button_loading.md
457
453
  - app/pb_kits/playbook/pb_button/docs/_button_options.html.erb
458
454
  - app/pb_kits/playbook/pb_button/docs/_button_options.jsx
459
- - app/pb_kits/playbook/pb_button/docs/_button_props_swift.md
460
455
  - app/pb_kits/playbook/pb_button/docs/_button_reaction.html.erb
461
456
  - app/pb_kits/playbook/pb_button/docs/_button_reaction.jsx
462
457
  - app/pb_kits/playbook/pb_button/docs/_button_reaction.md
463
458
  - app/pb_kits/playbook/pb_button/docs/_button_size.html.erb
464
459
  - app/pb_kits/playbook/pb_button/docs/_button_size.jsx
465
460
  - app/pb_kits/playbook/pb_button/docs/_button_size.md
466
- - app/pb_kits/playbook/pb_button/docs/_button_size_swift.md
467
461
  - app/pb_kits/playbook/pb_button/docs/_footer.md
468
462
  - app/pb_kits/playbook/pb_button/docs/example.yml
469
463
  - app/pb_kits/playbook/pb_button/docs/index.js
@@ -510,46 +504,33 @@ files:
510
504
  - app/pb_kits/playbook/pb_card/docs/_card_background.html.erb
511
505
  - app/pb_kits/playbook/pb_card/docs/_card_background.jsx
512
506
  - app/pb_kits/playbook/pb_card/docs/_card_background.md
513
- - app/pb_kits/playbook/pb_card/docs/_card_background_swift.md
514
507
  - app/pb_kits/playbook/pb_card/docs/_card_border_none.html.erb
515
508
  - app/pb_kits/playbook/pb_card/docs/_card_border_none.jsx
516
509
  - app/pb_kits/playbook/pb_card/docs/_card_border_none.md
517
- - app/pb_kits/playbook/pb_card/docs/_card_border_none_swift.md
518
510
  - app/pb_kits/playbook/pb_card/docs/_card_border_radius.html.erb
519
511
  - app/pb_kits/playbook/pb_card/docs/_card_border_radius.jsx
520
512
  - app/pb_kits/playbook/pb_card/docs/_card_border_radius.md
521
- - app/pb_kits/playbook/pb_card/docs/_card_border_radius_swift.md
522
513
  - app/pb_kits/playbook/pb_card/docs/_card_content.html.erb
523
514
  - app/pb_kits/playbook/pb_card/docs/_card_content.jsx
524
515
  - app/pb_kits/playbook/pb_card/docs/_card_header.html.erb
525
516
  - app/pb_kits/playbook/pb_card/docs/_card_header.jsx
526
517
  - app/pb_kits/playbook/pb_card/docs/_card_header.md
527
- - app/pb_kits/playbook/pb_card/docs/_card_header_swift.md
528
518
  - app/pb_kits/playbook/pb_card/docs/_card_highlight.html.erb
529
519
  - app/pb_kits/playbook/pb_card/docs/_card_highlight.jsx
530
520
  - app/pb_kits/playbook/pb_card/docs/_card_highlight.md
531
- - app/pb_kits/playbook/pb_card/docs/_card_highlight_swift.md
532
521
  - app/pb_kits/playbook/pb_card/docs/_card_light.html.erb
533
522
  - app/pb_kits/playbook/pb_card/docs/_card_light.jsx
534
523
  - app/pb_kits/playbook/pb_card/docs/_card_light.md
535
- - app/pb_kits/playbook/pb_card/docs/_card_light_swift.md
536
524
  - app/pb_kits/playbook/pb_card/docs/_card_padding.html.erb
537
525
  - app/pb_kits/playbook/pb_card/docs/_card_padding.jsx
538
- - app/pb_kits/playbook/pb_card/docs/_card_padding_swift.md
539
- - app/pb_kits/playbook/pb_card/docs/_card_props_swift.md
540
526
  - app/pb_kits/playbook/pb_card/docs/_card_selected.html.erb
541
527
  - app/pb_kits/playbook/pb_card/docs/_card_selected.jsx
542
- - app/pb_kits/playbook/pb_card/docs/_card_selected_swift.md
543
528
  - app/pb_kits/playbook/pb_card/docs/_card_separator.html.erb
544
529
  - app/pb_kits/playbook/pb_card/docs/_card_separator.jsx
545
- - app/pb_kits/playbook/pb_card/docs/_card_separator_swift.md
546
530
  - app/pb_kits/playbook/pb_card/docs/_card_shadow.html.erb
547
531
  - app/pb_kits/playbook/pb_card/docs/_card_shadow.jsx
548
- - app/pb_kits/playbook/pb_card/docs/_card_shadow_swift.md
549
- - app/pb_kits/playbook/pb_card/docs/_card_styles_swift.md
550
532
  - app/pb_kits/playbook/pb_card/docs/_card_tag.html.erb
551
533
  - app/pb_kits/playbook/pb_card/docs/_card_tag.jsx
552
- - app/pb_kits/playbook/pb_card/docs/_card_tag_swift.md
553
534
  - app/pb_kits/playbook/pb_card/docs/example.yml
554
535
  - app/pb_kits/playbook/pb_card/docs/index.js
555
536
  - app/pb_kits/playbook/pb_checkbox/_checkbox.scss
data/app/pb_kits/playbook/pb_button/docs/_button_circle_swift.md DELETED
@@ -1,28 +0,0 @@
1
- ![button-circles](https://github.com/powerhome/playbook/assets/92755007/c8f98358-5369-475d-9287-67f2aa54f35c)
2
-
3
- ```swift
4
- VStack(alignment: .leading, spacing: Spacing.small) {
5
- PBButton(
6
- shape: .circle,
7
- icon: PBIcon.fontAwesome(.plus, size: .x1),
8
- action: {}
9
- )
10
- PBButton(
11
- variant: .secondary,
12
- shape: .circle,
13
- icon: PBIcon.fontAwesome(.pen, size: .x1),
14
- action: {}
15
- )
16
- PBButton(
17
- variant: .disabled,
18
- shape: .circle,
19
- icon: PBIcon.fontAwesome(.times, size: .x1)
20
- )
21
- PBButton(
22
- variant: .link,
23
- shape: .circle,
24
- icon: PBIcon.fontAwesome(.user, size: .x1),
25
- action: {}
26
- )
27
- }
28
- ```
data/app/pb_kits/playbook/pb_button/docs/_button_default_swift.md DELETED
@@ -1,23 +0,0 @@
1
- ![button-default](https://github.com/powerhome/playbook/assets/92755007/28a19644-8963-4b13-9eb7-c8fef8a047cc)
2
-
3
- ```swift
4
- VStack(alignment: .leading, spacing: Spacing.small) {
5
- PBButton(
6
- title: "Button Primary",
7
- action: {}
8
- )
9
- PBButton(
10
- variant: .secondary,
11
- title: "Button Secondary",
12
- action: {})
13
- PBButton(
14
- variant: .link,
15
- title: "Button Link",
16
- action: {}
17
- )
18
- PBButton(
19
- variant: .disabled,
20
- title: "Button Disabled"
21
- )
22
- }
23
- ```
data/app/pb_kits/playbook/pb_button/docs/_button_full_width_swift.md DELETED
@@ -1,9 +0,0 @@
1
- ![button-full-width](https://github.com/powerhome/playbook/assets/92755007/7818e026-e27c-4485-9d14-337fe5c0f99f)
2
-
3
- ```swift
4
- PBButton(
5
- fullWidth: true,
6
- title: "Full Width",
7
- action: {}
8
- )
9
- ```
data/app/pb_kits/playbook/pb_button/docs/_button_icon_options_swift.md DELETED
@@ -1,18 +0,0 @@
1
- ![button-icon-positions](https://github.com/powerhome/playbook/assets/92755007/c0b257c5-ca29-4ecb-83f8-85d631bb8613)
2
-
3
-
4
- ```swift
5
- VStack(alignment: .leading, spacing: Spacing.small) {
6
- PBButton(
7
- title: "Button with Icon on Left",
8
- icon: PBIcon.fontAwesome(.user, size: .x1),
9
- action: {}
10
- )
11
- PBButton(
12
- title: "Button with Icon on Right",
13
- icon: PBIcon.fontAwesome(.user, size: .x1),
14
- iconPosition: .right,
15
- action: {}
16
- )
17
- }
18
- ```
data/app/pb_kits/playbook/pb_button/docs/_button_props_swift.md DELETED
@@ -1,11 +0,0 @@
1
- ### Props
2
- | Name | Type | Description | Default | Values |
3
- | --- | ----------- | --------- | --------- | --------- |
4
- | **Full Width** | `Bool` | Sets Button to full width | `false` | `true` `false` |
5
- | **Variant** | `PBButtonVariant` | Changes the color of the Button | ` .primary` | `.primary` `.secondary` `.link` `.disabled` |
6
- | **Size** | `Size` | Adjusts Button size | `.medium` | `.small` `.medium` `.large` |
7
- | **Shape** | `Shape` | Changes the shape of the Button | `.primary` | `.primary` `.circle` |
8
- | **Title** | `String` | Sets Button text | `nil` | |
9
- | **Icon** | `PBIcon` | Adds an icon to the Button | `nil` | |
10
- | **Icon Position** | `IconPosition` | Adjusts the icon's position | `.left` | `.left` `.right` |
11
- | **Action** | `(() -> Void)` | Adds an action for the Button to perform | `{}` | |
data/app/pb_kits/playbook/pb_button/docs/_button_size_swift.md DELETED
@@ -1,20 +0,0 @@
1
- ![button-sizes](https://github.com/powerhome/playbook/assets/92755007/79bfe9e4-c09a-4d5e-bbb2-cf9ae8aa2895)
2
-
3
- ```swift
4
- VStack(alignment: .leading, spacing: Spacing.small) {
5
- PBButton(
6
- size: .small,
7
- title: "Button sm",
8
- action: {}
9
- )
10
- PBButton(
11
- title: "Button md",
12
- action: {}
13
- )
14
- PBButton(
15
- size: .large,
16
- title: "Button lg",
17
- action: {}
18
- )
19
- }
20
- ```
data/app/pb_kits/playbook/pb_card/docs/_card_background_swift.md DELETED
@@ -1,29 +0,0 @@
1
- ![card-background-colors](https://github.com/powerhome/playbook/assets/92755007/9b9a6519-0f79-4d8c-a58a-ea5799f9e679)
2
-
3
- ```swift
4
- VStack(alignment: .leading, spacing: Spacing.small) {
5
- PBCard {
6
- Text(text).pbFont(.body)
7
- }
8
-
9
- PBCard(backgroundColor: .background(.light)) {
10
- Text("Light").pbFont(.body, color: .text(.light))
11
- }
12
-
13
- PBCard(backgroundColor: .background(.dark)) {
14
- Text("Dark").pbFont(.body, color: .text(.light))
15
- }
16
-
17
- PBCard(backgroundColor: .product(.product1, category: .background)) {
18
- Text("Product 1 Background").pbFont(.body, color: .white)
19
- }
20
-
21
- PBCard(backgroundColor: .product(.product7, category: .highlight)) {
22
- Text("Product 7 Highlight").pbFont(.body, color: .white)
23
- }
24
-
25
- PBCard(backgroundColor: .product(.product2, category: .highlight)) {
26
- Text("Product 2 Highlight").pbFont(.body, color: .white)
27
- }
28
- }
29
- ```
data/app/pb_kits/playbook/pb_card/docs/_card_border_none_swift.md DELETED
@@ -1,7 +0,0 @@
1
- ![card-no-border](https://github.com/powerhome/playbook/assets/92755007/a4f3e9e1-6770-425f-b882-dded98863917)
2
-
3
- ```swift
4
- PBCard(border: false) {
5
- Text(text).pbFont(.body)
6
- }
7
- ```
data/app/pb_kits/playbook/pb_card/docs/_card_border_radius_swift.md DELETED
@@ -1,33 +0,0 @@
1
- ![card-border-radius](https://github.com/powerhome/playbook/assets/92755007/c2c0965f-7c4f-4e7b-8c94-f187c724939d)
2
-
3
- ```swift
4
- VStack(spacing: Spacing.small) {
5
- PBCard(borderRadius: BorderRadius.none) {
6
- Text("None").pbFont(.body)
7
- }
8
-
9
- PBCard(borderRadius: BorderRadius.xSmall) {
10
- Text("X Small").pbFont(.body)
11
- }
12
-
13
- PBCard(borderRadius: BorderRadius.small) {
14
- Text("Small").pbFont(.body)
15
- }
16
-
17
- PBCard(borderRadius: BorderRadius.medium) {
18
- Text("Medium").pbFont(.body)
19
- }
20
-
21
- PBCard(borderRadius: BorderRadius.large) {
22
- Text("Large").pbFont(.body)
23
- }
24
-
25
- PBCard(borderRadius: BorderRadius.xLarge) {
26
- Text("X Large").pbFont(.body)
27
- }
28
-
29
- PBCard(borderRadius: BorderRadius.rounded) {
30
- Text("Rounded").pbFont(.body)
31
- }
32
- }
33
- ``````
data/app/pb_kits/playbook/pb_card/docs/_card_header_swift.md DELETED
@@ -1,33 +0,0 @@
1
- ![card-header](https://github.com/powerhome/playbook/assets/92755007/a8fd21a1-89cb-4ec2-97f6-d6427f1264c2)
2
-
3
- ```swift
4
- Stack(spacing: Spacing.small) {
5
- PBCard(padding: Spacing.none) {
6
- PBCardHeader(color: .category(.category1)) {
7
- Text("Category 1").pbFont(.body, color: .white).padding(Spacing.small)
8
- }
9
- Text("Body").pbFont(.body, color: .text(.default)).padding(Spacing.small)
10
- }
11
-
12
- PBCard(padding: Spacing.none) {
13
- PBCardHeader(color: .category(.category3)) {
14
- Text("Category 3").pbFont(.body, color: .black).padding(Spacing.small)
15
- }
16
- Text("Body").pbFont(.body, color: .text(.default)).padding(Spacing.small)
17
- }
18
-
19
- PBCard(padding: Spacing.none) {
20
- PBCardHeader(color: .product(.product2, category: .background)) {
21
- Text("Product 2 Background").pbFont(.body, color: .white).padding(Spacing.small)
22
- }
23
- Text("Body").pbFont(.body, color: .text(.default)).padding(Spacing.small)
24
- }
25
-
26
- PBCard(padding: Spacing.none) {
27
- PBCardHeader(color: .product(.product6, category: .background)) {
28
- Text("Product 6 Background").pbFont(.body, color: .white).padding(Spacing.small)
29
- }
30
- Text("Body").pbFont(.body, color: .text(.default)).padding(Spacing.small)
31
- }
32
- }
33
- ```
data/app/pb_kits/playbook/pb_card/docs/_card_highlight_swift.md DELETED
@@ -1,17 +0,0 @@
1
- ![card-highlight](https://github.com/powerhome/playbook/assets/92755007/aba8c811-e21a-4aee-8d2d-64789989875d)
2
-
3
- ```swift
4
- VStack(spacing: Spacing.small) {
5
- PBCard(highlight: .side(.product(.product6, category: .highlight))) {
6
- Text("Side Position & Product 6 Highlight Color").pbFont(.body)
7
- }
8
-
9
- PBCard(highlight: .top(.status(.warning))) {
10
- Text("Top Position & Warning Color").pbFont(.body)
11
- }
12
-
13
- PBCard(highlight: .side(.category(.category2))) {
14
- Text("Side Position & Category 2 Color").pbFont(.body)
15
- }
16
- }
17
- ```
data/app/pb_kits/playbook/pb_card/docs/_card_light_swift.md DELETED
@@ -1,7 +0,0 @@
1
- ![card-default](https://github.com/powerhome/playbook/assets/92755007/2209c5d4-806f-4a54-98f4-4ed864b7fad2)
2
-
3
- ```swift
4
- PBCard {
5
- Text("Card Content").pbFont(.body)
6
- }
7
- ```
data/app/pb_kits/playbook/pb_card/docs/_card_padding_swift.md DELETED
@@ -1,33 +0,0 @@
1
- ![card-padding](https://github.com/powerhome/playbook/assets/92755007/b5f56638-2307-46fb-ac28-c4225cf3e051)
2
-
3
- ```swift
4
- VStack(spacing: Spacing.small) {
5
- PBCard(padding: Spacing.none) {
6
- Text("None").pbFont(.body)
7
- }
8
-
9
- PBCard(padding: Spacing.xxSmall) {
10
- Text("XX Small").pbFont(.body)
11
- }
12
-
13
- PBCard(padding: Spacing.xSmall) {
14
- Text("X Small").pbFont(.body)
15
- }
16
-
17
- PBCard(padding: Spacing.small) {
18
- Text("Small").pbFont(.body)
19
- }
20
-
21
- PBCard(padding: Spacing.medium) {
22
- Text("Medium").pbFont(.body)
23
- }
24
-
25
- PBCard(padding: Spacing.large) {
26
- Text("Large").pbFont(.body)
27
- }
28
-
29
- PBCard(padding: Spacing.xLarge) {
30
- Text("X Large").pbFont(.body)
31
- }
32
- }
33
- ```
data/app/pb_kits/playbook/pb_card/docs/_card_props_swift.md DELETED
@@ -1,10 +0,0 @@
1
- ### Props
2
- | Name | Type | Description | Default | Values |
3
- | --- | ----------- | --------- | --------- | --------- |
4
- | **Background Color** | `Color` | Changes background color | `.card` | `Color` |
5
- | **Border** | `Bool` | Adds border around the Card | `true` | `true` `false` |
6
- | **Border Radius** | `CGFloat` | Specifies the roundness of the Card | `BorderRadius.medium` | `BorderRadius.none` `BorderRadius.xSmall` `BorderRadius.small` `BorderRadius.medium` `BorderRadius.large` `BorderRadius.xLarge` `BorderRadius.rounded` |
7
- | **Highlight** | `Highlight` | Adds a border accent color | `.none` | `Color` |
8
- | **Padding** | `CGFloat` | Applies padding between text and border | `Spacing.medium` | `Spacing.none` `Spacing.xxSmall` `Spacing.xSmall` `Spacing.small` `Spacing.medium` `Spacing.large` `Spacing.xLarge` |
9
- | **Style** | `PBCardStyle` | Specifies the color of the border | `.default` | `.default` `.selected` `.error` `.inline` |
10
- | **Shadow** | `Shadow` | Applies shadow | `nil` | `Shadow.deep` `Shadow.deeper` `Shadow.deepest` `Shadow.none` |
data/app/pb_kits/playbook/pb_card/docs/_card_separator_swift.md DELETED
@@ -1,11 +0,0 @@
1
- ![card-separator](https://github.com/powerhome/playbook/assets/92755007/5988d360-d603-4a11-b928-16fe57dc1aea)
2
-
3
- ```swift
4
- PBCard(padding: Spacing.none) {
5
- Text("Header").pbFont(.body).padding(Spacing.small)
6
- PBSectionSeparator()
7
- Text(loremIpsum).pbFont(.body).padding(Spacing.small)
8
- PBSectionSeparator()
9
- Text("Footer").pbFont(.body).padding(Spacing.small)
10
- }
11
- ```
data/app/pb_kits/playbook/pb_card/docs/_card_shadow_swift.md DELETED
@@ -1,21 +0,0 @@
1
- ![card-shadow](https://github.com/powerhome/playbook/assets/92755007/7dd7edc1-a2b1-4e91-b271-9c897c9ededd)
2
-
3
- ```swift
4
- VStack(spacing: Spacing.small) {
5
- PBCard(shadow: Shadow.deep) {
6
- Text("Deep").pbFont(.body)
7
- }
8
-
9
- PBCard(shadow: Shadow.deeper) {
10
- Text("Deeper").pbFont(.body)
11
- }
12
-
13
- PBCard(shadow: Shadow.deepest) {
14
- Text("Deepest").pbFont(.body)
15
- }
16
-
17
- PBCard(shadow: Shadow.none) {
18
- Text("None").pbFont(.body)
19
- }
20
- }
21
- ```
data/app/pb_kits/playbook/pb_card/docs/_card_styles_swift.md DELETED
@@ -1,17 +0,0 @@
1
- ![card-styles](https://github.com/powerhome/playbook/assets/92755007/b6ea347b-6a7b-46e8-b4ce-213727587499)
2
-
3
- ```swift
4
- VStack(alignment: .leading, spacing: Spacing.small) {
5
- PBCard {
6
- Text("Card Context").pbFont(.body)
7
- }
8
-
9
- PBCard(style: .selected()) {
10
- Text("Card Context").pbFont(.body)
11
- }
12
-
13
- PBCard(style: .error) {
14
- Text("Card Context").pbFont(.body)
15
- }
16
- }
17
- ```
data/app/pb_kits/playbook/pb_card/docs/_card_tag_swift.md DELETED
File without changes