@kyndryl-design-system/shidoka-applications 2.59.2 → 2.61.0

package/{cardSample-CUzFck1J.js → cardSample-Co5dXCZy.js}

@@ -1,4 +1,4 @@
-import{i}from"./vendor/@lit/reactive-element-f91Vet7N.js";import"./vendor/lit-html-BRBT5o_V.js";import"./vendor/lit-element-m-OqzV5s.js";var t=i`*,
+import{i}from"./vendor/@lit/reactive-element-f91Vet7N.js";import"./vendor/lit-html-fDTfWwFR.js";import"./vendor/lit-element-DxLLCKb1.js";var t=i`*,
 *::before,
 *::after {
   box-sizing: border-box;
@@ -170,4 +170,4 @@ import{i}from"./vendor/@lit/reactive-element-f91Vet7N.js";import"./vendor/lit-ht
 .tags {
   margin-bottom: 16px;
 }`;export{t as c};
-//# sourceMappingURL=cardSample-CUzFck1J.js.map
+//# sourceMappingURL=cardSample-Co5dXCZy.js.map

package/{cardSample-CUzFck1J.js.map → cardSample-Co5dXCZy.js.map}

@@ -1 +1 @@
-{"version":3,"file":"cardSample-CUzFck1J.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"cardSample-Co5dXCZy.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/common/mixins/form-input.js

@@ -1,2 +1,2 @@
-import{b as t,c as e,d as a,a as i}from"../../vendor/tslib-Ac8XvvSX.js";import{a as s,n}from"../../vendor/@lit/reactive-element-f91Vet7N.js";import"../../vendor/lit-html-BRBT5o_V.js";import{i as l}from"../../vendor/lit-element-m-OqzV5s.js";const r=r=>(()=>{var d,o,h,c,v,m,_;let u,p,g,f,k,M,b=r,y=[],V=[],x=[],I=[],T=[],w=[],S=[],j=[],C=[],W=[],O=[],D=[];return d=class extends b{constructor(){super(...arguments),o.set(this,t(this,y,this.attachInternals())),h.set(this,(t(this,V),t(this,x,""))),c.set(this,(t(this,I),t(this,T,""))),v.set(this,(t(this,w),t(this,S,""))),m.set(this,(t(this,j),t(this,C,""))),_.set(this,(t(this,W),t(this,O,!1))),this._handleInvalid=(t(this,D),()=>{this._validate(!0,!1)})}get _internals(){return e(this,o,"f")}set _internals(t){a(this,o,t,"f")}get value(){return e(this,h,"f")}set value(t){a(this,h,t,"f")}get name(){return e(this,c,"f")}set name(t){a(this,c,t,"f")}get invalidText(){return e(this,v,"f")}set invalidText(t){a(this,v,t,"f")}get _internalValidationMsg(){return e(this,m,"f")}set _internalValidationMsg(t){a(this,m,t,"f")}get _isInvalid(){return e(this,_,"f")}set _isInvalid(t){a(this,_,t,"f")}checkValidity(){return this._internals.checkValidity()}reportValidity(){return this._internals.reportValidity()}get validity(){return this._internals.validity}get validationMessage(){return this._internals.validationMessage}_onUpdated(t){t.has("value")&&(this._internals.setFormValue(this.value),this._validate(!1,!1)),(t.has("invalidText")||t.has("_internalValidationMsg"))&&(this._isInvalid=""!==this.invalidText||""!==this._internalValidationMsg),t.has("invalidText")&&void 0!==t.get("invalidText")&&this._validate(!1,!1)}updated(t){this._onUpdated(t)}_onConnected(){this._internals.form&&this.addEventListener("invalid",this._handleInvalid)}connectedCallback(){super.connectedCallback(),this._onConnected()}_onDisconnected(){this._internals.form&&this.removeEventListener("invalid",this._handleInvalid)}disconnectedCallback(){this._onDisconnected(),super.disconnectedCallback()}},o=new WeakMap,h=new WeakMap,c=new WeakMap,v=new WeakMap,m=new WeakMap,_=new WeakMap,(()=>{var t;const e="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(t=b[Symbol.metadata])&&void 0!==t?t:null):void 0;u=[s()],p=[n({type:String})],g=[n({type:String})],f=[n({type:String})],k=[s()],M=[s()],i(d,null,u,{kind:"accessor",name:"_internals",static:!1,private:!1,access:{has:t=>"_internals"in t,get:t=>t._internals,set:(t,e)=>{t._internals=e}},metadata:e},y,V),i(d,null,p,{kind:"accessor",name:"value",static:!1,private:!1,access:{has:t=>"value"in t,get:t=>t.value,set:(t,e)=>{t.value=e}},metadata:e},x,I),i(d,null,g,{kind:"accessor",name:"name",static:!1,private:!1,access:{has:t=>"name"in t,get:t=>t.name,set:(t,e)=>{t.name=e}},metadata:e},T,w),i(d,null,f,{kind:"accessor",name:"invalidText",static:!1,private:!1,access:{has:t=>"invalidText"in t,get:t=>t.invalidText,set:(t,e)=>{t.invalidText=e}},metadata:e},S,j),i(d,null,k,{kind:"accessor",name:"_internalValidationMsg",static:!1,private:!1,access:{has:t=>"_internalValidationMsg"in t,get:t=>t._internalValidationMsg,set:(t,e)=>{t._internalValidationMsg=e}},metadata:e},C,W),i(d,null,M,{kind:"accessor",name:"_isInvalid",static:!1,private:!1,access:{has:t=>"_isInvalid"in t,get:t=>t._isInvalid,set:(t,e)=>{t._isInvalid=e}},metadata:e},O,D),e&&Object.defineProperty(d,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})})(),d.shadowRootOptions={...l.shadowRootOptions,delegatesFocus:!0},d.formAssociated=!0,d})();export{r as FormMixin};
+import{b as t,c as e,d as a,a as i}from"../../vendor/tslib-Ac8XvvSX.js";import{a as s,n}from"../../vendor/@lit/reactive-element-f91Vet7N.js";import"../../vendor/lit-html-fDTfWwFR.js";import{i as l}from"../../vendor/lit-element-DxLLCKb1.js";const r=r=>(()=>{var d,o,h,c,v,m,_;let u,p,g,f,k,M,b=r,y=[],V=[],x=[],I=[],T=[],w=[],S=[],j=[],C=[],W=[],O=[],D=[];return d=class extends b{constructor(){super(...arguments),o.set(this,t(this,y,this.attachInternals())),h.set(this,(t(this,V),t(this,x,""))),c.set(this,(t(this,I),t(this,T,""))),v.set(this,(t(this,w),t(this,S,""))),m.set(this,(t(this,j),t(this,C,""))),_.set(this,(t(this,W),t(this,O,!1))),this._handleInvalid=(t(this,D),()=>{this._validate(!0,!1)})}get _internals(){return e(this,o,"f")}set _internals(t){a(this,o,t,"f")}get value(){return e(this,h,"f")}set value(t){a(this,h,t,"f")}get name(){return e(this,c,"f")}set name(t){a(this,c,t,"f")}get invalidText(){return e(this,v,"f")}set invalidText(t){a(this,v,t,"f")}get _internalValidationMsg(){return e(this,m,"f")}set _internalValidationMsg(t){a(this,m,t,"f")}get _isInvalid(){return e(this,_,"f")}set _isInvalid(t){a(this,_,t,"f")}checkValidity(){return this._internals.checkValidity()}reportValidity(){return this._internals.reportValidity()}get validity(){return this._internals.validity}get validationMessage(){return this._internals.validationMessage}_onUpdated(t){t.has("value")&&(this._internals.setFormValue(this.value),this._validate(!1,!1)),(t.has("invalidText")||t.has("_internalValidationMsg"))&&(this._isInvalid=""!==this.invalidText||""!==this._internalValidationMsg),t.has("invalidText")&&void 0!==t.get("invalidText")&&this._validate(!1,!1)}updated(t){this._onUpdated(t)}_onConnected(){this._internals.form&&this.addEventListener("invalid",this._handleInvalid)}connectedCallback(){super.connectedCallback(),this._onConnected()}_onDisconnected(){this._internals.form&&this.removeEventListener("invalid",this._handleInvalid)}disconnectedCallback(){this._onDisconnected(),super.disconnectedCallback()}},o=new WeakMap,h=new WeakMap,c=new WeakMap,v=new WeakMap,m=new WeakMap,_=new WeakMap,(()=>{var t;const e="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(t=b[Symbol.metadata])&&void 0!==t?t:null):void 0;u=[s()],p=[n({type:String})],g=[n({type:String})],f=[n({type:String})],k=[s()],M=[s()],i(d,null,u,{kind:"accessor",name:"_internals",static:!1,private:!1,access:{has:t=>"_internals"in t,get:t=>t._internals,set:(t,e)=>{t._internals=e}},metadata:e},y,V),i(d,null,p,{kind:"accessor",name:"value",static:!1,private:!1,access:{has:t=>"value"in t,get:t=>t.value,set:(t,e)=>{t.value=e}},metadata:e},x,I),i(d,null,g,{kind:"accessor",name:"name",static:!1,private:!1,access:{has:t=>"name"in t,get:t=>t.name,set:(t,e)=>{t.name=e}},metadata:e},T,w),i(d,null,f,{kind:"accessor",name:"invalidText",static:!1,private:!1,access:{has:t=>"invalidText"in t,get:t=>t.invalidText,set:(t,e)=>{t.invalidText=e}},metadata:e},S,j),i(d,null,k,{kind:"accessor",name:"_internalValidationMsg",static:!1,private:!1,access:{has:t=>"_internalValidationMsg"in t,get:t=>t._internalValidationMsg,set:(t,e)=>{t._internalValidationMsg=e}},metadata:e},C,W),i(d,null,M,{kind:"accessor",name:"_isInvalid",static:!1,private:!1,access:{has:t=>"_isInvalid"in t,get:t=>t._isInvalid,set:(t,e)=>{t._isInvalid=e}},metadata:e},O,D),e&&Object.defineProperty(d,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})})(),d.shadowRootOptions={...l.shadowRootOptions,delegatesFocus:!0},d.formAssociated=!0,d})();export{r as FormMixin};
 //# sourceMappingURL=form-input.js.map

package/common/scss/form-input.scss

@@ -21,6 +21,14 @@
   [disabled] & {
     color: var(--kd-color-text-level-disabled);
   }
+
+  [readonly] & {
+    color: var(--kd-color-text-level-disabled);
+  }
+
+  &[readonly] {
+    color: var(--kd-color-text-level-disabled);
+  }
 }
 
 .required {
@@ -72,6 +80,10 @@ textarea {
   .ai-connected & {
     border-color: var(--kd-color-border-variants-ai);
     background: var(--kd-color-background-forms-ai-default);
+
+    &:focus-visible {
+      outline-color: var(--kd-color-border-variants-ai);
+    }
   }
 
   &:hover {
@@ -96,19 +108,22 @@ textarea {
 
   &.is-readonly {
     background: var(--kd-color-background-forms-disabled);
-    border-color: var(--kd-color-border-variants-light);
-    cursor: default;
+    border-color: var(--kd-color-border-ui-disabled);
+
+    &:hover {
+      border-color: var(--kd-color-border-ui-disabled);
+    }
 
     &::placeholder {
-      color: var(--kd-color-text-forms-input-field-text);
+      color: var(--kd-color-text-variant-placeholder);
     }
 
     &:-ms-input-placeholder {
-      color: var(--kd-color-text-forms-input-field-text);
+      color: var(--kd-color-text-variant-placeholder);
     }
 
     &::-ms-input-placeholder {
-      color: var(--kd-color-text-forms-input-field-text);
+      color: var(--kd-color-text-variant-placeholder);
     }
   }
 
@@ -118,6 +133,10 @@ textarea {
     color: var(--kd-color-text-level-disabled);
     cursor: not-allowed;
 
+    .arrow-icon {
+      color: var(--kd-color-icon-disabled);
+    }
+
     &[invalid] {
       border-color: var(--kd-color-border-ui-disabled);
     }
@@ -189,7 +208,8 @@ textarea {
   cursor: default;
   color: var(--kd-color-text-forms-input-field-text);
 
-  [disabled] & {
+  [disabled] &,
+  [readonly] & {
     color: var(--kd-color-text-level-disabled);
   }
 }

package/common/scss/menu-item.scss

@@ -2,6 +2,50 @@
 @use '@kyndryl-design-system/shidoka-foundation/scss/mixins/elevation.scss';
 @use '@kyndryl-design-system/shidoka-foundation/scss/mixins/typography.scss';
 
+@mixin state-colors($bg, $text, $icon: null) {
+  background-color: $bg;
+
+  .menu-item-inner-el {
+    color: $text;
+  }
+
+  @if $icon != null {
+    slot[name='icon']::slotted(span) {
+      color: $icon;
+    }
+  }
+}
+
+@mixin disabled-common($bg-default) {
+  color: var(--kd-color-text-level-disabled);
+
+  .menu-item-inner-el {
+    color: var(--kd-color-text-level-disabled);
+  }
+
+  &:hover {
+    cursor: not-allowed;
+    background-color: $bg-default;
+  }
+
+  kyn-checkbox:hover {
+    cursor: not-allowed;
+  }
+}
+
+@mixin destructive-common {
+  color: var(--kd-color-text-variant-destructive);
+  border-top: 1px solid var(--kd-color-border-level-tertiary);
+
+  &:hover:not([disabled]) {
+    background-color: var(--kd-color-status-error-light);
+  }
+
+  .menu-item-inner-el {
+    color: var(--kd-color-text-variant-destructive);
+  }
+}
+
 .menu-item[highlighted] {
   outline: 1px solid var(--kd-color-border-variants-focus);
 }
@@ -19,92 +63,128 @@
     }
   }
 
+  // hover
   &:hover:not([disabled]) {
-    background-color: var(--kd-color-background-menu-state-hover);
-
-    .menu-item-inner-el {
-      color: var(--kd-color-text-level-light);
-    }
-
-    slot[name='icon']::slotted(span) {
-      color: var(--kd-color-icon-light);
-    }
+    @include state-colors(
+      var(--kd-color-background-menu-state-hover),
+      var(--kd-color-text-level-light),
+      var(--kd-color-icon-light)
+    );
   }
 
-  &:is(:focus, :focus-within, :focus-visible):not([disabled]) {
-    background-color: var(--kd-color-background-menu-state-open);
+  // readonly
+  &[readonly] {
+    border: none;
+    cursor: default;
+    background-color: var(--kd-color-background-menu-state-default);
 
-    .menu-item-inner-el {
-      color: var(--kd-color-text-level-primary);
-    }
-  }
+    &:hover,
+    &:active:not([disabled]),
+    &:active,
+    &:focus-visible {
+      background-color: var(--kd-color-background-menu-state-default);
+      border: none;
+      outline: none;
 
-  &[selected]:not([disabled]) {
-    background-color: var(--kd-color-background-menu-state-open);
+      .menu-item-inner-el {
+        color: var(--kd-color-text-level-primary);
+      }
 
-    &:hover {
-      background-color: var(--kd-color-background-menu-state-hover);
+      &.check-icon {
+        color: var(--kd-color-icon-primary);
+      }
 
-      .menu-item-inner-el {
-        color: var(--kd-color-text-level-light);
+      slot[name='icon']::slotted(span) {
+        color: var(--kd-color-icon-primary);
       }
     }
-  }
 
-  &[highlighted]:not([disabled]) {
-    background-color: var(--kd-color-background-menu-state-hover);
+    // disabled + readonly
+    &[disabled] {
+      @include disabled-common(var(--kd-color-background-forms-default));
 
-    .menu-item-inner-el {
-      color: var(--kd-color-text-level-light);
-    }
-  }
+      &:hover {
+        .menu-item-inner-el {
+          color: var(--kd-color-text-level-disabled);
+        }
 
-  &[selected][highlighted]:not([disabled]) {
-    background-color: var(--kd-color-background-menu-state-hover);
+        &.check-icon {
+          color: var(--kd-color-icon-disabled);
+        }
 
-    .menu-item-inner-el {
-      color: var(--kd-color-text-level-light);
+        slot[name='icon']::slotted(span) {
+          color: var(--kd-color-icon-disabled);
+        }
+      }
     }
-  }
 
-  &[highlighted]:is(:focus, :focus-within, :focus-visible):not([disabled]) {
-    background-color: var(--kd-color-background-menu-state-hover);
+    // selected + readonly
+    &[selected]:not([disabled]) {
+      background-color: var(--kd-color-background-forms-default);
 
-    .menu-item-inner-el {
-      color: var(--kd-color-text-level-light);
+      &:hover {
+        background: var(--kd-color-background-forms-default);
+      }
     }
-  }
 
-  &[disabled] {
-    color: var(--kd-color-text-level-disabled);
+    &[selected]:not([disabled]):hover,
+    &[selected]:not([disabled]):active {
+      background: var(--kd-color-background-forms-default);
 
-    .menu-item-inner-el {
-      color: var(--kd-color-text-level-disabled);
-    }
+      .menu-item-inner-el {
+        color: var(--kd-color-text-level-primary);
+      }
 
-    &:hover {
-      cursor: not-allowed;
-      background-color: var(--kd-color-background-menu-state-default);
+      &.check-icon {
+        color: var(--kd-color-icon-primary);
+      }
+
+      slot[name='icon']::slotted(span) {
+        color: var(--kd-color-icon-primary);
+      }
     }
 
-    kyn-checkbox:hover {
-      cursor: not-allowed;
+    &:is(:active, [highlighted]) {
+      background: var(--kd-color-background-forms-default) !important;
     }
   }
 
-  &.destructive {
-    color: var(--kd-color-text-variant-destructive);
-    border-top: 1px solid var(--kd-color-border-level-tertiary);
+  // focus / focus-within
+  &:is(:focus, :focus-within, :focus-visible):not([disabled]) {
+    @include state-colors(
+      var(--kd-color-background-menu-state-open),
+      var(--kd-color-text-level-primary)
+    );
+    outline: 2px solid var(--kd-color-border-variants-focus);
+    outline-offset: -2px;
+  }
 
-    &:hover:not([disabled]) {
-      background-color: var(--kd-color-status-error-light);
-    }
+  // selected
+  &[selected]:not([disabled]) {
+    @include state-colors(
+      var(--kd-color-background-menu-state-open),
+      var(--kd-color-text-level-primary)
+    );
 
-    .menu-item-inner-el {
-      color: var(--kd-color-text-variant-destructive);
+    &:hover {
+      @include state-colors(
+        var(--kd-color-background-menu-state-hover),
+        var(--kd-color-text-level-light)
+      );
     }
   }
 
+  // highlighted
+  &[highlighted]:not([disabled]),
+  &[selected][highlighted]:not([disabled]),
+  &[highlighted]:is(:focus, :focus-within, :focus-visible):not([disabled]) {
+    @include state-colors(
+      var(--kd-color-background-menu-state-hover),
+      var(--kd-color-text-level-light)
+    );
+  }
+
+  // active / pressed
   &:active:not([disabled]),
   &:has(:active):not([disabled]),
   &[selected]:active:not([disabled]),
@@ -113,125 +193,128 @@
   &[highlighted]:has(:active):not([disabled]),
   &[selected][highlighted]:active:not([disabled]),
   &[selected][highlighted]:has(:active):not([disabled]) {
-    background-color: var(--kd-color-background-menu-state-pressed);
+    @include state-colors(
+      var(--kd-color-background-menu-state-pressed),
+      var(--kd-color-text-level-light)
+    );
+  }
 
-    .menu-item-inner-el {
-      color: var(--kd-color-text-level-light);
-    }
+  // disabled
+  &[disabled] {
+    @include disabled-common(var(--kd-color-background-menu-state-default));
   }
 
   &.ai-connected {
     background-color: var(--kd-color-background-menu-state-ai-default);
+  }
 
-    .menu-item-inner-el {
-      color: var(--kd-color-text-level-primary);
-    }
+  // destructive
+  &.destructive {
+    @include destructive-common;
+  }
 
-    &:hover:not([disabled]) {
-      background-color: var(--kd-color-background-menu-state-ai-hover);
+  // AI variant
+  &.ai-connected:not(.option-is-readonly) {
+    @include state-colors(
+      var(--kd-color-background-menu-state-ai-pressed),
+      var(--kd-color-text-level-light)
+    );
 
-      .menu-item-inner-el {
-        color: var(--kd-color-text-level-light);
-      }
+    &:hover:not([disabled]) {
+      @include state-colors(
+        var(--kd-color-background-menu-state-ai-hover),
+        var(--kd-color-text-level-light)
+      );
     }
 
     &:is(:focus, :focus-within, :focus-visible):not([disabled]) {
-      background-color: var(--kd-color-background-menu-state-ai-open);
-
-      .menu-item-inner-el {
-        color: var(--kd-color-text-level-primary);
-      }
+      @include state-colors(
+        var(--kd-color-background-menu-state-ai-open),
+        var(--kd-color-text-level-primary)
+      );
+      outline: 2px solid var(--kd-color-border-button-ai-state-focused) !important;
+      outline-offset: -2px !important;
     }
 
     &:active:not([disabled]) {
-      background-color: var(--kd-color-background-menu-state-ai-pressed);
-
-      .menu-item-inner-el {
-        color: var(--kd-color-text-level-light);
-      }
+      @include state-colors(
+        var(--kd-color-background-menu-state-ai-pressed),
+        var(--kd-color-text-level-light)
+      );
     }
 
     &[selected]:not([disabled]),
     &[highlighted]:not([disabled]) {
-      background-color: var(--kd-color-background-menu-state-ai-open);
+      @include state-colors(
+        var(--kd-color-background-menu-state-ai-open),
+        var(--kd-color-text-level-primary)
+      );
 
       &:hover {
-        background-color: var(--kd-color-background-menu-state-ai-hover);
-
-        .menu-item-inner-el {
-          color: var(--kd-color-text-level-light);
-        }
+        @include state-colors(
+          var(--kd-color-background-menu-state-ai-hover),
+          var(--kd-color-text-level-light)
+        );
       }
     }
 
     &[disabled] {
-      color: var(--kd-color-text-level-disabled);
-
-      .menu-item-inner-el {
-        color: var(--kd-color-text-level-disabled);
-      }
-
-      &:hover {
-        cursor: not-allowed;
-        background-color: var(--kd-color-background-menu-state-ai-default);
-      }
-
-      kyn-checkbox:hover {
-        cursor: not-allowed;
-      }
+      @include disabled-common(
+        var(--kd-color-background-menu-state-ai-default)
+      );
     }
 
     &.destructive {
-      color: var(--kd-color-text-variant-destructive);
-      border-top: 1px solid var(--kd-color-border-level-tertiary);
-
-      &:hover:not([disabled]) {
-        background-color: var(--kd-color-status-error-light);
-      }
-
-      .menu-item-inner-el {
-        color: var(--kd-color-text-variant-destructive);
-      }
+      @include destructive-common;
     }
   }
 }
 
+// duplicate explicit selectors retained (for specificity)
 .menu-item[highlighted]:not([disabled]) {
-  background-color: var(--kd-color-background-menu-state-hover);
-  .menu-item-inner-el {
-    color: var(--kd-color-text-level-light);
-  }
+  @include state-colors(
+    var(--kd-color-background-menu-state-hover),
+    var(--kd-color-text-level-light)
+  );
 }
 
 .menu-item:is(:focus, :focus-visible):not([disabled]) {
-  background-color: var(--kd-color-background-menu-state-open);
-  .menu-item-inner-el {
-    color: var(--kd-color-text-level-primary);
-  }
+  @include state-colors(
+    var(--kd-color-background-menu-state-open),
+    var(--kd-color-text-level-primary)
+  );
+  outline: 2px solid var(--kd-color-border-variants-focus);
+  outline-offset: -2px;
 }
 
 .menu-item:active:not([disabled]) {
-  background-color: var(--kd-color-background-menu-state-pressed);
-  .menu-item-inner-el {
-    color: var(--kd-color-text-level-light);
-  }
+  @include state-colors(
+    var(--kd-color-background-menu-state-pressed),
+    var(--kd-color-text-level-light)
+  );
 }
 
 .menu-item.ai-connected[highlighted]:not([disabled]) {
-  background-color: var(--kd-color-background-menu-state-ai-open);
-  .menu-item-inner-el {
-    color: var(--kd-color-text-level-light);
-  }
+  @include state-colors(
+    var(--kd-color-background-menu-state-ai-open),
+    var(--kd-color-text-level-light)
+  );
 }
-.menu-item.ai-connected:is(:focus, :focus-visible):not([disabled]) {
-  background-color: var(--kd-color-background-menu-state-ai-open);
-  .menu-item-inner-el {
-    color: var(--kd-color-text-level-primary);
-  }
+
+.menu-item.ai-connected:is(:focus, :focus-within, :focus-visible):not(
+    [disabled]
+  ) {
+  @include state-colors(
+    var(--kd-color-background-menu-state-ai-open),
+    var(--kd-color-text-level-primary)
+  );
+  outline: 2px solid var(--kd-color-border-variants-focus);
+  outline-offset: -2px;
 }
+
 .menu-item.ai-connected:active:not([disabled]) {
-  background-color: var(--kd-color-background-menu-state-ai-pressed);
-  .menu-item-inner-el {
-    color: var(--kd-color-text-level-light);
-  }
+  @include state-colors(
+    var(--kd-color-background-menu-state-ai-pressed),
+    var(--kd-color-text-level-light)
+  );
 }

package/components/ai/aiLaunchButton/aiLaunchButton.js

@@ -1,4 +1,4 @@
-import{_ as i,a as t,b as a,c as o,d as s}from"../../../vendor/tslib-Ac8XvvSX.js";import{i as e,a as n,t as r,r as d,n as x,e as l}from"../../../vendor/@lit/reactive-element-f91Vet7N.js";import{e as k,x as m}from"../../../vendor/lit-html-BRBT5o_V.js";import{i as p}from"../../../vendor/lit-element-m-OqzV5s.js";import{l as c}from"../../../vendor/lottie-web-t-JWAnz9.js";import"../../../vendor/flatpickr-D1_FkiHZ.js";var h={v:"5.9.0",fr:24,ip:0,op:144,w:500,h:500,nm:"Comp 1",ddd:0,assets:[{id:"comp_0",nm:"Pre-comp 1",fr:24,layers:[{ddd:0,ind:1,ty:4,nm:"outside Outlines",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[251.5,250.25,0],ix:2,l:2},a:{a:0,k:[45,45,0],ix:1,l:2},s:{a:1,k:[{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[.333,.333,.333],y:[0,0,0]},t:0,s:[450,452.557,100]},{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[.333,.333,.333],y:[0,0,0]},t:47,s:[479,481.722,100]},{t:142,s:[450,452.557,100]}],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[-25.643,-1.465],[-.205,26.176],[26.062,-.052],[-.792,-25.919]],o:[[25.629,1.462],[.168,-24.637],[-26.062,.052],[.735,25.335]],v:[[-4.113,42.672],[42.671,-.001],[-4.052,-42.366],[-42.61,.305]],c:!0},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"gs",o:{a:0,k:100,ix:9},w:{a:0,k:4.613,ix:10},g:{p:3,k:{a:0,k:[0,.733,0,.733,.5,.451,.253,.867,1,.169,.506,1],ix:8}},s:{a:0,k:[0,0],ix:4},e:{a:0,k:[63.104,51.891],ix:5},t:1,lc:1,lj:1,ml:4,ml2:{a:0,k:4,ix:13},bm:0,nm:"Gradient Stroke 1",mn:"ADBE Vector Graphic - G-Stroke",hd:!1},{ty:"tr",p:{a:0,k:[45.089,45.216],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:1,k:[{i:{x:[.667,.667],y:[1,1]},o:{x:[.333,.333],y:[0,0]},t:0,s:[100,100]},{t:141,s:[100,100]}],ix:3},r:{a:1,k:[{i:{x:[.667],y:[1]},o:{x:[.167],y:[0]},t:0,s:[0]},{t:141,s:[360]}],ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:2,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1},{ty:"rd",nm:"Round Corners 1",r:{a:0,k:89,ix:1},ix:2,mn:"ADBE Vector Filter - RC",hd:!1}],ip:0,op:144,st:0,bm:1},{ddd:0,ind:3,ty:4,nm:"middle Outlines",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:1,k:[{i:{x:[.667],y:[1]},o:{x:[.167],y:[0]},t:0,s:[0]},{t:141,s:[-360]}],ix:10},p:{a:0,k:[250,250,0],ix:2,l:2},a:{a:0,k:[36.5,38,0],ix:1,l:2},s:{a:1,k:[{i:{x:[.667,.667,.667],y:[1.103,1.103,.962]},o:{x:[.333,.333,.333],y:[0,0,0]},t:0,s:[439,439,100]},{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[.333,.333,.333],y:[.139,.139,.051]},t:60,s:[563.515,563.515,100]},{t:141,s:[439,439,100]}],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[-19.404,-.066],[.985,17.892],[19.165,-2.6],[3.676,-16.498]],o:[[19.098,.061],[-.705,-16.733],[-17.269,1.417],[-4.43,17.047]],v:[[2.975,36.059],[34.594,3.473],[2.163,-34.435],[-33.781,2.223]],c:!0},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"gs",o:{a:0,k:100,ix:9},w:{a:0,k:4.613,ix:10},g:{p:3,k:{a:0,k:[0,.733,0,.733,.5,.451,.253,.867,1,.169,.506,1],ix:8}},s:{a:0,k:[54,21],ix:4},e:{a:0,k:[-5.42,-37.145],ix:5},t:1,lc:1,lj:1,ml:4,ml2:{a:0,k:4,ix:13},bm:0,nm:"Gradient Stroke 1",mn:"ADBE Vector Graphic - G-Stroke",hd:!1},{ty:"tr",p:{a:0,k:[36.506,38.2],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:2,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1},{ty:"rd",nm:"Round Corners 1",r:{a:0,k:164,ix:1},ix:2,mn:"ADBE Vector Filter - RC",hd:!1}],ip:0,op:144,st:0,bm:1},{ddd:0,ind:5,ty:4,nm:"center Outlines",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:1,k:[{i:{x:[.667],y:[1]},o:{x:[.167],y:[0]},t:0,s:[0]},{t:141,s:[360]}],ix:10},p:{a:0,k:[251,247.25,0],ix:2,l:2},a:{a:0,k:[35,37,0],ix:1,l:2},s:{a:1,k:[{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[.333,.333,.333],y:[0,0,0]},t:0,s:[439,439,100]},{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[.333,.333,.333],y:[0,0,0]},t:72,s:[628,628,100]},{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[.333,.333,.333],y:[0,0,0]},t:114,s:[411,411,100]},{t:141,s:[439,439,100]}],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[-18.757,-1.921],[-.536,18.549],[17.819,.818],[.763,-18.17]],o:[[17.864,1.567],[.536,-18.549],[-17.819,-.818],[-.763,18.17]],v:[[-8.149,31.191],[30.163,-.028],[-8.337,-30.191],[-30.725,-1.716]],c:!0},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"gs",o:{a:0,k:100,ix:9},w:{a:0,k:4.613,ix:10},g:{p:3,k:{a:0,k:[0,.733,0,.733,.5,.451,.253,.867,1,.169,.506,1],ix:8}},s:{a:0,k:[6,-13],ix:4},e:{a:0,k:[-3.06,29.856],ix:5},t:1,lc:1,lj:1,ml:4,ml2:{a:0,k:4,ix:13},bm:0,nm:"Gradient Stroke 1",mn:"ADBE Vector Graphic - G-Stroke",hd:!1},{ty:"tr",p:{a:0,k:[34.839,36.617],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:2,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1}],ip:0,op:144,st:0,bm:1}]}],layers:[{ddd:0,ind:1,ty:0,nm:"Pre-comp 1",refId:"comp_0",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[250,250,0],ix:2,l:2},a:{a:0,k:[250,250,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,w:500,h:500,ip:0,op:144,st:0,bm:0}],markers:[]},u={v:"5.9.0",fr:24,ip:0,op:144,w:500,h:500,nm:"Comp 1",ddd:0,assets:[{id:"comp_0",nm:"Pre-comp 1",fr:24,layers:[{ddd:0,ind:1,ty:4,nm:"outside Outlines",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[251.5,250.25,0],ix:2,l:2},a:{a:0,k:[45,45,0],ix:1,l:2},s:{a:1,k:[{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[.333,.333,.333],y:[0,0,0]},t:0,s:[450,452.557,100]},{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[.333,.333,.333],y:[0,0,0]},t:47,s:[479,481.722,100]},{t:142,s:[450,452.557,100]}],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[-25.643,-1.465],[-.205,26.176],[26.062,-.052],[-.792,-25.919]],o:[[25.629,1.462],[.168,-24.637],[-26.062,.052],[.735,25.335]],v:[[-4.113,42.672],[42.671,-.001],[-4.052,-42.366],[-42.61,.305]],c:!0},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"gs",o:{a:0,k:100,ix:9},w:{a:0,k:4.613,ix:10},g:{p:3,k:{a:0,k:[0,.765,.765,.765,.5,.811,.811,.811,1,.859,.859,.859],ix:8}},s:{a:0,k:[0,0],ix:4},e:{a:0,k:[63.104,51.891],ix:5},t:1,lc:1,lj:1,ml:4,ml2:{a:0,k:4,ix:13},bm:0,nm:"Gradient Stroke 1",mn:"ADBE Vector Graphic - G-Stroke",hd:!1},{ty:"tr",p:{a:0,k:[45.089,45.216],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:1,k:[{i:{x:[.667,.667],y:[1,1]},o:{x:[.333,.333],y:[0,0]},t:0,s:[100,100]},{t:141,s:[100,100]}],ix:3},r:{a:1,k:[{i:{x:[.667],y:[1]},o:{x:[.167],y:[0]},t:0,s:[0]},{t:141,s:[360]}],ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:2,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1},{ty:"rd",nm:"Round Corners 1",r:{a:0,k:89,ix:1},ix:2,mn:"ADBE Vector Filter - RC",hd:!1}],ip:0,op:144,st:0,bm:1},{ddd:0,ind:3,ty:4,nm:"middle Outlines",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:1,k:[{i:{x:[.667],y:[1]},o:{x:[.167],y:[0]},t:0,s:[0]},{t:141,s:[-360]}],ix:10},p:{a:0,k:[250,250,0],ix:2,l:2},a:{a:0,k:[36.5,38,0],ix:1,l:2},s:{a:1,k:[{i:{x:[.667,.667,.667],y:[1.103,1.103,.962]},o:{x:[.333,.333,.333],y:[0,0,0]},t:0,s:[439,439,100]},{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[.333,.333,.333],y:[.139,.139,.051]},t:60,s:[563.515,563.515,100]},{t:141,s:[439,439,100]}],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[-19.404,-.066],[.985,17.892],[19.165,-2.6],[3.676,-16.498]],o:[[19.098,.061],[-.705,-16.733],[-17.269,1.417],[-4.43,17.047]],v:[[2.975,36.059],[34.594,3.473],[2.163,-34.435],[-33.781,2.223]],c:!0},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"gs",o:{a:0,k:100,ix:9},w:{a:0,k:4.613,ix:10},g:{p:3,k:{a:0,k:[0,.843,.843,.843,.5,.8,.8,.8,1,.757,.757,.757],ix:8}},s:{a:0,k:[54,21],ix:4},e:{a:0,k:[-5.42,-37.145],ix:5},t:1,lc:1,lj:1,ml:4,ml2:{a:0,k:4,ix:13},bm:0,nm:"Gradient Stroke 1",mn:"ADBE Vector Graphic - G-Stroke",hd:!1},{ty:"tr",p:{a:0,k:[36.506,38.2],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:2,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1},{ty:"rd",nm:"Round Corners 1",r:{a:0,k:164,ix:1},ix:2,mn:"ADBE Vector Filter - RC",hd:!1}],ip:0,op:144,st:0,bm:1},{ddd:0,ind:5,ty:4,nm:"center Outlines",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:1,k:[{i:{x:[.667],y:[1]},o:{x:[.167],y:[0]},t:0,s:[0]},{t:141,s:[360]}],ix:10},p:{a:0,k:[251,247.25,0],ix:2,l:2},a:{a:0,k:[35,37,0],ix:1,l:2},s:{a:1,k:[{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[.333,.333,.333],y:[0,0,0]},t:0,s:[439,439,100]},{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[.333,.333,.333],y:[0,0,0]},t:72,s:[628,628,100]},{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[.333,.333,.333],y:[0,0,0]},t:114,s:[411,411,100]},{t:141,s:[439,439,100]}],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[-18.757,-1.921],[-.536,18.549],[17.819,.818],[.763,-18.17]],o:[[17.864,1.567],[.536,-18.549],[-17.819,-.818],[-.763,18.17]],v:[[-8.149,31.191],[30.163,-.028],[-8.337,-30.191],[-30.725,-1.716]],c:!0},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"gs",o:{a:0,k:100,ix:9},w:{a:0,k:4.613,ix:10},g:{p:2,k:{a:0,k:[0,.906,.906,.906,1,.592,.592,.592],ix:8}},s:{a:0,k:[36.0771,34.5153],ix:4},e:{a:0,k:[17.0993,-4.95431],ix:5},t:1,lc:1,lj:1,ml:4,ml2:{a:0,k:4,ix:13},bm:0,nm:"Gradient Stroke 1",mn:"ADBE Vector Graphic - G-Stroke",hd:!1},{ty:"tr",p:{a:0,k:[34.839,36.617],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:2,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1}],ip:0,op:144,st:0,bm:1}]}],layers:[{ddd:0,ind:1,ty:0,nm:"Pre-comp 1",refId:"comp_0",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[250,250,0],ix:2,l:2},a:{a:0,k:[250,250,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,w:500,h:500,ip:0,op:144,st:0,bm:0}],markers:[]},y=e`*,
+import{_ as i,a as t,b as a,c as o,d as s}from"../../../vendor/tslib-Ac8XvvSX.js";import{i as e,a as n,t as r,r as d,n as x,e as l}from"../../../vendor/@lit/reactive-element-f91Vet7N.js";import{e as k,x as m}from"../../../vendor/lit-html-fDTfWwFR.js";import{i as p}from"../../../vendor/lit-element-DxLLCKb1.js";import{l as c}from"../../../vendor/lottie-web-t-JWAnz9.js";import"../../../vendor/flatpickr-D1_FkiHZ.js";var h={v:"5.9.0",fr:24,ip:0,op:144,w:500,h:500,nm:"Comp 1",ddd:0,assets:[{id:"comp_0",nm:"Pre-comp 1",fr:24,layers:[{ddd:0,ind:1,ty:4,nm:"outside Outlines",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[251.5,250.25,0],ix:2,l:2},a:{a:0,k:[45,45,0],ix:1,l:2},s:{a:1,k:[{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[.333,.333,.333],y:[0,0,0]},t:0,s:[450,452.557,100]},{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[.333,.333,.333],y:[0,0,0]},t:47,s:[479,481.722,100]},{t:142,s:[450,452.557,100]}],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[-25.643,-1.465],[-.205,26.176],[26.062,-.052],[-.792,-25.919]],o:[[25.629,1.462],[.168,-24.637],[-26.062,.052],[.735,25.335]],v:[[-4.113,42.672],[42.671,-.001],[-4.052,-42.366],[-42.61,.305]],c:!0},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"gs",o:{a:0,k:100,ix:9},w:{a:0,k:4.613,ix:10},g:{p:3,k:{a:0,k:[0,.733,0,.733,.5,.451,.253,.867,1,.169,.506,1],ix:8}},s:{a:0,k:[0,0],ix:4},e:{a:0,k:[63.104,51.891],ix:5},t:1,lc:1,lj:1,ml:4,ml2:{a:0,k:4,ix:13},bm:0,nm:"Gradient Stroke 1",mn:"ADBE Vector Graphic - G-Stroke",hd:!1},{ty:"tr",p:{a:0,k:[45.089,45.216],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:1,k:[{i:{x:[.667,.667],y:[1,1]},o:{x:[.333,.333],y:[0,0]},t:0,s:[100,100]},{t:141,s:[100,100]}],ix:3},r:{a:1,k:[{i:{x:[.667],y:[1]},o:{x:[.167],y:[0]},t:0,s:[0]},{t:141,s:[360]}],ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:2,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1},{ty:"rd",nm:"Round Corners 1",r:{a:0,k:89,ix:1},ix:2,mn:"ADBE Vector Filter - RC",hd:!1}],ip:0,op:144,st:0,bm:1},{ddd:0,ind:3,ty:4,nm:"middle Outlines",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:1,k:[{i:{x:[.667],y:[1]},o:{x:[.167],y:[0]},t:0,s:[0]},{t:141,s:[-360]}],ix:10},p:{a:0,k:[250,250,0],ix:2,l:2},a:{a:0,k:[36.5,38,0],ix:1,l:2},s:{a:1,k:[{i:{x:[.667,.667,.667],y:[1.103,1.103,.962]},o:{x:[.333,.333,.333],y:[0,0,0]},t:0,s:[439,439,100]},{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[.333,.333,.333],y:[.139,.139,.051]},t:60,s:[563.515,563.515,100]},{t:141,s:[439,439,100]}],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[-19.404,-.066],[.985,17.892],[19.165,-2.6],[3.676,-16.498]],o:[[19.098,.061],[-.705,-16.733],[-17.269,1.417],[-4.43,17.047]],v:[[2.975,36.059],[34.594,3.473],[2.163,-34.435],[-33.781,2.223]],c:!0},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"gs",o:{a:0,k:100,ix:9},w:{a:0,k:4.613,ix:10},g:{p:3,k:{a:0,k:[0,.733,0,.733,.5,.451,.253,.867,1,.169,.506,1],ix:8}},s:{a:0,k:[54,21],ix:4},e:{a:0,k:[-5.42,-37.145],ix:5},t:1,lc:1,lj:1,ml:4,ml2:{a:0,k:4,ix:13},bm:0,nm:"Gradient Stroke 1",mn:"ADBE Vector Graphic - G-Stroke",hd:!1},{ty:"tr",p:{a:0,k:[36.506,38.2],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:2,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1},{ty:"rd",nm:"Round Corners 1",r:{a:0,k:164,ix:1},ix:2,mn:"ADBE Vector Filter - RC",hd:!1}],ip:0,op:144,st:0,bm:1},{ddd:0,ind:5,ty:4,nm:"center Outlines",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:1,k:[{i:{x:[.667],y:[1]},o:{x:[.167],y:[0]},t:0,s:[0]},{t:141,s:[360]}],ix:10},p:{a:0,k:[251,247.25,0],ix:2,l:2},a:{a:0,k:[35,37,0],ix:1,l:2},s:{a:1,k:[{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[.333,.333,.333],y:[0,0,0]},t:0,s:[439,439,100]},{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[.333,.333,.333],y:[0,0,0]},t:72,s:[628,628,100]},{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[.333,.333,.333],y:[0,0,0]},t:114,s:[411,411,100]},{t:141,s:[439,439,100]}],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[-18.757,-1.921],[-.536,18.549],[17.819,.818],[.763,-18.17]],o:[[17.864,1.567],[.536,-18.549],[-17.819,-.818],[-.763,18.17]],v:[[-8.149,31.191],[30.163,-.028],[-8.337,-30.191],[-30.725,-1.716]],c:!0},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"gs",o:{a:0,k:100,ix:9},w:{a:0,k:4.613,ix:10},g:{p:3,k:{a:0,k:[0,.733,0,.733,.5,.451,.253,.867,1,.169,.506,1],ix:8}},s:{a:0,k:[6,-13],ix:4},e:{a:0,k:[-3.06,29.856],ix:5},t:1,lc:1,lj:1,ml:4,ml2:{a:0,k:4,ix:13},bm:0,nm:"Gradient Stroke 1",mn:"ADBE Vector Graphic - G-Stroke",hd:!1},{ty:"tr",p:{a:0,k:[34.839,36.617],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:2,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1}],ip:0,op:144,st:0,bm:1}]}],layers:[{ddd:0,ind:1,ty:0,nm:"Pre-comp 1",refId:"comp_0",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[250,250,0],ix:2,l:2},a:{a:0,k:[250,250,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,w:500,h:500,ip:0,op:144,st:0,bm:0}],markers:[]},u={v:"5.9.0",fr:24,ip:0,op:144,w:500,h:500,nm:"Comp 1",ddd:0,assets:[{id:"comp_0",nm:"Pre-comp 1",fr:24,layers:[{ddd:0,ind:1,ty:4,nm:"outside Outlines",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[251.5,250.25,0],ix:2,l:2},a:{a:0,k:[45,45,0],ix:1,l:2},s:{a:1,k:[{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[.333,.333,.333],y:[0,0,0]},t:0,s:[450,452.557,100]},{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[.333,.333,.333],y:[0,0,0]},t:47,s:[479,481.722,100]},{t:142,s:[450,452.557,100]}],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[-25.643,-1.465],[-.205,26.176],[26.062,-.052],[-.792,-25.919]],o:[[25.629,1.462],[.168,-24.637],[-26.062,.052],[.735,25.335]],v:[[-4.113,42.672],[42.671,-.001],[-4.052,-42.366],[-42.61,.305]],c:!0},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"gs",o:{a:0,k:100,ix:9},w:{a:0,k:4.613,ix:10},g:{p:3,k:{a:0,k:[0,.765,.765,.765,.5,.811,.811,.811,1,.859,.859,.859],ix:8}},s:{a:0,k:[0,0],ix:4},e:{a:0,k:[63.104,51.891],ix:5},t:1,lc:1,lj:1,ml:4,ml2:{a:0,k:4,ix:13},bm:0,nm:"Gradient Stroke 1",mn:"ADBE Vector Graphic - G-Stroke",hd:!1},{ty:"tr",p:{a:0,k:[45.089,45.216],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:1,k:[{i:{x:[.667,.667],y:[1,1]},o:{x:[.333,.333],y:[0,0]},t:0,s:[100,100]},{t:141,s:[100,100]}],ix:3},r:{a:1,k:[{i:{x:[.667],y:[1]},o:{x:[.167],y:[0]},t:0,s:[0]},{t:141,s:[360]}],ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:2,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1},{ty:"rd",nm:"Round Corners 1",r:{a:0,k:89,ix:1},ix:2,mn:"ADBE Vector Filter - RC",hd:!1}],ip:0,op:144,st:0,bm:1},{ddd:0,ind:3,ty:4,nm:"middle Outlines",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:1,k:[{i:{x:[.667],y:[1]},o:{x:[.167],y:[0]},t:0,s:[0]},{t:141,s:[-360]}],ix:10},p:{a:0,k:[250,250,0],ix:2,l:2},a:{a:0,k:[36.5,38,0],ix:1,l:2},s:{a:1,k:[{i:{x:[.667,.667,.667],y:[1.103,1.103,.962]},o:{x:[.333,.333,.333],y:[0,0,0]},t:0,s:[439,439,100]},{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[.333,.333,.333],y:[.139,.139,.051]},t:60,s:[563.515,563.515,100]},{t:141,s:[439,439,100]}],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[-19.404,-.066],[.985,17.892],[19.165,-2.6],[3.676,-16.498]],o:[[19.098,.061],[-.705,-16.733],[-17.269,1.417],[-4.43,17.047]],v:[[2.975,36.059],[34.594,3.473],[2.163,-34.435],[-33.781,2.223]],c:!0},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"gs",o:{a:0,k:100,ix:9},w:{a:0,k:4.613,ix:10},g:{p:3,k:{a:0,k:[0,.843,.843,.843,.5,.8,.8,.8,1,.757,.757,.757],ix:8}},s:{a:0,k:[54,21],ix:4},e:{a:0,k:[-5.42,-37.145],ix:5},t:1,lc:1,lj:1,ml:4,ml2:{a:0,k:4,ix:13},bm:0,nm:"Gradient Stroke 1",mn:"ADBE Vector Graphic - G-Stroke",hd:!1},{ty:"tr",p:{a:0,k:[36.506,38.2],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:2,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1},{ty:"rd",nm:"Round Corners 1",r:{a:0,k:164,ix:1},ix:2,mn:"ADBE Vector Filter - RC",hd:!1}],ip:0,op:144,st:0,bm:1},{ddd:0,ind:5,ty:4,nm:"center Outlines",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:1,k:[{i:{x:[.667],y:[1]},o:{x:[.167],y:[0]},t:0,s:[0]},{t:141,s:[360]}],ix:10},p:{a:0,k:[251,247.25,0],ix:2,l:2},a:{a:0,k:[35,37,0],ix:1,l:2},s:{a:1,k:[{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[.333,.333,.333],y:[0,0,0]},t:0,s:[439,439,100]},{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[.333,.333,.333],y:[0,0,0]},t:72,s:[628,628,100]},{i:{x:[.667,.667,.667],y:[1,1,1]},o:{x:[.333,.333,.333],y:[0,0,0]},t:114,s:[411,411,100]},{t:141,s:[439,439,100]}],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[-18.757,-1.921],[-.536,18.549],[17.819,.818],[.763,-18.17]],o:[[17.864,1.567],[.536,-18.549],[-17.819,-.818],[-.763,18.17]],v:[[-8.149,31.191],[30.163,-.028],[-8.337,-30.191],[-30.725,-1.716]],c:!0},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:!1},{ty:"gs",o:{a:0,k:100,ix:9},w:{a:0,k:4.613,ix:10},g:{p:2,k:{a:0,k:[0,.906,.906,.906,1,.592,.592,.592],ix:8}},s:{a:0,k:[36.0771,34.5153],ix:4},e:{a:0,k:[17.0993,-4.95431],ix:5},t:1,lc:1,lj:1,ml:4,ml2:{a:0,k:4,ix:13},bm:0,nm:"Gradient Stroke 1",mn:"ADBE Vector Graphic - G-Stroke",hd:!1},{ty:"tr",p:{a:0,k:[34.839,36.617],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Group 1",np:2,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:!1}],ip:0,op:144,st:0,bm:1}]}],layers:[{ddd:0,ind:1,ty:0,nm:"Pre-comp 1",refId:"comp_0",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[250,250,0],ix:2,l:2},a:{a:0,k:[250,250,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,w:500,h:500,ip:0,op:144,st:0,bm:0}],markers:[]},y=e`*,
 *::before,
 *::after {
   box-sizing: border-box;

package/components/ai/aiLaunchButton/index.js

@@ -1,2 +1,2 @@
-export{AILaunchButton}from"./aiLaunchButton.js";import"../../../vendor/tslib-Ac8XvvSX.js";import"../../../vendor/@lit/reactive-element-f91Vet7N.js";import"../../../vendor/lit-html-BRBT5o_V.js";import"../../../vendor/lit-element-m-OqzV5s.js";import"../../../vendor/lottie-web-t-JWAnz9.js";import"../../../vendor/flatpickr-D1_FkiHZ.js";
+export{AILaunchButton}from"./aiLaunchButton.js";import"../../../vendor/tslib-Ac8XvvSX.js";import"../../../vendor/@lit/reactive-element-f91Vet7N.js";import"../../../vendor/lit-html-fDTfWwFR.js";import"../../../vendor/lit-element-DxLLCKb1.js";import"../../../vendor/lottie-web-t-JWAnz9.js";import"../../../vendor/flatpickr-D1_FkiHZ.js";
 //# sourceMappingURL=index.js.map

package/components/ai/sourcesFeedback/aiSourcesFeedback.js

@@ -1,4 +1,4 @@
-import{_ as e,a as t,b as s,c as i,d as a}from"../../../vendor/tslib-Ac8XvvSX.js";import{i as n,a as o,t as l,r as c,n as d,o as r}from"../../../vendor/@lit/reactive-element-f91Vet7N.js";import{e as h,o as u,x as k}from"../../../vendor/lit-html-BRBT5o_V.js";import{i as b}from"../../../vendor/lit-element-m-OqzV5s.js";import{d as p}from"../../../vendor/deepmerge-ts-OFb5ej8y.js";import{f as m,D as g,E as f,F as v,G as y,c as C}from"../../../vendor/@kyndryl-design-system/shidoka-icons-IJ2y2-L_.js";import"../../reusable/link/link.js";import"../../reusable/card/card.js";import"../../reusable/card/vitalCard.skeleton.js";import"../../reusable/card/informationalCard.skeleton.js";import"../../reusable/button/button.js";import"../../reusable/link/defs.js";import"../../reusable/loaders/skeleton.js";import"../../../cardSample-CUzFck1J.js";import"../../../common/helpers/helpers.js";import"../../reusable/button/defs.js";var _=n`*,
+import{_ as e,a as t,b as s,c as i,d as a}from"../../../vendor/tslib-Ac8XvvSX.js";import{i as n,a as o,t as l,r as c,n as d,o as r}from"../../../vendor/@lit/reactive-element-f91Vet7N.js";import{e as h,o as u,x as k}from"../../../vendor/lit-html-fDTfWwFR.js";import{i as b}from"../../../vendor/lit-element-DxLLCKb1.js";import{d as p}from"../../../vendor/deepmerge-ts-OFb5ej8y.js";import{f as m,D as g,E as f,F as v,G as y,c as C}from"../../../vendor/@kyndryl-design-system/shidoka-icons-IJ2y2-L_.js";import"../../reusable/link/link.js";import"../../reusable/card/card.js";import"../../reusable/card/vitalCard.skeleton.js";import"../../reusable/card/informationalCard.skeleton.js";import"../../reusable/button/button.js";import"../../reusable/link/defs.js";import"../../reusable/loaders/skeleton.js";import"../../../cardSample-Co5dXCZy.js";import"../../../common/helpers/helpers.js";import"../../reusable/button/defs.js";var _=n`*,
 *::before,
 *::after {
   box-sizing: border-box;

package/components/ai/sourcesFeedback/index.js

@@ -1,2 +1,2 @@
-export{AISourcesFeedback}from"./aiSourcesFeedback.js";import"../../../vendor/tslib-Ac8XvvSX.js";import"../../../vendor/@lit/reactive-element-f91Vet7N.js";import"../../../vendor/lit-html-BRBT5o_V.js";import"../../../vendor/lit-element-m-OqzV5s.js";import"../../../vendor/deepmerge-ts-OFb5ej8y.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-IJ2y2-L_.js";import"../../reusable/link/link.js";import"../../reusable/link/defs.js";import"../../reusable/card/card.js";import"../../reusable/card/vitalCard.skeleton.js";import"../../reusable/loaders/skeleton.js";import"../../../cardSample-CUzFck1J.js";import"../../reusable/card/informationalCard.skeleton.js";import"../../reusable/button/button.js";import"../../../common/helpers/helpers.js";import"../../reusable/button/defs.js";
+export{AISourcesFeedback}from"./aiSourcesFeedback.js";import"../../../vendor/tslib-Ac8XvvSX.js";import"../../../vendor/@lit/reactive-element-f91Vet7N.js";import"../../../vendor/lit-html-fDTfWwFR.js";import"../../../vendor/lit-element-DxLLCKb1.js";import"../../../vendor/deepmerge-ts-OFb5ej8y.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-IJ2y2-L_.js";import"../../reusable/link/link.js";import"../../reusable/link/defs.js";import"../../reusable/card/card.js";import"../../reusable/card/vitalCard.skeleton.js";import"../../reusable/loaders/skeleton.js";import"../../../cardSample-Co5dXCZy.js";import"../../reusable/card/informationalCard.skeleton.js";import"../../reusable/button/button.js";import"../../../common/helpers/helpers.js";import"../../reusable/button/defs.js";
 //# sourceMappingURL=index.js.map

package/components/global/footer/footer.js

@@ -1,4 +1,4 @@
-import{_ as t,a as i,b as e,c as o,d as r}from"../../../vendor/tslib-Ac8XvvSX.js";import{i as a,t as l,r as n,n as s}from"../../../vendor/@lit/reactive-element-f91Vet7N.js";import{e as d,a as m,x as h}from"../../../vendor/lit-html-BRBT5o_V.js";import{i as g}from"../../../vendor/lit-element-m-OqzV5s.js";import{l as c}from"../../../vendor/@kyndryl-design-system/shidoka-foundation-7uii0Jz8.js";var p=a`*,
+import{_ as t,a as i,b as e,c as o,d as r}from"../../../vendor/tslib-Ac8XvvSX.js";import{i as a,t as l,r as n,n as s}from"../../../vendor/@lit/reactive-element-f91Vet7N.js";import{e as d,a as m,x as h}from"../../../vendor/lit-html-fDTfWwFR.js";import{i as g}from"../../../vendor/lit-element-DxLLCKb1.js";import{l as c}from"../../../vendor/@kyndryl-design-system/shidoka-foundation-7uii0Jz8.js";var p=a`*,
 *::before,
 *::after {
   box-sizing: border-box;

package/components/global/footer/index.js

@@ -1,2 +1,2 @@
-export{Footer}from"./footer.js";import"../../../vendor/tslib-Ac8XvvSX.js";import"../../../vendor/@lit/reactive-element-f91Vet7N.js";import"../../../vendor/lit-html-BRBT5o_V.js";import"../../../vendor/lit-element-m-OqzV5s.js";import"../../../vendor/@kyndryl-design-system/shidoka-foundation-7uii0Jz8.js";
+export{Footer}from"./footer.js";import"../../../vendor/tslib-Ac8XvvSX.js";import"../../../vendor/@lit/reactive-element-f91Vet7N.js";import"../../../vendor/lit-html-fDTfWwFR.js";import"../../../vendor/lit-element-DxLLCKb1.js";import"../../../vendor/@kyndryl-design-system/shidoka-foundation-7uii0Jz8.js";
 //# sourceMappingURL=index.js.map