@seamapi/react 4.1.0 → 4.3.0

package/src/lib/icons/CheckBlack.tsx

@@ -7,9 +7,10 @@ export function CheckBlackIcon(props: SVGProps<SVGSVGElement>): JSX.Element {
   return (
     <svg
       xmlns='http://www.w3.org/2000/svg'
-      width={14}
-      height={12}
+      width='1em'
+      height='1em'
       fill='none'
+      viewBox='0 0 14 12'
       {...props}
     >
       <path

package/src/lib/icons/CheckGreen.tsx

@@ -7,9 +7,10 @@ export function CheckGreenIcon(props: SVGProps<SVGSVGElement>): JSX.Element {
   return (
     <svg
       xmlns='http://www.w3.org/2000/svg'
-      width={24}
-      height={24}
+      width='1em'
+      height='1em'
       fill='none'
+      viewBox='0 0 24 24'
       {...props}
     >
       <mask

package/src/lib/icons/CheckboxBlank.tsx

@@ -7,9 +7,10 @@ export function CheckboxBlankIcon(props: SVGProps<SVGSVGElement>): JSX.Element {
   return (
     <svg
       xmlns='http://www.w3.org/2000/svg'
-      width={24}
-      height={24}
+      width='1em'
+      height='1em'
       fill='none'
+      viewBox='0 0 24 24'
       {...props}
     >
       <path

package/src/lib/icons/CheckboxFilled.tsx

@@ -9,9 +9,10 @@ export function CheckboxFilledIcon(
   return (
     <svg
       xmlns='http://www.w3.org/2000/svg'
-      width={24}
-      height={24}
+      width='1em'
+      height='1em'
       fill='none'
+      viewBox='0 0 24 24'
       {...props}
     >
       <path

package/src/lib/icons/ChevronDown.tsx

@@ -7,9 +7,10 @@ export function ChevronDownIcon(props: SVGProps<SVGSVGElement>): JSX.Element {
   return (
     <svg
       xmlns='http://www.w3.org/2000/svg'
-      width={20}
-      height={20}
+      width='1em'
+      height='1em'
       fill='none'
+      viewBox='0 0 20 20'
       {...props}
     >
       <mask

package/src/lib/icons/ChevronRight.tsx

@@ -7,9 +7,10 @@ export function ChevronRightIcon(props: SVGProps<SVGSVGElement>): JSX.Element {
   return (
     <svg
       xmlns='http://www.w3.org/2000/svg'
-      width={25}
-      height={24}
+      width='1em'
+      height='1em'
       fill='none'
+      viewBox='0 0 25 24'
       {...props}
     >
       <mask

package/src/lib/icons/ChevronWide.tsx

@@ -7,9 +7,10 @@ export function ChevronWideIcon(props: SVGProps<SVGSVGElement>): JSX.Element {
   return (
     <svg
       xmlns='http://www.w3.org/2000/svg'
-      width={25}
-      height={24}
+      width='1em'
+      height='1em'
       fill='none'
+      viewBox='0 0 25 24'
       {...props}
     >
       <path

package/src/lib/icons/ClimateSettingSchedule.tsx

@@ -9,9 +9,10 @@ export function ClimateSettingScheduleIcon(
   return (
     <svg
       xmlns='http://www.w3.org/2000/svg'
-      width={19}
-      height={22}
+      width='1em'
+      height='1em'
       fill='none'
+      viewBox='0 0 19 22'
       {...props}
     >
       <path

package/src/lib/icons/Clock.tsx

@@ -7,9 +7,10 @@ export function ClockIcon(props: SVGProps<SVGSVGElement>): JSX.Element {
   return (
     <svg
       xmlns='http://www.w3.org/2000/svg'
-      width={24}
-      height={24}
+      width='1em'
+      height='1em'
       fill='none'
+      viewBox='0 0 24 24'
       {...props}
     >
       <mask

package/src/lib/icons/Close.tsx

@@ -7,9 +7,10 @@ export function CloseIcon(props: SVGProps<SVGSVGElement>): JSX.Element {
   return (
     <svg
       xmlns='http://www.w3.org/2000/svg'
-      width={24}
-      height={24}
+      width='1em'
+      height='1em'
       fill='none'
+      viewBox='0 0 24 24'
       {...props}
     >
       <mask

package/src/lib/icons/CloseWhite.tsx

@@ -7,9 +7,10 @@ export function CloseWhiteIcon(props: SVGProps<SVGSVGElement>): JSX.Element {
   return (
     <svg
       xmlns='http://www.w3.org/2000/svg'
-      width={24}
-      height={24}
+      width='1em'
+      height='1em'
       fill='none'
+      viewBox='0 0 24 24'
       {...props}
     >
       <mask

package/src/lib/icons/Copy.tsx

@@ -7,9 +7,10 @@ export function CopyIcon(props: SVGProps<SVGSVGElement>): JSX.Element {
   return (
     <svg
       xmlns='http://www.w3.org/2000/svg'
-      width={25}
-      height={25}
+      width='1em'
+      height='1em'
       fill='none'
+      viewBox='0 0 25 25'
       {...props}
     >
       <path

package/src/lib/icons/DotsEllipsisMore.tsx

@@ -9,9 +9,10 @@ export function DotsEllipsisMoreIcon(
   return (
     <svg
       xmlns='http://www.w3.org/2000/svg'
-      width={24}
-      height={24}
+      width='1em'
+      height='1em'
       fill='none'
+      viewBox='0 0 24 24'
       {...props}
     >
       <mask

package/src/lib/icons/Edit.tsx

@@ -7,30 +7,18 @@ export function EditIcon(props: SVGProps<SVGSVGElement>): JSX.Element {
   return (
     <svg
       xmlns='http://www.w3.org/2000/svg'
-      width={24}
-      height={24}
+      width='1em'
+      height='1em'
       fill='none'
+      viewBox='0 0 24 24'
       {...props}
     >
-      <mask
-        id='edit_svg__a'
-        width={24}
-        height={24}
-        x={0}
-        y={0}
-        maskUnits='userSpaceOnUse'
-        style={{
-          maskType: 'alpha',
-        }}
-      >
-        <path fill='#D9D9D9' d='M0 0h24v24H0z' />
-      </mask>
-      <g mask='url(#edit_svg__a)'>
-        <path
-          fill='#232B3A'
-          d='M5 19h1.4l8.625-8.625-1.4-1.4L5 17.6zM19.3 8.925l-4.25-4.2 1.4-1.4a1.92 1.92 0 0 1 1.413-.575 1.92 1.92 0 0 1 1.412.575l1.4 1.4q.574.575.6 1.388a1.8 1.8 0 0 1-.55 1.387zM17.85 10.4 7.25 21H3v-4.25l10.6-10.6z'
-        />
-      </g>
+      <path
+        fill='#232426'
+        fillRule='evenodd'
+        d='M16.836 3.336c-1.015 0-1.99.403-2.707 1.121l-10.5 10.5a1 1 0 0 0-.293.707v4a1 1 0 0 0 1 1h4a1 1 0 0 0 .707-.293l9.5-9.5 1-1a3.829 3.829 0 0 0-2.707-6.535m1 5.414.293-.293a1.829 1.829 0 0 0-2.586-2.586l-.293.293zm-4-1.172-8.5 8.5v2.586h2.586l8.5-8.5z'
+        clipRule='evenodd'
+      />
     </svg>
   )
 }

package/src/lib/icons/ExclamationCircle.tsx

@@ -9,9 +9,10 @@ export function ExclamationCircleIcon(
   return (
     <svg
       xmlns='http://www.w3.org/2000/svg'
-      width={24}
-      height={24}
+      width='1em'
+      height='1em'
       fill='none'
+      viewBox='0 0 24 24'
       {...props}
     >
       <mask

package/src/lib/icons/ExclamationCircleOutline.tsx

@@ -9,9 +9,10 @@ export function ExclamationCircleOutlineIcon(
   return (
     <svg
       xmlns='http://www.w3.org/2000/svg'
-      width={24}
-      height={25}
+      width='1em'
+      height='1em'
       fill='none'
+      viewBox='0 0 24 25'
       {...props}
     >
       <mask

package/src/lib/icons/Fan.tsx

@@ -7,9 +7,10 @@ export function FanIcon(props: SVGProps<SVGSVGElement>): JSX.Element {
   return (
     <svg
       xmlns='http://www.w3.org/2000/svg'
-      width={18}
-      height={18}
+      width='1em'
+      height='1em'
       fill='none'
+      viewBox='0 0 18 18'
       {...props}
     >
       <path

package/src/lib/icons/FanOutline.tsx

@@ -7,9 +7,10 @@ export function FanOutlineIcon(props: SVGProps<SVGSVGElement>): JSX.Element {
   return (
     <svg
       xmlns='http://www.w3.org/2000/svg'
-      width={22}
-      height={22}
+      width='1em'
+      height='1em'
       fill='none'
+      viewBox='0 0 22 22'
       {...props}
     >
       <path

package/src/lib/icons/Info.tsx

@@ -7,9 +7,10 @@ export function InfoIcon(props: SVGProps<SVGSVGElement>): JSX.Element {
   return (
     <svg
       xmlns='http://www.w3.org/2000/svg'
-      width={18}
-      height={19}
+      width='1em'
+      height='1em'
       fill='none'
+      viewBox='0 0 18 19'
       {...props}
     >
       <mask

package/src/lib/icons/InfoBlue.tsx

@@ -7,9 +7,10 @@ export function InfoBlueIcon(props: SVGProps<SVGSVGElement>): JSX.Element {
   return (
     <svg
       xmlns='http://www.w3.org/2000/svg'
-      width={16}
-      height={16}
+      width='1em'
+      height='1em'
       fill='none'
+      viewBox='0 0 16 16'
       {...props}
     >
       <mask

package/src/lib/icons/InfoDark.tsx

@@ -7,9 +7,10 @@ export function InfoDarkIcon(props: SVGProps<SVGSVGElement>): JSX.Element {
   return (
     <svg
       xmlns='http://www.w3.org/2000/svg'
-      width={19}
-      height={19}
+      width='1em'
+      height='1em'
       fill='none'
+      viewBox='0 0 19 19'
       {...props}
     >
       <circle cx={9.755} cy={9.416} r={6.655} fill='#E9EDEF' />

package/src/lib/icons/LockLocked.tsx

@@ -7,9 +7,10 @@ export function LockLockedIcon(props: SVGProps<SVGSVGElement>): JSX.Element {
   return (
     <svg
       xmlns='http://www.w3.org/2000/svg'
-      width={25}
-      height={25}
+      width='1em'
+      height='1em'
       fill='none'
+      viewBox='0 0 25 25'
       {...props}
     >
       <mask

package/src/lib/icons/LockUnlocked.tsx

@@ -7,9 +7,10 @@ export function LockUnlockedIcon(props: SVGProps<SVGSVGElement>): JSX.Element {
   return (
     <svg
       xmlns='http://www.w3.org/2000/svg'
-      width={25}
-      height={25}
+      width='1em'
+      height='1em'
       fill='none'
+      viewBox='0 0 25 25'
       {...props}
     >
       <mask

package/src/lib/icons/NoiseLevels.tsx

@@ -7,9 +7,10 @@ export function NoiseLevelsIcon(props: SVGProps<SVGSVGElement>): JSX.Element {
   return (
     <svg
       xmlns='http://www.w3.org/2000/svg'
-      width={18}
-      height={19}
+      width='1em'
+      height='1em'
       fill='none'
+      viewBox='0 0 18 19'
       {...props}
     >
       <path

package/src/lib/icons/NoiseLevelsRed.tsx

@@ -9,9 +9,10 @@ export function NoiseLevelsRedIcon(
   return (
     <svg
       xmlns='http://www.w3.org/2000/svg'
-      width={18}
-      height={19}
+      width='1em'
+      height='1em'
       fill='none'
+      viewBox='0 0 18 19'
       {...props}
     >
       <path

package/src/lib/icons/Off.tsx

@@ -7,9 +7,10 @@ export function OffIcon(props: SVGProps<SVGSVGElement>): JSX.Element {
   return (
     <svg
       xmlns='http://www.w3.org/2000/svg'
-      width={16}
-      height={16}
+      width='1em'
+      height='1em'
       fill='none'
+      viewBox='0 0 16 16'
       {...props}
     >
       <mask

package/src/lib/icons/OnlineStatusAccountOffline.tsx

@@ -9,9 +9,10 @@ export function OnlineStatusAccountOfflineIcon(
   return (
     <svg
       xmlns='http://www.w3.org/2000/svg'
-      width={24}
-      height={25}
+      width='1em'
+      height='1em'
       fill='none'
+      viewBox='0 0 24 25'
       {...props}
     >
       <mask

package/src/lib/icons/OnlineStatusDeviceOffline.tsx

@@ -9,9 +9,10 @@ export function OnlineStatusDeviceOfflineIcon(
   return (
     <svg
       xmlns='http://www.w3.org/2000/svg'
-      width={24}
-      height={25}
+      width='1em'
+      height='1em'
       fill='none'
+      viewBox='0 0 24 25'
       {...props}
     >
       <path

package/src/lib/icons/OnlineStatusOnline.tsx

@@ -9,9 +9,10 @@ export function OnlineStatusOnlineIcon(
   return (
     <svg
       xmlns='http://www.w3.org/2000/svg'
-      width={24}
-      height={24}
+      width='1em'
+      height='1em'
       fill='none'
+      viewBox='0 0 24 24'
       {...props}
     >
       <path

package/src/lib/icons/RadioChecked.tsx

@@ -7,9 +7,10 @@ export function RadioCheckedIcon(props: SVGProps<SVGSVGElement>): JSX.Element {
   return (
     <svg
       xmlns='http://www.w3.org/2000/svg'
-      width={24}
-      height={24}
+      width='1em'
+      height='1em'
       fill='none'
+      viewBox='0 0 24 24'
       {...props}
     >
       <path

package/src/lib/icons/RadioUnchecked.tsx

@@ -9,9 +9,10 @@ export function RadioUncheckedIcon(
   return (
     <svg
       xmlns='http://www.w3.org/2000/svg'
-      width={24}
-      height={24}
+      width='1em'
+      height='1em'
       fill='none'
+      viewBox='0 0 24 24'
       {...props}
     >
       <path

package/src/lib/icons/Seam.tsx

@@ -7,9 +7,10 @@ export function SeamIcon(props: SVGProps<SVGSVGElement>): JSX.Element {
   return (
     <svg
       xmlns='http://www.w3.org/2000/svg'
-      width={167}
-      height={200}
+      width='1em'
+      height='1em'
       fill='none'
+      viewBox='0 0 167 200'
       {...props}
     >
       <style>{'@media (prefers-color-scheme:dark){path{fill:#fff}}'}</style>

package/src/lib/icons/Search.tsx

@@ -7,9 +7,10 @@ export function SearchIcon(props: SVGProps<SVGSVGElement>): JSX.Element {
   return (
     <svg
       xmlns='http://www.w3.org/2000/svg'
-      width={24}
-      height={25}
+      width='1em'
+      height='1em'
       fill='none'
+      viewBox='0 0 24 25'
       {...props}
     >
       <mask

package/src/lib/icons/TemperatureAdd.tsx

@@ -9,9 +9,10 @@ export function TemperatureAddIcon(
   return (
     <svg
       xmlns='http://www.w3.org/2000/svg'
-      width={18}
-      height={18}
+      width='1em'
+      height='1em'
       fill='none'
+      viewBox='0 0 18 18'
       {...props}
     >
       <mask

package/src/lib/icons/TemperatureSubtract.tsx

@@ -9,9 +9,10 @@ export function TemperatureSubtractIcon(
   return (
     <svg
       xmlns='http://www.w3.org/2000/svg'
-      width={18}
-      height={18}
+      width='1em'
+      height='1em'
       fill='none'
+      viewBox='0 0 18 18'
       {...props}
     >
       <mask

package/src/lib/icons/ThermostatCool.tsx

@@ -9,9 +9,10 @@ export function ThermostatCoolIcon(
   return (
     <svg
       xmlns='http://www.w3.org/2000/svg'
-      width={16}
-      height={16}
+      width='1em'
+      height='1em'
       fill='none'
+      viewBox='0 0 16 16'
       {...props}
     >
       <path

package/src/lib/icons/ThermostatCoolLarge.tsx

@@ -9,9 +9,10 @@ export function ThermostatCoolLargeIcon(
   return (
     <svg
       xmlns='http://www.w3.org/2000/svg'
-      width={24}
-      height={24}
+      width='1em'
+      height='1em'
       fill='none'
+      viewBox='0 0 24 24'
       {...props}
     >
       <mask

package/src/lib/icons/ThermostatHeat.tsx

@@ -9,9 +9,10 @@ export function ThermostatHeatIcon(
   return (
     <svg
       xmlns='http://www.w3.org/2000/svg'
-      width={12}
-      height={14}
+      width='1em'
+      height='1em'
       fill='none'
+      viewBox='0 0 12 14'
       {...props}
     >
       <path

package/src/lib/icons/ThermostatHeatCool.tsx

@@ -9,9 +9,10 @@ export function ThermostatHeatCoolIcon(
   return (
     <svg
       xmlns='http://www.w3.org/2000/svg'
-      width={19}
-      height={18}
+      width='1em'
+      height='1em'
       fill='none'
+      viewBox='0 0 19 18'
       {...props}
     >
       <path

package/src/lib/icons/ThermostatHeatLarge.tsx

@@ -9,9 +9,10 @@ export function ThermostatHeatLargeIcon(
   return (
     <svg
       xmlns='http://www.w3.org/2000/svg'
-      width={24}
-      height={24}
+      width='1em'
+      height='1em'
       fill='none'
+      viewBox='0 0 24 24'
       {...props}
     >
       <path

package/src/lib/icons/ThermostatOff.tsx

@@ -7,9 +7,10 @@ export function ThermostatOffIcon(props: SVGProps<SVGSVGElement>): JSX.Element {
   return (
     <svg
       xmlns='http://www.w3.org/2000/svg'
-      width={14}
-      height={14}
+      width='1em'
+      height='1em'
       fill='none'
+      viewBox='0 0 14 14'
       {...props}
     >
       <path

package/src/lib/icons/TriangleWarning.tsx

@@ -9,9 +9,10 @@ export function TriangleWarningIcon(
   return (
     <svg
       xmlns='http://www.w3.org/2000/svg'
-      width={24}
-      height={24}
+      width='1em'
+      height='1em'
       fill='none'
+      viewBox='0 0 24 24'
       {...props}
     >
       <mask

package/src/lib/icons/TriangleWarningOutline.tsx

@@ -9,9 +9,10 @@ export function TriangleWarningOutlineIcon(
   return (
     <svg
       xmlns='http://www.w3.org/2000/svg'
-      width={24}
-      height={24}
+      width='1em'
+      height='1em'
       fill='none'
+      viewBox='0 0 24 24'
       {...props}
     >
       <path fill='#FF9800' d='m12 6.49 7.53 13.01H4.47zm0-3.99-11 19h22z' />