@7onic-ui/tokens 0.2.2 → 0.2.3
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/cli/sync.js +197 -15
- package/css/variables.css +9 -0
- package/figma-tokens.json +12 -0
- package/js/index.js +6 -1
- package/js/index.mjs +6 -1
- package/json/tokens.json +5 -2
- package/llms.txt +1990 -246
- package/package.json +1 -1
- package/tailwind/v3-preset.js +7 -0
- package/tailwind/v4-theme.css +8 -0
- package/types/index.d.ts +2 -1
package/package.json
CHANGED
package/tailwind/v3-preset.js
CHANGED
|
@@ -230,6 +230,7 @@ module.exports = {
|
|
|
230
230
|
'2': 'var(--spacing-2)',
|
|
231
231
|
'2.5': 'var(--spacing-2-5)',
|
|
232
232
|
'3': 'var(--spacing-3)',
|
|
233
|
+
'3.5': 'var(--spacing-3-5)',
|
|
233
234
|
'4': 'var(--spacing-4)',
|
|
234
235
|
'5': 'var(--spacing-5)',
|
|
235
236
|
'6': 'var(--spacing-6)',
|
|
@@ -550,6 +551,10 @@ module.exports = {
|
|
|
550
551
|
'0%': { 'transform': 'translateX(-100%)' },
|
|
551
552
|
'100%': { 'transform': 'translateX(100%)' },
|
|
552
553
|
},
|
|
554
|
+
'typing-cursor': {
|
|
555
|
+
'0%, 100%': { 'opacity': '1' },
|
|
556
|
+
'50%': { 'opacity': '0.4' },
|
|
557
|
+
},
|
|
553
558
|
},
|
|
554
559
|
|
|
555
560
|
animation: {
|
|
@@ -607,6 +612,7 @@ module.exports = {
|
|
|
607
612
|
'spinner-morph': 'spinner-morph var(--duration-spin) var(--easing-ease-in-out) infinite',
|
|
608
613
|
'skeleton-pulse': 'skeleton-pulse var(--duration-spin) var(--easing-ease-in-out) infinite',
|
|
609
614
|
'skeleton-wave': 'skeleton-wave var(--duration-spin) var(--easing-linear) infinite',
|
|
615
|
+
'typing-cursor': 'typing-cursor var(--duration-spin) var(--easing-ease-in-out) infinite',
|
|
610
616
|
},
|
|
611
617
|
},
|
|
612
618
|
},
|
|
@@ -695,6 +701,7 @@ module.exports = {
|
|
|
695
701
|
'.animate-spinner-morph': { 'animation': 'spinner-morph var(--duration-spin) var(--easing-ease-in-out) infinite' },
|
|
696
702
|
'.animate-skeleton-pulse': { 'animation': 'skeleton-pulse var(--duration-spin) var(--easing-ease-in-out) infinite' },
|
|
697
703
|
'.animate-skeleton-wave': { 'animation': 'skeleton-wave var(--duration-spin) var(--easing-linear) infinite' },
|
|
704
|
+
'.animate-typing-cursor': { 'animation': 'typing-cursor var(--duration-spin) var(--easing-ease-in-out) infinite' },
|
|
698
705
|
})
|
|
699
706
|
},
|
|
700
707
|
],
|
package/tailwind/v4-theme.css
CHANGED
|
@@ -877,3 +877,11 @@
|
|
|
877
877
|
@utility animate-skeleton-wave {
|
|
878
878
|
animation: skeleton-wave var(--duration-spin) var(--easing-linear) infinite;
|
|
879
879
|
}
|
|
880
|
+
|
|
881
|
+
@keyframes typing-cursor {
|
|
882
|
+
0%, 100% { opacity: 1; }
|
|
883
|
+
50% { opacity: 0.4; }
|
|
884
|
+
}
|
|
885
|
+
@utility animate-typing-cursor {
|
|
886
|
+
animation: typing-cursor var(--duration-spin) var(--easing-ease-in-out) infinite;
|
|
887
|
+
}
|
package/types/index.d.ts
CHANGED
|
@@ -19,7 +19,7 @@ export declare const colors: {
|
|
|
19
19
|
chart: ShadeRecord;
|
|
20
20
|
};
|
|
21
21
|
|
|
22
|
-
export declare const spacing: Record<'0' | '0.5' | '1' | '1.5' | '2' | '2.5' | '3' | '4' | '5' | '6' | '7' | '8' | '10' | '12' | '14' | '16' | '20' | '24', string>;
|
|
22
|
+
export declare const spacing: Record<'0' | '0.5' | '1' | '1.5' | '2' | '2.5' | '3' | '3.5' | '4' | '5' | '6' | '7' | '8' | '10' | '12' | '14' | '16' | '20' | '24', string>;
|
|
23
23
|
|
|
24
24
|
export declare const fontSize: Record<'2xs' | 'xs' | 'sm' | 'md' | 'base' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl', { size: string; lineHeight: string }>;
|
|
25
25
|
|
|
@@ -124,6 +124,7 @@ export declare const animation: {
|
|
|
124
124
|
'spinner-morph': { duration: string; easing: string };
|
|
125
125
|
'skeleton-pulse': { duration: string; easing: string };
|
|
126
126
|
'skeleton-wave': { duration: string; easing: string };
|
|
127
|
+
'typing-cursor': { duration: string; easing: string };
|
|
127
128
|
};
|
|
128
129
|
|
|
129
130
|
export declare const typography: {
|