@operato/popup - npm Package Compare versions

Comparing version 7.0.0-rc.0 to 7.0.0-rc.2

dist/src/ox-floating-overlay.d.ts

 import '@material/web/icon/icon.js';
+import '@operato/input/ox-input-search.js';
 import { LitElement, PropertyValues } from 'lit';
@@ -3,0 +4,0 @@ /**

dist/src/ox-floating-overlay.js

 import { __decorate } from "tslib";
 import '@material/web/icon/icon.js';
+import '@operato/input/ox-input-search.js';
 import { css, html, LitElement } from 'lit';
@@ -475,2 +476,13 @@ import { customElement, property, query } from 'lit/decorators.js';
       [search] {
+        --help-icon-color: var(--md-sys-color-primary);
+        --help-icon-hover-color: var(--md-sys-color-primary);
+        --help-icon-opacity: 0.2;
+        --help-icon-size: 20px;
+
+        --md-icon-size: 20px;
+
+        --input-search-padding: var(--spacing-medium);
+        --input-search-focus-border-bottom: none;
+        --input-search-font: normal 16px var(--theme-font);
+
         display: flex;
@@ -481,4 +493,4 @@ justify-content: space-between;
         align-self: center;
-        color: var(--md-sys-color-on-secondary-container);
-        background-color: var(--md-sys-color-secondary-container);
+        color: var(--md-sys-color-primary);
+        background-color: var(--md-sys-color-on-primary);
         border-radius: 999em;
@@ -492,2 +504,8 @@ padding: 0 var(--spacing-medium);
 
+      ox-input-search {
+        color: var(--md-sys-color-primary);
+        background-color: var(--md-sys-color-on-primary);
+        border-radius: var(--md-sys-shape-corner-full);
+      }
+
       @media screen and (max-width: 460px) {
@@ -494,0 +512,0 @@ [closable][historyback] {

dist/src/ox-prompt.js

@@ -385,3 +385,3 @@ import { __decorate } from "tslib";
         --md-filled-button-container-color: var(--md-sys-color-primary);
-        --md-filled-button-label-text-color: var(--md-sys-color-primary-container);
+        --md-filled-button-label-text-color: var(--md-sys-color-on-primary);
         --md-filled-button-label-text-size: var(--md-sys-typescale-label-large-size, 0.875rem);
@@ -392,8 +392,6 @@ --md-filled-button-container-height: var(--form-element-height-medium);
         --md-filled-button-trailing-space: var(--spacing-large);
-        --md-filled-button-hover-label-text-color: var(--md-sys-color-secondary-container);
-        --md-filled-button-pressed-label-text-color: var(--md-sys-color-secondary-container);
-        --md-filled-button-focus-label-text-color: var(--md-sys-color-secondary-container);
       }
 
       #cancel {
+        --md-outlined-button-container-color: var(--md-sys-color-surface-variant);
         --md-outlined-button-label-text-color: var(--md-sys-color-on-surface-variant);
@@ -405,5 +403,2 @@ --md-outlined-button-label-text-size: var(--md-sys-typescale-label-large-size, 0.875rem);
         --md-outlined-button-trailing-space: var(--spacing-large);
-        --md-outlined-button-hover-label-text-color: var(--md-sys-color-primary);
-        --md-outlined-button-pressed-outline-color: var(--md-sys-color-primary);
-        --md-outlined-button-pressed-label-text-color: var(--md-sys-color-primary);
       }
@@ -410,0 +405,0 @@ `

package.json

@@ -5,3 +5,3 @@ {
   "author": "heartyoh",
-  "version": "7.0.0-rc.0",
+  "version": "7.0.0-rc.2",
   "main": "dist/src/index.js",
@@ -66,3 +66,3 @@ "module": "dist/src/index.js",
     "@material/web": "^1.5.0",
-    "@operato/styles": "^7.0.0-rc.0",
+    "@operato/styles": "^7.0.0-rc.2",
     "@operato/utils": "^7.0.0-rc.0",
@@ -104,3 +104,3 @@ "lit": "^3.1.2"
   },
-  "gitHead": "6ea42336e40d8eae2c11a9ebdfc21dd1cbcefca1"
+  "gitHead": "5791b908e428e23251411af6ba0a9e27d3787302"
 }

src/ox-floating-overlay.ts

 import '@material/web/icon/icon.js'
+import '@operato/input/ox-input-search.js'
 
@@ -240,2 +241,13 @@ import { css, html, LitElement, PropertyValues } from 'lit'
       [search] {
+        --help-icon-color: var(--md-sys-color-primary);
+        --help-icon-hover-color: var(--md-sys-color-primary);
+        --help-icon-opacity: 0.2;
+        --help-icon-size: 20px;
+
+        --md-icon-size: 20px;
+
+        --input-search-padding: var(--spacing-medium);
+        --input-search-focus-border-bottom: none;
+        --input-search-font: normal 16px var(--theme-font);
+
         display: flex;
@@ -246,4 +258,4 @@ justify-content: space-between;
         align-self: center;
-        color: var(--md-sys-color-on-secondary-container);
-        background-color: var(--md-sys-color-secondary-container);
+        color: var(--md-sys-color-primary);
+        background-color: var(--md-sys-color-on-primary);
         border-radius: 999em;
@@ -257,2 +269,8 @@ padding: 0 var(--spacing-medium);
 
+      ox-input-search {
+        color: var(--md-sys-color-primary);
+        background-color: var(--md-sys-color-on-primary);
+        border-radius: var(--md-sys-shape-corner-full);
+      }
+
       @media screen and (max-width: 460px) {
@@ -259,0 +277,0 @@ [closable][historyback] {

src/ox-prompt.ts

@@ -102,3 +102,3 @@ import '@material/web/button/filled-button.js'
         --md-filled-button-container-color: var(--md-sys-color-primary);
-        --md-filled-button-label-text-color: var(--md-sys-color-primary-container);
+        --md-filled-button-label-text-color: var(--md-sys-color-on-primary);
         --md-filled-button-label-text-size: var(--md-sys-typescale-label-large-size, 0.875rem);
@@ -109,8 +109,6 @@ --md-filled-button-container-height: var(--form-element-height-medium);
         --md-filled-button-trailing-space: var(--spacing-large);
-        --md-filled-button-hover-label-text-color: var(--md-sys-color-secondary-container);
-        --md-filled-button-pressed-label-text-color: var(--md-sys-color-secondary-container);
-        --md-filled-button-focus-label-text-color: var(--md-sys-color-secondary-container);
       }
 
       #cancel {
+        --md-outlined-button-container-color: var(--md-sys-color-surface-variant);
         --md-outlined-button-label-text-color: var(--md-sys-color-on-surface-variant);
@@ -122,5 +120,2 @@ --md-outlined-button-label-text-size: var(--md-sys-typescale-label-large-size, 0.875rem);
         --md-outlined-button-trailing-space: var(--spacing-large);
-        --md-outlined-button-hover-label-text-color: var(--md-sys-color-primary);
-        --md-outlined-button-pressed-outline-color: var(--md-sys-color-primary);
-        --md-outlined-button-pressed-label-text-color: var(--md-sys-color-primary);
       }
@@ -127,0 +122,0 @@ `

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

646165

increased by0.12%

Lines of code

7977

increased by0.24%

Dependency changes

• Updated@operato/styles@^7.0.0-rc.2