@uncinq/design-tokens 1.2.0 → 1.3.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.
|
@@ -13,13 +13,13 @@
|
|
|
13
13
|
--spacing-xl: var(--size-60);
|
|
14
14
|
--spacing-2xl: var(--size-100);
|
|
15
15
|
--spacing-3xl: var(--size-150);
|
|
16
|
-
--spacing-fluid-2xs: clamp(0.3125rem, 0.
|
|
17
|
-
--spacing-fluid-xs: clamp(0.625rem, 0.
|
|
18
|
-
--spacing-fluid-sm: clamp(1.25rem, 0.
|
|
19
|
-
--spacing-fluid-md: clamp(1.875rem, 1.
|
|
20
|
-
--spacing-fluid-lg: clamp(2.5rem, 1.
|
|
21
|
-
--spacing-fluid-xl: clamp(3.125rem, 2.
|
|
22
|
-
--spacing-fluid-2xl: clamp(3.75rem, 2.
|
|
16
|
+
--spacing-fluid-2xs: clamp(0.3125rem, 0.2025rem + 0.4695vw, 0.625rem);
|
|
17
|
+
--spacing-fluid-xs: clamp(0.625rem, 0.4049rem + 0.9390vw, 1.25rem);
|
|
18
|
+
--spacing-fluid-sm: clamp(1.25rem, 0.8099rem + 1.8779vw, 2.5rem);
|
|
19
|
+
--spacing-fluid-md: clamp(1.875rem, 1.2148rem + 2.8169vw, 3.75rem);
|
|
20
|
+
--spacing-fluid-lg: clamp(2.5rem, 1.6197rem + 3.7559vw, 5rem);
|
|
21
|
+
--spacing-fluid-xl: clamp(3.125rem, 2.0246rem + 4.6948vw, 6.25rem);
|
|
22
|
+
--spacing-fluid-2xl: clamp(3.75rem, 2.4296rem + 5.6338vw, 7.5rem);
|
|
23
23
|
--spacing-card: var(--spacing-sm);
|
|
24
24
|
--spacing-control: var(--spacing-xs);
|
|
25
25
|
--spacing-heading: var(--spacing-fluid-sm);
|
|
@@ -21,14 +21,14 @@
|
|
|
21
21
|
--font-size-xl: var(--size-48);
|
|
22
22
|
--font-size-2xl: var(--size-64);
|
|
23
23
|
--font-size-display: var(--size-96);
|
|
24
|
-
--font-size-fluid-2xs: clamp(0.625rem, 0.
|
|
25
|
-
--font-size-fluid-xs: clamp(0.75rem, 0.
|
|
26
|
-
--font-size-fluid-sm: clamp(0.875rem, 0.
|
|
27
|
-
--font-size-fluid-md: clamp(1rem, 0.
|
|
28
|
-
--font-size-fluid-lg: clamp(1.125rem,
|
|
29
|
-
--font-size-fluid-xl: clamp(1.5rem,
|
|
30
|
-
--font-size-fluid-2xl: clamp(3rem, 2.
|
|
31
|
-
--font-size-fluid-display: clamp(4rem, 3.
|
|
24
|
+
--font-size-fluid-2xs: clamp(0.625rem, 0.5810rem + 0.1878vw, 0.75rem);
|
|
25
|
+
--font-size-fluid-xs: clamp(0.75rem, 0.7060rem + 0.1878vw, 0.875rem);
|
|
26
|
+
--font-size-fluid-sm: clamp(0.875rem, 0.8310rem + 0.1878vw, 1rem);
|
|
27
|
+
--font-size-fluid-md: clamp(1rem, 0.9560rem + 0.1878vw, 1.125rem);
|
|
28
|
+
--font-size-fluid-lg: clamp(1.125rem, 0.9930rem + 0.5634vw, 1.5rem);
|
|
29
|
+
--font-size-fluid-xl: clamp(1.5rem, 0.9718rem + 2.2535vw, 3rem);
|
|
30
|
+
--font-size-fluid-2xl: clamp(3rem, 2.6479rem + 1.5023vw, 4rem);
|
|
31
|
+
--font-size-fluid-display: clamp(4rem, 3.2958rem + 3.0047vw, 6rem);
|
|
32
32
|
--font-size-heading-01: var(--font-size-fluid-xl);
|
|
33
33
|
--font-size-heading-02: var(--font-size-fluid-lg);
|
|
34
34
|
--font-size-heading-03: var(--font-size-fluid-md);
|
package/package.json
CHANGED
|
@@ -34,31 +34,31 @@
|
|
|
34
34
|
},
|
|
35
35
|
"fluid": {
|
|
36
36
|
"2xs": {
|
|
37
|
-
"$value": "clamp(0.3125rem, 0.
|
|
37
|
+
"$value": "clamp(0.3125rem, 0.2025rem + 0.4695vw, 0.625rem)",
|
|
38
38
|
"$type": "dimension"
|
|
39
39
|
},
|
|
40
40
|
"xs": {
|
|
41
|
-
"$value": "clamp(0.625rem, 0.
|
|
41
|
+
"$value": "clamp(0.625rem, 0.4049rem + 0.9390vw, 1.25rem)",
|
|
42
42
|
"$type": "dimension"
|
|
43
43
|
},
|
|
44
44
|
"sm": {
|
|
45
|
-
"$value": "clamp(1.25rem, 0.
|
|
45
|
+
"$value": "clamp(1.25rem, 0.8099rem + 1.8779vw, 2.5rem)",
|
|
46
46
|
"$type": "dimension"
|
|
47
47
|
},
|
|
48
48
|
"md": {
|
|
49
|
-
"$value": "clamp(1.875rem, 1.
|
|
49
|
+
"$value": "clamp(1.875rem, 1.2148rem + 2.8169vw, 3.75rem)",
|
|
50
50
|
"$type": "dimension"
|
|
51
51
|
},
|
|
52
52
|
"lg": {
|
|
53
|
-
"$value": "clamp(2.5rem, 1.
|
|
53
|
+
"$value": "clamp(2.5rem, 1.6197rem + 3.7559vw, 5rem)",
|
|
54
54
|
"$type": "dimension"
|
|
55
55
|
},
|
|
56
56
|
"xl": {
|
|
57
|
-
"$value": "clamp(3.125rem, 2.
|
|
57
|
+
"$value": "clamp(3.125rem, 2.0246rem + 4.6948vw, 6.25rem)",
|
|
58
58
|
"$type": "dimension"
|
|
59
59
|
},
|
|
60
60
|
"2xl": {
|
|
61
|
-
"$value": "clamp(3.75rem, 2.
|
|
61
|
+
"$value": "clamp(3.75rem, 2.4296rem + 5.6338vw, 7.5rem)",
|
|
62
62
|
"$type": "dimension"
|
|
63
63
|
}
|
|
64
64
|
},
|
|
@@ -49,35 +49,35 @@
|
|
|
49
49
|
"fluid": {
|
|
50
50
|
"2xs": {
|
|
51
51
|
"$type": "dimension",
|
|
52
|
-
"$value": "clamp(0.625rem, 0.
|
|
52
|
+
"$value": "clamp(0.625rem, 0.5810rem + 0.1878vw, 0.75rem)"
|
|
53
53
|
},
|
|
54
54
|
"xs": {
|
|
55
55
|
"$type": "dimension",
|
|
56
|
-
"$value": "clamp(0.75rem, 0.
|
|
56
|
+
"$value": "clamp(0.75rem, 0.7060rem + 0.1878vw, 0.875rem)"
|
|
57
57
|
},
|
|
58
58
|
"sm": {
|
|
59
59
|
"$type": "dimension",
|
|
60
|
-
"$value": "clamp(0.875rem, 0.
|
|
60
|
+
"$value": "clamp(0.875rem, 0.8310rem + 0.1878vw, 1rem)"
|
|
61
61
|
},
|
|
62
62
|
"md": {
|
|
63
63
|
"$type": "dimension",
|
|
64
|
-
"$value": "clamp(1rem, 0.
|
|
64
|
+
"$value": "clamp(1rem, 0.9560rem + 0.1878vw, 1.125rem)"
|
|
65
65
|
},
|
|
66
66
|
"lg": {
|
|
67
67
|
"$type": "dimension",
|
|
68
|
-
"$value": "clamp(1.125rem,
|
|
68
|
+
"$value": "clamp(1.125rem, 0.9930rem + 0.5634vw, 1.5rem)"
|
|
69
69
|
},
|
|
70
70
|
"xl": {
|
|
71
71
|
"$type": "dimension",
|
|
72
|
-
"$value": "clamp(1.5rem,
|
|
72
|
+
"$value": "clamp(1.5rem, 0.9718rem + 2.2535vw, 3rem)"
|
|
73
73
|
},
|
|
74
74
|
"2xl": {
|
|
75
75
|
"$type": "dimension",
|
|
76
|
-
"$value": "clamp(3rem, 2.
|
|
76
|
+
"$value": "clamp(3rem, 2.6479rem + 1.5023vw, 4rem)"
|
|
77
77
|
},
|
|
78
78
|
"display": {
|
|
79
79
|
"$type": "dimension",
|
|
80
|
-
"$value": "clamp(4rem, 3.
|
|
80
|
+
"$value": "clamp(4rem, 3.2958rem + 3.0047vw, 6rem)"
|
|
81
81
|
}
|
|
82
82
|
},
|
|
83
83
|
"heading": {
|