npm - @esri/calcite-components - Versions diffs - 1.0.0-next.491 → 1.0.0-next.495 - Mend

@esri/calcite-components 1.0.0-next.491 → 1.0.0-next.495

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 (836) hide show

package/dist/collection/components/button/button.css CHANGED Viewed

@@ -91,10 +91,12 @@
   border-radius: 50px;
 }
-:host button, :host a {
+:host button,
+:host a {
   outline-color: transparent;
 }
-:host button:focus, :host a:focus {
+:host button:focus,
+:host a:focus {
   outline: 2px solid var(--calcite-ui-brand);
   outline-offset: 2px;
 }
@@ -126,7 +128,8 @@
           text-decoration-line: none;
   transition: color var(--calcite-animation-timing) ease-in-out, background-color var(--calcite-animation-timing) ease-in-out, box-shadow var(--calcite-animation-timing) ease-in-out, outline-color var(--calcite-internal-animation-timing-fast) ease-in-out;
 }
-:host button:hover, :host a:hover {
+:host button:hover,
+:host a:hover {
   -webkit-text-decoration-line: none;
           text-decoration-line: none;
 }
@@ -168,19 +171,23 @@
   width: 100%;
 }
-:host([alignment=center]:not([width=auto])) a, :host([alignment=center]:not([width=auto])) button {
+:host([alignment=center]:not([width=auto])) a,
+:host([alignment=center]:not([width=auto])) button {
   justify-content: center;
 }
-:host([alignment=start]:not([width=auto])) a, :host([alignment=start]:not([width=auto])) button {
+:host([alignment=start]:not([width=auto])) a,
+:host([alignment=start]:not([width=auto])) button {
   justify-content: flex-start;
 }
-:host([alignment=end]:not([width=auto])) a, :host([alignment=end]:not([width=auto])) button {
+:host([alignment=end]:not([width=auto])) a,
+:host([alignment=end]:not([width=auto])) button {
   justify-content: flex-end;
 }
-:host([alignment*=space-between]:not([width=auto])) a, :host([alignment*=space-between]:not([width=auto])) button {
+:host([alignment*=space-between]:not([width=auto])) a,
+:host([alignment*=space-between]:not([width=auto])) button {
   justify-content: space-between;
 }
@@ -229,7 +236,8 @@
 :host([loading]) {
   pointer-events: none;
 }
-:host([loading]) button, :host([loading]) a {
+:host([loading]) button,
+:host([loading]) a {
   pointer-events: none;
   opacity: var(--calcite-ui-opacity-disabled);
 }
@@ -278,59 +286,79 @@
 :host([loading]) a.content--slotted .calcite-button--loader calcite-loader {
   margin-inline-end: var(--calcite-button-content-margin);
 }
-:host([loading]) button:not(.content--slotted) .icon--start, :host([loading]) button:not(.content--slotted) .icon--end, :host([loading]) a:not(.content--slotted) .icon--start, :host([loading]) a:not(.content--slotted) .icon--end {
+:host([loading]) button:not(.content--slotted) .icon--start,
+:host([loading]) button:not(.content--slotted) .icon--end,
+:host([loading]) a:not(.content--slotted) .icon--start,
+:host([loading]) a:not(.content--slotted) .icon--end {
   display: none;
 }
-:host([appearance=solid]) button, :host([appearance=solid]) a {
+:host([appearance=solid]) button,
+:host([appearance=solid]) a {
   border-width: 1px;
   border-style: solid;
   border-color: transparent;
 }
-:host([appearance=solid][color=blue]) button, :host([appearance=solid][color=blue]) a {
+:host([appearance=solid][color=blue]) button,
+:host([appearance=solid][color=blue]) a {
   background-color: var(--calcite-ui-brand);
   color: var(--calcite-ui-text-inverse);
 }
-:host([appearance=solid][color=blue]) button:hover, :host([appearance=solid][color=blue]) button:focus, :host([appearance=solid][color=blue]) a:hover, :host([appearance=solid][color=blue]) a:focus {
+:host([appearance=solid][color=blue]) button:hover,  :host([appearance=solid][color=blue]) button:focus,
+:host([appearance=solid][color=blue]) a:hover,
+:host([appearance=solid][color=blue]) a:focus {
   background-color: var(--calcite-ui-brand-hover);
 }
-:host([appearance=solid][color=blue]) button:active, :host([appearance=solid][color=blue]) a:active {
+:host([appearance=solid][color=blue]) button:active,
+:host([appearance=solid][color=blue]) a:active {
   background-color: var(--calcite-ui-brand-press);
 }
-:host([appearance=solid][color=blue]) button calcite-loader, :host([appearance=solid][color=blue]) a calcite-loader {
+:host([appearance=solid][color=blue]) button calcite-loader,
+:host([appearance=solid][color=blue]) a calcite-loader {
   color: var(--calcite-ui-text-inverse);
 }
-:host([appearance=solid][color=red]) button, :host([appearance=solid][color=red]) a {
+:host([appearance=solid][color=red]) button,
+:host([appearance=solid][color=red]) a {
   background-color: var(--calcite-ui-danger);
   color: var(--calcite-ui-text-inverse);
 }
-:host([appearance=solid][color=red]) button:hover, :host([appearance=solid][color=red]) button:focus, :host([appearance=solid][color=red]) a:hover, :host([appearance=solid][color=red]) a:focus {
+:host([appearance=solid][color=red]) button:hover,  :host([appearance=solid][color=red]) button:focus,
+:host([appearance=solid][color=red]) a:hover,
+:host([appearance=solid][color=red]) a:focus {
   background-color: var(--calcite-ui-danger-hover);
 }
-:host([appearance=solid][color=red]) button:active, :host([appearance=solid][color=red]) a:active {
+:host([appearance=solid][color=red]) button:active,
+:host([appearance=solid][color=red]) a:active {
   background-color: var(--calcite-ui-danger-press);
 }
-:host([appearance=solid][color=red]) button calcite-loader, :host([appearance=solid][color=red]) a calcite-loader {
+:host([appearance=solid][color=red]) button calcite-loader,
+:host([appearance=solid][color=red]) a calcite-loader {
   color: var(--calcite-ui-text-inverse);
 }
-:host([appearance=solid][color=neutral]) button, :host([appearance=solid][color=neutral]) a {
+:host([appearance=solid][color=neutral]) button,
+:host([appearance=solid][color=neutral]) a {
   background-color: var(--calcite-ui-foreground-3);
   color: var(--calcite-ui-text-1);
 }
-:host([appearance=solid][color=neutral]) button:hover, :host([appearance=solid][color=neutral]) button:focus, :host([appearance=solid][color=neutral]) a:hover, :host([appearance=solid][color=neutral]) a:focus {
+:host([appearance=solid][color=neutral]) button:hover,  :host([appearance=solid][color=neutral]) button:focus,
+:host([appearance=solid][color=neutral]) a:hover,
+:host([appearance=solid][color=neutral]) a:focus {
   background-color: var(--calcite-ui-foreground-2);
 }
-:host([appearance=solid][color=neutral]) button:active, :host([appearance=solid][color=neutral]) a:active {
+:host([appearance=solid][color=neutral]) button:active,
+:host([appearance=solid][color=neutral]) a:active {
   background-color: var(--calcite-ui-foreground-1);
 }
-:host([appearance=solid][color=neutral]) button calcite-loader, :host([appearance=solid][color=neutral]) a calcite-loader {
+:host([appearance=solid][color=neutral]) button calcite-loader,
+:host([appearance=solid][color=neutral]) a calcite-loader {
   color: var(--calcite-ui-text-1);
 }
-:host([appearance=solid][color=inverse]) button, :host([appearance=solid][color=inverse]) a {
+:host([appearance=solid][color=inverse]) button,
+:host([appearance=solid][color=inverse]) a {
   color: var(--calcite-ui-text-inverse);
   background-color: var(--calcite-ui-inverse);
 }
@@ -343,32 +371,38 @@
 :host([appearance=solid][color=inverse]) a:active {
   background-color: var(--calcite-ui-inverse-press);
 }
-:host([appearance=solid][color=inverse]) button calcite-loader, :host([appearance=solid][color=inverse]) a calcite-loader {
+:host([appearance=solid][color=inverse]) button calcite-loader,
+:host([appearance=solid][color=inverse]) a calcite-loader {
   color: var(--calcite-ui-text-inverse);
 }
-:host([appearance=outline]) button, :host([appearance=outline]) a {
+:host([appearance=outline]) button,
+:host([appearance=outline]) a {
   border-width: 1px;
   border-style: solid;
   background-color: var(--calcite-ui-foreground-1);
   box-shadow: inset 0 0 0 1px transparent;
 }
-:host([appearance=outline][color=blue]) button, :host([appearance=outline][color=blue]) a {
+:host([appearance=outline][color=blue]) button,
+:host([appearance=outline][color=blue]) a {
   border-color: var(--calcite-ui-brand);
   color: var(--calcite-ui-brand);
 }
-:host([appearance=outline][color=blue]) button:hover, :host([appearance=outline][color=blue]) a:hover {
+:host([appearance=outline][color=blue]) button:hover,
+:host([appearance=outline][color=blue]) a:hover {
   border-color: var(--calcite-ui-brand-hover);
   color: var(--calcite-ui-brand-hover);
   box-shadow: inset 0 0 0 1px var(--calcite-ui-brand-hover);
 }
-:host([appearance=outline][color=blue]) button:focus, :host([appearance=outline][color=blue]) a:focus {
+:host([appearance=outline][color=blue]) button:focus,
+:host([appearance=outline][color=blue]) a:focus {
   border-color: var(--calcite-ui-brand);
   color: var(--calcite-ui-brand);
   box-shadow: inset 0 0 0 2px var(--calcite-ui-brand);
 }
-:host([appearance=outline][color=blue]) button:active, :host([appearance=outline][color=blue]) a:active {
+:host([appearance=outline][color=blue]) button:active,
+:host([appearance=outline][color=blue]) a:active {
   border-color: var(--calcite-ui-brand-press);
   color: var(--calcite-ui-brand-press);
   box-shadow: inset 0 0 0 2px var(--calcite-ui-brand-press);
@@ -378,21 +412,25 @@
   color: var(--calcite-ui-brand);
 }
-:host([appearance=outline][color=red]) button, :host([appearance=outline][color=red]) a {
+:host([appearance=outline][color=red]) button,
+:host([appearance=outline][color=red]) a {
   border-color: var(--calcite-ui-danger);
   color: var(--calcite-ui-danger);
 }
-:host([appearance=outline][color=red]) button:hover, :host([appearance=outline][color=red]) a:hover {
+:host([appearance=outline][color=red]) button:hover,
+:host([appearance=outline][color=red]) a:hover {
   border-color: var(--calcite-ui-danger-hover);
   color: var(--calcite-ui-danger-hover);
   box-shadow: inset 0 0 0 1px var(--calcite-ui-danger-hover);
 }
-:host([appearance=outline][color=red]) button:focus, :host([appearance=outline][color=red]) a:focus {
+:host([appearance=outline][color=red]) button:focus,
+:host([appearance=outline][color=red]) a:focus {
   border-color: var(--calcite-ui-danger);
   color: var(--calcite-ui-danger);
   box-shadow: inset 0 0 0 2px var(--calcite-ui-danger);
 }
-:host([appearance=outline][color=red]) button:active, :host([appearance=outline][color=red]) a:active {
+:host([appearance=outline][color=red]) button:active,
+:host([appearance=outline][color=red]) a:active {
   border-color: var(--calcite-ui-danger-press);
   color: var(--calcite-ui-danger-press);
   box-shadow: inset 0 0 0 2px var(--calcite-ui-danger-press);
@@ -402,7 +440,8 @@
   color: var(--calcite-ui-danger);
 }
-:host([appearance=outline][color=neutral]) button, :host([appearance=outline][color=neutral]) a {
+:host([appearance=outline][color=neutral]) button,
+:host([appearance=outline][color=neutral]) a {
   color: var(--calcite-ui-text-1);
   border-color: var(--calcite-ui-foreground-3);
 }
@@ -418,11 +457,13 @@
 :host([appearance=outline][color=neutral]) a:active {
   box-shadow: inset 0 0 0 2px var(--calcite-ui-foreground-3);
 }
-:host([appearance=outline][color=neutral]) button calcite-loader, :host([appearance=outline][color=neutral]) a calcite-loader {
+:host([appearance=outline][color=neutral]) button calcite-loader,
+:host([appearance=outline][color=neutral]) a calcite-loader {
   color: var(--calcite-ui-text-1);
 }
-:host([appearance=outline][color=inverse]) button, :host([appearance=outline][color=inverse]) a {
+:host([appearance=outline][color=inverse]) button,
+:host([appearance=outline][color=inverse]) a {
   color: var(--calcite-ui-text-1);
   border-color: var(--calcite-ui-inverse);
 }
@@ -441,32 +482,38 @@
   border-color: var(--calcite-ui-inverse-press);
   box-shadow: inset 0 0 0 2px var(--calcite-ui-inverse-press);
 }
-:host([appearance=outline][color=inverse]) button calcite-loader, :host([appearance=outline][color=inverse]) a calcite-loader {
+:host([appearance=outline][color=inverse]) button calcite-loader,
+:host([appearance=outline][color=inverse]) a calcite-loader {
   color: var(--calcite-ui-text-1);
 }
-:host([appearance=clear]) button, :host([appearance=clear]) a {
+:host([appearance=clear]) button,
+:host([appearance=clear]) a {
   border-width: 1px;
   border-style: solid;
   background-color: transparent;
   box-shadow: inset 0 0 0 1px transparent;
 }
-:host([appearance=clear][color=blue]) button, :host([appearance=clear][color=blue]) a {
+:host([appearance=clear][color=blue]) button,
+:host([appearance=clear][color=blue]) a {
   border-color: var(--calcite-ui-brand);
   color: var(--calcite-ui-brand);
 }
-:host([appearance=clear][color=blue]) button:hover, :host([appearance=clear][color=blue]) a:hover {
+:host([appearance=clear][color=blue]) button:hover,
+:host([appearance=clear][color=blue]) a:hover {
   border-color: var(--calcite-ui-brand-hover);
   color: var(--calcite-ui-brand-hover);
   box-shadow: inset 0 0 0 1px var(--calcite-ui-brand-hover);
 }
-:host([appearance=clear][color=blue]) button:focus, :host([appearance=clear][color=blue]) a:focus {
+:host([appearance=clear][color=blue]) button:focus,
+:host([appearance=clear][color=blue]) a:focus {
   border-color: var(--calcite-ui-brand);
   color: var(--calcite-ui-brand);
   box-shadow: inset 0 0 0 2px var(--calcite-ui-brand);
 }
-:host([appearance=clear][color=blue]) button:active, :host([appearance=clear][color=blue]) a:active {
+:host([appearance=clear][color=blue]) button:active,
+:host([appearance=clear][color=blue]) a:active {
   border-color: var(--calcite-ui-brand-press);
   color: var(--calcite-ui-brand-press);
   box-shadow: inset 0 0 0 2px var(--calcite-ui-brand-press);
@@ -476,21 +523,25 @@
   color: var(--calcite-ui-brand);
 }
-:host([appearance=clear][color=red]) button, :host([appearance=clear][color=red]) a {
+:host([appearance=clear][color=red]) button,
+:host([appearance=clear][color=red]) a {
   border-color: var(--calcite-ui-danger);
   color: var(--calcite-ui-danger);
 }
-:host([appearance=clear][color=red]) button:hover, :host([appearance=clear][color=red]) a:hover {
+:host([appearance=clear][color=red]) button:hover,
+:host([appearance=clear][color=red]) a:hover {
   border-color: var(--calcite-ui-danger-hover);
   color: var(--calcite-ui-danger-hover);
   box-shadow: inset 0 0 0 1px var(--calcite-ui-danger-hover);
 }
-:host([appearance=clear][color=red]) button:focus, :host([appearance=clear][color=red]) a:focus {
+:host([appearance=clear][color=red]) button:focus,
+:host([appearance=clear][color=red]) a:focus {
   border-color: var(--calcite-ui-danger);
   color: var(--calcite-ui-danger);
   box-shadow: inset 0 0 0 2px var(--calcite-ui-danger);
 }
-:host([appearance=clear][color=red]) button:active, :host([appearance=clear][color=red]) a:active {
+:host([appearance=clear][color=red]) button:active,
+:host([appearance=clear][color=red]) a:active {
   border-color: var(--calcite-ui-danger-press);
   color: var(--calcite-ui-danger-press);
   box-shadow: inset 0 0 0 2px var(--calcite-ui-danger-press);
@@ -500,7 +551,8 @@
   color: var(--calcite-ui-danger);
 }
-:host([appearance=clear][color=neutral]) button, :host([appearance=clear][color=neutral]) a {
+:host([appearance=clear][color=neutral]) button,
+:host([appearance=clear][color=neutral]) a {
   color: var(--calcite-ui-text-1);
   border-color: var(--calcite-ui-foreground-3);
 }
@@ -516,11 +568,13 @@
 :host([appearance=clear][color=neutral]) a:active {
   box-shadow: inset 0 0 0 2px var(--calcite-ui-foreground-3);
 }
-:host([appearance=clear][color=neutral]) button calcite-loader, :host([appearance=clear][color=neutral]) a calcite-loader {
+:host([appearance=clear][color=neutral]) button calcite-loader,
+:host([appearance=clear][color=neutral]) a calcite-loader {
   color: var(--calcite-ui-text-1);
 }
-:host([appearance=clear][color=inverse]) button, :host([appearance=clear][color=inverse]) a {
+:host([appearance=clear][color=inverse]) button,
+:host([appearance=clear][color=inverse]) a {
   color: var(--calcite-ui-text-1);
   border-color: var(--calcite-ui-inverse);
 }
@@ -539,7 +593,8 @@
   border-color: var(--calcite-ui-inverse-press);
   box-shadow: inset 0 0 0 2px var(--calcite-ui-inverse-press);
 }
-:host([appearance=clear][color=inverse]) button calcite-loader, :host([appearance=clear][color=inverse]) a calcite-loader {
+:host([appearance=clear][color=inverse]) button calcite-loader,
+:host([appearance=clear][color=inverse]) a calcite-loader {
   color: var(--calcite-ui-text-1);
 }
@@ -555,7 +610,8 @@
   border-inline-end-width: 1px;
 }
-:host([appearance=transparent]:not(.enable-editing-button)) button, :host([appearance=transparent]:not(.enable-editing-button)) a {
+:host([appearance=transparent]:not(.enable-editing-button)) button,
+:host([appearance=transparent]:not(.enable-editing-button)) a {
   background-color: transparent;
 }
 :host([appearance=transparent]:not(.enable-editing-button)) button:hover, :host([appearance=transparent]:not(.enable-editing-button)) button:focus,
@@ -610,7 +666,9 @@
   color: var(--calcite-ui-danger);
 }
-:host([appearance=transparent][color=neutral]:not(.cancel-editing-button)) button, :host([appearance=transparent][color=neutral]:not(.cancel-editing-button)) a, :host([appearance=transparent][color=neutral]:not(.cancel-editing-button)) calcite-loader {
+:host([appearance=transparent][color=neutral]:not(.cancel-editing-button)) button,
+:host([appearance=transparent][color=neutral]:not(.cancel-editing-button)) a,
+:host([appearance=transparent][color=neutral]:not(.cancel-editing-button)) calcite-loader {
   color: var(--calcite-ui-text-1);
 }
@@ -640,11 +698,14 @@
   outline-offset: -2px;
 }
-:host([appearance=transparent][color=inverse]) button, :host([appearance=transparent][color=inverse]) a, :host([appearance=transparent][color=inverse]) calcite-loader {
+:host([appearance=transparent][color=inverse]) button,
+:host([appearance=transparent][color=inverse]) a,
+:host([appearance=transparent][color=inverse]) calcite-loader {
   color: var(--calcite-ui-text-inverse);
 }
-:host([scale=s]) button.content--slotted, :host([scale=s]) a.content--slotted {
+:host([scale=s]) button.content--slotted,
+:host([scale=s]) a.content--slotted {
   font-size: var(--calcite-font-size--2);
   line-height: 1rem;
 }

package/dist/collection/components/button/button.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.491
+ * v1.0.0-next.495
  */
 import "form-request-submit-polyfill/form-request-submit-polyfill";
 import { Component, Element, h, Method, Prop, Build, State, Watch } from "@stencil/core";

package/dist/collection/components/button/interfaces.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.491
+ * v1.0.0-next.495
  */
 export {};

package/dist/collection/components/button/resources.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.491
+ * v1.0.0-next.495
  */
 export const CSS = {
   buttonLoader: "calcite-button--loader",

package/dist/collection/components/card/card.css CHANGED Viewed

@@ -136,7 +136,8 @@
   align-items: center;
 }
-.header, .footer {
+.header,
+.footer {
   display: flex;
   padding-left: 0.75rem;
   padding-right: 0.75rem;
@@ -176,7 +177,8 @@
   border-color: var(--calcite-ui-brand);
 }
-slot[name=title]::slotted(*), *::slotted([slot=title]) {
+slot[name=title]::slotted(*),
+*::slotted([slot=title]) {
   margin: 0px;
   font-size: var(--calcite-font-size--1);
   line-height: 1.375;
@@ -184,7 +186,8 @@ slot[name=title]::slotted(*), *::slotted([slot=title]) {
   color: var(--calcite-ui-text-1);
 }
-slot[name=subtitle]::slotted(*), *::slotted([slot=subtitle]) {
+slot[name=subtitle]::slotted(*),
+*::slotted([slot=subtitle]) {
   margin: 0px;
   margin-top: 0.5rem;
   font-size: var(--calcite-font-size--2);
@@ -193,19 +196,22 @@ slot[name=subtitle]::slotted(*), *::slotted([slot=subtitle]) {
   color: var(--calcite-ui-text-2);
 }
-slot[name=thumbnail]::slotted(img), img::slotted([slot=thumbnail]) {
+slot[name=thumbnail]::slotted(img),
+img::slotted([slot=thumbnail]) {
   min-width: 100%;
   max-width: 100%;
 }
-slot[name=footer-leading]::slotted(*), *::slotted([slot=footer-leading]) {
+slot[name=footer-leading]::slotted(*),
+*::slotted([slot=footer-leading]) {
   align-self: center;
   font-size: var(--calcite-font-size--2);
   line-height: 1.375;
   margin-inline-end: auto;
 }
-slot[name=footer-trailing]::slotted(*), *::slotted([slot=footer-trailing]) {
+slot[name=footer-trailing]::slotted(*),
+*::slotted([slot=footer-trailing]) {
   align-self: center;
   font-size: var(--calcite-font-size--2);
   line-height: 1.375;
@@ -233,6 +239,7 @@ slot[name=footer-trailing]::slotted(*), *::slotted([slot=footer-trailing]) {
   width: 40%;
   align-items: flex-start;
 }
-.calcite-card-container.inline slot[name=thumbnail]::slotted(img), .calcite-card-container.inline img::slotted([slot=thumbnail]) {
+.calcite-card-container.inline slot[name=thumbnail]::slotted(img),
+.calcite-card-container.inline img::slotted([slot=thumbnail]) {
   width: 100%;
 }

package/dist/collection/components/card/card.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.491
+ * v1.0.0-next.495
  */
 import { Component, Element, Event, h, Prop } from "@stencil/core";
 import { getSlotted, toAriaBoolean } from "../../utils/dom";

package/dist/collection/components/card/resources.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.491
+ * v1.0.0-next.495
  */
 export const CSS = {
   container: "container",

package/dist/collection/components/checkbox/checkbox.css CHANGED Viewed

@@ -124,7 +124,8 @@
   color: var(--calcite-ui-background);
 }
-:host([checked]) .check-svg, :host([indeterminate]) .check-svg {
+:host([checked]) .check-svg,
+:host([indeterminate]) .check-svg {
   background-color: var(--calcite-ui-brand);
   box-shadow: inset 0 0 0 1px var(--calcite-ui-brand);
 }
@@ -137,7 +138,7 @@
 .toggle {
   outline-color: transparent;
 }
-.toggle:active, .toggle:focus, .toggle:focus-visible {
+.toggle:active,  .toggle:focus,  .toggle:focus-visible {
   outline: 2px solid var(--calcite-ui-brand);
   outline-offset: 2px;
 }

package/dist/collection/components/checkbox/checkbox.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.491
+ * v1.0.0-next.495
  */
 import { Component, Element, Event, h, Host, Method, Prop } from "@stencil/core";
 import { guid } from "../../utils/guid";

package/dist/collection/components/chip/chip.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.491
+ * v1.0.0-next.495
  */
 import { Component, h, Prop, Event, Element, Method } from "@stencil/core";
 import { getSlotted } from "../../utils/dom";

package/dist/collection/components/chip/interfaces.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.491
+ * v1.0.0-next.495
  */
 export {};

package/dist/collection/components/chip/resources.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.491
+ * v1.0.0-next.495
  */
 export const CSS = {
   title: "title",

package/dist/collection/components/color-picker/color-picker.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.491
+ * v1.0.0-next.495
  */
 import { Component, Element, Event, h, Listen, Method, Prop, State, Watch } from "@stencil/core";
 import Color from "color";
@@ -352,7 +352,7 @@ export class ColorPicker {
           samplingX = 0;
         }
         else {
-          samplingX = colorFieldWidth;
+          samplingX = colorFieldWidth - 1;
         }
         if (clientY < colorFieldAndSliderRect.y + colorFieldHeight + hueSliderHeight &&
           clientY > colorFieldAndSliderRect.y) {

package/dist/collection/components/color-picker/interfaces.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.491
+ * v1.0.0-next.495
  */
 export {};

package/dist/collection/components/color-picker/resources.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.491
+ * v1.0.0-next.495
  */
 import Color from "color";
 export const CSS = {

package/dist/collection/components/color-picker/utils.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.491
+ * v1.0.0-next.495
  */
 export function rgbToHex(color) {
   const { r, g, b } = color;

package/dist/collection/components/color-picker-hex-input/color-picker-hex-input.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.491
+ * v1.0.0-next.495
  */
 import { Component, Element, Event, h, Listen, Method, Prop, State, Watch } from "@stencil/core";
 import { hexChar, isLonghandHex, isValidHex, normalizeHex, rgbToHex } from "../color-picker/utils";

package/dist/collection/components/color-picker-hex-input/resources.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.491
+ * v1.0.0-next.495
  */
 export const CSS = {
   container: "container",

package/dist/collection/components/color-picker-swatch/color-picker-swatch.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.491
+ * v1.0.0-next.495
  */
 import { Component, Element, h, Prop, Watch } from "@stencil/core";
 import Color from "color";

package/dist/collection/components/color-picker-swatch/resources.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.491
+ * v1.0.0-next.495
  */
 export const CSS = {
   swatch: "swatch",