@ds-autonomie/web-components 1.0.1

package/CHANGELOG.md

@@ -0,0 +1,318 @@
+# @ds-autonomie/web-components
+
+## 1.0.1
+
+### Patch Changes
+
+- 7195834: Publication sur le registre NPM
+  Mise en place de la license MIT
+- Updated dependencies [7195834]
+  - @ds-autonomie/assets@1.0.1
+
+## 1.0.0
+
+### Major Changes
+
+- e3d7ec0: cnsa-theme from @cnsa-fr/design-assets are no longer bundled with the package.
+
+  You will need to import the css manually from `@cnsa-fr/design-assets/css/cnsa-ds.css`. Please refer to the documentation.
+
+- 155beec: Renommage des fichiers CSS de theme avec `dsa`
+- c0ee06c: `events`,`components`: renommer le prefix cnsa en dsa
+- 155beec: Changement de l'espace nom des packages pour `@ds-autonomie/`.
+- c0ee06c: `tokens`: renonmage des token interne de cnsa-ds a dsa-wc
+- e3d7ec0: Suppression des dependances non essentiel shoelace
+- 155beec: Le package `@ds-autonomie/design-system` est renommée en `@ds-autonomie/web-components`
+- 154acea: Les icônes se trouvent maintenant dans le package `@cnsa-fr/design-assets`
+
+### Patch Changes
+
+- 3b9e00d: `input`, `input-mask`, `input-phone`, `textarea`, `radio-group`, `checkbox-group`: uniformisation des styles du label, help-text et error-text
+- 443e37e: `breadcrumb`,`breadcrumb-item`: documentation technique
+- 55c01ef: `radio-button`: documentation technique
+- 4fdc3f6: `alert`: documentation technique
+- 3233495: `select`: documentation
+- 764afd7: `dialog`: documentation technique
+- 38830b4: `card`: documentation technique
+- 6fa6c66: `checkbox-button`: documentation
+- f14442d: `drawer`: documentation technique
+- 9c00faa: `accordion`: documentation technique
+- 119eda3: `ts-doc`: mise a jour des liens de documentation zeroheights
+- 7854af4: `radio`,`radio-group`: documentation technique
+- 1fe78af: `button`: ajustement des tokens des fonts
+- fc981a6: `tag`: documentation technique
+- 19bca5f: `tooltip`: documentation technique
+- 3f0d262: suppression de la doc shoelace du repo
+- 05c9b65: `checkbox-group`: documentation
+- 035b35f: Application de la police de caractère sur les label des formcontrols
+- 62805ab: `option`: documentation
+- 184eeb9: `input-phone`: documentation
+- 80fd445: `checkbox`: documentation
+- Updated dependencies [155beec]
+- Updated dependencies [c0ee06c]
+- Updated dependencies [155beec]
+- Updated dependencies [c0ee06c]
+- Updated dependencies [154acea]
+- Updated dependencies [155beec]
+  - @ds-autonomie/assets@1.0.0
+
+## 0.10.0
+
+### Minor Changes
+
+- 96ec7fc: Ajout d'une class `no-animations` pour désactiver les animations
+- 6289fbb: `radio-button`,`radio-group`: implémentation technique du statut selectionné et readonly
+- 97a3530: `.cnsa-link`: stylisation des liens et ajout du visited
+
+### Patch Changes
+
+- e93393a: `input-mask`: documentation
+- b28d602: `dialog`,`drawer`: ajustement de l'opacité de l'overlay
+- 8773d28: `select` : correction des options du multiselect qui ne revenait pas a la ligne
+- 8973f9a: `dropdown`: documentation technique
+- e5b4937: `checkbox-button`: renommer `locked` en `readonly`
+- c7be223: Les traductions françaises sont maintenant enregistrées automatiquement
+- 0c1c5db: `button`: documentation
+- 658b545: les astériques sont maintenant des éléments réels
+- 396d3a2: mise à jour des dépendances
+- 05e4054: `textarea`: documentation
+- 1bb785d: `card`: alt de l'image controllable dans storybook
+- Updated dependencies [e5b4937]
+- Updated dependencies [97a3530]
+- Updated dependencies [396d3a2]
+  - @cnsa-fr/design-assets@0.10.0
+
+## 0.9.0
+
+### Minor Changes
+
+- 7768fa9: `badge`: implémentation graphique
+- d2aca6d: `breadcrumb-item`: mise a jour du style des breadcrumb-items
+- 05ea512: `checkbox-group` mise à disposition du composant
+- 40436c2: `input`: mise à jour de storybook
+- 44baebf: `input-mask`: fix de l'affichage en mode readonly
+- 52aa8f2: `checkbox-button` mise à disposition du composant
+- 2536887: `avatar`,`avatar-group`: mise à disposition des composants
+- 4ad959a: `spinner`: implémentation graphique
+- 3bbdb86: `button-group`: le composant est maintenant privé et interne
+  `radio-group`: affichage correct et wrapper avec des `radio-button`
+- d2aca6d: `cnsa-link`: ajout d'une classe de stylisation de liens
+
+### Patch Changes
+
+- 9cee2f0: `dialog`, `drawer`: mise à jour de la documentation pour ajouter un button trigger
+- 6c8d308: feat: adjust placeholder color
+- 7b47e83: `input`: la largeur intrinsèque du composant est respecté dans un flex conteneur
+- 124d5b6: `breadcrumb`,`breadcrumb-item`: mise en conformité d'accessibilité
+- 1262fe0: `checkbox-group`,`input`,`select`,`radio-group`,`textarea`,`input-mask`,`input-phone`: ajout d'exemple d'usage avec infobulle sur storybook
+- ebb7eb5: `menu-item`: mise en place du focus
+- 6c2f8fe: `input`: focus visible sur les boutons d'actions
+- 0c8b809: `focus`: correction d'implémentation d'a11y et de style
+- 72339be: `radio-group` deselectionnable avec le clavier
+- fd3b313: `radio-button`: réparation du bouton non selectionnable sur firefox et edge
+- e9aad8f: `tag` contour sur la croix de suppression
+- Updated dependencies [6c8d308]
+- Updated dependencies [52aa8f2]
+  - @cnsa-fr/design-assets@0.9.0
+
+## 0.8.1
+
+### Patch Changes
+
+- 8c67e4c: `select`: ajout de la propriété "no-sync-width" permettant a la popup de ne pas se synchroniser avec la taille de son ancre ; la propriété "placement" accepte maintenant les variantes "-start" et "-end" pour top et bottom
+- 8c67e4c: `input-mask`: le charactère '\_' peut être utilisé pour définir le mask dans le placeholder
+- 8c67e4c: `input-phone`: implémentation du composant (BETA)
+- 8c67e4c: `select`: ajustement de la marge du prefix-icon et ajout de la propriété boolean 'display-value' qui affiche la valeur et non son label
+- 8c67e4c: `input-mask`: mise en conformité d'accessibilité
+  - @cnsa-fr/design-assets@0.8.1
+
+## 0.8.0
+
+### Minor Changes
+
+- 6d778e5: `input`: mise en conformité d'accessibilité
+- 6b403eb: `button`: mise en conformité d'accessibilité
+- 6789b7f: `storybook`: reconfiguration des attributs
+- d4afe25: `tag`: mise en conformité d'accessibilité
+- 59508af: `input`, `input-mask` passe graphique lorsque le champ est autocomplete
+- 25581e4: `alert`: mise en conformité d'accessibilité
+- 8dbc2bc: `textarea`: mise en conformité d'accessibilité
+- d4afe25: `checkbox`: mise en conformité d'accessibilité
+- 6789b7f: `dialog`, `drawer`: mise en conformité d'accessibilité
+- 0b33cdd: `radio-group`: mise en conformité d'accessibilité
+- 6ce8257: `card`: mise en conformité d'accessibilité
+- 34f860d: `input-mask`: mise en conformité d'accessibilité
+- 6789b7f: `icon`,`icon-button`: mise en conformité d'accessibilité
+- d4afe25: `divider`: mise en conformité d'accessibilité
+
+### Patch Changes
+
+- 949e96b: `icon`: mise à jour de la documentation pour expliciter l'usage des Material Icons et non pas les Material Symbols
+- Updated dependencies [59508af]
+  - @cnsa-fr/design-assets@0.8.0
+
+## 0.7.0
+
+### Minor Changes
+
+- e4e4c3e: `input-mask`: mise à jour de la configuration NIR
+- 732d2b7: `accordion`: implementation graphique
+- a7492e3: `progress-ring`: implémentation graphique et la taille "large" à été enlevé
+- e4e4c3e: `input`, `input-mask`: Les champs ont une 'width' de 100%
+- e4e4c3e: `input`,`input-mask`,`textarea`,`select`: l'utilisation des composants sans label est possible si la propriété title est définie
+- f4aa934: `drawer`: implementation graphique
+- 6ecbc89: `dialog`: mise a jour de la doc pour inclure le header-actions slot
+- 25d9d2d: `progess-bar`: implémentation graphique du composant
+
+### Patch Changes
+
+- @cnsa-fr/design-assets@0.7.0
+
+## 0.6.0
+
+### Minor Changes
+
+- 15205fa: `input`: mise a jour des tokens du composant. La propriété `filled` à été remplacé par la propriété `variant`.
+- 5d3e5e1: `breadcrumb et breadcrumb-item`: implementation graphique
+- 719b352: `tooltip`: mise à disposition du composant
+- 81dec43: `tag`: stylisation du composant
+- 962b7c4: `tree`, `tree-item`: refonte graphique
+  `tokens`: mise à jour pour le composant `tree` et `tree-item`
+- 56313e1: `skeleton`: mise a disposition du composant
+- c35ccab: `dropdown`: implémentation graphique
+- dd1f6c1: `input-mask`: impleméntation du composant
+- 81dec43: `select`: stylisation des tags dans le cas du multiselect
+  `tokens`: mise à jour du rouge, ajout des variables pour le tag du multiselect
+- 0b3a807: `tokens`: ajout d'une version minifié, ajout des tokens pour les composants `radio-group`, `radio-button`, `checkbox` et `radio`.
+  `button-group`: documentation storybook
+  `radio-group`: stylisation pour le `button-group` et ajout de la propriété `deselectable`
+  `radio-button`: mise à disposition du composant
+  `theme`: mise à jour des références
+- d35bcca: `alert`: implémentation du composant
+
+### Patch Changes
+
+- Updated dependencies [81dec43]
+- Updated dependencies [962b7c4]
+- Updated dependencies [81dec43]
+- Updated dependencies [0b3a807]
+  - @cnsa-fr/design-assets@0.6.0
+
+## 0.5.0
+
+### Minor Changes
+
+- 1bc3440: `menu`, `menu-item` et `menu-label`: implementation graphique
+- 01f107d: `accordion`: revue fonctionelle du composant accordion précédement appellé `details`
+- 808ef68: `badge`: revue fonctionnelle et mise à jour des stories.
+- b60c1c9: `drawer`: revue fonctionelle du composant
+- 0c2c865: `progress-ring`: revue fonctionelle du composant
+- 07c601a: `dropdown`: revue fonctionelle du composant
+- 702608d: `select`: implémentation graphique
+- b24b0f1: `icon-button`: revue graphique du composant
+- 0eb6c14: `textarea`: revue graphique du composant
+- ce71aed: `transverse`, les events sont maintenant préfixé par `cnsa-`
+- 9ddbebe: `option`: implémentation graphique
+- 4a5a31b: `error-text` : ajout du composant error-text et ajustement des apis des composants `input`, `textarea`, `select` , `checkbox` ,`radio`, `radio-group` et `option` pour afficher l'états erreur
+- a02977e: `<radio-group>`, renommage de la prop `part` pour l'input pour qu'il diffère de celui du label
+- e515d20: `<divider>`, revue fonctionnelle et mise à jour des stories.
+  `<breadcrumb-item>`, bugfix de la story
+
+### Patch Changes
+
+- fc5466d: `tooltip`, `menu-item`: bugfix sur le contenu d'une tooltip qui ne revenais pas a la ligne, bugfix du contenu d'un menu-item qui ne prennais pas toute la place
+- Updated dependencies [df04031]
+- Updated dependencies [304ab43]
+- Updated dependencies [96240bb]
+- Updated dependencies [0193bf3]
+  - @cnsa-fr/design-assets@0.5.0
+
+## 0.4.0
+
+### Minor Changes
+
+- 29c3ca7: tree and tree item api
+- bcf673b: select component api
+- 155610f: icon button api
+- 292708d: breadcrumb and breadcrumb-item api refactoring
+- 6f43501: Option functional dev + Icons stories update
+- 8fb9445: button api
+- c084713: textarea api
+- 8ebeaf2: tag api refactoring
+- 2e767c8: menu , menu-item and menu-label api
+
+## 0.3.0
+
+### Minor Changes
+
+- 05b67c5: checkbox component styling
+- eb27abc: card component styling
+- 01c76c6: dialog styling
+- 6394097: tab, tab-group, tab-panel: rework api and stylisation
+- d284d3c: Styled radio and radio-group
+
+### Patch Changes
+
+- Updated dependencies [6394097]
+  - @cnsa-fr/design-assets@0.3.0
+
+## 0.2.4
+
+### Patch Changes
+
+- 3e2d8ad: publish design-assets
+- Updated dependencies [3e2d8ad]
+  - @cnsa-fr/design-assets@0.2.2
+
+## 0.2.3
+
+### Patch Changes
+
+- 2605612: set registry to github packages
+
+## 0.2.2
+
+### Patch Changes
+
+- b624b86: remove unused prepublish lifecycle script
+
+## 0.2.1
+
+### Patch Changes
+
+- Updated dependencies [cde3a4f]
+  - @cnsa-fr/design-assets@0.2.1
+
+## 0.2.0
+
+### Minor Changes
+
+- aeb1cdc: use Shoelace as a package instead of the original dependency
+- 769eef0: add storybook and move stories to the design-system package
+- aeb1cdc: configure eslint and tsconfig and remove react
+- 1d49e5b: styled the input component, added input stories to storybook, update cnsa design tokens
+- a3d0f18: update design tokens from figma
+- 273d322: change the default icons library to Material Design icons
+- 8a0ed52: Update readme to include font setup
+- aeb1cdc: minimize exported shoelace components
+
+### Patch Changes
+
+- 65a8c35: add getting started for developers in Storybook introduction page
+- 69cc4c0: refactor dependencies and format codebase
+- Updated dependencies [1d49e5b]
+- Updated dependencies [a3d0f18]
+  - @cnsa-fr/design-assets@0.2.0
+
+## 0.1.0
+
+### Minor Changes
+
+- bec2dbf: Replace Bootstrap icons with Material Symbols (outlined + filled)
+- 2e51636: Proxy first set of components in storybook
+- 4ace016: Enable autocompletion for major IDEs like WebStorm or VSCode
+
+### Patch Changes
+
+- e2aa111: Add type barrels for conveniance
+- 611a65c: chore: document setup and provide an angular example

package/LICENSE

@@ -0,0 +1,8 @@
+Copyright (c) 2023 Caisse nationale de solidarité pour l'autonomie
+Copyright (c) 2020 A Beautiful Site, LLC
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/README.md

@@ -0,0 +1,3 @@
+# Design System de l'Autonomie - Web Components
+
+The documentation can be found [here](https://dsa.service-public-autonomie.fr).

package/dist/chunks/chunk.23TOS4ZE.js

@@ -0,0 +1,29 @@
+import {
+  requestInclude
+} from "./chunk.XNEONNEJ.js";
+
+// src/components/icon/request.ts
+var iconFiles = /* @__PURE__ */ new Map();
+async function requestIcon(url) {
+  if (iconFiles.has(url)) {
+    return iconFiles.get(url);
+  }
+  const fileData = await requestInclude(url);
+  const iconFileData = {
+    ok: fileData.ok,
+    status: fileData.status,
+    svg: null
+  };
+  if (fileData.ok) {
+    const div = document.createElement("div");
+    div.innerHTML = fileData.html;
+    const svg = div.firstElementChild;
+    iconFileData.svg = (svg == null ? void 0 : svg.tagName.toLowerCase()) === "svg" ? svg.outerHTML : "";
+  }
+  iconFiles.set(url, iconFileData);
+  return iconFileData;
+}
+
+export {
+  requestIcon
+};

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

@@ -0,0 +1,63 @@
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk.6M63UXML.js";
+
+// src/internal/animate.ts
+function hasNoAnimations() {
+  return !!document.querySelector(".no-animations");
+}
+function animateTo(el, keyframes, options) {
+  return new Promise((resolve) => {
+    if ((options == null ? void 0 : options.duration) === Infinity) {
+      throw new Error("Promise-based animations must be finite.");
+    }
+    const animation = el.animate(keyframes, __spreadProps(__spreadValues({}, options), {
+      duration: prefersReducedMotion() || hasNoAnimations() ? 0 : options.duration
+    }));
+    animation.addEventListener("cancel", resolve, { once: true });
+    animation.addEventListener("finish", resolve, { once: true });
+  });
+}
+function parseDuration(delay) {
+  delay = delay.toString().toLowerCase();
+  if (delay.indexOf("ms") > -1) {
+    return parseFloat(delay);
+  }
+  if (delay.indexOf("s") > -1) {
+    return parseFloat(delay) * 1e3;
+  }
+  return parseFloat(delay);
+}
+function prefersReducedMotion() {
+  const query = window.matchMedia("(prefers-reduced-motion: reduce)");
+  return query.matches;
+}
+function stopAnimations(el) {
+  return Promise.all(
+    el.getAnimations().map((animation) => {
+      return new Promise((resolve) => {
+        const handleAnimationEvent = requestAnimationFrame(resolve);
+        animation.addEventListener("cancel", () => handleAnimationEvent, {
+          once: true
+        });
+        animation.addEventListener("finish", () => handleAnimationEvent, {
+          once: true
+        });
+        animation.cancel();
+      });
+    })
+  );
+}
+function shimKeyframesHeightAuto(keyframes, calculatedHeight) {
+  return keyframes.map((keyframe) => __spreadProps(__spreadValues({}, keyframe), {
+    height: keyframe.height === "auto" ? `${calculatedHeight}px` : keyframe.height
+  }));
+}
+
+export {
+  animateTo,
+  parseDuration,
+  stopAnimations,
+  shimKeyframesHeightAuto
+};

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

@@ -0,0 +1,76 @@
+import {
+  LocalizeController
+} from "./chunk.5XL2LZLC.js";
+import {
+  ShoelaceElement
+} from "./chunk.YCXTCVAZ.js";
+import {
+  __decorateClass
+} from "./chunk.6M63UXML.js";
+
+// src/components/format-number/format-number.ts
+import { customElement, property } from "lit/decorators.js";
+var DSAFormatNumber = class extends ShoelaceElement {
+  constructor() {
+    super(...arguments);
+    this.localize = new LocalizeController(this);
+    this.value = 0;
+    this.type = "decimal";
+    this.noGrouping = false;
+    this.currency = "USD";
+    this.currencyDisplay = "symbol";
+  }
+  render() {
+    if (isNaN(this.value)) {
+      return "";
+    }
+    return this.localize.number(this.value, {
+      style: this.type,
+      currency: this.currency,
+      currencyDisplay: this.currencyDisplay,
+      useGrouping: !this.noGrouping,
+      minimumIntegerDigits: this.minimumIntegerDigits,
+      minimumFractionDigits: this.minimumFractionDigits,
+      maximumFractionDigits: this.maximumFractionDigits,
+      minimumSignificantDigits: this.minimumSignificantDigits,
+      maximumSignificantDigits: this.maximumSignificantDigits
+    });
+  }
+};
+__decorateClass([
+  property({ type: Number })
+], DSAFormatNumber.prototype, "value", 2);
+__decorateClass([
+  property()
+], DSAFormatNumber.prototype, "type", 2);
+__decorateClass([
+  property({ attribute: "no-grouping", type: Boolean })
+], DSAFormatNumber.prototype, "noGrouping", 2);
+__decorateClass([
+  property()
+], DSAFormatNumber.prototype, "currency", 2);
+__decorateClass([
+  property({ attribute: "currency-display" })
+], DSAFormatNumber.prototype, "currencyDisplay", 2);
+__decorateClass([
+  property({ attribute: "minimum-integer-digits", type: Number })
+], DSAFormatNumber.prototype, "minimumIntegerDigits", 2);
+__decorateClass([
+  property({ attribute: "minimum-fraction-digits", type: Number })
+], DSAFormatNumber.prototype, "minimumFractionDigits", 2);
+__decorateClass([
+  property({ attribute: "maximum-fraction-digits", type: Number })
+], DSAFormatNumber.prototype, "maximumFractionDigits", 2);
+__decorateClass([
+  property({ attribute: "minimum-significant-digits", type: Number })
+], DSAFormatNumber.prototype, "minimumSignificantDigits", 2);
+__decorateClass([
+  property({ attribute: "maximum-significant-digits", type: Number })
+], DSAFormatNumber.prototype, "maximumSignificantDigits", 2);
+DSAFormatNumber = __decorateClass([
+  customElement("dsa-format-number")
+], DSAFormatNumber);
+
+export {
+  DSAFormatNumber
+};

package/dist/chunks/chunk.3BL7JA77.js

@@ -0,0 +1,59 @@
+import {
+  badge_styles_default
+} from "./chunk.ZVGZDTBF.js";
+import {
+  ShoelaceElement
+} from "./chunk.YCXTCVAZ.js";
+import {
+  __decorateClass
+} from "./chunk.6M63UXML.js";
+
+// src/components/badge/badge.ts
+import { html } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { classMap } from "lit/directives/class-map.js";
+var DSABadge = class extends ShoelaceElement {
+  constructor() {
+    super(...arguments);
+    this.variant = "primary";
+    this.dot = false;
+    this.pulse = false;
+  }
+  render() {
+    return html`
+      <div
+        part="base"
+        class=${classMap({
+      badge: true,
+      "badge--primary": this.variant === "primary",
+      "badge--success": this.variant === "success",
+      "badge--neutral": this.variant === "neutral",
+      "badge--warning": this.variant === "warning",
+      "badge--danger": this.variant === "danger",
+      "badge--dot": this.dot,
+      "badge--pulse": this.pulse
+    })}
+        role="status"
+      >
+        <slot class="${classMap({ "badge__slot-dot": this.dot })}"></slot>
+      </div>
+    `;
+  }
+};
+DSABadge.styles = badge_styles_default;
+__decorateClass([
+  property({ reflect: true })
+], DSABadge.prototype, "variant", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], DSABadge.prototype, "dot", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], DSABadge.prototype, "pulse", 2);
+DSABadge = __decorateClass([
+  customElement("dsa-badge")
+], DSABadge);
+
+export {
+  DSABadge
+};