@underlayerdev/ui 0.12.0 → 0.13.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.
Files changed (5) hide show
  1. package/fesm2022/underlayerdev-ui.mjs +4 -4
  2. package/fesm2022/underlayerdev-ui.mjs.map +1 -1
  3. package/package.json +1 -1
  4. package/styles/foundations.css +27 -0
  5. package/types/underlayerdev-ui.d.ts +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@underlayerdev/ui",
3
- "version": "0.12.0",
3
+ "version": "0.13.0",
4
4
  "peerDependencies": {
5
5
  "@angular/cdk": "^22.0.0",
6
6
  "@angular/common": "^22.0.0",
package/styles/foundations.css CHANGED
@@ -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");
package/types/underlayerdev-ui.d.ts CHANGED
@@ -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
  /**