armtek-uikit-react 1.0.13 → 1.0.14
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/cjs/assets/Alert.scss +37 -0
- package/cjs/assets/Avatar.scss +82 -0
- package/cjs/assets/AvatarGroup.scss +48 -0
- package/cjs/assets/Badge.scss +83 -0
- package/cjs/assets/Card.scss +7 -0
- package/cjs/assets/Checkbox.scss +297 -0
- package/cjs/assets/Chip.scss +96 -0
- package/cjs/assets/DatePicker.scss +7 -0
- package/cjs/assets/HelperText.scss +10 -0
- package/cjs/assets/Interval.scss +35 -0
- package/cjs/assets/ListItem.scss +34 -0
- package/cjs/assets/Loader.scss +37 -0
- package/cjs/assets/Logo.scss +29 -0
- package/cjs/assets/Period.scss +10 -0
- package/cjs/assets/Rating.scss +19 -0
- package/cjs/assets/Select.scss +26 -0
- package/cjs/assets/Slider.scss +6 -0
- package/cjs/assets/Status.scss +45 -0
- package/cjs/assets/StepItem.scss +67 -0
- package/cjs/assets/StepItemIcon.scss +47 -0
- package/cjs/assets/Stepper.scss +34 -0
- package/cjs/assets/Switch.scss +69 -0
- package/cjs/assets/TextArea.scss +15 -0
- package/cjs/assets/TextField.scss +160 -0
- package/cjs/assets/Tooltip.scss +18 -0
- package/cjs/assets/styles.scss +26 -1
- package/cjs/lib/helpers/helpers.d.ts +1 -0
- package/cjs/lib/helpers/helpers.js +10 -2
- package/cjs/ui/Adornment/Adornment.js +9 -5
- package/cjs/ui/Adornment/Adornment.module.scss +2 -18
- package/cjs/ui/Alert/Alert.js +5 -1
- package/cjs/ui/Alert/Alert.module.scss +2 -38
- package/cjs/ui/Avatar/Avatar.js +5 -1
- package/cjs/ui/Avatar/Avatar.module.scss +1 -82
- package/cjs/ui/Avatar/AvatarGroup.js +5 -1
- package/cjs/ui/Avatar/AvatarGroup.module.scss +1 -48
- package/cjs/ui/Badge/Badge.js +5 -1
- package/cjs/ui/Badge/Badge.module.scss +1 -83
- package/cjs/ui/Button/Button.d.ts +1 -1
- package/cjs/ui/Button/Button.js +9 -5
- package/cjs/ui/Button/Button.module.scss +2 -298
- package/cjs/ui/Button/ButtonGroup.js +5 -1
- package/cjs/ui/Button/ButtonIcon.js +4 -0
- package/cjs/ui/Card/Card.js +5 -1
- package/cjs/ui/Card/Card.module.scss +1 -7
- package/cjs/ui/Chip/Chip.js +5 -1
- package/cjs/ui/Chip/Chip.module.scss +1 -96
- package/cjs/ui/Form/Checkbox/Checkbox.js +5 -1
- package/cjs/ui/Form/Checkbox/Checkbox.module.scss +1 -297
- package/cjs/ui/Form/Checkbox/Radio.js +6 -2
- package/cjs/ui/Form/DateField/DateField.js +0 -1
- package/cjs/ui/Form/DatePicker/DatePicker.module.scss +1 -7
- package/cjs/ui/Form/Interval/Interval.js +5 -1
- package/cjs/ui/Form/Interval/Interval.module.scss +1 -35
- package/cjs/ui/Form/Interval/IntervalSlide.js +5 -1
- package/cjs/ui/Form/Period/Period.js +5 -1
- package/cjs/ui/Form/Period/Period.module.scss +1 -9
- package/cjs/ui/Form/Rating/Rating.js +5 -1
- package/cjs/ui/Form/Rating/Rating.module.scss +1 -19
- package/cjs/ui/Form/Select/Select.js +5 -1
- package/cjs/ui/Form/Select/Select.module.scss +1 -26
- package/cjs/ui/Form/Switch/Switch.js +5 -1
- package/cjs/ui/Form/Switch/Switch.module.scss +1 -69
- package/cjs/ui/Form/TextArea/TextArea.js +4 -0
- package/cjs/ui/Form/TextArea/TextArea.module.scss +1 -15
- package/cjs/ui/Form/TextField/TextField.js +5 -1
- package/cjs/ui/Form/TextField/TextField.module.scss +1 -160
- package/cjs/ui/HelperText/HelperText.js +5 -1
- package/cjs/ui/HelperText/HelperText.module.scss +1 -10
- package/cjs/ui/List/ListItem.js +5 -1
- package/cjs/ui/List/ListItem.module.scss +1 -34
- package/cjs/ui/Loader/Loader.js +5 -1
- package/cjs/ui/Loader/Loader.module.scss +1 -37
- package/cjs/ui/Logo/Logo.js +5 -1
- package/cjs/ui/Logo/Logo.module.scss +1 -29
- package/cjs/ui/Slider/RcSlider.d.ts +0 -2
- package/cjs/ui/Slider/RcSlider.js +1 -9
- package/cjs/ui/Slider/Slider.d.ts +1 -1
- package/cjs/ui/Slider/Slider.js +4 -1
- package/cjs/ui/Slider/Slider.module.scss +1 -6
- package/cjs/ui/Status/Status.js +5 -1
- package/cjs/ui/Status/Status.module.scss +1 -45
- package/cjs/ui/Stepper/StepItem.js +5 -1
- package/cjs/ui/Stepper/StepItem.module.scss +1 -67
- package/cjs/ui/Stepper/StepItemIcon.js +5 -1
- package/cjs/ui/Stepper/StepItemIcon.module.scss +1 -47
- package/cjs/ui/Stepper/Stepper.js +5 -1
- package/cjs/ui/Stepper/Stepper.module.scss +1 -34
- package/cjs/ui/Tooltip/Tooltip.js +5 -1
- package/cjs/ui/Tooltip/Tooltip.module.scss +1 -18
- package/dist/armtek-uikit-react-main.js +60 -60
- package/dist/armtek-uikit-react-main.min.js +1 -1
- package/dist/css/main.css +19 -0
- package/esm/assets/Alert.scss +37 -0
- package/esm/assets/Avatar.scss +82 -0
- package/esm/assets/AvatarGroup.scss +48 -0
- package/esm/assets/Badge.scss +83 -0
- package/esm/assets/Card.scss +7 -0
- package/esm/assets/Checkbox.scss +297 -0
- package/esm/assets/Chip.scss +96 -0
- package/esm/assets/DatePicker.scss +7 -0
- package/esm/assets/HelperText.scss +10 -0
- package/esm/assets/Interval.scss +35 -0
- package/esm/assets/ListItem.scss +34 -0
- package/esm/assets/Loader.scss +37 -0
- package/esm/assets/Logo.scss +29 -0
- package/esm/assets/Period.scss +10 -0
- package/esm/assets/Rating.scss +19 -0
- package/esm/assets/Select.scss +26 -0
- package/esm/assets/Slider.scss +6 -0
- package/esm/assets/Status.scss +45 -0
- package/esm/assets/StepItem.scss +67 -0
- package/esm/assets/StepItemIcon.scss +47 -0
- package/esm/assets/Stepper.scss +34 -0
- package/esm/assets/Switch.scss +69 -0
- package/esm/assets/TextArea.scss +15 -0
- package/esm/assets/TextField.scss +160 -0
- package/esm/assets/Tooltip.scss +18 -0
- package/esm/assets/styles.scss +26 -1
- package/esm/index.js +15 -15
- package/esm/lib/helpers/helpers.d.ts +1 -0
- package/esm/lib/helpers/helpers.js +7 -0
- package/esm/ui/Adornment/Adornment.js +10 -5
- package/esm/ui/Adornment/Adornment.module.scss +2 -18
- package/esm/ui/Alert/Alert.js +6 -2
- package/esm/ui/Alert/Alert.module.scss +2 -38
- package/esm/ui/Avatar/Avatar.js +5 -1
- package/esm/ui/Avatar/Avatar.module.scss +1 -82
- package/esm/ui/Avatar/AvatarGroup.js +5 -1
- package/esm/ui/Avatar/AvatarGroup.module.scss +1 -48
- package/esm/ui/Badge/Badge.js +5 -1
- package/esm/ui/Badge/Badge.module.scss +1 -83
- package/esm/ui/Button/Button.d.ts +1 -1
- package/esm/ui/Button/Button.js +5 -1
- package/esm/ui/Button/Button.module.scss +2 -298
- package/esm/ui/Button/ButtonGroup.js +5 -1
- package/esm/ui/Button/ButtonIcon.js +6 -2
- package/esm/ui/Card/Card.js +5 -1
- package/esm/ui/Card/Card.module.scss +1 -7
- package/esm/ui/Chip/Chip.js +5 -1
- package/esm/ui/Chip/Chip.module.scss +1 -96
- package/esm/ui/Form/Checkbox/Checkbox.js +5 -1
- package/esm/ui/Form/Checkbox/Checkbox.module.scss +1 -297
- package/esm/ui/Form/Checkbox/Radio.js +7 -3
- package/esm/ui/Form/DateField/DateField.js +4 -5
- package/esm/ui/Form/DateField/TimeField.js +1 -1
- package/esm/ui/Form/DatePicker/DatePicker.module.scss +1 -7
- package/esm/ui/Form/DatePicker/PeriodSelect.js +1 -1
- package/esm/ui/Form/DatePicker/TimePicker.js +1 -1
- package/esm/ui/Form/Interval/Interval.js +7 -3
- package/esm/ui/Form/Interval/Interval.module.scss +1 -35
- package/esm/ui/Form/Interval/IntervalSlide.js +7 -3
- package/esm/ui/Form/Password/Password.js +2 -2
- package/esm/ui/Form/Period/Period.js +10 -6
- package/esm/ui/Form/Period/Period.module.scss +1 -9
- package/esm/ui/Form/Rating/Rating.js +5 -1
- package/esm/ui/Form/Rating/Rating.module.scss +1 -19
- package/esm/ui/Form/Select/Select.js +9 -5
- package/esm/ui/Form/Select/Select.module.scss +1 -26
- package/esm/ui/Form/Switch/Switch.js +5 -1
- package/esm/ui/Form/Switch/Switch.module.scss +1 -69
- package/esm/ui/Form/TextArea/TextArea.js +6 -2
- package/esm/ui/Form/TextArea/TextArea.module.scss +1 -15
- package/esm/ui/Form/TextField/TextField.js +6 -2
- package/esm/ui/Form/TextField/TextField.module.scss +1 -160
- package/esm/ui/HelperText/HelperText.js +5 -1
- package/esm/ui/HelperText/HelperText.module.scss +1 -10
- package/esm/ui/List/ListItem.js +7 -3
- package/esm/ui/List/ListItem.module.scss +1 -34
- package/esm/ui/Loader/Loader.js +5 -1
- package/esm/ui/Loader/Loader.module.scss +1 -37
- package/esm/ui/Logo/Logo.js +5 -1
- package/esm/ui/Logo/Logo.module.scss +1 -29
- package/esm/ui/Slider/RcSlider.d.ts +0 -2
- package/esm/ui/Slider/RcSlider.js +0 -2
- package/esm/ui/Slider/Slider.d.ts +1 -1
- package/esm/ui/Slider/Slider.js +7 -4
- package/esm/ui/Slider/Slider.module.scss +1 -6
- package/esm/ui/Status/Status.js +5 -1
- package/esm/ui/Status/Status.module.scss +1 -45
- package/esm/ui/Stepper/StepItem.js +7 -3
- package/esm/ui/Stepper/StepItem.module.scss +1 -67
- package/esm/ui/Stepper/StepItemIcon.js +5 -1
- package/esm/ui/Stepper/StepItemIcon.module.scss +1 -47
- package/esm/ui/Stepper/Stepper.js +6 -2
- package/esm/ui/Stepper/Stepper.module.scss +1 -34
- package/esm/ui/Tooltip/Tooltip.js +5 -1
- package/esm/ui/Tooltip/Tooltip.module.scss +1 -18
- package/package.json +1 -1
- package/ButtonClasses/package.json +0 -7
- package/cjs/ui/Button/Button.css +0 -3
- package/cjs/ui/Button/ButtonClasses.d.ts +0 -3
- package/cjs/ui/Button/ButtonClasses.js +0 -12
- package/cjs/ui/Form/Password/Password.module.scss +0 -2
- package/dist/css/main.e207d402.css +0 -18
- package/esm/ui/Button/Button.css +0 -3
- package/esm/ui/Button/ButtonClasses.d.ts +0 -3
- package/esm/ui/Button/ButtonClasses.js +0 -7
- package/esm/ui/Form/Password/Password.module.scss +0 -2
|
@@ -1,67 +1 @@
|
|
|
1
|
-
@import "../../assets/
|
|
2
|
-
|
|
3
|
-
.stepItem__inner{
|
|
4
|
-
@include flex(flex-start, flex-start)
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
.stepItem__title{
|
|
8
|
-
font-weight: 700;
|
|
9
|
-
margin: 2px 0 0 $size-step;
|
|
10
|
-
position: relative;
|
|
11
|
-
background: #fff;
|
|
12
|
-
padding-right: 5px;
|
|
13
|
-
}
|
|
14
|
-
.stepItem__title_error{
|
|
15
|
-
color: $color-error-dark
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
.stepItem__content{
|
|
19
|
-
padding-left: 23px;
|
|
20
|
-
border-left: 1px solid #B1BCC6;
|
|
21
|
-
margin-left: 11px;
|
|
22
|
-
margin-top:5px;
|
|
23
|
-
position: relative;
|
|
24
|
-
}
|
|
25
|
-
.stepItem__button{
|
|
26
|
-
margin-top: $size-step;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
.stepItem_small{
|
|
31
|
-
& .stepItem__content,
|
|
32
|
-
& .stepItem__title{
|
|
33
|
-
font-size: 14px;
|
|
34
|
-
}
|
|
35
|
-
& .stepItem__content{
|
|
36
|
-
padding-left: 19px;
|
|
37
|
-
margin-left: 10px;
|
|
38
|
-
}
|
|
39
|
-
&.stepItem_horizontal{
|
|
40
|
-
& .stepItem__content:before{
|
|
41
|
-
top: -15px;
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
.stepItem_last{
|
|
46
|
-
& .stepItem__content{
|
|
47
|
-
border-color:transparent;
|
|
48
|
-
&:before{
|
|
49
|
-
display: none;
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
.stepItem_horizontal{
|
|
54
|
-
& .stepItem__content{
|
|
55
|
-
border-color:transparent;
|
|
56
|
-
}
|
|
57
|
-
& .stepItem__content:before{
|
|
58
|
-
content: '';
|
|
59
|
-
position: absolute;
|
|
60
|
-
top: -19px;
|
|
61
|
-
width: 100%;
|
|
62
|
-
left: 22px;
|
|
63
|
-
height: 1px;
|
|
64
|
-
background: #B1BCC6;
|
|
65
|
-
z-index: -1;
|
|
66
|
-
}
|
|
67
|
-
}
|
|
1
|
+
@import "../../assets/StepItem";
|
|
@@ -1,7 +1,11 @@
|
|
|
1
|
-
import css from './StepItemIcon.module.scss';
|
|
2
1
|
import clsx from 'clsx';
|
|
2
|
+
import css from "./StepItemIcon.module.scss";
|
|
3
3
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
4
4
|
import { Fragment as _Fragment } from "react/jsx-runtime";
|
|
5
|
+
const CssClasses = ['stepItemIcon', 'stepItemIcon__number', 'stepItemIcon_small', 'stepItemIcon_active', 'stepItemIcon_complete', 'stepItemIcon_error', 'stepItemIcon__inner'];
|
|
6
|
+
|
|
7
|
+
// const css = getCssPrefix(CssClasses)
|
|
8
|
+
|
|
5
9
|
const StepItemIcon = props => {
|
|
6
10
|
let icon = '';
|
|
7
11
|
if (!props.number) {
|
|
@@ -1,47 +1 @@
|
|
|
1
|
-
@import "../../assets/
|
|
2
|
-
|
|
3
|
-
.stepItemIcon{
|
|
4
|
-
@include flex(center);
|
|
5
|
-
width: 24px;
|
|
6
|
-
min-width: 24px;
|
|
7
|
-
height: 24px;
|
|
8
|
-
border-radius: 50%;
|
|
9
|
-
border: 1px solid;
|
|
10
|
-
& .stepItemIcon__number{
|
|
11
|
-
font-size: 16px;
|
|
12
|
-
}
|
|
13
|
-
&_small{
|
|
14
|
-
width: 20px;
|
|
15
|
-
min-width: 20px;
|
|
16
|
-
height: 20px;
|
|
17
|
-
& .stepItemIcon__number{
|
|
18
|
-
font-size: 14px;
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
border-color: $color-primary;
|
|
22
|
-
color: $color-primary;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
.stepItemIcon__inner{
|
|
26
|
-
font-size: 0;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
.stepItemIcon_active{
|
|
30
|
-
color: #fff;
|
|
31
|
-
background: $color-primary;
|
|
32
|
-
&.stepItemIcon_icon{
|
|
33
|
-
background: transparent;
|
|
34
|
-
color: $color-primary;
|
|
35
|
-
border: none;
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
.stepItemIcon_complete{
|
|
39
|
-
color: #fff;
|
|
40
|
-
background: $color-success;
|
|
41
|
-
border-color: $color-success;
|
|
42
|
-
}
|
|
43
|
-
.stepItemIcon_error{
|
|
44
|
-
color: $color-error-dark !important;
|
|
45
|
-
background: transparent;
|
|
46
|
-
border-color: transparent;
|
|
47
|
-
}
|
|
1
|
+
@import "../../assets/StepItemIcon";
|
|
@@ -1,10 +1,14 @@
|
|
|
1
|
-
import StepItem from
|
|
2
|
-
import css from './Stepper.module.scss';
|
|
1
|
+
import StepItem from "./StepItem";
|
|
3
2
|
import clsx from 'clsx';
|
|
4
3
|
import { Fragment } from 'react';
|
|
4
|
+
import css from "./Stepper.module.scss";
|
|
5
5
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
6
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
7
7
|
import { Fragment as _Fragment } from "react/jsx-runtime";
|
|
8
|
+
const CssClasses = ['stepper', 'stepper_horizontal', 'stepper__connector', 'stepper_small'];
|
|
9
|
+
|
|
10
|
+
// const css = getCssPrefix(CssClasses)
|
|
11
|
+
|
|
8
12
|
const Stepper = props => {
|
|
9
13
|
var _props$steps;
|
|
10
14
|
let {
|
|
@@ -1,34 +1 @@
|
|
|
1
|
-
@import "../../assets/
|
|
2
|
-
|
|
3
|
-
.stepper{
|
|
4
|
-
|
|
5
|
-
}
|
|
6
|
-
.stepper_horizontal{
|
|
7
|
-
display: flex;
|
|
8
|
-
}
|
|
9
|
-
.stepper__connector{
|
|
10
|
-
padding-left: 23px;
|
|
11
|
-
border-left: 1px solid #B1BCC6;
|
|
12
|
-
margin-left: 11px;
|
|
13
|
-
height: 25px;
|
|
14
|
-
margin-bottom: 5px;
|
|
15
|
-
}
|
|
16
|
-
.stepper_small{
|
|
17
|
-
& .stepper__connector{
|
|
18
|
-
padding-left: 19px;
|
|
19
|
-
margin-left: 10px;
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
.stepper_horizontal{
|
|
23
|
-
& .stepper__connector{
|
|
24
|
-
height: 1px;
|
|
25
|
-
width: auto;
|
|
26
|
-
margin-right: 5px;
|
|
27
|
-
margin-bottom: 0;
|
|
28
|
-
padding-left: 0;
|
|
29
|
-
border-left:none;
|
|
30
|
-
border-top: 1px solid #B1BCC6;
|
|
31
|
-
flex: 1 1 0;
|
|
32
|
-
margin-top:10px;
|
|
33
|
-
}
|
|
34
|
-
}
|
|
1
|
+
@import "../../assets/Stepper";
|
|
@@ -1,10 +1,14 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
|
|
3
|
-
import css from './Tooltip.module.scss';
|
|
4
3
|
import { useState } from 'react';
|
|
4
|
+
import css from "./Tooltip.module.scss";
|
|
5
5
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
6
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
7
7
|
import { Fragment as _Fragment } from "react/jsx-runtime";
|
|
8
|
+
const CssClasses = ['tooltip', 'tooltip__item'];
|
|
9
|
+
|
|
10
|
+
// const css = getCssPrefix(CssClasses)
|
|
11
|
+
|
|
8
12
|
function Tooltip(props) {
|
|
9
13
|
let {
|
|
10
14
|
text,
|
|
@@ -1,18 +1 @@
|
|
|
1
|
-
@import "../../assets/
|
|
2
|
-
|
|
3
|
-
.tooltip{
|
|
4
|
-
display: inline-block;
|
|
5
|
-
position: relative;
|
|
6
|
-
}
|
|
7
|
-
.tooltip__item{
|
|
8
|
-
position: absolute;
|
|
9
|
-
padding: $size-step;
|
|
10
|
-
border-radius: $radius;
|
|
11
|
-
background: $color-gray-700;
|
|
12
|
-
color: #fff;
|
|
13
|
-
font-weight: 500;
|
|
14
|
-
font-size: 12px;
|
|
15
|
-
left: 50%;
|
|
16
|
-
bottom: 100%;
|
|
17
|
-
transform: translateX(-50%);
|
|
18
|
-
}
|
|
1
|
+
@import "../../assets/Tooltip";
|
package/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"armtek-uikit-react","version":"1.0.
|
|
1
|
+
{"name":"armtek-uikit-react","version":"1.0.14","description":"Armtek UIKit for React","main":"cjs/index.js","module":"esm/index.js","types":"esm/index.d.ts","repository":{"type":"git","url":"ssh://git@gl.corp:10022/int/uikit/uikit_react.git"},"author":"","license":"ISC","dependencies":{"rc-slider":"^10.2.1","react":"*","react-datepicker":"^4.16.0","react-dom":"*"},"peerDependencies":{"react":"*","react-dom":"*"},"scripts":{"pub":"npm version patch && npm publish"}}
|
package/cjs/ui/Button/Button.css
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
exports.__esModule = true;
|
|
4
|
-
exports.ButtonClassesClean = exports.ButtonClasses = void 0;
|
|
5
|
-
var _styles = require("lib/const/styles");
|
|
6
|
-
const ButtonClassesClean = ['button', 'button_contained', 'button_transparent', 'button_outlined', 'button_primary', 'button_secondary', 'button_neutral', 'button_black', 'button__adornment', 'button__adornment_end', 'button__adornment_start', 'button_large', 'button_medium', 'button_small', 'button_icon', 'button_group', 'button_group_inline', 'button_group_column', 'button_grouped_inline', 'button_grouped_column'];
|
|
7
|
-
exports.ButtonClassesClean = ButtonClassesClean;
|
|
8
|
-
const ButtonClasses = ButtonClassesClean.reduce((prev, current) => {
|
|
9
|
-
prev[current] = _styles.CSS_PREFIX + current;
|
|
10
|
-
return prev;
|
|
11
|
-
}, {});
|
|
12
|
-
exports.ButtonClasses = ButtonClasses;
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
.Armtek-adornmentContainer{display:flex}.Armtek-adornmentContainer_end{margin-left:auto}.Armtek-adornment_end+*{margin-left:8px}.Armtek-adornment_start+*{margin-left:8px}.Armtek-button{outline:none;border:1px solid rgba(0,0,0,0);border-radius:4px;text-transform:uppercase;padding:8px 24px;cursor:pointer;transition:.3s all ease;font-weight:500;font-size:16px;height:56px;display:flex;align-items:center;justify-content:center}.Armtek-button:disabled{cursor:initial}.Armtek-button_contained.Armtek-button_primary{color:#fff;background:#0d46ff}.Armtek-button_contained.Armtek-button_primary:hover{background:#0b3cd9}.Armtek-button_contained.Armtek-button_primary:active{background:#406dff}.Armtek-button_contained.Armtek-button_primary:disabled{background:#0b3cd9}.Armtek-button_contained.Armtek-button_secondary{background:#ff7f00;color:#fff}.Armtek-button_contained.Armtek-button_secondary:hover{background:#d96c00}.Armtek-button_contained.Armtek-button_secondary:active{background:#ff9426}.Armtek-button_contained.Armtek-button_secondary:disabled{background:#ffa140}.Armtek-button_contained.Armtek-button_neutral{background:#4d5359}.Armtek-button_contained.Armtek-button_neutral:hover{background:#40454a}.Armtek-button_contained.Armtek-button_neutral:active{background:#6c757d}.Armtek-button_contained.Armtek-button_neutral:disabled{background:#ffa140}.Armtek-button_contained.Armtek-button_black{background:#212529}.Armtek-button_contained.Armtek-button_black:hover{background:#40454a}.Armtek-button_contained.Armtek-button_black:active{background:#6c757d}.Armtek-button_contained.Armtek-button_black:disabled{background:#ffa140}.Armtek-button_outlined{background:rgba(0,0,0,0)}.Armtek-button_outlined.Armtek-button_primary{color:#0d46ff;border-color:#0d46ff;background:rgba(0,0,0,0)}.Armtek-button_outlined.Armtek-button_primary:hover{background:rgba(13,70,255,.1)}.Armtek-button_outlined.Armtek-button_primary:active{background:#d9e2ff}.Armtek-button_outlined.Armtek-button_primary:disabled{color:#0b3cd9;border-color:#0b3cd9}.Armtek-button_outlined.Armtek-button_secondary{border-color:#ff7f00;color:#ff7f00}.Armtek-button_outlined.Armtek-button_secondary:hover{background:rgba(255,127,0,.1)}.Armtek-button_outlined.Armtek-button_secondary:active{background:#ffe6cc}.Armtek-button_outlined.Armtek-button_secondary:disabled{color:#0b3cd9;border-color:#0b3cd9}.Armtek-button_outlined.Armtek-button_neutral,.Armtek-button_outlined.Armtek-button_black{border-color:#212529;color:#212529}.Armtek-button_outlined.Armtek-button_neutral:hover,.Armtek-button_outlined.Armtek-button_black:hover{background:rgba(77,83,89,.1)}.Armtek-button_outlined.Armtek-button_neutral:active,.Armtek-button_outlined.Armtek-button_black:active{background:#d3dae1}.Armtek-button_outlined.Armtek-button_neutral:disabled,.Armtek-button_outlined.Armtek-button_black:disabled{color:#9aa4ae;border-color:#9aa4ae}.Armtek-button_transparent{background:rgba(0,0,0,0)}.Armtek-button_transparent.Armtek-button_primary{color:#0d46ff;background:rgba(0,0,0,0)}.Armtek-button_transparent.Armtek-button_primary:hover{background:rgba(13,70,255,.1)}.Armtek-button_transparent.Armtek-button_primary:active{background:#d9e2ff}.Armtek-button_transparent.Armtek-button_primary:disabled{color:#0b3cd9;background:none}.Armtek-button_transparent.Armtek-button_secondary{color:#ff7f00}.Armtek-button_transparent.Armtek-button_secondary:hover{background:rgba(255,127,0,.1)}.Armtek-button_transparent.Armtek-button_secondary:active{background:#ffe6cc}.Armtek-button_transparent.Armtek-button_secondary:disabled{color:#0b3cd9;background:none}.Armtek-button_transparent.Armtek-button_neutral,.Armtek-button_transparent.Armtek-button_black{color:#212529}.Armtek-button_transparent.Armtek-button_neutral:hover,.Armtek-button_transparent.Armtek-button_black:hover{background:rgba(77,83,89,.1)}.Armtek-button_transparent.Armtek-button_neutral:active,.Armtek-button_transparent.Armtek-button_black:active{background:#d3dae1}.Armtek-button_transparent.Armtek-button_neutral:disabled,.Armtek-button_transparent.Armtek-button_black:disabled{color:#9aa4ae;background:none}.Armtek-button__adornment{font-size:inherit}.Armtek-button__adornment_end{margin-left:8px}.Armtek-button__adornment_start{margin-right:8px}.Armtek-button_large{height:42px;font-size:15px}.Armtek-button_medium{height:36px;font-size:14px}.Armtek-button_small{height:30px;font-size:13px}.Armtek-button_icon{padding:8px;width:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px}.Armtek-button_icon.Armtek-button_large{width:42px;font-size:24px}.Armtek-button_icon.Armtek-button_medium{width:36px;font-size:20px}.Armtek-button_icon.Armtek-button_small{width:30px;padding:4px;font-size:16px}.Armtek-button_group{display:flex;align-items:center}.Armtek-button_group_inline{flex-direction:row}.Armtek-button_group_column{flex-direction:column}.Armtek-button_grouped_inline{border-radius:0}.Armtek-button_grouped_inline:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}.Armtek-button_grouped_inline:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}.Armtek-button_grouped_inline.Armtek-button_contained.Armtek-button_primary+*{border-left-color:#0b3cd9}.Armtek-button_grouped_inline.Armtek-button_contained.Armtek-button_secondary+*{border-left-color:#0b3cd9}.Armtek-button_grouped_inline.Armtek-button_contained.Armtek-button_neutral+*{border-left-color:#40454a}.Armtek-button_grouped_inline.Armtek-button_contained.Armtek-button_black+*{border-left-color:#40454a}.Armtek-button_grouped_inline.Armtek-button_outlined.Armtek-button_primary+*{border-left-color:#0b3cd9}.Armtek-button_grouped_inline.Armtek-button_outlined.Armtek-button_primary:not(:last-child){border-right:0}.Armtek-button_grouped_inline.Armtek-button_outlined.Armtek-button_secondary+*{border-left-color:#ff7f00}.Armtek-button_grouped_inline.Armtek-button_outlined.Armtek-button_secondary:not(:last-child){border-right:0}.Armtek-button_grouped_inline.Armtek-button_outlined.Armtek-button_neutral+*{border-left-color:#4d5359}.Armtek-button_grouped_inline.Armtek-button_outlined.Armtek-button_neutral:not(:last-child){border-right:0}.Armtek-button_grouped_inline.Armtek-button_outlined.Armtek-button_black+*{border-left-color:#4d5359}.Armtek-button_grouped_inline.Armtek-button_outlined.Armtek-button_black:not(:last-child){border-right:0}.Armtek-button_grouped_inline.Armtek-button_transparent.Armtek-button_primary+*{border-left-color:#dfe2e6}.Armtek-button_grouped_inline.Armtek-button_transparent.Armtek-button_secondary+*{border-left-color:#dfe2e6}.Armtek-button_grouped_inline.Armtek-button_transparent.Armtek-button_neutral+*{border-left-color:#dfe2e6}.Armtek-button_grouped_inline.Armtek-button_transparent.Armtek-button_black+*{border-left-color:#dfe2e6}.Armtek-button_grouped_column{border-radius:0}.Armtek-button_grouped_column:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.Armtek-button_grouped_column:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px}
|
|
2
|
-
.Armtek-adornmentContainer{display:flex}.Armtek-adornmentContainer_end{margin-left:auto}.Armtek-adornment_end+*{margin-left:8px}.Armtek-adornment_start+*{margin-left:8px}.Armtek-alert{padding:16px 40px 16px 56px;background:#d3dae1;border-radius:4px;position:relative}.Armtek-alert__title{font-weight:700;margin-bottom:4px}.Armtek-alert__close{position:absolute;top:4px;right:4px}.Armtek-alert__icon{position:absolute;top:16px;left:16px}.Armtek-alert_success{color:#08996b;background:#f2fffb}.Armtek-alert_warning{color:#d96c00;background:#fff8f0}.Armtek-alert_info{color:#0b3cd9;background:#f2f5ff}.Armtek-alert_error{color:#cc2935;background:#fff0f1}
|
|
3
|
-
.Armtek-adornmentContainer{display:flex}.Armtek-adornmentContainer_end{margin-left:auto}.Armtek-adornment_end+*{margin-left:8px}.Armtek-adornment_start+*{margin-left:8px}.Armtek-avatar{width:56px;height:56px;min-width:56px;border-radius:50%;background:#0d46ff;color:#fff;position:relative}.Armtek-avatar__inner{overflow:hidden;border-radius:50%;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.Armtek-avatar_medium{width:40px;height:40px;min-width:40px}.Armtek-avatar_medium .Armtek-avatar__name{font-size:16px}.Armtek-avatar_medium .Armtek-avatar__icon{font-size:30px}.Armtek-avatar_medium .Armtek-avatar__status{right:-2px;bottom:-2px}.Armtek-avatar_small{width:24px;height:24px;min-width:24px}.Armtek-avatar_small .Armtek-avatar__name{font-size:12px}.Armtek-avatar_small .Armtek-avatar__icon{font-size:20px}.Armtek-avatar_small .Armtek-avatar__status{right:-5px;bottom:-2px}.Armtek-avatar__inner{font-size:0}.Armtek-avatar__name{font-size:24px}.Armtek-avatar__icon{font-size:50px}.Armtek-avatar__img{display:block;width:100%;height:100%;object-fit:cover}.Armtek-avatar__status{position:absolute;width:14px;height:14px;border:1px solid #fff;border-radius:50%;right:0;bottom:0}.Armtek-avatar__status_success{background:#0bd998}.Armtek-avatar__status_error{background:#cc2935}.Armtek-avatar__status_warning{background:#ffc61a}
|
|
4
|
-
.Armtek-adornmentContainer{display:flex}.Armtek-adornmentContainer_end{margin-left:auto}.Armtek-adornment_end+*{margin-left:8px}.Armtek-adornment_start+*{margin-left:8px}.Armtek-avatarGroup{display:flex;align-items:center;justify-content:flex-end;transform:scale(-1, 1)}.Armtek-avatarGroup_medium .Armtek-avatarGroup__item+.Armtek-avatarGroup__item{margin-left:-12px}.Armtek-avatarGroup_small .Armtek-avatarGroup__item+.Armtek-avatarGroup__item{margin-left:-8px}.Armtek-avatarGroup__remains{width:60px;height:60px;min-width:60px;position:relative;display:flex;align-items:center;justify-content:center;background:#9aa4ae;font-size:24px;color:#fff}.Armtek-avatarGroup__remains_medium{width:44px;height:44px;min-width:44px;font-size:16px}.Armtek-avatarGroup__remains_small{width:28px;height:28px;min-width:28px;font-size:12px}.Armtek-avatarGroup__item{position:relative;transform:scale(-1, 1);border:2px solid #fff;border-radius:50%}.Armtek-avatarGroup__item+.Armtek-avatarGroup__item{margin-left:-15px}
|
|
5
|
-
.Armtek-adornmentContainer{display:flex}.Armtek-adornmentContainer_end{margin-left:auto}.Armtek-adornment_end+*{margin-left:8px}.Armtek-adornment_start+*{margin-left:8px}.Armtek-badge{display:inline-block;position:relative}.Armtek-badge__item{background:#ff3342;color:#fff;position:absolute;width:8px;height:8px;bottom:calc(100% - 6px);left:calc(100% - 6px);border-radius:50%}.Armtek-badge__item_primary{background:#0d46ff}.Armtek-badge__item_secondary{background:#0d46ff}.Armtek-badge__item_neutral{background:#4d5359}.Armtek-badge__item_error{background:#ff3342}.Armtek-badge__item_info{background:#0d46ff}.Armtek-badge__item_warning{background:#ffc61a}.Armtek-badge__item_success{background:#0bd998;color:#212529}.Armtek-badge__item_content{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px}.Armtek-badge__item_content_circle,.Armtek-badge__item_content_square{width:auto;height:auto;border-radius:4px;font-size:12px;font-weight:500;line-height:20px;padding:0 6px}.Armtek-badge__item_content_circle{border-radius:10px}.Armtek-badge__item_top-right{bottom:calc(100% - 6px);left:calc(100% - 6px)}.Armtek-badge__item_top-left{bottom:calc(100% - 6px);right:calc(100% - 6px);left:auto}.Armtek-badge__item_bottom-right{top:calc(100% - 6px);left:calc(100% - 6px);bottom:auto}.Armtek-badge__item_bottom-left{top:calc(100% - 6px);right:calc(100% - 6px);left:auto;bottom:auto}
|
|
6
|
-
.Armtek-adornmentContainer{display:flex}.Armtek-adornmentContainer_end{margin-left:auto}.Armtek-adornment_end+*{margin-left:8px}.Armtek-adornment_start+*{margin-left:8px}.Armtek-card{padding:8px;box-shadow:0px 8px 10px 0px rgba(0,0,0,.1);border-radius:4px}
|
|
7
|
-
.Armtek-adornmentContainer{display:flex}.Armtek-adornmentContainer_end{margin-left:auto}.Armtek-adornment_end+*{margin-left:8px}.Armtek-adornment_start+*{margin-left:8px}.Armtek-chip{background:#dfe2e6;padding:5.3333333333px 12px;border-radius:20px;font-size:13px;display:inline-block}.Armtek-chip__inner{display:flex;align-items:center;justify-content:center}.Armtek-chip__icon{display:inline-block;margin-right:8px;margin-left:-8px;font-size:22px;display:flex;align-items:center;justify-content:flex-start;overflow:hidden}.Armtek-chip__close{margin-left:8px;margin-right:-8px;padding:0;font-size:20px;color:#9aa4ae;cursor:pointer}.Armtek-chip__close:hover{transition:.5s all ease;color:#6c757d}.Armtek-chip__close_primary,.Armtek-chip__close_secondary{color:#fff}.Armtek-chip__close_primary:hover,.Armtek-chip__close_secondary:hover{color:#fff;opacity:.6}.Armtek-chip_small{padding:4px 8px}.Armtek-chip__icon_small{font-size:18px;margin-left:0}.Armtek-chip__close_small{font-size:15px;margin-right:-2px}.Armtek-chip_outlined{background:rgba(0,0,0,0);border:1px solid #b1bcc6}a.Armtek-chip:hover,button.Armtek-chip:hover{background:#d3dae1}a.Armtek-chip_outlined:hover,button.Armtek-chip_outlined:hover{background:rgba(77,83,89,.1)}.Armtek-chip_secondary{color:#fff;background-color:#ff7f00}a.Armtek-chip_secondary:hover,button.Armtek-chip_secondary:hover{background-color:#d96c00}.Armtek-chip_primary{color:#fff;background-color:#0d46ff}a.Armtek-chip_primary:hover,button.Armtek-chip_primary:hover{background-color:#0b3cd9}
|
|
8
|
-
.Armtek-adornmentContainer{display:flex}.Armtek-adornmentContainer_end{margin-left:auto}.Armtek-adornment_end+*{margin-left:8px}.Armtek-adornment_start+*{margin-left:8px}.Armtek-listitem{outline:none;padding:12px 16px;color:#4d5359;background:rgba(0,0,0,0);transition:.3s background ease;display:flex;align-items:center;justify-content:flex-start;width:100%;border:none;text-align:left;cursor:pointer}.Armtek-listitem:hover{background:#f8f9fa}.Armtek-listitem.Armtek-listitem_active,.Armtek-listitem:active{background:rgba(13,70,255,.1)}.Armtek-listitem_divider{border-bottom:1px solid #dfe2e6}.Armtek-listitemText{display:block;margin:0 16px}
|
|
9
|
-
.Armtek-adornmentContainer{display:flex}.Armtek-adornmentContainer_end{margin-left:auto}.Armtek-adornment_end+*{margin-left:8px}.Armtek-adornment_start+*{margin-left:8px}.Armtek-checkbox{position:relative}.Armtek-checkbox__input{display:none}.Armtek-checkbox__label{cursor:pointer;text-align:left;position:relative;display:block;font-size:16px;line-height:1.2;width:22px;height:22px}.Armtek-checkbox__label .Armtek-checkbox__text{display:block;padding-left:31px}.Armtek-checkbox__label:before{width:100%;height:100%;border-radius:4px;border:1px solid #4d5359;background:#fff;position:absolute;content:"";left:0;top:-3px}.Armtek-checkbox__label:after{content:"";position:absolute;transform:rotate(45deg);left:9px;top:1px;width:5px;height:10px;border-bottom:2px solid;border-right:2px solid;display:none}.Armtek-checkbox__label span{display:inline-block;padding-left:5px}.Armtek-checkbox_medium{width:18px;height:18px}.Armtek-checkbox_medium:after{left:7px;top:1px}.Armtek-checkbox_medium:before{top:-1px}.Armtek-checkbox_small{font-size:14px;width:16px;height:16px}.Armtek-checkbox_small .Armtek-checkbox__text{padding-left:25px}.Armtek-checkbox_small:after{left:7px;top:1px;height:8px;width:3px}.Armtek-checkbox_small:before{top:-2px}.Armtek-checkbox__label_intermediate:after{border-left:none;width:16px;transform:none;top:7px;height:0;left:4px;border-right:none}.Armtek-checkbox__label_intermediate.Armtek-checkbox_medium:after{width:12px}.Armtek-checkbox__label_intermediate.Armtek-checkbox_small:after{width:10px;top:6px}.Armtek-checkbox__label_intermediate:before,.Armtek-checkbox__label_checked:before{border-color:rgba(0,0,0,0);background:#0d46ff}.Armtek-checkbox__label_intermediate:after,.Armtek-checkbox__label_checked:after{border-color:#fff;display:block}.Armtek-checkbox__label_intermediate.Armtek-checkbox_secondary:before,.Armtek-checkbox__label_checked.Armtek-checkbox_secondary:before{background:#ff7f00}.Armtek-checkbox__label_intermediate.Armtek-checkbox_contained.Armtek-checkbox_secondary:before,.Armtek-checkbox__label_checked.Armtek-checkbox_contained.Armtek-checkbox_secondary:before{background:#ff7f00}.Armtek-checkbox__label_intermediate.Armtek-checkbox_contained.Armtek-checkbox_neutral:before,.Armtek-checkbox__label_checked.Armtek-checkbox_contained.Armtek-checkbox_neutral:before{background:#4d5359}.Armtek-checkbox__label_intermediate.Armtek-checkbox_contained.Armtek-checkbox_success:before,.Armtek-checkbox__label_checked.Armtek-checkbox_contained.Armtek-checkbox_success:before{background:#0bd998}.Armtek-checkbox__label_intermediate.Armtek-checkbox_contained.Armtek-checkbox_error,.Armtek-checkbox__label_checked.Armtek-checkbox_contained.Armtek-checkbox_error{color:#cc2935}.Armtek-checkbox__label_intermediate.Armtek-checkbox_contained.Armtek-checkbox_error:before,.Armtek-checkbox__label_checked.Armtek-checkbox_contained.Armtek-checkbox_error:before{background:#cc2935}.Armtek-checkbox__label_intermediate.Armtek-checkbox_contained.Armtek-checkbox_warning:before,.Armtek-checkbox__label_checked.Armtek-checkbox_contained.Armtek-checkbox_warning:before{background:#ffc61a}.Armtek-checkbox_outlined:before{background:rgba(0,0,0,0);border-color:#0d46ff}.Armtek-checkbox_outlined:after{border-color:#0d46ff}.Armtek-checkbox_outlined.Armtek-checkbox_secondary:before{border-color:#ff7f00}.Armtek-checkbox_outlined.Armtek-checkbox_secondary:after{border-color:#ff7f00}.Armtek-checkbox_outlined.Armtek-checkbox_neutral:before{border-color:#4d5359}.Armtek-checkbox_outlined.Armtek-checkbox_neutral:after{border-color:#4d5359}.Armtek-checkbox_outlined.Armtek-checkbox_success:before{border-color:#0bd998}.Armtek-checkbox_outlined.Armtek-checkbox_success:after{border-color:#0bd998}.Armtek-checkbox_outlined.Armtek-checkbox_error{color:#cc2935}.Armtek-checkbox_outlined.Armtek-checkbox_error:before{border-color:#cc2935}.Armtek-checkbox_outlined.Armtek-checkbox_error:after{border-color:#cc2935}.Armtek-checkbox_outlined.Armtek-checkbox_warning:before{border-color:#ffc61a}.Armtek-checkbox_outlined.Armtek-checkbox_warning:after{border-color:#ffc61a}.Armtek-checkbox__label_disabled{color:#9aa4ae !important;pointer-events:none}.Armtek-checkbox__label_disabled:before{background-color:#b1bcc6}.Armtek-checkbox__label_disabled:after{border-color:#dfe2e6}.Armtek-checkbox__label_disabled.Armtek-checkbox_outlined:before{background-color:rgba(0,0,0,0);border-color:#dfe2e6}.Armtek-checkbox__label_disabled.Armtek-checkbox_outlined:after{border-color:#dfe2e6}.Armtek-radio .Armtek-checkbox__label:before{border-radius:50%}.Armtek-radio .Armtek-checkbox__label:after{border:none;border-radius:50%;background:#0d46ff;width:12px;height:12px;margin-top:-2px;margin-left:1px;top:50%;left:50%;transform:translate(-50%, -50%)}.Armtek-radio .Armtek-checkbox__label.Armtek-checkbox_medium:after{width:8px;height:8px;margin-top:0}.Armtek-radio .Armtek-checkbox__label.Armtek-checkbox_small:after{width:6px;height:6px;margin-top:-1px}.Armtek-radio .Armtek-checkbox__label.Armtek-checkbox_error:before{border-color:#cc2935}.Armtek-radio .Armtek-checkbox__label.Armtek-checkbox_secondary:before{border-color:#ff7f00}.Armtek-radio .Armtek-checkbox__label.Armtek-checkbox_success:before{border-color:#0bd998}.Armtek-radio .Armtek-checkbox__label.Armtek-checkbox_warning:before{border-color:#ffc61a}.Armtek-radio .Armtek-checkbox__label.Armtek-checkbox_neutral:before{border-color:#4d5359}.Armtek-radio .Armtek-checkbox__label.Armtek-checkbox_error:after{background:#cc2935}.Armtek-radio .Armtek-checkbox__label.Armtek-checkbox_secondary:after{background:#ff7f00}.Armtek-radio .Armtek-checkbox__label.Armtek-checkbox_success:after{background:#0bd998}.Armtek-radio .Armtek-checkbox__label.Armtek-checkbox_warning:after{background:#ffc61a}.Armtek-radio .Armtek-checkbox__label.Armtek-checkbox_neutral:after{background:#4d5359}.Armtek-radio .Armtek-checkbox__label_disabled:after{background:#dfe2e6 !important}.Armtek-radio .Armtek-checkbox__label.Armtek-checkbox_contained:after{background:#fff}.Armtek-radio .Armtek-checkbox__label.Armtek-checkbox__label_disabled:before{background:rgba(0,0,0,0) !important;border-color:#b1bcc6}.Armtek-radio .Armtek-checkbox__label_checked.Armtek-checkbox__label_disabled:before{background:#b1bcc6 !important}
|
|
10
|
-
.Armtek-adornmentContainer{display:flex}.Armtek-adornmentContainer_end{margin-left:auto}.Armtek-adornment_end+*{margin-left:8px}.Armtek-adornment_start+*{margin-left:8px}.Armtek-loader{-webkit-animation:Armtek-rotating 2s linear infinite;-moz-animation:Armtek-rotating 2s linear infinite;-ms-animation:Armtek-rotating 2s linear infinite;-o-animation:Armtek-rotating 2s linear infinite;animation:Armtek-rotating 2s linear infinite}@-webkit-keyframes Armtek-rotating /* Safari and Chrome */{from{-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes Armtek-rotating{from{-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}to{-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}
|
|
11
|
-
.Armtek-adornmentContainer{display:flex}.Armtek-adornmentContainer_end{margin-left:auto}.Armtek-adornment_end+*{margin-left:8px}.Armtek-adornment_start+*{margin-left:8px}.Armtek-logo{display:inline-block}.Armtek-logo_shape{box-shadow:0px 8px 10px 0px rgba(0,0,0,.1);padding:16px;transform:skewX(-10deg)}.Armtek-logo_shape .Armtek-logo__inner{transform:skewX(10deg)}.Armtek-logo__img{font-size:0}.Armtek-logo__description{color:#212529;font-size:14px;font-style:italic;margin-top:2px}.Armtek-logo_inverse .Armtek-logo__description{color:#fff}
|
|
12
|
-
.Armtek-adornmentContainer{display:flex}.Armtek-adornmentContainer_end{margin-left:auto}.Armtek-adornment_end+*{margin-left:8px}.Armtek-adornment_start+*{margin-left:8px}.Armtek-helperText{color:#6c757d;font-size:12px;display:block}.Armtek-helperText_error{color:#cc2935}
|
|
13
|
-
.Armtek-adornmentContainer{display:flex}.Armtek-adornmentContainer_end{margin-left:auto}.Armtek-adornment_end+*{margin-left:8px}.Armtek-adornment_start+*{margin-left:8px}.Armtek-slider__helperText{display:flex;align-items:center;justify-content:space-between;margin-top:8px}
|
|
14
|
-
.Armtek-adornmentContainer{display:flex}.Armtek-adornmentContainer_end{margin-left:auto}.Armtek-adornment_end+*{margin-left:8px}.Armtek-adornment_start+*{margin-left:8px}.Armtek-status{display:inline-flex;align-items:center;padding:3px 8px 1px;border-radius:4px}.Armtek-status_primary{background:rgba(11,60,217,.2);color:#0b3cd9}.Armtek-status_secondary{background:rgba(217,108,0,.2);color:#d96c00}.Armtek-status_neutral{background:rgba(77,83,89,.2);color:rgba(33,37,41,.7)}.Armtek-status_error{background:rgba(204,41,53,.2);color:#cc2935}.Armtek-status_warning{background:rgba(255,198,26,.2);color:#d96c00}.Armtek-status_info{background:rgba(13,70,255,.2);color:#0b3cd9}.Armtek-status_success{background:rgba(11,217,152,.2);color:#08996b}.Armtek-status__content{font-size:14px;line-height:1}.Armtek-status__icon{margin-left:4px;font-size:14px;line-height:1.5}
|
|
15
|
-
.Armtek-adornmentContainer{display:flex}.Armtek-adornmentContainer_end{margin-left:auto}.Armtek-adornment_end+*{margin-left:8px}.Armtek-adornment_start+*{margin-left:8px}.Armtek-stepItemIcon{display:flex;align-items:center;justify-content:center;width:24px;min-width:24px;height:24px;border-radius:50%;border:1px solid;border-color:#0d46ff;color:#0d46ff}.Armtek-stepItemIcon .Armtek-stepItemIcon__number{font-size:16px}.Armtek-stepItemIcon_small{width:20px;min-width:20px;height:20px}.Armtek-stepItemIcon_small .Armtek-stepItemIcon__number{font-size:14px}.Armtek-stepItemIcon__inner{font-size:0}.Armtek-stepItemIcon_active{color:#fff;background:#0d46ff}.Armtek-stepItemIcon_active.Armtek-stepItemIcon_icon{background:rgba(0,0,0,0);color:#0d46ff;border:none}.Armtek-stepItemIcon_complete{color:#fff;background:#0bd998;border-color:#0bd998}.Armtek-stepItemIcon_error{color:#cc2935 !important;background:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}
|
|
16
|
-
.Armtek-adornmentContainer{display:flex}.Armtek-adornmentContainer_end{margin-left:auto}.Armtek-adornment_end+*{margin-left:8px}.Armtek-adornment_start+*{margin-left:8px}.Armtek-stepItem__inner{display:flex;align-items:flex-start;justify-content:flex-start}.Armtek-stepItem__title{font-weight:700;margin:2px 0 0 8px;position:relative;background:#fff;padding-right:5px}.Armtek-stepItem__title_error{color:#cc2935}.Armtek-stepItem__content{padding-left:23px;border-left:1px solid #b1bcc6;margin-left:11px;margin-top:5px;position:relative}.Armtek-stepItem__button{margin-top:8px}.Armtek-stepItem_small .Armtek-stepItem__content,.Armtek-stepItem_small .Armtek-stepItem__title{font-size:14px}.Armtek-stepItem_small .Armtek-stepItem__content{padding-left:19px;margin-left:10px}.Armtek-stepItem_small.Armtek-stepItem_horizontal .Armtek-stepItem__content:before{top:-15px}.Armtek-stepItem_last .Armtek-stepItem__content{border-color:rgba(0,0,0,0)}.Armtek-stepItem_last .Armtek-stepItem__content:before{display:none}.Armtek-stepItem_horizontal .Armtek-stepItem__content{border-color:rgba(0,0,0,0)}.Armtek-stepItem_horizontal .Armtek-stepItem__content:before{content:"";position:absolute;top:-19px;width:100%;left:22px;height:1px;background:#b1bcc6;z-index:-1}
|
|
17
|
-
.Armtek-adornmentContainer{display:flex}.Armtek-adornmentContainer_end{margin-left:auto}.Armtek-adornment_end+*{margin-left:8px}.Armtek-adornment_start+*{margin-left:8px}.Armtek-stepper_horizontal{display:flex}.Armtek-stepper__connector{padding-left:23px;border-left:1px solid #b1bcc6;margin-left:11px;height:25px;margin-bottom:5px}.Armtek-stepper_small .Armtek-stepper__connector{padding-left:19px;margin-left:10px}.Armtek-stepper_horizontal .Armtek-stepper__connector{height:1px;width:auto;margin-right:5px;margin-bottom:0;padding-left:0;border-left:none;border-top:1px solid #b1bcc6;flex:1 1 0;margin-top:10px}
|
|
18
|
-
.Armtek-adornmentContainer{display:flex}.Armtek-adornmentContainer_end{margin-left:auto}.Armtek-adornment_end+*{margin-left:8px}.Armtek-adornment_start+*{margin-left:8px}.Armtek-tooltip{display:inline-block;position:relative}.Armtek-tooltip__item{position:absolute;padding:8px;border-radius:4px;background:#4d5359;color:#fff;font-weight:500;font-size:12px;left:50%;bottom:100%;transform:translateX(-50%)}
|
package/esm/ui/Button/Button.css
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { CSS_PREFIX } from 'lib/const/styles';
|
|
2
|
-
const ButtonClassesClean = ['button', 'button_contained', 'button_transparent', 'button_outlined', 'button_primary', 'button_secondary', 'button_neutral', 'button_black', 'button__adornment', 'button__adornment_end', 'button__adornment_start', 'button_large', 'button_medium', 'button_small', 'button_icon', 'button_group', 'button_group_inline', 'button_group_column', 'button_grouped_inline', 'button_grouped_column'];
|
|
3
|
-
const ButtonClasses = ButtonClassesClean.reduce((prev, current) => {
|
|
4
|
-
prev[current] = CSS_PREFIX + current;
|
|
5
|
-
return prev;
|
|
6
|
-
}, {});
|
|
7
|
-
export { ButtonClasses, ButtonClassesClean };
|