@luscii-healthtech/web-ui 20.1.0 → 20.1.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 (9) hide show
  1. package/dist/components/Text/Text.d.ts +4 -4
  2. package/dist/index.development.js +21 -21
  3. package/dist/index.development.js.map +1 -1
  4. package/dist/index.js +1 -1
  5. package/dist/index.js.map +1 -1
  6. package/dist/web-ui-tailwind.css +5 -0
  7. package/dist/web-ui.esm.js +1 -1
  8. package/dist/web-ui.esm.js.map +1 -1
  9. package/package.json +1 -1
package/dist/components/Text/Text.d.ts CHANGED
@@ -9,13 +9,13 @@ import "./Text.css";
9
9
  */
10
10
  declare const allowedTextStyles: {
11
11
  readonly sm: "ui-text-xs ui-font-medium";
12
- readonly "sm-strong": "ui-text-xs ui-font-semibold";
12
+ readonly "sm-strong": "ui-text-xs ui-font-semibold ui-antialiased";
13
13
  readonly base: "ui-text-sm";
14
- readonly strong: "ui-text-sm ui-font-semibold";
14
+ readonly strong: "ui-text-sm ui-font-semibold ui-antialiased";
15
15
  readonly lg: "";
16
- readonly "lg-strong": "ui-font-semibold";
16
+ readonly "lg-strong": "ui-font-semibold ui-antialiased";
17
17
  readonly xl: "ui-text-lg";
18
- readonly "xl-strong": "ui-font-semibold ui-text-lg";
18
+ readonly "xl-strong": "ui-font-semibold ui-text-lg ui-antialiased";
19
19
  };
20
20
  export declare const allowedColors: {
21
21
  readonly base: "ui-text-slate-800";
package/dist/index.development.js CHANGED
@@ -179,13 +179,13 @@ styleInject(css_248z$m);
179
179
 
180
180
  const allowedTextStyles = {
181
181
  sm: "ui-text-xs ui-font-medium",
182
- "sm-strong": "ui-text-xs ui-font-semibold",
182
+ "sm-strong": "ui-text-xs ui-font-semibold ui-antialiased",
183
183
  base: "ui-text-sm",
184
- strong: "ui-text-sm ui-font-semibold",
184
+ strong: "ui-text-sm ui-font-semibold ui-antialiased",
185
185
  lg: "",
186
- "lg-strong": "ui-font-semibold",
186
+ "lg-strong": "ui-font-semibold ui-antialiased",
187
187
  xl: "ui-text-lg",
188
- "xl-strong": "ui-font-semibold ui-text-lg"
188
+ "xl-strong": "ui-font-semibold ui-text-lg ui-antialiased"
189
189
  };
190
190
  const allowedColors = {
191
191
  base: "ui-text-slate-800",
@@ -244,37 +244,37 @@ const IconWrapper = (SVGComponent) => (props) => React__namespace.default.create
244
244
 
245
245
  const SvgChartLineColoredIcon = (props) => React__namespace.default.createElement(
246
246
  "svg",
247
- Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", viewBox: "0 0 28 28" }, props),
248
- React__namespace.default.createElement("path", { fill: "#F09", d: "M5 20c-.55 0-1.02-.196-1.412-.587A1.927 1.927 0 0 1 3 18c0-.55.196-1.021.588-1.413A1.925 1.925 0 0 1 5 16h.263a.64.64 0 0 1 .237.05l4.55-4.55a.642.642 0 0 1-.05-.238V11c0-.55.196-1.021.588-1.413A1.925 1.925 0 0 1 12 9c.55 0 1.021.196 1.413.587.391.392.587.863.587 1.413 0 .033-.017.2-.05.5l2.55 2.55a.642.642 0 0 1 .238-.05h.524c.075 0 .155.017.238.05l3.55-3.55a.642.642 0 0 1-.05-.238V10c0-.55.196-1.02.587-1.412A1.927 1.927 0 0 1 23 8c.55 0 1.021.196 1.413.588.391.391.587.862.587 1.412 0 .55-.196 1.02-.587 1.412A1.927 1.927 0 0 1 23 12h-.262a.642.642 0 0 1-.238-.05l-3.55 3.55c.033.083.05.163.05.238V16c0 .55-.196 1.02-.587 1.412A1.927 1.927 0 0 1 17 18c-.55 0-1.02-.196-1.412-.588A1.923 1.923 0 0 1 15 16v-.262c0-.075.017-.155.05-.238l-2.55-2.55a.642.642 0 0 1-.238.05H12c-.033 0-.2-.017-.5-.05L6.95 17.5c.033.083.05.163.05.238V18c0 .55-.196 1.021-.588 1.413A1.925 1.925 0 0 1 5 20Z" }),
249
- React__namespace.default.createElement("circle", { cx: 12, cy: 11, r: 2, fill: "#FF82AB" }),
250
- React__namespace.default.createElement("circle", { cx: 5, cy: 18, r: 2, fill: "#FF82AB" }),
251
- React__namespace.default.createElement("circle", { cx: 17, cy: 16, r: 2, fill: "#FF82AB" }),
252
- React__namespace.default.createElement("circle", { cx: 23, cy: 10, r: 2, fill: "#FF82AB" })
247
+ Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", viewBox: "0 0 24 24" }, props),
248
+ React__namespace.default.createElement("path", { stroke: "#F09", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M2.612 16.078 10 9l5 5.5 5.612-6.422" }),
249
+ React__namespace.default.createElement("circle", { cx: 10, cy: 9, r: 2, fill: "#FF82AB" }),
250
+ React__namespace.default.createElement("circle", { cx: 3, cy: 16, r: 2, fill: "#FF82AB" }),
251
+ React__namespace.default.createElement("circle", { cx: 15, cy: 14, r: 2, fill: "#FF82AB" }),
252
+ React__namespace.default.createElement("circle", { cx: 21, cy: 8, r: 2, fill: "#FF82AB" })
253
253
  );
254
254
  var ChartLineColoredIcon = IconWrapper(SvgChartLineColoredIcon);
255
255
 
256
256
  const SvgGearColoredIcon = (props) => React__namespace.default.createElement(
257
257
  "svg",
258
- Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", viewBox: "0 0 28 28" }, props),
259
- React__namespace.default.createElement("path", { fill: "#6670A5", d: "M13.142 2.437a1.062 1.062 0 0 1 1.716 0l2.124 2.916c.235.322.63.486 1.024.424l3.564-.56a1.062 1.062 0 0 1 1.213 1.213l-.56 3.564c-.062.394.102.79.424 1.024l2.916 2.124a1.062 1.062 0 0 1 0 1.716l-2.916 2.124c-.322.235-.486.63-.424 1.024l.56 3.564a1.062 1.062 0 0 1-1.213 1.213l-3.564-.56a1.062 1.062 0 0 0-1.024.424l-2.124 2.916a1.062 1.062 0 0 1-1.716 0l-2.124-2.916a1.062 1.062 0 0 0-1.024-.424l-3.564.56a1.062 1.062 0 0 1-1.213-1.213l.56-3.564a1.062 1.062 0 0 0-.424-1.024l-2.916-2.124a1.062 1.062 0 0 1 0-1.716l2.916-2.124c.322-.235.486-.63.424-1.024l-.56-3.564A1.062 1.062 0 0 1 6.43 5.217l3.564.56c.394.062.79-.102 1.024-.424l2.124-2.916Z" }),
260
- React__namespace.default.createElement("circle", { cx: 14, cy: 14, r: 4, fill: "#383B6D" })
258
+ Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", viewBox: "0 0 24 24" }, props),
259
+ React__namespace.default.createElement("path", { fill: "#6670A5", d: "M11.285 2.364a.885.885 0 0 1 1.43 0l1.77 2.43a.885.885 0 0 0 .853.353l2.97-.466a.885.885 0 0 1 1.012 1.011l-.467 2.97a.885.885 0 0 0 .353.853l2.43 1.77a.885.885 0 0 1 0 1.43l-2.43 1.77a.885.885 0 0 0-.353.853l.466 2.97a.885.885 0 0 1-1.011 1.012l-2.97-.467a.885.885 0 0 0-.853.353l-1.77 2.43a.885.885 0 0 1-1.43 0l-1.77-2.43a.885.885 0 0 0-.853-.353l-2.97.466a.885.885 0 0 1-1.011-1.011l.466-2.97a.885.885 0 0 0-.353-.853l-2.43-1.77a.885.885 0 0 1 0-1.43l2.43-1.77a.885.885 0 0 0 .353-.853l-.466-2.97a.885.885 0 0 1 1.011-1.011l2.97.466a.885.885 0 0 0 .853-.353l1.77-2.43Z" }),
260
+ React__namespace.default.createElement("circle", { cx: 12, cy: 12, r: 3, fill: "#383B6D" })
261
261
  );
262
262
  var GearColoredIcon = IconWrapper(SvgGearColoredIcon);
263
263
 
264
264
  const SvgGroupColoredIcon = (props) => React__namespace.default.createElement(
265
265
  "svg",
266
- Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", viewBox: "0 0 28 28" }, props),
267
- React__namespace.default.createElement("path", { fill: "#6ABFA5", d: "M4 22a.965.965 0 0 1-.712-.288A.965.965 0 0 1 3 21v-1.8c0-.567.146-1.088.438-1.563A2.914 2.914 0 0 1 4.6 16.55a14.866 14.866 0 0 1 3.15-1.163A13.776 13.776 0 0 1 11 15c1.1 0 2.183.129 3.25.387 1.067.259 2.117.646 3.15 1.163.483.25.87.612 1.162 1.087.292.475.438.996.438 1.563V21c0 .283-.096.52-.288.712A.965.965 0 0 1 18 22H4Zm7-8c-1.1 0-2.042-.392-2.825-1.175C7.392 12.042 7 11.1 7 10s.392-2.042 1.175-2.825C8.958 6.392 9.9 6 11 6s2.042.392 2.825 1.175C14.608 7.958 15 8.9 15 10s-.392 2.042-1.175 2.825C13.042 13.608 12.1 14 11 14Z" }),
268
- React__namespace.default.createElement("path", { fill: "#559783", d: "M20.525 22a1.21 1.21 0 0 0 .35-.438 1.35 1.35 0 0 0 .125-.587V19c0-.733-.204-1.438-.612-2.113-.41-.675-.988-1.254-1.738-1.737.85.1 1.65.27 2.4.512s1.45.538 2.1.888c.6.333 1.058.704 1.375 1.112.316.409.475.855.475 1.338v2c0 .283-.096.52-.288.712A.965.965 0 0 1 24 22h-3.475ZM21 10c0 1.1-.392 2.042-1.175 2.825C19.04 13.608 18.1 14 17 14a4.92 4.92 0 0 1-.7-.062 6.181 6.181 0 0 1-.7-.138 5.937 5.937 0 0 0 1.037-1.775C16.879 11.375 17 10.7 17 10s-.121-1.375-.363-2.025A5.937 5.937 0 0 0 15.6 6.2c.233-.083.466-.138.7-.163.233-.025.466-.037.7-.037 1.1 0 2.041.392 2.825 1.175C20.608 7.958 21 8.9 21 10Z" })
266
+ Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", viewBox: "0 0 24 24" }, props),
267
+ React__namespace.default.createElement("path", { fill: "#6ABFA5", d: "M2.938 20a.905.905 0 0 1-.668-.27.905.905 0 0 1-.27-.668v-1.687c0-.531.137-1.02.41-1.465a2.732 2.732 0 0 1 1.09-1.02 13.941 13.941 0 0 1 2.953-1.09c1-.242 2.016-.363 3.047-.363 1.031 0 2.047.121 3.047.363 1 .243 1.984.606 2.953 1.09.453.235.816.575 1.09 1.02.273.445.41.934.41 1.465v1.688c0 .265-.09.488-.27.667a.905.905 0 0 1-.668.27H2.938ZM9.5 12.5c-1.031 0-1.914-.367-2.648-1.102-.735-.734-1.102-1.617-1.102-2.648 0-1.031.367-1.914 1.102-2.648C7.586 5.367 8.469 5 9.5 5c1.031 0 1.914.367 2.648 1.102.735.734 1.102 1.617 1.102 2.648 0 1.031-.367 1.914-1.102 2.648-.734.735-1.617 1.102-2.648 1.102Z" }),
268
+ React__namespace.default.createElement("path", { fill: "#559783", d: "M17.715 20c.144-.11.256-.246.335-.41.08-.164.12-.348.12-.55v-1.852c0-.688-.195-1.348-.586-1.981-.391-.633-.946-1.176-1.664-1.629a12.15 12.15 0 0 1 4.309 1.313c.574.312 1.013.66 1.316 1.042.303.383.455.801.455 1.255v1.875a.895.895 0 0 1-.276.667.934.934 0 0 1-.681.27h-3.328Zm.455-11.25c0 1.031-.375 1.914-1.125 2.648A3.727 3.727 0 0 1 14.34 12.5a5.04 5.04 0 0 1-.67-.058 6.026 6.026 0 0 1-.67-.13c.43-.5.762-1.054.993-1.664a5.288 5.288 0 0 0 .347-1.898c0-.656-.115-1.29-.347-1.898A5.541 5.541 0 0 0 13 5.187a2.98 2.98 0 0 1 .67-.152c.224-.023.447-.035.67-.035 1.054 0 1.955.367 2.705 1.102.75.734 1.125 1.617 1.125 2.648Z" })
269
269
  );
270
270
  var GroupColoredIcon = IconWrapper(SvgGroupColoredIcon);
271
271
 
272
272
  const SvgStatusColoredIcon = (props) => React__namespace.default.createElement(
273
273
  "svg",
274
- Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", viewBox: "0 0 28 28" }, props),
275
- React__namespace.default.createElement("rect", { width: 16, height: 24, x: 6, y: 2, fill: "#374151", rx: 2 }),
276
- React__namespace.default.createElement("circle", { cx: 14, cy: 9, r: 4, fill: "#fff" }),
277
- React__namespace.default.createElement("circle", { cx: 14, cy: 19, r: 4, fill: "#E86967" })
274
+ Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", viewBox: "0 0 24 24" }, props),
275
+ React__namespace.default.createElement("rect", { width: 14, height: 20, x: 5, y: 2, fill: "#374151", rx: 2 }),
276
+ React__namespace.default.createElement("circle", { cx: 12, cy: 8, r: 3, fill: "#fff" }),
277
+ React__namespace.default.createElement("circle", { cx: 12, cy: 16, r: 3, fill: "#E86967" })
278
278
  );
279
279
  var StatusColoredIcon = IconWrapper(SvgStatusColoredIcon);
280
280
 
@@ -954,7 +954,7 @@ styleInject(css_248z$k);
954
954
  const Title = (props) => {
955
955
  var _a, _b;
956
956
  const isSmallTitle = props.type === "xs" || props.type === "sm";
957
- const containerClassName = classNames__default.default("ui-font-bold ui-leading-inherit", allowedColors[(_a = props.color) !== null && _a !== void 0 ? _a : "base"], {
957
+ const containerClassName = classNames__default.default("ui-font-bold ui-leading-inherit ui-antialiased", allowedColors[(_a = props.color) !== null && _a !== void 0 ? _a : "base"], {
958
958
  "title-inter": isSmallTitle,
959
959
  "title-avenir": !isSmallTitle
960
960
  //this is used to load the correct font from the css