@npm_leadtech/legal-lib-components 7.44.1 → 7.44.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.
Files changed (3) hide show
  1. package/dist/src/components/molecules/SubtypeDocumentCard/SubtypeDocumentCard.styled.js +30 -8
  2. package/dist/src/components/molecules/SubtypeDocumentCard/SubtypeDocumentCard.styled.ts +30 -8
  3. package/package.json +1 -1
package/dist/src/components/molecules/SubtypeDocumentCard/SubtypeDocumentCard.styled.js CHANGED
@@ -171,7 +171,7 @@ export const SubtypeDocumentCardStyled = styled.div `
171
171
  width: 100%;
172
172
  align-items: center;
173
173
  justify-content: center;
174
- padding: 2rem 1.5rem 2rem 1.5rem;
174
+ padding: 1rem;
175
175
  gap: 1rem;
176
176
  border-radius: 1rem;
177
177
  background-color: var(--neutral-neutral-6);
@@ -190,8 +190,10 @@ export const SubtypeDocumentCardStyled = styled.div `
190
190
  align-items: center;
191
191
  flex-direction: column;
192
192
  width: 100%;
193
- max-width: fit-content;
194
- padding: 1.5rem;
193
+ max-width: 235px;
194
+ .image-container {
195
+ width: 60%;
196
+ }
195
197
  }
196
198
 
197
199
  @media (min-width: ${size.lg}) {
@@ -200,9 +202,9 @@ export const SubtypeDocumentCardStyled = styled.div `
200
202
 
201
203
  .title {
202
204
  font-family: Inter;
203
- font-size: 18px;
205
+ font-size: 16px;
204
206
  font-weight: 700;
205
- line-height: 24px;
207
+ line-height: 22px;
206
208
  margin-bottom: 24px;
207
209
  letter-spacing: -0.3px;
208
210
  text-align: left;
@@ -210,10 +212,27 @@ export const SubtypeDocumentCardStyled = styled.div `
210
212
  text-decoration-style: solid;
211
213
  text-underline-position: from-font;
212
214
  text-decoration-skip-ink: none;
215
+
216
+ @media (min-width: ${size.md}) {
217
+ text-align: center;
218
+ }
213
219
  }
214
220
 
215
221
  .content {
222
+ display: flex;
223
+ flex-direction: column;
224
+ height: 100%;
216
225
  width: 100%;
226
+ justify-content: center;
227
+
228
+ @media ${device['landscape-tablets']} {
229
+ margin-left: 1rem;
230
+ }
231
+
232
+ @media (min-width: ${size.md}) {
233
+ width: 100%;
234
+ margin-left: 0;
235
+ }
217
236
  }
218
237
 
219
238
  .buttons-container {
@@ -225,7 +244,7 @@ export const SubtypeDocumentCardStyled = styled.div `
225
244
  @media ${device.desktop} {
226
245
  flex-direction: row;
227
246
  align-self: flex-start;
228
- gap: var(--global-gap);
247
+ gap: 0.2rem;
229
248
  align-items: center;
230
249
  }
231
250
 
@@ -238,11 +257,14 @@ export const SubtypeDocumentCardStyled = styled.div `
238
257
  a {
239
258
  margin-top: 0.75rem;
240
259
  width: 100%;
260
+ label {
261
+ font-size: 14px;
262
+ }
241
263
  }
242
264
 
243
265
  @media ${device.laptop} {
244
266
  justify-content: space-between;
245
- width: 95%;
267
+ width: 100%;
246
268
  a {
247
269
  min-width: 46.5%;
248
270
  max-width: fit-content;
@@ -259,7 +281,7 @@ export const SubtypeDocumentCardStyled = styled.div `
259
281
 
260
282
  @media ${device.desktop} {
261
283
  display: flex;
262
- gap: var(--global-gap);
284
+ gap: 0.2rem;
263
285
  flex-wrap: nowrap;
264
286
  margin-top: 0;
265
287
  }
package/dist/src/components/molecules/SubtypeDocumentCard/SubtypeDocumentCard.styled.ts CHANGED
@@ -181,7 +181,7 @@ export const SubtypeDocumentCardStyled = styled.div<SubtypeDocumentCardStyledPro
181
181
  width: 100%;
182
182
  align-items: center;
183
183
  justify-content: center;
184
- padding: 2rem 1.5rem 2rem 1.5rem;
184
+ padding: 1rem;
185
185
  gap: 1rem;
186
186
  border-radius: 1rem;
187
187
  background-color: var(--neutral-neutral-6);
@@ -200,8 +200,10 @@ export const SubtypeDocumentCardStyled = styled.div<SubtypeDocumentCardStyledPro
200
200
  align-items: center;
201
201
  flex-direction: column;
202
202
  width: 100%;
203
- max-width: fit-content;
204
- padding: 1.5rem;
203
+ max-width: 235px;
204
+ .image-container {
205
+ width: 60%;
206
+ }
205
207
  }
206
208
 
207
209
  @media (min-width: ${size.lg}) {
@@ -210,9 +212,9 @@ export const SubtypeDocumentCardStyled = styled.div<SubtypeDocumentCardStyledPro
210
212
 
211
213
  .title {
212
214
  font-family: Inter;
213
- font-size: 18px;
215
+ font-size: 16px;
214
216
  font-weight: 700;
215
- line-height: 24px;
217
+ line-height: 22px;
216
218
  margin-bottom: 24px;
217
219
  letter-spacing: -0.3px;
218
220
  text-align: left;
@@ -220,10 +222,27 @@ export const SubtypeDocumentCardStyled = styled.div<SubtypeDocumentCardStyledPro
220
222
  text-decoration-style: solid;
221
223
  text-underline-position: from-font;
222
224
  text-decoration-skip-ink: none;
225
+
226
+ @media (min-width: ${size.md}) {
227
+ text-align: center;
228
+ }
223
229
  }
224
230
 
225
231
  .content {
232
+ display: flex;
233
+ flex-direction: column;
234
+ height: 100%;
226
235
  width: 100%;
236
+ justify-content: center;
237
+
238
+ @media ${device['landscape-tablets']} {
239
+ margin-left: 1rem;
240
+ }
241
+
242
+ @media (min-width: ${size.md}) {
243
+ width: 100%;
244
+ margin-left: 0;
245
+ }
227
246
  }
228
247
 
229
248
  .buttons-container {
@@ -235,7 +254,7 @@ export const SubtypeDocumentCardStyled = styled.div<SubtypeDocumentCardStyledPro
235
254
  @media ${device.desktop} {
236
255
  flex-direction: row;
237
256
  align-self: flex-start;
238
- gap: var(--global-gap);
257
+ gap: 0.2rem;
239
258
  align-items: center;
240
259
  }
241
260
 
@@ -248,11 +267,14 @@ export const SubtypeDocumentCardStyled = styled.div<SubtypeDocumentCardStyledPro
248
267
  a {
249
268
  margin-top: 0.75rem;
250
269
  width: 100%;
270
+ label {
271
+ font-size: 14px;
272
+ }
251
273
  }
252
274
 
253
275
  @media ${device.laptop} {
254
276
  justify-content: space-between;
255
- width: 95%;
277
+ width: 100%;
256
278
  a {
257
279
  min-width: 46.5%;
258
280
  max-width: fit-content;
@@ -269,7 +291,7 @@ export const SubtypeDocumentCardStyled = styled.div<SubtypeDocumentCardStyledPro
269
291
 
270
292
  @media ${device.desktop} {
271
293
  display: flex;
272
- gap: var(--global-gap);
294
+ gap: 0.2rem;
273
295
  flex-wrap: nowrap;
274
296
  margin-top: 0;
275
297
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@npm_leadtech/legal-lib-components",
3
- "version": "7.44.1",
3
+ "version": "7.44.3",
4
4
  "license": "ISC",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",