@antscorp/antsomi-ui 1.3.2-beta.23 → 1.3.2-beta.25

package/es/components/molecules/InputNumber/styled.js

@@ -1,95 +0,0 @@
-var _a, _b, _c, _d, _e, _f, _g, _h;
-// Libraries
-import styled, { css } from 'styled-components';
-// Components
-import { InputNumber as AntdInputNumber } from 'antd';
-// Constants
-import { THEME } from '@antscorp/antsomi-ui/es/constants';
-export const InputNumberWrapper = styled(AntdInputNumber) `
-  height: 30px;
-  border-style: none;
-  border-radius: none;
-  font-family: 'Roboto';
-  font-size: ${(_a = THEME.token) === null || _a === void 0 ? void 0 : _a.fontSize}px;
-  --tw-shadow: 0 1px 0 0 #e0e0e0;
-  --tw-shadow-colored: 0 1px 0 0 var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
-    var(--tw-shadow);
-  transition-property: all;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-
-  &::placeholder {
-    color: ${(_b = THEME.token) === null || _b === void 0 ? void 0 : _b.accent5};
-  }
-
-  &:hover {
-    background-color: ${(_c = THEME.token) === null || _c === void 0 ? void 0 : _c.blue0};
-  }
-
-  ${props => css `
-      height: ${props.height}${typeof props.height === 'number' ? 'px' : ''};
-      width: ${props.width}${typeof props.width === 'number' ? 'px' : ''};
-    `}
-
-  .antsomi-input-number-group {
-    min-width: 100px;
-  }
-
-  &:active,
-  &:focus {
-    background-color: ${(_d = THEME.token) === null || _d === void 0 ? void 0 : _d.bw1_1};
-    --tw-shadow: 0 1px 0 0 #194e8d;
-    --tw-shadow-colored: 0 1px 0 0 var(--tw-shadow-color);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
-      var(--tw-shadow);
-  }
-
-  &:disabled {
-    background-color: ${(_e = THEME.token) === null || _e === void 0 ? void 0 : _e.accent1};
-    color: ${(_f = THEME.token) === null || _f === void 0 ? void 0 : _f.accent5};
-    --tw-shadow: 0 1px 0 0 #e0e0e0;
-    --tw-shadow-colored: 0 1px 0 0 var(--tw-shadow-color);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
-      var(--tw-shadow);
-  }
-
-  .antsomi-input-number-handler-wrap {
-    height: 100%;
-    opacity: 1;
-
-    &:hover {
-      .antsomi-input-number-handler {
-        height: 50%;
-      }
-    }
-  }
-
-  .antsomi-input-number-handler {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    border: none;
-
-    &:hover {
-      color: ${(_g = THEME.token) === null || _g === void 0 ? void 0 : _g.colorText};
-    }
-  }
-
-  .antsomi-input-number-input {
-    padding: 0px 4px !important;
-  }
-
-  .antsomi-input-number-group-addon {
-    position: relative;
-    top: 1px;
-    padding: 0;
-    border: none;
-    --tw-bg-opacity: 1;
-    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
-    padding-left: 10px;
-    font-size: 13px;
-    color: ${(_h = THEME.token) === null || _h === void 0 ? void 0 : _h.colorTextBase};
-    border-bottom-width: 1px;
-  }
-`;