playbook_ui 11.11.0.pre.alpha.renderer1 → 11.12.0

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

@@ -1,8 +1,10 @@
 examples:
   rails:
-  - title_light: Light UI
+  - title_default: Default UI
+  - title_light_weight: Light Weight UI
   - title_colors: Colors
 
   react:
-  - title_light: Light UI
+  - title_default: Default UI
+  - title_light_weight: Light Weight UI
   - title_colors: Colors

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

@@ -1,2 +1,3 @@
-export { default as TitleLight } from './_title_light.jsx'
+export { default as TitleDefault } from './_title_default.jsx'
+export { default as TitleLightWeight } from './_title_light_weight.jsx'
 export { default as TitleColors } from './_title_colors.jsx'

data/app/pb_kits/playbook/pb_title/title.rb

@@ -17,9 +17,14 @@ module Playbook
                      values: [nil, "link"],
                      default: nil,
                      deprecated: true
+      prop :bold, type: Playbook::Props::Boolean, default: true
 
       def classname
-        generate_classname("pb_title_kit", size, variant, color)
+        generate_classname("pb_title_kit", size, variant, color, is_bold)
+      end
+
+      def is_bold
+        bold ? nil : "thin"
       end
     end
   end

data/app/pb_kits/playbook/pb_title/title.test.js

@@ -15,6 +15,19 @@ test('returns namespaced class name', () => {
   expect(kit).toHaveClass('pb_title_kit_size_3')
 })
 
+test('with thin font weight', () => {
+  render(
+    <Title
+        bold={false}
+        data={{ testid: 'primary-test' }}
+        text="Test thin font weight"
+    />
+  )
+
+  const kit = screen.getByTestId('primary-test')
+  expect(kit).toHaveClass('pb_title_kit_size_3_thin')
+})
+
 test('with colors', () => {
   render(
     <Title

data/app/pb_kits/playbook/plugins/pb_chart.js

@@ -167,6 +167,14 @@ class pbChart {
         },
       },
 
+      legend: {
+        align: this.defaults.align,
+        verticalAlign: this.defaults.verticalAlign,
+        layout: this.defaults.layout,
+        x: this.defaults.x,
+        y: this.defaults.y,
+      },
+
       plotOptions: {
         pie: {
           colors: options.colors.length > 0 ? mapColors(options.colors) : highchartsTheme.colors,
@@ -255,6 +263,11 @@ class pbChart {
       },
       legend: {
         enabled: this.defaults.legend,
+        align: this.defaults.align,
+        verticalAlign: this.defaults.verticalAlign,
+        layout: this.defaults.layout,
+        x: this.defaults.x,
+        y: this.defaults.y,
       },
       colors: options.colors !== undefined && options.colors.length > 0 ? mapColors(options.colors) : highchartsTheme.colors,
       plotOptions: {

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

@@ -18,7 +18,6 @@
 
 @mixin pb_title_1 {
   @include pb_title($heading_1);
-  letter-spacing: -0.03em;
 }
 
 @mixin pb_title_2 {
@@ -31,8 +30,18 @@
 
 @mixin pb_title_4 {
   @include pb_title($heading_4, $bolder);
+  letter-spacing: -0.03em;
 }
 
 @mixin pb_title_dark {
   color: $text_dk_default;
 }
+
+@mixin pb_title_bold {
+  font-weight: $bolder;
+}
+
+@mixin pb_title_thin {
+  font-weight: $lighter;
+  letter-spacing: $lspace_tight;
+}

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

@@ -30,7 +30,7 @@ $text_smallest:     $font_smallest;
 
 
 /* Headings */
-$heading_1: 48px;
+$heading_1: 46px;
 $heading_2: 34px;
 $heading_3: $font_larger;
 $heading_4: $font_base;
@@ -41,7 +41,7 @@ $heading_4: $font_base;
 // Letter Spacing
 $lspace_tightest:         -.1em;
 $lspace_tighter:          -.07em;
-$lspace_tight:            -.03em;
+$lspace_tight:            -.01em;
 $lspace_normal:           0;
 $lspace_loose:            .03em;
 $lspace_looser:           .07em;

data/lib/playbook/version.rb

@@ -2,5 +2,5 @@
 
 module Playbook
   PREVIOUS_VERSION = "11.11.0"
-  VERSION = "11.11.0.pre.alpha.renderer1"
+  VERSION = "11.12.0"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 11.11.0.pre.alpha.renderer1
+  version: 11.12.0
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-11-08 00:00:00.000000000 Z
+date: 2022-11-15 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -377,6 +377,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_legend_position.html.erb
+- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_position.jsx
+- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_position.md
 - 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
@@ -550,6 +553,9 @@ files:
 - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_default.jsx
 - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_inner_sizes.html.erb
 - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_inner_sizes.jsx
+- app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_legend_position.html.erb
+- app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_legend_position.jsx
+- app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_legend_position.md
 - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_live_data.jsx
 - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_rounded.html.erb
 - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_rounded.jsx
@@ -829,6 +835,7 @@ files:
 - app/pb_kits/playbook/pb_dialog/docs/_dialog_compound_components.md
 - app/pb_kits/playbook/pb_dialog/docs/_dialog_default.html.erb
 - app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
+- app/pb_kits/playbook/pb_dialog/docs/_dialog_default.md
 - app/pb_kits/playbook/pb_dialog/docs/_dialog_full_height.jsx
 - app/pb_kits/playbook/pb_dialog/docs/_dialog_full_height.md
 - app/pb_kits/playbook/pb_dialog/docs/_dialog_full_height_placement.jsx
@@ -1125,6 +1132,7 @@ files:
 - app/pb_kits/playbook/pb_icon/docs/index.js
 - app/pb_kits/playbook/pb_icon/icon.html.erb
 - app/pb_kits/playbook/pb_icon/icon.rb
+- app/pb_kits/playbook/pb_icon/icon.test.js
 - app/pb_kits/playbook/pb_icon_circle/_icon_circle.scss
 - app/pb_kits/playbook/pb_icon_circle/_icon_circle.tsx
 - app/pb_kits/playbook/pb_icon_circle/docs/_description.md
@@ -1253,8 +1261,8 @@ files:
 - app/pb_kits/playbook/pb_layout/layout.test.js
 - app/pb_kits/playbook/pb_layout/sidebar.html.erb
 - app/pb_kits/playbook/pb_layout/sidebar.rb
-- app/pb_kits/playbook/pb_legend/_legend.jsx
 - app/pb_kits/playbook/pb_legend/_legend.scss
+- app/pb_kits/playbook/pb_legend/_legend.tsx
 - app/pb_kits/playbook/pb_legend/docs/_description.md
 - app/pb_kits/playbook/pb_legend/docs/_footer.md
 - app/pb_kits/playbook/pb_legend/docs/_legend_colors.html.erb
@@ -1310,6 +1318,9 @@ files:
 - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend.jsx
 - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_nonclickable.html.erb
 - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_nonclickable.jsx
+- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_position.html.erb
+- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_position.jsx
+- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_position.md
 - app/pb_kits/playbook/pb_line_graph/docs/example.yml
 - app/pb_kits/playbook/pb_line_graph/docs/index.js
 - app/pb_kits/playbook/pb_line_graph/lineGraphSettings.js
@@ -2004,9 +2015,12 @@ files:
 - app/pb_kits/playbook/pb_title/docs/_title_colors.html.erb
 - app/pb_kits/playbook/pb_title/docs/_title_colors.jsx
 - app/pb_kits/playbook/pb_title/docs/_title_colors.md
-- app/pb_kits/playbook/pb_title/docs/_title_light.html.erb
-- app/pb_kits/playbook/pb_title/docs/_title_light.jsx
-- app/pb_kits/playbook/pb_title/docs/_title_light.md
+- app/pb_kits/playbook/pb_title/docs/_title_default.html.erb
+- app/pb_kits/playbook/pb_title/docs/_title_default.jsx
+- app/pb_kits/playbook/pb_title/docs/_title_default.md
+- app/pb_kits/playbook/pb_title/docs/_title_light_weight.html.erb
+- app/pb_kits/playbook/pb_title/docs/_title_light_weight.jsx
+- app/pb_kits/playbook/pb_title/docs/_title_light_weight.md
 - app/pb_kits/playbook/pb_title/docs/example.yml
 - app/pb_kits/playbook/pb_title/docs/index.js
 - app/pb_kits/playbook/pb_title/title.html.erb
@@ -2337,9 +2351,9 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ">"
+  - - ">="
     - !ruby/object:Gem::Version
-      version: 1.3.1
+      version: '0'
 requirements: []
 rubygems_version: 3.3.7
 signing_key: