@carbon/web-components 2.33.0 → 2.34.0

package/dist/components/password-input/defs.min.js

@@ -0,0 +1,27 @@
+/**
+ * Copyright IBM Corp. 2019, 2020
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * @license
+ * 
+ * This bundle contains the following third-party dependencies:
+ * 
+ * Also refer to the following links for the license of other third-party dependencies:
+ * 
+ * https://www.npmjs.com/package/tslib
+ * https://www.npmjs.com/package/lit
+ * https://www.npmjs.com/package/@lit/context
+ * https://www.npmjs.com/package/lodash-es
+ * https://www.npmjs.com/package/@floating-ui/dom
+ * https://www.npmjs.com/package/flatpickr
+ * https://www.npmjs.com/package/lit-html
+ * https://www.npmjs.com/package/lit-element
+ * https://www.npmjs.com/package/@lit/reactive-element
+ * https://www.npmjs.com/package/@floating-ui/core
+ * https://www.npmjs.com/package/@floating-ui/utils
+ */
+
+export{FORM_ELEMENT_COLOR_SCHEME as INPUT_COLOR_SCHEME}from"../../globals/shared-enums.min.js";var t,E,n,o;!function(t){t.SMALL="sm",t.MEDIUM="md",t.LARGE="lg"}(t||(t={})),function(t){t.START="start",t.CENTER="center",t.END="end"}(E||(E={})),function(t){t.TOP="top",t.RIGHT="right",t.BOTTOM="bottom",t.LEFT="left"}(n||(n={})),function(t){t.PASSWORD="password",t.TEXT="text"}(o||(o={}));export{t as INPUT_SIZE,E as INPUT_TOOLTIP_ALIGNMENT,n as INPUT_TOOLTIP_DIRECTION,o as INPUT_TYPE};

package/dist/components/password-input/index.min.js

@@ -0,0 +1,27 @@
+/**
+ * Copyright IBM Corp. 2019, 2020
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * @license
+ * 
+ * This bundle contains the following third-party dependencies:
+ * 
+ * Also refer to the following links for the license of other third-party dependencies:
+ * 
+ * https://www.npmjs.com/package/tslib
+ * https://www.npmjs.com/package/lit
+ * https://www.npmjs.com/package/@lit/context
+ * https://www.npmjs.com/package/lodash-es
+ * https://www.npmjs.com/package/@floating-ui/dom
+ * https://www.npmjs.com/package/flatpickr
+ * https://www.npmjs.com/package/lit-html
+ * https://www.npmjs.com/package/lit-element
+ * https://www.npmjs.com/package/@lit/reactive-element
+ * https://www.npmjs.com/package/@floating-ui/core
+ * https://www.npmjs.com/package/@floating-ui/utils
+ */
+
+import"./password-input.min.js";import"./password-input-skeleton.min.js";

package/dist/components/password-input/password-input-skeleton.min.js

@@ -0,0 +1,30 @@
+/**
+ * Copyright IBM Corp. 2019, 2020
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * @license
+ * 
+ * This bundle contains the following third-party dependencies:
+ * 
+ * Also refer to the following links for the license of other third-party dependencies:
+ * 
+ * https://www.npmjs.com/package/tslib
+ * https://www.npmjs.com/package/lit
+ * https://www.npmjs.com/package/@lit/context
+ * https://www.npmjs.com/package/lodash-es
+ * https://www.npmjs.com/package/@floating-ui/dom
+ * https://www.npmjs.com/package/flatpickr
+ * https://www.npmjs.com/package/lit-html
+ * https://www.npmjs.com/package/lit-element
+ * https://www.npmjs.com/package/@lit/reactive-element
+ * https://www.npmjs.com/package/@floating-ui/core
+ * https://www.npmjs.com/package/@floating-ui/utils
+ */
+
+import{__decorate as e}from"../../node_modules/tslib/tslib.es6.min.js";import"../../node_modules/@lit/reactive-element/reactive-element.min.js";import{html as t}from"../../node_modules/lit-html/lit-html.min.js";import{LitElement as s}from"../../node_modules/lit-element/lit-element.min.js";import{property as o}from"../../node_modules/@lit/reactive-element/decorators/property.min.js";import{carbonElement as l}from"../../globals/decorators/carbon-element.min.js";import{prefix as i}from"../../globals/settings.min.js";import r from"./password-input.scss.min.js";let m=class extends s{constructor(){super(...arguments),this.hideLabel=!1}render(){const{hideLabel:e}=this;return t`
+      ${!e&&t` <span class="${i}--label ${i}--skeleton"></span> `}
+      <div class="${i}--text-input ${i}--skeleton"></div>
+    `}};m.styles=r,e([o({type:Boolean,reflect:!0,attribute:"hide-label"})],m.prototype,"hideLabel",void 0),m=e([l(`${i}-password-input-skeleton`)],m);

package/dist/components/password-input/password-input.min.js

@@ -0,0 +1,88 @@
+/**
+ * Copyright IBM Corp. 2019, 2020
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * @license
+ * 
+ * This bundle contains the following third-party dependencies:
+ * 
+ * Also refer to the following links for the license of other third-party dependencies:
+ * 
+ * https://www.npmjs.com/package/tslib
+ * https://www.npmjs.com/package/lit
+ * https://www.npmjs.com/package/@lit/context
+ * https://www.npmjs.com/package/lodash-es
+ * https://www.npmjs.com/package/@floating-ui/dom
+ * https://www.npmjs.com/package/flatpickr
+ * https://www.npmjs.com/package/lit-html
+ * https://www.npmjs.com/package/lit-element
+ * https://www.npmjs.com/package/@lit/reactive-element
+ * https://www.npmjs.com/package/@floating-ui/core
+ * https://www.npmjs.com/package/@floating-ui/utils
+ */
+
+import{__decorate as t}from"../../node_modules/tslib/tslib.es6.min.js";import"../../node_modules/@lit/reactive-element/reactive-element.min.js";import{html as i}from"../../node_modules/lit-html/lit-html.min.js";import{LitElement as e}from"../../node_modules/lit-element/lit-element.min.js";import{property as o}from"../../node_modules/@lit/reactive-element/decorators/property.min.js";import{carbonElement as l}from"../../globals/decorators/carbon-element.min.js";import{classMap as s}from"../../node_modules/lit-html/directives/class-map.min.js";import{prefix as n}from"../../globals/settings.min.js";import a from"../../packages/icons/lib/view/16.min.js";import r from"../../packages/icons/lib/view--off/16.min.js";import p from"../../packages/icons/lib/warning--filled/16.min.js";import d from"../../packages/icons/lib/warning--alt--filled/16.min.js";import m from"../../globals/directives/if-non-empty.min.js";import"../tooltip/tooltip.min.js";import"../tooltip/tooltip-content.min.js";import"../tooltip/definition-tooltip.min.js";import $ from"./password-input.scss.min.js";import c from"../text-input/text-input.min.js";import{INPUT_TYPE as h,INPUT_TOOLTIP_ALIGNMENT as u,INPUT_TOOLTIP_DIRECTION as b}from"./defs.min.js";export{INPUT_SIZE}from"./defs.min.js";let g=class extends c{constructor(){super(...arguments),this.hidePasswordLabel="Hide password",this.showPasswordLabel="Show password",this.type=h.PASSWORD,this.tooltipAlignment=u.CENTER,this.tooltipDirection=b.BOTTOM}_handleInput({target:t}){this.value=t.value}handleTogglePasswordVisibility(){this.disabled||this.readonly||(this.type=this.type===h.PASSWORD?h.TEXT:h.PASSWORD)}render(){const{disabled:t,helperText:e,hideLabel:o,inline:l,invalid:$,invalidText:c,label:g,readonly:w,required:v,size:_,type:f,warn:x,warnText:y,_handleInput:j,_handleSlotChange:D}=this,T=p({class:`${n}--text-input__invalid-icon`}),S=d({class:`${n}--text-input__invalid-icon ${n}--text-input__invalid-icon--warning`}),P={disabled:!w&&t,invalid:!w&&$,warn:!w&&!$&&x,"slot-name":"","slot-text":"",icon:null};P.invalid?(P.icon=T,P["slot-name"]="invalid-text",P["slot-text"]=c):P.warn&&(P.icon=S,P["slot-name"]="warn-text",P["slot-text"]=y);const O=s({[`${n}--form-item`]:!0,[`${n}--text-input-wrapper`]:!0,[`${n}--password-input-wrapper`]:!0,[`${n}--text-input-wrapper--inline`]:l,[`${n}--text-input-wrapper--readonly`]:w,[`${n}--text-input-wrapper--inline--invalid`]:l&&P.invalid}),A=s({[`${n}--text-input`]:!0,[`${n}--text-input--invalid`]:P.invalid,[`${n}--text-input--warning`]:P.warn,[`${n}--text-input--${_}`]:_,[`${n}--layout--size-${_}`]:_,[`${n}--password-input`]:!0}),R=s({[`${n}--text-input__field-outer-wrapper`]:!0,[`${n}--text-input__field-outer-wrapper--inline`]:l}),E=s({[`${n}--text-input__field-wrapper`]:!0,[`${n}--text-input__field-wrapper--warning`]:P.warn}),L=s({[`${n}--label`]:!0,[`${n}--visually-hidden`]:o,[`${n}--label--disabled`]:P.disabled}),k=s({[`${n}--form__helper-text`]:!0,[`${n}--form__helper-text--disabled`]:P.disabled}),I=f!==h.PASSWORD,N=I?r({class:`${n}--icon-visibility-off`}):a({class:`${n}--icon-visibility-on`}),W=s({[`${n}--text-input--password__visibility__toggle`]:!0,[`${n}--btn`]:!0,[`${n}--tooltip__trigger`]:!0,[`${n}--tooltip--a11y`]:!0,[`${n}--toggle-password-tooltip`]:!0,[`${n}--btn--disabled`]:P.disabled||w,[`${n}--tooltip--${this.tooltipDirection}`]:this.tooltipDirection,[`${n}--tooltip--align-${this.tooltipAlignment}`]:this.tooltipAlignment}),q=s({[`${n}--text-input--password__visibility__toggle`]:!0,[`${n}--btn--icon-only`]:!0,[`${n}--tooltip__trigger`]:!0,[`${n}--tooltip--a11y`]:!0,[`${n}--toggle-password-tooltip`]:!0,[`${n}--btn--disabled`]:P.disabled||w}),C=i`<div class="${n}--text-input__label-wrapper">
+      <label class="${L}"> ${g} </label>
+    </div>`,M=e?i`<div
+          class="${k}"
+          id="helper-text"
+          ?hidden="${P.invalid||P.warn}">
+          <slot name="helper-text"> ${e} </slot>
+        </div>`:null;let z="";return this.tooltipDirection!==b.TOP&&this.tooltipDirection!==b.BOTTOM||(this.tooltipAlignment===u.CENTER&&(z=this.tooltipDirection),this.tooltipAlignment===u.END&&(z=`${this.tooltipDirection}-right`),this.tooltipAlignment===u.START&&(z=`${this.tooltipDirection}-left`)),"right"!==this.tooltipDirection&&"left"!==this.tooltipDirection||(z=this.tooltipDirection),i`
+      <div class="${O}">
+        ${l?i`<div class="${n}--text-input__label-helper-wrapper">
+              ${C} ${M}
+            </div>`:C}
+        <div class="${R}">
+          <div class="${E}" ?data-invalid="${$}">
+            ${P.icon}
+            <input
+              ?autofocus="${this.autofocus}"
+              class="${A}"
+              ?data-invalid="${$}"
+              ?disabled="${t}"
+              aria-describedby="helper-text"
+              id="input"
+              name="${m(this.name)}"
+              pattern="${m(this.pattern)}"
+              placeholder="${m(this.placeholder)}"
+              ?readonly="${w}"
+              ?required="${v}"
+              type="${m(f)}"
+              .value="${this._value}"
+              @input="${j}" />
+            <slot name="slug" @slotchange="${D}"></slot>
+            <cds-tooltip
+              align="${z}"
+              class="${W}"
+              ?disabled="${P.disabled||w}">
+              <button
+                ?disabled="${P.disabled||w}"
+                type="button"
+                role="button"
+                class="${q}"
+                aria-labelledby="content"
+                @click="${this.handleTogglePasswordVisibility}">
+                ${N}
+              </button>
+              <cds-tooltip-content
+                id="content"
+                ?hidden="${P.disabled||w}">
+                ${I?this.hidePasswordLabel:this.showPasswordLabel}
+              </cds-tooltip-content>
+            </cds-tooltip>
+          </div>
+          ${l?null:M}
+          <div
+            class="${n}--form-requirement"
+            ?hidden="${!P.invalid&&!P.warn}">
+            <slot name="${P["slot-name"]}">
+              ${P["slot-text"]}
+            </slot>
+          </div>
+        </div>
+      </div>
+    `}static get slugItem(){return`${n}-slug`}};g.shadowRootOptions=Object.assign(Object.assign({},e.shadowRootOptions),{delegatesFocus:!0}),g.styles=$,t([o({type:String,attribute:"hide-password-label",reflect:!0})],g.prototype,"hidePasswordLabel",void 0),t([o({type:String,attribute:"show-password-label",reflect:!0})],g.prototype,"showPasswordLabel",void 0),t([o({reflect:!0})],g.prototype,"type",void 0),t([o({type:String,attribute:"tooltip-alignment",reflect:!0})],g.prototype,"tooltipAlignment",void 0),t([o({type:String,attribute:"tooltip-position",reflect:!0})],g.prototype,"tooltipDirection",void 0),g=t([l(`${n}-password-input`)],g);export{u as INPUT_TOOLTIP_ALIGNMENT,b as INPUT_TOOLTIP_DIRECTION,h as INPUT_TYPE};

package/dist/components/password-input/password-input.scss.min.js

@@ -0,0 +1,27 @@
+/**
+ * Copyright IBM Corp. 2019, 2020
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * @license
+ * 
+ * This bundle contains the following third-party dependencies:
+ * 
+ * Also refer to the following links for the license of other third-party dependencies:
+ * 
+ * https://www.npmjs.com/package/tslib
+ * https://www.npmjs.com/package/lit
+ * https://www.npmjs.com/package/@lit/context
+ * https://www.npmjs.com/package/lodash-es
+ * https://www.npmjs.com/package/@floating-ui/dom
+ * https://www.npmjs.com/package/flatpickr
+ * https://www.npmjs.com/package/lit-html
+ * https://www.npmjs.com/package/lit-element
+ * https://www.npmjs.com/package/@lit/reactive-element
+ * https://www.npmjs.com/package/@floating-ui/core
+ * https://www.npmjs.com/package/@floating-ui/utils
+ */
+
+import"../../node_modules/@lit/reactive-element/reactive-element.min.js";import"../../node_modules/lit-html/lit-html.min.js";import"../../node_modules/lit-element/lit-element.min.js";import{css as e}from"../../node_modules/@lit/reactive-element/css-tag.min.js";var t=e(['.cds--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds--layer-one.cds--layer__with-background,.cds--layer-three.cds--layer__with-background,.cds--layer-two.cds--layer__with-background{background-color:var(--cds-layer-background)}@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}.cds--fieldset{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--fieldset *,.cds--fieldset :after,.cds--fieldset :before{box-sizing:inherit}.cds--form-item{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.cds--label{color:var(--cds-text-secondary,#525252);display:inline-block;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);font-weight:400;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.cds--label html{font-size:100%}.cds--label body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--label strong{font-weight:600}.cds--label .cds--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.cds--label--no-margin{margin-block-end:0}.cds--label+.cds--tooltip{inset-block-start:.2rem;inset-inline-start:.5rem;position:relative}.cds--label+.cds--tooltip .cds--tooltip__trigger{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;display:flex;font-family:inherit;font-size:100%;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);inline-size:100%;justify-content:center;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);margin:0;padding:0;text-align:start;vertical-align:baseline}.cds--label+.cds--tooltip .cds--tooltip__trigger *,.cds--label+.cds--tooltip .cds--tooltip__trigger :after,.cds--label+.cds--tooltip .cds--tooltip__trigger :before{box-sizing:inherit}.cds--label+.cds--tooltip .cds--tooltip__trigger::-moz-focus-inner{border:0}.cds--label+.cds--tooltip .cds--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds--label+.cds--toggletip{inset-block-start:.2rem;inset-inline-start:.5rem}.cds--label.cds--skeleton{background:var(--cds-skeleton-background,#e8e8e8);block-size:.875rem;border:none;box-shadow:none;inline-size:4.6875rem;padding:0;pointer-events:none;position:relative}.cds--label.cds--skeleton:active,.cds--label.cds--skeleton:focus,.cds--label.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--label.cds--skeleton:before{animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:"";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--label.cds--skeleton:before{animation:none}}input[type=number],input[type=text].cds--number{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif}.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--number[data-invalid] input[type=text]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--number[data-invalid] input[type=text]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper--warn~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box--warning~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--number__input-wrapper--warning~.cds--form-requirement,.cds--select--warning .cds--select-input__wrapper~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper--warn~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper--warning>.cds--text-input~.cds--form-requirement,.cds--text-input__field-wrapper--warning~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker--warning~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{display:block;font-weight:400;max-block-size:12.5rem;overflow:visible}.cds--select--inline.cds--select--warning .cds--select-input--inline__wrapper~.cds--form-requirement,.cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement{display:inline-flex;inline-size:100%;margin:0;margin-block-end:0;max-block-size:100%;overflow:visible;padding-inline-start:.5rem}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--form--fluid .cds--text-input__field-wrapper--warning,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]{display:block}.cds--form--fluid input[data-invalid]{outline:none}.cds--form--fluid .cds--form-requirement{margin:0;padding:.5rem 2.5rem .5rem 1rem}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds--form-requirement{display:none;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);margin:.25rem 0 0;max-block-size:0;overflow:hidden}.cds--form-requirement html{font-size:100%}.cds--form-requirement body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--form-requirement code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--form-requirement strong{font-weight:600}.cds--select--inline .cds--form__helper-text{margin-block-start:0}.cds--form__helper-text{color:var(--cds-text-secondary,#525252);font-size:var(--cds-helper-text-01-font-size,.75rem);inline-size:100%;letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin-block-start:.25rem;opacity:1;z-index:0}.cds--form__helper-text--disabled,.cds--label--disabled,fieldset[disabled] .cds--form__helper-text,fieldset[disabled] .cds--label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--assistive-text,.cds--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds--text-input{--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min),var(--cds-layout-size-height-sm)),var(--cds-layout-size-height,var(--cds-layout-size-height-md)),min(var(--cds-layout-size-height-max),var(--cds-layout-size-height-lg)));--cds-layout-density-padding-inline-local:clamp(var(--cds-layout-density-padding-inline-min),var(--cds-layout-density-padding-inline,var(--cds-layout-density-padding-inline-normal)),var(--cds-layout-density-padding-inline-max));background-color:var(--cds-field);block-size:var(--cds-layout-size-height-local);border:none;border-block-end:1px solid var(--cds-border-strong);box-sizing:border-box;color:var(--cds-text-primary,#161616);font-family:inherit;font-size:100%;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);inline-size:100%;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);margin:0;outline:2px solid transparent;outline-offset:-2px;padding:0;padding:0 var(--cds-layout-density-padding-inline-local);transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9);vertical-align:baseline}.cds--text-input *,.cds--text-input :after,.cds--text-input :before{box-sizing:inherit}.cds--text-input:active,.cds--text-input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--text-input:active,.cds--text-input:focus{outline-style:dotted}}.cds--text-input-wrapper svg[hidden]{display:none}.cds--password-input{padding-inline-end:2.5rem}.cds--text-input--sm.cds--password-input{padding-inline-end:2rem}.cds--text-input--lg.cds--password-input{padding-inline-end:3rem}.cds--text-input::-moz-placeholder{color:var(--cds-text-placeholder,hsla(0,0%,9%,.4));opacity:1}.cds--text-input::placeholder{color:var(--cds-text-placeholder,hsla(0,0%,9%,.4));opacity:1}.cds--text-input--light{background-color:var(--cds-field-02,#fff)}.cds--text-input__field-wrapper{display:flex;inline-size:100%;position:relative}.cds--text-input__invalid-icon{position:absolute;fill:var(--cds-support-error,#da1e28);inset-block-start:50%;inset-inline-end:1rem;transform:translateY(-50%)}.cds--text-input__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds--text-input__invalid-icon--warning path:first-of-type{fill:#000;opacity:1}.cds--text-input--password__visibility{align-items:center;cursor:pointer;display:inline-flex;overflow:visible;position:relative}.cds--text-input--password__visibility:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--text-input--password__visibility:focus{outline-style:dotted}}.cds--text-input--password__visibility:focus{outline:1px solid transparent}.cds--text-input--password__visibility:focus svg{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--text-input--password__visibility:focus svg{outline-style:dotted}}.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after,.cds--text-input--password__visibility:before{align-items:center;display:flex;opacity:0;pointer-events:none;position:absolute;z-index:6000}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after,.cds--text-input--password__visibility:before{display:inline-block}}.cds--text-input--password__visibility:after,.cds--text-input--password__visibility:before{transition:opacity 70ms cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds--text-input--password__visibility:after,.cds--text-input--password__visibility:before{transition:none}}.cds--text-input--password__visibility.cds--tooltip--a11y:after,.cds--text-input--password__visibility.cds--tooltip--a11y:before{transition:none}.cds--text-input--password__visibility:before{block-size:0;border-style:solid;content:"";inline-size:0}.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text{box-sizing:content-box;color:inherit;opacity:1;white-space:normal;word-break:break-word}.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after{background-color:var(--cds-background-inverse,#393939);block-size:auto;border-radius:.125rem;box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));color:var(--cds-text-inverse,#fff);font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:400;font-weight:var(--cds-body-compact-01-font-weight,400);inline-size:-moz-max-content;inline-size:max-content;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);max-inline-size:13rem;min-inline-size:1.5rem;padding:.1875rem 1rem;text-align:start;transform:translateX(-50%);z-index:6000}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after{inline-size:auto}}@supports (-ms-accelerator:true){.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after{inline-size:auto}}@supports (-ms-ime-align:auto){.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after{inline-size:auto}}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after{border:1px solid transparent}}.cds--text-input--password__visibility:after{content:attr(aria-label)}.cds--text-input--password__visibility.cds--tooltip--a11y:after{content:none}.cds--text-input--password__visibility.cds--tooltip--visible:after,.cds--text-input--password__visibility.cds--tooltip--visible:before,.cds--text-input--password__visibility:focus:after,.cds--text-input--password__visibility:focus:before,.cds--text-input--password__visibility:hover:after,.cds--text-input--password__visibility:hover:before{opacity:1}@keyframes cds--tooltip-fade{0%{opacity:0}to{opacity:1}}.cds--text-input--password__visibility.cds--tooltip--visible .cds--assistive-text,.cds--text-input--password__visibility.cds--tooltip--visible+.cds--assistive-text,.cds--text-input--password__visibility:focus .cds--assistive-text,.cds--text-input--password__visibility:focus+.cds--assistive-text,.cds--text-input--password__visibility:hover .cds--assistive-text,.cds--text-input--password__visibility:hover+.cds--assistive-text{margin:auto;overflow:visible;clip:auto}.cds--text-input--password__visibility.cds--tooltip--visible .cds--assistive-text,.cds--text-input--password__visibility.cds--tooltip--visible+.cds--assistive-text,.cds--text-input--password__visibility.cds--tooltip--visible.cds--tooltip--a11y:before,.cds--text-input--password__visibility:focus .cds--assistive-text,.cds--text-input--password__visibility:focus+.cds--assistive-text,.cds--text-input--password__visibility:focus.cds--tooltip--a11y:before,.cds--text-input--password__visibility:hover .cds--assistive-text,.cds--text-input--password__visibility:hover+.cds--assistive-text,.cds--text-input--password__visibility:hover.cds--tooltip--a11y:before{animation:cds--tooltip-fade 70ms cubic-bezier(.2,0,.38,.9)}.cds--text-input--password__visibility.cds--tooltip--hidden .cds--assistive-text,.cds--text-input--password__visibility.cds--tooltip--hidden+.cds--assistive-text{margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}.cds--text-input--password__visibility.cds--tooltip--hidden.cds--tooltip--a11y:before{animation:none;opacity:0}.cds--text-input--password__visibility .cds--assistive-text:after{block-size:.75rem;content:"";display:block;inline-size:100%;inset-block-start:-.75rem;inset-inline-start:0;position:absolute}.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after,.cds--text-input--password__visibility:before{inset-block-end:0;inset-inline-start:50%}.cds--text-input--password__visibility:before{border-color:transparent transparent var(--cds-background-inverse,#393939);border-width:0 .25rem .3125rem;inset-block-end:-.5rem;transform:translate(-50%,100%)}.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after{inset-block-end:-.8125rem;transform:translate(-50%,100%)}.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger{align-items:center;background:none;block-size:100%;border:0;cursor:pointer;display:flex;inline-size:2.5rem;inset-inline-end:0;justify-content:center;min-block-size:auto;outline:2px solid transparent;outline-offset:-2px;padding:0;position:absolute;transition:outline 70ms cubic-bezier(.2,0,.38,.9)}.cds--toggle-password-tooltip .cds--popover{inset-inline-start:-2.5rem}.cds--toggle-password-tooltip .cds--popover-content{min-inline-size:2.5rem}.cds--text-input--sm+.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger{inline-size:2rem}.cds--text-input--lg+.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger{inline-size:3rem}.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252);transition:fill 70ms cubic-bezier(.2,0,.38,.9)}.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:focus{outline-style:dotted}}.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:focus svg,.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:hover svg{fill:var(--cds-icon-primary,#161616)}.cds--text-input--invalid,.cds--text-input--warning{padding-inline-end:2.5rem}.cds--text-input--invalid.cds--password-input{padding-inline-end:4rem}.cds--text-input--invalid+.cds--text-input--password__visibility__toggle{inset-inline-end:1rem}.cds--password-input-wrapper .cds--text-input__invalid-icon{inset-inline-end:2.5rem}.cds--text-input:disabled~.cds--text-input--password__visibility__toggle.cds--tooltip__trigger{cursor:not-allowed}.cds--text-input:disabled~.cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg,.cds--text-input:disabled~.cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg:hover{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger{cursor:default}.cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger svg{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger:hover{cursor:default}.cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger:hover svg{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--text-input__counter-alert{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px}.cds--text-input:disabled{background-color:var(--cds-field);border-block-end:1px solid transparent;color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed;outline:2px solid transparent;outline-offset:-2px;-webkit-text-fill-color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--text-input--light:disabled{background-color:var(--cds-field-02,#fff)}.cds--text-input:disabled::-moz-placeholder{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));opacity:1}.cds--text-input:disabled::placeholder{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));opacity:1}.cds--text-input--invalid{box-shadow:none;outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--text-input--invalid{outline-style:dotted}}.cds--text-input--invalid .cds--text-input--password__visibility__toggle{inset-inline-end:2.5rem}.cds--skeleton.cds--text-input{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds--skeleton.cds--text-input:active,.cds--skeleton.cds--text-input:focus,.cds--skeleton.cds--text-input:hover{border:none;cursor:default;outline:none}.cds--skeleton.cds--text-input:before{animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:"";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--skeleton.cds--text-input:before{animation:none}}.cds--form--fluid .cds--text-input-wrapper{background:var(--cds-field);position:relative;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds--form--fluid .cds--label{align-items:center;block-size:1rem;display:flex;inset-block-start:.8125rem;inset-inline-start:1rem;margin:0;position:absolute;z-index:1}.cds--form--fluid .cds--form__helper-text{display:none}.cds--form--fluid .cds--text-input{min-block-size:4rem;padding:2rem 1rem .8125rem}.cds--form--fluid .cds--text-input__divider,.cds--text-input__divider{display:none}.cds--form--fluid .cds--text-input--invalid,.cds--form--fluid .cds--text-input--warning{border-block-end:none}.cds--form--fluid .cds--text-input--invalid+.cds--text-input__divider,.cds--form--fluid .cds--text-input--warning+.cds--text-input__divider{border-color:var(--cds-border-subtle);border-style:solid;border-block-end:none;display:block;margin:0 1rem}.cds--form--fluid .cds--text-input__invalid-icon{inset-block-start:5rem}.cds--form--fluid .cds--text-input__field-wrapper--warning>.cds--text-input--warning,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid{outline:none}.cds--form--fluid .cds--text-input__field-wrapper--warning{border-block-end:1px solid var(--cds-border-strong)}.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:not(:focus){outline-style:dotted}}.cds--form--fluid .cds--text-input__field-wrapper--warning:focus-within,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:focus-within{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--form--fluid .cds--text-input__field-wrapper--warning:focus-within,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:focus-within{outline-style:dotted}}.cds--form--fluid .cds--text-input__field-wrapper--warning>.cds--text-input--warning:focus,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:focus{outline:none}.cds--text-input-wrapper.cds--text-input-wrapper--inline{flex-flow:row wrap}.cds--text-input-wrapper .cds--label--inline{flex:1;margin:.8125rem 0 0;overflow-wrap:break-word;word-break:break-word}.cds--text-input-wrapper .cds--label--inline--sm{margin-block-start:.5625rem}.cds--text-input-wrapper .cds--label--inline--lg{margin-block-start:1.0625rem}.cds--text-input__label-helper-wrapper{flex:2;flex-direction:column;margin-inline-end:1.5rem;max-inline-size:8rem;overflow-wrap:break-word}.cds--text-input-wrapper .cds--form__helper-text--inline{margin-block-start:.125rem}.cds--text-input__field-outer-wrapper{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;inline-size:100%}.cds--text-input__field-outer-wrapper--inline{flex:8;flex-direction:column}.cds--text-input-wrapper--inline .cds--form-requirement{display:block;font-weight:400;max-block-size:12.5rem;overflow:visible}.cds--text-input-wrapper--inline--invalid .cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--form--fluid .cds--text-input-wrapper--readonly,.cds--text-input-wrapper--readonly .cds--text-input{background:transparent;border-block-end-color:var(--cds-border-subtle)}.cds--text-input__field-wrapper .cds--ai-label,.cds--text-input__field-wrapper .cds--slug,.cds--text-input__field-wrapper--decorator .cds--text-input__field-inner-wrapper--decorator>*{inset-block-start:50%;inset-inline-end:1rem;position:absolute;transform:translateY(-50%)}.cds--text-input__field-wrapper--decorator .cds--text-input:has(~.cds--text-input__field-inner-wrapper--decorator .cds--ai-label):not(:has(~.cds--text-input__field-inner-wrapper--decorator .cds--ai-label--revert)),.cds--text-input__field-wrapper--slug .cds--text-input:has(~.cds--ai-label):not(:has(~.cds--ai-label--revert)),.cds--text-input__field-wrapper--slug .cds--text-input:has(~.cds--slug):not(:has(~.cds--slug--revert)){background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff)}.cds--text-input__field-wrapper--decorator .cds--text-input:has(~.cds--text-input__field-inner-wrapper--decorator>*),.cds--text-input__field-wrapper--slug .cds--text-input:has(~.cds--ai-label),.cds--text-input__field-wrapper--slug .cds--text-input:has(~.cds--slug){padding-inline-end:2.5rem}.cds--text-input--invalid:has(~.cds--ai-label),.cds--text-input--invalid:has(~.cds--slug),.cds--text-input--invalid:has(~.cds--text-input__field-inner-wrapper--decorator>*),.cds--text-input--warning:has(~.cds--ai-label),.cds--text-input--warning:has(~.cds--slug),.cds--text-input--warning:has(~.cds--text-input__field-inner-wrapper--decorator>*){padding-inline-end:4rem}.cds--text-input--invalid~.cds--ai-label,.cds--text-input--invalid~.cds--slug,.cds--text-input--invalid~.cds--text-input__field-inner-wrapper--decorator>*,.cds--text-input--warning~.cds--ai-label,.cds--text-input--warning~.cds--slug,.cds--text-input--warning~.cds--text-input__field-inner-wrapper--decorator>*{inset-inline-end:2.5rem}.cds--text-input__field-wrapper--decorator .cds--text-input__field-inner-wrapper--decorator:not(:has(.cds--ai-label))>*{block-size:1rem}.cds--text-input__label-wrapper{display:flex;inline-size:100%;justify-content:space-between}:host(cds-password-input){--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px;inline-size:100%;outline:none;padding-inline-end:2.5rem}:host(cds-password-input) .cds--text-input__invalid-icon{inset-inline-end:2.5rem}:host(cds-password-input) .cds--icon-visibility-off,:host(cds-password-input) .cds--icon-visibility-on{vertical-align:middle}:host(cds-password-input) ::slotted(cds-slug){inset-block-start:50%;inset-inline-end:1rem;position:absolute}:host(cds-password-input) ::slotted(cds-slug:not([revert-active])){transform:translateY(-50%)}:host(cds-passsword-input[invalid]) .cds--text-input__field-wrapper--slug .cds--text-input,:host(cds-password-input[warn]) .cds--text-input__field-wrapper--slug .cds--text-input{padding-inline-end:4rem}:host(cds-passsword-input[invalid]) ::slotted(cds-slug),:host(cds-password-input[warn]) ::slotted(cds-slug){inset-inline-end:2.5rem}:host(cds-passsword-input[invalid]) cds--text-input__field-wrapper,:host(cds-password-input[warn]) cds--text-input__field-wrapper{position:relative}cds-tooltip::part(popover-container){block-size:100%;inline-size:100%}.cds--btn--icon-only{background-color:transparent;block-size:100%;border:none;cursor:pointer;inline-size:100%}.cds--btn--icon-only:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--btn--icon-only:focus{outline-style:dotted}}']);export{t as default};

package/dist/components/popover/defs.min.js

@@ -0,0 +1,27 @@
+/**
+ * Copyright IBM Corp. 2019, 2020
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * @license
+ * 
+ * This bundle contains the following third-party dependencies:
+ * 
+ * Also refer to the following links for the license of other third-party dependencies:
+ * 
+ * https://www.npmjs.com/package/tslib
+ * https://www.npmjs.com/package/lit
+ * https://www.npmjs.com/package/@lit/context
+ * https://www.npmjs.com/package/lodash-es
+ * https://www.npmjs.com/package/@floating-ui/dom
+ * https://www.npmjs.com/package/flatpickr
+ * https://www.npmjs.com/package/lit-html
+ * https://www.npmjs.com/package/lit-element
+ * https://www.npmjs.com/package/@lit/reactive-element
+ * https://www.npmjs.com/package/@floating-ui/core
+ * https://www.npmjs.com/package/@floating-ui/utils
+ */
+
+var t;!function(t){t.TOP="top",t.TOP_LEFT="top-left",t.TOP_RIGHT="top-right",t.TOP_START="top-start",t.TOP_END="top-end",t.BOTTOM="bottom",t.BOTTOM_LEFT="bottom-left",t.BOTTOM_RIGHT="bottom-right",t.BOTTOM_START="bottom-start",t.BOTTOM_END="bottom-end",t.LEFT="left",t.LEFT_BOTTOM="left-bottom",t.LEFT_TOP="left-top",t.LEFT_START="left-start",t.LEFT_END="left-end",t.RIGHT="right",t.RIGHT_BOTTOM="right-bottom",t.RIGHT_TOP="right-top",t.RIGHT_START="right-start",t.RIGHT_END="right-end"}(t||(t={}));export{t as POPOVER_ALIGNMENT};

package/dist/components/popover/index.min.js

@@ -0,0 +1,27 @@
+/**
+ * Copyright IBM Corp. 2019, 2020
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * @license
+ * 
+ * This bundle contains the following third-party dependencies:
+ * 
+ * Also refer to the following links for the license of other third-party dependencies:
+ * 
+ * https://www.npmjs.com/package/tslib
+ * https://www.npmjs.com/package/lit
+ * https://www.npmjs.com/package/@lit/context
+ * https://www.npmjs.com/package/lodash-es
+ * https://www.npmjs.com/package/@floating-ui/dom
+ * https://www.npmjs.com/package/flatpickr
+ * https://www.npmjs.com/package/lit-html
+ * https://www.npmjs.com/package/lit-element
+ * https://www.npmjs.com/package/@lit/reactive-element
+ * https://www.npmjs.com/package/@floating-ui/core
+ * https://www.npmjs.com/package/@floating-ui/utils
+ */
+
+import"./popover.min.js";import"./popover-content.min.js";

package/dist/components/popover/popover-content.min.js

@@ -0,0 +1,37 @@
+/**
+ * Copyright IBM Corp. 2019, 2020
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * @license
+ * 
+ * This bundle contains the following third-party dependencies:
+ * 
+ * Also refer to the following links for the license of other third-party dependencies:
+ * 
+ * https://www.npmjs.com/package/tslib
+ * https://www.npmjs.com/package/lit
+ * https://www.npmjs.com/package/@lit/context
+ * https://www.npmjs.com/package/lodash-es
+ * https://www.npmjs.com/package/@floating-ui/dom
+ * https://www.npmjs.com/package/flatpickr
+ * https://www.npmjs.com/package/lit-html
+ * https://www.npmjs.com/package/lit-element
+ * https://www.npmjs.com/package/@lit/reactive-element
+ * https://www.npmjs.com/package/@floating-ui/core
+ * https://www.npmjs.com/package/@floating-ui/utils
+ */
+
+import{__decorate as t}from"../../node_modules/tslib/tslib.es6.min.js";import"../../node_modules/@lit/reactive-element/reactive-element.min.js";import{html as e}from"../../node_modules/lit-html/lit-html.min.js";import{LitElement as o}from"../../node_modules/lit-element/lit-element.min.js";import{property as s}from"../../node_modules/@lit/reactive-element/decorators/property.min.js";import{carbonElement as r}from"../../globals/decorators/carbon-element.min.js";import{prefix as p}from"../../globals/settings.min.js";import n from"./popover.scss.min.js";let l=class extends o{constructor(){super(...arguments),this.align="",this.autoalign=!1,this.dropShadow=!0,this.open=!1,this.tabTip=!1,this.slot="content"}render(){return this.autoalign?e`
+        <span class="${p}--popover-content" part="content">
+          <slot> </slot>
+          <span class="${p}--popover-caret"></span>
+        </span>
+      `:e`
+        <span class="${p}--popover-content" part="content">
+          <slot> </slot>
+        </span>
+        <span class="${p}--popover-caret"></span>
+      `}};l.styles=n,t([s({reflect:!0,type:String})],l.prototype,"align",void 0),t([s({type:Boolean,reflect:!0})],l.prototype,"autoalign",void 0),t([s({type:Boolean,reflect:!0})],l.prototype,"caret",void 0),t([s({type:Boolean,reflect:!0})],l.prototype,"dropShadow",void 0),t([s({type:Boolean,reflect:!0})],l.prototype,"open",void 0),t([s({type:Boolean,reflect:!0})],l.prototype,"tabTip",void 0),t([s({reflect:!0})],l.prototype,"slot",void 0),l=t([r(`${p}-popover-content`)],l);var i=l;export{i as default};

package/dist/components/popover/popover.min.js

@@ -0,0 +1,32 @@
+/**
+ * Copyright IBM Corp. 2019, 2020
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * @license
+ * 
+ * This bundle contains the following third-party dependencies:
+ * 
+ * Also refer to the following links for the license of other third-party dependencies:
+ * 
+ * https://www.npmjs.com/package/tslib
+ * https://www.npmjs.com/package/lit
+ * https://www.npmjs.com/package/@lit/context
+ * https://www.npmjs.com/package/lodash-es
+ * https://www.npmjs.com/package/@floating-ui/dom
+ * https://www.npmjs.com/package/flatpickr
+ * https://www.npmjs.com/package/lit-html
+ * https://www.npmjs.com/package/lit-element
+ * https://www.npmjs.com/package/@lit/reactive-element
+ * https://www.npmjs.com/package/@floating-ui/core
+ * https://www.npmjs.com/package/@floating-ui/utils
+ */
+
+import{__decorate as t}from"../../node_modules/tslib/tslib.es6.min.js";import{classMap as e}from"../../node_modules/lit-html/directives/class-map.min.js";import"../../node_modules/@lit/reactive-element/reactive-element.min.js";import{html as o}from"../../node_modules/lit-html/lit-html.min.js";import{LitElement as r}from"../../node_modules/lit-element/lit-element.min.js";import{property as s}from"../../node_modules/@lit/reactive-element/decorators/property.min.js";import{query as i}from"../../node_modules/@lit/reactive-element/decorators/query.min.js";import{carbonElement as n}from"../../globals/decorators/carbon-element.min.js";import{prefix as l}from"../../globals/settings.min.js";import a from"./popover.scss.min.js";import p from"../../globals/decorators/host-listener.min.js";import c from"../../globals/mixins/host-listener.min.js";import d from"../../globals/controllers/floating-controller.min.js";var h;let m=h=class extends(c(r)){_handleSlotChange({target:t}){if(this.tabTip){t.assignedNodes().filter((t=>t.nodeType!==Node.TEXT_NODE||t.textContent.trim()))[0].classList.add(`${l}--popover--tab-tip__button`)}this.requestUpdate()}_handleFocusOut(t){const e=t.relatedTarget;this.contains(e)||(this.open=!1)}_handleOutsideClick(t){const e=t.target;this.open&&e&&!this.contains(e)&&(this.open=!1)}constructor(){super(),this.popoverController=new d(this),this.align="",this.autoalign=!1,this.caret=!0,this.dropShadow=!0,this.highContrast=!1,this.open=!1,this.tabTip=!1,this._handleOutsideClick=this._handleOutsideClick.bind(this)}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._handleOutsideClick)}disconnectedCallback(){document.removeEventListener("click",this._handleOutsideClick)}updated(t){var e,o,r;const{selectorPopoverContent:s}=this.constructor;if(["open","align","autoalign","caret","dropShadow","tabTip"].forEach((e=>{if(t.has(e)){const{[e]:t}=this;this.querySelector(s)&&(this.querySelector(s)[e]=t)}})),this.autoalign&&this.open){const t=this._triggerSlotNode.assignedElements()[0],s=this._contentSlotNode.assignedElements()[0],i=null===(e=null==s?void 0:s.shadowRoot)||void 0===e?void 0:e.querySelector(h.selectorPopoverContentClass),n=null===(o=null==s?void 0:s.shadowRoot)||void 0===o?void 0:o.querySelector(h.selectorPopoverCaret);t&&i&&(null===(r=this.popoverController)||void 0===r||r.setPlacement({trigger:t,target:i,arrowElement:this.caret&&n?n:void 0,caret:this.caret,flipArguments:{fallbackAxisSideDirection:"start"},alignment:this.align,open:this.open}))}}render(){const{dropShadow:t,highContrast:r,open:s,tabTip:i,_handleSlotChange:n}=this;i&&(this.caret=!i),this.align=this.align?this.align:i?"bottom-left":"bottom";const a=e({[`${l}--popover-container`]:!0,[`${l}--popover--caret`]:this.caret,[`${l}--popover--drop-shadow`]:t,[`${l}--popover--high-contrast`]:r,[`${l}--popover--open`]:s,[`${l}--popover--${this.align}`]:!0,[`${l}--popover--tab-tip`]:i});return o`
+    <span class="${a}" part="popover-container">
+      <slot @slotchange="${n}"></slot>
+      <slot name="content"><slot>
+    </span>
+    `}static get selectorPopoverContentClass(){return`.${l}--popover-content`}static get selectorPopoverCaret(){return`.${l}--popover-caret`}static get selectorPopoverContent(){return`${l}-popover-content`}};m.styles=a,t([i("slot")],m.prototype,"_triggerSlotNode",void 0),t([i('slot[name="content"]')],m.prototype,"_contentSlotNode",void 0),t([s({reflect:!0,type:String})],m.prototype,"align",void 0),t([s({type:Boolean,reflect:!0})],m.prototype,"autoalign",void 0),t([s({type:Boolean,reflect:!0})],m.prototype,"caret",void 0),t([s({type:Boolean,reflect:!0})],m.prototype,"dropShadow",void 0),t([s({type:Boolean,reflect:!0})],m.prototype,"highContrast",void 0),t([s({type:Boolean,reflect:!0})],m.prototype,"open",void 0),t([s({type:Boolean,reflect:!0})],m.prototype,"tabTip",void 0),t([p("focusout")],m.prototype,"_handleFocusOut",null),m=h=t([n(`${l}-popover`)],m);var v=m;export{v as default};