@sbb-esta/lyne-elements 3.3.2 → 3.5.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 (108) hide show
  1. package/core/i18n/i18n.d.ts +5 -0
  2. package/core/i18n/i18n.d.ts.map +1 -1
  3. package/core/i18n/i18n.js +108 -84
  4. package/core/i18n.js +84 -80
  5. package/core/mixins/element-internals-mixin.js +6 -6
  6. package/core/mixins/form-associated-input-mixin.d.ts +1 -0
  7. package/core/mixins/form-associated-input-mixin.d.ts.map +1 -1
  8. package/core/mixins/form-associated-input-mixin.js +2 -2
  9. package/core/styles/core/mediaqueries.scss +1 -1
  10. package/core/styles/core.scss +34 -1
  11. package/core/styles/mixins/typo.scss +88 -41
  12. package/core/styles/node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables.scss +530 -0
  13. package/core/styles/node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables_css--mixin.scss +1123 -0
  14. package/core.css +30 -0
  15. package/custom-elements.json +863 -147
  16. package/date-input/date-input.component.d.ts +5 -4
  17. package/date-input/date-input.component.d.ts.map +1 -1
  18. package/date-input/date-input.component.js +19 -21
  19. package/development/core/i18n/i18n.d.ts +5 -0
  20. package/development/core/i18n/i18n.d.ts.map +1 -1
  21. package/development/core/i18n/i18n.js +38 -10
  22. package/development/core/i18n.js +5 -1
  23. package/development/core/mixins/element-internals-mixin.js +3 -3
  24. package/development/core/mixins/form-associated-input-mixin.d.ts +1 -0
  25. package/development/core/mixins/form-associated-input-mixin.d.ts.map +1 -1
  26. package/development/core/mixins/form-associated-input-mixin.js +3 -2
  27. package/development/date-input/date-input.component.d.ts +5 -4
  28. package/development/date-input/date-input.component.d.ts.map +1 -1
  29. package/development/date-input/date-input.component.js +5 -8
  30. package/development/dialog/dialog/dialog.component.d.ts +2 -0
  31. package/development/dialog/dialog/dialog.component.d.ts.map +1 -1
  32. package/development/dialog/dialog/dialog.component.js +6 -2
  33. package/development/dialog/dialog-title/dialog-title.component.js +2 -6
  34. package/development/file-selector/common/file-selector-common.d.ts +2 -1
  35. package/development/file-selector/common/file-selector-common.d.ts.map +1 -1
  36. package/development/file-selector/common/file-selector-common.js +64 -19
  37. package/development/file-selector/common.js +1 -1
  38. package/development/file-selector/file-selector/file-selector.component.d.ts.map +1 -1
  39. package/development/file-selector/file-selector/file-selector.component.js +12 -17
  40. package/development/file-selector/file-selector-dropzone/file-selector-dropzone.component.d.ts +0 -7
  41. package/development/file-selector/file-selector-dropzone/file-selector-dropzone.component.d.ts.map +1 -1
  42. package/development/file-selector/file-selector-dropzone/file-selector-dropzone.component.js +32 -76
  43. package/development/{file-selector-common-csww18o8.js → file-selector-common-BxXdRZxt.js} +3 -3
  44. package/development/file-selector.js +1 -1
  45. package/development/form-field/form-field/form-field.component.d.ts.map +1 -1
  46. package/development/form-field/form-field/form-field.component.js +4 -4
  47. package/development/navigation/common/navigation-action-common.js +5 -8
  48. package/development/navigation/navigation/navigation.component.js +21 -4
  49. package/development/navigation/navigation-marker/navigation-marker.component.js +5 -8
  50. package/development/navigation/navigation-section/navigation-section.component.js +6 -19
  51. package/development/paginator/common/paginator-common.d.ts +3 -0
  52. package/development/paginator/common/paginator-common.d.ts.map +1 -1
  53. package/development/paginator/common/paginator-common.js +68 -10
  54. package/development/paginator/compact-paginator/compact-paginator.component.d.ts.map +1 -1
  55. package/development/paginator/compact-paginator/compact-paginator.component.js +8 -3
  56. package/development/paginator/paginator/paginator.component.d.ts +5 -0
  57. package/development/paginator/paginator/paginator.component.d.ts.map +1 -1
  58. package/development/paginator/paginator/paginator.component.js +28 -6
  59. package/development/sidebar/sidebar-title/sidebar-title.component.js +1 -1
  60. package/development/tabs/tab-group/tab-group.component.js +3 -4
  61. package/development/time-input/time-input.component.d.ts +5 -4
  62. package/development/time-input/time-input.component.d.ts.map +1 -1
  63. package/development/time-input/time-input.component.js +5 -8
  64. package/development/title/title-base.js +14 -67
  65. package/development/title/title.component.js +17 -14
  66. package/development/toast/toast.component.js +6 -9
  67. package/development/train/train-wagon/train-wagon.component.js +6 -9
  68. package/dialog/dialog/dialog.component.d.ts +2 -0
  69. package/dialog/dialog/dialog.component.d.ts.map +1 -1
  70. package/dialog/dialog/dialog.component.js +14 -10
  71. package/dialog/dialog-title/dialog-title.component.js +1 -1
  72. package/file-selector/common/file-selector-common.d.ts +2 -1
  73. package/file-selector/common/file-selector-common.d.ts.map +1 -1
  74. package/file-selector/common/file-selector-common.js +88 -63
  75. package/file-selector/common.js +1 -1
  76. package/file-selector/file-selector/file-selector.component.d.ts.map +1 -1
  77. package/file-selector/file-selector/file-selector.component.js +26 -31
  78. package/file-selector/file-selector-dropzone/file-selector-dropzone.component.d.ts +0 -7
  79. package/file-selector/file-selector-dropzone/file-selector-dropzone.component.d.ts.map +1 -1
  80. package/file-selector/file-selector-dropzone/file-selector-dropzone.component.js +50 -74
  81. package/file-selector-common-Cn6U8goV.js +5 -0
  82. package/file-selector.js +1 -1
  83. package/form-field/form-field/form-field.component.d.ts.map +1 -1
  84. package/form-field/form-field/form-field.component.js +3 -3
  85. package/navigation/common/navigation-action-common.js +8 -8
  86. package/navigation/navigation/navigation.component.js +1 -1
  87. package/navigation/navigation-marker/navigation-marker.component.js +1 -1
  88. package/navigation/navigation-section/navigation-section.component.js +14 -14
  89. package/package.json +1 -1
  90. package/paginator/common/paginator-common.d.ts +3 -0
  91. package/paginator/common/paginator-common.d.ts.map +1 -1
  92. package/paginator/common/paginator-common.js +103 -63
  93. package/paginator/compact-paginator/compact-paginator.component.d.ts.map +1 -1
  94. package/paginator/compact-paginator/compact-paginator.component.js +13 -8
  95. package/paginator/paginator/paginator.component.d.ts +5 -0
  96. package/paginator/paginator/paginator.component.d.ts.map +1 -1
  97. package/paginator/paginator/paginator.component.js +77 -61
  98. package/sidebar/sidebar-title/sidebar-title.component.js +14 -14
  99. package/standard-theme.css +30 -0
  100. package/tabs/tab-group/tab-group.component.js +7 -7
  101. package/time-input/time-input.component.d.ts +5 -4
  102. package/time-input/time-input.component.d.ts.map +1 -1
  103. package/time-input/time-input.component.js +21 -22
  104. package/title/title-base.js +33 -33
  105. package/title/title.component.js +9 -9
  106. package/toast/toast.component.js +1 -1
  107. package/train/train-wagon/train-wagon.component.js +6 -6
  108. package/file-selector-common-Dw5d8vA4.js +0 -5
package/core.css CHANGED
@@ -1122,8 +1122,38 @@
1122
1122
  --sbb-header-height: var(--sbb-spacing-fixed-14x);
1123
1123
  --sbb-time-input-max-width: 3.625rem;
1124
1124
  --sbb-overlay-default-z-index: 1000;
1125
+ --sbb-title-font-size-level-1: var(--sbb-font-size-title-1);
1126
+ --sbb-title-font-size-level-2: var(--sbb-font-size-title-2);
1127
+ --sbb-title-font-size-level-3: var(--sbb-font-size-title-3);
1128
+ --sbb-title-font-size-level-4: var(--sbb-font-size-title-4);
1129
+ --sbb-title-font-size-level-5: var(--sbb-font-size-title-5);
1130
+ --sbb-title-font-size-level-6: var(--sbb-font-size-title-6);
1131
+ --sbb-title-default-margin-block-start: var(--sbb-spacing-responsive-m);
1132
+ --sbb-title-margin-block-start-level-1: var(--sbb-spacing-responsive-l);
1133
+ --sbb-title-margin-block-end-level-1: var(--sbb-spacing-responsive-s);
1134
+ --sbb-title-margin-block-end-level-2: var(--sbb-spacing-responsive-xxxs);
1135
+ --sbb-title-margin-block-end-level-3: var(--sbb-spacing-responsive-xxxs);
1136
+ --sbb-title-margin-block-end-level-4: var(--sbb-spacing-fixed-3x);
1137
+ --sbb-title-margin-block-end-level-5: var(--sbb-spacing-fixed-2x);
1138
+ --sbb-title-margin-block-end-level-6: var(--sbb-spacing-fixed-1x);
1125
1139
  --sbb-border-radius-infinity: 100000em;
1126
1140
  }
1141
+ :root.sbb-lean {
1142
+ --sbb-title-font-size-level-1: var(--sbb-font-size-title-2);
1143
+ --sbb-title-font-size-level-2: var(--sbb-font-size-title-3);
1144
+ --sbb-title-font-size-level-3: var(--sbb-font-size-title-4);
1145
+ --sbb-title-font-size-level-4: var(--sbb-font-size-title-5);
1146
+ --sbb-title-font-size-level-5: var(--sbb-font-size-title-6);
1147
+ --sbb-title-font-size-level-6: var(--sbb-font-size-title-7);
1148
+ --sbb-title-default-margin-block-start: var(--sbb-spacing-responsive-s);
1149
+ --sbb-title-margin-block-start-level-1: var(--sbb-spacing-responsive-s);
1150
+ --sbb-title-margin-block-end-level-1: var(--sbb-spacing-fixed-3x);
1151
+ --sbb-title-margin-block-end-level-2: var(--sbb-spacing-fixed-3x);
1152
+ --sbb-title-margin-block-end-level-3: var(--sbb-spacing-responsive-xxxs);
1153
+ --sbb-title-margin-block-end-level-4: var(--sbb-spacing-fixed-2x);
1154
+ --sbb-title-margin-block-end-level-5: var(--sbb-spacing-fixed-1x);
1155
+ --sbb-title-margin-block-end-level-6: 0;
1156
+ }
1127
1157
  :root:has(sbb-header[size=s]) {
1128
1158
  --sbb-header-height: 3.25rem;
1129
1159
  }