@vkzstudio/muza-ui 1.9.1 → 1.9.2
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/RatingBlock/RatingBlock.d.ts.map +1 -1
- package/dist/components/RatingBlock/RatingBlock.js +22 -19
- package/dist/components/Select/Select.d.ts +26 -0
- package/dist/components/Select/Select.d.ts.map +1 -1
- package/dist/components/Select/Select.js +81 -73
- package/dist/components/Select/Select.stories.d.ts.map +1 -1
- package/dist/components/Tooltip/Tooltip.d.ts +6 -1
- package/dist/components/Tooltip/Tooltip.d.ts.map +1 -1
- package/dist/components/Tooltip/Tooltip.js +17 -17
- package/dist/components/Tooltip/Tooltip.stories.d.ts +1 -0
- package/dist/components/Tooltip/Tooltip.stories.d.ts.map +1 -1
- package/dist/muza-ui.css +1 -1
- package/dist/styles/token-colors.css +4 -0
- package/dist/styles/token-sizes.css +12 -8
- package/dist/utils/cn.d.ts.map +1 -1
- package/dist/utils/cn.js +20 -1
- package/llms-full.md +2 -0
- package/package.json +1 -1
|
@@ -1115,6 +1115,8 @@
|
|
|
1115
1115
|
--color-comp-map-pin-icon: var(--color-black-dramatic-950);
|
|
1116
1116
|
--color-comp-map-pin-surface: var(--color-neutral-white);
|
|
1117
1117
|
--color-comp-map-pin-card-bg: var(--color-surface-base-secondary);
|
|
1118
|
+
--color-comp-market-category-ico-beauty-primary: var(--color-pink-800);
|
|
1119
|
+
--color-comp-market-category-ico-beauty-secondary: var(--color-pink-200);
|
|
1118
1120
|
--color-comp-market-category-ico-books-primary: var(--color-other-blue);
|
|
1119
1121
|
--color-comp-market-category-ico-books-secondary: var(
|
|
1120
1122
|
--color-other-blue-light
|
|
@@ -1139,6 +1141,8 @@
|
|
|
1139
1141
|
--color-comp-market-category-ico-recreation-secondary: var(
|
|
1140
1142
|
--color-other-yellow-light
|
|
1141
1143
|
);
|
|
1144
|
+
--color-comp-market-category-ico-shopping-primary: var(--color-orange-800);
|
|
1145
|
+
--color-comp-market-category-ico-shopping-secondary: var(--color-orange-100);
|
|
1142
1146
|
--color-comp-market-category-ico-sport-primary: var(--color-other-orange);
|
|
1143
1147
|
--color-comp-market-category-ico-sport-secondary: var(
|
|
1144
1148
|
--color-other-orange-light
|
|
@@ -155,6 +155,7 @@
|
|
|
155
155
|
--radius-comp-dialog-radius: var(--radius-2xl);
|
|
156
156
|
--spacing-comp-dialog-p: var(--spacing-3xl);
|
|
157
157
|
--spacing-comp-dialog-gap: var(--spacing-4xl);
|
|
158
|
+
--spacing-comp-dialog-header-gap: var(--spacing-4xl);
|
|
158
159
|
--spacing-comp-dialog-p-hor-overlay: var(--spacing-5xl);
|
|
159
160
|
--spacing-comp-dialog-img-h: var(--spacing-64);
|
|
160
161
|
--spacing-comp-dialog-img-w: 114px;
|
|
@@ -367,11 +368,11 @@
|
|
|
367
368
|
--radius-comp-toast-radius: var(--radius-xl);
|
|
368
369
|
--spacing-comp-toggle-number-size: var(--spacing-24);
|
|
369
370
|
--radius-comp-toggle-number-radius: var(--radius-3xl);
|
|
370
|
-
--spacing-comp-tooltip-p-hor-2: var(--spacing-12);
|
|
371
371
|
--spacing-comp-tooltip-p-right: var(--spacing-12);
|
|
372
372
|
--spacing-comp-tooltip-p-ver: var(--spacing-12);
|
|
373
373
|
--radius-comp-tooltip-radius: var(--radius-md);
|
|
374
374
|
--spacing-comp-tooltip-p-left: var(--spacing-16);
|
|
375
|
+
--spacing-comp-tooltip-w-max: 450px;
|
|
375
376
|
--spacing-comp-view-client-p-hor: var(--spacing-sm);
|
|
376
377
|
--spacing-comp-view-client-p-left: var(--spacing-sm);
|
|
377
378
|
--spacing-comp-view-client-p-right: var(--spacing-lg);
|
|
@@ -390,7 +391,7 @@
|
|
|
390
391
|
--spacing-comp-webcheckout-table-cells-p-ver: var(--spacing-md);
|
|
391
392
|
--spacing-comp-webcheckout-table-cells-p-hor: var(--spacing-lg);
|
|
392
393
|
--spacing-comp-webcheckout-table-cells-h-first-row: var(--spacing-56);
|
|
393
|
-
--spacing-comp-webcheckout-table-cells-h: var(--spacing-
|
|
394
|
+
--spacing-comp-webcheckout-table-cells-h: var(--spacing-80);
|
|
394
395
|
--spacing-icon-xxsmall: var(--spacing-12);
|
|
395
396
|
--spacing-icon-xsmall: var(--spacing-16);
|
|
396
397
|
--spacing-icon-small: var(--spacing-20);
|
|
@@ -577,6 +578,7 @@
|
|
|
577
578
|
--spacing-comp-dialog-p-hor-def: var(--spacing-2xl);
|
|
578
579
|
--spacing-comp-dialog-p: var(--spacing-3xl);
|
|
579
580
|
--spacing-comp-dialog-gap: var(--spacing-4xl);
|
|
581
|
+
--spacing-comp-dialog-header-gap: var(--spacing-4xl);
|
|
580
582
|
--spacing-comp-dialog-p-hor-overlay: var(--spacing-5xl);
|
|
581
583
|
--spacing-comp-dialog-img-h: var(--spacing-64);
|
|
582
584
|
--spacing-comp-dialog-img-w: 114px;
|
|
@@ -789,11 +791,11 @@
|
|
|
789
791
|
--radius-comp-toast-radius: var(--radius-xl);
|
|
790
792
|
--radius-comp-toggle-number-radius: var(--radius-3xl);
|
|
791
793
|
--spacing-comp-toggle-number-size: var(--spacing-24);
|
|
792
|
-
--spacing-comp-tooltip-p-hor-2: var(--spacing-12);
|
|
793
794
|
--spacing-comp-tooltip-p-ver: var(--spacing-12);
|
|
794
795
|
--radius-comp-tooltip-radius: var(--radius-md);
|
|
795
796
|
--spacing-comp-tooltip-p-left: var(--spacing-16);
|
|
796
797
|
--spacing-comp-tooltip-p-right: var(--spacing-36);
|
|
798
|
+
--spacing-comp-tooltip-w-max: 320px;
|
|
797
799
|
--spacing-comp-view-client-p-hor: var(--spacing-md);
|
|
798
800
|
--spacing-comp-view-client-p-right: var(--spacing-md);
|
|
799
801
|
--spacing-comp-view-client-p-left: var(--spacing-lg);
|
|
@@ -812,7 +814,7 @@
|
|
|
812
814
|
--spacing-comp-webcheckout-table-cells-p-hor: var(--spacing-md);
|
|
813
815
|
--spacing-comp-webcheckout-table-cells-p-ver: var(--spacing-md);
|
|
814
816
|
--spacing-comp-webcheckout-table-cells-h-first-row: var(--spacing-56);
|
|
815
|
-
--spacing-comp-webcheckout-table-cells-h:
|
|
817
|
+
--spacing-comp-webcheckout-table-cells-h: 104px;
|
|
816
818
|
--spacing-icon-xxsmall: var(--spacing-12);
|
|
817
819
|
--spacing-icon-xsmall: var(--spacing-16);
|
|
818
820
|
--spacing-icon-medium: var(--spacing-20);
|
|
@@ -999,6 +1001,7 @@
|
|
|
999
1001
|
--spacing-comp-dialog-p-hor-overlay: var(--spacing-xl);
|
|
1000
1002
|
--spacing-comp-dialog-p-hor-sm: var(--spacing-xl);
|
|
1001
1003
|
--radius-comp-dialog-radius: var(--radius-2xl);
|
|
1004
|
+
--spacing-comp-dialog-header-gap: var(--spacing-2xl);
|
|
1002
1005
|
--spacing-comp-dialog-p-hor-def: var(--spacing-2xl);
|
|
1003
1006
|
--spacing-comp-dialog-gap: var(--spacing-3xl);
|
|
1004
1007
|
--spacing-comp-dialog-img-h: var(--spacing-56);
|
|
@@ -1212,11 +1215,11 @@
|
|
|
1212
1215
|
--radius-comp-toast-radius: var(--radius-xl);
|
|
1213
1216
|
--radius-comp-toggle-number-radius: var(--radius-3xl);
|
|
1214
1217
|
--spacing-comp-toggle-number-size: var(--spacing-24);
|
|
1215
|
-
--spacing-comp-tooltip-p-hor-2: var(--spacing-12);
|
|
1216
1218
|
--spacing-comp-tooltip-p-ver: var(--spacing-12);
|
|
1217
1219
|
--radius-comp-tooltip-radius: var(--radius-md);
|
|
1218
1220
|
--spacing-comp-tooltip-p-left: var(--spacing-16);
|
|
1219
1221
|
--spacing-comp-tooltip-p-right: var(--spacing-36);
|
|
1222
|
+
--spacing-comp-tooltip-w-max: 320px;
|
|
1220
1223
|
--spacing-comp-view-client-p-hor: var(--spacing-md);
|
|
1221
1224
|
--spacing-comp-view-client-p-right: var(--spacing-md);
|
|
1222
1225
|
--spacing-comp-view-client-gap: var(--spacing-lg);
|
|
@@ -1235,7 +1238,7 @@
|
|
|
1235
1238
|
--spacing-comp-webcheckout-table-cells-p-hor: var(--spacing-2xs);
|
|
1236
1239
|
--spacing-comp-webcheckout-table-cells-p-ver: var(--spacing-lg);
|
|
1237
1240
|
--spacing-comp-webcheckout-table-cells-h-first-row: var(--spacing-56);
|
|
1238
|
-
--spacing-comp-webcheckout-table-cells-h:
|
|
1241
|
+
--spacing-comp-webcheckout-table-cells-h: var(--spacing-80);
|
|
1239
1242
|
--spacing-icon-xxsmall: var(--spacing-12);
|
|
1240
1243
|
--spacing-icon-xsmall: var(--spacing-16);
|
|
1241
1244
|
--spacing-icon-medium: var(--spacing-20);
|
|
@@ -1423,6 +1426,7 @@
|
|
|
1423
1426
|
--radius-comp-dialog-radius: var(--radius-2xl);
|
|
1424
1427
|
--spacing-comp-dialog-p: var(--spacing-3xl);
|
|
1425
1428
|
--spacing-comp-dialog-gap: var(--spacing-4xl);
|
|
1429
|
+
--spacing-comp-dialog-header-gap: var(--spacing-4xl);
|
|
1426
1430
|
--spacing-comp-dialog-p-hor-overlay: var(--spacing-5xl);
|
|
1427
1431
|
--spacing-comp-dialog-img-h: var(--spacing-64);
|
|
1428
1432
|
--spacing-comp-dialog-img-w: 114px;
|
|
@@ -1635,11 +1639,11 @@
|
|
|
1635
1639
|
--radius-comp-toast-radius: var(--radius-xl);
|
|
1636
1640
|
--spacing-comp-toggle-number-size: var(--spacing-24);
|
|
1637
1641
|
--radius-comp-toggle-number-radius: var(--radius-3xl);
|
|
1638
|
-
--spacing-comp-tooltip-p-hor-2: var(--spacing-12);
|
|
1639
1642
|
--spacing-comp-tooltip-p-right: var(--spacing-12);
|
|
1640
1643
|
--spacing-comp-tooltip-p-ver: var(--spacing-12);
|
|
1641
1644
|
--radius-comp-tooltip-radius: var(--radius-md);
|
|
1642
1645
|
--spacing-comp-tooltip-p-left: var(--spacing-16);
|
|
1646
|
+
--spacing-comp-tooltip-w-max: 450px;
|
|
1643
1647
|
--spacing-comp-view-client-p-hor: var(--spacing-sm);
|
|
1644
1648
|
--spacing-comp-view-client-p-left: var(--spacing-sm);
|
|
1645
1649
|
--spacing-comp-view-client-p-right: var(--spacing-lg);
|
|
@@ -1658,7 +1662,7 @@
|
|
|
1658
1662
|
--spacing-comp-webcheckout-table-cells-p-ver: var(--spacing-md);
|
|
1659
1663
|
--spacing-comp-webcheckout-table-cells-p-hor: var(--spacing-lg);
|
|
1660
1664
|
--spacing-comp-webcheckout-table-cells-h-first-row: var(--spacing-56);
|
|
1661
|
-
--spacing-comp-webcheckout-table-cells-h: var(--spacing-
|
|
1665
|
+
--spacing-comp-webcheckout-table-cells-h: var(--spacing-80);
|
|
1662
1666
|
--spacing-icon-xsmall: var(--spacing-16);
|
|
1663
1667
|
--spacing-icon-xxsmall: var(--spacing-16);
|
|
1664
1668
|
--spacing-icon-small: var(--spacing-20);
|
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;AAgb5C,eAAO,MAAM,EAAE,GAAI,GAAG,QAAQ,UAAU,EAAE,WAEzC,CAAA"}
|
package/dist/utils/cn.js
CHANGED
|
@@ -395,7 +395,26 @@ const o = [
|
|
|
395
395
|
"comp-client-list-radius",
|
|
396
396
|
"comp-dropdown-menu-market-min-w",
|
|
397
397
|
"comp-map-pin-card-p",
|
|
398
|
-
"comp-map-pin-card-radius"
|
|
398
|
+
"comp-map-pin-card-radius",
|
|
399
|
+
"comp-dialog-header-gap",
|
|
400
|
+
"comp-dropdown-menu-gap-phone-code",
|
|
401
|
+
"comp-offer-card-list-view-gap",
|
|
402
|
+
"comp-offer-card-list-view-h-img",
|
|
403
|
+
"comp-offer-card-list-view-logo-size",
|
|
404
|
+
"comp-offer-card-list-view-logo-stroke",
|
|
405
|
+
"comp-offer-card-list-view-p-img",
|
|
406
|
+
"comp-offer-card-list-view-radius-img",
|
|
407
|
+
"comp-offer-card-list-view-w-img",
|
|
408
|
+
"comp-offer-card-whisperer-gap",
|
|
409
|
+
"comp-offer-card-whisperer-h-img",
|
|
410
|
+
"comp-offer-card-whisperer-radius-img",
|
|
411
|
+
"comp-offer-card-whisperer-w-img",
|
|
412
|
+
"comp-partner-card-list-view-logo-size",
|
|
413
|
+
"comp-partner-card-list-view-logo-stroke",
|
|
414
|
+
"comp-price-tag-h",
|
|
415
|
+
"comp-price-tag-p-hor",
|
|
416
|
+
"comp-price-tag-radius",
|
|
417
|
+
"comp-tooltip-w-max"
|
|
399
418
|
], a = e({
|
|
400
419
|
extend: {
|
|
401
420
|
theme: {
|
package/llms-full.md
CHANGED
|
@@ -216,6 +216,8 @@ import {
|
|
|
216
216
|
#### Tooltip
|
|
217
217
|
|
|
218
218
|
`TooltipProvider` is already supplied by `MuzaUIProvider` — do not wrap it again.
|
|
219
|
+
`TooltipContent` wraps at the design system's maximum tooltip width; pass a
|
|
220
|
+
`max-w-*` class to override that cap.
|
|
219
221
|
|
|
220
222
|
```tsx
|
|
221
223
|
import { Tooltip, TooltipContent, TooltipTrigger } from '@vkzstudio/muza-ui'
|