@ptsecurity/mosaic 17.2.0 → 17.2.1

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 (80) hide show
  1. package/autocomplete/_autocomplete-theme.scss +2 -2
  2. package/button-toggle/button-toggle.scss +2 -2
  3. package/code-block/_code-block-theme.scss +2 -2
  4. package/core/forms/_forms-theme.scss +1 -1
  5. package/core/selection/pseudo-checkbox/_pseudo-checkbox-theme.scss +16 -11
  6. package/core/styles/common/_groups.scss +3 -2
  7. package/core/styles/common/_popup.scss +1 -1
  8. package/core/styles/common/_tokens.scss +20 -10
  9. package/core/styles/theming/_alerts.scss +15 -14
  10. package/core/styles/theming/_badges.scss +32 -30
  11. package/core/styles/theming/_components-theming.scss +13 -13
  12. package/core/styles/theming/_scrollbars.scss +24 -27
  13. package/core/styles/theming/_theming.scss +10 -8
  14. package/core/styles/typography/_typography-utils.scss +1 -1
  15. package/core/styles/typography/_typography.scss +29 -28
  16. package/core/styles/visual/_layout.scss +14 -13
  17. package/datepicker/_datepicker-theme.scss +1 -2
  18. package/divider/_divider-theme.scss +1 -1
  19. package/dl/_dl-theme.scss +1 -1
  20. package/esm2022/button-toggle/button-toggle.component.mjs +2 -2
  21. package/esm2022/core/version.mjs +2 -2
  22. package/esm2022/file-upload/multiple-file-upload.component.mjs +2 -2
  23. package/esm2022/file-upload/single-file-upload.component.mjs +2 -2
  24. package/esm2022/form-field/form-field.mjs +2 -2
  25. package/esm2022/modal/modal.component.mjs +2 -2
  26. package/esm2022/navbar/navbar.component.mjs +2 -2
  27. package/esm2022/navbar/vertical-navbar.component.mjs +3 -3
  28. package/esm2022/select/select.component.mjs +3 -3
  29. package/esm2022/tabs/tab-header.component.mjs +2 -2
  30. package/esm2022/tabs/tab-nav-bar/tab-nav-bar.mjs +2 -2
  31. package/esm2022/timezone/timezone-select.component.mjs +2 -2
  32. package/esm2022/tree-select/tree-select.component.mjs +3 -3
  33. package/fesm2022/ptsecurity-mosaic-button-toggle.mjs +2 -2
  34. package/fesm2022/ptsecurity-mosaic-button-toggle.mjs.map +1 -1
  35. package/fesm2022/ptsecurity-mosaic-core.mjs +1 -1
  36. package/fesm2022/ptsecurity-mosaic-core.mjs.map +1 -1
  37. package/fesm2022/ptsecurity-mosaic-file-upload.mjs +4 -4
  38. package/fesm2022/ptsecurity-mosaic-file-upload.mjs.map +1 -1
  39. package/fesm2022/ptsecurity-mosaic-form-field.mjs +2 -2
  40. package/fesm2022/ptsecurity-mosaic-form-field.mjs.map +1 -1
  41. package/fesm2022/ptsecurity-mosaic-modal.mjs +2 -2
  42. package/fesm2022/ptsecurity-mosaic-modal.mjs.map +1 -1
  43. package/fesm2022/ptsecurity-mosaic-navbar.mjs +4 -4
  44. package/fesm2022/ptsecurity-mosaic-navbar.mjs.map +1 -1
  45. package/fesm2022/ptsecurity-mosaic-select.mjs +2 -2
  46. package/fesm2022/ptsecurity-mosaic-select.mjs.map +1 -1
  47. package/fesm2022/ptsecurity-mosaic-tabs.mjs +4 -4
  48. package/fesm2022/ptsecurity-mosaic-tabs.mjs.map +1 -1
  49. package/fesm2022/ptsecurity-mosaic-timezone.mjs +2 -2
  50. package/fesm2022/ptsecurity-mosaic-timezone.mjs.map +1 -1
  51. package/fesm2022/ptsecurity-mosaic-tree-select.mjs +2 -2
  52. package/fesm2022/ptsecurity-mosaic-tree-select.mjs.map +1 -1
  53. package/file-upload/multiple-file-upload.component.scss +9 -9
  54. package/file-upload/single-file-upload.component.scss +3 -3
  55. package/form-field/_form-field-theme.scss +2 -2
  56. package/form-field/form-field.scss +1 -1
  57. package/icon/_icon-theme.scss +1 -1
  58. package/link/_link-theme.scss +1 -1
  59. package/markdown/_markdown-theme.scss +1 -1
  60. package/modal/_modal-theme.scss +2 -2
  61. package/modal/modal.scss +2 -2
  62. package/navbar/_navbar-theme.scss +4 -4
  63. package/navbar/navbar-item.scss +2 -2
  64. package/package.json +15 -15
  65. package/popover/_popover-theme.scss +1 -1
  66. package/prebuilt-themes/dark-theme.css +1 -1
  67. package/prebuilt-themes/default-theme.css +1 -1
  68. package/radio/_radio-theme.scss +1 -1
  69. package/select/_select-theme.scss +2 -2
  70. package/select/select.scss +1 -1
  71. package/sidepanel/_sidepanel-theme.scss +2 -2
  72. package/tabs/_tabs-theme.scss +2 -2
  73. package/tabs/tab-header.scss +16 -12
  74. package/tabs/tab-nav-bar/tab-nav-bar.scss +15 -13
  75. package/tags/_tag-theme.scss +2 -2
  76. package/timezone/_timezone-option-theme.scss +1 -1
  77. package/toast/_toast-theme.scss +1 -1
  78. package/toggle/_toggle-theme.scss +1 -1
  79. package/tooltip/_tooltip-theme.scss +1 -1
  80. package/tree-select/tree-select.scss +1 -1
package/radio/_radio-theme.scss CHANGED
@@ -8,7 +8,7 @@
8
8
  $foreground: map.get($theme, foreground);
9
9
  $background: map.get($theme, background);
10
10
 
11
- $radio: map.get(map.get($theme, components), radio);
11
+ $radio: map.get($theme, components, radio);
12
12
 
13
13
  .mc-radio-group {
14
14
  color: mc-css-variable(foreground-text, map-get($foreground, text));
package/select/_select-theme.scss CHANGED
@@ -12,8 +12,8 @@
12
12
 
13
13
  $error: map.get($theme, error);
14
14
 
15
- $popup: map.get(map.get($theme, components), popup);
16
- $list: map-get(map-get($theme, components), list);
15
+ $popup: map.get($theme, components, popup);
16
+ $list: map-get($theme, components, list);
17
17
 
18
18
  .mc-select {
19
19
  color: mc-css-variable(foreground-text, map-get($foreground, text));
package/select/select.scss CHANGED
@@ -166,7 +166,7 @@ $tokens: meta.module-variables(tokens) !default;
166
166
  display: flex;
167
167
  align-items: center;
168
168
  box-sizing: border-box;
169
- padding: map.get($tokens, size-xxs) map.get($tokens, size-m);
169
+ padding: mc-css-variable(size-xxs) mc-css-variable(size-m);
170
170
  border-top-width: 1px;
171
171
  border-top-style: solid;
172
172
  min-height: mc-css-variable(list-size-footer-min-height);
package/sidepanel/_sidepanel-theme.scss CHANGED
@@ -8,8 +8,8 @@
8
8
  @mixin mc-sidepanel-theme($theme) {
9
9
  $background: map.get($theme, background);
10
10
 
11
- $sidepanel: map.get(map.get($theme, components), sidepanel);
12
- $popup: map.get(map.get($theme, components), popup);
11
+ $sidepanel: map.get($theme, components, sidepanel);
12
+ $popup: map.get($theme, components, popup);
13
13
 
14
14
  .mc-sidepanel-content {
15
15
  background-color: mc-css-variable(background-background, map-get($background, background));
package/tabs/_tabs-theme.scss CHANGED
@@ -11,8 +11,8 @@
11
11
  $background: map.get($theme, background);
12
12
  $states: map.get($theme, states);
13
13
 
14
- $tabs: map.get(map.get($theme, components), tabs);
15
- $vertical-tabs: map.get(map.get($theme, components), vertical-tabs);
14
+ $tabs: map.get($theme, components, tabs);
15
+ $vertical-tabs: map.get($theme, components, vertical-tabs);
16
16
 
17
17
  .mc-tab-group_vertical .mc-tab-header__content {
18
18
  border-right-color: mc-css-variable(foreground-divider, map-get($foreground, divider));
package/tabs/tab-header.scss CHANGED
@@ -27,24 +27,28 @@ $tokens: meta.module-variables(tokens) !default;
27
27
  .mc-tab-group_align-labels-end & {
28
28
  justify-content: flex-end;
29
29
  }
30
-
31
- &:after {
32
- display: flex;
33
- content: "";
34
-
35
- flex: 1;
36
-
37
- border: {
38
- bottom-style: solid;
39
- bottom-width: mc-css-variable(tabs-size-border-width);
40
- };
41
- }
42
30
  }
43
31
 
44
32
  .mc-tab-header_vertical .mc-tab-list__content {
45
33
  flex-direction: column;
46
34
  }
47
35
 
36
+ .mc-tab-header .mc-tab-list__content {
37
+ .mc-tab-group:not(.mc-tab-group_stretch-labels) & {
38
+ &:after {
39
+ display: flex;
40
+ content: "";
41
+
42
+ flex: 1;
43
+
44
+ border: {
45
+ bottom-style: solid;
46
+ bottom-width: mc-css-variable(tabs-size-border-width);
47
+ };
48
+ }
49
+ }
50
+ }
51
+
48
52
  .mc-tab-header__pagination {
49
53
  @include vendor-prefixes.user-select(none);
50
54
 
package/tabs/tab-nav-bar/tab-nav-bar.scss CHANGED
@@ -48,20 +48,22 @@ $tokens: meta.module-variables(tokens) !default;
48
48
  justify-content: flex-end;
49
49
  }
50
50
 
51
- &:after {
52
- display: flex;
53
- content: "";
51
+ &.mc-tab-group_vertical {
52
+ flex-direction: column;
53
+ flex-grow: 0;
54
+ }
54
55
 
55
- flex: 1;
56
+ &:not(.mc-tab-group_vertical) {
57
+ &:after {
58
+ display: flex;
59
+ content: "";
56
60
 
57
- border: {
58
- bottom-style: solid;
59
- bottom-width: mc-css-variable(tabs-size-border-width);
60
- };
61
- }
62
- }
61
+ flex: 1;
63
62
 
64
- .mc-tab-nav-bar.mc-tab-group_vertical {
65
- flex-direction: column;
66
- flex-grow: 0;
63
+ border: {
64
+ bottom-style: solid;
65
+ bottom-width: mc-css-variable(tabs-size-border-width);
66
+ };
67
+ }
68
+ }
67
69
  }
package/tags/_tag-theme.scss CHANGED
@@ -49,7 +49,7 @@
49
49
  $foreground: map.get($theme, foreground);
50
50
  $background: map.get($theme, background);
51
51
 
52
- $tags: map.get(map.get($theme, components), tags);
52
+ $tags: map.get($theme, components, tags);
53
53
 
54
54
  .mc-tag {
55
55
  &.mc-primary {
@@ -80,7 +80,7 @@
80
80
  background-background-disabled, map-get($background, background-disabled));
81
81
 
82
82
  & .mc-tag-overlay {
83
- background: mc-color($background, overlay-disabled);
83
+ background: mc-css-variable(background-overlay-disabled, mc-color($background, overlay-disabled));
84
84
  }
85
85
  }
86
86
  }
package/timezone/_timezone-option-theme.scss CHANGED
@@ -6,7 +6,7 @@
6
6
 
7
7
 
8
8
  @mixin mc-timezone-option-theme($theme) {
9
- $timezone: map.get(map.get($theme, components), timezone);
9
+ $timezone: map.get($theme, components, timezone);
10
10
 
11
11
  .mc-timezone-option__offset,
12
12
  .mc-timezone-option__city {
package/toast/_toast-theme.scss CHANGED
@@ -45,7 +45,7 @@
45
45
 
46
46
  @mixin mc-toast-typography($config) {
47
47
  .mc-toast {
48
- @include mc-typography-level-to-styles($config, body);
48
+ @include mc-typography-level-to-styles_css-variables(typography, body);
49
49
  }
50
50
 
51
51
  .mc-toast__title {
package/toggle/_toggle-theme.scss CHANGED
@@ -10,7 +10,7 @@
10
10
  $foreground: map.get($theme, foreground);
11
11
  $background: map.get($theme, background);
12
12
 
13
- $toggle: map.get(map.get($theme, components), toggle);
13
+ $toggle: map.get($theme, components, toggle);
14
14
 
15
15
  .mc-toggle {
16
16
  color: mc-css-variable(foreground-text, map-get($foreground, text));
package/tooltip/_tooltip-theme.scss CHANGED
@@ -10,7 +10,7 @@
10
10
  $foreground: map.get($theme, foreground);
11
11
  $background: map.get($theme, background);
12
12
 
13
- $tooltip: map.get(map.get($theme, components), tooltip);
13
+ $tooltip: map.get($theme, components, tooltip);
14
14
 
15
15
  .mc-tooltip {
16
16
  box-shadow: mc-css-variable(tooltip-shadow, map-get($tooltip, shadow));
package/tree-select/tree-select.scss CHANGED
@@ -158,7 +158,7 @@ $tokens: meta.module-variables(tokens) !default;
158
158
  display: flex;
159
159
  align-items: center;
160
160
  box-sizing: border-box;
161
- padding: map.get($tokens, size-xxs) map.get($tokens, size-m);
161
+ padding: mc-css-variable(size-xxs) mc-css-variable(size-m);
162
162
  border-top-width: 1px;
163
163
  border-top-style: solid;
164
164
  min-height: mc-css-variable(list-size-footer-min-height);