@nexxtmove/ui 1.41.0 → 1.42.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.
|
@@ -4,6 +4,9 @@ import { EditorFontSizeValue } from '../EditorFontSize/EditorFontSize.vue';
|
|
|
4
4
|
* size that class is. Every class is a unitless arbitrary value (`leading-[1.5]`), so the line
|
|
5
5
|
* height scales with the text: at 128px a fixed `leading-9` (36px) would make the lines overlap.
|
|
6
6
|
*
|
|
7
|
+
* The factors run from 0.8 to 2. Below 1 the lines are tighter than the text is tall: meant for
|
|
8
|
+
* large display headings, where ascenders and descenders may touch or clip.
|
|
9
|
+
*
|
|
7
10
|
* The first step is no class at all: the element keeps the line height of its `text-*` token,
|
|
8
11
|
* see `EDITOR_TEXT_LINE_HEIGHT_RATIOS`. Its `factor` is `null` because it depends on that token.
|
|
9
12
|
*
|
|
@@ -14,6 +17,18 @@ import { EditorFontSizeValue } from '../EditorFontSize/EditorFontSize.vue';
|
|
|
14
17
|
export declare const EDITOR_LINE_HEIGHT_STEPS: readonly [{
|
|
15
18
|
readonly token: null;
|
|
16
19
|
readonly factor: null;
|
|
20
|
+
}, {
|
|
21
|
+
readonly token: "leading-[0.8]";
|
|
22
|
+
readonly factor: 0.8;
|
|
23
|
+
}, {
|
|
24
|
+
readonly token: "leading-[0.85]";
|
|
25
|
+
readonly factor: 0.85;
|
|
26
|
+
}, {
|
|
27
|
+
readonly token: "leading-[0.9]";
|
|
28
|
+
readonly factor: 0.9;
|
|
29
|
+
}, {
|
|
30
|
+
readonly token: "leading-[0.95]";
|
|
31
|
+
readonly factor: 0.95;
|
|
17
32
|
}, {
|
|
18
33
|
readonly token: "leading-[1]";
|
|
19
34
|
readonly factor: 1;
|
package/dist/index.js
CHANGED
|
@@ -2177,6 +2177,22 @@ var xt = { funda: { render: bt } }, Q = /* @__PURE__ */ p({
|
|
|
2177
2177
|
token: null,
|
|
2178
2178
|
factor: null
|
|
2179
2179
|
},
|
|
2180
|
+
{
|
|
2181
|
+
token: "leading-[0.8]",
|
|
2182
|
+
factor: .8
|
|
2183
|
+
},
|
|
2184
|
+
{
|
|
2185
|
+
token: "leading-[0.85]",
|
|
2186
|
+
factor: .85
|
|
2187
|
+
},
|
|
2188
|
+
{
|
|
2189
|
+
token: "leading-[0.9]",
|
|
2190
|
+
factor: .9
|
|
2191
|
+
},
|
|
2192
|
+
{
|
|
2193
|
+
token: "leading-[0.95]",
|
|
2194
|
+
factor: .95
|
|
2195
|
+
},
|
|
2180
2196
|
{
|
|
2181
2197
|
token: "leading-[1]",
|
|
2182
2198
|
factor: 1
|
package/package.json
CHANGED
|
@@ -7,6 +7,9 @@ import type { EditorFontSizeValue } from '../EditorFontSize/EditorFontSize.vue'
|
|
|
7
7
|
* size that class is. Every class is a unitless arbitrary value (`leading-[1.5]`), so the line
|
|
8
8
|
* height scales with the text: at 128px a fixed `leading-9` (36px) would make the lines overlap.
|
|
9
9
|
*
|
|
10
|
+
* The factors run from 0.8 to 2. Below 1 the lines are tighter than the text is tall: meant for
|
|
11
|
+
* large display headings, where ascenders and descenders may touch or clip.
|
|
12
|
+
*
|
|
10
13
|
* The first step is no class at all: the element keeps the line height of its `text-*` token,
|
|
11
14
|
* see `EDITOR_TEXT_LINE_HEIGHT_RATIOS`. Its `factor` is `null` because it depends on that token.
|
|
12
15
|
*
|
|
@@ -16,6 +19,10 @@ import type { EditorFontSizeValue } from '../EditorFontSize/EditorFontSize.vue'
|
|
|
16
19
|
*/
|
|
17
20
|
export const EDITOR_LINE_HEIGHT_STEPS = [
|
|
18
21
|
{ token: null, factor: null },
|
|
22
|
+
{ token: 'leading-[0.8]', factor: 0.8 },
|
|
23
|
+
{ token: 'leading-[0.85]', factor: 0.85 },
|
|
24
|
+
{ token: 'leading-[0.9]', factor: 0.9 },
|
|
25
|
+
{ token: 'leading-[0.95]', factor: 0.95 },
|
|
19
26
|
{ token: 'leading-[1]', factor: 1 },
|
|
20
27
|
{ token: 'leading-[1.1]', factor: 1.1 },
|
|
21
28
|
{ token: 'leading-[1.2]', factor: 1.2 },
|