playbook_ui 6.3.0 → 6.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: ea80542999ec742ea75a790d08063f434344edc4b3271924f885d8262da2e71e
4
- data.tar.gz: '038fe977294f1ab1bba1b24f898ade044a7b01b973b9b1f45b2e0ffd1b65e687'
3
+ metadata.gz: 18865e3e500c379cda9c48bca36f73691ffb01cc29c03fc2d758612bcec45c33
4
+ data.tar.gz: 60795da94ab1b4c14909ac9f6028470866af82b02b7a22b26a9223a7a2585c46
5
5
  SHA512:
6
- metadata.gz: eeb81eeae28752fa79ed22bdfc94b2e84edced942326ebaf091bf629c79beff2ab6b7f7bd4bae1fd0b28aa8aedd4a900de11a44ad1abd15fa251d73938a3c5dc
7
- data.tar.gz: 9c1c7d3eec96485cec557a1a9f496212acd49cfb85444ad6dca3d2dfbb9490bd01dfa80799ad15433f3d9f60e3e221b6e10e12d529948d5fbb9d0a8a357996f2
6
+ metadata.gz: eab31af5787a1bfef070b228d13a7369b7d1f4037e11b81798d34eebbfcba3dd476290730214e999f0a8c8583f8c2c93abae6ac1921b92da74e7db35cb987b00
7
+ data.tar.gz: '08c04a8e5cffe38491eb21971596f1003708b5a04c1bd7e18f2bedbc42c8b4cb955da9ac60af293e12e42cf57e7b55918b9936a30c7c8a91df460cbd3d41c833'
@@ -26,7 +26,7 @@ const Body = (props: BodyProps) => {
26
26
  aria = {},
27
27
  className,
28
28
  children,
29
- color = 'default',
29
+ color = '',
30
30
  data = {},
31
31
  highlightedText = [],
32
32
  highlighting = false,
@@ -1,6 +1,7 @@
1
1
  @import "./body_mixins";
2
2
 
3
3
  [class^=pb_body_kit]{
4
+ @include pb_body($text_lt_default);
4
5
  @each $color_name, $color_value in $pb_body_colors {
5
6
  &[class*=_#{$color_name}] {
6
7
  @include pb_body($color_value);
@@ -19,8 +20,23 @@
19
20
  }
20
21
 
21
22
  @each $status_name, $status_value in $pb_body_status {
22
- &[class*=_default_#{$status_name}][class*=dark] {
23
+ &[class*=#{$status_name}] {
23
24
  @include pb_body($status_value);
24
25
  }
25
26
  }
27
+
28
+ &[class*=dark] {
29
+ @include pb_body_dark();
30
+ @each $dark_color_name, $dark_color_value in $pb_dark_body_colors{
31
+ &[class*=_#{$dark_color_name}][class*=dark]{
32
+ @include pb_body($dark_color_value);
33
+ }
34
+ }
35
+ @each $status_name, $status_value in $pb_body_status {
36
+ &[class*=_#{$status_name}] {
37
+ @include pb_body($status_value);
38
+ }
39
+ }
40
+ }
41
+
26
42
  }
@@ -41,7 +41,7 @@ module Playbook
41
41
  end
42
42
 
43
43
  def color_class
44
- color
44
+ color == "default" ? nil : color
45
45
  end
46
46
 
47
47
  def status_class
@@ -33,7 +33,7 @@ const FileUpload = (props: FileUploadProps) => {
33
33
 
34
34
  return (
35
35
  <div
36
- className={classnames(buildCss('pb_file_upload_kit', className), globalProps(props))}
36
+ className={classnames(buildCss('pb_file_upload_kit'), globalProps(props), className)}
37
37
  {...getRootProps()}
38
38
  >
39
39
  <Card>
@@ -36,8 +36,13 @@ const Nav = (props: NavProps) => {
36
36
 
37
37
  const ariaProps = buildAriaProps(aria)
38
38
  const dataProps = buildDataProps(data)
39
- const cardCss = classnames(buildCss('pb_nav_list', variant, orientation, {
40
- highlight: highlight }, className, globalProps(props)))
39
+ const cardCss = classnames(
40
+ buildCss('pb_nav_list', variant, orientation, {
41
+ highlight: highlight,
42
+ }),
43
+ className,
44
+ globalProps(props)
45
+ )
41
46
 
42
47
  return (
43
48
  <div
@@ -51,11 +51,15 @@ const SelectableCardIcon = (props: SelectableCardIconProps) => {
51
51
  const ariaProps = buildAriaProps(aria)
52
52
  const dataProps = buildDataProps(data)
53
53
 
54
- const classes = classnames(buildCss('pb_selectable_card_icon_kit',
55
- { 'checked': checked,
56
- 'disabled': disabled,
57
- 'enabled': !disabled },
58
- className), globalProps(props))
54
+ const classes = classnames(
55
+ buildCss('pb_selectable_card_icon_kit', {
56
+ checked: checked,
57
+ disabled: disabled,
58
+ enabled: !disabled,
59
+ }),
60
+ globalProps(props),
61
+ className
62
+ )
59
63
 
60
64
  return (
61
65
  <div
@@ -45,11 +45,15 @@ const SelectableIcon = ({
45
45
  const ariaProps = buildAriaProps(aria)
46
46
  const dataProps = buildDataProps(data)
47
47
 
48
- const classes = classnames(buildCss('pb_selectable_icon_kit',
49
- { 'checked': checked,
50
- 'disabled': disabled,
51
- 'enabled': !disabled },
52
- className), globalProps(props))
48
+ const classes = classnames(
49
+ buildCss('pb_selectable_icon_kit', {
50
+ checked: checked,
51
+ disabled: disabled,
52
+ enabled: !disabled,
53
+ }),
54
+ globalProps(props),
55
+ className
56
+ )
53
57
 
54
58
  const inputType = multi === false ? 'radio' : 'checkbox'
55
59
 
@@ -1,5 +1,5 @@
1
1
  # frozen_string_literal: true
2
2
 
3
3
  module Playbook
4
- VERSION = "6.3.0"
4
+ VERSION = "6.3.1"
5
5
  end
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: playbook_ui
3
3
  version: !ruby/object:Gem::Version
4
- version: 6.3.0
4
+ version: 6.3.1
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: 2020-08-24 00:00:00.000000000 Z
12
+ date: 2020-08-28 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionpack