npm - @esri/calcite-components - Versions diffs - 1.3.0-next.2 → 1.3.0-next.20 - Mend

@@ -86,13 +86,17 @@
 }
 :host([disabled]) {
-  pointer-events: none;
   cursor: default;
   -webkit-user-select: none;
           user-select: none;
   opacity: var(--calcite-ui-opacity-disabled);
 }
+:host([disabled]) *,
+:host([disabled]) ::slotted(*) {
+  pointer-events: none;
+}
 :host {
   display: block;
 }
@@ -193,8 +197,18 @@ input {
 }
 input:focus {
-  outline: 2px solid var(--calcite-ui-brand);
-  outline-offset: -2px;
+  outline: 2px solid var(--calcite-ui-focus-color);
+  outline-offset: calc(
+            -2px *
+            calc(
+              1 -
+              2 * clamp(
+                0,
+                var(--calcite-ui-focus-offset-invert),
+                1
+              )
+            )
+          );
 }
 :host([status=invalid]) input {
@@ -202,7 +216,17 @@ input:focus {
 }
 :host([status=invalid]) input:focus {
   outline: 2px solid var(--calcite-ui-danger);
-  outline-offset: -2px;
+  outline-offset: calc(
+            -2px *
+            calc(
+              1 -
+              2 * clamp(
+                0,
+                var(--calcite-ui-focus-offset-invert),
+                1
+              )
+            )
+          );
 }
 :host([scale=s]) .icon {
@@ -285,8 +309,18 @@ input[type=text]::-ms-reveal {
   color: var(--calcite-ui-text-1);
 }
 .clear-button:focus {
-  outline: 2px solid var(--calcite-ui-brand);
-  outline-offset: -2px;
+  outline: 2px solid var(--calcite-ui-focus-color);
+  outline-offset: calc(
+            -2px *
+            calc(
+              1 -
+              2 * clamp(
+                0,
+                var(--calcite-ui-focus-offset-invert),
+                1
+              )
+            )
+          );
 }
 .clear-button:disabled {
   opacity: var(--calcite-ui-opacity-disabled);

@@ -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.3.0-next.2
+ * v1.3.0-next.20
  */
 import { h, Host } from "@stencil/core";
 import { getElementDir, getSlotted, setRequestedIcon } from "../../utils/dom";
@@ -63,6 +63,9 @@ export class InputText {
       this.emitChangeIfUserModified();
     };
     this.clickHandler = (event) => {
+      if (this.disabled) {
+        return;
+      }
       const slottedActionEl = getSlotted(this.el, "action");
       if (event.target !== slottedActionEl) {
         this.setFocus();

@@ -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.3.0-next.2
+ * v1.3.0-next.20
  */
 export const CSS = {
   loader: "loader",

@@ -0,0 +1,3 @@
+export type InputTimePickerMessages = {
+  chooseTime: string;
+};

@@ -0,0 +1,3 @@
+{
+  "chooseTime": "Choose time"
+}

@@ -86,13 +86,17 @@
 }
 :host([disabled]) {
-  pointer-events: none;
   cursor: default;
   -webkit-user-select: none;
           user-select: none;
   opacity: var(--calcite-ui-opacity-disabled);
 }
+:host([disabled]) *,
+:host([disabled]) ::slotted(*) {
+  pointer-events: none;
+}
 :host {
   display: inline-block;
   -webkit-user-select: none;
@@ -115,4 +119,31 @@
   transform: none !important;
   -webkit-appearance: none !important;
   z-index: -1 !important;
+}
+:host([scale=s]) {
+  --calcite-toggle-spacing: 0.5rem;
+}
+:host([scale=m]) {
+  --calcite-toggle-spacing: 0.75rem;
+}
+:host([scale=l]) {
+  --calcite-toggle-spacing: 1rem;
+}
+.input-wrapper {
+  position: relative;
+}
+.toggle-icon {
+  position: absolute;
+  display: flex;
+  inline-size: 1rem;
+  cursor: pointer;
+  align-items: center;
+  inset-inline-end: 0;
+  inset-block: 0;
+  padding-inline: var(--calcite-toggle-spacing);
 }

@esri/calcite-components 1.3.0-next.2 → 1.3.0-next.20