playbook_ui_docs 13.10.0.pre.alpha.play10561428 → 13.10.0.pre.alpha.webpackerregistercomponents1463

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui_docs
 version: !ruby/object:Gem::Version
-  version: 13.10.0.pre.alpha.play10561428
+  version: 13.10.0.pre.alpha.webpackerregistercomponents1463
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2023-11-07 00:00:00.000000000 Z
+date: 2023-11-10 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: playbook_ui
@@ -255,11 +255,15 @@ files:
 - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_custom.jsx
 - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_default.html.erb
 - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_default.jsx
+- app/pb_kits/playbook/pb_checkbox/docs/_checkbox_default_swift.md
 - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_error.html.erb
 - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_error.jsx
+- app/pb_kits/playbook/pb_checkbox/docs/_checkbox_error_swift.md
 - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_indeterminate.html.erb
 - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_indeterminate.jsx
+- app/pb_kits/playbook/pb_checkbox/docs/_checkbox_indeterminate_swift.md
 - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_options.html.erb
+- app/pb_kits/playbook/pb_checkbox/docs/_checkbox_props_swift.md
 - app/pb_kits/playbook/pb_checkbox/docs/_description.md
 - app/pb_kits/playbook/pb_checkbox/docs/example.yml
 - app/pb_kits/playbook/pb_checkbox/docs/index.js
@@ -732,6 +736,9 @@ files:
 - app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color.html.erb
 - app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color.jsx
 - app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color.md
+- app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color_props.md
+- app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color_swift.md
+- app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_defaul_swift.md
 - app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_default.html.erb
 - app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_default.jsx
 - app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_emoji.html.erb
@@ -739,6 +746,7 @@ files:
 - app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_emoji.md
 - app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_sizes.html.erb
 - app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_sizes.jsx
+- app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_sizes_swift.md
 - app/pb_kits/playbook/pb_icon_circle/docs/example.yml
 - app/pb_kits/playbook/pb_icon_circle/docs/index.js
 - app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_color.html.erb
@@ -1513,13 +1521,9 @@ files:
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.md
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_selectors.html.erb
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_selectors.md
-- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_truncated.html.erb
-- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_truncated.jsx
-- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_truncated.md
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_with_icon_circle.html.erb
 - app/pb_kits/playbook/pb_tooltip/docs/example.yml
 - app/pb_kits/playbook/pb_tooltip/docs/index.js
-- app/pb_kits/playbook/pb_tooltip/docs/styles.css
 - app/pb_kits/playbook/pb_treemap_chart/docs/_description.md
 - app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_colors.html.erb
 - app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_colors.jsx

data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_truncated.html.erb

@@ -1,31 +0,0 @@
-<%= pb_rails("flex", props: { gap: "md", justify: "center", wrap: true }) do %>
-  <%= pb_rails("flex/flex_item") do %>
-    <span id='truncated-tooltip-2' style="
-      display: inline-block;
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      max-width: 65px;
-    ">Tooltip for truncation only</span>
-    <%= pb_rails("tooltip", props: {
-      trigger_element_selector: "#truncated-tooltip-2",
-      tooltip_id: "truncated-2",
-      position: 'left',
-      truncation_enabled: true
-    }) do %>
-        Tooltip for truncation only
-    <% end %>
-  <% end %>
-  <%= pb_rails("flex/flex_item") do %>
-    <span id='truncated-tooltip-1'>Tooltip for truncation only</span>
-    <%= pb_rails("tooltip", props: {
-      trigger_element_selector: "#truncated-tooltip-1",
-      tooltip_id: "truncated-1",
-      position: 'left',
-      truncation_enabled: true
-    }) do %>
-        Tooltip for truncation only
-    <% end %>
-  <% end %>
-  
-<% end %>

data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_truncated.jsx

@@ -1,45 +0,0 @@
-// @flow
-
-import React from 'react'
-import { Tooltip, Flex, FlexItem } from '../..'
-import './styles.css'
-
-const TooltipTruncated = (props) => {
-
-  return (
-   <Flex 
-       flexDirection='row'
-       gap='md'
-       justifyContent='center'
-       wrap
-   >
-    <FlexItem>
-      <Tooltip 
-          className='tooltip-text-truncation short'
-          style={{
-            'backgroundColor': 'red'
-          }}
-          text='Tooltip for truncation only short' 
-          truncationEnabled
-          zIndex={10}
-          {...props}
-      >
-        {'Tooltip for truncation only'}
-      </Tooltip>
-    </FlexItem>
-    <FlexItem>
-      <Tooltip 
-          className='tooltip-text-truncation long'
-          text='Tooltip for truncation only' 
-          truncationEnabled
-          zIndex={10}
-          {...props}
-      >
-        {'Tooltip for truncation only'}
-      </Tooltip>
-    </FlexItem>
-   </Flex>
-  )
-}
-
-export default TooltipTruncated

data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_truncated.md

@@ -1,5 +0,0 @@
-If your implementation involves truncated text, you can set the `truncationEnabled` prop to `true` and only display the tooltip when the trigger element is truncated.
-
-When activated, the component checks whether the trigger element's scrollWidth is equal to its clientWidth, or if the scrollWidth is equal to 0. If either of these conditions is met, the tooltip won't be displayed because the text is not truncated.
-
-This feature only works alongside with CSS `ellipsis` and setting a `max-width` for the trigger element. Check the CSS applied in the example above for details.

data/app/pb_kits/playbook/pb_tooltip/docs/styles.css

@@ -1,13 +0,0 @@
-.tooltip-text-truncation {
-  display: inline-block !important;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.tooltip-text-truncation.short {
-  max-width: 65px;
-}
-
-.tooltip-text-truncation.long {
-  max-width: 180px;
-}