@semcore/flags 16.1.8 → 16.2.0-prerelease.0

package/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [16.2.0] - 2026-05-07
+
+### Added
+
+- New brand theme.
+
 ## [16.1.8] - 2025-10-29
 
 ### Changed

package/README.md

@@ -2,7 +2,7 @@
 
 [![version](https://img.shields.io/npm/v/@semcore/flags.svg)](https://www.npmjs.com/@semcore/flags)
 [![downloads](https://img.shields.io/npm/dt/@semcore/flags.svg)](https://www.npmjs.com/package/@semcore/flags)
-[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](https://github.com/semrush/intergalactic/blob/master/LICENSE)
+[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](https://github.com/semrush/intergalactic/blob/HEAD/LICENSE)
 
 > This component is part of the Intergalactic Design System
 
@@ -20,13 +20,13 @@ npm install @semcore/flags
 
 ## 👤 Author
 
-[UI-kit team](https://github.com/semrush/intergalactic/blob/master/MAINTAINERS) and [others ❤️](https://github.com/semrush/intergalactic/graphs/contributors)
+[UI-kit team](https://github.com/semrush/intergalactic/blob/HEAD/MAINTAINERS) and [others ❤️](https://github.com/semrush/intergalactic/graphs/contributors)
 
 ## 🤝 Contributing
 
 Contributions, issues and feature requests are welcome!
 
-Feel free to check [issues page](https://github.com/semrush/intergalactic/issues). You can also take a look at the [contributing guide](https://github.com/semrush/intergalactic/blob/master/CONTRIBUTING.md).
+Feel free to check [issues page](https://github.com/semrush/intergalactic/issues). You can also take a look at the [contributing guide](https://github.com/semrush/intergalactic/blob/HEAD/CONTRIBUTING.md).
 
 ## Show your support
 
@@ -34,4 +34,4 @@ Give a ⭐️ if this project helped you!
 
 ## 📝 License
 
-This project is [MIT](https://github.com/semrush/intergalactic/blob/master/LICENSE) licensed.
+This project is [MIT](https://github.com/semrush/intergalactic/blob/HEAD/LICENSE) licensed.

package/lib/cjs/Flags.js

@@ -18,16 +18,16 @@ var _react = _interopRequireDefault(require("react"));
 var _countries = _interopRequireDefault(require("./countries.json"));
 var _excluded = ["className"];
 /*!__reshadow-styles__:"./style/flags.shadow.css"*/
-var styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SFlags_hxfk8_gg_{position:relative;display:inline-block;width:16px;height:16px}.___SFlags_hxfk8_gg_::after{content:\"\";position:absolute;top:3px;left:1px;display:block;width:14px;height:11px;background-color:var(--intergalactic-bg-secondary-neutral-active, #c4c7cf);z-index:-1}.___SFlags_hxfk8_gg_[data-capital-letters]{display:inline-flex;justify-content:center;align-items:center;background:var(--intergalactic-bg-primary-neutral-active, #e0e1e9)}.___SFlags_hxfk8_gg_[data-capital-letters]::before{content:attr(data-capital-letters);font-family:sans-serif;font-size:calc(var(--intergalactic-fs-50, 10px) - 2px);line-height:normal;font-weight:var(--intergalactic-bold, 700);color:var(--intergalactic-text-secondary, #6c6e79)}", /*__inner_css_end__*/"hxfk8_gg_"),
+var styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SFlags_1b8rf_gg_{position:relative;display:inline-block;width:16px;height:16px}.___SFlags_1b8rf_gg_::after{content:\"\";position:absolute;top:3px;left:1px;display:block;width:14px;height:11px;background-color:var(--intergalactic-bg-secondary-neutral-active, rgb(234, 235, 235));z-index:-1}.___SFlags_1b8rf_gg_[data-capital-letters]{display:inline-flex;justify-content:center;align-items:center;background:var(--intergalactic-bg-primary-neutral-active, rgb(244, 245, 245))}.___SFlags_1b8rf_gg_[data-capital-letters]::before{content:attr(data-capital-letters);font-family:sans-serif;font-size:calc(var(--intergalactic-fs-50, 10px) - 2px);line-height:normal;font-weight:var(--intergalactic-bold, 700);color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SFlags_1b8rf_gg_[data-capital-letters]::before{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SFlags_1b8rf_gg_[data-capital-letters]::before{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}", /*__inner_css_end__*/"1b8rf_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SFlags": "___SFlags_hxfk8_gg_"
+  "__SFlags": "___SFlags_1b8rf_gg_"
 });
 var iso2Name = exports.iso2Name = _countries["default"].iso2Name;
 var iso3iso2 = exports.iso3iso2 = _countries["default"].iso3iso2;
 
 // @ts-ignore
-var version = "16.1.8";
+var version = "16.2.0-prerelease.0";
 var versionForClassName = version.split('.').join('_');
 var normalizeName = function normalizeName(name) {
   if (!name) return name;

package/lib/cjs/Flags.js.map

@@ -1 +1 @@
-{"version":3,"file":"Flags.js","names":["_core","require","_canUseDOM","_interopRequireDefault","_isRetina","_flexBox","_classnames","_react","_countries","_excluded","styles","sstyled","insert","iso2Name","exports","countries","iso3iso2","version","versionForClassName","split","join","normalizeName","name","noExtensions","includes","slice","noApostrophe","noSpaces","noComas","toLowerCase","getCapitalLetters","iso2","iso3","addLinkStyleSprite","patch","canUseDOM","head","window","document","prevLink","querySelector","concat","link","createElement","classList","add","setAttribute","isRetina","appendChild","_addedStyle","calculateName","iso3Name","Object","fromEntries","entries","map","pair","allNames","_objectSpread2","toUpperCase","Flags","props","ref","_ref","_globalThis$__interga","_useBox","useBox","_useBox2","_slicedToArray2","SFlags","_useBox2$","className","other","_objectWithoutProperties2","flagsBase","globalThis","__intergalacticFlagsBaseUrl","_props$staticPath","staticPath","countryName","capitalLetters","undefined","cn","_defineProperty2","displayName","_default","createBaseComponent"],"sources":["../../src/Flags.jsx"],"sourcesContent":["import { createBaseComponent, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/core/lib/utils/canUseDOM';\nimport isRetina from '@semcore/core/lib/utils/isRetina';\nimport { useBox } from '@semcore/flex-box';\nimport cn from 'classnames';\nimport React from 'react';\n\nimport countries from './countries.json';\nimport styles from './style/flags.shadow.css';\n\nexport const iso2Name = countries.iso2Name;\nexport const iso3iso2 = countries.iso3iso2;\n\n// @ts-ignore\nconst version = preval`\n  module.exports = require('../package.json').version\n`;\nconst versionForClassName = version.split('.').join('_');\n\nconst normalizeName = (name) => {\n  if (!name) return name;\n  const noExtensions = name.includes('.') ? name.split('.').slice(0, -1).join('.') : name;\n  const noApostrophe = noExtensions.split('\\'').join('');\n  const noSpaces = noApostrophe.split(' ').join('-');\n  const noComas = noSpaces.split(',').join('-');\n  return noComas.toLowerCase();\n};\n\nfunction getCapitalLetters(iso2, iso3, name) {\n  if (name) {\n    return name;\n  }\n  if (iso2) {\n    return iso2;\n  }\n  if (iso3) {\n    return iso3.slice(0, 2);\n  }\n  return '__';\n}\n\nexport const addLinkStyleSprite = (patch) => {\n  if (!canUseDOM()) return false;\n  const head = window.document.head;\n  const prevLink = head.querySelector(`._css-style-flags-${versionForClassName}`);\n\n  if (!prevLink) {\n    const link = document.createElement('link');\n    link.classList.add(`_css-style-flags-${versionForClassName}`);\n    link.setAttribute('rel', 'stylesheet');\n    link.setAttribute('href', `${patch}/sprite@${isRetina() ? '2' : '1'}x.css`);\n    document.head.appendChild(link);\n  }\n\n  return true;\n};\n\nlet _addedStyle = false;\n\nfunction calculateName(iso2, iso3, name) {\n  const iso3Name = Object.fromEntries(\n    Object.entries(iso3iso2).map((pair) => [pair[0], iso2Name[pair[1]]]),\n  );\n  const allNames = { ...iso2Name, ...iso3Name };\n  if (name) return normalizeName(allNames[name.toUpperCase()]);\n  if (iso2) return normalizeName(iso2Name[iso2.toUpperCase()]);\n  if (iso3) return normalizeName(iso2Name[iso3iso2[iso3.toUpperCase()]]);\n  return false;\n}\n\nfunction Flags(props, ref) {\n  const [SFlags, { className, ...other }] = useBox(\n    {\n      'tag': 'span',\n      'data-ui-name': 'Flags',\n      ...props,\n    },\n    ref,\n  );\n  const flagsBase =\n    globalThis?.__intergalacticFlagsBaseUrl ?? '//static.semrush.com/intergalactic/flags/';\n  const { iso2, iso3, name, staticPath = `${flagsBase}${version}` } = props;\n\n  if (!_addedStyle) {\n    _addedStyle = addLinkStyleSprite(staticPath);\n  }\n\n  const countryName = calculateName(iso2, iso3, name);\n\n  const capitalLetters = countryName ? undefined : getCapitalLetters(iso2, iso3, name);\n\n  return sstyled(styles)(\n    <SFlags\n      className={cn(\n        {\n          [`flag-${versionForClassName}`]: countryName,\n          [`flag-${countryName}-${versionForClassName}`]: countryName,\n        },\n        className,\n      )}\n      data-capital-letters={capitalLetters}\n      {...other}\n    />,\n  );\n}\n\nFlags.displayName = 'Flags';\n\nexport default createBaseComponent(Flags);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Flags.js","names":["_core","require","_canUseDOM","_interopRequireDefault","_isRetina","_flexBox","_classnames","_react","_countries","_excluded","styles","sstyled","insert","iso2Name","exports","countries","iso3iso2","version","versionForClassName","split","join","normalizeName","name","noExtensions","includes","slice","noApostrophe","noSpaces","noComas","toLowerCase","getCapitalLetters","iso2","iso3","addLinkStyleSprite","patch","canUseDOM","head","window","document","prevLink","querySelector","concat","link","createElement","classList","add","setAttribute","isRetina","appendChild","_addedStyle","calculateName","iso3Name","Object","fromEntries","entries","map","pair","allNames","_objectSpread2","toUpperCase","Flags","props","ref","_ref","_globalThis$__interga","_useBox","useBox","_useBox2","_slicedToArray2","SFlags","_useBox2$","className","other","_objectWithoutProperties2","flagsBase","globalThis","__intergalacticFlagsBaseUrl","_props$staticPath","staticPath","countryName","capitalLetters","undefined","cn","_defineProperty2","displayName","_default","createBaseComponent"],"sources":["../../src/Flags.jsx"],"sourcesContent":["import { createBaseComponent, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/core/lib/utils/canUseDOM';\nimport isRetina from '@semcore/core/lib/utils/isRetina';\nimport { useBox } from '@semcore/flex-box';\nimport cn from 'classnames';\nimport React from 'react';\n\nimport countries from './countries.json';\nimport styles from './style/flags.shadow.css';\n\nexport const iso2Name = countries.iso2Name;\nexport const iso3iso2 = countries.iso3iso2;\n\n// @ts-ignore\nconst version = preval`\n  module.exports = require('../package.json').version\n`;\nconst versionForClassName = version.split('.').join('_');\n\nconst normalizeName = (name) => {\n  if (!name) return name;\n  const noExtensions = name.includes('.') ? name.split('.').slice(0, -1).join('.') : name;\n  const noApostrophe = noExtensions.split('\\'').join('');\n  const noSpaces = noApostrophe.split(' ').join('-');\n  const noComas = noSpaces.split(',').join('-');\n  return noComas.toLowerCase();\n};\n\nfunction getCapitalLetters(iso2, iso3, name) {\n  if (name) {\n    return name;\n  }\n  if (iso2) {\n    return iso2;\n  }\n  if (iso3) {\n    return iso3.slice(0, 2);\n  }\n  return '__';\n}\n\nexport const addLinkStyleSprite = (patch) => {\n  if (!canUseDOM()) return false;\n  const head = window.document.head;\n  const prevLink = head.querySelector(`._css-style-flags-${versionForClassName}`);\n\n  if (!prevLink) {\n    const link = document.createElement('link');\n    link.classList.add(`_css-style-flags-${versionForClassName}`);\n    link.setAttribute('rel', 'stylesheet');\n    link.setAttribute('href', `${patch}/sprite@${isRetina() ? '2' : '1'}x.css`);\n    document.head.appendChild(link);\n  }\n\n  return true;\n};\n\nlet _addedStyle = false;\n\nfunction calculateName(iso2, iso3, name) {\n  const iso3Name = Object.fromEntries(\n    Object.entries(iso3iso2).map((pair) => [pair[0], iso2Name[pair[1]]]),\n  );\n  const allNames = { ...iso2Name, ...iso3Name };\n  if (name) return normalizeName(allNames[name.toUpperCase()]);\n  if (iso2) return normalizeName(iso2Name[iso2.toUpperCase()]);\n  if (iso3) return normalizeName(iso2Name[iso3iso2[iso3.toUpperCase()]]);\n  return false;\n}\n\nfunction Flags(props, ref) {\n  const [SFlags, { className, ...other }] = useBox(\n    {\n      'tag': 'span',\n      'data-ui-name': 'Flags',\n      ...props,\n    },\n    ref,\n  );\n  const flagsBase =\n    globalThis?.__intergalacticFlagsBaseUrl ?? '//static.semrush.com/intergalactic/flags/';\n  const { iso2, iso3, name, staticPath = `${flagsBase}${version}` } = props;\n\n  if (!_addedStyle) {\n    _addedStyle = addLinkStyleSprite(staticPath);\n  }\n\n  const countryName = calculateName(iso2, iso3, name);\n\n  const capitalLetters = countryName ? undefined : getCapitalLetters(iso2, iso3, name);\n\n  return sstyled(styles)(\n    <SFlags\n      className={cn(\n        {\n          [`flag-${versionForClassName}`]: countryName,\n          [`flag-${countryName}-${versionForClassName}`]: countryName,\n        },\n        className,\n      )}\n      data-capital-letters={capitalLetters}\n      {...other}\n    />,\n  );\n}\n\nFlags.displayName = 'Flags';\n\nexport default createBaseComponent(Flags);\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/style/flags.shadow.css

@@ -12,7 +12,7 @@ SFlags {
     display: block;
     width: 14px;
     height: 11px;
-    background-color: var(--intergalactic-bg-secondary-neutral-active, #c4c7cf);
+    background-color: var(--intergalactic-bg-secondary-neutral-active, oklch(0.94 0.002 180));
     z-index: -1;
   }
 }
@@ -21,7 +21,7 @@ SFlags[data-capital-letters] {
   display: inline-flex;
   justify-content: center;
   align-items: center;
-  background: var(--intergalactic-bg-primary-neutral-active, #e0e1e9);
+  background: var(--intergalactic-bg-primary-neutral-active, oklch(0.97 0.001 180));
 
   &::before {
     content: attr(data-capital-letters);
@@ -30,6 +30,6 @@ SFlags[data-capital-letters] {
     font-size: calc(var(--intergalactic-fs-50, 10px) - 2px);
     line-height: normal;
     font-weight: var(--intergalactic-bold, 700);
-    color: var(--intergalactic-text-secondary, #6c6e79);
+    color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
   }
 }

package/lib/es6/Flags.js

@@ -12,16 +12,16 @@ import cn from 'classnames';
 import React from 'react';
 import countries from './countries.json';
 /*!__reshadow-styles__:"./style/flags.shadow.css"*/
-var styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SFlags_hxfk8_gg_{position:relative;display:inline-block;width:16px;height:16px}.___SFlags_hxfk8_gg_::after{content:\"\";position:absolute;top:3px;left:1px;display:block;width:14px;height:11px;background-color:var(--intergalactic-bg-secondary-neutral-active, #c4c7cf);z-index:-1}.___SFlags_hxfk8_gg_[data-capital-letters]{display:inline-flex;justify-content:center;align-items:center;background:var(--intergalactic-bg-primary-neutral-active, #e0e1e9)}.___SFlags_hxfk8_gg_[data-capital-letters]::before{content:attr(data-capital-letters);font-family:sans-serif;font-size:calc(var(--intergalactic-fs-50, 10px) - 2px);line-height:normal;font-weight:var(--intergalactic-bold, 700);color:var(--intergalactic-text-secondary, #6c6e79)}", /*__inner_css_end__*/"hxfk8_gg_"),
+var styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SFlags_1b8rf_gg_{position:relative;display:inline-block;width:16px;height:16px}.___SFlags_1b8rf_gg_::after{content:\"\";position:absolute;top:3px;left:1px;display:block;width:14px;height:11px;background-color:var(--intergalactic-bg-secondary-neutral-active, rgb(234, 235, 235));z-index:-1}.___SFlags_1b8rf_gg_[data-capital-letters]{display:inline-flex;justify-content:center;align-items:center;background:var(--intergalactic-bg-primary-neutral-active, rgb(244, 245, 245))}.___SFlags_1b8rf_gg_[data-capital-letters]::before{content:attr(data-capital-letters);font-family:sans-serif;font-size:calc(var(--intergalactic-fs-50, 10px) - 2px);line-height:normal;font-weight:var(--intergalactic-bold, 700);color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@supports (color:color(display-p3 0 0 0%)){.___SFlags_1b8rf_gg_[data-capital-letters]::before{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SFlags_1b8rf_gg_[data-capital-letters]::before{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}", /*__inner_css_end__*/"1b8rf_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SFlags": "___SFlags_hxfk8_gg_"
+  "__SFlags": "___SFlags_1b8rf_gg_"
 });
 export var iso2Name = countries.iso2Name;
 export var iso3iso2 = countries.iso3iso2;
 
 // @ts-ignore
-var version = "16.1.8";
+var version = "16.2.0-prerelease.0";
 var versionForClassName = version.split('.').join('_');
 var normalizeName = function normalizeName(name) {
   if (!name) return name;

package/lib/es6/Flags.js.map

@@ -1 +1 @@
-{"version":3,"file":"Flags.js","names":["createBaseComponent","sstyled","canUseDOM","isRetina","useBox","cn","React","countries","styles","_sstyled","insert","iso2Name","iso3iso2","version","versionForClassName","split","join","normalizeName","name","noExtensions","includes","slice","noApostrophe","noSpaces","noComas","toLowerCase","getCapitalLetters","iso2","iso3","addLinkStyleSprite","patch","head","window","document","prevLink","querySelector","concat","link","createElement","classList","add","setAttribute","appendChild","_addedStyle","calculateName","iso3Name","Object","fromEntries","entries","map","pair","allNames","_objectSpread","toUpperCase","Flags","props","ref","_ref","_globalThis$__interga","_useBox","_useBox2","_slicedToArray","SFlags","_useBox2$","className","other","_objectWithoutProperties","_excluded","flagsBase","globalThis","__intergalacticFlagsBaseUrl","_props$staticPath","staticPath","countryName","capitalLetters","undefined","_defineProperty","displayName"],"sources":["../../src/Flags.jsx"],"sourcesContent":["import { createBaseComponent, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/core/lib/utils/canUseDOM';\nimport isRetina from '@semcore/core/lib/utils/isRetina';\nimport { useBox } from '@semcore/flex-box';\nimport cn from 'classnames';\nimport React from 'react';\n\nimport countries from './countries.json';\nimport styles from './style/flags.shadow.css';\n\nexport const iso2Name = countries.iso2Name;\nexport const iso3iso2 = countries.iso3iso2;\n\n// @ts-ignore\nconst version = preval`\n  module.exports = require('../package.json').version\n`;\nconst versionForClassName = version.split('.').join('_');\n\nconst normalizeName = (name) => {\n  if (!name) return name;\n  const noExtensions = name.includes('.') ? name.split('.').slice(0, -1).join('.') : name;\n  const noApostrophe = noExtensions.split('\\'').join('');\n  const noSpaces = noApostrophe.split(' ').join('-');\n  const noComas = noSpaces.split(',').join('-');\n  return noComas.toLowerCase();\n};\n\nfunction getCapitalLetters(iso2, iso3, name) {\n  if (name) {\n    return name;\n  }\n  if (iso2) {\n    return iso2;\n  }\n  if (iso3) {\n    return iso3.slice(0, 2);\n  }\n  return '__';\n}\n\nexport const addLinkStyleSprite = (patch) => {\n  if (!canUseDOM()) return false;\n  const head = window.document.head;\n  const prevLink = head.querySelector(`._css-style-flags-${versionForClassName}`);\n\n  if (!prevLink) {\n    const link = document.createElement('link');\n    link.classList.add(`_css-style-flags-${versionForClassName}`);\n    link.setAttribute('rel', 'stylesheet');\n    link.setAttribute('href', `${patch}/sprite@${isRetina() ? '2' : '1'}x.css`);\n    document.head.appendChild(link);\n  }\n\n  return true;\n};\n\nlet _addedStyle = false;\n\nfunction calculateName(iso2, iso3, name) {\n  const iso3Name = Object.fromEntries(\n    Object.entries(iso3iso2).map((pair) => [pair[0], iso2Name[pair[1]]]),\n  );\n  const allNames = { ...iso2Name, ...iso3Name };\n  if (name) return normalizeName(allNames[name.toUpperCase()]);\n  if (iso2) return normalizeName(iso2Name[iso2.toUpperCase()]);\n  if (iso3) return normalizeName(iso2Name[iso3iso2[iso3.toUpperCase()]]);\n  return false;\n}\n\nfunction Flags(props, ref) {\n  const [SFlags, { className, ...other }] = useBox(\n    {\n      'tag': 'span',\n      'data-ui-name': 'Flags',\n      ...props,\n    },\n    ref,\n  );\n  const flagsBase =\n    globalThis?.__intergalacticFlagsBaseUrl ?? '//static.semrush.com/intergalactic/flags/';\n  const { iso2, iso3, name, staticPath = `${flagsBase}${version}` } = props;\n\n  if (!_addedStyle) {\n    _addedStyle = addLinkStyleSprite(staticPath);\n  }\n\n  const countryName = calculateName(iso2, iso3, name);\n\n  const capitalLetters = countryName ? undefined : getCapitalLetters(iso2, iso3, name);\n\n  return sstyled(styles)(\n    <SFlags\n      className={cn(\n        {\n          [`flag-${versionForClassName}`]: countryName,\n          [`flag-${countryName}-${versionForClassName}`]: countryName,\n        },\n        className,\n      )}\n      data-capital-letters={capitalLetters}\n      {...other}\n    />,\n  );\n}\n\nFlags.displayName = 'Flags';\n\nexport default createBaseComponent(Flags);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Flags.js","names":["createBaseComponent","sstyled","canUseDOM","isRetina","useBox","cn","React","countries","styles","_sstyled","insert","iso2Name","iso3iso2","version","versionForClassName","split","join","normalizeName","name","noExtensions","includes","slice","noApostrophe","noSpaces","noComas","toLowerCase","getCapitalLetters","iso2","iso3","addLinkStyleSprite","patch","head","window","document","prevLink","querySelector","concat","link","createElement","classList","add","setAttribute","appendChild","_addedStyle","calculateName","iso3Name","Object","fromEntries","entries","map","pair","allNames","_objectSpread","toUpperCase","Flags","props","ref","_ref","_globalThis$__interga","_useBox","_useBox2","_slicedToArray","SFlags","_useBox2$","className","other","_objectWithoutProperties","_excluded","flagsBase","globalThis","__intergalacticFlagsBaseUrl","_props$staticPath","staticPath","countryName","capitalLetters","undefined","_defineProperty","displayName"],"sources":["../../src/Flags.jsx"],"sourcesContent":["import { createBaseComponent, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/core/lib/utils/canUseDOM';\nimport isRetina from '@semcore/core/lib/utils/isRetina';\nimport { useBox } from '@semcore/flex-box';\nimport cn from 'classnames';\nimport React from 'react';\n\nimport countries from './countries.json';\nimport styles from './style/flags.shadow.css';\n\nexport const iso2Name = countries.iso2Name;\nexport const iso3iso2 = countries.iso3iso2;\n\n// @ts-ignore\nconst version = preval`\n  module.exports = require('../package.json').version\n`;\nconst versionForClassName = version.split('.').join('_');\n\nconst normalizeName = (name) => {\n  if (!name) return name;\n  const noExtensions = name.includes('.') ? name.split('.').slice(0, -1).join('.') : name;\n  const noApostrophe = noExtensions.split('\\'').join('');\n  const noSpaces = noApostrophe.split(' ').join('-');\n  const noComas = noSpaces.split(',').join('-');\n  return noComas.toLowerCase();\n};\n\nfunction getCapitalLetters(iso2, iso3, name) {\n  if (name) {\n    return name;\n  }\n  if (iso2) {\n    return iso2;\n  }\n  if (iso3) {\n    return iso3.slice(0, 2);\n  }\n  return '__';\n}\n\nexport const addLinkStyleSprite = (patch) => {\n  if (!canUseDOM()) return false;\n  const head = window.document.head;\n  const prevLink = head.querySelector(`._css-style-flags-${versionForClassName}`);\n\n  if (!prevLink) {\n    const link = document.createElement('link');\n    link.classList.add(`_css-style-flags-${versionForClassName}`);\n    link.setAttribute('rel', 'stylesheet');\n    link.setAttribute('href', `${patch}/sprite@${isRetina() ? '2' : '1'}x.css`);\n    document.head.appendChild(link);\n  }\n\n  return true;\n};\n\nlet _addedStyle = false;\n\nfunction calculateName(iso2, iso3, name) {\n  const iso3Name = Object.fromEntries(\n    Object.entries(iso3iso2).map((pair) => [pair[0], iso2Name[pair[1]]]),\n  );\n  const allNames = { ...iso2Name, ...iso3Name };\n  if (name) return normalizeName(allNames[name.toUpperCase()]);\n  if (iso2) return normalizeName(iso2Name[iso2.toUpperCase()]);\n  if (iso3) return normalizeName(iso2Name[iso3iso2[iso3.toUpperCase()]]);\n  return false;\n}\n\nfunction Flags(props, ref) {\n  const [SFlags, { className, ...other }] = useBox(\n    {\n      'tag': 'span',\n      'data-ui-name': 'Flags',\n      ...props,\n    },\n    ref,\n  );\n  const flagsBase =\n    globalThis?.__intergalacticFlagsBaseUrl ?? '//static.semrush.com/intergalactic/flags/';\n  const { iso2, iso3, name, staticPath = `${flagsBase}${version}` } = props;\n\n  if (!_addedStyle) {\n    _addedStyle = addLinkStyleSprite(staticPath);\n  }\n\n  const countryName = calculateName(iso2, iso3, name);\n\n  const capitalLetters = countryName ? undefined : getCapitalLetters(iso2, iso3, name);\n\n  return sstyled(styles)(\n    <SFlags\n      className={cn(\n        {\n          [`flag-${versionForClassName}`]: countryName,\n          [`flag-${countryName}-${versionForClassName}`]: countryName,\n        },\n        className,\n      )}\n      data-capital-letters={capitalLetters}\n      {...other}\n    />,\n  );\n}\n\nFlags.displayName = 'Flags';\n\nexport default createBaseComponent(Flags);\n"],"mappings":"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","ignoreList":[]}

package/lib/es6/style/flags.shadow.css

@@ -12,7 +12,7 @@ SFlags {
     display: block;
     width: 14px;
     height: 11px;
-    background-color: var(--intergalactic-bg-secondary-neutral-active, #c4c7cf);
+    background-color: var(--intergalactic-bg-secondary-neutral-active, oklch(0.94 0.002 180));
     z-index: -1;
   }
 }
@@ -21,7 +21,7 @@ SFlags[data-capital-letters] {
   display: inline-flex;
   justify-content: center;
   align-items: center;
-  background: var(--intergalactic-bg-primary-neutral-active, #e0e1e9);
+  background: var(--intergalactic-bg-primary-neutral-active, oklch(0.97 0.001 180));
 
   &::before {
     content: attr(data-capital-letters);
@@ -30,6 +30,6 @@ SFlags[data-capital-letters] {
     font-size: calc(var(--intergalactic-fs-50, 10px) - 2px);
     line-height: normal;
     font-weight: var(--intergalactic-bold, 700);
-    color: var(--intergalactic-text-secondary, #6c6e79);
+    color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
   }
 }