@salt-ds/countries 1.3.0 → 1.3.1

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var css_248z = "/* Style applied to the root element */\n.saltCountrySymbol {\n  --country-symbol-size-multiplier: var(--saltCountrySymbol-size-multiplier, 1);\n  --country-symbol-aspect-ratio-multiplier: var(--saltCountrySymbol-aspect-ratio-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  --country-symbol-width: calc(var(--country-symbol-size) * var(--country-symbol-aspect-ratio-multiplier));\n  --saltCountrySymbol-aspect-ratio-multiplier: 1;\n}\n\n.saltCountrySymbol {\n  display: inline-block;\n  margin: var(--saltCountrySymbol-margin, 0);\n  position: relative;\n  width: var(--country-symbol-width);\n  height: var(--country-symbol-size);\n  min-width: var(--country-symbol-width);\n  min-height: var(--country-symbol-size);\n  overflow: hidden;\n  user-select: none;\n  border-radius: 50%;\n}\n.saltCountrySymbol-sharp {\n  border-radius: 0%;\n  --saltCountrySymbol-aspect-ratio-multiplier: 1.44;\n}\n";
+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  overflow: hidden;\n  user-select: none;\n}\n.saltCountrySymbol-sharp {\n  height: var(--country-symbol-size);\n  min-height: var(--country-symbol-size);\n}\n\n.saltCountrySymbol-round {\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  border-radius: 50%;\n}\n";
 
 module.exports = css_248z;
 //# sourceMappingURL=CountrySymbol.css.js.map

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

@@ -18,6 +18,7 @@ const CountrySymbol = react.forwardRef(
     className,
     size = DEFAULT_COUNTRY_SYMBOL_SIZE,
     style: styleProp,
+    sharp,
     ...rest
   }, ref) {
     const targetWindow = window.useWindow();
@@ -31,7 +32,11 @@ const CountrySymbol = react.forwardRef(
       "--saltCountrySymbol-size-multiplier": `${size}`
     };
     return /* @__PURE__ */ jsxRuntime.jsx("svg", {
-      className: clsx.clsx(withBaseName(), className),
+      className: clsx.clsx(
+        withBaseName(),
+        withBaseName(sharp ? "sharp" : "round"),
+        className
+      ),
       style,
       role: "img",
       ...rest,

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

@@ -1 +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 targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"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":["forwardRef","CountrySymbol","useWindow","useComponentCssInjection","countrySymbolCss","jsx","clsx"],"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,GAAAA,gBAAA;AAAA,EAC3B,SAASC,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,eAAeC,gBAAU,EAAA,CAAA;AAC/B,IAAyBC,+BAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,qBAAA;AAAA,MACR,GAAK,EAAAC,eAAA;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,uBACGC,cAAA,CAAA,KAAA,EAAA;AAAA,MACC,SAAW,EAAAC,SAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,MACzC,KAAA;AAAA,MACA,IAAK,EAAA,KAAA;AAAA,MACJ,GAAG,IAAA;AAAA,MACJ,GAAA;AAAA,MAEA,QAAC,kBAAAD,cAAA,CAAA,GAAA,EAAA;AAAA,QAAE,aAAW,EAAA,IAAA;AAAA,QAAE,QAAA;AAAA,OAAS,CAAA;AAAA,KAC3B,CAAA,CAAA;AAAA,GAEJ;AACF;;;;;;"}
+{"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   * If `true`, the CountrySymbol will be sharp.\n   */\n  sharp?: boolean;\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      sharp,\n      ...rest\n    },\n    ref\n  ) {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"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(\n          withBaseName(),\n          withBaseName(sharp ? \"sharp\" : \"round\"),\n          className\n        )}\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":["forwardRef","CountrySymbol","useWindow","useComponentCssInjection","countrySymbolCss","jsx","clsx"],"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;AAa9C,MAAM,2BAA8B,GAAA,EAAA;AAEpC,MAAM,aAAgB,GAAAA,gBAAA;AAAA,EAC3B,SAASC,cACP,CAAA;AAAA,IACE,QAAA;AAAA,IACA,SAAA;AAAA,IACA,IAAO,GAAA,2BAAA;AAAA,IACP,KAAO,EAAA,SAAA;AAAA,IACP,KAAA;AAAA,IACG,GAAA,IAAA;AAAA,KAEL,GACA,EAAA;AACA,IAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,IAAyBC,+BAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,qBAAA;AAAA,MACR,GAAK,EAAAC,eAAA;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,uBACGC,cAAA,CAAA,KAAA,EAAA;AAAA,MACC,SAAW,EAAAC,SAAA;AAAA,QACT,YAAa,EAAA;AAAA,QACb,YAAA,CAAa,KAAQ,GAAA,OAAA,GAAU,OAAO,CAAA;AAAA,QACtC,SAAA;AAAA,OACF;AAAA,MACA,KAAA;AAAA,MACA,IAAK,EAAA,KAAA;AAAA,MACJ,GAAG,IAAA;AAAA,MACJ,GAAA;AAAA,MAEA,QAAC,kBAAAD,cAAA,CAAA,GAAA,EAAA;AAAA,QAAE,aAAW,EAAA,IAAA;AAAA,QAAE,QAAA;AAAA,OAAS,CAAA;AAAA,KAC3B,CAAA,CAAA;AAAA,GAEJ;AACF;;;;;;"}