@drivenets/design-system 0.12.1 → 0.14.0

package/src/components/ds-grid/ds-grid.tsx

@@ -1,4 +1,3 @@
-import type { CSSProperties } from 'react';
 import classNames from 'classnames';
 
 import type { DsGridBaseProps, DsGridItemBaseProps } from './ds-grid.types';
@@ -32,7 +31,7 @@ export const DsGridBase = ({
 	}
 
 	return (
-		<div className={gridClass} style={{ ...style, ...cssVars } as CSSProperties}>
+		<div className={gridClass} style={{ ...style, ...cssVars }}>
 			{children}
 		</div>
 	);

package/src/components/ds-icon/figma/ds-icon-material.figma.batch.ts

@@ -0,0 +1,10 @@
+import figma from 'figma';
+
+const batch = figma.batch as { icon: string; filled: boolean; id: string };
+
+export default {
+	example: figma.code`<DsIcon icon="${batch.icon}"${batch.filled ? ' filled' : ''} />`,
+	imports: ["import { DsIcon } from '@drivenets/design-system'"],
+	id: batch.id,
+	metadata: { nestable: true, props: { icon: batch.icon } },
+};

package/src/components/ds-icon/figma/ds-icon-special.figma.batch.ts

@@ -0,0 +1,18 @@
+import figma from 'figma';
+
+// Batch template for Figma special icon component sets (`special-*` icons),
+// where a single `type` variant selects the icon. Variants without a `DsIcon`
+// equivalent are absent from `typeMap`, so `getEnum` returns undefined for them.
+const instance = figma.selectedInstance;
+const batch = figma.batch as { id: string; variantProp: string; typeMap: Record<string, string> };
+
+const icon = instance.getEnum(batch.variantProp, batch.typeMap);
+
+export default {
+	example: icon
+		? figma.code`<DsIcon icon="${icon}" />`
+		: figma.code`{/* This icon is not available in @drivenets/design-system */}`,
+	imports: ["import { DsIcon } from '@drivenets/design-system'"],
+	id: batch.id,
+	metadata: { nestable: true, props: { icon } },
+};