@khanacademy/wonder-blocks-dropdown 2.6.2 → 2.6.3

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 +7 -0
  2. package/dist/es/index.js +3 -3
  3. package/dist/index.js +3 -3
  4. package/package.json +1 -1
  5. package/src/__tests__/__snapshots__/generated-snapshot.test.js.snap +17 -14
  6. package/src/components/option-item.js +1 -1
  7. package/src/components/select-opener.js +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
1
1
  # @khanacademy/wonder-blocks-dropdown
2
2
 
3
+ ## 2.6.3
4
+
5
+ ### Patch Changes
6
+
7
+ - 11c87db3: - Added `wonder-blocks-birthday-picker`.
8
+ - Dropdown: Updated some styles from `backgroundColor` to `background` to avoid some warnings on unit tests.
9
+
3
10
  ## 2.6.2
4
11
 
5
12
  ### Patch Changes
package/dist/es/index.js CHANGED
@@ -396,7 +396,7 @@ const {
396
396
  const styles$6 = StyleSheet.create({
397
397
  itemContainer: {
398
398
  flexDirection: "row",
399
- backgroundColor: white$1,
399
+ background: white$1,
400
400
  color: offBlack$1,
401
401
  alignItems: "center",
402
402
  height: DROPDOWN_ITEM_HEIGHT,
@@ -1978,7 +1978,7 @@ const _generateStyles = (light, placeholder) => {
1978
1978
  if (light) {
1979
1979
  newStyles = {
1980
1980
  default: {
1981
- backgroundColor: "transparent",
1981
+ background: "transparent",
1982
1982
  color: placeholder ? white50 : white,
1983
1983
  borderColor: white50,
1984
1984
  borderWidth: 1
@@ -2006,7 +2006,7 @@ const _generateStyles = (light, placeholder) => {
2006
2006
  } else {
2007
2007
  newStyles = {
2008
2008
  default: {
2009
- backgroundColor: white,
2009
+ background: white,
2010
2010
  borderColor: offBlack16,
2011
2011
  borderWidth: 1,
2012
2012
  color: placeholder ? offBlack64 : offBlack
package/dist/index.js CHANGED
@@ -747,7 +747,7 @@ const {
747
747
  const styles = aphrodite__WEBPACK_IMPORTED_MODULE_1__["StyleSheet"].create({
748
748
  itemContainer: {
749
749
  flexDirection: "row",
750
- backgroundColor: white,
750
+ background: white,
751
751
  color: offBlack,
752
752
  alignItems: "center",
753
753
  height: _util_constants_js__WEBPACK_IMPORTED_MODULE_7__[/* DROPDOWN_ITEM_HEIGHT */ "a"],
@@ -1685,7 +1685,7 @@ const _generateStyles = (light, placeholder) => {
1685
1685
  if (light) {
1686
1686
  newStyles = {
1687
1687
  default: {
1688
- backgroundColor: "transparent",
1688
+ background: "transparent",
1689
1689
  color: placeholder ? white50 : white,
1690
1690
  borderColor: white50,
1691
1691
  borderWidth: 1
@@ -1713,7 +1713,7 @@ const _generateStyles = (light, placeholder) => {
1713
1713
  } else {
1714
1714
  newStyles = {
1715
1715
  default: {
1716
- backgroundColor: white,
1716
+ background: white,
1717
1717
  borderColor: offBlack16,
1718
1718
  borderWidth: 1,
1719
1719
  color: placeholder ? offBlack64 : offBlack
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@khanacademy/wonder-blocks-dropdown",
3
- "version": "2.6.2",
3
+ "version": "2.6.3",
4
4
  "design": "v1",
5
5
  "description": "Dropdown variants for Wonder Blocks.",
6
6
  "main": "dist/index.js",
package/src/__tests__/__snapshots__/generated-snapshot.test.js.snap CHANGED
@@ -1334,7 +1334,7 @@ exports[`wonder-blocks-dropdown example 8 1`] = `
1334
1334
  "border": 0,
1335
1335
  },
1336
1336
  "alignItems": "center",
1337
- "backgroundColor": "#ffffff",
1337
+ "background": "#ffffff",
1338
1338
  "borderColor": "rgba(33,36,44,0.16)",
1339
1339
  "borderRadius": 4,
1340
1340
  "borderStyle": "solid",
@@ -1470,7 +1470,7 @@ exports[`wonder-blocks-dropdown example 9 1`] = `
1470
1470
  "border": 0,
1471
1471
  },
1472
1472
  "alignItems": "center",
1473
- "backgroundColor": "#ffffff",
1473
+ "background": "#ffffff",
1474
1474
  "borderColor": "rgba(33,36,44,0.16)",
1475
1475
  "borderRadius": 4,
1476
1476
  "borderStyle": "solid",
@@ -1606,6 +1606,7 @@ exports[`wonder-blocks-dropdown example 10 1`] = `
1606
1606
  "border": 0,
1607
1607
  },
1608
1608
  "alignItems": "center",
1609
+ "background": "#ffffff",
1609
1610
  "backgroundColor": "transparent",
1610
1611
  "borderColor": "rgba(33,36,44,0.16)",
1611
1612
  "borderRadius": 4,
@@ -1768,7 +1769,7 @@ exports[`wonder-blocks-dropdown example 11 1`] = `
1768
1769
  "border": 0,
1769
1770
  },
1770
1771
  "alignItems": "center",
1771
- "backgroundColor": "transparent",
1772
+ "background": "transparent",
1772
1773
  "borderColor": "rgba(255,255,255,0.50)",
1773
1774
  "borderRadius": 4,
1774
1775
  "borderStyle": "solid",
@@ -1905,6 +1906,7 @@ exports[`wonder-blocks-dropdown example 12 1`] = `
1905
1906
  "border": 0,
1906
1907
  },
1907
1908
  "alignItems": "center",
1909
+ "background": "#ffffff",
1908
1910
  "backgroundColor": "transparent",
1909
1911
  "borderColor": "rgba(33,36,44,0.16)",
1910
1912
  "borderRadius": 4,
@@ -2062,7 +2064,7 @@ exports[`wonder-blocks-dropdown example 13 1`] = `
2062
2064
  "border": 0,
2063
2065
  },
2064
2066
  "alignItems": "center",
2065
- "backgroundColor": "#ffffff",
2067
+ "background": "#ffffff",
2066
2068
  "borderColor": "rgba(33,36,44,0.16)",
2067
2069
  "borderRadius": 4,
2068
2070
  "borderStyle": "solid",
@@ -2198,7 +2200,7 @@ exports[`wonder-blocks-dropdown example 14 1`] = `
2198
2200
  "border": 0,
2199
2201
  },
2200
2202
  "alignItems": "center",
2201
- "backgroundColor": "#ffffff",
2203
+ "background": "#ffffff",
2202
2204
  "borderColor": "rgba(33,36,44,0.16)",
2203
2205
  "borderRadius": 4,
2204
2206
  "borderStyle": "solid",
@@ -2498,7 +2500,7 @@ exports[`wonder-blocks-dropdown example 16 1`] = `
2498
2500
  "border": 0,
2499
2501
  },
2500
2502
  "alignItems": "center",
2501
- "backgroundColor": "#ffffff",
2503
+ "background": "#ffffff",
2502
2504
  "borderColor": "rgba(33,36,44,0.16)",
2503
2505
  "borderRadius": 4,
2504
2506
  "borderStyle": "solid",
@@ -2635,7 +2637,7 @@ exports[`wonder-blocks-dropdown example 17 1`] = `
2635
2637
  "border": 0,
2636
2638
  },
2637
2639
  "alignItems": "center",
2638
- "backgroundColor": "#ffffff",
2640
+ "background": "#ffffff",
2639
2641
  "borderColor": "rgba(33,36,44,0.16)",
2640
2642
  "borderRadius": 4,
2641
2643
  "borderStyle": "solid",
@@ -2771,7 +2773,7 @@ exports[`wonder-blocks-dropdown example 18 1`] = `
2771
2773
  "border": 0,
2772
2774
  },
2773
2775
  "alignItems": "center",
2774
- "backgroundColor": "#ffffff",
2776
+ "background": "#ffffff",
2775
2777
  "borderColor": "rgba(33,36,44,0.16)",
2776
2778
  "borderRadius": 4,
2777
2779
  "borderStyle": "solid",
@@ -2907,7 +2909,7 @@ exports[`wonder-blocks-dropdown example 19 1`] = `
2907
2909
  "border": 0,
2908
2910
  },
2909
2911
  "alignItems": "center",
2910
- "backgroundColor": "#ffffff",
2912
+ "background": "#ffffff",
2911
2913
  "borderColor": "rgba(33,36,44,0.16)",
2912
2914
  "borderRadius": 4,
2913
2915
  "borderStyle": "solid",
@@ -3138,6 +3140,7 @@ exports[`wonder-blocks-dropdown example 21 1`] = `
3138
3140
  "border": 0,
3139
3141
  },
3140
3142
  "alignItems": "center",
3143
+ "background": "#ffffff",
3141
3144
  "backgroundColor": "transparent",
3142
3145
  "borderColor": "rgba(33,36,44,0.16)",
3143
3146
  "borderRadius": 4,
@@ -3295,7 +3298,7 @@ exports[`wonder-blocks-dropdown example 22 1`] = `
3295
3298
  "border": 0,
3296
3299
  },
3297
3300
  "alignItems": "center",
3298
- "backgroundColor": "#ffffff",
3301
+ "background": "#ffffff",
3299
3302
  "borderColor": "rgba(33,36,44,0.16)",
3300
3303
  "borderRadius": 4,
3301
3304
  "borderStyle": "solid",
@@ -3431,7 +3434,7 @@ exports[`wonder-blocks-dropdown example 23 1`] = `
3431
3434
  "border": 0,
3432
3435
  },
3433
3436
  "alignItems": "center",
3434
- "backgroundColor": "#ffffff",
3437
+ "background": "#ffffff",
3435
3438
  "borderColor": "rgba(33,36,44,0.16)",
3436
3439
  "borderRadius": 4,
3437
3440
  "borderStyle": "solid",
@@ -3567,7 +3570,7 @@ exports[`wonder-blocks-dropdown example 24 1`] = `
3567
3570
  "border": 0,
3568
3571
  },
3569
3572
  "alignItems": "center",
3570
- "backgroundColor": "#ffffff",
3573
+ "background": "#ffffff",
3571
3574
  "borderColor": "rgba(33,36,44,0.16)",
3572
3575
  "borderRadius": 4,
3573
3576
  "borderStyle": "solid",
@@ -3801,7 +3804,7 @@ exports[`wonder-blocks-dropdown example 25 1`] = `
3801
3804
  "border": 0,
3802
3805
  },
3803
3806
  "alignItems": "center",
3804
- "backgroundColor": "#ffffff",
3807
+ "background": "#ffffff",
3805
3808
  "borderColor": "rgba(33,36,44,0.16)",
3806
3809
  "borderRadius": 4,
3807
3810
  "borderStyle": "solid",
@@ -3984,7 +3987,7 @@ exports[`wonder-blocks-dropdown example 27 1`] = `
3984
3987
  "border": 0,
3985
3988
  },
3986
3989
  "alignItems": "center",
3987
- "backgroundColor": "#ffffff",
3990
+ "background": "#ffffff",
3988
3991
  "borderColor": "rgba(33,36,44,0.16)",
3989
3992
  "borderRadius": 4,
3990
3993
  "borderStyle": "solid",
package/src/components/option-item.js CHANGED
@@ -190,7 +190,7 @@ const {blue, white, offBlack, offBlack32} = Color;
190
190
  const styles = StyleSheet.create({
191
191
  itemContainer: {
192
192
  flexDirection: "row",
193
- backgroundColor: white,
193
+ background: white,
194
194
  color: offBlack,
195
195
  alignItems: "center",
196
196
  height: DROPDOWN_ITEM_HEIGHT,
package/src/components/select-opener.js CHANGED
@@ -231,7 +231,7 @@ const _generateStyles = (light, placeholder) => {
231
231
  if (light) {
232
232
  newStyles = {
233
233
  default: {
234
- backgroundColor: "transparent",
234
+ background: "transparent",
235
235
  color: placeholder ? white50 : white,
236
236
  borderColor: white50,
237
237
  borderWidth: 1,
@@ -261,7 +261,7 @@ const _generateStyles = (light, placeholder) => {
261
261
  } else {
262
262
  newStyles = {
263
263
  default: {
264
- backgroundColor: white,
264
+ background: white,
265
265
  borderColor: offBlack16,
266
266
  borderWidth: 1,
267
267
  color: placeholder ? offBlack64 : offBlack,