@trebired/frontend 13.38.0 → 13.39.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 +4 -0
- package/dist/styles/utils/spacing/block.scss +60 -0
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 13.39.0
|
|
4
|
+
|
|
5
|
+
- Added the padding utilities `padding-xs2` through `padding-lg`, their `padding-block-*`, `padding-top-*` and `padding-bottom-*` forms, plus `width-full`, `radius-md` and `radius-sm`. The package had margin utilities (`mt-*`, `ml-*`) and gap utilities but no padding ones, so every consuming site wrote a class per padded box — and the package's own graph shell, code block, editor surface and file explorer already set `padding-sm`, `padding-xs`, `width-full` and `radius-md` on elements, class names that were defined nowhere and therefore did nothing.
|
|
6
|
+
|
|
3
7
|
## 13.38.0
|
|
4
8
|
|
|
5
9
|
- `text-outline` draws its outline with a ring of `text-shadow` offsets instead of `-webkit-text-stroke`. A stroke is applied to every contour of a glyph, including the internal ones a filled glyph hides, so in a display face whose letters are drawn as overlapping shapes — a bowl laid over a stem, a crossbar laid over two diagonals — the seams showed as stray strokes inside the letterform. The ring is painted behind the glyph and only the merged silhouette shows, which is what an outlined letter should look like.
|
|
@@ -58,3 +58,63 @@
|
|
|
58
58
|
.mb-lg {
|
|
59
59
|
margin-bottom: var(#{ns.css-var("gap-lg")});
|
|
60
60
|
}
|
|
61
|
+
|
|
62
|
+
.padding-xs2 {
|
|
63
|
+
padding: var(#{ns.css-var("gap-xs2")});
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
.padding-xs {
|
|
67
|
+
padding: var(#{ns.css-var("gap-xs")});
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
.padding-sm {
|
|
71
|
+
padding: var(#{ns.css-var("gap-sm")});
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
.padding-md {
|
|
75
|
+
padding: var(#{ns.css-var("gap-md")});
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
.padding-lg {
|
|
79
|
+
padding: var(#{ns.css-var("gap-lg")});
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
.padding-block-sm {
|
|
83
|
+
padding-block: var(#{ns.css-var("gap-sm")});
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
.padding-block-md {
|
|
87
|
+
padding-block: var(#{ns.css-var("gap-md")});
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
.padding-block-lg {
|
|
91
|
+
padding-block: var(#{ns.css-var("gap-lg")});
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
.padding-top-md {
|
|
95
|
+
padding-top: var(#{ns.css-var("gap-md")});
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
.padding-top-lg {
|
|
99
|
+
padding-top: var(#{ns.css-var("gap-lg")});
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
.padding-bottom-md {
|
|
103
|
+
padding-bottom: var(#{ns.css-var("gap-md")});
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
.padding-bottom-lg {
|
|
107
|
+
padding-bottom: var(#{ns.css-var("gap-lg")});
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
.width-full {
|
|
111
|
+
width: 100%;
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
.radius-md {
|
|
115
|
+
border-radius: var(#{ns.css-var("radius")}, 0);
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
.radius-sm {
|
|
119
|
+
border-radius: var(#{ns.css-var("radius-sm")}, 0);
|
|
120
|
+
}
|
package/package.json
CHANGED