circle-flags 1.0.0 → 1.0.2

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 (7) hide show
  1. package/README.md +31 -37
  2. package/flags/am.svg +1 -1
  3. package/flags/artsakh.svg +1 -0
  4. package/flags/sy.svg +1 -1
  5. package/flags/tz-zanzibar.svg +1 -0
  6. package/flags/tz.svg +1 -1
  7. package/package.json +1 -1
package/README.md CHANGED
@@ -13,32 +13,27 @@ https://hatscripts.github.io/circle-flags/flags/xx.svg
13
13
  For example, the following code:
14
14
 
15
15
  ```html
16
- <img src="https://hatscripts.github.io/circle-flags/flags/br.svg" width="48">
17
- <img src="https://hatscripts.github.io/circle-flags/flags/cn.svg" width="48">
18
- <img src="https://hatscripts.github.io/circle-flags/flags/gb.svg" width="48">
19
- <img src="https://hatscripts.github.io/circle-flags/flags/id.svg" width="48">
20
- <img src="https://hatscripts.github.io/circle-flags/flags/in.svg" width="48">
21
- <img src="https://hatscripts.github.io/circle-flags/flags/ng.svg" width="48">
22
- <img src="https://hatscripts.github.io/circle-flags/flags/ru.svg" width="48">
23
- <img src="https://hatscripts.github.io/circle-flags/flags/us.svg" width="48">
16
+ <img src="https://hatscripts.github.io/circle-flags/flags/br.svg" width="48" />
17
+ <img src="https://hatscripts.github.io/circle-flags/flags/cn.svg" width="48" />
18
+ <img src="https://hatscripts.github.io/circle-flags/flags/gb.svg" width="48" />
19
+ <img src="https://hatscripts.github.io/circle-flags/flags/id.svg" width="48" />
20
+ <img src="https://hatscripts.github.io/circle-flags/flags/in.svg" width="48" />
21
+ <img src="https://hatscripts.github.io/circle-flags/flags/ng.svg" width="48" />
22
+ <img src="https://hatscripts.github.io/circle-flags/flags/ru.svg" width="48" />
23
+ <img src="https://hatscripts.github.io/circle-flags/flags/us.svg" width="48" />
24
24
  ```
25
25
 
26
- ...produces this:<br/><br/>
27
- <img src="https://hatscripts.github.io/circle-flags/flags/br.svg" width="48">
28
- <img src="https://hatscripts.github.io/circle-flags/flags/cn.svg" width="48">
29
- <img src="https://hatscripts.github.io/circle-flags/flags/gb.svg" width="48">
30
- <img src="https://hatscripts.github.io/circle-flags/flags/id.svg" width="48">
31
- <img src="https://hatscripts.github.io/circle-flags/flags/in.svg" width="48">
32
- <img src="https://hatscripts.github.io/circle-flags/flags/ng.svg" width="48">
33
- <img src="https://hatscripts.github.io/circle-flags/flags/ru.svg" width="48">
34
- <img src="https://hatscripts.github.io/circle-flags/flags/us.svg" width="48">
26
+ ...produces this:<br/><br/> <img src="https://hatscripts.github.io/circle-flags/flags/br.svg" width="48"> <img src="https://hatscripts.github.io/circle-flags/flags/cn.svg" width="48"> <img src="https://hatscripts.github.io/circle-flags/flags/gb.svg" width="48"> <img src="https://hatscripts.github.io/circle-flags/flags/id.svg" width="48"> <img src="https://hatscripts.github.io/circle-flags/flags/in.svg" width="48"> <img src="https://hatscripts.github.io/circle-flags/flags/ng.svg" width="48"> <img src="https://hatscripts.github.io/circle-flags/flags/ru.svg" width="48"> <img src="https://hatscripts.github.io/circle-flags/flags/us.svg" width="48">
35
27
 
36
28
  To view all the available flags, check [the gallery](https://hatscripts.github.io/circle-flags/gallery).
37
29
 
38
30
  ### React
39
31
 
40
- If you're using [React](https://reactjs.org), you may want to try the
41
- [react-circle-flags](https://www.npmjs.com/package/react-circle-flags) package.
32
+ If you're using [React](https://reactjs.org), you may want to try the [react-circle-flags](https://www.npmjs.com/package/react-circle-flags) package.
33
+
34
+ ### SolidJS
35
+
36
+ If you're using [SolidJS](https://www.solidjs.com/), you may want to try the [solid-circle-flags](https://www.npmjs.com/package/solid-circle-flags) package.
42
37
 
43
38
  ### NPM
44
39
 
@@ -51,7 +46,7 @@ npm install --save https://github.com/HatScripts/circle-flags
51
46
  ### Userscripts
52
47
 
53
48
  - [Google Translate: Filter & Flags](https://github.com/HatScripts/google-translate-filter-and-flags) - Filters languages and shows country flags on Google Translate
54
- - [Wiktionary: Filter & Flags](https://github.com/HatScripts/wiktionary-filter-and-flags) - Filters languages and shows country flags on Wiktionary
49
+ - [Wiktionary: Filter & Flags](https://github.com/HatScripts/wiktionary-filter-and-flags) - Filters languages and shows country flags on Wiktionary
55
50
 
56
51
  ## Contributing
57
52
 
@@ -69,26 +64,25 @@ Then commit the changes, and submit them as a pull request.
69
64
 
70
65
  ### The color palette
71
66
 
72
- Submitted flags should conform to the following color palette.<br/>
73
- Try to match the flag's original colors with the nearest color from the palette.
74
-
75
- * `#eeeeee`: white
76
- * `#acabb1`: gray
77
- * `#333333`: black
78
- * `#a2001d`: dark red
79
- * `#d80027`: red
80
- * `#ff9811`: orange
81
- * `#ffda44`: yellow
82
- * `#6da544`: green
83
- * `#496e2d`: dark green
84
- * `#338af3`: light blue
85
- * `#0052b4`: blue
67
+ Submitted flags should conform to the following color palette.<br/> Try to match the flag's original colors with the nearest color from the palette.
68
+
69
+ - `#eeeeee`: white
70
+ - `#acabb1`: gray
71
+ - `#333333`: black
72
+ - `#a2001d`: dark red
73
+ - `#d80027`: red
74
+ - `#ff9811`: orange
75
+ - `#ffda44`: yellow
76
+ - `#6da544`: green
77
+ - `#496e2d`: dark green
78
+ - `#338af3`: light blue
79
+ - `#0052b4`: blue
86
80
 
87
81
  Special cases:
88
82
 
89
- * `#002266`: dark blue (only one usage: [<img src="https://hatscripts.github.io/circle-flags/flags/td.svg" width="16"> Chad](https://github.com/HatScripts/circle-flags/blob/gh-pages/flags/td.svg), to differentiate from [<img src="https://hatscripts.github.io/circle-flags/flags/ro.svg" width="16"> Romania](https://github.com/HatScripts/circle-flags/blob/gh-pages/flags/ro.svg))
90
- * `#4a1f63`: purple (only one usage: [<img src="https://hatscripts.github.io/circle-flags/flags/es-ib.svg" width="16"> Balearic Islands](https://github.com/HatScripts/circle-flags/blob/gh-pages/flags/es-ib.svg))
91
- * `#751a46`: dark pink (only one usage: [<img src="https://hatscripts.github.io/circle-flags/flags/qa.svg" width="16"> Qatar](https://github.com/HatScripts/circle-flags/blob/gh-pages/flags/qa.svg))
83
+ - `#002266`: dark blue (only one usage: [<img src="https://hatscripts.github.io/circle-flags/flags/td.svg" width="16"> Chad](https://github.com/HatScripts/circle-flags/blob/gh-pages/flags/td.svg), to differentiate from [<img src="https://hatscripts.github.io/circle-flags/flags/ro.svg" width="16"> Romania](https://github.com/HatScripts/circle-flags/blob/gh-pages/flags/ro.svg))
84
+ - `#4a1f63`: purple (only one usage: [<img src="https://hatscripts.github.io/circle-flags/flags/es-ib.svg" width="16"> Balearic Islands](https://github.com/HatScripts/circle-flags/blob/gh-pages/flags/es-ib.svg))
85
+ - `#751a46`: dark pink (only one usage: [<img src="https://hatscripts.github.io/circle-flags/flags/qa.svg" width="16"> Qatar](https://github.com/HatScripts/circle-flags/blob/gh-pages/flags/qa.svg))
92
86
 
93
87
  ## License
94
88
 
package/flags/am.svg CHANGED
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><mask id="a"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#a)"><path fill="#0052b4" d="m0 166.9 253-26.7L512 167v178l-261.1 26L0 344.8z"/><path fill="#d80027" d="M0 0h512v166.9H0z"/><path fill="#ff9811" d="M0 344.9h512V512H0z"/></g></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><mask id="a"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#a)"><path fill="#0052b4" d="m0 171 256-32 256 32v170l-256 32L0 341Z"/><path fill="#d80027" d="M0 0h512v171H0Z"/><path fill="#ff9811" d="M0 341h512v171H0Z"/></g></svg>
package/flags/artsakh.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><mask id="a"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#a)"><path fill="#0052b4" d="m0 171 256-32 256 32v170l-256 32L0 341Z"/><path fill="#d80027" d="M0 0h512v171H0Z"/><path fill="#ff9811" d="M0 341h512v171H0Z"/><path fill="#eee" d="M428 0v57h-43v57h-43v57h-43v57h-43v56h43v57h43v57h43v57h43v57h84v-57h-41v-57h-43v-57h-43v-57h-43v-56h43v-57h43v-57h43V57h41V0z"/></g></svg>
package/flags/sy.svg CHANGED
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><mask id="a"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#a)"><path fill="#eee" d="m0 167 253.8-19.3L512 167v178l-254.9 32.3L0 345z"/><path fill="#d80027" d="M0 0h512v167H0z"/><path fill="#333" d="M0 345h512v167H0z"/><path fill="#6da544" d="m153 194.8 13.8 42.5h44.7l-36.2 26.3 13.8 42.5-36.1-26.3-36.2 26.3 13.8-42.5-36.2-26.3h44.7zm206 0 13.9 42.5h44.7l-36.2 26.3 13.8 42.5-36.2-26.3-36.1 26.3 13.8-42.5-36.2-26.3h44.7z"/></g></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><mask id="a"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#a)"><path fill="#eee" d="m0 167 253.8-19.3L512 167v178l-254.9 32.3L0 345z"/><path d="M0 0h512v167H0z" fill="#496e2d"/><path fill="#333" d="M0 345h512v167H0z"/><path d="m110 200 36 112-95-69h117l-94 69zm146 0 36 112-94-69h117l-95 69zm146 0 36 112-94-69h117l-95 69z" fill="#d80027"/></g></svg>
package/flags/tz-zanzibar.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><mask id="a"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#a)"><path fill="#338af3" d="M512 0v170H0V0z"/><path fill="#ffda44" d="M200 0 0 132v38h56L256 38V0z"/><path fill="#333" d="M512 170v172H0V170zM222 0 0 148v22h34L256 22V0z"/><path fill="#6da544" d="M512 342v170H0V342zM0 132V0h200z"/></g></svg>
package/flags/tz.svg CHANGED
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><mask id="a"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#a)"><path fill="#eee" d="M0 0h512v512H0z"/><path fill="#ffda44" d="M399 0 167 167 0 399v45l68 68h45l232-167 167-232V68L444 0Z"/><path fill="#333" d="M444 0 0 444v68h68L512 68V0Z"/><path fill="#338af3" d="m113 512 399-399v399z"/><path fill="#6da544" d="M0 399V0h399Z"/></g></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><mask id="a"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#a)"><path fill="#ffda44" d="M399 0 0 399v45l68 68h45l399-399V68L444 0z"/><path fill="#333" d="M444 0 0 444v68h68L512 68V0z"/><path fill="#338af3" d="m113 512 399-399v399z"/><path fill="#6da544" d="M0 399V0h399z"/></g></svg>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "circle-flags",
3
- "version": "1.0.0",
3
+ "version": "1.0.2",
4
4
  "description": "A collection of circular SVG country flags.",
5
5
  "repository": {
6
6
  "type": "git",