npm - @toptal/picasso-pictograms - Versions diffs - 5.4.0 → 5.5.0 - Mend

@toptal/picasso-pictograms 5.4.0 → 5.5.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 (654) hide show

package/src/Pictogram/TeamMeetingWhite64.tsx ADDED Viewed

@@ -0,0 +1,89 @@
+import type { Ref } from 'react'
+import React, { forwardRef } from 'react'
+import type { StandardProps } from '@toptal/picasso-shared'
+const SIZE = 64
+type ScaleType = 1 | 2
+export interface Props extends StandardProps {
+  scale?: ScaleType
+  base?: number
+}
+const SvgTeamMeetingWhite64 = forwardRef(function SvgTeamMeetingWhite64(
+  props: Props,
+  ref: Ref<SVGSVGElement>
+) {
+  const { className, style = {}, scale, base, 'data-testid': testId } = props
+  const scaledSize = base || SIZE * Math.ceil(scale || 1)
+  const svgStyle = {
+    minWidth: `${scaledSize}px`,
+    minHeight: `${scaledSize}px`,
+    ...style,
+  }
+  return (
+    <svg
+      fill='none'
+      viewBox='0 0 64 64'
+      className={className}
+      style={svgStyle}
+      ref={ref}
+      data-testid={testId}
+    >
+      <g clipPath='url(#a)'>
+        <path
+          fill='#000'
+          d='M54 32H11v28h43V32ZM32.5 14.5a4 4 0 1 0 0-8 4 4 0 0 0 0 8ZM32.5 14.5c-3.87 0-7 3.13-7 7l.5.5h13l.5-.5c0-3.87-3.13-7-7-7Z'
+          opacity={0.3}
+        />
+        <path
+          stroke='#fff'
+          strokeMiterlimit={10}
+          d='M1 63.5h63M19.67 28.5H7.5v35h50v-35H45.08M8.5 14.5a4 4 0 1 0 0-8 4 4 0 0 0 0 8Z'
+        />
+        <path
+          stroke='#fff'
+          strokeLinecap='square'
+          strokeMiterlimit={10}
+          d='M1.5 21.5c0-3.87 3.13-7 7-7s7 3.13 7 7'
+        />
+        <path
+          stroke='#fff'
+          strokeMiterlimit={10}
+          d='M56.5 14.5a4 4 0 1 0 0-8 4 4 0 0 0 0 8Z'
+        />
+        <path
+          stroke='#fff'
+          strokeLinecap='square'
+          strokeMiterlimit={10}
+          d='M49.5 21.5c0-3.87 3.13-7 7-7s7 3.13 7 7'
+        />
+        <path
+          stroke='#fff'
+          strokeMiterlimit={10}
+          d='M32.5 14.5a4 4 0 1 0 0-8 4 4 0 0 0 0 8Z'
+        />
+        <path
+          stroke='#fff'
+          strokeLinecap='square'
+          strokeMiterlimit={10}
+          d='M25.5 21.5c0-3.87 3.13-7 7-7s7 3.13 7 7'
+        />
+        <path
+          stroke='#fff'
+          strokeMiterlimit={10}
+          d='M32.5 28.5c7.732 0 14-6.268 14-14s-6.268-14-14-14-14 6.268-14 14 6.268 14 14 14ZM32.5 29v17M37 42l-4.5 4.5L28 42'
+        />
+      </g>
+      <defs>
+        <clipPath id='a'>
+          <path fill='#fff' d='M0 0h64v64H0z' />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+})
+SvgTeamMeetingWhite64.displayName = 'SvgTeamMeetingWhite64'
+export default SvgTeamMeetingWhite64

package/src/Pictogram/TeamSettingsBlue64.tsx ADDED Viewed

@@ -0,0 +1,97 @@
+import type { Ref } from 'react'
+import React, { forwardRef } from 'react'
+import type { StandardProps } from '@toptal/picasso-shared'
+const SIZE = 64
+type ScaleType = 1 | 2
+export interface Props extends StandardProps {
+  scale?: ScaleType
+  base?: number
+}
+const SvgTeamSettingsBlue64 = forwardRef(function SvgTeamSettingsBlue64(
+  props: Props,
+  ref: Ref<SVGSVGElement>
+) {
+  const { className, style = {}, scale, base, 'data-testid': testId } = props
+  const scaledSize = base || SIZE * Math.ceil(scale || 1)
+  const svgStyle = {
+    minWidth: `${scaledSize}px`,
+    minHeight: `${scaledSize}px`,
+    ...style,
+  }
+  return (
+    <svg
+      fill='none'
+      viewBox='0 0 64 64'
+      className={className}
+      style={svgStyle}
+      ref={ref}
+      data-testid={testId}
+    >
+      <g clipPath='url(#a)'>
+        <path
+          fill='#183A9C'
+          fillRule='evenodd'
+          d='M46.35 17.1c.2-1.39.2-2.81 0-4.2l-3.34-.45c-.28-1.21-.76-2.37-1.42-3.43l2.04-2.68c-.84-1.13-1.84-2.13-2.97-2.97l-2.68 2.04c-1.06-.66-2.22-1.14-3.43-1.42L34.1.65c-1.39-.2-2.81-.2-4.2 0l-.45 3.34c-1.21.28-2.37.76-3.43 1.42l-2.68-2.04c-1.13.84-2.13 1.84-2.97 2.97l2.04 2.68c-.66 1.06-1.14 2.22-1.42 3.43l-3.34.45c-.2 1.39-.2 2.81 0 4.2l3.34.45c.28 1.21.76 2.37 1.42 3.43l-2.04 2.68c.84 1.13 1.84 2.13 2.97 2.97l2.68-2.04c1.06.66 2.21 1.14 3.42 1.42l.45 3.34c1.39.2 2.81.2 4.2 0l.45-3.34c1.21-.28 2.37-.76 3.43-1.42l2.68 2.04c1.13-.84 2.13-1.84 2.97-2.97l-2.04-2.68c.66-1.06 1.14-2.22 1.42-3.43l3.34-.45h.01ZM26.5 21c0-3.04 2.46-5.5 5.5-5.5-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5c3.04 0 5.5 2.46 5.5 5.5h-11Z'
+          clipRule='evenodd'
+          opacity={0.15}
+        />
+        <path
+          stroke='#204ECD'
+          strokeMiterlimit={10}
+          d='M34.1.65c-1.39-.2-2.81-.2-4.2 0l-.45 3.34c-1.21.28-2.37.76-3.43 1.42l-2.68-2.04c-1.13.84-2.13 1.84-2.97 2.97l2.04 2.68c-.66 1.06-1.14 2.22-1.42 3.43l-3.34.45c-.2 1.39-.2 2.81 0 4.2l3.34.45c.28 1.21.76 2.37 1.42 3.43l-2.04 2.68c.84 1.13 1.84 2.13 2.97 2.97l2.68-2.04c1.06.66 2.21 1.14 3.42 1.42l.45 3.34c1.39.2 2.81.2 4.2 0l.45-3.34c1.21-.28 2.37-.76 3.43-1.42l2.68 2.04c1.13-.84 2.13-1.84 2.97-2.97l-2.04-2.68c.66-1.06 1.14-2.22 1.42-3.43l3.34-.45c.2-1.39.2-2.81 0-4.2L43 12.45c-.28-1.21-.76-2.37-1.42-3.43l2.04-2.68c-.84-1.13-1.84-2.13-2.97-2.97l-2.68 2.04c-1.06-.66-2.22-1.14-3.43-1.42L34.09.65h.01Z'
+          clipRule='evenodd'
+        />
+        <path
+          stroke='#204ECD'
+          strokeMiterlimit={10}
+          d='M32 15.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7ZM26.5 21c0-3.04 2.46-5.5 5.5-5.5s5.5 2.46 5.5 5.5M8.5 55.5a5 5 0 1 0 0-10 5 5 0 0 0 0 10Z'
+        />
+        <path
+          stroke='#204ECD'
+          strokeLinecap='square'
+          strokeMiterlimit={10}
+          d='M.5 63.5c0-4.42 3.58-8 8-8s8 3.58 8 8'
+        />
+        <path
+          stroke='#204ECD'
+          strokeMiterlimit={10}
+          d='M31.5 55.5a5 5 0 1 0 0-10 5 5 0 0 0 0 10Z'
+        />
+        <path
+          stroke='#204ECD'
+          strokeLinecap='square'
+          strokeMiterlimit={10}
+          d='M23.5 63.5c0-4.42 3.58-8 8-8s8 3.58 8 8'
+        />
+        <path
+          stroke='#204ECD'
+          strokeMiterlimit={10}
+          d='M54.5 55.5a5 5 0 1 0 0-10 5 5 0 0 0 0 10Z'
+        />
+        <path
+          stroke='#204ECD'
+          strokeLinecap='square'
+          strokeMiterlimit={10}
+          d='M46.5 63.5c0-4.42 3.58-8 8-8s8 3.58 8 8'
+        />
+        <path
+          stroke='#204ECD'
+          strokeMiterlimit={10}
+          d='M54.5 46v-6.5h-46V46M31.5 45.5v-11'
+        />
+      </g>
+      <defs>
+        <clipPath id='a'>
+          <path fill='#fff' d='M0 0h64v64H0z' />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+})
+SvgTeamSettingsBlue64.displayName = 'SvgTeamSettingsBlue64'
+export default SvgTeamSettingsBlue64

package/src/Pictogram/TeamSettingsWhite64.tsx ADDED Viewed

@@ -0,0 +1,97 @@
+import type { Ref } from 'react'
+import React, { forwardRef } from 'react'
+import type { StandardProps } from '@toptal/picasso-shared'
+const SIZE = 64
+type ScaleType = 1 | 2
+export interface Props extends StandardProps {
+  scale?: ScaleType
+  base?: number
+}
+const SvgTeamSettingsWhite64 = forwardRef(function SvgTeamSettingsWhite64(
+  props: Props,
+  ref: Ref<SVGSVGElement>
+) {
+  const { className, style = {}, scale, base, 'data-testid': testId } = props
+  const scaledSize = base || SIZE * Math.ceil(scale || 1)
+  const svgStyle = {
+    minWidth: `${scaledSize}px`,
+    minHeight: `${scaledSize}px`,
+    ...style,
+  }
+  return (
+    <svg
+      fill='none'
+      viewBox='0 0 64 64'
+      className={className}
+      style={svgStyle}
+      ref={ref}
+      data-testid={testId}
+    >
+      <g clipPath='url(#a)'>
+        <path
+          fill='#000'
+          fillRule='evenodd'
+          d='M46.35 17.1c.2-1.39.2-2.81 0-4.2l-3.34-.45c-.28-1.21-.76-2.37-1.42-3.43l2.04-2.68c-.84-1.13-1.84-2.13-2.97-2.97l-2.68 2.04c-1.06-.66-2.22-1.14-3.43-1.42L34.1.65c-1.39-.2-2.81-.2-4.2 0l-.45 3.34c-1.21.28-2.37.76-3.43 1.42l-2.68-2.04c-1.13.84-2.13 1.84-2.97 2.97l2.04 2.68c-.66 1.06-1.14 2.22-1.42 3.43l-3.34.45c-.2 1.39-.2 2.81 0 4.2l3.34.45c.28 1.21.76 2.37 1.42 3.43l-2.04 2.68c.84 1.13 1.84 2.13 2.97 2.97l2.68-2.04c1.06.66 2.21 1.14 3.42 1.42l.45 3.34c1.39.2 2.81.2 4.2 0l.45-3.34c1.21-.28 2.37-.76 3.43-1.42l2.68 2.04c1.13-.84 2.13-1.84 2.97-2.97l-2.04-2.68c.66-1.06 1.14-2.22 1.42-3.43l3.34-.45h.01ZM26.5 21c0-3.04 2.46-5.5 5.5-5.5-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5c3.04 0 5.5 2.46 5.5 5.5h-11Z'
+          clipRule='evenodd'
+          opacity={0.3}
+        />
+        <path
+          stroke='#fff'
+          strokeMiterlimit={10}
+          d='M34.1.65c-1.39-.2-2.81-.2-4.2 0l-.45 3.34c-1.21.28-2.37.76-3.43 1.42l-2.68-2.04c-1.13.84-2.13 1.84-2.97 2.97l2.04 2.68c-.66 1.06-1.14 2.22-1.42 3.43l-3.34.45c-.2 1.39-.2 2.81 0 4.2l3.34.45c.28 1.21.76 2.37 1.42 3.43l-2.04 2.68c.84 1.13 1.84 2.13 2.97 2.97l2.68-2.04c1.06.66 2.21 1.14 3.42 1.42l.45 3.34c1.39.2 2.81.2 4.2 0l.45-3.34c1.21-.28 2.37-.76 3.43-1.42l2.68 2.04c1.13-.84 2.13-1.84 2.97-2.97l-2.04-2.68c.66-1.06 1.14-2.22 1.42-3.43l3.34-.45c.2-1.39.2-2.81 0-4.2L43 12.45c-.28-1.21-.76-2.37-1.42-3.43l2.04-2.68c-.84-1.13-1.84-2.13-2.97-2.97l-2.68 2.04c-1.06-.66-2.22-1.14-3.43-1.42L34.09.65h.01Z'
+          clipRule='evenodd'
+        />
+        <path
+          stroke='#fff'
+          strokeMiterlimit={10}
+          d='M32 15.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7ZM26.5 21c0-3.04 2.46-5.5 5.5-5.5s5.5 2.46 5.5 5.5M8.5 55.5a5 5 0 1 0 0-10 5 5 0 0 0 0 10Z'
+        />
+        <path
+          stroke='#fff'
+          strokeLinecap='square'
+          strokeMiterlimit={10}
+          d='M.5 63.5c0-4.42 3.58-8 8-8s8 3.58 8 8'
+        />
+        <path
+          stroke='#fff'
+          strokeMiterlimit={10}
+          d='M31.5 55.5a5 5 0 1 0 0-10 5 5 0 0 0 0 10Z'
+        />
+        <path
+          stroke='#fff'
+          strokeLinecap='square'
+          strokeMiterlimit={10}
+          d='M23.5 63.5c0-4.42 3.58-8 8-8s8 3.58 8 8'
+        />
+        <path
+          stroke='#fff'
+          strokeMiterlimit={10}
+          d='M54.5 55.5a5 5 0 1 0 0-10 5 5 0 0 0 0 10Z'
+        />
+        <path
+          stroke='#fff'
+          strokeLinecap='square'
+          strokeMiterlimit={10}
+          d='M46.5 63.5c0-4.42 3.58-8 8-8s8 3.58 8 8'
+        />
+        <path
+          stroke='#fff'
+          strokeMiterlimit={10}
+          d='M54.5 46v-6.5h-46V46M31.5 45.5v-11'
+        />
+      </g>
+      <defs>
+        <clipPath id='a'>
+          <path fill='#fff' d='M0 0h64v64H0z' />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+})
+SvgTeamSettingsWhite64.displayName = 'SvgTeamSettingsWhite64'
+export default SvgTeamSettingsWhite64

package/src/Pictogram/TechnologyHardwareBlue64.tsx ADDED Viewed

@@ -0,0 +1,62 @@
+import type { Ref } from 'react'
+import React, { forwardRef } from 'react'
+import type { StandardProps } from '@toptal/picasso-shared'
+const SIZE = 64
+type ScaleType = 1 | 2
+export interface Props extends StandardProps {
+  scale?: ScaleType
+  base?: number
+}
+const SvgTechnologyHardwareBlue64 = forwardRef(
+  function SvgTechnologyHardwareBlue64(props: Props, ref: Ref<SVGSVGElement>) {
+    const { className, style = {}, scale, base, 'data-testid': testId } = props
+    const scaledSize = base || SIZE * Math.ceil(scale || 1)
+    const svgStyle = {
+      minWidth: `${scaledSize}px`,
+      minHeight: `${scaledSize}px`,
+      ...style,
+    }
+    return (
+      <svg
+        fill='none'
+        viewBox='0 0 64 64'
+        className={className}
+        style={svgStyle}
+        ref={ref}
+        data-testid={testId}
+      >
+        <g clipPath='url(#a)'>
+          <path
+            fill='#183A9E'
+            d='M55.748 5.931H8.253A2.321 2.321 0 0 0 5.93 8.252v47.495a2.322 2.322 0 0 0 2.322 2.322h47.495a2.321 2.321 0 0 0 2.321-2.322V8.252a2.321 2.321 0 0 0-2.322-2.32ZM52.16 38.978l-3.54 3.541v8.385H15.38V42.52l-3.54-3.54V26.631l3.54-3.539v-9.997h33.24v9.997l3.54 3.54v12.345Z'
+            opacity={0.15}
+          />
+          <path
+            fill='#204ECF'
+            d='M55.748 58.569H8.252a2.824 2.824 0 0 1-2.82-2.821V8.252a2.825 2.825 0 0 1 2.82-2.82h47.496a2.824 2.824 0 0 1 2.82 2.82v47.496a2.825 2.825 0 0 1-2.82 2.82ZM8.252 6.43a1.823 1.823 0 0 0-1.82 1.821v47.496a1.823 1.823 0 0 0 1.82 1.82h47.496a1.823 1.823 0 0 0 1.82-1.82V8.252a1.823 1.823 0 0 0-1.82-1.82H8.252Z'
+          />
+          <path
+            fill='#204ECF'
+            d='M49.121 51.404H14.879v-8.678l-3.539-3.54v-12.76l3.539-3.54v-9.79h1V23.3l-3.539 3.54v11.932l3.539 3.54v8.092h32.242v-8.092l3.539-3.54V26.84L48.121 23.3V13.096h1v9.79l3.539 3.54v12.76l-3.539 3.54v8.678Z'
+          />
+          <path
+            fill='#204ECF'
+            d='M44.448 44.476H19.552V19.579h24.896v24.897Zm-23.896-1h22.896V20.579H20.552v22.897ZM63.5 18.465h-5.431v1H63.5v-1ZM63.5 27.155h-5.431v1H63.5v-1ZM63.5 35.845h-5.431v1H63.5v-1ZM63.5 44.535h-5.431v1H63.5v-1ZM5.931 18.465H.5v1h5.431v-1ZM5.931 27.155H.5v1h5.431v-1ZM5.931 35.845H.5v1h5.431v-1ZM5.931 44.535H.5v1h5.431v-1ZM45.535 58.069h-1V63.5h1v-5.431ZM36.845 58.069h-1V63.5h1v-5.431ZM28.155 58.069h-1V63.5h1v-5.431ZM19.465 58.069h-1V63.5h1v-5.431ZM45.535.5h-1v5.431h1V.5ZM36.845.5h-1v5.431h1V.5ZM28.155.5h-1v5.431h1V.5ZM19.465.5h-1v5.431h1V.5Z'
+          />
+        </g>
+        <defs>
+          <clipPath id='a'>
+            <path fill='#fff' d='M0 0h64v64H0z' />
+          </clipPath>
+        </defs>
+      </svg>
+    )
+  }
+)
+SvgTechnologyHardwareBlue64.displayName = 'SvgTechnologyHardwareBlue64'
+export default SvgTechnologyHardwareBlue64

package/src/Pictogram/TechnologyHardwareWhite64.tsx ADDED Viewed

@@ -0,0 +1,62 @@
+import type { Ref } from 'react'
+import React, { forwardRef } from 'react'
+import type { StandardProps } from '@toptal/picasso-shared'
+const SIZE = 64
+type ScaleType = 1 | 2
+export interface Props extends StandardProps {
+  scale?: ScaleType
+  base?: number
+}
+const SvgTechnologyHardwareWhite64 = forwardRef(
+  function SvgTechnologyHardwareWhite64(props: Props, ref: Ref<SVGSVGElement>) {
+    const { className, style = {}, scale, base, 'data-testid': testId } = props
+    const scaledSize = base || SIZE * Math.ceil(scale || 1)
+    const svgStyle = {
+      minWidth: `${scaledSize}px`,
+      minHeight: `${scaledSize}px`,
+      ...style,
+    }
+    return (
+      <svg
+        fill='none'
+        viewBox='0 0 64 64'
+        className={className}
+        style={svgStyle}
+        ref={ref}
+        data-testid={testId}
+      >
+        <g clipPath='url(#a)'>
+          <path
+            fill='#231F20'
+            d='M55.748 5.931H8.253A2.321 2.321 0 0 0 5.93 8.252v47.495a2.322 2.322 0 0 0 2.322 2.322h47.495a2.321 2.321 0 0 0 2.321-2.322V8.252a2.321 2.321 0 0 0-2.322-2.32ZM52.16 38.978l-3.54 3.541v8.385H15.38V42.52l-3.54-3.54V26.631l3.54-3.539v-9.997h33.24v9.997l3.54 3.54v12.345Z'
+            opacity={0.3}
+          />
+          <path
+            fill='#fff'
+            d='M55.748 58.569H8.252a2.824 2.824 0 0 1-2.82-2.821V8.252a2.825 2.825 0 0 1 2.82-2.82h47.496a2.824 2.824 0 0 1 2.82 2.82v47.496a2.825 2.825 0 0 1-2.82 2.82ZM8.252 6.43a1.823 1.823 0 0 0-1.82 1.821v47.496a1.823 1.823 0 0 0 1.82 1.82h47.496a1.823 1.823 0 0 0 1.82-1.82V8.252a1.823 1.823 0 0 0-1.82-1.82H8.252Z'
+          />
+          <path
+            fill='#fff'
+            d='M49.121 51.404H14.879v-8.678l-3.539-3.54v-12.76l3.539-3.54v-9.79h1V23.3l-3.539 3.54v11.932l3.539 3.54v8.092h32.242v-8.092l3.539-3.54V26.84L48.121 23.3V13.096h1v9.79l3.539 3.54v12.76l-3.539 3.54v8.678Z'
+          />
+          <path
+            fill='#fff'
+            d='M44.448 44.476H19.552V19.579h24.896v24.897Zm-23.896-1h22.896V20.579H20.552v22.897ZM63.5 18.465h-5.431v1H63.5v-1ZM63.5 27.155h-5.431v1H63.5v-1ZM63.5 35.845h-5.431v1H63.5v-1ZM63.5 44.535h-5.431v1H63.5v-1ZM5.931 18.465H.5v1h5.431v-1ZM5.931 27.155H.5v1h5.431v-1ZM5.931 35.845H.5v1h5.431v-1ZM5.931 44.535H.5v1h5.431v-1ZM45.535 58.069h-1V63.5h1v-5.431ZM36.845 58.069h-1V63.5h1v-5.431ZM28.155 58.069h-1V63.5h1v-5.431ZM19.465 58.069h-1V63.5h1v-5.431ZM45.535.5h-1v5.431h1V.5ZM36.845.5h-1v5.431h1V.5ZM28.155.5h-1v5.431h1V.5ZM19.465.5h-1v5.431h1V.5Z'
+          />
+        </g>
+        <defs>
+          <clipPath id='a'>
+            <path fill='#fff' d='M0 0h64v64H0z' />
+          </clipPath>
+        </defs>
+      </svg>
+    )
+  }
+)
+SvgTechnologyHardwareWhite64.displayName = 'SvgTechnologyHardwareWhite64'
+export default SvgTechnologyHardwareWhite64

package/src/Pictogram/TimezoneClockBlue64.tsx ADDED Viewed

@@ -0,0 +1,67 @@
+import type { Ref } from 'react'
+import React, { forwardRef } from 'react'
+import type { StandardProps } from '@toptal/picasso-shared'
+const SIZE = 64
+type ScaleType = 1 | 2
+export interface Props extends StandardProps {
+  scale?: ScaleType
+  base?: number
+}
+const SvgTimezoneClockBlue64 = forwardRef(function SvgTimezoneClockBlue64(
+  props: Props,
+  ref: Ref<SVGSVGElement>
+) {
+  const { className, style = {}, scale, base, 'data-testid': testId } = props
+  const scaledSize = base || SIZE * Math.ceil(scale || 1)
+  const svgStyle = {
+    minWidth: `${scaledSize}px`,
+    minHeight: `${scaledSize}px`,
+    ...style,
+  }
+  return (
+    <svg
+      fill='none'
+      viewBox='0 0 64 64'
+      className={className}
+      style={svgStyle}
+      ref={ref}
+      data-testid={testId}
+    >
+      <g clipPath='url(#a)'>
+        <path
+          fill='#183A9E'
+          d='M14.563 23.252a8.69 8.69 0 1 0 0-17.379 8.69 8.69 0 0 0 0 17.38ZM49.438 23.252a8.69 8.69 0 1 0 0-17.379 8.69 8.69 0 0 0 0 17.38ZM14.563 58.127a8.69 8.69 0 1 0 0-17.379 8.69 8.69 0 0 0 0 17.38ZM49.438 58.127a8.69 8.69 0 1 0 0-17.379 8.69 8.69 0 0 0 0 17.38Z'
+          opacity={0.15}
+        />
+        <path
+          fill='#204ECF'
+          d='M14.563 29.125a14.563 14.563 0 1 1 14.562-14.563 14.579 14.579 0 0 1-14.563 14.563Zm0-28.125a13.562 13.562 0 1 0 13.562 13.563A13.577 13.577 0 0 0 14.562 1ZM49.438 29.125A14.563 14.563 0 1 1 64 14.562a14.579 14.579 0 0 1-14.563 14.563Zm0-28.125A13.562 13.562 0 1 0 63 14.563 13.577 13.577 0 0 0 49.437 1Z'
+        />
+        <path
+          fill='#204ECF'
+          d='M14.506 14.983a.556.556 0 0 1-.393-.163l-5.09-5.09.707-.707 4.332 4.332V4.6h1v10.16l-.343.18a.555.555 0 0 1-.213.043ZM49.65 15.056l-.37-.116a.553.553 0 0 1-.343-.513V4.6h1v8.755l4.333-4.332.707.707-5.326 5.326ZM14.563 64a14.563 14.563 0 1 1 14.562-14.563A14.579 14.579 0 0 1 14.562 64Zm0-28.125a13.562 13.562 0 1 0 13.562 13.563 13.578 13.578 0 0 0-13.563-13.563Z'
+        />
+        <path
+          fill='#204ECF'
+          d='m9.73 54.977-.707-.707 5.04-5.04v-9.755h1v10.17L9.73 54.977ZM49.438 64A14.563 14.563 0 1 1 64 49.437 14.579 14.579 0 0 1 49.437 64Zm0-28.125A13.562 13.562 0 1 0 63 49.438a13.578 13.578 0 0 0-13.563-13.563Z'
+        />
+        <path
+          fill='#204ECF'
+          d='m54.27 54.977-5.332-5.332v-10.17h1v9.755l5.039 5.04-.707.707Z'
+        />
+      </g>
+      <defs>
+        <clipPath id='a'>
+          <path fill='#fff' d='M0 0h64v64H0z' />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+})
+SvgTimezoneClockBlue64.displayName = 'SvgTimezoneClockBlue64'
+export default SvgTimezoneClockBlue64

package/src/Pictogram/TimezoneClockWhite64.tsx ADDED Viewed

@@ -0,0 +1,67 @@
+import type { Ref } from 'react'
+import React, { forwardRef } from 'react'
+import type { StandardProps } from '@toptal/picasso-shared'
+const SIZE = 64
+type ScaleType = 1 | 2
+export interface Props extends StandardProps {
+  scale?: ScaleType
+  base?: number
+}
+const SvgTimezoneClockWhite64 = forwardRef(function SvgTimezoneClockWhite64(
+  props: Props,
+  ref: Ref<SVGSVGElement>
+) {
+  const { className, style = {}, scale, base, 'data-testid': testId } = props
+  const scaledSize = base || SIZE * Math.ceil(scale || 1)
+  const svgStyle = {
+    minWidth: `${scaledSize}px`,
+    minHeight: `${scaledSize}px`,
+    ...style,
+  }
+  return (
+    <svg
+      fill='none'
+      viewBox='0 0 64 64'
+      className={className}
+      style={svgStyle}
+      ref={ref}
+      data-testid={testId}
+    >
+      <g clipPath='url(#a)'>
+        <path
+          fill='#231F20'
+          d='M14.563 23.252a8.69 8.69 0 1 0 0-17.379 8.69 8.69 0 0 0 0 17.38ZM49.438 23.252a8.69 8.69 0 1 0 0-17.379 8.69 8.69 0 0 0 0 17.38ZM14.563 58.127a8.69 8.69 0 1 0 0-17.379 8.69 8.69 0 0 0 0 17.38ZM49.438 58.127a8.69 8.69 0 1 0 0-17.379 8.69 8.69 0 0 0 0 17.38Z'
+          opacity={0.3}
+        />
+        <path
+          fill='#fff'
+          d='M14.563 29.125a14.563 14.563 0 1 1 14.562-14.563 14.579 14.579 0 0 1-14.563 14.563Zm0-28.125a13.562 13.562 0 1 0 13.562 13.563A13.577 13.577 0 0 0 14.562 1ZM49.438 29.125A14.563 14.563 0 1 1 64 14.562a14.579 14.579 0 0 1-14.563 14.563Zm0-28.125A13.562 13.562 0 1 0 63 14.563 13.577 13.577 0 0 0 49.437 1Z'
+        />
+        <path
+          fill='#fff'
+          d='M14.506 14.983a.556.556 0 0 1-.393-.163l-5.09-5.09.707-.707 4.332 4.332V4.6h1v10.16l-.343.18a.555.555 0 0 1-.213.043ZM49.65 15.056l-.37-.116a.553.553 0 0 1-.343-.513V4.6h1v8.755l4.333-4.332.707.707-5.326 5.326ZM14.563 64a14.563 14.563 0 1 1 14.562-14.563A14.579 14.579 0 0 1 14.562 64Zm0-28.125a13.562 13.562 0 1 0 13.562 13.563 13.578 13.578 0 0 0-13.563-13.563Z'
+        />
+        <path
+          fill='#fff'
+          d='m9.73 54.977-.707-.707 5.04-5.04v-9.755h1v10.17L9.73 54.977ZM49.438 64A14.563 14.563 0 1 1 64 49.437 14.579 14.579 0 0 1 49.437 64Zm0-28.125A13.562 13.562 0 1 0 63 49.438a13.578 13.578 0 0 0-13.563-13.563Z'
+        />
+        <path
+          fill='#fff'
+          d='m54.27 54.977-5.332-5.332v-10.17h1v9.755l5.039 5.04-.707.707Z'
+        />
+      </g>
+      <defs>
+        <clipPath id='a'>
+          <path fill='#fff' d='M0 0h64v64H0z' />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+})
+SvgTimezoneClockWhite64.displayName = 'SvgTimezoneClockWhite64'
+export default SvgTimezoneClockWhite64

package/src/Pictogram/VacationOutBlue64.tsx ADDED Viewed

@@ -0,0 +1,65 @@
+import type { Ref } from 'react'
+import React, { forwardRef } from 'react'
+import type { StandardProps } from '@toptal/picasso-shared'
+const SIZE = 64
+type ScaleType = 1 | 2
+export interface Props extends StandardProps {
+  scale?: ScaleType
+  base?: number
+}
+const SvgVacationOutBlue64 = forwardRef(function SvgVacationOutBlue64(
+  props: Props,
+  ref: Ref<SVGSVGElement>
+) {
+  const { className, style = {}, scale, base, 'data-testid': testId } = props
+  const scaledSize = base || SIZE * Math.ceil(scale || 1)
+  const svgStyle = {
+    minWidth: `${scaledSize}px`,
+    minHeight: `${scaledSize}px`,
+    ...style,
+  }
+  return (
+    <svg
+      fill='none'
+      viewBox='0 0 64 64'
+      className={className}
+      style={svgStyle}
+      ref={ref}
+      data-testid={testId}
+    >
+      <g clipPath='url(#a)'>
+        <path
+          fill='#183A9C'
+          d='M59.5 8H53v6h-4V8H14v6h-4V8H3.5A2.5 2.5 0 0 0 1 10.5V20h61v-9.5A2.5 2.5 0 0 0 59.5 8ZM39 36h-7v4h7v-4ZM45 46a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM35.83 44.19l1.18 2.39 2.64.39-1.91 1.86.45 2.63-2.36-1.24-2.37 1.24.45-2.63L32 46.97l2.64-.39 1.19-2.39Z'
+          opacity={0.15}
+        />
+        <path
+          stroke='#204ECD'
+          strokeMiterlimit={10}
+          d='M53 7.5h6.53a2.97 2.97 0 0 1 2.97 2.97v46.06a2.97 2.97 0 0 1-2.97 2.97H3.47A2.97 2.97 0 0 1 .5 56.53V10.47A2.97 2.97 0 0 1 3.47 7.5H10M14 7.5h35'
+        />
+        <path
+          fill='#204ECD'
+          d='M13 3v10h-2V3h2Zm1-1h-4v12h4V2ZM52 3v10h-2V3h2Zm1-1h-4v12h4V2Z'
+        />
+        <path
+          stroke='#204ECD'
+          strokeMiterlimit={10}
+          d='M47.5 30.5h-32a2 2 0 0 0-2 2v20a2 2 0 0 0 2 2h32a2 2 0 0 0 2-2v-20a2 2 0 0 0-2-2ZM36.5 30.5v-3c0-1.1-.9-2-2-2h-6c-1.1 0-2 .9-2 2v3M21.5 54V33M41.5 54V33'
+        />
+      </g>
+      <defs>
+        <clipPath id='a'>
+          <path fill='#fff' d='M0 0h64v64H0z' />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+})
+SvgVacationOutBlue64.displayName = 'SvgVacationOutBlue64'
+export default SvgVacationOutBlue64

package/src/Pictogram/VacationOutWhite64.tsx ADDED Viewed

@@ -0,0 +1,65 @@
+import type { Ref } from 'react'
+import React, { forwardRef } from 'react'
+import type { StandardProps } from '@toptal/picasso-shared'
+const SIZE = 64
+type ScaleType = 1 | 2
+export interface Props extends StandardProps {
+  scale?: ScaleType
+  base?: number
+}
+const SvgVacationOutWhite64 = forwardRef(function SvgVacationOutWhite64(
+  props: Props,
+  ref: Ref<SVGSVGElement>
+) {
+  const { className, style = {}, scale, base, 'data-testid': testId } = props
+  const scaledSize = base || SIZE * Math.ceil(scale || 1)
+  const svgStyle = {
+    minWidth: `${scaledSize}px`,
+    minHeight: `${scaledSize}px`,
+    ...style,
+  }
+  return (
+    <svg
+      fill='none'
+      viewBox='0 0 64 64'
+      className={className}
+      style={svgStyle}
+      ref={ref}
+      data-testid={testId}
+    >
+      <g clipPath='url(#a)'>
+        <path
+          fill='#000'
+          d='M59.5 8H53v6h-4V8H14v6h-4V8H3.5A2.5 2.5 0 0 0 1 10.5V20h61v-9.5A2.5 2.5 0 0 0 59.5 8ZM39 36h-7v4h7v-4ZM45 46a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM35.83 44.19l1.18 2.39 2.64.39-1.91 1.86.45 2.63-2.36-1.24-2.37 1.24.45-2.63L32 46.97l2.64-.39 1.19-2.39Z'
+          opacity={0.3}
+        />
+        <path
+          stroke='#fff'
+          strokeMiterlimit={10}
+          d='M53 7.5h6.53a2.97 2.97 0 0 1 2.97 2.97v46.06a2.97 2.97 0 0 1-2.97 2.97H3.47A2.97 2.97 0 0 1 .5 56.53V10.47A2.97 2.97 0 0 1 3.47 7.5H10M14 7.5h35'
+        />
+        <path
+          fill='#fff'
+          d='M13 3v10h-2V3h2Zm1-1h-4v12h4V2ZM52 3v10h-2V3h2Zm1-1h-4v12h4V2Z'
+        />
+        <path
+          stroke='#fff'
+          strokeMiterlimit={10}
+          d='M47.5 30.5h-32a2 2 0 0 0-2 2v20a2 2 0 0 0 2 2h32a2 2 0 0 0 2-2v-20a2 2 0 0 0-2-2ZM36.5 30.5v-3c0-1.1-.9-2-2-2h-6c-1.1 0-2 .9-2 2v3M21.5 54V33M41.5 54V33'
+        />
+      </g>
+      <defs>
+        <clipPath id='a'>
+          <path fill='#fff' d='M0 0h64v64H0z' />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+})
+SvgVacationOutWhite64.displayName = 'SvgVacationOutWhite64'
+export default SvgVacationOutWhite64