@semcore/flags 17.0.1 → 17.1.0-prerelease.1

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.
Files changed (8) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/lib/cjs/Flags.js +3 -3
  3. package/lib/cjs/style/flags.shadow.css +3 -3
  4. package/lib/es6/Flags.js +3 -3
  5. package/lib/es6/style/flags.shadow.css +3 -3
  6. package/lib/sprites/sprite@1x.css +256 -256
  7. package/lib/sprites/sprite@2x.css +257 -257
  8. package/package.json +5 -5
package/CHANGELOG.md CHANGED
@@ -2,6 +2,12 @@
2
2
 
3
3
  CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
4
4
 
5
+ ## [17.1.0] - 2026-05-13
6
+
7
+ ### Added
8
+
9
+ - New brand theme.
10
+
5
11
  ## [17.0.1] - 2026-04-16
6
12
 
7
13
  ### Fixed
package/lib/cjs/Flags.js CHANGED
@@ -13,16 +13,16 @@ var _classnames = _interopRequireDefault(require("classnames"));
13
13
  var _react = _interopRequireDefault(require("react"));
14
14
  var _countries = _interopRequireDefault(require("./countries.json"));
15
15
  /*!__reshadow-styles__:"./style/flags.shadow.css"*/
16
- const styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SFlags_13v27_gg_{position:relative;display:inline-block;width:16px;height:16px}.___SFlags_13v27_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_13v27_gg_[data-capital-letters]{display:inline-flex;justify-content:center;align-items:center;background:var(--intergalactic-bg-primary-neutral-active, #e0e1e9)}.___SFlags_13v27_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__*/"13v27_gg_"),
16
+ const styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SFlags_1cx4r_gg_{position:relative;display:inline-block;width:16px;height:16px}.___SFlags_1cx4r_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_1cx4r_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_1cx4r_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_1cx4r_gg_[data-capital-letters]::before{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SFlags_1cx4r_gg_[data-capital-letters]::before{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}", /*__inner_css_end__*/"1cx4r_gg_"),
17
17
  /*__reshadow_css_end__*/
18
18
  {
19
- "__SFlags": "___SFlags_13v27_gg_"
19
+ "__SFlags": "___SFlags_1cx4r_gg_"
20
20
  });
21
21
  const iso2Name = exports.iso2Name = _countries.default.iso2Name;
22
22
  const iso3iso2 = exports.iso3iso2 = _countries.default.iso3iso2;
23
23
 
24
24
  // @ts-ignore
25
- const version = "17.0.1";
25
+ const version = "17.1.0";
26
26
  const versionForClassName = version.split('.').join('_');
27
27
  const normalizeName = name => {
28
28
  if (!name) return name;
package/lib/cjs/style/flags.shadow.css CHANGED
@@ -12,7 +12,7 @@ SFlags {
12
12
  display: block;
13
13
  width: 14px;
14
14
  height: 11px;
15
- background-color: var(--intergalactic-bg-secondary-neutral-active, #c4c7cf);
15
+ background-color: var(--intergalactic-bg-secondary-neutral-active, oklch(0.94 0.002 180));
16
16
  z-index: -1;
17
17
  }
18
18
  }
@@ -21,7 +21,7 @@ SFlags[data-capital-letters] {
21
21
  display: inline-flex;
22
22
  justify-content: center;
23
23
  align-items: center;
24
- background: var(--intergalactic-bg-primary-neutral-active, #e0e1e9);
24
+ background: var(--intergalactic-bg-primary-neutral-active, oklch(0.97 0.001 180));
25
25
 
26
26
  &::before {
27
27
  content: attr(data-capital-letters);
@@ -30,6 +30,6 @@ SFlags[data-capital-letters] {
30
30
  font-size: calc(var(--intergalactic-fs-50, 10px) - 2px);
31
31
  line-height: normal;
32
32
  font-weight: var(--intergalactic-bold, 700);
33
- color: var(--intergalactic-text-secondary, #6c6e79);
33
+ color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
34
34
  }
35
35
  }
package/lib/es6/Flags.js CHANGED
@@ -7,16 +7,16 @@ import cn from 'classnames';
7
7
  import React from 'react';
8
8
  import countries from './countries.json';
9
9
  /*!__reshadow-styles__:"./style/flags.shadow.css"*/
10
- const styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SFlags_13v27_gg_{position:relative;display:inline-block;width:16px;height:16px}.___SFlags_13v27_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_13v27_gg_[data-capital-letters]{display:inline-flex;justify-content:center;align-items:center;background:var(--intergalactic-bg-primary-neutral-active, #e0e1e9)}.___SFlags_13v27_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__*/"13v27_gg_"),
10
+ const styles = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SFlags_1cx4r_gg_{position:relative;display:inline-block;width:16px;height:16px}.___SFlags_1cx4r_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_1cx4r_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_1cx4r_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_1cx4r_gg_[data-capital-letters]::before{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SFlags_1cx4r_gg_[data-capital-letters]::before{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}", /*__inner_css_end__*/"1cx4r_gg_"),
11
11
  /*__reshadow_css_end__*/
12
12
  {
13
- "__SFlags": "___SFlags_13v27_gg_"
13
+ "__SFlags": "___SFlags_1cx4r_gg_"
14
14
  });
15
15
  export const iso2Name = countries.iso2Name;
16
16
  export const iso3iso2 = countries.iso3iso2;
17
17
 
18
18
  // @ts-ignore
19
- const version = "17.0.1";
19
+ const version = "17.1.0";
20
20
  const versionForClassName = version.split('.').join('_');
21
21
  const normalizeName = name => {
22
22
  if (!name) return name;
package/lib/es6/style/flags.shadow.css CHANGED
@@ -12,7 +12,7 @@ SFlags {
12
12
  display: block;
13
13
  width: 14px;
14
14
  height: 11px;
15
- background-color: var(--intergalactic-bg-secondary-neutral-active, #c4c7cf);
15
+ background-color: var(--intergalactic-bg-secondary-neutral-active, oklch(0.94 0.002 180));
16
16
  z-index: -1;
17
17
  }
18
18
  }
@@ -21,7 +21,7 @@ SFlags[data-capital-letters] {
21
21
  display: inline-flex;
22
22
  justify-content: center;
23
23
  align-items: center;
24
- background: var(--intergalactic-bg-primary-neutral-active, #e0e1e9);
24
+ background: var(--intergalactic-bg-primary-neutral-active, oklch(0.97 0.001 180));
25
25
 
26
26
  &::before {
27
27
  content: attr(data-capital-letters);
@@ -30,6 +30,6 @@ SFlags[data-capital-letters] {
30
30
  font-size: calc(var(--intergalactic-fs-50, 10px) - 2px);
31
31
  line-height: normal;
32
32
  font-weight: var(--intergalactic-bold, 700);
33
- color: var(--intergalactic-text-secondary, #6c6e79);
33
+ color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
34
34
  }
35
35
  }