@carbon/grid 10.23.0 → 10.25.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.
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@carbon/grid",
3
3
  "description": "Grid for digital and software products using the Carbon Design System",
4
- "version": "10.23.0",
4
+ "version": "10.25.0",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
7
7
  "type": "git",
@@ -32,10 +32,10 @@
32
32
  },
33
33
  "dependencies": {
34
34
  "@carbon/import-once": "^10.6.0",
35
- "@carbon/layout": "^10.21.0"
35
+ "@carbon/layout": "^10.23.0"
36
36
  },
37
37
  "devDependencies": {
38
- "@carbon/cli": "^10.21.0",
38
+ "@carbon/cli": "^10.22.0",
39
39
  "rimraf": "^3.0.0"
40
40
  },
41
41
  "eyeglass": {
@@ -44,5 +44,5 @@
44
44
  "sassDir": "scss",
45
45
  "needs": "^1.3.0"
46
46
  },
47
- "gitHead": "9d5ddba624d9cc7afe54717fd430228349c043e3"
47
+ "gitHead": "05909da32a2ee6aa2fb1965eb57871ea77c81c0e"
48
48
  }
@@ -243,6 +243,8 @@ $carbon--aspect-ratios: (
243
243
  (1, 2),
244
244
  (4, 3),
245
245
  (3, 4),
246
+ (3, 2),
247
+ (2, 3),
246
248
  (1, 1)
247
249
  );
248
250
 
package/scss/_mixins.scss CHANGED
@@ -243,6 +243,8 @@ $carbon--aspect-ratios: (
243
243
  (1, 2),
244
244
  (4, 3),
245
245
  (3, 4),
246
+ (3, 2),
247
+ (2, 3),
246
248
  (1, 1)
247
249
  );
248
250
 
@@ -98,7 +98,7 @@
98
98
  }
99
99
  }
100
100
 
101
- .#{$prefix}--css-grid--narrow > [class*='#{$prefix}--col'] {
101
+ .#{$prefix}--css-grid--narrow > [class*='col'] {
102
102
  margin-left: calc(var(--cds-grid-gutter) / 2 * -1);
103
103
  }
104
104
 
@@ -196,8 +196,16 @@ $carbon--grid-breakpoints: (
196
196
  $max: if($is-number-upper, $upper, map-get($breakpoints, $upper));
197
197
 
198
198
  @if $min and $max {
199
- $min-width: if(not $is-number-lower and $min, map-get($min, width), $min);
200
- $max-width: if(not $is-number-upper and $max, map-get($max, width), $max);
199
+ $min-width: if(
200
+ not $is-number-lower and $min,
201
+ map-get($min, width + 0.02),
202
+ $min
203
+ );
204
+ $max-width: if(
205
+ not $is-number-upper and $max,
206
+ map-get($max, width - 0.02),
207
+ $max
208
+ );
201
209
  @media (min-width: $min-width) and (max-width: $max-width) {
202
210
  @content;
203
211
  }
@@ -66,6 +66,11 @@ $carbon--spacing-11: 5rem !default;
66
66
  /// @group @carbon/layout
67
67
  $carbon--spacing-12: 6rem !default;
68
68
 
69
+ /// @type Number
70
+ /// @access public
71
+ /// @group @carbon/layout
72
+ $carbon--spacing-13: 10rem !default;
73
+
69
74
  /// @type List
70
75
  /// @access public
71
76
  /// @group @carbon/layout
@@ -81,7 +86,8 @@ $carbon--spacing: (
81
86
  $carbon--spacing-09,
82
87
  $carbon--spacing-10,
83
88
  $carbon--spacing-11,
84
- $carbon--spacing-12
89
+ $carbon--spacing-12,
90
+ $carbon--spacing-13
85
91
  );
86
92
 
87
93
  /// @type Number
@@ -155,3 +161,9 @@ $spacing-11: $carbon--spacing-11 !default;
155
161
  /// @group @carbon/layout
156
162
  /// @alias carbon--spacing-12
157
163
  $spacing-12: $carbon--spacing-12 !default;
164
+
165
+ /// @type Number
166
+ /// @access public
167
+ /// @group @carbon/layout
168
+ /// @alias carbon--spacing-13
169
+ $spacing-13: $carbon--spacing-13 !default;
@@ -66,6 +66,11 @@ $spacing-11: 5rem !default;
66
66
  /// @group @carbon/layout
67
67
  $spacing-12: 6rem !default;
68
68
 
69
+ /// @type Number
70
+ /// @access public
71
+ /// @group @carbon/layout
72
+ $spacing-13: 10rem !default;
73
+
69
74
  /// @type Map
70
75
  /// @access public
71
76
  /// @group @carbon/layout
@@ -82,4 +87,5 @@ $spacing: (
82
87
  spacing-10: $spacing-10,
83
88
  spacing-11: $spacing-11,
84
89
  spacing-12: $spacing-12,
90
+ spacing-13: $spacing-13,
85
91
  );