@homlista-devs/ui 1.6.3 → 1.6.4
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/design-system.cjs.js +17 -17
- package/dist/design-system.cjs.js.map +1 -1
- package/dist/design-system.es.js +783 -775
- package/dist/design-system.es.js.map +1 -1
- package/dist/index.css +27 -8
- package/dist/types/index.d.ts +1 -1
- package/dist/types/index.d.ts.map +1 -1
- package/dist/types/widgets/header/ui/header.d.ts +2 -2
- package/dist/types/widgets/header/ui/header.d.ts.map +1 -1
- package/dist/types/widgets/hero-banner/index.d.ts +3 -3
- package/dist/types/widgets/hero-banner/index.d.ts.map +1 -1
- package/dist/types/widgets/hero-banner/model/create-hero-banner-model.d.ts +1 -1
- package/dist/types/widgets/hero-banner/model/index.d.ts +1 -1
- package/dist/types/widgets/hero-banner/model/index.d.ts.map +1 -1
- package/dist/types/widgets/hero-banner/model/types.d.ts +6 -6
- package/dist/types/widgets/hero-banner/model/types.d.ts.map +1 -1
- package/dist/types/widgets/hero-banner/ui/hero-banner.d.ts +2 -2
- package/dist/types/widgets/hero-banner/ui/hero-banner.d.ts.map +1 -1
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -14,7 +14,6 @@
|
|
|
14
14
|
--color-blue-500: oklch(62.3% 0.214 259.815);
|
|
15
15
|
--color-purple-500: oklch(62.7% 0.265 303.9);
|
|
16
16
|
--color-gray-50: oklch(98.5% 0.002 247.839);
|
|
17
|
-
--color-gray-100: oklch(96.7% 0.003 264.542);
|
|
18
17
|
--color-gray-200: oklch(92.8% 0.006 264.531);
|
|
19
18
|
--color-gray-300: oklch(87.2% 0.01 258.338);
|
|
20
19
|
--color-gray-900: oklch(21% 0.034 264.665);
|
|
@@ -473,6 +472,9 @@
|
|
|
473
472
|
.ml-1\.5 {
|
|
474
473
|
margin-left: calc(var(--spacing) * 1.5);
|
|
475
474
|
}
|
|
475
|
+
.ml-auto {
|
|
476
|
+
margin-left: auto;
|
|
477
|
+
}
|
|
476
478
|
.line-clamp-2 {
|
|
477
479
|
overflow: hidden;
|
|
478
480
|
display: -webkit-box;
|
|
@@ -565,6 +567,9 @@
|
|
|
565
567
|
.h-52 {
|
|
566
568
|
height: calc(var(--spacing) * 52);
|
|
567
569
|
}
|
|
570
|
+
.h-\[15px\] {
|
|
571
|
+
height: 15px;
|
|
572
|
+
}
|
|
568
573
|
.h-\[481px\] {
|
|
569
574
|
height: 481px;
|
|
570
575
|
}
|
|
@@ -637,6 +642,9 @@
|
|
|
637
642
|
.w-70 {
|
|
638
643
|
width: calc(var(--spacing) * 70);
|
|
639
644
|
}
|
|
645
|
+
.w-\[15px\] {
|
|
646
|
+
width: 15px;
|
|
647
|
+
}
|
|
640
648
|
.w-\[454px\] {
|
|
641
649
|
width: 454px;
|
|
642
650
|
}
|
|
@@ -1260,6 +1268,9 @@
|
|
|
1260
1268
|
.px-8 {
|
|
1261
1269
|
padding-inline: calc(var(--spacing) * 8);
|
|
1262
1270
|
}
|
|
1271
|
+
.px-16 {
|
|
1272
|
+
padding-inline: calc(var(--spacing) * 16);
|
|
1273
|
+
}
|
|
1263
1274
|
.py-1 {
|
|
1264
1275
|
padding-block: calc(var(--spacing) * 1);
|
|
1265
1276
|
}
|
|
@@ -1397,6 +1408,14 @@
|
|
|
1397
1408
|
--tw-font-weight: var(--font-weight-semibold);
|
|
1398
1409
|
font-weight: var(--font-weight-semibold);
|
|
1399
1410
|
}
|
|
1411
|
+
.tracking-\[0\.04em\] {
|
|
1412
|
+
--tw-tracking: 0.04em;
|
|
1413
|
+
letter-spacing: 0.04em;
|
|
1414
|
+
}
|
|
1415
|
+
.tracking-\[0\.05em\] {
|
|
1416
|
+
--tw-tracking: 0.05em;
|
|
1417
|
+
letter-spacing: 0.05em;
|
|
1418
|
+
}
|
|
1400
1419
|
.tracking-normal {
|
|
1401
1420
|
--tw-tracking: var(--tracking-normal);
|
|
1402
1421
|
letter-spacing: var(--tracking-normal);
|
|
@@ -1809,13 +1828,6 @@
|
|
|
1809
1828
|
}
|
|
1810
1829
|
}
|
|
1811
1830
|
}
|
|
1812
|
-
.hover\:bg-gray-100 {
|
|
1813
|
-
&:hover {
|
|
1814
|
-
@media (hover: hover) {
|
|
1815
|
-
background-color: var(--color-gray-100);
|
|
1816
|
-
}
|
|
1817
|
-
}
|
|
1818
|
-
}
|
|
1819
1831
|
.hover\:bg-primary\/90 {
|
|
1820
1832
|
&:hover {
|
|
1821
1833
|
@media (hover: hover) {
|
|
@@ -1836,6 +1848,13 @@
|
|
|
1836
1848
|
}
|
|
1837
1849
|
}
|
|
1838
1850
|
}
|
|
1851
|
+
.hover\:bg-zinc-100 {
|
|
1852
|
+
&:hover {
|
|
1853
|
+
@media (hover: hover) {
|
|
1854
|
+
background-color: var(--color-zinc-100);
|
|
1855
|
+
}
|
|
1856
|
+
}
|
|
1857
|
+
}
|
|
1839
1858
|
.hover\:bg-zinc-200 {
|
|
1840
1859
|
&:hover {
|
|
1841
1860
|
@media (hover: hover) {
|
package/dist/types/index.d.ts
CHANGED
|
@@ -30,7 +30,7 @@ export type { EntityDirectoryProps } from "./widgets/entity-directory";
|
|
|
30
30
|
export { EntityDirectory } from "./widgets/entity-directory";
|
|
31
31
|
export type { HeaderProps } from "./widgets/header";
|
|
32
32
|
export { Header } from "./widgets/header";
|
|
33
|
-
export type { HeroBannerContent, HeroBannerLayout, HeroBannerProps,
|
|
33
|
+
export type { HeroBannerContent, HeroBannerLayout, HeroBannerProps, HeroBannerTheme, HeroBannerVariant, HeroMetric, } from "./widgets/hero-banner";
|
|
34
34
|
export { HeroBanner } from "./widgets/hero-banner";
|
|
35
35
|
export type { MortgageCalculatorProps } from "./widgets/mortgage-calculator";
|
|
36
36
|
export { MortgageCalculator } from "./widgets/mortgage-calculator";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,YAAY,EACX,MAAM,EACN,cAAc,EACd,qBAAqB,EACrB,UAAU,GACV,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EACN,uBAAuB,EACvB,wBAAwB,EACxB,YAAY,GACZ,MAAM,mBAAmB,CAAC;AAE3B,YAAY,EACX,WAAW,EACX,iBAAiB,EACjB,aAAa,EACb,cAAc,GACd,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACN,iBAAiB,EACjB,cAAc,EACd,gBAAgB,EAChB,qBAAqB,GACrB,MAAM,qBAAqB,CAAC;AAI7B,YAAY,EACX,YAAY,EACZ,QAAQ,EACR,mBAAmB,EACnB,gBAAgB,EAChB,gBAAgB,EAChB,aAAa,EACb,uBAAuB,EACvB,eAAe,IAAI,2BAA2B,GAC9C,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAIrD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,YAAY,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACrD,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAC5E,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,YAAY,EACX,kBAAkB,EAClB,mBAAmB,EACnB,qBAAqB,GACrB,MAAM,6BAA6B,CAAC;AAErC,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC7E,YAAY,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,YAAY,EACX,iBAAiB,EACjB,UAAU,EACV,qBAAqB,GACrB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACzE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,YAAY,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,YAAY,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAIvD,OAAO,EACN,UAAU,EACV,eAAe,EACf,eAAe,EACf,UAAU,GACV,MAAM,iBAAiB,CAAC;AACzB,YAAY,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AACvE,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,YAAY,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAIpD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,YAAY,EACX,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
* @module widgets/header/ui
|
|
4
4
|
*
|
|
5
5
|
* Pixel-perfect implementation matching Figma template designs
|
|
6
|
-
* Variants: minimal (pill navigation), modern (transparent navigation), luxury (
|
|
6
|
+
* Variants: minimal (pill navigation), modern (transparent navigation), luxury (elegant navigation with separators)
|
|
7
7
|
*
|
|
8
8
|
* IMPORTANT: Always use Tailwind CSS standard classes instead of hardcoded values:
|
|
9
9
|
* ❌ DON'T: px-[24px], text-[14px], bg-[#f4f4f5]
|
|
@@ -17,7 +17,7 @@ import type { HeaderProps } from "../model";
|
|
|
17
17
|
* Pixel-perfect implementation supporting multiple design variants:
|
|
18
18
|
* - Minimal: Centered pill navigation with vertical dividers
|
|
19
19
|
* - Modern: Transparent navigation with dark logo and CTA
|
|
20
|
-
* - Luxury:
|
|
20
|
+
* - Luxury: Elegant navigation with separators, serif logo, and dual actions
|
|
21
21
|
*
|
|
22
22
|
* @example
|
|
23
23
|
* ```tsx
|
|
@@ -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,
|
|
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,qGAyPlB,CAAC"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* Hero Banner Widget
|
|
3
3
|
* @module widgets/hero-banner
|
|
4
4
|
*
|
|
5
|
-
* A flexible hero section component that adapts to different design
|
|
5
|
+
* A flexible hero section component that adapts to different design variants.
|
|
6
6
|
* Supports background images, statistics, logo, and custom search forms.
|
|
7
7
|
*
|
|
8
8
|
* @example
|
|
@@ -14,12 +14,12 @@
|
|
|
14
14
|
* title: "Find Your Dream Home",
|
|
15
15
|
* subtitle: "Discover amazing properties",
|
|
16
16
|
* }}
|
|
17
|
-
*
|
|
17
|
+
* variant="modern"
|
|
18
18
|
* searchForm={<SearchFeature variant="modern" />}
|
|
19
19
|
* />
|
|
20
20
|
* ```
|
|
21
21
|
*/
|
|
22
|
-
export type { HeroBannerContent, HeroBannerLayout, HeroBannerModel, HeroBannerProps,
|
|
22
|
+
export type { HeroBannerContent, HeroBannerLayout, HeroBannerModel, HeroBannerProps, HeroBannerTheme, HeroBannerVariant, HeroMetric, } from "./model";
|
|
23
23
|
export { createHeroBannerModel } from "./model";
|
|
24
24
|
export { HeroBanner } from "./ui/hero-banner";
|
|
25
25
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/widgets/hero-banner/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,YAAY,EACX,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,eAAe,EACf,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/widgets/hero-banner/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,YAAY,EACX,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,UAAU,GACV,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC"}
|
|
@@ -3,5 +3,5 @@
|
|
|
3
3
|
* @module widgets/hero-banner/model
|
|
4
4
|
*/
|
|
5
5
|
export { createHeroBannerModel } from "./create-hero-banner-model";
|
|
6
|
-
export type { HeroBannerContent, HeroBannerLayout, HeroBannerModel, HeroBannerProps,
|
|
6
|
+
export type { HeroBannerContent, HeroBannerLayout, HeroBannerModel, HeroBannerProps, HeroBannerTheme, HeroBannerVariant, HeroMetric, } from "./types";
|
|
7
7
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/widgets/hero-banner/model/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACnE,YAAY,EACX,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,eAAe,EACf,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/widgets/hero-banner/model/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACnE,YAAY,EACX,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,UAAU,GACV,MAAM,SAAS,CAAC"}
|
|
@@ -33,9 +33,9 @@ export interface HeroBannerTheme {
|
|
|
33
33
|
backgroundPosition?: string;
|
|
34
34
|
}
|
|
35
35
|
/**
|
|
36
|
-
*
|
|
36
|
+
* Variant affecting layout and styling
|
|
37
37
|
*/
|
|
38
|
-
export type
|
|
38
|
+
export type HeroBannerVariant = "minimal" | "modern" | "luxury";
|
|
39
39
|
/**
|
|
40
40
|
* Layout variant for content positioning
|
|
41
41
|
*/
|
|
@@ -48,15 +48,15 @@ export interface HeroBannerProps {
|
|
|
48
48
|
content: HeroBannerContent;
|
|
49
49
|
/** Visual theme configuration */
|
|
50
50
|
theme?: HeroBannerTheme;
|
|
51
|
-
/**
|
|
52
|
-
|
|
51
|
+
/** Hero banner variant */
|
|
52
|
+
variant?: HeroBannerVariant;
|
|
53
53
|
/** Layout variant */
|
|
54
54
|
layout?: HeroBannerLayout;
|
|
55
55
|
/** Search form or CTA component */
|
|
56
56
|
searchForm?: ReactNode;
|
|
57
57
|
/** Optional logo element */
|
|
58
58
|
logo?: ReactNode;
|
|
59
|
-
/** Optional navigation/header element (typically shown in minimal
|
|
59
|
+
/** Optional navigation/header element (typically shown in minimal variant) */
|
|
60
60
|
navigation?: ReactNode;
|
|
61
61
|
/** Additional CSS classes */
|
|
62
62
|
className?: string;
|
|
@@ -71,7 +71,7 @@ export interface HeroBannerProps {
|
|
|
71
71
|
export interface HeroBannerModel {
|
|
72
72
|
content: HeroBannerContent;
|
|
73
73
|
theme: HeroBannerTheme;
|
|
74
|
-
|
|
74
|
+
variant: HeroBannerVariant;
|
|
75
75
|
layout: HeroBannerLayout;
|
|
76
76
|
}
|
|
77
77
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/widgets/hero-banner/model/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,MAAM,WAAW,UAAU;IAC1B,iDAAiD;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAC;CACd;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IACjC,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,wBAAwB;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kCAAkC;IAClC,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC/B,2BAA2B;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,6DAA6D;IAC7D,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/widgets/hero-banner/model/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,MAAM,WAAW,UAAU;IAC1B,iDAAiD;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAC;CACd;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IACjC,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,wBAAwB;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kCAAkC;IAClC,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC/B,2BAA2B;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,6DAA6D;IAC7D,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEhE;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC;AAE1C;;GAEG;AACH,MAAM,WAAW,eAAe;IAC/B,4BAA4B;IAC5B,OAAO,EAAE,iBAAiB,CAAC;IAC3B,iCAAiC;IACjC,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,0BAA0B;IAC1B,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,qBAAqB;IACrB,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,mCAAmC;IACnC,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,8EAA8E;IAC9E,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB;IACjB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,mCAAmC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC/B,OAAO,EAAE,iBAAiB,CAAC;IAC3B,KAAK,EAAE,eAAe,CAAC;IACvB,OAAO,EAAE,iBAAiB,CAAC;IAC3B,MAAM,EAAE,gBAAgB,CAAC;CACzB"}
|
|
@@ -6,7 +6,7 @@ import type { HeroBannerProps } from "../model";
|
|
|
6
6
|
/**
|
|
7
7
|
* Hero Banner Component
|
|
8
8
|
*
|
|
9
|
-
* A flexible hero section that adapts to different design
|
|
9
|
+
* A flexible hero section that adapts to different design variants.
|
|
10
10
|
* Supports background images, metrics, logo, and custom search forms.
|
|
11
11
|
*
|
|
12
12
|
* @example
|
|
@@ -21,7 +21,7 @@ import type { HeroBannerProps } from "../model";
|
|
|
21
21
|
* ]
|
|
22
22
|
* }}
|
|
23
23
|
* theme={{ backgroundImage: "/hero-bg.jpg" }}
|
|
24
|
-
*
|
|
24
|
+
* variant="modern"
|
|
25
25
|
* searchForm={<SearchFeature variant="modern" />}
|
|
26
26
|
* />
|
|
27
27
|
* ```
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hero-banner.d.ts","sourceRoot":"","sources":["../../../../../src/widgets/hero-banner/ui/hero-banner.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAmBhD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,UAAU,
|
|
1
|
+
{"version":3,"file":"hero-banner.d.ts","sourceRoot":"","sources":["../../../../../src/widgets/hero-banner/ui/hero-banner.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAmBhD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,UAAU,yGAqKtB,CAAC"}
|