@snyk-mktg/brand-ui 2.5.4 → 2.5.7

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 (3) hide show
  1. package/dist/scss/components/molecules/_tables.scss +1 -1
  2. package/dist/scss/components/organisms/_navigation.scss +16 -0
  3. package/package.json +1 -1
package/dist/scss/components/molecules/_tables.scss CHANGED
@@ -56,7 +56,7 @@
56
56
 
57
57
  &-row {
58
58
  &-header {
59
- width: brandui-col-spacing(6);
59
+ width: brandui-col-spacing(4);
60
60
  padding-left: map.get($brandui-padding, small);
61
61
  text-align: left;
62
62
  vertical-align: top;
package/dist/scss/components/organisms/_navigation.scss CHANGED
@@ -55,6 +55,16 @@
55
55
  }
56
56
  }
57
57
 
58
+ &:has(.with-search) {
59
+ justify-content: end;
60
+ gap: map.get($brandui-padding, 'small');
61
+
62
+ @include break.max-tablet {
63
+ justify-content: start;
64
+ gap: map.get($brandui-padding, 'extra-small');
65
+ }
66
+ }
67
+
58
68
  @include break.max-tablet {
59
69
  margin-top: map.get($brandui-padding, 'huge');
60
70
  padding: map.get($brandui-padding, 'small');
@@ -717,6 +727,12 @@
717
727
  transition: map.get($brandui-transition, 'fast');
718
728
  margin-left: auto;
719
729
 
730
+ &.with-search {
731
+ @include break.min-tablet {
732
+ margin-left: 0;
733
+ }
734
+ }
735
+
720
736
  @include break.max-tablet {
721
737
  margin: 0 auto;
722
738
  justify-content: center;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@snyk-mktg/brand-ui",
3
- "version": "2.5.4",
3
+ "version": "2.5.7",
4
4
  "description": "The official style library for Snyk’s BrandUI Design System",
5
5
  "scripts": {
6
6
  "dev:css": "gulp devCss",