npm - @salutejs/plasma-new-hope - Versions diffs - 0.320.1-canary.1913.14457152885.0 → 0.320.1-canary.1913.14480249004.0 - Mend

@salutejs/plasma-new-hope 0.320.1-canary.1913.14457152885.0 → 0.320.1-canary.1913.14480249004.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.

Files changed (132) hide show

package/emotion/cjs/examples/plasma_web/components/Radiobox/Radiobox.stories.tsx CHANGED Viewed

@@ -25,7 +25,7 @@ const meta: Meta<typeof Radiobox> = {
             },
         },
         size: {
-            options: ['m', 's'],
+            options: ['l', 'm', 's'],
             control: {
                 type: 'radio',
             },

package/emotion/cjs/examples/typography/components/Body/Body.stories.tsx CHANGED Viewed

@@ -40,6 +40,7 @@ const meta: Meta<typeof Body> = {
         breakWord: true,
         bold: false,
         medium: false,
+        isNumeric: false,
     },
 };
@@ -48,10 +49,14 @@ export default meta;
 export const Default: StoryObj<typeof Body> = {
     render: (args) => {
         return (
-            <Body {...args}>
-                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium nesciunt nihil non ut animi
-                distinctio modi quo, provident quod.
-            </Body>
+            <>
+                <Body {...args}>
+                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium nesciunt nihil non ut animi
+                    distinctio modi quo, provident quod.
+                    <br />
+                    1234567890
+                </Body>
+            </>
         );
     },
 };

package/emotion/cjs/examples/typography/components/Dspl/Dspl.stories.tsx CHANGED Viewed

@@ -40,6 +40,7 @@ const meta: Meta<typeof Dspl> = {
         breakWord: true,
         bold: false,
         medium: false,
+        isNumeric: false,
     },
 };
@@ -51,6 +52,8 @@ export const Default: StoryObj<typeof Dspl> = {
             <Dspl {...props}>
                 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium nesciunt nihil non ut animi
                 distinctio modi quo, provident quod.
+                <br />
+                1234567890
             </Dspl>
         );
     },

package/emotion/cjs/examples/typography/components/Heading/Heading.stories.tsx CHANGED Viewed

@@ -40,6 +40,7 @@ const meta: Meta<typeof Heading> = {
         breakWord: true,
         bold: false,
         medium: false,
+        isNumeric: false,
     },
 };
@@ -51,6 +52,8 @@ export const Default: StoryObj<typeof Heading> = {
             <Heading {...props}>
                 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium nesciunt nihil non ut animi
                 distinctio modi quo, provident quod.
+                <br />
+                1234567890
             </Heading>
         );
     },

package/emotion/cjs/examples/typography/components/Text/Text.stories.tsx CHANGED Viewed

@@ -40,6 +40,7 @@ const meta: Meta<typeof Text> = {
         breakWord: true,
         bold: false,
         medium: false,
+        isNumeric: false,
     },
 };
@@ -51,6 +52,8 @@ export const Default: StoryObj<typeof Text> = {
             <Text {...props}>
                 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium nesciunt nihil non ut animi
                 distinctio modi quo, provident quod.
+                <br />
+                1234567890
             </Text>
         );
     },

package/emotion/es/components/Autocomplete/Autocomplete.js CHANGED Viewed

@@ -175,9 +175,9 @@ export var autocompleteRoot = function autocompleteRoot(Root) {
           hintText: String(hintText || ''),
           labelPlacement: labelPlacement,
           keepPlaceholder: keepPlaceholder,
-          leftHelper: _StyledLeftHelper || (_StyledLeftHelper = /*#__PURE__*/React.createElement(StyledLeftHelper, {
+          leftHelper: leftHelper && (_StyledLeftHelper || (_StyledLeftHelper = /*#__PURE__*/React.createElement(StyledLeftHelper, {
             onClick: helperTextStopPropagation
-          }, leftHelper))
+          }, leftHelper)))
         }, rest));
       }
     }, renderList && renderList(finalResults) || Boolean(finalResults.length) && /*#__PURE__*/React.createElement(Root, {

package/emotion/es/components/Combobox/ComboboxNew/Combobox.js CHANGED Viewed

@@ -502,9 +502,9 @@ export var comboboxRoot = function comboboxRoot(Root) {
           textBefore: textBefore,
           textAfter: textAfter,
           onKeyDown: onKeyDown,
-          leftHelper: _StyledLeftHelper || (_StyledLeftHelper = /*#__PURE__*/React.createElement(StyledLeftHelper, {
+          leftHelper: helperText && (_StyledLeftHelper || (_StyledLeftHelper = /*#__PURE__*/React.createElement(StyledLeftHelper, {
             onClick: helperTextStopPropagation
-          }, helperText)),
+          }, helperText))),
           role: "combobox",
           "aria-autocomplete": "list",
           "aria-controls": "".concat(treeId, "_tree_level_1"),

package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.js CHANGED Viewed

@@ -135,7 +135,7 @@ export var Textfield = /*#__PURE__*/forwardRef(function (_ref, ref) {
       className: withArrowInverse
     })),
     onKeyDown: onKeyDown,
-    leftHelper: /*#__PURE__*/React.createElement(StyledLeftHelper, {
+    leftHelper: helperText && /*#__PURE__*/React.createElement(StyledLeftHelper, {
       onClick: helperTextStopPropagation
     }, helperText),
     role: "combobox",

package/emotion/es/components/Typography/Typography.js CHANGED Viewed

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["size", "children", "breakWord", "noWrap", "bold", "medium", "color", "className", "style"];
+var _excluded = ["size", "children", "breakWord", "noWrap", "bold", "medium", "color", "isNumeric", "className", "style"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -23,13 +23,14 @@ export var typographyRootCompose = function typographyRootCompose(defaultArgs) {
         bold = _props$bold === void 0 ? defaultArgs === null || defaultArgs === void 0 ? void 0 : defaultArgs.defaultBold : _props$bold,
         medium = props.medium,
         color = props.color,
+        isNumeric = props.isNumeric,
         className = props.className,
         style = props.style,
         rest = _objectWithoutProperties(props, _excluded);
       return /*#__PURE__*/React.createElement(Root, _extends({
         size: size,
         ref: ref,
-        className: cx(noWrap && classes.typoWithNoWrap, breakWord && classes.typoWithBreakWord, bold && classes.typoBold, medium && classes.typoMedium, className),
+        className: cx(noWrap && classes.typoWithNoWrap, breakWord && classes.typoWithBreakWord, bold && classes.typoBold, medium && classes.typoMedium, isNumeric && classes.typoIsNumeric, className),
         style: _objectSpread(_objectSpread({
           color: color
         }, style), applySpacing(rest))

package/emotion/es/components/Typography/Typography.styles.js CHANGED Viewed

@@ -1,4 +1,4 @@
 import { css } from '@emotion/react';
 import { applyHyphens, applyHyphensNormal } from "../../mixins";
 import { classes, tokens } from "./tokens";
-export var base = /*#__PURE__*/css("font-family:var(", tokens.typoFontFamily, ");font-size:var(", tokens.typoFontSize, ");font-style:var(", tokens.typoFontStyle, ");letter-spacing:var(", tokens.typoFontLetterSpacing, ");line-height:var(", tokens.typoFontLineHeight, ");font-weight:var(", tokens.typoFontWeight, ");&.", classes.typoBold, "{font-weight:var(", tokens.typoFontWeightBold, ");}&.", classes.typoMedium, "{font-weight:var(", tokens.typoFontWeightMedium, ");}&.", classes.typoWithNoWrap, "{white-space:nowrap;}", applyHyphensNormal, ";&.", classes.typoWithBreakWord, "{", applyHyphens, ";};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVHlwb2dyYXBoeS9UeXBvZ3JhcGh5LnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9UeXBvZ3JhcGh5L1R5cG9ncmFwaHkuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBhcHBseUh5cGhlbnMsIGFwcGx5SHlwaGVuc05vcm1hbCB9IGZyb20gJy4uLy4uL21peGlucyc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4vdG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy50eXBvRm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLnR5cG9Gb250U2l6ZX0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy50eXBvRm9udFN0eWxlfSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy50eXBvRm9udExldHRlclNwYWNpbmd9KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLnR5cG9Gb250TGluZUhlaWdodH0pO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHR9KTtcblxuICAgICYuJHtjbGFzc2VzLnR5cG9Cb2xkfSB7XG4gICAgICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHRCb2xkfSk7XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMudHlwb01lZGl1bX0ge1xuICAgICAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0TWVkaXVtfSk7XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMudHlwb1dpdGhOb1dyYXB9IHtcbiAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICB9XG5cbiAgICAke2FwcGx5SHlwaGVuc05vcm1hbH07XG5cbiAgICAmLiR7Y2xhc3Nlcy50eXBvV2l0aEJyZWFrV29yZH0ge1xuICAgICAgICAke2FwcGx5SHlwaGVuc307XG4gICAgfVxuYDtcbiJdfQ== */"));
+export var base = /*#__PURE__*/css("font-family:var(", tokens.typoFontFamily, ");font-size:var(", tokens.typoFontSize, ");font-style:var(", tokens.typoFontStyle, ");letter-spacing:var(", tokens.typoFontLetterSpacing, ");line-height:var(", tokens.typoFontLineHeight, ");font-weight:var(", tokens.typoFontWeight, ");&.", classes.typoBold, "{font-weight:var(", tokens.typoFontWeightBold, ");}&.", classes.typoMedium, "{font-weight:var(", tokens.typoFontWeightMedium, ");}&.", classes.typoWithNoWrap, "{white-space:nowrap;}&.", classes.typoIsNumeric, "{font-variant-numeric:tabular-nums;}", applyHyphensNormal, ";&.", classes.typoWithBreakWord, "{", applyHyphens, ";};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVHlwb2dyYXBoeS9UeXBvZ3JhcGh5LnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9UeXBvZ3JhcGh5L1R5cG9ncmFwaHkuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBhcHBseUh5cGhlbnMsIGFwcGx5SHlwaGVuc05vcm1hbCB9IGZyb20gJy4uLy4uL21peGlucyc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4vdG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy50eXBvRm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLnR5cG9Gb250U2l6ZX0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy50eXBvRm9udFN0eWxlfSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy50eXBvRm9udExldHRlclNwYWNpbmd9KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLnR5cG9Gb250TGluZUhlaWdodH0pO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHR9KTtcblxuICAgICYuJHtjbGFzc2VzLnR5cG9Cb2xkfSB7XG4gICAgICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHRCb2xkfSk7XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMudHlwb01lZGl1bX0ge1xuICAgICAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0TWVkaXVtfSk7XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMudHlwb1dpdGhOb1dyYXB9IHtcbiAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy50eXBvSXNOdW1lcmljfSB7XG4gICAgICAgIGZvbnQtdmFyaWFudC1udW1lcmljOiB0YWJ1bGFyLW51bXM7XG4gICAgfVxuXG4gICAgJHthcHBseUh5cGhlbnNOb3JtYWx9O1xuXG4gICAgJi4ke2NsYXNzZXMudHlwb1dpdGhCcmVha1dvcmR9IHtcbiAgICAgICAgJHthcHBseUh5cGhlbnN9O1xuICAgIH1cbmA7XG4iXX0= */"));

package/emotion/es/components/Typography/Typography.template-doc.mdx CHANGED Viewed

@@ -39,6 +39,9 @@ export function App() {
 }
 ```
+## Моноширинные числа
+Если необходимо сделать числа моноширинным, то нужно установить свойство `inNumeric` в значении `true`.
 ## Состав
 ### Hero unit

package/emotion/es/components/Typography/tokens.js CHANGED Viewed

@@ -2,7 +2,8 @@ export var classes = {
   typoWithNoWrap: 'with-no-wrap',
   typoWithBreakWord: 'with-break-word',
   typoBold: 'typography-bold',
-  typoMedium: 'typography-medium'
+  typoMedium: 'typography-medium',
+  typoIsNumeric: 'typography-is-numeric'
 };
 export var tokens = {
   typoFontFamily: '--typo-font-family',