@sima-land/moleculas 16.0.0-alpha.40 → 16.0.0-alpha.42

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.
Files changed (12) hide show
  1. package/common/components/modifier/modifier.m.scss +6 -20
  2. package/desktop/components/breadcrumbs/breadcrumbs.js +1 -1
  3. package/desktop/components/breadcrumbs/breadcrumbs.js.map +1 -1
  4. package/desktop/components/promotion-card/banner-title.js +3 -2
  5. package/desktop/components/promotion-card/banner-title.js.map +1 -1
  6. package/desktop/components/promotion-card/banner-title.m.scss +7 -11
  7. package/desktop/components/promotion-card/promotion-card.js +4 -1
  8. package/desktop/components/promotion-card/promotion-card.js.map +1 -1
  9. package/desktop/components/promotion-card/promotion-card.m.scss +13 -0
  10. package/package.json +2 -2
  11. package/common/components/modifier/default-border.svg +0 -14
  12. package/common/components/modifier/hover-border.svg +0 -14
package/common/components/modifier/modifier.m.scss CHANGED
@@ -14,26 +14,25 @@
14
14
  --modifier-text-color: #{colors.$basic-gray87};
15
15
  --modifier-border-width: 1px;
16
16
  --modifier-border-color: #{colors.$basic-gray12};
17
+ --modifier-border-style: solid;
17
18
  --modifier-corner-bg: #{colors.$basic-gray12};
18
19
  --modifier-corner-color: #{colors.$basic-gray87};
19
20
  --content-offset: 3px;
20
21
  &.active {
21
22
  --modifier-border-color: #{colors.$basic-blue};
22
- --modifier-corner-color: #fff;
23
+ --modifier-corner-color: #{colors.$basic-white};
23
24
  --modifier-corner-bg: #{colors.$basic-blue};
24
25
  }
25
26
  &:hover:not(.disabled) {
26
27
  cursor: pointer;
27
28
  }
28
- &:hover:not(.disabled):not(.active):not(.non-existent) {
29
- --modifier-border-width: 1px;
29
+ &:hover:not(.disabled):not(.active) {
30
30
  --modifier-border-color: #{colors.$basic-gray24};
31
31
  --modifier-corner-bg: #{colors.$basic-gray24};
32
32
  }
33
33
  &.disabled {
34
34
  --modifier-media-opacity: 0.24;
35
35
  --modifier-overlay-color: rgba(0, 0, 0, 0.04);
36
- --modifier-border-width: 1px;
37
36
  --modifier-text-color: #{colors.$basic-gray38};
38
37
  --modifier-corner-bg: transparent;
39
38
  --modifier-corner-color: #{colors.$basic-gray38};
@@ -42,20 +41,7 @@
42
41
  }
43
42
  }
44
43
  &.non-existent {
45
- --border-image-source: url(./default-border.svg);
46
- --border-image-slice: 6;
47
- --border-image-width: 6;
48
- &:hover {
49
- // ВАЖНО! Невидимость, чтобы не мелькала сплошлая граница во время загрузки изображения.
50
- --modifier-border-color: rgba(255, 255, 255, 0);
51
- --border-image-source: url(./hover-border.svg);
52
- }
53
- &::before {
54
- border-image-source: var(--border-image-source);
55
- border-image-slice: var(--border-image-slice);
56
- border-image-repeat: round;
57
- border-image-width: var(--border-image-width);
58
- }
44
+ --modifier-border-style: dashed;
59
45
  }
60
46
  &::before {
61
47
  content: '';
@@ -67,7 +53,7 @@
67
53
  width: calc(100% - var(--modifier-border-width) * 2);
68
54
  height: calc(100% - var(--modifier-border-width) * 2);
69
55
  border-radius: inherit;
70
- border: var(--modifier-border-width) solid var(--modifier-border-color);
56
+ border: var(--modifier-border-width) var(--modifier-border-style) var(--modifier-border-color);
71
57
  }
72
58
  &.more {
73
59
  width: var(--modifier-size);
@@ -183,7 +169,7 @@
183
169
  overflow: hidden;
184
170
  padding: 0 4px;
185
171
  background: colors.$additional-teal;
186
- color: #fff;
172
+ color: colors.$basic-white;
187
173
  position: absolute;
188
174
  right: -2px;
189
175
  top: -2px;
package/desktop/components/breadcrumbs/breadcrumbs.js CHANGED
@@ -44,7 +44,7 @@ const Breadcrumb = ({ data, onSiblingsPopupOpen, isSiblingActive, }) => {
44
44
  return ((0, jsx_runtime_1.jsxs)("div", { "data-testid": 'breadcrumb', className: cx('breadcrumb'), children: [selfName, data.siblings && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { "data-testid": 'breadcrumb:siblings-opener', className: cx('toggle-icon'), onClick: () => {
45
45
  togglePopup(true);
46
46
  onSiblingsPopupOpen();
47
- }, children: (0, jsx_runtime_1.jsx)(DownSVG, {}) }), (0, jsx_runtime_1.jsx)(CSSTransition_1.default, { in: withPopup, timeout: 200, unmountOnExit: true, classNames: {
47
+ }, children: (0, jsx_runtime_1.jsx)(DownSVG, {}) }), (0, jsx_runtime_1.jsx)(CSSTransition_1.default, { in: withPopup, timeout: 200, unmountOnExit: true, nodeRef: popupRef, classNames: {
48
48
  enter: cx('fade-enter'),
49
49
  enterActive: cx('fade-enter-active'),
50
50
  exit: cx('fade-exit'),
package/desktop/components/breadcrumbs/breadcrumbs.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"breadcrumbs.js","sourceRoot":"","sources":["../../../../src/desktop/components/breadcrumbs/breadcrumbs.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"breadcrumbs.js","sourceRoot":"","sources":["../../../../src/desktop/components/breadcrumbs/breadcrumbs.tsx"],"names":[],"mappings":"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"}
package/desktop/components/promotion-card/banner-title.js CHANGED
@@ -5,6 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.CustomTimer = exports.BannerTitle = void 0;
7
7
  const jsx_runtime_1 = require("react/jsx-runtime");
8
+ const colors_1 = require("@sima-land/ui-nucleons/colors");
8
9
  const timer_1 = require("@sima-land/ui-nucleons/timer");
9
10
  const date_fns_1 = require("date-fns");
10
11
  const banner_title_m_scss_1 = __importDefault(require("./banner-title.m.scss"));
@@ -45,10 +46,10 @@ exports.CustomTimer = CustomTimer;
45
46
  * @param props Свойства.
46
47
  * @return Элемент.
47
48
  */
48
- const TimerPart = ({ label, value }) => ((0, jsx_runtime_1.jsxs)("div", { className: banner_title_m_scss_1.default.part, children: [(0, jsx_runtime_1.jsx)("div", { children: `${value}`.padStart(2, '0') }), (0, jsx_runtime_1.jsx)("div", { className: banner_title_m_scss_1.default.label, children: label })] }));
49
+ const TimerPart = ({ label, value }) => ((0, jsx_runtime_1.jsxs)("svg", { viewBox: '0 0 40 40', fill: colors_1.COLORS.get('basic-gray76'), children: [(0, jsx_runtime_1.jsx)("text", { x: '20', y: '70%', className: banner_title_m_scss_1.default.value, textAnchor: 'middle', children: `${value}`.padStart(2, '0') }), (0, jsx_runtime_1.jsx)("text", { x: '20', y: '10%', dy: '100%', className: banner_title_m_scss_1.default.label, textAnchor: 'middle', children: label })] }));
49
50
  /**
50
51
  * Разделитель частей таймера.
51
52
  * @return Элемент.
52
53
  */
53
- const TimerDivider = () => (0, jsx_runtime_1.jsx)("div", { className: banner_title_m_scss_1.default.divider, children: ":" });
54
+ const TimerDivider = () => ((0, jsx_runtime_1.jsx)("svg", { viewBox: '0 0 26 40', fill: colors_1.COLORS.get('basic-gray76'), children: (0, jsx_runtime_1.jsx)("text", { x: '13', y: '70%', className: banner_title_m_scss_1.default.divider, textAnchor: 'middle', children: ":" }) }));
54
55
  //# sourceMappingURL=banner-title.js.map
package/desktop/components/promotion-card/banner-title.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"banner-title.js","sourceRoot":"","sources":["../../../../src/desktop/components/promotion-card/banner-title.tsx"],"names":[],"mappings":";;;;;;;AAEA,wDAAqD;AACrD,uCAAqC;AACrC,gFAA2C;AAQ3C;;;;GAIG;AACI,MAAM,WAAW,GAAG,CAAC,EAAE,aAAa,EAAE,cAAc,EAAE,OAAO,EAAoB,EAAE,EAAE;IAC1F,IAAI,OAAO,GAAc,IAAI,CAAC;IAE9B,QAAQ,aAAa,EAAE,CAAC;QACtB,KAAK,QAAQ;YACX,OAAO,GAAG,OAAO,CAAC;YAClB,MAAM;QACR,KAAK,SAAS;YACZ,IAAI,OAAO,EAAE,CAAC;gBACZ,OAAO,GAAG,uBAAC,mBAAW,IAAC,OAAO,EAAE,OAAO,GAAI,CAAC;YAC9C,CAAC;YACD,MAAM;QACR,KAAK,iBAAiB;YACpB,IAAI,cAAc,EAAE,CAAC;gBACnB,OAAO,GAAG,CACR,iCAAK,SAAS,EAAE,6BAAM,CAAC,QAAQ,iBAAc,gCAAgC,kEAE3E,iCAAK,SAAS,EAAE,6BAAM,CAAC,OAAO,aAAG,cAAc,SAAQ,IACnD,CACP,CAAC;YACJ,CAAC;YACD,MAAM;IACV,CAAC;IAED,OAAO,2DAAG,OAAO,GAAI,CAAC;AACxB,CAAC,CAAC;AAzBW,QAAA,WAAW,eAyBtB;AAEF;;;;GAIG;AACI,MAAM,WAAW,GAAG,CAAC,EAAE,OAAO,EAAqB,EAAE,EAAE,CAAC,CAC7D,uBAAC,aAAK,IACJ,IAAI,EAAE,IAAA,oBAAS,EAAC,OAAO,CAAC,EACxB,OAAO,EAAE,IAAI,GAAG,EAAE,EAClB,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAO,EAAE,EAAE,CAAC,CACzC,iCAAK,SAAS,EAAE,6BAAM,CAAC,KAAK,iBAAc,6BAA6B,aACrE,uBAAC,SAAS,IAAC,KAAK,EAAC,0BAAM,EAAC,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC,GAAI,EACrD,uBAAC,YAAY,KAAG,EAChB,uBAAC,SAAS,IAAC,KAAK,EAAC,gCAAO,EAAC,KAAK,EAAE,KAAK,GAAG,EAAE,GAAI,EAC9C,uBAAC,YAAY,KAAG,EAChB,uBAAC,SAAS,IAAC,KAAK,EAAC,gCAAO,EAAC,KAAK,EAAE,OAAO,GAAG,EAAE,GAAI,IAC5C,CACP,GACD,CACH,CAAC;AAdW,QAAA,WAAW,eActB;AAEF;;;;GAIG;AACH,MAAM,SAAS,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAoC,EAAE,EAAE,CAAC,CACxE,iCAAK,SAAS,EAAE,6BAAM,CAAC,IAAI,aACzB,0CAAM,GAAG,KAAK,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,GAAO,EACxC,gCAAK,SAAS,EAAE,6BAAM,CAAC,KAAK,YAAG,KAAK,GAAO,IACvC,CACP,CAAC;AAEF;;;GAGG;AACH,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,gCAAK,SAAS,EAAE,6BAAM,CAAC,OAAO,kBAAS,CAAC"}
1
+ {"version":3,"file":"banner-title.js","sourceRoot":"","sources":["../../../../src/desktop/components/promotion-card/banner-title.tsx"],"names":[],"mappings":";;;;;;;AAAA,0DAAuD;AAGvD,wDAAqD;AACrD,uCAAqC;AACrC,gFAA2C;AAQ3C;;;;GAIG;AACI,MAAM,WAAW,GAAG,CAAC,EAAE,aAAa,EAAE,cAAc,EAAE,OAAO,EAAoB,EAAE,EAAE;IAC1F,IAAI,OAAO,GAAc,IAAI,CAAC;IAE9B,QAAQ,aAAa,EAAE,CAAC;QACtB,KAAK,QAAQ;YACX,OAAO,GAAG,OAAO,CAAC;YAClB,MAAM;QACR,KAAK,SAAS;YACZ,IAAI,OAAO,EAAE,CAAC;gBACZ,OAAO,GAAG,uBAAC,mBAAW,IAAC,OAAO,EAAE,OAAO,GAAI,CAAC;YAC9C,CAAC;YACD,MAAM;QACR,KAAK,iBAAiB;YACpB,IAAI,cAAc,EAAE,CAAC;gBACnB,OAAO,GAAG,CACR,iCAAK,SAAS,EAAE,6BAAM,CAAC,QAAQ,iBAAc,gCAAgC,kEAE3E,iCAAK,SAAS,EAAE,6BAAM,CAAC,OAAO,aAAG,cAAc,SAAQ,IACnD,CACP,CAAC;YACJ,CAAC;YACD,MAAM;IACV,CAAC;IAED,OAAO,2DAAG,OAAO,GAAI,CAAC;AACxB,CAAC,CAAC;AAzBW,QAAA,WAAW,eAyBtB;AAEF;;;;GAIG;AACI,MAAM,WAAW,GAAG,CAAC,EAAE,OAAO,EAAqB,EAAE,EAAE,CAAC,CAC7D,uBAAC,aAAK,IACJ,IAAI,EAAE,IAAA,oBAAS,EAAC,OAAO,CAAC,EACxB,OAAO,EAAE,IAAI,GAAG,EAAE,EAClB,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAO,EAAE,EAAE,CAAC,CACzC,iCAAK,SAAS,EAAE,6BAAM,CAAC,KAAK,iBAAc,6BAA6B,aACrE,uBAAC,SAAS,IAAC,KAAK,EAAC,0BAAM,EAAC,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC,GAAI,EACrD,uBAAC,YAAY,KAAG,EAChB,uBAAC,SAAS,IAAC,KAAK,EAAC,gCAAO,EAAC,KAAK,EAAE,KAAK,GAAG,EAAE,GAAI,EAC9C,uBAAC,YAAY,KAAG,EAChB,uBAAC,SAAS,IAAC,KAAK,EAAC,gCAAO,EAAC,KAAK,EAAE,OAAO,GAAG,EAAE,GAAI,IAC5C,CACP,GACD,CACH,CAAC;AAdW,QAAA,WAAW,eActB;AAEF;;;;GAIG;AACH,MAAM,SAAS,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAoC,EAAE,EAAE,CAAC,CACxE,iCAAK,OAAO,EAAC,WAAW,EAAC,IAAI,EAAE,eAAM,CAAC,GAAG,CAAC,cAAc,CAAC,aACvD,iCAAM,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,KAAK,EAAC,SAAS,EAAE,6BAAM,CAAC,KAAK,EAAE,UAAU,EAAC,QAAQ,YAC9D,GAAG,KAAK,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,GACvB,EACP,iCAAM,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,KAAK,EAAC,EAAE,EAAC,MAAM,EAAC,SAAS,EAAE,6BAAM,CAAC,KAAK,EAAE,UAAU,EAAC,QAAQ,YACxE,KAAK,GACD,IACH,CACP,CAAC;AAEF;;;GAGG;AACH,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,CACzB,gCAAK,OAAO,EAAC,WAAW,EAAC,IAAI,EAAE,eAAM,CAAC,GAAG,CAAC,cAAc,CAAC,YACvD,iCAAM,CAAC,EAAC,IAAI,EAAC,CAAC,EAAC,KAAK,EAAC,SAAS,EAAE,6BAAM,CAAC,OAAO,EAAE,UAAU,EAAC,QAAQ,kBAE5D,GACH,CACP,CAAC"}
package/desktop/components/promotion-card/banner-title.m.scss CHANGED
@@ -13,18 +13,14 @@
13
13
  .timer {
14
14
  display: flex;
15
15
  font-weight: bold;
16
- .part {
17
- font-size: 32px;
18
- line-height: 40px;
19
- text-align: center;
20
- .label {
21
- font-size: 12px;
22
- line-height: 16px;
23
- }
16
+ width: 100%;
17
+ .value {
18
+ font-size: 74%;
19
+ }
20
+ .label {
21
+ font-size: 30%;
24
22
  }
25
23
  .divider {
26
- margin: 0 8px;
27
- font-size: 32px;
28
- line-height: 40px;
24
+ font-size: 74%;
29
25
  }
30
26
  }
package/desktop/components/promotion-card/promotion-card.js CHANGED
@@ -11,6 +11,8 @@ const estimate_1 = require("./estimate");
11
11
  const classnames_1 = __importDefault(require("classnames"));
12
12
  const promotion_card_m_scss_1 = __importDefault(require("./promotion-card.m.scss"));
13
13
  const placeholder_1 = require("./placeholder");
14
+ const hooks_1 = require("../../../common/hooks");
15
+ const img_stub_1 = require("../../../common/components/img-stub");
14
16
  const KNOWN_NAME = {
15
17
  gift: 'Подарок',
16
18
  special: 'Спецпредложение',
@@ -33,10 +35,11 @@ const PromotionCard = ({ type, href, imageSrc, title, subtitle, dueDate, volumeD
33
35
  className, 'data-testid': testId = 'promotion-card', ...restProps }) => {
34
36
  // время нужно выводить только на клиенте - вводим состояние
35
37
  const [mounted, setMounted] = (0, react_1.useState)(false);
38
+ const { failed, handleError } = (0, hooks_1.useImageStub)(imageSrc);
36
39
  (0, react_1.useEffect)(() => {
37
40
  setMounted(true);
38
41
  }, []);
39
- return ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(className, promotion_card_m_scss_1.default.root), ...restProps, "data-testid": testId, children: (0, jsx_runtime_1.jsxs)("a", { href: href, className: promotion_card_m_scss_1.default.link, children: [(0, jsx_runtime_1.jsxs)("div", { className: promotion_card_m_scss_1.default.banner, children: [(0, jsx_runtime_1.jsx)("img", { src: imageSrc, alt: title, className: promotion_card_m_scss_1.default.image }), isKnownType(type) && type !== 'gift' && (mounted || type !== 'special') && ((0, jsx_runtime_1.jsx)("div", { className: promotion_card_m_scss_1.default['banner-content'], children: (0, jsx_runtime_1.jsx)(banner_title_1.BannerTitle, { promotionType: type, volumeDiscount: volumeDiscount, dueDate: dueDate }) }))] }), (0, jsx_runtime_1.jsxs)("div", { className: promotion_card_m_scss_1.default.info, children: [(0, jsx_runtime_1.jsxs)("div", { className: promotion_card_m_scss_1.default.header, children: [(0, jsx_runtime_1.jsx)("h4", { className: promotion_card_m_scss_1.default.title, children: title }), subtitle && (0, jsx_runtime_1.jsx)("p", { className: promotion_card_m_scss_1.default.subtitle, children: subtitle })] }), (0, jsx_runtime_1.jsxs)("div", { className: promotion_card_m_scss_1.default.footer, children: [name && ((0, jsx_runtime_1.jsx)("div", { "data-testid": 'promotion-card:name', className: promotion_card_m_scss_1.default.name, children: name })), mounted && ((0, jsx_runtime_1.jsx)("time", { "data-testid": 'promotion-card:due-date', children: (0, jsx_runtime_1.jsx)(estimate_1.Estimate, { dueDate: dueDate }) }))] })] })] }) }));
42
+ return ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(className, promotion_card_m_scss_1.default.root), ...restProps, "data-testid": testId, children: (0, jsx_runtime_1.jsxs)("a", { href: href, className: promotion_card_m_scss_1.default.link, children: [(0, jsx_runtime_1.jsxs)("div", { className: promotion_card_m_scss_1.default.banner, children: [failed && (0, jsx_runtime_1.jsx)(img_stub_1.ImgStub, { className: promotion_card_m_scss_1.default.stub }), !failed && ((0, jsx_runtime_1.jsx)("img", { src: imageSrc, alt: title, className: promotion_card_m_scss_1.default.image, onError: handleError })), !failed && isKnownType(type) && type !== 'gift' && (mounted || type !== 'special') && ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(promotion_card_m_scss_1.default['banner-content'], type === 'special' ? promotion_card_m_scss_1.default['with-timer'] : ''), children: (0, jsx_runtime_1.jsx)(banner_title_1.BannerTitle, { promotionType: type, volumeDiscount: volumeDiscount, dueDate: dueDate }) }))] }), (0, jsx_runtime_1.jsxs)("div", { className: promotion_card_m_scss_1.default.info, children: [(0, jsx_runtime_1.jsxs)("div", { className: promotion_card_m_scss_1.default.header, children: [(0, jsx_runtime_1.jsx)("h4", { className: promotion_card_m_scss_1.default.title, children: title }), subtitle && (0, jsx_runtime_1.jsx)("p", { className: promotion_card_m_scss_1.default.subtitle, children: subtitle })] }), (0, jsx_runtime_1.jsxs)("div", { className: promotion_card_m_scss_1.default.footer, children: [name && ((0, jsx_runtime_1.jsx)("div", { "data-testid": 'promotion-card:name', className: promotion_card_m_scss_1.default.name, children: name })), mounted && ((0, jsx_runtime_1.jsx)("time", { "data-testid": 'promotion-card:due-date', children: (0, jsx_runtime_1.jsx)(estimate_1.Estimate, { dueDate: dueDate }) }))] })] })] }) }));
40
43
  };
41
44
  exports.PromotionCard = PromotionCard;
42
45
  /** @deprecated Лучше использовать прямой импорт PromotionCardPlaceholder. */
package/desktop/components/promotion-card/promotion-card.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"promotion-card.js","sourceRoot":"","sources":["../../../../src/desktop/components/promotion-card/promotion-card.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAA4D;AAE5D,iDAA6C;AAC7C,yCAAsC;AACtC,4DAAoC;AACpC,oFAA6C;AAC7C,+CAAyD;AA+BzD,MAAM,UAAU,GAA4C;IAC1D,IAAI,EAAE,SAAS;IACf,OAAO,EAAE,iBAAiB;IAC1B,QAAQ,EAAE,aAAa;IACvB,iBAAiB,EAAE,iBAAiB;CACrC,CAAC;AAEF;;;;GAIG;AACH,MAAM,WAAW,GAAG,CAAC,IAAa,EAAyB,EAAE,CAC3D,OAAO,CAAC,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;AAE1D;;;;GAIG;AACI,MAAM,aAAa,GAAG,CAAC,EAC5B,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,OAAO,EACP,cAAc,EACd,IAAI,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS;AAEvD,YAAY;AACZ,SAAS,EACT,aAAa,EAAE,MAAM,GAAG,gBAAgB,EACxC,GAAG,SAAS,EACO,EAAE,EAAE;IACvB,4DAA4D;IAC5D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IAEvD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,UAAU,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,gCAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,SAAS,EAAE,+BAAM,CAAC,IAAI,CAAC,KAAM,SAAS,iBAAe,MAAM,YACpF,+BAAG,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,+BAAM,CAAC,IAAI,aACnC,iCAAK,SAAS,EAAE,+BAAM,CAAC,MAAM,aAC3B,gCAAK,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,+BAAM,CAAC,KAAK,GAAI,EAE1D,WAAW,CAAC,IAAI,CAAC,IAAI,IAAI,KAAK,MAAM,IAAI,CAAC,OAAO,IAAI,IAAI,KAAK,SAAS,CAAC,IAAI,CAC1E,gCAAK,SAAS,EAAE,+BAAM,CAAC,gBAAgB,CAAC,YACtC,uBAAC,0BAAW,IAAC,aAAa,EAAE,IAAI,EAAE,cAAc,EAAE,cAAc,EAAE,OAAO,EAAE,OAAO,GAAI,GAClF,CACP,IACG,EAEN,iCAAK,SAAS,EAAE,+BAAM,CAAC,IAAI,aACzB,iCAAK,SAAS,EAAE,+BAAM,CAAC,MAAM,aAC3B,+BAAI,SAAS,EAAE,+BAAM,CAAC,KAAK,YAAG,KAAK,GAAM,EAExC,QAAQ,IAAI,8BAAG,SAAS,EAAE,+BAAM,CAAC,QAAQ,YAAG,QAAQ,GAAK,IACtD,EAEN,iCAAK,SAAS,EAAE,+BAAM,CAAC,MAAM,aAC1B,IAAI,IAAI,CACP,+CAAiB,qBAAqB,EAAC,SAAS,EAAE,+BAAM,CAAC,IAAI,YAC1D,IAAI,GACD,CACP,EAEA,OAAO,IAAI,CACV,gDAAkB,yBAAyB,YACzC,uBAAC,mBAAQ,IAAC,OAAO,EAAE,OAAO,GAAI,GACzB,CACR,IACG,IACF,IACJ,GACA,CACP,CAAC;AACJ,CAAC,CAAC;AA3DW,QAAA,aAAa,iBA2DxB;AAEF,6EAA6E;AAC7E,qBAAa,CAAC,WAAW,GAAG,sCAAwB,CAAC"}
1
+ {"version":3,"file":"promotion-card.js","sourceRoot":"","sources":["../../../../src/desktop/components/promotion-card/promotion-card.tsx"],"names":[],"mappings":"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"}
package/desktop/components/promotion-card/promotion-card.m.scss CHANGED
@@ -47,6 +47,14 @@
47
47
  transition: transform 0.2s ease-out;
48
48
  }
49
49
 
50
+ .stub {
51
+ width: 100%;
52
+ height: 100%;
53
+ position: absolute;
54
+ top: 0;
55
+ left: 0;
56
+ }
57
+
50
58
  .banner-content {
51
59
  position: absolute;
52
60
  top: 0;
@@ -57,6 +65,11 @@
57
65
  line-height: 60px;
58
66
  color: colors.$basic-gray76;
59
67
  padding: 8px 16px;
68
+ &.with-timer {
69
+ width: 50%;
70
+ height: 25%;
71
+ padding: 8px 16px 8px 0;
72
+ }
60
73
  }
61
74
 
62
75
  .info {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@sima-land/moleculas",
3
3
  "type": "commonjs",
4
- "version": "16.0.0-alpha.40",
4
+ "version": "16.0.0-alpha.42",
5
5
  "repository": "ssh://git@github.com:sima-land/moleculas.git",
6
6
  "author": "www.sima-land.ru team",
7
7
  "license": "Apache-2.0",
@@ -57,7 +57,7 @@
57
57
  "typescript": "^5.3.3"
58
58
  },
59
59
  "peerDependencies": {
60
- "@sima-land/ui-nucleons": "^45.0.0-alpha.25",
60
+ "@sima-land/ui-nucleons": "^45.0.0-alpha.38",
61
61
  "@sima-land/ui-quarks": "^5.1.1",
62
62
  "react": "^17.0 || ^18.0"
63
63
  },
package/common/components/modifier/default-border.svg DELETED
@@ -1,14 +0,0 @@
1
- <svg width="62" height="62" viewBox="0 0 62.5 62.5" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <rect
3
- x="0.5"
4
- y="0.5"
5
- width="61.5"
6
- height="61.5"
7
- rx="3.5"
8
- stroke="rgba(194, 194, 194, 1)"
9
- stroke-linecap="round"
10
- stroke-linejoin="round"
11
- stroke-dasharray="5 5"
12
- stroke-dashoffset="5"
13
- />
14
- </svg>
package/common/components/modifier/hover-border.svg DELETED
@@ -1,14 +0,0 @@
1
- <svg width="62" height="62" viewBox="0 0 62.5 62.5" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <rect
3
- x="0.5"
4
- y="0.5"
5
- width="61.5"
6
- height="61.5"
7
- rx="3.5"
8
- stroke="rgba(158, 158, 158, 1)"
9
- stroke-linecap="round"
10
- stroke-linejoin="round"
11
- stroke-dasharray="5 5"
12
- stroke-dashoffset="5"
13
- />
14
- </svg>