oasys-lib 2.13.0 → 2.14.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 +23 -20
- package/fesm2022/oasys-lib.mjs.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
|
@@ -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
|
}
|