@a-type/ui 0.8.17 → 0.8.19

package/src/components/icon/generated/IconSpritesheet.tsx

@@ -769,6 +769,56 @@ export const IconSpritesheet = (props: any) => (
 				/>
 				<path d="M2 3.5H13" stroke="currentColor" />
 			</symbol>
+			<symbol id="icon-notAllowed" viewBox="0 0 15 15">
+				<g clipPath="url(#clip0_996_18)">
+					<path
+						d="M13.6667 7.49998C13.6667 10.9057 10.9058 13.6666 7.50004 13.6666V14.6666C11.4581 14.6666 14.6667 11.458 14.6667 7.49998H13.6667ZM7.50004 13.6666C4.09428 13.6666 1.33337 10.9057 1.33337 7.49998H0.333374C0.333374 11.458 3.542 14.6666 7.50004 14.6666V13.6666ZM1.33337 7.49998C1.33337 4.09422 4.09428 1.33331 7.50004 1.33331V0.333313C3.542 0.333313 0.333374 3.54194 0.333374 7.49998H1.33337ZM7.50004 1.33331C10.9058 1.33331 13.6667 4.09422 13.6667 7.49998H14.6667C14.6667 3.54194 11.4581 0.333313 7.50004 0.333313V1.33331ZM11.8605 2.43239L2.43245 11.8605L3.13955 12.5676L12.5676 3.13949L11.8605 2.43239Z"
+						fill="currentColor"
+					/>
+				</g>
+				<defs>
+					<clipPath id="clip0_996_18">
+						<rect width="15" height="15" fill="white" />
+					</clipPath>
+				</defs>
+			</symbol>
+			<symbol id="icon-connection" viewBox="0 0 15 15">
+				<path
+					d="M10.6464 3.64645L3.64645 10.6464L4.35355 11.3536L11.3536 4.35355L10.6464 3.64645Z"
+					fill="currentColor"
+				/>
+				<circle cx="12" cy="3" r="1.5" stroke="currentColor" />
+				<circle cx="3" cy="12" r="1.5" stroke="currentColor" />
+			</symbol>
+			<symbol id="icon-connectionBreak" viewBox="0 0 15 15">
+				<path
+					d="M8.14645 6.14645C7.95118 6.34171 7.95118 6.65829 8.14645 6.85355C8.34171 7.04882 8.65829 7.04882 8.85355 6.85355L8.14645 6.14645ZM10.6464 3.64645L8.14645 6.14645L8.85355 6.85355L11.3536 4.35355L10.6464 3.64645Z"
+					fill="currentColor"
+				/>
+				<path
+					d="M6.85355 8.85355C7.04882 8.65829 7.04882 8.34171 6.85355 8.14645C6.65829 7.95118 6.34171 7.95118 6.14645 8.14645L6.85355 8.85355ZM6.14645 8.14645L3.64645 10.6464L4.35355 11.3536L6.85355 8.85355L6.14645 8.14645Z"
+					fill="currentColor"
+				/>
+				<circle cx="12" cy="3" r="1.5" stroke="currentColor" />
+				<circle cx="3" cy="12" r="1.5" stroke="currentColor" />
+				<path
+					d="M9 8.5H11.5M8.5 9V11.5M3.5 6.5H6M6.5 3.5V6"
+					stroke="currentColor"
+				/>
+			</symbol>
+			<symbol id="icon-connectionSplit" viewBox="0 0 15 15">
+				<path
+					d="M8.64645 5.64645C8.45118 5.84171 8.45118 6.15829 8.64645 6.35355C8.84171 6.54882 9.15829 6.54882 9.35355 6.35355L8.64645 5.64645ZM10.6464 3.64645L8.64645 5.64645L9.35355 6.35355L11.3536 4.35355L10.6464 3.64645Z"
+					fill="currentColor"
+				/>
+				<path
+					d="M6.35355 9.35355C6.54882 9.15829 6.54882 8.84171 6.35355 8.64645C6.15829 8.45118 5.84171 8.45118 5.64645 8.64645L6.35355 9.35355ZM5.64645 8.64645L3.64645 10.6464L4.35355 11.3536L6.35355 9.35355L5.64645 8.64645Z"
+					fill="currentColor"
+				/>
+				<circle cx="12" cy="3" r="1.5" stroke="currentColor" />
+				<circle cx="7.5" cy="7.5" r="2" stroke="currentColor" />
+				<circle cx="3" cy="12" r="1.5" stroke="currentColor" />
+			</symbol>
 		</defs>
 	</svg>
 );

package/src/components/icon/generated/iconNames.ts

@@ -67,6 +67,10 @@ export const iconNames = [
 	'cloud',
 	'cloudDisabled',
 	'trash',
+	'notAllowed',
+	'connection',
+	'connectionBreak',
+	'connectionSplit',
 ] as const;
 
 export type IconName = (typeof iconNames)[number];

package/src/components/liveUpdateTextField/LiveUpdateTextField.tsx

@@ -4,6 +4,8 @@ import {
 	ChangeEvent,
 	FocusEvent,
 	forwardRef,
+	KeyboardEventHandler,
+	MouseEventHandler,
 	useCallback,
 	useEffect,
 	useMemo,
@@ -29,6 +31,9 @@ export type LiveUpdateTextFieldProps = {
 	placeholder?: string;
 	type?: InputProps['type'];
 	id?: string;
+	onKeyDown?: KeyboardEventHandler;
+	onKeyUp?: KeyboardEventHandler;
+	onClick?: MouseEventHandler;
 };
 
 /**