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.
Files changed (27) hide show
  1. package/dist/index.css +148 -12
  2. package/dist/index.css.map +1 -1
  3. package/dist/index.js +476 -110
  4. package/dist/index.js.map +1 -1
  5. package/dist/scss/ui/CheckboxMark/styles/mixins/properties/correct.scss +4 -6
  6. package/dist/types/src/const/imask.d.ts +18 -0
  7. package/dist/types/src/const/index.d.ts +1 -0
  8. package/dist/types/src/ui/TabButtons/index.d.ts +0 -1
  9. package/dist/types/src/ui/TabButtons/ui/TabButtons.d.ts +26 -2
  10. package/dist/types/src/ui/TabFrame/index.d.ts +0 -1
  11. package/dist/types/src/ui/TabFrame/ui/TabFrame.d.ts +13 -2
  12. package/dist/types/src/ui/formFields/FormDateField/ui/FormDateField.d.ts +1 -11
  13. package/dist/types/src/ui/formFields/FormDateRangeField/index.d.ts +1 -0
  14. package/dist/types/src/ui/formFields/FormDateRangeField/styles/index.d.ts +3 -0
  15. package/dist/types/src/ui/formFields/FormDateRangeField/ui/FormDateRangeField.d.ts +26 -0
  16. package/dist/types/src/ui/formFields/FormDateRangeField/ui/FormDateTimeRangeField.d.ts +5 -0
  17. package/dist/types/src/ui/formFields/FormDateRangeField/ui/FormTimeRangeField.d.ts +5 -0
  18. package/dist/types/src/ui/formFields/FormDateRangeField/ui/InputInnerButton.d.ts +5 -0
  19. package/dist/types/src/ui/formFields/FormDateRangeField/ui/Mask.d.ts +14 -0
  20. package/dist/types/src/ui/formFields/FormDateRangeField/ui/index.d.ts +3 -0
  21. package/dist/types/src/ui/formFields/FormField/ui/FormFieldBase.d.ts +2 -5
  22. package/dist/types/src/ui/formFields/index.d.ts +1 -0
  23. package/package.json +1 -1
  24. package/dist/types/src/ui/TabButtons/types/TabButtonsTypes.d.ts +0 -24
  25. package/dist/types/src/ui/TabButtons/types/index.d.ts +0 -1
  26. package/dist/types/src/ui/TabFrame/types/TabFrameTypes.d.ts +0 -10
  27. 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*/