vanilla-framework 2.37.0 → 3.0.0-beta.2

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 (143) hide show
  1. package/README.md +1 -1
  2. package/_index.scss +1 -0
  3. package/package.json +11 -9
  4. package/scss/_base_blockquotes.scss +2 -2
  5. package/scss/_base_button.scss +9 -27
  6. package/scss/_base_code.scss +8 -9
  7. package/scss/_base_details.scss +3 -3
  8. package/scss/_base_forms-range.scss +1 -45
  9. package/scss/_base_forms.scss +12 -23
  10. package/scss/_base_grid-definitions.scss +2 -23
  11. package/scss/_base_hr.scss +1 -1
  12. package/scss/_base_icon-definitions.scss +0 -24
  13. package/scss/_base_lists.scss +5 -5
  14. package/scss/_base_media.scss +1 -6
  15. package/scss/_base_placeholders.scss +27 -30
  16. package/scss/_base_tables.scss +7 -7
  17. package/scss/_base_typography-definitions.scss +50 -58
  18. package/scss/_base_typography.scss +8 -18
  19. package/scss/_global_functions.scss +3 -11
  20. package/scss/_layouts_application-panels.scss +1 -1
  21. package/scss/_layouts_application.scss +1 -1
  22. package/scss/_layouts_fluid-breakout.scss +40 -150
  23. package/scss/_patterns_accordion.scss +16 -71
  24. package/scss/_patterns_article-pagination.scss +3 -6
  25. package/scss/_patterns_breadcrumbs.scss +1 -1
  26. package/scss/_patterns_buttons.scss +1 -35
  27. package/scss/_patterns_card.scss +8 -8
  28. package/scss/_patterns_chip.scss +89 -47
  29. package/scss/_patterns_code-snippet.scss +7 -7
  30. package/scss/_patterns_contextual-menu.scss +1 -1
  31. package/scss/_patterns_divider.scss +4 -4
  32. package/scss/_patterns_form-help-text.scss +2 -2
  33. package/scss/_patterns_form-password-toggle.scss +0 -6
  34. package/scss/_patterns_form-tick-elements.scss +217 -27
  35. package/scss/_patterns_form-validation.scss +2 -2
  36. package/scss/_patterns_forms.scss +7 -7
  37. package/scss/_patterns_grid.scss +6 -20
  38. package/scss/_patterns_heading-icon.scss +7 -7
  39. package/scss/_patterns_headings.scss +0 -26
  40. package/scss/_patterns_icons.scss +0 -58
  41. package/scss/_patterns_label.scss +1 -1
  42. package/scss/_patterns_links.scss +4 -33
  43. package/scss/_patterns_list-tree.scss +0 -1
  44. package/scss/_patterns_lists.scss +17 -32
  45. package/scss/_patterns_logo-section.scss +7 -5
  46. package/scss/_patterns_matrix.scss +19 -21
  47. package/scss/_patterns_media-object.scss +4 -4
  48. package/scss/_patterns_modal.scss +9 -9
  49. package/scss/_patterns_navigation.scss +317 -312
  50. package/scss/_patterns_notifications.scss +15 -57
  51. package/scss/_patterns_pagination.scss +6 -6
  52. package/scss/_patterns_pull-quotes.scss +4 -4
  53. package/scss/_patterns_search-and-filter.scss +8 -8
  54. package/scss/_patterns_search-box.scss +2 -3
  55. package/scss/_patterns_separator.scss +4 -4
  56. package/scss/_patterns_side-navigation.scss +12 -15
  57. package/scss/_patterns_strip.scss +1 -1
  58. package/scss/_patterns_switch.scss +11 -11
  59. package/scss/_patterns_table-expanding.scss +0 -13
  60. package/scss/_patterns_table-icons.scss +2 -2
  61. package/scss/_patterns_table-mobile-card.scss +4 -11
  62. package/scss/_patterns_table-of-contents.scss +1 -1
  63. package/scss/_patterns_tabs.scss +2 -2
  64. package/scss/_patterns_tooltips.scss +5 -5
  65. package/scss/_settings_breakpoints.scss +2 -3
  66. package/scss/_settings_colors.scss +18 -0
  67. package/scss/_settings_grid.scss +1 -4
  68. package/scss/_settings_spacing.scss +76 -98
  69. package/scss/_settings_system.scss +1 -7
  70. package/scss/_utilities_baseline-grid.scss +1 -1
  71. package/scss/_utilities_content-align.scss +2 -2
  72. package/scss/_utilities_embedded-media.scss +2 -2
  73. package/scss/_utilities_equal-height.scss +1 -1
  74. package/scss/_utilities_floats.scss +4 -4
  75. package/scss/_utilities_hide.scss +8 -8
  76. package/scss/_utilities_image-position.scss +1 -1
  77. package/scss/_utilities_show.scss +2 -6
  78. package/scss/_utilities_vertical-spacing.scss +6 -12
  79. package/scss/_vanilla.scss +0 -11
  80. package/scss/_base_forms-tick-elements.scss +0 -607
  81. package/scss/_base_typography-max-widths.scss +0 -36
  82. package/scss/_patterns_code-copyable.scss +0 -43
  83. package/scss/_patterns_code-numbered.scss +0 -13
  84. package/scss/_patterns_inline-images.scss +0 -37
  85. package/scss/_patterns_subnav.scss +0 -210
  86. package/scss/standalone/base.scss +0 -2
  87. package/scss/standalone/custom.scss +0 -7
  88. package/scss/standalone/dark.scss +0 -11
  89. package/scss/standalone/example.scss +0 -15
  90. package/scss/standalone/import.scss +0 -2
  91. package/scss/standalone/layouts_fluid-breakout-full.scss +0 -8
  92. package/scss/standalone/layouts_fluid-breakout.scss +0 -8
  93. package/scss/standalone/patterns_accordion.scss +0 -6
  94. package/scss/standalone/patterns_article-pagination.scss +0 -4
  95. package/scss/standalone/patterns_breadcrumbs.scss +0 -4
  96. package/scss/standalone/patterns_buttons.scss +0 -9
  97. package/scss/standalone/patterns_card.scss +0 -9
  98. package/scss/standalone/patterns_chip.scss +0 -6
  99. package/scss/standalone/patterns_code-copyable.scss +0 -4
  100. package/scss/standalone/patterns_code-numbered.scss +0 -4
  101. package/scss/standalone/patterns_code-snippet.scss +0 -6
  102. package/scss/standalone/patterns_contextual-menu.scss +0 -9
  103. package/scss/standalone/patterns_divider.scss +0 -7
  104. package/scss/standalone/patterns_form-password-toggle.scss +0 -19
  105. package/scss/standalone/patterns_form-tick-elements.scss +0 -13
  106. package/scss/standalone/patterns_forms.scss +0 -17
  107. package/scss/standalone/patterns_grid.scss +0 -4
  108. package/scss/standalone/patterns_heading-icon.scss +0 -4
  109. package/scss/standalone/patterns_headings.scss +0 -4
  110. package/scss/standalone/patterns_icons-additional.scss +0 -104
  111. package/scss/standalone/patterns_icons.scss +0 -7
  112. package/scss/standalone/patterns_image.scss +0 -4
  113. package/scss/standalone/patterns_inline-images.scss +0 -4
  114. package/scss/standalone/patterns_label.scss +0 -4
  115. package/scss/standalone/patterns_links.scss +0 -4
  116. package/scss/standalone/patterns_list-tree.scss +0 -4
  117. package/scss/standalone/patterns_lists.scss +0 -4
  118. package/scss/standalone/patterns_logo-section.scss +0 -4
  119. package/scss/standalone/patterns_matrix.scss +0 -4
  120. package/scss/standalone/patterns_media-object.scss +0 -4
  121. package/scss/standalone/patterns_modal.scss +0 -9
  122. package/scss/standalone/patterns_muted-heading.scss +0 -4
  123. package/scss/standalone/patterns_navigation.scss +0 -4
  124. package/scss/standalone/patterns_notifications.scss +0 -11
  125. package/scss/standalone/patterns_pagination.scss +0 -7
  126. package/scss/standalone/patterns_pull-quotes.scss +0 -4
  127. package/scss/standalone/patterns_search-and-filter.scss +0 -8
  128. package/scss/standalone/patterns_search-box.scss +0 -15
  129. package/scss/standalone/patterns_separator.scss +0 -4
  130. package/scss/standalone/patterns_side-navigation.scss +0 -11
  131. package/scss/standalone/patterns_skip-link.scss +0 -8
  132. package/scss/standalone/patterns_slider.scss +0 -4
  133. package/scss/standalone/patterns_strip.scss +0 -10
  134. package/scss/standalone/patterns_subnav.scss +0 -9
  135. package/scss/standalone/patterns_switch.scss +0 -4
  136. package/scss/standalone/patterns_tab-buttons.scss +0 -7
  137. package/scss/standalone/patterns_table-expanding.scss +0 -10
  138. package/scss/standalone/patterns_table-mobile-card.scss +0 -10
  139. package/scss/standalone/patterns_table-of-contents.scss +0 -7
  140. package/scss/standalone/patterns_table-overflow.scss +0 -10
  141. package/scss/standalone/patterns_table-sortable.scss +0 -10
  142. package/scss/standalone/patterns_tabs.scss +0 -4
  143. package/scss/standalone/patterns_tooltips.scss +0 -6
package/scss/_patterns_media-object.scss CHANGED
@@ -4,14 +4,14 @@
4
4
  %p-media-object {
5
5
  display: flex;
6
6
  flex-shrink: 0;
7
- margin-bottom: $spv-outer--scaleable;
7
+ margin-bottom: $spv--x-large;
8
8
  }
9
9
 
10
10
  %vf-meta-list-item {
11
11
  @extend %small-text;
12
12
 
13
13
  color: $color-dark;
14
- padding-left: map-get($icon-sizes, default) + $sph-inner;
14
+ padding-left: map-get($icon-sizes, default) + $sph--large;
15
15
  }
16
16
 
17
17
  %vf-iconed-list-item {
@@ -31,7 +31,7 @@
31
31
  border-radius: $border-radius;
32
32
  flex-basis: inherit;
33
33
  flex-shrink: 0;
34
- margin-right: $sph-inner;
34
+ margin-right: $sph--large;
35
35
  max-height: map-get($icon-sizes, thumb);
36
36
  max-width: map-get($icon-sizes, thumb);
37
37
  vertical-align: middle;
@@ -56,7 +56,7 @@
56
56
  list-style: none;
57
57
  margin: 0;
58
58
  padding-left: 0;
59
- padding-top: $spv-inner--small;
59
+ padding-top: $spv--small;
60
60
  }
61
61
 
62
62
  .p-media-object__meta-list-item {
package/scss/_patterns_modal.scss CHANGED
@@ -12,7 +12,7 @@
12
12
  justify-content: center;
13
13
  left: 0;
14
14
  margin: 0;
15
- padding: $spv-inner--large;
15
+ padding: $spv--large;
16
16
  position: fixed;
17
17
  right: 0;
18
18
  top: 0;
@@ -25,17 +25,17 @@
25
25
  @extend %vf-has-box-shadow;
26
26
  @extend %vf-has-round-corners;
27
27
 
28
- left: $sph-inner--large;
28
+ left: $sph--x-large;
29
29
  margin-bottom: 0;
30
- max-height: calc(100% - #{2 * $spv-inner--large});
30
+ max-height: calc(100% - #{2 * $spv--large});
31
31
  max-width: $grid-max-width;
32
32
  overflow: auto;
33
33
  padding-top: 0;
34
34
  position: absolute;
35
- right: $sph-inner--large;
35
+ right: $sph--x-large;
36
36
  width: auto;
37
37
 
38
- @media (min-width: $breakpoint-medium) {
38
+ @media (min-width: $threshold-6-12-col) {
39
39
  bottom: initial;
40
40
  left: initial;
41
41
  position: relative;
@@ -50,10 +50,10 @@
50
50
  background: $color-x-light;
51
51
  display: flex;
52
52
  justify-content: space-between;
53
- margin-bottom: $spv-inner--small;
53
+ margin-bottom: $spv--small;
54
54
  // add padding to accommodate the width of p-modal__close
55
- padding-right: $icon-size + $sph-inner--small * 2;
56
- padding-top: $spv-inner--large;
55
+ padding-right: $icon-size + $sph--small * 2;
56
+ padding-top: $spv--large;
57
57
  position: sticky;
58
58
  top: 0;
59
59
  z-index: 10;
@@ -77,7 +77,7 @@
77
77
  box-sizing: content-box;
78
78
  height: $icon-size;
79
79
  margin: 0;
80
- margin-top: $spv-inner--large;
80
+ margin-top: $spv--large;
81
81
  padding: $sp-unit;
82
82
  position: absolute;
83
83
  right: 0;