playbook_ui 10.13.1 → 10.15.0

data/app/pb_kits/playbook/pb_pill/docs/_pill_default.jsx

@@ -1,57 +1,12 @@
 import React from 'react'
 import Pill from '../_pill.jsx'
 
-const PillDefault = () => {
+const PillDefault = (props) => {
   return (
     <div>
-      <Pill text="default" />
-
-      <br />
-      <br />
-
-      <Pill
-          text="success"
-          variant="success"
-      />
-
-      <br />
-      <br />
-
-      <Pill
-          text="error"
-          variant="error"
-      />
-
-      <br />
-      <br />
-
-      <Pill
-          text="warning"
-          variant="warning"
-      />
-
-      <br />
-      <br />
-
-      <Pill
-          text="info"
-          variant="info"
-      />
-
-      <br />
-      <br />
-
-      <Pill
-          text="neutral"
-          variant="neutral"
-      />
-
-      <br />
-      <br />
-
       <Pill
-          text="primary"
-          variant="primary"
+          text="default"
+          {...props}
       />
     </div>
   )

data/app/pb_kits/playbook/pb_pill/docs/_pill_example.html.erb

@@ -0,0 +1 @@
+<%= pb_rails("pill", props: { text_transform: "none" , text: "Success" , variant: "success" }) %>

data/app/pb_kits/playbook/pb_pill/docs/_pill_example.jsx

@@ -0,0 +1,17 @@
+import React from 'react'
+import Pill from '../_pill'
+
+const PillExample = (props) => {
+  return (
+    <div>
+      <Pill
+          text="Success"
+          textTransform="none"
+          variant="success"
+          {...props}
+      />
+    </div>
+  )
+}
+
+export default PillExample

data/app/pb_kits/playbook/pb_pill/docs/_pill_example.md

@@ -0,0 +1 @@
+Pass `textTransform = "none"` prop and the text will remain without modification.

data/app/pb_kits/playbook/pb_pill/docs/_pill_variants.html.erb

@@ -0,0 +1,6 @@
+<%= pb_rails("pill", props: { text: "success" , variant: "success" }) %>
+<%= pb_rails("pill", props: { text: "error" , variant: "error" }) %>
+<%= pb_rails("pill", props: { text: "warning" , variant: "warning" }) %>
+<%= pb_rails("pill", props: { text: "info" , variant: "info" }) %>
+<%= pb_rails("pill", props: { text: "neutral" , variant: "neutral" }) %>
+<%= pb_rails("pill", props: { text: "primary" , variant: "primary" }) %>

data/app/pb_kits/playbook/pb_pill/docs/_pill_variants.jsx

@@ -0,0 +1,45 @@
+import React from 'react'
+import Pill from '../_pill.jsx'
+
+const PillVariants = (props) => {
+  return (
+    <div>
+      <Pill
+          text="success"
+          variant="success"
+          {...props}
+      />
+
+      <Pill
+          text="error"
+          variant="error"
+          {...props}
+      />
+
+      <Pill
+          text="warning"
+          variant="warning"
+          {...props}
+      />
+
+      <Pill
+          text="info"
+          variant="info"
+          {...props}
+      />
+
+      <Pill
+          text="neutral"
+          variant="neutral"
+      />
+
+      <Pill
+          text="primary"
+          variant="primary"
+          {...props}
+      />
+    </div>
+  )
+}
+
+export default PillVariants

data/app/pb_kits/playbook/pb_pill/docs/example.yml

@@ -2,8 +2,12 @@ examples:
   
   rails:
   - pill_default: Default
+  - pill_variants: Variants
+  - pill_example: Example
  
   
   
   react:
   - pill_default: Default
+  - pill_variants: Variants
+  - pill_example: Example

data/app/pb_kits/playbook/pb_pill/docs/index.js

@@ -1 +1,3 @@
 export { default as PillDefault } from './_pill_default.jsx'
+export { default as PillVariants } from './_pill_variants.jsx'
+export { default as PillExample } from './_pill_example.jsx'

data/app/pb_kits/playbook/pb_pill/pill.rb

@@ -7,13 +7,16 @@ module Playbook
       prop :variant, type: Playbook::Props::Enum,
                      values: %w[success warning error info neutral primary],
                      default: "neutral"
+      prop :text_transform, type: Playbook::Props::Enum,
+                            values: %w[none lowercase],
+                            default: "lowercase"
 
       def classname
-        generate_classname("pb_pill_kit", variant)
+        generate_classname("pb_pill_kit", variant, text_transform)
       end
 
       def display_text
-        text.downcase
+        object.text
       end
     end
   end

data/app/pb_kits/playbook/pb_popover/_popover.scss

@@ -1,4 +1,5 @@
 @import "../tokens/positioning";
+@import "../tokens/colors";
 @import "../pb_card/card_mixin";
 @import "../tokens/shadows";
 
@@ -43,6 +44,7 @@
 }
 .pb_popover_body {
   @include pb_card;
+  background-color: $white;
   border: 0;
   box-shadow: $shadow_deeper;
 }

data/app/pb_kits/playbook/pb_selectable_card/_selectable_card.scss

@@ -25,6 +25,7 @@ $pb_selectable_card_border: 2px;
     }
 
     @include pb_card;
+    background-color: $white;
     padding: $space_sm;
     margin-bottom: $space_sm;
     cursor: pointer;

data/app/pb_kits/playbook/tokens/_border_radius.scss

@@ -1,4 +1,3 @@
-@import "../tokens/colors";
 
 // Border Radius
 $border_rad_lightest:     1px;

data/app/pb_kits/playbook/utilities/_max_width.scss

@@ -1,3 +1,13 @@
+.max_width_xs {
+  max-width: 360px;
+}
+.max_width_0 {
+  max-width: 0;
+}
+.max_width_none {
+  max-width: none;
+}
+
 .max_width_sm {
   max-width: 540px;
 }

data/lib/playbook/spacing.rb

@@ -70,7 +70,7 @@ module Playbook
     end
 
     def max_width_values
-      %w[sm md lg xl]
+      %w[xs sm md lg xl 0 none]
     end
   end
 end

data/lib/playbook/version.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
 module Playbook
-  PREVIOUS_VERSION = "10.13.0"
-  VERSION = "10.13.1"
+  PREVIOUS_VERSION = "10.14.0"
+  VERSION = "10.15.0"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 10.13.1
+  version: 10.15.0
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-11-05 00:00:00.000000000 Z
+date: 2021-11-29 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -95,6 +95,20 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: '3.15'
+- !ruby/object:Gem::Dependency
+  name: rubocop-performance
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 1.9.2
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 1.9.2
 - !ruby/object:Gem::Dependency
   name: view_component
   requirement: !ruby/object:Gem::Requirement
@@ -205,14 +219,14 @@ dependencies:
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: 0.81.0
+        version: 0.93.1
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: 0.81.0
+        version: 0.93.1
 - !ruby/object:Gem::Dependency
   name: spring
   requirement: !ruby/object:Gem::Requirement
@@ -308,12 +322,18 @@ files:
 - app/pb_kits/playbook/pb_background/_background.scss
 - app/pb_kits/playbook/pb_background/background.html.erb
 - app/pb_kits/playbook/pb_background/background.rb
+- app/pb_kits/playbook/pb_background/docs/_background_category.html.erb
+- app/pb_kits/playbook/pb_background/docs/_background_category.jsx
+- app/pb_kits/playbook/pb_background/docs/_background_category.md
 - app/pb_kits/playbook/pb_background/docs/_background_gradient.html.erb
 - app/pb_kits/playbook/pb_background/docs/_background_gradient.jsx
 - app/pb_kits/playbook/pb_background/docs/_background_image.html.erb
 - app/pb_kits/playbook/pb_background/docs/_background_image.jsx
 - app/pb_kits/playbook/pb_background/docs/_background_light.html.erb
 - app/pb_kits/playbook/pb_background/docs/_background_light.jsx
+- app/pb_kits/playbook/pb_background/docs/_background_status.html.erb
+- app/pb_kits/playbook/pb_background/docs/_background_status.jsx
+- app/pb_kits/playbook/pb_background/docs/_background_status.md
 - app/pb_kits/playbook/pb_background/docs/_background_white.html.erb
 - app/pb_kits/playbook/pb_background/docs/_background_white.jsx
 - app/pb_kits/playbook/pb_background/docs/_description.md
@@ -345,6 +365,9 @@ files:
 - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend.jsx
 - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_non_clickable.html.erb
 - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_non_clickable.jsx
+- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_spline.html.erb
+- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_spline.jsx
+- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_spline.md
 - app/pb_kits/playbook/pb_bar_graph/docs/_description.md
 - app/pb_kits/playbook/pb_bar_graph/docs/example.yml
 - app/pb_kits/playbook/pb_bar_graph/docs/index.js
@@ -439,6 +462,9 @@ files:
 - app/pb_kits/playbook/pb_card/card_body.rb
 - app/pb_kits/playbook/pb_card/card_header.html.erb
 - app/pb_kits/playbook/pb_card/card_header.rb
+- app/pb_kits/playbook/pb_card/docs/_card_background.html.erb
+- app/pb_kits/playbook/pb_card/docs/_card_background.jsx
+- app/pb_kits/playbook/pb_card/docs/_card_background.md
 - app/pb_kits/playbook/pb_card/docs/_card_border_none.html.erb
 - app/pb_kits/playbook/pb_card/docs/_card_border_none.jsx
 - app/pb_kits/playbook/pb_card/docs/_card_border_none.md
@@ -836,6 +862,7 @@ files:
 - app/pb_kits/playbook/pb_flex/docs/_flex_item.html.erb
 - app/pb_kits/playbook/pb_flex/docs/_flex_item.md
 - app/pb_kits/playbook/pb_flex/docs/_flex_item_example.jsx
+- app/pb_kits/playbook/pb_flex/docs/_flex_item_example.md
 - app/pb_kits/playbook/pb_flex/docs/_flex_justify.html.erb
 - app/pb_kits/playbook/pb_flex/docs/_flex_justify.jsx
 - app/pb_kits/playbook/pb_flex/docs/_flex_justify.md
@@ -888,6 +915,9 @@ files:
 - app/pb_kits/playbook/pb_form_group/form_group.rb
 - app/pb_kits/playbook/pb_form_pill/_form_pill.jsx
 - app/pb_kits/playbook/pb_form_pill/_form_pill.scss
+- app/pb_kits/playbook/pb_form_pill/docs/_form_pill_example.html.erb
+- app/pb_kits/playbook/pb_form_pill/docs/_form_pill_example.jsx
+- app/pb_kits/playbook/pb_form_pill/docs/_form_pill_example.md
 - app/pb_kits/playbook/pb_form_pill/docs/_form_pill_size.html.erb
 - app/pb_kits/playbook/pb_form_pill/docs/_form_pill_size.jsx
 - app/pb_kits/playbook/pb_form_pill/docs/_form_pill_tag.html.erb
@@ -1318,6 +1348,11 @@ files:
 - app/pb_kits/playbook/pb_pill/docs/_description.md
 - app/pb_kits/playbook/pb_pill/docs/_pill_default.html.erb
 - app/pb_kits/playbook/pb_pill/docs/_pill_default.jsx
+- app/pb_kits/playbook/pb_pill/docs/_pill_example.html.erb
+- app/pb_kits/playbook/pb_pill/docs/_pill_example.jsx
+- app/pb_kits/playbook/pb_pill/docs/_pill_example.md
+- app/pb_kits/playbook/pb_pill/docs/_pill_variants.html.erb
+- app/pb_kits/playbook/pb_pill/docs/_pill_variants.jsx
 - app/pb_kits/playbook/pb_pill/docs/example.yml
 - app/pb_kits/playbook/pb_pill/docs/index.js
 - app/pb_kits/playbook/pb_pill/pill.html.erb