@khanacademy/wonder-blocks-cell 2.2.0 → 2.2.1

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 (7) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/es/index.js +3 -9
  3. package/dist/index.js +3 -9
  4. package/package.json +1 -1
  5. package/src/components/__docs__/detail-cell.stories.js +1 -0
  6. package/src/components/internal/cell-core.js +0 -1
  7. package/src/components/internal/common.js +2 -7
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @khanacademy/wonder-blocks-cell
2
2
 
3
+ ## 2.2.1
4
+
5
+ ### Patch Changes
6
+
7
+ - eadd9c0d: Fix top vertical alignment between accessories and content
8
+
3
9
  ## 2.2.0
4
10
 
5
11
  ### Minor Changes
package/dist/es/index.js CHANGED
@@ -16,7 +16,7 @@ const CellMeasurements = {
16
16
  * The cell wrapper's gap.
17
17
  */
18
18
  cellPadding: {
19
- paddingVertical: Spacing.xSmall_8,
19
+ paddingVertical: Spacing.small_12,
20
20
  paddingHorizontal: Spacing.medium_16
21
21
  },
22
22
 
@@ -24,15 +24,10 @@ const CellMeasurements = {
24
24
  * The DetailCell wrapper's gap.
25
25
  */
26
26
  detailCellPadding: {
27
- paddingVertical: Spacing.small_12,
27
+ paddingVertical: Spacing.medium_16,
28
28
  paddingHorizontal: Spacing.medium_16
29
29
  },
30
30
 
31
- /**
32
- * The extra vertical spacing added to the title/content wrapper.
33
- */
34
- contentVerticalSpacing: Spacing.xxxSmall_4,
35
-
36
31
  /**
37
32
  * The horizontal spacing between the left and right accessory.
38
33
  */
@@ -207,8 +202,7 @@ const styles$1 = StyleSheet.create({
207
202
  },
208
203
  content: {
209
204
  alignSelf: "center",
210
- overflowWrap: "break-word",
211
- padding: `${CellMeasurements.contentVerticalSpacing}px 0`
205
+ overflowWrap: "break-word"
212
206
  },
213
207
  accessory: {
214
208
  // Use content width by default.
package/dist/index.js CHANGED
@@ -126,7 +126,7 @@ const CellMeasurements = {
126
126
  * The cell wrapper's gap.
127
127
  */
128
128
  cellPadding: {
129
- paddingVertical: _khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_2___default.a.xSmall_8,
129
+ paddingVertical: _khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_2___default.a.small_12,
130
130
  paddingHorizontal: _khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_2___default.a.medium_16
131
131
  },
132
132
 
@@ -134,15 +134,10 @@ const CellMeasurements = {
134
134
  * The DetailCell wrapper's gap.
135
135
  */
136
136
  detailCellPadding: {
137
- paddingVertical: _khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_2___default.a.small_12,
137
+ paddingVertical: _khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_2___default.a.medium_16,
138
138
  paddingHorizontal: _khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_2___default.a.medium_16
139
139
  },
140
140
 
141
- /**
142
- * The extra vertical spacing added to the title/content wrapper.
143
- */
144
- contentVerticalSpacing: _khanacademy_wonder_blocks_spacing__WEBPACK_IMPORTED_MODULE_2___default.a.xxxSmall_4,
145
-
146
141
  /**
147
142
  * The horizontal spacing between the left and right accessory.
148
143
  */
@@ -372,8 +367,7 @@ const styles = aphrodite__WEBPACK_IMPORTED_MODULE_1__["StyleSheet"].create({
372
367
  },
373
368
  content: {
374
369
  alignSelf: "center",
375
- overflowWrap: "break-word",
376
- padding: `${_common_js__WEBPACK_IMPORTED_MODULE_7__[/* CellMeasurements */ "a"].contentVerticalSpacing}px 0`
370
+ overflowWrap: "break-word"
377
371
  },
378
372
  accessory: {
379
373
  // Use content width by default.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@khanacademy/wonder-blocks-cell",
3
- "version": "2.2.0",
3
+ "version": "2.2.1",
4
4
  "design": "v1",
5
5
  "publishConfig": {
6
6
  "access": "public"
package/src/components/__docs__/detail-cell.stories.js CHANGED
@@ -110,6 +110,7 @@ export const DetailCellWithCustomStyles: StoryComponentType = () => (
110
110
  leftAccessory={<Icon icon={icons.contentVideo} size="medium" />}
111
111
  leftAccessoryStyle={{
112
112
  minWidth: Spacing.xxLarge_48,
113
+ alignSelf: "flex-start",
113
114
  }}
114
115
  rightAccessory={<Icon icon={icons.caretRight} size="small" />}
115
116
  rightAccessoryStyle={{
package/src/components/internal/cell-core.js CHANGED
@@ -229,7 +229,6 @@ const styles = StyleSheet.create({
229
229
  content: {
230
230
  alignSelf: "center",
231
231
  overflowWrap: "break-word",
232
- padding: `${CellMeasurements.contentVerticalSpacing}px 0`,
233
232
  },
234
233
 
235
234
  accessory: {
package/src/components/internal/common.js CHANGED
@@ -14,7 +14,7 @@ export const CellMeasurements = {
14
14
  * The cell wrapper's gap.
15
15
  */
16
16
  cellPadding: {
17
- paddingVertical: Spacing.xSmall_8,
17
+ paddingVertical: Spacing.small_12,
18
18
  paddingHorizontal: Spacing.medium_16,
19
19
  },
20
20
 
@@ -22,15 +22,10 @@ export const CellMeasurements = {
22
22
  * The DetailCell wrapper's gap.
23
23
  */
24
24
  detailCellPadding: {
25
- paddingVertical: Spacing.small_12,
25
+ paddingVertical: Spacing.medium_16,
26
26
  paddingHorizontal: Spacing.medium_16,
27
27
  },
28
28
 
29
- /**
30
- * The extra vertical spacing added to the title/content wrapper.
31
- */
32
- contentVerticalSpacing: Spacing.xxxSmall_4,
33
-
34
29
  /**
35
30
  * The horizontal spacing between the left and right accessory.
36
31
  */