@via-profit/ui-kit 0.3.0 → 0.4.0

package/ClickOutside/index.js

@@ -11,14 +11,19 @@ exports.mouseEventMap = {
     onMouseUp: 'mouseup',
 };
 const ClickOutside = props => {
-    const { children, mouseEvent = 'onMouseDown', onOutsideClick } = props;
+    const { children, mouseEvent = 'onMouseDown', onOutsideClick, ignoreElements } = props;
     const ref = react_1.default.useRef(null);
+    // A ref keeps an inline array from resubscribing the listener on every render
+    const ignoreElementsRef = react_1.default.useRef(ignoreElements);
+    ignoreElementsRef.current = ignoreElements;
     react_1.default.useEffect(() => {
         const mouseDownEvent = (event) => {
+            var _a;
             let parentElem = event.target;
             let needToClose = true;
             while (parentElem && 'parentNode' in parentElem) {
-                if (parentElem === ref.current) {
+                if (parentElem === ref.current ||
+                    ((_a = ignoreElementsRef.current) === null || _a === void 0 ? void 0 : _a.some(element => element === parentElem))) {
                     needToClose = false;
                     break;
                 }

package/Color/Color.d.ts

@@ -1,5 +1,5 @@
 import { ParsedColor } from './ColorParser';
-import { ColorGenerator } from './ColorGenerator';
+import { PaletteName } from './ColorGenerator';
 export type ColorFormat = 'rgb' | 'rgba' | 'hex' | 'hsl' | 'hsla';
 export declare class Color {
     private readonly _r;
@@ -30,7 +30,7 @@ export declare class Color {
     /**
      * Создает цвет из UUID (использует генератор)
      */
-    static fromUuid(uuid: string, palette?: keyof typeof ColorGenerator.getPalettes): Color;
+    static fromUuid(uuid: string, palette?: PaletteName): Color;
     /**
      * Создает цвет из строки с хешированием
      */
@@ -73,11 +73,11 @@ export declare class Color {
      */
     getContrast(other: Color | string): number;
     /**
-     * Проверяет, достаточно ли контрастен цвет для белого текста
+     * Проверяет, светлый ли цвет: относительная яркость больше 0.5
      */
     isLight(): boolean;
     /**
-     * Возвращает наиболее контрастный цвет (черный или белый)
+     * Возвращает цвет текста (черный или белый), наиболее контрастный с текущим цветом
      */
     getContrastColor(): Color;
     /**

package/Color/Color.js

@@ -126,16 +126,20 @@ class Color {
         return (brightest + 0.05) / (darkest + 0.05);
     }
     /**
-     * Проверяет, достаточно ли контрастен цвет для белого текста
+     * Проверяет, светлый ли цвет: относительная яркость больше 0.5
      */
     isLight() {
         return this.getLuminance() > 0.5;
     }
     /**
-     * Возвращает наиболее контрастный цвет (черный или белый)
+     * Возвращает цвет текста (черный или белый), наиболее контрастный с текущим цветом
      */
     getContrastColor() {
-        return this.isLight() ? Color.fromString('#000000') : Color.fromString('#FFFFFF');
+        const black = Color.fromString('#000000');
+        const white = Color.fromString('#FFFFFF');
+        // Compared by the contrast ratio: a luminance threshold picks white text
+        // for mid colors like orange, where black text is several times more readable
+        return this.getContrast(black) >= this.getContrast(white) ? black : white;
     }
     /**
      * Возвращает новый цвет, смешанный с другим цветом
@@ -297,9 +301,9 @@ class Color {
     static getHextByWebColor(value) {
         if (process.env.NODE_ENV !== 'production') {
             console.warn('[Color] getHextByWebColor() is deprecated. ' +
-                'Use Color.fromString(value).toHslString() instead');
+                'Use Color.fromString(value).toHexString() instead');
         }
-        return Color.fromString(value).toHslString();
+        return Color.fromString(value).toHexString();
     }
     /**
      * @deprecated Do not use.

package/Color/ColorGenerator.d.ts

@@ -4,7 +4,7 @@ export declare class ColorGenerator {
     /**
      * Генерирует цвет на основе UUID
      */
-    static fromUuid(uuid: string, palette?: keyof typeof ColorGenerator.palettes): Color;
+    static fromUuid(uuid: string, palette?: PaletteName): Color;
     /**
      * Генерирует цвет на основе строки с использованием хеш-функции
      */
@@ -26,4 +26,8 @@ export declare class ColorGenerator {
     };
     private static stringToHashCode;
 }
+/**
+ * Name of a palette of ColorGenerator: `pastel`, `vibrant`, `muted`, `autumn`, `ocean` or `forest`
+ */
+export type PaletteName = keyof ReturnType<typeof ColorGenerator.getPalettes>;
 export default ColorGenerator;

package/CountryFlags/AC.js

@@ -22,9 +22,13 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
-const AC = (props, ref) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 513 342", width: "1.5em", height: "1em" }, props, { ref: ref }),
+const isLabelled_1 = __importDefault(require("./isLabelled"));
+const AC = (props, ref) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 513 342", width: "1.5em", height: "1em", "aria-hidden": (0, isLabelled_1.default)(props) ? undefined : true, role: (0, isLabelled_1.default)(props) ? 'img' : undefined }, props, { ref: ref }),
     React.createElement("path", { fill: "#0052B4", d: "M0 0h513v342H0z" }),
     React.createElement("path", { fill: "#FFF", d: "M440.1 181.1c-.1 39.2-6.4 81.4-57.4 101.5-51.1-20.1-57.3-62.3-57.4-101.5h114.8z" }),
     React.createElement("path", { fill: "#29DBFF", d: "M439.6 197.7c-2.8 34.9-12.4 67.4-57 85-44.4-17.6-54.5-51.2-56.9-84.9" }),

package/CountryFlags/AD.js

@@ -22,9 +22,13 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
-const AD = (props, ref) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 513 342", width: "1.5em", height: "1em" }, props, { ref: ref }),
+const isLabelled_1 = __importDefault(require("./isLabelled"));
+const AD = (props, ref) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 513 342", width: "1.5em", height: "1em", "aria-hidden": (0, isLabelled_1.default)(props) ? undefined : true, role: (0, isLabelled_1.default)(props) ? 'img' : undefined }, props, { ref: ref }),
     React.createElement("style", null, '.st0{fill:#ffda44}.st1{fill:#0052b4}.st2{fill:#d80027}.st3,.st4{fill:none;stroke:#d80027;stroke-width:7;stroke-miterlimit:10}.st4{stroke-width:4}.st5{fill:#bc8b00}'),
     React.createElement("path", { fill: "#FFDA44", d: "M0 0h513v342H0z" }),
     React.createElement("path", { fill: "#0052B4", d: "M0 0h171v342H0z" }),

package/CountryFlags/AE.js

@@ -22,9 +22,13 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
-const AE = (props, ref) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 513 342", width: "1.5em", height: "1em" }, props, { ref: ref }),
+const isLabelled_1 = __importDefault(require("./isLabelled"));
+const AE = (props, ref) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 513 342", width: "1.5em", height: "1em", "aria-hidden": (0, isLabelled_1.default)(props) ? undefined : true, role: (0, isLabelled_1.default)(props) ? 'img' : undefined }, props, { ref: ref }),
     React.createElement("path", { fill: "#FFF", d: "M0 0h513v342H0z" }),
     React.createElement("path", { fill: "#009e49", d: "M0 0h513v114H0z" }),
     React.createElement("path", { d: "M0 228h513v114H0z" }),

package/CountryFlags/AF.js

@@ -22,9 +22,13 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
-const AF = (props, ref) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 513 342", width: "1.5em", height: "1em" }, props, { ref: ref }),
+const isLabelled_1 = __importDefault(require("./isLabelled"));
+const AF = (props, ref) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 513 342", width: "1.5em", height: "1em", "aria-hidden": (0, isLabelled_1.default)(props) ? undefined : true, role: (0, isLabelled_1.default)(props) ? 'img' : undefined }, props, { ref: ref }),
     React.createElement("path", { fill: "#DB3E00", d: "M0 0h513v342H0z" }),
     React.createElement("path", { fill: "#479900", d: "M331 0h182v342H331z" }),
     React.createElement("path", { d: "M0 0h181.8v342H0z" }),

package/CountryFlags/AG.js

@@ -22,9 +22,13 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
-const AG = (props, ref) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 513 342", width: "1.5em", height: "1em" }, props, { ref: ref }),
+const isLabelled_1 = __importDefault(require("./isLabelled"));
+const AG = (props, ref) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 513 342", width: "1.5em", height: "1em", "aria-hidden": (0, isLabelled_1.default)(props) ? undefined : true, role: (0, isLabelled_1.default)(props) ? 'img' : undefined }, props, { ref: ref }),
     React.createElement("path", { d: "M0 0h513v342H0z" }),
     React.createElement("path", { fill: "#0072c6", d: "M88.8 136.5c-2.2 12.9-3.4 26.2-3.4 39.8 0 13.6 1.2 27 3.4 39.8L256 228.3l167.2-12.1c2.2-12.9 3.4-26.2 3.4-39.8s-1.2-27-3.4-39.8" }),
     React.createElement("path", { fill: "#FFF", d: "M423.2 219H88.8c15.8 69.8 84.7 122.3 167.2 122.3S407.4 288.8 423.2 219z" }),

package/CountryFlags/AI.js

@@ -22,9 +22,13 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
-const AI = (props, ref) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 513 342", width: "1.5em", height: "1em" }, props, { ref: ref }),
+const isLabelled_1 = __importDefault(require("./isLabelled"));
+const AI = (props, ref) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 513 342", width: "1.5em", height: "1em", "aria-hidden": (0, isLabelled_1.default)(props) ? undefined : true, role: (0, isLabelled_1.default)(props) ? 'img' : undefined }, props, { ref: ref }),
     React.createElement("path", { fill: "#00318b", d: "M0 0h513v342H0z" }),
     React.createElement("path", { fill: "#FFF", d: "M454.8 265.38c7.94-10.93 13.24-24.27 13.24-40.42V104.89a59.754 59.754 0 0 1-36.02 12.01c-19.64 0-37.07-9.43-48.03-24.01-10.95 14.58-28.39 24.01-48.03 24.01-13.52 0-25.99-4.47-36.02-12v120.06c0 16.16 5.3 29.5 13.24 40.42H454.8z" }),
     React.createElement("path", { fill: "#8DCCFF", d: "M310.23 260.98C332.65 296.96 384 309 384 309s51.35-12.04 73.77-48.02H310.23z" }),

package/CountryFlags/AL.js

@@ -22,9 +22,13 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
-const AL = (props, ref) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 90 60", width: "1.5em", height: "1em" }, props, { ref: ref }),
+const isLabelled_1 = __importDefault(require("./isLabelled"));
+const AL = (props, ref) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 90 60", width: "1.5em", height: "1em", "aria-hidden": (0, isLabelled_1.default)(props) ? undefined : true, role: (0, isLabelled_1.default)(props) ? 'img' : undefined }, props, { ref: ref }),
     React.createElement("path", { fill: "#ED2024", d: "M0 0h90v60H0z" }),
     React.createElement("path", { fill: "#212121", d: "M32.5 12.2v16l7.1 2.5-5 4.9 2.4 3 5.3-5.5 1.2 2.3-3 4.9 3.6 5.6-1.8 2.6 2.8 3.6 2.7-3.7-1.5-2.6 3-5.8-2.7-4.6 1.2-2.3 5.2 5.5 2.5-2.9-5.2-5.1 7.2-2.6V12.2l-5.2 1.9-.1 3.8-3.3.3v-2.6l1.7-2.3 5.6-2.2-2.3-.4 1.4-1.2.9.4-.8-1.4L54 9l-1-1.1L47.5 9l1.4 1.1-3.8 4.9-3.8-4.8 1.3-1.1-5-1.2L36.2 9l-1.5-.4-.8 1.4.9-.6 1.6 1.1-2.3.5 5.5 2 1.6 2.3v2.9l-3.3-.3v-3.6z" }),
     React.createElement("g", { fill: "#212121" },

package/CountryFlags/AM.js

@@ -22,9 +22,13 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
-const AM = (props, ref) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 513 342", width: "1.5em", height: "1em" }, props, { ref: ref }),
+const isLabelled_1 = __importDefault(require("./isLabelled"));
+const AM = (props, ref) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 513 342", width: "1.5em", height: "1em", "aria-hidden": (0, isLabelled_1.default)(props) ? undefined : true, role: (0, isLabelled_1.default)(props) ? 'img' : undefined }, props, { ref: ref }),
     React.createElement("path", { fill: "#0052B4", d: "M0 0h513v342H0z" }),
     React.createElement("path", { fill: "#D80027", d: "M0 0h513v114H0z" }),
     React.createElement("path", { fill: "#FF9811", d: "M0 228h513v114H0z" })));

package/CountryFlags/AO.js

@@ -22,9 +22,13 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
-const AO = (props, ref) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 513 342", width: "1.5em", height: "1em" }, props, { ref: ref }),
+const isLabelled_1 = __importDefault(require("./isLabelled"));
+const AO = (props, ref) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 513 342", width: "1.5em", height: "1em", "aria-hidden": (0, isLabelled_1.default)(props) ? undefined : true, role: (0, isLabelled_1.default)(props) ? 'img' : undefined }, props, { ref: ref }),
     React.createElement("path", { d: "M0 171h513v171H0z" }),
     React.createElement("path", { fill: "#D80027", className: "st0", d: "M0 0h513v171H0z" }),
     React.createElement("g", { fill: "#FFDA44" },

package/CountryFlags/AQ.js

@@ -22,9 +22,13 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
-const AQ = (props, ref) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 744 496", width: "1.5em", height: "1em" }, props, { ref: ref }),
+const isLabelled_1 = __importDefault(require("./isLabelled"));
+const AQ = (props, ref) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 744 496", width: "1.5em", height: "1em", "aria-hidden": (0, isLabelled_1.default)(props) ? undefined : true, role: (0, isLabelled_1.default)(props) ? 'img' : undefined }, props, { ref: ref }),
     React.createElement("path", { fill: "#3A7DCE", d: "M0 0h744v496H0V0z" }),
     React.createElement("path", { fill: "#fff", d: "m120 125 90 63 54-14 23-81 61-36 92 14 105 55 6 90 34 12v92l-65 115-78 24-72-17 18-30-8-32-10 9-162-25-49-85 20-46-49-62z" })));
 exports.default = React.forwardRef(AQ);

package/CountryFlags/AR.js

@@ -22,9 +22,13 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
-const AR = (props, ref) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 513 342", width: "1.5em", height: "1em" }, props, { ref: ref }),
+const isLabelled_1 = __importDefault(require("./isLabelled"));
+const AR = (props, ref) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 513 342", width: "1.5em", height: "1em", "aria-hidden": (0, isLabelled_1.default)(props) ? undefined : true, role: (0, isLabelled_1.default)(props) ? 'img' : undefined }, props, { ref: ref }),
     React.createElement("path", { fill: "#FFF", d: "M0 0h512v342H0z" }),
     React.createElement("path", { fill: "#338AF3", d: "M0 0h512v114H0zM0 228h512v114H0z" }),
     React.createElement("circle", { fill: "#FFDA44", stroke: "#d6ab00", strokeWidth: "5", cx: "256.5", cy: "171", r: "40" })));

package/CountryFlags/AS.js

@@ -22,9 +22,13 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
-const AS = (props, ref) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 513 342", width: "1.5em", height: "1em" }, props, { ref: ref }),
+const isLabelled_1 = __importDefault(require("./isLabelled"));
+const AS = (props, ref) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 513 342", width: "1.5em", height: "1em", "aria-hidden": (0, isLabelled_1.default)(props) ? undefined : true, role: (0, isLabelled_1.default)(props) ? 'img' : undefined }, props, { ref: ref }),
     React.createElement("path", { fill: "#10338c", d: "M0 0h513v342H0z" }),
     React.createElement("path", { fill: "#D80027", d: "M513 33 95.3 171 513 310.76V342L0 171 513 0z" }),
     React.createElement("path", { fill: "#FFF", d: "M513 287.18v24.58L81.72 171 513 30v24.16" }),

package/CountryFlags/AT.js

@@ -22,9 +22,13 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
-const AT = (props, ref) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 513 342", width: "1.5em", height: "1em" }, props, { ref: ref }),
+const isLabelled_1 = __importDefault(require("./isLabelled"));
+const AT = (props, ref) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 513 342", width: "1.5em", height: "1em", "aria-hidden": (0, isLabelled_1.default)(props) ? undefined : true, role: (0, isLabelled_1.default)(props) ? 'img' : undefined }, props, { ref: ref }),
     React.createElement("path", { fill: "#FFF", d: "M0 114h513v114H0z" }),
     React.createElement("path", { fill: "#D80027", d: "M0 0h513v114H0zM0 228h513v114H0z" })));
 exports.default = React.forwardRef(AT);

package/CountryFlags/AU.js

@@ -22,9 +22,13 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
-const AU = (props, ref) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 513 342", width: "1.5em", height: "1em" }, props, { ref: ref }),
+const isLabelled_1 = __importDefault(require("./isLabelled"));
+const AU = (props, ref) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 513 342", width: "1.5em", height: "1em", "aria-hidden": (0, isLabelled_1.default)(props) ? undefined : true, role: (0, isLabelled_1.default)(props) ? 'img' : undefined }, props, { ref: ref }),
     React.createElement("path", { fill: "#10338c", d: "M0 0h513v342H0z" }),
     React.createElement("g", { fill: "#FFF" },
         React.createElement("path", { d: "M222.2 170.7c.3-.3.5-.6.8-.9-.2.3-.5.6-.8.9zM188 212.6l11 22.9 24.7-5.7-11 22.8 19.9 15.8-24.8 5.6.1 25.4-19.9-15.9-19.8 15.9.1-25.4-24.8-5.6 19.9-15.8-11.1-22.8 24.8 5.7zM385.9 241.1l5.2 10.9 11.8-2.7-5.3 10.9 9.5 7.5-11.8 2.6v12.2l-9.4-7.6-9.5 7.6.1-12.2-11.8-2.6 9.5-7.5-5.3-10.9 11.8 2.7zM337.3 125.1l5.2 10.9 11.8-2.7-5.3 10.9 9.5 7.5-11.8 2.7v12.1l-9.4-7.6-9.5 7.6.1-12.1-11.9-2.7 9.5-7.5-5.3-10.9L332 136zM385.9 58.9l5.2 10.9 11.8-2.7-5.3 10.9 9.5 7.5-11.8 2.7v12.1l-9.4-7.6-9.5 7.6.1-12.1-11.8-2.7 9.5-7.5-5.3-10.9 11.8 2.7zM428.4 108.6l5.2 10.9 11.8-2.7-5.3 10.9 9.5 7.5-11.8 2.6V150l-9.4-7.6-9.5 7.6v-12.2l-11.8-2.6 9.5-7.5-5.3-10.9 11.8 2.7zM398 166.5l4.1 12.7h13.3l-10.8 7.8 4.2 12.7-10.8-7.9-10.8 7.9 4.1-12.7-10.7-7.8h13.3z" }),

package/CountryFlags/AW.js

@@ -22,9 +22,13 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
-const AW = (props, ref) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 363 242", width: "1.5em", height: "1em" }, props, { ref: ref }),
+const isLabelled_1 = __importDefault(require("./isLabelled"));
+const AW = (props, ref) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 363 242", width: "1.5em", height: "1em", "aria-hidden": (0, isLabelled_1.default)(props) ? undefined : true, role: (0, isLabelled_1.default)(props) ? 'img' : undefined }, props, { ref: ref }),
     React.createElement("path", { fill: "#338AF3", d: "M0 0h363v242H0z" }),
     React.createElement("path", { fill: "#FFF", d: "M57 96.9 14.7 78.2 57 59.6l18.6-42.2 18.6 42.2 42.3 18.6-42.3 18.7-18.6 42.2z" }),
     React.createElement("path", { fill: "#f30028", d: "m75.6 40.6 11.5 26.1 26.1 11.5-26.1 11.5-11.5 26.1-11.5-26.1L38 78.2l26.1-11.5z" }),

package/CountryFlags/AX.js

@@ -22,9 +22,13 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
-const AX = (props, ref) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 513 342", width: "1.5em", height: "1em" }, props, { ref: ref }),
+const isLabelled_1 = __importDefault(require("./isLabelled"));
+const AX = (props, ref) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 513 342", width: "1.5em", height: "1em", "aria-hidden": (0, isLabelled_1.default)(props) ? undefined : true, role: (0, isLabelled_1.default)(props) ? 'img' : undefined }, props, { ref: ref }),
     React.createElement("path", { fill: "#0052B4", d: "M0 0h513v342H0z" }),
     React.createElement("path", { fill: "#FFDA44", d: "M513 210.9H202.2V342h-79.8V210.9H0V131.1h122.4V0h79.8v131.1H513v61.2z" }),
     React.createElement("path", { fill: "#D80027", d: "M513 149.7v42.6H183.7V342H141V192.3H0v-42.6h141V0h42.7v149.7z" })));

package/CountryFlags/AZ.js

@@ -22,9 +22,13 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
-const AZ = (props, ref) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 513 342", width: "1.5em", height: "1em" }, props, { ref: ref }),
+const isLabelled_1 = __importDefault(require("./isLabelled"));
+const AZ = (props, ref) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 513 342", width: "1.5em", height: "1em", "aria-hidden": (0, isLabelled_1.default)(props) ? undefined : true, role: (0, isLabelled_1.default)(props) ? 'img' : undefined }, props, { ref: ref }),
     React.createElement("path", { fill: "#ef3340", d: "M0 0h513v342H0z" }),
     React.createElement("path", { fill: "#00b5e2", d: "M0 0h513v114H0z" }),
     React.createElement("path", { fill: "#509e2f", d: "M0 228h513v114H0z" }),

package/CountryFlags/BA.js

@@ -22,9 +22,13 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
-const BA = (props, ref) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 513 342", width: "1.5em", height: "1em" }, props, { ref: ref }),
+const isLabelled_1 = __importDefault(require("./isLabelled"));
+const BA = (props, ref) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 513 342", width: "1.5em", height: "1em", "aria-hidden": (0, isLabelled_1.default)(props) ? undefined : true, role: (0, isLabelled_1.default)(props) ? 'img' : undefined }, props, { ref: ref }),
     React.createElement("path", { fill: "#10338C", d: "M0 0h513.1v342H0z" }),
     React.createElement("path", { fill: "#F6C500", d: "M99.9 0h342v342" }),
     React.createElement("g", { fill: "#FFF" },

package/CountryFlags/BB.js

@@ -22,9 +22,13 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
-const BB = (props, ref) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 513 342", width: "1.5em", height: "1em" }, props, { ref: ref }),
+const isLabelled_1 = __importDefault(require("./isLabelled"));
+const BB = (props, ref) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 513 342", width: "1.5em", height: "1em", "aria-hidden": (0, isLabelled_1.default)(props) ? undefined : true, role: (0, isLabelled_1.default)(props) ? 'img' : undefined }, props, { ref: ref }),
     React.createElement("path", { fill: "#ffc726", d: "M0 0h513v342H0z" }),
     React.createElement("g", { fill: "#00267f" },
         React.createElement("path", { d: "M0 0h171v342H0zM342 0h171v342H342z" })),

package/CountryFlags/BD.js

@@ -22,9 +22,13 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
-const BD = (props, ref) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 85.333 513 342", width: "1.5em", height: "1em" }, props, { ref: ref }),
+const isLabelled_1 = __importDefault(require("./isLabelled"));
+const BD = (props, ref) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 85.333 513 342", width: "1.5em", height: "1em", "aria-hidden": (0, isLabelled_1.default)(props) ? undefined : true, role: (0, isLabelled_1.default)(props) ? 'img' : undefined }, props, { ref: ref }),
     React.createElement("path", { fill: "#2d6e41", d: "M0 85.331h513v342H0z" }),
     React.createElement("circle", { fill: "#F40B32", cx: "218.902", cy: "256.5", r: "115" })));
 exports.default = React.forwardRef(BD);

package/CountryFlags/BE.js

@@ -22,9 +22,13 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
-const BE = (props, ref) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 513 342", width: "1.5em", height: "1em" }, props, { ref: ref }),
+const isLabelled_1 = __importDefault(require("./isLabelled"));
+const BE = (props, ref) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 513 342", width: "1.5em", height: "1em", "aria-hidden": (0, isLabelled_1.default)(props) ? undefined : true, role: (0, isLabelled_1.default)(props) ? 'img' : undefined }, props, { ref: ref }),
     React.createElement("path", { fill: "#fdda25", d: "M0 0h513v342H0z" }),
     React.createElement("path", { d: "M0 0h171v342H0z" }),
     React.createElement("path", { fill: "#ef3340", d: "M342 0h171v342H342z" })));

package/CountryFlags/BF.js

@@ -22,9 +22,13 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
-const BF = (props, ref) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 513 342", width: "1.5em", height: "1em" }, props, { ref: ref }),
+const isLabelled_1 = __importDefault(require("./isLabelled"));
+const BF = (props, ref) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 513 342", width: "1.5em", height: "1em", "aria-hidden": (0, isLabelled_1.default)(props) ? undefined : true, role: (0, isLabelled_1.default)(props) ? 'img' : undefined }, props, { ref: ref }),
     React.createElement("path", { fill: "#3d944f", d: "M0 0h513v342H0z" }),
     React.createElement("path", { fill: "#ef2b2d", d: "M0 0h513v171H0z" }),
     React.createElement("path", { fill: "#FFDA44", d: "m256 102.6 16.9 52h54.7l-44.2 32.2 16.8 52-44.2-32.1-44.2 32.1 16.8-52-44.2-32.2h54.7z" })));

package/CountryFlags/BG.js

@@ -22,9 +22,13 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
-const BG = (props, ref) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 513 342", width: "1.5em", height: "1em" }, props, { ref: ref }),
+const isLabelled_1 = __importDefault(require("./isLabelled"));
+const BG = (props, ref) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 513 342", width: "1.5em", height: "1em", "aria-hidden": (0, isLabelled_1.default)(props) ? undefined : true, role: (0, isLabelled_1.default)(props) ? 'img' : undefined }, props, { ref: ref }),
     React.createElement("path", { fill: "#00966e", d: "M0 0h513v342H0z" }),
     React.createElement("path", { fill: "#FFF", d: "M0 0h513v114H0z" }),
     React.createElement("path", { fill: "#d62612", d: "M0 228h513v114H0z" })));

package/CountryFlags/BH.js

@@ -22,9 +22,13 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
-const BH = (props, ref) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 513 342", width: "1.5em", height: "1em" }, props, { ref: ref }),
+const isLabelled_1 = __importDefault(require("./isLabelled"));
+const BH = (props, ref) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 513 342", width: "1.5em", height: "1em", "aria-hidden": (0, isLabelled_1.default)(props) ? undefined : true, role: (0, isLabelled_1.default)(props) ? 'img' : undefined }, props, { ref: ref }),
     React.createElement("path", { fill: "#D80027", d: "M0 0h513v342H0z" }),
     React.createElement("path", { fill: "#FFF", d: "m222.8 34.3-85.2 34.2 85.2 34.1-85.2 34.1 85.2 34.1-85.2 34.1 85.2 34.1-85.2 34.1 85.2 34.1-85.2 34.8H0V0h137.6z" })));
 exports.default = React.forwardRef(BH);

package/CountryFlags/BI.js

@@ -22,9 +22,13 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
-const BI = (props, ref) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 513 342", width: "1.5em", height: "1em" }, props, { ref: ref }),
+const isLabelled_1 = __importDefault(require("./isLabelled"));
+const BI = (props, ref) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 513 342", width: "1.5em", height: "1em", "aria-hidden": (0, isLabelled_1.default)(props) ? undefined : true, role: (0, isLabelled_1.default)(props) ? 'img' : undefined }, props, { ref: ref }),
     React.createElement("path", { fill: "#D80027", d: "M0 0h513v342H0z" }),
     React.createElement("g", { fill: "#47a644" },
         React.createElement("path", { d: "M215.9 170.7 0 314.6V26.8zM513 26.8v287.8L297.1 170.7z" })),

package/CountryFlags/BJ.js

@@ -22,9 +22,13 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
-const BJ = (props, ref) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 85.333 513 342", width: "1.5em", height: "1em" }, props, { ref: ref }),
+const isLabelled_1 = __importDefault(require("./isLabelled"));
+const BJ = (props, ref) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 85.333 513 342", width: "1.5em", height: "1em", "aria-hidden": (0, isLabelled_1.default)(props) ? undefined : true, role: (0, isLabelled_1.default)(props) ? 'img' : undefined }, props, { ref: ref }),
     React.createElement("path", { fill: "#008751", d: "M0 85.333h513v342H0z" }),
     React.createElement("path", { fill: "#fcd116", d: "M196.666 85.333H513v171H196.666z" }),
     React.createElement("path", { fill: "#e8112d", d: "M196.666 256H513v171H196.666z" })));

package/CountryFlags/BL.js

@@ -22,9 +22,13 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
-const BL = (props, ref) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 513 342", width: "1.5em", height: "1em" }, props, { ref: ref }),
+const isLabelled_1 = __importDefault(require("./isLabelled"));
+const BL = (props, ref) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 513 342", width: "1.5em", height: "1em", "aria-hidden": (0, isLabelled_1.default)(props) ? undefined : true, role: (0, isLabelled_1.default)(props) ? 'img' : undefined }, props, { ref: ref }),
     React.createElement("path", { fill: "#FFF", d: "M0 0h513v342H0z" }),
     React.createElement("path", { fill: "#E6BC00", d: "M157.31 199.76s-9.04 43.93-19.31 40.39c-10.62-3.54-17.53-18.76-17.53-18.76l-14.52 21.24s38.18 8.48 41.01 5.47c1.22-1.14 8.21-15.1 10.34-26.05v-22.29zm-56.13 60.57s-2.48 20.18-1.06 22.66c1.24 2.3 39.48 11.33 39.48 11.33s-24.96 16.46-29.74 20.54L91.8 284.94l-.71-24.61h10.09zM112.51 94.64s39.65 41.6 40.36 45.5c.71 3.72-4.25 3.19-4.25 3.19s-44.79-37.53-49.92-41.07c-5.31-3.55 13.81-7.62 13.81-7.62z" }),
     React.createElement("path", { fill: "#ADADAD", d: "M99.41 104.73s16.99-.71 16.64-11.51c-.35-10.62-11.15-14.87-19.12-12.39-7.97 2.3-23.01 13.45-13.63 35.05 9.38 21.42 23.37 29.39 26.2 47.8 0 0-5.46 9.86-19.12.35-16.9-11.77-6.2-38.24-10.44-44.96-4.25-7.08-40.95-38.92-40.95-38.92s-30.24 39.37-18 74.92c16.95 49.21 51.74 31.98 64.61 36.76 0 0-42.13 61.96-49.57 67.09 0 0 24.08 8.32 47.8-18.76 0 0 5.84 9.74 7.08 20.18h10.27c4.78-26.2 51.51-64.26 49.92-82.32-1.77-21.25-49.21-49.39-51.69-73.29z" }),

package/CountryFlags/BM.js

@@ -22,9 +22,13 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = __importStar(require("react"));
-const BM = (props, ref) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 513 342", width: "1.5em", height: "1em" }, props, { ref: ref }),
+const isLabelled_1 = __importDefault(require("./isLabelled"));
+const BM = (props, ref) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 513 342", width: "1.5em", height: "1em", "aria-hidden": (0, isLabelled_1.default)(props) ? undefined : true, role: (0, isLabelled_1.default)(props) ? 'img' : undefined }, props, { ref: ref }),
     React.createElement("path", { fill: "#c8102e", d: "M0 0h513v342H0z" }),
     React.createElement("path", { fill: "#012169", d: "M0 .1h256.5v171H0z" }),
     React.createElement("path", { fill: "#FFF", d: "M256 0h-22.6L160 48.9V0H96v48.9L22.6 0H0v22.7l46.1 30.7H0v64h46.1L0 148.1v22.6h22.6L96 121.8v48.9h64v-48.9l73.4 48.9H256v-22.6l-46.1-30.7H256v-64h-46.1L256 22.7z" }),