@ds-autonomie/web-components 1.0.1 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (164) hide show
  1. package/CHANGELOG.md +49 -0
  2. package/dist/chunks/{chunk.HH63FIEF.js → chunk.2DGAEK66.js} +12 -3
  3. package/dist/chunks/{chunk.O73OYTYJ.js → chunk.2HV2U4RQ.js} +2 -4
  4. package/dist/chunks/{chunk.EHVJT7BH.js → chunk.2R6P5TGQ.js} +1 -1
  5. package/dist/chunks/chunk.2WSMYCPC.js +24 -0
  6. package/dist/chunks/{chunk.LT7JMZ3T.js → chunk.3HI3T5R2.js} +2 -2
  7. package/dist/chunks/chunk.3I2KXA35.js +126 -0
  8. package/dist/chunks/{chunk.7NWAYDYI.js → chunk.4DWONP4W.js} +3 -3
  9. package/dist/chunks/{chunk.BLPP3Q5H.js → chunk.5324JGM4.js} +11 -4
  10. package/dist/chunks/{chunk.BEB47LM2.js → chunk.5BTJP6HC.js} +2 -2
  11. package/dist/chunks/{chunk.D7CATJYB.js → chunk.6IH66JBY.js} +1 -1
  12. package/dist/chunks/chunk.7HGZSZJK.js +409 -0
  13. package/dist/chunks/{chunk.QKNNLZ2M.js → chunk.AFAQWHMU.js} +3 -3
  14. package/dist/chunks/{chunk.ODSCDJDO.js → chunk.ARVWTY56.js} +5 -4
  15. package/dist/chunks/{chunk.KOH5V4C6.js → chunk.B4O7IAPL.js} +21 -17
  16. package/dist/chunks/chunk.CCTWXABH.js +13 -0
  17. package/dist/chunks/chunk.CMJ2SRTL.js +26 -0
  18. package/dist/chunks/{chunk.DURVPB6M.js → chunk.D6DEGG4H.js} +25 -6
  19. package/dist/chunks/{chunk.UV53JTE3.js → chunk.DOMRNQHQ.js} +1 -1
  20. package/dist/chunks/{chunk.NDEZEB3Z.js → chunk.EDRQ2QWB.js} +10 -5
  21. package/dist/chunks/{chunk.XSCX6TC5.js → chunk.EXIGM5NV.js} +4 -1
  22. package/dist/chunks/{chunk.4A3WMGMZ.js → chunk.FHDPJN6L.js} +1 -1
  23. package/dist/chunks/{chunk.YS7MY5CH.js → chunk.FHGXKQDW.js} +18 -24
  24. package/dist/chunks/{chunk.KDAK2GXX.js → chunk.FKIKQX6B.js} +1 -1
  25. package/dist/chunks/{chunk.ABGBXXKA.js → chunk.FTWZNCEH.js} +1 -1
  26. package/dist/chunks/{chunk.6FAUBLR3.js → chunk.G3ESG6Q5.js} +1 -1
  27. package/dist/chunks/{chunk.WHK7EFIM.js → chunk.GP5Z27QB.js} +7 -4
  28. package/dist/chunks/{chunk.2HUORR44.js → chunk.GRV3MK3D.js} +1 -1
  29. package/dist/chunks/{chunk.JETXIC4F.js → chunk.HPK6C7NJ.js} +1 -1
  30. package/dist/chunks/{chunk.UZLQVFDR.js → chunk.IJL7YMFL.js} +2 -2
  31. package/dist/chunks/{chunk.GYTA2LJC.js → chunk.J6XP4AFN.js} +1 -1
  32. package/dist/chunks/{chunk.PWWER3ZK.js → chunk.JJ3GF7YP.js} +48 -24
  33. package/dist/chunks/{chunk.OVK7QCA7.js → chunk.JLMY5OVR.js} +13 -9
  34. package/dist/chunks/{chunk.N6VVY6XD.js → chunk.K6YLMID4.js} +6 -3
  35. package/dist/chunks/{chunk.5XUV3SRW.js → chunk.KOZIER6A.js} +11 -6
  36. package/dist/chunks/{chunk.A2PAK6VF.js → chunk.LUHEO6AS.js} +2 -2
  37. package/dist/chunks/{chunk.7ZCCXTFG.js → chunk.MDFIMRCC.js} +2 -2
  38. package/dist/chunks/{chunk.WNHQYL5W.js → chunk.MTZZV3NB.js} +4 -20
  39. package/dist/chunks/{chunk.5XL2LZLC.js → chunk.NBPVVWJU.js} +14 -0
  40. package/dist/chunks/{chunk.HC5BO5YV.js → chunk.NHYFVEGM.js} +5 -16
  41. package/dist/chunks/{chunk.MOWTZFON.js → chunk.NKVYNBAI.js} +1 -1
  42. package/dist/chunks/{chunk.IRQOFNJE.js → chunk.NQU3YD5L.js} +8 -3
  43. package/dist/chunks/{chunk.WIEJJS3W.js → chunk.OGQBKAFT.js} +1 -1
  44. package/dist/chunks/{chunk.WSVP75MH.js → chunk.ORSUTGLR.js} +1 -1
  45. package/dist/chunks/chunk.OXSDZ5LQ.js +865 -0
  46. package/dist/chunks/{chunk.MY434P47.js → chunk.P2AJBSND.js} +2 -2
  47. package/dist/chunks/chunk.QSNJ4FV6.js +54 -0
  48. package/dist/chunks/{chunk.4XT2OJD2.js → chunk.RDVFMQLV.js} +8 -4
  49. package/dist/chunks/{chunk.INCGVIAQ.js → chunk.TINRLVWL.js} +1 -1
  50. package/dist/chunks/{chunk.5LT3B7MI.js → chunk.UQYPPFBJ.js} +1 -1
  51. package/dist/chunks/{chunk.42W4S2HN.js → chunk.VM355VAS.js} +1 -1
  52. package/dist/chunks/{chunk.G7AELPSO.js → chunk.VRU3XH45.js} +4 -4
  53. package/dist/chunks/{chunk.UA32LJYW.js → chunk.WG5VRMQG.js} +2 -2
  54. package/dist/chunks/{chunk.AR5HJD7F.js → chunk.X6RQ2SQC.js} +1 -1
  55. package/dist/chunks/{chunk.HLYGKGDG.js → chunk.XJPCULMC.js} +8 -5
  56. package/dist/chunks/chunk.YRBTSDUN.js +134 -0
  57. package/dist/chunks/chunk.ZQJVCRB2.js +10 -0
  58. package/dist/chunks/{chunk.RIJQGADY.js → chunk.ZW4JE66G.js} +11 -4
  59. package/dist/chunks/{chunk.K6WCEYZI.js → chunk.ZXVIEHXI.js} +1 -1
  60. package/dist/components/accordion/accordion.js +7 -7
  61. package/dist/components/alert/alert.js +9 -8
  62. package/dist/components/animation/animation.js +2 -2
  63. package/dist/components/avatar/avatar.d.ts +1 -1
  64. package/dist/components/avatar/avatar.js +7 -6
  65. package/dist/components/avatar-group/avatar-group.d.ts +1 -1
  66. package/dist/components/badge/badge.d.ts +1 -1
  67. package/dist/components/breadcrumb/breadcrumb.js +7 -7
  68. package/dist/components/breadcrumb-item/breadcrumb-item.js +2 -2
  69. package/dist/components/button/button.js +9 -8
  70. package/dist/components/checkbox/checkbox.js +8 -7
  71. package/dist/components/checkbox-button/checkbox-button.js +6 -6
  72. package/dist/components/checkbox-group/checkbox-group.d.ts +1 -0
  73. package/dist/components/checkbox-group/checkbox-group.js +3 -3
  74. package/dist/components/combobox/combobox.d.ts +175 -0
  75. package/dist/components/combobox/combobox.js +37 -0
  76. package/dist/components/combobox/combobox.styles.d.ts +2 -0
  77. package/dist/components/combobox/combobox.styles.js +9 -0
  78. package/dist/components/dialog/dialog.js +9 -8
  79. package/dist/components/divider/divider.d.ts +1 -1
  80. package/dist/components/drawer/drawer.js +10 -9
  81. package/dist/components/dropdown/dropdown.js +3 -3
  82. package/dist/components/format-bytes/format-bytes.js +2 -2
  83. package/dist/components/format-date/format-date.js +2 -2
  84. package/dist/components/format-number/format-number.js +2 -2
  85. package/dist/components/icon/icon.js +5 -5
  86. package/dist/components/icon-button/icon-button.d.ts +1 -1
  87. package/dist/components/icon-button/icon-button.js +7 -6
  88. package/dist/components/include/include.js +2 -2
  89. package/dist/components/input/input.d.ts +1 -1
  90. package/dist/components/input/input.js +10 -9
  91. package/dist/components/input/input.styles.js +1 -1
  92. package/dist/components/input-mask/input-mask.d.ts +1 -0
  93. package/dist/components/input-mask/input-mask.js +6 -5
  94. package/dist/components/input-mask/input-mask.styles.js +1 -1
  95. package/dist/components/input-phone/input-phone.d.ts +1 -1
  96. package/dist/components/input-phone/input-phone.js +24 -23
  97. package/dist/components/input-phone/input-phone.styles.js +1 -1
  98. package/dist/components/menu/menu.d.ts +1 -1
  99. package/dist/components/menu-item/menu-item.d.ts +1 -1
  100. package/dist/components/menu-item/menu-item.js +6 -6
  101. package/dist/components/menu-label/menu-label.d.ts +1 -1
  102. package/dist/components/mutation-observer/mutation-observer.js +2 -2
  103. package/dist/components/option/option.js +8 -8
  104. package/dist/components/option/option.styles.js +1 -1
  105. package/dist/components/progress-bar/progress-bar.d.ts +1 -1
  106. package/dist/components/progress-bar/progress-bar.js +3 -2
  107. package/dist/components/progress-ring/progress-ring.d.ts +1 -2
  108. package/dist/components/progress-ring/progress-ring.js +2 -2
  109. package/dist/components/radio/radio.js +6 -6
  110. package/dist/components/radio-button/radio-button.js +2 -2
  111. package/dist/components/radio-group/radio-group.js +2 -2
  112. package/dist/components/relative-time/relative-time.js +2 -2
  113. package/dist/components/resize-observer/resize-observer.js +2 -2
  114. package/dist/components/select/select.d.ts +4 -0
  115. package/dist/components/select/select.js +13 -12
  116. package/dist/components/select/select.styles.js +1 -1
  117. package/dist/components/skeleton/skeleton.d.ts +1 -1
  118. package/dist/components/spinner/spinner.js +2 -2
  119. package/dist/components/step/step.d.ts +39 -0
  120. package/dist/components/step/step.js +24 -0
  121. package/dist/components/step/step.styles.d.ts +2 -0
  122. package/dist/components/step/step.styles.js +8 -0
  123. package/dist/components/step/step.utils.d.ts +3 -0
  124. package/dist/components/step/step.utils.js +7 -0
  125. package/dist/components/stepper/stepper.d.ts +23 -0
  126. package/dist/components/stepper/stepper.js +10 -0
  127. package/dist/components/stepper/stepper.styles.d.ts +2 -0
  128. package/dist/components/stepper/stepper.styles.js +8 -0
  129. package/dist/components/tab/tab.d.ts +1 -1
  130. package/dist/components/tab/tab.js +3 -3
  131. package/dist/components/tab-group/tab-group.d.ts +1 -1
  132. package/dist/components/tab-group/tab-group.js +3 -3
  133. package/dist/components/tab-panel/tab-panel.d.ts +1 -1
  134. package/dist/components/tab-panel/tab-panel.js +2 -2
  135. package/dist/components/tag/tag.js +9 -8
  136. package/dist/components/textarea/textarea.d.ts +1 -0
  137. package/dist/components/textarea/textarea.js +4 -3
  138. package/dist/components/tooltip/tooltip.js +3 -3
  139. package/dist/components/tree/tree.d.ts +2 -1
  140. package/dist/components/tree/tree.js +12 -11
  141. package/dist/components/tree-item/tree-item.d.ts +1 -1
  142. package/dist/components/tree-item/tree-item.js +11 -10
  143. package/dist/custom-elements.json +1325 -41
  144. package/dist/design-system.d.ts +3 -0
  145. package/dist/design-system.js +112 -95
  146. package/dist/internal/debounce.d.ts +1 -1
  147. package/dist/internal/debounce.js +3 -3
  148. package/dist/internal/default-value.d.ts +1 -1
  149. package/dist/internal/default-value.js +24 -21
  150. package/dist/internal/watch.js +1 -1
  151. package/dist/themes/dsa-wc-theme.css +79 -6
  152. package/dist/themes/dsa-wc-theme.min.css +1 -1
  153. package/dist/themes/dsa-wc-theme.styles.js +85 -6
  154. package/dist/translations/en-gb.js +1 -1
  155. package/dist/translations/en.js +1 -1
  156. package/dist/translations/fr.js +1 -1
  157. package/dist/utilities/directives.d.ts +1 -0
  158. package/dist/utilities/directives.js +7 -0
  159. package/dist/utilities/localize.d.ts +7 -0
  160. package/dist/utilities/localize.js +1 -1
  161. package/dist/vscode.html-custom-data.json +169 -6
  162. package/dist/web-types.json +737 -9
  163. package/package.json +2 -2
  164. package/dist/chunks/chunk.GI7VDIWX.js +0 -24
@@ -12,10 +12,10 @@ import {
12
12
  } from "./chunk.V7RJROLH.js";
13
13
  import {
14
14
  LocalizeController
15
- } from "./chunk.5XL2LZLC.js";
15
+ } from "./chunk.NBPVVWJU.js";
16
16
  import {
17
17
  watch
18
- } from "./chunk.D7CATJYB.js";
18
+ } from "./chunk.6IH66JBY.js";
19
19
  import {
20
20
  ShoelaceElement
21
21
  } from "./chunk.YCXTCVAZ.js";
@@ -102,8 +102,8 @@ var input_styles_default = css`
102
102
  }
103
103
 
104
104
  .input--on-base.input--readonly {
105
- background-color: var(--dsa-wc-input-on-base-locked-background-color);
106
- border-color: var(--dsa-wc-input-on-base-locked-border-color);
105
+ background-color: var(--dsa-wc-input-on-base-read-only-background-color);
106
+ border-color: var(--dsa-wc-input-on-base-read-only-border-color);
107
107
  }
108
108
 
109
109
  .input--error.input--on-base:not(.input--disabled):not(.input--readonly) {
@@ -196,22 +196,9 @@ var input_styles_default = css`
196
196
 
197
197
  .form-control--has-prefix-icon .input__control {
198
198
  padding-left: calc(
199
- 1.25rem + var(--dsa-wc-input-padding-x) + var(--dsa-wc-input-spacing-left)
199
+ 1rem + var(--dsa-wc-input-padding-x) + var(--dsa-wc-input-spacing-left)
200
200
  );
201
201
  }
202
- .form-control--has-hide-icon .input__control {
203
- --dsa-input-suffix-icon-padding: calc(
204
- 1.25rem + var(--dsa-wc-input-padding-x)
205
- );
206
- --dsa-input-suffix-icon-count: 1;
207
- padding-right: calc(
208
- var(--dsa-input-suffix-icon-count) * var(--dsa-input-suffix-icon-padding) +
209
- var(--dsa-wc-input-spacing-left)
210
- );
211
- }
212
- .form-control--has-hide-icon.form-control--has-clear-icon .input__control {
213
- --dsa-input-suffix-icon-count: 2;
214
- }
215
202
 
216
203
  .input--small .input__control {
217
204
  height: calc(
@@ -246,7 +233,6 @@ var input_styles_default = css`
246
233
  display: inline-flex;
247
234
  align-items: center;
248
235
  justify-content: center;
249
- font-size: 1.25rem;
250
236
  color: var(--dsa-color-input-icon-on-base-enabled);
251
237
  border: none;
252
238
  background: none;
@@ -264,8 +250,7 @@ var input_styles_default = css`
264
250
  * Custom styling for Date and Time type
265
251
  */
266
252
 
267
- input[type='time']::-webkit-calendar-picker-indicator,
268
- input[type='date']::-webkit-calendar-picker-indicator {
253
+ input[type='time']::-webkit-calendar-picker-indicator {
269
254
  display: none;
270
255
  }
271
256
 
@@ -273,7 +258,6 @@ var input_styles_default = css`
273
258
  .input__prefix {
274
259
  color: var(--dsa-wc-input-icon-color);
275
260
  pointer-events: none;
276
- font-size: 1.25rem;
277
261
  }
278
262
 
279
263
  .input__prefix,
@@ -31,9 +31,16 @@ var translation = {
31
31
  scrollToEnd: `Faire d\xE9filer jusqu'\xE0 la fin`,
32
32
  scrollToStart: `Faire d\xE9filer jusqu'au d\xE9but`,
33
33
  selectAColorFromTheScreen: `S\xE9lectionnez une couleur \xE0 l'\xE9cran`,
34
+ selectATime: "S\xE9lectionnez une heure",
34
35
  showPassword: "Montrer le mot de passe",
35
36
  slideNum: (slide) => `Diapositive ${slide}`,
36
37
  toggleColorFormat: "Changer le format de couleur",
38
+ noMatchFound: "Aucune correspondance trouv\xE9e",
39
+ step: "\xC9tape",
40
+ stepActive: "\xC9tape active",
41
+ stepCompleted: "\xC9tape valid\xE9e",
42
+ stepInProgress: "\xC9tape en cours",
43
+ stepError: "\xC9tape en erreur",
37
44
  // countries
38
45
  fr_FR: "France",
39
46
  fr_GP: "Guadeloupe",
@@ -79,9 +86,16 @@ var translation2 = {
79
86
  scrollToEnd: "Scroll to end",
80
87
  scrollToStart: "Scroll to start",
81
88
  selectAColorFromTheScreen: "Select a color from the screen",
89
+ selectATime: "Select a time",
82
90
  showPassword: "Show password",
83
91
  slideNum: (slide) => `Slide ${slide}`,
84
92
  toggleColorFormat: "Toggle color format",
93
+ noMatchFound: "No match found",
94
+ step: "Step",
95
+ stepActive: "Active step",
96
+ stepCompleted: "Step completed",
97
+ stepInProgress: "Step in progress",
98
+ stepError: "Step in error",
85
99
  // countries
86
100
  fr_FR: "France",
87
101
  fr_GP: "Guadeloupe",
@@ -126,8 +126,8 @@ var input_phone_styles_default = css`
126
126
  cursor: not-allowed;
127
127
  }
128
128
  .input-phone--on-base.input-phone--readonly {
129
- background-color: var(--dsa-wc-input-on-base-locked-background-color);
130
- border-color: var(--dsa-wc-input-on-base-locked-border-color);
129
+ background-color: var(--dsa-wc-input-on-base-read-only-background-color);
130
+ border-color: var(--dsa-wc-input-on-base-read-only-border-color);
131
131
  }
132
132
 
133
133
  .input-phone--on-base .input-phone__placeholder {
@@ -288,10 +288,10 @@ var input_phone_styles_default = css`
288
288
 
289
289
  .form-control--readonly:not(form-control--disabled) dsa-select {
290
290
  --dsa-wc-internal-select-on-base-disabled-background-color: var(
291
- --dsa-wc-input-on-base-locked-background-color
291
+ --dsa-wc-input-on-base-read-only-background-color
292
292
  );
293
293
  --dsa-wc-internal-select-on-base-disabled-border-color: var(
294
- --dsa-wc-input-on-base-locked-border-color
294
+ --dsa-wc-input-on-base-read-only-border-color
295
295
  );
296
296
 
297
297
  --dsa-wc-internal-select-on-layer-disabled-background-color: var(
@@ -358,7 +358,7 @@ var input_phone_styles_default = css`
358
358
  */
359
359
 
360
360
  .input-phone__clear {
361
- font-size: 1.25rem;
361
+ z-index: var(--dsa-wc-input-mask-clear-icon-z-index);
362
362
  }
363
363
 
364
364
  .input-phone__clear::part(base) {
@@ -377,17 +377,6 @@ var input_phone_styles_default = css`
377
377
  ::-ms-reveal {
378
378
  display: none;
379
379
  }
380
- /* Prefix */
381
- .input-phone__prefix-icon,
382
- .input-phone__prefix {
383
- color: var(--dsa-wc-input-icon-color);
384
- cursor: none;
385
- font-size: 1.25rem;
386
- }
387
-
388
- .input-phone__prefix::slotted(*) {
389
- margin-inline-end: var(--dsa-wc-input-phone-prefix-margin-inline-end);
390
- }
391
380
 
392
381
  /* Mask */
393
382
 
@@ -3,7 +3,7 @@ import {
3
3
  } from "./chunk.5WAZTHII.js";
4
4
  import {
5
5
  watch
6
- } from "./chunk.D7CATJYB.js";
6
+ } from "./chunk.6IH66JBY.js";
7
7
  import {
8
8
  ShoelaceElement
9
9
  } from "./chunk.YCXTCVAZ.js";
@@ -11,6 +11,9 @@ import {
11
11
  import {
12
12
  HasSlotController
13
13
  } from "./chunk.YIY5RM53.js";
14
+ import {
15
+ ifDefinedAndNotEmpty
16
+ } from "./chunk.ZQJVCRB2.js";
14
17
  import {
15
18
  waitForEvent
16
19
  } from "./chunk.B4BZKR24.js";
@@ -24,10 +27,10 @@ import {
24
27
  } from "./chunk.V7RJROLH.js";
25
28
  import {
26
29
  LocalizeController
27
- } from "./chunk.5XL2LZLC.js";
30
+ } from "./chunk.NBPVVWJU.js";
28
31
  import {
29
32
  watch
30
- } from "./chunk.D7CATJYB.js";
33
+ } from "./chunk.6IH66JBY.js";
31
34
  import {
32
35
  ShoelaceElement
33
36
  } from "./chunk.YCXTCVAZ.js";
@@ -224,7 +227,9 @@ var DSADialog = class extends ShoelaceElement {
224
227
  role="dialog"
225
228
  aria-modal="true"
226
229
  aria-hidden=${this.open ? "false" : "true"}
227
- aria-label=${ifDefined(this.noHeader ? this.label : void 0)}
230
+ aria-label=${ifDefinedAndNotEmpty(
231
+ this.noHeader ? this.label : void 0
232
+ )}
228
233
  aria-labelledby=${ifDefined(!this.noHeader ? "title" : void 0)}
229
234
  tabindex="0"
230
235
  >
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  LocalizeController
3
- } from "./chunk.5XL2LZLC.js";
3
+ } from "./chunk.NBPVVWJU.js";
4
4
  import {
5
5
  ShoelaceElement
6
6
  } from "./chunk.YCXTCVAZ.js";
@@ -6,7 +6,7 @@ import {
6
6
  } from "./chunk.YIY5RM53.js";
7
7
  import {
8
8
  LocalizeController
9
- } from "./chunk.5XL2LZLC.js";
9
+ } from "./chunk.NBPVVWJU.js";
10
10
  import {
11
11
  ShoelaceElement
12
12
  } from "./chunk.YCXTCVAZ.js";