@ukic/canary-react 3.0.0-canary.6 → 3.0.0-canary.9

package/README.md

@@ -16,10 +16,10 @@ To install the components:
 In the root of your project:
 
 ```shell
-// using npm
+# using npm
 npm install @ukic/canary-react @ukic/fonts
 
-// using yarn
+# using yarn
 rm package-lock.json
 yarn add @ukic/canary-react @ukic/fonts
 ```

package/dist/core/core.css

@@ -279,7 +279,9 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
     --ic-color-background-secondary-40
   );--ic-data-table-pagination-bar-keyline:var(--ic-color-keyline);--ic-data-table-icon:var(--ic-color-icon-neutral);--ic-data-table-icon-default-emphasis:var(--ic-color-icon-grey-darker);--ic-data-table-icon-high-emphasis:var(--ic-color-icon-neutral);--ic-data-table-icon-low-emphasis:var(--ic-color-icon-grey-dark);--ic-data-table-cell-background-hover:var(--ic-action-default-bg-hover);--ic-data-table-cell-background-selected-hover:var(
     --ic-action-default-bg-pressed-hover-34
-  );--ic-data-table-header-text:var(--ic-color-text-primary);--ic-data-table-overlay-background:var(--ic-color-background-primary);--ic-data-table-overlay-border:var(--ic-color-border-neutral-grey-dark);--ic-data-table-title-bar-title:var(--ic-color-text-primary);--ic-data-table-title-bar-background:var(--ic-color-background-primary);--ic-data-table-title-bar-keyline:var(--ic-color-border-neutral-default);--ic-data-table-title-bar-information:var(--ic-color-text-tertiary);--ic-data-table-title-bar-description:var(--ic-color-text-secondary);--ic-date-input-bg:var(--ic-atoms-input-field-background);--ic-date-input-border:var(--ic-color-border-neutral-grey-dark);--ic-date-input-border-default-hover:var(
+  );--ic-data-table-header-text:var(--ic-color-text-primary);--ic-data-table-overlay-background:var(--ic-color-background-primary);--ic-data-table-overlay-border:var(--ic-color-border-neutral-grey-dark);--ic-data-table-loading-indicator-overlay-background:var(
+    --ic-architectural-black
+  );--ic-data-table-title-bar-title:var(--ic-color-text-primary);--ic-data-table-title-bar-background:var(--ic-color-background-primary);--ic-data-table-title-bar-keyline:var(--ic-color-border-neutral-default);--ic-data-table-title-bar-information:var(--ic-color-text-tertiary);--ic-data-table-title-bar-description:var(--ic-color-text-secondary);--ic-date-input-bg:var(--ic-atoms-input-field-background);--ic-date-input-border:var(--ic-color-border-neutral-grey-dark);--ic-date-input-border-default-hover:var(
     --ic-color-border-neutral-hover-dark
   );--ic-date-input-border-default-pressed:var(
     --ic-color-border-neutral-pressed-dark
@@ -347,6 +349,8 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
     --ic-atoms-list-option-description
   );--ic-search-bar-dropdown-outline:var(--ic-atoms-dropdown-list-border);--ic-search-bar-clear-button:var(--ic-atoms-input-clear-button);--ic-search-bar-filled-text-cursor:var(
     --ic-atoms-input-select-content-text-cursor
+  );--ic-search-bar-label-disabled:var(--ic-atoms-input-field-label-disabled);--ic-search-bar-subtitle-disabled:var(
+    --ic-atoms-input-field-label-subtitle-disabled
   );--ic-select-field-background:var(--ic-atoms-input-field-background);--ic-select-field-label:var(--ic-atoms-input-field-label);--ic-select-field-label-disabled:var(--ic-atoms-input-field-label-disabled);--ic-select-field-border:var(--ic-color-border-neutral-grey-dark);--ic-select-field-border-hover:var(--ic-color-border-neutral-hover-default);--ic-select-field-border-pressed:var(
     --ic-color-border-neutral-pressed-default
   );--ic-select-field-border-disabled:var(--ic-color-border-neutral-disabled);--ic-select-field-border-error:var(--ic-color-border-error-default);--ic-select-field-border-error-hover:var(--ic-color-border-error-hover);--ic-select-field-border-error-pressed:var(--ic-color-border-error-pressed);--ic-select-field-border-warning:var(--ic-color-border-warning-default);--ic-select-field-border-warning-hover:var(--ic-color-border-warning-hover);--ic-select-field-border-warning-pressed:var(
@@ -453,7 +457,7 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
     --ic-action-default-bg-pressed
   );--ic-top-navigation-nav-group-link:var(--ic-color-hyperlink-default);--ic-top-navigation-nav-item:var(--ic-color-text-primary);--ic-top-navigation-nav-item-hover:var(--ic-action-dark-bg-hover);--ic-top-navigation-nav-group-hover:var(--ic-action-dark-bg-hover);--ic-top-navigation-nav-item-pressed:var(--ic-action-dark-bg-pressed);--ic-top-navigation-nav-group-pressed:var(--ic-action-dark-bg-pressed);--ic-top-navigation-nav-item-banner:var(--ic-action-default);--ic-top-navigation-nav-group-chevron:var(--ic-color-icon-neutral);--ic-top-navigation-link:var(--ic-color-brand-text);--ic-top-navigation-status-tag:var(--ic-color-background-primary);--ic-top-navigation-status-tag-text:var(--ic-color-text-primary);--ic-top-navigation-status-tag-secondary:var(--ic-state-layer-lighten-20);--ic-top-navigation-logo:var(--ic-color-icon-brand);--ic-top-navigation-icon:var(--ic-color-icon-brand);--ic-top-navigation-theme:var(--ic-color-icon-brand);--ic-top-navigation-disabled:var(--ic-color-text-disabled-default);--ic-top-navigation-enabled:var(--ic-color-brand-text);--ic-top-navigation-menu-background:var(--ic-color-background-secondary);--ic-top-navigation-menu-border:var(--ic-color-border-neutral-default);--ic-top-navigation-selected:var(--ic-color-icon-brand);--ic-top-navigation-search-placeholder-text:var(
     --ic-atoms-input-text-field-content-placeholder
-  );--ic-tree-view-text:var(--ic-color-text-primary);--ic-tree-view-background:var(--ic-color-background-primary);--ic-tree-view-text-disabled:var(--ic-color-text-disabled);--ic-tree-view-icon-disabled:var(--ic-color-icon-grey);--ic-tree-view-icon:var(--ic-color-icon-neutral);--ic-tree-view-dropdown-arrow:var(--ic-color-icon-action-default);--ic-tree-view-dropdown-arrow-disabled:var(--ic-color-icon-disabled-mid);--ic-tree-view-divider:var(--ic-state-layer-neutral-dark);--ic-tree-view-hover:var(--ic-action-dark-bg-hover);--ic-tree-view-pressed:var(--ic-action-dark-bg-pressed);--ic-tree-view-selected:var(--ic-action-light-selected)}@media (prefers-color-scheme: dark){:root{--ic-color-text-primary:var(--ic-color-text-primary-dark);--ic-color-text-secondary:var(--ic-color-text-secondary-dark);--ic-color-text-tertiary:var(--ic-color-text-tertiary-dark);--ic-color-text-inverse:var(--ic-color-text-inverse-dark);--ic-color-text-disabled:var(--ic-color-text-disabled-dark);--ic-color-background-primary:var(--ic-color-background-primary-dark);--ic-color-background-secondary:var(--ic-color-background-secondary-dark);--ic-color-background-active:var(--ic-color-background-active-dark);--ic-color-background-hover:var(--ic-color-background-hover-dark);--ic-color-background-pressed:var(--ic-color-background-pressed-dark);--ic-color-background-disabled:var(--ic-color-background-disabled-dark);--ic-color-background-success:var(--ic-color-background-success-dark);--ic-color-background-warning:var(--ic-color-background-warning-dark);--ic-color-background-destructive:var(
+  );--ic-tree-view-text:var(--ic-color-text-primary);--ic-tree-view-background:var(--ic-color-background-primary);--ic-tree-view-text-disabled:var(--ic-color-text-disabled);--ic-tree-view-icon-disabled:var(--ic-color-icon-grey);--ic-tree-view-icon:var(--ic-color-icon-neutral);--ic-tree-view-dropdown-arrow:var(--ic-color-icon-action-default);--ic-tree-view-dropdown-arrow-disabled:var(--ic-color-icon-disabled-mid);--ic-tree-view-divider:var(--ic-state-layer-neutral-dark);--ic-tree-view-hover:var(--ic-action-dark-bg-hover);--ic-tree-view-pressed:var(--ic-action-dark-bg-pressed);--ic-tree-view-selected:var(--ic-action-light-selected)}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--ic-color-text-primary:var(--ic-color-text-primary-dark);--ic-color-text-secondary:var(--ic-color-text-secondary-dark);--ic-color-text-tertiary:var(--ic-color-text-tertiary-dark);--ic-color-text-inverse:var(--ic-color-text-inverse-dark);--ic-color-text-disabled:var(--ic-color-text-disabled-dark);--ic-color-background-primary:var(--ic-color-background-primary-dark);--ic-color-background-secondary:var(--ic-color-background-secondary-dark);--ic-color-background-active:var(--ic-color-background-active-dark);--ic-color-background-hover:var(--ic-color-background-hover-dark);--ic-color-background-pressed:var(--ic-color-background-pressed-dark);--ic-color-background-disabled:var(--ic-color-background-disabled-dark);--ic-color-background-success:var(--ic-color-background-success-dark);--ic-color-background-warning:var(--ic-color-background-warning-dark);--ic-color-background-destructive:var(
       --ic-color-background-destructive-dark
     );--ic-color-background-destructive-hover:var(
       --ic-color-background-destructive-hover-dark
@@ -731,7 +735,9 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
       --ic-color-background-secondary-dark
     );--ic-data-table-pagination-bar-keyline:var(--ic-color-keyline);--ic-data-table-icon:var(--ic-color-icon-inverted);--ic-data-table-icon-default-emphasis:var(--ic-color-icon-grey-lighter);--ic-data-table-icon-high-emphasis:var(--ic-color-icon-inverted);--ic-data-table-icon-low-emphasis:var(--ic-color-icon-grey-light);--ic-data-table-cell-background-hover:var(--ic-action-light-bg-hover);--ic-data-table-cell-background-selected-hover:var(
       --ic-action-light-bg-pressed-34
-    );--ic-data-table-header-text:var(--ic-color-text-primary);--ic-data-table-overlay-background:var(--ic-color-background-primary);--ic-data-table-overlay-border:var(--ic-color-border-neutral-grey-light);--ic-data-table-title-bar-title:var(--ic-color-text-primary);--ic-data-table-title-bar-background:var(--ic-color-background-primary);--ic-data-table-title-bar-keyline:var(--ic-color-border-neutral-default);--ic-data-table-title-bar-information:var(--ic-color-text-tertiary);--ic-data-table-title-bar-description:var(--ic-color-text-secondary);--ic-date-input-bg:var(--ic-atoms-input-field-background);--ic-date-input-border:var(--ic-color-border-neutral-grey-dark);--ic-date-input-border-default-hover:var(
+    );--ic-data-table-header-text:var(--ic-color-text-primary);--ic-data-table-overlay-background:var(--ic-color-background-primary);--ic-data-table-overlay-border:var(--ic-color-border-neutral-grey-light);--ic-data-table-loading-indicator-overlay-background:var(
+      --ic-architectural-black
+    );--ic-data-table-title-bar-title:var(--ic-color-text-primary);--ic-data-table-title-bar-background:var(--ic-color-background-primary);--ic-data-table-title-bar-keyline:var(--ic-color-border-neutral-default);--ic-data-table-title-bar-information:var(--ic-color-text-tertiary);--ic-data-table-title-bar-description:var(--ic-color-text-secondary);--ic-date-input-bg:var(--ic-atoms-input-field-background);--ic-date-input-border:var(--ic-color-border-neutral-grey-dark);--ic-date-input-border-default-hover:var(
       --ic-color-border-neutral-hover-light
     );--ic-date-input-border-default-pressed:var(
       --ic-color-border-neutral-pressed-light
@@ -813,6 +819,8 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
       --ic-atoms-list-option-description
     );--ic-search-bar-dropdown-outline:var(--ic-atoms-dropdown-list-border);--ic-search-bar-clear-button:var(--ic-atoms-input-clear-button);--ic-search-bar-filled-text-cursor:var(
       --ic-atoms-input-select-content-text-cursor
+    );--ic-search-bar-label-disabled:var(--ic-atoms-input-field-label-disabled);--ic-search-bar-subtitle-disabled:var(
+      --ic-atoms-input-field-label-subtitle-disabled
     );--ic-select-field-background:var(--ic-atoms-input-field-background);--ic-select-field-label:var(--ic-atoms-input-field-label);--ic-select-field-label-disabled:var(
       --ic-atoms-input-field-label-disabled
     );--ic-select-field-border:var(--ic-color-border-neutral-grey-light);--ic-select-field-border-hover:var(--ic-color-border-neutral-hover-light);--ic-select-field-border-pressed:var(
@@ -947,7 +955,7 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
       --ic-action-default-bg-pressed
     );--ic-top-navigation-nav-group-link:var(--ic-color-hyperlink-default);--ic-top-navigation-nav-item:var(--ic-color-text-primary);--ic-top-navigation-nav-item-hover:var(--ic-action-light-bg-hover);--ic-top-navigation-nav-group-hover:var(--ic-action-light-bg-hover);--ic-top-navigation-nav-item-pressed:var(--ic-action-light-bg-pressed);--ic-top-navigation-nav-group-pressed:var(--ic-action-light-bg-pressed);--ic-top-navigation-nav-item-banner:var(--ic-action-default);--ic-top-navigation-nav-group-chevron:var(--ic-color-icon-brand);--ic-top-navigation-link:var(--ic-color-brand-text);--ic-top-navigation-status-tag:var(--ic-color-background-primary-light);--ic-top-navigation-status-tag-text:var(--ic-color-text-inverse);--ic-top-navigation-status-tag-secondary:var(--ic-state-layer-lighten-20);--ic-top-navigation-logo:var(--ic-color-icon-brand);--ic-top-navigation-icon:var(--ic-color-icon-brand);--ic-top-navigation-theme:var(--ic-color-icon-brand);--ic-top-navigation-disabled:var(--ic-color-text-disabled-dark);--ic-top-navigation-enabled:var(--ic-color-brand-text);--ic-top-navigation-menu-background:var(--ic-color-background-primary);--ic-top-navigation-menu-border:var(--ic-color-border-neutral-default);--ic-top-navigation-selected:var(--ic-color-icon-brand);--ic-top-navigation-search-placeholder-text:var(
       --ic-atoms-input-text-field-content-placeholder
-    );--ic-tree-view-text:var(--ic-color-text-primary);--ic-tree-view-background:var(--ic-color-background-primary);--ic-tree-view-text-disabled:var(--ic-color-text-disabled-dark);--ic-tree-view-icon-disabled:var(--ic-color-icon-pressed);--ic-tree-view-icon:var(--ic-color-icon-inverted);--ic-tree-view-dropdown-arrow:var(--ic-color-icon-action-default);--ic-tree-view-dropdown-arrow-disabled:var(--ic-color-icon-disabled);--ic-tree-view-divider:var(--ic-state-layer-neutral-light);--ic-tree-view-hover:var(--ic-action-light-bg-hover);--ic-tree-view-pressed:var(--ic-action-light-bg-pressed);--ic-tree-view-selected:var(--ic-action-dark-selected)}}.ic-theme-dark{--ic-color-text-primary:var(--ic-color-text-primary-dark);--ic-color-text-secondary:var(--ic-color-text-secondary-dark);--ic-color-text-tertiary:var(--ic-color-text-tertiary-dark);--ic-color-text-inverse:var(--ic-color-text-inverse-dark);--ic-color-text-disabled:var(--ic-color-text-disabled-dark);--ic-color-background-primary:var(--ic-color-background-primary-dark);--ic-color-background-secondary:var(--ic-color-background-secondary-dark);--ic-color-background-active:var(--ic-color-background-active-dark);--ic-color-background-hover:var(--ic-color-background-hover-dark);--ic-color-background-pressed:var(--ic-color-background-pressed-dark);--ic-color-background-disabled:var(--ic-color-background-disabled-dark);--ic-color-background-success:var(--ic-color-background-success-dark);--ic-color-background-warning:var(--ic-color-background-warning-dark);--ic-color-background-destructive:var(
+    );--ic-tree-view-text:var(--ic-color-text-primary);--ic-tree-view-background:var(--ic-color-background-primary);--ic-tree-view-text-disabled:var(--ic-color-text-disabled-dark);--ic-tree-view-icon-disabled:var(--ic-color-icon-pressed);--ic-tree-view-icon:var(--ic-color-icon-inverted);--ic-tree-view-dropdown-arrow:var(--ic-color-icon-action-default);--ic-tree-view-dropdown-arrow-disabled:var(--ic-color-icon-disabled);--ic-tree-view-divider:var(--ic-state-layer-neutral-light);--ic-tree-view-hover:var(--ic-action-light-bg-hover);--ic-tree-view-pressed:var(--ic-action-light-bg-pressed);--ic-tree-view-selected:var(--ic-action-dark-selected)}}.ic-theme-dark{color-scheme:dark;--ic-color-text-primary:var(--ic-color-text-primary-dark);--ic-color-text-secondary:var(--ic-color-text-secondary-dark);--ic-color-text-tertiary:var(--ic-color-text-tertiary-dark);--ic-color-text-inverse:var(--ic-color-text-inverse-dark);--ic-color-text-disabled:var(--ic-color-text-disabled-dark);--ic-color-background-primary:var(--ic-color-background-primary-dark);--ic-color-background-secondary:var(--ic-color-background-secondary-dark);--ic-color-background-active:var(--ic-color-background-active-dark);--ic-color-background-hover:var(--ic-color-background-hover-dark);--ic-color-background-pressed:var(--ic-color-background-pressed-dark);--ic-color-background-disabled:var(--ic-color-background-disabled-dark);--ic-color-background-success:var(--ic-color-background-success-dark);--ic-color-background-warning:var(--ic-color-background-warning-dark);--ic-color-background-destructive:var(
     --ic-color-background-destructive-dark
   );--ic-color-background-destructive-hover:var(
     --ic-color-background-destructive-hover-dark
@@ -1191,7 +1199,9 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
     --ic-color-background-primary
   );--ic-data-table-icon:var(--ic-color-icon-inverted);--ic-data-table-icon-default-emphasis:var(--ic-color-icon-grey-lighter);--ic-data-table-icon-high-emphasis:var(--ic-color-icon-inverted);--ic-data-table-icon-low-emphasis:var(--ic-color-icon-grey-light);--ic-data-table-cell-background-hover:var(--ic-action-light-bg-hover);--ic-data-table-cell-background-selected-hover:var(
     --ic-action-light-bg-pressed-34
-  );--ic-data-table-header-text:var(--ic-color-text-primary);--ic-data-table-overlay-background:var(--ic-color-background-primary);--ic-data-table-overlay-border:var(--ic-color-border-neutral-grey-light);--ic-data-table-title-bar-title:var(--ic-color-text-primary);--ic-data-table-title-bar-background:var(--ic-color-background-primary);--ic-data-table-title-bar-keyline:var(--ic-color-border-neutral-default);--ic-data-table-title-bar-information:var(--ic-color-text-tertiary);--ic-data-table-title-bar-description:var(--ic-color-text-secondary);--ic-date-input-bg:var(--ic-atoms-input-field-background);--ic-date-input-border:var(--ic-color-border-neutral-grey-dark);--ic-date-input-border-default-hover:var(
+  );--ic-data-table-header-text:var(--ic-color-text-primary);--ic-data-table-overlay-background:var(--ic-color-background-primary);--ic-data-table-overlay-border:var(--ic-color-border-neutral-grey-light);--ic-data-table-loading-indicator-overlay-background:var(
+    --ic-architectural-black
+  );--ic-data-table-title-bar-title:var(--ic-color-text-primary);--ic-data-table-title-bar-background:var(--ic-color-background-primary);--ic-data-table-title-bar-keyline:var(--ic-color-border-neutral-default);--ic-data-table-title-bar-information:var(--ic-color-text-tertiary);--ic-data-table-title-bar-description:var(--ic-color-text-secondary);--ic-date-input-bg:var(--ic-atoms-input-field-background);--ic-date-input-border:var(--ic-color-border-neutral-grey-dark);--ic-date-input-border-default-hover:var(
     --ic-color-border-neutral-hover-light
   );--ic-date-input-border-default-pressed:var(
     --ic-color-border-neutral-pressed-light
@@ -1253,6 +1263,8 @@ html{font-family:var(--ic-font-body-family);color:var(--ic-color-text-primary)}a
     --ic-atoms-list-option-description
   );--ic-search-bar-dropdown-outline:var(--ic-atoms-dropdown-list-border);--ic-search-bar-clear-button:var(--ic-atoms-input-clear-button);--ic-search-bar-filled-text-cursor:var(
     --ic-atoms-input-select-content-text-cursor
+  );--ic-search-bar-label-disabled:var(--ic-atoms-input-field-label-disabled);--ic-search-bar-subtitle-disabled:var(
+    --ic-atoms-input-field-label-subtitle-disabled
   );--ic-select-field-background:var(--ic-atoms-input-field-background);--ic-select-field-label:var(--ic-atoms-input-field-label);--ic-select-field-label-disabled:var(--ic-atoms-input-field-label-disabled);--ic-select-field-border:var(--ic-color-border-neutral-grey-light);--ic-select-field-border-hover:var(--ic-color-border-neutral-hover-light);--ic-select-field-border-pressed:var(
     --ic-color-border-neutral-pressed-light
   );--ic-select-field-border-disabled:var(

package/package.json

@@ -3,7 +3,7 @@
   "sideEffects": [
     "*.css"
   ],
-  "version": "3.0.0-canary.6",
+  "version": "3.0.0-canary.9",
   "description": "React-wrapped web components compiled using StencilJS",
   "scripts": {
     "build": "npm run clean && npm run compile && npm run copy:core-css && npm run copy:normalize-css",
@@ -30,9 +30,9 @@
     "dist/"
   ],
   "dependencies": {
-    "@ukic/canary-web-components": "^3.0.0-canary.6",
-    "@ukic/react": "^3.0.0-alpha.6",
-    "@ukic/web-components": "^3.0.0-alpha.6"
+    "@ukic/canary-web-components": "^3.0.0-canary.9",
+    "@ukic/react": "^3.0.0-alpha.9",
+    "@ukic/web-components": "^3.0.0-alpha.9"
   },
   "devDependencies": {
     "@babel/core": "^7.16.0",
@@ -60,7 +60,8 @@
     "cross-env": "^7.0.3",
     "cypress": "^13.3.1",
     "cypress-axe": "^1.5.0",
-    "cypress-image-diff-js": "^1.32.0",
+    "cypress-image-diff-html-report": "^2.2.0",
+    "cypress-image-diff-js": "^2.1.3",
     "eslint-plugin-cypress": "^2.15.1",
     "github-markdown-css": "^5.5.0",
     "jest": "^27.4.1",
@@ -94,5 +95,5 @@
     ]
   },
   "license": "MIT",
-  "gitHead": "d12d44ce767e650601d380df6d5ce1b0d8fb78fb"
+  "gitHead": "c4ead3a55cd2fcb22af6e0e92a46f99c89cb194f"
 }