monkey-style-guide-v2 0.0.95 → 0.0.97
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.
|
@@ -10,7 +10,7 @@ monkey-label {
|
|
|
10
10
|
font-style: normal;
|
|
11
11
|
font-weight: 400;
|
|
12
12
|
line-height: 16px;
|
|
13
|
-
letter-spacing: 0.
|
|
13
|
+
letter-spacing: 0.14px;
|
|
14
14
|
|
|
15
15
|
.mecx-disabled & {
|
|
16
16
|
color: var(--mecx-color-gray-400);
|
|
@@ -24,7 +24,7 @@ monkey-helper {
|
|
|
24
24
|
font-style: normal;
|
|
25
25
|
font-weight: 400;
|
|
26
26
|
line-height: 16px;
|
|
27
|
-
letter-spacing: 0.
|
|
27
|
+
letter-spacing: 0.14px;
|
|
28
28
|
|
|
29
29
|
.mecx-disabled & {
|
|
30
30
|
color: var(--mecx-color-gray-400);
|
|
@@ -68,7 +68,7 @@ monkey-info {
|
|
|
68
68
|
font-style: normal;
|
|
69
69
|
font-weight: 400;
|
|
70
70
|
line-height: 16px;
|
|
71
|
-
letter-spacing: 0.
|
|
71
|
+
letter-spacing: 0.14px;
|
|
72
72
|
display: flex;
|
|
73
73
|
|
|
74
74
|
.mecx-disabled & {
|
|
@@ -88,11 +88,11 @@ monkey-error {
|
|
|
88
88
|
gap: 2px;
|
|
89
89
|
align-items: center;
|
|
90
90
|
transform: translateY(-9px);
|
|
91
|
-
animation:
|
|
91
|
+
animation: slide-down 150ms ease-out forwards;
|
|
92
92
|
transition: 2s cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
93
93
|
}
|
|
94
94
|
|
|
95
|
-
@keyframes
|
|
95
|
+
@keyframes slide-down {
|
|
96
96
|
to {
|
|
97
97
|
opacity: 1;
|
|
98
98
|
transform: translateY(0);
|
|
@@ -6981,7 +6981,7 @@ class MonkeyRadioButtonComponent {
|
|
|
6981
6981
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.14", type: MonkeyRadioButtonComponent, isStandalone: true, selector: "monkey-radiobutton", inputs: { tabIndex: "tabIndex", position: "position", size: "size", disabled: ["disabled", "disabled", booleanAttribute], required: ["required", "required", booleanAttribute], value: "value" }, outputs: { onChange: "onChange", onSearch: "onSearch" }, host: { attributes: { "data-testid": "monkey-radiobutton" }, listeners: { "focus": "_onFocus()", "blur": "_onBlur()" }, properties: { "class.mecx-disabled": "disabled", "class.mecx-radiobutton-focused": "focused", "attr.id": "id", "attr.tabindex": "disabled ? -1 : tabIndex", "class": "this.classes" }, classAttribute: "mecx-radiobutton" }, providers: [
|
|
6982
6982
|
// eslint-disable-next-line no-use-before-define
|
|
6983
6983
|
{ provide: MonkeyFormFieldControl, useExisting: MonkeyRadioButtonComponent }
|
|
6984
|
-
], queries: [{ propertyName: "options", predicate: MonkeyOptionComponent }], ngImport: i0, template: "<ng-content />\n", styles: ["monkey-radiobutton{display:inline-flex;width:100%;min-width:0;position:relative;flex-wrap:wrap}monkey-radiobutton:focus-visible,monkey-radiobutton:focus{outline:none}monkey-radiobutton.vertical{flex-direction:column}monkey-radiobutton.mecx-disabled monkey-option{opacity:.5;pointer-events:none}monkey-radiobutton.mecx-disabled monkey-option:before{background:var(--mecx-color-white);border-color:var(--mecx-color-gray-400)}monkey-radiobutton.mecx-form-field-invalid{background:var(--mecx-color-error-700)}monkey-radiobutton.md monkey-option:before{width:16px;height:16px}monkey-radiobutton.sm monkey-option:before{width:14px;height:14px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: FormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
6984
|
+
], queries: [{ propertyName: "options", predicate: MonkeyOptionComponent }], ngImport: i0, template: "<ng-content />\n", styles: ["monkey-radiobutton{display:inline-flex;width:100%;min-width:0;position:relative;flex-wrap:wrap}monkey-radiobutton:focus-visible,monkey-radiobutton:focus{outline:none}monkey-radiobutton.vertical{flex-direction:column}monkey-radiobutton monkey-option{transition:none!important}monkey-radiobutton.mecx-disabled monkey-option{opacity:.5;pointer-events:none}monkey-radiobutton.mecx-disabled monkey-option:before{background:var(--mecx-color-white);border-color:var(--mecx-color-gray-400)}monkey-radiobutton.mecx-form-field-invalid{background:var(--mecx-color-error-700)}monkey-radiobutton.md monkey-option:before{width:16px;height:16px}monkey-radiobutton.sm monkey-option:before{width:14px;height:14px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: FormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
6985
6985
|
}
|
|
6986
6986
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MonkeyRadioButtonComponent, decorators: [{
|
|
6987
6987
|
type: Component,
|
|
@@ -6997,7 +6997,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
6997
6997
|
'[attr.tabindex]': 'disabled ? -1 : tabIndex',
|
|
6998
6998
|
'(focus)': '_onFocus()',
|
|
6999
6999
|
'(blur)': '_onBlur()'
|
|
7000
|
-
}, template: "<ng-content />\n", styles: ["monkey-radiobutton{display:inline-flex;width:100%;min-width:0;position:relative;flex-wrap:wrap}monkey-radiobutton:focus-visible,monkey-radiobutton:focus{outline:none}monkey-radiobutton.vertical{flex-direction:column}monkey-radiobutton.mecx-disabled monkey-option{opacity:.5;pointer-events:none}monkey-radiobutton.mecx-disabled monkey-option:before{background:var(--mecx-color-white);border-color:var(--mecx-color-gray-400)}monkey-radiobutton.mecx-form-field-invalid{background:var(--mecx-color-error-700)}monkey-radiobutton.md monkey-option:before{width:16px;height:16px}monkey-radiobutton.sm monkey-option:before{width:14px;height:14px}\n"] }]
|
|
7000
|
+
}, template: "<ng-content />\n", styles: ["monkey-radiobutton{display:inline-flex;width:100%;min-width:0;position:relative;flex-wrap:wrap}monkey-radiobutton:focus-visible,monkey-radiobutton:focus{outline:none}monkey-radiobutton.vertical{flex-direction:column}monkey-radiobutton monkey-option{transition:none!important}monkey-radiobutton.mecx-disabled monkey-option{opacity:.5;pointer-events:none}monkey-radiobutton.mecx-disabled monkey-option:before{background:var(--mecx-color-white);border-color:var(--mecx-color-gray-400)}monkey-radiobutton.mecx-form-field-invalid{background:var(--mecx-color-error-700)}monkey-radiobutton.md monkey-option:before{width:16px;height:16px}monkey-radiobutton.sm monkey-option:before{width:14px;height:14px}\n"] }]
|
|
7001
7001
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: MonkeyFormFieldComponent, decorators: [{
|
|
7002
7002
|
type: Optional
|
|
7003
7003
|
}] }], propDecorators: { options: [{
|