@redseed/redseed-ui-tailwindcss 7.2.5 → 7.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/flex_container.css +100 -0
- package/components/grid_container.css +109 -0
- package/components/metric_card.css +5 -22
- package/components.css +51 -43
- package/package.json +1 -1
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
.rsui-flex-container {
|
|
2
|
+
@apply @container/flex-container;
|
|
3
|
+
@apply relative w-full flex-1;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.rsui-flex-container__content {
|
|
7
|
+
@apply relative w-full flex gap-space-xs;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.rsui-flex-container__content--flex-row {
|
|
11
|
+
@apply flex-row;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.rsui-flex-container__content--flex-row-reverse {
|
|
15
|
+
@apply flex-row-reverse;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.rsui-flex-container__content--flex-col {
|
|
19
|
+
@apply flex-col;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.rsui-flex-container__content--flex-col-reverse {
|
|
23
|
+
@apply flex-col-reverse;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.rsui-flex-container__content--flex-nowrap {
|
|
27
|
+
@apply flex-nowrap;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.rsui-flex-container__content--flex-wrap {
|
|
31
|
+
@apply flex-wrap;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
.rsui-flex-container__content--flex-wrap-reverse {
|
|
35
|
+
@apply flex-wrap-reverse;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
.rsui-flex-container__content--justify-start {
|
|
39
|
+
@apply justify-start;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
.rsui-flex-container__content--justify-center {
|
|
43
|
+
@apply justify-center-safe;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.rsui-flex-container__content--justify-end {
|
|
47
|
+
@apply justify-end-safe;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.rsui-flex-container__content--justify-between {
|
|
51
|
+
@apply justify-between;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
.rsui-flex-container__content--justify-around {
|
|
55
|
+
@apply justify-around;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
.rsui-flex-container__content--justify-evenly {
|
|
59
|
+
@apply justify-evenly;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
.rsui-flex-container__content--items-start {
|
|
63
|
+
@apply items-start;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
.rsui-flex-container__content--items-center {
|
|
67
|
+
@apply items-center-safe;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
.rsui-flex-container__content--items-end {
|
|
71
|
+
@apply items-end-safe;
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
.rsui-flex-container__content--items-baseline {
|
|
75
|
+
@apply items-baseline;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
.rsui-flex-container__content--items-baseline-last {
|
|
79
|
+
@apply items-baseline-last;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
.rsui-flex-container__content--xs {
|
|
83
|
+
@apply gap-space-xs;
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
.rsui-flex-container__content--sm {
|
|
87
|
+
@apply gap-space-sm;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
.rsui-flex-container__content--md {
|
|
91
|
+
@apply gap-space-md;
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
.rsui-flex-container__content--lg {
|
|
95
|
+
@apply gap-space-lg;
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
.rsui-flex-container__content--xl {
|
|
99
|
+
@apply gap-space-xl;
|
|
100
|
+
}
|
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
.rsui-grid-container {
|
|
2
|
+
@apply @container/grid-container;
|
|
3
|
+
@apply relative w-full flex-1;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.rsui-grid-container__content {
|
|
7
|
+
@apply relative w-full gap-space-xs;
|
|
8
|
+
@apply grid grid-cols-1;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.rsui-grid-container__content--cols-1-sm {
|
|
12
|
+
@apply grid-cols-1;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.rsui-grid-container__content--cols-2-sm {
|
|
16
|
+
@apply grid-cols-2;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.rsui-grid-container__content--cols-3-sm {
|
|
20
|
+
@apply grid-cols-3;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.rsui-grid-container__content--cols-4-sm {
|
|
24
|
+
@apply grid-cols-4;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.rsui-grid-container__content--cols-5-sm {
|
|
28
|
+
@apply grid-cols-5;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.rsui-grid-container__content--cols-6-sm {
|
|
32
|
+
@apply grid-cols-6;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.rsui-grid-container__content--cols-1-md {
|
|
36
|
+
@apply @lg/grid-container:grid-cols-1;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.rsui-grid-container__content--cols-2-md {
|
|
40
|
+
@apply @lg/grid-container:grid-cols-2;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.rsui-grid-container__content--cols-3-md {
|
|
44
|
+
@apply @lg/grid-container:grid-cols-3;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
.rsui-grid-container__content--cols-4-md {
|
|
48
|
+
@apply @lg/grid-container:grid-cols-4;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.rsui-grid-container__content--cols-5-md {
|
|
52
|
+
@apply @lg/grid-container:grid-cols-5;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
.rsui-grid-container__content--cols-6-md {
|
|
56
|
+
@apply @lg/grid-container:grid-cols-6;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
.rsui-grid-container__content--cols-1-lg {
|
|
60
|
+
@apply @4xl/grid-container:grid-cols-1;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.rsui-grid-container__content--cols-2-lg {
|
|
64
|
+
@apply @4xl/grid-container:grid-cols-2;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
.rsui-grid-container__content--cols-3-lg {
|
|
68
|
+
@apply @4xl/grid-container:grid-cols-3;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
.rsui-grid-container__content--cols-4-lg {
|
|
72
|
+
@apply @4xl/grid-container:grid-cols-4;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
.rsui-grid-container__content--cols-5-lg {
|
|
76
|
+
@apply @4xl/grid-container:grid-cols-5;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
.rsui-grid-container__content--cols-6-lg {
|
|
80
|
+
@apply @4xl/grid-container:grid-cols-6;
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
.rsui-grid-container__content--justify-items-start {
|
|
84
|
+
@apply justify-items-start;
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
.rsui-grid-container__content--justify-items-center {
|
|
88
|
+
@apply justify-items-center-safe;
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
.rsui-grid-container__content--justify-items-end {
|
|
92
|
+
@apply justify-items-end-safe;
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
.rsui-grid-container__content--sm {
|
|
96
|
+
@apply gap-space-sm;
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
.rsui-grid-container__content--md {
|
|
100
|
+
@apply gap-space-md;
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
.rsui-grid-container__content--lg {
|
|
104
|
+
@apply gap-space-lg;
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
.rsui-grid-container__content--xl {
|
|
108
|
+
@apply gap-space-xl;
|
|
109
|
+
}
|
|
@@ -1,27 +1,10 @@
|
|
|
1
1
|
.rsui-metric-card {
|
|
2
|
-
@apply w-64 sm:w-96;
|
|
3
2
|
}
|
|
4
3
|
|
|
5
|
-
.rsui-metric-
|
|
6
|
-
@apply
|
|
4
|
+
.rsui-metric-card__number {
|
|
5
|
+
@apply text-text-primary text-xl font-bold;
|
|
7
6
|
}
|
|
8
7
|
|
|
9
|
-
.rsui-metric-
|
|
10
|
-
@apply
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
.rsui-metric-card__icon {
|
|
14
|
-
@apply text-text-primary transition-transform pointer-events-auto cursor-pointer;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
.rsui-metric-card__content {
|
|
18
|
-
@apply flex flex-col gap-2;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
.rsui-metric-card__title {
|
|
22
|
-
@apply text-sm font-normal text-text-secondary mt-4;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
.rsui-metric-card__value {
|
|
26
|
-
@apply text-3xl font-semibold text-text-primary leading-9;
|
|
27
|
-
}
|
|
8
|
+
.rsui-metric-card__label {
|
|
9
|
+
@apply text-text-tertiary text-sm;
|
|
10
|
+
}
|
package/components.css
CHANGED
|
@@ -1,45 +1,53 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
/*
|
|
2
|
+
The order of the components is important for the build process.
|
|
3
|
+
|
|
4
|
+
Please be careful when adding new components and updating the order.
|
|
5
|
+
*/
|
|
6
|
+
|
|
7
|
+
@import './components/activity_feed.css';
|
|
5
8
|
@import './components/avatar_text.css';
|
|
6
|
-
@import './components/button_card.css';
|
|
7
|
-
@import './components/checkbox_card.css';
|
|
8
9
|
@import './components/badge.css';
|
|
9
10
|
@import './components/badge_group.css';
|
|
11
|
+
@import './components/body_text.css';
|
|
10
12
|
@import './components/breadcrumbs.css';
|
|
13
|
+
@import './components/button_card.css';
|
|
14
|
+
@import './components/button_group.css';
|
|
15
|
+
@import './components/button_group_item.css';
|
|
16
|
+
@import './components/button_slot.css';
|
|
17
|
+
@import './components/button_primary.css';
|
|
18
|
+
@import './components/button_secondary.css';
|
|
19
|
+
@import './components/button_tertiary.css';
|
|
20
|
+
@import './components/card_group.css';
|
|
11
21
|
@import './components/card.css';
|
|
12
22
|
@import './components/card_header.css';
|
|
13
|
-
@import './components/
|
|
14
|
-
@import './components/comment.css';
|
|
23
|
+
@import './components/checkbox_card.css';
|
|
15
24
|
@import './components/comments.css';
|
|
25
|
+
@import './components/comment.css';
|
|
16
26
|
@import './components/disclosure.css';
|
|
27
|
+
@import './components/dropdown_menu.css';
|
|
28
|
+
@import './components/dropdown_option.css';
|
|
29
|
+
@import './components/empty.css';
|
|
30
|
+
@import './components/feed_item.css';
|
|
31
|
+
@import './components/flex_container.css';
|
|
32
|
+
@import './components/form_field_slot.css';
|
|
17
33
|
@import './components/form_field_checkbox.css';
|
|
34
|
+
@import './components/form_field_combobox.css';
|
|
18
35
|
@import './components/form_field_password.css';
|
|
19
36
|
@import './components/form_field_radio_group.css';
|
|
20
37
|
@import './components/form_field_search.css';
|
|
21
38
|
@import './components/form_field_select.css';
|
|
22
|
-
@import './components/form_fieldset.css';
|
|
23
|
-
@import './components/form_field_slot.css';
|
|
24
39
|
@import './components/form_field_suffix.css';
|
|
25
40
|
@import './components/form_field_text.css';
|
|
26
41
|
@import './components/form_field_textarea.css';
|
|
27
42
|
@import './components/form_field_uploader.css';
|
|
28
|
-
@import './components/form_field_combobox.css';
|
|
29
43
|
@import './components/form_fields_login.css';
|
|
30
44
|
@import './components/form_fields_register.css';
|
|
45
|
+
@import './components/form_fieldset.css';
|
|
31
46
|
@import './components/form_slot.css';
|
|
32
47
|
@import './components/form_wrapper_build.css';
|
|
33
48
|
@import './components/form_wrapper_lms.css';
|
|
34
|
-
@import './components/
|
|
35
|
-
@import './components/
|
|
36
|
-
@import './components/body_text.css';
|
|
37
|
-
@import './components/dropdown_menu.css';
|
|
38
|
-
@import './components/dropdown_option.css';
|
|
39
|
-
@import './components/empty.css';
|
|
40
|
-
@import './components/link_primary.css';
|
|
41
|
-
@import './components/link_slot.css';
|
|
42
|
-
@import './components/logo.css';
|
|
49
|
+
@import './components/grid_container.css';
|
|
50
|
+
@import './components/hero_section.css';
|
|
43
51
|
@import './components/icon.css';
|
|
44
52
|
@import './components/image.css';
|
|
45
53
|
@import './components/image_16by9.css';
|
|
@@ -47,41 +55,41 @@
|
|
|
47
55
|
@import './components/image_64by25.css';
|
|
48
56
|
@import './components/image_9by16.css';
|
|
49
57
|
@import './components/image_circle.css';
|
|
50
|
-
@import './components/
|
|
51
|
-
@import './components/
|
|
58
|
+
@import './components/link_slot.css';
|
|
59
|
+
@import './components/link_primary.css';
|
|
60
|
+
@import './components/linked_list.css';
|
|
61
|
+
@import './components/linked_list_item.css';
|
|
52
62
|
@import './components/list.css';
|
|
63
|
+
@import './components/list_control.css';
|
|
53
64
|
@import './components/list_item.css';
|
|
54
65
|
@import './components/loader.css';
|
|
55
|
-
@import './components/
|
|
56
|
-
@import './components/meta_info.css';
|
|
66
|
+
@import './components/logo.css';
|
|
57
67
|
@import './components/message_box.css';
|
|
58
|
-
@import './components/
|
|
59
|
-
@import './components/
|
|
60
|
-
@import './components/linked_list.css';
|
|
61
|
-
@import './components/linked_list_item.css';
|
|
68
|
+
@import './components/meta_info.css';
|
|
69
|
+
@import './components/metric_card.css';
|
|
62
70
|
@import './components/modal.css';
|
|
63
|
-
@import './components/pagination.css';
|
|
64
71
|
@import './components/page_header.css';
|
|
65
|
-
@import './components/
|
|
72
|
+
@import './components/pagination.css';
|
|
66
73
|
@import './components/pagination_item.css';
|
|
67
|
-
@import './components/pagination_item_next.css';
|
|
68
74
|
@import './components/pagination_item_previous.css';
|
|
69
|
-
@import './components/
|
|
70
|
-
@import './components/
|
|
75
|
+
@import './components/pagination_item_next.css';
|
|
76
|
+
@import './components/progress_circle.css';
|
|
71
77
|
@import './components/progress_tracker.css';
|
|
72
78
|
@import './components/progress_tracker_step.css';
|
|
73
|
-
@import './components/
|
|
74
|
-
@import './components/
|
|
75
|
-
@import './components/
|
|
79
|
+
@import './components/radio_card.css';
|
|
80
|
+
@import './components/read_more.css';
|
|
81
|
+
@import './components/record_count.css';
|
|
76
82
|
@import './components/section.css';
|
|
83
|
+
@import './components/section_header.css';
|
|
84
|
+
@import './components/section_footer.css';
|
|
85
|
+
@import './components/single_column_layout.css';
|
|
86
|
+
@import './components/sorting.css';
|
|
77
87
|
@import './components/switcher.css';
|
|
78
88
|
@import './components/switcher_item.css';
|
|
79
|
-
@import './components/
|
|
80
|
-
@import './components/
|
|
89
|
+
@import './components/table.css';
|
|
90
|
+
@import './components/tr.css';
|
|
91
|
+
@import './components/th.css';
|
|
81
92
|
@import './components/td.css';
|
|
82
93
|
@import './components/td_user.css';
|
|
83
|
-
@import './components/
|
|
84
|
-
@import './components/
|
|
85
|
-
@import './components/two_column_layout.css';
|
|
86
|
-
@import './components/tr.css';
|
|
87
|
-
@import './components/table.css';
|
|
94
|
+
@import './components/toggle.css';
|
|
95
|
+
@import './components/two_column_layout.css';
|