@papyrus-ui/styles 0.4.1 → 0.4.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/CHANGELOG.md +12 -0
- package/css/styles.css +6435 -6387
- 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 +40 -47
- 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 +40 -47
- 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 +5 -54
- package/dist/types/styles/atoms.css.d.ts +217 -137
- package/dist/types/styles/global.css.d.ts +63 -16
- 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
|
};
|
|
@@ -275,7 +287,9 @@ export declare const lightThemeTokens: {
|
|
|
275
287
|
fontFamily: string;
|
|
276
288
|
fontSize: string;
|
|
277
289
|
fontWeight: string;
|
|
278
|
-
lineHeight: string;
|
|
290
|
+
lineHeight: string; /**
|
|
291
|
+
* Apply focus style to Mozilla range inputs.
|
|
292
|
+
*/
|
|
279
293
|
letterSpacing: string;
|
|
280
294
|
textTransform: string;
|
|
281
295
|
textDecoration: string;
|
|
@@ -286,9 +300,7 @@ export declare const lightThemeTokens: {
|
|
|
286
300
|
fontFamily: string;
|
|
287
301
|
fontSize: string;
|
|
288
302
|
fontWeight: string;
|
|
289
|
-
lineHeight: string;
|
|
290
|
-
* Reset default opacity style for range
|
|
291
|
-
*/
|
|
303
|
+
lineHeight: string;
|
|
292
304
|
letterSpacing: string;
|
|
293
305
|
textTransform: string;
|
|
294
306
|
textDecoration: string;
|
|
@@ -311,10 +323,16 @@ export declare const lightThemeTokens: {
|
|
|
311
323
|
fontSize: string;
|
|
312
324
|
fontWeight: string;
|
|
313
325
|
lineHeight: string;
|
|
314
|
-
letterSpacing: string;
|
|
326
|
+
letterSpacing: string; /**
|
|
327
|
+
* Remove default padding for dialogs.
|
|
328
|
+
*/
|
|
315
329
|
textTransform: string;
|
|
316
330
|
textDecoration: string;
|
|
317
331
|
};
|
|
332
|
+
/**
|
|
333
|
+
* 1. Make replaced components `display: block` by default.
|
|
334
|
+
* 2. Add `vertical-align: middle` to align replaced components more sensibly by default.
|
|
335
|
+
*/
|
|
318
336
|
mobile: {
|
|
319
337
|
fontFamily: string;
|
|
320
338
|
fontSize: string;
|
|
@@ -664,6 +682,17 @@ export declare const darkThemeTokens: {
|
|
|
664
682
|
fade: string;
|
|
665
683
|
collapse: string;
|
|
666
684
|
};
|
|
685
|
+
aspectRatio: {
|
|
686
|
+
square: string;
|
|
687
|
+
landscapeStandard: string;
|
|
688
|
+
landscapeClassic: string;
|
|
689
|
+
landscapeWide: string;
|
|
690
|
+
landscapeUltraWide: string;
|
|
691
|
+
landscapeSuperWide: string;
|
|
692
|
+
portraitStandard: string;
|
|
693
|
+
portraitClassic: string;
|
|
694
|
+
portraitTall: string;
|
|
695
|
+
};
|
|
667
696
|
typography: {
|
|
668
697
|
button: {
|
|
669
698
|
fontFamily: string;
|
|
@@ -694,6 +723,9 @@ export declare const darkThemeTokens: {
|
|
|
694
723
|
};
|
|
695
724
|
body: {
|
|
696
725
|
md: {
|
|
726
|
+
/**
|
|
727
|
+
* Style checked state for checkboxes and radio buttons.
|
|
728
|
+
*/
|
|
697
729
|
primary: {
|
|
698
730
|
regular: {
|
|
699
731
|
fontFamily: string;
|
|
@@ -730,9 +762,7 @@ export declare const darkThemeTokens: {
|
|
|
730
762
|
fontWeight: string;
|
|
731
763
|
lineHeight: string;
|
|
732
764
|
letterSpacing: string;
|
|
733
|
-
textTransform: string;
|
|
734
|
-
* Style the track of range inputs in WebKit browsers.
|
|
735
|
-
*/
|
|
765
|
+
textTransform: string;
|
|
736
766
|
textDecoration: string;
|
|
737
767
|
};
|
|
738
768
|
};
|
|
@@ -796,7 +826,9 @@ export declare const darkThemeTokens: {
|
|
|
796
826
|
fontFamily: string;
|
|
797
827
|
fontSize: string;
|
|
798
828
|
fontWeight: string;
|
|
799
|
-
lineHeight: string;
|
|
829
|
+
lineHeight: string; /**
|
|
830
|
+
* Apply focus style to Mozilla range inputs.
|
|
831
|
+
*/
|
|
800
832
|
letterSpacing: string;
|
|
801
833
|
textTransform: string;
|
|
802
834
|
textDecoration: string;
|
|
@@ -807,9 +839,7 @@ export declare const darkThemeTokens: {
|
|
|
807
839
|
fontFamily: string;
|
|
808
840
|
fontSize: string;
|
|
809
841
|
fontWeight: string;
|
|
810
|
-
lineHeight: string;
|
|
811
|
-
* Reset default opacity style for range
|
|
812
|
-
*/
|
|
842
|
+
lineHeight: string;
|
|
813
843
|
letterSpacing: string;
|
|
814
844
|
textTransform: string;
|
|
815
845
|
textDecoration: string;
|
|
@@ -832,10 +862,16 @@ export declare const darkThemeTokens: {
|
|
|
832
862
|
fontSize: string;
|
|
833
863
|
fontWeight: string;
|
|
834
864
|
lineHeight: string;
|
|
835
|
-
letterSpacing: string;
|
|
865
|
+
letterSpacing: string; /**
|
|
866
|
+
* Remove default padding for dialogs.
|
|
867
|
+
*/
|
|
836
868
|
textTransform: string;
|
|
837
869
|
textDecoration: string;
|
|
838
870
|
};
|
|
871
|
+
/**
|
|
872
|
+
* 1. Make replaced components `display: block` by default.
|
|
873
|
+
* 2. Add `vertical-align: middle` to align replaced components more sensibly by default.
|
|
874
|
+
*/
|
|
839
875
|
mobile: {
|
|
840
876
|
fontFamily: string;
|
|
841
877
|
fontSize: string;
|
|
@@ -1179,6 +1215,17 @@ export declare const vars: {
|
|
|
1179
1215
|
fade: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1180
1216
|
collapse: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1181
1217
|
};
|
|
1218
|
+
aspectRatio: {
|
|
1219
|
+
square: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1220
|
+
landscapeStandard: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1221
|
+
landscapeClassic: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1222
|
+
landscapeWide: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1223
|
+
landscapeUltraWide: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1224
|
+
landscapeSuperWide: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1225
|
+
portraitStandard: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1226
|
+
portraitClassic: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1227
|
+
portraitTall: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
1228
|
+
};
|
|
1182
1229
|
typography: {
|
|
1183
1230
|
button: {
|
|
1184
1231
|
fontFamily: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|