playbook_ui_docs 13.11.1.pre.alpha.play900startratingasinput1530 → 13.12.0.pre.alpha.PLAY1051removinghighchartsdependency1551

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: bcb6e2d4e402fb9dc2a31c2ed7f4de54261939ac25ed748bf940d9a886842806
-  data.tar.gz: b71718f353abc27312a7365debd7d21be1180f42d7fb36edf33b4eceb6411ed1
+  metadata.gz: c9df14b28c1ca4fc9acf529529255cdfcfef90dc5170759e2975fbecf7d89b95
+  data.tar.gz: d9670b6bba9f81f482ae431e03ed89fe7eb87eece121a6278e6f69d127cc2691
 SHA512:
-  metadata.gz: d19bed2d987dbd19b39fded39bad4e08b138eb68d75f94b884dbf8c30e7194069f9809f3721be611a60c02e7259265b3b02910465ff7f3a4e7ba5665c2e84af2
-  data.tar.gz: 217a761c4352a139e8636f7ed6161bdb91e8f1740c7f57ad2316e63469b7e797ea2cdc064e296b0621ceac4930e43b5fa33dbdaf4122e832dd321cdfa56ee271
+  metadata.gz: e67e7a66e4b5ea9b274a1c58f3f0f633e9db6a27c8ee056c0db71957abd8864da641ea1e14353dd41d535cea6167db9c9a08bcbbf9d5bd370323eaeb363db22d
+  data.tar.gz: df935246e0fcb28b01c4c55f56c39aadd49822d9719326a7ed5610f316ff35ab1a03bdd495555ea9e5adf0800a84b129cd607f5f308156429757fe7cc09489f1

data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_children_swift.md

@@ -0,0 +1,14 @@
+
+![section-separator-children](https://github.com/powerhome/playbook/assets/92755007/acd6a8eb-d034-4efd-b2e6-afabe739e678)
+
+```swift
+
+PBSectionSeparator(variant: .dashed) {
+  PBCard(alignment: .center, borderRadius: BorderRadius.rounded, padding: Spacing.xxSmall, width: 70) {
+    Text("Today")
+      .pbFont(.caption)
+      .frame(maxWidth: .infinity, alignment: .center)
+  }
+}
+
+```

data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_dashed_swift.md

@@ -0,0 +1,7 @@
+![section-separator-dashed](https://github.com/powerhome/playbook/assets/92755007/e4f01870-3d90-4655-9136-5c7565711e1f)
+
+```swift
+
+PBSectionSeparator(variant: .dashed)
+
+```

data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_line_swift.md

@@ -0,0 +1,8 @@
+
+![section-separator-default](https://github.com/powerhome/playbook/assets/92755007/2560d5e2-f345-42d2-bad9-2a2e031b3e08)
+
+```swift
+
+PBSectionSeparator()
+
+```

data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_props_swift.md

@@ -0,0 +1,8 @@
+### Props
+| Name | Type | Description | Default | Values |
+| --- | ----------- | --------- | --------- | --------- |
+| **text** | `String` | Adds text to the Section Separator | `nil` |  |
+| **orientation** | `Orientation` | Changes the orientation | `.horizontal` | `.horizontal` `.vertical` |
+| **variant** | `Variant` | Changes the style of the Section Separator | `.card` | `.dashed` `.card` |
+| **dividerOpacity** | `CGFloat` | Adjusts the opacity of the divider | `1` |  |
+| **margin** | `CGFloat` | Adds margin between text and the divider | `Spacing.xSmall` | `Spacing.none` `Spacing.xxSmall` `Spacing.xSmall` `Spacing.small` `Spacing.medium` `Spacing.large` `Spacing.xLarge` |

data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_text_swift.md

@@ -0,0 +1,7 @@
+![section-separator-text](https://github.com/powerhome/playbook/assets/92755007/4b481a7d-d001-43b6-b779-cfdc6fffc15f)
+
+```swift
+
+PBSectionSeparator("Text separator")
+
+```

data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical_swift.md

@@ -0,0 +1,18 @@
+![section-separator-verticle](https://github.com/powerhome/playbook/assets/92755007/21ca54a5-6b8a-459f-91ad-4e9b68258f68)
+
+```swift
+
+let loremIpsum: some View = Text(
+  "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididt labore et dolore"
+)
+
+HStack(spacing: Spacing.none) {
+  "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididt labore et dolore"
+  PBSectionSeparator(orientation: .vertical)
+  "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididt labore et dolore"
+}
+.frame(maxWidth: .infinity)
+.frame(height: 120, alignment: .center)
+.listRowSeparator(.hidden)
+
+```

data/app/pb_kits/playbook/pb_section_separator/docs/example.yml

@@ -13,3 +13,11 @@ examples:
   - section_separator_text: Text Separator
   - section_separator_vertical: Vertical
   - section_separator_children: Children
+
+  swift:
+  - section_separator_line_swift: Line Separator
+  - section_separator_dashed_swift: Dashed Separator
+  - section_separator_text_swift: Text Separator
+  - section_separator_vertical_swift: Vertical
+  - section_separator_children_swift: Children
+  - section_separator_props_swift: ""

data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_default.html.erb

@@ -2,22 +2,12 @@
 
 <br>
 
-<%= pb_rails("star_rating", props: { rating: 1 }) %>
-
-<br>
-
-<%= pb_rails("star_rating", props: { rating: 2}) %>
-
-<br>
-
 <%= pb_rails("star_rating", props: { rating: 3 }) %>
 
 <br>
 
-<%= pb_rails("star_rating", props: { rating: 4 }) %>
+<%= pb_rails("star_rating", props: { rating: 1.5 }) %>
 
 <br>
 
 <%= pb_rails("star_rating", props: { rating: 5 }) %>
-
-<br>

data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_default.jsx

@@ -4,21 +4,7 @@ import StarRating from '../_star_rating'
 
 const StarRatingDefault = (props) => (
   <>
-    <StarRating {...props} />
-
-    <br />
-
-    <StarRating
-        rating={0.9}
-        {...props}
-    />
-
-    <br />
-
-    <StarRating
-        rating={1.5}
-        {...props}
-    />
+    <StarRating />
 
     <br />
 
@@ -30,11 +16,10 @@ const StarRatingDefault = (props) => (
     <br />
 
     <StarRating
-        rating={4.2}
+        rating={1.5}
         {...props}
     />
 
-
     <br />
 
     <StarRating

data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_hide.html.erb

@@ -1,6 +1 @@
-<%= pb_rails("star_rating", props: { rating: 3 }) %>
-</br>
-<%= pb_rails("star_rating", props: { rating: 3, layout_option: "number" }) %>
-</br>
-<%= pb_rails("star_rating", props: { rating: 3, layout_option: "onestar" }) %>
-</br>
+<%= pb_rails("star_rating", props: { rating: 3.5, hide_rating: true }) %>

data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_hide.jsx

@@ -3,30 +3,13 @@ import React from 'react'
 import StarRating from '../_star_rating'
 
 const StarRatingHide = (props) => (
-  <>
 
-    <StarRating
-        rating={3}
-        {...props}
-    />
+  <StarRating
+      hideRating
+      rating={3.5}
+      {...props}
+  />
 
-    <br />
-
-    <StarRating
-        layoutOption={"number"}
-        rating={3}
-        {...props}
-    />
-
-    <br />
-
-    <StarRating
-        layoutOption={"onestar"}
-        rating={3}
-        {...props}
-    />
-
-  </>
 )
 
 export default StarRatingHide

data/app/pb_kits/playbook/pb_star_rating/docs/example.yml

@@ -1,14 +1,9 @@
 examples:
+
   rails:
-    - star_rating_default: Default
-    - star_rating_color_options: Color Options
-    - star_rating_hide: Layout Options
-    - star_rating_number_config: Number Config
-    - star_rating_size_options: Size Options
+  - star_rating_default: Default
+  - star_rating_hide: Hide Rating Value
 
   react:
-    - star_rating_default: Default
-    - star_rating_color_options: Color Options
-    - star_rating_hide: Layout Options
-    - star_rating_number_config: Number Config
-    - star_rating_size_options: Size Options
+  - star_rating_default: Default
+  - star_rating_hide: Hide Rating Value

data/app/pb_kits/playbook/pb_star_rating/docs/index.js

@@ -1,9 +1,3 @@
 export { default as StarRatingDefault } from './_star_rating_default.jsx'
 
-export { default as StarRatingColorOptions } from './_star_rating_color_options.jsx'
-
 export { default as StarRatingHide } from './_star_rating_hide.jsx'
-
-export { default as StarRatingNumberConfig } from './_star_rating_number_config.jsx'
-
-export { default as StarRatingSizeOptions } from './_star_rating_size_options.jsx'

data/app/pb_kits/playbook/pb_textarea/docs/_textarea_default_swift.md

@@ -0,0 +1,27 @@
+![textarea-default](https://github.com/powerhome/playbook/assets/92755007/40eec958-63d7-4840-bf5c-f8d1e34c911a)
+
+```swift
+
+@State var defaultText = ""
+@State var placeholderText = ""
+@State var customText = "Default value text"
+
+VStack(alignment: .leading, spacing: Spacing.small) {
+  PBTextArea(
+    "Label",
+    text: $defaultText
+  )
+
+  PBTextArea(
+    "Label",
+    text: $placeholderText,
+    placeholder: "Placeholder with text"
+  )
+
+  PBTextArea(
+    "Label",
+    text: $customText
+  )
+}
+
+```

data/app/pb_kits/playbook/pb_textarea/docs/_textarea_error_swift.md

@@ -0,0 +1,11 @@
+![textarea-error](https://github.com/powerhome/playbook/assets/92755007/6d47a914-ea0b-4fbc-9f2a-6237935a3b4c)
+
+```swift
+
+PBTextArea(
+  "Label",
+  text: $errorText,
+  error: "This field has an error!"
+)
+
+```

data/app/pb_kits/playbook/pb_textarea/docs/_textarea_props_swift.md

@@ -0,0 +1,9 @@
+### Props
+| Name | Type | Description | Default | Values |
+| --- | ----------- | --------- | --------- | --------- |
+| **characterCount** | `CharacterCount` | Adds a character counter to the Textarea | `.noCount` | `.noCount` `.count` `.maxCharacterCount` `.maxCharacterCountBlock` `.maxCharacterCountError` |
+| **inline** | `Bool` | Changes the style of the Textarea | `false` | `true` `false` |
+| **label** | `String` | Adds a label | `nil` |  |
+| **placeholder** | `String` | Adds placeholder text | `nil` |  |
+| **text** | `String` | Sets the Textarea's text value | `Binding<String>` |  |
+| **error** | `String` | Changes the style of the Textarea | `nil` |  |

data/app/pb_kits/playbook/pb_textarea/docs/example.yml

@@ -15,3 +15,8 @@ examples:
   - textarea_error: Textarea w/ Error
   - textarea_character_counter: Character Counter
   - textarea_inline: Inline
+
+  swift:
+  - textarea_default_swift: Default
+  - textarea_error_swift: Textarea w/ Error
+  - textarea_props_swift: ""