oasys-lib 2.12.0 → 2.13.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/fesm2022/oasys-lib.mjs +35 -32
- package/fesm2022/oasys-lib.mjs.map +1 -1
- package/lib/components/button/button.component.d.ts +5 -5
- package/lib/components/button/button.component.d.ts.map +1 -1
- package/lib/components/layout/box/box.component.d.ts +2 -1
- package/lib/components/layout/box/box.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/state-focus.scss +5 -10
|
@@ -4,9 +4,9 @@ import { TextTransform } from '../text/text';
|
|
|
4
4
|
import { UIButton, UIButtonBoolean, UIButtonSize, UIButtonType, UIButtonEventType } from './button';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
export declare class OasysButtonComponent implements AfterViewInit, OnInit, OnChanges {
|
|
7
|
-
private elementRef
|
|
7
|
+
private elementRef?;
|
|
8
8
|
clicked: EventEmitter<void>;
|
|
9
|
-
ngContent
|
|
9
|
+
ngContent?: ElementRef<HTMLSpanElement>;
|
|
10
10
|
button_icon: IconNames | undefined;
|
|
11
11
|
button_icon_placement: IconContext;
|
|
12
12
|
button_size: UIButtonSize;
|
|
@@ -19,13 +19,13 @@ export declare class OasysButtonComponent implements AfterViewInit, OnInit, OnCh
|
|
|
19
19
|
aria_label: string | undefined;
|
|
20
20
|
aria_role: string;
|
|
21
21
|
href: string | undefined;
|
|
22
|
-
button
|
|
22
|
+
button?: UIButton;
|
|
23
23
|
iconContext: IconContext;
|
|
24
24
|
textTransform: TextTransform;
|
|
25
25
|
outlineButtonTypes: string[];
|
|
26
26
|
computedAccessibleButtonContent: string;
|
|
27
|
-
computedButtonDisplayClasses:
|
|
28
|
-
constructor(elementRef
|
|
27
|
+
computedButtonDisplayClasses: string[];
|
|
28
|
+
constructor(elementRef?: ElementRef<HTMLInputElement>);
|
|
29
29
|
onClick(): void;
|
|
30
30
|
ngOnInit(): void;
|
|
31
31
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.component.d.ts","sourceRoot":"","sources":["../../../../../projects/oasys-lib/src/lib/components/button/button.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,YAAY,EAEZ,UAAU,EAEV,aAAa,EAEb,MAAM,EACN,SAAS,EACV,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,YAAY,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;;AAKpG,qBASa,oBAAqB,YAAW,aAAa,EAAE,MAAM,EAAE,SAAS;IAwB/D,OAAO,CAAC,UAAU;
|
|
1
|
+
{"version":3,"file":"button.component.d.ts","sourceRoot":"","sources":["../../../../../projects/oasys-lib/src/lib/components/button/button.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,YAAY,EAEZ,UAAU,EAEV,aAAa,EAEb,MAAM,EACN,SAAS,EACV,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,YAAY,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;;AAKpG,qBASa,oBAAqB,YAAW,aAAa,EAAE,MAAM,EAAE,SAAS;IAwB/D,OAAO,CAAC,UAAU,CAAC;IAvBrB,OAAO,qBAA4B;IACpB,SAAS,CAAC,EAAE,UAAU,CAAC,eAAe,CAAC,CAAC;IAExD,WAAW,EAAE,SAAS,GAAG,SAAS,CAAC;IACnC,qBAAqB,EAAE,WAAW,CAAa;IAC/C,WAAW,EAAE,YAAY,CAAW;IACpC,WAAW,EAAE,YAAY,CAAa;IACtC,iBAAiB,EAAE,eAAe,CAAS;IAC3C,iBAAiB,EAAE,iBAAiB,CAAY;IAChD,eAAe,EAAE,eAAe,CAAS;IACzC,eAAe,EAAE,eAAe,CAAS;IACzC,kBAAkB,EAAE,eAAe,CAAS;IAC5C,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,SAAS,SAAY;IACrB,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IAElC,MAAM,CAAC,EAAE,QAAQ,CAAC;IAClB,WAAW,EAAE,WAAW,CAAU;IAClC,aAAa,EAAG,aAAa,CAAC;IAC9B,kBAAkB,WAAsC;IACxD,+BAA+B,SAAM;IACrC,4BAA4B,EAAE,MAAM,EAAE,CAAM;gBAExB,UAAU,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC;IAE7D,OAAO,IAAI,IAAI;IAIf,QAAQ,IAAI,IAAI;IAKhB;;;;OAIG;IACH,WAAW,IAAI,IAAI;IAKnB,eAAe,IAAI,IAAI;IAevB,OAAO,CAAC,uBAAuB,CAS7B;IAEF,OAAO,CAAC,oBAAoB,CAWR;yCAlFT,oBAAoB;2CAApB,oBAAoB;CAmFhC"}
|
|
@@ -7,6 +7,7 @@ export declare class LayoutBoxComponent implements OnInit, OnChanges {
|
|
|
7
7
|
private changes;
|
|
8
8
|
private tokenService;
|
|
9
9
|
box_space?: LayoutBoxSizes;
|
|
10
|
+
box_role?: string | undefined;
|
|
10
11
|
box_space_top?: LayoutBoxSizes;
|
|
11
12
|
box_space_right?: LayoutBoxSizes;
|
|
12
13
|
box_space_bottom?: LayoutBoxSizes;
|
|
@@ -44,6 +45,6 @@ export declare class LayoutBoxComponent implements OnInit, OnChanges {
|
|
|
44
45
|
ngOnInit(): void;
|
|
45
46
|
private getBoxModeClass;
|
|
46
47
|
static ɵfac: i0.ɵɵFactoryDeclaration<LayoutBoxComponent, never>;
|
|
47
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<LayoutBoxComponent, "ui-box", never, { "box_space": { "alias": "box_space"; "required": false; }; "box_space_top": { "alias": "box_space_top"; "required": false; }; "box_space_right": { "alias": "box_space_right"; "required": false; }; "box_space_bottom": { "alias": "box_space_bottom"; "required": false; }; "box_space_left": { "alias": "box_space_left"; "required": false; }; "box_align_x": { "alias": "box_align_x"; "required": false; }; "box_align_y": { "alias": "box_align_y"; "required": false; }; "box_fill_mode": { "alias": "box_fill_mode"; "required": false; }; "box_background": { "alias": "box_background"; "required": false; }; "box_content_fill_width": { "alias": "box_content_fill_width"; "required": false; }; "box_border_color": { "alias": "box_border_color"; "required": false; }; "box_border_width": { "alias": "box_border_width"; "required": false; }; "box_border_style": { "alias": "box_border_style"; "required": false; }; "box_border_radius": { "alias": "box_border_radius"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
48
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<LayoutBoxComponent, "ui-box", never, { "box_space": { "alias": "box_space"; "required": false; }; "box_role": { "alias": "box_role"; "required": false; }; "box_space_top": { "alias": "box_space_top"; "required": false; }; "box_space_right": { "alias": "box_space_right"; "required": false; }; "box_space_bottom": { "alias": "box_space_bottom"; "required": false; }; "box_space_left": { "alias": "box_space_left"; "required": false; }; "box_align_x": { "alias": "box_align_x"; "required": false; }; "box_align_y": { "alias": "box_align_y"; "required": false; }; "box_fill_mode": { "alias": "box_fill_mode"; "required": false; }; "box_background": { "alias": "box_background"; "required": false; }; "box_content_fill_width": { "alias": "box_content_fill_width"; "required": false; }; "box_border_color": { "alias": "box_border_color"; "required": false; }; "box_border_width": { "alias": "box_border_width"; "required": false; }; "box_border_style": { "alias": "box_border_style"; "required": false; }; "box_border_radius": { "alias": "box_border_radius"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
48
49
|
}
|
|
49
50
|
//# sourceMappingURL=box.component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"box.component.d.ts","sourceRoot":"","sources":["../../../../../../projects/oasys-lib/src/lib/components/layout/box/box.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,iBAAiB,EACjB,SAAS,EACT,MAAM,EAIP,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAC/D,OAAO,EACL,eAAe,EACf,iBAAiB,EACjB,2BAA2B,EAC3B,cAAc,EACd,eAAe,EAChB,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;;AAExF,qBAYa,kBAAmB,YAAW,MAAM,EAAE,SAAS;
|
|
1
|
+
{"version":3,"file":"box.component.d.ts","sourceRoot":"","sources":["../../../../../../projects/oasys-lib/src/lib/components/layout/box/box.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,iBAAiB,EACjB,SAAS,EACT,MAAM,EAIP,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAC/D,OAAO,EACL,eAAe,EACf,iBAAiB,EACjB,2BAA2B,EAC3B,cAAc,EACd,eAAe,EAChB,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;;AAExF,qBAYa,kBAAmB,YAAW,MAAM,EAAE,SAAS;IA6BxD,OAAO,CAAC,OAAO;IACf,OAAO,CAAC,YAAY;IA7Bb,SAAS,CAAC,EAAE,cAAc,CAAa;IACvC,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAE9B,aAAa,CAAC,EAAE,cAAc,CAAC;IAC/B,eAAe,CAAC,EAAE,cAAc,CAAC;IACjC,gBAAgB,CAAC,EAAE,cAAc,CAAC;IAClC,cAAc,CAAC,EAAE,cAAc,CAAC;IAEhC,WAAW,CAAC,EAAE,eAAe,CAAW;IACxC,WAAW,CAAC,EAAE,eAAe,CAAW;IAExC,aAAa,CAAC,EAAE,eAAe,CAAU;IAEzC,cAAc,EAAE,2BAA2B,GAAG,iBAAiB,CAAa;IAE5E,sBAAsB,UAAS;IAE/B,gBAAgB,CAAC,EAAE,cAAc,CAAa;IAC9C,gBAAgB,CAAC,EAAE,cAAc,CAAU;IAC3C,gBAAgB,CAAC,EAAE,cAAc,CAAW;IAC5C,iBAAiB,CAAC,EAAE,eAAe,CAAU;IAEtD,YAAY,UAAS;IACrB,MAAM,SAAmB;IACzB,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,gBAAgB,UAAS;gBAGf,OAAO,EAAE,iBAAiB,EAC1B,YAAY,EAAE,YAAY;IAGpC;;;;;OAKG;IACH,kBAAkB,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO;IAU3C,cAAc,CAAC,UAAU,CAAC,EAAE,cAAc,EAAE,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE;IAoB5E,kBAAkB,CAAC,cAAc,EAAE,cAAc,EAAE,GAAG,MAAM,EAAE,EAAE;IAQhE,mBAAmB,CAAC,iBAAiB,EAAE,eAAe,EAAE,GAAG,MAAM,EAAE;IAUnE,kBAAkB,IAAI,MAAM;IAK5B,mBAAmB,IAAI,MAAM;IAO7B,mBAAmB,IAAI,MAAM;IAO7B,mBAAmB,IAAI,MAAM;IAO7B,oBAAoB,IAAI,MAAM;IAO9B,WAAW,IAAI,IAAI;IAQnB,QAAQ,IAAI,IAAI;IAkChB,OAAO,CAAC,eAAe;yCAlKZ,kBAAkB;2CAAlB,kBAAkB;CA4K9B"}
|
package/package.json
CHANGED
|
@@ -2,20 +2,16 @@
|
|
|
2
2
|
|
|
3
3
|
$focusable-elements: 'a', 'button', 'input', 'textarea', 'select', '[tabindex]';
|
|
4
4
|
|
|
5
|
-
.oasys-focus-style
|
|
6
|
-
|
|
7
|
-
outline:
|
|
8
|
-
var(--oasys-border-width-focus)
|
|
9
|
-
solid
|
|
10
|
-
var(--oasys-color-interaction-border-focus);
|
|
5
|
+
.oasys-focus-style,
|
|
6
|
+
%oasys-focus-style {
|
|
7
|
+
outline: var(--oasys-border-width-focus) solid var(--oasys-color-interaction-border-focus);
|
|
11
8
|
outline-offset: var(--oasys-border-width-focus-offset);
|
|
12
|
-
|
|
13
9
|
}
|
|
14
10
|
|
|
15
11
|
@each $element in $focusable-elements {
|
|
16
12
|
#{$element}:focus {
|
|
17
13
|
/* focus styles if 'focus-visible' not supported */
|
|
18
|
-
@extend
|
|
14
|
+
@extend %oasys-focus-style;
|
|
19
15
|
}
|
|
20
16
|
|
|
21
17
|
#{$element}:focus:not(:focus-visible) {
|
|
@@ -24,7 +20,6 @@ $focusable-elements: 'a', 'button', 'input', 'textarea', 'select', '[tabindex]';
|
|
|
24
20
|
}
|
|
25
21
|
#{$element}:focus-visible {
|
|
26
22
|
/* for modern browsers that have focus-visible */
|
|
27
|
-
@extend
|
|
23
|
+
@extend %oasys-focus-style;
|
|
28
24
|
}
|
|
29
|
-
|
|
30
25
|
}
|