npm - @esri/calcite-components - Versions diffs - 1.0.0-next.351 → 1.0.0-next.355 - Mend

@esri/calcite-components 1.0.0-next.351 → 1.0.0-next.355

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

package/dist/collection/components/calcite-list/calcite-list.css CHANGED Viewed

@@ -71,7 +71,7 @@
 * Currently only used in Checkbox.
 */
 :root {
-  --calcite-popper-transition: 150ms ease-in-out;
+  --calcite-popper-transition: var(--calcite-animation-timing);
 }
 :host([hidden]) {

package/dist/collection/components/calcite-list-item/calcite-list-item.css CHANGED Viewed

@@ -71,7 +71,7 @@
 * Currently only used in Checkbox.
 */
 :root {
-  --calcite-popper-transition: 150ms ease-in-out;
+  --calcite-popper-transition: var(--calcite-animation-timing);
 }
 :host([hidden]) {
@@ -145,6 +145,8 @@
   padding-right: 0.75rem;
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
+  font-size: var(--calcite-font-size--2);
+  line-height: 1.375;
 }
 .label, .description {

package/dist/collection/components/calcite-list-item-group/calcite-list-item-group.css CHANGED Viewed

@@ -71,7 +71,7 @@
 * Currently only used in Checkbox.
 */
 :root {
-  --calcite-popper-transition: 150ms ease-in-out;
+  --calcite-popper-transition: var(--calcite-animation-timing);
 }
 :host([hidden]) {

package/dist/collection/components/calcite-loader/calcite-loader.css CHANGED Viewed

@@ -72,7 +72,7 @@
 * Currently only used in Checkbox.
 */
 :root {
-  --calcite-popper-transition: 150ms ease-in-out;
+  --calcite-popper-transition: var(--calcite-animation-timing);
 }
 :host([hidden]) {
@@ -130,6 +130,10 @@
   padding-bottom: 0px;
 }
+:host{
+  display: none;
+}
 :host([active]){
   display: flex;
 }

package/dist/collection/components/calcite-modal/calcite-modal.css CHANGED Viewed

@@ -71,7 +71,7 @@
 * Currently only used in Checkbox.
 */
 :root {
-  --calcite-popper-transition: 150ms ease-in-out;
+  --calcite-popper-transition: var(--calcite-animation-timing);
 }
 :host([hidden]) {

package/dist/collection/components/calcite-notice/calcite-notice.css CHANGED Viewed

@@ -71,7 +71,7 @@
 * Currently only used in Checkbox.
 */
 :root {
-  --calcite-popper-transition: 150ms ease-in-out;
+  --calcite-popper-transition: var(--calcite-animation-timing);
 }
 :host([hidden]) {
@@ -189,7 +189,7 @@
   opacity: 0;
   max-height: 0;
   text-align: start;
-  transition: 150ms ease-in-out;
+  transition: var(--calcite-animation-timing);
   border-inline-start: 0px solid;
   box-shadow: 0 0 0 0 transparent;
 }

package/dist/collection/components/calcite-option/calcite-option.css CHANGED Viewed

@@ -71,7 +71,7 @@
 * Currently only used in Checkbox.
 */
 :root {
-  --calcite-popper-transition: 150ms ease-in-out;
+  --calcite-popper-transition: var(--calcite-animation-timing);
 }
 :host([hidden]) {

package/dist/collection/components/calcite-option-group/calcite-option-group.css CHANGED Viewed

@@ -71,7 +71,7 @@
 * Currently only used in Checkbox.
 */
 :root {
-  --calcite-popper-transition: 150ms ease-in-out;
+  --calcite-popper-transition: var(--calcite-animation-timing);
 }
 :host([hidden]) {

package/dist/collection/components/calcite-pagination/calcite-pagination.css CHANGED Viewed

@@ -71,7 +71,7 @@
 * Currently only used in Checkbox.
 */
 :root {
-  --calcite-popper-transition: 150ms ease-in-out;
+  --calcite-popper-transition: var(--calcite-animation-timing);
 }
 :host([hidden]) {

package/dist/collection/components/calcite-panel/calcite-panel.css CHANGED Viewed

@@ -82,7 +82,7 @@
 }
 :root {
-  --calcite-popper-transition: 150ms ease-in-out;
+  --calcite-popper-transition: var(--calcite-animation-timing);
 }
 :host([hidden]) {
@@ -164,7 +164,7 @@ h4.heading, h5.heading {
   width: var(--calcite-panel-width);
   max-width: var(--calcite-panel-max-width);
   min-width: var(--calcite-panel-min-width);
-  transition: max-height 150ms ease-in-out, width 150ms ease-in-out;
+  transition: max-height var(--calcite-animation-timing), width var(--calcite-animation-timing);
 }
 :host([height-scale=s]) {

package/dist/collection/components/calcite-pick-list/calcite-pick-list.css CHANGED Viewed

@@ -71,7 +71,7 @@
 * Currently only used in Checkbox.
 */
 :root {
-  --calcite-popper-transition: 150ms ease-in-out;
+  --calcite-popper-transition: var(--calcite-animation-timing);
 }
 :host([hidden]) {

package/dist/collection/components/calcite-pick-list/calcite-pick-list.js CHANGED Viewed

@@ -279,9 +279,16 @@ export class CalcitePickList {
         "text": "Emitted when any of the item selections have changed."
       },
       "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
+        "original": "Map<string, HTMLCalcitePickListItemElement>",
+        "resolved": "Map<string, HTMLCalcitePickListItemElement>",
+        "references": {
+          "Map": {
+            "location": "global"
+          },
+          "HTMLCalcitePickListItemElement": {
+            "location": "global"
+          }
+        }
       }
     }]; }
   static get methods() { return {

package/dist/collection/components/calcite-pick-list-group/calcite-pick-list-group.css CHANGED Viewed

@@ -71,7 +71,7 @@
 * Currently only used in Checkbox.
 */
 :root {
-  --calcite-popper-transition: 150ms ease-in-out;
+  --calcite-popper-transition: var(--calcite-animation-timing);
 }
 :host([hidden]) {

package/dist/collection/components/calcite-pick-list-item/calcite-pick-list-item.css CHANGED Viewed

@@ -72,7 +72,7 @@
 * Currently only used in Checkbox.
 */
 :root {
-  --calcite-popper-transition: 150ms ease-in-out;
+  --calcite-popper-transition: var(--calcite-animation-timing);
 }
 :host([hidden]) {
@@ -92,8 +92,8 @@
   --tw-shadow: 0 1px 0 var(--calcite-ui-border-3);
   --tw-shadow-colored: 0 1px 0 var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-  transition: background-color 150ms ease-in-out;
-  animation: calcite-fade-in 150ms ease-in-out;
+  transition: background-color var(--calcite-animation-timing);
+  animation: calcite-fade-in var(--calcite-animation-timing);
 }
 :host *{
   box-sizing: border-box;
@@ -157,7 +157,7 @@
 :host([selected]) .icon-dot:before,
 :host([selected]) .icon calcite-icon {
-  transition: opacity 150ms ease-in-out;
+  transition: opacity var(--calcite-animation-timing);
   opacity: 1;
 }

package/dist/collection/components/calcite-popover/calcite-popover.css CHANGED Viewed

@@ -71,7 +71,7 @@
 * Currently only used in Checkbox.
 */
 :root {
-  --calcite-popper-transition: 150ms ease-in-out;
+  --calcite-popper-transition: var(--calcite-animation-timing);
 }
 :host([hidden]) {

package/dist/collection/components/calcite-popover-manager/calcite-popover-manager.css CHANGED Viewed

@@ -71,7 +71,7 @@
 * Currently only used in Checkbox.
 */
 :root {
-  --calcite-popper-transition: 150ms ease-in-out;
+  --calcite-popper-transition: var(--calcite-animation-timing);
 }
 :host([hidden]) {

package/dist/collection/components/calcite-progress/calcite-progress.css CHANGED Viewed

@@ -71,7 +71,7 @@
 * Currently only used in Checkbox.
 */
 :root {
-  --calcite-popper-transition: 150ms ease-in-out;
+  --calcite-popper-transition: var(--calcite-animation-timing);
 }
 :host([hidden]) {

package/dist/collection/components/calcite-radio-button/calcite-radio-button.css CHANGED Viewed

@@ -71,7 +71,7 @@
 * Currently only used in Checkbox.
 */
 :root {
-  --calcite-popper-transition: 150ms ease-in-out;
+  --calcite-popper-transition: var(--calcite-animation-timing);
 }
 :host([hidden]) {

package/dist/collection/components/calcite-radio-button-group/calcite-radio-button-group.css CHANGED Viewed

@@ -71,7 +71,7 @@
 * Currently only used in Checkbox.
 */
 :root {
-  --calcite-popper-transition: 150ms ease-in-out;
+  --calcite-popper-transition: var(--calcite-animation-timing);
 }
 :host([hidden]) {

package/dist/collection/components/calcite-radio-group/calcite-radio-group.css CHANGED Viewed

@@ -71,7 +71,7 @@
 * Currently only used in Checkbox.
 */
 :root {
-  --calcite-popper-transition: 150ms ease-in-out;
+  --calcite-popper-transition: var(--calcite-animation-timing);
 }
 :host([hidden]) {

package/dist/collection/components/calcite-radio-group-item/calcite-radio-group-item.css CHANGED Viewed

@@ -71,7 +71,7 @@
 * Currently only used in Checkbox.
 */
 :root {
-  --calcite-popper-transition: 150ms ease-in-out;
+  --calcite-popper-transition: var(--calcite-animation-timing);
 }
 :host([hidden]) {

package/dist/collection/components/calcite-rating/calcite-rating.css CHANGED Viewed

@@ -71,7 +71,7 @@
 * Currently only used in Checkbox.
 */
 :root {
-  --calcite-popper-transition: 150ms ease-in-out;
+  --calcite-popper-transition: var(--calcite-animation-timing);
 }
 :host([hidden]) {
@@ -136,7 +136,7 @@
   outline-offset: 0;
   outline-color: transparent;
   color: var(--calcite-ui-border-input);
-  transition: 150ms ease-in-out;
+  transition: var(--calcite-animation-timing);
   transform: scale(1);
 }
 .star:active {
@@ -169,7 +169,7 @@
   position: absolute;
   top: 0px;
   overflow: hidden;
-  transition: 150ms ease-in-out;
+  transition: var(--calcite-animation-timing);
   inset-inline-start: 0;
 }

package/dist/collection/components/calcite-scrim/calcite-scrim.css CHANGED Viewed

@@ -71,7 +71,7 @@
 * Currently only used in Checkbox.
 */
 :root {
-  --calcite-popper-transition: 150ms ease-in-out;
+  --calcite-popper-transition: var(--calcite-animation-timing);
 }
 :host([hidden]) {

package/dist/collection/components/calcite-select/calcite-select.css CHANGED Viewed

@@ -87,7 +87,7 @@
 }
 :root {
-  --calcite-popper-transition: 150ms ease-in-out;
+  --calcite-popper-transition: var(--calcite-animation-timing);
 }
 :host([hidden]) {

package/dist/collection/components/calcite-shell/calcite-shell.css CHANGED Viewed

@@ -82,7 +82,7 @@
 }
 :root {
-  --calcite-popper-transition: 150ms ease-in-out;
+  --calcite-popper-transition: var(--calcite-animation-timing);
 }
 :host([hidden]) {

package/dist/collection/components/calcite-shell-center-row/calcite-shell-center-row.css CHANGED Viewed

@@ -82,7 +82,7 @@
 }
 :root {
-  --calcite-popper-transition: 150ms ease-in-out;
+  --calcite-popper-transition: var(--calcite-animation-timing);
 }
 :host([hidden]) {

package/dist/collection/components/calcite-shell-panel/calcite-shell-panel.css CHANGED Viewed

@@ -71,7 +71,7 @@
 * Currently only used in Checkbox.
 */
 :root {
-  --calcite-popper-transition: 150ms ease-in-out;
+  --calcite-popper-transition: var(--calcite-animation-timing);
 }
 :host([hidden]) {
@@ -166,7 +166,7 @@
   width: var(--calcite-shell-panel-width);
   max-width: var(--calcite-shell-panel-max-width);
   min-width: var(--calcite-shell-panel-min-width);
-  transition: max-height 150ms ease-in-out, max-width 150ms ease-in-out;
+  transition: max-height var(--calcite-animation-timing), max-width var(--calcite-animation-timing);
 }
 .content__header {

package/dist/collection/components/calcite-slider/calcite-slider.css CHANGED Viewed

@@ -72,7 +72,7 @@
 * Currently only used in Checkbox.
 */
 :root {
-  --calcite-popper-transition: 150ms ease-in-out;
+  --calcite-popper-transition: var(--calcite-animation-timing);
 }
 :host([hidden]) {

package/dist/collection/components/calcite-sortable-list/calcite-sortable-list.css CHANGED Viewed

@@ -71,7 +71,7 @@
 * Currently only used in Checkbox.
 */
 :root {
-  --calcite-popper-transition: 150ms ease-in-out;
+  --calcite-popper-transition: var(--calcite-animation-timing);
 }
 :host([hidden]) {

package/dist/collection/components/calcite-split-button/calcite-split-button.css CHANGED Viewed

@@ -71,13 +71,17 @@
 * Currently only used in Checkbox.
 */
 :root {
-  --calcite-popper-transition: 150ms ease-in-out;
+  --calcite-popper-transition: var(--calcite-animation-timing);
 }
 :host([hidden]) {
   display: none;
 }
+:host {
+  display: inline-block;
+}
 :host .split-button__container {
   display: flex;
   align-items: stretch;

package/dist/collection/components/calcite-stepper/calcite-stepper.css CHANGED Viewed

@@ -71,7 +71,7 @@
 * Currently only used in Checkbox.
 */
 :root {
-  --calcite-popper-transition: 150ms ease-in-out;
+  --calcite-popper-transition: var(--calcite-animation-timing);
 }
 :host([hidden]) {

package/dist/collection/components/calcite-stepper-item/calcite-stepper-item.css CHANGED Viewed

@@ -71,7 +71,7 @@
 * Currently only used in Checkbox.
 */
 :root {
-  --calcite-popper-transition: 150ms ease-in-out;
+  --calcite-popper-transition: var(--calcite-animation-timing);
 }
 :host([hidden]) {

package/dist/collection/components/calcite-switch/calcite-switch.css CHANGED Viewed

@@ -71,7 +71,7 @@
 * Currently only used in Checkbox.
 */
 :root {
-  --calcite-popper-transition: 150ms ease-in-out;
+  --calcite-popper-transition: var(--calcite-animation-timing);
 }
 :host([hidden]) {

package/dist/collection/components/calcite-tab/calcite-tab.css CHANGED Viewed

@@ -71,7 +71,7 @@
 * Currently only used in Checkbox.
 */
 :root {
-  --calcite-popper-transition: 150ms ease-in-out;
+  --calcite-popper-transition: var(--calcite-animation-timing);
 }
 :host([hidden]) {

package/dist/collection/components/calcite-tab-nav/calcite-tab-nav.css CHANGED Viewed

@@ -71,7 +71,7 @@
 * Currently only used in Checkbox.
 */
 :root {
-  --calcite-popper-transition: 150ms ease-in-out;
+  --calcite-popper-transition: var(--calcite-animation-timing);
 }
 :host([hidden]) {

package/dist/collection/components/calcite-tab-title/calcite-tab-title.css CHANGED Viewed

@@ -71,7 +71,7 @@
 * Currently only used in Checkbox.
 */
 :root {
-  --calcite-popper-transition: 150ms ease-in-out;
+  --calcite-popper-transition: var(--calcite-animation-timing);
 }
 :host([hidden]) {

package/dist/collection/components/calcite-tabs/calcite-tabs.css CHANGED Viewed

@@ -71,7 +71,7 @@
 * Currently only used in Checkbox.
 */
 :root {
-  --calcite-popper-transition: 150ms ease-in-out;
+  --calcite-popper-transition: var(--calcite-animation-timing);
 }
 :host([hidden]) {

package/dist/collection/components/calcite-tile/calcite-tile.css CHANGED Viewed

@@ -71,7 +71,7 @@
 * Currently only used in Checkbox.
 */
 :root {
-  --calcite-popper-transition: 150ms ease-in-out;
+  --calcite-popper-transition: var(--calcite-animation-timing);
 }
 :host([hidden]) {

package/dist/collection/components/calcite-tile-select/calcite-tile-select.css CHANGED Viewed

@@ -71,7 +71,7 @@
 * Currently only used in Checkbox.
 */
 :root {
-  --calcite-popper-transition: 150ms ease-in-out;
+  --calcite-popper-transition: var(--calcite-animation-timing);
 }
 :host([hidden]) {
@@ -91,7 +91,7 @@
   max-width: 300px;
   padding: 0.75rem;
   position: relative;
-  transition: 150ms ease-in-out;
+  transition: var(--calcite-animation-timing);
   vertical-align: top;
   z-index: 10;
 }

package/dist/collection/components/calcite-tile-select-group/calcite-tile-select-group.css CHANGED Viewed

@@ -71,7 +71,7 @@
 * Currently only used in Checkbox.
 */
 :root {
-  --calcite-popper-transition: 150ms ease-in-out;
+  --calcite-popper-transition: var(--calcite-animation-timing);
 }
 :host([hidden]) {

package/dist/collection/components/calcite-time-picker/calcite-time-picker.css CHANGED Viewed

@@ -71,7 +71,7 @@
 * Currently only used in Checkbox.
 */
 :root {
-  --calcite-popper-transition: 150ms ease-in-out;
+  --calcite-popper-transition: var(--calcite-animation-timing);
 }
 :host([hidden]) {

package/dist/collection/components/calcite-tip/calcite-tip.css CHANGED Viewed

@@ -71,7 +71,7 @@
 * Currently only used in Checkbox.
 */
 :root {
-  --calcite-popper-transition: 150ms ease-in-out;
+  --calcite-popper-transition: var(--calcite-animation-timing);
 }
 :host([hidden]) {

package/dist/collection/components/calcite-tip-group/calcite-tip-group.css CHANGED Viewed

@@ -71,7 +71,7 @@
 * Currently only used in Checkbox.
 */
 :root {
-  --calcite-popper-transition: 150ms ease-in-out;
+  --calcite-popper-transition: var(--calcite-animation-timing);
 }
 :host([hidden]) {

package/dist/collection/components/calcite-tip-manager/calcite-tip-manager.css CHANGED Viewed

@@ -71,7 +71,7 @@
 * Currently only used in Checkbox.
 */
 :root {
-  --calcite-popper-transition: 150ms ease-in-out;
+  --calcite-popper-transition: var(--calcite-animation-timing);
 }
 :host([hidden]) {

package/dist/collection/components/calcite-tooltip/calcite-tooltip.css CHANGED Viewed

@@ -71,7 +71,7 @@
 * Currently only used in Checkbox.
 */
 :root {
-  --calcite-popper-transition: 150ms ease-in-out;
+  --calcite-popper-transition: var(--calcite-animation-timing);
 }
 :host([hidden]) {

package/dist/collection/components/calcite-tooltip-manager/calcite-tooltip-manager.css CHANGED Viewed

@@ -71,7 +71,7 @@
 * Currently only used in Checkbox.
 */
 :root {
-  --calcite-popper-transition: 150ms ease-in-out;
+  --calcite-popper-transition: var(--calcite-animation-timing);
 }
 :host([hidden]) {

package/dist/collection/components/calcite-tree/calcite-tree.css CHANGED Viewed

@@ -71,7 +71,7 @@
 * Currently only used in Checkbox.
 */
 :root {
-  --calcite-popper-transition: 150ms ease-in-out;
+  --calcite-popper-transition: var(--calcite-animation-timing);
 }
 :host([hidden]) {

package/dist/collection/components/calcite-tree-item/calcite-tree-item.css CHANGED Viewed

@@ -71,7 +71,7 @@
 * Currently only used in Checkbox.
 */
 :root {
-  --calcite-popper-transition: 150ms ease-in-out;
+  --calcite-popper-transition: var(--calcite-animation-timing);
 }
 :host([hidden]) {

package/dist/collection/components/calcite-value-list/calcite-value-list.css CHANGED Viewed

@@ -71,7 +71,7 @@
 * Currently only used in Checkbox.
 */
 :root {
-  --calcite-popper-transition: 150ms ease-in-out;
+  --calcite-popper-transition: var(--calcite-animation-timing);
 }
 :host([hidden]) {