oasys-lib 2.1.2 → 2.2.0-rc.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.
- package/esm2022/lib/components/form/checkbox/checkbox.component.mjs +3 -3
- package/esm2022/lib/components/form/combobox/combobox.component.mjs +27 -24
- package/esm2022/lib/components/form/form-group/form-group.component.mjs +3 -3
- package/esm2022/lib/components/form/radio/radio.component.mjs +3 -3
- package/esm2022/lib/components/form/text-input/text-input.component.mjs +3 -3
- package/esm2022/lib/components/navigation/tabs/tab-header/tab-header.component.mjs +3 -3
- package/fesm2022/oasys-lib.mjs +34 -31
- package/fesm2022/oasys-lib.mjs.map +1 -1
- package/lib/components/form/combobox/combobox.component.d.ts +5 -5
- package/lib/components/form/combobox/combobox.component.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/assets/bloomandwild/variables.css +1 -1
- package/src/assets/bloomon/variables.css +1 -1
- package/src/assets/global/scss-breakpoints.scss +1 -1
- package/src/assets/global/typography.scss +103 -53
|
@@ -11,9 +11,9 @@ export declare class ComboboxComponent implements ControlValueAccessor, OnInit,
|
|
|
11
11
|
hint?: string;
|
|
12
12
|
header?: string;
|
|
13
13
|
footer?: string;
|
|
14
|
-
autofocus
|
|
15
|
-
disabled
|
|
16
|
-
selected?: ComboboxOption
|
|
14
|
+
autofocus: boolean;
|
|
15
|
+
disabled: boolean;
|
|
16
|
+
selected?: ComboboxOption;
|
|
17
17
|
displayKey?: string;
|
|
18
18
|
iconNameKey?: string;
|
|
19
19
|
valueKey?: string;
|
|
@@ -26,13 +26,13 @@ export declare class ComboboxComponent implements ControlValueAccessor, OnInit,
|
|
|
26
26
|
textValue: string;
|
|
27
27
|
inputDidChange: boolean;
|
|
28
28
|
displayOptions: ComboboxOption[];
|
|
29
|
-
private _panelOpen;
|
|
30
29
|
private _selectedOption;
|
|
31
30
|
private _focusedOption;
|
|
32
31
|
private _focusedOptionId;
|
|
32
|
+
private _panelOpen;
|
|
33
33
|
id: string;
|
|
34
34
|
/** Whether or not the overlay panel is open. */
|
|
35
|
-
|
|
35
|
+
panelOpen: import("@angular/core").WritableSignal<boolean>;
|
|
36
36
|
/**
|
|
37
37
|
* Selected option
|
|
38
38
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"combobox.component.d.ts","sourceRoot":"","sources":["../../../../../../projects/oasys-lib/src/lib/components/form/combobox/combobox.component.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,YAAY,EAEZ,MAAM,EAGN,UAAU,EAEV,aAAa,EAEb,SAAS,EAET,SAAS,EACT,aAAa,
|
|
1
|
+
{"version":3,"file":"combobox.component.d.ts","sourceRoot":"","sources":["../../../../../../projects/oasys-lib/src/lib/components/form/combobox/combobox.component.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,YAAY,EAEZ,MAAM,EAGN,UAAU,EAEV,aAAa,EAEb,SAAS,EAET,SAAS,EACT,aAAa,EAGd,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,oBAAoB,EAIrB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;;AAQ1D,qBAwBa,iBAAkB,YAAW,oBAAoB,EAAE,MAAM,EAAE,aAAa,EAAE,SAAS;IAkFhE,OAAO,CAAC,QAAQ;IAjFrC,KAAK,EAAG,MAAM,CAAC;IACf,IAAI,EAAE,YAAY,CAAa;IAC/B,OAAO,EAAE,cAAc,EAAE,CAAM;IAC/B,QAAQ,UAAQ;IAEG,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,UAAS;IAClB,QAAQ,UAAS;IACjB,QAAQ,CAAC,EAAE,cAAc,CAAC;IAE1B,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,WAAW,UAAS;IAEtC,SAAS,EAAE,YAAY,CAAC,OAAO,CAAC,CAA+B;IAC/D,SAAS,EAAE,YAAY,CAAC,OAAO,CAAC,CAA+B;IAC/D,OAAO,EAAE,YAAY,CAAC,OAAO,CAAC,CAA+B;IAEvE,SAAS,SAAM;IACf,cAAc,UAAS;IACvB,cAAc,EAAE,cAAc,EAAE,CAAM;IACtC,OAAO,CAAC,eAAe,CAA2B;IAClD,OAAO,CAAC,cAAc,CAA2B;IACjD,OAAO,CAAC,gBAAgB,CAAS;IACjC,OAAO,CAAC,UAAU,CAAS;IAE3B,EAAE,EAAG,MAAM,CAAC;IAEZ,gDAAgD;IAChD,SAAS,kDAA2B;IAEpC;;OAEG;IACH,IAAI,cAAc,IAAI,cAAc,GAAG,OAAO,CAE7C;IAED;;OAEG;IACH,IAAI,aAAa,IAAI,cAAc,GAAG,OAAO,CAE5C;IAED;;OAEG;IACH,IAAI,SAAS,IAAI,MAAM,CAEtB;IAED,IAAI,cAAc,IAAI,MAAM,CAE3B;IAED,IAAI,gBAAgB,IAAI,MAAM,CAE7B;IAED,IAAI,gBAAgB,IAAI,MAAM,CAE7B;IAGD,SAAS,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC;IAGnC,QAAQ,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC;IAEV,WAAW,EAAE,SAAS,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,CAAC;gBAElC,QAAQ,EAAE,QAAQ;IAExD,QAAQ,EAAE,GAAG,CAAY;IACzB,SAAS,EAAE,GAAG,CAAY;IAOnB,OAAO,CAAC,aAAa,EAAE,IAAI,GAAG,IAAI;IASzC;;;OAGG;IACH,WAAW,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI;IAoBzC;;OAEG;IACH,QAAQ,IAAI,IAAI;IAiBhB;;OAEG;IACH,eAAe,IAAI,IAAI;IAIvB;;;OAGG;IACI,YAAY,CAAC,MAAM,EAAE,cAAc,GAAG,OAAO,EAAE,KAAK,CAAC,EAAE,MAAM;IAYpE;;;OAGG;IACI,SAAS,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI;IA4B5C;;OAEG;IACH,WAAW,IAAI,IAAI;IAMnB;;OAEG;IACH,SAAS,CAAC,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI;IAS9B;;OAEG;IACH,UAAU,IAAI,IAAI;IAMlB;;;OAGG;IACH,UAAU,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI;IAQnC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,EAAE,GAAG,GAAG,IAAI;IAI/B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,EAAE,GAAG,GAAG,IAAI;IAIhC;;;OAGG;IACH,aAAa,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI;IAQtC;;;OAGG;IACH,yBAAyB,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI;IAUlD;;OAEG;IACH,WAAW,IAAI,IAAI;IAOnB;;OAEG;IACH,UAAU,IAAI,IAAI;IAQlB;;OAEG;IACH,cAAc,IAAI,IAAI;IAItB;;OAEG;IACH,YAAY,IAAI,IAAI;IAIpB;;;OAGG;IACH,OAAO,CAAC,wBAAwB;IAoBhC;;;;OAIG;IACH,OAAO,CAAC,sBAAsB;IAI9B;;OAEG;IACH,OAAO,CAAC,uBAAuB;IAK/B;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAWzB;;OAEG;IACH,OAAO,CAAC,WAAW;IAgBnB;;OAEG;IACH,OAAO,CAAC,6BAA6B;IAMrC;;OAEG;IACH,OAAO,CAAC,UAAU;IAUlB;;OAEG;IACH,OAAO,CAAC,cAAc;IAMtB;;OAEG;IACH,OAAO,CAAC,gBAAgB;yCA3ab,iBAAiB;2CAAjB,iBAAiB;CA8a7B"}
|
package/package.json
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
@import
|
|
1
|
+
@import './responsive.scss';
|
|
2
2
|
|
|
3
3
|
/* ---------------------
|
|
4
4
|
Basic Font Foundations
|
|
@@ -74,8 +74,7 @@ ui-grid {
|
|
|
74
74
|
// add .seo-h1 on to any H1 tag which is used
|
|
75
75
|
// purely for SEO and should not appear like an h1
|
|
76
76
|
|
|
77
|
-
h1:not(.seo-h1)
|
|
78
|
-
.text-heading--hero {
|
|
77
|
+
h1:not(.seo-h1) {
|
|
79
78
|
font-size: var(--oasys-typography-heading-hero-desktop-font-size);
|
|
80
79
|
line-height: var(--oasys-typography-heading-hero-desktop-line-height);
|
|
81
80
|
font-weight: var(--oasys-typography-heading-hero-desktop-font-weight);
|
|
@@ -87,8 +86,25 @@ h1:not(.seo-h1),
|
|
|
87
86
|
}
|
|
88
87
|
}
|
|
89
88
|
|
|
90
|
-
|
|
91
|
-
.text-heading--
|
|
89
|
+
.text-heading--hero,
|
|
90
|
+
h1.text-heading--hero,
|
|
91
|
+
h2.text-heading--hero,
|
|
92
|
+
h3.text-heading--hero,
|
|
93
|
+
h4.text-heading--hero,
|
|
94
|
+
h5.text-heading--hero,
|
|
95
|
+
h6.text-heading--hero {
|
|
96
|
+
font-size: var(--oasys-typography-heading-hero-desktop-font-size);
|
|
97
|
+
line-height: var(--oasys-typography-heading-hero-desktop-line-height);
|
|
98
|
+
font-weight: var(--oasys-typography-heading-hero-desktop-font-weight);
|
|
99
|
+
|
|
100
|
+
@include mobile() {
|
|
101
|
+
font-size: var(--oasys-typography-heading-hero-mobile-font-size);
|
|
102
|
+
line-height: var(--oasys-typography-heading-hero-mobile-line-height);
|
|
103
|
+
font-weight: var(--oasys-typography-heading-hero-mobile-font-weight);
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
h2 {
|
|
92
108
|
font-size: var(--oasys-typography-heading-primary-desktop-font-size);
|
|
93
109
|
line-height: var(--oasys-typography-heading-primary-desktop-line-height);
|
|
94
110
|
font-weight: var(--oasys-typography-heading-primary-desktop-font-weight);
|
|
@@ -100,8 +116,37 @@ h2,
|
|
|
100
116
|
}
|
|
101
117
|
}
|
|
102
118
|
|
|
103
|
-
|
|
104
|
-
.text-heading--
|
|
119
|
+
.text-heading--primary,
|
|
120
|
+
h1.text-heading--primary,
|
|
121
|
+
h2.text-heading--primary,
|
|
122
|
+
h3.text-heading--primary,
|
|
123
|
+
h4.text-heading--primary,
|
|
124
|
+
h5.text-heading--primary,
|
|
125
|
+
h6.text-heading--primary {
|
|
126
|
+
font-size: var(--oasys-typography-heading-primary-desktop-font-size);
|
|
127
|
+
line-height: var(--oasys-typography-heading-primary-desktop-line-height);
|
|
128
|
+
font-weight: var(--oasys-typography-heading-primary-desktop-font-weight);
|
|
129
|
+
|
|
130
|
+
@include mobile() {
|
|
131
|
+
font-size: var(--oasys-typography-heading-primary-mobile-font-size);
|
|
132
|
+
line-height: var(--oasys-typography-heading-primary-mobile-line-height);
|
|
133
|
+
font-weight: var(--oasys-typography-heading-primary-mobile-font-weight);
|
|
134
|
+
}
|
|
135
|
+
}
|
|
136
|
+
|
|
137
|
+
h3 {
|
|
138
|
+
font-size: var(--oasys-typography-heading-secondary-font-size);
|
|
139
|
+
line-height: var(--oasys-typography-heading-secondary-line-height);
|
|
140
|
+
font-weight: var(--oasys-typography-heading-secondary-font-weight);
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
.text-heading--secondary,
|
|
144
|
+
h1.text-heading--secondary,
|
|
145
|
+
h2.text-heading--secondary,
|
|
146
|
+
h3.text-heading--secondary,
|
|
147
|
+
h4.text-heading--secondary,
|
|
148
|
+
h5.text-heading--secondary,
|
|
149
|
+
h6.text-heading--secondary {
|
|
105
150
|
font-size: var(--oasys-typography-heading-secondary-font-size);
|
|
106
151
|
line-height: var(--oasys-typography-heading-secondary-line-height);
|
|
107
152
|
font-weight: var(--oasys-typography-heading-secondary-font-weight);
|
|
@@ -115,38 +160,61 @@ h3,
|
|
|
115
160
|
Functional Heading Sizes
|
|
116
161
|
--------------------- */
|
|
117
162
|
|
|
118
|
-
h4
|
|
119
|
-
.text-heading--functional--primary {
|
|
163
|
+
h4 {
|
|
120
164
|
font-size: var(--oasys-typography-heading-func-primary-desktop-font-size);
|
|
121
165
|
line-height: var(--oasys-typography-heading-func-primary-desktop-line-height);
|
|
122
166
|
font-weight: var(--oasys-typography-heading-func-primary-desktop-font-weight);
|
|
123
167
|
|
|
124
168
|
@include mobile() {
|
|
125
169
|
font-size: var(--oasys-typography-heading-func-primary-mobile-font-size);
|
|
126
|
-
line-height: var(
|
|
127
|
-
--oasys-typography-heading-func-primary-mobile-line-height
|
|
128
|
-
);
|
|
170
|
+
line-height: var(--oasys-typography-heading-func-primary-mobile-line-height);
|
|
129
171
|
}
|
|
130
172
|
}
|
|
131
173
|
|
|
132
|
-
|
|
133
|
-
.text-heading--functional--
|
|
174
|
+
.text-heading--functional--primary,
|
|
175
|
+
h1.text-heading--functional--primary,
|
|
176
|
+
h2.text-heading--functional--primary,
|
|
177
|
+
h3.text-heading--functional--primary,
|
|
178
|
+
h4.text-heading--functional--primary,
|
|
179
|
+
h5.text-heading--functional--primary,
|
|
180
|
+
h6.text-heading--functional--primary {
|
|
181
|
+
font-size: var(--oasys-typography-heading-func-primary-desktop-font-size);
|
|
182
|
+
line-height: var(--oasys-typography-heading-func-primary-desktop-line-height);
|
|
183
|
+
font-weight: var(--oasys-typography-heading-func-primary-desktop-font-weight);
|
|
184
|
+
|
|
185
|
+
@include mobile() {
|
|
186
|
+
font-size: var(--oasys-typography-heading-func-primary-mobile-font-size);
|
|
187
|
+
line-height: var(--oasys-typography-heading-func-primary-mobile-line-height);
|
|
188
|
+
}
|
|
189
|
+
}
|
|
190
|
+
|
|
191
|
+
h5 {
|
|
192
|
+
font-size: var(--oasys-typography-heading-func-secondary-desktop-font-size);
|
|
193
|
+
line-height: var(--oasys-typography-heading-func-secondary-desktop-line-height);
|
|
194
|
+
font-weight: var(--oasys-typography-heading-func-secondary-desktop-font-weight);
|
|
195
|
+
|
|
196
|
+
@include mobile() {
|
|
197
|
+
font-size: var(--oasys-typography-heading-func-secondary-mobile-font-size);
|
|
198
|
+
line-height: var(--oasys-typography-heading-func-secondary-mobile-line-height);
|
|
199
|
+
font-weight: var(--oasys-typography-heading-func-secondary-mobile-font-weight);
|
|
200
|
+
}
|
|
201
|
+
}
|
|
202
|
+
|
|
203
|
+
.text-heading--functional--secondary,
|
|
204
|
+
h1.text-heading--functional--secondary,
|
|
205
|
+
h2.text-heading--functional--secondary,
|
|
206
|
+
h3.text-heading--functional--secondary,
|
|
207
|
+
h4.text-heading--functional--secondary,
|
|
208
|
+
h5.text-heading--functional--secondary,
|
|
209
|
+
h6.text-heading--functional--secondary {
|
|
134
210
|
font-size: var(--oasys-typography-heading-func-secondary-desktop-font-size);
|
|
135
|
-
line-height: var(
|
|
136
|
-
|
|
137
|
-
);
|
|
138
|
-
font-weight: var(
|
|
139
|
-
--oasys-typography-heading-func-secondary-desktop-font-weight
|
|
140
|
-
);
|
|
211
|
+
line-height: var(--oasys-typography-heading-func-secondary-desktop-line-height);
|
|
212
|
+
font-weight: var(--oasys-typography-heading-func-secondary-desktop-font-weight);
|
|
141
213
|
|
|
142
214
|
@include mobile() {
|
|
143
215
|
font-size: var(--oasys-typography-heading-func-secondary-mobile-font-size);
|
|
144
|
-
line-height: var(
|
|
145
|
-
|
|
146
|
-
);
|
|
147
|
-
font-weight: var(
|
|
148
|
-
--oasys-typography-heading-func-secondary-mobile-font-weight
|
|
149
|
-
);
|
|
216
|
+
line-height: var(--oasys-typography-heading-func-secondary-mobile-line-height);
|
|
217
|
+
font-weight: var(--oasys-typography-heading-func-secondary-mobile-font-weight);
|
|
150
218
|
}
|
|
151
219
|
}
|
|
152
220
|
|
|
@@ -215,9 +283,7 @@ label,
|
|
|
215
283
|
}
|
|
216
284
|
|
|
217
285
|
.text-body--line-through {
|
|
218
|
-
text-decoration: var(
|
|
219
|
-
--oasys-typography-body-line-through-body-text-decoration
|
|
220
|
-
);
|
|
286
|
+
text-decoration: var(--oasys-typography-body-line-through-body-text-decoration);
|
|
221
287
|
}
|
|
222
288
|
|
|
223
289
|
.text-body--emphasis {
|
|
@@ -296,20 +362,12 @@ article {
|
|
|
296
362
|
@extend .text-heading--functional;
|
|
297
363
|
@extend .text-body--emphasis;
|
|
298
364
|
|
|
299
|
-
padding-top: var(
|
|
300
|
-
|
|
301
|
-
);
|
|
302
|
-
margin-bottom: var(
|
|
303
|
-
--oasys-prose-vertical-adjustment-heading-primary-large-bottom
|
|
304
|
-
);
|
|
365
|
+
padding-top: var(--oasys-prose-vertical-adjustment-heading-primary-large-top);
|
|
366
|
+
margin-bottom: var(--oasys-prose-vertical-adjustment-heading-primary-large-bottom);
|
|
305
367
|
|
|
306
368
|
@include mobile() {
|
|
307
|
-
padding-top: var(
|
|
308
|
-
|
|
309
|
-
);
|
|
310
|
-
margin-bottom: var(
|
|
311
|
-
--oasys-prose-vertical-adjustment-heading-primary-small-bottom
|
|
312
|
-
);
|
|
369
|
+
padding-top: var(--oasys-prose-vertical-adjustment-heading-primary-small-top);
|
|
370
|
+
margin-bottom: var(--oasys-prose-vertical-adjustment-heading-primary-small-bottom);
|
|
313
371
|
}
|
|
314
372
|
}
|
|
315
373
|
|
|
@@ -318,20 +376,12 @@ article {
|
|
|
318
376
|
@extend .text-heading--functional;
|
|
319
377
|
@extend .text-body--emphasis;
|
|
320
378
|
|
|
321
|
-
padding-top: var(
|
|
322
|
-
|
|
323
|
-
);
|
|
324
|
-
margin-bottom: var(
|
|
325
|
-
--oasys-prose-vertical-adjustment-heading-secondary-large-bottom
|
|
326
|
-
);
|
|
379
|
+
padding-top: var(--oasys-prose-vertical-adjustment-heading-secondary-large-top);
|
|
380
|
+
margin-bottom: var(--oasys-prose-vertical-adjustment-heading-secondary-large-bottom);
|
|
327
381
|
|
|
328
382
|
@include mobile() {
|
|
329
|
-
padding-top: var(
|
|
330
|
-
|
|
331
|
-
);
|
|
332
|
-
margin-bottom: var(
|
|
333
|
-
--oasys-prose-vertical-adjustment-heading-secondary-small-bottom
|
|
334
|
-
);
|
|
383
|
+
padding-top: var(--oasys-prose-vertical-adjustment-heading-secondary-small-top);
|
|
384
|
+
margin-bottom: var(--oasys-prose-vertical-adjustment-heading-secondary-small-bottom);
|
|
335
385
|
}
|
|
336
386
|
}
|
|
337
387
|
|