@plesk/ui-library 3.40.2 → 3.40.4

package/esm/components/InPlaceEdit/InPlaceEdit.js

@@ -10,11 +10,11 @@ import Tooltip from '../Tooltip';
 import Translate from '../Translate';
 import locale from './locale/en-US';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * This component allows users to edit a short text "in place" — in other words, straight in the interface, without
- * opening additional dialog windows. If a text is large enough that it doesn't fit on a single line, you should
- * give users a different way of editing the text.
- * @since 1.8.3
+/**
+ * This component allows users to edit a short text "in place" — in other words, straight in the interface, without
+ * opening additional dialog windows. If a text is large enough that it doesn't fit on a single line, you should
+ * give users a different way of editing the text.
+ * @since 1.8.3
  */
 class InPlaceEdit extends Component {
   constructor() {

package/esm/components/Input/Input.js

@@ -3,9 +3,9 @@
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * `Input` component is used for entering short text (like user name or email address).
- * @since 0.0.57
+/**
+ * `Input` component is used for entering short text (like user name or email address).
+ * @since 0.0.57
  */
 const Input = _ref => {
   let {

package/esm/components/InputFile/InputFile.js

@@ -11,9 +11,9 @@ import localeFallback from './locale/en-US';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const generateId = () => Math.random().toString(36).slice(2);
 
-/**
- * `InputFile` component is used for browsing and choosing a file from the local disk.
- * @since 3.2.0
+/**
+ * `InputFile` component is used for browsing and choosing a file from the local disk.
+ * @since 3.2.0
  */
 const InputFile = _ref => {
   let {

package/esm/components/InputNumber/InputNumber.js

@@ -38,9 +38,9 @@ const toNumber = value => {
 const isMinDisabled = (value, min) => min !== undefined && value !== '' && +value <= min;
 const isMaxDisabled = (value, max) => max !== undefined && value !== '' && +value >= max;
 
-/**
- * `InputNumber` component is used for entering integer numbers.
- * @since 2.2.0
+/**
+ * `InputNumber` component is used for entering integer numbers.
+ * @since 2.2.0
  */
 const InputNumber = _ref => {
   let {

package/esm/components/Item/Item.js

@@ -9,10 +9,10 @@ import Heading from '../Heading';
 import Tooltip from '../Tooltip';
 import { createProxyProps, wrapFunction } from '../utils';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * `Item` component is element of [ItemList](#!/ItemList) and it is presented as
- * a combination of icon, text title and content (similar to [Media](#!/Media)).
- * @since 0.0.48
+/**
+ * `Item` component is element of [ItemList](#!/ItemList) and it is presented as
+ * a combination of icon, text title and content (similar to [Media](#!/Media)).
+ * @since 0.0.48
  */
 const Item = _ref => {
   let {

package/esm/components/ItemLink/ItemLink.js

@@ -4,10 +4,10 @@ import classNames from 'classnames';
 import { wrapFunction } from '../utils';
 import { CLS_PREFIX } from '../../constants';
 import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * `ItemLink` component is a part of [ItemList](#!/ItemList) and
- * is used for specifying a special action on the list (for example, adding new item).
- * @since 2.3.0
+/**
+ * `ItemLink` component is a part of [ItemList](#!/ItemList) and
+ * is used for specifying a special action on the list (for example, adding new item).
+ * @since 2.3.0
  */
 const ItemLink = _ref => {
   let {

package/esm/components/ItemList/ItemList.js

@@ -23,10 +23,10 @@ const getNextSelectedValue = (value, prevValue, toggleable) => {
   }
   return value;
 };
-/**
- * `ItemList` component is used for displaying list of [Items](#!/Item)
- * according to [Grid](#!/Grid) principle.
- * @since 0.0.48
+/**
+ * `ItemList` component is used for displaying list of [Items](#!/Item)
+ * according to [Grid](#!/Grid) principle.
+ * @since 0.0.48
  */
 class ItemList extends Component {
   constructor(_props) {
@@ -160,8 +160,8 @@ class ItemList extends Component {
     return result;
   }
 
-  /**
-   * There are some states where we can't manage hoverable state
+  /**
+   * There are some states where we can't manage hoverable state
    */
   canManageHoverableState() {
     const {

package/esm/components/Label/Label.js

@@ -6,9 +6,9 @@ import Icon from '../Icon';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const DEFAULT_TAG = 'span';
 
-/**
- * `Label` component is used for showing multiple characteristics or attributes of an object.
- * @since 0.0.42
+/**
+ * `Label` component is used for showing multiple characteristics or attributes of an object.
+ * @since 0.0.42
  */
 const Label = _ref => {
   let {

package/esm/components/Layer/Layer.js

@@ -7,8 +7,8 @@ import { CLS_PREFIX } from '../../constants';
 import { jsx as _jsx } from "react/jsx-runtime";
 const LevelContext = /*#__PURE__*/createContext(0);
 export const PortalContext = /*#__PURE__*/createContext(undefined);
-/**
- * `Layer` component.
+/**
+ * `Layer` component.
  */
 const Layer = _ref => {
   let {

package/esm/components/Layout/Layout.js

@@ -34,8 +34,8 @@ const subscribeClickOutside = (refs, handler) => {
     document.removeEventListener('touchstart', listener);
   };
 };
-/**
- * @since 1.4.0
+/**
+ * @since 1.4.0
  */
 export default class Layout extends Component {
   constructor() {

package/esm/components/Link/Link.js

@@ -8,9 +8,9 @@ import OnDarkContext from '../OnDarkContext';
 import { wrapFunction } from '../utils';
 import Icon from '../Icon';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * `Link` is used for navigation purposes.
- * @since 1.9.0
+/**
+ * `Link` is used for navigation purposes.
+ * @since 1.9.0
  */
 const Link = _ref => {
   let {

package/esm/components/List/List.js

@@ -118,10 +118,10 @@ const getHumanTotalRows = _ref2 => {
       return null;
   }
 };
-/**
- * `List` component is used for displaying a collection of tabular data.
- * [More details about designing of lists.](#!/Sets%20of%20Objects)
- * @since 0.0.42
+/**
+ * `List` component is used for displaying a collection of tabular data.
+ * [More details about designing of lists.](#!/Sets%20of%20Objects)
+ * @since 0.0.42
  */
 class List extends Component {
   constructor() {

package/esm/components/List/ListAction.js

@@ -3,10 +3,10 @@
 import Button from '../Button';
 import { MenuItem } from '../Menu';
 import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * `ListAction` component is a part of [ListActions](#!/ListActions) component.
- * It accepts the props of [Button](#!/Button) and [MenuItem](#!/MenuItem) components.
- * @since 3.3.0
+/**
+ * `ListAction` component is a part of [ListActions](#!/ListActions) component.
+ * It accepts the props of [Button](#!/Button) and [MenuItem](#!/MenuItem) components.
+ * @since 3.3.0
  */
 const ListAction = _ref => {
   let {

package/esm/components/List/ListActions.js

@@ -9,9 +9,9 @@ import Menu from '../Menu';
 import ListAction from './ListAction';
 import VerticalContext from '../VerticalContext';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * `ListActions` component is used for performing operations on individual objects in [List](#!/List).
- * @since 3.3.0
+/**
+ * `ListActions` component is used for performing operations on individual objects in [List](#!/List).
+ * @since 3.3.0
  */
 const ListActions = _ref => {
   let {

package/esm/components/List/ListActionsDivider.js

@@ -2,10 +2,10 @@
 
 import { MenuDivider } from '../Menu';
 import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * `ListActionsDivider` component is a part of [ListActions](#!/ListActions) component.
- * It accepts the props of [MenuDivider](#!/MenuDivider) component.
- * @since 3.10.0
+/**
+ * `ListActionsDivider` component is a part of [ListActions](#!/ListActions) component.
+ * It accepts the props of [MenuDivider](#!/MenuDivider) component.
+ * @since 3.10.0
  */
 const ListActionsDivider = props => /*#__PURE__*/_jsx(MenuDivider, {
   ...props

package/esm/components/List/ListEmptyView.js

@@ -62,10 +62,10 @@ const buttonConfig = getButtonContextValue({
   }
 });
 
-/**
- * `ListEmptyView` component is used for displaying "empty" state of [List](#!/List)
- * when there are no any objects are added to the list.
- * @since 2.5.0
+/**
+ * `ListEmptyView` component is used for displaying "empty" state of [List](#!/List)
+ * when there are no any objects are added to the list.
+ * @since 2.5.0
  */
 const ListEmptyView = _ref => {
   let {

package/esm/components/List/ListOperation.js

@@ -30,10 +30,10 @@ const getDefaultText = key => {
     fallback: fallback
   });
 };
-/**
- * `ListOperation` component is used in [Toolbar](#!/Toolbar) for performing
- * operations on multiple objects in [List](#!/List).
- * @since 2.4.0
+/**
+ * `ListOperation` component is used in [Toolbar](#!/Toolbar) for performing
+ * operations on multiple objects in [List](#!/List).
+ * @since 2.4.0
  */
 const ListOperation = _ref => {
   let {

package/esm/components/LocaleProvider/LocaleProvider.js

@@ -56,7 +56,7 @@ function (key) {
   }
   return applyParams(message, params);
 };
-const LocaleContext = /*#__PURE__*/createContext(undefined);
+export const LocaleContext = /*#__PURE__*/createContext(undefined);
 export const useTranslate = namespace => {
   const context = useContext(LocaleContext);
   return useCallback((key, params, fallback) => {
@@ -71,9 +71,9 @@ export const useTranslate = namespace => {
     return typeof fallback === 'string' ? applyParams(fallback, params) : `[${key}]`;
   }, [context, namespace]);
 };
-/**
- * LocaleProvider provides a uniform localization support for built-in text of components.
- * @since 0.0.42
+/**
+ * LocaleProvider provides a uniform localization support for built-in text of components.
+ * @since 0.0.42
  */
 class LocaleProvider extends PureComponent {
   getChildContext() {

package/esm/components/Markdown/Markdown.js

@@ -6,9 +6,9 @@ import classNames from 'classnames';
 import { marked } from 'marked';
 import { CLS_PREFIX } from '../../constants';
 import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * `Markdown` component is used for creating content with rich text formatting.
- * @since 0.0.42
+/**
+ * `Markdown` component is used for creating content with rich text formatting.
+ * @since 0.0.42
  */
 const Markdown = _ref => {
   let {

package/esm/components/Media/Media.js

@@ -6,11 +6,11 @@ import { CLS_PREFIX } from '../../constants';
 import Heading from '../Heading';
 import Icon, { ICON_SIZE_12, ICON_SIZE_16, ICON_SIZE_24, ICON_SIZE_32, ICON_SIZE_48, ICON_SIZE_64, ICON_SIZE_96, ICON_SIZE_128, ICON_SIZE_192 } from '../Icon';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * `Media` component is a combination of icon, text title and content.
- * This layout was so widely spread in our products so we have decided to create a special component for it.
- * Probably we should have named the component differently (not Media), but we didn't have better idea then ;)
- * @since 0.0.45
+/**
+ * `Media` component is a combination of icon, text title and content.
+ * This layout was so widely spread in our products so we have decided to create a special component for it.
+ * Probably we should have named the component differently (not Media), but we didn't have better idea then ;)
+ * @since 0.0.45
  */
 const Media = _ref => {
   let {

package/esm/components/Media/MediaSection.js

@@ -3,9 +3,9 @@
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * `MediaSection` is a part of [Media](#!/Media) component.
- * @since 0.0.68
+/**
+ * `MediaSection` is a part of [Media](#!/Media) component.
+ * @since 0.0.68
  */
 const MediaSection = _ref => {
   let {

package/esm/components/Menu/Menu.js

@@ -16,15 +16,15 @@ const hasIconItem = children => {
   });
   return result;
 };
-/**
- * `Menu` component displays grouped controls for navigating the UI, performing actions on objects, or showing
- * options for [Lists](#!/List) (for example, sorting and filtering settings). `Menu` is most typically used in a
- * [Dropdown](#!/Dropdown).
- *
- * `Menu` consists of several [Menu Items](#!/MenuItem) (or [Selectable Menu
- * Items](#!/MenuSelectableItem)) which can be grouped by [Menu Headers](#!/MenuHeader)
- * or separated by [Menu Dividers](#!/MenuDivider).
- * @since 0.0.55
+/**
+ * `Menu` component displays grouped controls for navigating the UI, performing actions on objects, or showing
+ * options for [Lists](#!/List) (for example, sorting and filtering settings). `Menu` is most typically used in a
+ * [Dropdown](#!/Dropdown).
+ *
+ * `Menu` consists of several [Menu Items](#!/MenuItem) (or [Selectable Menu
+ * Items](#!/MenuSelectableItem)) which can be grouped by [Menu Headers](#!/MenuHeader)
+ * or separated by [Menu Dividers](#!/MenuDivider).
+ * @since 0.0.55
  */
 const Menu = /*#__PURE__*/forwardRef(function Menu(_ref, ref) {
   let {

package/esm/components/Menu/MenuBaseItem.js

@@ -4,9 +4,9 @@ import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import Icon, { ICON_SIZE_16 } from '../Icon';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * `MenuBaseItem` component.
- * @since 0.0.60
+/**
+ * `MenuBaseItem` component.
+ * @since 0.0.60
  */
 const MenuBaseItem = _ref => {
   let {

package/esm/components/Menu/MenuDivider.js

@@ -3,9 +3,9 @@
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * `MenuDivider` is a part of [Menu](#!/Menu) component.
- * @since 0.0.57
+/**
+ * `MenuDivider` is a part of [Menu](#!/Menu) component.
+ * @since 0.0.57
  */
 const MenuDivider = _ref => {
   let {

package/esm/components/Menu/MenuHeader.js

@@ -4,9 +4,9 @@ import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import MenuBaseItem from './MenuBaseItem';
 import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * `MenuHeader` is a part of [Menu](#!/Menu) component.
- * @since 0.0.57
+/**
+ * `MenuHeader` is a part of [Menu](#!/Menu) component.
+ * @since 0.0.57
  */
 const MenuHeader = _ref => {
   let {

package/esm/components/Menu/MenuItem.js

@@ -7,9 +7,9 @@ import { CLS_PREFIX } from '../../constants';
 import { createProxyProps } from '../utils';
 import MenuBaseItem from './MenuBaseItem';
 import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * `MenuItem` is a part of [Menu](#!/Menu) component.
- * @since 0.0.55
+/**
+ * `MenuItem` is a part of [Menu](#!/Menu) component.
+ * @since 0.0.55
  */
 const MenuItem = _ref => {
   let {

package/esm/components/Menu/MenuSelectableItem.js

@@ -4,9 +4,9 @@ import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import MenuItem from './MenuItem';
 import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * `MenuSelectableItem` is a part of [Menu](#!/Menu) component.
- * @since 0.0.57
+/**
+ * `MenuSelectableItem` is a part of [Menu](#!/Menu) component.
+ * @since 0.0.57
  */
 const MenuSelectableItem = _ref => {
   let {

package/esm/components/Overlay/Overlay.js

@@ -9,8 +9,8 @@ import { CLS_PREFIX, Z_INDEX_OVERLAY } from '../../constants';
 import Layer from '../Layer';
 import FocusTrap from '../FocusTrap';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * `Overlay` component.
+/**
+ * `Overlay` component.
  */
 
 let overlaysCount = 0;

package/esm/components/PageHeader/PageHeader.js

@@ -6,9 +6,9 @@ import { isLikeText } from '../Translate';
 import { CLS_PREFIX } from '../../constants';
 import Heading from '../Heading';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * `PageHeader` component is used for identification of the current page.
- * @since 0.0.35
+/**
+ * `PageHeader` component is used for identification of the current page.
+ * @since 0.0.35
  */
 const PageHeader = _ref => {
   let {

package/esm/components/Pagination/Pagination.js

@@ -14,9 +14,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const ITEMS_PER_PAGE_OPTIONS = [25, 100, 'all'];
 const VIEW_DEFAULT = 'default';
 const VIEW_POPOVER = 'popover';
-/**
- * `Pagination` component is used for navigating objects in [List](#!/List) which content is displayed on multiple pages.
- * @since 0.0.54
+/**
+ * `Pagination` component is used for navigating objects in [List](#!/List) which content is displayed on multiple pages.
+ * @since 0.0.54
  */
 const Pagination = _ref => {
   let {

package/esm/components/Panel/Panel.js

@@ -9,9 +9,9 @@ import Heading from '../Heading';
 import Button from '../Button';
 import { isClickable } from '../utils';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * `Panel` component is used for visually grouping some content.
- * @since 0.0.35
+/**
+ * `Panel` component is used for visually grouping some content.
+ * @since 0.0.35
  */
 const Panel = _ref => {
   let {

package/esm/components/Paragraph/Paragraph.js

@@ -3,9 +3,9 @@
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * `Paragraph` is a block containing a single paragraph of [Text](#!/Text).
- * @since 1.1.0
+/**
+ * `Paragraph` is a block containing a single paragraph of [Text](#!/Text).
+ * @since 1.1.0
  */
 const Paragraph = _ref => {
   let {

package/esm/components/Plaintext/Plaintext.js

@@ -3,9 +3,9 @@
 import classNames from 'classnames';
 import { CLS_PREFIX } from '../../constants';
 import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * `Plaintext` component is used to show regular text, without any formatting options and ignoring html tags.
- * @since 0.0.42
+/**
+ * `Plaintext` component is used to show regular text, without any formatting options and ignoring html tags.
+ * @since 0.0.42
  */
 const Plaintext = _ref => {
   let {

package/esm/components/Popover/Popover.js

@@ -33,10 +33,10 @@ const PLACEMENT_MAP = {
 const ARROW_HEIGHT = 26;
 const isControlled = props => props.visible !== null;
 const normalize = value => String(Number(value)) === String(value) ? `${value}px` : value;
-/**
- * `Popover` component is non-modal pop-up window used for providing additional information
- * for an interface element. It also may contain Form with few fields or any other small content.
- * @since 0.0.42
+/**
+ * `Popover` component is non-modal pop-up window used for providing additional information
+ * for an interface element. It also may contain Form with few fields or any other small content.
+ * @since 0.0.42
  */
 class Popover extends Component {
   constructor() {

package/esm/components/Popper/Popper.js

@@ -8,8 +8,8 @@ import { findDOMNode } from 'react-dom';
 import { CLS_PREFIX } from '../../constants';
 import Layer from '../Layer';
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-/**
- * `Popper` component.
+/**
+ * `Popper` component.
  */
 class Popper extends Component {
   constructor() {

package/esm/components/Progress/Progress.js

@@ -7,9 +7,9 @@ import { CLS_PREFIX } from '../../constants';
 import { safeInvoke } from '../utils';
 import { STATUS_NOT_STARTED, STATUS_RUNNING, STATUS_DONE, STATUS_ERROR, STATUS_WARNING, PROGRESS_STEP_DEFAULT_STATUS } from '../ProgressStep';
 import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * `Progress` is used for showing progress of performing long operations.
- * @since 1.10.0
+/**
+ * `Progress` is used for showing progress of performing long operations.
+ * @since 1.10.0
  */
 class Progress extends Component {
   constructor() {

package/esm/components/ProgressDialog/ProgressDialog.js

@@ -10,9 +10,9 @@ import { safeInvoke } from '../utils';
 import { STATUS_DONE, STATUS_ERROR, STATUS_WARNING } from '../ProgressStep';
 import Progress from '../Progress';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * `ProgressDialog` is a [Dialog](#!/Dialog) combined with of [Progress](#!/Progress) component.
- * @since 1.2.0
+/**
+ * `ProgressDialog` is a [Dialog](#!/Dialog) combined with of [Progress](#!/Progress) component.
+ * @since 1.2.0
  */
 class ProgressDialog extends Component {
   constructor() {

package/esm/components/ProgressDialogStep/ProgressDialogStep.js

@@ -3,9 +3,9 @@
 import React from 'react';
 import ProgressStep from '../ProgressStep';
 
-/**
- * @deprecated Component `ProgressDialogStep` is deprecated, use `ProgressStep` instead.
- * @since 1.2.0
+/**
+ * @deprecated Component `ProgressDialogStep` is deprecated, use `ProgressStep` instead.
+ * @since 1.2.0
  */
 import { jsx as _jsx } from "react/jsx-runtime";
 const ProgressDialogStep = props => {

package/esm/components/ProgressStep/ProgressStep.js

@@ -15,9 +15,9 @@ export const STATUS_WARNING = 'warning';
 export const STATUS_ERROR = 'error';
 export const STATUS_CANCELED = 'canceled';
 export const PROGRESS_STEP_DEFAULT_STATUS = STATUS_NOT_STARTED;
-/**
- * `ProgressStep` is a part of the [Progress](#!/Progress) component.
- * @since 1.10.0
+/**
+ * `ProgressStep` is a part of the [Progress](#!/Progress) component.
+ * @since 1.10.0
  */
 const ProgressStep = _ref => {
   let {

package/esm/components/Radio/Radio.js

@@ -5,9 +5,9 @@ import { CLS_PREFIX } from '../../constants';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 let radioId = 0;
 
-/**
- * `Radio` component is used for making a choice among a set of mutually exclusive, related options.
- * @since 3.2.0
+/**
+ * `Radio` component is used for making a choice among a set of mutually exclusive, related options.
+ * @since 3.2.0
  */
 const Radio = _ref => {
   let {

package/esm/components/Rating/Rating.js

@@ -12,9 +12,9 @@ const width = value => {
   }
   return result;
 };
-/**
- * `Rating` component is used for showing and collecting feedback of users' opinion in 0-5 grade scale.
- * @since 0.0.42
+/**
+ * `Rating` component is used for showing and collecting feedback of users' opinion in 0-5 grade scale.
+ * @since 0.0.42
  */
 const Rating = _ref => {
   let {

package/esm/components/Rating/images/rating.svg

@@ -1,6 +1,6 @@
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="56" height="248" viewBox="0 0 51 248">
-<defs><symbol id="star"><path stroke-width="3" d="m25,1 6,17h18l-14,11 5,17-15-10-15,10 5-17-14-11h18z"></path></symbol></defs>
-<use x="0" y="0"   fill="none" stroke="#ff9500" href="#star"></use>
-<use x="0" y="100" fill="#ff9500" stroke="#ff9500" href="#star"></use>
-<use x="0" y="200" fill="#848484" stroke="#848484" href="#star"></use>
-</svg>
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="56" height="248" viewBox="0 0 51 248">
+<defs><symbol id="star"><path stroke-width="3" d="m25,1 6,17h18l-14,11 5,17-15-10-15,10 5-17-14-11h18z"></path></symbol></defs>
+<use x="0" y="0"   fill="none" stroke="#ff9500" href="#star"></use>
+<use x="0" y="100" fill="#ff9500" stroke="#ff9500" href="#star"></use>
+<use x="0" y="200" fill="#848484" stroke="#848484" href="#star"></use>
+</svg>