@solid-design-system/styles 7.0.0-next.9 → 7.0.0
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/CHANGELOG.md +25 -0
- package/cdn/modules/chip.css +1 -1
- package/cdn/modules/container.css +1 -1
- package/cdn/modules/copyright.css +1 -1
- package/cdn/modules/display.css +1 -1
- package/cdn/modules/footnotes.css +1 -1
- package/cdn/modules/headline.css +1 -1
- package/cdn/modules/hidden-links.css +1 -1
- package/cdn/modules/interactive.css +1 -1
- package/cdn/modules/leadtext.css +1 -1
- package/cdn/modules/list.css +1 -1
- package/cdn/modules/mark.css +1 -1
- package/cdn/modules/media.css +1 -1
- package/cdn/modules/meta.css +1 -1
- package/cdn/modules/pagination.css +1 -1
- package/cdn/modules/paragraph.css +1 -1
- package/cdn/modules/prose.css +1 -1
- package/cdn/modules/status-badge.css +1 -1
- package/cdn/modules/table-cell.css +1 -1
- package/cdn/solid-styles.css +1 -1
- package/cdn-versioned/modules/chip.css +1 -1
- package/cdn-versioned/modules/container.css +1 -1
- package/cdn-versioned/modules/copyright.css +1 -1
- package/cdn-versioned/modules/display.css +1 -1
- package/cdn-versioned/modules/footnotes.css +1 -1
- package/cdn-versioned/modules/headline.css +1 -1
- package/cdn-versioned/modules/hidden-links.css +1 -1
- package/cdn-versioned/modules/interactive.css +1 -1
- package/cdn-versioned/modules/leadtext.css +1 -1
- package/cdn-versioned/modules/list.css +1 -1
- package/cdn-versioned/modules/mark.css +1 -1
- package/cdn-versioned/modules/media.css +1 -1
- package/cdn-versioned/modules/meta.css +1 -1
- package/cdn-versioned/modules/pagination.css +1 -1
- package/cdn-versioned/modules/paragraph.css +1 -1
- package/cdn-versioned/modules/prose.css +1 -1
- package/cdn-versioned/modules/status-badge.css +1 -1
- package/cdn-versioned/modules/table-cell.css +1 -1
- package/cdn-versioned/modules/table.css +1 -1
- package/cdn-versioned/solid-styles.css +1 -1
- package/dist/modules/chip.css +42 -42
- package/dist/modules/container.css +16 -16
- package/dist/modules/copyright.css +11 -11
- package/dist/modules/display.css +15 -15
- package/dist/modules/footnotes.css +30 -30
- package/dist/modules/headline.css +33 -33
- package/dist/modules/hidden-links.css +12 -12
- package/dist/modules/interactive.css +12 -12
- package/dist/modules/leadtext.css +9 -9
- package/dist/modules/list.css +12 -12
- package/dist/modules/mark.css +1 -1
- package/dist/modules/media.css +3 -3
- package/dist/modules/meta.css +10 -10
- package/dist/modules/pagination.css +33 -33
- package/dist/modules/paragraph.css +9 -9
- package/dist/modules/prose.css +113 -113
- package/dist/modules/status-badge.css +10 -10
- package/dist/modules/table-cell.css +12 -12
- package/dist/solid-styles.css +278 -278
- package/dist-versioned/modules/chip.css +63 -63
- package/dist-versioned/modules/container.css +44 -44
- package/dist-versioned/modules/copyright.css +17 -17
- package/dist-versioned/modules/display.css +21 -21
- package/dist-versioned/modules/footnotes.css +58 -58
- package/dist-versioned/modules/headline.css +63 -63
- package/dist-versioned/modules/hidden-links.css +16 -16
- package/dist-versioned/modules/interactive.css +28 -28
- package/dist-versioned/modules/leadtext.css +12 -12
- package/dist-versioned/modules/list.css +42 -42
- package/dist-versioned/modules/mark.css +2 -2
- package/dist-versioned/modules/media.css +7 -7
- package/dist-versioned/modules/meta.css +17 -17
- package/dist-versioned/modules/pagination.css +94 -94
- package/dist-versioned/modules/paragraph.css +12 -12
- package/dist-versioned/modules/prose.css +238 -238
- package/dist-versioned/modules/status-badge.css +16 -16
- package/dist-versioned/modules/table-cell.css +28 -28
- package/dist-versioned/modules/table.css +2 -2
- package/dist-versioned/solid-styles.css +565 -565
- package/package.json +1 -1
|
@@ -1,117 +1,117 @@
|
|
|
1
1
|
/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
|
|
2
2
|
@layer properties;
|
|
3
3
|
@layer theme, base, components, utilities;
|
|
4
|
-
.sd-7-0-0-
|
|
4
|
+
.sd-7-0-0-list:not(.sd-7-0-0-list--icon), .sd-7-0-0-prose > :is(ol, ul) {
|
|
5
5
|
list-style-position: revert;
|
|
6
6
|
list-style-type: revert;
|
|
7
7
|
padding: revert;
|
|
8
|
-
padding-block: var(--sd-spacing-4);
|
|
9
|
-
padding-left: var(--sd-spacing-4);
|
|
8
|
+
padding-block: var(--sd-spacing-4, 1rem);
|
|
9
|
+
padding-left: var(--sd-spacing-4, 1rem);
|
|
10
10
|
text-align: left;
|
|
11
11
|
}
|
|
12
|
-
.sd-7-0-0-
|
|
13
|
-
margin-top: var(--sd-spacing-3);
|
|
12
|
+
.sd-7-0-0-list:not(.sd-7-0-0-list--icon) li:not(:first-child), .sd-7-0-0-prose > :is(ol, ul) li:not(:first-child) {
|
|
13
|
+
margin-top: var(--sd-spacing-3, 0.75rem);
|
|
14
14
|
}
|
|
15
|
-
.sd-7-0-0-
|
|
15
|
+
.sd-7-0-0-list:not(.sd-7-0-0-list--icon) ul, .sd-7-0-0-list:not(.sd-7-0-0-list--icon) ol, .sd-7-0-0-prose > :is(ol, ul) ul, .sd-7-0-0-prose > :is(ol, ul) ol {
|
|
16
16
|
all: revert;
|
|
17
17
|
padding-top: 0.75em;
|
|
18
18
|
padding-left: 1.4em;
|
|
19
19
|
}
|
|
20
20
|
@supports not (-webkit-hyphens: none) {
|
|
21
|
-
.sd-7-0-0-
|
|
21
|
+
.sd-7-0-0-list:not(.sd-7-0-0-list--icon) li, .sd-7-0-0-prose > :is(ol, ul) li {
|
|
22
22
|
padding-left: 0.3em;
|
|
23
23
|
}
|
|
24
|
-
.sd-7-0-0-
|
|
24
|
+
.sd-7-0-0-list:not(.sd-7-0-0-list--icon):is(ol):not(.sd-7-0-0-list--icon), .sd-7-0-0-prose > :is(ol, ul):is(ol):not(.sd-7-0-0-list--icon) {
|
|
25
25
|
counter-reset: item;
|
|
26
26
|
}
|
|
27
|
-
.sd-7-0-0-
|
|
27
|
+
.sd-7-0-0-list:not(.sd-7-0-0-list--icon):is(ol):not(.sd-7-0-0-list--icon) > li, .sd-7-0-0-prose > :is(ol, ul):is(ol):not(.sd-7-0-0-list--icon) > li {
|
|
28
28
|
counter-increment: item;
|
|
29
29
|
}
|
|
30
|
-
.sd-7-0-0-
|
|
30
|
+
.sd-7-0-0-list:not(.sd-7-0-0-list--icon):is(ol):not(.sd-7-0-0-list--icon) > li::marker, .sd-7-0-0-prose > :is(ol, ul):is(ol):not(.sd-7-0-0-list--icon) > li::marker {
|
|
31
31
|
content: counter(item, decimal) '. ';
|
|
32
32
|
}
|
|
33
|
-
.sd-7-0-0-
|
|
33
|
+
.sd-7-0-0-list:not(.sd-7-0-0-list--icon):is(ol):not(.sd-7-0-0-list--icon) > li > ol, .sd-7-0-0-prose > :is(ol, ul):is(ol):not(.sd-7-0-0-list--icon) > li > ol {
|
|
34
34
|
padding-left: 1.9em;
|
|
35
35
|
counter-reset: subitem;
|
|
36
36
|
}
|
|
37
|
-
.sd-7-0-0-
|
|
37
|
+
.sd-7-0-0-list:not(.sd-7-0-0-list--icon):is(ol):not(.sd-7-0-0-list--icon) > li > ol > li, .sd-7-0-0-prose > :is(ol, ul):is(ol):not(.sd-7-0-0-list--icon) > li > ol > li {
|
|
38
38
|
counter-increment: subitem;
|
|
39
39
|
}
|
|
40
|
-
.sd-7-0-0-
|
|
40
|
+
.sd-7-0-0-list:not(.sd-7-0-0-list--icon):is(ol):not(.sd-7-0-0-list--icon) > li > ol > li::marker, .sd-7-0-0-prose > :is(ol, ul):is(ol):not(.sd-7-0-0-list--icon) > li > ol > li::marker {
|
|
41
41
|
content: counter(item, decimal) '.' counter(subitem, decimal) '. ';
|
|
42
42
|
}
|
|
43
|
-
.sd-7-0-0-
|
|
43
|
+
.sd-7-0-0-list:not(.sd-7-0-0-list--icon):is(ol):not(.sd-7-0-0-list--icon) > li > ol > li > ol, .sd-7-0-0-prose > :is(ol, ul):is(ol):not(.sd-7-0-0-list--icon) > li > ol > li > ol {
|
|
44
44
|
padding-left: 2.7em;
|
|
45
45
|
counter-reset: subsubitem;
|
|
46
46
|
}
|
|
47
|
-
.sd-7-0-0-
|
|
47
|
+
.sd-7-0-0-list:not(.sd-7-0-0-list--icon):is(ol):not(.sd-7-0-0-list--icon) > li > ol > li > ol > li, .sd-7-0-0-prose > :is(ol, ul):is(ol):not(.sd-7-0-0-list--icon) > li > ol > li > ol > li {
|
|
48
48
|
counter-increment: subsubitem;
|
|
49
49
|
}
|
|
50
|
-
.sd-7-0-0-
|
|
50
|
+
.sd-7-0-0-list:not(.sd-7-0-0-list--icon):is(ol):not(.sd-7-0-0-list--icon) > li > ol > li > ol > li::marker, .sd-7-0-0-prose > :is(ol, ul):is(ol):not(.sd-7-0-0-list--icon) > li > ol > li > ol > li::marker {
|
|
51
51
|
content: counter(item, decimal) '.' counter(subitem, decimal) '.' counter(subsubitem, decimal) '. ';
|
|
52
52
|
}
|
|
53
53
|
}
|
|
54
|
-
.sd-7-0-0-
|
|
54
|
+
.sd-7-0-0-list:not(.sd-7-0-0-list--icon):is(ul):not(.sd-7-0-0-list--icon), .sd-7-0-0-list:not(.sd-7-0-0-list--icon) ul, .sd-7-0-0-prose > :is(ol, ul):is(ul):not(.sd-7-0-0-list--icon), .sd-7-0-0-prose > :is(ol, ul) ul {
|
|
55
55
|
padding-left: 0.5em;
|
|
56
56
|
}
|
|
57
|
-
.sd-7-0-0-
|
|
57
|
+
.sd-7-0-0-list:not(.sd-7-0-0-list--icon):is(ul):not(.sd-7-0-0-list--icon) > li, .sd-7-0-0-list:not(.sd-7-0-0-list--icon) ul > li, .sd-7-0-0-prose > :is(ol, ul):is(ul):not(.sd-7-0-0-list--icon) > li, .sd-7-0-0-prose > :is(ol, ul) ul > li {
|
|
58
58
|
padding-left: 0.75em;
|
|
59
59
|
list-style-type: '\2022';
|
|
60
60
|
}
|
|
61
|
-
.sd-7-0-0-
|
|
61
|
+
.sd-7-0-0-list:not(.sd-7-0-0-list--icon):is(ul):not(.sd-7-0-0-list--icon) > li > ul, .sd-7-0-0-list:not(.sd-7-0-0-list--icon) ul > li > ul, .sd-7-0-0-prose > :is(ol, ul):is(ul):not(.sd-7-0-0-list--icon) > li > ul, .sd-7-0-0-prose > :is(ol, ul) ul > li > ul {
|
|
62
62
|
padding-left: 0.3em;
|
|
63
63
|
}
|
|
64
|
-
.sd-7-0-0-
|
|
64
|
+
.sd-7-0-0-list:not(.sd-7-0-0-list--icon):is(ul):not(.sd-7-0-0-list--icon) > li > ul > li, .sd-7-0-0-list:not(.sd-7-0-0-list--icon) ul > li > ul > li, .sd-7-0-0-prose > :is(ol, ul):is(ul):not(.sd-7-0-0-list--icon) > li > ul > li, .sd-7-0-0-prose > :is(ol, ul) ul > li > ul > li {
|
|
65
65
|
list-style-type: '\002B1D';
|
|
66
66
|
}
|
|
67
|
-
.sd-7-0-0-
|
|
67
|
+
.sd-7-0-0-list:not(.sd-7-0-0-list--icon):is(ul):not(.sd-7-0-0-list--icon) > li > ul > li > ul, .sd-7-0-0-list:not(.sd-7-0-0-list--icon) ul > li > ul > li > ul, .sd-7-0-0-prose > :is(ol, ul):is(ul):not(.sd-7-0-0-list--icon) > li > ul > li > ul, .sd-7-0-0-prose > :is(ol, ul) ul > li > ul > li > ul {
|
|
68
68
|
padding-left: 0.4em;
|
|
69
69
|
}
|
|
70
|
-
.sd-7-0-0-
|
|
70
|
+
.sd-7-0-0-list:not(.sd-7-0-0-list--icon):is(ul):not(.sd-7-0-0-list--icon) > li > ul > li > ul > li, .sd-7-0-0-list:not(.sd-7-0-0-list--icon) ul > li > ul > li > ul > li, .sd-7-0-0-prose > :is(ol, ul):is(ul):not(.sd-7-0-0-list--icon) > li > ul > li > ul > li, .sd-7-0-0-prose > :is(ol, ul) ul > li > ul > li > ul > li {
|
|
71
71
|
list-style-type: '\2010';
|
|
72
72
|
}
|
|
73
|
-
.sd-7-0-0-
|
|
74
|
-
padding-block: var(--sd-spacing-4);
|
|
73
|
+
.sd-7-0-0-list--icon {
|
|
74
|
+
padding-block: var(--sd-spacing-4, 1rem);
|
|
75
75
|
text-align: left;
|
|
76
76
|
}
|
|
77
|
-
.sd-7-0-0-
|
|
78
|
-
color: rgba(var(--sd-color-text-white));
|
|
77
|
+
.sd-7-0-0-list--icon li sd-7-0-0-icon:first-of-type, .sd-7-0-0-list--icon li .sd-7-0-0-list--icon__icon:first-of-type {
|
|
78
|
+
color: rgba(var(--sd-color-text-white, 255 255 255));
|
|
79
79
|
}
|
|
80
|
-
.sd-7-0-0-
|
|
80
|
+
.sd-7-0-0-list--icon{
|
|
81
81
|
list-style-type: '';
|
|
82
82
|
}
|
|
83
|
-
.sd-7-0-0-
|
|
83
|
+
.sd-7-0-0-list--icon > li:first-of-type {
|
|
84
84
|
padding-top: 0;
|
|
85
85
|
}
|
|
86
|
-
.sd-7-0-0-
|
|
86
|
+
.sd-7-0-0-list--icon li {
|
|
87
87
|
position: relative;
|
|
88
|
-
padding-top: var(--sd-spacing-3);
|
|
89
|
-
padding-left: var(--sd-spacing-10);
|
|
88
|
+
padding-top: var(--sd-spacing-3, 0.75rem);
|
|
89
|
+
padding-left: var(--sd-spacing-10, 2.5rem);
|
|
90
90
|
--tw-leading: 32px;
|
|
91
91
|
line-height: 32px;
|
|
92
92
|
}
|
|
93
|
-
.sd-7-0-0-
|
|
93
|
+
.sd-7-0-0-list--icon li > sd-7-0-0-icon:first-of-type, .sd-7-0-0-list--icon li > .sd-7-0-0-list--icon__icon:first-of-type {
|
|
94
94
|
position: absolute;
|
|
95
95
|
left: 0;
|
|
96
|
-
font-size: var(--sd-text-3xl);
|
|
96
|
+
font-size: var(--sd-text-3xl, 2rem);
|
|
97
97
|
line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
|
|
98
|
-
color: rgb(var(--sd-color-icon-fill-primary));
|
|
98
|
+
color: rgb(var(--sd-color-icon-fill-primary, 0 53 142));
|
|
99
99
|
}
|
|
100
|
-
.sd-7-0-0-
|
|
100
|
+
.sd-7-0-0-list--icon.sd-7-0-0-list--horizontal {
|
|
101
101
|
display: flex;
|
|
102
102
|
}
|
|
103
|
-
.sd-7-0-0-
|
|
103
|
+
.sd-7-0-0-list--icon.sd-7-0-0-list--horizontal li {
|
|
104
104
|
display: flex;
|
|
105
105
|
padding-top: 0;
|
|
106
106
|
}
|
|
107
|
-
.sd-7-0-0-
|
|
108
|
-
margin-right: var(--sd-spacing-8);
|
|
107
|
+
.sd-7-0-0-list--icon.sd-7-0-0-list--horizontal li:not(:last-child) {
|
|
108
|
+
margin-right: var(--sd-spacing-8, 2rem);
|
|
109
109
|
}
|
|
110
|
-
.sd-7-0-0-
|
|
111
|
-
color: rgba(var(--sd-color-text-white));
|
|
110
|
+
.sd-7-0-0-list--inverted, .sd-7-0-0-prose--inverted > :is(ol, ul) {
|
|
111
|
+
color: rgba(var(--sd-color-text-white, 255 255 255));
|
|
112
112
|
}
|
|
113
|
-
.sd-7-0-0-
|
|
114
|
-
color: rgba(var(--sd-color-text-white));
|
|
113
|
+
.sd-7-0-0-list--inverted li > sd-7-0-0-icon:first-of-type, .sd-7-0-0-list--inverted li > .sd-7-0-0-list--icon__icon:first-of-type, .sd-7-0-0-prose--inverted > :is(ol, ul) li > sd-7-0-0-icon:first-of-type, .sd-7-0-0-prose--inverted > :is(ol, ul) li > .sd-7-0-0-list--icon__icon:first-of-type {
|
|
114
|
+
color: rgba(var(--sd-color-text-white, 255 255 255));
|
|
115
115
|
}
|
|
116
116
|
@property --tw-leading {
|
|
117
117
|
syntax: "*";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
|
|
2
2
|
@layer theme, base, components, utilities;
|
|
3
|
-
mark.sd-7-0-0-
|
|
3
|
+
mark.sd-7-0-0-mark {
|
|
4
4
|
background-color: transparent;
|
|
5
|
-
color: rgba(var(--sd-color-text-accent));
|
|
5
|
+
color: rgba(var(--sd-color-text-accent, 45 157 0));
|
|
6
6
|
}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
|
|
2
2
|
@layer theme, base, components, utilities;
|
|
3
|
-
.sd-7-0-0-
|
|
3
|
+
.sd-7-0-0-prose figure, figure.sd-7-0-0-media {
|
|
4
4
|
margin: 0;
|
|
5
5
|
}
|
|
6
|
-
.sd-7-0-0-
|
|
7
|
-
color: rgba(var(--sd-color-text-neutral-700));
|
|
6
|
+
.sd-7-0-0-prose figure figcaption, figure.sd-7-0-0-media figcaption {
|
|
7
|
+
color: rgba(var(--sd-color-text-neutral-700, 104 104 104));
|
|
8
8
|
}
|
|
9
|
-
.sd-7-0-0-
|
|
10
|
-
margin-top: var(--sd-spacing-3);
|
|
9
|
+
.sd-7-0-0-prose figure figcaption:last-child, figure.sd-7-0-0-media figcaption:last-child {
|
|
10
|
+
margin-top: var(--sd-spacing-3, 0.75rem);
|
|
11
11
|
}
|
|
12
|
-
.sd-7-0-0-
|
|
13
|
-
color: rgba(var(--sd-color-text-primary-400));
|
|
12
|
+
.sd-7-0-0-prose--inverted figure figcaption, figure.sd-7-0-0-media--inverted figcaption {
|
|
13
|
+
color: rgba(var(--sd-color-text-primary-400, 153 171 208));
|
|
14
14
|
}
|
|
@@ -1,34 +1,34 @@
|
|
|
1
1
|
/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
|
|
2
2
|
@layer properties;
|
|
3
3
|
@layer theme, base, components, utilities;
|
|
4
|
-
.sd-7-0-0-
|
|
5
|
-
font-size: var(--sd-text-base);
|
|
4
|
+
.sd-7-0-0-meta {
|
|
5
|
+
font-size: var(--sd-text-base, 1rem);
|
|
6
6
|
line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
|
|
7
7
|
--tw-leading: 1;
|
|
8
8
|
line-height: 1;
|
|
9
|
-
--tw-font-weight: var(--sd-font-weight-normal);
|
|
10
|
-
font-weight: var(--sd-font-weight-normal);
|
|
11
|
-
color: rgba(var(--sd-color-text-black));
|
|
9
|
+
--tw-font-weight: var(--sd-font-weight-normal, 400);
|
|
10
|
+
font-weight: var(--sd-font-weight-normal, 400);
|
|
11
|
+
color: rgba(var(--sd-color-text-black, 24 24 24));
|
|
12
12
|
}
|
|
13
|
-
.sd-7-0-0-
|
|
14
|
-
font-size: var(--sd-text-sm);
|
|
13
|
+
.sd-7-0-0-meta--size-sm {
|
|
14
|
+
font-size: var(--sd-text-sm, 0.875rem);
|
|
15
15
|
line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
|
|
16
16
|
}
|
|
17
|
-
.sd-7-0-0-
|
|
18
|
-
color: rgba(var(--sd-color-text-neutral-700));
|
|
17
|
+
.sd-7-0-0-meta--light {
|
|
18
|
+
color: rgba(var(--sd-color-text-neutral-700, 104 104 104));
|
|
19
19
|
}
|
|
20
|
-
.sd-7-0-0-
|
|
21
|
-
color: rgba(var(--sd-color-text-white));
|
|
20
|
+
.sd-7-0-0-meta--inverted {
|
|
21
|
+
color: rgba(var(--sd-color-text-white, 255 255 255));
|
|
22
22
|
}
|
|
23
|
-
.sd-7-0-0-
|
|
24
|
-
color: rgba(var(--sd-color-text-primary-400));
|
|
23
|
+
.sd-7-0-0-meta--inverted.sd-7-0-0-meta--light {
|
|
24
|
+
color: rgba(var(--sd-color-text-primary-400, 153 171 208));
|
|
25
25
|
}
|
|
26
|
-
.sd-7-0-0-
|
|
26
|
+
.sd-7-0-0-meta--pipe::after {
|
|
27
27
|
content: '|';
|
|
28
|
-
margin-inline: var(--sd-spacing-1);
|
|
28
|
+
margin-inline: var(--sd-spacing-1, 0.25rem);
|
|
29
29
|
}
|
|
30
|
-
.sd-7-0-0-
|
|
31
|
-
margin-inline: var(--sd-spacing-0\.5);
|
|
30
|
+
.sd-7-0-0-meta--pipe.sd-7-0-0-meta--size-sm::after {
|
|
31
|
+
margin-inline: var(--sd-spacing-0\.5, 0.125rem);
|
|
32
32
|
}
|
|
33
33
|
@property --tw-leading {
|
|
34
34
|
syntax: "*";
|