@itcase/ui 1.9.51 → 1.9.52

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 (104) hide show
  1. package/dist/{Avatar_cjs_CZ0XJ6d2.js → Avatar_cjs_CvbURI0f.js} +1 -1
  2. package/dist/{Avatar_es_B2gMldVe.js → Avatar_es_CV-ffIJu.js} +1 -1
  3. package/dist/{ChipsGroup_cjs_D0xy5I4S.js → ChipsGroup_cjs_CE-nNENH.js} +2 -4
  4. package/dist/{ChipsGroup_es_C_dgXLfC.js → ChipsGroup_es_CxqwFgoo.js} +2 -4
  5. package/dist/{Image_cjs_C_FMjUjx.js → Image_cjs_Hvjp2QDB.js} +2 -2
  6. package/dist/{Image_es_Ca7UQOkj.js → Image_es_DpOCNWpn.js} +2 -2
  7. package/dist/{SelectContainer_cjs_DshFNYWN.js → SelectContainer_cjs_qWAMLIkz.js} +5 -5
  8. package/dist/{SelectContainer_es_BQ3-SqL2.js → SelectContainer_es_kRH4DsEh.js} +5 -5
  9. package/dist/cjs/components/Avatar.js +2 -2
  10. package/dist/cjs/components/AvatarStack.js +2 -2
  11. package/dist/cjs/components/Checkbox.js +47 -50
  12. package/dist/cjs/components/Checkmark.js +31 -6
  13. package/dist/cjs/components/Chips.js +1 -1
  14. package/dist/cjs/components/DatePeriod.js +8 -8
  15. package/dist/cjs/components/DatePicker.js +4 -4
  16. package/dist/cjs/components/Drawer.js +23 -24
  17. package/dist/cjs/components/Image.js +1 -1
  18. package/dist/cjs/components/InputPassword.js +1 -1
  19. package/dist/cjs/components/Select/stories/__mock__.js +4 -4
  20. package/dist/cjs/components/Select.js +2 -2
  21. package/dist/cjs/components/Tile.js +2 -1
  22. package/dist/cjs/context/Notifications.js +1 -1
  23. package/dist/cjs/context/UIContext.js +7 -1
  24. package/dist/cjs/hooks/useActiveClasses/useActiveClasses.helpers.js +9 -9
  25. package/dist/cjs/hooks/useActiveClasses/useActiveClasses.js +3 -3
  26. package/dist/cjs/hooks/useStyles/styleAttributes.js +166 -43
  27. package/dist/cjs/hooks/useStyles/useStyles.js +169 -155
  28. package/dist/cjs/utils/mergeAppearanceKeys.js +14 -1
  29. package/dist/components/Avatar.js +2 -2
  30. package/dist/components/AvatarStack.js +2 -2
  31. package/dist/components/Checkbox.js +47 -50
  32. package/dist/components/Checkmark.js +31 -6
  33. package/dist/components/Chips.js +1 -1
  34. package/dist/components/DatePeriod.js +8 -8
  35. package/dist/components/DatePicker.js +4 -4
  36. package/dist/components/Drawer.js +23 -24
  37. package/dist/components/Image.js +1 -1
  38. package/dist/components/InputPassword.js +1 -1
  39. package/dist/components/Select/stories/__mock__.js +4 -4
  40. package/dist/components/Select.js +2 -2
  41. package/dist/components/Tile.js +2 -1
  42. package/dist/context/Notifications.js +1 -1
  43. package/dist/context/UIContext.js +7 -1
  44. package/dist/css/styles/bundles.css +102 -97
  45. package/dist/hooks/useActiveClasses/useActiveClasses.helpers.js +9 -9
  46. package/dist/hooks/useActiveClasses/useActiveClasses.js +3 -3
  47. package/dist/hooks/useStyles/styleAttributes.js +166 -43
  48. package/dist/hooks/useStyles/useStyles.js +169 -155
  49. package/dist/types/components/Avatar/Avatar.interface.d.ts +2 -2
  50. package/dist/types/components/AvatarStack/AvatarStack.interface.d.ts +9 -15
  51. package/dist/types/components/Breadcrumbs/Breadcrumbs.interface.d.ts +9 -8
  52. package/dist/types/components/Checkbox/Checkbox.interface.d.ts +3 -3
  53. package/dist/types/components/Checkbox/appearance/checkboxShape.d.ts +3 -0
  54. package/dist/types/components/Checkmark/Checkmark.interface.d.ts +8 -2
  55. package/dist/types/components/Checkmark/appearance/checkmarkError.d.ts +3 -0
  56. package/dist/types/components/Checkmark/stories/CheckmarkError.stories.d.ts +23 -0
  57. package/dist/types/components/Chips/Chips.interface.d.ts +2 -2
  58. package/dist/types/components/DatePeriod/DatePeriod.interface.d.ts +20 -19
  59. package/dist/types/components/DatePeriod/stories/DatePeriodSize.stories.d.ts +3 -0
  60. package/dist/types/components/DatePicker/DatePicker.interface.d.ts +4 -3
  61. package/dist/types/components/HeroTitle/HeroTitle.interface.d.ts +1 -1
  62. package/dist/types/components/Link/Link.interface.d.ts +1 -1
  63. package/dist/types/components/List/List.interface.d.ts +1 -1
  64. package/dist/types/components/Loader/Loader.interface.d.ts +4 -3
  65. package/dist/types/components/MenuItem/MenuItem.interface.d.ts +1 -1
  66. package/dist/types/components/Notification/Notification.interface.d.ts +2 -2
  67. package/dist/types/components/Search/Search.interface.d.ts +10 -9
  68. package/dist/types/components/Search/SearchInput.d.ts +7 -7
  69. package/dist/types/components/Search/stories/SearchInputDefault.stories.d.ts +7 -7
  70. package/dist/types/components/Search/stories/SearchInputDemo.stories.d.ts +7 -7
  71. package/dist/types/components/Search/stories/SearchInputDisabled.stories.d.ts +7 -7
  72. package/dist/types/components/Search/stories/SearchInputError.stories.d.ts +7 -7
  73. package/dist/types/components/Search/stories/SearchInputRequire.stories.d.ts +7 -7
  74. package/dist/types/components/Search/stories/SearchInputShape.stories.d.ts +7 -7
  75. package/dist/types/components/Search/stories/SearchInputSize.stories.d.ts +7 -7
  76. package/dist/types/components/Search/stories/SearchInputStyle.stories.d.ts +7 -7
  77. package/dist/types/components/Search/stories/SearchInputSuccess.stories.d.ts +7 -7
  78. package/dist/types/components/Select/Select.interface.d.ts +9 -7
  79. package/dist/types/components/Select/SelectContainer.d.ts +4 -1
  80. package/dist/types/components/Select/SelectMultiValue.d.ts +2 -2
  81. package/dist/types/components/Select/stories/Select.stories.d.ts +5 -3
  82. package/dist/types/components/Select/stories/SelectDefault.stories.d.ts +5 -3
  83. package/dist/types/components/Select/stories/SelectDisabled.stories.d.ts +5 -3
  84. package/dist/types/components/Select/stories/SelectError.stories.d.ts +5 -3
  85. package/dist/types/components/Select/stories/SelectRequire.stories.d.ts +5 -3
  86. package/dist/types/components/Select/stories/SelectShape.stories.d.ts +5 -3
  87. package/dist/types/components/Select/stories/SelectSize.stories.d.ts +5 -3
  88. package/dist/types/components/Select/stories/SelectStyle.stories.d.ts +5 -3
  89. package/dist/types/components/Select/stories/SelectSuccess.stories.d.ts +5 -3
  90. package/dist/types/components/Select/stories/__mock__/index.d.ts +2 -2
  91. package/dist/types/components/Swiper/Swiper.interface.d.ts +2 -11
  92. package/dist/types/components/Text/Text.interface.d.ts +2 -2
  93. package/dist/types/context/Notifications.d.ts +1 -1
  94. package/dist/types/context/Notifications.interface.d.ts +2 -1
  95. package/dist/types/context/UIContext.d.ts +10 -4
  96. package/dist/types/hooks/useActiveClasses/useActiveClasses.interface.d.ts +1 -2
  97. package/dist/types/hooks/useStyles/styleAttributes.d.ts +2 -3
  98. package/dist/types/hooks/useStyles/styleAttributes.interface.d.ts +9 -3
  99. package/dist/types/hooks/useStyles/useStyles.d.ts +4 -1
  100. package/dist/types/utils/mergeAppearanceKeys.d.ts +6 -1
  101. package/dist/utils/mergeAppearanceKeys.js +14 -1
  102. package/package.json +12 -12
  103. package/dist/{DatePicker_cjs_avA-OHmZ.js → DatePicker_cjs_BJzVpk0o.js} +3 -3
  104. package/dist/{DatePicker_es_ungoFvip.js → DatePicker_es_BP0iWHMt.js} +3 -3
package/dist/css/styles/bundles.css CHANGED
@@ -48160,8 +48160,9 @@ div.avatar-stack {
48160
48160
  }
48161
48161
  .checkbox {
48162
48162
  display: grid;
48163
- grid-template-columns: auto 1fr;
48164
- grid-template-rows: auto auto;
48163
+ &:has(.checkbox__label, .checkbox__desc) {
48164
+ grid-template-columns: auto 1fr;
48165
+ }
48165
48166
  &__item {
48166
48167
  font-size: 0;
48167
48168
  line-height: 0;
@@ -48189,11 +48190,9 @@ div.avatar-stack {
48189
48190
  & ~ ^^^&__state-checkmark {
48190
48191
  border-width: inherit;
48191
48192
  border-style: inherit;
48193
+ border-right: 2px solid var(--color-surface-border-secondary);
48194
+ border-bottom: 2px solid var(--color-surface-border-secondary);
48192
48195
  display: block;
48193
- border-bottom-style: solid;
48194
- border-bottom-width: 2px;
48195
- border-right-style: solid;
48196
- border-right-width: 2px;
48197
48196
  }
48198
48197
  }
48199
48198
  }
@@ -53810,7 +53809,7 @@ div.avatar-stack {
53810
53809
  &-border {
53811
53810
  &-primary {
53812
53811
  &:hover {
53813
- & .checkbox_state {
53812
+ & .checkbox__state {
53814
53813
  border-width: 1px;
53815
53814
  border-color: var(--color-accent-border-primary);
53816
53815
  border-style: solid;
@@ -53818,7 +53817,7 @@ div.avatar-stack {
53818
53817
  }
53819
53818
  &-hover {
53820
53819
  &:hover {
53821
- & .checkbox_state {
53820
+ & .checkbox__state {
53822
53821
  border-width: 1px;
53823
53822
  border-color: var(--color-accent-border-primary);
53824
53823
  border-style: solid;
@@ -53867,7 +53866,7 @@ div.avatar-stack {
53867
53866
  &-border {
53868
53867
  &-secondary {
53869
53868
  &:hover {
53870
- & .checkbox_state {
53869
+ & .checkbox__state {
53871
53870
  border-width: 1px;
53872
53871
  border-color: var(--color-accent-border-secondary);
53873
53872
  border-style: solid;
@@ -53875,7 +53874,7 @@ div.avatar-stack {
53875
53874
  }
53876
53875
  &-hover {
53877
53876
  &:hover {
53878
- & .checkbox_state {
53877
+ & .checkbox__state {
53879
53878
  border-width: 1px;
53880
53879
  border-color: var(--color-accent-border-secondary);
53881
53880
  border-style: solid;
@@ -53924,7 +53923,7 @@ div.avatar-stack {
53924
53923
  &-border {
53925
53924
  &-tertiary {
53926
53925
  &:hover {
53927
- & .checkbox_state {
53926
+ & .checkbox__state {
53928
53927
  border-width: 1px;
53929
53928
  border-color: var(--color-accent-border-tertiary);
53930
53929
  border-style: solid;
@@ -53932,7 +53931,7 @@ div.avatar-stack {
53932
53931
  }
53933
53932
  &-hover {
53934
53933
  &:hover {
53935
- & .checkbox_state {
53934
+ & .checkbox__state {
53936
53935
  border-width: 1px;
53937
53936
  border-color: var(--color-accent-border-tertiary);
53938
53937
  border-style: solid;
@@ -53981,7 +53980,7 @@ div.avatar-stack {
53981
53980
  &-border {
53982
53981
  &-quaternary {
53983
53982
  &:hover {
53984
- & .checkbox_state {
53983
+ & .checkbox__state {
53985
53984
  border-width: 1px;
53986
53985
  border-color: var(--color-accent-border-quaternary);
53987
53986
  border-style: solid;
@@ -53989,7 +53988,7 @@ div.avatar-stack {
53989
53988
  }
53990
53989
  &-hover {
53991
53990
  &:hover {
53992
- & .checkbox_state {
53991
+ & .checkbox__state {
53993
53992
  border-width: 1px;
53994
53993
  border-color: var(--color-accent-border-quaternary);
53995
53994
  border-style: solid;
@@ -54038,7 +54037,7 @@ div.avatar-stack {
54038
54037
  &-border {
54039
54038
  &-primary {
54040
54039
  &:hover {
54041
- & .checkbox_state {
54040
+ & .checkbox__state {
54042
54041
  border-width: 1px;
54043
54042
  border-color: var(--color-special-border-primary);
54044
54043
  border-style: solid;
@@ -54046,7 +54045,7 @@ div.avatar-stack {
54046
54045
  }
54047
54046
  &-hover {
54048
54047
  &:hover {
54049
- & .checkbox_state {
54048
+ & .checkbox__state {
54050
54049
  border-width: 1px;
54051
54050
  border-color: var(--color-special-border-primary);
54052
54051
  border-style: solid;
@@ -54095,7 +54094,7 @@ div.avatar-stack {
54095
54094
  &-border {
54096
54095
  &-secondary {
54097
54096
  &:hover {
54098
- & .checkbox_state {
54097
+ & .checkbox__state {
54099
54098
  border-width: 1px;
54100
54099
  border-color: var(--color-special-border-secondary);
54101
54100
  border-style: solid;
@@ -54103,7 +54102,7 @@ div.avatar-stack {
54103
54102
  }
54104
54103
  &-hover {
54105
54104
  &:hover {
54106
- & .checkbox_state {
54105
+ & .checkbox__state {
54107
54106
  border-width: 1px;
54108
54107
  border-color: var(--color-special-border-secondary);
54109
54108
  border-style: solid;
@@ -54152,7 +54151,7 @@ div.avatar-stack {
54152
54151
  &-border {
54153
54152
  &-tertiary {
54154
54153
  &:hover {
54155
- & .checkbox_state {
54154
+ & .checkbox__state {
54156
54155
  border-width: 1px;
54157
54156
  border-color: var(--color-special-border-tertiary);
54158
54157
  border-style: solid;
@@ -54160,7 +54159,7 @@ div.avatar-stack {
54160
54159
  }
54161
54160
  &-hover {
54162
54161
  &:hover {
54163
- & .checkbox_state {
54162
+ & .checkbox__state {
54164
54163
  border-width: 1px;
54165
54164
  border-color: var(--color-special-border-tertiary);
54166
54165
  border-style: solid;
@@ -54209,7 +54208,7 @@ div.avatar-stack {
54209
54208
  &-border {
54210
54209
  &-quaternary {
54211
54210
  &:hover {
54212
- & .checkbox_state {
54211
+ & .checkbox__state {
54213
54212
  border-width: 1px;
54214
54213
  border-color: var(--color-special-border-quaternary);
54215
54214
  border-style: solid;
@@ -54217,7 +54216,7 @@ div.avatar-stack {
54217
54216
  }
54218
54217
  &-hover {
54219
54218
  &:hover {
54220
- & .checkbox_state {
54219
+ & .checkbox__state {
54221
54220
  border-width: 1px;
54222
54221
  border-color: var(--color-special-border-quaternary);
54223
54222
  border-style: solid;
@@ -54266,7 +54265,7 @@ div.avatar-stack {
54266
54265
  &-border {
54267
54266
  &-primary {
54268
54267
  &:hover {
54269
- & .checkbox_state {
54268
+ & .checkbox__state {
54270
54269
  border-width: 1px;
54271
54270
  border-color: var(--color-extra-border-primary);
54272
54271
  border-style: solid;
@@ -54274,7 +54273,7 @@ div.avatar-stack {
54274
54273
  }
54275
54274
  &-hover {
54276
54275
  &:hover {
54277
- & .checkbox_state {
54276
+ & .checkbox__state {
54278
54277
  border-width: 1px;
54279
54278
  border-color: var(--color-extra-border-primary);
54280
54279
  border-style: solid;
@@ -54323,7 +54322,7 @@ div.avatar-stack {
54323
54322
  &-border {
54324
54323
  &-secondary {
54325
54324
  &:hover {
54326
- & .checkbox_state {
54325
+ & .checkbox__state {
54327
54326
  border-width: 1px;
54328
54327
  border-color: var(--color-extra-border-secondary);
54329
54328
  border-style: solid;
@@ -54331,7 +54330,7 @@ div.avatar-stack {
54331
54330
  }
54332
54331
  &-hover {
54333
54332
  &:hover {
54334
- & .checkbox_state {
54333
+ & .checkbox__state {
54335
54334
  border-width: 1px;
54336
54335
  border-color: var(--color-extra-border-secondary);
54337
54336
  border-style: solid;
@@ -54380,7 +54379,7 @@ div.avatar-stack {
54380
54379
  &-border {
54381
54380
  &-tertiary {
54382
54381
  &:hover {
54383
- & .checkbox_state {
54382
+ & .checkbox__state {
54384
54383
  border-width: 1px;
54385
54384
  border-color: var(--color-extra-border-tertiary);
54386
54385
  border-style: solid;
@@ -54388,7 +54387,7 @@ div.avatar-stack {
54388
54387
  }
54389
54388
  &-hover {
54390
54389
  &:hover {
54391
- & .checkbox_state {
54390
+ & .checkbox__state {
54392
54391
  border-width: 1px;
54393
54392
  border-color: var(--color-extra-border-tertiary);
54394
54393
  border-style: solid;
@@ -54437,7 +54436,7 @@ div.avatar-stack {
54437
54436
  &-border {
54438
54437
  &-quaternary {
54439
54438
  &:hover {
54440
- & .checkbox_state {
54439
+ & .checkbox__state {
54441
54440
  border-width: 1px;
54442
54441
  border-color: var(--color-extra-border-quaternary);
54443
54442
  border-style: solid;
@@ -54445,7 +54444,7 @@ div.avatar-stack {
54445
54444
  }
54446
54445
  &-hover {
54447
54446
  &:hover {
54448
- & .checkbox_state {
54447
+ & .checkbox__state {
54449
54448
  border-width: 1px;
54450
54449
  border-color: var(--color-extra-border-quaternary);
54451
54450
  border-style: solid;
@@ -54494,7 +54493,7 @@ div.avatar-stack {
54494
54493
  &-border {
54495
54494
  &-primary {
54496
54495
  &:hover {
54497
- & .checkbox_state {
54496
+ & .checkbox__state {
54498
54497
  border-width: 1px;
54499
54498
  border-color: var(--color-surface-border-primary);
54500
54499
  border-style: solid;
@@ -54502,7 +54501,7 @@ div.avatar-stack {
54502
54501
  }
54503
54502
  &-hover {
54504
54503
  &:hover {
54505
- & .checkbox_state {
54504
+ & .checkbox__state {
54506
54505
  border-width: 1px;
54507
54506
  border-color: var(--color-surface-border-primary);
54508
54507
  border-style: solid;
@@ -54551,7 +54550,7 @@ div.avatar-stack {
54551
54550
  &-border {
54552
54551
  &-secondary {
54553
54552
  &:hover {
54554
- & .checkbox_state {
54553
+ & .checkbox__state {
54555
54554
  border-width: 1px;
54556
54555
  border-color: var(--color-surface-border-secondary);
54557
54556
  border-style: solid;
@@ -54559,7 +54558,7 @@ div.avatar-stack {
54559
54558
  }
54560
54559
  &-hover {
54561
54560
  &:hover {
54562
- & .checkbox_state {
54561
+ & .checkbox__state {
54563
54562
  border-width: 1px;
54564
54563
  border-color: var(--color-surface-border-secondary);
54565
54564
  border-style: solid;
@@ -54608,7 +54607,7 @@ div.avatar-stack {
54608
54607
  &-border {
54609
54608
  &-tertiary {
54610
54609
  &:hover {
54611
- & .checkbox_state {
54610
+ & .checkbox__state {
54612
54611
  border-width: 1px;
54613
54612
  border-color: var(--color-surface-border-tertiary);
54614
54613
  border-style: solid;
@@ -54616,7 +54615,7 @@ div.avatar-stack {
54616
54615
  }
54617
54616
  &-hover {
54618
54617
  &:hover {
54619
- & .checkbox_state {
54618
+ & .checkbox__state {
54620
54619
  border-width: 1px;
54621
54620
  border-color: var(--color-surface-border-tertiary);
54622
54621
  border-style: solid;
@@ -54665,7 +54664,7 @@ div.avatar-stack {
54665
54664
  &-border {
54666
54665
  &-quaternary {
54667
54666
  &:hover {
54668
- & .checkbox_state {
54667
+ & .checkbox__state {
54669
54668
  border-width: 1px;
54670
54669
  border-color: var(--color-surface-border-quaternary);
54671
54670
  border-style: solid;
@@ -54673,7 +54672,7 @@ div.avatar-stack {
54673
54672
  }
54674
54673
  &-hover {
54675
54674
  &:hover {
54676
- & .checkbox_state {
54675
+ & .checkbox__state {
54677
54676
  border-width: 1px;
54678
54677
  border-color: var(--color-surface-border-quaternary);
54679
54678
  border-style: solid;
@@ -54722,7 +54721,7 @@ div.avatar-stack {
54722
54721
  &-border {
54723
54722
  &-primary {
54724
54723
  &:hover {
54725
- & .checkbox_state {
54724
+ & .checkbox__state {
54726
54725
  border-width: 1px;
54727
54726
  border-color: var(--color-error-border-primary);
54728
54727
  border-style: solid;
@@ -54730,7 +54729,7 @@ div.avatar-stack {
54730
54729
  }
54731
54730
  &-hover {
54732
54731
  &:hover {
54733
- & .checkbox_state {
54732
+ & .checkbox__state {
54734
54733
  border-width: 1px;
54735
54734
  border-color: var(--color-error-border-primary);
54736
54735
  border-style: solid;
@@ -54779,7 +54778,7 @@ div.avatar-stack {
54779
54778
  &-border {
54780
54779
  &-secondary {
54781
54780
  &:hover {
54782
- & .checkbox_state {
54781
+ & .checkbox__state {
54783
54782
  border-width: 1px;
54784
54783
  border-color: var(--color-error-border-secondary);
54785
54784
  border-style: solid;
@@ -54787,7 +54786,7 @@ div.avatar-stack {
54787
54786
  }
54788
54787
  &-hover {
54789
54788
  &:hover {
54790
- & .checkbox_state {
54789
+ & .checkbox__state {
54791
54790
  border-width: 1px;
54792
54791
  border-color: var(--color-error-border-secondary);
54793
54792
  border-style: solid;
@@ -54836,7 +54835,7 @@ div.avatar-stack {
54836
54835
  &-border {
54837
54836
  &-tertiary {
54838
54837
  &:hover {
54839
- & .checkbox_state {
54838
+ & .checkbox__state {
54840
54839
  border-width: 1px;
54841
54840
  border-color: var(--color-error-border-tertiary);
54842
54841
  border-style: solid;
@@ -54844,7 +54843,7 @@ div.avatar-stack {
54844
54843
  }
54845
54844
  &-hover {
54846
54845
  &:hover {
54847
- & .checkbox_state {
54846
+ & .checkbox__state {
54848
54847
  border-width: 1px;
54849
54848
  border-color: var(--color-error-border-tertiary);
54850
54849
  border-style: solid;
@@ -54893,7 +54892,7 @@ div.avatar-stack {
54893
54892
  &-border {
54894
54893
  &-quaternary {
54895
54894
  &:hover {
54896
- & .checkbox_state {
54895
+ & .checkbox__state {
54897
54896
  border-width: 1px;
54898
54897
  border-color: var(--color-error-border-quaternary);
54899
54898
  border-style: solid;
@@ -54901,7 +54900,7 @@ div.avatar-stack {
54901
54900
  }
54902
54901
  &-hover {
54903
54902
  &:hover {
54904
- & .checkbox_state {
54903
+ & .checkbox__state {
54905
54904
  border-width: 1px;
54906
54905
  border-color: var(--color-error-border-quaternary);
54907
54906
  border-style: solid;
@@ -54950,7 +54949,7 @@ div.avatar-stack {
54950
54949
  &-border {
54951
54950
  &-primary {
54952
54951
  &:hover {
54953
- & .checkbox_state {
54952
+ & .checkbox__state {
54954
54953
  border-width: 1px;
54955
54954
  border-color: var(--color-warning-border-primary);
54956
54955
  border-style: solid;
@@ -54958,7 +54957,7 @@ div.avatar-stack {
54958
54957
  }
54959
54958
  &-hover {
54960
54959
  &:hover {
54961
- & .checkbox_state {
54960
+ & .checkbox__state {
54962
54961
  border-width: 1px;
54963
54962
  border-color: var(--color-warning-border-primary);
54964
54963
  border-style: solid;
@@ -55007,7 +55006,7 @@ div.avatar-stack {
55007
55006
  &-border {
55008
55007
  &-secondary {
55009
55008
  &:hover {
55010
- & .checkbox_state {
55009
+ & .checkbox__state {
55011
55010
  border-width: 1px;
55012
55011
  border-color: var(--color-warning-border-secondary);
55013
55012
  border-style: solid;
@@ -55015,7 +55014,7 @@ div.avatar-stack {
55015
55014
  }
55016
55015
  &-hover {
55017
55016
  &:hover {
55018
- & .checkbox_state {
55017
+ & .checkbox__state {
55019
55018
  border-width: 1px;
55020
55019
  border-color: var(--color-warning-border-secondary);
55021
55020
  border-style: solid;
@@ -55064,7 +55063,7 @@ div.avatar-stack {
55064
55063
  &-border {
55065
55064
  &-tertiary {
55066
55065
  &:hover {
55067
- & .checkbox_state {
55066
+ & .checkbox__state {
55068
55067
  border-width: 1px;
55069
55068
  border-color: var(--color-warning-border-tertiary);
55070
55069
  border-style: solid;
@@ -55072,7 +55071,7 @@ div.avatar-stack {
55072
55071
  }
55073
55072
  &-hover {
55074
55073
  &:hover {
55075
- & .checkbox_state {
55074
+ & .checkbox__state {
55076
55075
  border-width: 1px;
55077
55076
  border-color: var(--color-warning-border-tertiary);
55078
55077
  border-style: solid;
@@ -55121,7 +55120,7 @@ div.avatar-stack {
55121
55120
  &-border {
55122
55121
  &-quaternary {
55123
55122
  &:hover {
55124
- & .checkbox_state {
55123
+ & .checkbox__state {
55125
55124
  border-width: 1px;
55126
55125
  border-color: var(--color-warning-border-quaternary);
55127
55126
  border-style: solid;
@@ -55129,7 +55128,7 @@ div.avatar-stack {
55129
55128
  }
55130
55129
  &-hover {
55131
55130
  &:hover {
55132
- & .checkbox_state {
55131
+ & .checkbox__state {
55133
55132
  border-width: 1px;
55134
55133
  border-color: var(--color-warning-border-quaternary);
55135
55134
  border-style: solid;
@@ -55178,7 +55177,7 @@ div.avatar-stack {
55178
55177
  &-border {
55179
55178
  &-primary {
55180
55179
  &:hover {
55181
- & .checkbox_state {
55180
+ & .checkbox__state {
55182
55181
  border-width: 1px;
55183
55182
  border-color: var(--color-success-border-primary);
55184
55183
  border-style: solid;
@@ -55186,7 +55185,7 @@ div.avatar-stack {
55186
55185
  }
55187
55186
  &-hover {
55188
55187
  &:hover {
55189
- & .checkbox_state {
55188
+ & .checkbox__state {
55190
55189
  border-width: 1px;
55191
55190
  border-color: var(--color-success-border-primary);
55192
55191
  border-style: solid;
@@ -55235,7 +55234,7 @@ div.avatar-stack {
55235
55234
  &-border {
55236
55235
  &-secondary {
55237
55236
  &:hover {
55238
- & .checkbox_state {
55237
+ & .checkbox__state {
55239
55238
  border-width: 1px;
55240
55239
  border-color: var(--color-success-border-secondary);
55241
55240
  border-style: solid;
@@ -55243,7 +55242,7 @@ div.avatar-stack {
55243
55242
  }
55244
55243
  &-hover {
55245
55244
  &:hover {
55246
- & .checkbox_state {
55245
+ & .checkbox__state {
55247
55246
  border-width: 1px;
55248
55247
  border-color: var(--color-success-border-secondary);
55249
55248
  border-style: solid;
@@ -55292,7 +55291,7 @@ div.avatar-stack {
55292
55291
  &-border {
55293
55292
  &-tertiary {
55294
55293
  &:hover {
55295
- & .checkbox_state {
55294
+ & .checkbox__state {
55296
55295
  border-width: 1px;
55297
55296
  border-color: var(--color-success-border-tertiary);
55298
55297
  border-style: solid;
@@ -55300,7 +55299,7 @@ div.avatar-stack {
55300
55299
  }
55301
55300
  &-hover {
55302
55301
  &:hover {
55303
- & .checkbox_state {
55302
+ & .checkbox__state {
55304
55303
  border-width: 1px;
55305
55304
  border-color: var(--color-success-border-tertiary);
55306
55305
  border-style: solid;
@@ -55349,7 +55348,7 @@ div.avatar-stack {
55349
55348
  &-border {
55350
55349
  &-quaternary {
55351
55350
  &:hover {
55352
- & .checkbox_state {
55351
+ & .checkbox__state {
55353
55352
  border-width: 1px;
55354
55353
  border-color: var(--color-success-border-quaternary);
55355
55354
  border-style: solid;
@@ -55357,7 +55356,7 @@ div.avatar-stack {
55357
55356
  }
55358
55357
  &-hover {
55359
55358
  &:hover {
55360
- & .checkbox_state {
55359
+ & .checkbox__state {
55361
55360
  border-width: 1px;
55362
55361
  border-color: var(--color-success-border-quaternary);
55363
55362
  border-style: solid;
@@ -55406,7 +55405,7 @@ div.avatar-stack {
55406
55405
  &-border {
55407
55406
  &-primary {
55408
55407
  &:hover {
55409
- & .checkbox_state {
55408
+ & .checkbox__state {
55410
55409
  border-width: 1px;
55411
55410
  border-color: var(--color-danger-border-primary);
55412
55411
  border-style: solid;
@@ -55414,7 +55413,7 @@ div.avatar-stack {
55414
55413
  }
55415
55414
  &-hover {
55416
55415
  &:hover {
55417
- & .checkbox_state {
55416
+ & .checkbox__state {
55418
55417
  border-width: 1px;
55419
55418
  border-color: var(--color-danger-border-primary);
55420
55419
  border-style: solid;
@@ -55463,7 +55462,7 @@ div.avatar-stack {
55463
55462
  &-border {
55464
55463
  &-secondary {
55465
55464
  &:hover {
55466
- & .checkbox_state {
55465
+ & .checkbox__state {
55467
55466
  border-width: 1px;
55468
55467
  border-color: var(--color-danger-border-secondary);
55469
55468
  border-style: solid;
@@ -55471,7 +55470,7 @@ div.avatar-stack {
55471
55470
  }
55472
55471
  &-hover {
55473
55472
  &:hover {
55474
- & .checkbox_state {
55473
+ & .checkbox__state {
55475
55474
  border-width: 1px;
55476
55475
  border-color: var(--color-danger-border-secondary);
55477
55476
  border-style: solid;
@@ -55520,7 +55519,7 @@ div.avatar-stack {
55520
55519
  &-border {
55521
55520
  &-tertiary {
55522
55521
  &:hover {
55523
- & .checkbox_state {
55522
+ & .checkbox__state {
55524
55523
  border-width: 1px;
55525
55524
  border-color: var(--color-danger-border-tertiary);
55526
55525
  border-style: solid;
@@ -55528,7 +55527,7 @@ div.avatar-stack {
55528
55527
  }
55529
55528
  &-hover {
55530
55529
  &:hover {
55531
- & .checkbox_state {
55530
+ & .checkbox__state {
55532
55531
  border-width: 1px;
55533
55532
  border-color: var(--color-danger-border-tertiary);
55534
55533
  border-style: solid;
@@ -55577,7 +55576,7 @@ div.avatar-stack {
55577
55576
  &-border {
55578
55577
  &-quaternary {
55579
55578
  &:hover {
55580
- & .checkbox_state {
55579
+ & .checkbox__state {
55581
55580
  border-width: 1px;
55582
55581
  border-color: var(--color-danger-border-quaternary);
55583
55582
  border-style: solid;
@@ -55585,7 +55584,7 @@ div.avatar-stack {
55585
55584
  }
55586
55585
  &-hover {
55587
55586
  &:hover {
55588
- & .checkbox_state {
55587
+ & .checkbox__state {
55589
55588
  border-width: 1px;
55590
55589
  border-color: var(--color-danger-border-quaternary);
55591
55590
  border-style: solid;
@@ -55634,7 +55633,7 @@ div.avatar-stack {
55634
55633
  &-border {
55635
55634
  &-primary {
55636
55635
  &:hover {
55637
- & .checkbox_state {
55636
+ & .checkbox__state {
55638
55637
  border-width: 1px;
55639
55638
  border-color: var(--color-info-border-primary);
55640
55639
  border-style: solid;
@@ -55642,7 +55641,7 @@ div.avatar-stack {
55642
55641
  }
55643
55642
  &-hover {
55644
55643
  &:hover {
55645
- & .checkbox_state {
55644
+ & .checkbox__state {
55646
55645
  border-width: 1px;
55647
55646
  border-color: var(--color-info-border-primary);
55648
55647
  border-style: solid;
@@ -55691,7 +55690,7 @@ div.avatar-stack {
55691
55690
  &-border {
55692
55691
  &-secondary {
55693
55692
  &:hover {
55694
- & .checkbox_state {
55693
+ & .checkbox__state {
55695
55694
  border-width: 1px;
55696
55695
  border-color: var(--color-info-border-secondary);
55697
55696
  border-style: solid;
@@ -55699,7 +55698,7 @@ div.avatar-stack {
55699
55698
  }
55700
55699
  &-hover {
55701
55700
  &:hover {
55702
- & .checkbox_state {
55701
+ & .checkbox__state {
55703
55702
  border-width: 1px;
55704
55703
  border-color: var(--color-info-border-secondary);
55705
55704
  border-style: solid;
@@ -55748,7 +55747,7 @@ div.avatar-stack {
55748
55747
  &-border {
55749
55748
  &-tertiary {
55750
55749
  &:hover {
55751
- & .checkbox_state {
55750
+ & .checkbox__state {
55752
55751
  border-width: 1px;
55753
55752
  border-color: var(--color-info-border-tertiary);
55754
55753
  border-style: solid;
@@ -55756,7 +55755,7 @@ div.avatar-stack {
55756
55755
  }
55757
55756
  &-hover {
55758
55757
  &:hover {
55759
- & .checkbox_state {
55758
+ & .checkbox__state {
55760
55759
  border-width: 1px;
55761
55760
  border-color: var(--color-info-border-tertiary);
55762
55761
  border-style: solid;
@@ -55805,7 +55804,7 @@ div.avatar-stack {
55805
55804
  &-border {
55806
55805
  &-quaternary {
55807
55806
  &:hover {
55808
- & .checkbox_state {
55807
+ & .checkbox__state {
55809
55808
  border-width: 1px;
55810
55809
  border-color: var(--color-info-border-quaternary);
55811
55810
  border-style: solid;
@@ -55813,7 +55812,7 @@ div.avatar-stack {
55813
55812
  }
55814
55813
  &-hover {
55815
55814
  &:hover {
55816
- & .checkbox_state {
55815
+ & .checkbox__state {
55817
55816
  border-width: 1px;
55818
55817
  border-color: var(--color-info-border-quaternary);
55819
55818
  border-style: solid;
@@ -55862,7 +55861,7 @@ div.avatar-stack {
55862
55861
  &-border {
55863
55862
  &-primary {
55864
55863
  &:hover {
55865
- & .checkbox_state {
55864
+ & .checkbox__state {
55866
55865
  border-width: 1px;
55867
55866
  border-color: var(--color-disabled-border-primary);
55868
55867
  border-style: solid;
@@ -55870,7 +55869,7 @@ div.avatar-stack {
55870
55869
  }
55871
55870
  &-hover {
55872
55871
  &:hover {
55873
- & .checkbox_state {
55872
+ & .checkbox__state {
55874
55873
  border-width: 1px;
55875
55874
  border-color: var(--color-disabled-border-primary);
55876
55875
  border-style: solid;
@@ -55919,7 +55918,7 @@ div.avatar-stack {
55919
55918
  &-border {
55920
55919
  &-secondary {
55921
55920
  &:hover {
55922
- & .checkbox_state {
55921
+ & .checkbox__state {
55923
55922
  border-width: 1px;
55924
55923
  border-color: var(--color-disabled-border-secondary);
55925
55924
  border-style: solid;
@@ -55927,7 +55926,7 @@ div.avatar-stack {
55927
55926
  }
55928
55927
  &-hover {
55929
55928
  &:hover {
55930
- & .checkbox_state {
55929
+ & .checkbox__state {
55931
55930
  border-width: 1px;
55932
55931
  border-color: var(--color-disabled-border-secondary);
55933
55932
  border-style: solid;
@@ -55976,7 +55975,7 @@ div.avatar-stack {
55976
55975
  &-border {
55977
55976
  &-tertiary {
55978
55977
  &:hover {
55979
- & .checkbox_state {
55978
+ & .checkbox__state {
55980
55979
  border-width: 1px;
55981
55980
  border-color: var(--color-disabled-border-tertiary);
55982
55981
  border-style: solid;
@@ -55984,7 +55983,7 @@ div.avatar-stack {
55984
55983
  }
55985
55984
  &-hover {
55986
55985
  &:hover {
55987
- & .checkbox_state {
55986
+ & .checkbox__state {
55988
55987
  border-width: 1px;
55989
55988
  border-color: var(--color-disabled-border-tertiary);
55990
55989
  border-style: solid;
@@ -56033,7 +56032,7 @@ div.avatar-stack {
56033
56032
  &-border {
56034
56033
  &-quaternary {
56035
56034
  &:hover {
56036
- & .checkbox_state {
56035
+ & .checkbox__state {
56037
56036
  border-width: 1px;
56038
56037
  border-color: var(--color-disabled-border-quaternary);
56039
56038
  border-style: solid;
@@ -56041,7 +56040,7 @@ div.avatar-stack {
56041
56040
  }
56042
56041
  &-hover {
56043
56042
  &:hover {
56044
- & .checkbox_state {
56043
+ & .checkbox__state {
56045
56044
  border-width: 1px;
56046
56045
  border-color: var(--color-disabled-border-quaternary);
56047
56046
  border-style: solid;
@@ -59296,14 +59295,6 @@ div.avatar-stack {
59296
59295
  display: flex;
59297
59296
  justify-content: center;
59298
59297
  align-items: center;
59299
- &__icon {
59300
- width: 100%;
59301
- height: 100%;
59302
- position: relative;
59303
- display: flex;
59304
- justify-content: center;
59305
- align-items: center;
59306
- }
59307
59298
  }
59308
59299
  .checkmark {
59309
59300
  &_size {
@@ -99388,15 +99379,15 @@ div.label {
99388
99379
  }
99389
99380
  }
99390
99381
  /**
99391
- * Swiper 12.0.3
99382
+ * Swiper 12.1.0
99392
99383
  * Most modern mobile touch slider and framework with hardware accelerated transitions
99393
99384
  * https://swiperjs.com
99394
99385
  *
99395
- * Copyright 2014-2025 Vladimir Kharlampidi
99386
+ * Copyright 2014-2026 Vladimir Kharlampidi
99396
99387
  *
99397
99388
  * Released under the MIT License
99398
99389
  *
99399
- * Released on: October 21, 2025
99390
+ * Released on: January 28, 2026
99400
99391
  */
99401
99392
  :root {
99402
99393
  --swiper-theme-color: #007aff;
@@ -99502,11 +99493,25 @@ div.label {
99502
99493
  > .swiper-wrapper {
99503
99494
  scroll-snap-type: x mandatory;
99504
99495
  }
99496
+ > .swiper-wrapper > .swiper-slide:first-child {
99497
+ margin-inline-start: var(--swiper-slides-offset-before);
99498
+ scroll-margin-inline-start: var(--swiper-slides-offset-before);
99499
+ }
99500
+ > .swiper-wrapper > .swiper-slide:last-child {
99501
+ margin-inline-end: var(--swiper-slides-offset-after);
99502
+ }
99505
99503
  }
99506
99504
  &.swiper-vertical {
99507
99505
  > .swiper-wrapper {
99508
99506
  scroll-snap-type: y mandatory;
99509
99507
  }
99508
+ > .swiper-wrapper > .swiper-slide:first-child {
99509
+ margin-block-start: var(--swiper-slides-offset-before);
99510
+ scroll-margin-block-start: var(--swiper-slides-offset-before);
99511
+ }
99512
+ > .swiper-wrapper > .swiper-slide:last-child {
99513
+ margin-block-end: var(--swiper-slides-offset-after);
99514
+ }
99510
99515
  }
99511
99516
  &.swiper-free-mode {
99512
99517
  > .swiper-wrapper {