@abhir9/pd-design-system 0.1.10 → 0.1.11

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 (2) hide show
  1. package/dist/styles.css +65 -95
  2. package/package.json +1 -1
package/dist/styles.css CHANGED
@@ -852,7 +852,7 @@ button {
852
852
  position: sticky;
853
853
  }
854
854
  .bottom-1 {
855
- bottom: 0.25rem;
855
+ bottom: 0.1rem;
856
856
  }
857
857
  .left-1\/2 {
858
858
  left: 50%;
@@ -862,31 +862,19 @@ button {
862
862
  margin-right: auto;
863
863
  }
864
864
  .mb-1 {
865
- margin-bottom: 0.25rem;
865
+ margin-bottom: 0.1rem;
866
866
  }
867
867
  .mb-2 {
868
- margin-bottom: 0.5rem;
868
+ margin-bottom: 0.2rem;
869
869
  }
870
870
  .mb-6 {
871
- margin-bottom: 1.5rem;
872
- }
873
- .ml-1\.5 {
874
- margin-left: 0.375rem;
871
+ margin-bottom: 0.6rem;
875
872
  }
876
873
  .ml-2 {
877
- margin-left: 0.5rem;
878
- }
879
- .ml-2\.5 {
880
- margin-left: 0.625rem;
881
- }
882
- .mr-1\.5 {
883
- margin-right: 0.375rem;
874
+ margin-left: 0.2rem;
884
875
  }
885
876
  .mr-2 {
886
- margin-right: 0.5rem;
887
- }
888
- .mr-2\.5 {
889
- margin-right: 0.625rem;
877
+ margin-right: 0.2rem;
890
878
  }
891
879
  .inline {
892
880
  display: inline;
@@ -907,31 +895,31 @@ button {
907
895
  display: none;
908
896
  }
909
897
  .h-10 {
910
- height: 2.5rem;
898
+ height: 1rem;
911
899
  }
912
900
  .h-12 {
913
- height: 3rem;
901
+ height: 1.2rem;
914
902
  }
915
903
  .h-16 {
916
- height: 4rem;
904
+ height: 1.6rem;
917
905
  }
918
906
  .h-2 {
919
- height: 0.5rem;
907
+ height: 0.2rem;
920
908
  }
921
909
  .h-28 {
922
- height: 7rem;
910
+ height: 2.8rem;
923
911
  }
924
912
  .h-3 {
925
- height: 0.75rem;
913
+ height: 0.3rem;
926
914
  }
927
915
  .h-4 {
928
- height: 1rem;
916
+ height: 0.4rem;
929
917
  }
930
918
  .h-5 {
931
- height: 1.25rem;
919
+ height: 0.5rem;
932
920
  }
933
921
  .h-8 {
934
- height: 2rem;
922
+ height: 0.8rem;
935
923
  }
936
924
  .min-h-\[100px\] {
937
925
  min-height: 100px;
@@ -940,28 +928,28 @@ button {
940
928
  min-height: 100vh;
941
929
  }
942
930
  .w-2 {
943
- width: 0.5rem;
931
+ width: 0.2rem;
944
932
  }
945
933
  .w-20 {
946
- width: 5rem;
934
+ width: 2rem;
947
935
  }
948
936
  .w-24 {
949
- width: 6rem;
937
+ width: 2.4rem;
950
938
  }
951
939
  .w-3 {
952
- width: 0.75rem;
940
+ width: 0.3rem;
953
941
  }
954
942
  .w-4 {
955
- width: 1rem;
943
+ width: 0.4rem;
956
944
  }
957
945
  .w-5 {
958
- width: 1.25rem;
946
+ width: 0.5rem;
959
947
  }
960
948
  .w-full {
961
949
  width: 100%;
962
950
  }
963
951
  .min-w-0 {
964
- min-width: 0px;
952
+ min-width: 0.0rem;
965
953
  }
966
954
  .max-w-3xl {
967
955
  max-width: 48rem;
@@ -1027,51 +1015,51 @@ button {
1027
1015
  justify-content: center;
1028
1016
  }
1029
1017
  .gap-1 {
1030
- gap: 0.25rem;
1018
+ gap: 0.1rem;
1031
1019
  }
1032
1020
  .gap-2 {
1033
- gap: 0.5rem;
1021
+ gap: 0.2rem;
1034
1022
  }
1035
1023
  .gap-3 {
1036
- gap: 0.75rem;
1024
+ gap: 0.3rem;
1037
1025
  }
1038
1026
  .gap-4 {
1039
- gap: 1rem;
1027
+ gap: 0.4rem;
1040
1028
  }
1041
1029
  .gap-6 {
1042
- gap: 1.5rem;
1030
+ gap: 0.6rem;
1043
1031
  }
1044
1032
  .gap-8 {
1045
- gap: 2rem;
1033
+ gap: 0.8rem;
1046
1034
  }
1047
1035
  .gap-x-6 {
1048
- -moz-column-gap: 1.5rem;
1049
- column-gap: 1.5rem;
1036
+ -moz-column-gap: 0.6rem;
1037
+ column-gap: 0.6rem;
1050
1038
  }
1051
1039
  .space-y-10 > :not([hidden]) ~ :not([hidden]) {
1052
1040
  --tw-space-y-reverse: 0;
1053
- margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
1054
- margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
1041
+ margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
1042
+ margin-bottom: calc(1rem * var(--tw-space-y-reverse));
1055
1043
  }
1056
1044
  .space-y-3 > :not([hidden]) ~ :not([hidden]) {
1057
1045
  --tw-space-y-reverse: 0;
1058
- margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
1059
- margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
1046
+ margin-top: calc(0.3rem * calc(1 - var(--tw-space-y-reverse)));
1047
+ margin-bottom: calc(0.3rem * var(--tw-space-y-reverse));
1060
1048
  }
1061
1049
  .space-y-4 > :not([hidden]) ~ :not([hidden]) {
1062
1050
  --tw-space-y-reverse: 0;
1063
- margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
1064
- margin-bottom: calc(1rem * var(--tw-space-y-reverse));
1051
+ margin-top: calc(0.4rem * calc(1 - var(--tw-space-y-reverse)));
1052
+ margin-bottom: calc(0.4rem * var(--tw-space-y-reverse));
1065
1053
  }
1066
1054
  .space-y-6 > :not([hidden]) ~ :not([hidden]) {
1067
1055
  --tw-space-y-reverse: 0;
1068
- margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
1069
- margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
1056
+ margin-top: calc(0.6rem * calc(1 - var(--tw-space-y-reverse)));
1057
+ margin-bottom: calc(0.6rem * var(--tw-space-y-reverse));
1070
1058
  }
1071
1059
  .space-y-8 > :not([hidden]) ~ :not([hidden]) {
1072
1060
  --tw-space-y-reverse: 0;
1073
- margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
1074
- margin-bottom: calc(2rem * var(--tw-space-y-reverse));
1061
+ margin-top: calc(0.8rem * calc(1 - var(--tw-space-y-reverse)));
1062
+ margin-bottom: calc(0.8rem * var(--tw-space-y-reverse));
1075
1063
  }
1076
1064
  .overflow-hidden {
1077
1065
  overflow: hidden;
@@ -1087,17 +1075,11 @@ button {
1087
1075
  .whitespace-nowrap {
1088
1076
  white-space: nowrap;
1089
1077
  }
1090
- .rounded-full {
1091
- border-radius: 9999px;
1092
- }
1093
1078
  .rounded-lg {
1094
- border-radius: 0.5rem;
1079
+ border-radius: 0.8rem;
1095
1080
  }
1096
1081
  .rounded-md {
1097
- border-radius: 0.375rem;
1098
- }
1099
- .rounded-xl {
1100
- border-radius: 0.75rem;
1082
+ border-radius: 0.6rem;
1101
1083
  }
1102
1084
  .border {
1103
1085
  border-width: 1px;
@@ -1180,41 +1162,41 @@ button {
1180
1162
  background-color: rgb(250 204 21 / var(--tw-bg-opacity, 1));
1181
1163
  }
1182
1164
  .p-12 {
1183
- padding: 3rem;
1165
+ padding: 1.2rem;
1184
1166
  }
1185
1167
  .p-2 {
1186
- padding: 0.5rem;
1168
+ padding: 0.2rem;
1187
1169
  }
1188
1170
  .p-4 {
1189
- padding: 1rem;
1171
+ padding: 0.4rem;
1190
1172
  }
1191
1173
  .p-5 {
1192
- padding: 1.25rem;
1174
+ padding: 0.5rem;
1193
1175
  }
1194
1176
  .p-6 {
1195
- padding: 1.5rem;
1177
+ padding: 0.6rem;
1196
1178
  }
1197
1179
  .p-8 {
1198
- padding: 2rem;
1180
+ padding: 0.8rem;
1199
1181
  }
1200
1182
  .px-1 {
1201
- padding-left: 0.25rem;
1202
- padding-right: 0.25rem;
1183
+ padding-left: 0.1rem;
1184
+ padding-right: 0.1rem;
1203
1185
  }
1204
1186
  .px-3 {
1205
- padding-left: 0.75rem;
1206
- padding-right: 0.75rem;
1187
+ padding-left: 0.3rem;
1188
+ padding-right: 0.3rem;
1207
1189
  }
1208
1190
  .px-4 {
1209
- padding-left: 1rem;
1210
- padding-right: 1rem;
1191
+ padding-left: 0.4rem;
1192
+ padding-right: 0.4rem;
1211
1193
  }
1212
1194
  .px-6 {
1213
- padding-left: 1.5rem;
1214
- padding-right: 1.5rem;
1195
+ padding-left: 0.6rem;
1196
+ padding-right: 0.6rem;
1215
1197
  }
1216
1198
  .pt-2 {
1217
- padding-top: 0.5rem;
1199
+ padding-top: 0.2rem;
1218
1200
  }
1219
1201
  .text-center {
1220
1202
  text-align: center;
@@ -1231,16 +1213,13 @@ button {
1231
1213
  monospace;
1232
1214
  }
1233
1215
  .text-2xl {
1234
- font-size: 1.5rem;
1235
- line-height: 2rem;
1216
+ font-size: 18px;
1236
1217
  }
1237
1218
  .text-3xl {
1238
- font-size: 1.875rem;
1239
- line-height: 2.25rem;
1219
+ font-size: 22px;
1240
1220
  }
1241
1221
  .text-4xl {
1242
- font-size: 2.25rem;
1243
- line-height: 2.5rem;
1222
+ font-size: 32px;
1244
1223
  }
1245
1224
  .text-\[10px\] {
1246
1225
  font-size: 10px;
@@ -1249,24 +1228,16 @@ button {
1249
1228
  font-size: 8px;
1250
1229
  }
1251
1230
  .text-base {
1252
- font-size: 1rem;
1253
- line-height: 1.5rem;
1254
- }
1255
- .text-lg {
1256
- font-size: 1.125rem;
1257
- line-height: 1.75rem;
1231
+ font-size: 13px;
1258
1232
  }
1259
1233
  .text-sm {
1260
- font-size: 0.875rem;
1261
- line-height: 1.25rem;
1234
+ font-size: 12px;
1262
1235
  }
1263
1236
  .text-xl {
1264
- font-size: 1.25rem;
1265
- line-height: 1.75rem;
1237
+ font-size: 14px;
1266
1238
  }
1267
1239
  .text-xs {
1268
- font-size: 0.75rem;
1269
- line-height: 1rem;
1240
+ font-size: 11px;
1270
1241
  }
1271
1242
  .font-bold {
1272
1243
  font-weight: 700;
@@ -1407,8 +1378,7 @@ button {
1407
1378
  background-color: transparent;
1408
1379
  }
1409
1380
  .file\:text-sm::file-selector-button {
1410
- font-size: 0.875rem;
1411
- line-height: 1.25rem;
1381
+ font-size: 12px;
1412
1382
  }
1413
1383
  .file\:font-medium::file-selector-button {
1414
1384
  font-weight: 500;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@abhir9/pd-design-system",
3
- "version": "0.1.10",
3
+ "version": "0.1.11",
4
4
  "description": "Production-grade design system with adapter layer support",
5
5
  "type": "module",
6
6
  "main": "./dist/index.cjs",