@underlayerdev/ui 0.12.0 → 0.13.1

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@underlayerdev/ui",
3
- "version": "0.12.0",
3
+ "version": "0.13.1",
4
4
  "peerDependencies": {
5
5
  "@angular/cdk": "^22.0.0",
6
6
  "@angular/common": "^22.0.0",
@@ -298,6 +298,33 @@ a:active {
298
298
  color: #a781ff;
299
299
  }
300
300
 
301
+ .ul-image {
302
+ height: 100%;
303
+ }
304
+ .ul-image--not-found {
305
+ position: relative;
306
+ }
307
+ .ul-image--not-found::after {
308
+ display: flex;
309
+ place-items: center;
310
+ place-content: center;
311
+ position: absolute;
312
+ z-index: 2;
313
+ top: 0;
314
+ left: 0;
315
+ width: 100%;
316
+ height: 100%;
317
+ font-family: "Ultra Icons";
318
+ font-size: 48px;
319
+ line-height: 48px;
320
+ color: rgba(255, 255, 255, 0.3);
321
+ content: "image_dashed";
322
+ visibility: visible;
323
+ }
324
+ .ul-image--not-found::after {
325
+ background-color: #232323;
326
+ }
327
+
301
328
  @font-face {
302
329
  font-family: "Roboto Mono";
303
330
  src: url("fonts/RobotoMono.ttf") format("truetype");
@@ -80,7 +80,7 @@ declare class AreaCodeComponent {
80
80
 
81
81
  type UiSize = 'sm' | 'md' | 'lg' | 'xl';
82
82
  type UiCheckboxSize = 'default' | 'sm' | 'lg';
83
- type UiTheme = 'fill-purple' | 'fill-white' | 'fill-yellow' | 'fill-red' | 'transparent-purple' | 'transparent-white' | 'transparent-red' | 'transparent-black' | 'ghost-purple' | 'ghost-white' | 'ghost-red' | 'ghost-green' | 'outline-white' | 'outline-purple' | 'outline-red' | 'outline-green';
83
+ type UiTheme = 'fill-purple' | 'fill-white' | 'fill-yellow' | 'fill-red' | 'fill-green' | 'transparent-purple' | 'transparent-white' | 'transparent-red' | 'transparent-black' | 'ghost-purple' | 'ghost-white' | 'ghost-red' | 'ghost-green' | 'outline-white' | 'outline-purple' | 'outline-red' | 'outline-green';
84
84
 
85
85
  type IconSize$1 = '5' | '6' | '7' | '8' | '16';
86
86
  /**
@@ -886,7 +886,7 @@ declare class ImageNotFoundDirective {
886
886
  */
887
887
  handleLoad(): void;
888
888
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ImageNotFoundDirective, never>;
889
- static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ImageNotFoundDirective, "[peCatchImageNotFound]", never, { "showPlaceholder": { "alias": "showPlaceholder"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
889
+ static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ImageNotFoundDirective, "[ulCatchImageNotFound]", never, { "showPlaceholder": { "alias": "showPlaceholder"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
890
890
  }
891
891
 
892
892
  /** Visual shape of the crop mask/frame — purely cosmetic, doesn't affect the exported file. */