playbook_ui_docs 14.3.0.pre.alpha.revert3654PBNTR479removeextraspacingfromradiochildren3734 → 14.3.0.pre.rc.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: ab93c8dd0ab0a5618620fbb9e684eedf2b1f83e05007641cbcda0f7b7f23d4c3
-  data.tar.gz: 43cd4cc453785e1b63c18c6fc3d33130e8e3f8eefc98455732633b2e5c615727
+  metadata.gz: d1e7211ecf7112716670cb3bbb193ce80ea642e788ae9fd4e109f50deb8a7456
+  data.tar.gz: 9222fdd7c1417ec2ef587b62f13059a47a997460aa6aedf4dc02172190c20aad
 SHA512:
-  metadata.gz: bdcc82307a561dc425accb0eb8e2f6615aefabf256e3bf2cc8e5c29599e67e0240575f8dc789caa796a1f654a078bc4ea0e5349fa72ae64636baa6df3a342969
-  data.tar.gz: e885b778d86a923de98f8471f646c0d077677b38c4c86da6b5423e0efa2abfe0752ed3256fb164a6c4a69b7ac6977a1a24ccde19effee64d5e619062b070ea59
+  metadata.gz: 2c35ac6daf6a5048faaebda4695de2e6c9c35f395e3c62618bb0475680ff4575e81dae602afe5c3f4972c1ba68bd45077372f35e6d6d896b04ae7c7f5296f22f
+  data.tar.gz: 1a6a5a48dcbf3b39197596f2dfc1794573d1c790903e87168303ca44c958d6282e207687f9f81400778d6e1bbb9a7fa69874e08b39eeeadcd617520ced1951fb

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

@@ -3,10 +3,8 @@ examples:
   rails:
   - circle_icon_button_default: Default
   - circle_icon_button_link: Link
-  - circle_icon_button_loading: Loading
   
   react:
   - circle_icon_button_default: Default
   - circle_icon_button_click: Click Handler
   - circle_icon_button_link: Link
-  - circle_icon_button_loading: Loading

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

@@ -1,4 +1,3 @@
 export { default as CircleIconButtonDefault } from './_circle_icon_button_default.jsx'
 export { default as CircleIconButtonClick } from './_circle_icon_button_click.jsx'
 export { default as CircleIconButtonLink } from './_circle_icon_button_link.jsx'
-export { default as CircleIconButtonLoading } from './_circle_icon_button_loading.jsx'

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

@@ -9,7 +9,6 @@ examples:
   - collapsible_external_controls_multiple: Toggle All Collapsibles With One Control
   - collapsible_custom_main_rails: Custom Main Section
   - collapsible_custom_main_with_icon_rails: Custom Main Section With Icon
-  - collapsible_no_icon: No Icon
 
 
   react:
@@ -20,7 +19,6 @@ examples:
   - collapsible_state: useCollapsible Hook
   - collapsible_custom_main: Custom Main Section
   - collapsible_custom_main_with_icon: Custom Main Section With Icon
-  - collapsible_no_icon: No Icon
 
 
 

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

@@ -4,5 +4,4 @@ export { default as CollapsibleColor } from './_collapsible_color.jsx'
 export { default as CollapsibleIcons } from './_collapsible_icons.jsx'
 export { default as CollapsibleState } from './_collapsible_state.jsx'
 export { default as CollapsibleCustomMain } from './_collapsible_custom_main.jsx'
-export { default as CollapsibleCustomMainWithIcon } from './_collapsible_custom_main_with_icon.jsx'
-export { default as CollapsibleNoIcon } from './_collapsible_no_icon.jsx'
+export { default as CollapsibleCustomMainWithIcon } from './_collapsible_custom_main_with_icon.jsx'

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

@@ -10,7 +10,6 @@ examples:
   - dialog_stacked_alert: Stacked Button Alert
   - dialog_full_height: Full Height
   - dialog_full_height_placement: Full Height Placement
-  - dialog_loading: Loading
 
 
   react:

data/app/pb_kits/playbook/pb_hashtag/docs/_hashtag_link.html.erb

@@ -2,4 +2,4 @@
 
 <br/><br/>
 
-<%= pb_rails("hashtag", props: {text: "Open in a new Window", url: "https://google.com", type: "project", target: "_blank"}) %>
+<%= pb_rails("hashtag", props: {text: "Open in a new Window", url: "https://google.com", type: "project", new_window: true}) %>

data/app/pb_kits/playbook/pb_hashtag/docs/_hashtag_link.jsx

@@ -13,7 +13,7 @@ const HashtagLink = (props) => {
       <br />
       <br />
       <Hashtag
-          target="_blank"
+          newWindow
           text="Open in a new window"
           type="project"
           url="https://google.com"

data/app/pb_kits/playbook/pb_hashtag/docs/_hashtag_link.md

@@ -1 +1 @@
-Use the `target` prop to control whether the link opens on the same or a new tab (same page is the default behavior). You can use any [web/standard](https://www.w3schools.com/tags/att_a_target.asp) values or a custom string to specify your link target.
+Use the newWindow/new_window prop to control whether the link opens on the same page or a new tab (same page is the default behavior)

data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_link.html.erb

@@ -5,7 +5,7 @@
   home_id: 8250263,
   home_url: "https://powerhrg.com/",
   house_style: "Colonial",
-  target: "_blank",
+  new_window: true,
   state: "PA",
   zipcode: "19382",
   territory: "PHL",

data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_link.jsx

@@ -11,8 +11,8 @@ const HomeAddressStreetLink= (props) => {
         homeId={8250263}
         homeUrl="https://powerhrg.com/"
         houseStyle="Colonial"
+        newWindow
         state="PA"
-        target="_blank"
         territory="PHL"
         zipcode="19382"
         {...props}

data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_link.md

@@ -1 +1 @@
-Use the `target` prop to control whether the link opens on the same or a new tab (same page is the default behavior). You can use any [web/standard](https://www.w3schools.com/tags/att_a_target.asp) values or a custom string to specify your link target.
+Use the `newWindow` / `new_window` prop to control whether the link opens on the same page or a new tab (same page is the default behavior)

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

@@ -13,7 +13,6 @@ examples:
   - nav_with_font_control: Nav With Font Control
   - collapsible_nav: Collapsible Nav
   - collapsible_nav_with_all_options: Collapsible Nav With Options
-  - collapsible_nav_no_icon: Collapsible Nav No Icon
   - horizontal_nav: Horizontal Nav
   - subtle_horizontal_nav: Subtle Horizontal Nav
   - bold_horizontal_nav: Bold Horizontal Nav
@@ -38,7 +37,6 @@ examples:
   - collapsible_nav_with_all_options: Collapsible Nav With Options
   - collapsible_nav_item_spacing: Collapsible Nav With ItemSpacing
   - collapsible_nav_custom: Collapsible Nav With Custom Toggling
-  - collapsible_nav_no_icon: Collapsible Nav No Icon
   - horizontal_nav: Horizontal Nav
   - subtle_horizontal_nav: Subtle Horizontal Nav
   - bold_horizontal_nav: Bold Horizontal Nav

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

@@ -15,8 +15,7 @@ export { default as BoldHorizontalNav } from './_bold_horizontal_nav.jsx'
 export { default as BoldVerticalNav } from './_bold_vertical_nav.jsx'
 export { default as CollapsibleNav } from './_collapsible_nav.jsx'
 export { default as CollapsibleNavCustom } from './_collapsible_nav_custom.jsx'
-export { default as CollapsibleNavWithAllOptions} from "./_collapsible_nav_with_all_options.jsx"
+export {default as CollapsibleNavWithAllOptions} from "./_collapsible_nav_with_all_options.jsx"
 export { default as NavWithFontControl } from "./_nav_with_font_control.jsx"
-export { default as NavWithSpacingControl } from "./_nav_with_spacing_control.jsx"
-export { default as CollapsibleNavItemSpacing } from "./_collapsible_nav_item_spacing.jsx"
-export { default as CollapsibleNavNoIcon } from "./_collapsible_nav_no_icon.jsx"
+export {default as NavWithSpacingControl } from "./_nav_with_spacing_control.jsx"
+export {default as CollapsibleNavItemSpacing } from "./_collapsible_nav_item_spacing.jsx"

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

@@ -14,7 +14,6 @@ examples:
   - radio_error: With Error
   - radio_alignment: Alignment
   - radio_disabled: Disabled
-  - radio_children: Children
 
   swift:
   - radio_default_swift: Default

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

@@ -3,4 +3,3 @@ export { default as RadioCustom } from './_radio_custom.jsx'
 export { default as RadioError } from './_radio_error.jsx'
 export { default as RadioAlignment } from './_radio_alignment.jsx'
 export { default as RadioDisabled } from './_radio_disabled.jsx'
-export { default as RadioChildren } from './_radio_children.jsx'

data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_preview.html.erb

@@ -1,7 +1,7 @@
 
 <%= pb_rails("rich_text_editor", props: { id: "content-preview-editor" }) %>
 <div id="card-obfuscation" style="display:none">
-  <%= pb_rails("card", props: { margin_top: "md", max_width: "md", padding: "sm" }) do %>
+  <%= pb_rails("card", props: { margin_top: "md" }) do %>
    <div id="content-preview" class="trix-content">
    </div>
   <% end %>
@@ -11,25 +11,15 @@
 <% end %>
 
 <script>
-  document.addEventListener('DOMContentLoaded', () => {
-    function handleButtonClick() {
-      const editorContainer = [...document.querySelectorAll('[data-react-props]')]
-        .find(element => element.getAttribute('data-react-props')?.includes('"id":"content-preview-editor"'))
+  // Button event handler
+  const button = document.getElementById('preview-button');
+  button.addEventListener('click', function() {
+    const content = document.getElementById('content-preview-editor');
+    const previewArea = document.getElementById('content-preview');
+    const cardDiv = document.getElementById('card-obfuscation');
 
-      const editorElement = editorContainer?.querySelector('trix-editor')
-      const inputId = editorElement?.getAttribute('input')
-      const inputElement = inputId && document.getElementById(inputId)
-      
-      const editorContent = inputElement?.value || '' 
-      const previewArea = document.getElementById('content-preview')
-      const cardDiv = document.getElementById('card-obfuscation')
-
-      if (previewArea && cardDiv) {
-        previewArea.innerHTML = editorContent 
-        cardDiv.style.display = 'block'
-      }
-    }
-
-    document.getElementById('preview-button')?.addEventListener('click', handleButtonClick)
-  })
+    previewArea.innerHTML = content.value;
+    cardDiv.classList.add('mt_md');
+    cardDiv.style.display = 'block';
+  });
 </script>

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

@@ -7,7 +7,6 @@ examples:
     - star_rating_number_config: Number Config
     - star_rating_size_options: Size Options
     - star_rating_interactive: Interactive
-    - star_rating_default_value: Default Value
 
   react:
     - star_rating_default: Default

data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_elapsed.html.erb

@@ -8,7 +8,7 @@
 <br>
 
 <%= pb_rails("timestamp", props: {
-  timestamp: DateTime.now - 3.months,
+  timestamp: DateTime.now,
   variant: "elapsed",
   show_user: false
 }) %>
@@ -16,7 +16,7 @@
 <br>
 
 <%= pb_rails("timestamp", props: {
-  timestamp: DateTime.now - 320.days,
+  timestamp: DateTime.now,
   variant: "elapsed",
   show_user: false,
   hide_updated: true