npm - @esri/calcite-components - Versions diffs - 1.0.0-next.687 → 1.0.0-next.689 - Mend

@esri/calcite-components 1.0.0-next.687 → 1.0.0-next.689

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

package/dist/collection/components/pick-list-item/pick-list-item.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.687
+ * v1.0.0-next.689
  */
 import { Fragment, h } from "@stencil/core";
 import { CSS, ICONS, SLOTS } from "./resources";
@@ -47,6 +47,7 @@ export class PickListItem {
     this.deselectDisabled = false;
     this.nonInteractive = false;
     this.icon = null;
+    this.iconFlipRtl = false;
     this.label = undefined;
     this.messageOverrides = undefined;
     this.messages = undefined;
@@ -134,14 +135,14 @@ export class PickListItem {
   //
   // --------------------------------------------------------------------------
   renderIcon() {
-    const { icon } = this;
+    const { icon, iconFlipRtl } = this;
     if (!icon) {
       return null;
     }
     return (h("span", { class: {
         [CSS.icon]: true,
         [CSS.iconDot]: icon === ICON_TYPES.circle
-      }, onClick: this.pickListClickHandler }, icon === ICON_TYPES.square ? h("calcite-icon", { icon: ICONS.checked, scale: "s" }) : null));
+      }, onClick: this.pickListClickHandler }, icon === ICON_TYPES.square ? (h("calcite-icon", { flipRtl: iconFlipRtl, icon: ICONS.checked, scale: "s" })) : null));
   }
   renderRemoveAction() {
     return this.removable ? (h("calcite-action", { class: CSS.remove, icon: ICONS.remove, onClick: this.removeClickHandler, slot: SLOTS.actionsEnd, text: this.messages.remove })) : null;
@@ -275,6 +276,24 @@ export class PickListItem {
         "reflect": true,
         "defaultValue": "null"
       },
+      "iconFlipRtl": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "When `true`, the icon will be flipped when the element direction is right-to-left (`\"rtl\"`)."
+        },
+        "attribute": "icon-flip-rtl",
+        "reflect": true,
+        "defaultValue": "false"
+      },
       "label": {
         "type": "string",
         "mutable": false,

package/dist/collection/components/pick-list-item/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.687
+ * v1.0.0-next.689
  */
 export const CSS = {
   actions: "actions",

package/dist/collection/components/popover/PopoverManager.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.687
+ * v1.0.0-next.689
  */
 import { isPrimaryPointerButton } from "../../utils/dom";
 import { isActivationKey } from "../../utils/key";

package/dist/collection/components/popover/popover.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.687
+ * v1.0.0-next.689
  */
 import { forceUpdate, Host, h } from "@stencil/core";
 import { CSS, ARIA_CONTROLS, ARIA_EXPANDED, defaultPopoverPlacement } from "./resources";

package/dist/collection/components/popover/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.687
+ * v1.0.0-next.689
  */
 export const CSS = {
   container: "container",

package/dist/collection/components/progress/progress.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.687
+ * v1.0.0-next.689
  */
 import { h } from "@stencil/core";
 export class Progress {

package/dist/collection/components/radio-button/radio-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.687
+ * v1.0.0-next.689
  */
 import { h, Host } from "@stencil/core";
 import { guid } from "../../utils/guid";

package/dist/collection/components/radio-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.687
+ * v1.0.0-next.689
  */
 export const CSS = {
   container: "container"

package/dist/collection/components/radio-button-group/radio-button-group.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.687
+ * v1.0.0-next.689
  */
 import { Host, h } from "@stencil/core";
 import { createObserver } from "../../utils/observers";

package/dist/collection/components/radio-group/radio-group.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.687
+ * v1.0.0-next.689
  */
 import { Build, h, Host } from "@stencil/core";
 import { getElementDir } from "../../utils/dom";
@@ -202,12 +202,15 @@ export class RadioGroup {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "RadioAppearance",
-          "resolved": "\"outline\" | \"solid\"",
+          "original": "Extract<\"minimal\" | \"solid\", Appearance>",
+          "resolved": "\"minimal\" | \"solid\"",
           "references": {
-            "RadioAppearance": {
+            "Extract": {
+              "location": "global"
+            },
+            "Appearance": {
               "location": "import",
-              "path": "./interfaces"
+              "path": "../interfaces"
             }
           }
         },

package/dist/collection/components/radio-group-item/radio-group-item.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.687
+ * v1.0.0-next.689
  */
 import { h, Host } from "@stencil/core";
 import { getElementProp, toAriaBoolean } from "../../utils/dom";

package/dist/collection/components/radio-group-item/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.687
+ * v1.0.0-next.689
  */
 export const SLOTS = {
   input: "input"

package/dist/collection/components/rating/function/star.js ADDED Viewed

@@ -0,0 +1,11 @@
+/*!
+ * 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.689
+ */
+import { h } from "@stencil/core";
+export const StarIcon = ({ full, scale, partial }) => (h("calcite-icon", { ...{
+    class: partial ? undefined : "icon",
+    icon: full ? "star-f" : "star",
+    scale
+  } }));

package/dist/collection/components/{chip → rating}/interfaces.js RENAMED Viewed

File without changes

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

@@ -133,23 +133,24 @@
 }
 .fieldset {
-  margin: 0px;
+  margin: 0;
   display: flex;
-  border-width: 0px;
-  padding: 0px;
+  border-width: 0;
+  padding: 0;
+  align-items: center;
+  gap: var(--calcite-rating-spacing-unit);
 }
 .wrapper {
   display: inline-block;
-  margin-inline-end: var(--calcite-rating-spacing-unit);
 }
 .star {
+  transition: all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;
   position: relative;
   display: flex;
+  flex-direction: column;
   cursor: pointer;
-  outline-color: transparent;
-  transition: all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;
   color: var(--calcite-ui-border-input);
 }
@@ -164,18 +165,16 @@
 }
 .hovered,
-.selected,
-:host([read-only]) .average,
-:host([read-only]) .fraction {
+.selected {
   color: var(--calcite-ui-brand);
 }
-:host .fraction {
-  pointer-events: none;
+.fraction {
+  transition: all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;
   position: absolute;
-  inset-block-start: 0px;
+  pointer-events: none;
+  inset-block-start: 0;
   overflow: hidden;
-  transition: all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;
   inset-inline-start: 0;
 }
@@ -185,7 +184,7 @@ calcite-chip {
 }
 .number--average {
-  font-weight: var(--calcite-font-weight-bold);
+  font-weight: bold;
 }
 .number--count {