@khanacademy/wonder-blocks-grid 3.1.50 → 3.1.52

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/CHANGELOG.md CHANGED
@@ -1,5 +1,25 @@
1
1
  # @khanacademy/wonder-blocks-grid
2
2
 
3
+ ## 3.1.52
4
+
5
+ ### Patch Changes
6
+
7
+ - 40cb70f: Add `require-logical-properties-for-rtl` ESLint rule to `eslint-plugin-wonder-blocks` recommended config, and migrate all Wonder Blocks component source files to use CSS logical properties for improved RTL layout support.
8
+ - 40cb70f: Enable RTL logical-properties ESLint rule in recommended config
9
+ - Updated dependencies [40cb70f]
10
+ - Updated dependencies [40cb70f]
11
+ - @khanacademy/wonder-blocks-core@12.4.4
12
+ - @khanacademy/wonder-blocks-layout@3.1.52
13
+
14
+ ## 3.1.51
15
+
16
+ ### Patch Changes
17
+
18
+ - Updated dependencies [44bde5e]
19
+ - Updated dependencies [27a211d]
20
+ - @khanacademy/wonder-blocks-tokens@16.5.0
21
+ - @khanacademy/wonder-blocks-layout@3.1.51
22
+
3
23
  ## 3.1.50
4
24
 
5
25
  ### Patch Changes
package/dist/es/index.js CHANGED
@@ -4,7 +4,7 @@ import { MediaLayout, queryMatchesSize, Strut } from '@khanacademy/wonder-blocks
4
4
  import { View } from '@khanacademy/wonder-blocks-core';
5
5
  import { StyleSheet } from 'aphrodite';
6
6
 
7
- const WIDE_SCREEN="@media (min-width: 1168px)";const styles=StyleSheet.create({row:{flexDirection:"row",alignItems:"center",width:"100%"},rowMaxWidth:{[WIDE_SCREEN]:{margin:"0 auto"}},cellGrow:{flexGrow:1},cellFixed:{flexShrink:0}});
7
+ const WIDE_SCREEN="@media (min-width: 1168px)";const styles=StyleSheet.create({row:{flexDirection:"row",alignItems:"center",width:"100%"},rowMaxWidth:{[WIDE_SCREEN]:{marginBlock:"0",marginInline:"auto"}},cellGrow:{flexGrow:1},cellFixed:{flexShrink:0}});
8
8
 
9
9
  const flexBasis=size=>{return {MsFlexBasis:size,MsFlexPreferredSize:size,WebkitFlexBasis:size,flexBasis:size}};
10
10
 
package/dist/index.js CHANGED
@@ -28,7 +28,7 @@ function _interopNamespace(e) {
28
28
 
29
29
  var React__namespace = /*#__PURE__*/_interopNamespace(React);
30
30
 
31
- const WIDE_SCREEN="@media (min-width: 1168px)";const styles=aphrodite.StyleSheet.create({row:{flexDirection:"row",alignItems:"center",width:"100%"},rowMaxWidth:{[WIDE_SCREEN]:{margin:"0 auto"}},cellGrow:{flexGrow:1},cellFixed:{flexShrink:0}});
31
+ const WIDE_SCREEN="@media (min-width: 1168px)";const styles=aphrodite.StyleSheet.create({row:{flexDirection:"row",alignItems:"center",width:"100%"},rowMaxWidth:{[WIDE_SCREEN]:{marginBlock:"0",marginInline:"auto"}},cellGrow:{flexGrow:1},cellFixed:{flexShrink:0}});
32
32
 
33
33
  const flexBasis=size=>{return {MsFlexBasis:size,MsFlexPreferredSize:size,WebkitFlexBasis:size,flexBasis:size}};
34
34
 
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "description": "Grid components for Wonder Blocks design system.",
4
4
  "author": "Khan Academy",
5
5
  "license": "MIT",
6
- "version": "3.1.50",
6
+ "version": "3.1.52",
7
7
  "publishConfig": {
8
8
  "access": "public"
9
9
  },
@@ -20,9 +20,9 @@
20
20
  "module": "dist/es/index.js",
21
21
  "types": "dist/index.d.ts",
22
22
  "dependencies": {
23
- "@khanacademy/wonder-blocks-core": "12.4.3",
24
- "@khanacademy/wonder-blocks-layout": "3.1.50",
25
- "@khanacademy/wonder-blocks-tokens": "16.4.1"
23
+ "@khanacademy/wonder-blocks-core": "12.4.4",
24
+ "@khanacademy/wonder-blocks-layout": "3.1.52",
25
+ "@khanacademy/wonder-blocks-tokens": "16.5.0"
26
26
  },
27
27
  "peerDependencies": {
28
28
  "aphrodite": "^1.2.5",