playbook_ui_docs 14.6.2.pre.alpha.PBNTR633dropdownavailablepropstable4380 → 14.6.2.pre.alpha.PLAY1485selectablecardoverflowoutlinebug4247

Sign up to get free protection for your applications and to get access to all the features.
Files changed (30) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_currency/docs/example.yml +1 -3
  3. data/app/pb_kits/playbook/pb_currency/docs/index.js +0 -1
  4. data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text.html.erb +1 -24
  5. data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text.jsx +2 -25
  6. data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text.md +1 -0
  7. data/app/pb_kits/playbook/pb_timeline/docs/example.yml +1 -2
  8. data/app/pb_kits/playbook/pb_timeline/docs/index.js +0 -1
  9. data/dist/playbook-doc.js +1 -1
  10. metadata +3 -22
  11. data/app/pb_kits/playbook/pb_currency/docs/_currency_comma_separator.html.erb +0 -7
  12. data/app/pb_kits/playbook/pb_currency/docs/_currency_comma_separator.jsx +0 -18
  13. data/app/pb_kits/playbook/pb_currency/docs/_currency_comma_separator.md +0 -3
  14. data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text_rails.md +0 -3
  15. data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text_react.md +0 -1
  16. data/app/pb_kits/playbook/pb_link/docs/_link_color.html.erb +0 -30
  17. data/app/pb_kits/playbook/pb_link/docs/_link_color.jsx +0 -40
  18. data/app/pb_kits/playbook/pb_link/docs/_link_disabled.html.erb +0 -5
  19. data/app/pb_kits/playbook/pb_link/docs/_link_disabled.jsx +0 -15
  20. data/app/pb_kits/playbook/pb_link/docs/_link_icon.html.erb +0 -15
  21. data/app/pb_kits/playbook/pb_link/docs/_link_icon.jsx +0 -25
  22. data/app/pb_kits/playbook/pb_link/docs/_link_tag.html.erb +0 -35
  23. data/app/pb_kits/playbook/pb_link/docs/_link_tag.jsx +0 -45
  24. data/app/pb_kits/playbook/pb_link/docs/_link_underline.html.erb +0 -5
  25. data/app/pb_kits/playbook/pb_link/docs/_link_underline.jsx +0 -15
  26. data/app/pb_kits/playbook/pb_link/docs/example.yml +0 -16
  27. data/app/pb_kits/playbook/pb_link/docs/index.js +0 -5
  28. data/app/pb_kits/playbook/pb_timeline/docs/_timeline_with_children.html.erb +0 -43
  29. data/app/pb_kits/playbook/pb_timeline/docs/_timeline_with_children.jsx +0 -68
  30. data/app/pb_kits/playbook/pb_timeline/docs/_timeline_with_children.md +0 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 4fa90c698cd24c29959cf0f38b1e9e4151129d5377098f12d40f675656b295c6
4
- data.tar.gz: 8c1ddadce4e3f95a44224eec0736a6f09bbce1a24d1d729888ec27f137d47e1e
3
+ metadata.gz: ee6817fedc5e4676e518cab3c377eda42cce02e439e266726752d01ed818d008
4
+ data.tar.gz: c31135242c88491ee5d18bfc4efc88e327c5c3202f855569f8ff9ead9805cd87
5
5
  SHA512:
6
- metadata.gz: bf91282d845229239f7675c4f4976627086a9b708a6bafebaa78c6db39a5f8cc620fd5e14a995ba6f5bf1a01d50fc87f86f9cd6a4f1a31a91cd68a436862299a
7
- data.tar.gz: e1bf87c40f11c7dbb3a7fa0c06150212e862b7357598d7a0eef1191f6806e0efbc1023f1f3a54dadb41e6daec2f87e8417b096952623f59b539519fc3e7ab2d9
6
+ metadata.gz: 6698407c3ab15309c275d0719b57d3724acecbabc8768dba96f360d54b350bad18429ffc0110933805fd3f46410bf55340390ebdb6c50892a91dd9ae564d03ff
7
+ data.tar.gz: f5fa7e0f22fd1a8ab6393ccc22be1ad1efa5242bee87d8abb1dff10e96ffa6e3429d9aad405fa21dd07b35d6a3234cb70eb77f24fdeb99aed0eb754c87285242
@@ -8,8 +8,7 @@ examples:
8
8
  - currency_abbreviated: Abbreviate Larger Amounts
9
9
  - currency_matching_decimals: Matching Decimals
10
10
  - currency_unstyled: Unstyled
11
- - currency_comma_separator: Comma Separator
12
-
11
+
13
12
  react:
14
13
  - currency_variants: Variants
15
14
  - currency_size: Size
@@ -18,7 +17,6 @@ examples:
18
17
  - currency_abbreviated: Abbreviate Larger Amounts
19
18
  - currency_matching_decimals: Matching Decimals
20
19
  - currency_unstyled: Unstyled
21
- - currency_comma_separator: Comma Separator
22
20
 
23
21
  swift:
24
22
  - currency_size_swift: Size
@@ -5,4 +5,3 @@ export { default as CurrencyNoSymbol } from './_currency_no_symbol.jsx'
5
5
  export { default as CurrencyAbbreviated } from './_currency_abbreviated.jsx'
6
6
  export { default as CurrencyMatchingDecimals } from './_currency_matching_decimals.jsx'
7
7
  export { default as CurrencyUnstyled } from './_currency_unstyled.jsx'
8
- export { default as CurrencyCommaSeparator } from './_currency_comma_separator.jsx'
@@ -13,30 +13,7 @@
13
13
  id: "typeahead-form-pill",
14
14
  is_multi: true,
15
15
  options: names,
16
- label: "Truncation Within Typeahead",
16
+ label: "Names",
17
17
  pills: true,
18
18
  truncate: 1,
19
19
  }) %>
20
-
21
- <%= pb_rails("caption", props: { text: "Form Pill Truncation" }) %>
22
- <%= pb_rails("card", props: { max_width: "xs" }) do %>
23
- <%= pb_rails("form_pill", props: {
24
- name: "Princess Amelia Mignonette Grimaldi Thermopolis Renaldo",
25
- avatar_url: "https://randomuser.me/api/portraits/women/44.jpg",
26
- tabindex: 0,
27
- truncate: 1,
28
- id: "truncation-1"
29
- }) %>
30
- <%= pb_rails("form_pill", props: {
31
- icon: "badge-check",
32
- text: "icon and a very long tag to show truncation",
33
- tabindex: 0,
34
- truncate: 1,
35
- id: "truncation-2"
36
- }) %>
37
- <%= pb_rails("form_pill", props: {
38
- text: "form pill long tag no tooltip show truncation",
39
- tabindex: 0,
40
- truncate: 1,
41
- }) %>
42
- <% end %>
@@ -1,5 +1,5 @@
1
1
  import React from 'react'
2
- import { Card, Caption, FormPill, Typeahead } from 'playbook-ui'
2
+ import Typeahead from '../../pb_typeahead/_typeahead'
3
3
 
4
4
  const names = [
5
5
  { label: 'Alexander Nathaniel Montgomery', value: 'Alexander Nathaniel Montgomery' },
@@ -15,34 +15,11 @@ const FormPillTruncatedText = (props) => {
15
15
  <Typeahead
16
16
  htmlOptions={{ style: { maxWidth: "240px" }}}
17
17
  isMulti
18
- label="Truncation Within Typeahead"
18
+ label="Names"
19
19
  options={names}
20
20
  truncate={1}
21
21
  {...props}
22
22
  />
23
- <Caption text="Form Pill Truncation"/>
24
- <Card maxWidth="xs">
25
- <FormPill
26
- avatarUrl="https://randomuser.me/api/portraits/women/44.jpg"
27
- name="Princess Amelia Mignonette Grimaldi Thermopolis Renaldo"
28
- onClick={() => alert('Click!')}
29
- tabIndex={0}
30
- truncate={1}
31
- />
32
- <FormPill
33
- icon="badge-check"
34
- onClick={() => {alert('Click!')}}
35
- tabIndex={0}
36
- text="icon and a very long tag to show truncation"
37
- truncate={1}
38
- />
39
- <FormPill
40
- onClick={() => {alert('Click!')}}
41
- tabIndex={0}
42
- text="form pill with a very long tag to show truncation"
43
- truncate={1}
44
- />
45
- </Card>
46
23
  </>
47
24
  )
48
25
  }
@@ -0,0 +1 @@
1
+ For pills with longer text, the `truncate` global prop can be used to truncate the label within each Form Pill. See [here](https://playbook.powerapp.cloud/visual_guidelines/truncate) for more information on the truncate global prop.
@@ -4,11 +4,10 @@ examples:
4
4
  - timeline_default: Default
5
5
  - timeline_vertical: Vertical
6
6
  - timeline_with_date: With Date
7
- - timeline_with_children: With Children
8
7
 
9
8
 
10
9
  react:
11
10
  - timeline_default: Default
12
11
  - timeline_vertical: Vertical
13
12
  - timeline_with_date: With Date
14
- - timeline_with_children: With Children
13
+
@@ -1,4 +1,3 @@
1
1
  export { default as TimelineDefault } from './_timeline_default.jsx'
2
2
  export { default as TimelineVertical } from './_timeline_vertical.jsx'
3
3
  export { default as TimelineWithDate } from './_timeline_with_date.jsx'
4
- export { default as TimelineWithChildren } from './_timeline_with_children.jsx'