playbook_ui_docs 13.10.0.pre.alpha.play10561409 → 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.play10561409
+  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-06 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: 100px;
-    ">This is a truncated tooltip trigger.</span>
-    <%= pb_rails("tooltip", props: {
-      trigger_element_selector: "#truncated-tooltip-2",
-      tooltip_id: "truncated-2",
-      position: 'left',
-      truncatable: true
-    }) do %>
-        This is a truncated tooltip trigger.
-    <% end %>
-  <% end %>
-  <%= pb_rails("flex/flex_item") do %>
-    <span id='truncated-tooltip-1'>This tooltip trigger is not truncated.</span>
-    <%= pb_rails("tooltip", props: {
-      trigger_element_selector: "#truncated-tooltip-1",
-      tooltip_id: "truncated-1",
-      position: 'left',
-      truncatable: true
-    }) do %>
-        This tooltip trigger is not truncated.
-    <% 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'
-          style={{
-            'backgroundColor': 'red'
-          }}
-          text='This is a truncated tooltip trigger.' 
-          truncatable
-          zIndex={10}
-          {...props}
-      >
-        {'This is a truncated tooltip trigger.'}
-      </Tooltip>
-    </FlexItem>
-    <FlexItem>
-      <Tooltip 
-          className='tooltip-text-truncation'
-          text='This is a truncated tooltip trigger.' 
-          truncatable
-          zIndex={10}
-          {...props}
-      >
-        {'This'}
-      </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 `truncatable` 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,7 +0,0 @@
-.tooltip-text-truncation {
-  display: inline-block !important;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  max-width: 100px;
-}