feat: add variant and weight props to DBIcon (#2052)

db-ui · Jan 9, 2024 · b463be6 · b463be6
1 parent 40229df
commit b463be6
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git a/packages/components/src/components/icon/icon.lite.tsx b/packages/components/src/components/icon/icon.lite.tsx
@@ -1,4 +1,10 @@
-import {onMount, Show, useMetadata, useRef, useStore} from '@builder.io/mitosis';
+import {
+	onMount,
+	Show,
+	useMetadata,
+	useRef,
+	useStore
+} from '@builder.io/mitosis';
 import type { DBIconState, DBIconProps } from './model';
 import { cls } from '../../utils';
 
@@ -24,6 +30,8 @@ export default function DBIcon(props: DBIconProps) {
 			id={props.id}
 			class={cls('db-icon', props.className)}
 			data-icon={props.icon}
+			data-icon-weight={props.weight}
+			data-icon-variant={props.variant}
 			aria-hidden="true"
 			title={props.title}>
 			<Show when={state.stylePath}>

diff --git a/packages/components/src/components/icon/model.ts b/packages/components/src/components/icon/model.ts
@@ -1,6 +1,9 @@
 import { GlobalProps, GlobalState, IconProps } from '../../shared/model';
 
-export type DBIconDefaultProps = {};
+export type DBIconDefaultProps = {
+	variant?: 'default' | 'inverted' | 'solid';
+	weight?: '16' | '20' | '24' | '32' | '48' | '64';
+};
 
 export type DBIconProps = DBIconDefaultProps & GlobalProps & IconProps;