monkey-style-guide 21.0.10 → 21.0.11
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.
|
@@ -10132,7 +10132,7 @@ class MonkeyPassNumberComponent {
|
|
|
10132
10132
|
<i class="mk-i mk-i-delete"></i>
|
|
10133
10133
|
</monkey-button>
|
|
10134
10134
|
</div>
|
|
10135
|
-
`, isInline: true, styles: [":host{display:flex;width:100%;max-width:
|
|
10135
|
+
`, isInline: true, styles: [":host{display:flex;width:100%;max-width:250px;flex-direction:column;gap:1rem}:host .pin-selected{display:flex;align-items:center;justify-content:center;gap:8px}:host .pin-selected .pin-input{width:32px;height:32px;border:2px solid var(--mecx-color-gray-400);box-sizing:border-box;border-radius:4px;background-color:var(--mecx-color-white);display:flex;justify-content:center;align-items:center;line-height:24px;font-weight:600;font-size:14px;position:relative}:host .pin-selected .pin-input.filled:before{content:\"\";border-radius:50%;width:8px;height:8px;background-color:var(--mecx-color-gray-900);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}:host .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}\n"], dependencies: [{ kind: "component", type: MonkeyButtonComponent, selector: "monkey-button", inputs: ["disabled", "color", "size", "type", "loading", "id"] }] }); }
|
|
10136
10136
|
}
|
|
10137
10137
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: MonkeyPassNumberComponent, decorators: [{
|
|
10138
10138
|
type: Component,
|
|
@@ -10177,7 +10177,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
|
|
|
10177
10177
|
'data-testid': 'monkey-pass-number',
|
|
10178
10178
|
'[attr.id]': 'id',
|
|
10179
10179
|
'[id]': 'id'
|
|
10180
|
-
}, styles: [":host{display:flex;width:100%;max-width:
|
|
10180
|
+
}, styles: [":host{display:flex;width:100%;max-width:250px;flex-direction:column;gap:1rem}:host .pin-selected{display:flex;align-items:center;justify-content:center;gap:8px}:host .pin-selected .pin-input{width:32px;height:32px;border:2px solid var(--mecx-color-gray-400);box-sizing:border-box;border-radius:4px;background-color:var(--mecx-color-white);display:flex;justify-content:center;align-items:center;line-height:24px;font-weight:600;font-size:14px;position:relative}:host .pin-selected .pin-input.filled:before{content:\"\";border-radius:50%;width:8px;height:8px;background-color:var(--mecx-color-gray-900);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}:host .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}\n"] }]
|
|
10181
10181
|
}], ctorParameters: () => [], propDecorators: { disabled: [{
|
|
10182
10182
|
type: Input
|
|
10183
10183
|
}], onChange: [{ type: i0.Output, args: ["onChange"] }], id: [{
|
|
@@ -10258,7 +10258,7 @@ class MonkeyPassSecretNumberComponent {
|
|
|
10258
10258
|
<i class="mk-i mk-i-delete"></i>
|
|
10259
10259
|
</div>
|
|
10260
10260
|
</div>
|
|
10261
|
-
`, isInline: true, styles: [":host{display:flex;width:100%;max-width:
|
|
10261
|
+
`, isInline: true, styles: [":host{display:flex;width:100%;max-width:250px;flex-direction:column;gap:1rem}:host .pin-selected{display:flex;align-items:center;justify-content:center;gap:8px}:host .pin-selected .pin-input{width:32px;height:32px;border:2px solid var(--mecx-color-gray-400);box-sizing:border-box;border-radius:4px;background-color:var(--mecx-color-white);display:flex;justify-content:center;align-items:center;line-height:24px;font-weight:600;font-size:14px;position:relative}:host .pin-selected .pin-input.filled:before{content:\"\";border-radius:50%;width:8px;height:8px;background-color:var(--mecx-color-gray-900);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}:host .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }] }); }
|
|
10262
10262
|
}
|
|
10263
10263
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: MonkeyPassSecretNumberComponent, decorators: [{
|
|
10264
10264
|
type: Component,
|
|
@@ -10282,7 +10282,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
|
|
|
10282
10282
|
'data-testid': 'monkey-pass-secret-number',
|
|
10283
10283
|
'[attr.id]': 'id',
|
|
10284
10284
|
'[id]': 'id'
|
|
10285
|
-
}, styles: [":host{display:flex;width:100%;max-width:
|
|
10285
|
+
}, styles: [":host{display:flex;width:100%;max-width:250px;flex-direction:column;gap:1rem}:host .pin-selected{display:flex;align-items:center;justify-content:center;gap:8px}:host .pin-selected .pin-input{width:32px;height:32px;border:2px solid var(--mecx-color-gray-400);box-sizing:border-box;border-radius:4px;background-color:var(--mecx-color-white);display:flex;justify-content:center;align-items:center;line-height:24px;font-weight:600;font-size:14px;position:relative}:host .pin-selected .pin-input.filled:before{content:\"\";border-radius:50%;width:8px;height:8px;background-color:var(--mecx-color-gray-900);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}:host .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}\n"] }]
|
|
10286
10286
|
}], ctorParameters: () => [], propDecorators: { onChange: [{ type: i0.Output, args: ["onChange"] }], id: [{
|
|
10287
10287
|
type: Input
|
|
10288
10288
|
}] } });
|
|
Binary file
|
package/package.json
CHANGED
|
Binary file
|