playbook_ui 11.10.0.pre.alpha.pre.bold1 → 11.10.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 3a43eeb1b663289ece01c3728bf0c0d0348b53dcaa3ff791ac1fe255320d6f82
-  data.tar.gz: cf333518cc9c0532f39673f3203331652d592d4bad9b39556c07ffa126aa2a9c
+  metadata.gz: 0cae07073769e635a2939918a0073c3b64119f9ded3a1390688945395ecbd9df
+  data.tar.gz: 38d8898737006ea27c5bcf4c2b65734dd1df5ef004a351638dc00015ca6bcbaa
 SHA512:
-  metadata.gz: 9d28385a01e24ac9aca74db35b63c0d4799373a9912f0a42202f3dfa5e67a4a93f1c1299de00a4b545007a8c53a82928f990219b1db1ef25b8ff791a68aae003
-  data.tar.gz: 754c695cdb22bf7dfbf63550804c6f464773df5f33106995dad2266e0dc5c01e2545b88f63a9b909839cdaf5f2b10bbeb6167af180160fc88bef775ba61ba0f6
+  metadata.gz: 787832d4132fb8a9373f06a684645f0945998476c5d5b2ab44718b0078eae552995cfe1d550a758a57f79d9a03267ffafee6882a5330fdf016d5c3a16f6a6ae2
+  data.tar.gz: a675526b2eec32a03c1f2409919a30deba79dfcd8bf3c06970c7153d35e4d37db4f665b0d66e05dc117e1937b2cbbb7a68b17b1e67f8555b7926c4c4c7cc7107

data/app/pb_kits/playbook/pb_title/_title.scss

@@ -6,19 +6,16 @@
   &[class*=_1] {
     @include pb_title_1;
     @include title_colors;
-    @include pb_title_bold;
   }
 
   &[class*=_2] {
     @include pb_title_2;
     @include title_colors;
-    @include pb_title_bold;
   }
 
   &[class*=_3] {
     @include pb_title_3;
     @include title_colors;
-    @include pb_title_bold;
   }
 
   &[class*=_4] {
@@ -29,8 +26,4 @@
   &.dark {
     @include pb_title_dark;
   }
-
-  &[class*=_thin] {
-    @include pb_title_thin;
-  }
 }

data/app/pb_kits/playbook/pb_title/_title.tsx

@@ -5,7 +5,6 @@ import { deprecatedProps, GlobalProps, globalProps } from '../utilities/globalPr
 
 type TitleProps = {
   aria?: {[key: string]: string},
-  bold?: boolean,
   children?: React.ReactChild[] | React.ReactChild,
   className?: string,
   color?: "default" | "light" | "lighter" | "success" | "error" | "link",
@@ -21,7 +20,6 @@ const Title = (props: TitleProps): React.ReactElement => {
   if (props.variant) deprecatedProps('Title', ['variant']) //variant prop is deprecated, use color instead
   const {
     aria = {},
-    bold = true,
     children,
     className,
     color,
@@ -35,9 +33,8 @@ const Title = (props: TitleProps): React.ReactElement => {
 
   const ariaProps: {[key: string]: string | number} = buildAriaProps(aria)
   const dataProps: {[key: string]: string | number} = buildDataProps(data)
-  const getBold = bold ? '' : 'thin'
   const classes = classnames(
-    buildCss('pb_title_kit', `size_${size}`, variant, color, getBold),
+    buildCss('pb_title_kit', `size_${size}`, variant, color),
     globalProps(props),
     className,
   )

data/app/pb_kits/playbook/pb_title/docs/{_title_default.html.erb → _title_light.html.erb}

@@ -5,7 +5,7 @@
 
 <br/>
 
-<%= pb_rails("title", props: { text: "Title 4", tag: "h4", size: 4 }) %>
+<%= pb_rails("title", props: { text: "Title 4", tag: "h4", size: 4 }) %> 
 <%= pb_rails("title", props: { text: "Title 3", tag: "h3", size: 3 }) %>
 <%= pb_rails("title", props: { text: "Title 2", tag: "h2", size: 2 }) %>
 <%= pb_rails("title", props: { text: "Title 1", tag: "h1", size: 1 }) %>

data/app/pb_kits/playbook/pb_title/docs/{_title_default.jsx → _title_light.jsx}

@@ -2,7 +2,7 @@ import React from 'react'
 
 import Title from '../_title'
 
-const TitleDefault = (props) => {
+const TitleLight = (props) => {
   return (
     <div>
       <Title
@@ -38,4 +38,4 @@ const TitleDefault = (props) => {
   )
 }
 
-export default TitleDefault
+export default TitleLight

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

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

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

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

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

@@ -17,14 +17,9 @@ 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, is_bold)
-      end
-
-      def is_bold
-        bold ? nil : "thin"
+        generate_classname("pb_title_kit", size, variant, color)
       end
     end
   end

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

@@ -15,19 +15,6 @@ 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/tokens/_titles.scss

@@ -31,19 +31,8 @@
 
 @mixin pb_title_4 {
   @include pb_title($heading_4, $bolder);
-  letter-spacing: -0.03em !important;
 }
 
 @mixin pb_title_dark {
   color: $text_dk_default;
 }
-
-@mixin pb_title_bold {
-  font-weight: $bolder;
-  letter-spacing: 0em;
-}
-
-@mixin pb_title_thin {
-  font-weight: $lighter;
-  letter-spacing: $lspace_tight;
-}

data/lib/playbook/version.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
 module Playbook
-  PREVIOUS_VERSION = "11.10.0"
-  VERSION = "11.10.0.pre.alpha-bold1"
+  PREVIOUS_VERSION = "11.9.0"
+  VERSION = "11.10.0"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 11.10.0.pre.alpha.pre.bold1
+  version: 11.10.0
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-10-27 00:00:00.000000000 Z
+date: 2022-10-25 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -1995,12 +1995,9 @@ 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_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/_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/example.yml
 - app/pb_kits/playbook/pb_title/docs/index.js
 - app/pb_kits/playbook/pb_title/title.html.erb
@@ -2324,9 +2321,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:

data/app/pb_kits/playbook/pb_title/docs/_title_light_weight.html.erb

@@ -1,3 +0,0 @@
-<%= pb_rails("title", props: { text: "Title 3", tag: "h3", size: 3, bold: false }) %>
-<%= pb_rails("title", props: { text: "Title 2", tag: "h2", size: 2, bold: false }) %>
-<%= pb_rails("title", props: { text: "Title 1", tag: "h1", size: 1, bold: false }) %>

data/app/pb_kits/playbook/pb_title/docs/_title_light_weight.jsx

@@ -1,33 +0,0 @@
-import React from 'react'
-
-import Title from '../_title'
-
-const TitleLightWeight = (props) => {
-  return (
-    <div>
-      <Title
-          bold={false}
-          size={3}
-          tag="h3"
-          text="Title 3"
-          {...props}
-      />
-      <Title
-          bold={false}
-          size={2}
-          tag="h2"
-          text="Title 2"
-          {...props}
-      />
-      <Title
-          bold={false}
-          size={1}
-          tag="h1"
-          text="Title 1"
-          {...props}
-      />
-    </div>
-  )
-}
-
-export default TitleLightWeight

data/app/pb_kits/playbook/pb_title/docs/_title_light_weight.md

@@ -1,3 +0,0 @@
-##### Prop
-Title kit will use `font-weight: 700` by default, if you want a lighter font weight, use the `bold` prop set to `false`.
-Title `size 4` uses a heavy font weight by default and will not accept a lighter font weight.