astrum-ui 0.1.6 → 0.1.8

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 (12) hide show
  1. package/dist/Button/Button.css +21 -13
  2. package/dist/SidebarItem/SidebarItem.css +128 -0
  3. package/dist/index.css +114 -0
  4. package/dist/index.css.map +1 -1
  5. package/dist/index.d.mts +35 -4
  6. package/dist/index.d.ts +35 -4
  7. package/dist/index.js +150 -11
  8. package/dist/index.js.map +1 -1
  9. package/dist/index.mjs +147 -11
  10. package/dist/index.mjs.map +1 -1
  11. package/dist/styles.css +1 -0
  12. package/package.json +1 -1
package/dist/Button/Button.css CHANGED
@@ -21,7 +21,12 @@
21
21
  transition: all ease-in-out 0.15s;
22
22
  }
23
23
 
24
- .astrum-btn:disabled {
24
+ a.astrum-btn {
25
+ text-decoration: none;
26
+ box-sizing: border-box;
27
+ }
28
+
29
+ .astrum-btn:is(:disabled, [aria-disabled="true"]) {
25
30
  cursor: not-allowed;
26
31
  }
27
32
 
@@ -34,16 +39,19 @@
34
39
  .astrum-btn-s {
35
40
  padding: 8px 16px;
36
41
  font-size: 14px;
42
+ line-height: normal;
37
43
  }
38
44
 
39
45
  .astrum-btn-m {
40
46
  padding: 10px 20px;
41
47
  font-size: 15px;
48
+ line-height: normal;
42
49
  }
43
50
 
44
51
  .astrum-btn-l {
45
52
  padding: 12px 24px;
46
53
  font-size: 18px;
54
+ line-height: normal;
47
55
  }
48
56
 
49
57
  .astrum-btn-icon-only.astrum-btn-s {
@@ -71,12 +79,12 @@
71
79
  color: var(--astrum-primary-white);
72
80
  }
73
81
 
74
- .astrum-btn-primary:hover:not(:disabled) {
82
+ .astrum-btn-primary:hover:not(:disabled):not([aria-disabled="true"]) {
75
83
  background-color: var(--astrum-hover-blue);
76
84
  color: var(--astrum-primary-white);
77
85
  }
78
86
 
79
- .astrum-btn-primary:disabled {
87
+ .astrum-btn-primary:is(:disabled, [aria-disabled="true"]) {
80
88
  background-color: var(--astrum-gray-20);
81
89
  color: var(--astrum-gray-60);
82
90
  }
@@ -87,13 +95,13 @@
87
95
  border: 1px solid var(--astrum-primary-white);
88
96
  }
89
97
 
90
- .astrum-btn-outlined:hover:not(:disabled) {
98
+ .astrum-btn-outlined:hover:not(:disabled):not([aria-disabled="true"]) {
91
99
  background-color: var(--astrum-primary-white);
92
100
  border-color: var(--astrum-primary-white);
93
101
  color: var(--astrum-hover-blue);
94
102
  }
95
103
 
96
- .astrum-btn-outlined:disabled {
104
+ .astrum-btn-outlined:is(:disabled, [aria-disabled="true"]) {
97
105
  background-color: transparent;
98
106
  border-color: transparent;
99
107
  color: var(--astrum-primary-white);
@@ -106,13 +114,13 @@
106
114
  border: 1px dashed var(--astrum-gray-60);
107
115
  }
108
116
 
109
- .astrum-btn-dashed:hover:not(:disabled) {
117
+ .astrum-btn-dashed:hover:not(:disabled):not([aria-disabled="true"]) {
110
118
  background-color: transparent;
111
119
  border-color: var(--astrum-gray-80);
112
120
  color: var(--astrum-gray-80);
113
121
  }
114
122
 
115
- .astrum-btn-dashed:disabled {
123
+ .astrum-btn-dashed:is(:disabled, [aria-disabled="true"]) {
116
124
  background-color: transparent;
117
125
  border-color: transparent;
118
126
  color: transparent;
@@ -124,14 +132,14 @@
124
132
  color: var(--astrum-primary);
125
133
  }
126
134
 
127
- .astrum-btn-grey:hover:not(:disabled) {
135
+ .astrum-btn-grey:hover:not(:disabled):not([aria-disabled="true"]) {
128
136
  outline-width: 2px;
129
137
  outline-color: var(--astrum-primary);
130
138
  background-color: var(--astrum-gray-5);
131
139
  color: var(--astrum-primary);
132
140
  }
133
141
 
134
- .astrum-btn-grey:disabled {
142
+ .astrum-btn-grey:is(:disabled, [aria-disabled="true"]) {
135
143
  background-color: var(--astrum-gray-20);
136
144
  color: var(--astrum-gray-60);
137
145
  }
@@ -142,14 +150,14 @@
142
150
  color: var(--astrum-primary);
143
151
  }
144
152
 
145
- .astrum-btn-white:hover:not(:disabled) {
153
+ .astrum-btn-white:hover:not(:disabled):not([aria-disabled="true"]) {
146
154
  outline-width: 2px;
147
155
  outline-color: var(--astrum-primary);
148
156
  background-color: var(--astrum-primary-white);
149
157
  color: var(--astrum-primary);
150
158
  }
151
159
 
152
- .astrum-btn-white:disabled {
160
+ .astrum-btn-white:is(:disabled, [aria-disabled="true"]) {
153
161
  background-color: var(--astrum-gray-20);
154
162
  color: var(--astrum-gray-60);
155
163
  }
@@ -159,12 +167,12 @@
159
167
  color: var(--astrum-gray-80);
160
168
  }
161
169
 
162
- .astrum-btn-ghost:hover:not(:disabled) {
170
+ .astrum-btn-ghost:hover:not(:disabled):not([aria-disabled="true"]) {
163
171
  background-color: transparent;
164
172
  color: var(--astrum-primary);
165
173
  }
166
174
 
167
- .astrum-btn-ghost:disabled {
175
+ .astrum-btn-ghost:is(:disabled, [aria-disabled="true"]) {
168
176
  background-color: transparent;
169
177
  color: var(--astrum-gray-40);
170
178
  }
package/dist/SidebarItem/SidebarItem.css ADDED
@@ -0,0 +1,128 @@
1
+ .astrum-sidebar-item {
2
+ --astrum-sidebar-primary: #2653f2;
3
+ --astrum-sidebar-text: #575757;
4
+ --astrum-sidebar-icon-muted: #ababab;
5
+ --astrum-sidebar-hover: #f4f4f4;
6
+ --astrum-sidebar-active-bg: #f8f8f8;
7
+ --astrum-sidebar-warning: #deaa01;
8
+ --astrum-sidebar-focus-ring: rgba(38, 83, 242, 0.4);
9
+
10
+ display: inline-flex;
11
+ align-items: center;
12
+ width: 100%;
13
+ max-width: 100%;
14
+ box-sizing: border-box;
15
+ margin: 0;
16
+ border: none;
17
+ border-radius: 8px;
18
+ background: transparent;
19
+ font-family: inherit;
20
+ font-weight: 500;
21
+ font-size: 15px;
22
+ line-height: 1;
23
+ letter-spacing: 0;
24
+ color: var(--astrum-sidebar-text);
25
+ text-align: left;
26
+ text-decoration: none;
27
+ cursor: pointer;
28
+ transition: background-color 0.15s ease, color 0.15s ease, opacity 0.15s ease;
29
+ }
30
+
31
+ a.astrum-sidebar-item {
32
+ display: inline-flex;
33
+ }
34
+
35
+ .astrum-sidebar-item__lead {
36
+ display: inline-flex;
37
+ flex-shrink: 0;
38
+ align-items: center;
39
+ justify-content: center;
40
+ width: 24px;
41
+ height: 24px;
42
+ color: var(--astrum-sidebar-icon-muted);
43
+ }
44
+
45
+ .astrum-sidebar-item__lead svg {
46
+ display: block;
47
+ width: 24px;
48
+ height: 24px;
49
+ }
50
+
51
+ .astrum-sidebar-item__main {
52
+ display: inline-flex;
53
+ flex: 1 1 auto;
54
+ align-items: center;
55
+ justify-content: flex-start;
56
+ gap: 4px;
57
+ min-width: 0;
58
+ }
59
+
60
+ .astrum-sidebar-item__label {
61
+ flex: 0 1 auto;
62
+ min-width: 0;
63
+ white-space: nowrap;
64
+ overflow: hidden;
65
+ text-overflow: ellipsis;
66
+ line-height: normal;
67
+ }
68
+
69
+ .astrum-sidebar-item__end {
70
+ display: inline-flex;
71
+ flex-shrink: 0;
72
+ align-items: center;
73
+ justify-content: center;
74
+ width: 20px;
75
+ height: 20px;
76
+ color: var(--astrum-sidebar-warning);
77
+ }
78
+
79
+ .astrum-sidebar-item__end svg {
80
+ display: block;
81
+ width: 20px;
82
+ height: 20px;
83
+ }
84
+
85
+ /* Padding: с ведущей иконкой — 12px; без — 12px 16px (макет) */
86
+ .astrum-sidebar-item--has-lead {
87
+ gap: 12px;
88
+ padding: 12px;
89
+ }
90
+
91
+ .astrum-sidebar-item:not(.astrum-sidebar-item--has-lead) {
92
+ padding: 12px 16px;
93
+ }
94
+
95
+ .astrum-sidebar-item:hover:not(:disabled):not([aria-disabled="true"]) {
96
+ background-color: var(--astrum-sidebar-hover);
97
+ }
98
+
99
+ .astrum-sidebar-item:focus {
100
+ outline: none;
101
+ }
102
+
103
+ .astrum-sidebar-item:focus-visible {
104
+ box-shadow: 0 0 0 3px var(--astrum-sidebar-focus-ring);
105
+ }
106
+
107
+ .astrum-sidebar-item--active {
108
+ background-color: var(--astrum-sidebar-active-bg);
109
+ }
110
+
111
+ .astrum-sidebar-item--active.astrum-sidebar-item--has-lead .astrum-sidebar-item__lead {
112
+ color: var(--astrum-sidebar-primary);
113
+ }
114
+
115
+ .astrum-sidebar-item--active:not(.astrum-sidebar-item--has-lead) .astrum-sidebar-item__label {
116
+ color: var(--astrum-sidebar-primary);
117
+ }
118
+
119
+ .astrum-sidebar-item:disabled,
120
+ .astrum-sidebar-item[aria-disabled="true"] {
121
+ opacity: 0.4;
122
+ cursor: not-allowed;
123
+ }
124
+
125
+ .astrum-sidebar-item:disabled:hover,
126
+ .astrum-sidebar-item[aria-disabled="true"]:hover {
127
+ background-color: transparent;
128
+ }
package/dist/index.css CHANGED
@@ -503,4 +503,118 @@
503
503
  justify-content: center;
504
504
  pointer-events: none;
505
505
  }
506
+
507
+ /* src/SidebarItem/SidebarItem.css */
508
+ .astrum-sidebar-item {
509
+ --astrum-sidebar-primary: #2653f2;
510
+ --astrum-sidebar-text: #575757;
511
+ --astrum-sidebar-icon-muted: #ababab;
512
+ --astrum-sidebar-hover: #f4f4f4;
513
+ --astrum-sidebar-active-bg: #f8f8f8;
514
+ --astrum-sidebar-warning: #deaa01;
515
+ --astrum-sidebar-focus-ring: rgba(38, 83, 242, 0.4);
516
+ display: inline-flex;
517
+ align-items: center;
518
+ width: 100%;
519
+ max-width: 100%;
520
+ box-sizing: border-box;
521
+ margin: 0;
522
+ border: none;
523
+ border-radius: 8px;
524
+ background: transparent;
525
+ font-family: inherit;
526
+ font-weight: 500;
527
+ font-size: 15px;
528
+ line-height: 1;
529
+ letter-spacing: 0;
530
+ color: var(--astrum-sidebar-text);
531
+ text-align: left;
532
+ text-decoration: none;
533
+ cursor: pointer;
534
+ transition:
535
+ background-color 0.15s ease,
536
+ color 0.15s ease,
537
+ opacity 0.15s ease;
538
+ }
539
+ a.astrum-sidebar-item {
540
+ display: inline-flex;
541
+ }
542
+ .astrum-sidebar-item__lead {
543
+ display: inline-flex;
544
+ flex-shrink: 0;
545
+ align-items: center;
546
+ justify-content: center;
547
+ width: 24px;
548
+ height: 24px;
549
+ color: var(--astrum-sidebar-icon-muted);
550
+ }
551
+ .astrum-sidebar-item__lead svg {
552
+ display: block;
553
+ width: 24px;
554
+ height: 24px;
555
+ }
556
+ .astrum-sidebar-item__main {
557
+ display: inline-flex;
558
+ flex: 1 1 auto;
559
+ align-items: center;
560
+ justify-content: flex-start;
561
+ gap: 4px;
562
+ min-width: 0;
563
+ }
564
+ .astrum-sidebar-item__label {
565
+ flex: 0 1 auto;
566
+ min-width: 0;
567
+ white-space: nowrap;
568
+ overflow: hidden;
569
+ text-overflow: ellipsis;
570
+ line-height: normal;
571
+ }
572
+ .astrum-sidebar-item__end {
573
+ display: inline-flex;
574
+ flex-shrink: 0;
575
+ align-items: center;
576
+ justify-content: center;
577
+ width: 20px;
578
+ height: 20px;
579
+ color: var(--astrum-sidebar-warning);
580
+ }
581
+ .astrum-sidebar-item__end svg {
582
+ display: block;
583
+ width: 20px;
584
+ height: 20px;
585
+ }
586
+ .astrum-sidebar-item--has-lead {
587
+ gap: 12px;
588
+ padding: 12px;
589
+ }
590
+ .astrum-sidebar-item:not(.astrum-sidebar-item--has-lead) {
591
+ padding: 12px 16px;
592
+ }
593
+ .astrum-sidebar-item:hover:not(:disabled):not([aria-disabled=true]) {
594
+ background-color: var(--astrum-sidebar-hover);
595
+ }
596
+ .astrum-sidebar-item:focus {
597
+ outline: none;
598
+ }
599
+ .astrum-sidebar-item:focus-visible {
600
+ box-shadow: 0 0 0 3px var(--astrum-sidebar-focus-ring);
601
+ }
602
+ .astrum-sidebar-item--active {
603
+ background-color: var(--astrum-sidebar-active-bg);
604
+ }
605
+ .astrum-sidebar-item--active.astrum-sidebar-item--has-lead .astrum-sidebar-item__lead {
606
+ color: var(--astrum-sidebar-primary);
607
+ }
608
+ .astrum-sidebar-item--active:not(.astrum-sidebar-item--has-lead) .astrum-sidebar-item__label {
609
+ color: var(--astrum-sidebar-primary);
610
+ }
611
+ .astrum-sidebar-item:disabled,
612
+ .astrum-sidebar-item[aria-disabled=true] {
613
+ opacity: 0.4;
614
+ cursor: not-allowed;
615
+ }
616
+ .astrum-sidebar-item:disabled:hover,
617
+ .astrum-sidebar-item[aria-disabled=true]:hover {
618
+ background-color: transparent;
619
+ }
506
620
  /*# sourceMappingURL=index.css.map */
package/dist/index.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/InputCode/InputCode.css","../src/Avatar/Avatar.css","../src/DatePicker/DatePicker.css"],"sourcesContent":[".astrum-input-code {\n --astrum-input-code-primary: #2653F2;\n --astrum-input-code-border: #D5D5D5;\n --astrum-input-code-text: #575757;\n --astrum-input-code-placeholder: #ABABAB;\n --astrum-input-code-error: #EA3B3D;\n --astrum-input-code-error-bg: #FEE8E8;\n --astrum-input-code-bg: #FFFFFF;\n\n display: inline-flex;\n flex-direction: column;\n gap: 0;\n min-width: 0;\n}\n\n.astrum-input-code__wrap {\n box-sizing: border-box;\n position: relative;\n display: flex;\n gap: 8px;\n align-items: center;\n justify-content: center;\n width: 100%;\n min-width: 301px;\n padding: 16px 24px;\n border: 1px solid var(--astrum-input-code-border);\n border-radius: 8px;\n background: var(--astrum-input-code-bg);\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n transition: border-color 0.2s, box-shadow 0.2s;\n}\n\n.astrum-input-code__wrap:focus-within {\n border-color: var(--astrum-input-code-primary);\n box-shadow: 0 0 0 2px rgba(38, 83, 242, 0.1);\n}\n\n.astrum-input-code__cell {\n width: 18px;\n height: 36px;\n padding: 0;\n margin: 0;\n border: none;\n border-bottom: 2px solid var(--astrum-input-code-placeholder);\n border-radius: 0;\n background: transparent;\n font-family: inherit;\n font-size: 28px;\n font-weight: 700;\n line-height: 1.2;\n color: var(--astrum-input-code-text);\n text-align: center;\n outline: none;\n transition: border-color 0.2s, color 0.2s;\n}\n\n.astrum-input-code__cell::placeholder {\n color: transparent;\n}\n\n.astrum-input-code__cell:focus {\n border-bottom-color: var(--astrum-input-code-primary);\n color: var(--astrum-input-code-primary);\n}\n\n.astrum-input-code__cell--spaced {\n margin-left: 10px;\n}\n\n.astrum-input-code__cell:disabled {\n cursor: not-allowed;\n opacity: 0.4;\n}\n\n.astrum-input-code__wrap:has(.astrum-input-code__cell:disabled) {\n background-color: #F4F4F4;\n border-style: dashed;\n cursor: not-allowed;\n}\n\n.astrum-input-code__footer {\n margin-top: 4px;\n padding: 4px 8px;\n border-radius: 8px;\n background: rgba(195, 63, 65, 0.10);\n}\n\n.astrum-input-code__error {\n display: block;\n font-weight: 500;\n font-size: 12px;\n line-height: 1.4;\n color: var(--astrum-input-code-error);\n}\n",".astrum-avatar {\n --astrum-avatar-bg: #f4f4f4;\n --astrum-avatar-icon: #ababab;\n --astrum-avatar-overlay: rgba(0, 0, 0, 0.4);\n --astrum-avatar-edit-icon: #ffffff;\n --astrum-avatar-remove-icon: #EA3B3D;\n\n position: relative;\n cursor: pointer;\n flex-shrink: 0;\n transition: opacity 0.2s ease-out;\n}\n\n.astrum-avatar__body {\n position: absolute;\n inset: 0;\n border-radius: 50%;\n overflow: hidden;\n}\n\n.astrum-avatar__input {\n position: absolute;\n opacity: 0;\n width: 0;\n height: 0;\n}\n\n.astrum-avatar__image {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n}\n\n.astrum-avatar__placeholder {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n background-color: var(--astrum-avatar-bg);\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.astrum-avatar__user-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--astrum-avatar-icon);\n}\n\n.astrum-avatar__user-icon svg {\n width: 32px;\n height: 32px;\n}\n\n.astrum-avatar__add-icon {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 32px;\n height: 32px;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 1;\n opacity: 0;\n transition: opacity 0.2s ease-out;\n pointer-events: none;\n color: var(--astrum-avatar-edit-icon);\n}\n\n.astrum-avatar__add-icon svg {\n width: 32px;\n height: 32px;\n}\n\n.astrum-avatar__overlay {\n position: absolute;\n inset: 0;\n background: var(--astrum-avatar-overlay);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease-out;\n pointer-events: none;\n}\n\n.astrum-avatar__edit-icon {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 32px;\n height: 32px;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 1;\n opacity: 0;\n transition: opacity 0.2s ease-out;\n pointer-events: none;\n color: var(--astrum-avatar-edit-icon);\n}\n\n.astrum-avatar__edit-icon svg {\n width: 32px;\n height: 32px;\n}\n\n.astrum-avatar--hovered .astrum-avatar__overlay {\n opacity: 1;\n}\n\n.astrum-avatar--hovered .astrum-avatar__add-icon {\n opacity: 1;\n}\n\n.astrum-avatar--hovered .astrum-avatar__edit-icon {\n opacity: 1;\n}\n\n.astrum-avatar__remove-button {\n position: absolute;\n top: -2px;\n right: -2px;\n width: 16px;\n height: 16px;\n background: var(--astrum-avatar-remove-icon);\n border-radius: 50%;\n border: none;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);\n z-index: 2;\n padding: 0;\n transition: opacity 0.2s ease-out;\n color: #ea3b3d;\n}\n\n.astrum-avatar__remove-button svg {\n width: 12px;\n height: 12px;\n}",".astrum-datepicker {\n --astrum-datepicker-primary: #2653F2;\n --astrum-datepicker-border: #D5D5D5;\n --astrum-datepicker-border-hover: #ABABAB;\n --astrum-datepicker-placeholder: #ABABAB;\n --astrum-datepicker-text: #575757;\n --astrum-datepicker-error: #EA3B3D;\n --astrum-datepicker-bg: #FFFFFF;\n --astrum-datepicker-bg-disabled: #F4F4F4;\n --astrum-datepicker-gray-5: #F4F4F4;\n --astrum-datepicker-gray-40: #ABABAB;\n\n position: relative;\n display: inline-flex;\n flex-direction: column;\n gap: 0;\n min-width: 0;\n}\n\n\n.astrum-datepicker__wrap {\n position: relative;\n display: flex;\n align-items: center;\n background: var(--astrum-datepicker-bg);\n border: 1px solid var(--astrum-datepicker-border);\n border-radius: 8px;\n transition: border-color 0.15s;\n flex: 1;\n}\n\n\n@media (hover: hover) {\n .astrum-datepicker__wrap:hover:not(:has(.astrum-datepicker__field:disabled)) {\n border-color: var(--astrum-datepicker-border-hover);\n }\n}\n\n.astrum-datepicker__wrap:focus-within {\n border-color: var(--astrum-datepicker-primary);\n box-shadow: 0 0 0 1px var(--astrum-datepicker-primary);\n}\n\n.astrum-datepicker__wrap:has(.astrum-datepicker__field:disabled) {\n background-color: var(--astrum-datepicker-bg-disabled);\n cursor: not-allowed;\n}\n\n.astrum-datepicker__field {\n box-sizing: border-box;\n flex: 1;\n min-width: 0;\n width: 100%;\n height: 54px;\n padding: 16px 56px 16px 24px;\n border: none;\n border-radius: 8px;\n background: transparent;\n font-family: inherit;\n font-weight: 400;\n font-size: 16px;\n line-height: 1.5;\n color: var(--astrum-datepicker-text);\n}\n\n.astrum-datepicker__field::placeholder {\n color: var(--astrum-datepicker-placeholder);\n}\n\n.astrum-datepicker__field:focus {\n outline: none;\n}\n\n.astrum-datepicker__field:disabled {\n opacity: 0.4;\n cursor: not-allowed;\n}\n\n\n.astrum-datepicker__icon {\n position: absolute;\n top: 50%;\n right: 16px;\n transform: translateY(-50%);\n display: flex;\n align-items: center;\n justify-content: center;\n width: 24px;\n height: 24px;\n padding: 0;\n margin: 0;\n border: none;\n background: transparent;\n cursor: pointer;\n}\n\n.astrum-datepicker__icon:disabled {\n cursor: not-allowed;\n}\n\n.astrum-datepicker__error {\n display: block;\n margin-top: 4px;\n font-weight: 500;\n font-size: 12px;\n line-height: 1.4;\n color: var(--astrum-datepicker-error);\n border-radius: 8px;\n background: rgba(195, 63, 65, 0.1);\n padding: 4px 8px;\n}\n\n.astrum-datepicker__calendar {\n box-sizing: border-box;\n position: absolute;\n top: calc(100% + 4px);\n left: 0;\n min-width: 256px;\n z-index: 1000;\n background: var(--astrum-datepicker-bg);\n border: 1px solid var(--astrum-datepicker-border);\n border-radius: 8px;\n box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);\n padding: 16px;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.astrum-datepicker__calendar-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 8px;\n}\n\n.astrum-datepicker__calendar-nav {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n padding: 0;\n margin: 0;\n border: none;\n background: transparent;\n cursor: pointer;\n border-radius: 4px;\n transition: background-color 0.15s;\n}\n\n.astrum-datepicker__calendar-nav:hover:not(:disabled) {\n background-color: var(--astrum-datepicker-gray-5);\n}\n\n.astrum-datepicker__calendar-nav:disabled {\n cursor: not-allowed;\n opacity: 0.4;\n}\n\n.astrum-datepicker__calendar-month {\n flex: 1;\n text-align: center;\n font-weight: 500;\n font-size: 12px;\n line-height: 1.5;\n color: var(--astrum-datepicker-text);\n}\n\n.astrum-datepicker__calendar-weekdays {\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n gap: 0;\n border-bottom: 1px solid var(--astrum-datepicker-border);\n margin-bottom: 4px;\n}\n\n.astrum-datepicker__calendar-weekday {\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: center;\n height: 28px;\n font-weight: 500;\n font-size: 10px;\n line-height: 1.4;\n color: var(--astrum-datepicker-gray-40);\n}\n\n.astrum-datepicker__calendar-days {\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n gap: 0;\n}\n\n.astrum-datepicker__calendar-day {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 32px;\n padding: 0;\n margin: 0;\n border: none;\n background: transparent;\n font-weight: 700;\n font-size: 12px;\n line-height: 1.4;\n color: var(--astrum-datepicker-text);\n cursor: pointer;\n border-radius: 4px;\n transition: background-color 0.15s, color 0.15s;\n}\n\n.astrum-datepicker__calendar-day:hover:not(:disabled) {\n background-color: var(--astrum-datepicker-gray-5);\n}\n\n.astrum-datepicker__calendar-day--other-month {\n opacity: 0.5;\n}\n\n.astrum-datepicker__calendar-day--selected {\n background-color: var(--astrum-datepicker-primary);\n color: #FFFFFF;\n border-radius: 4px;\n z-index: 1;\n position: relative;\n}\n\n.astrum-datepicker__calendar-day--selected:hover:not(:disabled) {\n background-color: #1a42d0;\n}\n\n.astrum-datepicker__calendar-day--in-range {\n position: relative;\n}\n\n.astrum-datepicker__calendar-day--in-range:before {\n content: \"\";\n position: absolute;\n background-color: #F4F4F4;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n bottom: 0;\n width: 100%;\n height: calc(100% - 4px);\n z-index: -1;\n pointer-events: none;\n}\n\n.astrum-datepicker__calendar-day--range-start {\n border-top-left-radius: 4px;\n border-bottom-left-radius: 4px;\n}\n\n.astrum-datepicker__calendar-day--range-end {\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px;\n}\n\n.astrum-datepicker__calendar-day:disabled {\n cursor: not-allowed;\n opacity: 0.4;\n}\n\n.astrum-datepicker__calendar-time {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 12px;\n margin-top: 12px;\n}\n\n.astrum-datepicker__calendar-time-label {\n font-weight: 400;\n font-size: 14px;\n line-height: 1.5;\n color: var(--astrum-datepicker-text);\n white-space: nowrap;\n}\n\n.astrum-datepicker__calendar-time-input-wrap {\n position: relative;\n display: flex;\n align-items: center;\n max-width: 100px;\n}\n\n.astrum-datepicker__calendar-time-input {\n box-sizing: border-box;\n flex: 1;\n min-width: 0;\n height: 37px;\n border: 1px solid var(--astrum-datepicker-border);\n border-radius: 8px;\n background: var(--astrum-datepicker-bg);\n padding: 8px 36px 8px 12px;\n font-family: inherit;\n font-weight: 400;\n font-size: 14px;\n line-height: 1.5;\n color: var(--astrum-datepicker-text);\n}\n\n.astrum-datepicker__calendar-time-input:focus {\n outline: none;\n border-color: var(--astrum-datepicker-primary);\n box-shadow: 0 0 0 1px var(--astrum-datepicker-primary);\n}\n\n.astrum-datepicker__calendar-time-input::placeholder {\n color: var(--astrum-datepicker-placeholder);\n}\n\n.astrum-datepicker__calendar-time-icon {\n position: absolute;\n top: 50%;\n right: 12px;\n transform: translateY(-50%);\n display: flex;\n align-items: center;\n justify-content: center;\n pointer-events: none;\n}\n"],"mappings":"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","names":[]}
1
+ {"version":3,"sources":["../src/InputCode/InputCode.css","../src/Avatar/Avatar.css","../src/DatePicker/DatePicker.css","../src/SidebarItem/SidebarItem.css"],"sourcesContent":[".astrum-input-code {\n --astrum-input-code-primary: #2653F2;\n --astrum-input-code-border: #D5D5D5;\n --astrum-input-code-text: #575757;\n --astrum-input-code-placeholder: #ABABAB;\n --astrum-input-code-error: #EA3B3D;\n --astrum-input-code-error-bg: #FEE8E8;\n --astrum-input-code-bg: #FFFFFF;\n\n display: inline-flex;\n flex-direction: column;\n gap: 0;\n min-width: 0;\n}\n\n.astrum-input-code__wrap {\n box-sizing: border-box;\n position: relative;\n display: flex;\n gap: 8px;\n align-items: center;\n justify-content: center;\n width: 100%;\n min-width: 301px;\n padding: 16px 24px;\n border: 1px solid var(--astrum-input-code-border);\n border-radius: 8px;\n background: var(--astrum-input-code-bg);\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n transition: border-color 0.2s, box-shadow 0.2s;\n}\n\n.astrum-input-code__wrap:focus-within {\n border-color: var(--astrum-input-code-primary);\n box-shadow: 0 0 0 2px rgba(38, 83, 242, 0.1);\n}\n\n.astrum-input-code__cell {\n width: 18px;\n height: 36px;\n padding: 0;\n margin: 0;\n border: none;\n border-bottom: 2px solid var(--astrum-input-code-placeholder);\n border-radius: 0;\n background: transparent;\n font-family: inherit;\n font-size: 28px;\n font-weight: 700;\n line-height: 1.2;\n color: var(--astrum-input-code-text);\n text-align: center;\n outline: none;\n transition: border-color 0.2s, color 0.2s;\n}\n\n.astrum-input-code__cell::placeholder {\n color: transparent;\n}\n\n.astrum-input-code__cell:focus {\n border-bottom-color: var(--astrum-input-code-primary);\n color: var(--astrum-input-code-primary);\n}\n\n.astrum-input-code__cell--spaced {\n margin-left: 10px;\n}\n\n.astrum-input-code__cell:disabled {\n cursor: not-allowed;\n opacity: 0.4;\n}\n\n.astrum-input-code__wrap:has(.astrum-input-code__cell:disabled) {\n background-color: #F4F4F4;\n border-style: dashed;\n cursor: not-allowed;\n}\n\n.astrum-input-code__footer {\n margin-top: 4px;\n padding: 4px 8px;\n border-radius: 8px;\n background: rgba(195, 63, 65, 0.10);\n}\n\n.astrum-input-code__error {\n display: block;\n font-weight: 500;\n font-size: 12px;\n line-height: 1.4;\n color: var(--astrum-input-code-error);\n}\n",".astrum-avatar {\n --astrum-avatar-bg: #f4f4f4;\n --astrum-avatar-icon: #ababab;\n --astrum-avatar-overlay: rgba(0, 0, 0, 0.4);\n --astrum-avatar-edit-icon: #ffffff;\n --astrum-avatar-remove-icon: #EA3B3D;\n\n position: relative;\n cursor: pointer;\n flex-shrink: 0;\n transition: opacity 0.2s ease-out;\n}\n\n.astrum-avatar__body {\n position: absolute;\n inset: 0;\n border-radius: 50%;\n overflow: hidden;\n}\n\n.astrum-avatar__input {\n position: absolute;\n opacity: 0;\n width: 0;\n height: 0;\n}\n\n.astrum-avatar__image {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n}\n\n.astrum-avatar__placeholder {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n background-color: var(--astrum-avatar-bg);\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.astrum-avatar__user-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--astrum-avatar-icon);\n}\n\n.astrum-avatar__user-icon svg {\n width: 32px;\n height: 32px;\n}\n\n.astrum-avatar__add-icon {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 32px;\n height: 32px;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 1;\n opacity: 0;\n transition: opacity 0.2s ease-out;\n pointer-events: none;\n color: var(--astrum-avatar-edit-icon);\n}\n\n.astrum-avatar__add-icon svg {\n width: 32px;\n height: 32px;\n}\n\n.astrum-avatar__overlay {\n position: absolute;\n inset: 0;\n background: var(--astrum-avatar-overlay);\n border-radius: 50%;\n opacity: 0;\n transition: opacity 0.2s ease-out;\n pointer-events: none;\n}\n\n.astrum-avatar__edit-icon {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 32px;\n height: 32px;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 1;\n opacity: 0;\n transition: opacity 0.2s ease-out;\n pointer-events: none;\n color: var(--astrum-avatar-edit-icon);\n}\n\n.astrum-avatar__edit-icon svg {\n width: 32px;\n height: 32px;\n}\n\n.astrum-avatar--hovered .astrum-avatar__overlay {\n opacity: 1;\n}\n\n.astrum-avatar--hovered .astrum-avatar__add-icon {\n opacity: 1;\n}\n\n.astrum-avatar--hovered .astrum-avatar__edit-icon {\n opacity: 1;\n}\n\n.astrum-avatar__remove-button {\n position: absolute;\n top: -2px;\n right: -2px;\n width: 16px;\n height: 16px;\n background: var(--astrum-avatar-remove-icon);\n border-radius: 50%;\n border: none;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);\n z-index: 2;\n padding: 0;\n transition: opacity 0.2s ease-out;\n color: #ea3b3d;\n}\n\n.astrum-avatar__remove-button svg {\n width: 12px;\n height: 12px;\n}",".astrum-datepicker {\n --astrum-datepicker-primary: #2653F2;\n --astrum-datepicker-border: #D5D5D5;\n --astrum-datepicker-border-hover: #ABABAB;\n --astrum-datepicker-placeholder: #ABABAB;\n --astrum-datepicker-text: #575757;\n --astrum-datepicker-error: #EA3B3D;\n --astrum-datepicker-bg: #FFFFFF;\n --astrum-datepicker-bg-disabled: #F4F4F4;\n --astrum-datepicker-gray-5: #F4F4F4;\n --astrum-datepicker-gray-40: #ABABAB;\n\n position: relative;\n display: inline-flex;\n flex-direction: column;\n gap: 0;\n min-width: 0;\n}\n\n\n.astrum-datepicker__wrap {\n position: relative;\n display: flex;\n align-items: center;\n background: var(--astrum-datepicker-bg);\n border: 1px solid var(--astrum-datepicker-border);\n border-radius: 8px;\n transition: border-color 0.15s;\n flex: 1;\n}\n\n\n@media (hover: hover) {\n .astrum-datepicker__wrap:hover:not(:has(.astrum-datepicker__field:disabled)) {\n border-color: var(--astrum-datepicker-border-hover);\n }\n}\n\n.astrum-datepicker__wrap:focus-within {\n border-color: var(--astrum-datepicker-primary);\n box-shadow: 0 0 0 1px var(--astrum-datepicker-primary);\n}\n\n.astrum-datepicker__wrap:has(.astrum-datepicker__field:disabled) {\n background-color: var(--astrum-datepicker-bg-disabled);\n cursor: not-allowed;\n}\n\n.astrum-datepicker__field {\n box-sizing: border-box;\n flex: 1;\n min-width: 0;\n width: 100%;\n height: 54px;\n padding: 16px 56px 16px 24px;\n border: none;\n border-radius: 8px;\n background: transparent;\n font-family: inherit;\n font-weight: 400;\n font-size: 16px;\n line-height: 1.5;\n color: var(--astrum-datepicker-text);\n}\n\n.astrum-datepicker__field::placeholder {\n color: var(--astrum-datepicker-placeholder);\n}\n\n.astrum-datepicker__field:focus {\n outline: none;\n}\n\n.astrum-datepicker__field:disabled {\n opacity: 0.4;\n cursor: not-allowed;\n}\n\n\n.astrum-datepicker__icon {\n position: absolute;\n top: 50%;\n right: 16px;\n transform: translateY(-50%);\n display: flex;\n align-items: center;\n justify-content: center;\n width: 24px;\n height: 24px;\n padding: 0;\n margin: 0;\n border: none;\n background: transparent;\n cursor: pointer;\n}\n\n.astrum-datepicker__icon:disabled {\n cursor: not-allowed;\n}\n\n.astrum-datepicker__error {\n display: block;\n margin-top: 4px;\n font-weight: 500;\n font-size: 12px;\n line-height: 1.4;\n color: var(--astrum-datepicker-error);\n border-radius: 8px;\n background: rgba(195, 63, 65, 0.1);\n padding: 4px 8px;\n}\n\n.astrum-datepicker__calendar {\n box-sizing: border-box;\n position: absolute;\n top: calc(100% + 4px);\n left: 0;\n min-width: 256px;\n z-index: 1000;\n background: var(--astrum-datepicker-bg);\n border: 1px solid var(--astrum-datepicker-border);\n border-radius: 8px;\n box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);\n padding: 16px;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.astrum-datepicker__calendar-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 8px;\n}\n\n.astrum-datepicker__calendar-nav {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n padding: 0;\n margin: 0;\n border: none;\n background: transparent;\n cursor: pointer;\n border-radius: 4px;\n transition: background-color 0.15s;\n}\n\n.astrum-datepicker__calendar-nav:hover:not(:disabled) {\n background-color: var(--astrum-datepicker-gray-5);\n}\n\n.astrum-datepicker__calendar-nav:disabled {\n cursor: not-allowed;\n opacity: 0.4;\n}\n\n.astrum-datepicker__calendar-month {\n flex: 1;\n text-align: center;\n font-weight: 500;\n font-size: 12px;\n line-height: 1.5;\n color: var(--astrum-datepicker-text);\n}\n\n.astrum-datepicker__calendar-weekdays {\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n gap: 0;\n border-bottom: 1px solid var(--astrum-datepicker-border);\n margin-bottom: 4px;\n}\n\n.astrum-datepicker__calendar-weekday {\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: center;\n height: 28px;\n font-weight: 500;\n font-size: 10px;\n line-height: 1.4;\n color: var(--astrum-datepicker-gray-40);\n}\n\n.astrum-datepicker__calendar-days {\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n gap: 0;\n}\n\n.astrum-datepicker__calendar-day {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 32px;\n padding: 0;\n margin: 0;\n border: none;\n background: transparent;\n font-weight: 700;\n font-size: 12px;\n line-height: 1.4;\n color: var(--astrum-datepicker-text);\n cursor: pointer;\n border-radius: 4px;\n transition: background-color 0.15s, color 0.15s;\n}\n\n.astrum-datepicker__calendar-day:hover:not(:disabled) {\n background-color: var(--astrum-datepicker-gray-5);\n}\n\n.astrum-datepicker__calendar-day--other-month {\n opacity: 0.5;\n}\n\n.astrum-datepicker__calendar-day--selected {\n background-color: var(--astrum-datepicker-primary);\n color: #FFFFFF;\n border-radius: 4px;\n z-index: 1;\n position: relative;\n}\n\n.astrum-datepicker__calendar-day--selected:hover:not(:disabled) {\n background-color: #1a42d0;\n}\n\n.astrum-datepicker__calendar-day--in-range {\n position: relative;\n}\n\n.astrum-datepicker__calendar-day--in-range:before {\n content: \"\";\n position: absolute;\n background-color: #F4F4F4;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n bottom: 0;\n width: 100%;\n height: calc(100% - 4px);\n z-index: -1;\n pointer-events: none;\n}\n\n.astrum-datepicker__calendar-day--range-start {\n border-top-left-radius: 4px;\n border-bottom-left-radius: 4px;\n}\n\n.astrum-datepicker__calendar-day--range-end {\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px;\n}\n\n.astrum-datepicker__calendar-day:disabled {\n cursor: not-allowed;\n opacity: 0.4;\n}\n\n.astrum-datepicker__calendar-time {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 12px;\n margin-top: 12px;\n}\n\n.astrum-datepicker__calendar-time-label {\n font-weight: 400;\n font-size: 14px;\n line-height: 1.5;\n color: var(--astrum-datepicker-text);\n white-space: nowrap;\n}\n\n.astrum-datepicker__calendar-time-input-wrap {\n position: relative;\n display: flex;\n align-items: center;\n max-width: 100px;\n}\n\n.astrum-datepicker__calendar-time-input {\n box-sizing: border-box;\n flex: 1;\n min-width: 0;\n height: 37px;\n border: 1px solid var(--astrum-datepicker-border);\n border-radius: 8px;\n background: var(--astrum-datepicker-bg);\n padding: 8px 36px 8px 12px;\n font-family: inherit;\n font-weight: 400;\n font-size: 14px;\n line-height: 1.5;\n color: var(--astrum-datepicker-text);\n}\n\n.astrum-datepicker__calendar-time-input:focus {\n outline: none;\n border-color: var(--astrum-datepicker-primary);\n box-shadow: 0 0 0 1px var(--astrum-datepicker-primary);\n}\n\n.astrum-datepicker__calendar-time-input::placeholder {\n color: var(--astrum-datepicker-placeholder);\n}\n\n.astrum-datepicker__calendar-time-icon {\n position: absolute;\n top: 50%;\n right: 12px;\n transform: translateY(-50%);\n display: flex;\n align-items: center;\n justify-content: center;\n pointer-events: none;\n}\n",".astrum-sidebar-item {\n --astrum-sidebar-primary: #2653f2;\n --astrum-sidebar-text: #575757;\n --astrum-sidebar-icon-muted: #ababab;\n --astrum-sidebar-hover: #f4f4f4;\n --astrum-sidebar-active-bg: #f8f8f8;\n --astrum-sidebar-warning: #deaa01;\n --astrum-sidebar-focus-ring: rgba(38, 83, 242, 0.4);\n\n display: inline-flex;\n align-items: center;\n width: 100%;\n max-width: 100%;\n box-sizing: border-box;\n margin: 0;\n border: none;\n border-radius: 8px;\n background: transparent;\n font-family: inherit;\n font-weight: 500;\n font-size: 15px;\n line-height: 1;\n letter-spacing: 0;\n color: var(--astrum-sidebar-text);\n text-align: left;\n text-decoration: none;\n cursor: pointer;\n transition: background-color 0.15s ease, color 0.15s ease, opacity 0.15s ease;\n}\n\na.astrum-sidebar-item {\n display: inline-flex;\n}\n\n.astrum-sidebar-item__lead {\n display: inline-flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n width: 24px;\n height: 24px;\n color: var(--astrum-sidebar-icon-muted);\n}\n\n.astrum-sidebar-item__lead svg {\n display: block;\n width: 24px;\n height: 24px;\n}\n\n.astrum-sidebar-item__main {\n display: inline-flex;\n flex: 1 1 auto;\n align-items: center;\n justify-content: flex-start;\n gap: 4px;\n min-width: 0;\n}\n\n.astrum-sidebar-item__label {\n flex: 0 1 auto;\n min-width: 0;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n line-height: normal;\n}\n\n.astrum-sidebar-item__end {\n display: inline-flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n width: 20px;\n height: 20px;\n color: var(--astrum-sidebar-warning);\n}\n\n.astrum-sidebar-item__end svg {\n display: block;\n width: 20px;\n height: 20px;\n}\n\n/* Padding: с ведущей иконкой — 12px; без — 12px 16px (макет) */\n.astrum-sidebar-item--has-lead {\n gap: 12px;\n padding: 12px;\n}\n\n.astrum-sidebar-item:not(.astrum-sidebar-item--has-lead) {\n padding: 12px 16px;\n}\n\n.astrum-sidebar-item:hover:not(:disabled):not([aria-disabled=\"true\"]) {\n background-color: var(--astrum-sidebar-hover);\n}\n\n.astrum-sidebar-item:focus {\n outline: none;\n}\n\n.astrum-sidebar-item:focus-visible {\n box-shadow: 0 0 0 3px var(--astrum-sidebar-focus-ring);\n}\n\n.astrum-sidebar-item--active {\n background-color: var(--astrum-sidebar-active-bg);\n}\n\n.astrum-sidebar-item--active.astrum-sidebar-item--has-lead .astrum-sidebar-item__lead {\n color: var(--astrum-sidebar-primary);\n}\n\n.astrum-sidebar-item--active:not(.astrum-sidebar-item--has-lead) .astrum-sidebar-item__label {\n color: var(--astrum-sidebar-primary);\n}\n\n.astrum-sidebar-item:disabled,\n.astrum-sidebar-item[aria-disabled=\"true\"] {\n opacity: 0.4;\n cursor: not-allowed;\n}\n\n.astrum-sidebar-item:disabled:hover,\n.astrum-sidebar-item[aria-disabled=\"true\"]:hover {\n background-color: transparent;\n}\n"],"mappings":"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","names":[]}
package/dist/index.d.mts CHANGED
@@ -1,14 +1,25 @@
1
1
  import * as React from 'react';
2
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
3
 
3
- interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
4
+ type SharedButtonProps = {
4
5
  variant?: "primary" | "outlined" | "dashed" | "grey" | "white" | "ghost";
5
6
  size?: "s" | "m" | "l";
6
7
  icon?: React.ReactNode;
7
8
  iconPosition?: "left" | "right";
8
9
  shape?: "default" | "square" | "circle";
9
10
  children?: React.ReactNode;
10
- }
11
- declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
11
+ className?: string;
12
+ };
13
+ type ButtonProps = (SharedButtonProps & {
14
+ href?: undefined;
15
+ as?: undefined;
16
+ } & React.ButtonHTMLAttributes<HTMLButtonElement>) | (SharedButtonProps & {
17
+ href: string;
18
+ as?: React.ElementType;
19
+ /** Для ссылки: `aria-disabled` и блокировка перехода */
20
+ disabled?: boolean;
21
+ } & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, keyof SharedButtonProps | "disabled">);
22
+ declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
12
23
 
13
24
  interface ColorPickerProps {
14
25
  value?: string | null;
@@ -152,4 +163,24 @@ interface DatePickerProps {
152
163
  }
153
164
  declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLInputElement>>;
154
165
 
155
- export { Avatar, type AvatarProps, Button, type ButtonProps, Checkbox, type CheckboxProps, Chips, type ChipsProps, ColorPicker, type ColorPickerProps, DatePicker, type DatePickerProps, FileItem, type FileItemProps, FileUpload, type FileUploadProps, Input, InputCode, type InputCodeProps, type InputProps, type InputSize, type InputType, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Select, type SelectOption, type SelectProps, Toggler, type TogglerProps };
166
+ type SharedSidebarItemProps = {
167
+ leadingIcon?: React.ReactNode;
168
+ endIcon?: React.ReactNode;
169
+ showEndIcon?: boolean;
170
+ active?: boolean;
171
+ children?: React.ReactNode;
172
+ className?: string;
173
+ };
174
+ type SidebarItemProps = (SharedSidebarItemProps & {
175
+ href?: undefined;
176
+ as?: undefined;
177
+ } & React.ButtonHTMLAttributes<HTMLButtonElement>) | (SharedSidebarItemProps & {
178
+ href: string;
179
+ as?: React.ElementType;
180
+ disabled?: boolean;
181
+ } & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, keyof SharedSidebarItemProps | "disabled">);
182
+ declare function SidebarItemSettingsIcon(props: React.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
183
+ declare function SidebarItemFlashIcon(props: React.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
184
+ declare const SidebarItem: React.ForwardRefExoticComponent<SidebarItemProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
185
+
186
+ export { Avatar, type AvatarProps, Button, type ButtonProps, Checkbox, type CheckboxProps, Chips, type ChipsProps, ColorPicker, type ColorPickerProps, DatePicker, type DatePickerProps, FileItem, type FileItemProps, FileUpload, type FileUploadProps, Input, InputCode, type InputCodeProps, type InputProps, type InputSize, type InputType, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Select, type SelectOption, type SelectProps, SidebarItem, SidebarItemFlashIcon, type SidebarItemProps, SidebarItemSettingsIcon, Toggler, type TogglerProps };
package/dist/index.d.ts CHANGED
@@ -1,14 +1,25 @@
1
1
  import * as React from 'react';
2
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
3
 
3
- interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
4
+ type SharedButtonProps = {
4
5
  variant?: "primary" | "outlined" | "dashed" | "grey" | "white" | "ghost";
5
6
  size?: "s" | "m" | "l";
6
7
  icon?: React.ReactNode;
7
8
  iconPosition?: "left" | "right";
8
9
  shape?: "default" | "square" | "circle";
9
10
  children?: React.ReactNode;
10
- }
11
- declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
11
+ className?: string;
12
+ };
13
+ type ButtonProps = (SharedButtonProps & {
14
+ href?: undefined;
15
+ as?: undefined;
16
+ } & React.ButtonHTMLAttributes<HTMLButtonElement>) | (SharedButtonProps & {
17
+ href: string;
18
+ as?: React.ElementType;
19
+ /** Для ссылки: `aria-disabled` и блокировка перехода */
20
+ disabled?: boolean;
21
+ } & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, keyof SharedButtonProps | "disabled">);
22
+ declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
12
23
 
13
24
  interface ColorPickerProps {
14
25
  value?: string | null;
@@ -152,4 +163,24 @@ interface DatePickerProps {
152
163
  }
153
164
  declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLInputElement>>;
154
165
 
155
- export { Avatar, type AvatarProps, Button, type ButtonProps, Checkbox, type CheckboxProps, Chips, type ChipsProps, ColorPicker, type ColorPickerProps, DatePicker, type DatePickerProps, FileItem, type FileItemProps, FileUpload, type FileUploadProps, Input, InputCode, type InputCodeProps, type InputProps, type InputSize, type InputType, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Select, type SelectOption, type SelectProps, Toggler, type TogglerProps };
166
+ type SharedSidebarItemProps = {
167
+ leadingIcon?: React.ReactNode;
168
+ endIcon?: React.ReactNode;
169
+ showEndIcon?: boolean;
170
+ active?: boolean;
171
+ children?: React.ReactNode;
172
+ className?: string;
173
+ };
174
+ type SidebarItemProps = (SharedSidebarItemProps & {
175
+ href?: undefined;
176
+ as?: undefined;
177
+ } & React.ButtonHTMLAttributes<HTMLButtonElement>) | (SharedSidebarItemProps & {
178
+ href: string;
179
+ as?: React.ElementType;
180
+ disabled?: boolean;
181
+ } & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, keyof SharedSidebarItemProps | "disabled">);
182
+ declare function SidebarItemSettingsIcon(props: React.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
183
+ declare function SidebarItemFlashIcon(props: React.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
184
+ declare const SidebarItem: React.ForwardRefExoticComponent<SidebarItemProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
185
+
186
+ export { Avatar, type AvatarProps, Button, type ButtonProps, Checkbox, type CheckboxProps, Chips, type ChipsProps, ColorPicker, type ColorPickerProps, DatePicker, type DatePickerProps, FileItem, type FileItemProps, FileUpload, type FileUploadProps, Input, InputCode, type InputCodeProps, type InputProps, type InputSize, type InputType, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Select, type SelectOption, type SelectProps, SidebarItem, SidebarItemFlashIcon, type SidebarItemProps, SidebarItemSettingsIcon, Toggler, type TogglerProps };