@ds-autonomie/web-components 2.0.1 → 2.1.0

package/dist/chunks/chunk.2T66U3QC.js

@@ -1,270 +0,0 @@
-import {
-  component_styles_default
-} from "./chunk.TUVJKY7S.js";
-
-// src/components/header-search/header-search.styles.ts
-import { css } from "lit";
-var header_search_styles_default = css`
-  ${component_styles_default}
-
-  :host {
-    display: flex;
-    align-items: center;
-    justify-content: flex-end;
-    gap: var(--dsa-spacing-8);
-    flex: 1;
-    width: 100%;
-  }
-
-  .mobile {
-    display: block;
-  }
-  .desktop {
-    display: none;
-  }
-
-  /* Input */
-  .input {
-    position: relative;
-    display: inline-flex;
-    flex-direction: row;
-    align-items: center;
-    vertical-align: middle;
-    width: 100%;
-    min-width: 0;
-    font: var(--dsa-wc-input-text-field-font);
-    border-bottom: 1px solid var(--dsa-wc-header-search-input-color);
-  }
-
-  .input--focused {
-    outline: var(--dsa-wc-focus-ring);
-    outline-offset: var(--dsa-wc-focus-ring-offset);
-  }
-
-  .input__control {
-    display: inline-flex;
-    flex-direction: row;
-    flex: 1 1 auto;
-    font-family: inherit;
-    font-weight: inherit;
-    min-width: 0;
-    height: 100%;
-    border: none;
-    background: none;
-    box-shadow: none;
-    margin: 0;
-    cursor: inherit;
-    -webkit-appearance: none;
-    color: var(--dsa-wc-header-search-input-color);
-
-    font-size: 14px;
-    padding: 8px 0 8px 8px;
-    height: 34px;
-  }
-
-  .input__control::placeholder {
-    color: var(--dsa-wc-input-on-layer-text-field-placeholder-color);
-    opacity: 1;
-  }
-
-  .input__control::-webkit-search-decoration,
-  .input__control::-webkit-search-cancel-button,
-  .input__control::-webkit-search-results-button,
-  .input__control::-webkit-search-results-decoration {
-    -webkit-appearance: none;
-  }
-  .input__control:focus {
-    outline: none;
-  }
-
-  /* Buttons */
-  .button {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    border-style: solid;
-    border-width: var(--dsa-wc-button-border-width);
-    border-radius: var(--dsa-wc-button-border-radius);
-    text-decoration: none;
-    user-select: none;
-    white-space: nowrap;
-    vertical-align: middle;
-    padding: 0 var(--dsa-wc-button-padding-horizontal);
-    transition: var(--dsa-wc-transition-x-fast) background-color,
-      var(--dsa-wc-transition-x-fast) color,
-      var(--dsa-wc-transition-x-fast) border,
-      var(--dsa-wc-transition-x-fast) box-shadow;
-    cursor: pointer;
-  }
-  .button::-moz-focus-inner {
-    border: 0;
-  }
-  .button:focus {
-    outline: none;
-  }
-  .button:focus-visible {
-    outline: var(--dsa-wc-focus-ring);
-    outline-offset: var(--dsa-wc-focus-ring-offset);
-  }
-
-  .button--tertiary {
-    padding: 0;
-  }
-  .button--tertiary {
-    background-color: var(--dsa-wc-button-tertiary-on-base-color);
-    border: none;
-    color: var(--dsa-wc-button-tertiary-on-base-font-color);
-  }
-  .button--tertiary:hover {
-    background-color: var(--dsa-wc-button-tertiary-on-base-hover-color);
-    color: var(--dsa-wc-button-tertiary-on-base-hover-font-color);
-  }
-  .button--tertiary:active {
-    background-color: var(--dsa-wc-button-tertiary-on-base-active-color);
-    color: var(--dsa-wc-button-tertiary-on-base-active-font-color);
-  }
-  .button--navigation {
-    padding: 0;
-  }
-  .button--navigation {
-    background-color: var(--dsa-wc-button-navigation-on-base-color);
-    border-color: transparent;
-    color: var(--dsa-wc-button-navigation-on-base-font-color);
-  }
-  .button--navigation:hover {
-    background-color: var(--dsa-wc-button-navigation-on-base-hover-color);
-    border-color: transparent;
-    color: var(--dsa-wc-button-navigation-on-base-hover-font-color);
-  }
-  .button--navigation:active {
-    background-color: var(--dsa-wc-button-navigation-on-base-active-color);
-    border-color: transparent;
-    color: var(--dsa-wc-button-navigation-on-base-active-font-color);
-  }
-
-  .icon-button {
-    flex: 0 0 auto;
-    display: flex;
-    align-items: center;
-    border: none;
-    border-radius: var(--dsa-wc-icon-button-border-radius);
-    font-size: inherit;
-    padding: var(
-      --dsa-wc-internal-icon-button-padding,
-      var(--dsa-wc-icon-button-padding)
-    );
-    cursor: pointer;
-    transition: var(--dsa-wc-transition-x-fast) color;
-    -webkit-appearance: none;
-  }
-  .icon-button:focus {
-    outline: none;
-  }
-  .icon-button:focus-visible {
-    outline: var(--dsa-wc-focus-ring);
-    outline-offset: var(--dsa-wc-focus-ring-offset);
-    border-radius: var(--dsa-wc-focus-ring-radius);
-  }
-
-  .icon-button--primary {
-    background-color: var(--dsa-wc-button-primary-on-base-color);
-    border-color: var(--dsa-wc-button-primary-on-base-color);
-    color: var(--dsa-wc-button-primary-on-base-font-color);
-  }
-  .icon-button--primary:hover:not(.icon-button--disabled) {
-    background-color: var(--dsa-wc-button-primary-on-base-hover-color);
-    border-color: var(--dsa-wc-button-primary-on-base-hover-color);
-    color: var(--dsa-wc-button-primary-on-base-hover-font-color);
-  }
-  .icon-button--primary:active:not(.icon-button--disabled) {
-    background-color: var(--dsa-wc-button-primary-on-base-active-color);
-    border-color: var(--dsa-wc-button-primary-on-base-active-color);
-    color: var(--dsa-wc-button-primary-on-base-active-font-color);
-  }
-
-  #expand-button {
-    font: var(--dsa-wc-button-font);
-    height: var(--dsa-wc-form-input-height);
-    line-height: calc(
-      var(--dsa-wc-form-input-height) - var(--dsa-wc-button-border-width) * 2
-    );
-    padding: var(
-      --dsa-wc-internal-icon-button-padding,
-      var(--dsa-wc-icon-button-padding)
-    );
-  }
-  #expand-button dsa-icon {
-    width: 20px;
-    height: 20px;
-    pointer-events: none;
-  }
-  .expand-button__label {
-    display: none;
-  }
-
-  #submit-button dsa-icon {
-    width: 20px;
-    height: 20px;
-    pointer-events: none;
-  }
-
-  #cancel-button {
-    font: var(--dsa-wc-button-font-small);
-    height: var(--dsa-wc-form-input-height-small);
-    line-height: calc(
-      var(--dsa-wc-form-input-height-small) - var(--dsa-wc-button-border-width) *
-        2
-    );
-    border-radius: var(--dsa-wc-button-border-radius);
-    margin-inline-start: var(--dsa-spacing-8);
-  }
-
-  @media screen and (min-width: 720px) {
-    :host {
-      gap: var(--dsa-spacing-16);
-    }
-
-    .mobile {
-      display: none;
-    }
-    .desktop {
-      display: block;
-    }
-
-    .input__control {
-      font: var(--dsa-wc-header-search-input-font);
-      height: 40px;
-    }
-
-    #expand-button {
-      padding: unset;
-    }
-    #expand-button dsa-icon {
-      width: 1em;
-      height: 1em;
-      margin-inline-end: var(--dsa-wc-button-icon-spacing);
-    }
-    .expand-button__label {
-      display: unset;
-    }
-
-    #submit-button dsa-icon {
-      width: 24px;
-      height: 24px;
-    }
-
-    #cancel-button {
-      font: var(--dsa-wc-button-font);
-      height: var(--dsa-wc-form-input-height);
-      line-height: calc(
-        var(--dsa-wc-form-input-height) - var(--dsa-wc-button-border-width) * 2
-      );
-      border-radius: var(--dsa-wc-button-border-radius);
-      margin-inline-start: 0;
-    }
-  }
-`;
-
-export {
-  header_search_styles_default
-};

package/dist/chunks/chunk.ESYJVRG3.js

@@ -1,129 +0,0 @@
-// src/components/input-phone/input-phone.utils.ts
-import { html } from "lit";
-var frenchNumberPrefix = [
-  "+33",
-  "+262",
-  "+508",
-  "+590",
-  "+594",
-  "+596",
-  "+681",
-  "+687",
-  "+689"
-];
-var phonePrefixOptions = [
-  { value: "+33", label: "fr_FR" },
-  { value: "+590", label: "fr_GP" },
-  { value: "+594", label: "fr_GF" },
-  { value: "+596", label: "fr_MQ" },
-  { value: "+687", label: "fr_NC" },
-  { value: "+689", label: "fr_PF" },
-  { value: "+508", label: "fr_PM" },
-  { value: "+262", label: "fr_RE" },
-  { value: "+681", label: "fr_WF" }
-];
-var frenchFlagSelect = html`<svg
-  slot="prefix"
-  xmlns="http://www.w3.org/2000/svg"
-  width="28"
-  height="20"
-  fill="none"
-  aria-hidden="true"
->
-  <rect
-    width="27.5"
-    height="19.5"
-    x=".25"
-    y=".25"
-    fill="#fff"
-    stroke="#F5F5F5"
-    stroke-width=".5"
-    rx="1.75"
-  />
-  <mask
-    id="mask0_16382_21057"
-    width="28"
-    height="20"
-    x="0"
-    y="0"
-    maskUnits="userSpaceOnUse"
-    style="mask-type:luminance"
-  >
-    <rect
-      width="27.5"
-      height="19.5"
-      x=".25"
-      y=".25"
-      fill="#fff"
-      stroke="#fff"
-      stroke-width=".5"
-      rx="1.75"
-    />
-  </mask>
-  <g mask="url(#mask0_16382_21057)">
-    <path fill="#F44653" d="M18.666 0h9.333v20h-9.333z" />
-    <path
-      fill="#1035BB"
-      fill-rule="evenodd"
-      d="M0 20h9.333V0H0v20Z"
-      clip-rule="evenodd"
-    />
-  </g>
-</svg>`;
-var frenchFlagOption = (id) => html`<svg
-  slot="prefix"
-  xmlns="http://www.w3.org/2000/svg"
-  width="14"
-  height="15"
-  fill="none"
-  aria-hidden="true"
->
-  <g clip-path=${`url(#clip${id})`}>
-    <rect
-      width="13.5"
-      height="13.5"
-      x=".25"
-      y=".75"
-      fill="#fff"
-      stroke="#F5F5F5"
-      stroke-width=".5"
-      rx="1.75"
-    />
-    <mask
-      id=${`mask${id}`}
-      width="14"
-      height="15"
-      x="0"
-      y="0"
-      maskUnits="userSpaceOnUse"
-      style="mask-type:luminance"
-    >
-      <rect
-        width="13.5"
-        height="13.5"
-        x=".25"
-        y=".75"
-        fill="#fff"
-        stroke="#fff"
-        stroke-width=".5"
-        rx="1.75"
-      />
-    </mask>
-    <g mask=${`url(#mask${id})`}>
-      <path fill="#F44653" d="M9.334.5h4.667v14H9.334z" />
-      <path
-        fill="#1035BB"
-        fill-rule="evenodd"
-        d="M0 14.5h4.667V.5H0v14Z"
-        clip-rule="evenodd"
-      />
-    </g>
-  </g>
-</svg>`;
-
-export {
-  frenchNumberPrefix,
-  phonePrefixOptions,
-  frenchFlagSelect,
-  frenchFlagOption
-};