@salutejs/plasma-web 1.600.0-canary.2300.19624495559.0 → 1.600.0-canary.2300.19638295795.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/components/Card/index.d.ts +2 -9
- package/components/Card/index.js +5 -14
- package/css/cjs/components/Card/Card.config.js +24 -0
- package/css/cjs/components/Card/Card.config.js.map +1 -0
- package/css/cjs/components/Card/Card.config_1dok8i.css +4 -0
- package/css/cjs/components/Card/Card.css +4 -0
- package/css/cjs/components/Card/Card.js +25 -0
- package/css/cjs/components/Card/Card.js.map +1 -0
- package/css/cjs/index.css +5 -0
- package/css/cjs/index.js +23 -37
- package/css/cjs/index.js.map +1 -1
- package/css/es/components/Card/Card.config.js +20 -0
- package/css/es/components/Card/Card.config.js.map +1 -0
- package/css/es/components/Card/Card.config_1dok8i.css +4 -0
- package/css/es/components/Card/Card.css +4 -0
- package/css/es/components/Card/Card.js +14 -0
- package/css/es/components/Card/Card.js.map +1 -0
- package/css/es/index.css +5 -0
- package/css/es/index.js +3 -2
- package/css/es/index.js.map +1 -1
- package/es/components/Card/index.js +1 -5
- package/package.json +8 -8
|
@@ -1,9 +1,2 @@
|
|
|
1
|
-
export { Card,
|
|
2
|
-
export type { CardProps } from '@salutejs/plasma-hope';
|
|
3
|
-
export { CardBadge } from '@salutejs/plasma-hope';
|
|
4
|
-
export { CardBody } from '@salutejs/plasma-hope';
|
|
5
|
-
export type { CardBodyProps } from '@salutejs/plasma-hope';
|
|
6
|
-
export { CardContent } from '@salutejs/plasma-hope';
|
|
7
|
-
export type { CardContentProps } from '@salutejs/plasma-hope';
|
|
8
|
-
export { CardMedia } from '@salutejs/plasma-hope';
|
|
9
|
-
export type { CardMediaProps } from '@salutejs/plasma-hope';
|
|
1
|
+
export { Card, CardContent, CardInnerContent } from './Card';
|
|
2
|
+
export type { CardProps } from '@salutejs/plasma-new-hope/styled-components';
|
package/components/Card/index.js
CHANGED
|
@@ -10,22 +10,13 @@ function _export(target, all) {
|
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
12
|
get Card () {
|
|
13
|
-
return
|
|
14
|
-
},
|
|
15
|
-
get CardBadge () {
|
|
16
|
-
return _plasmahope.CardBadge;
|
|
17
|
-
},
|
|
18
|
-
get CardBody () {
|
|
19
|
-
return _plasmahope.CardBody;
|
|
13
|
+
return _Card.Card;
|
|
20
14
|
},
|
|
21
15
|
get CardContent () {
|
|
22
|
-
return
|
|
23
|
-
},
|
|
24
|
-
get CardMedia () {
|
|
25
|
-
return _plasmahope.CardMedia;
|
|
16
|
+
return _Card.CardContent;
|
|
26
17
|
},
|
|
27
|
-
get
|
|
28
|
-
return
|
|
18
|
+
get CardInnerContent () {
|
|
19
|
+
return _Card.CardInnerContent;
|
|
29
20
|
}
|
|
30
21
|
});
|
|
31
|
-
var
|
|
22
|
+
var _Card = require("./Card");
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
require('./Card.config_1dok8i.css');
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
5
|
+
|
|
6
|
+
var config = {
|
|
7
|
+
defaults: {
|
|
8
|
+
view: 'default',
|
|
9
|
+
size: 'm'
|
|
10
|
+
},
|
|
11
|
+
variations: {
|
|
12
|
+
view: {
|
|
13
|
+
"default": "d11b3tpi"
|
|
14
|
+
},
|
|
15
|
+
size: {
|
|
16
|
+
l: "lbpd84d",
|
|
17
|
+
m: "m1c9oiks",
|
|
18
|
+
s: "s15l99kt"
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
};
|
|
22
|
+
|
|
23
|
+
exports.config = config;
|
|
24
|
+
//# sourceMappingURL=Card.config.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.config.js","sources":["../../../../src-css/components/Card/Card.config.ts"],"sourcesContent":["import { css, cardTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${tokens.solidBackground}: var(--surface-solid-card);\n `,\n },\n size: {\n l: css`\n ${tokens.outlineWidth}: 0.75rem;\n ${tokens.borderWidth}: 0.0625rem;\n ${tokens.borderRadius}: 1rem;\n ${tokens.contentBorderRadius}: 0.5rem;\n `,\n m: css`\n ${tokens.outlineWidth}: 0.625rem;\n ${tokens.borderWidth}: 0.0625rem;\n ${tokens.borderRadius}: 0.875rem;\n ${tokens.contentBorderRadius}: 0.375rem;\n `,\n s: css`\n ${tokens.outlineWidth}: 0.5rem;\n ${tokens.borderWidth}: 0.0625rem;\n ${tokens.borderRadius}: 0.75rem;\n ${tokens.contentBorderRadius}: 0.375rem;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","l","m","s"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;MACFG,SAAO,EAAA,UAAA;KAGV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,CAAC,EAKA,SAAA;AACDC,MAAAA,CAAC,EAKA,UAAA;AACDC,MAAAA,CAAC,EAAA,UAAA;AAML,KAAA;AACJ,GAAA;AACJ;;;;"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
.d11b3tpi{--plasma-card-solid-background:var(--surface-solid-card);}
|
|
2
|
+
.lbpd84d{--plasma-card-outline-width:0.75rem;--plasma-card-border-width:0.0625rem;--plasma-card-border-radius:1rem;--plasma-card-content-border-radius:0.5rem;}
|
|
3
|
+
.m1c9oiks{--plasma-card-outline-width:0.625rem;--plasma-card-border-width:0.0625rem;--plasma-card-border-radius:0.875rem;--plasma-card-content-border-radius:0.375rem;}
|
|
4
|
+
.s15l99kt{--plasma-card-outline-width:0.5rem;--plasma-card-border-width:0.0625rem;--plasma-card-border-radius:0.75rem;--plasma-card-content-border-radius:0.375rem;}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
.Card_config_1dok8i_d11b3tpi__d95cbab8{--plasma-card-solid-background:var(--surface-solid-card);}
|
|
2
|
+
.Card_config_1dok8i_lbpd84d__d95cbab8{--plasma-card-outline-width:0.75rem;--plasma-card-border-width:0.0625rem;--plasma-card-border-radius:1rem;--plasma-card-content-border-radius:0.5rem;}
|
|
3
|
+
.Card_config_1dok8i_m1c9oiks__d95cbab8{--plasma-card-outline-width:0.625rem;--plasma-card-border-width:0.0625rem;--plasma-card-border-radius:0.875rem;--plasma-card-content-border-radius:0.375rem;}
|
|
4
|
+
.Card_config_1dok8i_s15l99kt__d95cbab8{--plasma-card-outline-width:0.5rem;--plasma-card-border-width:0.0625rem;--plasma-card-border-radius:0.75rem;--plasma-card-content-border-radius:0.375rem;}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var plasmaNewHope = require('@salutejs/plasma-new-hope');
|
|
6
|
+
var Card_config = require('./Card.config.js');
|
|
7
|
+
|
|
8
|
+
var mergedConfig = /*#__PURE__*/plasmaNewHope.mergeConfig(plasmaNewHope.cardConfig, Card_config.config);
|
|
9
|
+
var CardComponent = /*#__PURE__*/plasmaNewHope.component(mergedConfig);
|
|
10
|
+
|
|
11
|
+
/**
|
|
12
|
+
* Компонент Card.
|
|
13
|
+
*/
|
|
14
|
+
var Card = CardComponent;
|
|
15
|
+
|
|
16
|
+
Object.defineProperty(exports, 'CardContent', {
|
|
17
|
+
enumerable: true,
|
|
18
|
+
get: function () { return plasmaNewHope.CardContent; }
|
|
19
|
+
});
|
|
20
|
+
Object.defineProperty(exports, 'CardInnerContent', {
|
|
21
|
+
enumerable: true,
|
|
22
|
+
get: function () { return plasmaNewHope.CardInnerContent; }
|
|
23
|
+
});
|
|
24
|
+
exports.Card = Card;
|
|
25
|
+
//# sourceMappingURL=Card.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.js","sources":["../../../../src-css/components/Card/Card.ts"],"sourcesContent":["import {\n cardConfig,\n CardContent,\n CardInnerContent,\n component,\n mergeConfig,\n} from '@salutejs/plasma-new-hope';\n\nimport { config } from './Card.config';\n\nconst mergedConfig = mergeConfig(cardConfig, config);\nconst CardComponent = component(mergedConfig);\n\n/**\n * Компонент Card.\n */\nexport const Card = CardComponent;\n\nexport { CardContent, CardInnerContent };\n"],"names":["mergedConfig","mergeConfig","cardConfig","config","CardComponent","component","Card"],"mappings":";;;;;;;AAUA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,wBAAU,EAAEC,kBAAM,CAAC,CAAA;AACpD,IAAMC,aAAa,gBAAGC,uBAAS,CAACL,YAAY,CAAC,CAAA;;AAE7C;AACA;AACA;AACO,IAAMM,IAAI,GAAGF;;;;;;;;;;;;"}
|
package/css/cjs/index.css
CHANGED
|
@@ -158,6 +158,11 @@
|
|
|
158
158
|
.CalendarDouble_config_nsgnzv_ma97drk__4550c0d5{--plasma-calendar-tooltip-padding-top:0.6875rem;--plasma-calendar-tooltip-padding-right:0.875rem;--plasma-calendar-tooltip-padding-bottom:0.6875rem;--plasma-calendar-tooltip-padding-left:0.875rem;--plasma-calendar-tooltip-min-height:2.5rem;--plasma-calendar-tooltip-border-radius:0.625rem;--plasma-calendar-tooltip-text-font-family:var(--plasma-typo-body-s-font-family);--plasma-calendar-tooltip-text-font-size:var(--plasma-typo-body-s-font-size);--plasma-calendar-tooltip-text-font-style:var(--plasma-typo-body-s-font-style);--plasma-calendar-tooltip-text-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-calendar-tooltip-text-font-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-calendar-tooltip-text-font-line-height:var(--plasma-typo-body-s-line-height);--plasma-calendar-tooltip-content-left-margin:0.375rem;--plasma-calendar-tooltip-arrow-mask-width:1.25rem;--plasma-calendar-tooltip-arrow-mask-height:1.25rem;--plasma-calendar-tooltip-arrow-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==");--plasma-calendar-tooltip-arrow-height:0.5rem;--plasma-calendar-tooltip-arrow-edge-margin:0.625rem;--plasma-calendar-tooltip-arrow-background:var(--surface-solid-card-brightness);}
|
|
159
159
|
.CalendarDouble_config_nsgnzv_sw6n0oe__4550c0d5{--plasma-calendar-tooltip-padding-top:0.5rem;--plasma-calendar-tooltip-padding-right:0.75rem;--plasma-calendar-tooltip-padding-bottom:0.5rem;--plasma-calendar-tooltip-padding-left:0.75rem;--plasma-calendar-tooltip-min-height:2rem;--plasma-calendar-tooltip-border-radius:0.5rem;--plasma-calendar-tooltip-text-font-family:var(--plasma-typo-body-xs-font-family);--plasma-calendar-tooltip-text-font-size:var(--plasma-typo-body-xs-font-size);--plasma-calendar-tooltip-text-font-style:var(--plasma-typo-body-xs-font-style);--plasma-calendar-tooltip-text-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-calendar-tooltip-text-font-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-calendar-tooltip-text-font-line-height:var(--plasma-typo-body-xs-line-height);--plasma-calendar-tooltip-content-left-margin:0.25rem;--plasma-calendar-tooltip-arrow-mask-width:1rem;--plasma-calendar-tooltip-arrow-mask-height:1rem;--plasma-calendar-tooltip-arrow-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");--plasma-calendar-tooltip-arrow-height:0.375rem;--plasma-calendar-tooltip-arrow-edge-margin:0.5625rem;--plasma-calendar-tooltip-arrow-background:var(--surface-solid-card-brightness);}
|
|
160
160
|
|
|
161
|
+
.Card_config_1dok8i_d11b3tpi__d95cbab8{--plasma-card-solid-background:var(--surface-solid-card);}
|
|
162
|
+
.Card_config_1dok8i_lbpd84d__d95cbab8{--plasma-card-outline-width:0.75rem;--plasma-card-border-width:0.0625rem;--plasma-card-border-radius:1rem;--plasma-card-content-border-radius:0.5rem;}
|
|
163
|
+
.Card_config_1dok8i_m1c9oiks__d95cbab8{--plasma-card-outline-width:0.625rem;--plasma-card-border-width:0.0625rem;--plasma-card-border-radius:0.875rem;--plasma-card-content-border-radius:0.375rem;}
|
|
164
|
+
.Card_config_1dok8i_s15l99kt__d95cbab8{--plasma-card-outline-width:0.5rem;--plasma-card-border-width:0.0625rem;--plasma-card-border-radius:0.75rem;--plasma-card-content-border-radius:0.375rem;}
|
|
165
|
+
|
|
161
166
|
.Carousel_config_uusoxc_dv63qpm__af6cec3a{--plasma-carousel-pagination-dot-background:var(--surface-transparent-tertiary);--plasma-carousel-pagination-dot-active-background:var(--surface-solid-default);--plasma-carousel-control-icon-button-color:var(--text-primary);--plasma-carousel-control-icon-button-background-color:var(--surface-transparent-secondary);--plasma-carousel-control-icon-button-color-hover:var(--text-primary);--plasma-carousel-control-icon-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-carousel-control-icon-button-color-active:var(--text-primary);--plasma-carousel-control-icon-button-background-color-active:var(--surface-transparent-secondary-active);}
|
|
162
167
|
.Carousel_config_uusoxc_s13btmod__af6cec3a{--plasma-carousel-control-icon-button-radius:100%;}
|
|
163
168
|
|
package/css/cjs/index.js
CHANGED
|
@@ -13,7 +13,7 @@ var Breadcrumbs = require('./components/Breadcrumbs/Breadcrumbs.js');
|
|
|
13
13
|
var Button = require('./components/Button/Button.js');
|
|
14
14
|
var ButtonGroup = require('./components/ButtonGroup/ButtonGroup.js');
|
|
15
15
|
var Calendar = require('./components/Calendar/Calendar.js');
|
|
16
|
-
var
|
|
16
|
+
var Card = require('./components/Card/Card.js');
|
|
17
17
|
var Carousel = require('./components/Carousel/Carousel.js');
|
|
18
18
|
var Cell = require('./components/Cell/Cell.js');
|
|
19
19
|
var Checkbox = require('./components/Checkbox/Checkbox.js');
|
|
@@ -28,6 +28,7 @@ var DatePicker = require('./components/DatePicker/DatePicker.js');
|
|
|
28
28
|
var DateTimePicker = require('./components/DateTimePicker/DateTimePicker.js');
|
|
29
29
|
var Divider = require('./components/Divider/Divider.js');
|
|
30
30
|
var Drawer = require('./components/Drawer/Drawer.js');
|
|
31
|
+
var plasmaHope = require('@salutejs/plasma-hope');
|
|
31
32
|
var Dropdown = require('./components/Dropdown/Dropdown.js');
|
|
32
33
|
var DropdownItem = require('./components/Dropdown/components/DropdownItem.js');
|
|
33
34
|
var DropdownPopup = require('./components/Dropdown/components/DropdownPopup.js');
|
|
@@ -96,6 +97,14 @@ Object.defineProperty(exports, 'ButtonBase', {
|
|
|
96
97
|
enumerable: true,
|
|
97
98
|
get: function () { return plasmaNewHope.ButtonBase; }
|
|
98
99
|
});
|
|
100
|
+
Object.defineProperty(exports, 'CardContent', {
|
|
101
|
+
enumerable: true,
|
|
102
|
+
get: function () { return plasmaNewHope.CardContent; }
|
|
103
|
+
});
|
|
104
|
+
Object.defineProperty(exports, 'CardInnerContent', {
|
|
105
|
+
enumerable: true,
|
|
106
|
+
get: function () { return plasmaNewHope.CardInnerContent; }
|
|
107
|
+
});
|
|
99
108
|
Object.defineProperty(exports, 'CarouselGridWrapper', {
|
|
100
109
|
enumerable: true,
|
|
101
110
|
get: function () { return plasmaNewHope.CarouselGridWrapper; }
|
|
@@ -334,42 +343,7 @@ exports.CalendarBase = Calendar.CalendarBase;
|
|
|
334
343
|
exports.CalendarBaseRange = Calendar.CalendarBaseRange;
|
|
335
344
|
exports.CalendarDouble = Calendar.CalendarDouble;
|
|
336
345
|
exports.CalendarDoubleRange = Calendar.CalendarDoubleRange;
|
|
337
|
-
|
|
338
|
-
enumerable: true,
|
|
339
|
-
get: function () { return plasmaHope.Card; }
|
|
340
|
-
});
|
|
341
|
-
Object.defineProperty(exports, 'CardBadge', {
|
|
342
|
-
enumerable: true,
|
|
343
|
-
get: function () { return plasmaHope.CardBadge; }
|
|
344
|
-
});
|
|
345
|
-
Object.defineProperty(exports, 'CardBody', {
|
|
346
|
-
enumerable: true,
|
|
347
|
-
get: function () { return plasmaHope.CardBody; }
|
|
348
|
-
});
|
|
349
|
-
Object.defineProperty(exports, 'CardContent', {
|
|
350
|
-
enumerable: true,
|
|
351
|
-
get: function () { return plasmaHope.CardContent; }
|
|
352
|
-
});
|
|
353
|
-
Object.defineProperty(exports, 'CardMedia', {
|
|
354
|
-
enumerable: true,
|
|
355
|
-
get: function () { return plasmaHope.CardMedia; }
|
|
356
|
-
});
|
|
357
|
-
Object.defineProperty(exports, 'SelectGroup', {
|
|
358
|
-
enumerable: true,
|
|
359
|
-
get: function () { return plasmaHope.SelectGroup; }
|
|
360
|
-
});
|
|
361
|
-
Object.defineProperty(exports, 'StyledCard', {
|
|
362
|
-
enumerable: true,
|
|
363
|
-
get: function () { return plasmaHope.StyledCard; }
|
|
364
|
-
});
|
|
365
|
-
Object.defineProperty(exports, 'TextFieldView', {
|
|
366
|
-
enumerable: true,
|
|
367
|
-
get: function () { return plasmaHope.TextFieldView; }
|
|
368
|
-
});
|
|
369
|
-
Object.defineProperty(exports, 'withAssistiveDropdown', {
|
|
370
|
-
enumerable: true,
|
|
371
|
-
get: function () { return plasmaHope.withAssistiveDropdown; }
|
|
372
|
-
});
|
|
346
|
+
exports.Card = Card.Card;
|
|
373
347
|
exports.Carousel = Carousel.Carousel;
|
|
374
348
|
exports.Cell = Cell.Cell;
|
|
375
349
|
exports.Checkbox = Checkbox.Checkbox;
|
|
@@ -392,6 +366,18 @@ exports.Drawer = Drawer.Drawer;
|
|
|
392
366
|
exports.DrawerContent = Drawer.DrawerContent;
|
|
393
367
|
exports.DrawerFooter = Drawer.DrawerFooter;
|
|
394
368
|
exports.DrawerHeader = Drawer.DrawerHeader;
|
|
369
|
+
Object.defineProperty(exports, 'SelectGroup', {
|
|
370
|
+
enumerable: true,
|
|
371
|
+
get: function () { return plasmaHope.SelectGroup; }
|
|
372
|
+
});
|
|
373
|
+
Object.defineProperty(exports, 'TextFieldView', {
|
|
374
|
+
enumerable: true,
|
|
375
|
+
get: function () { return plasmaHope.TextFieldView; }
|
|
376
|
+
});
|
|
377
|
+
Object.defineProperty(exports, 'withAssistiveDropdown', {
|
|
378
|
+
enumerable: true,
|
|
379
|
+
get: function () { return plasmaHope.withAssistiveDropdown; }
|
|
380
|
+
});
|
|
395
381
|
exports.Dropdown = Dropdown.Dropdown;
|
|
396
382
|
exports.DropdownItem = DropdownItem.DropdownItem;
|
|
397
383
|
exports.DropdownPopup = DropdownPopup.DropdownPopup;
|
package/css/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import './Card.config_1dok8i.css';
|
|
2
|
+
var config = {
|
|
3
|
+
defaults: {
|
|
4
|
+
view: 'default',
|
|
5
|
+
size: 'm'
|
|
6
|
+
},
|
|
7
|
+
variations: {
|
|
8
|
+
view: {
|
|
9
|
+
"default": "d11b3tpi"
|
|
10
|
+
},
|
|
11
|
+
size: {
|
|
12
|
+
l: "lbpd84d",
|
|
13
|
+
m: "m1c9oiks",
|
|
14
|
+
s: "s15l99kt"
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
};
|
|
18
|
+
|
|
19
|
+
export { config };
|
|
20
|
+
//# sourceMappingURL=Card.config.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.config.js","sources":["../../../../src-css/components/Card/Card.config.ts"],"sourcesContent":["import { css, cardTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${tokens.solidBackground}: var(--surface-solid-card);\n `,\n },\n size: {\n l: css`\n ${tokens.outlineWidth}: 0.75rem;\n ${tokens.borderWidth}: 0.0625rem;\n ${tokens.borderRadius}: 1rem;\n ${tokens.contentBorderRadius}: 0.5rem;\n `,\n m: css`\n ${tokens.outlineWidth}: 0.625rem;\n ${tokens.borderWidth}: 0.0625rem;\n ${tokens.borderRadius}: 0.875rem;\n ${tokens.contentBorderRadius}: 0.375rem;\n `,\n s: css`\n ${tokens.outlineWidth}: 0.5rem;\n ${tokens.borderWidth}: 0.0625rem;\n ${tokens.borderRadius}: 0.75rem;\n ${tokens.contentBorderRadius}: 0.375rem;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","l","m","s"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;MACFG,SAAO,EAAA,UAAA;KAGV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,CAAC,EAKA,SAAA;AACDC,MAAAA,CAAC,EAKA,UAAA;AACDC,MAAAA,CAAC,EAAA,UAAA;AAML,KAAA;AACJ,GAAA;AACJ;;;;"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
.d11b3tpi{--plasma-card-solid-background:var(--surface-solid-card);}
|
|
2
|
+
.lbpd84d{--plasma-card-outline-width:0.75rem;--plasma-card-border-width:0.0625rem;--plasma-card-border-radius:1rem;--plasma-card-content-border-radius:0.5rem;}
|
|
3
|
+
.m1c9oiks{--plasma-card-outline-width:0.625rem;--plasma-card-border-width:0.0625rem;--plasma-card-border-radius:0.875rem;--plasma-card-content-border-radius:0.375rem;}
|
|
4
|
+
.s15l99kt{--plasma-card-outline-width:0.5rem;--plasma-card-border-width:0.0625rem;--plasma-card-border-radius:0.75rem;--plasma-card-content-border-radius:0.375rem;}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
.Card_config_1dok8i_d11b3tpi__d95cbab8{--plasma-card-solid-background:var(--surface-solid-card);}
|
|
2
|
+
.Card_config_1dok8i_lbpd84d__d95cbab8{--plasma-card-outline-width:0.75rem;--plasma-card-border-width:0.0625rem;--plasma-card-border-radius:1rem;--plasma-card-content-border-radius:0.5rem;}
|
|
3
|
+
.Card_config_1dok8i_m1c9oiks__d95cbab8{--plasma-card-outline-width:0.625rem;--plasma-card-border-width:0.0625rem;--plasma-card-border-radius:0.875rem;--plasma-card-content-border-radius:0.375rem;}
|
|
4
|
+
.Card_config_1dok8i_s15l99kt__d95cbab8{--plasma-card-outline-width:0.5rem;--plasma-card-border-width:0.0625rem;--plasma-card-border-radius:0.75rem;--plasma-card-content-border-radius:0.375rem;}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { component, mergeConfig, cardConfig } from '@salutejs/plasma-new-hope';
|
|
2
|
+
export { CardContent, CardInnerContent } from '@salutejs/plasma-new-hope';
|
|
3
|
+
import { config } from './Card.config.js';
|
|
4
|
+
|
|
5
|
+
var mergedConfig = /*#__PURE__*/mergeConfig(cardConfig, config);
|
|
6
|
+
var CardComponent = /*#__PURE__*/component(mergedConfig);
|
|
7
|
+
|
|
8
|
+
/**
|
|
9
|
+
* Компонент Card.
|
|
10
|
+
*/
|
|
11
|
+
var Card = CardComponent;
|
|
12
|
+
|
|
13
|
+
export { Card };
|
|
14
|
+
//# sourceMappingURL=Card.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.js","sources":["../../../../src-css/components/Card/Card.ts"],"sourcesContent":["import {\n cardConfig,\n CardContent,\n CardInnerContent,\n component,\n mergeConfig,\n} from '@salutejs/plasma-new-hope';\n\nimport { config } from './Card.config';\n\nconst mergedConfig = mergeConfig(cardConfig, config);\nconst CardComponent = component(mergedConfig);\n\n/**\n * Компонент Card.\n */\nexport const Card = CardComponent;\n\nexport { CardContent, CardInnerContent };\n"],"names":["mergedConfig","mergeConfig","cardConfig","config","CardComponent","component","Card"],"mappings":";;;;AAUA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,UAAU,EAAEC,MAAM,CAAC,CAAA;AACpD,IAAMC,aAAa,gBAAGC,SAAS,CAACL,YAAY,CAAC,CAAA;;AAE7C;AACA;AACA;AACO,IAAMM,IAAI,GAAGF;;;;"}
|
package/css/es/index.css
CHANGED
|
@@ -158,6 +158,11 @@
|
|
|
158
158
|
.CalendarDouble_config_nsgnzv_ma97drk__4550c0d5{--plasma-calendar-tooltip-padding-top:0.6875rem;--plasma-calendar-tooltip-padding-right:0.875rem;--plasma-calendar-tooltip-padding-bottom:0.6875rem;--plasma-calendar-tooltip-padding-left:0.875rem;--plasma-calendar-tooltip-min-height:2.5rem;--plasma-calendar-tooltip-border-radius:0.625rem;--plasma-calendar-tooltip-text-font-family:var(--plasma-typo-body-s-font-family);--plasma-calendar-tooltip-text-font-size:var(--plasma-typo-body-s-font-size);--plasma-calendar-tooltip-text-font-style:var(--plasma-typo-body-s-font-style);--plasma-calendar-tooltip-text-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-calendar-tooltip-text-font-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-calendar-tooltip-text-font-line-height:var(--plasma-typo-body-s-line-height);--plasma-calendar-tooltip-content-left-margin:0.375rem;--plasma-calendar-tooltip-arrow-mask-width:1.25rem;--plasma-calendar-tooltip-arrow-mask-height:1.25rem;--plasma-calendar-tooltip-arrow-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==");--plasma-calendar-tooltip-arrow-height:0.5rem;--plasma-calendar-tooltip-arrow-edge-margin:0.625rem;--plasma-calendar-tooltip-arrow-background:var(--surface-solid-card-brightness);}
|
|
159
159
|
.CalendarDouble_config_nsgnzv_sw6n0oe__4550c0d5{--plasma-calendar-tooltip-padding-top:0.5rem;--plasma-calendar-tooltip-padding-right:0.75rem;--plasma-calendar-tooltip-padding-bottom:0.5rem;--plasma-calendar-tooltip-padding-left:0.75rem;--plasma-calendar-tooltip-min-height:2rem;--plasma-calendar-tooltip-border-radius:0.5rem;--plasma-calendar-tooltip-text-font-family:var(--plasma-typo-body-xs-font-family);--plasma-calendar-tooltip-text-font-size:var(--plasma-typo-body-xs-font-size);--plasma-calendar-tooltip-text-font-style:var(--plasma-typo-body-xs-font-style);--plasma-calendar-tooltip-text-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-calendar-tooltip-text-font-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-calendar-tooltip-text-font-line-height:var(--plasma-typo-body-xs-line-height);--plasma-calendar-tooltip-content-left-margin:0.25rem;--plasma-calendar-tooltip-arrow-mask-width:1rem;--plasma-calendar-tooltip-arrow-mask-height:1rem;--plasma-calendar-tooltip-arrow-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");--plasma-calendar-tooltip-arrow-height:0.375rem;--plasma-calendar-tooltip-arrow-edge-margin:0.5625rem;--plasma-calendar-tooltip-arrow-background:var(--surface-solid-card-brightness);}
|
|
160
160
|
|
|
161
|
+
.Card_config_1dok8i_d11b3tpi__d95cbab8{--plasma-card-solid-background:var(--surface-solid-card);}
|
|
162
|
+
.Card_config_1dok8i_lbpd84d__d95cbab8{--plasma-card-outline-width:0.75rem;--plasma-card-border-width:0.0625rem;--plasma-card-border-radius:1rem;--plasma-card-content-border-radius:0.5rem;}
|
|
163
|
+
.Card_config_1dok8i_m1c9oiks__d95cbab8{--plasma-card-outline-width:0.625rem;--plasma-card-border-width:0.0625rem;--plasma-card-border-radius:0.875rem;--plasma-card-content-border-radius:0.375rem;}
|
|
164
|
+
.Card_config_1dok8i_s15l99kt__d95cbab8{--plasma-card-outline-width:0.5rem;--plasma-card-border-width:0.0625rem;--plasma-card-border-radius:0.75rem;--plasma-card-content-border-radius:0.375rem;}
|
|
165
|
+
|
|
161
166
|
.Carousel_config_uusoxc_dv63qpm__af6cec3a{--plasma-carousel-pagination-dot-background:var(--surface-transparent-tertiary);--plasma-carousel-pagination-dot-active-background:var(--surface-solid-default);--plasma-carousel-control-icon-button-color:var(--text-primary);--plasma-carousel-control-icon-button-background-color:var(--surface-transparent-secondary);--plasma-carousel-control-icon-button-color-hover:var(--text-primary);--plasma-carousel-control-icon-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-carousel-control-icon-button-color-active:var(--text-primary);--plasma-carousel-control-icon-button-background-color-active:var(--surface-transparent-secondary-active);}
|
|
162
167
|
.Carousel_config_uusoxc_s13btmod__af6cec3a{--plasma-carousel-control-icon-button-radius:100%;}
|
|
163
168
|
|
package/css/es/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { AccordionItem, ButtonBase, CarouselGridWrapper, CarouselItem, CellTextbox, CellTextboxLabel, CellTextboxSubtitle, CellTextboxTitle, Col, ListItem, ONLY_CHARS_PATTERN, ONLY_DIGITS_AND_CHARS_PATTERN, ONLY_DIGITS_PATTERN, Overlay, PaginationDot, PaginationDots, PopupProvider as PopupBaseProvider, Portal, RadioGroup, RectSkeleton, Row, SSRProvider, SegmentProvider, SmartPaginationDots, TabItemRefs, TabsContext, addNotification, closeNotification, codeFieldClasses, codeFieldTokens, counterTokens, datePickerClasses, datePickerTokens, dateTimePickerClasses, dateTimePickerTokens, dividerTokens, dropzoneClasses, dropzoneTokens, informationWrapperClasses, informationWrapperTokens, modalClasses as modalBaseClasses, noteClasses, noteTokens, numberFormatter, numberInputClasses, numberInputTokens, popupClasses as popupBaseClasses, priceClasses, rangeTokens, ratingClasses, ratingTokens, sheetClasses, timePickerClasses, timePickerTokens, toolbarTokens, usePopupContext as usePopupBaseContext, useSegment, useToast } from '@salutejs/plasma-new-hope';
|
|
1
|
+
export { AccordionItem, ButtonBase, CardContent, CardInnerContent, CarouselGridWrapper, CarouselItem, CellTextbox, CellTextboxLabel, CellTextboxSubtitle, CellTextboxTitle, Col, ListItem, ONLY_CHARS_PATTERN, ONLY_DIGITS_AND_CHARS_PATTERN, ONLY_DIGITS_PATTERN, Overlay, PaginationDot, PaginationDots, PopupProvider as PopupBaseProvider, Portal, RadioGroup, RectSkeleton, Row, SSRProvider, SegmentProvider, SmartPaginationDots, TabItemRefs, TabsContext, addNotification, closeNotification, codeFieldClasses, codeFieldTokens, counterTokens, datePickerClasses, datePickerTokens, dateTimePickerClasses, dateTimePickerTokens, dividerTokens, dropzoneClasses, dropzoneTokens, informationWrapperClasses, informationWrapperTokens, modalClasses as modalBaseClasses, noteClasses, noteTokens, numberFormatter, numberInputClasses, numberInputTokens, popupClasses as popupBaseClasses, priceClasses, rangeTokens, ratingClasses, ratingTokens, sheetClasses, timePickerClasses, timePickerTokens, toolbarTokens, usePopupContext as usePopupBaseContext, useSegment, useToast } from '@salutejs/plasma-new-hope';
|
|
2
2
|
export { Accordion } from './components/Accordion/Accordion.js';
|
|
3
3
|
export { Attach } from './components/Attach/Attach.js';
|
|
4
4
|
export { Autocomplete } from './components/Autocomplete/Autocomplete.js';
|
|
@@ -9,7 +9,7 @@ export { Breadcrumbs } from './components/Breadcrumbs/Breadcrumbs.js';
|
|
|
9
9
|
export { Button } from './components/Button/Button.js';
|
|
10
10
|
export { ButtonGroup } from './components/ButtonGroup/ButtonGroup.js';
|
|
11
11
|
export { Calendar, CalendarBase, CalendarBaseRange, CalendarDouble, CalendarDoubleRange } from './components/Calendar/Calendar.js';
|
|
12
|
-
export { Card
|
|
12
|
+
export { Card } from './components/Card/Card.js';
|
|
13
13
|
export { Carousel } from './components/Carousel/Carousel.js';
|
|
14
14
|
export { Cell } from './components/Cell/Cell.js';
|
|
15
15
|
export { Checkbox } from './components/Checkbox/Checkbox.js';
|
|
@@ -24,6 +24,7 @@ export { DatePicker, DatePickerRange } from './components/DatePicker/DatePicker.
|
|
|
24
24
|
export { DateTimePicker } from './components/DateTimePicker/DateTimePicker.js';
|
|
25
25
|
export { Divider } from './components/Divider/Divider.js';
|
|
26
26
|
export { Drawer, DrawerContent, DrawerFooter, DrawerHeader } from './components/Drawer/Drawer.js';
|
|
27
|
+
export { SelectGroup, TextFieldView, withAssistiveDropdown } from '@salutejs/plasma-hope';
|
|
27
28
|
export { Dropdown } from './components/Dropdown/Dropdown.js';
|
|
28
29
|
export { DropdownItem } from './components/Dropdown/components/DropdownItem.js';
|
|
29
30
|
export { DropdownPopup } from './components/Dropdown/components/DropdownPopup.js';
|
package/css/es/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,5 +1 @@
|
|
|
1
|
-
export { Card,
|
|
2
|
-
export { CardBadge } from '@salutejs/plasma-hope';
|
|
3
|
-
export { CardBody } from '@salutejs/plasma-hope';
|
|
4
|
-
export { CardContent } from '@salutejs/plasma-hope';
|
|
5
|
-
export { CardMedia } from '@salutejs/plasma-hope';
|
|
1
|
+
export { Card, CardContent, CardInnerContent } from './Card';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/plasma-web",
|
|
3
|
-
"version": "1.600.0-canary.2300.
|
|
3
|
+
"version": "1.600.0-canary.2300.19638295795.0",
|
|
4
4
|
"description": "Salute Design System / React UI kit for web applications",
|
|
5
5
|
"author": "Salute Frontend Team <salute.developers@gmail.com>",
|
|
6
6
|
"license": "MIT",
|
|
@@ -19,9 +19,9 @@
|
|
|
19
19
|
"directory": "packages/plasma-web"
|
|
20
20
|
},
|
|
21
21
|
"dependencies": {
|
|
22
|
-
"@salutejs/plasma-core": "1.210.0-canary.2300.
|
|
23
|
-
"@salutejs/plasma-hope": "1.356.0-canary.2300.
|
|
24
|
-
"@salutejs/plasma-new-hope": "0.342.0-canary.2300.
|
|
22
|
+
"@salutejs/plasma-core": "1.210.0-canary.2300.19638295795.0",
|
|
23
|
+
"@salutejs/plasma-hope": "1.356.0-canary.2300.19638295795.0",
|
|
24
|
+
"@salutejs/plasma-new-hope": "0.342.0-canary.2300.19638295795.0",
|
|
25
25
|
"@salutejs/plasma-themes": "0.38.0",
|
|
26
26
|
"@salutejs/plasma-tokens-b2b": "1.54.0",
|
|
27
27
|
"@salutejs/plasma-tokens-b2c": "0.65.0",
|
|
@@ -49,9 +49,9 @@
|
|
|
49
49
|
"@rollup/plugin-commonjs": "25.0.7",
|
|
50
50
|
"@rollup/plugin-node-resolve": "15.2.3",
|
|
51
51
|
"@salutejs/plasma-colors": "0.16.0",
|
|
52
|
-
"@salutejs/plasma-cy-utils": "0.140.0-canary.2300.
|
|
53
|
-
"@salutejs/plasma-icons": "1.
|
|
54
|
-
"@salutejs/plasma-sb-utils": "0.210.0-canary.2300.
|
|
52
|
+
"@salutejs/plasma-cy-utils": "0.140.0-canary.2300.19638295795.0",
|
|
53
|
+
"@salutejs/plasma-icons": "1.227.0-canary.2300.19638295795.0",
|
|
54
|
+
"@salutejs/plasma-sb-utils": "0.210.0-canary.2300.19638295795.0",
|
|
55
55
|
"@storybook/addon-docs": "8.6.14",
|
|
56
56
|
"@storybook/addon-essentials": "8.6.14",
|
|
57
57
|
"@storybook/manager-api": "8.6.14",
|
|
@@ -111,5 +111,5 @@
|
|
|
111
111
|
"Fanil Zubairov"
|
|
112
112
|
],
|
|
113
113
|
"sideEffects": false,
|
|
114
|
-
"gitHead": "
|
|
114
|
+
"gitHead": "9ba47e6e28eecc93440d8e01c4c6be56742f4b13"
|
|
115
115
|
}
|