@dcl/governance-site 2.0.0 → 2.0.1-20995780683.commit-d6baf5e

package/assets/index-9d970383.js

@@ -0,0 +1,152 @@
+import{j as c,r as h,k as m,l as b,m as a}from"./index-48bd3fca.js";import{n,c as x}from"./index-84e8ecf6.js";import{o as $}from"./if-defined-0a35f675.js";import{e as f,n as g}from"./ref-88e1be05.js";const w=c`
+  :host {
+    position: relative;
+    width: 100%;
+    display: inline-flex;
+    flex-direction: column;
+    gap: ${({spacing:t})=>t[3]};
+    color: ${({tokens:t})=>t.theme.textPrimary};
+    caret-color: ${({tokens:t})=>t.core.textAccentPrimary};
+  }
+
+  .wui-input-text-container {
+    position: relative;
+    display: flex;
+  }
+
+  input {
+    width: 100%;
+    border-radius: ${({borderRadius:t})=>t[4]};
+    color: inherit;
+    background: transparent;
+    border: 1px solid ${({tokens:t})=>t.theme.borderPrimary};
+    caret-color: ${({tokens:t})=>t.core.textAccentPrimary};
+    padding: ${({spacing:t})=>t[3]} ${({spacing:t})=>t[3]}
+      ${({spacing:t})=>t[3]} ${({spacing:t})=>t[10]};
+    font-size: ${({textSize:t})=>t.large};
+    line-height: ${({typography:t})=>t["lg-regular"].lineHeight};
+    letter-spacing: ${({typography:t})=>t["lg-regular"].letterSpacing};
+    font-weight: ${({fontWeight:t})=>t.regular};
+    font-family: ${({fontFamily:t})=>t.regular};
+  }
+
+  input[data-size='lg'] {
+    padding: ${({spacing:t})=>t[4]} ${({spacing:t})=>t[3]}
+      ${({spacing:t})=>t[4]} ${({spacing:t})=>t[10]};
+  }
+
+  @media (hover: hover) and (pointer: fine) {
+    input:hover:enabled {
+      border: 1px solid ${({tokens:t})=>t.theme.borderSecondary};
+    }
+  }
+
+  input:disabled {
+    cursor: unset;
+    border: 1px solid ${({tokens:t})=>t.theme.borderPrimary};
+  }
+
+  input::placeholder {
+    color: ${({tokens:t})=>t.theme.textSecondary};
+  }
+
+  input:focus:enabled {
+    border: 1px solid ${({tokens:t})=>t.theme.borderSecondary};
+    background-color: ${({tokens:t})=>t.theme.foregroundPrimary};
+    -webkit-box-shadow: 0px 0px 0px 4px ${({tokens:t})=>t.core.foregroundAccent040};
+    -moz-box-shadow: 0px 0px 0px 4px ${({tokens:t})=>t.core.foregroundAccent040};
+    box-shadow: 0px 0px 0px 4px ${({tokens:t})=>t.core.foregroundAccent040};
+  }
+
+  div.wui-input-text-container:has(input:disabled) {
+    opacity: 0.5;
+  }
+
+  wui-icon.wui-input-text-left-icon {
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    pointer-events: none;
+    left: ${({spacing:t})=>t[4]};
+    color: ${({tokens:t})=>t.theme.iconDefault};
+  }
+
+  button.wui-input-text-submit-button {
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    right: ${({spacing:t})=>t[3]};
+    width: 24px;
+    height: 24px;
+    border: none;
+    background: transparent;
+    border-radius: ${({borderRadius:t})=>t[2]};
+    color: ${({tokens:t})=>t.core.textAccentPrimary};
+  }
+
+  button.wui-input-text-submit-button:disabled {
+    opacity: 1;
+  }
+
+  button.wui-input-text-submit-button.loading wui-icon {
+    animation: spin 1s linear infinite;
+  }
+
+  button.wui-input-text-submit-button:hover {
+    background: ${({tokens:t})=>t.core.foregroundAccent010};
+  }
+
+  input:has(+ .wui-input-text-submit-button) {
+    padding-right: ${({spacing:t})=>t[12]};
+  }
+
+  input[type='number'] {
+    -moz-appearance: textfield;
+  }
+
+  input[type='search']::-webkit-search-decoration,
+  input[type='search']::-webkit-search-cancel-button,
+  input[type='search']::-webkit-search-results-button,
+  input[type='search']::-webkit-search-results-decoration {
+    -webkit-appearance: none;
+  }
+
+  /* -- Keyframes --------------------------------------------------- */
+  @keyframes spin {
+    from {
+      transform: rotate(0deg);
+    }
+    to {
+      transform: rotate(360deg);
+    }
+  }
+`;var o=globalThis&&globalThis.__decorate||function(t,i,s,u){var p=arguments.length,r=p<3?i:u===null?u=Object.getOwnPropertyDescriptor(i,s):u,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(t,i,s,u);else for(var d=t.length-1;d>=0;d--)(l=t[d])&&(r=(p<3?l(r):p>3?l(i,s,r):l(i,s))||r);return p>3&&r&&Object.defineProperty(i,s,r),r};let e=class extends b{constructor(){super(...arguments),this.inputElementRef=f(),this.disabled=!1,this.loading=!1,this.placeholder="",this.type="text",this.value="",this.size="md"}render(){return a` <div class="wui-input-text-container">
+        ${this.templateLeftIcon()}
+        <input
+          data-size=${this.size}
+          ${g(this.inputElementRef)}
+          data-testid="wui-input-text"
+          type=${this.type}
+          enterkeyhint=${$(this.enterKeyHint)}
+          ?disabled=${this.disabled}
+          placeholder=${this.placeholder}
+          @input=${this.dispatchInputChangeEvent.bind(this)}
+          @keydown=${this.onKeyDown}
+          .value=${this.value||""}
+        />
+        ${this.templateSubmitButton()}
+        <slot class="wui-input-text-slot"></slot>
+      </div>
+      ${this.templateError()} ${this.templateWarning()}`}templateLeftIcon(){return this.icon?a`<wui-icon
+        class="wui-input-text-left-icon"
+        size="md"
+        data-size=${this.size}
+        color="inherit"
+        name=${this.icon}
+      ></wui-icon>`:null}templateSubmitButton(){var i;return this.onSubmit?a`<button
+        class="wui-input-text-submit-button ${this.loading?"loading":""}"
+        @click=${(i=this.onSubmit)==null?void 0:i.bind(this)}
+        ?disabled=${this.disabled||this.loading}
+      >
+        ${this.loading?a`<wui-icon name="spinner" size="md"></wui-icon>`:a`<wui-icon name="chevronRight" size="md"></wui-icon>`}
+      </button>`:null}templateError(){return this.errorText?a`<wui-text variant="sm-regular" color="error">${this.errorText}</wui-text>`:null}templateWarning(){return this.warningText?a`<wui-text variant="sm-regular" color="warning">${this.warningText}</wui-text>`:null}dispatchInputChangeEvent(){var i;this.dispatchEvent(new CustomEvent("inputChange",{detail:(i=this.inputElementRef.value)==null?void 0:i.value,bubbles:!0,composed:!0}))}};e.styles=[h,m,w];o([n()],e.prototype,"icon",void 0);o([n({type:Boolean})],e.prototype,"disabled",void 0);o([n({type:Boolean})],e.prototype,"loading",void 0);o([n()],e.prototype,"placeholder",void 0);o([n()],e.prototype,"type",void 0);o([n()],e.prototype,"value",void 0);o([n()],e.prototype,"errorText",void 0);o([n()],e.prototype,"warningText",void 0);o([n()],e.prototype,"onSubmit",void 0);o([n()],e.prototype,"size",void 0);o([n({attribute:!1})],e.prototype,"onKeyDown",void 0);e=o([x("wui-input-text")],e);

package/assets/index-a59b6662.js

@@ -0,0 +1,68 @@
+import{j as b,r as p,k as m,l as v,m as u}from"./index-48bd3fca.js";import{n as d,c as f}from"./index-84e8ecf6.js";const h=b`
+  button {
+    border: none;
+    background: transparent;
+    height: 20px;
+    padding: ${({spacing:t})=>t[2]};
+    column-gap: ${({spacing:t})=>t[1]};
+    border-radius: ${({borderRadius:t})=>t[1]};
+    padding: 0 ${({spacing:t})=>t[1]};
+    border-radius: ${({spacing:t})=>t[1]};
+  }
+
+  /* -- Variants --------------------------------------------------------- */
+  button[data-variant='accent'] {
+    color: ${({tokens:t})=>t.core.textAccentPrimary};
+  }
+
+  button[data-variant='secondary'] {
+    color: ${({tokens:t})=>t.theme.textSecondary};
+  }
+
+  /* -- Focus states --------------------------------------------------- */
+  button:focus-visible:enabled {
+    box-shadow: 0px 0px 0px 4px rgba(9, 136, 240, 0.2);
+  }
+
+  button[data-variant='accent']:focus-visible:enabled {
+    background-color: ${({tokens:t})=>t.core.foregroundAccent010};
+  }
+
+  button[data-variant='secondary']:focus-visible:enabled {
+    background-color: ${({tokens:t})=>t.theme.foregroundSecondary};
+  }
+
+  /* -- Hover & Active states ----------------------------------------------------------- */
+  button[data-variant='accent']:hover:enabled {
+    background-color: ${({tokens:t})=>t.core.foregroundAccent010};
+  }
+
+  button[data-variant='secondary']:hover:enabled {
+    background-color: ${({tokens:t})=>t.theme.foregroundSecondary};
+  }
+
+  button[data-variant='accent']:focus-visible {
+    background-color: ${({tokens:t})=>t.core.foregroundAccent010};
+  }
+
+  button[data-variant='secondary']:focus-visible {
+    background-color: ${({tokens:t})=>t.theme.foregroundSecondary};
+    box-shadow: 0px 0px 0px 4px rgba(9, 136, 240, 0.2);
+  }
+
+  button[disabled] {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+`;var r=globalThis&&globalThis.__decorate||function(t,n,a,i){var c=arguments.length,e=c<3?n:i===null?i=Object.getOwnPropertyDescriptor(n,a):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")e=Reflect.decorate(t,n,a,i);else for(var l=t.length-1;l>=0;l--)(s=t[l])&&(e=(c<3?s(e):c>3?s(n,a,e):s(n,a))||e);return c>3&&e&&Object.defineProperty(n,a,e),e};const y={sm:"sm-medium",md:"md-medium"},g={accent:"accent-primary",secondary:"secondary"};let o=class extends v{constructor(){super(...arguments),this.size="md",this.disabled=!1,this.variant="accent",this.icon=void 0}render(){return u`
+      <button ?disabled=${this.disabled} data-variant=${this.variant}>
+        <slot name="iconLeft"></slot>
+        <wui-text
+          color=${g[this.variant]}
+          variant=${y[this.size]}
+        >
+          <slot></slot>
+        </wui-text>
+        ${this.iconTemplate()}
+      </button>
+    `}iconTemplate(){return this.icon?u`<wui-icon name=${this.icon} size="sm"></wui-icon>`:null}};o.styles=[p,m,h];r([d()],o.prototype,"size",void 0);r([d({type:Boolean})],o.prototype,"disabled",void 0);r([d()],o.prototype,"variant",void 0);r([d()],o.prototype,"icon",void 0);o=r([f("wui-link")],o);