@dbcdk/react-components 0.0.8 → 0.0.10

package/dist/components/state-page/notFound.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const NotFoundIllustration: React.FC;

package/dist/components/state-page/notFound.js

@@ -0,0 +1,2 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const NotFoundIllustration = () => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "860.13137", height: "571.14799", viewBox: "0 0 860.13137 571.14799", role: "img", children: [_jsx("path", { d: "M605.66974,324.95306c-7.66934-12.68446-16.7572-26.22768-30.98954-30.36953-16.482-4.7965-33.4132,4.73193-47.77473,14.13453a1392.15692,1392.15692,0,0,0-123.89338,91.28311l.04331.49238q46.22556-3.1878,92.451-6.37554c22.26532-1.53546,45.29557-3.2827,64.97195-13.8156,7.46652-3.99683,14.74475-9.33579,23.20555-9.70782,10.51175-.46217,19.67733,6.87923,26.8802,14.54931,42.60731,45.371,54.937,114.75409,102.73817,154.61591A1516.99453,1516.99453,0,0,0,605.66974,324.95306Z", transform: "translate(-169.93432 -164.42601)", fill: "var(--color-bg-contextual)" }), _jsx("path", { d: "M867.57068,709.78146c-4.71167-5.94958-6.6369-7.343-11.28457-13.34761q-56.7644-73.41638-106.70791-151.79237-33.92354-53.23-64.48275-108.50439-14.54864-26.2781-28.29961-52.96872-10.67044-20.6952-20.8646-41.63793c-1.94358-3.98782-3.8321-7.99393-5.71122-12.00922-4.42788-9.44232-8.77341-18.93047-13.43943-28.24449-5.31686-10.61572-11.789-21.74485-21.55259-28.877a29.40493,29.40493,0,0,0-15.31855-5.89458c-7.948-.51336-15.28184,2.76855-22.17568,6.35295-50.43859,26.301-97.65922,59.27589-140.3696,96.79771A730.77816,730.77816,0,0,0,303.32241,496.24719c-1.008,1.43927-3.39164.06417-2.37419-1.38422q6.00933-8.49818,12.25681-16.81288A734.817,734.817,0,0,1,500.80465,303.06436q18.24824-11.82581,37.18269-22.54245c6.36206-3.60275,12.75188-7.15967,19.25136-10.49653,6.37146-3.27274,13.13683-6.21547,20.41563-6.32547,24.7701-.385,37.59539,27.66695,46.40506,46.54248q4.15283,8.9106,8.40636,17.76626,16.0748,33.62106,33.38729,66.628,10.68453,20.379,21.83683,40.51955,34.7071,62.71816,73.77854,122.897c34.5059,53.1429,68.73651,100.08874,108.04585,149.78472C870.59617,709.21309,868.662,711.17491,867.57068,709.78146Z", transform: "translate(-169.93432 -164.42601)", fill: "var(--color-bg-contextual)" }), _jsx("path", { d: "M414.91613,355.804c-1.43911-1.60428-2.86927-3.20856-4.31777-4.81284-11.42244-12.63259-23.6788-25.11847-39.3644-32.36067a57.11025,57.11025,0,0,0-23.92679-5.54622c-8.56213.02753-16.93178,2.27348-24.84306,5.41792-3.74034,1.49427-7.39831,3.1902-11.00078,4.99614-4.11634,2.07182-8.15927,4.28118-12.1834,6.50883q-11.33112,6.27044-22.36816,13.09089-21.9606,13.57221-42.54566,29.21623-10.67111,8.11311-20.90174,16.75788-9.51557,8.03054-18.64618,16.492c-1.30169,1.20091-3.24527-.74255-1.94358-1.94347,1.60428-1.49428,3.22691-2.97938,4.84955-4.44613q6.87547-6.21546,13.9712-12.19257,12.93921-10.91827,26.54851-20.99312,21.16293-15.67614,43.78288-29.22541,11.30361-6.76545,22.91829-12.96259c2.33794-1.24675,4.70318-2.466,7.09572-3.6211a113.11578,113.11578,0,0,1,16.86777-6.86632,60.0063,60.0063,0,0,1,25.476-2.50265,66.32706,66.32706,0,0,1,23.50512,8.1314c15.40091,8.60812,27.34573,21.919,38.97,34.90915C418.03337,355.17141,416.09875,357.12405,414.91613,355.804Z", transform: "translate(-169.93432 -164.42601)", fill: "var(--color-bg-contextual)" }), _jsx("path", { d: "M730.47659,486.71092l36.90462-13.498,18.32327-6.70183c5.96758-2.18267,11.92082-4.66747,18.08988-6.23036a28.53871,28.53871,0,0,1,16.37356.20862,37.73753,37.73753,0,0,1,12.771,7.91666,103.63965,103.63965,0,0,1,10.47487,11.18643c3.98932,4.79426,7.91971,9.63877,11.86772,14.46706q24.44136,29.89094,48.56307,60.04134,24.12117,30.14991,47.91981,60.556,23.85681,30.48041,47.38548,61.21573,2.88229,3.76518,5.75966,7.53415c1.0598,1.38809,3.44949.01962,2.37472-1.38808Q983.582,650.9742,959.54931,620.184q-24.09177-30.86383-48.51647-61.46586-24.42421-30.60141-49.17853-60.93743-6.16706-7.55761-12.35445-15.09858c-3.47953-4.24073-6.91983-8.52718-10.73628-12.47427-7.00539-7.24516-15.75772-13.64794-26.23437-13.82166-6.15972-.10214-12.121,1.85248-17.844,3.92287-6.16968,2.232-12.32455,4.50571-18.48633,6.75941l-37.16269,13.59243-9.29067,3.3981c-1.64875.603-.93651,3.2619.73111,2.652Z", transform: "translate(-169.93432 -164.42601)", fill: "var(--color-bg-contextual)" }), _jsx("path", { d: "M366.37741,334.52609c-18.75411-9.63866-42.77137-7.75087-60.00508,4.29119a855.84708,855.84708,0,0,1,97.37056,22.72581C390.4603,353.75916,380.07013,341.5635,366.37741,334.52609Z", transform: "translate(-169.93432 -164.42601)", fill: "var(--color-bg-contextual)" }), _jsx("path", { d: "M306.18775,338.7841l-3.61042,2.93462c1.22123-1.02713,2.4908-1.99013,3.795-2.90144C306.31073,338.80665,306.24935,338.79473,306.18775,338.7841Z", transform: "translate(-169.93432 -164.42601)", fill: "var(--color-bg-contextual)" }), _jsx("path", { d: "M831.54929,486.84576c-3.6328-4.42207-7.56046-9.05222-12.99421-10.84836l-5.07308.20008A575.436,575.436,0,0,0,966.74929,651.418Q899.14929,569.13192,831.54929,486.84576Z", transform: "translate(-169.93432 -164.42601)", fill: "var(--color-bg-contextual)" }), _jsx("path", { d: "M516.08388,450.36652A37.4811,37.4811,0,0,0,531.015,471.32518c2.82017,1.92011,6.15681,3.76209,7.12158,7.03463a8.37858,8.37858,0,0,1-.87362,6.1499,24.88351,24.88351,0,0,1-3.86126,5.04137l-.13667.512c-6.99843-4.14731-13.65641-9.3934-17.52227-16.55115s-4.40553-16.53895.34116-23.14544", transform: "translate(-169.93432 -164.42601)", fill: "var(--color-bg-contextual)" }), _jsx("path", { d: "M749.08388,653.36652A37.4811,37.4811,0,0,0,764.015,674.32518c2.82017,1.92011,6.15681,3.76209,7.12158,7.03463a8.37858,8.37858,0,0,1-.87362,6.1499,24.88351,24.88351,0,0,1-3.86126,5.04137l-.13667.512c-6.99843-4.14731-13.65641-9.3934-17.52227-16.55115s-4.40553-16.53895.34116-23.14544", transform: "translate(-169.93432 -164.42601)", fill: "var(--color-bg-contextual)" }), _jsx("path", { d: "M284.08388,639.36652A37.4811,37.4811,0,0,0,299.015,660.32518c2.82017,1.92011,6.15681,3.76209,7.12158,7.03463a8.37858,8.37858,0,0,1-.87362,6.1499,24.88351,24.88351,0,0,1-3.86126,5.04137l-.13667.512c-6.99843-4.14731-13.65641-9.3934-17.52227-16.55115s-4.40553-16.53895.34116-23.14544", transform: "translate(-169.93432 -164.42601)", fill: "var(--color-bg-contextual)" }), _jsx("circle", { cx: "649.24878", cy: "51", r: "51", fill: "var(--color-focus-ring)" }), _jsx("path", { d: "M911.21851,176.29639c-24.7168-3.34094-52.93512,10.01868-59.34131,34.12353a21.59653,21.59653,0,0,0-41.09351,2.10871l2.82972,2.02667a372.27461,372.27461,0,0,0,160.65881-.72638C957.07935,195.76,935.93537,179.63727,911.21851,176.29639Z", transform: "translate(-169.93432 -164.42601)", fill: "var(--color-bg-contextual)" }), _jsx("path", { d: "M805.21851,244.29639c-24.7168-3.34094-52.93512,10.01868-59.34131,34.12353a21.59653,21.59653,0,0,0-41.09351,2.10871l2.82972,2.02667a372.27461,372.27461,0,0,0,160.65881-.72638C851.07935,263.76,829.93537,247.63727,805.21851,244.29639Z", transform: "translate(-169.93432 -164.42601)", fill: "var(--color-bg-contextual)" }), _jsx("path", { d: "M1020.94552,257.15423a.98189.98189,0,0,1-.30176-.04688C756.237,173.48919,523.19942,184.42376,374.26388,208.32122c-20.26856,3.251-40.59131,7.00586-60.40381,11.16113-5.05811,1.05957-10.30567,2.19532-15.59668,3.37793-6.31885,1.40723-12.55371,2.85645-18.53223,4.30567q-3.873.917-7.59472,1.84863c-3.75831.92773-7.57178,1.89453-11.65967,2.957-4.56787,1.17774-9.209,2.41309-13.79737,3.67188a.44239.44239,0,0,1-.05127.01465l.00049.001c-5.18261,1.415-10.33789,2.8711-15.32324,4.3252-2.69824.77929-5.30371,1.54785-7.79932,2.30664-.2788.07715-.52587.15136-.77636.22754l-.53614.16308c-.31054.09473-.61718.1875-.92382.27539l-.01953.00586.00048.001-.81152.252c-.96777.293-1.91211.5791-2.84082.86426-24.54492,7.56641-38.03809,12.94922-38.17139,13.00195a1,1,0,1,1-.74414-1.85644c.13428-.05274,13.69336-5.46289,38.32764-13.05762.93213-.28613,1.87891-.57226,2.84961-.86621l.7539-.23438c.02588-.00976.05176-.01757.07813-.02539.30518-.08691.60986-.17968.91943-.27343l.53711-.16309c.26758-.08105.53125-.16113.80127-.23535,2.47852-.75391,5.09278-1.52441,7.79785-2.30664,4.98731-1.45508,10.14746-2.91113,15.334-4.32813.01611-.00586.03271-.00976.04883-.01464v-.001c4.60449-1.2627,9.26269-2.50293,13.84521-3.68457,4.09424-1.06348,7.915-2.03223,11.67969-2.96192q3.73755-.93017,7.60937-1.85253c5.98536-1.45118,12.23291-2.90235,18.563-4.3125,5.29932-1.1836,10.55567-2.32227,15.62207-3.38282,19.84326-4.16211,40.19776-7.92285,60.49707-11.17871C523.09591,182.415,756.46749,171.46282,1021.2463,255.2011a.99974.99974,0,0,1-.30078,1.95313Z", transform: "translate(-169.93432 -164.42601)", fill: "var(--color-bg-contextual-subtle" }), _jsx("path", { d: "M432.92309,584.266a6.72948,6.72948,0,0,0-1.7-2.67,6.42983,6.42983,0,0,0-.92-.71c-2.61-1.74-6.51-2.13-8.99,0a5.81012,5.81012,0,0,0-.69.71q-1.11,1.365-2.28,2.67c-1.28,1.46-2.59,2.87-3.96,4.24-.39.38-.78.77-1.18,1.15-.23.23-.46.45-.69.67-.88.84-1.78,1.65-2.69,2.45-.48.43-.96.85-1.45,1.26-.73.61-1.46,1.22-2.2,1.81-.07.05-.14.1-.21.16-.02.01-.03.03-.05.04-.01,0-.02,0-.03.02a.17861.17861,0,0,0-.07.05c-.22.15-.37.25-.48.34.04-.01995.08-.05.12-.07-.18.14-.37.28-.55.42-1.75,1.29-3.54,2.53-5.37,3.69a99.21022,99.21022,0,0,1-14.22,7.55c-.33.13-.67.27-1.01.4a85.96993,85.96993,0,0,1-40.85,6.02q-2.13008-.165-4.26-.45c-1.64-.24-3.27-.53-4.89-.86a97.93186,97.93186,0,0,1-18.02-5.44,118.65185,118.65185,0,0,1-20.66-12.12c-1-.71-2.01-1.42-3.02-2.11,1.15-2.82,2.28-5.64,3.38-8.48.55-1.37,1.08-2.74,1.6-4.12,4.09-10.63,7.93-21.36,11.61-32.13q5.58-16.365,10.53-32.92.51-1.68.99-3.36,2.595-8.745,4.98-17.53c.15-.56994.31-1.12994.45-1.7q.68994-2.52,1.35-5.04c1-3.79-1.26-8.32-5.24-9.23a7.63441,7.63441,0,0,0-9.22,5.24c-.43,1.62-.86,3.23-1.3,4.85q-3.165,11.74494-6.66,23.41-.51,1.68-1.02,3.36-7.71,25.41-16.93,50.31-1.11,3.015-2.25,6.01c-.37.98-.74,1.96-1.12,2.94-.73,1.93-1.48,3.86-2.23,5.79-.43006,1.13-.87006,2.26-1.31,3.38-.29.71-.57,1.42-.85,2.12a41.80941,41.80941,0,0,0-8.81-2.12l-.48-.06a27.397,27.397,0,0,0-7.01.06,23.91419,23.91419,0,0,0-17.24,10.66c-4.77,7.51-4.71,18.25,1.98,24.63,6.89,6.57,17.32,6.52,25.43,2.41a28.35124,28.35124,0,0,0,10.52-9.86,50.56939,50.56939,0,0,0,2.74-4.65c.21.14.42.28.63.43.8.56,1.6,1.13,2.39,1.69a111.73777,111.73777,0,0,0,14.51,8.91,108.35887,108.35887,0,0,0,34.62,10.47c.27.03.53.07.8.1,1.33.17,2.67.3,4.01.41a103.78229,103.78229,0,0,0,55.58-11.36q2.175-1.125,4.31-2.36,3.315-1.92,6.48-4.08c1.15-.78,2.27-1.57,3.38-2.4a101.04244,101.04244,0,0,0,13.51-11.95q2.35491-2.475,4.51-5.11005a8.0612,8.0612,0,0,0,2.2-5.3A7.5644,7.5644,0,0,0,432.92309,584.266Zm-165.59,23.82c.21-.15.42-.31.62-.47C267.89312,607.766,267.60308,607.936,267.33312,608.086Zm3.21-3.23c-.23.26-.44.52-.67.78a23.36609,23.36609,0,0,1-2.25,2.2c-.11.1-.23.2-.35.29a.00976.00976,0,0,0-.01.01,3.80417,3.80417,0,0,0-.42005.22q-.645.39-1.31994.72a17.00459,17.00459,0,0,1-2.71.75,16.79925,16.79925,0,0,1-2.13.02h-.02a14.82252,14.82252,0,0,1-1.45-.4c-.24-.12-.47-.25994-.7-.4-.09-.08-.17005-.16-.22-.21a2.44015,2.44015,0,0,1-.26995-.29.0098.0098,0,0,0-.01-.01c-.11005-.2-.23005-.4-.34-.6a.031.031,0,0,1-.01-.02c-.08-.25-.15-.51-.21-.77a12.51066,12.51066,0,0,1,.01-1.37,13.4675,13.4675,0,0,1,.54-1.88,11.06776,11.06776,0,0,1,.69-1.26c.02-.04.12-.2.23-.38.01-.01.01-.01.01-.02.15-.17.3-.35.46-.51.27-.3.56-.56.85-.83a18.02212,18.02212,0,0,1,1.75-1.01,19.48061,19.48061,0,0,1,2.93-.79,24.98945,24.98945,0,0,1,4.41.04,30.30134,30.30134,0,0,1,4.1,1.01,36.94452,36.94452,0,0,1-2.77,4.54C270.6231,604.746,270.58312,604.806,270.54308,604.856Zm-11.12-3.29a2.18029,2.18029,0,0,1-.31.38995A1.40868,1.40868,0,0,1,259.42309,601.566Z", transform: "translate(-169.93432 -164.42601)", fill: "var(--color-fg-subtle)" }), _jsx("path", { d: "M402.86309,482.136q-.13494,4.71-.27,9.42-.285,10.455-.59,20.92-.315,11.775-.66,23.54-.165,6.07507-.34,12.15-.465,16.365-.92,32.72c-.03,1.13-.07,2.25-.1,3.38q-.225,8.11506-.45,16.23-.255,8.805-.5,17.61-.18,6.59994-.37,13.21-1.34994,47.895-2.7,95.79a7.64844,7.64844,0,0,1-7.5,7.5,7.56114,7.56114,0,0,1-7.5-7.5q.75-26.94,1.52-53.88.675-24.36,1.37-48.72.225-8.025.45-16.06.345-12.09.68-24.18c.03-1.13.07-2.25.1-3.38.02-.99.05-1.97.08-2.96q.66-23.475,1.32-46.96.27-9.24.52-18.49.3-10.545.6-21.08c.09-3.09.17005-6.17.26-9.26a7.64844,7.64844,0,0,1,7.5-7.5A7.56116,7.56116,0,0,1,402.86309,482.136Z", transform: "translate(-169.93432 -164.42601)", fill: "var(--color-fg-subtle)" }), _jsx("path", { d: "M814.29118,484.2172a893.23753,893.23753,0,0,1-28.16112,87.94127c-3.007,7.94641-6.08319,15.877-9.3715,23.71185l.75606-1.7916a54.58274,54.58274,0,0,1-5.58953,10.61184q-.22935.32119-.46685.63642,1.16559-1.49043.4428-.589c-.25405.30065-.5049.60219-.7676.89546a23.66436,23.66436,0,0,1-2.2489,2.20318q-.30139.25767-.61188.5043l.93783-.729c-.10884.25668-.87275.59747-1.11067.74287a18.25362,18.25362,0,0,1-2.40479,1.21853l1.7916-.75606a19.0859,19.0859,0,0,1-4.23122,1.16069l1.9938-.26791a17.02055,17.02055,0,0,1-4.29785.046l1.99379.2679a14.0022,14.0022,0,0,1-3.40493-.917l1.79159.75606a12.01175,12.01175,0,0,1-1.67882-.89614c-.27135-.17688-1.10526-.80852-.01487.02461,1.13336.86595.14562.07434-.08763-.15584-.19427-.19171-.36962-.4-.55974-.595-.88208-.90454.99637,1.55662.39689.49858a18.18179,18.18179,0,0,1-.87827-1.63672l.75606,1.7916a11.92493,11.92493,0,0,1-.728-2.65143l.26791,1.9938a13.65147,13.65147,0,0,1-.00316-3.40491l-.2679,1.9938a15.96371,15.96371,0,0,1,.99486-3.68011l-.75606,1.7916a16.72914,16.72914,0,0,1,1.17794-2.29848,6.72934,6.72934,0,0,1,.72851-1.0714c.04915.01594-1.26865,1.51278-.56937.757.1829-.19767.354-.40592.539-.602.29617-.31382.61354-.60082.92561-.89791,1.04458-.99442-1.46188.966-.25652.17907a19.0489,19.0489,0,0,1,2.74925-1.49923l-1.79159.75606a20.31136,20.31136,0,0,1,4.99523-1.33984l-1.9938.2679a25.62828,25.62828,0,0,1,6.46062.07647l-1.9938-.2679a33.21056,33.21056,0,0,1,7.89178,2.2199l-1.7916-.75606c5.38965,2.31383,10.16308,5.74926,14.928,9.118a111.94962,111.94962,0,0,0,14.50615,8.9065,108.38849,108.38849,0,0,0,34.62226,10.47371,103.93268,103.93268,0,0,0,92.58557-36.75192,8.07773,8.07773,0,0,0,2.1967-5.3033,7.63232,7.63232,0,0,0-2.1967-5.3033c-2.75154-2.52586-7.94926-3.239-10.6066,0a95.63575,95.63575,0,0,1-8.10664,8.72692q-2.01736,1.914-4.14232,3.70983-1.21364,1.02588-2.46086,2.01121c-.3934.31081-1.61863,1.13807.26309-.19744-.43135.30614-.845.64036-1.27058.95478a99.26881,99.26881,0,0,1-20.33215,11.56478l1.79159-.75606a96.8364,96.8364,0,0,1-24.17119,6.62249l1.99379-.2679a97.64308,97.64308,0,0,1-25.75362-.03807l1.99379.2679a99.79982,99.79982,0,0,1-24.857-6.77027l1.7916.75607a116.02515,116.02515,0,0,1-21.7364-12.59112,86.87725,86.87725,0,0,0-11.113-6.99417,42.8238,42.8238,0,0,0-14.43784-4.38851c-9.43884-1.11076-19.0571,2.56562-24.24624,10.72035-4.77557,7.50482-4.71394,18.24362,1.97369,24.62519,6.8877,6.5725,17.31846,6.51693,25.43556,2.40567,7.81741-3.95946,12.51288-12.18539,15.815-19.94186,7.43109-17.45514,14.01023-35.31364,20.1399-53.263q9.09651-26.63712,16.49855-53.81332.91661-3.36581,1.80683-6.73869c1.001-3.78869-1.26094-8.32-5.23829-9.22589a7.63317,7.63317,0,0,0-9.22589,5.23829Z", transform: "translate(-169.93432 -164.42601)", fill: "var(--color-fg-subtle)" }), _jsx("path", { d: "M889.12382,482.13557l-2.69954,95.79311-2.68548,95.29418-1.5185,53.88362a7.56465,7.56465,0,0,0,7.5,7.5,7.64923,7.64923,0,0,0,7.5-7.5l2.69955-95.79311,2.68548-95.29418,1.51849-53.88362a7.56465,7.56465,0,0,0-7.5-7.5,7.64923,7.64923,0,0,0-7.5,7.5Z", transform: "translate(-169.93432 -164.42601)", fill: "var(--color-fg-subtle)" }), _jsx("path", { d: "M629.52566,700.36106h2.32885V594.31942h54.32863v-2.32291H631.85451V547.25214H673.8102q-.92256-1.17339-1.89893-2.31694H631.85451V515.38231c-.7703-.32846-1.54659-.64493-2.32885-.9435V544.9352h-45.652V507.07c-.78227.03583-1.55258.08959-2.3289.15527v37.71h-36.4201V516.68409c-.78227.34636-1.55258.71061-2.31694,1.0928V544.9352h-30.6158v2.31694h30.6158v44.74437h-30.6158v2.32291h30.6158V700.36106h2.31694V594.31942a36.41283,36.41283,0,0,1,36.4201,36.42007v69.62157h2.3289V594.31942h45.652Zm-84.401-108.36455V547.25214h36.4201v44.74437Zm38.749,0V547.25214h.91362a44.74135,44.74135,0,0,1,44.73842,44.74437Z", transform: "translate(-169.93432 -164.42601)", opacity: "0.2" }), _jsx("path", { d: "M615.30309,668.566a63.05854,63.05854,0,0,1-20.05,33.7c-.74.64-1.48,1.26-2.25,1.87q-2.805.25506-5.57.52c-1.53.14-3.04.29-4.54.43l-.27.03-.19-1.64-.76-6.64a37.623,37.623,0,0,1-3.3-32.44c2.64-7.12,7.42-13.41,12.12-19.65,6.49-8.62,12.8-17.14,13.03-27.65a60.54415,60.54415,0,0,1,7.9,13.33,16.432,16.432,0,0,0-5.12,3.76995c-.41.45-.82,1.08-.54,1.62006.24.46.84.57,1.36.62994,1.25.13,2.51.26,3.76.39,1,.11,2,.21,3,.32a63.99025,63.99025,0,0,1,2.45,12.18A61.18851,61.18851,0,0,1,615.30309,668.566Z", transform: "translate(-169.93432 -164.42601)", fill: "var(--color-fg-subtle)" }), _jsx("path", { d: "M648.50311,642.356c-5.9,4.29-9.35,10.46-12.03,17.26a16.62776,16.62776,0,0,0-7.17,4.58c-.41.45-.82,1.08-.54,1.62006.24.46.84.57,1.36.62994,1.25.13,2.51.26,3.76.39-2.68,8.04-5.14,16.36-9.88,23.15a36.98942,36.98942,0,0,1-12.03,10.91,38.49166,38.49166,0,0,1-4.02,1.99q-7.62.585-14.95,1.25-2.805.25506-5.57.52c-1.53.14-3.04.29-4.54.43q-.015-.825,0-1.65a63.30382,63.30382,0,0,1,15.25-39.86c.45-.52.91-1.03,1.38-1.54a61.7925,61.7925,0,0,1,16.81-12.7A62.65425,62.65425,0,0,1,648.50311,642.356Z", transform: "translate(-169.93432 -164.42601)", fill: "var(--color-focus-ring)" }), _jsx("path", { d: "M589.16308,699.526l-1.15,3.4-.58,1.73c-1.53.14-3.04.29-4.54.43l-.27.03c-1.66.17-3.31.34-4.96.51-.43-.5-.86-1.01-1.28-1.53a62.03045,62.03045,0,0,1,8.07-87.11c-1.32,6.91.22,13.53,2.75,20.1-.27.11-.53.22-.78.34a16.432,16.432,0,0,0-5.12,3.76995c-.41.45-.82,1.08-.54,1.62006.24.46.84.57,1.36.62994,1.25.13,2.51.26,3.76.39,1,.11,2,.21,3,.32q.705.075,1.41.15c.07.15.13.29.2.44,2.85,6.18,5.92,12.39,7.65,18.83a43.66591,43.66591,0,0,1,1.02,4.91A37.604,37.604,0,0,1,589.16308,699.526Z", transform: "translate(-169.93432 -164.42601)", fill: "var(--color-focus-ring)" }), _jsx("path", { d: "M689.82123,554.48655c-8.60876-16.79219-21.94605-30.92088-37.63219-41.30357a114.2374,114.2374,0,0,0-52.5626-18.37992q-3.69043-.33535-7.399-.39281c-2.92141-.04371-46.866,12.63176-61.58712,22.98214a114.29462,114.29462,0,0,0-35.333,39.527,102.49972,102.49972,0,0,0-12.12557,51.6334,113.56387,113.56387,0,0,0,14.70268,51.47577,110.47507,110.47507,0,0,0,36.44425,38.74592C549.66655,708.561,565.07375,734.51,583.1831,735.426c18.24576.923,39.05418-23.55495,55.6951-30.98707a104.42533,104.42533,0,0,0,41.72554-34.005,110.24964,110.24964,0,0,0,19.599-48.94777c2.57368-18.08313,1.37415-36.73271-4.80123-54.01627a111.85969,111.85969,0,0,0-5.58024-12.9833c-1.77961-3.50519-6.996-4.7959-10.26142-2.69063a7.67979,7.67979,0,0,0-2.69064,10.26142q1.56766,3.08773,2.91536,6.27758l-.75606-1.7916a101.15088,101.15088,0,0,1,6.87641,25.53816l-.26791-1.99379a109.2286,109.2286,0,0,1-.06613,28.68252l.26791-1.9938a109.73379,109.73379,0,0,1-7.55462,27.67419l.75606-1.79159a104.212,104.212,0,0,1-6.67151,13.09835q-1.92308,3.18563-4.08062,6.22159c-.63172.8881-1.28287,1.761-1.939,2.63114-.85625,1.13555,1.16691-1.48321.28228-.36941-.15068.18972-.30049.3801-.45182.5693q-.68121.85165-1.3818,1.68765a93.61337,93.61337,0,0,1-10.17647,10.38359q-1.36615,1.19232-2.77786,2.33115c-.46871.37832-.932.77269-1.42079,1.12472.01861-.0134,1.57956-1.19945.65556-.511-.2905.21644-.57851.43619-.86961.65184q-2.90994,2.1558-5.97433,4.092a103.48509,103.48509,0,0,1-14.75565,7.7131l1.7916-.75606a109.21493,109.21493,0,0,1-27.59663,7.55154l1.9938-.26791a108.15361,108.15361,0,0,1-28.58907.0506l1.99379.2679a99.835,99.835,0,0,1-25.09531-6.78448l1.79159.75607a93.64314,93.64314,0,0,1-13.41605-6.99094q-3.17437-2-6.18358-4.24743c-.2862-.21359-.56992-.43038-.855-.64549-.9155-.69088.65765.50965.67021.51787a19.16864,19.16864,0,0,1-1.535-1.22469q-1.45353-1.18358-2.86136-2.4218a101.98931,101.98931,0,0,1-10.49319-10.70945q-1.21308-1.43379-2.37407-2.91054c-.33524-.4263-.9465-1.29026.40424.5289-.17775-.23939-.36206-.47414-.54159-.71223q-.64657-.85751-1.27568-1.72793-2.203-3.048-4.18787-6.24586a109.29037,109.29037,0,0,1-7.8054-15.10831l.75606,1.7916a106.58753,106.58753,0,0,1-7.34039-26.837l.26791,1.9938a97.86589,97.86589,0,0,1-.04843-25.63587l-.2679,1.9938A94.673,94.673,0,0,1,505.27587,570.55l-.75606,1.7916a101.55725,101.55725,0,0,1,7.19519-13.85624q2.0655-3.32328,4.37767-6.4847.52528-.71832,1.06244-1.42786c.324-.4279,1.215-1.49333-.30537.38842.14906-.18449.29252-.37428.43942-.56041q1.26882-1.60756,2.59959-3.1649A107.40164,107.40164,0,0,1,530.772,536.21508q1.47408-1.29171,2.99464-2.52906.6909-.56218,1.39108-1.11284c.18664-.14673.37574-.29073.56152-.43858-1.99743,1.58953-.555.43261-.10157.09288q3.13393-2.34833,6.43534-4.46134a103.64393,103.64393,0,0,1,15.38655-8.10791l-1.7916.75606c7.76008-3.25839,42.14086-10.9492,48.394-10.10973l-1.99379-.26791A106.22471,106.22471,0,0,1,628.768,517.419l-1.7916-.75606a110.31334,110.31334,0,0,1,12.6002,6.32922q3.04344,1.78405,5.96742,3.76252,1.38351.93658,2.73809,1.915.677.48917,1.34626.98885c.24789.185.49386.37253.74135.558,1.03924.779-1.43148-1.1281-.34209-.26655a110.84261,110.84261,0,0,1,10.36783,9.2532q2.401,2.445,4.63686,5.04515,1.14659,1.33419,2.24643,2.70757c.36436.45495,1.60506,2.101.08448.08457.37165.49285.74744.98239,1.11436,1.47884a97.97718,97.97718,0,0,1,8.39161,13.53807c1.79317,3.49775,6.98675,4.80186,10.26142,2.69064A7.67666,7.67666,0,0,0,689.82123,554.48655Z", transform: "translate(-169.93432 -164.42601)", fill: "var(--color-fg-subtle)" }), _jsx("path", { d: "M602.43116,676.88167a3.77983,3.77983,0,0,1-2.73939-6.55137c.09531-.37882.16368-.65085.259-1.02968q-.05115-.12366-.1029-.24717c-3.47987-8.29769-25.685,14.83336-26.645,22.63179a30.029,30.029,0,0,0,.52714,10.32752A120.39223,120.39223,0,0,1,562.77838,652.01a116.20247,116.20247,0,0,1,.72078-12.96332q.59712-5.293,1.65679-10.51055a121.78667,121.78667,0,0,1,24.1515-51.61646c6.87378.38364,12.898-.66348,13.47967-13.98532.10346-2.36972,1.86113-4.42156,2.24841-6.756-.65621.08607-1.32321.13985-1.97941.18285-.20444.0107-.41958.02149-.624.03228l-.07709.00346a3.745,3.745,0,0,1-3.07566-6.10115q.425-.52305.85054-1.04557c.43036-.53793.87143-1.06507,1.30171-1.60292a1.865,1.865,0,0,0,.13986-.16144c.49494-.61322.98971-1.21564,1.48465-1.82885a10.82911,10.82911,0,0,0-3.55014-3.43169c-4.95941-2.90463-11.80146-.89293-15.38389,3.59313-3.59313,4.486-4.27083,10.77947-3.023,16.3843a43.39764,43.39764,0,0,0,6.003,13.3828c-.269.34429-.54872.67779-.81765,1.02209a122.57366,122.57366,0,0,0-12.79359,20.2681c1.0163-7.93863-11.41159-36.60795-16.21776-42.68052-5.773-7.29409-17.61108-4.11077-18.62815,5.13562q-.01476.13428-.02884.26849,1.07082.60411,2.0964,1.28237a5.12707,5.12707,0,0,1-2.06713,9.33031l-.10452.01613c-9.55573,13.64367,21.07745,49.1547,28.74518,41.18139a125.11045,125.11045,0,0,0-6.73449,31.69282,118.66429,118.66429,0,0,0,.08607,19.15986l-.03231-.22593C558.90163,648.154,529.674,627.51374,521.139,629.233c-4.91675.99041-9.75952.76525-9.01293,5.72484q.01788.11874.03635.2375a34.4418,34.4418,0,0,1,3.862,1.86105q1.07082.60423,2.09639,1.28237a5.12712,5.12712,0,0,1-2.06712,9.33039l-.10464.01606c-.07528.01079-.13987.02157-.21507.03237-4.34967,14.96631,27.90735,39.12,47.5177,31.43461h.01081a125.07484,125.07484,0,0,0,8.402,24.52806H601.679c.10765-.3335.20443-.67779.3013-1.01129a34.102,34.102,0,0,1-8.30521-.49477c2.22693-2.73257,4.45377-5.48664,6.6807-8.21913a1.86122,1.86122,0,0,0,.13986-.16135c1.12956-1.39849,2.26992-2.78627,3.39948-4.18476l.00061-.00173a49.95232,49.95232,0,0,0-1.46367-12.72495Zm-34.37066-67.613.0158-.02133-.0158.04282Zm-6.64832,59.93237-.25822-.58084c.01079-.41957.01079-.83914,0-1.26942,0-.11845-.0215-.23672-.0215-.35508.09678.74228.18285,1.48464.29042,2.22692Z", transform: "translate(-169.93432 -164.42601)", fill: "var(--color-fg-subtle)" }), _jsx("circle", { cx: "95.24878", cy: "439", r: "11", fill: "var(--color-fg-subtle)" }), _jsx("circle", { cx: "227.24878", cy: "559", r: "11", fill: "var(--color-fg-subtle)" }), _jsx("circle", { cx: "728.24878", cy: "559", r: "11", fill: "var(--color-fg-subtle)" }), _jsx("circle", { cx: "755.24878", cy: "419", r: "11", fill: "var(--color-fg-subtle)" }), _jsx("circle", { cx: "723.24878", cy: "317", r: "11", fill: "var(--color-fg-subtle)" }), _jsx("path", { d: "M434.1831,583.426a10.949,10.949,0,1,1-.21-2.16A10.9921,10.9921,0,0,1,434.1831,583.426Z", transform: "translate(-169.93432 -164.42601)", fill: "var(--color-fg-subtle)" }), _jsx("circle", { cx: "484.24878", cy: "349", r: "11", fill: "var(--color-fg-subtle)" }), _jsx("path", { d: "M545.1831,513.426a10.949,10.949,0,1,1-.21-2.16A10.9921,10.9921,0,0,1,545.1831,513.426Z", transform: "translate(-169.93432 -164.42601)", fill: "var(--color-fg-subtle)" }), _jsx("path", { d: "M403.1831,481.426a10.949,10.949,0,1,1-.21-2.16A10.9921,10.9921,0,0,1,403.1831,481.426Z", transform: "translate(-169.93432 -164.42601)", fill: "var(--color-fg-subtle)" }), _jsx("circle", { cx: "599.24878", cy: "443", r: "11", fill: "var(--color-fg-subtle)" }), _jsx("circle", { cx: "426.24878", cy: "338", r: "16", fill: "var(--color-fg-subtle)" }), _jsx("path", { d: "M1028.875,735.26666l-857.75.30733a1.19068,1.19068,0,1,1,0-2.38136l857.75-.30734a1.19069,1.19069,0,0,1,0,2.38137Z", transform: "translate(-169.93432 -164.42601)", fill: "var(--color-fg-subtle)" })] }));

package/dist/components/sticky-footer-layout/StickyFooterLayout.d.ts

@@ -0,0 +1,19 @@
+import React, { JSX } from 'react';
+type StickyFooterLayoutProps = {
+    children: React.ReactNode;
+    footer: React.ReactNode;
+    /** defaults to 550 */
+    width?: number | string;
+    /** match the app chrome padding token (defaults to --spacing-md) */
+    chromePaddingVar?: string;
+    /** inner padding for content (defaults to "var(--spacing-md) 0") */
+    contentPadding?: string;
+    /** background used to “paint over” what scrolls behind */
+    background?: string;
+    /** extra space below content so last field doesn't sit under footer */
+    contentBottomSpacer?: string | number;
+    /** optional classnames */
+    className?: string;
+};
+export declare function StickyFooterLayout({ children, footer, width, chromePaddingVar, contentPadding, background, contentBottomSpacer, className, }: StickyFooterLayoutProps): JSX.Element;
+export {};

package/dist/components/sticky-footer-layout/StickyFooterLayout.js

@@ -0,0 +1,27 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function StickyFooterLayout({ children, footer, width = 550, chromePaddingVar = '--spacing-md', contentPadding = 'var(--spacing-md) 0', background = 'white', contentBottomSpacer, className, }) {
+    const pad = `var(${chromePaddingVar})`;
+    return (_jsxs("div", { className: className !== null && className !== void 0 ? className : 'dbc-flex dbc-flex-column dbc-flex-grow', style: {
+            width,
+            position: 'relative',
+            background,
+        }, children: [_jsx("div", { className: "dbc-flex-grow", style: {
+                    padding: contentPadding,
+                    paddingBottom: contentBottomSpacer
+                        ? `calc(${contentPadding.split(' ')[0] || pad} + ${String(contentBottomSpacer)})`
+                        : undefined,
+                }, children: children }), _jsx("div", { style: {
+                    position: 'sticky',
+                    // stick into chrome padding area
+                    bottom: `calc(-1 * ${pad})`,
+                    zIndex: 10,
+                    background,
+                    // bleed into the padded chrome so nothing peeks through
+                    marginLeft: `calc(-1 * ${pad})`,
+                    marginRight: `calc(-1 * ${pad})`,
+                    marginBottom: `calc(-1 * ${pad})`,
+                    // keep inner alignment
+                    padding: pad,
+                }, className: "dbc-flex dbc-justify-end", children: footer })] }));
+}

package/dist/components/table/Table.js

@@ -31,7 +31,7 @@ export function Table({ data, columns, selectedRows, onRowSelect, selectionMode
         min: viewportMin,
         includeMarginTop: viewportIncludeMarginTop,
     });
-    const tableEl = (_jsxs(_Fragment, { children: [_jsxs("table", { className: `${styles.table} ${styles[variant]} ${styles[size]}`, children: [_jsxs("thead", { children: [_jsxs("tr", { children: [selectedRows && onRowSelect && dataKey && (_jsx("th", { className: `${styles.fitContent} ${styles.th}`, children: selectionMode === 'multiple' ? (_jsx(Checkbox, { size: "sm", variant: "primary", checked: allRowsSelected, onChange: checked => onSelectAllRows === null || onSelectAllRows === void 0 ? void 0 : onSelectAllRows(checked) })) : null })), filteredColumns.map((column, index) => {
+    const tableEl = (_jsxs(_Fragment, { children: [_jsxs("table", { className: `${styles.table} ${styles[variant]} ${styles[size]} ${getRowSeverity ? styles.severityTable : ''}`, children: [_jsxs("thead", { children: [_jsxs("tr", { children: [selectedRows && onRowSelect && dataKey && (_jsx("th", { className: `${styles.fitContent} ${styles.th} $`, children: selectionMode === 'multiple' ? (_jsx(Checkbox, { size: "sm", variant: "primary", checked: allRowsSelected, onChange: checked => onSelectAllRows === null || onSelectAllRows === void 0 ? void 0 : onSelectAllRows(checked) })) : null })), filteredColumns.map((column, index) => {
                                         const isActiveSort = sortById === column.id;
                                         const ariaSort = column.sortable && isActiveSort
                                             ? sortDirection === 'asc'
@@ -88,7 +88,7 @@ export function Table({ data, columns, selectedRows, onRowSelect, selectionMode
                                     ['--row-severity-color']: rowSeverity
                                         ? SeverityBgColor[rowSeverity]
                                         : undefined,
-                                }, className: `${onRowClick ? styles.clickableRow : ''} ${(selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.has(row[dataKey])) ? styles.selectedRow : ''} ${rowSeverity ? styles.severity : ''}`, children: [selectedRows && onRowSelect && dataKey && (_jsx("td", { className: "fitContent", onClick: e => e.stopPropagation(), children: _jsx(Checkbox, { variant: "primary", checked: selectedRows.has(row[dataKey]), size: "sm", onChange: () => onRowSelect === null || onRowSelect === void 0 ? void 0 : onRowSelect(row[dataKey], !selectedRows.has(row[dataKey])) }) })), filteredColumns.map(column => {
+                                }, className: `${onRowClick ? styles.clickableRow : ''} ${(selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.has(row[dataKey])) ? styles.selectedRow : ''} ${rowSeverity ? styles.severity : ''}`, children: [selectedRows && onRowSelect && dataKey && (_jsx("td", { className: `fitContent ${styles.selectionCell}`, onClick: e => e.stopPropagation(), children: _jsx(Checkbox, { variant: "primary", checked: selectedRows.has(row[dataKey]), size: "sm", onChange: () => onRowSelect === null || onRowSelect === void 0 ? void 0 : onRowSelect(row[dataKey], !selectedRows.has(row[dataKey])) }) })), filteredColumns.map(column => {
                                         var _a, _b;
                                         return (_jsx("td", { style: getColStyle(column.id, column.align, column.verticalAlign, column.width), className: `${styles.tableCell} ${column.fitContent ? 'fitContent' : ''} ${column.allowWrap ||
                                                 (selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.has(row[dataKey])) ||
@@ -108,7 +108,7 @@ export function Table({ data, columns, selectedRows, onRowSelect, selectionMode
                 gap: '20px',
                 flexFlow: paginationPlacement === 'top' ? 'column-reverse' : 'column',
                 position: 'relative',
-            }, children: [_jsx("div", { ref: scrollRef, style: viewportStyle, className: styles.tableScroll, children: tableEl }), onPageChange && (_jsx(Pagination, { itemsCount: totalItemsCount, take: take, skip: skip, onPageChange: handlePageChange, showFirstLast: showFirstLast }))] }));
+            }, children: [_jsx("div", { ref: scrollRef, style: viewportStyle, className: styles.tableScroll, children: tableEl }), onPageChange && data.length > 0 && (_jsx(Pagination, { itemsCount: totalItemsCount, take: take, skip: skip, onPageChange: handlePageChange, showFirstLast: showFirstLast }))] }));
     }
     return (_jsxs("div", { style: {
             display: 'flex',
@@ -116,5 +116,5 @@ export function Table({ data, columns, selectedRows, onRowSelect, selectionMode
             gap: '20px',
             flexFlow: paginationPlacement === 'top' ? 'column-reverse' : 'column',
             position: 'relative',
-        }, children: [tableEl, onPageChange && (_jsx(Pagination, { itemsCount: totalItemsCount, take: take, skip: skip, onPageChange: handlePageChange }))] }));
+        }, children: [tableEl, onPageChange && data.length > 0 && (_jsx(Pagination, { itemsCount: totalItemsCount, take: take, skip: skip, onPageChange: handlePageChange }))] }));
 }

package/dist/components/table/Table.module.css

@@ -1,3 +1,7 @@
+/* =========================
+   Base table
+   ========================= */
+
 .table {
   inline-size: 100%;
   max-inline-size: 100%;
@@ -9,68 +13,51 @@
   background: var(--color-bg-surface);
 }
 
-.table.sm tr td {
-  padding-block: var(--spacing-xs);
-  padding-inline: var(--spacing-md);
-  font-size: var(--font-size-xs);
+.tableScroll {
+  position: relative;
+  overflow: auto;
+  max-inline-size: 100%;
+  -webkit-overflow-scrolling: touch;
 }
 
-.table.sm th {
-  padding-inline: var(--spacing-md);
-}
+/* =========================
+   Header
+   ========================= */
 
 .table thead {
   position: sticky;
   inset-block-start: 0;
-  background-color: var(--color-bg-surface);
   z-index: 10;
+  background-color: var(--color-bg-surface);
 }
 
 .table.primary thead {
   box-shadow: var(--shadow-md);
 }
 
-.clickableRow {
-  cursor: pointer;
-}
-
-.allowWrap {
-  word-break: break-all !important;
-  overflow-wrap: anywhere !important;
-}
-
-.clickableRow:hover {
-  background-color: var(--color-bg-contextual);
-}
-
-.selectedRow {
-  background-color: var(--color-bg-selected);
-}
-.selectedRow:hover {
-  background-color: var(--color-bg-selected-hover);
-}
-
-.nowrap {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
 .table .th {
-  color: var(--color-fg-muted);
-  font-size: var(--font-size-xs);
-  font-weight: var(--font-weight-medium);
   position: relative;
   padding-block: var(--spacing-xs);
   padding-inline: var(--spacing-md);
   text-align: start;
+  vertical-align: middle;
   background: inherit;
+
+  color: var(--color-fg-muted);
+  font-size: var(--font-size-xs);
+  font-weight: var(--font-weight-medium);
+
   white-space: nowrap;
   min-width: unset;
   max-width: unset;
-  vertical-align: middle;
 }
 
+/* Small variant: header padding */
+.table.sm .th {
+  padding-inline: var(--spacing-md);
+}
+
+/* Sortable header behavior */
 .th.sortable {
   cursor: pointer;
   user-select: none;
@@ -78,10 +65,12 @@
     background-color var(--transition-fast) var(--ease-standard),
     color var(--transition-fast) var(--ease-standard);
 }
+
 .th.sortable:hover,
 th.sortable:hover {
   background-color: var(--color-bg-contextual);
 }
+
 .th.sortable:focus-visible,
 th.sortable:focus-visible {
   outline: none;
@@ -95,6 +84,7 @@ th.sortable:focus-visible {
 .sortIndicator {
   display: flex;
 }
+
 .sortIndicator svg {
   inline-size: var(--icon-size-sm);
   block-size: var(--icon-size-sm);
@@ -103,6 +93,7 @@ th.sortable:focus-visible {
 .th > .thInner {
   display: inline-block;
 }
+
 .th > .thInner > span {
   display: inline-flex;
   align-items: center;
@@ -110,53 +101,120 @@ th.sortable:focus-visible {
   inline-size: 100%;
 }
 
+/* =========================
+   Body + cells
+   ========================= */
+
 .tBody::before {
   content: '';
   height: var(--spacing-xs);
   display: block;
 }
 
-.tBody tr td,
-.tbody tr td {
+.tBody tr td {
   position: relative;
   padding-block: var(--spacing-xs);
   padding-inline: var(--spacing-sm);
+
   border-block-end: var(--border-width-thin) solid var(--color-border-default);
+
   text-align: start;
   vertical-align: top;
+
   overflow-wrap: break-word;
   word-break: normal;
 }
 
-.tBody tr.severity {
-  background-repeat: no-repeat;
-  background-size: 100% 100%;
-  background-position: left top;
-  background-image: linear-gradient(to right, var(--row-severity-color) 0 3px, transparent 3px);
+/* Small variant applies to all cells by default */
+.table.sm .tBody tr td {
+  padding-block: var(--spacing-xxs);
+  padding-inline: var(--spacing-md);
+  font-size: var(--font-size-xs);
+  line-height: var(--line-height-normal);
 }
 
-.striped tr:nth-child(even):not(.selectedRow):not(:hover) {
-  background-color: var(--color-bg-surface-subtle);
+/* =========================
+   Selection column
+   ========================= */
+
+/*
+  Default (no severity rails):
+  Remove ALL inline padding for selection/checkbox cells in both header + body.
+
+  We deliberately use padding-inline (shorthand) so it reliably beats other
+  padding-inline shorthands (like .table.sm .tBody tr td).
+*/
+
+/* Body selection cells (covers td with .selectionCell even if markup differs) */
+.tBody tr td.selectionCell,
+.table .tBody tr td.selectionCell,
+.table td.selectionCell {
+  padding-inline: var(--spacing-xxs);
 }
 
-.td--numeric {
-  text-align: end;
+/* Header selection cells:
+   - covers your .th class
+   - AND real <th> elements that might not have the .th class */
+.table .th.selectionCell,
+.table th.selectionCell,
+th.selectionCell {
+  padding-inline: var(--spacing-xxs);
 }
-.td--muted {
-  color: var(--color-fg-muted);
+
+/* Override the .table.sm .tBody tr td padding-inline (must be as-specific or more) */
+.table.sm .tBody tr td.selectionCell,
+.table.table.sm .tBody tr td.selectionCell {
+  padding-inline: var(--spacing-xxs);
 }
 
-.td .error {
-  color: var(--color-danger);
+/* If severity rails are enabled, reserve a left gutter (still no right padding) */
+.table.severityTable .tBody tr td.selectionCell,
+.table.severityTable td.selectionCell,
+.table.severityTable .th.selectionCell,
+.table.severityTable th.selectionCell {
+  padding-inline: var(--spacing-xxs);
+  padding-inline-start: 14px;
+}
+
+/* Ensure severityTable also wins in sm */
+.table.sm.severityTable .tBody tr td.selectionCell,
+.table.table.sm.severityTable .tBody tr td.selectionCell,
+.table.sm.severityTable .th.selectionCell,
+.table.table.sm.severityTable .th.selectionCell,
+.table.sm.severityTable th.selectionCell {
+  padding-inline: var(--spacing-xxs);
+  padding-inline-start: 14px;
+}
+
+/* =========================
+   Rows (interaction + states)
+   ========================= */
+
+.clickableRow {
+  cursor: pointer;
+}
+
+.clickableRow:hover {
+  background-color: var(--color-bg-contextual);
+}
+
+.selectedRow {
+  background-color: var(--color-bg-selected);
 }
+
+.selectedRow:hover {
+  background-color: var(--color-bg-selected-hover);
+}
+
 .tr--hover:hover {
   background-color: var(--color-bg-contextual);
 }
 
-.table .tbody tr:focus-within {
-  outline: none;
-  box-shadow: none;
+.striped tr:nth-child(even):not(.selectedRow):not(:hover) {
+  background-color: var(--color-bg-surface-subtle);
 }
+
+/* Focus ring */
 .table .tbody tr:focus-within {
   outline: none;
   box-shadow:
@@ -166,9 +224,59 @@ th.sortable:focus-visible {
     inset 0 -2px 0 var(--color-brand);
 }
 
-.tableScroll {
+/* =========================
+   Content utilities
+   ========================= */
+
+.nowrap {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.allowWrap {
+  word-break: break-all !important;
+  overflow-wrap: anywhere !important;
+}
+
+.td--numeric {
+  text-align: end;
+}
+
+.td--muted {
+  color: var(--color-fg-muted);
+}
+
+.td .error {
+  color: var(--color-danger);
+}
+
+/* =========================
+   Severity rail
+   ========================= */
+
+.tBody tr.severity td:first-child {
   position: relative;
-  overflow: auto;
-  max-inline-size: 100%;
-  -webkit-overflow-scrolling: touch;
+}
+
+/* Only render the rail when the table actually uses severity rails */
+.table.severityTable .tBody tr.severity td:first-child::before {
+  content: '';
+  position: absolute;
+
+  left: 4px;
+  top: 4px;
+  bottom: 4px;
+  width: 5px;
+
+  background-color: var(--row-severity-color);
+  border-radius: 3px;
+
+  z-index: 0;
+}
+
+/* keep checkbox/content above the rail */
+.table.severityTable .tBody tr.severity td:first-child > * {
+  position: relative;
+  z-index: 1;
 }

package/dist/components/table/components/empty-state/EmptyState.d.ts

@@ -8,7 +8,7 @@ export type TableEmptyConfig = {
     /**
      * Title + description text (defaults are your current Danish copy)
      */
-    title?: ReactNode;
+    title?: string;
     description?: ReactNode;
     /**
      * Optional custom actions area. If provided, it will be rendered first.

package/dist/components/table/components/empty-state/EmptyState.js

@@ -1,16 +1,15 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { ArrowLeft, RefreshCw, SearchX } from 'lucide-react';
-import styles from './EmptyState.module.css';
-import { Button } from '../../../button/Button';
-import { Headline } from '../../../headline/Headline';
+import { ArrowLeft } from 'lucide-react';
+import { Button } from '../../../../components/button/Button';
+import { StatePage } from '../../../../components/state-page/StatePage';
 const defaultEmptyConfig = {
     enabled: true,
-    title: (_jsx(Headline, { disableMargin: true, size: 3, children: "Hov, der er ingen data" })),
+    title: 'Ingen resultater',
     description: _jsx("span", { children: "Pr\u00F8v at \u00E6ndre dine filtre eller tilf\u00F8je data." }),
     showBack: true,
     showRefresh: true,
     backLabel: (_jsxs(_Fragment, { children: [_jsx(ArrowLeft, {}), "Tilbage"] })),
-    refreshLabel: (_jsxs(_Fragment, { children: [_jsx(RefreshCw, {}), "Indl\u00E6s igen"] })),
+    refreshLabel: _jsx(_Fragment, { children: "Indl\u00E6s igen" }),
     className: 'dbc-flex dbc-flex-column dbc-justify-center dbc-items-center dbc-flex-grow ',
 };
 export function TableEmptyState({ config }) {
@@ -23,5 +22,5 @@ export function TableEmptyState({ config }) {
     const showBack = merged.showBack && typeof merged.onBack === 'function';
     const showRefresh = merged.showRefresh && typeof merged.onRefresh === 'function';
     const hasAnyActions = Boolean(merged.actions) || showBack || showRefresh;
-    return (_jsxs("div", { className: `${merged.className} ${styles.container}`, children: [_jsxs("span", { className: "dbc-flex dbc-flex-column dbc-gap-sm dbc-items-center", children: [_jsx(SearchX, { className: styles.icon }), merged.title, merged.description] }), hasAnyActions && (_jsxs("div", { className: "dbc-flex dbc-gap-sm", children: [merged.actions, showBack && (_jsx(Button, { onClick: merged.onBack, className: "dbc-mr-xxs", children: merged.backLabel })), showRefresh && _jsx(Button, { onClick: merged.onRefresh, children: merged.refreshLabel })] }))] }));
+    return (_jsx(StatePage, { type: "empty", header: merged.title, actions: _jsxs("div", { children: [hasAnyActions && (_jsxs("div", { className: "dbc-flex dbc-gap-sm", children: [showBack && (_jsx(Button, { type: "button", onClick: merged.onBack, children: merged.backLabel })), showRefresh && (_jsx(Button, { type: "button", onClick: merged.onRefresh, children: merged.refreshLabel }))] })), merged.actions] }), children: merged.description }));
 }

package/dist/components/toast/Toast.js

@@ -1,8 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Toast.tsx
 import { X } from 'lucide-react';
 import styles from './Toast.module.css';
 import { Button } from '../button/Button';
 import { Headline } from '../headline/Headline';
 export function Toast({ title, message, severity = 'info', action, onClose, }) {
-    return (_jsxs("div", { className: `${styles.toast} ${styles[severity]}`, role: "status", children: [_jsxs("div", { className: styles.content, children: [_jsx(Headline, { size: 4, severity: title ? severity : undefined, disableMargin: true, addition: onClose && (_jsx("div", { style: { marginLeft: 'auto' }, children: _jsx(Button, { type: "button", variant: "inline", "aria-label": "Dismiss notification", onClick: onClose, children: _jsx(X, { className: styles.closeIcon, "aria-hidden": "true" }) }) })), children: title }), message && _jsx("div", { className: styles.message, children: message })] }), _jsx("div", { className: styles.actions, children: action && (_jsx(Button, { type: "button", variant: "primary", onClick: action.onClick, children: action.label })) })] }));
+    const showHeader = Boolean(title);
+    const showMessage = Boolean(message);
+    const CloseButton = onClose ? (_jsx(Button, { type: "button", variant: "inline", className: styles.closeButton, "aria-label": "Dismiss notification", onClick: onClose, children: _jsx(X, { className: styles.closeIcon, "aria-hidden": "true" }) })) : null;
+    return (_jsxs("div", { className: `${styles.toast} ${styles[severity]}`, role: "status", children: [_jsxs("div", { className: styles.content, children: [showHeader && (_jsxs("div", { className: styles.row, children: [_jsx(Headline, { size: 4, severity: severity, disableMargin: true, children: title }), CloseButton] })), showMessage && (_jsxs("div", { className: styles.row, children: [_jsx("div", { className: styles.message, children: message }), !showHeader && CloseButton] }))] }), action && (_jsx("div", { className: styles.actions, children: _jsx(Button, { type: "button", variant: "primary", onClick: action.onClick, children: action.label }) }))] }));
 }

package/dist/components/toast/Toast.module.css

@@ -32,6 +32,7 @@
   border-left-width: var(--border-width-thick);
 }
 
+/* Severity accents */
 .info {
   border-left-color: var(--color-status-info-border);
 }
@@ -48,40 +49,58 @@
   border-left-color: var(--color-status-error-border);
 }
 
-.iconContainer {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.icon {
-  width: var(--icon-size-md);
-  height: var(--icon-size-md);
-}
-
+/* Layout */
 .content {
   flex: 1;
   min-width: 0;
   display: flex;
   flex-direction: column;
+  gap: var(--spacing-xxs);
+}
+
+.row {
+  display: flex;
+  align-items: center;
   gap: var(--spacing-xs);
+  min-width: 0;
 }
 
+/* Long-text handling suitable for toasts */
+.title,
+.message {
+  min-width: 0;
+  overflow-wrap: anywhere;
+  word-break: break-word;
+  white-space: normal;
+}
+
+/* Optional: clamp to avoid giant toasts */
 .title {
   font-size: var(--font-size-sm);
   font-weight: var(--font-weight-semibold);
   line-height: var(--line-height-tight);
+
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
 }
 
 .message {
   font-size: var(--font-size-sm);
   line-height: var(--line-height-normal);
+
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 4;
+  overflow: hidden;
 }
 
-.actions {
-  display: flex;
-  justify-content: flex-end;
-  gap: var(--spacing-xs);
+/* Close button stays aligned at the end of the row */
+.closeButton {
+  margin-inline-start: auto;
+  flex: 0 0 auto;
+  align-self: flex-start;
 }
 
 .closeIcon {
@@ -89,6 +108,12 @@
   height: var(--icon-size-sm);
 }
 
+.actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: var(--spacing-xs);
+}
+
 /* Simple enter animation */
 @keyframes toast-enter {
   from {

package/dist/components/toast/provider/ToastProvider.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { createContext, useCallback, useContext, useState, useRef, useEffect, } from 'react';
 import { Toast } from '../Toast';