@ubie/vitals-icon 0.0.1

package/src/WeightScaleIcon.tsx

@@ -0,0 +1,23 @@
+import type { SVGProps } from "react";
+const SvgWeightScaleIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      d="M9 7h6a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1.507l1.117-1.564a.75.75 0 1 0-1.22-.872L11.65 11H9a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1"
+    />
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M2 5.25C2 4.007 2.895 3 4 3h16c1.105 0 2 1.007 2 2.25v13.5c0 1.243-.895 2.25-2 2.25H4c-1.105 0-2-1.007-2-2.25zm2 0c0-.127.04-.21.07-.25h15.86c.03.04.07.123.07.25v13.5a.42.42 0 0 1-.07.25H4.07a.42.42 0 0 1-.07-.25z"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgWeightScaleIcon;

package/src/WheelchairIcon.tsx

@@ -0,0 +1,20 @@
+import type { SVGProps } from "react";
+const SvgWheelchairIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path fill="currentColor" d="M10 16a2 2 0 1 1-4 0 2 2 0 0 1 4 0" />
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M3 3a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4h7a1 1 0 0 1 .973.771l1.972 8.381A3 3 0 0 1 20.83 18H22a1 1 0 1 1 0 2h-1.17a3.001 3.001 0 1 1-3.926-3.793L16.384 14H13.66A6 6 0 1 1 7 10.083V9H6a1 1 0 0 1 0-2h1V4H4a1 1 0 0 1-1-1m8.187 10.583.026.034a4 4 0 1 1-.026-.035M12.472 12h3.442l-.706-3H9v1.083A6 6 0 0 1 12.472 12M18 18a1 1 0 1 1 0 2 1 1 0 0 1 0-2"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgWheelchairIcon;

package/src/WomanIcon.tsx

@@ -0,0 +1,23 @@
+import type { SVGProps } from "react";
+const SvgWomanIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      d="M10 12.25a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0M15.25 13.5a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5"
+    />
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M2 12c0-1.111.181-2.18.516-3.18a1 1 0 0 1 .105-.298A10 10 0 0 1 12 2c5.523 0 10 4.477 10 10v9a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1zm10 8a8 8 0 0 0 7.748-10.001c-2.193-.018-3.758-.278-5.167-.814-1.2-.458-2.249-1.104-3.424-1.88-1.443 1.458-2.903 2.163-4.238 2.48-1.021.243-1.975.252-2.672.235A8 8 0 0 0 12 20m-6.001 0A10 10 0 0 1 4 18.001V20zM20 18.001V20h-1.999A10 10 0 0 0 20 18.001M15.294 7.316c.956.364 2.053.592 3.623.662A8 8 0 0 0 12 4a8 8 0 0 0-6.941 4.02c.43-.014.891-.06 1.397-.18 1.104-.263 2.42-.9 3.785-2.49a1 1 0 0 1 1.314-.182c1.52 1.014 2.55 1.695 3.739 2.148"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgWomanIcon;

package/src/WorkflowIcon.tsx

@@ -0,0 +1,19 @@
+import type { SVGProps } from "react";
+const SvgWorkflowIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M14.126 7c.216.838.697 1.57 1.348 2.101l-2.954 7.275a1 1 0 0 1-.927.624H9.874A4.002 4.002 0 0 0 2 18a4 4 0 0 0 7.874 1h1.72a3 3 0 0 0 2.779-1.872l2.92-7.19q.345.061.707.062a4 4 0 1 0-3.874-5H9.874A4.002 4.002 0 0 0 2 6a4 4 0 0 0 7.874 1zM18 4a2 2 0 0 0-2 1.997v.006A2 2 0 1 0 18 4M8 6.001A2 2 0 1 1 8 6zM6 16a2 2 0 0 1 2 1.99v.02A2 2 0 1 1 6 16"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgWorkflowIcon;

package/src/index.ts

@@ -0,0 +1,209 @@
+export { default as AccountIcon } from "./AccountIcon";
+export { default as AccountSettingIcon } from "./AccountSettingIcon";
+export { default as AddressIcon } from "./AddressIcon";
+export { default as AlertIcon } from "./AlertIcon";
+export { default as AlertAIcon } from "./AlertAIcon";
+export { default as AlertBIcon } from "./AlertBIcon";
+export { default as AmbulanceIcon } from "./AmbulanceIcon";
+export { default as ArrowADownIcon } from "./ArrowADownIcon";
+export { default as ArrowALeftIcon } from "./ArrowALeftIcon";
+export { default as ArrowARightIcon } from "./ArrowARightIcon";
+export { default as ArrowAUpIcon } from "./ArrowAUpIcon";
+export { default as ArrowBDownIcon } from "./ArrowBDownIcon";
+export { default as ArrowBLeftIcon } from "./ArrowBLeftIcon";
+export { default as ArrowBRightIcon } from "./ArrowBRightIcon";
+export { default as ArrowBUpIcon } from "./ArrowBUpIcon";
+export { default as ArrowCDownFillIcon } from "./ArrowCDownFillIcon";
+export { default as ArrowCDownIcon } from "./ArrowCDownIcon";
+export { default as ArrowCLeftFillIcon } from "./ArrowCLeftFillIcon";
+export { default as ArrowCLeftIcon } from "./ArrowCLeftIcon";
+export { default as ArrowCRightFillIcon } from "./ArrowCRightFillIcon";
+export { default as ArrowCRightIcon } from "./ArrowCRightIcon";
+export { default as ArrowCUpFillIcon } from "./ArrowCUpFillIcon";
+export { default as ArrowCUpIcon } from "./ArrowCUpIcon";
+export { default as ArrowDDownIcon } from "./ArrowDDownIcon";
+export { default as ArrowDLeftIcon } from "./ArrowDLeftIcon";
+export { default as ArrowDRightIcon } from "./ArrowDRightIcon";
+export { default as ArrowDUpIcon } from "./ArrowDUpIcon";
+export { default as ArrowEDownIcon } from "./ArrowEDownIcon";
+export { default as ArrowELeftIcon } from "./ArrowELeftIcon";
+export { default as ArrowERightIcon } from "./ArrowERightIcon";
+export { default as ArrowEUpIcon } from "./ArrowEUpIcon";
+export { default as BeginnerIcon } from "./BeginnerIcon";
+export { default as BikeIcon } from "./BikeIcon";
+export { default as BirthdayIcon } from "./BirthdayIcon";
+export { default as BlankLinkIcon } from "./BlankLinkIcon";
+export { default as BookmarkFillIcon } from "./BookmarkFillIcon";
+export { default as BookmarkOutlineIcon } from "./BookmarkOutlineIcon";
+export { default as BoyIcon } from "./BoyIcon";
+export { default as CalendarIcon } from "./CalendarIcon";
+export { default as CameraIcon } from "./CameraIcon";
+export { default as CancelIcon } from "./CancelIcon";
+export { default as CapsuleIcon } from "./CapsuleIcon";
+export { default as CapsuleTabletIcon } from "./CapsuleTabletIcon";
+export { default as CarIcon } from "./CarIcon";
+export { default as CheckAIcon } from "./CheckAIcon";
+export { default as CheckBFillIcon } from "./CheckBFillIcon";
+export { default as CheckBIcon } from "./CheckBIcon";
+export { default as CheckboxOffOutlineIcon } from "./CheckboxOffOutlineIcon";
+export { default as CheckboxOnOutlineIcon } from "./CheckboxOnOutlineIcon";
+export { default as CircleFillIcon } from "./CircleFillIcon";
+export { default as CircleOutlineIcon } from "./CircleOutlineIcon";
+export { default as CloseAIcon } from "./CloseAIcon";
+export { default as CloseBIcon } from "./CloseBIcon";
+export { default as CommentBubbleIcon } from "./CommentBubbleIcon";
+export { default as CommentFillIcon } from "./CommentFillIcon";
+export { default as CommentOutlineIcon } from "./CommentOutlineIcon";
+export { default as CommentWritingFillIcon } from "./CommentWritingFillIcon";
+export { default as CommentWritingOutlineIcon } from "./CommentWritingOutlineIcon";
+export { default as ConditionBad1Icon } from "./ConditionBad1Icon";
+export { default as ConditionBad2Icon } from "./ConditionBad2Icon";
+export { default as ConditionBad3Icon } from "./ConditionBad3Icon";
+export { default as ConditionGood1Icon } from "./ConditionGood1Icon";
+export { default as ConditionGood2Icon } from "./ConditionGood2Icon";
+export { default as ConditionGood3Icon } from "./ConditionGood3Icon";
+export { default as ConditionNormalIcon } from "./ConditionNormalIcon";
+export { default as CopyIcon } from "./CopyIcon";
+export { default as CreditCardIcon } from "./CreditCardIcon";
+export { default as CropIcon } from "./CropIcon";
+export { default as DevicesIcon } from "./DevicesIcon";
+export { default as DisplayIcon } from "./DisplayIcon";
+export { default as DoctorBagIcon } from "./DoctorBagIcon";
+export { default as DoctorIcon } from "./DoctorIcon";
+export { default as DoublecircleIcon } from "./DoublecircleIcon";
+export { default as DownloadIcon } from "./DownloadIcon";
+export { default as DrawerIcon } from "./DrawerIcon";
+export { default as EcgHeartFillIcon } from "./EcgHeartFillIcon";
+export { default as EcgOutlineIcon } from "./EcgOutlineIcon";
+export { default as EditIcon } from "./EditIcon";
+export { default as ExpansionIcon } from "./ExpansionIcon";
+export { default as FavoliteAddIcon } from "./FavoliteAddIcon";
+export { default as FavoliteOutlineIcon } from "./FavoliteOutlineIcon";
+export { default as FavoriteAddIcon } from "./FavoriteAddIcon";
+export { default as FavoriteFillIcon } from "./FavoriteFillIcon";
+export { default as FavoriteOutlineIcon } from "./FavoriteOutlineIcon";
+export { default as FavoriteRemoveIcon } from "./FavoriteRemoveIcon";
+export { default as FemaleHumanIcon } from "./FemaleHumanIcon";
+export { default as FemaleSymbolIcon } from "./FemaleSymbolIcon";
+export { default as FileIcon } from "./FileIcon";
+export { default as FilterIcon } from "./FilterIcon";
+export { default as FingerDownIcon } from "./FingerDownIcon";
+export { default as FingerLeftIcon } from "./FingerLeftIcon";
+export { default as FingerRightIcon } from "./FingerRightIcon";
+export { default as FingerUpIcon } from "./FingerUpIcon";
+export { default as FirstAidBoxIcon } from "./FirstAidBoxIcon";
+export { default as FlagIcon } from "./FlagIcon";
+export { default as FolderIcon } from "./FolderIcon";
+export { default as GenderHumanIcon } from "./GenderHumanIcon";
+export { default as GenderSymbolIcon } from "./GenderSymbolIcon";
+export { default as GirlIcon } from "./GirlIcon";
+export { default as HelpIcon } from "./HelpIcon";
+export { default as HideFillIcon } from "./HideFillIcon";
+export { default as HideOutlineIcon } from "./HideOutlineIcon";
+export { default as HistoryIcon } from "./HistoryIcon";
+export { default as HomeOutlineIcon } from "./HomeOutlineIcon";
+export { default as HospitalIcon } from "./HospitalIcon";
+export { default as ImageIcon } from "./ImageIcon";
+export { default as InformationIcon } from "./InformationIcon";
+export { default as InjectionIcon } from "./InjectionIcon";
+export { default as InsuranceCardIcon } from "./InsuranceCardIcon";
+export { default as LaptopIcon } from "./LaptopIcon";
+export { default as LeaderHorizontalIcon } from "./LeaderHorizontalIcon";
+export { default as LeaderVerticalIcon } from "./LeaderVerticalIcon";
+export { default as LightIcon } from "./LightIcon";
+export { default as LightOnIcon } from "./LightOnIcon";
+export { default as LinkIcon } from "./LinkIcon";
+export { default as LockIcon } from "./LockIcon";
+export { default as LoginIcon } from "./LoginIcon";
+export { default as LogoutIcon } from "./LogoutIcon";
+export { default as MailOutlineIcon } from "./MailOutlineIcon";
+export { default as MaleHumanIcon } from "./MaleHumanIcon";
+export { default as MaleSymbolIcon } from "./MaleSymbolIcon";
+export { default as ManIcon } from "./ManIcon";
+export { default as MapIcon } from "./MapIcon";
+export { default as MaskIcon } from "./MaskIcon";
+export { default as MedicalIdIcon } from "./MedicalIdIcon";
+export { default as MedicalIdOffIcon } from "./MedicalIdOffIcon";
+export { default as MedicalFormIcon } from "./MedicalFormIcon";
+export { default as MedicalHeartIcon } from "./MedicalHeartIcon";
+export { default as MedicalSymbolFillIcon } from "./MedicalSymbolFillIcon";
+export { default as MedicalSymbolOutlineIcon } from "./MedicalSymbolOutlineIcon";
+export { default as MedicineAutoInjectorIcon } from "./MedicineAutoInjectorIcon";
+export { default as MedicineEnemaIcon } from "./MedicineEnemaIcon";
+export { default as MedicineInjectionFormIcon } from "./MedicineInjectionFormIcon";
+export { default as MedicineIntravenousDripIcon } from "./MedicineIntravenousDripIcon";
+export { default as MedicinePowderIcon } from "./MedicinePowderIcon";
+export { default as MedicineSuppositoryIcon } from "./MedicineSuppositoryIcon";
+export { default as MedicineSyrupIcon } from "./MedicineSyrupIcon";
+export { default as MedicineTabletIcon } from "./MedicineTabletIcon";
+export { default as MemoIcon } from "./MemoIcon";
+export { default as MenuIcon } from "./MenuIcon";
+export { default as MicIcon } from "./MicIcon";
+export { default as MicMuteIcon } from "./MicMuteIcon";
+export { default as MinusAIcon } from "./MinusAIcon";
+export { default as MinusBIcon } from "./MinusBIcon";
+export { default as MoveIcon } from "./MoveIcon";
+export { default as MuteIcon } from "./MuteIcon";
+export { default as MynumberCardIcon } from "./MynumberCardIcon";
+export { default as NotificationIcon } from "./NotificationIcon";
+export { default as NurseIcon } from "./NurseIcon";
+export { default as OldManIcon } from "./OldManIcon";
+export { default as OldWomanIcon } from "./OldWomanIcon";
+export { default as PenIcon } from "./PenIcon";
+export { default as PersonAddIcon } from "./PersonAddIcon";
+export { default as PersonRemoveIcon } from "./PersonRemoveIcon";
+export { default as PhoneIcon } from "./PhoneIcon";
+export { default as PinIcon } from "./PinIcon";
+export { default as PlusAIcon } from "./PlusAIcon";
+export { default as PlusBIcon } from "./PlusBIcon";
+export { default as PostIcon } from "./PostIcon";
+export { default as PostalCodeIcon } from "./PostalCodeIcon";
+export { default as PrinterIcon } from "./PrinterIcon";
+export { default as QrCodeReaderIcon } from "./QrCodeReaderIcon";
+export { default as RangeSelectionIcon } from "./RangeSelectionIcon";
+export { default as ReceptionIcon } from "./ReceptionIcon";
+export { default as RedoIcon } from "./RedoIcon";
+export { default as ReloadIcon } from "./ReloadIcon";
+export { default as ReturnIcon } from "./ReturnIcon";
+export { default as RotateIcon } from "./RotateIcon";
+export { default as SearchIcon } from "./SearchIcon";
+export { default as SecurityIcon } from "./SecurityIcon";
+export { default as SendIcon } from "./SendIcon";
+export { default as SettingIcon } from "./SettingIcon";
+export { default as SetupIcon } from "./SetupIcon";
+export { default as ShareIcon } from "./ShareIcon";
+export { default as ShareBIcon } from "./ShareBIcon";
+export { default as ShowFillIcon } from "./ShowFillIcon";
+export { default as ShowOutlineIcon } from "./ShowOutlineIcon";
+export { default as ShrinkIcon } from "./ShrinkIcon";
+export { default as SickIcon } from "./SickIcon";
+export { default as SmartphoneIcon } from "./SmartphoneIcon";
+export { default as SortAtozIcon } from "./SortAtozIcon";
+export { default as SortIcon } from "./SortIcon";
+export { default as SquareIcon } from "./SquareIcon";
+export { default as StarFillIcon } from "./StarFillIcon";
+export { default as StarHalfIcon } from "./StarHalfIcon";
+export { default as StarOutlineIcon } from "./StarOutlineIcon";
+export { default as StethoscopeIcon } from "./StethoscopeIcon";
+export { default as TabletIcon } from "./TabletIcon";
+export { default as ThumbDownFillIcon } from "./ThumbDownFillIcon";
+export { default as ThumbDownOutlineIcon } from "./ThumbDownOutlineIcon";
+export { default as ThumbUpFillIcon } from "./ThumbUpFillIcon";
+export { default as ThumbUpOutlineIcon } from "./ThumbUpOutlineIcon";
+export { default as TicketIcon } from "./TicketIcon";
+export { default as TrainIcon } from "./TrainIcon";
+export { default as TrashEmptyIcon } from "./TrashEmptyIcon";
+export { default as TrashIcon } from "./TrashIcon";
+export { default as TriangleDownIcon } from "./TriangleDownIcon";
+export { default as TriangleUpIcon } from "./TriangleUpIcon";
+export { default as UbieIcon } from "./UbieIcon";
+export { default as UnfoldMoreIcon } from "./UnfoldMoreIcon";
+export { default as UnlockIcon } from "./UnlockIcon";
+export { default as UploadIcon } from "./UploadIcon";
+export { default as VirusIcon } from "./VirusIcon";
+export { default as VolumeIcon } from "./VolumeIcon";
+export { default as WalkIcon } from "./WalkIcon";
+export { default as WeightScaleIcon } from "./WeightScaleIcon";
+export { default as WheelchairIcon } from "./WheelchairIcon";
+export { default as WomanIcon } from "./WomanIcon";
+export { default as WorkflowIcon } from "./WorkflowIcon";

package/stories/Icons.css

@@ -0,0 +1,30 @@
+.grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
+  gap: 1.5rem 1rem;
+}
+
+.item {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+  align-items: center;
+  padding: 1.5rem 0.5rem;
+}
+
+.item svg {
+  color: #3959cc;
+  font-size: 2.5rem;
+}
+
+.title {
+  font-size: 0.75rem;
+  margin: 0;
+  line-height: 1.5;
+  height: 2.25rem;
+  display: flex;
+  align-items: center;
+  text-align: center;
+  color: #2a2f39;
+  word-break: break-all;
+}

package/stories/Icons.stories.tsx

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from "@storybook/react-vite";
+import { Icons } from "./Icons";
+
+export default {
+  title: "Icons",
+  component: Icons,
+} satisfies Meta<typeof Icons>;
+
+type Story = StoryObj<typeof Icons>;
+
+export const Default: Story = {};

package/stories/Icons.tsx

@@ -0,0 +1,16 @@
+import { FC } from "react";
+import * as IconComponents from "../src/index";
+import "./Icons.css";
+
+export const Icons: FC = () => {
+  return (
+    <div className="grid">
+      {Object.keys(IconComponents).map((c) => (
+        <div className="item" key={c}>
+          {IconComponents[c as keyof typeof IconComponents]({})}
+          <p className="title">{c}</p>
+        </div>
+      ))}
+    </div>
+  );
+};

package/tsconfig.json

@@ -0,0 +1,8 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "composite": true,
+    "noEmit": true
+  },
+  "include": ["src/**/*.ts", "src/**/*.tsx", "stories/**/*.ts", "stories/**/*.tsx", "css.d.ts"]
+}