@kompasid/lit-web-components 0.9.48 → 0.9.49

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 (35) hide show
  1. package/demo/header.html +18 -2
  2. package/demo/paywall.html +3 -2
  3. package/dist/src/components/kompasid-header-account/KompasHeaderAccount.d.ts +1 -0
  4. package/dist/src/components/kompasid-header-account/KompasHeaderAccount.js +8 -0
  5. package/dist/src/components/kompasid-header-account/KompasHeaderAccount.js.map +1 -1
  6. package/dist/src/components/kompasid-header-account-profile/KompasHeaderAccountProfile.d.ts +3 -0
  7. package/dist/src/components/kompasid-header-account-profile/KompasHeaderAccountProfile.js +83 -6
  8. package/dist/src/components/kompasid-header-account-profile/KompasHeaderAccountProfile.js.map +1 -1
  9. package/dist/src/components/kompasid-paywall/types.d.ts +1 -0
  10. package/dist/src/components/kompasid-paywall/types.js.map +1 -1
  11. package/dist/src/components/kompasid-paywall-body/KompasPaywallBody.d.ts +1 -0
  12. package/dist/src/components/kompasid-paywall-body/KompasPaywallBody.js +22 -1
  13. package/dist/src/components/kompasid-paywall-body/KompasPaywallBody.js.map +1 -1
  14. package/dist/src/components/kompasid-paywall-modal-register/KompasPaywallModalRegister.d.ts +36 -0
  15. package/dist/src/components/kompasid-paywall-modal-register/KompasPaywallModalRegister.js +589 -0
  16. package/dist/src/components/kompasid-paywall-modal-register/KompasPaywallModalRegister.js.map +1 -0
  17. package/dist/src/components/kompasid-paywall-modal-register/types.d.ts +33 -0
  18. package/dist/src/components/kompasid-paywall-modal-register/types.js +2 -0
  19. package/dist/src/components/kompasid-paywall-modal-register/types.js.map +1 -0
  20. package/dist/src/index.d.ts +1 -0
  21. package/dist/src/index.js +1 -0
  22. package/dist/src/index.js.map +1 -1
  23. package/dist/tailwind/tailwind.js +160 -0
  24. package/dist/tailwind/tailwind.js.map +1 -1
  25. package/dist/tsconfig.tsbuildinfo +1 -1
  26. package/package.json +1 -1
  27. package/src/components/kompasid-header-account/KompasHeaderAccount.ts +5 -0
  28. package/src/components/kompasid-header-account-profile/KompasHeaderAccountProfile.ts +78 -6
  29. package/src/components/kompasid-paywall/types.ts +1 -0
  30. package/src/components/kompasid-paywall-body/KompasPaywallBody.ts +22 -1
  31. package/src/components/kompasid-paywall-modal-register/KompasPaywallModalRegister.ts +613 -0
  32. package/src/components/kompasid-paywall-modal-register/types.ts +39 -0
  33. package/src/index.ts +1 -0
  34. package/tailwind/tailwind.css +160 -0
  35. package/tailwind/tailwind.ts +160 -0
@@ -0,0 +1,33 @@
1
+ export interface CardRegister {
2
+ labelPackage: string;
3
+ textInvitation: string;
4
+ isButtonSolid: boolean;
5
+ textButton: string;
6
+ }
7
+ export interface hotline {
8
+ text: string;
9
+ url: string;
10
+ }
11
+ export interface sectionRegister {
12
+ title: string;
13
+ description: string;
14
+ }
15
+ export interface popUpRegister {
16
+ logo: string;
17
+ benefits: string[];
18
+ sectionRegister: sectionRegister;
19
+ hotline: hotline;
20
+ }
21
+ export interface popUpSuccess {
22
+ logo: string;
23
+ title: string;
24
+ description: string;
25
+ }
26
+ export interface PopUp {
27
+ registerPopUp: popUpRegister;
28
+ successPopUp: popUpSuccess;
29
+ }
30
+ export interface ModalRegister {
31
+ card: CardRegister;
32
+ modal: PopUp;
33
+ }
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/kompasid-paywall-modal-register/types.ts"],"names":[],"mappings":"","sourcesContent":["export interface CardRegister {\n labelPackage: string\n textInvitation: string\n isButtonSolid: boolean\n textButton: string\n}\n\nexport interface hotline {\n text: string\n url: string\n}\n\nexport interface sectionRegister {\n title: string\n description: string\n}\n\nexport interface popUpRegister {\n logo: string\n benefits: string[]\n sectionRegister: sectionRegister\n hotline: hotline\n}\n\nexport interface popUpSuccess {\n logo: string\n title: string\n description: string\n}\n\nexport interface PopUp {\n registerPopUp: popUpRegister\n successPopUp: popUpSuccess\n}\n\nexport interface ModalRegister {\n card: CardRegister\n modal: PopUp\n}\n"]}
@@ -11,6 +11,7 @@ export { KompasHeaderAccount } from './components/kompasid-header-account/Kompas
11
11
  export { KompasHeaderNotification } from './components/kompasid-header-notification/KompasHeaderNotification.js';
12
12
  export { KompasGracePeriod } from './components/kompasid-grace-period/KompasGracePeriod.js';
13
13
  export { KompasMeteredPaywallPersonalize } from './components/kompasid-metered-paywall-personalize/KompasMeteredPaywallPersonalize.js';
14
+ export { KompasPaywallModalRegister } from './components/kompasid-paywall-modal-register/KompasPaywallModalRegister.js';
14
15
  declare global {
15
16
  interface Window {
16
17
  gtag: (...args: any[]) => void;
package/dist/src/index.js CHANGED
@@ -11,4 +11,5 @@ export { KompasHeaderAccount } from './components/kompasid-header-account/Kompas
11
11
  export { KompasHeaderNotification } from './components/kompasid-header-notification/KompasHeaderNotification.js';
12
12
  export { KompasGracePeriod } from './components/kompasid-grace-period/KompasGracePeriod.js';
13
13
  export { KompasMeteredPaywallPersonalize } from './components/kompasid-metered-paywall-personalize/KompasMeteredPaywallPersonalize.js';
14
+ export { KompasPaywallModalRegister } from './components/kompasid-paywall-modal-register/KompasPaywallModalRegister.js';
14
15
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0DAA0D,CAAA;AAC5F,OAAO,EAAE,iCAAiC,EAAE,MAAM,0FAA0F,CAAA;AAC5I,OAAO,EAAE,8BAA8B,EAAE,MAAM,oFAAoF,CAAA;AACnI,OAAO,EAAE,aAAa,EAAE,MAAM,gDAAgD,CAAA;AAC9E,OAAO,EAAE,YAAY,EAAE,MAAM,8CAA8C,CAAA;AAC3E,OAAO,EAAE,kBAAkB,EAAE,MAAM,2DAA2D,CAAA;AAC9F,OAAO,EAAE,oBAAoB,EAAE,MAAM,+DAA+D,CAAA;AACpG,OAAO,EAAE,cAAc,EAAE,MAAM,kDAAkD,CAAA;AACjF,OAAO,EAAE,yBAAyB,EAAE,MAAM,0EAA0E,CAAA;AACpH,OAAO,EAAE,mBAAmB,EAAE,MAAM,6DAA6D,CAAA;AACjG,OAAO,EAAE,wBAAwB,EAAE,MAAM,uEAAuE,CAAA;AAChH,OAAO,EAAE,iBAAiB,EAAE,MAAM,yDAAyD,CAAA;AAC3F,OAAO,EAAE,+BAA+B,EAAE,MAAM,sFAAsF,CAAA","sourcesContent":["export { KompasMenuSideBar } from './components/kompasid-menu-side-bar/KompasMenuSideBar.js'\nexport { KompasWidgetRecirculationsDefault } from './components/kompasid-widget-recirculations-default/KompasWidgetRecirculationsDefault.js'\nexport { KompasWidgetRecirculationsList } from './components/kompasid-widget-recirculations-list/KompasWidgetRecirculationsList.js'\nexport { KompasPaywall } from './components/kompasid-paywall/KompasPaywall.js'\nexport { KompasFooter } from './components/kompasid-footer/KompasFooter.js'\nexport { KompasPaywallVideo } from './components/kompasid-paywall-video/KompasPaywallVideo.js'\nexport { KompasMeteredPaywall } from './components/kompasid-metered-paywall/KompasMeteredPaywall.js'\nexport { KompasFreewall } from './components/kompasid-freewall/KompasFreewall.js'\nexport { KompasMeteredWallRegister } from './components/kompasid-metered-wall-register/KompasMeteredWallRegister.js'\nexport { KompasHeaderAccount } from './components/kompasid-header-account/KompasHeaderAccount.js'\nexport { KompasHeaderNotification } from './components/kompasid-header-notification/KompasHeaderNotification.js'\nexport { KompasGracePeriod } from './components/kompasid-grace-period/KompasGracePeriod.js'\nexport { KompasMeteredPaywallPersonalize } from './components/kompasid-metered-paywall-personalize/KompasMeteredPaywallPersonalize.js'\n\ndeclare global {\n interface Window {\n gtag: (...args: any[]) => void\n dataLayer: Record<string, any>\n }\n}\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0DAA0D,CAAA;AAC5F,OAAO,EAAE,iCAAiC,EAAE,MAAM,0FAA0F,CAAA;AAC5I,OAAO,EAAE,8BAA8B,EAAE,MAAM,oFAAoF,CAAA;AACnI,OAAO,EAAE,aAAa,EAAE,MAAM,gDAAgD,CAAA;AAC9E,OAAO,EAAE,YAAY,EAAE,MAAM,8CAA8C,CAAA;AAC3E,OAAO,EAAE,kBAAkB,EAAE,MAAM,2DAA2D,CAAA;AAC9F,OAAO,EAAE,oBAAoB,EAAE,MAAM,+DAA+D,CAAA;AACpG,OAAO,EAAE,cAAc,EAAE,MAAM,kDAAkD,CAAA;AACjF,OAAO,EAAE,yBAAyB,EAAE,MAAM,0EAA0E,CAAA;AACpH,OAAO,EAAE,mBAAmB,EAAE,MAAM,6DAA6D,CAAA;AACjG,OAAO,EAAE,wBAAwB,EAAE,MAAM,uEAAuE,CAAA;AAChH,OAAO,EAAE,iBAAiB,EAAE,MAAM,yDAAyD,CAAA;AAC3F,OAAO,EAAE,+BAA+B,EAAE,MAAM,sFAAsF,CAAA;AACtI,OAAO,EAAE,0BAA0B,EAAE,MAAM,4EAA4E,CAAA","sourcesContent":["export { KompasMenuSideBar } from './components/kompasid-menu-side-bar/KompasMenuSideBar.js'\nexport { KompasWidgetRecirculationsDefault } from './components/kompasid-widget-recirculations-default/KompasWidgetRecirculationsDefault.js'\nexport { KompasWidgetRecirculationsList } from './components/kompasid-widget-recirculations-list/KompasWidgetRecirculationsList.js'\nexport { KompasPaywall } from './components/kompasid-paywall/KompasPaywall.js'\nexport { KompasFooter } from './components/kompasid-footer/KompasFooter.js'\nexport { KompasPaywallVideo } from './components/kompasid-paywall-video/KompasPaywallVideo.js'\nexport { KompasMeteredPaywall } from './components/kompasid-metered-paywall/KompasMeteredPaywall.js'\nexport { KompasFreewall } from './components/kompasid-freewall/KompasFreewall.js'\nexport { KompasMeteredWallRegister } from './components/kompasid-metered-wall-register/KompasMeteredWallRegister.js'\nexport { KompasHeaderAccount } from './components/kompasid-header-account/KompasHeaderAccount.js'\nexport { KompasHeaderNotification } from './components/kompasid-header-notification/KompasHeaderNotification.js'\nexport { KompasGracePeriod } from './components/kompasid-grace-period/KompasGracePeriod.js'\nexport { KompasMeteredPaywallPersonalize } from './components/kompasid-metered-paywall-personalize/KompasMeteredPaywallPersonalize.js'\nexport { KompasPaywallModalRegister } from './components/kompasid-paywall-modal-register/KompasPaywallModalRegister.js'\n\ndeclare global {\n interface Window {\n gtag: (...args: any[]) => void\n dataLayer: Record<string, any>\n }\n}\n"]}
@@ -592,6 +592,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
592
592
  bottom: -1.5rem;
593
593
  }
594
594
 
595
+ .-right-\\[5\\%\\] {
596
+ right: -5%;
597
+ }
598
+
595
599
  .-top-1\\.5 {
596
600
  top: -0.375rem;
597
601
  }
@@ -600,6 +604,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
600
604
  top: -0.5rem;
601
605
  }
602
606
 
607
+ .-top-\\[11px\\] {
608
+ top: -11px;
609
+ }
610
+
603
611
  .-top-\\[12px\\] {
604
612
  top: -12px;
605
613
  }
@@ -620,6 +628,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
620
628
  left: 1rem;
621
629
  }
622
630
 
631
+ .left-\\[80\\%\\] {
632
+ left: 80%;
633
+ }
634
+
623
635
  .right-0 {
624
636
  right: 0px;
625
637
  }
@@ -636,6 +648,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
636
648
  top: 1rem;
637
649
  }
638
650
 
651
+ .top-full {
652
+ top: 100%;
653
+ }
654
+
639
655
  .z-0 {
640
656
  z-index: 0;
641
657
  }
@@ -737,6 +753,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
737
753
  margin-top: -1.75rem;
738
754
  }
739
755
 
756
+ .-mt-\\[72px\\] {
757
+ margin-top: -72px;
758
+ }
759
+
740
760
  .mb-0 {
741
761
  margin-bottom: 0px;
742
762
  }
@@ -849,6 +869,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
849
869
  margin-top: 1.25rem;
850
870
  }
851
871
 
872
+ .mt-6 {
873
+ margin-top: 1.5rem;
874
+ }
875
+
852
876
  .mt-8 {
853
877
  margin-top: 2rem;
854
878
  }
@@ -962,6 +986,23 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
962
986
  max-height: 116px;
963
987
  }
964
988
 
989
+ .max-h-\\[150px\\] {
990
+ max-height: 150px;
991
+ }
992
+
993
+ .max-h-\\[577px\\] {
994
+ max-height: 577px;
995
+ }
996
+
997
+ .max-h-fit {
998
+ max-height: -moz-fit-content;
999
+ max-height: fit-content;
1000
+ }
1001
+
1002
+ .max-h-full {
1003
+ max-height: 100%;
1004
+ }
1005
+
965
1006
  .min-h-\\[68px\\] {
966
1007
  min-height: 68px;
967
1008
  }
@@ -1095,6 +1136,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
1095
1136
  width: 100%;
1096
1137
  }
1097
1138
 
1139
+ .w-max {
1140
+ width: -moz-max-content;
1141
+ width: max-content;
1142
+ }
1143
+
1098
1144
  .w-screen {
1099
1145
  width: 100vw;
1100
1146
  }
@@ -1115,6 +1161,22 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
1115
1161
  max-width: 1200px;
1116
1162
  }
1117
1163
 
1164
+ .max-w-\\[190px\\] {
1165
+ max-width: 190px;
1166
+ }
1167
+
1168
+ .max-w-\\[214px\\] {
1169
+ max-width: 214px;
1170
+ }
1171
+
1172
+ .max-w-\\[242px\\] {
1173
+ max-width: 242px;
1174
+ }
1175
+
1176
+ .max-w-\\[300px\\] {
1177
+ max-width: 300px;
1178
+ }
1179
+
1118
1180
  .max-w-\\[460px\\] {
1119
1181
  max-width: 460px;
1120
1182
  }
@@ -1123,6 +1185,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
1123
1185
  max-width: 492px;
1124
1186
  }
1125
1187
 
1188
+ .max-w-\\[624px\\] {
1189
+ max-width: 624px;
1190
+ }
1191
+
1126
1192
  .max-w-screen-md {
1127
1193
  max-width: 768px;
1128
1194
  }
@@ -1188,6 +1254,12 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
1188
1254
  cursor: pointer;
1189
1255
  }
1190
1256
 
1257
+ .select-none {
1258
+ -webkit-user-select: none;
1259
+ -moz-user-select: none;
1260
+ user-select: none;
1261
+ }
1262
+
1191
1263
  .snap-x {
1192
1264
  scroll-snap-type: x var(--tw-scroll-snap-strictness);
1193
1265
  }
@@ -1253,6 +1325,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
1253
1325
  align-items: flex-start;
1254
1326
  }
1255
1327
 
1328
+ .items-end {
1329
+ align-items: flex-end;
1330
+ }
1331
+
1256
1332
  .items-center {
1257
1333
  align-items: center;
1258
1334
  }
@@ -1353,6 +1429,14 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
1353
1429
  align-self: center;
1354
1430
  }
1355
1431
 
1432
+ .overflow-auto {
1433
+ overflow: auto;
1434
+ }
1435
+
1436
+ .overflow-hidden {
1437
+ overflow: hidden;
1438
+ }
1439
+
1356
1440
  .overflow-y-auto {
1357
1441
  overflow-y: auto;
1358
1442
  }
@@ -1496,6 +1580,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
1496
1580
  border-color: rgb(153 153 153 / var(--tw-border-opacity, 1));
1497
1581
  }
1498
1582
 
1583
+ .border-grey-500 {
1584
+ --tw-border-opacity: 1;
1585
+ border-color: rgb(102 102 102 / var(--tw-border-opacity, 1));
1586
+ }
1587
+
1499
1588
  .border-white {
1500
1589
  --tw-border-opacity: 1;
1501
1590
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
@@ -1520,6 +1609,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
1520
1609
  background-color: rgb(215 25 32 / var(--tw-bg-opacity, 1));
1521
1610
  }
1522
1611
 
1612
+ .bg-\\[\\#FFF8D6\\] {
1613
+ --tw-bg-opacity: 1;
1614
+ background-color: rgb(255 248 214 / var(--tw-bg-opacity, 1));
1615
+ }
1616
+
1523
1617
  .bg-\\[\\#FFFFFF\\] {
1524
1618
  --tw-bg-opacity: 1;
1525
1619
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
@@ -1635,6 +1729,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
1635
1729
  background-color: rgb(255 220 63 / var(--tw-bg-opacity, 1));
1636
1730
  }
1637
1731
 
1732
+ .bg-yellow-500 {
1733
+ --tw-bg-opacity: 1;
1734
+ background-color: rgb(219 170 0 / var(--tw-bg-opacity, 1));
1735
+ }
1736
+
1638
1737
  .bg-opacity-75 {
1639
1738
  --tw-bg-opacity: 0.75;
1640
1739
  }
@@ -1961,6 +2060,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
1961
2060
  line-height: 1.25rem;
1962
2061
  }
1963
2062
 
2063
+ .leading-6 {
2064
+ line-height: 1.5rem;
2065
+ }
2066
+
1964
2067
  .leading-\\[150\\%\\] {
1965
2068
  line-height: 150%;
1966
2069
  }
@@ -2007,6 +2110,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
2007
2110
  color: rgb(102 102 102 / var(--tw-text-opacity, 1));
2008
2111
  }
2009
2112
 
2113
+ .text-\\[\\#F57A7A\\] {
2114
+ --tw-text-opacity: 1;
2115
+ color: rgb(245 122 122 / var(--tw-text-opacity, 1));
2116
+ }
2117
+
2010
2118
  .text-\\[\\#FFFFFF\\] {
2011
2119
  --tw-text-opacity: 1;
2012
2120
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
@@ -2077,6 +2185,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
2077
2185
  color: rgb(244 244 244 / var(--tw-text-opacity, 1));
2078
2186
  }
2079
2187
 
2188
+ .text-grey-200 {
2189
+ --tw-text-opacity: 1;
2190
+ color: rgb(238 238 238 / var(--tw-text-opacity, 1));
2191
+ }
2192
+
2080
2193
  .text-grey-300 {
2081
2194
  --tw-text-opacity: 1;
2082
2195
  color: rgb(221 221 221 / var(--tw-text-opacity, 1));
@@ -2127,6 +2240,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
2127
2240
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
2128
2241
  }
2129
2242
 
2243
+ .text-yellow-700 {
2244
+ --tw-text-opacity: 1;
2245
+ color: rgb(122 87 0 / var(--tw-text-opacity, 1));
2246
+ }
2247
+
2130
2248
  .underline {
2131
2249
  text-decoration-line: underline;
2132
2250
  }
@@ -2212,6 +2330,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
2212
2330
  outline-offset: 2px;
2213
2331
  }
2214
2332
 
2333
+ .group:hover .group-hover\\:block {
2334
+ display: block;
2335
+ }
2336
+
2215
2337
  @media (min-width: 640px) {
2216
2338
  .sm\\:block {
2217
2339
  display: block;
@@ -2283,6 +2405,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
2283
2405
  margin-right: 1.5rem;
2284
2406
  }
2285
2407
 
2408
+ .md\\:mt-10 {
2409
+ margin-top: 2.5rem;
2410
+ }
2411
+
2286
2412
  .md\\:mt-2 {
2287
2413
  margin-top: 0.5rem;
2288
2414
  }
@@ -2323,10 +2449,19 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
2323
2449
  height: 1.25rem;
2324
2450
  }
2325
2451
 
2452
+ .md\\:h-6 {
2453
+ height: 1.5rem;
2454
+ }
2455
+
2326
2456
  .md\\:max-h-\\[220px\\] {
2327
2457
  max-height: 220px;
2328
2458
  }
2329
2459
 
2460
+ .md\\:max-h-fit {
2461
+ max-height: -moz-fit-content;
2462
+ max-height: fit-content;
2463
+ }
2464
+
2330
2465
  .md\\:min-h-\\[244px\\] {
2331
2466
  min-height: 244px;
2332
2467
  }
@@ -2359,6 +2494,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
2359
2494
  width: 13rem;
2360
2495
  }
2361
2496
 
2497
+ .md\\:w-6 {
2498
+ width: 1.5rem;
2499
+ }
2500
+
2362
2501
  .md\\:w-\\[350px\\] {
2363
2502
  width: 350px;
2364
2503
  }
@@ -2395,6 +2534,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
2395
2534
  max-width: 200px;
2396
2535
  }
2397
2536
 
2537
+ .md\\:max-w-\\[321px\\] {
2538
+ max-width: 321px;
2539
+ }
2540
+
2398
2541
  .md\\:max-w-\\[492px\\] {
2399
2542
  max-width: 492px;
2400
2543
  }
@@ -2491,6 +2634,14 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
2491
2634
  border-radius: 0.5rem;
2492
2635
  }
2493
2636
 
2637
+ .md\\:p-10 {
2638
+ padding: 2.5rem;
2639
+ }
2640
+
2641
+ .md\\:p-16 {
2642
+ padding: 4rem;
2643
+ }
2644
+
2494
2645
  .md\\:p-5 {
2495
2646
  padding: 1.25rem;
2496
2647
  }
@@ -2535,6 +2686,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
2535
2686
  padding-bottom: 0.375rem;
2536
2687
  }
2537
2688
 
2689
+ .md\\:py-16 {
2690
+ padding-top: 4rem;
2691
+ padding-bottom: 4rem;
2692
+ }
2693
+
2538
2694
  .md\\:py-2 {
2539
2695
  padding-top: 0.5rem;
2540
2696
  padding-bottom: 0.5rem;
@@ -2723,6 +2879,10 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
2723
2879
  max-width: 80rem;
2724
2880
  }
2725
2881
 
2882
+ .lg\\:max-w-\\[515px\\] {
2883
+ max-width: 515px;
2884
+ }
2885
+
2726
2886
  .lg\\:grid-cols-12 {
2727
2887
  grid-template-columns: repeat(12, minmax(0, 1fr));
2728
2888
  }