indicator-ui 0.1.86 → 0.1.87
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/dist/index.css +148 -12
- package/dist/index.css.map +1 -1
- package/dist/index.js +476 -110
- package/dist/index.js.map +1 -1
- package/dist/scss/ui/CheckboxMark/styles/mixins/properties/correct.scss +4 -6
- package/dist/types/src/const/imask.d.ts +18 -0
- package/dist/types/src/const/index.d.ts +1 -0
- package/dist/types/src/ui/TabButtons/index.d.ts +0 -1
- package/dist/types/src/ui/TabButtons/ui/TabButtons.d.ts +26 -2
- package/dist/types/src/ui/TabFrame/index.d.ts +0 -1
- package/dist/types/src/ui/TabFrame/ui/TabFrame.d.ts +13 -2
- package/dist/types/src/ui/formFields/FormDateField/ui/FormDateField.d.ts +1 -11
- package/dist/types/src/ui/formFields/FormDateRangeField/index.d.ts +1 -0
- package/dist/types/src/ui/formFields/FormDateRangeField/styles/index.d.ts +3 -0
- package/dist/types/src/ui/formFields/FormDateRangeField/ui/FormDateRangeField.d.ts +26 -0
- package/dist/types/src/ui/formFields/FormDateRangeField/ui/FormDateTimeRangeField.d.ts +5 -0
- package/dist/types/src/ui/formFields/FormDateRangeField/ui/FormTimeRangeField.d.ts +5 -0
- package/dist/types/src/ui/formFields/FormDateRangeField/ui/InputInnerButton.d.ts +5 -0
- package/dist/types/src/ui/formFields/FormDateRangeField/ui/Mask.d.ts +14 -0
- package/dist/types/src/ui/formFields/FormDateRangeField/ui/index.d.ts +3 -0
- package/dist/types/src/ui/formFields/FormField/ui/FormFieldBase.d.ts +2 -5
- package/dist/types/src/ui/formFields/index.d.ts +1 -0
- package/package.json +1 -1
- package/dist/types/src/ui/TabButtons/types/TabButtonsTypes.d.ts +0 -24
- package/dist/types/src/ui/TabButtons/types/index.d.ts +0 -1
- package/dist/types/src/ui/TabFrame/types/TabFrameTypes.d.ts +0 -10
- package/dist/types/src/ui/TabFrame/types/index.d.ts +0 -1
package/dist/index.css
CHANGED
|
@@ -2301,8 +2301,8 @@
|
|
|
2301
2301
|
}
|
|
2302
2302
|
}
|
|
2303
2303
|
.CheckboxMark-module__checkboxMark___QsRbu[data-theme=light].CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX {
|
|
2304
|
-
background-color: var(--primary-500);
|
|
2305
2304
|
border: transparent;
|
|
2305
|
+
background-color: var(--primary-500);
|
|
2306
2306
|
}
|
|
2307
2307
|
.CheckboxMark-module__checkboxMark___QsRbu[data-theme=light].CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX {
|
|
2308
2308
|
font-size: 16px;
|
|
@@ -2332,13 +2332,13 @@
|
|
|
2332
2332
|
}
|
|
2333
2333
|
@media only screen and (min-width: 1024px) {
|
|
2334
2334
|
.CheckboxMark-module__checkboxMark___QsRbu[data-theme=light].CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX:hover {
|
|
2335
|
-
background-color: var(--primary-600);
|
|
2336
2335
|
border: transparent;
|
|
2336
|
+
background-color: var(--primary-600);
|
|
2337
2337
|
}
|
|
2338
2338
|
}
|
|
2339
2339
|
.CheckboxMark-module__checkboxMark___QsRbu[data-theme=light].CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh {
|
|
2340
|
-
background-color: var(--gray-300);
|
|
2341
2340
|
border: transparent;
|
|
2341
|
+
background-color: var(--gray-300);
|
|
2342
2342
|
}
|
|
2343
2343
|
.CheckboxMark-module__checkboxMark___QsRbu[data-theme=light].CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh {
|
|
2344
2344
|
font-size: 16px;
|
|
@@ -2368,8 +2368,8 @@
|
|
|
2368
2368
|
}
|
|
2369
2369
|
@media only screen and (min-width: 1024px) {
|
|
2370
2370
|
.CheckboxMark-module__checkboxMark___QsRbu[data-theme=light].CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh:hover {
|
|
2371
|
-
background-color: var(--gray-300);
|
|
2372
2371
|
border: transparent;
|
|
2372
|
+
background-color: var(--gray-300);
|
|
2373
2373
|
}
|
|
2374
2374
|
}
|
|
2375
2375
|
.CheckboxMark-module__checkboxMark___QsRbu[data-theme=light].CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX {
|
|
@@ -2450,12 +2450,12 @@
|
|
|
2450
2450
|
color: var(--gray-300);
|
|
2451
2451
|
}
|
|
2452
2452
|
.CheckboxMark-module__checkboxMark___QsRbu[data-theme=light].CheckboxMark-module__hover___FWh19.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX {
|
|
2453
|
-
background-color: var(--primary-600);
|
|
2454
2453
|
border: transparent;
|
|
2454
|
+
background-color: var(--primary-600);
|
|
2455
2455
|
}
|
|
2456
2456
|
.CheckboxMark-module__checkboxMark___QsRbu[data-theme=light].CheckboxMark-module__hover___FWh19.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh {
|
|
2457
|
-
background-color: var(--gray-300);
|
|
2458
2457
|
border: transparent;
|
|
2458
|
+
background-color: var(--gray-300);
|
|
2459
2459
|
}
|
|
2460
2460
|
.CheckboxMark-module__checkboxMark___QsRbu[data-theme=light].CheckboxMark-module__hover___FWh19.CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX {
|
|
2461
2461
|
background-color: var(--error-600);
|
|
@@ -2588,8 +2588,8 @@
|
|
|
2588
2588
|
}
|
|
2589
2589
|
}
|
|
2590
2590
|
.CheckboxMark-module__checkboxMark___QsRbu[data-theme=dark].CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX {
|
|
2591
|
-
background-color: var(--rose-600);
|
|
2592
2591
|
border: transparent;
|
|
2592
|
+
background-color: var(--rose-600);
|
|
2593
2593
|
}
|
|
2594
2594
|
.CheckboxMark-module__checkboxMark___QsRbu[data-theme=dark].CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX {
|
|
2595
2595
|
font-size: 16px;
|
|
@@ -2619,13 +2619,13 @@
|
|
|
2619
2619
|
}
|
|
2620
2620
|
@media only screen and (min-width: 1024px) {
|
|
2621
2621
|
.CheckboxMark-module__checkboxMark___QsRbu[data-theme=dark].CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX:hover {
|
|
2622
|
-
background-color: var(--rose-700);
|
|
2623
2622
|
border: transparent;
|
|
2623
|
+
background-color: var(--rose-700);
|
|
2624
2624
|
}
|
|
2625
2625
|
}
|
|
2626
2626
|
.CheckboxMark-module__checkboxMark___QsRbu[data-theme=dark].CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh {
|
|
2627
|
-
background-color: var(--gray-iron-600);
|
|
2628
2627
|
border: transparent;
|
|
2628
|
+
background-color: var(--gray-iron-600);
|
|
2629
2629
|
}
|
|
2630
2630
|
.CheckboxMark-module__checkboxMark___QsRbu[data-theme=dark].CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh {
|
|
2631
2631
|
font-size: 16px;
|
|
@@ -2655,8 +2655,8 @@
|
|
|
2655
2655
|
}
|
|
2656
2656
|
@media only screen and (min-width: 1024px) {
|
|
2657
2657
|
.CheckboxMark-module__checkboxMark___QsRbu[data-theme=dark].CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh:hover {
|
|
2658
|
-
background-color: var(--gray-iron-600);
|
|
2659
2658
|
border: transparent;
|
|
2659
|
+
background-color: var(--gray-iron-600);
|
|
2660
2660
|
}
|
|
2661
2661
|
}
|
|
2662
2662
|
.CheckboxMark-module__checkboxMark___QsRbu[data-theme=dark].CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX {
|
|
@@ -2732,12 +2732,12 @@
|
|
|
2732
2732
|
border: 1px solid var(--gray-iron-700);
|
|
2733
2733
|
}
|
|
2734
2734
|
.CheckboxMark-module__checkboxMark___QsRbu[data-theme=dark].CheckboxMark-module__hover___FWh19.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX {
|
|
2735
|
-
background-color: var(--rose-700);
|
|
2736
2735
|
border: transparent;
|
|
2736
|
+
background-color: var(--rose-700);
|
|
2737
2737
|
}
|
|
2738
2738
|
.CheckboxMark-module__checkboxMark___QsRbu[data-theme=dark].CheckboxMark-module__hover___FWh19.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh {
|
|
2739
|
-
background-color: var(--gray-iron-600);
|
|
2740
2739
|
border: transparent;
|
|
2740
|
+
background-color: var(--gray-iron-600);
|
|
2741
2741
|
}
|
|
2742
2742
|
.CheckboxMark-module__checkboxMark___QsRbu[data-theme=dark].CheckboxMark-module__hover___FWh19.CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX {
|
|
2743
2743
|
background-color: var(--error-600);
|
|
@@ -3446,6 +3446,7 @@
|
|
|
3446
3446
|
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/ui/TabFrame/styles/TabFrame.module.scss ***!
|
|
3447
3447
|
\*********************************************************************************************************************************************************************************************************************************************************************/
|
|
3448
3448
|
.TabFrame-module__tabFrame___Ppzzz {
|
|
3449
|
+
height: fit-content;
|
|
3449
3450
|
border-radius: 8px;
|
|
3450
3451
|
padding: 4px;
|
|
3451
3452
|
gap: 4px;
|
|
@@ -3581,6 +3582,27 @@
|
|
|
3581
3582
|
.TabButtons-module__tabButtons___vSLsZ.TabButtons-module__heightFill____mxL8 {
|
|
3582
3583
|
height: 100%;
|
|
3583
3584
|
}
|
|
3585
|
+
.TabButtons-module__tabButtons___vSLsZ.TabButtons-module__mark___KzC_H {
|
|
3586
|
+
position: relative;
|
|
3587
|
+
}
|
|
3588
|
+
.TabButtons-module__tabButtons___vSLsZ.TabButtons-module__mark___KzC_H:after {
|
|
3589
|
+
content: "";
|
|
3590
|
+
top: -4px;
|
|
3591
|
+
right: -4px;
|
|
3592
|
+
position: absolute;
|
|
3593
|
+
width: 8px;
|
|
3594
|
+
height: 8px;
|
|
3595
|
+
border-radius: 4px;
|
|
3596
|
+
}
|
|
3597
|
+
.TabButtons-module__tabButtons___vSLsZ.TabButtons-module__markError___mVqJE:after {
|
|
3598
|
+
background-color: var(--error-500);
|
|
3599
|
+
}
|
|
3600
|
+
.TabButtons-module__tabButtons___vSLsZ.TabButtons-module__markInfo___KWoaN:after {
|
|
3601
|
+
background-color: var(--primary-500);
|
|
3602
|
+
}
|
|
3603
|
+
.TabButtons-module__tabButtons___vSLsZ.TabButtons-module__markSuccess___Us8lY:after {
|
|
3604
|
+
background-color: var(--success-500);
|
|
3605
|
+
}
|
|
3584
3606
|
.TabButtons-module__tabButtons___vSLsZ.TabButtons-module__dark___E1fGg {
|
|
3585
3607
|
background-color: var(--gray-iron-950);
|
|
3586
3608
|
}
|
|
@@ -6230,5 +6252,119 @@
|
|
|
6230
6252
|
.TextareaField-module__textareaField___rTOmX.TextareaField-module__darkTheme___rDJDN.TextareaField-module__isError___PNhRm:focus {
|
|
6231
6253
|
border: 1px solid var(--error-400);
|
|
6232
6254
|
}
|
|
6255
|
+
/*!**************************************************************************************************************************************************************************************************************************************************************************************!*\
|
|
6256
|
+
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/ui/formFields/FormDateRangeField/styles/Mask.module.scss ***!
|
|
6257
|
+
\**************************************************************************************************************************************************************************************************************************************************************************************/
|
|
6258
|
+
.Mask-module__main___UcP1p {
|
|
6259
|
+
min-width: 0;
|
|
6260
|
+
height: fit-content;
|
|
6261
|
+
padding: 0 12px 0 0;
|
|
6262
|
+
gap: 6px;
|
|
6263
|
+
overflow: hidden;
|
|
6264
|
+
}
|
|
6265
|
+
.Mask-module__main___UcP1p {
|
|
6266
|
+
display: flex;
|
|
6267
|
+
align-items: center;
|
|
6268
|
+
}
|
|
6269
|
+
.Mask-module__main___UcP1p svg * {
|
|
6270
|
+
stroke: var(--gray-400);
|
|
6271
|
+
}
|
|
6272
|
+
.Mask-module__main___UcP1p svg {
|
|
6273
|
+
flex: none;
|
|
6274
|
+
width: 20px;
|
|
6275
|
+
height: 20px;
|
|
6276
|
+
}
|
|
6277
|
+
.Mask-module__main___UcP1p, .Mask-module__main___UcP1p input::placeholder {
|
|
6278
|
+
font-size: 16px;
|
|
6279
|
+
line-height: 24px;
|
|
6280
|
+
color: var(--gray-400);
|
|
6281
|
+
font-weight: 400;
|
|
6282
|
+
font-family: var(--golos-ui);
|
|
6283
|
+
font-stretch: normal;
|
|
6284
|
+
font-style: normal;
|
|
6285
|
+
font-variant: normal;
|
|
6286
|
+
}
|
|
6287
|
+
.Mask-module__main___UcP1p input {
|
|
6288
|
+
flex: 1;
|
|
6289
|
+
min-width: 0;
|
|
6290
|
+
}
|
|
6291
|
+
.Mask-module__main___UcP1p input {
|
|
6292
|
+
font-size: 16px;
|
|
6293
|
+
line-height: 24px;
|
|
6294
|
+
color: var(--gray-900);
|
|
6295
|
+
font-weight: 400;
|
|
6296
|
+
font-family: var(--golos-ui);
|
|
6297
|
+
font-stretch: normal;
|
|
6298
|
+
font-style: normal;
|
|
6299
|
+
font-variant: normal;
|
|
6300
|
+
}
|
|
6301
|
+
.Mask-module__main___UcP1p.Mask-module__divider___sB844 {
|
|
6302
|
+
padding: 0 0 0 11px;
|
|
6303
|
+
border-left: 1px solid var(--gray-300);
|
|
6304
|
+
}
|
|
6305
|
+
/*!***********************************************************************************************************************************************************************************************************************************************************************************************!*\
|
|
6306
|
+
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/ui/formFields/FormDateRangeField/styles/FormDateRange.module.scss ***!
|
|
6307
|
+
\***********************************************************************************************************************************************************************************************************************************************************************************************/
|
|
6308
|
+
.FormDateRange-module__wrapper___Ysixt {
|
|
6309
|
+
width: 100%;
|
|
6310
|
+
height: fit-content;
|
|
6311
|
+
padding: 9px 11px;
|
|
6312
|
+
border: 1px solid var(--gray-300);
|
|
6313
|
+
background-color: var(--base-white);
|
|
6314
|
+
border-radius: 8px;
|
|
6315
|
+
box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
|
|
6316
|
+
transition: border ease-out 200ms;
|
|
6317
|
+
}
|
|
6318
|
+
.FormDateRange-module__wrapper___Ysixt {
|
|
6319
|
+
display: flex;
|
|
6320
|
+
align-items: center;
|
|
6321
|
+
}
|
|
6322
|
+
.FormDateRange-module__wrapper___Ysixt > * {
|
|
6323
|
+
flex: 1;
|
|
6324
|
+
}
|
|
6325
|
+
.FormDateRange-module__wrapper___Ysixt > section {
|
|
6326
|
+
flex: none;
|
|
6327
|
+
width: fit-content;
|
|
6328
|
+
height: fit-content;
|
|
6329
|
+
padding: 0 0 0 6px;
|
|
6330
|
+
}
|
|
6331
|
+
.FormDateRange-module__wrapper___Ysixt > section {
|
|
6332
|
+
display: flex;
|
|
6333
|
+
justify-content: center;
|
|
6334
|
+
align-items: center;
|
|
6335
|
+
}
|
|
6336
|
+
.FormDateRange-module__wrapper___Ysixt > section > * {
|
|
6337
|
+
flex: none;
|
|
6338
|
+
}
|
|
6339
|
+
.FormDateRange-module__wrapper___Ysixt.FormDateRange-module__error___rtYwO {
|
|
6340
|
+
border: 1px solid var(--error-300);
|
|
6341
|
+
}
|
|
6342
|
+
/*!**************************************************************************************************************************************************************************************************************************************************************************************************!*\
|
|
6343
|
+
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/ui/formFields/FormDateRangeField/styles/InputInnerButton.module.scss ***!
|
|
6344
|
+
\**************************************************************************************************************************************************************************************************************************************************************************************************/
|
|
6345
|
+
.InputInnerButton-module__button___L78ok {
|
|
6346
|
+
width: 22px;
|
|
6347
|
+
height: 22px;
|
|
6348
|
+
padding: 2px 0;
|
|
6349
|
+
}
|
|
6350
|
+
.InputInnerButton-module__button___L78ok svg {
|
|
6351
|
+
width: 20px;
|
|
6352
|
+
height: 20px;
|
|
6353
|
+
}
|
|
6354
|
+
.InputInnerButton-module__button___L78ok svg * {
|
|
6355
|
+
transition: stroke ease-out 200ms;
|
|
6356
|
+
}
|
|
6357
|
+
.InputInnerButton-module__button___L78ok.InputInnerButton-module__gray___No207 svg * {
|
|
6358
|
+
stroke: var(--gray-400);
|
|
6359
|
+
}
|
|
6360
|
+
.InputInnerButton-module__button___L78ok.InputInnerButton-module__gray___No207:hover svg * {
|
|
6361
|
+
stroke: var(--gray-500);
|
|
6362
|
+
}
|
|
6363
|
+
.InputInnerButton-module__button___L78ok.InputInnerButton-module__red___NTGF_ svg * {
|
|
6364
|
+
stroke: var(--error-400);
|
|
6365
|
+
}
|
|
6366
|
+
.InputInnerButton-module__button___L78ok.InputInnerButton-module__red___NTGF_:hover svg * {
|
|
6367
|
+
stroke: var(--error-500);
|
|
6368
|
+
}
|
|
6233
6369
|
|
|
6234
6370
|
/*# sourceMappingURL=index.css.map*/
|