Skip to content

Commit

Permalink
feat(icons): Add inventory-off icon
Browse files Browse the repository at this point in the history
  • Loading branch information
Paulo Bernardes committed Dec 10, 2024
1 parent be818ab commit 6a39c38
Show file tree
Hide file tree
Showing 11 changed files with 309 additions and 106 deletions.
8 changes: 8 additions & 0 deletions .changeset/beige-suits-walk.md
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
---
"@getflip/swirl-components": minor
"@getflip/swirl-components-angular": minor
"@getflip/swirl-components-react": minor
"@getflip/swirl-icons": minor
---

Add inventory-off icon
2 changes: 1 addition & 1 deletion packages/swirl-components/icons.json
View file

Large diffs are not rendered by default.

17 changes: 17 additions & 0 deletions packages/swirl-components/src/components.d.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1057,6 +1057,10 @@ export namespace Components {
"color"?: SwirlIconColor1;
"size": SwirlIconSize;
}
interface SwirlIconInventoryOff {
"color"?: SwirlIconColor1;
"size": SwirlIconSize;
}
interface SwirlIconKey {
"color"?: SwirlIconColor1;
"size": SwirlIconSize;
Expand Down Expand Up @@ -3702,6 +3706,12 @@ declare global {
prototype: HTMLSwirlIconInventoryElement;
new (): HTMLSwirlIconInventoryElement;
};
interface HTMLSwirlIconInventoryOffElement extends Components.SwirlIconInventoryOff, HTMLStencilElement {
}
var HTMLSwirlIconInventoryOffElement: {
prototype: HTMLSwirlIconInventoryOffElement;
new (): HTMLSwirlIconInventoryOffElement;
};
interface HTMLSwirlIconKeyElement extends Components.SwirlIconKey, HTMLStencilElement {
}
var HTMLSwirlIconKeyElement: {
Expand Down Expand Up @@ -5564,6 +5574,7 @@ declare global {
"swirl-icon-insert-below": HTMLSwirlIconInsertBelowElement;
"swirl-icon-insert-on-top": HTMLSwirlIconInsertOnTopElement;
"swirl-icon-inventory": HTMLSwirlIconInventoryElement;
"swirl-icon-inventory-off": HTMLSwirlIconInventoryOffElement;
"swirl-icon-key": HTMLSwirlIconKeyElement;
"swirl-icon-keyboard": HTMLSwirlIconKeyboardElement;
"swirl-icon-keyboard-hide": HTMLSwirlIconKeyboardHideElement;
Expand Down Expand Up @@ -6638,6 +6649,10 @@ declare namespace LocalJSX {
"color"?: SwirlIconColor1;
"size"?: SwirlIconSize;
}
interface SwirlIconInventoryOff {
"color"?: SwirlIconColor1;
"size"?: SwirlIconSize;
}
interface SwirlIconKey {
"color"?: SwirlIconColor1;
"size"?: SwirlIconSize;
Expand Down Expand Up @@ -8013,6 +8028,7 @@ declare namespace LocalJSX {
"swirl-icon-insert-below": SwirlIconInsertBelow;
"swirl-icon-insert-on-top": SwirlIconInsertOnTop;
"swirl-icon-inventory": SwirlIconInventory;
"swirl-icon-inventory-off": SwirlIconInventoryOff;
"swirl-icon-key": SwirlIconKey;
"swirl-icon-keyboard": SwirlIconKeyboard;
"swirl-icon-keyboard-hide": SwirlIconKeyboardHide;
Expand Down Expand Up @@ -8387,6 +8403,7 @@ declare module "@stencil/core" {
"swirl-icon-insert-below": LocalJSX.SwirlIconInsertBelow & JSXBase.HTMLAttributes<HTMLSwirlIconInsertBelowElement>;
"swirl-icon-insert-on-top": LocalJSX.SwirlIconInsertOnTop & JSXBase.HTMLAttributes<HTMLSwirlIconInsertOnTopElement>;
"swirl-icon-inventory": LocalJSX.SwirlIconInventory & JSXBase.HTMLAttributes<HTMLSwirlIconInventoryElement>;
"swirl-icon-inventory-off": LocalJSX.SwirlIconInventoryOff & JSXBase.HTMLAttributes<HTMLSwirlIconInventoryOffElement>;
"swirl-icon-key": LocalJSX.SwirlIconKey & JSXBase.HTMLAttributes<HTMLSwirlIconKeyElement>;
"swirl-icon-keyboard": LocalJSX.SwirlIconKeyboard & JSXBase.HTMLAttributes<HTMLSwirlIconKeyboardElement>;
"swirl-icon-keyboard-hide": LocalJSX.SwirlIconKeyboardHide & JSXBase.HTMLAttributes<HTMLSwirlIconKeyboardHideElement>;
Expand Down
95 changes: 95 additions & 0 deletions packages/swirl-components/src/components/swirl-icon/icons/swirl-icon-inventory-off.tsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,95 @@
// 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-inventory-off",
})
export class SwirlIconInventoryOff {
@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>
<g id="InventoryOff16">
<g id="Vector">
<path
d="M13.3334 4.66671H5.33335L6.66669 6.00004H12.6667V12L14 13.3334V5.80004C14.1889 5.67782 14.3471 5.52226 14.4747 5.33337C14.6027 5.14449 14.6667 4.92226 14.6667 4.66671V2.66671C14.6667 2.30004 14.5362 1.98604 14.2754 1.72471C14.014 1.46382 13.7 1.33337 13.3334 1.33337H2.66669C2.46738 1.33337 2.2837 1.37192 2.11565 1.449L3.33335 2.66671H13.3334V4.66671Z"
fill="currentColor"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M2.00003 4.93338L0.85002 3.78337C0.727798 3.66115 0.666687 3.5056 0.666687 3.31671C0.666687 3.12782 0.727798 2.97226 0.85002 2.85004C0.972243 2.72782 1.1278 2.66671 1.31669 2.66671C1.50558 2.66671 1.66113 2.72782 1.78335 2.85004L13.1167 14.1834C13.209 14.2757 13.2681 14.3855 13.2938 14.5128C13.2938 14.5128 13.2939 14.5128 13.2938 14.5128C13.3021 14.5539 13.307 14.597 13.3084 14.6417C13.3139 14.825 13.25 14.9834 13.1167 15.1167C12.9945 15.2389 12.8389 15.3 12.65 15.3C12.4611 15.3 12.3056 15.2389 12.1834 15.1167L11.7256 14.6667H3.33335C2.96669 14.6667 2.65269 14.5363 2.39135 14.2754C2.13046 14.014 2.00002 13.7 2.00002 13.3334L2.00003 4.93338ZM10.3693 13.3334H3.33335V6.26671L8.91669 11.85L10.2167 13.1834L10.3693 13.3334Z"
fill="currentColor"
/>
</g>
</g>
</Fragment>
)}
{(this.size === 20 || this.size === 24) && (
<Fragment>
<g id="InventoryOff24">
<g id="Vector">
<path
d="M20 7H8L10 9H19V18L21 20V8.7C21.2833 8.51667 21.5207 8.28333 21.712 8C21.904 7.71667 22 7.38333 22 7V4C22 3.45 21.8043 2.979 21.413 2.587C21.021 2.19567 20.55 2 20 2H4C3.70104 2 3.42552 2.05781 3.17344 2.17344L5 4H20V7Z"
fill="currentColor"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M3.00001 7.40001L1.275 5.675C1.09167 5.49167 1 5.25833 1 4.975C1 4.69167 1.09167 4.45833 1.275 4.275C1.45833 4.09167 1.69167 4 1.975 4C2.25833 4 2.49167 4.09167 2.675 4.275L19.675 21.275C19.8135 21.4135 19.9021 21.5783 19.9407 21.7691C19.9407 21.7692 19.9408 21.7691 19.9407 21.7691C19.9532 21.8307 19.9605 21.8955 19.9625 21.9625C19.9708 22.2375 19.875 22.475 19.675 22.675C19.4917 22.8583 19.2583 22.95 18.975 22.95C18.6917 22.95 18.4583 22.8583 18.275 22.675L17.5884 22H5C4.45 22 3.979 21.8043 3.587 21.413C3.19567 21.021 3 20.55 3 20L3.00001 7.40001ZM15.5539 20H5V9.4L13.375 17.775L15.325 19.775L15.5539 20Z"
fill="currentColor"
/>
</g>
</g>
</Fragment>
)}
{this.size === 28 && (
<Fragment>
<g id="InventoryOff28">
<g id="Vector">
<path
d="M23.3334 8.16671H9.33335L11.6667 10.5H22.1667V21L24.5 23.3334V10.15C24.8306 9.93615 25.1075 9.66393 25.3307 9.33337C25.5547 9.00282 25.6667 8.61393 25.6667 8.16671V4.66671C25.6667 4.02504 25.4384 3.47554 24.9819 3.01821C24.5245 2.56165 23.975 2.33337 23.3334 2.33337H4.66669C4.3179 2.33337 3.99646 2.40082 3.70236 2.53572L5.83335 4.66671H23.3334V8.16671Z"
fill="currentColor"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M3.50003 8.63338L1.48752 6.62087C1.27363 6.40699 1.16669 6.13476 1.16669 5.80421C1.16669 5.47365 1.27363 5.20143 1.48752 4.98754C1.70141 4.77365 1.97363 4.66671 2.30419 4.66671C2.63474 4.66671 2.90696 4.77365 3.12085 4.98754L22.9542 24.8209C23.1158 24.9825 23.2192 25.1747 23.2642 25.3974C23.2641 25.3974 23.2643 25.3973 23.2642 25.3974C23.2787 25.4692 23.2872 25.5447 23.2896 25.623C23.2993 25.9438 23.1875 26.2209 22.9542 26.4542C22.7403 26.6681 22.4681 26.775 22.1375 26.775C21.807 26.775 21.5347 26.6681 21.3209 26.4542L20.5198 25.6667H5.83335C5.19169 25.6667 4.64219 25.4384 4.18485 24.9819C3.7283 24.5245 3.50002 23.975 3.50002 23.3334L3.50003 8.63338ZM18.1462 23.3334H5.83335V10.9667L15.6042 20.7375L17.8792 23.0709L18.1462 23.3334Z"
fill="currentColor"
/>
</g>
</g>
</Fragment>
)}
</svg>
);
}
}
58 changes: 58 additions & 0 deletions packages/swirl-components/vscode-data.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7753,6 +7753,64 @@
}
]
},
{
"name": "swirl-icon-inventory-off",
"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-key",
"description": {
Expand Down
Binary file modified packages/swirl-icons/dart/lib/fonts/flip-legacy-icons.ttf
View file
Binary file not shown.
Binary file modified packages/swirl-icons/dart/lib/fonts/swirl-icons.ttf
View file
Binary file not shown.
Loading

0 comments on commit 6a39c38

Please sign in to comment.