RubyGems - playbook_ui - Versions diffs - 11.11.0.pre.alpha.renderer1 → 11.12.0 - Mend

playbook_ui 11.11.0.pre.alpha.renderer1 → 11.12.0

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.

Files changed (61) hide show

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

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

metadata CHANGED Viewed

@@ -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: