@papyrus-ui/styles 0.4.2 → 0.5.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 +17 -0
- package/css/styles.css +8265 -8222
- package/css/styles.css.map +1 -1
- package/css/styles.min.css +1 -1
- package/css/styles.min.css.map +1 -1
- package/dist/cjs/const/atoms.js +0 -7
- package/dist/cjs/const/atoms.js.map +1 -1
- package/dist/cjs/styles/atoms.css.vanilla.js +1 -1
- package/dist/cjs/styles/atoms.css.vanilla.js.map +1 -1
- package/dist/cjs/styles/global.css.vanilla.js +5 -5
- package/dist/cjs/styles/global.css.vanilla.js.map +1 -1
- package/dist/es/const/atoms.js +0 -7
- package/dist/es/const/atoms.js.map +1 -1
- package/dist/es/styles/atoms.css.vanilla.js +1 -1
- package/dist/es/styles/atoms.css.vanilla.js.map +1 -1
- package/dist/es/styles/global.css.vanilla.js +5 -5
- package/dist/es/styles/global.css.vanilla.js.map +1 -1
- package/dist/types/const/atoms.d.ts +0 -7
- package/dist/types/styles/atoms.css.d.ts +93 -73
- package/dist/types/styles/global.css.d.ts +43 -15
- package/dist/types/utils/calculate-text-height.d.ts +5 -0
- package/package.json +1 -1
|
@@ -143,6 +143,17 @@ export declare const lightThemeTokens: {
|
|
|
143
143
|
fade: string;
|
|
144
144
|
collapse: string;
|
|
145
145
|
};
|
|
146
|
+
aspectRatio: {
|
|
147
|
+
square: string;
|
|
148
|
+
landscapeStandard: string;
|
|
149
|
+
landscapeClassic: string;
|
|
150
|
+
landscapeWide: string;
|
|
151
|
+
landscapeUltraWide: string;
|
|
152
|
+
landscapeSuperWide: string;
|
|
153
|
+
portraitStandard: string;
|
|
154
|
+
portraitClassic: string;
|
|
155
|
+
portraitTall: string;
|
|
156
|
+
};
|
|
146
157
|
typography: {
|
|
147
158
|
button: {
|
|
148
159
|
fontFamily: string;
|
|
@@ -173,6 +184,9 @@ export declare const lightThemeTokens: {
|
|
|
173
184
|
};
|
|
174
185
|
body: {
|
|
175
186
|
md: {
|
|
187
|
+
/**
|
|
188
|
+
* Style checked state for checkboxes and radio buttons.
|
|
189
|
+
*/
|
|
176
190
|
primary: {
|
|
177
191
|
regular: {
|
|
178
192
|
fontFamily: string;
|
|
@@ -209,9 +223,7 @@ export declare const lightThemeTokens: {
|
|
|
209
223
|
fontWeight: string;
|
|
210
224
|
lineHeight: string;
|
|
211
225
|
letterSpacing: string;
|
|
212
|
-
textTransform: string;
|
|
213
|
-
* Style the track of range inputs in WebKit browsers.
|
|
214
|
-
*/
|
|
226
|
+
textTransform: string;
|
|
215
227
|
textDecoration: string;
|
|
216
228
|
};
|
|
217
229
|
};
|
|
@@ -286,9 +298,7 @@ export declare const lightThemeTokens: {
|
|
|
286
298
|
fontFamily: string;
|
|
287
299
|
fontSize: string;
|
|
288
300
|
fontWeight: string;
|
|
289
|
-
lineHeight: string;
|
|
290
|
-
* Reset default opacity style for range
|
|
291
|
-
*/
|
|
301
|
+
lineHeight: string;
|
|
292
302
|
letterSpacing: string;
|
|
293
303
|
textTransform: string;
|
|
294
304
|
textDecoration: string;
|
|
@@ -523,7 +533,6 @@ export declare const lightThemeTokens: {
|
|
|
523
533
|
lg: string;
|
|
524
534
|
focus: string;
|
|
525
535
|
focusDanger: string;
|
|
526
|
-
focusSuccess: string;
|
|
527
536
|
};
|
|
528
537
|
};
|
|
529
538
|
export declare const darkThemeTokens: {
|
|
@@ -664,6 +673,17 @@ export declare const darkThemeTokens: {
|
|
|
664
673
|
fade: string;
|
|
665
674
|
collapse: string;
|
|
666
675
|
};
|
|
676
|
+
aspectRatio: {
|
|
677
|
+
square: string;
|
|
678
|
+
landscapeStandard: string;
|
|
679
|
+
landscapeClassic: string;
|
|
680
|
+
landscapeWide: string;
|
|
681
|
+
landscapeUltraWide: string;
|
|
682
|
+
landscapeSuperWide: string;
|
|
683
|
+
portraitStandard: string;
|
|
684
|
+
portraitClassic: string;
|
|
685
|
+
portraitTall: string;
|
|
686
|
+
};
|
|
667
687
|
typography: {
|
|
668
688
|
button: {
|
|
669
689
|
fontFamily: string;
|
|
@@ -694,6 +714,9 @@ export declare const darkThemeTokens: {
|
|
|
694
714
|
};
|
|
695
715
|
body: {
|
|
696
716
|
md: {
|
|
717
|
+
/**
|
|
718
|
+
* Style checked state for checkboxes and radio buttons.
|
|
719
|
+
*/
|
|
697
720
|
primary: {
|
|
698
721
|
regular: {
|
|
699
722
|
fontFamily: string;
|
|
@@ -730,9 +753,7 @@ export declare const darkThemeTokens: {
|
|
|
730
753
|
fontWeight: string;
|
|
731
754
|
lineHeight: string;
|
|
732
755
|
letterSpacing: string;
|
|
733
|
-
textTransform: string;
|
|
734
|
-
* Style the track of range inputs in WebKit browsers.
|
|
735
|
-
*/
|
|
756
|
+
textTransform: string;
|
|
736
757
|
textDecoration: string;
|
|
737
758
|
};
|
|
738
759
|
};
|
|
@@ -807,9 +828,7 @@ export declare const darkThemeTokens: {
|
|
|
807
828
|
fontFamily: string;
|
|
808
829
|
fontSize: string;
|
|
809
830
|
fontWeight: string;
|
|
810
|
-
lineHeight: string;
|
|
811
|
-
* Reset default opacity style for range
|
|
812
|
-
*/
|
|
831
|
+
lineHeight: string;
|
|
813
832
|
letterSpacing: string;
|
|
814
833
|
textTransform: string;
|
|
815
834
|
textDecoration: string;
|
|
@@ -1044,7 +1063,6 @@ export declare const darkThemeTokens: {
|
|
|
1044
1063
|
lg: string;
|
|
1045
1064
|
focus: string;
|
|
1046
1065
|
focusDanger: string;
|
|
1047
|
-
focusSuccess: string;
|
|
1048
1066
|
};
|
|
1049
1067
|
};
|
|
1050
1068
|
export declare const vars: {
|
|
@@ -1179,6 +1197,17 @@ export declare const vars: {
|
|
|
1179
1197
|
fade: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1180
1198
|
collapse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1181
1199
|
};
|
|
1200
|
+
aspectRatio: {
|
|
1201
|
+
square: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1202
|
+
landscapeStandard: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1203
|
+
landscapeClassic: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1204
|
+
landscapeWide: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1205
|
+
landscapeUltraWide: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1206
|
+
landscapeSuperWide: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1207
|
+
portraitStandard: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1208
|
+
portraitClassic: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1209
|
+
portraitTall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1210
|
+
};
|
|
1182
1211
|
typography: {
|
|
1183
1212
|
button: {
|
|
1184
1213
|
fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -1555,7 +1584,6 @@ export declare const vars: {
|
|
|
1555
1584
|
lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1556
1585
|
focus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1557
1586
|
focusDanger: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1558
|
-
focusSuccess: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1559
1587
|
};
|
|
1560
1588
|
};
|
|
1561
1589
|
/**
|