@salt-ds/countries 0.0.0-snapshot-20230516135848

package/dist-es/components/ZW.js

@@ -0,0 +1,65 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef, useState } from 'react';
+import { CountrySymbol } from '../country-symbol/CountrySymbol.js';
+
+const ZW = forwardRef(function ZW2(props, ref) {
+  const [uid] = useState(() => props.id || Math.random().toString());
+  return /* @__PURE__ */ jsxs(CountrySymbol, {
+    "data-testid": "ZW",
+    "aria-label": "Zimbabwe",
+    viewBox: "0 0 72 72",
+    ref,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("mask", {
+        id: `${uid}-ZW-a`,
+        x: "0",
+        y: "0",
+        maskUnits: "userSpaceOnUse",
+        style: { maskType: "alpha" },
+        children: /* @__PURE__ */ jsx("circle", {
+          cx: "36",
+          cy: "36",
+          r: "36",
+          fill: "#D9D9D9"
+        })
+      }),
+      /* @__PURE__ */ jsxs("g", {
+        mask: `url(#${uid}-ZW-a)`,
+        children: [
+          /* @__PURE__ */ jsx("path", {
+            fill: "#008259",
+            d: "M0 72V0h72v72z"
+          }),
+          /* @__PURE__ */ jsx("path", {
+            fill: "#F1B434",
+            d: "M0 61V11h72v50z"
+          }),
+          /* @__PURE__ */ jsx("path", {
+            fill: "#DD2033",
+            d: "M0 51V21h72v30z"
+          }),
+          /* @__PURE__ */ jsx("path", {
+            fill: "#31373D",
+            d: "M47.333 41H72V31H47.333L6 0v72l41.333-31Z"
+          }),
+          /* @__PURE__ */ jsx("path", {
+            fill: "#F5F7F8",
+            d: "M48 36 0 0v72l48-36Z"
+          }),
+          /* @__PURE__ */ jsx("path", {
+            fill: "#DD2033",
+            d: "m18 24-3.577 8.09L6 33.168l6.213 6.077L10.583 48 18 43l7.416 5-1.629-8.756L30 33.167l-8.423-1.076L18 24Z"
+          }),
+          /* @__PURE__ */ jsx("path", {
+            fill: "#FBD381",
+            d: "M11.364 31.59 13 41l1.5 3h9l2-3-9.06-11.65a2.86 2.86 0 0 0-4.71.285L9 31l2.364.59Z"
+          })
+        ]
+      })
+    ]
+  });
+});
+
+export { ZW as default };
+//# sourceMappingURL=ZW.js.map

package/dist-es/components/ZW.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZW.js","sources":["../src/components/ZW.tsx"],"sourcesContent":["// WARNING: This file was generated by a script. Do not modify it manually\nimport { forwardRef, useState } from \"react\";\n\nimport { CountrySymbol, CountrySymbolProps } from \"../country-symbol\";\n\nexport type ZWProps = CountrySymbolProps;\n\nconst ZW = forwardRef<SVGSVGElement, ZWProps>(function ZW(props: ZWProps, ref) {\n  const [uid] = useState(() => props.id || Math.random().toString());\n\n  return (\n    <CountrySymbol\n      data-testid=\"ZW\"\n      aria-label=\"Zimbabwe\"\n      viewBox=\"0 0 72 72\"\n      ref={ref}\n      {...props}\n    >\n      <mask\n        id={`${uid}-ZW-a`}\n        x=\"0\"\n        y=\"0\"\n        maskUnits=\"userSpaceOnUse\"\n        style={{ maskType: \"alpha\" }}\n      >\n        <circle cx=\"36\" cy=\"36\" r=\"36\" fill=\"#D9D9D9\" />\n      </mask>\n      <g mask={`url(#${uid}-ZW-a)`}>\n        <path fill=\"#008259\" d=\"M0 72V0h72v72z\" />\n        <path fill=\"#F1B434\" d=\"M0 61V11h72v50z\" />\n        <path fill=\"#DD2033\" d=\"M0 51V21h72v30z\" />\n        <path fill=\"#31373D\" d=\"M47.333 41H72V31H47.333L6 0v72l41.333-31Z\" />\n        <path fill=\"#F5F7F8\" d=\"M48 36 0 0v72l48-36Z\" />\n        <path\n          fill=\"#DD2033\"\n          d=\"m18 24-3.577 8.09L6 33.168l6.213 6.077L10.583 48 18 43l7.416 5-1.629-8.756L30 33.167l-8.423-1.076L18 24Z\"\n        />\n        <path\n          fill=\"#FBD381\"\n          d=\"M11.364 31.59 13 41l1.5 3h9l2-3-9.06-11.65a2.86 2.86 0 0 0-4.71.285L9 31l2.364.59Z\"\n        />\n      </g>\n    </CountrySymbol>\n  );\n});\n\nexport default ZW;\n"],"names":["ZW"],"mappings":";;;;AAOA,MAAM,EAAK,GAAA,UAAA,CAAmC,SAASA,GAAAA,CAAG,OAAgB,GAAK,EAAA;AAC7E,EAAM,MAAA,CAAC,GAAG,CAAA,GAAI,QAAS,CAAA,MAAM,KAAM,CAAA,EAAA,IAAM,IAAK,CAAA,MAAA,EAAS,CAAA,QAAA,EAAU,CAAA,CAAA;AAEjE,EAAA,uBACG,IAAA,CAAA,aAAA,EAAA;AAAA,IACC,aAAY,EAAA,IAAA;AAAA,IACZ,YAAW,EAAA,UAAA;AAAA,IACX,OAAQ,EAAA,WAAA;AAAA,IACR,GAAA;AAAA,IACC,GAAG,KAAA;AAAA,IAEJ,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,MAAA,EAAA;AAAA,QACC,IAAI,CAAG,EAAA,GAAA,CAAA,KAAA,CAAA;AAAA,QACP,CAAE,EAAA,GAAA;AAAA,QACF,CAAE,EAAA,GAAA;AAAA,QACF,SAAU,EAAA,gBAAA;AAAA,QACV,KAAA,EAAO,EAAE,QAAA,EAAU,OAAQ,EAAA;AAAA,QAE3B,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA;AAAA,UAAO,EAAG,EAAA,IAAA;AAAA,UAAK,EAAG,EAAA,IAAA;AAAA,UAAK,CAAE,EAAA,IAAA;AAAA,UAAK,IAAK,EAAA,SAAA;AAAA,SAAU,CAAA;AAAA,OAChD,CAAA;AAAA,sBACC,IAAA,CAAA,GAAA,EAAA;AAAA,QAAE,MAAM,CAAQ,KAAA,EAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QACf,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,gBAAA;AAAA,WAAiB,CAAA;AAAA,0BACvC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,iBAAA;AAAA,WAAkB,CAAA;AAAA,0BACxC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,iBAAA;AAAA,WAAkB,CAAA;AAAA,0BACxC,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,2CAAA;AAAA,WAA4C,CAAA;AAAA,0BAClE,GAAA,CAAA,MAAA,EAAA;AAAA,YAAK,IAAK,EAAA,SAAA;AAAA,YAAU,CAAE,EAAA,sBAAA;AAAA,WAAuB,CAAA;AAAA,0BAC7C,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,0GAAA;AAAA,WACJ,CAAA;AAAA,0BACC,GAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAK,EAAA,SAAA;AAAA,YACL,CAAE,EAAA,oFAAA;AAAA,WACJ,CAAA;AAAA,SAAA;AAAA,OACF,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-es/country-symbol/CountrySymbol.css.js

@@ -0,0 +1,4 @@
+var css_248z = "/* Style applied to the root element */\n.saltCountrySymbol {\n  --country-symbol-size-multiplier: var(--saltCountrySymbol-size-multiplier, 1);\n  --country-symbol-base-size: var(--salt-size-base, 20px);\n  --country-symbol-size: calc(var(--country-symbol-base-size) * var(--country-symbol-size-multiplier));\n}\n\n.saltCountrySymbol {\n  display: inline-block;\n  margin: var(--saltCountrySymbol-margin, 0);\n  position: relative;\n  width: var(--country-symbol-size);\n  height: var(--country-symbol-size);\n  min-width: var(--country-symbol-size);\n  min-height: var(--country-symbol-size);\n  overflow: hidden;\n  user-select: none;\n  border-radius: 50%;\n}\n";
+
+export { css_248z as default };
+//# sourceMappingURL=CountrySymbol.css.js.map

package/dist-es/country-symbol/CountrySymbol.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CountrySymbol.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist-es/country-symbol/CountrySymbol.js

@@ -0,0 +1,44 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { clsx } from 'clsx';
+import { useWindow } from '@salt-ds/window';
+import { useComponentCssInjection } from '@salt-ds/styles';
+import css_248z from './CountrySymbol.css.js';
+
+const makePrefixer = (prefix) => (...names) => [prefix, ...names].join("-");
+const withBaseName = makePrefixer("saltCountrySymbol");
+const DEFAULT_COUNTRY_SYMBOL_SIZE = 1;
+const CountrySymbol = forwardRef(
+  function CountrySymbol2({
+    children,
+    className,
+    size = DEFAULT_COUNTRY_SYMBOL_SIZE,
+    style: styleProp,
+    ...rest
+  }, ref) {
+    const { window: targetWindow } = useWindow();
+    useComponentCssInjection({
+      id: "salt-country-symbol",
+      css: css_248z,
+      window: targetWindow
+    });
+    const style = {
+      ...styleProp,
+      "--saltCountrySymbol-size-multiplier": `${size}`
+    };
+    return /* @__PURE__ */ jsx("svg", {
+      className: clsx(withBaseName(), className),
+      style,
+      role: "img",
+      ...rest,
+      ref,
+      children: /* @__PURE__ */ jsx("g", {
+        "aria-hidden": true,
+        children
+      })
+    });
+  }
+);
+
+export { CountrySymbol, DEFAULT_COUNTRY_SYMBOL_SIZE, makePrefixer };
+//# sourceMappingURL=CountrySymbol.js.map

package/dist-es/country-symbol/CountrySymbol.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CountrySymbol.js","sources":["../src/country-symbol/CountrySymbol.tsx"],"sourcesContent":["import { forwardRef, SVGAttributes } from \"react\";\nimport { clsx } from \"clsx\";\n\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nimport countrySymbolCss from \"./CountrySymbol.css\";\n// Duplicate from core/util to avoid circular dependency\nexport const makePrefixer =\n  (prefix: string): ((...names: string[]) => string) =>\n  (...names: string[]): string =>\n    [prefix, ...names].join(\"-\");\n\nconst withBaseName = makePrefixer(\"saltCountrySymbol\");\n\nexport interface CountrySymbolProps extends SVGAttributes<SVGSVGElement> {\n  /**\n   * Multiplier for the base Country Symbol size. Should be a positive integer to conform to the rest of the design system.\n   */\n  size?: number;\n}\n\nexport const DEFAULT_COUNTRY_SYMBOL_SIZE = 1;\n\nexport const CountrySymbol = forwardRef<SVGSVGElement, CountrySymbolProps>(\n  function CountrySymbol(\n    {\n      children,\n      className,\n      size = DEFAULT_COUNTRY_SYMBOL_SIZE,\n      style: styleProp,\n      ...rest\n    },\n    ref\n  ) {\n    const { window: targetWindow } = useWindow();\n    useComponentCssInjection({\n      id: \"salt-country-symbol\",\n      css: countrySymbolCss,\n      window: targetWindow,\n    });\n\n    const style = {\n      ...styleProp,\n      \"--saltCountrySymbol-size-multiplier\": `${size}`,\n    };\n\n    return (\n      <svg\n        className={clsx(withBaseName(), className)}\n        style={style}\n        role=\"img\"\n        {...rest}\n        ref={ref}\n      >\n        <g aria-hidden>{children}</g>\n      </svg>\n    );\n  }\n);\n"],"names":["CountrySymbol","countrySymbolCss"],"mappings":";;;;;;;AAQa,MAAA,YAAA,GACX,CAAC,MAAA,KACD,CAAI,GAAA,KAAA,KACF,CAAC,MAAA,EAAQ,GAAG,KAAK,CAAE,CAAA,IAAA,CAAK,GAAG,EAAA;AAE/B,MAAM,YAAA,GAAe,aAAa,mBAAmB,CAAA,CAAA;AAS9C,MAAM,2BAA8B,GAAA,EAAA;AAEpC,MAAM,aAAgB,GAAA,UAAA;AAAA,EAC3B,SAASA,cACP,CAAA;AAAA,IACE,QAAA;AAAA,IACA,SAAA;AAAA,IACA,IAAO,GAAA,2BAAA;AAAA,IACP,KAAO,EAAA,SAAA;AAAA,IACJ,GAAA,IAAA;AAAA,KAEL,GACA,EAAA;AACA,IAAA,MAAM,EAAE,MAAA,EAAQ,YAAa,EAAA,GAAI,SAAU,EAAA,CAAA;AAC3C,IAAyB,wBAAA,CAAA;AAAA,MACvB,EAAI,EAAA,qBAAA;AAAA,MACJ,GAAK,EAAAC,QAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AAED,IAAA,MAAM,KAAQ,GAAA;AAAA,MACZ,GAAG,SAAA;AAAA,MACH,uCAAuC,CAAG,EAAA,IAAA,CAAA,CAAA;AAAA,KAC5C,CAAA;AAEA,IAAA,uBACG,GAAA,CAAA,KAAA,EAAA;AAAA,MACC,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,MACzC,KAAA;AAAA,MACA,IAAK,EAAA,KAAA;AAAA,MACJ,GAAG,IAAA;AAAA,MACJ,GAAA;AAAA,MAEA,QAAC,kBAAA,GAAA,CAAA,GAAA,EAAA;AAAA,QAAE,aAAW,EAAA,IAAA;AAAA,QAAE,QAAA;AAAA,OAAS,CAAA;AAAA,KAC3B,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}