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

Sign up to get free protection for your applications and to get access to all the features.
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: playbook_ui_docs
3
3
  version: !ruby/object:Gem::Version
4
- version: 13.10.0.pre.alpha.play10561428
4
+ version: 13.10.0.pre.alpha.webpackerregistercomponents1463
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-07 00:00:00.000000000 Z
12
+ date: 2023-11-10 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: playbook_ui
@@ -255,11 +255,15 @@ files:
255
255
  - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_custom.jsx
256
256
  - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_default.html.erb
257
257
  - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_default.jsx
258
+ - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_default_swift.md
258
259
  - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_error.html.erb
259
260
  - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_error.jsx
261
+ - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_error_swift.md
260
262
  - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_indeterminate.html.erb
261
263
  - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_indeterminate.jsx
264
+ - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_indeterminate_swift.md
262
265
  - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_options.html.erb
266
+ - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_props_swift.md
263
267
  - app/pb_kits/playbook/pb_checkbox/docs/_description.md
264
268
  - app/pb_kits/playbook/pb_checkbox/docs/example.yml
265
269
  - app/pb_kits/playbook/pb_checkbox/docs/index.js
@@ -732,6 +736,9 @@ files:
732
736
  - app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color.html.erb
733
737
  - app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color.jsx
734
738
  - app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color.md
739
+ - app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color_props.md
740
+ - app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color_swift.md
741
+ - app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_defaul_swift.md
735
742
  - app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_default.html.erb
736
743
  - app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_default.jsx
737
744
  - app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_emoji.html.erb
@@ -739,6 +746,7 @@ files:
739
746
  - app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_emoji.md
740
747
  - app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_sizes.html.erb
741
748
  - app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_sizes.jsx
749
+ - app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_sizes_swift.md
742
750
  - app/pb_kits/playbook/pb_icon_circle/docs/example.yml
743
751
  - app/pb_kits/playbook/pb_icon_circle/docs/index.js
744
752
  - app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_color.html.erb
@@ -1513,13 +1521,9 @@ files:
1513
1521
  - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.md
1514
1522
  - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_selectors.html.erb
1515
1523
  - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_selectors.md
1516
- - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_truncated.html.erb
1517
- - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_truncated.jsx
1518
- - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_truncated.md
1519
1524
  - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_with_icon_circle.html.erb
1520
1525
  - app/pb_kits/playbook/pb_tooltip/docs/example.yml
1521
1526
  - app/pb_kits/playbook/pb_tooltip/docs/index.js
1522
- - app/pb_kits/playbook/pb_tooltip/docs/styles.css
1523
1527
  - app/pb_kits/playbook/pb_treemap_chart/docs/_description.md
1524
1528
  - app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_colors.html.erb
1525
1529
  - app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_colors.jsx
@@ -1,31 +0,0 @@
1
- <%= pb_rails("flex", props: { gap: "md", justify: "center", wrap: true }) do %>
2
- <%= pb_rails("flex/flex_item") do %>
3
- <span id='truncated-tooltip-2' style="
4
- display: inline-block;
5
- white-space: nowrap;
6
- overflow: hidden;
7
- text-overflow: ellipsis;
8
- max-width: 65px;
9
- ">Tooltip for truncation only</span>
10
- <%= pb_rails("tooltip", props: {
11
- trigger_element_selector: "#truncated-tooltip-2",
12
- tooltip_id: "truncated-2",
13
- position: 'left',
14
- truncation_enabled: true
15
- }) do %>
16
- Tooltip for truncation only
17
- <% end %>
18
- <% end %>
19
- <%= pb_rails("flex/flex_item") do %>
20
- <span id='truncated-tooltip-1'>Tooltip for truncation only</span>
21
- <%= pb_rails("tooltip", props: {
22
- trigger_element_selector: "#truncated-tooltip-1",
23
- tooltip_id: "truncated-1",
24
- position: 'left',
25
- truncation_enabled: true
26
- }) do %>
27
- Tooltip for truncation only
28
- <% end %>
29
- <% end %>
30
-
31
- <% end %>
@@ -1,45 +0,0 @@
1
- // @flow
2
-
3
- import React from 'react'
4
- import { Tooltip, Flex, FlexItem } from '../..'
5
- import './styles.css'
6
-
7
- const TooltipTruncated = (props) => {
8
-
9
- return (
10
- <Flex
11
- flexDirection='row'
12
- gap='md'
13
- justifyContent='center'
14
- wrap
15
- >
16
- <FlexItem>
17
- <Tooltip
18
- className='tooltip-text-truncation short'
19
- style={{
20
- 'backgroundColor': 'red'
21
- }}
22
- text='Tooltip for truncation only short'
23
- truncationEnabled
24
- zIndex={10}
25
- {...props}
26
- >
27
- {'Tooltip for truncation only'}
28
- </Tooltip>
29
- </FlexItem>
30
- <FlexItem>
31
- <Tooltip
32
- className='tooltip-text-truncation long'
33
- text='Tooltip for truncation only'
34
- truncationEnabled
35
- zIndex={10}
36
- {...props}
37
- >
38
- {'Tooltip for truncation only'}
39
- </Tooltip>
40
- </FlexItem>
41
- </Flex>
42
- )
43
- }
44
-
45
- export default TooltipTruncated
@@ -1,5 +0,0 @@
1
- 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.
2
-
3
- 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.
4
-
5
- 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.
@@ -1,13 +0,0 @@
1
- .tooltip-text-truncation {
2
- display: inline-block !important;
3
- white-space: nowrap;
4
- overflow: hidden;
5
- text-overflow: ellipsis;
6
- }
7
- .tooltip-text-truncation.short {
8
- max-width: 65px;
9
- }
10
-
11
- .tooltip-text-truncation.long {
12
- max-width: 180px;
13
- }