@vkzstudio/muza-ui 1.6.0 → 1.8.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/ArticleCard/ArticleCard.d.ts.map +1 -1
- package/dist/components/ArticleCard/ArticleCard.js +161 -170
- package/dist/components/CarouselSection/CarouselSection.examples.d.ts +1 -1
- package/dist/components/Dialog/Dialog.d.ts +19 -6
- package/dist/components/Dialog/Dialog.d.ts.map +1 -1
- package/dist/components/Dialog/Dialog.js +148 -112
- package/dist/components/Dialog/Dialog.stories.d.ts +3 -0
- package/dist/components/Dialog/Dialog.stories.d.ts.map +1 -1
- package/dist/components/OfferCard/OfferCard.d.ts +45 -17
- package/dist/components/OfferCard/OfferCard.d.ts.map +1 -1
- package/dist/components/OfferCard/OfferCard.js +180 -266
- package/dist/components/OfferCard/OfferCard.stories.d.ts +5 -2
- package/dist/components/OfferCard/OfferCard.stories.d.ts.map +1 -1
- package/dist/components/PartnerCard/PartnerCard.d.ts +90 -26
- package/dist/components/PartnerCard/PartnerCard.d.ts.map +1 -1
- package/dist/components/PartnerCard/PartnerCard.js +323 -264
- package/dist/components/PartnerCard/PartnerCard.stories.d.ts +6 -0
- package/dist/components/PartnerCard/PartnerCard.stories.d.ts.map +1 -1
- package/dist/components/PriceTag/PriceTag.d.ts +37 -0
- package/dist/components/PriceTag/PriceTag.d.ts.map +1 -0
- package/dist/components/PriceTag/PriceTag.js +43 -0
- package/dist/components/PriceTag/PriceTag.stories.d.ts +8 -0
- package/dist/components/PriceTag/PriceTag.stories.d.ts.map +1 -0
- package/dist/components/PriceTag/index.d.ts +2 -0
- package/dist/components/PriceTag/index.d.ts.map +1 -0
- package/dist/components/PriceTag/index.js +5 -0
- package/dist/components/Tooltip/Tooltip.d.ts +18 -7
- package/dist/components/Tooltip/Tooltip.d.ts.map +1 -1
- package/dist/components/Tooltip/Tooltip.js +116 -68
- package/dist/components/Tooltip/Tooltip.stories.d.ts +1 -0
- package/dist/components/Tooltip/Tooltip.stories.d.ts.map +1 -1
- package/dist/components/VoucherCard/VoucherCard.d.ts +24 -1
- package/dist/components/VoucherCard/VoucherCard.d.ts.map +1 -1
- package/dist/components/VoucherCard/VoucherCard.js +68 -76
- package/dist/components/VoucherCard/VoucherCard.stories.d.ts +1 -0
- package/dist/components/VoucherCard/VoucherCard.stories.d.ts.map +1 -1
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/internal/CardCompactShell.d.ts +80 -0
- package/dist/components/internal/CardCompactShell.d.ts.map +1 -0
- package/dist/components/internal/CardCompactShell.js +148 -0
- package/dist/components/internal/CardImageSlot.d.ts +56 -0
- package/dist/components/internal/CardImageSlot.d.ts.map +1 -0
- package/dist/components/internal/CardImageSlot.js +85 -0
- package/dist/index.js +178 -175
- package/dist/muza-ui.css +1 -1
- package/dist/styles/token-sizes.css +16 -4
- package/dist/utils/cn.d.ts.map +1 -1
- package/dist/utils/cn.js +6 -3
- package/dist/utils/disabledLinkProps.d.ts +8 -1
- package/dist/utils/disabledLinkProps.d.ts.map +1 -1
- package/dist/utils/disabledLinkProps.js +0 -1
- package/package.json +3 -2
|
@@ -132,8 +132,8 @@
|
|
|
132
132
|
--radius-comp-card-default-radius: var(--radius-xl);
|
|
133
133
|
--spacing-comp-card-default-p-hor: var(--spacing-2xl);
|
|
134
134
|
--spacing-comp-card-default-p-ver: var(--spacing-2xl);
|
|
135
|
-
--spacing-comp-carousel-gap: var(--spacing-md);
|
|
136
135
|
--spacing-comp-carousel-dots-gap: var(--spacing-lg);
|
|
136
|
+
--spacing-comp-carousel-gap: var(--spacing-lg);
|
|
137
137
|
--radius-comp-carousel-radius: var(--radius-lg);
|
|
138
138
|
--spacing-comp-carousel-arrow-offset-sm: var(--spacing-xl);
|
|
139
139
|
--spacing-comp-carousel-arrow-offset-v-sm: var(--spacing-xl);
|
|
@@ -237,6 +237,7 @@
|
|
|
237
237
|
--spacing-comp-offer-card-list-view-p-img: var(--spacing-sm);
|
|
238
238
|
--radius-comp-offer-card-list-view-radius-img: var(--radius-lg);
|
|
239
239
|
--spacing-comp-offer-card-list-view-gap: var(--spacing-xl);
|
|
240
|
+
--spacing-comp-offer-card-list-view-icon-size: var(--spacing-40);
|
|
240
241
|
--spacing-comp-offer-card-list-view-logo-size: var(--spacing-56);
|
|
241
242
|
--spacing-comp-offer-card-list-view-h-img: 112px;
|
|
242
243
|
--spacing-comp-offer-card-list-view-w-img: 112px;
|
|
@@ -265,6 +266,8 @@
|
|
|
265
266
|
--spacing-comp-partner-card-list-view-p-img: var(--spacing-sm);
|
|
266
267
|
--radius-comp-partner-card-list-view-radius-img: var(--radius-lg);
|
|
267
268
|
--spacing-comp-partner-card-list-view-gap: var(--spacing-xl);
|
|
269
|
+
--spacing-comp-partner-card-list-view-icon-size: var(--spacing-40);
|
|
270
|
+
--spacing-comp-partner-card-list-view-icon-size: var(--spacing-40);
|
|
268
271
|
--spacing-comp-partner-card-list-view-logo-size: var(--spacing-56);
|
|
269
272
|
--spacing-comp-partner-card-list-view-h-img: 112px;
|
|
270
273
|
--spacing-comp-partner-card-list-view-w-img: 112px;
|
|
@@ -551,8 +554,8 @@
|
|
|
551
554
|
--radius-comp-card-default-radius: var(--radius-xl);
|
|
552
555
|
--spacing-comp-card-default-p-hor: var(--spacing-2xl);
|
|
553
556
|
--spacing-comp-card-default-p-ver: var(--spacing-2xl);
|
|
554
|
-
--spacing-comp-carousel-gap: var(--spacing-md);
|
|
555
557
|
--spacing-comp-carousel-dots-gap: var(--spacing-lg);
|
|
558
|
+
--spacing-comp-carousel-gap: var(--spacing-lg);
|
|
556
559
|
--radius-comp-carousel-radius: var(--radius-lg);
|
|
557
560
|
--spacing-comp-carousel-arrow-offset-sm: var(--spacing-xl);
|
|
558
561
|
--spacing-comp-carousel-arrow-offset-v-sm: var(--spacing-xl);
|
|
@@ -656,6 +659,7 @@
|
|
|
656
659
|
--spacing-comp-offer-card-list-view-p-img: var(--spacing-sm);
|
|
657
660
|
--radius-comp-offer-card-list-view-radius-img: var(--radius-lg);
|
|
658
661
|
--spacing-comp-offer-card-list-view-gap: var(--spacing-xl);
|
|
662
|
+
--spacing-comp-offer-card-list-view-icon-size: var(--spacing-40);
|
|
659
663
|
--spacing-comp-offer-card-list-view-logo-size: var(--spacing-64);
|
|
660
664
|
--spacing-comp-offer-card-list-view-h-img: 112px;
|
|
661
665
|
--spacing-comp-offer-card-list-view-w-img: 112px;
|
|
@@ -684,6 +688,8 @@
|
|
|
684
688
|
--spacing-comp-partner-card-list-view-p-img: var(--spacing-sm);
|
|
685
689
|
--radius-comp-partner-card-list-view-radius-img: var(--radius-lg);
|
|
686
690
|
--spacing-comp-partner-card-list-view-gap: var(--spacing-xl);
|
|
691
|
+
--spacing-comp-partner-card-list-view-icon-size: var(--spacing-40);
|
|
692
|
+
--spacing-comp-partner-card-list-view-icon-size: var(--spacing-40);
|
|
687
693
|
--spacing-comp-partner-card-list-view-logo-size: var(--spacing-64);
|
|
688
694
|
--spacing-comp-partner-card-list-view-h-img: 112px;
|
|
689
695
|
--spacing-comp-partner-card-list-view-w-img: 112px;
|
|
@@ -971,10 +977,10 @@
|
|
|
971
977
|
--spacing-comp-card-default-p-hor: var(--spacing-lg);
|
|
972
978
|
--spacing-comp-card-default-p-ver: var(--spacing-xl);
|
|
973
979
|
--radius-comp-card-default-radius: var(--radius-xl);
|
|
974
|
-
--spacing-comp-carousel-gap: var(--spacing-sm);
|
|
975
980
|
--spacing-comp-carousel-arrow-offset: var(--spacing-md);
|
|
976
981
|
--spacing-comp-carousel-arrow-offset-sm: var(--spacing-md);
|
|
977
982
|
--spacing-comp-carousel-dots-gap: var(--spacing-md);
|
|
983
|
+
--spacing-comp-carousel-gap: var(--spacing-lg);
|
|
978
984
|
--radius-comp-carousel-radius: var(--radius-lg);
|
|
979
985
|
--spacing-comp-carousel-arrow-offset-v-sm: var(--spacing-xl);
|
|
980
986
|
--spacing-comp-carousel-circle-size: var(--spacing-24);
|
|
@@ -1076,6 +1082,7 @@
|
|
|
1076
1082
|
--spacing-comp-offer-card-list-view-p-img: var(--spacing-xs);
|
|
1077
1083
|
--spacing-comp-offer-card-list-view-gap: var(--spacing-lg);
|
|
1078
1084
|
--radius-comp-offer-card-list-view-radius-img: var(--radius-lg);
|
|
1085
|
+
--spacing-comp-offer-card-list-view-icon-size: var(--spacing-40);
|
|
1079
1086
|
--spacing-comp-offer-card-list-view-logo-size: var(--spacing-40);
|
|
1080
1087
|
--spacing-comp-offer-card-list-view-h-img: 106px;
|
|
1081
1088
|
--spacing-comp-offer-card-list-view-w-img: 106px;
|
|
@@ -1104,6 +1111,8 @@
|
|
|
1104
1111
|
--spacing-comp-partner-card-list-view-p-img: var(--spacing-xs);
|
|
1105
1112
|
--spacing-comp-partner-card-list-view-gap: var(--spacing-lg);
|
|
1106
1113
|
--radius-comp-partner-card-list-view-radius-img: var(--radius-lg);
|
|
1114
|
+
--spacing-comp-partner-card-list-view-icon-size: var(--spacing-40);
|
|
1115
|
+
--spacing-comp-partner-card-list-view-icon-size: var(--spacing-40);
|
|
1107
1116
|
--spacing-comp-partner-card-list-view-logo-size: var(--spacing-40);
|
|
1108
1117
|
--spacing-comp-partner-card-list-view-h-img: 106px;
|
|
1109
1118
|
--spacing-comp-partner-card-list-view-w-img: 106px;
|
|
@@ -1391,8 +1400,8 @@
|
|
|
1391
1400
|
--radius-comp-card-default-radius: var(--radius-xl);
|
|
1392
1401
|
--spacing-comp-card-default-p-hor: var(--spacing-2xl);
|
|
1393
1402
|
--spacing-comp-card-default-p-ver: var(--spacing-3xl);
|
|
1394
|
-
--spacing-comp-carousel-gap: var(--spacing-md);
|
|
1395
1403
|
--spacing-comp-carousel-dots-gap: var(--spacing-lg);
|
|
1404
|
+
--spacing-comp-carousel-gap: var(--spacing-lg);
|
|
1396
1405
|
--radius-comp-carousel-radius: var(--radius-lg);
|
|
1397
1406
|
--spacing-comp-carousel-arrow-offset-sm: var(--spacing-xl);
|
|
1398
1407
|
--spacing-comp-carousel-arrow-offset-v-sm: var(--spacing-xl);
|
|
@@ -1496,6 +1505,7 @@
|
|
|
1496
1505
|
--spacing-comp-offer-card-list-view-p-img: var(--spacing-sm);
|
|
1497
1506
|
--radius-comp-offer-card-list-view-radius-img: var(--radius-lg);
|
|
1498
1507
|
--spacing-comp-offer-card-list-view-gap: var(--spacing-xl);
|
|
1508
|
+
--spacing-comp-offer-card-list-view-icon-size: var(--spacing-40);
|
|
1499
1509
|
--spacing-comp-offer-card-list-view-logo-size: var(--spacing-64);
|
|
1500
1510
|
--spacing-comp-offer-card-list-view-h-img: 112px;
|
|
1501
1511
|
--spacing-comp-offer-card-list-view-w-img: 112px;
|
|
@@ -1524,6 +1534,8 @@
|
|
|
1524
1534
|
--spacing-comp-partner-card-list-view-p-img: var(--spacing-sm);
|
|
1525
1535
|
--radius-comp-partner-card-list-view-radius-img: var(--radius-lg);
|
|
1526
1536
|
--spacing-comp-partner-card-list-view-gap: var(--spacing-xl);
|
|
1537
|
+
--spacing-comp-partner-card-list-view-icon-size: var(--spacing-40);
|
|
1538
|
+
--spacing-comp-partner-card-list-view-icon-size: var(--spacing-40);
|
|
1527
1539
|
--spacing-comp-partner-card-list-view-logo-size: var(--spacing-64);
|
|
1528
1540
|
--spacing-comp-partner-card-list-view-h-img: 112px;
|
|
1529
1541
|
--spacing-comp-partner-card-list-view-w-img: 112px;
|
package/dist/utils/cn.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../src/utils/cn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAQ,MAAM,MAAM,CAAA;
|
|
1
|
+
{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../src/utils/cn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAQ,MAAM,MAAM,CAAA;AA6Z5C,eAAO,MAAM,EAAE,GAAI,GAAG,QAAQ,UAAU,EAAE,WAEzC,CAAA"}
|
package/dist/utils/cn.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { clsx as p } from "clsx";
|
|
2
|
-
import { extendTailwindMerge as
|
|
2
|
+
import { extendTailwindMerge as e } from "tailwind-merge";
|
|
3
3
|
const o = [
|
|
4
4
|
"none",
|
|
5
5
|
"2xs",
|
|
@@ -333,6 +333,7 @@ const o = [
|
|
|
333
333
|
"comp-offer-card-compact-p-img",
|
|
334
334
|
"comp-offer-card-compact-p-top",
|
|
335
335
|
"comp-offer-card-compact-radius",
|
|
336
|
+
"comp-offer-card-list-view-icon-size",
|
|
336
337
|
"comp-offer-card-search-gap",
|
|
337
338
|
"comp-offer-card-search-gap-text",
|
|
338
339
|
"comp-offer-card-search-h-img",
|
|
@@ -351,6 +352,7 @@ const o = [
|
|
|
351
352
|
"comp-partner-card-hero-sm-radius",
|
|
352
353
|
"comp-partner-card-list-view-gap",
|
|
353
354
|
"comp-partner-card-list-view-h-img",
|
|
355
|
+
"comp-partner-card-list-view-icon-size",
|
|
354
356
|
"comp-partner-card-list-view-p-img",
|
|
355
357
|
"comp-partner-card-list-view-radius-img",
|
|
356
358
|
"comp-partner-card-list-view-w-img",
|
|
@@ -380,6 +382,7 @@ const o = [
|
|
|
380
382
|
"comp-slider-track-h-sm",
|
|
381
383
|
"comp-voucher-listview-gap",
|
|
382
384
|
"comp-voucher-listview-h-img",
|
|
385
|
+
"comp-voucher-listview-icon-size",
|
|
383
386
|
"comp-voucher-listview-p",
|
|
384
387
|
"comp-voucher-listview-radius-img",
|
|
385
388
|
"comp-voucher-listview-w-img",
|
|
@@ -393,7 +396,7 @@ const o = [
|
|
|
393
396
|
"comp-dropdown-menu-market-min-w",
|
|
394
397
|
"comp-map-pin-card-p",
|
|
395
398
|
"comp-map-pin-card-radius"
|
|
396
|
-
],
|
|
399
|
+
], a = e({
|
|
397
400
|
extend: {
|
|
398
401
|
theme: {
|
|
399
402
|
spacing: o,
|
|
@@ -401,7 +404,7 @@ const o = [
|
|
|
401
404
|
},
|
|
402
405
|
classGroups: {}
|
|
403
406
|
}
|
|
404
|
-
}), t = (...c) =>
|
|
407
|
+
}), t = (...c) => a(p(c));
|
|
405
408
|
export {
|
|
406
409
|
t as cn
|
|
407
410
|
};
|
|
@@ -4,9 +4,16 @@ import type * as React from 'react';
|
|
|
4
4
|
* to make it non-navigable while disabled. Library-agnostic: removes the
|
|
5
5
|
* element from the tab order and blocks activation even when the navigation
|
|
6
6
|
* target is not `href` (e.g. React Router's `to`).
|
|
7
|
+
*
|
|
8
|
+
* Deliberately does **not** null the navigation prop. Router links validate
|
|
9
|
+
* their target eagerly — Next.js `<Link>` throws when `href` is `undefined` —
|
|
10
|
+
* so stripping it on a cloned `asChild` child tears down the card's subtree
|
|
11
|
+
* instead of disabling it. `tabIndex: -1`, `aria-disabled` and the `onClick`
|
|
12
|
+
* guard already make the element non-navigable, and the card root carries
|
|
13
|
+
* `pointer-events-none` on top of that. Components that render their own
|
|
14
|
+
* built-in `<a>` strip `href` there, where the element type is known.
|
|
7
15
|
*/
|
|
8
16
|
export declare const disabledLinkProps: {
|
|
9
|
-
href: undefined;
|
|
10
17
|
tabIndex: number;
|
|
11
18
|
'aria-disabled': true;
|
|
12
19
|
onClick: (event: React.MouseEvent) => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"disabledLinkProps.d.ts","sourceRoot":"","sources":["../../src/utils/disabledLinkProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAEnC
|
|
1
|
+
{"version":3,"file":"disabledLinkProps.d.ts","sourceRoot":"","sources":["../../src/utils/disabledLinkProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAEnC;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,iBAAiB;;;qBAGX,KAAK,CAAC,UAAU;CACgB,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vkzstudio/muza-ui",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.8.0",
|
|
4
4
|
"description": "React component library built with Vite, shadcn/ui, and Tailwind CSS",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -65,11 +65,12 @@
|
|
|
65
65
|
"add-component": "chmod +x scripts/add-component.sh && ./scripts/add-component.sh",
|
|
66
66
|
"add-component:win": "powershell -ExecutionPolicy Bypass -File scripts/add-component.ps1",
|
|
67
67
|
"tokens:import": "node scripts/import-tokens.mjs",
|
|
68
|
+
"changeset:version": "changeset version && npm install --package-lock-only --ignore-scripts",
|
|
68
69
|
"format": "prettier --write .",
|
|
69
70
|
"chromatic": "npx chromatic --project-token=chpt_23ce248b589dbff",
|
|
70
71
|
"test:visual": "storybook build --output-dir storybook-static --quiet && playwright test",
|
|
71
72
|
"test:visual:update": "storybook build --output-dir storybook-static --quiet && playwright test --update-snapshots",
|
|
72
|
-
"local-publish": "
|
|
73
|
+
"local-publish": "node scripts/local-publish.mjs"
|
|
73
74
|
},
|
|
74
75
|
"dependencies": {
|
|
75
76
|
"@radix-ui/react-accordion": "^1.2.12",
|