@octaviaflow/icons 3.0.3 → 3.0.18-beta.5

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.
@@ -4,8 +4,30 @@ export type IconTone = "primary" | "accent" | "muted" | "inverse" | "success" |
4
4
  export interface BaseIconProps extends Omit<SVGAttributes<SVGSVGElement>, "color"> {
5
5
  /** Width + height in px. Token name or number. Default "lg" (24px). */
6
6
  size?: IconSize;
7
- /** Stroke/fill color. Default "primary". */
7
+ /**
8
+ * Stroke/fill color from the design-system tone enum.
9
+ *
10
+ * **Default: undefined — the icon inherits its parent's CSS `color`.**
11
+ * That keeps icons coloured by their context: a primary Button's white
12
+ * text colours its icons white; a Stat tile's accent slot colours its
13
+ * icon accent; a muted Sidebar item tints its icon to match.
14
+ *
15
+ * Pass an explicit tone only when you want to override that inheritance
16
+ * (e.g. `tone="success"` on a status row inside a default-tone surface).
17
+ */
8
18
  tone?: IconTone;
19
+ /**
20
+ * Arbitrary CSS color (hex, rgb, hsl, named color, CSS variable). When set,
21
+ * overrides `tone`. Use the `tone` enum first — it stays in lock-step with
22
+ * the theme tokens — and only reach for `color` when you need a one-off
23
+ * value the design system doesn't expose.
24
+ *
25
+ * Examples:
26
+ * <AddIcon color="#FF6B6B" />
27
+ * <AddIcon color="rgb(124, 58, 237)" />
28
+ * <AddIcon color="var(--my-brand)" />
29
+ */
30
+ color?: string;
9
31
  /** Accessible label. When omitted, the icon is presentational. */
10
32
  title?: string;
11
33
  viewBox: string;
@@ -14,5 +36,10 @@ export interface BaseIconProps extends Omit<SVGAttributes<SVGSVGElement>, "color
14
36
  /**
15
37
  * BaseIcon — every generated icon wraps this primitive. Pictograms have
16
38
  * BasePictogram with the same shape but a coarser size scale.
39
+ *
40
+ * When neither `tone` nor `color` is passed, the SVG inherits its parent's
41
+ * CSS `color`. This is the default because hard-coding an inline color
42
+ * (the previous behaviour, `tone="primary"`) silently overrode every
43
+ * Button / Stat / Sidebar / Card that had its own `color:` styling.
17
44
  */
18
45
  export declare const BaseIcon: import("react").ForwardRefExoticComponent<BaseIconProps & import("react").RefAttributes<SVGSVGElement>>;
package/dist/Icon.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { type BaseIconProps } from "./BaseIcon";
1
+ import type { BaseIconProps } from "./BaseIcon";
2
2
  import { type IconName } from "./registry";
3
3
  export interface IconProps extends Omit<BaseIconProps, "viewBox" | "children"> {
4
4
  name: IconName;
@@ -0,0 +1,2 @@
1
+ import { type BaseIconProps } from "../BaseIcon";
2
+ export declare const CalendarAddAltIcon: import("react").ForwardRefExoticComponent<Omit<BaseIconProps, "viewBox" | "children"> & import("react").RefAttributes<SVGSVGElement>>;
@@ -0,0 +1,2 @@
1
+ import { type BaseIconProps } from "../BaseIcon";
2
+ export declare const CalendarAddIcon: import("react").ForwardRefExoticComponent<Omit<BaseIconProps, "viewBox" | "children"> & import("react").RefAttributes<SVGSVGElement>>;
@@ -0,0 +1,2 @@
1
+ import { type BaseIconProps } from "../BaseIcon";
2
+ export declare const DataQualityDefinitionIcon: import("react").ForwardRefExoticComponent<Omit<BaseIconProps, "viewBox" | "children"> & import("react").RefAttributes<SVGSVGElement>>;
@@ -0,0 +1,2 @@
1
+ import { type BaseIconProps } from "../BaseIcon";
2
+ export declare const RuleDataQualityIcon: import("react").ForwardRefExoticComponent<Omit<BaseIconProps, "viewBox" | "children"> & import("react").RefAttributes<SVGSVGElement>>;
@@ -0,0 +1,2 @@
1
+ import { type BaseIconProps } from "../BaseIcon";
2
+ export declare const WorkflowAutomationIcon: import("react").ForwardRefExoticComponent<Omit<BaseIconProps, "viewBox" | "children"> & import("react").RefAttributes<SVGSVGElement>>;
@@ -259,6 +259,8 @@ export { CalculationAltIcon } from "./CalculationAltIcon";
259
259
  export { CalculatorIcon } from "./CalculatorIcon";
260
260
  export { CalculatorCheckIcon } from "./CalculatorCheckIcon";
261
261
  export { CalendarIcon } from "./CalendarIcon";
262
+ export { CalendarAddIcon } from "./CalendarAddIcon";
263
+ export { CalendarAddAltIcon } from "./CalendarAddAltIcon";
262
264
  export { CalendarHeatMapIcon } from "./CalendarHeatMapIcon";
263
265
  export { CalendarSettingsIcon } from "./CalendarSettingsIcon";
264
266
  export { CalendarToolsIcon } from "./CalendarToolsIcon";
@@ -601,6 +603,7 @@ export { DataErrorIcon } from "./DataErrorIcon";
601
603
  export { DataFormatIcon } from "./DataFormatIcon";
602
604
  export { DataGlossaryIcon } from "./DataGlossaryIcon";
603
605
  export { DataPlayerIcon } from "./DataPlayerIcon";
606
+ export { DataQualityDefinitionIcon } from "./DataQualityDefinitionIcon";
604
607
  export { DataReferenceIcon } from "./DataReferenceIcon";
605
608
  export { DataRefineryIcon } from "./DataRefineryIcon";
606
609
  export { DataRefineryReferenceIcon } from "./DataRefineryReferenceIcon";
@@ -1715,6 +1718,7 @@ export { RowInsertIcon } from "./RowInsertIcon";
1715
1718
  export { RssIcon } from "./RssIcon";
1716
1719
  export { RuleIcon } from "./RuleIcon";
1717
1720
  export { RuleCancelledIcon } from "./RuleCancelledIcon";
1721
+ export { RuleDataQualityIcon } from "./RuleDataQualityIcon";
1718
1722
  export { RuleDraftIcon } from "./RuleDraftIcon";
1719
1723
  export { RuleFilledIcon } from "./RuleFilledIcon";
1720
1724
  export { RuleLockedIcon } from "./RuleLockedIcon";
@@ -2328,6 +2332,7 @@ export { WintryMixIcon } from "./WintryMixIcon";
2328
2332
  export { WirelessCheckoutIcon } from "./WirelessCheckoutIcon";
2329
2333
  export { WmvIcon } from "./WmvIcon";
2330
2334
  export { WordCloudIcon } from "./WordCloudIcon";
2335
+ export { WorkflowAutomationIcon } from "./WorkflowAutomationIcon";
2331
2336
  export { WorkspaceIcon } from "./WorkspaceIcon";
2332
2337
  export { WorkspaceImportIcon } from "./WorkspaceImportIcon";
2333
2338
  export { WorshipIcon } from "./WorshipIcon";