@splendidlabz/styles 4.7.0 → 4.8.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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@splendidlabz/styles",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.8.0",
|
|
4
4
|
"description": "",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"homepage": "https://splendidlabz.com/docs/styles",
|
|
@@ -29,10 +29,10 @@
|
|
|
29
29
|
"@splendidlabz/utils": "*"
|
|
30
30
|
},
|
|
31
31
|
"devDependencies": {
|
|
32
|
-
"@splendidlabz/stylelint-config": "3.1.
|
|
33
|
-
"@tailwindcss/cli": "^4.
|
|
34
|
-
"lightningcss-cli": "^1.
|
|
35
|
-
"tailwindcss": "^4.
|
|
36
|
-
"turbowatch": "^2.
|
|
32
|
+
"@splendidlabz/stylelint-config": "3.1.2",
|
|
33
|
+
"@tailwindcss/cli": "^4.2.2",
|
|
34
|
+
"lightningcss-cli": "^1.32.0",
|
|
35
|
+
"tailwindcss": "^4.2.2",
|
|
36
|
+
"turbowatch": "^2.30.0"
|
|
37
37
|
}
|
|
38
38
|
}
|
|
@@ -1,16 +1,12 @@
|
|
|
1
1
|
@utility tablist {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
gap: 0.5lh;
|
|
5
|
-
}
|
|
2
|
+
display: flex;
|
|
3
|
+
gap: 0.5lh;
|
|
6
4
|
}
|
|
7
5
|
|
|
8
6
|
@utility tab {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
text-align: left;
|
|
13
|
-
}
|
|
7
|
+
align-items: start;
|
|
8
|
+
padding: 0.25rlh 0.5rlh;
|
|
9
|
+
text-align: left;
|
|
14
10
|
|
|
15
11
|
&[aria-selected] {
|
|
16
12
|
z-index: 2;
|
|
@@ -18,10 +14,8 @@
|
|
|
18
14
|
}
|
|
19
15
|
|
|
20
16
|
@utility tabpanels {
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
position: relative;
|
|
24
|
-
}
|
|
17
|
+
@apply border-scaffold;
|
|
18
|
+
position: relative;
|
|
25
19
|
}
|
|
26
20
|
|
|
27
21
|
@utility tabpanel {
|
|
@@ -32,35 +26,29 @@
|
|
|
32
26
|
|
|
33
27
|
@utility tablist-top {
|
|
34
28
|
--placement: top;
|
|
35
|
-
--scrollbar-width: none;
|
|
36
|
-
--scrollbar-size: 0px;
|
|
37
29
|
max-width: 100%;
|
|
38
30
|
}
|
|
39
31
|
|
|
40
|
-
@
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
32
|
+
@utility tablist-left {
|
|
33
|
+
--placement: left;
|
|
34
|
+
display: flex;
|
|
35
|
+
flex-flow: column nowrap;
|
|
44
36
|
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
:is(.tablist-left, .tablist-right) {
|
|
49
|
-
display: flex;
|
|
50
|
-
flex-flow: column nowrap;
|
|
51
|
-
|
|
52
|
-
:where(.tab) {
|
|
53
|
-
align-self: stretch;
|
|
54
|
-
}
|
|
37
|
+
:where(.tab) {
|
|
38
|
+
align-self: stretch;
|
|
39
|
+
justify-content: left;
|
|
55
40
|
}
|
|
41
|
+
}
|
|
56
42
|
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
43
|
+
@utility tablist-right {
|
|
44
|
+
--placement: right;
|
|
45
|
+
order: 2;
|
|
46
|
+
display: flex;
|
|
47
|
+
flex-flow: column nowrap;
|
|
60
48
|
|
|
61
|
-
.
|
|
62
|
-
|
|
63
|
-
|
|
49
|
+
:where(.tab) {
|
|
50
|
+
align-self: stretch;
|
|
51
|
+
justify-content: left;
|
|
64
52
|
}
|
|
65
53
|
}
|
|
66
54
|
|
|
@@ -117,12 +105,10 @@
|
|
|
117
105
|
}
|
|
118
106
|
|
|
119
107
|
@utility tablist-card-divided {
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
padding: 0;
|
|
125
|
-
}
|
|
108
|
+
@apply border-scaffold;
|
|
109
|
+
position: relative;
|
|
110
|
+
gap: 0;
|
|
111
|
+
padding: 0;
|
|
126
112
|
|
|
127
113
|
&:where(.tablist-top) {
|
|
128
114
|
:where(.tab) {
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
@theme inline {
|
|
2
|
+
--spacing-section: 2rlh;
|
|
3
|
+
--spacing-section-mini: calc(var(--spacing-section) * 0.5);
|
|
4
|
+
--spacing-section-cont: 0;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
@utility section {
|
|
8
|
+
padding-block: var(--spacing-section);
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
@utility section-mini {
|
|
12
|
+
padding-block: var(--spacing-section-mini);
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
@utility section-cont {
|
|
16
|
+
@apply section;
|
|
17
|
+
|
|
18
|
+
.section + &,
|
|
19
|
+
& + & {
|
|
20
|
+
padding-block-start: var(--spacing-section-cont);
|
|
21
|
+
}
|
|
22
|
+
}
|