@tylertech/forge 3.3.4 → 3.3.6

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 (47) hide show
  1. package/custom-elements.json +341 -72
  2. package/dist/app-bar/forge-app-bar.css +0 -16
  3. package/dist/field/forge-field.css +4 -17
  4. package/dist/lib.js +1 -1
  5. package/dist/lib.js.map +3 -3
  6. package/dist/vscode.html-custom-data.json +153 -22
  7. package/esm/autocomplete/autocomplete-adapter.js +2 -1
  8. package/esm/calendar/calendar-dropdown/calendar-dropdown.js +1 -1
  9. package/esm/checkbox/checkbox.d.ts +3 -3
  10. package/esm/chip-field/chip-field.js +1 -1
  11. package/esm/dialog/dialog-core.d.ts +1 -0
  12. package/esm/dialog/dialog-core.js +10 -6
  13. package/esm/dialog/dialog.d.ts +4 -4
  14. package/esm/field/base/with-base-field.js +2 -2
  15. package/esm/field/field-adapter.d.ts +9 -6
  16. package/esm/field/field-adapter.js +9 -16
  17. package/esm/field/field-constants.d.ts +2 -0
  18. package/esm/field/field-constants.js +3 -1
  19. package/esm/field/field-core.d.ts +2 -0
  20. package/esm/field/field-core.js +16 -5
  21. package/esm/field/field.d.ts +1 -0
  22. package/esm/field/field.js +3 -2
  23. package/esm/icon/icon.d.ts +26 -9
  24. package/esm/icon/icon.js +3 -2
  25. package/esm/label/label.d.ts +1 -1
  26. package/esm/popover/popover-adapter.js +5 -0
  27. package/esm/radio/radio/radio.d.ts +2 -2
  28. package/esm/select/core/base-select-adapter.js +5 -0
  29. package/esm/skip-link/skip-link.d.ts +1 -1
  30. package/esm/skip-link/skip-link.js +1 -1
  31. package/esm/switch/switch.d.ts +2 -2
  32. package/esm/time-picker/time-picker-adapter.d.ts +2 -2
  33. package/esm/time-picker/time-picker-adapter.js +44 -30
  34. package/esm/time-picker/time-picker-core.js +1 -1
  35. package/esm/time-picker/time-picker.d.ts +125 -28
  36. package/esm/time-picker/time-picker.js +0 -27
  37. package/esm/view-switcher/view-switcher.d.ts +1 -1
  38. package/package.json +4 -4
  39. package/sass/core/styles/_utils.scss +1 -1
  40. package/sass/core/styles/theme/_utils.scss +1 -1
  41. package/sass/core/styles/tokens/list/list/_tokens.scss +2 -1
  42. package/sass/field/_core.animation.scss +0 -20
  43. package/sass/field/_core.layout.scss +3 -8
  44. package/sass/field/_core.scss +1 -0
  45. package/sass/field/_core.slotted.scss +4 -8
  46. package/sass/field/field.scss +8 -8
  47. package/sass/radio/index.scss +1 -1
package/dist/app-bar/forge-app-bar.css CHANGED
@@ -24,22 +24,6 @@
24
24
  opacity: 100%;
25
25
  }
26
26
  }
27
- @keyframes float-in-input-animation {
28
- from {
29
- translate: 0;
30
- }
31
- to {
32
- translate: 0 calc(calc(max(var(--forge-typography-body2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-line-height-scale, 1.375))), var(--forge-typography-label2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-line-height-scale, 1.25)))) / 2) + calc((var(--_field-height) - 56px) / 8));
33
- }
34
- }
35
- @keyframes float-out-input-animation {
36
- from {
37
- translate: 0 calc(calc(max(var(--forge-typography-body2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-line-height-scale, 1.375))), var(--forge-typography-label2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-line-height-scale, 1.25)))) / 2) + calc((var(--_field-height) - 56px) / 8));
38
- }
39
- to {
40
- translate: 0;
41
- }
42
- }
43
27
  @keyframes multiline-inset-label-background-animation {
44
28
  from {
45
29
  opacity: 0%;
package/dist/field/forge-field.css CHANGED
@@ -24,22 +24,6 @@
24
24
  opacity: 100%;
25
25
  }
26
26
  }
27
- @keyframes float-in-input-animation {
28
- from {
29
- translate: 0;
30
- }
31
- to {
32
- translate: 0 calc(calc(max(var(--forge-typography-body2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-line-height-scale, 1.375))), var(--forge-typography-label2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-line-height-scale, 1.25)))) / 2) + calc((var(--_field-height) - 56px) / 8));
33
- }
34
- }
35
- @keyframes float-out-input-animation {
36
- from {
37
- translate: 0 calc(calc(max(var(--forge-typography-body2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-line-height-scale, 1.375))), var(--forge-typography-label2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-line-height-scale, 1.25)))) / 2) + calc((var(--_field-height) - 56px) / 8));
38
- }
39
- to {
40
- translate: 0;
41
- }
42
- }
43
27
  @keyframes multiline-inset-label-background-animation {
44
28
  from {
45
29
  opacity: 0%;
@@ -95,6 +79,9 @@
95
79
  font: inherit;
96
80
  font-size: var(--_field-font-size);
97
81
  text-overflow: ellipsis;
82
+ padding-block-start: 0;
83
+ padding-block-end: 0;
84
+ transition: padding-block var(--_field-floating-animation-duration) var(--_field-floating-animation-timing);
98
85
  display: flex;
99
86
  block-size: var(--_field-height);
100
87
  inline-size: 100%;
@@ -302,7 +289,7 @@
302
289
  }
303
290
  .forge-field:has(textarea) textarea {
304
291
  padding-block-start: calc((var(--_field-height) - var(--forge-typography-body2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-line-height-scale, 1.375)))) / 2);
305
- padding-block-end: calc(calc(calc(max(var(--forge-typography-body2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-line-height-scale, 1.375))), var(--forge-typography-label2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-line-height-scale, 1.25)))) / 2) + calc((var(--_field-height) - 56px) / 8)) + 8px);
292
+ padding-block-end: calc(calc(calc(max(var(--forge-typography-body2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-line-height-scale, 1.375))), var(--forge-typography-label2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-line-height-scale, 1.25)))) / 2) + calc((var(--_field-height) - 56px) / 8)) + (var(--_field-height) - var(--forge-typography-body2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-line-height-scale, 1.375)))) / 2);
306
293
  resize: vertical;
307
294
  block-size: fit-content;
308
295
  }