@seamapi/react 4.0.0 → 4.2.0

package/src/lib/icons/BatteryLevelFull.tsx

@@ -9,9 +9,10 @@ export function BatteryLevelFullIcon(
   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}
     >
       <rect

package/src/lib/icons/BatteryLevelHigh.tsx

@@ -9,9 +9,10 @@ export function BatteryLevelHighIcon(
   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}
     >
       <rect

package/src/lib/icons/BatteryLevelLow.tsx

@@ -9,9 +9,10 @@ export function BatteryLevelLowIcon(
   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}
     >
       <rect

package/src/lib/icons/BatteryLevelWired.tsx

@@ -9,9 +9,10 @@ export function BatteryLevelWiredIcon(
   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/Bee.tsx

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

package/src/lib/icons/Check.tsx

@@ -7,9 +7,10 @@ export function CheckIcon(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/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,9 +7,10 @@ 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

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