@operato/styles - npm Package Compare versions

Comparing version 9.0.0-beta.21 to 9.0.0-beta.28

CHANGELOG.md

@@ -6,2 +6,11 @@ # Change Log
 
+## [9.0.0-beta.28](https://github.com/hatiolab/operato/compare/v9.0.0-beta.27...v9.0.0-beta.28) (2025-01-28)
+
+
+### :rocket: New Features
+
+* module property-panel ([d3dd184](https://github.com/hatiolab/operato/commit/d3dd18461756814dc17e33157a397d8d679650a6))
+
+
+
 ## [9.0.0-beta.21](https://github.com/hatiolab/operato/compare/v9.0.0-beta.20...v9.0.0-beta.21) (2025-01-28)
@@ -8,0 +17,0 @@

dist/src/property-grid-styles.js

@@ -38,6 +38,2 @@ /**
 
-  ox-input-data {
-    height: 300px;
-  }
-
   /* property grid */
@@ -77,3 +73,3 @@ .property-grid {
 
-  .property-grid > input,
+  input:not([type='checkbox']),
   .property-grid > select,
@@ -85,12 +81,17 @@ .property-grid > ox-input-angle,
   .property-grid > .custom-editor {
-    grid-column: span 16;
+    grid-column: 9 / -1;
     align-self: stretch;
 
-    border: var(--property-sidebar-fieldset-border, 1px solid #ccc);
+    border: 1px solid rgba(0, 0, 0, 0.2);
     color: var(--md-sys-color-on-secondary-container);
+    background-color: field;
+    border-radius: var(--spacing-small);
     outline: none;
   }
 
-  .property-grid ox-select {
-    background-color: field;
+  .property-grid ox-input-code,
+  .property-grid ox-input-data,
+  .property-grid .multiline-input {
+    height: 300px;
+    border-radius: var(--spacing-small);
   }
@@ -105,3 +106,2 @@
     background-color: transparent;
-    color: var(--md-sys-color-on-secondary-container);
     border: none;
@@ -126,35 +126,36 @@ }
 
-  .property-grid > .property-full-bleed {
+  .property-grid > .fullwidth,
+  .property-grid > [fullwidth] {
     grid-column: 1 / -1;
   }
 
-  .property-grid > .property-half-label {
+  .property-grid > .half-label {
     grid-column: span 3;
   }
 
-  .property-grid > .property-half-input {
+  .property-grid > .half-editor {
     grid-column: span 9;
   }
 
-  .property-grid > .property-onethird-label {
+  .property-grid > .onethird-label {
     grid-column: span 3;
   }
 
-  .property-grid > .property-onethird-input {
+  .property-grid > .onethird-editor {
     grid-column: span 5;
   }
 
-  .property-grid > .property-onethird-full {
+  .property-grid > .onethird-full {
     grid-column: span 8;
   }
 
-  .property-grid > .property-twothird-label {
+  .property-grid > .twothird-label {
     grid-column: span 3;
   }
 
-  .property-grid > .property-twothird-input {
+  .property-grid > .twothird-editor {
     grid-column: span 13;
   }
 
-  .property-grid > .property-twothird-full {
+  .property-grid > .twothird-full {
     grid-column: span 16;
@@ -161,0 +162,0 @@ }

package.json

@@ -5,3 +5,3 @@ {
   "author": "heartyoh",
-  "version": "9.0.0-beta.21",
+  "version": "9.0.0-beta.28",
   "type": "module",
@@ -113,3 +113,3 @@ "main": "dist/src/index.js",
   "prettier": "@hatiolab/prettier-config",
-  "gitHead": "2009d843d9b1f3ee954b01a3e9434676e39184b8"
+  "gitHead": "ddb7c9c9f18b08fdec009cbffdea291031d05c0e"
 }

No alert changes

Improved metrics

Total package byte prevSize

281341

increased by0.1%

Lines of code

2825

increased by0.07%

No dependency changes