playbook_ui 13.33.0 → 13.33.1.pre.alpha.PLAY14143336

data/app/pb_kits/playbook/pb_user/docs/_user_block_content_subtitle_react.jsx

@@ -1,5 +1,5 @@
 import React from "react"
-import { Caption, Contact, Flex, Icon, User } from "../.."
+import { Caption, Contact, Flex, Icon, User } from "playbook-ui"
 
 const MentorSubtitle = (
   <Flex>

data/app/pb_kits/playbook/pb_user/docs/_user_default.jsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { User } from '../../'
+import { User } from 'playbook-ui'
 
 const UserDefault = (props) => {
   return (

data/app/pb_kits/playbook/pb_user/docs/_user_size.jsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { User } from '../../'
+import { User } from 'playbook-ui'
 
 const UserDefault = (props) => {
   return (

data/app/pb_kits/playbook/pb_user/docs/_user_subtitle.jsx

@@ -1,5 +1,5 @@
 import React from "react"
-import { User } from "../../"
+import { User } from "playbook-ui"
 
 const UserSubtitle = (props) => {
   return (

data/app/pb_kits/playbook/pb_user/docs/_user_text_only.jsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { User } from '../../'
+import { User } from 'playbook-ui'
 
 const UserTextOnly = (props) => {
   return (

data/app/pb_kits/playbook/pb_user/docs/_user_vertical_size.jsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { User } from '../../'
+import { User } from 'playbook-ui'
 
 const UserVerticalSize = (props) => {
   return (

data/app/pb_kits/playbook/pb_user/docs/_user_with_territory.jsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { User } from '../../'
+import { User } from 'playbook-ui'
 
 const UserWithTerritory = (props) => {
   return (

data/app/pb_kits/playbook/pb_user_badge/_user_badge.tsx

@@ -15,7 +15,7 @@ type UserBadgeProps = {
   size?: "sm" | "md" | "lg",
 }
 
-const UserBadge = (props: UserBadgeProps): React.ReactElement => {
+const UserBadge = (props: UserBadgeProps) => {
   const {
     aria = {},
     badge = 'million-dollar',
@@ -38,11 +38,11 @@ const UserBadge = (props: UserBadgeProps): React.ReactElement => {
 
   return (
     <div
-        {...ariaProps}
-        {...dataProps}
-        {...htmlProps}
-        className={classes}
-        id={id}
+      {...ariaProps}
+      {...dataProps}
+      {...htmlProps}
+      className={classes}
+      id={id}
     >
       <div className="pb_user_badge_wrapper">
         {image}

data/app/pb_kits/playbook/pb_user_badge/badges/million-dollar.tsx

@@ -1,357 +1,356 @@
 import * as React from "react"
 
-const MillionDollar = (): React.ReactElement => (
+const MillionDollar = () => (
   <svg
-      viewBox="0 0 242.9 242.9"
-      xmlSpace="preserve"
-      xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 242.9 242.9"
+    xmlSpace="preserve"
+    xmlns="http://www.w3.org/2000/svg"
   >
-    <circle 
-        cx={121.5}
-        cy={121.5}
-        r={121.5}
+    <circle cx={121.5}
+      cy={121.5}
+      r={121.5}
     />
     <linearGradient
-        gradientUnits="userSpaceOnUse"
-        id="a"
-        x1={42.483}
-        x2={200.309}
-        y1={35.645}
-        y2={35.645}
+      gradientUnits="userSpaceOnUse"
+      id="a"
+      x1={42.483}
+      x2={200.309}
+      y1={35.645}
+      y2={35.645}
     >
       <stop
-          offset={0}
-          style={{
-            stopColor: "#e6b711",
-          }}
+        offset={0}
+        style={{
+          stopColor: "#e6b711",
+        }}
       />
       <stop
-          offset={0.128}
-          style={{
-            stopColor: "#eac23c",
-          }}
+        offset={0.128}
+        style={{
+          stopColor: "#eac23c",
+        }}
       />
       <stop
-          offset={0.278}
-          style={{
-            stopColor: "#ec6",
-          }}
+        offset={0.278}
+        style={{
+          stopColor: "#ec6",
+        }}
       />
       <stop
-          offset={0.413}
-          style={{
-            stopColor: "#f1d485",
-          }}
+        offset={0.413}
+        style={{
+          stopColor: "#f1d485",
+        }}
       />
       <stop
-          offset={0.527}
-          style={{
-            stopColor: "#f2d998",
-          }}
+        offset={0.527}
+        style={{
+          stopColor: "#f2d998",
+        }}
       />
       <stop
-          offset={0.607}
-          style={{
-            stopColor: "#f3db9f",
-          }}
+        offset={0.607}
+        style={{
+          stopColor: "#f3db9f",
+        }}
       />
       <stop
-          offset={1}
-          style={{
-            stopColor: "#e6b711",
-          }}
+        offset={1}
+        style={{
+          stopColor: "#e6b711",
+        }}
       />
     </linearGradient>
     <path
-        d="M56.4 53.8c16.9-16.2 39.8-26.2 65-26.2 25.2 0 48.1 10 64.9 26.2h14c-19.1-22.2-47.4-36.3-78.9-36.3-31.5 0-59.8 14.1-78.9 36.3h13.9z"
-        style={{
-          fill: "url(#a)",
-        }}
+      d="M56.4 53.8c16.9-16.2 39.8-26.2 65-26.2 25.2 0 48.1 10 64.9 26.2h14c-19.1-22.2-47.4-36.3-78.9-36.3-31.5 0-59.8 14.1-78.9 36.3h13.9z"
+      style={{
+        fill: "url(#a)",
+      }}
     />
     <linearGradient
-        gradientUnits="userSpaceOnUse"
-        id="b"
-        x1={17.407}
-        x2={44.897}
-        y1={132.179}
-        y2={132.179}
+      gradientUnits="userSpaceOnUse"
+      id="b"
+      x1={17.407}
+      x2={44.897}
+      y1={132.179}
+      y2={132.179}
     >
       <stop
-          offset={0}
-          style={{
-            stopColor: "#e6b711",
-          }}
+        offset={0}
+        style={{
+          stopColor: "#e6b711",
+        }}
       />
       <stop
-          offset={0.128}
-          style={{
-            stopColor: "#eac23c",
-          }}
+        offset={0.128}
+        style={{
+          stopColor: "#eac23c",
+        }}
       />
       <stop
-          offset={0.278}
-          style={{
-            stopColor: "#ec6",
-          }}
+        offset={0.278}
+        style={{
+          stopColor: "#ec6",
+        }}
       />
       <stop
-          offset={0.413}
-          style={{
-            stopColor: "#f1d485",
-          }}
+        offset={0.413}
+        style={{
+          stopColor: "#f1d485",
+        }}
       />
       <stop
-          offset={0.527}
-          style={{
-            stopColor: "#f2d998",
-          }}
+        offset={0.527}
+        style={{
+          stopColor: "#f2d998",
+        }}
       />
       <stop
-          offset={0.607}
-          style={{
-            stopColor: "#f3db9f",
-          }}
+        offset={0.607}
+        style={{
+          stopColor: "#f3db9f",
+        }}
       />
       <stop
-          offset={1}
-          style={{
-            stopColor: "#e6b711",
-          }}
+        offset={1}
+        style={{
+          stopColor: "#e6b711",
+        }}
       />
     </linearGradient>
     <path
-        d="M44.9 175.7c-10.9-15.3-17.3-34-17.3-54.2 0-14.1 3.1-27.5 8.8-39.5H25.3c-5 12.2-7.8 25.5-7.8 39.5 0 22.7 7.3 43.8 19.8 60.9l7.6-6.7z"
-        style={{
-          fill: "url(#b)",
-        }}
+      d="M44.9 175.7c-10.9-15.3-17.3-34-17.3-54.2 0-14.1 3.1-27.5 8.8-39.5H25.3c-5 12.2-7.8 25.5-7.8 39.5 0 22.7 7.3 43.8 19.8 60.9l7.6-6.7z"
+      style={{
+        fill: "url(#b)",
+      }}
     />
     <linearGradient
-        gradientUnits="userSpaceOnUse"
-        id="c"
-        x1={52.914}
-        x2={189.715}
-        y1={212.573}
-        y2={212.573}
+      gradientUnits="userSpaceOnUse"
+      id="c"
+      x1={52.914}
+      x2={189.715}
+      y1={212.573}
+      y2={212.573}
     >
       <stop
-          offset={0}
-          style={{
-            stopColor: "#e6b711",
-          }}
+        offset={0}
+        style={{
+          stopColor: "#e6b711",
+        }}
       />
       <stop
-          offset={0.128}
-          style={{
-            stopColor: "#eac23c",
-          }}
+        offset={0.128}
+        style={{
+          stopColor: "#eac23c",
+        }}
       />
       <stop
-          offset={0.278}
-          style={{
-            stopColor: "#ec6",
-          }}
+        offset={0.278}
+        style={{
+          stopColor: "#ec6",
+        }}
       />
       <stop
-          offset={0.413}
-          style={{
-            stopColor: "#f1d485",
-          }}
+        offset={0.413}
+        style={{
+          stopColor: "#f1d485",
+        }}
       />
       <stop
-          offset={0.527}
-          style={{
-            stopColor: "#f2d998",
-          }}
+        offset={0.527}
+        style={{
+          stopColor: "#f2d998",
+        }}
       />
       <stop
-          offset={0.607}
-          style={{
-            stopColor: "#f3db9f",
-          }}
+        offset={0.607}
+        style={{
+          stopColor: "#f3db9f",
+        }}
       />
       <stop
-          offset={1}
-          style={{
-            stopColor: "#e6b711",
-          }}
+        offset={1}
+        style={{
+          stopColor: "#e6b711",
+        }}
       />
     </linearGradient>
     <path
-        d="M173 199.8c-14.8 9.8-32.5 15.5-51.6 15.5s-37-5.8-51.8-15.6H52.9c18.3 16.1 42.3 25.8 68.5 25.8 26.1 0 50-9.7 68.3-25.7H173z"
-        style={{
-          fill: "url(#c)",
-        }}
+      d="M173 199.8c-14.8 9.8-32.5 15.5-51.6 15.5s-37-5.8-51.8-15.6H52.9c18.3 16.1 42.3 25.8 68.5 25.8 26.1 0 50-9.7 68.3-25.7H173z"
+      style={{
+        fill: "url(#c)",
+      }}
     />
     <linearGradient
-        gradientUnits="userSpaceOnUse"
-        id="d"
-        x1={31.123}
-        x2={207.766}
-        y1={136.159}
-        y2={136.159}
+      gradientUnits="userSpaceOnUse"
+      id="d"
+      x1={31.123}
+      x2={207.766}
+      y1={136.159}
+      y2={136.159}
     >
       <stop
-          offset={0}
-          style={{
-            stopColor: "#e6b711",
-          }}
+        offset={0}
+        style={{
+          stopColor: "#e6b711",
+        }}
       />
       <stop
-          offset={0.128}
-          style={{
-            stopColor: "#eac23c",
-          }}
+        offset={0.128}
+        style={{
+          stopColor: "#eac23c",
+        }}
       />
       <stop
-          offset={0.278}
-          style={{
-            stopColor: "#ec6",
-          }}
+        offset={0.278}
+        style={{
+          stopColor: "#ec6",
+        }}
       />
       <stop
-          offset={0.413}
-          style={{
-            stopColor: "#f1d485",
-          }}
+        offset={0.413}
+        style={{
+          stopColor: "#f1d485",
+        }}
       />
       <stop
-          offset={0.527}
-          style={{
-            stopColor: "#f2d998",
-          }}
+        offset={0.527}
+        style={{
+          stopColor: "#f2d998",
+        }}
       />
       <stop
-          offset={0.607}
-          style={{
-            stopColor: "#f3db9f",
-          }}
+        offset={0.607}
+        style={{
+          stopColor: "#f3db9f",
+        }}
       />
       <stop
-          offset={1}
-          style={{
-            stopColor: "#e6b711",
-          }}
+        offset={1}
+        style={{
+          stopColor: "#e6b711",
+        }}
       />
     </linearGradient>
     <path
-        d="M139.2 193v-1.8c5-.4 10.2-.5 13.4-5 3.8-5.2 3.2-15.4 3.2-21.5V78.5l-47.3 120.4L61.2 81.2v61.1c0 13.6.5 35.1 12.5 44.2 4.3 3.2 9 3.9 14.2 4.7v1.8H31.1v-1.8c1.6-.4 3.2-.7 4.8-1.1 22.6-5.7 22.9-32.4 22.9-51.1v-37.8c0-6.1.5-13.3-3.2-18.5-4.5-6.1-13.4-7.2-20.4-7.5v-1.8H96l29.6 75.4 29.9-75.4h52.3v1.8c-4.8.4-10.2.9-13.4 5-3.8 4.8-3.2 15.9-3.2 21.9v62.5c0 6.3-.7 16.1 3.2 21.5 3.2 4.3 6.2 4.7 11.2 5v1.8h-66.4z"
-        style={{
-          fill: "url(#d)",
-        }}
+      d="M139.2 193v-1.8c5-.4 10.2-.5 13.4-5 3.8-5.2 3.2-15.4 3.2-21.5V78.5l-47.3 120.4L61.2 81.2v61.1c0 13.6.5 35.1 12.5 44.2 4.3 3.2 9 3.9 14.2 4.7v1.8H31.1v-1.8c1.6-.4 3.2-.7 4.8-1.1 22.6-5.7 22.9-32.4 22.9-51.1v-37.8c0-6.1.5-13.3-3.2-18.5-4.5-6.1-13.4-7.2-20.4-7.5v-1.8H96l29.6 75.4 29.9-75.4h52.3v1.8c-4.8.4-10.2.9-13.4 5-3.8 4.8-3.2 15.9-3.2 21.9v62.5c0 6.3-.7 16.1 3.2 21.5 3.2 4.3 6.2 4.7 11.2 5v1.8h-66.4z"
+      style={{
+        fill: "url(#d)",
+      }}
     />
     <linearGradient
-        gradientUnits="userSpaceOnUse"
-        id="e"
-        x1={30.453}
-        x2={213.794}
-        y1={63.629}
-        y2={63.629}
+      gradientUnits="userSpaceOnUse"
+      id="e"
+      x1={30.453}
+      x2={213.794}
+      y1={63.629}
+      y2={63.629}
     >
       <stop
-          offset={0}
-          style={{
-            stopColor: "#e6b711",
-          }}
+        offset={0}
+        style={{
+          stopColor: "#e6b711",
+        }}
       />
       <stop
-          offset={0.128}
-          style={{
-            stopColor: "#eac23c",
-          }}
+        offset={0.128}
+        style={{
+          stopColor: "#eac23c",
+        }}
       />
       <stop
-          offset={0.278}
-          style={{
-            stopColor: "#ec6",
-          }}
+        offset={0.278}
+        style={{
+          stopColor: "#ec6",
+        }}
       />
       <stop
-          offset={0.413}
-          style={{
-            stopColor: "#f1d485",
-          }}
+        offset={0.413}
+        style={{
+          stopColor: "#f1d485",
+        }}
       />
       <stop
-          offset={0.527}
-          style={{
-            stopColor: "#f2d998",
-          }}
+        offset={0.527}
+        style={{
+          stopColor: "#f2d998",
+        }}
       />
       <stop
-          offset={0.607}
-          style={{
-            stopColor: "#f3db9f",
-          }}
+        offset={0.607}
+        style={{
+          stopColor: "#f3db9f",
+        }}
       />
       <stop
-          offset={1}
-          style={{
-            stopColor: "#e6b711",
-          }}
+        offset={1}
+        style={{
+          stopColor: "#e6b711",
+        }}
       />
     </linearGradient>
     <path
-        d="M30.5 60.6h183.3v6.1H30.5z"
-        style={{
-          fill: "url(#e)",
-        }}
+      d="M30.5 60.6h183.3v6.1H30.5z"
+      style={{
+        fill: "url(#e)",
+      }}
     />
     <linearGradient
-        gradientUnits="userSpaceOnUse"
-        id="f"
-        x1={196.676}
-        x2={225.538}
-        y1={132.923}
-        y2={132.923}
+      gradientUnits="userSpaceOnUse"
+      id="f"
+      x1={196.676}
+      x2={225.538}
+      y1={132.923}
+      y2={132.923}
     >
       <stop
-          offset={0}
-          style={{
-            stopColor: "#e6b711",
-          }}
+        offset={0}
+        style={{
+          stopColor: "#e6b711",
+        }}
       />
       <stop
-          offset={0.128}
-          style={{
-            stopColor: "#eac23c",
-          }}
+        offset={0.128}
+        style={{
+          stopColor: "#eac23c",
+        }}
       />
       <stop
-          offset={0.278}
-          style={{
-            stopColor: "#ec6",
-          }}
+        offset={0.278}
+        style={{
+          stopColor: "#ec6",
+        }}
       />
       <stop
-          offset={0.413}
-          style={{
-            stopColor: "#f1d485",
-          }}
+        offset={0.413}
+        style={{
+          stopColor: "#f1d485",
+        }}
       />
       <stop
-          offset={0.527}
-          style={{
-            stopColor: "#f2d998",
-          }}
+        offset={0.527}
+        style={{
+          stopColor: "#f2d998",
+        }}
       />
       <stop
-          offset={0.607}
-          style={{
-            stopColor: "#f3db9f",
-          }}
+        offset={0.607}
+        style={{
+          stopColor: "#f3db9f",
+        }}
       />
       <stop
-          offset={1}
-          style={{
-            stopColor: "#e6b711",
-          }}
+        offset={1}
+        style={{
+          stopColor: "#e6b711",
+        }}
       />
     </linearGradient>
     <path
-        d="M196.7 177.5c11.5-15.6 18.7-35.2 18.7-56 0-14.1-3.1-27.5-8.8-39.5h11.1c5 12.2 7.8 25.5 7.8 39.5 0 23.4-7.8 45-20.9 62.4l-7.9-6.4z"
-        style={{
-          fill: "url(#f)",
-        }}
+      d="M196.7 177.5c11.5-15.6 18.7-35.2 18.7-56 0-14.1-3.1-27.5-8.8-39.5h11.1c5 12.2 7.8 25.5 7.8 39.5 0 23.4-7.8 45-20.9 62.4l-7.9-6.4z"
+      style={{
+        fill: "url(#f)",
+      }}
     />
   </svg>
 )