npm - @sebgroup/green-core - Versions diffs - 1.78.1 → 1.79.0 - Mend

@sebgroup/green-core 1.78.1 → 1.79.0

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.

Files changed (292) hide show

package/components/icon/icon.component.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
 import { GdsElement } from '../../gds-element';
+import { GdsColorLevel } from '../../utils/helpers';
 declare const GdsIcon_base: (new (...args: any[]) => import("../../utils/mixins/declarative-layout-mixins").MarginProps) & (new (...args: any[]) => import("../../utils/mixins/declarative-layout-mixins").LayoutChildProps) & typeof GdsElement;
 /**
  * @element gds-icon
@@ -44,6 +45,23 @@ export declare class GdsIcon extends GdsIcon_base {
      * When set to true, you can apply custom stroke width to the icon.
      */
     stroke?: number;
+    /**
+     * The level of the icon is used to resolve the color tokens from the corresponding level.
+     * Check the [Color System documentation page](./?path=/docs/style-colors--docs) for more information.
+     *
+     * Default for `gds-icon-*` is level 2.
+     *
+     */
+    level: GdsColorLevel;
+    /**
+     * Style Expression Property that controls the `color` property.
+     * Only accepts color tokens and an optional transparency value, in the format tokenName/transparency.
+     *
+     * ```html
+     * <gds-icon-ai color="primary/0.2"></gds-icon-ai>
+     * ```
+     */
+    color?: string;
     /**
      * When viewbox is defined it will override the default viewbox of the icon.
      *

package/components/icon/icon.component.js CHANGED Viewed

@@ -7,7 +7,10 @@ import { unsafeHTML } from "lit/directives/unsafe-html.js";
 import { GdsElement } from "../../gds-element.js";
 import { tokens } from "../../tokens.style.js";
 import { styleExpressionProperty } from "../../utils/decorators/style-expression-property.js";
-import { forSpaceTokensAndCustomValues } from "../../utils/helpers/index.js";
+import {
+  forColorTokens,
+  forSpaceTokensAndCustomValues
+} from "../../utils/helpers/index.js";
 import {
   withLayoutChildProps,
   withMarginProps
@@ -17,6 +20,7 @@ class GdsIcon extends withMarginProps(withLayoutChildProps(GdsElement)) {
   constructor() {
     super(...arguments);
     this.solid = false;
+    this.level = "2";
     this.box = false;
     this.label = "";
   }
@@ -111,6 +115,12 @@ __decorateClass([
 __decorateClass([
   property({ type: Number })
 ], GdsIcon.prototype, "stroke", 2);
+__decorateClass([
+  property()
+], GdsIcon.prototype, "level", 2);
+__decorateClass([
+  styleExpressionProperty(forColorTokens("content"))
+], GdsIcon.prototype, "color", 2);
 __decorateClass([
   property({ type: String })
 ], GdsIcon.prototype, "box", 2);

package/generated/react/icons/icon/index.d.ts CHANGED Viewed

@@ -6,6 +6,8 @@ export declare const GdsIcon: (props: React.ComponentProps<ReturnType<typeof get
     height?: number | undefined;
     solid?: boolean | undefined;
     stroke?: number | undefined;
+    level?: import("../../../../utils/helpers").GdsColorLevel | undefined;
+    color?: string | undefined;
     box?: boolean | undefined;
     label?: string | undefined;
     render?: (() => import("lit-html").TemplateResult<1>) | undefined;

package/generated/react/icons/icon-ai/index.d.ts CHANGED Viewed

@@ -6,6 +6,8 @@ export declare const IconAi: (props: React.ComponentProps<ReturnType<typeof getR
     height?: number | undefined;
     solid?: boolean | undefined;
     stroke?: number | undefined;
+    level?: import("../../../../utils/helpers").GdsColorLevel | undefined;
+    color?: string | undefined;
     box?: boolean | undefined;
     label?: string | undefined;
     render?: (() => import("lit-html").TemplateResult<1>) | undefined;

package/generated/react/icons/icon-airplane-up/index.d.ts CHANGED Viewed

@@ -6,6 +6,8 @@ export declare const IconAirplaneUp: (props: React.ComponentProps<ReturnType<typ
     height?: number | undefined;
     solid?: boolean | undefined;
     stroke?: number | undefined;
+    level?: import("../../../../utils/helpers").GdsColorLevel | undefined;
+    color?: string | undefined;
     box?: boolean | undefined;
     label?: string | undefined;
     render?: (() => import("lit-html").TemplateResult<1>) | undefined;

package/generated/react/icons/icon-archive/index.d.ts CHANGED Viewed

@@ -6,6 +6,8 @@ export declare const IconArchive: (props: React.ComponentProps<ReturnType<typeof
     height?: number | undefined;
     solid?: boolean | undefined;
     stroke?: number | undefined;
+    level?: import("../../../../utils/helpers").GdsColorLevel | undefined;
+    color?: string | undefined;
     box?: boolean | undefined;
     label?: string | undefined;
     render?: (() => import("lit-html").TemplateResult<1>) | undefined;

package/generated/react/icons/icon-arrow/index.d.ts CHANGED Viewed

@@ -6,6 +6,8 @@ export declare const IconArrow: (props: React.ComponentProps<ReturnType<typeof g
     height?: number | undefined;
     solid?: boolean | undefined;
     stroke?: number | undefined;
+    level?: import("../../../../utils/helpers").GdsColorLevel | undefined;
+    color?: string | undefined;
     box?: boolean | undefined;
     label?: string | undefined;
     render?: (() => import("lit-html").TemplateResult<1>) | undefined;

package/generated/react/icons/icon-arrow-bottom-top/index.d.ts CHANGED Viewed

@@ -6,6 +6,8 @@ export declare const IconArrowBottomTop: (props: React.ComponentProps<ReturnType
     height?: number | undefined;
     solid?: boolean | undefined;
     stroke?: number | undefined;
+    level?: import("../../../../utils/helpers").GdsColorLevel | undefined;
+    color?: string | undefined;
     box?: boolean | undefined;
     label?: string | undefined;
     render?: (() => import("lit-html").TemplateResult<1>) | undefined;

package/generated/react/icons/icon-arrow-box-left/index.d.ts CHANGED Viewed

@@ -6,6 +6,8 @@ export declare const IconArrowBoxLeft: (props: React.ComponentProps<ReturnType<t
     height?: number | undefined;
     solid?: boolean | undefined;
     stroke?: number | undefined;
+    level?: import("../../../../utils/helpers").GdsColorLevel | undefined;
+    color?: string | undefined;
     box?: boolean | undefined;
     label?: string | undefined;
     render?: (() => import("lit-html").TemplateResult<1>) | undefined;

package/generated/react/icons/icon-arrow-box-right/index.d.ts CHANGED Viewed

@@ -6,6 +6,8 @@ export declare const IconArrowBoxRight: (props: React.ComponentProps<ReturnType<
     height?: number | undefined;
     solid?: boolean | undefined;
     stroke?: number | undefined;
+    level?: import("../../../../utils/helpers").GdsColorLevel | undefined;
+    color?: string | undefined;
     box?: boolean | undefined;
     label?: string | undefined;
     render?: (() => import("lit-html").TemplateResult<1>) | undefined;

package/generated/react/icons/icon-arrow-down/index.d.ts CHANGED Viewed

@@ -6,6 +6,8 @@ export declare const IconArrowDown: (props: React.ComponentProps<ReturnType<type
     height?: number | undefined;
     solid?: boolean | undefined;
     stroke?: number | undefined;
+    level?: import("../../../../utils/helpers").GdsColorLevel | undefined;
+    color?: string | undefined;
     box?: boolean | undefined;
     label?: string | undefined;
     render?: (() => import("lit-html").TemplateResult<1>) | undefined;

package/generated/react/icons/icon-arrow-inbox/index.d.ts CHANGED Viewed

@@ -6,6 +6,8 @@ export declare const IconArrowInbox: (props: React.ComponentProps<ReturnType<typ
     height?: number | undefined;
     solid?: boolean | undefined;
     stroke?: number | undefined;
+    level?: import("../../../../utils/helpers").GdsColorLevel | undefined;
+    color?: string | undefined;
     box?: boolean | undefined;
     label?: string | undefined;
     render?: (() => import("lit-html").TemplateResult<1>) | undefined;

package/generated/react/icons/icon-arrow-left/index.d.ts CHANGED Viewed

@@ -6,6 +6,8 @@ export declare const IconArrowLeft: (props: React.ComponentProps<ReturnType<type
     height?: number | undefined;
     solid?: boolean | undefined;
     stroke?: number | undefined;
+    level?: import("../../../../utils/helpers").GdsColorLevel | undefined;
+    color?: string | undefined;
     box?: boolean | undefined;
     label?: string | undefined;
     render?: (() => import("lit-html").TemplateResult<1>) | undefined;

package/generated/react/icons/icon-arrow-left-right/index.d.ts CHANGED Viewed

@@ -6,6 +6,8 @@ export declare const IconArrowLeftRight: (props: React.ComponentProps<ReturnType
     height?: number | undefined;
     solid?: boolean | undefined;
     stroke?: number | undefined;
+    level?: import("../../../../utils/helpers").GdsColorLevel | undefined;
+    color?: string | undefined;
     box?: boolean | undefined;
     label?: string | undefined;
     render?: (() => import("lit-html").TemplateResult<1>) | undefined;

package/generated/react/icons/icon-arrow-out-of-box/index.d.ts CHANGED Viewed

@@ -6,6 +6,8 @@ export declare const IconArrowOutOfBox: (props: React.ComponentProps<ReturnType<
     height?: number | undefined;
     solid?: boolean | undefined;
     stroke?: number | undefined;
+    level?: import("../../../../utils/helpers").GdsColorLevel | undefined;
+    color?: string | undefined;
     box?: boolean | undefined;
     label?: string | undefined;
     render?: (() => import("lit-html").TemplateResult<1>) | undefined;

package/generated/react/icons/icon-arrow-right/index.d.ts CHANGED Viewed

@@ -6,6 +6,8 @@ export declare const IconArrowRight: (props: React.ComponentProps<ReturnType<typ
     height?: number | undefined;
     solid?: boolean | undefined;
     stroke?: number | undefined;
+    level?: import("../../../../utils/helpers").GdsColorLevel | undefined;
+    color?: string | undefined;
     box?: boolean | undefined;
     label?: string | undefined;
     render?: (() => import("lit-html").TemplateResult<1>) | undefined;

package/generated/react/icons/icon-arrow-right-circle/index.d.ts CHANGED Viewed

@@ -6,6 +6,8 @@ export declare const IconArrowRightCircle: (props: React.ComponentProps<ReturnTy
     height?: number | undefined;
     solid?: boolean | undefined;
     stroke?: number | undefined;
+    level?: import("../../../../utils/helpers").GdsColorLevel | undefined;
+    color?: string | undefined;
     box?: boolean | undefined;
     label?: string | undefined;
     render?: (() => import("lit-html").TemplateResult<1>) | undefined;

package/generated/react/icons/icon-arrow-right-down-circle/index.d.ts CHANGED Viewed

@@ -6,6 +6,8 @@ export declare const IconArrowRightDownCircle: (props: React.ComponentProps<Retu
     height?: number | undefined;
     solid?: boolean | undefined;
     stroke?: number | undefined;
+    level?: import("../../../../utils/helpers").GdsColorLevel | undefined;
+    color?: string | undefined;
     box?: boolean | undefined;
     label?: string | undefined;
     render?: (() => import("lit-html").TemplateResult<1>) | undefined;

package/generated/react/icons/icon-arrow-right-up-circle/index.d.ts CHANGED Viewed

@@ -6,6 +6,8 @@ export declare const IconArrowRightUpCircle: (props: React.ComponentProps<Return
     height?: number | undefined;
     solid?: boolean | undefined;
     stroke?: number | undefined;
+    level?: import("../../../../utils/helpers").GdsColorLevel | undefined;
+    color?: string | undefined;
     box?: boolean | undefined;
     label?: string | undefined;
     render?: (() => import("lit-html").TemplateResult<1>) | undefined;

package/generated/react/icons/icon-arrow-rotate-clockwise/index.d.ts CHANGED Viewed

@@ -6,6 +6,8 @@ export declare const IconArrowRotateClockwise: (props: React.ComponentProps<Retu
     height?: number | undefined;
     solid?: boolean | undefined;
     stroke?: number | undefined;
+    level?: import("../../../../utils/helpers").GdsColorLevel | undefined;
+    color?: string | undefined;
     box?: boolean | undefined;
     label?: string | undefined;
     render?: (() => import("lit-html").TemplateResult<1>) | undefined;

package/generated/react/icons/icon-arrow-rotate-counter-clockwise/index.d.ts CHANGED Viewed

@@ -6,6 +6,8 @@ export declare const IconArrowRotateCounterClockwise: (props: React.ComponentPro
     height?: number | undefined;
     solid?: boolean | undefined;
     stroke?: number | undefined;
+    level?: import("../../../../utils/helpers").GdsColorLevel | undefined;
+    color?: string | undefined;
     box?: boolean | undefined;
     label?: string | undefined;
     render?: (() => import("lit-html").TemplateResult<1>) | undefined;

package/generated/react/icons/icon-arrow-rotate-left-right/index.d.ts CHANGED Viewed

@@ -6,6 +6,8 @@ export declare const IconArrowRotateLeftRight: (props: React.ComponentProps<Retu
     height?: number | undefined;
     solid?: boolean | undefined;
     stroke?: number | undefined;
+    level?: import("../../../../utils/helpers").GdsColorLevel | undefined;
+    color?: string | undefined;
     box?: boolean | undefined;
     label?: string | undefined;
     render?: (() => import("lit-html").TemplateResult<1>) | undefined;

package/generated/react/icons/icon-arrow-rotate-right-left/index.d.ts CHANGED Viewed

@@ -6,6 +6,8 @@ export declare const IconArrowRotateRightLeft: (props: React.ComponentProps<Retu
     height?: number | undefined;
     solid?: boolean | undefined;
     stroke?: number | undefined;
+    level?: import("../../../../utils/helpers").GdsColorLevel | undefined;
+    color?: string | undefined;
     box?: boolean | undefined;
     label?: string | undefined;
     render?: (() => import("lit-html").TemplateResult<1>) | undefined;

package/generated/react/icons/icon-arrow-share-left/index.d.ts CHANGED Viewed

@@ -6,6 +6,8 @@ export declare const IconArrowShareLeft: (props: React.ComponentProps<ReturnType
     height?: number | undefined;
     solid?: boolean | undefined;
     stroke?: number | undefined;
+    level?: import("../../../../utils/helpers").GdsColorLevel | undefined;
+    color?: string | undefined;
     box?: boolean | undefined;
     label?: string | undefined;
     render?: (() => import("lit-html").TemplateResult<1>) | undefined;

package/generated/react/icons/icon-arrow-share-right/index.d.ts CHANGED Viewed

@@ -6,6 +6,8 @@ export declare const IconArrowShareRight: (props: React.ComponentProps<ReturnTyp
     height?: number | undefined;
     solid?: boolean | undefined;
     stroke?: number | undefined;
+    level?: import("../../../../utils/helpers").GdsColorLevel | undefined;
+    color?: string | undefined;
     box?: boolean | undefined;
     label?: string | undefined;
     render?: (() => import("lit-html").TemplateResult<1>) | undefined;

package/generated/react/icons/icon-arrow-up/index.d.ts CHANGED Viewed

@@ -6,6 +6,8 @@ export declare const IconArrowUp: (props: React.ComponentProps<ReturnType<typeof
     height?: number | undefined;
     solid?: boolean | undefined;
     stroke?: number | undefined;
+    level?: import("../../../../utils/helpers").GdsColorLevel | undefined;
+    color?: string | undefined;
     box?: boolean | undefined;
     label?: string | undefined;
     render?: (() => import("lit-html").TemplateResult<1>) | undefined;

package/generated/react/icons/icon-arrow-wall-down/index.d.ts CHANGED Viewed

@@ -6,6 +6,8 @@ export declare const IconArrowWallDown: (props: React.ComponentProps<ReturnType<
     height?: number | undefined;
     solid?: boolean | undefined;
     stroke?: number | undefined;
+    level?: import("../../../../utils/helpers").GdsColorLevel | undefined;
+    color?: string | undefined;
     box?: boolean | undefined;
     label?: string | undefined;
     render?: (() => import("lit-html").TemplateResult<1>) | undefined;

package/generated/react/icons/icon-arrow-wall-left/index.d.ts CHANGED Viewed

@@ -6,6 +6,8 @@ export declare const IconArrowWallLeft: (props: React.ComponentProps<ReturnType<
     height?: number | undefined;
     solid?: boolean | undefined;
     stroke?: number | undefined;
+    level?: import("../../../../utils/helpers").GdsColorLevel | undefined;
+    color?: string | undefined;
     box?: boolean | undefined;
     label?: string | undefined;
     render?: (() => import("lit-html").TemplateResult<1>) | undefined;

package/generated/react/icons/icon-arrow-wall-right/index.d.ts CHANGED Viewed

@@ -6,6 +6,8 @@ export declare const IconArrowWallRight: (props: React.ComponentProps<ReturnType
     height?: number | undefined;
     solid?: boolean | undefined;
     stroke?: number | undefined;
+    level?: import("../../../../utils/helpers").GdsColorLevel | undefined;
+    color?: string | undefined;
     box?: boolean | undefined;
     label?: string | undefined;
     render?: (() => import("lit-html").TemplateResult<1>) | undefined;

package/generated/react/icons/icon-arrow-wall-up/index.d.ts CHANGED Viewed

@@ -6,6 +6,8 @@ export declare const IconArrowWallUp: (props: React.ComponentProps<ReturnType<ty
     height?: number | undefined;
     solid?: boolean | undefined;
     stroke?: number | undefined;
+    level?: import("../../../../utils/helpers").GdsColorLevel | undefined;
+    color?: string | undefined;
     box?: boolean | undefined;
     label?: string | undefined;
     render?: (() => import("lit-html").TemplateResult<1>) | undefined;

package/generated/react/icons/icon-arrows-repeat/index.d.ts CHANGED Viewed

@@ -6,6 +6,8 @@ export declare const IconArrowsRepeat: (props: React.ComponentProps<ReturnType<t
     height?: number | undefined;
     solid?: boolean | undefined;
     stroke?: number | undefined;
+    level?: import("../../../../utils/helpers").GdsColorLevel | undefined;
+    color?: string | undefined;
     box?: boolean | undefined;
     label?: string | undefined;
     render?: (() => import("lit-html").TemplateResult<1>) | undefined;

package/generated/react/icons/icon-at/index.d.ts CHANGED Viewed

@@ -6,6 +6,8 @@ export declare const IconAt: (props: React.ComponentProps<ReturnType<typeof getR
     height?: number | undefined;
     solid?: boolean | undefined;
     stroke?: number | undefined;
+    level?: import("../../../../utils/helpers").GdsColorLevel | undefined;
+    color?: string | undefined;
     box?: boolean | undefined;
     label?: string | undefined;
     render?: (() => import("lit-html").TemplateResult<1>) | undefined;

package/generated/react/icons/icon-back/index.d.ts CHANGED Viewed

@@ -6,6 +6,8 @@ export declare const IconBack: (props: React.ComponentProps<ReturnType<typeof ge
     height?: number | undefined;
     solid?: boolean | undefined;
     stroke?: number | undefined;
+    level?: import("../../../../utils/helpers").GdsColorLevel | undefined;
+    color?: string | undefined;
     box?: boolean | undefined;
     label?: string | undefined;
     render?: (() => import("lit-html").TemplateResult<1>) | undefined;

package/generated/react/icons/icon-bag/index.d.ts CHANGED Viewed

@@ -6,6 +6,8 @@ export declare const IconBag: (props: React.ComponentProps<ReturnType<typeof get
     height?: number | undefined;
     solid?: boolean | undefined;
     stroke?: number | undefined;
+    level?: import("../../../../utils/helpers").GdsColorLevel | undefined;
+    color?: string | undefined;
     box?: boolean | undefined;
     label?: string | undefined;
     render?: (() => import("lit-html").TemplateResult<1>) | undefined;

package/generated/react/icons/icon-bank/index.d.ts CHANGED Viewed

@@ -6,6 +6,8 @@ export declare const IconBank: (props: React.ComponentProps<ReturnType<typeof ge
     height?: number | undefined;
     solid?: boolean | undefined;
     stroke?: number | undefined;
+    level?: import("../../../../utils/helpers").GdsColorLevel | undefined;
+    color?: string | undefined;
     box?: boolean | undefined;
     label?: string | undefined;
     render?: (() => import("lit-html").TemplateResult<1>) | undefined;

package/generated/react/icons/icon-banknote/index.d.ts CHANGED Viewed

@@ -6,6 +6,8 @@ export declare const IconBanknote: (props: React.ComponentProps<ReturnType<typeo
     height?: number | undefined;
     solid?: boolean | undefined;
     stroke?: number | undefined;
+    level?: import("../../../../utils/helpers").GdsColorLevel | undefined;
+    color?: string | undefined;
     box?: boolean | undefined;
     label?: string | undefined;
     render?: (() => import("lit-html").TemplateResult<1>) | undefined;

package/generated/react/icons/icon-banknote-2/index.d.ts CHANGED Viewed

@@ -6,6 +6,8 @@ export declare const IconBanknote2: (props: React.ComponentProps<ReturnType<type
     height?: number | undefined;
     solid?: boolean | undefined;
     stroke?: number | undefined;
+    level?: import("../../../../utils/helpers").GdsColorLevel | undefined;
+    color?: string | undefined;
     box?: boolean | undefined;
     label?: string | undefined;
     render?: (() => import("lit-html").TemplateResult<1>) | undefined;

package/generated/react/icons/icon-barcode/index.d.ts CHANGED Viewed

@@ -6,6 +6,8 @@ export declare const IconBarcode: (props: React.ComponentProps<ReturnType<typeof
     height?: number | undefined;
     solid?: boolean | undefined;
     stroke?: number | undefined;
+    level?: import("../../../../utils/helpers").GdsColorLevel | undefined;
+    color?: string | undefined;
     box?: boolean | undefined;
     label?: string | undefined;
     render?: (() => import("lit-html").TemplateResult<1>) | undefined;

package/generated/react/icons/icon-bars-three/index.d.ts CHANGED Viewed

@@ -6,6 +6,8 @@ export declare const IconBarsThree: (props: React.ComponentProps<ReturnType<type
     height?: number | undefined;
     solid?: boolean | undefined;
     stroke?: number | undefined;
+    level?: import("../../../../utils/helpers").GdsColorLevel | undefined;
+    color?: string | undefined;
     box?: boolean | undefined;
     label?: string | undefined;
     render?: (() => import("lit-html").TemplateResult<1>) | undefined;

package/generated/react/icons/icon-bars-two/index.d.ts CHANGED Viewed

@@ -6,6 +6,8 @@ export declare const IconBarsTwo: (props: React.ComponentProps<ReturnType<typeof
     height?: number | undefined;
     solid?: boolean | undefined;
     stroke?: number | undefined;
+    level?: import("../../../../utils/helpers").GdsColorLevel | undefined;
+    color?: string | undefined;
     box?: boolean | undefined;
     label?: string | undefined;
     render?: (() => import("lit-html").TemplateResult<1>) | undefined;

package/generated/react/icons/icon-battery-loading/index.d.ts CHANGED Viewed

@@ -6,6 +6,8 @@ export declare const IconBatteryLoading: (props: React.ComponentProps<ReturnType
     height?: number | undefined;
     solid?: boolean | undefined;
     stroke?: number | undefined;
+    level?: import("../../../../utils/helpers").GdsColorLevel | undefined;
+    color?: string | undefined;
     box?: boolean | undefined;
     label?: string | undefined;
     render?: (() => import("lit-html").TemplateResult<1>) | undefined;

package/generated/react/icons/icon-bell/index.d.ts CHANGED Viewed

@@ -6,6 +6,8 @@ export declare const IconBell: (props: React.ComponentProps<ReturnType<typeof ge
     height?: number | undefined;
     solid?: boolean | undefined;
     stroke?: number | undefined;
+    level?: import("../../../../utils/helpers").GdsColorLevel | undefined;
+    color?: string | undefined;
     box?: boolean | undefined;
     label?: string | undefined;
     render?: (() => import("lit-html").TemplateResult<1>) | undefined;

package/generated/react/icons/icon-block/index.d.ts CHANGED Viewed

@@ -6,6 +6,8 @@ export declare const IconBlock: (props: React.ComponentProps<ReturnType<typeof g
     height?: number | undefined;
     solid?: boolean | undefined;
     stroke?: number | undefined;
+    level?: import("../../../../utils/helpers").GdsColorLevel | undefined;
+    color?: string | undefined;
     box?: boolean | undefined;
     label?: string | undefined;
     render?: (() => import("lit-html").TemplateResult<1>) | undefined;

package/generated/react/icons/icon-book/index.d.ts CHANGED Viewed

@@ -6,6 +6,8 @@ export declare const IconBook: (props: React.ComponentProps<ReturnType<typeof ge
     height?: number | undefined;
     solid?: boolean | undefined;
     stroke?: number | undefined;
+    level?: import("../../../../utils/helpers").GdsColorLevel | undefined;
+    color?: string | undefined;
     box?: boolean | undefined;
     label?: string | undefined;
     render?: (() => import("lit-html").TemplateResult<1>) | undefined;

package/generated/react/icons/icon-bookmark/index.d.ts CHANGED Viewed

@@ -6,6 +6,8 @@ export declare const IconBookmark: (props: React.ComponentProps<ReturnType<typeo
     height?: number | undefined;
     solid?: boolean | undefined;
     stroke?: number | undefined;
+    level?: import("../../../../utils/helpers").GdsColorLevel | undefined;
+    color?: string | undefined;
     box?: boolean | undefined;
     label?: string | undefined;
     render?: (() => import("lit-html").TemplateResult<1>) | undefined;

package/generated/react/icons/icon-bookmark-check/index.d.ts CHANGED Viewed

@@ -6,6 +6,8 @@ export declare const IconBookmarkCheck: (props: React.ComponentProps<ReturnType<
     height?: number | undefined;
     solid?: boolean | undefined;
     stroke?: number | undefined;
+    level?: import("../../../../utils/helpers").GdsColorLevel | undefined;
+    color?: string | undefined;
     box?: boolean | undefined;
     label?: string | undefined;
     render?: (() => import("lit-html").TemplateResult<1>) | undefined;

package/generated/react/icons/icon-bookmark-delete/index.d.ts CHANGED Viewed

@@ -6,6 +6,8 @@ export declare const IconBookmarkDelete: (props: React.ComponentProps<ReturnType
     height?: number | undefined;
     solid?: boolean | undefined;
     stroke?: number | undefined;
+    level?: import("../../../../utils/helpers").GdsColorLevel | undefined;
+    color?: string | undefined;
     box?: boolean | undefined;
     label?: string | undefined;
     render?: (() => import("lit-html").TemplateResult<1>) | undefined;

package/generated/react/icons/icon-bookmark-plus/index.d.ts CHANGED Viewed

@@ -6,6 +6,8 @@ export declare const IconBookmarkPlus: (props: React.ComponentProps<ReturnType<t
     height?: number | undefined;
     solid?: boolean | undefined;
     stroke?: number | undefined;
+    level?: import("../../../../utils/helpers").GdsColorLevel | undefined;
+    color?: string | undefined;
     box?: boolean | undefined;
     label?: string | undefined;
     render?: (() => import("lit-html").TemplateResult<1>) | undefined;

package/generated/react/icons/icon-bookmark-remove/index.d.ts CHANGED Viewed

@@ -6,6 +6,8 @@ export declare const IconBookmarkRemove: (props: React.ComponentProps<ReturnType
     height?: number | undefined;
     solid?: boolean | undefined;
     stroke?: number | undefined;
+    level?: import("../../../../utils/helpers").GdsColorLevel | undefined;
+    color?: string | undefined;
     box?: boolean | undefined;
     label?: string | undefined;
     render?: (() => import("lit-html").TemplateResult<1>) | undefined;

package/generated/react/icons/icon-books/index.d.ts CHANGED Viewed

@@ -6,6 +6,8 @@ export declare const IconBooks: (props: React.ComponentProps<ReturnType<typeof g
     height?: number | undefined;
     solid?: boolean | undefined;
     stroke?: number | undefined;
+    level?: import("../../../../utils/helpers").GdsColorLevel | undefined;
+    color?: string | undefined;
     box?: boolean | undefined;
     label?: string | undefined;
     render?: (() => import("lit-html").TemplateResult<1>) | undefined;

package/generated/react/icons/icon-brand-app-store/index.d.ts CHANGED Viewed

@@ -6,6 +6,8 @@ export declare const IconBrandAppStore: (props: React.ComponentProps<ReturnType<
     height?: number | undefined;
     solid?: boolean | undefined;
     stroke?: number | undefined;
+    level?: import("../../../../utils/helpers").GdsColorLevel | undefined;
+    color?: string | undefined;
     box?: boolean | undefined;
     label?: string | undefined;
     render?: (() => import("lit-html").TemplateResult<1>) | undefined;

package/generated/react/icons/icon-brand-apple-music/index.d.ts CHANGED Viewed

@@ -6,6 +6,8 @@ export declare const IconBrandAppleMusic: (props: React.ComponentProps<ReturnTyp
     height?: number | undefined;
     solid?: boolean | undefined;
     stroke?: number | undefined;
+    level?: import("../../../../utils/helpers").GdsColorLevel | undefined;
+    color?: string | undefined;
     box?: boolean | undefined;
     label?: string | undefined;
     render?: (() => import("lit-html").TemplateResult<1>) | undefined;

package/generated/react/icons/icon-brand-bankid/index.d.ts CHANGED Viewed

@@ -6,6 +6,8 @@ export declare const IconBrandBankid: (props: React.ComponentProps<ReturnType<ty
     height?: number | undefined;
     solid?: boolean | undefined;
     stroke?: number | undefined;
+    level?: import("../../../../utils/helpers").GdsColorLevel | undefined;
+    color?: string | undefined;
     box?: boolean | undefined;
     label?: string | undefined;
     render?: (() => import("lit-html").TemplateResult<1>) | undefined;

package/generated/react/icons/icon-brand-chrome/index.d.ts CHANGED Viewed

@@ -6,6 +6,8 @@ export declare const IconBrandChrome: (props: React.ComponentProps<ReturnType<ty
     height?: number | undefined;
     solid?: boolean | undefined;
     stroke?: number | undefined;
+    level?: import("../../../../utils/helpers").GdsColorLevel | undefined;
+    color?: string | undefined;
     box?: boolean | undefined;
     label?: string | undefined;
     render?: (() => import("lit-html").TemplateResult<1>) | undefined;

package/generated/react/icons/icon-brand-facebook/index.d.ts CHANGED Viewed

@@ -6,6 +6,8 @@ export declare const IconBrandFacebook: (props: React.ComponentProps<ReturnType<
     height?: number | undefined;
     solid?: boolean | undefined;
     stroke?: number | undefined;
+    level?: import("../../../../utils/helpers").GdsColorLevel | undefined;
+    color?: string | undefined;
     box?: boolean | undefined;
     label?: string | undefined;
     render?: (() => import("lit-html").TemplateResult<1>) | undefined;

package/generated/react/icons/icon-brand-figma/index.d.ts CHANGED Viewed

@@ -6,6 +6,8 @@ export declare const IconBrandFigma: (props: React.ComponentProps<ReturnType<typ
     height?: number | undefined;
     solid?: boolean | undefined;
     stroke?: number | undefined;
+    level?: import("../../../../utils/helpers").GdsColorLevel | undefined;
+    color?: string | undefined;
     box?: boolean | undefined;
     label?: string | undefined;
     render?: (() => import("lit-html").TemplateResult<1>) | undefined;

package/generated/react/icons/icon-brand-firefox/index.d.ts CHANGED Viewed

@@ -6,6 +6,8 @@ export declare const IconBrandFirefox: (props: React.ComponentProps<ReturnType<t
     height?: number | undefined;
     solid?: boolean | undefined;
     stroke?: number | undefined;
+    level?: import("../../../../utils/helpers").GdsColorLevel | undefined;
+    color?: string | undefined;
     box?: boolean | undefined;
     label?: string | undefined;
     render?: (() => import("lit-html").TemplateResult<1>) | undefined;