@salutejs/sdds-insol-next 0.356.0-dev.0 → 0.356.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/beta/cjs/Popover/Popover.config.js +22 -0
- package/dist/beta/cjs/Popover/Popover.config.js.map +1 -0
- package/dist/beta/cjs/Popover/Popover.css +2 -0
- package/dist/beta/cjs/Popover/Popover.js +12 -0
- package/dist/beta/cjs/Popover/Popover.js.map +1 -0
- package/dist/beta/cjs/Tooltip/Tooltip.config.js +22 -0
- package/dist/beta/cjs/Tooltip/Tooltip.config.js.map +1 -0
- package/dist/beta/cjs/Tooltip/Tooltip.css +2 -0
- package/dist/beta/cjs/Tooltip/Tooltip.js +12 -0
- package/dist/beta/cjs/Tooltip/Tooltip.js.map +1 -0
- package/dist/beta/cjs/components/_beta/Popover/Popover.config_11g8b8t.css +2 -0
- package/dist/beta/cjs/components/_beta/Tooltip/Tooltip.config_1po30k1.css +2 -0
- package/dist/beta/cjs/index.css +5 -0
- package/dist/beta/cjs/index.js +12 -0
- package/dist/beta/cjs/index.js.map +1 -0
- package/dist/beta/es/Popover/Popover.config.js +18 -0
- package/dist/beta/es/Popover/Popover.config.js.map +1 -0
- package/dist/beta/es/Popover/Popover.css +2 -0
- package/dist/beta/es/Popover/Popover.js +8 -0
- package/dist/beta/es/Popover/Popover.js.map +1 -0
- package/dist/beta/es/Tooltip/Tooltip.config.js +18 -0
- package/dist/beta/es/Tooltip/Tooltip.config.js.map +1 -0
- package/dist/beta/es/Tooltip/Tooltip.css +2 -0
- package/dist/beta/es/Tooltip/Tooltip.js +8 -0
- package/dist/beta/es/Tooltip/Tooltip.js.map +1 -0
- package/dist/beta/es/components/_beta/Popover/Popover.config_11g8b8t.css +2 -0
- package/dist/beta/es/components/_beta/Tooltip/Tooltip.config_1po30k1.css +2 -0
- package/dist/beta/es/index.css +5 -0
- package/dist/beta/es/index.js +3 -0
- package/dist/beta/es/index.js.map +1 -0
- package/dist/beta/types/Popover/Popover.config.d.ts +14 -0
- package/dist/beta/types/Popover/Popover.d.ts +8 -0
- package/dist/beta/types/Popover/index.d.ts +1 -0
- package/dist/beta/types/Tooltip/Tooltip.config.d.ts +14 -0
- package/dist/beta/types/Tooltip/Tooltip.d.ts +8 -0
- package/dist/beta/types/Tooltip/index.d.ts +1 -0
- package/dist/beta/types/index.d.ts +2 -0
- package/dist/styled-components/cjs/components/_beta/Popover/Popover.config.js +37 -0
- package/dist/styled-components/cjs/components/_beta/Popover/Popover.js +14 -0
- package/dist/styled-components/cjs/components/_beta/Popover/index.js +11 -0
- package/dist/styled-components/cjs/components/_beta/Tooltip/Tooltip.config.js +45 -0
- package/dist/styled-components/cjs/components/_beta/Tooltip/Tooltip.js +14 -0
- package/dist/styled-components/cjs/components/_beta/Tooltip/index.js +11 -0
- package/dist/styled-components/cjs/components/_beta/index.js +19 -0
- package/dist/styled-components/es/components/_beta/Popover/Popover.config.js +27 -0
- package/dist/styled-components/es/components/_beta/Popover/Popover.js +4 -0
- package/dist/styled-components/es/components/_beta/Popover/index.js +1 -0
- package/dist/styled-components/es/components/_beta/Tooltip/Tooltip.config.js +35 -0
- package/dist/styled-components/es/components/_beta/Tooltip/Tooltip.js +4 -0
- package/dist/styled-components/es/components/_beta/Tooltip/index.js +1 -0
- package/dist/styled-components/es/components/_beta/index.js +2 -0
- package/package.json +19 -11
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
require('./../components/_beta/Popover/Popover.config_11g8b8t.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": "d1y87jty"
|
|
14
|
+
},
|
|
15
|
+
size: {
|
|
16
|
+
m: "m1b7rj1o"
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
exports.config = config;
|
|
22
|
+
//# sourceMappingURL=Popover.config.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Popover.config.js","sources":["../../../../src-css/components/_beta/Popover/Popover.config.ts"],"sourcesContent":["import { css, _beta_popoverTokens as tokens } from '@salutejs/plasma-new-hope/css';\nimport { surfaceSolidTertiary } from '@salutejs-ds/sdds_sbcom/theme/tokens';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${tokens.backgroundColor}: ${surfaceSolidTertiary};\n ${tokens.boxShadow}: none;\n ${tokens.dropShadow}: drop-shadow(0px 4px 12px rgba(0, 0, 0, 0.16))\n drop-shadow(0px 1px 4px rgba(0, 0, 0, 0.08));\n `,\n },\n size: {\n m: css`\n ${tokens.borderRadius}: 1rem;\n ${tokens.padding}: 0.75rem 0.5rem 0.5rem 0.5rem;\n ${tokens.tailWidth}: 20px;\n ${tokens.tailHeight}: 8px;\n ${tokens.tailSideCurvature}: 0%;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","m"],"mappings":";;;;AAGO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;MACFG,SAAAA,EAAO;KAMV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,CAAC,EAAA;AAOL;AACJ;AACJ;;;;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
.Popover_config_11g8b8t_d1y87jty__fb46bd6c{--plasma-popover-background-color:var(--surface-solid-tertiary,#474747);--plasma-popover-box-shadow:none;--plasma-popover-drop-shadow:drop-shadow(0px 4px 12px rgba(0,0,0,0.16)) drop-shadow(0px 1px 4px rgba(0,0,0,0.08));}
|
|
2
|
+
.Popover_config_11g8b8t_m1b7rj1o__fb46bd6c{--plasma-popover-border-radius:1rem;--plasma-popover-padding:0.75rem 0.5rem 0.5rem 0.5rem;--plasma-popover-tail-width:20px;--plasma-popover-tail-height:8px;--plasma-popover-tail-side-curvature:0%;}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var css = require('@salutejs/plasma-new-hope/css');
|
|
6
|
+
var Popover_config = require('./Popover.config.js');
|
|
7
|
+
|
|
8
|
+
var mergedConfig = /*#__PURE__*/css.mergeConfig(css._beta_popoverConfig, Popover_config.config);
|
|
9
|
+
var Popover = /*#__PURE__*/css.component(mergedConfig);
|
|
10
|
+
|
|
11
|
+
exports.Popover = Popover;
|
|
12
|
+
//# sourceMappingURL=Popover.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Popover.js","sources":["../../../../src-css/components/_beta/Popover/Popover.tsx"],"sourcesContent":["import { _beta_popoverConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/css';\n\nimport { config } from './Popover.config';\n\nconst mergedConfig = mergeConfig(_beta_popoverConfig, config);\nexport const Popover = component(mergedConfig);\n"],"names":["mergedConfig","mergeConfig","_beta_popoverConfig","config","Popover","component"],"mappings":";;;;;;;AAIA,IAAMA,YAAY,gBAAGC,eAAW,CAACC,uBAAmB,EAAEC,qBAAM,CAAC;IAChDC,OAAO,gBAAGC,aAAS,CAACL,YAAY;;;;"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
require('./../components/_beta/Tooltip/Tooltip.config_1po30k1.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": "dmpvyir"
|
|
14
|
+
},
|
|
15
|
+
size: {
|
|
16
|
+
m: "m1rspaz6"
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
exports.config = config;
|
|
22
|
+
//# sourceMappingURL=Tooltip.config.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tooltip.config.js","sources":["../../../../src-css/components/_beta/Tooltip/Tooltip.config.ts"],"sourcesContent":["import { css, _beta_tooltipTokens as tokens } from '@salutejs/plasma-new-hope/css';\nimport { bodyS, surfaceSolidCardBrightness, textPrimary } from '@salutejs/sdds-themes/tokens/sdds_insol_next';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${tokens.backgroundColor}: ${surfaceSolidCardBrightness};\n ${tokens.boxShadow}: none;\n ${tokens.dropShadow}: drop-shadow(0px 4px 12px rgba(0, 0, 0, 0.16))\n drop-shadow(0px 1px 4px rgba(0, 0, 0, 0.08));\n ${tokens.color}: ${textPrimary};\n `,\n },\n size: {\n m: css`\n ${tokens.borderRadius}: 0.625rem;\n ${tokens.padding}: 0.6875rem 0.875rem;\n ${tokens.gap}: 0.375rem;\n ${tokens.fontFamily}: ${bodyS.fontFamily};\n ${tokens.fontSize}: ${bodyS.fontSize};\n ${tokens.fontStyle}: ${bodyS.fontStyle};\n ${tokens.fontWeight}: ${bodyS.fontWeight};\n ${tokens.letterSpacing}: ${bodyS.letterSpacing};\n ${tokens.lineHeight}: ${bodyS.lineHeight};\n ${tokens.tailWidth}: 20px;\n ${tokens.tailHeight}: 8px;\n ${tokens.tailSideCurvature}: 0%;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","m"],"mappings":";;;;AAGO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;MACFG,SAAAA,EAAO;KAOV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,CAAC,EAAA;AAcL;AACJ;AACJ;;;;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
.Tooltip_config_1po30k1_dmpvyir__99b6a2bc{--plasma-tooltip-background-color:var(--surface-solid-card-brightness,#20282DFF);--plasma-tooltip-box-shadow:none;--plasma-tooltip-drop-shadow:drop-shadow(0px 4px 12px rgba(0,0,0,0.16)) drop-shadow(0px 1px 4px rgba(0,0,0,0.08));--plasma-tooltip-color:var(--text-primary,#FFFFFFF5);}
|
|
2
|
+
.Tooltip_config_1po30k1_m1rspaz6__99b6a2bc{--plasma-tooltip-border-radius:0.625rem;--plasma-tooltip-padding:0.6875rem 0.875rem;--plasma-tooltip-gap:0.375rem;--plasma-tooltip-font-family:var(--plasma-typo-body-s-font-family);--plasma-tooltip-font-size:var(--plasma-typo-body-s-font-size);--plasma-tooltip-font-style:var(--plasma-typo-body-s-font-style);--plasma-tooltip-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-tooltip-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-tooltip-lineheight:var(--plasma-typo-body-s-line-height);--plasma-tooltip-tail-width:20px;--plasma-tooltip-tail-height:8px;--plasma-tooltip-tail-side-curvature:0%;}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var css = require('@salutejs/plasma-new-hope/css');
|
|
6
|
+
var Tooltip_config = require('./Tooltip.config.js');
|
|
7
|
+
|
|
8
|
+
var mergedConfig = /*#__PURE__*/css.mergeConfig(css._beta_tooltipConfig, Tooltip_config.config);
|
|
9
|
+
var Tooltip = /*#__PURE__*/css.component(mergedConfig);
|
|
10
|
+
|
|
11
|
+
exports.Tooltip = Tooltip;
|
|
12
|
+
//# sourceMappingURL=Tooltip.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sources":["../../../../src-css/components/_beta/Tooltip/Tooltip.tsx"],"sourcesContent":["import { _beta_tooltipConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/css';\n\nimport { config } from './Tooltip.config';\n\nconst mergedConfig = mergeConfig(_beta_tooltipConfig, config);\nexport const Tooltip = component(mergedConfig);\n"],"names":["mergedConfig","mergeConfig","_beta_tooltipConfig","config","Tooltip","component"],"mappings":";;;;;;;AAIA,IAAMA,YAAY,gBAAGC,eAAW,CAACC,uBAAmB,EAAEC,qBAAM,CAAC;IAChDC,OAAO,gBAAGC,aAAS,CAACL,YAAY;;;;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
.d1y87jty{--plasma-popover-background-color:var(--surface-solid-tertiary,#474747);--plasma-popover-box-shadow:none;--plasma-popover-drop-shadow:drop-shadow(0px 4px 12px rgba(0,0,0,0.16)) drop-shadow(0px 1px 4px rgba(0,0,0,0.08));}
|
|
2
|
+
.m1b7rj1o{--plasma-popover-border-radius:1rem;--plasma-popover-padding:0.75rem 0.5rem 0.5rem 0.5rem;--plasma-popover-tail-width:20px;--plasma-popover-tail-height:8px;--plasma-popover-tail-side-curvature:0%;}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
.dmpvyir{--plasma-tooltip-background-color:var(--surface-solid-card-brightness,#20282DFF);--plasma-tooltip-box-shadow:none;--plasma-tooltip-drop-shadow:drop-shadow(0px 4px 12px rgba(0,0,0,0.16)) drop-shadow(0px 1px 4px rgba(0,0,0,0.08));--plasma-tooltip-color:var(--text-primary,#FFFFFFF5);}
|
|
2
|
+
.m1rspaz6{--plasma-tooltip-border-radius:0.625rem;--plasma-tooltip-padding:0.6875rem 0.875rem;--plasma-tooltip-gap:0.375rem;--plasma-tooltip-font-family:var(--plasma-typo-body-s-font-family);--plasma-tooltip-font-size:var(--plasma-typo-body-s-font-size);--plasma-tooltip-font-style:var(--plasma-typo-body-s-font-style);--plasma-tooltip-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-tooltip-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-tooltip-lineheight:var(--plasma-typo-body-s-line-height);--plasma-tooltip-tail-width:20px;--plasma-tooltip-tail-height:8px;--plasma-tooltip-tail-side-curvature:0%;}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
.Popover_config_11g8b8t_d1y87jty__fb46bd6c{--plasma-popover-background-color:var(--surface-solid-tertiary,#474747);--plasma-popover-box-shadow:none;--plasma-popover-drop-shadow:drop-shadow(0px 4px 12px rgba(0,0,0,0.16)) drop-shadow(0px 1px 4px rgba(0,0,0,0.08));}
|
|
2
|
+
.Popover_config_11g8b8t_m1b7rj1o__fb46bd6c{--plasma-popover-border-radius:1rem;--plasma-popover-padding:0.75rem 0.5rem 0.5rem 0.5rem;--plasma-popover-tail-width:20px;--plasma-popover-tail-height:8px;--plasma-popover-tail-side-curvature:0%;}
|
|
3
|
+
|
|
4
|
+
.Tooltip_config_1po30k1_dmpvyir__99b6a2bc{--plasma-tooltip-background-color:var(--surface-solid-card-brightness,#20282DFF);--plasma-tooltip-box-shadow:none;--plasma-tooltip-drop-shadow:drop-shadow(0px 4px 12px rgba(0,0,0,0.16)) drop-shadow(0px 1px 4px rgba(0,0,0,0.08));--plasma-tooltip-color:var(--text-primary,#FFFFFFF5);}
|
|
5
|
+
.Tooltip_config_1po30k1_m1rspaz6__99b6a2bc{--plasma-tooltip-border-radius:0.625rem;--plasma-tooltip-padding:0.6875rem 0.875rem;--plasma-tooltip-gap:0.375rem;--plasma-tooltip-font-family:var(--plasma-typo-body-s-font-family);--plasma-tooltip-font-size:var(--plasma-typo-body-s-font-size);--plasma-tooltip-font-style:var(--plasma-typo-body-s-font-style);--plasma-tooltip-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-tooltip-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-tooltip-lineheight:var(--plasma-typo-body-s-line-height);--plasma-tooltip-tail-width:20px;--plasma-tooltip-tail-height:8px;--plasma-tooltip-tail-side-curvature:0%;}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var Popover = require('./Popover/Popover.js');
|
|
6
|
+
var Tooltip = require('./Tooltip/Tooltip.js');
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
exports.Popover = Popover.Popover;
|
|
11
|
+
exports.Tooltip = Tooltip.Tooltip;
|
|
12
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import './../components/_beta/Popover/Popover.config_11g8b8t.css';
|
|
2
|
+
var config = {
|
|
3
|
+
defaults: {
|
|
4
|
+
view: 'default',
|
|
5
|
+
size: 'm'
|
|
6
|
+
},
|
|
7
|
+
variations: {
|
|
8
|
+
view: {
|
|
9
|
+
"default": "d1y87jty"
|
|
10
|
+
},
|
|
11
|
+
size: {
|
|
12
|
+
m: "m1b7rj1o"
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
};
|
|
16
|
+
|
|
17
|
+
export { config };
|
|
18
|
+
//# sourceMappingURL=Popover.config.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Popover.config.js","sources":["../../../../src-css/components/_beta/Popover/Popover.config.ts"],"sourcesContent":["import { css, _beta_popoverTokens as tokens } from '@salutejs/plasma-new-hope/css';\nimport { surfaceSolidTertiary } from '@salutejs-ds/sdds_sbcom/theme/tokens';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${tokens.backgroundColor}: ${surfaceSolidTertiary};\n ${tokens.boxShadow}: none;\n ${tokens.dropShadow}: drop-shadow(0px 4px 12px rgba(0, 0, 0, 0.16))\n drop-shadow(0px 1px 4px rgba(0, 0, 0, 0.08));\n `,\n },\n size: {\n m: css`\n ${tokens.borderRadius}: 1rem;\n ${tokens.padding}: 0.75rem 0.5rem 0.5rem 0.5rem;\n ${tokens.tailWidth}: 20px;\n ${tokens.tailHeight}: 8px;\n ${tokens.tailSideCurvature}: 0%;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","m"],"mappings":"AAGO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;MACFG,SAAAA,EAAO;KAMV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,CAAC,EAAA;AAOL;AACJ;AACJ;;;;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
.Popover_config_11g8b8t_d1y87jty__fb46bd6c{--plasma-popover-background-color:var(--surface-solid-tertiary,#474747);--plasma-popover-box-shadow:none;--plasma-popover-drop-shadow:drop-shadow(0px 4px 12px rgba(0,0,0,0.16)) drop-shadow(0px 1px 4px rgba(0,0,0,0.08));}
|
|
2
|
+
.Popover_config_11g8b8t_m1b7rj1o__fb46bd6c{--plasma-popover-border-radius:1rem;--plasma-popover-padding:0.75rem 0.5rem 0.5rem 0.5rem;--plasma-popover-tail-width:20px;--plasma-popover-tail-height:8px;--plasma-popover-tail-side-curvature:0%;}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { component, mergeConfig, _beta_popoverConfig } from '@salutejs/plasma-new-hope/css';
|
|
2
|
+
import { config } from './Popover.config.js';
|
|
3
|
+
|
|
4
|
+
var mergedConfig = /*#__PURE__*/mergeConfig(_beta_popoverConfig, config);
|
|
5
|
+
var Popover = /*#__PURE__*/component(mergedConfig);
|
|
6
|
+
|
|
7
|
+
export { Popover };
|
|
8
|
+
//# sourceMappingURL=Popover.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Popover.js","sources":["../../../../src-css/components/_beta/Popover/Popover.tsx"],"sourcesContent":["import { _beta_popoverConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/css';\n\nimport { config } from './Popover.config';\n\nconst mergedConfig = mergeConfig(_beta_popoverConfig, config);\nexport const Popover = component(mergedConfig);\n"],"names":["mergedConfig","mergeConfig","_beta_popoverConfig","config","Popover","component"],"mappings":";;;AAIA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,mBAAmB,EAAEC,MAAM,CAAC;IAChDC,OAAO,gBAAGC,SAAS,CAACL,YAAY;;;;"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import './../components/_beta/Tooltip/Tooltip.config_1po30k1.css';
|
|
2
|
+
var config = {
|
|
3
|
+
defaults: {
|
|
4
|
+
view: 'default',
|
|
5
|
+
size: 'm'
|
|
6
|
+
},
|
|
7
|
+
variations: {
|
|
8
|
+
view: {
|
|
9
|
+
"default": "dmpvyir"
|
|
10
|
+
},
|
|
11
|
+
size: {
|
|
12
|
+
m: "m1rspaz6"
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
};
|
|
16
|
+
|
|
17
|
+
export { config };
|
|
18
|
+
//# sourceMappingURL=Tooltip.config.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tooltip.config.js","sources":["../../../../src-css/components/_beta/Tooltip/Tooltip.config.ts"],"sourcesContent":["import { css, _beta_tooltipTokens as tokens } from '@salutejs/plasma-new-hope/css';\nimport { bodyS, surfaceSolidCardBrightness, textPrimary } from '@salutejs/sdds-themes/tokens/sdds_insol_next';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${tokens.backgroundColor}: ${surfaceSolidCardBrightness};\n ${tokens.boxShadow}: none;\n ${tokens.dropShadow}: drop-shadow(0px 4px 12px rgba(0, 0, 0, 0.16))\n drop-shadow(0px 1px 4px rgba(0, 0, 0, 0.08));\n ${tokens.color}: ${textPrimary};\n `,\n },\n size: {\n m: css`\n ${tokens.borderRadius}: 0.625rem;\n ${tokens.padding}: 0.6875rem 0.875rem;\n ${tokens.gap}: 0.375rem;\n ${tokens.fontFamily}: ${bodyS.fontFamily};\n ${tokens.fontSize}: ${bodyS.fontSize};\n ${tokens.fontStyle}: ${bodyS.fontStyle};\n ${tokens.fontWeight}: ${bodyS.fontWeight};\n ${tokens.letterSpacing}: ${bodyS.letterSpacing};\n ${tokens.lineHeight}: ${bodyS.lineHeight};\n ${tokens.tailWidth}: 20px;\n ${tokens.tailHeight}: 8px;\n ${tokens.tailSideCurvature}: 0%;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","m"],"mappings":"AAGO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;MACFG,SAAAA,EAAO;KAOV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,CAAC,EAAA;AAcL;AACJ;AACJ;;;;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
.Tooltip_config_1po30k1_dmpvyir__99b6a2bc{--plasma-tooltip-background-color:var(--surface-solid-card-brightness,#20282DFF);--plasma-tooltip-box-shadow:none;--plasma-tooltip-drop-shadow:drop-shadow(0px 4px 12px rgba(0,0,0,0.16)) drop-shadow(0px 1px 4px rgba(0,0,0,0.08));--plasma-tooltip-color:var(--text-primary,#FFFFFFF5);}
|
|
2
|
+
.Tooltip_config_1po30k1_m1rspaz6__99b6a2bc{--plasma-tooltip-border-radius:0.625rem;--plasma-tooltip-padding:0.6875rem 0.875rem;--plasma-tooltip-gap:0.375rem;--plasma-tooltip-font-family:var(--plasma-typo-body-s-font-family);--plasma-tooltip-font-size:var(--plasma-typo-body-s-font-size);--plasma-tooltip-font-style:var(--plasma-typo-body-s-font-style);--plasma-tooltip-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-tooltip-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-tooltip-lineheight:var(--plasma-typo-body-s-line-height);--plasma-tooltip-tail-width:20px;--plasma-tooltip-tail-height:8px;--plasma-tooltip-tail-side-curvature:0%;}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { component, mergeConfig, _beta_tooltipConfig } from '@salutejs/plasma-new-hope/css';
|
|
2
|
+
import { config } from './Tooltip.config.js';
|
|
3
|
+
|
|
4
|
+
var mergedConfig = /*#__PURE__*/mergeConfig(_beta_tooltipConfig, config);
|
|
5
|
+
var Tooltip = /*#__PURE__*/component(mergedConfig);
|
|
6
|
+
|
|
7
|
+
export { Tooltip };
|
|
8
|
+
//# sourceMappingURL=Tooltip.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sources":["../../../../src-css/components/_beta/Tooltip/Tooltip.tsx"],"sourcesContent":["import { _beta_tooltipConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/css';\n\nimport { config } from './Tooltip.config';\n\nconst mergedConfig = mergeConfig(_beta_tooltipConfig, config);\nexport const Tooltip = component(mergedConfig);\n"],"names":["mergedConfig","mergeConfig","_beta_tooltipConfig","config","Tooltip","component"],"mappings":";;;AAIA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,mBAAmB,EAAEC,MAAM,CAAC;IAChDC,OAAO,gBAAGC,SAAS,CAACL,YAAY;;;;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
.d1y87jty{--plasma-popover-background-color:var(--surface-solid-tertiary,#474747);--plasma-popover-box-shadow:none;--plasma-popover-drop-shadow:drop-shadow(0px 4px 12px rgba(0,0,0,0.16)) drop-shadow(0px 1px 4px rgba(0,0,0,0.08));}
|
|
2
|
+
.m1b7rj1o{--plasma-popover-border-radius:1rem;--plasma-popover-padding:0.75rem 0.5rem 0.5rem 0.5rem;--plasma-popover-tail-width:20px;--plasma-popover-tail-height:8px;--plasma-popover-tail-side-curvature:0%;}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
.dmpvyir{--plasma-tooltip-background-color:var(--surface-solid-card-brightness,#20282DFF);--plasma-tooltip-box-shadow:none;--plasma-tooltip-drop-shadow:drop-shadow(0px 4px 12px rgba(0,0,0,0.16)) drop-shadow(0px 1px 4px rgba(0,0,0,0.08));--plasma-tooltip-color:var(--text-primary,#FFFFFFF5);}
|
|
2
|
+
.m1rspaz6{--plasma-tooltip-border-radius:0.625rem;--plasma-tooltip-padding:0.6875rem 0.875rem;--plasma-tooltip-gap:0.375rem;--plasma-tooltip-font-family:var(--plasma-typo-body-s-font-family);--plasma-tooltip-font-size:var(--plasma-typo-body-s-font-size);--plasma-tooltip-font-style:var(--plasma-typo-body-s-font-style);--plasma-tooltip-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-tooltip-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-tooltip-lineheight:var(--plasma-typo-body-s-line-height);--plasma-tooltip-tail-width:20px;--plasma-tooltip-tail-height:8px;--plasma-tooltip-tail-side-curvature:0%;}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
.Popover_config_11g8b8t_d1y87jty__fb46bd6c{--plasma-popover-background-color:var(--surface-solid-tertiary,#474747);--plasma-popover-box-shadow:none;--plasma-popover-drop-shadow:drop-shadow(0px 4px 12px rgba(0,0,0,0.16)) drop-shadow(0px 1px 4px rgba(0,0,0,0.08));}
|
|
2
|
+
.Popover_config_11g8b8t_m1b7rj1o__fb46bd6c{--plasma-popover-border-radius:1rem;--plasma-popover-padding:0.75rem 0.5rem 0.5rem 0.5rem;--plasma-popover-tail-width:20px;--plasma-popover-tail-height:8px;--plasma-popover-tail-side-curvature:0%;}
|
|
3
|
+
|
|
4
|
+
.Tooltip_config_1po30k1_dmpvyir__99b6a2bc{--plasma-tooltip-background-color:var(--surface-solid-card-brightness,#20282DFF);--plasma-tooltip-box-shadow:none;--plasma-tooltip-drop-shadow:drop-shadow(0px 4px 12px rgba(0,0,0,0.16)) drop-shadow(0px 1px 4px rgba(0,0,0,0.08));--plasma-tooltip-color:var(--text-primary,#FFFFFFF5);}
|
|
5
|
+
.Tooltip_config_1po30k1_m1rspaz6__99b6a2bc{--plasma-tooltip-border-radius:0.625rem;--plasma-tooltip-padding:0.6875rem 0.875rem;--plasma-tooltip-gap:0.375rem;--plasma-tooltip-font-family:var(--plasma-typo-body-s-font-family);--plasma-tooltip-font-size:var(--plasma-typo-body-s-font-size);--plasma-tooltip-font-style:var(--plasma-typo-body-s-font-style);--plasma-tooltip-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-tooltip-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-tooltip-lineheight:var(--plasma-typo-body-s-line-height);--plasma-tooltip-tail-width:20px;--plasma-tooltip-tail-height:8px;--plasma-tooltip-tail-side-curvature:0%;}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export declare const config: {
|
|
2
|
+
defaults: {
|
|
3
|
+
view: string;
|
|
4
|
+
size: string;
|
|
5
|
+
};
|
|
6
|
+
variations: {
|
|
7
|
+
view: {
|
|
8
|
+
default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
9
|
+
};
|
|
10
|
+
size: {
|
|
11
|
+
m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export declare const Popover: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
|
|
2
|
+
view: {
|
|
3
|
+
default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
4
|
+
};
|
|
5
|
+
size: {
|
|
6
|
+
m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
7
|
+
};
|
|
8
|
+
}> & import("react").HTMLAttributes<HTMLDivElement> & import("@salutejs/plasma-new-hope/types/components/_beta/Popover/Popover.types.js").BasicPopoverProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Popover } from './Popover';
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export declare const config: {
|
|
2
|
+
defaults: {
|
|
3
|
+
view: string;
|
|
4
|
+
size: string;
|
|
5
|
+
};
|
|
6
|
+
variations: {
|
|
7
|
+
view: {
|
|
8
|
+
default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
9
|
+
};
|
|
10
|
+
size: {
|
|
11
|
+
m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export declare const Tooltip: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
|
|
2
|
+
view: {
|
|
3
|
+
default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
4
|
+
};
|
|
5
|
+
size: {
|
|
6
|
+
m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
7
|
+
};
|
|
8
|
+
}> & Omit<import("react").HTMLAttributes<HTMLDivElement>, "children"> & import("@salutejs/plasma-new-hope/types/components/_beta/Tooltip/Tooltip.types.js").BasicTooltipProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Tooltip } from './Tooltip';
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "config", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return config;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
|
|
12
|
+
const _tokens = require("@salutejs-ds/sdds_sbcom/theme/tokens");
|
|
13
|
+
const config = {
|
|
14
|
+
defaults: {
|
|
15
|
+
view: 'default',
|
|
16
|
+
size: 'm'
|
|
17
|
+
},
|
|
18
|
+
variations: {
|
|
19
|
+
view: {
|
|
20
|
+
default: (0, _styledcomponents.css)`
|
|
21
|
+
${_styledcomponents._beta_popoverTokens.backgroundColor}: ${_tokens.surfaceSolidTertiary};
|
|
22
|
+
${_styledcomponents._beta_popoverTokens.boxShadow}: none;
|
|
23
|
+
${_styledcomponents._beta_popoverTokens.dropShadow}: drop-shadow(0px 4px 12px rgba(0, 0, 0, 0.16))
|
|
24
|
+
drop-shadow(0px 1px 4px rgba(0, 0, 0, 0.08));
|
|
25
|
+
`
|
|
26
|
+
},
|
|
27
|
+
size: {
|
|
28
|
+
m: (0, _styledcomponents.css)`
|
|
29
|
+
${_styledcomponents._beta_popoverTokens.borderRadius}: 1rem;
|
|
30
|
+
${_styledcomponents._beta_popoverTokens.padding}: 0.75rem 0.5rem 0.5rem 0.5rem;
|
|
31
|
+
${_styledcomponents._beta_popoverTokens.tailWidth}: 20px;
|
|
32
|
+
${_styledcomponents._beta_popoverTokens.tailHeight}: 8px;
|
|
33
|
+
${_styledcomponents._beta_popoverTokens.tailSideCurvature}: 0%;
|
|
34
|
+
`
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "Popover", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return Popover;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
|
|
12
|
+
const _Popoverconfig = require("./Popover.config");
|
|
13
|
+
const mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents._beta_popoverConfig, _Popoverconfig.config);
|
|
14
|
+
const Popover = (0, _styledcomponents.component)(mergedConfig);
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "config", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return config;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
|
|
12
|
+
const _sdds_insol_next = require("@salutejs/sdds-themes/tokens/sdds_insol_next");
|
|
13
|
+
const config = {
|
|
14
|
+
defaults: {
|
|
15
|
+
view: 'default',
|
|
16
|
+
size: 'm'
|
|
17
|
+
},
|
|
18
|
+
variations: {
|
|
19
|
+
view: {
|
|
20
|
+
default: (0, _styledcomponents.css)`
|
|
21
|
+
${_styledcomponents._beta_tooltipTokens.backgroundColor}: ${_sdds_insol_next.surfaceSolidCardBrightness};
|
|
22
|
+
${_styledcomponents._beta_tooltipTokens.boxShadow}: none;
|
|
23
|
+
${_styledcomponents._beta_tooltipTokens.dropShadow}: drop-shadow(0px 4px 12px rgba(0, 0, 0, 0.16))
|
|
24
|
+
drop-shadow(0px 1px 4px rgba(0, 0, 0, 0.08));
|
|
25
|
+
${_styledcomponents._beta_tooltipTokens.color}: ${_sdds_insol_next.textPrimary};
|
|
26
|
+
`
|
|
27
|
+
},
|
|
28
|
+
size: {
|
|
29
|
+
m: (0, _styledcomponents.css)`
|
|
30
|
+
${_styledcomponents._beta_tooltipTokens.borderRadius}: 0.625rem;
|
|
31
|
+
${_styledcomponents._beta_tooltipTokens.padding}: 0.6875rem 0.875rem;
|
|
32
|
+
${_styledcomponents._beta_tooltipTokens.gap}: 0.375rem;
|
|
33
|
+
${_styledcomponents._beta_tooltipTokens.fontFamily}: ${_sdds_insol_next.bodyS.fontFamily};
|
|
34
|
+
${_styledcomponents._beta_tooltipTokens.fontSize}: ${_sdds_insol_next.bodyS.fontSize};
|
|
35
|
+
${_styledcomponents._beta_tooltipTokens.fontStyle}: ${_sdds_insol_next.bodyS.fontStyle};
|
|
36
|
+
${_styledcomponents._beta_tooltipTokens.fontWeight}: ${_sdds_insol_next.bodyS.fontWeight};
|
|
37
|
+
${_styledcomponents._beta_tooltipTokens.letterSpacing}: ${_sdds_insol_next.bodyS.letterSpacing};
|
|
38
|
+
${_styledcomponents._beta_tooltipTokens.lineHeight}: ${_sdds_insol_next.bodyS.lineHeight};
|
|
39
|
+
${_styledcomponents._beta_tooltipTokens.tailWidth}: 20px;
|
|
40
|
+
${_styledcomponents._beta_tooltipTokens.tailHeight}: 8px;
|
|
41
|
+
${_styledcomponents._beta_tooltipTokens.tailSideCurvature}: 0%;
|
|
42
|
+
`
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "Tooltip", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return Tooltip;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
|
|
12
|
+
const _Tooltipconfig = require("./Tooltip.config");
|
|
13
|
+
const mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents._beta_tooltipConfig, _Tooltipconfig.config);
|
|
14
|
+
const Tooltip = (0, _styledcomponents.component)(mergedConfig);
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
_export_star(require("./Popover"), exports);
|
|
6
|
+
_export_star(require("./Tooltip"), exports);
|
|
7
|
+
function _export_star(from, to) {
|
|
8
|
+
Object.keys(from).forEach(function(k) {
|
|
9
|
+
if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
|
|
10
|
+
Object.defineProperty(to, k, {
|
|
11
|
+
enumerable: true,
|
|
12
|
+
get: function() {
|
|
13
|
+
return from[k];
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
return from;
|
|
19
|
+
}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { css, _beta_popoverTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
|
|
2
|
+
import { surfaceSolidTertiary } from '@salutejs-ds/sdds_sbcom/theme/tokens';
|
|
3
|
+
export const config = {
|
|
4
|
+
defaults: {
|
|
5
|
+
view: 'default',
|
|
6
|
+
size: 'm'
|
|
7
|
+
},
|
|
8
|
+
variations: {
|
|
9
|
+
view: {
|
|
10
|
+
default: css`
|
|
11
|
+
${tokens.backgroundColor}: ${surfaceSolidTertiary};
|
|
12
|
+
${tokens.boxShadow}: none;
|
|
13
|
+
${tokens.dropShadow}: drop-shadow(0px 4px 12px rgba(0, 0, 0, 0.16))
|
|
14
|
+
drop-shadow(0px 1px 4px rgba(0, 0, 0, 0.08));
|
|
15
|
+
`
|
|
16
|
+
},
|
|
17
|
+
size: {
|
|
18
|
+
m: css`
|
|
19
|
+
${tokens.borderRadius}: 1rem;
|
|
20
|
+
${tokens.padding}: 0.75rem 0.5rem 0.5rem 0.5rem;
|
|
21
|
+
${tokens.tailWidth}: 20px;
|
|
22
|
+
${tokens.tailHeight}: 8px;
|
|
23
|
+
${tokens.tailSideCurvature}: 0%;
|
|
24
|
+
`
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Popover } from './Popover';
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { css, _beta_tooltipTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
|
|
2
|
+
import { bodyS, surfaceSolidCardBrightness, textPrimary } from '@salutejs/sdds-themes/tokens/sdds_insol_next';
|
|
3
|
+
export const config = {
|
|
4
|
+
defaults: {
|
|
5
|
+
view: 'default',
|
|
6
|
+
size: 'm'
|
|
7
|
+
},
|
|
8
|
+
variations: {
|
|
9
|
+
view: {
|
|
10
|
+
default: css`
|
|
11
|
+
${tokens.backgroundColor}: ${surfaceSolidCardBrightness};
|
|
12
|
+
${tokens.boxShadow}: none;
|
|
13
|
+
${tokens.dropShadow}: drop-shadow(0px 4px 12px rgba(0, 0, 0, 0.16))
|
|
14
|
+
drop-shadow(0px 1px 4px rgba(0, 0, 0, 0.08));
|
|
15
|
+
${tokens.color}: ${textPrimary};
|
|
16
|
+
`
|
|
17
|
+
},
|
|
18
|
+
size: {
|
|
19
|
+
m: css`
|
|
20
|
+
${tokens.borderRadius}: 0.625rem;
|
|
21
|
+
${tokens.padding}: 0.6875rem 0.875rem;
|
|
22
|
+
${tokens.gap}: 0.375rem;
|
|
23
|
+
${tokens.fontFamily}: ${bodyS.fontFamily};
|
|
24
|
+
${tokens.fontSize}: ${bodyS.fontSize};
|
|
25
|
+
${tokens.fontStyle}: ${bodyS.fontStyle};
|
|
26
|
+
${tokens.fontWeight}: ${bodyS.fontWeight};
|
|
27
|
+
${tokens.letterSpacing}: ${bodyS.letterSpacing};
|
|
28
|
+
${tokens.lineHeight}: ${bodyS.lineHeight};
|
|
29
|
+
${tokens.tailWidth}: 20px;
|
|
30
|
+
${tokens.tailHeight}: 8px;
|
|
31
|
+
${tokens.tailSideCurvature}: 0%;
|
|
32
|
+
`
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Tooltip } from './Tooltip';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/sdds-insol-next",
|
|
3
|
-
"version": "0.356.0
|
|
3
|
+
"version": "0.356.0",
|
|
4
4
|
"description": "Salute Design System / React UI kit for SDDS INSOL NEXT web applications",
|
|
5
5
|
"author": "Salute Frontend Team <salute.developers@gmail.com>",
|
|
6
6
|
"publishConfig": {
|
|
@@ -32,6 +32,11 @@
|
|
|
32
32
|
"import": "./dist/styled-components/es/index.js",
|
|
33
33
|
"require": "./dist/styled-components/cjs/index.js",
|
|
34
34
|
"types": "./types/index.d.ts"
|
|
35
|
+
},
|
|
36
|
+
"./beta": {
|
|
37
|
+
"import": "./dist/beta/es/index.js",
|
|
38
|
+
"require": "./dist/beta/cjs/index.js",
|
|
39
|
+
"types": "./dist/beta/types/index.d.ts"
|
|
35
40
|
}
|
|
36
41
|
},
|
|
37
42
|
"peerDependencies": {
|
|
@@ -40,8 +45,8 @@
|
|
|
40
45
|
"styled-components": "^5.3.1"
|
|
41
46
|
},
|
|
42
47
|
"dependencies": {
|
|
43
|
-
"@salutejs/plasma-new-hope": "0.374.0
|
|
44
|
-
"@salutejs/sdds-themes": "0.75.0
|
|
48
|
+
"@salutejs/plasma-new-hope": "0.374.0",
|
|
49
|
+
"@salutejs/sdds-themes": "0.75.0"
|
|
45
50
|
},
|
|
46
51
|
"devDependencies": {
|
|
47
52
|
"@babel/cli": "7.24.1",
|
|
@@ -59,11 +64,11 @@
|
|
|
59
64
|
"@rollup/plugin-babel": "^6.0.4",
|
|
60
65
|
"@rollup/plugin-commonjs": "^25.0.4",
|
|
61
66
|
"@rollup/plugin-node-resolve": "^15.1.0",
|
|
62
|
-
"@salutejs/plasma-colors": "0.18.0
|
|
63
|
-
"@salutejs/plasma-core": "1.237.0
|
|
64
|
-
"@salutejs/plasma-cy-utils": "0.167.0
|
|
65
|
-
"@salutejs/plasma-icons": "1.245.0
|
|
66
|
-
"@salutejs/plasma-sb-utils": "0.238.0
|
|
67
|
+
"@salutejs/plasma-colors": "0.18.0",
|
|
68
|
+
"@salutejs/plasma-core": "1.237.0",
|
|
69
|
+
"@salutejs/plasma-cy-utils": "0.167.0",
|
|
70
|
+
"@salutejs/plasma-icons": "1.245.0",
|
|
71
|
+
"@salutejs/plasma-sb-utils": "0.238.0",
|
|
67
72
|
"@types/node": "16.7.13",
|
|
68
73
|
"@types/react": "18.0.28",
|
|
69
74
|
"@types/react-dom": "18.0.11",
|
|
@@ -79,7 +84,7 @@
|
|
|
79
84
|
},
|
|
80
85
|
"scripts": {
|
|
81
86
|
"prepare": "npm run build",
|
|
82
|
-
"build": "npm run build:css && npm run build:styled-components",
|
|
87
|
+
"build": "npm run build:css && npm run build:styled-components && npm run build:beta",
|
|
83
88
|
"postbuild": "npm run generate:typings",
|
|
84
89
|
"prebuild:css": "rm -rf src-css && ./scripts/copy-linaria-components.sh",
|
|
85
90
|
"build:css": "rm -rf dist/css && rollup -c",
|
|
@@ -87,7 +92,10 @@
|
|
|
87
92
|
"build:styled-components": "rm -rf dist/styled-components && npm run build:styled-components:esm && npm run build:styled-components:cjs",
|
|
88
93
|
"build:styled-components:cjs": "swc ./src -d ./dist/styled-components/cjs --strip-leading-paths --config-file ../../swc.config.json -C module.type=commonjs",
|
|
89
94
|
"build:styled-components:esm": "swc ./src -d ./dist/styled-components/es --strip-leading-paths --config-file ../../swc.config.json -C module.type=es6",
|
|
90
|
-
"
|
|
95
|
+
"prebuild:beta": "rm -rf src-css && ./scripts/copy-linaria-components.sh",
|
|
96
|
+
"build:beta": "rm -rf dist/beta/es dist/beta/cjs && BETA=true rollup -c",
|
|
97
|
+
"postbuild:beta": "rm -rf src-css",
|
|
98
|
+
"generate:typings": "rm -rf types && tsc && rm -rf dist/beta/types && tsc -p src/components/_beta/tsconfig.json",
|
|
91
99
|
"storybook": "npm run storybook:sc",
|
|
92
100
|
"storybook:sc": "USE_STYLED_COMPONENTS=true storybook dev -p ${PORT:-7002} -c .storybook",
|
|
93
101
|
"storybook:build": "storybook build -c .storybook -o build-sb",
|
|
@@ -107,5 +115,5 @@
|
|
|
107
115
|
"sideEffects": [
|
|
108
116
|
"*.css"
|
|
109
117
|
],
|
|
110
|
-
"gitHead": "
|
|
118
|
+
"gitHead": "7232ffe7284cf605a4c4d39f14dda710efcc33e2"
|
|
111
119
|
}
|