@homlista-devs/ui 1.6.6 → 1.6.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.
Files changed (14) hide show
  1. package/dist/design-system.cjs.js +4 -4
  2. package/dist/design-system.cjs.js.map +1 -1
  3. package/dist/design-system.es.js +485 -474
  4. package/dist/design-system.es.js.map +1 -1
  5. package/dist/index.css +27 -0
  6. package/dist/precompiled.css +27 -0
  7. package/dist/types/widgets/header/index.d.ts +1 -1
  8. package/dist/types/widgets/header/index.d.ts.map +1 -1
  9. package/dist/types/widgets/header/model/index.d.ts +1 -1
  10. package/dist/types/widgets/header/model/index.d.ts.map +1 -1
  11. package/dist/types/widgets/header/model/types.d.ts +22 -0
  12. package/dist/types/widgets/header/model/types.d.ts.map +1 -1
  13. package/dist/types/widgets/header/ui/header.d.ts.map +1 -1
  14. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -1461,6 +1461,9 @@
1461
1461
  .text-background {
1462
1462
  color: var(--color-background);
1463
1463
  }
1464
+ .text-black {
1465
+ color: var(--color-black);
1466
+ }
1464
1467
  .text-card-foreground {
1465
1468
  color: var(--color-card-foreground);
1466
1469
  }
@@ -2324,6 +2327,30 @@
2324
2327
  grid-template-columns: repeat(6, minmax(0, 1fr));
2325
2328
  }
2326
2329
  }
2330
+ .\[\&_img\]\:brightness-0 {
2331
+ & img {
2332
+ --tw-brightness: brightness(0%);
2333
+ filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
2334
+ }
2335
+ }
2336
+ .\[\&_img\]\:saturate-0 {
2337
+ & img {
2338
+ --tw-saturate: saturate(0%);
2339
+ filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
2340
+ }
2341
+ }
2342
+ .\[\&_svg\]\:brightness-0 {
2343
+ & svg {
2344
+ --tw-brightness: brightness(0%);
2345
+ filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
2346
+ }
2347
+ }
2348
+ .\[\&_svg\]\:saturate-0 {
2349
+ & svg {
2350
+ --tw-saturate: saturate(0%);
2351
+ filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
2352
+ }
2353
+ }
2327
2354
  }
2328
2355
  :root {
2329
2356
  --font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
package/dist/precompiled.css CHANGED
@@ -1461,6 +1461,9 @@
1461
1461
  .text-background {
1462
1462
  color: var(--color-background);
1463
1463
  }
1464
+ .text-black {
1465
+ color: var(--color-black);
1466
+ }
1464
1467
  .text-card-foreground {
1465
1468
  color: var(--color-card-foreground);
1466
1469
  }
@@ -2324,6 +2327,30 @@
2324
2327
  grid-template-columns: repeat(6, minmax(0, 1fr));
2325
2328
  }
2326
2329
  }
2330
+ .\[\&_img\]\:brightness-0 {
2331
+ & img {
2332
+ --tw-brightness: brightness(0%);
2333
+ filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
2334
+ }
2335
+ }
2336
+ .\[\&_img\]\:saturate-0 {
2337
+ & img {
2338
+ --tw-saturate: saturate(0%);
2339
+ filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
2340
+ }
2341
+ }
2342
+ .\[\&_svg\]\:brightness-0 {
2343
+ & svg {
2344
+ --tw-brightness: brightness(0%);
2345
+ filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
2346
+ }
2347
+ }
2348
+ .\[\&_svg\]\:saturate-0 {
2349
+ & svg {
2350
+ --tw-saturate: saturate(0%);
2351
+ filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
2352
+ }
2353
+ }
2327
2354
  }
2328
2355
  :root {
2329
2356
  --font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
package/dist/types/widgets/header/index.d.ts CHANGED
@@ -39,7 +39,7 @@
39
39
  * />
40
40
  * ```
41
41
  */
42
- export type { HeaderModel, HeaderProps, HeaderVariant, NavigationItem, } from "./model";
42
+ export type { HeaderModel, HeaderNavLinkRenderer, HeaderNavLinkRenderProps, HeaderProps, HeaderVariant, NavigationItem, } from "./model";
43
43
  export { createHeaderModel } from "./model";
44
44
  export { Header } from "./ui/header";
45
45
  //# sourceMappingURL=index.d.ts.map
package/dist/types/widgets/header/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/widgets/header/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AAEH,YAAY,EACX,WAAW,EACX,WAAW,EACX,aAAa,EACb,cAAc,GACd,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/widgets/header/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AAEH,YAAY,EACX,WAAW,EACX,qBAAqB,EACrB,wBAAwB,EACxB,WAAW,EACX,aAAa,EACb,cAAc,GACd,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC"}
package/dist/types/widgets/header/model/index.d.ts CHANGED
@@ -3,5 +3,5 @@
3
3
  * @module widgets/header/model
4
4
  */
5
5
  export { createHeaderModel } from "./create-header-model";
6
- export type { HeaderModel, HeaderProps, HeaderVariant, NavigationItem, } from "./types";
6
+ export type { HeaderModel, HeaderNavLinkRenderer, HeaderNavLinkRenderProps, HeaderProps, HeaderVariant, NavigationItem, } from "./types";
7
7
  //# sourceMappingURL=index.d.ts.map
package/dist/types/widgets/header/model/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/widgets/header/model/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,YAAY,EACX,WAAW,EACX,WAAW,EACX,aAAa,EACb,cAAc,GACd,MAAM,SAAS,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/widgets/header/model/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,YAAY,EACX,WAAW,EACX,qBAAqB,EACrB,wBAAwB,EACxB,WAAW,EACX,aAAa,EACb,cAAc,GACd,MAAM,SAAS,CAAC"}
package/dist/types/widgets/header/model/types.d.ts CHANGED
@@ -14,6 +14,26 @@ export interface NavigationItem {
14
14
  /** Link URL */
15
15
  href: string;
16
16
  }
17
+ /**
18
+ * Props passed to custom header navigation link renderers
19
+ */
20
+ export interface HeaderNavLinkRenderProps {
21
+ /** Original navigation item */
22
+ item: NavigationItem;
23
+ /** Link content */
24
+ children: ReactNode;
25
+ /** Link className generated by Header */
26
+ className: string;
27
+ /** Optional click handler (used in mobile menu to close panel) */
28
+ onClick?: () => void;
29
+ }
30
+ /**
31
+ * Custom header navigation link renderer
32
+ *
33
+ * Useful for integrating framework routing components (e.g. Next.js Link)
34
+ * while preserving the Header's styling and behavior.
35
+ */
36
+ export type HeaderNavLinkRenderer = (props: HeaderNavLinkRenderProps) => ReactNode;
17
37
  /**
18
38
  * Template variant affecting layout and styling
19
39
  */
@@ -44,6 +64,8 @@ export interface HeaderProps {
44
64
  loginButtonClassName?: string;
45
65
  /** Custom className for mobile menu button */
46
66
  mobileMenuButtonClassName?: string;
67
+ /** Optional custom renderer for navigation links */
68
+ renderNavLink?: HeaderNavLinkRenderer;
47
69
  /** Element ID */
48
70
  id?: string;
49
71
  /** ARIA label */
package/dist/types/widgets/header/model/types.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/widgets/header/model/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,MAAM,WAAW,cAAc;IAC9B,wBAAwB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,eAAe;IACf,IAAI,EAAE,MAAM,CAAC;CACb;AAED;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE5D;;GAEG;AACH,MAAM,WAAW,WAAW;IAC3B,uBAAuB;IACvB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,2BAA2B;IAC3B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,6BAA6B;IAC7B,eAAe,CAAC,EAAE,cAAc,EAAE,CAAC;IACnC,iCAAiC;IACjC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,uBAAuB;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gDAAgD;IAChD,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,4CAA4C;IAC5C,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,wCAAwC;IACxC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,8CAA8C;IAC9C,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,iBAAiB;IACjB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,iBAAiB;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,WAAW;IAC3B,OAAO,EAAE,aAAa,CAAC;IACvB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,eAAe,EAAE,cAAc,EAAE,CAAC;IAClC,eAAe,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,OAAO,CAAC;CACxB"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/widgets/header/model/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,MAAM,WAAW,cAAc;IAC9B,wBAAwB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,eAAe;IACf,IAAI,EAAE,MAAM,CAAC;CACb;AAED;;GAEG;AACH,MAAM,WAAW,wBAAwB;IACxC,+BAA+B;IAC/B,IAAI,EAAE,cAAc,CAAC;IACrB,mBAAmB;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,yCAAyC;IACzC,SAAS,EAAE,MAAM,CAAC;IAClB,kEAAkE;IAClE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;;;;GAKG;AACH,MAAM,MAAM,qBAAqB,GAAG,CACnC,KAAK,EAAE,wBAAwB,KAC3B,SAAS,CAAC;AAEf;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE5D;;GAEG;AACH,MAAM,WAAW,WAAW;IAC3B,uBAAuB;IACvB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,2BAA2B;IAC3B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,6BAA6B;IAC7B,eAAe,CAAC,EAAE,cAAc,EAAE,CAAC;IACnC,iCAAiC;IACjC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,uBAAuB;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gDAAgD;IAChD,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,4CAA4C;IAC5C,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,wCAAwC;IACxC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,8CAA8C;IAC9C,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,oDAAoD;IACpD,aAAa,CAAC,EAAE,qBAAqB,CAAC;IACtC,iBAAiB;IACjB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,iBAAiB;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,WAAW;IAC3B,OAAO,EAAE,aAAa,CAAC;IACvB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,eAAe,EAAE,cAAc,EAAE,CAAC;IAClC,eAAe,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,OAAO,CAAC;CACxB"}
package/dist/types/widgets/header/ui/header.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../../../src/widgets/header/ui/header.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAKH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAG5C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,MAAM,qGAkPlB,CAAC"}
1
+ {"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../../../src/widgets/header/ui/header.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAKH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAG5C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,MAAM,qGAgRlB,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@homlista-devs/ui",
3
- "version": "1.6.6",
3
+ "version": "1.6.8",
4
4
  "main": "./dist/design-system.cjs.js",
5
5
  "module": "./dist/design-system.es.js",
6
6
  "types": "./dist/types/index.d.ts",