add ai-filled icon

getflip · Jan 17, 2025 · 0642fec · 0642fec
1 parent af8a985
commit 0642fec
Show file tree

Hide file tree

Showing 12 changed files with 346 additions and 187 deletions.
diff --git a/.changeset/slow-pears-rule.md b/.changeset/slow-pears-rule.md
@@ -0,0 +1,8 @@
+---
+"@getflip/swirl-components": minor
+"@getflip/swirl-icons": minor
+"@getflip/swirl-components-angular": minor
+"@getflip/swirl-components-react": minor
+---
+
+add ai-filled icon
diff --git a/packages/swirl-components/icons.json b/packages/swirl-components/icons.json
diff --git a/packages/swirl-components/src/components.d.ts b/packages/swirl-components/src/components.d.ts
@@ -749,6 +749,10 @@ export namespace Components {
         "color"?: SwirlIconColor1;
         "size": SwirlIconSize;
     }
+    interface SwirlIconAiFilled {
+        "color"?: SwirlIconColor1;
+        "size": SwirlIconSize;
+    }
     interface SwirlIconApps {
         "color"?: SwirlIconColor1;
         "size": SwirlIconSize;
@@ -3260,6 +3264,12 @@ declare global {
         prototype: HTMLSwirlIconAiElement;
         new (): HTMLSwirlIconAiElement;
     };
+    interface HTMLSwirlIconAiFilledElement extends Components.SwirlIconAiFilled, HTMLStencilElement {
+    }
+    var HTMLSwirlIconAiFilledElement: {
+        prototype: HTMLSwirlIconAiFilledElement;
+        new (): HTMLSwirlIconAiFilledElement;
+    };
     interface HTMLSwirlIconAppsElement extends Components.SwirlIconApps, HTMLStencilElement {
     }
     var HTMLSwirlIconAppsElement: {
@@ -5529,6 +5539,7 @@ declare global {
         "swirl-icon-add-reaction": HTMLSwirlIconAddReactionElement;
         "swirl-icon-admin-panel-settings": HTMLSwirlIconAdminPanelSettingsElement;
         "swirl-icon-ai": HTMLSwirlIconAiElement;
+        "swirl-icon-ai-filled": HTMLSwirlIconAiFilledElement;
         "swirl-icon-apps": HTMLSwirlIconAppsElement;
         "swirl-icon-arrow-back": HTMLSwirlIconArrowBackElement;
         "swirl-icon-arrow-downward": HTMLSwirlIconArrowDownwardElement;
@@ -6375,6 +6386,10 @@ declare namespace LocalJSX {
         "color"?: SwirlIconColor1;
         "size"?: SwirlIconSize;
     }
+    interface SwirlIconAiFilled {
+        "color"?: SwirlIconColor1;
+        "size"?: SwirlIconSize;
+    }
     interface SwirlIconApps {
         "color"?: SwirlIconColor1;
         "size"?: SwirlIconSize;
@@ -7996,6 +8011,7 @@ declare namespace LocalJSX {
         "swirl-icon-add-reaction": SwirlIconAddReaction;
         "swirl-icon-admin-panel-settings": SwirlIconAdminPanelSettings;
         "swirl-icon-ai": SwirlIconAi;
+        "swirl-icon-ai-filled": SwirlIconAiFilled;
         "swirl-icon-apps": SwirlIconApps;
         "swirl-icon-arrow-back": SwirlIconArrowBack;
         "swirl-icon-arrow-downward": SwirlIconArrowDownward;
@@ -8372,6 +8388,7 @@ declare module "@stencil/core" {
             "swirl-icon-add-reaction": LocalJSX.SwirlIconAddReaction & JSXBase.HTMLAttributes<HTMLSwirlIconAddReactionElement>;
             "swirl-icon-admin-panel-settings": LocalJSX.SwirlIconAdminPanelSettings & JSXBase.HTMLAttributes<HTMLSwirlIconAdminPanelSettingsElement>;
             "swirl-icon-ai": LocalJSX.SwirlIconAi & JSXBase.HTMLAttributes<HTMLSwirlIconAiElement>;
+            "swirl-icon-ai-filled": LocalJSX.SwirlIconAiFilled & JSXBase.HTMLAttributes<HTMLSwirlIconAiFilledElement>;
             "swirl-icon-apps": LocalJSX.SwirlIconApps & JSXBase.HTMLAttributes<HTMLSwirlIconAppsElement>;
             "swirl-icon-arrow-back": LocalJSX.SwirlIconArrowBack & JSXBase.HTMLAttributes<HTMLSwirlIconArrowBackElement>;
             "swirl-icon-arrow-downward": LocalJSX.SwirlIconArrowDownward & JSXBase.HTMLAttributes<HTMLSwirlIconArrowDownwardElement>;

diff --git a/packages/swirl-components/src/components/swirl-app-layout/swirl-app-layout-base.css b/packages/swirl-components/src/components/swirl-app-layout/swirl-app-layout-base.css
@@ -419,7 +419,8 @@
     grid-template-rows: auto 1fr;
     grid-template-areas:
       "banner"
-      "content";
+      "content"
+      "bottom-bar";
   }
 }
 

diff --git a/packages/swirl-components/src/components/swirl-icon/icons/swirl-icon-ai-filled.tsx b/packages/swirl-components/src/components/swirl-icon/icons/swirl-icon-ai-filled.tsx
@@ -0,0 +1,65 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+
+import { Component, Fragment, h, Prop } from "@stencil/core";
+import { SwirlIconSize } from "../swirl-icon.types";
+import { SwirlIconColor } from "../swirl-icon";
+import classnames from "classnames";
+
+@Component({
+  shadow: true,
+  styleUrl: "../swirl-icon.css",
+  tag: "swirl-icon-ai-filled",
+})
+export class SwirlIconAiFilled {
+  @Prop() color?: SwirlIconColor;
+  @Prop() size: SwirlIconSize = 24;
+
+  render() {
+    const viewBoxSize = this.size === 20 ? 24 : this.size;
+
+    const styles = {
+      color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
+    };
+
+    const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+
+    return (
+      <svg
+        aria-hidden="true"
+        class={className}
+        fill="none"
+        height={this.size}
+        part="icon"
+        style={styles}
+        viewBox={`0 0 ${viewBoxSize} ${viewBoxSize}`}
+        width={this.size}
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        {this.size === 16 && (
+          <Fragment>
+            <path
+              d="M6.66665 12.6667L4.99998 9L1.33331 7.33333L4.99998 5.66667L6.66665 2L8.33331 5.66667L12 7.33333L8.33331 9L6.66665 12.6667ZM12 14L11.1666 12.1667L9.33331 11.3333L11.1666 10.5L12 8.66667L12.8333 10.5L14.6666 11.3333L12.8333 12.1667L12 14Z"
+              fill="currentColor"
+            />
+          </Fragment>
+        )}
+        {(this.size === 20 || this.size === 24) && (
+          <Fragment>
+            <path
+              d="M10 19L7.5 13.5L2 11L7.5 8.5L10 3L12.5 8.5L18 11L12.5 13.5L10 19ZM18 21L16.75 18.25L14 17L16.75 15.75L18 13L19.25 15.75L22 17L19.25 18.25L18 21Z"
+              fill="currentColor"
+            />
+          </Fragment>
+        )}
+        {this.size === 28 && (
+          <Fragment>
+            <path
+              d="M11.6666 22.1667L8.74998 15.75L2.33331 12.8333L8.74998 9.91667L11.6666 3.5L14.5833 9.91667L21 12.8333L14.5833 15.75L11.6666 22.1667ZM21 24.5L19.5416 21.2917L16.3333 19.8333L19.5416 18.375L21 15.1667L22.4583 18.375L25.6666 19.8333L22.4583 21.2917L21 24.5Z"
+              fill="currentColor"
+            />
+          </Fragment>
+        )}
+      </svg>
+    );
+  }
+}
diff --git a/packages/swirl-components/vscode-data.json b/packages/swirl-components/vscode-data.json
@@ -3346,6 +3346,64 @@
         }
       ]
     },
+    {
+      "name": "swirl-icon-ai-filled",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "color",
+          "description": "",
+          "values": [
+            {
+              "name": "critical"
+            },
+            {
+              "name": "default"
+            },
+            {
+              "name": "disabled"
+            },
+            {
+              "name": "highlight"
+            },
+            {
+              "name": "info"
+            },
+            {
+              "name": "on-action-primary"
+            },
+            {
+              "name": "on-image"
+            },
+            {
+              "name": "on-status"
+            },
+            {
+              "name": "on-surface-highlight"
+            },
+            {
+              "name": "on-surface-highlight-subdued"
+            },
+            {
+              "name": "strong"
+            },
+            {
+              "name": "success"
+            },
+            {
+              "name": "warning"
+            }
+          ]
+        },
+        {
+          "name": "size",
+          "description": ""
+        }
+      ]
+    },
     {
       "name": "swirl-icon-apps",
       "description": {

diff --git a/packages/swirl-icons/dart/lib/fonts/flip-legacy-icons.ttf b/packages/swirl-icons/dart/lib/fonts/flip-legacy-icons.ttf
diff --git a/packages/swirl-icons/dart/lib/fonts/swirl-icons.ttf b/packages/swirl-icons/dart/lib/fonts/swirl-icons.ttf