@join-x5/react-icons 1.0.2 → 1.0.4

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.
@@ -1,14 +1,14 @@
1
- import { jsx as C, jsxs as l, Fragment as t } from "@emotion/react/jsx-runtime";
2
- import { forwardRef as c, SizeTokenValue as e } from "@join-x5/react-theme";
3
- import { SVG as o } from "./SVG.es.js";
4
- const n = /* @__PURE__ */ C("path", { d: "M11.3755 4.69677C10.8948 4.35342 10.8122 3.66305 11.275 3.29602C12.2983 2.48459 13.5926 2 15 2C18.3137 2 21 4.68629 21 8C21 9.56968 20.3973 10.9968 19.413 12.0648L21.2572 12.916C22.3196 13.4063 23 14.4697 23 15.6398V18C23 19.1046 22.1046 20 21 20H19C18.4477 20 18 19.5523 18 19C18 18.4477 18.4477 18 19 18H21V15.6398C21 15.2498 20.7732 14.8953 20.4191 14.7319L17.2476 13.2681C16.8935 13.1047 16.6667 12.7502 16.6667 12.3602V11.6373C18.0437 11.0053 19 9.61433 19 8C19 5.79086 17.2091 4 15 4C14.178 4 13.4138 4.24797 12.7784 4.67319C12.366 4.94909 11.8183 5.01306 11.4146 4.7247L11.3755 4.69677ZM1 21C1 22.1046 1.89543 23 3 23H15C16.1046 23 17 22.1046 17 21V18.6398C17 17.4697 16.3196 16.4063 15.2572 15.916L13.413 15.0648C14.3973 13.9968 15 12.5697 15 11C15 7.68629 12.3137 5 9 5C5.68629 5 3 7.68629 3 11C3 12.5697 3.60273 13.9968 4.58705 15.0648L2.74283 15.916C1.68037 16.4063 1 17.4697 1 18.6398V21ZM14.4191 17.7319C14.7732 17.8953 15 18.2498 15 18.6398V21H3V18.6398C3 18.2498 3.22679 17.8953 3.58094 17.7319L6.75239 16.2681C7.10654 16.1047 7.33333 15.7502 7.33333 15.3602V14.6373C5.95631 14.0053 5 12.6143 5 11C5 8.79086 6.79086 7 9 7C11.2091 7 13 8.79086 13 11C13 12.6143 12.0437 14.0053 10.6667 14.6373V15.3602C10.6667 15.7502 10.8935 16.1047 11.2476 16.2681L14.4191 17.7319Z" }), L = /* @__PURE__ */ l(t, { children: [
5
- /* @__PURE__ */ C("g", { clipPath: "url(#clip0_12756_847)", children: /* @__PURE__ */ C("path", { d: "M10 1C9.07519 1 8.22367 1.31386 7.54616 1.84087C7.3282 2.01042 7.32987 2.32987 7.52513 2.52513C7.72039 2.72039 8.03505 2.71632 8.25986 2.55597C8.75062 2.20592 9.35127 2 10 2C11.6569 2 13 3.34315 13 5C13 6.04014 12.4707 6.95664 11.6667 7.49482V8.25597C11.6667 8.69758 11.9563 9.0869 12.3793 9.2138L14.2874 9.7862C14.7103 9.9131 15 10.3024 15 10.744V12H13.5C13.2239 12 13 12.2239 13 12.5C13 12.7761 13.2239 13 13.5 13H15C15.5523 13 16 12.5523 16 12V10.744C16 9.86081 15.4207 9.08217 14.5747 8.82838L12.6667 8.25597V7.98138C13.4837 7.24996 14 6.18541 14 5C14 2.79086 12.2092 1 10 1ZM0 14C0 14.5523 0.447715 15 1 15H11C11.5523 15 12 14.5523 12 14V12.744C12 11.8608 11.4207 11.0822 10.5747 10.8284L8.66667 10.256V9.98138C9.48373 9.24996 10 8.18541 10 7C10 4.79086 8.20914 3 6 3C3.79086 3 2 4.79086 2 7C2 8.18541 2.51627 9.24996 3.33333 9.98138V10.256L1.4253 10.8284C0.579336 11.0822 0 11.8608 0 12.744V14ZM9 7C9 8.04014 8.47066 8.95664 7.66667 9.49482V10.256C7.66667 10.6976 7.95633 11.0869 8.37932 11.2138L10.2873 11.7862C10.7103 11.9131 11 12.3024 11 12.744V14H1V12.744C1 12.3024 1.28967 11.9131 1.71265 11.7862L3.62068 11.2138C4.04366 11.0869 4.33333 10.6976 4.33333 10.256V9.49482C3.52934 8.95664 3 8.04014 3 7C3 5.34315 4.34315 4 6 4C7.65685 4 9 5.34315 9 7Z", fill: "#6C737D" }) }),
1
+ import { jsx as C, jsxs as t, Fragment as c } from "@emotion/react/jsx-runtime";
2
+ import { forwardRef as o, SizeTokenValue as e } from "@join-x5/react-theme";
3
+ import { SVG as l } from "./SVG.es.js";
4
+ const n = /* @__PURE__ */ C("path", { d: "M11.3755 4.69677C10.8948 4.35342 10.8122 3.66305 11.275 3.29602C12.2983 2.48459 13.5926 2 15 2C18.3137 2 21 4.68629 21 8C21 9.56968 20.3973 10.9968 19.413 12.0648L21.2572 12.916C22.3196 13.4063 23 14.4697 23 15.6398V18C23 19.1046 22.1046 20 21 20H19C18.4477 20 18 19.5523 18 19C18 18.4477 18.4477 18 19 18H21V15.6398C21 15.2498 20.7732 14.8953 20.4191 14.7319L17.2476 13.2681C16.8935 13.1047 16.6667 12.7502 16.6667 12.3602V11.6373C18.0437 11.0053 19 9.61433 19 8C19 5.79086 17.2091 4 15 4C14.178 4 13.4138 4.24797 12.7784 4.67319C12.366 4.94909 11.8183 5.01306 11.4146 4.7247L11.3755 4.69677ZM1 21C1 22.1046 1.89543 23 3 23H15C16.1046 23 17 22.1046 17 21V18.6398C17 17.4697 16.3196 16.4063 15.2572 15.916L13.413 15.0648C14.3973 13.9968 15 12.5697 15 11C15 7.68629 12.3137 5 9 5C5.68629 5 3 7.68629 3 11C3 12.5697 3.60273 13.9968 4.58705 15.0648L2.74283 15.916C1.68037 16.4063 1 17.4697 1 18.6398V21ZM14.4191 17.7319C14.7732 17.8953 15 18.2498 15 18.6398V21H3V18.6398C3 18.2498 3.22679 17.8953 3.58094 17.7319L6.75239 16.2681C7.10654 16.1047 7.33333 15.7502 7.33333 15.3602V14.6373C5.95631 14.0053 5 12.6143 5 11C5 8.79086 6.79086 7 9 7C11.2091 7 13 8.79086 13 11C13 12.6143 12.0437 14.0053 10.6667 14.6373V15.3602C10.6667 15.7502 10.8935 16.1047 11.2476 16.2681L14.4191 17.7319Z" }), L = /* @__PURE__ */ t(c, { children: [
5
+ /* @__PURE__ */ C("g", { clipPath: "url(#clip0_12756_847)", children: /* @__PURE__ */ C("path", { d: "M10 1C9.07519 1 8.22367 1.31386 7.54616 1.84087C7.3282 2.01042 7.32987 2.32987 7.52513 2.52513C7.72039 2.72039 8.03505 2.71632 8.25986 2.55597C8.75062 2.20592 9.35127 2 10 2C11.6569 2 13 3.34315 13 5C13 6.04014 12.4707 6.95664 11.6667 7.49482V8.25597C11.6667 8.69758 11.9563 9.0869 12.3793 9.2138L14.2874 9.7862C14.7103 9.9131 15 10.3024 15 10.744V12H13.5C13.2239 12 13 12.2239 13 12.5C13 12.7761 13.2239 13 13.5 13H15C15.5523 13 16 12.5523 16 12V10.744C16 9.86081 15.4207 9.08217 14.5747 8.82838L12.6667 8.25597V7.98138C13.4837 7.24996 14 6.18541 14 5C14 2.79086 12.2092 1 10 1ZM0 14C0 14.5523 0.447715 15 1 15H11C11.5523 15 12 14.5523 12 14V12.744C12 11.8608 11.4207 11.0822 10.5747 10.8284L8.66667 10.256V9.98138C9.48373 9.24996 10 8.18541 10 7C10 4.79086 8.20914 3 6 3C3.79086 3 2 4.79086 2 7C2 8.18541 2.51627 9.24996 3.33333 9.98138V10.256L1.4253 10.8284C0.579336 11.0822 0 11.8608 0 12.744V14ZM9 7C9 8.04014 8.47066 8.95664 7.66667 9.49482V10.256C7.66667 10.6976 7.95633 11.0869 8.37932 11.2138L10.2873 11.7862C10.7103 11.9131 11 12.3024 11 12.744V14H1V12.744C1 12.3024 1.28967 11.9131 1.71265 11.7862L3.62068 11.2138C4.04366 11.0869 4.33333 10.6976 4.33333 10.256V9.49482C3.52934 8.95664 3 8.04014 3 7C3 5.34315 4.34315 4 6 4C7.65685 4 9 5.34315 9 7Z" }) }),
6
6
  /* @__PURE__ */ C("defs", { children: /* @__PURE__ */ C("clipPath", { id: "clip0_12756_847", children: /* @__PURE__ */ C("rect", { width: "16", height: "16", fill: "white" }) }) })
7
- ] }), m = c((r, i) => {
7
+ ] }), m = o((r, i) => {
8
8
  const {
9
9
  size: V
10
10
  } = r;
11
- return /* @__PURE__ */ C(o, { ref: i, name: "Group", ...r, children: !V || V === e.Large || V === e.Medium ? n : L });
11
+ return /* @__PURE__ */ C(l, { ref: i, name: "Group", ...r, children: !V || V === e.Large || V === e.Medium ? n : L });
12
12
  });
13
13
  export {
14
14
  m as GroupIcon
@@ -1 +1 @@
1
- {"version":3,"file":"Group.es.js","sources":["../../src/components/Group.tsx"],"sourcesContent":["import {SizeTokenValue, forwardRef} from '@join-x5/react-theme';\n\nimport {SVG} from './SVG';\n\nimport type {IconComponent} from '../types';\n\nconst largeIcon = (\n <path d=\"M11.3755 4.69677C10.8948 4.35342 10.8122 3.66305 11.275 3.29602C12.2983 2.48459 13.5926 2 15 2C18.3137 2 21 4.68629 21 8C21 9.56968 20.3973 10.9968 19.413 12.0648L21.2572 12.916C22.3196 13.4063 23 14.4697 23 15.6398V18C23 19.1046 22.1046 20 21 20H19C18.4477 20 18 19.5523 18 19C18 18.4477 18.4477 18 19 18H21V15.6398C21 15.2498 20.7732 14.8953 20.4191 14.7319L17.2476 13.2681C16.8935 13.1047 16.6667 12.7502 16.6667 12.3602V11.6373C18.0437 11.0053 19 9.61433 19 8C19 5.79086 17.2091 4 15 4C14.178 4 13.4138 4.24797 12.7784 4.67319C12.366 4.94909 11.8183 5.01306 11.4146 4.7247L11.3755 4.69677ZM1 21C1 22.1046 1.89543 23 3 23H15C16.1046 23 17 22.1046 17 21V18.6398C17 17.4697 16.3196 16.4063 15.2572 15.916L13.413 15.0648C14.3973 13.9968 15 12.5697 15 11C15 7.68629 12.3137 5 9 5C5.68629 5 3 7.68629 3 11C3 12.5697 3.60273 13.9968 4.58705 15.0648L2.74283 15.916C1.68037 16.4063 1 17.4697 1 18.6398V21ZM14.4191 17.7319C14.7732 17.8953 15 18.2498 15 18.6398V21H3V18.6398C3 18.2498 3.22679 17.8953 3.58094 17.7319L6.75239 16.2681C7.10654 16.1047 7.33333 15.7502 7.33333 15.3602V14.6373C5.95631 14.0053 5 12.6143 5 11C5 8.79086 6.79086 7 9 7C11.2091 7 13 8.79086 13 11C13 12.6143 12.0437 14.0053 10.6667 14.6373V15.3602C10.6667 15.7502 10.8935 16.1047 11.2476 16.2681L14.4191 17.7319Z\" />\n);\n\nconst smallIcon = (\n <>\n <g clipPath=\"url(#clip0_12756_847)\">\n <path\n d=\"M10 1C9.07519 1 8.22367 1.31386 7.54616 1.84087C7.3282 2.01042 7.32987 2.32987 7.52513 2.52513C7.72039 2.72039 8.03505 2.71632 8.25986 2.55597C8.75062 2.20592 9.35127 2 10 2C11.6569 2 13 3.34315 13 5C13 6.04014 12.4707 6.95664 11.6667 7.49482V8.25597C11.6667 8.69758 11.9563 9.0869 12.3793 9.2138L14.2874 9.7862C14.7103 9.9131 15 10.3024 15 10.744V12H13.5C13.2239 12 13 12.2239 13 12.5C13 12.7761 13.2239 13 13.5 13H15C15.5523 13 16 12.5523 16 12V10.744C16 9.86081 15.4207 9.08217 14.5747 8.82838L12.6667 8.25597V7.98138C13.4837 7.24996 14 6.18541 14 5C14 2.79086 12.2092 1 10 1ZM0 14C0 14.5523 0.447715 15 1 15H11C11.5523 15 12 14.5523 12 14V12.744C12 11.8608 11.4207 11.0822 10.5747 10.8284L8.66667 10.256V9.98138C9.48373 9.24996 10 8.18541 10 7C10 4.79086 8.20914 3 6 3C3.79086 3 2 4.79086 2 7C2 8.18541 2.51627 9.24996 3.33333 9.98138V10.256L1.4253 10.8284C0.579336 11.0822 0 11.8608 0 12.744V14ZM9 7C9 8.04014 8.47066 8.95664 7.66667 9.49482V10.256C7.66667 10.6976 7.95633 11.0869 8.37932 11.2138L10.2873 11.7862C10.7103 11.9131 11 12.3024 11 12.744V14H1V12.744C1 12.3024 1.28967 11.9131 1.71265 11.7862L3.62068 11.2138C4.04366 11.0869 4.33333 10.6976 4.33333 10.256V9.49482C3.52934 8.95664 3 8.04014 3 7C3 5.34315 4.34315 4 6 4C7.65685 4 9 5.34315 9 7Z\"\n fill=\"#6C737D\"\n />\n </g>\n <defs>\n <clipPath id=\"clip0_12756_847\">\n <rect width=\"16\" height=\"16\" fill=\"white\" />\n </clipPath>\n </defs>\n </>\n);\n\nexport const GroupIcon: IconComponent = forwardRef((props, ref) => {\n const {size} = props;\n\n return (\n <SVG ref={ref} name=\"Group\" {...props}>\n {!size || size === SizeTokenValue.Large || size === SizeTokenValue.Medium ? largeIcon : smallIcon}\n </SVG>\n );\n});\n"],"names":["largeIcon","jsx","smallIcon","jsxs","Fragment","GroupIcon","forwardRef","props","ref","size","SVG","SizeTokenValue","Large","Medium"],"mappings":";;;AAMA,MAAMA,IACJ,gBAAAC,EAAC,QAAK,EAAA,GAAE,kwCACT,CAAA,GAEKC,IAEF,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,EAAC,gBAAAH,EAAA,KAAA,EAAE,UAAS,yBACV,UAAA,gBAAAA,EAAC,UACC,GAAE,8uCACF,MAAK,UAAA,CAAS,EAElB,CAAA;AAAA,EACC,gBAAAA,EAAA,QAAA,EACC,UAAC,gBAAAA,EAAA,YAAA,EAAS,IAAG,mBACX,UAAA,gBAAAA,EAAC,QAAK,EAAA,OAAM,MAAK,QAAO,MAAK,MAAK,SAAO,GAC3C,EACF,CAAA;AAAA,GACF,GAGWI,IAA2BC,EAAW,CAACC,GAAOC,MAAQ;AAC3D,QAAA;AAAA,IAACC,MAAAA;AAAAA,EAAAA,IAAQF;AAEf,2BACGG,GAAI,EAAA,KAAAF,GAAU,MAAK,SAAQ,GAAID,GAC7B,UAAA,CAACE,KAAQA,MAASE,EAAeC,SAASH,MAASE,EAAeE,SAASb,IAAYE,GAC1F;AAEJ,CAAC;"}
1
+ {"version":3,"file":"Group.es.js","sources":["../../src/components/Group.tsx"],"sourcesContent":["import {SizeTokenValue, forwardRef} from '@join-x5/react-theme';\n\nimport {SVG} from './SVG';\n\nimport type {IconComponent} from '../types';\n\nconst largeIcon = (\n <path d=\"M11.3755 4.69677C10.8948 4.35342 10.8122 3.66305 11.275 3.29602C12.2983 2.48459 13.5926 2 15 2C18.3137 2 21 4.68629 21 8C21 9.56968 20.3973 10.9968 19.413 12.0648L21.2572 12.916C22.3196 13.4063 23 14.4697 23 15.6398V18C23 19.1046 22.1046 20 21 20H19C18.4477 20 18 19.5523 18 19C18 18.4477 18.4477 18 19 18H21V15.6398C21 15.2498 20.7732 14.8953 20.4191 14.7319L17.2476 13.2681C16.8935 13.1047 16.6667 12.7502 16.6667 12.3602V11.6373C18.0437 11.0053 19 9.61433 19 8C19 5.79086 17.2091 4 15 4C14.178 4 13.4138 4.24797 12.7784 4.67319C12.366 4.94909 11.8183 5.01306 11.4146 4.7247L11.3755 4.69677ZM1 21C1 22.1046 1.89543 23 3 23H15C16.1046 23 17 22.1046 17 21V18.6398C17 17.4697 16.3196 16.4063 15.2572 15.916L13.413 15.0648C14.3973 13.9968 15 12.5697 15 11C15 7.68629 12.3137 5 9 5C5.68629 5 3 7.68629 3 11C3 12.5697 3.60273 13.9968 4.58705 15.0648L2.74283 15.916C1.68037 16.4063 1 17.4697 1 18.6398V21ZM14.4191 17.7319C14.7732 17.8953 15 18.2498 15 18.6398V21H3V18.6398C3 18.2498 3.22679 17.8953 3.58094 17.7319L6.75239 16.2681C7.10654 16.1047 7.33333 15.7502 7.33333 15.3602V14.6373C5.95631 14.0053 5 12.6143 5 11C5 8.79086 6.79086 7 9 7C11.2091 7 13 8.79086 13 11C13 12.6143 12.0437 14.0053 10.6667 14.6373V15.3602C10.6667 15.7502 10.8935 16.1047 11.2476 16.2681L14.4191 17.7319Z\" />\n);\n\nconst smallIcon = (\n <>\n <g clipPath=\"url(#clip0_12756_847)\">\n <path d=\"M10 1C9.07519 1 8.22367 1.31386 7.54616 1.84087C7.3282 2.01042 7.32987 2.32987 7.52513 2.52513C7.72039 2.72039 8.03505 2.71632 8.25986 2.55597C8.75062 2.20592 9.35127 2 10 2C11.6569 2 13 3.34315 13 5C13 6.04014 12.4707 6.95664 11.6667 7.49482V8.25597C11.6667 8.69758 11.9563 9.0869 12.3793 9.2138L14.2874 9.7862C14.7103 9.9131 15 10.3024 15 10.744V12H13.5C13.2239 12 13 12.2239 13 12.5C13 12.7761 13.2239 13 13.5 13H15C15.5523 13 16 12.5523 16 12V10.744C16 9.86081 15.4207 9.08217 14.5747 8.82838L12.6667 8.25597V7.98138C13.4837 7.24996 14 6.18541 14 5C14 2.79086 12.2092 1 10 1ZM0 14C0 14.5523 0.447715 15 1 15H11C11.5523 15 12 14.5523 12 14V12.744C12 11.8608 11.4207 11.0822 10.5747 10.8284L8.66667 10.256V9.98138C9.48373 9.24996 10 8.18541 10 7C10 4.79086 8.20914 3 6 3C3.79086 3 2 4.79086 2 7C2 8.18541 2.51627 9.24996 3.33333 9.98138V10.256L1.4253 10.8284C0.579336 11.0822 0 11.8608 0 12.744V14ZM9 7C9 8.04014 8.47066 8.95664 7.66667 9.49482V10.256C7.66667 10.6976 7.95633 11.0869 8.37932 11.2138L10.2873 11.7862C10.7103 11.9131 11 12.3024 11 12.744V14H1V12.744C1 12.3024 1.28967 11.9131 1.71265 11.7862L3.62068 11.2138C4.04366 11.0869 4.33333 10.6976 4.33333 10.256V9.49482C3.52934 8.95664 3 8.04014 3 7C3 5.34315 4.34315 4 6 4C7.65685 4 9 5.34315 9 7Z\" />\n </g>\n <defs>\n <clipPath id=\"clip0_12756_847\">\n <rect width=\"16\" height=\"16\" fill=\"white\" />\n </clipPath>\n </defs>\n </>\n);\n\nexport const GroupIcon: IconComponent = forwardRef((props, ref) => {\n const {size} = props;\n\n return (\n <SVG ref={ref} name=\"Group\" {...props}>\n {!size || size === SizeTokenValue.Large || size === SizeTokenValue.Medium ? largeIcon : smallIcon}\n </SVG>\n );\n});\n"],"names":["largeIcon","jsx","smallIcon","jsxs","Fragment","GroupIcon","forwardRef","props","ref","size","SVG","SizeTokenValue","Large","Medium"],"mappings":";;;AAMA,MAAMA,IACJ,gBAAAC,EAAC,QAAK,EAAA,GAAE,kwCACT,CAAA,GAEKC,IAEF,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,EAAA,gBAAAH,EAAC,OAAE,UAAS,yBACV,4BAAC,QAAK,EAAA,GAAE,8uCAA4uC,EACtvC,CAAA;AAAA,EACC,gBAAAA,EAAA,QAAA,EACC,UAAC,gBAAAA,EAAA,YAAA,EAAS,IAAG,mBACX,UAAA,gBAAAA,EAAC,QAAK,EAAA,OAAM,MAAK,QAAO,MAAK,MAAK,SAAO,GAC3C,EACF,CAAA;AAAA,GACF,GAGWI,IAA2BC,EAAW,CAACC,GAAOC,MAAQ;AAC3D,QAAA;AAAA,IAACC,MAAAA;AAAAA,EAAAA,IAAQF;AAEf,2BACGG,GAAI,EAAA,KAAAF,GAAU,MAAK,SAAQ,GAAID,GAC7B,UAAA,CAACE,KAAQA,MAASE,EAAeC,SAASH,MAASE,EAAeE,SAASb,IAAYE,GAC1F;AAEJ,CAAC;"}
@@ -1,7 +1,3 @@
1
- import { SizeTokenValue } from '@join-x5/react-theme';
2
- export declare const SVG: import('react').FC<import('react').SVGProps<SVGSVGElement> & {
3
- size?: number | SizeTokenValue | `${SizeTokenValue}`;
4
- color?: string;
5
- } & {
6
- ref?: import('react').ForwardedRef<SVGSVGElement> | undefined;
7
- }>;
1
+ import { FRC } from '@join-x5/react-theme';
2
+ import { IconProps } from '../types';
3
+ export declare const SVG: FRC<SVGSVGElement, IconProps>;
@@ -1 +1 @@
1
- {"version":3,"file":"SVG.es.js","sources":["../../src/components/SVG.tsx"],"sourcesContent":["import {SizeTokenValue, forwardRef} from '@join-x5/react-theme';\n\nimport type {IconProps} from '../types';\n\nexport const SVG = forwardRef<SVGSVGElement, IconProps>((props, ref) => {\n const {name, size = SizeTokenValue.Large, color = 'currentColor', ...restProps} = props;\n let {width, height, viewBox} = props;\n\n switch (size) {\n case SizeTokenValue.Large:\n case SizeTokenValue.Medium:\n width ??= 24;\n height ??= 24;\n break;\n\n case SizeTokenValue.Small:\n width ??= 16;\n height ??= 16;\n break;\n\n case SizeTokenValue.XSmall:\n case SizeTokenValue.XXSmall:\n width ??= 12;\n height ??= 12;\n break;\n\n default:\n width ??= size;\n height ??= size;\n }\n\n viewBox ??= `0 0 ${width} ${height}`;\n\n return (\n <svg\n ref={ref}\n fill={color}\n color={color}\n data-qa={`${name}Icon`}\n width={width}\n height={height}\n viewBox={viewBox}\n xmlns=\"http://www.w3.org/2000/svg\"\n version=\"1.1\"\n {...restProps}\n />\n );\n});\n"],"names":["SVG","forwardRef","props","ref","name","size","SizeTokenValue","Large","color","restProps","width","height","viewBox","Medium","Small","XSmall","XXSmall"],"mappings":";;AAIO,MAAMA,IAAMC,EAAqC,CAACC,GAAOC,MAAQ;AAChE,QAAA;AAAA,IAACC,MAAAA;AAAAA,IAAMC,MAAAA,IAAOC,EAAeC;AAAAA,IAAOC,OAAAA,IAAQ;AAAA,IAAgB,GAAGC;AAAAA,EAAAA,IAAaP;AAC9E,MAAA;AAAA,IAACQ,OAAAA;AAAAA,IAAOC,QAAAA;AAAAA,IAAQC,SAAAA;AAAAA,EAAAA,IAAWV;AAE/B,UAAQG,GAAI;AAAA,IACV,KAAKC,EAAeC;AAAAA,IACpB,KAAKD,EAAeO;AACR,MAAAH,UAAA,KACCC,UAAA;AACX;AAAA,IAEF,KAAKL,EAAeQ;AACR,MAAAJ,UAAA,KACCC,UAAA;AACX;AAAA,IAEF,KAAKL,EAAeS;AAAAA,IACpB,KAAKT,EAAeU;AACR,MAAAN,UAAA,KACCC,UAAA;AACX;AAAA,IAEF;AACYN,MAAAA,UAAAA,IACCA,UAAAA;AAAAA,EAAAA;AAGH,SAAAO,UAAA,OAAOF,CAAK,IAAIC,CAAM,uBAG/B,OACC,EAAA,KAAAR,GACA,MAAMK,GACN,OAAAA,GACA,WAAS,GAAGJ,CAAI,QAChB,OAAAM,GACA,QAAAC,GACA,SAAAC,GACA,OAAM,8BACN,SAAQ,OACR,GAAIH,GACJ;AAEN,CAAC;"}
1
+ {"version":3,"file":"SVG.es.js","sources":["../../src/components/SVG.tsx"],"sourcesContent":["import {SizeTokenValue, forwardRef} from '@join-x5/react-theme';\n\nimport type {FRC} from '@join-x5/react-theme';\nimport type {IconProps} from '../types';\n\nexport const SVG: FRC<SVGSVGElement, IconProps> = forwardRef((props, ref) => {\n const {name, size = SizeTokenValue.Large, color = 'currentColor', ...restProps} = props;\n let {width, height, viewBox} = props;\n\n switch (size) {\n case SizeTokenValue.Large:\n case SizeTokenValue.Medium:\n width ??= 24;\n height ??= 24;\n break;\n\n case SizeTokenValue.Small:\n width ??= 16;\n height ??= 16;\n break;\n\n case SizeTokenValue.XSmall:\n case SizeTokenValue.XXSmall:\n width ??= 12;\n height ??= 12;\n break;\n\n default:\n width ??= size;\n height ??= size;\n }\n\n viewBox ??= `0 0 ${width} ${height}`;\n\n return (\n <svg\n ref={ref}\n fill={color}\n color={color}\n data-qa={`${name}Icon`}\n width={width}\n height={height}\n viewBox={viewBox}\n xmlns=\"http://www.w3.org/2000/svg\"\n version=\"1.1\"\n {...restProps}\n />\n );\n});\n"],"names":["SVG","forwardRef","props","ref","name","size","SizeTokenValue","Large","color","restProps","width","height","viewBox","Medium","Small","XSmall","XXSmall"],"mappings":";;AAKO,MAAMA,IAAqCC,EAAW,CAACC,GAAOC,MAAQ;AACrE,QAAA;AAAA,IAACC,MAAAA;AAAAA,IAAMC,MAAAA,IAAOC,EAAeC;AAAAA,IAAOC,OAAAA,IAAQ;AAAA,IAAgB,GAAGC;AAAAA,EAAAA,IAAaP;AAC9E,MAAA;AAAA,IAACQ,OAAAA;AAAAA,IAAOC,QAAAA;AAAAA,IAAQC,SAAAA;AAAAA,EAAAA,IAAWV;AAE/B,UAAQG,GAAI;AAAA,IACV,KAAKC,EAAeC;AAAAA,IACpB,KAAKD,EAAeO;AACR,MAAAH,UAAA,KACCC,UAAA;AACX;AAAA,IAEF,KAAKL,EAAeQ;AACR,MAAAJ,UAAA,KACCC,UAAA;AACX;AAAA,IAEF,KAAKL,EAAeS;AAAAA,IACpB,KAAKT,EAAeU;AACR,MAAAN,UAAA,KACCC,UAAA;AACX;AAAA,IAEF;AACYN,MAAAA,UAAAA,IACCA,UAAAA;AAAAA,EAAAA;AAGH,SAAAO,UAAA,OAAOF,CAAK,IAAIC,CAAM,uBAG/B,OACC,EAAA,KAAAR,GACA,MAAMK,GACN,OAAAA,GACA,WAAS,GAAGJ,CAAI,QAChB,OAAAM,GACA,QAAAC,GACA,SAAAC,GACA,OAAM,8BACN,SAAQ,OACR,GAAIH,GACJ;AAEN,CAAC;"}
@@ -1,14 +1,14 @@
1
- import { jsx as i, jsxs as n, Fragment as t } from "@emotion/react/jsx-runtime";
1
+ import { jsx as i, jsxs as l, Fragment as t } from "@emotion/react/jsx-runtime";
2
2
  import { forwardRef as c, SizeTokenValue as e } from "@join-x5/react-theme";
3
3
  import { SVG as o } from "./SVG.es.js";
4
- const d = /* @__PURE__ */ i("path", { d: "M13.7155 2.97166C12.939 1.6758 11.0516 1.67619 10.2757 2.97236L1.28474 17.9915C0.490478 19.3183 1.45202 21 3.00487 21H20.9951C22.5483 21 23.5098 19.3175 22.7148 17.9908L13.7155 2.97166ZM10.6415 6.9443C11.3918 6.19402 12.6082 6.19402 13.3585 6.9443C13.8127 7.39852 14.0099 8.04969 13.8839 8.67957L12.9806 13.1961C12.8871 13.6636 12.4767 14 12 14C11.5233 14 11.1129 13.6636 11.0194 13.1961L10.1161 8.67957C9.99016 8.04969 10.1873 7.39852 10.6415 6.9443ZM13.5 17C13.5 17.8284 12.8284 18.5 12 18.5C11.1716 18.5 10.5 17.8284 10.5 17C10.5 16.1716 11.1716 15.5 12 15.5C12.8284 15.5 13.5 16.1716 13.5 17Z" }), a = /* @__PURE__ */ n(t, { children: [
5
- /* @__PURE__ */ i("g", { clipPath: "url(#clip0_12756_1248)", children: /* @__PURE__ */ i("path", { d: "M7.1263 0.5C7.51461 -0.166666 8.48539 -0.166667 8.8737 0.5L15.8633 12.5C16.2516 13.1667 15.7663 14 14.9896 14H1.01037C0.233746 14 -0.251645 13.1667 0.136667 12.5L7.1263 0.5ZM8.88147 4.14488C8.51829 3.4185 7.48171 3.4185 7.11853 4.14488C7.03152 4.3189 6.99796 4.51479 7.02209 4.70785L7.50386 8.56199C7.53514 8.8122 7.74784 8.99997 8 8.99997C8.25216 8.99997 8.46486 8.8122 8.49614 8.56199L8.97791 4.70785C9.00204 4.51479 8.96848 4.3189 8.88147 4.14488ZM9 11C9 10.4477 8.55229 9.99997 8 9.99997C7.44772 9.99997 7 10.4477 7 11C7 11.5523 7.44772 12 8 12C8.55229 12 9 11.5523 9 11Z", fill: "#6C737D" }) }),
4
+ const d = /* @__PURE__ */ i("path", { d: "M13.7155 2.97166C12.939 1.6758 11.0516 1.67619 10.2757 2.97236L1.28474 17.9915C0.490478 19.3183 1.45202 21 3.00487 21H20.9951C22.5483 21 23.5098 19.3175 22.7148 17.9908L13.7155 2.97166ZM10.6415 6.9443C11.3918 6.19402 12.6082 6.19402 13.3585 6.9443C13.8127 7.39852 14.0099 8.04969 13.8839 8.67957L12.9806 13.1961C12.8871 13.6636 12.4767 14 12 14C11.5233 14 11.1129 13.6636 11.0194 13.1961L10.1161 8.67957C9.99016 8.04969 10.1873 7.39852 10.6415 6.9443ZM13.5 17C13.5 17.8284 12.8284 18.5 12 18.5C11.1716 18.5 10.5 17.8284 10.5 17C10.5 16.1716 11.1716 15.5 12 15.5C12.8284 15.5 13.5 16.1716 13.5 17Z" }), a = /* @__PURE__ */ l(t, { children: [
5
+ /* @__PURE__ */ i("g", { clipPath: "url(#clip0_12756_1248)", children: /* @__PURE__ */ i("path", { d: "M7.1263 0.5C7.51461 -0.166666 8.48539 -0.166667 8.8737 0.5L15.8633 12.5C16.2516 13.1667 15.7663 14 14.9896 14H1.01037C0.233746 14 -0.251645 13.1667 0.136667 12.5L7.1263 0.5ZM8.88147 4.14488C8.51829 3.4185 7.48171 3.4185 7.11853 4.14488C7.03152 4.3189 6.99796 4.51479 7.02209 4.70785L7.50386 8.56199C7.53514 8.8122 7.74784 8.99997 8 8.99997C8.25216 8.99997 8.46486 8.8122 8.49614 8.56199L8.97791 4.70785C9.00204 4.51479 8.96848 4.3189 8.88147 4.14488ZM9 11C9 10.4477 8.55229 9.99997 8 9.99997C7.44772 9.99997 7 10.4477 7 11C7 11.5523 7.44772 12 8 12C8.55229 12 9 11.5523 9 11Z" }) }),
6
6
  /* @__PURE__ */ i("defs", { children: /* @__PURE__ */ i("clipPath", { id: "clip0_12756_1248", children: /* @__PURE__ */ i("rect", { width: "16", height: "16", fill: "white" }) }) })
7
- ] }), L = c((r, l) => {
7
+ ] }), L = c((r, n) => {
8
8
  const {
9
9
  size: C
10
10
  } = r;
11
- return /* @__PURE__ */ i(o, { ref: l, name: "WarningSolid", ...r, children: !C || C === e.Large || C === e.Medium ? d : a });
11
+ return /* @__PURE__ */ i(o, { ref: n, name: "WarningSolid", ...r, children: !C || C === e.Large || C === e.Medium ? d : a });
12
12
  });
13
13
  export {
14
14
  L as WarningSolidIcon
@@ -1 +1 @@
1
- {"version":3,"file":"WarningSolid.es.js","sources":["../../src/components/WarningSolid.tsx"],"sourcesContent":["import {SizeTokenValue, forwardRef} from '@join-x5/react-theme';\n\nimport {SVG} from './SVG';\n\nimport type {IconComponent} from '../types';\n\nconst largeIcon = (\n <path d=\"M13.7155 2.97166C12.939 1.6758 11.0516 1.67619 10.2757 2.97236L1.28474 17.9915C0.490478 19.3183 1.45202 21 3.00487 21H20.9951C22.5483 21 23.5098 19.3175 22.7148 17.9908L13.7155 2.97166ZM10.6415 6.9443C11.3918 6.19402 12.6082 6.19402 13.3585 6.9443C13.8127 7.39852 14.0099 8.04969 13.8839 8.67957L12.9806 13.1961C12.8871 13.6636 12.4767 14 12 14C11.5233 14 11.1129 13.6636 11.0194 13.1961L10.1161 8.67957C9.99016 8.04969 10.1873 7.39852 10.6415 6.9443ZM13.5 17C13.5 17.8284 12.8284 18.5 12 18.5C11.1716 18.5 10.5 17.8284 10.5 17C10.5 16.1716 11.1716 15.5 12 15.5C12.8284 15.5 13.5 16.1716 13.5 17Z\" />\n);\n\nconst smallIcon = (\n <>\n <g clipPath=\"url(#clip0_12756_1248)\">\n <path\n d=\"M7.1263 0.5C7.51461 -0.166666 8.48539 -0.166667 8.8737 0.5L15.8633 12.5C16.2516 13.1667 15.7663 14 14.9896 14H1.01037C0.233746 14 -0.251645 13.1667 0.136667 12.5L7.1263 0.5ZM8.88147 4.14488C8.51829 3.4185 7.48171 3.4185 7.11853 4.14488C7.03152 4.3189 6.99796 4.51479 7.02209 4.70785L7.50386 8.56199C7.53514 8.8122 7.74784 8.99997 8 8.99997C8.25216 8.99997 8.46486 8.8122 8.49614 8.56199L8.97791 4.70785C9.00204 4.51479 8.96848 4.3189 8.88147 4.14488ZM9 11C9 10.4477 8.55229 9.99997 8 9.99997C7.44772 9.99997 7 10.4477 7 11C7 11.5523 7.44772 12 8 12C8.55229 12 9 11.5523 9 11Z\"\n fill=\"#6C737D\"\n />\n </g>\n <defs>\n <clipPath id=\"clip0_12756_1248\">\n <rect width=\"16\" height=\"16\" fill=\"white\" />\n </clipPath>\n </defs>\n </>\n);\n\nexport const WarningSolidIcon: IconComponent = forwardRef((props, ref) => {\n const {size} = props;\n\n return (\n <SVG ref={ref} name=\"WarningSolid\" {...props}>\n {!size || size === SizeTokenValue.Large || size === SizeTokenValue.Medium ? largeIcon : smallIcon}\n </SVG>\n );\n});\n"],"names":["largeIcon","jsx","smallIcon","jsxs","Fragment","WarningSolidIcon","forwardRef","props","ref","size","SVG","SizeTokenValue","Large","Medium"],"mappings":";;;AAMA,MAAMA,IACJ,gBAAAC,EAAC,QAAK,EAAA,GAAE,ulBACT,CAAA,GAEKC,IAEF,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,EAAC,gBAAAH,EAAA,KAAA,EAAE,UAAS,0BACV,UAAA,gBAAAA,EAAC,UACC,GAAE,mkBACF,MAAK,UAAA,CAAS,EAElB,CAAA;AAAA,EACC,gBAAAA,EAAA,QAAA,EACC,UAAC,gBAAAA,EAAA,YAAA,EAAS,IAAG,oBACX,UAAA,gBAAAA,EAAC,QAAK,EAAA,OAAM,MAAK,QAAO,MAAK,MAAK,SAAO,GAC3C,EACF,CAAA;AAAA,GACF,GAGWI,IAAkCC,EAAW,CAACC,GAAOC,MAAQ;AAClE,QAAA;AAAA,IAACC,MAAAA;AAAAA,EAAAA,IAAQF;AAEf,2BACGG,GAAI,EAAA,KAAAF,GAAU,MAAK,gBAAe,GAAID,GACpC,UAAA,CAACE,KAAQA,MAASE,EAAeC,SAASH,MAASE,EAAeE,SAASb,IAAYE,GAC1F;AAEJ,CAAC;"}
1
+ {"version":3,"file":"WarningSolid.es.js","sources":["../../src/components/WarningSolid.tsx"],"sourcesContent":["import {SizeTokenValue, forwardRef} from '@join-x5/react-theme';\n\nimport {SVG} from './SVG';\n\nimport type {IconComponent} from '../types';\n\nconst largeIcon = (\n <path d=\"M13.7155 2.97166C12.939 1.6758 11.0516 1.67619 10.2757 2.97236L1.28474 17.9915C0.490478 19.3183 1.45202 21 3.00487 21H20.9951C22.5483 21 23.5098 19.3175 22.7148 17.9908L13.7155 2.97166ZM10.6415 6.9443C11.3918 6.19402 12.6082 6.19402 13.3585 6.9443C13.8127 7.39852 14.0099 8.04969 13.8839 8.67957L12.9806 13.1961C12.8871 13.6636 12.4767 14 12 14C11.5233 14 11.1129 13.6636 11.0194 13.1961L10.1161 8.67957C9.99016 8.04969 10.1873 7.39852 10.6415 6.9443ZM13.5 17C13.5 17.8284 12.8284 18.5 12 18.5C11.1716 18.5 10.5 17.8284 10.5 17C10.5 16.1716 11.1716 15.5 12 15.5C12.8284 15.5 13.5 16.1716 13.5 17Z\" />\n);\n\nconst smallIcon = (\n <>\n <g clipPath=\"url(#clip0_12756_1248)\">\n <path d=\"M7.1263 0.5C7.51461 -0.166666 8.48539 -0.166667 8.8737 0.5L15.8633 12.5C16.2516 13.1667 15.7663 14 14.9896 14H1.01037C0.233746 14 -0.251645 13.1667 0.136667 12.5L7.1263 0.5ZM8.88147 4.14488C8.51829 3.4185 7.48171 3.4185 7.11853 4.14488C7.03152 4.3189 6.99796 4.51479 7.02209 4.70785L7.50386 8.56199C7.53514 8.8122 7.74784 8.99997 8 8.99997C8.25216 8.99997 8.46486 8.8122 8.49614 8.56199L8.97791 4.70785C9.00204 4.51479 8.96848 4.3189 8.88147 4.14488ZM9 11C9 10.4477 8.55229 9.99997 8 9.99997C7.44772 9.99997 7 10.4477 7 11C7 11.5523 7.44772 12 8 12C8.55229 12 9 11.5523 9 11Z\" />\n </g>\n <defs>\n <clipPath id=\"clip0_12756_1248\">\n <rect width=\"16\" height=\"16\" fill=\"white\" />\n </clipPath>\n </defs>\n </>\n);\n\nexport const WarningSolidIcon: IconComponent = forwardRef((props, ref) => {\n const {size} = props;\n\n return (\n <SVG ref={ref} name=\"WarningSolid\" {...props}>\n {!size || size === SizeTokenValue.Large || size === SizeTokenValue.Medium ? largeIcon : smallIcon}\n </SVG>\n );\n});\n"],"names":["largeIcon","jsx","smallIcon","jsxs","Fragment","WarningSolidIcon","forwardRef","props","ref","size","SVG","SizeTokenValue","Large","Medium"],"mappings":";;;AAMA,MAAMA,IACJ,gBAAAC,EAAC,QAAK,EAAA,GAAE,ulBACT,CAAA,GAEKC,IAEF,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,EAAA,gBAAAH,EAAC,OAAE,UAAS,0BACV,4BAAC,QAAK,EAAA,GAAE,mkBAAikB,EAC3kB,CAAA;AAAA,EACC,gBAAAA,EAAA,QAAA,EACC,UAAC,gBAAAA,EAAA,YAAA,EAAS,IAAG,oBACX,UAAA,gBAAAA,EAAC,QAAK,EAAA,OAAM,MAAK,QAAO,MAAK,MAAK,SAAO,GAC3C,EACF,CAAA;AAAA,GACF,GAGWI,IAAkCC,EAAW,CAACC,GAAOC,MAAQ;AAClE,QAAA;AAAA,IAACC,MAAAA;AAAAA,EAAAA,IAAQF;AAEf,2BACGG,GAAI,EAAA,KAAAF,GAAU,MAAK,gBAAe,GAAID,GACpC,UAAA,CAACE,KAAQA,MAASE,EAAeC,SAASH,MAASE,EAAeE,SAASb,IAAYE,GAC1F;AAEJ,CAAC;"}