oasys-lib 1.29.1 → 1.29.2

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 (6) hide show
  1. package/package.json +1 -1
  2. package/src/assets/bloomandwild/variables.css +1 -1
  3. package/src/assets/bloomon/variables.css +1 -1
  4. package/src/assets/global/scss-breakpoints.scss +1 -1
  5. package/src/assets/global/typography.scss +81 -56
  6. package/src/assets/global/variables.css +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "oasys-lib",
3
- "version": "1.29.1",
3
+ "version": "1.29.2",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^14.3.0",
6
6
  "@angular/core": "^14.3.0"
package/src/assets/bloomandwild/variables.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 17 May 2023 08:38:16 GMT
3
+ * Generated on Mon, 05 Jun 2023 13:30:45 GMT
4
4
  */
5
5
 
6
6
  :root .brand-tokens-bloomandwild {
package/src/assets/bloomon/variables.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 17 May 2023 08:38:16 GMT
3
+ * Generated on Mon, 05 Jun 2023 13:30:45 GMT
4
4
  */
5
5
 
6
6
  :root .brand-tokens-bloomon {
package/src/assets/global/scss-breakpoints.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 17 May 2023 08:38:16 GMT
3
+ // Generated on Mon, 05 Jun 2023 13:30:45 GMT
4
4
 
5
5
  $global-breakpoint-mobile: 0px;
6
6
  $global-breakpoint-tablet: 767px;
package/src/assets/global/typography.scss CHANGED
@@ -1,6 +1,4 @@
1
- @import './responsive.scss';
2
-
3
-
1
+ @import "./responsive.scss";
4
2
 
5
3
  /* ---------------------
6
4
  Basic Font Foundations
@@ -28,12 +26,9 @@ html {
28
26
  // Block Italics
29
27
  font-style: normal;
30
28
  }
31
-
32
29
  }
33
30
  }
34
31
 
35
-
36
-
37
32
  /* ---------------------
38
33
  Heading Family
39
34
  --------------------- */
@@ -46,8 +41,6 @@ h3,
46
41
  font-family: var(--semantic-font-family-headline);
47
42
  }
48
43
 
49
-
50
-
51
44
  /* ---------------------
52
45
  Functional Heading Family
53
46
  --------------------- */
@@ -109,8 +102,6 @@ h3,
109
102
  line-height: var(--semantic-font-styles-heading-secondary-line-height);
110
103
  }
111
104
 
112
-
113
-
114
105
  /* ---------------------
115
106
  Functional Heading Sizes
116
107
  --------------------- */
@@ -118,29 +109,39 @@ h3,
118
109
  h4,
119
110
  .text-heading--functional--primary {
120
111
  font-size: var(--semantic-font-styles-heading-functional-primary-size);
121
- line-height: var(--semantic-font-styles-heading-functional-primary-line-height);
112
+ line-height: var(
113
+ --semantic-font-styles-heading-functional-primary-line-height
114
+ );
122
115
  font-weight: var(--semantic-font-styles-heading-heading-functional-weight);
123
116
 
124
117
  @include mobile() {
125
- font-size: var(--semantic-font-styles-heading-functional-primary-mobile-size);
126
- line-height: var(--semantic-font-styles-heading-functional-primary-mobile-line-height);
118
+ font-size: var(
119
+ --semantic-font-styles-heading-functional-primary-mobile-size
120
+ );
121
+ line-height: var(
122
+ --semantic-font-styles-heading-functional-primary-mobile-line-height
123
+ );
127
124
  }
128
125
  }
129
126
 
130
127
  h5,
131
128
  .text-heading--functional--secondary {
132
129
  font-size: var(--semantic-font-styles-heading-functional-secondary-size);
133
- line-height: var(--semantic-font-styles-heading-functional-secondary-line-height);
130
+ line-height: var(
131
+ --semantic-font-styles-heading-functional-secondary-line-height
132
+ );
134
133
  font-weight: var(--semantic-font-styles-heading-heading-functional-weight);
135
134
 
136
135
  @include mobile() {
137
- font-size: var(--semantic-font-styles-heading-functional-secondary-mobile-size);
138
- line-height: var(--semantic-font-styles-heading-functional-secondary-mobile-line-height);
136
+ font-size: var(
137
+ --semantic-font-styles-heading-functional-secondary-mobile-size
138
+ );
139
+ line-height: var(
140
+ --semantic-font-styles-heading-functional-secondary-mobile-line-height
141
+ );
139
142
  }
140
143
  }
141
144
 
142
-
143
-
144
145
  /* ---------------------
145
146
  Label Sizes
146
147
  --------------------- */
@@ -150,7 +151,6 @@ label {
150
151
  cursor: pointer;
151
152
  }
152
153
 
153
-
154
154
  label,
155
155
  .text-label--primary {
156
156
  font-size: var(--semantic-font-styles-label-primary-size);
@@ -164,8 +164,6 @@ label,
164
164
  font-weight: var(--semantic-font-styles-label-weight);
165
165
  }
166
166
 
167
-
168
-
169
167
  /* ---------------------
170
168
  Body Sizes
171
169
  --------------------- */
@@ -190,8 +188,6 @@ label,
190
188
  line-height: var(--semantic-font-styles-body-supporting-line-height);
191
189
  }
192
190
 
193
-
194
-
195
191
  /* ---------------------
196
192
  Other type styles
197
193
  --------------------- */
@@ -208,7 +204,6 @@ label,
208
204
  font-weight: var(--semantic-font-weight-medium);
209
205
  }
210
206
 
211
-
212
207
  /* ---------------------
213
208
  Type colours
214
209
  --------------------- */
@@ -238,7 +233,6 @@ a {
238
233
  max-width: 70ch;
239
234
  }
240
235
 
241
-
242
236
  a,
243
237
  .text-link {
244
238
  text-decoration: none;
@@ -265,12 +259,20 @@ article {
265
259
  @extend .text-heading--functional;
266
260
  @extend .text-body--emphasis;
267
261
 
268
- padding-top: var(--semantic-font-prose-vertical-adjustment-heading-primary-large-top);
269
- margin-bottom: var(--semantic-font-prose-vertical-adjustment-heading-primary-large-bottom);
270
-
271
- @include mobile(){
272
- padding-top: var(--semantic-font-prose-vertical-adjustment-heading-primary-small-top);
273
- margin-bottom: var(--semantic-font-prose-vertical-adjustment-heading-primary-small-bottom);
262
+ padding-top: var(
263
+ --semantic-font-prose-vertical-adjustment-heading-primary-large-top
264
+ );
265
+ margin-bottom: var(
266
+ --semantic-font-prose-vertical-adjustment-heading-primary-large-bottom
267
+ );
268
+
269
+ @include mobile() {
270
+ padding-top: var(
271
+ --semantic-font-prose-vertical-adjustment-heading-primary-small-top
272
+ );
273
+ margin-bottom: var(
274
+ --semantic-font-prose-vertical-adjustment-heading-primary-small-bottom
275
+ );
274
276
  }
275
277
  }
276
278
 
@@ -279,17 +281,33 @@ article {
279
281
  @extend .text-heading--functional;
280
282
  @extend .text-body--emphasis;
281
283
 
282
- padding-top: var(--semantic-font-prose-vertical-adjustment-heading-secondary-large-top);
283
- margin-bottom: var(--semantic-font-prose-vertical-adjustment-heading-secondary-large-bottom);
284
-
285
- @include mobile(){
286
- padding-top: var(--semantic-font-prose-vertical-adjustment-heading-secondary-small-top);
287
- margin-bottom: var(--semantic-font-prose-vertical-adjustment-heading-secondary-small-bottom);
284
+ padding-top: var(
285
+ --semantic-font-prose-vertical-adjustment-heading-secondary-large-top
286
+ );
287
+ margin-bottom: var(
288
+ --semantic-font-prose-vertical-adjustment-heading-secondary-large-bottom
289
+ );
290
+
291
+ @include mobile() {
292
+ padding-top: var(
293
+ --semantic-font-prose-vertical-adjustment-heading-secondary-small-top
294
+ );
295
+ margin-bottom: var(
296
+ --semantic-font-prose-vertical-adjustment-heading-secondary-small-bottom
297
+ );
288
298
  }
289
299
  }
290
300
 
291
- p, ul, ol {
292
- margin-bottom: var(--semantic-font-prose-vertical-adjustment-paragraph-bottom);
301
+ h6 {
302
+ @extend .text-body--hero;
303
+ }
304
+
305
+ p,
306
+ ul,
307
+ ol {
308
+ margin-bottom: var(
309
+ --semantic-font-prose-vertical-adjustment-paragraph-bottom
310
+ );
293
311
 
294
312
  &:empty {
295
313
  display: none;
@@ -297,12 +315,14 @@ article {
297
315
  }
298
316
 
299
317
  blockquote {
300
- @extend .text--readable-width;
301
- @extend .text-body--expressive;
302
- padding-top: var( --semantic-font-prose-vertical-adjustment-blockquote-top);
303
- margin-bottom: var( --semantic-font-prose-vertical-adjustment-blockquote-bottom);
304
- text-align: center;
305
- margin: 0 auto;
318
+ @extend .text--readable-width;
319
+ @extend .text-body--expressive;
320
+ padding-top: var(--semantic-font-prose-vertical-adjustment-blockquote-top);
321
+ margin-bottom: var(
322
+ --semantic-font-prose-vertical-adjustment-blockquote-bottom
323
+ );
324
+ text-align: center;
325
+ margin: 0 auto;
306
326
  }
307
327
 
308
328
  hr {
@@ -314,7 +334,7 @@ article {
314
334
  height: var(--global-size-unit-08);
315
335
  background: var(--semantic-color-background-core-secondary);
316
336
  margin-top: var(--semantic-spacing-box-expanded);
317
- margin-bottom: var(--semantic-spacing-box-expanded);
337
+ margin-bottom: var(--semantic-spacing-box-expanded);
318
338
  }
319
339
 
320
340
  a,
@@ -334,8 +354,12 @@ article {
334
354
  }
335
355
 
336
356
  .ui-rce-embed {
337
- padding-top: var(--semantic-font-prose-vertical-adjustment-component-top-bottom);
338
- margin-bottom: var(--semantic-font-prose-vertical-adjustment-component-top-bottom);
357
+ padding-top: var(
358
+ --semantic-font-prose-vertical-adjustment-component-top-bottom
359
+ );
360
+ margin-bottom: var(
361
+ --semantic-font-prose-vertical-adjustment-component-top-bottom
362
+ );
339
363
 
340
364
  a,
341
365
  a:hover {
@@ -345,10 +369,9 @@ article {
345
369
  ui-button {
346
370
  a,
347
371
  a:hover {
348
- text-decoration: none;
372
+ text-decoration: none;
349
373
  }
350
374
  }
351
-
352
375
  }
353
376
  }
354
377
 
@@ -363,20 +386,21 @@ article {
363
386
  }
364
387
  }
365
388
 
366
- .ui-rce-instance {
389
+ .ui-rce-instance {
367
390
  &:last-of-type {
368
391
  padding-bottom: var(--semantic-spacing-box-expanded);
369
392
  }
370
393
  }
371
394
 
372
- ui-button, img{
395
+ ui-button,
396
+ img {
373
397
  display: inline-block;
374
398
  margin: 0;
375
399
  margin-top: var(--semantic-spacing-box-near);
376
400
  margin-right: var(--semantic-spacing-box-near);
377
401
  vertical-align: top;
378
402
 
379
- &:last-child{
403
+ &:last-child {
380
404
  margin-right: 0;
381
405
  }
382
406
  }
@@ -384,9 +408,10 @@ article {
384
408
  img {
385
409
  width: 100%;
386
410
  }
387
-
388
- ol, ul{
389
- p{
411
+
412
+ ol,
413
+ ul {
414
+ p {
390
415
  display: inline;
391
416
  margin: 0;
392
417
  }
package/src/assets/global/variables.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 17 May 2023 08:38:16 GMT
3
+ * Generated on Mon, 05 Jun 2023 13:30:45 GMT
4
4
  */
5
5
 
6
6
  :root {