feat(components): adjust swirl-action-list-item suffix icon color

getflip · Jan 28, 2025 · aa657d2 · aa657d2
1 parent b19c469
commit aa657d2
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 1 deletion.
diff --git a/.changeset/flat-elephants-look.md b/.changeset/flat-elephants-look.md
@@ -0,0 +1,7 @@
+---
+"@getflip/swirl-components": patch
+"@getflip/swirl-components-angular": patch
+"@getflip/swirl-components-react": patch
+---
+
+Update the swirl-action-list-item suffix icon color
diff --git a/packages/swirl-components/src/components.d.ts b/packages/swirl-components/src/components.d.ts
@@ -2441,6 +2441,10 @@ export interface SwirlBannerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSwirlBannerElement;
 }
+export interface SwirlBoxCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSwirlBoxElement;
+}
 export interface SwirlCardCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSwirlCardElement;
@@ -2804,7 +2808,18 @@ declare global {
         prototype: HTMLSwirlBannerElement;
         new (): HTMLSwirlBannerElement;
     };
+    interface HTMLSwirlBoxElementEventMap {
+        "componentLoad": void;
+    }
     interface HTMLSwirlBoxElement extends Components.SwirlBox, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSwirlBoxElementEventMap>(type: K, listener: (this: HTMLSwirlBoxElement, ev: SwirlBoxCustomEvent<HTMLSwirlBoxElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLSwirlBoxElementEventMap>(type: K, listener: (this: HTMLSwirlBoxElement, ev: SwirlBoxCustomEvent<HTMLSwirlBoxElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLSwirlBoxElement: {
         prototype: HTMLSwirlBoxElement;
@@ -6019,6 +6034,7 @@ declare namespace LocalJSX {
         "maxWidth"?: string;
         "minHeight"?: string;
         "minWidth"?: string;
+        "onComponentLoad"?: (event: SwirlBoxCustomEvent<void>) => void;
         "overflow"?: SwirlBoxOverflow;
         "padding"?: SwirlBoxPadding;
         "paddingBlockEnd"?: SwirlBoxPadding;

diff --git a/packages/swirl-components/src/components/swirl-action-list-item/swirl-action-list-item.css b/packages/swirl-components/src/components/swirl-action-list-item/swirl-action-list-item.css
@@ -134,5 +134,5 @@
 .action-list-item__suffix {
   display: inline-flex;
   flex-shrink: 0;
-  color: var(--s-icon-highlight);
+  color: var(--s-icon-default);
 }