@papyrus-ui/styles 0.3.2 → 0.4.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.
Files changed (12) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/css/styles.css +48 -47
  3. package/css/styles.css.map +1 -1
  4. package/css/styles.min.css +1 -1
  5. package/css/styles.min.css.map +1 -1
  6. package/dist/cjs/styles/global.css.vanilla.js +2 -2
  7. package/dist/cjs/styles/global.css.vanilla.js.map +1 -1
  8. package/dist/es/styles/global.css.vanilla.js +2 -2
  9. package/dist/es/styles/global.css.vanilla.js.map +1 -1
  10. package/dist/types/styles/global.css.d.ts +14 -18
  11. package/package.json +1 -1
  12. package/dist/types/utils/format-tokens.d.ts +0 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
1
1
  # @papyrus-ui/styles
2
2
 
3
+ ## 0.4.0
4
+
5
+ ### Minor Changes
6
+
7
+ - 4ffa041: Adjusted font sizes of headings
8
+ - dbcd2a8: Added CheckboxGroup and RadioGroup components
9
+
3
10
  ## 0.3.2
4
11
 
5
12
  ### Patch Changes
package/css/styles.css CHANGED
@@ -371,6 +371,9 @@ textarea {
371
371
  user-select: none;
372
372
  cursor: pointer;
373
373
  }
374
+ [type=checkbox]:disabled, [type=checkbox][readonly], [type=radio]:disabled, [type=radio][readonly] {
375
+ cursor: default;
376
+ }
374
377
  [type=checkbox] {
375
378
  border-radius: var(--_11v98u335);
376
379
  }
@@ -379,7 +382,7 @@ textarea {
379
382
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='16px' height='16px'><circle cx='8' cy='8' r='8' fill='white'/%3E%3C/svg%3E");
380
383
  background-size: 0;
381
384
  }
382
- [type=checkbox]:hover:not(:disabled), [type=radio]:hover:not(:disabled) {
385
+ [type=checkbox]:hover:not(:disabled):not([readonly]), [type=radio]:hover:not(:disabled):not([readonly]) {
383
386
  background-color: var(--_11v98u31y);
384
387
  }
385
388
  [type=checkbox]:checked, [type=radio]:checked {
@@ -393,17 +396,15 @@ textarea {
393
396
  [type=radio]:checked {
394
397
  background-size: 37.5%;
395
398
  }
396
- [type=checkbox]:checked:hover:not(:disabled), [type=radio]:checked:hover:not(:disabled) {
399
+ [type=checkbox]:checked:hover:not(:disabled):not([readonly]), [type=radio]:checked:hover:not(:disabled):not([readonly]) {
397
400
  background-color: var(--_11v98u38);
398
401
  }
399
- input[type="checkbox"]:not(:disabled) + label,input[type="radio"]:not(:disabled) + label {
400
- cursor: pointer;
401
- }
402
402
  [type="range"] {
403
403
  -webkit-appearance: none;
404
404
  appearance: none;
405
405
  width: 100%;
406
406
  background: transparent;
407
+ padding: 0.5rem 0;
407
408
  cursor: pointer;
408
409
  }
409
410
  [type="range"]::-webkit-slider-runnable-track {
@@ -568,12 +569,12 @@ img {
568
569
  --_11v98u3u: #99D5E9;
569
570
  --_11v98u3v: #CCEAF4;
570
571
  --_11v98u3w: #E6F5F9;
571
- --_11v98u3x: #07200E;
572
- --_11v98u3y: #0F411B;
573
- --_11v98u3z: #166129;
574
- --_11v98u310: #1E8236;
575
- --_11v98u311: #25A244;
576
- --_11v98u312: #51B569;
572
+ --_11v98u3x: #0C1F06;
573
+ --_11v98u3y: #183E0B;
574
+ --_11v98u3z: #245E11;
575
+ --_11v98u310: #307D16;
576
+ --_11v98u311: #3C9C1C;
577
+ --_11v98u312: #63B049;
577
578
  --_11v98u313: #7CC78F;
578
579
  --_11v98u314: #A8DAB4;
579
580
  --_11v98u315: #D3ECDA;
@@ -762,63 +763,63 @@ img {
762
763
  --_11v98u368: none;
763
764
  --_11v98u369: none;
764
765
  --_11v98u36a: 'Source Sans 3', system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
765
- --_11v98u36b: 2.25rem;
766
+ --_11v98u36b: 1.75rem;
766
767
  --_11v98u36c: 600;
767
768
  --_11v98u36d: 1.1119999885559082;
768
769
  --_11v98u36e: 0.00800000011920929em;
769
770
  --_11v98u36f: none;
770
771
  --_11v98u36g: none;
771
772
  --_11v98u36h: 'Source Sans 3', system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
772
- --_11v98u36i: 1.75rem;
773
+ --_11v98u36i: 1.5rem;
773
774
  --_11v98u36j: 600;
774
775
  --_11v98u36k: 1.1119999885559082;
775
776
  --_11v98u36l: 0.012000000476837159em;
776
777
  --_11v98u36m: none;
777
778
  --_11v98u36n: none;
778
779
  --_11v98u36o: 'Vollkorn', system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
779
- --_11v98u36p: 2.25rem;
780
+ --_11v98u36p: 1.75rem;
780
781
  --_11v98u36q: 700;
781
782
  --_11v98u36r: 1.1119999885559082;
782
783
  --_11v98u36s: 0.00800000011920929em;
783
784
  --_11v98u36t: none;
784
785
  --_11v98u36u: none;
785
786
  --_11v98u36v: 'Vollkorn', system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
786
- --_11v98u36w: 1.75rem;
787
+ --_11v98u36w: 1.5rem;
787
788
  --_11v98u36x: 700;
788
789
  --_11v98u36y: 1.1119999885559082;
789
790
  --_11v98u36z: 0.00800000011920929em;
790
791
  --_11v98u370: none;
791
792
  --_11v98u371: none;
792
793
  --_11v98u372: 'Source Sans 3', system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
793
- --_11v98u373: 1.75rem;
794
+ --_11v98u373: 1.25rem;
794
795
  --_11v98u374: 600;
795
796
  --_11v98u375: 1.1119999885559082;
796
797
  --_11v98u376: 0.00800000011920929em;
797
798
  --_11v98u377: none;
798
799
  --_11v98u378: none;
799
800
  --_11v98u379: 'Source Sans 3', system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
800
- --_11v98u37a: 1.5rem;
801
+ --_11v98u37a: 1.25rem;
801
802
  --_11v98u37b: 600;
802
803
  --_11v98u37c: 1.1119999885559082;
803
804
  --_11v98u37d: 0.012000000476837159em;
804
805
  --_11v98u37e: none;
805
806
  --_11v98u37f: none;
806
807
  --_11v98u37g: 'Vollkorn', system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
807
- --_11v98u37h: 1.75rem;
808
+ --_11v98u37h: 1.25rem;
808
809
  --_11v98u37i: 700;
809
810
  --_11v98u37j: 1.1119999885559082;
810
811
  --_11v98u37k: 0.00800000011920929em;
811
812
  --_11v98u37l: none;
812
813
  --_11v98u37m: none;
813
814
  --_11v98u37n: 'Vollkorn', system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
814
- --_11v98u37o: 1.5rem;
815
+ --_11v98u37o: 1.25rem;
815
816
  --_11v98u37p: 700;
816
817
  --_11v98u37q: 1.1119999885559082;
817
818
  --_11v98u37r: 0.012000000476837159em;
818
819
  --_11v98u37s: none;
819
820
  --_11v98u37t: none;
820
821
  --_11v98u37u: 'Source Sans 3', system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
821
- --_11v98u37v: 1.25rem;
822
+ --_11v98u37v: 1.125rem;
822
823
  --_11v98u37w: 600;
823
824
  --_11v98u37x: 1.1119999885559082;
824
825
  --_11v98u37y: 0.012000000476837159em;
@@ -832,7 +833,7 @@ img {
832
833
  --_11v98u386: none;
833
834
  --_11v98u387: none;
834
835
  --_11v98u388: 'Vollkorn', system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
835
- --_11v98u389: 1.25rem;
836
+ --_11v98u389: 1.125rem;
836
837
  --_11v98u38a: 700;
837
838
  --_11v98u38b: 1.1119999885559082;
838
839
  --_11v98u38c: 0.012000000476837159em;
@@ -875,31 +876,31 @@ img {
875
876
  --_11v98u39d: none;
876
877
  --_11v98u39e: 'Source Sans 3', system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
877
878
  --_11v98u39f: 0.875rem;
878
- --_11v98u39g: 400;
879
+ --_11v98u39g: 600;
879
880
  --_11v98u39h: 1.1119999885559082;
880
881
  --_11v98u39i: 0.024000000953674317em;
881
- --_11v98u39j: uppercase;
882
+ --_11v98u39j: none;
882
883
  --_11v98u39k: none;
883
884
  --_11v98u39l: 'Source Sans 3', system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
884
885
  --_11v98u39m: 0.875rem;
885
- --_11v98u39n: 400;
886
+ --_11v98u39n: 600;
886
887
  --_11v98u39o: 1.1119999885559082;
887
888
  --_11v98u39p: 0.024000000953674317em;
888
- --_11v98u39q: uppercase;
889
+ --_11v98u39q: none;
889
890
  --_11v98u39r: none;
890
891
  --_11v98u39s: 'Vollkorn', system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
891
892
  --_11v98u39t: 0.875rem;
892
- --_11v98u39u: 500;
893
+ --_11v98u39u: 700;
893
894
  --_11v98u39v: 1.1119999885559082;
894
895
  --_11v98u39w: 0.024000000953674317em;
895
- --_11v98u39x: uppercase;
896
+ --_11v98u39x: none;
896
897
  --_11v98u39y: none;
897
898
  --_11v98u39z: 'Vollkorn', system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
898
899
  --_11v98u3a0: 0.875rem;
899
- --_11v98u3a1: 500;
900
+ --_11v98u3a1: 700;
900
901
  --_11v98u3a2: 1.1119999885559082;
901
902
  --_11v98u3a3: 0.024000000953674317em;
902
- --_11v98u3a4: uppercase;
903
+ --_11v98u3a4: none;
903
904
  --_11v98u3a5: none;
904
905
  --_11v98u3a6: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.06);
905
906
  --_11v98u3a7: 0px 1px 2px 0px rgba(0, 0, 0, 0.05), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
@@ -1137,63 +1138,63 @@ img {
1137
1138
  --_11v98u368: none;
1138
1139
  --_11v98u369: none;
1139
1140
  --_11v98u36a: 'Source Sans 3', system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
1140
- --_11v98u36b: 2.25rem;
1141
+ --_11v98u36b: 1.75rem;
1141
1142
  --_11v98u36c: 600;
1142
1143
  --_11v98u36d: 1.1119999885559082;
1143
1144
  --_11v98u36e: 0.00800000011920929em;
1144
1145
  --_11v98u36f: none;
1145
1146
  --_11v98u36g: none;
1146
1147
  --_11v98u36h: 'Source Sans 3', system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
1147
- --_11v98u36i: 1.75rem;
1148
+ --_11v98u36i: 1.5rem;
1148
1149
  --_11v98u36j: 600;
1149
1150
  --_11v98u36k: 1.1119999885559082;
1150
1151
  --_11v98u36l: 0.012000000476837159em;
1151
1152
  --_11v98u36m: none;
1152
1153
  --_11v98u36n: none;
1153
1154
  --_11v98u36o: 'Vollkorn', system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
1154
- --_11v98u36p: 2.25rem;
1155
+ --_11v98u36p: 1.75rem;
1155
1156
  --_11v98u36q: 700;
1156
1157
  --_11v98u36r: 1.1119999885559082;
1157
1158
  --_11v98u36s: 0.00800000011920929em;
1158
1159
  --_11v98u36t: none;
1159
1160
  --_11v98u36u: none;
1160
1161
  --_11v98u36v: 'Vollkorn', system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
1161
- --_11v98u36w: 1.75rem;
1162
+ --_11v98u36w: 1.5rem;
1162
1163
  --_11v98u36x: 700;
1163
1164
  --_11v98u36y: 1.1119999885559082;
1164
1165
  --_11v98u36z: 0.00800000011920929em;
1165
1166
  --_11v98u370: none;
1166
1167
  --_11v98u371: none;
1167
1168
  --_11v98u372: 'Source Sans 3', system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
1168
- --_11v98u373: 1.75rem;
1169
+ --_11v98u373: 1.25rem;
1169
1170
  --_11v98u374: 600;
1170
1171
  --_11v98u375: 1.1119999885559082;
1171
1172
  --_11v98u376: 0.00800000011920929em;
1172
1173
  --_11v98u377: none;
1173
1174
  --_11v98u378: none;
1174
1175
  --_11v98u379: 'Source Sans 3', system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
1175
- --_11v98u37a: 1.5rem;
1176
+ --_11v98u37a: 1.25rem;
1176
1177
  --_11v98u37b: 600;
1177
1178
  --_11v98u37c: 1.1119999885559082;
1178
1179
  --_11v98u37d: 0.012000000476837159em;
1179
1180
  --_11v98u37e: none;
1180
1181
  --_11v98u37f: none;
1181
1182
  --_11v98u37g: 'Vollkorn', system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
1182
- --_11v98u37h: 1.75rem;
1183
+ --_11v98u37h: 1.25rem;
1183
1184
  --_11v98u37i: 700;
1184
1185
  --_11v98u37j: 1.1119999885559082;
1185
1186
  --_11v98u37k: 0.00800000011920929em;
1186
1187
  --_11v98u37l: none;
1187
1188
  --_11v98u37m: none;
1188
1189
  --_11v98u37n: 'Vollkorn', system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
1189
- --_11v98u37o: 1.5rem;
1190
+ --_11v98u37o: 1.25rem;
1190
1191
  --_11v98u37p: 700;
1191
1192
  --_11v98u37q: 1.1119999885559082;
1192
1193
  --_11v98u37r: 0.012000000476837159em;
1193
1194
  --_11v98u37s: none;
1194
1195
  --_11v98u37t: none;
1195
1196
  --_11v98u37u: 'Source Sans 3', system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
1196
- --_11v98u37v: 1.25rem;
1197
+ --_11v98u37v: 1.125rem;
1197
1198
  --_11v98u37w: 600;
1198
1199
  --_11v98u37x: 1.1119999885559082;
1199
1200
  --_11v98u37y: 0.012000000476837159em;
@@ -1207,7 +1208,7 @@ img {
1207
1208
  --_11v98u386: none;
1208
1209
  --_11v98u387: none;
1209
1210
  --_11v98u388: 'Vollkorn', system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
1210
- --_11v98u389: 1.25rem;
1211
+ --_11v98u389: 1.125rem;
1211
1212
  --_11v98u38a: 700;
1212
1213
  --_11v98u38b: 1.1119999885559082;
1213
1214
  --_11v98u38c: 0.012000000476837159em;
@@ -1250,31 +1251,31 @@ img {
1250
1251
  --_11v98u39d: none;
1251
1252
  --_11v98u39e: 'Source Sans 3', system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
1252
1253
  --_11v98u39f: 0.875rem;
1253
- --_11v98u39g: 400;
1254
+ --_11v98u39g: 600;
1254
1255
  --_11v98u39h: 1.1119999885559082;
1255
1256
  --_11v98u39i: 0.024000000953674317em;
1256
- --_11v98u39j: uppercase;
1257
+ --_11v98u39j: none;
1257
1258
  --_11v98u39k: none;
1258
1259
  --_11v98u39l: 'Source Sans 3', system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
1259
1260
  --_11v98u39m: 0.875rem;
1260
- --_11v98u39n: 400;
1261
+ --_11v98u39n: 600;
1261
1262
  --_11v98u39o: 1.1119999885559082;
1262
1263
  --_11v98u39p: 0.024000000953674317em;
1263
- --_11v98u39q: uppercase;
1264
+ --_11v98u39q: none;
1264
1265
  --_11v98u39r: none;
1265
1266
  --_11v98u39s: 'Vollkorn', system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
1266
1267
  --_11v98u39t: 0.875rem;
1267
- --_11v98u39u: 500;
1268
+ --_11v98u39u: 700;
1268
1269
  --_11v98u39v: 1.1119999885559082;
1269
1270
  --_11v98u39w: 0.024000000953674317em;
1270
- --_11v98u39x: uppercase;
1271
+ --_11v98u39x: none;
1271
1272
  --_11v98u39y: none;
1272
1273
  --_11v98u39z: 'Vollkorn', system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
1273
1274
  --_11v98u3a0: 0.875rem;
1274
- --_11v98u3a1: 500;
1275
+ --_11v98u3a1: 700;
1275
1276
  --_11v98u3a2: 1.1119999885559082;
1276
1277
  --_11v98u3a3: 0.024000000953674317em;
1277
- --_11v98u3a4: uppercase;
1278
+ --_11v98u3a4: none;
1278
1279
  --_11v98u3a5: none;
1279
1280
  --_11v98u3a6: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.06);
1280
1281
  --_11v98u3a7: 0px 1px 2px 0px rgba(0, 0, 0, 0.05), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);