highsoft-ui 1.0.113 → 1.0.115

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 (23) hide show
  1. package/README.md +53 -0
  2. package/dist/Button-9RIB8ZR0.js +47 -0
  3. package/dist/{CookiePolicyModal-BH2uHybE.js → CookiePolicyModal-B2mvebvV.js} +1 -1
  4. package/dist/{Footer-DY0QJnxb.js → Footer-Cil0UWzI.js} +5 -5
  5. package/dist/{Header-DbSqXuvO.js → Header-BW8ilZxt.js} +53 -44
  6. package/dist/{Notification-_vWBqFiA.js → Notification-DHcQtd1k.js} +1 -1
  7. package/dist/{PrefPanel-DmiRZs1n.js → PrefPanel-BTX6RAo4.js} +1 -1
  8. package/dist/{Search-D_fsZ-hm.js → Search-DAPCZo13.js} +813 -787
  9. package/dist/components/Button/index.js +1 -1
  10. package/dist/components/Footer/CookiePolicyModal.js +1 -1
  11. package/dist/components/Footer/index.js +1 -1
  12. package/dist/components/Header/index.js +1 -1
  13. package/dist/components/Notification/index.js +1 -1
  14. package/dist/components/PrefPanel/index.js +1 -1
  15. package/dist/components/Search/index.js +1 -1
  16. package/dist/highsoft-ui.css +1 -1
  17. package/dist/lib/components/Button/index.d.ts +1 -1
  18. package/dist/lib/components/Header/index.d.ts +6 -0
  19. package/dist/lib/main.d.ts +1 -0
  20. package/dist/main.js +5 -5
  21. package/dist/scss/variables.scss +45 -41
  22. package/package.json +1 -1
  23. package/dist/Button-Bbc4vmW_.js +0 -45
package/dist/lib/main.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  export { ThemeProvider, useTheme as useNextTheme } from 'next-themes';
2
2
  export type { ButtonProps, ButtonVariant, ButtonSize } from './components/Button';
3
3
  export type { ContainerProps } from './components/Container';
4
+ export type { SubHeaderItem } from './components/Header';
4
5
  export { Button } from './components/Button';
5
6
  export { Container } from './components/Container';
6
7
  export { Footer } from './components/Footer';
package/dist/main.js CHANGED
@@ -1,12 +1,12 @@
1
1
  import { c as e, l as t, o as n } from "./utils-C4QGLbxr.js";
2
- import { t as r } from "./Button-Bbc4vmW_.js";
2
+ import { t as r } from "./Button-9RIB8ZR0.js";
3
3
  import { t as i } from "./Container-LAkF4ShX.js";
4
- import { t as a } from "./PrefPanel-DmiRZs1n.js";
5
- import { t as o } from "./Footer-DY0QJnxb.js";
4
+ import { t as a } from "./PrefPanel-BTX6RAo4.js";
5
+ import { t as o } from "./Footer-Cil0UWzI.js";
6
6
  import { t as s } from "./Logo-CZ5LYqub.js";
7
7
  import { t as c } from "./NewTag-C-3mRyvV.js";
8
8
  import { n as l } from "./GPTInput-DRFGKJ2u.js";
9
- import { t as u } from "./Notification-_vWBqFiA.js";
10
- import { n as d, t as f } from "./Header-DbSqXuvO.js";
9
+ import { t as u } from "./Notification-DHcQtd1k.js";
10
+ import { n as d, t as f } from "./Header-BW8ilZxt.js";
11
11
  import { ThemeLoader as p, themeLoaderScript as m } from "./components/ThemeLoader/index.js";
12
12
  export { r as Button, i as Container, o as Footer, l as GPTInput, f as Header, s as Logo, c as NewTag, u as Notification, a as PrefPanel, d as SubHeader, p as ThemeLoader, e as ThemeProvider, m as themeLoaderScript, t as useNextTheme, n as useTheme };
package/dist/scss/variables.scss CHANGED
@@ -260,21 +260,23 @@ $body-1000: var(--typography-size-1000);
260
260
  --button-colors-neutral-stroke-outer-default: var(--primitives-neutral-900);
261
261
  --button-colors-neutral-stroke-outer-hover: var(--primitives-neutral-800);
262
262
 
263
- --button-colors-white-background-default: var(--primitives-neutral-0);
264
- --button-colors-white-background-hover: var(--primitives-neutral-50);
265
- --button-colors-white-background-pressed: var(--primitives-neutral-100);
266
- --button-colors-white-background-focus: var(--primitives-neutral-100);
267
- --button-colors-white-background-disabled: var(--primitives-neutral-300);
268
- --button-colors-white-text-default: var(--primitives-neutral-900);
269
- --button-colors-white-text-hover: var(--primitives-neutral-1000);
270
- --button-colors-white-text-pressed: var(--primitives-neutral-1000);
271
- --button-colors-white-text-focus: var(--primitives-neutral-1000);
272
- --button-colors-white-text-disabled: var(--primitives-neutral-0);
273
- --button-colors-white-stroke-inner-default: rgba(0, 0, 0, 0.12);
274
- --button-colors-white-stroke-outer-default: var(--primitives-neutral-200);
275
- --button-colors-white-stroke-outer-hover: var(--primitives-neutral-300);
276
- --button-colors-white-stroke-outer-disabled: var(--primitives-neutral-200);
277
- --button-colors-white-stroke-outer-pressed: var(--primitives-neutral-200);
263
+ --button-colors-soft-background-default: var(--primitives-neutral-0);
264
+ --button-colors-soft-background-disabled: var(--primitives-neutral-300);
265
+ --button-colors-soft-background-focus: var(--primitives-neutral-100);
266
+ --button-colors-soft-background-hover: var(--primitives-neutral-50);
267
+ --button-colors-soft-background-pressed: var(--primitives-neutral-100);
268
+ --button-colors-soft-stroke-inner-default: #0000001f;
269
+ --button-colors-soft-stroke-inner-inner-dark: 0px;
270
+ --button-colors-soft-stroke-inner-inner-white: 2px;
271
+ --button-colors-soft-stroke-outer-default: var(--primitives-neutral-200);
272
+ --button-colors-soft-stroke-outer-disabled: var(--primitives-neutral-200);
273
+ --button-colors-soft-stroke-outer-hover: var(--primitives-neutral-300);
274
+ --button-colors-soft-stroke-outer-pressed: var(--primitives-neutral-200);
275
+ --button-colors-soft-text-default: var(--primitives-neutral-900);
276
+ --button-colors-soft-text-disabled: var(--primitives-neutral-0);
277
+ --button-colors-soft-text-focus: var(--primitives-neutral-1000);
278
+ --button-colors-soft-text-hover: var(--primitives-neutral-1000);
279
+ --button-colors-soft-text-pressed: var(--primitives-neutral-1000);
278
280
 
279
281
  --button-colors-plain-background-default: rgba(242, 241, 244, 0);
280
282
  --button-colors-plain-background-hover: rgba(255, 255, 255, 0.49);
@@ -403,35 +405,37 @@ $body-1000: var(--typography-size-1000);
403
405
  --button-transparent-border: #00000050;
404
406
  --button-transparent-border-hover: #00000060;
405
407
 
406
- --button-colors-neutral-background-default: var(--primitives-neutral-800);
407
- --button-colors-neutral-background-hover: var(--primitives-neutral-600);
408
- --button-colors-neutral-background-pressed: var(--primitives-neutral-900);
409
- --button-colors-neutral-background-focus: var(--primitives-neutral-800);
410
- --button-colors-neutral-background-disabled: var(--primitives-neutral-300);
411
- --button-colors-neutral-text-default: var(--primitives-neutral-0);
412
- --button-colors-neutral-text-hover: var(--primitives-neutral-0);
413
- --button-colors-neutral-text-pressed: var(--primitives-neutral-0);
414
- --button-colors-neutral-text-focus: var(--primitives-neutral-0);
415
- --button-colors-neutral-text-disabled: var(--primitives-neutral-0);
416
- --button-colors-neutral-stroke-inner: rgba(255, 255, 255, 0.04);
408
+ --button-colors-neutral-background-default: var(--primitives-neutral-50);
409
+ --button-colors-neutral-background-disabled: var(--primitives-neutral-500);
410
+ --button-colors-neutral-background-focus: var(--primitives-neutral-0);
411
+ --button-colors-neutral-background-hover: var(--primitives-neutral-0);
412
+ --button-colors-neutral-background-pressed: var(--primitives-neutral-0);
413
+ --button-colors-neutral-stroke-inner: #ffffff0a;
417
414
  --button-colors-neutral-stroke-outer-default: var(--primitives-neutral-1000);
418
415
  --button-colors-neutral-stroke-outer-hover: var(--primitives-neutral-1000);
416
+ --button-colors-neutral-text-default: var(--primitives-neutral-1000);
417
+ --button-colors-neutral-text-disabled: var(--primitives-neutral-1000);
418
+ --button-colors-neutral-text-focus: var(--primitives-neutral-1000);
419
+ --button-colors-neutral-text-hover: var(--primitives-neutral-1000);
420
+ --button-colors-neutral-text-pressed: var(--primitives-neutral-1000);
419
421
 
420
- --button-colors-white-background-default: var(--primitives-neutral-0);
421
- --button-colors-white-background-hover: var(--primitives-neutral-50);
422
- --button-colors-white-background-pressed: var(--primitives-neutral-100);
423
- --button-colors-white-background-focus: var(--primitives-neutral-100);
424
- --button-colors-white-background-disabled: var(--primitives-neutral-300);
425
- --button-colors-white-text-default: var(--primitives-neutral-900);
426
- --button-colors-white-text-hover: var(--primitives-neutral-1000);
427
- --button-colors-white-text-pressed: var(--primitives-neutral-1000);
428
- --button-colors-white-text-focus: var(--primitives-neutral-1000);
429
- --button-colors-white-text-disabled: var(--primitives-neutral-0);
430
- --button-colors-white-stroke-inner-default: var(--primitives-neutral-0);
431
- --button-colors-white-stroke-outer-default: var(--primitives-neutral-800);
432
- --button-colors-white-stroke-outer-hover: var(--primitives-neutral-900);
433
- --button-colors-white-stroke-outer-disabled: var(--primitives-neutral-800);
434
- --button-colors-white-stroke-outer-pressed: var(--primitives-neutral-800);
422
+ --button-colors-soft-background-default: var(--primitives-neutral-800);
423
+ --button-colors-soft-background-disabled: var(--primitives-neutral-300);
424
+ --button-colors-soft-background-focus: var(--primitives-neutral-700);
425
+ --button-colors-soft-background-hover: var(--primitives-neutral-700);
426
+ --button-colors-soft-background-pressed: var(--primitives-neutral-700);
427
+ --button-colors-soft-stroke-inner-default: #ffffff1f;
428
+ --button-colors-soft-stroke-inner-inner-dark: 2px;
429
+ --button-colors-soft-stroke-inner-inner-white: 0px;
430
+ --button-colors-soft-stroke-outer-default: var(--primitives-neutral-950);
431
+ --button-colors-soft-stroke-outer-disabled: var(--primitives-neutral-750);
432
+ --button-colors-soft-stroke-outer-hover: var(--primitives-neutral-950);
433
+ --button-colors-soft-stroke-outer-pressed: var(--primitives-neutral-950);
434
+ --button-colors-soft-text-default: var(--primitives-neutral-0);
435
+ --button-colors-soft-text-disabled: var(--primitives-neutral-400);
436
+ --button-colors-soft-text-focus: var(--primitives-neutral-0);
437
+ --button-colors-soft-text-hover: var(--primitives-neutral-0);
438
+ --button-colors-soft-text-pressed: var(--primitives-neutral-0);
435
439
 
436
440
  --button-colors-plain-background-default: rgba(47, 46, 56, 0);
437
441
  --button-colors-plain-background-hover: var(--primitives-neutral-800);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "highsoft-ui",
3
- "version": "1.0.113",
3
+ "version": "1.0.115",
4
4
  "description": "Highsoft UI",
5
5
  "type": "module",
6
6
  "main": "dist/main.js",
package/dist/Button-Bbc4vmW_.js DELETED
@@ -1,45 +0,0 @@
1
- import { t as e } from "./clsx-ROFf4vs9.js";
2
- import { y as t } from "./esm-C1TDRARf.js";
3
- import { forwardRef as n } from "react";
4
- import { jsx as r, jsxs as i } from "react/jsx-runtime";
5
- //#region lib/components/Button/styles.module.scss
6
- var a = "QF-Hta_attention", o = "QF-Hta_brand", s = "QF-Hta_button", c = "QF-Hta_content", l = "QF-Hta_danger", u = "QF-Hta_full", d = "QF-Hta_loader", f = "QF-Hta_loading", p = "QF-Hta_neutral", m = "QF-Hta_plain", h = "QF-Hta_spin", g = "QF-Hta_success", _ = "QF-Hta_transparent", v = "QF-Hta_white", y = {
7
- attention: a,
8
- brand: o,
9
- button: s,
10
- content: c,
11
- danger: l,
12
- full: u,
13
- loader: d,
14
- loading: f,
15
- neutral: p,
16
- plain: m,
17
- "size-100": "QF-Hta_size-100",
18
- "size-200": "QF-Hta_size-200",
19
- "size-300": "QF-Hta_size-300",
20
- "size-400": "QF-Hta_size-400",
21
- "size-50": "QF-Hta_size-50",
22
- "size-500": "QF-Hta_size-500",
23
- spin: h,
24
- success: g,
25
- transparent: _,
26
- white: v
27
- }, b = n(({ children: n, variant: a = "neutral", size: o = 200, fullWidth: s = !1, loading: c, as: l = "button", disabled: u, className: d, ...f }, p) => /* @__PURE__ */ i(l, {
28
- className: e("hsui-button", d, y.button, y[a], y[`size-${o}`], {
29
- [y.full]: s,
30
- [y.loading]: c
31
- }),
32
- disabled: u || c,
33
- type: "button",
34
- ref: p,
35
- ...f,
36
- children: [c && /* @__PURE__ */ r("span", {
37
- className: y.loader,
38
- children: /* @__PURE__ */ r(t, {})
39
- }), /* @__PURE__ */ r("span", {
40
- className: y.content,
41
- children: n
42
- })]
43
- }));
44
- //#endregion
45
- export { b as t };