@true-engineering/true-react-common-ui-kit 1.0.2 → 1.1.0

package/dist/style.css

@@ -1,87 +1,65 @@
 @charset "UTF-8";
 .react-datepicker__year-read-view--down-arrow,
 .react-datepicker__month-read-view--down-arrow,
-.react-datepicker__month-year-read-view--down-arrow,
-.react-datepicker__navigation-icon::before {
+.react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {
   border-color: #ccc;
   border-style: solid;
   border-width: 3px 3px 0 0;
-  content: '';
+  content: "";
   display: block;
   height: 9px;
   position: absolute;
   top: 6px;
   width: 9px;
 }
-.react-datepicker-popper[data-placement^='top'] .react-datepicker__triangle,
-.react-datepicker-popper[data-placement^='bottom'] .react-datepicker__triangle {
+.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
   margin-left: -4px;
   position: absolute;
   width: 0;
 }
-.react-datepicker-popper[data-placement^='top']
-  .react-datepicker__triangle::before,
-.react-datepicker-popper[data-placement^='bottom']
-  .react-datepicker__triangle::before,
-.react-datepicker-popper[data-placement^='top']
-  .react-datepicker__triangle::after,
-.react-datepicker-popper[data-placement^='bottom']
-  .react-datepicker__triangle::after {
+.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
   box-sizing: content-box;
   position: absolute;
   border: 8px solid transparent;
   height: 0;
   width: 1px;
-  content: '';
+  content: "";
   z-index: -1;
   border-width: 8px;
   left: -8px;
 }
-.react-datepicker-popper[data-placement^='top']
-  .react-datepicker__triangle::before,
-.react-datepicker-popper[data-placement^='bottom']
-  .react-datepicker__triangle::before {
+.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
   border-bottom-color: #aeaeae;
 }
 
-.react-datepicker-popper[data-placement^='bottom'] .react-datepicker__triangle {
+.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
   top: 0;
   margin-top: -8px;
 }
-.react-datepicker-popper[data-placement^='bottom']
-  .react-datepicker__triangle::before,
-.react-datepicker-popper[data-placement^='bottom']
-  .react-datepicker__triangle::after {
+.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
   border-top: none;
   border-bottom-color: #f0f0f0;
 }
-.react-datepicker-popper[data-placement^='bottom']
-  .react-datepicker__triangle::after {
+.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
   top: 0;
 }
-.react-datepicker-popper[data-placement^='bottom']
-  .react-datepicker__triangle::before {
+.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
   top: -1px;
   border-bottom-color: #aeaeae;
 }
 
-.react-datepicker-popper[data-placement^='top'] .react-datepicker__triangle {
+.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
   bottom: 0;
   margin-bottom: -8px;
 }
-.react-datepicker-popper[data-placement^='top']
-  .react-datepicker__triangle::before,
-.react-datepicker-popper[data-placement^='top']
-  .react-datepicker__triangle::after {
+.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
   border-bottom: none;
   border-top-color: #fff;
 }
-.react-datepicker-popper[data-placement^='top']
-  .react-datepicker__triangle::after {
+.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
   bottom: 0;
 }
-.react-datepicker-popper[data-placement^='top']
-  .react-datepicker__triangle::before {
+.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
   bottom: -1px;
   border-top-color: #aeaeae;
 }
@@ -94,7 +72,7 @@
 }
 
 .react-datepicker {
-  font-family: 'Helvetica Neue', helvetica, arial, sans-serif;
+  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
   font-size: 0.8rem;
   background-color: #fff;
   color: #000;
@@ -124,29 +102,27 @@
 .react-datepicker-popper {
   z-index: 1;
 }
-.react-datepicker-popper[data-placement^='bottom'] {
+.react-datepicker-popper[data-placement^=bottom] {
   padding-top: 10px;
 }
-.react-datepicker-popper[data-placement='bottom-end']
-  .react-datepicker__triangle,
-.react-datepicker-popper[data-placement='top-end'] .react-datepicker__triangle {
+.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
   left: auto;
   right: 50px;
 }
-.react-datepicker-popper[data-placement^='top'] {
+.react-datepicker-popper[data-placement^=top] {
   padding-bottom: 10px;
 }
-.react-datepicker-popper[data-placement^='right'] {
+.react-datepicker-popper[data-placement^=right] {
   padding-left: 8px;
 }
-.react-datepicker-popper[data-placement^='right'] .react-datepicker__triangle {
+.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
   left: auto;
   right: 42px;
 }
-.react-datepicker-popper[data-placement^='left'] {
+.react-datepicker-popper[data-placement^=left] {
   padding-right: 8px;
 }
-.react-datepicker-popper[data-placement^='left'] .react-datepicker__triangle {
+.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
   left: 42px;
   right: auto;
 }
@@ -219,9 +195,7 @@
 .react-datepicker__navigation--next {
   right: 2px;
 }
-.react-datepicker__navigation--next--with-time:not(
-    .react-datepicker__navigation--next--with-today-button
-  ) {
+.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
   right: 85px;
 }
 .react-datepicker__navigation--years {
@@ -302,42 +276,25 @@
 .react-datepicker__input-time-container .react-datepicker-time__caption {
   display: inline-block;
 }
-.react-datepicker__input-time-container
-  .react-datepicker-time__input-container {
+.react-datepicker__input-time-container .react-datepicker-time__input-container {
   display: inline-block;
 }
-.react-datepicker__input-time-container
-  .react-datepicker-time__input-container
-  .react-datepicker-time__input {
+.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
   display: inline-block;
   margin-left: 10px;
 }
-.react-datepicker__input-time-container
-  .react-datepicker-time__input-container
-  .react-datepicker-time__input
-  input {
+.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
   width: auto;
 }
-.react-datepicker__input-time-container
-  .react-datepicker-time__input-container
-  .react-datepicker-time__input
-  input[type='time']::-webkit-inner-spin-button,
-.react-datepicker__input-time-container
-  .react-datepicker-time__input-container
-  .react-datepicker-time__input
-  input[type='time']::-webkit-outer-spin-button {
+.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
+.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
   -webkit-appearance: none;
   margin: 0;
 }
-.react-datepicker__input-time-container
-  .react-datepicker-time__input-container
-  .react-datepicker-time__input
-  input[type='time'] {
+.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
   -moz-appearance: textfield;
 }
-.react-datepicker__input-time-container
-  .react-datepicker-time__input-container
-  .react-datepicker-time__delimiter {
+.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
   margin-left: 5px;
   display: inline-block;
 }
@@ -360,19 +317,14 @@
   background: white;
   border-bottom-right-radius: 0.3rem;
 }
-.react-datepicker__time-container
-  .react-datepicker__time
-  .react-datepicker__time-box {
+.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
   width: 85px;
   overflow-x: hidden;
   margin: 0 auto;
   text-align: center;
   border-bottom-right-radius: 0.3rem;
 }
-.react-datepicker__time-container
-  .react-datepicker__time
-  .react-datepicker__time-box
-  ul.react-datepicker__time-list {
+.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
   list-style: none;
   margin: 0;
   height: calc(195px + (1.7rem / 2));
@@ -382,51 +334,27 @@
   width: 100%;
   box-sizing: content-box;
 }
-.react-datepicker__time-container
-  .react-datepicker__time
-  .react-datepicker__time-box
-  ul.react-datepicker__time-list
-  li.react-datepicker__time-list-item {
+.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
   height: 30px;
   padding: 5px 10px;
   white-space: nowrap;
 }
-.react-datepicker__time-container
-  .react-datepicker__time
-  .react-datepicker__time-box
-  ul.react-datepicker__time-list
-  li.react-datepicker__time-list-item:hover {
+.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
   cursor: pointer;
   background-color: #f0f0f0;
 }
-.react-datepicker__time-container
-  .react-datepicker__time
-  .react-datepicker__time-box
-  ul.react-datepicker__time-list
-  li.react-datepicker__time-list-item--selected {
+.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
   background-color: #216ba5;
   color: white;
   font-weight: bold;
 }
-.react-datepicker__time-container
-  .react-datepicker__time
-  .react-datepicker__time-box
-  ul.react-datepicker__time-list
-  li.react-datepicker__time-list-item--selected:hover {
+.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
   background-color: #216ba5;
 }
-.react-datepicker__time-container
-  .react-datepicker__time
-  .react-datepicker__time-box
-  ul.react-datepicker__time-list
-  li.react-datepicker__time-list-item--disabled {
+.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
   color: #ccc;
 }
-.react-datepicker__time-container
-  .react-datepicker__time
-  .react-datepicker__time-box
-  ul.react-datepicker__time-list
-  li.react-datepicker__time-list-item--disabled:hover {
+.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
   cursor: default;
   background-color: transparent;
 }
@@ -467,9 +395,7 @@
   margin: 0.166rem;
 }
 
-.react-datepicker__month--selected,
-.react-datepicker__month--in-selecting-range,
-.react-datepicker__month--in-range,
+.react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range,
 .react-datepicker__quarter--selected,
 .react-datepicker__quarter--in-selecting-range,
 .react-datepicker__quarter--in-range {
@@ -477,9 +403,7 @@
   background-color: #216ba5;
   color: #fff;
 }
-.react-datepicker__month--selected:hover,
-.react-datepicker__month--in-selecting-range:hover,
-.react-datepicker__month--in-range:hover,
+.react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover,
 .react-datepicker__quarter--selected:hover,
 .react-datepicker__quarter--in-selecting-range:hover,
 .react-datepicker__quarter--in-range:hover {
@@ -541,9 +465,7 @@
 .react-datepicker__year-text--highlighted-custom-2 {
   color: green;
 }
-.react-datepicker__day--selected,
-.react-datepicker__day--in-selecting-range,
-.react-datepicker__day--in-range,
+.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
 .react-datepicker__month-text--selected,
 .react-datepicker__month-text--in-selecting-range,
 .react-datepicker__month-text--in-range,
@@ -557,9 +479,7 @@
   background-color: #216ba5;
   color: #fff;
 }
-.react-datepicker__day--selected:hover,
-.react-datepicker__day--in-selecting-range:hover,
-.react-datepicker__day--in-range:hover,
+.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
 .react-datepicker__month-text--selected:hover,
 .react-datepicker__month-text--in-selecting-range:hover,
 .react-datepicker__month-text--in-range:hover,
@@ -585,60 +505,40 @@
 .react-datepicker__year-text--keyboard-selected:hover {
   background-color: #1d5d90;
 }
-.react-datepicker__day--in-selecting-range:not(
-    .react-datepicker__day--in-range,
-    .react-datepicker__month-text--in-range,
-    .react-datepicker__quarter-text--in-range,
-    .react-datepicker__year-text--in-range
-  ),
-.react-datepicker__month-text--in-selecting-range:not(
-    .react-datepicker__day--in-range,
-    .react-datepicker__month-text--in-range,
-    .react-datepicker__quarter-text--in-range,
-    .react-datepicker__year-text--in-range
-  ),
-.react-datepicker__quarter-text--in-selecting-range:not(
-    .react-datepicker__day--in-range,
-    .react-datepicker__month-text--in-range,
-    .react-datepicker__quarter-text--in-range,
-    .react-datepicker__year-text--in-range
-  ),
-.react-datepicker__year-text--in-selecting-range:not(
-    .react-datepicker__day--in-range,
-    .react-datepicker__month-text--in-range,
-    .react-datepicker__quarter-text--in-range,
-    .react-datepicker__year-text--in-range
-  ) {
+.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
+.react-datepicker__month-text--in-range,
+.react-datepicker__quarter-text--in-range,
+.react-datepicker__year-text--in-range),
+.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
+.react-datepicker__month-text--in-range,
+.react-datepicker__quarter-text--in-range,
+.react-datepicker__year-text--in-range),
+.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
+.react-datepicker__month-text--in-range,
+.react-datepicker__quarter-text--in-range,
+.react-datepicker__year-text--in-range),
+.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
+.react-datepicker__month-text--in-range,
+.react-datepicker__quarter-text--in-range,
+.react-datepicker__year-text--in-range) {
   background-color: rgba(33, 107, 165, 0.5);
 }
-.react-datepicker__month--selecting-range
-  .react-datepicker__day--in-range:not(
-    .react-datepicker__day--in-selecting-range,
-    .react-datepicker__month-text--in-selecting-range,
-    .react-datepicker__quarter-text--in-selecting-range,
-    .react-datepicker__year-text--in-selecting-range
-  ),
-.react-datepicker__month--selecting-range
-  .react-datepicker__month-text--in-range:not(
-    .react-datepicker__day--in-selecting-range,
-    .react-datepicker__month-text--in-selecting-range,
-    .react-datepicker__quarter-text--in-selecting-range,
-    .react-datepicker__year-text--in-selecting-range
-  ),
-.react-datepicker__month--selecting-range
-  .react-datepicker__quarter-text--in-range:not(
-    .react-datepicker__day--in-selecting-range,
-    .react-datepicker__month-text--in-selecting-range,
-    .react-datepicker__quarter-text--in-selecting-range,
-    .react-datepicker__year-text--in-selecting-range
-  ),
-.react-datepicker__month--selecting-range
-  .react-datepicker__year-text--in-range:not(
-    .react-datepicker__day--in-selecting-range,
-    .react-datepicker__month-text--in-selecting-range,
-    .react-datepicker__quarter-text--in-selecting-range,
-    .react-datepicker__year-text--in-selecting-range
-  ) {
+.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
+.react-datepicker__month-text--in-selecting-range,
+.react-datepicker__quarter-text--in-selecting-range,
+.react-datepicker__year-text--in-selecting-range),
+.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
+.react-datepicker__month-text--in-selecting-range,
+.react-datepicker__quarter-text--in-selecting-range,
+.react-datepicker__year-text--in-selecting-range),
+.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
+.react-datepicker__month-text--in-selecting-range,
+.react-datepicker__quarter-text--in-selecting-range,
+.react-datepicker__year-text--in-selecting-range),
+.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
+.react-datepicker__month-text--in-selecting-range,
+.react-datepicker__quarter-text--in-selecting-range,
+.react-datepicker__year-text--in-selecting-range) {
   background-color: #f0f0f0;
   color: #000;
 }
@@ -656,10 +556,7 @@
   background-color: transparent;
 }
 
-.react-datepicker__month-text.react-datepicker__month--selected:hover,
-.react-datepicker__month-text.react-datepicker__month--in-range:hover,
-.react-datepicker__month-text.react-datepicker__quarter--selected:hover,
-.react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
+.react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
 .react-datepicker__quarter-text.react-datepicker__month--selected:hover,
 .react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
 .react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,
@@ -689,18 +586,12 @@
 .react-datepicker__month-year-read-view:hover {
   cursor: pointer;
 }
-.react-datepicker__year-read-view:hover
-  .react-datepicker__year-read-view--down-arrow,
-.react-datepicker__year-read-view:hover
-  .react-datepicker__month-read-view--down-arrow,
-.react-datepicker__month-read-view:hover
-  .react-datepicker__year-read-view--down-arrow,
-.react-datepicker__month-read-view:hover
-  .react-datepicker__month-read-view--down-arrow,
-.react-datepicker__month-year-read-view:hover
-  .react-datepicker__year-read-view--down-arrow,
-.react-datepicker__month-year-read-view:hover
-  .react-datepicker__month-read-view--down-arrow {
+.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
+.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
+.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
+.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
+.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
+.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
   border-top-color: #b3b3b3;
 }
 .react-datepicker__year-read-view--down-arrow,
@@ -766,20 +657,14 @@
 .react-datepicker__month-year-option:hover {
   background-color: #ccc;
 }
-.react-datepicker__year-option:hover
-  .react-datepicker__navigation--years-upcoming,
-.react-datepicker__month-option:hover
-  .react-datepicker__navigation--years-upcoming,
-.react-datepicker__month-year-option:hover
-  .react-datepicker__navigation--years-upcoming {
+.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
+.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
+.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
   border-bottom-color: #b3b3b3;
 }
-.react-datepicker__year-option:hover
-  .react-datepicker__navigation--years-previous,
-.react-datepicker__month-option:hover
-  .react-datepicker__navigation--years-previous,
-.react-datepicker__month-year-option:hover
-  .react-datepicker__navigation--years-previous {
+.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
+.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
+.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
   border-top-color: #b3b3b3;
 }
 .react-datepicker__year-option--selected,
@@ -815,7 +700,7 @@
   text-align: center;
   display: table-cell;
   vertical-align: middle;
-  content: '×';
+  content: "×";
 }
 
 .react-datepicker__today-button {
@@ -848,8 +733,8 @@
 }
 @media (max-width: 400px), (max-height: 550px) {
   .react-datepicker__portal .react-datepicker__day-name,
-  .react-datepicker__portal .react-datepicker__day,
-  .react-datepicker__portal .react-datepicker__time-name {
+.react-datepicker__portal .react-datepicker__day,
+.react-datepicker__portal .react-datepicker__time-name {
     width: 2rem;
     line-height: 2rem;
   }

package/dist/theme.d.ts

@@ -1,63 +1,67 @@
 import { UiKitHelpers, UiKitTheme } from './types';
 export declare const colors: {
-  readonly FONT_MAIN: '#222a37';
-  readonly FONT_MEDIUM: '#505f79';
-  readonly FONT_LABEL: '#7a869a';
-  readonly FONT_DISABLED: '#95a0b3';
-  readonly GREY_ACTIVE: '#95a0b3';
-  readonly BORDER_MAIN: '#d0d6e1';
-  readonly BORDER_LIGHT: '#dde3ed';
-  readonly GREY_HOVER: '#dde3ed';
-  readonly GREY_FOCUS: '#eceff5';
-  readonly GREY_DISABLED: '#eceff5';
-  readonly GREY_BACKGROUND: '#f6f8fc';
-  readonly CLASSIC_WHITE: '#ffffff';
-  readonly RED_ACTIVE: '#912e34';
-  readonly RED_HOVER: '#c13e45';
-  readonly RED_WARNING: '#f14d56';
-  readonly RED_WARNING_LIGHT: '#ff6261';
-  readonly RED_BACKGROUND: '#feedee';
-  readonly ORANGE_BACKGROUND: '#fff4e9';
-  readonly GREEN_BACKGROUND: '#f4f9e6';
-  readonly BLUE_BACKGROUND: '#ebf1ff';
-  readonly GREEN_FOCUS: '#97ba1e';
-  readonly ORANGE_FOCUS: '#ff991f';
+    readonly FONT_MAIN: "#222a37";
+    readonly FONT_MEDIUM: "#505f79";
+    readonly FONT_LABEL: "#7a869a";
+    readonly FONT_DISABLED: "#95a0b3";
+    readonly GREY_ACTIVE: "#95a0b3";
+    readonly BORDER_MAIN: "#d0d6e1";
+    readonly BORDER_LIGHT: "#dde3ed";
+    readonly GREY_HOVER: "#dde3ed";
+    readonly GREY_FOCUS: "#eceff5";
+    readonly GREY_DISABLED: "#eceff5";
+    readonly GREY_BACKGROUND: "#f6f8fc";
+    readonly CLASSIC_WHITE: "#ffffff";
+    readonly RED_ACTIVE: "#912e34";
+    readonly RED_HOVER: "#c13e45";
+    readonly RED_WARNING: "#f14d56";
+    readonly RED_WARNING_LIGHT: "#ff6261";
+    readonly RED_BACKGROUND: "#feedee";
+    readonly ORANGE_BACKGROUND: "#fff4e9";
+    readonly GREEN_BACKGROUND: "#f4f9e6";
+    readonly BLUE_BACKGROUND: "#ebf1ff";
+    readonly GREEN_FOCUS: "#97ba1e";
+    readonly ORANGE_FOCUS: "#ff991f";
 };
 export declare const dimensions: {
-  readonly BORDER_RADIUS_LARGE: 16;
-  readonly BORDER_RADIUS_MEDIUM: 12;
-  readonly BORDER_RADIUS_STD: 8;
-  readonly BORDER_RADIUS_SMALL: 6;
-  readonly BORDER_RADIUS_EXTRA_SMALL: 4;
-  readonly CONTROL_HEIGHT: 48;
+    readonly BORDER_RADIUS_LARGE: 16;
+    readonly BORDER_RADIUS_MEDIUM: 12;
+    readonly BORDER_RADIUS_STD: 8;
+    readonly BORDER_RADIUS_SMALL: 6;
+    readonly BORDER_RADIUS_EXTRA_SMALL: 4;
+    readonly CONTROL_HEIGHT: 48;
 };
 export declare const helpers: UiKitHelpers;
 export declare const animations: {
-  slideUp: {
-    'slide-up-enter': {
-      opacity: number;
-      transform: string;
+    slideUp: {
+        'slide-up-enter': {
+            opacity: number;
+            transform: string;
+        };
+        'slide-up-enter-active': {
+            opacity: number;
+            transform: string;
+            transition: ({ timeout }: {
+                timeout: number;
+            }) => string;
+            transitionProperty: string;
+        };
+        'slide-up-exit-active': {
+            opacity: number;
+            transform: string;
+        };
+        'slide-up-exit': {
+            opacity: number;
+            transform: string;
+            transition: ({ timeout }: {
+                timeout: number;
+            }) => string;
+            transitionProperty: string;
+        };
     };
-    'slide-up-enter-active': {
-      opacity: number;
-      transform: string;
-      transition: ({ timeout }: { timeout: number }) => string;
-      transitionProperty: string;
-    };
-    'slide-up-exit-active': {
-      opacity: number;
-      transform: string;
-    };
-    'slide-up-exit': {
-      opacity: number;
-      transform: string;
-      transition: ({ timeout }: { timeout: number }) => string;
-      transitionProperty: string;
-    };
-  };
 };
 export interface CommonUiKitTheme extends UiKitTheme {
-  colors: typeof colors;
-  dimensions: typeof dimensions;
+    colors: typeof colors;
+    dimensions: typeof dimensions;
 }
 export declare const commonTheme: CommonUiKitTheme;