vanilla-framework 4.9.1 → 4.11.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 (25) hide show
  1. package/package.json +9 -10
  2. package/scss/_base_blockquotes.scss +1 -1
  3. package/scss/_base_button.scss +2 -0
  4. package/scss/_base_code.scss +0 -8
  5. package/scss/_base_forms-range.scss +6 -5
  6. package/scss/_base_forms.scss +3 -8
  7. package/scss/_base_icon-definitions.scss +1 -1
  8. package/scss/_base_placeholders.scss +2 -0
  9. package/scss/_patterns_buttons.scss +3 -11
  10. package/scss/_patterns_card.scss +2 -1
  11. package/scss/_patterns_chip.scss +10 -15
  12. package/scss/_patterns_equal-height-row.scss +107 -0
  13. package/scss/_patterns_icons.scss +3 -95
  14. package/scss/_patterns_lists.scss +3 -3
  15. package/scss/_patterns_media-container.scss +5 -0
  16. package/scss/_patterns_navigation.scss +113 -245
  17. package/scss/_patterns_notifications.scss +0 -1
  18. package/scss/_patterns_pagination.scss +2 -2
  19. package/scss/_patterns_rule.scss +2 -10
  20. package/scss/_patterns_suru.scss +35 -4
  21. package/scss/_settings_colors.scss +2 -2
  22. package/scss/_settings_spacing.scss +4 -4
  23. package/scss/_settings_themes.scss +9 -6
  24. package/scss/_utilities_layout.scss +10 -4
  25. package/scss/_vanilla.scss +13 -11
package/scss/_settings_themes.scss CHANGED
@@ -1,11 +1,14 @@
1
+ // deprecated
2
+ // the following SCSS variables are deprecated and will be removed in a future release
3
+ // they are not used to switch themes anymore, instead use the CSS theme class names `is-light`, `is-dark` or `is-paper`
1
4
  $theme-default-forms: 'light' !default;
2
- $theme-default-hr: 'light' !default; // deprecated -- use new theme classes instead
5
+ $theme-default-hr: 'light' !default;
3
6
  $theme-default-nav: 'light' !default;
4
- $theme-default-p-side-navigation: 'light' !default; // deprecated -- use new theme classes instead
7
+ $theme-default-p-side-navigation: 'light' !default;
5
8
  $theme-default-p-search-box: 'light' !default;
6
- $theme-default-p-divider: 'light' !default; // deprecated -- use new theme classes instead
7
- $theme-default-p-contextual-menu: 'light' !default; // deprecated -- use new theme classes instead
8
- $theme-default-p-inline-list--middot: 'light' !default; // deprecated -- use new theme classes instead
9
+ $theme-default-p-divider: 'light' !default;
10
+ $theme-default-p-contextual-menu: 'light' !default;
11
+ $theme-default-p-inline-list--middot: 'light' !default;
9
12
  $theme-default-p-button: 'light' !default;
10
13
  $theme-default-p-chip: 'light' !default;
11
- $theme-default-p-tabs: 'light' !default; // deprecated -- use new theme classes instead
14
+ $theme-default-p-tabs: 'light' !default;
package/scss/_utilities_layout.scss CHANGED
@@ -3,13 +3,19 @@
3
3
  @extend %fixed-width-container;
4
4
  }
5
5
 
6
- @if ($table-layout-fixed) {
7
- .u-table-layout--auto {
6
+ // stylelint-disable selector-max-type -- table elements can use selector types
7
+ .u-table-layout--auto {
8
+ &,
9
+ table {
8
10
  table-layout: auto !important;
9
11
  }
10
- } @else {
11
- .u-table-layout--fixed {
12
+ }
13
+
14
+ .u-table-layout--fixed {
15
+ &,
16
+ table {
12
17
  table-layout: fixed !important;
13
18
  }
14
19
  }
20
+ // stylelint-enable selector-max-type
15
21
  }
package/scss/_vanilla.scss CHANGED
@@ -4,18 +4,19 @@
4
4
 
5
5
  @import 'patterns_accordion';
6
6
  @import 'patterns_article-pagination';
7
+ @import 'patterns_badge';
7
8
  @import 'patterns_breadcrumbs';
8
9
  @import 'patterns_buttons';
9
10
  @import 'patterns_card';
10
11
  @import 'patterns_chip';
11
- @import 'patterns_badge';
12
12
  @import 'patterns_code-snippet';
13
13
  @import 'patterns_contextual-menu';
14
14
  @import 'patterns_divider';
15
+ @import 'patterns_equal-height-row';
15
16
  @import 'patterns_form-help-text';
16
- @import 'patterns_form-validation';
17
- @import 'patterns_form-tick-elements';
18
17
  @import 'patterns_form-password-toggle';
18
+ @import 'patterns_form-tick-elements';
19
+ @import 'patterns_form-validation';
19
20
  @import 'patterns_forms';
20
21
  @import 'patterns_grid';
21
22
  @import 'patterns_heading-icon';
@@ -39,22 +40,22 @@
39
40
  @import 'patterns_search-and-filter';
40
41
  @import 'patterns_search-box';
41
42
  @import 'patterns_section';
43
+ @import 'patterns_segmented-control';
42
44
  @import 'patterns_separator';
43
- @import 'patterns_side-navigation';
44
45
  @import 'patterns_side-navigation-expandable';
46
+ @import 'patterns_side-navigation';
45
47
  @import 'patterns_slider';
46
48
  @import 'patterns_status-label';
47
49
  @import 'patterns_strip';
50
+ @import 'patterns_suru';
48
51
  @import 'patterns_switch';
49
- @import 'patterns_segmented-control';
50
- @import 'patterns_table-icons';
51
52
  @import 'patterns_table-expanding';
52
- @import 'patterns_table-of-contents';
53
+ @import 'patterns_table-icons';
53
54
  @import 'patterns_table-mobile-card';
55
+ @import 'patterns_table-of-contents';
54
56
  @import 'patterns_table-sortable';
55
57
  @import 'patterns_tabs';
56
58
  @import 'patterns_tooltips';
57
- @import 'patterns_suru';
58
59
 
59
60
  // Layouts
60
61
  @import 'layouts_application';
@@ -96,22 +97,23 @@
96
97
  // Patterns
97
98
  @include vf-p-accordion;
98
99
  @include vf-p-article-pagination;
100
+ @include vf-p-badge;
99
101
  @include vf-p-breadcrumbs;
100
102
  @include vf-p-buttons;
101
103
  @include vf-p-card;
102
104
  @include vf-p-chip;
103
- @include vf-p-section;
104
- @include vf-p-badge;
105
105
  @include vf-p-code-snippet;
106
106
  @include vf-p-contextual-menu;
107
107
  @include vf-p-divider;
108
+ @include vf-p-equal-height-row;
108
109
  @include vf-p-form-help-text;
109
- @include vf-p-form-validation;
110
110
  @include vf-p-form-tick-elements;
111
+ @include vf-p-form-validation;
111
112
  @include vf-p-forms;
112
113
  @include vf-p-grid;
113
114
  @include vf-p-heading-icon;
114
115
  @include vf-p-headings;
116
+ @include vf-p-section;
115
117
 
116
118
  @include vf-p-form-password-toggle;
117
119
  @include vf-p-icons;