@televet/kibble-ui 1.0.12-beta.4 → 1.0.13-beta.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 (4) hide show
  1. package/build/components/Icon/icon.types.d.ts +1 -1
  2. package/build/index.js +35 -30
  3. package/build/index.js.map +1 -1
  4. package/package.json +1 -1
package/build/components/Icon/icon.types.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- export declare type IconName = 'account' | 'add' | 'alert' | 'appointment' | 'attachFile' | 'back' | 'cat' | 'chat' | 'collapse' | 'conversations' | 'delete' | 'dialPad' | 'dog' | 'download' | 'emoji' | 'expand' | 'filter' | 'forms' | 'grooming' | 'help' | 'hidden' | 'home' | 'invoicing' | 'messageTemplates' | 'more' | 'next' | 'pets' | 'reminder' | 'reporting' | 'searchPets' | 'search' | 'send' | 'sendPayment' | 'settings' | 'schedule' | 'teamChat' | 'videoCall' | 'view' | 'visible' | 'warning' | 'massTextAlerts';
1
+ export declare type IconName = 'account' | 'add' | 'alert' | 'appointment' | 'attachFile' | 'back' | 'cat' | 'chat' | 'collapse' | 'conversations' | 'delete' | 'dialPad' | 'dog' | 'download' | 'emoji' | 'expand' | 'filter' | 'forms' | 'grooming' | 'help' | 'hidden' | 'home' | 'invoicing' | 'messageTemplates' | 'more' | 'moreHorizontal' | 'next' | 'pets' | 'reminder' | 'reporting' | 'searchPets' | 'search' | 'send' | 'sendPayment' | 'settings' | 'schedule' | 'teamChat' | 'videoCall' | 'view' | 'visible' | 'warning' | 'massTextAlerts';
2
2
  export declare type IconsSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
3
3
  export declare type IconColor = 'default' | 'subtle' | 'inactive' | 'active' | 'success' | 'warning' | 'error' | 'currentColor';
package/build/index.js CHANGED
@@ -77,7 +77,7 @@ React.forwardRef(SvgArrowCircle);
77
77
 
78
78
  const SvgArrowLeft = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
79
79
  React__namespace.createElement("path", { d: "M10.395 3.267a.965.965 0 1 1 1.363 1.362L5.37 11.016h15.666a.964.964 0 0 1 0 1.928H5.37l6.388 6.387a.963.963 0 1 1-1.363 1.362l-8.032-8.032a.964.964 0 0 1 0-1.362l8.032-8.032Z", fill: color })));
80
- const ForwardRef$C = React.forwardRef(SvgArrowLeft);
80
+ const ForwardRef$D = React.forwardRef(SvgArrowLeft);
81
81
 
82
82
  const SvgArrowRight = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
83
83
  React__namespace.createElement("path", { d: "M13.605 20.733a.965.965 0 0 1-1.67-.674.963.963 0 0 1 .307-.688l6.388-6.387H2.964a.964.964 0 0 1 0-1.928H18.63L12.243 4.67a.964.964 0 1 1 1.362-1.362l8.032 8.032a.964.964 0 0 1 0 1.362l-8.032 8.032Z", fill: color })));
@@ -85,15 +85,15 @@ React.forwardRef(SvgArrowRight);
85
85
 
86
86
  const SvgArrowsIn = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
87
87
  React__namespace.createElement("path", { d: "M13.159 4.044a.966.966 0 0 0-.063.379v5.359a.964.964 0 0 0 .963.963h5.359a.964.964 0 1 0 0-1.926h-3.033l5.078-5.078a.964.964 0 1 0-1.364-1.363l-5.077 5.078V4.423a.962.962 0 0 0-1.657-.704.965.965 0 0 0-.206.325ZM10.682 19.797a.964.964 0 0 0 .063-.379V14.06a.964.964 0 0 0-.963-.963h-5.36a.964.964 0 1 0 0 1.926h3.033L2.378 20.1a.964.964 0 0 0 1.363 1.363l5.078-5.078v3.033a.964.964 0 0 0 1.863.38Z", fill: color })));
88
- const ForwardRef$B = React.forwardRef(SvgArrowsIn);
88
+ const ForwardRef$C = React.forwardRef(SvgArrowsIn);
89
89
 
90
90
  const SvgArrowsOut = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
91
91
  React__namespace.createElement("path", { d: "M21.682 8.797a.964.964 0 0 0 .063-.379V3.06a.964.964 0 0 0-.963-.963h-5.36a.964.964 0 1 0 0 1.926h3.034L13.378 9.1a.964.964 0 1 0 1.363 1.363l5.078-5.078v3.033a.964.964 0 0 0 1.863.38ZM2.16 15.044a.964.964 0 0 0-.064.379v5.359a.964.964 0 0 0 .963.963h5.36a.964.964 0 1 0 0-1.926H5.384l5.078-5.078A.964.964 0 1 0 9.1 13.378l-5.078 5.078v-3.033a.964.964 0 0 0-1.863-.38Z", fill: color })));
92
- const ForwardRef$A = React.forwardRef(SvgArrowsOut);
92
+ const ForwardRef$B = React.forwardRef(SvgArrowsOut);
93
93
 
94
94
  const SvgBell = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
95
95
  React__namespace.createElement("path", { d: "M12 3c-.725 0-1.313.605-1.313 1.35v.626c-2.263.6-3.937 2.708-3.937 5.224v5.4l-1.343 1.04h-.002A.907.907 0 0 0 5 17.4c0 .497.392.9.875.9h12.25a.888.888 0 0 0 .875-.9.904.904 0 0 0-.405-.76L17.25 15.6v-5.4c0-2.516-1.674-4.624-3.938-5.224V4.35C13.313 3.605 12.726 3 12 3Zm-1.75 16.2c0 .99.787 1.8 1.75 1.8s1.75-.81 1.75-1.8h-3.5Z", fill: color })));
96
- const ForwardRef$z = React.forwardRef(SvgBell);
96
+ const ForwardRef$A = React.forwardRef(SvgBell);
97
97
 
98
98
  const SvgBookmarkFilled = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
99
99
  React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4 3.917C4 3.41 4.408 3 4.911 3H19.09c.503 0 .911.41.911.917v16.166a.917.917 0 0 1-.53.833.907.907 0 0 1-.974-.137L12 15.18l-6.495 5.6a.907.907 0 0 1-.974.137.917.917 0 0 1-.531-.833V3.917Z", fill: color })));
@@ -105,7 +105,7 @@ React.forwardRef(SvgBookmarkOutlined);
105
105
 
106
106
  const SvgBrush = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
107
107
  React__namespace.createElement("path", { d: "M16.351 3.001a.338.338 0 0 0-.045.012.36.36 0 0 0-.287.253.36.36 0 0 0 .103.366l1.396 1.363.023.035c.007.009.015.015.023.022.347.444.503.98.263 1.747l-1.098-1.07a.374.374 0 0 0-.298-.113h-.034a.361.361 0 0 0-.183.62l1.293 1.285a9.25 9.25 0 0 1-.72 1.14l-1.088-1.106a.375.375 0 0 0-.297-.124l-.046.012a.363.363 0 0 0-.275.25.357.357 0 0 0 .092.359l1.166 1.194a24.27 24.27 0 0 1-.857 1.014l-1.11-1.082a.373.373 0 0 0-.297-.112h-.034a.357.357 0 0 0-.183.62l1.121 1.115.011.012c-.329.347-.65.645-.96.9l-1.26-1.228a.372.372 0 0 0-.262-.113.468.468 0 0 0-.07.011.367.367 0 0 0-.276.25.356.356 0 0 0 .093.359l1.179 1.161c-.434.301-.836.52-1.201.676a.136.136 0 0 0-.024-.023l-1.257-1.228a.373.373 0 0 0-.297-.113h-.034a.362.362 0 0 0-.286.254.357.357 0 0 0 .103.365l1.006 1.005c-.386.095-.7.134-.904.134-.609 0-1.01-.17-1.2-.35l-.012-.01c-.005-.006-.007-.018-.011-.023a.153.153 0 0 0-.035-.034L7.864 11.41a.373.373 0 0 0-.297-.113l-.045.011a.357.357 0 0 0-.184.62l1.327 1.308c.018.267.074.524.126.755.08.35.141.646.045.834-.097.193-.344.33-.686.518-.549.302-1.299.72-2.06 1.713-1.105 1.444-1.409 2.917-.732 3.584.24.235.556.361.905.361.71 0 1.581-.508 2.585-1.51.975-.973 1.352-2.061 1.6-2.784.096-.274.2-.591.276-.665.694-.672 1.215-.775 1.875-.913.96-.2 2.157-.453 4.199-2.4C18.927 10.698 20 8.763 20 6.98c0-1.688-1.301-2.436-2.013-2.548l-1.338-1.319a.368.368 0 0 0-.298-.112Zm-2.939.35a.352.352 0 0 0-.046.011.36.36 0 0 0-.183.62l.95.935c.145.144.38.144.525 0a.36.36 0 0 0 0-.519l-.95-.935a.376.376 0 0 0-.296-.113ZM11.603 4.5a.361.361 0 0 0-.285.254.355.355 0 0 0 .103.365l1.029 1.016a.37.37 0 0 0 .367.125.359.359 0 0 0 .148-.633l-1.03-1.014a.37.37 0 0 0-.297-.113h-.034Zm2.62.778a.36.36 0 0 0-.184.62l.688.676a.368.368 0 0 0 .641-.145.36.36 0 0 0-.126-.363l-.688-.676a.37.37 0 0 0-.296-.112h-.035Zm-4.13.575a.376.376 0 0 0-.045.011.36.36 0 0 0-.183.62l1.006.98c.09.107.23.156.368.126a.358.358 0 0 0 .147-.633l-.994-.991a.375.375 0 0 0-.299-.114Zm3.032.867a.357.357 0 0 0-.183.62l.686.677a.37.37 0 0 0 .642-.145.358.358 0 0 0-.127-.363l-.686-.675a.372.372 0 0 0-.297-.113h-.035Zm-4.38.733a.361.361 0 0 0-.287.254.356.356 0 0 0 .103.365l.938.925a.368.368 0 0 0 .642-.145.36.36 0 0 0-.127-.362l-.937-.925a.373.373 0 0 0-.263-.113h-.069Zm2.916.71a.358.358 0 0 0-.183.62l.686.676a.37.37 0 0 0 .642-.145.357.357 0 0 0-.127-.362l-.687-.677a.372.372 0 0 0-.297-.112h-.034ZM7.817 9.38a.333.333 0 0 0-.045.012.362.362 0 0 0-.287.253.362.362 0 0 0 .103.367l.802.788c.145.144.38.144.526 0a.364.364 0 0 0 0-.518l-.801-.789a.372.372 0 0 0-.298-.113Zm2.38.226a.357.357 0 0 0-.183.62l.63.631c.144.143.379.143.525 0a.362.362 0 0 0 0-.52l-.64-.618a.373.373 0 0 0-.298-.113h-.035ZM9.1 11.049a.359.359 0 0 0-.183.618l.446.452c.145.144.38.144.526 0a.362.362 0 0 0 0-.518l-.458-.44a.374.374 0 0 0-.298-.113H9.1v.001Z", fill: color })));
108
- const ForwardRef$y = React.forwardRef(SvgBrush);
108
+ const ForwardRef$z = React.forwardRef(SvgBrush);
109
109
 
110
110
  const SvgCaduceus = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
111
111
  React__namespace.createElement("path", { d: "M12.197 3c-.282 0-.552.118-.75.33-.2.21-.312.496-.312.794 0 .158.032.314.093.458.061.144.15.273.261.378v1.138c.251.072.488.183.708.322.22-.139.457-.25.708-.322V4.96c.11-.105.2-.234.26-.378a1.159 1.159 0 0 0-.218-1.253C12.75 3.12 12.48 3 12.198 3Zm3.54.75c-.541 0-1.41.396-1.41 1.499 0 .31.14.618.236.925.863.33 1.528 1.088 1.77 2.037 1.744-.168 3.785-.99 4.696-1.552v-.002a.728.728 0 0 0 .27-.275.784.784 0 0 0-.107-.914.688.688 0 0 0-.53-.218c-2.8-.011-2.84-1.5-4.926-1.5Zm-7.074.001c-2.087 0-2.125 1.49-4.933 1.5a.689.689 0 0 0-.523.218.783.783 0 0 0-.108.913.728.728 0 0 0 .272.275v.002c.91.561 2.95 1.384 4.695 1.552.243-.95.907-1.707 1.77-2.037.096-.307.237-.614.237-.925 0-1.103-.87-1.499-1.41-1.498Zm2.118 3.735c-.815 0-1.416.717-1.416 1.51 0 1.014.36 1.826.877 2.36.117.121.24.226.365.323-.099.063-.197.126-.293.202-.52.41-.949 1.12-.949 1.988 0 .833.328 1.527.772 1.978.197.2.41.356.623.492-.383.39-.687.966-.687 1.653 0 .6.18 1.126.451 1.539a.725.725 0 0 0-.35.344.789.789 0 0 0-.065.503c.035.17.124.322.253.43.129.108.29.165.454.162 0 0 .644-.012 1.381-.252.737.24 1.381.252 1.381.252a.683.683 0 0 0 .454-.162.757.757 0 0 0 .252-.43.789.789 0 0 0-.063-.503.725.725 0 0 0-.351-.344c.27-.413.45-.939.45-1.539 0-.687-.303-1.263-.687-1.653a3.45 3.45 0 0 0 .624-.492c.444-.45.771-1.145.771-1.978 0-.868-.429-1.578-.948-1.988-.095-.076-.194-.139-.293-.202.125-.098.248-.202.365-.322.517-.535.877-1.347.877-2.36 0-.794-.601-1.511-1.416-1.511-.436 0-.8.227-1.034.504a1.516 1.516 0 0 0-.382 1.007.781.781 0 0 0 .122.43.716.716 0 0 0 .331.279.671.671 0 0 0 .423.028.703.703 0 0 0 .363-.232c-.076.271-.104.607-.274.782-.225.232-.575.425-.965.612-.39-.187-.74-.38-.965-.612-.17-.175-.198-.51-.274-.782a.702.702 0 0 0 .363.232.67.67 0 0 0 .422-.028.716.716 0 0 0 .332-.28.782.782 0 0 0 .122-.43c0-.401-.147-.73-.382-1.006-.234-.277-.598-.504-1.034-.504Zm1.416 5.052c.426.19.81.365 1.037.545.277.22.379.348.379.786 0 .475-.115.673-.335.896-.22.223-.589.428-1.022.637l-.059.03-.06-.03c-.432-.21-.802-.414-1.021-.637-.22-.223-.335-.421-.335-.896 0-.438.102-.567.379-.786.227-.18.61-.356 1.037-.545Zm0 4.558c.167.093.314.183.416.27.22.19.292.287.292.626 0 .383-.1.59-.259.779a1.57 1.57 0 0 1-.449.338 1.57 1.57 0 0 1-.45-.338c-.159-.19-.258-.396-.258-.779 0-.339.073-.437.292-.625.102-.088.25-.178.416-.271Z", fill: color })));
@@ -113,11 +113,11 @@ React.forwardRef(SvgCaduceus);
113
113
 
114
114
  const SvgCalendarCheck = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
115
115
  React__namespace.createElement("path", { d: "M7.556 2a.895.895 0 0 0-.889.9v.9h-.89C4.795 3.8 4 4.606 4 5.6v12.6C4 19.194 4.798 20 5.777 20h12.446A1.79 1.79 0 0 0 20 18.2V5.6c0-.994-.795-1.8-1.777-1.8h-.89v-.9c0-.496-.398-.9-.889-.9a.895.895 0 0 0-.888.9v.9H8.443v-.9a.893.893 0 0 0-.886-.9h-.001ZM5.777 8.3h12.446l.001 9.9H5.777V8.3Zm8.713 2.438a.875.875 0 0 0-.624.262l-2.31 2.34-.976-.99a.872.872 0 0 0-1.246 0 .895.895 0 0 0 0 1.26l1.594 1.615a.882.882 0 0 0 1.258 0l2.927-2.964a.898.898 0 0 0 0-1.261.87.87 0 0 0-.622-.262h-.001Z", fill: color })));
116
- const ForwardRef$x = React.forwardRef(SvgCalendarCheck);
116
+ const ForwardRef$y = React.forwardRef(SvgCalendarCheck);
117
117
 
118
118
  const SvgCalendarInfo = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
119
119
  React__namespace.createElement("path", { d: "M16.445 10.286h-8.89v1.777h8.89v-1.777Zm1.777-5.08h-.889V4h-1.777v1.206H8.444V4H6.667v1.206h-.89c-.986 0-1.768.8-1.768 1.778L4 18.286C4 19.263 4.791 20 5.778 20h12.444C19.2 20 20 19.264 20 18.286V6.984c0-.978-.8-1.778-1.778-1.778Zm0 13.08H5.778V8.508h12.444v9.778Zm-4.444-4.445H7.556v1.778h6.222v-1.778Z", fill: color })));
120
- const ForwardRef$w = React.forwardRef(SvgCalendarInfo);
120
+ const ForwardRef$x = React.forwardRef(SvgCalendarInfo);
121
121
 
122
122
  const SvgCalendarPen = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
123
123
  React__namespace.createElement("path", { d: "M6.619 2.001a.91.91 0 0 0-.905.914v.912h-.905C3.81 3.827 3 4.645 3 5.654v12.78c0 1.009.81 1.826 1.81 1.826h10.107l-1.81-1.827H4.81V8.391h12.666v5.635l1.81 1.826v-10.2c0-1.008-.81-1.826-1.81-1.826h-.906v-.914A.909.909 0 0 0 15.667 2a.91.91 0 0 0-.905.914v.912H7.525v-.914A.91.91 0 0 0 6.62 2l-.001.001Zm.905 9.13a.91.91 0 0 0-.905.913.91.91 0 0 0 .905.914h7.238c.5 0 .905-.41.905-.914a.91.91 0 0 0-.905-.913H7.524Zm0 3.652a.91.91 0 0 0-.905.913.91.91 0 0 0 .905.914h3.62c.499 0 .904-.41.904-.914a.91.91 0 0 0-.905-.913H7.524Zm6.785 0a.456.456 0 0 0-.452.456v1.181c0 .12.048.237.133.323l4.523 4.565 1.81-1.827-4.524-4.564a.456.456 0 0 0-.32-.134h-1.17Zm6.654 5.344-1.811 1.826.664.669c.5.504 1.31.504 1.81 0a1.3 1.3 0 0 0 0-1.827l-.663-.668Z", fill: color })));
@@ -125,12 +125,12 @@ React.forwardRef(SvgCalendarPen);
125
125
 
126
126
  const SvgCatFace = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
127
127
  React__namespace.createElement("path", { d: "M18.346 9.555c.29-.908.573-2.172.653-3.79a.73.73 0 0 0-.889-.746c-1.413.33-2.458.816-3.21 1.285A7.25 7.25 0 0 0 12 5.7a7.25 7.25 0 0 0-2.9.604c-.753-.469-1.797-.954-3.21-1.285a.73.73 0 0 0-.89.746c.081 1.618.363 2.882.655 3.79A6.343 6.343 0 0 0 5 12.35C5 16.023 9.2 19 12 19s7-2.977 7-6.65c0-1-.239-1.944-.654-2.795Zm-7.973 3.006c-.177.068-.45.14-.818.14-1.364 0-1.679-1.088-1.75-1.59a.347.347 0 0 1 .223-.373c.177-.067.45-.138.818-.138 1.363 0 1.678 1.087 1.75 1.589a.343.343 0 0 1-.223.372Zm2.934 2.128c-.324.335-.827.62-1.105.762a.443.443 0 0 1-.403 0c-.278-.143-.782-.428-1.105-.762-.222-.23-.022-.59.315-.59h1.982c.337 0 .537.36.315.59h.001Zm1.138-1.99c-.368 0-.64-.07-.818-.14a.344.344 0 0 1-.224-.37c.072-.502.387-1.59 1.75-1.59.369 0 .642.07.819.14.155.06.246.21.224.373-.072.501-.387 1.588-1.75 1.588h-.001Z", fill: color })));
128
- const ForwardRef$v = React.forwardRef(SvgCatFace);
128
+ const ForwardRef$w = React.forwardRef(SvgCatFace);
129
129
 
130
130
  const SvgCellphoneAlert = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
131
131
  React__namespace.createElement("path", { d: "M11 8a1 1 0 1 1 2 0v4a1 1 0 1 1-2 0V8ZM13 15a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z", fill: color }),
132
132
  React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.627 2.5h8.637c.954 0 1.727.773 1.727 1.727v15.546c0 .954-.773 1.727-1.727 1.727H7.627A1.727 1.727 0 0 1 5.9 19.773V4.227c0-.954.773-1.727 1.727-1.727Zm2.591 17.273h3.455v-.864h-3.455v.864Zm-2.59-2.591h8.636V5.09H7.627v12.09Z", fill: color })));
133
- const ForwardRef$u = React.forwardRef(SvgCellphoneAlert);
133
+ const ForwardRef$v = React.forwardRef(SvgCellphoneAlert);
134
134
 
135
135
  const SvgCellphone = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
136
136
  React__namespace.createElement("path", { d: "M16.264 2.5H7.627c-.954 0-1.727.773-1.727 1.727v15.546c0 .954.773 1.727 1.727 1.727h8.637c.954 0 1.727-.773 1.727-1.727V4.227c0-.954-.773-1.727-1.727-1.727Zm-2.591 17.273h-3.455v-.864h3.455v.864Zm2.59-2.591H7.628V5.09h8.637v12.09Z", fill: color })));
@@ -142,7 +142,7 @@ React.forwardRef(SvgChainLink);
142
142
 
143
143
  const SvgChatBubbleFilled = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
144
144
  React__namespace.createElement("path", { d: "M12 4c-4.695 0-8.5 3.152-8.5 7.04 0 2.155 1.173 4.082 3.015 5.374.047.983-.108 2.34-1.494 2.966l-.003.001a.32.32 0 0 0-.21.299.324.324 0 0 0 .355.319c1.591-.01 2.942-.852 3.874-1.741a1.283 1.283 0 0 1 1.114-.347A10.1 10.1 0 0 0 12 18.08c4.695 0 8.5-3.152 8.5-7.04S16.695 4 12 4Z", fill: color })));
145
- const ForwardRef$t = React.forwardRef(SvgChatBubbleFilled);
145
+ const ForwardRef$u = React.forwardRef(SvgChatBubbleFilled);
146
146
 
147
147
  const SvgChatBubbleOutlined = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
148
148
  React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2.6 11.04C2.6 6.504 6.974 3.1 12 3.1c5.026 0 9.4 3.404 9.4 7.94 0 4.536-4.374 7.94-9.4 7.94-.69 0-1.364-.063-2.014-.184l.165-.885-.163.885a.384.384 0 0 0-.33.112c-1.016.97-2.567 1.97-4.463 1.99-.02.002-.039.002-.058.002h-.002c-.66 0-1.227-.528-1.227-1.22v-.001c0-.502.308-.94.755-1.125.7-.322.929-.947.957-1.684-1.824-1.424-3.02-3.486-3.02-5.83ZM12 4.9c-4.364 0-7.6 2.9-7.6 6.14 0 1.809.982 3.48 2.632 4.637l.36.253.022.44c.028.587-.004 1.443-.375 2.235a6.072 6.072 0 0 0 1.377-.999 2.183 2.183 0 0 1 1.898-.58h.002A9.2 9.2 0 0 0 12 17.18c4.364 0 7.6-2.9 7.6-6.14 0-3.24-3.236-6.14-7.6-6.14Z", fill: color })));
@@ -166,7 +166,7 @@ React.forwardRef(SvgChevronLeft);
166
166
 
167
167
  const SvgChevronRight = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
168
168
  React__namespace.createElement("path", { d: "m13.69 12-5.413 5.393a.937.937 0 0 0 0 1.331c.37.368.97.368 1.34 0l6.12-6.096a.882.882 0 0 0 0-1.256L9.619 5.276a.951.951 0 0 0-1.34 0 .937.937 0 0 0 0 1.331L13.69 12Z", fill: color })));
169
- const ForwardRef$s = React.forwardRef(SvgChevronRight);
169
+ const ForwardRef$t = React.forwardRef(SvgChevronRight);
170
170
 
171
171
  const SvgChevronUp = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
172
172
  React__namespace.createElement("path", { d: "m12 10.31 5.393 5.412c.367.37.964.37 1.331 0a.951.951 0 0 0 0-1.34l-6.096-6.12a.883.883 0 0 0-1.256 0l-6.096 6.12a.951.951 0 0 0 0 1.34c.367.37.964.37 1.331 0L12 10.31Z", fill: color })));
@@ -191,7 +191,7 @@ React.forwardRef(SvgCode);
191
191
 
192
192
  const SvgCreditCardHand = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
193
193
  React__namespace.createElement("path", { d: "M10.286 6c-.895 0-1.62.684-1.62 1.53v.764H20V7.53C20 6.684 19.276 6 18.381 6h-8.095Zm-1.62 3.823v3.06c0 .33.115.636.306.886l3.67-2.159c.702-.414 1.622-.261 2.132.356l.59.713c.416.503.606 1.12.582 1.733h2.435c.895 0 1.619-.684 1.619-1.529v-3.06H8.667Zm-2.632.07a1 1 0 0 0-.51.165l-1.83 1.2A1.505 1.505 0 0 0 3 12.515v4.957C3 18.316 3.724 19 4.619 19h4.519c.907 0 1.754-.428 2.256-1.14l2.721-2.894c.31-.404.299-.952-.027-1.344-.36-.518-.818-.604-1.374-.252l-3.559 2.094c-.918.541-2.108-.083-2.108-1.104v-3.55c0-.554-.494-.937-1.013-.916Z", fill: color })));
194
- const ForwardRef$r = React.forwardRef(SvgCreditCardHand);
194
+ const ForwardRef$s = React.forwardRef(SvgCreditCardHand);
195
195
 
196
196
  const SvgCrossClipboard = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
197
197
  React__namespace.createElement("path", { d: "M20 3.8h-5.497C14.136 2.753 13.16 2 12 2c-1.16 0-2.136.753-2.503 1.8H4V20h16V3.8Zm-8 0c.49 0 .889.403.889.9s-.398.9-.889.9a.895.895 0 0 1-.889-.9c0-.497.398-.9.889-.9Zm3.556 9.9h-2.667v2.7H11.11v-2.7H8.444v-1.8h2.667V9.2h1.778v2.7h2.667v1.8Z", fill: color })));
@@ -199,7 +199,7 @@ React.forwardRef(SvgCrossClipboard);
199
199
 
200
200
  const SvgDog = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
201
201
  React__namespace.createElement("path", { d: "M14.4 3v2.429L12.842 8.58c-.271.55-.826.895-1.431.895H6.72L5.359 8.101a.766.766 0 0 0-1.119 0 .787.787 0 0 0 0 1.132L5.6 10.61v2.914l-.693 1.4a1.65 1.65 0 0 0-.148.46l-.586 3.561A.902.902 0 0 0 5.056 20a.9.9 0 0 0 .881-.738l.462-2.5 1.6-1.62h5.246l1.625 4.305a.852.852 0 0 0 .794.553.858.858 0 0 0 .817-1.097l-.881-3.1v-.66l1.031-2.087c.111-.224.169-.473.169-.724V8.667h.606c.637 0 1.247-.256 1.697-.712L20 7.048V5.833a.403.403 0 0 0-.4-.404h-1.2l-.566-.573a.793.793 0 0 0-.565-.237h-.87l-.72-.97A1.586 1.586 0 0 0 14.4 3Z", fill: color })));
202
- const ForwardRef$q = React.forwardRef(SvgDog);
202
+ const ForwardRef$r = React.forwardRef(SvgDog);
203
203
 
204
204
  const SvgDoghouse = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
205
205
  React__namespace.createElement("path", { d: "M12 4 2 12.904h2.727V21h14.546v-8.096H22L12 4Zm3.636 15.201H8.364v-4.22L12 12.905l3.636 2.078v4.22Z", fill: color })));
@@ -209,6 +209,10 @@ const SvgDollarCircle = ({ color = "currentColor", height = "24px", width = "24p
209
209
  React__namespace.createElement("path", { d: "M12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm.666 11.905v1.429h-1.332v-1.425c-1.42-.19-2.315-1.015-2.365-2.24h1.52c.073.61.688 1 1.574 1 .818 0 1.395-.396 1.395-.963 0-.48-.373-.755-1.296-.953l-.98-.208c-1.37-.287-2.04-1-2.04-2.146 0-1.22.849-2.078 2.192-2.293v-1.44h1.332v1.438c1.304.211 2.184 1.056 2.225 2.211h-1.478c-.074-.594-.627-.99-1.387-.99-.786 0-1.307.366-1.307.938 0 .464.36.73 1.24.916l.906.195c1.51.316 2.16.968 2.16 2.133.001 1.323-.882 2.195-2.359 2.398Z", fill: color })));
210
210
  React.forwardRef(SvgDollarCircle);
211
211
 
212
+ const SvgDotsHorizontal = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
213
+ React__namespace.createElement("path", { d: "M3 12a2 2 0 1 0 4.001-.001A2 2 0 0 0 3 12Zm7 0a2 2 0 1 0 4 0 2 2 0 0 0-4 0Zm7 0A2 2 0 1 0 21 11.998 2 2 0 0 0 17 12Z", fill: color })));
214
+ const ForwardRef$q = React.forwardRef(SvgDotsHorizontal);
215
+
212
216
  const SvgDotsVertical = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
213
217
  React__namespace.createElement("path", { d: "M12 3a2 2 0 1 0 .001 4.001A2 2 0 0 0 12 3Zm0 7a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm0 7A2 2 0 1 0 12.002 21 2 2 0 0 0 12 17Z", fill: color })));
214
218
  const ForwardRef$p = React.forwardRef(SvgDotsVertical);
@@ -450,45 +454,46 @@ const ForwardRef = React.forwardRef(SvgWarningSign);
450
454
  var IconMap = {
451
455
  account: ForwardRef$9,
452
456
  add: ForwardRef$7,
453
- alert: ForwardRef$z,
454
- appointment: ForwardRef$w,
457
+ alert: ForwardRef$A,
458
+ appointment: ForwardRef$x,
455
459
  attachFile: ForwardRef$c,
456
- back: ForwardRef$C,
457
- cat: ForwardRef$v,
458
- chat: ForwardRef$t,
459
- collapse: ForwardRef$B,
460
+ back: ForwardRef$D,
461
+ cat: ForwardRef$w,
462
+ chat: ForwardRef$u,
463
+ collapse: ForwardRef$C,
460
464
  conversations: ForwardRef$e,
461
465
  delete: ForwardRef$2,
462
466
  dialPad: ForwardRef$8,
463
- dog: ForwardRef$q,
467
+ dog: ForwardRef$r,
464
468
  download: ForwardRef$o,
465
469
  emoji: ForwardRef$4,
466
- expand: ForwardRef$A,
470
+ expand: ForwardRef$B,
467
471
  filter: ForwardRef$k,
468
472
  forms: ForwardRef$l,
469
- grooming: ForwardRef$y,
473
+ grooming: ForwardRef$z,
470
474
  help: ForwardRef$6,
471
475
  hidden: ForwardRef$m,
472
476
  home: ForwardRef$i,
473
- invoicing: ForwardRef$r,
477
+ invoicing: ForwardRef$s,
474
478
  messageTemplates: ForwardRef$f,
475
479
  more: ForwardRef$p,
476
- next: ForwardRef$s,
480
+ moreHorizontal: ForwardRef$q,
481
+ next: ForwardRef$t,
477
482
  pets: ForwardRef$a,
478
- reminder: ForwardRef$z,
483
+ reminder: ForwardRef$A,
479
484
  reporting: ForwardRef$5,
480
485
  searchPets: ForwardRef$b,
481
486
  search: ForwardRef$g,
482
487
  send: ForwardRef$d,
483
488
  sendPayment: ForwardRef$h,
484
489
  settings: ForwardRef$j,
485
- schedule: ForwardRef$x,
490
+ schedule: ForwardRef$y,
486
491
  teamChat: ForwardRef$3,
487
492
  videoCall: ForwardRef$1,
488
493
  view: ForwardRef$n,
489
494
  visible: ForwardRef$n,
490
495
  warning: ForwardRef,
491
- massTextAlerts: ForwardRef$u,
496
+ massTextAlerts: ForwardRef$v,
492
497
  };
493
498
  var IconSizeMap = {
494
499
  xs: 14,
@@ -1359,10 +1364,10 @@ var theme = react.extendTheme({
1359
1364
  components: {
1360
1365
  Text: TextConfig,
1361
1366
  Heading: HeadingConfig,
1362
- // Textarea: TextareaConfig,
1363
- // Button: ButtonConfig,
1367
+ Textarea: TextareaConfig,
1368
+ Button: ButtonConfig,
1364
1369
  Drawer: DrawerConfig,
1365
- // Tooltip: TooltipConfig,
1370
+ Tooltip: TooltipConfig,
1366
1371
  },
1367
1372
  });
1368
1373