oolib 2.17.0 → 2.17.3

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 (3) hide show
  1. package/dist/components/Buttons/index.styled.js +1 -1
  2. package/dist/icons/custom/index.js +29 -38
  3. package/package.json +1 -1
package/dist/components/Buttons/index.styled.js CHANGED
@@ -173,7 +173,7 @@ exports.ButtonStyled = styled_components_1.default.button(templateObject_21 || (
173
173
  var composition = _a.composition, size = _a.size;
174
174
  switch (composition) {
175
175
  case "iconOnly":
176
- return (0, styled_components_2.css)(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n padding: 0;\n height: ", ";\n width: ", ";\n "], ["\n padding: 0;\n height: ", ";\n width: ", ";\n "])), SIZES[size], SIZES[size]);
176
+ return (0, styled_components_2.css)(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n padding: 0;\n height: ", ";\n width: ", ";\n flex-shrink: 0; // if button is a flex item then by default it's width shrinks when the viewport width shrinks\n "], ["\n padding: 0;\n height: ", ";\n width: ", ";\n flex-shrink: 0; // if button is a flex item then by default it's width shrinks when the viewport width shrinks\n "])), SIZES[size], SIZES[size]);
177
177
  case "icon+text":
178
178
  return (0, styled_components_2.css)(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n padding: 0 2rem 0 1.5rem;\n height: ", ";\n "], ["\n padding: 0 2rem 0 1.5rem;\n height: ", ";\n "])), SIZES[size]);
179
179
  default:
package/dist/icons/custom/index.js CHANGED
@@ -80,43 +80,34 @@ var BadgeVetted = function (props) {
80
80
  react_1.default.createElement("path", { d: "M5.324 8.774l1.79 2.127c1.678-1.992 2.755-3.27 4.21-5", stroke: "#fff", strokeLinecap: "round", strokeLinejoin: "round" })));
81
81
  };
82
82
  exports.BadgeVetted = BadgeVetted;
83
- var IndiaFlag = function (props) { return (react_1.default.createElement("svg", { width: props.size || 40, height: props.size || 40, xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", viewBox: "0 0 900 600" },
84
- react_1.default.createElement("path", { fill: "#f93", d: "M0 0h900v200H0z" }),
85
- react_1.default.createElement("path", { fill: "#fff", d: "M0 200h900v200H0z" }),
86
- react_1.default.createElement("path", { fill: "#128807", d: "M0 400h900v200H0z" }),
87
- react_1.default.createElement("g", { transform: "translate(450 300)" },
88
- react_1.default.createElement("circle", { r: 92.5, fill: "#008" }),
89
- react_1.default.createElement("circle", { r: 80, fill: "#fff" }),
90
- react_1.default.createElement("circle", { r: 16, fill: "#008" }),
91
- react_1.default.createElement("g", { id: "d" },
92
- react_1.default.createElement("g", { id: "c" },
93
- react_1.default.createElement("g", { id: "b" },
94
- react_1.default.createElement("g", { id: "a", fill: "#008" },
95
- react_1.default.createElement("circle", { r: 3.5, transform: "rotate(7.5 -40 610.282)" }),
96
- react_1.default.createElement("path", { d: "m0 80 3-48-2-16.031V15h-2v.969L-3 32l3 48z" })),
97
- react_1.default.createElement("use", { xlinkHref: "#a", transform: "rotate(15)" })),
98
- react_1.default.createElement("use", { xlinkHref: "#b", transform: "rotate(30)" })),
99
- react_1.default.createElement("use", { xlinkHref: "#c", transform: "rotate(60)" })),
100
- react_1.default.createElement("use", { xlinkHref: "#d", transform: "rotate(120)" }),
101
- react_1.default.createElement("use", { xlinkHref: "#d", transform: "rotate(-120)" })))); };
83
+ var IndiaFlag = function (props) { return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: props.size || 30, height: props.size || 30, fill: "none", viewBox: "0 0 40 40" },
84
+ react_1.default.createElement("mask", { id: "mask0_862_1280", style: { maskType: "alpha" }, width: "40", height: "30", x: "0", y: "5", maskUnits: "userSpaceOnUse" },
85
+ react_1.default.createElement("path", { fill: "#fff", d: "M0 5H40V35H0z" })),
86
+ react_1.default.createElement("g", { fillRule: "evenodd", clipRule: "evenodd", mask: "url(#mask0_862_1280)" },
87
+ react_1.default.createElement("path", { fill: "#F7FCFF", d: "M0 10v20h40V10H0z" }),
88
+ react_1.default.createElement("path", { fill: "#FF8C1A", d: "M5 6a5 5 0 00-5 5v4h40v-4a5 5 0 00-5-5H5z" }),
89
+ react_1.default.createElement("path", { fill: "#5EAA22", d: "M0 25v4a5 5 0 005 5h30a5 5 0 005-5v-4H0z" }),
90
+ react_1.default.createElement("path", { fill: "#3D58DB", d: "M15 20a5 5 0 1010 0 5 5 0 00-10 0zm8.75 0a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0z" }),
91
+ react_1.default.createElement("path", { fill: "#3D58DB", d: "M19.993 21.076l-.713 3.9.414-3.943-1.784 3.541 1.509-3.667-2.71 2.896 2.482-3.094-3.416 2.015 3.252-2.269-3.845.971 3.76-1.261-3.963-.151 3.963-.151-3.76-1.262 3.845.972-3.252-2.27 3.415 2.015-2.48-3.093 2.709 2.895-1.509-3.667 1.784 3.542-.414-3.944.713 3.9.714-3.9-.415 3.944 1.784-3.542-1.509 3.667 2.71-2.895-2.481 3.093 3.415-2.015-3.252 2.27 3.845-.972-3.76 1.262 3.963.15-3.963.152 3.76 1.261-3.845-.971 3.252 2.27-3.415-2.016 2.48 3.094-2.709-2.896 1.509 3.668-1.784-3.542.415 3.944-.714-3.901z" })))); };
102
92
  exports.IndiaFlag = IndiaFlag;
103
- var KenyaFlag = function (props) { return (react_1.default.createElement("svg", { width: props.size || 40, height: props.size || 40, xmlns: "http://www.w3.org/2000/svg", xlink: "http://www.w3.org/1999/xlink", viewBox: "-120 -80 240 160" },
104
- react_1.default.createElement("defs", null,
105
- react_1.default.createElement("path", { id: "spearshape", d: "M -1,55.4256258422040733928782829281879157421699 h 2 V -38 C 3,-40 3,-43 3,-46 C 3,-48 3,-56 0,-64.6632301492380856250246634162192350325315 C -3,-56 -3,-48 -3,-46 C -3,-43 -3,-40 -1,-38 z", "stroke-miterlimit": "10", transform: "rotate(30)" })),
106
- react_1.default.createElement("rect", { x: "-120", y: "-80", width: "240", height: "160", fill: "#fff" }),
107
- react_1.default.createElement("rect", { x: "-120", y: "-80", width: "240", height: "48" }),
108
- react_1.default.createElement("rect", { x: "-120", y: "32", width: "240", height: "48", fill: "#060" }),
109
- react_1.default.createElement("g", { id: "spear" },
110
- react_1.default.createElement("use", { href: "#spearshape", stroke: "#000" }),
111
- react_1.default.createElement("use", { href: "#spearshape", fill: "#fff" })),
112
- react_1.default.createElement("use", { href: "#spear", transform: "scale(-1,1)" }),
113
- react_1.default.createElement("path", { fill: "#b00", d: "M -120,-24 V 24 H -19 c 3,8 13,24 19,24 s 16,-16 19,-24 H 120 V -24 H 19 c -3,-8 -13,-24 -19,-24 s -16,16 -19,24 z" }),
114
- react_1.default.createElement("path", { id: "deco_r", d: "M 19,24 c 3,-8 5,-16 5,-24 s -2,-16 -5,-24 c -3,8 -5,16 -5,24 s 2,16 5,24" }),
115
- react_1.default.createElement("use", { href: "#deco_r", transform: "scale(-1,1)" }),
116
- react_1.default.createElement("g", { fill: "#fff" },
117
- react_1.default.createElement("ellipse", { rx: "4", ry: "6" }),
118
- react_1.default.createElement("path", { id: "deco_br", d: "M 1,5.85 c 0,0 4,8 4,21 s -4,21 -4,21 z" }),
119
- react_1.default.createElement("use", { href: "#deco_br", transform: "scale(-1)" }),
120
- react_1.default.createElement("use", { href: "#deco_br", transform: "scale(-1,1)" }),
121
- react_1.default.createElement("use", { href: "#deco_br", transform: "scale(1,-1)" })))); };
93
+ var KenyaFlag = function (props) { return (react_1.default.createElement("svg", { width: props.size || 30, height: props.size || 30, viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
94
+ react_1.default.createElement("mask", { id: "a", style: {
95
+ maskType: "alpha",
96
+ }, maskUnits: "userSpaceOnUse", x: 0, y: 6, width: 40, height: 28 },
97
+ react_1.default.createElement("path", { fill: "#fff", d: "M0 6H40V34H0z" })),
98
+ react_1.default.createElement("g", { mask: "url(#a)" },
99
+ react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5 6a5 5 0 00-5 5v4.333h40V11a5 5 0 00-5-5H5z", fill: "#272727" }),
100
+ react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 24.667V29a5 5 0 005 5h30a5 5 0 005-5v-4.333H0z", fill: "#4E8B1D" }),
101
+ react_1.default.createElement("path", { d: "M0 14.333h-1v11.334h42V14.333H0z", fill: "#E31D1C", stroke: "#F7FCFF", strokeWidth: 2 })),
102
+ react_1.default.createElement("path", { d: "M23.774 10.584c.238-.455.878-.953 1.92-1.492a.133.133 0 01.115-.002c.062.028.088.098.057.156L15.077 29.892l-.562-.255 9.51-18.2c-.43-.066-.514-.35-.25-.853z", fill: "#fff" }),
103
+ react_1.default.createElement("path", { d: "M16.214 10.584c.263.503.18.787-.251.853l9.51 18.2-.562.255L14.122 9.246c-.03-.058-.005-.128.058-.156a.133.133 0 01.116.002c1.04.54 1.68 1.037 1.918 1.492z", fill: "#fff" }),
104
+ react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M20 29.333c1.246 0 6.25-4.178 6.25-9.333s-5.004-9.333-6.25-9.333c-1.246 0-6.25 4.178-6.25 9.333s5.004 9.333 6.25 9.333z", fill: "#E31D1C" }),
105
+ react_1.default.createElement("mask", { id: "b", style: {
106
+ maskType: "alpha",
107
+ }, maskUnits: "userSpaceOnUse", x: 13, y: 10, width: 14, height: 20 },
108
+ react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M20 29.333c1.246 0 6.25-4.178 6.25-9.333s-5.004-9.333-6.25-9.333c-1.246 0-6.25 4.178-6.25 9.333s5.004 9.333 6.25 9.333z", fill: "#fff" })),
109
+ react_1.default.createElement("g", { mask: "url(#b)" },
110
+ react_1.default.createElement("path", { d: "M8.125 28.167c4.832 0 8.75-3.657 8.75-8.167s-3.918-8.167-8.75-8.167S-.625 15.49-.625 20s3.918 8.167 8.75 8.167zM31.875 28.167c4.833 0 8.75-3.657 8.75-8.167s-3.917-8.167-8.75-8.167c-4.832 0-8.75 3.657-8.75 8.167s3.918 8.167 8.75 8.167z", fill: "#272727" }),
111
+ react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M20.25 18.752c.57-.379 1-2.026 1-4.002s-.43-3.623-1-4.002v8.004zm-.625-.106c-.507-.52-.875-2.068-.875-3.896 0-1.828.368-3.376.875-3.896v7.792zm0 2.708v7.792c-.507-.52-.875-2.068-.875-3.896 0-1.828.368-3.376.875-3.896zm.625 7.898v-8.004c.57.379 1 2.026 1 4.002s-.43 3.623-1 4.002z", fill: "#F7FCFF" }),
112
+ react_1.default.createElement("path", { d: "M20 18.833c.69 0 1.25.523 1.25 1.167s-.56 1.167-1.25 1.167-1.25-.523-1.25-1.167.56-1.167 1.25-1.167z", fill: "#F7FCFF" })))); };
122
113
  exports.KenyaFlag = KenyaFlag;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "oolib",
3
- "version": "2.17.0",
3
+ "version": "2.17.3",
4
4
  "description": " OKE Component Library",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",