braid-design-system 31.4.0 → 31.5.0

package/CHANGELOG.md

@@ -1,5 +1,36 @@
 # braid-design-system
 
+## 31.5.0
+
+### Minor Changes
+
+- **Stack:** Add support for span elements ([#1060](https://github.com/seek-oss/braid-design-system/pull/1060))
+
+  Stack now supports using `span` elements for it's markup, this is useful when using layout components inside elements that should not contain a `div` element, e.g. `button`.
+
+  **EXAMPLE USAGE:**
+
+  ```jsx
+  <Stack component="span" space="medium">
+    ...
+  </Stack>
+  ```
+
+- **Stepper:** Add component ([#1060](https://github.com/seek-oss/braid-design-system/pull/1060))
+
+  See [documentation](https://seek-oss.github.io/braid-design-system/components/Stepper) for full feature set and usage details.
+
+  **EXAMPLE USAGE:**
+
+  ```jsx
+  <Stepper label="Linear steps" progress={3}>
+    <Step>1. First step</Step>
+    <Step>2. Second step</Step>
+    <Step>3. Third step</Step>
+    <Step>4. Forth step</Step>
+  </Stepper>
+  ```
+
 ## 31.4.0
 
 ### Minor Changes

package/codemod/dist/wrapper.js

@@ -69122,44 +69122,44 @@ var require_envs = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/caniuse-lite@1.0.30001249/node_modules/caniuse-lite/data/browsers.js
+// ../../node_modules/.pnpm/caniuse-lite@1.0.30001307/node_modules/caniuse-lite/data/browsers.js
 var require_browsers = __commonJS({
-  "../../node_modules/.pnpm/caniuse-lite@1.0.30001249/node_modules/caniuse-lite/data/browsers.js"(exports2, module2) {
+  "../../node_modules/.pnpm/caniuse-lite@1.0.30001307/node_modules/caniuse-lite/data/browsers.js"(exports2, module2) {
     module2.exports = { A: "ie", B: "edge", C: "firefox", D: "chrome", E: "safari", F: "opera", G: "ios_saf", H: "op_mini", I: "android", J: "bb", K: "op_mob", L: "and_chr", M: "and_ff", N: "ie_mob", O: "and_uc", P: "samsung", Q: "and_qq", R: "baidu", S: "kaios" };
   }
 });
 
-// ../../node_modules/.pnpm/caniuse-lite@1.0.30001249/node_modules/caniuse-lite/dist/unpacker/browsers.js
+// ../../node_modules/.pnpm/caniuse-lite@1.0.30001307/node_modules/caniuse-lite/dist/unpacker/browsers.js
 var require_browsers2 = __commonJS({
-  "../../node_modules/.pnpm/caniuse-lite@1.0.30001249/node_modules/caniuse-lite/dist/unpacker/browsers.js"(exports2, module2) {
+  "../../node_modules/.pnpm/caniuse-lite@1.0.30001307/node_modules/caniuse-lite/dist/unpacker/browsers.js"(exports2, module2) {
     module2.exports.browsers = require_browsers();
   }
 });
 
-// ../../node_modules/.pnpm/caniuse-lite@1.0.30001249/node_modules/caniuse-lite/data/browserVersions.js
+// ../../node_modules/.pnpm/caniuse-lite@1.0.30001307/node_modules/caniuse-lite/data/browserVersions.js
 var require_browserVersions = __commonJS({
-  "../../node_modules/.pnpm/caniuse-lite@1.0.30001249/node_modules/caniuse-lite/data/browserVersions.js"(exports2, module2) {
-    module2.exports = { "0": "42", "1": "43", "2": "44", "3": "45", "4": "46", "5": "47", "6": "48", "7": "49", "8": "50", "9": "51", A: "10", B: "11", C: "12", D: "7", E: "8", F: "9", G: "15", H: "92", I: "4", J: "6", K: "13", L: "14", M: "16", N: "17", O: "18", P: "90", Q: "64", R: "79", S: "80", T: "81", U: "83", V: "84", W: "85", X: "86", Y: "87", Z: "88", a: "89", b: "91", c: "5", d: "19", e: "20", f: "21", g: "22", h: "23", i: "24", j: "25", k: "26", l: "27", m: "28", n: "29", o: "30", p: "31", q: "32", r: "33", s: "34", t: "35", u: "36", v: "37", w: "38", x: "39", y: "40", z: "41", AB: "52", BB: "53", CB: "54", DB: "55", EB: "56", FB: "57", GB: "58", HB: "60", IB: "62", JB: "63", KB: "65", LB: "66", MB: "67", NB: "68", OB: "69", PB: "70", QB: "71", RB: "72", SB: "73", TB: "74", UB: "75", VB: "76", WB: "77", XB: "11.1", YB: "12.1", ZB: "3", aB: "59", bB: "61", cB: "78", dB: "3.2", eB: "10.1", fB: "11.5", gB: "4.2-4.3", hB: "5.5", iB: "2", jB: "82", kB: "3.5", lB: "3.6", mB: "93", nB: "94", oB: "95", pB: "3.1", qB: "5.1", rB: "6.1", sB: "7.1", tB: "9.1", uB: "13.1", vB: "14.1", wB: "TP", xB: "9.5-9.6", yB: "10.0-10.1", zB: "10.5", "0B": "10.6", "1B": "11.6", "2B": "4.0-4.1", "3B": "5.0-5.1", "4B": "6.0-6.1", "5B": "7.0-7.1", "6B": "8.1-8.4", "7B": "9.0-9.2", "8B": "9.3", "9B": "10.0-10.2", AC: "10.3", BC: "11.0-11.2", CC: "11.3-11.4", DC: "12.0-12.1", EC: "12.2-12.4", FC: "13.0-13.1", GC: "13.2", HC: "13.3", IC: "13.4-13.7", JC: "14.0-14.4", KC: "14.5-14.7", LC: "all", MC: "2.1", NC: "2.2", OC: "2.3", PC: "4.1", QC: "4.4", RC: "4.4.3-4.4.4", SC: "12.12", TC: "5.0-5.4", UC: "6.2-6.4", VC: "7.2-7.4", WC: "8.2", XC: "9.2", YC: "11.1-11.2", ZC: "12.0", aC: "13.0", bC: "14.0", cC: "10.4", dC: "7.12", eC: "2.5" };
+  "../../node_modules/.pnpm/caniuse-lite@1.0.30001307/node_modules/caniuse-lite/data/browserVersions.js"(exports2, module2) {
+    module2.exports = { "0": "37", "1": "38", "2": "39", "3": "40", "4": "41", "5": "42", "6": "43", "7": "44", "8": "45", "9": "46", A: "10", B: "11", C: "12", D: "7", E: "8", F: "9", G: "15", H: "97", I: "4", J: "6", K: "13", L: "14", M: "16", N: "17", O: "18", P: "79", Q: "80", R: "81", S: "83", T: "96", U: "64", V: "84", W: "85", X: "86", Y: "87", Z: "88", a: "89", b: "90", c: "91", d: "92", e: "93", f: "94", g: "95", h: "5", i: "19", j: "20", k: "21", l: "22", m: "23", n: "24", o: "25", p: "26", q: "27", r: "28", s: "29", t: "30", u: "31", v: "32", w: "33", x: "34", y: "35", z: "36", AB: "47", BB: "48", CB: "49", DB: "50", EB: "51", FB: "52", GB: "53", HB: "54", IB: "55", JB: "56", KB: "57", LB: "58", MB: "60", NB: "62", OB: "63", PB: "65", QB: "66", RB: "67", SB: "68", TB: "69", UB: "70", VB: "71", WB: "72", XB: "73", YB: "74", ZB: "75", aB: "76", bB: "77", cB: "78", dB: "11.1", eB: "12.1", fB: "3", gB: "59", hB: "61", iB: "82", jB: "98", kB: "3.2", lB: "10.1", mB: "15.2-15.3", nB: "15.4", oB: "11.5", pB: "4.2-4.3", qB: "5.5", rB: "2", sB: "3.5", tB: "3.6", uB: "99", vB: "100", wB: "101", xB: "3.1", yB: "5.1", zB: "6.1", "0B": "7.1", "1B": "9.1", "2B": "13.1", "3B": "14.1", "4B": "15.1", "5B": "TP", "6B": "9.5-9.6", "7B": "10.0-10.1", "8B": "10.5", "9B": "10.6", AC: "11.6", BC: "4.0-4.1", CC: "5.0-5.1", DC: "6.0-6.1", EC: "7.0-7.1", FC: "8.1-8.4", GC: "9.0-9.2", HC: "9.3", IC: "10.0-10.2", JC: "10.3", KC: "11.0-11.2", LC: "11.3-11.4", MC: "12.0-12.1", NC: "12.2-12.5", OC: "13.0-13.1", PC: "13.2", QC: "13.3", RC: "13.4-13.7", SC: "14.0-14.4", TC: "14.5-14.8", UC: "15.0-15.1", VC: "all", WC: "2.1", XC: "2.2", YC: "2.3", ZC: "4.1", aC: "4.4", bC: "4.4.3-4.4.4", cC: "12.12", dC: "5.0-5.4", eC: "6.2-6.4", fC: "7.2-7.4", gC: "8.2", hC: "9.2", iC: "11.1-11.2", jC: "12.0", kC: "13.0", lC: "14.0", mC: "15.0", nC: "16.0", oC: "10.4", pC: "7.12", qC: "2.5" };
   }
 });
 
-// ../../node_modules/.pnpm/caniuse-lite@1.0.30001249/node_modules/caniuse-lite/dist/unpacker/browserVersions.js
+// ../../node_modules/.pnpm/caniuse-lite@1.0.30001307/node_modules/caniuse-lite/dist/unpacker/browserVersions.js
 var require_browserVersions2 = __commonJS({
-  "../../node_modules/.pnpm/caniuse-lite@1.0.30001249/node_modules/caniuse-lite/dist/unpacker/browserVersions.js"(exports2, module2) {
+  "../../node_modules/.pnpm/caniuse-lite@1.0.30001307/node_modules/caniuse-lite/dist/unpacker/browserVersions.js"(exports2, module2) {
     module2.exports.browserVersions = require_browserVersions();
   }
 });
 
-// ../../node_modules/.pnpm/caniuse-lite@1.0.30001249/node_modules/caniuse-lite/data/agents.js
+// ../../node_modules/.pnpm/caniuse-lite@1.0.30001307/node_modules/caniuse-lite/data/agents.js
 var require_agents = __commonJS({
-  "../../node_modules/.pnpm/caniuse-lite@1.0.30001249/node_modules/caniuse-lite/data/agents.js"(exports2, module2) {
-    module2.exports = { A: { A: { J: 0.0131217, D: 621152e-8, E: 0.020096, F: 0.113877, A: 0.0133974, B: 0.763649, hB: 9298e-6 }, B: "ms", C: ["", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "hB", "J", "D", "E", "F", "A", "B", "", "", ""], E: "IE", F: { hB: 962323200, J: 998870400, D: 1161129600, E: 1237420800, F: 1300060800, A: 1346716800, B: 1381968e3 } }, B: { A: { C: 8282e-6, K: 4267e-6, L: 4141e-6, G: 4141e-6, M: 8282e-6, N: 0.016564, O: 0.078679, R: 0, S: 4298e-6, T: 944e-5, U: 415e-5, V: 8282e-6, W: 8282e-6, X: 8282e-6, Y: 8282e-6, Z: 8282e-6, a: 0.020705, P: 0.024846, b: 2.58398, H: 0.712252 }, B: "webkit", C: ["", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "C", "K", "L", "G", "M", "N", "O", "R", "S", "T", "U", "V", "W", "X", "Y", "Z", "a", "P", "b", "H", "", "", ""], E: "Edge", F: { C: 1438128e3, K: 1447286400, L: 1470096e3, G: 1491868800, M: 1508198400, N: 1525046400, O: 1542067200, R: 1579046400, S: 1581033600, T: 1586736e3, U: 1590019200, V: 1594857600, W: 1598486400, X: 1602201600, Y: 1605830400, Z: 161136e4, a: 1614816e3, P: 1618358400, b: 1622073600, H: 1626912e3 }, D: { C: "ms", K: "ms", L: "ms", G: "ms", M: "ms", N: "ms", O: "ms" } }, C: { A: { "0": 47e-4, "1": 0.04141, "2": 8282e-6, "3": 4141e-6, "4": 4525e-6, "5": 4141e-6, "6": 8282e-6, "7": 4538e-6, "8": 8282e-6, "9": 4141e-6, iB: 0.012813, ZB: 4271e-6, I: 0.020705, c: 4879e-6, J: 0.020136, D: 5725e-6, E: 4525e-6, F: 533e-5, A: 4283e-6, B: 4141e-6, C: 4471e-6, K: 4486e-6, L: 453e-5, G: 8542e-6, M: 4417e-6, N: 4425e-6, O: 8542e-6, d: 4443e-6, e: 4283e-6, f: 8542e-6, g: 0.013698, h: 8542e-6, i: 8786e-6, j: 4141e-6, k: 4317e-6, l: 4393e-6, m: 4418e-6, n: 8834e-6, o: 8542e-6, p: 8928e-6, q: 4471e-6, r: 9284e-6, s: 4707e-6, t: 9076e-6, u: 4425e-6, v: 4783e-6, w: 4271e-6, x: 4783e-6, y: 487e-5, z: 5029e-6, AB: 0.074538, BB: 4335e-6, CB: 4141e-6, DB: 4141e-6, EB: 8282e-6, FB: 4425e-6, GB: 4141e-6, aB: 4141e-6, HB: 8282e-6, bB: 472e-5, IB: 4425e-6, JB: 8282e-6, Q: 415e-5, KB: 4267e-6, LB: 4141e-6, MB: 4267e-6, NB: 0.012423, OB: 415e-5, PB: 8282e-6, QB: 4425e-6, RB: 0.024846, SB: 415e-5, TB: 415e-5, UB: 4141e-6, VB: 4298e-6, WB: 4141e-6, cB: 0.161499, R: 8282e-6, S: 8282e-6, T: 8282e-6, jB: 0.016564, U: 8282e-6, V: 0.016564, W: 8282e-6, X: 0.012423, Y: 0.016564, Z: 0.057974, a: 1.51146, P: 0.919302, b: 0.016564, H: 0, kB: 8786e-6, lB: 487e-5 }, B: "moz", C: ["iB", "ZB", "kB", "lB", "I", "c", "J", "D", "E", "F", "A", "B", "C", "K", "L", "G", "M", "N", "O", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "AB", "BB", "CB", "DB", "EB", "FB", "GB", "aB", "HB", "bB", "IB", "JB", "Q", "KB", "LB", "MB", "NB", "OB", "PB", "QB", "RB", "SB", "TB", "UB", "VB", "WB", "cB", "R", "S", "T", "jB", "U", "V", "W", "X", "Y", "Z", "a", "P", "b", "H", ""], E: "Firefox", F: { "0": 1446508800, "1": 1450137600, "2": 1453852800, "3": 1457395200, "4": 1461628800, "5": 1465257600, "6": 1470096e3, "7": 1474329600, "8": 1479168e3, "9": 1485216e3, iB: 1161648e3, ZB: 1213660800, kB: 124632e4, lB: 1264032e3, I: 1300752e3, c: 1308614400, J: 1313452800, D: 1317081600, E: 1317081600, F: 1320710400, A: 1324339200, B: 1327968e3, C: 1331596800, K: 1335225600, L: 1338854400, G: 1342483200, M: 1346112e3, N: 1349740800, O: 1353628800, d: 1357603200, e: 1361232e3, f: 1364860800, g: 1368489600, h: 1372118400, i: 1375747200, j: 1379376e3, k: 1386633600, l: 1391472e3, m: 1395100800, n: 1398729600, o: 1402358400, p: 1405987200, q: 1409616e3, r: 1413244800, s: 1417392e3, t: 1421107200, u: 1424736e3, v: 1428278400, w: 1431475200, x: 1435881600, y: 1439251200, z: 144288e4, AB: 1488844800, BB: 149256e4, CB: 1497312e3, DB: 1502150400, EB: 1506556800, FB: 1510617600, GB: 1516665600, aB: 1520985600, HB: 1525824e3, bB: 1529971200, IB: 1536105600, JB: 1540252800, Q: 1544486400, KB: 154872e4, LB: 1552953600, MB: 1558396800, NB: 1562630400, OB: 1567468800, PB: 1571788800, QB: 1575331200, RB: 1578355200, SB: 1581379200, TB: 1583798400, UB: 1586304e3, VB: 1588636800, WB: 1591056e3, cB: 1593475200, R: 1595894400, S: 1598313600, T: 1600732800, jB: 1603152e3, U: 1605571200, V: 1607990400, W: 1611619200, X: 1614038400, Y: 1616457600, Z: 1618790400, a: 1622505600, P: 1626134400, b: null, H: null } }, D: { A: { "0": 4403e-6, "1": 8282e-6, "2": 4465e-6, "3": 4642e-6, "4": 4891e-6, "5": 0.012423, "6": 0.020705, "7": 0.182204, "8": 4141e-6, "9": 4141e-6, I: 4706e-6, c: 4879e-6, J: 4879e-6, D: 5591e-6, E: 5591e-6, F: 5591e-6, A: 4534e-6, B: 4464e-6, C: 0.010424, K: 83e-4, L: 4706e-6, G: 0.015087, M: 4393e-6, N: 4393e-6, O: 8652e-6, d: 8542e-6, e: 4393e-6, f: 4317e-6, g: 0.012423, h: 8786e-6, i: 8282e-6, j: 4461e-6, k: 4141e-6, l: 4326e-6, m: 47e-4, n: 4538e-6, o: 8542e-6, p: 8596e-6, q: 4566e-6, r: 4141e-6, s: 8282e-6, t: 8282e-6, u: 4335e-6, v: 4464e-6, w: 0.028987, x: 4464e-6, y: 0.012423, z: 0.0236, AB: 4141e-6, BB: 0.020705, CB: 8282e-6, DB: 0.012423, EB: 0.045551, FB: 8282e-6, GB: 8282e-6, aB: 8282e-6, HB: 0.012423, bB: 0.074538, IB: 8282e-6, JB: 0.016564, Q: 0.020705, KB: 0.020705, LB: 0.020705, MB: 0.020705, NB: 0.012423, OB: 0.066256, PB: 0.053833, QB: 0.028987, RB: 0.04141, SB: 0.016564, TB: 0.111807, UB: 0.08282, VB: 0.053833, WB: 0.024846, cB: 0.049692, R: 0.186345, S: 0.08282, T: 0.070397, U: 0.091102, V: 0.091102, W: 0.236037, X: 0.099384, Y: 0.285729, Z: 0.128371, a: 0.227755, P: 0.596304, b: 17.9554, H: 4.05818, mB: 0.024846, nB: 8282e-6, oB: 0 }, B: "webkit", C: ["", "", "", "I", "c", "J", "D", "E", "F", "A", "B", "C", "K", "L", "G", "M", "N", "O", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "AB", "BB", "CB", "DB", "EB", "FB", "GB", "aB", "HB", "bB", "IB", "JB", "Q", "KB", "LB", "MB", "NB", "OB", "PB", "QB", "RB", "SB", "TB", "UB", "VB", "WB", "cB", "R", "S", "T", "U", "V", "W", "X", "Y", "Z", "a", "P", "b", "H", "mB", "nB", "oB"], E: "Chrome", F: { "0": 1429401600, "1": 143208e4, "2": 1437523200, "3": 1441152e3, "4": 1444780800, "5": 1449014400, "6": 1453248e3, "7": 1456963200, "8": 1460592e3, "9": 1464134400, I: 1264377600, c: 1274745600, J: 1283385600, D: 1287619200, E: 1291248e3, F: 1296777600, A: 1299542400, B: 1303862400, C: 1307404800, K: 1312243200, L: 1316131200, G: 1316131200, M: 1319500800, N: 1323734400, O: 1328659200, d: 1332892800, e: 133704e4, f: 1340668800, g: 1343692800, h: 1348531200, i: 1352246400, j: 1357862400, k: 1361404800, l: 1364428800, m: 1369094400, n: 1374105600, o: 1376956800, p: 1384214400, q: 1389657600, r: 1392940800, s: 1397001600, t: 1400544e3, u: 1405468800, v: 1409011200, w: 141264e4, x: 1416268800, y: 1421798400, z: 1425513600, AB: 1469059200, BB: 1472601600, CB: 1476230400, DB: 1480550400, EB: 1485302400, FB: 1489017600, GB: 149256e4, aB: 1496707200, HB: 1500940800, bB: 1504569600, IB: 1508198400, JB: 1512518400, Q: 1516752e3, KB: 1520294400, LB: 1523923200, MB: 1527552e3, NB: 1532390400, OB: 1536019200, PB: 1539648e3, QB: 1543968e3, RB: 154872e4, SB: 1552348800, TB: 1555977600, UB: 1559606400, VB: 1564444800, WB: 1568073600, cB: 1571702400, R: 1575936e3, S: 1580860800, T: 1586304e3, U: 1589846400, V: 1594684800, W: 1598313600, X: 1601942400, Y: 1605571200, Z: 1611014400, a: 1614556800, P: 1618272e3, b: 1621987200, H: 1626739200, mB: null, nB: null, oB: null } }, E: { A: { I: 0, c: 8542e-6, J: 4656e-6, D: 4465e-6, E: 4141e-6, F: 4891e-6, A: 4425e-6, B: 8282e-6, C: 0.012423, K: 0.078679, L: 0.654278, G: 0.012423, pB: 0, dB: 8692e-6, qB: 0.020705, rB: 456e-5, sB: 4283e-6, tB: 0.016564, eB: 0.020705, XB: 0.053833, YB: 0.08282, uB: 0.546612, vB: 2.36037, wB: 0 }, B: "webkit", C: ["", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "pB", "dB", "I", "c", "qB", "J", "rB", "D", "sB", "E", "F", "tB", "A", "eB", "B", "XB", "C", "YB", "K", "uB", "L", "vB", "G", "wB", ""], E: "Safari", F: { pB: 1205798400, dB: 1226534400, I: 1244419200, c: 1275868800, qB: 131112e4, J: 1343174400, rB: 13824e5, D: 13824e5, sB: 1410998400, E: 1413417600, F: 1443657600, tB: 1458518400, A: 1474329600, eB: 1490572800, B: 1505779200, XB: 1522281600, C: 1537142400, YB: 1553472e3, K: 1568851200, uB: 1585008e3, L: 1600214400, vB: 1619395200, G: null, wB: null } }, F: { A: { "0": 4418e-6, "1": 8542e-6, "2": 4227e-6, "3": 4725e-6, "4": 8282e-6, "5": 8942e-6, "6": 4707e-6, "7": 4827e-6, "8": 4707e-6, "9": 4707e-6, F: 82e-4, B: 0.016581, C: 4317e-6, G: 685e-5, M: 685e-5, N: 685e-5, O: 5014e-6, d: 6015e-6, e: 4879e-6, f: 6597e-6, g: 6597e-6, h: 0.013434, i: 6702e-6, j: 6015e-6, k: 5595e-6, l: 4393e-6, m: 8652e-6, n: 4879e-6, o: 4879e-6, p: 4141e-6, q: 5152e-6, r: 5014e-6, s: 9758e-6, t: 4879e-6, u: 8282e-6, v: 4283e-6, w: 4367e-6, x: 4534e-6, y: 8282e-6, z: 4227e-6, AB: 4326e-6, BB: 8922e-6, CB: 0.014349, DB: 4425e-6, EB: 472e-5, FB: 4425e-6, GB: 4425e-6, HB: 472e-5, IB: 4532e-6, JB: 4566e-6, Q: 0.02283, KB: 867e-5, LB: 4656e-6, MB: 4642e-6, NB: 4298e-6, OB: 944e-5, PB: 415e-5, QB: 4271e-6, RB: 4298e-6, SB: 0.096692, TB: 4201e-6, UB: 4141e-6, VB: 0.190486, WB: 0.687406, xB: 685e-5, yB: 0, zB: 8392e-6, "0B": 4706e-6, XB: 6229e-6, fB: 4879e-6, "1B": 8786e-6, YB: 472e-5 }, B: "webkit", C: ["", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "F", "xB", "yB", "zB", "0B", "B", "XB", "fB", "1B", "C", "YB", "G", "M", "N", "O", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "AB", "BB", "CB", "DB", "EB", "FB", "GB", "HB", "IB", "JB", "Q", "KB", "LB", "MB", "NB", "OB", "PB", "QB", "RB", "SB", "TB", "UB", "VB", "WB", "", "", ""], E: "Opera", F: { "0": 1481587200, "1": 1486425600, "2": 1490054400, "3": 1494374400, "4": 1498003200, "5": 1502236800, "6": 1506470400, "7": 1510099200, "8": 1515024e3, "9": 1517961600, F: 1150761600, xB: 1223424e3, yB: 1251763200, zB: 1267488e3, "0B": 1277942400, B: 1292457600, XB: 1302566400, fB: 1309219200, "1B": 1323129600, C: 1323129600, YB: 1352073600, G: 1372723200, M: 1377561600, N: 1381104e3, O: 1386288e3, d: 1390867200, e: 1393891200, f: 1399334400, g: 1401753600, h: 1405987200, i: 1409616e3, j: 1413331200, k: 1417132800, l: 1422316800, m: 1425945600, n: 1430179200, o: 1433808e3, p: 1438646400, q: 1442448e3, r: 1445904e3, s: 1449100800, t: 1454371200, u: 1457308800, v: 146232e4, w: 1465344e3, x: 1470096e3, y: 1474329600, z: 1477267200, AB: 1521676800, BB: 1525910400, CB: 1530144e3, DB: 1534982400, EB: 1537833600, FB: 1543363200, GB: 1548201600, HB: 1554768e3, IB: 1561593600, JB: 1566259200, Q: 1570406400, KB: 1573689600, LB: 1578441600, MB: 1583971200, NB: 1587513600, OB: 1592956800, PB: 1595894400, QB: 1600128e3, RB: 1603238400, SB: 161352e4, TB: 1612224e3, UB: 1616544e3, VB: 1619568e3, WB: 1623715200 }, D: { F: "o", B: "o", C: "o", xB: "o", yB: "o", zB: "o", "0B": "o", XB: "o", fB: "o", "1B": "o", YB: "o" } }, G: { A: { E: 149029e-8, dB: 0, "2B": 0, gB: 298058e-8, "3B": 894175e-8, "4B": 0.0491796, "5B": 0.0298058, "6B": 0.0163932, "7B": 0.0223544, "8B": 0.140087, "9B": 0.0372573, AC: 0.143068, BC: 0.0834563, CC: 0.0640825, DC: 0.071534, EC: 0.199699, FC: 0.0581214, GC: 0.0268253, HC: 0.149029, IC: 0.490306, JC: 2.41129, KC: 10.2666 }, B: "webkit", C: ["", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "dB", "2B", "gB", "3B", "4B", "5B", "E", "6B", "7B", "8B", "9B", "AC", "BC", "CC", "DC", "EC", "FC", "GC", "HC", "IC", "JC", "KC", "", "", ""], E: "Safari on iOS", F: { dB: 1270252800, "2B": 1283904e3, gB: 1299628800, "3B": 1331078400, "4B": 1359331200, "5B": 1394409600, E: 1410912e3, "6B": 1413763200, "7B": 1442361600, "8B": 1458518400, "9B": 1473724800, AC: 1490572800, BC: 1505779200, CC: 1522281600, DC: 1537142400, EC: 1553472e3, FC: 1568851200, GC: 1572220800, HC: 1580169600, IC: 1585008e3, JC: 1600214400, KC: 1619395200 } }, H: { A: { LC: 1.0761 }, B: "o", C: ["", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "LC", "", "", ""], E: "Opera Mini", F: { LC: 1426464e3 } }, I: { A: { ZB: 0, I: 0.0269428, H: 0, MC: 0, NC: 0, OC: 0, PC: 0.0179619, gB: 0.0628666, QC: 0, RC: 0.302359 }, B: "webkit", C: ["", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "MC", "NC", "OC", "ZB", "I", "PC", "gB", "QC", "RC", "H", "", "", ""], E: "Android Browser", F: { MC: 1256515200, NC: 1274313600, OC: 1291593600, ZB: 1298332800, I: 1318896e3, PC: 1341792e3, gB: 1374624e3, QC: 1386547200, RC: 1401667200, H: 1626998400 } }, J: { A: { D: 0, A: 0 }, B: "webkit", C: ["", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "D", "A", "", "", ""], E: "Blackberry Browser", F: { D: 1325376e3, A: 1359504e3 } }, K: { A: { A: 0, B: 0, C: 0, Q: 0.0111391, XB: 0, fB: 0, YB: 0 }, B: "o", C: ["", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "A", "B", "XB", "fB", "C", "YB", "Q", "", "", ""], E: "Opera Mobile", F: { A: 1287100800, B: 1300752e3, XB: 1314835200, fB: 1318291200, C: 1330300800, YB: 1349740800, Q: 1613433600 }, D: { Q: "webkit" } }, L: { A: { H: 40.2461 }, B: "webkit", C: ["", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "H", "", "", ""], E: "Chrome for Android", F: { H: 1626998400 } }, M: { A: { P: 0.298809 }, B: "moz", C: ["", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "P", "", "", ""], E: "Firefox for Android", F: { P: 1626652800 } }, N: { A: { A: 0.0115934, B: 0.022664 }, B: "ms", C: ["", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "A", "B", "", "", ""], E: "IE Mobile", F: { A: 1340150400, B: 1353456e3 } }, O: { A: { SC: 1.20109 }, B: "webkit", C: ["", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "SC", "", "", ""], E: "UC Browser for Android", F: { SC: 1471392e3 }, D: { SC: "webkit" } }, P: { A: { I: 0.291244, TC: 0.0103543, UC: 0.010304, VC: 0.0832126, WC: 0.0103584, XC: 0.0520079, eB: 0.0208032, YC: 0.145622, ZC: 0.0728111, aC: 0.239236, bC: 2.38196 }, B: "webkit", C: ["", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "I", "TC", "UC", "VC", "WC", "XC", "eB", "YC", "ZC", "aC", "bC", "", "", ""], E: "Samsung Internet", F: { I: 1461024e3, TC: 1481846400, UC: 1509408e3, VC: 1528329600, WC: 1546128e3, XC: 1554163200, eB: 1567900800, YC: 1582588800, ZC: 1593475200, aC: 1605657600, bC: 1618531200 } }, Q: { A: { cC: 0.181629 }, B: "webkit", C: ["", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "cC", "", "", ""], E: "QQ Browser", F: { cC: 1589846400 } }, R: { A: { dC: 0 }, B: "webkit", C: ["", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "dC", "", "", ""], E: "Baidu Browser", F: { dC: 1491004800 } }, S: { A: { eC: 0.111321 }, B: "moz", C: ["", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "eC", "", "", ""], E: "KaiOS Browser", F: { eC: 1527811200 } } };
+  "../../node_modules/.pnpm/caniuse-lite@1.0.30001307/node_modules/caniuse-lite/data/agents.js"(exports2, module2) {
+    module2.exports = { A: { A: { J: 0.0131217, D: 621152e-8, E: 0.0349975, F: 0.0699949, A: 0.0209985, B: 0.601956, qB: 9298e-6 }, B: "ms", C: ["", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "qB", "J", "D", "E", "F", "A", "B", "", "", ""], E: "IE", F: { qB: 962323200, J: 998870400, D: 1161129600, E: 1237420800, F: 1300060800, A: 1346716800, B: 1381968e3 } }, B: { A: { C: 4257e-6, K: 4267e-6, L: 4268e-6, G: 4257e-6, M: 4257e-6, N: 8514e-6, O: 0.025542, P: 0, Q: 4298e-6, R: 944e-5, S: 4043e-6, V: 4257e-6, W: 8514e-6, X: 4257e-6, Y: 4257e-6, Z: 4318e-6, a: 8514e-6, b: 4257e-6, c: 8514e-6, d: 0.012771, e: 0.012771, f: 0.012771, g: 0.063855, T: 1.08554, H: 2.81388 }, B: "webkit", C: ["", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "C", "K", "L", "G", "M", "N", "O", "P", "Q", "R", "S", "V", "W", "X", "Y", "Z", "a", "b", "c", "d", "e", "f", "g", "T", "H", "", "", ""], E: "Edge", F: { C: 1438128e3, K: 1447286400, L: 1470096e3, G: 1491868800, M: 1508198400, N: 1525046400, O: 1542067200, P: 1579046400, Q: 1581033600, R: 1586736e3, S: 1590019200, V: 1594857600, W: 1598486400, X: 1602201600, Y: 1605830400, Z: 161136e4, a: 1614816e3, b: 1618358400, c: 1622073600, d: 1626912e3, e: 1630627200, f: 1632441600, g: 1634774400, T: 1637539200, H: 1641427200 }, D: { C: "ms", K: "ms", L: "ms", G: "ms", M: "ms", N: "ms", O: "ms" } }, C: { A: { "0": 4783e-6, "1": 4271e-6, "2": 4783e-6, "3": 487e-5, "4": 5029e-6, "5": 47e-4, "6": 0.038313, "7": 8514e-6, "8": 4356e-6, "9": 4525e-6, rB: 4257e-6, fB: 4271e-6, I: 0.017028, h: 4879e-6, J: 0.020136, D: 5725e-6, E: 4525e-6, F: 533e-5, A: 4283e-6, B: 4318e-6, C: 4471e-6, K: 4486e-6, L: 453e-5, G: 4257e-6, M: 4417e-6, N: 4425e-6, O: 4257e-6, i: 4443e-6, j: 4283e-6, k: 4257e-6, l: 0.013698, m: 4257e-6, n: 8786e-6, o: 8514e-6, p: 4317e-6, q: 4393e-6, r: 4418e-6, s: 8834e-6, t: 4257e-6, u: 8928e-6, v: 4471e-6, w: 9284e-6, x: 4707e-6, y: 9076e-6, z: 4257e-6, AB: 4293e-6, BB: 4257e-6, CB: 4538e-6, DB: 8282e-6, EB: 8514e-6, FB: 0.063855, GB: 4335e-6, HB: 8586e-6, IB: 0.012771, JB: 8514e-6, KB: 4425e-6, LB: 4356e-6, gB: 4257e-6, MB: 8514e-6, hB: 4356e-6, NB: 4425e-6, OB: 4257e-6, U: 415e-5, PB: 4267e-6, QB: 8712e-6, RB: 4267e-6, SB: 8514e-6, TB: 415e-5, UB: 4293e-6, VB: 4425e-6, WB: 8514e-6, XB: 415e-5, YB: 415e-5, ZB: 4318e-6, aB: 4356e-6, bB: 4257e-6, cB: 0.068112, P: 8514e-6, Q: 4257e-6, R: 0.012771, iB: 4257e-6, S: 4257e-6, V: 0.017028, W: 4268e-6, X: 4257e-6, Y: 0.012771, Z: 0.012771, a: 0.012771, b: 0.029799, c: 0.097911, d: 0.012771, e: 0.017028, f: 0.046827, g: 1.41758, T: 1.77517, H: 0.017028, jB: 0, sB: 8786e-6, tB: 487e-5 }, B: "moz", C: ["rB", "fB", "sB", "tB", "I", "h", "J", "D", "E", "F", "A", "B", "C", "K", "L", "G", "M", "N", "O", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "AB", "BB", "CB", "DB", "EB", "FB", "GB", "HB", "IB", "JB", "KB", "LB", "gB", "MB", "hB", "NB", "OB", "U", "PB", "QB", "RB", "SB", "TB", "UB", "VB", "WB", "XB", "YB", "ZB", "aB", "bB", "cB", "P", "Q", "R", "iB", "S", "V", "W", "X", "Y", "Z", "a", "b", "c", "d", "e", "f", "g", "T", "H", "jB", ""], E: "Firefox", F: { "0": 1428278400, "1": 1431475200, "2": 1435881600, "3": 1439251200, "4": 144288e4, "5": 1446508800, "6": 1450137600, "7": 1453852800, "8": 1457395200, "9": 1461628800, rB: 1161648e3, fB: 1213660800, sB: 124632e4, tB: 1264032e3, I: 1300752e3, h: 1308614400, J: 1313452800, D: 1317081600, E: 1317081600, F: 1320710400, A: 1324339200, B: 1327968e3, C: 1331596800, K: 1335225600, L: 1338854400, G: 1342483200, M: 1346112e3, N: 1349740800, O: 1353628800, i: 1357603200, j: 1361232e3, k: 1364860800, l: 1368489600, m: 1372118400, n: 1375747200, o: 1379376e3, p: 1386633600, q: 1391472e3, r: 1395100800, s: 1398729600, t: 1402358400, u: 1405987200, v: 1409616e3, w: 1413244800, x: 1417392e3, y: 1421107200, z: 1424736e3, AB: 1465257600, BB: 1470096e3, CB: 1474329600, DB: 1479168e3, EB: 1485216e3, FB: 1488844800, GB: 149256e4, HB: 1497312e3, IB: 1502150400, JB: 1506556800, KB: 1510617600, LB: 1516665600, gB: 1520985600, MB: 1525824e3, hB: 1529971200, NB: 1536105600, OB: 1540252800, U: 1544486400, PB: 154872e4, QB: 1552953600, RB: 1558396800, SB: 1562630400, TB: 1567468800, UB: 1571788800, VB: 1575331200, WB: 1578355200, XB: 1581379200, YB: 1583798400, ZB: 1586304e3, aB: 1588636800, bB: 1591056e3, cB: 1593475200, P: 1595894400, Q: 1598313600, R: 1600732800, iB: 1603152e3, S: 1605571200, V: 1607990400, W: 1611619200, X: 1614038400, Y: 1616457600, Z: 1618790400, a: 1622505600, b: 1626134400, c: 1628553600, d: 1630972800, e: 1633392e3, f: 1635811200, g: 1638835200, T: 1641859200, H: null, jB: null } }, D: { A: { "0": 4464e-6, "1": 0.025542, "2": 4464e-6, "3": 0.012771, "4": 0.0236, "5": 4293e-6, "6": 8514e-6, "7": 4465e-6, "8": 4642e-6, "9": 4891e-6, I: 4706e-6, h: 4879e-6, J: 4879e-6, D: 5591e-6, E: 5591e-6, F: 5591e-6, A: 4534e-6, B: 4464e-6, C: 0.010424, K: 83e-4, L: 4706e-6, G: 0.015087, M: 4393e-6, N: 4393e-6, O: 8652e-6, i: 4257e-6, j: 4393e-6, k: 4317e-6, l: 8514e-6, m: 8786e-6, n: 0.012771, o: 4461e-6, p: 4141e-6, q: 4326e-6, r: 47e-4, s: 4538e-6, t: 4257e-6, u: 8596e-6, v: 4566e-6, w: 8514e-6, x: 8514e-6, y: 0.012771, z: 4335e-6, AB: 0.012771, BB: 0.021285, CB: 0.072369, DB: 4293e-6, EB: 4257e-6, FB: 4257e-6, GB: 0.012771, HB: 8514e-6, IB: 8514e-6, JB: 0.051084, KB: 8514e-6, LB: 8514e-6, gB: 8514e-6, MB: 0.012771, hB: 4257e-6, NB: 8514e-6, OB: 0.012771, U: 0.021285, PB: 0.012771, QB: 0.021285, RB: 0.012771, SB: 0.012771, TB: 0.055341, UB: 0.046827, VB: 0.017028, WB: 0.059598, XB: 8514e-6, YB: 0.029799, ZB: 0.063855, aB: 0.068112, bB: 0.021285, cB: 0.046827, P: 0.183051, Q: 0.068112, R: 0.04257, S: 0.089397, V: 0.072369, W: 0.076626, X: 0.072369, Y: 0.148995, Z: 0.04257, a: 0.059598, b: 0.055341, c: 0.131967, d: 0.174537, e: 0.34056, f: 0.29799, g: 0.229878, T: 7.72646, H: 15.687, jB: 0.017028, uB: 0.012771, vB: 0.012771, wB: 0 }, B: "webkit", C: ["", "", "", "I", "h", "J", "D", "E", "F", "A", "B", "C", "K", "L", "G", "M", "N", "O", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "AB", "BB", "CB", "DB", "EB", "FB", "GB", "HB", "IB", "JB", "KB", "LB", "gB", "MB", "hB", "NB", "OB", "U", "PB", "QB", "RB", "SB", "TB", "UB", "VB", "WB", "XB", "YB", "ZB", "aB", "bB", "cB", "P", "Q", "R", "S", "V", "W", "X", "Y", "Z", "a", "b", "c", "d", "e", "f", "g", "T", "H", "jB", "uB", "vB", "wB"], E: "Chrome", F: { "0": 1409011200, "1": 141264e4, "2": 1416268800, "3": 1421798400, "4": 1425513600, "5": 1429401600, "6": 143208e4, "7": 1437523200, "8": 1441152e3, "9": 1444780800, I: 1264377600, h: 1274745600, J: 1283385600, D: 1287619200, E: 1291248e3, F: 1296777600, A: 1299542400, B: 1303862400, C: 1307404800, K: 1312243200, L: 1316131200, G: 1316131200, M: 1319500800, N: 1323734400, O: 1328659200, i: 1332892800, j: 133704e4, k: 1340668800, l: 1343692800, m: 1348531200, n: 1352246400, o: 1357862400, p: 1361404800, q: 1364428800, r: 1369094400, s: 1374105600, t: 1376956800, u: 1384214400, v: 1389657600, w: 1392940800, x: 1397001600, y: 1400544e3, z: 1405468800, AB: 1449014400, BB: 1453248e3, CB: 1456963200, DB: 1460592e3, EB: 1464134400, FB: 1469059200, GB: 1472601600, HB: 1476230400, IB: 1480550400, JB: 1485302400, KB: 1489017600, LB: 149256e4, gB: 1496707200, MB: 1500940800, hB: 1504569600, NB: 1508198400, OB: 1512518400, U: 1516752e3, PB: 1520294400, QB: 1523923200, RB: 1527552e3, SB: 1532390400, TB: 1536019200, UB: 1539648e3, VB: 1543968e3, WB: 154872e4, XB: 1552348800, YB: 1555977600, ZB: 1559606400, aB: 1564444800, bB: 1568073600, cB: 1571702400, P: 1575936e3, Q: 1580860800, R: 1586304e3, S: 1589846400, V: 1594684800, W: 1598313600, X: 1601942400, Y: 1605571200, Z: 1611014400, a: 1614556800, b: 1618272e3, c: 1621987200, d: 1626739200, e: 1630368e3, f: 1632268800, g: 1634601600, T: 1637020800, H: 1641340800, jB: 1643673600, uB: null, vB: null, wB: null } }, E: { A: { I: 0, h: 4257e-6, J: 4656e-6, D: 4465e-6, E: 4356e-6, F: 4891e-6, A: 4425e-6, B: 4318e-6, C: 8514e-6, K: 0.055341, L: 0.272448, G: 0.208593, xB: 0, kB: 8692e-6, yB: 0.012771, zB: 456e-5, "0B": 4283e-6, "1B": 0.021285, lB: 0.012771, dB: 0.034056, eB: 0.068112, "2B": 0.498069, "3B": 1.05574, "4B": 0.974853, mB: 0.855657, nB: 0, "5B": 0 }, B: "webkit", C: ["", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "xB", "kB", "I", "h", "yB", "J", "zB", "D", "0B", "E", "F", "1B", "A", "lB", "B", "dB", "C", "eB", "K", "2B", "L", "3B", "G", "4B", "mB", "nB", "5B", ""], E: "Safari", F: { xB: 1205798400, kB: 1226534400, I: 1244419200, h: 1275868800, yB: 131112e4, J: 1343174400, zB: 13824e5, D: 13824e5, "0B": 1410998400, E: 1413417600, F: 1443657600, "1B": 1458518400, A: 1474329600, lB: 1490572800, B: 1505779200, dB: 1522281600, C: 1537142400, eB: 1553472e3, K: 1568851200, "2B": 1585008e3, L: 1600214400, "3B": 1619395200, G: 1632096e3, "4B": 1635292800, mB: 1639353600, nB: null, "5B": null } }, F: { A: { "0": 4283e-6, "1": 4367e-6, "2": 4534e-6, "3": 4257e-6, "4": 4227e-6, "5": 4418e-6, "6": 4257e-6, "7": 4227e-6, "8": 4725e-6, "9": 8514e-6, F: 82e-4, B: 0.016581, C: 4317e-6, G: 685e-5, M: 685e-5, N: 685e-5, O: 5014e-6, i: 6015e-6, j: 4879e-6, k: 6597e-6, l: 6597e-6, m: 0.013434, n: 6702e-6, o: 6015e-6, p: 5595e-6, q: 4393e-6, r: 4257e-6, s: 4879e-6, t: 4879e-6, u: 4257e-6, v: 5152e-6, w: 5014e-6, x: 9758e-6, y: 4879e-6, z: 4257e-6, AB: 8942e-6, BB: 4707e-6, CB: 4827e-6, DB: 4707e-6, EB: 4707e-6, FB: 4326e-6, GB: 8922e-6, HB: 0.014349, IB: 4425e-6, JB: 472e-5, KB: 4425e-6, LB: 4425e-6, MB: 472e-5, NB: 4532e-6, OB: 4566e-6, U: 0.02283, PB: 867e-5, QB: 4656e-6, RB: 4642e-6, SB: 4318e-6, TB: 944e-5, UB: 4293e-6, VB: 4293e-6, WB: 4298e-6, XB: 0.096692, YB: 4201e-6, ZB: 4141e-6, aB: 4257e-6, bB: 4318e-6, cB: 4356e-6, P: 4257e-6, Q: 8514e-6, R: 8514e-6, iB: 1.11533, S: 0.017028, "6B": 685e-5, "7B": 4257e-6, "8B": 8392e-6, "9B": 4706e-6, dB: 6229e-6, oB: 4879e-6, AC: 8786e-6, eB: 472e-5 }, B: "webkit", C: ["", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "F", "6B", "7B", "8B", "9B", "B", "dB", "oB", "AC", "C", "eB", "G", "M", "N", "O", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "AB", "BB", "CB", "DB", "EB", "FB", "GB", "HB", "IB", "JB", "KB", "LB", "MB", "NB", "OB", "U", "PB", "QB", "RB", "SB", "TB", "UB", "VB", "WB", "XB", "YB", "ZB", "aB", "bB", "cB", "P", "Q", "R", "iB", "S", "", "", ""], E: "Opera", F: { "0": 146232e4, "1": 1465344e3, "2": 1470096e3, "3": 1474329600, "4": 1477267200, "5": 1481587200, "6": 1486425600, "7": 1490054400, "8": 1494374400, "9": 1498003200, F: 1150761600, "6B": 1223424e3, "7B": 1251763200, "8B": 1267488e3, "9B": 1277942400, B: 1292457600, dB: 1302566400, oB: 1309219200, AC: 1323129600, C: 1323129600, eB: 1352073600, G: 1372723200, M: 1377561600, N: 1381104e3, O: 1386288e3, i: 1390867200, j: 1393891200, k: 1399334400, l: 1401753600, m: 1405987200, n: 1409616e3, o: 1413331200, p: 1417132800, q: 1422316800, r: 1425945600, s: 1430179200, t: 1433808e3, u: 1438646400, v: 1442448e3, w: 1445904e3, x: 1449100800, y: 1454371200, z: 1457308800, AB: 1502236800, BB: 1506470400, CB: 1510099200, DB: 1515024e3, EB: 1517961600, FB: 1521676800, GB: 1525910400, HB: 1530144e3, IB: 1534982400, JB: 1537833600, KB: 1543363200, LB: 1548201600, MB: 1554768e3, NB: 1561593600, OB: 1566259200, U: 1570406400, PB: 1573689600, QB: 1578441600, RB: 1583971200, SB: 1587513600, TB: 1592956800, UB: 1595894400, VB: 1600128e3, WB: 1603238400, XB: 161352e4, YB: 1612224e3, ZB: 1616544e3, aB: 1619568e3, bB: 1623715200, cB: 1627948800, P: 1631577600, Q: 1633392e3, R: 1635984e3, iB: 1638403200, S: 1642550400 }, D: { F: "o", B: "o", C: "o", "6B": "o", "7B": "o", "8B": "o", "9B": "o", dB: "o", oB: "o", AC: "o", eB: "o" } }, G: { A: { E: 0, kB: 0, BC: 0, pB: 306914e-8, CC: 613828e-8, DC: 0.0936087, EC: 0.0199494, FC: 767285e-8, GC: 0.0168803, HC: 0.0920741, IC: 0.0337605, JC: 0.108954, KC: 0.0705902, LC: 0.0414334, MC: 0.0398988, NC: 0.603086, OC: 0.0352951, PC: 0.0153457, QC: 0.0844013, RC: 0.277757, SC: 0.868566, TC: 3.53411, UC: 5.88661, mB: 3.49882, nB: 153457e-8 }, B: "webkit", C: ["", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "kB", "BC", "pB", "CC", "DC", "EC", "E", "FC", "GC", "HC", "IC", "JC", "KC", "LC", "MC", "NC", "OC", "PC", "QC", "RC", "SC", "TC", "UC", "mB", "nB", "", ""], E: "Safari on iOS", F: { kB: 1270252800, BC: 1283904e3, pB: 1299628800, CC: 1331078400, DC: 1359331200, EC: 1394409600, E: 1410912e3, FC: 1413763200, GC: 1442361600, HC: 1458518400, IC: 1473724800, JC: 1490572800, KC: 1505779200, LC: 1522281600, MC: 1537142400, NC: 1553472e3, OC: 1568851200, PC: 1572220800, QC: 1580169600, RC: 1585008e3, SC: 1600214400, TC: 1619395200, UC: 1632096e3, mB: 1639353600, nB: null } }, H: { A: { VC: 1.02761 }, B: "o", C: ["", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "VC", "", "", ""], E: "Opera Mini", F: { VC: 1426464e3 } }, I: { A: { fB: 0, I: 0.0323696, H: 0, WC: 0, XC: 0, YC: 0, ZC: 0.0129479, pB: 0.0582653, aC: 0, bC: 0.252483 }, B: "webkit", C: ["", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "WC", "XC", "YC", "fB", "I", "ZC", "pB", "aC", "bC", "H", "", "", ""], E: "Android Browser", F: { WC: 1256515200, XC: 1274313600, YC: 1291593600, fB: 1298332800, I: 1318896e3, ZC: 1341792e3, pB: 1374624e3, aC: 1386547200, bC: 1401667200, H: 1641340800 } }, J: { A: { D: 0, A: 0 }, B: "webkit", C: ["", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "D", "A", "", "", ""], E: "Blackberry Browser", F: { D: 1325376e3, A: 1359504e3 } }, K: { A: { A: 0, B: 0, C: 0, U: 0.0111391, dB: 0, oB: 0, eB: 0 }, B: "o", C: ["", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "A", "B", "dB", "oB", "C", "eB", "U", "", "", ""], E: "Opera Mobile", F: { A: 1287100800, B: 1300752e3, dB: 1314835200, oB: 1318291200, C: 1330300800, eB: 1349740800, U: 1613433600 }, D: { U: "webkit" } }, L: { A: { H: 36.982 }, B: "webkit", C: ["", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "H", "", "", ""], E: "Chrome for Android", F: { H: 1641340800 } }, M: { A: { T: 0.292893 }, B: "moz", C: ["", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "T", "", "", ""], E: "Firefox for Android", F: { T: 1641859200 } }, N: { A: { A: 0.0115934, B: 0.022664 }, B: "ms", C: ["", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "A", "B", "", "", ""], E: "IE Mobile", F: { A: 1340150400, B: 1353456e3 } }, O: { A: { cC: 0.901651 }, B: "webkit", C: ["", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "cC", "", "", ""], E: "UC Browser for Android", F: { cC: 1471392e3 }, D: { cC: "webkit" } }, P: { A: { I: 0.229958, dC: 0.0103543, eC: 0.010304, fC: 0.0627159, gC: 0.0103584, hC: 0.0209053, lB: 0.0105043, iC: 0.0836213, jC: 0.031358, kC: 0.114979, lC: 0.125432, mC: 0.188148, nC: 2.1637 }, B: "webkit", C: ["", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "I", "dC", "eC", "fC", "gC", "hC", "lB", "iC", "jC", "kC", "lC", "mC", "nC", "", "", ""], E: "Samsung Internet", F: { I: 1461024e3, dC: 1481846400, eC: 1509408e3, fC: 1528329600, gC: 1546128e3, hC: 1554163200, lB: 1567900800, iC: 1582588800, jC: 1593475200, kC: 1605657600, lC: 1618531200, mC: 1629072e3, nC: 1640736e3 } }, Q: { A: { oC: 0.17229 }, B: "webkit", C: ["", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "oC", "", "", ""], E: "QQ Browser", F: { oC: 1589846400 } }, R: { A: { pC: 0 }, B: "webkit", C: ["", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "pC", "", "", ""], E: "Baidu Browser", F: { pC: 1491004800 } }, S: { A: { qC: 0.080402 }, B: "moz", C: ["", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "qC", "", "", ""], E: "KaiOS Browser", F: { qC: 1527811200 } } };
   }
 });
 
-// ../../node_modules/.pnpm/caniuse-lite@1.0.30001249/node_modules/caniuse-lite/dist/unpacker/agents.js
+// ../../node_modules/.pnpm/caniuse-lite@1.0.30001307/node_modules/caniuse-lite/dist/unpacker/agents.js
 var require_agents2 = __commonJS({
-  "../../node_modules/.pnpm/caniuse-lite@1.0.30001249/node_modules/caniuse-lite/dist/unpacker/agents.js"(exports2, module2) {
+  "../../node_modules/.pnpm/caniuse-lite@1.0.30001307/node_modules/caniuse-lite/dist/unpacker/agents.js"(exports2, module2) {
     "use strict";
     var browsers = require_browsers2().browsers;
     var versions = require_browserVersions2().browserVersions;
@@ -69405,9 +69405,9 @@ var require_error = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/caniuse-lite@1.0.30001249/node_modules/caniuse-lite/dist/lib/statuses.js
+// ../../node_modules/.pnpm/caniuse-lite@1.0.30001307/node_modules/caniuse-lite/dist/lib/statuses.js
 var require_statuses = __commonJS({
-  "../../node_modules/.pnpm/caniuse-lite@1.0.30001249/node_modules/caniuse-lite/dist/lib/statuses.js"(exports2, module2) {
+  "../../node_modules/.pnpm/caniuse-lite@1.0.30001307/node_modules/caniuse-lite/dist/lib/statuses.js"(exports2, module2) {
     module2.exports = {
       1: "ls",
       2: "rec",
@@ -69420,9 +69420,9 @@ var require_statuses = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/caniuse-lite@1.0.30001249/node_modules/caniuse-lite/dist/lib/supported.js
+// ../../node_modules/.pnpm/caniuse-lite@1.0.30001307/node_modules/caniuse-lite/dist/lib/supported.js
 var require_supported = __commonJS({
-  "../../node_modules/.pnpm/caniuse-lite@1.0.30001249/node_modules/caniuse-lite/dist/lib/supported.js"(exports2, module2) {
+  "../../node_modules/.pnpm/caniuse-lite@1.0.30001307/node_modules/caniuse-lite/dist/lib/supported.js"(exports2, module2) {
     module2.exports = {
       y: 1 << 0,
       n: 1 << 1,
@@ -69435,9 +69435,9 @@ var require_supported = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/caniuse-lite@1.0.30001249/node_modules/caniuse-lite/dist/unpacker/feature.js
+// ../../node_modules/.pnpm/caniuse-lite@1.0.30001307/node_modules/caniuse-lite/dist/unpacker/feature.js
 var require_feature = __commonJS({
-  "../../node_modules/.pnpm/caniuse-lite@1.0.30001249/node_modules/caniuse-lite/dist/unpacker/feature.js"(exports2, module2) {
+  "../../node_modules/.pnpm/caniuse-lite@1.0.30001307/node_modules/caniuse-lite/dist/unpacker/feature.js"(exports2, module2) {
     "use strict";
     var statuses = require_statuses();
     var supported = require_supported();
@@ -69478,9 +69478,9 @@ var require_feature = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/caniuse-lite@1.0.30001249/node_modules/caniuse-lite/dist/unpacker/region.js
+// ../../node_modules/.pnpm/caniuse-lite@1.0.30001307/node_modules/caniuse-lite/dist/unpacker/region.js
 var require_region = __commonJS({
-  "../../node_modules/.pnpm/caniuse-lite@1.0.30001249/node_modules/caniuse-lite/dist/unpacker/region.js"(exports2, module2) {
+  "../../node_modules/.pnpm/caniuse-lite@1.0.30001307/node_modules/caniuse-lite/dist/unpacker/region.js"(exports2, module2) {
     "use strict";
     var browsers = require_browsers2().browsers;
     function unpackRegion(packed) {

package/lib/components/Stack/Stack.screenshots.tsx

@@ -178,5 +178,38 @@ export const screenshots: ComponentScreenshot = {
         </Stack>
       ),
     },
+    {
+      label: 'Test - Span align to left',
+      Container,
+      Example: () => (
+        <Stack component="span" space="gutter">
+          <Placeholder height={40} />
+          <Placeholder height={40} />
+          <Placeholder height={40} />
+        </Stack>
+      ),
+    },
+    {
+      label: 'Test - Span align to center',
+      Container,
+      Example: () => (
+        <Stack component="span" space="gutter" align="center">
+          <Placeholder height={40} width={40} />
+          <Placeholder height={40} width={60} />
+          <Placeholder height={40} width={80} />
+        </Stack>
+      ),
+    },
+    {
+      label: 'Test - Span align to right',
+      Container,
+      Example: () => (
+        <Stack component="span" space="gutter" align="right">
+          <Placeholder height={40} width={40} />
+          <Placeholder height={40} width={60} />
+          <Placeholder height={40} width={80} />
+        </Stack>
+      ),
+    },
   ],
 };

package/lib/components/Stack/Stack.tsx

@@ -26,25 +26,28 @@ const alignToDisplay = {
   right: 'flex',
 } as const;
 
+export const validStackComponents = ['div', 'span', 'ol', 'ul'] as const;
+
 interface UseStackItemProps {
   align: OptionalResponsiveValue<Align>;
   space: ResponsiveSpace;
+  component: typeof validStackComponents[number];
 }
 
-const useStackItem = ({ align, space }: UseStackItemProps) => ({
-  paddingTop: space,
-  // If we're aligned left across all screen sizes,
-  // there's actually no alignment work to do.
-  ...(align === 'left'
-    ? null
-    : {
-        display: mapResponsiveValue(align, (value) => alignToDisplay[value]),
-        flexDirection: 'column' as const,
-        alignItems: alignToFlexAlign(align),
-      }),
-});
-
-export const validStackComponents = ['div', 'ol', 'ul'] as const;
+const useStackItem = ({ align, space, component }: UseStackItemProps) =>
+  ({
+    paddingTop: space,
+    display: component === 'span' ? 'block' : undefined,
+    // If we're aligned left across all screen sizes,
+    // there's actually no alignment work to do.
+    ...(align === 'left'
+      ? null
+      : {
+          display: mapResponsiveValue(align, (value) => alignToDisplay[value]),
+          flexDirection: 'column' as const,
+          alignItems: alignToFlexAlign(align),
+        }),
+  } as const);
 
 const extractHiddenPropsFromChild = (child: ReactNode) =>
   child && typeof child === 'object' && 'type' in child && child.type === Hidden
@@ -111,10 +114,10 @@ export const Stack = ({
       .join(', ')}]`,
   );
 
-  const stackItemProps = useStackItem({ space, align });
+  const stackItemProps = useStackItem({ space, align, component });
   const stackItems = flattenChildren(children);
   const isList = component === 'ol' || component === 'ul';
-  const stackItemComponent = isList ? 'li' : 'div';
+  const stackItemComponent = isList ? 'li' : component;
 
   let firstItemOnMobile: number | null = null;
   let firstItemOnTablet: number | null = null;
@@ -124,6 +127,7 @@ export const Stack = ({
   return (
     <Box
       component={component}
+      display={component === 'span' ? 'block' : undefined}
       className={negativeMarginTop(space)}
       {...(data ? buildDataAttributes(data) : undefined)}
     >
@@ -177,6 +181,7 @@ export const Stack = ({
           >
             {dividers && index > 0 ? (
               <Box
+                component="span"
                 width="full"
                 paddingBottom={space}
                 display={optimizeResponsiveArray([

package/lib/components/Stepper/Step.tsx

@@ -0,0 +1,187 @@
+import assert from 'assert';
+import clsx from 'clsx';
+import React, { useContext, useEffect, useRef } from 'react';
+import { Box } from '../Box/Box';
+import { Stack } from '../Stack/Stack';
+import { Text } from '../Text/Text';
+import { Hidden } from '../Hidden/Hidden';
+import { FieldOverlay } from '../private/FieldOverlay/FieldOverlay';
+import { StepContext, StepperContext } from './StepperContext';
+import * as styles from './Stepper.css';
+
+interface StepIndicatorProps {
+  complete?: boolean;
+  active?: boolean;
+  started?: boolean;
+}
+
+const StepIndicator = ({ complete, started, active }: StepIndicatorProps) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    xmlSpace="preserve"
+    focusable="false"
+    viewBox="0 0 24 24"
+    className={clsx(
+      styles.indicator,
+      complete || active || started ? styles.highlight : undefined,
+      complete && !active ? styles.complete : undefined,
+      active ? styles.active : undefined,
+    )}
+  >
+    <circle
+      fill="none"
+      stroke="currentColor"
+      strokeWidth={4}
+      cx={12}
+      cy={12}
+      r={10}
+    />
+    <circle cx={12} cy={12} r={5} className={styles.inner} />
+    <path
+      d="M 18.26 7.64 C 17.94 7.32 17.46 7.32 17.14 7.64 L 9.7 15.08 L 7.06 12.44 C 6.74 12.12 6.26 12.12 5.94 12.44 S 5.62 13.24 5.94 13.56 L 9.14 16.76 C 9.3 16.92 9.46 17 9.7 17 S 10.1 16.92 10.26 16.76 L 18.26 8.76 C 18.58 8.44 18.58 7.96 18.26 7.64 Z"
+      className={styles.tick}
+    />
+  </svg>
+);
+
+export interface StepProps {
+  children: string;
+  complete?: boolean;
+  id?: string | number;
+}
+
+export const Step = ({ complete = false, id, children }: StepProps) => {
+  const stepRef = useRef<HTMLButtonElement>(null);
+  const { stepNumber, isLast } = useContext(StepContext);
+  const stepperContext = useContext(StepperContext);
+  assert(
+    stepperContext !== null,
+    'A Step must be rendered as a child of a Stepper. See the documentation for correct usage: https://seek-oss.github.io/braid-design-system/components/Stepper',
+  );
+
+  const {
+    focusedStep,
+    activeStep,
+    tone,
+    progress,
+    isLinear,
+    onKeyUp,
+    onKeyDown,
+    onClick,
+    onFocus,
+    onBlur,
+    onStepClick,
+  } = stepperContext;
+
+  const active = activeStep === stepNumber;
+  const focused = focusedStep === stepNumber;
+  const linearStepBeforeProgress = isLinear && stepNumber < progress;
+  const completed = complete || linearStepBeforeProgress;
+  const started = active || complete || (isLinear && stepNumber <= progress);
+  const keyboardAccessible = focused || (active && focusedStep === null);
+  const interactable =
+    typeof onStepClick === 'function' &&
+    !active &&
+    (!isLinear || stepNumber <= progress);
+
+  useEffect(() => {
+    if (stepRef.current && focused) {
+      stepRef.current.focus();
+    }
+  }, [focused]);
+
+  return (
+    <Box
+      component="button"
+      ref={stepRef}
+      position="relative"
+      outline="none"
+      display="block"
+      width="full"
+      cursor={interactable ? 'pointer' : undefined}
+      pointerEvents={!interactable && !active ? 'none' : undefined}
+      aria-current={active ? 'step' : undefined}
+      className={[styles.step, styles.tone[tone]]}
+      onClick={
+        interactable
+          ? () => {
+              if (onClick) {
+                onClick(stepNumber);
+              }
+
+              if (onStepClick) {
+                onStepClick({ id, stepNumber });
+              }
+            }
+          : undefined
+      }
+      onKeyUp={onKeyUp}
+      onKeyDown={onKeyDown}
+      onFocus={onFocus}
+      onBlur={keyboardAccessible ? onBlur : undefined}
+      tabIndex={keyboardAccessible ? 0 : -1}
+    >
+      {!isLast ? (
+        <Box
+          component="span"
+          position="absolute"
+          overflow="hidden"
+          borderRadius="full"
+          className={styles.progressTrack}
+        >
+          <Box
+            component="span"
+            position="absolute"
+            top={0}
+            bottom={0}
+            left={0}
+            width="full"
+            className={[
+              styles.progressLine,
+              !linearStepBeforeProgress ? styles.progressUnfilled : undefined,
+            ]}
+          />
+        </Box>
+      ) : null}
+      <Stack
+        component="span"
+        space="medium"
+        align={{ mobile: 'left', tablet: 'center' }}
+      >
+        <Box
+          component="span"
+          display="block"
+          position="relative"
+          transition="fast"
+          className={styles.indicatorContainer}
+          aria-hidden
+        >
+          <FieldOverlay
+            variant="focus"
+            borderRadius="full"
+            onlyVisibleForKeyboardNavigation
+            className={styles.focusOverlay}
+          />
+          <StepIndicator
+            complete={completed}
+            active={active}
+            started={started}
+          />
+        </Box>
+        <Hidden component="span" below="tablet">
+          <Box component="span" paddingX="xsmall" userSelect="none">
+            <Text
+              align="center"
+              weight={started ? 'strong' : undefined}
+              tone={!started ? 'secondary' : undefined}
+            >
+              {children}
+            </Text>
+          </Box>
+        </Hidden>
+      </Stack>
+    </Box>
+  );
+};
+
+Step.__isStep__ = true;