playbook_ui 12.23.0.pre.alpha.play698responsivespacingglobalprop703 → 12.24.0.pre.alpha.play833boldoptionfortitle2and3717

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 8b6a15cabfa01aa2e44305a74b64bccad017a2bf3281ccd588bf5314200951a5
-  data.tar.gz: f6b92f0a2d92245cefc1bc3f5e6d185be43e7eeff52cfed9f06999a1839c2fbd
+  metadata.gz: e94d873152c1cc2e61164252945bf8886d4f8d78f9f7171d88c2c1122fd2a773
+  data.tar.gz: 5ef03ff135408bcfa5ad9a487be278bbbb2d96030c0da367a85ed4446c76ea30
 SHA512:
-  metadata.gz: 90f06d4bd1dea2ac4a157cf542268f0a318a07e0d6608924ebd63b474fa8da543293987bfeb4f49c498f09b241c5f4cd0618cf75cea1505eecead9306d99a2f2
-  data.tar.gz: 1ce67914400c0bed66b4fe05bd9676c5f038494071b8761c0b3191ff9d1125c8d5cedcfe71da806d8de95e19c8596aa4e31482355320cb1ecbbf5361667ce47f
+  metadata.gz: 68709ae639291c9b472725adfef76aeac599bdf467ebd4a113a7933f4d6a7d4d3a234cf8eff64eaa8b7fcbaf6fb9efb25992a0f99e2b6de05d515753604fd1d5
+  data.tar.gz: 73908e6af09435d622d57a90a211da2d7e353fbb94ec6490f41650ebe8032a1fe233068e6baf2e4687fe04d45f4020516eadd0e45375f86f9d47fb2094fc949e

data/app/pb_kits/playbook/pb_avatar/docs/_avatar_swift.md

@@ -0,0 +1 @@
+![image for avatar](https://images.unsplash.com/photo-1684237276530-a562fa8338b1?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=580&q=80)

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

@@ -9,3 +9,5 @@ examples:
     - avatar_monogram: Monogram
     - avatar_no_image: "Bad Image Link"
     - avatar_status: Status
+  swift:
+    - avatar_swift: Default

data/app/pb_kits/playbook/pb_card/_card.tsx

@@ -54,6 +54,7 @@ const Header = (props: CardHeaderProps) => {
   )
 }
 
+
 // Body component
 const Body = (props: CardBodyProps) => {
   const { children, padding = 'md', className } = props

data/app/pb_kits/playbook/pb_docs/kit_example.html.erb

@@ -7,7 +7,12 @@
     <%= example %>
     <br>
   </div>
-
+  
+  <% if (action_name == "kit_show_swift") %>
+    <div class="pb--kit-example-markdown pt_none <%= dark ? "dark" : "" %>">
+      <%= render_markdown(description) %>
+    </div>
+  <% end %>
   <% if show_code %>
     <div class="markdown pb--kit-example-markdown <%= dark ? "dark" : "" %>">
       <%= render_markdown(description) %>

data/app/pb_kits/playbook/pb_docs/kit_example.rb

@@ -11,7 +11,7 @@ module Playbook
       prop :example_title, type: Playbook::Props::String, required: true
       prop :example_key, type: Playbook::Props::String, required: true
       prop :show_code, type: Playbook::Props::Boolean, default: true
-      prop :type, type: Playbook::Props::Enum, values: %w[rails react], default: "rails"
+      prop :type, type: Playbook::Props::Enum, values: %w[rails react swift], default: "rails"
       prop :dark, type: Playbook::Props::Boolean, default: false
 
       def example
@@ -19,6 +19,9 @@ module Playbook
           render inline: source
         elsif type == "react"
           react_component example_key.camelize, { dark: dark }
+        elsif type == "swift"
+          ## render the markdown file
+          render inline: source
         end
       end
 
@@ -32,7 +35,11 @@ module Playbook
 
       def source
         @source ||= begin
-          extension = type == "react" ? "jsx" : "html.erb"
+          extension = if type == "rails"
+                        "html.erb"
+                      else
+                        type == "swift" ? "swift" : "jsx"
+                      end
           stringified_code = read_kit_file("docs", "_#{example_key}.#{extension}")
           sanitize_code(stringified_code)
         end
@@ -42,6 +49,10 @@ module Playbook
         read_kit_file("", "_#{example_key}.tsx")
       end
 
+      def swift_source
+        read_kit_file("", "_#{example_key}.swift")
+      end
+
     private
 
       def sanitize_code(stringified_code)

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

@@ -12,11 +12,13 @@
   &[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] {

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

@@ -21,13 +21,13 @@ 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,
     data = {},
     id,
     size = 3,
+    bold = size === 3 ? false : true,
     tag = 'h3',
     text,
     variant = null,
@@ -35,6 +35,7 @@ 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),

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

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

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

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

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

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

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

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

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

@@ -17,7 +17,14 @@ module Playbook
                      values: [nil, "link"],
                      default: nil,
                      deprecated: true
-      prop :bold, type: Playbook::Props::Boolean, default: true
+
+      def initialize(props)
+        props[:bold] = [1, 2, 4].include?(props[:size]) unless props.key?(:bold)
+        props[:bold] = false if props[:size].nil? && !props.key?(:bold)
+        super(props)
+      end
+
+      prop :bold, type: Playbook::Props::Boolean
 
       def classname
         generate_classname("pb_title_kit", size, variant, color, is_bold)

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

@@ -12,7 +12,7 @@ test('returns namespaced class name', () => {
   )
 
   const kit = screen.getByTestId('primary-test')
-  expect(kit).toHaveClass('pb_title_kit_size_3')
+  expect(kit).toHaveClass('pb_title_kit_size_3_thin')
 })
 
 test('with thin font weight', () => {
@@ -38,5 +38,5 @@ test('with colors', () => {
   )
 
   const kit = screen.getByTestId('primary-test')
-  expect(kit).toHaveClass('pb_title_kit_size_3_success')
+  expect(kit).toHaveClass('pb_title_kit_size_3_success_thin')
 })

data/lib/playbook/pb_doc_helper.rb

@@ -84,8 +84,11 @@ module Playbook
     def pb_doc_render_clickable_title(kit, type)
       url = "#"
       begin
-        url = if type == "react"
+        url = case type
+              when "react"
                 kit_show_reacts_path(kit)
+              when "swift"
+                kit_show_swift_path(kit)
               else
                 kit_show_path(kit)
               end

data/lib/playbook/version.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
 module Playbook
-  PREVIOUS_VERSION = "12.23.0"
-  VERSION = "12.23.0.pre.alpha.play698responsivespacingglobalprop703"
+  PREVIOUS_VERSION = "12.24.0"
+  VERSION = "12.24.0.pre.alpha.play833boldoptionfortitle2and3717"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 12.23.0.pre.alpha.play698responsivespacingglobalprop703
+  version: 12.24.0.pre.alpha.play833boldoptionfortitle2and3717
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2023-05-24 00:00:00.000000000 Z
+date: 2023-05-30 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -311,6 +311,7 @@ files:
 - app/pb_kits/playbook/pb_avatar/docs/_avatar_status.html.erb
 - app/pb_kits/playbook/pb_avatar/docs/_avatar_status.jsx
 - app/pb_kits/playbook/pb_avatar/docs/_avatar_status.md
+- app/pb_kits/playbook/pb_avatar/docs/_avatar_swift.md
 - app/pb_kits/playbook/pb_avatar/docs/_description.md
 - app/pb_kits/playbook/pb_avatar/docs/_footer.md
 - app/pb_kits/playbook/pb_avatar/docs/example.yml