Latest updates from IceHrmPro

web/node_modules/antd/es/input-number/index.d.ts

@@ -0,0 +1,38 @@
+import * as React from 'react';
+import { ConfigConsumerProps } from '../config-provider';
+import { Omit } from '../_util/type';
+import { SizeType } from '../config-provider/SizeContext';
+export declare type OmitAttrs = 'defaultValue' | 'onChange' | 'size';
+export interface InputNumberProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, OmitAttrs> {
+    prefixCls?: string;
+    min?: number;
+    max?: number;
+    value?: number;
+    step?: number | string;
+    defaultValue?: number;
+    tabIndex?: number;
+    onChange?: (value: number | undefined) => void;
+    disabled?: boolean;
+    size?: SizeType;
+    formatter?: (value: number | string | undefined) => string;
+    parser?: (displayValue: string | undefined) => number | string;
+    decimalSeparator?: string;
+    placeholder?: string;
+    style?: React.CSSProperties;
+    className?: string;
+    name?: string;
+    id?: string;
+    precision?: number;
+    onPressEnter?: React.KeyboardEventHandler<HTMLInputElement>;
+}
+export default class InputNumber extends React.Component<InputNumberProps, any> {
+    static defaultProps: {
+        step: number;
+    };
+    private inputNumberRef;
+    saveInputNumber: (inputNumberRef: any) => void;
+    focus(): void;
+    blur(): void;
+    renderInputNumber: ({ getPrefixCls, direction }: ConfigConsumerProps) => JSX.Element;
+    render(): JSX.Element;
+}

web/node_modules/antd/es/input-number/index.js

@@ -0,0 +1,122 @@
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+import * as React from 'react';
+import classNames from 'classnames';
+import RcInputNumber from 'rc-input-number';
+import UpOutlined from '@ant-design/icons/UpOutlined';
+import DownOutlined from '@ant-design/icons/DownOutlined';
+import { ConfigConsumer } from '../config-provider';
+import SizeContext from '../config-provider/SizeContext';
+
+var InputNumber = /*#__PURE__*/function (_React$Component) {
+  _inherits(InputNumber, _React$Component);
+
+  var _super = _createSuper(InputNumber);
+
+  function InputNumber() {
+    var _this;
+
+    _classCallCheck(this, InputNumber);
+
+    _this = _super.apply(this, arguments);
+
+    _this.saveInputNumber = function (inputNumberRef) {
+      _this.inputNumberRef = inputNumberRef;
+    };
+
+    _this.renderInputNumber = function (_ref) {
+      var getPrefixCls = _ref.getPrefixCls,
+          direction = _ref.direction;
+
+      var _a = _this.props,
+          className = _a.className,
+          customizeSize = _a.size,
+          customizePrefixCls = _a.prefixCls,
+          others = __rest(_a, ["className", "size", "prefixCls"]);
+
+      var prefixCls = getPrefixCls('input-number', customizePrefixCls);
+      var upIcon = /*#__PURE__*/React.createElement(UpOutlined, {
+        className: "".concat(prefixCls, "-handler-up-inner")
+      });
+      var downIcon = /*#__PURE__*/React.createElement(DownOutlined, {
+        className: "".concat(prefixCls, "-handler-down-inner")
+      });
+      return /*#__PURE__*/React.createElement(SizeContext.Consumer, null, function (size) {
+        var _classNames;
+
+        var mergeSize = customizeSize || size;
+        var inputNumberClass = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-lg"), mergeSize === 'large'), _defineProperty(_classNames, "".concat(prefixCls, "-sm"), mergeSize === 'small'), _defineProperty(_classNames, "".concat(prefixCls, "-rtl"), direction === 'rtl'), _classNames), className);
+        return /*#__PURE__*/React.createElement(RcInputNumber, _extends({
+          ref: _this.saveInputNumber,
+          className: inputNumberClass,
+          upHandler: upIcon,
+          downHandler: downIcon,
+          prefixCls: prefixCls
+        }, others));
+      });
+    };
+
+    return _this;
+  }
+
+  _createClass(InputNumber, [{
+    key: "focus",
+    value: function focus() {
+      this.inputNumberRef.focus();
+    }
+  }, {
+    key: "blur",
+    value: function blur() {
+      this.inputNumberRef.blur();
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/React.createElement(ConfigConsumer, null, this.renderInputNumber);
+    }
+  }]);
+
+  return InputNumber;
+}(React.Component);
+
+export { InputNumber as default };
+InputNumber.defaultProps = {
+  step: 1
+};

web/node_modules/antd/es/input-number/style/css.js

@@ -0,0 +1,2 @@
+import '../../style/index.css';
+import './index.css';

web/node_modules/antd/es/input-number/style/index.css

@@ -0,0 +1,314 @@
+/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
+/* stylelint-disable no-duplicate-selectors */
+/* stylelint-disable */
+/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
+.ant-input-number {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  font-variant: tabular-nums;
+  list-style: none;
+  -webkit-font-feature-settings: 'tnum';
+          font-feature-settings: 'tnum';
+  position: relative;
+  width: 100%;
+  min-width: 0;
+  padding: 4px 11px;
+  color: rgba(0, 0, 0, 0.65);
+  font-size: 14px;
+  line-height: 1.5715;
+  background-color: #fff;
+  background-image: none;
+  -webkit-transition: all 0.3s;
+  transition: all 0.3s;
+  display: inline-block;
+  width: 90px;
+  margin: 0;
+  padding: 0;
+  border: 1px solid #d9d9d9;
+  border-radius: 2px;
+}
+.ant-input-number::-moz-placeholder {
+  opacity: 1;
+}
+.ant-input-number::-webkit-input-placeholder {
+  color: #bfbfbf;
+}
+.ant-input-number:-ms-input-placeholder {
+  color: #bfbfbf;
+}
+.ant-input-number::-ms-input-placeholder {
+  color: #bfbfbf;
+}
+.ant-input-number::placeholder {
+  color: #bfbfbf;
+}
+.ant-input-number:placeholder-shown {
+  text-overflow: ellipsis;
+}
+.ant-input-number:hover {
+  border-color: #40a9ff;
+  border-right-width: 1px !important;
+}
+.ant-input-number:focus,
+.ant-input-number-focused {
+  border-color: #40a9ff;
+  border-right-width: 1px !important;
+  outline: 0;
+  -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
+          box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
+}
+.ant-input-number-disabled {
+  color: rgba(0, 0, 0, 0.25);
+  background-color: #f5f5f5;
+  cursor: not-allowed;
+  opacity: 1;
+}
+.ant-input-number-disabled:hover {
+  border-color: #d9d9d9;
+  border-right-width: 1px !important;
+}
+.ant-input-number[disabled] {
+  color: rgba(0, 0, 0, 0.25);
+  background-color: #f5f5f5;
+  cursor: not-allowed;
+  opacity: 1;
+}
+.ant-input-number[disabled]:hover {
+  border-color: #d9d9d9;
+  border-right-width: 1px !important;
+}
+textarea.ant-input-number {
+  max-width: 100%;
+  height: auto;
+  min-height: 32px;
+  line-height: 1.5715;
+  vertical-align: bottom;
+  -webkit-transition: all 0.3s, height 0s;
+  transition: all 0.3s, height 0s;
+}
+.ant-input-number-lg {
+  padding: 6.5px 11px;
+  font-size: 16px;
+}
+.ant-input-number-sm {
+  padding: 0px 7px;
+}
+.ant-input-number-handler {
+  position: relative;
+  display: block;
+  width: 100%;
+  height: 50%;
+  overflow: hidden;
+  color: rgba(0, 0, 0, 0.45);
+  font-weight: bold;
+  line-height: 0;
+  text-align: center;
+  -webkit-transition: all 0.1s linear;
+  transition: all 0.1s linear;
+}
+.ant-input-number-handler:active {
+  background: #f4f4f4;
+}
+.ant-input-number-handler:hover .ant-input-number-handler-up-inner,
+.ant-input-number-handler:hover .ant-input-number-handler-down-inner {
+  color: #40a9ff;
+}
+.ant-input-number-handler-up-inner,
+.ant-input-number-handler-down-inner {
+  display: inline-block;
+  color: inherit;
+  font-style: normal;
+  line-height: 0;
+  text-align: center;
+  text-transform: none;
+  vertical-align: -0.125em;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  position: absolute;
+  right: 4px;
+  width: 12px;
+  height: 12px;
+  color: rgba(0, 0, 0, 0.45);
+  line-height: 12px;
+  -webkit-transition: all 0.1s linear;
+  transition: all 0.1s linear;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+.ant-input-number-handler-up-inner > *,
+.ant-input-number-handler-down-inner > * {
+  line-height: 1;
+}
+.ant-input-number-handler-up-inner svg,
+.ant-input-number-handler-down-inner svg {
+  display: inline-block;
+}
+.ant-input-number-handler-up-inner::before,
+.ant-input-number-handler-down-inner::before {
+  display: none;
+}
+.ant-input-number-handler-up-inner .ant-input-number-handler-up-inner-icon,
+.ant-input-number-handler-up-inner .ant-input-number-handler-down-inner-icon,
+.ant-input-number-handler-down-inner .ant-input-number-handler-up-inner-icon,
+.ant-input-number-handler-down-inner .ant-input-number-handler-down-inner-icon {
+  display: block;
+}
+.ant-input-number:hover {
+  border-color: #40a9ff;
+  border-right-width: 1px !important;
+}
+.ant-input-number:hover + .ant-form-item-children-icon {
+  opacity: 0;
+  -webkit-transition: opacity 0.24s linear 0.24s;
+  transition: opacity 0.24s linear 0.24s;
+}
+.ant-input-number-focused {
+  border-color: #40a9ff;
+  border-right-width: 1px !important;
+  outline: 0;
+  -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
+          box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
+}
+.ant-input-number-disabled {
+  color: rgba(0, 0, 0, 0.25);
+  background-color: #f5f5f5;
+  cursor: not-allowed;
+  opacity: 1;
+}
+.ant-input-number-disabled:hover {
+  border-color: #d9d9d9;
+  border-right-width: 1px !important;
+}
+.ant-input-number-disabled .ant-input-number-input {
+  cursor: not-allowed;
+}
+.ant-input-number-disabled .ant-input-number-handler-wrap {
+  display: none;
+}
+.ant-input-number-input {
+  width: 100%;
+  height: 30px;
+  padding: 0 11px;
+  text-align: left;
+  background-color: transparent;
+  border: 0;
+  border-radius: 2px;
+  outline: 0;
+  -webkit-transition: all 0.3s linear;
+  transition: all 0.3s linear;
+  -moz-appearance: textfield !important;
+}
+.ant-input-number-input::-moz-placeholder {
+  opacity: 1;
+}
+.ant-input-number-input::-webkit-input-placeholder {
+  color: #bfbfbf;
+}
+.ant-input-number-input:-ms-input-placeholder {
+  color: #bfbfbf;
+}
+.ant-input-number-input::-ms-input-placeholder {
+  color: #bfbfbf;
+}
+.ant-input-number-input::placeholder {
+  color: #bfbfbf;
+}
+.ant-input-number-input:placeholder-shown {
+  text-overflow: ellipsis;
+}
+.ant-input-number-input[type='number']::-webkit-inner-spin-button,
+.ant-input-number-input[type='number']::-webkit-outer-spin-button {
+  margin: 0;
+  -webkit-appearance: none;
+}
+.ant-input-number-lg {
+  padding: 0;
+  font-size: 16px;
+}
+.ant-input-number-lg input {
+  height: 38px;
+}
+.ant-input-number-sm {
+  padding: 0;
+}
+.ant-input-number-sm input {
+  height: 22px;
+  padding: 0 7px;
+}
+.ant-input-number-handler-wrap {
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 22px;
+  height: 100%;
+  background: #fff;
+  border-left: 1px solid #d9d9d9;
+  border-radius: 0 2px 2px 0;
+  opacity: 0;
+  -webkit-transition: opacity 0.24s linear 0.1s;
+  transition: opacity 0.24s linear 0.1s;
+}
+.ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner,
+.ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner {
+  display: inline-block;
+  font-size: 7px;
+  min-width: auto;
+  margin-right: 0;
+}
+.ant-input-number-handler-wrap:hover .ant-input-number-handler {
+  height: 40%;
+}
+.ant-input-number:hover .ant-input-number-handler-wrap {
+  opacity: 1;
+}
+.ant-input-number-handler-up {
+  border-top-right-radius: 2px;
+  cursor: pointer;
+}
+.ant-input-number-handler-up-inner {
+  top: 50%;
+  margin-top: -5px;
+  text-align: center;
+}
+.ant-input-number-handler-up:hover {
+  height: 60% !important;
+}
+.ant-input-number-handler-down {
+  top: 0;
+  border-top: 1px solid #d9d9d9;
+  border-bottom-right-radius: 2px;
+  cursor: pointer;
+}
+.ant-input-number-handler-down-inner {
+  top: 50%;
+  margin-top: -6px;
+  text-align: center;
+}
+.ant-input-number-handler-down:hover {
+  height: 60% !important;
+}
+.ant-input-number-handler-up-disabled,
+.ant-input-number-handler-down-disabled {
+  cursor: not-allowed;
+}
+.ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner,
+.ant-input-number-handler-down-disabled:hover .ant-input-number-handler-down-inner {
+  color: rgba(0, 0, 0, 0.25);
+}
+.ant-input-number-rtl {
+  direction: rtl;
+}
+.ant-input-number-rtl .ant-input-number-handler-wrap {
+  right: auto;
+  left: 0;
+  border-right: 1px solid #d9d9d9;
+  border-left: 0;
+  border-radius: 2px 0 0 2px;
+}
+.ant-input-number-rtl .ant-input-number-input {
+  direction: rtl;
+  text-align: right;
+}

web/node_modules/antd/es/input-number/style/index.d.ts

@@ -0,0 +1,2 @@
+import '../../style/index.less';
+import './index.less';

web/node_modules/antd/es/input-number/style/index.js

@@ -0,0 +1,2 @@
+import '../../style/index.less';
+import './index.less';

web/node_modules/antd/es/input-number/style/index.less

@@ -0,0 +1,186 @@
+@import '../../style/themes/index';
+@import '../../style/mixins/index';
+@import '../../input/style/mixin';
+
+@input-number-prefix-cls: ~'@{ant-prefix}-input-number';
+@form-item-prefix-cls: ~'@{ant-prefix}-form-item';
+
+.@{input-number-prefix-cls} {
+  .reset-component;
+  .input;
+
+  display: inline-block;
+  width: 90px;
+  margin: 0;
+  padding: 0;
+  border: @border-width-base @border-style-base @border-color-base;
+  border-radius: @border-radius-base;
+
+  &-handler {
+    position: relative;
+    display: block;
+    width: 100%;
+    height: 50%;
+    overflow: hidden;
+    color: @text-color-secondary;
+    font-weight: bold;
+    line-height: 0;
+    text-align: center;
+    transition: all 0.1s linear;
+    &:active {
+      background: @input-number-handler-active-bg;
+    }
+    &:hover &-up-inner,
+    &:hover &-down-inner {
+      color: @input-number-handler-hover-bg;
+    }
+  }
+
+  &-handler-up-inner,
+  &-handler-down-inner {
+    .iconfont-mixin();
+
+    position: absolute;
+    right: 4px;
+    width: 12px;
+    height: 12px;
+    color: @text-color-secondary;
+    line-height: 12px;
+    transition: all 0.1s linear;
+    user-select: none;
+  }
+
+  &:hover {
+    .hover(@input-number-hover-border-color);
+    & + .@{form-item-prefix-cls}-children-icon {
+      opacity: 0;
+      transition: opacity 0.24s linear 0.24s;
+    }
+  }
+
+  &-focused {
+    .active();
+  }
+
+  &-disabled {
+    .disabled();
+    .@{input-number-prefix-cls}-input {
+      cursor: not-allowed;
+    }
+    .@{input-number-prefix-cls}-handler-wrap {
+      display: none;
+    }
+  }
+
+  &-input {
+    width: 100%;
+    height: @input-height-base - 2px;
+    padding: 0 @control-padding-horizontal - 1px;
+    text-align: left;
+    background-color: transparent;
+    border: 0;
+    border-radius: @border-radius-base;
+    outline: 0;
+    transition: all 0.3s linear;
+    -moz-appearance: textfield !important;
+    .placeholder();
+
+    &[type='number']::-webkit-inner-spin-button,
+    &[type='number']::-webkit-outer-spin-button {
+      margin: 0;
+      -webkit-appearance: none;
+    }
+  }
+
+  &-lg {
+    padding: 0;
+    font-size: @font-size-lg;
+
+    input {
+      height: @input-height-lg - 2px;
+    }
+  }
+
+  &-sm {
+    padding: 0;
+
+    input {
+      height: @input-height-sm - 2px;
+      padding: 0 @control-padding-horizontal-sm - 1px;
+    }
+  }
+
+  &-handler-wrap {
+    position: absolute;
+    top: 0;
+    right: 0;
+    width: 22px;
+    height: 100%;
+    background: @input-number-handler-bg;
+    border-left: @border-width-base @border-style-base @input-number-handler-border-color;
+    border-radius: 0 @border-radius-base @border-radius-base 0;
+    opacity: 0;
+    transition: opacity 0.24s linear 0.1s;
+
+    // Fix input number inside Menu makes icon too large
+    // We arise the selector priority by nest selector here
+    // https://github.com/ant-design/ant-design/issues/14367
+    .@{input-number-prefix-cls}-handler {
+      .@{input-number-prefix-cls}-handler-up-inner,
+      .@{input-number-prefix-cls}-handler-down-inner {
+        .iconfont-size-under-12px(7px);
+
+        min-width: auto;
+        margin-right: 0;
+      }
+    }
+  }
+
+  &-handler-wrap:hover &-handler {
+    height: 40%;
+  }
+
+  &:hover &-handler-wrap {
+    opacity: 1;
+  }
+
+  &-handler-up {
+    border-top-right-radius: @border-radius-base;
+    cursor: pointer;
+    &-inner {
+      top: 50%;
+      margin-top: -5px;
+      text-align: center;
+    }
+    &:hover {
+      height: 60% !important;
+    }
+  }
+
+  &-handler-down {
+    top: 0;
+    border-top: @border-width-base @border-style-base @border-color-base;
+    border-bottom-right-radius: @border-radius-base;
+    cursor: pointer;
+    &-inner {
+      top: 50%;
+      margin-top: -6px;
+      text-align: center;
+    }
+    &:hover {
+      height: 60% !important;
+    }
+  }
+
+  &-handler-up-disabled,
+  &-handler-down-disabled {
+    cursor: not-allowed;
+  }
+
+  &-handler-up-disabled:hover &-handler-up-inner,
+  &-handler-down-disabled:hover &-handler-down-inner {
+    color: @disabled-color;
+  }
+}
+
+@import './rtl';

web/node_modules/antd/es/input-number/style/rtl.less

@@ -0,0 +1,28 @@
+@import '../../style/themes/index';
+@import '../../style/mixins/index';
+@import '../../input/style/mixin';
+
+@input-number-prefix-cls: ~'@{ant-prefix}-input-number';
+
+.@{input-number-prefix-cls} {
+  &-rtl {
+    direction: rtl;
+  }
+
+  &-handler-wrap {
+    .@{input-number-prefix-cls}-rtl & {
+      right: auto;
+      left: 0;
+      border-right: @border-width-base @border-style-base @input-number-handler-border-color;
+      border-left: 0;
+      border-radius: @border-radius-base 0 0 @border-radius-base;
+    }
+  }
+
+  &-input {
+    .@{input-number-prefix-cls}-rtl & {
+      direction: rtl;
+      text-align: right;
+    }
+  }
+}