playbook_ui 14.15.0.pre.alpha.PBNTR8996733 → 14.15.0.pre.alpha.PLAY1756pbcontenttagpt76661

data/lib/playbook/display.rb

@@ -18,7 +18,7 @@ module Playbook
       else
         selected_props.each do |k|
           display_value = send(k)
-          css += "display_#{display_value}" if display_values.include?(display_value)
+          css += "display_#{display_value}" if display_values.include? display_value
         end
       end
       css unless css.blank?
@@ -35,7 +35,7 @@ module Playbook
     end
 
     def display_values
-      %w[block inline_block inline flex inline_flex none grid]
+      %w[block inline_block inline flex inline_flex none]
     end
   end
 end

data/lib/playbook/version.rb

@@ -2,5 +2,5 @@
 
 module Playbook
   PREVIOUS_VERSION = "14.15.0"
-  VERSION = "14.15.0.pre.alpha.PBNTR8996733"
+  VERSION = "14.15.0.pre.alpha.PLAY1756pbcontenttagpt76661"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 14.15.0.pre.alpha.PBNTR8996733
+  version: 14.15.0.pre.alpha.PLAY1756pbcontenttagpt76661
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-03-18 00:00:00.000000000 Z
+date: 2025-03-13 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -939,10 +939,8 @@ files:
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_month_and_year.html.erb
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_month_and_year.jsx
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_month_and_year.md
-- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_change.html.erb
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_change.jsx
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_change.md
-- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_close.html.erb
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_close.jsx
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_close.md
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions.html.erb
@@ -1312,17 +1310,6 @@ files:
 - app/pb_kits/playbook/pb_dropdown/utilities/clickOutsideHelper.tsx
 - app/pb_kits/playbook/pb_dropdown/utilities/index.ts
 - app/pb_kits/playbook/pb_dropdown/utilities/subComponentHelper.tsx
-- app/pb_kits/playbook/pb_empty_state/_empty_state.scss
-- app/pb_kits/playbook/pb_empty_state/_empty_state.tsx
-- app/pb_kits/playbook/pb_empty_state/docs/_empty_state_alignment.jsx
-- app/pb_kits/playbook/pb_empty_state/docs/_empty_state_default.jsx
-- app/pb_kits/playbook/pb_empty_state/docs/_empty_state_orientation.jsx
-- app/pb_kits/playbook/pb_empty_state/docs/_empty_state_size.jsx
-- app/pb_kits/playbook/pb_empty_state/docs/default_image/computer_fly_no_branding.svg
-- app/pb_kits/playbook/pb_empty_state/docs/default_image/utils.tsx
-- app/pb_kits/playbook/pb_empty_state/docs/example.yml
-- app/pb_kits/playbook/pb_empty_state/docs/index.js
-- app/pb_kits/playbook/pb_empty_state/empty_state.test.jsx
 - app/pb_kits/playbook/pb_enhanced_element/element_observer.ts
 - app/pb_kits/playbook/pb_enhanced_element/index.ts
 - app/pb_kits/playbook/pb_file_upload/_file_upload.scss
@@ -1996,18 +1983,6 @@ files:
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.md
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled.html.erb
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled.jsx
-- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options.html.erb
-- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options.jsx
-- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options.md
-- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_default.html.erb
-- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_default.jsx
-- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_default.md
-- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_parent.html.erb
-- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_parent.jsx
-- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_parent.md
-- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_parent_default.html.erb
-- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_parent_default.jsx
-- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_parent_default.md
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_react_hook.jsx
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_react_hook.md
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_reset.html.erb
@@ -3171,7 +3146,6 @@ files:
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_show_tooltip.md
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_show_tooltip_react.jsx
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_show_tooltip_react.md
-- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_sizing.html.erb
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_sizing.jsx
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_sizing.md
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_with_icon_circle.html.erb
@@ -3437,11 +3411,11 @@ files:
 - app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
 - app/pb_kits/playbook/utilities/text.ts
 - app/pb_kits/playbook/utilities/validEmojiChecker.ts
-- dist/chunks/_typeahead-CRAPc8k-.js
-- dist/chunks/_weekday_stacked-T0kFfioG.js
+- dist/chunks/_typeahead-B8f4HM8I.js
+- dist/chunks/_weekday_stacked-1q2eI-As.js
 - dist/chunks/lazysizes-B7xYodB-.js
-- dist/chunks/lib-BeKPJYlk.js
-- dist/chunks/pb_form_validation-BvDxpfs-.js
+- dist/chunks/lib-5OzNgeeu.js
+- dist/chunks/pb_form_validation-DGhKbZtO.js
 - dist/chunks/vendor.js
 - dist/menu.yml
 - dist/playbook-doc.js

data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_change.html.erb

@@ -1,39 +0,0 @@
-<%= pb_rails("date_picker", props: {
-  label: "Date Picker",
-  picker_id: "date-picker-onchange",
-  margin_bottom: "lg"
-}) %>
-<%= pb_rails("caption", props: { text: "Date Object" }) %>
-<%= pb_rails("body", props: {
-  label: "Date Object",
-  text: "Select Date",
-  margin_bottom: "lg",
-  id: "date-picker-onchange-object",
-}) %>
-<%= pb_rails("caption", props: { text: "Date String" }) %>
-<%= pb_rails("body", props: {
-  label: "Date String",
-  text: "Select Date",
-  margin_bottom: "lg",
-  id: "date-picker-onchange-string",
-}) %>
-
-
-<%= javascript_tag do %>
-  window.addEventListener("DOMContentLoaded", () => {
-    <%# Access flatpickr instance with picker id and assign it a variable %>
-    const fp = document.querySelector("#date-picker-onchange")._flatpickr
-
-    <%# Define Hook %>
-    const changeHook = (selectedDates, dateStr) => {
-      const object = document.querySelector('#date-picker-onchange-object')
-      object.textContent = selectedDates[0] ? selectedDates[0].toString() : ''
-
-      const string = document.querySelector('#date-picker-onchange-string')
-      string.textContent = dateStr
-    }
-    
-    <%# Push one or more hooks to onChange config array %>
-    fp.config.onChange.push(changeHook)
-  })
-<% end %>

data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_close.html.erb

@@ -1,39 +0,0 @@
-<%= pb_rails("date_picker", props: {
-  label: "Date Picker",
-  picker_id: "date-picker-onclose",
-  margin_bottom: "lg"
-}) %>
-<%= pb_rails("caption", props: { text: "Date Object" }) %>
-<%= pb_rails("body", props: {
-  label: "Date Object",
-  text: "Select Date",
-  margin_bottom: "lg",
-  id: "date-picker-onclose-object",
-}) %>
-<%= pb_rails("caption", props: { text: "Date String" }) %>
-<%= pb_rails("body", props: {
-  label: "Date String",
-  text: "Select Date",
-  margin_bottom: "lg",
-  id: "date-picker-onclose-string",
-}) %>
-
-
-<%= javascript_tag do %>
-  window.addEventListener("DOMContentLoaded", () => {
-    <%# Access flatpickr instance with picker id and assign it a variable %>
-    const fp = document.querySelector("#date-picker-onclose")._flatpickr
-
-    <%# Define Hook %>
-    const closeHook = (selectedDates, dateStr) => {
-      const object = document.querySelector('#date-picker-onclose-object')
-      object.textContent = selectedDates[0] ? selectedDates[0].toString() : ''
-
-      const string = document.querySelector('#date-picker-onclose-string')
-      string.textContent = dateStr
-    }
-    
-    <%# Push one or more hooks to onClose config array %>
-    fp.config.onClose.push(closeHook)
-  })
-<% end %>

data/app/pb_kits/playbook/pb_empty_state/_empty_state.scss

@@ -1,38 +0,0 @@
-.pb_empty_state_kit {
-
-  .sm-state-vertical {
-    width: 150px;
-  }
-
-  .md-state-vertical {
-    width: 300px;
-  }
-
-  .lg-state-vertical {
-    width: 450px;
-  }
-
-  .sm-state-horizontal {
-    width: max-content;
-    max-width: 400px;
-    .pb_flex_item_kit {
-      align-self: end;
-    }
-  }
-
-  .md-state-horizontal {
-    width: max-content;
-    max-width: 600px;
-    .pb_flex_item_kit {
-      align-self: end;
-    }
-  }
-
-  .lg-state-horizontal {
-    width: max-content;
-    .pb_flex_item_kit {
-      align-self: end;
-    }
-  }
-
-}

data/app/pb_kits/playbook/pb_empty_state/_empty_state.tsx

@@ -1,213 +0,0 @@
-
-import React from "react"
-import ReactDOMServer from "react-dom/server"
-import classnames from "classnames"
-import { buildAriaProps, buildCss, buildDataProps } from "../utilities/props"
-import { globalProps } from "../utilities/globalProps"
-import Title from "../pb_title/_title"
-import Body from "../pb_body/_body"
-import Button from "../pb_button/_button"
-import Detail from "../pb_detail/_detail"
-import Flex from "../pb_flex/_flex"
-import FlexItem from "../pb_flex/_flex_item"
-import Image from "../pb_image/_image"
-import computer from "./docs/default_image/utils"
-
-type EventHandler = (React.MouseEventHandler<HTMLElement>)
-
-type EmptyStateProps = {
-  aria?: { [key: string]: string },
-  alignment?: "center" | "left" | "right",
-  className?: string,
-  data?: { [key: string]: string },
-  description?: string,
-  header?: string,
-  id?: string,
-  image?: string,
-  linkButton?: string,
-  onLinkButtonClick?: EventHandler,
-  onPrimaryButtonClick?: EventHandler,
-  orientation?: "horizontal" | "vertical",
-  primaryButton?: string,
-  size?: "sm" | "md" | "lg",
-}
-
-const EmptyState = (props: EmptyStateProps) => {
-  const {
-    aria = {},
-    alignment = "center",
-    className,
-    data = {},
-    description,
-    header = "",
-    id,
-    image,
-    linkButton,
-    onLinkButtonClick,
-    onPrimaryButtonClick,
-    orientation = "vertical",
-    primaryButton,
-    size = "md",
-  } = props
-
-  const ariaProps = buildAriaProps(aria)
-  const dataProps = buildDataProps(data)
-  const classes = classnames(buildCss("pb_empty_state_kit"), globalProps(props), className)
-
-  const renderContent = () => {
-    const sizeConfigs = {
-      sm: {
-        vertical: {
-          imageWidth: "100px",
-          titleSize: 4,
-          titlePadding: "xxs",
-          descriptionPadding: "sm",
-          buttonSize: "sm",
-          buttonMargin: "xs",
-          scssClassName: "sm-state-vertical",
-          column: "column",
-        },
-        horizontal: {
-          imageWidth: "100px",
-          titleSize: 4,
-          titlePadding: "xxs",
-          descriptionPadding: "sm",
-          buttonSize: "sm",
-          buttonMargin: "xs",
-          scssClassName: "sm-state-horizontal",
-          column: "",
-        },
-      },
-      md: {
-        vertical: {
-          imageWidth: "140px",
-          titleSize: 3,
-          titlePadding: "xs",
-          descriptionPadding: "md",
-          buttonSize: "md",
-          buttonMargin: "sm",
-          scssClassName: "md-state-vertical",
-          column: "column",
-        },
-        horizontal: {
-          imageWidth: "140px",
-          titleSize: 3,
-          titlePadding: "xs",
-          descriptionPadding: "md",
-          buttonSize: "md",
-          buttonMargin: "sm",
-          scssClassName: "md-state-horizontal",
-          column: "",
-        },
-      },
-      lg: {
-        vertical: {
-          imageWidth: "100%",
-          titleSize: 1,
-          titlePadding: "sm",
-          descriptionPadding: "lg",
-          buttonSize: "md",
-          buttonMargin: "md",
-          scssClassName: "lg-state-vertical",
-          column: "column",
-        },
-        horizontal: {
-          imageWidth: "100%",
-          titleSize: 2,
-          titlePadding: "sm",
-          descriptionPadding: "lg",
-          buttonSize: "md",
-          buttonMargin: "md",
-          scssClassName: "lg-state-horizontal",
-          column: "",
-        },
-      },
-    };
-
-    const configs = sizeConfigs[size]?.[orientation]
-    const alignFlex = alignment === "center" ? "center" : alignment === "right" ? "end" : "start"
-    const alignText = alignment === "center" ? "center" : alignment === "right" ? "right" : undefined
-
-    const getSvgAsDataUrl = () => {
-      const svgString = ReactDOMServer.renderToStaticMarkup(computer)
-      const encodedSvg = encodeURIComponent(svgString)
-      return `data:image/svg+xml,${encodedSvg}`
-    }
-
-    const layout = (
-      <div {...ariaProps}
-          {...dataProps}
-          className={classes}
-          id={id}
-      >
-        <Flex align={alignFlex}
-            className={configs.scssClassName}
-            orientation={configs.column as "column" | "row" | undefined}
-            paddingLeft="xl"
-            paddingRight="xl"
-            vertical="center"
-        >
-
-          { image && image === 'default' ? (
-            <Image
-                alt="test"
-                htmlOptions={{ width: configs.imageWidth, height: "auto", alignment: "start" }}
-                url={getSvgAsDataUrl()}
-            />
-          ) : image && image ? (
-            <Image
-                alt="test"
-                htmlOptions={{ width: configs.imageWidth, height: "auto", alignment: "start" }}
-                url={image}
-            />
-          ) : null}
-
-          <FlexItem >
-            <Title paddingBottom={configs.titlePadding as "xxs" | "xs" | "sm" | undefined}
-                size={configs.titleSize as 1 | 2 | 3 | 4 | undefined}
-                text={header}
-                textAlign={alignText}
-            />
-
-            { size !== "sm" ? (
-              <Body paddingBottom={configs.descriptionPadding as "sm" | "md" | "lg" | undefined}
-                  text={description}
-                  textAlign={alignText}
-              />
-            ) : (
-              <Detail paddingBottom={configs.descriptionPadding as "sm" | "md" | "lg" | undefined}
-                  text={description}
-                  textAlign={alignText}
-              />
-            )}
-
-            { primaryButton ? (
-                <Button
-                    marginBottom={configs.buttonMargin as "xs" | "sm" | "md" | undefined}
-                    onClick={onPrimaryButtonClick}
-                    size={configs.buttonSize as "sm" | "md" | undefined}
-                    text={primaryButton}
-                    variant="primary"
-                    width="100%"
-                />
-            ) : null }
-
-            { linkButton ? (
-                <Button onClick={onLinkButtonClick}
-                    size={configs.buttonSize as "sm" | "md" | undefined}
-                    text={linkButton}
-                    variant="link"
-                    width="100%"
-                />
-            ) : null }
-
-          </FlexItem>
-        </Flex>
-      </div>
-    )
-    return layout
-  }
-  return renderContent()
-}
-
-export default EmptyState

data/app/pb_kits/playbook/pb_empty_state/docs/_empty_state_alignment.jsx

@@ -1,38 +0,0 @@
-import React from 'react'
-import { EmptyState, Flex } from 'playbook-ui'
-
-const EmptyStateAlignment = (props) => (
-  <Flex align="center"
-      spacing="evenly"
-  >
-      <EmptyState
-          {...props}
-          alignment="left"
-          description="Body text goes into detail with possible steps for user to take"
-          header="Title Explains"
-          image="default"
-          primaryButton="Next Action"
-          size="md"
-      />
-      <EmptyState
-          {...props}
-          alignment="center"
-          description="Body text goes into detail with possible steps for user to take"
-          header="Title Explains"
-          image="default"
-          primaryButton="Next Action"
-          size="md"
-      />
-      <EmptyState
-          {...props}
-          alignment="right"
-          description="Body text goes into detail with possible steps for user to take"
-          header="Title Explains"
-          image="default"
-          primaryButton="Next Action"
-          size="md"
-      />
-  </Flex>
-)
-
-export default EmptyStateAlignment

data/app/pb_kits/playbook/pb_empty_state/docs/_empty_state_default.jsx

@@ -1,17 +0,0 @@
-import React from 'react'
-import { EmptyState, Flex } from 'playbook-ui'
-
-const EmptyStateDefault = (props) => (
-  <Flex align="center"
-      orientation="column"
-  >
-    <EmptyState
-        {...props}
-        description="Body text goes into detail with possible steps for user to take"
-        header="Title Explains"
-        image="default"
-    />
-  </Flex>
-)
-
-export default EmptyStateDefault

data/app/pb_kits/playbook/pb_empty_state/docs/_empty_state_orientation.jsx

@@ -1,21 +0,0 @@
-import React from 'react'
-import { EmptyState, Flex } from 'playbook-ui'
-
-const EmptyStateOrientation = (props) => (
-  <Flex align="center"
-      orientation="column"
-  >
-    <EmptyState
-        {...props}
-        alignment="left"
-        description="Body text goes into detail with possible steps for user to take"
-        header="Title Explains"
-        image="default"
-        orientation="horizontal"
-        primaryButton="Next Action"
-        size="lg"
-    />
-  </Flex>
-)
-
-export default EmptyStateOrientation

data/app/pb_kits/playbook/pb_empty_state/docs/_empty_state_size.jsx

@@ -1,35 +0,0 @@
-import React from 'react'
-import { EmptyState, Flex } from 'playbook-ui'
-
-const EmptyStateSize = (props) => (
-  <Flex align="center"
-      spacing="evenly"
-  >
-      <EmptyState
-          {...props}
-          alignment="center"
-          description="Body text goes into detail with possible steps for user to take"
-          header="Title Explains"
-          image="default"
-          linkButton="Alt Action"
-          onLinkButtonClick={() => alert("link button clicked!")}
-          onPrimaryButtonClick={() => alert("primary button clicked!")}
-          primaryButton="Next Action"
-          size="sm"
-      />
-      <EmptyState
-          {...props}
-          alignment="center"
-          description="Body text goes into detail with possible steps for user to take"
-          header="Title Explains"
-          image="default"
-          linkButton="Alt Action"
-          onLinkButtonClick={() => alert("link button clicked!")}
-          onPrimaryButtonClick={() => alert("primary button clicked!")}
-          primaryButton="Next Action"
-          size="lg"
-      />
-  </Flex>
-)
-
-export default EmptyStateSize

data/app/pb_kits/playbook/pb_empty_state/docs/default_image/computer_fly_no_branding.svg

@@ -1,21 +0,0 @@
-<svg width="341" height="251" viewBox="0 0 341 251" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M13.1313 233.77C21.94 231.747 31.6491 231.91 39.5575 227.702C56.9777 218.433 60.9184 182.571 50.3011 169.333C34.3751 149.475 16.4759 166.95 24.5771 179.675C27.3943 184.1 33.7848 186.935 38.6891 188.18C78.9114 198.392 100.955 166.769 129.901 144.801C138.226 138.483 146.873 132.512 155.877 127.089C163.474 122.514 171.448 118.481 179.602 114.869C188.038 111.131 196.468 106.974 205.556 105.078C224.677 101.089 236.173 98.6398 255.712 97.8855C262.58 97.6204 277.133 100.039 283.642 102.064C288.211 103.484 292.636 105.371 296.804 107.625C301.093 109.944 305.182 112.643 308.894 115.718C312.887 119.025 316.534 122.729 319.806 126.678C322.7 130.169 325.327 133.915 327.309 137.936C329.482 142.346 331.21 147.008 332.182 151.791C333.078 156.199 331.253 169.896 330.164 174.281C327.718 184.135 304.022 184.256 296.804 179.675C279.554 168.727 298.876 138.498 305.389 130.376C320.884 111.048 335.049 101.555 330.164 75.5071C329.954 74.386 324.327 52.1211 318.598 47.6126C312.869 43.104 302.552 30.5147 289.885 30.1272" stroke="#DFE3E8" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="5 9"/>
-<rect x="12.0342" y="231.969" width="240.667" height="16.9791" fill="white"/>
-<path opacity="0.397871" fill-rule="evenodd" clip-rule="evenodd" d="M24.0396 232C25.6294 241.986 74.6993 250 135 250C195.3 250 244.37 241.986 245.96 232H24.0396Z" fill="#EFEFEF"/>
-<path d="M12.0283 233.803H252.754V230.543L12.0283 230.543V233.803Z" fill="#DFE3E8"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M111.452 145.308H235.589C238.589 145.308 241.021 147.74 241.021 150.741V233.985C241.021 236.986 238.589 239.418 235.589 239.418H111.452C108.452 239.418 106.02 236.986 106.02 233.985V150.741C106.02 147.74 108.452 145.308 111.452 145.308Z" fill="#E6EBEF"/>
-<mask id="mask0_5923_12806" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="106" y="145" width="136" height="95">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M111.452 145.308H235.589C238.589 145.308 241.021 147.74 241.021 150.741V233.985C241.021 236.986 238.589 239.418 235.589 239.418H111.452C108.452 239.418 106.02 236.986 106.02 233.985V150.741C106.02 147.74 108.452 145.308 111.452 145.308Z" fill="white"/>
-</mask>
-<g mask="url(#mask0_5923_12806)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M233.81 130.202L135.323 256.455H90.7475L80.9556 100.717L233.81 130.202Z" fill="#EFF3F6"/>
-</g>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M190.054 195.575L174.18 206.901V211.604C174.18 211.951 173.792 212.153 173.511 211.952L158.305 201.104L158.287 201.091C158.13 200.979 158.038 200.798 158.038 200.605V200.6V189.57V189.566C158.038 189.373 158.131 189.191 158.288 189.08L158.305 189.067L174.18 177.741V173.038C174.18 172.691 174.567 172.489 174.848 172.69L190.054 183.538L190.072 183.551C190.229 183.662 190.322 183.844 190.322 184.036V184.042V195.071V195.076C190.322 195.269 190.228 195.451 190.071 195.562L190.054 195.575Z" fill="#F9F9F9"/>
-<path d="M174.18 206.901L173.308 205.679C172.914 205.961 172.68 206.416 172.68 206.901H174.18ZM190.054 195.575L190.925 196.796C190.932 196.791 190.938 196.787 190.945 196.782L190.054 195.575ZM173.511 211.952L174.383 210.732L174.382 210.731L173.511 211.952ZM158.305 201.104L157.425 202.319L157.434 202.325L158.305 201.104ZM158.287 201.091L159.167 199.876L159.159 199.87L158.287 201.091ZM158.288 189.08L159.158 190.302C159.165 190.297 159.172 190.292 159.179 190.286L158.288 189.08ZM158.305 189.067L157.434 187.846C157.427 187.85 157.421 187.855 157.414 187.86L158.305 189.067ZM174.18 177.741L175.051 178.962C175.445 178.681 175.68 178.226 175.68 177.741H174.18ZM174.848 172.69L173.976 173.91L173.977 173.911L174.848 172.69ZM190.054 183.538L190.934 182.323L190.925 182.317L190.054 183.538ZM190.072 183.551L189.192 184.766L189.203 184.774L190.072 183.551ZM190.071 195.562L189.201 194.34C189.194 194.345 189.188 194.35 189.181 194.355L190.071 195.562ZM175.051 208.122L190.925 196.796L189.183 194.354L173.308 205.679L175.051 208.122ZM175.68 211.604V206.901H172.68V211.604H175.68ZM172.639 213.173C173.929 214.094 175.68 213.15 175.68 211.604H172.68C172.68 210.751 173.654 210.211 174.383 210.732L172.639 213.173ZM157.434 202.325L172.64 213.173L174.382 210.731L159.176 199.883L157.434 202.325ZM157.407 202.305L157.425 202.319L159.185 199.889L159.167 199.876L157.407 202.305ZM156.538 200.605C156.538 201.281 156.863 201.917 157.415 202.312L159.159 199.87C159.398 200.041 159.538 200.316 159.538 200.605H156.538ZM156.538 200.6V200.605H159.538V200.6H156.538ZM156.538 189.57V200.6H159.538V189.57H156.538ZM156.538 189.566V189.57H159.538V189.566H156.538ZM157.418 187.857C156.864 188.252 156.538 188.889 156.538 189.566H159.538C159.538 189.856 159.398 190.131 159.158 190.302L157.418 187.857ZM157.414 187.86L157.397 187.873L159.179 190.286L159.196 190.274L157.414 187.86ZM173.308 176.52L157.434 187.846L159.176 190.288L175.051 178.962L173.308 176.52ZM172.68 173.038V177.741H175.68V173.038H172.68ZM175.72 171.469C174.43 170.548 172.68 171.492 172.68 173.038H175.68C175.68 173.891 174.705 174.431 173.976 173.91L175.72 171.469ZM190.925 182.317L175.719 171.469L173.977 173.911L189.183 184.759L190.925 182.317ZM190.953 182.337L190.934 182.323L189.174 184.753L189.192 184.766L190.953 182.337ZM191.822 184.036C191.822 183.363 191.498 182.724 190.941 182.328L189.203 184.774C188.96 184.601 188.822 184.324 188.822 184.036H191.822ZM191.822 184.042V184.036H188.822V184.042H191.822ZM191.822 195.071V184.042H188.822V195.071H191.822ZM191.822 195.076V195.071H188.822V195.076H191.822ZM190.941 196.785C191.495 196.39 191.822 195.752 191.822 195.076H188.822C188.822 194.786 188.961 194.511 189.201 194.34L190.941 196.785ZM190.945 196.782L190.962 196.769L189.181 194.355L189.164 194.368L190.945 196.782Z" fill="#DFE3E8"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M236.947 145.308H111.452C108.452 145.308 106.02 147.74 106.02 150.741V233.985C106.02 236.986 108.452 239.418 111.452 239.418H236.947C239.947 239.418 242.38 236.986 242.38 233.985V150.741C242.38 147.74 239.947 145.308 236.947 145.308ZM109.279 150.741C109.279 149.541 110.252 148.568 111.452 148.568H236.947C238.147 148.568 239.12 149.541 239.12 150.741V233.985C239.12 235.185 238.147 236.158 236.947 236.158H111.452C110.252 236.158 109.279 235.185 109.279 233.985V150.741Z" fill="#DFE3E8"/>
-<circle cx="272.814" cy="31.0862" r="6.5" transform="rotate(-58 272.814 31.0862)" stroke="#DFE3E8" stroke-width="3"/>
-<path d="M269.32 17.8078L270.476 15.9575C270.911 15.2615 271.76 15.0988 272.345 15.4639L287.909 25.1895C288.493 25.5546 288.72 26.3898 288.285 27.0858L287.129 28.9361C286.694 29.6321 285.844 29.7949 285.259 29.4297L269.695 19.7042C269.111 19.339 268.885 18.5038 269.32 17.8078Z" stroke="#DFE3E8" stroke-width="3"/>
-<path d="M271.277 14.9443L270.425 8.22099" stroke="#DFE3E8" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M268.414 18.3138L262.372 20.4343L268.414 18.3138Z" stroke="#DFE3E8" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
-<circle cx="283.883" cy="13.9734" r="6.5" transform="rotate(-58 283.883 13.9734)" stroke="#DFE3E8" stroke-width="3"/>
-</svg>