@sbb-esta/lyne-elements-dev 5.0.0-next-dev.1777014673 → 5.0.0-next-dev.1777021773

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 (32) hide show
  1. package/core/styles/core.scss +4 -1
  2. package/core.css +17 -8
  3. package/custom-elements.json +1177 -1177
  4. package/development/dialog/dialog/dialog.component.js +1 -1
  5. package/development/dialog.component-BTXyWi17.js +233 -0
  6. package/development/dialog.js +1 -1
  7. package/development/dialog.pure.js +1 -1
  8. package/development/file-selector/common/file-selector-common.d.ts.map +1 -1
  9. package/development/file-selector/common/file-selector-common.js +1 -1
  10. package/development/file-selector/file-selector-dropzone/file-selector-dropzone.component.d.ts.map +1 -1
  11. package/development/file-selector/file-selector-dropzone/file-selector-dropzone.component.js +1 -1
  12. package/development/file-selector-common-BX5f18cJ.js +409 -0
  13. package/development/file-selector-dropzone.component-DMNom2OW.js +110 -0
  14. package/development/file-selector.js +2 -2
  15. package/development/file-selector.pure.js +2 -2
  16. package/dialog/dialog/dialog.component.js +1 -1
  17. package/{dialog.component-DTbAHlVd.js → dialog.component-ChB9gCyY.js} +1 -1
  18. package/dialog.js +1 -1
  19. package/dialog.pure.js +1 -1
  20. package/file-selector/common/file-selector-common.js +1 -1
  21. package/file-selector/file-selector-dropzone/file-selector-dropzone.component.js +1 -1
  22. package/{file-selector-common-DpccuOQ4.js → file-selector-common-CMLaHuDP.js} +38 -40
  23. package/{file-selector-dropzone.component-BSF-kegh.js → file-selector-dropzone.component-CWwpvAVD.js} +3 -4
  24. package/file-selector.js +2 -2
  25. package/file-selector.pure.js +2 -2
  26. package/off-brand-theme.css +17 -8
  27. package/package.json +2 -2
  28. package/safety-theme.css +17 -8
  29. package/standard-theme.css +17 -8
  30. package/development/dialog.component-B4cZfRCl.js +0 -233
  31. package/development/file-selector-common-DE_jT1fa.js +0 -411
  32. package/development/file-selector-dropzone.component-B1Y5qOjb.js +0 -111
package/core/styles/core.scss CHANGED
@@ -104,6 +104,9 @@ $theme: 'standard' !default;
104
104
  expansion-panel-header with (
105
105
  $theme: $theme
106
106
  );
107
+ @use '../../file-selector/common/file-selector.global' as file-selector with (
108
+ $theme: $theme
109
+ );
107
110
  @use '../../flip-card/flip-card/flip-card.global' as flip-card with (
108
111
  $theme: $theme
109
112
  );
@@ -325,6 +328,7 @@ $theme: 'standard' !default;
325
328
  @include expansion-panel.base;
326
329
  @include expansion-panel-content.base;
327
330
  @include expansion-panel-header.base;
331
+ @include file-selector.base;
328
332
  @include flip-card.base;
329
333
  @include flip-card-details.base;
330
334
  @include footer.base;
@@ -467,7 +471,6 @@ $theme: 'standard' !default;
467
471
  @include alert.base-breakpoint-large;
468
472
  @include button.base-breakpoint-large;
469
473
  @include chip-group.base-breakpoint-large;
470
- @include dialog.base-breakpoint-large;
471
474
  @include flip-card.base-breakpoint-large;
472
475
  @include form-field.base-breakpoint-large;
473
476
  @include header.base-breakpoint-large;
package/core.css CHANGED
@@ -1389,12 +1389,12 @@ slot[name=error]::slotted(*) {
1389
1389
  --sbb-dialog-block-shadow: var(--sbb-box-shadow-level-9-soft);
1390
1390
  --sbb-dialog-color-negative: var(--sbb-color-2-negative);
1391
1391
  --sbb-dialog-block-shadow-negative: var(--sbb-box-shadow-level-9-soft-negative);
1392
- --sbb-dialog-width: 100%;
1392
+ --sbb-dialog-width: auto;
1393
1393
  --sbb-dialog-max-width: 100%;
1394
- --sbb-dialog-max-width-default: 55.75rem;
1395
- --sbb-dialog-height: 100%;
1396
- --sbb-dialog-max-height: 100%;
1397
- --sbb-dialog-inset: 0 auto auto 0;
1394
+ --sbb-dialog-height: auto;
1395
+ --sbb-dialog-max-height: calc(100vh - var(--sbb-spacing-fixed-6x));
1396
+ --sbb-dialog-inset-block: 0 auto;
1397
+ --sbb-dialog-inset-inline: 0 auto;
1398
1398
  --sbb-dialog-border-radius: var(--sbb-border-radius-8x);
1399
1399
  --sbb-dialog-animation-easing: ease;
1400
1400
  --sbb-dialog-pointer-events: none;
@@ -1434,6 +1434,14 @@ slot[name=error]::slotted(*) {
1434
1434
  --sbb-expansion-panel-header-padding-inline-s: var(--sbb-spacing-fixed-5x);
1435
1435
  --sbb-expansion-panel-header-padding-inline-l: var(--sbb-spacing-fixed-6x);
1436
1436
  --sbb-expansion-panel-header-padding-inline-default: var(--sbb-expansion-panel-header-padding-inline-l);
1437
+ --sbb-file-selector-color: var(--sbb-color-2);
1438
+ --sbb-file-selector-subtitle-color: var(--sbb-color-granite);
1439
+ --sbb-file-selector-subtitle-color: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));
1440
+ --sbb-file-selector-background-color: var(--sbb-background-color-1);
1441
+ --sbb-file-selector-border-color: var(--sbb-border-color-4-inverted);
1442
+ --sbb-file-selector-transition-easing-function: var(--sbb-animation-easing);
1443
+ --_sbb-file-selector-dropzone-icon-medium-display: block;
1444
+ --_sbb-file-selector-dropzone-icon-small-display: none;
1437
1445
  --sbb-flip-card-background-color: var(--sbb-background-color-4);
1438
1446
  --sbb-flip-card-border: var(--sbb-border-width-2x);
1439
1447
  --sbb-flip-card-border-radius: var(--sbb-border-radius-4x);
@@ -1974,7 +1982,10 @@ slot[name=error]::slotted(*) {
1974
1982
  --sbb-grid-base-columns: var(--sbb-layout-base-grid-columns-small);
1975
1983
  --sbb-grid-base-gutter-responsive: var(--sbb-layout-base-grid-gutter-responsive-small);
1976
1984
  --sbb-alert-close-button-divider-display: block;
1977
- --sbb-dialog-padding-inline: var(--sbb-spacing-fixed-12x);
1985
+ --sbb-dialog-padding-inline: var(--sbb-spacing-fixed-8x);
1986
+ --sbb-dialog-max-height: calc(100vh - 2 * var(--sbb-spacing-fixed-6x));
1987
+ --sbb-dialog-max-width: 90vw;
1988
+ --sbb-dialog-translate-y: var(--sbb-spacing-fixed-4x);
1978
1989
  --sbb-footer-clock-width: 7rem;
1979
1990
  --sbb-notification-icon-align-self: flex-start;
1980
1991
  --sbb-notification-padding-inline: var(--sbb-spacing-responsive-xs);
@@ -2023,8 +2034,6 @@ slot[name=error]::slotted(*) {
2023
2034
  --sbb-chip-group-margin-block: var(--_sbb-chip-group-margin-block-start-default-large) 0;
2024
2035
  --sbb-chip-group-margin-block-no-label-not-empty: 0.1875rem 0.875rem;
2025
2036
  --sbb-chip-group-margin-block-with-label-not-empty: var(--_sbb-chip-group-margin-block-start-default-large) var(--_sbb-chip-group-margin-block-start-default-large);
2026
- --sbb-dialog-padding-inline: var(--sbb-spacing-responsive-s);
2027
- --sbb-dialog-max-height: calc(100vh - var(--sbb-spacing-fixed-16x));
2028
2037
  --sbb-flip-card-min-height: 20rem;
2029
2038
  --_sbb-form-field-label-to-input-overlapping: var(--sbb-spacing-fixed-1x);
2030
2039
  --_sbb-form-field-floating-label-transform: 0.65625rem;