@esri/calcite-components 1.0.0-beta.72 → 1.0.0-beta.73

package/dist/collection/components/calcite-filter/calcite-filter.css

@@ -1,51 +1,42 @@
 /* mixins & extensions */
-
 @keyframes in {
   0% {
     opacity: 0;
   }
-
   100% {
     opacity: 1;
   }
 }
-
 @keyframes in-down {
   0% {
     opacity: 0;
     transform: translate3D(0, -5px, 0);
   }
-
   100% {
     opacity: 1;
     transform: translate3D(0, 0, 0);
   }
 }
-
 @keyframes in-up {
   0% {
     opacity: 0;
     transform: translate3D(0, 5px, 0);
   }
-
   100% {
     opacity: 1;
     transform: translate3D(0, 0, 0);
   }
 }
-
 @keyframes in-scale {
   0% {
     opacity: 0;
     transform: scale3D(0.95, 0.95, 1);
   }
-
   100% {
     opacity: 1;
     transform: scale3D(1, 1, 1);
   }
 }
-
 :root {
   --calcite-animation-timing: calc(150ms * var(--calcite-internal-duration-factor));
   --calcite-internal-duration-factor: var(--calcite-duration-factor, 1);
@@ -79,7 +70,6 @@
 /**
 * Currently only used in Checkbox.
 */
-
 :host {
   /* Base ":host" styles for the component */
   box-sizing: border-box;
@@ -87,13 +77,12 @@
   color: var(--calcite-ui-text-2);
   font-size: var(--calcite-font-size--1);
 }
-
 :host * {
   box-sizing: border-box;
 }
 
 :root {
-  --calcite-popper-transition: 150ms ease-in-out;
+  --calcite-popper-transition: var(--calcite-animation-timing);
 }
 
 :host([hidden]) {
@@ -112,33 +101,32 @@
 }
 
 label {
-  display: flex;
-  align-items: center;
-  overflow: hidden;
   position: relative;
-  width: 100%;
   margin-left: 0.25rem;
   margin-right: 0.25rem;
-  margin-top: 0;
-  margin-bottom: 0;
+  margin-top: 0px;
+  margin-bottom: 0px;
+  display: flex;
+  width: 100%;
+  align-items: center;
+  overflow: hidden;
 }
 
 input[type=text] {
-  background-color: transparent;
-  border-style: none;
-  font-family: inherit;
-  color: var(--calcite-ui-text-1);
-  font-size: var(--calcite-font-size--2);
-  line-height: 1rem;
   margin-bottom: 0.25rem;
   width: 100%;
+  border-style: none;
+  background-color: transparent;
   padding-top: 0.25rem;
   padding-bottom: 0.25rem;
   padding-right: 0.25rem;
   padding-left: 1.5rem;
-  transition: padding 150ms ease-in-out, box-shadow 150ms ease-in-out;
+  font-family: inherit;
+  font-size: var(--calcite-font-size--2);
+  line-height: 1rem;
+  color: var(--calcite-ui-text-1);
+  transition: padding var(--calcite-animation-timing), box-shadow var(--calcite-animation-timing);
 }
-
 input[type=text]::-ms-clear {
   display: none;
 }
@@ -148,11 +136,11 @@ calcite-input {
 }
 
 .search-icon {
-  display: flex;
   position: absolute;
+  display: flex;
   color: var(--calcite-ui-text-2);
   inset-inline-start: 0;
-  transition: left 150ms ease-in-out, right 150ms ease-in-out, opacity 150ms ease-in-out;
+  transition: left var(--calcite-animation-timing), right var(--calcite-animation-timing), opacity var(--calcite-animation-timing);
 }
 
 input[type=text]:focus {
@@ -161,21 +149,19 @@ input[type=text]:focus {
   outline-offset: 2px;
   padding-inline: 0.25rem;
 }
-
 input[type=text]:focus ~ .search-icon {
   inset-inline-start: calc(1rem * -1);
   opacity: 0;
 }
 
 .clear-button {
-  color: var(--calcite-ui-text-2);
-  background-color: transparent;
-  border-width: 0;
-  cursor: pointer;
   display: flex;
+  cursor: pointer;
   align-items: center;
+  border-width: 0px;
+  background-color: transparent;
+  color: var(--calcite-ui-text-2);
 }
-
 .clear-button:hover, .clear-button:focus {
   color: var(--calcite-ui-text-1);
 }

package/dist/collection/components/calcite-flow/calcite-flow.css

@@ -1,51 +1,42 @@
 /* mixins & extensions */
-
 @keyframes in {
   0% {
     opacity: 0;
   }
-
   100% {
     opacity: 1;
   }
 }
-
 @keyframes in-down {
   0% {
     opacity: 0;
     transform: translate3D(0, -5px, 0);
   }
-
   100% {
     opacity: 1;
     transform: translate3D(0, 0, 0);
   }
 }
-
 @keyframes in-up {
   0% {
     opacity: 0;
     transform: translate3D(0, 5px, 0);
   }
-
   100% {
     opacity: 1;
     transform: translate3D(0, 0, 0);
   }
 }
-
 @keyframes in-scale {
   0% {
     opacity: 0;
     transform: scale3D(0.95, 0.95, 1);
   }
-
   100% {
     opacity: 1;
     transform: scale3D(1, 1, 1);
   }
 }
-
 :root {
   --calcite-animation-timing: calc(150ms * var(--calcite-internal-duration-factor));
   --calcite-internal-duration-factor: var(--calcite-duration-factor, 1);
@@ -79,7 +70,6 @@
 /**
 * Currently only used in Checkbox.
 */
-
 :host {
   /* Base ":host" styles for the component */
   box-sizing: border-box;
@@ -87,13 +77,12 @@
   color: var(--calcite-ui-text-2);
   font-size: var(--calcite-font-size--1);
 }
-
 :host * {
   box-sizing: border-box;
 }
 
 :root {
-  --calcite-popper-transition: 150ms ease-in-out;
+  --calcite-popper-transition: var(--calcite-animation-timing);
 }
 
 :host([hidden]) {
@@ -101,64 +90,63 @@
 }
 
 :host {
+  position: relative;
   display: flex;
+  width: 100%;
   flex: 1 1 auto;
   align-items: stretch;
   background-color: transparent;
-  width: 100%;
   overflow: hidden;
-  position: relative;
 }
-
 :host .frame {
+  position: relative;
+  margin: 0px;
   display: flex;
-  flex: 1 1 auto;
-  align-items: stretch;
   width: 100%;
-  padding: 0;
-  margin: 0;
+  flex: 1 1 auto;
   flex-direction: column;
-  position: relative;
+  align-items: stretch;
+  padding: 0px;
 }
-
 :host ::slotted(calcite-panel) {
   height: 100%;
 }
-
 :host ::slotted(.calcite-match-height:last-child) {
   display: flex;
   flex: 1 1 auto;
   overflow: hidden;
 }
-
 :host .frame--advancing {
-  animation: calcite-frame-advance 150ms ease-in-out;
+  animation: calcite-frame-advance var(--calcite-animation-timing);
 }
-
 :host .frame--retreating {
-  animation: calcite-frame-retreat 150ms ease-in-out;
+  animation: calcite-frame-retreat var(--calcite-animation-timing);
 }
-
 @keyframes calcite-frame-advance {
   0% {
-    --bg-opacity: 0.5;
+    --tw-bg-opacity: 0.5;
+  }
+  0% {
     transform: translate3d(50px, 0, 0);
   }
-
   100% {
-    --bg-opacity: 1;
+    --tw-bg-opacity: 1;
+  }
+  100% {
     transform: translate3d(0, 0, 0);
   }
 }
-
 @keyframes calcite-frame-retreat {
   0% {
-    --bg-opacity: 0.5;
+    --tw-bg-opacity: 0.5;
+  }
+  0% {
     transform: translate3d(-50px, 0, 0);
   }
-
   100% {
-    --bg-opacity: 1;
+    --tw-bg-opacity: 1;
+  }
+  100% {
     transform: translate3d(0, 0, 0);
   }
 }

package/dist/collection/components/calcite-graph/calcite-graph.css

@@ -1,51 +1,42 @@
 /* mixins & extensions */
-
 @keyframes in {
   0% {
     opacity: 0;
   }
-
   100% {
     opacity: 1;
   }
 }
-
 @keyframes in-down {
   0% {
     opacity: 0;
     transform: translate3D(0, -5px, 0);
   }
-
   100% {
     opacity: 1;
     transform: translate3D(0, 0, 0);
   }
 }
-
 @keyframes in-up {
   0% {
     opacity: 0;
     transform: translate3D(0, 5px, 0);
   }
-
   100% {
     opacity: 1;
     transform: translate3D(0, 0, 0);
   }
 }
-
 @keyframes in-scale {
   0% {
     opacity: 0;
     transform: scale3D(0.95, 0.95, 1);
   }
-
   100% {
     opacity: 1;
     transform: scale3D(1, 1, 1);
   }
 }
-
 :root {
   --calcite-animation-timing: calc(150ms * var(--calcite-internal-duration-factor));
   --calcite-internal-duration-factor: var(--calcite-duration-factor, 1);
@@ -79,9 +70,8 @@
 /**
 * Currently only used in Checkbox.
 */
-
 :root {
-  --calcite-popper-transition: 150ms ease-in-out;
+  --calcite-popper-transition: var(--calcite-animation-timing);
 }
 
 :host([hidden]) {
@@ -95,15 +85,14 @@
 .svg {
   fill: currentColor;
   stroke: transparent;
-  margin: 0;
-  padding: 0;
+  margin: 0px;
   display: block;
+  padding: 0px;
 }
 
 :host([data-style=slider-histogram]) svg {
   width: 100%;
 }
-
 :host([data-style=slider-histogram]) svg .graph-path--highlight {
   fill: var(--calcite-ui-brand);
   opacity: 0.5;

package/dist/collection/components/calcite-handle/calcite-handle.css

@@ -1,51 +1,42 @@
 /* mixins & extensions */
-
 @keyframes in {
   0% {
     opacity: 0;
   }
-
   100% {
     opacity: 1;
   }
 }
-
 @keyframes in-down {
   0% {
     opacity: 0;
     transform: translate3D(0, -5px, 0);
   }
-
   100% {
     opacity: 1;
     transform: translate3D(0, 0, 0);
   }
 }
-
 @keyframes in-up {
   0% {
     opacity: 0;
     transform: translate3D(0, 5px, 0);
   }
-
   100% {
     opacity: 1;
     transform: translate3D(0, 0, 0);
   }
 }
-
 @keyframes in-scale {
   0% {
     opacity: 0;
     transform: scale3D(0.95, 0.95, 1);
   }
-
   100% {
     opacity: 1;
     transform: scale3D(1, 1, 1);
   }
 }
-
 :root {
   --calcite-animation-timing: calc(150ms * var(--calcite-internal-duration-factor));
   --calcite-internal-duration-factor: var(--calcite-duration-factor, 1);
@@ -79,9 +70,8 @@
 /**
 * Currently only used in Checkbox.
 */
-
 :root {
-  --calcite-popper-transition: 150ms ease-in-out;
+  --calcite-popper-transition: var(--calcite-animation-timing);
 }
 
 :host([hidden]) {
@@ -94,12 +84,12 @@
 
 .handle {
   display: flex;
+  cursor: move;
   align-items: center;
-  align-self: stretch;
   justify-content: center;
-  background-color: transparent;
+  align-self: stretch;
   border-style: none;
-  cursor: move;
+  background-color: transparent;
   outline-offset: 0;
   outline-color: transparent;
   transition: outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;
@@ -107,23 +97,19 @@
   padding: 0.75rem 0.25rem;
   line-height: 0;
 }
-
 .handle:hover {
   background-color: var(--calcite-ui-foreground-2);
   color: var(--calcite-ui-text-1);
 }
-
 .handle:focus {
   color: var(--calcite-ui-text-1);
   outline: 2px solid var(--calcite-ui-brand);
   outline-offset: -2px;
 }
-
 .handle--activated {
   background-color: var(--calcite-ui-foreground-3);
   color: var(--calcite-ui-text-1);
 }
-
 .handle calcite-icon {
   color: inherit;
 }

package/dist/collection/components/calcite-icon/assets/calcite-icon/explore16.json

@@ -0,0 +1 @@
+"M3.384 12.607L9.799 9.51l2.74-6.05L6.49 6.202zm5.471-3.752l-3.317 1.602 1.606-3.313zM8 .2A7.8 7.8 0 1 0 15.8 8 7.809 7.809 0 0 0 8 .2zm0 14.6A6.8 6.8 0 1 1 14.8 8 6.807 6.807 0 0 1 8 14.8z"

package/dist/collection/components/calcite-icon/assets/calcite-icon/explore24.json

@@ -0,0 +1 @@
+"M6.45 17.216l7.981-3.845 2.98-7.115-7.116 2.98zm6.741-4.358l-4.599 2.216 2.216-4.6zM12 1.2A10.8 10.8 0 1 0 22.8 12 10.812 10.812 0 0 0 12 1.2zm0 20.6a9.8 9.8 0 1 1 9.8-9.8 9.81 9.81 0 0 1-9.8 9.8z"

package/dist/collection/components/calcite-icon/assets/calcite-icon/explore32.json

@@ -0,0 +1 @@
+"M8.235 24.265l11.038-5.212 4.4-10.226-10.226 4.4zm9.798-5.732L10.33 22.17l3.637-7.703zM16 2.2A13.8 13.8 0 1 0 29.8 16 13.815 13.815 0 0 0 16 2.2zm0 26.6A12.8 12.8 0 1 1 28.8 16 12.815 12.815 0 0 1 16 28.8z"

package/dist/collection/components/calcite-icon/assets/calcite-icon/partlyCloudy16.json

@@ -0,0 +1 @@
+"M4.482 2.52L3.856.335l.96-.275.627 2.183a3.797 3.797 0 0 0-.961.275zM2.347 7.046a3.807 3.807 0 0 1-.09-.493l-2.196.63.275.96 2.196-.63a3.812 3.812 0 0 1-.185-.467zm.33-2.89a3.798 3.798 0 0 1 .272-.42l-1.79-.992-.484.875 1.802.999a3.813 3.813 0 0 1 .2-.461zm5.166-1.48a3.81 3.81 0 0 1 .413.285l.999-1.803L8.38.675l-.992 1.789a3.788 3.788 0 0 1 .455.213zM16 9.5a3.5 3.5 0 0 1-3.5 3.5h-9a2.492 2.492 0 0 1-.648-4.9c.065-.018.127-.042.194-.054a2.482 2.482 0 0 1 .394-.941 2.765 2.765 0 0 1 4.23-3.337 3.97 3.97 0 0 1 6.26 2.544A3.495 3.495 0 0 1 16 9.5zm-1 0a2.503 2.503 0 0 0-1.48-2.276l-.483-.218-.092-.522a2.989 2.989 0 0 0-5.857-.17l-.233.992-.987-.252A1.462 1.462 0 0 0 4.03 8.227l-.124.678-.678.124A1.498 1.498 0 0 0 3.5 12h9A2.503 2.503 0 0 0 15 9.5zM4.241 6.34a2.416 2.416 0 0 1 1.874-.255 3.997 3.997 0 0 1 .813-1.621c-.02-.012-.035-.027-.055-.038a1.799 1.799 0 0 0-2.447.701 1.781 1.781 0 0 0-.185 1.214z"

package/dist/collection/components/calcite-icon/assets/calcite-icon/partlyCloudy24.json

@@ -0,0 +1 @@
+"M6.386 3.593L5.633.573l.97-.241.753 3.019zM3.472 9.129l-.121-.485-3.02.752.243.971 3.019-.753zM4.4 5.253L1.829 3.708l-.515.858L3.885 6.11zm6.347-.853l1.544-2.571-.857-.515L9.89 3.885zM23 13.187A4.813 4.813 0 0 1 18.187 18H5.438a3.438 3.438 0 0 1 0-6.875l.012.001a3.457 3.457 0 0 1 .275-.48 3.494 3.494 0 1 1 5.381-4.24A5.47 5.47 0 0 1 19.95 8.72 4.805 4.805 0 0 1 23 13.188zm-1 0a3.789 3.789 0 0 0-2.418-3.538l-.429-.17-.15-.436a4.494 4.494 0 0 0-8.629.426l-.232.99-.986-.25a2.41 2.41 0 0 0-.594-.084 2.443 2.443 0 0 0-2.206 1.42l-.268.581h-.715A2.437 2.437 0 0 0 5.437 17h12.75A3.817 3.817 0 0 0 22 13.187zM6.397 9.908a3.312 3.312 0 0 1 3.004-.667 5.465 5.465 0 0 1 .962-2.02 2.492 2.492 0 1 0-3.966 2.687z"

package/dist/collection/components/calcite-icon/assets/calcite-icon/partlyCloudy32.json

@@ -0,0 +1 @@
+"M4.593 12.959c.05.162.124.31.184.466l-3.672 1.123-.292-.956 3.657-1.118c.037.162.074.324.123.485zM9.53 4.482L8.408.813l-.956.292L8.57 4.762c.155-.06.31-.12.471-.17.16-.048.326-.073.489-.11zm6.841-2.518l-.883-.47-1.799 3.383a6.613 6.613 0 0 1 .884.468zm-11.03 5.46L1.964 5.63l-.47.883 3.377 1.796c.067-.153.135-.305.213-.454a6.79 6.79 0 0 1 .257-.43zM31 18.5a6.5 6.5 0 0 1-6.5 6.5H7.672a4.614 4.614 0 0 1-4.608-3.727 4.532 4.532 0 0 1 4.208-5.261 4.524 4.524 0 0 1 .434-.876 5.29 5.29 0 1 1 7.765-6.954 7.485 7.485 0 0 1 11.222 4.205A6.497 6.497 0 0 1 31 18.5zm-1 0a5.511 5.511 0 0 0-3.645-5.171l-.478-.172-.143-.488a6.497 6.497 0 0 0-12.612.586l-.18.935-1.01-.145A3.172 3.172 0 0 0 11.5 14a3.497 3.497 0 0 0-3.285 2.344l-.223.633-.67.034a3.5 3.5 0 0 0-3.271 4.098A3.621 3.621 0 0 0 7.672 24H24.5a5.506 5.506 0 0 0 5.5-5.5zM6.873 12.262a4.303 4.303 0 0 0 1.428 2.1A4.438 4.438 0 0 1 11.5 13a4.46 4.46 0 0 1 .64.065 7.498 7.498 0 0 1 2.536-4.304 4.31 4.31 0 0 0-7.803 3.5z"

package/dist/collection/components/calcite-icon/assets/calcite-icon/rightAlign16.json

@@ -0,0 +1 @@
+"M1 2h14v1H1zm6 5h8V6H7zm-6 4h14v-1H1zm6 4h8v-1H7z"

package/dist/collection/components/calcite-icon/assets/calcite-icon/rightAlign24.json

@@ -0,0 +1 @@
+"M2 3h20v1H2zm8 7h12V9H10zm-8 6h20v-1H2zm8 6h12v-1H10z"

package/dist/collection/components/calcite-icon/assets/calcite-icon/rightAlign32.json

@@ -0,0 +1 @@
+"M2 4h28v1H2zm12 9h16v-1H14zM2 21h28v-1H2zm12 8h16v-1H14z"

package/dist/collection/components/calcite-icon/assets/calcite-icon/screenshotMode16.json

@@ -0,0 +1 @@
+"M2 6H1V3.5A2.5 2.5 0 0 1 3.5 1H6v1H3.5A1.5 1.5 0 0 0 2 3.5zm1.5 9A1.5 1.5 0 0 1 2 13.5V11H1v2.5A2.5 2.5 0 0 0 3.5 16H6v-1zM15 13.5a1.5 1.5 0 0 1-1.5 1.5H11v1h2.5a2.5 2.5 0 0 0 2.5-2.5V11h-1zM13.5 1H11v1h2.5A1.5 1.5 0 0 1 15 3.5V6h1V3.5A2.5 2.5 0 0 0 13.5 1zM9 5h3v3h1V4H9zM5 8V5h3V4H4v4zm7 1v3H9v1h4V9zm-4 3H5V9H4v4h4z"

package/dist/collection/components/calcite-icon/assets/calcite-icon/screenshotMode24.json

@@ -0,0 +1 @@
+"M3 8H2V4.5A2.5 2.5 0 0 1 4.5 2H8v1H4.5A1.5 1.5 0 0 0 3 4.5zm1.5 14A1.5 1.5 0 0 1 3 20.5V17H2v3.5A2.5 2.5 0 0 0 4.5 23H8v-1zM22 20.5a1.5 1.5 0 0 1-1.5 1.5H17v1h3.5a2.5 2.5 0 0 0 2.5-2.5V17h-1zM20.5 2H17v1h3.5A1.5 1.5 0 0 1 22 4.5V8h1V4.5A2.5 2.5 0 0 0 20.5 2zM14 7h4v4h1V6h-5zm-7 4V7h4V6H6v5zm11 3v4h-4v1h5v-5zm-7 4H7v-4H6v5h5z"

package/dist/collection/components/calcite-icon/assets/calcite-icon/screenshotMode32.json

@@ -0,0 +1 @@
+"M10 30H5.5A2.5 2.5 0 0 1 3 27.5V23h1v4.5A1.5 1.5 0 0 0 5.5 29H10zm19-7v4.5a1.5 1.5 0 0 1-1.5 1.5H23v1h4.5a2.5 2.5 0 0 0 2.5-2.5V23zM10 3H5.5A2.5 2.5 0 0 0 3 5.5V10h1V5.5A1.5 1.5 0 0 1 5.5 4H10zm17.5 0H23v1h4.5A1.5 1.5 0 0 1 29 5.5V10h1V5.5A2.5 2.5 0 0 0 27.5 3zM18 9h6v6h1V8h-7zm-9 6V9h6V8H8v7zm15 3v6h-6v1h7v-7zm-9 6H9v-6H8v7h7z"

package/dist/collection/components/calcite-icon/calcite-icon.css

@@ -1,51 +1,42 @@
 /* mixins & extensions */
-
 @keyframes in {
   0% {
     opacity: 0;
   }
-
   100% {
     opacity: 1;
   }
 }
-
 @keyframes in-down {
   0% {
     opacity: 0;
     transform: translate3D(0, -5px, 0);
   }
-
   100% {
     opacity: 1;
     transform: translate3D(0, 0, 0);
   }
 }
-
 @keyframes in-up {
   0% {
     opacity: 0;
     transform: translate3D(0, 5px, 0);
   }
-
   100% {
     opacity: 1;
     transform: translate3D(0, 0, 0);
   }
 }
-
 @keyframes in-scale {
   0% {
     opacity: 0;
     transform: scale3D(0.95, 0.95, 1);
   }
-
   100% {
     opacity: 1;
     transform: scale3D(1, 1, 1);
   }
 }
-
 :root {
   --calcite-animation-timing: calc(150ms * var(--calcite-internal-duration-factor));
   --calcite-internal-duration-factor: var(--calcite-duration-factor, 1);
@@ -79,36 +70,43 @@
 /**
 * Currently only used in Checkbox.
 */
-
 :root {
-  --calcite-popper-transition: 150ms ease-in-out;
+  --calcite-popper-transition: var(--calcite-animation-timing);
 }
 
 :host([hidden]) {
   display: none;
 }
 
+/**
+* CSS Custom Properties
+*
+* These properties can be overridden using the component's tag as selector.
+*
+* @prop --calcite-ui-icon-color: the color of the icon. Defaults to 'currentColor'.
+*/
 :host {
   display: inline-flex;
+  color: var(--calcite-ui-icon-color);
 }
 
 :host([scale=s]) {
-  width: 1rem;
   height: 1rem;
+  width: 1rem;
   min-width: 1rem;
   min-height: 1rem;
 }
 
 :host([scale=m]) {
-  width: 1.5rem;
   height: 1.5rem;
+  width: 1.5rem;
   min-width: 1.5rem;
   min-height: 1.5rem;
 }
 
 :host([scale=l]) {
-  width: 2rem;
   height: 2rem;
+  width: 2rem;
   min-width: 2rem;
   min-height: 2rem;
 }