@pingux/astro 2.91.0 → 2.92.0-alpha.1

package/lib/cjs/utils/devUtils/constants/logos.js

@@ -0,0 +1,84 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.pingLogoHorizontalSmallWhite = exports.pingLogoHorizontalSmall = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@emotion/react");
+var pingLogoHorizontalSmall = (0, _react2.jsx)("svg", {
+  width: "161",
+  height: "28",
+  viewBox: "0 0 2385 415",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, (0, _react2.jsx)("g", {
+  "clip-path": "url(#clip0_10475_59692)"
+}, (0, _react2.jsx)("path", {
+  d: "M0 372.674H372.613V0.000147457H0V372.674Z",
+  fill: "#B3282D"
+}), (0, _react2.jsx)("mask", {
+  id: "mask0_10475_59692",
+  maskUnits: "userSpaceOnUse",
+  x: "0",
+  y: "0",
+  width: "2385",
+  height: "415"
+}, (0, _react2.jsx)("path", {
+  d: "M0 0H2385V415H0V0Z",
+  fill: "white"
+})), (0, _react2.jsx)("g", {
+  mask: "url(#mask0_10475_59692)"
+}, (0, _react2.jsx)("path", {
+  d: "M1974.57 113.426L2006.72 108.051V326.877H1974.57V113.426ZM2100.71 138.143V276.131C2100.71 299.777 2106.68 307.961 2126.13 307.961C2134.89 307.961 2132.57 308.056 2138.16 305.039L2142.53 326.545C2132.57 332.106 2128.91 333.724 2115 333.724C2104.67 333.724 2096.74 331.591 2089.17 327.727C2075.28 320.419 2070.12 306.666 2070.12 285.153V138.143H2044.3V112.787H2070.12V31.6623H2101.92V112.787H2151.58L2142.05 138.143H2100.71ZM2355.46 320.461C2343.1 320.461 2333.12 309.882 2333.12 295.254C2333.12 280.613 2343.1 270.051 2355.46 270.051C2367.81 270.051 2377.81 280.613 2377.81 295.254C2377.81 309.882 2367.81 320.461 2355.46 320.461ZM2355.46 263.967C2339.19 263.967 2325.91 278.01 2325.91 295.254C2325.91 312.485 2339.19 326.516 2355.46 326.516C2371.75 326.516 2385 312.485 2385 295.254C2385 278.01 2371.75 263.967 2355.46 263.967ZM2350.31 292.569V282.426H2355.86C2359.06 282.426 2362.66 283.107 2362.66 287.269C2362.66 292.037 2359.48 292.569 2355.79 292.569H2350.31ZM2368.88 287.813C2368.88 280.351 2364.54 277.4 2356.51 277.4H2344.09V312.862H2350.31V297.594H2354.06L2362.73 312.862H2369.12L2360.13 297.341C2365.61 296.802 2368.88 293.863 2368.88 287.813ZM2342.12 112.787L2274.19 334.583C2260.68 377.602 2244.77 405.967 2210.22 415.002L2201.08 392.218C2220.42 385.661 2230.56 376.129 2239.01 352.831C2235.84 335.936 2234.05 328.591 2234.05 328.591C2231.68 314.838 2220.94 273.113 2214.19 251.637L2171.65 117.513L2202.28 106.313L2242.81 245.167C2248.75 265.403 2254.71 298.487 2254.71 298.487H2255.51C2255.51 298.487 2263.04 270.985 2267.83 253.364L2306.76 112.787H2342.12ZM1385.26 272.263C1385.26 272.263 1381.67 281.293 1373.34 287.755C1360.6 297.623 1351.46 301.504 1335.21 301.504C1316.93 301.504 1304.59 294.2 1295.47 276.566C1289.1 264.108 1287.52 245.611 1287.52 220.674C1287.52 190.582 1290.68 175.12 1300.23 158.781C1308.57 144.169 1321.68 136.429 1337.2 136.429C1360.6 136.429 1375.34 143.754 1385.26 158.781V272.263ZM1416.66 31.6623H1385.65V102.918C1385.65 118.364 1386.04 135.997 1386.04 135.997C1374.15 118.812 1354.65 108.931 1332.42 108.931C1318.11 108.931 1306.99 112.786 1294.27 122.248C1267.25 142.426 1253.36 175.97 1253.36 221.537C1253.36 289.871 1282.76 329.852 1333.99 329.852C1357.04 329.852 1372.16 322.573 1386.45 304.952C1386.84 316.091 1390.82 326.877 1390.82 326.877H1422.61C1418.21 314.393 1416.66 294.615 1416.66 257.68V31.6623ZM1889.71 113.214H1940.82L1931.3 138.575H1888.51V276.566C1888.51 300.225 1894.47 308.405 1913.94 308.405C1922.69 308.405 1920.38 308.505 1925.96 305.467L1930.34 326.985C1920.38 332.554 1916.72 334.168 1902.8 334.168C1892.48 334.168 1884.55 332.039 1876.98 328.167C1863.09 320.859 1857.91 307.098 1857.91 285.597V138.575H1832.1V113.214H1857.91V32.1022H1889.71V113.214ZM1799.51 139.438C1802.68 147.173 1804.28 155.76 1804.28 164.375V326.893H1772.88V181.992C1772.88 159.196 1771.29 153.631 1765.72 146.31C1761.37 140.728 1753 137.28 1743.88 137.28C1727.95 137.28 1703.36 151.07 1689.05 167.384V326.893H1658.85V161.802C1658.85 131.266 1651.33 116.65 1651.33 116.65L1681.49 107.624C1681.49 107.624 1688.68 123.502 1688.68 141.164C1709.29 118.812 1729.95 108.051 1751.03 108.051C1772.49 108.051 1791.56 120.539 1799.51 139.438ZM1492.67 200.032C1494.24 155.747 1510.14 133.408 1538.35 133.408C1553.46 133.408 1567.34 140.728 1574.09 152.324C1580.07 162.636 1582.85 176.829 1583.24 200.032H1492.67ZM1539.93 107.176C1516.08 107.176 1496.63 116.65 1480.74 136.848C1464.05 158.378 1456.92 181.564 1456.92 217.678C1456.92 288.63 1489.86 331.591 1544.7 331.591C1570.14 331.591 1594 322.142 1611.44 304.952L1599.52 283.426C1585.63 297.204 1570.14 303.633 1551.05 303.633C1531.18 303.633 1512.91 295.909 1501.79 277.429C1495.03 266.278 1492.67 250.778 1492.67 230.58V225.401H1616.2V220.674C1615.44 169.538 1610.64 149.331 1593.59 130.391C1580.07 115.376 1561.39 107.176 1539.93 107.176ZM1178.26 31.9653H1210.05V326.877H1178.26V31.9653Z",
+  fill: "#263746"
+}), (0, _react2.jsx)("path", {
+  d: "M836.686 159.866C826.225 159.866 812.64 167.269 800.607 178.756V327.575H748.544V175.05C748.544 156.969 746.208 139.705 741.561 125.724L787.752 111.763C792.428 120.403 795.146 129.43 795.146 138.062C802.905 132.289 809.511 127.359 818.063 122.437C828.54 116.697 842.142 113.415 853.781 113.415C875.918 113.415 895.338 125.724 901.545 143.83C904.259 151.636 905.429 160.667 905.429 173.826V327.575H854.159V190.684C854.159 166.85 850.283 159.866 836.686 159.866ZM985.056 184.927C985.056 165.207 996.326 153.682 1016.12 153.682C1035.95 153.682 1047.59 165.207 1047.59 184.927C1047.59 204.25 1036.33 214.932 1015.74 214.932C997.484 214.932 985.056 206.308 985.056 184.927ZM1035.95 273.729L1007.98 273.314C1002.53 273.314 999.446 271.247 999.446 268.372C999.446 262.632 1006.82 257.702 1020.01 251.103C1023.88 251.527 1025.44 251.527 1027.78 251.527C1070.11 251.527 1101.2 225.195 1101.2 189.028C1101.2 175.05 1097.28 164.356 1089.51 154.52C1092.62 154.935 1098.07 155.736 1103.13 155.736C1117.49 155.736 1128.34 151.209 1139.62 140.112L1117.88 105.164C1105.83 116.697 1091.08 123.275 1076.71 123.275C1070.11 123.275 1063.1 121.603 1052.25 118.739C1037.87 115.054 1027.78 113.415 1016.51 113.415C965.662 113.415 932.645 141.357 932.645 184.521C932.645 215.758 946.616 235.076 975.355 242.899C942.724 251.921 938.857 264.69 938.857 278.249C938.857 292.641 944.662 302.09 953.998 305.771C963.33 309.901 978.467 311.934 1001.75 312.357L1023.88 312.772C1044.49 313.183 1060.39 318.952 1060.39 337.847C1060.39 346.487 1055.35 354.289 1047.59 359.211C1039.45 364.577 1028.18 366.191 1014.99 366.191C990.907 366.191 977.678 357.169 977.678 340.299C977.678 334.552 978.073 331.692 980.027 326.758H931.869C929.919 330.85 927.213 336.631 927.213 348.139C927.213 362.494 932.645 374.856 943.521 385.53C961.375 403.217 990.513 408.135 1018.84 408.135C1049.9 408.135 1079.82 400.757 1097.28 381.007C1108.17 368.685 1113.22 355.131 1113.22 337.452C1113.22 318.528 1107.77 304.145 1096.13 292.641C1082.14 279.058 1066.22 274.128 1035.95 273.729ZM654.178 120.781L706.199 112.145V327.575H654.178V120.781ZM648.34 59.1327C648.34 40.2294 663.1 25.0155 680.959 25.0155C698.436 25.0155 712.428 40.2294 712.428 59.1327C712.428 78.0359 698.042 93.2581 680.174 93.2581C662.718 93.2581 648.34 78.0359 648.34 59.1327ZM566.36 160.667C559.003 172.59 552.393 175.474 530.265 175.474H501.924V88.3113H536.455C559.381 88.3113 572.962 104.351 572.962 131.069C572.962 144.648 571.045 152.881 566.36 160.667ZM593.572 55.85C578.41 46.7989 564.427 41.8729 518.609 41.8729H447.559V327.575H501.924V222.344H531.812C561.7 222.344 573.364 219.049 585.792 212.878C615.298 198.087 632.365 167.663 632.365 129.861C632.365 96.9516 618.784 70.6531 593.572 55.85Z",
+  fill: "#263746"
+}))), (0, _react2.jsx)("defs", null, (0, _react2.jsx)("clipPath", {
+  id: "clip0_10475_59692"
+}, (0, _react2.jsx)("rect", {
+  width: "2385",
+  height: "415",
+  fill: "white"
+}))));
+exports.pingLogoHorizontalSmall = pingLogoHorizontalSmall;
+var pingLogoHorizontalSmallWhite = (0, _react2.jsx)("svg", {
+  width: "161",
+  height: "28",
+  viewBox: "0 0 2385 415",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, (0, _react2.jsx)("g", {
+  "clip-path": "url(#clip0_10543_71950)"
+}, (0, _react2.jsx)("path", {
+  d: "M0 372.674H372.613V0.000147457H0V372.674Z",
+  fill: "white"
+}), (0, _react2.jsx)("mask", {
+  id: "mask0_10543_71950",
+  maskUnits: "userSpaceOnUse",
+  x: "0",
+  y: "0",
+  width: "2385",
+  height: "415"
+}, (0, _react2.jsx)("path", {
+  d: "M0 0H2385V415H0V0Z",
+  fill: "white"
+})), (0, _react2.jsx)("g", {
+  mask: "url(#mask0_10543_71950)"
+}, (0, _react2.jsx)("path", {
+  d: "M1974.57 113.426L2006.72 108.051V326.877H1974.57V113.426ZM2100.71 138.143V276.131C2100.71 299.777 2106.68 307.961 2126.13 307.961C2134.89 307.961 2132.57 308.056 2138.16 305.039L2142.53 326.545C2132.57 332.106 2128.91 333.724 2115 333.724C2104.67 333.724 2096.74 331.591 2089.17 327.727C2075.28 320.419 2070.12 306.666 2070.12 285.153V138.143H2044.3V112.787H2070.12V31.6623H2101.92V112.787H2151.58L2142.05 138.143H2100.71ZM2355.46 320.461C2343.1 320.461 2333.12 309.882 2333.12 295.254C2333.12 280.613 2343.1 270.051 2355.46 270.051C2367.81 270.051 2377.81 280.613 2377.81 295.254C2377.81 309.882 2367.81 320.461 2355.46 320.461ZM2355.46 263.967C2339.19 263.967 2325.91 278.01 2325.91 295.254C2325.91 312.485 2339.19 326.516 2355.46 326.516C2371.75 326.516 2385 312.485 2385 295.254C2385 278.01 2371.75 263.967 2355.46 263.967ZM2350.31 292.569V282.426H2355.86C2359.06 282.426 2362.66 283.107 2362.66 287.269C2362.66 292.037 2359.48 292.569 2355.79 292.569H2350.31ZM2368.88 287.813C2368.88 280.351 2364.54 277.4 2356.51 277.4H2344.09V312.862H2350.31V297.594H2354.06L2362.73 312.862H2369.12L2360.13 297.341C2365.61 296.802 2368.88 293.863 2368.88 287.813ZM2342.12 112.787L2274.19 334.583C2260.68 377.602 2244.77 405.967 2210.22 415.002L2201.08 392.218C2220.42 385.661 2230.56 376.129 2239.01 352.831C2235.84 335.936 2234.05 328.591 2234.05 328.591C2231.68 314.838 2220.94 273.113 2214.19 251.637L2171.65 117.513L2202.28 106.313L2242.81 245.167C2248.75 265.403 2254.71 298.487 2254.71 298.487H2255.51C2255.51 298.487 2263.04 270.985 2267.83 253.364L2306.76 112.787H2342.12ZM1385.26 272.263C1385.26 272.263 1381.67 281.293 1373.34 287.755C1360.6 297.623 1351.46 301.504 1335.21 301.504C1316.93 301.504 1304.59 294.2 1295.47 276.566C1289.1 264.108 1287.52 245.611 1287.52 220.674C1287.52 190.582 1290.68 175.12 1300.23 158.781C1308.57 144.169 1321.68 136.429 1337.2 136.429C1360.6 136.429 1375.34 143.754 1385.26 158.781V272.263ZM1416.66 31.6623H1385.65V102.918C1385.65 118.364 1386.04 135.997 1386.04 135.997C1374.15 118.812 1354.65 108.931 1332.42 108.931C1318.11 108.931 1306.99 112.786 1294.27 122.248C1267.25 142.426 1253.36 175.97 1253.36 221.537C1253.36 289.871 1282.76 329.852 1333.99 329.852C1357.04 329.852 1372.16 322.573 1386.45 304.952C1386.84 316.091 1390.82 326.877 1390.82 326.877H1422.61C1418.21 314.393 1416.66 294.615 1416.66 257.68V31.6623ZM1889.71 113.214H1940.82L1931.3 138.575H1888.51V276.566C1888.51 300.225 1894.47 308.405 1913.94 308.405C1922.69 308.405 1920.38 308.505 1925.96 305.467L1930.34 326.985C1920.38 332.554 1916.72 334.168 1902.8 334.168C1892.48 334.168 1884.55 332.039 1876.98 328.167C1863.09 320.859 1857.91 307.098 1857.91 285.597V138.575H1832.1V113.214H1857.91V32.1022H1889.71V113.214ZM1799.51 139.438C1802.68 147.173 1804.28 155.76 1804.28 164.375V326.893H1772.88V181.992C1772.88 159.196 1771.29 153.631 1765.72 146.31C1761.37 140.728 1753 137.28 1743.88 137.28C1727.95 137.28 1703.36 151.07 1689.05 167.384V326.893H1658.85V161.802C1658.85 131.266 1651.33 116.65 1651.33 116.65L1681.49 107.624C1681.49 107.624 1688.68 123.502 1688.68 141.164C1709.29 118.812 1729.95 108.051 1751.03 108.051C1772.49 108.051 1791.56 120.539 1799.51 139.438ZM1492.67 200.032C1494.24 155.747 1510.14 133.408 1538.35 133.408C1553.46 133.408 1567.34 140.728 1574.09 152.324C1580.07 162.636 1582.85 176.829 1583.24 200.032H1492.67ZM1539.93 107.176C1516.08 107.176 1496.63 116.65 1480.74 136.848C1464.05 158.378 1456.92 181.564 1456.92 217.678C1456.92 288.63 1489.86 331.591 1544.7 331.591C1570.14 331.591 1594 322.142 1611.44 304.952L1599.52 283.426C1585.63 297.204 1570.14 303.633 1551.05 303.633C1531.18 303.633 1512.91 295.909 1501.79 277.429C1495.03 266.278 1492.67 250.778 1492.67 230.58V225.401H1616.2V220.674C1615.44 169.538 1610.64 149.331 1593.59 130.391C1580.07 115.376 1561.39 107.176 1539.93 107.176ZM1178.26 31.9653H1210.05V326.877H1178.26V31.9653Z",
+  fill: "white"
+}), (0, _react2.jsx)("path", {
+  d: "M836.686 159.866C826.225 159.866 812.64 167.269 800.607 178.756V327.575H748.544V175.05C748.544 156.969 746.208 139.705 741.561 125.724L787.752 111.763C792.428 120.403 795.146 129.43 795.146 138.062C802.905 132.289 809.511 127.359 818.063 122.437C828.54 116.697 842.142 113.415 853.781 113.415C875.918 113.415 895.338 125.724 901.545 143.83C904.259 151.636 905.429 160.667 905.429 173.826V327.575H854.159V190.684C854.159 166.85 850.283 159.866 836.686 159.866ZM985.056 184.927C985.056 165.207 996.326 153.682 1016.12 153.682C1035.95 153.682 1047.59 165.207 1047.59 184.927C1047.59 204.25 1036.33 214.932 1015.74 214.932C997.484 214.932 985.056 206.308 985.056 184.927ZM1035.95 273.729L1007.98 273.314C1002.53 273.314 999.446 271.247 999.446 268.372C999.446 262.632 1006.82 257.702 1020.01 251.103C1023.88 251.527 1025.44 251.527 1027.78 251.527C1070.11 251.527 1101.2 225.195 1101.2 189.028C1101.2 175.05 1097.28 164.356 1089.51 154.52C1092.62 154.935 1098.07 155.736 1103.13 155.736C1117.49 155.736 1128.34 151.209 1139.62 140.112L1117.88 105.164C1105.83 116.697 1091.08 123.275 1076.71 123.275C1070.11 123.275 1063.1 121.603 1052.25 118.739C1037.87 115.054 1027.78 113.415 1016.51 113.415C965.662 113.415 932.645 141.357 932.645 184.521C932.645 215.758 946.616 235.076 975.355 242.899C942.724 251.921 938.857 264.69 938.857 278.249C938.857 292.641 944.662 302.09 953.998 305.771C963.33 309.901 978.467 311.934 1001.75 312.357L1023.88 312.772C1044.49 313.183 1060.39 318.952 1060.39 337.847C1060.39 346.487 1055.35 354.289 1047.59 359.211C1039.45 364.577 1028.18 366.191 1014.99 366.191C990.907 366.191 977.678 357.169 977.678 340.299C977.678 334.552 978.073 331.692 980.027 326.758H931.869C929.919 330.85 927.213 336.631 927.213 348.139C927.213 362.494 932.645 374.856 943.521 385.53C961.375 403.217 990.513 408.135 1018.84 408.135C1049.9 408.135 1079.82 400.757 1097.28 381.007C1108.17 368.685 1113.22 355.131 1113.22 337.452C1113.22 318.528 1107.77 304.145 1096.13 292.641C1082.14 279.058 1066.22 274.128 1035.95 273.729ZM654.178 120.781L706.199 112.145V327.575H654.178V120.781ZM648.34 59.1327C648.34 40.2294 663.1 25.0155 680.959 25.0155C698.436 25.0155 712.428 40.2294 712.428 59.1327C712.428 78.0359 698.042 93.2581 680.174 93.2581C662.718 93.2581 648.34 78.0359 648.34 59.1327ZM566.36 160.667C559.003 172.59 552.393 175.474 530.265 175.474H501.924V88.3113H536.455C559.381 88.3113 572.962 104.351 572.962 131.069C572.962 144.648 571.045 152.881 566.36 160.667ZM593.572 55.85C578.41 46.7989 564.427 41.8729 518.609 41.8729H447.559V327.575H501.924V222.344H531.812C561.7 222.344 573.364 219.049 585.792 212.878C615.298 198.087 632.365 167.663 632.365 129.861C632.365 96.9516 618.784 70.6531 593.572 55.85Z",
+  fill: "white"
+}))), (0, _react2.jsx)("defs", null, (0, _react2.jsx)("clipPath", {
+  id: "clip0_10543_71950"
+}, (0, _react2.jsx)("rect", {
+  width: "2385",
+  height: "415",
+  fill: "white"
+}))));
+exports.pingLogoHorizontalSmallWhite = pingLogoHorizontalSmallWhite;

package/lib/cjs/utils/devUtils/constants/tShirtSizes.d.ts

@@ -0,0 +1,11 @@
+export declare const tShirtSizes: {
+    xxs: number;
+    xs: number;
+    sm: number;
+    md: number;
+};
+export declare const iconWrapperSizes: {
+    sm: number;
+    md: number;
+    lg: number;
+};

package/lib/cjs/utils/devUtils/constants/tShirtSizes.js

@@ -4,11 +4,17 @@ var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/obje
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-exports.tShirtSizes = void 0;
+exports.tShirtSizes = exports.iconWrapperSizes = void 0;
 var tShirtSizes = {
   xxs: 9,
   xs: 15,
   sm: 20,
   md: 25
 };
-exports.tShirtSizes = tShirtSizes;
+exports.tShirtSizes = tShirtSizes;
+var iconWrapperSizes = {
+  sm: 18,
+  md: 24,
+  lg: 48
+};
+exports.iconWrapperSizes = iconWrapperSizes;

package/lib/cjs/utils/devUtils/constants/themes.d.ts

@@ -0,0 +1,5 @@
+export declare const themes: {
+    ASTRO: string;
+    NEXT_GEN: string;
+    NEXT_GEN_DARK: string;
+};

package/lib/cjs/utils/devUtils/constants/themes.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.themes = void 0;
+var themes = {
+  ASTRO: 'ASTRO',
+  NEXT_GEN: 'NEXT_GEN',
+  NEXT_GEN_DARK: 'NEXT_GEN_DARK'
+};
+exports.themes = themes;

package/lib/cjs/utils/devUtils/shouldReturnComingSoon.d.ts

@@ -0,0 +1 @@
+export declare const shouldReturnComingSoon: (context: any, selectedTheme: any) => boolean;

package/lib/cjs/utils/devUtils/shouldReturnComingSoon.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.shouldReturnComingSoon = void 0;
+var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
+var _convertedComponentList = _interopRequireWildcard(require("../../styles/themes/next-gen/convertedComponentList"));
+var _themes = require("./constants/themes");
+function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var shouldReturnComingSoon = function shouldReturnComingSoon(context, selectedTheme) {
+  var _context;
+  var story = context.name;
+  var component = context.title.split('/')[1];
+  var isNextGenOnlyComponent = (0, _includes["default"])(_convertedComponentList.nextGenOnlyComponents).call(_convertedComponentList.nextGenOnlyComponents, component) || context.title.split('/')[0] === 'Next Gen Recipes';
+  var isStoryInNextGen = (0, _includes["default"])(_convertedComponentList["default"]).call(_convertedComponentList["default"], component);
+
+  // if a specific story has not been converted, return the coming soon message
+  if (_convertedComponentList.componentSpecificNextGenBlacklist[component] && (0, _includes["default"])(_context = _convertedComponentList.componentSpecificNextGenBlacklist[component]).call(_context, story) && (selectedTheme === _themes.themes.NEXT_GEN || selectedTheme === _themes.themes.NEXT_GEN_DARK)) {
+    return true;
+  }
+  // if the component has NOT been converted, and the active theme is NextGen
+  // return the coming soon message
+  if (isStoryInNextGen === false && (selectedTheme === _themes.themes.NEXT_GEN || selectedTheme === _themes.themes.NEXT_GEN_DARK)) {
+    return true;
+  }
+  // if the component is a NextGen ONLY component, and the selected theme is Astro,
+  // return the coming soon message
+  if (isNextGenOnlyComponent && selectedTheme === _themes.themes.ASTRO) {
+    return true;
+  }
+  // else return the story.
+  return false;
+};
+exports.shouldReturnComingSoon = shouldReturnComingSoon;

package/lib/cjs/utils/docUtils/iconSizeProps.d.ts

@@ -1,6 +1,6 @@
 export declare const sizeArgTypes: {
     size: {
-        options: string[];
+        control: string;
         description: string;
     };
 };

package/lib/cjs/utils/docUtils/iconSizeProps.js

@@ -11,7 +11,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _tShirtSizes = require("../devUtils/constants/tShirtSizes");
 var sizeArgTypes = {
   size: {
-    options: (0, _keys["default"])(_tShirtSizes.tShirtSizes),
+    control: 'select',
     description: "The size of the icon container. If given a number value, it will be converted to pixels. \n    Tshirt sizing is recommended and can be passed to the size prop as \"xxs\", \"xs\", \"sm\" , \"md\" \n    rendering 9, 15, 20, and 25 pixel svg containers."
   }
 };

package/lib/cjs/utils/testUtils/testWrapper.d.ts

@@ -1,5 +1,7 @@
 import React from 'react';
-import { RenderOptions } from '@testing-library/react';
-declare const customRender: (ui: React.ReactElement, options?: RenderOptions) => import("@testing-library/react").RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement, HTMLElement>;
+import { Theme } from '@emotion/react';
+declare const customRender: (ui: React.ReactElement, options?: {
+    providerTheme: Theme;
+}) => import("@testing-library/react").RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement, HTMLElement>;
 export * from '@testing-library/react';
 export { customRender as render };

package/lib/cjs/utils/testUtils/testWrapper.js

@@ -17,6 +17,7 @@ var _exportNames = {
   render: true
 };
 exports.render = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
@@ -43,7 +44,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
 } : {
   name: "zxbwtf-GlobalTestStyles",
   styles: ".is-disabled{opacity:0.5;pointer-events:none;};label:GlobalTestStyles;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy91dGlscy90ZXN0VXRpbHMvdGVzdFdyYXBwZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVVTIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy91dGlscy90ZXN0VXRpbHMvdGVzdFdyYXBwZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcywgR2xvYmFsIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgcmVuZGVyLCBSZW5kZXJPcHRpb25zIH0gZnJvbSAnQHRlc3RpbmctbGlicmFyeS9yZWFjdCc7XG5pbXBvcnQgeyBUaGVtZVByb3ZpZGVyIH0gZnJvbSAndGhlbWUtdWknO1xuXG5pbXBvcnQgdGhlbWUgZnJvbSAnLi4vLi4vc3R5bGVzL3RoZW1lJztcblxuY29uc3QgR2xvYmFsVGVzdFN0eWxlczogUmVhY3QuRkMgPSAoKSA9PiAoXG4gIDxHbG9iYWxcbiAgICBzdHlsZXM9e1xuICAgICAgY3NzYFxuICAgICAgICAuaXMtZGlzYWJsZWQge1xuICAgICAgICAgIG9wYWNpdHk6IDAuNTtcbiAgICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgICAgfVxuICAgICAgYFxuICAgIH1cbiAgLz5cbik7XG5cbi8qKlxuICogVE9ETzogQ2hhbmdlIEplc3QgY29uZmlnIHNvIHRoaXMgZG9lc24ndCBoYXZlIHRvIGJlIGltcG9ydGVkIHJlbGF0aXZlbHkuLi5cbiAqIGh0dHBzOi8vdGVzdGluZy1saWJyYXJ5LmNvbS9kb2NzL3JlYWN0LXRlc3RpbmctbGlicmFyeS9zZXR1cC8jY29uZmlndXJpbmctamVzdC13aXRoLXRlc3QtdXRpbHNcbiAqXG4gKiBVc2UgdGhpcyB3cmFwcGVyIHdoZW4gdGVzdGluZyB0aGUgdGhlbWUgb3V0cHV0IGZvclxuICogYSBjb21wb25lbnQgdXNpbmcgLnRvSGF2ZVN0eWxlIG9yIC50b0hhdmVTdHlsZVJ1bGVcbiAqXG4gKiBTZWUgQnV0dG9uLnRlc3QuanMgYXMgYW4gZXhhbXBsZSBmb3IgaG93IHRvIGFwcGx5IGNvbmRpdGlvbmFsIGNsYXNzZXMgYW5kIHRoZW4gdGVzdGluZyB0aGF0XG4gKiB0aG9zZSBjbGFzc2VzIGhhdmUgdGhlIGFwcHJvcHJpYXRlIHN0eWxlcyB0aWVkIHRvIHRoZW0gaW4gdGhlIHRoZW1lLlxuICovXG5cbmludGVyZmFjZSBXcmFwcGVyUHJvcHMge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xufVxuXG5jb25zdCBXcmFwcGVyOiBSZWFjdC5GQzxXcmFwcGVyUHJvcHM+ID0gKHsgY2hpbGRyZW4gfSkgPT4gKFxuICA8VGhlbWVQcm92aWRlciB0aGVtZT17dGhlbWV9PlxuICAgIDxHbG9iYWxUZXN0U3R5bGVzIC8+XG4gICAge2NoaWxkcmVufVxuICA8L1RoZW1lUHJvdmlkZXI+XG4pO1xuXG5jb25zdCBjdXN0b21SZW5kZXIgPSAodWk6IFJlYWN0LlJlYWN0RWxlbWVudCwgb3B0aW9ucz86IFJlbmRlck9wdGlvbnMpID0+IHJlbmRlcih1aSxcbiAgeyB3cmFwcGVyOiBXcmFwcGVyIGFzIFJlYWN0LkZDLCAuLi5vcHRpb25zIH0sXG4pO1xuXG4vLyByZS1leHBvcnQgZXZlcnl0aGluZyAtXG5leHBvcnQgKiBmcm9tICdAdGVzdGluZy1saWJyYXJ5L3JlYWN0JztcblxuLy8gb3ZlcnJpZGUgcmVuZGVyIG1ldGhvZFxuZXhwb3J0IHsgY3VzdG9tUmVuZGVyIGFzIHJlbmRlciB9O1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy91dGlscy90ZXN0VXRpbHMvdGVzdFdyYXBwZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVVTIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy91dGlscy90ZXN0VXRpbHMvdGVzdFdyYXBwZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcywgR2xvYmFsLCBUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHJlbmRlciwgUmVuZGVyT3B0aW9ucyB9IGZyb20gJ0B0ZXN0aW5nLWxpYnJhcnkvcmVhY3QnO1xuaW1wb3J0IHsgVGhlbWVQcm92aWRlciB9IGZyb20gJ3RoZW1lLXVpJztcblxuaW1wb3J0IHRoZW1lIGZyb20gJy4uLy4uL3N0eWxlcy90aGVtZSc7XG5cbmNvbnN0IEdsb2JhbFRlc3RTdHlsZXM6IFJlYWN0LkZDID0gKCkgPT4gKFxuICA8R2xvYmFsXG4gICAgc3R5bGVzPXtcbiAgICAgIGNzc2BcbiAgICAgICAgLmlzLWRpc2FibGVkIHtcbiAgICAgICAgICBvcGFjaXR5OiAwLjU7XG4gICAgICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgICAgIH1cbiAgICAgIGBcbiAgICB9XG4gIC8+XG4pO1xuXG4vKipcbiAqIFRPRE86IENoYW5nZSBKZXN0IGNvbmZpZyBzbyB0aGlzIGRvZXNuJ3QgaGF2ZSB0byBiZSBpbXBvcnRlZCByZWxhdGl2ZWx5Li4uXG4gKiBodHRwczovL3Rlc3RpbmctbGlicmFyeS5jb20vZG9jcy9yZWFjdC10ZXN0aW5nLWxpYnJhcnkvc2V0dXAvI2NvbmZpZ3VyaW5nLWplc3Qtd2l0aC10ZXN0LXV0aWxzXG4gKlxuICogVXNlIHRoaXMgd3JhcHBlciB3aGVuIHRlc3RpbmcgdGhlIHRoZW1lIG91dHB1dCBmb3JcbiAqIGEgY29tcG9uZW50IHVzaW5nIC50b0hhdmVTdHlsZSBvciAudG9IYXZlU3R5bGVSdWxlXG4gKlxuICogU2VlIEJ1dHRvbi50ZXN0LmpzIGFzIGFuIGV4YW1wbGUgZm9yIGhvdyB0byBhcHBseSBjb25kaXRpb25hbCBjbGFzc2VzIGFuZCB0aGVuIHRlc3RpbmcgdGhhdFxuICogdGhvc2UgY2xhc3NlcyBoYXZlIHRoZSBhcHByb3ByaWF0ZSBzdHlsZXMgdGllZCB0byB0aGVtIGluIHRoZSB0aGVtZS5cbiAqL1xuXG5pbnRlcmZhY2UgV3JhcHBlclByb3BzIHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgcHJvdmlkZXJUaGVtZTogVGhlbWU7XG59XG5cbmNvbnN0IFdyYXBwZXI6IFJlYWN0LkZDPFdyYXBwZXJQcm9wcz4gPSAoeyBjaGlsZHJlbiwgcHJvdmlkZXJUaGVtZSB9KSA9PiAoXG4gIDxUaGVtZVByb3ZpZGVyIHRoZW1lPXtwcm92aWRlclRoZW1lfT5cbiAgICA8R2xvYmFsVGVzdFN0eWxlcyAvPlxuICAgIHtjaGlsZHJlbn1cbiAgPC9UaGVtZVByb3ZpZGVyPlxuKTtcblxuY29uc3QgY3VzdG9tUmVuZGVyID0gKHVpOiBSZWFjdC5SZWFjdEVsZW1lbnQsIG9wdGlvbnM/OiB7cHJvdmlkZXJUaGVtZTogVGhlbWV9KSA9PiByZW5kZXIodWksXG4gIHsgd3JhcHBlcjogcHJvcHMgPT4gKFxuICAgIDxXcmFwcGVyXG4gICAgICBwcm92aWRlclRoZW1lPXt0aGVtZX1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAgIHsuLi5vcHRpb25zfVxuICAgIC8+XG4gICksXG4gIC4uLm9wdGlvbnMgfSxcbik7XG5cbi8vIHJlLWV4cG9ydCBldmVyeXRoaW5nIC1cbmV4cG9ydCAqIGZyb20gJ0B0ZXN0aW5nLWxpYnJhcnkvcmVhY3QnO1xuXG4vLyBvdmVycmlkZSByZW5kZXIgbWV0aG9kXG5leHBvcnQgeyBjdXN0b21SZW5kZXIgYXMgcmVuZGVyIH07XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 var GlobalTestStyles = function GlobalTestStyles() {
@@ -64,14 +65,19 @@ var GlobalTestStyles = function GlobalTestStyles() {
  */
 
 var Wrapper = function Wrapper(_ref2) {
-  var children = _ref2.children;
+  var children = _ref2.children,
+    providerTheme = _ref2.providerTheme;
   return (0, _react2.jsx)(_themeUi.ThemeProvider, {
-    theme: _theme["default"]
+    theme: providerTheme
   }, (0, _react2.jsx)(GlobalTestStyles, null), children);
 };
 var customRender = function customRender(ui, options) {
   return (0, _react3.render)(ui, _objectSpread({
-    wrapper: Wrapper
+    wrapper: function wrapper(props) {
+      return (0, _react2.jsx)(Wrapper, (0, _extends2["default"])({
+        providerTheme: _theme["default"]
+      }, props, options));
+    }
   }, options));
 };
 

package/lib/components/Card/Card.stories.js

@@ -41,7 +41,8 @@ export var Default = function Default(args) {
 export var HeaderAndFooter = function HeaderAndFooter(args) {
   var textStyling = {
     fontSize: 'md',
-    fontWeight: 600
+    fontWeight: 600,
+    color: 'text.secondary'
   };
   return ___EmotionJSX(Card, _extends({}, args, {
     variant: "cards.flat",

package/lib/components/Card/Card.styles.js

@@ -42,7 +42,7 @@ var interactive = _objectSpread(_objectSpread({}, container), {}, {
     borderColor: 'active'
   }
 });
-var flat = _objectSpread(_objectSpread({}, container), {}, {
+export var flat = _objectSpread(_objectSpread({}, container), {}, {
   p: 0,
   boxShadow: '0 1px 3px 0px rgba(0,0,0, 0.13)',
   border: '1px solid',

package/lib/components/CodeView/CodeView.js

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
-var _excluded = ["children", "className", "hasLineNumbers", "hasNoCopyButton", "language", "isNextGen", "Prism", "stylesProp"];
+var _excluded = ["children", "className", "hasLineNumbers", "hasNoCopyButton", "language", "Prism", "stylesProp"];
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 import _trimInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/trim";
@@ -21,6 +21,7 @@ import { mergeProps } from '@react-aria/utils';
 import Highlight, { defaultProps, Prism } from 'prism-react-renderer';
 import { Box, CopyText, Text } from '../..';
 import { useStatusClasses } from '../../hooks';
+import useGetTheme from '../../hooks/useGetTheme';
 import codeViewStyle from '../../styles/themes/next-gen/codeView/codeView';
 import styles from './CodeView.styles';
 import { jsx as ___EmotionJSX } from "@emotion/react";
@@ -30,7 +31,6 @@ var CodeView = /*#__PURE__*/forwardRef(function (props, ref) {
     hasLineNumbers = props.hasLineNumbers,
     hasNoCopyButton = props.hasNoCopyButton,
     language = props.language,
-    isNextGen = props.isNextGen,
     customPrism = props.Prism,
     stylesProp = props.stylesProp,
     others = _objectWithoutProperties(props, _excluded);
@@ -40,11 +40,15 @@ var CodeView = /*#__PURE__*/forwardRef(function (props, ref) {
   var _useHover = useHover(props),
     hoverProps = _useHover.hoverProps,
     isHovered = _useHover.isHovered;
+  var theme = useGetTheme();
+  var themeState = theme.themeState;
+  var isNextGen = themeState.isNextGen;
   var _useStatusClasses = useStatusClasses(outerClassName, {
       isFocused: isFocusVisible,
       isHovered: isHovered,
       hasLineNumbers: hasLineNumbers,
-      hasNoCopyButton: hasNoCopyButton
+      hasNoCopyButton: hasNoCopyButton,
+      isNextGen: isNextGen
     }),
     classNames = _useStatusClasses.classNames;
 

package/lib/components/CodeView/CodeView.test.js

@@ -23,20 +23,28 @@ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context5, _context6; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context5 = ownKeys(Object(source), !0)).call(_context5, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context6 = ownKeys(Object(source))).call(_context6, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React from 'react';
 import userEvent from '@testing-library/user-event';
-import { CodeView } from '../..';
+import { CodeView, NextGenTheme } from '../..';
+import theme from '../../styles/theme';
 import { act, fireEvent, render, screen } from '../../utils/testUtils/testWrapper';
 import { universalComponentTests } from '../../utils/testUtils/universalComponentTest';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var testId = 'test-code-sample';
 var originalClipboard = _objectSpread({}, global.navigator.clipboard);
 var defaultProps = {
-  'data-testid': testId
+  'data-testid': testId,
+  theme: theme
 };
 var textValue = "\nexport const Default = args => (\n  <>\n    <Text sx={{ fontWeight: 2 }}>JSON</Text>\n    <CodeView {...args} />\n  </>\n);\n";
 var getComponent = function getComponent() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return render(___EmotionJSX(CodeView, _extends({}, defaultProps, props), textValue));
 };
+var getComponentNextGen = function getComponentNextGen() {
+  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return render(___EmotionJSX(CodeView, _extends({}, defaultProps, props), textValue), {
+    providerTheme: NextGenTheme
+  });
+};
 beforeEach(function () {
   var mockClipboard = {
     writeText: jest.fn()
@@ -200,11 +208,10 @@ test('renders CodeView component with highlighted code', function () {
 });
 test('isNextGen prop renders CodeView component with next-gen theme', function () {
   var children = ' ';
-  getComponent({
+  getComponentNextGen({
     children: children,
-    isNextGen: true,
     language: 'json'
   });
   var codeViewElement = screen.getByTestId(testId);
-  expect(codeViewElement).toHaveTextContent('JSON');
+  expect(codeViewElement).toHaveClass('is-next-gen');
 });

package/lib/components/ComboBox/ComboBoxInput.js

@@ -17,11 +17,11 @@ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React, { forwardRef, useEffect, useImperativeHandle, useRef, useState } from 'react';
 import { FocusRing, mergeProps } from 'react-aria';
-import MenuDown from '@pingux/mdi-react/MenuDownIcon';
 import { PressResponder, useHover } from '@react-aria/interactions';
 import PropTypes from 'prop-types';
 import { Box, Button, Icon, Loader, TextField } from '../..';
 import { usePropWarning } from '../../hooks';
+import useGetTheme from '../../hooks/useGetTheme';
 import loadingStates from '../../utils/devUtils/constants/loadingStates';
 import { ariaAttributesBasePropTypes } from '../../utils/docUtils/ariaAttributes';
 import { statusPropTypes } from '../../utils/docUtils/statusProp';
@@ -52,6 +52,9 @@ var ComboBoxInput = /*#__PURE__*/forwardRef(function (props, ref) {
     isReadOnly: isReadOnly,
     containerProps: containerProps
   }, mergeProps(inputProps, others));
+  var _useGetTheme = useGetTheme(),
+    icons = _useGetTheme.icons;
+  var MenuDown = icons.MenuDown;
 
   // istanbul ignore next
   useImperativeHandle(ref, function () {

package/lib/components/DataTable/DataTable.js

@@ -6,26 +6,27 @@ import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/inst
 import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
 import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
 import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
-import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
-var _excluded = ["children"],
+import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
+var _excluded = ["defaultSelectedKeys", "selectionMode", "selectedKeys"],
   _excluded2 = ["children"],
-  _excluded3 = ["item", "children", "hasActions"];
+  _excluded3 = ["children"],
+  _excluded4 = ["item", "children", "hasActions"];
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React, { forwardRef, useCallback, useMemo, useRef, useState } from 'react';
 import { FocusRing, mergeProps, useFocusRing, VisuallyHidden } from 'react-aria';
-import MenuDownIcon from '@pingux/mdi-react/MenuDownIcon';
-import MenuUpIcon from '@pingux/mdi-react/MenuUpIcon';
+import { useHover } from '@react-aria/interactions';
 import { useTable, useTableCell, useTableColumnHeader, useTableHeaderRow, useTableRow, useTableRowGroup } from '@react-aria/table';
 import { layoutInfoToStyle, VirtualizerItem } from '@react-aria/virtualizer';
 import { TableLayout } from '@react-stately/layout';
 import { TableColumnLayout, useTableState } from '@react-stately/table';
 import { DataTableContext, useDataTableContext } from '../../context/DataTableContext';
 import { useLocalOrForwardRef, useStatusClasses } from '../../hooks';
+import useGetTheme from '../../hooks/useGetTheme';
 import { Box, Icon, Loader } from '../../index';
 import DataTableVirtualizer from './DataTableVirtualizer';
 import { jsx as ___EmotionJSX } from "@emotion/react";
@@ -53,6 +54,11 @@ var ROW_HEIGHTS = {
   }
 };
 var DataTable = /*#__PURE__*/forwardRef(function (props, ref) {
+  var _props$defaultSelecte = props.defaultSelectedKeys,
+    defaultSelectedKeys = _props$defaultSelecte === void 0 ? [] : _props$defaultSelecte,
+    selectionMode = props.selectionMode,
+    selectedKeys = props.selectedKeys,
+    others = _objectWithoutProperties(props, _excluded);
   var direction = 'ltr';
   var onAction = props.onAction,
     _props$scale = props.scale,
@@ -80,7 +86,14 @@ var DataTable = /*#__PURE__*/forwardRef(function (props, ref) {
     setIsInResizeMode = _useState2[1];
   // entering resizing/exiting resizing doesn't trigger a render
   // with table layout, so we need to track it here
-  var state = useTableState(_objectSpread({}, props));
+
+  // there appears to be a quirky feature in useTableState where uncontrolled selection
+  // will not work unless the defaultSelectedKeys array is supplied.
+  var state = useTableState(_objectSpread(_objectSpread({}, others), {}, {
+    selectionMode: selectionMode,
+    selectedKeys: selectedKeys,
+    defaultSelectedKeys: selectedKeys ? undefined : defaultSelectedKeys
+  }));
   var domRef = useLocalOrForwardRef(ref);
   var headerRef = useRef(null);
   var bodyRef = useRef(null);
@@ -239,7 +252,7 @@ var DataTable = /*#__PURE__*/forwardRef(function (props, ref) {
 });
 var TableHeader = function TableHeader(_ref2) {
   var children = _ref2.children,
-    otherProps = _objectWithoutProperties(_ref2, _excluded);
+    otherProps = _objectWithoutProperties(_ref2, _excluded2);
   var _useTableRowGroup = useTableRowGroup(),
     rowGroupProps = _useTableRowGroup.rowGroupProps;
   return ___EmotionJSX(Box, _extends({}, rowGroupProps, otherProps), children);
@@ -252,6 +265,10 @@ var TableColumnHeader = function TableColumnHeader(props) {
   var ref = useRef(null);
   var _useDataTableContext = useDataTableContext(),
     state = _useDataTableContext.state;
+  var _useGetTheme = useGetTheme(),
+    icons = _useGetTheme.icons;
+  var MenuUp = icons.MenuUp,
+    MenuDown = icons.MenuDown;
   var _useTableColumnHeader = useTableColumnHeader({
       node: column,
       isVirtualized: true
@@ -260,13 +277,13 @@ var TableColumnHeader = function TableColumnHeader(props) {
   var columnProps = column.props;
   var arrowIcon = ((_state$sortDescriptor = state.sortDescriptor) === null || _state$sortDescriptor === void 0 ? void 0 : _state$sortDescriptor.direction) === 'ascending' && column.key === ((_state$sortDescriptor2 = state.sortDescriptor) === null || _state$sortDescriptor2 === void 0 ? void 0 : _state$sortDescriptor2.column) ? ___EmotionJSX(Icon, {
     size: 24,
-    icon: MenuUpIcon,
+    icon: MenuUp,
     title: {
       name: 'Menu Up Icon'
     }
   }) : ___EmotionJSX(Icon, {
     size: 24,
-    icon: MenuDownIcon,
+    icon: MenuDown,
     color: "active",
     title: {
       name: 'Menu Down Icon'
@@ -289,7 +306,7 @@ var TableColumnHeader = function TableColumnHeader(props) {
 };
 var TableRowGroup = function TableRowGroup(_ref3) {
   var children = _ref3.children,
-    otherProps = _objectWithoutProperties(_ref3, _excluded2);
+    otherProps = _objectWithoutProperties(_ref3, _excluded3);
   var _useTableRowGroup2 = useTableRowGroup(),
     rowGroupProps = _useTableRowGroup2.rowGroupProps;
   return ___EmotionJSX(Box, _extends({}, rowGroupProps, otherProps), children);
@@ -298,7 +315,7 @@ var TableRow = function TableRow(_ref4) {
   var item = _ref4.item,
     children = _ref4.children,
     hasActions = _ref4.hasActions,
-    otherProps = _objectWithoutProperties(_ref4, _excluded3);
+    otherProps = _objectWithoutProperties(_ref4, _excluded4);
   var ref = useRef(null);
   var _useDataTableContext2 = useDataTableContext(),
     state = _useDataTableContext2.state;
@@ -307,6 +324,9 @@ var TableRow = function TableRow(_ref4) {
       isVirtualized: true
     }, state, ref),
     rowProps = _useTableRow.rowProps;
+  var isSelectable = state.selectionManager.selectionMode !== 'none';
+  var isSelected = state.selectionManager.isSelected(item.key);
+  var isDisabled = state.disabledKeys.has(item.key);
   var _useFocusRing2 = useFocusRing({
       within: true
     }),
@@ -315,14 +335,22 @@ var TableRow = function TableRow(_ref4) {
   var _useFocusRing3 = useFocusRing(),
     isFocusVisible = _useFocusRing3.isFocusVisible,
     focusProps = _useFocusRing3.focusProps;
-  var props = mergeProps(rowProps, otherProps, focusWithinProps, focusProps);
+  var _useHover = useHover({}),
+    hoverProps = _useHover.hoverProps,
+    isHovered = _useHover.isHovered;
+  var props = mergeProps(otherProps, focusWithinProps, focusProps, rowProps, hoverProps);
   var _useStatusClasses3 = useStatusClasses('', {
-      'is-row-focus-visible': isFocusVisible || isFocusVisibleWithin
+      'is-row-focus-visible': isFocusVisible || isFocusVisibleWithin,
+      isSelectable: isSelectable,
+      isSelected: isSelected,
+      isHovered: isHovered,
+      isDisabled: isDisabled
     }),
     classNames = _useStatusClasses3.classNames;
+  var variant = isSelectable ? 'dataTable.selectableTableRow' : 'dataTable.tableRow';
   return ___EmotionJSX(Box, _extends({}, props, {
     ref: ref,
-    variant: "dataTable.tableRow",
+    variant: variant,
     className: classNames
   }), children);
 };