@aurora-ds/components 0.22.4 → 0.22.6
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.
- package/dist/cjs/components/foundation/icon/Icon.d.ts +8 -1
- package/dist/cjs/components/foundation/icon/Icon.props.d.ts +2 -0
- package/dist/cjs/components/foundation/icon/Icon.styles.d.ts +1 -1
- package/dist/cjs/index.js +17 -5
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/components/foundation/icon/Icon.d.ts +8 -1
- package/dist/esm/components/foundation/icon/Icon.props.d.ts +2 -0
- package/dist/esm/components/foundation/icon/Icon.styles.d.ts +1 -1
- package/dist/esm/index.js +17 -5
- package/dist/esm/index.js.map +1 -1
- package/dist/index.d.ts +10 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -319,6 +319,8 @@ type IconProps = PropsWithChildren<{
|
|
|
319
319
|
size?: keyof ThemeContract['fontSize'];
|
|
320
320
|
/** Icon stroke/line color from theme */
|
|
321
321
|
color?: keyof ThemeContract['colors'];
|
|
322
|
+
/** Icon fill color from theme (for filled icons) */
|
|
323
|
+
fill?: keyof ThemeContract['colors'];
|
|
322
324
|
/** Background color from theme */
|
|
323
325
|
backgroundColor?: keyof ThemeContract['colors'];
|
|
324
326
|
/** Padding from theme spacing */
|
|
@@ -342,7 +344,7 @@ type IconProps = PropsWithChildren<{
|
|
|
342
344
|
*
|
|
343
345
|
* **Features:**
|
|
344
346
|
* - Theme-aware sizing via font sizes
|
|
345
|
-
* - Color and fill support from theme
|
|
347
|
+
* - Color (stroke) and fill support from theme
|
|
346
348
|
* - Optional background with padding and border radius
|
|
347
349
|
* - Transition animation on color changes
|
|
348
350
|
*
|
|
@@ -350,9 +352,15 @@ type IconProps = PropsWithChildren<{
|
|
|
350
352
|
* ```tsx
|
|
351
353
|
* import { SomeIcon } from 'some-icon-library'
|
|
352
354
|
*
|
|
355
|
+
* // Stroke color only
|
|
353
356
|
* <Icon size="md" color="primary">
|
|
354
357
|
* <SomeIcon />
|
|
355
358
|
* </Icon>
|
|
359
|
+
*
|
|
360
|
+
* // With fill color
|
|
361
|
+
* <Icon size="md" color="primary" fill="secondary">
|
|
362
|
+
* <SomeIcon />
|
|
363
|
+
* </Icon>
|
|
356
364
|
* ```
|
|
357
365
|
*
|
|
358
366
|
* **With background:**
|
|
@@ -360,6 +368,7 @@ type IconProps = PropsWithChildren<{
|
|
|
360
368
|
* <Icon
|
|
361
369
|
* size="lg"
|
|
362
370
|
* color="onPrimary"
|
|
371
|
+
* fill="onPrimary"
|
|
363
372
|
* backgroundColor="primary"
|
|
364
373
|
* padding="sm"
|
|
365
374
|
* borderRadius="full"
|