@meduza/ui-kit-2 0.9.3 → 0.9.5
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/RichTitle/RichTitle.types.d.ts +1 -1
- package/dist/ui-kit-2.cjs.development.js +10 -10
- package/dist/ui-kit-2.cjs.development.js.map +1 -1
- package/dist/ui-kit-2.cjs.production.min.js +1 -1
- package/dist/ui-kit-2.cjs.production.min.js.map +1 -1
- package/dist/ui-kit-2.esm.js +10 -10
- package/dist/ui-kit-2.esm.js.map +1 -1
- package/dist/ui-kit-game.css +46 -8
- package/dist/ui-kit.css +46 -8
- package/package.json +1 -1
- package/src/Button/Button.module.css +7 -0
- package/src/Image/Image.module.css +6 -0
- package/src/Image/index.tsx +3 -4
- package/src/RichTitle/RichTitle.module.css +8 -8
- package/src/RichTitle/RichTitle.types.ts +1 -1
- package/src/RichTitle/index.tsx +2 -3
- package/src/SvgSymbol/icons.ts +3 -3
- package/src/Toolbar/Toolbar.module.css +19 -0
|
@@ -125,9 +125,9 @@ const icons = {
|
|
|
125
125
|
content: '<g opacity="0.4"><circle cx="15" cy="15" r="10.5" stroke="white" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/><path d="M15 19.5L15 10.5M15 19.5L18.5 17.2257M15 19.5L11.5 17.2257" stroke="white" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/></g>'
|
|
126
126
|
},
|
|
127
127
|
play: {
|
|
128
|
-
width:
|
|
129
|
-
height:
|
|
130
|
-
content: '<path d="
|
|
128
|
+
width: 32,
|
|
129
|
+
height: 32,
|
|
130
|
+
content: '<path fill-rule="nonzero" clip-rule="evenodd" d="M11.9665 22.877C11.4713 23.1557 10.8594 22.7978 10.8594 22.2296V9.7704C10.8594 9.20219 11.4713 8.84435 11.9665 9.12299L23.0374 15.3526C23.5422 15.6366 23.5422 16.3634 23.0374 16.6474L11.9665 22.877Z" stroke-width="0.371429" stroke-linecap="round" stroke-linejoin="round"/>'
|
|
131
131
|
},
|
|
132
132
|
pause: {
|
|
133
133
|
width: 22,
|
|
@@ -464,7 +464,7 @@ const RenderPicture = ({
|
|
|
464
464
|
}));
|
|
465
465
|
};
|
|
466
466
|
|
|
467
|
-
var styles$F = {"root":"Image-module_root__H5wAh","isStatic":"Image-module_isStatic__TmQ1V","isLoaded":"Image-module_isLoaded__keFnD","wrapper":"Image-module_wrapper__gJtbB","fullscreen":"Image-module_fullscreen__4PU9c","dark":"Image-module_dark__qjo5O"};
|
|
467
|
+
var styles$F = {"root":"Image-module_root__H5wAh","fullRatio":"Image-module_fullRatio__q7QPa","isStatic":"Image-module_isStatic__TmQ1V","isLoaded":"Image-module_isLoaded__keFnD","wrapper":"Image-module_wrapper__gJtbB","fullscreen":"Image-module_fullscreen__4PU9c","dark":"Image-module_dark__qjo5O"};
|
|
468
468
|
|
|
469
469
|
const Image = ({
|
|
470
470
|
alt,
|
|
@@ -493,11 +493,11 @@ const Image = ({
|
|
|
493
493
|
maxWidth: width <= 649 ? width : '100%'
|
|
494
494
|
};
|
|
495
495
|
const pictureStyles = {
|
|
496
|
-
paddingBottom:
|
|
496
|
+
paddingBottom: ratio === null ? 'unset' : `${100 / (ratio || width / height)}%`
|
|
497
497
|
};
|
|
498
498
|
/* fallback w325 url until w6 was released */
|
|
499
499
|
const fallbackSource = source && source[0] || optimized.w325 && optimized.w325['1x'] || optimized.original;
|
|
500
|
-
let classNames = [[styles$F.root, true], [styles$F.isLoaded, isLoaded], [styles$F.fullscreen, lightBox && optimized && optimized.original && fullscreen]];
|
|
500
|
+
let classNames = [[styles$F.root, true], [styles$F.isLoaded, isLoaded], [styles$F.fullscreen, lightBox && optimized && optimized.original && fullscreen], [styles$F.fullRatio, ratio === null]];
|
|
501
501
|
if (styleContext) {
|
|
502
502
|
classNames = makeStyleContext(classNames, styleContext, styles$F);
|
|
503
503
|
}
|
|
@@ -975,7 +975,7 @@ const Dropdown = ({
|
|
|
975
975
|
}, children);
|
|
976
976
|
};
|
|
977
977
|
|
|
978
|
-
var styles$u = {"root":"Toolbar-module_root__RnmlI","list":"Toolbar-module_list__-IhdP","item":"Toolbar-module_item__CWmGM","isInTopbar":"Toolbar-module_isInTopbar__WEDi8","center":"Toolbar-module_center__pvdiJ","game":"Toolbar-module_game__etwIA","gameSurvey":"Toolbar-module_gameSurvey__v4D31","slide":"Toolbar-module_slide__PtB3l","card":"Toolbar-module_card__Lutyq","isDark":"Toolbar-module_isDark__MG6Ar","dark":"Toolbar-module_dark__a9sgz"};
|
|
978
|
+
var styles$u = {"root":"Toolbar-module_root__RnmlI","list":"Toolbar-module_list__-IhdP","item":"Toolbar-module_item__CWmGM","isInTopbar":"Toolbar-module_isInTopbar__WEDi8","center":"Toolbar-module_center__pvdiJ","game":"Toolbar-module_game__etwIA","gameSurvey":"Toolbar-module_gameSurvey__v4D31","slide":"Toolbar-module_slide__PtB3l","card":"Toolbar-module_card__Lutyq","isDark":"Toolbar-module_isDark__MG6Ar","dark":"Toolbar-module_dark__a9sgz","podcast":"Toolbar-module_podcast__ahY4M"};
|
|
979
979
|
|
|
980
980
|
const ToolbarItem = ({
|
|
981
981
|
children
|
|
@@ -1473,7 +1473,7 @@ const SimpleTitle = ({
|
|
|
1473
1473
|
}, first);
|
|
1474
1474
|
};
|
|
1475
1475
|
|
|
1476
|
-
var styles$m = {"root":"RichTitle-module_root__U5XQu","slide":"RichTitle-module_slide__eU9Ob","game":"RichTitle-module_game__S1csb","podcastMaterial":"RichTitle-module_podcastMaterial__AulVF","half":"RichTitle-module_half__yBMby","featured":"RichTitle-module_featured__ULNQn","isInMediaBlock":"RichTitle-module_isInMediaBlock__2h6rl","isInBookRelated":"RichTitle-module_isInBookRelated__LcCPV","isInDynamicBlock":"RichTitle-module_isInDynamicBlock__J-gM6","
|
|
1476
|
+
var styles$m = {"root":"RichTitle-module_root__U5XQu","slide":"RichTitle-module_slide__eU9Ob","game":"RichTitle-module_game__S1csb","podcastMaterial":"RichTitle-module_podcastMaterial__AulVF","half":"RichTitle-module_half__yBMby","featured":"RichTitle-module_featured__ULNQn","isInMediaBlock":"RichTitle-module_isInMediaBlock__2h6rl","isInBookRelated":"RichTitle-module_isInBookRelated__LcCPV","isInDynamicBlock":"RichTitle-module_isInDynamicBlock__J-gM6","isInPodcastPlayer":"RichTitle-module_isInPodcastPlayer__kvEPH","large":"RichTitle-module_large__n2URP","medium":"RichTitle-module_medium__KkBLJ","mobile":"RichTitle-module_mobile__W5L9E","desktop":"RichTitle-module_desktop__k0PkC"};
|
|
1477
1477
|
|
|
1478
1478
|
const RichTitle = ({
|
|
1479
1479
|
block: {
|
|
@@ -1486,9 +1486,9 @@ const RichTitle = ({
|
|
|
1486
1486
|
}
|
|
1487
1487
|
},
|
|
1488
1488
|
styleContext,
|
|
1489
|
-
|
|
1489
|
+
size = 'default'
|
|
1490
1490
|
}) => {
|
|
1491
|
-
let classNames = [[styles$m.root, true], [styles$m[onlyOn], true], [styles$m.featured, !!featured], [styles$m
|
|
1491
|
+
let classNames = [[styles$m.root, true], [styles$m[onlyOn], true], [styles$m.featured, !!featured], [styles$m[size], !!size]];
|
|
1492
1492
|
if (styleContext) {
|
|
1493
1493
|
classNames = makeStyleContext(classNames, styleContext, styles$m);
|
|
1494
1494
|
}
|