@kanmu/popcorn-icons 1.1.2 → 1.2.1

package/dist/icons/XmarkCircle.js

@@ -33,7 +33,13 @@ __export(XmarkCircle_exports, {
 module.exports = __toCommonJS(XmarkCircle_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react_native_svg = __toESM(require("react-native-svg"));
-const SvgXmarkCircle = ({ size = 24, width = size, height = size, ...restProps }) => {
+const SvgXmarkCircle = ({
+  size = 24,
+  width = size,
+  height = size,
+  color,
+  ...restProps
+}) => {
   const props = {
     ...restProps,
     width,
@@ -42,7 +48,7 @@ const SvgXmarkCircle = ({ size = 24, width = size, height = size, ...restProps }
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native_svg.default, { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_react_native_svg.Path,
     {
-      fill: "currentColor",
+      fill: color,
       d: "M18.667 5.333a9.43 9.43 0 0 1 0 13.334 9.43 9.43 0 0 1-13.334 0 9.43 9.43 0 0 1 0-13.334 9.43 9.43 0 0 1 13.334 0m-1.212 1.212a7.714 7.714 0 1 0-10.91 10.91 7.714 7.714 0 0 0 10.91-10.91m-2.121 2.121a.86.86 0 0 1 0 1.213L13.213 12l2.12 2.121a.857.857 0 0 1-1.212 1.213L12 13.213l-2.121 2.121a.857.857 0 0 1-1.213-1.213l2.121-2.12-2.12-2.122a.858.858 0 0 1 1.212-1.213L12 10.788l2.121-2.122a.86.86 0 0 1 1.213 0"
     }
   ) });

package/dist/icons/XmarkCircle.mjs

@@ -1,6 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import Svg, { Path } from "react-native-svg";
-const SvgXmarkCircle = ({ size = 24, width = size, height = size, ...restProps }) => {
+const SvgXmarkCircle = ({
+  size = 24,
+  width = size,
+  height = size,
+  color,
+  ...restProps
+}) => {
   const props = {
     ...restProps,
     width,
@@ -9,7 +15,7 @@ const SvgXmarkCircle = ({ size = 24, width = size, height = size, ...restProps }
   return /* @__PURE__ */ jsx(Svg, { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", ...props, children: /* @__PURE__ */ jsx(
     Path,
     {
-      fill: "currentColor",
+      fill: color,
       d: "M18.667 5.333a9.43 9.43 0 0 1 0 13.334 9.43 9.43 0 0 1-13.334 0 9.43 9.43 0 0 1 0-13.334 9.43 9.43 0 0 1 13.334 0m-1.212 1.212a7.714 7.714 0 1 0-10.91 10.91 7.714 7.714 0 0 0 10.91-10.91m-2.121 2.121a.86.86 0 0 1 0 1.213L13.213 12l2.12 2.121a.857.857 0 0 1-1.212 1.213L12 13.213l-2.121 2.121a.857.857 0 0 1-1.213-1.213l2.121-2.12-2.12-2.122a.858.858 0 0 1 1.212-1.213L12 10.788l2.121-2.122a.86.86 0 0 1 1.213 0"
     }
   ) });

package/dist/icons/XmarkCircleFill.d.mts

@@ -6,7 +6,8 @@ interface ISvgProps extends SvgProps {
     xmlnsXlink?: string;
     xmlSpace?: string;
     size?: number;
+    color?: string;
 }
-declare const SvgXmarkCircleFill: ({ size, width, height, ...restProps }: ISvgProps) => react_jsx_runtime.JSX.Element;
+declare const SvgXmarkCircleFill: ({ size, width, height, color, ...restProps }: ISvgProps) => react_jsx_runtime.JSX.Element;
 
 export { SvgXmarkCircleFill as default };

package/dist/icons/XmarkCircleFill.d.ts

@@ -6,7 +6,8 @@ interface ISvgProps extends SvgProps {
     xmlnsXlink?: string;
     xmlSpace?: string;
     size?: number;
+    color?: string;
 }
-declare const SvgXmarkCircleFill: ({ size, width, height, ...restProps }: ISvgProps) => react_jsx_runtime.JSX.Element;
+declare const SvgXmarkCircleFill: ({ size, width, height, color, ...restProps }: ISvgProps) => react_jsx_runtime.JSX.Element;
 
 export { SvgXmarkCircleFill as default };

package/dist/icons/XmarkCircleFill.js

@@ -33,7 +33,13 @@ __export(XmarkCircleFill_exports, {
 module.exports = __toCommonJS(XmarkCircleFill_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react_native_svg = __toESM(require("react-native-svg"));
-const SvgXmarkCircleFill = ({ size = 24, width = size, height = size, ...restProps }) => {
+const SvgXmarkCircleFill = ({
+  size = 24,
+  width = size,
+  height = size,
+  color,
+  ...restProps
+}) => {
   const props = {
     ...restProps,
     width,
@@ -42,7 +48,7 @@ const SvgXmarkCircleFill = ({ size = 24, width = size, height = size, ...restPro
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native_svg.default, { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_react_native_svg.Path,
     {
-      fill: "currentColor",
+      fill: color,
       fillRule: "evenodd",
       d: "M18.667 5.333a9.43 9.43 0 0 1 0 13.334 9.43 9.43 0 0 1-13.334 0 9.43 9.43 0 0 1 0-13.334 9.43 9.43 0 0 1 13.334 0m-3.333 3.333a.86.86 0 0 0-1.213 0L12 10.788 9.879 8.666A.858.858 0 0 0 8.666 9.88L10.787 12l-2.12 2.121a.857.857 0 0 0 1.212 1.213L12 13.213l2.121 2.121a.857.857 0 0 0 1.213-1.213l-2.121-2.12 2.12-2.122a.86.86 0 0 0 0-1.213",
       clipRule: "evenodd"

package/dist/icons/XmarkCircleFill.mjs

@@ -1,6 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import Svg, { Path } from "react-native-svg";
-const SvgXmarkCircleFill = ({ size = 24, width = size, height = size, ...restProps }) => {
+const SvgXmarkCircleFill = ({
+  size = 24,
+  width = size,
+  height = size,
+  color,
+  ...restProps
+}) => {
   const props = {
     ...restProps,
     width,
@@ -9,7 +15,7 @@ const SvgXmarkCircleFill = ({ size = 24, width = size, height = size, ...restPro
   return /* @__PURE__ */ jsx(Svg, { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", ...props, children: /* @__PURE__ */ jsx(
     Path,
     {
-      fill: "currentColor",
+      fill: color,
       fillRule: "evenodd",
       d: "M18.667 5.333a9.43 9.43 0 0 1 0 13.334 9.43 9.43 0 0 1-13.334 0 9.43 9.43 0 0 1 0-13.334 9.43 9.43 0 0 1 13.334 0m-3.333 3.333a.86.86 0 0 0-1.213 0L12 10.788 9.879 8.666A.858.858 0 0 0 8.666 9.88L10.787 12l-2.12 2.121a.857.857 0 0 0 1.212 1.213L12 13.213l2.121 2.121a.857.857 0 0 0 1.213-1.213l-2.121-2.12 2.12-2.122a.86.86 0 0 0 0-1.213",
       clipRule: "evenodd"

package/dist/icons/YenSign.d.mts

@@ -6,7 +6,8 @@ interface ISvgProps extends SvgProps {
     xmlnsXlink?: string;
     xmlSpace?: string;
     size?: number;
+    color?: string;
 }
-declare const SvgYenSign: ({ size, width, height, ...restProps }: ISvgProps) => react_jsx_runtime.JSX.Element;
+declare const SvgYenSign: ({ size, width, height, color, ...restProps }: ISvgProps) => react_jsx_runtime.JSX.Element;
 
 export { SvgYenSign as default };

package/dist/icons/YenSign.d.ts

@@ -6,7 +6,8 @@ interface ISvgProps extends SvgProps {
     xmlnsXlink?: string;
     xmlSpace?: string;
     size?: number;
+    color?: string;
 }
-declare const SvgYenSign: ({ size, width, height, ...restProps }: ISvgProps) => react_jsx_runtime.JSX.Element;
+declare const SvgYenSign: ({ size, width, height, color, ...restProps }: ISvgProps) => react_jsx_runtime.JSX.Element;
 
 export { SvgYenSign as default };

package/dist/icons/YenSign.js

@@ -33,7 +33,7 @@ __export(YenSign_exports, {
 module.exports = __toCommonJS(YenSign_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react_native_svg = __toESM(require("react-native-svg"));
-const SvgYenSign = ({ size = 24, width = size, height = size, ...restProps }) => {
+const SvgYenSign = ({ size = 24, width = size, height = size, color, ...restProps }) => {
   const props = {
     ...restProps,
     width,
@@ -42,7 +42,7 @@ const SvgYenSign = ({ size = 24, width = size, height = size, ...restProps }) =>
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native_svg.default, { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_react_native_svg.Path,
     {
-      fill: "currentColor",
+      fill: color,
       fillRule: "evenodd",
       d: "M17.378 3.096c.228-.382.557-.525.886-.525.228 0 .48.072.708.215.382.214.635.524.635.881 0 .167-.053.334-.177.524l-4.305 6.31h3.545c.555 0 .861.237.861.785 0 .572-.33.832-.861.832h-4.635l-.937 1.43v1.095h5.546c.581 0 .86.215.86.786 0 .548-.328.81-.86.81h-5.546v4.213c0 .643-.456.977-1.138.977-.71 0-1.14-.334-1.14-.977v-4.213H5.248c-.557 0-.86-.262-.86-.81 0-.547.278-.786.86-.786h5.572v-1.12l-.963-1.405H5.274c-.558 0-.862-.26-.862-.808s.304-.81.862-.81h3.52L4.462 4.191a.8.8 0 0 1-.177-.5c0-.381.278-.715.658-.905.228-.12.456-.189.684-.189.33 0 .634.141.862.498l5.47 8.501z",
       clipRule: "evenodd"

package/dist/icons/YenSign.mjs

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import Svg, { Path } from "react-native-svg";
-const SvgYenSign = ({ size = 24, width = size, height = size, ...restProps }) => {
+const SvgYenSign = ({ size = 24, width = size, height = size, color, ...restProps }) => {
   const props = {
     ...restProps,
     width,
@@ -9,7 +9,7 @@ const SvgYenSign = ({ size = 24, width = size, height = size, ...restProps }) =>
   return /* @__PURE__ */ jsx(Svg, { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", ...props, children: /* @__PURE__ */ jsx(
     Path,
     {
-      fill: "currentColor",
+      fill: color,
       fillRule: "evenodd",
       d: "M17.378 3.096c.228-.382.557-.525.886-.525.228 0 .48.072.708.215.382.214.635.524.635.881 0 .167-.053.334-.177.524l-4.305 6.31h3.545c.555 0 .861.237.861.785 0 .572-.33.832-.861.832h-4.635l-.937 1.43v1.095h5.546c.581 0 .86.215.86.786 0 .548-.328.81-.86.81h-5.546v4.213c0 .643-.456.977-1.138.977-.71 0-1.14-.334-1.14-.977v-4.213H5.248c-.557 0-.86-.262-.86-.81 0-.547.278-.786.86-.786h5.572v-1.12l-.963-1.405H5.274c-.558 0-.862-.26-.862-.808s.304-.81.862-.81h3.52L4.462 4.191a.8.8 0 0 1-.177-.5c0-.381.278-.715.658-.905.228-.12.456-.189.684-.189.33 0 .634.141.862.498l5.47 8.501z",
       clipRule: "evenodd"

package/dist/index.d.mts

@@ -1,3 +1,3 @@
-export { default as Icon, IconName, IconProps, default, iconNames } from './Icon.mjs';
+export { default as Icon, IconColor, IconName, IconProps, IconSize, default, iconNames } from './Icon.mjs';
 import 'react/jsx-runtime';
 import 'react-native-svg';

package/dist/index.d.ts

@@ -1,3 +1,3 @@
-export { default as Icon, IconName, IconProps, default, iconNames } from './Icon.js';
+export { default as Icon, IconColor, IconName, IconProps, IconSize, default, iconNames } from './Icon.js';
 import 'react/jsx-runtime';
 import 'react-native-svg';

package/dist/index.mjs

@@ -1,4 +1,8 @@
-import { Icon, iconNames, default as default2 } from "./Icon";
+import {
+  Icon,
+  iconNames,
+  default as default2
+} from "./Icon";
 export {
   Icon,
   default2 as default,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kanmu/popcorn-icons",
-  "version": "1.1.2",
+  "version": "1.2.1",
   "description": "Popcorn Icons for React Native.",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Kanmu Design Team",
@@ -13,6 +13,9 @@
     "build": "tsup",
     "clean": "rimraf dist"
   },
+  "dependencies": {
+    "@kanmu/popcorn-tokens": "^0.1.1"
+  },
   "devDependencies": {
     "@svgr/cli": "8.1.0",
     "@types/react": "19.2.0",