mar-design-system 0.1.7 → 0.1.8
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.
- package/dist/index.esm.js +13 -4
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +13 -4
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.esm.js
CHANGED
|
@@ -925,7 +925,7 @@ const RoundZimbabwe = () => {
|
|
|
925
925
|
return (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 32 32", children: [jsxs("g", { children: [jsx("path", { fill: "white", d: "M16 32C24.8366 32 32 24.8366 32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32Z" }), jsx("path", { fill: "#FFDA2C", d: "M30.4683 9.16271C29.6554 7.44558 28.546 5.89665 27.206 4.58133L15.9998 3.47827 4.7935 4.5814C4.75775 4.61646 4.72287 4.65233 4.6875 4.68777L9.1625 9.16277 15.9998 9.37158 30.4683 9.16271ZM4.6875 27.3123C4.74637 27.3712 4.80512 27.4301 4.86487 27.4881L15.9999 28.5216 27.1349 27.4881C28.4887 26.1756 29.6117 24.6266 30.436 22.9067L9.739 22.2607C7.95819 24.0416 5.90419 26.0955 4.6875 27.3123Z" }), jsx("path", { fill: "black", d: "M31.8413 13.744L13.2178 13.2173L16.0004 15.9999C15.1762 16.8241 13.9458 18.0545 13.2178 18.7825L31.8315 18.3254C31.9421 17.5661 32.0004 16.7898 32.0004 15.9999C32.0004 15.234 31.9454 14.4812 31.8413 13.744Z" }), jsx("path", { fill: "#6DA544", d: "M16.0002 0C11.6359 0 7.68057 1.74813 4.79395 4.58138H27.2064C24.3198 1.74813 20.3644 0 16.0002 0Z" }), jsx("path", { fill: "#F93939", d: "M13.7435 13.744H31.8403C31.612 12.1265 31.1422 10.5869 30.468 9.1626H9.16211L13.7435 13.744ZM9.09277 22.9066H30.4358C31.1179 21.4833 31.5951 19.9435 31.8308 18.3252H13.6741C11.9 20.0994 10.3963 21.603 9.09277 22.9066Z" }), jsx("path", { fill: "#6DA544", d: "M16.0002 32.0001C20.3286 32.0001 24.2549 30.2806 27.1351 27.4883H4.86523C7.74548 30.2806 11.6717 32.0001 16.0002 32.0001Z" }), jsx("path", { fill: "black", d: "M5.71371 3.74585C5.35802 4.04472 5.01484 4.35804 4.68652 4.68622L16.0003 16L4.68652 27.3137C5.01477 27.642 5.35802 27.9552 5.71371 28.2541L17.9678 16L5.71371 3.74585Z" }), jsx("path", { fill: "#F93939", d: "M6.43257 11.8262L7.46851 15.0147H10.8213L8.10894 16.9854L9.14495 20.174L6.43257 18.2034L3.72013 20.174L4.75626 16.9854L2.04395 15.0147H5.39657L6.43257 11.8262Z" }), jsx("path", { fill: "#FFDA2C", d: "M9.28213 16.2611L6.58226 15.3046C6.58226 15.3046 6.38276 13.4332 6.3707 13.3697C6.27907 12.887 5.85488 12.522 5.34551 12.522C4.76926 12.522 4.30201 12.9892 4.30201 13.5655C4.30201 13.661 4.31595 13.7531 4.34001 13.8411L3.58301 14.6032H4.92901C4.92901 16.0002 3.88651 16.0002 3.88651 17.3915L4.46482 18.7828H7.94307L8.52282 17.3915H8.52257C8.58063 17.258 8.61588 17.1203 8.63045 16.9828C9.1302 16.7807 9.28213 16.2611 9.28213 16.2611Z" })] }), jsx("defs", { children: jsx("clipPath", { id: "a", children: jsx("path", { fill: "white", d: "M0 0H32V32H0z" }) }) })] }));
|
|
926
926
|
};
|
|
927
927
|
|
|
928
|
-
|
|
928
|
+
const roundedFlags = {
|
|
929
929
|
af: jsx(RoundAfghanistan, {}),
|
|
930
930
|
ax: jsx(RoundAlandIslands, {}),
|
|
931
931
|
al: jsx(RoundAlbania, {}),
|
|
@@ -1177,7 +1177,7 @@ const RoundZimbabwe = () => {
|
|
|
1177
1177
|
zm: jsx(RoundZambia, {}),
|
|
1178
1178
|
zw: jsx(RoundZimbabwe, {}),
|
|
1179
1179
|
zz: jsx(RoundMissingCountry, {}),
|
|
1180
|
-
}
|
|
1180
|
+
};
|
|
1181
1181
|
|
|
1182
1182
|
const SquareAfghanistan = () => {
|
|
1183
1183
|
return (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 22 16", children: [jsx("g", { clipPath: "url(#a)", children: jsxs("g", { clipPath: "url(#b)", children: [jsx("path", { fill: "#F93939", d: "M19.9048 0H2.09524C.93807 0 0 .955126 0 2.13333V13.8667C0 15.0449.93807 16 2.09524 16H19.9048C21.0619 16 22 15.0449 22 13.8667V2.13333C22 .955126 21.0619 0 19.9048 0Z" }), jsx("path", { fill: "#151515", fillRule: "evenodd", d: "M0 0h7v16H0V0Z", clipRule: "evenodd" }), jsx("path", { fill: "#249F58", fillRule: "evenodd", d: "M15 0h7v16h-7V0Z", clipRule: "evenodd" }), jsx("path", { fill: "#fff", fillRule: "evenodd", d: "M11 10.6666c1.4457 0 2.619-1.19468 2.619-2.66668S12.4457 5.33325 11 5.33325c-1.44572 0-2.61905 1.19467-2.61905 2.66667S9.55428 10.6666 11 10.6666Zm0-1.06668c.8674 0 1.5714-.95467 1.5714-2.13333 0-1.17867-.704-2.13334-1.5714-2.13334s-1.57143.95467-1.57143 2.13334c0 1.17866.70403 2.13333 1.57143 2.13333Zm0-1.06667c.2891 0 .5238-.47786.5238-1.06666S11.2891 6.39992 11 6.39992s-.5238.47787-.5238 1.06667.2347 1.06666.5238 1.06666Z", clipRule: "evenodd" })] }) }), jsxs("defs", { children: [jsx("clipPath", { id: "a", children: jsx("path", { fill: "#fff", d: "M0 0h22v16H0z" }) }), jsx("clipPath", { id: "b", children: jsx("rect", { width: "22", height: "16", fill: "#fff", rx: "2" }) })] })] }));
|
|
@@ -1975,7 +1975,7 @@ const SquareZimbabwe = () => {
|
|
|
1975
1975
|
return (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 22 16", children: [jsx("g", { clipPath: "url(#a)", children: jsxs("g", { clipPath: "url(#b)", children: [jsx("rect", { width: "22", height: "16", fill: "#249F58", rx: "2" }), jsx("path", { fill: "#FFDA2C", fillRule: "evenodd", d: "M0 2.1333H22V13.8666H0V2.1333Z", clipRule: "evenodd" }), jsx("path", { fill: "#F93939", fillRule: "evenodd", d: "M0 4.2666H22V11.7333H0V4.2666Z", clipRule: "evenodd" }), jsx("path", { fill: "#151515", fillRule: "evenodd", d: "M0 6.3999H22V9.5999H0V6.3999Z", clipRule: "evenodd" }), jsx("path", { fill: "#151515", fillRule: "evenodd", d: "M1.04762 0L12.5714 8L1.04762 16H0V0", clipRule: "evenodd" }), jsx("path", { fill: "white", fillRule: "evenodd", d: "M0 0L11.5238 8L0 16V0Z", clipRule: "evenodd" }), jsx("path", { fill: "#F93939", fillRule: "evenodd", d: "M4.71389 9.3335L3.17389 10.158L3.46723 8.4119L2.22266 7.17456L3.94389 6.92176L4.71389 5.3335L5.48389 6.92283L7.20513 7.17563L5.95847 8.41296L6.2518 10.158", clipRule: "evenodd" }), jsx("path", { fill: "#FFDA2C", fillRule: "evenodd", d: "M3.14258 9.5999H6.28544V8.53324L5.23782 7.46657C5.23782 7.46657 5.23782 6.3999 4.1902 6.3999H3.14258L4.1902 7.46657L3.14258 9.5999Z", clipRule: "evenodd" })] }) }), jsxs("defs", { children: [jsx("clipPath", { id: "a", children: jsx("path", { fill: "white", d: "M0 0H22V16H0z" }) }), jsx("clipPath", { id: "b", children: jsx("rect", { width: "22", height: "16", fill: "white", rx: "2" }) })] })] }));
|
|
1976
1976
|
};
|
|
1977
1977
|
|
|
1978
|
-
|
|
1978
|
+
const squareFlags = {
|
|
1979
1979
|
af: jsx(SquareAfghanistan, {}),
|
|
1980
1980
|
ax: jsx(SquareMissingCountry, {}),
|
|
1981
1981
|
al: jsx(SquareAlbania, {}),
|
|
@@ -2227,7 +2227,14 @@ const SquareZimbabwe = () => {
|
|
|
2227
2227
|
zm: jsx(SquareZambia, {}),
|
|
2228
2228
|
zw: jsx(SquareZimbabwe, {}),
|
|
2229
2229
|
zz: jsx(SquareMissingCountry, {}),
|
|
2230
|
-
}
|
|
2230
|
+
};
|
|
2231
|
+
|
|
2232
|
+
const BordFlag = ({ country = 'zz', variant, standardSize = 12, customWidth }) => {
|
|
2233
|
+
const flags = variant === 'circle' ? roundedFlags : squareFlags;
|
|
2234
|
+
const standardSizeStyle = `${(standardSize / 10).toFixed(1)}rem`;
|
|
2235
|
+
const flagWidth = customWidth || standardSizeStyle;
|
|
2236
|
+
return (jsx("div", { className: "bordFlag", style: { width: flagWidth }, children: flags[country || 'zz'] }));
|
|
2237
|
+
};
|
|
2231
2238
|
|
|
2232
2239
|
/******************************************************************************
|
|
2233
2240
|
Copyright (c) Microsoft Corporation.
|
|
@@ -2258,4 +2265,6 @@ var FORM_COMPONENTS_STANDARD_SIZES;
|
|
|
2258
2265
|
FORM_COMPONENTS_STANDARD_SIZES["MD"] = "w-280";
|
|
2259
2266
|
FORM_COMPONENTS_STANDARD_SIZES["LG"] = "w-380";
|
|
2260
2267
|
})(FORM_COMPONENTS_STANDARD_SIZES || (FORM_COMPONENTS_STANDARD_SIZES = {}));
|
|
2268
|
+
|
|
2269
|
+
export { BordFlag };
|
|
2261
2270
|
//# sourceMappingURL=index.esm.js.map
|
package/dist/index.esm.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/index.js
CHANGED
|
@@ -927,7 +927,7 @@ const RoundZimbabwe = () => {
|
|
|
927
927
|
return (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 32 32", children: [jsxRuntime.jsxs("g", { children: [jsxRuntime.jsx("path", { fill: "white", d: "M16 32C24.8366 32 32 24.8366 32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32Z" }), jsxRuntime.jsx("path", { fill: "#FFDA2C", d: "M30.4683 9.16271C29.6554 7.44558 28.546 5.89665 27.206 4.58133L15.9998 3.47827 4.7935 4.5814C4.75775 4.61646 4.72287 4.65233 4.6875 4.68777L9.1625 9.16277 15.9998 9.37158 30.4683 9.16271ZM4.6875 27.3123C4.74637 27.3712 4.80512 27.4301 4.86487 27.4881L15.9999 28.5216 27.1349 27.4881C28.4887 26.1756 29.6117 24.6266 30.436 22.9067L9.739 22.2607C7.95819 24.0416 5.90419 26.0955 4.6875 27.3123Z" }), jsxRuntime.jsx("path", { fill: "black", d: "M31.8413 13.744L13.2178 13.2173L16.0004 15.9999C15.1762 16.8241 13.9458 18.0545 13.2178 18.7825L31.8315 18.3254C31.9421 17.5661 32.0004 16.7898 32.0004 15.9999C32.0004 15.234 31.9454 14.4812 31.8413 13.744Z" }), jsxRuntime.jsx("path", { fill: "#6DA544", d: "M16.0002 0C11.6359 0 7.68057 1.74813 4.79395 4.58138H27.2064C24.3198 1.74813 20.3644 0 16.0002 0Z" }), jsxRuntime.jsx("path", { fill: "#F93939", d: "M13.7435 13.744H31.8403C31.612 12.1265 31.1422 10.5869 30.468 9.1626H9.16211L13.7435 13.744ZM9.09277 22.9066H30.4358C31.1179 21.4833 31.5951 19.9435 31.8308 18.3252H13.6741C11.9 20.0994 10.3963 21.603 9.09277 22.9066Z" }), jsxRuntime.jsx("path", { fill: "#6DA544", d: "M16.0002 32.0001C20.3286 32.0001 24.2549 30.2806 27.1351 27.4883H4.86523C7.74548 30.2806 11.6717 32.0001 16.0002 32.0001Z" }), jsxRuntime.jsx("path", { fill: "black", d: "M5.71371 3.74585C5.35802 4.04472 5.01484 4.35804 4.68652 4.68622L16.0003 16L4.68652 27.3137C5.01477 27.642 5.35802 27.9552 5.71371 28.2541L17.9678 16L5.71371 3.74585Z" }), jsxRuntime.jsx("path", { fill: "#F93939", d: "M6.43257 11.8262L7.46851 15.0147H10.8213L8.10894 16.9854L9.14495 20.174L6.43257 18.2034L3.72013 20.174L4.75626 16.9854L2.04395 15.0147H5.39657L6.43257 11.8262Z" }), jsxRuntime.jsx("path", { fill: "#FFDA2C", d: "M9.28213 16.2611L6.58226 15.3046C6.58226 15.3046 6.38276 13.4332 6.3707 13.3697C6.27907 12.887 5.85488 12.522 5.34551 12.522C4.76926 12.522 4.30201 12.9892 4.30201 13.5655C4.30201 13.661 4.31595 13.7531 4.34001 13.8411L3.58301 14.6032H4.92901C4.92901 16.0002 3.88651 16.0002 3.88651 17.3915L4.46482 18.7828H7.94307L8.52282 17.3915H8.52257C8.58063 17.258 8.61588 17.1203 8.63045 16.9828C9.1302 16.7807 9.28213 16.2611 9.28213 16.2611Z" })] }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("clipPath", { id: "a", children: jsxRuntime.jsx("path", { fill: "white", d: "M0 0H32V32H0z" }) }) })] }));
|
|
928
928
|
};
|
|
929
929
|
|
|
930
|
-
|
|
930
|
+
const roundedFlags = {
|
|
931
931
|
af: jsxRuntime.jsx(RoundAfghanistan, {}),
|
|
932
932
|
ax: jsxRuntime.jsx(RoundAlandIslands, {}),
|
|
933
933
|
al: jsxRuntime.jsx(RoundAlbania, {}),
|
|
@@ -1179,7 +1179,7 @@ const RoundZimbabwe = () => {
|
|
|
1179
1179
|
zm: jsxRuntime.jsx(RoundZambia, {}),
|
|
1180
1180
|
zw: jsxRuntime.jsx(RoundZimbabwe, {}),
|
|
1181
1181
|
zz: jsxRuntime.jsx(RoundMissingCountry, {}),
|
|
1182
|
-
}
|
|
1182
|
+
};
|
|
1183
1183
|
|
|
1184
1184
|
const SquareAfghanistan = () => {
|
|
1185
1185
|
return (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 22 16", children: [jsxRuntime.jsx("g", { clipPath: "url(#a)", children: jsxRuntime.jsxs("g", { clipPath: "url(#b)", children: [jsxRuntime.jsx("path", { fill: "#F93939", d: "M19.9048 0H2.09524C.93807 0 0 .955126 0 2.13333V13.8667C0 15.0449.93807 16 2.09524 16H19.9048C21.0619 16 22 15.0449 22 13.8667V2.13333C22 .955126 21.0619 0 19.9048 0Z" }), jsxRuntime.jsx("path", { fill: "#151515", fillRule: "evenodd", d: "M0 0h7v16H0V0Z", clipRule: "evenodd" }), jsxRuntime.jsx("path", { fill: "#249F58", fillRule: "evenodd", d: "M15 0h7v16h-7V0Z", clipRule: "evenodd" }), jsxRuntime.jsx("path", { fill: "#fff", fillRule: "evenodd", d: "M11 10.6666c1.4457 0 2.619-1.19468 2.619-2.66668S12.4457 5.33325 11 5.33325c-1.44572 0-2.61905 1.19467-2.61905 2.66667S9.55428 10.6666 11 10.6666Zm0-1.06668c.8674 0 1.5714-.95467 1.5714-2.13333 0-1.17867-.704-2.13334-1.5714-2.13334s-1.57143.95467-1.57143 2.13334c0 1.17866.70403 2.13333 1.57143 2.13333Zm0-1.06667c.2891 0 .5238-.47786.5238-1.06666S11.2891 6.39992 11 6.39992s-.5238.47787-.5238 1.06667.2347 1.06666.5238 1.06666Z", clipRule: "evenodd" })] }) }), jsxRuntime.jsxs("defs", { children: [jsxRuntime.jsx("clipPath", { id: "a", children: jsxRuntime.jsx("path", { fill: "#fff", d: "M0 0h22v16H0z" }) }), jsxRuntime.jsx("clipPath", { id: "b", children: jsxRuntime.jsx("rect", { width: "22", height: "16", fill: "#fff", rx: "2" }) })] })] }));
|
|
@@ -1977,7 +1977,7 @@ const SquareZimbabwe = () => {
|
|
|
1977
1977
|
return (jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 22 16", children: [jsxRuntime.jsx("g", { clipPath: "url(#a)", children: jsxRuntime.jsxs("g", { clipPath: "url(#b)", children: [jsxRuntime.jsx("rect", { width: "22", height: "16", fill: "#249F58", rx: "2" }), jsxRuntime.jsx("path", { fill: "#FFDA2C", fillRule: "evenodd", d: "M0 2.1333H22V13.8666H0V2.1333Z", clipRule: "evenodd" }), jsxRuntime.jsx("path", { fill: "#F93939", fillRule: "evenodd", d: "M0 4.2666H22V11.7333H0V4.2666Z", clipRule: "evenodd" }), jsxRuntime.jsx("path", { fill: "#151515", fillRule: "evenodd", d: "M0 6.3999H22V9.5999H0V6.3999Z", clipRule: "evenodd" }), jsxRuntime.jsx("path", { fill: "#151515", fillRule: "evenodd", d: "M1.04762 0L12.5714 8L1.04762 16H0V0", clipRule: "evenodd" }), jsxRuntime.jsx("path", { fill: "white", fillRule: "evenodd", d: "M0 0L11.5238 8L0 16V0Z", clipRule: "evenodd" }), jsxRuntime.jsx("path", { fill: "#F93939", fillRule: "evenodd", d: "M4.71389 9.3335L3.17389 10.158L3.46723 8.4119L2.22266 7.17456L3.94389 6.92176L4.71389 5.3335L5.48389 6.92283L7.20513 7.17563L5.95847 8.41296L6.2518 10.158", clipRule: "evenodd" }), jsxRuntime.jsx("path", { fill: "#FFDA2C", fillRule: "evenodd", d: "M3.14258 9.5999H6.28544V8.53324L5.23782 7.46657C5.23782 7.46657 5.23782 6.3999 4.1902 6.3999H3.14258L4.1902 7.46657L3.14258 9.5999Z", clipRule: "evenodd" })] }) }), jsxRuntime.jsxs("defs", { children: [jsxRuntime.jsx("clipPath", { id: "a", children: jsxRuntime.jsx("path", { fill: "white", d: "M0 0H22V16H0z" }) }), jsxRuntime.jsx("clipPath", { id: "b", children: jsxRuntime.jsx("rect", { width: "22", height: "16", fill: "white", rx: "2" }) })] })] }));
|
|
1978
1978
|
};
|
|
1979
1979
|
|
|
1980
|
-
|
|
1980
|
+
const squareFlags = {
|
|
1981
1981
|
af: jsxRuntime.jsx(SquareAfghanistan, {}),
|
|
1982
1982
|
ax: jsxRuntime.jsx(SquareMissingCountry, {}),
|
|
1983
1983
|
al: jsxRuntime.jsx(SquareAlbania, {}),
|
|
@@ -2229,7 +2229,14 @@ const SquareZimbabwe = () => {
|
|
|
2229
2229
|
zm: jsxRuntime.jsx(SquareZambia, {}),
|
|
2230
2230
|
zw: jsxRuntime.jsx(SquareZimbabwe, {}),
|
|
2231
2231
|
zz: jsxRuntime.jsx(SquareMissingCountry, {}),
|
|
2232
|
-
}
|
|
2232
|
+
};
|
|
2233
|
+
|
|
2234
|
+
const BordFlag = ({ country = 'zz', variant, standardSize = 12, customWidth }) => {
|
|
2235
|
+
const flags = variant === 'circle' ? roundedFlags : squareFlags;
|
|
2236
|
+
const standardSizeStyle = `${(standardSize / 10).toFixed(1)}rem`;
|
|
2237
|
+
const flagWidth = customWidth || standardSizeStyle;
|
|
2238
|
+
return (jsxRuntime.jsx("div", { className: "bordFlag", style: { width: flagWidth }, children: flags[country || 'zz'] }));
|
|
2239
|
+
};
|
|
2233
2240
|
|
|
2234
2241
|
/******************************************************************************
|
|
2235
2242
|
Copyright (c) Microsoft Corporation.
|
|
@@ -2260,4 +2267,6 @@ var FORM_COMPONENTS_STANDARD_SIZES;
|
|
|
2260
2267
|
FORM_COMPONENTS_STANDARD_SIZES["MD"] = "w-280";
|
|
2261
2268
|
FORM_COMPONENTS_STANDARD_SIZES["LG"] = "w-380";
|
|
2262
2269
|
})(FORM_COMPONENTS_STANDARD_SIZES || (FORM_COMPONENTS_STANDARD_SIZES = {}));
|
|
2270
|
+
|
|
2271
|
+
exports.BordFlag = BordFlag;
|
|
2263
2272
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|