@vkzstudio/muza-ui 1.2.0 → 1.3.0
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/components/Accordion/Accordion.d.ts +52 -2
- package/dist/components/Accordion/Accordion.d.ts.map +1 -1
- package/dist/components/Accordion/Accordion.js +111 -76
- package/dist/components/ArticleCard/ArticleCard.d.ts +178 -0
- package/dist/components/ArticleCard/ArticleCard.d.ts.map +1 -0
- package/dist/components/ArticleCard/ArticleCard.js +542 -0
- package/dist/components/ArticleCard/ArticleCard.stories.d.ts +14 -0
- package/dist/components/ArticleCard/ArticleCard.stories.d.ts.map +1 -0
- package/dist/components/ArticleCard/index.d.ts +2 -0
- package/dist/components/ArticleCard/index.d.ts.map +1 -0
- package/dist/components/ButtonArrow/ButtonArrow.js +1 -1
- package/dist/components/Calendar/Calendar.d.ts.map +1 -1
- package/dist/components/Calendar/Calendar.js +5 -5
- package/dist/components/Calendar/index.d.ts +1 -2
- package/dist/components/Calendar/index.d.ts.map +1 -1
- package/dist/components/Carousel/Carousel.d.ts +9 -0
- package/dist/components/Carousel/Carousel.d.ts.map +1 -1
- package/dist/components/Carousel/Carousel.js +135 -133
- package/dist/components/CarouselSection/CarouselSection.examples.d.ts +34 -0
- package/dist/components/CarouselSection/CarouselSection.examples.d.ts.map +1 -0
- package/dist/components/CarouselSection/CarouselSection.stories.d.ts +8 -0
- package/dist/components/CarouselSection/CarouselSection.stories.d.ts.map +1 -0
- package/dist/components/CategoryCard/CategoryCard.d.ts +97 -0
- package/dist/components/CategoryCard/CategoryCard.d.ts.map +1 -0
- package/dist/components/CategoryCard/CategoryCard.js +152 -0
- package/dist/components/CategoryCard/CategoryCard.stories.d.ts +14 -0
- package/dist/components/CategoryCard/CategoryCard.stories.d.ts.map +1 -0
- package/dist/components/CategoryCard/index.d.ts +2 -0
- package/dist/components/CategoryCard/index.d.ts.map +1 -0
- package/dist/components/CategoryIcon/CategoryIcon.d.ts +45 -0
- package/dist/components/CategoryIcon/CategoryIcon.d.ts.map +1 -0
- package/dist/components/CategoryIcon/CategoryIcon.js +54 -0
- package/dist/components/CategoryIcon/CategoryIcon.stories.d.ts +10 -0
- package/dist/components/CategoryIcon/CategoryIcon.stories.d.ts.map +1 -0
- package/dist/components/CategoryIcon/index.d.ts +2 -0
- package/dist/components/CategoryIcon/index.d.ts.map +1 -0
- package/dist/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/dist/components/DatePicker/DatePicker.js +5 -5
- package/dist/components/DotDivider/DotDivider.d.ts +35 -0
- package/dist/components/DotDivider/DotDivider.d.ts.map +1 -0
- package/dist/components/DotDivider/DotDivider.js +31 -0
- package/dist/components/DotDivider/DotDivider.stories.d.ts +10 -0
- package/dist/components/DotDivider/DotDivider.stories.d.ts.map +1 -0
- package/dist/components/DotDivider/index.d.ts +2 -0
- package/dist/components/DotDivider/index.d.ts.map +1 -0
- package/dist/components/HeartButton/HeartButton.d.ts +61 -0
- package/dist/components/HeartButton/HeartButton.d.ts.map +1 -0
- package/dist/components/HeartButton/HeartButton.js +88 -0
- package/dist/components/HeartButton/HeartButton.stories.d.ts +10 -0
- package/dist/components/HeartButton/HeartButton.stories.d.ts.map +1 -0
- package/dist/components/HeartButton/index.d.ts +2 -0
- package/dist/components/HeartButton/index.d.ts.map +1 -0
- package/dist/components/Icons/CustomBadges.d.ts +20 -0
- package/dist/components/Icons/CustomBadges.d.ts.map +1 -1
- package/dist/components/Icons/CustomBadges.js +176 -21
- package/dist/components/Icons/CustomIcons.d.ts +13 -0
- package/dist/components/Icons/CustomIcons.d.ts.map +1 -1
- package/dist/components/Icons/CustomIcons.js +50 -30
- package/dist/components/Icons/LogosAndBadges.stories.d.ts +2 -1
- package/dist/components/Icons/LogosAndBadges.stories.d.ts.map +1 -1
- package/dist/components/LanguageSwitcher/LanguageSwitcher.d.ts.map +1 -1
- package/dist/components/LanguageSwitcher/LanguageSwitcher.js +65 -55
- package/dist/components/LoginScreen/LoginScreen.d.ts +10 -1
- package/dist/components/LoginScreen/LoginScreen.d.ts.map +1 -1
- package/dist/components/LoginScreen/LoginScreen.js +23 -17
- package/dist/components/MultiSelect/MultiSelect.js +1 -1
- package/dist/components/OfferCard/OfferCard.d.ts +206 -0
- package/dist/components/OfferCard/OfferCard.d.ts.map +1 -0
- package/dist/components/OfferCard/OfferCard.js +423 -0
- package/dist/components/OfferCard/OfferCard.stories.d.ts +15 -0
- package/dist/components/OfferCard/OfferCard.stories.d.ts.map +1 -0
- package/dist/components/OfferCard/index.d.ts +2 -0
- package/dist/components/OfferCard/index.d.ts.map +1 -0
- package/dist/components/PartnerCard/PartnerCard.d.ts +234 -0
- package/dist/components/PartnerCard/PartnerCard.d.ts.map +1 -0
- package/dist/components/PartnerCard/PartnerCard.js +591 -0
- package/dist/components/PartnerCard/PartnerCard.stories.d.ts +14 -0
- package/dist/components/PartnerCard/PartnerCard.stories.d.ts.map +1 -0
- package/dist/components/PartnerCard/index.d.ts +2 -0
- package/dist/components/PartnerCard/index.d.ts.map +1 -0
- package/dist/components/PaymentMethodSelect/PaymentMethodSelect.examples.d.ts +35 -0
- package/dist/components/PaymentMethodSelect/PaymentMethodSelect.examples.d.ts.map +1 -0
- package/dist/components/PaymentMethodSelect/PaymentMethodSelect.stories.d.ts +11 -0
- package/dist/components/PaymentMethodSelect/PaymentMethodSelect.stories.d.ts.map +1 -0
- package/dist/components/Rating/Rating.d.ts +62 -0
- package/dist/components/Rating/Rating.d.ts.map +1 -0
- package/dist/components/Rating/Rating.js +88 -0
- package/dist/components/Rating/Rating.stories.d.ts +12 -0
- package/dist/components/Rating/Rating.stories.d.ts.map +1 -0
- package/dist/components/Rating/index.d.ts +2 -0
- package/dist/components/Rating/index.d.ts.map +1 -0
- package/dist/components/RatingBlock/RatingBlock.d.ts +65 -0
- package/dist/components/RatingBlock/RatingBlock.d.ts.map +1 -0
- package/dist/components/RatingBlock/RatingBlock.js +92 -0
- package/dist/components/RatingBlock/RatingBlock.stories.d.ts +12 -0
- package/dist/components/RatingBlock/RatingBlock.stories.d.ts.map +1 -0
- package/dist/components/RatingBlock/index.d.ts +2 -0
- package/dist/components/RatingBlock/index.d.ts.map +1 -0
- package/dist/components/ResponsiveLayoutTable/ResponsiveLayoutTable.js +5 -5
- package/dist/components/SearchFilters/SearchFilters.d.ts +88 -0
- package/dist/components/SearchFilters/SearchFilters.d.ts.map +1 -0
- package/dist/components/SearchFilters/SearchFilters.js +176 -0
- package/dist/components/SearchFilters/SearchFilters.stories.d.ts +12 -0
- package/dist/components/SearchFilters/SearchFilters.stories.d.ts.map +1 -0
- package/dist/components/SearchFilters/index.d.ts +2 -0
- package/dist/components/SearchFilters/index.d.ts.map +1 -0
- package/dist/components/Tag/Tag.d.ts.map +1 -1
- package/dist/components/TransactionsListView/TransactionsListView.d.ts +152 -0
- package/dist/components/TransactionsListView/TransactionsListView.d.ts.map +1 -0
- package/dist/components/TransactionsListView/TransactionsListView.js +367 -0
- package/dist/components/TransactionsListView/TransactionsListView.stories.d.ts +12 -0
- package/dist/components/TransactionsListView/TransactionsListView.stories.d.ts.map +1 -0
- package/dist/components/TransactionsListView/index.d.ts +2 -0
- package/dist/components/TransactionsListView/index.d.ts.map +1 -0
- package/dist/components/VoucherCard/VoucherCard.d.ts +105 -0
- package/dist/components/VoucherCard/VoucherCard.d.ts.map +1 -0
- package/dist/components/VoucherCard/VoucherCard.js +167 -0
- package/dist/components/VoucherCard/VoucherCard.stories.d.ts +9 -0
- package/dist/components/VoucherCard/VoucherCard.stories.d.ts.map +1 -0
- package/dist/components/VoucherCard/index.d.ts +2 -0
- package/dist/components/VoucherCard/index.d.ts.map +1 -0
- package/dist/components/index.d.ts +12 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/index.js +405 -352
- package/dist/muza-ui.css +1 -1
- package/dist/styles/primitives.css +5 -0
- package/dist/styles/token-colors.css +105 -30
- package/dist/styles/token-sizes.css +24 -0
- package/dist/translations/index.d.ts +2 -1
- package/dist/translations/index.d.ts.map +1 -1
- package/dist/translations/locales/cs.d.ts.map +1 -1
- package/dist/translations/locales/cs.js +30 -2
- package/dist/translations/locales/en.d.ts.map +1 -1
- package/dist/translations/locales/en.js +26 -2
- package/dist/translations/locales/sk.d.ts.map +1 -1
- package/dist/translations/locales/sk.js +30 -2
- package/dist/translations/resolvePluralTemplate.d.ts +10 -0
- package/dist/translations/resolvePluralTemplate.d.ts.map +1 -0
- package/dist/translations/resolvePluralTemplate.js +20 -0
- package/dist/translations/types.d.ts +57 -0
- package/dist/translations/types.d.ts.map +1 -1
- package/dist/utils/cn.d.ts.map +1 -1
- package/dist/utils/cn.js +116 -24
- package/dist/utils/disabledLinkProps.d.ts +14 -0
- package/dist/utils/disabledLinkProps.d.ts.map +1 -0
- package/dist/utils/disabledLinkProps.js +9 -0
- package/dist/{components/Calendar/utils → utils}/formatDate.d.ts +1 -1
- package/dist/utils/formatDate.d.ts.map +1 -0
- package/dist/utils/formatDateRange.d.ts.map +1 -0
- package/dist/utils/index.d.ts +3 -0
- package/dist/utils/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/dist/components/Calendar/utils/formatDate.d.ts.map +0 -1
- package/dist/components/Calendar/utils/formatDateRange.d.ts.map +0 -1
- /package/dist/{components/Calendar/utils → utils}/formatDate.js +0 -0
- /package/dist/{components/Calendar/utils → utils}/formatDateRange.d.ts +0 -0
- /package/dist/{components/Calendar/utils → utils}/formatDateRange.js +0 -0
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
declare const voucherCardVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
|
|
4
|
+
declare const voucherCardTitleVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
|
|
5
|
+
declare const voucherCardDescriptionVariants: (props?: ({
|
|
6
|
+
disabled?: boolean | null | undefined;
|
|
7
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
8
|
+
/** Props for the `VoucherCard.Skeleton` subcomponent. */
|
|
9
|
+
export interface VoucherCardSkeletonProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
|
|
10
|
+
/**
|
|
11
|
+
* Skeleton color, forwarded to every inner `Skeleton` block. Use `'light'`
|
|
12
|
+
* when the skeleton sits on a tinted surface.
|
|
13
|
+
*
|
|
14
|
+
* @default 'default'
|
|
15
|
+
*/
|
|
16
|
+
color?: 'default' | 'light';
|
|
17
|
+
}
|
|
18
|
+
declare const VoucherCardSkeleton: {
|
|
19
|
+
({ color, className, ...props }: VoucherCardSkeletonProps): import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
displayName: string;
|
|
21
|
+
};
|
|
22
|
+
/**
|
|
23
|
+
* Content props shared between the default-anchor and `asChild` shapes of
|
|
24
|
+
* VoucherCard.
|
|
25
|
+
*/
|
|
26
|
+
export interface VoucherCardBaseProps extends Omit<VariantProps<typeof voucherCardVariants>, 'variant'> {
|
|
27
|
+
/** Title line — rendered inside the card. */
|
|
28
|
+
title: string;
|
|
29
|
+
/**
|
|
30
|
+
* Secondary line under the title — typically a validity date (e.g.
|
|
31
|
+
* `"Platnost do 8. 10. 2025"`). When `disabled` is true the consumer is
|
|
32
|
+
* expected to swap the copy to an invalidation string (e.g.
|
|
33
|
+
* `"Zneplatněno 8. 10. 2025"`); the component renders the disabled copy in
|
|
34
|
+
* `text-state-error-def` (red) regardless.
|
|
35
|
+
*/
|
|
36
|
+
description: string;
|
|
37
|
+
/**
|
|
38
|
+
* Image source — either a URL string (rendered as a plain `<img>`) or a
|
|
39
|
+
* custom React node such as a Next.js `<Image>` element. The wrapper
|
|
40
|
+
* handles sizing, rounded corners, overflow, and the disabled dim; any
|
|
41
|
+
* direct `<img>` child is auto-stretched to fill the wrapper.
|
|
42
|
+
*/
|
|
43
|
+
image: string | React.ReactNode;
|
|
44
|
+
/**
|
|
45
|
+
* Alt text for the built-in `<img>` (used when `image` is a string).
|
|
46
|
+
* Defaults to `title`. Ignored when `image` is a custom React node.
|
|
47
|
+
*/
|
|
48
|
+
imageAlt?: string;
|
|
49
|
+
/**
|
|
50
|
+
* Disabled visual state. Dims and desaturates the image, grays the title,
|
|
51
|
+
* and switches the description line to `text-state-error-def`. The
|
|
52
|
+
* anchor's `href` is also stripped so the card is non-navigable while
|
|
53
|
+
* keeping its visual state.
|
|
54
|
+
*
|
|
55
|
+
* @default false
|
|
56
|
+
*/
|
|
57
|
+
disabled?: boolean;
|
|
58
|
+
}
|
|
59
|
+
/**
|
|
60
|
+
* Default shape — VoucherCard renders an `<a href>` as the entire card
|
|
61
|
+
* surface, so the whole card is the click target.
|
|
62
|
+
*/
|
|
63
|
+
export interface VoucherCardLinkProps extends VoucherCardBaseProps, Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'title' | 'children' | 'href' | 'type'> {
|
|
64
|
+
/**
|
|
65
|
+
* URL the card navigates to when activated. Required unless `asChild` is
|
|
66
|
+
* used. Stripped from the rendered DOM when `disabled` is true so the
|
|
67
|
+
* anchor becomes non-navigable while keeping its visual state.
|
|
68
|
+
*/
|
|
69
|
+
href: string;
|
|
70
|
+
/** Discriminant: omit (or set to `false`) for the built-in `<a>` shape. Set to `true` to switch to the `asChild` shape. */
|
|
71
|
+
asChild?: false;
|
|
72
|
+
/** Not accepted in the default `<a>` shape — the card composes its own structured content. Use `asChild` to inject a custom root. */
|
|
73
|
+
children?: never;
|
|
74
|
+
}
|
|
75
|
+
/**
|
|
76
|
+
* Escape-hatch shape — hand the card's root off to a consumer-provided
|
|
77
|
+
* `<Link>` (Next.js, React Router, …) via Radix `Slot`. The card's
|
|
78
|
+
* structured content is injected as the link's children.
|
|
79
|
+
*/
|
|
80
|
+
export interface VoucherCardAsChildProps extends VoucherCardBaseProps, Omit<React.HTMLAttributes<HTMLElement>, 'title' | 'children'> {
|
|
81
|
+
/**
|
|
82
|
+
* Replaces the built-in `<a>` root with the consumer's child via Radix
|
|
83
|
+
* `Slot`, so the card surface can be a router `<Link>` (Next.js, React
|
|
84
|
+
* Router, …). Pass a self-closing element; the card injects its content
|
|
85
|
+
* (image + title + description) as the link's children.
|
|
86
|
+
*/
|
|
87
|
+
asChild: true;
|
|
88
|
+
/** Self-closing link element to use as the card's root. Its children are replaced with the card's content. */
|
|
89
|
+
children: React.ReactElement;
|
|
90
|
+
/** Not accepted in the `asChild` shape — set `href` on the consumer-provided child instead. */
|
|
91
|
+
href?: never;
|
|
92
|
+
}
|
|
93
|
+
/**
|
|
94
|
+
* Props for the VoucherCard component.
|
|
95
|
+
*
|
|
96
|
+
* The card is a link by default. Pass `href` for the built-in `<a>`, or
|
|
97
|
+
* `asChild` with a self-closing child to swap in a router `<Link>`.
|
|
98
|
+
*/
|
|
99
|
+
export type VoucherCardProps = VoucherCardLinkProps | VoucherCardAsChildProps;
|
|
100
|
+
declare const VoucherCard: React.ForwardRefExoticComponent<VoucherCardProps & React.RefAttributes<HTMLAnchorElement>>;
|
|
101
|
+
declare const VoucherCardWithSkeleton: typeof VoucherCard & {
|
|
102
|
+
Skeleton: typeof VoucherCardSkeleton;
|
|
103
|
+
};
|
|
104
|
+
export { VoucherCardWithSkeleton as VoucherCard, voucherCardVariants, voucherCardTitleVariants, voucherCardDescriptionVariants, };
|
|
105
|
+
//# sourceMappingURL=VoucherCard.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"VoucherCard.d.ts","sourceRoot":"","sources":["../../../src/components/VoucherCard/VoucherCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAA;AAMjE,QAAA,MAAM,mBAAmB,oFAExB,CAAA;AAED,QAAA,MAAM,wBAAwB,oFAE7B,CAAA;AAED,QAAA,MAAM,8BAA8B;;8EASlC,CAAA;AAEF,yDAAyD;AACzD,MAAM,WAAW,wBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC9D;;;;;OAKG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;CAC5B;AAED,QAAA,MAAM,mBAAmB;qCAItB,wBAAwB;;CAqB1B,CAAA;AA4BD;;;GAGG;AACH,MAAM,WAAW,oBACf,SAAQ,IAAI,CAAC,YAAY,CAAC,OAAO,mBAAmB,CAAC,EAAE,SAAS,CAAC;IACjE,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAA;IACb;;;;;;OAMG;IACH,WAAW,EAAE,MAAM,CAAA;IACnB;;;;;OAKG;IACH,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAC/B;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED;;;GAGG;AACH,MAAM,WAAW,oBACf,SAAQ,oBAAoB,EAC1B,IAAI,CACF,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,CACvC;IACH;;;;OAIG;IACH,IAAI,EAAE,MAAM,CAAA;IACZ,2HAA2H;IAC3H,OAAO,CAAC,EAAE,KAAK,CAAA;IACf,qIAAqI;IACrI,QAAQ,CAAC,EAAE,KAAK,CAAA;CACjB;AAED;;;;GAIG;AACH,MAAM,WAAW,uBACf,SAAQ,oBAAoB,EAC1B,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IAC/D;;;;;OAKG;IACH,OAAO,EAAE,IAAI,CAAA;IACb,8GAA8G;IAC9G,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAA;IAC5B,+FAA+F;IAC/F,IAAI,CAAC,EAAE,KAAK,CAAA;CACb;AAED;;;;;GAKG;AACH,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,GAAG,uBAAuB,CAAA;AAE7E,QAAA,MAAM,WAAW,4FA2FhB,CAAA;AAGD,QAAA,MAAM,uBAAuB,EAAkB,OAAO,WAAW,GAAG;IAClE,QAAQ,EAAE,OAAO,mBAAmB,CAAA;CACrC,CAAA;AAGD,OAAO,EACL,uBAAuB,IAAI,WAAW,EACtC,mBAAmB,EACnB,wBAAwB,EACxB,8BAA8B,GAC/B,CAAA"}
|
|
@@ -0,0 +1,167 @@
|
|
|
1
|
+
import { jsxs as o, Fragment as S, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import * as s from "react";
|
|
3
|
+
import { Slot as j } from "@radix-ui/react-slot";
|
|
4
|
+
import { cva as d } from "class-variance-authority";
|
|
5
|
+
import { cn as c } from "../../utils/cn.js";
|
|
6
|
+
import { Flex as v } from "../Flex/Flex.js";
|
|
7
|
+
import { Typography as h } from "../Typography/Typography.js";
|
|
8
|
+
import { disabledLinkProps as z } from "../../utils/disabledLinkProps.js";
|
|
9
|
+
import { Skeleton as l } from "../Skeleton/Skeleton.js";
|
|
10
|
+
const A = d(
|
|
11
|
+
"group relative flex w-full flex-row items-start gap-comp-voucher-listview-gap border border-solid border-transparent transition-colors outline-none focus-visible:outline-none data-[disabled=true]:pointer-events-none"
|
|
12
|
+
), E = d(
|
|
13
|
+
"line-clamp-3 text-text-dark-primary-def group-hover:text-text-brand-hover group-focus-visible:text-text-brand-focused group-data-[disabled=true]:text-text-dark-disabled"
|
|
14
|
+
), F = d("line-clamp-3 min-w-0", {
|
|
15
|
+
variants: {
|
|
16
|
+
disabled: {
|
|
17
|
+
true: "text-text-state-error-def",
|
|
18
|
+
false: "text-text-dark-secondary group-focus-visible:text-text-brand-focused"
|
|
19
|
+
}
|
|
20
|
+
},
|
|
21
|
+
defaultVariants: { disabled: !1 }
|
|
22
|
+
}), f = ({
|
|
23
|
+
color: a = "default",
|
|
24
|
+
className: t,
|
|
25
|
+
...i
|
|
26
|
+
}) => /* @__PURE__ */ o(
|
|
27
|
+
"div",
|
|
28
|
+
{
|
|
29
|
+
className: c(
|
|
30
|
+
"inline-flex w-full flex-row items-center gap-comp-voucher-listview-gap",
|
|
31
|
+
t
|
|
32
|
+
),
|
|
33
|
+
...i,
|
|
34
|
+
children: [
|
|
35
|
+
/* @__PURE__ */ e(
|
|
36
|
+
l,
|
|
37
|
+
{
|
|
38
|
+
color: a,
|
|
39
|
+
className: "h-comp-voucher-listview-h-img w-comp-voucher-listview-w-img shrink-0 rounded-comp-voucher-listview-radius-img"
|
|
40
|
+
}
|
|
41
|
+
),
|
|
42
|
+
/* @__PURE__ */ o(
|
|
43
|
+
v,
|
|
44
|
+
{
|
|
45
|
+
direction: "column",
|
|
46
|
+
flex: 1,
|
|
47
|
+
className: "my-auto min-w-0 gap-sm py-comp-voucher-listview-p",
|
|
48
|
+
children: [
|
|
49
|
+
/* @__PURE__ */ e(l, { color: a, className: "h-5 w-full max-w-60" }),
|
|
50
|
+
/* @__PURE__ */ e(l, { color: a, className: "h-4 w-40" })
|
|
51
|
+
]
|
|
52
|
+
}
|
|
53
|
+
)
|
|
54
|
+
]
|
|
55
|
+
}
|
|
56
|
+
);
|
|
57
|
+
f.displayName = "VoucherCard.Skeleton";
|
|
58
|
+
const g = ({ image: a, alt: t, wrapperClassName: i }) => /* @__PURE__ */ e("div", { className: i, children: /* @__PURE__ */ e(
|
|
59
|
+
"div",
|
|
60
|
+
{
|
|
61
|
+
className: c(
|
|
62
|
+
"absolute inset-0 overflow-hidden",
|
|
63
|
+
"[&>img]:size-full [&>img]:object-cover",
|
|
64
|
+
"transition-transform duration-300 ease-out group-hover:scale-110 group-focus-visible:scale-110",
|
|
65
|
+
"group-data-[disabled=true]:opacity-50",
|
|
66
|
+
"group-data-[disabled=true]:grayscale",
|
|
67
|
+
"group-data-[disabled=true]:group-hover:scale-100",
|
|
68
|
+
"group-data-[disabled=true]:group-focus-visible:scale-100"
|
|
69
|
+
),
|
|
70
|
+
children: typeof a == "string" ? /* @__PURE__ */ e("img", { src: a, alt: t }) : a
|
|
71
|
+
}
|
|
72
|
+
) });
|
|
73
|
+
g.displayName = "VoucherCard.ImageSlot";
|
|
74
|
+
const b = s.forwardRef(
|
|
75
|
+
(a, t) => {
|
|
76
|
+
const {
|
|
77
|
+
title: i,
|
|
78
|
+
description: w,
|
|
79
|
+
image: x,
|
|
80
|
+
imageAlt: N,
|
|
81
|
+
disabled: r = !1,
|
|
82
|
+
asChild: y = !1,
|
|
83
|
+
href: C,
|
|
84
|
+
className: V,
|
|
85
|
+
children: n,
|
|
86
|
+
...m
|
|
87
|
+
} = a, k = N ?? i, u = c(A(), V), p = /* @__PURE__ */ o(S, { children: [
|
|
88
|
+
/* @__PURE__ */ e(
|
|
89
|
+
g,
|
|
90
|
+
{
|
|
91
|
+
image: x,
|
|
92
|
+
alt: k,
|
|
93
|
+
wrapperClassName: "relative shrink-0 overflow-hidden h-comp-voucher-listview-h-img w-comp-voucher-listview-w-img rounded-comp-voucher-listview-radius-img"
|
|
94
|
+
}
|
|
95
|
+
),
|
|
96
|
+
/* @__PURE__ */ o(
|
|
97
|
+
v,
|
|
98
|
+
{
|
|
99
|
+
direction: "column",
|
|
100
|
+
flex: 1,
|
|
101
|
+
justify: "start",
|
|
102
|
+
className: "my-auto min-w-0 gap-sm py-comp-voucher-listview-p",
|
|
103
|
+
children: [
|
|
104
|
+
/* @__PURE__ */ e(
|
|
105
|
+
h,
|
|
106
|
+
{
|
|
107
|
+
component: "h3",
|
|
108
|
+
variant: "title",
|
|
109
|
+
size: "base",
|
|
110
|
+
weight: "medium",
|
|
111
|
+
className: E(),
|
|
112
|
+
children: i
|
|
113
|
+
}
|
|
114
|
+
),
|
|
115
|
+
/* @__PURE__ */ e(
|
|
116
|
+
h,
|
|
117
|
+
{
|
|
118
|
+
component: "span",
|
|
119
|
+
variant: "body",
|
|
120
|
+
size: "sm",
|
|
121
|
+
weight: "regular",
|
|
122
|
+
fixY: !0,
|
|
123
|
+
className: F({ disabled: r }),
|
|
124
|
+
children: w
|
|
125
|
+
}
|
|
126
|
+
)
|
|
127
|
+
]
|
|
128
|
+
}
|
|
129
|
+
)
|
|
130
|
+
] });
|
|
131
|
+
return y && s.isValidElement(n) ? /* @__PURE__ */ e(
|
|
132
|
+
j,
|
|
133
|
+
{
|
|
134
|
+
ref: t,
|
|
135
|
+
className: u,
|
|
136
|
+
"data-disabled": r || void 0,
|
|
137
|
+
"aria-disabled": r || void 0,
|
|
138
|
+
...m,
|
|
139
|
+
children: s.cloneElement(
|
|
140
|
+
n,
|
|
141
|
+
r ? z : void 0,
|
|
142
|
+
p
|
|
143
|
+
)
|
|
144
|
+
}
|
|
145
|
+
) : /* @__PURE__ */ e(
|
|
146
|
+
"a",
|
|
147
|
+
{
|
|
148
|
+
ref: t,
|
|
149
|
+
href: r ? void 0 : C,
|
|
150
|
+
className: u,
|
|
151
|
+
"data-disabled": r || void 0,
|
|
152
|
+
"aria-disabled": r || void 0,
|
|
153
|
+
...m,
|
|
154
|
+
children: p
|
|
155
|
+
}
|
|
156
|
+
);
|
|
157
|
+
}
|
|
158
|
+
);
|
|
159
|
+
b.displayName = "VoucherCard";
|
|
160
|
+
const I = b;
|
|
161
|
+
I.Skeleton = f;
|
|
162
|
+
export {
|
|
163
|
+
I as VoucherCard,
|
|
164
|
+
F as voucherCardDescriptionVariants,
|
|
165
|
+
E as voucherCardTitleVariants,
|
|
166
|
+
A as voucherCardVariants
|
|
167
|
+
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { VoucherCard } from './VoucherCard';
|
|
3
|
+
declare const meta: Meta<typeof VoucherCard>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof VoucherCard>;
|
|
6
|
+
export declare const ListView: Story;
|
|
7
|
+
export declare const ListViewSkeleton: Story;
|
|
8
|
+
export declare const AsChildLink: Story;
|
|
9
|
+
//# sourceMappingURL=VoucherCard.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"VoucherCard.stories.d.ts","sourceRoot":"","sources":["../../../src/components/VoucherCard/VoucherCard.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AA4D3C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CA+BlC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAA;AAEzC,eAAO,MAAM,QAAQ,EAAE,KAoBtB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAgB9B,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAwBzB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/VoucherCard/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
export * from '../translations';
|
|
2
2
|
export * from './Accordion';
|
|
3
3
|
export * from './Alert';
|
|
4
|
+
export * from './ArticleCard';
|
|
4
5
|
export * from './Avatar';
|
|
5
6
|
export * from './Breadcrumb';
|
|
6
7
|
export * from './Button';
|
|
@@ -9,16 +10,20 @@ export * from './Calendar';
|
|
|
9
10
|
export * from './Card';
|
|
10
11
|
export * from './CardCheckboxAmount';
|
|
11
12
|
export * from './Carousel';
|
|
13
|
+
export * from './CategoryCard';
|
|
14
|
+
export * from './CategoryIcon';
|
|
12
15
|
export * from './Checkbox';
|
|
13
16
|
export * from './Chip';
|
|
14
17
|
export * from './DatePicker';
|
|
15
18
|
export * from './DatePickerButton';
|
|
16
19
|
export * from './Dialog';
|
|
20
|
+
export * from './DotDivider';
|
|
17
21
|
export * from './DropdownMenu';
|
|
18
22
|
export * from './EdgeButton';
|
|
19
23
|
export * from './EmptyState';
|
|
20
24
|
export * from './FileUpload';
|
|
21
25
|
export * from './Flex';
|
|
26
|
+
export * from './HeartButton';
|
|
22
27
|
export * from './Icons';
|
|
23
28
|
export * from './Input';
|
|
24
29
|
export * from './Lightbox';
|
|
@@ -27,15 +32,20 @@ export * from './Loader';
|
|
|
27
32
|
export * from './LoginScreen';
|
|
28
33
|
export * from './MultiSelect';
|
|
29
34
|
export * from './MuzaUIProvider';
|
|
35
|
+
export * from './OfferCard';
|
|
30
36
|
export * from './Pagination';
|
|
37
|
+
export * from './PartnerCard';
|
|
31
38
|
export * from './PasswordInput';
|
|
32
39
|
export * from './PinIndicator';
|
|
33
40
|
export * from './Popover';
|
|
34
41
|
export * from './Progress';
|
|
35
42
|
export * from './Radio';
|
|
43
|
+
export * from './Rating';
|
|
44
|
+
export * from './RatingBlock';
|
|
36
45
|
export * from './Reorderable';
|
|
37
46
|
export * from './ReorderableTable';
|
|
38
47
|
export * from './Searchbar';
|
|
48
|
+
export * from './SearchFilters';
|
|
39
49
|
export * from './Select';
|
|
40
50
|
export * from './SegmentedControl';
|
|
41
51
|
export * from './Sheet';
|
|
@@ -53,9 +63,11 @@ export * from './TimePicker';
|
|
|
53
63
|
export * from './Toggle';
|
|
54
64
|
export * from './ToggleCheckButton';
|
|
55
65
|
export * from './ToggleGroup';
|
|
66
|
+
export * from './TransactionsListView';
|
|
56
67
|
export * from './Tooltip';
|
|
57
68
|
export * from './Typography';
|
|
58
69
|
export * from './TypographyLink';
|
|
70
|
+
export * from './VoucherCard';
|
|
59
71
|
export * from './UniversalFooter';
|
|
60
72
|
export * from './DataTable';
|
|
61
73
|
export * from './ExpandableTable';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,cAAc,iBAAiB,CAAA;AAG/B,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,QAAQ,CAAA;AACtB,cAAc,sBAAsB,CAAA;AACpC,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,QAAQ,CAAA;AACtB,cAAc,cAAc,CAAA;AAC5B,cAAc,oBAAoB,CAAA;AAClC,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,oBAAoB,CAAA;AAClC,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,eAAe,CAAA;AAC7B,cAAc,kBAAkB,CAAA;AAChC,cAAc,cAAc,CAAA;AAC5B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,oBAAoB,CAAA;AAClC,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,oBAAoB,CAAA;AAClC,cAAc,SAAS,CAAA;AACvB,cAAc,wBAAwB,CAAA;AACtC,cAAc,UAAU,CAAA;AACxB,cAAc,oBAAoB,CAAA;AAClC,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,OAAO,CAAA;AACrB,cAAc,YAAY,CAAA;AAC1B,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,qBAAqB,CAAA;AACnC,cAAc,eAAe,CAAA;AAC7B,cAAc,WAAW,CAAA;AACzB,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,yBAAyB,CAAA;AACvC,cAAc,YAAY,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,cAAc,iBAAiB,CAAA;AAG/B,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,QAAQ,CAAA;AACtB,cAAc,sBAAsB,CAAA;AACpC,cAAc,YAAY,CAAA;AAC1B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA;AAC1B,cAAc,QAAQ,CAAA;AACtB,cAAc,cAAc,CAAA;AAC5B,cAAc,oBAAoB,CAAA;AAClC,cAAc,UAAU,CAAA;AACxB,cAAc,cAAc,CAAA;AAC5B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,QAAQ,CAAA;AACtB,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,oBAAoB,CAAA;AAClC,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,eAAe,CAAA;AAC7B,cAAc,kBAAkB,CAAA;AAChC,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,eAAe,CAAA;AAC7B,cAAc,oBAAoB,CAAA;AAClC,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,oBAAoB,CAAA;AAClC,cAAc,SAAS,CAAA;AACvB,cAAc,wBAAwB,CAAA;AACtC,cAAc,UAAU,CAAA;AACxB,cAAc,oBAAoB,CAAA;AAClC,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,OAAO,CAAA;AACrB,cAAc,YAAY,CAAA;AAC1B,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,qBAAqB,CAAA;AACnC,cAAc,eAAe,CAAA;AAC7B,cAAc,wBAAwB,CAAA;AACtC,cAAc,WAAW,CAAA;AACzB,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,eAAe,CAAA;AAC7B,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,yBAAyB,CAAA;AACvC,cAAc,YAAY,CAAA"}
|