Merge pull request #65 from dev-five-git/add-svg

Add svg props

Author: owjs3901

.changeset/shiny-spoons-raise.md

@@ -0,0 +1,5 @@
+---
+"@devup-ui/react": patch
+---
+
+Add svg props

apps/landing/src/app/(detail)/docs/api/style-props/page.mdx

@@ -1625,3 +1625,32 @@
     </tr>
     </tbody>
 </table>
+
+## Svg
+
+<table>
+    <thead>
+    <tr>
+        <th>Props</th>
+        <th>Style Property</th>
+    </tr>
+    </thead>
+    <tbody>
+    <tr>
+        <td><code>fill</code></td>
+        <td><code>fill</code></td>
+    </tr>
+    <tr>
+        <td><code>stroke</code></td>
+        <td><code>stroke</code></td>
+    </tr>
+    <tr>
+        <td><code>strokeWidth</code></td>
+        <td><code>stroke-width</code></td>
+    </tr>
+    <tr>
+        <td><code>strokeOpacity</code></td>
+        <td><code>stroke-opacity</code></td>
+    </tr>
+    </tbody>
+</table>

packages/react/src/types/props/index.ts

@@ -22,6 +22,7 @@ import type { DevupUiPositionProps } from './position'
 import type { DevupUiScrollbarProps } from './scrollbar'
 import type { DevupSelectorProps, DevupThemeSelectorProps } from './selector'
 import type { DevupUiShapeProps } from './shape'
+import type { DevupUiSvgProps } from './svg'
 import type { DevupUiTableProps } from './table'
 import type { DevupUiTextProps } from './text'
 import type { DevupUiTransformProps } from './transform'
@@ -58,7 +59,8 @@ export interface DevupCommonProps
     DevupUiTransformProps,
     DevupUiTransitionProps,
     DevupUiUiProps,
-    DevupUiViewTransitionProps {}
+    DevupUiViewTransitionProps,
+    DevupUiSvgProps {}
 
 export interface DevupProps
   extends DevupCommonProps,

packages/react/src/types/props/svg.ts

@@ -0,0 +1,10 @@
+import type { Property } from 'csstype'
+
+import type { ResponsiveValue } from '../responsive-value'
+
+export interface DevupUiSvgProps {
+  fill?: ResponsiveValue<Property.Fill>
+  stroke?: ResponsiveValue<Property.Stroke>
+  strokeWidth?: ResponsiveValue<Property.StrokeWidth>
+  strokeOpacity?: ResponsiveValue<Property.StrokeOpacity>
+}