@revotech-group/revotech-ui-kit 0.2.1 → 0.2.2

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 (148) hide show
  1. package/LICENSE +20 -20
  2. package/README.md +30 -30
  3. package/dist/library.css +10598 -9715
  4. package/dist/rtg-ui-kit.js +8189 -8673
  5. package/dist/rtg-ui-kit.umd.cjs +654 -804
  6. package/dist/src/assets/icons/anchor.icon.d.ts +3 -0
  7. package/dist/src/assets/icons/app-window.icon.d.ts +3 -0
  8. package/dist/src/assets/icons/arrow-right.icon.d.ts +3 -0
  9. package/dist/src/assets/icons/arrow-up-right.icon.d.ts +3 -0
  10. package/dist/src/assets/icons/arrow-up.icon.d.ts +3 -0
  11. package/dist/src/assets/icons/asterisk.icon.d.ts +3 -0
  12. package/dist/src/assets/icons/badge-alert.icon.d.ts +3 -0
  13. package/dist/src/assets/icons/badge-check.icon.d.ts +3 -0
  14. package/dist/src/assets/icons/badge-info.icon.d.ts +3 -0
  15. package/dist/src/assets/icons/badge-x.icon.d.ts +3 -0
  16. package/dist/src/assets/icons/captions.icon.d.ts +3 -0
  17. package/dist/src/assets/icons/check.icon.d.ts +3 -0
  18. package/dist/src/assets/icons/circle-alert.icon.d.ts +3 -0
  19. package/dist/src/assets/icons/circle-check.icon.d.ts +3 -1
  20. package/dist/src/assets/icons/circle-fading-arrow-up.icon.d.ts +3 -0
  21. package/dist/src/assets/icons/code.icon.d.ts +3 -0
  22. package/dist/src/assets/icons/external-link.icon.d.ts +3 -0
  23. package/dist/src/assets/icons/git-branch-minus.icon.d.ts +3 -0
  24. package/dist/src/assets/icons/git-branch-plus.icon.d.ts +3 -0
  25. package/dist/src/assets/icons/house.icon.d.ts +3 -0
  26. package/dist/src/assets/icons/index.d.ts +41 -14
  27. package/dist/src/assets/icons/info.icon.d.ts +3 -0
  28. package/dist/src/assets/icons/loader-circle.icon.d.ts +3 -0
  29. package/dist/src/assets/icons/mail-warning.icon.d.ts +3 -0
  30. package/dist/src/assets/icons/minus.icon.d.ts +3 -1
  31. package/dist/src/assets/icons/plus.icon.d.ts +1 -1
  32. package/dist/src/assets/icons/rabbit.icon.d.ts +3 -0
  33. package/dist/src/assets/icons/refresh-cw.icon.d.ts +3 -0
  34. package/dist/src/assets/icons/search.icon.d.ts +3 -1
  35. package/dist/src/assets/icons/settings.icon.d.ts +3 -0
  36. package/dist/src/assets/icons/shopping-bag.icon.d.ts +3 -0
  37. package/dist/src/assets/icons/wand.icon.d.ts +3 -0
  38. package/dist/src/components/ui/alert/_alert-action.d.ts +22 -0
  39. package/dist/src/components/ui/alert/_alert-description.d.ts +22 -0
  40. package/dist/src/components/ui/alert/_alert-title.d.ts +21 -0
  41. package/dist/src/components/ui/alert/_alert.d.ts +26 -0
  42. package/dist/src/components/ui/alert/alert.d.ts +11 -19
  43. package/dist/src/components/ui/alert/alert.defs.d.ts +4 -0
  44. package/dist/src/components/ui/alert/alert.stories.d.ts +10 -6
  45. package/dist/src/components/ui/avatar/_avatar-badge.d.ts +22 -0
  46. package/dist/src/components/ui/avatar/_avatar-fallback.d.ts +22 -0
  47. package/dist/src/components/ui/avatar/_avatar-group-count.d.ts +22 -0
  48. package/dist/src/components/ui/avatar/_avatar-group.d.ts +22 -0
  49. package/dist/src/components/ui/avatar/_avatar-image.d.ts +29 -0
  50. package/dist/src/components/ui/avatar/_avatar.d.ts +66 -0
  51. package/dist/src/components/ui/avatar/avatar.d.ts +14 -13
  52. package/dist/src/components/ui/avatar/avatar.defs.d.ts +8 -0
  53. package/dist/src/components/ui/avatar/avatar.stories.d.ts +13 -4
  54. package/dist/src/components/ui/button/_button.d.ts +63 -0
  55. package/dist/src/components/ui/button/button.d.ts +9 -20
  56. package/dist/src/components/ui/button/button.defs.d.ts +14 -0
  57. package/dist/src/components/ui/button/button.stories.d.ts +9 -1
  58. package/dist/src/components/ui/button/button.style.d.ts +1 -1
  59. package/dist/src/components/ui/card/_card-action.d.ts +22 -0
  60. package/dist/src/components/ui/card/_card-content.d.ts +21 -0
  61. package/dist/src/components/ui/card/_card-description.d.ts +22 -0
  62. package/dist/src/components/ui/card/_card-footer.d.ts +27 -0
  63. package/dist/src/components/ui/card/_card-header.d.ts +27 -0
  64. package/dist/src/components/ui/card/_card-title.d.ts +21 -0
  65. package/dist/src/components/ui/card/_card.d.ts +26 -0
  66. package/dist/src/components/ui/card/card.d.ts +14 -18
  67. package/dist/src/components/ui/card/card.defs.d.ts +10 -0
  68. package/dist/src/components/ui/card/card.stories.d.ts +9 -3
  69. package/dist/src/components/ui/checkbox/_checkbox.d.ts +66 -0
  70. package/dist/src/components/ui/checkbox/checkbox.d.ts +5 -13
  71. package/dist/src/components/ui/checkbox/checkbox.defs.d.ts +11 -0
  72. package/dist/src/components/ui/checkbox/checkbox.stories.d.ts +8 -7
  73. package/dist/src/components/ui/index.d.ts +1 -1
  74. package/dist/src/components/ui/input/_input.d.ts +164 -0
  75. package/dist/src/components/ui/input/input.d.ts +7 -29
  76. package/dist/src/components/ui/input/input.defs.d.ts +28 -0
  77. package/dist/src/components/ui/input/input.stories.d.ts +16 -6
  78. package/dist/src/components/ui/input-otp/_input-otp-group.d.ts +26 -0
  79. package/dist/src/components/ui/input-otp/_input-otp-separator.d.ts +16 -0
  80. package/dist/src/components/ui/input-otp/_input-otp-slot.d.ts +35 -0
  81. package/dist/src/components/ui/input-otp/_input-otp.d.ts +213 -0
  82. package/dist/src/components/ui/input-otp/input-otp.d.ts +12 -28
  83. package/dist/src/components/ui/input-otp/input-otp.defs.d.ts +28 -0
  84. package/dist/src/components/ui/input-otp/input-otp.stories.d.ts +10 -7
  85. package/dist/src/components/ui/label/_label.d.ts +27 -0
  86. package/dist/src/components/ui/label/label.d.ts +5 -7
  87. package/dist/src/components/ui/label/label.defs.d.ts +3 -0
  88. package/dist/src/components/ui/label/label.stories.d.ts +10 -5
  89. package/dist/src/components/ui/pagination/pagination-link.d.ts +2 -2
  90. package/dist/src/components/ui/pagination/pagination.styles.d.ts +1 -1
  91. package/dist/src/components/ui/sample-demo/sample-demo.d.ts +1 -1
  92. package/dist/src/components/ui/sample-demo/sample.style.d.ts +1 -1
  93. package/dist/src/components/ui/separator/_separator.d.ts +22 -0
  94. package/dist/src/components/ui/separator/separator.d.ts +5 -10
  95. package/dist/src/components/ui/separator/separator.defs.d.ts +4 -9
  96. package/dist/src/components/ui/separator/separator.stories.d.ts +3 -1
  97. package/dist/src/components/ui/tabs/_tabs-content.d.ts +30 -0
  98. package/dist/src/components/ui/tabs/_tabs-list.d.ts +30 -0
  99. package/dist/src/components/ui/tabs/_tabs-trigger.d.ts +47 -0
  100. package/dist/src/components/ui/tabs/_tabs.d.ts +99 -0
  101. package/dist/src/components/ui/tabs/tabs.d.ts +18 -0
  102. package/dist/src/components/ui/tabs/tabs.defs.d.ts +22 -0
  103. package/dist/src/components/ui/tabs/tabs.helpers.d.ts +24 -0
  104. package/dist/src/components/ui/tabs/tabs.stories.d.ts +13 -0
  105. package/dist/src/{components/ui/input/countryOptions.d.ts → helpers/country-codes.d.ts} +1 -1
  106. package/dist/src/helpers/index.d.ts +3 -2
  107. package/dist/src/tokens/tailwind/border-radius.d.ts +0 -9
  108. package/dist/src/tokens/tailwind/border-width.d.ts +0 -4
  109. package/dist/src/tokens/tailwind/box-shadow.d.ts +0 -6
  110. package/dist/src/tokens/tailwind/color.d.ts +0 -78
  111. package/dist/src/tokens/tailwind/font-size.d.ts +1 -37
  112. package/dist/src/tokens/tailwind/font-weight.d.ts +0 -8
  113. package/dist/src/tokens/tailwind/index.d.ts +1 -202
  114. package/dist/src/tokens/tailwind/opacity.d.ts +0 -5
  115. package/dist/src/tokens/tailwind/ring-offset-width.d.ts +0 -1
  116. package/dist/src/tokens/tailwind/ring-width.d.ts +0 -5
  117. package/dist/src/tokens/tailwind/spacing.d.ts +0 -45
  118. package/package.json +136 -136
  119. package/dist/src/components/ui/alert/alert.styles.d.ts +0 -10
  120. package/dist/src/components/ui/alert/alert.types.d.ts +0 -1
  121. package/dist/src/components/ui/alert/helpers.d.ts +0 -10
  122. package/dist/src/components/ui/avatar/avatar-fallback.d.ts +0 -15
  123. package/dist/src/components/ui/avatar/avatar-image.d.ts +0 -17
  124. package/dist/src/components/ui/avatar/avatar.style.d.ts +0 -4
  125. package/dist/src/components/ui/button/button.type.d.ts +0 -3
  126. package/dist/src/components/ui/card/card-content.d.ts +0 -11
  127. package/dist/src/components/ui/card/card-description.d.ts +0 -11
  128. package/dist/src/components/ui/card/card-footer.d.ts +0 -11
  129. package/dist/src/components/ui/card/card-header.d.ts +0 -11
  130. package/dist/src/components/ui/card/card-title.d.ts +0 -11
  131. package/dist/src/components/ui/card/card.styles.d.ts +0 -4
  132. package/dist/src/components/ui/checkbox/checkbox.style.d.ts +0 -4
  133. package/dist/src/components/ui/checkbox/checkbox.type.d.ts +0 -21
  134. package/dist/src/components/ui/input/input.styles.d.ts +0 -7
  135. package/dist/src/components/ui/input/input.type.d.ts +0 -21
  136. package/dist/src/components/ui/input-otp/input-otp-group.d.ts +0 -18
  137. package/dist/src/components/ui/input-otp/input-otp-separator.d.ts +0 -12
  138. package/dist/src/components/ui/input-otp/input-otp-slot.d.ts +0 -26
  139. package/dist/src/components/ui/input-otp/input-otp.styles.d.ts +0 -10
  140. package/dist/src/components/ui/label/label.style.d.ts +0 -1
  141. package/dist/src/components/ui/separator/separator.styles.d.ts +0 -5
  142. package/dist/src/components/ui/tabs/tab-contents.d.ts +0 -24
  143. package/dist/src/components/ui/tabs/tab-list.d.ts +0 -25
  144. package/dist/src/components/ui/tabs/tab-trigger.d.ts +0 -26
  145. package/dist/src/components/ui/tabs/tab.d.ts +0 -27
  146. package/dist/src/components/ui/tabs/tab.stories.d.ts +0 -16
  147. package/dist/src/components/ui/tabs/tabs.style.d.ts +0 -12
  148. package/dist/src/tokens/tailwind/grid-template-columns.d.ts +0 -4
@@ -36,11 +36,6 @@ export declare const color: {
36
36
  'textarea-color-text': string;
37
37
  'textarea-color-ring-focus': string;
38
38
  'textarea-color-text-placeholder': string;
39
- 'tab-list-color-bg': string;
40
- 'tab-list-color-text': string;
41
- 'tab-trigger-color-bg-active': string;
42
- 'tab-trigger-color-text-active': string;
43
- 'tab-trigger-color-ring-focus': string;
44
39
  'toast-viewport-default-color-bg': string;
45
40
  'toast-viewport-default-color-text': string;
46
41
  'toast-viewport-destructive-color-bg': string;
@@ -71,14 +66,6 @@ export declare const color: {
71
66
  'toggle-outline-color-bg-hover': string;
72
67
  'toggle-outline-color-text-hover': string;
73
68
  'toggle-outline-color-border': string;
74
- 'input-color-bg': string;
75
- 'input-color-border': string;
76
- 'input-color-border-focus': string;
77
- 'input-color-text': string;
78
- 'input-color-text-placeholder': string;
79
- 'input-color-ring-focus': string;
80
- 'input-icon-color-text': string;
81
- 'input-icon-color-text-hover': string;
82
69
  'scrollarea-color-bg': string;
83
70
  'scrollarea-color-border': string;
84
71
  'switch-color-border': string;
@@ -89,7 +76,6 @@ export declare const color: {
89
76
  'switch-thumb-color-bg-checked': string;
90
77
  'switch-thumb-color-bg-unchecked': string;
91
78
  'skeleton-color-bg': string;
92
- 'separator-color-bg': string;
93
79
  'select-trigger-color-bg': string;
94
80
  'select-trigger-color-border': string;
95
81
  'select-trigger-color-bg-hover': string;
@@ -139,13 +125,6 @@ export declare const color: {
139
125
  'menubar-radio-item-color-bg-active': string;
140
126
  'menubar-separator-color-bg': string;
141
127
  'menubar-shortcut-color-text': string;
142
- 'input-otp-slot-color-bg': string;
143
- 'input-otp-slot-color-border': string;
144
- 'input-otp-slot-color-border-focus': string;
145
- 'input-otp-slot-color-border-invalid': string;
146
- 'input-otp-slot-color-ring-focus': string;
147
- 'input-otp-slot-color-ring-invalid': string;
148
- 'input-otp-separator-color-text': string;
149
128
  'hover-card-content-color-text': string;
150
129
  'hover-card-content-color-bg': string;
151
130
  'hover-card-content-color-border': string;
@@ -206,19 +185,6 @@ export declare const color: {
206
185
  'command-item-color-text-selected': string;
207
186
  'command-item-icon-color-text': string;
208
187
  'command-shortcut-color-text': string;
209
- 'checkbox-color-border': string;
210
- 'checkbox-color-bg': string;
211
- 'checkbox-color-border-checked': string;
212
- 'checkbox-color-bg-checked': string;
213
- 'checkbox-color-text-checked': string;
214
- 'checkbox-color-border-focus': string;
215
- 'checkbox-color-ring-focus': string;
216
- 'checkbox-color-border-invalid': string;
217
- 'checkbox-color-ring-invalid': string;
218
- 'card-color-bg': string;
219
- 'card-color-text': string;
220
- 'card-color-border': string;
221
- 'card-description-color-text': string;
222
188
  'calendar-color-bg': string;
223
189
  'calendar-weekday-color-text': string;
224
190
  'calendar-day-today-color-bg': string;
@@ -249,12 +215,10 @@ export declare const color: {
249
215
  'button-secondary-color-bg-hover': string;
250
216
  'button-secondary-color-ring-focus': string;
251
217
  'button-outline-color-bg': string;
252
- 'button-outline-color-text': string;
253
218
  'button-outline-color-border': string;
254
219
  'button-outline-color-bg-hover': string;
255
220
  'button-outline-color-text-hover': string;
256
221
  'button-outline-color-ring-focus': string;
257
- 'button-ghost-color-text': string;
258
222
  'button-ghost-color-bg-hover': string;
259
223
  'button-ghost-color-text-hover': string;
260
224
  'button-ghost-color-ring-focus': string;
@@ -290,48 +254,6 @@ export declare const color: {
290
254
  'badge-destructive-color-text': string;
291
255
  'badge-destructive-color-bg-hover': string;
292
256
  'badge-destructive-color-ring-focus': string;
293
- 'avatar-fallback-color-bg': string;
294
- 'avatar-fallback-color-text': string;
295
- 'alert-default-color-bg': string;
296
- 'alert-default-color-border': string;
297
- 'alert-default-icon-color-text': string;
298
- 'alert-brand-color-bg': string;
299
- 'alert-brand-color-border': string;
300
- 'alert-brand-icon-color-text': string;
301
- 'alert-destructive-color-bg': string;
302
- 'alert-destructive-color-border': string;
303
- 'alert-destructive-icon-color-text': string;
304
- 'alert-warning-color-bg': string;
305
- 'alert-warning-color-border': string;
306
- 'alert-warning-icon-color-text': string;
307
- 'alert-success-color-bg': string;
308
- 'alert-success-color-border': string;
309
- 'alert-success-icon-color-text': string;
310
- 'alert-info-color-bg': string;
311
- 'alert-info-color-border': string;
312
- 'alert-info-icon-color-text': string;
313
- 'alert-brand-tonal-color-bg': string;
314
- 'alert-brand-tonal-color-border': string;
315
- 'alert-destructive-tonal-color-bg': string;
316
- 'alert-destructive-tonal-color-border': string;
317
- 'alert-warning-tonal-color-bg': string;
318
- 'alert-warning-tonal-color-border': string;
319
- 'alert-success-tonal-color-bg': string;
320
- 'alert-success-tonal-color-border': string;
321
- 'alert-info-tonal-color-bg': string;
322
- 'alert-info-tonal-color-border': string;
323
- 'alert-title-default-color-text': string;
324
- 'alert-title-brand-color-text': string;
325
- 'alert-title-destructive-color-text': string;
326
- 'alert-title-warning-color-text': string;
327
- 'alert-title-success-color-text': string;
328
- 'alert-title-info-color-text': string;
329
- 'alert-description-default-color-text': string;
330
- 'alert-description-brand-color-text': string;
331
- 'alert-description-destructive-color-text': string;
332
- 'alert-description-warning-color-text': string;
333
- 'alert-description-success-color-text': string;
334
- 'alert-description-info-color-text': string;
335
257
  'accordion-item-color-border': string;
336
258
  'accordion-trigger-color-border-focus': string;
337
259
  'accordion-trigger-color-ring-focus': string;
@@ -23,10 +23,6 @@ export declare const fontSize: {
23
23
  lineHeight: string;
24
24
  letterSpacing: string;
25
25
  })[];
26
- 'tab-trigger-font': (string | {
27
- lineHeight: string;
28
- letterSpacing: string;
29
- })[];
30
26
  'toast-title-font': (string | {
31
27
  lineHeight: string;
32
28
  letterSpacing: string;
@@ -50,10 +46,6 @@ export declare const fontSize: {
50
46
  'select-trigger-font': string[];
51
47
  'select-label-font': string[];
52
48
  'select-item-font': string[];
53
- 'input-font': (string | {
54
- lineHeight: string;
55
- letterSpacing: string;
56
- })[];
57
49
  'menubar-trigger-font': string[];
58
50
  'menubar-item-font': string[];
59
51
  'menubar-checkbox-item-font': string[];
@@ -63,11 +55,6 @@ export declare const fontSize: {
63
55
  lineHeight: string;
64
56
  letterSpacing: string;
65
57
  })[];
66
- 'label-font': (string | {
67
- lineHeight: string;
68
- letterSpacing: string;
69
- })[];
70
- 'input-otp-slot-font': string[];
71
58
  'dropdown-menu-item-font': string[];
72
59
  'dropdown-menu-checkbox-item-font': string[];
73
60
  'dropdown-menu-radio-item-font': string[];
@@ -96,39 +83,16 @@ export declare const fontSize: {
96
83
  lineHeight: string;
97
84
  letterSpacing: string;
98
85
  })[];
99
- 'card-title-font': (string | {
100
- lineHeight: string;
101
- letterSpacing: string;
102
- })[];
103
- 'card-description-font': (string | {
104
- lineHeight: string;
105
- letterSpacing: string;
106
- })[];
107
86
  'calendar-caption-label-font': string[];
108
87
  'calendar-weekday-font': string[];
109
88
  'calendar-day-button-font': string[];
110
89
  'calendar-day-button-span-font': string[];
111
- 'button-font-size': (string | {
112
- lineHeight: string;
113
- letterSpacing: string;
114
- })[];
90
+ 'button-font-size': string[];
115
91
  'breadcrumb-list-font': string[];
116
92
  'badge-font-size': (string | {
117
93
  lineHeight: string;
118
94
  letterSpacing: string;
119
95
  })[];
120
- 'avatar-fallback-font-size': (string | {
121
- letterSpacing: string;
122
- lineHeight: string;
123
- })[];
124
- 'alert-title-font-size': (string | {
125
- letterSpacing: string;
126
- lineHeight: string;
127
- })[];
128
- 'alert-description-font-size': (string | {
129
- letterSpacing: string;
130
- lineHeight: string;
131
- })[];
132
96
  'accordion-trigger-font': string[];
133
97
  'accordion-content-font': string[];
134
98
  };
@@ -2,15 +2,12 @@ export declare const fontWeight: {
2
2
  'form-label-font-weight': string;
3
3
  'table-head-cell-font-weight': string;
4
4
  'table-footer-font-weight': string;
5
- 'tab-trigger-font-weight': string;
6
5
  'toast-title-font-weight': string;
7
6
  'toast-action-font-weight': string;
8
7
  'toggle-group-item-font-weight': string;
9
8
  'toggle-font-weight': string;
10
9
  'menubar-trigger-font-weight': string;
11
10
  'menubar-label-font-weight': string;
12
- 'label-font-weight': string;
13
- 'input-otp-slot-font-weight': string;
14
11
  'dropdown-menu-label-font-weight': string;
15
12
  'drawer-title-font-weight': string;
16
13
  'drawer-description-font-weight': string;
@@ -19,8 +16,6 @@ export declare const fontWeight: {
19
16
  'date-picker-trigger-button-font-weight': string;
20
17
  'context-menu-label-font-weight': string;
21
18
  'command-heading-font-weight': string;
22
- 'card-title-font-weight': string;
23
- 'card-description-font-weight': string;
24
19
  'calendar-caption-label-font-weight': string;
25
20
  'calendar-weekday-font-weight': string;
26
21
  'calendar-day-button-font-weight': string;
@@ -28,9 +23,6 @@ export declare const fontWeight: {
28
23
  'breadcrumb-list-font-weight': string;
29
24
  'breadcrumb-page-font-weight': string;
30
25
  'badge-font-weight': string;
31
- 'avatar-fallback-font-weight': string;
32
- 'alert-title-font-weight': string;
33
- 'alert-description-font-weight': string;
34
26
  'accordion-trigger-font-weight': string;
35
27
  'accordion-content-font-weight': string;
36
28
  };