diff --git a/review/main/404.html b/review/main/404.html index ab53af1d5f1..45400828880 100644 --- a/review/main/404.html +++ b/review/main/404.html @@ -1 +1 @@ -DB UI Mono
\ No newline at end of file +DB UI Mono
\ No newline at end of file diff --git a/review/main/_next/static/OyMoxZ3Rdpu39t2-vebxV/_buildManifest.js b/review/main/_next/static/8thic1vgKwHeWsATuJRwZ/_buildManifest.js similarity index 78% rename from review/main/_next/static/OyMoxZ3Rdpu39t2-vebxV/_buildManifest.js rename to review/main/_next/static/8thic1vgKwHeWsATuJRwZ/_buildManifest.js index cae3d4400a2..4e8250500eb 100644 --- a/review/main/_next/static/OyMoxZ3Rdpu39t2-vebxV/_buildManifest.js +++ b/review/main/_next/static/8thic1vgKwHeWsATuJRwZ/_buildManifest.js @@ -1 +1 @@ -self.__BUILD_MANIFEST=function(o,e,n,s,c,t,a,p,i,d,m,r,u,g,b,h,f,k,l,j,v,w,M,T,x,V,L,A,R,S,H,y,C,z,E,B,I,F,_,q,W,P,O,D,G,N,U,J,K,Q,X,Y,Z,$,oo,oe,on,os,oc,ot,oa,op,oi,od,om,or,ou,og,ob,oh,of,ok,ol,oj,ov,ow,oM,oT,ox){return{__rewrites:{afterFiles:[],beforeFiles:[],fallback:[]},"/":[e,n,"static/chunks/pages/index-55d72762d7e12051.js"],"/404":["static/chunks/pages/404-9f2937cbcf5b4059.js"],"/_error":["static/chunks/pages/_error-e5cf24d4066ff2f8.js"],"/base64":[Y,"static/chunks/pages/base64-b7f582041a92d59d.js"],"/components/accordion":[e,o,n,s,c,Z,"static/chunks/pages/components/accordion-d2e113420cb0fb10.js"],"/components/accordion/code/Behaviour":[o,"static/chunks/pages/components/accordion/code/Behaviour-d51baf21abbb7fad.js"],"/components/accordion/code/Tonality":[o,c,"static/chunks/pages/components/accordion/code/Tonality-b6642a569750f917.js"],"/components/accordion/code/Variant":[o,"static/chunks/pages/components/accordion/code/Variant-320f8ea6efadfda9.js"],"/components/accordion/docs/Angular":["static/chunks/pages/components/accordion/docs/Angular-f694b720959ce422.js"],"/components/accordion/docs/HTML":["static/chunks/pages/components/accordion/docs/HTML-20fe8be067c27fc4.js"],"/components/accordion/docs/Migration":["static/chunks/pages/components/accordion/docs/Migration-ebd2f8240ffa67b1.js"],"/components/accordion/docs/React":["static/chunks/pages/components/accordion/docs/React-760557676b7fb986.js"],"/components/accordion/docs/Vue":["static/chunks/pages/components/accordion/docs/Vue-4598196eae5368af.js"],"/components/accordion/how-to-use":[e,n,"static/chunks/pages/components/accordion/how-to-use-7c274a6ee5aedcab.js"],"/components/accordion/migration":[e,n,"static/chunks/pages/components/accordion/migration-ccacc314a9ec1d55.js"],"/components/accordion/overview":[e,o,n,s,c,Z,"static/chunks/pages/components/accordion/overview-d7356e977782b491.js"],"/components/accordion/properties":[e,n,"static/chunks/pages/components/accordion/properties-241ad57559a53cd3.js"],"/components/accordion-item":[e,o,n,s,"static/chunks/pages/components/accordion-item-41e42c2c9fe8c613.js"],"/components/accordion-item/code/ContentStates":[o,"static/chunks/pages/components/accordion-item/code/ContentStates-820b17a149a09f41.js"],"/components/accordion-item/code/InteractionStates":[o,"static/chunks/pages/components/accordion-item/code/InteractionStates-a86e3278f0a7e80f.js"],"/components/accordion-item/code/Tonality":[o,"static/chunks/pages/components/accordion-item/code/Tonality-e635b1cb38324618.js"],"/components/accordion-item/docs/Angular":["static/chunks/pages/components/accordion-item/docs/Angular-65488da332f1526a.js"],"/components/accordion-item/docs/HTML":["static/chunks/pages/components/accordion-item/docs/HTML-6ad46184212dcb71.js"],"/components/accordion-item/docs/Migration":["static/chunks/pages/components/accordion-item/docs/Migration-a64135b3ae827eec.js"],"/components/accordion-item/docs/React":["static/chunks/pages/components/accordion-item/docs/React-b3343d8366a28891.js"],"/components/accordion-item/docs/Vue":["static/chunks/pages/components/accordion-item/docs/Vue-7641a29498ebe640.js"],"/components/accordion-item/how-to-use":[e,n,"static/chunks/pages/components/accordion-item/how-to-use-e15d67e2e15187da.js"],"/components/accordion-item/migration":[e,n,"static/chunks/pages/components/accordion-item/migration-c8787e09ed110fe1.js"],"/components/accordion-item/overview":[e,o,n,s,"static/chunks/pages/components/accordion-item/overview-80dd468c42fc5c75.js"],"/components/accordion-item/properties":[e,n,"static/chunks/pages/components/accordion-item/properties-8d1d795c02387f92.js"],"/components/alert":[e,o,n,t,a,p,$,"static/chunks/pages/components/alert-759ac8aa099e58af.js"],"/components/alert/code/Behaviour":[o,"static/chunks/pages/components/alert/code/Behaviour-bf0a99a99e40d304.js"],"/components/alert/code/Content":[o,a,"static/chunks/pages/components/alert/code/Content-8e99517332808d93.js"],"/components/alert/code/Tonality":[o,p,"static/chunks/pages/components/alert/code/Tonality-ab83deb50367c3ed.js"],"/components/alert/code/Type":[o,"static/chunks/pages/components/alert/code/Type-30bf6a2ea2227c2d.js"],"/components/alert/code/Variant":[o,t,"static/chunks/pages/components/alert/code/Variant-9088e64ef367d1f0.js"],"/components/alert/docs/Angular":["static/chunks/pages/components/alert/docs/Angular-43d7ed93c1610f08.js"],"/components/alert/docs/HTML":["static/chunks/pages/components/alert/docs/HTML-3dc5412302b54ba7.js"],"/components/alert/docs/Migration":["static/chunks/pages/components/alert/docs/Migration-0eaac974895e2138.js"],"/components/alert/docs/React":["static/chunks/pages/components/alert/docs/React-35cce3eb194eede0.js"],"/components/alert/docs/Vue":["static/chunks/pages/components/alert/docs/Vue-6179c218d806ad23.js"],"/components/alert/how-to-use":[e,n,"static/chunks/pages/components/alert/how-to-use-d0a58710da6aa7d7.js"],"/components/alert/migration":[e,n,"static/chunks/pages/components/alert/migration-b48c2e31a68908a4.js"],"/components/alert/overview":[e,o,n,t,a,p,$,"static/chunks/pages/components/alert/overview-07d3aa062d96425f.js"],"/components/alert/properties":[e,n,"static/chunks/pages/components/alert/properties-ec03e12c516223bd.js"],"/components/badge":[e,o,n,i,d,m,oo,"static/chunks/pages/components/badge-5e6fb83a04f1d5e6.js"],"/components/badge/code/Content":[o,m,"static/chunks/pages/components/badge/code/Content-3401bc4e2a9f9c26.js"],"/components/badge/code/Emphasis":[o,"static/chunks/pages/components/badge/code/Emphasis-f457220cfa495c35.js"],"/components/badge/code/Examples":[o,"static/chunks/pages/components/badge/code/Examples-ae806837dde3d8e7.js"],"/components/badge/code/Placement":[o,d,"static/chunks/pages/components/badge/code/Placement-3f763b844c74d2ce.js"],"/components/badge/code/Semantic":[o,i,"static/chunks/pages/components/badge/code/Semantic-1a52d927b7e24708.js"],"/components/badge/code/Size":[o,"static/chunks/pages/components/badge/code/Size-13928fc433944bd4.js"],"/components/badge/code/Tonality":[o,"static/chunks/pages/components/badge/code/Tonality-cfa8d753c8fbda8f.js"],"/components/badge/docs/Angular":["static/chunks/pages/components/badge/docs/Angular-af45cdc5b118c728.js"],"/components/badge/docs/HTML":["static/chunks/pages/components/badge/docs/HTML-402d67949eab8068.js"],"/components/badge/docs/Migration":["static/chunks/pages/components/badge/docs/Migration-38308ed3cd436aad.js"],"/components/badge/docs/React":["static/chunks/pages/components/badge/docs/React-ae8e47b108795b04.js"],"/components/badge/docs/Vue":["static/chunks/pages/components/badge/docs/Vue-9ffc6930cba3c026.js"],"/components/badge/how-to-use":[e,n,"static/chunks/pages/components/badge/how-to-use-d71a12329d72c06d.js"],"/components/badge/migration":[e,n,"static/chunks/pages/components/badge/migration-b16927fa724a87bf.js"],"/components/badge/overview":[e,o,n,i,d,m,oo,"static/chunks/pages/components/badge/overview-c52189f9af2b506a.js"],"/components/badge/properties":[e,n,"static/chunks/pages/components/badge/properties-72853cb37bf8ffae.js"],"/components/brand":[e,o,n,oe,"static/chunks/pages/components/brand-0541a06b00af1675.js"],"/components/brand/code/Tonality":[o,"static/chunks/pages/components/brand/code/Tonality-799e7f0dcec64617.js"],"/components/brand/docs/Angular":["static/chunks/pages/components/brand/docs/Angular-9fc8cf064ebb2b9d.js"],"/components/brand/docs/HTML":["static/chunks/pages/components/brand/docs/HTML-894adc2378f4da38.js"],"/components/brand/docs/React":["static/chunks/pages/components/brand/docs/React-7febe8076559bbd0.js"],"/components/brand/docs/Vue":["static/chunks/pages/components/brand/docs/Vue-b75dcc1855bbc2dd.js"],"/components/brand/how-to-use":[e,n,"static/chunks/pages/components/brand/how-to-use-1571b472b9ddb958.js"],"/components/brand/migration":[e,n,"static/chunks/pages/components/brand/migration-61bbfbb80905cf53.js"],"/components/brand/overview":[e,o,n,oe,"static/chunks/pages/components/brand/overview-9e5eb840f307b78d.js"],"/components/brand/properties":[e,n,"static/chunks/pages/components/brand/properties-0d7a767677cf6210.js"],"/components/button":[e,o,n,r,on,"static/chunks/pages/components/button-c1f845bdfafb7469.js"],"/components/button/code/Behaviour":[o,"static/chunks/pages/components/button/code/Behaviour-8b44eb237b16cdc8.js"],"/components/button/code/Content":[o,"static/chunks/pages/components/button/code/Content-bfe280d903156a63.js"],"/components/button/code/Size":[o,"static/chunks/pages/components/button/code/Size-ae1c0a96c8e96538.js"],"/components/button/code/State":[o,"static/chunks/pages/components/button/code/State-89412aa92e172f1e.js"],"/components/button/code/Tonality":[o,"static/chunks/pages/components/button/code/Tonality-f5830e8f0b5d0541.js"],"/components/button/code/Variant":[o,r,"static/chunks/pages/components/button/code/Variant-f5cf55ced11f6891.js"],"/components/button/docs/Angular":["static/chunks/pages/components/button/docs/Angular-9eb8d811de0cbf04.js"],"/components/button/docs/HTML":["static/chunks/pages/components/button/docs/HTML-4a97807ece6669e9.js"],"/components/button/docs/Migration":[os,"static/chunks/pages/components/button/docs/Migration-c3e32206e04fd7ad.js"],"/components/button/docs/React":["static/chunks/pages/components/button/docs/React-4baedb3dfd733c98.js"],"/components/button/docs/Vue":["static/chunks/pages/components/button/docs/Vue-05d62c6d50da3322.js"],"/components/button/how-to-use":[e,n,"static/chunks/pages/components/button/how-to-use-6192773a29150d6b.js"],"/components/button/migration":[e,n,os,"static/chunks/pages/components/button/migration-828f569c7fe9cc6f.js"],"/components/button/overview":[e,o,n,r,on,"static/chunks/pages/components/button/overview-b4abcdceb11da342.js"],"/components/button/properties":[e,n,"static/chunks/pages/components/button/properties-70c92ec08418af8c.js"],"/components/card":[e,o,n,u,oc,"static/chunks/pages/components/card-f941be86f9713017.js"],"/components/card/code/Colorvariant":[o,u,"static/chunks/pages/components/card/code/Colorvariant-916e4774a3bd1c45.js"],"/components/card/code/Spacing":[o,"static/chunks/pages/components/card/code/Spacing-df2661412f584512.js"],"/components/card/code/Tonality":[o,"static/chunks/pages/components/card/code/Tonality-056a38d153a4bd70.js"],"/components/card/code/Variant":[o,"static/chunks/pages/components/card/code/Variant-29b0feb2a376c222.js"],"/components/card/docs/Angular":["static/chunks/pages/components/card/docs/Angular-558f2f9d383f867e.js"],"/components/card/docs/HTML":["static/chunks/pages/components/card/docs/HTML-eaf34f731ecae08a.js"],"/components/card/docs/Migration":["static/chunks/pages/components/card/docs/Migration-346c2e9c25a5c717.js"],"/components/card/docs/React":["static/chunks/pages/components/card/docs/React-9ce19c239444f4b5.js"],"/components/card/docs/Vue":["static/chunks/pages/components/card/docs/Vue-f2c1b216d3ebb00b.js"],"/components/card/how-to-use":[e,n,"static/chunks/pages/components/card/how-to-use-d87e4132223b11a7.js"],"/components/card/migration":[e,n,"static/chunks/pages/components/card/migration-78d828e7e5f235a5.js"],"/components/card/overview":[e,o,n,u,oc,"static/chunks/pages/components/card/overview-3013408b09afea49.js"],"/components/card/properties":[e,n,"static/chunks/pages/components/card/properties-02d69134955de5ba.js"],"/components/checkbox":[e,o,n,g,ot,"static/chunks/pages/components/checkbox-40b35669766085d2.js"],"/components/checkbox/code/Content":[o,"static/chunks/pages/components/checkbox/code/Content-d1b9bf49a5a2db9b.js"],"/components/checkbox/code/InteractionStates":[o,"static/chunks/pages/components/checkbox/code/InteractionStates-b9bdb998a1f25b16.js"],"/components/checkbox/code/Requirement":[o,"static/chunks/pages/components/checkbox/code/Requirement-c5efea26fe3e1a29.js"],"/components/checkbox/code/Size":[o,"static/chunks/pages/components/checkbox/code/Size-c1e9df9f6ea926bc.js"],"/components/checkbox/code/States":[o,g,"static/chunks/pages/components/checkbox/code/States-2b36b233b97a43ff.js"],"/components/checkbox/code/Tonality":[o,"static/chunks/pages/components/checkbox/code/Tonality-b570f5cdf05a05c1.js"],"/components/checkbox/docs/Angular":["static/chunks/pages/components/checkbox/docs/Angular-0cd3fa607ef99835.js"],"/components/checkbox/docs/HTML":["static/chunks/pages/components/checkbox/docs/HTML-75abcca331c552fe.js"],"/components/checkbox/docs/Migration":["static/chunks/pages/components/checkbox/docs/Migration-c1b252b5d9c1eaa7.js"],"/components/checkbox/docs/React":["static/chunks/pages/components/checkbox/docs/React-526d05c69c782809.js"],"/components/checkbox/docs/Vue":["static/chunks/pages/components/checkbox/docs/Vue-c04178a18f923111.js"],"/components/checkbox/how-to-use":[e,n,"static/chunks/pages/components/checkbox/how-to-use-c94570aa6ced2833.js"],"/components/checkbox/migration":[e,n,"static/chunks/pages/components/checkbox/migration-13c9fd865d7b0819.js"],"/components/checkbox/overview":[e,o,n,g,ot,"static/chunks/pages/components/checkbox/overview-8b709af18983da13.js"],"/components/checkbox/properties":[e,n,"static/chunks/pages/components/checkbox/properties-b628ad5ce5ecb3f3.js"],"/components/divider":[e,o,n,oa,"static/chunks/pages/components/divider-622ada3b653d3226.js"],"/components/divider/code/Emphasis":[o,"static/chunks/pages/components/divider/code/Emphasis-0e02896ff32f2fc4.js"],"/components/divider/code/Tonality":[o,"static/chunks/pages/components/divider/code/Tonality-f5cbd9ad6c4509ba.js"],"/components/divider/code/Variant":[o,"static/chunks/pages/components/divider/code/Variant-e847259007117741.js"],"/components/divider/docs/Angular":["static/chunks/pages/components/divider/docs/Angular-0729ded645daf460.js"],"/components/divider/docs/HTML":["static/chunks/pages/components/divider/docs/HTML-a05f1dae8de773fa.js"],"/components/divider/docs/Migration":["static/chunks/pages/components/divider/docs/Migration-780b04c134ad4b5e.js"],"/components/divider/docs/React":["static/chunks/pages/components/divider/docs/React-f9d81c51f8f4ddba.js"],"/components/divider/docs/Vue":["static/chunks/pages/components/divider/docs/Vue-78047658003c550e.js"],"/components/divider/how-to-use":[e,n,"static/chunks/pages/components/divider/how-to-use-48f66ea2d2150356.js"],"/components/divider/migration":[e,n,"static/chunks/pages/components/divider/migration-bd7190558b5a9294.js"],"/components/divider/overview":[e,o,n,oa,"static/chunks/pages/components/divider/overview-d68d61cd1b285c2a.js"],"/components/divider/properties":[e,n,"static/chunks/pages/components/divider/properties-0e60eb442694d671.js"],"/components/drawer":[e,o,n,b,h,f,k,op,"static/chunks/pages/components/drawer-36a51cef36de4700.js"],"/components/drawer/code/Backdrop":[o,f,"static/chunks/pages/components/drawer/code/Backdrop-269f1da6ce86d17f.js"],"/components/drawer/code/Directions":[o,h,"static/chunks/pages/components/drawer/code/Directions-4017a943c40a5418.js"],"/components/drawer/code/Rounded":[o,"static/chunks/pages/components/drawer/code/Rounded-9feb8d504a453d7c.js"],"/components/drawer/code/Size":[o,"static/chunks/pages/components/drawer/code/Size-9b09e3e0b0e9eb81.js"],"/components/drawer/code/Spacing":[o,b,"static/chunks/pages/components/drawer/code/Spacing-d1e758d4c26e4305.js"],"/components/drawer/code/Tonality":[o,k,"static/chunks/pages/components/drawer/code/Tonality-847029a227d2e68a.js"],"/components/drawer/docs/Angular":["static/chunks/pages/components/drawer/docs/Angular-87b7c373680d67db.js"],"/components/drawer/docs/HTML":["static/chunks/pages/components/drawer/docs/HTML-1942a9c8699e4867.js"],"/components/drawer/docs/Migration":["static/chunks/pages/components/drawer/docs/Migration-fb4d3545efced4ff.js"],"/components/drawer/docs/React":["static/chunks/pages/components/drawer/docs/React-dbc5a37febda7c62.js"],"/components/drawer/docs/Vue":["static/chunks/pages/components/drawer/docs/Vue-5fb8835f6a8f6634.js"],"/components/drawer/how-to-use":[e,n,"static/chunks/pages/components/drawer/how-to-use-c9976bdf05f05682.js"],"/components/drawer/migration":[e,n,"static/chunks/pages/components/drawer/migration-74d4025b4a7b1bff.js"],"/components/drawer/overview":[e,o,n,b,h,f,k,op,"static/chunks/pages/components/drawer/overview-7a2c85765bd76adc.js"],"/components/drawer/properties":[e,n,"static/chunks/pages/components/drawer/properties-8302384ee076f185.js"],"/components/header":[e,o,n,l,j,oi,"static/chunks/pages/components/header-d6548b9ed5cef9e8.js"],"/components/header/code/Behaviour":[o,j,"static/chunks/pages/components/header/code/Behaviour-161185f3b92b10b6.js"],"/components/header/code/Tonality":[o,l,"static/chunks/pages/components/header/code/Tonality-63475eaa2fb19eba.js"],"/components/header/docs/Angular":["static/chunks/pages/components/header/docs/Angular-2be2a78409282936.js"],"/components/header/docs/HTML":["static/chunks/pages/components/header/docs/HTML-1e32b3f4656a8f65.js"],"/components/header/docs/Migration":["static/chunks/pages/components/header/docs/Migration-506d7317166778f2.js"],"/components/header/docs/React":["static/chunks/pages/components/header/docs/React-6ddef7dd78bcb5c0.js"],"/components/header/docs/Vue":["static/chunks/pages/components/header/docs/Vue-e048d307600e1f0f.js"],"/components/header/how-to-use":[e,n,"static/chunks/pages/components/header/how-to-use-cb62853ea9002c1d.js"],"/components/header/migration":[e,n,"static/chunks/pages/components/header/migration-be884e3596974865.js"],"/components/header/overview":[e,o,n,l,j,oi,"static/chunks/pages/components/header/overview-be5b8afdb78d344c.js"],"/components/header/properties":[e,n,"static/chunks/pages/components/header/properties-b8b80b80338f99d7.js"],"/components/icon":[e,o,n,od,"static/chunks/pages/components/icon-bc7e4b1d265ca642.js"],"/components/icon/code/Tonality":[o,"static/chunks/pages/components/icon/code/Tonality-f526b4b0e0c67f4e.js"],"/components/icon/docs/Angular":["static/chunks/pages/components/icon/docs/Angular-7ec6a4f9da1bcd65.js"],"/components/icon/docs/HTML":["static/chunks/pages/components/icon/docs/HTML-84ea008b64fc8010.js"],"/components/icon/docs/Migration":["static/chunks/pages/components/icon/docs/Migration-9d6f3e76392c7116.js"],"/components/icon/docs/React":["static/chunks/pages/components/icon/docs/React-215c3a7b973ff7c2.js"],"/components/icon/docs/Vue":["static/chunks/pages/components/icon/docs/Vue-4983af81d0cc8304.js"],"/components/icon/how-to-use":[e,n,"static/chunks/pages/components/icon/how-to-use-407471ab1b2f7b57.js"],"/components/icon/migration":[e,n,"static/chunks/pages/components/icon/migration-36d8bd1cc3c4235d.js"],"/components/icon/overview":[e,o,n,od,"static/chunks/pages/components/icon/overview-7486ccf8142cc6b9.js"],"/components/icon/properties":[e,n,"static/chunks/pages/components/icon/properties-4fb5e01a15dee9f0.js"],"/components/infotext":[e,o,n,v,om,"static/chunks/pages/components/infotext-c0df1afe2c8cc5c2.js"],"/components/infotext/code/Semantic":[o,v,"static/chunks/pages/components/infotext/code/Semantic-c31bbbed6815b30e.js"],"/components/infotext/code/Size":[o,"static/chunks/pages/components/infotext/code/Size-e5d41759dd542ade.js"],"/components/infotext/code/Tonality":[o,"static/chunks/pages/components/infotext/code/Tonality-208e53a6f6aebea9.js"],"/components/infotext/docs/Angular":["static/chunks/pages/components/infotext/docs/Angular-82e0508c7521d559.js"],"/components/infotext/docs/HTML":["static/chunks/pages/components/infotext/docs/HTML-0f3572412657e262.js"],"/components/infotext/docs/Migration":["static/chunks/pages/components/infotext/docs/Migration-4659ea76f2f1b97e.js"],"/components/infotext/docs/React":["static/chunks/pages/components/infotext/docs/React-9c58faee3b791956.js"],"/components/infotext/docs/Vue":["static/chunks/pages/components/infotext/docs/Vue-cf85cc42b5568693.js"],"/components/infotext/how-to-use":[e,n,"static/chunks/pages/components/infotext/how-to-use-f0702ce34cb69627.js"],"/components/infotext/migration":[e,n,"static/chunks/pages/components/infotext/migration-5f61fb370839ff81.js"],"/components/infotext/overview":[e,o,n,v,om,"static/chunks/pages/components/infotext/overview-a3b73874764894c2.js"],"/components/infotext/properties":[e,n,"static/chunks/pages/components/infotext/properties-05d98d003bf8d48f.js"],"/components/input":[e,o,n,w,M,T,x,V,L,or,"static/chunks/pages/components/input-a73c4084e0b43c48.js"],"/components/input/code/Content":[o,L,"static/chunks/pages/components/input/code/Content-5a7b789a5cadf4e6.js"],"/components/input/code/ExampleTypes":[o,M,"static/chunks/pages/components/input/code/ExampleTypes-96afc2d96c32e7e0.js"],"/components/input/code/ExampleTypesFloatingLabel":[o,w,"static/chunks/pages/components/input/code/ExampleTypesFloatingLabel-ac3b4a4c34d6c1c6.js"],"/components/input/code/Requirement":[o,"static/chunks/pages/components/input/code/Requirement-2917bce0a456192e.js"],"/components/input/code/Semantic":[o,V,"static/chunks/pages/components/input/code/Semantic-d41e228cf1f01b3e.js"],"/components/input/code/StatesFloatingLabel":[o,T,"static/chunks/pages/components/input/code/StatesFloatingLabel-3a0fd283e3a761a5.js"],"/components/input/code/StatesLabelAbove":[o,x,"static/chunks/pages/components/input/code/StatesLabelAbove-7e64ae3e89ebda73.js"],"/components/input/code/Tonality":[o,"static/chunks/pages/components/input/code/Tonality-0eda14f07a7acb46.js"],"/components/input/code/VariantHelperMessage":[o,"static/chunks/pages/components/input/code/VariantHelperMessage-209f5514e9c9127a.js"],"/components/input/code/VariantLabel":[o,"static/chunks/pages/components/input/code/VariantLabel-0862226b522ce203.js"],"/components/input/docs/Angular":["static/chunks/pages/components/input/docs/Angular-72828d4e713a34d9.js"],"/components/input/docs/HTML":["static/chunks/pages/components/input/docs/HTML-e51635d9e15b7679.js"],"/components/input/docs/Migration":["static/chunks/pages/components/input/docs/Migration-3b47a5a3b8d6249b.js"],"/components/input/docs/React":["static/chunks/pages/components/input/docs/React-1fba57b0bedb4140.js"],"/components/input/docs/Vue":["static/chunks/pages/components/input/docs/Vue-b87ef7d3f92ffe1d.js"],"/components/input/how-to-use":[e,n,"static/chunks/pages/components/input/how-to-use-01576fc1d98d3bcb.js"],"/components/input/migration":[e,n,"static/chunks/pages/components/input/migration-88cad861d6a75e37.js"],"/components/input/overview":[e,o,n,w,M,T,x,V,L,or,"static/chunks/pages/components/input/overview-053e04ef49fb8457.js"],"/components/input/properties":[e,n,"static/chunks/pages/components/input/properties-fcf612ff695a7a0e.js"],"/components/link":[e,o,n,ou,"static/chunks/pages/components/link-f01eb2dc0f4e724b.js"],"/components/link/code/Content":[o,"static/chunks/pages/components/link/code/Content-2ec18871b6957f06.js"],"/components/link/code/InteractionStates":[o,"static/chunks/pages/components/link/code/InteractionStates-0898b42a96a97466.js"],"/components/link/code/Semantic":[o,"static/chunks/pages/components/link/code/Semantic-1cb55f0a986a79bc.js"],"/components/link/code/Size":[o,"static/chunks/pages/components/link/code/Size-91512af8aaea76a8.js"],"/components/link/code/Tonality":[o,"static/chunks/pages/components/link/code/Tonality-76867352b2fea941.js"],"/components/link/docs/Angular":["static/chunks/pages/components/link/docs/Angular-ac89aa8e5f133297.js"],"/components/link/docs/HTML":["static/chunks/pages/components/link/docs/HTML-c633804a4d5c6884.js"],"/components/link/docs/Migration":["static/chunks/pages/components/link/docs/Migration-06950c36e1c45f07.js"],"/components/link/docs/React":["static/chunks/pages/components/link/docs/React-b453daca1de21a6b.js"],"/components/link/docs/Vue":["static/chunks/pages/components/link/docs/Vue-cc9b6ce6b8cf2865.js"],"/components/link/how-to-use":[e,n,"static/chunks/pages/components/link/how-to-use-970aac8e931a671c.js"],"/components/link/migration":[e,n,"static/chunks/pages/components/link/migration-168439fe3299b1e6.js"],"/components/link/overview":[e,o,n,ou,"static/chunks/pages/components/link/overview-2b14917a5b419d82.js"],"/components/link/properties":[e,n,"static/chunks/pages/components/link/properties-db423fa6583a4baf.js"],"/components/main-navigation":[e,o,n,A,og,"static/chunks/pages/components/main-navigation-1e2067485f6d5f57.js"],"/components/main-navigation/code/Tonality":[o,A,"static/chunks/pages/components/main-navigation/code/Tonality-adef80902f76b722.js"],"/components/main-navigation/docs/Angular":["static/chunks/pages/components/main-navigation/docs/Angular-8caf35d3f6c1b55e.js"],"/components/main-navigation/docs/HTML":["static/chunks/pages/components/main-navigation/docs/HTML-479efae4a31a1461.js"],"/components/main-navigation/docs/Migration":["static/chunks/pages/components/main-navigation/docs/Migration-54e536b4b5166dd1.js"],"/components/main-navigation/docs/React":["static/chunks/pages/components/main-navigation/docs/React-de9c7c34d176ce95.js"],"/components/main-navigation/docs/Vue":["static/chunks/pages/components/main-navigation/docs/Vue-790a0050148a0dbc.js"],"/components/main-navigation/how-to-use":[e,n,"static/chunks/pages/components/main-navigation/how-to-use-71f6661e2923a418.js"],"/components/main-navigation/migration":[e,n,"static/chunks/pages/components/main-navigation/migration-e1e1735f242cb76a.js"],"/components/main-navigation/overview":[e,o,n,A,og,"static/chunks/pages/components/main-navigation/overview-e8b78352553c591a.js"],"/components/main-navigation/properties":[e,n,"static/chunks/pages/components/main-navigation/properties-9fc37306d5fee26f.js"],"/components/navigation-item":[e,o,n,R,ob,"static/chunks/pages/components/navigation-item-bee6782c54ee3899.js"],"/components/navigation-item/code/Content":[o,R,"static/chunks/pages/components/navigation-item/code/Content-38d44a9b6da7edc9.js"],"/components/navigation-item/code/InteractionStates":[o,"static/chunks/pages/components/navigation-item/code/InteractionStates-4e15308b3dacd780.js"],"/components/navigation-item/code/Tonality":[o,"static/chunks/pages/components/navigation-item/code/Tonality-f57b8e77dd1d7f32.js"],"/components/navigation-item/code/Width":[o,"static/chunks/pages/components/navigation-item/code/Width-65bd6fc3cb3a9ade.js"],"/components/navigation-item/docs/Angular":["static/chunks/pages/components/navigation-item/docs/Angular-d7dc1e6b12e8ee5b.js"],"/components/navigation-item/docs/HTML":["static/chunks/pages/components/navigation-item/docs/HTML-eb3ae7ad29dab828.js"],"/components/navigation-item/docs/Migration":["static/chunks/pages/components/navigation-item/docs/Migration-49f625757e973380.js"],"/components/navigation-item/docs/React":["static/chunks/pages/components/navigation-item/docs/React-a91349e6aaf335cd.js"],"/components/navigation-item/docs/Vue":["static/chunks/pages/components/navigation-item/docs/Vue-ee85fe78d3b40131.js"],"/components/navigation-item/how-to-use":[e,n,"static/chunks/pages/components/navigation-item/how-to-use-ebc108cf9c279a82.js"],"/components/navigation-item/migration":[e,n,"static/chunks/pages/components/navigation-item/migration-dd4b6ee4c471d8b0.js"],"/components/navigation-item/overview":[e,o,n,R,ob,"static/chunks/pages/components/navigation-item/overview-bc3b5e1b8bd8a29d.js"],"/components/navigation-item/properties":[e,n,"static/chunks/pages/components/navigation-item/properties-e844bcce4102b17d.js"],"/components/page":[e,o,n,oh,"static/chunks/pages/components/page-773eb572cfab2f9c.js"],"/components/page/code/Tonality":[o,"static/chunks/pages/components/page/code/Tonality-70f23967dcea9019.js"],"/components/page/docs/Angular":["static/chunks/pages/components/page/docs/Angular-b3304712b6087533.js"],"/components/page/docs/HTML":["static/chunks/pages/components/page/docs/HTML-c7ac4c84ebad9ca6.js"],"/components/page/docs/Migration":["static/chunks/pages/components/page/docs/Migration-dc70d55f8717e44b.js"],"/components/page/docs/React":["static/chunks/pages/components/page/docs/React-1cc48c265eba16a7.js"],"/components/page/docs/Vue":["static/chunks/pages/components/page/docs/Vue-a92651521325bdd3.js"],"/components/page/how-to-use":[e,n,"static/chunks/pages/components/page/how-to-use-e28bbaa0e59ac3e9.js"],"/components/page/migration":[e,n,"static/chunks/pages/components/page/migration-3b03bbc23f5af395.js"],"/components/page/overview":[e,o,n,oh,"static/chunks/pages/components/page/overview-623f6ff736fd8564.js"],"/components/page/properties":[e,n,"static/chunks/pages/components/page/properties-75d28e4277e5640b.js"],"/components/popover":[e,o,n,S,H,of,"static/chunks/pages/components/popover-f8a3c34a99c82df7.js"],"/components/popover/code/Animations":[o,H,"static/chunks/pages/components/popover/code/Animations-4f2d9dcc6957d4d2.js"],"/components/popover/code/Gap":[o,"static/chunks/pages/components/popover/code/Gap-6a13b2b30b5769bf.js"],"/components/popover/code/Placement":[o,S,"static/chunks/pages/components/popover/code/Placement-57300e6db6244414.js"],"/components/popover/code/Spacing":[o,"static/chunks/pages/components/popover/code/Spacing-98aeb92690989986.js"],"/components/popover/code/Tonality":[o,"static/chunks/pages/components/popover/code/Tonality-571021ace8146164.js"],"/components/popover/code/Width":[o,"static/chunks/pages/components/popover/code/Width-1aed751f9b85c9df.js"],"/components/popover/docs/Angular":["static/chunks/pages/components/popover/docs/Angular-a8e4c477721827ce.js"],"/components/popover/docs/HTML":["static/chunks/pages/components/popover/docs/HTML-3a010add83fb4122.js"],"/components/popover/docs/Migration":["static/chunks/pages/components/popover/docs/Migration-ed4f9fca1548b211.js"],"/components/popover/docs/React":["static/chunks/pages/components/popover/docs/React-51e161fc82964269.js"],"/components/popover/docs/Vue":["static/chunks/pages/components/popover/docs/Vue-c452da4058d65d78.js"],"/components/popover/how-to-use":[e,n,"static/chunks/pages/components/popover/how-to-use-8fd4c47c5daeef9d.js"],"/components/popover/migration":[e,n,"static/chunks/pages/components/popover/migration-9d99740717fb488c.js"],"/components/popover/overview":[e,o,n,S,H,of,"static/chunks/pages/components/popover/overview-05208ca5f065f559.js"],"/components/popover/properties":[e,n,"static/chunks/pages/components/popover/properties-e878b3edd36d4c63.js"],"/components/radio":[e,o,n,y,ok,"static/chunks/pages/components/radio-693deb77ac0f7e36.js"],"/components/radio/code/Content":[o,"static/chunks/pages/components/radio/code/Content-dd2d156ff29c590b.js"],"/components/radio/code/InteractionStates":[o,"static/chunks/pages/components/radio/code/InteractionStates-61ee99d2416d1be8.js"],"/components/radio/code/Requirement":[o,"static/chunks/pages/components/radio/code/Requirement-9316668bee5ff2d3.js"],"/components/radio/code/Size":[o,"static/chunks/pages/components/radio/code/Size-ca156ba340a7e292.js"],"/components/radio/code/States":[o,y,"static/chunks/pages/components/radio/code/States-c4496635fa9434bb.js"],"/components/radio/code/Tonality":[o,"static/chunks/pages/components/radio/code/Tonality-bc4dc6aa1561a9f0.js"],"/components/radio/docs/Angular":["static/chunks/pages/components/radio/docs/Angular-6f33f2325331947f.js"],"/components/radio/docs/HTML":["static/chunks/pages/components/radio/docs/HTML-6efe2abe3fe82751.js"],"/components/radio/docs/Migration":["static/chunks/pages/components/radio/docs/Migration-0526ef276ff76442.js"],"/components/radio/docs/React":["static/chunks/pages/components/radio/docs/React-02286d448a6d71ee.js"],"/components/radio/docs/Vue":["static/chunks/pages/components/radio/docs/Vue-d42dd40c9e4d0042.js"],"/components/radio/how-to-use":[e,n,"static/chunks/pages/components/radio/how-to-use-f2f7c0aeb168a237.js"],"/components/radio/migration":[e,n,"static/chunks/pages/components/radio/migration-e082102845e0ae56.js"],"/components/radio/overview":[e,o,n,y,ok,"static/chunks/pages/components/radio/overview-08933313731605e5.js"],"/components/radio/properties":[e,n,"static/chunks/pages/components/radio/properties-e0c574c9ac526b12.js"],"/components/readme":[e,n,"static/chunks/pages/components/readme-4e498755ac736430.js"],"/components/router-usage":[e,n,"static/chunks/pages/components/router-usage-f6b40d0a66aac2c0.js"],"/components/section":[e,o,n,ol,"static/chunks/pages/components/section-dc6db42077ee3c42.js"],"/components/section/code/Size":[o,"static/chunks/pages/components/section/code/Size-d949ef843ce9ecef.js"],"/components/section/code/Tonality":[o,"static/chunks/pages/components/section/code/Tonality-ada86bda6627dc6e.js"],"/components/section/code/Variant":[o,"static/chunks/pages/components/section/code/Variant-7847cf371959fa87.js"],"/components/section/docs/Angular":["static/chunks/pages/components/section/docs/Angular-4f82440081c6ce1d.js"],"/components/section/docs/HTML":["static/chunks/pages/components/section/docs/HTML-23f1a3bcc6c9c45f.js"],"/components/section/docs/Migration":["static/chunks/pages/components/section/docs/Migration-2b1e65b48ece1342.js"],"/components/section/docs/React":["static/chunks/pages/components/section/docs/React-d8edceeef2c09fc5.js"],"/components/section/docs/Vue":["static/chunks/pages/components/section/docs/Vue-bfac60ddd12906ba.js"],"/components/section/how-to-use":[e,n,"static/chunks/pages/components/section/how-to-use-f9fca027e70693ad.js"],"/components/section/migration":[e,n,"static/chunks/pages/components/section/migration-a956330d212e6e58.js"],"/components/section/overview":[e,o,n,ol,"static/chunks/pages/components/section/overview-fd1c08ddbd37bc90.js"],"/components/section/properties":[e,n,"static/chunks/pages/components/section/properties-c95893d6c3d86133.js"],"/components/select":[e,o,n,C,z,E,B,I,oj,"static/chunks/pages/components/select-4589c837ae7e32c0.js"],"/components/select/code/Content":[o,"static/chunks/pages/components/select/code/Content-48f7ee850ba618c9.js"],"/components/select/code/Requirement":[o,B,"static/chunks/pages/components/select/code/Requirement-2c55a2d96cd59743.js"],"/components/select/code/Semantic":[o,C,"static/chunks/pages/components/select/code/Semantic-c30a788980e41299.js"],"/components/select/code/StatesFloatingLabel":[o,z,"static/chunks/pages/components/select/code/StatesFloatingLabel-0cb06fd8c2d3b446.js"],"/components/select/code/StatesLabelAbove":[o,E,"static/chunks/pages/components/select/code/StatesLabelAbove-8132b2b8743d5746.js"],"/components/select/code/Tonality":[o,I,"static/chunks/pages/components/select/code/Tonality-5691a6e788c6bf6f.js"],"/components/select/code/VariantHelperMessage":[o,"static/chunks/pages/components/select/code/VariantHelperMessage-42c24582a75fb002.js"],"/components/select/code/VariantLabel":[o,"static/chunks/pages/components/select/code/VariantLabel-b258037867b10d92.js"],"/components/select/docs/Angular":["static/chunks/pages/components/select/docs/Angular-36f30dcae03bb11d.js"],"/components/select/docs/HTML":["static/chunks/pages/components/select/docs/HTML-fadc3d73394d4c37.js"],"/components/select/docs/Migration":["static/chunks/pages/components/select/docs/Migration-74c9a0b2d9db7b3c.js"],"/components/select/docs/React":["static/chunks/pages/components/select/docs/React-24a0886d49017b6a.js"],"/components/select/docs/Vue":["static/chunks/pages/components/select/docs/Vue-43aaa491494ffb93.js"],"/components/select/how-to-use":[e,n,"static/chunks/pages/components/select/how-to-use-4cf2205a5cf38326.js"],"/components/select/migration":[e,n,"static/chunks/pages/components/select/migration-91e437c3e264987d.js"],"/components/select/overview":[e,o,n,C,z,E,B,I,oj,"static/chunks/pages/components/select/overview-3ad9e3a851345ef5.js"],"/components/select/properties":[e,n,"static/chunks/pages/components/select/properties-891a25e5c12889d9.js"],"/components/tab":[e,o,n,F,ov,"static/chunks/pages/components/tab-e789780d017a124a.js"],"/components/tab/code/Behaviour":[o,"static/chunks/pages/components/tab/code/Behaviour-32555edc437892ca.js"],"/components/tab/code/Content":[o,F,"static/chunks/pages/components/tab/code/Content-6dd2271f2d1e94c9.js"],"/components/tab/code/ContentAlignmentFullWidth":[o,"static/chunks/pages/components/tab/code/ContentAlignmentFullWidth-78331a4b6547b34e.js"],"/components/tab/code/States":[o,"static/chunks/pages/components/tab/code/States-ce07baba4c814a60.js"],"/components/tab/code/Tonality":[o,"static/chunks/pages/components/tab/code/Tonality-093906b74d5f76dc.js"],"/components/tab/docs/Angular":["static/chunks/pages/components/tab/docs/Angular-3e89d5151e957b26.js"],"/components/tab/docs/HTML":["static/chunks/pages/components/tab/docs/HTML-62d4449c58e42980.js"],"/components/tab/docs/Migration":["static/chunks/pages/components/tab/docs/Migration-62f04303a9343cda.js"],"/components/tab/docs/React":["static/chunks/pages/components/tab/docs/React-1acd022a589226c0.js"],"/components/tab/docs/Vue":["static/chunks/pages/components/tab/docs/Vue-8e6b51624a413494.js"],"/components/tab/how-to-use":[e,n,"static/chunks/pages/components/tab/how-to-use-96c0ce91ea634aad.js"],"/components/tab/migration":[e,n,"static/chunks/pages/components/tab/migration-74bfc28710fe2afe.js"],"/components/tab/overview":[e,o,n,F,ov,"static/chunks/pages/components/tab/overview-14475da1906e942d.js"],"/components/tab/properties":[e,n,"static/chunks/pages/components/tab/properties-b4b2e857befc875b.js"],"/components/tab-list/docs/Angular":["static/chunks/pages/components/tab-list/docs/Angular-5b12e222b9fefd4a.js"],"/components/tab-list/docs/HTML":["static/chunks/pages/components/tab-list/docs/HTML-ab4c7b9024ff5293.js"],"/components/tab-list/docs/Migration":["static/chunks/pages/components/tab-list/docs/Migration-96dbabbe94c58942.js"],"/components/tab-list/docs/React":["static/chunks/pages/components/tab-list/docs/React-46e8d9193650f74e.js"],"/components/tab-list/docs/Vue":["static/chunks/pages/components/tab-list/docs/Vue-323603d69037b800.js"],"/components/tab-list/how-to-use":[e,n,"static/chunks/pages/components/tab-list/how-to-use-bdb31ea1b979190c.js"],"/components/tab-list/migration":[e,n,"static/chunks/pages/components/tab-list/migration-ccfbb4ffdfe37ed0.js"],"/components/tab-list/properties":[e,n,"static/chunks/pages/components/tab-list/properties-6b49a84caea76074.js"],"/components/tab-panel/docs/Angular":["static/chunks/pages/components/tab-panel/docs/Angular-df67f8f52a544d2d.js"],"/components/tab-panel/docs/HTML":["static/chunks/pages/components/tab-panel/docs/HTML-96fcf0a8663de065.js"],"/components/tab-panel/docs/Migration":["static/chunks/pages/components/tab-panel/docs/Migration-47840376f2b60695.js"],"/components/tab-panel/docs/React":["static/chunks/pages/components/tab-panel/docs/React-ae82e38b13783d9a.js"],"/components/tab-panel/docs/Vue":["static/chunks/pages/components/tab-panel/docs/Vue-b1d13866dad1df78.js"],"/components/tab-panel/how-to-use":[e,n,"static/chunks/pages/components/tab-panel/how-to-use-91f051fbef8f4c67.js"],"/components/tab-panel/migration":[e,n,"static/chunks/pages/components/tab-panel/migration-0def177638516f9f.js"],"/components/tab-panel/properties":[e,n,"static/chunks/pages/components/tab-panel/properties-2a0ffa33f06f3a74.js"],"/components/tabs":[e,o,n,_,q,W,P,O,ow,"static/chunks/pages/components/tabs-2aca8227a0247d29.js"],"/components/tabs/code/Examples":[o,P,"static/chunks/pages/components/tabs/code/Examples-03683eeaaee7b643.js"],"/components/tabs/code/Orientation":[o,O,"static/chunks/pages/components/tabs/code/Orientation-01ff05fc8f7bacc7.js"],"/components/tabs/code/Overflow":[o,q,"static/chunks/pages/components/tabs/code/Overflow-e49b9c7f21aaef22.js"],"/components/tabs/code/Tonality":[o,W,"static/chunks/pages/components/tabs/code/Tonality-a76db19b95c83d1c.js"],"/components/tabs/code/Width":[o,_,"static/chunks/pages/components/tabs/code/Width-952350697d83033a.js"],"/components/tabs/docs/Angular":["static/chunks/pages/components/tabs/docs/Angular-26f5e74232341bd3.js"],"/components/tabs/docs/HTML":["static/chunks/pages/components/tabs/docs/HTML-c4ce1159e4dcc504.js"],"/components/tabs/docs/Migration":["static/chunks/pages/components/tabs/docs/Migration-2f7053ec7c649f9d.js"],"/components/tabs/docs/React":["static/chunks/pages/components/tabs/docs/React-0d334a784faf896f.js"],"/components/tabs/docs/Vue":["static/chunks/pages/components/tabs/docs/Vue-0cada1511d9f4a0e.js"],"/components/tabs/how-to-use":[e,n,"static/chunks/pages/components/tabs/how-to-use-bb31cca09ca44ae5.js"],"/components/tabs/migration":[e,n,"static/chunks/pages/components/tabs/migration-2bb37c50f04a4abf.js"],"/components/tabs/overview":[e,o,n,_,q,W,P,O,ow,"static/chunks/pages/components/tabs/overview-f999799a315ccdb6.js"],"/components/tabs/properties":[e,n,"static/chunks/pages/components/tabs/properties-936afa3aa1b037bc.js"],"/components/tag":[e,o,n,D,G,N,oM,"static/chunks/pages/components/tag-c7528e227f1e7cb5.js"],"/components/tag/code/Behaviour":[o,G,"static/chunks/pages/components/tag/code/Behaviour-bfb7c2103ce5af51.js"],"/components/tag/code/Content":[o,"static/chunks/pages/components/tag/code/Content-2e20c3650348e525.js"],"/components/tag/code/Emphasis":[o,"static/chunks/pages/components/tag/code/Emphasis-4d7138c37b6a6c59.js"],"/components/tag/code/Example":[o,N,"static/chunks/pages/components/tag/code/Example-317a66aa7caea139.js"],"/components/tag/code/Overflow":[o,"static/chunks/pages/components/tag/code/Overflow-f7d48ab7beb11ae3.js"],"/components/tag/code/State":[o,"static/chunks/pages/components/tag/code/State-e06dcaafe592433b.js"],"/components/tag/code/Tonality":[o,"static/chunks/pages/components/tag/code/Tonality-256d17b7d62c31d4.js"],"/components/tag/code/Variant":[o,D,"static/chunks/pages/components/tag/code/Variant-f28c52bdb8e888ab.js"],"/components/tag/docs/Angular":["static/chunks/pages/components/tag/docs/Angular-6679f69e7a4e8a6f.js"],"/components/tag/docs/HTML":["static/chunks/pages/components/tag/docs/HTML-65ca8e169208795e.js"],"/components/tag/docs/Migration":["static/chunks/pages/components/tag/docs/Migration-1f41b9322867504f.js"],"/components/tag/docs/React":["static/chunks/pages/components/tag/docs/React-bcff51597dccf7b7.js"],"/components/tag/docs/Vue":["static/chunks/pages/components/tag/docs/Vue-d7ff329d4dd1e941.js"],"/components/tag/how-to-use":[e,n,"static/chunks/pages/components/tag/how-to-use-57c1a600a68ceed3.js"],"/components/tag/migration":[e,n,"static/chunks/pages/components/tag/migration-2c9a0bc50a04ee76.js"],"/components/tag/overview":[e,o,n,D,G,N,oM,"static/chunks/pages/components/tag/overview-7a7429ccbf3a3d3b.js"],"/components/tag/properties":[e,n,"static/chunks/pages/components/tag/properties-c1f0f3c7b3016588.js"],"/components/textarea":[e,o,n,U,J,K,oT,"static/chunks/pages/components/textarea-c18b2a1cfdd2d236.js"],"/components/textarea/code/Requirement":[o,"static/chunks/pages/components/textarea/code/Requirement-d58f5d197a4b4bd2.js"],"/components/textarea/code/Rows":[o,"static/chunks/pages/components/textarea/code/Rows-624af9a10ea796b5.js"],"/components/textarea/code/Semantic":[o,K,"static/chunks/pages/components/textarea/code/Semantic-03921b4a5df393f6.js"],"/components/textarea/code/StatesFloatingLabel":[o,U,"static/chunks/pages/components/textarea/code/StatesFloatingLabel-92eb6dcb8963256e.js"],"/components/textarea/code/StatesLabelAbove":[o,J,"static/chunks/pages/components/textarea/code/StatesLabelAbove-3a70c83455a5e7f3.js"],"/components/textarea/code/Tonality":[o,"static/chunks/pages/components/textarea/code/Tonality-39c77c3d9da1a56c.js"],"/components/textarea/code/VariantHelperMessage":[o,"static/chunks/pages/components/textarea/code/VariantHelperMessage-5e208c2c53b6bb6a.js"],"/components/textarea/code/VariantLabel":[o,"static/chunks/pages/components/textarea/code/VariantLabel-e33f87960727f9be.js"],"/components/textarea/docs/Angular":["static/chunks/pages/components/textarea/docs/Angular-7700857ec304b748.js"],"/components/textarea/docs/HTML":["static/chunks/pages/components/textarea/docs/HTML-d0338db4c513f97a.js"],"/components/textarea/docs/Migration":["static/chunks/pages/components/textarea/docs/Migration-80f990bd82fc113c.js"],"/components/textarea/docs/React":["static/chunks/pages/components/textarea/docs/React-8842c1cdabbeac53.js"],"/components/textarea/docs/Vue":["static/chunks/pages/components/textarea/docs/Vue-225b1b83ad7e389d.js"],"/components/textarea/how-to-use":[e,n,"static/chunks/pages/components/textarea/how-to-use-04b75a7ce0aacc3c.js"],"/components/textarea/migration":[e,n,"static/chunks/pages/components/textarea/migration-f69c2e67e8acb331.js"],"/components/textarea/overview":[e,o,n,U,J,K,oT,"static/chunks/pages/components/textarea/overview-34cf96994bee9c52.js"],"/components/textarea/properties":[e,n,"static/chunks/pages/components/textarea/properties-f64daa64e56f56a2.js"],"/components/tooltip":[e,o,n,Q,X,ox,"static/chunks/pages/components/tooltip-70252f52a11ea59c.js"],"/components/tooltip/code/Animations":[o,X,"static/chunks/pages/components/tooltip/code/Animations-310aef83608b883a.js"],"/components/tooltip/code/Emphasis":[o,"static/chunks/pages/components/tooltip/code/Emphasis-72b226f388c2d02a.js"],"/components/tooltip/code/Placement":[o,Q,"static/chunks/pages/components/tooltip/code/Placement-82691ddabf074bd9.js"],"/components/tooltip/code/Tonality":[o,"static/chunks/pages/components/tooltip/code/Tonality-0f652d445c77793f.js"],"/components/tooltip/code/Variant":[o,"static/chunks/pages/components/tooltip/code/Variant-c15495c635ad019d.js"],"/components/tooltip/code/Width":[o,"static/chunks/pages/components/tooltip/code/Width-48956eff82a2ff1d.js"],"/components/tooltip/docs/Angular":["static/chunks/pages/components/tooltip/docs/Angular-bf5aa6ac5b64c0db.js"],"/components/tooltip/docs/HTML":["static/chunks/pages/components/tooltip/docs/HTML-00335081d19486bc.js"],"/components/tooltip/docs/Migration":["static/chunks/pages/components/tooltip/docs/Migration-41d359dcad20ea9e.js"],"/components/tooltip/docs/React":["static/chunks/pages/components/tooltip/docs/React-162742c92a0a9c5f.js"],"/components/tooltip/docs/Vue":["static/chunks/pages/components/tooltip/docs/Vue-407ebaf0930c73d8.js"],"/components/tooltip/how-to-use":[e,n,"static/chunks/pages/components/tooltip/how-to-use-0ed45408f2eac858.js"],"/components/tooltip/migration":[e,n,"static/chunks/pages/components/tooltip/migration-8032ce65c3851032.js"],"/components/tooltip/overview":[e,o,n,Q,X,ox,"static/chunks/pages/components/tooltip/overview-80b8a8ec8c2af43f.js"],"/components/tooltip/properties":[e,n,"static/chunks/pages/components/tooltip/properties-ef321243eee75a60.js"],"/foundations/colors/color-schemes":[e,n,"static/chunks/pages/foundations/colors/color-schemes-0d914d781eadb3f9.js"],"/foundations/colors/overview":[e,n,"static/chunks/pages/foundations/colors/overview-42bd9e34d1e183d0.js"],"/foundations/colors/readme":[e,n,"static/chunks/pages/foundations/colors/readme-9e40615da27d1f51.js"],"/foundations/font-sizes/overview":[e,n,"static/chunks/pages/foundations/font-sizes/overview-43450bca87d9497d.js"],"/foundations/font-sizes/readme":[e,n,"static/chunks/pages/foundations/font-sizes/readme-4075880e2c72d517.js"],"/foundations/icons/custom-icons":[e,n,"static/chunks/pages/foundations/icons/custom-icons-7353207cb235412f.js"],"/foundations/icons/overview":[e,n,"static/chunks/pages/foundations/icons/overview-9a69adeefda091a6.js"],"/foundations/icons/readme":[e,n,"static/chunks/pages/foundations/icons/readme-dab0b2902f64c9d3.js"],"/foundations/readme":[e,n,"static/chunks/pages/foundations/readme-5d6189d187adf8f7.js"],"/foundations/tonalities/examples":[e,n,"static/chunks/pages/foundations/tonalities/examples-c021df3717330901.js"],"/foundations/tonalities/readme":[e,n,"static/chunks/pages/foundations/tonalities/readme-8c7615974b025e90.js"],"/foundations/variables/examples":[e,n,"static/chunks/pages/foundations/variables/examples-f921d3cfc8849751.js"],"/foundations/variables/readme":[e,n,"static/chunks/pages/foundations/variables/readme-de5d8931b6b63a77.js"],"/iframe":[Y,"static/chunks/pages/iframe-34ad93b3c04cfdee.js"],sortedPages:["/","/404","/_app","/_error","/base64","/components/accordion","/components/accordion/code/Behaviour","/components/accordion/code/Tonality","/components/accordion/code/Variant","/components/accordion/docs/Angular","/components/accordion/docs/HTML","/components/accordion/docs/Migration","/components/accordion/docs/React","/components/accordion/docs/Vue","/components/accordion/how-to-use","/components/accordion/migration","/components/accordion/overview","/components/accordion/properties","/components/accordion-item","/components/accordion-item/code/ContentStates","/components/accordion-item/code/InteractionStates","/components/accordion-item/code/Tonality","/components/accordion-item/docs/Angular","/components/accordion-item/docs/HTML","/components/accordion-item/docs/Migration","/components/accordion-item/docs/React","/components/accordion-item/docs/Vue","/components/accordion-item/how-to-use","/components/accordion-item/migration","/components/accordion-item/overview","/components/accordion-item/properties","/components/alert","/components/alert/code/Behaviour","/components/alert/code/Content","/components/alert/code/Tonality","/components/alert/code/Type","/components/alert/code/Variant","/components/alert/docs/Angular","/components/alert/docs/HTML","/components/alert/docs/Migration","/components/alert/docs/React","/components/alert/docs/Vue","/components/alert/how-to-use","/components/alert/migration","/components/alert/overview","/components/alert/properties","/components/badge","/components/badge/code/Content","/components/badge/code/Emphasis","/components/badge/code/Examples","/components/badge/code/Placement","/components/badge/code/Semantic","/components/badge/code/Size","/components/badge/code/Tonality","/components/badge/docs/Angular","/components/badge/docs/HTML","/components/badge/docs/Migration","/components/badge/docs/React","/components/badge/docs/Vue","/components/badge/how-to-use","/components/badge/migration","/components/badge/overview","/components/badge/properties","/components/brand","/components/brand/code/Tonality","/components/brand/docs/Angular","/components/brand/docs/HTML","/components/brand/docs/React","/components/brand/docs/Vue","/components/brand/how-to-use","/components/brand/migration","/components/brand/overview","/components/brand/properties","/components/button","/components/button/code/Behaviour","/components/button/code/Content","/components/button/code/Size","/components/button/code/State","/components/button/code/Tonality","/components/button/code/Variant","/components/button/docs/Angular","/components/button/docs/HTML","/components/button/docs/Migration","/components/button/docs/React","/components/button/docs/Vue","/components/button/how-to-use","/components/button/migration","/components/button/overview","/components/button/properties","/components/card","/components/card/code/Colorvariant","/components/card/code/Spacing","/components/card/code/Tonality","/components/card/code/Variant","/components/card/docs/Angular","/components/card/docs/HTML","/components/card/docs/Migration","/components/card/docs/React","/components/card/docs/Vue","/components/card/how-to-use","/components/card/migration","/components/card/overview","/components/card/properties","/components/checkbox","/components/checkbox/code/Content","/components/checkbox/code/InteractionStates","/components/checkbox/code/Requirement","/components/checkbox/code/Size","/components/checkbox/code/States","/components/checkbox/code/Tonality","/components/checkbox/docs/Angular","/components/checkbox/docs/HTML","/components/checkbox/docs/Migration","/components/checkbox/docs/React","/components/checkbox/docs/Vue","/components/checkbox/how-to-use","/components/checkbox/migration","/components/checkbox/overview","/components/checkbox/properties","/components/divider","/components/divider/code/Emphasis","/components/divider/code/Tonality","/components/divider/code/Variant","/components/divider/docs/Angular","/components/divider/docs/HTML","/components/divider/docs/Migration","/components/divider/docs/React","/components/divider/docs/Vue","/components/divider/how-to-use","/components/divider/migration","/components/divider/overview","/components/divider/properties","/components/drawer","/components/drawer/code/Backdrop","/components/drawer/code/Directions","/components/drawer/code/Rounded","/components/drawer/code/Size","/components/drawer/code/Spacing","/components/drawer/code/Tonality","/components/drawer/docs/Angular","/components/drawer/docs/HTML","/components/drawer/docs/Migration","/components/drawer/docs/React","/components/drawer/docs/Vue","/components/drawer/how-to-use","/components/drawer/migration","/components/drawer/overview","/components/drawer/properties","/components/header","/components/header/code/Behaviour","/components/header/code/Tonality","/components/header/docs/Angular","/components/header/docs/HTML","/components/header/docs/Migration","/components/header/docs/React","/components/header/docs/Vue","/components/header/how-to-use","/components/header/migration","/components/header/overview","/components/header/properties","/components/icon","/components/icon/code/Tonality","/components/icon/docs/Angular","/components/icon/docs/HTML","/components/icon/docs/Migration","/components/icon/docs/React","/components/icon/docs/Vue","/components/icon/how-to-use","/components/icon/migration","/components/icon/overview","/components/icon/properties","/components/infotext","/components/infotext/code/Semantic","/components/infotext/code/Size","/components/infotext/code/Tonality","/components/infotext/docs/Angular","/components/infotext/docs/HTML","/components/infotext/docs/Migration","/components/infotext/docs/React","/components/infotext/docs/Vue","/components/infotext/how-to-use","/components/infotext/migration","/components/infotext/overview","/components/infotext/properties","/components/input","/components/input/code/Content","/components/input/code/ExampleTypes","/components/input/code/ExampleTypesFloatingLabel","/components/input/code/Requirement","/components/input/code/Semantic","/components/input/code/StatesFloatingLabel","/components/input/code/StatesLabelAbove","/components/input/code/Tonality","/components/input/code/VariantHelperMessage","/components/input/code/VariantLabel","/components/input/docs/Angular","/components/input/docs/HTML","/components/input/docs/Migration","/components/input/docs/React","/components/input/docs/Vue","/components/input/how-to-use","/components/input/migration","/components/input/overview","/components/input/properties","/components/link","/components/link/code/Content","/components/link/code/InteractionStates","/components/link/code/Semantic","/components/link/code/Size","/components/link/code/Tonality","/components/link/docs/Angular","/components/link/docs/HTML","/components/link/docs/Migration","/components/link/docs/React","/components/link/docs/Vue","/components/link/how-to-use","/components/link/migration","/components/link/overview","/components/link/properties","/components/main-navigation","/components/main-navigation/code/Tonality","/components/main-navigation/docs/Angular","/components/main-navigation/docs/HTML","/components/main-navigation/docs/Migration","/components/main-navigation/docs/React","/components/main-navigation/docs/Vue","/components/main-navigation/how-to-use","/components/main-navigation/migration","/components/main-navigation/overview","/components/main-navigation/properties","/components/navigation-item","/components/navigation-item/code/Content","/components/navigation-item/code/InteractionStates","/components/navigation-item/code/Tonality","/components/navigation-item/code/Width","/components/navigation-item/docs/Angular","/components/navigation-item/docs/HTML","/components/navigation-item/docs/Migration","/components/navigation-item/docs/React","/components/navigation-item/docs/Vue","/components/navigation-item/how-to-use","/components/navigation-item/migration","/components/navigation-item/overview","/components/navigation-item/properties","/components/page","/components/page/code/Tonality","/components/page/docs/Angular","/components/page/docs/HTML","/components/page/docs/Migration","/components/page/docs/React","/components/page/docs/Vue","/components/page/how-to-use","/components/page/migration","/components/page/overview","/components/page/properties","/components/popover","/components/popover/code/Animations","/components/popover/code/Gap","/components/popover/code/Placement","/components/popover/code/Spacing","/components/popover/code/Tonality","/components/popover/code/Width","/components/popover/docs/Angular","/components/popover/docs/HTML","/components/popover/docs/Migration","/components/popover/docs/React","/components/popover/docs/Vue","/components/popover/how-to-use","/components/popover/migration","/components/popover/overview","/components/popover/properties","/components/radio","/components/radio/code/Content","/components/radio/code/InteractionStates","/components/radio/code/Requirement","/components/radio/code/Size","/components/radio/code/States","/components/radio/code/Tonality","/components/radio/docs/Angular","/components/radio/docs/HTML","/components/radio/docs/Migration","/components/radio/docs/React","/components/radio/docs/Vue","/components/radio/how-to-use","/components/radio/migration","/components/radio/overview","/components/radio/properties","/components/readme","/components/router-usage","/components/section","/components/section/code/Size","/components/section/code/Tonality","/components/section/code/Variant","/components/section/docs/Angular","/components/section/docs/HTML","/components/section/docs/Migration","/components/section/docs/React","/components/section/docs/Vue","/components/section/how-to-use","/components/section/migration","/components/section/overview","/components/section/properties","/components/select","/components/select/code/Content","/components/select/code/Requirement","/components/select/code/Semantic","/components/select/code/StatesFloatingLabel","/components/select/code/StatesLabelAbove","/components/select/code/Tonality","/components/select/code/VariantHelperMessage","/components/select/code/VariantLabel","/components/select/docs/Angular","/components/select/docs/HTML","/components/select/docs/Migration","/components/select/docs/React","/components/select/docs/Vue","/components/select/how-to-use","/components/select/migration","/components/select/overview","/components/select/properties","/components/tab","/components/tab/code/Behaviour","/components/tab/code/Content","/components/tab/code/ContentAlignmentFullWidth","/components/tab/code/States","/components/tab/code/Tonality","/components/tab/docs/Angular","/components/tab/docs/HTML","/components/tab/docs/Migration","/components/tab/docs/React","/components/tab/docs/Vue","/components/tab/how-to-use","/components/tab/migration","/components/tab/overview","/components/tab/properties","/components/tab-list/docs/Angular","/components/tab-list/docs/HTML","/components/tab-list/docs/Migration","/components/tab-list/docs/React","/components/tab-list/docs/Vue","/components/tab-list/how-to-use","/components/tab-list/migration","/components/tab-list/properties","/components/tab-panel/docs/Angular","/components/tab-panel/docs/HTML","/components/tab-panel/docs/Migration","/components/tab-panel/docs/React","/components/tab-panel/docs/Vue","/components/tab-panel/how-to-use","/components/tab-panel/migration","/components/tab-panel/properties","/components/tabs","/components/tabs/code/Examples","/components/tabs/code/Orientation","/components/tabs/code/Overflow","/components/tabs/code/Tonality","/components/tabs/code/Width","/components/tabs/docs/Angular","/components/tabs/docs/HTML","/components/tabs/docs/Migration","/components/tabs/docs/React","/components/tabs/docs/Vue","/components/tabs/how-to-use","/components/tabs/migration","/components/tabs/overview","/components/tabs/properties","/components/tag","/components/tag/code/Behaviour","/components/tag/code/Content","/components/tag/code/Emphasis","/components/tag/code/Example","/components/tag/code/Overflow","/components/tag/code/State","/components/tag/code/Tonality","/components/tag/code/Variant","/components/tag/docs/Angular","/components/tag/docs/HTML","/components/tag/docs/Migration","/components/tag/docs/React","/components/tag/docs/Vue","/components/tag/how-to-use","/components/tag/migration","/components/tag/overview","/components/tag/properties","/components/textarea","/components/textarea/code/Requirement","/components/textarea/code/Rows","/components/textarea/code/Semantic","/components/textarea/code/StatesFloatingLabel","/components/textarea/code/StatesLabelAbove","/components/textarea/code/Tonality","/components/textarea/code/VariantHelperMessage","/components/textarea/code/VariantLabel","/components/textarea/docs/Angular","/components/textarea/docs/HTML","/components/textarea/docs/Migration","/components/textarea/docs/React","/components/textarea/docs/Vue","/components/textarea/how-to-use","/components/textarea/migration","/components/textarea/overview","/components/textarea/properties","/components/tooltip","/components/tooltip/code/Animations","/components/tooltip/code/Emphasis","/components/tooltip/code/Placement","/components/tooltip/code/Tonality","/components/tooltip/code/Variant","/components/tooltip/code/Width","/components/tooltip/docs/Angular","/components/tooltip/docs/HTML","/components/tooltip/docs/Migration","/components/tooltip/docs/React","/components/tooltip/docs/Vue","/components/tooltip/how-to-use","/components/tooltip/migration","/components/tooltip/overview","/components/tooltip/properties","/foundations/colors/color-schemes","/foundations/colors/overview","/foundations/colors/readme","/foundations/font-sizes/overview","/foundations/font-sizes/readme","/foundations/icons/custom-icons","/foundations/icons/overview","/foundations/icons/readme","/foundations/readme","/foundations/tonalities/examples","/foundations/tonalities/readme","/foundations/variables/examples","/foundations/variables/readme","/iframe"]}}("static/chunks/14863-f4df2cf237127c15.js","static/chunks/49710-e3073ff3ccc96335.js","static/chunks/11803-caf6ff8ce5b1addc.js","static/chunks/94218-5d2d522532490b01.js","static/chunks/75942-74c837e368c31f68.js","static/chunks/24414-6189c93786bff39b.js","static/chunks/35584-7ed35e71aabf12e2.js","static/chunks/42679-809859124132ae87.js","static/chunks/1964-af18252dbad94db1.js","static/chunks/27469-d897e5ab88e719c8.js","static/chunks/59609-bf0631bca31ca3e4.js","static/chunks/78688-a75f2ce3a658d809.js","static/chunks/55763-a91f104a898129f0.js","static/chunks/64861-024fb8f889ea99b0.js","static/chunks/17563-e4c9afba8a70aa7d.js","static/chunks/87417-008d91f06c55107c.js","static/chunks/44882-9a9c4b9246fdf2db.js","static/chunks/9413-d487c7f56bff67c5.js","static/chunks/97795-4d5a291c7287e93f.js","static/chunks/79167-4f73ea46446bddc7.js","static/chunks/17558-61637ca9153b8bad.js","static/chunks/87037-9f15c080e062e17a.js","static/chunks/86412-05cdd0e5906730f6.js","static/chunks/74396-41f78c278350f679.js","static/chunks/7710-284a6107b277baf4.js","static/chunks/10347-ad3f0b9fb9403c02.js","static/chunks/84768-d113d0f5930ce013.js","static/chunks/90413-a9cfbed428e72666.js","static/chunks/24514-43c901c30fb71eac.js","static/chunks/7604-5a887df39bb595c6.js","static/chunks/2226-dc24ae54dc3c7214.js","static/chunks/81581-23ab5ead3abd2323.js","static/chunks/19886-2bb310f4b6edf40c.js","static/chunks/81791-4a9b5f52a8e72bbf.js","static/chunks/95349-3d0e40fd222f56c6.js","static/chunks/34579-da6e734eb1e57a58.js","static/chunks/63441-92fdc17e71a00452.js","static/chunks/72298-12668091d4dbf141.js","static/chunks/23187-bd3db614d43c25e3.js","static/chunks/97757-65e2d9dfad8c6e2d.js","static/chunks/42918-dcece11c2fae954d.js","static/chunks/22165-747aff93fa206105.js","static/chunks/20362-9e147b70eeea59bc.js","static/chunks/49088-1e0dc79a033a399f.js","static/chunks/26677-47a4c3f6ec4bf6b0.js","static/chunks/40284-19f1c667e6a71171.js","static/chunks/6458-bff68bb13873cf60.js","static/chunks/55693-144592d4dd70c64a.js","static/chunks/95452-e714c9f508f7d53d.js","static/chunks/50988-5f999a80f46191e1.js","static/chunks/79906-bb3e49949678e297.js","static/chunks/48834-c827d6909fe9d35a.js","static/chunks/81228-85fcb2d5a98045af.js","static/chunks/1047-2e933d592bc7bd90.js","static/chunks/93085-1db05321855e4427.js","static/chunks/46752-b73ea5105c5c32ee.js","static/chunks/45979-32716f8b5f60348f.js","static/chunks/71940-475b2bcf317441f7.js","static/chunks/68006-ba5cccb4ce58520c.js","static/chunks/92408-7e79616af3e00266.js","static/chunks/80269-829a1b356ea6fe11.js","static/chunks/96734-7c3beaa20d981bc5.js","static/chunks/2177-67c5397641cc2483.js","static/chunks/83175-974db8e1ac1478e7.js","static/chunks/71581-f21d9f8b1cc48dfd.js","static/chunks/94274-550a2d6be4434fc9.js","static/chunks/77526-b0bb23b47d409274.js","static/chunks/86747-a7ea53c7fa4a8c17.js","static/chunks/16288-8f39562497331e02.js","static/chunks/37580-a2a923f32e8c4328.js","static/chunks/96029-22bbfa844fd9efb1.js","static/chunks/41957-c68c5cf78addcc70.js","static/chunks/28955-bb6566a1150ceffd.js","static/chunks/88478-4f82945ba9117d57.js","static/chunks/5014-f81e8dfe9b65a03c.js","static/chunks/54817-ac11b3e74908f04e.js","static/chunks/23803-3b32f62a747bfc39.js","static/chunks/27752-913a8fab86b94bba.js","static/chunks/82991-509b5a31b5d8cc68.js"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB(); \ No newline at end of file +self.__BUILD_MANIFEST=function(o,e,n,s,c,t,a,p,i,d,m,r,u,g,b,h,f,k,l,j,v,w,M,T,x,V,L,A,R,S,H,y,C,z,E,B,I,F,_,q,W,P,O,D,G,N,U,J,K,Q,X,Y,Z,$,oo,oe,on,os,oc,ot,oa,op,oi,od,om,or,ou,og,ob,oh,of,ok,ol,oj,ov,ow,oM,oT,ox){return{__rewrites:{afterFiles:[],beforeFiles:[],fallback:[]},"/":[e,n,"static/chunks/pages/index-90db625455c1791c.js"],"/404":["static/chunks/pages/404-9f2937cbcf5b4059.js"],"/_error":["static/chunks/pages/_error-e5cf24d4066ff2f8.js"],"/base64":[Y,"static/chunks/pages/base64-b7f582041a92d59d.js"],"/components/accordion":[e,o,n,s,c,Z,"static/chunks/pages/components/accordion-cb30d5dcd26b3cc7.js"],"/components/accordion/code/Behaviour":[o,"static/chunks/pages/components/accordion/code/Behaviour-d51baf21abbb7fad.js"],"/components/accordion/code/Tonality":[o,c,"static/chunks/pages/components/accordion/code/Tonality-b6642a569750f917.js"],"/components/accordion/code/Variant":[o,"static/chunks/pages/components/accordion/code/Variant-320f8ea6efadfda9.js"],"/components/accordion/docs/Angular":["static/chunks/pages/components/accordion/docs/Angular-f694b720959ce422.js"],"/components/accordion/docs/HTML":["static/chunks/pages/components/accordion/docs/HTML-20fe8be067c27fc4.js"],"/components/accordion/docs/Migration":["static/chunks/pages/components/accordion/docs/Migration-ebd2f8240ffa67b1.js"],"/components/accordion/docs/React":["static/chunks/pages/components/accordion/docs/React-760557676b7fb986.js"],"/components/accordion/docs/Vue":["static/chunks/pages/components/accordion/docs/Vue-4598196eae5368af.js"],"/components/accordion/how-to-use":[e,n,"static/chunks/pages/components/accordion/how-to-use-d94bb3429fefb63e.js"],"/components/accordion/migration":[e,n,"static/chunks/pages/components/accordion/migration-00aee6957b63ed79.js"],"/components/accordion/overview":[e,o,n,s,c,Z,"static/chunks/pages/components/accordion/overview-a145251b4d6cd10c.js"],"/components/accordion/properties":[e,n,"static/chunks/pages/components/accordion/properties-5bfee5dc924905dc.js"],"/components/accordion-item":[e,o,n,s,"static/chunks/pages/components/accordion-item-332d086db31c0197.js"],"/components/accordion-item/code/ContentStates":[o,"static/chunks/pages/components/accordion-item/code/ContentStates-820b17a149a09f41.js"],"/components/accordion-item/code/InteractionStates":[o,"static/chunks/pages/components/accordion-item/code/InteractionStates-a86e3278f0a7e80f.js"],"/components/accordion-item/code/Tonality":[o,"static/chunks/pages/components/accordion-item/code/Tonality-e635b1cb38324618.js"],"/components/accordion-item/docs/Angular":["static/chunks/pages/components/accordion-item/docs/Angular-65488da332f1526a.js"],"/components/accordion-item/docs/HTML":["static/chunks/pages/components/accordion-item/docs/HTML-6ad46184212dcb71.js"],"/components/accordion-item/docs/Migration":["static/chunks/pages/components/accordion-item/docs/Migration-a64135b3ae827eec.js"],"/components/accordion-item/docs/React":["static/chunks/pages/components/accordion-item/docs/React-b3343d8366a28891.js"],"/components/accordion-item/docs/Vue":["static/chunks/pages/components/accordion-item/docs/Vue-7641a29498ebe640.js"],"/components/accordion-item/how-to-use":[e,n,"static/chunks/pages/components/accordion-item/how-to-use-96ebf800ca32eace.js"],"/components/accordion-item/migration":[e,n,"static/chunks/pages/components/accordion-item/migration-09f1520eebc1a39c.js"],"/components/accordion-item/overview":[e,o,n,s,"static/chunks/pages/components/accordion-item/overview-4468cbde4a71833b.js"],"/components/accordion-item/properties":[e,n,"static/chunks/pages/components/accordion-item/properties-7b3cb4e3dd013ed4.js"],"/components/alert":[e,o,n,t,a,p,$,"static/chunks/pages/components/alert-81c6c783eb96d235.js"],"/components/alert/code/Behaviour":[o,"static/chunks/pages/components/alert/code/Behaviour-bf0a99a99e40d304.js"],"/components/alert/code/Content":[o,a,"static/chunks/pages/components/alert/code/Content-8e99517332808d93.js"],"/components/alert/code/Tonality":[o,p,"static/chunks/pages/components/alert/code/Tonality-ab83deb50367c3ed.js"],"/components/alert/code/Type":[o,"static/chunks/pages/components/alert/code/Type-30bf6a2ea2227c2d.js"],"/components/alert/code/Variant":[o,t,"static/chunks/pages/components/alert/code/Variant-9088e64ef367d1f0.js"],"/components/alert/docs/Angular":["static/chunks/pages/components/alert/docs/Angular-43d7ed93c1610f08.js"],"/components/alert/docs/HTML":["static/chunks/pages/components/alert/docs/HTML-3dc5412302b54ba7.js"],"/components/alert/docs/Migration":["static/chunks/pages/components/alert/docs/Migration-0eaac974895e2138.js"],"/components/alert/docs/React":["static/chunks/pages/components/alert/docs/React-35cce3eb194eede0.js"],"/components/alert/docs/Vue":["static/chunks/pages/components/alert/docs/Vue-6179c218d806ad23.js"],"/components/alert/how-to-use":[e,n,"static/chunks/pages/components/alert/how-to-use-4df9b71edd2a48f1.js"],"/components/alert/migration":[e,n,"static/chunks/pages/components/alert/migration-94adb51054e0fa76.js"],"/components/alert/overview":[e,o,n,t,a,p,$,"static/chunks/pages/components/alert/overview-db993955795138e8.js"],"/components/alert/properties":[e,n,"static/chunks/pages/components/alert/properties-af26b3add3bc9a19.js"],"/components/badge":[e,o,n,i,d,m,oo,"static/chunks/pages/components/badge-ba7e4e8bf5c39ac2.js"],"/components/badge/code/Content":[o,m,"static/chunks/pages/components/badge/code/Content-3401bc4e2a9f9c26.js"],"/components/badge/code/Emphasis":[o,"static/chunks/pages/components/badge/code/Emphasis-f457220cfa495c35.js"],"/components/badge/code/Examples":[o,"static/chunks/pages/components/badge/code/Examples-ae806837dde3d8e7.js"],"/components/badge/code/Placement":[o,d,"static/chunks/pages/components/badge/code/Placement-3f763b844c74d2ce.js"],"/components/badge/code/Semantic":[o,i,"static/chunks/pages/components/badge/code/Semantic-1a52d927b7e24708.js"],"/components/badge/code/Size":[o,"static/chunks/pages/components/badge/code/Size-13928fc433944bd4.js"],"/components/badge/code/Tonality":[o,"static/chunks/pages/components/badge/code/Tonality-cfa8d753c8fbda8f.js"],"/components/badge/docs/Angular":["static/chunks/pages/components/badge/docs/Angular-af45cdc5b118c728.js"],"/components/badge/docs/HTML":["static/chunks/pages/components/badge/docs/HTML-402d67949eab8068.js"],"/components/badge/docs/Migration":["static/chunks/pages/components/badge/docs/Migration-38308ed3cd436aad.js"],"/components/badge/docs/React":["static/chunks/pages/components/badge/docs/React-ae8e47b108795b04.js"],"/components/badge/docs/Vue":["static/chunks/pages/components/badge/docs/Vue-9ffc6930cba3c026.js"],"/components/badge/how-to-use":[e,n,"static/chunks/pages/components/badge/how-to-use-de634d79de287c2f.js"],"/components/badge/migration":[e,n,"static/chunks/pages/components/badge/migration-94c78f5cc356d37c.js"],"/components/badge/overview":[e,o,n,i,d,m,oo,"static/chunks/pages/components/badge/overview-d7250a64b78f81d4.js"],"/components/badge/properties":[e,n,"static/chunks/pages/components/badge/properties-4670a7a5d39632bb.js"],"/components/brand":[e,o,n,oe,"static/chunks/pages/components/brand-66835d6a727a73d3.js"],"/components/brand/code/Tonality":[o,"static/chunks/pages/components/brand/code/Tonality-799e7f0dcec64617.js"],"/components/brand/docs/Angular":["static/chunks/pages/components/brand/docs/Angular-9fc8cf064ebb2b9d.js"],"/components/brand/docs/HTML":["static/chunks/pages/components/brand/docs/HTML-894adc2378f4da38.js"],"/components/brand/docs/React":["static/chunks/pages/components/brand/docs/React-7febe8076559bbd0.js"],"/components/brand/docs/Vue":["static/chunks/pages/components/brand/docs/Vue-b75dcc1855bbc2dd.js"],"/components/brand/how-to-use":[e,n,"static/chunks/pages/components/brand/how-to-use-dc95cbb0dff391c3.js"],"/components/brand/migration":[e,n,"static/chunks/pages/components/brand/migration-9e86882ccc141d80.js"],"/components/brand/overview":[e,o,n,oe,"static/chunks/pages/components/brand/overview-7cff508d9d8725ba.js"],"/components/brand/properties":[e,n,"static/chunks/pages/components/brand/properties-55cd558af600b367.js"],"/components/button":[e,o,n,r,on,"static/chunks/pages/components/button-752d753cdb55a209.js"],"/components/button/code/Behaviour":[o,"static/chunks/pages/components/button/code/Behaviour-8b44eb237b16cdc8.js"],"/components/button/code/Content":[o,"static/chunks/pages/components/button/code/Content-bfe280d903156a63.js"],"/components/button/code/Size":[o,"static/chunks/pages/components/button/code/Size-ae1c0a96c8e96538.js"],"/components/button/code/State":[o,"static/chunks/pages/components/button/code/State-89412aa92e172f1e.js"],"/components/button/code/Tonality":[o,"static/chunks/pages/components/button/code/Tonality-f5830e8f0b5d0541.js"],"/components/button/code/Variant":[o,r,"static/chunks/pages/components/button/code/Variant-f5cf55ced11f6891.js"],"/components/button/docs/Angular":["static/chunks/pages/components/button/docs/Angular-9eb8d811de0cbf04.js"],"/components/button/docs/HTML":["static/chunks/pages/components/button/docs/HTML-4a97807ece6669e9.js"],"/components/button/docs/Migration":[os,"static/chunks/pages/components/button/docs/Migration-c3e32206e04fd7ad.js"],"/components/button/docs/React":["static/chunks/pages/components/button/docs/React-4baedb3dfd733c98.js"],"/components/button/docs/Vue":["static/chunks/pages/components/button/docs/Vue-05d62c6d50da3322.js"],"/components/button/how-to-use":[e,n,"static/chunks/pages/components/button/how-to-use-451a677e85cfb09b.js"],"/components/button/migration":[e,n,os,"static/chunks/pages/components/button/migration-f6dcd632bed2d3b6.js"],"/components/button/overview":[e,o,n,r,on,"static/chunks/pages/components/button/overview-4d184b5a0c1200d1.js"],"/components/button/properties":[e,n,"static/chunks/pages/components/button/properties-0bdfa6ffbd2308ea.js"],"/components/card":[e,o,n,u,oc,"static/chunks/pages/components/card-42b94f12c5050c7a.js"],"/components/card/code/Colorvariant":[o,u,"static/chunks/pages/components/card/code/Colorvariant-916e4774a3bd1c45.js"],"/components/card/code/Spacing":[o,"static/chunks/pages/components/card/code/Spacing-df2661412f584512.js"],"/components/card/code/Tonality":[o,"static/chunks/pages/components/card/code/Tonality-056a38d153a4bd70.js"],"/components/card/code/Variant":[o,"static/chunks/pages/components/card/code/Variant-29b0feb2a376c222.js"],"/components/card/docs/Angular":["static/chunks/pages/components/card/docs/Angular-558f2f9d383f867e.js"],"/components/card/docs/HTML":["static/chunks/pages/components/card/docs/HTML-eaf34f731ecae08a.js"],"/components/card/docs/Migration":["static/chunks/pages/components/card/docs/Migration-346c2e9c25a5c717.js"],"/components/card/docs/React":["static/chunks/pages/components/card/docs/React-9ce19c239444f4b5.js"],"/components/card/docs/Vue":["static/chunks/pages/components/card/docs/Vue-f2c1b216d3ebb00b.js"],"/components/card/how-to-use":[e,n,"static/chunks/pages/components/card/how-to-use-17417dcc5e3f601f.js"],"/components/card/migration":[e,n,"static/chunks/pages/components/card/migration-c6a7dd89cf011a6a.js"],"/components/card/overview":[e,o,n,u,oc,"static/chunks/pages/components/card/overview-e95636f54750f6d1.js"],"/components/card/properties":[e,n,"static/chunks/pages/components/card/properties-ac2bdc5965d277f8.js"],"/components/checkbox":[e,o,n,g,ot,"static/chunks/pages/components/checkbox-a6f81bcd554163f0.js"],"/components/checkbox/code/Content":[o,"static/chunks/pages/components/checkbox/code/Content-d1b9bf49a5a2db9b.js"],"/components/checkbox/code/InteractionStates":[o,"static/chunks/pages/components/checkbox/code/InteractionStates-b9bdb998a1f25b16.js"],"/components/checkbox/code/Requirement":[o,"static/chunks/pages/components/checkbox/code/Requirement-c5efea26fe3e1a29.js"],"/components/checkbox/code/Size":[o,"static/chunks/pages/components/checkbox/code/Size-c1e9df9f6ea926bc.js"],"/components/checkbox/code/States":[o,g,"static/chunks/pages/components/checkbox/code/States-2b36b233b97a43ff.js"],"/components/checkbox/code/Tonality":[o,"static/chunks/pages/components/checkbox/code/Tonality-b570f5cdf05a05c1.js"],"/components/checkbox/docs/Angular":["static/chunks/pages/components/checkbox/docs/Angular-0cd3fa607ef99835.js"],"/components/checkbox/docs/HTML":["static/chunks/pages/components/checkbox/docs/HTML-75abcca331c552fe.js"],"/components/checkbox/docs/Migration":["static/chunks/pages/components/checkbox/docs/Migration-c1b252b5d9c1eaa7.js"],"/components/checkbox/docs/React":["static/chunks/pages/components/checkbox/docs/React-526d05c69c782809.js"],"/components/checkbox/docs/Vue":["static/chunks/pages/components/checkbox/docs/Vue-c04178a18f923111.js"],"/components/checkbox/how-to-use":[e,n,"static/chunks/pages/components/checkbox/how-to-use-2fade39990f9560f.js"],"/components/checkbox/migration":[e,n,"static/chunks/pages/components/checkbox/migration-53593dca532b0608.js"],"/components/checkbox/overview":[e,o,n,g,ot,"static/chunks/pages/components/checkbox/overview-482d449588a16983.js"],"/components/checkbox/properties":[e,n,"static/chunks/pages/components/checkbox/properties-e74eac0a080bc94c.js"],"/components/divider":[e,o,n,oa,"static/chunks/pages/components/divider-1320f5ba334e462b.js"],"/components/divider/code/Emphasis":[o,"static/chunks/pages/components/divider/code/Emphasis-0e02896ff32f2fc4.js"],"/components/divider/code/Tonality":[o,"static/chunks/pages/components/divider/code/Tonality-f5cbd9ad6c4509ba.js"],"/components/divider/code/Variant":[o,"static/chunks/pages/components/divider/code/Variant-e847259007117741.js"],"/components/divider/docs/Angular":["static/chunks/pages/components/divider/docs/Angular-0729ded645daf460.js"],"/components/divider/docs/HTML":["static/chunks/pages/components/divider/docs/HTML-a05f1dae8de773fa.js"],"/components/divider/docs/Migration":["static/chunks/pages/components/divider/docs/Migration-780b04c134ad4b5e.js"],"/components/divider/docs/React":["static/chunks/pages/components/divider/docs/React-f9d81c51f8f4ddba.js"],"/components/divider/docs/Vue":["static/chunks/pages/components/divider/docs/Vue-78047658003c550e.js"],"/components/divider/how-to-use":[e,n,"static/chunks/pages/components/divider/how-to-use-a66051ffc711cf6c.js"],"/components/divider/migration":[e,n,"static/chunks/pages/components/divider/migration-19a466a021b6ef01.js"],"/components/divider/overview":[e,o,n,oa,"static/chunks/pages/components/divider/overview-92895bd67b366c54.js"],"/components/divider/properties":[e,n,"static/chunks/pages/components/divider/properties-6df9f4ce96fb6990.js"],"/components/drawer":[e,o,n,b,h,f,k,op,"static/chunks/pages/components/drawer-eb0cab3381ac0319.js"],"/components/drawer/code/Backdrop":[o,f,"static/chunks/pages/components/drawer/code/Backdrop-269f1da6ce86d17f.js"],"/components/drawer/code/Directions":[o,h,"static/chunks/pages/components/drawer/code/Directions-4017a943c40a5418.js"],"/components/drawer/code/Rounded":[o,"static/chunks/pages/components/drawer/code/Rounded-9feb8d504a453d7c.js"],"/components/drawer/code/Size":[o,"static/chunks/pages/components/drawer/code/Size-9b09e3e0b0e9eb81.js"],"/components/drawer/code/Spacing":[o,b,"static/chunks/pages/components/drawer/code/Spacing-d1e758d4c26e4305.js"],"/components/drawer/code/Tonality":[o,k,"static/chunks/pages/components/drawer/code/Tonality-847029a227d2e68a.js"],"/components/drawer/docs/Angular":["static/chunks/pages/components/drawer/docs/Angular-87b7c373680d67db.js"],"/components/drawer/docs/HTML":["static/chunks/pages/components/drawer/docs/HTML-1942a9c8699e4867.js"],"/components/drawer/docs/Migration":["static/chunks/pages/components/drawer/docs/Migration-fb4d3545efced4ff.js"],"/components/drawer/docs/React":["static/chunks/pages/components/drawer/docs/React-dbc5a37febda7c62.js"],"/components/drawer/docs/Vue":["static/chunks/pages/components/drawer/docs/Vue-5fb8835f6a8f6634.js"],"/components/drawer/how-to-use":[e,n,"static/chunks/pages/components/drawer/how-to-use-6d6aac05e40c044b.js"],"/components/drawer/migration":[e,n,"static/chunks/pages/components/drawer/migration-83f4992ad996b943.js"],"/components/drawer/overview":[e,o,n,b,h,f,k,op,"static/chunks/pages/components/drawer/overview-854bfe3748abbfc3.js"],"/components/drawer/properties":[e,n,"static/chunks/pages/components/drawer/properties-e8a944aaa6b655c0.js"],"/components/header":[e,o,n,l,j,oi,"static/chunks/pages/components/header-215c9a7741277160.js"],"/components/header/code/Behaviour":[o,j,"static/chunks/pages/components/header/code/Behaviour-161185f3b92b10b6.js"],"/components/header/code/Tonality":[o,l,"static/chunks/pages/components/header/code/Tonality-63475eaa2fb19eba.js"],"/components/header/docs/Angular":["static/chunks/pages/components/header/docs/Angular-2be2a78409282936.js"],"/components/header/docs/HTML":["static/chunks/pages/components/header/docs/HTML-1e32b3f4656a8f65.js"],"/components/header/docs/Migration":["static/chunks/pages/components/header/docs/Migration-506d7317166778f2.js"],"/components/header/docs/React":["static/chunks/pages/components/header/docs/React-6ddef7dd78bcb5c0.js"],"/components/header/docs/Vue":["static/chunks/pages/components/header/docs/Vue-e048d307600e1f0f.js"],"/components/header/how-to-use":[e,n,"static/chunks/pages/components/header/how-to-use-585fdfa22ef44528.js"],"/components/header/migration":[e,n,"static/chunks/pages/components/header/migration-a01654164469d553.js"],"/components/header/overview":[e,o,n,l,j,oi,"static/chunks/pages/components/header/overview-2eb36c91f99f044a.js"],"/components/header/properties":[e,n,"static/chunks/pages/components/header/properties-36b1913642a65cdb.js"],"/components/icon":[e,o,n,od,"static/chunks/pages/components/icon-ebd54c155906f533.js"],"/components/icon/code/Tonality":[o,"static/chunks/pages/components/icon/code/Tonality-f526b4b0e0c67f4e.js"],"/components/icon/docs/Angular":["static/chunks/pages/components/icon/docs/Angular-7ec6a4f9da1bcd65.js"],"/components/icon/docs/HTML":["static/chunks/pages/components/icon/docs/HTML-84ea008b64fc8010.js"],"/components/icon/docs/Migration":["static/chunks/pages/components/icon/docs/Migration-9d6f3e76392c7116.js"],"/components/icon/docs/React":["static/chunks/pages/components/icon/docs/React-215c3a7b973ff7c2.js"],"/components/icon/docs/Vue":["static/chunks/pages/components/icon/docs/Vue-4983af81d0cc8304.js"],"/components/icon/how-to-use":[e,n,"static/chunks/pages/components/icon/how-to-use-9acc2657db53c4ba.js"],"/components/icon/migration":[e,n,"static/chunks/pages/components/icon/migration-985c2d81f9b94d79.js"],"/components/icon/overview":[e,o,n,od,"static/chunks/pages/components/icon/overview-f78d31a23fffeade.js"],"/components/icon/properties":[e,n,"static/chunks/pages/components/icon/properties-07c89e8e5e1a9656.js"],"/components/infotext":[e,o,n,v,om,"static/chunks/pages/components/infotext-8915dda6f3e778b1.js"],"/components/infotext/code/Semantic":[o,v,"static/chunks/pages/components/infotext/code/Semantic-c31bbbed6815b30e.js"],"/components/infotext/code/Size":[o,"static/chunks/pages/components/infotext/code/Size-e5d41759dd542ade.js"],"/components/infotext/code/Tonality":[o,"static/chunks/pages/components/infotext/code/Tonality-208e53a6f6aebea9.js"],"/components/infotext/docs/Angular":["static/chunks/pages/components/infotext/docs/Angular-82e0508c7521d559.js"],"/components/infotext/docs/HTML":["static/chunks/pages/components/infotext/docs/HTML-0f3572412657e262.js"],"/components/infotext/docs/Migration":["static/chunks/pages/components/infotext/docs/Migration-4659ea76f2f1b97e.js"],"/components/infotext/docs/React":["static/chunks/pages/components/infotext/docs/React-9c58faee3b791956.js"],"/components/infotext/docs/Vue":["static/chunks/pages/components/infotext/docs/Vue-cf85cc42b5568693.js"],"/components/infotext/how-to-use":[e,n,"static/chunks/pages/components/infotext/how-to-use-5ce79d3f91a385c9.js"],"/components/infotext/migration":[e,n,"static/chunks/pages/components/infotext/migration-e50eda67dfc629a8.js"],"/components/infotext/overview":[e,o,n,v,om,"static/chunks/pages/components/infotext/overview-2841421476ecda4a.js"],"/components/infotext/properties":[e,n,"static/chunks/pages/components/infotext/properties-78dfb39cc5b680a9.js"],"/components/input":[e,o,n,w,M,T,x,V,L,or,"static/chunks/pages/components/input-31b9c3dd07ae588a.js"],"/components/input/code/Content":[o,L,"static/chunks/pages/components/input/code/Content-5a7b789a5cadf4e6.js"],"/components/input/code/ExampleTypes":[o,M,"static/chunks/pages/components/input/code/ExampleTypes-96afc2d96c32e7e0.js"],"/components/input/code/ExampleTypesFloatingLabel":[o,w,"static/chunks/pages/components/input/code/ExampleTypesFloatingLabel-ac3b4a4c34d6c1c6.js"],"/components/input/code/Requirement":[o,"static/chunks/pages/components/input/code/Requirement-2917bce0a456192e.js"],"/components/input/code/Semantic":[o,V,"static/chunks/pages/components/input/code/Semantic-d41e228cf1f01b3e.js"],"/components/input/code/StatesFloatingLabel":[o,T,"static/chunks/pages/components/input/code/StatesFloatingLabel-3a0fd283e3a761a5.js"],"/components/input/code/StatesLabelAbove":[o,x,"static/chunks/pages/components/input/code/StatesLabelAbove-7e64ae3e89ebda73.js"],"/components/input/code/Tonality":[o,"static/chunks/pages/components/input/code/Tonality-0eda14f07a7acb46.js"],"/components/input/code/VariantHelperMessage":[o,"static/chunks/pages/components/input/code/VariantHelperMessage-209f5514e9c9127a.js"],"/components/input/code/VariantLabel":[o,"static/chunks/pages/components/input/code/VariantLabel-0862226b522ce203.js"],"/components/input/docs/Angular":["static/chunks/pages/components/input/docs/Angular-72828d4e713a34d9.js"],"/components/input/docs/HTML":["static/chunks/pages/components/input/docs/HTML-e51635d9e15b7679.js"],"/components/input/docs/Migration":["static/chunks/pages/components/input/docs/Migration-3b47a5a3b8d6249b.js"],"/components/input/docs/React":["static/chunks/pages/components/input/docs/React-1fba57b0bedb4140.js"],"/components/input/docs/Vue":["static/chunks/pages/components/input/docs/Vue-b87ef7d3f92ffe1d.js"],"/components/input/how-to-use":[e,n,"static/chunks/pages/components/input/how-to-use-2f6a8d520259bf34.js"],"/components/input/migration":[e,n,"static/chunks/pages/components/input/migration-e9dfda5f1fd819c4.js"],"/components/input/overview":[e,o,n,w,M,T,x,V,L,or,"static/chunks/pages/components/input/overview-5b02d0e1ee06b475.js"],"/components/input/properties":[e,n,"static/chunks/pages/components/input/properties-e993b75d0ec15842.js"],"/components/link":[e,o,n,ou,"static/chunks/pages/components/link-142f1f4ae4fad607.js"],"/components/link/code/Content":[o,"static/chunks/pages/components/link/code/Content-2ec18871b6957f06.js"],"/components/link/code/InteractionStates":[o,"static/chunks/pages/components/link/code/InteractionStates-0898b42a96a97466.js"],"/components/link/code/Semantic":[o,"static/chunks/pages/components/link/code/Semantic-1cb55f0a986a79bc.js"],"/components/link/code/Size":[o,"static/chunks/pages/components/link/code/Size-91512af8aaea76a8.js"],"/components/link/code/Tonality":[o,"static/chunks/pages/components/link/code/Tonality-76867352b2fea941.js"],"/components/link/docs/Angular":["static/chunks/pages/components/link/docs/Angular-ac89aa8e5f133297.js"],"/components/link/docs/HTML":["static/chunks/pages/components/link/docs/HTML-c633804a4d5c6884.js"],"/components/link/docs/Migration":["static/chunks/pages/components/link/docs/Migration-06950c36e1c45f07.js"],"/components/link/docs/React":["static/chunks/pages/components/link/docs/React-b453daca1de21a6b.js"],"/components/link/docs/Vue":["static/chunks/pages/components/link/docs/Vue-cc9b6ce6b8cf2865.js"],"/components/link/how-to-use":[e,n,"static/chunks/pages/components/link/how-to-use-6e31330413ebf509.js"],"/components/link/migration":[e,n,"static/chunks/pages/components/link/migration-ad496c0f9771c321.js"],"/components/link/overview":[e,o,n,ou,"static/chunks/pages/components/link/overview-b0c782329a53cff3.js"],"/components/link/properties":[e,n,"static/chunks/pages/components/link/properties-589e37f78078e90e.js"],"/components/main-navigation":[e,o,n,A,og,"static/chunks/pages/components/main-navigation-e41508c6a222bc70.js"],"/components/main-navigation/code/Tonality":[o,A,"static/chunks/pages/components/main-navigation/code/Tonality-adef80902f76b722.js"],"/components/main-navigation/docs/Angular":["static/chunks/pages/components/main-navigation/docs/Angular-8caf35d3f6c1b55e.js"],"/components/main-navigation/docs/HTML":["static/chunks/pages/components/main-navigation/docs/HTML-479efae4a31a1461.js"],"/components/main-navigation/docs/Migration":["static/chunks/pages/components/main-navigation/docs/Migration-54e536b4b5166dd1.js"],"/components/main-navigation/docs/React":["static/chunks/pages/components/main-navigation/docs/React-de9c7c34d176ce95.js"],"/components/main-navigation/docs/Vue":["static/chunks/pages/components/main-navigation/docs/Vue-790a0050148a0dbc.js"],"/components/main-navigation/how-to-use":[e,n,"static/chunks/pages/components/main-navigation/how-to-use-78bdb4a1af545255.js"],"/components/main-navigation/migration":[e,n,"static/chunks/pages/components/main-navigation/migration-fa635e5ce7ac31e9.js"],"/components/main-navigation/overview":[e,o,n,A,og,"static/chunks/pages/components/main-navigation/overview-2e9de85c7dfd7025.js"],"/components/main-navigation/properties":[e,n,"static/chunks/pages/components/main-navigation/properties-f1954eb43321cf98.js"],"/components/navigation-item":[e,o,n,R,ob,"static/chunks/pages/components/navigation-item-4264e33bbb07339d.js"],"/components/navigation-item/code/Content":[o,R,"static/chunks/pages/components/navigation-item/code/Content-38d44a9b6da7edc9.js"],"/components/navigation-item/code/InteractionStates":[o,"static/chunks/pages/components/navigation-item/code/InteractionStates-4e15308b3dacd780.js"],"/components/navigation-item/code/Tonality":[o,"static/chunks/pages/components/navigation-item/code/Tonality-cdb5569a2f3baac9.js"],"/components/navigation-item/code/Width":[o,"static/chunks/pages/components/navigation-item/code/Width-c8722f9f3d6e27e9.js"],"/components/navigation-item/docs/Angular":["static/chunks/pages/components/navigation-item/docs/Angular-d7dc1e6b12e8ee5b.js"],"/components/navigation-item/docs/HTML":["static/chunks/pages/components/navigation-item/docs/HTML-eb3ae7ad29dab828.js"],"/components/navigation-item/docs/Migration":["static/chunks/pages/components/navigation-item/docs/Migration-49f625757e973380.js"],"/components/navigation-item/docs/React":["static/chunks/pages/components/navigation-item/docs/React-a91349e6aaf335cd.js"],"/components/navigation-item/docs/Vue":["static/chunks/pages/components/navigation-item/docs/Vue-ee85fe78d3b40131.js"],"/components/navigation-item/how-to-use":[e,n,"static/chunks/pages/components/navigation-item/how-to-use-e26d9b7724e790b9.js"],"/components/navigation-item/migration":[e,n,"static/chunks/pages/components/navigation-item/migration-df50c9eb6a5a02b4.js"],"/components/navigation-item/overview":[e,o,n,R,ob,"static/chunks/pages/components/navigation-item/overview-173435e3b31f2145.js"],"/components/navigation-item/properties":[e,n,"static/chunks/pages/components/navigation-item/properties-758b73f91e5743ca.js"],"/components/page":[e,o,n,oh,"static/chunks/pages/components/page-86d6226ef2d55a30.js"],"/components/page/code/Tonality":[o,"static/chunks/pages/components/page/code/Tonality-70f23967dcea9019.js"],"/components/page/docs/Angular":["static/chunks/pages/components/page/docs/Angular-b3304712b6087533.js"],"/components/page/docs/HTML":["static/chunks/pages/components/page/docs/HTML-c7ac4c84ebad9ca6.js"],"/components/page/docs/Migration":["static/chunks/pages/components/page/docs/Migration-dc70d55f8717e44b.js"],"/components/page/docs/React":["static/chunks/pages/components/page/docs/React-1cc48c265eba16a7.js"],"/components/page/docs/Vue":["static/chunks/pages/components/page/docs/Vue-a92651521325bdd3.js"],"/components/page/how-to-use":[e,n,"static/chunks/pages/components/page/how-to-use-ef2f4f1f12b3d5f5.js"],"/components/page/migration":[e,n,"static/chunks/pages/components/page/migration-eb7cb5e364a48531.js"],"/components/page/overview":[e,o,n,oh,"static/chunks/pages/components/page/overview-b1beff512b158033.js"],"/components/page/properties":[e,n,"static/chunks/pages/components/page/properties-b744a0306c83a37d.js"],"/components/popover":[e,o,n,S,H,of,"static/chunks/pages/components/popover-60acea8b547bac91.js"],"/components/popover/code/Animations":[o,H,"static/chunks/pages/components/popover/code/Animations-4f2d9dcc6957d4d2.js"],"/components/popover/code/Gap":[o,"static/chunks/pages/components/popover/code/Gap-6a13b2b30b5769bf.js"],"/components/popover/code/Placement":[o,S,"static/chunks/pages/components/popover/code/Placement-57300e6db6244414.js"],"/components/popover/code/Spacing":[o,"static/chunks/pages/components/popover/code/Spacing-98aeb92690989986.js"],"/components/popover/code/Tonality":[o,"static/chunks/pages/components/popover/code/Tonality-571021ace8146164.js"],"/components/popover/code/Width":[o,"static/chunks/pages/components/popover/code/Width-1aed751f9b85c9df.js"],"/components/popover/docs/Angular":["static/chunks/pages/components/popover/docs/Angular-a8e4c477721827ce.js"],"/components/popover/docs/HTML":["static/chunks/pages/components/popover/docs/HTML-3a010add83fb4122.js"],"/components/popover/docs/Migration":["static/chunks/pages/components/popover/docs/Migration-ed4f9fca1548b211.js"],"/components/popover/docs/React":["static/chunks/pages/components/popover/docs/React-51e161fc82964269.js"],"/components/popover/docs/Vue":["static/chunks/pages/components/popover/docs/Vue-c452da4058d65d78.js"],"/components/popover/how-to-use":[e,n,"static/chunks/pages/components/popover/how-to-use-886d766b689c303f.js"],"/components/popover/migration":[e,n,"static/chunks/pages/components/popover/migration-41da1275b93d9cc5.js"],"/components/popover/overview":[e,o,n,S,H,of,"static/chunks/pages/components/popover/overview-8e58ee63db29d36d.js"],"/components/popover/properties":[e,n,"static/chunks/pages/components/popover/properties-5604bd1f25d289d5.js"],"/components/radio":[e,o,n,y,ok,"static/chunks/pages/components/radio-caeed1da8162f017.js"],"/components/radio/code/Content":[o,"static/chunks/pages/components/radio/code/Content-dd2d156ff29c590b.js"],"/components/radio/code/InteractionStates":[o,"static/chunks/pages/components/radio/code/InteractionStates-61ee99d2416d1be8.js"],"/components/radio/code/Requirement":[o,"static/chunks/pages/components/radio/code/Requirement-9316668bee5ff2d3.js"],"/components/radio/code/Size":[o,"static/chunks/pages/components/radio/code/Size-ca156ba340a7e292.js"],"/components/radio/code/States":[o,y,"static/chunks/pages/components/radio/code/States-c4496635fa9434bb.js"],"/components/radio/code/Tonality":[o,"static/chunks/pages/components/radio/code/Tonality-bc4dc6aa1561a9f0.js"],"/components/radio/docs/Angular":["static/chunks/pages/components/radio/docs/Angular-6f33f2325331947f.js"],"/components/radio/docs/HTML":["static/chunks/pages/components/radio/docs/HTML-6efe2abe3fe82751.js"],"/components/radio/docs/Migration":["static/chunks/pages/components/radio/docs/Migration-0526ef276ff76442.js"],"/components/radio/docs/React":["static/chunks/pages/components/radio/docs/React-02286d448a6d71ee.js"],"/components/radio/docs/Vue":["static/chunks/pages/components/radio/docs/Vue-d42dd40c9e4d0042.js"],"/components/radio/how-to-use":[e,n,"static/chunks/pages/components/radio/how-to-use-073b1c347bdf3faf.js"],"/components/radio/migration":[e,n,"static/chunks/pages/components/radio/migration-3ec3370e9a5f1df7.js"],"/components/radio/overview":[e,o,n,y,ok,"static/chunks/pages/components/radio/overview-282705d2721ab3e9.js"],"/components/radio/properties":[e,n,"static/chunks/pages/components/radio/properties-0fdd94df10c2dd3c.js"],"/components/readme":[e,n,"static/chunks/pages/components/readme-041cb82f9ce4a48d.js"],"/components/router-usage":[e,n,"static/chunks/pages/components/router-usage-70dd395d94219e82.js"],"/components/section":[e,o,n,ol,"static/chunks/pages/components/section-a0f7e3946a1eedfc.js"],"/components/section/code/Size":[o,"static/chunks/pages/components/section/code/Size-d949ef843ce9ecef.js"],"/components/section/code/Tonality":[o,"static/chunks/pages/components/section/code/Tonality-ada86bda6627dc6e.js"],"/components/section/code/Variant":[o,"static/chunks/pages/components/section/code/Variant-7847cf371959fa87.js"],"/components/section/docs/Angular":["static/chunks/pages/components/section/docs/Angular-4f82440081c6ce1d.js"],"/components/section/docs/HTML":["static/chunks/pages/components/section/docs/HTML-23f1a3bcc6c9c45f.js"],"/components/section/docs/Migration":["static/chunks/pages/components/section/docs/Migration-2b1e65b48ece1342.js"],"/components/section/docs/React":["static/chunks/pages/components/section/docs/React-d8edceeef2c09fc5.js"],"/components/section/docs/Vue":["static/chunks/pages/components/section/docs/Vue-bfac60ddd12906ba.js"],"/components/section/how-to-use":[e,n,"static/chunks/pages/components/section/how-to-use-0b67f8c014716656.js"],"/components/section/migration":[e,n,"static/chunks/pages/components/section/migration-1b0cc813cddb81ad.js"],"/components/section/overview":[e,o,n,ol,"static/chunks/pages/components/section/overview-fec482f1c6d97d37.js"],"/components/section/properties":[e,n,"static/chunks/pages/components/section/properties-b16c12922fd6e659.js"],"/components/select":[e,o,n,C,z,E,B,I,oj,"static/chunks/pages/components/select-1096d491c4f31d7b.js"],"/components/select/code/Content":[o,"static/chunks/pages/components/select/code/Content-48f7ee850ba618c9.js"],"/components/select/code/Requirement":[o,B,"static/chunks/pages/components/select/code/Requirement-2c55a2d96cd59743.js"],"/components/select/code/Semantic":[o,C,"static/chunks/pages/components/select/code/Semantic-c30a788980e41299.js"],"/components/select/code/StatesFloatingLabel":[o,z,"static/chunks/pages/components/select/code/StatesFloatingLabel-0cb06fd8c2d3b446.js"],"/components/select/code/StatesLabelAbove":[o,E,"static/chunks/pages/components/select/code/StatesLabelAbove-8132b2b8743d5746.js"],"/components/select/code/Tonality":[o,I,"static/chunks/pages/components/select/code/Tonality-5691a6e788c6bf6f.js"],"/components/select/code/VariantHelperMessage":[o,"static/chunks/pages/components/select/code/VariantHelperMessage-42c24582a75fb002.js"],"/components/select/code/VariantLabel":[o,"static/chunks/pages/components/select/code/VariantLabel-b258037867b10d92.js"],"/components/select/docs/Angular":["static/chunks/pages/components/select/docs/Angular-36f30dcae03bb11d.js"],"/components/select/docs/HTML":["static/chunks/pages/components/select/docs/HTML-fadc3d73394d4c37.js"],"/components/select/docs/Migration":["static/chunks/pages/components/select/docs/Migration-74c9a0b2d9db7b3c.js"],"/components/select/docs/React":["static/chunks/pages/components/select/docs/React-24a0886d49017b6a.js"],"/components/select/docs/Vue":["static/chunks/pages/components/select/docs/Vue-43aaa491494ffb93.js"],"/components/select/how-to-use":[e,n,"static/chunks/pages/components/select/how-to-use-d7b578691a50a06c.js"],"/components/select/migration":[e,n,"static/chunks/pages/components/select/migration-979deca0c5f58e14.js"],"/components/select/overview":[e,o,n,C,z,E,B,I,oj,"static/chunks/pages/components/select/overview-ea5f49c9047854ba.js"],"/components/select/properties":[e,n,"static/chunks/pages/components/select/properties-ed2ef19c0b1ed880.js"],"/components/tab":[e,o,n,F,ov,"static/chunks/pages/components/tab-d9ae5ae3fc60fc19.js"],"/components/tab/code/Behaviour":[o,"static/chunks/pages/components/tab/code/Behaviour-32555edc437892ca.js"],"/components/tab/code/Content":[o,F,"static/chunks/pages/components/tab/code/Content-6dd2271f2d1e94c9.js"],"/components/tab/code/ContentAlignmentFullWidth":[o,"static/chunks/pages/components/tab/code/ContentAlignmentFullWidth-78331a4b6547b34e.js"],"/components/tab/code/States":[o,"static/chunks/pages/components/tab/code/States-ce07baba4c814a60.js"],"/components/tab/code/Tonality":[o,"static/chunks/pages/components/tab/code/Tonality-093906b74d5f76dc.js"],"/components/tab/docs/Angular":["static/chunks/pages/components/tab/docs/Angular-3e89d5151e957b26.js"],"/components/tab/docs/HTML":["static/chunks/pages/components/tab/docs/HTML-62d4449c58e42980.js"],"/components/tab/docs/Migration":["static/chunks/pages/components/tab/docs/Migration-62f04303a9343cda.js"],"/components/tab/docs/React":["static/chunks/pages/components/tab/docs/React-1acd022a589226c0.js"],"/components/tab/docs/Vue":["static/chunks/pages/components/tab/docs/Vue-8e6b51624a413494.js"],"/components/tab/how-to-use":[e,n,"static/chunks/pages/components/tab/how-to-use-60d8d2a7d28db463.js"],"/components/tab/migration":[e,n,"static/chunks/pages/components/tab/migration-e39f4b7b3981c3a3.js"],"/components/tab/overview":[e,o,n,F,ov,"static/chunks/pages/components/tab/overview-c2b38345427ebedb.js"],"/components/tab/properties":[e,n,"static/chunks/pages/components/tab/properties-9e5c1152f159cb86.js"],"/components/tab-list/docs/Angular":["static/chunks/pages/components/tab-list/docs/Angular-5b12e222b9fefd4a.js"],"/components/tab-list/docs/HTML":["static/chunks/pages/components/tab-list/docs/HTML-ab4c7b9024ff5293.js"],"/components/tab-list/docs/Migration":["static/chunks/pages/components/tab-list/docs/Migration-96dbabbe94c58942.js"],"/components/tab-list/docs/React":["static/chunks/pages/components/tab-list/docs/React-46e8d9193650f74e.js"],"/components/tab-list/docs/Vue":["static/chunks/pages/components/tab-list/docs/Vue-323603d69037b800.js"],"/components/tab-list/how-to-use":[e,n,"static/chunks/pages/components/tab-list/how-to-use-07e96cbda8e7736b.js"],"/components/tab-list/migration":[e,n,"static/chunks/pages/components/tab-list/migration-8ef5aab104658b8f.js"],"/components/tab-list/properties":[e,n,"static/chunks/pages/components/tab-list/properties-bbdd0bcfb6320f93.js"],"/components/tab-panel/docs/Angular":["static/chunks/pages/components/tab-panel/docs/Angular-df67f8f52a544d2d.js"],"/components/tab-panel/docs/HTML":["static/chunks/pages/components/tab-panel/docs/HTML-96fcf0a8663de065.js"],"/components/tab-panel/docs/Migration":["static/chunks/pages/components/tab-panel/docs/Migration-47840376f2b60695.js"],"/components/tab-panel/docs/React":["static/chunks/pages/components/tab-panel/docs/React-ae82e38b13783d9a.js"],"/components/tab-panel/docs/Vue":["static/chunks/pages/components/tab-panel/docs/Vue-b1d13866dad1df78.js"],"/components/tab-panel/how-to-use":[e,n,"static/chunks/pages/components/tab-panel/how-to-use-88073d13c78d2c0f.js"],"/components/tab-panel/migration":[e,n,"static/chunks/pages/components/tab-panel/migration-8336fc832a10b533.js"],"/components/tab-panel/properties":[e,n,"static/chunks/pages/components/tab-panel/properties-10cf2bc4002468bd.js"],"/components/tabs":[e,o,n,_,q,W,P,O,ow,"static/chunks/pages/components/tabs-d35520c7ed0f6944.js"],"/components/tabs/code/Examples":[o,P,"static/chunks/pages/components/tabs/code/Examples-03683eeaaee7b643.js"],"/components/tabs/code/Orientation":[o,O,"static/chunks/pages/components/tabs/code/Orientation-01ff05fc8f7bacc7.js"],"/components/tabs/code/Overflow":[o,q,"static/chunks/pages/components/tabs/code/Overflow-e49b9c7f21aaef22.js"],"/components/tabs/code/Tonality":[o,W,"static/chunks/pages/components/tabs/code/Tonality-a76db19b95c83d1c.js"],"/components/tabs/code/Width":[o,_,"static/chunks/pages/components/tabs/code/Width-952350697d83033a.js"],"/components/tabs/docs/Angular":["static/chunks/pages/components/tabs/docs/Angular-26f5e74232341bd3.js"],"/components/tabs/docs/HTML":["static/chunks/pages/components/tabs/docs/HTML-c4ce1159e4dcc504.js"],"/components/tabs/docs/Migration":["static/chunks/pages/components/tabs/docs/Migration-2f7053ec7c649f9d.js"],"/components/tabs/docs/React":["static/chunks/pages/components/tabs/docs/React-0d334a784faf896f.js"],"/components/tabs/docs/Vue":["static/chunks/pages/components/tabs/docs/Vue-0cada1511d9f4a0e.js"],"/components/tabs/how-to-use":[e,n,"static/chunks/pages/components/tabs/how-to-use-f44d8de6b9c89c6e.js"],"/components/tabs/migration":[e,n,"static/chunks/pages/components/tabs/migration-8b6dce9f9a1fd019.js"],"/components/tabs/overview":[e,o,n,_,q,W,P,O,ow,"static/chunks/pages/components/tabs/overview-1cb1841c1f827528.js"],"/components/tabs/properties":[e,n,"static/chunks/pages/components/tabs/properties-b23dd797fc878161.js"],"/components/tag":[e,o,n,D,G,N,oM,"static/chunks/pages/components/tag-4a386f7ba8f601b1.js"],"/components/tag/code/Behaviour":[o,G,"static/chunks/pages/components/tag/code/Behaviour-bfb7c2103ce5af51.js"],"/components/tag/code/Content":[o,"static/chunks/pages/components/tag/code/Content-2e20c3650348e525.js"],"/components/tag/code/Emphasis":[o,"static/chunks/pages/components/tag/code/Emphasis-4d7138c37b6a6c59.js"],"/components/tag/code/Example":[o,N,"static/chunks/pages/components/tag/code/Example-317a66aa7caea139.js"],"/components/tag/code/Overflow":[o,"static/chunks/pages/components/tag/code/Overflow-f7d48ab7beb11ae3.js"],"/components/tag/code/State":[o,"static/chunks/pages/components/tag/code/State-e06dcaafe592433b.js"],"/components/tag/code/Tonality":[o,"static/chunks/pages/components/tag/code/Tonality-256d17b7d62c31d4.js"],"/components/tag/code/Variant":[o,D,"static/chunks/pages/components/tag/code/Variant-f28c52bdb8e888ab.js"],"/components/tag/docs/Angular":["static/chunks/pages/components/tag/docs/Angular-6679f69e7a4e8a6f.js"],"/components/tag/docs/HTML":["static/chunks/pages/components/tag/docs/HTML-65ca8e169208795e.js"],"/components/tag/docs/Migration":["static/chunks/pages/components/tag/docs/Migration-1f41b9322867504f.js"],"/components/tag/docs/React":["static/chunks/pages/components/tag/docs/React-bcff51597dccf7b7.js"],"/components/tag/docs/Vue":["static/chunks/pages/components/tag/docs/Vue-d7ff329d4dd1e941.js"],"/components/tag/how-to-use":[e,n,"static/chunks/pages/components/tag/how-to-use-7f7d193f1886ee8f.js"],"/components/tag/migration":[e,n,"static/chunks/pages/components/tag/migration-e3a5710307242db5.js"],"/components/tag/overview":[e,o,n,D,G,N,oM,"static/chunks/pages/components/tag/overview-28ad8ef17ddc19d0.js"],"/components/tag/properties":[e,n,"static/chunks/pages/components/tag/properties-99f4ed0e7e4a3814.js"],"/components/textarea":[e,o,n,U,J,K,oT,"static/chunks/pages/components/textarea-eb4b593c128dc2cc.js"],"/components/textarea/code/Requirement":[o,"static/chunks/pages/components/textarea/code/Requirement-d58f5d197a4b4bd2.js"],"/components/textarea/code/Rows":[o,"static/chunks/pages/components/textarea/code/Rows-624af9a10ea796b5.js"],"/components/textarea/code/Semantic":[o,K,"static/chunks/pages/components/textarea/code/Semantic-03921b4a5df393f6.js"],"/components/textarea/code/StatesFloatingLabel":[o,U,"static/chunks/pages/components/textarea/code/StatesFloatingLabel-92eb6dcb8963256e.js"],"/components/textarea/code/StatesLabelAbove":[o,J,"static/chunks/pages/components/textarea/code/StatesLabelAbove-3a70c83455a5e7f3.js"],"/components/textarea/code/Tonality":[o,"static/chunks/pages/components/textarea/code/Tonality-39c77c3d9da1a56c.js"],"/components/textarea/code/VariantHelperMessage":[o,"static/chunks/pages/components/textarea/code/VariantHelperMessage-5e208c2c53b6bb6a.js"],"/components/textarea/code/VariantLabel":[o,"static/chunks/pages/components/textarea/code/VariantLabel-e33f87960727f9be.js"],"/components/textarea/docs/Angular":["static/chunks/pages/components/textarea/docs/Angular-7700857ec304b748.js"],"/components/textarea/docs/HTML":["static/chunks/pages/components/textarea/docs/HTML-d0338db4c513f97a.js"],"/components/textarea/docs/Migration":["static/chunks/pages/components/textarea/docs/Migration-80f990bd82fc113c.js"],"/components/textarea/docs/React":["static/chunks/pages/components/textarea/docs/React-8842c1cdabbeac53.js"],"/components/textarea/docs/Vue":["static/chunks/pages/components/textarea/docs/Vue-225b1b83ad7e389d.js"],"/components/textarea/how-to-use":[e,n,"static/chunks/pages/components/textarea/how-to-use-b0f68e5112d8d993.js"],"/components/textarea/migration":[e,n,"static/chunks/pages/components/textarea/migration-ad3cef5987ade907.js"],"/components/textarea/overview":[e,o,n,U,J,K,oT,"static/chunks/pages/components/textarea/overview-da0588dee7e681ee.js"],"/components/textarea/properties":[e,n,"static/chunks/pages/components/textarea/properties-eed086af980eace0.js"],"/components/tooltip":[e,o,n,Q,X,ox,"static/chunks/pages/components/tooltip-530e7b19510acc25.js"],"/components/tooltip/code/Animations":[o,X,"static/chunks/pages/components/tooltip/code/Animations-310aef83608b883a.js"],"/components/tooltip/code/Emphasis":[o,"static/chunks/pages/components/tooltip/code/Emphasis-72b226f388c2d02a.js"],"/components/tooltip/code/Placement":[o,Q,"static/chunks/pages/components/tooltip/code/Placement-82691ddabf074bd9.js"],"/components/tooltip/code/Tonality":[o,"static/chunks/pages/components/tooltip/code/Tonality-0f652d445c77793f.js"],"/components/tooltip/code/Variant":[o,"static/chunks/pages/components/tooltip/code/Variant-c15495c635ad019d.js"],"/components/tooltip/code/Width":[o,"static/chunks/pages/components/tooltip/code/Width-48956eff82a2ff1d.js"],"/components/tooltip/docs/Angular":["static/chunks/pages/components/tooltip/docs/Angular-bf5aa6ac5b64c0db.js"],"/components/tooltip/docs/HTML":["static/chunks/pages/components/tooltip/docs/HTML-00335081d19486bc.js"],"/components/tooltip/docs/Migration":["static/chunks/pages/components/tooltip/docs/Migration-41d359dcad20ea9e.js"],"/components/tooltip/docs/React":["static/chunks/pages/components/tooltip/docs/React-162742c92a0a9c5f.js"],"/components/tooltip/docs/Vue":["static/chunks/pages/components/tooltip/docs/Vue-407ebaf0930c73d8.js"],"/components/tooltip/how-to-use":[e,n,"static/chunks/pages/components/tooltip/how-to-use-f074459e3aa5955d.js"],"/components/tooltip/migration":[e,n,"static/chunks/pages/components/tooltip/migration-7534ec8c7cb295c8.js"],"/components/tooltip/overview":[e,o,n,Q,X,ox,"static/chunks/pages/components/tooltip/overview-675aed8b16a23b77.js"],"/components/tooltip/properties":[e,n,"static/chunks/pages/components/tooltip/properties-7902195ab420444b.js"],"/foundations/colors/color-schemes":[e,n,"static/chunks/pages/foundations/colors/color-schemes-989ff6bc9c8d094e.js"],"/foundations/colors/overview":[e,n,"static/chunks/pages/foundations/colors/overview-03c54317b4a6baab.js"],"/foundations/colors/readme":[e,n,"static/chunks/pages/foundations/colors/readme-39c668a9d223b8ed.js"],"/foundations/font-sizes/overview":[e,n,"static/chunks/pages/foundations/font-sizes/overview-41487805aaa03c6f.js"],"/foundations/font-sizes/readme":[e,n,"static/chunks/pages/foundations/font-sizes/readme-ab7f54073dc18302.js"],"/foundations/icons/custom-icons":[e,n,"static/chunks/pages/foundations/icons/custom-icons-23ec7cf5046eafad.js"],"/foundations/icons/overview":[e,n,"static/chunks/pages/foundations/icons/overview-392539ad1539f8d4.js"],"/foundations/icons/readme":[e,n,"static/chunks/pages/foundations/icons/readme-b73658b2c0f1a9a2.js"],"/foundations/readme":[e,n,"static/chunks/pages/foundations/readme-53d420925942f665.js"],"/foundations/tonalities/examples":[e,n,"static/chunks/pages/foundations/tonalities/examples-f2f0768aa5d8fef2.js"],"/foundations/tonalities/readme":[e,n,"static/chunks/pages/foundations/tonalities/readme-55f02baadb612b7c.js"],"/foundations/variables/examples":[e,n,"static/chunks/pages/foundations/variables/examples-ec4e9070a9b92000.js"],"/foundations/variables/readme":[e,n,"static/chunks/pages/foundations/variables/readme-729cf6b2222db9f7.js"],"/iframe":[Y,"static/chunks/pages/iframe-b3f929a7c842a8b1.js"],sortedPages:["/","/404","/_app","/_error","/base64","/components/accordion","/components/accordion/code/Behaviour","/components/accordion/code/Tonality","/components/accordion/code/Variant","/components/accordion/docs/Angular","/components/accordion/docs/HTML","/components/accordion/docs/Migration","/components/accordion/docs/React","/components/accordion/docs/Vue","/components/accordion/how-to-use","/components/accordion/migration","/components/accordion/overview","/components/accordion/properties","/components/accordion-item","/components/accordion-item/code/ContentStates","/components/accordion-item/code/InteractionStates","/components/accordion-item/code/Tonality","/components/accordion-item/docs/Angular","/components/accordion-item/docs/HTML","/components/accordion-item/docs/Migration","/components/accordion-item/docs/React","/components/accordion-item/docs/Vue","/components/accordion-item/how-to-use","/components/accordion-item/migration","/components/accordion-item/overview","/components/accordion-item/properties","/components/alert","/components/alert/code/Behaviour","/components/alert/code/Content","/components/alert/code/Tonality","/components/alert/code/Type","/components/alert/code/Variant","/components/alert/docs/Angular","/components/alert/docs/HTML","/components/alert/docs/Migration","/components/alert/docs/React","/components/alert/docs/Vue","/components/alert/how-to-use","/components/alert/migration","/components/alert/overview","/components/alert/properties","/components/badge","/components/badge/code/Content","/components/badge/code/Emphasis","/components/badge/code/Examples","/components/badge/code/Placement","/components/badge/code/Semantic","/components/badge/code/Size","/components/badge/code/Tonality","/components/badge/docs/Angular","/components/badge/docs/HTML","/components/badge/docs/Migration","/components/badge/docs/React","/components/badge/docs/Vue","/components/badge/how-to-use","/components/badge/migration","/components/badge/overview","/components/badge/properties","/components/brand","/components/brand/code/Tonality","/components/brand/docs/Angular","/components/brand/docs/HTML","/components/brand/docs/React","/components/brand/docs/Vue","/components/brand/how-to-use","/components/brand/migration","/components/brand/overview","/components/brand/properties","/components/button","/components/button/code/Behaviour","/components/button/code/Content","/components/button/code/Size","/components/button/code/State","/components/button/code/Tonality","/components/button/code/Variant","/components/button/docs/Angular","/components/button/docs/HTML","/components/button/docs/Migration","/components/button/docs/React","/components/button/docs/Vue","/components/button/how-to-use","/components/button/migration","/components/button/overview","/components/button/properties","/components/card","/components/card/code/Colorvariant","/components/card/code/Spacing","/components/card/code/Tonality","/components/card/code/Variant","/components/card/docs/Angular","/components/card/docs/HTML","/components/card/docs/Migration","/components/card/docs/React","/components/card/docs/Vue","/components/card/how-to-use","/components/card/migration","/components/card/overview","/components/card/properties","/components/checkbox","/components/checkbox/code/Content","/components/checkbox/code/InteractionStates","/components/checkbox/code/Requirement","/components/checkbox/code/Size","/components/checkbox/code/States","/components/checkbox/code/Tonality","/components/checkbox/docs/Angular","/components/checkbox/docs/HTML","/components/checkbox/docs/Migration","/components/checkbox/docs/React","/components/checkbox/docs/Vue","/components/checkbox/how-to-use","/components/checkbox/migration","/components/checkbox/overview","/components/checkbox/properties","/components/divider","/components/divider/code/Emphasis","/components/divider/code/Tonality","/components/divider/code/Variant","/components/divider/docs/Angular","/components/divider/docs/HTML","/components/divider/docs/Migration","/components/divider/docs/React","/components/divider/docs/Vue","/components/divider/how-to-use","/components/divider/migration","/components/divider/overview","/components/divider/properties","/components/drawer","/components/drawer/code/Backdrop","/components/drawer/code/Directions","/components/drawer/code/Rounded","/components/drawer/code/Size","/components/drawer/code/Spacing","/components/drawer/code/Tonality","/components/drawer/docs/Angular","/components/drawer/docs/HTML","/components/drawer/docs/Migration","/components/drawer/docs/React","/components/drawer/docs/Vue","/components/drawer/how-to-use","/components/drawer/migration","/components/drawer/overview","/components/drawer/properties","/components/header","/components/header/code/Behaviour","/components/header/code/Tonality","/components/header/docs/Angular","/components/header/docs/HTML","/components/header/docs/Migration","/components/header/docs/React","/components/header/docs/Vue","/components/header/how-to-use","/components/header/migration","/components/header/overview","/components/header/properties","/components/icon","/components/icon/code/Tonality","/components/icon/docs/Angular","/components/icon/docs/HTML","/components/icon/docs/Migration","/components/icon/docs/React","/components/icon/docs/Vue","/components/icon/how-to-use","/components/icon/migration","/components/icon/overview","/components/icon/properties","/components/infotext","/components/infotext/code/Semantic","/components/infotext/code/Size","/components/infotext/code/Tonality","/components/infotext/docs/Angular","/components/infotext/docs/HTML","/components/infotext/docs/Migration","/components/infotext/docs/React","/components/infotext/docs/Vue","/components/infotext/how-to-use","/components/infotext/migration","/components/infotext/overview","/components/infotext/properties","/components/input","/components/input/code/Content","/components/input/code/ExampleTypes","/components/input/code/ExampleTypesFloatingLabel","/components/input/code/Requirement","/components/input/code/Semantic","/components/input/code/StatesFloatingLabel","/components/input/code/StatesLabelAbove","/components/input/code/Tonality","/components/input/code/VariantHelperMessage","/components/input/code/VariantLabel","/components/input/docs/Angular","/components/input/docs/HTML","/components/input/docs/Migration","/components/input/docs/React","/components/input/docs/Vue","/components/input/how-to-use","/components/input/migration","/components/input/overview","/components/input/properties","/components/link","/components/link/code/Content","/components/link/code/InteractionStates","/components/link/code/Semantic","/components/link/code/Size","/components/link/code/Tonality","/components/link/docs/Angular","/components/link/docs/HTML","/components/link/docs/Migration","/components/link/docs/React","/components/link/docs/Vue","/components/link/how-to-use","/components/link/migration","/components/link/overview","/components/link/properties","/components/main-navigation","/components/main-navigation/code/Tonality","/components/main-navigation/docs/Angular","/components/main-navigation/docs/HTML","/components/main-navigation/docs/Migration","/components/main-navigation/docs/React","/components/main-navigation/docs/Vue","/components/main-navigation/how-to-use","/components/main-navigation/migration","/components/main-navigation/overview","/components/main-navigation/properties","/components/navigation-item","/components/navigation-item/code/Content","/components/navigation-item/code/InteractionStates","/components/navigation-item/code/Tonality","/components/navigation-item/code/Width","/components/navigation-item/docs/Angular","/components/navigation-item/docs/HTML","/components/navigation-item/docs/Migration","/components/navigation-item/docs/React","/components/navigation-item/docs/Vue","/components/navigation-item/how-to-use","/components/navigation-item/migration","/components/navigation-item/overview","/components/navigation-item/properties","/components/page","/components/page/code/Tonality","/components/page/docs/Angular","/components/page/docs/HTML","/components/page/docs/Migration","/components/page/docs/React","/components/page/docs/Vue","/components/page/how-to-use","/components/page/migration","/components/page/overview","/components/page/properties","/components/popover","/components/popover/code/Animations","/components/popover/code/Gap","/components/popover/code/Placement","/components/popover/code/Spacing","/components/popover/code/Tonality","/components/popover/code/Width","/components/popover/docs/Angular","/components/popover/docs/HTML","/components/popover/docs/Migration","/components/popover/docs/React","/components/popover/docs/Vue","/components/popover/how-to-use","/components/popover/migration","/components/popover/overview","/components/popover/properties","/components/radio","/components/radio/code/Content","/components/radio/code/InteractionStates","/components/radio/code/Requirement","/components/radio/code/Size","/components/radio/code/States","/components/radio/code/Tonality","/components/radio/docs/Angular","/components/radio/docs/HTML","/components/radio/docs/Migration","/components/radio/docs/React","/components/radio/docs/Vue","/components/radio/how-to-use","/components/radio/migration","/components/radio/overview","/components/radio/properties","/components/readme","/components/router-usage","/components/section","/components/section/code/Size","/components/section/code/Tonality","/components/section/code/Variant","/components/section/docs/Angular","/components/section/docs/HTML","/components/section/docs/Migration","/components/section/docs/React","/components/section/docs/Vue","/components/section/how-to-use","/components/section/migration","/components/section/overview","/components/section/properties","/components/select","/components/select/code/Content","/components/select/code/Requirement","/components/select/code/Semantic","/components/select/code/StatesFloatingLabel","/components/select/code/StatesLabelAbove","/components/select/code/Tonality","/components/select/code/VariantHelperMessage","/components/select/code/VariantLabel","/components/select/docs/Angular","/components/select/docs/HTML","/components/select/docs/Migration","/components/select/docs/React","/components/select/docs/Vue","/components/select/how-to-use","/components/select/migration","/components/select/overview","/components/select/properties","/components/tab","/components/tab/code/Behaviour","/components/tab/code/Content","/components/tab/code/ContentAlignmentFullWidth","/components/tab/code/States","/components/tab/code/Tonality","/components/tab/docs/Angular","/components/tab/docs/HTML","/components/tab/docs/Migration","/components/tab/docs/React","/components/tab/docs/Vue","/components/tab/how-to-use","/components/tab/migration","/components/tab/overview","/components/tab/properties","/components/tab-list/docs/Angular","/components/tab-list/docs/HTML","/components/tab-list/docs/Migration","/components/tab-list/docs/React","/components/tab-list/docs/Vue","/components/tab-list/how-to-use","/components/tab-list/migration","/components/tab-list/properties","/components/tab-panel/docs/Angular","/components/tab-panel/docs/HTML","/components/tab-panel/docs/Migration","/components/tab-panel/docs/React","/components/tab-panel/docs/Vue","/components/tab-panel/how-to-use","/components/tab-panel/migration","/components/tab-panel/properties","/components/tabs","/components/tabs/code/Examples","/components/tabs/code/Orientation","/components/tabs/code/Overflow","/components/tabs/code/Tonality","/components/tabs/code/Width","/components/tabs/docs/Angular","/components/tabs/docs/HTML","/components/tabs/docs/Migration","/components/tabs/docs/React","/components/tabs/docs/Vue","/components/tabs/how-to-use","/components/tabs/migration","/components/tabs/overview","/components/tabs/properties","/components/tag","/components/tag/code/Behaviour","/components/tag/code/Content","/components/tag/code/Emphasis","/components/tag/code/Example","/components/tag/code/Overflow","/components/tag/code/State","/components/tag/code/Tonality","/components/tag/code/Variant","/components/tag/docs/Angular","/components/tag/docs/HTML","/components/tag/docs/Migration","/components/tag/docs/React","/components/tag/docs/Vue","/components/tag/how-to-use","/components/tag/migration","/components/tag/overview","/components/tag/properties","/components/textarea","/components/textarea/code/Requirement","/components/textarea/code/Rows","/components/textarea/code/Semantic","/components/textarea/code/StatesFloatingLabel","/components/textarea/code/StatesLabelAbove","/components/textarea/code/Tonality","/components/textarea/code/VariantHelperMessage","/components/textarea/code/VariantLabel","/components/textarea/docs/Angular","/components/textarea/docs/HTML","/components/textarea/docs/Migration","/components/textarea/docs/React","/components/textarea/docs/Vue","/components/textarea/how-to-use","/components/textarea/migration","/components/textarea/overview","/components/textarea/properties","/components/tooltip","/components/tooltip/code/Animations","/components/tooltip/code/Emphasis","/components/tooltip/code/Placement","/components/tooltip/code/Tonality","/components/tooltip/code/Variant","/components/tooltip/code/Width","/components/tooltip/docs/Angular","/components/tooltip/docs/HTML","/components/tooltip/docs/Migration","/components/tooltip/docs/React","/components/tooltip/docs/Vue","/components/tooltip/how-to-use","/components/tooltip/migration","/components/tooltip/overview","/components/tooltip/properties","/foundations/colors/color-schemes","/foundations/colors/overview","/foundations/colors/readme","/foundations/font-sizes/overview","/foundations/font-sizes/readme","/foundations/icons/custom-icons","/foundations/icons/overview","/foundations/icons/readme","/foundations/readme","/foundations/tonalities/examples","/foundations/tonalities/readme","/foundations/variables/examples","/foundations/variables/readme","/iframe"]}}("static/chunks/14863-f4df2cf237127c15.js","static/chunks/49710-e3073ff3ccc96335.js","static/chunks/12156-86a2c8c470716f30.js","static/chunks/94218-0b0b591789f4afe8.js","static/chunks/75942-74c837e368c31f68.js","static/chunks/24414-6189c93786bff39b.js","static/chunks/35584-7ed35e71aabf12e2.js","static/chunks/42679-809859124132ae87.js","static/chunks/1964-af18252dbad94db1.js","static/chunks/27469-d897e5ab88e719c8.js","static/chunks/59609-bf0631bca31ca3e4.js","static/chunks/78688-a75f2ce3a658d809.js","static/chunks/55763-a91f104a898129f0.js","static/chunks/64861-024fb8f889ea99b0.js","static/chunks/17563-e4c9afba8a70aa7d.js","static/chunks/87417-008d91f06c55107c.js","static/chunks/44882-9a9c4b9246fdf2db.js","static/chunks/9413-d487c7f56bff67c5.js","static/chunks/97795-4d5a291c7287e93f.js","static/chunks/79167-4f73ea46446bddc7.js","static/chunks/17558-61637ca9153b8bad.js","static/chunks/87037-9f15c080e062e17a.js","static/chunks/86412-05cdd0e5906730f6.js","static/chunks/74396-41f78c278350f679.js","static/chunks/7710-284a6107b277baf4.js","static/chunks/10347-ad3f0b9fb9403c02.js","static/chunks/84768-d113d0f5930ce013.js","static/chunks/90413-a9cfbed428e72666.js","static/chunks/24514-44582506b2fac69f.js","static/chunks/7604-5a887df39bb595c6.js","static/chunks/2226-dc24ae54dc3c7214.js","static/chunks/81581-23ab5ead3abd2323.js","static/chunks/19886-2bb310f4b6edf40c.js","static/chunks/81791-4a9b5f52a8e72bbf.js","static/chunks/95349-3d0e40fd222f56c6.js","static/chunks/34579-da6e734eb1e57a58.js","static/chunks/63441-92fdc17e71a00452.js","static/chunks/72298-12668091d4dbf141.js","static/chunks/23187-bd3db614d43c25e3.js","static/chunks/97757-65e2d9dfad8c6e2d.js","static/chunks/42918-dcece11c2fae954d.js","static/chunks/22165-747aff93fa206105.js","static/chunks/20362-9e147b70eeea59bc.js","static/chunks/49088-1e0dc79a033a399f.js","static/chunks/26677-47a4c3f6ec4bf6b0.js","static/chunks/40284-19f1c667e6a71171.js","static/chunks/6458-bff68bb13873cf60.js","static/chunks/55693-144592d4dd70c64a.js","static/chunks/95452-e714c9f508f7d53d.js","static/chunks/50988-5f999a80f46191e1.js","static/chunks/79906-bb3e49949678e297.js","static/chunks/48834-c827d6909fe9d35a.js","static/chunks/81228-db3fe8e42c2264ba.js","static/chunks/1047-19a7f1c1a975af1b.js","static/chunks/93085-0d4a9979d7f55385.js","static/chunks/46752-ba84a4149a5b8d56.js","static/chunks/45979-e7defc229938598d.js","static/chunks/71940-475b2bcf317441f7.js","static/chunks/68006-b77a9fcc9980045f.js","static/chunks/92408-5b3494b3440761c1.js","static/chunks/80269-46e3b897d0657fd5.js","static/chunks/96734-8ac30f07a74b32e7.js","static/chunks/2177-46ddcb950b0135ca.js","static/chunks/83175-a047455f3dd43708.js","static/chunks/71581-e4c360f90db94f89.js","static/chunks/94274-09c767e421242b3c.js","static/chunks/77526-3cf9c89fdf0a4f2d.js","static/chunks/86747-cca8cfd9e1dbf75c.js","static/chunks/16288-5ad5358999bcce4e.js","static/chunks/37580-7443a1409df1d3c3.js","static/chunks/96029-fa19c93583ade0bf.js","static/chunks/41957-447791f3c1d55e09.js","static/chunks/28955-506ec49b9418c9d2.js","static/chunks/88478-e510f7ba7560febd.js","static/chunks/5014-f8c3267a6e78ff0e.js","static/chunks/54817-8964971df056f6c8.js","static/chunks/23803-d1f81ac1d40eda7f.js","static/chunks/27752-d938d13e8faea32a.js","static/chunks/82991-20d7ddf671e489aa.js"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB(); \ No newline at end of file diff --git a/review/main/_next/static/OyMoxZ3Rdpu39t2-vebxV/_ssgManifest.js b/review/main/_next/static/8thic1vgKwHeWsATuJRwZ/_ssgManifest.js similarity index 100% rename from review/main/_next/static/OyMoxZ3Rdpu39t2-vebxV/_ssgManifest.js rename to review/main/_next/static/8thic1vgKwHeWsATuJRwZ/_ssgManifest.js diff --git a/review/main/_next/static/chunks/1047-2e933d592bc7bd90.js b/review/main/_next/static/chunks/1047-19a7f1c1a975af1b.js similarity index 99% rename from review/main/_next/static/chunks/1047-2e933d592bc7bd90.js rename to review/main/_next/static/chunks/1047-19a7f1c1a975af1b.js index 713a473404e..48eada70b19 100644 --- a/review/main/_next/static/chunks/1047-2e933d592bc7bd90.js +++ b/review/main/_next/static/chunks/1047-19a7f1c1a975af1b.js @@ -1 +1 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1047],{37395:function(e,n,t){t.d(n,{P:function(){return a}});let a=(e,n,t)=>e.map((e,a)=>{var l;return{...e,slotCode:null!==(l=null==t?void 0:t.at(a))&&void 0!==l?l:"No code available",examples:e.examples.map(e=>{var t,a,l,i;return{...e,example:n({...e.props,id:null!==(l=null===(t=e.props)||void 0===t?void 0:t.id)&&void 0!==l?l:e.name,children:null!==(i=null===(a=e.props)||void 0===a?void 0:a.children)&&void 0!==i?i:e.name})}})}})},99341:function(e,n,t){var a=t(52322),l=t(5632),i=t(2784),r=t(11803),s=t(86095);let d=e=>{let{examples:n,slotCode:t}=e,[l,r]=(0,i.useState)();return(0,a.jsxs)(s.f,{className:"variants-card db-code-docs",children:[(0,a.jsx)("div",{className:"variants-list",children:n.map((e,n)=>(0,a.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(n)))}),(0,a.jsxs)("details",{className:"code-details",onToggle:()=>{r(!l)},children:[(0,a.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:l?"Hide code":"Show code"}),(0,a.jsxs)("div",{className:"db-ui-functional",children:[(0,a.jsx)("div",{className:"backdrop"}),(0,a.jsx)(s.f,{className:"code",spacing:"small",children:t})]})]})]})},c=e=>{let{variants:n,componentName:t}=e,l=(e,n)=>{if(!window.location.origin||!window.location.href)return"";let t=window.location.href.split("?")[0],a="?page=".concat(e.name.toLowerCase());return n?"".concat(t.split("components")[0],"/components/").concat(n).concat(a):"".concat(t).concat(a)};return(0,a.jsx)(a.Fragment,{children:null==n?void 0:n.map((e,n)=>(0,a.jsxs)("div",{children:[(0,a.jsx)(s.oH,{}),(0,a.jsx)("h2",{children:(0,a.jsx)(s.vB,{content:"external",target:"_blank",href:l(e,t),children:e.name})}),(0,a.jsx)(d,{...e})]},"".concat(e.name,"-").concat(n)))})};n.Z=e=>{let{title:n,variants:t,subComponent:s,isSubComponent:o,componentName:h}=e,[x,p]=(0,i.useState)(),b=(0,l.useRouter)();return(0,i.useEffect)(()=>{if(b.query){var e;let n=null===(e=b.query.page)||void 0===e?void 0:e.toString();n&&p(t.find(e=>e.name.toLowerCase()===n))}},[b]),(0,a.jsxs)(a.Fragment,{children:[x&&(0,a.jsx)("div",{children:(0,a.jsx)(d,{...x})}),!x&&!o&&(0,a.jsxs)(r.Z,{children:[(0,a.jsxs)("div",{className:"default-container",children:[(0,a.jsx)("h1",{children:n}),(0,a.jsx)(c,{variants:t,componentName:h})]}),s]}),!x&&o&&(0,a.jsxs)("div",{className:"default-container",children:[(0,a.jsx)("h2",{children:n}),(0,a.jsx)(c,{variants:t,componentName:h})]})]})}},87058:function(e,n,t){t.r(n);var a=t(52322),l=t(2784),i=t(9513),r=t(33878),s=t(95696),d=t(79041),c=t(16909),o=t(16134);n.default=()=>{let[e,n]=(0,l.useState)();return(0,l.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(r.Z,{children:[(0,a.jsxs)(s.Z,{children:[(0,a.jsx)(d.Z,{children:"Angular"}),(0,a.jsx)(d.Z,{children:"HTML"}),(0,a.jsx)(d.Z,{children:"React"}),(0,a.jsx)(d.Z,{children:"Vue"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:"{alert('click close button')}\">Closable"})}),(0,a.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("{alert('click close button')}\">Closable")},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'
\n Headline\n

Closable

\n \n Link\n \n \n Close Button\n \n
'})}),(0,a.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
\n Headline\n

Closable

\n \n Link\n \n \n Close Button\n \n
')},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:' {\n alert("click close button")\n }}\n>\n Closable\n'})}),(0,a.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText(' {\n alert("click close button")\n }}\n>\n Closable\n')},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:"{alert('click close button')}\">Closable"})}),(0,a.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("{alert('click close button')}\">Closable")},children:"Copy"})]})]})}),(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(r.Z,{children:[(0,a.jsxs)(s.Z,{children:[(0,a.jsx)(d.Z,{children:"Angular"}),(0,a.jsx)(d.Z,{children:"HTML"}),(0,a.jsx)(d.Z,{children:"React"}),(0,a.jsx)(d.Z,{children:"Vue"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:"Permanent"})}),(0,a.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Permanent")},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'
\n Headline\n

Permanent

\n \n Link\n \n
'})}),(0,a.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
\n Headline\n

Permanent

\n \n Link\n \n
')},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n Permanent\n'})}),(0,a.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Permanent\n')},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:"Permanent"})}),(0,a.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Permanent")},children:"Copy"})]})]})})]})}},45169:function(e,n,t){t.r(n);var a=t(52322),l=t(2784),i=t(9513),r=t(33878),s=t(95696),d=t(79041),c=t(16909),o=t(16134);n.default=()=>{let[e,n]=(0,l.useState)();return(0,l.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(r.Z,{children:[(0,a.jsxs)(s.Z,{children:[(0,a.jsx)(d.Z,{children:"Angular"}),(0,a.jsx)(d.Z,{children:"HTML"}),(0,a.jsx)(d.Z,{children:"React"}),(0,a.jsx)(d.Z,{children:"Vue"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:"(Default) Alert"})}),(0,a.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Alert")},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'
\n Headline\n

(Default) Alert

\n \n Link\n \n \n Close Button\n \n
'})}),(0,a.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
\n Headline\n

(Default) Alert

\n \n Link\n \n \n Close Button\n \n
')},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Alert\n'})}),(0,a.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n (Default) Alert\n')},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:"(Default) Alert"})}),(0,a.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Alert")},children:"Copy"})]})]})}),(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(r.Z,{children:[(0,a.jsxs)(s.Z,{children:[(0,a.jsx)(d.Z,{children:"Angular"}),(0,a.jsx)(d.Z,{children:"HTML"}),(0,a.jsx)(d.Z,{children:"React"}),(0,a.jsx)(d.Z,{children:"Vue"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:"Inline"})}),(0,a.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Inline")},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'
\n Headline\n

Inline

\n \n Link\n \n \n Close Button\n \n
'})}),(0,a.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
\n Headline\n

Inline

\n \n Link\n \n \n Close Button\n \n
')},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n Inline\n'})}),(0,a.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Inline\n')},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:"Inline"})}),(0,a.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Inline")},children:"Copy"})]})]})})]})}},86600:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","style":{"width":"300px"},"className":"db-ui-functional","props":{"headline":"Headline","link":{"href":"#","text":"Link"}}},{"name":"(Default) Regular","style":{"width":"300px"},"className":"db-ui-regular","props":{"headline":"Headline","link":{"href":"#","text":"Link"}}},{"name":"Expressive","style":{"width":"300px"},"className":"db-ui-expressive","props":{"headline":"Headline","link":{"href":"#","text":"Link"}}}]},{"name":"Type","examples":[{"name":"(Default) Alert","style":{"width":"300px"},"props":{"type":"alert","headline":"Headline","link":{"href":"#","text":"Link"}}},{"name":"Inline","style":{"width":"300px"},"props":{"type":"inline","headline":"Headline","link":{"href":"#","text":"Link"}}}]},{"name":"Variant","examples":[{"name":"(Default) Adaptive","style":{"width":"300px"},"props":{"type":"alert","icon":"account","headline":"Headline","link":{"href":"#","text":"Link"}}},{"name":"Neutral","style":{"width":"300px"},"props":{"type":"alert","variant":"neutral","headline":"Headline","link":{"href":"#","text":"Link"}}},{"name":"Critical","style":{"width":"300px"},"props":{"type":"alert","variant":"critical","headline":"Headline","link":{"href":"#","text":"Link"}}},{"name":"Informational","style":{"width":"300px"},"props":{"type":"alert","variant":"informational","headline":"Headline","link":{"href":"#","text":"Link"}}},{"name":"Successful","style":{"width":"300px"},"props":{"type":"alert","variant":"successful","headline":"Headline","link":{"href":"#","text":"Link"}}},{"name":"Warning","style":{"width":"300px"},"props":{"type":"alert","variant":"warning","headline":"Headline","link":{"href":"#","text":"Link"}}}]},{"name":"Content","examples":[{"name":"Headline & Text & Link & Icon","style":{"width":"300px"},"props":{"type":"alert","icon":"account","headline":"Headline","link":{"href":"#","text":"Link"}}},{"name":"Headline & Text & Link","style":{"width":"300px"},"props":{"headline":"Headline","link":{"href":"#","text":"Link"}}},{"name":"Text & Link","style":{"width":"300px"},"props":{"link":{"href":"#","text":"Link"}}},{"name":"Text","style":{"width":"300px"},"props":{}}]},{"name":"Behaviour","examples":[{"name":"Closable","style":{"width":"300px"},"props":{"type":"alert","headline":"Headline","link":{"href":"#","text":"Link"},"click":"()=>{alert(\\"click close button\\")}"}},{"name":"Permanent","style":{"width":"300px"},"props":{"type":"alert","headline":"Headline","link":{"href":"#","text":"Link"},"behaviour":"permanent"}}]}]')}}]); \ No newline at end of file +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1047],{37395:function(e,n,t){t.d(n,{P:function(){return a}});let a=(e,n,t)=>e.map((e,a)=>{var l;return{...e,slotCode:null!==(l=null==t?void 0:t.at(a))&&void 0!==l?l:"No code available",examples:e.examples.map(e=>{var t,a,l,i;return{...e,example:n({...e.props,id:null!==(l=null===(t=e.props)||void 0===t?void 0:t.id)&&void 0!==l?l:e.name,children:null!==(i=null===(a=e.props)||void 0===a?void 0:a.children)&&void 0!==i?i:e.name})}})}})},99341:function(e,n,t){var a=t(52322),l=t(5632),i=t(2784),r=t(12156),s=t(53752);let d=e=>{let{examples:n,slotCode:t}=e,[l,r]=(0,i.useState)();return(0,a.jsxs)(s.f,{className:"variants-card db-code-docs",children:[(0,a.jsx)("div",{className:"variants-list",children:n.map((e,n)=>(0,a.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(n)))}),(0,a.jsxs)("details",{className:"code-details",onToggle:()=>{r(!l)},children:[(0,a.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:l?"Hide code":"Show code"}),(0,a.jsxs)("div",{className:"db-ui-functional",children:[(0,a.jsx)("div",{className:"backdrop"}),(0,a.jsx)(s.f,{className:"code",spacing:"small",children:t})]})]})]})},c=e=>{let{variants:n,componentName:t}=e,l=(e,n)=>{if(!window.location.origin||!window.location.href)return"";let t=window.location.href.split("?")[0],a="?page=".concat(e.name.toLowerCase());return n?"".concat(t.split("components")[0],"/components/").concat(n).concat(a):"".concat(t).concat(a)};return(0,a.jsx)(a.Fragment,{children:null==n?void 0:n.map((e,n)=>(0,a.jsxs)("div",{children:[(0,a.jsx)(s.oH,{}),(0,a.jsx)("h2",{children:(0,a.jsx)(s.vB,{content:"external",target:"_blank",href:l(e,t),children:e.name})}),(0,a.jsx)(d,{...e})]},"".concat(e.name,"-").concat(n)))})};n.Z=e=>{let{title:n,variants:t,subComponent:s,isSubComponent:o,componentName:h}=e,[x,p]=(0,i.useState)(),b=(0,l.useRouter)();return(0,i.useEffect)(()=>{if(b.query){var e;let n=null===(e=b.query.page)||void 0===e?void 0:e.toString();n&&p(t.find(e=>e.name.toLowerCase()===n))}},[b]),(0,a.jsxs)(a.Fragment,{children:[x&&(0,a.jsx)("div",{children:(0,a.jsx)(d,{...x})}),!x&&!o&&(0,a.jsxs)(r.Z,{children:[(0,a.jsxs)("div",{className:"default-container",children:[(0,a.jsx)("h1",{children:n}),(0,a.jsx)(c,{variants:t,componentName:h})]}),s]}),!x&&o&&(0,a.jsxs)("div",{className:"default-container",children:[(0,a.jsx)("h2",{children:n}),(0,a.jsx)(c,{variants:t,componentName:h})]})]})}},87058:function(e,n,t){t.r(n);var a=t(52322),l=t(2784),i=t(9513),r=t(33878),s=t(95696),d=t(79041),c=t(16909),o=t(16134);n.default=()=>{let[e,n]=(0,l.useState)();return(0,l.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(r.Z,{children:[(0,a.jsxs)(s.Z,{children:[(0,a.jsx)(d.Z,{children:"Angular"}),(0,a.jsx)(d.Z,{children:"HTML"}),(0,a.jsx)(d.Z,{children:"React"}),(0,a.jsx)(d.Z,{children:"Vue"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:"{alert('click close button')}\">Closable"})}),(0,a.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("{alert('click close button')}\">Closable")},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'
\n Headline\n

Closable

\n \n Link\n \n \n Close Button\n \n
'})}),(0,a.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
\n Headline\n

Closable

\n \n Link\n \n \n Close Button\n \n
')},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:' {\n alert("click close button")\n }}\n>\n Closable\n'})}),(0,a.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText(' {\n alert("click close button")\n }}\n>\n Closable\n')},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:"{alert('click close button')}\">Closable"})}),(0,a.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("{alert('click close button')}\">Closable")},children:"Copy"})]})]})}),(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(r.Z,{children:[(0,a.jsxs)(s.Z,{children:[(0,a.jsx)(d.Z,{children:"Angular"}),(0,a.jsx)(d.Z,{children:"HTML"}),(0,a.jsx)(d.Z,{children:"React"}),(0,a.jsx)(d.Z,{children:"Vue"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:"Permanent"})}),(0,a.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Permanent")},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'
\n Headline\n

Permanent

\n \n Link\n \n
'})}),(0,a.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
\n Headline\n

Permanent

\n \n Link\n \n
')},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n Permanent\n'})}),(0,a.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Permanent\n')},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:"Permanent"})}),(0,a.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Permanent")},children:"Copy"})]})]})})]})}},45169:function(e,n,t){t.r(n);var a=t(52322),l=t(2784),i=t(9513),r=t(33878),s=t(95696),d=t(79041),c=t(16909),o=t(16134);n.default=()=>{let[e,n]=(0,l.useState)();return(0,l.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(r.Z,{children:[(0,a.jsxs)(s.Z,{children:[(0,a.jsx)(d.Z,{children:"Angular"}),(0,a.jsx)(d.Z,{children:"HTML"}),(0,a.jsx)(d.Z,{children:"React"}),(0,a.jsx)(d.Z,{children:"Vue"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:"(Default) Alert"})}),(0,a.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Alert")},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'
\n Headline\n

(Default) Alert

\n \n Link\n \n \n Close Button\n \n
'})}),(0,a.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
\n Headline\n

(Default) Alert

\n \n Link\n \n \n Close Button\n \n
')},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Alert\n'})}),(0,a.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n (Default) Alert\n')},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:"(Default) Alert"})}),(0,a.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Alert")},children:"Copy"})]})]})}),(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(r.Z,{children:[(0,a.jsxs)(s.Z,{children:[(0,a.jsx)(d.Z,{children:"Angular"}),(0,a.jsx)(d.Z,{children:"HTML"}),(0,a.jsx)(d.Z,{children:"React"}),(0,a.jsx)(d.Z,{children:"Vue"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:"Inline"})}),(0,a.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Inline")},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'
\n Headline\n

Inline

\n \n Link\n \n \n Close Button\n \n
'})}),(0,a.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
\n Headline\n

Inline

\n \n Link\n \n \n Close Button\n \n
')},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n Inline\n'})}),(0,a.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Inline\n')},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:"Inline"})}),(0,a.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Inline")},children:"Copy"})]})]})})]})}},86600:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","style":{"width":"300px"},"className":"db-ui-functional","props":{"headline":"Headline","link":{"href":"#","text":"Link"}}},{"name":"(Default) Regular","style":{"width":"300px"},"className":"db-ui-regular","props":{"headline":"Headline","link":{"href":"#","text":"Link"}}},{"name":"Expressive","style":{"width":"300px"},"className":"db-ui-expressive","props":{"headline":"Headline","link":{"href":"#","text":"Link"}}}]},{"name":"Type","examples":[{"name":"(Default) Alert","style":{"width":"300px"},"props":{"type":"alert","headline":"Headline","link":{"href":"#","text":"Link"}}},{"name":"Inline","style":{"width":"300px"},"props":{"type":"inline","headline":"Headline","link":{"href":"#","text":"Link"}}}]},{"name":"Variant","examples":[{"name":"(Default) Adaptive","style":{"width":"300px"},"props":{"type":"alert","icon":"account","headline":"Headline","link":{"href":"#","text":"Link"}}},{"name":"Neutral","style":{"width":"300px"},"props":{"type":"alert","variant":"neutral","headline":"Headline","link":{"href":"#","text":"Link"}}},{"name":"Critical","style":{"width":"300px"},"props":{"type":"alert","variant":"critical","headline":"Headline","link":{"href":"#","text":"Link"}}},{"name":"Informational","style":{"width":"300px"},"props":{"type":"alert","variant":"informational","headline":"Headline","link":{"href":"#","text":"Link"}}},{"name":"Successful","style":{"width":"300px"},"props":{"type":"alert","variant":"successful","headline":"Headline","link":{"href":"#","text":"Link"}}},{"name":"Warning","style":{"width":"300px"},"props":{"type":"alert","variant":"warning","headline":"Headline","link":{"href":"#","text":"Link"}}}]},{"name":"Content","examples":[{"name":"Headline & Text & Link & Icon","style":{"width":"300px"},"props":{"type":"alert","icon":"account","headline":"Headline","link":{"href":"#","text":"Link"}}},{"name":"Headline & Text & Link","style":{"width":"300px"},"props":{"headline":"Headline","link":{"href":"#","text":"Link"}}},{"name":"Text & Link","style":{"width":"300px"},"props":{"link":{"href":"#","text":"Link"}}},{"name":"Text","style":{"width":"300px"},"props":{}}]},{"name":"Behaviour","examples":[{"name":"Closable","style":{"width":"300px"},"props":{"type":"alert","headline":"Headline","link":{"href":"#","text":"Link"},"click":"()=>{alert(\\"click close button\\")}"}},{"name":"Permanent","style":{"width":"300px"},"props":{"type":"alert","headline":"Headline","link":{"href":"#","text":"Link"},"behaviour":"permanent"}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/11803-caf6ff8ce5b1addc.js b/review/main/_next/static/chunks/11803-caf6ff8ce5b1addc.js deleted file mode 100644 index ec63aee946f..00000000000 --- a/review/main/_next/static/chunks/11803-caf6ff8ce5b1addc.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[11803],{11803:function(e,a,t){t.d(a,{Z:function(){return T}});var n=t(52322),i=t(5632),o=t(25237),l=t.n(o),s=t(2784),r=t(61183),c=t(13776);let d=(0,s.forwardRef)(function(e,a){let t=a||(0,s.useRef)(a),[i,o]=(0,s.useState)(()=>!1);return(0,s.useEffect)(()=>{o(!e.fadeIn),document&&e.fadeIn?document.fonts.ready.then(()=>{o(!0)}):o(!0)},[]),(0,n.jsxs)("div",{ref:t,...(0,c.mS)(e,[]),id:e.id,className:(0,c.yI)("db-page",e.className,{"fixed-header-footer":"fixedHeaderFooter"===e.type}),"data-fade-in":e.fadeIn,"data-fonts-loaded":i,children:[e.slotHeader,(0,n.jsx)("main",{className:"db-main",children:e.children}),e.slotFooter]})});var u=t(16134),h=t(63900);let b=(0,s.forwardRef)(function(e,a){var t;let i=a||(0,s.useRef)(a),o=(0,s.useRef)(null);function l(a){"Escape"===a.key&&a.preventDefault(),("close"===a||"Escape"===a.key||"DIALOG"===a.target.nodeName&&"none"!==e.backdrop)&&e.onClose&&e.onClose()}function r(){(null==i?void 0:i.current)&&(e.open&&!i.current.open&&(o.current&&(o.current.hidden=!1),"none"===e.backdrop?i.current.show():i.current.showModal()),!e.open&&i.current.open&&(o.current&&(o.current.hidden=!0),setTimeout(()=>{var e;o.current&&(o.current.hidden=!1),null===(e=i.current)||void 0===e||e.close()},401)))}return(0,s.useEffect)(()=>{r()},[]),(0,s.useEffect)(()=>{r()},[e.open]),(0,n.jsx)("dialog",{className:"db-drawer",id:e.id,ref:i,...(0,c.mS)(e,["onClose"]),onClick:e=>{l(e)},onKeyDown:e=>l(e),"data-backdrop":e.backdrop,children:(0,n.jsxs)("article",{ref:o,className:(0,c.yI)("db-drawer-container",e.className),"data-spacing":e.spacing,"data-width":e.width,"data-direction":e.direction,"data-rounded":e.rounded,children:[(0,n.jsxs)("header",{className:"db-drawer-header",children:[(0,n.jsx)("div",{className:"db-drawer-header-text",children:e.slotDrawerHeader}),e.withCloseButton?(0,n.jsx)(n.Fragment,{children:(0,n.jsx)(u.Z,{icon:"close",variant:"text",className:"button-close-drawer",id:e.closeButtonId,noText:!0,onClick:e=>l("close"),children:null!==(t=e.closeButtonText)&&void 0!==t?t:h.ce})}):null]}),(0,n.jsx)("div",{className:"db-drawer-content",children:e.children})]})})}),m=(0,s.forwardRef)(function(e,a){var t;let i=a||(0,s.useRef)(a),[o,l]=(0,s.useState)(()=>h.IY),[r,d]=(0,s.useState)(()=>!1),[m,v]=(0,s.useState)(()=>!1),[p,f]=(0,s.useState)(()=>({burgerMenuLabel:"BurgerMenu"}));function g(){e.onToggle&&e.onToggle(!e.drawerOpen)}return(0,s.useEffect)(()=>{d(!0),l(e.id||"header-"+(0,c.Vj)())},[]),(0,s.useEffect)(()=>{if(r&&document&&o&&e.forceMobile){let e=document.getElementById(o);e&&(0,c.yn)(e,{key:"data-force-mobile",value:"true"}),v(!0)}},[r]),(0,n.jsxs)("header",{ref:i,...(0,c.mS)(e,[]),className:(0,c.yI)("db-header",e.className),id:o,"data-on-forcing-mobile":e.forceMobile&&!m,children:[(0,n.jsxs)(b,{spacing:"small",className:"db-header-drawer",rounded:!0,withCloseButton:!0,open:e.drawerOpen,onClose:()=>g(),children:[(0,n.jsxs)("div",{className:"db-header-drawer-navigation",children:[(0,n.jsx)("div",{className:"db-header-navigation",children:e.children}),(0,n.jsx)("div",{className:"db-header-meta-navigation",children:e.slotMetaNavigation})]}),(0,n.jsx)("div",{className:"db-header-action-bar",children:e.slotActionBar})]}),(0,n.jsx)("div",{className:"db-header-meta-navigation",children:e.slotMetaNavigation}),(0,n.jsxs)("div",{className:"db-header-navigation-bar",children:[(0,n.jsx)("div",{className:"db-header-brand-container",children:e.slotBrand}),(0,n.jsxs)("div",{className:"db-header-navigation-container",children:[(0,n.jsx)("div",{className:"db-header-navigation",children:e.children}),(0,n.jsx)("div",{className:"db-header-call-to-action",children:e.slotCallToAction})]}),(0,n.jsxs)("div",{className:"db-header-action-container",children:[(0,n.jsx)("div",{className:"db-header-burger-menu-container",children:(0,n.jsx)(u.Z,{id:"button-burger-menu",icon:"menu",variant:"text",noText:!0,onClick:()=>g(),children:null!==(t=e.burgerMenuLabel)&&void 0!==t?t:p.burgerMenuLabel})}),(0,n.jsx)("div",{className:"db-header-action-bar",children:e.slotActionBar})]})]})]})}),v=(0,s.forwardRef)(function(e,a){var t,i,o,l,r;let d=a||(0,s.useRef)(a),[u,h]=(0,s.useState)(()=>({anchorRef:"/",src:"./assets/images/db_logo.svg",width:"34",height:"24"}));return(0,n.jsxs)("div",{ref:d,...(0,c.mS)(e,[]),id:e.id,className:(0,c.yI)("db-brand",e.className),children:[(0,n.jsxs)("a",{href:null!==(t=e.anchorRef)&&void 0!==t?t:u.anchorRef,title:e.anchorTitle,rel:e.anchorRelation,children:[e.hideDefaultAsset?null:(0,n.jsx)(n.Fragment,{children:(0,n.jsx)("img",{className:"db-logo",src:null!==(i=e.imgSrc)&&void 0!==i?i:u.src,alt:null!==(o=e.imgAlt)&&void 0!==o?o:"",height:null!==(l=e.imgHeight)&&void 0!==l?l:u.height,width:null!==(r=e.imgWidth)&&void 0!==r?r:u.width})}),e.anchorChildren?(0,n.jsx)(n.Fragment,{children:e.children}):null]}),e.anchorChildren?null:(0,n.jsx)(n.Fragment,{children:e.children})]})}),p=(0,s.forwardRef)(function(e,a){let t=a||(0,s.useRef)(a),[i,o]=(0,s.useState)(()=>h.IY);return(0,s.useEffect)(()=>{o(e.id||"section-"+(0,c.Vj)())},[]),(0,n.jsx)("section",{ref:t,...(0,c.mS)(e,[]),id:i,"data-size":e.size||"medium",className:(0,c.yI)("db-section",e.className),children:(0,n.jsx)("div",{"data-variant":e.variant,children:e.children})})}),f=(0,s.forwardRef)(function(e,a){let t=a||(0,s.useRef)(a),[i,o]=(0,s.useState)(()=>h.IY);return(0,s.useEffect)(()=>{o(e.id||"main-navigation-"+(0,c.Vj)())},[]),(0,n.jsx)("nav",{ref:t,...(0,c.mS)(e,[]),id:i,className:(0,c.yI)("db-main-navigation",e.className),children:(0,n.jsx)("menu",{children:e.children})})}),g=[{label:"Home",path:"/"},{label:"Foundations",path:"/foundations",subNavigation:[{label:"Readme",path:"/foundations/readme"},{label:"Colors",path:"/foundations/colors",subNavigation:[{label:"Readme",path:"/foundations/colors/readme"},{label:"Overview",path:"/foundations/colors/overview"},{label:"Color Schemes",path:"/foundations/colors/color-schemes"}]},{label:"Font Sizes",path:"/foundations/font-sizes",subNavigation:[{label:"Readme",path:"/foundations/font-sizes/readme"},{label:"Overview",path:"/foundations/font-sizes/overview"}]},{label:"Icons",path:"/foundations/icons",subNavigation:[{label:"Readme",path:"/foundations/icons/readme"},{label:"Custom Icons",path:"/foundations/icons/custom-icons"},{label:"Overview",path:"/foundations/icons/overview"}]},{label:"Tonalities",path:"/foundations/tonalities",subNavigation:[{label:"Readme",path:"/foundations/tonalities/readme"},{label:"Examples",path:"/foundations/tonalities/examples"}]},{label:"Variables",path:"/foundations/variables",subNavigation:[{label:"Readme",path:"/foundations/variables/readme"},{label:"Examples",path:"/foundations/variables/examples"}]}]},{label:"Components",path:"/components",subNavigation:[{label:"Readme",path:"/components/readme"},{label:"Router usage",path:"/components/router-usage"},...[{label:"Action",path:"/components/action",subNavigation:[{label:"DBButton",name:"button"},{label:"DBLink",name:"link"}]},{label:"Data-Display",path:"/components/data-display",subNavigation:[{label:"DBBrand",name:"brand"},{label:"DBTooltip",name:"tooltip"},{label:"DBInfotext",name:"infotext"},{label:"DBTag",name:"tag"},{label:"DBAccordion",name:"accordion",subNavigation:[{label:"DBAccordionItem Properties",path:"/components/accordion-item/properties"}]},{label:"DBTabs",name:"tabs"},{label:"DBTab",name:"tab"}]},{label:"Data-Input",path:"/components/data-input",subNavigation:[{label:"DBCheckbox",name:"checkbox"},{label:"DBInput",name:"input"},{label:"DBRadio",name:"radio"},{label:"DBSelect",name:"select"},{label:"DBTextarea",name:"textarea"}]},{label:"Feedback",path:"/components/feedback",subNavigation:[{label:"DBAlert",name:"alert"},{label:"DBBadge",name:"badge"}]},{label:"Layout",path:"/components/layout",subNavigation:[{label:"DBCard",name:"card"},{label:"DBDivider",name:"divider"},{label:"DBDrawer",name:"drawer"},{label:"DBHeader",name:"header"},{label:"DBSection",name:"section"}]},{label:"Navigation",path:"/components/navigation",subNavigation:[{label:"DBMainNavigation",name:"main-navigation"},{label:"DBNavigationItem",name:"navigation-item"}]},{label:"Utilities",path:"/components/utilities",subNavigation:[{label:"DBPopover",name:"popover"}]}].map(e=>{var a;return{...e,subNavigation:null==e?void 0:null===(a=e.subNavigation)||void 0===a?void 0:a.map(e=>{var a;return{label:e.label,path:"/components/".concat(e.name),subNavigation:[{label:"Overview",path:"/components/".concat(e.name,"/overview")},{label:"Properties",path:"/components/".concat(e.name,"/properties")},{label:"How to use",path:"/components/".concat(e.name,"/how-to-use")},{label:"Migration",path:"/components/".concat(e.name,"/migration")},...null!==(a=e.subNavigation)&&void 0!==a?a:[]]}})}})]}];var x=t(39097),N=t.n(x);let j=(0,s.forwardRef)(function(e,a){var t;let i=a||(0,s.useRef)(a),[o,l]=(0,s.useState)(()=>!1),[r,d]=(0,s.useState)(()=>!1),[b,m]=(0,s.useState)(()=>!0),[v,p]=(0,s.useState)(()=>!1),[f,g]=(0,s.useState)(()=>"sub-navigation-"+(0,c.Vj)());return(0,s.useEffect)(()=>{l(!0)},[]),(0,s.useEffect)(()=>{void 0!==e.subNavigationExpanded&&p(!!e.subNavigationExpanded)},[e.subNavigationExpanded]),(0,s.useEffect)(()=>{if(void 0!==e.areaPopup)d(e.areaPopup),m(r);else if(o&&document&&f){var a;let e=null===(a=document)||void 0===a?void 0:a.getElementById(f);if(e){let a=e.children;(null==a?void 0:a.length)>0?(d(!0),(0,c.cd)(e)||e.setAttribute("data-outside-vx","true"),(0,c.MN)(e)||e.setAttribute("data-outside-vy","true")):m(!1)}}},[o,e.areaPopup]),(0,n.jsxs)("li",{ref:i,...(0,c.mS)(e,[]),id:e.id,className:(0,c.yI)("db-navigation-item",e.className),"data-width":e.width,"data-icon":e.icon,"aria-current":e.active?"page":void 0,"aria-disabled":e.disabled,children:[b?null:(0,n.jsx)(n.Fragment,{children:e.children}),b?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("button",{className:"db-navigation-item-expand-button","aria-haspopup":r,"aria-expanded":v,disabled:e.disabled,onClick:a=>{e.onClick&&e.onClick(a),r&&p(!0)},children:e.children}),(0,n.jsxs)("menu",{className:"db-sub-navigation",id:f,children:[r?(0,n.jsx)(n.Fragment,{children:(0,n.jsx)("div",{className:"db-mobile-navigation-back",children:(0,n.jsx)(u.Z,{icon:"arrow_back",variant:"text",id:e.backButtonId,onClick:e=>{e.stopPropagation(),p(!1)},children:null!==(t=e.backButtonText)&&void 0!==t?t:h.YP})})}):null,e.slotSubNavigation]})]}):null]})}),w=(e,a)=>{var t;return"/"===a.path?"/"===e:e.includes("".concat(a.path,"/"))||e===a.path||!!(null===(t=a.subNavigation)||void 0===t?void 0:t.find(a=>e.includes("".concat(a.path,"/"))))},B=e=>{var a;let{navItem:t}=e,o=w((0,i.useRouter)().pathname,t);return(0,n.jsx)(j,{active:o,backButtonText:"Back to ".concat(t.label),slotSubNavigation:t.subNavigation&&(0,n.jsx)(n.Fragment,{children:null==t?void 0:t.subNavigation.map(e=>(0,n.jsx)(B,{navItem:e},"router-path-".concat(e.path)))}),children:t.subNavigation?t.label:(0,n.jsx)(N(),{href:null!==(a=t.path)&&void 0!==a?a:"",children:t.label},"router-path-".concat(t.path))})};var y=()=>(0,n.jsx)(f,{children:g.map(e=>(0,n.jsx)(B,{navItem:e},"router-path-".concat(e.path)))}),D=t(35368),S=t(86095);let R=async e=>{try{let a=await fetch(e);return await a.json()}catch(e){console.error(e)}return[]},k="db-ui",I="mono";var C=()=>{let e=(0,i.useRouter)(),[a,t]=(0,s.useState)(),[o,l]=(0,s.useState)(),r=a=>{let t=e.basePath,n=a.find(e=>t.includes(e));n&&l(n)},c=(e,a)=>{let n=[],i=[],o=[],l=[],s=[],r=[];for(let e of a)e.startsWith("feat")||e.startsWith("feature")?i.push(e):e.startsWith("fix")||e.startsWith("bugfix")?o.push(e):e.startsWith("refactor")?l.push(e):/^\d*-/.test(e)?s.push(e):e.startsWith("docs")?r.push(e):n.push(e);t({others:n,features:i,docs:r,refactors:l,issues:s,bugfixes:o,versions:e})};(0,s.useEffect)(()=>{(async()=>{let e=await R("https://api.github.com/repos/".concat(k,"/").concat(I,"/branches")),a=(await R("https://api.github.com/repos/".concat(k,"/").concat(I,"/tags"))).map(e=>e.name),t=e.map(e=>e.name).filter(e=>"gh-pages"!==e&&!e.includes("dependabot"));r(t),r(a),c(a,t)})().catch(e=>{console.error(e)})},[]);let d=a=>{let t=e.pathname,n=3===a.split(".").length&&a.startsWith("v");window.location.replace((0,D.sanitize)("https://".concat(k,".github.io/").concat(I).concat(n?"/version":"/review","/").concat(a).concat(t)))};return a?(0,n.jsx)(S.kr,{className:"version-switcher",label:"Version switcher",labelVariant:"floating",value:o,onChange:e=>{d(e.target.value)},children:Object.entries(a).filter(e=>{let[a,t]=e;return(null==t?void 0:t.length)>0}).map(e=>{let[a,t]=e;return(0,n.jsx)("optgroup",{label:a,children:t.slice(0,15).map((e,t)=>(0,n.jsx)("option",{value:e,children:e},"".concat(a,"-").concat(e,"-").concat(t)))},a)})}):null};let E=e=>{let{children:a}=e,[t,o]=(0,s.useState)(!1),[l,c]=(0,s.useState)(!1),[h,b]=(0,s.useState)(!1),[f,g]=(0,s.useState)(!1),[x,N]=(0,s.useState)(),j=(0,i.useRouter)();return(0,s.useEffect)(()=>{r.Z.configure({languages:["js","ts","jsx","tsx","css","scss","html","shell"]}),r.Z.highlightAll()},[]),(0,s.useEffect)(()=>{if(j.query&&(j.query.fullscreen&&o("true"===j.query.fullscreen),j.query.noh1&&c("true"===j.query.noh1),j.query.properties&&b("true"===j.query.properties),j.query.current)){let a=Array.isArray(j.query.current)?j.query.current[0]:j.query.current;if(x!==a){var e;N(a),null===(e=document.querySelector("#".concat(a)))||void 0===e||e.scrollIntoView({behavior:"smooth"})}}},[j]),(0,n.jsxs)(n.Fragment,{children:[j.isReady&&t&&(0,n.jsx)("div",{className:"".concat(l?"noh1":""," ").concat(h?"is-properties":""),children:a}),j.isReady&&!t&&(0,n.jsx)(d,{fadeIn:!0,type:"fixedHeaderFooter",slotHeader:(0,n.jsx)(m,{drawerOpen:f,onToggle:g,slotBrand:(0,n.jsx)(v,{imgSrc:"".concat("/mono/review/main","/assets/images/db_logo.svg"),title:"DB-UI Mono",anchorChildren:!0,children:"DB-UI Mono"}),slotCallToAction:(0,n.jsx)(u.Z,{icon:"search",variant:"text",noText:!0,children:"Search"}),slotActionBar:(0,n.jsx)(C,{}),children:(0,n.jsx)(y,{})}),children:(0,n.jsx)(p,{size:"none",variant:"large",children:a})})]})};var T=l()(async()=>E,{ssr:!1})}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/12156-86a2c8c470716f30.js b/review/main/_next/static/chunks/12156-86a2c8c470716f30.js new file mode 100644 index 00000000000..d84cde17f8f --- /dev/null +++ b/review/main/_next/static/chunks/12156-86a2c8c470716f30.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[12156],{12156:function(e,a,t){t.d(a,{Z:function(){return A}});var n=t(52322),i=t(5632),o=t(25237),l=t.n(o),s=t(2784),r=t(61183),c=t(13776);let d=(0,s.forwardRef)(function(e,a){let t=a||(0,s.useRef)(a),[i,o]=(0,s.useState)(()=>!1);return(0,s.useEffect)(()=>{o(!e.fadeIn),document&&e.fadeIn?document.fonts.ready.then(()=>{o(!0)}):o(!0)},[]),(0,n.jsxs)("div",{ref:t,...(0,c.mS)(e,[]),id:e.id,className:(0,c.yI)("db-page",e.className,{"fixed-header-footer":"fixedHeaderFooter"===e.type}),"data-fade-in":e.fadeIn,"data-fonts-loaded":i,children:[e.slotHeader,(0,n.jsx)("main",{className:"db-main",children:e.children}),e.slotFooter]})});var u=t(16134),h=t(63900);let b=(0,s.forwardRef)(function(e,a){var t;let i=a||(0,s.useRef)(a),o=(0,s.useRef)(null);function l(a){"Escape"===a.key&&a.preventDefault(),("close"===a||"Escape"===a.key||"DIALOG"===a.target.nodeName&&"none"!==e.backdrop)&&e.onClose&&e.onClose()}function r(){(null==i?void 0:i.current)&&(e.open&&!i.current.open&&(o.current&&(o.current.hidden=!1),"none"===e.backdrop?i.current.show():i.current.showModal()),!e.open&&i.current.open&&(o.current&&(o.current.hidden=!0),setTimeout(()=>{var e;o.current&&(o.current.hidden=!1),null===(e=i.current)||void 0===e||e.close()},401)))}return(0,s.useEffect)(()=>{r()},[]),(0,s.useEffect)(()=>{r()},[e.open]),(0,n.jsx)("dialog",{className:"db-drawer",id:e.id,ref:i,...(0,c.mS)(e,["onClose"]),onClick:e=>{l(e)},onKeyDown:e=>l(e),"data-backdrop":e.backdrop,children:(0,n.jsxs)("article",{ref:o,className:(0,c.yI)("db-drawer-container",e.className),"data-spacing":e.spacing,"data-width":e.width,"data-direction":e.direction,"data-rounded":e.rounded,children:[(0,n.jsxs)("header",{className:"db-drawer-header",children:[(0,n.jsx)("div",{className:"db-drawer-header-text",children:e.slotDrawerHeader}),e.withCloseButton?(0,n.jsx)(n.Fragment,{children:(0,n.jsx)(u.Z,{icon:"close",variant:"text",className:"button-close-drawer",id:e.closeButtonId,noText:!0,onClick:e=>l("close"),children:null!==(t=e.closeButtonText)&&void 0!==t?t:h.ce})}):null]}),(0,n.jsx)("div",{className:"db-drawer-content",children:e.children})]})})}),m=e=>{var a,t;let{target:n}=e;return!!(!(null==n?void 0:null===(a=n.classList)||void 0===a?void 0:a.contains("db-navigation-item-expand-button"))&&(null==n?void 0:null===(t=n.parentElement)||void 0===t?void 0:t.classList.contains("db-navigation-item")))},v=(0,s.forwardRef)(function(e,a){var t;let i=a||(0,s.useRef)(a),[o,l]=(0,s.useState)(()=>h.IY),[r,d]=(0,s.useState)(()=>!1),[v,p]=(0,s.useState)(()=>!1),[f,g]=(0,s.useState)(()=>({burgerMenuLabel:"BurgerMenu"}));function x(){e.onToggle&&e.onToggle(!e.drawerOpen)}return(0,s.useEffect)(()=>{d(!0),l(e.id||"header-"+(0,c.Vj)())},[]),(0,s.useEffect)(()=>{if(r&&document&&o&&e.forceMobile){let e=document.getElementById(o);e&&(0,c.yn)(e,{key:"data-force-mobile",value:"true"}),p(!0)}},[r]),(0,n.jsxs)("header",{ref:i,...(0,c.mS)(e,[]),className:(0,c.yI)("db-header",e.className),id:o,"data-on-forcing-mobile":e.forceMobile&&!v,children:[(0,n.jsxs)(b,{spacing:"small",className:"db-header-drawer",rounded:!0,withCloseButton:!0,open:e.drawerOpen,onClose:()=>x(),children:[(0,n.jsxs)("div",{className:"db-header-drawer-navigation",children:[(0,n.jsx)("div",{className:"db-header-navigation",onClick:e=>{m(e)&&x()},children:e.children}),(0,n.jsx)("div",{className:"db-header-meta-navigation",children:e.slotMetaNavigation})]}),(0,n.jsx)("div",{className:"db-header-action-bar",children:e.slotActionBar})]}),(0,n.jsx)("div",{className:"db-header-meta-navigation",children:e.slotMetaNavigation}),(0,n.jsxs)("div",{className:"db-header-navigation-bar",children:[(0,n.jsx)("div",{className:"db-header-brand-container",children:e.slotBrand}),(0,n.jsxs)("div",{className:"db-header-navigation-container",children:[(0,n.jsx)("div",{className:"db-header-navigation",children:e.children}),(0,n.jsx)("div",{className:"db-header-call-to-action",children:e.slotCallToAction})]}),(0,n.jsxs)("div",{className:"db-header-action-container",children:[(0,n.jsx)("div",{className:"db-header-burger-menu-container",children:(0,n.jsx)(u.Z,{id:"button-burger-menu",icon:"menu",variant:"text",noText:!0,onClick:()=>x(),children:null!==(t=e.burgerMenuLabel)&&void 0!==t?t:f.burgerMenuLabel})}),(0,n.jsx)("div",{className:"db-header-action-bar",children:e.slotActionBar})]})]})]})}),p=(0,s.forwardRef)(function(e,a){var t,i,o,l,r;let d=a||(0,s.useRef)(a),[u,h]=(0,s.useState)(()=>({anchorRef:"/",src:"./assets/images/db_logo.svg",width:"34",height:"24"}));return(0,n.jsxs)("div",{ref:d,...(0,c.mS)(e,[]),id:e.id,className:(0,c.yI)("db-brand",e.className),children:[(0,n.jsxs)("a",{href:null!==(t=e.anchorRef)&&void 0!==t?t:u.anchorRef,title:e.anchorTitle,rel:e.anchorRelation,children:[e.hideDefaultAsset?null:(0,n.jsx)(n.Fragment,{children:(0,n.jsx)("img",{className:"db-logo",src:null!==(i=e.imgSrc)&&void 0!==i?i:u.src,alt:null!==(o=e.imgAlt)&&void 0!==o?o:"",height:null!==(l=e.imgHeight)&&void 0!==l?l:u.height,width:null!==(r=e.imgWidth)&&void 0!==r?r:u.width})}),e.anchorChildren?(0,n.jsx)(n.Fragment,{children:e.children}):null]}),e.anchorChildren?null:(0,n.jsx)(n.Fragment,{children:e.children})]})}),f=(0,s.forwardRef)(function(e,a){let t=a||(0,s.useRef)(a),[i,o]=(0,s.useState)(()=>h.IY);return(0,s.useEffect)(()=>{o(e.id||"section-"+(0,c.Vj)())},[]),(0,n.jsx)("section",{ref:t,...(0,c.mS)(e,[]),id:i,"data-size":e.size||"medium",className:(0,c.yI)("db-section",e.className),children:(0,n.jsx)("div",{"data-variant":e.variant,children:e.children})})}),g=(0,s.forwardRef)(function(e,a){let t=a||(0,s.useRef)(a),[i,o]=(0,s.useState)(()=>h.IY),[l,r]=(0,s.useState)(()=>!1),[d,u]=(0,s.useState)(()=>!1);return(0,s.useEffect)(()=>{o(e.id||"main-navigation-"+(0,c.Vj)()),r(!0)},[]),(0,s.useEffect)(()=>{t.current&&l&&r(!1)},[t.current,l]),(0,s.useEffect)(()=>{d&&requestAnimationFrame(()=>{u(!1)})},[d]),(0,n.jsx)("nav",{ref:t,...(0,c.mS)(e,[]),id:i,className:(0,c.yI)("db-main-navigation",e.className),onClick:e=>{m(e)&&u(!0)},"data-force-close":d,children:(0,n.jsx)("menu",{children:e.children})})}),x=[{label:"Home",path:"/"},{label:"Foundations",path:"/foundations",subNavigation:[{label:"Readme",path:"/foundations/readme"},{label:"Colors",path:"/foundations/colors",subNavigation:[{label:"Readme",path:"/foundations/colors/readme"},{label:"Overview",path:"/foundations/colors/overview"},{label:"Color Schemes",path:"/foundations/colors/color-schemes"}]},{label:"Font Sizes",path:"/foundations/font-sizes",subNavigation:[{label:"Readme",path:"/foundations/font-sizes/readme"},{label:"Overview",path:"/foundations/font-sizes/overview"}]},{label:"Icons",path:"/foundations/icons",subNavigation:[{label:"Readme",path:"/foundations/icons/readme"},{label:"Custom Icons",path:"/foundations/icons/custom-icons"},{label:"Overview",path:"/foundations/icons/overview"}]},{label:"Tonalities",path:"/foundations/tonalities",subNavigation:[{label:"Readme",path:"/foundations/tonalities/readme"},{label:"Examples",path:"/foundations/tonalities/examples"}]},{label:"Variables",path:"/foundations/variables",subNavigation:[{label:"Readme",path:"/foundations/variables/readme"},{label:"Examples",path:"/foundations/variables/examples"}]}]},{label:"Components",path:"/components",subNavigation:[{label:"Readme",path:"/components/readme"},{label:"Router usage",path:"/components/router-usage"},...[{label:"Action",path:"/components/action",subNavigation:[{label:"DBButton",name:"button"},{label:"DBLink",name:"link"}]},{label:"Data-Display",path:"/components/data-display",subNavigation:[{label:"DBBrand",name:"brand"},{label:"DBTooltip",name:"tooltip"},{label:"DBInfotext",name:"infotext"},{label:"DBTag",name:"tag"},{label:"DBAccordion",name:"accordion",subNavigation:[{label:"DBAccordionItem Properties",path:"/components/accordion-item/properties"}]},{label:"DBTabs",name:"tabs"},{label:"DBTab",name:"tab"}]},{label:"Data-Input",path:"/components/data-input",subNavigation:[{label:"DBCheckbox",name:"checkbox"},{label:"DBInput",name:"input"},{label:"DBRadio",name:"radio"},{label:"DBSelect",name:"select"},{label:"DBTextarea",name:"textarea"}]},{label:"Feedback",path:"/components/feedback",subNavigation:[{label:"DBAlert",name:"alert"},{label:"DBBadge",name:"badge"}]},{label:"Layout",path:"/components/layout",subNavigation:[{label:"DBCard",name:"card"},{label:"DBDivider",name:"divider"},{label:"DBDrawer",name:"drawer"},{label:"DBHeader",name:"header"},{label:"DBSection",name:"section"}]},{label:"Navigation",path:"/components/navigation",subNavigation:[{label:"DBMainNavigation",name:"main-navigation"},{label:"DBNavigationItem",name:"navigation-item"}]},{label:"Utilities",path:"/components/utilities",subNavigation:[{label:"DBPopover",name:"popover"}]}].map(e=>{var a;return{...e,subNavigation:null==e?void 0:null===(a=e.subNavigation)||void 0===a?void 0:a.map(e=>{var a;return{label:e.label,path:"/components/".concat(e.name),subNavigation:[{label:"Overview",path:"/components/".concat(e.name,"/overview")},{label:"Properties",path:"/components/".concat(e.name,"/properties")},{label:"How to use",path:"/components/".concat(e.name,"/how-to-use")},{label:"Migration",path:"/components/".concat(e.name,"/migration")},...null!==(a=e.subNavigation)&&void 0!==a?a:[]]}})}})]}];var N=t(39097),j=t.n(N);let w=(0,s.forwardRef)(function(e,a){var t;let i=a||(0,s.useRef)(a),[o,l]=(0,s.useState)(()=>!1),[r,d]=(0,s.useState)(()=>!1),[b,m]=(0,s.useState)(()=>!0),[v,p]=(0,s.useState)(()=>!1),[f,g]=(0,s.useState)(()=>"sub-navigation-"+(0,c.Vj)());return(0,s.useEffect)(()=>{l(!0)},[]),(0,s.useEffect)(()=>{void 0!==e.subNavigationExpanded&&p(!!e.subNavigationExpanded)},[e.subNavigationExpanded]),(0,s.useEffect)(()=>{if(void 0!==e.areaPopup)d(e.areaPopup),m(r);else if(o&&document&&f){var a;let e=null===(a=document)||void 0===a?void 0:a.getElementById(f);if(e){let a=e.children;(null==a?void 0:a.length)>0?(d(!0),(0,c.cd)(e)||e.setAttribute("data-outside-vx","true"),(0,c.MN)(e)||e.setAttribute("data-outside-vy","true")):m(!1)}}},[o,e.areaPopup]),(0,n.jsxs)("li",{ref:i,...(0,c.mS)(e,[]),id:e.id,className:(0,c.yI)("db-navigation-item",e.className),"data-width":e.width,"data-icon":e.icon,"aria-current":e.active?"page":void 0,"aria-disabled":e.disabled,children:[b?null:(0,n.jsx)(n.Fragment,{children:e.children}),b?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("button",{className:"db-navigation-item-expand-button","aria-haspopup":r,"aria-expanded":v,disabled:e.disabled,onClick:a=>{e.onClick&&e.onClick(a),r&&p(!0)},children:e.children}),(0,n.jsxs)("menu",{className:"db-sub-navigation",id:f,children:[r?(0,n.jsx)(n.Fragment,{children:(0,n.jsx)("div",{className:"db-mobile-navigation-back",children:(0,n.jsx)(u.Z,{icon:"arrow_back",variant:"text",id:e.backButtonId,onClick:e=>{e.stopPropagation(),p(!1)},children:null!==(t=e.backButtonText)&&void 0!==t?t:h.YP})})}):null,e.slotSubNavigation]})]}):null]})}),B=(e,a)=>{var t;return"/"===a.path?"/"===e:e.includes("".concat(a.path,"/"))||e===a.path||!!(null===(t=a.subNavigation)||void 0===t?void 0:t.find(a=>e.includes("".concat(a.path,"/"))))},y=e=>{var a;let{navItem:t}=e,o=B((0,i.useRouter)().pathname,t);return(0,n.jsx)(w,{active:o,backButtonText:"Back to ".concat(t.label),slotSubNavigation:t.subNavigation&&(0,n.jsx)(n.Fragment,{children:null==t?void 0:t.subNavigation.map(e=>(0,n.jsx)(y,{navItem:e},"router-path-".concat(e.path)))}),children:t.subNavigation?t.label:(0,n.jsx)(j(),{href:null!==(a=t.path)&&void 0!==a?a:"",children:t.label},"router-path-".concat(t.path))})};var S=()=>(0,n.jsx)(g,{children:x.map(e=>(0,n.jsx)(y,{navItem:e},"router-path-".concat(e.path)))}),D=t(35368),k=t(53752);let R=async e=>{try{let a=await fetch(e);return await a.json()}catch(e){console.error(e)}return[]},I="db-ui",C="mono";var E=()=>{let e=(0,i.useRouter)(),[a,t]=(0,s.useState)(),[o,l]=(0,s.useState)(),r=a=>{let t=e.basePath,n=a.find(e=>t.includes(e));n&&l(n)},c=(e,a)=>{let n=[],i=[],o=[],l=[],s=[],r=[];for(let e of a)e.startsWith("feat")||e.startsWith("feature")?i.push(e):e.startsWith("fix")||e.startsWith("bugfix")?o.push(e):e.startsWith("refactor")?l.push(e):/^\d*-/.test(e)?s.push(e):e.startsWith("docs")?r.push(e):n.push(e);t({others:n,features:i,docs:r,refactors:l,issues:s,bugfixes:o,versions:e})};(0,s.useEffect)(()=>{(async()=>{let e=await R("https://api.github.com/repos/".concat(I,"/").concat(C,"/branches")),a=(await R("https://api.github.com/repos/".concat(I,"/").concat(C,"/tags"))).map(e=>e.name),t=e.map(e=>e.name).filter(e=>"gh-pages"!==e&&!e.includes("dependabot"));r(t),r(a),c(a,t)})().catch(e=>{console.error(e)})},[]);let d=a=>{let t=e.pathname,n=3===a.split(".").length&&a.startsWith("v");window.location.replace((0,D.sanitize)("https://".concat(I,".github.io/").concat(C).concat(n?"/version":"/review","/").concat(a).concat(t)))};return a?(0,n.jsx)(k.kr,{className:"version-switcher",label:"Version switcher",labelVariant:"floating",value:o,onChange:e=>{d(e.target.value)},children:Object.entries(a).filter(e=>{let[a,t]=e;return(null==t?void 0:t.length)>0}).map(e=>{let[a,t]=e;return(0,n.jsx)("optgroup",{label:a,children:t.slice(0,15).map((e,t)=>(0,n.jsx)("option",{value:e,children:e},"".concat(a,"-").concat(e,"-").concat(t)))},a)})}):null};let T=e=>{let{children:a}=e,[t,o]=(0,s.useState)(!1),[l,c]=(0,s.useState)(!1),[h,b]=(0,s.useState)(!1),[m,g]=(0,s.useState)(!1),[x,N]=(0,s.useState)(),j=(0,i.useRouter)();return(0,s.useEffect)(()=>{r.Z.configure({languages:["js","ts","jsx","tsx","css","scss","html","shell"]}),r.Z.highlightAll()},[]),(0,s.useEffect)(()=>{if(j.query&&(j.query.fullscreen&&o("true"===j.query.fullscreen),j.query.noh1&&c("true"===j.query.noh1),j.query.properties&&b("true"===j.query.properties),j.query.current)){let a=Array.isArray(j.query.current)?j.query.current[0]:j.query.current;if(x!==a){var e;N(a),null===(e=document.querySelector("#".concat(a)))||void 0===e||e.scrollIntoView({behavior:"smooth"})}}},[j]),(0,n.jsxs)(n.Fragment,{children:[j.isReady&&t&&(0,n.jsx)("div",{className:"".concat(l?"noh1":""," ").concat(h?"is-properties":""),children:a}),j.isReady&&!t&&(0,n.jsx)(d,{fadeIn:!0,type:"fixedHeaderFooter",slotHeader:(0,n.jsx)(v,{drawerOpen:m,onToggle:g,slotBrand:(0,n.jsx)(p,{imgSrc:"".concat("/mono/review/main","/assets/images/db_logo.svg"),title:"DB-UI Mono",anchorChildren:!0,children:"DB-UI Mono"}),slotCallToAction:(0,n.jsx)(u.Z,{icon:"search",variant:"text",noText:!0,children:"Search"}),slotActionBar:(0,n.jsx)(E,{}),children:(0,n.jsx)(S,{})}),children:(0,n.jsx)(f,{size:"none",variant:"large",children:a})})]})};var A=l()(async()=>T,{ssr:!1})}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/16288-8f39562497331e02.js b/review/main/_next/static/chunks/16288-5ad5358999bcce4e.js similarity index 72% rename from review/main/_next/static/chunks/16288-8f39562497331e02.js rename to review/main/_next/static/chunks/16288-5ad5358999bcce4e.js index 4e93b269be9..63754ecf5f6 100644 --- a/review/main/_next/static/chunks/16288-8f39562497331e02.js +++ b/review/main/_next/static/chunks/16288-5ad5358999bcce4e.js @@ -1 +1 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[16288],{37395:function(e,a,n){n.d(a,{P:function(){return i}});let i=(e,a,n)=>e.map((e,i)=>{var t;return{...e,slotCode:null!==(t=null==n?void 0:n.at(i))&&void 0!==t?t:"No code available",examples:e.examples.map(e=>{var n,i,t,o;return{...e,example:a({...e.props,id:null!==(t=null===(n=e.props)||void 0===n?void 0:n.id)&&void 0!==t?t:e.name,children:null!==(o=null===(i=e.props)||void 0===i?void 0:i.children)&&void 0!==o?o:e.name})}})}})},99341:function(e,a,n){var i=n(52322),t=n(5632),o=n(2784),s=n(11803),l=n(86095);let r=e=>{let{examples:a,slotCode:n}=e,[t,s]=(0,o.useState)();return(0,i.jsxs)(l.f,{className:"variants-card db-code-docs",children:[(0,i.jsx)("div",{className:"variants-list",children:a.map((e,a)=>(0,i.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(a)))}),(0,i.jsxs)("details",{className:"code-details",onToggle:()=>{s(!t)},children:[(0,i.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:t?"Hide code":"Show code"}),(0,i.jsxs)("div",{className:"db-ui-functional",children:[(0,i.jsx)("div",{className:"backdrop"}),(0,i.jsx)(l.f,{className:"code",spacing:"small",children:n})]})]})]})},c=e=>{let{variants:a,componentName:n}=e,t=(e,a)=>{if(!window.location.origin||!window.location.href)return"";let n=window.location.href.split("?")[0],i="?page=".concat(e.name.toLowerCase());return a?"".concat(n.split("components")[0],"/components/").concat(a).concat(i):"".concat(n).concat(i)};return(0,i.jsx)(i.Fragment,{children:null==a?void 0:a.map((e,a)=>(0,i.jsxs)("div",{children:[(0,i.jsx)(l.oH,{}),(0,i.jsx)("h2",{children:(0,i.jsx)(l.vB,{content:"external",target:"_blank",href:t(e,n),children:e.name})}),(0,i.jsx)(r,{...e})]},"".concat(e.name,"-").concat(a)))})};a.Z=e=>{let{title:a,variants:n,subComponent:l,isSubComponent:d,componentName:u}=e,[p,x]=(0,o.useState)(),m=(0,t.useRouter)();return(0,o.useEffect)(()=>{if(m.query){var e;let a=null===(e=m.query.page)||void 0===e?void 0:e.toString();a&&x(n.find(e=>e.name.toLowerCase()===a))}},[m]),(0,i.jsxs)(i.Fragment,{children:[p&&(0,i.jsx)("div",{children:(0,i.jsx)(r,{...p})}),!p&&!d&&(0,i.jsxs)(s.Z,{children:[(0,i.jsxs)("div",{className:"default-container",children:[(0,i.jsx)("h1",{children:a}),(0,i.jsx)(c,{variants:n,componentName:u})]}),l]}),!p&&d&&(0,i.jsxs)("div",{className:"default-container",children:[(0,i.jsx)("h2",{children:a}),(0,i.jsx)(c,{variants:n,componentName:u})]})]})}},18986:function(e,a,n){n.r(a);var i=n(52322),t=n(2784),o=n(9513),s=n(33878),l=n(95696),r=n(79041),c=n(16909),d=n(16134);a.default=()=>{let[e,a]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(s.Z,{children:[(0,i.jsxs)(l.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Enabled (Default)/Hover/Pressed'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Enabled (Default)/Hover/Pressed')},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:"Enabled (Default)/Hover/Pressed"})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Enabled (Default)/Hover/Pressed")},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Enabled (Default)/Hover/Pressed'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Enabled (Default)/Hover/Pressed')},children:"Copy"})]})]})}),(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(s.Z,{children:[(0,i.jsxs)(l.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Active'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Active')},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:"\n Active\n"})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("\n Active\n")},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Active'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Active')},children:"Copy"})]})]})}),(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(s.Z,{children:[(0,i.jsxs)(l.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Disabled')},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:"\n Disabled\n"})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("\n Disabled\n")},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Disabled')},children:"Copy"})]})]})})]})}},25060:function(e,a,n){n.r(a);var i=n(52322),t=n(2784),o=n(9513),s=n(33878),l=n(95696),r=n(79041),c=n(16909),d=n(16134);a.default=()=>{let[e,a]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(s.Z,{children:[(0,i.jsxs)(l.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]})]})}),(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(s.Z,{children:[(0,i.jsxs)(l.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]})]})}),(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(s.Z,{children:[(0,i.jsxs)(l.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]})]})})]})}},39805:function(e,a,n){n.r(a);var i=n(52322),t=n(2784),o=n(9513),s=n(33878),l=n(95696),r=n(79041),c=n(16909),d=n(16134);a.default=()=>{let[e,a]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(s.Z,{children:[(0,i.jsxs)(l.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'(Default) Auto'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Auto')},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:"(Default) Auto"})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Auto")},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Auto'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Auto')},children:"Copy"})]})]})}),(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(s.Z,{children:[(0,i.jsxs)(l.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Full'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Full')},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Full\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Full\n')},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Full'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Full')},children:"Copy"})]})]})})]})}},89267:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{"areaPopup":true}},{"name":"(Default) Regular","className":"db-ui-regular","props":{"areaPopup":true}},{"name":"Expressive","className":"db-ui-expressive","props":{"areaPopup":true}}]},{"name":"Interaction-States","examples":[{"name":"Enabled (Default)/Hover/Pressed","props":{"areaPopup":true}},{"name":"Active","props":{"active":true,"areaPopup":true}},{"name":"Disabled","props":{"disabled":true,"areaPopup":true}}]},{"name":"Content","examples":[{"name":"(Default) Text","props":{"areaPopup":false}},{"name":"Text - Icon (Leading)","props":{"icon":"account","areaPopup":false}},{"name":"Text - Icons (Leading, Chevron)","props":{"icon":"account","areaPopup":true}},{"name":"Text - Icon (Chevron)","props":{"areaPopup":true}}]},{"name":"Width","examples":[{"name":"(Default) Auto","style":{"width":"400px"},"props":{"areaPopup":true}},{"name":"Full","style":{"width":"400px"},"props":{"width":"full","areaPopup":true}}]}]')}}]); \ No newline at end of file +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[16288],{37395:function(e,a,n){n.d(a,{P:function(){return i}});let i=(e,a,n)=>e.map((e,i)=>{var t;return{...e,slotCode:null!==(t=null==n?void 0:n.at(i))&&void 0!==t?t:"No code available",examples:e.examples.map(e=>{var n,i,t,o;return{...e,example:a({...e.props,id:null!==(t=null===(n=e.props)||void 0===n?void 0:n.id)&&void 0!==t?t:e.name,children:null!==(o=null===(i=e.props)||void 0===i?void 0:i.children)&&void 0!==o?o:e.name})}})}})},99341:function(e,a,n){var i=n(52322),t=n(5632),o=n(2784),s=n(12156),l=n(53752);let r=e=>{let{examples:a,slotCode:n}=e,[t,s]=(0,o.useState)();return(0,i.jsxs)(l.f,{className:"variants-card db-code-docs",children:[(0,i.jsx)("div",{className:"variants-list",children:a.map((e,a)=>(0,i.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(a)))}),(0,i.jsxs)("details",{className:"code-details",onToggle:()=>{s(!t)},children:[(0,i.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:t?"Hide code":"Show code"}),(0,i.jsxs)("div",{className:"db-ui-functional",children:[(0,i.jsx)("div",{className:"backdrop"}),(0,i.jsx)(l.f,{className:"code",spacing:"small",children:n})]})]})]})},c=e=>{let{variants:a,componentName:n}=e,t=(e,a)=>{if(!window.location.origin||!window.location.href)return"";let n=window.location.href.split("?")[0],i="?page=".concat(e.name.toLowerCase());return a?"".concat(n.split("components")[0],"/components/").concat(a).concat(i):"".concat(n).concat(i)};return(0,i.jsx)(i.Fragment,{children:null==a?void 0:a.map((e,a)=>(0,i.jsxs)("div",{children:[(0,i.jsx)(l.oH,{}),(0,i.jsx)("h2",{children:(0,i.jsx)(l.vB,{content:"external",target:"_blank",href:t(e,n),children:e.name})}),(0,i.jsx)(r,{...e})]},"".concat(e.name,"-").concat(a)))})};a.Z=e=>{let{title:a,variants:n,subComponent:l,isSubComponent:d,componentName:u}=e,[p,x]=(0,o.useState)(),m=(0,t.useRouter)();return(0,o.useEffect)(()=>{if(m.query){var e;let a=null===(e=m.query.page)||void 0===e?void 0:e.toString();a&&x(n.find(e=>e.name.toLowerCase()===a))}},[m]),(0,i.jsxs)(i.Fragment,{children:[p&&(0,i.jsx)("div",{children:(0,i.jsx)(r,{...p})}),!p&&!d&&(0,i.jsxs)(s.Z,{children:[(0,i.jsxs)("div",{className:"default-container",children:[(0,i.jsx)("h1",{children:a}),(0,i.jsx)(c,{variants:n,componentName:u})]}),l]}),!p&&d&&(0,i.jsxs)("div",{className:"default-container",children:[(0,i.jsx)("h2",{children:a}),(0,i.jsx)(c,{variants:n,componentName:u})]})]})}},18986:function(e,a,n){n.r(a);var i=n(52322),t=n(2784),o=n(9513),s=n(33878),l=n(95696),r=n(79041),c=n(16909),d=n(16134);a.default=()=>{let[e,a]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(s.Z,{children:[(0,i.jsxs)(l.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Enabled (Default)/Hover/Pressed'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Enabled (Default)/Hover/Pressed')},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:"Enabled (Default)/Hover/Pressed"})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Enabled (Default)/Hover/Pressed")},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Enabled (Default)/Hover/Pressed'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Enabled (Default)/Hover/Pressed')},children:"Copy"})]})]})}),(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(s.Z,{children:[(0,i.jsxs)(l.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Active'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Active')},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:"\n Active\n"})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("\n Active\n")},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Active'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Active')},children:"Copy"})]})]})}),(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(s.Z,{children:[(0,i.jsxs)(l.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Disabled')},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:"\n Disabled\n"})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("\n Disabled\n")},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Disabled')},children:"Copy"})]})]})})]})}},25060:function(e,a,n){n.r(a);var i=n(52322),t=n(2784),o=n(9513),s=n(33878),l=n(95696),r=n(79041),c=n(16909),d=n(16134);a.default=()=>{let[e,a]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(s.Z,{children:[(0,i.jsxs)(l.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]})]})}),(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(s.Z,{children:[(0,i.jsxs)(l.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]})]})}),(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(s.Z,{children:[(0,i.jsxs)(l.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]})]})})]})}},39805:function(e,a,n){n.r(a);var i=n(52322),t=n(2784),o=n(9513),s=n(33878),l=n(95696),r=n(79041),c=n(16909),d=n(16134);a.default=()=>{let[e,a]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(s.Z,{children:[(0,i.jsxs)(l.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'(Default) Auto'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Auto')},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:"(Default) Auto"})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Auto")},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Auto'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Auto')},children:"Copy"})]})]})}),(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(s.Z,{children:[(0,i.jsxs)(l.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Full'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Full')},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Full\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Full\n')},children:"Copy"})]}),(0,i.jsxs)(c.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Full'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Full')},children:"Copy"})]})]})})]})}},89267:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{"areaPopup":true}},{"name":"(Default) Regular","className":"db-ui-regular","props":{"areaPopup":true}},{"name":"Expressive","className":"db-ui-expressive","props":{"areaPopup":true}}]},{"name":"Interaction-States","examples":[{"name":"Enabled (Default)/Hover/Pressed","props":{"areaPopup":true}},{"name":"Active","props":{"active":true,"areaPopup":true}},{"name":"Disabled","props":{"disabled":true,"areaPopup":true}}]},{"name":"Content","examples":[{"name":"(Default) Text","props":{"areaPopup":false}},{"name":"Text - Icon (Leading)","props":{"icon":"account","areaPopup":false}},{"name":"Text - Icons (Leading, Chevron)","props":{"icon":"account","areaPopup":true}},{"name":"Text - Icon (Chevron)","props":{"areaPopup":true}}]},{"name":"Width","examples":[{"name":"(Default) Auto","style":{"width":"400px"},"props":{"areaPopup":true}},{"name":"Full","style":{"width":"400px"},"props":{"width":"full","areaPopup":true}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/2177-67c5397641cc2483.js b/review/main/_next/static/chunks/2177-46ddcb950b0135ca.js similarity index 99% rename from review/main/_next/static/chunks/2177-67c5397641cc2483.js rename to review/main/_next/static/chunks/2177-46ddcb950b0135ca.js index 5c38bf527c4..abd7770a083 100644 --- a/review/main/_next/static/chunks/2177-67c5397641cc2483.js +++ b/review/main/_next/static/chunks/2177-46ddcb950b0135ca.js @@ -1 +1 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2177],{37395:function(t,n,a){a.d(n,{P:function(){return e}});let e=(t,n,a)=>t.map((t,e)=>{var i;return{...t,slotCode:null!==(i=null==a?void 0:a.at(e))&&void 0!==i?i:"No code available",examples:t.examples.map(t=>{var a,e,i,d;return{...t,example:n({...t.props,id:null!==(i=null===(a=t.props)||void 0===a?void 0:a.id)&&void 0!==i?i:t.name,children:null!==(d=null===(e=t.props)||void 0===e?void 0:e.children)&&void 0!==d?d:t.name})}})}})},99341:function(t,n,a){var e=a(52322),i=a(5632),d=a(2784),o=a(11803),r=a(86095);let c=t=>{let{examples:n,slotCode:a}=t,[i,o]=(0,d.useState)();return(0,e.jsxs)(r.f,{className:"variants-card db-code-docs",children:[(0,e.jsx)("div",{className:"variants-list",children:n.map((t,n)=>(0,e.jsx)("div",{style:t.style,className:t.className,children:t.example},"".concat(t.name,"-").concat(n)))}),(0,e.jsxs)("details",{className:"code-details",onToggle:()=>{o(!i)},children:[(0,e.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:i?"Hide code":"Show code"}),(0,e.jsxs)("div",{className:"db-ui-functional",children:[(0,e.jsx)("div",{className:"backdrop"}),(0,e.jsx)(r.f,{className:"code",spacing:"small",children:a})]})]})]})},l=t=>{let{variants:n,componentName:a}=t,i=(t,n)=>{if(!window.location.origin||!window.location.href)return"";let a=window.location.href.split("?")[0],e="?page=".concat(t.name.toLowerCase());return n?"".concat(a.split("components")[0],"/components/").concat(n).concat(e):"".concat(a).concat(e)};return(0,e.jsx)(e.Fragment,{children:null==n?void 0:n.map((t,n)=>(0,e.jsxs)("div",{children:[(0,e.jsx)(r.oH,{}),(0,e.jsx)("h2",{children:(0,e.jsx)(r.vB,{content:"external",target:"_blank",href:i(t,a),children:t.name})}),(0,e.jsx)(c,{...t})]},"".concat(t.name,"-").concat(n)))})};n.Z=t=>{let{title:n,variants:a,subComponent:r,isSubComponent:b,componentName:s}=t,[u,v]=(0,d.useState)(),B=(0,i.useRouter)();return(0,d.useEffect)(()=>{if(B.query){var t;let n=null===(t=B.query.page)||void 0===t?void 0:t.toString();n&&v(a.find(t=>t.name.toLowerCase()===n))}},[B]),(0,e.jsxs)(e.Fragment,{children:[u&&(0,e.jsx)("div",{children:(0,e.jsx)(c,{...u})}),!u&&!b&&(0,e.jsxs)(o.Z,{children:[(0,e.jsxs)("div",{className:"default-container",children:[(0,e.jsx)("h1",{children:n}),(0,e.jsx)(l,{variants:a,componentName:s})]}),r]}),!u&&b&&(0,e.jsxs)("div",{className:"default-container",children:[(0,e.jsx)("h2",{children:n}),(0,e.jsx)(l,{variants:a,componentName:s})]})]})}},97461:function(t){t.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{},"code":{"html":"
    \\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\tImprintHelp\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\n\\t\\t\\n\\t\\t
    \\n\\t\\t\\tImprintHelp\\n\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSearch\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tBurgerMenu\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\n\\t
    ","angular":"\\n\\tDBHeader\\n\\t\\n\\t\\tfunctionalfunctional disabled\\n\\t\\n\\t\\n\\t\\tImprint\\n\\t\\tHelp\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tSearch\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tProfile\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNotification\\n\\t\\t\\n\\t\\t Help \\n\\t\\n","react":"\\n\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tslotMetaNavigation={\\n\\t\\t\\t<>\\n\\t\\t\\t\\tImprint\\n\\t\\t\\t\\tHelp\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tslotCallToAction={\\n\\t\\t\\t\\n\\t\\t\\t\\tSearch\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tslotActionBar={\\n\\t\\t\\t<>\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t}>\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tfunctional\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tfunctional disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tfunctional\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tfunctional disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t"}},{"name":"(Default) Regular","className":"db-ui-regular","props":{},"code":{"html":"
    \\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\tImprintHelp\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\n\\t\\t\\n\\t\\t
    \\n\\t\\t\\tImprintHelp\\n\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSearch\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tBurgerMenu\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\n\\t
    ","angular":"\\n\\tDBHeader\\n\\t\\n\\t\\tRegular (Default)Regular (Default) disabled\\n\\t\\n\\t\\n\\t\\tImprint\\n\\t\\tHelp\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tSearch\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tProfile\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNotification\\n\\t\\t\\n\\t\\t Help \\n\\t\\n","react":"\\n\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tslotMetaNavigation={\\n\\t\\t\\t<>\\n\\t\\t\\t\\tImprint\\n\\t\\t\\t\\tHelp\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tslotCallToAction={\\n\\t\\t\\t\\n\\t\\t\\t\\tSearch\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tslotActionBar={\\n\\t\\t\\t<>\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t}>\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t"}},{"name":"Expressive","className":"db-ui-expressive","props":{},"code":{"html":"
    \\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\tImprintHelp\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\n\\t\\t\\n\\t\\t
    \\n\\t\\t\\tImprintHelp\\n\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSearch\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tBurgerMenu\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\n\\t
    ","angular":"\\n\\tDBHeader\\n\\t\\n\\t\\texpressiveexpressive disabled\\n\\t\\n\\t\\n\\t\\tImprint\\n\\t\\tHelp\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tSearch\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tProfile\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNotification\\n\\t\\t\\n\\t\\t Help \\n\\t\\n","react":"\\n\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tslotMetaNavigation={\\n\\t\\t\\t<>\\n\\t\\t\\t\\tImprint\\n\\t\\t\\t\\tHelp\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tslotCallToAction={\\n\\t\\t\\t\\n\\t\\t\\t\\tSearch\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tslotActionBar={\\n\\t\\t\\t<>\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t}>\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\texpressive\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\texpressive disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\texpressive\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\texpressive disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t"}}]},{"name":"Behaviour","examples":[{"name":"Desktop (full width)","style":{"width":"100%","display":"block"},"code":{"html":"
    \\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\tImprintHelp\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\n\\t\\t\\n\\t\\t
    \\n\\t\\t\\tImprintHelp\\n\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSearch\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tBurgerMenu\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\n\\t
    ","angular":"\\n\\tDBHeader\\n\\t\\n\\t\\tDesktop (full width)Desktop (full width) disabled\\n\\t\\n\\t\\n\\t\\tImprint\\n\\t\\tHelp\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tSearch\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tProfile\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNotification\\n\\t\\t\\n\\t\\t Help \\n\\t\\n","react":"\\n\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tslotMetaNavigation={\\n\\t\\t\\t<>\\n\\t\\t\\t\\tImprint\\n\\t\\t\\t\\tHelp\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tslotCallToAction={\\n\\t\\t\\t\\n\\t\\t\\t\\tSearch\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tslotActionBar={\\n\\t\\t\\t<>\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t}>\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width)\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width) disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width)\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width) disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t"}},{"name":"Mobile","props":{"forceMobile":"true"},"code":{"html":"
    \\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\tImprintHelp\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\n\\t\\t\\n\\t\\t
    \\n\\t\\t\\tImprintHelp\\n\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSearch\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tBurgerMenu\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\n\\t
    ","angular":"\\n\\tDBHeader\\n\\t\\n\\t\\tMobileMobile disabled\\n\\t\\n\\t\\n\\t\\tImprint\\n\\t\\tHelp\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tSearch\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tProfile\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNotification\\n\\t\\t\\n\\t\\t Help \\n\\t\\n","react":"\\n\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tslotMetaNavigation={\\n\\t\\t\\t<>\\n\\t\\t\\t\\tImprint\\n\\t\\t\\t\\tHelp\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tslotCallToAction={\\n\\t\\t\\t\\n\\t\\t\\t\\tSearch\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tslotActionBar={\\n\\t\\t\\t<>\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t}>\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tMobile\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tMobile disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tMobile\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tMobile disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t"}}]}]')}}]); \ No newline at end of file +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2177],{37395:function(t,n,a){a.d(n,{P:function(){return e}});let e=(t,n,a)=>t.map((t,e)=>{var i;return{...t,slotCode:null!==(i=null==a?void 0:a.at(e))&&void 0!==i?i:"No code available",examples:t.examples.map(t=>{var a,e,i,d;return{...t,example:n({...t.props,id:null!==(i=null===(a=t.props)||void 0===a?void 0:a.id)&&void 0!==i?i:t.name,children:null!==(d=null===(e=t.props)||void 0===e?void 0:e.children)&&void 0!==d?d:t.name})}})}})},99341:function(t,n,a){var e=a(52322),i=a(5632),d=a(2784),o=a(12156),r=a(53752);let c=t=>{let{examples:n,slotCode:a}=t,[i,o]=(0,d.useState)();return(0,e.jsxs)(r.f,{className:"variants-card db-code-docs",children:[(0,e.jsx)("div",{className:"variants-list",children:n.map((t,n)=>(0,e.jsx)("div",{style:t.style,className:t.className,children:t.example},"".concat(t.name,"-").concat(n)))}),(0,e.jsxs)("details",{className:"code-details",onToggle:()=>{o(!i)},children:[(0,e.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:i?"Hide code":"Show code"}),(0,e.jsxs)("div",{className:"db-ui-functional",children:[(0,e.jsx)("div",{className:"backdrop"}),(0,e.jsx)(r.f,{className:"code",spacing:"small",children:a})]})]})]})},l=t=>{let{variants:n,componentName:a}=t,i=(t,n)=>{if(!window.location.origin||!window.location.href)return"";let a=window.location.href.split("?")[0],e="?page=".concat(t.name.toLowerCase());return n?"".concat(a.split("components")[0],"/components/").concat(n).concat(e):"".concat(a).concat(e)};return(0,e.jsx)(e.Fragment,{children:null==n?void 0:n.map((t,n)=>(0,e.jsxs)("div",{children:[(0,e.jsx)(r.oH,{}),(0,e.jsx)("h2",{children:(0,e.jsx)(r.vB,{content:"external",target:"_blank",href:i(t,a),children:t.name})}),(0,e.jsx)(c,{...t})]},"".concat(t.name,"-").concat(n)))})};n.Z=t=>{let{title:n,variants:a,subComponent:r,isSubComponent:b,componentName:s}=t,[u,v]=(0,d.useState)(),B=(0,i.useRouter)();return(0,d.useEffect)(()=>{if(B.query){var t;let n=null===(t=B.query.page)||void 0===t?void 0:t.toString();n&&v(a.find(t=>t.name.toLowerCase()===n))}},[B]),(0,e.jsxs)(e.Fragment,{children:[u&&(0,e.jsx)("div",{children:(0,e.jsx)(c,{...u})}),!u&&!b&&(0,e.jsxs)(o.Z,{children:[(0,e.jsxs)("div",{className:"default-container",children:[(0,e.jsx)("h1",{children:n}),(0,e.jsx)(l,{variants:a,componentName:s})]}),r]}),!u&&b&&(0,e.jsxs)("div",{className:"default-container",children:[(0,e.jsx)("h2",{children:n}),(0,e.jsx)(l,{variants:a,componentName:s})]})]})}},97461:function(t){t.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{},"code":{"html":"
    \\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\tImprintHelp\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\n\\t\\t\\n\\t\\t
    \\n\\t\\t\\tImprintHelp\\n\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSearch\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tBurgerMenu\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\n\\t
    ","angular":"\\n\\tDBHeader\\n\\t\\n\\t\\tfunctionalfunctional disabled\\n\\t\\n\\t\\n\\t\\tImprint\\n\\t\\tHelp\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tSearch\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tProfile\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNotification\\n\\t\\t\\n\\t\\t Help \\n\\t\\n","react":"\\n\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tslotMetaNavigation={\\n\\t\\t\\t<>\\n\\t\\t\\t\\tImprint\\n\\t\\t\\t\\tHelp\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tslotCallToAction={\\n\\t\\t\\t\\n\\t\\t\\t\\tSearch\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tslotActionBar={\\n\\t\\t\\t<>\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t}>\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tfunctional\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tfunctional disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tfunctional\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tfunctional disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t"}},{"name":"(Default) Regular","className":"db-ui-regular","props":{},"code":{"html":"
    \\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\tImprintHelp\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\n\\t\\t\\n\\t\\t
    \\n\\t\\t\\tImprintHelp\\n\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSearch\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tBurgerMenu\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\n\\t
    ","angular":"\\n\\tDBHeader\\n\\t\\n\\t\\tRegular (Default)Regular (Default) disabled\\n\\t\\n\\t\\n\\t\\tImprint\\n\\t\\tHelp\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tSearch\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tProfile\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNotification\\n\\t\\t\\n\\t\\t Help \\n\\t\\n","react":"\\n\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tslotMetaNavigation={\\n\\t\\t\\t<>\\n\\t\\t\\t\\tImprint\\n\\t\\t\\t\\tHelp\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tslotCallToAction={\\n\\t\\t\\t\\n\\t\\t\\t\\tSearch\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tslotActionBar={\\n\\t\\t\\t<>\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t}>\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t"}},{"name":"Expressive","className":"db-ui-expressive","props":{},"code":{"html":"
    \\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\tImprintHelp\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\n\\t\\t\\n\\t\\t
    \\n\\t\\t\\tImprintHelp\\n\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSearch\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tBurgerMenu\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\n\\t
    ","angular":"\\n\\tDBHeader\\n\\t\\n\\t\\texpressiveexpressive disabled\\n\\t\\n\\t\\n\\t\\tImprint\\n\\t\\tHelp\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tSearch\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tProfile\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNotification\\n\\t\\t\\n\\t\\t Help \\n\\t\\n","react":"\\n\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tslotMetaNavigation={\\n\\t\\t\\t<>\\n\\t\\t\\t\\tImprint\\n\\t\\t\\t\\tHelp\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tslotCallToAction={\\n\\t\\t\\t\\n\\t\\t\\t\\tSearch\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tslotActionBar={\\n\\t\\t\\t<>\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t}>\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\texpressive\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\texpressive disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\texpressive\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\texpressive disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t"}}]},{"name":"Behaviour","examples":[{"name":"Desktop (full width)","style":{"width":"100%","display":"block"},"code":{"html":"
    \\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\tImprintHelp\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\n\\t\\t\\n\\t\\t
    \\n\\t\\t\\tImprintHelp\\n\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSearch\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tBurgerMenu\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\n\\t
    ","angular":"\\n\\tDBHeader\\n\\t\\n\\t\\tDesktop (full width)Desktop (full width) disabled\\n\\t\\n\\t\\n\\t\\tImprint\\n\\t\\tHelp\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tSearch\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tProfile\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNotification\\n\\t\\t\\n\\t\\t Help \\n\\t\\n","react":"\\n\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tslotMetaNavigation={\\n\\t\\t\\t<>\\n\\t\\t\\t\\tImprint\\n\\t\\t\\t\\tHelp\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tslotCallToAction={\\n\\t\\t\\t\\n\\t\\t\\t\\tSearch\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tslotActionBar={\\n\\t\\t\\t<>\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t}>\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width)\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width) disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width)\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tDesktop (full width) disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t"}},{"name":"Mobile","props":{"forceMobile":"true"},"code":{"html":"
    \\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\tImprintHelp\\n\\t\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\n\\t\\t\\n\\t\\t
    \\n\\t\\t\\tImprintHelp\\n\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\tRegular (Default) disabled\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSearch\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tBurgerMenu\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t
    \\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\n\\t
    ","angular":"\\n\\tDBHeader\\n\\t\\n\\t\\tMobileMobile disabled\\n\\t\\n\\t\\n\\t\\tImprint\\n\\t\\tHelp\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tSearch\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tProfile\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNotification\\n\\t\\t\\n\\t\\t Help \\n\\t\\n","react":"\\n\\t\\t\\t\\tDBHeader\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tslotMetaNavigation={\\n\\t\\t\\t<>\\n\\t\\t\\t\\tImprint\\n\\t\\t\\t\\tHelp\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tslotCallToAction={\\n\\t\\t\\t\\n\\t\\t\\t\\tSearch\\n\\t\\t\\t\\n\\t\\t}\\n\\t\\tslotActionBar={\\n\\t\\t\\t<>\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tProfile\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tNotification\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tHelp\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t}>\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tMobile\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tMobile disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\n\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tMobile\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\tMobile disabled\\n\\t\\t\\t\\n\\t\\t\\n\\t"}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/23803-3b32f62a747bfc39.js b/review/main/_next/static/chunks/23803-d1f81ac1d40eda7f.js similarity index 99% rename from review/main/_next/static/chunks/23803-3b32f62a747bfc39.js rename to review/main/_next/static/chunks/23803-d1f81ac1d40eda7f.js index ca900c496e5..47564e37f62 100644 --- a/review/main/_next/static/chunks/23803-3b32f62a747bfc39.js +++ b/review/main/_next/static/chunks/23803-d1f81ac1d40eda7f.js @@ -1 +1 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[23803],{37395:function(e,a,c){c.d(a,{P:function(){return n}});let n=(e,a,c)=>e.map((e,n)=>{var t;return{...e,slotCode:null!==(t=null==c?void 0:c.at(n))&&void 0!==t?t:"No code available",examples:e.examples.map(e=>{var c,n,t,o;return{...e,example:a({...e.props,id:null!==(t=null===(c=e.props)||void 0===c?void 0:c.id)&&void 0!==t?t:e.name,children:null!==(o=null===(n=e.props)||void 0===n?void 0:n.children)&&void 0!==o?o:e.name})}})}})},99341:function(e,a,c){var n=c(52322),t=c(5632),o=c(2784),i=c(11803),s=c(86095);let l=e=>{let{examples:a,slotCode:c}=e,[t,i]=(0,o.useState)();return(0,n.jsxs)(s.f,{className:"variants-card db-code-docs",children:[(0,n.jsx)("div",{className:"variants-list",children:a.map((e,a)=>(0,n.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(a)))}),(0,n.jsxs)("details",{className:"code-details",onToggle:()=>{i(!t)},children:[(0,n.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:t?"Hide code":"Show code"}),(0,n.jsxs)("div",{className:"db-ui-functional",children:[(0,n.jsx)("div",{className:"backdrop"}),(0,n.jsx)(s.f,{className:"code",spacing:"small",children:c})]})]})]})},r=e=>{let{variants:a,componentName:c}=e,t=(e,a)=>{if(!window.location.origin||!window.location.href)return"";let c=window.location.href.split("?")[0],n="?page=".concat(e.name.toLowerCase());return a?"".concat(c.split("components")[0],"/components/").concat(a).concat(n):"".concat(c).concat(n)};return(0,n.jsx)(n.Fragment,{children:null==a?void 0:a.map((e,a)=>(0,n.jsxs)("div",{children:[(0,n.jsx)(s.oH,{}),(0,n.jsx)("h2",{children:(0,n.jsx)(s.vB,{content:"external",target:"_blank",href:t(e,c),children:e.name})}),(0,n.jsx)(l,{...e})]},"".concat(e.name,"-").concat(a)))})};a.Z=e=>{let{title:a,variants:c,subComponent:s,isSubComponent:d,componentName:x}=e,[h,b]=(0,o.useState)(),g=(0,t.useRouter)();return(0,o.useEffect)(()=>{if(g.query){var e;let a=null===(e=g.query.page)||void 0===e?void 0:e.toString();a&&b(c.find(e=>e.name.toLowerCase()===a))}},[g]),(0,n.jsxs)(n.Fragment,{children:[h&&(0,n.jsx)("div",{children:(0,n.jsx)(l,{...h})}),!h&&!d&&(0,n.jsxs)(i.Z,{children:[(0,n.jsxs)("div",{className:"default-container",children:[(0,n.jsx)("h1",{children:a}),(0,n.jsx)(r,{variants:c,componentName:x})]}),s]}),!h&&d&&(0,n.jsxs)("div",{className:"default-container",children:[(0,n.jsx)("h2",{children:a}),(0,n.jsx)(r,{variants:c,componentName:x})]})]})}},8042:function(e,a,c){c.r(a);var n=c(52322),t=c(2784),o=c(9513),i=c(33878),s=c(95696),l=c(79041),r=c(16909),d=c(16134);a.default=()=>{let[e,a]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(o.Z,{className:"tab-container",children:(0,n.jsxs)(i.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(l.Z,{children:"Angular"}),(0,n.jsx)(l.Z,{children:"HTML"}),(0,n.jsx)(l.Z,{children:"React"}),(0,n.jsx)(l.Z,{children:"Vue"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"(Default) Text"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Text")},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    (Default) Text
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    (Default) Text
    ')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Text")},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Text")},children:"Copy"})]})]})}),(0,n.jsx)(o.Z,{className:"tab-container",children:(0,n.jsxs)(i.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(l.Z,{children:"Angular"}),(0,n.jsx)(l.Z,{children:"HTML"}),(0,n.jsx)(l.Z,{children:"React"}),(0,n.jsx)(l.Z,{children:"Vue"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'Icon'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Icon')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    \n Icon\n
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n Icon\n
    ')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Icon\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Icon\n')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Icon'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Icon')},children:"Copy"})]})]})}),(0,n.jsx)(o.Z,{className:"tab-container",children:(0,n.jsxs)(i.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(l.Z,{children:"Angular"}),(0,n.jsx)(l.Z,{children:"HTML"}),(0,n.jsx)(l.Z,{children:"React"}),(0,n.jsx)(l.Z,{children:"Vue"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'Icon & Text'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Icon & Text')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    \n Icon & Text\n
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n Icon & Text\n
    ')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Icon & Text'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Icon & Text')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Icon & Text'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Icon & Text')},children:"Copy"})]})]})})]})}},56377:function(e,a,c){c.r(a);var n=c(52322),t=c(2784),o=c(9513),i=c(33878),s=c(95696),l=c(79041),r=c(16909),d=c(16134);a.default=()=>{let[e,a]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(o.Z,{className:"tab-container",children:(0,n.jsxs)(i.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(l.Z,{children:"Angular"}),(0,n.jsx)(l.Z,{children:"HTML"}),(0,n.jsx)(l.Z,{children:"React"}),(0,n.jsx)(l.Z,{children:"Vue"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"(Default) Weak"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Weak")},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    (Default) Weak
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    (Default) Weak
    ')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"(Default) Weak"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Weak")},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"(Default) Weak"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Weak")},children:"Copy"})]})]})}),(0,n.jsx)(o.Z,{className:"tab-container",children:(0,n.jsxs)(i.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(l.Z,{children:"Angular"}),(0,n.jsx)(l.Z,{children:"HTML"}),(0,n.jsx)(l.Z,{children:"React"}),(0,n.jsx)(l.Z,{children:"Vue"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'Strong'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Strong')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    \n Strong\n
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n Strong\n
    ')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Strong'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Strong')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Strong'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Strong')},children:"Copy"})]})]})})]})}},54721:function(e,a,c){c.r(a);var n=c(52322),t=c(2784),o=c(9513),i=c(33878),s=c(95696),l=c(79041),r=c(16909),d=c(16134);a.default=()=>{let[e,a]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(o.Z,{className:"tab-container",children:(0,n.jsxs)(i.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(l.Z,{children:"Angular"}),(0,n.jsx)(l.Z,{children:"HTML"}),(0,n.jsx)(l.Z,{children:"React"}),(0,n.jsx)(l.Z,{children:"Vue"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"(Default) No Overflow"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) No Overflow")},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    (Default) No Overflow
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    (Default) No Overflow
    ')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"(Default) No Overflow"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) No Overflow")},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"(Default) No Overflow"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) No Overflow")},children:"Copy"})]})]})}),(0,n.jsx)(o.Z,{className:"tab-container",children:(0,n.jsxs)(i.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(l.Z,{children:"Angular"}),(0,n.jsx)(l.Z,{children:"HTML"}),(0,n.jsx)(l.Z,{children:"React"}),(0,n.jsx)(l.Z,{children:"Vue"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'With Overflow (max-width)'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('With Overflow (max-width)')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    \n With Overflow (max-width)\n
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n With Overflow (max-width)\n
    ')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"With Overflow (max-width)"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("With Overflow (max-width)")},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'With Overflow (max-width)'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('With Overflow (max-width)')},children:"Copy"})]})]})})]})}},24988:function(e,a,c){c.r(a);var n=c(52322),t=c(2784),o=c(9513),i=c(33878),s=c(95696),l=c(79041),r=c(16909),d=c(16134);a.default=()=>{let[e,a]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(o.Z,{className:"tab-container",children:(0,n.jsxs)(i.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(l.Z,{children:"Angular"}),(0,n.jsx)(l.Z,{children:"HTML"}),(0,n.jsx)(l.Z,{children:"React"}),(0,n.jsx)(l.Z,{children:"Vue"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"\n Interactive Checkbox\n"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("\n Interactive Checkbox\n")},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n \n \n
    ')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"\n Interactive Checkbox\n"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("\n Interactive Checkbox\n")},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"\n Interactive Checkbox\n"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("\n Interactive Checkbox\n")},children:"Copy"})]})]})}),(0,n.jsx)(o.Z,{className:"tab-container",children:(0,n.jsxs)(i.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(l.Z,{children:"Angular"}),(0,n.jsx)(l.Z,{children:"HTML"}),(0,n.jsx)(l.Z,{children:"React"}),(0,n.jsx)(l.Z,{children:"Vue"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'Interactive Checkbox'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Interactive Checkbox')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n \n \n
    ')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"\n Interactive Checkbox\n"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("\n Interactive Checkbox\n")},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Interactive Checkbox'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Interactive Checkbox')},children:"Copy"})]})]})}),(0,n.jsx)(o.Z,{className:"tab-container",children:(0,n.jsxs)(i.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(l.Z,{children:"Angular"}),(0,n.jsx)(l.Z,{children:"HTML"}),(0,n.jsx)(l.Z,{children:"React"}),(0,n.jsx)(l.Z,{children:"Vue"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'Interactive Checkbox'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Interactive Checkbox')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n \n \n
    ')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"\n \n Interactive Checkbox\n \n"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("\n \n Interactive Checkbox\n \n")},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Interactive Checkbox'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Interactive Checkbox')},children:"Copy"})]})]})})]})}},83041:function(e,a,c){c.r(a);var n=c(52322),t=c(2784),o=c(9513),i=c(33878),s=c(95696),l=c(79041),r=c(16909),d=c(16134);a.default=()=>{let[e,a]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(o.Z,{className:"tab-container",children:(0,n.jsxs)(i.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(l.Z,{children:"Angular"}),(0,n.jsx)(l.Z,{children:"HTML"}),(0,n.jsx)(l.Z,{children:"React"}),(0,n.jsx)(l.Z,{children:"Vue"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    Functional
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    Functional
    ')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]})]})}),(0,n.jsx)(o.Z,{className:"tab-container",children:(0,n.jsxs)(i.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(l.Z,{children:"Angular"}),(0,n.jsx)(l.Z,{children:"HTML"}),(0,n.jsx)(l.Z,{children:"React"}),(0,n.jsx)(l.Z,{children:"Vue"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    (Default) Regular
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    (Default) Regular
    ')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]})]})}),(0,n.jsx)(o.Z,{className:"tab-container",children:(0,n.jsxs)(i.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(l.Z,{children:"Angular"}),(0,n.jsx)(l.Z,{children:"HTML"}),(0,n.jsx)(l.Z,{children:"React"}),(0,n.jsx)(l.Z,{children:"Vue"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    Expressive
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    Expressive
    ')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]})]})})]})}},47837:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{}},{"name":"(Default) Regular","className":"db-ui-regular","props":{}},{"name":"Expressive","className":"db-ui-expressive","props":{}}]},{"name":"Emphasis","examples":[{"name":"(Default) Weak","props":{}},{"name":"Strong","props":{"emphasis":"strong"}}]},{"name":"Variant","examples":[{"name":"(Default) Adaptive","props":{}},{"name":"Neutral","props":{"variant":"neutral"}},{"name":"Critical","props":{"variant":"critical"}},{"name":"Informational","props":{"variant":"informational"}},{"name":"Successful","props":{"variant":"successful"}},{"name":"Warning","props":{"variant":"warning"}},{"name":"Adaptive Strong","props":{"emphasis":"strong"}},{"name":"Neutral Strong","props":{"variant":"neutral","emphasis":"strong"}},{"name":"Critical Strong","props":{"variant":"critical","emphasis":"strong"}},{"name":"Informational Strong","props":{"variant":"informational","emphasis":"strong"}},{"name":"Successful Strong","props":{"variant":"successful","emphasis":"strong"}},{"name":"Warning Strong","props":{"variant":"warning","emphasis":"strong"}}]},{"name":"Behaviour","examples":[{"name":"(Default) Static","props":{}},{"name":"Interactive Button","props":{"component":"button"},"code":{"angular":"Interactive Button","html":"
    ","react":"Interactive Button","vue":"Interactive Button"}},{"name":"Interactive Link","props":{"component":"link"},"code":{"angular":"Interactive Link","html":"
    Interactive Link
    ","react":"Interactive Link","vue":"Interactive Link"}},{"name":"Interactive Checkbox","props":{"component":"checkbox"},"code":{"angular":"Interactive Checkbox","html":"
    ","react":"Interactive Checkbox","vue":"Interactive Checkbox"}},{"name":"Interactive Radio 1","props":{"component":"radio","identifier":"radio01"},"code":{"angular":"Interactive Radio 1","html":"
    ","react":"Interactive Radio 1","vue":"Interactive Radio 1"}},{"name":"Interactive Radio 2","props":{"component":"radio","identifier":"radio01","code":{"angular":"Interactive Radio 2","html":"
    ","react":"Interactive Radio 2","vue":"Interactive Radio 2"}}},{"name":"Removeable","props":{"behaviour":"removable"}}]},{"name":"State","examples":[{"name":"(Default) Unchecked","props":{"component":"checkbox"},"code":{"angular":"Interactive Checkbox","html":"
    ","react":"Interactive Checkbox","vue":"Interactive Checkbox"}},{"name":"Checked","props":{"component":"checkbox","checked":true},"code":{"angular":"Interactive Checkbox","html":"
    ","react":"Interactive Checkbox","vue":"Interactive Checkbox"}},{"name":"Disabled","props":{"component":"checkbox","checked":true,"disabled":true},"code":{"angular":"Interactive Checkbox","html":"
    ","react":"Interactive Checkbox","vue":"Interactive Checkbox"}}]},{"name":"Content","examples":[{"name":"(Default) Text","props":{}},{"name":"Icon","props":{"icon":"account","noText":true}},{"name":"Icon & Text","props":{"icon":"account"}}]},{"name":"Overflow","examples":[{"name":"(Default) No Overflow","props":{}},{"name":"With Overflow (max-width)","props":{"overflow":true}}]},{"name":"Example","examples":[{"name":"Interactive Strong Button with Icon","props":{"component":"button","emphasis":"strong","icon":"account","behaviour":"removable"},"code":{"angular":"Interactive Button","html":"
    ","react":"Interactive Button","vue":"Interactive Button"}},{"name":"Interactive Strong Link with Icon","props":{"component":"link","emphasis":"strong","icon":"account"},"code":{"angular":"Interactive Link","html":"
    Interactive Link
    ","react":"Interactive Link","vue":"Interactive Link"}},{"name":"Interactive Strong Checkbox with Icon","props":{"component":"checkbox","emphasis":"strong","icon":"account"},"code":{"angular":"Interactive Checkbox","html":"
    ","react":"Interactive Checkbox","vue":"Interactive Checkbox"}},{"name":"Interactive Strong Radio 1 with Icon","props":{"component":"radio","emphasis":"strong","icon":"account","identifier":"radio02"},"code":{"angular":"Interactive Radio 1","html":"
    ","react":"Interactive Radio 1","vue":"Interactive Radio 1"}},{"name":"Interactive Strong Radio 2 with Icon","props":{"component":"radio","emphasis":"strong","icon":"account","identifier":"radio02","code":{"angular":"Interactive Radio 2","html":"
    ","react":"Interactive Radio 2","vue":"Interactive Radio 2"}}}]}]')}}]); \ No newline at end of file +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[23803],{37395:function(e,a,c){c.d(a,{P:function(){return n}});let n=(e,a,c)=>e.map((e,n)=>{var t;return{...e,slotCode:null!==(t=null==c?void 0:c.at(n))&&void 0!==t?t:"No code available",examples:e.examples.map(e=>{var c,n,t,o;return{...e,example:a({...e.props,id:null!==(t=null===(c=e.props)||void 0===c?void 0:c.id)&&void 0!==t?t:e.name,children:null!==(o=null===(n=e.props)||void 0===n?void 0:n.children)&&void 0!==o?o:e.name})}})}})},99341:function(e,a,c){var n=c(52322),t=c(5632),o=c(2784),i=c(12156),s=c(53752);let l=e=>{let{examples:a,slotCode:c}=e,[t,i]=(0,o.useState)();return(0,n.jsxs)(s.f,{className:"variants-card db-code-docs",children:[(0,n.jsx)("div",{className:"variants-list",children:a.map((e,a)=>(0,n.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(a)))}),(0,n.jsxs)("details",{className:"code-details",onToggle:()=>{i(!t)},children:[(0,n.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:t?"Hide code":"Show code"}),(0,n.jsxs)("div",{className:"db-ui-functional",children:[(0,n.jsx)("div",{className:"backdrop"}),(0,n.jsx)(s.f,{className:"code",spacing:"small",children:c})]})]})]})},r=e=>{let{variants:a,componentName:c}=e,t=(e,a)=>{if(!window.location.origin||!window.location.href)return"";let c=window.location.href.split("?")[0],n="?page=".concat(e.name.toLowerCase());return a?"".concat(c.split("components")[0],"/components/").concat(a).concat(n):"".concat(c).concat(n)};return(0,n.jsx)(n.Fragment,{children:null==a?void 0:a.map((e,a)=>(0,n.jsxs)("div",{children:[(0,n.jsx)(s.oH,{}),(0,n.jsx)("h2",{children:(0,n.jsx)(s.vB,{content:"external",target:"_blank",href:t(e,c),children:e.name})}),(0,n.jsx)(l,{...e})]},"".concat(e.name,"-").concat(a)))})};a.Z=e=>{let{title:a,variants:c,subComponent:s,isSubComponent:d,componentName:x}=e,[h,b]=(0,o.useState)(),g=(0,t.useRouter)();return(0,o.useEffect)(()=>{if(g.query){var e;let a=null===(e=g.query.page)||void 0===e?void 0:e.toString();a&&b(c.find(e=>e.name.toLowerCase()===a))}},[g]),(0,n.jsxs)(n.Fragment,{children:[h&&(0,n.jsx)("div",{children:(0,n.jsx)(l,{...h})}),!h&&!d&&(0,n.jsxs)(i.Z,{children:[(0,n.jsxs)("div",{className:"default-container",children:[(0,n.jsx)("h1",{children:a}),(0,n.jsx)(r,{variants:c,componentName:x})]}),s]}),!h&&d&&(0,n.jsxs)("div",{className:"default-container",children:[(0,n.jsx)("h2",{children:a}),(0,n.jsx)(r,{variants:c,componentName:x})]})]})}},8042:function(e,a,c){c.r(a);var n=c(52322),t=c(2784),o=c(9513),i=c(33878),s=c(95696),l=c(79041),r=c(16909),d=c(16134);a.default=()=>{let[e,a]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(o.Z,{className:"tab-container",children:(0,n.jsxs)(i.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(l.Z,{children:"Angular"}),(0,n.jsx)(l.Z,{children:"HTML"}),(0,n.jsx)(l.Z,{children:"React"}),(0,n.jsx)(l.Z,{children:"Vue"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"(Default) Text"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Text")},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    (Default) Text
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    (Default) Text
    ')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Text")},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Text")},children:"Copy"})]})]})}),(0,n.jsx)(o.Z,{className:"tab-container",children:(0,n.jsxs)(i.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(l.Z,{children:"Angular"}),(0,n.jsx)(l.Z,{children:"HTML"}),(0,n.jsx)(l.Z,{children:"React"}),(0,n.jsx)(l.Z,{children:"Vue"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'Icon'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Icon')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    \n Icon\n
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n Icon\n
    ')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Icon\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Icon\n')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Icon'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Icon')},children:"Copy"})]})]})}),(0,n.jsx)(o.Z,{className:"tab-container",children:(0,n.jsxs)(i.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(l.Z,{children:"Angular"}),(0,n.jsx)(l.Z,{children:"HTML"}),(0,n.jsx)(l.Z,{children:"React"}),(0,n.jsx)(l.Z,{children:"Vue"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'Icon & Text'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Icon & Text')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    \n Icon & Text\n
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n Icon & Text\n
    ')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Icon & Text'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Icon & Text')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Icon & Text'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Icon & Text')},children:"Copy"})]})]})})]})}},56377:function(e,a,c){c.r(a);var n=c(52322),t=c(2784),o=c(9513),i=c(33878),s=c(95696),l=c(79041),r=c(16909),d=c(16134);a.default=()=>{let[e,a]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(o.Z,{className:"tab-container",children:(0,n.jsxs)(i.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(l.Z,{children:"Angular"}),(0,n.jsx)(l.Z,{children:"HTML"}),(0,n.jsx)(l.Z,{children:"React"}),(0,n.jsx)(l.Z,{children:"Vue"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"(Default) Weak"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Weak")},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    (Default) Weak
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    (Default) Weak
    ')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"(Default) Weak"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Weak")},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"(Default) Weak"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Weak")},children:"Copy"})]})]})}),(0,n.jsx)(o.Z,{className:"tab-container",children:(0,n.jsxs)(i.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(l.Z,{children:"Angular"}),(0,n.jsx)(l.Z,{children:"HTML"}),(0,n.jsx)(l.Z,{children:"React"}),(0,n.jsx)(l.Z,{children:"Vue"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'Strong'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Strong')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    \n Strong\n
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n Strong\n
    ')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Strong'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Strong')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Strong'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Strong')},children:"Copy"})]})]})})]})}},54721:function(e,a,c){c.r(a);var n=c(52322),t=c(2784),o=c(9513),i=c(33878),s=c(95696),l=c(79041),r=c(16909),d=c(16134);a.default=()=>{let[e,a]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(o.Z,{className:"tab-container",children:(0,n.jsxs)(i.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(l.Z,{children:"Angular"}),(0,n.jsx)(l.Z,{children:"HTML"}),(0,n.jsx)(l.Z,{children:"React"}),(0,n.jsx)(l.Z,{children:"Vue"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"(Default) No Overflow"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) No Overflow")},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    (Default) No Overflow
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    (Default) No Overflow
    ')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"(Default) No Overflow"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) No Overflow")},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"(Default) No Overflow"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) No Overflow")},children:"Copy"})]})]})}),(0,n.jsx)(o.Z,{className:"tab-container",children:(0,n.jsxs)(i.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(l.Z,{children:"Angular"}),(0,n.jsx)(l.Z,{children:"HTML"}),(0,n.jsx)(l.Z,{children:"React"}),(0,n.jsx)(l.Z,{children:"Vue"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'With Overflow (max-width)'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('With Overflow (max-width)')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    \n With Overflow (max-width)\n
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n With Overflow (max-width)\n
    ')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"With Overflow (max-width)"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("With Overflow (max-width)")},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'With Overflow (max-width)'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('With Overflow (max-width)')},children:"Copy"})]})]})})]})}},24988:function(e,a,c){c.r(a);var n=c(52322),t=c(2784),o=c(9513),i=c(33878),s=c(95696),l=c(79041),r=c(16909),d=c(16134);a.default=()=>{let[e,a]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(o.Z,{className:"tab-container",children:(0,n.jsxs)(i.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(l.Z,{children:"Angular"}),(0,n.jsx)(l.Z,{children:"HTML"}),(0,n.jsx)(l.Z,{children:"React"}),(0,n.jsx)(l.Z,{children:"Vue"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"\n Interactive Checkbox\n"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("\n Interactive Checkbox\n")},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n \n \n
    ')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"\n Interactive Checkbox\n"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("\n Interactive Checkbox\n")},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"\n Interactive Checkbox\n"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("\n Interactive Checkbox\n")},children:"Copy"})]})]})}),(0,n.jsx)(o.Z,{className:"tab-container",children:(0,n.jsxs)(i.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(l.Z,{children:"Angular"}),(0,n.jsx)(l.Z,{children:"HTML"}),(0,n.jsx)(l.Z,{children:"React"}),(0,n.jsx)(l.Z,{children:"Vue"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'Interactive Checkbox'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Interactive Checkbox')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n \n \n
    ')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"\n Interactive Checkbox\n"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("\n Interactive Checkbox\n")},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Interactive Checkbox'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Interactive Checkbox')},children:"Copy"})]})]})}),(0,n.jsx)(o.Z,{className:"tab-container",children:(0,n.jsxs)(i.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(l.Z,{children:"Angular"}),(0,n.jsx)(l.Z,{children:"HTML"}),(0,n.jsx)(l.Z,{children:"React"}),(0,n.jsx)(l.Z,{children:"Vue"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'Interactive Checkbox'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Interactive Checkbox')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n \n \n
    ')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"\n \n Interactive Checkbox\n \n"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("\n \n Interactive Checkbox\n \n")},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Interactive Checkbox'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Interactive Checkbox')},children:"Copy"})]})]})})]})}},83041:function(e,a,c){c.r(a);var n=c(52322),t=c(2784),o=c(9513),i=c(33878),s=c(95696),l=c(79041),r=c(16909),d=c(16134);a.default=()=>{let[e,a]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(o.Z,{className:"tab-container",children:(0,n.jsxs)(i.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(l.Z,{children:"Angular"}),(0,n.jsx)(l.Z,{children:"HTML"}),(0,n.jsx)(l.Z,{children:"React"}),(0,n.jsx)(l.Z,{children:"Vue"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    Functional
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    Functional
    ')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]})]})}),(0,n.jsx)(o.Z,{className:"tab-container",children:(0,n.jsxs)(i.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(l.Z,{children:"Angular"}),(0,n.jsx)(l.Z,{children:"HTML"}),(0,n.jsx)(l.Z,{children:"React"}),(0,n.jsx)(l.Z,{children:"Vue"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    (Default) Regular
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    (Default) Regular
    ')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]})]})}),(0,n.jsx)(o.Z,{className:"tab-container",children:(0,n.jsxs)(i.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(l.Z,{children:"Angular"}),(0,n.jsx)(l.Z,{children:"HTML"}),(0,n.jsx)(l.Z,{children:"React"}),(0,n.jsx)(l.Z,{children:"Vue"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    Expressive
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    Expressive
    ')},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,n.jsxs)(r.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]})]})})]})}},47837:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{}},{"name":"(Default) Regular","className":"db-ui-regular","props":{}},{"name":"Expressive","className":"db-ui-expressive","props":{}}]},{"name":"Emphasis","examples":[{"name":"(Default) Weak","props":{}},{"name":"Strong","props":{"emphasis":"strong"}}]},{"name":"Variant","examples":[{"name":"(Default) Adaptive","props":{}},{"name":"Neutral","props":{"variant":"neutral"}},{"name":"Critical","props":{"variant":"critical"}},{"name":"Informational","props":{"variant":"informational"}},{"name":"Successful","props":{"variant":"successful"}},{"name":"Warning","props":{"variant":"warning"}},{"name":"Adaptive Strong","props":{"emphasis":"strong"}},{"name":"Neutral Strong","props":{"variant":"neutral","emphasis":"strong"}},{"name":"Critical Strong","props":{"variant":"critical","emphasis":"strong"}},{"name":"Informational Strong","props":{"variant":"informational","emphasis":"strong"}},{"name":"Successful Strong","props":{"variant":"successful","emphasis":"strong"}},{"name":"Warning Strong","props":{"variant":"warning","emphasis":"strong"}}]},{"name":"Behaviour","examples":[{"name":"(Default) Static","props":{}},{"name":"Interactive Button","props":{"component":"button"},"code":{"angular":"Interactive Button","html":"
    ","react":"Interactive Button","vue":"Interactive Button"}},{"name":"Interactive Link","props":{"component":"link"},"code":{"angular":"Interactive Link","html":"
    Interactive Link
    ","react":"Interactive Link","vue":"Interactive Link"}},{"name":"Interactive Checkbox","props":{"component":"checkbox"},"code":{"angular":"Interactive Checkbox","html":"
    ","react":"Interactive Checkbox","vue":"Interactive Checkbox"}},{"name":"Interactive Radio 1","props":{"component":"radio","identifier":"radio01"},"code":{"angular":"Interactive Radio 1","html":"
    ","react":"Interactive Radio 1","vue":"Interactive Radio 1"}},{"name":"Interactive Radio 2","props":{"component":"radio","identifier":"radio01","code":{"angular":"Interactive Radio 2","html":"
    ","react":"Interactive Radio 2","vue":"Interactive Radio 2"}}},{"name":"Removeable","props":{"behaviour":"removable"}}]},{"name":"State","examples":[{"name":"(Default) Unchecked","props":{"component":"checkbox"},"code":{"angular":"Interactive Checkbox","html":"
    ","react":"Interactive Checkbox","vue":"Interactive Checkbox"}},{"name":"Checked","props":{"component":"checkbox","checked":true},"code":{"angular":"Interactive Checkbox","html":"
    ","react":"Interactive Checkbox","vue":"Interactive Checkbox"}},{"name":"Disabled","props":{"component":"checkbox","checked":true,"disabled":true},"code":{"angular":"Interactive Checkbox","html":"
    ","react":"Interactive Checkbox","vue":"Interactive Checkbox"}}]},{"name":"Content","examples":[{"name":"(Default) Text","props":{}},{"name":"Icon","props":{"icon":"account","noText":true}},{"name":"Icon & Text","props":{"icon":"account"}}]},{"name":"Overflow","examples":[{"name":"(Default) No Overflow","props":{}},{"name":"With Overflow (max-width)","props":{"overflow":true}}]},{"name":"Example","examples":[{"name":"Interactive Strong Button with Icon","props":{"component":"button","emphasis":"strong","icon":"account","behaviour":"removable"},"code":{"angular":"Interactive Button","html":"
    ","react":"Interactive Button","vue":"Interactive Button"}},{"name":"Interactive Strong Link with Icon","props":{"component":"link","emphasis":"strong","icon":"account"},"code":{"angular":"Interactive Link","html":"
    Interactive Link
    ","react":"Interactive Link","vue":"Interactive Link"}},{"name":"Interactive Strong Checkbox with Icon","props":{"component":"checkbox","emphasis":"strong","icon":"account"},"code":{"angular":"Interactive Checkbox","html":"
    ","react":"Interactive Checkbox","vue":"Interactive Checkbox"}},{"name":"Interactive Strong Radio 1 with Icon","props":{"component":"radio","emphasis":"strong","icon":"account","identifier":"radio02"},"code":{"angular":"Interactive Radio 1","html":"
    ","react":"Interactive Radio 1","vue":"Interactive Radio 1"}},{"name":"Interactive Strong Radio 2 with Icon","props":{"component":"radio","emphasis":"strong","icon":"account","identifier":"radio02","code":{"angular":"Interactive Radio 2","html":"
    ","react":"Interactive Radio 2","vue":"Interactive Radio 2"}}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/24514-43c901c30fb71eac.js b/review/main/_next/static/chunks/24514-43c901c30fb71eac.js deleted file mode 100644 index 8622958a989..00000000000 --- a/review/main/_next/static/chunks/24514-43c901c30fb71eac.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[24514],{24514:function(n,a,e){e.r(a);var i=e(52322),t=e(2784),o=e(9513),c=e(33878),s=e(95696),l=e(79041),r=e(16909),d=e(16134);a.default=()=>{let[n,a]=(0,t.useState)();return(0,t.useEffect)(()=>{n&&setTimeout(()=>a(!1),1500)},[n]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(c.Z,{children:[(0,i.jsxs)(s.Z,{children:[(0,i.jsx)(l.Z,{children:"Angular"}),(0,i.jsx)(l.Z,{children:"HTML"}),(0,i.jsx)(l.Z,{children:"React"}),(0,i.jsx)(l.Z,{children:"Vue"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'(Default) Text'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Text')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Text")},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Text'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Text')},children:"Copy"})]})]})}),(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(c.Z,{children:[(0,i.jsxs)(s.Z,{children:[(0,i.jsx)(l.Z,{children:"Angular"}),(0,i.jsx)(l.Z,{children:"HTML"}),(0,i.jsx)(l.Z,{children:"React"}),(0,i.jsx)(l.Z,{children:"Vue"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Text - Icon (Leading)'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Text - Icon (Leading)')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Icon (Leading)\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Text - Icon (Leading)\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Text - Icon (Leading)'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Text - Icon (Leading)')},children:"Copy"})]})]})}),(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(c.Z,{children:[(0,i.jsxs)(s.Z,{children:[(0,i.jsx)(l.Z,{children:"Angular"}),(0,i.jsx)(l.Z,{children:"HTML"}),(0,i.jsx)(l.Z,{children:"React"}),(0,i.jsx)(l.Z,{children:"Vue"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Text - Icons (Leading, Chevron)'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Text - Icons (Leading, Chevron)')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Icons (Leading, Chevron)\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Text - Icons (Leading, Chevron)\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Text - Icons (Leading, Chevron)'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Text - Icons (Leading, Chevron)')},children:"Copy"})]})]})}),(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(c.Z,{children:[(0,i.jsxs)(s.Z,{children:[(0,i.jsx)(l.Z,{children:"Angular"}),(0,i.jsx)(l.Z,{children:"HTML"}),(0,i.jsx)(l.Z,{children:"React"}),(0,i.jsx)(l.Z,{children:"Vue"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Text - Icon (Chevron)'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Text - Icon (Chevron)')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:"Text - Icon (Chevron)"})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Text - Icon (Chevron)")},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Text - Icon (Chevron)'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Text - Icon (Chevron)')},children:"Copy"})]})]})})]})}}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/24514-44582506b2fac69f.js b/review/main/_next/static/chunks/24514-44582506b2fac69f.js new file mode 100644 index 00000000000..3041a9c8d29 --- /dev/null +++ b/review/main/_next/static/chunks/24514-44582506b2fac69f.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[24514],{24514:function(n,a,e){e.r(a);var i=e(52322),t=e(2784),o=e(9513),c=e(33878),s=e(95696),l=e(79041),r=e(16909),d=e(16134);a.default=()=>{let[n,a]=(0,t.useState)();return(0,t.useEffect)(()=>{n&&setTimeout(()=>a(!1),1500)},[n]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(c.Z,{children:[(0,i.jsxs)(s.Z,{children:[(0,i.jsx)(l.Z,{children:"Angular"}),(0,i.jsx)(l.Z,{children:"HTML"}),(0,i.jsx)(l.Z,{children:"React"}),(0,i.jsx)(l.Z,{children:"Vue"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'(Default) Text'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Text')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Text")},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Text'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Text')},children:"Copy"})]})]})}),(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(c.Z,{children:[(0,i.jsxs)(s.Z,{children:[(0,i.jsx)(l.Z,{children:"Angular"}),(0,i.jsx)(l.Z,{children:"HTML"}),(0,i.jsx)(l.Z,{children:"React"}),(0,i.jsx)(l.Z,{children:"Vue"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Text - Icon (Leading)'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Text - Icon (Leading)')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Icon (Leading)\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Text - Icon (Leading)\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Text - Icon (Leading)'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Text - Icon (Leading)')},children:"Copy"})]})]})}),(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(c.Z,{children:[(0,i.jsxs)(s.Z,{children:[(0,i.jsx)(l.Z,{children:"Angular"}),(0,i.jsx)(l.Z,{children:"HTML"}),(0,i.jsx)(l.Z,{children:"React"}),(0,i.jsx)(l.Z,{children:"Vue"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Text - Icons (Leading, Chevron)'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Text - Icons (Leading, Chevron)')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Icons (Leading, Chevron)\n'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Text - Icons (Leading, Chevron)\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Text - Icons (Leading, Chevron)'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Text - Icons (Leading, Chevron)')},children:"Copy"})]})]})}),(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(c.Z,{children:[(0,i.jsxs)(s.Z,{children:[(0,i.jsx)(l.Z,{children:"Angular"}),(0,i.jsx)(l.Z,{children:"HTML"}),(0,i.jsx)(l.Z,{children:"React"}),(0,i.jsx)(l.Z,{children:"Vue"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Text - Icon (Chevron)'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Text - Icon (Chevron)')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:"Text - Icon (Chevron)"})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Text - Icon (Chevron)")},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Text - Icon (Chevron)'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Text - Icon (Chevron)')},children:"Copy"})]})]})})]})}}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/27752-913a8fab86b94bba.js b/review/main/_next/static/chunks/27752-d938d13e8faea32a.js similarity index 99% rename from review/main/_next/static/chunks/27752-913a8fab86b94bba.js rename to review/main/_next/static/chunks/27752-d938d13e8faea32a.js index af64bf94cbb..5465e0f08d2 100644 --- a/review/main/_next/static/chunks/27752-913a8fab86b94bba.js +++ b/review/main/_next/static/chunks/27752-d938d13e8faea32a.js @@ -1 +1 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[27752],{37395:function(e,a,l){l.d(a,{P:function(){return t}});let t=(e,a,l)=>e.map((e,t)=>{var n;return{...e,slotCode:null!==(n=null==l?void 0:l.at(t))&&void 0!==n?n:"No code available",examples:e.examples.map(e=>{var l,t,n,r;return{...e,example:a({...e.props,id:null!==(n=null===(l=e.props)||void 0===l?void 0:l.id)&&void 0!==n?n:e.name,children:null!==(r=null===(t=e.props)||void 0===t?void 0:t.children)&&void 0!==r?r:e.name})}})}})},99341:function(e,a,l){var t=l(52322),n=l(5632),r=l(2784),i=l(11803),s=l(86095);let o=e=>{let{examples:a,slotCode:l}=e,[n,i]=(0,r.useState)();return(0,t.jsxs)(s.f,{className:"variants-card db-code-docs",children:[(0,t.jsx)("div",{className:"variants-list",children:a.map((e,a)=>(0,t.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(a)))}),(0,t.jsxs)("details",{className:"code-details",onToggle:()=>{i(!n)},children:[(0,t.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:n?"Hide code":"Show code"}),(0,t.jsxs)("div",{className:"db-ui-functional",children:[(0,t.jsx)("div",{className:"backdrop"}),(0,t.jsx)(s.f,{className:"code",spacing:"small",children:l})]})]})]})},d=e=>{let{variants:a,componentName:l}=e,n=(e,a)=>{if(!window.location.origin||!window.location.href)return"";let l=window.location.href.split("?")[0],t="?page=".concat(e.name.toLowerCase());return a?"".concat(l.split("components")[0],"/components/").concat(a).concat(t):"".concat(l).concat(t)};return(0,t.jsx)(t.Fragment,{children:null==a?void 0:a.map((e,a)=>(0,t.jsxs)("div",{children:[(0,t.jsx)(s.oH,{}),(0,t.jsx)("h2",{children:(0,t.jsx)(s.vB,{content:"external",target:"_blank",href:n(e,l),children:e.name})}),(0,t.jsx)(o,{...e})]},"".concat(e.name,"-").concat(a)))})};a.Z=e=>{let{title:a,variants:l,subComponent:s,isSubComponent:c,componentName:x}=e,[u,b]=(0,r.useState)(),p=(0,n.useRouter)();return(0,r.useEffect)(()=>{if(p.query){var e;let a=null===(e=p.query.page)||void 0===e?void 0:e.toString();a&&b(l.find(e=>e.name.toLowerCase()===a))}},[p]),(0,t.jsxs)(t.Fragment,{children:[u&&(0,t.jsx)("div",{children:(0,t.jsx)(o,{...u})}),!u&&!c&&(0,t.jsxs)(i.Z,{children:[(0,t.jsxs)("div",{className:"default-container",children:[(0,t.jsx)("h1",{children:a}),(0,t.jsx)(d,{variants:l,componentName:x})]}),s]}),!u&&c&&(0,t.jsxs)("div",{className:"default-container",children:[(0,t.jsx)("h2",{children:a}),(0,t.jsx)(d,{variants:l,componentName:x})]})]})}},24818:function(e,a,l){l.r(a);var t=l(52322),n=l(2784),r=l(9513),i=l(33878),s=l(95696),o=l(79041),d=l(16909),c=l(16134);a.default=()=>{let[e,a]=(0,n.useState)();return(0,n.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(r.Z,{className:"tab-container",children:(0,t.jsxs)(i.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(o.Z,{children:"Angular"}),(0,t.jsx)(o.Z,{children:"HTML"}),(0,t.jsx)(o.Z,{children:"React"}),(0,t.jsx)(o.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'(Default) Optional'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Optional')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    '})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n \n \n
    ')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Optional')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Optional')},children:"Copy"})]})]})}),(0,t.jsx)(r.Z,{className:"tab-container",children:(0,t.jsxs)(i.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(o.Z,{children:"Angular"}),(0,t.jsx)(o.Z,{children:"HTML"}),(0,t.jsx)(o.Z,{children:"React"}),(0,t.jsx)(o.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'Required'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Required')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    '})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n \n \n
    ')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n Required\n'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Required\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'Required'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Required')},children:"Copy"})]})]})}),(0,t.jsx)(r.Z,{className:"tab-container",children:(0,t.jsxs)(i.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(o.Z,{children:"Angular"}),(0,t.jsx)(o.Z,{children:"HTML"}),(0,t.jsx)(o.Z,{children:"React"}),(0,t.jsx)(o.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'Required - Filled'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Required - Filled')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    '})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n \n \n
    ')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n Required - Filled\n'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Required - Filled\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'Required - Filled'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Required - Filled')},children:"Copy"})]})]})})]})}},18609:function(e,a,l){l.r(a);var t=l(52322),n=l(2784),r=l(9513),i=l(33878),s=l(95696),o=l(79041),d=l(16909),c=l(16134);a.default=()=>{let[e,a]=(0,n.useState)();return(0,n.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(r.Z,{className:"tab-container",children:(0,t.jsxs)(i.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(o.Z,{children:"Angular"}),(0,t.jsx)(o.Z,{children:"HTML"}),(0,t.jsx)(o.Z,{children:"React"}),(0,t.jsx)(o.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'\n (Default) 4 Rows\n'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n (Default) 4 Rows\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    '})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n \n \n
    ')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) 4 Rows\n'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n (Default) 4 Rows\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) 4 Rows\n'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n (Default) 4 Rows\n')},children:"Copy"})]})]})}),(0,t.jsx)(r.Z,{className:"tab-container",children:(0,t.jsxs)(i.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(o.Z,{children:"Angular"}),(0,t.jsx)(o.Z,{children:"HTML"}),(0,t.jsx)(o.Z,{children:"React"}),(0,t.jsx)(o.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'Custom'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Custom')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    '})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n \n \n
    ')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n Custom\n'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Custom\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'Custom'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Custom')},children:"Copy"})]})]})})]})}},92441:function(e,a,l){l.r(a);var t=l(52322),n=l(2784),r=l(9513),i=l(33878),s=l(95696),o=l(79041),d=l(16909),c=l(16134);a.default=()=>{let[e,a]=(0,n.useState)();return(0,n.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(r.Z,{className:"tab-container",children:(0,t.jsxs)(i.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(o.Z,{children:"Angular"}),(0,t.jsx)(o.Z,{children:"HTML"}),(0,t.jsx)(o.Z,{children:"React"}),(0,t.jsx)(o.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    '})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n \n \n
    ')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]})]})}),(0,t.jsx)(r.Z,{className:"tab-container",children:(0,t.jsxs)(i.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(o.Z,{children:"Angular"}),(0,t.jsx)(o.Z,{children:"HTML"}),(0,t.jsx)(o.Z,{children:"React"}),(0,t.jsx)(o.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    '})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n \n \n
    ')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]})]})}),(0,t.jsx)(r.Z,{className:"tab-container",children:(0,t.jsxs)(i.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(o.Z,{children:"Angular"}),(0,t.jsx)(o.Z,{children:"HTML"}),(0,t.jsx)(o.Z,{children:"React"}),(0,t.jsx)(o.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    '})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n \n \n
    ')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]})]})})]})}},67597:function(e,a,l){l.r(a);var t=l(52322),n=l(2784),r=l(9513),i=l(33878),s=l(95696),o=l(79041),d=l(16909),c=l(16134);a.default=()=>{let[e,a]=(0,n.useState)();return(0,n.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(r.Z,{className:"tab-container",children:(0,t.jsxs)(i.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(o.Z,{children:"Angular"}),(0,t.jsx)(o.Z,{children:"HTML"}),(0,t.jsx)(o.Z,{children:"React"}),(0,t.jsx)(o.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'(Default) Basic'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Basic')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'(Default) Basic'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Basic')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'(Default) Basic'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Basic')},children:"Copy"})]})]})}),(0,t.jsx)(r.Z,{className:"tab-container",children:(0,t.jsxs)(i.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(o.Z,{children:"Angular"}),(0,t.jsx)(o.Z,{children:"HTML"}),(0,t.jsx)(o.Z,{children:"React"}),(0,t.jsx)(o.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'\n Helper Message\n'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n Helper Message\n'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n Helper Message\n'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy"})]})]})})]})}},25468:function(e,a,l){l.r(a);var t=l(52322),n=l(2784),r=l(9513),i=l(33878),s=l(95696),o=l(79041),d=l(16909),c=l(16134);a.default=()=>{let[e,a]=(0,n.useState)();return(0,n.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(r.Z,{className:"tab-container",children:(0,t.jsxs)(i.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(o.Z,{children:"Angular"}),(0,t.jsx)(o.Z,{children:"HTML"}),(0,t.jsx)(o.Z,{children:"React"}),(0,t.jsx)(o.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'(Default) Label Above'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Label Above')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label Above'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Label Above')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label Above'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Label Above')},children:"Copy"})]})]})}),(0,t.jsx)(r.Z,{className:"tab-container",children:(0,t.jsxs)(i.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(o.Z,{children:"Angular"}),(0,t.jsx)(o.Z,{children:"HTML"}),(0,t.jsx)(o.Z,{children:"React"}),(0,t.jsx)(o.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'\n Floating Label\n'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n Floating Label\n'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n Floating Label\n'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy"})]})]})}),(0,t.jsx)(r.Z,{className:"tab-container",children:(0,t.jsxs)(i.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(o.Z,{children:"Angular"}),(0,t.jsx)(o.Z,{children:"HTML"}),(0,t.jsx)(o.Z,{children:"React"}),(0,t.jsx)(o.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'\n Hidden Label\n'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy"})]})]})})]})}},92829:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{"label":"Label"}},{"name":"(Default) Regular","className":"db-ui-regular","props":{"label":"Label"}},{"name":"Expressive","className":"db-ui-expressive","props":{"label":"Label"}}]},{"name":"Variant Label","examples":[{"name":"(Default) Label Above","props":{"label":"Label"}},{"name":"Floating Label","props":{"label":"Label","labelVariant":"floating","value":"Floating Label"}},{"name":"Hidden Label","props":{"label":"Label","labelVariant":"hidden"}}]},{"name":"Variant Helper Message","examples":[{"name":"(Default) Basic","props":{"label":"Label"}},{"name":"Helper Message","props":{"label":"Label","message":"Helper Message"}}]},{"name":"Semantic","examples":[{"name":"(Default) Adaptive","props":{"label":"Label","message":"Helper Message"}},{"name":"Critical","props":{"label":"Label","variant":"critical","message":"Critical Message"}},{"name":"Informational","props":{"label":"Label","variant":"informational","message":"Informational Message"}},{"name":"Successful","props":{"label":"Label","variant":"successful","message":"Successful Message"}},{"name":"Warning","props":{"label":"Label","variant":"warning","message":"Warning Message"}}]},{"name":"States Label Above","examples":[{"name":"(Default) Empty","props":{"label":"Label"}},{"name":"Filled","props":{"label":"Label","value":"Filled"}},{"name":"Filled - Invalid","props":{"label":"Label","value":"Filled - Invalid","invalid":true}},{"name":"Filled - Valid","props":{"label":"Label","value":"Filled - Valid","invalid":false}},{"name":"Disabled","props":{"label":"Label","disabled":true}},{"name":"Readonly - Filled","props":{"label":"Label","value":"Readonly - Filled","readOnly":true}}]},{"name":"States Floating Label","examples":[{"name":"(Default) Empty","props":{"label":"Label","labelVariant":"floating"}},{"name":"Filled","props":{"label":"Label","value":"Filled","labelVariant":"floating"}},{"name":"Filled - Invalid","props":{"label":"Label","invalid":true,"value":"Filled - Invalid","labelVariant":"floating"}},{"name":"Filled - Valid","props":{"label":"Label","value":"Filled - Valid","invalid":false,"labelVariant":"floating"}},{"name":"Disabled","props":{"label":"Label","disabled":true,"labelVariant":"floating"}},{"name":"Readonly - Filled","props":{"label":"Label","value":"Readonly - Filled","readOnly":true,"labelVariant":"floating"}}]},{"name":"Requirement","examples":[{"name":"(Default) Optional","props":{"label":"Label"}},{"name":"Required","props":{"label":"Label","required":true}},{"name":"Required - Filled","props":{"label":"Label","value":"Required - Filled","required":true}}]},{"name":"Rows","examples":[{"name":"(Default) 4 Rows","style":{"width":"328px"},"props":{"label":"(Default) 4 Rows","value":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua."}},{"name":"Custom","style":{"width":"328px"},"props":{"label":"Custom Example 8 Rows","rows":8,"value":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua."}}]}]')}}]); \ No newline at end of file +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[27752],{37395:function(e,a,l){l.d(a,{P:function(){return t}});let t=(e,a,l)=>e.map((e,t)=>{var n;return{...e,slotCode:null!==(n=null==l?void 0:l.at(t))&&void 0!==n?n:"No code available",examples:e.examples.map(e=>{var l,t,n,r;return{...e,example:a({...e.props,id:null!==(n=null===(l=e.props)||void 0===l?void 0:l.id)&&void 0!==n?n:e.name,children:null!==(r=null===(t=e.props)||void 0===t?void 0:t.children)&&void 0!==r?r:e.name})}})}})},99341:function(e,a,l){var t=l(52322),n=l(5632),r=l(2784),i=l(12156),s=l(53752);let o=e=>{let{examples:a,slotCode:l}=e,[n,i]=(0,r.useState)();return(0,t.jsxs)(s.f,{className:"variants-card db-code-docs",children:[(0,t.jsx)("div",{className:"variants-list",children:a.map((e,a)=>(0,t.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(a)))}),(0,t.jsxs)("details",{className:"code-details",onToggle:()=>{i(!n)},children:[(0,t.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:n?"Hide code":"Show code"}),(0,t.jsxs)("div",{className:"db-ui-functional",children:[(0,t.jsx)("div",{className:"backdrop"}),(0,t.jsx)(s.f,{className:"code",spacing:"small",children:l})]})]})]})},d=e=>{let{variants:a,componentName:l}=e,n=(e,a)=>{if(!window.location.origin||!window.location.href)return"";let l=window.location.href.split("?")[0],t="?page=".concat(e.name.toLowerCase());return a?"".concat(l.split("components")[0],"/components/").concat(a).concat(t):"".concat(l).concat(t)};return(0,t.jsx)(t.Fragment,{children:null==a?void 0:a.map((e,a)=>(0,t.jsxs)("div",{children:[(0,t.jsx)(s.oH,{}),(0,t.jsx)("h2",{children:(0,t.jsx)(s.vB,{content:"external",target:"_blank",href:n(e,l),children:e.name})}),(0,t.jsx)(o,{...e})]},"".concat(e.name,"-").concat(a)))})};a.Z=e=>{let{title:a,variants:l,subComponent:s,isSubComponent:c,componentName:x}=e,[u,b]=(0,r.useState)(),p=(0,n.useRouter)();return(0,r.useEffect)(()=>{if(p.query){var e;let a=null===(e=p.query.page)||void 0===e?void 0:e.toString();a&&b(l.find(e=>e.name.toLowerCase()===a))}},[p]),(0,t.jsxs)(t.Fragment,{children:[u&&(0,t.jsx)("div",{children:(0,t.jsx)(o,{...u})}),!u&&!c&&(0,t.jsxs)(i.Z,{children:[(0,t.jsxs)("div",{className:"default-container",children:[(0,t.jsx)("h1",{children:a}),(0,t.jsx)(d,{variants:l,componentName:x})]}),s]}),!u&&c&&(0,t.jsxs)("div",{className:"default-container",children:[(0,t.jsx)("h2",{children:a}),(0,t.jsx)(d,{variants:l,componentName:x})]})]})}},24818:function(e,a,l){l.r(a);var t=l(52322),n=l(2784),r=l(9513),i=l(33878),s=l(95696),o=l(79041),d=l(16909),c=l(16134);a.default=()=>{let[e,a]=(0,n.useState)();return(0,n.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(r.Z,{className:"tab-container",children:(0,t.jsxs)(i.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(o.Z,{children:"Angular"}),(0,t.jsx)(o.Z,{children:"HTML"}),(0,t.jsx)(o.Z,{children:"React"}),(0,t.jsx)(o.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'(Default) Optional'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Optional')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    '})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n \n \n
    ')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Optional')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Optional')},children:"Copy"})]})]})}),(0,t.jsx)(r.Z,{className:"tab-container",children:(0,t.jsxs)(i.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(o.Z,{children:"Angular"}),(0,t.jsx)(o.Z,{children:"HTML"}),(0,t.jsx)(o.Z,{children:"React"}),(0,t.jsx)(o.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'Required'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Required')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    '})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n \n \n
    ')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n Required\n'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Required\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'Required'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Required')},children:"Copy"})]})]})}),(0,t.jsx)(r.Z,{className:"tab-container",children:(0,t.jsxs)(i.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(o.Z,{children:"Angular"}),(0,t.jsx)(o.Z,{children:"HTML"}),(0,t.jsx)(o.Z,{children:"React"}),(0,t.jsx)(o.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'Required - Filled'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Required - Filled')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    '})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n \n \n
    ')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n Required - Filled\n'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Required - Filled\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'Required - Filled'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Required - Filled')},children:"Copy"})]})]})})]})}},18609:function(e,a,l){l.r(a);var t=l(52322),n=l(2784),r=l(9513),i=l(33878),s=l(95696),o=l(79041),d=l(16909),c=l(16134);a.default=()=>{let[e,a]=(0,n.useState)();return(0,n.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(r.Z,{className:"tab-container",children:(0,t.jsxs)(i.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(o.Z,{children:"Angular"}),(0,t.jsx)(o.Z,{children:"HTML"}),(0,t.jsx)(o.Z,{children:"React"}),(0,t.jsx)(o.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'\n (Default) 4 Rows\n'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n (Default) 4 Rows\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    '})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n \n \n
    ')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) 4 Rows\n'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n (Default) 4 Rows\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) 4 Rows\n'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n (Default) 4 Rows\n')},children:"Copy"})]})]})}),(0,t.jsx)(r.Z,{className:"tab-container",children:(0,t.jsxs)(i.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(o.Z,{children:"Angular"}),(0,t.jsx)(o.Z,{children:"HTML"}),(0,t.jsx)(o.Z,{children:"React"}),(0,t.jsx)(o.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'Custom'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Custom')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    '})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n \n \n
    ')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n Custom\n'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Custom\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'Custom'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Custom')},children:"Copy"})]})]})})]})}},92441:function(e,a,l){l.r(a);var t=l(52322),n=l(2784),r=l(9513),i=l(33878),s=l(95696),o=l(79041),d=l(16909),c=l(16134);a.default=()=>{let[e,a]=(0,n.useState)();return(0,n.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(r.Z,{className:"tab-container",children:(0,t.jsxs)(i.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(o.Z,{children:"Angular"}),(0,t.jsx)(o.Z,{children:"HTML"}),(0,t.jsx)(o.Z,{children:"React"}),(0,t.jsx)(o.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    '})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n \n \n
    ')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]})]})}),(0,t.jsx)(r.Z,{className:"tab-container",children:(0,t.jsxs)(i.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(o.Z,{children:"Angular"}),(0,t.jsx)(o.Z,{children:"HTML"}),(0,t.jsx)(o.Z,{children:"React"}),(0,t.jsx)(o.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    '})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n \n \n
    ')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]})]})}),(0,t.jsx)(r.Z,{className:"tab-container",children:(0,t.jsxs)(i.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(o.Z,{children:"Angular"}),(0,t.jsx)(o.Z,{children:"HTML"}),(0,t.jsx)(o.Z,{children:"React"}),(0,t.jsx)(o.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n
    '})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n \n \n
    ')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]})]})})]})}},67597:function(e,a,l){l.r(a);var t=l(52322),n=l(2784),r=l(9513),i=l(33878),s=l(95696),o=l(79041),d=l(16909),c=l(16134);a.default=()=>{let[e,a]=(0,n.useState)();return(0,n.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(r.Z,{className:"tab-container",children:(0,t.jsxs)(i.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(o.Z,{children:"Angular"}),(0,t.jsx)(o.Z,{children:"HTML"}),(0,t.jsx)(o.Z,{children:"React"}),(0,t.jsx)(o.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'(Default) Basic'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Basic')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'(Default) Basic'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Basic')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'(Default) Basic'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Basic')},children:"Copy"})]})]})}),(0,t.jsx)(r.Z,{className:"tab-container",children:(0,t.jsxs)(i.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(o.Z,{children:"Angular"}),(0,t.jsx)(o.Z,{children:"HTML"}),(0,t.jsx)(o.Z,{children:"React"}),(0,t.jsx)(o.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'\n Helper Message\n'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n Helper Message\n'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n Helper Message\n'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy"})]})]})})]})}},25468:function(e,a,l){l.r(a);var t=l(52322),n=l(2784),r=l(9513),i=l(33878),s=l(95696),o=l(79041),d=l(16909),c=l(16134);a.default=()=>{let[e,a]=(0,n.useState)();return(0,n.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(r.Z,{className:"tab-container",children:(0,t.jsxs)(i.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(o.Z,{children:"Angular"}),(0,t.jsx)(o.Z,{children:"HTML"}),(0,t.jsx)(o.Z,{children:"React"}),(0,t.jsx)(o.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'(Default) Label Above'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Label Above')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label Above'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Label Above')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label Above'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Label Above')},children:"Copy"})]})]})}),(0,t.jsx)(r.Z,{className:"tab-container",children:(0,t.jsxs)(i.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(o.Z,{children:"Angular"}),(0,t.jsx)(o.Z,{children:"HTML"}),(0,t.jsx)(o.Z,{children:"React"}),(0,t.jsx)(o.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'\n Floating Label\n'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n Floating Label\n'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n Floating Label\n'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy"})]})]})}),(0,t.jsx)(r.Z,{className:"tab-container",children:(0,t.jsxs)(i.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(o.Z,{children:"Angular"}),(0,t.jsx)(o.Z,{children:"HTML"}),(0,t.jsx)(o.Z,{children:"React"}),(0,t.jsx)(o.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'\n Hidden Label\n'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,t.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy"})]})]})})]})}},92829:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{"label":"Label"}},{"name":"(Default) Regular","className":"db-ui-regular","props":{"label":"Label"}},{"name":"Expressive","className":"db-ui-expressive","props":{"label":"Label"}}]},{"name":"Variant Label","examples":[{"name":"(Default) Label Above","props":{"label":"Label"}},{"name":"Floating Label","props":{"label":"Label","labelVariant":"floating","value":"Floating Label"}},{"name":"Hidden Label","props":{"label":"Label","labelVariant":"hidden"}}]},{"name":"Variant Helper Message","examples":[{"name":"(Default) Basic","props":{"label":"Label"}},{"name":"Helper Message","props":{"label":"Label","message":"Helper Message"}}]},{"name":"Semantic","examples":[{"name":"(Default) Adaptive","props":{"label":"Label","message":"Helper Message"}},{"name":"Critical","props":{"label":"Label","variant":"critical","message":"Critical Message"}},{"name":"Informational","props":{"label":"Label","variant":"informational","message":"Informational Message"}},{"name":"Successful","props":{"label":"Label","variant":"successful","message":"Successful Message"}},{"name":"Warning","props":{"label":"Label","variant":"warning","message":"Warning Message"}}]},{"name":"States Label Above","examples":[{"name":"(Default) Empty","props":{"label":"Label"}},{"name":"Filled","props":{"label":"Label","value":"Filled"}},{"name":"Filled - Invalid","props":{"label":"Label","value":"Filled - Invalid","invalid":true}},{"name":"Filled - Valid","props":{"label":"Label","value":"Filled - Valid","invalid":false}},{"name":"Disabled","props":{"label":"Label","disabled":true}},{"name":"Readonly - Filled","props":{"label":"Label","value":"Readonly - Filled","readOnly":true}}]},{"name":"States Floating Label","examples":[{"name":"(Default) Empty","props":{"label":"Label","labelVariant":"floating"}},{"name":"Filled","props":{"label":"Label","value":"Filled","labelVariant":"floating"}},{"name":"Filled - Invalid","props":{"label":"Label","invalid":true,"value":"Filled - Invalid","labelVariant":"floating"}},{"name":"Filled - Valid","props":{"label":"Label","value":"Filled - Valid","invalid":false,"labelVariant":"floating"}},{"name":"Disabled","props":{"label":"Label","disabled":true,"labelVariant":"floating"}},{"name":"Readonly - Filled","props":{"label":"Label","value":"Readonly - Filled","readOnly":true,"labelVariant":"floating"}}]},{"name":"Requirement","examples":[{"name":"(Default) Optional","props":{"label":"Label"}},{"name":"Required","props":{"label":"Label","required":true}},{"name":"Required - Filled","props":{"label":"Label","value":"Required - Filled","required":true}}]},{"name":"Rows","examples":[{"name":"(Default) 4 Rows","style":{"width":"328px"},"props":{"label":"(Default) 4 Rows","value":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua."}},{"name":"Custom","style":{"width":"328px"},"props":{"label":"Custom Example 8 Rows","rows":8,"value":"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua."}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/28955-bb6566a1150ceffd.js b/review/main/_next/static/chunks/28955-506ec49b9418c9d2.js similarity index 99% rename from review/main/_next/static/chunks/28955-bb6566a1150ceffd.js rename to review/main/_next/static/chunks/28955-506ec49b9418c9d2.js index e6bd52cd0aa..387e1c93bae 100644 --- a/review/main/_next/static/chunks/28955-bb6566a1150ceffd.js +++ b/review/main/_next/static/chunks/28955-506ec49b9418c9d2.js @@ -1 +1 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[28955],{37395:function(e,n,i){i.d(n,{P:function(){return c}});let c=(e,n,i)=>e.map((e,c)=>{var s;return{...e,slotCode:null!==(s=null==i?void 0:i.at(c))&&void 0!==s?s:"No code available",examples:e.examples.map(e=>{var i,c,s,a;return{...e,example:n({...e.props,id:null!==(s=null===(i=e.props)||void 0===i?void 0:i.id)&&void 0!==s?s:e.name,children:null!==(a=null===(c=e.props)||void 0===c?void 0:c.children)&&void 0!==a?a:e.name})}})}})},99341:function(e,n,i){var c=i(52322),s=i(5632),a=i(2784),t=i(11803),l=i(86095);let o=e=>{let{examples:n,slotCode:i}=e,[s,t]=(0,a.useState)();return(0,c.jsxs)(l.f,{className:"variants-card db-code-docs",children:[(0,c.jsx)("div",{className:"variants-list",children:n.map((e,n)=>(0,c.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(n)))}),(0,c.jsxs)("details",{className:"code-details",onToggle:()=>{t(!s)},children:[(0,c.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:s?"Hide code":"Show code"}),(0,c.jsxs)("div",{className:"db-ui-functional",children:[(0,c.jsx)("div",{className:"backdrop"}),(0,c.jsx)(l.f,{className:"code",spacing:"small",children:i})]})]})]})},r=e=>{let{variants:n,componentName:i}=e,s=(e,n)=>{if(!window.location.origin||!window.location.href)return"";let i=window.location.href.split("?")[0],c="?page=".concat(e.name.toLowerCase());return n?"".concat(i.split("components")[0],"/components/").concat(n).concat(c):"".concat(i).concat(c)};return(0,c.jsx)(c.Fragment,{children:null==n?void 0:n.map((e,n)=>(0,c.jsxs)("div",{children:[(0,c.jsx)(l.oH,{}),(0,c.jsx)("h2",{children:(0,c.jsx)(l.vB,{content:"external",target:"_blank",href:s(e,i),children:e.name})}),(0,c.jsx)(o,{...e})]},"".concat(e.name,"-").concat(n)))})};n.Z=e=>{let{title:n,variants:i,subComponent:l,isSubComponent:d,componentName:x}=e,[h,j]=(0,a.useState)(),u=(0,s.useRouter)();return(0,a.useEffect)(()=>{if(u.query){var e;let n=null===(e=u.query.page)||void 0===e?void 0:e.toString();n&&j(i.find(e=>e.name.toLowerCase()===n))}},[u]),(0,c.jsxs)(c.Fragment,{children:[h&&(0,c.jsx)("div",{children:(0,c.jsx)(o,{...h})}),!h&&!d&&(0,c.jsxs)(t.Z,{children:[(0,c.jsxs)("div",{className:"default-container",children:[(0,c.jsx)("h1",{children:n}),(0,c.jsx)(r,{variants:i,componentName:x})]}),l]}),!h&&d&&(0,c.jsxs)("div",{className:"default-container",children:[(0,c.jsx)("h2",{children:n}),(0,c.jsx)(r,{variants:i,componentName:x})]})]})}},61461:function(e,n,i){i.r(n);var c=i(52322),s=i(2784),a=i(9513),t=i(33878),l=i(95696),o=i(79041),r=i(16909),d=i(16134);n.default=()=>{let[e,n]=(0,s.useState)();return(0,s.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(a.Z,{className:"tab-container",children:(0,c.jsxs)(t.Z,{children:[(0,c.jsxs)(l.Z,{children:[(0,c.jsx)(o.Z,{children:"Angular"}),(0,c.jsx)(o.Z,{children:"HTML"}),(0,c.jsx)(o.Z,{children:"React"}),(0,c.jsx)(o.Z,{children:"Vue"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:"(Default) Medium"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Medium")},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n
    (Default) Medium
    \n
    '})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
    \n
    (Default) Medium
    \n
    ')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"(Default) Medium"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Medium")},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"(Default) Medium"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Medium")},children:"Copy"})]})]})}),(0,c.jsx)(a.Z,{className:"tab-container",children:(0,c.jsxs)(t.Z,{children:[(0,c.jsxs)(l.Z,{children:[(0,c.jsx)(o.Z,{children:"Angular"}),(0,c.jsx)(o.Z,{children:"HTML"}),(0,c.jsx)(o.Z,{children:"React"}),(0,c.jsx)(o.Z,{children:"Vue"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'Large'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Large')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n
    Large
    \n
    '})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
    \n
    Large
    \n
    ')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Large'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Large')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Large'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Large')},children:"Copy"})]})]})}),(0,c.jsx)(a.Z,{className:"tab-container",children:(0,c.jsxs)(t.Z,{children:[(0,c.jsxs)(l.Z,{children:[(0,c.jsx)(o.Z,{children:"Angular"}),(0,c.jsx)(o.Z,{children:"HTML"}),(0,c.jsx)(o.Z,{children:"React"}),(0,c.jsx)(o.Z,{children:"Vue"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'Small'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Small')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n
    Small
    \n
    '})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
    \n
    Small
    \n
    ')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Small')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Small')},children:"Copy"})]})]})})]})}},67916:function(e,n,i){i.r(n);var c=i(52322),s=i(2784),a=i(9513),t=i(33878),l=i(95696),o=i(79041),r=i(16909),d=i(16134);n.default=()=>{let[e,n]=(0,s.useState)();return(0,s.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(a.Z,{className:"tab-container",children:(0,c.jsxs)(t.Z,{children:[(0,c.jsxs)(l.Z,{children:[(0,c.jsx)(o.Z,{children:"Angular"}),(0,c.jsx)(o.Z,{children:"HTML"}),(0,c.jsx)(o.Z,{children:"React"}),(0,c.jsx)(o.Z,{children:"Vue"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n
    Functional
    \n
    '})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
    \n
    Functional
    \n
    ')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]})]})}),(0,c.jsx)(a.Z,{className:"tab-container",children:(0,c.jsxs)(t.Z,{children:[(0,c.jsxs)(l.Z,{children:[(0,c.jsx)(o.Z,{children:"Angular"}),(0,c.jsx)(o.Z,{children:"HTML"}),(0,c.jsx)(o.Z,{children:"React"}),(0,c.jsx)(o.Z,{children:"Vue"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n
    (Default) Regular
    \n
    '})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
    \n
    (Default) Regular
    \n
    ')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]})]})}),(0,c.jsx)(a.Z,{className:"tab-container",children:(0,c.jsxs)(t.Z,{children:[(0,c.jsxs)(l.Z,{children:[(0,c.jsx)(o.Z,{children:"Angular"}),(0,c.jsx)(o.Z,{children:"HTML"}),(0,c.jsx)(o.Z,{children:"React"}),(0,c.jsx)(o.Z,{children:"Vue"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n
    Expressive
    \n
    '})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
    \n
    Expressive
    \n
    ')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]})]})})]})}},97393:function(e,n,i){i.r(n);var c=i(52322),s=i(2784),a=i(9513),t=i(33878),l=i(95696),o=i(79041),r=i(16909),d=i(16134);n.default=()=>{let[e,n]=(0,s.useState)();return(0,s.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(a.Z,{className:"tab-container",children:(0,c.jsxs)(t.Z,{children:[(0,c.jsxs)(l.Z,{children:[(0,c.jsx)(o.Z,{children:"Angular"}),(0,c.jsx)(o.Z,{children:"HTML"}),(0,c.jsx)(o.Z,{children:"React"}),(0,c.jsx)(o.Z,{children:"Vue"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:"(Default) Full"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Full")},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n
    (Default) Full
    \n
    '})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
    \n
    (Default) Full
    \n
    ')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"(Default) Full"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Full")},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"(Default) Full"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Full")},children:"Copy"})]})]})}),(0,c.jsx)(a.Z,{className:"tab-container",children:(0,c.jsxs)(t.Z,{children:[(0,c.jsxs)(l.Z,{children:[(0,c.jsx)(o.Z,{children:"Angular"}),(0,c.jsx)(o.Z,{children:"HTML"}),(0,c.jsx)(o.Z,{children:"React"}),(0,c.jsx)(o.Z,{children:"Vue"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'Medium'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Medium')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n
    Medium
    \n
    '})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
    \n
    Medium
    \n
    ')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Medium'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Medium')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Medium'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Medium')},children:"Copy"})]})]})}),(0,c.jsx)(a.Z,{className:"tab-container",children:(0,c.jsxs)(t.Z,{children:[(0,c.jsxs)(l.Z,{children:[(0,c.jsx)(o.Z,{children:"Angular"}),(0,c.jsx)(o.Z,{children:"HTML"}),(0,c.jsx)(o.Z,{children:"React"}),(0,c.jsx)(o.Z,{children:"Vue"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'Large'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Large')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n
    Large
    \n
    '})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
    \n
    Large
    \n
    ')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Large'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Large')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Large'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Large')},children:"Copy"})]})]})})]})}},32694:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{}},{"name":"(Default) Regular","className":"db-ui-regular","props":{}},{"name":"Expressive","className":"db-ui-expressive","props":{}}]},{"name":"Variant","examples":[{"name":"(Default) Full","style":{"width":"100%","display":"block"},"props":{}},{"name":"Medium","style":{"width":"100%","display":"block"},"props":{"variant":"medium"}},{"name":"Large","style":{"width":"100%","display":"block"},"props":{"variant":"large"}}]},{"name":"Size","examples":[{"name":"(Default) Medium","props":{}},{"name":"Large","props":{"size":"large"}},{"name":"Small","props":{"size":"small"}}]}]')}}]); \ No newline at end of file +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[28955],{37395:function(e,n,i){i.d(n,{P:function(){return c}});let c=(e,n,i)=>e.map((e,c)=>{var s;return{...e,slotCode:null!==(s=null==i?void 0:i.at(c))&&void 0!==s?s:"No code available",examples:e.examples.map(e=>{var i,c,s,a;return{...e,example:n({...e.props,id:null!==(s=null===(i=e.props)||void 0===i?void 0:i.id)&&void 0!==s?s:e.name,children:null!==(a=null===(c=e.props)||void 0===c?void 0:c.children)&&void 0!==a?a:e.name})}})}})},99341:function(e,n,i){var c=i(52322),s=i(5632),a=i(2784),t=i(12156),l=i(53752);let o=e=>{let{examples:n,slotCode:i}=e,[s,t]=(0,a.useState)();return(0,c.jsxs)(l.f,{className:"variants-card db-code-docs",children:[(0,c.jsx)("div",{className:"variants-list",children:n.map((e,n)=>(0,c.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(n)))}),(0,c.jsxs)("details",{className:"code-details",onToggle:()=>{t(!s)},children:[(0,c.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:s?"Hide code":"Show code"}),(0,c.jsxs)("div",{className:"db-ui-functional",children:[(0,c.jsx)("div",{className:"backdrop"}),(0,c.jsx)(l.f,{className:"code",spacing:"small",children:i})]})]})]})},r=e=>{let{variants:n,componentName:i}=e,s=(e,n)=>{if(!window.location.origin||!window.location.href)return"";let i=window.location.href.split("?")[0],c="?page=".concat(e.name.toLowerCase());return n?"".concat(i.split("components")[0],"/components/").concat(n).concat(c):"".concat(i).concat(c)};return(0,c.jsx)(c.Fragment,{children:null==n?void 0:n.map((e,n)=>(0,c.jsxs)("div",{children:[(0,c.jsx)(l.oH,{}),(0,c.jsx)("h2",{children:(0,c.jsx)(l.vB,{content:"external",target:"_blank",href:s(e,i),children:e.name})}),(0,c.jsx)(o,{...e})]},"".concat(e.name,"-").concat(n)))})};n.Z=e=>{let{title:n,variants:i,subComponent:l,isSubComponent:d,componentName:x}=e,[h,j]=(0,a.useState)(),u=(0,s.useRouter)();return(0,a.useEffect)(()=>{if(u.query){var e;let n=null===(e=u.query.page)||void 0===e?void 0:e.toString();n&&j(i.find(e=>e.name.toLowerCase()===n))}},[u]),(0,c.jsxs)(c.Fragment,{children:[h&&(0,c.jsx)("div",{children:(0,c.jsx)(o,{...h})}),!h&&!d&&(0,c.jsxs)(t.Z,{children:[(0,c.jsxs)("div",{className:"default-container",children:[(0,c.jsx)("h1",{children:n}),(0,c.jsx)(r,{variants:i,componentName:x})]}),l]}),!h&&d&&(0,c.jsxs)("div",{className:"default-container",children:[(0,c.jsx)("h2",{children:n}),(0,c.jsx)(r,{variants:i,componentName:x})]})]})}},61461:function(e,n,i){i.r(n);var c=i(52322),s=i(2784),a=i(9513),t=i(33878),l=i(95696),o=i(79041),r=i(16909),d=i(16134);n.default=()=>{let[e,n]=(0,s.useState)();return(0,s.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(a.Z,{className:"tab-container",children:(0,c.jsxs)(t.Z,{children:[(0,c.jsxs)(l.Z,{children:[(0,c.jsx)(o.Z,{children:"Angular"}),(0,c.jsx)(o.Z,{children:"HTML"}),(0,c.jsx)(o.Z,{children:"React"}),(0,c.jsx)(o.Z,{children:"Vue"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:"(Default) Medium"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Medium")},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n
    (Default) Medium
    \n
    '})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
    \n
    (Default) Medium
    \n
    ')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"(Default) Medium"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Medium")},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"(Default) Medium"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Medium")},children:"Copy"})]})]})}),(0,c.jsx)(a.Z,{className:"tab-container",children:(0,c.jsxs)(t.Z,{children:[(0,c.jsxs)(l.Z,{children:[(0,c.jsx)(o.Z,{children:"Angular"}),(0,c.jsx)(o.Z,{children:"HTML"}),(0,c.jsx)(o.Z,{children:"React"}),(0,c.jsx)(o.Z,{children:"Vue"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'Large'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Large')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n
    Large
    \n
    '})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
    \n
    Large
    \n
    ')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Large'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Large')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Large'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Large')},children:"Copy"})]})]})}),(0,c.jsx)(a.Z,{className:"tab-container",children:(0,c.jsxs)(t.Z,{children:[(0,c.jsxs)(l.Z,{children:[(0,c.jsx)(o.Z,{children:"Angular"}),(0,c.jsx)(o.Z,{children:"HTML"}),(0,c.jsx)(o.Z,{children:"React"}),(0,c.jsx)(o.Z,{children:"Vue"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'Small'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Small')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n
    Small
    \n
    '})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
    \n
    Small
    \n
    ')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Small')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Small')},children:"Copy"})]})]})})]})}},67916:function(e,n,i){i.r(n);var c=i(52322),s=i(2784),a=i(9513),t=i(33878),l=i(95696),o=i(79041),r=i(16909),d=i(16134);n.default=()=>{let[e,n]=(0,s.useState)();return(0,s.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(a.Z,{className:"tab-container",children:(0,c.jsxs)(t.Z,{children:[(0,c.jsxs)(l.Z,{children:[(0,c.jsx)(o.Z,{children:"Angular"}),(0,c.jsx)(o.Z,{children:"HTML"}),(0,c.jsx)(o.Z,{children:"React"}),(0,c.jsx)(o.Z,{children:"Vue"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n
    Functional
    \n
    '})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
    \n
    Functional
    \n
    ')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]})]})}),(0,c.jsx)(a.Z,{className:"tab-container",children:(0,c.jsxs)(t.Z,{children:[(0,c.jsxs)(l.Z,{children:[(0,c.jsx)(o.Z,{children:"Angular"}),(0,c.jsx)(o.Z,{children:"HTML"}),(0,c.jsx)(o.Z,{children:"React"}),(0,c.jsx)(o.Z,{children:"Vue"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n
    (Default) Regular
    \n
    '})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
    \n
    (Default) Regular
    \n
    ')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]})]})}),(0,c.jsx)(a.Z,{className:"tab-container",children:(0,c.jsxs)(t.Z,{children:[(0,c.jsxs)(l.Z,{children:[(0,c.jsx)(o.Z,{children:"Angular"}),(0,c.jsx)(o.Z,{children:"HTML"}),(0,c.jsx)(o.Z,{children:"React"}),(0,c.jsx)(o.Z,{children:"Vue"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n
    Expressive
    \n
    '})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
    \n
    Expressive
    \n
    ')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]})]})})]})}},97393:function(e,n,i){i.r(n);var c=i(52322),s=i(2784),a=i(9513),t=i(33878),l=i(95696),o=i(79041),r=i(16909),d=i(16134);n.default=()=>{let[e,n]=(0,s.useState)();return(0,s.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(a.Z,{className:"tab-container",children:(0,c.jsxs)(t.Z,{children:[(0,c.jsxs)(l.Z,{children:[(0,c.jsx)(o.Z,{children:"Angular"}),(0,c.jsx)(o.Z,{children:"HTML"}),(0,c.jsx)(o.Z,{children:"React"}),(0,c.jsx)(o.Z,{children:"Vue"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:"(Default) Full"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Full")},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n
    (Default) Full
    \n
    '})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
    \n
    (Default) Full
    \n
    ')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"(Default) Full"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Full")},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"(Default) Full"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Full")},children:"Copy"})]})]})}),(0,c.jsx)(a.Z,{className:"tab-container",children:(0,c.jsxs)(t.Z,{children:[(0,c.jsxs)(l.Z,{children:[(0,c.jsx)(o.Z,{children:"Angular"}),(0,c.jsx)(o.Z,{children:"HTML"}),(0,c.jsx)(o.Z,{children:"React"}),(0,c.jsx)(o.Z,{children:"Vue"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'Medium'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Medium')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n
    Medium
    \n
    '})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
    \n
    Medium
    \n
    ')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Medium'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Medium')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Medium'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Medium')},children:"Copy"})]})]})}),(0,c.jsx)(a.Z,{className:"tab-container",children:(0,c.jsxs)(t.Z,{children:[(0,c.jsxs)(l.Z,{children:[(0,c.jsx)(o.Z,{children:"Angular"}),(0,c.jsx)(o.Z,{children:"HTML"}),(0,c.jsx)(o.Z,{children:"React"}),(0,c.jsx)(o.Z,{children:"Vue"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'Large'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Large')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n
    Large
    \n
    '})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
    \n
    Large
    \n
    ')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Large'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Large')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Large'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Large')},children:"Copy"})]})]})})]})}},32694:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{}},{"name":"(Default) Regular","className":"db-ui-regular","props":{}},{"name":"Expressive","className":"db-ui-expressive","props":{}}]},{"name":"Variant","examples":[{"name":"(Default) Full","style":{"width":"100%","display":"block"},"props":{}},{"name":"Medium","style":{"width":"100%","display":"block"},"props":{"variant":"medium"}},{"name":"Large","style":{"width":"100%","display":"block"},"props":{"variant":"large"}}]},{"name":"Size","examples":[{"name":"(Default) Medium","props":{}},{"name":"Large","props":{"size":"large"}},{"name":"Small","props":{"size":"small"}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/37580-a2a923f32e8c4328.js b/review/main/_next/static/chunks/37580-7443a1409df1d3c3.js similarity index 98% rename from review/main/_next/static/chunks/37580-a2a923f32e8c4328.js rename to review/main/_next/static/chunks/37580-7443a1409df1d3c3.js index cda98978db8..2b3b6d1a20b 100644 --- a/review/main/_next/static/chunks/37580-a2a923f32e8c4328.js +++ b/review/main/_next/static/chunks/37580-7443a1409df1d3c3.js @@ -1 +1 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[37580],{37395:function(e,a,n){n.d(a,{P:function(){return s}});let s=(e,a,n)=>e.map((e,s)=>{var l;return{...e,slotCode:null!==(l=null==n?void 0:n.at(s))&&void 0!==l?l:"No code available",examples:e.examples.map(e=>{var n,s,l,c;return{...e,example:a({...e.props,id:null!==(l=null===(n=e.props)||void 0===n?void 0:n.id)&&void 0!==l?l:e.name,children:null!==(c=null===(s=e.props)||void 0===s?void 0:s.children)&&void 0!==c?c:e.name})}})}})},99341:function(e,a,n){var s=n(52322),l=n(5632),c=n(2784),i=n(11803),t=n(86095);let o=e=>{let{examples:a,slotCode:n}=e,[l,i]=(0,c.useState)();return(0,s.jsxs)(t.f,{className:"variants-card db-code-docs",children:[(0,s.jsx)("div",{className:"variants-list",children:a.map((e,a)=>(0,s.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(a)))}),(0,s.jsxs)("details",{className:"code-details",onToggle:()=>{i(!l)},children:[(0,s.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:l?"Hide code":"Show code"}),(0,s.jsxs)("div",{className:"db-ui-functional",children:[(0,s.jsx)("div",{className:"backdrop"}),(0,s.jsx)(t.f,{className:"code",spacing:"small",children:n})]})]})]})},r=e=>{let{variants:a,componentName:n}=e,l=(e,a)=>{if(!window.location.origin||!window.location.href)return"";let n=window.location.href.split("?")[0],s="?page=".concat(e.name.toLowerCase());return a?"".concat(n.split("components")[0],"/components/").concat(a).concat(s):"".concat(n).concat(s)};return(0,s.jsx)(s.Fragment,{children:null==a?void 0:a.map((e,a)=>(0,s.jsxs)("div",{children:[(0,s.jsx)(t.oH,{}),(0,s.jsx)("h2",{children:(0,s.jsx)(t.vB,{content:"external",target:"_blank",href:l(e,n),children:e.name})}),(0,s.jsx)(o,{...e})]},"".concat(e.name,"-").concat(a)))})};a.Z=e=>{let{title:a,variants:n,subComponent:t,isSubComponent:d,componentName:x}=e,[p,h]=(0,c.useState)(),j=(0,l.useRouter)();return(0,c.useEffect)(()=>{if(j.query){var e;let a=null===(e=j.query.page)||void 0===e?void 0:e.toString();a&&h(n.find(e=>e.name.toLowerCase()===a))}},[j]),(0,s.jsxs)(s.Fragment,{children:[p&&(0,s.jsx)("div",{children:(0,s.jsx)(o,{...p})}),!p&&!d&&(0,s.jsxs)(i.Z,{children:[(0,s.jsxs)("div",{className:"default-container",children:[(0,s.jsx)("h1",{children:a}),(0,s.jsx)(r,{variants:n,componentName:x})]}),t]}),!p&&d&&(0,s.jsxs)("div",{className:"default-container",children:[(0,s.jsx)("h2",{children:a}),(0,s.jsx)(r,{variants:n,componentName:x})]})]})}},22689:function(e,a,n){n.r(a);var s=n(52322),l=n(2784),c=n(9513),i=n(33878),t=n(95696),o=n(79041),r=n(16909),d=n(16134);a.default=()=>{let[e,a]=(0,l.useState)();return(0,l.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(c.Z,{className:"tab-container",children:(0,s.jsxs)(i.Z,{children:[(0,s.jsxs)(t.Z,{children:[(0,s.jsx)(o.Z,{children:"Angular"}),(0,s.jsx)(o.Z,{children:"HTML"}),(0,s.jsx)(o.Z,{children:"React"}),(0,s.jsx)(o.Z,{children:"Vue"})]}),(0,s.jsxs)(r.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,s.jsxs)(r.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'
    \n
    Functional
    \n
    '})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n
    Functional
    \n
    ')},children:"Copy"})]}),(0,s.jsxs)(r.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,s.jsxs)(r.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]})]})}),(0,s.jsx)(c.Z,{className:"tab-container",children:(0,s.jsxs)(i.Z,{children:[(0,s.jsxs)(t.Z,{children:[(0,s.jsx)(o.Z,{children:"Angular"}),(0,s.jsx)(o.Z,{children:"HTML"}),(0,s.jsx)(o.Z,{children:"React"}),(0,s.jsx)(o.Z,{children:"Vue"})]}),(0,s.jsxs)(r.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]}),(0,s.jsxs)(r.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'
    \n
    (Default) Regular
    \n
    '})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n
    (Default) Regular
    \n
    ')},children:"Copy"})]}),(0,s.jsxs)(r.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]}),(0,s.jsxs)(r.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]})]})}),(0,s.jsx)(c.Z,{className:"tab-container",children:(0,s.jsxs)(i.Z,{children:[(0,s.jsxs)(t.Z,{children:[(0,s.jsx)(o.Z,{children:"Angular"}),(0,s.jsx)(o.Z,{children:"HTML"}),(0,s.jsx)(o.Z,{children:"React"}),(0,s.jsx)(o.Z,{children:"Vue"})]}),(0,s.jsxs)(r.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,s.jsxs)(r.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'
    \n
    Expressive
    \n
    '})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n
    Expressive
    \n
    ')},children:"Copy"})]}),(0,s.jsxs)(r.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,s.jsxs)(r.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]})]})})]})}},93078:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{}},{"name":"(Default) Regular","className":"db-ui-regular","props":{}},{"name":"Expressive","className":"db-ui-expressive","props":{}}]}]')}}]); \ No newline at end of file +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[37580],{37395:function(e,a,n){n.d(a,{P:function(){return s}});let s=(e,a,n)=>e.map((e,s)=>{var l;return{...e,slotCode:null!==(l=null==n?void 0:n.at(s))&&void 0!==l?l:"No code available",examples:e.examples.map(e=>{var n,s,l,c;return{...e,example:a({...e.props,id:null!==(l=null===(n=e.props)||void 0===n?void 0:n.id)&&void 0!==l?l:e.name,children:null!==(c=null===(s=e.props)||void 0===s?void 0:s.children)&&void 0!==c?c:e.name})}})}})},99341:function(e,a,n){var s=n(52322),l=n(5632),c=n(2784),i=n(12156),t=n(53752);let o=e=>{let{examples:a,slotCode:n}=e,[l,i]=(0,c.useState)();return(0,s.jsxs)(t.f,{className:"variants-card db-code-docs",children:[(0,s.jsx)("div",{className:"variants-list",children:a.map((e,a)=>(0,s.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(a)))}),(0,s.jsxs)("details",{className:"code-details",onToggle:()=>{i(!l)},children:[(0,s.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:l?"Hide code":"Show code"}),(0,s.jsxs)("div",{className:"db-ui-functional",children:[(0,s.jsx)("div",{className:"backdrop"}),(0,s.jsx)(t.f,{className:"code",spacing:"small",children:n})]})]})]})},r=e=>{let{variants:a,componentName:n}=e,l=(e,a)=>{if(!window.location.origin||!window.location.href)return"";let n=window.location.href.split("?")[0],s="?page=".concat(e.name.toLowerCase());return a?"".concat(n.split("components")[0],"/components/").concat(a).concat(s):"".concat(n).concat(s)};return(0,s.jsx)(s.Fragment,{children:null==a?void 0:a.map((e,a)=>(0,s.jsxs)("div",{children:[(0,s.jsx)(t.oH,{}),(0,s.jsx)("h2",{children:(0,s.jsx)(t.vB,{content:"external",target:"_blank",href:l(e,n),children:e.name})}),(0,s.jsx)(o,{...e})]},"".concat(e.name,"-").concat(a)))})};a.Z=e=>{let{title:a,variants:n,subComponent:t,isSubComponent:d,componentName:x}=e,[p,h]=(0,c.useState)(),j=(0,l.useRouter)();return(0,c.useEffect)(()=>{if(j.query){var e;let a=null===(e=j.query.page)||void 0===e?void 0:e.toString();a&&h(n.find(e=>e.name.toLowerCase()===a))}},[j]),(0,s.jsxs)(s.Fragment,{children:[p&&(0,s.jsx)("div",{children:(0,s.jsx)(o,{...p})}),!p&&!d&&(0,s.jsxs)(i.Z,{children:[(0,s.jsxs)("div",{className:"default-container",children:[(0,s.jsx)("h1",{children:a}),(0,s.jsx)(r,{variants:n,componentName:x})]}),t]}),!p&&d&&(0,s.jsxs)("div",{className:"default-container",children:[(0,s.jsx)("h2",{children:a}),(0,s.jsx)(r,{variants:n,componentName:x})]})]})}},22689:function(e,a,n){n.r(a);var s=n(52322),l=n(2784),c=n(9513),i=n(33878),t=n(95696),o=n(79041),r=n(16909),d=n(16134);a.default=()=>{let[e,a]=(0,l.useState)();return(0,l.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(c.Z,{className:"tab-container",children:(0,s.jsxs)(i.Z,{children:[(0,s.jsxs)(t.Z,{children:[(0,s.jsx)(o.Z,{children:"Angular"}),(0,s.jsx)(o.Z,{children:"HTML"}),(0,s.jsx)(o.Z,{children:"React"}),(0,s.jsx)(o.Z,{children:"Vue"})]}),(0,s.jsxs)(r.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,s.jsxs)(r.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'
    \n
    Functional
    \n
    '})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n
    Functional
    \n
    ')},children:"Copy"})]}),(0,s.jsxs)(r.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,s.jsxs)(r.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]})]})}),(0,s.jsx)(c.Z,{className:"tab-container",children:(0,s.jsxs)(i.Z,{children:[(0,s.jsxs)(t.Z,{children:[(0,s.jsx)(o.Z,{children:"Angular"}),(0,s.jsx)(o.Z,{children:"HTML"}),(0,s.jsx)(o.Z,{children:"React"}),(0,s.jsx)(o.Z,{children:"Vue"})]}),(0,s.jsxs)(r.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]}),(0,s.jsxs)(r.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'
    \n
    (Default) Regular
    \n
    '})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n
    (Default) Regular
    \n
    ')},children:"Copy"})]}),(0,s.jsxs)(r.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]}),(0,s.jsxs)(r.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]})]})}),(0,s.jsx)(c.Z,{className:"tab-container",children:(0,s.jsxs)(i.Z,{children:[(0,s.jsxs)(t.Z,{children:[(0,s.jsx)(o.Z,{children:"Angular"}),(0,s.jsx)(o.Z,{children:"HTML"}),(0,s.jsx)(o.Z,{children:"React"}),(0,s.jsx)(o.Z,{children:"Vue"})]}),(0,s.jsxs)(r.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,s.jsxs)(r.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'
    \n
    Expressive
    \n
    '})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('
    \n
    Expressive
    \n
    ')},children:"Copy"})]}),(0,s.jsxs)(r.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,s.jsxs)(r.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]})]})})]})}},93078:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{}},{"name":"(Default) Regular","className":"db-ui-regular","props":{}},{"name":"Expressive","className":"db-ui-expressive","props":{}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/41957-c68c5cf78addcc70.js b/review/main/_next/static/chunks/41957-447791f3c1d55e09.js similarity index 99% rename from review/main/_next/static/chunks/41957-c68c5cf78addcc70.js rename to review/main/_next/static/chunks/41957-447791f3c1d55e09.js index cb2b5a37c30..57ad737e5ed 100644 --- a/review/main/_next/static/chunks/41957-c68c5cf78addcc70.js +++ b/review/main/_next/static/chunks/41957-447791f3c1d55e09.js @@ -1 +1 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[41957],{37395:function(e,a,n){n.d(a,{P:function(){return i}});let i=(e,a,n)=>e.map((e,i)=>{var l;return{...e,slotCode:null!==(l=null==n?void 0:n.at(i))&&void 0!==l?l:"No code available",examples:e.examples.map(e=>{var n,i,l,t;return{...e,example:a({...e.props,id:null!==(l=null===(n=e.props)||void 0===n?void 0:n.id)&&void 0!==l?l:e.name,children:null!==(t=null===(i=e.props)||void 0===i?void 0:i.children)&&void 0!==t?t:e.name})}})}})},99341:function(e,a,n){var i=n(52322),l=n(5632),t=n(2784),o=n(11803),s=n(86095);let r=e=>{let{examples:a,slotCode:n}=e,[l,o]=(0,t.useState)();return(0,i.jsxs)(s.f,{className:"variants-card db-code-docs",children:[(0,i.jsx)("div",{className:"variants-list",children:a.map((e,a)=>(0,i.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(a)))}),(0,i.jsxs)("details",{className:"code-details",onToggle:()=>{o(!l)},children:[(0,i.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:l?"Hide code":"Show code"}),(0,i.jsxs)("div",{className:"db-ui-functional",children:[(0,i.jsx)("div",{className:"backdrop"}),(0,i.jsx)(s.f,{className:"code",spacing:"small",children:n})]})]})]})},d=e=>{let{variants:a,componentName:n}=e,l=(e,a)=>{if(!window.location.origin||!window.location.href)return"";let n=window.location.href.split("?")[0],i="?page=".concat(e.name.toLowerCase());return a?"".concat(n.split("components")[0],"/components/").concat(a).concat(i):"".concat(n).concat(i)};return(0,i.jsx)(i.Fragment,{children:null==a?void 0:a.map((e,a)=>(0,i.jsxs)("div",{children:[(0,i.jsx)(s.oH,{}),(0,i.jsx)("h2",{children:(0,i.jsx)(s.vB,{content:"external",target:"_blank",href:l(e,n),children:e.name})}),(0,i.jsx)(r,{...e})]},"".concat(e.name,"-").concat(a)))})};a.Z=e=>{let{title:a,variants:n,subComponent:s,isSubComponent:c,componentName:x}=e,[u,h]=(0,t.useState)(),p=(0,l.useRouter)();return(0,t.useEffect)(()=>{if(p.query){var e;let a=null===(e=p.query.page)||void 0===e?void 0:e.toString();a&&h(n.find(e=>e.name.toLowerCase()===a))}},[p]),(0,i.jsxs)(i.Fragment,{children:[u&&(0,i.jsx)("div",{children:(0,i.jsx)(r,{...u})}),!u&&!c&&(0,i.jsxs)(o.Z,{children:[(0,i.jsxs)("div",{className:"default-container",children:[(0,i.jsx)("h1",{children:a}),(0,i.jsx)(d,{variants:n,componentName:x})]}),s]}),!u&&c&&(0,i.jsxs)("div",{className:"default-container",children:[(0,i.jsx)("h2",{children:a}),(0,i.jsx)(d,{variants:n,componentName:x})]})]})}},34644:function(e,a,n){n.r(a);var i=n(52322),l=n(2784),t=n(9513),o=n(33878),s=n(95696),r=n(79041),d=n(16909),c=n(16134);a.default=()=>{let[e,a]=(0,l.useState)();return(0,l.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.Z,{className:"tab-container",children:(0,i.jsxs)(o.Z,{children:[(0,i.jsxs)(s.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'(Default) Label'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Label')},children:"Copy"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:''})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Label')},children:"Copy"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Label')},children:"Copy"})]})]})}),(0,i.jsx)(t.Z,{className:"tab-container",children:(0,i.jsxs)(o.Z,{children:[(0,i.jsxs)(s.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n Hidden Label\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:''})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy"})]})]})})]})}},1914:function(e,a,n){n.r(a);var i=n(52322),l=n(2784),t=n(9513),o=n(33878),s=n(95696),r=n(79041),d=n(16909),c=n(16134);a.default=()=>{let[e,a]=(0,l.useState)();return(0,l.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.Z,{className:"tab-container",children:(0,i.jsxs)(o.Z,{children:[(0,i.jsxs)(s.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'(Default) Enabled'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Enabled'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Enabled'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy"})]})]})}),(0,i.jsx)(t.Z,{className:"tab-container",children:(0,i.jsxs)(o.Z,{children:[(0,i.jsxs)(s.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Disabled')},children:"Copy"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Disabled')},children:"Copy"})]})]})})]})}},25619:function(e,a,n){n.r(a);var i=n(52322),l=n(2784),t=n(9513),o=n(33878),s=n(95696),r=n(79041),d=n(16909),c=n(16134);a.default=()=>{let[e,a]=(0,l.useState)();return(0,l.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.Z,{className:"tab-container",children:(0,i.jsxs)(o.Z,{children:[(0,i.jsxs)(s.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'(Default) Optional'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Optional')},children:"Copy"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:''})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Optional')},children:"Copy"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Optional')},children:"Copy"})]})]})}),(0,i.jsx)(t.Z,{className:"tab-container",children:(0,i.jsxs)(o.Z,{children:[(0,i.jsxs)(s.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Required'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Required')},children:"Copy"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:''})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Required\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Required\n')},children:"Copy"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Required'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Required')},children:"Copy"})]})]})})]})}},26328:function(e,a,n){n.r(a);var i=n(52322),l=n(2784),t=n(9513),o=n(33878),s=n(95696),r=n(79041),d=n(16909),c=n(16134);a.default=()=>{let[e,a]=(0,l.useState)();return(0,l.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.Z,{className:"tab-container",children:(0,i.jsxs)(o.Z,{children:[(0,i.jsxs)(s.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'(Default) Medium'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Medium')},children:"Copy"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:''})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Medium')},children:"Copy"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Medium')},children:"Copy"})]})]})}),(0,i.jsx)(t.Z,{className:"tab-container",children:(0,i.jsxs)(o.Z,{children:[(0,i.jsxs)(s.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n Small\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Small\n')},children:"Copy"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:''})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Small\n')},children:"Copy"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Small\n')},children:"Copy"})]})]})})]})}},79174:function(e,a,n){n.r(a);var i=n(52322),l=n(2784),t=n(9513),o=n(33878),s=n(95696),r=n(79041),d=n(16909),c=n(16134);a.default=()=>{let[e,a]=(0,l.useState)();return(0,l.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.Z,{className:"tab-container",children:(0,i.jsxs)(o.Z,{children:[(0,i.jsxs)(s.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n Functional\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Functional\n')},children:"Copy"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:''})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Functional\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Functional\n')},children:"Copy"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Functional\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Functional\n')},children:"Copy"})]})]})}),(0,i.jsx)(t.Z,{className:"tab-container",children:(0,i.jsxs)(o.Z,{children:[(0,i.jsxs)(s.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n (Default) Regular\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:''})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy"})]})]})}),(0,i.jsx)(t.Z,{className:"tab-container",children:(0,i.jsxs)(o.Z,{children:[(0,i.jsxs)(s.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n Expressive\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:''})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Expressive\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Expressive\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy"})]})]})})]})}},81566:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{"name":"Tonality","value":"functional"}},{"name":"(Default) Regular","className":"db-ui-regular","props":{"name":"Tonality","value":"regular"}},{"name":"Expressive","className":"db-ui-expressive","props":{"name":"Tonality","value":"expressive"}}]},{"name":"Interaction States","examples":[{"name":"(Default) Enabled","props":{"name":"Interaction States"}},{"name":"Disabled","props":{"name":"Interaction States","disabled":true}}]},{"name":"States","examples":[{"name":"(Default) Unselected","props":{"name":"States"}},{"name":"Unselected - Invalid","props":{"name":"States Required","required":true}},{"name":"Selected","props":{"name":"States","checked":true}},{"name":"Selected - Valid","props":{"name":"States Required","required":true,"checked":true}}]},{"name":"Size","examples":[{"name":"(Default) Medium","props":{"name":"Size"}},{"name":"Small","props":{"name":"Size","size":"small"}}]},{"name":"Requirement","examples":[{"name":"(Default) Optional","props":{"name":"Requirement"}},{"name":"Required","props":{"name":"Requirement","required":true}}]},{"name":"Content","examples":[{"name":"(Default) Label","props":{"name":"Content"}},{"name":"Hidden Label","props":{"name":"Content","labelVariant":"hidden"}}]}]')}}]); \ No newline at end of file +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[41957],{37395:function(e,a,n){n.d(a,{P:function(){return i}});let i=(e,a,n)=>e.map((e,i)=>{var l;return{...e,slotCode:null!==(l=null==n?void 0:n.at(i))&&void 0!==l?l:"No code available",examples:e.examples.map(e=>{var n,i,l,t;return{...e,example:a({...e.props,id:null!==(l=null===(n=e.props)||void 0===n?void 0:n.id)&&void 0!==l?l:e.name,children:null!==(t=null===(i=e.props)||void 0===i?void 0:i.children)&&void 0!==t?t:e.name})}})}})},99341:function(e,a,n){var i=n(52322),l=n(5632),t=n(2784),o=n(12156),s=n(53752);let r=e=>{let{examples:a,slotCode:n}=e,[l,o]=(0,t.useState)();return(0,i.jsxs)(s.f,{className:"variants-card db-code-docs",children:[(0,i.jsx)("div",{className:"variants-list",children:a.map((e,a)=>(0,i.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(a)))}),(0,i.jsxs)("details",{className:"code-details",onToggle:()=>{o(!l)},children:[(0,i.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:l?"Hide code":"Show code"}),(0,i.jsxs)("div",{className:"db-ui-functional",children:[(0,i.jsx)("div",{className:"backdrop"}),(0,i.jsx)(s.f,{className:"code",spacing:"small",children:n})]})]})]})},d=e=>{let{variants:a,componentName:n}=e,l=(e,a)=>{if(!window.location.origin||!window.location.href)return"";let n=window.location.href.split("?")[0],i="?page=".concat(e.name.toLowerCase());return a?"".concat(n.split("components")[0],"/components/").concat(a).concat(i):"".concat(n).concat(i)};return(0,i.jsx)(i.Fragment,{children:null==a?void 0:a.map((e,a)=>(0,i.jsxs)("div",{children:[(0,i.jsx)(s.oH,{}),(0,i.jsx)("h2",{children:(0,i.jsx)(s.vB,{content:"external",target:"_blank",href:l(e,n),children:e.name})}),(0,i.jsx)(r,{...e})]},"".concat(e.name,"-").concat(a)))})};a.Z=e=>{let{title:a,variants:n,subComponent:s,isSubComponent:c,componentName:x}=e,[u,h]=(0,t.useState)(),p=(0,l.useRouter)();return(0,t.useEffect)(()=>{if(p.query){var e;let a=null===(e=p.query.page)||void 0===e?void 0:e.toString();a&&h(n.find(e=>e.name.toLowerCase()===a))}},[p]),(0,i.jsxs)(i.Fragment,{children:[u&&(0,i.jsx)("div",{children:(0,i.jsx)(r,{...u})}),!u&&!c&&(0,i.jsxs)(o.Z,{children:[(0,i.jsxs)("div",{className:"default-container",children:[(0,i.jsx)("h1",{children:a}),(0,i.jsx)(d,{variants:n,componentName:x})]}),s]}),!u&&c&&(0,i.jsxs)("div",{className:"default-container",children:[(0,i.jsx)("h2",{children:a}),(0,i.jsx)(d,{variants:n,componentName:x})]})]})}},34644:function(e,a,n){n.r(a);var i=n(52322),l=n(2784),t=n(9513),o=n(33878),s=n(95696),r=n(79041),d=n(16909),c=n(16134);a.default=()=>{let[e,a]=(0,l.useState)();return(0,l.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.Z,{className:"tab-container",children:(0,i.jsxs)(o.Z,{children:[(0,i.jsxs)(s.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'(Default) Label'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Label')},children:"Copy"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:''})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Label')},children:"Copy"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Label')},children:"Copy"})]})]})}),(0,i.jsx)(t.Z,{className:"tab-container",children:(0,i.jsxs)(o.Z,{children:[(0,i.jsxs)(s.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n Hidden Label\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:''})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy"})]})]})})]})}},1914:function(e,a,n){n.r(a);var i=n(52322),l=n(2784),t=n(9513),o=n(33878),s=n(95696),r=n(79041),d=n(16909),c=n(16134);a.default=()=>{let[e,a]=(0,l.useState)();return(0,l.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.Z,{className:"tab-container",children:(0,i.jsxs)(o.Z,{children:[(0,i.jsxs)(s.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'(Default) Enabled'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Enabled'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Enabled'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy"})]})]})}),(0,i.jsx)(t.Z,{className:"tab-container",children:(0,i.jsxs)(o.Z,{children:[(0,i.jsxs)(s.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Disabled')},children:"Copy"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Disabled')},children:"Copy"})]})]})})]})}},25619:function(e,a,n){n.r(a);var i=n(52322),l=n(2784),t=n(9513),o=n(33878),s=n(95696),r=n(79041),d=n(16909),c=n(16134);a.default=()=>{let[e,a]=(0,l.useState)();return(0,l.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.Z,{className:"tab-container",children:(0,i.jsxs)(o.Z,{children:[(0,i.jsxs)(s.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'(Default) Optional'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Optional')},children:"Copy"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:''})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Optional')},children:"Copy"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Optional')},children:"Copy"})]})]})}),(0,i.jsx)(t.Z,{className:"tab-container",children:(0,i.jsxs)(o.Z,{children:[(0,i.jsxs)(s.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Required'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Required')},children:"Copy"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:''})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Required\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Required\n')},children:"Copy"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Required'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Required')},children:"Copy"})]})]})})]})}},26328:function(e,a,n){n.r(a);var i=n(52322),l=n(2784),t=n(9513),o=n(33878),s=n(95696),r=n(79041),d=n(16909),c=n(16134);a.default=()=>{let[e,a]=(0,l.useState)();return(0,l.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.Z,{className:"tab-container",children:(0,i.jsxs)(o.Z,{children:[(0,i.jsxs)(s.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'(Default) Medium'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Medium')},children:"Copy"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:''})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Medium')},children:"Copy"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Medium')},children:"Copy"})]})]})}),(0,i.jsx)(t.Z,{className:"tab-container",children:(0,i.jsxs)(o.Z,{children:[(0,i.jsxs)(s.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n Small\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Small\n')},children:"Copy"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:''})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Small\n')},children:"Copy"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Small\n')},children:"Copy"})]})]})})]})}},79174:function(e,a,n){n.r(a);var i=n(52322),l=n(2784),t=n(9513),o=n(33878),s=n(95696),r=n(79041),d=n(16909),c=n(16134);a.default=()=>{let[e,a]=(0,l.useState)();return(0,l.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.Z,{className:"tab-container",children:(0,i.jsxs)(o.Z,{children:[(0,i.jsxs)(s.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n Functional\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Functional\n')},children:"Copy"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:''})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Functional\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Functional\n')},children:"Copy"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Functional\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Functional\n')},children:"Copy"})]})]})}),(0,i.jsx)(t.Z,{className:"tab-container",children:(0,i.jsxs)(o.Z,{children:[(0,i.jsxs)(s.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n (Default) Regular\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:''})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy"})]})]})}),(0,i.jsx)(t.Z,{className:"tab-container",children:(0,i.jsxs)(o.Z,{children:[(0,i.jsxs)(s.Z,{children:[(0,i.jsx)(r.Z,{children:"Angular"}),(0,i.jsx)(r.Z,{children:"HTML"}),(0,i.jsx)(r.Z,{children:"React"}),(0,i.jsx)(r.Z,{children:"Vue"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n Expressive\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:''})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Expressive\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy"})]}),(0,i.jsxs)(d.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Expressive\n'})}),(0,i.jsx)(c.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy"})]})]})})]})}},81566:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{"name":"Tonality","value":"functional"}},{"name":"(Default) Regular","className":"db-ui-regular","props":{"name":"Tonality","value":"regular"}},{"name":"Expressive","className":"db-ui-expressive","props":{"name":"Tonality","value":"expressive"}}]},{"name":"Interaction States","examples":[{"name":"(Default) Enabled","props":{"name":"Interaction States"}},{"name":"Disabled","props":{"name":"Interaction States","disabled":true}}]},{"name":"States","examples":[{"name":"(Default) Unselected","props":{"name":"States"}},{"name":"Unselected - Invalid","props":{"name":"States Required","required":true}},{"name":"Selected","props":{"name":"States","checked":true}},{"name":"Selected - Valid","props":{"name":"States Required","required":true,"checked":true}}]},{"name":"Size","examples":[{"name":"(Default) Medium","props":{"name":"Size"}},{"name":"Small","props":{"name":"Size","size":"small"}}]},{"name":"Requirement","examples":[{"name":"(Default) Optional","props":{"name":"Requirement"}},{"name":"Required","props":{"name":"Requirement","required":true}}]},{"name":"Content","examples":[{"name":"(Default) Label","props":{"name":"Content"}},{"name":"Hidden Label","props":{"name":"Content","labelVariant":"hidden"}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/45979-32716f8b5f60348f.js b/review/main/_next/static/chunks/45979-e7defc229938598d.js similarity index 99% rename from review/main/_next/static/chunks/45979-32716f8b5f60348f.js rename to review/main/_next/static/chunks/45979-e7defc229938598d.js index 66b363135c2..10aac16030c 100644 --- a/review/main/_next/static/chunks/45979-32716f8b5f60348f.js +++ b/review/main/_next/static/chunks/45979-e7defc229938598d.js @@ -1 +1 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[45979],{37395:function(t,e,n){n.d(e,{P:function(){return o}});let o=(t,e,n)=>t.map((t,o)=>{var a;return{...t,slotCode:null!==(a=null==n?void 0:n.at(o))&&void 0!==a?a:"No code available",examples:t.examples.map(t=>{var n,o,a,l;return{...t,example:e({...t.props,id:null!==(a=null===(n=t.props)||void 0===n?void 0:n.id)&&void 0!==a?a:t.name,children:null!==(l=null===(o=t.props)||void 0===o?void 0:o.children)&&void 0!==l?l:t.name})}})}})},99341:function(t,e,n){var o=n(52322),a=n(5632),l=n(2784),c=n(11803),s=n(86095);let i=t=>{let{examples:e,slotCode:n}=t,[a,c]=(0,l.useState)();return(0,o.jsxs)(s.f,{className:"variants-card db-code-docs",children:[(0,o.jsx)("div",{className:"variants-list",children:e.map((t,e)=>(0,o.jsx)("div",{style:t.style,className:t.className,children:t.example},"".concat(t.name,"-").concat(e)))}),(0,o.jsxs)("details",{className:"code-details",onToggle:()=>{c(!a)},children:[(0,o.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:a?"Hide code":"Show code"}),(0,o.jsxs)("div",{className:"db-ui-functional",children:[(0,o.jsx)("div",{className:"backdrop"}),(0,o.jsx)(s.f,{className:"code",spacing:"small",children:n})]})]})]})},r=t=>{let{variants:e,componentName:n}=t,a=(t,e)=>{if(!window.location.origin||!window.location.href)return"";let n=window.location.href.split("?")[0],o="?page=".concat(t.name.toLowerCase());return e?"".concat(n.split("components")[0],"/components/").concat(e).concat(o):"".concat(n).concat(o)};return(0,o.jsx)(o.Fragment,{children:null==e?void 0:e.map((t,e)=>(0,o.jsxs)("div",{children:[(0,o.jsx)(s.oH,{}),(0,o.jsx)("h2",{children:(0,o.jsx)(s.vB,{content:"external",target:"_blank",href:a(t,n),children:t.name})}),(0,o.jsx)(i,{...t})]},"".concat(t.name,"-").concat(e)))})};e.Z=t=>{let{title:e,variants:n,subComponent:s,isSubComponent:d,componentName:u}=t,[x,h]=(0,l.useState)(),j=(0,a.useRouter)();return(0,l.useEffect)(()=>{if(j.query){var t;let e=null===(t=j.query.page)||void 0===t?void 0:t.toString();e&&h(n.find(t=>t.name.toLowerCase()===e))}},[j]),(0,o.jsxs)(o.Fragment,{children:[x&&(0,o.jsx)("div",{children:(0,o.jsx)(i,{...x})}),!x&&!d&&(0,o.jsxs)(c.Z,{children:[(0,o.jsxs)("div",{className:"default-container",children:[(0,o.jsx)("h1",{children:e}),(0,o.jsx)(r,{variants:n,componentName:u})]}),s]}),!x&&d&&(0,o.jsxs)("div",{className:"default-container",children:[(0,o.jsx)("h2",{children:e}),(0,o.jsx)(r,{variants:n,componentName:u})]})]})}},56147:function(t,e,n){n.r(e);var o=n(52322),a=n(2784),l=n(9513),c=n(33878),s=n(95696),i=n(79041),r=n(16909),d=n(16134);e.default=()=>{let[t,e]=(0,a.useState)();return(0,a.useEffect)(()=>{t&&setTimeout(()=>e(!1),1500)},[t]),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(l.Z,{className:"tab-container",children:(0,o.jsxs)(c.Z,{children:[(0,o.jsxs)(s.Z,{children:[(0,o.jsx)(i.Z,{children:"Angular"}),(0,o.jsx)(i.Z,{children:"HTML"}),(0,o.jsx)(i.Z,{children:"React"}),(0,o.jsx)(i.Z,{children:"Vue"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:"(Default) Auto Width"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Auto Width")},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:''})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:"(Default) Auto Width"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Auto Width")},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:"(Default) Auto Width"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Auto Width")},children:"Copy"})]})]})}),(0,o.jsx)(l.Z,{className:"tab-container",children:(0,o.jsxs)(c.Z,{children:[(0,o.jsxs)(s.Z,{children:[(0,o.jsx)(i.Z,{children:"Angular"}),(0,o.jsx)(i.Z,{children:"HTML"}),(0,o.jsx)(i.Z,{children:"React"}),(0,o.jsx)(i.Z,{children:"Vue"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:'Width full'})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Width full')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:''})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:'Width full'})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Width full')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:'Width full'})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Width full')},children:"Copy"})]})]})})]})}},1886:function(t,e,n){n.r(e);var o=n(52322),a=n(2784),l=n(9513),c=n(33878),s=n(95696),i=n(79041),r=n(16909),d=n(16134);e.default=()=>{let[t,e]=(0,a.useState)();return(0,a.useEffect)(()=>{t&&setTimeout(()=>e(!1),1500)},[t]),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(l.Z,{className:"tab-container",children:(0,o.jsxs)(c.Z,{children:[(0,o.jsxs)(s.Z,{children:[(0,o.jsx)(i.Z,{children:"Angular"}),(0,o.jsx)(i.Z,{children:"HTML"}),(0,o.jsx)(i.Z,{children:"React"}),(0,o.jsx)(i.Z,{children:"Vue"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:"(Default) Text"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Text")},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:''})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Text")},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Text")},children:"Copy"})]})]})}),(0,o.jsx)(l.Z,{className:"tab-container",children:(0,o.jsxs)(c.Z,{children:[(0,o.jsxs)(s.Z,{children:[(0,o.jsx)(i.Z,{children:"Angular"}),(0,o.jsx)(i.Z,{children:"HTML"}),(0,o.jsx)(i.Z,{children:"React"}),(0,o.jsx)(i.Z,{children:"Vue"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:'Icon & Text'})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Icon & Text')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:''})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:'Icon & Text'})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Icon & Text')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:'Icon & Text'})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Icon & Text')},children:"Copy"})]})]})}),(0,o.jsx)(l.Z,{className:"tab-container",children:(0,o.jsxs)(c.Z,{children:[(0,o.jsxs)(s.Z,{children:[(0,o.jsx)(i.Z,{children:"Angular"}),(0,o.jsx)(i.Z,{children:"HTML"}),(0,o.jsx)(i.Z,{children:"React"}),(0,o.jsx)(i.Z,{children:"Vue"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:'Icon'})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Icon')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:''})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:'\n Icon\n'})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('\n Icon\n')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:'Icon'})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Icon')},children:"Copy"})]})]})})]})}},67558:function(t,e,n){n.r(e);var o=n(52322),a=n(2784),l=n(9513),c=n(33878),s=n(95696),i=n(79041),r=n(16909),d=n(16134);e.default=()=>{let[t,e]=(0,a.useState)();return(0,a.useEffect)(()=>{t&&setTimeout(()=>e(!1),1500)},[t]),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(l.Z,{className:"tab-container",children:(0,o.jsxs)(c.Z,{children:[(0,o.jsxs)(s.Z,{children:[(0,o.jsx)(i.Z,{children:"Angular"}),(0,o.jsx)(i.Z,{children:"HTML"}),(0,o.jsx)(i.Z,{children:"React"}),(0,o.jsx)(i.Z,{children:"Vue"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:"(Default) Medium"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Medium")},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:''})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:"(Default) Medium"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Medium")},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:"(Default) Medium"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Medium")},children:"Copy"})]})]})}),(0,o.jsx)(l.Z,{className:"tab-container",children:(0,o.jsxs)(c.Z,{children:[(0,o.jsxs)(s.Z,{children:[(0,o.jsx)(i.Z,{children:"Angular"}),(0,o.jsx)(i.Z,{children:"HTML"}),(0,o.jsx)(i.Z,{children:"React"}),(0,o.jsx)(i.Z,{children:"Vue"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:'Small'})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Small')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:''})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Small')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Small')},children:"Copy"})]})]})})]})}},71475:function(t,e,n){n.r(e);var o=n(52322),a=n(2784),l=n(9513),c=n(33878),s=n(95696),i=n(79041),r=n(16909),d=n(16134);e.default=()=>{let[t,e]=(0,a.useState)();return(0,a.useEffect)(()=>{t&&setTimeout(()=>e(!1),1500)},[t]),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(l.Z,{className:"tab-container",children:(0,o.jsxs)(c.Z,{children:[(0,o.jsxs)(s.Z,{children:[(0,o.jsx)(i.Z,{children:"Angular"}),(0,o.jsx)(i.Z,{children:"HTML"}),(0,o.jsx)(i.Z,{children:"React"}),(0,o.jsx)(i.Z,{children:"Vue"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:"(Default) Enabled"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Enabled")},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:''})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:"(Default) Enabled"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Enabled")},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:"(Default) Enabled"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Enabled")},children:"Copy"})]})]})}),(0,o.jsx)(l.Z,{className:"tab-container",children:(0,o.jsxs)(c.Z,{children:[(0,o.jsxs)(s.Z,{children:[(0,o.jsx)(i.Z,{children:"Angular"}),(0,o.jsx)(i.Z,{children:"HTML"}),(0,o.jsx)(i.Z,{children:"React"}),(0,o.jsx)(i.Z,{children:"Vue"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Disabled')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:''})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:"Disabled"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("Disabled")},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Disabled')},children:"Copy"})]})]})})]})}},62699:function(t,e,n){n.r(e);var o=n(52322),a=n(2784),l=n(9513),c=n(33878),s=n(95696),i=n(79041),r=n(16909),d=n(16134);e.default=()=>{let[t,e]=(0,a.useState)();return(0,a.useEffect)(()=>{t&&setTimeout(()=>e(!1),1500)},[t]),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(l.Z,{className:"tab-container",children:(0,o.jsxs)(c.Z,{children:[(0,o.jsxs)(s.Z,{children:[(0,o.jsx)(i.Z,{children:"Angular"}),(0,o.jsx)(i.Z,{children:"HTML"}),(0,o.jsx)(i.Z,{children:"React"}),(0,o.jsx)(i.Z,{children:"Vue"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:''})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]})]})}),(0,o.jsx)(l.Z,{className:"tab-container",children:(0,o.jsxs)(c.Z,{children:[(0,o.jsxs)(s.Z,{children:[(0,o.jsx)(i.Z,{children:"Angular"}),(0,o.jsx)(i.Z,{children:"HTML"}),(0,o.jsx)(i.Z,{children:"React"}),(0,o.jsx)(i.Z,{children:"Vue"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:''})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]})]})}),(0,o.jsx)(l.Z,{className:"tab-container",children:(0,o.jsxs)(c.Z,{children:[(0,o.jsxs)(s.Z,{children:[(0,o.jsx)(i.Z,{children:"Angular"}),(0,o.jsx)(i.Z,{children:"HTML"}),(0,o.jsx)(i.Z,{children:"React"}),(0,o.jsx)(i.Z,{children:"Vue"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:''})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]})]})})]})}},10689:function(t){t.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{}},{"name":"(Default) Regular","className":"db-ui-regular","props":{}},{"name":"Expressive","className":"db-ui-expressive","props":{}}]},{"name":"Variant","examples":[{"name":"Primary","props":{"variant":"primary"}},{"name":"Outlined (Adaptive)","props":{}},{"name":"Solid (Adaptive)","props":{"variant":"solid"}},{"name":"Text (Adaptive)","props":{"variant":"text"}}]},{"name":"State","examples":[{"name":"(Default) Enabled","props":{}},{"name":"Disabled","props":{"disabled":true}}]},{"name":"Size","examples":[{"name":"(Default) Medium","props":{}},{"name":"Small","props":{"size":"small"}}]},{"name":"Content","examples":[{"name":"(Default) Text","props":{}},{"name":"Icon & Text","props":{"icon":"account"}},{"name":"Icon","props":{"icon":"account","noText":true}}]},{"name":"Behaviour","examples":[{"name":"(Default) Auto Width","props":{}},{"name":"Width full","style":{"width":"500px"},"props":{"width":"full"}}]}]')}}]); \ No newline at end of file +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[45979],{37395:function(t,e,n){n.d(e,{P:function(){return o}});let o=(t,e,n)=>t.map((t,o)=>{var a;return{...t,slotCode:null!==(a=null==n?void 0:n.at(o))&&void 0!==a?a:"No code available",examples:t.examples.map(t=>{var n,o,a,l;return{...t,example:e({...t.props,id:null!==(a=null===(n=t.props)||void 0===n?void 0:n.id)&&void 0!==a?a:t.name,children:null!==(l=null===(o=t.props)||void 0===o?void 0:o.children)&&void 0!==l?l:t.name})}})}})},99341:function(t,e,n){var o=n(52322),a=n(5632),l=n(2784),c=n(12156),s=n(53752);let i=t=>{let{examples:e,slotCode:n}=t,[a,c]=(0,l.useState)();return(0,o.jsxs)(s.f,{className:"variants-card db-code-docs",children:[(0,o.jsx)("div",{className:"variants-list",children:e.map((t,e)=>(0,o.jsx)("div",{style:t.style,className:t.className,children:t.example},"".concat(t.name,"-").concat(e)))}),(0,o.jsxs)("details",{className:"code-details",onToggle:()=>{c(!a)},children:[(0,o.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:a?"Hide code":"Show code"}),(0,o.jsxs)("div",{className:"db-ui-functional",children:[(0,o.jsx)("div",{className:"backdrop"}),(0,o.jsx)(s.f,{className:"code",spacing:"small",children:n})]})]})]})},r=t=>{let{variants:e,componentName:n}=t,a=(t,e)=>{if(!window.location.origin||!window.location.href)return"";let n=window.location.href.split("?")[0],o="?page=".concat(t.name.toLowerCase());return e?"".concat(n.split("components")[0],"/components/").concat(e).concat(o):"".concat(n).concat(o)};return(0,o.jsx)(o.Fragment,{children:null==e?void 0:e.map((t,e)=>(0,o.jsxs)("div",{children:[(0,o.jsx)(s.oH,{}),(0,o.jsx)("h2",{children:(0,o.jsx)(s.vB,{content:"external",target:"_blank",href:a(t,n),children:t.name})}),(0,o.jsx)(i,{...t})]},"".concat(t.name,"-").concat(e)))})};e.Z=t=>{let{title:e,variants:n,subComponent:s,isSubComponent:d,componentName:u}=t,[x,h]=(0,l.useState)(),j=(0,a.useRouter)();return(0,l.useEffect)(()=>{if(j.query){var t;let e=null===(t=j.query.page)||void 0===t?void 0:t.toString();e&&h(n.find(t=>t.name.toLowerCase()===e))}},[j]),(0,o.jsxs)(o.Fragment,{children:[x&&(0,o.jsx)("div",{children:(0,o.jsx)(i,{...x})}),!x&&!d&&(0,o.jsxs)(c.Z,{children:[(0,o.jsxs)("div",{className:"default-container",children:[(0,o.jsx)("h1",{children:e}),(0,o.jsx)(r,{variants:n,componentName:u})]}),s]}),!x&&d&&(0,o.jsxs)("div",{className:"default-container",children:[(0,o.jsx)("h2",{children:e}),(0,o.jsx)(r,{variants:n,componentName:u})]})]})}},56147:function(t,e,n){n.r(e);var o=n(52322),a=n(2784),l=n(9513),c=n(33878),s=n(95696),i=n(79041),r=n(16909),d=n(16134);e.default=()=>{let[t,e]=(0,a.useState)();return(0,a.useEffect)(()=>{t&&setTimeout(()=>e(!1),1500)},[t]),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(l.Z,{className:"tab-container",children:(0,o.jsxs)(c.Z,{children:[(0,o.jsxs)(s.Z,{children:[(0,o.jsx)(i.Z,{children:"Angular"}),(0,o.jsx)(i.Z,{children:"HTML"}),(0,o.jsx)(i.Z,{children:"React"}),(0,o.jsx)(i.Z,{children:"Vue"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:"(Default) Auto Width"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Auto Width")},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:''})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:"(Default) Auto Width"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Auto Width")},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:"(Default) Auto Width"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Auto Width")},children:"Copy"})]})]})}),(0,o.jsx)(l.Z,{className:"tab-container",children:(0,o.jsxs)(c.Z,{children:[(0,o.jsxs)(s.Z,{children:[(0,o.jsx)(i.Z,{children:"Angular"}),(0,o.jsx)(i.Z,{children:"HTML"}),(0,o.jsx)(i.Z,{children:"React"}),(0,o.jsx)(i.Z,{children:"Vue"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:'Width full'})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Width full')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:''})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:'Width full'})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Width full')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:'Width full'})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Width full')},children:"Copy"})]})]})})]})}},1886:function(t,e,n){n.r(e);var o=n(52322),a=n(2784),l=n(9513),c=n(33878),s=n(95696),i=n(79041),r=n(16909),d=n(16134);e.default=()=>{let[t,e]=(0,a.useState)();return(0,a.useEffect)(()=>{t&&setTimeout(()=>e(!1),1500)},[t]),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(l.Z,{className:"tab-container",children:(0,o.jsxs)(c.Z,{children:[(0,o.jsxs)(s.Z,{children:[(0,o.jsx)(i.Z,{children:"Angular"}),(0,o.jsx)(i.Z,{children:"HTML"}),(0,o.jsx)(i.Z,{children:"React"}),(0,o.jsx)(i.Z,{children:"Vue"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:"(Default) Text"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Text")},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:''})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Text")},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Text")},children:"Copy"})]})]})}),(0,o.jsx)(l.Z,{className:"tab-container",children:(0,o.jsxs)(c.Z,{children:[(0,o.jsxs)(s.Z,{children:[(0,o.jsx)(i.Z,{children:"Angular"}),(0,o.jsx)(i.Z,{children:"HTML"}),(0,o.jsx)(i.Z,{children:"React"}),(0,o.jsx)(i.Z,{children:"Vue"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:'Icon & Text'})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Icon & Text')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:''})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:'Icon & Text'})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Icon & Text')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:'Icon & Text'})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Icon & Text')},children:"Copy"})]})]})}),(0,o.jsx)(l.Z,{className:"tab-container",children:(0,o.jsxs)(c.Z,{children:[(0,o.jsxs)(s.Z,{children:[(0,o.jsx)(i.Z,{children:"Angular"}),(0,o.jsx)(i.Z,{children:"HTML"}),(0,o.jsx)(i.Z,{children:"React"}),(0,o.jsx)(i.Z,{children:"Vue"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:'Icon'})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Icon')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:''})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:'\n Icon\n'})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('\n Icon\n')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:'Icon'})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Icon')},children:"Copy"})]})]})})]})}},67558:function(t,e,n){n.r(e);var o=n(52322),a=n(2784),l=n(9513),c=n(33878),s=n(95696),i=n(79041),r=n(16909),d=n(16134);e.default=()=>{let[t,e]=(0,a.useState)();return(0,a.useEffect)(()=>{t&&setTimeout(()=>e(!1),1500)},[t]),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(l.Z,{className:"tab-container",children:(0,o.jsxs)(c.Z,{children:[(0,o.jsxs)(s.Z,{children:[(0,o.jsx)(i.Z,{children:"Angular"}),(0,o.jsx)(i.Z,{children:"HTML"}),(0,o.jsx)(i.Z,{children:"React"}),(0,o.jsx)(i.Z,{children:"Vue"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:"(Default) Medium"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Medium")},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:''})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:"(Default) Medium"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Medium")},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:"(Default) Medium"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Medium")},children:"Copy"})]})]})}),(0,o.jsx)(l.Z,{className:"tab-container",children:(0,o.jsxs)(c.Z,{children:[(0,o.jsxs)(s.Z,{children:[(0,o.jsx)(i.Z,{children:"Angular"}),(0,o.jsx)(i.Z,{children:"HTML"}),(0,o.jsx)(i.Z,{children:"React"}),(0,o.jsx)(i.Z,{children:"Vue"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:'Small'})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Small')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:''})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Small')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Small')},children:"Copy"})]})]})})]})}},71475:function(t,e,n){n.r(e);var o=n(52322),a=n(2784),l=n(9513),c=n(33878),s=n(95696),i=n(79041),r=n(16909),d=n(16134);e.default=()=>{let[t,e]=(0,a.useState)();return(0,a.useEffect)(()=>{t&&setTimeout(()=>e(!1),1500)},[t]),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(l.Z,{className:"tab-container",children:(0,o.jsxs)(c.Z,{children:[(0,o.jsxs)(s.Z,{children:[(0,o.jsx)(i.Z,{children:"Angular"}),(0,o.jsx)(i.Z,{children:"HTML"}),(0,o.jsx)(i.Z,{children:"React"}),(0,o.jsx)(i.Z,{children:"Vue"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:"(Default) Enabled"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Enabled")},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:''})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:"(Default) Enabled"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Enabled")},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:"(Default) Enabled"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Enabled")},children:"Copy"})]})]})}),(0,o.jsx)(l.Z,{className:"tab-container",children:(0,o.jsxs)(c.Z,{children:[(0,o.jsxs)(s.Z,{children:[(0,o.jsx)(i.Z,{children:"Angular"}),(0,o.jsx)(i.Z,{children:"HTML"}),(0,o.jsx)(i.Z,{children:"React"}),(0,o.jsx)(i.Z,{children:"Vue"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Disabled')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:''})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:"Disabled"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("Disabled")},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Disabled')},children:"Copy"})]})]})})]})}},62699:function(t,e,n){n.r(e);var o=n(52322),a=n(2784),l=n(9513),c=n(33878),s=n(95696),i=n(79041),r=n(16909),d=n(16134);e.default=()=>{let[t,e]=(0,a.useState)();return(0,a.useEffect)(()=>{t&&setTimeout(()=>e(!1),1500)},[t]),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(l.Z,{className:"tab-container",children:(0,o.jsxs)(c.Z,{children:[(0,o.jsxs)(s.Z,{children:[(0,o.jsx)(i.Z,{children:"Angular"}),(0,o.jsx)(i.Z,{children:"HTML"}),(0,o.jsx)(i.Z,{children:"React"}),(0,o.jsx)(i.Z,{children:"Vue"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:''})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]})]})}),(0,o.jsx)(l.Z,{className:"tab-container",children:(0,o.jsxs)(c.Z,{children:[(0,o.jsxs)(s.Z,{children:[(0,o.jsx)(i.Z,{children:"Angular"}),(0,o.jsx)(i.Z,{children:"HTML"}),(0,o.jsx)(i.Z,{children:"React"}),(0,o.jsx)(i.Z,{children:"Vue"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:''})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]})]})}),(0,o.jsx)(l.Z,{className:"tab-container",children:(0,o.jsxs)(c.Z,{children:[(0,o.jsxs)(s.Z,{children:[(0,o.jsx)(i.Z,{children:"Angular"}),(0,o.jsx)(i.Z,{children:"HTML"}),(0,o.jsx)(i.Z,{children:"React"}),(0,o.jsx)(i.Z,{children:"Vue"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:''})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,o.jsxs)(r.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,o.jsx)(d.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]})]})})]})}},10689:function(t){t.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{}},{"name":"(Default) Regular","className":"db-ui-regular","props":{}},{"name":"Expressive","className":"db-ui-expressive","props":{}}]},{"name":"Variant","examples":[{"name":"Primary","props":{"variant":"primary"}},{"name":"Outlined (Adaptive)","props":{}},{"name":"Solid (Adaptive)","props":{"variant":"solid"}},{"name":"Text (Adaptive)","props":{"variant":"text"}}]},{"name":"State","examples":[{"name":"(Default) Enabled","props":{}},{"name":"Disabled","props":{"disabled":true}}]},{"name":"Size","examples":[{"name":"(Default) Medium","props":{}},{"name":"Small","props":{"size":"small"}}]},{"name":"Content","examples":[{"name":"(Default) Text","props":{}},{"name":"Icon & Text","props":{"icon":"account"}},{"name":"Icon","props":{"icon":"account","noText":true}}]},{"name":"Behaviour","examples":[{"name":"(Default) Auto Width","props":{}},{"name":"Width full","style":{"width":"500px"},"props":{"width":"full"}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/46752-b73ea5105c5c32ee.js b/review/main/_next/static/chunks/46752-ba84a4149a5b8d56.js similarity index 98% rename from review/main/_next/static/chunks/46752-b73ea5105c5c32ee.js rename to review/main/_next/static/chunks/46752-ba84a4149a5b8d56.js index 851dd23fd07..5df379561ae 100644 --- a/review/main/_next/static/chunks/46752-b73ea5105c5c32ee.js +++ b/review/main/_next/static/chunks/46752-ba84a4149a5b8d56.js @@ -1 +1 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[46752],{37395:function(n,e,a){a.d(e,{P:function(){return s}});let s=(n,e,a)=>n.map((n,s)=>{var l;return{...n,slotCode:null!==(l=null==a?void 0:a.at(s))&&void 0!==l?l:"No code available",examples:n.examples.map(n=>{var a,s,l,c;return{...n,example:e({...n.props,id:null!==(l=null===(a=n.props)||void 0===a?void 0:a.id)&&void 0!==l?l:n.name,children:null!==(c=null===(s=n.props)||void 0===s?void 0:s.children)&&void 0!==c?c:n.name})}})}})},99341:function(n,e,a){var s=a(52322),l=a(5632),c=a(2784),r=a(11803),i=a(86095);let d=n=>{let{examples:e,slotCode:a}=n,[l,r]=(0,c.useState)();return(0,s.jsxs)(i.f,{className:"variants-card db-code-docs",children:[(0,s.jsx)("div",{className:"variants-list",children:e.map((n,e)=>(0,s.jsx)("div",{style:n.style,className:n.className,children:n.example},"".concat(n.name,"-").concat(e)))}),(0,s.jsxs)("details",{className:"code-details",onToggle:()=>{r(!l)},children:[(0,s.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:l?"Hide code":"Show code"}),(0,s.jsxs)("div",{className:"db-ui-functional",children:[(0,s.jsx)("div",{className:"backdrop"}),(0,s.jsx)(i.f,{className:"code",spacing:"small",children:a})]})]})]})},t=n=>{let{variants:e,componentName:a}=n,l=(n,e)=>{if(!window.location.origin||!window.location.href)return"";let a=window.location.href.split("?")[0],s="?page=".concat(n.name.toLowerCase());return e?"".concat(a.split("components")[0],"/components/").concat(e).concat(s):"".concat(a).concat(s)};return(0,s.jsx)(s.Fragment,{children:null==e?void 0:e.map((n,e)=>(0,s.jsxs)("div",{children:[(0,s.jsx)(i.oH,{}),(0,s.jsx)("h2",{children:(0,s.jsx)(i.vB,{content:"external",target:"_blank",href:l(n,a),children:n.name})}),(0,s.jsx)(d,{...n})]},"".concat(n.name,"-").concat(e)))})};e.Z=n=>{let{title:e,variants:a,subComponent:i,isSubComponent:o,componentName:x}=n,[h,j]=(0,c.useState)(),p=(0,l.useRouter)();return(0,c.useEffect)(()=>{if(p.query){var n;let e=null===(n=p.query.page)||void 0===n?void 0:n.toString();e&&j(a.find(n=>n.name.toLowerCase()===e))}},[p]),(0,s.jsxs)(s.Fragment,{children:[h&&(0,s.jsx)("div",{children:(0,s.jsx)(d,{...h})}),!h&&!o&&(0,s.jsxs)(r.Z,{children:[(0,s.jsxs)("div",{className:"default-container",children:[(0,s.jsx)("h1",{children:e}),(0,s.jsx)(t,{variants:a,componentName:x})]}),i]}),!h&&o&&(0,s.jsxs)("div",{className:"default-container",children:[(0,s.jsx)("h2",{children:e}),(0,s.jsx)(t,{variants:a,componentName:x})]})]})}},9379:function(n,e,a){a.r(e);var s=a(52322),l=a(2784),c=a(9513),r=a(33878),i=a(95696),d=a(79041),t=a(16909),o=a(16134);e.default=()=>{let[n,e]=(0,l.useState)();return(0,l.useEffect)(()=>{n&&setTimeout(()=>e(!1),1500)},[n]),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(c.Z,{className:"tab-container",children:(0,s.jsxs)(r.Z,{children:[(0,s.jsxs)(i.Z,{children:[(0,s.jsx)(d.Z,{children:"Angular"}),(0,s.jsx)(d.Z,{children:"HTML"}),(0,s.jsx)(d.Z,{children:"React"}),(0,s.jsx)(d.Z,{children:"Vue"})]}),(0,s.jsxs)(t.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,s.jsx)(o.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,s.jsxs)(t.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n Functional\n
    '})}),(0,s.jsx)(o.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('
    \n \n \n Functional\n
    ')},children:"Copy"})]}),(0,s.jsxs)(t.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,s.jsx)(o.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,s.jsxs)(t.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,s.jsx)(o.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]})]})}),(0,s.jsx)(c.Z,{className:"tab-container",children:(0,s.jsxs)(r.Z,{children:[(0,s.jsxs)(i.Z,{children:[(0,s.jsx)(d.Z,{children:"Angular"}),(0,s.jsx)(d.Z,{children:"HTML"}),(0,s.jsx)(d.Z,{children:"React"}),(0,s.jsx)(d.Z,{children:"Vue"})]}),(0,s.jsxs)(t.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,s.jsx)(o.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]}),(0,s.jsxs)(t.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n (Default) Regular\n
    '})}),(0,s.jsx)(o.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('
    \n \n \n (Default) Regular\n
    ')},children:"Copy"})]}),(0,s.jsxs)(t.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,s.jsx)(o.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]}),(0,s.jsxs)(t.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,s.jsx)(o.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]})]})}),(0,s.jsx)(c.Z,{className:"tab-container",children:(0,s.jsxs)(r.Z,{children:[(0,s.jsxs)(i.Z,{children:[(0,s.jsx)(d.Z,{children:"Angular"}),(0,s.jsx)(d.Z,{children:"HTML"}),(0,s.jsx)(d.Z,{children:"React"}),(0,s.jsx)(d.Z,{children:"Vue"})]}),(0,s.jsxs)(t.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,s.jsx)(o.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,s.jsxs)(t.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n Expressive\n
    '})}),(0,s.jsx)(o.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('
    \n \n \n Expressive\n
    ')},children:"Copy"})]}),(0,s.jsxs)(t.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,s.jsx)(o.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,s.jsxs)(t.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,s.jsx)(o.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]})]})})]})}},69255:function(n){n.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{}},{"name":"(Default) Regular","className":"db-ui-regular","props":{}},{"name":"Expressive","className":"db-ui-expressive","props":{}}]}]')}}]); \ No newline at end of file +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[46752],{37395:function(n,e,a){a.d(e,{P:function(){return s}});let s=(n,e,a)=>n.map((n,s)=>{var l;return{...n,slotCode:null!==(l=null==a?void 0:a.at(s))&&void 0!==l?l:"No code available",examples:n.examples.map(n=>{var a,s,l,c;return{...n,example:e({...n.props,id:null!==(l=null===(a=n.props)||void 0===a?void 0:a.id)&&void 0!==l?l:n.name,children:null!==(c=null===(s=n.props)||void 0===s?void 0:s.children)&&void 0!==c?c:n.name})}})}})},99341:function(n,e,a){var s=a(52322),l=a(5632),c=a(2784),r=a(12156),i=a(53752);let d=n=>{let{examples:e,slotCode:a}=n,[l,r]=(0,c.useState)();return(0,s.jsxs)(i.f,{className:"variants-card db-code-docs",children:[(0,s.jsx)("div",{className:"variants-list",children:e.map((n,e)=>(0,s.jsx)("div",{style:n.style,className:n.className,children:n.example},"".concat(n.name,"-").concat(e)))}),(0,s.jsxs)("details",{className:"code-details",onToggle:()=>{r(!l)},children:[(0,s.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:l?"Hide code":"Show code"}),(0,s.jsxs)("div",{className:"db-ui-functional",children:[(0,s.jsx)("div",{className:"backdrop"}),(0,s.jsx)(i.f,{className:"code",spacing:"small",children:a})]})]})]})},t=n=>{let{variants:e,componentName:a}=n,l=(n,e)=>{if(!window.location.origin||!window.location.href)return"";let a=window.location.href.split("?")[0],s="?page=".concat(n.name.toLowerCase());return e?"".concat(a.split("components")[0],"/components/").concat(e).concat(s):"".concat(a).concat(s)};return(0,s.jsx)(s.Fragment,{children:null==e?void 0:e.map((n,e)=>(0,s.jsxs)("div",{children:[(0,s.jsx)(i.oH,{}),(0,s.jsx)("h2",{children:(0,s.jsx)(i.vB,{content:"external",target:"_blank",href:l(n,a),children:n.name})}),(0,s.jsx)(d,{...n})]},"".concat(n.name,"-").concat(e)))})};e.Z=n=>{let{title:e,variants:a,subComponent:i,isSubComponent:o,componentName:x}=n,[h,j]=(0,c.useState)(),p=(0,l.useRouter)();return(0,c.useEffect)(()=>{if(p.query){var n;let e=null===(n=p.query.page)||void 0===n?void 0:n.toString();e&&j(a.find(n=>n.name.toLowerCase()===e))}},[p]),(0,s.jsxs)(s.Fragment,{children:[h&&(0,s.jsx)("div",{children:(0,s.jsx)(d,{...h})}),!h&&!o&&(0,s.jsxs)(r.Z,{children:[(0,s.jsxs)("div",{className:"default-container",children:[(0,s.jsx)("h1",{children:e}),(0,s.jsx)(t,{variants:a,componentName:x})]}),i]}),!h&&o&&(0,s.jsxs)("div",{className:"default-container",children:[(0,s.jsx)("h2",{children:e}),(0,s.jsx)(t,{variants:a,componentName:x})]})]})}},9379:function(n,e,a){a.r(e);var s=a(52322),l=a(2784),c=a(9513),r=a(33878),i=a(95696),d=a(79041),t=a(16909),o=a(16134);e.default=()=>{let[n,e]=(0,l.useState)();return(0,l.useEffect)(()=>{n&&setTimeout(()=>e(!1),1500)},[n]),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(c.Z,{className:"tab-container",children:(0,s.jsxs)(r.Z,{children:[(0,s.jsxs)(i.Z,{children:[(0,s.jsx)(d.Z,{children:"Angular"}),(0,s.jsx)(d.Z,{children:"HTML"}),(0,s.jsx)(d.Z,{children:"React"}),(0,s.jsx)(d.Z,{children:"Vue"})]}),(0,s.jsxs)(t.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,s.jsx)(o.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,s.jsxs)(t.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n Functional\n
    '})}),(0,s.jsx)(o.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('
    \n \n \n Functional\n
    ')},children:"Copy"})]}),(0,s.jsxs)(t.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,s.jsx)(o.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,s.jsxs)(t.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,s.jsx)(o.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]})]})}),(0,s.jsx)(c.Z,{className:"tab-container",children:(0,s.jsxs)(r.Z,{children:[(0,s.jsxs)(i.Z,{children:[(0,s.jsx)(d.Z,{children:"Angular"}),(0,s.jsx)(d.Z,{children:"HTML"}),(0,s.jsx)(d.Z,{children:"React"}),(0,s.jsx)(d.Z,{children:"Vue"})]}),(0,s.jsxs)(t.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,s.jsx)(o.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]}),(0,s.jsxs)(t.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n (Default) Regular\n
    '})}),(0,s.jsx)(o.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('
    \n \n \n (Default) Regular\n
    ')},children:"Copy"})]}),(0,s.jsxs)(t.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,s.jsx)(o.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]}),(0,s.jsxs)(t.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,s.jsx)(o.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]})]})}),(0,s.jsx)(c.Z,{className:"tab-container",children:(0,s.jsxs)(r.Z,{children:[(0,s.jsxs)(i.Z,{children:[(0,s.jsx)(d.Z,{children:"Angular"}),(0,s.jsx)(d.Z,{children:"HTML"}),(0,s.jsx)(d.Z,{children:"React"}),(0,s.jsx)(d.Z,{children:"Vue"})]}),(0,s.jsxs)(t.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,s.jsx)(o.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,s.jsxs)(t.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n Expressive\n
    '})}),(0,s.jsx)(o.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('
    \n \n \n Expressive\n
    ')},children:"Copy"})]}),(0,s.jsxs)(t.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,s.jsx)(o.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,s.jsxs)(t.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,s.jsx)(o.Z,{className:"copy-button",noText:!0,icon:n?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]})]})})]})}},69255:function(n){n.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{}},{"name":"(Default) Regular","className":"db-ui-regular","props":{}},{"name":"Expressive","className":"db-ui-expressive","props":{}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/5014-f81e8dfe9b65a03c.js b/review/main/_next/static/chunks/5014-f8c3267a6e78ff0e.js similarity index 99% rename from review/main/_next/static/chunks/5014-f81e8dfe9b65a03c.js rename to review/main/_next/static/chunks/5014-f8c3267a6e78ff0e.js index 8636320084e..74bb12d24c2 100644 --- a/review/main/_next/static/chunks/5014-f81e8dfe9b65a03c.js +++ b/review/main/_next/static/chunks/5014-f8c3267a6e78ff0e.js @@ -1 +1 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5014],{37395:function(e,a,l){l.d(a,{P:function(){return t}});let t=(e,a,l)=>e.map((e,t)=>{var n;return{...e,slotCode:null!==(n=null==l?void 0:l.at(t))&&void 0!==n?n:"No code available",examples:e.examples.map(e=>{var l,t,n,i;return{...e,example:a({...e.props,id:null!==(n=null===(l=e.props)||void 0===l?void 0:l.id)&&void 0!==n?n:e.name,children:null!==(i=null===(t=e.props)||void 0===t?void 0:t.children)&&void 0!==i?i:e.name})}})}})},99341:function(e,a,l){var t=l(52322),n=l(5632),i=l(2784),s=l(11803),c=l(86095);let r=e=>{let{examples:a,slotCode:l}=e,[n,s]=(0,i.useState)();return(0,t.jsxs)(c.f,{className:"variants-card db-code-docs",children:[(0,t.jsx)("div",{className:"variants-list",children:a.map((e,a)=>(0,t.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(a)))}),(0,t.jsxs)("details",{className:"code-details",onToggle:()=>{s(!n)},children:[(0,t.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:n?"Hide code":"Show code"}),(0,t.jsxs)("div",{className:"db-ui-functional",children:[(0,t.jsx)("div",{className:"backdrop"}),(0,t.jsx)(c.f,{className:"code",spacing:"small",children:l})]})]})]})},d=e=>{let{variants:a,componentName:l}=e,n=(e,a)=>{if(!window.location.origin||!window.location.href)return"";let l=window.location.href.split("?")[0],t="?page=".concat(e.name.toLowerCase());return a?"".concat(l.split("components")[0],"/components/").concat(a).concat(t):"".concat(l).concat(t)};return(0,t.jsx)(t.Fragment,{children:null==a?void 0:a.map((e,a)=>(0,t.jsxs)("div",{children:[(0,t.jsx)(c.oH,{}),(0,t.jsx)("h2",{children:(0,t.jsx)(c.vB,{content:"external",target:"_blank",href:n(e,l),children:e.name})}),(0,t.jsx)(r,{...e})]},"".concat(e.name,"-").concat(a)))})};a.Z=e=>{let{title:a,variants:l,subComponent:c,isSubComponent:o,componentName:b}=e,[x,h]=(0,i.useState)(),u=(0,n.useRouter)();return(0,i.useEffect)(()=>{if(u.query){var e;let a=null===(e=u.query.page)||void 0===e?void 0:e.toString();a&&h(l.find(e=>e.name.toLowerCase()===a))}},[u]),(0,t.jsxs)(t.Fragment,{children:[x&&(0,t.jsx)("div",{children:(0,t.jsx)(r,{...x})}),!x&&!o&&(0,t.jsxs)(s.Z,{children:[(0,t.jsxs)("div",{className:"default-container",children:[(0,t.jsx)("h1",{children:a}),(0,t.jsx)(d,{variants:l,componentName:b})]}),c]}),!x&&o&&(0,t.jsxs)("div",{className:"default-container",children:[(0,t.jsx)("h2",{children:a}),(0,t.jsx)(d,{variants:l,componentName:b})]})]})}},65596:function(e,a,l){l.r(a);var t=l(52322),n=l(2784),i=l(9513),s=l(33878),c=l(95696),r=l(79041),d=l(16909),o=l(16134);a.default=()=>{let[e,a]=(0,n.useState)();return(0,n.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(i.Z,{className:"tab-container",children:(0,t.jsxs)(s.Z,{children:[(0,t.jsxs)(c.Z,{children:[(0,t.jsx)(r.Z,{children:"Angular"}),(0,t.jsx)(r.Z,{children:"HTML"}),(0,t.jsx)(r.Z,{children:"React"}),(0,t.jsx)(r.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'(Default) Auto Width'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Auto Width')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:''})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'(Default) Auto Width'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Auto Width')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'(Default) Auto Width'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Auto Width')},children:"Copy"})]})]})}),(0,t.jsx)(i.Z,{className:"tab-container",children:(0,t.jsxs)(s.Z,{children:[(0,t.jsxs)(c.Z,{children:[(0,t.jsx)(r.Z,{children:"Angular"}),(0,t.jsx)(r.Z,{children:"HTML"}),(0,t.jsx)(r.Z,{children:"React"}),(0,t.jsx)(r.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'\n Width full\n'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Width full\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:''})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n Width full\n'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Width full\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n Width full\n'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Width full\n')},children:"Copy"})]})]})})]})}},15772:function(e,a,l){l.r(a);var t=l(52322),n=l(2784),i=l(9513),s=l(33878),c=l(95696),r=l(79041),d=l(16909),o=l(16134);a.default=()=>{let[e,a]=(0,n.useState)();return(0,n.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(i.Z,{className:"tab-container",children:(0,t.jsxs)(s.Z,{children:[(0,t.jsxs)(c.Z,{children:[(0,t.jsx)(r.Z,{children:"Angular"}),(0,t.jsx)(r.Z,{children:"HTML"}),(0,t.jsx)(r.Z,{children:"React"}),(0,t.jsx)(r.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'\n Left\n'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Left\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n Left\n'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Left\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n Left\n'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Left\n')},children:"Copy"})]})]})}),(0,t.jsx)(i.Z,{className:"tab-container",children:(0,t.jsxs)(s.Z,{children:[(0,t.jsxs)(c.Z,{children:[(0,t.jsx)(r.Z,{children:"Angular"}),(0,t.jsx)(r.Z,{children:"HTML"}),(0,t.jsx)(r.Z,{children:"React"}),(0,t.jsx)(r.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'\n Centered\n'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Centered\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n Centered\n'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Centered\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n Centered\n'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Centered\n')},children:"Copy"})]})]})})]})}},20989:function(e,a,l){l.r(a);var t=l(52322),n=l(2784),i=l(9513),s=l(33878),c=l(95696),r=l(79041),d=l(16909),o=l(16134);a.default=()=>{let[e,a]=(0,n.useState)();return(0,n.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(i.Z,{className:"tab-container",children:(0,t.jsxs)(s.Z,{children:[(0,t.jsxs)(c.Z,{children:[(0,t.jsx)(r.Z,{children:"Angular"}),(0,t.jsx)(r.Z,{children:"HTML"}),(0,t.jsx)(r.Z,{children:"React"}),(0,t.jsx)(r.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'(Default) Enabled'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:''})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'(Default) Enabled'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'(Default) Enabled'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy"})]})]})}),(0,t.jsx)(i.Z,{className:"tab-container",children:(0,t.jsxs)(s.Z,{children:[(0,t.jsxs)(c.Z,{children:[(0,t.jsx)(r.Z,{children:"Angular"}),(0,t.jsx)(r.Z,{children:"HTML"}),(0,t.jsx)(r.Z,{children:"React"}),(0,t.jsx)(r.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'active'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('active')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:''})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n active\n'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n active\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'active'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('active')},children:"Copy"})]})]})}),(0,t.jsx)(i.Z,{className:"tab-container",children:(0,t.jsxs)(s.Z,{children:[(0,t.jsxs)(c.Z,{children:[(0,t.jsx)(r.Z,{children:"Angular"}),(0,t.jsx)(r.Z,{children:"HTML"}),(0,t.jsx)(r.Z,{children:"React"}),(0,t.jsx)(r.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'disabled'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('disabled')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:''})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n disabled\n'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n disabled\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'disabled'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('disabled')},children:"Copy"})]})]})})]})}},64384:function(e,a,l){l.r(a);var t=l(52322),n=l(2784),i=l(9513),s=l(33878),c=l(95696),r=l(79041),d=l(16909),o=l(16134);a.default=()=>{let[e,a]=(0,n.useState)();return(0,n.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(i.Z,{className:"tab-container",children:(0,t.jsxs)(s.Z,{children:[(0,t.jsxs)(c.Z,{children:[(0,t.jsx)(r.Z,{children:"Angular"}),(0,t.jsx)(r.Z,{children:"HTML"}),(0,t.jsx)(r.Z,{children:"React"}),(0,t.jsx)(r.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:''})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]})]})}),(0,t.jsx)(i.Z,{className:"tab-container",children:(0,t.jsxs)(s.Z,{children:[(0,t.jsxs)(c.Z,{children:[(0,t.jsx)(r.Z,{children:"Angular"}),(0,t.jsx)(r.Z,{children:"HTML"}),(0,t.jsx)(r.Z,{children:"React"}),(0,t.jsx)(r.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:''})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]})]})}),(0,t.jsx)(i.Z,{className:"tab-container",children:(0,t.jsxs)(s.Z,{children:[(0,t.jsxs)(c.Z,{children:[(0,t.jsx)(r.Z,{children:"Angular"}),(0,t.jsx)(r.Z,{children:"HTML"}),(0,t.jsx)(r.Z,{children:"React"}),(0,t.jsx)(r.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:''})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]})]})})]})}},63535:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional tab-hide-article","props":{"label":"functional"}},{"name":"(Default) Regular","className":"db-ui-regular tab-hide-article","props":{"label":"(Default) Regular"}},{"name":"Expressive","className":"db-ui-expressive tab-hide-article","props":{"label":"expressive"}}]},{"name":"States","examples":[{"name":"(Default) Enabled","props":{"label":"(Default) Enabled"}},{"name":"active","props":{"label":"active","active":true}},{"name":"disabled","props":{"label":"active","disabled":true}}]},{"name":"Content","examples":[{"name":"(Default) Text","props":{"label":"(Default) Text"}},{"name":"Text - Icon (Leading)","props":{"label":"Text - Icon (Leading)","icon":"x_placeholder"}},{"name":"Text - Icon (Trailing)","props":{"label":"Text - Icon (Trailing)","iconAfter":"x_placeholder"}},{"name":"Icon","props":{"icon":"x_placeholder","noText":true}}]},{"name":"Behaviour","examples":[{"name":"(Default) Auto Width","props":{"label":"(Default) Auto Width"}},{"name":"Width full","style":{"width":"500px"},"props":{"label":"Width full","width":"full"}}]},{"name":"Content Alignment Full Width","examples":[{"name":"Left","style":{"width":"500px"},"props":{"label":"Left","width":"full"}},{"name":"Centered","style":{"width":"500px"},"props":{"label":"Centered","width":"full","alignment":"center"}}]}]')}}]); \ No newline at end of file +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5014],{37395:function(e,a,l){l.d(a,{P:function(){return t}});let t=(e,a,l)=>e.map((e,t)=>{var n;return{...e,slotCode:null!==(n=null==l?void 0:l.at(t))&&void 0!==n?n:"No code available",examples:e.examples.map(e=>{var l,t,n,i;return{...e,example:a({...e.props,id:null!==(n=null===(l=e.props)||void 0===l?void 0:l.id)&&void 0!==n?n:e.name,children:null!==(i=null===(t=e.props)||void 0===t?void 0:t.children)&&void 0!==i?i:e.name})}})}})},99341:function(e,a,l){var t=l(52322),n=l(5632),i=l(2784),s=l(12156),c=l(53752);let r=e=>{let{examples:a,slotCode:l}=e,[n,s]=(0,i.useState)();return(0,t.jsxs)(c.f,{className:"variants-card db-code-docs",children:[(0,t.jsx)("div",{className:"variants-list",children:a.map((e,a)=>(0,t.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(a)))}),(0,t.jsxs)("details",{className:"code-details",onToggle:()=>{s(!n)},children:[(0,t.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:n?"Hide code":"Show code"}),(0,t.jsxs)("div",{className:"db-ui-functional",children:[(0,t.jsx)("div",{className:"backdrop"}),(0,t.jsx)(c.f,{className:"code",spacing:"small",children:l})]})]})]})},d=e=>{let{variants:a,componentName:l}=e,n=(e,a)=>{if(!window.location.origin||!window.location.href)return"";let l=window.location.href.split("?")[0],t="?page=".concat(e.name.toLowerCase());return a?"".concat(l.split("components")[0],"/components/").concat(a).concat(t):"".concat(l).concat(t)};return(0,t.jsx)(t.Fragment,{children:null==a?void 0:a.map((e,a)=>(0,t.jsxs)("div",{children:[(0,t.jsx)(c.oH,{}),(0,t.jsx)("h2",{children:(0,t.jsx)(c.vB,{content:"external",target:"_blank",href:n(e,l),children:e.name})}),(0,t.jsx)(r,{...e})]},"".concat(e.name,"-").concat(a)))})};a.Z=e=>{let{title:a,variants:l,subComponent:c,isSubComponent:o,componentName:b}=e,[x,h]=(0,i.useState)(),u=(0,n.useRouter)();return(0,i.useEffect)(()=>{if(u.query){var e;let a=null===(e=u.query.page)||void 0===e?void 0:e.toString();a&&h(l.find(e=>e.name.toLowerCase()===a))}},[u]),(0,t.jsxs)(t.Fragment,{children:[x&&(0,t.jsx)("div",{children:(0,t.jsx)(r,{...x})}),!x&&!o&&(0,t.jsxs)(s.Z,{children:[(0,t.jsxs)("div",{className:"default-container",children:[(0,t.jsx)("h1",{children:a}),(0,t.jsx)(d,{variants:l,componentName:b})]}),c]}),!x&&o&&(0,t.jsxs)("div",{className:"default-container",children:[(0,t.jsx)("h2",{children:a}),(0,t.jsx)(d,{variants:l,componentName:b})]})]})}},65596:function(e,a,l){l.r(a);var t=l(52322),n=l(2784),i=l(9513),s=l(33878),c=l(95696),r=l(79041),d=l(16909),o=l(16134);a.default=()=>{let[e,a]=(0,n.useState)();return(0,n.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(i.Z,{className:"tab-container",children:(0,t.jsxs)(s.Z,{children:[(0,t.jsxs)(c.Z,{children:[(0,t.jsx)(r.Z,{children:"Angular"}),(0,t.jsx)(r.Z,{children:"HTML"}),(0,t.jsx)(r.Z,{children:"React"}),(0,t.jsx)(r.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'(Default) Auto Width'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Auto Width')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:''})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'(Default) Auto Width'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Auto Width')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'(Default) Auto Width'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Auto Width')},children:"Copy"})]})]})}),(0,t.jsx)(i.Z,{className:"tab-container",children:(0,t.jsxs)(s.Z,{children:[(0,t.jsxs)(c.Z,{children:[(0,t.jsx)(r.Z,{children:"Angular"}),(0,t.jsx)(r.Z,{children:"HTML"}),(0,t.jsx)(r.Z,{children:"React"}),(0,t.jsx)(r.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'\n Width full\n'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Width full\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:''})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n Width full\n'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Width full\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n Width full\n'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Width full\n')},children:"Copy"})]})]})})]})}},15772:function(e,a,l){l.r(a);var t=l(52322),n=l(2784),i=l(9513),s=l(33878),c=l(95696),r=l(79041),d=l(16909),o=l(16134);a.default=()=>{let[e,a]=(0,n.useState)();return(0,n.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(i.Z,{className:"tab-container",children:(0,t.jsxs)(s.Z,{children:[(0,t.jsxs)(c.Z,{children:[(0,t.jsx)(r.Z,{children:"Angular"}),(0,t.jsx)(r.Z,{children:"HTML"}),(0,t.jsx)(r.Z,{children:"React"}),(0,t.jsx)(r.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'\n Left\n'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Left\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n Left\n'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Left\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n Left\n'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Left\n')},children:"Copy"})]})]})}),(0,t.jsx)(i.Z,{className:"tab-container",children:(0,t.jsxs)(s.Z,{children:[(0,t.jsxs)(c.Z,{children:[(0,t.jsx)(r.Z,{children:"Angular"}),(0,t.jsx)(r.Z,{children:"HTML"}),(0,t.jsx)(r.Z,{children:"React"}),(0,t.jsx)(r.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'\n Centered\n'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Centered\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n Centered\n'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Centered\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n Centered\n'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Centered\n')},children:"Copy"})]})]})})]})}},20989:function(e,a,l){l.r(a);var t=l(52322),n=l(2784),i=l(9513),s=l(33878),c=l(95696),r=l(79041),d=l(16909),o=l(16134);a.default=()=>{let[e,a]=(0,n.useState)();return(0,n.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(i.Z,{className:"tab-container",children:(0,t.jsxs)(s.Z,{children:[(0,t.jsxs)(c.Z,{children:[(0,t.jsx)(r.Z,{children:"Angular"}),(0,t.jsx)(r.Z,{children:"HTML"}),(0,t.jsx)(r.Z,{children:"React"}),(0,t.jsx)(r.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'(Default) Enabled'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:''})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'(Default) Enabled'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'(Default) Enabled'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy"})]})]})}),(0,t.jsx)(i.Z,{className:"tab-container",children:(0,t.jsxs)(s.Z,{children:[(0,t.jsxs)(c.Z,{children:[(0,t.jsx)(r.Z,{children:"Angular"}),(0,t.jsx)(r.Z,{children:"HTML"}),(0,t.jsx)(r.Z,{children:"React"}),(0,t.jsx)(r.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'active'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('active')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:''})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n active\n'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n active\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'active'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('active')},children:"Copy"})]})]})}),(0,t.jsx)(i.Z,{className:"tab-container",children:(0,t.jsxs)(s.Z,{children:[(0,t.jsxs)(c.Z,{children:[(0,t.jsx)(r.Z,{children:"Angular"}),(0,t.jsx)(r.Z,{children:"HTML"}),(0,t.jsx)(r.Z,{children:"React"}),(0,t.jsx)(r.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'disabled'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('disabled')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:''})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n disabled\n'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n disabled\n')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'disabled'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('disabled')},children:"Copy"})]})]})})]})}},64384:function(e,a,l){l.r(a);var t=l(52322),n=l(2784),i=l(9513),s=l(33878),c=l(95696),r=l(79041),d=l(16909),o=l(16134);a.default=()=>{let[e,a]=(0,n.useState)();return(0,n.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(i.Z,{className:"tab-container",children:(0,t.jsxs)(s.Z,{children:[(0,t.jsxs)(c.Z,{children:[(0,t.jsx)(r.Z,{children:"Angular"}),(0,t.jsx)(r.Z,{children:"HTML"}),(0,t.jsx)(r.Z,{children:"React"}),(0,t.jsx)(r.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:''})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]})]})}),(0,t.jsx)(i.Z,{className:"tab-container",children:(0,t.jsxs)(s.Z,{children:[(0,t.jsxs)(c.Z,{children:[(0,t.jsx)(r.Z,{children:"Angular"}),(0,t.jsx)(r.Z,{children:"HTML"}),(0,t.jsx)(r.Z,{children:"React"}),(0,t.jsx)(r.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:''})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]})]})}),(0,t.jsx)(i.Z,{className:"tab-container",children:(0,t.jsxs)(s.Z,{children:[(0,t.jsxs)(c.Z,{children:[(0,t.jsx)(r.Z,{children:"Angular"}),(0,t.jsx)(r.Z,{children:"HTML"}),(0,t.jsx)(r.Z,{children:"React"}),(0,t.jsx)(r.Z,{children:"Vue"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:''})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,t.jsxs)(d.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,t.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]})]})})]})}},63535:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional tab-hide-article","props":{"label":"functional"}},{"name":"(Default) Regular","className":"db-ui-regular tab-hide-article","props":{"label":"(Default) Regular"}},{"name":"Expressive","className":"db-ui-expressive tab-hide-article","props":{"label":"expressive"}}]},{"name":"States","examples":[{"name":"(Default) Enabled","props":{"label":"(Default) Enabled"}},{"name":"active","props":{"label":"active","active":true}},{"name":"disabled","props":{"label":"active","disabled":true}}]},{"name":"Content","examples":[{"name":"(Default) Text","props":{"label":"(Default) Text"}},{"name":"Text - Icon (Leading)","props":{"label":"Text - Icon (Leading)","icon":"x_placeholder"}},{"name":"Text - Icon (Trailing)","props":{"label":"Text - Icon (Trailing)","iconAfter":"x_placeholder"}},{"name":"Icon","props":{"icon":"x_placeholder","noText":true}}]},{"name":"Behaviour","examples":[{"name":"(Default) Auto Width","props":{"label":"(Default) Auto Width"}},{"name":"Width full","style":{"width":"500px"},"props":{"label":"Width full","width":"full"}}]},{"name":"Content Alignment Full Width","examples":[{"name":"Left","style":{"width":"500px"},"props":{"label":"Left","width":"full"}},{"name":"Centered","style":{"width":"500px"},"props":{"label":"Centered","width":"full","alignment":"center"}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/54817-ac11b3e74908f04e.js b/review/main/_next/static/chunks/54817-8964971df056f6c8.js similarity index 99% rename from review/main/_next/static/chunks/54817-ac11b3e74908f04e.js rename to review/main/_next/static/chunks/54817-8964971df056f6c8.js index c33a802910d..cb60d2abfc7 100644 --- a/review/main/_next/static/chunks/54817-ac11b3e74908f04e.js +++ b/review/main/_next/static/chunks/54817-8964971df056f6c8.js @@ -1 +1 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[54817],{37395:function(t,a,n){n.d(a,{P:function(){return b}});let b=(t,a,n)=>t.map((t,b)=>{var l;return{...t,slotCode:null!==(l=null==n?void 0:n.at(b))&&void 0!==l?l:"No code available",examples:t.examples.map(t=>{var n,b,l,e;return{...t,example:a({...t.props,id:null!==(l=null===(n=t.props)||void 0===n?void 0:n.id)&&void 0!==l?l:t.name,children:null!==(e=null===(b=t.props)||void 0===b?void 0:b.children)&&void 0!==e?e:t.name})}})}})},99341:function(t,a,n){var b=n(52322),l=n(5632),e=n(2784),s=n(11803),i=n(86095);let d=t=>{let{examples:a,slotCode:n}=t,[l,s]=(0,e.useState)();return(0,b.jsxs)(i.f,{className:"variants-card db-code-docs",children:[(0,b.jsx)("div",{className:"variants-list",children:a.map((t,a)=>(0,b.jsx)("div",{style:t.style,className:t.className,children:t.example},"".concat(t.name,"-").concat(a)))}),(0,b.jsxs)("details",{className:"code-details",onToggle:()=>{s(!l)},children:[(0,b.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:l?"Hide code":"Show code"}),(0,b.jsxs)("div",{className:"db-ui-functional",children:[(0,b.jsx)("div",{className:"backdrop"}),(0,b.jsx)(i.f,{className:"code",spacing:"small",children:n})]})]})]})},T=t=>{let{variants:a,componentName:n}=t,l=(t,a)=>{if(!window.location.origin||!window.location.href)return"";let n=window.location.href.split("?")[0],b="?page=".concat(t.name.toLowerCase());return a?"".concat(n.split("components")[0],"/components/").concat(a).concat(b):"".concat(n).concat(b)};return(0,b.jsx)(b.Fragment,{children:null==a?void 0:a.map((t,a)=>(0,b.jsxs)("div",{children:[(0,b.jsx)(i.oH,{}),(0,b.jsx)("h2",{children:(0,b.jsx)(i.vB,{content:"external",target:"_blank",href:l(t,n),children:t.name})}),(0,b.jsx)(d,{...t})]},"".concat(t.name,"-").concat(a)))})};a.Z=t=>{let{title:a,variants:n,subComponent:i,isSubComponent:r,componentName:o}=t,[B,D]=(0,e.useState)(),m=(0,l.useRouter)();return(0,e.useEffect)(()=>{if(m.query){var t;let a=null===(t=m.query.page)||void 0===t?void 0:t.toString();a&&D(n.find(t=>t.name.toLowerCase()===a))}},[m]),(0,b.jsxs)(b.Fragment,{children:[B&&(0,b.jsx)("div",{children:(0,b.jsx)(d,{...B})}),!B&&!r&&(0,b.jsxs)(s.Z,{children:[(0,b.jsxs)("div",{className:"default-container",children:[(0,b.jsx)("h1",{children:a}),(0,b.jsx)(T,{variants:n,componentName:o})]}),i]}),!B&&r&&(0,b.jsxs)("div",{className:"default-container",children:[(0,b.jsx)("h2",{children:a}),(0,b.jsx)(T,{variants:n,componentName:o})]})]})}},45103:function(t){t.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"(Default) Regular","className":"db-ui-regular","props":{},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"Expressive","className":"db-ui-expressive","props":{},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}}]},{"name":"Orientation","examples":[{"name":"horizontal","props":{"orientation":"horizontal"},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"vertical","props":{"orientation":"vertical"},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}}]},{"name":"Width","examples":[{"name":"auto","style":{"width":"100%"},"props":{"width":"auto"},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"full - alignment: start","style":{"width":"100%"},"props":{"width":"full"},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"full - alignment: center","style":{"width":"100%"},"props":{"width":"full","alignment":"center"},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}}]},{"name":"Overflow","examples":[{"name":"no overflow","style":{"width":"300px"},"props":{"width":"auto"},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"with overflow - behaviour: arrows","style":{"width":"300px"},"props":{"overflow":true,"behaviour":"arrows"},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"with overflow - behaviour: scrollbar","style":{"width":"300px"},"props":{"overflow":true},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}}]},{"name":"Examples","examples":[{"name":"2 tab selected","props":{"initialSelectedIndex":1},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"nothing selected","props":{"initialSelectedMode":"manually"},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}}]}]')}}]); \ No newline at end of file +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[54817],{37395:function(t,a,n){n.d(a,{P:function(){return b}});let b=(t,a,n)=>t.map((t,b)=>{var l;return{...t,slotCode:null!==(l=null==n?void 0:n.at(b))&&void 0!==l?l:"No code available",examples:t.examples.map(t=>{var n,b,l,e;return{...t,example:a({...t.props,id:null!==(l=null===(n=t.props)||void 0===n?void 0:n.id)&&void 0!==l?l:t.name,children:null!==(e=null===(b=t.props)||void 0===b?void 0:b.children)&&void 0!==e?e:t.name})}})}})},99341:function(t,a,n){var b=n(52322),l=n(5632),e=n(2784),s=n(12156),i=n(53752);let d=t=>{let{examples:a,slotCode:n}=t,[l,s]=(0,e.useState)();return(0,b.jsxs)(i.f,{className:"variants-card db-code-docs",children:[(0,b.jsx)("div",{className:"variants-list",children:a.map((t,a)=>(0,b.jsx)("div",{style:t.style,className:t.className,children:t.example},"".concat(t.name,"-").concat(a)))}),(0,b.jsxs)("details",{className:"code-details",onToggle:()=>{s(!l)},children:[(0,b.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:l?"Hide code":"Show code"}),(0,b.jsxs)("div",{className:"db-ui-functional",children:[(0,b.jsx)("div",{className:"backdrop"}),(0,b.jsx)(i.f,{className:"code",spacing:"small",children:n})]})]})]})},T=t=>{let{variants:a,componentName:n}=t,l=(t,a)=>{if(!window.location.origin||!window.location.href)return"";let n=window.location.href.split("?")[0],b="?page=".concat(t.name.toLowerCase());return a?"".concat(n.split("components")[0],"/components/").concat(a).concat(b):"".concat(n).concat(b)};return(0,b.jsx)(b.Fragment,{children:null==a?void 0:a.map((t,a)=>(0,b.jsxs)("div",{children:[(0,b.jsx)(i.oH,{}),(0,b.jsx)("h2",{children:(0,b.jsx)(i.vB,{content:"external",target:"_blank",href:l(t,n),children:t.name})}),(0,b.jsx)(d,{...t})]},"".concat(t.name,"-").concat(a)))})};a.Z=t=>{let{title:a,variants:n,subComponent:i,isSubComponent:r,componentName:o}=t,[B,D]=(0,e.useState)(),m=(0,l.useRouter)();return(0,e.useEffect)(()=>{if(m.query){var t;let a=null===(t=m.query.page)||void 0===t?void 0:t.toString();a&&D(n.find(t=>t.name.toLowerCase()===a))}},[m]),(0,b.jsxs)(b.Fragment,{children:[B&&(0,b.jsx)("div",{children:(0,b.jsx)(d,{...B})}),!B&&!r&&(0,b.jsxs)(s.Z,{children:[(0,b.jsxs)("div",{className:"default-container",children:[(0,b.jsx)("h1",{children:a}),(0,b.jsx)(T,{variants:n,componentName:o})]}),i]}),!B&&r&&(0,b.jsxs)("div",{className:"default-container",children:[(0,b.jsx)("h2",{children:a}),(0,b.jsx)(T,{variants:n,componentName:o})]})]})}},45103:function(t){t.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"(Default) Regular","className":"db-ui-regular","props":{},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"Expressive","className":"db-ui-expressive","props":{},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}}]},{"name":"Orientation","examples":[{"name":"horizontal","props":{"orientation":"horizontal"},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"vertical","props":{"orientation":"vertical"},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}}]},{"name":"Width","examples":[{"name":"auto","style":{"width":"100%"},"props":{"width":"auto"},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"full - alignment: start","style":{"width":"100%"},"props":{"width":"full"},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"full - alignment: center","style":{"width":"100%"},"props":{"width":"full","alignment":"center"},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}}]},{"name":"Overflow","examples":[{"name":"no overflow","style":{"width":"300px"},"props":{"width":"auto"},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"with overflow - behaviour: arrows","style":{"width":"300px"},"props":{"overflow":true,"behaviour":"arrows"},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"with overflow - behaviour: scrollbar","style":{"width":"300px"},"props":{"overflow":true},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}}]},{"name":"Examples","examples":[{"name":"2 tab selected","props":{"initialSelectedIndex":1},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"nothing selected","props":{"initialSelectedMode":"manually"},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/68006-ba5cccb4ce58520c.js b/review/main/_next/static/chunks/68006-b77a9fcc9980045f.js similarity index 99% rename from review/main/_next/static/chunks/68006-ba5cccb4ce58520c.js rename to review/main/_next/static/chunks/68006-b77a9fcc9980045f.js index a0433b6f50e..c486264dc33 100644 --- a/review/main/_next/static/chunks/68006-ba5cccb4ce58520c.js +++ b/review/main/_next/static/chunks/68006-b77a9fcc9980045f.js @@ -1 +1 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[68006],{37395:function(a,e,n){n.d(e,{P:function(){return c}});let c=(a,e,n)=>a.map((a,c)=>{var s;return{...a,slotCode:null!==(s=null==n?void 0:n.at(c))&&void 0!==s?s:"No code available",examples:a.examples.map(a=>{var n,c,s,l;return{...a,example:e({...a.props,id:null!==(s=null===(n=a.props)||void 0===n?void 0:n.id)&&void 0!==s?s:a.name,children:null!==(l=null===(c=a.props)||void 0===c?void 0:c.children)&&void 0!==l?l:a.name})}})}})},99341:function(a,e,n){var c=n(52322),s=n(5632),l=n(2784),i=n(11803),r=n(86095);let t=a=>{let{examples:e,slotCode:n}=a,[s,i]=(0,l.useState)();return(0,c.jsxs)(r.f,{className:"variants-card db-code-docs",children:[(0,c.jsx)("div",{className:"variants-list",children:e.map((a,e)=>(0,c.jsx)("div",{style:a.style,className:a.className,children:a.example},"".concat(a.name,"-").concat(e)))}),(0,c.jsxs)("details",{className:"code-details",onToggle:()=>{i(!s)},children:[(0,c.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:s?"Hide code":"Show code"}),(0,c.jsxs)("div",{className:"db-ui-functional",children:[(0,c.jsx)("div",{className:"backdrop"}),(0,c.jsx)(r.f,{className:"code",spacing:"small",children:n})]})]})]})},d=a=>{let{variants:e,componentName:n}=a,s=(a,e)=>{if(!window.location.origin||!window.location.href)return"";let n=window.location.href.split("?")[0],c="?page=".concat(a.name.toLowerCase());return e?"".concat(n.split("components")[0],"/components/").concat(e).concat(c):"".concat(n).concat(c)};return(0,c.jsx)(c.Fragment,{children:null==e?void 0:e.map((a,e)=>(0,c.jsxs)("div",{children:[(0,c.jsx)(r.oH,{}),(0,c.jsx)("h2",{children:(0,c.jsx)(r.vB,{content:"external",target:"_blank",href:s(a,n),children:a.name})}),(0,c.jsx)(t,{...a})]},"".concat(a.name,"-").concat(e)))})};e.Z=a=>{let{title:e,variants:n,subComponent:r,isSubComponent:o,componentName:x}=a,[p,h]=(0,l.useState)(),m=(0,s.useRouter)();return(0,l.useEffect)(()=>{if(m.query){var a;let e=null===(a=m.query.page)||void 0===a?void 0:a.toString();e&&h(n.find(a=>a.name.toLowerCase()===e))}},[m]),(0,c.jsxs)(c.Fragment,{children:[p&&(0,c.jsx)("div",{children:(0,c.jsx)(t,{...p})}),!p&&!o&&(0,c.jsxs)(i.Z,{children:[(0,c.jsxs)("div",{className:"default-container",children:[(0,c.jsx)("h1",{children:e}),(0,c.jsx)(d,{variants:n,componentName:x})]}),r]}),!p&&o&&(0,c.jsxs)("div",{className:"default-container",children:[(0,c.jsx)("h2",{children:e}),(0,c.jsx)(d,{variants:n,componentName:x})]})]})}},38398:function(a,e,n){n.r(e);var c=n(52322),s=n(2784),l=n(9513),i=n(33878),r=n(95696),t=n(79041),d=n(16909),o=n(16134);e.default=()=>{let[a,e]=(0,s.useState)();return(0,s.useEffect)(()=>{a&&setTimeout(()=>e(!1),1500)},[a]),(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(l.Z,{className:"tab-container",children:(0,c.jsxs)(i.Z,{children:[(0,c.jsxs)(r.Z,{children:[(0,c.jsx)(t.Z,{children:"Angular"}),(0,c.jsx)(t.Z,{children:"HTML"}),(0,c.jsx)(t.Z,{children:"React"}),(0,c.jsx)(t.Z,{children:"Vue"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:"(Default) No Spacing"})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) No Spacing")},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    (Default) No Spacing
    '})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('
    (Default) No Spacing
    ')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"(Default) No Spacing"})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) No Spacing")},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"(Default) No Spacing"})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) No Spacing")},children:"Copy"})]})]})}),(0,c.jsx)(l.Z,{className:"tab-container",children:(0,c.jsxs)(i.Z,{children:[(0,c.jsxs)(r.Z,{children:[(0,c.jsx)(t.Z,{children:"Angular"}),(0,c.jsx)(t.Z,{children:"HTML"}),(0,c.jsx)(t.Z,{children:"React"}),(0,c.jsx)(t.Z,{children:"Vue"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'Medium'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Medium')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n Medium\n
    '})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('
    \n Medium\n
    ')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Medium'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Medium')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Medium'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Medium')},children:"Copy"})]})]})}),(0,c.jsx)(l.Z,{className:"tab-container",children:(0,c.jsxs)(i.Z,{children:[(0,c.jsxs)(r.Z,{children:[(0,c.jsx)(t.Z,{children:"Angular"}),(0,c.jsx)(t.Z,{children:"HTML"}),(0,c.jsx)(t.Z,{children:"React"}),(0,c.jsx)(t.Z,{children:"Vue"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'Small'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Small')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n Small\n
    '})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('
    \n Small\n
    ')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Small')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Small')},children:"Copy"})]})]})})]})}},25877:function(a,e,n){n.r(e);var c=n(52322),s=n(2784),l=n(9513),i=n(33878),r=n(95696),t=n(79041),d=n(16909),o=n(16134);e.default=()=>{let[a,e]=(0,s.useState)();return(0,s.useEffect)(()=>{a&&setTimeout(()=>e(!1),1500)},[a]),(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(l.Z,{className:"tab-container",children:(0,c.jsxs)(i.Z,{children:[(0,c.jsxs)(r.Z,{children:[(0,c.jsx)(t.Z,{children:"Angular"}),(0,c.jsx)(t.Z,{children:"HTML"}),(0,c.jsx)(t.Z,{children:"React"}),(0,c.jsx)(t.Z,{children:"Vue"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n Functional\n
    '})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('
    \n Functional\n
    ')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]})]})}),(0,c.jsx)(l.Z,{className:"tab-container",children:(0,c.jsxs)(i.Z,{children:[(0,c.jsxs)(r.Z,{children:[(0,c.jsx)(t.Z,{children:"Angular"}),(0,c.jsx)(t.Z,{children:"HTML"}),(0,c.jsx)(t.Z,{children:"React"}),(0,c.jsx)(t.Z,{children:"Vue"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n (Default) Regular\n
    '})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('
    \n (Default) Regular\n
    ')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]})]})}),(0,c.jsx)(l.Z,{className:"tab-container",children:(0,c.jsxs)(i.Z,{children:[(0,c.jsxs)(r.Z,{children:[(0,c.jsx)(t.Z,{children:"Angular"}),(0,c.jsx)(t.Z,{children:"HTML"}),(0,c.jsx)(t.Z,{children:"React"}),(0,c.jsx)(t.Z,{children:"Vue"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n Expressive\n
    '})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('
    \n Expressive\n
    ')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]})]})})]})}},11910:function(a,e,n){n.r(e);var c=n(52322),s=n(2784),l=n(9513),i=n(33878),r=n(95696),t=n(79041),d=n(16909),o=n(16134);e.default=()=>{let[a,e]=(0,s.useState)();return(0,s.useEffect)(()=>{a&&setTimeout(()=>e(!1),1500)},[a]),(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(l.Z,{className:"tab-container",children:(0,c.jsxs)(i.Z,{children:[(0,c.jsxs)(r.Z,{children:[(0,c.jsx)(t.Z,{children:"Angular"}),(0,c.jsx)(t.Z,{children:"HTML"}),(0,c.jsx)(t.Z,{children:"React"}),(0,c.jsx)(t.Z,{children:"Vue"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'(Default) Non interactive'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('(Default) Non interactive')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n (Default) Non interactive\n
    '})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('
    \n (Default) Non interactive\n
    ')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'(Default) Non interactive'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('(Default) Non interactive')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'(Default) Non interactive'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('(Default) Non interactive')},children:"Copy"})]})]})}),(0,c.jsx)(l.Z,{className:"tab-container",children:(0,c.jsxs)(i.Z,{children:[(0,c.jsxs)(r.Z,{children:[(0,c.jsx)(t.Z,{children:"Angular"}),(0,c.jsx)(t.Z,{children:"HTML"}),(0,c.jsx)(t.Z,{children:"React"}),(0,c.jsx)(t.Z,{children:"Vue"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'\n Interactive\n'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('\n Interactive\n')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n Interactive\n
    '})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('
    \n Interactive\n
    ')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n Interactive\n'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('\n Interactive\n')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n Interactive\n'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('\n Interactive\n')},children:"Copy"})]})]})})]})}},1304:function(a){a.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{"spacing":"small"}},{"name":"(Default) Regular","className":"db-ui-regular","props":{"spacing":"small"}},{"name":"Expressive","className":"db-ui-expressive","props":{"spacing":"small"}}]},{"name":"Color variant","examples":[{"name":"(Default) adaptive","props":{"variant":"interactive","spacing":"small","colorVariant":"adaptive"}},{"name":"neutral","props":{"colorVariant":"neutral","variant":"interactive","spacing":"small"}},{"name":"brand","props":{"colorVariant":"brand","variant":"interactive","spacing":"small"}},{"name":"critical","props":{"colorVariant":"critical","variant":"interactive","spacing":"small"}},{"name":"successful","props":{"colorVariant":"successful","variant":"interactive","spacing":"small"}},{"name":"warning","props":{"colorVariant":"warning","variant":"interactive","spacing":"small"}},{"name":"informational","props":{"colorVariant":"informational","variant":"interactive","spacing":"small"}}]},{"name":"Spacing","examples":[{"name":"(Default) No Spacing","props":{}},{"name":"Medium","props":{"spacing":"medium"}},{"name":"Small","props":{"spacing":"small"}}]},{"name":"Variant","examples":[{"name":"(Default) Non interactive","props":{"spacing":"small"}},{"name":"Interactive","props":{"spacing":"small","variant":"interactive"}}]}]')}}]); \ No newline at end of file +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[68006],{37395:function(a,e,n){n.d(e,{P:function(){return c}});let c=(a,e,n)=>a.map((a,c)=>{var s;return{...a,slotCode:null!==(s=null==n?void 0:n.at(c))&&void 0!==s?s:"No code available",examples:a.examples.map(a=>{var n,c,s,l;return{...a,example:e({...a.props,id:null!==(s=null===(n=a.props)||void 0===n?void 0:n.id)&&void 0!==s?s:a.name,children:null!==(l=null===(c=a.props)||void 0===c?void 0:c.children)&&void 0!==l?l:a.name})}})}})},99341:function(a,e,n){var c=n(52322),s=n(5632),l=n(2784),i=n(12156),r=n(53752);let t=a=>{let{examples:e,slotCode:n}=a,[s,i]=(0,l.useState)();return(0,c.jsxs)(r.f,{className:"variants-card db-code-docs",children:[(0,c.jsx)("div",{className:"variants-list",children:e.map((a,e)=>(0,c.jsx)("div",{style:a.style,className:a.className,children:a.example},"".concat(a.name,"-").concat(e)))}),(0,c.jsxs)("details",{className:"code-details",onToggle:()=>{i(!s)},children:[(0,c.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:s?"Hide code":"Show code"}),(0,c.jsxs)("div",{className:"db-ui-functional",children:[(0,c.jsx)("div",{className:"backdrop"}),(0,c.jsx)(r.f,{className:"code",spacing:"small",children:n})]})]})]})},d=a=>{let{variants:e,componentName:n}=a,s=(a,e)=>{if(!window.location.origin||!window.location.href)return"";let n=window.location.href.split("?")[0],c="?page=".concat(a.name.toLowerCase());return e?"".concat(n.split("components")[0],"/components/").concat(e).concat(c):"".concat(n).concat(c)};return(0,c.jsx)(c.Fragment,{children:null==e?void 0:e.map((a,e)=>(0,c.jsxs)("div",{children:[(0,c.jsx)(r.oH,{}),(0,c.jsx)("h2",{children:(0,c.jsx)(r.vB,{content:"external",target:"_blank",href:s(a,n),children:a.name})}),(0,c.jsx)(t,{...a})]},"".concat(a.name,"-").concat(e)))})};e.Z=a=>{let{title:e,variants:n,subComponent:r,isSubComponent:o,componentName:x}=a,[p,h]=(0,l.useState)(),m=(0,s.useRouter)();return(0,l.useEffect)(()=>{if(m.query){var a;let e=null===(a=m.query.page)||void 0===a?void 0:a.toString();e&&h(n.find(a=>a.name.toLowerCase()===e))}},[m]),(0,c.jsxs)(c.Fragment,{children:[p&&(0,c.jsx)("div",{children:(0,c.jsx)(t,{...p})}),!p&&!o&&(0,c.jsxs)(i.Z,{children:[(0,c.jsxs)("div",{className:"default-container",children:[(0,c.jsx)("h1",{children:e}),(0,c.jsx)(d,{variants:n,componentName:x})]}),r]}),!p&&o&&(0,c.jsxs)("div",{className:"default-container",children:[(0,c.jsx)("h2",{children:e}),(0,c.jsx)(d,{variants:n,componentName:x})]})]})}},38398:function(a,e,n){n.r(e);var c=n(52322),s=n(2784),l=n(9513),i=n(33878),r=n(95696),t=n(79041),d=n(16909),o=n(16134);e.default=()=>{let[a,e]=(0,s.useState)();return(0,s.useEffect)(()=>{a&&setTimeout(()=>e(!1),1500)},[a]),(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(l.Z,{className:"tab-container",children:(0,c.jsxs)(i.Z,{children:[(0,c.jsxs)(r.Z,{children:[(0,c.jsx)(t.Z,{children:"Angular"}),(0,c.jsx)(t.Z,{children:"HTML"}),(0,c.jsx)(t.Z,{children:"React"}),(0,c.jsx)(t.Z,{children:"Vue"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:"(Default) No Spacing"})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) No Spacing")},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    (Default) No Spacing
    '})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('
    (Default) No Spacing
    ')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"(Default) No Spacing"})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) No Spacing")},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"(Default) No Spacing"})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText("(Default) No Spacing")},children:"Copy"})]})]})}),(0,c.jsx)(l.Z,{className:"tab-container",children:(0,c.jsxs)(i.Z,{children:[(0,c.jsxs)(r.Z,{children:[(0,c.jsx)(t.Z,{children:"Angular"}),(0,c.jsx)(t.Z,{children:"HTML"}),(0,c.jsx)(t.Z,{children:"React"}),(0,c.jsx)(t.Z,{children:"Vue"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'Medium'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Medium')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n Medium\n
    '})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('
    \n Medium\n
    ')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Medium'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Medium')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Medium'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Medium')},children:"Copy"})]})]})}),(0,c.jsx)(l.Z,{className:"tab-container",children:(0,c.jsxs)(i.Z,{children:[(0,c.jsxs)(r.Z,{children:[(0,c.jsx)(t.Z,{children:"Angular"}),(0,c.jsx)(t.Z,{children:"HTML"}),(0,c.jsx)(t.Z,{children:"React"}),(0,c.jsx)(t.Z,{children:"Vue"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'Small'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Small')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n Small\n
    '})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('
    \n Small\n
    ')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Small')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Small')},children:"Copy"})]})]})})]})}},25877:function(a,e,n){n.r(e);var c=n(52322),s=n(2784),l=n(9513),i=n(33878),r=n(95696),t=n(79041),d=n(16909),o=n(16134);e.default=()=>{let[a,e]=(0,s.useState)();return(0,s.useEffect)(()=>{a&&setTimeout(()=>e(!1),1500)},[a]),(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(l.Z,{className:"tab-container",children:(0,c.jsxs)(i.Z,{children:[(0,c.jsxs)(r.Z,{children:[(0,c.jsx)(t.Z,{children:"Angular"}),(0,c.jsx)(t.Z,{children:"HTML"}),(0,c.jsx)(t.Z,{children:"React"}),(0,c.jsx)(t.Z,{children:"Vue"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n Functional\n
    '})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('
    \n Functional\n
    ')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]})]})}),(0,c.jsx)(l.Z,{className:"tab-container",children:(0,c.jsxs)(i.Z,{children:[(0,c.jsxs)(r.Z,{children:[(0,c.jsx)(t.Z,{children:"Angular"}),(0,c.jsx)(t.Z,{children:"HTML"}),(0,c.jsx)(t.Z,{children:"React"}),(0,c.jsx)(t.Z,{children:"Vue"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n (Default) Regular\n
    '})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('
    \n (Default) Regular\n
    ')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]})]})}),(0,c.jsx)(l.Z,{className:"tab-container",children:(0,c.jsxs)(i.Z,{children:[(0,c.jsxs)(r.Z,{children:[(0,c.jsx)(t.Z,{children:"Angular"}),(0,c.jsx)(t.Z,{children:"HTML"}),(0,c.jsx)(t.Z,{children:"React"}),(0,c.jsx)(t.Z,{children:"Vue"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n Expressive\n
    '})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('
    \n Expressive\n
    ')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]})]})})]})}},11910:function(a,e,n){n.r(e);var c=n(52322),s=n(2784),l=n(9513),i=n(33878),r=n(95696),t=n(79041),d=n(16909),o=n(16134);e.default=()=>{let[a,e]=(0,s.useState)();return(0,s.useEffect)(()=>{a&&setTimeout(()=>e(!1),1500)},[a]),(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(l.Z,{className:"tab-container",children:(0,c.jsxs)(i.Z,{children:[(0,c.jsxs)(r.Z,{children:[(0,c.jsx)(t.Z,{children:"Angular"}),(0,c.jsx)(t.Z,{children:"HTML"}),(0,c.jsx)(t.Z,{children:"React"}),(0,c.jsx)(t.Z,{children:"Vue"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'(Default) Non interactive'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('(Default) Non interactive')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n (Default) Non interactive\n
    '})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('
    \n (Default) Non interactive\n
    ')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'(Default) Non interactive'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('(Default) Non interactive')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'(Default) Non interactive'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('(Default) Non interactive')},children:"Copy"})]})]})}),(0,c.jsx)(l.Z,{className:"tab-container",children:(0,c.jsxs)(i.Z,{children:[(0,c.jsxs)(r.Z,{children:[(0,c.jsx)(t.Z,{children:"Angular"}),(0,c.jsx)(t.Z,{children:"HTML"}),(0,c.jsx)(t.Z,{children:"React"}),(0,c.jsx)(t.Z,{children:"Vue"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'\n Interactive\n'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('\n Interactive\n')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n Interactive\n
    '})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('
    \n Interactive\n
    ')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n Interactive\n'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('\n Interactive\n')},children:"Copy"})]}),(0,c.jsxs)(d.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n Interactive\n'})}),(0,c.jsx)(o.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('\n Interactive\n')},children:"Copy"})]})]})})]})}},1304:function(a){a.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{"spacing":"small"}},{"name":"(Default) Regular","className":"db-ui-regular","props":{"spacing":"small"}},{"name":"Expressive","className":"db-ui-expressive","props":{"spacing":"small"}}]},{"name":"Color variant","examples":[{"name":"(Default) adaptive","props":{"variant":"interactive","spacing":"small","colorVariant":"adaptive"}},{"name":"neutral","props":{"colorVariant":"neutral","variant":"interactive","spacing":"small"}},{"name":"brand","props":{"colorVariant":"brand","variant":"interactive","spacing":"small"}},{"name":"critical","props":{"colorVariant":"critical","variant":"interactive","spacing":"small"}},{"name":"successful","props":{"colorVariant":"successful","variant":"interactive","spacing":"small"}},{"name":"warning","props":{"colorVariant":"warning","variant":"interactive","spacing":"small"}},{"name":"informational","props":{"colorVariant":"informational","variant":"interactive","spacing":"small"}}]},{"name":"Spacing","examples":[{"name":"(Default) No Spacing","props":{}},{"name":"Medium","props":{"spacing":"medium"}},{"name":"Small","props":{"spacing":"small"}}]},{"name":"Variant","examples":[{"name":"(Default) Non interactive","props":{"spacing":"small"}},{"name":"Interactive","props":{"spacing":"small","variant":"interactive"}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/71581-f21d9f8b1cc48dfd.js b/review/main/_next/static/chunks/71581-e4c360f90db94f89.js similarity index 98% rename from review/main/_next/static/chunks/71581-f21d9f8b1cc48dfd.js rename to review/main/_next/static/chunks/71581-e4c360f90db94f89.js index b0f84845dc2..bfb89b045dc 100644 --- a/review/main/_next/static/chunks/71581-f21d9f8b1cc48dfd.js +++ b/review/main/_next/static/chunks/71581-e4c360f90db94f89.js @@ -1 +1 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[71581],{37395:function(e,n,t){t.d(n,{P:function(){return a}});let a=(e,n,t)=>e.map((e,a)=>{var s;return{...e,slotCode:null!==(s=null==t?void 0:t.at(a))&&void 0!==s?s:"No code available",examples:e.examples.map(e=>{var t,a,s,l;return{...e,example:n({...e.props,id:null!==(s=null===(t=e.props)||void 0===t?void 0:t.id)&&void 0!==s?s:e.name,children:null!==(l=null===(a=e.props)||void 0===a?void 0:a.children)&&void 0!==l?l:e.name})}})}})},99341:function(e,n,t){var a=t(52322),s=t(5632),l=t(2784),i=t(11803),c=t(86095);let o=e=>{let{examples:n,slotCode:t}=e,[s,i]=(0,l.useState)();return(0,a.jsxs)(c.f,{className:"variants-card db-code-docs",children:[(0,a.jsx)("div",{className:"variants-list",children:n.map((e,n)=>(0,a.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(n)))}),(0,a.jsxs)("details",{className:"code-details",onToggle:()=>{i(!s)},children:[(0,a.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:s?"Hide code":"Show code"}),(0,a.jsxs)("div",{className:"db-ui-functional",children:[(0,a.jsx)("div",{className:"backdrop"}),(0,a.jsx)(c.f,{className:"code",spacing:"small",children:t})]})]})]})},r=e=>{let{variants:n,componentName:t}=e,s=(e,n)=>{if(!window.location.origin||!window.location.href)return"";let t=window.location.href.split("?")[0],a="?page=".concat(e.name.toLowerCase());return n?"".concat(t.split("components")[0],"/components/").concat(n).concat(a):"".concat(t).concat(a)};return(0,a.jsx)(a.Fragment,{children:null==n?void 0:n.map((e,n)=>(0,a.jsxs)("div",{children:[(0,a.jsx)(c.oH,{}),(0,a.jsx)("h2",{children:(0,a.jsx)(c.vB,{content:"external",target:"_blank",href:s(e,t),children:e.name})}),(0,a.jsx)(o,{...e})]},"".concat(e.name,"-").concat(n)))})};n.Z=e=>{let{title:n,variants:t,subComponent:c,isSubComponent:x,componentName:d}=e,[p,h]=(0,l.useState)(),j=(0,s.useRouter)();return(0,l.useEffect)(()=>{if(j.query){var e;let n=null===(e=j.query.page)||void 0===e?void 0:e.toString();n&&h(t.find(e=>e.name.toLowerCase()===n))}},[j]),(0,a.jsxs)(a.Fragment,{children:[p&&(0,a.jsx)("div",{children:(0,a.jsx)(o,{...p})}),!p&&!x&&(0,a.jsxs)(i.Z,{children:[(0,a.jsxs)("div",{className:"default-container",children:[(0,a.jsx)("h1",{children:n}),(0,a.jsx)(r,{variants:t,componentName:d})]}),c]}),!p&&x&&(0,a.jsxs)("div",{className:"default-container",children:[(0,a.jsx)("h2",{children:n}),(0,a.jsx)(r,{variants:t,componentName:d})]})]})}},14139:function(e,n,t){t.r(n);var a=t(52322),s=t(2784),l=t(9513),i=t(33878),c=t(95696),o=t(79041),r=t(16909),x=t(16134);n.default=()=>{let[e,n]=(0,s.useState)();return(0,s.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(l.Z,{className:"tab-container",children:(0,a.jsxs)(i.Z,{children:[(0,a.jsxs)(c.Z,{children:[(0,a.jsx)(o.Z,{children:"Angular"}),(0,a.jsx)(o.Z,{children:"HTML"}),(0,a.jsx)(o.Z,{children:"React"}),(0,a.jsx)(o.Z,{children:"Vue"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:"(Default) Medium"})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Medium")},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'(Default) Medium'})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Medium')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:"(Default) Medium"})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Medium")},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:"(Default) Medium"})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Medium")},children:"Copy"})]})]})}),(0,a.jsx)(l.Z,{className:"tab-container",children:(0,a.jsxs)(i.Z,{children:[(0,a.jsxs)(c.Z,{children:[(0,a.jsx)(o.Z,{children:"Angular"}),(0,a.jsx)(o.Z,{children:"HTML"}),(0,a.jsx)(o.Z,{children:"React"}),(0,a.jsx)(o.Z,{children:"Vue"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'Small'})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Small')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'\n Small\n'})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Small\n')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Small')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Small')},children:"Copy"})]})]})})]})}},40837:function(e,n,t){t.r(n);var a=t(52322),s=t(2784),l=t(9513),i=t(33878),c=t(95696),o=t(79041),r=t(16909),x=t(16134);n.default=()=>{let[e,n]=(0,s.useState)();return(0,s.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(l.Z,{className:"tab-container",children:(0,a.jsxs)(i.Z,{children:[(0,a.jsxs)(c.Z,{children:[(0,a.jsx)(o.Z,{children:"Angular"}),(0,a.jsx)(o.Z,{children:"HTML"}),(0,a.jsx)(o.Z,{children:"React"}),(0,a.jsx)(o.Z,{children:"Vue"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]})]})}),(0,a.jsx)(l.Z,{className:"tab-container",children:(0,a.jsxs)(i.Z,{children:[(0,a.jsxs)(c.Z,{children:[(0,a.jsx)(o.Z,{children:"Angular"}),(0,a.jsx)(o.Z,{children:"HTML"}),(0,a.jsx)(o.Z,{children:"React"}),(0,a.jsx)(o.Z,{children:"Vue"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]})]})}),(0,a.jsx)(l.Z,{className:"tab-container",children:(0,a.jsxs)(i.Z,{children:[(0,a.jsxs)(c.Z,{children:[(0,a.jsx)(o.Z,{children:"Angular"}),(0,a.jsx)(o.Z,{children:"HTML"}),(0,a.jsx)(o.Z,{children:"React"}),(0,a.jsx)(o.Z,{children:"Vue"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]})]})})]})}},6514:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{}},{"name":"(Default) Regular","className":"db-ui-regular","props":{}},{"name":"Expressive","className":"db-ui-expressive","props":{}}]},{"name":"Semantic","examples":[{"name":"(Default) Adaptive","props":{}},{"name":"Critical","props":{"variant":"critical"}},{"name":"Informational","props":{"variant":"informational"}},{"name":"Successful","props":{"variant":"successful"}},{"name":"Warning","props":{"variant":"warning"}}]},{"name":"Size","examples":[{"name":"(Default) Medium","props":{}},{"name":"Small","props":{"size":"small"}}]}]')}}]); \ No newline at end of file +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[71581],{37395:function(e,n,t){t.d(n,{P:function(){return a}});let a=(e,n,t)=>e.map((e,a)=>{var s;return{...e,slotCode:null!==(s=null==t?void 0:t.at(a))&&void 0!==s?s:"No code available",examples:e.examples.map(e=>{var t,a,s,l;return{...e,example:n({...e.props,id:null!==(s=null===(t=e.props)||void 0===t?void 0:t.id)&&void 0!==s?s:e.name,children:null!==(l=null===(a=e.props)||void 0===a?void 0:a.children)&&void 0!==l?l:e.name})}})}})},99341:function(e,n,t){var a=t(52322),s=t(5632),l=t(2784),i=t(12156),c=t(53752);let o=e=>{let{examples:n,slotCode:t}=e,[s,i]=(0,l.useState)();return(0,a.jsxs)(c.f,{className:"variants-card db-code-docs",children:[(0,a.jsx)("div",{className:"variants-list",children:n.map((e,n)=>(0,a.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(n)))}),(0,a.jsxs)("details",{className:"code-details",onToggle:()=>{i(!s)},children:[(0,a.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:s?"Hide code":"Show code"}),(0,a.jsxs)("div",{className:"db-ui-functional",children:[(0,a.jsx)("div",{className:"backdrop"}),(0,a.jsx)(c.f,{className:"code",spacing:"small",children:t})]})]})]})},r=e=>{let{variants:n,componentName:t}=e,s=(e,n)=>{if(!window.location.origin||!window.location.href)return"";let t=window.location.href.split("?")[0],a="?page=".concat(e.name.toLowerCase());return n?"".concat(t.split("components")[0],"/components/").concat(n).concat(a):"".concat(t).concat(a)};return(0,a.jsx)(a.Fragment,{children:null==n?void 0:n.map((e,n)=>(0,a.jsxs)("div",{children:[(0,a.jsx)(c.oH,{}),(0,a.jsx)("h2",{children:(0,a.jsx)(c.vB,{content:"external",target:"_blank",href:s(e,t),children:e.name})}),(0,a.jsx)(o,{...e})]},"".concat(e.name,"-").concat(n)))})};n.Z=e=>{let{title:n,variants:t,subComponent:c,isSubComponent:x,componentName:d}=e,[p,h]=(0,l.useState)(),j=(0,s.useRouter)();return(0,l.useEffect)(()=>{if(j.query){var e;let n=null===(e=j.query.page)||void 0===e?void 0:e.toString();n&&h(t.find(e=>e.name.toLowerCase()===n))}},[j]),(0,a.jsxs)(a.Fragment,{children:[p&&(0,a.jsx)("div",{children:(0,a.jsx)(o,{...p})}),!p&&!x&&(0,a.jsxs)(i.Z,{children:[(0,a.jsxs)("div",{className:"default-container",children:[(0,a.jsx)("h1",{children:n}),(0,a.jsx)(r,{variants:t,componentName:d})]}),c]}),!p&&x&&(0,a.jsxs)("div",{className:"default-container",children:[(0,a.jsx)("h2",{children:n}),(0,a.jsx)(r,{variants:t,componentName:d})]})]})}},14139:function(e,n,t){t.r(n);var a=t(52322),s=t(2784),l=t(9513),i=t(33878),c=t(95696),o=t(79041),r=t(16909),x=t(16134);n.default=()=>{let[e,n]=(0,s.useState)();return(0,s.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(l.Z,{className:"tab-container",children:(0,a.jsxs)(i.Z,{children:[(0,a.jsxs)(c.Z,{children:[(0,a.jsx)(o.Z,{children:"Angular"}),(0,a.jsx)(o.Z,{children:"HTML"}),(0,a.jsx)(o.Z,{children:"React"}),(0,a.jsx)(o.Z,{children:"Vue"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:"(Default) Medium"})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Medium")},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'(Default) Medium'})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Medium')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:"(Default) Medium"})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Medium")},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:"(Default) Medium"})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Medium")},children:"Copy"})]})]})}),(0,a.jsx)(l.Z,{className:"tab-container",children:(0,a.jsxs)(i.Z,{children:[(0,a.jsxs)(c.Z,{children:[(0,a.jsx)(o.Z,{children:"Angular"}),(0,a.jsx)(o.Z,{children:"HTML"}),(0,a.jsx)(o.Z,{children:"React"}),(0,a.jsx)(o.Z,{children:"Vue"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'Small'})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Small')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'\n Small\n'})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Small\n')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Small')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'Small'})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Small')},children:"Copy"})]})]})})]})}},40837:function(e,n,t){t.r(n);var a=t(52322),s=t(2784),l=t(9513),i=t(33878),c=t(95696),o=t(79041),r=t(16909),x=t(16134);n.default=()=>{let[e,n]=(0,s.useState)();return(0,s.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(l.Z,{className:"tab-container",children:(0,a.jsxs)(i.Z,{children:[(0,a.jsxs)(c.Z,{children:[(0,a.jsx)(o.Z,{children:"Angular"}),(0,a.jsx)(o.Z,{children:"HTML"}),(0,a.jsx)(o.Z,{children:"React"}),(0,a.jsx)(o.Z,{children:"Vue"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]})]})}),(0,a.jsx)(l.Z,{className:"tab-container",children:(0,a.jsxs)(i.Z,{children:[(0,a.jsxs)(c.Z,{children:[(0,a.jsx)(o.Z,{children:"Angular"}),(0,a.jsx)(o.Z,{children:"HTML"}),(0,a.jsx)(o.Z,{children:"React"}),(0,a.jsx)(o.Z,{children:"Vue"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]})]})}),(0,a.jsx)(l.Z,{className:"tab-container",children:(0,a.jsxs)(i.Z,{children:[(0,a.jsxs)(c.Z,{children:[(0,a.jsx)(o.Z,{children:"Angular"}),(0,a.jsx)(o.Z,{children:"HTML"}),(0,a.jsx)(o.Z,{children:"React"}),(0,a.jsx)(o.Z,{children:"Vue"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,a.jsx)(x.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]})]})})]})}},6514:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{}},{"name":"(Default) Regular","className":"db-ui-regular","props":{}},{"name":"Expressive","className":"db-ui-expressive","props":{}}]},{"name":"Semantic","examples":[{"name":"(Default) Adaptive","props":{}},{"name":"Critical","props":{"variant":"critical"}},{"name":"Informational","props":{"variant":"informational"}},{"name":"Successful","props":{"variant":"successful"}},{"name":"Warning","props":{"variant":"warning"}}]},{"name":"Size","examples":[{"name":"(Default) Medium","props":{}},{"name":"Small","props":{"size":"small"}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/77526-b0bb23b47d409274.js b/review/main/_next/static/chunks/77526-3cf9c89fdf0a4f2d.js similarity index 99% rename from review/main/_next/static/chunks/77526-b0bb23b47d409274.js rename to review/main/_next/static/chunks/77526-3cf9c89fdf0a4f2d.js index a141a1b506c..f3d2df561f5 100644 --- a/review/main/_next/static/chunks/77526-b0bb23b47d409274.js +++ b/review/main/_next/static/chunks/77526-3cf9c89fdf0a4f2d.js @@ -1 +1 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[77526],{37395:function(e,n,a){a.d(n,{P:function(){return l}});let l=(e,n,a)=>e.map((e,l)=>{var i;return{...e,slotCode:null!==(i=null==a?void 0:a.at(l))&&void 0!==i?i:"No code available",examples:e.examples.map(e=>{var a,l,i,t;return{...e,example:n({...e.props,id:null!==(i=null===(a=e.props)||void 0===a?void 0:a.id)&&void 0!==i?i:e.name,children:null!==(t=null===(l=e.props)||void 0===l?void 0:l.children)&&void 0!==t?t:e.name})}})}})},99341:function(e,n,a){var l=a(52322),i=a(5632),t=a(2784),s=a(11803),r=a(86095);let c=e=>{let{examples:n,slotCode:a}=e,[i,s]=(0,t.useState)();return(0,l.jsxs)(r.f,{className:"variants-card db-code-docs",children:[(0,l.jsx)("div",{className:"variants-list",children:n.map((e,n)=>(0,l.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(n)))}),(0,l.jsxs)("details",{className:"code-details",onToggle:()=>{s(!i)},children:[(0,l.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:i?"Hide code":"Show code"}),(0,l.jsxs)("div",{className:"db-ui-functional",children:[(0,l.jsx)("div",{className:"backdrop"}),(0,l.jsx)(r.f,{className:"code",spacing:"small",children:a})]})]})]})},o=e=>{let{variants:n,componentName:a}=e,i=(e,n)=>{if(!window.location.origin||!window.location.href)return"";let a=window.location.href.split("?")[0],l="?page=".concat(e.name.toLowerCase());return n?"".concat(a.split("components")[0],"/components/").concat(n).concat(l):"".concat(a).concat(l)};return(0,l.jsx)(l.Fragment,{children:null==n?void 0:n.map((e,n)=>(0,l.jsxs)("div",{children:[(0,l.jsx)(r.oH,{}),(0,l.jsx)("h2",{children:(0,l.jsx)(r.vB,{content:"external",target:"_blank",href:i(e,a),children:e.name})}),(0,l.jsx)(c,{...e})]},"".concat(e.name,"-").concat(n)))})};n.Z=e=>{let{title:n,variants:a,subComponent:r,isSubComponent:d,componentName:x}=e,[h,j]=(0,t.useState)(),p=(0,i.useRouter)();return(0,t.useEffect)(()=>{if(p.query){var e;let n=null===(e=p.query.page)||void 0===e?void 0:e.toString();n&&j(a.find(e=>e.name.toLowerCase()===n))}},[p]),(0,l.jsxs)(l.Fragment,{children:[h&&(0,l.jsx)("div",{children:(0,l.jsx)(c,{...h})}),!h&&!d&&(0,l.jsxs)(s.Z,{children:[(0,l.jsxs)("div",{className:"default-container",children:[(0,l.jsx)("h1",{children:n}),(0,l.jsx)(o,{variants:a,componentName:x})]}),r]}),!h&&d&&(0,l.jsxs)("div",{className:"default-container",children:[(0,l.jsx)("h2",{children:n}),(0,l.jsx)(o,{variants:a,componentName:x})]})]})}},6130:function(e,n,a){a.r(n);var l=a(52322),i=a(2784),t=a(9513),s=a(33878),r=a(95696),c=a(79041),o=a(16909),d=a(16134);n.default=()=>{let[e,n]=(0,i.useState)();return(0,i.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(t.Z,{className:"tab-container",children:(0,l.jsxs)(s.Z,{children:[(0,l.jsxs)(r.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'(Default) Internal'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Internal')},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n (Default) Internal\n'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n (Default) Internal\n')},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'(Default) Internal'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Internal')},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'(Default) Internal'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Internal')},children:"Copy"})]})]})}),(0,l.jsx)(t.Z,{className:"tab-container",children:(0,l.jsxs)(s.Z,{children:[(0,l.jsxs)(r.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n External\n'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n External\n')},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n External\n'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n External\n')},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n External\n'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n External\n')},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n External\n'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n External\n')},children:"Copy"})]})]})})]})}},70534:function(e,n,a){a.r(n);var l=a(52322),i=a(2784),t=a(9513),s=a(33878),r=a(95696),c=a(79041),o=a(16909),d=a(16134);n.default=()=>{let[e,n]=(0,i.useState)();return(0,i.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(t.Z,{className:"tab-container",children:(0,l.jsxs)(s.Z,{children:[(0,l.jsxs)(r.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'Enabled (Default)/Hover/Pressed'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Enabled (Default)/Hover/Pressed')},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'Enabled (Default)/Hover/Pressed'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Enabled (Default)/Hover/Pressed')},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'Enabled (Default)/Hover/Pressed'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Enabled (Default)/Hover/Pressed')},children:"Copy"})]})]})}),(0,l.jsx)(t.Z,{className:"tab-container",children:(0,l.jsxs)(s.Z,{children:[(0,l.jsxs)(r.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Disabled')},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Disabled')},children:"Copy"})]})]})})]})}},75974:function(e,n,a){a.r(n);var l=a(52322),i=a(2784),t=a(9513),s=a(33878),r=a(95696),c=a(79041),o=a(16909),d=a(16134);n.default=()=>{let[e,n]=(0,i.useState)();return(0,i.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(t.Z,{className:"tab-container",children:(0,l.jsxs)(s.Z,{children:[(0,l.jsxs)(r.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'(Default) Adaptive'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Adaptive')},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n (Default) Adaptive\n'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n (Default) Adaptive\n')},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'(Default) Adaptive'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Adaptive')},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'(Default) Adaptive'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Adaptive')},children:"Copy"})]})]})}),(0,l.jsx)(t.Z,{className:"tab-container",children:(0,l.jsxs)(s.Z,{children:[(0,l.jsxs)(r.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n Brand\n'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Brand\n')},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n Brand\n'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Brand\n')},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n Brand\n'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Brand\n')},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n Brand\n'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Brand\n')},children:"Copy"})]})]})})]})}},80922:function(e,n,a){a.r(n);var l=a(52322),i=a(2784),t=a(9513),s=a(33878),r=a(95696),c=a(79041),o=a(16909),d=a(16134);n.default=()=>{let[e,n]=(0,i.useState)();return(0,i.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(t.Z,{className:"tab-container",children:(0,l.jsxs)(s.Z,{children:[(0,l.jsxs)(r.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'(Default) Medium'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Medium')},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n (Default) Medium\n'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n (Default) Medium\n')},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Medium')},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Medium')},children:"Copy"})]})]})}),(0,l.jsx)(t.Z,{className:"tab-container",children:(0,l.jsxs)(s.Z,{children:[(0,l.jsxs)(r.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n Small\n'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Small\n')},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n Small\n'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Small\n')},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Small\n')},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Small\n')},children:"Copy"})]})]})})]})}},46996:function(e,n,a){a.r(n);var l=a(52322),i=a(2784),t=a(9513),s=a(33878),r=a(95696),c=a(79041),o=a(16909),d=a(16134);n.default=()=>{let[e,n]=(0,i.useState)();return(0,i.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(t.Z,{className:"tab-container",children:(0,l.jsxs)(s.Z,{children:[(0,l.jsxs)(r.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n Functional\n'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Functional\n')},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]})]})}),(0,l.jsx)(t.Z,{className:"tab-container",children:(0,l.jsxs)(s.Z,{children:[(0,l.jsxs)(r.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n (Default) Regular\n'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]})]})}),(0,l.jsx)(t.Z,{className:"tab-container",children:(0,l.jsxs)(s.Z,{children:[(0,l.jsxs)(r.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n Expressive\n'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]})]})})]})}},18965:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{"href":"#"}},{"name":"(Default) Regular","className":"db-ui-regular","props":{"href":"#"}},{"name":"Expressive","className":"db-ui-expressive","props":{"href":"#"}}]},{"name":"Semantic","examples":[{"name":"(Default) Adaptive","props":{"href":"#"}},{"name":"Brand","props":{"href":"#","variant":"primary"}}]},{"name":"Interaction-States","examples":[{"name":"Enabled (Default)/Hover/Pressed","props":{"href":"#"}},{"name":"Disabled","props":{"href":"#","disabled":true}}]},{"name":"Size","examples":[{"name":"(Default) Medium","props":{"href":"#"}},{"name":"Small","props":{"href":"#","size":"small"}}]},{"name":"Content","examples":[{"name":"(Default) Internal","props":{"href":"#"}},{"name":"External","props":{"href":"#","content":"external"}}]}]')}}]); \ No newline at end of file +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[77526],{37395:function(e,n,a){a.d(n,{P:function(){return l}});let l=(e,n,a)=>e.map((e,l)=>{var i;return{...e,slotCode:null!==(i=null==a?void 0:a.at(l))&&void 0!==i?i:"No code available",examples:e.examples.map(e=>{var a,l,i,t;return{...e,example:n({...e.props,id:null!==(i=null===(a=e.props)||void 0===a?void 0:a.id)&&void 0!==i?i:e.name,children:null!==(t=null===(l=e.props)||void 0===l?void 0:l.children)&&void 0!==t?t:e.name})}})}})},99341:function(e,n,a){var l=a(52322),i=a(5632),t=a(2784),s=a(12156),r=a(53752);let c=e=>{let{examples:n,slotCode:a}=e,[i,s]=(0,t.useState)();return(0,l.jsxs)(r.f,{className:"variants-card db-code-docs",children:[(0,l.jsx)("div",{className:"variants-list",children:n.map((e,n)=>(0,l.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(n)))}),(0,l.jsxs)("details",{className:"code-details",onToggle:()=>{s(!i)},children:[(0,l.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:i?"Hide code":"Show code"}),(0,l.jsxs)("div",{className:"db-ui-functional",children:[(0,l.jsx)("div",{className:"backdrop"}),(0,l.jsx)(r.f,{className:"code",spacing:"small",children:a})]})]})]})},o=e=>{let{variants:n,componentName:a}=e,i=(e,n)=>{if(!window.location.origin||!window.location.href)return"";let a=window.location.href.split("?")[0],l="?page=".concat(e.name.toLowerCase());return n?"".concat(a.split("components")[0],"/components/").concat(n).concat(l):"".concat(a).concat(l)};return(0,l.jsx)(l.Fragment,{children:null==n?void 0:n.map((e,n)=>(0,l.jsxs)("div",{children:[(0,l.jsx)(r.oH,{}),(0,l.jsx)("h2",{children:(0,l.jsx)(r.vB,{content:"external",target:"_blank",href:i(e,a),children:e.name})}),(0,l.jsx)(c,{...e})]},"".concat(e.name,"-").concat(n)))})};n.Z=e=>{let{title:n,variants:a,subComponent:r,isSubComponent:d,componentName:x}=e,[h,j]=(0,t.useState)(),p=(0,i.useRouter)();return(0,t.useEffect)(()=>{if(p.query){var e;let n=null===(e=p.query.page)||void 0===e?void 0:e.toString();n&&j(a.find(e=>e.name.toLowerCase()===n))}},[p]),(0,l.jsxs)(l.Fragment,{children:[h&&(0,l.jsx)("div",{children:(0,l.jsx)(c,{...h})}),!h&&!d&&(0,l.jsxs)(s.Z,{children:[(0,l.jsxs)("div",{className:"default-container",children:[(0,l.jsx)("h1",{children:n}),(0,l.jsx)(o,{variants:a,componentName:x})]}),r]}),!h&&d&&(0,l.jsxs)("div",{className:"default-container",children:[(0,l.jsx)("h2",{children:n}),(0,l.jsx)(o,{variants:a,componentName:x})]})]})}},6130:function(e,n,a){a.r(n);var l=a(52322),i=a(2784),t=a(9513),s=a(33878),r=a(95696),c=a(79041),o=a(16909),d=a(16134);n.default=()=>{let[e,n]=(0,i.useState)();return(0,i.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(t.Z,{className:"tab-container",children:(0,l.jsxs)(s.Z,{children:[(0,l.jsxs)(r.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'(Default) Internal'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Internal')},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n (Default) Internal\n'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n (Default) Internal\n')},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'(Default) Internal'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Internal')},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'(Default) Internal'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Internal')},children:"Copy"})]})]})}),(0,l.jsx)(t.Z,{className:"tab-container",children:(0,l.jsxs)(s.Z,{children:[(0,l.jsxs)(r.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n External\n'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n External\n')},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n External\n'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n External\n')},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n External\n'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n External\n')},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n External\n'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n External\n')},children:"Copy"})]})]})})]})}},70534:function(e,n,a){a.r(n);var l=a(52322),i=a(2784),t=a(9513),s=a(33878),r=a(95696),c=a(79041),o=a(16909),d=a(16134);n.default=()=>{let[e,n]=(0,i.useState)();return(0,i.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(t.Z,{className:"tab-container",children:(0,l.jsxs)(s.Z,{children:[(0,l.jsxs)(r.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'Enabled (Default)/Hover/Pressed'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Enabled (Default)/Hover/Pressed')},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'Enabled (Default)/Hover/Pressed'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Enabled (Default)/Hover/Pressed')},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'Enabled (Default)/Hover/Pressed'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Enabled (Default)/Hover/Pressed')},children:"Copy"})]})]})}),(0,l.jsx)(t.Z,{className:"tab-container",children:(0,l.jsxs)(s.Z,{children:[(0,l.jsxs)(r.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Disabled')},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Disabled')},children:"Copy"})]})]})})]})}},75974:function(e,n,a){a.r(n);var l=a(52322),i=a(2784),t=a(9513),s=a(33878),r=a(95696),c=a(79041),o=a(16909),d=a(16134);n.default=()=>{let[e,n]=(0,i.useState)();return(0,i.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(t.Z,{className:"tab-container",children:(0,l.jsxs)(s.Z,{children:[(0,l.jsxs)(r.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'(Default) Adaptive'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Adaptive')},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n (Default) Adaptive\n'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n (Default) Adaptive\n')},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'(Default) Adaptive'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Adaptive')},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'(Default) Adaptive'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Adaptive')},children:"Copy"})]})]})}),(0,l.jsx)(t.Z,{className:"tab-container",children:(0,l.jsxs)(s.Z,{children:[(0,l.jsxs)(r.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n Brand\n'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Brand\n')},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n Brand\n'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Brand\n')},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n Brand\n'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Brand\n')},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n Brand\n'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Brand\n')},children:"Copy"})]})]})})]})}},80922:function(e,n,a){a.r(n);var l=a(52322),i=a(2784),t=a(9513),s=a(33878),r=a(95696),c=a(79041),o=a(16909),d=a(16134);n.default=()=>{let[e,n]=(0,i.useState)();return(0,i.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(t.Z,{className:"tab-container",children:(0,l.jsxs)(s.Z,{children:[(0,l.jsxs)(r.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'(Default) Medium'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Medium')},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n (Default) Medium\n'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n (Default) Medium\n')},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Medium')},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Medium')},children:"Copy"})]})]})}),(0,l.jsx)(t.Z,{className:"tab-container",children:(0,l.jsxs)(s.Z,{children:[(0,l.jsxs)(r.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n Small\n'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Small\n')},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n Small\n'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Small\n')},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Small\n')},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Small\n')},children:"Copy"})]})]})})]})}},46996:function(e,n,a){a.r(n);var l=a(52322),i=a(2784),t=a(9513),s=a(33878),r=a(95696),c=a(79041),o=a(16909),d=a(16134);n.default=()=>{let[e,n]=(0,i.useState)();return(0,i.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(t.Z,{className:"tab-container",children:(0,l.jsxs)(s.Z,{children:[(0,l.jsxs)(r.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n Functional\n'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Functional\n')},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]})]})}),(0,l.jsx)(t.Z,{className:"tab-container",children:(0,l.jsxs)(s.Z,{children:[(0,l.jsxs)(r.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n (Default) Regular\n'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]})]})}),(0,l.jsx)(t.Z,{className:"tab-container",children:(0,l.jsxs)(s.Z,{children:[(0,l.jsxs)(r.Z,{children:[(0,l.jsx)(c.Z,{children:"Angular"}),(0,l.jsx)(c.Z,{children:"HTML"}),(0,l.jsx)(c.Z,{children:"React"}),(0,l.jsx)(c.Z,{children:"Vue"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-html",children:'\n Expressive\n'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,l.jsxs)(o.Z,{children:[(0,l.jsx)("pre",{children:(0,l.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,l.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]})]})})]})}},18965:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{"href":"#"}},{"name":"(Default) Regular","className":"db-ui-regular","props":{"href":"#"}},{"name":"Expressive","className":"db-ui-expressive","props":{"href":"#"}}]},{"name":"Semantic","examples":[{"name":"(Default) Adaptive","props":{"href":"#"}},{"name":"Brand","props":{"href":"#","variant":"primary"}}]},{"name":"Interaction-States","examples":[{"name":"Enabled (Default)/Hover/Pressed","props":{"href":"#"}},{"name":"Disabled","props":{"href":"#","disabled":true}}]},{"name":"Size","examples":[{"name":"(Default) Medium","props":{"href":"#"}},{"name":"Small","props":{"href":"#","size":"small"}}]},{"name":"Content","examples":[{"name":"(Default) Internal","props":{"href":"#"}},{"name":"External","props":{"href":"#","content":"external"}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/80269-829a1b356ea6fe11.js b/review/main/_next/static/chunks/80269-46e3b897d0657fd5.js similarity index 99% rename from review/main/_next/static/chunks/80269-829a1b356ea6fe11.js rename to review/main/_next/static/chunks/80269-46e3b897d0657fd5.js index 7a4567766b2..60026ca9c39 100644 --- a/review/main/_next/static/chunks/80269-829a1b356ea6fe11.js +++ b/review/main/_next/static/chunks/80269-46e3b897d0657fd5.js @@ -1 +1 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[80269],{37395:function(e,i,a){a.d(i,{P:function(){return n}});let n=(e,i,a)=>e.map((e,n)=>{var s;return{...e,slotCode:null!==(s=null==a?void 0:a.at(n))&&void 0!==s?s:"No code available",examples:e.examples.map(e=>{var a,n,s,r;return{...e,example:i({...e.props,id:null!==(s=null===(a=e.props)||void 0===a?void 0:a.id)&&void 0!==s?s:e.name,children:null!==(r=null===(n=e.props)||void 0===n?void 0:n.children)&&void 0!==r?r:e.name})}})}})},99341:function(e,i,a){var n=a(52322),s=a(5632),r=a(2784),d=a(11803),l=a(86095);let c=e=>{let{examples:i,slotCode:a}=e,[s,d]=(0,r.useState)();return(0,n.jsxs)(l.f,{className:"variants-card db-code-docs",children:[(0,n.jsx)("div",{className:"variants-list",children:i.map((e,i)=>(0,n.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(i)))}),(0,n.jsxs)("details",{className:"code-details",onToggle:()=>{d(!s)},children:[(0,n.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:s?"Hide code":"Show code"}),(0,n.jsxs)("div",{className:"db-ui-functional",children:[(0,n.jsx)("div",{className:"backdrop"}),(0,n.jsx)(l.f,{className:"code",spacing:"small",children:a})]})]})]})},t=e=>{let{variants:i,componentName:a}=e,s=(e,i)=>{if(!window.location.origin||!window.location.href)return"";let a=window.location.href.split("?")[0],n="?page=".concat(e.name.toLowerCase());return i?"".concat(a.split("components")[0],"/components/").concat(i).concat(n):"".concat(a).concat(n)};return(0,n.jsx)(n.Fragment,{children:null==i?void 0:i.map((e,i)=>(0,n.jsxs)("div",{children:[(0,n.jsx)(l.oH,{}),(0,n.jsx)("h2",{children:(0,n.jsx)(l.vB,{content:"external",target:"_blank",href:s(e,a),children:e.name})}),(0,n.jsx)(c,{...e})]},"".concat(e.name,"-").concat(i)))})};i.Z=e=>{let{title:i,variants:a,subComponent:l,isSubComponent:o,componentName:x}=e,[v,h]=(0,r.useState)(),p=(0,s.useRouter)();return(0,r.useEffect)(()=>{if(p.query){var e;let i=null===(e=p.query.page)||void 0===e?void 0:e.toString();i&&h(a.find(e=>e.name.toLowerCase()===i))}},[p]),(0,n.jsxs)(n.Fragment,{children:[v&&(0,n.jsx)("div",{children:(0,n.jsx)(c,{...v})}),!v&&!o&&(0,n.jsxs)(d.Z,{children:[(0,n.jsxs)("div",{className:"default-container",children:[(0,n.jsx)("h1",{children:i}),(0,n.jsx)(t,{variants:a,componentName:x})]}),l]}),!v&&o&&(0,n.jsxs)("div",{className:"default-container",children:[(0,n.jsx)("h2",{children:i}),(0,n.jsx)(t,{variants:a,componentName:x})]})]})}},90038:function(e,i,a){a.r(i);var n=a(52322),s=a(2784),r=a(9513),d=a(33878),l=a(95696),c=a(79041),t=a(16909),o=a(16134);i.default=()=>{let[e,i]=(0,s.useState)();return(0,s.useEffect)(()=>{e&&setTimeout(()=>i(!1),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(r.Z,{className:"tab-container",children:(0,n.jsxs)(d.Z,{children:[(0,n.jsxs)(l.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"(Default) Weak"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText("(Default) Weak")},children:"Copy"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    '})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText('
    ')},children:"Copy"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"(Default) Weak"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText("(Default) Weak")},children:"Copy"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"(Default) Weak"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText("(Default) Weak")},children:"Copy"})]})]})}),(0,n.jsx)(r.Z,{className:"tab-container",children:(0,n.jsxs)(d.Z,{children:[(0,n.jsxs)(l.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'Strong'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText('Strong')},children:"Copy"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    '})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText('
    ')},children:"Copy"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Strong'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText('Strong')},children:"Copy"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Strong'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText('Strong')},children:"Copy"})]})]})})]})}},29137:function(e,i,a){a.r(i);var n=a(52322),s=a(2784),r=a(9513),d=a(33878),l=a(95696),c=a(79041),t=a(16909),o=a(16134);i.default=()=>{let[e,i]=(0,s.useState)();return(0,s.useEffect)(()=>{e&&setTimeout(()=>i(!1),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(r.Z,{className:"tab-container",children:(0,n.jsxs)(d.Z,{children:[(0,n.jsxs)(l.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    '})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText('
    ')},children:"Copy"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]})]})}),(0,n.jsx)(r.Z,{className:"tab-container",children:(0,n.jsxs)(d.Z,{children:[(0,n.jsxs)(l.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    '})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText('
    ')},children:"Copy"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]})]})}),(0,n.jsx)(r.Z,{className:"tab-container",children:(0,n.jsxs)(d.Z,{children:[(0,n.jsxs)(l.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    '})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText('
    ')},children:"Copy"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]})]})})]})}},71693:function(e,i,a){a.r(i);var n=a(52322),s=a(2784),r=a(9513),d=a(33878),l=a(95696),c=a(79041),t=a(16909),o=a(16134);i.default=()=>{let[e,i]=(0,s.useState)();return(0,s.useEffect)(()=>{e&&setTimeout(()=>i(!1),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(r.Z,{className:"tab-container",children:(0,n.jsxs)(d.Z,{children:[(0,n.jsxs)(l.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"(Default) Adaptive - Horizontal"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText("(Default) Adaptive - Horizontal")},children:"Copy"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    '})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText('
    ')},children:"Copy"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"(Default) Adaptive - Horizontal"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText("(Default) Adaptive - Horizontal")},children:"Copy"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"(Default) Adaptive - Horizontal"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText("(Default) Adaptive - Horizontal")},children:"Copy"})]})]})}),(0,n.jsx)(r.Z,{className:"tab-container",children:(0,n.jsxs)(d.Z,{children:[(0,n.jsxs)(l.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'Adaptive - Vertical'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText('Adaptive - Vertical')},children:"Copy"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    '})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText('
    ')},children:"Copy"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Adaptive - Vertical'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText('Adaptive - Vertical')},children:"Copy"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Adaptive - Vertical'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText('Adaptive - Vertical')},children:"Copy"})]})]})})]})}},55491:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","style":{"width":"200px"},"className":"db-ui-functional","props":{}},{"name":"(Default) Regular","style":{"width":"200px"},"className":"db-ui-regular","props":{}},{"name":"Expressive","style":{"width":"200px"},"className":"db-ui-expressive","props":{}}]},{"name":"Variant","examples":[{"name":"(Default) Adaptive - Horizontal","style":{"width":"200px"},"props":{}},{"name":"Adaptive - Vertical","style":{"height":"100px"},"props":{"variant":"vertical"}}]},{"name":"Emphasis","examples":[{"name":"(Default) Weak","style":{"width":"200px"},"props":{}},{"name":"Strong","style":{"width":"200px"},"props":{"emphasis":"strong"}}]}]')}}]); \ No newline at end of file +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[80269],{37395:function(e,i,a){a.d(i,{P:function(){return n}});let n=(e,i,a)=>e.map((e,n)=>{var s;return{...e,slotCode:null!==(s=null==a?void 0:a.at(n))&&void 0!==s?s:"No code available",examples:e.examples.map(e=>{var a,n,s,r;return{...e,example:i({...e.props,id:null!==(s=null===(a=e.props)||void 0===a?void 0:a.id)&&void 0!==s?s:e.name,children:null!==(r=null===(n=e.props)||void 0===n?void 0:n.children)&&void 0!==r?r:e.name})}})}})},99341:function(e,i,a){var n=a(52322),s=a(5632),r=a(2784),d=a(12156),l=a(53752);let c=e=>{let{examples:i,slotCode:a}=e,[s,d]=(0,r.useState)();return(0,n.jsxs)(l.f,{className:"variants-card db-code-docs",children:[(0,n.jsx)("div",{className:"variants-list",children:i.map((e,i)=>(0,n.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(i)))}),(0,n.jsxs)("details",{className:"code-details",onToggle:()=>{d(!s)},children:[(0,n.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:s?"Hide code":"Show code"}),(0,n.jsxs)("div",{className:"db-ui-functional",children:[(0,n.jsx)("div",{className:"backdrop"}),(0,n.jsx)(l.f,{className:"code",spacing:"small",children:a})]})]})]})},t=e=>{let{variants:i,componentName:a}=e,s=(e,i)=>{if(!window.location.origin||!window.location.href)return"";let a=window.location.href.split("?")[0],n="?page=".concat(e.name.toLowerCase());return i?"".concat(a.split("components")[0],"/components/").concat(i).concat(n):"".concat(a).concat(n)};return(0,n.jsx)(n.Fragment,{children:null==i?void 0:i.map((e,i)=>(0,n.jsxs)("div",{children:[(0,n.jsx)(l.oH,{}),(0,n.jsx)("h2",{children:(0,n.jsx)(l.vB,{content:"external",target:"_blank",href:s(e,a),children:e.name})}),(0,n.jsx)(c,{...e})]},"".concat(e.name,"-").concat(i)))})};i.Z=e=>{let{title:i,variants:a,subComponent:l,isSubComponent:o,componentName:x}=e,[v,h]=(0,r.useState)(),p=(0,s.useRouter)();return(0,r.useEffect)(()=>{if(p.query){var e;let i=null===(e=p.query.page)||void 0===e?void 0:e.toString();i&&h(a.find(e=>e.name.toLowerCase()===i))}},[p]),(0,n.jsxs)(n.Fragment,{children:[v&&(0,n.jsx)("div",{children:(0,n.jsx)(c,{...v})}),!v&&!o&&(0,n.jsxs)(d.Z,{children:[(0,n.jsxs)("div",{className:"default-container",children:[(0,n.jsx)("h1",{children:i}),(0,n.jsx)(t,{variants:a,componentName:x})]}),l]}),!v&&o&&(0,n.jsxs)("div",{className:"default-container",children:[(0,n.jsx)("h2",{children:i}),(0,n.jsx)(t,{variants:a,componentName:x})]})]})}},90038:function(e,i,a){a.r(i);var n=a(52322),s=a(2784),r=a(9513),d=a(33878),l=a(95696),c=a(79041),t=a(16909),o=a(16134);i.default=()=>{let[e,i]=(0,s.useState)();return(0,s.useEffect)(()=>{e&&setTimeout(()=>i(!1),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(r.Z,{className:"tab-container",children:(0,n.jsxs)(d.Z,{children:[(0,n.jsxs)(l.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"(Default) Weak"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText("(Default) Weak")},children:"Copy"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    '})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText('
    ')},children:"Copy"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"(Default) Weak"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText("(Default) Weak")},children:"Copy"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"(Default) Weak"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText("(Default) Weak")},children:"Copy"})]})]})}),(0,n.jsx)(r.Z,{className:"tab-container",children:(0,n.jsxs)(d.Z,{children:[(0,n.jsxs)(l.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'Strong'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText('Strong')},children:"Copy"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    '})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText('
    ')},children:"Copy"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Strong'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText('Strong')},children:"Copy"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Strong'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText('Strong')},children:"Copy"})]})]})})]})}},29137:function(e,i,a){a.r(i);var n=a(52322),s=a(2784),r=a(9513),d=a(33878),l=a(95696),c=a(79041),t=a(16909),o=a(16134);i.default=()=>{let[e,i]=(0,s.useState)();return(0,s.useEffect)(()=>{e&&setTimeout(()=>i(!1),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(r.Z,{className:"tab-container",children:(0,n.jsxs)(d.Z,{children:[(0,n.jsxs)(l.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    '})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText('
    ')},children:"Copy"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]})]})}),(0,n.jsx)(r.Z,{className:"tab-container",children:(0,n.jsxs)(d.Z,{children:[(0,n.jsxs)(l.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    '})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText('
    ')},children:"Copy"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]})]})}),(0,n.jsx)(r.Z,{className:"tab-container",children:(0,n.jsxs)(d.Z,{children:[(0,n.jsxs)(l.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    '})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText('
    ')},children:"Copy"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]})]})})]})}},71693:function(e,i,a){a.r(i);var n=a(52322),s=a(2784),r=a(9513),d=a(33878),l=a(95696),c=a(79041),t=a(16909),o=a(16134);i.default=()=>{let[e,i]=(0,s.useState)();return(0,s.useEffect)(()=>{e&&setTimeout(()=>i(!1),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(r.Z,{className:"tab-container",children:(0,n.jsxs)(d.Z,{children:[(0,n.jsxs)(l.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"(Default) Adaptive - Horizontal"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText("(Default) Adaptive - Horizontal")},children:"Copy"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    '})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText('
    ')},children:"Copy"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"(Default) Adaptive - Horizontal"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText("(Default) Adaptive - Horizontal")},children:"Copy"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"(Default) Adaptive - Horizontal"})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText("(Default) Adaptive - Horizontal")},children:"Copy"})]})]})}),(0,n.jsx)(r.Z,{className:"tab-container",children:(0,n.jsxs)(d.Z,{children:[(0,n.jsxs)(l.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'Adaptive - Vertical'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText('Adaptive - Vertical')},children:"Copy"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    '})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText('
    ')},children:"Copy"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Adaptive - Vertical'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText('Adaptive - Vertical')},children:"Copy"})]}),(0,n.jsxs)(t.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Adaptive - Vertical'})}),(0,n.jsx)(o.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{i(!0),navigator.clipboard.writeText('Adaptive - Vertical')},children:"Copy"})]})]})})]})}},55491:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","style":{"width":"200px"},"className":"db-ui-functional","props":{}},{"name":"(Default) Regular","style":{"width":"200px"},"className":"db-ui-regular","props":{}},{"name":"Expressive","style":{"width":"200px"},"className":"db-ui-expressive","props":{}}]},{"name":"Variant","examples":[{"name":"(Default) Adaptive - Horizontal","style":{"width":"200px"},"props":{}},{"name":"Adaptive - Vertical","style":{"height":"100px"},"props":{"variant":"vertical"}}]},{"name":"Emphasis","examples":[{"name":"(Default) Weak","style":{"width":"200px"},"props":{}},{"name":"Strong","style":{"width":"200px"},"props":{"emphasis":"strong"}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/81228-85fcb2d5a98045af.js b/review/main/_next/static/chunks/81228-db3fe8e42c2264ba.js similarity index 99% rename from review/main/_next/static/chunks/81228-85fcb2d5a98045af.js rename to review/main/_next/static/chunks/81228-db3fe8e42c2264ba.js index 634755d0b12..32a2b144eb2 100644 --- a/review/main/_next/static/chunks/81228-85fcb2d5a98045af.js +++ b/review/main/_next/static/chunks/81228-db3fe8e42c2264ba.js @@ -1 +1 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[81228],{3170:function(t,n,e){e.r(n);var o=e(52322),c=e(28651),i=e(88228),d=e(99746),r=e(86095),a=e(99341),l=e(19371),m=e(37395);let s=t=>{let{children:n,disabled:e,open:c,headline:i}=t;return(0,o.jsx)(r.kC,{headline:i,disabled:e,defaultOpen:c,children:n})};n.default=t=>(0,o.jsx)(a.Z,{title:"DBAccordionItem",isSubComponent:t.isSubComponent,componentName:t.componentName,variants:(0,m.P)(l,s,[(0,o.jsx)(c.default,{}),(0,o.jsx)(i.default,{}),(0,o.jsx)(d.default,{})])})},97292:function(t,n,e){e.r(n);var o=e(52322),c=e(2784),i=e(9513),d=e(33878),r=e(95696),a=e(79041),l=e(16909),m=e(16134);n.default=()=>{let[t,n]=(0,c.useState)();return(0,c.useEffect)(()=>{t&&setTimeout(()=>n(!1),1500)},[t]),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(i.Z,{className:"tab-container",children:(0,o.jsxs)(d.Z,{children:[(0,o.jsxs)(r.Z,{children:[(0,o.jsx)(a.Z,{children:"Angular"}),(0,o.jsx)(a.Z,{children:"HTML"}),(0,o.jsx)(a.Z,{children:"React"}),(0,o.jsx)(a.Z,{children:"Vue"})]}),(0,o.jsxs)(l.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n'})}),(0,o.jsx)(m.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy"})]}),(0,o.jsxs)(l.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:"The accordion is a pure JS Component"})}),(0,o.jsx)(m.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("The accordion is a pure JS Component")},children:"Copy"})]}),(0,o.jsxs)(l.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,o.jsx)(m.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy"})]}),(0,o.jsxs)(l.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,o.jsx)(m.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy"})]})]})}),(0,o.jsx)(i.Z,{className:"tab-container",children:(0,o.jsxs)(d.Z,{children:[(0,o.jsxs)(r.Z,{children:[(0,o.jsx)(a.Z,{children:"Angular"}),(0,o.jsx)(a.Z,{children:"HTML"}),(0,o.jsx)(a.Z,{children:"React"}),(0,o.jsx)(a.Z,{children:"Vue"})]}),(0,o.jsxs)(l.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n'})}),(0,o.jsx)(m.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy"})]}),(0,o.jsxs)(l.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:"The accordion is a pure JS Component"})}),(0,o.jsx)(m.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("The accordion is a pure JS Component")},children:"Copy"})]}),(0,o.jsxs)(l.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,o.jsx)(m.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy"})]}),(0,o.jsxs)(l.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,o.jsx)(m.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy"})]})]})})]})}},70307:function(t,n,e){e.r(n);var o=e(52322),c=e(2784),i=e(9513),d=e(33878),r=e(95696),a=e(79041),l=e(16909),m=e(16134);n.default=()=>{let[t,n]=(0,c.useState)();return(0,c.useEffect)(()=>{t&&setTimeout(()=>n(!1),1500)},[t]),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(i.Z,{className:"tab-container",children:(0,o.jsxs)(d.Z,{children:[(0,o.jsxs)(r.Z,{children:[(0,o.jsx)(a.Z,{children:"Angular"}),(0,o.jsx)(a.Z,{children:"HTML"}),(0,o.jsx)(a.Z,{children:"React"}),(0,o.jsx)(a.Z,{children:"Vue"})]}),(0,o.jsxs)(l.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n'})}),(0,o.jsx)(m.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy"})]}),(0,o.jsxs)(l.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:"The accordion is a pure JS Component"})}),(0,o.jsx)(m.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("The accordion is a pure JS Component")},children:"Copy"})]}),(0,o.jsxs)(l.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,o.jsx)(m.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy"})]}),(0,o.jsxs)(l.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,o.jsx)(m.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy"})]})]})}),(0,o.jsx)(i.Z,{className:"tab-container",children:(0,o.jsxs)(d.Z,{children:[(0,o.jsxs)(r.Z,{children:[(0,o.jsx)(a.Z,{children:"Angular"}),(0,o.jsx)(a.Z,{children:"HTML"}),(0,o.jsx)(a.Z,{children:"React"}),(0,o.jsx)(a.Z,{children:"Vue"})]}),(0,o.jsxs)(l.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n'})}),(0,o.jsx)(m.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy"})]}),(0,o.jsxs)(l.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:"The accordion is a pure JS Component"})}),(0,o.jsx)(m.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("The accordion is a pure JS Component")},children:"Copy"})]}),(0,o.jsxs)(l.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,o.jsx)(m.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy"})]}),(0,o.jsxs)(l.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,o.jsx)(m.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy"})]})]})})]})}},7716:function(t){t.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{},"code":{"html":"The accordion is a pure JS Component","angular":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t","react":"\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t","vue":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t"}},{"name":"(Default) Regular","className":"db-ui-regular","props":{},"code":{"html":"The accordion is a pure JS Component","angular":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t","react":"\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t","vue":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t"}},{"name":"Expressive","className":"db-ui-expressive","props":{},"code":{"html":"The accordion is a pure JS Component","angular":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t","react":"\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t","vue":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t"}}]},{"name":"Variant","examples":[{"name":"background (default)","props":{},"code":{"html":"The accordion is a pure JS Component","angular":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t","react":"\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t","vue":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t"}},{"name":"card","props":{"variant":"card"},"code":{"html":"The accordion is a pure JS Component","angular":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t","react":"\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t","vue":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t"}}]},{"name":"Behaviour","examples":[{"name":"(Default) Multiple","props":{"behaviour":"multiple"},"code":{"html":"The accordion is a pure JS Component","angular":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t","react":"\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t","vue":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t"}},{"name":"Single","props":{"behaviour":"single"},"code":{"html":"The accordion is a pure JS Component","angular":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t","react":"\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t","vue":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t"}}]}]')}}]); \ No newline at end of file +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[81228],{3170:function(t,n,e){e.r(n);var o=e(52322),c=e(28651),i=e(88228),d=e(99746),r=e(53752),a=e(99341),l=e(19371),m=e(37395);let s=t=>{let{children:n,disabled:e,open:c,headline:i}=t;return(0,o.jsx)(r.kC,{headline:i,disabled:e,defaultOpen:c,children:n})};n.default=t=>(0,o.jsx)(a.Z,{title:"DBAccordionItem",isSubComponent:t.isSubComponent,componentName:t.componentName,variants:(0,m.P)(l,s,[(0,o.jsx)(c.default,{}),(0,o.jsx)(i.default,{}),(0,o.jsx)(d.default,{})])})},97292:function(t,n,e){e.r(n);var o=e(52322),c=e(2784),i=e(9513),d=e(33878),r=e(95696),a=e(79041),l=e(16909),m=e(16134);n.default=()=>{let[t,n]=(0,c.useState)();return(0,c.useEffect)(()=>{t&&setTimeout(()=>n(!1),1500)},[t]),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(i.Z,{className:"tab-container",children:(0,o.jsxs)(d.Z,{children:[(0,o.jsxs)(r.Z,{children:[(0,o.jsx)(a.Z,{children:"Angular"}),(0,o.jsx)(a.Z,{children:"HTML"}),(0,o.jsx)(a.Z,{children:"React"}),(0,o.jsx)(a.Z,{children:"Vue"})]}),(0,o.jsxs)(l.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n'})}),(0,o.jsx)(m.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy"})]}),(0,o.jsxs)(l.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:"The accordion is a pure JS Component"})}),(0,o.jsx)(m.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("The accordion is a pure JS Component")},children:"Copy"})]}),(0,o.jsxs)(l.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,o.jsx)(m.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy"})]}),(0,o.jsxs)(l.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,o.jsx)(m.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy"})]})]})}),(0,o.jsx)(i.Z,{className:"tab-container",children:(0,o.jsxs)(d.Z,{children:[(0,o.jsxs)(r.Z,{children:[(0,o.jsx)(a.Z,{children:"Angular"}),(0,o.jsx)(a.Z,{children:"HTML"}),(0,o.jsx)(a.Z,{children:"React"}),(0,o.jsx)(a.Z,{children:"Vue"})]}),(0,o.jsxs)(l.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n'})}),(0,o.jsx)(m.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy"})]}),(0,o.jsxs)(l.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:"The accordion is a pure JS Component"})}),(0,o.jsx)(m.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("The accordion is a pure JS Component")},children:"Copy"})]}),(0,o.jsxs)(l.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,o.jsx)(m.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy"})]}),(0,o.jsxs)(l.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,o.jsx)(m.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy"})]})]})})]})}},70307:function(t,n,e){e.r(n);var o=e(52322),c=e(2784),i=e(9513),d=e(33878),r=e(95696),a=e(79041),l=e(16909),m=e(16134);n.default=()=>{let[t,n]=(0,c.useState)();return(0,c.useEffect)(()=>{t&&setTimeout(()=>n(!1),1500)},[t]),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(i.Z,{className:"tab-container",children:(0,o.jsxs)(d.Z,{children:[(0,o.jsxs)(r.Z,{children:[(0,o.jsx)(a.Z,{children:"Angular"}),(0,o.jsx)(a.Z,{children:"HTML"}),(0,o.jsx)(a.Z,{children:"React"}),(0,o.jsx)(a.Z,{children:"Vue"})]}),(0,o.jsxs)(l.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n'})}),(0,o.jsx)(m.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy"})]}),(0,o.jsxs)(l.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:"The accordion is a pure JS Component"})}),(0,o.jsx)(m.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("The accordion is a pure JS Component")},children:"Copy"})]}),(0,o.jsxs)(l.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,o.jsx)(m.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy"})]}),(0,o.jsxs)(l.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,o.jsx)(m.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy"})]})]})}),(0,o.jsx)(i.Z,{className:"tab-container",children:(0,o.jsxs)(d.Z,{children:[(0,o.jsxs)(r.Z,{children:[(0,o.jsx)(a.Z,{children:"Angular"}),(0,o.jsx)(a.Z,{children:"HTML"}),(0,o.jsx)(a.Z,{children:"React"}),(0,o.jsx)(a.Z,{children:"Vue"})]}),(0,o.jsxs)(l.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:'\n \n \n \n'})}),(0,o.jsx)(m.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy"})]}),(0,o.jsxs)(l.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-html",children:"The accordion is a pure JS Component"})}),(0,o.jsx)(m.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("The accordion is a pure JS Component")},children:"Copy"})]}),(0,o.jsxs)(l.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,o.jsx)(m.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy"})]}),(0,o.jsxs)(l.Z,{children:[(0,o.jsx)("pre",{children:(0,o.jsx)("code",{className:"hljs language-tsx",children:'\n \n \n \n'})}),(0,o.jsx)(m.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n \n \n \n')},children:"Copy"})]})]})})]})}},7716:function(t){t.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{},"code":{"html":"The accordion is a pure JS Component","angular":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t","react":"\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t","vue":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t"}},{"name":"(Default) Regular","className":"db-ui-regular","props":{},"code":{"html":"The accordion is a pure JS Component","angular":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t","react":"\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t","vue":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t"}},{"name":"Expressive","className":"db-ui-expressive","props":{},"code":{"html":"The accordion is a pure JS Component","angular":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t","react":"\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t","vue":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t"}}]},{"name":"Variant","examples":[{"name":"background (default)","props":{},"code":{"html":"The accordion is a pure JS Component","angular":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t","react":"\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t","vue":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t"}},{"name":"card","props":{"variant":"card"},"code":{"html":"The accordion is a pure JS Component","angular":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t","react":"\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t","vue":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t"}}]},{"name":"Behaviour","examples":[{"name":"(Default) Multiple","props":{"behaviour":"multiple"},"code":{"html":"The accordion is a pure JS Component","angular":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t","react":"\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t","vue":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t"}},{"name":"Single","props":{"behaviour":"single"},"code":{"html":"The accordion is a pure JS Component","angular":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t","react":"\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t","vue":"\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t"}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/82991-509b5a31b5d8cc68.js b/review/main/_next/static/chunks/82991-20d7ddf671e489aa.js similarity index 99% rename from review/main/_next/static/chunks/82991-509b5a31b5d8cc68.js rename to review/main/_next/static/chunks/82991-20d7ddf671e489aa.js index 80321d19260..adabecdc180 100644 --- a/review/main/_next/static/chunks/82991-509b5a31b5d8cc68.js +++ b/review/main/_next/static/chunks/82991-20d7ddf671e489aa.js @@ -1 +1 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[82991],{37395:function(t,o,n){n.d(o,{P:function(){return i}});let i=(t,o,n)=>t.map((t,i)=>{var e;return{...t,slotCode:null!==(e=null==n?void 0:n.at(i))&&void 0!==e?e:"No code available",examples:t.examples.map(t=>{var n,i,e,l;return{...t,example:o({...t.props,id:null!==(e=null===(n=t.props)||void 0===n?void 0:n.id)&&void 0!==e?e:t.name,children:null!==(l=null===(i=t.props)||void 0===i?void 0:i.children)&&void 0!==l?l:t.name})}})}})},99341:function(t,o,n){var i=n(52322),e=n(5632),l=n(2784),a=n(11803),s=n(86095);let c=t=>{let{examples:o,slotCode:n}=t,[e,a]=(0,l.useState)();return(0,i.jsxs)(s.f,{className:"variants-card db-code-docs",children:[(0,i.jsx)("div",{className:"variants-list",children:o.map((t,o)=>(0,i.jsx)("div",{style:t.style,className:t.className,children:t.example},"".concat(t.name,"-").concat(o)))}),(0,i.jsxs)("details",{className:"code-details",onToggle:()=>{a(!e)},children:[(0,i.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:e?"Hide code":"Show code"}),(0,i.jsxs)("div",{className:"db-ui-functional",children:[(0,i.jsx)("div",{className:"backdrop"}),(0,i.jsx)(s.f,{className:"code",spacing:"small",children:n})]})]})]})},r=t=>{let{variants:o,componentName:n}=t,e=(t,o)=>{if(!window.location.origin||!window.location.href)return"";let n=window.location.href.split("?")[0],i="?page=".concat(t.name.toLowerCase());return o?"".concat(n.split("components")[0],"/components/").concat(o).concat(i):"".concat(n).concat(i)};return(0,i.jsx)(i.Fragment,{children:null==o?void 0:o.map((t,o)=>(0,i.jsxs)("div",{children:[(0,i.jsx)(s.oH,{}),(0,i.jsx)("h2",{children:(0,i.jsx)(s.vB,{content:"external",target:"_blank",href:e(t,n),children:t.name})}),(0,i.jsx)(c,{...t})]},"".concat(t.name,"-").concat(o)))})};o.Z=t=>{let{title:o,variants:n,subComponent:s,isSubComponent:p,componentName:d}=t,[x,h]=(0,l.useState)(),u=(0,e.useRouter)();return(0,l.useEffect)(()=>{if(u.query){var t;let o=null===(t=u.query.page)||void 0===t?void 0:t.toString();o&&h(n.find(t=>t.name.toLowerCase()===o))}},[u]),(0,i.jsxs)(i.Fragment,{children:[x&&(0,i.jsx)("div",{children:(0,i.jsx)(c,{...x})}),!x&&!p&&(0,i.jsxs)(a.Z,{children:[(0,i.jsxs)("div",{className:"default-container",children:[(0,i.jsx)("h1",{children:o}),(0,i.jsx)(r,{variants:n,componentName:d})]}),s]}),!x&&p&&(0,i.jsxs)("div",{className:"default-container",children:[(0,i.jsx)("h2",{children:o}),(0,i.jsx)(r,{variants:n,componentName:d})]})]})}},4575:function(t,o,n){n.r(o);var i=n(52322),e=n(2784),l=n(9513),a=n(33878),s=n(95696),c=n(79041),r=n(16909),p=n(16134);o.default=()=>{let[t,o]=(0,e.useState)();return(0,e.useEffect)(()=>{t&&setTimeout(()=>o(!1),1500)},[t]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(l.Z,{className:"tab-container",children:(0,i.jsxs)(a.Z,{children:[(0,i.jsxs)(s.Z,{children:[(0,i.jsx)(c.Z,{children:"Angular"}),(0,i.jsx)(c.Z,{children:"HTML"}),(0,i.jsx)(c.Z,{children:"React"}),(0,i.jsx)(c.Z,{children:"Vue"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n (Default) Weak\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Weak\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n (Default) Weak\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Weak\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Weak\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Weak\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Weak\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Weak\n')},children:"Copy"})]})]})}),(0,i.jsx)(l.Z,{className:"tab-container",children:(0,i.jsxs)(a.Z,{children:[(0,i.jsxs)(s.Z,{children:[(0,i.jsx)(c.Z,{children:"Angular"}),(0,i.jsx)(c.Z,{children:"HTML"}),(0,i.jsx)(c.Z,{children:"React"}),(0,i.jsx)(c.Z,{children:"Vue"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n Strong\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Strong\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n Strong\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Strong\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Strong\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Strong\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Strong\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Strong\n')},children:"Copy"})]})]})})]})}},12283:function(t,o,n){n.r(o);var i=n(52322),e=n(2784),l=n(9513),a=n(33878),s=n(95696),c=n(79041),r=n(16909),p=n(16134);o.default=()=>{let[t,o]=(0,e.useState)();return(0,e.useEffect)(()=>{t&&setTimeout(()=>o(!1),1500)},[t]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(l.Z,{className:"tab-container",children:(0,i.jsxs)(a.Z,{children:[(0,i.jsxs)(s.Z,{children:[(0,i.jsx)(c.Z,{children:"Angular"}),(0,i.jsx)(c.Z,{children:"HTML"}),(0,i.jsx)(c.Z,{children:"React"}),(0,i.jsx)(c.Z,{children:"Vue"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n Functional\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Functional\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n Functional\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Functional\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Functional\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Functional\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Functional\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Functional\n')},children:"Copy"})]})]})}),(0,i.jsx)(l.Z,{className:"tab-container",children:(0,i.jsxs)(a.Z,{children:[(0,i.jsxs)(s.Z,{children:[(0,i.jsx)(c.Z,{children:"Angular"}),(0,i.jsx)(c.Z,{children:"HTML"}),(0,i.jsx)(c.Z,{children:"React"}),(0,i.jsx)(c.Z,{children:"Vue"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n (Default) Regular\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n (Default) Regular\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy"})]})]})}),(0,i.jsx)(l.Z,{className:"tab-container",children:(0,i.jsxs)(a.Z,{children:[(0,i.jsxs)(s.Z,{children:[(0,i.jsx)(c.Z,{children:"Angular"}),(0,i.jsx)(c.Z,{children:"HTML"}),(0,i.jsx)(c.Z,{children:"React"}),(0,i.jsx)(c.Z,{children:"Vue"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n Expressive\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n Expressive\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Expressive\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Expressive\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy"})]})]})})]})}},97794:function(t,o,n){n.r(o);var i=n(52322),e=n(2784),l=n(9513),a=n(33878),s=n(95696),c=n(79041),r=n(16909),p=n(16134);o.default=()=>{let[t,o]=(0,e.useState)();return(0,e.useEffect)(()=>{t&&setTimeout(()=>o(!1),1500)},[t]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(l.Z,{className:"tab-container",children:(0,i.jsxs)(a.Z,{children:[(0,i.jsxs)(s.Z,{children:[(0,i.jsx)(c.Z,{children:"Angular"}),(0,i.jsx)(c.Z,{children:"HTML"}),(0,i.jsx)(c.Z,{children:"React"}),(0,i.jsx)(c.Z,{children:"Vue"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n (Default) With arrow\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) With arrow\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n (Default) With arrow\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) With arrow\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) With arrow\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) With arrow\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) With arrow\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) With arrow\n')},children:"Copy"})]})]})}),(0,i.jsx)(l.Z,{className:"tab-container",children:(0,i.jsxs)(a.Z,{children:[(0,i.jsxs)(s.Z,{children:[(0,i.jsx)(c.Z,{children:"Angular"}),(0,i.jsx)(c.Z,{children:"HTML"}),(0,i.jsx)(c.Z,{children:"React"}),(0,i.jsx)(c.Z,{children:"Vue"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n Basic\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Basic\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n Basic\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Basic\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Basic\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Basic\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Basic\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Basic\n')},children:"Copy"})]})]})})]})}},33010:function(t,o,n){n.r(o);var i=n(52322),e=n(2784),l=n(9513),a=n(33878),s=n(95696),c=n(79041),r=n(16909),p=n(16134);o.default=()=>{let[t,o]=(0,e.useState)();return(0,e.useEffect)(()=>{t&&setTimeout(()=>o(!1),1500)},[t]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(l.Z,{className:"tab-container",children:(0,i.jsxs)(a.Z,{children:[(0,i.jsxs)(s.Z,{children:[(0,i.jsx)(c.Z,{children:"Angular"}),(0,i.jsx)(c.Z,{children:"HTML"}),(0,i.jsx)(c.Z,{children:"React"}),(0,i.jsx)(c.Z,{children:"Vue"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n (Default) Auto\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Auto\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n (Default) Auto\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Auto\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Auto\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Auto\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Auto\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Auto\n')},children:"Copy"})]})]})}),(0,i.jsx)(l.Z,{className:"tab-container",children:(0,i.jsxs)(a.Z,{children:[(0,i.jsxs)(s.Z,{children:[(0,i.jsx)(c.Z,{children:"Angular"}),(0,i.jsx)(c.Z,{children:"HTML"}),(0,i.jsx)(c.Z,{children:"React"}),(0,i.jsx)(c.Z,{children:"Vue"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n Fixed\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Fixed\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n Fixed\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Fixed\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Fixed\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Fixed\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Fixed\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Fixed\n')},children:"Copy"})]})]})})]})}},10171:function(t){t.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{"content":"Tooltip","id":"tooltip-01"}},{"name":"(Default) Regular","className":"db-ui-regular","props":{"content":"Tooltip","id":"tooltip-02"}},{"name":"Expressive","className":"db-ui-expressive","props":{"content":"Tooltip","id":"tooltip-03"}}]},{"name":"Variant","examples":[{"name":"(Default) With arrow","props":{"content":"Tooltip","id":"tooltip-04"}},{"name":"Basic","props":{"content":"Tooltip","variant":"basic","id":"tooltip-05"}}]},{"name":"Emphasis","examples":[{"name":"(Default) Weak","props":{"content":"Tooltip","id":"tooltip-06"}},{"name":"Strong","props":{"content":"Tooltip","emphasis":"strong","id":"tooltip-07"}}]},{"name":"Placement","examples":[{"name":"bottom-start","props":{"content":"Tooltip","placement":"bottom-start","id":"tooltip-08-start"}},{"name":"(Default) bottom","props":{"content":"Tooltip","placement":"bottom","id":"tooltip-08"}},{"name":"bottom-end","props":{"content":"Tooltip","placement":"bottom-end","id":"tooltip-08-end"}},{"name":"left-start","props":{"content":"Tooltip","placement":"left-start","id":"tooltip-10-start"}},{"name":"left","props":{"content":"Tooltip","placement":"left","id":"tooltip-10"}},{"name":"left-end","props":{"content":"Tooltip","placement":"left-end","id":"tooltip-10-end"}},{"name":"right-start","props":{"content":"Tooltip","placement":"right-start","id":"tooltip-11-start"}},{"name":"right","props":{"content":"Tooltip","placement":"right","id":"tooltip-11"}},{"name":"right-end","props":{"content":"Tooltip","placement":"right-end","id":"tooltip-11-end"}},{"name":"top-start","props":{"content":"Tooltip","placement":"top-start","id":"tooltip-09-start"}},{"name":"top","props":{"content":"Tooltip","placement":"top","id":"tooltip-09"}},{"name":"top-end","props":{"content":"Tooltip","placement":"top-end","id":"tooltip-09-end"}}]},{"name":"Width","examples":[{"name":"(Default) Auto","props":{"content":"Max width, lorem ipsum dolor sit amet, consetetur sadipscing","id":"tooltip-12"}},{"name":"Fixed","props":{"content":"Max width, lorem ipsum dolor sit amet, consetetur sadipscing","width":"fixed","id":"tooltip-13"}}]},{"name":"Animations","examples":[{"name":"(Default) Animation no delay","props":{"content":"Tooltip","id":"tooltip-14"}},{"name":"Delay slow","props":{"content":"Tooltip","delay":"slow","id":"tooltip-15"}},{"name":"Delay fast","props":{"content":"Tooltip","delay":"fast","id":"tooltip-16"}},{"name":"No animation","props":{"content":"Tooltip","animation":"disabled","id":"tooltip-17"}}]}]')}}]); \ No newline at end of file +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[82991],{37395:function(t,o,n){n.d(o,{P:function(){return i}});let i=(t,o,n)=>t.map((t,i)=>{var e;return{...t,slotCode:null!==(e=null==n?void 0:n.at(i))&&void 0!==e?e:"No code available",examples:t.examples.map(t=>{var n,i,e,l;return{...t,example:o({...t.props,id:null!==(e=null===(n=t.props)||void 0===n?void 0:n.id)&&void 0!==e?e:t.name,children:null!==(l=null===(i=t.props)||void 0===i?void 0:i.children)&&void 0!==l?l:t.name})}})}})},99341:function(t,o,n){var i=n(52322),e=n(5632),l=n(2784),a=n(12156),s=n(53752);let c=t=>{let{examples:o,slotCode:n}=t,[e,a]=(0,l.useState)();return(0,i.jsxs)(s.f,{className:"variants-card db-code-docs",children:[(0,i.jsx)("div",{className:"variants-list",children:o.map((t,o)=>(0,i.jsx)("div",{style:t.style,className:t.className,children:t.example},"".concat(t.name,"-").concat(o)))}),(0,i.jsxs)("details",{className:"code-details",onToggle:()=>{a(!e)},children:[(0,i.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:e?"Hide code":"Show code"}),(0,i.jsxs)("div",{className:"db-ui-functional",children:[(0,i.jsx)("div",{className:"backdrop"}),(0,i.jsx)(s.f,{className:"code",spacing:"small",children:n})]})]})]})},r=t=>{let{variants:o,componentName:n}=t,e=(t,o)=>{if(!window.location.origin||!window.location.href)return"";let n=window.location.href.split("?")[0],i="?page=".concat(t.name.toLowerCase());return o?"".concat(n.split("components")[0],"/components/").concat(o).concat(i):"".concat(n).concat(i)};return(0,i.jsx)(i.Fragment,{children:null==o?void 0:o.map((t,o)=>(0,i.jsxs)("div",{children:[(0,i.jsx)(s.oH,{}),(0,i.jsx)("h2",{children:(0,i.jsx)(s.vB,{content:"external",target:"_blank",href:e(t,n),children:t.name})}),(0,i.jsx)(c,{...t})]},"".concat(t.name,"-").concat(o)))})};o.Z=t=>{let{title:o,variants:n,subComponent:s,isSubComponent:p,componentName:d}=t,[x,h]=(0,l.useState)(),u=(0,e.useRouter)();return(0,l.useEffect)(()=>{if(u.query){var t;let o=null===(t=u.query.page)||void 0===t?void 0:t.toString();o&&h(n.find(t=>t.name.toLowerCase()===o))}},[u]),(0,i.jsxs)(i.Fragment,{children:[x&&(0,i.jsx)("div",{children:(0,i.jsx)(c,{...x})}),!x&&!p&&(0,i.jsxs)(a.Z,{children:[(0,i.jsxs)("div",{className:"default-container",children:[(0,i.jsx)("h1",{children:o}),(0,i.jsx)(r,{variants:n,componentName:d})]}),s]}),!x&&p&&(0,i.jsxs)("div",{className:"default-container",children:[(0,i.jsx)("h2",{children:o}),(0,i.jsx)(r,{variants:n,componentName:d})]})]})}},4575:function(t,o,n){n.r(o);var i=n(52322),e=n(2784),l=n(9513),a=n(33878),s=n(95696),c=n(79041),r=n(16909),p=n(16134);o.default=()=>{let[t,o]=(0,e.useState)();return(0,e.useEffect)(()=>{t&&setTimeout(()=>o(!1),1500)},[t]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(l.Z,{className:"tab-container",children:(0,i.jsxs)(a.Z,{children:[(0,i.jsxs)(s.Z,{children:[(0,i.jsx)(c.Z,{children:"Angular"}),(0,i.jsx)(c.Z,{children:"HTML"}),(0,i.jsx)(c.Z,{children:"React"}),(0,i.jsx)(c.Z,{children:"Vue"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n (Default) Weak\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Weak\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n (Default) Weak\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Weak\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Weak\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Weak\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Weak\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Weak\n')},children:"Copy"})]})]})}),(0,i.jsx)(l.Z,{className:"tab-container",children:(0,i.jsxs)(a.Z,{children:[(0,i.jsxs)(s.Z,{children:[(0,i.jsx)(c.Z,{children:"Angular"}),(0,i.jsx)(c.Z,{children:"HTML"}),(0,i.jsx)(c.Z,{children:"React"}),(0,i.jsx)(c.Z,{children:"Vue"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n Strong\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Strong\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n Strong\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Strong\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Strong\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Strong\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Strong\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Strong\n')},children:"Copy"})]})]})})]})}},12283:function(t,o,n){n.r(o);var i=n(52322),e=n(2784),l=n(9513),a=n(33878),s=n(95696),c=n(79041),r=n(16909),p=n(16134);o.default=()=>{let[t,o]=(0,e.useState)();return(0,e.useEffect)(()=>{t&&setTimeout(()=>o(!1),1500)},[t]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(l.Z,{className:"tab-container",children:(0,i.jsxs)(a.Z,{children:[(0,i.jsxs)(s.Z,{children:[(0,i.jsx)(c.Z,{children:"Angular"}),(0,i.jsx)(c.Z,{children:"HTML"}),(0,i.jsx)(c.Z,{children:"React"}),(0,i.jsx)(c.Z,{children:"Vue"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n Functional\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Functional\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n Functional\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Functional\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Functional\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Functional\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Functional\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Functional\n')},children:"Copy"})]})]})}),(0,i.jsx)(l.Z,{className:"tab-container",children:(0,i.jsxs)(a.Z,{children:[(0,i.jsxs)(s.Z,{children:[(0,i.jsx)(c.Z,{children:"Angular"}),(0,i.jsx)(c.Z,{children:"HTML"}),(0,i.jsx)(c.Z,{children:"React"}),(0,i.jsx)(c.Z,{children:"Vue"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n (Default) Regular\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n (Default) Regular\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy"})]})]})}),(0,i.jsx)(l.Z,{className:"tab-container",children:(0,i.jsxs)(a.Z,{children:[(0,i.jsxs)(s.Z,{children:[(0,i.jsx)(c.Z,{children:"Angular"}),(0,i.jsx)(c.Z,{children:"HTML"}),(0,i.jsx)(c.Z,{children:"React"}),(0,i.jsx)(c.Z,{children:"Vue"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n Expressive\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n Expressive\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Expressive\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Expressive\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Expressive\n')},children:"Copy"})]})]})})]})}},97794:function(t,o,n){n.r(o);var i=n(52322),e=n(2784),l=n(9513),a=n(33878),s=n(95696),c=n(79041),r=n(16909),p=n(16134);o.default=()=>{let[t,o]=(0,e.useState)();return(0,e.useEffect)(()=>{t&&setTimeout(()=>o(!1),1500)},[t]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(l.Z,{className:"tab-container",children:(0,i.jsxs)(a.Z,{children:[(0,i.jsxs)(s.Z,{children:[(0,i.jsx)(c.Z,{children:"Angular"}),(0,i.jsx)(c.Z,{children:"HTML"}),(0,i.jsx)(c.Z,{children:"React"}),(0,i.jsx)(c.Z,{children:"Vue"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n (Default) With arrow\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) With arrow\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n (Default) With arrow\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) With arrow\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) With arrow\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) With arrow\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) With arrow\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) With arrow\n')},children:"Copy"})]})]})}),(0,i.jsx)(l.Z,{className:"tab-container",children:(0,i.jsxs)(a.Z,{children:[(0,i.jsxs)(s.Z,{children:[(0,i.jsx)(c.Z,{children:"Angular"}),(0,i.jsx)(c.Z,{children:"HTML"}),(0,i.jsx)(c.Z,{children:"React"}),(0,i.jsx)(c.Z,{children:"Vue"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n Basic\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Basic\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n Basic\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Basic\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Basic\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Basic\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Basic\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Basic\n')},children:"Copy"})]})]})})]})}},33010:function(t,o,n){n.r(o);var i=n(52322),e=n(2784),l=n(9513),a=n(33878),s=n(95696),c=n(79041),r=n(16909),p=n(16134);o.default=()=>{let[t,o]=(0,e.useState)();return(0,e.useEffect)(()=>{t&&setTimeout(()=>o(!1),1500)},[t]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(l.Z,{className:"tab-container",children:(0,i.jsxs)(a.Z,{children:[(0,i.jsxs)(s.Z,{children:[(0,i.jsx)(c.Z,{children:"Angular"}),(0,i.jsx)(c.Z,{children:"HTML"}),(0,i.jsx)(c.Z,{children:"React"}),(0,i.jsx)(c.Z,{children:"Vue"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n (Default) Auto\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Auto\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n (Default) Auto\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Auto\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Auto\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Auto\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Auto\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Auto\n')},children:"Copy"})]})]})}),(0,i.jsx)(l.Z,{className:"tab-container",children:(0,i.jsxs)(a.Z,{children:[(0,i.jsxs)(s.Z,{children:[(0,i.jsx)(c.Z,{children:"Angular"}),(0,i.jsx)(c.Z,{children:"HTML"}),(0,i.jsx)(c.Z,{children:"React"}),(0,i.jsx)(c.Z,{children:"Vue"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n Fixed\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Fixed\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'\n Fixed\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Fixed\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Fixed\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Fixed\n')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'\n Fixed\n'})}),(0,i.jsx)(p.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Fixed\n')},children:"Copy"})]})]})})]})}},10171:function(t){t.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{"content":"Tooltip","id":"tooltip-01"}},{"name":"(Default) Regular","className":"db-ui-regular","props":{"content":"Tooltip","id":"tooltip-02"}},{"name":"Expressive","className":"db-ui-expressive","props":{"content":"Tooltip","id":"tooltip-03"}}]},{"name":"Variant","examples":[{"name":"(Default) With arrow","props":{"content":"Tooltip","id":"tooltip-04"}},{"name":"Basic","props":{"content":"Tooltip","variant":"basic","id":"tooltip-05"}}]},{"name":"Emphasis","examples":[{"name":"(Default) Weak","props":{"content":"Tooltip","id":"tooltip-06"}},{"name":"Strong","props":{"content":"Tooltip","emphasis":"strong","id":"tooltip-07"}}]},{"name":"Placement","examples":[{"name":"bottom-start","props":{"content":"Tooltip","placement":"bottom-start","id":"tooltip-08-start"}},{"name":"(Default) bottom","props":{"content":"Tooltip","placement":"bottom","id":"tooltip-08"}},{"name":"bottom-end","props":{"content":"Tooltip","placement":"bottom-end","id":"tooltip-08-end"}},{"name":"left-start","props":{"content":"Tooltip","placement":"left-start","id":"tooltip-10-start"}},{"name":"left","props":{"content":"Tooltip","placement":"left","id":"tooltip-10"}},{"name":"left-end","props":{"content":"Tooltip","placement":"left-end","id":"tooltip-10-end"}},{"name":"right-start","props":{"content":"Tooltip","placement":"right-start","id":"tooltip-11-start"}},{"name":"right","props":{"content":"Tooltip","placement":"right","id":"tooltip-11"}},{"name":"right-end","props":{"content":"Tooltip","placement":"right-end","id":"tooltip-11-end"}},{"name":"top-start","props":{"content":"Tooltip","placement":"top-start","id":"tooltip-09-start"}},{"name":"top","props":{"content":"Tooltip","placement":"top","id":"tooltip-09"}},{"name":"top-end","props":{"content":"Tooltip","placement":"top-end","id":"tooltip-09-end"}}]},{"name":"Width","examples":[{"name":"(Default) Auto","props":{"content":"Max width, lorem ipsum dolor sit amet, consetetur sadipscing","id":"tooltip-12"}},{"name":"Fixed","props":{"content":"Max width, lorem ipsum dolor sit amet, consetetur sadipscing","width":"fixed","id":"tooltip-13"}}]},{"name":"Animations","examples":[{"name":"(Default) Animation no delay","props":{"content":"Tooltip","id":"tooltip-14"}},{"name":"Delay slow","props":{"content":"Tooltip","delay":"slow","id":"tooltip-15"}},{"name":"Delay fast","props":{"content":"Tooltip","delay":"fast","id":"tooltip-16"}},{"name":"No animation","props":{"content":"Tooltip","animation":"disabled","id":"tooltip-17"}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/83175-974db8e1ac1478e7.js b/review/main/_next/static/chunks/83175-a047455f3dd43708.js similarity index 98% rename from review/main/_next/static/chunks/83175-974db8e1ac1478e7.js rename to review/main/_next/static/chunks/83175-a047455f3dd43708.js index cc989a47cc9..6356ab3fb49 100644 --- a/review/main/_next/static/chunks/83175-974db8e1ac1478e7.js +++ b/review/main/_next/static/chunks/83175-a047455f3dd43708.js @@ -1 +1 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[83175],{37395:function(e,n,a){a.d(n,{P:function(){return c}});let c=(e,n,a)=>e.map((e,c)=>{var s;return{...e,slotCode:null!==(s=null==a?void 0:a.at(c))&&void 0!==s?s:"No code available",examples:e.examples.map(e=>{var a,c,s,l;return{...e,example:n({...e.props,id:null!==(s=null===(a=e.props)||void 0===a?void 0:a.id)&&void 0!==s?s:e.name,children:null!==(l=null===(c=e.props)||void 0===c?void 0:c.children)&&void 0!==l?l:e.name})}})}})},99341:function(e,n,a){var c=a(52322),s=a(5632),l=a(2784),i=a(11803),o=a(86095);let r=e=>{let{examples:n,slotCode:a}=e,[s,i]=(0,l.useState)();return(0,c.jsxs)(o.f,{className:"variants-card db-code-docs",children:[(0,c.jsx)("div",{className:"variants-list",children:n.map((e,n)=>(0,c.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(n)))}),(0,c.jsxs)("details",{className:"code-details",onToggle:()=>{i(!s)},children:[(0,c.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:s?"Hide code":"Show code"}),(0,c.jsxs)("div",{className:"db-ui-functional",children:[(0,c.jsx)("div",{className:"backdrop"}),(0,c.jsx)(o.f,{className:"code",spacing:"small",children:a})]})]})]})},t=e=>{let{variants:n,componentName:a}=e,s=(e,n)=>{if(!window.location.origin||!window.location.href)return"";let a=window.location.href.split("?")[0],c="?page=".concat(e.name.toLowerCase());return n?"".concat(a.split("components")[0],"/components/").concat(n).concat(c):"".concat(a).concat(c)};return(0,c.jsx)(c.Fragment,{children:null==n?void 0:n.map((e,n)=>(0,c.jsxs)("div",{children:[(0,c.jsx)(o.oH,{}),(0,c.jsx)("h2",{children:(0,c.jsx)(o.vB,{content:"external",target:"_blank",href:s(e,a),children:e.name})}),(0,c.jsx)(r,{...e})]},"".concat(e.name,"-").concat(n)))})};n.Z=e=>{let{title:n,variants:a,subComponent:o,isSubComponent:d,componentName:x}=e,[h,p]=(0,l.useState)(),u=(0,s.useRouter)();return(0,l.useEffect)(()=>{if(u.query){var e;let n=null===(e=u.query.page)||void 0===e?void 0:e.toString();n&&p(a.find(e=>e.name.toLowerCase()===n))}},[u]),(0,c.jsxs)(c.Fragment,{children:[h&&(0,c.jsx)("div",{children:(0,c.jsx)(r,{...h})}),!h&&!d&&(0,c.jsxs)(i.Z,{children:[(0,c.jsxs)("div",{className:"default-container",children:[(0,c.jsx)("h1",{children:n}),(0,c.jsx)(t,{variants:a,componentName:x})]}),o]}),!h&&d&&(0,c.jsxs)("div",{className:"default-container",children:[(0,c.jsx)("h2",{children:n}),(0,c.jsx)(t,{variants:a,componentName:x})]})]})}},85424:function(e,n,a){a.r(n);var c=a(52322),s=a(2784),l=a(9513),i=a(33878),o=a(95696),r=a(79041),t=a(16909),d=a(16134);n.default=()=>{let[e,n]=(0,s.useState)();return(0,s.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(l.Z,{className:"tab-container",children:(0,c.jsxs)(i.Z,{children:[(0,c.jsxs)(o.Z,{children:[(0,c.jsx)(r.Z,{children:"Angular"}),(0,c.jsx)(r.Z,{children:"HTML"}),(0,c.jsx)(r.Z,{children:"React"}),(0,c.jsx)(r.Z,{children:"Vue"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:''})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]})]})}),(0,c.jsx)(l.Z,{className:"tab-container",children:(0,c.jsxs)(i.Z,{children:[(0,c.jsxs)(o.Z,{children:[(0,c.jsx)(r.Z,{children:"Angular"}),(0,c.jsx)(r.Z,{children:"HTML"}),(0,c.jsx)(r.Z,{children:"React"}),(0,c.jsx)(r.Z,{children:"Vue"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:''})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]})]})}),(0,c.jsx)(l.Z,{className:"tab-container",children:(0,c.jsxs)(i.Z,{children:[(0,c.jsxs)(o.Z,{children:[(0,c.jsx)(r.Z,{children:"Angular"}),(0,c.jsx)(r.Z,{children:"HTML"}),(0,c.jsx)(r.Z,{children:"React"}),(0,c.jsx)(r.Z,{children:"Vue"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:''})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]})]})})]})}},42302:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{}},{"name":"(Default) Regular","className":"db-ui-regular","props":{}},{"name":"Expressive","className":"db-ui-expressive","props":{}}]}]')}}]); \ No newline at end of file +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[83175],{37395:function(e,n,a){a.d(n,{P:function(){return c}});let c=(e,n,a)=>e.map((e,c)=>{var s;return{...e,slotCode:null!==(s=null==a?void 0:a.at(c))&&void 0!==s?s:"No code available",examples:e.examples.map(e=>{var a,c,s,l;return{...e,example:n({...e.props,id:null!==(s=null===(a=e.props)||void 0===a?void 0:a.id)&&void 0!==s?s:e.name,children:null!==(l=null===(c=e.props)||void 0===c?void 0:c.children)&&void 0!==l?l:e.name})}})}})},99341:function(e,n,a){var c=a(52322),s=a(5632),l=a(2784),i=a(12156),o=a(53752);let r=e=>{let{examples:n,slotCode:a}=e,[s,i]=(0,l.useState)();return(0,c.jsxs)(o.f,{className:"variants-card db-code-docs",children:[(0,c.jsx)("div",{className:"variants-list",children:n.map((e,n)=>(0,c.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(n)))}),(0,c.jsxs)("details",{className:"code-details",onToggle:()=>{i(!s)},children:[(0,c.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:s?"Hide code":"Show code"}),(0,c.jsxs)("div",{className:"db-ui-functional",children:[(0,c.jsx)("div",{className:"backdrop"}),(0,c.jsx)(o.f,{className:"code",spacing:"small",children:a})]})]})]})},t=e=>{let{variants:n,componentName:a}=e,s=(e,n)=>{if(!window.location.origin||!window.location.href)return"";let a=window.location.href.split("?")[0],c="?page=".concat(e.name.toLowerCase());return n?"".concat(a.split("components")[0],"/components/").concat(n).concat(c):"".concat(a).concat(c)};return(0,c.jsx)(c.Fragment,{children:null==n?void 0:n.map((e,n)=>(0,c.jsxs)("div",{children:[(0,c.jsx)(o.oH,{}),(0,c.jsx)("h2",{children:(0,c.jsx)(o.vB,{content:"external",target:"_blank",href:s(e,a),children:e.name})}),(0,c.jsx)(r,{...e})]},"".concat(e.name,"-").concat(n)))})};n.Z=e=>{let{title:n,variants:a,subComponent:o,isSubComponent:d,componentName:x}=e,[h,p]=(0,l.useState)(),u=(0,s.useRouter)();return(0,l.useEffect)(()=>{if(u.query){var e;let n=null===(e=u.query.page)||void 0===e?void 0:e.toString();n&&p(a.find(e=>e.name.toLowerCase()===n))}},[u]),(0,c.jsxs)(c.Fragment,{children:[h&&(0,c.jsx)("div",{children:(0,c.jsx)(r,{...h})}),!h&&!d&&(0,c.jsxs)(i.Z,{children:[(0,c.jsxs)("div",{className:"default-container",children:[(0,c.jsx)("h1",{children:n}),(0,c.jsx)(t,{variants:a,componentName:x})]}),o]}),!h&&d&&(0,c.jsxs)("div",{className:"default-container",children:[(0,c.jsx)("h2",{children:n}),(0,c.jsx)(t,{variants:a,componentName:x})]})]})}},85424:function(e,n,a){a.r(n);var c=a(52322),s=a(2784),l=a(9513),i=a(33878),o=a(95696),r=a(79041),t=a(16909),d=a(16134);n.default=()=>{let[e,n]=(0,s.useState)();return(0,s.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(l.Z,{className:"tab-container",children:(0,c.jsxs)(i.Z,{children:[(0,c.jsxs)(o.Z,{children:[(0,c.jsx)(r.Z,{children:"Angular"}),(0,c.jsx)(r.Z,{children:"HTML"}),(0,c.jsx)(r.Z,{children:"React"}),(0,c.jsx)(r.Z,{children:"Vue"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:''})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]})]})}),(0,c.jsx)(l.Z,{className:"tab-container",children:(0,c.jsxs)(i.Z,{children:[(0,c.jsxs)(o.Z,{children:[(0,c.jsx)(r.Z,{children:"Angular"}),(0,c.jsx)(r.Z,{children:"HTML"}),(0,c.jsx)(r.Z,{children:"React"}),(0,c.jsx)(r.Z,{children:"Vue"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:''})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]})]})}),(0,c.jsx)(l.Z,{className:"tab-container",children:(0,c.jsxs)(i.Z,{children:[(0,c.jsxs)(o.Z,{children:[(0,c.jsx)(r.Z,{children:"Angular"}),(0,c.jsx)(r.Z,{children:"HTML"}),(0,c.jsx)(r.Z,{children:"React"}),(0,c.jsx)(r.Z,{children:"Vue"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:''})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]})]})})]})}},42302:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{}},{"name":"(Default) Regular","className":"db-ui-regular","props":{}},{"name":"Expressive","className":"db-ui-expressive","props":{}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/86747-a7ea53c7fa4a8c17.js b/review/main/_next/static/chunks/86747-cca8cfd9e1dbf75c.js similarity index 99% rename from review/main/_next/static/chunks/86747-a7ea53c7fa4a8c17.js rename to review/main/_next/static/chunks/86747-cca8cfd9e1dbf75c.js index 2cfc63fbba6..c19e17be419 100644 --- a/review/main/_next/static/chunks/86747-a7ea53c7fa4a8c17.js +++ b/review/main/_next/static/chunks/86747-cca8cfd9e1dbf75c.js @@ -1 +1 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[86747],{37395:function(t,n,a){a.d(n,{P:function(){return i}});let i=(t,n,a)=>t.map((t,i)=>{var e;return{...t,slotCode:null!==(e=null==a?void 0:a.at(i))&&void 0!==e?e:"No code available",examples:t.examples.map(t=>{var a,i,e,o;return{...t,example:n({...t.props,id:null!==(e=null===(a=t.props)||void 0===a?void 0:a.id)&&void 0!==e?e:t.name,children:null!==(o=null===(i=t.props)||void 0===i?void 0:i.children)&&void 0!==o?o:t.name})}})}})},99341:function(t,n,a){var i=a(52322),e=a(5632),o=a(2784),v=a(11803),m=a(86095);let g=t=>{let{examples:n,slotCode:a}=t,[e,v]=(0,o.useState)();return(0,i.jsxs)(m.f,{className:"variants-card db-code-docs",children:[(0,i.jsx)("div",{className:"variants-list",children:n.map((t,n)=>(0,i.jsx)("div",{style:t.style,className:t.className,children:t.example},"".concat(t.name,"-").concat(n)))}),(0,i.jsxs)("details",{className:"code-details",onToggle:()=>{v(!e)},children:[(0,i.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:e?"Hide code":"Show code"}),(0,i.jsxs)("div",{className:"db-ui-functional",children:[(0,i.jsx)("div",{className:"backdrop"}),(0,i.jsx)(m.f,{className:"code",spacing:"small",children:a})]})]})]})},r=t=>{let{variants:n,componentName:a}=t,e=(t,n)=>{if(!window.location.origin||!window.location.href)return"";let a=window.location.href.split("?")[0],i="?page=".concat(t.name.toLowerCase());return n?"".concat(a.split("components")[0],"/components/").concat(n).concat(i):"".concat(a).concat(i)};return(0,i.jsx)(i.Fragment,{children:null==n?void 0:n.map((t,n)=>(0,i.jsxs)("div",{children:[(0,i.jsx)(m.oH,{}),(0,i.jsx)("h2",{children:(0,i.jsx)(m.vB,{content:"external",target:"_blank",href:e(t,a),children:t.name})}),(0,i.jsx)(g,{...t})]},"".concat(t.name,"-").concat(n)))})};n.Z=t=>{let{title:n,variants:a,subComponent:m,isSubComponent:c,componentName:b}=t,[u,s]=(0,o.useState)(),N=(0,e.useRouter)();return(0,o.useEffect)(()=>{if(N.query){var t;let n=null===(t=N.query.page)||void 0===t?void 0:t.toString();n&&s(a.find(t=>t.name.toLowerCase()===n))}},[N]),(0,i.jsxs)(i.Fragment,{children:[u&&(0,i.jsx)("div",{children:(0,i.jsx)(g,{...u})}),!u&&!c&&(0,i.jsxs)(v.Z,{children:[(0,i.jsxs)("div",{className:"default-container",children:[(0,i.jsx)("h1",{children:n}),(0,i.jsx)(r,{variants:a,componentName:b})]}),m]}),!u&&c&&(0,i.jsxs)("div",{className:"default-container",children:[(0,i.jsx)("h2",{children:n}),(0,i.jsx)(r,{variants:a,componentName:b})]})]})}},62698:function(t){t.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{},"code":{"html":"","angular":"\\n\\t\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tSub-Navi-Item 1\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tSub-Navi-Item 2\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\n\\t\\t Navi-Item 1 \\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t\\n","react":"\\n\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\t>\\n\\t\\t\\t\\t\\t\\tSub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t}\\n\\t\\t>\\n\\t\\t\\tNavi-Item 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tNavi-Item 1\\n\\t\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t"}},{"name":"(Default) Regular","className":"db-ui-regular","props":{},"code":{"html":"","angular":"\\n\\t\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tSub-Navi-Item 1\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tSub-Navi-Item 2\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\n\\t\\t Navi-Item 1 \\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t\\n","react":"\\n\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\t>\\n\\t\\t\\t\\t\\t\\tSub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t}\\n\\t\\t>\\n\\t\\t\\tNavi-Item 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tNavi-Item 1\\n\\t\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t"}},{"name":"Expressive","className":"db-ui-expressive","props":{},"code":{"html":"","angular":"\\n\\t\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tSub-Navi-Item 1\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tSub-Navi-Item 2\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\n\\t\\t Navi-Item 1 \\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t\\n","react":"\\n\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\t>\\n\\t\\t\\t\\t\\t\\tSub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t}\\n\\t\\t>\\n\\t\\t\\tNavi-Item 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tNavi-Item 1\\n\\t\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t"}}]}]')}}]); \ No newline at end of file +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[86747],{37395:function(t,n,a){a.d(n,{P:function(){return i}});let i=(t,n,a)=>t.map((t,i)=>{var e;return{...t,slotCode:null!==(e=null==a?void 0:a.at(i))&&void 0!==e?e:"No code available",examples:t.examples.map(t=>{var a,i,e,o;return{...t,example:n({...t.props,id:null!==(e=null===(a=t.props)||void 0===a?void 0:a.id)&&void 0!==e?e:t.name,children:null!==(o=null===(i=t.props)||void 0===i?void 0:i.children)&&void 0!==o?o:t.name})}})}})},99341:function(t,n,a){var i=a(52322),e=a(5632),o=a(2784),v=a(12156),m=a(53752);let g=t=>{let{examples:n,slotCode:a}=t,[e,v]=(0,o.useState)();return(0,i.jsxs)(m.f,{className:"variants-card db-code-docs",children:[(0,i.jsx)("div",{className:"variants-list",children:n.map((t,n)=>(0,i.jsx)("div",{style:t.style,className:t.className,children:t.example},"".concat(t.name,"-").concat(n)))}),(0,i.jsxs)("details",{className:"code-details",onToggle:()=>{v(!e)},children:[(0,i.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:e?"Hide code":"Show code"}),(0,i.jsxs)("div",{className:"db-ui-functional",children:[(0,i.jsx)("div",{className:"backdrop"}),(0,i.jsx)(m.f,{className:"code",spacing:"small",children:a})]})]})]})},r=t=>{let{variants:n,componentName:a}=t,e=(t,n)=>{if(!window.location.origin||!window.location.href)return"";let a=window.location.href.split("?")[0],i="?page=".concat(t.name.toLowerCase());return n?"".concat(a.split("components")[0],"/components/").concat(n).concat(i):"".concat(a).concat(i)};return(0,i.jsx)(i.Fragment,{children:null==n?void 0:n.map((t,n)=>(0,i.jsxs)("div",{children:[(0,i.jsx)(m.oH,{}),(0,i.jsx)("h2",{children:(0,i.jsx)(m.vB,{content:"external",target:"_blank",href:e(t,a),children:t.name})}),(0,i.jsx)(g,{...t})]},"".concat(t.name,"-").concat(n)))})};n.Z=t=>{let{title:n,variants:a,subComponent:m,isSubComponent:c,componentName:b}=t,[u,s]=(0,o.useState)(),N=(0,e.useRouter)();return(0,o.useEffect)(()=>{if(N.query){var t;let n=null===(t=N.query.page)||void 0===t?void 0:t.toString();n&&s(a.find(t=>t.name.toLowerCase()===n))}},[N]),(0,i.jsxs)(i.Fragment,{children:[u&&(0,i.jsx)("div",{children:(0,i.jsx)(g,{...u})}),!u&&!c&&(0,i.jsxs)(v.Z,{children:[(0,i.jsxs)("div",{className:"default-container",children:[(0,i.jsx)("h1",{children:n}),(0,i.jsx)(r,{variants:a,componentName:b})]}),m]}),!u&&c&&(0,i.jsxs)("div",{className:"default-container",children:[(0,i.jsx)("h2",{children:n}),(0,i.jsx)(r,{variants:a,componentName:b})]})]})}},62698:function(t){t.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{},"code":{"html":"","angular":"\\n\\t\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tSub-Navi-Item 1\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tSub-Navi-Item 2\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\n\\t\\t Navi-Item 1 \\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t\\n","react":"\\n\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\t>\\n\\t\\t\\t\\t\\t\\tSub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t}\\n\\t\\t>\\n\\t\\t\\tNavi-Item 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tNavi-Item 1\\n\\t\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t"}},{"name":"(Default) Regular","className":"db-ui-regular","props":{},"code":{"html":"","angular":"\\n\\t\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tSub-Navi-Item 1\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tSub-Navi-Item 2\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\n\\t\\t Navi-Item 1 \\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t\\n","react":"\\n\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\t>\\n\\t\\t\\t\\t\\t\\tSub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t}\\n\\t\\t>\\n\\t\\t\\tNavi-Item 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tNavi-Item 1\\n\\t\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t"}},{"name":"Expressive","className":"db-ui-expressive","props":{},"code":{"html":"","angular":"\\n\\t\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tSub-Navi-Item 1\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tSub-Navi-Item 2\\n\\t\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t\\n\\t\\t Navi-Item 1 \\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\n\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t\\n","react":"\\n\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tSub-Sub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\t}\\n\\t\\t\\t\\t\\t>\\n\\t\\t\\t\\t\\t\\tSub-Navi-Item 1\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tSub-Navi-Item 2\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t}\\n\\t\\t>\\n\\t\\t\\tNavi-Item 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tNavi-Item 1\\n\\t\\t\\t\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tNavi-Item 3\\n\\t\\t\\n\\t"}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/88478-4f82945ba9117d57.js b/review/main/_next/static/chunks/88478-e510f7ba7560febd.js similarity index 99% rename from review/main/_next/static/chunks/88478-4f82945ba9117d57.js rename to review/main/_next/static/chunks/88478-e510f7ba7560febd.js index c5e28ab17ad..630134fa57b 100644 --- a/review/main/_next/static/chunks/88478-4f82945ba9117d57.js +++ b/review/main/_next/static/chunks/88478-e510f7ba7560febd.js @@ -1 +1 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[88478],{37395:function(e,l,a){a.d(l,{P:function(){return n}});let n=(e,l,a)=>e.map((e,n)=>{var t;return{...e,slotCode:null!==(t=null==a?void 0:a.at(n))&&void 0!==t?t:"No code available",examples:e.examples.map(e=>{var a,n,t,i;return{...e,example:l({...e.props,id:null!==(t=null===(a=e.props)||void 0===a?void 0:a.id)&&void 0!==t?t:e.name,children:null!==(i=null===(n=e.props)||void 0===n?void 0:n.children)&&void 0!==i?i:e.name})}})}})},99341:function(e,l,a){var n=a(52322),t=a(5632),i=a(2784),o=a(11803),s=a(86095);let c=e=>{let{examples:l,slotCode:a}=e,[t,o]=(0,i.useState)();return(0,n.jsxs)(s.f,{className:"variants-card db-code-docs",children:[(0,n.jsx)("div",{className:"variants-list",children:l.map((e,l)=>(0,n.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(l)))}),(0,n.jsxs)("details",{className:"code-details",onToggle:()=>{o(!t)},children:[(0,n.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:t?"Hide code":"Show code"}),(0,n.jsxs)("div",{className:"db-ui-functional",children:[(0,n.jsx)("div",{className:"backdrop"}),(0,n.jsx)(s.f,{className:"code",spacing:"small",children:a})]})]})]})},p=e=>{let{variants:l,componentName:a}=e,t=(e,l)=>{if(!window.location.origin||!window.location.href)return"";let a=window.location.href.split("?")[0],n="?page=".concat(e.name.toLowerCase());return l?"".concat(a.split("components")[0],"/components/").concat(l).concat(n):"".concat(a).concat(n)};return(0,n.jsx)(n.Fragment,{children:null==l?void 0:l.map((e,l)=>(0,n.jsxs)("div",{children:[(0,n.jsx)(s.oH,{}),(0,n.jsx)("h2",{children:(0,n.jsx)(s.vB,{content:"external",target:"_blank",href:t(e,a),children:e.name})}),(0,n.jsx)(c,{...e})]},"".concat(e.name,"-").concat(l)))})};l.Z=e=>{let{title:l,variants:a,subComponent:s,isSubComponent:d,componentName:r}=e,[x,u]=(0,i.useState)(),b=(0,t.useRouter)();return(0,i.useEffect)(()=>{if(b.query){var e;let l=null===(e=b.query.page)||void 0===e?void 0:e.toString();l&&u(a.find(e=>e.name.toLowerCase()===l))}},[b]),(0,n.jsxs)(n.Fragment,{children:[x&&(0,n.jsx)("div",{children:(0,n.jsx)(c,{...x})}),!x&&!d&&(0,n.jsxs)(o.Z,{children:[(0,n.jsxs)("div",{className:"default-container",children:[(0,n.jsx)("h1",{children:l}),(0,n.jsx)(p,{variants:a,componentName:r})]}),s]}),!x&&d&&(0,n.jsxs)("div",{className:"default-container",children:[(0,n.jsx)("h2",{children:l}),(0,n.jsx)(p,{variants:a,componentName:r})]})]})}},7825:function(e,l,a){a.r(l);var n=a(52322),t=a(2784),i=a(9513),o=a(33878),s=a(95696),c=a(79041),p=a(16909),d=a(16134);l.default=()=>{let[e,l]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>l(!1),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(i.Z,{className:"tab-container",children:(0,n.jsxs)(o.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"(Default) Text"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("(Default) Text")},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n \n \n (Default) Text\n \n Label\n
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('
    \n \n \n \n \n (Default) Text\n \n Label\n
    ')},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Text\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n (Default) Text\n')},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("(Default) Text")},children:"Copy"})]})]})}),(0,n.jsx)(i.Z,{className:"tab-container",children:(0,n.jsxs)(o.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"Text - Leading Icon"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("Text - Leading Icon")},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n \n \n Text - Leading Icon\n \n Label\n
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('
    \n \n \n \n \n Text - Leading Icon\n \n Label\n
    ')},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Leading Icon\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n Text - Leading Icon\n')},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"Text - Leading Icon"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("Text - Leading Icon")},children:"Copy"})]})]})})]})}},77414:function(e,l,a){a.r(l);var n=a(52322),t=a(2784),i=a(9513),o=a(33878),s=a(95696),c=a(79041),p=a(16909),d=a(16134);l.default=()=>{let[e,l]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>l(!1),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(i.Z,{className:"tab-container",children:(0,n.jsxs)(o.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"(Default) Basic"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("(Default) Basic")},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Basic\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n (Default) Basic\n')},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"(Default) Basic"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("(Default) Basic")},children:"Copy"})]})]})}),(0,n.jsx)(i.Z,{className:"tab-container",children:(0,n.jsxs)(o.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"Helper Message"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("Helper Message")},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Helper Message\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"Helper Message"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("Helper Message")},children:"Copy"})]})]})})]})}},59657:function(e,l,a){a.r(l);var n=a(52322),t=a(2784),i=a(9513),o=a(33878),s=a(95696),c=a(79041),p=a(16909),d=a(16134);l.default=()=>{let[e,l]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>l(!1),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(i.Z,{className:"tab-container",children:(0,n.jsxs)(o.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"(Default) Label Above"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("(Default) Label Above")},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Label Above\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n (Default) Label Above\n')},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"(Default) Label Above"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("(Default) Label Above")},children:"Copy"})]})]})}),(0,n.jsx)(i.Z,{className:"tab-container",children:(0,n.jsxs)(o.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"Floating Label"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("Floating Label")},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Floating Label\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"Floating Label"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("Floating Label")},children:"Copy"})]})]})}),(0,n.jsx)(i.Z,{className:"tab-container",children:(0,n.jsxs)(o.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"Hidden Label"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("Hidden Label")},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"Hidden Label"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("Hidden Label")},children:"Copy"})]})]})})]})}},28213:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"(Default) Regular","className":"db-ui-regular","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"Expressive","className":"db-ui-expressive","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}}]},{"name":"Variant Label","examples":[{"name":"(Default) Label Above","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"Floating Label","style":{"width":"300px"},"props":{"options":[{"value":"Floating Label"},{"value":"Option 2"}],"label":"Label","labelVariant":"floating","value":"Floating Label"}},{"name":"Hidden Label","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","labelVariant":"hidden"}}]},{"name":"Variant Helper Message","examples":[{"name":"(Default) Basic","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"Helper Message","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","message":"Helper Message"}}]},{"name":"Semantic","examples":[{"name":"(Default) Adaptive","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","message":"Helper Message"}},{"name":"Critical","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","variant":"critical","message":"Critical Message"}},{"name":"Informational","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","variant":"informational","message":"Informational Message"}},{"name":"Successful","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","variant":"successful","message":"Successful Message"}},{"name":"Warning","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","variant":"warning","message":"Warning Message"}}]},{"name":"States Label Above","examples":[{"name":"(Default) Empty","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"Filled","style":{"width":"300px"},"props":{"options":[{"value":"Filled"},{"value":"Option 2"}],"label":"Label","value":"Filled"}},{"name":"Filled - Invalid","style":{"width":"300px"},"props":{"options":[{"value":"Filled - Invalid"},{"value":"Option 2"}],"label":"Label","value":"Filled - Invalid","invalid":true}},{"name":"Filled - Valid","style":{"width":"300px"},"props":{"options":[{"value":"Filled - Valid"},{"value":"Option 2"}],"label":"Label","value":"Filled - Valid","invalid":false}},{"name":"Disabled","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","disabled":true}}]},{"name":"States Floating Label","examples":[{"name":"(Default) Empty","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","labelVariant":"floating"}},{"name":"Filled","style":{"width":"300px"},"props":{"options":[{"value":"Filled"},{"value":"Option 2"}],"label":"Label","value":"Filled","labelVariant":"floating"}},{"name":"Filled - Invalid","style":{"width":"300px"},"props":{"options":[{"value":"Filled - Invalid"},{"value":"Option 2"}],"label":"Label","invalid":true,"value":"Filled - Invalid","labelVariant":"floating"}},{"name":"Filled - Valid","style":{"width":"300px"},"props":{"options":[{"value":"Filled - Valid"},{"value":"Option 2"}],"label":"Label","value":"Filled - Valid","invalid":false,"labelVariant":"floating"}},{"name":"Disabled","style":{"width":"300px"},"props":{"options":[{"value":"Disabled"},{"value":"Option 2"}],"label":"Label","disabled":true,"labelVariant":"floating","value":"Disabled"}}]},{"name":"Content","examples":[{"name":"(Default) Text","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"Text - Leading Icon","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","icon":"x_placeholder"}}]},{"name":"Requirement","examples":[{"name":"(Default) Optional","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"Required","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","required":true}},{"name":"Required - Filled","style":{"width":"300px"},"props":{"options":[{"value":"Required - Filled"},{"value":"Option 2"}],"label":"Label","value":"Required - Filled","required":true}}]}]')}}]); \ No newline at end of file +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[88478],{37395:function(e,l,a){a.d(l,{P:function(){return n}});let n=(e,l,a)=>e.map((e,n)=>{var t;return{...e,slotCode:null!==(t=null==a?void 0:a.at(n))&&void 0!==t?t:"No code available",examples:e.examples.map(e=>{var a,n,t,i;return{...e,example:l({...e.props,id:null!==(t=null===(a=e.props)||void 0===a?void 0:a.id)&&void 0!==t?t:e.name,children:null!==(i=null===(n=e.props)||void 0===n?void 0:n.children)&&void 0!==i?i:e.name})}})}})},99341:function(e,l,a){var n=a(52322),t=a(5632),i=a(2784),o=a(12156),s=a(53752);let c=e=>{let{examples:l,slotCode:a}=e,[t,o]=(0,i.useState)();return(0,n.jsxs)(s.f,{className:"variants-card db-code-docs",children:[(0,n.jsx)("div",{className:"variants-list",children:l.map((e,l)=>(0,n.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(l)))}),(0,n.jsxs)("details",{className:"code-details",onToggle:()=>{o(!t)},children:[(0,n.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:t?"Hide code":"Show code"}),(0,n.jsxs)("div",{className:"db-ui-functional",children:[(0,n.jsx)("div",{className:"backdrop"}),(0,n.jsx)(s.f,{className:"code",spacing:"small",children:a})]})]})]})},p=e=>{let{variants:l,componentName:a}=e,t=(e,l)=>{if(!window.location.origin||!window.location.href)return"";let a=window.location.href.split("?")[0],n="?page=".concat(e.name.toLowerCase());return l?"".concat(a.split("components")[0],"/components/").concat(l).concat(n):"".concat(a).concat(n)};return(0,n.jsx)(n.Fragment,{children:null==l?void 0:l.map((e,l)=>(0,n.jsxs)("div",{children:[(0,n.jsx)(s.oH,{}),(0,n.jsx)("h2",{children:(0,n.jsx)(s.vB,{content:"external",target:"_blank",href:t(e,a),children:e.name})}),(0,n.jsx)(c,{...e})]},"".concat(e.name,"-").concat(l)))})};l.Z=e=>{let{title:l,variants:a,subComponent:s,isSubComponent:d,componentName:r}=e,[x,u]=(0,i.useState)(),b=(0,t.useRouter)();return(0,i.useEffect)(()=>{if(b.query){var e;let l=null===(e=b.query.page)||void 0===e?void 0:e.toString();l&&u(a.find(e=>e.name.toLowerCase()===l))}},[b]),(0,n.jsxs)(n.Fragment,{children:[x&&(0,n.jsx)("div",{children:(0,n.jsx)(c,{...x})}),!x&&!d&&(0,n.jsxs)(o.Z,{children:[(0,n.jsxs)("div",{className:"default-container",children:[(0,n.jsx)("h1",{children:l}),(0,n.jsx)(p,{variants:a,componentName:r})]}),s]}),!x&&d&&(0,n.jsxs)("div",{className:"default-container",children:[(0,n.jsx)("h2",{children:l}),(0,n.jsx)(p,{variants:a,componentName:r})]})]})}},7825:function(e,l,a){a.r(l);var n=a(52322),t=a(2784),i=a(9513),o=a(33878),s=a(95696),c=a(79041),p=a(16909),d=a(16134);l.default=()=>{let[e,l]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>l(!1),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(i.Z,{className:"tab-container",children:(0,n.jsxs)(o.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"(Default) Text"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("(Default) Text")},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n \n \n (Default) Text\n \n Label\n
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('
    \n \n \n \n \n (Default) Text\n \n Label\n
    ')},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Text\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n (Default) Text\n')},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"(Default) Text"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("(Default) Text")},children:"Copy"})]})]})}),(0,n.jsx)(i.Z,{className:"tab-container",children:(0,n.jsxs)(o.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"Text - Leading Icon"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("Text - Leading Icon")},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n \n \n Text - Leading Icon\n \n Label\n
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('
    \n \n \n \n \n Text - Leading Icon\n \n Label\n
    ')},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Text - Leading Icon\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n Text - Leading Icon\n')},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"Text - Leading Icon"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("Text - Leading Icon")},children:"Copy"})]})]})})]})}},77414:function(e,l,a){a.r(l);var n=a(52322),t=a(2784),i=a(9513),o=a(33878),s=a(95696),c=a(79041),p=a(16909),d=a(16134);l.default=()=>{let[e,l]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>l(!1),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(i.Z,{className:"tab-container",children:(0,n.jsxs)(o.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"(Default) Basic"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("(Default) Basic")},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Basic\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n (Default) Basic\n')},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"(Default) Basic"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("(Default) Basic")},children:"Copy"})]})]})}),(0,n.jsx)(i.Z,{className:"tab-container",children:(0,n.jsxs)(o.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"Helper Message"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("Helper Message")},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Helper Message\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"Helper Message"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("Helper Message")},children:"Copy"})]})]})})]})}},59657:function(e,l,a){a.r(l);var n=a(52322),t=a(2784),i=a(9513),o=a(33878),s=a(95696),c=a(79041),p=a(16909),d=a(16134);l.default=()=>{let[e,l]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>l(!1),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(i.Z,{className:"tab-container",children:(0,n.jsxs)(o.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"(Default) Label Above"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("(Default) Label Above")},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Label Above\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n (Default) Label Above\n')},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"(Default) Label Above"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("(Default) Label Above")},children:"Copy"})]})]})}),(0,n.jsx)(i.Z,{className:"tab-container",children:(0,n.jsxs)(o.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"Floating Label"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("Floating Label")},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Floating Label\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"Floating Label"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("Floating Label")},children:"Copy"})]})]})}),(0,n.jsx)(i.Z,{className:"tab-container",children:(0,n.jsxs)(o.Z,{children:[(0,n.jsxs)(s.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"Hidden Label"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("Hidden Label")},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy"})]}),(0,n.jsxs)(p.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:"Hidden Label"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("Hidden Label")},children:"Copy"})]})]})})]})}},28213:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"(Default) Regular","className":"db-ui-regular","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"Expressive","className":"db-ui-expressive","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}}]},{"name":"Variant Label","examples":[{"name":"(Default) Label Above","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"Floating Label","style":{"width":"300px"},"props":{"options":[{"value":"Floating Label"},{"value":"Option 2"}],"label":"Label","labelVariant":"floating","value":"Floating Label"}},{"name":"Hidden Label","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","labelVariant":"hidden"}}]},{"name":"Variant Helper Message","examples":[{"name":"(Default) Basic","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"Helper Message","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","message":"Helper Message"}}]},{"name":"Semantic","examples":[{"name":"(Default) Adaptive","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","message":"Helper Message"}},{"name":"Critical","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","variant":"critical","message":"Critical Message"}},{"name":"Informational","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","variant":"informational","message":"Informational Message"}},{"name":"Successful","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","variant":"successful","message":"Successful Message"}},{"name":"Warning","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","variant":"warning","message":"Warning Message"}}]},{"name":"States Label Above","examples":[{"name":"(Default) Empty","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"Filled","style":{"width":"300px"},"props":{"options":[{"value":"Filled"},{"value":"Option 2"}],"label":"Label","value":"Filled"}},{"name":"Filled - Invalid","style":{"width":"300px"},"props":{"options":[{"value":"Filled - Invalid"},{"value":"Option 2"}],"label":"Label","value":"Filled - Invalid","invalid":true}},{"name":"Filled - Valid","style":{"width":"300px"},"props":{"options":[{"value":"Filled - Valid"},{"value":"Option 2"}],"label":"Label","value":"Filled - Valid","invalid":false}},{"name":"Disabled","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","disabled":true}}]},{"name":"States Floating Label","examples":[{"name":"(Default) Empty","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","labelVariant":"floating"}},{"name":"Filled","style":{"width":"300px"},"props":{"options":[{"value":"Filled"},{"value":"Option 2"}],"label":"Label","value":"Filled","labelVariant":"floating"}},{"name":"Filled - Invalid","style":{"width":"300px"},"props":{"options":[{"value":"Filled - Invalid"},{"value":"Option 2"}],"label":"Label","invalid":true,"value":"Filled - Invalid","labelVariant":"floating"}},{"name":"Filled - Valid","style":{"width":"300px"},"props":{"options":[{"value":"Filled - Valid"},{"value":"Option 2"}],"label":"Label","value":"Filled - Valid","invalid":false,"labelVariant":"floating"}},{"name":"Disabled","style":{"width":"300px"},"props":{"options":[{"value":"Disabled"},{"value":"Option 2"}],"label":"Label","disabled":true,"labelVariant":"floating","value":"Disabled"}}]},{"name":"Content","examples":[{"name":"(Default) Text","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"Text - Leading Icon","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","icon":"x_placeholder"}}]},{"name":"Requirement","examples":[{"name":"(Default) Optional","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label"}},{"name":"Required","style":{"width":"300px"},"props":{"options":[{"value":"Option 1"},{"value":"Option 2"}],"label":"Label","required":true}},{"name":"Required - Filled","style":{"width":"300px"},"props":{"options":[{"value":"Required - Filled"},{"value":"Option 2"}],"label":"Label","value":"Required - Filled","required":true}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/92408-7e79616af3e00266.js b/review/main/_next/static/chunks/92408-5b3494b3440761c1.js similarity index 99% rename from review/main/_next/static/chunks/92408-7e79616af3e00266.js rename to review/main/_next/static/chunks/92408-5b3494b3440761c1.js index 5416cd5e61b..b196454459f 100644 --- a/review/main/_next/static/chunks/92408-7e79616af3e00266.js +++ b/review/main/_next/static/chunks/92408-5b3494b3440761c1.js @@ -1 +1 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[92408],{37395:function(e,n,a){a.d(n,{P:function(){return c}});let c=(e,n,a)=>e.map((e,c)=>{var l;return{...e,slotCode:null!==(l=null==a?void 0:a.at(c))&&void 0!==l?l:"No code available",examples:e.examples.map(e=>{var a,c,l,t;return{...e,example:n({...e.props,id:null!==(l=null===(a=e.props)||void 0===a?void 0:a.id)&&void 0!==l?l:e.name,children:null!==(t=null===(c=e.props)||void 0===c?void 0:c.children)&&void 0!==t?t:e.name})}})}})},99341:function(e,n,a){var c=a(52322),l=a(5632),t=a(2784),o=a(11803),i=a(86095);let s=e=>{let{examples:n,slotCode:a}=e,[l,o]=(0,t.useState)();return(0,c.jsxs)(i.f,{className:"variants-card db-code-docs",children:[(0,c.jsx)("div",{className:"variants-list",children:n.map((e,n)=>(0,c.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(n)))}),(0,c.jsxs)("details",{className:"code-details",onToggle:()=>{o(!l)},children:[(0,c.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:l?"Hide code":"Show code"}),(0,c.jsxs)("div",{className:"db-ui-functional",children:[(0,c.jsx)("div",{className:"backdrop"}),(0,c.jsx)(i.f,{className:"code",spacing:"small",children:a})]})]})]})},r=e=>{let{variants:n,componentName:a}=e,l=(e,n)=>{if(!window.location.origin||!window.location.href)return"";let a=window.location.href.split("?")[0],c="?page=".concat(e.name.toLowerCase());return n?"".concat(a.split("components")[0],"/components/").concat(n).concat(c):"".concat(a).concat(c)};return(0,c.jsx)(c.Fragment,{children:null==n?void 0:n.map((e,n)=>(0,c.jsxs)("div",{children:[(0,c.jsx)(i.oH,{}),(0,c.jsx)("h2",{children:(0,c.jsx)(i.vB,{content:"external",target:"_blank",href:l(e,a),children:e.name})}),(0,c.jsx)(s,{...e})]},"".concat(e.name,"-").concat(n)))})};n.Z=e=>{let{title:n,variants:a,subComponent:i,isSubComponent:d,componentName:x}=e,[h,b]=(0,t.useState)(),m=(0,l.useRouter)();return(0,t.useEffect)(()=>{if(m.query){var e;let n=null===(e=m.query.page)||void 0===e?void 0:e.toString();n&&b(a.find(e=>e.name.toLowerCase()===n))}},[m]),(0,c.jsxs)(c.Fragment,{children:[h&&(0,c.jsx)("div",{children:(0,c.jsx)(s,{...h})}),!h&&!d&&(0,c.jsxs)(o.Z,{children:[(0,c.jsxs)("div",{className:"default-container",children:[(0,c.jsx)("h1",{children:n}),(0,c.jsx)(r,{variants:a,componentName:x})]}),i]}),!h&&d&&(0,c.jsxs)("div",{className:"default-container",children:[(0,c.jsx)("h2",{children:n}),(0,c.jsx)(r,{variants:a,componentName:x})]})]})}},96143:function(e,n,a){a.r(n);var c=a(52322),l=a(2784),t=a(9513),o=a(33878),i=a(95696),s=a(79041),r=a(16909),d=a(16134);n.default=()=>{let[e,n]=(0,l.useState)();return(0,l.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(t.Z,{className:"tab-container",children:(0,c.jsxs)(o.Z,{children:[(0,c.jsxs)(i.Z,{children:[(0,c.jsx)(s.Z,{children:"Angular"}),(0,c.jsx)(s.Z,{children:"HTML"}),(0,c.jsx)(s.Z,{children:"React"}),(0,c.jsx)(s.Z,{children:"Vue"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'(Default) Label'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Label')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:''})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Label')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Label')},children:"Copy"})]})]})}),(0,c.jsx)(t.Z,{className:"tab-container",children:(0,c.jsxs)(o.Z,{children:[(0,c.jsxs)(i.Z,{children:[(0,c.jsx)(s.Z,{children:"Angular"}),(0,c.jsx)(s.Z,{children:"HTML"}),(0,c.jsx)(s.Z,{children:"React"}),(0,c.jsx)(s.Z,{children:"Vue"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'\n No Label\n'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n No Label\n')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'\n \n No Label\n'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n \n No Label\n')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n No Label\n'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n No Label\n')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n No Label\n'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n No Label\n')},children:"Copy"})]})]})})]})}},74586:function(e,n,a){a.r(n);var c=a(52322),l=a(2784),t=a(9513),o=a(33878),i=a(95696),s=a(79041),r=a(16909),d=a(16134);n.default=()=>{let[e,n]=(0,l.useState)();return(0,l.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(t.Z,{className:"tab-container",children:(0,c.jsxs)(o.Z,{children:[(0,c.jsxs)(i.Z,{children:[(0,c.jsx)(s.Z,{children:"Angular"}),(0,c.jsx)(s.Z,{children:"HTML"}),(0,c.jsx)(s.Z,{children:"React"}),(0,c.jsx)(s.Z,{children:"Vue"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'(Default) Enabled'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'(Default) Enabled'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'(Default) Enabled'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy"})]})]})}),(0,c.jsx)(t.Z,{className:"tab-container",children:(0,c.jsxs)(o.Z,{children:[(0,c.jsxs)(i.Z,{children:[(0,c.jsx)(s.Z,{children:"Angular"}),(0,c.jsx)(s.Z,{children:"HTML"}),(0,c.jsx)(s.Z,{children:"React"}),(0,c.jsx)(s.Z,{children:"Vue"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Disabled')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Disabled')},children:"Copy"})]})]})})]})}},88245:function(e,n,a){a.r(n);var c=a(52322),l=a(2784),t=a(9513),o=a(33878),i=a(95696),s=a(79041),r=a(16909),d=a(16134);n.default=()=>{let[e,n]=(0,l.useState)();return(0,l.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(t.Z,{className:"tab-container",children:(0,c.jsxs)(o.Z,{children:[(0,c.jsxs)(i.Z,{children:[(0,c.jsx)(s.Z,{children:"Angular"}),(0,c.jsx)(s.Z,{children:"HTML"}),(0,c.jsx)(s.Z,{children:"React"}),(0,c.jsx)(s.Z,{children:"Vue"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'(Default) Optional'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Optional')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:''})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Optional')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Optional')},children:"Copy"})]})]})}),(0,c.jsx)(t.Z,{className:"tab-container",children:(0,c.jsxs)(o.Z,{children:[(0,c.jsxs)(i.Z,{children:[(0,c.jsx)(s.Z,{children:"Angular"}),(0,c.jsx)(s.Z,{children:"HTML"}),(0,c.jsx)(s.Z,{children:"React"}),(0,c.jsx)(s.Z,{children:"Vue"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'Required'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Required')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:''})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n Required\n'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Required\n')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Required'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Required')},children:"Copy"})]})]})}),(0,c.jsx)(t.Z,{className:"tab-container",children:(0,c.jsxs)(o.Z,{children:[(0,c.jsxs)(i.Z,{children:[(0,c.jsx)(s.Z,{children:"Angular"}),(0,c.jsx)(s.Z,{children:"HTML"}),(0,c.jsx)(s.Z,{children:"React"}),(0,c.jsx)(s.Z,{children:"Vue"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'Required - Checked'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Required - Checked')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:''})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n Required - Checked\n'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Required - Checked\n')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Required - Checked'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Required - Checked')},children:"Copy"})]})]})})]})}},490:function(e,n,a){a.r(n);var c=a(52322),l=a(2784),t=a(9513),o=a(33878),i=a(95696),s=a(79041),r=a(16909),d=a(16134);n.default=()=>{let[e,n]=(0,l.useState)();return(0,l.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(t.Z,{className:"tab-container",children:(0,c.jsxs)(o.Z,{children:[(0,c.jsxs)(i.Z,{children:[(0,c.jsx)(s.Z,{children:"Angular"}),(0,c.jsx)(s.Z,{children:"HTML"}),(0,c.jsx)(s.Z,{children:"React"}),(0,c.jsx)(s.Z,{children:"Vue"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'(Default) Medium'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Medium')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:''})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Medium')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Medium')},children:"Copy"})]})]})}),(0,c.jsx)(t.Z,{className:"tab-container",children:(0,c.jsxs)(o.Z,{children:[(0,c.jsxs)(i.Z,{children:[(0,c.jsx)(s.Z,{children:"Angular"}),(0,c.jsx)(s.Z,{children:"HTML"}),(0,c.jsx)(s.Z,{children:"React"}),(0,c.jsx)(s.Z,{children:"Vue"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'\n Small\n'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Small\n')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:''})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Small\n')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Small\n')},children:"Copy"})]})]})})]})}},29711:function(e,n,a){a.r(n);var c=a(52322),l=a(2784),t=a(9513),o=a(33878),i=a(95696),s=a(79041),r=a(16909),d=a(16134);n.default=()=>{let[e,n]=(0,l.useState)();return(0,l.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(t.Z,{className:"tab-container",children:(0,c.jsxs)(o.Z,{children:[(0,c.jsxs)(i.Z,{children:[(0,c.jsx)(s.Z,{children:"Angular"}),(0,c.jsx)(s.Z,{children:"HTML"}),(0,c.jsx)(s.Z,{children:"React"}),(0,c.jsx)(s.Z,{children:"Vue"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:''})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]})]})}),(0,c.jsx)(t.Z,{className:"tab-container",children:(0,c.jsxs)(o.Z,{children:[(0,c.jsxs)(i.Z,{children:[(0,c.jsx)(s.Z,{children:"Angular"}),(0,c.jsx)(s.Z,{children:"HTML"}),(0,c.jsx)(s.Z,{children:"React"}),(0,c.jsx)(s.Z,{children:"Vue"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:''})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]})]})}),(0,c.jsx)(t.Z,{className:"tab-container",children:(0,c.jsxs)(o.Z,{children:[(0,c.jsxs)(i.Z,{children:[(0,c.jsx)(s.Z,{children:"Angular"}),(0,c.jsx)(s.Z,{children:"HTML"}),(0,c.jsx)(s.Z,{children:"React"}),(0,c.jsx)(s.Z,{children:"Vue"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:''})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]})]})})]})}},46810:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{"name":"Tonality"}},{"name":"(Default) Regular","className":"db-ui-regular","props":{"name":"Tonality"}},{"name":"Expressive","className":"db-ui-expressive","props":{"name":"Tonality"}}]},{"name":"Interaction States","examples":[{"name":"(Default) Enabled","props":{"name":"Interaction States"}},{"name":"Disabled","props":{"name":"Interaction States","disabled":true}}]},{"name":"States","examples":[{"name":"(Default) Unchecked","props":{"name":"States"}},{"name":"Unchecked - Invalid","props":{"name":"States","required":true}},{"name":"Checked","props":{"name":"States","checked":true}},{"name":"Checked - Valid","props":{"name":"States","required":true,"checked":true}},{"name":"Indeterminate","props":{"name":"States","indeterminate":true}},{"name":"Indeterminate - Invalid","props":{"name":"States","indeterminate":true,"required":true}},{"name":"Indeterminate - Valid","props":{"name":"States","indeterminate":true,"required":true,"checked":true}}]},{"name":"Size","examples":[{"name":"(Default) Medium","props":{"name":"Size"}},{"name":"Small","props":{"name":"Size","size":"small"}}]},{"name":"Requirement","examples":[{"name":"(Default) Optional","props":{"name":"Requirement"}},{"name":"Required","props":{"name":"Requirement","required":true}},{"name":"Required - Checked","props":{"name":"Requirement","required":true,"checked":true}}]},{"name":"Content","examples":[{"name":"(Default) Label","props":{"name":"Content"}},{"name":"No Label","props":{"name":"Content","labelVariant":"hidden"}}]}]')}}]); \ No newline at end of file +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[92408],{37395:function(e,n,a){a.d(n,{P:function(){return c}});let c=(e,n,a)=>e.map((e,c)=>{var l;return{...e,slotCode:null!==(l=null==a?void 0:a.at(c))&&void 0!==l?l:"No code available",examples:e.examples.map(e=>{var a,c,l,t;return{...e,example:n({...e.props,id:null!==(l=null===(a=e.props)||void 0===a?void 0:a.id)&&void 0!==l?l:e.name,children:null!==(t=null===(c=e.props)||void 0===c?void 0:c.children)&&void 0!==t?t:e.name})}})}})},99341:function(e,n,a){var c=a(52322),l=a(5632),t=a(2784),o=a(12156),i=a(53752);let s=e=>{let{examples:n,slotCode:a}=e,[l,o]=(0,t.useState)();return(0,c.jsxs)(i.f,{className:"variants-card db-code-docs",children:[(0,c.jsx)("div",{className:"variants-list",children:n.map((e,n)=>(0,c.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(n)))}),(0,c.jsxs)("details",{className:"code-details",onToggle:()=>{o(!l)},children:[(0,c.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:l?"Hide code":"Show code"}),(0,c.jsxs)("div",{className:"db-ui-functional",children:[(0,c.jsx)("div",{className:"backdrop"}),(0,c.jsx)(i.f,{className:"code",spacing:"small",children:a})]})]})]})},r=e=>{let{variants:n,componentName:a}=e,l=(e,n)=>{if(!window.location.origin||!window.location.href)return"";let a=window.location.href.split("?")[0],c="?page=".concat(e.name.toLowerCase());return n?"".concat(a.split("components")[0],"/components/").concat(n).concat(c):"".concat(a).concat(c)};return(0,c.jsx)(c.Fragment,{children:null==n?void 0:n.map((e,n)=>(0,c.jsxs)("div",{children:[(0,c.jsx)(i.oH,{}),(0,c.jsx)("h2",{children:(0,c.jsx)(i.vB,{content:"external",target:"_blank",href:l(e,a),children:e.name})}),(0,c.jsx)(s,{...e})]},"".concat(e.name,"-").concat(n)))})};n.Z=e=>{let{title:n,variants:a,subComponent:i,isSubComponent:d,componentName:x}=e,[h,b]=(0,t.useState)(),m=(0,l.useRouter)();return(0,t.useEffect)(()=>{if(m.query){var e;let n=null===(e=m.query.page)||void 0===e?void 0:e.toString();n&&b(a.find(e=>e.name.toLowerCase()===n))}},[m]),(0,c.jsxs)(c.Fragment,{children:[h&&(0,c.jsx)("div",{children:(0,c.jsx)(s,{...h})}),!h&&!d&&(0,c.jsxs)(o.Z,{children:[(0,c.jsxs)("div",{className:"default-container",children:[(0,c.jsx)("h1",{children:n}),(0,c.jsx)(r,{variants:a,componentName:x})]}),i]}),!h&&d&&(0,c.jsxs)("div",{className:"default-container",children:[(0,c.jsx)("h2",{children:n}),(0,c.jsx)(r,{variants:a,componentName:x})]})]})}},96143:function(e,n,a){a.r(n);var c=a(52322),l=a(2784),t=a(9513),o=a(33878),i=a(95696),s=a(79041),r=a(16909),d=a(16134);n.default=()=>{let[e,n]=(0,l.useState)();return(0,l.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(t.Z,{className:"tab-container",children:(0,c.jsxs)(o.Z,{children:[(0,c.jsxs)(i.Z,{children:[(0,c.jsx)(s.Z,{children:"Angular"}),(0,c.jsx)(s.Z,{children:"HTML"}),(0,c.jsx)(s.Z,{children:"React"}),(0,c.jsx)(s.Z,{children:"Vue"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'(Default) Label'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Label')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:''})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Label')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Label')},children:"Copy"})]})]})}),(0,c.jsx)(t.Z,{className:"tab-container",children:(0,c.jsxs)(o.Z,{children:[(0,c.jsxs)(i.Z,{children:[(0,c.jsx)(s.Z,{children:"Angular"}),(0,c.jsx)(s.Z,{children:"HTML"}),(0,c.jsx)(s.Z,{children:"React"}),(0,c.jsx)(s.Z,{children:"Vue"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'\n No Label\n'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n No Label\n')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'\n \n No Label\n'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n \n No Label\n')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n No Label\n'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n No Label\n')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n No Label\n'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n No Label\n')},children:"Copy"})]})]})})]})}},74586:function(e,n,a){a.r(n);var c=a(52322),l=a(2784),t=a(9513),o=a(33878),i=a(95696),s=a(79041),r=a(16909),d=a(16134);n.default=()=>{let[e,n]=(0,l.useState)();return(0,l.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(t.Z,{className:"tab-container",children:(0,c.jsxs)(o.Z,{children:[(0,c.jsxs)(i.Z,{children:[(0,c.jsx)(s.Z,{children:"Angular"}),(0,c.jsx)(s.Z,{children:"HTML"}),(0,c.jsx)(s.Z,{children:"React"}),(0,c.jsx)(s.Z,{children:"Vue"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'(Default) Enabled'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'(Default) Enabled'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'(Default) Enabled'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Enabled')},children:"Copy"})]})]})}),(0,c.jsx)(t.Z,{className:"tab-container",children:(0,c.jsxs)(o.Z,{children:[(0,c.jsxs)(i.Z,{children:[(0,c.jsx)(s.Z,{children:"Angular"}),(0,c.jsx)(s.Z,{children:"HTML"}),(0,c.jsx)(s.Z,{children:"React"}),(0,c.jsx)(s.Z,{children:"Vue"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Disabled')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Disabled')},children:"Copy"})]})]})})]})}},88245:function(e,n,a){a.r(n);var c=a(52322),l=a(2784),t=a(9513),o=a(33878),i=a(95696),s=a(79041),r=a(16909),d=a(16134);n.default=()=>{let[e,n]=(0,l.useState)();return(0,l.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(t.Z,{className:"tab-container",children:(0,c.jsxs)(o.Z,{children:[(0,c.jsxs)(i.Z,{children:[(0,c.jsx)(s.Z,{children:"Angular"}),(0,c.jsx)(s.Z,{children:"HTML"}),(0,c.jsx)(s.Z,{children:"React"}),(0,c.jsx)(s.Z,{children:"Vue"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'(Default) Optional'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Optional')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:''})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Optional')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Optional')},children:"Copy"})]})]})}),(0,c.jsx)(t.Z,{className:"tab-container",children:(0,c.jsxs)(o.Z,{children:[(0,c.jsxs)(i.Z,{children:[(0,c.jsx)(s.Z,{children:"Angular"}),(0,c.jsx)(s.Z,{children:"HTML"}),(0,c.jsx)(s.Z,{children:"React"}),(0,c.jsx)(s.Z,{children:"Vue"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'Required'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Required')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:''})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n Required\n'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Required\n')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Required'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Required')},children:"Copy"})]})]})}),(0,c.jsx)(t.Z,{className:"tab-container",children:(0,c.jsxs)(o.Z,{children:[(0,c.jsxs)(i.Z,{children:[(0,c.jsx)(s.Z,{children:"Angular"}),(0,c.jsx)(s.Z,{children:"HTML"}),(0,c.jsx)(s.Z,{children:"React"}),(0,c.jsx)(s.Z,{children:"Vue"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'Required - Checked'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Required - Checked')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:''})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n Required - Checked\n'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Required - Checked\n')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Required - Checked'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Required - Checked')},children:"Copy"})]})]})})]})}},490:function(e,n,a){a.r(n);var c=a(52322),l=a(2784),t=a(9513),o=a(33878),i=a(95696),s=a(79041),r=a(16909),d=a(16134);n.default=()=>{let[e,n]=(0,l.useState)();return(0,l.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(t.Z,{className:"tab-container",children:(0,c.jsxs)(o.Z,{children:[(0,c.jsxs)(i.Z,{children:[(0,c.jsx)(s.Z,{children:"Angular"}),(0,c.jsx)(s.Z,{children:"HTML"}),(0,c.jsx)(s.Z,{children:"React"}),(0,c.jsx)(s.Z,{children:"Vue"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'(Default) Medium'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Medium')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:''})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Medium')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'(Default) Medium'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Medium')},children:"Copy"})]})]})}),(0,c.jsx)(t.Z,{className:"tab-container",children:(0,c.jsxs)(o.Z,{children:[(0,c.jsxs)(i.Z,{children:[(0,c.jsx)(s.Z,{children:"Angular"}),(0,c.jsx)(s.Z,{children:"HTML"}),(0,c.jsx)(s.Z,{children:"React"}),(0,c.jsx)(s.Z,{children:"Vue"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'\n Small\n'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Small\n')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:''})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Small\n')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n Small\n'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Small\n')},children:"Copy"})]})]})})]})}},29711:function(e,n,a){a.r(n);var c=a(52322),l=a(2784),t=a(9513),o=a(33878),i=a(95696),s=a(79041),r=a(16909),d=a(16134);n.default=()=>{let[e,n]=(0,l.useState)();return(0,l.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(t.Z,{className:"tab-container",children:(0,c.jsxs)(o.Z,{children:[(0,c.jsxs)(i.Z,{children:[(0,c.jsx)(s.Z,{children:"Angular"}),(0,c.jsx)(s.Z,{children:"HTML"}),(0,c.jsx)(s.Z,{children:"React"}),(0,c.jsx)(s.Z,{children:"Vue"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:''})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]})]})}),(0,c.jsx)(t.Z,{className:"tab-container",children:(0,c.jsxs)(o.Z,{children:[(0,c.jsxs)(i.Z,{children:[(0,c.jsx)(s.Z,{children:"Angular"}),(0,c.jsx)(s.Z,{children:"HTML"}),(0,c.jsx)(s.Z,{children:"React"}),(0,c.jsx)(s.Z,{children:"Vue"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:''})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]})]})}),(0,c.jsx)(t.Z,{className:"tab-container",children:(0,c.jsxs)(o.Z,{children:[(0,c.jsxs)(i.Z,{children:[(0,c.jsx)(s.Z,{children:"Angular"}),(0,c.jsx)(s.Z,{children:"HTML"}),(0,c.jsx)(s.Z,{children:"React"}),(0,c.jsx)(s.Z,{children:"Vue"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:''})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,c.jsxs)(r.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,c.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]})]})})]})}},46810:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{"name":"Tonality"}},{"name":"(Default) Regular","className":"db-ui-regular","props":{"name":"Tonality"}},{"name":"Expressive","className":"db-ui-expressive","props":{"name":"Tonality"}}]},{"name":"Interaction States","examples":[{"name":"(Default) Enabled","props":{"name":"Interaction States"}},{"name":"Disabled","props":{"name":"Interaction States","disabled":true}}]},{"name":"States","examples":[{"name":"(Default) Unchecked","props":{"name":"States"}},{"name":"Unchecked - Invalid","props":{"name":"States","required":true}},{"name":"Checked","props":{"name":"States","checked":true}},{"name":"Checked - Valid","props":{"name":"States","required":true,"checked":true}},{"name":"Indeterminate","props":{"name":"States","indeterminate":true}},{"name":"Indeterminate - Invalid","props":{"name":"States","indeterminate":true,"required":true}},{"name":"Indeterminate - Valid","props":{"name":"States","indeterminate":true,"required":true,"checked":true}}]},{"name":"Size","examples":[{"name":"(Default) Medium","props":{"name":"Size"}},{"name":"Small","props":{"name":"Size","size":"small"}}]},{"name":"Requirement","examples":[{"name":"(Default) Optional","props":{"name":"Requirement"}},{"name":"Required","props":{"name":"Requirement","required":true}},{"name":"Required - Checked","props":{"name":"Requirement","required":true,"checked":true}}]},{"name":"Content","examples":[{"name":"(Default) Label","props":{"name":"Content"}},{"name":"No Label","props":{"name":"Content","labelVariant":"hidden"}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/93085-1db05321855e4427.js b/review/main/_next/static/chunks/93085-0d4a9979d7f55385.js similarity index 99% rename from review/main/_next/static/chunks/93085-1db05321855e4427.js rename to review/main/_next/static/chunks/93085-0d4a9979d7f55385.js index 89f08a6652a..ec292308eb7 100644 --- a/review/main/_next/static/chunks/93085-1db05321855e4427.js +++ b/review/main/_next/static/chunks/93085-0d4a9979d7f55385.js @@ -1 +1 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[93085],{37395:function(e,a,n){n.d(a,{P:function(){return s}});let s=(e,a,n)=>e.map((e,s)=>{var l;return{...e,slotCode:null!==(l=null==n?void 0:n.at(s))&&void 0!==l?l:"No code available",examples:e.examples.map(e=>{var n,s,l,c;return{...e,example:a({...e.props,id:null!==(l=null===(n=e.props)||void 0===n?void 0:n.id)&&void 0!==l?l:e.name,children:null!==(c=null===(s=e.props)||void 0===s?void 0:s.children)&&void 0!==c?c:e.name})}})}})},99341:function(e,a,n){var s=n(52322),l=n(5632),c=n(2784),r=n(11803),t=n(86095);let i=e=>{let{examples:a,slotCode:n}=e,[l,r]=(0,c.useState)();return(0,s.jsxs)(t.f,{className:"variants-card db-code-docs",children:[(0,s.jsx)("div",{className:"variants-list",children:a.map((e,a)=>(0,s.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(a)))}),(0,s.jsxs)("details",{className:"code-details",onToggle:()=>{r(!l)},children:[(0,s.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:l?"Hide code":"Show code"}),(0,s.jsxs)("div",{className:"db-ui-functional",children:[(0,s.jsx)("div",{className:"backdrop"}),(0,s.jsx)(t.f,{className:"code",spacing:"small",children:n})]})]})]})},o=e=>{let{variants:a,componentName:n}=e,l=(e,a)=>{if(!window.location.origin||!window.location.href)return"";let n=window.location.href.split("?")[0],s="?page=".concat(e.name.toLowerCase());return a?"".concat(n.split("components")[0],"/components/").concat(a).concat(s):"".concat(n).concat(s)};return(0,s.jsx)(s.Fragment,{children:null==a?void 0:a.map((e,a)=>(0,s.jsxs)("div",{children:[(0,s.jsx)(t.oH,{}),(0,s.jsx)("h2",{children:(0,s.jsx)(t.vB,{content:"external",target:"_blank",href:l(e,n),children:e.name})}),(0,s.jsx)(i,{...e})]},"".concat(e.name,"-").concat(a)))})};a.Z=e=>{let{title:a,variants:n,subComponent:t,isSubComponent:d,componentName:x}=e,[p,m]=(0,c.useState)(),h=(0,l.useRouter)();return(0,c.useEffect)(()=>{if(h.query){var e;let a=null===(e=h.query.page)||void 0===e?void 0:e.toString();a&&m(n.find(e=>e.name.toLowerCase()===a))}},[h]),(0,s.jsxs)(s.Fragment,{children:[p&&(0,s.jsx)("div",{children:(0,s.jsx)(i,{...p})}),!p&&!d&&(0,s.jsxs)(r.Z,{children:[(0,s.jsxs)("div",{className:"default-container",children:[(0,s.jsx)("h1",{children:a}),(0,s.jsx)(o,{variants:n,componentName:x})]}),t]}),!p&&d&&(0,s.jsxs)("div",{className:"default-container",children:[(0,s.jsx)("h2",{children:a}),(0,s.jsx)(o,{variants:n,componentName:x})]})]})}},39553:function(e,a,n){n.r(a);var s=n(52322),l=n(2784),c=n(9513),r=n(33878),t=n(95696),i=n(79041),o=n(16909),d=n(16134);a.default=()=>{let[e,a]=(0,l.useState)();return(0,l.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(c.Z,{className:"tab-container",children:(0,s.jsxs)(r.Z,{children:[(0,s.jsxs)(t.Z,{children:[(0,s.jsx)(i.Z,{children:"Angular"}),(0,s.jsx)(i.Z,{children:"HTML"}),(0,s.jsx)(i.Z,{children:"React"}),(0,s.jsx)(i.Z,{children:"Vue"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:"(Default) Weak"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Weak")},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'(Default) Weak'})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Weak')},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"(Default) Weak"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Weak")},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"(Default) Weak"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Weak")},children:"Copy"})]})]})}),(0,s.jsx)(c.Z,{className:"tab-container",children:(0,s.jsxs)(r.Z,{children:[(0,s.jsxs)(t.Z,{children:[(0,s.jsx)(i.Z,{children:"Angular"}),(0,s.jsx)(i.Z,{children:"HTML"}),(0,s.jsx)(i.Z,{children:"React"}),(0,s.jsx)(i.Z,{children:"Vue"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'Strong'})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Strong')},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'\n Strong\n'})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Strong\n')},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:'Strong'})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Strong')},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:'Strong'})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Strong')},children:"Copy"})]})]})})]})}},38624:function(e,a,n){n.r(a);var s=n(52322),l=n(2784),c=n(9513),r=n(33878),t=n(95696),i=n(79041),o=n(16909),d=n(16134);a.default=()=>{let[e,a]=(0,l.useState)();return(0,l.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,s.jsx)(s.Fragment,{children:(0,s.jsx)(c.Z,{className:"tab-container",children:(0,s.jsxs)(r.Z,{children:[(0,s.jsxs)(t.Z,{children:[(0,s.jsx)(i.Z,{children:"Angular"}),(0,s.jsx)(i.Z,{children:"HTML"}),(0,s.jsx)(i.Z,{children:"React"}),(0,s.jsx)(i.Z,{children:"Vue"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'Numbers'})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Numbers')},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'Numbers'})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Numbers')},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:'Numbers'})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Numbers')},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:'Numbers'})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Numbers')},children:"Copy"})]})]})})})}},57654:function(e,a,n){n.r(a);var s=n(52322),l=n(2784),c=n(9513),r=n(33878),t=n(95696),i=n(79041),o=n(16909),d=n(16134);a.default=()=>{let[e,a]=(0,l.useState)();return(0,l.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(c.Z,{className:"tab-container",children:(0,s.jsxs)(r.Z,{children:[(0,s.jsxs)(t.Z,{children:[(0,s.jsx)(i.Z,{children:"Angular"}),(0,s.jsx)(i.Z,{children:"HTML"}),(0,s.jsx)(i.Z,{children:"React"}),(0,s.jsx)(i.Z,{children:"Vue"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:"(Default) Small"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Small")},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'(Default) Small'})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Small')},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"(Default) Small"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Small")},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"(Default) Small"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Small")},children:"Copy"})]})]})}),(0,s.jsx)(c.Z,{className:"tab-container",children:(0,s.jsxs)(r.Z,{children:[(0,s.jsxs)(t.Z,{children:[(0,s.jsx)(i.Z,{children:"Angular"}),(0,s.jsx)(i.Z,{children:"HTML"}),(0,s.jsx)(i.Z,{children:"React"}),(0,s.jsx)(i.Z,{children:"Vue"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'Medium'})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Medium')},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'\n Medium\n'})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Medium\n')},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:'Medium'})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Medium')},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:'Medium'})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Medium')},children:"Copy"})]})]})})]})}},1391:function(e,a,n){n.r(a);var s=n(52322),l=n(2784),c=n(9513),r=n(33878),t=n(95696),i=n(79041),o=n(16909),d=n(16134);a.default=()=>{let[e,a]=(0,l.useState)();return(0,l.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(c.Z,{className:"tab-container",children:(0,s.jsxs)(r.Z,{children:[(0,s.jsxs)(t.Z,{children:[(0,s.jsx)(i.Z,{children:"Angular"}),(0,s.jsx)(i.Z,{children:"HTML"}),(0,s.jsx)(i.Z,{children:"React"}),(0,s.jsx)(i.Z,{children:"Vue"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]})]})}),(0,s.jsx)(c.Z,{className:"tab-container",children:(0,s.jsxs)(r.Z,{children:[(0,s.jsxs)(t.Z,{children:[(0,s.jsx)(i.Z,{children:"Angular"}),(0,s.jsx)(i.Z,{children:"HTML"}),(0,s.jsx)(i.Z,{children:"React"}),(0,s.jsx)(i.Z,{children:"Vue"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]})]})}),(0,s.jsx)(c.Z,{className:"tab-container",children:(0,s.jsxs)(r.Z,{children:[(0,s.jsxs)(t.Z,{children:[(0,s.jsx)(i.Z,{children:"Angular"}),(0,s.jsx)(i.Z,{children:"HTML"}),(0,s.jsx)(i.Z,{children:"React"}),(0,s.jsx)(i.Z,{children:"Vue"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]})]})})]})}},9394:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{}},{"name":"(Default) Regular","className":"db-ui-regular","props":{}},{"name":"Expressive","className":"db-ui-expressive","props":{}}]},{"name":"Emphasis","examples":[{"name":"(Default) Weak","props":{}},{"name":"Strong","props":{"emphasis":"strong"}}]},{"name":"Semantic","examples":[{"name":"(Default) Adaptive","props":{}},{"name":"Neutral","props":{"variant":"neutral"}},{"name":"Critical","props":{"variant":"critical"}},{"name":"Informational","props":{"variant":"informational"}},{"name":"Successful","props":{"variant":"successful"}},{"name":"Warning","props":{"variant":"warning"}},{"name":"Adaptive Strong","props":{"emphasis":"strong"}},{"name":"Neutral Strong","props":{"variant":"neutral","emphasis":"strong"}},{"name":"Critical Strong","props":{"variant":"critical","emphasis":"strong"}},{"name":"Informational Strong","props":{"variant":"informational","emphasis":"strong"}},{"name":"Successful Strong","props":{"variant":"successful","emphasis":"strong"}},{"name":"Warning Strong","props":{"variant":"warning","emphasis":"strong"}}]},{"name":"Size","examples":[{"name":"(Default) Small","props":{}},{"name":"Medium","props":{"size":"medium"}}]},{"name":"Content","examples":[{"name":"(Default) Text","props":{}},{"name":"(Default) Text - Medium","props":{"size":"medium"}},{"name":"Dot - Small","props":{"noContent":true}},{"name":"Dot - Medium","props":{"noContent":true,"size":"medium"}},{"name":"Icon - Small","props":{"example":"icon"}},{"name":"Icon - Medium","props":{"example":"icon","size":"medium"}}]},{"name":"Placement","examples":[{"name":"(Default) Inline","props":{"placement":"inline"}},{"name":"Corner - Top - Left","props":{"placement":"corner-top-left"}},{"name":"Corner - Center - Left","props":{"placement":"corner-center-left"}},{"name":"Corner - Bottom- Left","props":{"placement":"corner-bottom-left"}},{"name":"Corner - Top - Right","props":{"placement":"corner-top-right"}},{"name":"Corner - Center - Right","props":{"placement":"corner-center-right"}},{"name":"Corner - Bottom- Right","props":{"placement":"corner-bottom-right"}}]},{"name":"Examples","examples":[{"name":"Numbers","props":{"example":"number"}}]}]')}}]); \ No newline at end of file +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[93085],{37395:function(e,a,n){n.d(a,{P:function(){return s}});let s=(e,a,n)=>e.map((e,s)=>{var l;return{...e,slotCode:null!==(l=null==n?void 0:n.at(s))&&void 0!==l?l:"No code available",examples:e.examples.map(e=>{var n,s,l,c;return{...e,example:a({...e.props,id:null!==(l=null===(n=e.props)||void 0===n?void 0:n.id)&&void 0!==l?l:e.name,children:null!==(c=null===(s=e.props)||void 0===s?void 0:s.children)&&void 0!==c?c:e.name})}})}})},99341:function(e,a,n){var s=n(52322),l=n(5632),c=n(2784),r=n(12156),t=n(53752);let i=e=>{let{examples:a,slotCode:n}=e,[l,r]=(0,c.useState)();return(0,s.jsxs)(t.f,{className:"variants-card db-code-docs",children:[(0,s.jsx)("div",{className:"variants-list",children:a.map((e,a)=>(0,s.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(a)))}),(0,s.jsxs)("details",{className:"code-details",onToggle:()=>{r(!l)},children:[(0,s.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:l?"Hide code":"Show code"}),(0,s.jsxs)("div",{className:"db-ui-functional",children:[(0,s.jsx)("div",{className:"backdrop"}),(0,s.jsx)(t.f,{className:"code",spacing:"small",children:n})]})]})]})},o=e=>{let{variants:a,componentName:n}=e,l=(e,a)=>{if(!window.location.origin||!window.location.href)return"";let n=window.location.href.split("?")[0],s="?page=".concat(e.name.toLowerCase());return a?"".concat(n.split("components")[0],"/components/").concat(a).concat(s):"".concat(n).concat(s)};return(0,s.jsx)(s.Fragment,{children:null==a?void 0:a.map((e,a)=>(0,s.jsxs)("div",{children:[(0,s.jsx)(t.oH,{}),(0,s.jsx)("h2",{children:(0,s.jsx)(t.vB,{content:"external",target:"_blank",href:l(e,n),children:e.name})}),(0,s.jsx)(i,{...e})]},"".concat(e.name,"-").concat(a)))})};a.Z=e=>{let{title:a,variants:n,subComponent:t,isSubComponent:d,componentName:x}=e,[p,m]=(0,c.useState)(),h=(0,l.useRouter)();return(0,c.useEffect)(()=>{if(h.query){var e;let a=null===(e=h.query.page)||void 0===e?void 0:e.toString();a&&m(n.find(e=>e.name.toLowerCase()===a))}},[h]),(0,s.jsxs)(s.Fragment,{children:[p&&(0,s.jsx)("div",{children:(0,s.jsx)(i,{...p})}),!p&&!d&&(0,s.jsxs)(r.Z,{children:[(0,s.jsxs)("div",{className:"default-container",children:[(0,s.jsx)("h1",{children:a}),(0,s.jsx)(o,{variants:n,componentName:x})]}),t]}),!p&&d&&(0,s.jsxs)("div",{className:"default-container",children:[(0,s.jsx)("h2",{children:a}),(0,s.jsx)(o,{variants:n,componentName:x})]})]})}},39553:function(e,a,n){n.r(a);var s=n(52322),l=n(2784),c=n(9513),r=n(33878),t=n(95696),i=n(79041),o=n(16909),d=n(16134);a.default=()=>{let[e,a]=(0,l.useState)();return(0,l.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(c.Z,{className:"tab-container",children:(0,s.jsxs)(r.Z,{children:[(0,s.jsxs)(t.Z,{children:[(0,s.jsx)(i.Z,{children:"Angular"}),(0,s.jsx)(i.Z,{children:"HTML"}),(0,s.jsx)(i.Z,{children:"React"}),(0,s.jsx)(i.Z,{children:"Vue"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:"(Default) Weak"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Weak")},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'(Default) Weak'})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Weak')},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"(Default) Weak"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Weak")},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"(Default) Weak"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Weak")},children:"Copy"})]})]})}),(0,s.jsx)(c.Z,{className:"tab-container",children:(0,s.jsxs)(r.Z,{children:[(0,s.jsxs)(t.Z,{children:[(0,s.jsx)(i.Z,{children:"Angular"}),(0,s.jsx)(i.Z,{children:"HTML"}),(0,s.jsx)(i.Z,{children:"React"}),(0,s.jsx)(i.Z,{children:"Vue"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'Strong'})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Strong')},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'\n Strong\n'})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Strong\n')},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:'Strong'})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Strong')},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:'Strong'})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Strong')},children:"Copy"})]})]})})]})}},38624:function(e,a,n){n.r(a);var s=n(52322),l=n(2784),c=n(9513),r=n(33878),t=n(95696),i=n(79041),o=n(16909),d=n(16134);a.default=()=>{let[e,a]=(0,l.useState)();return(0,l.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,s.jsx)(s.Fragment,{children:(0,s.jsx)(c.Z,{className:"tab-container",children:(0,s.jsxs)(r.Z,{children:[(0,s.jsxs)(t.Z,{children:[(0,s.jsx)(i.Z,{children:"Angular"}),(0,s.jsx)(i.Z,{children:"HTML"}),(0,s.jsx)(i.Z,{children:"React"}),(0,s.jsx)(i.Z,{children:"Vue"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'Numbers'})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Numbers')},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'Numbers'})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Numbers')},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:'Numbers'})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Numbers')},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:'Numbers'})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Numbers')},children:"Copy"})]})]})})})}},57654:function(e,a,n){n.r(a);var s=n(52322),l=n(2784),c=n(9513),r=n(33878),t=n(95696),i=n(79041),o=n(16909),d=n(16134);a.default=()=>{let[e,a]=(0,l.useState)();return(0,l.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(c.Z,{className:"tab-container",children:(0,s.jsxs)(r.Z,{children:[(0,s.jsxs)(t.Z,{children:[(0,s.jsx)(i.Z,{children:"Angular"}),(0,s.jsx)(i.Z,{children:"HTML"}),(0,s.jsx)(i.Z,{children:"React"}),(0,s.jsx)(i.Z,{children:"Vue"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:"(Default) Small"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Small")},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'(Default) Small'})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Small')},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"(Default) Small"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Small")},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"(Default) Small"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Small")},children:"Copy"})]})]})}),(0,s.jsx)(c.Z,{className:"tab-container",children:(0,s.jsxs)(r.Z,{children:[(0,s.jsxs)(t.Z,{children:[(0,s.jsx)(i.Z,{children:"Angular"}),(0,s.jsx)(i.Z,{children:"HTML"}),(0,s.jsx)(i.Z,{children:"React"}),(0,s.jsx)(i.Z,{children:"Vue"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'Medium'})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Medium')},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'\n Medium\n'})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('\n Medium\n')},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:'Medium'})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Medium')},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:'Medium'})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Medium')},children:"Copy"})]})]})})]})}},1391:function(e,a,n){n.r(a);var s=n(52322),l=n(2784),c=n(9513),r=n(33878),t=n(95696),i=n(79041),o=n(16909),d=n(16134);a.default=()=>{let[e,a]=(0,l.useState)();return(0,l.useEffect)(()=>{e&&setTimeout(()=>a(!1),1500)},[e]),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(c.Z,{className:"tab-container",children:(0,s.jsxs)(r.Z,{children:[(0,s.jsxs)(t.Z,{children:[(0,s.jsx)(i.Z,{children:"Angular"}),(0,s.jsx)(i.Z,{children:"HTML"}),(0,s.jsx)(i.Z,{children:"React"}),(0,s.jsx)(i.Z,{children:"Vue"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:"Functional"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]})]})}),(0,s.jsx)(c.Z,{className:"tab-container",children:(0,s.jsxs)(r.Z,{children:[(0,s.jsxs)(t.Z,{children:[(0,s.jsx)(i.Z,{children:"Angular"}),(0,s.jsx)(i.Z,{children:"HTML"}),(0,s.jsx)(i.Z,{children:"React"}),(0,s.jsx)(i.Z,{children:"Vue"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:"(Default) Regular"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]})]})}),(0,s.jsx)(c.Z,{className:"tab-container",children:(0,s.jsxs)(r.Z,{children:[(0,s.jsxs)(t.Z,{children:[(0,s.jsx)(i.Z,{children:"Angular"}),(0,s.jsx)(i.Z,{children:"HTML"}),(0,s.jsx)(i.Z,{children:"React"}),(0,s.jsx)(i.Z,{children:"Vue"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:"Expressive"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,s.jsxs)(o.Z,{children:[(0,s.jsx)("pre",{children:(0,s.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,s.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{a(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]})]})})]})}},9394:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{}},{"name":"(Default) Regular","className":"db-ui-regular","props":{}},{"name":"Expressive","className":"db-ui-expressive","props":{}}]},{"name":"Emphasis","examples":[{"name":"(Default) Weak","props":{}},{"name":"Strong","props":{"emphasis":"strong"}}]},{"name":"Semantic","examples":[{"name":"(Default) Adaptive","props":{}},{"name":"Neutral","props":{"variant":"neutral"}},{"name":"Critical","props":{"variant":"critical"}},{"name":"Informational","props":{"variant":"informational"}},{"name":"Successful","props":{"variant":"successful"}},{"name":"Warning","props":{"variant":"warning"}},{"name":"Adaptive Strong","props":{"emphasis":"strong"}},{"name":"Neutral Strong","props":{"variant":"neutral","emphasis":"strong"}},{"name":"Critical Strong","props":{"variant":"critical","emphasis":"strong"}},{"name":"Informational Strong","props":{"variant":"informational","emphasis":"strong"}},{"name":"Successful Strong","props":{"variant":"successful","emphasis":"strong"}},{"name":"Warning Strong","props":{"variant":"warning","emphasis":"strong"}}]},{"name":"Size","examples":[{"name":"(Default) Small","props":{}},{"name":"Medium","props":{"size":"medium"}}]},{"name":"Content","examples":[{"name":"(Default) Text","props":{}},{"name":"(Default) Text - Medium","props":{"size":"medium"}},{"name":"Dot - Small","props":{"noContent":true}},{"name":"Dot - Medium","props":{"noContent":true,"size":"medium"}},{"name":"Icon - Small","props":{"example":"icon"}},{"name":"Icon - Medium","props":{"example":"icon","size":"medium"}}]},{"name":"Placement","examples":[{"name":"(Default) Inline","props":{"placement":"inline"}},{"name":"Corner - Top - Left","props":{"placement":"corner-top-left"}},{"name":"Corner - Center - Left","props":{"placement":"corner-center-left"}},{"name":"Corner - Bottom- Left","props":{"placement":"corner-bottom-left"}},{"name":"Corner - Top - Right","props":{"placement":"corner-top-right"}},{"name":"Corner - Center - Right","props":{"placement":"corner-center-right"}},{"name":"Corner - Bottom- Right","props":{"placement":"corner-bottom-right"}}]},{"name":"Examples","examples":[{"name":"Numbers","props":{"example":"number"}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/94218-5d2d522532490b01.js b/review/main/_next/static/chunks/94218-0b0b591789f4afe8.js similarity index 99% rename from review/main/_next/static/chunks/94218-5d2d522532490b01.js rename to review/main/_next/static/chunks/94218-0b0b591789f4afe8.js index 3ebc3f5cd18..3e1692a1d16 100644 --- a/review/main/_next/static/chunks/94218-5d2d522532490b01.js +++ b/review/main/_next/static/chunks/94218-0b0b591789f4afe8.js @@ -1 +1 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[94218],{37395:function(e,n,a){a.d(n,{P:function(){return c}});let c=(e,n,a)=>e.map((e,c)=>{var i;return{...e,slotCode:null!==(i=null==a?void 0:a.at(c))&&void 0!==i?i:"No code available",examples:e.examples.map(e=>{var a,c,i,l;return{...e,example:n({...e.props,id:null!==(i=null===(a=e.props)||void 0===a?void 0:a.id)&&void 0!==i?i:e.name,children:null!==(l=null===(c=e.props)||void 0===c?void 0:c.children)&&void 0!==l?l:e.name})}})}})},99341:function(e,n,a){var c=a(52322),i=a(5632),l=a(2784),o=a(11803),s=a(86095);let d=e=>{let{examples:n,slotCode:a}=e,[i,o]=(0,l.useState)();return(0,c.jsxs)(s.f,{className:"variants-card db-code-docs",children:[(0,c.jsx)("div",{className:"variants-list",children:n.map((e,n)=>(0,c.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(n)))}),(0,c.jsxs)("details",{className:"code-details",onToggle:()=>{o(!i)},children:[(0,c.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:i?"Hide code":"Show code"}),(0,c.jsxs)("div",{className:"db-ui-functional",children:[(0,c.jsx)("div",{className:"backdrop"}),(0,c.jsx)(s.f,{className:"code",spacing:"small",children:a})]})]})]})},t=e=>{let{variants:n,componentName:a}=e,i=(e,n)=>{if(!window.location.origin||!window.location.href)return"";let a=window.location.href.split("?")[0],c="?page=".concat(e.name.toLowerCase());return n?"".concat(a.split("components")[0],"/components/").concat(n).concat(c):"".concat(a).concat(c)};return(0,c.jsx)(c.Fragment,{children:null==n?void 0:n.map((e,n)=>(0,c.jsxs)("div",{children:[(0,c.jsx)(s.oH,{}),(0,c.jsx)("h2",{children:(0,c.jsx)(s.vB,{content:"external",target:"_blank",href:i(e,a),children:e.name})}),(0,c.jsx)(d,{...e})]},"".concat(e.name,"-").concat(n)))})};n.Z=e=>{let{title:n,variants:a,subComponent:s,isSubComponent:r,componentName:x}=e,[h,m]=(0,l.useState)(),u=(0,i.useRouter)();return(0,l.useEffect)(()=>{if(u.query){var e;let n=null===(e=u.query.page)||void 0===e?void 0:e.toString();n&&m(a.find(e=>e.name.toLowerCase()===n))}},[u]),(0,c.jsxs)(c.Fragment,{children:[h&&(0,c.jsx)("div",{children:(0,c.jsx)(d,{...h})}),!h&&!r&&(0,c.jsxs)(o.Z,{children:[(0,c.jsxs)("div",{className:"default-container",children:[(0,c.jsx)("h1",{children:n}),(0,c.jsx)(t,{variants:a,componentName:x})]}),s]}),!h&&r&&(0,c.jsxs)("div",{className:"default-container",children:[(0,c.jsx)("h2",{children:n}),(0,c.jsx)(t,{variants:a,componentName:x})]})]})}},99746:function(e,n,a){a.r(n);var c=a(52322),i=a(2784),l=a(9513),o=a(33878),s=a(95696),d=a(79041),t=a(16909),r=a(16134);n.default=()=>{let[e,n]=(0,i.useState)();return(0,i.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(l.Z,{className:"tab-container",children:(0,c.jsxs)(o.Z,{children:[(0,c.jsxs)(s.Z,{children:[(0,c.jsx)(d.Z,{children:"Angular"}),(0,c.jsx)(d.Z,{children:"HTML"}),(0,c.jsx)(d.Z,{children:"React"}),(0,c.jsx)(d.Z,{children:"Vue"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'\n (Default) Collapsed\n'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n (Default) Collapsed\n')},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Collapsed\n'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n (Default) Collapsed\n')},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Collapsed\n'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n (Default) Collapsed\n')},children:"Copy"})]})]})}),(0,c.jsx)(l.Z,{className:"tab-container",children:(0,c.jsxs)(o.Z,{children:[(0,c.jsxs)(s.Z,{children:[(0,c.jsx)(d.Z,{children:"Angular"}),(0,c.jsx)(d.Z,{children:"HTML"}),(0,c.jsx)(d.Z,{children:"React"}),(0,c.jsx)(d.Z,{children:"Vue"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'Open'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Open')},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n Open\n'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Open\n')},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Open'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Open')},children:"Copy"})]})]})})]})}},88228:function(e,n,a){a.r(n);var c=a(52322),i=a(2784),l=a(9513),o=a(33878),s=a(95696),d=a(79041),t=a(16909),r=a(16134);n.default=()=>{let[e,n]=(0,i.useState)();return(0,i.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(l.Z,{className:"tab-container",children:(0,c.jsxs)(o.Z,{children:[(0,c.jsxs)(s.Z,{children:[(0,c.jsx)(d.Z,{children:"Angular"}),(0,c.jsx)(d.Z,{children:"HTML"}),(0,c.jsx)(d.Z,{children:"React"}),(0,c.jsx)(d.Z,{children:"Vue"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'\n Enabled (Default)/Hover/Pressed\n'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Enabled (Default)/Hover/Pressed\n')},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n Enabled (Default)/Hover/Pressed\n'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Enabled (Default)/Hover/Pressed\n')},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n Enabled (Default)/Hover/Pressed\n'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Enabled (Default)/Hover/Pressed\n')},children:"Copy"})]})]})}),(0,c.jsx)(l.Z,{className:"tab-container",children:(0,c.jsxs)(o.Z,{children:[(0,c.jsxs)(s.Z,{children:[(0,c.jsx)(d.Z,{children:"Angular"}),(0,c.jsx)(d.Z,{children:"HTML"}),(0,c.jsx)(d.Z,{children:"React"}),(0,c.jsx)(d.Z,{children:"Vue"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Disabled')},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Disabled')},children:"Copy"})]})]})})]})}},28651:function(e,n,a){a.r(n);var c=a(52322),i=a(2784),l=a(9513),o=a(33878),s=a(95696),d=a(79041),t=a(16909),r=a(16134);n.default=()=>{let[e,n]=(0,i.useState)();return(0,i.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(l.Z,{className:"tab-container",children:(0,c.jsxs)(o.Z,{children:[(0,c.jsxs)(s.Z,{children:[(0,c.jsx)(d.Z,{children:"Angular"}),(0,c.jsx)(d.Z,{children:"HTML"}),(0,c.jsx)(d.Z,{children:"React"}),(0,c.jsx)(d.Z,{children:"Vue"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n Functional\n
    Functional
    \n
    '})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
    \n Functional\n
    Functional
    \n
    ')},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]})]})}),(0,c.jsx)(l.Z,{className:"tab-container",children:(0,c.jsxs)(o.Z,{children:[(0,c.jsxs)(s.Z,{children:[(0,c.jsx)(d.Z,{children:"Angular"}),(0,c.jsx)(d.Z,{children:"HTML"}),(0,c.jsx)(d.Z,{children:"React"}),(0,c.jsx)(d.Z,{children:"Vue"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'\n (Default) Regular\n'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n (Default) Regular\n
    (Default) Regular
    \n
    '})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
    \n (Default) Regular\n
    (Default) Regular
    \n
    ')},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy"})]})]})}),(0,c.jsx)(l.Z,{className:"tab-container",children:(0,c.jsxs)(o.Z,{children:[(0,c.jsxs)(s.Z,{children:[(0,c.jsx)(d.Z,{children:"Angular"}),(0,c.jsx)(d.Z,{children:"HTML"}),(0,c.jsx)(d.Z,{children:"React"}),(0,c.jsx)(d.Z,{children:"Vue"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n Expressive\n
    Expressive
    \n
    '})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
    \n Expressive\n
    Expressive
    \n
    ')},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]})]})})]})}},19371:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{"headline":"Functional"}},{"name":"(Default) Regular","className":"db-ui-regular","props":{"headline":"(Default) Regular"}},{"name":"Expressive","className":"db-ui-expressive","props":{"headline":"Expressive"}}]},{"name":"Interaction States","examples":[{"name":"Enabled (Default)/Hover/Pressed","props":{"headline":"Enabled (Default)/Hover/Pressed"}},{"name":"Disabled","props":{"headline":"Disabled","disabled":true}}]},{"name":"Content States","examples":[{"name":"(Default) Collapsed","props":{"headline":"(Default) Collapsed"}},{"name":"Open","props":{"headline":"Open","open":true}}]}]')}}]); \ No newline at end of file +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[94218],{37395:function(e,n,a){a.d(n,{P:function(){return c}});let c=(e,n,a)=>e.map((e,c)=>{var i;return{...e,slotCode:null!==(i=null==a?void 0:a.at(c))&&void 0!==i?i:"No code available",examples:e.examples.map(e=>{var a,c,i,l;return{...e,example:n({...e.props,id:null!==(i=null===(a=e.props)||void 0===a?void 0:a.id)&&void 0!==i?i:e.name,children:null!==(l=null===(c=e.props)||void 0===c?void 0:c.children)&&void 0!==l?l:e.name})}})}})},99341:function(e,n,a){var c=a(52322),i=a(5632),l=a(2784),o=a(12156),s=a(53752);let d=e=>{let{examples:n,slotCode:a}=e,[i,o]=(0,l.useState)();return(0,c.jsxs)(s.f,{className:"variants-card db-code-docs",children:[(0,c.jsx)("div",{className:"variants-list",children:n.map((e,n)=>(0,c.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(n)))}),(0,c.jsxs)("details",{className:"code-details",onToggle:()=>{o(!i)},children:[(0,c.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:i?"Hide code":"Show code"}),(0,c.jsxs)("div",{className:"db-ui-functional",children:[(0,c.jsx)("div",{className:"backdrop"}),(0,c.jsx)(s.f,{className:"code",spacing:"small",children:a})]})]})]})},t=e=>{let{variants:n,componentName:a}=e,i=(e,n)=>{if(!window.location.origin||!window.location.href)return"";let a=window.location.href.split("?")[0],c="?page=".concat(e.name.toLowerCase());return n?"".concat(a.split("components")[0],"/components/").concat(n).concat(c):"".concat(a).concat(c)};return(0,c.jsx)(c.Fragment,{children:null==n?void 0:n.map((e,n)=>(0,c.jsxs)("div",{children:[(0,c.jsx)(s.oH,{}),(0,c.jsx)("h2",{children:(0,c.jsx)(s.vB,{content:"external",target:"_blank",href:i(e,a),children:e.name})}),(0,c.jsx)(d,{...e})]},"".concat(e.name,"-").concat(n)))})};n.Z=e=>{let{title:n,variants:a,subComponent:s,isSubComponent:r,componentName:x}=e,[h,m]=(0,l.useState)(),u=(0,i.useRouter)();return(0,l.useEffect)(()=>{if(u.query){var e;let n=null===(e=u.query.page)||void 0===e?void 0:e.toString();n&&m(a.find(e=>e.name.toLowerCase()===n))}},[u]),(0,c.jsxs)(c.Fragment,{children:[h&&(0,c.jsx)("div",{children:(0,c.jsx)(d,{...h})}),!h&&!r&&(0,c.jsxs)(o.Z,{children:[(0,c.jsxs)("div",{className:"default-container",children:[(0,c.jsx)("h1",{children:n}),(0,c.jsx)(t,{variants:a,componentName:x})]}),s]}),!h&&r&&(0,c.jsxs)("div",{className:"default-container",children:[(0,c.jsx)("h2",{children:n}),(0,c.jsx)(t,{variants:a,componentName:x})]})]})}},99746:function(e,n,a){a.r(n);var c=a(52322),i=a(2784),l=a(9513),o=a(33878),s=a(95696),d=a(79041),t=a(16909),r=a(16134);n.default=()=>{let[e,n]=(0,i.useState)();return(0,i.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(l.Z,{className:"tab-container",children:(0,c.jsxs)(o.Z,{children:[(0,c.jsxs)(s.Z,{children:[(0,c.jsx)(d.Z,{children:"Angular"}),(0,c.jsx)(d.Z,{children:"HTML"}),(0,c.jsx)(d.Z,{children:"React"}),(0,c.jsx)(d.Z,{children:"Vue"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'\n (Default) Collapsed\n'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n (Default) Collapsed\n')},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Collapsed\n'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n (Default) Collapsed\n')},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Collapsed\n'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n (Default) Collapsed\n')},children:"Copy"})]})]})}),(0,c.jsx)(l.Z,{className:"tab-container",children:(0,c.jsxs)(o.Z,{children:[(0,c.jsxs)(s.Z,{children:[(0,c.jsx)(d.Z,{children:"Angular"}),(0,c.jsx)(d.Z,{children:"HTML"}),(0,c.jsx)(d.Z,{children:"React"}),(0,c.jsx)(d.Z,{children:"Vue"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'Open'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Open')},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n Open\n'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Open\n')},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Open'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Open')},children:"Copy"})]})]})})]})}},88228:function(e,n,a){a.r(n);var c=a(52322),i=a(2784),l=a(9513),o=a(33878),s=a(95696),d=a(79041),t=a(16909),r=a(16134);n.default=()=>{let[e,n]=(0,i.useState)();return(0,i.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(l.Z,{className:"tab-container",children:(0,c.jsxs)(o.Z,{children:[(0,c.jsxs)(s.Z,{children:[(0,c.jsx)(d.Z,{children:"Angular"}),(0,c.jsx)(d.Z,{children:"HTML"}),(0,c.jsx)(d.Z,{children:"React"}),(0,c.jsx)(d.Z,{children:"Vue"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'\n Enabled (Default)/Hover/Pressed\n'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Enabled (Default)/Hover/Pressed\n')},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n Enabled (Default)/Hover/Pressed\n'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Enabled (Default)/Hover/Pressed\n')},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n Enabled (Default)/Hover/Pressed\n'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Enabled (Default)/Hover/Pressed\n')},children:"Copy"})]})]})}),(0,c.jsx)(l.Z,{className:"tab-container",children:(0,c.jsxs)(o.Z,{children:[(0,c.jsxs)(s.Z,{children:[(0,c.jsx)(d.Z,{children:"Angular"}),(0,c.jsx)(d.Z,{children:"HTML"}),(0,c.jsx)(d.Z,{children:"React"}),(0,c.jsx)(d.Z,{children:"Vue"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'Disabled'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Disabled')},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n Disabled\n'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Disabled\n')},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Disabled'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Disabled')},children:"Copy"})]})]})})]})}},28651:function(e,n,a){a.r(n);var c=a(52322),i=a(2784),l=a(9513),o=a(33878),s=a(95696),d=a(79041),t=a(16909),r=a(16134);n.default=()=>{let[e,n]=(0,i.useState)();return(0,i.useEffect)(()=>{e&&setTimeout(()=>n(!1),1500)},[e]),(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(l.Z,{className:"tab-container",children:(0,c.jsxs)(o.Z,{children:[(0,c.jsxs)(s.Z,{children:[(0,c.jsx)(d.Z,{children:"Angular"}),(0,c.jsx)(d.Z,{children:"HTML"}),(0,c.jsx)(d.Z,{children:"React"}),(0,c.jsx)(d.Z,{children:"Vue"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n Functional\n
    Functional
    \n
    '})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
    \n Functional\n
    Functional
    \n
    ')},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]})]})}),(0,c.jsx)(l.Z,{className:"tab-container",children:(0,c.jsxs)(o.Z,{children:[(0,c.jsxs)(s.Z,{children:[(0,c.jsx)(d.Z,{children:"Angular"}),(0,c.jsx)(d.Z,{children:"HTML"}),(0,c.jsx)(d.Z,{children:"React"}),(0,c.jsx)(d.Z,{children:"Vue"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'\n (Default) Regular\n'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n (Default) Regular\n
    (Default) Regular
    \n
    '})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
    \n (Default) Regular\n
    (Default) Regular
    \n
    ')},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Regular\n'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n (Default) Regular\n')},children:"Copy"})]})]})}),(0,c.jsx)(l.Z,{className:"tab-container",children:(0,c.jsxs)(o.Z,{children:[(0,c.jsxs)(s.Z,{children:[(0,c.jsx)(d.Z,{children:"Angular"}),(0,c.jsx)(d.Z,{children:"HTML"}),(0,c.jsx)(d.Z,{children:"React"}),(0,c.jsx)(d.Z,{children:"Vue"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-html",children:'
    \n Expressive\n
    Expressive
    \n
    '})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
    \n Expressive\n
    Expressive
    \n
    ')},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,c.jsxs)(t.Z,{children:[(0,c.jsx)("pre",{children:(0,c.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,c.jsx)(r.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]})]})})]})}},19371:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{"headline":"Functional"}},{"name":"(Default) Regular","className":"db-ui-regular","props":{"headline":"(Default) Regular"}},{"name":"Expressive","className":"db-ui-expressive","props":{"headline":"Expressive"}}]},{"name":"Interaction States","examples":[{"name":"Enabled (Default)/Hover/Pressed","props":{"headline":"Enabled (Default)/Hover/Pressed"}},{"name":"Disabled","props":{"headline":"Disabled","disabled":true}}]},{"name":"Content States","examples":[{"name":"(Default) Collapsed","props":{"headline":"(Default) Collapsed"}},{"name":"Open","props":{"headline":"Open","open":true}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/94274-550a2d6be4434fc9.js b/review/main/_next/static/chunks/94274-09c767e421242b3c.js similarity index 99% rename from review/main/_next/static/chunks/94274-550a2d6be4434fc9.js rename to review/main/_next/static/chunks/94274-09c767e421242b3c.js index 51bc5153165..9617a1e941a 100644 --- a/review/main/_next/static/chunks/94274-550a2d6be4434fc9.js +++ b/review/main/_next/static/chunks/94274-09c767e421242b3c.js @@ -1 +1 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[94274],{37395:function(e,l,a){a.d(l,{P:function(){return n}});let n=(e,l,a)=>e.map((e,n)=>{var t;return{...e,slotCode:null!==(t=null==a?void 0:a.at(n))&&void 0!==t?t:"No code available",examples:e.examples.map(e=>{var a,n,t,i;return{...e,example:l({...e.props,id:null!==(t=null===(a=e.props)||void 0===a?void 0:a.id)&&void 0!==t?t:e.name,children:null!==(i=null===(n=e.props)||void 0===n?void 0:n.children)&&void 0!==i?i:e.name})}})}})},99341:function(e,l,a){var n=a(52322),t=a(5632),i=a(2784),s=a(11803),r=a(86095);let c=e=>{let{examples:l,slotCode:a}=e,[t,s]=(0,i.useState)();return(0,n.jsxs)(r.f,{className:"variants-card db-code-docs",children:[(0,n.jsx)("div",{className:"variants-list",children:l.map((e,l)=>(0,n.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(l)))}),(0,n.jsxs)("details",{className:"code-details",onToggle:()=>{s(!t)},children:[(0,n.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:t?"Hide code":"Show code"}),(0,n.jsxs)("div",{className:"db-ui-functional",children:[(0,n.jsx)("div",{className:"backdrop"}),(0,n.jsx)(r.f,{className:"code",spacing:"small",children:a})]})]})]})},o=e=>{let{variants:l,componentName:a}=e,t=(e,l)=>{if(!window.location.origin||!window.location.href)return"";let a=window.location.href.split("?")[0],n="?page=".concat(e.name.toLowerCase());return l?"".concat(a.split("components")[0],"/components/").concat(l).concat(n):"".concat(a).concat(n)};return(0,n.jsx)(n.Fragment,{children:null==l?void 0:l.map((e,l)=>(0,n.jsxs)("div",{children:[(0,n.jsx)(r.oH,{}),(0,n.jsx)("h2",{children:(0,n.jsx)(r.vB,{content:"external",target:"_blank",href:t(e,a),children:e.name})}),(0,n.jsx)(c,{...e})]},"".concat(e.name,"-").concat(l)))})};l.Z=e=>{let{title:l,variants:a,subComponent:r,isSubComponent:d,componentName:p}=e,[b,u]=(0,i.useState)(),x=(0,t.useRouter)();return(0,i.useEffect)(()=>{if(x.query){var e;let l=null===(e=x.query.page)||void 0===e?void 0:e.toString();l&&u(a.find(e=>e.name.toLowerCase()===l))}},[x]),(0,n.jsxs)(n.Fragment,{children:[b&&(0,n.jsx)("div",{children:(0,n.jsx)(c,{...b})}),!b&&!d&&(0,n.jsxs)(s.Z,{children:[(0,n.jsxs)("div",{className:"default-container",children:[(0,n.jsx)("h1",{children:l}),(0,n.jsx)(o,{variants:a,componentName:p})]}),r]}),!b&&d&&(0,n.jsxs)("div",{className:"default-container",children:[(0,n.jsx)("h2",{children:l}),(0,n.jsx)(o,{variants:a,componentName:p})]})]})}},96084:function(e,l,a){a.r(l);var n=a(52322),t=a(2784),i=a(9513),s=a(33878),r=a(95696),c=a(79041),o=a(16909),d=a(16134);l.default=()=>{let[e,l]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>l(!1),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(i.Z,{className:"tab-container",children:(0,n.jsxs)(s.Z,{children:[(0,n.jsxs)(r.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'(Default) Optional'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('(Default) Optional')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n (Default) Optional\n
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('
    \n \n \n (Default) Optional\n
    ')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('(Default) Optional')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('(Default) Optional')},children:"Copy"})]})]})}),(0,n.jsx)(i.Z,{className:"tab-container",children:(0,n.jsxs)(s.Z,{children:[(0,n.jsxs)(r.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'Required'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('Required')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n Required\n
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('
    \n \n \n Required\n
    ')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Required\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n Required\n')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Required'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('Required')},children:"Copy"})]})]})}),(0,n.jsx)(i.Z,{className:"tab-container",children:(0,n.jsxs)(s.Z,{children:[(0,n.jsxs)(r.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'Required - Filled'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('Required - Filled')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n Required - Filled\n
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('
    \n \n \n Required - Filled\n
    ')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Required - Filled\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n Required - Filled\n')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Required - Filled'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('Required - Filled')},children:"Copy"})]})]})})]})}},41215:function(e,l,a){a.r(l);var n=a(52322),t=a(2784),i=a(9513),s=a(33878),r=a(95696),c=a(79041),o=a(16909),d=a(16134);l.default=()=>{let[e,l]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>l(!1),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(i.Z,{className:"tab-container",children:(0,n.jsxs)(s.Z,{children:[(0,n.jsxs)(r.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n Functional\n
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('
    \n \n \n Functional\n
    ')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]})]})}),(0,n.jsx)(i.Z,{className:"tab-container",children:(0,n.jsxs)(s.Z,{children:[(0,n.jsxs)(r.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n (Default) Regular\n
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('
    \n \n \n (Default) Regular\n
    ')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]})]})}),(0,n.jsx)(i.Z,{className:"tab-container",children:(0,n.jsxs)(s.Z,{children:[(0,n.jsxs)(r.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n Expressive\n
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('
    \n \n \n Expressive\n
    ')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]})]})})]})}},74244:function(e,l,a){a.r(l);var n=a(52322),t=a(2784),i=a(9513),s=a(33878),r=a(95696),c=a(79041),o=a(16909),d=a(16134);l.default=()=>{let[e,l]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>l(!1),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(i.Z,{className:"tab-container",children:(0,n.jsxs)(s.Z,{children:[(0,n.jsxs)(r.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'(Default) Basic'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('(Default) Basic')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'(Default) Basic'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('(Default) Basic')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'(Default) Basic'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('(Default) Basic')},children:"Copy"})]})]})}),(0,n.jsx)(i.Z,{className:"tab-container",children:(0,n.jsxs)(s.Z,{children:[(0,n.jsxs)(r.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'\n Helper Message\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Helper Message\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Helper Message\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy"})]})]})})]})}},53365:function(e,l,a){a.r(l);var n=a(52322),t=a(2784),i=a(9513),s=a(33878),r=a(95696),c=a(79041),o=a(16909),d=a(16134);l.default=()=>{let[e,l]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>l(!1),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(i.Z,{className:"tab-container",children:(0,n.jsxs)(s.Z,{children:[(0,n.jsxs)(r.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'(Default) Label Above'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('(Default) Label Above')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label Above'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('(Default) Label Above')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label Above'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('(Default) Label Above')},children:"Copy"})]})]})}),(0,n.jsx)(i.Z,{className:"tab-container",children:(0,n.jsxs)(s.Z,{children:[(0,n.jsxs)(r.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'\n Floating Label\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Floating Label\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Floating Label\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy"})]})]})}),(0,n.jsx)(i.Z,{className:"tab-container",children:(0,n.jsxs)(s.Z,{children:[(0,n.jsxs)(r.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'\n Hidden Label\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy"})]})]})})]})}},71952:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{"label":"Label"}},{"name":"(Default) Regular","className":"db-ui-regular","props":{"label":"Label"}},{"name":"Expressive","className":"db-ui-expressive","props":{"label":"Label"}}]},{"name":"Variant Label","examples":[{"name":"(Default) Label Above","props":{"label":"Label"}},{"name":"Floating Label","props":{"label":"Label","labelVariant":"floating","value":"Floating Label"}},{"name":"Hidden Label","props":{"label":"Label","labelVariant":"hidden"}}]},{"name":"Variant Helper Message","examples":[{"name":"(Default) Basic","props":{"label":"Label"}},{"name":"Helper Message","props":{"label":"Label","message":"Helper Message"}}]},{"name":"Semantic","examples":[{"name":"(Default) Adaptive","props":{"label":"Label","message":"Helper Message"}},{"name":"Critical","props":{"label":"Label","variant":"critical","message":"Critical Message"}},{"name":"Informational","props":{"label":"Label","variant":"informational","message":"Informational Message"}},{"name":"Successful","props":{"label":"Label","variant":"successful","message":"Successful Message"}},{"name":"Warning","props":{"label":"Label","variant":"warning","message":"Warning Message"}}]},{"name":"States Label Above","examples":[{"name":"(Default) Empty","props":{"label":"Label"}},{"name":"Filled","props":{"label":"Label","value":"Filled"}},{"name":"Filled - Invalid","props":{"label":"Label","value":"Filled - Invalid","invalid":true}},{"name":"Filled - Valid","props":{"label":"Label","value":"Filled - Valid","invalid":false}},{"name":"Disabled","props":{"label":"Label","disabled":true}},{"name":"Readonly - Filled","props":{"label":"Label","value":"Readonly - Filled","readOnly":true}}]},{"name":"States Floating Label","examples":[{"name":"(Default) Empty","props":{"label":"Label","labelVariant":"floating"}},{"name":"Filled","props":{"label":"Label","value":"Filled","labelVariant":"floating"}},{"name":"Filled - Invalid","props":{"label":"Label","invalid":true,"value":"Filled - Invalid","labelVariant":"floating"}},{"name":"Filled - Valid","props":{"label":"Label","value":"Filled - Valid","invalid":false,"labelVariant":"floating"}},{"name":"Disabled","props":{"label":"Label","disabled":true,"labelVariant":"floating"}},{"name":"Readonly - Filled","props":{"label":"Label","value":"Readonly - Filled","readOnly":true,"labelVariant":"floating"}}]},{"name":"Content","examples":[{"name":"(Default) Text","props":{"label":"Label","value":"(Default) Text"}},{"name":"Filled Number","props":{"label":"Number","value":"123456","type":"number"}},{"name":"Text - Leading Icon","props":{"label":"Label","icon":"x_placeholder"}},{"name":"Text - Leading Icon - Trailing Icon","props":{"label":"Label","icon":"x_placeholder","iconAfter":"x_placeholder"}},{"name":"Text - Trailing Icon","props":{"label":"Label","iconAfter":"x_placeholder"}}]},{"name":"Requirement","examples":[{"name":"(Default) Optional","props":{"label":"Label"}},{"name":"Required","props":{"label":"Label","required":true}},{"name":"Required - Filled","props":{"label":"Label","value":"Required - Filled","required":true}}]},{"name":"Example - Types","examples":[{"name":"(Default) Text","props":{"label":"Label"}},{"name":"Password","props":{"label":"Label","type":"password"}},{"name":"Search","props":{"label":"Label","type":"search"}},{"name":"E-Mail","props":{"label":"Label","type":"email"}},{"name":"Number","props":{"label":"Label","type":"number"}},{"name":"Tel","props":{"label":"Label","type":"tel"}},{"name":"URL","props":{"label":"Label","type":"url"}},{"name":"Date","props":{"label":"Label","type":"date"}},{"name":"Datetime Local","props":{"label":"Label","type":"datetime-local"}},{"name":"Month","props":{"label":"Label","type":"month"}},{"name":"Time","props":{"label":"Label","type":"time"}},{"name":"Week","props":{"label":"Label","type":"week"}}]},{"name":"Example - Types - Floating Label","examples":[{"name":"(Default) Text","props":{"label":"Label","labelVariant":"floating"}},{"name":"Password","props":{"label":"Label","type":"password","labelVariant":"floating"}},{"name":"Search","props":{"label":"Label","type":"search","labelVariant":"floating"}},{"name":"E-Mail","props":{"label":"Label","type":"email","labelVariant":"floating"}},{"name":"Number","props":{"label":"Label","type":"number","labelVariant":"floating"}},{"name":"Tel","props":{"label":"Label","type":"tel","labelVariant":"floating"}},{"name":"URL","props":{"label":"Label","type":"url","labelVariant":"floating"}},{"name":"Date","props":{"label":"Label","type":"date","labelVariant":"floating"}},{"name":"Datetime Local","props":{"label":"Label","type":"datetime-local","labelVariant":"floating"}},{"name":"Month","props":{"label":"Label","type":"month","labelVariant":"floating"}},{"name":"Time","props":{"label":"Label","type":"time","labelVariant":"floating"}},{"name":"Week","props":{"label":"Label","type":"week","labelVariant":"floating"}}]}]')}}]); \ No newline at end of file +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[94274],{37395:function(e,l,a){a.d(l,{P:function(){return n}});let n=(e,l,a)=>e.map((e,n)=>{var t;return{...e,slotCode:null!==(t=null==a?void 0:a.at(n))&&void 0!==t?t:"No code available",examples:e.examples.map(e=>{var a,n,t,i;return{...e,example:l({...e.props,id:null!==(t=null===(a=e.props)||void 0===a?void 0:a.id)&&void 0!==t?t:e.name,children:null!==(i=null===(n=e.props)||void 0===n?void 0:n.children)&&void 0!==i?i:e.name})}})}})},99341:function(e,l,a){var n=a(52322),t=a(5632),i=a(2784),s=a(12156),r=a(53752);let c=e=>{let{examples:l,slotCode:a}=e,[t,s]=(0,i.useState)();return(0,n.jsxs)(r.f,{className:"variants-card db-code-docs",children:[(0,n.jsx)("div",{className:"variants-list",children:l.map((e,l)=>(0,n.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(l)))}),(0,n.jsxs)("details",{className:"code-details",onToggle:()=>{s(!t)},children:[(0,n.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:t?"Hide code":"Show code"}),(0,n.jsxs)("div",{className:"db-ui-functional",children:[(0,n.jsx)("div",{className:"backdrop"}),(0,n.jsx)(r.f,{className:"code",spacing:"small",children:a})]})]})]})},o=e=>{let{variants:l,componentName:a}=e,t=(e,l)=>{if(!window.location.origin||!window.location.href)return"";let a=window.location.href.split("?")[0],n="?page=".concat(e.name.toLowerCase());return l?"".concat(a.split("components")[0],"/components/").concat(l).concat(n):"".concat(a).concat(n)};return(0,n.jsx)(n.Fragment,{children:null==l?void 0:l.map((e,l)=>(0,n.jsxs)("div",{children:[(0,n.jsx)(r.oH,{}),(0,n.jsx)("h2",{children:(0,n.jsx)(r.vB,{content:"external",target:"_blank",href:t(e,a),children:e.name})}),(0,n.jsx)(c,{...e})]},"".concat(e.name,"-").concat(l)))})};l.Z=e=>{let{title:l,variants:a,subComponent:r,isSubComponent:d,componentName:p}=e,[b,u]=(0,i.useState)(),x=(0,t.useRouter)();return(0,i.useEffect)(()=>{if(x.query){var e;let l=null===(e=x.query.page)||void 0===e?void 0:e.toString();l&&u(a.find(e=>e.name.toLowerCase()===l))}},[x]),(0,n.jsxs)(n.Fragment,{children:[b&&(0,n.jsx)("div",{children:(0,n.jsx)(c,{...b})}),!b&&!d&&(0,n.jsxs)(s.Z,{children:[(0,n.jsxs)("div",{className:"default-container",children:[(0,n.jsx)("h1",{children:l}),(0,n.jsx)(o,{variants:a,componentName:p})]}),r]}),!b&&d&&(0,n.jsxs)("div",{className:"default-container",children:[(0,n.jsx)("h2",{children:l}),(0,n.jsx)(o,{variants:a,componentName:p})]})]})}},96084:function(e,l,a){a.r(l);var n=a(52322),t=a(2784),i=a(9513),s=a(33878),r=a(95696),c=a(79041),o=a(16909),d=a(16134);l.default=()=>{let[e,l]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>l(!1),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(i.Z,{className:"tab-container",children:(0,n.jsxs)(s.Z,{children:[(0,n.jsxs)(r.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'(Default) Optional'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('(Default) Optional')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n (Default) Optional\n
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('
    \n \n \n (Default) Optional\n
    ')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('(Default) Optional')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'(Default) Optional'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('(Default) Optional')},children:"Copy"})]})]})}),(0,n.jsx)(i.Z,{className:"tab-container",children:(0,n.jsxs)(s.Z,{children:[(0,n.jsxs)(r.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'Required'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('Required')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n Required\n
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('
    \n \n \n Required\n
    ')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Required\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n Required\n')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Required'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('Required')},children:"Copy"})]})]})}),(0,n.jsx)(i.Z,{className:"tab-container",children:(0,n.jsxs)(s.Z,{children:[(0,n.jsxs)(r.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'Required - Filled'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('Required - Filled')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n Required - Filled\n
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('
    \n \n \n Required - Filled\n
    ')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Required - Filled\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n Required - Filled\n')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Required - Filled'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('Required - Filled')},children:"Copy"})]})]})})]})}},41215:function(e,l,a){a.r(l);var n=a(52322),t=a(2784),i=a(9513),s=a(33878),r=a(95696),c=a(79041),o=a(16909),d=a(16134);l.default=()=>{let[e,l]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>l(!1),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(i.Z,{className:"tab-container",children:(0,n.jsxs)(s.Z,{children:[(0,n.jsxs)(r.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n Functional\n
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('
    \n \n \n Functional\n
    ')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]})]})}),(0,n.jsx)(i.Z,{className:"tab-container",children:(0,n.jsxs)(s.Z,{children:[(0,n.jsxs)(r.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n (Default) Regular\n
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('
    \n \n \n (Default) Regular\n
    ')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]})]})}),(0,n.jsx)(i.Z,{className:"tab-container",children:(0,n.jsxs)(s.Z,{children:[(0,n.jsxs)(r.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'
    \n \n \n Expressive\n
    '})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('
    \n \n \n Expressive\n
    ')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]})]})})]})}},74244:function(e,l,a){a.r(l);var n=a(52322),t=a(2784),i=a(9513),s=a(33878),r=a(95696),c=a(79041),o=a(16909),d=a(16134);l.default=()=>{let[e,l]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>l(!1),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(i.Z,{className:"tab-container",children:(0,n.jsxs)(s.Z,{children:[(0,n.jsxs)(r.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'(Default) Basic'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('(Default) Basic')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'(Default) Basic'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('(Default) Basic')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'(Default) Basic'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('(Default) Basic')},children:"Copy"})]})]})}),(0,n.jsx)(i.Z,{className:"tab-container",children:(0,n.jsxs)(s.Z,{children:[(0,n.jsxs)(r.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'\n Helper Message\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Helper Message\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Helper Message\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n Helper Message\n')},children:"Copy"})]})]})})]})}},53365:function(e,l,a){a.r(l);var n=a(52322),t=a(2784),i=a(9513),s=a(33878),r=a(95696),c=a(79041),o=a(16909),d=a(16134);l.default=()=>{let[e,l]=(0,t.useState)();return(0,t.useEffect)(()=>{e&&setTimeout(()=>l(!1),1500)},[e]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(i.Z,{className:"tab-container",children:(0,n.jsxs)(s.Z,{children:[(0,n.jsxs)(r.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'(Default) Label Above'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('(Default) Label Above')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label Above'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('(Default) Label Above')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'(Default) Label Above'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('(Default) Label Above')},children:"Copy"})]})]})}),(0,n.jsx)(i.Z,{className:"tab-container",children:(0,n.jsxs)(s.Z,{children:[(0,n.jsxs)(r.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'\n Floating Label\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Floating Label\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Floating Label\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n Floating Label\n')},children:"Copy"})]})]})}),(0,n.jsx)(i.Z,{className:"tab-container",children:(0,n.jsxs)(s.Z,{children:[(0,n.jsxs)(r.Z,{children:[(0,n.jsx)(c.Z,{children:"Angular"}),(0,n.jsx)(c.Z,{children:"HTML"}),(0,n.jsx)(c.Z,{children:"React"}),(0,n.jsx)(c.Z,{children:"Vue"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:'\n Hidden Label\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-html",children:"undefined"})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText("undefined")},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy"})]}),(0,n.jsxs)(o.Z,{children:[(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"hljs language-tsx",children:'\n Hidden Label\n'})}),(0,n.jsx)(d.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{l(!0),navigator.clipboard.writeText('\n Hidden Label\n')},children:"Copy"})]})]})})]})}},71952:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{"label":"Label"}},{"name":"(Default) Regular","className":"db-ui-regular","props":{"label":"Label"}},{"name":"Expressive","className":"db-ui-expressive","props":{"label":"Label"}}]},{"name":"Variant Label","examples":[{"name":"(Default) Label Above","props":{"label":"Label"}},{"name":"Floating Label","props":{"label":"Label","labelVariant":"floating","value":"Floating Label"}},{"name":"Hidden Label","props":{"label":"Label","labelVariant":"hidden"}}]},{"name":"Variant Helper Message","examples":[{"name":"(Default) Basic","props":{"label":"Label"}},{"name":"Helper Message","props":{"label":"Label","message":"Helper Message"}}]},{"name":"Semantic","examples":[{"name":"(Default) Adaptive","props":{"label":"Label","message":"Helper Message"}},{"name":"Critical","props":{"label":"Label","variant":"critical","message":"Critical Message"}},{"name":"Informational","props":{"label":"Label","variant":"informational","message":"Informational Message"}},{"name":"Successful","props":{"label":"Label","variant":"successful","message":"Successful Message"}},{"name":"Warning","props":{"label":"Label","variant":"warning","message":"Warning Message"}}]},{"name":"States Label Above","examples":[{"name":"(Default) Empty","props":{"label":"Label"}},{"name":"Filled","props":{"label":"Label","value":"Filled"}},{"name":"Filled - Invalid","props":{"label":"Label","value":"Filled - Invalid","invalid":true}},{"name":"Filled - Valid","props":{"label":"Label","value":"Filled - Valid","invalid":false}},{"name":"Disabled","props":{"label":"Label","disabled":true}},{"name":"Readonly - Filled","props":{"label":"Label","value":"Readonly - Filled","readOnly":true}}]},{"name":"States Floating Label","examples":[{"name":"(Default) Empty","props":{"label":"Label","labelVariant":"floating"}},{"name":"Filled","props":{"label":"Label","value":"Filled","labelVariant":"floating"}},{"name":"Filled - Invalid","props":{"label":"Label","invalid":true,"value":"Filled - Invalid","labelVariant":"floating"}},{"name":"Filled - Valid","props":{"label":"Label","value":"Filled - Valid","invalid":false,"labelVariant":"floating"}},{"name":"Disabled","props":{"label":"Label","disabled":true,"labelVariant":"floating"}},{"name":"Readonly - Filled","props":{"label":"Label","value":"Readonly - Filled","readOnly":true,"labelVariant":"floating"}}]},{"name":"Content","examples":[{"name":"(Default) Text","props":{"label":"Label","value":"(Default) Text"}},{"name":"Filled Number","props":{"label":"Number","value":"123456","type":"number"}},{"name":"Text - Leading Icon","props":{"label":"Label","icon":"x_placeholder"}},{"name":"Text - Leading Icon - Trailing Icon","props":{"label":"Label","icon":"x_placeholder","iconAfter":"x_placeholder"}},{"name":"Text - Trailing Icon","props":{"label":"Label","iconAfter":"x_placeholder"}}]},{"name":"Requirement","examples":[{"name":"(Default) Optional","props":{"label":"Label"}},{"name":"Required","props":{"label":"Label","required":true}},{"name":"Required - Filled","props":{"label":"Label","value":"Required - Filled","required":true}}]},{"name":"Example - Types","examples":[{"name":"(Default) Text","props":{"label":"Label"}},{"name":"Password","props":{"label":"Label","type":"password"}},{"name":"Search","props":{"label":"Label","type":"search"}},{"name":"E-Mail","props":{"label":"Label","type":"email"}},{"name":"Number","props":{"label":"Label","type":"number"}},{"name":"Tel","props":{"label":"Label","type":"tel"}},{"name":"URL","props":{"label":"Label","type":"url"}},{"name":"Date","props":{"label":"Label","type":"date"}},{"name":"Datetime Local","props":{"label":"Label","type":"datetime-local"}},{"name":"Month","props":{"label":"Label","type":"month"}},{"name":"Time","props":{"label":"Label","type":"time"}},{"name":"Week","props":{"label":"Label","type":"week"}}]},{"name":"Example - Types - Floating Label","examples":[{"name":"(Default) Text","props":{"label":"Label","labelVariant":"floating"}},{"name":"Password","props":{"label":"Label","type":"password","labelVariant":"floating"}},{"name":"Search","props":{"label":"Label","type":"search","labelVariant":"floating"}},{"name":"E-Mail","props":{"label":"Label","type":"email","labelVariant":"floating"}},{"name":"Number","props":{"label":"Label","type":"number","labelVariant":"floating"}},{"name":"Tel","props":{"label":"Label","type":"tel","labelVariant":"floating"}},{"name":"URL","props":{"label":"Label","type":"url","labelVariant":"floating"}},{"name":"Date","props":{"label":"Label","type":"date","labelVariant":"floating"}},{"name":"Datetime Local","props":{"label":"Label","type":"datetime-local","labelVariant":"floating"}},{"name":"Month","props":{"label":"Label","type":"month","labelVariant":"floating"}},{"name":"Time","props":{"label":"Label","type":"time","labelVariant":"floating"}},{"name":"Week","props":{"label":"Label","type":"week","labelVariant":"floating"}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/96029-22bbfa844fd9efb1.js b/review/main/_next/static/chunks/96029-fa19c93583ade0bf.js similarity index 99% rename from review/main/_next/static/chunks/96029-22bbfa844fd9efb1.js rename to review/main/_next/static/chunks/96029-fa19c93583ade0bf.js index f3ebc0d4925..cd77594eaa7 100644 --- a/review/main/_next/static/chunks/96029-22bbfa844fd9efb1.js +++ b/review/main/_next/static/chunks/96029-fa19c93583ade0bf.js @@ -1 +1 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[96029],{37395:function(e,o,n){n.d(o,{P:function(){return a}});let a=(e,o,n)=>e.map((e,a)=>{var r;return{...e,slotCode:null!==(r=null==n?void 0:n.at(a))&&void 0!==r?r:"No code available",examples:e.examples.map(e=>{var n,a,r,i;return{...e,example:o({...e.props,id:null!==(r=null===(n=e.props)||void 0===n?void 0:n.id)&&void 0!==r?r:e.name,children:null!==(i=null===(a=e.props)||void 0===a?void 0:a.children)&&void 0!==i?i:e.name})}})}})},99341:function(e,o,n){var a=n(52322),r=n(5632),i=n(2784),s=n(11803),t=n(86095);let c=e=>{let{examples:o,slotCode:n}=e,[r,s]=(0,i.useState)();return(0,a.jsxs)(t.f,{className:"variants-card db-code-docs",children:[(0,a.jsx)("div",{className:"variants-list",children:o.map((e,o)=>(0,a.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(o)))}),(0,a.jsxs)("details",{className:"code-details",onToggle:()=>{s(!r)},children:[(0,a.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:r?"Hide code":"Show code"}),(0,a.jsxs)("div",{className:"db-ui-functional",children:[(0,a.jsx)("div",{className:"backdrop"}),(0,a.jsx)(t.f,{className:"code",spacing:"small",children:n})]})]})]})},p=e=>{let{variants:o,componentName:n}=e,r=(e,o)=>{if(!window.location.origin||!window.location.href)return"";let n=window.location.href.split("?")[0],a="?page=".concat(e.name.toLowerCase());return o?"".concat(n.split("components")[0],"/components/").concat(o).concat(a):"".concat(n).concat(a)};return(0,a.jsx)(a.Fragment,{children:null==o?void 0:o.map((e,o)=>(0,a.jsxs)("div",{children:[(0,a.jsx)(t.oH,{}),(0,a.jsx)("h2",{children:(0,a.jsx)(t.vB,{content:"external",target:"_blank",href:r(e,n),children:e.name})}),(0,a.jsx)(c,{...e})]},"".concat(e.name,"-").concat(o)))})};o.Z=e=>{let{title:o,variants:n,subComponent:t,isSubComponent:l,componentName:d}=e,[x,v]=(0,i.useState)(),h=(0,r.useRouter)();return(0,i.useEffect)(()=>{if(h.query){var e;let o=null===(e=h.query.page)||void 0===e?void 0:e.toString();o&&v(n.find(e=>e.name.toLowerCase()===o))}},[h]),(0,a.jsxs)(a.Fragment,{children:[x&&(0,a.jsx)("div",{children:(0,a.jsx)(c,{...x})}),!x&&!l&&(0,a.jsxs)(s.Z,{children:[(0,a.jsxs)("div",{className:"default-container",children:[(0,a.jsx)("h1",{children:o}),(0,a.jsx)(p,{variants:n,componentName:d})]}),t]}),!x&&l&&(0,a.jsxs)("div",{className:"default-container",children:[(0,a.jsx)("h2",{children:o}),(0,a.jsx)(p,{variants:n,componentName:d})]})]})}},28133:function(e,o,n){n.r(o);var a=n(52322),r=n(2784),i=n(9513),s=n(33878),t=n(95696),c=n(79041),p=n(16909),l=n(16134);o.default=()=>{let[e,o]=(0,r.useState)();return(0,r.useEffect)(()=>{e&&setTimeout(()=>o(!1),1500)},[e]),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(s.Z,{children:[(0,a.jsxs)(t.Z,{children:[(0,a.jsx)(c.Z,{children:"Angular"}),(0,a.jsx)(c.Z,{children:"HTML"}),(0,a.jsx)(c.Z,{children:"React"}),(0,a.jsx)(c.Z,{children:"Vue"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'(Default) No gap'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('(Default) No gap')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'
    \n
    (Default) No gap
    \n
    '})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('
    \n
    (Default) No gap
    \n
    ')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'(Default) No gap'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('(Default) No gap')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'(Default) No gap'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('(Default) No gap')},children:"Copy"})]})]})}),(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(s.Z,{children:[(0,a.jsxs)(t.Z,{children:[(0,a.jsx)(c.Z,{children:"Angular"}),(0,a.jsx)(c.Z,{children:"HTML"}),(0,a.jsx)(c.Z,{children:"React"}),(0,a.jsx)(c.Z,{children:"Vue"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'With gap'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('With gap')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n With gap\n
    \n
    '})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('
    \n
    \n With gap\n
    \n
    ')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n With gap\n'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n With gap\n')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'With gap'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('With gap')},children:"Copy"})]})]})})]})}},79692:function(e,o,n){n.r(o);var a=n(52322),r=n(2784),i=n(9513),s=n(33878),t=n(95696),c=n(79041),p=n(16909),l=n(16134);o.default=()=>{let[e,o]=(0,r.useState)();return(0,r.useEffect)(()=>{e&&setTimeout(()=>o(!1),1500)},[e]),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(s.Z,{children:[(0,a.jsxs)(t.Z,{children:[(0,a.jsx)(c.Z,{children:"Angular"}),(0,a.jsx)(c.Z,{children:"HTML"}),(0,a.jsx)(c.Z,{children:"React"}),(0,a.jsx)(c.Z,{children:"Vue"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'\n (Default) Small\n'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Small\n')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n (Default) Small\n
    \n
    '})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('
    \n
    \n (Default) Small\n
    \n
    ')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Small\n'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Small\n')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Small\n'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Small\n')},children:"Copy"})]})]})}),(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(s.Z,{children:[(0,a.jsxs)(t.Z,{children:[(0,a.jsx)(c.Z,{children:"Angular"}),(0,a.jsx)(c.Z,{children:"HTML"}),(0,a.jsx)(c.Z,{children:"React"}),(0,a.jsx)(c.Z,{children:"Vue"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'\n Medium\n'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Medium\n')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n Medium\n
    \n
    '})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('
    \n
    \n Medium\n
    \n
    ')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n Medium\n'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Medium\n')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n Medium\n'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Medium\n')},children:"Copy"})]})]})}),(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(s.Z,{children:[(0,a.jsxs)(t.Z,{children:[(0,a.jsx)(c.Z,{children:"Angular"}),(0,a.jsx)(c.Z,{children:"HTML"}),(0,a.jsx)(c.Z,{children:"React"}),(0,a.jsx)(c.Z,{children:"Vue"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'\n None\n'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n None\n')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n None\n
    \n
    '})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('
    \n
    \n None\n
    \n
    ')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n None\n'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n None\n')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n None\n'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n None\n')},children:"Copy"})]})]})})]})}},88777:function(e,o,n){n.r(o);var a=n(52322),r=n(2784),i=n(9513),s=n(33878),t=n(95696),c=n(79041),p=n(16909),l=n(16134);o.default=()=>{let[e,o]=(0,r.useState)();return(0,r.useEffect)(()=>{e&&setTimeout(()=>o(!1),1500)},[e]),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(s.Z,{children:[(0,a.jsxs)(t.Z,{children:[(0,a.jsx)(c.Z,{children:"Angular"}),(0,a.jsx)(c.Z,{children:"HTML"}),(0,a.jsx)(c.Z,{children:"React"}),(0,a.jsx)(c.Z,{children:"Vue"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'
    \n
    Functional
    \n
    '})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('
    \n
    Functional
    \n
    ')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]})]})}),(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(s.Z,{children:[(0,a.jsxs)(t.Z,{children:[(0,a.jsx)(c.Z,{children:"Angular"}),(0,a.jsx)(c.Z,{children:"HTML"}),(0,a.jsx)(c.Z,{children:"React"}),(0,a.jsx)(c.Z,{children:"Vue"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'
    \n
    (Default) Regular
    \n
    '})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('
    \n
    (Default) Regular
    \n
    ')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]})]})}),(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(s.Z,{children:[(0,a.jsxs)(t.Z,{children:[(0,a.jsx)(c.Z,{children:"Angular"}),(0,a.jsx)(c.Z,{children:"HTML"}),(0,a.jsx)(c.Z,{children:"React"}),(0,a.jsx)(c.Z,{children:"Vue"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'
    \n
    Expressive
    \n
    '})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('
    \n
    Expressive
    \n
    ')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]})]})})]})}},17587:function(e,o,n){n.r(o);var a=n(52322),r=n(2784),i=n(9513),s=n(33878),t=n(95696),c=n(79041),p=n(16909),l=n(16134);o.default=()=>{let[e,o]=(0,r.useState)();return(0,r.useEffect)(()=>{e&&setTimeout(()=>o(!1),1500)},[e]),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(s.Z,{children:[(0,a.jsxs)(t.Z,{children:[(0,a.jsx)(c.Z,{children:"Angular"}),(0,a.jsx)(c.Z,{children:"HTML"}),(0,a.jsx)(c.Z,{children:"React"}),(0,a.jsx)(c.Z,{children:"Vue"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'\n (Default) Auto\n'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Auto\n')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'\n
    (Default) Auto
    \n'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n
    (Default) Auto
    \n')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Auto\n'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Auto\n')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Auto\n'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Auto\n')},children:"Copy"})]})]})}),(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(s.Z,{children:[(0,a.jsxs)(t.Z,{children:[(0,a.jsx)(c.Z,{children:"Angular"}),(0,a.jsx)(c.Z,{children:"HTML"}),(0,a.jsx)(c.Z,{children:"React"}),(0,a.jsx)(c.Z,{children:"Vue"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'\n Fixed\n'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Fixed\n')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'\n
    \n Fixed\n
    \n'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n
    \n Fixed\n
    \n')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n Fixed\n'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Fixed\n')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n Fixed\n'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Fixed\n')},children:"Copy"})]})]})})]})}},69780:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{"id":"popover-01"}},{"name":"(Default) Regular","className":"db-ui-regular","props":{"id":"popover-02"}},{"name":"Expressive","className":"db-ui-expressive","props":{"id":"popover-03"}}]},{"name":"Spacing","examples":[{"name":"(Default) Small","props":{"spacing":"small","id":"popover-04"}},{"name":"Medium","props":{"spacing":"medium","id":"popover-05"}},{"name":"None","props":{"spacing":"none","id":"popover-06"}}]},{"name":"Placement","examples":[{"name":"bottom-start","props":{"placement":"bottom-start","id":"popover-07-start"}},{"name":"(Default) bottom","props":{"placement":"bottom","id":"popover-07"}},{"name":"bottom-end","props":{"placement":"bottom-end","id":"popover-07-end"}},{"name":"left-start","props":{"placement":"left-start","id":"popover-09-start"}},{"name":"left","props":{"placement":"left","id":"popover-09"}},{"name":"left-end","props":{"placement":"left-end","id":"popover-09-end"}},{"name":"right-start","props":{"placement":"right-start","id":"popover-10-start"}},{"name":"right","props":{"placement":"right","id":"popover-10"}},{"name":"right-end","props":{"placement":"right-end","id":"popover-10-end"}},{"name":"top-start","props":{"placement":"top-start","id":"popover-08-start"}},{"name":"top","props":{"placement":"top","id":"popover-08"}},{"name":"top-end","props":{"placement":"top-end","id":"popover-08-end"}}]},{"name":"Gap","examples":[{"name":"(Default) No gap","props":{"id":"popover-11"}},{"name":"With gap","props":{"gap":true,"id":"popover-12"}}]},{"name":"Animations","examples":[{"name":"(Default) Animation no delay","props":{"id":"popover-13"}},{"name":"Delay slow","props":{"delay":"slow","id":"popover-14"}},{"name":"Delay fast","props":{"delay":"fast","id":"popover-15"}},{"name":"No animation","props":{"animation":"disabled","id":"popover-16"}}]},{"name":"Width","examples":[{"name":"(Default) Auto","props":{"content":"Max width, lorem ipsum dolor sit amet, consetetur sadipscing","id":"popover-17"}},{"name":"Fixed","props":{"content":"Max width, lorem ipsum dolor sit amet, consetetur sadipscing","width":"fixed","id":"popover-18"}}]}]')}}]); \ No newline at end of file +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[96029],{37395:function(e,o,n){n.d(o,{P:function(){return a}});let a=(e,o,n)=>e.map((e,a)=>{var r;return{...e,slotCode:null!==(r=null==n?void 0:n.at(a))&&void 0!==r?r:"No code available",examples:e.examples.map(e=>{var n,a,r,i;return{...e,example:o({...e.props,id:null!==(r=null===(n=e.props)||void 0===n?void 0:n.id)&&void 0!==r?r:e.name,children:null!==(i=null===(a=e.props)||void 0===a?void 0:a.children)&&void 0!==i?i:e.name})}})}})},99341:function(e,o,n){var a=n(52322),r=n(5632),i=n(2784),s=n(12156),t=n(53752);let c=e=>{let{examples:o,slotCode:n}=e,[r,s]=(0,i.useState)();return(0,a.jsxs)(t.f,{className:"variants-card db-code-docs",children:[(0,a.jsx)("div",{className:"variants-list",children:o.map((e,o)=>(0,a.jsx)("div",{style:e.style,className:e.className,children:e.example},"".concat(e.name,"-").concat(o)))}),(0,a.jsxs)("details",{className:"code-details",onToggle:()=>{s(!r)},children:[(0,a.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:r?"Hide code":"Show code"}),(0,a.jsxs)("div",{className:"db-ui-functional",children:[(0,a.jsx)("div",{className:"backdrop"}),(0,a.jsx)(t.f,{className:"code",spacing:"small",children:n})]})]})]})},p=e=>{let{variants:o,componentName:n}=e,r=(e,o)=>{if(!window.location.origin||!window.location.href)return"";let n=window.location.href.split("?")[0],a="?page=".concat(e.name.toLowerCase());return o?"".concat(n.split("components")[0],"/components/").concat(o).concat(a):"".concat(n).concat(a)};return(0,a.jsx)(a.Fragment,{children:null==o?void 0:o.map((e,o)=>(0,a.jsxs)("div",{children:[(0,a.jsx)(t.oH,{}),(0,a.jsx)("h2",{children:(0,a.jsx)(t.vB,{content:"external",target:"_blank",href:r(e,n),children:e.name})}),(0,a.jsx)(c,{...e})]},"".concat(e.name,"-").concat(o)))})};o.Z=e=>{let{title:o,variants:n,subComponent:t,isSubComponent:l,componentName:d}=e,[x,v]=(0,i.useState)(),h=(0,r.useRouter)();return(0,i.useEffect)(()=>{if(h.query){var e;let o=null===(e=h.query.page)||void 0===e?void 0:e.toString();o&&v(n.find(e=>e.name.toLowerCase()===o))}},[h]),(0,a.jsxs)(a.Fragment,{children:[x&&(0,a.jsx)("div",{children:(0,a.jsx)(c,{...x})}),!x&&!l&&(0,a.jsxs)(s.Z,{children:[(0,a.jsxs)("div",{className:"default-container",children:[(0,a.jsx)("h1",{children:o}),(0,a.jsx)(p,{variants:n,componentName:d})]}),t]}),!x&&l&&(0,a.jsxs)("div",{className:"default-container",children:[(0,a.jsx)("h2",{children:o}),(0,a.jsx)(p,{variants:n,componentName:d})]})]})}},28133:function(e,o,n){n.r(o);var a=n(52322),r=n(2784),i=n(9513),s=n(33878),t=n(95696),c=n(79041),p=n(16909),l=n(16134);o.default=()=>{let[e,o]=(0,r.useState)();return(0,r.useEffect)(()=>{e&&setTimeout(()=>o(!1),1500)},[e]),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(s.Z,{children:[(0,a.jsxs)(t.Z,{children:[(0,a.jsx)(c.Z,{children:"Angular"}),(0,a.jsx)(c.Z,{children:"HTML"}),(0,a.jsx)(c.Z,{children:"React"}),(0,a.jsx)(c.Z,{children:"Vue"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'(Default) No gap'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('(Default) No gap')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'
    \n
    (Default) No gap
    \n
    '})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('
    \n
    (Default) No gap
    \n
    ')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'(Default) No gap'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('(Default) No gap')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'(Default) No gap'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('(Default) No gap')},children:"Copy"})]})]})}),(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(s.Z,{children:[(0,a.jsxs)(t.Z,{children:[(0,a.jsx)(c.Z,{children:"Angular"}),(0,a.jsx)(c.Z,{children:"HTML"}),(0,a.jsx)(c.Z,{children:"React"}),(0,a.jsx)(c.Z,{children:"Vue"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'With gap'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('With gap')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n With gap\n
    \n
    '})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('
    \n
    \n With gap\n
    \n
    ')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n With gap\n'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n With gap\n')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'With gap'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('With gap')},children:"Copy"})]})]})})]})}},79692:function(e,o,n){n.r(o);var a=n(52322),r=n(2784),i=n(9513),s=n(33878),t=n(95696),c=n(79041),p=n(16909),l=n(16134);o.default=()=>{let[e,o]=(0,r.useState)();return(0,r.useEffect)(()=>{e&&setTimeout(()=>o(!1),1500)},[e]),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(s.Z,{children:[(0,a.jsxs)(t.Z,{children:[(0,a.jsx)(c.Z,{children:"Angular"}),(0,a.jsx)(c.Z,{children:"HTML"}),(0,a.jsx)(c.Z,{children:"React"}),(0,a.jsx)(c.Z,{children:"Vue"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'\n (Default) Small\n'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Small\n')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n (Default) Small\n
    \n
    '})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('
    \n
    \n (Default) Small\n
    \n
    ')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Small\n'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Small\n')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Small\n'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Small\n')},children:"Copy"})]})]})}),(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(s.Z,{children:[(0,a.jsxs)(t.Z,{children:[(0,a.jsx)(c.Z,{children:"Angular"}),(0,a.jsx)(c.Z,{children:"HTML"}),(0,a.jsx)(c.Z,{children:"React"}),(0,a.jsx)(c.Z,{children:"Vue"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'\n Medium\n'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Medium\n')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n Medium\n
    \n
    '})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('
    \n
    \n Medium\n
    \n
    ')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n Medium\n'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Medium\n')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n Medium\n'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Medium\n')},children:"Copy"})]})]})}),(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(s.Z,{children:[(0,a.jsxs)(t.Z,{children:[(0,a.jsx)(c.Z,{children:"Angular"}),(0,a.jsx)(c.Z,{children:"HTML"}),(0,a.jsx)(c.Z,{children:"React"}),(0,a.jsx)(c.Z,{children:"Vue"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'\n None\n'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n None\n')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'
    \n
    \n None\n
    \n
    '})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('
    \n
    \n None\n
    \n
    ')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n None\n'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n None\n')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n None\n'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n None\n')},children:"Copy"})]})]})})]})}},88777:function(e,o,n){n.r(o);var a=n(52322),r=n(2784),i=n(9513),s=n(33878),t=n(95696),c=n(79041),p=n(16909),l=n(16134);o.default=()=>{let[e,o]=(0,r.useState)();return(0,r.useEffect)(()=>{e&&setTimeout(()=>o(!1),1500)},[e]),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(s.Z,{children:[(0,a.jsxs)(t.Z,{children:[(0,a.jsx)(c.Z,{children:"Angular"}),(0,a.jsx)(c.Z,{children:"HTML"}),(0,a.jsx)(c.Z,{children:"React"}),(0,a.jsx)(c.Z,{children:"Vue"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'
    \n
    Functional
    \n
    '})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('
    \n
    Functional
    \n
    ')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]})]})}),(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(s.Z,{children:[(0,a.jsxs)(t.Z,{children:[(0,a.jsx)(c.Z,{children:"Angular"}),(0,a.jsx)(c.Z,{children:"HTML"}),(0,a.jsx)(c.Z,{children:"React"}),(0,a.jsx)(c.Z,{children:"Vue"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'
    \n
    (Default) Regular
    \n
    '})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('
    \n
    (Default) Regular
    \n
    ')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]})]})}),(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(s.Z,{children:[(0,a.jsxs)(t.Z,{children:[(0,a.jsx)(c.Z,{children:"Angular"}),(0,a.jsx)(c.Z,{children:"HTML"}),(0,a.jsx)(c.Z,{children:"React"}),(0,a.jsx)(c.Z,{children:"Vue"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'
    \n
    Expressive
    \n
    '})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('
    \n
    Expressive
    \n
    ')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]})]})})]})}},17587:function(e,o,n){n.r(o);var a=n(52322),r=n(2784),i=n(9513),s=n(33878),t=n(95696),c=n(79041),p=n(16909),l=n(16134);o.default=()=>{let[e,o]=(0,r.useState)();return(0,r.useEffect)(()=>{e&&setTimeout(()=>o(!1),1500)},[e]),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(s.Z,{children:[(0,a.jsxs)(t.Z,{children:[(0,a.jsx)(c.Z,{children:"Angular"}),(0,a.jsx)(c.Z,{children:"HTML"}),(0,a.jsx)(c.Z,{children:"React"}),(0,a.jsx)(c.Z,{children:"Vue"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'\n (Default) Auto\n'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Auto\n')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'\n
    (Default) Auto
    \n'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n
    (Default) Auto
    \n')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Auto\n'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Auto\n')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n (Default) Auto\n'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n (Default) Auto\n')},children:"Copy"})]})]})}),(0,a.jsx)(i.Z,{className:"tab-container",children:(0,a.jsxs)(s.Z,{children:[(0,a.jsxs)(t.Z,{children:[(0,a.jsx)(c.Z,{children:"Angular"}),(0,a.jsx)(c.Z,{children:"HTML"}),(0,a.jsx)(c.Z,{children:"React"}),(0,a.jsx)(c.Z,{children:"Vue"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'\n Fixed\n'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Fixed\n')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'\n
    \n Fixed\n
    \n'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n
    \n Fixed\n
    \n')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n Fixed\n'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Fixed\n')},children:"Copy"})]}),(0,a.jsxs)(p.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n Fixed\n'})}),(0,a.jsx)(l.Z,{className:"copy-button",noText:!0,icon:e?"done":"copy",variant:"text",onClick:()=>{o(!0),navigator.clipboard.writeText('\n Fixed\n')},children:"Copy"})]})]})})]})}},69780:function(e){e.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{"id":"popover-01"}},{"name":"(Default) Regular","className":"db-ui-regular","props":{"id":"popover-02"}},{"name":"Expressive","className":"db-ui-expressive","props":{"id":"popover-03"}}]},{"name":"Spacing","examples":[{"name":"(Default) Small","props":{"spacing":"small","id":"popover-04"}},{"name":"Medium","props":{"spacing":"medium","id":"popover-05"}},{"name":"None","props":{"spacing":"none","id":"popover-06"}}]},{"name":"Placement","examples":[{"name":"bottom-start","props":{"placement":"bottom-start","id":"popover-07-start"}},{"name":"(Default) bottom","props":{"placement":"bottom","id":"popover-07"}},{"name":"bottom-end","props":{"placement":"bottom-end","id":"popover-07-end"}},{"name":"left-start","props":{"placement":"left-start","id":"popover-09-start"}},{"name":"left","props":{"placement":"left","id":"popover-09"}},{"name":"left-end","props":{"placement":"left-end","id":"popover-09-end"}},{"name":"right-start","props":{"placement":"right-start","id":"popover-10-start"}},{"name":"right","props":{"placement":"right","id":"popover-10"}},{"name":"right-end","props":{"placement":"right-end","id":"popover-10-end"}},{"name":"top-start","props":{"placement":"top-start","id":"popover-08-start"}},{"name":"top","props":{"placement":"top","id":"popover-08"}},{"name":"top-end","props":{"placement":"top-end","id":"popover-08-end"}}]},{"name":"Gap","examples":[{"name":"(Default) No gap","props":{"id":"popover-11"}},{"name":"With gap","props":{"gap":true,"id":"popover-12"}}]},{"name":"Animations","examples":[{"name":"(Default) Animation no delay","props":{"id":"popover-13"}},{"name":"Delay slow","props":{"delay":"slow","id":"popover-14"}},{"name":"Delay fast","props":{"delay":"fast","id":"popover-15"}},{"name":"No animation","props":{"animation":"disabled","id":"popover-16"}}]},{"name":"Width","examples":[{"name":"(Default) Auto","props":{"content":"Max width, lorem ipsum dolor sit amet, consetetur sadipscing","id":"popover-17"}},{"name":"Fixed","props":{"content":"Max width, lorem ipsum dolor sit amet, consetetur sadipscing","width":"fixed","id":"popover-18"}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/96734-7c3beaa20d981bc5.js b/review/main/_next/static/chunks/96734-8ac30f07a74b32e7.js similarity index 99% rename from review/main/_next/static/chunks/96734-7c3beaa20d981bc5.js rename to review/main/_next/static/chunks/96734-8ac30f07a74b32e7.js index 7795d06187a..dbe94a7d36b 100644 --- a/review/main/_next/static/chunks/96734-7c3beaa20d981bc5.js +++ b/review/main/_next/static/chunks/96734-8ac30f07a74b32e7.js @@ -1 +1 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[96734],{37395:function(t,e,n){n.d(e,{P:function(){return a}});let a=(t,e,n)=>t.map((t,a)=>{var r;return{...t,slotCode:null!==(r=null==n?void 0:n.at(a))&&void 0!==r?r:"No code available",examples:t.examples.map(t=>{var n,a,r,o;return{...t,example:e({...t.props,id:null!==(r=null===(n=t.props)||void 0===n?void 0:n.id)&&void 0!==r?r:t.name,children:null!==(o=null===(a=t.props)||void 0===a?void 0:a.children)&&void 0!==o?o:t.name})}})}})},99341:function(t,e,n){var a=n(52322),r=n(5632),o=n(2784),l=n(11803),d=n(86095);let s=t=>{let{examples:e,slotCode:n}=t,[r,l]=(0,o.useState)();return(0,a.jsxs)(d.f,{className:"variants-card db-code-docs",children:[(0,a.jsx)("div",{className:"variants-list",children:e.map((t,e)=>(0,a.jsx)("div",{style:t.style,className:t.className,children:t.example},"".concat(t.name,"-").concat(e)))}),(0,a.jsxs)("details",{className:"code-details",onToggle:()=>{l(!r)},children:[(0,a.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:r?"Hide code":"Show code"}),(0,a.jsxs)("div",{className:"db-ui-functional",children:[(0,a.jsx)("div",{className:"backdrop"}),(0,a.jsx)(d.f,{className:"code",spacing:"small",children:n})]})]})]})},c=t=>{let{variants:e,componentName:n}=t,r=(t,e)=>{if(!window.location.origin||!window.location.href)return"";let n=window.location.href.split("?")[0],a="?page=".concat(t.name.toLowerCase());return e?"".concat(n.split("components")[0],"/components/").concat(e).concat(a):"".concat(n).concat(a)};return(0,a.jsx)(a.Fragment,{children:null==e?void 0:e.map((t,e)=>(0,a.jsxs)("div",{children:[(0,a.jsx)(d.oH,{}),(0,a.jsx)("h2",{children:(0,a.jsx)(d.vB,{content:"external",target:"_blank",href:r(t,n),children:t.name})}),(0,a.jsx)(s,{...t})]},"".concat(t.name,"-").concat(e)))})};e.Z=t=>{let{title:e,variants:n,subComponent:d,isSubComponent:i,componentName:u}=t,[w,p]=(0,o.useState)(),b=(0,r.useRouter)();return(0,o.useEffect)(()=>{if(b.query){var t;let e=null===(t=b.query.page)||void 0===t?void 0:t.toString();e&&p(n.find(t=>t.name.toLowerCase()===e))}},[b]),(0,a.jsxs)(a.Fragment,{children:[w&&(0,a.jsx)("div",{children:(0,a.jsx)(s,{...w})}),!w&&!i&&(0,a.jsxs)(l.Z,{children:[(0,a.jsxs)("div",{className:"default-container",children:[(0,a.jsx)("h1",{children:e}),(0,a.jsx)(c,{variants:n,componentName:u})]}),d]}),!w&&i&&(0,a.jsxs)("div",{className:"default-container",children:[(0,a.jsx)("h2",{children:e}),(0,a.jsx)(c,{variants:n,componentName:u})]})]})}},66803:function(t,e,n){n.r(e);var a=n(52322),r=n(2784),o=n(9513),l=n(33878),d=n(95696),s=n(79041),c=n(16909),i=n(16134);e.default=()=>{let[t,e]=(0,r.useState)();return(0,r.useEffect)(()=>{t&&setTimeout(()=>e(!1),1500)},[t]),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(o.Z,{className:"tab-container",children:(0,a.jsxs)(l.Z,{children:[(0,a.jsxs)(d.Z,{children:[(0,a.jsx)(s.Z,{children:"Angular"}),(0,a.jsx)(s.Z,{children:"HTML"}),(0,a.jsx)(s.Z,{children:"React"}),(0,a.jsx)(s.Z,{children:"Vue"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'\n No rounding (Default)\n'})}),(0,a.jsx)(i.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('\n No rounding (Default)\n')},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    No rounding (Default)
    \n
    \n    '})}),(0,a.jsx)(i.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    No rounding (Default)
    \n
    \n    ')},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:" {\n setOpen(false)\n }}\n>\n No rounding (Default)\n"})}),(0,a.jsx)(i.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText(" {\n setOpen(false)\n }}\n>\n No rounding (Default)\n")},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'No rounding (Default)'})}),(0,a.jsx)(i.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('No rounding (Default)')},children:"Copy"})]})]})}),(0,a.jsx)(o.Z,{className:"tab-container",children:(0,a.jsxs)(l.Z,{children:[(0,a.jsxs)(d.Z,{children:[(0,a.jsx)(s.Z,{children:"Angular"}),(0,a.jsx)(s.Z,{children:"HTML"}),(0,a.jsx)(s.Z,{children:"React"}),(0,a.jsx)(s.Z,{children:"Vue"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'\n Rounded\n'})}),(0,a.jsx)(i.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('\n Rounded\n')},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    Rounded
    \n
    \n    '})}),(0,a.jsx)(i.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    Rounded
    \n
    \n    ')},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:" {\n setOpen(false)\n }}\n>\n Rounded\n"})}),(0,a.jsx)(i.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText(" {\n setOpen(false)\n }}\n>\n Rounded\n")},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'Rounded'})}),(0,a.jsx)(i.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Rounded')},children:"Copy"})]})]})})]})}},49932:function(t,e,n){n.r(e);var a=n(52322),r=n(2784),o=n(9513),l=n(33878),d=n(95696),s=n(79041),c=n(16909),i=n(16134);e.default=()=>{let[t,e]=(0,r.useState)();return(0,r.useEffect)(()=>{t&&setTimeout(()=>e(!1),1500)},[t]),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(o.Z,{className:"tab-container",children:(0,a.jsxs)(l.Z,{children:[(0,a.jsxs)(d.Z,{children:[(0,a.jsx)(s.Z,{children:"Angular"}),(0,a.jsx)(s.Z,{children:"HTML"}),(0,a.jsx)(s.Z,{children:"React"}),(0,a.jsx)(s.Z,{children:"Vue"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'\n With padding (Default)\n'})}),(0,a.jsx)(i.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('\n With padding (Default)\n')},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    With padding (Default)
    \n
    \n    '})}),(0,a.jsx)(i.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    With padding (Default)
    \n
    \n    ')},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:" {\n setOpen(false)\n }}\n>\n With padding (Default)\n"})}),(0,a.jsx)(i.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText(" {\n setOpen(false)\n }}\n>\n With padding (Default)\n")},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'With padding (Default)'})}),(0,a.jsx)(i.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('With padding (Default)')},children:"Copy"})]})]})}),(0,a.jsx)(o.Z,{className:"tab-container",children:(0,a.jsxs)(l.Z,{children:[(0,a.jsxs)(d.Z,{children:[(0,a.jsx)(s.Z,{children:"Angular"}),(0,a.jsx)(s.Z,{children:"HTML"}),(0,a.jsx)(s.Z,{children:"React"}),(0,a.jsx)(s.Z,{children:"Vue"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'\n Full\n'})}),(0,a.jsx)(i.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('\n Full\n')},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    Full
    \n
    \n    '})}),(0,a.jsx)(i.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    Full
    \n
    \n    ')},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:' {\n setOpen(false)\n }}\n>\n Full\n'})}),(0,a.jsx)(i.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText(' {\n setOpen(false)\n }}\n>\n Full\n')},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n Full\n '})}),(0,a.jsx)(i.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('\n Full\n ')},children:"Copy"})]})]})})]})}},95067:function(t){t.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    functional
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tfunctional\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tfunctional\\n\\t\\t\\t","vue":"\\n\\t\\tfunctional\\n\\t"}},{"name":"(Default) Regular","className":"db-ui-regular","props":{},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    Regular (Default)
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tRegular (Default)\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t","vue":"\\n\\t\\tRegular (Default)\\n\\t"}},{"name":"Expressive","className":"db-ui-expressive","props":{},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    expressive
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\texpressive\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\texpressive\\n\\t\\t\\t","vue":"\\n\\t\\texpressive\\n\\t"}}]},{"name":"Size","examples":[{"name":"(Default) Medium","props":{"withCloseButton":true},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    With padding (Default)
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tWith padding (Default)\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tWith padding (Default)\\n\\t\\t\\t","vue":"With padding (Default)"}},{"name":"Full","props":{"withCloseButton":true,"width":"full"},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    Full
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tFull\\n","react":"\\t\\t\\t {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tFull\\n\\t\\t\\t","vue":"\\t\\n\\t\\tFull\\n\\t"}}]},{"name":"Rounded","examples":[{"name":"(Default) No rounding","props":{"withCloseButton":true},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    No rounding (Default)
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tNo rounding (Default)\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tNo rounding (Default)\\n\\t\\t\\t","vue":"No rounding (Default)"}},{"name":"Rounded","props":{"withCloseButton":true,"rounded":true},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    Rounded
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tRounded\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tRounded\\n\\t\\t\\t","vue":"Rounded"}}]},{"name":"Spacing","examples":[{"name":"(Default) Medium","props":{"withCloseButton":true},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    Medium (Default)
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tMedium (Default)\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tMedium (Default)\\n\\t\\t\\t","vue":"Medium (Default)"}},{"name":"Small","props":{"withCloseButton":true,"spacing":"small"},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    Small
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tSmall\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tSmall\\n\\t\\t\\t","vue":"Small"}},{"name":"Large","props":{"withCloseButton":true,"spacing":"large"},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    Large
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tLarge\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tLarge\\n\\t\\t\\t","vue":"Large"}},{"name":"No spacing","props":{"withCloseButton":true,"spacing":"none"},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    None
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tNone\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tNone\\n\\t\\t\\t","vue":"None"}}]},{"name":"Backdrop","examples":[{"name":"(Default) With Backdrop","props":{"withCloseButton":true},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    With Backdrop (Default)
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tWith Backdrop (Default)\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tWith Backdrop (Default)\\n\\t\\t\\t","vue":"With Backdrop (Default)"}},{"name":"Backdrop-weak","props":{"withCloseButton":true,"backdrop":"weak"},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    Backdrop-weak
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tBackdrop-weak\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tBackdrop-weak\\n\\t\\t\\t","vue":"Backdrop-weak"}},{"name":"No Backdrop","props":{"withCloseButton":true,"backdrop":"none"},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    No Backdrop
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tNo Backdrop\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tNo Backdrop\\n\\t\\t\\t","vue":"No Backdrop"}}]},{"name":"Directions","examples":[{"name":"(Default) Right","props":{"withCloseButton":true},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    Right (Default)
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tRight (Default)\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tRight (Default)\\n\\t\\t\\t","vue":"Right (Default)"}},{"name":"Left","props":{"withCloseButton":true,"direction":"left"},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    Left
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tLeft\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tLeft\\n\\t\\t\\t","vue":"Left"}},{"name":"Up","props":{"withCloseButton":true,"direction":"up"},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    Up
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tUp\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tUp\\n\\t\\t\\t","vue":"Up"}},{"name":"Down","props":{"withCloseButton":true,"direction":"down"},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    Down
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tDown\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tDown\\n\\t\\t\\t","vue":"Down"}}]}]')}}]); \ No newline at end of file +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[96734],{37395:function(t,e,n){n.d(e,{P:function(){return a}});let a=(t,e,n)=>t.map((t,a)=>{var r;return{...t,slotCode:null!==(r=null==n?void 0:n.at(a))&&void 0!==r?r:"No code available",examples:t.examples.map(t=>{var n,a,r,o;return{...t,example:e({...t.props,id:null!==(r=null===(n=t.props)||void 0===n?void 0:n.id)&&void 0!==r?r:t.name,children:null!==(o=null===(a=t.props)||void 0===a?void 0:a.children)&&void 0!==o?o:t.name})}})}})},99341:function(t,e,n){var a=n(52322),r=n(5632),o=n(2784),l=n(12156),d=n(53752);let s=t=>{let{examples:e,slotCode:n}=t,[r,l]=(0,o.useState)();return(0,a.jsxs)(d.f,{className:"variants-card db-code-docs",children:[(0,a.jsx)("div",{className:"variants-list",children:e.map((t,e)=>(0,a.jsx)("div",{style:t.style,className:t.className,children:t.example},"".concat(t.name,"-").concat(e)))}),(0,a.jsxs)("details",{className:"code-details",onToggle:()=>{l(!r)},children:[(0,a.jsx)("summary",{className:"db-button code-button","data-size":"small","data-variant":"solid",children:r?"Hide code":"Show code"}),(0,a.jsxs)("div",{className:"db-ui-functional",children:[(0,a.jsx)("div",{className:"backdrop"}),(0,a.jsx)(d.f,{className:"code",spacing:"small",children:n})]})]})]})},c=t=>{let{variants:e,componentName:n}=t,r=(t,e)=>{if(!window.location.origin||!window.location.href)return"";let n=window.location.href.split("?")[0],a="?page=".concat(t.name.toLowerCase());return e?"".concat(n.split("components")[0],"/components/").concat(e).concat(a):"".concat(n).concat(a)};return(0,a.jsx)(a.Fragment,{children:null==e?void 0:e.map((t,e)=>(0,a.jsxs)("div",{children:[(0,a.jsx)(d.oH,{}),(0,a.jsx)("h2",{children:(0,a.jsx)(d.vB,{content:"external",target:"_blank",href:r(t,n),children:t.name})}),(0,a.jsx)(s,{...t})]},"".concat(t.name,"-").concat(e)))})};e.Z=t=>{let{title:e,variants:n,subComponent:d,isSubComponent:i,componentName:u}=t,[w,p]=(0,o.useState)(),b=(0,r.useRouter)();return(0,o.useEffect)(()=>{if(b.query){var t;let e=null===(t=b.query.page)||void 0===t?void 0:t.toString();e&&p(n.find(t=>t.name.toLowerCase()===e))}},[b]),(0,a.jsxs)(a.Fragment,{children:[w&&(0,a.jsx)("div",{children:(0,a.jsx)(s,{...w})}),!w&&!i&&(0,a.jsxs)(l.Z,{children:[(0,a.jsxs)("div",{className:"default-container",children:[(0,a.jsx)("h1",{children:e}),(0,a.jsx)(c,{variants:n,componentName:u})]}),d]}),!w&&i&&(0,a.jsxs)("div",{className:"default-container",children:[(0,a.jsx)("h2",{children:e}),(0,a.jsx)(c,{variants:n,componentName:u})]})]})}},66803:function(t,e,n){n.r(e);var a=n(52322),r=n(2784),o=n(9513),l=n(33878),d=n(95696),s=n(79041),c=n(16909),i=n(16134);e.default=()=>{let[t,e]=(0,r.useState)();return(0,r.useEffect)(()=>{t&&setTimeout(()=>e(!1),1500)},[t]),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(o.Z,{className:"tab-container",children:(0,a.jsxs)(l.Z,{children:[(0,a.jsxs)(d.Z,{children:[(0,a.jsx)(s.Z,{children:"Angular"}),(0,a.jsx)(s.Z,{children:"HTML"}),(0,a.jsx)(s.Z,{children:"React"}),(0,a.jsx)(s.Z,{children:"Vue"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'\n No rounding (Default)\n'})}),(0,a.jsx)(i.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('\n No rounding (Default)\n')},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    No rounding (Default)
    \n
    \n    '})}),(0,a.jsx)(i.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    No rounding (Default)
    \n
    \n    ')},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:" {\n setOpen(false)\n }}\n>\n No rounding (Default)\n"})}),(0,a.jsx)(i.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText(" {\n setOpen(false)\n }}\n>\n No rounding (Default)\n")},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'No rounding (Default)'})}),(0,a.jsx)(i.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('No rounding (Default)')},children:"Copy"})]})]})}),(0,a.jsx)(o.Z,{className:"tab-container",children:(0,a.jsxs)(l.Z,{children:[(0,a.jsxs)(d.Z,{children:[(0,a.jsx)(s.Z,{children:"Angular"}),(0,a.jsx)(s.Z,{children:"HTML"}),(0,a.jsx)(s.Z,{children:"React"}),(0,a.jsx)(s.Z,{children:"Vue"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'\n Rounded\n'})}),(0,a.jsx)(i.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('\n Rounded\n')},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    Rounded
    \n
    \n    '})}),(0,a.jsx)(i.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    Rounded
    \n
    \n    ')},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:" {\n setOpen(false)\n }}\n>\n Rounded\n"})}),(0,a.jsx)(i.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText(" {\n setOpen(false)\n }}\n>\n Rounded\n")},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'Rounded'})}),(0,a.jsx)(i.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('Rounded')},children:"Copy"})]})]})})]})}},49932:function(t,e,n){n.r(e);var a=n(52322),r=n(2784),o=n(9513),l=n(33878),d=n(95696),s=n(79041),c=n(16909),i=n(16134);e.default=()=>{let[t,e]=(0,r.useState)();return(0,r.useEffect)(()=>{t&&setTimeout(()=>e(!1),1500)},[t]),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(o.Z,{className:"tab-container",children:(0,a.jsxs)(l.Z,{children:[(0,a.jsxs)(d.Z,{children:[(0,a.jsx)(s.Z,{children:"Angular"}),(0,a.jsx)(s.Z,{children:"HTML"}),(0,a.jsx)(s.Z,{children:"React"}),(0,a.jsx)(s.Z,{children:"Vue"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'\n With padding (Default)\n'})}),(0,a.jsx)(i.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('\n With padding (Default)\n')},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    With padding (Default)
    \n
    \n    '})}),(0,a.jsx)(i.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    With padding (Default)
    \n
    \n    ')},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:" {\n setOpen(false)\n }}\n>\n With padding (Default)\n"})}),(0,a.jsx)(i.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText(" {\n setOpen(false)\n }}\n>\n With padding (Default)\n")},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'With padding (Default)'})}),(0,a.jsx)(i.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('With padding (Default)')},children:"Copy"})]})]})}),(0,a.jsx)(o.Z,{className:"tab-container",children:(0,a.jsxs)(l.Z,{children:[(0,a.jsxs)(d.Z,{children:[(0,a.jsx)(s.Z,{children:"Angular"}),(0,a.jsx)(s.Z,{children:"HTML"}),(0,a.jsx)(s.Z,{children:"React"}),(0,a.jsx)(s.Z,{children:"Vue"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'\n Full\n'})}),(0,a.jsx)(i.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('\n Full\n')},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-html",children:'\n
    \n
    \n \n Close Button\n \n
    \n
    Full
    \n
    \n    '})}),(0,a.jsx)(i.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('\n
    \n
    \n \n Close Button\n \n
    \n
    Full
    \n
    \n    ')},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:' {\n setOpen(false)\n }}\n>\n Full\n'})}),(0,a.jsx)(i.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText(' {\n setOpen(false)\n }}\n>\n Full\n')},children:"Copy"})]}),(0,a.jsxs)(c.Z,{children:[(0,a.jsx)("pre",{children:(0,a.jsx)("code",{className:"hljs language-tsx",children:'\n Full\n '})}),(0,a.jsx)(i.Z,{className:"copy-button",noText:!0,icon:t?"done":"copy",variant:"text",onClick:()=>{e(!0),navigator.clipboard.writeText('\n Full\n ')},children:"Copy"})]})]})})]})}},95067:function(t){t.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"Functional","className":"db-ui-functional","props":{},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    functional
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tfunctional\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tfunctional\\n\\t\\t\\t","vue":"\\n\\t\\tfunctional\\n\\t"}},{"name":"(Default) Regular","className":"db-ui-regular","props":{},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    Regular (Default)
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tRegular (Default)\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tRegular (Default)\\n\\t\\t\\t","vue":"\\n\\t\\tRegular (Default)\\n\\t"}},{"name":"Expressive","className":"db-ui-expressive","props":{},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    expressive
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\texpressive\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\texpressive\\n\\t\\t\\t","vue":"\\n\\t\\texpressive\\n\\t"}}]},{"name":"Size","examples":[{"name":"(Default) Medium","props":{"withCloseButton":true},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    With padding (Default)
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tWith padding (Default)\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tWith padding (Default)\\n\\t\\t\\t","vue":"With padding (Default)"}},{"name":"Full","props":{"withCloseButton":true,"width":"full"},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    Full
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tFull\\n","react":"\\t\\t\\t {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tFull\\n\\t\\t\\t","vue":"\\t\\n\\t\\tFull\\n\\t"}}]},{"name":"Rounded","examples":[{"name":"(Default) No rounding","props":{"withCloseButton":true},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    No rounding (Default)
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tNo rounding (Default)\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tNo rounding (Default)\\n\\t\\t\\t","vue":"No rounding (Default)"}},{"name":"Rounded","props":{"withCloseButton":true,"rounded":true},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    Rounded
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tRounded\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tRounded\\n\\t\\t\\t","vue":"Rounded"}}]},{"name":"Spacing","examples":[{"name":"(Default) Medium","props":{"withCloseButton":true},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    Medium (Default)
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tMedium (Default)\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tMedium (Default)\\n\\t\\t\\t","vue":"Medium (Default)"}},{"name":"Small","props":{"withCloseButton":true,"spacing":"small"},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    Small
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tSmall\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tSmall\\n\\t\\t\\t","vue":"Small"}},{"name":"Large","props":{"withCloseButton":true,"spacing":"large"},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    Large
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tLarge\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tLarge\\n\\t\\t\\t","vue":"Large"}},{"name":"No spacing","props":{"withCloseButton":true,"spacing":"none"},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    None
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tNone\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tNone\\n\\t\\t\\t","vue":"None"}}]},{"name":"Backdrop","examples":[{"name":"(Default) With Backdrop","props":{"withCloseButton":true},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    With Backdrop (Default)
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tWith Backdrop (Default)\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tWith Backdrop (Default)\\n\\t\\t\\t","vue":"With Backdrop (Default)"}},{"name":"Backdrop-weak","props":{"withCloseButton":true,"backdrop":"weak"},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    Backdrop-weak
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tBackdrop-weak\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tBackdrop-weak\\n\\t\\t\\t","vue":"Backdrop-weak"}},{"name":"No Backdrop","props":{"withCloseButton":true,"backdrop":"none"},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    No Backdrop
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tNo Backdrop\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tNo Backdrop\\n\\t\\t\\t","vue":"No Backdrop"}}]},{"name":"Directions","examples":[{"name":"(Default) Right","props":{"withCloseButton":true},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    Right (Default)
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tRight (Default)\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tRight (Default)\\n\\t\\t\\t","vue":"Right (Default)"}},{"name":"Left","props":{"withCloseButton":true,"direction":"left"},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    Left
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tLeft\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tLeft\\n\\t\\t\\t","vue":"Left"}},{"name":"Up","props":{"withCloseButton":true,"direction":"up"},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    Up
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tUp\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tUp\\n\\t\\t\\t","vue":"Up"}},{"name":"Down","props":{"withCloseButton":true,"direction":"down"},"code":{"html":"\\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tClose Button\\n\\t\\t\\t\\t\\n\\t\\t\\t
    \\n\\t\\t\\t
    Down
    \\n\\t\\t
    \\n\\t    ","angular":"\\n\\tDown\\n","react":" {\\n\\t\\t\\t\\t\\tsetOpen(false);\\n\\t\\t\\t\\t}}\\n\\t\\t\\t>\\n\\t\\t\\t\\tDown\\n\\t\\t\\t","vue":"Down"}}]}]')}}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/_app-11a7fbea5f9782fc.js b/review/main/_next/static/chunks/pages/_app-11a7fbea5f9782fc.js deleted file mode 100644 index f9bb0d752fc..00000000000 --- a/review/main/_next/static/chunks/pages/_app-11a7fbea5f9782fc.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[92888],{86570:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/_app",function(){return n(54587)}])},94459:function(e,t){"use strict";var n,a;Object.defineProperty(t,"__esModule",{value:!0}),function(e,t){for(var n in t)Object.defineProperty(e,n,{enumerable:!0,get:t[n]})}(t,{PrefetchKind:function(){return n},ACTION_REFRESH:function(){return r},ACTION_NAVIGATE:function(){return i},ACTION_RESTORE:function(){return l},ACTION_SERVER_PATCH:function(){return o},ACTION_PREFETCH:function(){return s},ACTION_FAST_REFRESH:function(){return c},ACTION_SERVER_ACTION:function(){return d},isThenable:function(){return u}});let r="refresh",i="navigate",l="restore",o="server-patch",s="prefetch",c="fast-refresh",d="server-action";function u(e){return e&&("object"==typeof e||"function"==typeof e)&&"function"==typeof e.then}(a=n||(n={})).AUTO="auto",a.FULL="full",a.TEMPORARY="temporary",("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},20710:function(e,t,n){"use strict";function a(e,t,n,a){return!1}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"getDomainLocale",{enumerable:!0,get:function(){return a}}),n(8723),("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},70216:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return j}});let a=n(43219),r=n(52322),i=a._(n(2784)),l=n(90988),o=n(77113),s=n(86792),c=n(57308),d=n(11082),u=n(21051),f=n(8375),h=n(6607),m=n(20710),v=n(52515),b=n(94459),p=new Set;function g(e,t,n,a,r,i){if(i||(0,o.isLocalURL)(t)){if(!a.bypassPrefetchedCheck){let r=t+"%"+n+"%"+(void 0!==a.locale?a.locale:"locale"in e?e.locale:void 0);if(p.has(r))return;p.add(r)}Promise.resolve(i?e.prefetch(t,r):e.prefetch(t,n,a)).catch(e=>{})}}function x(e){return"string"==typeof e?e:(0,s.formatUrl)(e)}let j=i.default.forwardRef(function(e,t){let n,a;let{href:s,as:p,children:j,prefetch:N=null,passHref:y,replace:S,shallow:R,scroll:E,locale:I,onClick:C,onMouseEnter:A,onTouchStart:w,legacyBehavior:T=!1,...k}=e;n=j,T&&("string"==typeof n||"number"==typeof n)&&(n=(0,r.jsx)("a",{children:n}));let _=i.default.useContext(u.RouterContext),F=i.default.useContext(f.AppRouterContext),L=null!=_?_:F,O=!_,P=!1!==N,B=null===N?b.PrefetchKind.AUTO:b.PrefetchKind.FULL,{href:M,as:U}=i.default.useMemo(()=>{if(!_){let e=x(s);return{href:e,as:p?x(p):e}}let[e,t]=(0,l.resolveHref)(_,s,!0);return{href:e,as:p?(0,l.resolveHref)(_,p):t||e}},[_,s,p]),Y=i.default.useRef(M),V=i.default.useRef(U);T&&(a=i.default.Children.only(n));let z=T?a&&"object"==typeof a&&a.ref:t,[D,W,Z]=(0,h.useIntersection)({rootMargin:"200px"}),H=i.default.useCallback(e=>{(V.current!==U||Y.current!==M)&&(Z(),V.current=U,Y.current=M),D(e),z&&("function"==typeof z?z(e):"object"==typeof z&&(z.current=e))},[U,z,M,Z,D]);i.default.useEffect(()=>{L&&W&&P&&g(L,M,U,{locale:I},{kind:B},O)},[U,M,W,I,P,null==_?void 0:_.locale,L,O,B]);let K={ref:H,onClick(e){T||"function"!=typeof C||C(e),T&&a.props&&"function"==typeof a.props.onClick&&a.props.onClick(e),L&&!e.defaultPrevented&&function(e,t,n,a,r,l,s,c,d){let{nodeName:u}=e.currentTarget;if("A"===u.toUpperCase()&&(function(e){let t=e.currentTarget.getAttribute("target");return t&&"_self"!==t||e.metaKey||e.ctrlKey||e.shiftKey||e.altKey||e.nativeEvent&&2===e.nativeEvent.which}(e)||!d&&!(0,o.isLocalURL)(n)))return;e.preventDefault();let f=()=>{let e=null==s||s;"beforePopState"in t?t[r?"replace":"push"](n,a,{shallow:l,locale:c,scroll:e}):t[r?"replace":"push"](a||n,{scroll:e})};d?i.default.startTransition(f):f()}(e,L,M,U,S,R,E,I,O)},onMouseEnter(e){T||"function"!=typeof A||A(e),T&&a.props&&"function"==typeof a.props.onMouseEnter&&a.props.onMouseEnter(e),L&&(P||!O)&&g(L,M,U,{locale:I,priority:!0,bypassPrefetchedCheck:!0},{kind:B},O)},onTouchStart(e){T||"function"!=typeof w||w(e),T&&a.props&&"function"==typeof a.props.onTouchStart&&a.props.onTouchStart(e),L&&(P||!O)&&g(L,M,U,{locale:I,priority:!0,bypassPrefetchedCheck:!0},{kind:B},O)}};if((0,c.isAbsoluteUrl)(U))K.href=U;else if(!T||y||"a"===a.type&&!("href"in a.props)){let e=void 0!==I?I:null==_?void 0:_.locale,t=(null==_?void 0:_.isLocaleDomain)&&(0,m.getDomainLocale)(U,e,null==_?void 0:_.locales,null==_?void 0:_.domainLocales);K.href=t||(0,v.addBasePath)((0,d.addLocale)(U,e,null==_?void 0:_.defaultLocale))}return T?i.default.cloneElement(a,K):(0,r.jsx)("a",{...k,...K,children:n})});("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},6607:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"useIntersection",{enumerable:!0,get:function(){return s}});let a=n(2784),r=n(61289),i="function"==typeof IntersectionObserver,l=new Map,o=[];function s(e){let{rootRef:t,rootMargin:n,disabled:s}=e,c=s||!i,[d,u]=(0,a.useState)(!1),f=(0,a.useRef)(null),h=(0,a.useCallback)(e=>{f.current=e},[]);return(0,a.useEffect)(()=>{if(i){if(c||d)return;let e=f.current;if(e&&e.tagName)return function(e,t,n){let{id:a,observer:r,elements:i}=function(e){let t;let n={root:e.root||null,margin:e.rootMargin||""},a=o.find(e=>e.root===n.root&&e.margin===n.margin);if(a&&(t=l.get(a)))return t;let r=new Map;return t={id:n,observer:new IntersectionObserver(e=>{e.forEach(e=>{let t=r.get(e.target),n=e.isIntersecting||e.intersectionRatio>0;t&&n&&t(n)})},e),elements:r},o.push(n),l.set(n,t),t}(n);return i.set(e,t),r.observe(e),function(){if(i.delete(e),r.unobserve(e),0===i.size){r.disconnect(),l.delete(a);let e=o.findIndex(e=>e.root===a.root&&e.margin===a.margin);e>-1&&o.splice(e,1)}}}(e,e=>e&&u(e),{root:null==t?void 0:t.current,rootMargin:n})}else if(!d){let e=(0,r.requestIdleCallback)(()=>u(!0));return()=>(0,r.cancelIdleCallback)(e)}},[c,n,t,d,f.current]),[h,d,(0,a.useCallback)(()=>{u(!1)},[])]}("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},22003:function(e,t,n){"use strict";n.d(t,{Y:function(){return l}});var a=n(52322),r=n(2784),i=n(58077),l=(0,r.forwardRef)(function(e,t){let n=t||(0,r.useRef)(t);return(0,a.jsx)("button",{ref:n,...(0,i.mS)(e,[]),id:e.id,className:(0,i.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})})},6009:function(e,t,n){"use strict";n.d(t,{f:function(){return l}});var a=n(52322),r=n(2784),i=n(58077),l=(0,r.forwardRef)(function(e,t){let n=t||(0,r.useRef)(t);return(0,a.jsxs)("div",{ref:n,...(0,i.mS)(e,[]),id:e.id,className:(0,i.yI)("db-card",e.className),"data-variant":e.variant,"data-color-variant":e.colorVariant,"data-elevation":e.elevation,"data-spacing":e.spacing,onClick:t=>{e.onClick&&e.onClick(t)},children:[e.imgSrc?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("img",{className:"db-card-image",src:e.imgSrc,alt:e.imgAlt,height:e.imgHeight,width:e.imgWidth})}):null,e.children]})})},60767:function(e,t,n){"use strict";n.d(t,{P:function(){return l}});var a=n(52322),r=n(2784),i=n(58077),l=(0,r.forwardRef)(function(e,t){let n=t||(0,r.useRef)(t);return(0,a.jsx)("span",{"aria-hidden":"true",ref:n,...(0,i.mS)(e,[]),id:e.id,className:(0,i.yI)("db-icon",e.className),"data-icon":e.icon,"data-icon-weight":e.weight,"data-icon-variant":e.variant,children:e.children})})},32924:function(e,t,n){"use strict";n.d(t,{E:function(){return l}});var a=n(52322),r=n(2784),i=n(58077),l=(0,r.forwardRef)(function(e,t){let n=t||(0,r.useRef)(t);return(0,a.jsx)("span",{ref:n,...(0,i.mS)(e,[]),id:e.id,className:(0,i.yI)("db-infotext",e.className),"data-icon":e.icon,"data-variant":e.variant,"data-size":e.size,children:e.children})})},562:function(e,t,n){"use strict";var a=n(52322),r=n(2784),i=n(58077),l=n(65982);let o=(0,r.forwardRef)(function(e,t){let n=t||(0,r.useRef)(t),[o,s]=(0,r.useState)(()=>l.IY);return(0,a.jsxs)("a",{ref:n,...(0,i.mS)(e,[]),id:e.id,className:(0,i.yI)("db-link",e.className),href:e.href,target:e.target,rel:e.rel,role:e.role,hrefLang:e.hreflang,"aria-disabled":e.disabled,tabIndex:e.disabled?-1:0,"aria-selected":e.selected,"aria-label":e.label,"aria-current":e.current,"data-size":e.size,"data-variant":e.variant,"data-content":e.content||"internal",onClick:t=>{e.onClick&&e.onClick(t)},children:[e.text?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("span",{children:e.text})}):null,e.children]})});t.Z=o},36802:function(e,t,n){"use strict";var a=n(52322),r=n(2784),i=n(58077);let l=(0,r.forwardRef)(function(e,t){let n=t||(0,r.useRef)(t),[l,o]=(0,r.useState)(()=>!1);function s(){if(!n.current)return;let e=n.current.querySelector("article");e&&(0,i.Lp)(e)}return(0,r.useEffect)(()=>{o(!0)},[]),(0,r.useEffect)(()=>{if(n.current&&l){let e=Array.from(n.current.children);e.length>=2&&(e[0].ariaHasPopup="true"),o(!1)}},[n.current,l]),(0,a.jsxs)("div",{ref:n,...(0,i.mS)(e,[]),id:e.id,className:(0,i.yI)("db-popover",e.className),onFocus:e=>s(),onMouseEnter:e=>s(),children:[e.slotTrigger,(0,a.jsx)("article",{className:"db-popover-content","data-spacing":e.spacing,"data-gap":e.gap,"data-animation":e.animation,"data-open":e.open,"data-delay":e.delay,"data-width":e.width,"data-placement":e.placement,children:e.children})]})});t.Z=l},89686:function(e,t,n){"use strict";n.d(t,{P:function(){return a.Z}});var a=n(95610)},95610:function(e,t,n){"use strict";var a=n(52322),r=n(2784),i=n(58077),l=n(65982);let o=(0,r.forwardRef)(function(e,t){let n=t||(0,r.useRef)(t),[o,s]=(0,r.useState)(()=>l.IY);return(0,a.jsx)("div",{role:"tablist",ref:n,...(0,i.mS)(e,[]),id:o,className:(0,i.yI)("db-tab-list",e.className),children:(0,a.jsx)("ul",{children:e.children})})});t.Z=o},9178:function(e,t,n){"use strict";n.d(t,{A:function(){return a.Z}});var a=n(99469)},99469:function(e,t,n){"use strict";var a=n(52322),r=n(2784),i=n(58077),l=n(65982);let o=(0,r.forwardRef)(function(e,t){let n=t||(0,r.useRef)(t),[o,s]=(0,r.useState)(()=>l.IY);return(0,r.useEffect)(()=>{},[]),(0,a.jsxs)("article",{role:"tabpanel",ref:n,...(0,i.mS)(e,[]),className:(0,i.yI)("db-tab-panel",e.className),id:o,children:[e.content?(0,a.jsx)(a.Fragment,{children:e.content}):null,e.children]})});t.Z=o},59696:function(e,t,n){"use strict";n.d(t,{Q:function(){return a.Z}});var a=n(5951)},5951:function(e,t,n){"use strict";var a=n(52322),r=n(2784),i=n(58077),l=n(65982);let o=(0,r.forwardRef)(function(e,t){let n=t||(0,r.useRef)(t),[o,s]=(0,r.useState)(()=>l.IY),[c,d]=(0,r.useState)(()=>!1);return(0,r.useEffect)(()=>{d(!0)},[]),(0,r.useEffect)(()=>{e.active&&c&&(n.current.click(),d(!1))},[n.current,c]),(0,a.jsx)("li",{role:"tab",className:(0,i.yI)("db-tab",e.className),children:(0,a.jsxs)("label",{htmlFor:o,"data-icon":e.icon,"data-icon-after":e.iconAfter,className:(0,i.yI)({"is-icon-text-replace":e.noText}),children:[(0,a.jsx)("input",{type:"radio",disabled:e.disabled,ref:n,...(0,i.mS)(e,[]),id:o}),e.label?(0,a.jsx)(a.Fragment,{children:e.label}):null,e.children]})})});t.Z=o},83270:function(e,t,n){"use strict";var a=n(52322),r=n(2784),i=n(58077),l=n(22003),o=n(89686),s=n(59696),c=n(9178),d=n(65982);let u=(0,r.forwardRef)(function(e,t){var n,u,f,h;let m=t||(0,r.useRef)(t),[v,b]=(0,r.useState)(()=>d.IY),[p,g]=(0,r.useState)(()=>""),[x,j]=(0,r.useState)(()=>!1),[N,y]=(0,r.useState)(()=>!1),[S,R]=(0,r.useState)(()=>!1),[E,I]=(0,r.useState)(()=>null);function C(e){try{if("string"==typeof e)return JSON.parse(e);return e}catch(e){console.error(e)}}function A(e){let t=e.scrollWidth>e.clientWidth;y(t&&e.scrollLeft>1),R(t&&e.scrollLeft{b(e.id||"tabs-"+(0,i.Vj)()),g(e.name||(0,i.Vj)()),j(!0)},[]),(0,r.useEffect)(()=>{if(m.current&&x){let t=m.current.getElementsByClassName("db-tab-list");if((null==t?void 0:t.length)>0){let n=t.item(0);if(n){if("arrows"===e.behaviour){let e=n.querySelector("ul");I(e),A(e),e.addEventListener("scroll",()=>{A(e)})}let t=n.getElementsByClassName("db-tab");(null==t?void 0:t.length)>0&&Array.from(t).forEach((t,n)=>{let a=t.querySelector("label"),r=t.querySelector("input");if(r&&a){if(r.id===d.IY){let e="".concat(p,"-tab-").concat(n);a.setAttribute("for",e),a.setAttribute("aria-controls","".concat(p,"-tab-panel-").concat(n)),r.id=e,r.setAttribute("name",p)}let t=!e.initialSelectedMode||"auto"===e.initialSelectedMode,i=void 0===e.initialSelectedIndex&&0===n||e.initialSelectedIndex===n;t&&i&&r.click()}})}}let n=m.current.getElementsByClassName("db-tab-panel");(null==n?void 0:n.length)>0&&Array.from(n).forEach((e,t)=>{e.id===d.IY&&(e.id="".concat(p,"-tab-panel-").concat(t),e.setAttribute("aria-labelledby","".concat(p,"-tab-").concat(t)))}),j(!1)}},[m.current,x]),(0,a.jsxs)("div",{ref:m,...(0,i.mS)(e,[]),id:v,className:(0,i.yI)("db-tabs",e.className),"data-orientation":e.orientation,"data-scroll-behaviour":e.behaviour,"data-alignment":null!==(f=e.alignment)&&void 0!==f?f:"start","data-width":null!==(h=e.width)&&void 0!==h?h:"auto",children:[N?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)(l.Y,{variant:"text",icon:"chevron_left",className:"tabs-scroll-left",noText:!0,onClick:e=>w(!0),children:"Scroll left"})}):null,e.tabs?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(o.P,{children:null===(n=C(e.tabs))||void 0===n?void 0:n.map((t,n)=>(0,a.jsx)(s.Q,{active:t.active,label:t.label,iconAfter:t.iconAfter,icon:t.icon,noText:t.noText},e.name+"tab"+n))}),null===(u=C(e.tabs))||void 0===u?void 0:u.map((t,n)=>(0,a.jsx)(c.A,{content:t.content,children:t.children},e.name+"tab-panel"+n))]}):null,S?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)(l.Y,{variant:"text",icon:"chevron_right",className:"tabs-scroll-right",noText:!0,onClick:e=>w(),children:"Scroll right"})}):null,e.children]})});t.Z=u},19429:function(e,t,n){"use strict";var a=n(52322),r=n(2784),i=n(58077);let l=(0,r.forwardRef)(function(e,t){let n=t||(0,r.useRef)(t),[l,o]=(0,r.useState)(()=>!1);return(0,r.useEffect)(()=>{o(!0)},[]),(0,r.useEffect)(()=>{if(n.current&&l){let e=n.current.parentElement;e&&["mouseenter","focus"].forEach(t=>{e.addEventListener(t,()=>void((null==n?void 0:n.current)&&(0,i.Lp)(n.current)))}),o(!1)}},[n.current,l]),(0,a.jsx)("i",{role:"tooltip","data-gap":"true",ref:n,...(0,i.mS)(e,[]),id:e.id,"data-emphasis":e.emphasis,"data-animation":e.animation,"data-delay":e.delay,"data-width":e.width,"data-variant":e.variant,"data-placement":e.placement,onClick:e=>(function(e){e.stopPropagation()})(e),className:(0,i.yI)("db-tooltip",e.className),children:e.children})});t.Z=l},86095:function(e,t,n){"use strict";n.d(t,{aw:function(){return w},kC:function(){return A},H3:function(){return c},aE:function(){return d},mX:function(){return u},Y1:function(){return i.Y},f:function(){return f.f},I3:function(){return h},oH:function(){return m},TG:function(){return v},W4:function(){return b},Pg:function(){return p.P},EZ:function(){return g.E},aq:function(){return x},vB:function(){return l.Z},Cc:function(){return T},pK:function(){return C},wi:function(){return j},Ys:function(){return k.Z},an:function(){return N},cN:function(){return y},kr:function(){return S},QQ:function(){return R.Q},PC:function(){return F.P},Ao:function(){return O.A},nE:function(){return L.Z},k8:function(){return E},GI:function(){return I},Nd:function(){return _.Z}});var a=n(52322),r=n(2784),i=n(22003),l=n(562),o=n(65982),s=n(58077),c=(0,r.forwardRef)(function(e,t){var n;let c=t||(0,r.useRef)(t);return(0,a.jsxs)("div",{ref:c,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-alert",e.className),"aria-live":e.ariaLive,"data-variant":e.variant,"data-type":e.type,"data-icon":e.icon,"data-elevation":e.elevation,children:[e.headline?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("strong",{className:"db-alert-headline",children:e.headline})}):null,(0,a.jsx)("p",{className:"db-alert-content",children:e.children}),e.link?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)(l.Z,{variant:"inline",className:"db-alert-link",href:e.link.href,hreflang:e.link.hreflang,target:e.link.target,rel:e.link.rel,role:e.link.role,disabled:e.link.disabled,selected:e.link.selected,label:e.link.label,current:e.link.current,text:e.link.text})}):null,"permanent"!==e.behaviour?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)(i.Y,{icon:"close",variant:"text",size:"small",className:"db-alert-close",id:e.closeButtonId,noText:!0,onClick:t=>{e.onClick&&e.onClick(t)},children:null!==(n=e.closeButtonText)&&void 0!==n?n:o.ce})}):null]})}),d=(0,r.forwardRef)(function(e,t){let n=t||(0,r.useRef)(t);return(0,a.jsx)("span",{ref:n,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-badge",e.className),"data-variant":e.variant,"data-size":e.size,"data-emphasis":e.emphasis,"data-placement":e.placement,children:e.children})}),u=(0,r.forwardRef)(function(e,t){var n,i,l,o,c;let d=t||(0,r.useRef)(t),[u,f]=(0,r.useState)(()=>({anchorRef:"/",src:"./assets/images/db_logo.svg",width:"34",height:"24"}));return(0,a.jsxs)("div",{ref:d,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-brand",e.className),children:[(0,a.jsxs)("a",{href:null!==(n=e.anchorRef)&&void 0!==n?n:u.anchorRef,title:e.anchorTitle,rel:e.anchorRelation,children:[e.hideDefaultAsset?null:(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("img",{className:"db-logo",src:null!==(i=e.imgSrc)&&void 0!==i?i:u.src,alt:null!==(l=e.imgAlt)&&void 0!==l?l:"",height:null!==(o=e.imgHeight)&&void 0!==o?o:u.height,width:null!==(c=e.imgWidth)&&void 0!==c?c:u.width})}),e.anchorChildren?(0,a.jsx)(a.Fragment,{children:e.children}):null]}),e.anchorChildren?null:(0,a.jsx)(a.Fragment,{children:e.children})]})}),f=n(6009),h=(0,r.forwardRef)(function(e,t){let n=t||(0,r.useRef)(t),[i,l]=(0,r.useState)(()=>!1),[c,d]=(0,r.useState)(()=>o.IY);return(0,r.useEffect)(()=>{l(!0),d(e.id||"checkbox-"+(0,s.Vj)())},[]),(0,r.useEffect)(()=>{if(i&&document&&c){var t;let n=null===(t=document)||void 0===t?void 0:t.getElementById(c);n&&(void 0!=e.checked&&(n.checked=e.checked),void 0!==e.indeterminate&&(n.indeterminate=e.indeterminate))}},[i,e.indeterminate,e.checked]),(0,a.jsxs)("label",{"data-size":e.size,"data-label-variant":e.labelVariant,htmlFor:c,className:(0,s.yI)("db-checkbox",e.className),children:[(0,a.jsx)("input",{type:"checkbox",ref:n,...(0,s.mS)(e,[]),id:c,name:e.name,checked:e.checked,disabled:e.disabled,value:e.value,"aria-describedby":e.describedbyid,"aria-invalid":e.invalid,required:e.required,onChange:t=>{e.onChange&&e.onChange(t),e.change&&e.change(t),t.target},onBlur:t=>{e.onBlur&&e.onBlur(t),e.blur&&e.blur(t)},onFocus:t=>{e.onFocus&&e.onFocus(t),e.focus&&e.focus(t)}}),e.label?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("span",{children:e.label})}):null,e.children]})}),m=(0,r.forwardRef)(function(e,t){let n=t||(0,r.useRef)(t);return(0,a.jsx)("div",{ref:n,...(0,s.mS)(e,[]),id:e.id,"data-margin":e.margin,"data-variant":e.variant,"data-emphasis":e.emphasis,className:(0,s.yI)("db-divider",e.className)})}),v=(0,r.forwardRef)(function(e,t){var n;let l=t||(0,r.useRef)(t),c=(0,r.useRef)(null);function d(t){"Escape"===t.key&&t.preventDefault(),("close"===t||"Escape"===t.key||"DIALOG"===t.target.nodeName&&"none"!==e.backdrop)&&e.onClose&&e.onClose()}function u(){(null==l?void 0:l.current)&&(e.open&&!l.current.open&&(c.current&&(c.current.hidden=!1),"none"===e.backdrop?l.current.show():l.current.showModal()),!e.open&&l.current.open&&(c.current&&(c.current.hidden=!0),setTimeout(()=>{var e;c.current&&(c.current.hidden=!1),null===(e=l.current)||void 0===e||e.close()},401)))}return(0,r.useEffect)(()=>{u()},[]),(0,r.useEffect)(()=>{u()},[e.open]),(0,a.jsx)("dialog",{className:"db-drawer",id:e.id,ref:l,...(0,s.mS)(e,["onClose"]),onClick:e=>{d(e)},onKeyDown:e=>d(e),"data-backdrop":e.backdrop,children:(0,a.jsxs)("article",{ref:c,className:(0,s.yI)("db-drawer-container",e.className),"data-spacing":e.spacing,"data-width":e.width,"data-direction":e.direction,"data-rounded":e.rounded,children:[(0,a.jsxs)("header",{className:"db-drawer-header",children:[(0,a.jsx)("div",{className:"db-drawer-header-text",children:e.slotDrawerHeader}),e.withCloseButton?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)(i.Y,{icon:"close",variant:"text",className:"button-close-drawer",id:e.closeButtonId,noText:!0,onClick:e=>d("close"),children:null!==(n=e.closeButtonText)&&void 0!==n?n:o.ce})}):null]}),(0,a.jsx)("div",{className:"db-drawer-content",children:e.children})]})})}),b=(0,r.forwardRef)(function(e,t){var n;let l=t||(0,r.useRef)(t),[c,d]=(0,r.useState)(()=>o.IY),[u,f]=(0,r.useState)(()=>!1),[h,m]=(0,r.useState)(()=>!1),[b,p]=(0,r.useState)(()=>({burgerMenuLabel:"BurgerMenu"}));function g(){e.onToggle&&e.onToggle(!e.drawerOpen)}return(0,r.useEffect)(()=>{f(!0),d(e.id||"header-"+(0,s.Vj)())},[]),(0,r.useEffect)(()=>{if(u&&document&&c&&e.forceMobile){let e=document.getElementById(c);e&&(0,s.yn)(e,{key:"data-force-mobile",value:"true"}),m(!0)}},[u]),(0,a.jsxs)("header",{ref:l,...(0,s.mS)(e,[]),className:(0,s.yI)("db-header",e.className),id:c,"data-on-forcing-mobile":e.forceMobile&&!h,children:[(0,a.jsxs)(v,{spacing:"small",className:"db-header-drawer",rounded:!0,withCloseButton:!0,open:e.drawerOpen,onClose:()=>g(),children:[(0,a.jsxs)("div",{className:"db-header-drawer-navigation",children:[(0,a.jsx)("div",{className:"db-header-navigation",children:e.children}),(0,a.jsx)("div",{className:"db-header-meta-navigation",children:e.slotMetaNavigation})]}),(0,a.jsx)("div",{className:"db-header-action-bar",children:e.slotActionBar})]}),(0,a.jsx)("div",{className:"db-header-meta-navigation",children:e.slotMetaNavigation}),(0,a.jsxs)("div",{className:"db-header-navigation-bar",children:[(0,a.jsx)("div",{className:"db-header-brand-container",children:e.slotBrand}),(0,a.jsxs)("div",{className:"db-header-navigation-container",children:[(0,a.jsx)("div",{className:"db-header-navigation",children:e.children}),(0,a.jsx)("div",{className:"db-header-call-to-action",children:e.slotCallToAction})]}),(0,a.jsxs)("div",{className:"db-header-action-container",children:[(0,a.jsx)("div",{className:"db-header-burger-menu-container",children:(0,a.jsx)(i.Y,{id:"button-burger-menu",icon:"menu",variant:"text",noText:!0,onClick:()=>g(),children:null!==(n=e.burgerMenuLabel)&&void 0!==n?n:b.burgerMenuLabel})}),(0,a.jsx)("div",{className:"db-header-action-bar",children:e.slotActionBar})]})]})]})}),p=n(60767),g=n(32924),x=(0,r.forwardRef)(function(e,t){var n,i,l;let c=t||(0,r.useRef)(t),[d,u]=(0,r.useState)(()=>o.IY),[f,h]=(0,r.useState)(()=>o.IY+o.Kn),[m,v]=(0,r.useState)(()=>o.IY),[b,p]=(0,r.useState)(()=>({label:o.SU,placeholder:" "}));return(0,r.useEffect)(()=>{u(e.id||"input-"+(0,s.Vj)()),h(d+o.Kn),v(e.dataListId||"datalist-".concat((0,s.Vj)()))},[]),(0,a.jsxs)("div",{className:(0,s.yI)("db-input",e.className),"data-variant":e.variant,"data-label-variant":e.labelVariant,"data-icon":e.icon,"data-icon-after":e.iconAfter,children:[(0,a.jsx)("label",{htmlFor:d,children:null!==(i=e.label)&&void 0!==i?i:b.label}),(0,a.jsx)("input",{ref:c,...(0,s.mS)(e,[]),id:d,name:e.name,type:e.type||"text",placeholder:null!==(l=e.placeholder)&&void 0!==l?l:b.placeholder,disabled:e.disabled,required:e.required,step:e.step,value:e.value,"aria-invalid":e.invalid,maxLength:e.maxLength,minLength:e.minLength,max:e.max,min:e.min,readOnly:e.readOnly,form:e.form,pattern:e.pattern,autoComplete:e.autocomplete,onChange:t=>{e.onChange&&e.onChange(t),e.change&&e.change(t),t.target},onBlur:t=>{e.onBlur&&e.onBlur(t),e.blur&&e.blur(t)},onFocus:t=>{e.onFocus&&e.onFocus(t),e.focus&&e.focus(t)},list:e.dataList&&m,"aria-describedby":e.message&&f}),e.dataList?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("datalist",{id:m,children:null===(n=e.dataList)||void 0===n?void 0:n.map(e=>(0,a.jsx)("option",{value:e.key,children:e.value},m+"-option-"+e.key))})}):null,e.children,e.message?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)(g.E,{size:"small",variant:e.variant,icon:(0,s.mT)(e.variant,e.messageIcon),id:f,children:e.message})}):null]})}),j=(0,r.forwardRef)(function(e,t){let n=t||(0,r.useRef)(t),[i,l]=(0,r.useState)(()=>!1);return(0,r.useEffect)(()=>{l(!e.fadeIn),document&&e.fadeIn?document.fonts.ready.then(()=>{l(!0)}):l(!0)},[]),(0,a.jsxs)("div",{ref:n,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-page",e.className,{"fixed-header-footer":"fixedHeaderFooter"===e.type}),"data-fade-in":e.fadeIn,"data-fonts-loaded":i,children:[e.slotHeader,(0,a.jsx)("main",{className:"db-main",children:e.children}),e.slotFooter]})}),N=(0,r.forwardRef)(function(e,t){let n=t||(0,r.useRef)(t),[i,l]=(0,r.useState)(()=>!1),[c,d]=(0,r.useState)(()=>o.IY);return(0,r.useEffect)(()=>{l(!0),d(e.id||"radio-"+(0,s.Vj)())},[]),(0,r.useEffect)(()=>{if(e.checked&&i&&document&&c){var t;let n=null===(t=document)||void 0===t?void 0:t.getElementById(c);n&&void 0!=e.checked&&(n.checked=!0)}},[i]),(0,a.jsxs)("label",{"data-size":e.size,"data-label-variant":e.labelVariant,className:(0,s.yI)("db-radio",e.className),htmlFor:c,children:[(0,a.jsx)("input",{type:"radio",ref:n,...(0,s.mS)(e,[]),id:c,name:e.name,checked:e.checked,disabled:e.disabled,"aria-describedby":e.describedbyid,"aria-invalid":e.invalid,value:e.value,required:e.required,onChange:t=>{e.onChange&&e.onChange(t),e.change&&e.change(t),t.target},onBlur:t=>{e.onBlur&&e.onBlur(t),e.blur&&e.blur(t)},onFocus:t=>{e.onFocus&&e.onFocus(t),e.focus&&e.focus(t)}}),e.label?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("span",{children:e.label})}):null,e.children]})}),y=(0,r.forwardRef)(function(e,t){let n=t||(0,r.useRef)(t),[i,l]=(0,r.useState)(()=>o.IY);return(0,r.useEffect)(()=>{l(e.id||"section-"+(0,s.Vj)())},[]),(0,a.jsx)("section",{ref:n,...(0,s.mS)(e,[]),id:i,"data-size":e.size||"medium",className:(0,s.yI)("db-section",e.className),children:(0,a.jsx)("div",{"data-variant":e.variant,children:e.children})})}),S=(0,r.forwardRef)(function(e,t){var n,i,l;let c=t||(0,r.useRef)(t),[d,u]=(0,r.useState)(()=>o.IY),[f,h]=(0,r.useState)(()=>o.IY+o.Kn),[m,v]=(0,r.useState)(()=>o.IY+o.D_);function b(e){var t;return null!==(t=e.label)&&void 0!==t?t:e.value.toString()}return(0,r.useEffect)(()=>{let t=e.id||"select-"+(0,s.Vj)();u(t),h(t+o.Kn),v(t+o.D_)},[]),(0,a.jsxs)("div",{className:(0,s.yI)("db-select",e.className),"data-variant":e.variant,"data-label-variant":e.labelVariant,"data-icon":e.icon,children:[(0,a.jsx)("label",{htmlFor:d,children:null!==(i=e.label)&&void 0!==i?i:o.SU}),(0,a.jsxs)("select",{ref:c,...(0,s.mS)(e,[]),"aria-invalid":e.invalid,required:e.required,disabled:e.disabled,id:d,name:e.name,value:e.value,autoComplete:e.autocomplete,onClick:t=>{e.onClick&&e.onClick(t)},onChange:t=>{e.onChange&&e.onChange(t),e.change&&e.change(t),t.target},onBlur:t=>{e.onBlur&&e.onBlur(t),e.blur&&e.blur(t)},onFocus:t=>{e.onFocus&&e.onFocus(t),e.focus&&e.focus(t)},"aria-describedby":e.message&&f||m,children:[(0,a.jsx)("option",{hidden:!0}),e.options?(0,a.jsx)(r.Fragment,{children:null===(n=e.options)||void 0===n?void 0:n.map(e=>{var t;return(0,a.jsxs)(r.Fragment,{children:[e.options?(0,a.jsx)(r.Fragment,{children:(0,a.jsx)("optgroup",{label:b(e),children:null===(t=e.options)||void 0===t?void 0:t.map(e=>(0,a.jsx)("option",{value:e.value,disabled:e.disabled,children:b(e)},e.value.toString()))})},(0,s.Vj)()):null,e.options?null:(0,a.jsx)(r.Fragment,{children:(0,a.jsx)("option",{value:e.value,disabled:e.disabled,children:b(e)})},(0,s.Vj)())]},(0,s.Vj)())})},(0,s.Vj)()):null,e.children]}),(0,a.jsx)("span",{id:m,children:null!==(l=e.placeholder)&&void 0!==l?l:e.label}),e.message?(0,a.jsx)(r.Fragment,{children:(0,a.jsx)(g.E,{size:"small",variant:e.variant,icon:(0,s.mT)(e.variant,e.messageIcon),id:f,children:e.message})},(0,s.Vj)()):null]})}),R=n(59696),E=(0,r.forwardRef)(function(e,t){let n=t||(0,r.useRef)(t);function l(){return e.removeButton?e.removeButton:"Remove tag"}return(0,a.jsxs)("div",{ref:n,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-tag",e.className),"data-disabled":e.disabled,"data-variant":e.variant,"data-emphasis":e.emphasis,"data-icon":e.icon,"data-no-text":e.noText,"data-overflow":e.overflow,children:[e.children,e.text?(0,a.jsx)(a.Fragment,{children:e.text}):null,"removable"===e.behaviour?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)(i.Y,{icon:"close",size:"small",variant:"text",className:"db-tab-remove-button",onClick:t=>void(e.onRemove&&e.onRemove()),noText:!0,title:l(),children:l()})}):null]})}),I=(0,r.forwardRef)(function(e,t){var n,i,l;let c=t||(0,r.useRef)(t),[d,u]=(0,r.useState)(()=>o.IY),[f,h]=(0,r.useState)(()=>o.IY+o.Kn),[m,v]=(0,r.useState)(()=>({label:o.SU,placeholder:" ",rows:"4"}));return(0,r.useEffect)(()=>{u(e.id||"textarea-"+(0,s.Vj)()),h(d+o.Kn)},[]),(0,a.jsxs)("div",{className:(0,s.yI)("db-textarea",e.className),"data-label-variant":e.labelVariant,"data-variant":e.variant,children:[(0,a.jsx)("label",{htmlFor:d,children:null!==(n=e.label)&&void 0!==n?n:m.label}),(0,a.jsx)("textarea",{ref:c,...(0,s.mS)(e,[]),id:d,"data-resize":e.resize,disabled:e.disabled,required:e.required,readOnly:e.readOnly,"aria-invalid":e.invalid,form:e.form,maxLength:e.maxLength,minLength:e.minLength,name:e.name,wrap:e.wrap,spellCheck:e.spellCheck,autoComplete:e.autocomplete,onChange:t=>{e.onChange&&e.onChange(t),e.change&&e.change(t),t.target},onBlur:t=>{e.onBlur&&e.onBlur(t),e.blur&&e.blur(t)},onFocus:t=>{e.onFocus&&e.onFocus(t),e.focus&&e.focus(t)},value:e.value,"aria-describedby":e.message&&f,placeholder:null!==(i=e.placeholder)&&void 0!==i?i:m.placeholder,rows:null!==(l=e.rows)&&void 0!==l?l:m.rows,cols:e.cols}),e.message?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)(g.E,{size:"small",variant:e.variant,icon:(0,s.mT)(e.variant,e.messageIcon),id:f,children:e.message})}):null]})}),C=(0,r.forwardRef)(function(e,t){var n;let l=t||(0,r.useRef)(t),[c,d]=(0,r.useState)(()=>!1),[u,f]=(0,r.useState)(()=>!1),[h,m]=(0,r.useState)(()=>!0),[v,b]=(0,r.useState)(()=>!1),[p,g]=(0,r.useState)(()=>"sub-navigation-"+(0,s.Vj)());return(0,r.useEffect)(()=>{d(!0)},[]),(0,r.useEffect)(()=>{void 0!==e.subNavigationExpanded&&b(!!e.subNavigationExpanded)},[e.subNavigationExpanded]),(0,r.useEffect)(()=>{if(void 0!==e.areaPopup)f(e.areaPopup),m(u);else if(c&&document&&p){var t;let e=null===(t=document)||void 0===t?void 0:t.getElementById(p);if(e){let t=e.children;(null==t?void 0:t.length)>0?(f(!0),(0,s.cd)(e)||e.setAttribute("data-outside-vx","true"),(0,s.MN)(e)||e.setAttribute("data-outside-vy","true")):m(!1)}}},[c,e.areaPopup]),(0,a.jsxs)("li",{ref:l,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-navigation-item",e.className),"data-width":e.width,"data-icon":e.icon,"aria-current":e.active?"page":void 0,"aria-disabled":e.disabled,children:[h?null:(0,a.jsx)(a.Fragment,{children:e.children}),h?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("button",{className:"db-navigation-item-expand-button","aria-haspopup":u,"aria-expanded":v,disabled:e.disabled,onClick:t=>{e.onClick&&e.onClick(t),u&&b(!0)},children:e.children}),(0,a.jsxs)("menu",{className:"db-sub-navigation",id:p,children:[u?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("div",{className:"db-mobile-navigation-back",children:(0,a.jsx)(i.Y,{icon:"arrow_back",variant:"text",id:e.backButtonId,onClick:e=>{e.stopPropagation(),b(!1)},children:null!==(n=e.backButtonText)&&void 0!==n?n:o.YP})})}):null,e.slotSubNavigation]})]}):null]})}),A=(0,r.forwardRef)(function(e,t){let n=t||(0,r.useRef)(t),[i,l]=(0,r.useState)(()=>o.IY),[c,d]=(0,r.useState)(()=>!1);return(0,r.useEffect)(()=>{l(e.id||"accordion-item-"+(0,s.Vj)()),e.defaultOpen&&d(e.defaultOpen)},[]),(0,a.jsxs)("details",{ref:n,...(0,s.mS)(e,[]),id:i,className:(0,s.yI)("db-accordion-item",e.className),"aria-disabled":e.disabled,open:c,name:e.name,children:[(0,a.jsxs)("summary",{onClick:t=>(function(t){null==t||t.preventDefault();let n=!c;e.onToggle&&e.onToggle(n),d(n)})(t),children:[e.headline?(0,a.jsx)(a.Fragment,{children:e.headline}):null,e.headline?null:(0,a.jsx)(a.Fragment,{children:e.slotHeadline})]}),(0,a.jsxs)("div",{children:[e.content?(0,a.jsx)(a.Fragment,{children:e.content}):null,e.content?null:(0,a.jsx)(a.Fragment,{children:e.children})]})]})}),w=(0,r.forwardRef)(function(e,t){var n;let i=t||(0,r.useRef)(t),[l,o]=(0,r.useState)(()=>[]),[c,d]=(0,r.useState)(()=>""),[u,f]=(0,r.useState)(()=>!1);return(0,r.useEffect)(()=>{f(!0)},[]),(0,r.useEffect)(()=>{if(i.current&&u){let t=i.current.getElementsByTagName("details");if(t){let n=[];Array.from(t).forEach((t,a)=>{var r;let i=t.id;(t.open||(null===(r=e.initOpenIndex)||void 0===r?void 0:r.includes(a)))&&n.push(i);let l=t.getElementsByTagName("summary");(null==l?void 0:l.length)>0&&l[0].addEventListener("click",()=>{d(i)})}),"single"===e.behaviour&&n.length>1&&(n=[n[0]]),o(n),f(!1)}}},[i.current,u]),(0,r.useEffect)(()=>{(null==c?void 0:c.length)>0&&(l.includes(c)?"single"===e.behaviour?o([]):o(l.filter(e=>e!==c)):"single"===e.behaviour?o([c]):o([...l,c]),e.onChange&&e.onChange(l),d(""))},[c]),(0,r.useEffect)(()=>{if(null==i?void 0:i.current){let e=i.current.getElementsByTagName("details");e&&Array.from(e).forEach(e=>{e.open=l.includes(e.id)})}},[l]),(0,a.jsxs)("div",{ref:i,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-accordion",e.className),"data-variant":e.variant,children:[e.items?null:(0,a.jsx)(a.Fragment,{children:e.children}),e.items?(0,a.jsx)(a.Fragment,{children:null===(n=function(e){try{if("string"==typeof e)return JSON.parse(e);return e}catch(e){console.error(e)}}(e.items))||void 0===n?void 0:n.map((e,t)=>(0,a.jsx)(A,{title:e.headline,disabled:e.disabled,content:e.content},"accordion-item-".concat(e.headline,"-").concat(t)))}):null]})}),T=(0,r.forwardRef)(function(e,t){let n=t||(0,r.useRef)(t),[i,l]=(0,r.useState)(()=>o.IY);return(0,r.useEffect)(()=>{l(e.id||"main-navigation-"+(0,s.Vj)())},[]),(0,a.jsx)("nav",{ref:n,...(0,s.mS)(e,[]),id:i,className:(0,s.yI)("db-main-navigation",e.className),children:(0,a.jsx)("menu",{children:e.children})})}),k=n(36802),_=n(19429),F=n(89686),L=n(83270),O=n(9178)},65982:function(e,t,n){"use strict";var a,r,i,l,o,s,c;n.d(t,{$f:function(){return b},DM:function(){return p},D_:function(){return h},IY:function(){return d},Kn:function(){return f},SU:function(){return u},YP:function(){return m},ce:function(){return v},iw:function(){return a},r$:function(){return i}});let d="OVERWRITE_DEFAULT_ID",u="LABEL SHOULD BE SET",f="-message",h="-placeholder",m="Back",v="Close Button";(o=a||(a={})).FUNCTIONAL="functional",o.REGULAR="regular",o.EXPRESSIVE="expressive";let b=Object.entries(a).map(e=>{let[,t]=e;return t});(r||(r={})).PRIMARY="primary",(s=i||(i={})).BASE="base",s.BASE_STRONG="base-strong",s.BASE_TRANSPARENT_SEMI="base-transparent-semi",s.BASE_TRANSPARENT_FULL="base-transparent-full",s.NEUTRAL="neutral",s.NEUTRAL_STRONG="neutral-strong",s.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",s.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",s.BRAND="brand",s.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",s.BRAND_TRANSPARENT_FULL="brand-transparent-full",s.SUCCESSFUL="successful",s.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",s.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",s.CRITICAL="critical",s.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",s.CRITICAL_TRANSPARENT_Full="critical-transparent-full",s.WARNING="warning",s.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",s.WARNING_TRANSPARENT_FULL="warning-transparent-full",s.INFORMATIONAL="informational",s.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",s.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full";let p=Object.entries(i).map(e=>{let[,t]=e;return t});Object.entries(r).map(e=>{let[,t]=e;return t}),(c=l||(l={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(l).map(e=>{let[,t]=e;return t})},58077:function(e,t,n){"use strict";n.d(t,{Lp:function(){return f},MN:function(){return d},Vj:function(){return a},cd:function(){return c},mS:function(){return s},mT:function(){return l},yI:function(){return i},yn:function(){return r}});let a=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},r=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&r(e,t)})},i=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)a+="".concat(e," ");else for(let t in e)e[t]&&(a+="".concat(t," "))}}),a.trim()},l=(e,t)=>t||(e&&"adaptive"!==e?void 0:"none"),o=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],s=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||o.includes(e))&&!t.includes(e)).reduce((t,n)=>(t[n]=e[n],t),{}),c=e=>{let{left:t,right:n}=e.getBoundingClientRect(),{innerWidth:a}=window;return t>=0&&n<=a},d=e=>{let{top:t,bottom:n}=e.getBoundingClientRect(),{innerHeight:a}=window;return t>=0&&n<=a},u=e=>{var t;let{top:n,bottom:a,left:r,right:i,height:l,width:o}=e.getBoundingClientRect(),{innerHeight:s,innerWidth:c}=window,d=n<0,u=a>s,f=r<0,h=i>c,m=e.hasAttribute("data-outside-vy"),v=e.hasAttribute("data-outside-vx"),b=null==e?void 0:null===(t=e.parentElement)||void 0===t?void 0:t.getBoundingClientRect();return b&&(m&&("top"===e.getAttribute("data-outside-vy")?d=b.top-(a-b.bottom)<0:u=b.bottom+(b.top-n)>s),v&&("left"===e.getAttribute("data-outside-vx")?f=b.left-(i-b.right)<0:h=b.right+(b.left-r)>c)),{outTop:d,outBottom:u,outLeft:f,outRight:h}},f=e=>{let{outTop:t,outBottom:n,outLeft:a,outRight:r}=u(e);t||n?e.setAttribute("data-outside-vy",t?"top":"bottom"):e.removeAttribute("data-outside-vy"),a||r?e.setAttribute("data-outside-vx",r?"right":"left"):e.removeAttribute("data-outside-vx")}},54587:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return h}});var a=n(52322),r=n(45392),i=n(45847),l=n.n(i),o=n(97729),s=n.n(o);n(99819),n(33337),n(56523);var c=n(39097),d=n.n(c),u=n(86095),f=e=>{let{id:t}=e;return t?(0,a.jsxs)(d(),{className:"header-link",href:"?current=".concat(t),children:[(0,a.jsx)(u.Pg,{icon:"add_link"}),t," anchor link"]}):null},h=e=>{let{Component:t,pageProps:n}=e;return(0,a.jsxs)(r.Z,{components:{h1:e=>(0,a.jsxs)("h1",{...e,children:[e.children,(0,a.jsx)(f,{id:e.id})]}),h2:e=>(0,a.jsxs)("h2",{...e,children:[e.children,(0,a.jsx)(f,{id:e.id})]}),h3:e=>(0,a.jsxs)("h3",{...e,children:[e.children,(0,a.jsx)(f,{id:e.id})]}),h4:e=>(0,a.jsxs)("h4",{...e,children:[e.children,(0,a.jsx)(f,{id:e.id})]}),h5:e=>(0,a.jsxs)("h5",{...e,children:[e.children,(0,a.jsx)(f,{id:e.id})]}),h6:e=>(0,a.jsxs)("h6",{...e,children:[e.children,(0,a.jsx)(f,{id:e.id})]}),a:e=>(0,a.jsx)("a",{target:"_blank",referrerPolicy:"no-referrer",...e}),img:e=>{var t;return(0,a.jsx)("img",{...e,src:(null===(t=e.src)||void 0===t?void 0:t.startsWith("http"))?e.src:"".concat("/mono/review/main").concat(e.src)})}},children:[(0,a.jsx)(l(),{src:"/mono/review/main/iframe-resizer/iframeResizer.contentWindow.js"}),(0,a.jsx)(s(),{children:(0,a.jsx)("title",{children:"DB UI Mono"})}),(0,a.jsx)(t,{...n})]})}},56523:function(){},99819:function(){},33337:function(){},97729:function(e,t,n){e.exports=n(52851)},39097:function(e,t,n){e.exports=n(70216)},45847:function(e,t,n){e.exports=n(28263)},45392:function(e,t,n){"use strict";n.d(t,{Z:function(){return o},a:function(){return l}});var a=n(2784);let r={},i=a.createContext(r);function l(e){let t=a.useContext(i);return a.useMemo(function(){return"function"==typeof e?e(t):{...t,...e}},[t,e])}function o(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:l(e.components),a.createElement(i.Provider,{value:t},e.children)}}},function(e){var t=function(t){return e(e.s=t)};e.O(0,[49774,40179],function(){return t(86570),t(5244)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/_app-24ea9b155b35b022.js b/review/main/_next/static/chunks/pages/_app-24ea9b155b35b022.js new file mode 100644 index 00000000000..2a7b06b4c63 --- /dev/null +++ b/review/main/_next/static/chunks/pages/_app-24ea9b155b35b022.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[92888],{86570:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/_app",function(){return n(54587)}])},94459:function(e,t){"use strict";var n,a;Object.defineProperty(t,"__esModule",{value:!0}),function(e,t){for(var n in t)Object.defineProperty(e,n,{enumerable:!0,get:t[n]})}(t,{PrefetchKind:function(){return n},ACTION_REFRESH:function(){return r},ACTION_NAVIGATE:function(){return i},ACTION_RESTORE:function(){return l},ACTION_SERVER_PATCH:function(){return o},ACTION_PREFETCH:function(){return s},ACTION_FAST_REFRESH:function(){return c},ACTION_SERVER_ACTION:function(){return d},isThenable:function(){return u}});let r="refresh",i="navigate",l="restore",o="server-patch",s="prefetch",c="fast-refresh",d="server-action";function u(e){return e&&("object"==typeof e||"function"==typeof e)&&"function"==typeof e.then}(a=n||(n={})).AUTO="auto",a.FULL="full",a.TEMPORARY="temporary",("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},20710:function(e,t,n){"use strict";function a(e,t,n,a){return!1}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"getDomainLocale",{enumerable:!0,get:function(){return a}}),n(8723),("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},70216:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return j}});let a=n(43219),r=n(52322),i=a._(n(2784)),l=n(90988),o=n(77113),s=n(86792),c=n(57308),d=n(11082),u=n(21051),f=n(8375),h=n(6607),m=n(20710),v=n(52515),b=n(94459),p=new Set;function g(e,t,n,a,r,i){if(i||(0,o.isLocalURL)(t)){if(!a.bypassPrefetchedCheck){let r=t+"%"+n+"%"+(void 0!==a.locale?a.locale:"locale"in e?e.locale:void 0);if(p.has(r))return;p.add(r)}Promise.resolve(i?e.prefetch(t,r):e.prefetch(t,n,a)).catch(e=>{})}}function x(e){return"string"==typeof e?e:(0,s.formatUrl)(e)}let j=i.default.forwardRef(function(e,t){let n,a;let{href:s,as:p,children:j,prefetch:N=null,passHref:y,replace:S,shallow:R,scroll:E,locale:I,onClick:C,onMouseEnter:A,onTouchStart:w,legacyBehavior:k=!1,...T}=e;n=j,k&&("string"==typeof n||"number"==typeof n)&&(n=(0,r.jsx)("a",{children:n}));let _=i.default.useContext(u.RouterContext),F=i.default.useContext(f.AppRouterContext),L=null!=_?_:F,O=!_,P=!1!==N,B=null===N?b.PrefetchKind.AUTO:b.PrefetchKind.FULL,{href:M,as:U}=i.default.useMemo(()=>{if(!_){let e=x(s);return{href:e,as:p?x(p):e}}let[e,t]=(0,l.resolveHref)(_,s,!0);return{href:e,as:p?(0,l.resolveHref)(_,p):t||e}},[_,s,p]),Y=i.default.useRef(M),V=i.default.useRef(U);k&&(a=i.default.Children.only(n));let z=k?a&&"object"==typeof a&&a.ref:t,[D,W,Z]=(0,h.useIntersection)({rootMargin:"200px"}),q=i.default.useCallback(e=>{(V.current!==U||Y.current!==M)&&(Z(),V.current=U,Y.current=M),D(e),z&&("function"==typeof z?z(e):"object"==typeof z&&(z.current=e))},[U,z,M,Z,D]);i.default.useEffect(()=>{L&&W&&P&&g(L,M,U,{locale:I},{kind:B},O)},[U,M,W,I,P,null==_?void 0:_.locale,L,O,B]);let H={ref:q,onClick(e){k||"function"!=typeof C||C(e),k&&a.props&&"function"==typeof a.props.onClick&&a.props.onClick(e),L&&!e.defaultPrevented&&function(e,t,n,a,r,l,s,c,d){let{nodeName:u}=e.currentTarget;if("A"===u.toUpperCase()&&(function(e){let t=e.currentTarget.getAttribute("target");return t&&"_self"!==t||e.metaKey||e.ctrlKey||e.shiftKey||e.altKey||e.nativeEvent&&2===e.nativeEvent.which}(e)||!d&&!(0,o.isLocalURL)(n)))return;e.preventDefault();let f=()=>{let e=null==s||s;"beforePopState"in t?t[r?"replace":"push"](n,a,{shallow:l,locale:c,scroll:e}):t[r?"replace":"push"](a||n,{scroll:e})};d?i.default.startTransition(f):f()}(e,L,M,U,S,R,E,I,O)},onMouseEnter(e){k||"function"!=typeof A||A(e),k&&a.props&&"function"==typeof a.props.onMouseEnter&&a.props.onMouseEnter(e),L&&(P||!O)&&g(L,M,U,{locale:I,priority:!0,bypassPrefetchedCheck:!0},{kind:B},O)},onTouchStart(e){k||"function"!=typeof w||w(e),k&&a.props&&"function"==typeof a.props.onTouchStart&&a.props.onTouchStart(e),L&&(P||!O)&&g(L,M,U,{locale:I,priority:!0,bypassPrefetchedCheck:!0},{kind:B},O)}};if((0,c.isAbsoluteUrl)(U))H.href=U;else if(!k||y||"a"===a.type&&!("href"in a.props)){let e=void 0!==I?I:null==_?void 0:_.locale,t=(null==_?void 0:_.isLocaleDomain)&&(0,m.getDomainLocale)(U,e,null==_?void 0:_.locales,null==_?void 0:_.domainLocales);H.href=t||(0,v.addBasePath)((0,d.addLocale)(U,e,null==_?void 0:_.defaultLocale))}return k?i.default.cloneElement(a,H):(0,r.jsx)("a",{...T,...H,children:n})});("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},6607:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"useIntersection",{enumerable:!0,get:function(){return s}});let a=n(2784),r=n(61289),i="function"==typeof IntersectionObserver,l=new Map,o=[];function s(e){let{rootRef:t,rootMargin:n,disabled:s}=e,c=s||!i,[d,u]=(0,a.useState)(!1),f=(0,a.useRef)(null),h=(0,a.useCallback)(e=>{f.current=e},[]);return(0,a.useEffect)(()=>{if(i){if(c||d)return;let e=f.current;if(e&&e.tagName)return function(e,t,n){let{id:a,observer:r,elements:i}=function(e){let t;let n={root:e.root||null,margin:e.rootMargin||""},a=o.find(e=>e.root===n.root&&e.margin===n.margin);if(a&&(t=l.get(a)))return t;let r=new Map;return t={id:n,observer:new IntersectionObserver(e=>{e.forEach(e=>{let t=r.get(e.target),n=e.isIntersecting||e.intersectionRatio>0;t&&n&&t(n)})},e),elements:r},o.push(n),l.set(n,t),t}(n);return i.set(e,t),r.observe(e),function(){if(i.delete(e),r.unobserve(e),0===i.size){r.disconnect(),l.delete(a);let e=o.findIndex(e=>e.root===a.root&&e.margin===a.margin);e>-1&&o.splice(e,1)}}}(e,e=>e&&u(e),{root:null==t?void 0:t.current,rootMargin:n})}else if(!d){let e=(0,r.requestIdleCallback)(()=>u(!0));return()=>(0,r.cancelIdleCallback)(e)}},[c,n,t,d,f.current]),[h,d,(0,a.useCallback)(()=>{u(!1)},[])]}("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},22003:function(e,t,n){"use strict";n.d(t,{Y:function(){return l}});var a=n(52322),r=n(2784),i=n(58077),l=(0,r.forwardRef)(function(e,t){let n=t||(0,r.useRef)(t);return(0,a.jsx)("button",{ref:n,...(0,i.mS)(e,[]),id:e.id,className:(0,i.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})})},6009:function(e,t,n){"use strict";n.d(t,{f:function(){return l}});var a=n(52322),r=n(2784),i=n(58077),l=(0,r.forwardRef)(function(e,t){let n=t||(0,r.useRef)(t);return(0,a.jsxs)("div",{ref:n,...(0,i.mS)(e,[]),id:e.id,className:(0,i.yI)("db-card",e.className),"data-variant":e.variant,"data-color-variant":e.colorVariant,"data-elevation":e.elevation,"data-spacing":e.spacing,onClick:t=>{e.onClick&&e.onClick(t)},children:[e.imgSrc?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("img",{className:"db-card-image",src:e.imgSrc,alt:e.imgAlt,height:e.imgHeight,width:e.imgWidth})}):null,e.children]})})},60767:function(e,t,n){"use strict";n.d(t,{P:function(){return l}});var a=n(52322),r=n(2784),i=n(58077),l=(0,r.forwardRef)(function(e,t){let n=t||(0,r.useRef)(t);return(0,a.jsx)("span",{"aria-hidden":"true",ref:n,...(0,i.mS)(e,[]),id:e.id,className:(0,i.yI)("db-icon",e.className),"data-icon":e.icon,"data-icon-weight":e.weight,"data-icon-variant":e.variant,children:e.children})})},32924:function(e,t,n){"use strict";n.d(t,{E:function(){return l}});var a=n(52322),r=n(2784),i=n(58077),l=(0,r.forwardRef)(function(e,t){let n=t||(0,r.useRef)(t);return(0,a.jsx)("span",{ref:n,...(0,i.mS)(e,[]),id:e.id,className:(0,i.yI)("db-infotext",e.className),"data-icon":e.icon,"data-variant":e.variant,"data-size":e.size,children:e.children})})},562:function(e,t,n){"use strict";var a=n(52322),r=n(2784),i=n(58077),l=n(65982);let o=(0,r.forwardRef)(function(e,t){let n=t||(0,r.useRef)(t),[o,s]=(0,r.useState)(()=>l.IY);return(0,a.jsxs)("a",{ref:n,...(0,i.mS)(e,[]),id:e.id,className:(0,i.yI)("db-link",e.className),href:e.href,target:e.target,rel:e.rel,role:e.role,hrefLang:e.hreflang,"aria-disabled":e.disabled,tabIndex:e.disabled?-1:0,"aria-selected":e.selected,"aria-label":e.label,"aria-current":e.current,"data-size":e.size,"data-variant":e.variant,"data-content":e.content||"internal",onClick:t=>{e.onClick&&e.onClick(t)},children:[e.text?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("span",{children:e.text})}):null,e.children]})});t.Z=o},36802:function(e,t,n){"use strict";var a=n(52322),r=n(2784),i=n(58077);let l=(0,r.forwardRef)(function(e,t){let n=t||(0,r.useRef)(t),[l,o]=(0,r.useState)(()=>!1);function s(){if(!n.current)return;let e=n.current.querySelector("article");e&&(0,i.Lp)(e)}return(0,r.useEffect)(()=>{o(!0)},[]),(0,r.useEffect)(()=>{if(n.current&&l){let e=Array.from(n.current.children);e.length>=2&&(e[0].ariaHasPopup="true"),o(!1)}},[n.current,l]),(0,a.jsxs)("div",{ref:n,...(0,i.mS)(e,[]),id:e.id,className:(0,i.yI)("db-popover",e.className),onFocus:e=>s(),onMouseEnter:e=>s(),children:[e.slotTrigger,(0,a.jsx)("article",{className:"db-popover-content","data-spacing":e.spacing,"data-gap":e.gap,"data-animation":e.animation,"data-open":e.open,"data-delay":e.delay,"data-width":e.width,"data-placement":e.placement,children:e.children})]})});t.Z=l},89686:function(e,t,n){"use strict";n.d(t,{P:function(){return a.Z}});var a=n(95610)},95610:function(e,t,n){"use strict";var a=n(52322),r=n(2784),i=n(58077),l=n(65982);let o=(0,r.forwardRef)(function(e,t){let n=t||(0,r.useRef)(t),[o,s]=(0,r.useState)(()=>l.IY);return(0,a.jsx)("div",{role:"tablist",ref:n,...(0,i.mS)(e,[]),id:o,className:(0,i.yI)("db-tab-list",e.className),children:(0,a.jsx)("ul",{children:e.children})})});t.Z=o},9178:function(e,t,n){"use strict";n.d(t,{A:function(){return a.Z}});var a=n(99469)},99469:function(e,t,n){"use strict";var a=n(52322),r=n(2784),i=n(58077),l=n(65982);let o=(0,r.forwardRef)(function(e,t){let n=t||(0,r.useRef)(t),[o,s]=(0,r.useState)(()=>l.IY);return(0,r.useEffect)(()=>{},[]),(0,a.jsxs)("article",{role:"tabpanel",ref:n,...(0,i.mS)(e,[]),className:(0,i.yI)("db-tab-panel",e.className),id:o,children:[e.content?(0,a.jsx)(a.Fragment,{children:e.content}):null,e.children]})});t.Z=o},59696:function(e,t,n){"use strict";n.d(t,{Q:function(){return a.Z}});var a=n(5951)},5951:function(e,t,n){"use strict";var a=n(52322),r=n(2784),i=n(58077),l=n(65982);let o=(0,r.forwardRef)(function(e,t){let n=t||(0,r.useRef)(t),[o,s]=(0,r.useState)(()=>l.IY),[c,d]=(0,r.useState)(()=>!1);return(0,r.useEffect)(()=>{d(!0)},[]),(0,r.useEffect)(()=>{e.active&&c&&(n.current.click(),d(!1))},[n.current,c]),(0,a.jsx)("li",{role:"tab",className:(0,i.yI)("db-tab",e.className),children:(0,a.jsxs)("label",{htmlFor:o,"data-icon":e.icon,"data-icon-after":e.iconAfter,className:(0,i.yI)({"is-icon-text-replace":e.noText}),children:[(0,a.jsx)("input",{type:"radio",disabled:e.disabled,ref:n,...(0,i.mS)(e,[]),id:o}),e.label?(0,a.jsx)(a.Fragment,{children:e.label}):null,e.children]})})});t.Z=o},83270:function(e,t,n){"use strict";var a=n(52322),r=n(2784),i=n(58077),l=n(22003),o=n(89686),s=n(59696),c=n(9178),d=n(65982);let u=(0,r.forwardRef)(function(e,t){var n,u,f,h;let m=t||(0,r.useRef)(t),[v,b]=(0,r.useState)(()=>d.IY),[p,g]=(0,r.useState)(()=>""),[x,j]=(0,r.useState)(()=>!1),[N,y]=(0,r.useState)(()=>!1),[S,R]=(0,r.useState)(()=>!1),[E,I]=(0,r.useState)(()=>null);function C(e){try{if("string"==typeof e)return JSON.parse(e);return e}catch(e){console.error(e)}}function A(e){let t=e.scrollWidth>e.clientWidth;y(t&&e.scrollLeft>1),R(t&&e.scrollLeft{b(e.id||"tabs-"+(0,i.Vj)()),g(e.name||(0,i.Vj)()),j(!0)},[]),(0,r.useEffect)(()=>{if(m.current&&x){let t=m.current.getElementsByClassName("db-tab-list");if((null==t?void 0:t.length)>0){let n=t.item(0);if(n){if("arrows"===e.behaviour){let e=n.querySelector("ul");I(e),A(e),e.addEventListener("scroll",()=>{A(e)})}let t=n.getElementsByClassName("db-tab");(null==t?void 0:t.length)>0&&Array.from(t).forEach((t,n)=>{let a=t.querySelector("label"),r=t.querySelector("input");if(r&&a){if(r.id===d.IY){let e="".concat(p,"-tab-").concat(n);a.setAttribute("for",e),a.setAttribute("aria-controls","".concat(p,"-tab-panel-").concat(n)),r.id=e,r.setAttribute("name",p)}let t=!e.initialSelectedMode||"auto"===e.initialSelectedMode,i=void 0===e.initialSelectedIndex&&0===n||e.initialSelectedIndex===n;t&&i&&r.click()}})}}let n=m.current.getElementsByClassName("db-tab-panel");(null==n?void 0:n.length)>0&&Array.from(n).forEach((e,t)=>{e.id===d.IY&&(e.id="".concat(p,"-tab-panel-").concat(t),e.setAttribute("aria-labelledby","".concat(p,"-tab-").concat(t)))}),j(!1)}},[m.current,x]),(0,a.jsxs)("div",{ref:m,...(0,i.mS)(e,[]),id:v,className:(0,i.yI)("db-tabs",e.className),"data-orientation":e.orientation,"data-scroll-behaviour":e.behaviour,"data-alignment":null!==(f=e.alignment)&&void 0!==f?f:"start","data-width":null!==(h=e.width)&&void 0!==h?h:"auto",children:[N?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)(l.Y,{variant:"text",icon:"chevron_left",className:"tabs-scroll-left",noText:!0,onClick:e=>w(!0),children:"Scroll left"})}):null,e.tabs?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(o.P,{children:null===(n=C(e.tabs))||void 0===n?void 0:n.map((t,n)=>(0,a.jsx)(s.Q,{active:t.active,label:t.label,iconAfter:t.iconAfter,icon:t.icon,noText:t.noText},e.name+"tab"+n))}),null===(u=C(e.tabs))||void 0===u?void 0:u.map((t,n)=>(0,a.jsx)(c.A,{content:t.content,children:t.children},e.name+"tab-panel"+n))]}):null,S?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)(l.Y,{variant:"text",icon:"chevron_right",className:"tabs-scroll-right",noText:!0,onClick:e=>w(),children:"Scroll right"})}):null,e.children]})});t.Z=u},19429:function(e,t,n){"use strict";var a=n(52322),r=n(2784),i=n(58077);let l=(0,r.forwardRef)(function(e,t){let n=t||(0,r.useRef)(t),[l,o]=(0,r.useState)(()=>!1);return(0,r.useEffect)(()=>{o(!0)},[]),(0,r.useEffect)(()=>{if(n.current&&l){let e=n.current.parentElement;e&&["mouseenter","focus"].forEach(t=>{e.addEventListener(t,()=>void((null==n?void 0:n.current)&&(0,i.Lp)(n.current)))}),o(!1)}},[n.current,l]),(0,a.jsx)("i",{role:"tooltip","data-gap":"true",ref:n,...(0,i.mS)(e,[]),id:e.id,"data-emphasis":e.emphasis,"data-animation":e.animation,"data-delay":e.delay,"data-width":e.width,"data-variant":e.variant,"data-placement":e.placement,onClick:e=>(function(e){e.stopPropagation()})(e),className:(0,i.yI)("db-tooltip",e.className),children:e.children})});t.Z=l},53752:function(e,t,n){"use strict";n.d(t,{aw:function(){return k},kC:function(){return w},H3:function(){return c},aE:function(){return d},mX:function(){return u},Y1:function(){return i.Y},f:function(){return f.f},I3:function(){return h},oH:function(){return m},TG:function(){return v},W4:function(){return p},Pg:function(){return g.P},EZ:function(){return x.E},aq:function(){return j},vB:function(){return l.Z},Cc:function(){return T},pK:function(){return A},wi:function(){return N},Ys:function(){return _.Z},an:function(){return y},cN:function(){return S},kr:function(){return R},QQ:function(){return E.Q},PC:function(){return L.P},Ao:function(){return P.A},nE:function(){return O.Z},k8:function(){return I},GI:function(){return C},Nd:function(){return F.Z}});var a=n(52322),r=n(2784),i=n(22003),l=n(562),o=n(65982),s=n(58077),c=(0,r.forwardRef)(function(e,t){var n;let c=t||(0,r.useRef)(t);return(0,a.jsxs)("div",{ref:c,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-alert",e.className),"aria-live":e.ariaLive,"data-variant":e.variant,"data-type":e.type,"data-icon":e.icon,"data-elevation":e.elevation,children:[e.headline?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("strong",{className:"db-alert-headline",children:e.headline})}):null,(0,a.jsx)("p",{className:"db-alert-content",children:e.children}),e.link?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)(l.Z,{variant:"inline",className:"db-alert-link",href:e.link.href,hreflang:e.link.hreflang,target:e.link.target,rel:e.link.rel,role:e.link.role,disabled:e.link.disabled,selected:e.link.selected,label:e.link.label,current:e.link.current,text:e.link.text})}):null,"permanent"!==e.behaviour?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)(i.Y,{icon:"close",variant:"text",size:"small",className:"db-alert-close",id:e.closeButtonId,noText:!0,onClick:t=>{e.onClick&&e.onClick(t)},children:null!==(n=e.closeButtonText)&&void 0!==n?n:o.ce})}):null]})}),d=(0,r.forwardRef)(function(e,t){let n=t||(0,r.useRef)(t);return(0,a.jsx)("span",{ref:n,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-badge",e.className),"data-variant":e.variant,"data-size":e.size,"data-emphasis":e.emphasis,"data-placement":e.placement,children:e.children})}),u=(0,r.forwardRef)(function(e,t){var n,i,l,o,c;let d=t||(0,r.useRef)(t),[u,f]=(0,r.useState)(()=>({anchorRef:"/",src:"./assets/images/db_logo.svg",width:"34",height:"24"}));return(0,a.jsxs)("div",{ref:d,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-brand",e.className),children:[(0,a.jsxs)("a",{href:null!==(n=e.anchorRef)&&void 0!==n?n:u.anchorRef,title:e.anchorTitle,rel:e.anchorRelation,children:[e.hideDefaultAsset?null:(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("img",{className:"db-logo",src:null!==(i=e.imgSrc)&&void 0!==i?i:u.src,alt:null!==(l=e.imgAlt)&&void 0!==l?l:"",height:null!==(o=e.imgHeight)&&void 0!==o?o:u.height,width:null!==(c=e.imgWidth)&&void 0!==c?c:u.width})}),e.anchorChildren?(0,a.jsx)(a.Fragment,{children:e.children}):null]}),e.anchorChildren?null:(0,a.jsx)(a.Fragment,{children:e.children})]})}),f=n(6009),h=(0,r.forwardRef)(function(e,t){let n=t||(0,r.useRef)(t),[i,l]=(0,r.useState)(()=>!1),[c,d]=(0,r.useState)(()=>o.IY);return(0,r.useEffect)(()=>{l(!0),d(e.id||"checkbox-"+(0,s.Vj)())},[]),(0,r.useEffect)(()=>{if(i&&document&&c){var t;let n=null===(t=document)||void 0===t?void 0:t.getElementById(c);n&&(void 0!=e.checked&&(n.checked=e.checked),void 0!==e.indeterminate&&(n.indeterminate=e.indeterminate))}},[i,e.indeterminate,e.checked]),(0,a.jsxs)("label",{"data-size":e.size,"data-label-variant":e.labelVariant,htmlFor:c,className:(0,s.yI)("db-checkbox",e.className),children:[(0,a.jsx)("input",{type:"checkbox",ref:n,...(0,s.mS)(e,[]),id:c,name:e.name,checked:e.checked,disabled:e.disabled,value:e.value,"aria-describedby":e.describedbyid,"aria-invalid":e.invalid,required:e.required,onChange:t=>{e.onChange&&e.onChange(t),e.change&&e.change(t),t.target},onBlur:t=>{e.onBlur&&e.onBlur(t),e.blur&&e.blur(t)},onFocus:t=>{e.onFocus&&e.onFocus(t),e.focus&&e.focus(t)}}),e.label?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("span",{children:e.label})}):null,e.children]})}),m=(0,r.forwardRef)(function(e,t){let n=t||(0,r.useRef)(t);return(0,a.jsx)("div",{ref:n,...(0,s.mS)(e,[]),id:e.id,"data-margin":e.margin,"data-variant":e.variant,"data-emphasis":e.emphasis,className:(0,s.yI)("db-divider",e.className)})}),v=(0,r.forwardRef)(function(e,t){var n;let l=t||(0,r.useRef)(t),c=(0,r.useRef)(null);function d(t){"Escape"===t.key&&t.preventDefault(),("close"===t||"Escape"===t.key||"DIALOG"===t.target.nodeName&&"none"!==e.backdrop)&&e.onClose&&e.onClose()}function u(){(null==l?void 0:l.current)&&(e.open&&!l.current.open&&(c.current&&(c.current.hidden=!1),"none"===e.backdrop?l.current.show():l.current.showModal()),!e.open&&l.current.open&&(c.current&&(c.current.hidden=!0),setTimeout(()=>{var e;c.current&&(c.current.hidden=!1),null===(e=l.current)||void 0===e||e.close()},401)))}return(0,r.useEffect)(()=>{u()},[]),(0,r.useEffect)(()=>{u()},[e.open]),(0,a.jsx)("dialog",{className:"db-drawer",id:e.id,ref:l,...(0,s.mS)(e,["onClose"]),onClick:e=>{d(e)},onKeyDown:e=>d(e),"data-backdrop":e.backdrop,children:(0,a.jsxs)("article",{ref:c,className:(0,s.yI)("db-drawer-container",e.className),"data-spacing":e.spacing,"data-width":e.width,"data-direction":e.direction,"data-rounded":e.rounded,children:[(0,a.jsxs)("header",{className:"db-drawer-header",children:[(0,a.jsx)("div",{className:"db-drawer-header-text",children:e.slotDrawerHeader}),e.withCloseButton?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)(i.Y,{icon:"close",variant:"text",className:"button-close-drawer",id:e.closeButtonId,noText:!0,onClick:e=>d("close"),children:null!==(n=e.closeButtonText)&&void 0!==n?n:o.ce})}):null]}),(0,a.jsx)("div",{className:"db-drawer-content",children:e.children})]})})});let b=e=>{var t,n;let{target:a}=e;return!!(!(null==a?void 0:null===(t=a.classList)||void 0===t?void 0:t.contains("db-navigation-item-expand-button"))&&(null==a?void 0:null===(n=a.parentElement)||void 0===n?void 0:n.classList.contains("db-navigation-item")))};var p=(0,r.forwardRef)(function(e,t){var n;let l=t||(0,r.useRef)(t),[c,d]=(0,r.useState)(()=>o.IY),[u,f]=(0,r.useState)(()=>!1),[h,m]=(0,r.useState)(()=>!1),[p,g]=(0,r.useState)(()=>({burgerMenuLabel:"BurgerMenu"}));function x(){e.onToggle&&e.onToggle(!e.drawerOpen)}return(0,r.useEffect)(()=>{f(!0),d(e.id||"header-"+(0,s.Vj)())},[]),(0,r.useEffect)(()=>{if(u&&document&&c&&e.forceMobile){let e=document.getElementById(c);e&&(0,s.yn)(e,{key:"data-force-mobile",value:"true"}),m(!0)}},[u]),(0,a.jsxs)("header",{ref:l,...(0,s.mS)(e,[]),className:(0,s.yI)("db-header",e.className),id:c,"data-on-forcing-mobile":e.forceMobile&&!h,children:[(0,a.jsxs)(v,{spacing:"small",className:"db-header-drawer",rounded:!0,withCloseButton:!0,open:e.drawerOpen,onClose:()=>x(),children:[(0,a.jsxs)("div",{className:"db-header-drawer-navigation",children:[(0,a.jsx)("div",{className:"db-header-navigation",onClick:e=>{b(e)&&x()},children:e.children}),(0,a.jsx)("div",{className:"db-header-meta-navigation",children:e.slotMetaNavigation})]}),(0,a.jsx)("div",{className:"db-header-action-bar",children:e.slotActionBar})]}),(0,a.jsx)("div",{className:"db-header-meta-navigation",children:e.slotMetaNavigation}),(0,a.jsxs)("div",{className:"db-header-navigation-bar",children:[(0,a.jsx)("div",{className:"db-header-brand-container",children:e.slotBrand}),(0,a.jsxs)("div",{className:"db-header-navigation-container",children:[(0,a.jsx)("div",{className:"db-header-navigation",children:e.children}),(0,a.jsx)("div",{className:"db-header-call-to-action",children:e.slotCallToAction})]}),(0,a.jsxs)("div",{className:"db-header-action-container",children:[(0,a.jsx)("div",{className:"db-header-burger-menu-container",children:(0,a.jsx)(i.Y,{id:"button-burger-menu",icon:"menu",variant:"text",noText:!0,onClick:()=>x(),children:null!==(n=e.burgerMenuLabel)&&void 0!==n?n:p.burgerMenuLabel})}),(0,a.jsx)("div",{className:"db-header-action-bar",children:e.slotActionBar})]})]})]})}),g=n(60767),x=n(32924),j=(0,r.forwardRef)(function(e,t){var n,i,l;let c=t||(0,r.useRef)(t),[d,u]=(0,r.useState)(()=>o.IY),[f,h]=(0,r.useState)(()=>o.IY+o.Kn),[m,v]=(0,r.useState)(()=>o.IY),[b,p]=(0,r.useState)(()=>({label:o.SU,placeholder:" "}));return(0,r.useEffect)(()=>{u(e.id||"input-"+(0,s.Vj)()),h(d+o.Kn),v(e.dataListId||"datalist-".concat((0,s.Vj)()))},[]),(0,a.jsxs)("div",{className:(0,s.yI)("db-input",e.className),"data-variant":e.variant,"data-label-variant":e.labelVariant,"data-icon":e.icon,"data-icon-after":e.iconAfter,children:[(0,a.jsx)("label",{htmlFor:d,children:null!==(i=e.label)&&void 0!==i?i:b.label}),(0,a.jsx)("input",{ref:c,...(0,s.mS)(e,[]),id:d,name:e.name,type:e.type||"text",placeholder:null!==(l=e.placeholder)&&void 0!==l?l:b.placeholder,disabled:e.disabled,required:e.required,step:e.step,value:e.value,"aria-invalid":e.invalid,maxLength:e.maxLength,minLength:e.minLength,max:e.max,min:e.min,readOnly:e.readOnly,form:e.form,pattern:e.pattern,autoComplete:e.autocomplete,onChange:t=>{e.onChange&&e.onChange(t),e.change&&e.change(t),t.target},onBlur:t=>{e.onBlur&&e.onBlur(t),e.blur&&e.blur(t)},onFocus:t=>{e.onFocus&&e.onFocus(t),e.focus&&e.focus(t)},list:e.dataList&&m,"aria-describedby":e.message&&f}),e.dataList?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("datalist",{id:m,children:null===(n=e.dataList)||void 0===n?void 0:n.map(e=>(0,a.jsx)("option",{value:e.key,children:e.value},m+"-option-"+e.key))})}):null,e.children,e.message?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)(x.E,{size:"small",variant:e.variant,icon:(0,s.mT)(e.variant,e.messageIcon),id:f,children:e.message})}):null]})}),N=(0,r.forwardRef)(function(e,t){let n=t||(0,r.useRef)(t),[i,l]=(0,r.useState)(()=>!1);return(0,r.useEffect)(()=>{l(!e.fadeIn),document&&e.fadeIn?document.fonts.ready.then(()=>{l(!0)}):l(!0)},[]),(0,a.jsxs)("div",{ref:n,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-page",e.className,{"fixed-header-footer":"fixedHeaderFooter"===e.type}),"data-fade-in":e.fadeIn,"data-fonts-loaded":i,children:[e.slotHeader,(0,a.jsx)("main",{className:"db-main",children:e.children}),e.slotFooter]})}),y=(0,r.forwardRef)(function(e,t){let n=t||(0,r.useRef)(t),[i,l]=(0,r.useState)(()=>!1),[c,d]=(0,r.useState)(()=>o.IY);return(0,r.useEffect)(()=>{l(!0),d(e.id||"radio-"+(0,s.Vj)())},[]),(0,r.useEffect)(()=>{if(e.checked&&i&&document&&c){var t;let n=null===(t=document)||void 0===t?void 0:t.getElementById(c);n&&void 0!=e.checked&&(n.checked=!0)}},[i]),(0,a.jsxs)("label",{"data-size":e.size,"data-label-variant":e.labelVariant,className:(0,s.yI)("db-radio",e.className),htmlFor:c,children:[(0,a.jsx)("input",{type:"radio",ref:n,...(0,s.mS)(e,[]),id:c,name:e.name,checked:e.checked,disabled:e.disabled,"aria-describedby":e.describedbyid,"aria-invalid":e.invalid,value:e.value,required:e.required,onChange:t=>{e.onChange&&e.onChange(t),e.change&&e.change(t),t.target},onBlur:t=>{e.onBlur&&e.onBlur(t),e.blur&&e.blur(t)},onFocus:t=>{e.onFocus&&e.onFocus(t),e.focus&&e.focus(t)}}),e.label?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("span",{children:e.label})}):null,e.children]})}),S=(0,r.forwardRef)(function(e,t){let n=t||(0,r.useRef)(t),[i,l]=(0,r.useState)(()=>o.IY);return(0,r.useEffect)(()=>{l(e.id||"section-"+(0,s.Vj)())},[]),(0,a.jsx)("section",{ref:n,...(0,s.mS)(e,[]),id:i,"data-size":e.size||"medium",className:(0,s.yI)("db-section",e.className),children:(0,a.jsx)("div",{"data-variant":e.variant,children:e.children})})}),R=(0,r.forwardRef)(function(e,t){var n,i,l;let c=t||(0,r.useRef)(t),[d,u]=(0,r.useState)(()=>o.IY),[f,h]=(0,r.useState)(()=>o.IY+o.Kn),[m,v]=(0,r.useState)(()=>o.IY+o.D_);function b(e){var t;return null!==(t=e.label)&&void 0!==t?t:e.value.toString()}return(0,r.useEffect)(()=>{let t=e.id||"select-"+(0,s.Vj)();u(t),h(t+o.Kn),v(t+o.D_)},[]),(0,a.jsxs)("div",{className:(0,s.yI)("db-select",e.className),"data-variant":e.variant,"data-label-variant":e.labelVariant,"data-icon":e.icon,children:[(0,a.jsx)("label",{htmlFor:d,children:null!==(i=e.label)&&void 0!==i?i:o.SU}),(0,a.jsxs)("select",{ref:c,...(0,s.mS)(e,[]),"aria-invalid":e.invalid,required:e.required,disabled:e.disabled,id:d,name:e.name,value:e.value,autoComplete:e.autocomplete,onClick:t=>{e.onClick&&e.onClick(t)},onChange:t=>{e.onChange&&e.onChange(t),e.change&&e.change(t),t.target},onBlur:t=>{e.onBlur&&e.onBlur(t),e.blur&&e.blur(t)},onFocus:t=>{e.onFocus&&e.onFocus(t),e.focus&&e.focus(t)},"aria-describedby":e.message&&f||m,children:[(0,a.jsx)("option",{hidden:!0}),e.options?(0,a.jsx)(r.Fragment,{children:null===(n=e.options)||void 0===n?void 0:n.map(e=>{var t;return(0,a.jsxs)(r.Fragment,{children:[e.options?(0,a.jsx)(r.Fragment,{children:(0,a.jsx)("optgroup",{label:b(e),children:null===(t=e.options)||void 0===t?void 0:t.map(e=>(0,a.jsx)("option",{value:e.value,disabled:e.disabled,children:b(e)},e.value.toString()))})},(0,s.Vj)()):null,e.options?null:(0,a.jsx)(r.Fragment,{children:(0,a.jsx)("option",{value:e.value,disabled:e.disabled,children:b(e)})},(0,s.Vj)())]},(0,s.Vj)())})},(0,s.Vj)()):null,e.children]}),(0,a.jsx)("span",{id:m,children:null!==(l=e.placeholder)&&void 0!==l?l:e.label}),e.message?(0,a.jsx)(r.Fragment,{children:(0,a.jsx)(x.E,{size:"small",variant:e.variant,icon:(0,s.mT)(e.variant,e.messageIcon),id:f,children:e.message})},(0,s.Vj)()):null]})}),E=n(59696),I=(0,r.forwardRef)(function(e,t){let n=t||(0,r.useRef)(t);function l(){return e.removeButton?e.removeButton:"Remove tag"}return(0,a.jsxs)("div",{ref:n,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-tag",e.className),"data-disabled":e.disabled,"data-variant":e.variant,"data-emphasis":e.emphasis,"data-icon":e.icon,"data-no-text":e.noText,"data-overflow":e.overflow,children:[e.children,e.text?(0,a.jsx)(a.Fragment,{children:e.text}):null,"removable"===e.behaviour?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)(i.Y,{icon:"close",size:"small",variant:"text",className:"db-tab-remove-button",onClick:t=>void(e.onRemove&&e.onRemove()),noText:!0,title:l(),children:l()})}):null]})}),C=(0,r.forwardRef)(function(e,t){var n,i,l;let c=t||(0,r.useRef)(t),[d,u]=(0,r.useState)(()=>o.IY),[f,h]=(0,r.useState)(()=>o.IY+o.Kn),[m,v]=(0,r.useState)(()=>({label:o.SU,placeholder:" ",rows:"4"}));return(0,r.useEffect)(()=>{u(e.id||"textarea-"+(0,s.Vj)()),h(d+o.Kn)},[]),(0,a.jsxs)("div",{className:(0,s.yI)("db-textarea",e.className),"data-label-variant":e.labelVariant,"data-variant":e.variant,children:[(0,a.jsx)("label",{htmlFor:d,children:null!==(n=e.label)&&void 0!==n?n:m.label}),(0,a.jsx)("textarea",{ref:c,...(0,s.mS)(e,[]),id:d,"data-resize":e.resize,disabled:e.disabled,required:e.required,readOnly:e.readOnly,"aria-invalid":e.invalid,form:e.form,maxLength:e.maxLength,minLength:e.minLength,name:e.name,wrap:e.wrap,spellCheck:e.spellCheck,autoComplete:e.autocomplete,onChange:t=>{e.onChange&&e.onChange(t),e.change&&e.change(t),t.target},onBlur:t=>{e.onBlur&&e.onBlur(t),e.blur&&e.blur(t)},onFocus:t=>{e.onFocus&&e.onFocus(t),e.focus&&e.focus(t)},value:e.value,"aria-describedby":e.message&&f,placeholder:null!==(i=e.placeholder)&&void 0!==i?i:m.placeholder,rows:null!==(l=e.rows)&&void 0!==l?l:m.rows,cols:e.cols}),e.message?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)(x.E,{size:"small",variant:e.variant,icon:(0,s.mT)(e.variant,e.messageIcon),id:f,children:e.message})}):null]})}),A=(0,r.forwardRef)(function(e,t){var n;let l=t||(0,r.useRef)(t),[c,d]=(0,r.useState)(()=>!1),[u,f]=(0,r.useState)(()=>!1),[h,m]=(0,r.useState)(()=>!0),[v,b]=(0,r.useState)(()=>!1),[p,g]=(0,r.useState)(()=>"sub-navigation-"+(0,s.Vj)());return(0,r.useEffect)(()=>{d(!0)},[]),(0,r.useEffect)(()=>{void 0!==e.subNavigationExpanded&&b(!!e.subNavigationExpanded)},[e.subNavigationExpanded]),(0,r.useEffect)(()=>{if(void 0!==e.areaPopup)f(e.areaPopup),m(u);else if(c&&document&&p){var t;let e=null===(t=document)||void 0===t?void 0:t.getElementById(p);if(e){let t=e.children;(null==t?void 0:t.length)>0?(f(!0),(0,s.cd)(e)||e.setAttribute("data-outside-vx","true"),(0,s.MN)(e)||e.setAttribute("data-outside-vy","true")):m(!1)}}},[c,e.areaPopup]),(0,a.jsxs)("li",{ref:l,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-navigation-item",e.className),"data-width":e.width,"data-icon":e.icon,"aria-current":e.active?"page":void 0,"aria-disabled":e.disabled,children:[h?null:(0,a.jsx)(a.Fragment,{children:e.children}),h?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("button",{className:"db-navigation-item-expand-button","aria-haspopup":u,"aria-expanded":v,disabled:e.disabled,onClick:t=>{e.onClick&&e.onClick(t),u&&b(!0)},children:e.children}),(0,a.jsxs)("menu",{className:"db-sub-navigation",id:p,children:[u?(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("div",{className:"db-mobile-navigation-back",children:(0,a.jsx)(i.Y,{icon:"arrow_back",variant:"text",id:e.backButtonId,onClick:e=>{e.stopPropagation(),b(!1)},children:null!==(n=e.backButtonText)&&void 0!==n?n:o.YP})})}):null,e.slotSubNavigation]})]}):null]})}),w=(0,r.forwardRef)(function(e,t){let n=t||(0,r.useRef)(t),[i,l]=(0,r.useState)(()=>o.IY),[c,d]=(0,r.useState)(()=>!1);return(0,r.useEffect)(()=>{l(e.id||"accordion-item-"+(0,s.Vj)()),e.defaultOpen&&d(e.defaultOpen)},[]),(0,a.jsxs)("details",{ref:n,...(0,s.mS)(e,[]),id:i,className:(0,s.yI)("db-accordion-item",e.className),"aria-disabled":e.disabled,open:c,name:e.name,children:[(0,a.jsxs)("summary",{onClick:t=>(function(t){null==t||t.preventDefault();let n=!c;e.onToggle&&e.onToggle(n),d(n)})(t),children:[e.headline?(0,a.jsx)(a.Fragment,{children:e.headline}):null,e.headline?null:(0,a.jsx)(a.Fragment,{children:e.slotHeadline})]}),(0,a.jsxs)("div",{children:[e.content?(0,a.jsx)(a.Fragment,{children:e.content}):null,e.content?null:(0,a.jsx)(a.Fragment,{children:e.children})]})]})}),k=(0,r.forwardRef)(function(e,t){var n;let i=t||(0,r.useRef)(t),[l,o]=(0,r.useState)(()=>[]),[c,d]=(0,r.useState)(()=>""),[u,f]=(0,r.useState)(()=>!1);return(0,r.useEffect)(()=>{f(!0)},[]),(0,r.useEffect)(()=>{if(i.current&&u){let t=i.current.getElementsByTagName("details");if(t){let n=[];Array.from(t).forEach((t,a)=>{var r;let i=t.id;(t.open||(null===(r=e.initOpenIndex)||void 0===r?void 0:r.includes(a)))&&n.push(i);let l=t.getElementsByTagName("summary");(null==l?void 0:l.length)>0&&l[0].addEventListener("click",()=>{d(i)})}),"single"===e.behaviour&&n.length>1&&(n=[n[0]]),o(n),f(!1)}}},[i.current,u]),(0,r.useEffect)(()=>{(null==c?void 0:c.length)>0&&(l.includes(c)?"single"===e.behaviour?o([]):o(l.filter(e=>e!==c)):"single"===e.behaviour?o([c]):o([...l,c]),e.onChange&&e.onChange(l),d(""))},[c]),(0,r.useEffect)(()=>{if(null==i?void 0:i.current){let e=i.current.getElementsByTagName("details");e&&Array.from(e).forEach(e=>{e.open=l.includes(e.id)})}},[l]),(0,a.jsxs)("div",{ref:i,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-accordion",e.className),"data-variant":e.variant,children:[e.items?null:(0,a.jsx)(a.Fragment,{children:e.children}),e.items?(0,a.jsx)(a.Fragment,{children:null===(n=function(e){try{if("string"==typeof e)return JSON.parse(e);return e}catch(e){console.error(e)}}(e.items))||void 0===n?void 0:n.map((e,t)=>(0,a.jsx)(w,{title:e.headline,disabled:e.disabled,content:e.content},"accordion-item-".concat(e.headline,"-").concat(t)))}):null]})}),T=(0,r.forwardRef)(function(e,t){let n=t||(0,r.useRef)(t),[i,l]=(0,r.useState)(()=>o.IY),[c,d]=(0,r.useState)(()=>!1),[u,f]=(0,r.useState)(()=>!1);return(0,r.useEffect)(()=>{l(e.id||"main-navigation-"+(0,s.Vj)()),d(!0)},[]),(0,r.useEffect)(()=>{n.current&&c&&d(!1)},[n.current,c]),(0,r.useEffect)(()=>{u&&requestAnimationFrame(()=>{f(!1)})},[u]),(0,a.jsx)("nav",{ref:n,...(0,s.mS)(e,[]),id:i,className:(0,s.yI)("db-main-navigation",e.className),onClick:e=>{b(e)&&f(!0)},"data-force-close":u,children:(0,a.jsx)("menu",{children:e.children})})}),_=n(36802),F=n(19429),L=n(89686),O=n(83270),P=n(9178)},65982:function(e,t,n){"use strict";var a,r,i,l,o,s,c;n.d(t,{$f:function(){return b},DM:function(){return p},D_:function(){return h},IY:function(){return d},Kn:function(){return f},SU:function(){return u},YP:function(){return m},ce:function(){return v},iw:function(){return a},r$:function(){return i}});let d="OVERWRITE_DEFAULT_ID",u="LABEL SHOULD BE SET",f="-message",h="-placeholder",m="Back",v="Close Button";(o=a||(a={})).FUNCTIONAL="functional",o.REGULAR="regular",o.EXPRESSIVE="expressive";let b=Object.entries(a).map(e=>{let[,t]=e;return t});(r||(r={})).PRIMARY="primary",(s=i||(i={})).BASE="base",s.BASE_STRONG="base-strong",s.BASE_TRANSPARENT_SEMI="base-transparent-semi",s.BASE_TRANSPARENT_FULL="base-transparent-full",s.NEUTRAL="neutral",s.NEUTRAL_STRONG="neutral-strong",s.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",s.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",s.BRAND="brand",s.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",s.BRAND_TRANSPARENT_FULL="brand-transparent-full",s.SUCCESSFUL="successful",s.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",s.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",s.CRITICAL="critical",s.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",s.CRITICAL_TRANSPARENT_Full="critical-transparent-full",s.WARNING="warning",s.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",s.WARNING_TRANSPARENT_FULL="warning-transparent-full",s.INFORMATIONAL="informational",s.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",s.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full";let p=Object.entries(i).map(e=>{let[,t]=e;return t});Object.entries(r).map(e=>{let[,t]=e;return t}),(c=l||(l={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(l).map(e=>{let[,t]=e;return t})},58077:function(e,t,n){"use strict";n.d(t,{Lp:function(){return f},MN:function(){return d},Vj:function(){return a},cd:function(){return c},mS:function(){return s},mT:function(){return l},yI:function(){return i},yn:function(){return r}});let a=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},r=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&r(e,t)})},i=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)a+="".concat(e," ");else for(let t in e)e[t]&&(a+="".concat(t," "))}}),a.trim()},l=(e,t)=>t||(e&&"adaptive"!==e?void 0:"none"),o=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],s=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||o.includes(e))&&!t.includes(e)).reduce((t,n)=>(t[n]=e[n],t),{}),c=e=>{let{left:t,right:n}=e.getBoundingClientRect(),{innerWidth:a}=window;return t>=0&&n<=a},d=e=>{let{top:t,bottom:n}=e.getBoundingClientRect(),{innerHeight:a}=window;return t>=0&&n<=a},u=e=>{var t;let{top:n,bottom:a,left:r,right:i,height:l,width:o}=e.getBoundingClientRect(),{innerHeight:s,innerWidth:c}=window,d=n<0,u=a>s,f=r<0,h=i>c,m=e.hasAttribute("data-outside-vy"),v=e.hasAttribute("data-outside-vx"),b=null==e?void 0:null===(t=e.parentElement)||void 0===t?void 0:t.getBoundingClientRect();return b&&(m&&("top"===e.getAttribute("data-outside-vy")?d=b.top-(a-b.bottom)<0:u=b.bottom+(b.top-n)>s),v&&("left"===e.getAttribute("data-outside-vx")?f=b.left-(i-b.right)<0:h=b.right+(b.left-r)>c)),{outTop:d,outBottom:u,outLeft:f,outRight:h}},f=e=>{let{outTop:t,outBottom:n,outLeft:a,outRight:r}=u(e);t||n?e.setAttribute("data-outside-vy",t?"top":"bottom"):e.removeAttribute("data-outside-vy"),a||r?e.setAttribute("data-outside-vx",r?"right":"left"):e.removeAttribute("data-outside-vx")}},54587:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return h}});var a=n(52322),r=n(45392),i=n(45847),l=n.n(i),o=n(97729),s=n.n(o);n(99819),n(33337),n(56523);var c=n(39097),d=n.n(c),u=n(53752),f=e=>{let{id:t}=e;return t?(0,a.jsxs)(d(),{className:"header-link",href:"?current=".concat(t),children:[(0,a.jsx)(u.Pg,{icon:"add_link"}),t," anchor link"]}):null},h=e=>{let{Component:t,pageProps:n}=e;return(0,a.jsxs)(r.Z,{components:{h1:e=>(0,a.jsxs)("h1",{...e,children:[e.children,(0,a.jsx)(f,{id:e.id})]}),h2:e=>(0,a.jsxs)("h2",{...e,children:[e.children,(0,a.jsx)(f,{id:e.id})]}),h3:e=>(0,a.jsxs)("h3",{...e,children:[e.children,(0,a.jsx)(f,{id:e.id})]}),h4:e=>(0,a.jsxs)("h4",{...e,children:[e.children,(0,a.jsx)(f,{id:e.id})]}),h5:e=>(0,a.jsxs)("h5",{...e,children:[e.children,(0,a.jsx)(f,{id:e.id})]}),h6:e=>(0,a.jsxs)("h6",{...e,children:[e.children,(0,a.jsx)(f,{id:e.id})]}),a:e=>(0,a.jsx)("a",{target:"_blank",referrerPolicy:"no-referrer",...e}),img:e=>{var t;return(0,a.jsx)("img",{...e,src:(null===(t=e.src)||void 0===t?void 0:t.startsWith("http"))?e.src:"".concat("/mono/review/main").concat(e.src)})}},children:[(0,a.jsx)(l(),{src:"/mono/review/main/iframe-resizer/iframeResizer.contentWindow.js"}),(0,a.jsx)(s(),{children:(0,a.jsx)("title",{children:"DB UI Mono"})}),(0,a.jsx)(t,{...n})]})}},56523:function(){},99819:function(){},33337:function(){},97729:function(e,t,n){e.exports=n(52851)},39097:function(e,t,n){e.exports=n(70216)},45847:function(e,t,n){e.exports=n(28263)},45392:function(e,t,n){"use strict";n.d(t,{Z:function(){return o},a:function(){return l}});var a=n(2784);let r={},i=a.createContext(r);function l(e){let t=a.useContext(i);return a.useMemo(function(){return"function"==typeof e?e(t):{...t,...e}},[t,e])}function o(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:l(e.components),a.createElement(i.Provider,{value:t},e.children)}}},function(e){var t=function(t){return e(e.s=t)};e.O(0,[49774,40179],function(){return t(86570),t(5244)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/accordion-d2e113420cb0fb10.js b/review/main/_next/static/chunks/pages/components/accordion-cb30d5dcd26b3cc7.js similarity index 88% rename from review/main/_next/static/chunks/pages/components/accordion-d2e113420cb0fb10.js rename to review/main/_next/static/chunks/pages/components/accordion-cb30d5dcd26b3cc7.js index 53d964b8760..7b0d73da141 100644 --- a/review/main/_next/static/chunks/pages/components/accordion-d2e113420cb0fb10.js +++ b/review/main/_next/static/chunks/pages/components/accordion-cb30d5dcd26b3cc7.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[19861],{85938:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion",function(){return t(60178)}])},60178:function(n,e,t){"use strict";t.r(e);var o=t(52322),i=t(75942),s=t(70307),a=t(97292),c=t(86095),r=t(99341),u=t(7716),l=t(37395),d=t(3170);let f=n=>{let{behaviour:e,children:t,variant:i}=n;return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(c.EZ,{size:"small",variant:"informational",icon:"none",children:t}),(0,o.jsxs)(c.aw,{behaviour:e,variant:i,children:[(0,o.jsx)(c.kC,{headline:"Item 1",content:"Content 1"}),(0,o.jsx)(c.kC,{headline:"Item 2",content:"Content 2"}),(0,o.jsx)(c.kC,{headline:"Item 3",content:"Content 3"})]})]})};e.default=()=>(0,o.jsx)("div",{children:(0,o.jsx)(r.Z,{title:"DBAccordion",subComponent:(0,o.jsx)(d.default,{isSubComponent:!0,componentName:"accordion-item"}),variants:(0,l.P)(u,f,[(0,o.jsx)(i.default,{}),(0,o.jsx)(s.default,{}),(0,o.jsx)(a.default,{})])})})}},function(n){n.O(0,[49710,14863,11803,94218,75942,81228,92888,49774,40179],function(){return n(n.s=85938)}),_N_E=n.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[19861],{85938:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion",function(){return t(60178)}])},60178:function(n,e,t){"use strict";t.r(e);var o=t(52322),i=t(75942),s=t(70307),a=t(97292),c=t(53752),r=t(99341),u=t(7716),l=t(37395),d=t(3170);let f=n=>{let{behaviour:e,children:t,variant:i}=n;return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(c.EZ,{size:"small",variant:"informational",icon:"none",children:t}),(0,o.jsxs)(c.aw,{behaviour:e,variant:i,children:[(0,o.jsx)(c.kC,{headline:"Item 1",content:"Content 1"}),(0,o.jsx)(c.kC,{headline:"Item 2",content:"Content 2"}),(0,o.jsx)(c.kC,{headline:"Item 3",content:"Content 3"})]})]})};e.default=()=>(0,o.jsx)("div",{children:(0,o.jsx)(r.Z,{title:"DBAccordion",subComponent:(0,o.jsx)(d.default,{isSubComponent:!0,componentName:"accordion-item"}),variants:(0,l.P)(u,f,[(0,o.jsx)(i.default,{}),(0,o.jsx)(s.default,{}),(0,o.jsx)(a.default,{})])})})}},function(n){n.O(0,[49710,14863,12156,94218,75942,81228,92888,49774,40179],function(){return n(n.s=85938)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/accordion-item-41e42c2c9fe8c613.js b/review/main/_next/static/chunks/pages/components/accordion-item-332d086db31c0197.js similarity index 83% rename from review/main/_next/static/chunks/pages/components/accordion-item-41e42c2c9fe8c613.js rename to review/main/_next/static/chunks/pages/components/accordion-item-332d086db31c0197.js index 506e5d032e3..230d823c5dc 100644 --- a/review/main/_next/static/chunks/pages/components/accordion-item-41e42c2c9fe8c613.js +++ b/review/main/_next/static/chunks/pages/components/accordion-item-332d086db31c0197.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[91108],{74497:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion-item",function(){return t(3170)}])},3170:function(n,e,t){"use strict";t.r(e);var o=t(52322),u=t(28651),i=t(88228),s=t(99746),c=t(86095),a=t(99341),d=t(19371),l=t(37395);let r=n=>{let{children:e,disabled:t,open:u,headline:i}=n;return(0,o.jsx)(c.kC,{headline:i,disabled:t,defaultOpen:u,children:e})};e.default=n=>(0,o.jsx)(a.Z,{title:"DBAccordionItem",isSubComponent:n.isSubComponent,componentName:n.componentName,variants:(0,l.P)(d,r,[(0,o.jsx)(u.default,{}),(0,o.jsx)(i.default,{}),(0,o.jsx)(s.default,{})])})}},function(n){n.O(0,[49710,14863,11803,94218,92888,49774,40179],function(){return n(n.s=74497)}),_N_E=n.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[91108],{74497:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion-item",function(){return t(3170)}])},3170:function(n,e,t){"use strict";t.r(e);var o=t(52322),u=t(28651),i=t(88228),s=t(99746),c=t(53752),a=t(99341),d=t(19371),l=t(37395);let r=n=>{let{children:e,disabled:t,open:u,headline:i}=n;return(0,o.jsx)(c.kC,{headline:i,disabled:t,defaultOpen:u,children:e})};e.default=n=>(0,o.jsx)(a.Z,{title:"DBAccordionItem",isSubComponent:n.isSubComponent,componentName:n.componentName,variants:(0,l.P)(d,r,[(0,o.jsx)(u.default,{}),(0,o.jsx)(i.default,{}),(0,o.jsx)(s.default,{})])})}},function(n){n.O(0,[49710,14863,12156,94218,92888,49774,40179],function(){return n(n.s=74497)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/accordion-item/how-to-use-e15d67e2e15187da.js b/review/main/_next/static/chunks/pages/components/accordion-item/how-to-use-96ebf800ca32eace.js similarity index 98% rename from review/main/_next/static/chunks/pages/components/accordion-item/how-to-use-e15d67e2e15187da.js rename to review/main/_next/static/chunks/pages/components/accordion-item/how-to-use-96ebf800ca32eace.js index 8799732070b..5287b2c8b2b 100644 --- a/review/main/_next/static/chunks/pages/components/accordion-item/how-to-use-e15d67e2e15187da.js +++ b/review/main/_next/static/chunks/pages/components/accordion-item/how-to-use-96ebf800ca32eace.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[97377],{74557:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion-item/how-to-use",function(){return t(84070)}])},35405:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return a}});var r=t(52322),i=t(45392);function o(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",h4:"h4",p:"p",pre:"pre",...(0,i.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"angular",children:"Angular"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"load-component",children:"Load component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-ts",children:"// app.component.ts\nimport { DBAccordionItem } from '@db-ui/ngx-components';\n\n@Component({\n // ...\n standalone: true,\n imports: [..., DBAccordionItem],\n // ...\n})\n"})}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.h4,{id:"with-content-projection",children:"With Content Projection"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:"\n\n Title\n Content\n\n"})}),"\n",(0,r.jsx)(e.h4,{id:"with-attributes",children:"With attributes"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:'\n\n'})})]})}function a(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,i.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(o,{...n})}):o(n)}},38584:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return a}});var r=t(52322),i=t(45392);function o(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,i.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"html",children:"HTML"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:'\n...\n\n
    \n Title\n
    Content
    \n
    \n\n'})})]})}function a(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,i.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(o,{...n})}):o(n)}},55352:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return a}});var r=t(52322),i=t(45392);function o(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",h4:"h4",p:"p",pre:"pre",...(0,i.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"react",children:"React"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.h4,{id:"with-slots",children:"With Slots"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-tsx",children:'// App.tsx\nimport { DBAccordionItem } from "@db-ui/react-components";\n\nconst App = () => Content;\nexport default App;\n'})}),"\n",(0,r.jsx)(e.h4,{id:"with-attributes",children:"With attributes"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-tsx",children:'// App.tsx\nimport { DBAccordionItem } from "@db-ui/react-components";\n\nconst App = () => ;\nexport default App;\n'})})]})}function a(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,i.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(o,{...n})}):o(n)}},48894:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return a}});var r=t(52322),i=t(45392);function o(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",h4:"h4",p:"p",pre:"pre",...(0,i.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"vue",children:"Vue"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.h4,{id:"with-slots",children:"With Slots"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-vue",children:'\n\n\n\n'})}),"\n",(0,r.jsx)(e.h4,{id:"with-attributes",children:"With attributes"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-vue",children:'\n\n\n\n'})})]})}function a(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,i.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(o,{...n})}):o(n)}},84070:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return p}});var r=t(52322),i=t(45392),o=t(11803),a=t(38584),c=t(35405),s=t(55352),l=t(48894);let d=n=>{let{children:e}=n;return(0,r.jsx)(o.Z,{children:e})};function u(n){let e={h1:"h1",...(0,i.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h1,{id:"how-to-use-dbaccordionitem",children:"How to use DBAccordionItem"}),"\n",(0,r.jsx)(a.default,{}),"\n",(0,r.jsx)(c.default,{}),"\n",(0,r.jsx)(s.default,{}),"\n",(0,r.jsx)(l.default,{})]})}function p(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(d,{...n,children:(0,r.jsx)(u,{...n})})}},16134:function(n,e,t){"use strict";var r=t(52322),i=t(2784),o=t(13776);let a=(0,i.forwardRef)(function(n,e){let t=e||(0,i.useRef)(e);return(0,r.jsx)("button",{ref:t,...(0,o.mS)(n,[]),id:n.id,className:(0,o.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:e=>{n.onClick&&n.onClick(e)},children:n.children})});e.Z=a},63900:function(n,e,t){"use strict";var r,i,o,a,c,s,l;t.d(e,{IY:function(){return d},YP:function(){return u},ce:function(){return p}});let d="OVERWRITE_DEFAULT_ID",u="Back",p="Close Button";(c=r||(r={})).FUNCTIONAL="functional",c.REGULAR="regular",c.EXPRESSIVE="expressive",Object.entries(r).map(n=>{let[,e]=n;return e}),(i||(i={})).PRIMARY="primary",(s=o||(o={})).BASE="base",s.BASE_STRONG="base-strong",s.BASE_TRANSPARENT_SEMI="base-transparent-semi",s.BASE_TRANSPARENT_FULL="base-transparent-full",s.NEUTRAL="neutral",s.NEUTRAL_STRONG="neutral-strong",s.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",s.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",s.BRAND="brand",s.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",s.BRAND_TRANSPARENT_FULL="brand-transparent-full",s.SUCCESSFUL="successful",s.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",s.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",s.CRITICAL="critical",s.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",s.CRITICAL_TRANSPARENT_Full="critical-transparent-full",s.WARNING="warning",s.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",s.WARNING_TRANSPARENT_FULL="warning-transparent-full",s.INFORMATIONAL="informational",s.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",s.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(o).map(n=>{let[,e]=n;return e}),Object.entries(i).map(n=>{let[,e]=n;return e}),(l=a||(a={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(a).map(n=>{let[,e]=n;return e})},13776:function(n,e,t){"use strict";t.d(e,{MN:function(){return l},Vj:function(){return r},cd:function(){return s},mS:function(){return c},yI:function(){return o},yn:function(){return i}});let r=()=>{var n,e;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(n,e)=>{Object.values(n.children).forEach(n=>{n.setAttribute(e.key,e.value),n.children.length>0&&i(n,e)})},o=function(){for(var n=arguments.length,e=Array(n),t=0;t{if(n){if("string"==typeof n)r+="".concat(n," ");else for(let e in n)n[e]&&(r+="".concat(e," "))}}),r.trim()},a=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],c=(n,e)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||a.includes(n))&&!e.includes(n)).reduce((e,t)=>(e[t]=n[t],e),{}),s=n=>{let{left:e,right:t}=n.getBoundingClientRect(),{innerWidth:r}=window;return e>=0&&t<=r},l=n=>{let{top:e,bottom:t}=n.getBoundingClientRect(),{innerHeight:r}=window;return e>=0&&t<=r}}},function(n){n.O(0,[49710,11803,92888,49774,40179],function(){return n(n.s=74557)}),_N_E=n.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[97377],{74557:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion-item/how-to-use",function(){return t(84070)}])},35405:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return a}});var r=t(52322),i=t(45392);function o(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",h4:"h4",p:"p",pre:"pre",...(0,i.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"angular",children:"Angular"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"load-component",children:"Load component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-ts",children:"// app.component.ts\nimport { DBAccordionItem } from '@db-ui/ngx-components';\n\n@Component({\n // ...\n standalone: true,\n imports: [..., DBAccordionItem],\n // ...\n})\n"})}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.h4,{id:"with-content-projection",children:"With Content Projection"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:"\n\n Title\n Content\n\n"})}),"\n",(0,r.jsx)(e.h4,{id:"with-attributes",children:"With attributes"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:'\n\n'})})]})}function a(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,i.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(o,{...n})}):o(n)}},38584:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return a}});var r=t(52322),i=t(45392);function o(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,i.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"html",children:"HTML"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:'\n...\n\n
    \n Title\n
    Content
    \n
    \n\n'})})]})}function a(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,i.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(o,{...n})}):o(n)}},55352:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return a}});var r=t(52322),i=t(45392);function o(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",h4:"h4",p:"p",pre:"pre",...(0,i.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"react",children:"React"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.h4,{id:"with-slots",children:"With Slots"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-tsx",children:'// App.tsx\nimport { DBAccordionItem } from "@db-ui/react-components";\n\nconst App = () => Content;\nexport default App;\n'})}),"\n",(0,r.jsx)(e.h4,{id:"with-attributes",children:"With attributes"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-tsx",children:'// App.tsx\nimport { DBAccordionItem } from "@db-ui/react-components";\n\nconst App = () => ;\nexport default App;\n'})})]})}function a(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,i.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(o,{...n})}):o(n)}},48894:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return a}});var r=t(52322),i=t(45392);function o(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",h4:"h4",p:"p",pre:"pre",...(0,i.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"vue",children:"Vue"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.h4,{id:"with-slots",children:"With Slots"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-vue",children:'\n\n\n\n'})}),"\n",(0,r.jsx)(e.h4,{id:"with-attributes",children:"With attributes"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-vue",children:'\n\n\n\n'})})]})}function a(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,i.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(o,{...n})}):o(n)}},84070:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return p}});var r=t(52322),i=t(45392),o=t(12156),a=t(38584),c=t(35405),s=t(55352),l=t(48894);let d=n=>{let{children:e}=n;return(0,r.jsx)(o.Z,{children:e})};function u(n){let e={h1:"h1",...(0,i.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h1,{id:"how-to-use-dbaccordionitem",children:"How to use DBAccordionItem"}),"\n",(0,r.jsx)(a.default,{}),"\n",(0,r.jsx)(c.default,{}),"\n",(0,r.jsx)(s.default,{}),"\n",(0,r.jsx)(l.default,{})]})}function p(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(d,{...n,children:(0,r.jsx)(u,{...n})})}},16134:function(n,e,t){"use strict";var r=t(52322),i=t(2784),o=t(13776);let a=(0,i.forwardRef)(function(n,e){let t=e||(0,i.useRef)(e);return(0,r.jsx)("button",{ref:t,...(0,o.mS)(n,[]),id:n.id,className:(0,o.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:e=>{n.onClick&&n.onClick(e)},children:n.children})});e.Z=a},63900:function(n,e,t){"use strict";var r,i,o,a,c,s,l;t.d(e,{IY:function(){return d},YP:function(){return u},ce:function(){return p}});let d="OVERWRITE_DEFAULT_ID",u="Back",p="Close Button";(c=r||(r={})).FUNCTIONAL="functional",c.REGULAR="regular",c.EXPRESSIVE="expressive",Object.entries(r).map(n=>{let[,e]=n;return e}),(i||(i={})).PRIMARY="primary",(s=o||(o={})).BASE="base",s.BASE_STRONG="base-strong",s.BASE_TRANSPARENT_SEMI="base-transparent-semi",s.BASE_TRANSPARENT_FULL="base-transparent-full",s.NEUTRAL="neutral",s.NEUTRAL_STRONG="neutral-strong",s.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",s.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",s.BRAND="brand",s.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",s.BRAND_TRANSPARENT_FULL="brand-transparent-full",s.SUCCESSFUL="successful",s.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",s.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",s.CRITICAL="critical",s.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",s.CRITICAL_TRANSPARENT_Full="critical-transparent-full",s.WARNING="warning",s.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",s.WARNING_TRANSPARENT_FULL="warning-transparent-full",s.INFORMATIONAL="informational",s.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",s.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(o).map(n=>{let[,e]=n;return e}),Object.entries(i).map(n=>{let[,e]=n;return e}),(l=a||(a={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(a).map(n=>{let[,e]=n;return e})},13776:function(n,e,t){"use strict";t.d(e,{MN:function(){return l},Vj:function(){return r},cd:function(){return s},mS:function(){return c},yI:function(){return o},yn:function(){return i}});let r=()=>{var n,e;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(n,e)=>{Object.values(n.children).forEach(n=>{n.setAttribute(e.key,e.value),n.children.length>0&&i(n,e)})},o=function(){for(var n=arguments.length,e=Array(n),t=0;t{if(n){if("string"==typeof n)r+="".concat(n," ");else for(let e in n)n[e]&&(r+="".concat(e," "))}}),r.trim()},a=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],c=(n,e)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||a.includes(n))&&!e.includes(n)).reduce((e,t)=>(e[t]=n[t],e),{}),s=n=>{let{left:e,right:t}=n.getBoundingClientRect(),{innerWidth:r}=window;return e>=0&&t<=r},l=n=>{let{top:e,bottom:t}=n.getBoundingClientRect(),{innerHeight:r}=window;return e>=0&&t<=r}}},function(n){n.O(0,[49710,12156,92888,49774,40179],function(){return n(n.s=74557)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/accordion-item/migration-c8787e09ed110fe1.js b/review/main/_next/static/chunks/pages/components/accordion-item/migration-09f1520eebc1a39c.js similarity index 98% rename from review/main/_next/static/chunks/pages/components/accordion-item/migration-c8787e09ed110fe1.js rename to review/main/_next/static/chunks/pages/components/accordion-item/migration-09f1520eebc1a39c.js index da4387bb0a6..66830197dfe 100644 --- a/review/main/_next/static/chunks/pages/components/accordion-item/migration-c8787e09ed110fe1.js +++ b/review/main/_next/static/chunks/pages/components/accordion-item/migration-09f1520eebc1a39c.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[67378],{56626:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion-item/migration",function(){return n(12075)}])},93568:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return c}});var r=n(52322),i=n(45392);function s(e){let t={a:"a",blockquote:"blockquote",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h2,{id:"general",children:"General"}),"\n",(0,r.jsxs)(t.blockquote,{children:["\n",(0,r.jsxs)(t.p,{children:[(0,r.jsx)(t.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,r.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,r.jsx)(t.h2,{id:"db-ui-core--db-ui-components",children:"DB UI Core ➡ DB UI Components"}),"\n",(0,r.jsx)(t.h3,{id:"class",children:"class"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Before"}),(0,r.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(t.th,{children:"After"}),(0,r.jsx)(t.th,{children:"Description"})]})}),(0,r.jsx)(t.tbody,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"cmp-accordion"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"db-accordion-item"})}),(0,r.jsx)(t.td,{children:"The old accordion was just 1 item, we split it to combine multiple accordion-items into 1 accordion (which is another component)"})]})})]}),"\n",(0,r.jsx)(t.h3,{id:"props",children:"props"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Before"}),(0,r.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(t.th,{children:"After"}),(0,r.jsx)(t.th,{children:"Description"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"summary"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"title"})}),(0,r.jsx)(t.td,{children:"The title/summary of the details element."})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"emphasis"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(t.td,{children:"❌"}),(0,r.jsx)(t.td,{children:"There is no emphasis anymore."})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"size"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(t.td,{children:"❌"}),(0,r.jsx)(t.td,{children:"Controlled by the tonality."})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83C\uDD95"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"disabled"})}),(0,r.jsx)(t.td,{children:"Disable the component."})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83C\uDD95"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"content"})}),(0,r.jsx)(t.td,{children:"Pass in a simple string as fallback to normal children/slot"})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83C\uDD95"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"slotTitle"})}),(0,r.jsx)(t.td,{children:"Pass in a custom title (only required for React)"})]})]})]})]})}function c(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,i.a)(),...e.components};return t?(0,r.jsx)(t,{...e,children:(0,r.jsx)(s,{...e})}):s(e)}},12075:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return d}});var r=n(52322),i=n(45392),s=n(11803),c=n(93568);let l=e=>{let{children:t}=e;return(0,r.jsx)(s.Z,{children:t})};function a(e){let t={h1:"h1",...(0,i.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbaccordionitem-migration",children:"DBAccordionItem Migration"}),"\n",(0,r.jsx)(c.default,{})]})}function d(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(l,{...e,children:(0,r.jsx)(a,{...e})})}},16134:function(e,t,n){"use strict";var r=n(52322),i=n(2784),s=n(13776);let c=(0,i.forwardRef)(function(e,t){let n=t||(0,i.useRef)(t);return(0,r.jsx)("button",{ref:n,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=c},63900:function(e,t,n){"use strict";var r,i,s,c,l,a,d;n.d(t,{IY:function(){return o},YP:function(){return u},ce:function(){return h}});let o="OVERWRITE_DEFAULT_ID",u="Back",h="Close Button";(l=r||(r={})).FUNCTIONAL="functional",l.REGULAR="regular",l.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,t]=e;return t}),(i||(i={})).PRIMARY="primary",(a=s||(s={})).BASE="base",a.BASE_STRONG="base-strong",a.BASE_TRANSPARENT_SEMI="base-transparent-semi",a.BASE_TRANSPARENT_FULL="base-transparent-full",a.NEUTRAL="neutral",a.NEUTRAL_STRONG="neutral-strong",a.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",a.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",a.BRAND="brand",a.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",a.BRAND_TRANSPARENT_FULL="brand-transparent-full",a.SUCCESSFUL="successful",a.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",a.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",a.CRITICAL="critical",a.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",a.CRITICAL_TRANSPARENT_Full="critical-transparent-full",a.WARNING="warning",a.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",a.WARNING_TRANSPARENT_FULL="warning-transparent-full",a.INFORMATIONAL="informational",a.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",a.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(e=>{let[,t]=e;return t}),Object.entries(i).map(e=>{let[,t]=e;return t}),(d=c||(c={})).CRITICAL="critical",d.INFORMATIONAL="informational",d.WARNING="warning",d.SUCCESSFUL="successful",Object.entries(c).map(e=>{let[,t]=e;return t})},13776:function(e,t,n){"use strict";n.d(t,{MN:function(){return d},Vj:function(){return r},cd:function(){return a},mS:function(){return l},yI:function(){return s},yn:function(){return i}});let r=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&i(e,t)})},s=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let t in e)e[t]&&(r+="".concat(t," "))}}),r.trim()},c=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],l=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||c.includes(e))&&!t.includes(e)).reduce((t,n)=>(t[n]=e[n],t),{}),a=e=>{let{left:t,right:n}=e.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&n<=r},d=e=>{let{top:t,bottom:n}=e.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&n<=r}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=56626)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[67378],{56626:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion-item/migration",function(){return n(12075)}])},93568:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return c}});var r=n(52322),i=n(45392);function s(e){let t={a:"a",blockquote:"blockquote",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h2,{id:"general",children:"General"}),"\n",(0,r.jsxs)(t.blockquote,{children:["\n",(0,r.jsxs)(t.p,{children:[(0,r.jsx)(t.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,r.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,r.jsx)(t.h2,{id:"db-ui-core--db-ui-components",children:"DB UI Core ➡ DB UI Components"}),"\n",(0,r.jsx)(t.h3,{id:"class",children:"class"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Before"}),(0,r.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(t.th,{children:"After"}),(0,r.jsx)(t.th,{children:"Description"})]})}),(0,r.jsx)(t.tbody,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"cmp-accordion"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"db-accordion-item"})}),(0,r.jsx)(t.td,{children:"The old accordion was just 1 item, we split it to combine multiple accordion-items into 1 accordion (which is another component)"})]})})]}),"\n",(0,r.jsx)(t.h3,{id:"props",children:"props"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Before"}),(0,r.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(t.th,{children:"After"}),(0,r.jsx)(t.th,{children:"Description"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"summary"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"title"})}),(0,r.jsx)(t.td,{children:"The title/summary of the details element."})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"emphasis"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(t.td,{children:"❌"}),(0,r.jsx)(t.td,{children:"There is no emphasis anymore."})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"size"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(t.td,{children:"❌"}),(0,r.jsx)(t.td,{children:"Controlled by the tonality."})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83C\uDD95"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"disabled"})}),(0,r.jsx)(t.td,{children:"Disable the component."})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83C\uDD95"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"content"})}),(0,r.jsx)(t.td,{children:"Pass in a simple string as fallback to normal children/slot"})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83C\uDD95"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"slotTitle"})}),(0,r.jsx)(t.td,{children:"Pass in a custom title (only required for React)"})]})]})]})]})}function c(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,i.a)(),...e.components};return t?(0,r.jsx)(t,{...e,children:(0,r.jsx)(s,{...e})}):s(e)}},12075:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return d}});var r=n(52322),i=n(45392),s=n(12156),c=n(93568);let l=e=>{let{children:t}=e;return(0,r.jsx)(s.Z,{children:t})};function a(e){let t={h1:"h1",...(0,i.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbaccordionitem-migration",children:"DBAccordionItem Migration"}),"\n",(0,r.jsx)(c.default,{})]})}function d(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(l,{...e,children:(0,r.jsx)(a,{...e})})}},16134:function(e,t,n){"use strict";var r=n(52322),i=n(2784),s=n(13776);let c=(0,i.forwardRef)(function(e,t){let n=t||(0,i.useRef)(t);return(0,r.jsx)("button",{ref:n,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=c},63900:function(e,t,n){"use strict";var r,i,s,c,l,a,d;n.d(t,{IY:function(){return o},YP:function(){return u},ce:function(){return h}});let o="OVERWRITE_DEFAULT_ID",u="Back",h="Close Button";(l=r||(r={})).FUNCTIONAL="functional",l.REGULAR="regular",l.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,t]=e;return t}),(i||(i={})).PRIMARY="primary",(a=s||(s={})).BASE="base",a.BASE_STRONG="base-strong",a.BASE_TRANSPARENT_SEMI="base-transparent-semi",a.BASE_TRANSPARENT_FULL="base-transparent-full",a.NEUTRAL="neutral",a.NEUTRAL_STRONG="neutral-strong",a.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",a.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",a.BRAND="brand",a.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",a.BRAND_TRANSPARENT_FULL="brand-transparent-full",a.SUCCESSFUL="successful",a.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",a.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",a.CRITICAL="critical",a.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",a.CRITICAL_TRANSPARENT_Full="critical-transparent-full",a.WARNING="warning",a.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",a.WARNING_TRANSPARENT_FULL="warning-transparent-full",a.INFORMATIONAL="informational",a.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",a.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(e=>{let[,t]=e;return t}),Object.entries(i).map(e=>{let[,t]=e;return t}),(d=c||(c={})).CRITICAL="critical",d.INFORMATIONAL="informational",d.WARNING="warning",d.SUCCESSFUL="successful",Object.entries(c).map(e=>{let[,t]=e;return t})},13776:function(e,t,n){"use strict";n.d(t,{MN:function(){return d},Vj:function(){return r},cd:function(){return a},mS:function(){return l},yI:function(){return s},yn:function(){return i}});let r=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&i(e,t)})},s=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let t in e)e[t]&&(r+="".concat(t," "))}}),r.trim()},c=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],l=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||c.includes(e))&&!t.includes(e)).reduce((t,n)=>(t[n]=e[n],t),{}),a=e=>{let{left:t,right:n}=e.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&n<=r},d=e=>{let{top:t,bottom:n}=e.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&n<=r}}},function(e){e.O(0,[49710,12156,92888,49774,40179],function(){return e(e.s=56626)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/accordion-item/overview-80dd468c42fc5c75.js b/review/main/_next/static/chunks/pages/components/accordion-item/overview-4468cbde4a71833b.js similarity index 83% rename from review/main/_next/static/chunks/pages/components/accordion-item/overview-80dd468c42fc5c75.js rename to review/main/_next/static/chunks/pages/components/accordion-item/overview-4468cbde4a71833b.js index 10cbd638924..5c0e9c3cd2d 100644 --- a/review/main/_next/static/chunks/pages/components/accordion-item/overview-80dd468c42fc5c75.js +++ b/review/main/_next/static/chunks/pages/components/accordion-item/overview-4468cbde4a71833b.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[90484],{86740:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion-item/overview",function(){return t(67497)}])},67497:function(n,e,t){"use strict";t.r(e);var o=t(52322),u=t(28651),i=t(88228),s=t(99746),c=t(86095),a=t(99341),r=t(19371),d=t(37395);let l=n=>{let{children:e,disabled:t,open:u,headline:i}=n;return(0,o.jsx)(c.kC,{headline:i,disabled:t,defaultOpen:u,children:e})};e.default=n=>(0,o.jsx)(a.Z,{title:"DBAccordionItem",isSubComponent:n.isSubComponent,componentName:n.componentName,variants:(0,d.P)(r,l,[(0,o.jsx)(u.default,{}),(0,o.jsx)(i.default,{}),(0,o.jsx)(s.default,{})])})}},function(n){n.O(0,[49710,14863,11803,94218,92888,49774,40179],function(){return n(n.s=86740)}),_N_E=n.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[90484],{86740:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion-item/overview",function(){return t(67497)}])},67497:function(n,e,t){"use strict";t.r(e);var o=t(52322),u=t(28651),i=t(88228),s=t(99746),c=t(53752),a=t(99341),r=t(19371),d=t(37395);let l=n=>{let{children:e,disabled:t,open:u,headline:i}=n;return(0,o.jsx)(c.kC,{headline:i,disabled:t,defaultOpen:u,children:e})};e.default=n=>(0,o.jsx)(a.Z,{title:"DBAccordionItem",isSubComponent:n.isSubComponent,componentName:n.componentName,variants:(0,d.P)(r,l,[(0,o.jsx)(u.default,{}),(0,o.jsx)(i.default,{}),(0,o.jsx)(s.default,{})])})}},function(n){n.O(0,[49710,14863,12156,94218,92888,49774,40179],function(){return n(n.s=86740)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/accordion-item/properties-8d1d795c02387f92.js b/review/main/_next/static/chunks/pages/components/accordion-item/properties-7b3cb4e3dd013ed4.js similarity index 98% rename from review/main/_next/static/chunks/pages/components/accordion-item/properties-8d1d795c02387f92.js rename to review/main/_next/static/chunks/pages/components/accordion-item/properties-7b3cb4e3dd013ed4.js index 4134e799f35..a771a19c07d 100644 --- a/review/main/_next/static/chunks/pages/components/accordion-item/properties-8d1d795c02387f92.js +++ b/review/main/_next/static/chunks/pages/components/accordion-item/properties-7b3cb4e3dd013ed4.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[53341],{73536:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion-item/properties",function(){return n(57741)}])},57741:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return l}});var r=n(52322),s=n(45392),i=n(11803);let d=e=>{let{children:t}=e;return(0,r.jsx)(i.Z,{children:t})};function a(e){let t={a:"a",code:"code",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,s.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbaccordionitem",children:"DBAccordionItem"}),"\n",(0,r.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Name"}),(0,r.jsx)(t.th,{children:"Description"}),(0,r.jsx)(t.th,{children:"Type"}),(0,r.jsx)(t.th,{children:"Options"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"content"}),(0,r.jsx)(t.td,{children:"Alternative for passing only a string instead of children"}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"disabled"}),(0,r.jsx)(t.td,{children:"The disabled attribute can be set to keep a user from clicking on the element."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"defaultOpen"}),(0,r.jsx)(t.td,{children:"Initial state for the accordion item"}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"slotHeadline"}),(0,r.jsx)(t.td,{children:"For react only to pass any title element to the specific slot"}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"headline"}),(0,r.jsx)(t.td,{children:"Alternative for passing only a string instead of a slot"}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"name"}),(0,r.jsxs)(t.td,{children:["Set details name for exclusive accordions, see ",(0,r.jsx)(t.a,{href:"https://chromestatus.com/feature/6710427028815872",children:"https://chromestatus.com/feature/6710427028815872"})]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"children"}),(0,r.jsx)(t.td,{children:"default slot"}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"className"}),(0,r.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"describedbyid"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,r.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"id"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"key"}),(0,r.jsx)(t.td,{children:"React specific for render process."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"onToggle"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(open: boolean) => void"})})})]})]})]})]})}function l(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(d,{...e,children:(0,r.jsx)(a,{...e})})}},16134:function(e,t,n){"use strict";var r=n(52322),s=n(2784),i=n(13776);let d=(0,s.forwardRef)(function(e,t){let n=t||(0,s.useRef)(t);return(0,r.jsx)("button",{ref:n,...(0,i.mS)(e,[]),id:e.id,className:(0,i.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=d},63900:function(e,t,n){"use strict";var r,s,i,d,a,l,c;n.d(t,{IY:function(){return o},YP:function(){return h},ce:function(){return u}});let o="OVERWRITE_DEFAULT_ID",h="Back",u="Close Button";(a=r||(r={})).FUNCTIONAL="functional",a.REGULAR="regular",a.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,t]=e;return t}),(s||(s={})).PRIMARY="primary",(l=i||(i={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(e=>{let[,t]=e;return t}),Object.entries(s).map(e=>{let[,t]=e;return t}),(c=d||(d={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(d).map(e=>{let[,t]=e;return t})},13776:function(e,t,n){"use strict";n.d(t,{MN:function(){return c},Vj:function(){return r},cd:function(){return l},mS:function(){return a},yI:function(){return i},yn:function(){return s}});let r=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},s=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&s(e,t)})},i=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let t in e)e[t]&&(r+="".concat(t," "))}}),r.trim()},d=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],a=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||d.includes(e))&&!t.includes(e)).reduce((t,n)=>(t[n]=e[n],t),{}),l=e=>{let{left:t,right:n}=e.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&n<=r},c=e=>{let{top:t,bottom:n}=e.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&n<=r}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=73536)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[53341],{73536:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion-item/properties",function(){return n(57741)}])},57741:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return l}});var r=n(52322),s=n(45392),i=n(12156);let d=e=>{let{children:t}=e;return(0,r.jsx)(i.Z,{children:t})};function a(e){let t={a:"a",code:"code",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,s.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbaccordionitem",children:"DBAccordionItem"}),"\n",(0,r.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Name"}),(0,r.jsx)(t.th,{children:"Description"}),(0,r.jsx)(t.th,{children:"Type"}),(0,r.jsx)(t.th,{children:"Options"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"content"}),(0,r.jsx)(t.td,{children:"Alternative for passing only a string instead of children"}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"disabled"}),(0,r.jsx)(t.td,{children:"The disabled attribute can be set to keep a user from clicking on the element."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"defaultOpen"}),(0,r.jsx)(t.td,{children:"Initial state for the accordion item"}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"slotHeadline"}),(0,r.jsx)(t.td,{children:"For react only to pass any title element to the specific slot"}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"headline"}),(0,r.jsx)(t.td,{children:"Alternative for passing only a string instead of a slot"}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"name"}),(0,r.jsxs)(t.td,{children:["Set details name for exclusive accordions, see ",(0,r.jsx)(t.a,{href:"https://chromestatus.com/feature/6710427028815872",children:"https://chromestatus.com/feature/6710427028815872"})]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"children"}),(0,r.jsx)(t.td,{children:"default slot"}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"className"}),(0,r.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"describedbyid"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,r.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"id"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"key"}),(0,r.jsx)(t.td,{children:"React specific for render process."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"onToggle"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(open: boolean) => void"})})})]})]})]})]})}function l(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(d,{...e,children:(0,r.jsx)(a,{...e})})}},16134:function(e,t,n){"use strict";var r=n(52322),s=n(2784),i=n(13776);let d=(0,s.forwardRef)(function(e,t){let n=t||(0,s.useRef)(t);return(0,r.jsx)("button",{ref:n,...(0,i.mS)(e,[]),id:e.id,className:(0,i.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=d},63900:function(e,t,n){"use strict";var r,s,i,d,a,l,c;n.d(t,{IY:function(){return o},YP:function(){return h},ce:function(){return u}});let o="OVERWRITE_DEFAULT_ID",h="Back",u="Close Button";(a=r||(r={})).FUNCTIONAL="functional",a.REGULAR="regular",a.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,t]=e;return t}),(s||(s={})).PRIMARY="primary",(l=i||(i={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(e=>{let[,t]=e;return t}),Object.entries(s).map(e=>{let[,t]=e;return t}),(c=d||(d={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(d).map(e=>{let[,t]=e;return t})},13776:function(e,t,n){"use strict";n.d(t,{MN:function(){return c},Vj:function(){return r},cd:function(){return l},mS:function(){return a},yI:function(){return i},yn:function(){return s}});let r=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},s=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&s(e,t)})},i=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let t in e)e[t]&&(r+="".concat(t," "))}}),r.trim()},d=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],a=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||d.includes(e))&&!t.includes(e)).reduce((t,n)=>(t[n]=e[n],t),{}),l=e=>{let{left:t,right:n}=e.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&n<=r},c=e=>{let{top:t,bottom:n}=e.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&n<=r}}},function(e){e.O(0,[49710,12156,92888,49774,40179],function(){return e(e.s=73536)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/accordion/how-to-use-7c274a6ee5aedcab.js b/review/main/_next/static/chunks/pages/components/accordion/how-to-use-d94bb3429fefb63e.js similarity index 98% rename from review/main/_next/static/chunks/pages/components/accordion/how-to-use-7c274a6ee5aedcab.js rename to review/main/_next/static/chunks/pages/components/accordion/how-to-use-d94bb3429fefb63e.js index c212bd16253..db282c98ecf 100644 --- a/review/main/_next/static/chunks/pages/components/accordion/how-to-use-7c274a6ee5aedcab.js +++ b/review/main/_next/static/chunks/pages/components/accordion/how-to-use-d94bb3429fefb63e.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[66719],{1701:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion/how-to-use",function(){return t(69386)}])},9151:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return a}});var r=t(52322),o=t(45392);function i(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,o.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"angular",children:"Angular"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"load-component",children:"Load component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-ts",children:"// app.component.ts\nimport { DBAccordion, DBAccordionItem } from '@db-ui/ngx-components';\n\n@Component({\n // ...\n standalone: true,\n imports: [..., DBAccordion, DBAccordionItem],\n // ...\n})\n"})}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:'\n\n \n \n \n\n'})})]})}function a(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,o.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},43890:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return a}});var r=t(52322),o=t(45392);function i(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,o.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"html",children:"HTML"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:'\n...\n\n
    \n
    \n Title 1\n
    Content 1
    \n
    \n
    \n Title 2\n
    Content 2
    \n
    \n
    \n Title 3\n
    Content 3
    \n
    \n
    \n\n'})})]})}function a(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,o.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},34353:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return a}});var r=t(52322),o=t(45392);function i(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,o.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"react",children:"React"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-tsx",children:'// App.tsx\nimport { DBAccordion, DBAccordionItem } from "@db-ui/react-components";\n\nconst App = () => (\n \n \n \n \n \n);\nexport default App;\n'})})]})}function a(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,o.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},89631:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return a}});var r=t(52322),o=t(45392);function i(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,o.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"vue",children:"Vue"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-vue",children:'\n\n\n\n'})})]})}function a(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,o.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},69386:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return p}});var r=t(52322),o=t(45392),i=t(11803),a=t(43890),c=t(9151),s=t(34353),d=t(89631);let l=n=>{let{children:e}=n;return(0,r.jsx)(i.Z,{children:e})};function u(n){let e={h1:"h1",...(0,o.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h1,{id:"how-to-use-dbaccordion",children:"How to use DBAccordion"}),"\n",(0,r.jsx)(a.default,{}),"\n",(0,r.jsx)(c.default,{}),"\n",(0,r.jsx)(s.default,{}),"\n",(0,r.jsx)(d.default,{})]})}function p(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(l,{...n,children:(0,r.jsx)(u,{...n})})}},16134:function(n,e,t){"use strict";var r=t(52322),o=t(2784),i=t(13776);let a=(0,o.forwardRef)(function(n,e){let t=e||(0,o.useRef)(e);return(0,r.jsx)("button",{ref:t,...(0,i.mS)(n,[]),id:n.id,className:(0,i.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:e=>{n.onClick&&n.onClick(e)},children:n.children})});e.Z=a},63900:function(n,e,t){"use strict";var r,o,i,a,c,s,d;t.d(e,{IY:function(){return l},YP:function(){return u},ce:function(){return p}});let l="OVERWRITE_DEFAULT_ID",u="Back",p="Close Button";(c=r||(r={})).FUNCTIONAL="functional",c.REGULAR="regular",c.EXPRESSIVE="expressive",Object.entries(r).map(n=>{let[,e]=n;return e}),(o||(o={})).PRIMARY="primary",(s=i||(i={})).BASE="base",s.BASE_STRONG="base-strong",s.BASE_TRANSPARENT_SEMI="base-transparent-semi",s.BASE_TRANSPARENT_FULL="base-transparent-full",s.NEUTRAL="neutral",s.NEUTRAL_STRONG="neutral-strong",s.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",s.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",s.BRAND="brand",s.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",s.BRAND_TRANSPARENT_FULL="brand-transparent-full",s.SUCCESSFUL="successful",s.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",s.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",s.CRITICAL="critical",s.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",s.CRITICAL_TRANSPARENT_Full="critical-transparent-full",s.WARNING="warning",s.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",s.WARNING_TRANSPARENT_FULL="warning-transparent-full",s.INFORMATIONAL="informational",s.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",s.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(n=>{let[,e]=n;return e}),Object.entries(o).map(n=>{let[,e]=n;return e}),(d=a||(a={})).CRITICAL="critical",d.INFORMATIONAL="informational",d.WARNING="warning",d.SUCCESSFUL="successful",Object.entries(a).map(n=>{let[,e]=n;return e})},13776:function(n,e,t){"use strict";t.d(e,{MN:function(){return d},Vj:function(){return r},cd:function(){return s},mS:function(){return c},yI:function(){return i},yn:function(){return o}});let r=()=>{var n,e;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},o=(n,e)=>{Object.values(n.children).forEach(n=>{n.setAttribute(e.key,e.value),n.children.length>0&&o(n,e)})},i=function(){for(var n=arguments.length,e=Array(n),t=0;t{if(n){if("string"==typeof n)r+="".concat(n," ");else for(let e in n)n[e]&&(r+="".concat(e," "))}}),r.trim()},a=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],c=(n,e)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||a.includes(n))&&!e.includes(n)).reduce((e,t)=>(e[t]=n[t],e),{}),s=n=>{let{left:e,right:t}=n.getBoundingClientRect(),{innerWidth:r}=window;return e>=0&&t<=r},d=n=>{let{top:e,bottom:t}=n.getBoundingClientRect(),{innerHeight:r}=window;return e>=0&&t<=r}}},function(n){n.O(0,[49710,11803,92888,49774,40179],function(){return n(n.s=1701)}),_N_E=n.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[66719],{1701:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion/how-to-use",function(){return t(69386)}])},9151:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return a}});var r=t(52322),o=t(45392);function i(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,o.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"angular",children:"Angular"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"load-component",children:"Load component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-ts",children:"// app.component.ts\nimport { DBAccordion, DBAccordionItem } from '@db-ui/ngx-components';\n\n@Component({\n // ...\n standalone: true,\n imports: [..., DBAccordion, DBAccordionItem],\n // ...\n})\n"})}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:'\n\n \n \n \n\n'})})]})}function a(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,o.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},43890:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return a}});var r=t(52322),o=t(45392);function i(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,o.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"html",children:"HTML"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:'\n...\n\n
    \n
    \n Title 1\n
    Content 1
    \n
    \n
    \n Title 2\n
    Content 2
    \n
    \n
    \n Title 3\n
    Content 3
    \n
    \n
    \n\n'})})]})}function a(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,o.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},34353:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return a}});var r=t(52322),o=t(45392);function i(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,o.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"react",children:"React"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-tsx",children:'// App.tsx\nimport { DBAccordion, DBAccordionItem } from "@db-ui/react-components";\n\nconst App = () => (\n \n \n \n \n \n);\nexport default App;\n'})})]})}function a(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,o.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},89631:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return a}});var r=t(52322),o=t(45392);function i(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,o.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"vue",children:"Vue"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-vue",children:'\n\n\n\n'})})]})}function a(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,o.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},69386:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return p}});var r=t(52322),o=t(45392),i=t(12156),a=t(43890),c=t(9151),s=t(34353),d=t(89631);let l=n=>{let{children:e}=n;return(0,r.jsx)(i.Z,{children:e})};function u(n){let e={h1:"h1",...(0,o.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h1,{id:"how-to-use-dbaccordion",children:"How to use DBAccordion"}),"\n",(0,r.jsx)(a.default,{}),"\n",(0,r.jsx)(c.default,{}),"\n",(0,r.jsx)(s.default,{}),"\n",(0,r.jsx)(d.default,{})]})}function p(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(l,{...n,children:(0,r.jsx)(u,{...n})})}},16134:function(n,e,t){"use strict";var r=t(52322),o=t(2784),i=t(13776);let a=(0,o.forwardRef)(function(n,e){let t=e||(0,o.useRef)(e);return(0,r.jsx)("button",{ref:t,...(0,i.mS)(n,[]),id:n.id,className:(0,i.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:e=>{n.onClick&&n.onClick(e)},children:n.children})});e.Z=a},63900:function(n,e,t){"use strict";var r,o,i,a,c,s,d;t.d(e,{IY:function(){return l},YP:function(){return u},ce:function(){return p}});let l="OVERWRITE_DEFAULT_ID",u="Back",p="Close Button";(c=r||(r={})).FUNCTIONAL="functional",c.REGULAR="regular",c.EXPRESSIVE="expressive",Object.entries(r).map(n=>{let[,e]=n;return e}),(o||(o={})).PRIMARY="primary",(s=i||(i={})).BASE="base",s.BASE_STRONG="base-strong",s.BASE_TRANSPARENT_SEMI="base-transparent-semi",s.BASE_TRANSPARENT_FULL="base-transparent-full",s.NEUTRAL="neutral",s.NEUTRAL_STRONG="neutral-strong",s.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",s.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",s.BRAND="brand",s.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",s.BRAND_TRANSPARENT_FULL="brand-transparent-full",s.SUCCESSFUL="successful",s.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",s.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",s.CRITICAL="critical",s.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",s.CRITICAL_TRANSPARENT_Full="critical-transparent-full",s.WARNING="warning",s.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",s.WARNING_TRANSPARENT_FULL="warning-transparent-full",s.INFORMATIONAL="informational",s.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",s.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(n=>{let[,e]=n;return e}),Object.entries(o).map(n=>{let[,e]=n;return e}),(d=a||(a={})).CRITICAL="critical",d.INFORMATIONAL="informational",d.WARNING="warning",d.SUCCESSFUL="successful",Object.entries(a).map(n=>{let[,e]=n;return e})},13776:function(n,e,t){"use strict";t.d(e,{MN:function(){return d},Vj:function(){return r},cd:function(){return s},mS:function(){return c},yI:function(){return i},yn:function(){return o}});let r=()=>{var n,e;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},o=(n,e)=>{Object.values(n.children).forEach(n=>{n.setAttribute(e.key,e.value),n.children.length>0&&o(n,e)})},i=function(){for(var n=arguments.length,e=Array(n),t=0;t{if(n){if("string"==typeof n)r+="".concat(n," ");else for(let e in n)n[e]&&(r+="".concat(e," "))}}),r.trim()},a=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],c=(n,e)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||a.includes(n))&&!e.includes(n)).reduce((e,t)=>(e[t]=n[t],e),{}),s=n=>{let{left:e,right:t}=n.getBoundingClientRect(),{innerWidth:r}=window;return e>=0&&t<=r},d=n=>{let{top:e,bottom:t}=n.getBoundingClientRect(),{innerHeight:r}=window;return e>=0&&t<=r}}},function(n){n.O(0,[49710,12156,92888,49774,40179],function(){return n(n.s=1701)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/accordion/migration-ccacc314a9ec1d55.js b/review/main/_next/static/chunks/pages/components/accordion/migration-00aee6957b63ed79.js similarity index 97% rename from review/main/_next/static/chunks/pages/components/accordion/migration-ccacc314a9ec1d55.js rename to review/main/_next/static/chunks/pages/components/accordion/migration-00aee6957b63ed79.js index 5897d9188d3..528c1bf148f 100644 --- a/review/main/_next/static/chunks/pages/components/accordion/migration-ccacc314a9ec1d55.js +++ b/review/main/_next/static/chunks/pages/components/accordion/migration-00aee6957b63ed79.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[61783],{3408:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion/migration",function(){return e(15347)}])},73254:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return s}});var r=e(52322),a=e(45392);function i(n){let t={a:"a",blockquote:"blockquote",h2:"h2",p:"p",strong:"strong",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h2,{id:"general",children:"General"}),"\n",(0,r.jsxs)(t.blockquote,{children:["\n",(0,r.jsxs)(t.p,{children:[(0,r.jsx)(t.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,r.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,r.jsx)(t.h2,{id:"db-ui-core--db-ui-components",children:"DB UI Core ➡ DB UI Components"}),"\n",(0,r.jsx)(t.p,{children:"New Component \uD83E\uDD73"})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,a.a)(),...n.components};return t?(0,r.jsx)(t,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},15347:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return l}});var r=e(52322),a=e(45392),i=e(11803),s=e(73254);let o=n=>{let{children:t}=n;return(0,r.jsx)(i.Z,{children:t})};function c(n){let t={h1:"h1",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbaccordion-migration",children:"DBAccordion Migration"}),"\n",(0,r.jsx)(s.default,{})]})}function l(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(o,{...n,children:(0,r.jsx)(c,{...n})})}},16134:function(n,t,e){"use strict";var r=e(52322),a=e(2784),i=e(13776);let s=(0,a.forwardRef)(function(n,t){let e=t||(0,a.useRef)(t);return(0,r.jsx)("button",{ref:e,...(0,i.mS)(n,[]),id:n.id,className:(0,i.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:t=>{n.onClick&&n.onClick(t)},children:n.children})});t.Z=s},63900:function(n,t,e){"use strict";var r,a,i,s,o,c,l;e.d(t,{IY:function(){return u},YP:function(){return d},ce:function(){return p}});let u="OVERWRITE_DEFAULT_ID",d="Back",p="Close Button";(o=r||(r={})).FUNCTIONAL="functional",o.REGULAR="regular",o.EXPRESSIVE="expressive",Object.entries(r).map(n=>{let[,t]=n;return t}),(a||(a={})).PRIMARY="primary",(c=i||(i={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(n=>{let[,t]=n;return t}),Object.entries(a).map(n=>{let[,t]=n;return t}),(l=s||(s={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(s).map(n=>{let[,t]=n;return t})},13776:function(n,t,e){"use strict";e.d(t,{MN:function(){return l},Vj:function(){return r},cd:function(){return c},mS:function(){return o},yI:function(){return i},yn:function(){return a}});let r=()=>{var n,t;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},a=(n,t)=>{Object.values(n.children).forEach(n=>{n.setAttribute(t.key,t.value),n.children.length>0&&a(n,t)})},i=function(){for(var n=arguments.length,t=Array(n),e=0;e{if(n){if("string"==typeof n)r+="".concat(n," ");else for(let t in n)n[t]&&(r+="".concat(t," "))}}),r.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],o=(n,t)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||s.includes(n))&&!t.includes(n)).reduce((t,e)=>(t[e]=n[e],t),{}),c=n=>{let{left:t,right:e}=n.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&e<=r},l=n=>{let{top:t,bottom:e}=n.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&e<=r}}},function(n){n.O(0,[49710,11803,92888,49774,40179],function(){return n(n.s=3408)}),_N_E=n.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[61783],{3408:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion/migration",function(){return e(15347)}])},73254:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return s}});var r=e(52322),a=e(45392);function i(n){let t={a:"a",blockquote:"blockquote",h2:"h2",p:"p",strong:"strong",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h2,{id:"general",children:"General"}),"\n",(0,r.jsxs)(t.blockquote,{children:["\n",(0,r.jsxs)(t.p,{children:[(0,r.jsx)(t.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,r.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,r.jsx)(t.h2,{id:"db-ui-core--db-ui-components",children:"DB UI Core ➡ DB UI Components"}),"\n",(0,r.jsx)(t.p,{children:"New Component \uD83E\uDD73"})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,a.a)(),...n.components};return t?(0,r.jsx)(t,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},15347:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return l}});var r=e(52322),a=e(45392),i=e(12156),s=e(73254);let o=n=>{let{children:t}=n;return(0,r.jsx)(i.Z,{children:t})};function c(n){let t={h1:"h1",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbaccordion-migration",children:"DBAccordion Migration"}),"\n",(0,r.jsx)(s.default,{})]})}function l(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(o,{...n,children:(0,r.jsx)(c,{...n})})}},16134:function(n,t,e){"use strict";var r=e(52322),a=e(2784),i=e(13776);let s=(0,a.forwardRef)(function(n,t){let e=t||(0,a.useRef)(t);return(0,r.jsx)("button",{ref:e,...(0,i.mS)(n,[]),id:n.id,className:(0,i.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:t=>{n.onClick&&n.onClick(t)},children:n.children})});t.Z=s},63900:function(n,t,e){"use strict";var r,a,i,s,o,c,l;e.d(t,{IY:function(){return u},YP:function(){return d},ce:function(){return p}});let u="OVERWRITE_DEFAULT_ID",d="Back",p="Close Button";(o=r||(r={})).FUNCTIONAL="functional",o.REGULAR="regular",o.EXPRESSIVE="expressive",Object.entries(r).map(n=>{let[,t]=n;return t}),(a||(a={})).PRIMARY="primary",(c=i||(i={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(n=>{let[,t]=n;return t}),Object.entries(a).map(n=>{let[,t]=n;return t}),(l=s||(s={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(s).map(n=>{let[,t]=n;return t})},13776:function(n,t,e){"use strict";e.d(t,{MN:function(){return l},Vj:function(){return r},cd:function(){return c},mS:function(){return o},yI:function(){return i},yn:function(){return a}});let r=()=>{var n,t;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},a=(n,t)=>{Object.values(n.children).forEach(n=>{n.setAttribute(t.key,t.value),n.children.length>0&&a(n,t)})},i=function(){for(var n=arguments.length,t=Array(n),e=0;e{if(n){if("string"==typeof n)r+="".concat(n," ");else for(let t in n)n[t]&&(r+="".concat(t," "))}}),r.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],o=(n,t)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||s.includes(n))&&!t.includes(n)).reduce((t,e)=>(t[e]=n[e],t),{}),c=n=>{let{left:t,right:e}=n.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&e<=r},l=n=>{let{top:t,bottom:e}=n.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&e<=r}}},function(n){n.O(0,[49710,12156,92888,49774,40179],function(){return n(n.s=3408)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/accordion/overview-d7356e977782b491.js b/review/main/_next/static/chunks/pages/components/accordion/overview-a145251b4d6cd10c.js similarity index 82% rename from review/main/_next/static/chunks/pages/components/accordion/overview-d7356e977782b491.js rename to review/main/_next/static/chunks/pages/components/accordion/overview-a145251b4d6cd10c.js index adaa73643fc..51e9bb98897 100644 --- a/review/main/_next/static/chunks/pages/components/accordion/overview-d7356e977782b491.js +++ b/review/main/_next/static/chunks/pages/components/accordion/overview-a145251b4d6cd10c.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[38164],{61523:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion/overview",function(){return t(74254)}])},74254:function(n,e,t){"use strict";t.r(e);var o=t(52322),i=t(75942),s=t(70307),a=t(97292),c=t(86095),r=t(99341),u=t(7716),l=t(37395),d=t(3170);let f=n=>{let{behaviour:e,children:t,variant:i}=n;return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(c.EZ,{size:"small",variant:"informational",icon:"none",children:t}),(0,o.jsxs)(c.aw,{behaviour:e,variant:i,children:[(0,o.jsx)(c.kC,{headline:"Item 1",content:"Content 1"}),(0,o.jsx)(c.kC,{headline:"Item 2",content:"Content 2"}),(0,o.jsx)(c.kC,{headline:"Item 3",content:"Content 3"})]})]})};e.default=()=>(0,o.jsx)("div",{children:(0,o.jsx)(r.Z,{title:"DBAccordion",subComponent:(0,o.jsx)(d.default,{isSubComponent:!0,componentName:"accordion-item"}),variants:(0,l.P)(u,f,[(0,o.jsx)(i.default,{}),(0,o.jsx)(s.default,{}),(0,o.jsx)(a.default,{})])})})}},function(n){n.O(0,[49710,14863,11803,94218,75942,81228,92888,49774,40179],function(){return n(n.s=61523)}),_N_E=n.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[38164],{61523:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion/overview",function(){return t(74254)}])},74254:function(n,e,t){"use strict";t.r(e);var o=t(52322),i=t(75942),s=t(70307),a=t(97292),c=t(53752),r=t(99341),u=t(7716),l=t(37395),d=t(3170);let f=n=>{let{behaviour:e,children:t,variant:i}=n;return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(c.EZ,{size:"small",variant:"informational",icon:"none",children:t}),(0,o.jsxs)(c.aw,{behaviour:e,variant:i,children:[(0,o.jsx)(c.kC,{headline:"Item 1",content:"Content 1"}),(0,o.jsx)(c.kC,{headline:"Item 2",content:"Content 2"}),(0,o.jsx)(c.kC,{headline:"Item 3",content:"Content 3"})]})]})};e.default=()=>(0,o.jsx)("div",{children:(0,o.jsx)(r.Z,{title:"DBAccordion",subComponent:(0,o.jsx)(d.default,{isSubComponent:!0,componentName:"accordion-item"}),variants:(0,l.P)(u,f,[(0,o.jsx)(i.default,{}),(0,o.jsx)(s.default,{}),(0,o.jsx)(a.default,{})])})})}},function(n){n.O(0,[49710,14863,12156,94218,75942,81228,92888,49774,40179],function(){return n(n.s=61523)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/accordion/properties-241ad57559a53cd3.js b/review/main/_next/static/chunks/pages/components/accordion/properties-5bfee5dc924905dc.js similarity index 98% rename from review/main/_next/static/chunks/pages/components/accordion/properties-241ad57559a53cd3.js rename to review/main/_next/static/chunks/pages/components/accordion/properties-5bfee5dc924905dc.js index 90dfcbebf62..746cd3448d2 100644 --- a/review/main/_next/static/chunks/pages/components/accordion/properties-241ad57559a53cd3.js +++ b/review/main/_next/static/chunks/pages/components/accordion/properties-5bfee5dc924905dc.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[73664],{90444:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion/properties",function(){return n(4889)}])},4889:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return c}});var r=n(52322),i=n(45392),s=n(11803);let d=e=>{let{children:t}=e;return(0,r.jsx)(s.Z,{children:t})};function a(e){let t={a:"a",code:"code",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbaccordion",children:"DBAccordion"}),"\n",(0,r.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Name"}),(0,r.jsx)(t.th,{children:"Description"}),(0,r.jsx)(t.th,{children:"Type"}),(0,r.jsx)(t.th,{children:"Options"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"variant"}),(0,r.jsxs)(t.td,{children:["Defines the display of the accordion and the items:",(0,r.jsx)("br",{}),'"default": with a dividing line between the items',(0,r.jsx)("br",{}),'"card": w/o dividing line, but items are shown in the card variant']}),(0,r.jsx)(t.td,{children:"literal"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'card'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"behaviour"}),(0,r.jsx)(t.td,{children:"To allow multiple items open at the same time or only 1 item"}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'multiple' | 'single'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"initOpenIndex"}),(0,r.jsx)(t.td,{children:"The index of items which should be open when loading the accordion"}),(0,r.jsx)(t.td,{children:"Array"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"const array:number[] = []"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"items"}),(0,r.jsx)(t.td,{children:"Alternative to pass in a simple representation of accordion items"}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"DBAccordionItemInterface | | string"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"onChange"}),(0,r.jsx)(t.td,{children:"Informs about the changes in the internal state, which item is open"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(openAccordionItemIds: string[]) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"children"}),(0,r.jsx)(t.td,{children:"default slot"}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"className"}),(0,r.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"describedbyid"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,r.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"id"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"key"}),(0,r.jsx)(t.td,{children:"React specific for render process."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]})]})]})]})}function c(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(d,{...e,children:(0,r.jsx)(a,{...e})})}},16134:function(e,t,n){"use strict";var r=n(52322),i=n(2784),s=n(13776);let d=(0,i.forwardRef)(function(e,t){let n=t||(0,i.useRef)(t);return(0,r.jsx)("button",{ref:n,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=d},63900:function(e,t,n){"use strict";var r,i,s,d,a,c,l;n.d(t,{IY:function(){return o},YP:function(){return h},ce:function(){return u}});let o="OVERWRITE_DEFAULT_ID",h="Back",u="Close Button";(a=r||(r={})).FUNCTIONAL="functional",a.REGULAR="regular",a.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,t]=e;return t}),(i||(i={})).PRIMARY="primary",(c=s||(s={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(e=>{let[,t]=e;return t}),Object.entries(i).map(e=>{let[,t]=e;return t}),(l=d||(d={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(d).map(e=>{let[,t]=e;return t})},13776:function(e,t,n){"use strict";n.d(t,{MN:function(){return l},Vj:function(){return r},cd:function(){return c},mS:function(){return a},yI:function(){return s},yn:function(){return i}});let r=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&i(e,t)})},s=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let t in e)e[t]&&(r+="".concat(t," "))}}),r.trim()},d=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],a=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||d.includes(e))&&!t.includes(e)).reduce((t,n)=>(t[n]=e[n],t),{}),c=e=>{let{left:t,right:n}=e.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&n<=r},l=e=>{let{top:t,bottom:n}=e.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&n<=r}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=90444)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[73664],{90444:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/accordion/properties",function(){return n(4889)}])},4889:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return c}});var r=n(52322),i=n(45392),s=n(12156);let d=e=>{let{children:t}=e;return(0,r.jsx)(s.Z,{children:t})};function a(e){let t={a:"a",code:"code",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbaccordion",children:"DBAccordion"}),"\n",(0,r.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Name"}),(0,r.jsx)(t.th,{children:"Description"}),(0,r.jsx)(t.th,{children:"Type"}),(0,r.jsx)(t.th,{children:"Options"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"variant"}),(0,r.jsxs)(t.td,{children:["Defines the display of the accordion and the items:",(0,r.jsx)("br",{}),'"default": with a dividing line between the items',(0,r.jsx)("br",{}),'"card": w/o dividing line, but items are shown in the card variant']}),(0,r.jsx)(t.td,{children:"literal"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'card'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"behaviour"}),(0,r.jsx)(t.td,{children:"To allow multiple items open at the same time or only 1 item"}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'multiple' | 'single'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"initOpenIndex"}),(0,r.jsx)(t.td,{children:"The index of items which should be open when loading the accordion"}),(0,r.jsx)(t.td,{children:"Array"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"const array:number[] = []"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"items"}),(0,r.jsx)(t.td,{children:"Alternative to pass in a simple representation of accordion items"}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"DBAccordionItemInterface | | string"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"onChange"}),(0,r.jsx)(t.td,{children:"Informs about the changes in the internal state, which item is open"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(openAccordionItemIds: string[]) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"children"}),(0,r.jsx)(t.td,{children:"default slot"}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"className"}),(0,r.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"describedbyid"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,r.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"id"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"key"}),(0,r.jsx)(t.td,{children:"React specific for render process."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]})]})]})]})}function c(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(d,{...e,children:(0,r.jsx)(a,{...e})})}},16134:function(e,t,n){"use strict";var r=n(52322),i=n(2784),s=n(13776);let d=(0,i.forwardRef)(function(e,t){let n=t||(0,i.useRef)(t);return(0,r.jsx)("button",{ref:n,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=d},63900:function(e,t,n){"use strict";var r,i,s,d,a,c,l;n.d(t,{IY:function(){return o},YP:function(){return h},ce:function(){return u}});let o="OVERWRITE_DEFAULT_ID",h="Back",u="Close Button";(a=r||(r={})).FUNCTIONAL="functional",a.REGULAR="regular",a.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,t]=e;return t}),(i||(i={})).PRIMARY="primary",(c=s||(s={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(e=>{let[,t]=e;return t}),Object.entries(i).map(e=>{let[,t]=e;return t}),(l=d||(d={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(d).map(e=>{let[,t]=e;return t})},13776:function(e,t,n){"use strict";n.d(t,{MN:function(){return l},Vj:function(){return r},cd:function(){return c},mS:function(){return a},yI:function(){return s},yn:function(){return i}});let r=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&i(e,t)})},s=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let t in e)e[t]&&(r+="".concat(t," "))}}),r.trim()},d=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],a=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||d.includes(e))&&!t.includes(e)).reduce((t,n)=>(t[n]=e[n],t),{}),c=e=>{let{left:t,right:n}=e.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&n<=r},l=e=>{let{top:t,bottom:n}=e.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&n<=r}}},function(e){e.O(0,[49710,12156,92888,49774,40179],function(){return e(e.s=90444)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/alert-759ac8aa099e58af.js b/review/main/_next/static/chunks/pages/components/alert-81c6c783eb96d235.js similarity index 85% rename from review/main/_next/static/chunks/pages/components/alert-759ac8aa099e58af.js rename to review/main/_next/static/chunks/pages/components/alert-81c6c783eb96d235.js index 042727a6d74..6e92c23c86d 100644 --- a/review/main/_next/static/chunks/pages/components/alert-759ac8aa099e58af.js +++ b/review/main/_next/static/chunks/pages/components/alert-81c6c783eb96d235.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[29688],{44365:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/alert",function(){return e(31432)}])},31432:function(t,n,e){"use strict";e.r(n);var u=e(52322),i=e(91165),l=e(45169),a=e(24414),r=e(35584),s=e(87058),f=e(86095),o=e(99341),c=e(86600),_=e(37395);let d=t=>{let{variant:n,icon:e,headline:i,link:l,type:a,children:r,behaviour:s}=t;return(0,u.jsx)(f.H3,{variant:n,icon:e,headline:i,link:l,type:a,behaviour:s,onClick:()=>{alert(r.toString())},children:r})};n.default=()=>(0,u.jsx)(o.Z,{title:"DBAlert",variants:(0,_.P)(c,d,[(0,u.jsx)(i.default,{}),(0,u.jsx)(l.default,{}),(0,u.jsx)(a.default,{}),(0,u.jsx)(r.default,{}),(0,u.jsx)(s.default,{})])})}},function(t){t.O(0,[49710,14863,11803,24414,35584,42679,1047,92888,49774,40179],function(){return t(t.s=44365)}),_N_E=t.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[29688],{44365:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/alert",function(){return e(31432)}])},31432:function(t,n,e){"use strict";e.r(n);var u=e(52322),i=e(91165),l=e(45169),a=e(24414),r=e(35584),s=e(87058),f=e(53752),o=e(99341),c=e(86600),_=e(37395);let d=t=>{let{variant:n,icon:e,headline:i,link:l,type:a,children:r,behaviour:s}=t;return(0,u.jsx)(f.H3,{variant:n,icon:e,headline:i,link:l,type:a,behaviour:s,onClick:()=>{alert(r.toString())},children:r})};n.default=()=>(0,u.jsx)(o.Z,{title:"DBAlert",variants:(0,_.P)(c,d,[(0,u.jsx)(i.default,{}),(0,u.jsx)(l.default,{}),(0,u.jsx)(a.default,{}),(0,u.jsx)(r.default,{}),(0,u.jsx)(s.default,{})])})}},function(t){t.O(0,[49710,14863,12156,24414,35584,42679,1047,92888,49774,40179],function(){return t(t.s=44365)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/alert/how-to-use-d0a58710da6aa7d7.js b/review/main/_next/static/chunks/pages/components/alert/how-to-use-4df9b71edd2a48f1.js similarity index 98% rename from review/main/_next/static/chunks/pages/components/alert/how-to-use-d0a58710da6aa7d7.js rename to review/main/_next/static/chunks/pages/components/alert/how-to-use-4df9b71edd2a48f1.js index e0c281bddbd..8bcfa85bcd4 100644 --- a/review/main/_next/static/chunks/pages/components/alert/how-to-use-d0a58710da6aa7d7.js +++ b/review/main/_next/static/chunks/pages/components/alert/how-to-use-4df9b71edd2a48f1.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[95895],{7083:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/alert/how-to-use",function(){return t(76775)}])},83495:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var r=t(52322),a=t(45392);function i(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"angular",children:"Angular"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"load-component",children:"Load component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-ts",children:"// app.component.ts\nimport { DBAlert } from '@db-ui/ngx-components';\n\n@Component({\n // ...\n standalone: true,\n imports: [..., DBAlert],\n // ...\n})\n"})}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:'\nAlert\n'})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},11708:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var r=t(52322),a=t(45392);function i(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"html",children:"HTML"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:'\n...\n\n
    \n
    \n
    \n Headline\n
    \n \n Close Button\n \n
    \n
    \n Alert\n
    \n
    \n\n'})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},85345:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var r=t(52322),a=t(45392);function i(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"react",children:"React"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-tsx",children:'// App.tsx\nimport { DBAlert } from "@db-ui/react-components";\n\nconst App = () => Alert;\n\nexport default App;\n'})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},68988:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var r=t(52322),a=t(45392);function i(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"vue",children:"Vue"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-vue",children:'\n\n\n\n'})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},76775:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return p}});var r=t(52322),a=t(45392),i=t(11803),s=t(11708),o=t(83495),c=t(85345),l=t(68988);let d=n=>{let{children:e}=n;return(0,r.jsx)(i.Z,{children:e})};function u(n){let e={h1:"h1",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h1,{id:"how-to-use-dbalert",children:"How to use DBAlert"}),"\n",(0,r.jsx)(s.default,{}),"\n",(0,r.jsx)(o.default,{}),"\n",(0,r.jsx)(c.default,{}),"\n",(0,r.jsx)(l.default,{})]})}function p(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(d,{...n,children:(0,r.jsx)(u,{...n})})}},16134:function(n,e,t){"use strict";var r=t(52322),a=t(2784),i=t(13776);let s=(0,a.forwardRef)(function(n,e){let t=e||(0,a.useRef)(e);return(0,r.jsx)("button",{ref:t,...(0,i.mS)(n,[]),id:n.id,className:(0,i.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:e=>{n.onClick&&n.onClick(e)},children:n.children})});e.Z=s},63900:function(n,e,t){"use strict";var r,a,i,s,o,c,l;t.d(e,{IY:function(){return d},YP:function(){return u},ce:function(){return p}});let d="OVERWRITE_DEFAULT_ID",u="Back",p="Close Button";(o=r||(r={})).FUNCTIONAL="functional",o.REGULAR="regular",o.EXPRESSIVE="expressive",Object.entries(r).map(n=>{let[,e]=n;return e}),(a||(a={})).PRIMARY="primary",(c=i||(i={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(n=>{let[,e]=n;return e}),Object.entries(a).map(n=>{let[,e]=n;return e}),(l=s||(s={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(s).map(n=>{let[,e]=n;return e})},13776:function(n,e,t){"use strict";t.d(e,{MN:function(){return l},Vj:function(){return r},cd:function(){return c},mS:function(){return o},yI:function(){return i},yn:function(){return a}});let r=()=>{var n,e;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},a=(n,e)=>{Object.values(n.children).forEach(n=>{n.setAttribute(e.key,e.value),n.children.length>0&&a(n,e)})},i=function(){for(var n=arguments.length,e=Array(n),t=0;t{if(n){if("string"==typeof n)r+="".concat(n," ");else for(let e in n)n[e]&&(r+="".concat(e," "))}}),r.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],o=(n,e)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||s.includes(n))&&!e.includes(n)).reduce((e,t)=>(e[t]=n[t],e),{}),c=n=>{let{left:e,right:t}=n.getBoundingClientRect(),{innerWidth:r}=window;return e>=0&&t<=r},l=n=>{let{top:e,bottom:t}=n.getBoundingClientRect(),{innerHeight:r}=window;return e>=0&&t<=r}}},function(n){n.O(0,[49710,11803,92888,49774,40179],function(){return n(n.s=7083)}),_N_E=n.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[95895],{7083:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/alert/how-to-use",function(){return t(76775)}])},83495:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var r=t(52322),a=t(45392);function i(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"angular",children:"Angular"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"load-component",children:"Load component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-ts",children:"// app.component.ts\nimport { DBAlert } from '@db-ui/ngx-components';\n\n@Component({\n // ...\n standalone: true,\n imports: [..., DBAlert],\n // ...\n})\n"})}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:'\nAlert\n'})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},11708:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var r=t(52322),a=t(45392);function i(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"html",children:"HTML"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:'\n...\n\n
    \n
    \n
    \n Headline\n
    \n \n Close Button\n \n
    \n
    \n Alert\n
    \n
    \n\n'})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},85345:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var r=t(52322),a=t(45392);function i(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"react",children:"React"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-tsx",children:'// App.tsx\nimport { DBAlert } from "@db-ui/react-components";\n\nconst App = () => Alert;\n\nexport default App;\n'})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},68988:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var r=t(52322),a=t(45392);function i(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"vue",children:"Vue"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-vue",children:'\n\n\n\n'})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},76775:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return p}});var r=t(52322),a=t(45392),i=t(12156),s=t(11708),o=t(83495),c=t(85345),l=t(68988);let d=n=>{let{children:e}=n;return(0,r.jsx)(i.Z,{children:e})};function u(n){let e={h1:"h1",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h1,{id:"how-to-use-dbalert",children:"How to use DBAlert"}),"\n",(0,r.jsx)(s.default,{}),"\n",(0,r.jsx)(o.default,{}),"\n",(0,r.jsx)(c.default,{}),"\n",(0,r.jsx)(l.default,{})]})}function p(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(d,{...n,children:(0,r.jsx)(u,{...n})})}},16134:function(n,e,t){"use strict";var r=t(52322),a=t(2784),i=t(13776);let s=(0,a.forwardRef)(function(n,e){let t=e||(0,a.useRef)(e);return(0,r.jsx)("button",{ref:t,...(0,i.mS)(n,[]),id:n.id,className:(0,i.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:e=>{n.onClick&&n.onClick(e)},children:n.children})});e.Z=s},63900:function(n,e,t){"use strict";var r,a,i,s,o,c,l;t.d(e,{IY:function(){return d},YP:function(){return u},ce:function(){return p}});let d="OVERWRITE_DEFAULT_ID",u="Back",p="Close Button";(o=r||(r={})).FUNCTIONAL="functional",o.REGULAR="regular",o.EXPRESSIVE="expressive",Object.entries(r).map(n=>{let[,e]=n;return e}),(a||(a={})).PRIMARY="primary",(c=i||(i={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(n=>{let[,e]=n;return e}),Object.entries(a).map(n=>{let[,e]=n;return e}),(l=s||(s={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(s).map(n=>{let[,e]=n;return e})},13776:function(n,e,t){"use strict";t.d(e,{MN:function(){return l},Vj:function(){return r},cd:function(){return c},mS:function(){return o},yI:function(){return i},yn:function(){return a}});let r=()=>{var n,e;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},a=(n,e)=>{Object.values(n.children).forEach(n=>{n.setAttribute(e.key,e.value),n.children.length>0&&a(n,e)})},i=function(){for(var n=arguments.length,e=Array(n),t=0;t{if(n){if("string"==typeof n)r+="".concat(n," ");else for(let e in n)n[e]&&(r+="".concat(e," "))}}),r.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],o=(n,e)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||s.includes(n))&&!e.includes(n)).reduce((e,t)=>(e[t]=n[t],e),{}),c=n=>{let{left:e,right:t}=n.getBoundingClientRect(),{innerWidth:r}=window;return e>=0&&t<=r},l=n=>{let{top:e,bottom:t}=n.getBoundingClientRect(),{innerHeight:r}=window;return e>=0&&t<=r}}},function(n){n.O(0,[49710,12156,92888,49774,40179],function(){return n(n.s=7083)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/alert/migration-b48c2e31a68908a4.js b/review/main/_next/static/chunks/pages/components/alert/migration-94adb51054e0fa76.js similarity index 98% rename from review/main/_next/static/chunks/pages/components/alert/migration-b48c2e31a68908a4.js rename to review/main/_next/static/chunks/pages/components/alert/migration-94adb51054e0fa76.js index c774258f8f9..578b6282c2c 100644 --- a/review/main/_next/static/chunks/pages/components/alert/migration-b48c2e31a68908a4.js +++ b/review/main/_next/static/chunks/pages/components/alert/migration-94adb51054e0fa76.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3301],{28054:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/alert/migration",function(){return n(10469)}])},47596:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return l}});var r=n(52322),s=n(45392);function i(e){let t={a:"a",blockquote:"blockquote",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,s.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h2,{id:"general",children:"General"}),"\n",(0,r.jsxs)(t.blockquote,{children:["\n",(0,r.jsxs)(t.p,{children:[(0,r.jsx)(t.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,r.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,r.jsx)(t.h2,{id:"db-ui-core--db-ui-components",children:"DB UI Core ➡ DB UI Components"}),"\n",(0,r.jsx)(t.h3,{id:"class",children:"class"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Before"}),(0,r.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(t.th,{children:"After"}),(0,r.jsx)(t.th,{children:"Description"})]})}),(0,r.jsx)(t.tbody,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"elm-notification"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"db-alert"})}),(0,r.jsxs)(t.td,{children:["The old notification component has been split into 2 different components ",(0,r.jsx)(t.a,{href:"https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system-v3/components/feedback/notification",children:"Notification"})," and ",(0,r.jsx)(t.a,{href:"https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system-v3/components/feedback/alert",children:"Alert"})," for more information (when and how to use it)."]})]})})]}),"\n",(0,r.jsx)(t.h3,{id:"variant--type",children:"variant ➡ type"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Before"}),(0,r.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(t.th,{children:"After"}),(0,r.jsx)(t.th,{children:"Description"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"alert"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"alert"})}),(0,r.jsx)(t.td,{children:"Default alert with different look"})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"status"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(t.td,{children:"❌"}),(0,r.jsxs)(t.td,{children:["Status can be changed by ",(0,r.jsx)(t.code,{children:"variants"})]})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83C\uDD95"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"inline"})}),(0,r.jsx)(t.td,{children:"New styling with shadow and rounded corners (like card)"})]})]})]}),"\n",(0,r.jsx)(t.h3,{id:"type--variants",children:"type ➡ variants"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Before"}),(0,r.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(t.th,{children:"After"}),(0,r.jsx)(t.th,{children:"Description"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83C\uDD95"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"adaptive"})}),(0,r.jsx)(t.td,{children:"Default: change colors based on background"})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"error"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"critical"})}),(0,r.jsx)(t.td,{children:"'Red' colored alert to show error messages"})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"informative"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"informational"})}),(0,r.jsx)(t.td,{children:"'Blue' colored alert to show information messages"})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"warning"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"warning"})}),(0,r.jsx)(t.td,{children:"'Yellow' colored alert to show warning messages"})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"success"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"successful"})}),(0,r.jsx)(t.td,{children:"'Green' colored alert to show success messages"})]})]})]})]})}function l(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...e.components};return t?(0,r.jsx)(t,{...e,children:(0,r.jsx)(i,{...e})}):i(e)}},10469:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return a}});var r=n(52322),s=n(45392),i=n(11803),l=n(47596);let c=e=>{let{children:t}=e;return(0,r.jsx)(i.Z,{children:t})};function d(e){let t={h1:"h1",...(0,s.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbalert-migration",children:"DBAlert Migration"}),"\n",(0,r.jsx)(l.default,{})]})}function a(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(c,{...e,children:(0,r.jsx)(d,{...e})})}},16134:function(e,t,n){"use strict";var r=n(52322),s=n(2784),i=n(13776);let l=(0,s.forwardRef)(function(e,t){let n=t||(0,s.useRef)(t);return(0,r.jsx)("button",{ref:n,...(0,i.mS)(e,[]),id:e.id,className:(0,i.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=l},63900:function(e,t,n){"use strict";var r,s,i,l,c,d,a;n.d(t,{IY:function(){return o},YP:function(){return h},ce:function(){return u}});let o="OVERWRITE_DEFAULT_ID",h="Back",u="Close Button";(c=r||(r={})).FUNCTIONAL="functional",c.REGULAR="regular",c.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,t]=e;return t}),(s||(s={})).PRIMARY="primary",(d=i||(i={})).BASE="base",d.BASE_STRONG="base-strong",d.BASE_TRANSPARENT_SEMI="base-transparent-semi",d.BASE_TRANSPARENT_FULL="base-transparent-full",d.NEUTRAL="neutral",d.NEUTRAL_STRONG="neutral-strong",d.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",d.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",d.BRAND="brand",d.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",d.BRAND_TRANSPARENT_FULL="brand-transparent-full",d.SUCCESSFUL="successful",d.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",d.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",d.CRITICAL="critical",d.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",d.CRITICAL_TRANSPARENT_Full="critical-transparent-full",d.WARNING="warning",d.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",d.WARNING_TRANSPARENT_FULL="warning-transparent-full",d.INFORMATIONAL="informational",d.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",d.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(e=>{let[,t]=e;return t}),Object.entries(s).map(e=>{let[,t]=e;return t}),(a=l||(l={})).CRITICAL="critical",a.INFORMATIONAL="informational",a.WARNING="warning",a.SUCCESSFUL="successful",Object.entries(l).map(e=>{let[,t]=e;return t})},13776:function(e,t,n){"use strict";n.d(t,{MN:function(){return a},Vj:function(){return r},cd:function(){return d},mS:function(){return c},yI:function(){return i},yn:function(){return s}});let r=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},s=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&s(e,t)})},i=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let t in e)e[t]&&(r+="".concat(t," "))}}),r.trim()},l=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],c=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||l.includes(e))&&!t.includes(e)).reduce((t,n)=>(t[n]=e[n],t),{}),d=e=>{let{left:t,right:n}=e.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&n<=r},a=e=>{let{top:t,bottom:n}=e.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&n<=r}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=28054)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3301],{28054:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/alert/migration",function(){return n(10469)}])},47596:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return l}});var r=n(52322),s=n(45392);function i(e){let t={a:"a",blockquote:"blockquote",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,s.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h2,{id:"general",children:"General"}),"\n",(0,r.jsxs)(t.blockquote,{children:["\n",(0,r.jsxs)(t.p,{children:[(0,r.jsx)(t.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,r.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,r.jsx)(t.h2,{id:"db-ui-core--db-ui-components",children:"DB UI Core ➡ DB UI Components"}),"\n",(0,r.jsx)(t.h3,{id:"class",children:"class"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Before"}),(0,r.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(t.th,{children:"After"}),(0,r.jsx)(t.th,{children:"Description"})]})}),(0,r.jsx)(t.tbody,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"elm-notification"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"db-alert"})}),(0,r.jsxs)(t.td,{children:["The old notification component has been split into 2 different components ",(0,r.jsx)(t.a,{href:"https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system-v3/components/feedback/notification",children:"Notification"})," and ",(0,r.jsx)(t.a,{href:"https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system-v3/components/feedback/alert",children:"Alert"})," for more information (when and how to use it)."]})]})})]}),"\n",(0,r.jsx)(t.h3,{id:"variant--type",children:"variant ➡ type"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Before"}),(0,r.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(t.th,{children:"After"}),(0,r.jsx)(t.th,{children:"Description"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"alert"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"alert"})}),(0,r.jsx)(t.td,{children:"Default alert with different look"})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"status"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(t.td,{children:"❌"}),(0,r.jsxs)(t.td,{children:["Status can be changed by ",(0,r.jsx)(t.code,{children:"variants"})]})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83C\uDD95"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"inline"})}),(0,r.jsx)(t.td,{children:"New styling with shadow and rounded corners (like card)"})]})]})]}),"\n",(0,r.jsx)(t.h3,{id:"type--variants",children:"type ➡ variants"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Before"}),(0,r.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(t.th,{children:"After"}),(0,r.jsx)(t.th,{children:"Description"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83C\uDD95"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"adaptive"})}),(0,r.jsx)(t.td,{children:"Default: change colors based on background"})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"error"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"critical"})}),(0,r.jsx)(t.td,{children:"'Red' colored alert to show error messages"})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"informative"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"informational"})}),(0,r.jsx)(t.td,{children:"'Blue' colored alert to show information messages"})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"warning"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"warning"})}),(0,r.jsx)(t.td,{children:"'Yellow' colored alert to show warning messages"})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"success"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"successful"})}),(0,r.jsx)(t.td,{children:"'Green' colored alert to show success messages"})]})]})]})]})}function l(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...e.components};return t?(0,r.jsx)(t,{...e,children:(0,r.jsx)(i,{...e})}):i(e)}},10469:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return a}});var r=n(52322),s=n(45392),i=n(12156),l=n(47596);let c=e=>{let{children:t}=e;return(0,r.jsx)(i.Z,{children:t})};function d(e){let t={h1:"h1",...(0,s.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbalert-migration",children:"DBAlert Migration"}),"\n",(0,r.jsx)(l.default,{})]})}function a(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(c,{...e,children:(0,r.jsx)(d,{...e})})}},16134:function(e,t,n){"use strict";var r=n(52322),s=n(2784),i=n(13776);let l=(0,s.forwardRef)(function(e,t){let n=t||(0,s.useRef)(t);return(0,r.jsx)("button",{ref:n,...(0,i.mS)(e,[]),id:e.id,className:(0,i.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=l},63900:function(e,t,n){"use strict";var r,s,i,l,c,d,a;n.d(t,{IY:function(){return o},YP:function(){return h},ce:function(){return u}});let o="OVERWRITE_DEFAULT_ID",h="Back",u="Close Button";(c=r||(r={})).FUNCTIONAL="functional",c.REGULAR="regular",c.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,t]=e;return t}),(s||(s={})).PRIMARY="primary",(d=i||(i={})).BASE="base",d.BASE_STRONG="base-strong",d.BASE_TRANSPARENT_SEMI="base-transparent-semi",d.BASE_TRANSPARENT_FULL="base-transparent-full",d.NEUTRAL="neutral",d.NEUTRAL_STRONG="neutral-strong",d.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",d.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",d.BRAND="brand",d.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",d.BRAND_TRANSPARENT_FULL="brand-transparent-full",d.SUCCESSFUL="successful",d.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",d.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",d.CRITICAL="critical",d.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",d.CRITICAL_TRANSPARENT_Full="critical-transparent-full",d.WARNING="warning",d.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",d.WARNING_TRANSPARENT_FULL="warning-transparent-full",d.INFORMATIONAL="informational",d.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",d.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(e=>{let[,t]=e;return t}),Object.entries(s).map(e=>{let[,t]=e;return t}),(a=l||(l={})).CRITICAL="critical",a.INFORMATIONAL="informational",a.WARNING="warning",a.SUCCESSFUL="successful",Object.entries(l).map(e=>{let[,t]=e;return t})},13776:function(e,t,n){"use strict";n.d(t,{MN:function(){return a},Vj:function(){return r},cd:function(){return d},mS:function(){return c},yI:function(){return i},yn:function(){return s}});let r=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},s=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&s(e,t)})},i=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let t in e)e[t]&&(r+="".concat(t," "))}}),r.trim()},l=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],c=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||l.includes(e))&&!t.includes(e)).reduce((t,n)=>(t[n]=e[n],t),{}),d=e=>{let{left:t,right:n}=e.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&n<=r},a=e=>{let{top:t,bottom:n}=e.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&n<=r}}},function(e){e.O(0,[49710,12156,92888,49774,40179],function(){return e(e.s=28054)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/alert/overview-07d3aa062d96425f.js b/review/main/_next/static/chunks/pages/components/alert/overview-db993955795138e8.js similarity index 85% rename from review/main/_next/static/chunks/pages/components/alert/overview-07d3aa062d96425f.js rename to review/main/_next/static/chunks/pages/components/alert/overview-db993955795138e8.js index e71d5219a91..ad883cd1b7b 100644 --- a/review/main/_next/static/chunks/pages/components/alert/overview-07d3aa062d96425f.js +++ b/review/main/_next/static/chunks/pages/components/alert/overview-db993955795138e8.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[59251],{4111:function(t,e,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/alert/overview",function(){return n(59725)}])},59725:function(t,e,n){"use strict";n.r(e);var u=n(52322),i=n(91165),l=n(45169),r=n(24414),a=n(35584),s=n(87058),o=n(86095),f=n(99341),c=n(86600),_=n(37395);let d=t=>{let{variant:e,icon:n,headline:i,link:l,type:r,children:a,behaviour:s}=t;return(0,u.jsx)(o.H3,{variant:e,icon:n,headline:i,link:l,type:r,behaviour:s,onClick:()=>{alert(a.toString())},children:a})};e.default=()=>(0,u.jsx)(f.Z,{title:"DBAlert",variants:(0,_.P)(c,d,[(0,u.jsx)(i.default,{}),(0,u.jsx)(l.default,{}),(0,u.jsx)(r.default,{}),(0,u.jsx)(a.default,{}),(0,u.jsx)(s.default,{})])})}},function(t){t.O(0,[49710,14863,11803,24414,35584,42679,1047,92888,49774,40179],function(){return t(t.s=4111)}),_N_E=t.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[59251],{4111:function(t,e,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/alert/overview",function(){return n(59725)}])},59725:function(t,e,n){"use strict";n.r(e);var u=n(52322),i=n(91165),l=n(45169),r=n(24414),a=n(35584),s=n(87058),o=n(53752),f=n(99341),c=n(86600),_=n(37395);let d=t=>{let{variant:e,icon:n,headline:i,link:l,type:r,children:a,behaviour:s}=t;return(0,u.jsx)(o.H3,{variant:e,icon:n,headline:i,link:l,type:r,behaviour:s,onClick:()=>{alert(a.toString())},children:a})};e.default=()=>(0,u.jsx)(f.Z,{title:"DBAlert",variants:(0,_.P)(c,d,[(0,u.jsx)(i.default,{}),(0,u.jsx)(l.default,{}),(0,u.jsx)(r.default,{}),(0,u.jsx)(a.default,{}),(0,u.jsx)(s.default,{})])})}},function(t){t.O(0,[49710,14863,12156,24414,35584,42679,1047,92888,49774,40179],function(){return t(t.s=4111)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/alert/properties-ec03e12c516223bd.js b/review/main/_next/static/chunks/pages/components/alert/properties-af26b3add3bc9a19.js similarity index 98% rename from review/main/_next/static/chunks/pages/components/alert/properties-ec03e12c516223bd.js rename to review/main/_next/static/chunks/pages/components/alert/properties-af26b3add3bc9a19.js index 4e2298cf7db..25ed1187e7a 100644 --- a/review/main/_next/static/chunks/pages/components/alert/properties-ec03e12c516223bd.js +++ b/review/main/_next/static/chunks/pages/components/alert/properties-af26b3add3bc9a19.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[45587],{99644:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/alert/properties",function(){return r(32289)}])},32289:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return l}});var n=r(52322),i=r(45392),s=r(11803);let d=e=>{let{children:t}=e;return(0,n.jsx)(s.Z,{children:t})};function a(e){let t={a:"a",code:"code",em:"em",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.h1,{id:"dbalert",children:"DBAlert"}),"\n",(0,n.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,n.jsxs)(t.table,{children:[(0,n.jsx)(t.thead,{children:(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.th,{children:"Name"}),(0,n.jsx)(t.th,{children:"Description"}),(0,n.jsx)(t.th,{children:"Type"}),(0,n.jsx)(t.th,{children:"Options"})]})}),(0,n.jsxs)(t.tbody,{children:[(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"ariaLive"}),(0,n.jsxs)(t.td,{children:["The arialive attribute will lead to that the screenreader interrupts immediately",(0,n.jsx)("br",{}),'and reads out the notification if set to "assertive", while it will wait for the',(0,n.jsx)("br",{}),'user\'s idleness when set to "polite", compare to ',(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-live",children:"aria-live"})]}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'assertive' | 'polite' | 'off' | undefined"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"behaviour"}),(0,n.jsx)(t.td,{children:"The behaviour attribute shows/hides the close button on the top right."}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'closable' | 'permanent'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"headline"}),(0,n.jsx)(t.td,{children:"The headline attribute changes the text of the bold headline."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"link"}),(0,n.jsx)(t.td,{children:"The link attribute changes the props of the link (only available when using slotLink)."}),(0,n.jsx)(t.td,{children:"object"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsxs)("code",{className:"code-pre-wrap",children:["{",(0,n.jsx)("br",{})," current?: boolean | 'time' | 'true' | 'false' | 'date' | 'page' | 'step' | 'location' | undefined;",(0,n.jsx)("br",{})," disabled?: boolean;",(0,n.jsx)("br",{})," href?: string;",(0,n.jsx)("br",{})," hreflang?: string;",(0,n.jsx)("br",{})," label?: string;",(0,n.jsx)("br",{})," target?: '_self' | '_blank' | '_parent' | '_top';",(0,n.jsx)("br",{})," rel?: string;",(0,n.jsx)("br",{})," role?: string;",(0,n.jsx)("br",{})," referrerpolicy?: 'no-referrer' | 'no-referrer-when-downgrade' | 'origin' | 'origin-when-cross-origin' | 'same-origin' | 'strict-origin' | 'strict-origin-when-cross-origin' | 'unsafe-url';",(0,n.jsx)("br",{})," selected?: boolean;",(0,n.jsx)("br",{})," text?: string;",(0,n.jsx)("br",{}),"}"]})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"type"}),(0,n.jsxs)(t.td,{children:["The type attribute changes the styling of the alert.",(0,n.jsx)("br",{}),"The inline alert has a box-shadow and rounded corners (similar to card)."]}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'alert' | 'inline'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"children"}),(0,n.jsx)(t.td,{children:"default slot"}),(0,n.jsx)(t.td,{children:"any"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"className"}),(0,n.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"describedbyid"}),(0,n.jsxs)(t.td,{children:[(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,n.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"id"}),(0,n.jsxs)(t.td,{children:[(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"key"}),(0,n.jsx)(t.td,{children:"React specific for render process."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"onClick"}),(0,n.jsx)(t.td,{children:"React specific onClick to pass to forward ref."}),(0,n.jsx)(t.td,{children:"function"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"(event: ClickEvent) => void"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"icon"}),(0,n.jsxs)(t.td,{children:["Define an icon by its identifier (like e.g. ",(0,n.jsx)(t.em,{children:"account"}),", compare to ",(0,n.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"Icons"}),") to get displayed in front of the elements content."]}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"IconTypes"})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"elevation"}),(0,n.jsx)(t.td,{children:"The elevation attribute changes the style of the card (box-shadow)."}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'default' | 'none'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"variant"}),(0,n.jsx)(t.td,{children:"The variant defines the default variants for most components."}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'adaptive' | 'neutral' | 'critical' | 'informational' | 'warning' | 'successful'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"closeButtonId"}),(0,n.jsx)(t.td,{children:"The closeButtonId attribute changes the id inside the close button."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"closeButtonText"}),(0,n.jsx)(t.td,{children:"The closeButtonText attribute changes the text inside the close button."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]})]})]})]})}function l(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,n.jsx)(d,{...e,children:(0,n.jsx)(a,{...e})})}},16134:function(e,t,r){"use strict";var n=r(52322),i=r(2784),s=r(13776);let d=(0,i.forwardRef)(function(e,t){let r=t||(0,i.useRef)(t);return(0,n.jsx)("button",{ref:r,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=d},63900:function(e,t,r){"use strict";var n,i,s,d,a,l,c;r.d(t,{IY:function(){return o},YP:function(){return h},ce:function(){return u}});let o="OVERWRITE_DEFAULT_ID",h="Back",u="Close Button";(a=n||(n={})).FUNCTIONAL="functional",a.REGULAR="regular",a.EXPRESSIVE="expressive",Object.entries(n).map(e=>{let[,t]=e;return t}),(i||(i={})).PRIMARY="primary",(l=s||(s={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(e=>{let[,t]=e;return t}),Object.entries(i).map(e=>{let[,t]=e;return t}),(c=d||(d={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(d).map(e=>{let[,t]=e;return t})},13776:function(e,t,r){"use strict";r.d(t,{MN:function(){return c},Vj:function(){return n},cd:function(){return l},mS:function(){return a},yI:function(){return s},yn:function(){return i}});let n=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&i(e,t)})},s=function(){for(var e=arguments.length,t=Array(e),r=0;r{if(e){if("string"==typeof e)n+="".concat(e," ");else for(let t in e)e[t]&&(n+="".concat(t," "))}}),n.trim()},d=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],a=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||d.includes(e))&&!t.includes(e)).reduce((t,r)=>(t[r]=e[r],t),{}),l=e=>{let{left:t,right:r}=e.getBoundingClientRect(),{innerWidth:n}=window;return t>=0&&r<=n},c=e=>{let{top:t,bottom:r}=e.getBoundingClientRect(),{innerHeight:n}=window;return t>=0&&r<=n}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=99644)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[45587],{99644:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/alert/properties",function(){return r(32289)}])},32289:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return l}});var n=r(52322),i=r(45392),s=r(12156);let d=e=>{let{children:t}=e;return(0,n.jsx)(s.Z,{children:t})};function a(e){let t={a:"a",code:"code",em:"em",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.h1,{id:"dbalert",children:"DBAlert"}),"\n",(0,n.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,n.jsxs)(t.table,{children:[(0,n.jsx)(t.thead,{children:(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.th,{children:"Name"}),(0,n.jsx)(t.th,{children:"Description"}),(0,n.jsx)(t.th,{children:"Type"}),(0,n.jsx)(t.th,{children:"Options"})]})}),(0,n.jsxs)(t.tbody,{children:[(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"ariaLive"}),(0,n.jsxs)(t.td,{children:["The arialive attribute will lead to that the screenreader interrupts immediately",(0,n.jsx)("br",{}),'and reads out the notification if set to "assertive", while it will wait for the',(0,n.jsx)("br",{}),'user\'s idleness when set to "polite", compare to ',(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-live",children:"aria-live"})]}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'assertive' | 'polite' | 'off' | undefined"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"behaviour"}),(0,n.jsx)(t.td,{children:"The behaviour attribute shows/hides the close button on the top right."}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'closable' | 'permanent'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"headline"}),(0,n.jsx)(t.td,{children:"The headline attribute changes the text of the bold headline."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"link"}),(0,n.jsx)(t.td,{children:"The link attribute changes the props of the link (only available when using slotLink)."}),(0,n.jsx)(t.td,{children:"object"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsxs)("code",{className:"code-pre-wrap",children:["{",(0,n.jsx)("br",{})," current?: boolean | 'time' | 'true' | 'false' | 'date' | 'page' | 'step' | 'location' | undefined;",(0,n.jsx)("br",{})," disabled?: boolean;",(0,n.jsx)("br",{})," href?: string;",(0,n.jsx)("br",{})," hreflang?: string;",(0,n.jsx)("br",{})," label?: string;",(0,n.jsx)("br",{})," target?: '_self' | '_blank' | '_parent' | '_top';",(0,n.jsx)("br",{})," rel?: string;",(0,n.jsx)("br",{})," role?: string;",(0,n.jsx)("br",{})," referrerpolicy?: 'no-referrer' | 'no-referrer-when-downgrade' | 'origin' | 'origin-when-cross-origin' | 'same-origin' | 'strict-origin' | 'strict-origin-when-cross-origin' | 'unsafe-url';",(0,n.jsx)("br",{})," selected?: boolean;",(0,n.jsx)("br",{})," text?: string;",(0,n.jsx)("br",{}),"}"]})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"type"}),(0,n.jsxs)(t.td,{children:["The type attribute changes the styling of the alert.",(0,n.jsx)("br",{}),"The inline alert has a box-shadow and rounded corners (similar to card)."]}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'alert' | 'inline'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"children"}),(0,n.jsx)(t.td,{children:"default slot"}),(0,n.jsx)(t.td,{children:"any"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"className"}),(0,n.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"describedbyid"}),(0,n.jsxs)(t.td,{children:[(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,n.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"id"}),(0,n.jsxs)(t.td,{children:[(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"key"}),(0,n.jsx)(t.td,{children:"React specific for render process."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"onClick"}),(0,n.jsx)(t.td,{children:"React specific onClick to pass to forward ref."}),(0,n.jsx)(t.td,{children:"function"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"(event: ClickEvent) => void"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"icon"}),(0,n.jsxs)(t.td,{children:["Define an icon by its identifier (like e.g. ",(0,n.jsx)(t.em,{children:"account"}),", compare to ",(0,n.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"Icons"}),") to get displayed in front of the elements content."]}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"IconTypes"})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"elevation"}),(0,n.jsx)(t.td,{children:"The elevation attribute changes the style of the card (box-shadow)."}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'default' | 'none'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"variant"}),(0,n.jsx)(t.td,{children:"The variant defines the default variants for most components."}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'adaptive' | 'neutral' | 'critical' | 'informational' | 'warning' | 'successful'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"closeButtonId"}),(0,n.jsx)(t.td,{children:"The closeButtonId attribute changes the id inside the close button."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"closeButtonText"}),(0,n.jsx)(t.td,{children:"The closeButtonText attribute changes the text inside the close button."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]})]})]})]})}function l(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,n.jsx)(d,{...e,children:(0,n.jsx)(a,{...e})})}},16134:function(e,t,r){"use strict";var n=r(52322),i=r(2784),s=r(13776);let d=(0,i.forwardRef)(function(e,t){let r=t||(0,i.useRef)(t);return(0,n.jsx)("button",{ref:r,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=d},63900:function(e,t,r){"use strict";var n,i,s,d,a,l,c;r.d(t,{IY:function(){return o},YP:function(){return h},ce:function(){return u}});let o="OVERWRITE_DEFAULT_ID",h="Back",u="Close Button";(a=n||(n={})).FUNCTIONAL="functional",a.REGULAR="regular",a.EXPRESSIVE="expressive",Object.entries(n).map(e=>{let[,t]=e;return t}),(i||(i={})).PRIMARY="primary",(l=s||(s={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(e=>{let[,t]=e;return t}),Object.entries(i).map(e=>{let[,t]=e;return t}),(c=d||(d={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(d).map(e=>{let[,t]=e;return t})},13776:function(e,t,r){"use strict";r.d(t,{MN:function(){return c},Vj:function(){return n},cd:function(){return l},mS:function(){return a},yI:function(){return s},yn:function(){return i}});let n=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&i(e,t)})},s=function(){for(var e=arguments.length,t=Array(e),r=0;r{if(e){if("string"==typeof e)n+="".concat(e," ");else for(let t in e)e[t]&&(n+="".concat(t," "))}}),n.trim()},d=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],a=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||d.includes(e))&&!t.includes(e)).reduce((t,r)=>(t[r]=e[r],t),{}),l=e=>{let{left:t,right:r}=e.getBoundingClientRect(),{innerWidth:n}=window;return t>=0&&r<=n},c=e=>{let{top:t,bottom:r}=e.getBoundingClientRect(),{innerHeight:n}=window;return t>=0&&r<=n}}},function(e){e.O(0,[49710,12156,92888,49774,40179],function(){return e(e.s=99644)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/badge-5e6fb83a04f1d5e6.js b/review/main/_next/static/chunks/pages/components/badge-ba7e4e8bf5c39ac2.js similarity index 92% rename from review/main/_next/static/chunks/pages/components/badge-5e6fb83a04f1d5e6.js rename to review/main/_next/static/chunks/pages/components/badge-ba7e4e8bf5c39ac2.js index 50666a6a1f2..3f7452485d3 100644 --- a/review/main/_next/static/chunks/pages/components/badge-5e6fb83a04f1d5e6.js +++ b/review/main/_next/static/chunks/pages/components/badge-ba7e4e8bf5c39ac2.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[33899],{9653:function(n,a,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/badge",function(){return i(23891)}])},23891:function(n,a,i){"use strict";i.r(a);var s=i(52322),e=i(1391),r=i(39553),l=i(1964),t=i(57654),c=i(59609),o=i(27469),d=i(38624),x=i(86095),h=i(99341),j=i(9394),m=i(37395);let u=n=>{let{children:a,variant:i,emphasis:e,noContent:r,size:l,placement:t,example:c}=n;return(0,s.jsxs)(s.Fragment,{children:[!t&&!c&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(x.aE,{variant:i,emphasis:e,size:l,children:r?"":a}),r&&(0,s.jsx)(x.EZ,{variant:"informational",size:"small",icon:"none",children:a})]}),t&&"inline"!==t&&!c&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(x.Y1,{icon:"account",variant:"outlined",noText:!0,children:[(0,s.jsx)(x.aE,{size:"small",emphasis:"strong",variant:"critical",placement:t}),a]}),(0,s.jsx)(x.EZ,{variant:"informational",size:"small",icon:"none",children:a})]}),"inline"===t&&(0,s.jsx)(s.Fragment,{children:(0,s.jsxs)("div",{className:"badge-inline-container",children:[(0,s.jsx)(x.Pg,{icon:"account"}),(0,s.jsx)("span",{children:a}),(0,s.jsx)(x.aE,{size:"small",emphasis:"strong",variant:"critical",children:"Label"}),(0,s.jsx)(x.Pg,{icon:"error"})]})}),"icon"===c&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(x.aE,{variant:"critical",emphasis:"strong",size:l,children:(0,s.jsx)(x.Pg,{icon:"account",children:a})}),(0,s.jsx)(x.EZ,{variant:"informational",size:"small",icon:"none",children:a})]}),"number"===c&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(x.aE,{variant:"successful",children:"9"}),(0,s.jsx)(x.aE,{variant:"informational",children:"12"}),(0,s.jsx)(x.aE,{variant:"warning",children:"123"}),(0,s.jsx)(x.aE,{size:"small",emphasis:"strong",variant:"successful",children:"9"}),(0,s.jsx)(x.aE,{size:"small",emphasis:"strong",variant:"informational",children:"12"}),(0,s.jsx)(x.aE,{size:"small",emphasis:"strong",variant:"warning",children:"123"}),(0,s.jsx)(x.EZ,{variant:"informational",size:"small",icon:"none",children:a})]})]})};a.default=()=>(0,s.jsx)(h.Z,{title:"DBBadge",variants:(0,m.P)(j,u,[(0,s.jsx)(e.default,{}),(0,s.jsx)(r.default,{}),(0,s.jsx)(l.default,{}),(0,s.jsx)(t.default,{}),(0,s.jsx)(c.default,{}),(0,s.jsx)(o.default,{}),(0,s.jsx)(d.default,{})])})}},function(n){n.O(0,[49710,14863,11803,1964,27469,59609,93085,92888,49774,40179],function(){return n(n.s=9653)}),_N_E=n.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[33899],{9653:function(n,a,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/badge",function(){return i(23891)}])},23891:function(n,a,i){"use strict";i.r(a);var s=i(52322),e=i(1391),r=i(39553),l=i(1964),t=i(57654),c=i(59609),o=i(27469),d=i(38624),x=i(53752),h=i(99341),j=i(9394),m=i(37395);let u=n=>{let{children:a,variant:i,emphasis:e,noContent:r,size:l,placement:t,example:c}=n;return(0,s.jsxs)(s.Fragment,{children:[!t&&!c&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(x.aE,{variant:i,emphasis:e,size:l,children:r?"":a}),r&&(0,s.jsx)(x.EZ,{variant:"informational",size:"small",icon:"none",children:a})]}),t&&"inline"!==t&&!c&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(x.Y1,{icon:"account",variant:"outlined",noText:!0,children:[(0,s.jsx)(x.aE,{size:"small",emphasis:"strong",variant:"critical",placement:t}),a]}),(0,s.jsx)(x.EZ,{variant:"informational",size:"small",icon:"none",children:a})]}),"inline"===t&&(0,s.jsx)(s.Fragment,{children:(0,s.jsxs)("div",{className:"badge-inline-container",children:[(0,s.jsx)(x.Pg,{icon:"account"}),(0,s.jsx)("span",{children:a}),(0,s.jsx)(x.aE,{size:"small",emphasis:"strong",variant:"critical",children:"Label"}),(0,s.jsx)(x.Pg,{icon:"error"})]})}),"icon"===c&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(x.aE,{variant:"critical",emphasis:"strong",size:l,children:(0,s.jsx)(x.Pg,{icon:"account",children:a})}),(0,s.jsx)(x.EZ,{variant:"informational",size:"small",icon:"none",children:a})]}),"number"===c&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(x.aE,{variant:"successful",children:"9"}),(0,s.jsx)(x.aE,{variant:"informational",children:"12"}),(0,s.jsx)(x.aE,{variant:"warning",children:"123"}),(0,s.jsx)(x.aE,{size:"small",emphasis:"strong",variant:"successful",children:"9"}),(0,s.jsx)(x.aE,{size:"small",emphasis:"strong",variant:"informational",children:"12"}),(0,s.jsx)(x.aE,{size:"small",emphasis:"strong",variant:"warning",children:"123"}),(0,s.jsx)(x.EZ,{variant:"informational",size:"small",icon:"none",children:a})]})]})};a.default=()=>(0,s.jsx)(h.Z,{title:"DBBadge",variants:(0,m.P)(j,u,[(0,s.jsx)(e.default,{}),(0,s.jsx)(r.default,{}),(0,s.jsx)(l.default,{}),(0,s.jsx)(t.default,{}),(0,s.jsx)(c.default,{}),(0,s.jsx)(o.default,{}),(0,s.jsx)(d.default,{})])})}},function(n){n.O(0,[49710,14863,12156,1964,27469,59609,93085,92888,49774,40179],function(){return n(n.s=9653)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/badge/how-to-use-d71a12329d72c06d.js b/review/main/_next/static/chunks/pages/components/badge/how-to-use-de634d79de287c2f.js similarity index 98% rename from review/main/_next/static/chunks/pages/components/badge/how-to-use-d71a12329d72c06d.js rename to review/main/_next/static/chunks/pages/components/badge/how-to-use-de634d79de287c2f.js index a0f5c4ab679..8988dc7a0fa 100644 --- a/review/main/_next/static/chunks/pages/components/badge/how-to-use-d71a12329d72c06d.js +++ b/review/main/_next/static/chunks/pages/components/badge/how-to-use-de634d79de287c2f.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[36702],{57114:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/badge/how-to-use",function(){return t(19401)}])},16467:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return o}});var r=t(52322),a=t(45392);function s(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"angular",children:"Angular"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"load-component",children:"Load component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-ts",children:"// app.component.ts\nimport { DBBadge } from '@db-ui/ngx-components';\n\n@Component({\n // ...\n standalone: true,\n imports: [..., DBBadge],\n // ...\n})\n"})}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:"\nBadge\n"})})]})}function o(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(s,{...n})}):s(n)}},54708:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return o}});var r=t(52322),a=t(45392);function s(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"html",children:"HTML"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:'\n...\n\n Badge\n\n'})})]})}function o(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(s,{...n})}):s(n)}},78218:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return o}});var r=t(52322),a=t(45392);function s(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"react",children:"React"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-tsx",children:'// App.tsx\nimport { DBBadge } from "@db-ui/react-components";\n\nconst App = () => Badge;\n\nexport default App;\n'})})]})}function o(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(s,{...n})}):s(n)}},6316:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return o}});var r=t(52322),a=t(45392);function s(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"vue",children:"Vue"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-vue",children:'\n\n\n\n'})})]})}function o(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(s,{...n})}):s(n)}},19401:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return p}});var r=t(52322),a=t(45392),s=t(11803),o=t(54708),i=t(16467),c=t(78218),l=t(6316);let d=n=>{let{children:e}=n;return(0,r.jsx)(s.Z,{children:e})};function u(n){let e={h1:"h1",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h1,{id:"how-to-use-dbbadge",children:"How to use DBBadge"}),"\n",(0,r.jsx)(o.default,{}),"\n",(0,r.jsx)(i.default,{}),"\n",(0,r.jsx)(c.default,{}),"\n",(0,r.jsx)(l.default,{})]})}function p(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(d,{...n,children:(0,r.jsx)(u,{...n})})}},16134:function(n,e,t){"use strict";var r=t(52322),a=t(2784),s=t(13776);let o=(0,a.forwardRef)(function(n,e){let t=e||(0,a.useRef)(e);return(0,r.jsx)("button",{ref:t,...(0,s.mS)(n,[]),id:n.id,className:(0,s.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:e=>{n.onClick&&n.onClick(e)},children:n.children})});e.Z=o},63900:function(n,e,t){"use strict";var r,a,s,o,i,c,l;t.d(e,{IY:function(){return d},YP:function(){return u},ce:function(){return p}});let d="OVERWRITE_DEFAULT_ID",u="Back",p="Close Button";(i=r||(r={})).FUNCTIONAL="functional",i.REGULAR="regular",i.EXPRESSIVE="expressive",Object.entries(r).map(n=>{let[,e]=n;return e}),(a||(a={})).PRIMARY="primary",(c=s||(s={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(n=>{let[,e]=n;return e}),Object.entries(a).map(n=>{let[,e]=n;return e}),(l=o||(o={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(o).map(n=>{let[,e]=n;return e})},13776:function(n,e,t){"use strict";t.d(e,{MN:function(){return l},Vj:function(){return r},cd:function(){return c},mS:function(){return i},yI:function(){return s},yn:function(){return a}});let r=()=>{var n,e;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},a=(n,e)=>{Object.values(n.children).forEach(n=>{n.setAttribute(e.key,e.value),n.children.length>0&&a(n,e)})},s=function(){for(var n=arguments.length,e=Array(n),t=0;t{if(n){if("string"==typeof n)r+="".concat(n," ");else for(let e in n)n[e]&&(r+="".concat(e," "))}}),r.trim()},o=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],i=(n,e)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||o.includes(n))&&!e.includes(n)).reduce((e,t)=>(e[t]=n[t],e),{}),c=n=>{let{left:e,right:t}=n.getBoundingClientRect(),{innerWidth:r}=window;return e>=0&&t<=r},l=n=>{let{top:e,bottom:t}=n.getBoundingClientRect(),{innerHeight:r}=window;return e>=0&&t<=r}}},function(n){n.O(0,[49710,11803,92888,49774,40179],function(){return n(n.s=57114)}),_N_E=n.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[36702],{57114:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/badge/how-to-use",function(){return t(19401)}])},16467:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return o}});var r=t(52322),a=t(45392);function s(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"angular",children:"Angular"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"load-component",children:"Load component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-ts",children:"// app.component.ts\nimport { DBBadge } from '@db-ui/ngx-components';\n\n@Component({\n // ...\n standalone: true,\n imports: [..., DBBadge],\n // ...\n})\n"})}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:"\nBadge\n"})})]})}function o(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(s,{...n})}):s(n)}},54708:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return o}});var r=t(52322),a=t(45392);function s(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"html",children:"HTML"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:'\n...\n\n Badge\n\n'})})]})}function o(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(s,{...n})}):s(n)}},78218:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return o}});var r=t(52322),a=t(45392);function s(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"react",children:"React"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-tsx",children:'// App.tsx\nimport { DBBadge } from "@db-ui/react-components";\n\nconst App = () => Badge;\n\nexport default App;\n'})})]})}function o(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(s,{...n})}):s(n)}},6316:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return o}});var r=t(52322),a=t(45392);function s(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"vue",children:"Vue"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-vue",children:'\n\n\n\n'})})]})}function o(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(s,{...n})}):s(n)}},19401:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return p}});var r=t(52322),a=t(45392),s=t(12156),o=t(54708),i=t(16467),c=t(78218),l=t(6316);let d=n=>{let{children:e}=n;return(0,r.jsx)(s.Z,{children:e})};function u(n){let e={h1:"h1",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h1,{id:"how-to-use-dbbadge",children:"How to use DBBadge"}),"\n",(0,r.jsx)(o.default,{}),"\n",(0,r.jsx)(i.default,{}),"\n",(0,r.jsx)(c.default,{}),"\n",(0,r.jsx)(l.default,{})]})}function p(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(d,{...n,children:(0,r.jsx)(u,{...n})})}},16134:function(n,e,t){"use strict";var r=t(52322),a=t(2784),s=t(13776);let o=(0,a.forwardRef)(function(n,e){let t=e||(0,a.useRef)(e);return(0,r.jsx)("button",{ref:t,...(0,s.mS)(n,[]),id:n.id,className:(0,s.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:e=>{n.onClick&&n.onClick(e)},children:n.children})});e.Z=o},63900:function(n,e,t){"use strict";var r,a,s,o,i,c,l;t.d(e,{IY:function(){return d},YP:function(){return u},ce:function(){return p}});let d="OVERWRITE_DEFAULT_ID",u="Back",p="Close Button";(i=r||(r={})).FUNCTIONAL="functional",i.REGULAR="regular",i.EXPRESSIVE="expressive",Object.entries(r).map(n=>{let[,e]=n;return e}),(a||(a={})).PRIMARY="primary",(c=s||(s={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(n=>{let[,e]=n;return e}),Object.entries(a).map(n=>{let[,e]=n;return e}),(l=o||(o={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(o).map(n=>{let[,e]=n;return e})},13776:function(n,e,t){"use strict";t.d(e,{MN:function(){return l},Vj:function(){return r},cd:function(){return c},mS:function(){return i},yI:function(){return s},yn:function(){return a}});let r=()=>{var n,e;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},a=(n,e)=>{Object.values(n.children).forEach(n=>{n.setAttribute(e.key,e.value),n.children.length>0&&a(n,e)})},s=function(){for(var n=arguments.length,e=Array(n),t=0;t{if(n){if("string"==typeof n)r+="".concat(n," ");else for(let e in n)n[e]&&(r+="".concat(e," "))}}),r.trim()},o=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],i=(n,e)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||o.includes(n))&&!e.includes(n)).reduce((e,t)=>(e[t]=n[t],e),{}),c=n=>{let{left:e,right:t}=n.getBoundingClientRect(),{innerWidth:r}=window;return e>=0&&t<=r},l=n=>{let{top:e,bottom:t}=n.getBoundingClientRect(),{innerHeight:r}=window;return e>=0&&t<=r}}},function(n){n.O(0,[49710,12156,92888,49774,40179],function(){return n(n.s=57114)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/badge/migration-b16927fa724a87bf.js b/review/main/_next/static/chunks/pages/components/badge/migration-94c78f5cc356d37c.js similarity index 97% rename from review/main/_next/static/chunks/pages/components/badge/migration-b16927fa724a87bf.js rename to review/main/_next/static/chunks/pages/components/badge/migration-94c78f5cc356d37c.js index 90869b37568..8c838821cbd 100644 --- a/review/main/_next/static/chunks/pages/components/badge/migration-b16927fa724a87bf.js +++ b/review/main/_next/static/chunks/pages/components/badge/migration-94c78f5cc356d37c.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[35595],{84018:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/badge/migration",function(){return e(47958)}])},23755:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return s}});var r=e(52322),a=e(45392);function i(n){let t={a:"a",blockquote:"blockquote",h2:"h2",p:"p",strong:"strong",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h2,{id:"general",children:"General"}),"\n",(0,r.jsxs)(t.blockquote,{children:["\n",(0,r.jsxs)(t.p,{children:[(0,r.jsx)(t.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,r.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,r.jsx)(t.h2,{id:"db-ui-core--db-ui-components",children:"DB UI Core ➡ DB UI Components"}),"\n",(0,r.jsx)(t.p,{children:"New Component \uD83E\uDD73"})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,a.a)(),...n.components};return t?(0,r.jsx)(t,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},47958:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return c}});var r=e(52322),a=e(45392),i=e(11803),s=e(23755);let o=n=>{let{children:t}=n;return(0,r.jsx)(i.Z,{children:t})};function l(n){let t={h1:"h1",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbbadge-migration",children:"DBBadge Migration"}),"\n",(0,r.jsx)(s.default,{})]})}function c(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(o,{...n,children:(0,r.jsx)(l,{...n})})}},16134:function(n,t,e){"use strict";var r=e(52322),a=e(2784),i=e(13776);let s=(0,a.forwardRef)(function(n,t){let e=t||(0,a.useRef)(t);return(0,r.jsx)("button",{ref:e,...(0,i.mS)(n,[]),id:n.id,className:(0,i.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:t=>{n.onClick&&n.onClick(t)},children:n.children})});t.Z=s},63900:function(n,t,e){"use strict";var r,a,i,s,o,l,c;e.d(t,{IY:function(){return u},YP:function(){return d},ce:function(){return p}});let u="OVERWRITE_DEFAULT_ID",d="Back",p="Close Button";(o=r||(r={})).FUNCTIONAL="functional",o.REGULAR="regular",o.EXPRESSIVE="expressive",Object.entries(r).map(n=>{let[,t]=n;return t}),(a||(a={})).PRIMARY="primary",(l=i||(i={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(n=>{let[,t]=n;return t}),Object.entries(a).map(n=>{let[,t]=n;return t}),(c=s||(s={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(s).map(n=>{let[,t]=n;return t})},13776:function(n,t,e){"use strict";e.d(t,{MN:function(){return c},Vj:function(){return r},cd:function(){return l},mS:function(){return o},yI:function(){return i},yn:function(){return a}});let r=()=>{var n,t;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},a=(n,t)=>{Object.values(n.children).forEach(n=>{n.setAttribute(t.key,t.value),n.children.length>0&&a(n,t)})},i=function(){for(var n=arguments.length,t=Array(n),e=0;e{if(n){if("string"==typeof n)r+="".concat(n," ");else for(let t in n)n[t]&&(r+="".concat(t," "))}}),r.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],o=(n,t)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||s.includes(n))&&!t.includes(n)).reduce((t,e)=>(t[e]=n[e],t),{}),l=n=>{let{left:t,right:e}=n.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&e<=r},c=n=>{let{top:t,bottom:e}=n.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&e<=r}}},function(n){n.O(0,[49710,11803,92888,49774,40179],function(){return n(n.s=84018)}),_N_E=n.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[35595],{84018:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/badge/migration",function(){return e(47958)}])},23755:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return s}});var r=e(52322),a=e(45392);function i(n){let t={a:"a",blockquote:"blockquote",h2:"h2",p:"p",strong:"strong",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h2,{id:"general",children:"General"}),"\n",(0,r.jsxs)(t.blockquote,{children:["\n",(0,r.jsxs)(t.p,{children:[(0,r.jsx)(t.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,r.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,r.jsx)(t.h2,{id:"db-ui-core--db-ui-components",children:"DB UI Core ➡ DB UI Components"}),"\n",(0,r.jsx)(t.p,{children:"New Component \uD83E\uDD73"})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,a.a)(),...n.components};return t?(0,r.jsx)(t,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},47958:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return c}});var r=e(52322),a=e(45392),i=e(12156),s=e(23755);let o=n=>{let{children:t}=n;return(0,r.jsx)(i.Z,{children:t})};function l(n){let t={h1:"h1",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbbadge-migration",children:"DBBadge Migration"}),"\n",(0,r.jsx)(s.default,{})]})}function c(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(o,{...n,children:(0,r.jsx)(l,{...n})})}},16134:function(n,t,e){"use strict";var r=e(52322),a=e(2784),i=e(13776);let s=(0,a.forwardRef)(function(n,t){let e=t||(0,a.useRef)(t);return(0,r.jsx)("button",{ref:e,...(0,i.mS)(n,[]),id:n.id,className:(0,i.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:t=>{n.onClick&&n.onClick(t)},children:n.children})});t.Z=s},63900:function(n,t,e){"use strict";var r,a,i,s,o,l,c;e.d(t,{IY:function(){return u},YP:function(){return d},ce:function(){return p}});let u="OVERWRITE_DEFAULT_ID",d="Back",p="Close Button";(o=r||(r={})).FUNCTIONAL="functional",o.REGULAR="regular",o.EXPRESSIVE="expressive",Object.entries(r).map(n=>{let[,t]=n;return t}),(a||(a={})).PRIMARY="primary",(l=i||(i={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(n=>{let[,t]=n;return t}),Object.entries(a).map(n=>{let[,t]=n;return t}),(c=s||(s={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(s).map(n=>{let[,t]=n;return t})},13776:function(n,t,e){"use strict";e.d(t,{MN:function(){return c},Vj:function(){return r},cd:function(){return l},mS:function(){return o},yI:function(){return i},yn:function(){return a}});let r=()=>{var n,t;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},a=(n,t)=>{Object.values(n.children).forEach(n=>{n.setAttribute(t.key,t.value),n.children.length>0&&a(n,t)})},i=function(){for(var n=arguments.length,t=Array(n),e=0;e{if(n){if("string"==typeof n)r+="".concat(n," ");else for(let t in n)n[t]&&(r+="".concat(t," "))}}),r.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],o=(n,t)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||s.includes(n))&&!t.includes(n)).reduce((t,e)=>(t[e]=n[e],t),{}),l=n=>{let{left:t,right:e}=n.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&e<=r},c=n=>{let{top:t,bottom:e}=n.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&e<=r}}},function(n){n.O(0,[49710,12156,92888,49774,40179],function(){return n(n.s=84018)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/badge/overview-c52189f9af2b506a.js b/review/main/_next/static/chunks/pages/components/badge/overview-d7250a64b78f81d4.js similarity index 94% rename from review/main/_next/static/chunks/pages/components/badge/overview-c52189f9af2b506a.js rename to review/main/_next/static/chunks/pages/components/badge/overview-d7250a64b78f81d4.js index 8ec65fb6e9a..1242f8af6d4 100644 --- a/review/main/_next/static/chunks/pages/components/badge/overview-c52189f9af2b506a.js +++ b/review/main/_next/static/chunks/pages/components/badge/overview-d7250a64b78f81d4.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[69719],{74940:function(n,i,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/badge/overview",function(){return a(27129)}])},27129:function(n,i,a){"use strict";a.r(i);var s=a(52322),e=a(1391),r=a(39553),l=a(1964),t=a(57654),c=a(59609),o=a(27469),d=a(38624),x=a(86095),h=a(99341),j=a(9394),m=a(37395);let u=n=>{let{children:i,variant:a,emphasis:e,noContent:r,size:l,placement:t,example:c}=n;return(0,s.jsxs)(s.Fragment,{children:[!t&&!c&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(x.aE,{variant:a,emphasis:e,size:l,children:r?"":i}),r&&(0,s.jsx)(x.EZ,{variant:"informational",size:"small",icon:"none",children:i})]}),t&&"inline"!==t&&!c&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(x.Y1,{icon:"account",variant:"outlined",noText:!0,children:[(0,s.jsx)(x.aE,{size:"small",emphasis:"strong",variant:"critical",placement:t}),i]}),(0,s.jsx)(x.EZ,{variant:"informational",size:"small",icon:"none",children:i})]}),"inline"===t&&(0,s.jsx)(s.Fragment,{children:(0,s.jsxs)("div",{className:"badge-inline-container",children:[(0,s.jsx)(x.Pg,{icon:"account"}),(0,s.jsx)("span",{children:i}),(0,s.jsx)(x.aE,{size:"small",emphasis:"strong",variant:"critical",children:"Label"}),(0,s.jsx)(x.Pg,{icon:"error"})]})}),"icon"===c&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(x.aE,{variant:"critical",emphasis:"strong",size:l,children:(0,s.jsx)(x.Pg,{icon:"account",children:i})}),(0,s.jsx)(x.EZ,{variant:"informational",size:"small",icon:"none",children:i})]}),"number"===c&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(x.aE,{variant:"successful",children:"9"}),(0,s.jsx)(x.aE,{variant:"informational",children:"12"}),(0,s.jsx)(x.aE,{variant:"warning",children:"123"}),(0,s.jsx)(x.aE,{size:"small",emphasis:"strong",variant:"successful",children:"9"}),(0,s.jsx)(x.aE,{size:"small",emphasis:"strong",variant:"informational",children:"12"}),(0,s.jsx)(x.aE,{size:"small",emphasis:"strong",variant:"warning",children:"123"}),(0,s.jsx)(x.EZ,{variant:"informational",size:"small",icon:"none",children:i})]})]})};i.default=()=>(0,s.jsx)(h.Z,{title:"DBBadge",variants:(0,m.P)(j,u,[(0,s.jsx)(e.default,{}),(0,s.jsx)(r.default,{}),(0,s.jsx)(l.default,{}),(0,s.jsx)(t.default,{}),(0,s.jsx)(c.default,{}),(0,s.jsx)(o.default,{}),(0,s.jsx)(d.default,{})])})}},function(n){n.O(0,[49710,14863,11803,1964,27469,59609,93085,92888,49774,40179],function(){return n(n.s=74940)}),_N_E=n.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[69719],{74940:function(n,i,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/badge/overview",function(){return a(27129)}])},27129:function(n,i,a){"use strict";a.r(i);var s=a(52322),e=a(1391),r=a(39553),l=a(1964),t=a(57654),c=a(59609),o=a(27469),d=a(38624),x=a(53752),h=a(99341),j=a(9394),m=a(37395);let u=n=>{let{children:i,variant:a,emphasis:e,noContent:r,size:l,placement:t,example:c}=n;return(0,s.jsxs)(s.Fragment,{children:[!t&&!c&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(x.aE,{variant:a,emphasis:e,size:l,children:r?"":i}),r&&(0,s.jsx)(x.EZ,{variant:"informational",size:"small",icon:"none",children:i})]}),t&&"inline"!==t&&!c&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(x.Y1,{icon:"account",variant:"outlined",noText:!0,children:[(0,s.jsx)(x.aE,{size:"small",emphasis:"strong",variant:"critical",placement:t}),i]}),(0,s.jsx)(x.EZ,{variant:"informational",size:"small",icon:"none",children:i})]}),"inline"===t&&(0,s.jsx)(s.Fragment,{children:(0,s.jsxs)("div",{className:"badge-inline-container",children:[(0,s.jsx)(x.Pg,{icon:"account"}),(0,s.jsx)("span",{children:i}),(0,s.jsx)(x.aE,{size:"small",emphasis:"strong",variant:"critical",children:"Label"}),(0,s.jsx)(x.Pg,{icon:"error"})]})}),"icon"===c&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(x.aE,{variant:"critical",emphasis:"strong",size:l,children:(0,s.jsx)(x.Pg,{icon:"account",children:i})}),(0,s.jsx)(x.EZ,{variant:"informational",size:"small",icon:"none",children:i})]}),"number"===c&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(x.aE,{variant:"successful",children:"9"}),(0,s.jsx)(x.aE,{variant:"informational",children:"12"}),(0,s.jsx)(x.aE,{variant:"warning",children:"123"}),(0,s.jsx)(x.aE,{size:"small",emphasis:"strong",variant:"successful",children:"9"}),(0,s.jsx)(x.aE,{size:"small",emphasis:"strong",variant:"informational",children:"12"}),(0,s.jsx)(x.aE,{size:"small",emphasis:"strong",variant:"warning",children:"123"}),(0,s.jsx)(x.EZ,{variant:"informational",size:"small",icon:"none",children:i})]})]})};i.default=()=>(0,s.jsx)(h.Z,{title:"DBBadge",variants:(0,m.P)(j,u,[(0,s.jsx)(e.default,{}),(0,s.jsx)(r.default,{}),(0,s.jsx)(l.default,{}),(0,s.jsx)(t.default,{}),(0,s.jsx)(c.default,{}),(0,s.jsx)(o.default,{}),(0,s.jsx)(d.default,{})])})}},function(n){n.O(0,[49710,14863,12156,1964,27469,59609,93085,92888,49774,40179],function(){return n(n.s=74940)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/badge/properties-72853cb37bf8ffae.js b/review/main/_next/static/chunks/pages/components/badge/properties-4670a7a5d39632bb.js similarity index 98% rename from review/main/_next/static/chunks/pages/components/badge/properties-72853cb37bf8ffae.js rename to review/main/_next/static/chunks/pages/components/badge/properties-4670a7a5d39632bb.js index 11c7bf76d29..8b47d44a65a 100644 --- a/review/main/_next/static/chunks/pages/components/badge/properties-72853cb37bf8ffae.js +++ b/review/main/_next/static/chunks/pages/components/badge/properties-4670a7a5d39632bb.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[61502],{74105:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/badge/properties",function(){return n(5587)}])},5587:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return c}});var r=n(52322),s=n(45392),i=n(11803);let a=e=>{let{children:t}=e;return(0,r.jsx)(i.Z,{children:t})};function d(e){let t={a:"a",code:"code",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,s.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbbadge",children:"DBBadge"}),"\n",(0,r.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Name"}),(0,r.jsx)(t.th,{children:"Description"}),(0,r.jsx)(t.th,{children:"Type"}),(0,r.jsx)(t.th,{children:"Options"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"placement"}),(0,r.jsxs)(t.td,{children:["The ",(0,r.jsx)(t.code,{children:"placement"})," attributes ",(0,r.jsx)(t.code,{children:"corner-*"})," values change the position to absolute and adds a transform based on the placement."]}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'inline' | 'corner-top-left' | 'corner-top-right' | 'corner-center-left' | 'corner-center-right' | 'corner-bottom-left' | 'corner-bottom-right'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"children"}),(0,r.jsx)(t.td,{children:"default slot"}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"className"}),(0,r.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"describedbyid"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,r.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"id"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"key"}),(0,r.jsx)(t.td,{children:"React specific for render process."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"variant"}),(0,r.jsx)(t.td,{children:"The variant defines the default variants for most components."}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'adaptive' | 'neutral' | 'critical' | 'informational' | 'warning' | 'successful'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"size"}),(0,r.jsx)(t.td,{children:"The size attribute changes the font-size and other related sizes of the component."}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'medium' | 'small'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"emphasis"}),(0,r.jsx)(t.td,{children:"The emphasis attribute divides in between a weak or strong importance."}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'weak' | 'strong'"})})})]})]})]})]})}function c(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(a,{...e,children:(0,r.jsx)(d,{...e})})}},16134:function(e,t,n){"use strict";var r=n(52322),s=n(2784),i=n(13776);let a=(0,s.forwardRef)(function(e,t){let n=t||(0,s.useRef)(t);return(0,r.jsx)("button",{ref:n,...(0,i.mS)(e,[]),id:e.id,className:(0,i.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=a},63900:function(e,t,n){"use strict";var r,s,i,a,d,c,l;n.d(t,{IY:function(){return o},YP:function(){return h},ce:function(){return u}});let o="OVERWRITE_DEFAULT_ID",h="Back",u="Close Button";(d=r||(r={})).FUNCTIONAL="functional",d.REGULAR="regular",d.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,t]=e;return t}),(s||(s={})).PRIMARY="primary",(c=i||(i={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(e=>{let[,t]=e;return t}),Object.entries(s).map(e=>{let[,t]=e;return t}),(l=a||(a={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(a).map(e=>{let[,t]=e;return t})},13776:function(e,t,n){"use strict";n.d(t,{MN:function(){return l},Vj:function(){return r},cd:function(){return c},mS:function(){return d},yI:function(){return i},yn:function(){return s}});let r=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},s=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&s(e,t)})},i=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let t in e)e[t]&&(r+="".concat(t," "))}}),r.trim()},a=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],d=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||a.includes(e))&&!t.includes(e)).reduce((t,n)=>(t[n]=e[n],t),{}),c=e=>{let{left:t,right:n}=e.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&n<=r},l=e=>{let{top:t,bottom:n}=e.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&n<=r}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=74105)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[61502],{74105:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/badge/properties",function(){return n(5587)}])},5587:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return c}});var r=n(52322),s=n(45392),i=n(12156);let a=e=>{let{children:t}=e;return(0,r.jsx)(i.Z,{children:t})};function d(e){let t={a:"a",code:"code",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,s.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbbadge",children:"DBBadge"}),"\n",(0,r.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Name"}),(0,r.jsx)(t.th,{children:"Description"}),(0,r.jsx)(t.th,{children:"Type"}),(0,r.jsx)(t.th,{children:"Options"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"placement"}),(0,r.jsxs)(t.td,{children:["The ",(0,r.jsx)(t.code,{children:"placement"})," attributes ",(0,r.jsx)(t.code,{children:"corner-*"})," values change the position to absolute and adds a transform based on the placement."]}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'inline' | 'corner-top-left' | 'corner-top-right' | 'corner-center-left' | 'corner-center-right' | 'corner-bottom-left' | 'corner-bottom-right'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"children"}),(0,r.jsx)(t.td,{children:"default slot"}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"className"}),(0,r.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"describedbyid"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,r.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"id"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"key"}),(0,r.jsx)(t.td,{children:"React specific for render process."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"variant"}),(0,r.jsx)(t.td,{children:"The variant defines the default variants for most components."}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'adaptive' | 'neutral' | 'critical' | 'informational' | 'warning' | 'successful'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"size"}),(0,r.jsx)(t.td,{children:"The size attribute changes the font-size and other related sizes of the component."}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'medium' | 'small'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"emphasis"}),(0,r.jsx)(t.td,{children:"The emphasis attribute divides in between a weak or strong importance."}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'weak' | 'strong'"})})})]})]})]})]})}function c(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(a,{...e,children:(0,r.jsx)(d,{...e})})}},16134:function(e,t,n){"use strict";var r=n(52322),s=n(2784),i=n(13776);let a=(0,s.forwardRef)(function(e,t){let n=t||(0,s.useRef)(t);return(0,r.jsx)("button",{ref:n,...(0,i.mS)(e,[]),id:e.id,className:(0,i.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=a},63900:function(e,t,n){"use strict";var r,s,i,a,d,c,l;n.d(t,{IY:function(){return o},YP:function(){return h},ce:function(){return u}});let o="OVERWRITE_DEFAULT_ID",h="Back",u="Close Button";(d=r||(r={})).FUNCTIONAL="functional",d.REGULAR="regular",d.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,t]=e;return t}),(s||(s={})).PRIMARY="primary",(c=i||(i={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(e=>{let[,t]=e;return t}),Object.entries(s).map(e=>{let[,t]=e;return t}),(l=a||(a={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(a).map(e=>{let[,t]=e;return t})},13776:function(e,t,n){"use strict";n.d(t,{MN:function(){return l},Vj:function(){return r},cd:function(){return c},mS:function(){return d},yI:function(){return i},yn:function(){return s}});let r=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},s=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&s(e,t)})},i=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let t in e)e[t]&&(r+="".concat(t," "))}}),r.trim()},a=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],d=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||a.includes(e))&&!t.includes(e)).reduce((t,n)=>(t[n]=e[n],t),{}),c=e=>{let{left:t,right:n}=e.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&n<=r},l=e=>{let{top:t,bottom:n}=e.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&n<=r}}},function(e){e.O(0,[49710,12156,92888,49774,40179],function(){return e(e.s=74105)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/brand-0541a06b00af1675.js b/review/main/_next/static/chunks/pages/components/brand-66835d6a727a73d3.js similarity index 79% rename from review/main/_next/static/chunks/pages/components/brand-0541a06b00af1675.js rename to review/main/_next/static/chunks/pages/components/brand-66835d6a727a73d3.js index 3d3439f4b49..1b699592650 100644 --- a/review/main/_next/static/chunks/pages/components/brand-0541a06b00af1675.js +++ b/review/main/_next/static/chunks/pages/components/brand-66835d6a727a73d3.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[84008],{56004:function(n,i,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/brand",function(){return t(88682)}])},88682:function(n,i,t){"use strict";t.r(i);var e=t(52322),r=t(9379),s=t(86095),a=t(69255),u=t(37395),c=t(99341);let o=n=>{let{imgAlt:i,imgHeight:t,imgSrc:r,imgWidth:a,anchorChildren:u,anchorRef:c,anchorTitle:o,anchorRelation:d,hideDefaultAsset:h,children:l,className:_,describedbyid:f,id:g,key:b}=n;return(0,e.jsx)(s.mX,{imgAlt:i,imgHeight:t,imgSrc:"https://db-ui.github.io/images/db_logo.svg",imgWidth:a,anchorChildren:u,anchorRef:c,anchorTitle:o,anchorRelation:d,hideDefaultAsset:h,className:_,describedbyid:f,id:g,children:l},b)};i.default=()=>(0,e.jsx)(c.Z,{title:"DBBrand",variants:(0,u.P)(a,o,[(0,e.jsx)(r.default,{})])})}},function(n){n.O(0,[49710,14863,11803,46752,92888,49774,40179],function(){return n(n.s=56004)}),_N_E=n.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[84008],{56004:function(n,i,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/brand",function(){return t(88682)}])},88682:function(n,i,t){"use strict";t.r(i);var e=t(52322),r=t(9379),s=t(53752),a=t(69255),u=t(37395),c=t(99341);let o=n=>{let{imgAlt:i,imgHeight:t,imgSrc:r,imgWidth:a,anchorChildren:u,anchorRef:c,anchorTitle:o,anchorRelation:d,hideDefaultAsset:h,children:l,className:_,describedbyid:f,id:g,key:b}=n;return(0,e.jsx)(s.mX,{imgAlt:i,imgHeight:t,imgSrc:"https://db-ui.github.io/images/db_logo.svg",imgWidth:a,anchorChildren:u,anchorRef:c,anchorTitle:o,anchorRelation:d,hideDefaultAsset:h,className:_,describedbyid:f,id:g,children:l},b)};i.default=()=>(0,e.jsx)(c.Z,{title:"DBBrand",variants:(0,u.P)(a,o,[(0,e.jsx)(r.default,{})])})}},function(n){n.O(0,[49710,14863,12156,46752,92888,49774,40179],function(){return n(n.s=56004)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/brand/how-to-use-1571b472b9ddb958.js b/review/main/_next/static/chunks/pages/components/brand/how-to-use-dc95cbb0dff391c3.js similarity index 98% rename from review/main/_next/static/chunks/pages/components/brand/how-to-use-1571b472b9ddb958.js rename to review/main/_next/static/chunks/pages/components/brand/how-to-use-dc95cbb0dff391c3.js index 19c7e1f9357..c55ebb0d8e9 100644 --- a/review/main/_next/static/chunks/pages/components/brand/how-to-use-1571b472b9ddb958.js +++ b/review/main/_next/static/chunks/pages/components/brand/how-to-use-dc95cbb0dff391c3.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[43966],{7714:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/brand/how-to-use",function(){return t(3513)}])},54368:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return o}});var r=t(52322),a=t(45392);function s(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"angular",children:"Angular"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"load-component",children:"Load component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-ts",children:"// app.component.ts\nimport { DBBrand } from '@db-ui/ngx-components';\n\n@Component({\n // ...\n standalone: true,\n imports: [..., DBBrand],\n // ...\n})\n"})}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:"\nBrand\n"})})]})}function o(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(s,{...n})}):s(n)}},52181:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return o}});var r=t(52322),a=t(45392);function s(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"html",children:"HTML"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:'\n...\n\n
    Brand
    \n\n'})})]})}function o(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(s,{...n})}):s(n)}},76878:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return o}});var r=t(52322),a=t(45392);function s(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"react",children:"React"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-tsx",children:'// App.tsx\nimport { DBBrand } from "@db-ui/react-components";\n\nconst App = () => Brand;\n\nexport default App;\n'})})]})}function o(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(s,{...n})}):s(n)}},4817:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return o}});var r=t(52322),a=t(45392);function s(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"vue",children:"Vue"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-vue",children:'\n\n\n\n'})})]})}function o(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(s,{...n})}):s(n)}},3513:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return p}});var r=t(52322),a=t(45392),s=t(11803),o=t(52181),i=t(54368),c=t(76878),l=t(4817);let d=n=>{let{children:e}=n;return(0,r.jsx)(s.Z,{children:e})};function u(n){let e={h1:"h1",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h1,{id:"how-to-use-dbbrand",children:"How to use DBBrand"}),"\n",(0,r.jsx)(o.default,{}),"\n",(0,r.jsx)(i.default,{}),"\n",(0,r.jsx)(c.default,{}),"\n",(0,r.jsx)(l.default,{})]})}function p(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(d,{...n,children:(0,r.jsx)(u,{...n})})}},16134:function(n,e,t){"use strict";var r=t(52322),a=t(2784),s=t(13776);let o=(0,a.forwardRef)(function(n,e){let t=e||(0,a.useRef)(e);return(0,r.jsx)("button",{ref:t,...(0,s.mS)(n,[]),id:n.id,className:(0,s.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:e=>{n.onClick&&n.onClick(e)},children:n.children})});e.Z=o},63900:function(n,e,t){"use strict";var r,a,s,o,i,c,l;t.d(e,{IY:function(){return d},YP:function(){return u},ce:function(){return p}});let d="OVERWRITE_DEFAULT_ID",u="Back",p="Close Button";(i=r||(r={})).FUNCTIONAL="functional",i.REGULAR="regular",i.EXPRESSIVE="expressive",Object.entries(r).map(n=>{let[,e]=n;return e}),(a||(a={})).PRIMARY="primary",(c=s||(s={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(n=>{let[,e]=n;return e}),Object.entries(a).map(n=>{let[,e]=n;return e}),(l=o||(o={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(o).map(n=>{let[,e]=n;return e})},13776:function(n,e,t){"use strict";t.d(e,{MN:function(){return l},Vj:function(){return r},cd:function(){return c},mS:function(){return i},yI:function(){return s},yn:function(){return a}});let r=()=>{var n,e;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},a=(n,e)=>{Object.values(n.children).forEach(n=>{n.setAttribute(e.key,e.value),n.children.length>0&&a(n,e)})},s=function(){for(var n=arguments.length,e=Array(n),t=0;t{if(n){if("string"==typeof n)r+="".concat(n," ");else for(let e in n)n[e]&&(r+="".concat(e," "))}}),r.trim()},o=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],i=(n,e)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||o.includes(n))&&!e.includes(n)).reduce((e,t)=>(e[t]=n[t],e),{}),c=n=>{let{left:e,right:t}=n.getBoundingClientRect(),{innerWidth:r}=window;return e>=0&&t<=r},l=n=>{let{top:e,bottom:t}=n.getBoundingClientRect(),{innerHeight:r}=window;return e>=0&&t<=r}}},function(n){n.O(0,[49710,11803,92888,49774,40179],function(){return n(n.s=7714)}),_N_E=n.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[43966],{7714:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/brand/how-to-use",function(){return t(3513)}])},54368:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return o}});var r=t(52322),a=t(45392);function s(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"angular",children:"Angular"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"load-component",children:"Load component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-ts",children:"// app.component.ts\nimport { DBBrand } from '@db-ui/ngx-components';\n\n@Component({\n // ...\n standalone: true,\n imports: [..., DBBrand],\n // ...\n})\n"})}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:"\nBrand\n"})})]})}function o(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(s,{...n})}):s(n)}},52181:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return o}});var r=t(52322),a=t(45392);function s(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"html",children:"HTML"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:'\n...\n\n
    Brand
    \n\n'})})]})}function o(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(s,{...n})}):s(n)}},76878:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return o}});var r=t(52322),a=t(45392);function s(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"react",children:"React"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-tsx",children:'// App.tsx\nimport { DBBrand } from "@db-ui/react-components";\n\nconst App = () => Brand;\n\nexport default App;\n'})})]})}function o(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(s,{...n})}):s(n)}},4817:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return o}});var r=t(52322),a=t(45392);function s(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"vue",children:"Vue"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-vue",children:'\n\n\n\n'})})]})}function o(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(s,{...n})}):s(n)}},3513:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return p}});var r=t(52322),a=t(45392),s=t(12156),o=t(52181),i=t(54368),c=t(76878),l=t(4817);let d=n=>{let{children:e}=n;return(0,r.jsx)(s.Z,{children:e})};function u(n){let e={h1:"h1",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h1,{id:"how-to-use-dbbrand",children:"How to use DBBrand"}),"\n",(0,r.jsx)(o.default,{}),"\n",(0,r.jsx)(i.default,{}),"\n",(0,r.jsx)(c.default,{}),"\n",(0,r.jsx)(l.default,{})]})}function p(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(d,{...n,children:(0,r.jsx)(u,{...n})})}},16134:function(n,e,t){"use strict";var r=t(52322),a=t(2784),s=t(13776);let o=(0,a.forwardRef)(function(n,e){let t=e||(0,a.useRef)(e);return(0,r.jsx)("button",{ref:t,...(0,s.mS)(n,[]),id:n.id,className:(0,s.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:e=>{n.onClick&&n.onClick(e)},children:n.children})});e.Z=o},63900:function(n,e,t){"use strict";var r,a,s,o,i,c,l;t.d(e,{IY:function(){return d},YP:function(){return u},ce:function(){return p}});let d="OVERWRITE_DEFAULT_ID",u="Back",p="Close Button";(i=r||(r={})).FUNCTIONAL="functional",i.REGULAR="regular",i.EXPRESSIVE="expressive",Object.entries(r).map(n=>{let[,e]=n;return e}),(a||(a={})).PRIMARY="primary",(c=s||(s={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(n=>{let[,e]=n;return e}),Object.entries(a).map(n=>{let[,e]=n;return e}),(l=o||(o={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(o).map(n=>{let[,e]=n;return e})},13776:function(n,e,t){"use strict";t.d(e,{MN:function(){return l},Vj:function(){return r},cd:function(){return c},mS:function(){return i},yI:function(){return s},yn:function(){return a}});let r=()=>{var n,e;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},a=(n,e)=>{Object.values(n.children).forEach(n=>{n.setAttribute(e.key,e.value),n.children.length>0&&a(n,e)})},s=function(){for(var n=arguments.length,e=Array(n),t=0;t{if(n){if("string"==typeof n)r+="".concat(n," ");else for(let e in n)n[e]&&(r+="".concat(e," "))}}),r.trim()},o=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],i=(n,e)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||o.includes(n))&&!e.includes(n)).reduce((e,t)=>(e[t]=n[t],e),{}),c=n=>{let{left:e,right:t}=n.getBoundingClientRect(),{innerWidth:r}=window;return e>=0&&t<=r},l=n=>{let{top:e,bottom:t}=n.getBoundingClientRect(),{innerHeight:r}=window;return e>=0&&t<=r}}},function(n){n.O(0,[49710,12156,92888,49774,40179],function(){return n(n.s=7714)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/brand/migration-61bbfbb80905cf53.js b/review/main/_next/static/chunks/pages/components/brand/migration-9e86882ccc141d80.js similarity index 97% rename from review/main/_next/static/chunks/pages/components/brand/migration-61bbfbb80905cf53.js rename to review/main/_next/static/chunks/pages/components/brand/migration-9e86882ccc141d80.js index 6e9357c855d..6ee885b75ee 100644 --- a/review/main/_next/static/chunks/pages/components/brand/migration-61bbfbb80905cf53.js +++ b/review/main/_next/static/chunks/pages/components/brand/migration-9e86882ccc141d80.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[39875],{85019:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/brand/migration",function(){return e(53056)}])},53056:function(t,n,e){"use strict";e.r(n),e.d(n,{default:function(){return l}});var r=e(52322),a=e(45392),i=e(11803);let s=t=>{let{children:n}=t;return(0,r.jsx)(i.Z,{children:n})};function u(t){let n={h1:"h1",...(0,a.a)(),...t.components};return(0,r.jsx)(n.h1,{id:"dbbrand-migration",children:"DBBrand Migration"})}function l(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(s,{...t,children:(0,r.jsx)(u,{...t})})}},16134:function(t,n,e){"use strict";var r=e(52322),a=e(2784),i=e(13776);let s=(0,a.forwardRef)(function(t,n){let e=n||(0,a.useRef)(n);return(0,r.jsx)("button",{ref:e,...(0,i.mS)(t,[]),id:t.id,className:(0,i.yI)("db-button",t.className,{"is-icon-text-replace":t.noText}),type:t.type,disabled:t.disabled,"aria-label":t.label,"data-icon":t.icon,"data-size":t.size,"data-state":t.state,"data-width":t.width,"data-variant":t.variant,name:t.name,value:t.value,"aria-describedby":t.describedbyid,"aria-expanded":t.ariaexpanded,"aria-pressed":t.ariapressed,onClick:n=>{t.onClick&&t.onClick(n)},children:t.children})});n.Z=s},63900:function(t,n,e){"use strict";var r,a,i,s,u,l,o;e.d(n,{IY:function(){return c},YP:function(){return d},ce:function(){return N}});let c="OVERWRITE_DEFAULT_ID",d="Back",N="Close Button";(u=r||(r={})).FUNCTIONAL="functional",u.REGULAR="regular",u.EXPRESSIVE="expressive",Object.entries(r).map(t=>{let[,n]=t;return n}),(a||(a={})).PRIMARY="primary",(l=i||(i={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(t=>{let[,n]=t;return n}),Object.entries(a).map(t=>{let[,n]=t;return n}),(o=s||(s={})).CRITICAL="critical",o.INFORMATIONAL="informational",o.WARNING="warning",o.SUCCESSFUL="successful",Object.entries(s).map(t=>{let[,n]=t;return n})},13776:function(t,n,e){"use strict";e.d(n,{MN:function(){return o},Vj:function(){return r},cd:function(){return l},mS:function(){return u},yI:function(){return i},yn:function(){return a}});let r=()=>{var t,n;return(null===(t=window.crypto)||void 0===t?void 0:t.randomUUID)?window.crypto.randomUUID():(null===(n=window.crypto)||void 0===n?void 0:n.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},a=(t,n)=>{Object.values(t.children).forEach(t=>{t.setAttribute(n.key,n.value),t.children.length>0&&a(t,n)})},i=function(){for(var t=arguments.length,n=Array(t),e=0;e{if(t){if("string"==typeof t)r+="".concat(t," ");else for(let n in t)t[n]&&(r+="".concat(n," "))}}),r.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],u=(t,n)=>Object.keys(t).filter(t=>(t.startsWith("data-")||t.startsWith("aria-")||t.startsWith("default")||t.startsWith("auto")||t.startsWith("item")||t.startsWith("on")||s.includes(t))&&!n.includes(t)).reduce((n,e)=>(n[e]=t[e],n),{}),l=t=>{let{left:n,right:e}=t.getBoundingClientRect(),{innerWidth:r}=window;return n>=0&&e<=r},o=t=>{let{top:n,bottom:e}=t.getBoundingClientRect(),{innerHeight:r}=window;return n>=0&&e<=r}}},function(t){t.O(0,[49710,11803,92888,49774,40179],function(){return t(t.s=85019)}),_N_E=t.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[39875],{85019:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/brand/migration",function(){return e(53056)}])},53056:function(t,n,e){"use strict";e.r(n),e.d(n,{default:function(){return l}});var r=e(52322),a=e(45392),i=e(12156);let s=t=>{let{children:n}=t;return(0,r.jsx)(i.Z,{children:n})};function u(t){let n={h1:"h1",...(0,a.a)(),...t.components};return(0,r.jsx)(n.h1,{id:"dbbrand-migration",children:"DBBrand Migration"})}function l(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(s,{...t,children:(0,r.jsx)(u,{...t})})}},16134:function(t,n,e){"use strict";var r=e(52322),a=e(2784),i=e(13776);let s=(0,a.forwardRef)(function(t,n){let e=n||(0,a.useRef)(n);return(0,r.jsx)("button",{ref:e,...(0,i.mS)(t,[]),id:t.id,className:(0,i.yI)("db-button",t.className,{"is-icon-text-replace":t.noText}),type:t.type,disabled:t.disabled,"aria-label":t.label,"data-icon":t.icon,"data-size":t.size,"data-state":t.state,"data-width":t.width,"data-variant":t.variant,name:t.name,value:t.value,"aria-describedby":t.describedbyid,"aria-expanded":t.ariaexpanded,"aria-pressed":t.ariapressed,onClick:n=>{t.onClick&&t.onClick(n)},children:t.children})});n.Z=s},63900:function(t,n,e){"use strict";var r,a,i,s,u,l,o;e.d(n,{IY:function(){return c},YP:function(){return d},ce:function(){return N}});let c="OVERWRITE_DEFAULT_ID",d="Back",N="Close Button";(u=r||(r={})).FUNCTIONAL="functional",u.REGULAR="regular",u.EXPRESSIVE="expressive",Object.entries(r).map(t=>{let[,n]=t;return n}),(a||(a={})).PRIMARY="primary",(l=i||(i={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(t=>{let[,n]=t;return n}),Object.entries(a).map(t=>{let[,n]=t;return n}),(o=s||(s={})).CRITICAL="critical",o.INFORMATIONAL="informational",o.WARNING="warning",o.SUCCESSFUL="successful",Object.entries(s).map(t=>{let[,n]=t;return n})},13776:function(t,n,e){"use strict";e.d(n,{MN:function(){return o},Vj:function(){return r},cd:function(){return l},mS:function(){return u},yI:function(){return i},yn:function(){return a}});let r=()=>{var t,n;return(null===(t=window.crypto)||void 0===t?void 0:t.randomUUID)?window.crypto.randomUUID():(null===(n=window.crypto)||void 0===n?void 0:n.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},a=(t,n)=>{Object.values(t.children).forEach(t=>{t.setAttribute(n.key,n.value),t.children.length>0&&a(t,n)})},i=function(){for(var t=arguments.length,n=Array(t),e=0;e{if(t){if("string"==typeof t)r+="".concat(t," ");else for(let n in t)t[n]&&(r+="".concat(n," "))}}),r.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],u=(t,n)=>Object.keys(t).filter(t=>(t.startsWith("data-")||t.startsWith("aria-")||t.startsWith("default")||t.startsWith("auto")||t.startsWith("item")||t.startsWith("on")||s.includes(t))&&!n.includes(t)).reduce((n,e)=>(n[e]=t[e],n),{}),l=t=>{let{left:n,right:e}=t.getBoundingClientRect(),{innerWidth:r}=window;return n>=0&&e<=r},o=t=>{let{top:n,bottom:e}=t.getBoundingClientRect(),{innerHeight:r}=window;return n>=0&&e<=r}}},function(t){t.O(0,[49710,12156,92888,49774,40179],function(){return t(t.s=85019)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/brand/overview-9e5eb840f307b78d.js b/review/main/_next/static/chunks/pages/components/brand/overview-7cff508d9d8725ba.js similarity index 86% rename from review/main/_next/static/chunks/pages/components/brand/overview-9e5eb840f307b78d.js rename to review/main/_next/static/chunks/pages/components/brand/overview-7cff508d9d8725ba.js index c82f7fb0b4f..3e2bea6f7dc 100644 --- a/review/main/_next/static/chunks/pages/components/brand/overview-9e5eb840f307b78d.js +++ b/review/main/_next/static/chunks/pages/components/brand/overview-7cff508d9d8725ba.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[18944],{61609:function(e,i,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/brand/overview",function(){return n(77746)}])},77746:function(e,i,n){"use strict";n.r(i);var t=n(52322),r=n(9379),s=n(86095),a=n(69255),o=n(37395),u=n(99341);let c=e=>{let{imgAlt:i,imgHeight:n,imgSrc:r,imgWidth:a,anchorChildren:o,anchorRef:u,anchorTitle:c,anchorRelation:d,hideDefaultAsset:h,children:l,className:_,describedbyid:f,id:g,key:b}=e;return(0,t.jsx)(s.mX,{imgAlt:i,imgHeight:n,imgSrc:"https://db-ui.github.io/images/db_logo.svg",imgWidth:a,anchorChildren:o,anchorRef:u,anchorTitle:c,anchorRelation:d,hideDefaultAsset:h,className:_,describedbyid:f,id:g,children:l},b)};i.default=()=>(0,t.jsx)(u.Z,{title:"DBBrand",variants:(0,o.P)(a,c,[(0,t.jsx)(r.default,{})])})}},function(e){e.O(0,[49710,14863,11803,46752,92888,49774,40179],function(){return e(e.s=61609)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[18944],{61609:function(e,i,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/brand/overview",function(){return n(77746)}])},77746:function(e,i,n){"use strict";n.r(i);var t=n(52322),r=n(9379),s=n(53752),a=n(69255),o=n(37395),u=n(99341);let c=e=>{let{imgAlt:i,imgHeight:n,imgSrc:r,imgWidth:a,anchorChildren:o,anchorRef:u,anchorTitle:c,anchorRelation:d,hideDefaultAsset:h,children:l,className:_,describedbyid:f,id:g,key:b}=e;return(0,t.jsx)(s.mX,{imgAlt:i,imgHeight:n,imgSrc:"https://db-ui.github.io/images/db_logo.svg",imgWidth:a,anchorChildren:o,anchorRef:u,anchorTitle:c,anchorRelation:d,hideDefaultAsset:h,className:_,describedbyid:f,id:g,children:l},b)};i.default=()=>(0,t.jsx)(u.Z,{title:"DBBrand",variants:(0,o.P)(a,c,[(0,t.jsx)(r.default,{})])})}},function(e){e.O(0,[49710,14863,12156,46752,92888,49774,40179],function(){return e(e.s=61609)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/brand/properties-0d7a767677cf6210.js b/review/main/_next/static/chunks/pages/components/brand/properties-55cd558af600b367.js similarity index 98% rename from review/main/_next/static/chunks/pages/components/brand/properties-0d7a767677cf6210.js rename to review/main/_next/static/chunks/pages/components/brand/properties-55cd558af600b367.js index e2122d3e37e..98696c6de24 100644 --- a/review/main/_next/static/chunks/pages/components/brand/properties-0d7a767677cf6210.js +++ b/review/main/_next/static/chunks/pages/components/brand/properties-55cd558af600b367.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[66593],{19484:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/brand/properties",function(){return r(45250)}])},45250:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return l}});var n=r(52322),i=r(45392),s=r(11803);let a=e=>{let{children:t}=e;return(0,n.jsx)(s.Z,{children:t})};function d(e){let t={a:"a",code:"code",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.h1,{id:"dbbrand",children:"DBBrand"}),"\n",(0,n.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,n.jsxs)(t.table,{children:[(0,n.jsx)(t.thead,{children:(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.th,{children:"Name"}),(0,n.jsx)(t.th,{children:"Description"}),(0,n.jsx)(t.th,{children:"Type"}),(0,n.jsx)(t.th,{children:"Options"})]})}),(0,n.jsxs)(t.tbody,{children:[(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"anchorChildren"}),(0,n.jsx)(t.td,{children:"The anchorChildren attribute can be set to warp children inside the 'a' tag."}),(0,n.jsx)(t.td,{children:"boolean"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"anchorRef"}),(0,n.jsx)(t.td,{children:"The href attribute can be set to reload the current application, in general you would go to the base path of your app."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"anchorTitle"}),(0,n.jsx)(t.td,{children:"The title attribute can be set to show a hint while hovering over the brand."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"anchorRelation"}),(0,n.jsxs)(t.td,{children:["The rel attribute can be set to make a relationship to the current URL (",(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/web/api/htmlanchorelement/rel",children:"https://developer.mozilla.org/en-US/docs/web/api/htmlanchorelement/rel"}),")."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"hideDefaultAsset"}),(0,n.jsxs)(t.td,{children:["Hides the default image with an asset path to be able to add a custom image inside the children.",(0,n.jsx)("br",{}),"Use this if you know what you do."]}),(0,n.jsx)(t.td,{children:"any"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"children"}),(0,n.jsx)(t.td,{children:"default slot"}),(0,n.jsx)(t.td,{children:"any"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"className"}),(0,n.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"describedbyid"}),(0,n.jsxs)(t.td,{children:[(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,n.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"id"}),(0,n.jsxs)(t.td,{children:[(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"key"}),(0,n.jsx)(t.td,{children:"React specific for render process."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"imgAlt"}),(0,n.jsxs)(t.td,{children:[(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/alt",children:"Alternative text"})," for an image."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"imgHeight"}),(0,n.jsxs)(t.td,{children:["The ",(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/height",children:"height attribute"})," for the image."]}),(0,n.jsx)(t.td,{children:"number"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"imgSrc"}),(0,n.jsxs)(t.td,{children:["The ",(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/src",children:"source"})," of an image."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"imgWidth"}),(0,n.jsxs)(t.td,{children:["The ",(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/width",children:"width attribute"})," for the image."]}),(0,n.jsx)(t.td,{children:"number"}),(0,n.jsx)(t.td,{})]})]})]})]})}function l(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,n.jsx)(a,{...e,children:(0,n.jsx)(d,{...e})})}},16134:function(e,t,r){"use strict";var n=r(52322),i=r(2784),s=r(13776);let a=(0,i.forwardRef)(function(e,t){let r=t||(0,i.useRef)(t);return(0,n.jsx)("button",{ref:r,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=a},63900:function(e,t,r){"use strict";var n,i,s,a,d,l,c;r.d(t,{IY:function(){return o},YP:function(){return h},ce:function(){return u}});let o="OVERWRITE_DEFAULT_ID",h="Back",u="Close Button";(d=n||(n={})).FUNCTIONAL="functional",d.REGULAR="regular",d.EXPRESSIVE="expressive",Object.entries(n).map(e=>{let[,t]=e;return t}),(i||(i={})).PRIMARY="primary",(l=s||(s={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(e=>{let[,t]=e;return t}),Object.entries(i).map(e=>{let[,t]=e;return t}),(c=a||(a={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(a).map(e=>{let[,t]=e;return t})},13776:function(e,t,r){"use strict";r.d(t,{MN:function(){return c},Vj:function(){return n},cd:function(){return l},mS:function(){return d},yI:function(){return s},yn:function(){return i}});let n=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&i(e,t)})},s=function(){for(var e=arguments.length,t=Array(e),r=0;r{if(e){if("string"==typeof e)n+="".concat(e," ");else for(let t in e)e[t]&&(n+="".concat(t," "))}}),n.trim()},a=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],d=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||a.includes(e))&&!t.includes(e)).reduce((t,r)=>(t[r]=e[r],t),{}),l=e=>{let{left:t,right:r}=e.getBoundingClientRect(),{innerWidth:n}=window;return t>=0&&r<=n},c=e=>{let{top:t,bottom:r}=e.getBoundingClientRect(),{innerHeight:n}=window;return t>=0&&r<=n}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=19484)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[66593],{19484:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/brand/properties",function(){return r(45250)}])},45250:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return l}});var n=r(52322),i=r(45392),s=r(12156);let a=e=>{let{children:t}=e;return(0,n.jsx)(s.Z,{children:t})};function d(e){let t={a:"a",code:"code",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.h1,{id:"dbbrand",children:"DBBrand"}),"\n",(0,n.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,n.jsxs)(t.table,{children:[(0,n.jsx)(t.thead,{children:(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.th,{children:"Name"}),(0,n.jsx)(t.th,{children:"Description"}),(0,n.jsx)(t.th,{children:"Type"}),(0,n.jsx)(t.th,{children:"Options"})]})}),(0,n.jsxs)(t.tbody,{children:[(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"anchorChildren"}),(0,n.jsx)(t.td,{children:"The anchorChildren attribute can be set to warp children inside the 'a' tag."}),(0,n.jsx)(t.td,{children:"boolean"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"anchorRef"}),(0,n.jsx)(t.td,{children:"The href attribute can be set to reload the current application, in general you would go to the base path of your app."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"anchorTitle"}),(0,n.jsx)(t.td,{children:"The title attribute can be set to show a hint while hovering over the brand."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"anchorRelation"}),(0,n.jsxs)(t.td,{children:["The rel attribute can be set to make a relationship to the current URL (",(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/web/api/htmlanchorelement/rel",children:"https://developer.mozilla.org/en-US/docs/web/api/htmlanchorelement/rel"}),")."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"hideDefaultAsset"}),(0,n.jsxs)(t.td,{children:["Hides the default image with an asset path to be able to add a custom image inside the children.",(0,n.jsx)("br",{}),"Use this if you know what you do."]}),(0,n.jsx)(t.td,{children:"any"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"children"}),(0,n.jsx)(t.td,{children:"default slot"}),(0,n.jsx)(t.td,{children:"any"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"className"}),(0,n.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"describedbyid"}),(0,n.jsxs)(t.td,{children:[(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,n.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"id"}),(0,n.jsxs)(t.td,{children:[(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"key"}),(0,n.jsx)(t.td,{children:"React specific for render process."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"imgAlt"}),(0,n.jsxs)(t.td,{children:[(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/alt",children:"Alternative text"})," for an image."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"imgHeight"}),(0,n.jsxs)(t.td,{children:["The ",(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/height",children:"height attribute"})," for the image."]}),(0,n.jsx)(t.td,{children:"number"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"imgSrc"}),(0,n.jsxs)(t.td,{children:["The ",(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/src",children:"source"})," of an image."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"imgWidth"}),(0,n.jsxs)(t.td,{children:["The ",(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/width",children:"width attribute"})," for the image."]}),(0,n.jsx)(t.td,{children:"number"}),(0,n.jsx)(t.td,{})]})]})]})]})}function l(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,n.jsx)(a,{...e,children:(0,n.jsx)(d,{...e})})}},16134:function(e,t,r){"use strict";var n=r(52322),i=r(2784),s=r(13776);let a=(0,i.forwardRef)(function(e,t){let r=t||(0,i.useRef)(t);return(0,n.jsx)("button",{ref:r,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=a},63900:function(e,t,r){"use strict";var n,i,s,a,d,l,c;r.d(t,{IY:function(){return o},YP:function(){return h},ce:function(){return u}});let o="OVERWRITE_DEFAULT_ID",h="Back",u="Close Button";(d=n||(n={})).FUNCTIONAL="functional",d.REGULAR="regular",d.EXPRESSIVE="expressive",Object.entries(n).map(e=>{let[,t]=e;return t}),(i||(i={})).PRIMARY="primary",(l=s||(s={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(e=>{let[,t]=e;return t}),Object.entries(i).map(e=>{let[,t]=e;return t}),(c=a||(a={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(a).map(e=>{let[,t]=e;return t})},13776:function(e,t,r){"use strict";r.d(t,{MN:function(){return c},Vj:function(){return n},cd:function(){return l},mS:function(){return d},yI:function(){return s},yn:function(){return i}});let n=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&i(e,t)})},s=function(){for(var e=arguments.length,t=Array(e),r=0;r{if(e){if("string"==typeof e)n+="".concat(e," ");else for(let t in e)e[t]&&(n+="".concat(t," "))}}),n.trim()},a=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],d=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||a.includes(e))&&!t.includes(e)).reduce((t,r)=>(t[r]=e[r],t),{}),l=e=>{let{left:t,right:r}=e.getBoundingClientRect(),{innerWidth:n}=window;return t>=0&&r<=n},c=e=>{let{top:t,bottom:r}=e.getBoundingClientRect(),{innerHeight:n}=window;return t>=0&&r<=n}}},function(e){e.O(0,[49710,12156,92888,49774,40179],function(){return e(e.s=19484)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/button-c1f845bdfafb7469.js b/review/main/_next/static/chunks/pages/components/button-752d753cdb55a209.js similarity index 85% rename from review/main/_next/static/chunks/pages/components/button-c1f845bdfafb7469.js rename to review/main/_next/static/chunks/pages/components/button-752d753cdb55a209.js index c2e81a6d5d1..eae87497831 100644 --- a/review/main/_next/static/chunks/pages/components/button-c1f845bdfafb7469.js +++ b/review/main/_next/static/chunks/pages/components/button-752d753cdb55a209.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[79091],{57755:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/button",function(){return e(98636)}])},98636:function(t,n,e){"use strict";e.r(n);var u=e(52322),s=e(62699),i=e(78688),a=e(71475),l=e(67558),o=e(1886),f=e(56147),r=e(86095),d=e(99341),c=e(10689),_=e(37395);let x=t=>{let{variant:n,state:e,size:s,noText:i,icon:a,width:l,disabled:o,children:f}=t;return(0,u.jsx)(r.Y1,{variant:n,state:e,size:s,noText:i,icon:a,disabled:o,width:l,onClick:()=>{alert(f.toString())},children:f})};n.default=()=>(0,u.jsx)(d.Z,{title:"DBButton",variants:(0,_.P)(c,x,[(0,u.jsx)(s.default,{}),(0,u.jsx)(i.default,{}),(0,u.jsx)(a.default,{}),(0,u.jsx)(l.default,{}),(0,u.jsx)(o.default,{}),(0,u.jsx)(f.default,{})])})}},function(t){t.O(0,[49710,14863,11803,78688,45979,92888,49774,40179],function(){return t(t.s=57755)}),_N_E=t.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[79091],{57755:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/button",function(){return e(98636)}])},98636:function(t,n,e){"use strict";e.r(n);var u=e(52322),s=e(62699),i=e(78688),a=e(71475),l=e(67558),o=e(1886),f=e(56147),r=e(53752),d=e(99341),c=e(10689),_=e(37395);let x=t=>{let{variant:n,state:e,size:s,noText:i,icon:a,width:l,disabled:o,children:f}=t;return(0,u.jsx)(r.Y1,{variant:n,state:e,size:s,noText:i,icon:a,disabled:o,width:l,onClick:()=>{alert(f.toString())},children:f})};n.default=()=>(0,u.jsx)(d.Z,{title:"DBButton",variants:(0,_.P)(c,x,[(0,u.jsx)(s.default,{}),(0,u.jsx)(i.default,{}),(0,u.jsx)(a.default,{}),(0,u.jsx)(l.default,{}),(0,u.jsx)(o.default,{}),(0,u.jsx)(f.default,{})])})}},function(t){t.O(0,[49710,14863,12156,78688,45979,92888,49774,40179],function(){return t(t.s=57755)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/button/how-to-use-6192773a29150d6b.js b/review/main/_next/static/chunks/pages/components/button/how-to-use-451a677e85cfb09b.js similarity index 97% rename from review/main/_next/static/chunks/pages/components/button/how-to-use-6192773a29150d6b.js rename to review/main/_next/static/chunks/pages/components/button/how-to-use-451a677e85cfb09b.js index f564de74cad..d26c2cfef97 100644 --- a/review/main/_next/static/chunks/pages/components/button/how-to-use-6192773a29150d6b.js +++ b/review/main/_next/static/chunks/pages/components/button/how-to-use-451a677e85cfb09b.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[87614],{7867:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/button/how-to-use",function(){return e(34741)}])},20516:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return i}});var r=e(52322),a=e(45392);function o(n){let t={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h2,{id:"angular",children:"Angular"}),"\n",(0,r.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,r.jsx)(t.h3,{id:"load-component",children:"Load component"}),"\n",(0,r.jsx)(t.pre,{children:(0,r.jsx)(t.code,{className:"language-ts",children:"// app.component.ts\nimport { DBButton } from '@db-ui/ngx-components';\n\n@Component({\n // ...\n standalone: true,\n imports: [..., DBButton],\n // ...\n})\n"})}),"\n",(0,r.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(t.pre,{children:(0,r.jsx)(t.code,{className:"language-html",children:'\nButton\n'})})]})}function i(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,a.a)(),...n.components};return t?(0,r.jsx)(t,{...n,children:(0,r.jsx)(o,{...n})}):o(n)}},73599:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return i}});var r=e(52322),a=e(45392);function o(n){let t={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h2,{id:"html",children:"HTML"}),"\n",(0,r.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,r.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(t.pre,{children:(0,r.jsx)(t.code,{className:"language-html",children:'\n...\n\n \n\n'})})]})}function i(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,a.a)(),...n.components};return t?(0,r.jsx)(t,{...n,children:(0,r.jsx)(o,{...n})}):o(n)}},732:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return i}});var r=e(52322),a=e(45392);function o(n){let t={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h2,{id:"react",children:"React"}),"\n",(0,r.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,r.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(t.pre,{children:(0,r.jsx)(t.code,{className:"language-tsx",children:'// App.tsx\nimport { DBButton } from "@db-ui/react-components";\n\nconst App = () => Button;\n\nexport default App;\n'})})]})}function i(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,a.a)(),...n.components};return t?(0,r.jsx)(t,{...n,children:(0,r.jsx)(o,{...n})}):o(n)}},97188:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return i}});var r=e(52322),a=e(45392);function o(n){let t={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h2,{id:"vue",children:"Vue"}),"\n",(0,r.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,r.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(t.pre,{children:(0,r.jsx)(t.code,{className:"language-vue",children:'\n\n\n\n'})})]})}function i(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,a.a)(),...n.components};return t?(0,r.jsx)(t,{...n,children:(0,r.jsx)(o,{...n})}):o(n)}},34741:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return p}});var r=e(52322),a=e(45392),o=e(11803),i=e(73599),s=e(20516),c=e(732),l=e(97188);let u=n=>{let{children:t}=n;return(0,r.jsx)(o.Z,{children:t})};function d(n){let t={h1:"h1",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"how-to-use-dbbutton",children:"How to use DBButton"}),"\n",(0,r.jsx)(i.default,{}),"\n",(0,r.jsx)(s.default,{}),"\n",(0,r.jsx)(c.default,{}),"\n",(0,r.jsx)(l.default,{})]})}function p(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(u,{...n,children:(0,r.jsx)(d,{...n})})}},16134:function(n,t,e){"use strict";var r=e(52322),a=e(2784),o=e(13776);let i=(0,a.forwardRef)(function(n,t){let e=t||(0,a.useRef)(t);return(0,r.jsx)("button",{ref:e,...(0,o.mS)(n,[]),id:n.id,className:(0,o.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:t=>{n.onClick&&n.onClick(t)},children:n.children})});t.Z=i},63900:function(n,t,e){"use strict";var r,a,o,i,s,c,l;e.d(t,{IY:function(){return u},YP:function(){return d},ce:function(){return p}});let u="OVERWRITE_DEFAULT_ID",d="Back",p="Close Button";(s=r||(r={})).FUNCTIONAL="functional",s.REGULAR="regular",s.EXPRESSIVE="expressive",Object.entries(r).map(n=>{let[,t]=n;return t}),(a||(a={})).PRIMARY="primary",(c=o||(o={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(o).map(n=>{let[,t]=n;return t}),Object.entries(a).map(n=>{let[,t]=n;return t}),(l=i||(i={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(i).map(n=>{let[,t]=n;return t})},13776:function(n,t,e){"use strict";e.d(t,{MN:function(){return l},Vj:function(){return r},cd:function(){return c},mS:function(){return s},yI:function(){return o},yn:function(){return a}});let r=()=>{var n,t;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},a=(n,t)=>{Object.values(n.children).forEach(n=>{n.setAttribute(t.key,t.value),n.children.length>0&&a(n,t)})},o=function(){for(var n=arguments.length,t=Array(n),e=0;e{if(n){if("string"==typeof n)r+="".concat(n," ");else for(let t in n)n[t]&&(r+="".concat(t," "))}}),r.trim()},i=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],s=(n,t)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||i.includes(n))&&!t.includes(n)).reduce((t,e)=>(t[e]=n[e],t),{}),c=n=>{let{left:t,right:e}=n.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&e<=r},l=n=>{let{top:t,bottom:e}=n.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&e<=r}}},function(n){n.O(0,[49710,11803,92888,49774,40179],function(){return n(n.s=7867)}),_N_E=n.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[87614],{7867:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/button/how-to-use",function(){return e(34741)}])},20516:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return i}});var r=e(52322),a=e(45392);function o(n){let t={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h2,{id:"angular",children:"Angular"}),"\n",(0,r.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,r.jsx)(t.h3,{id:"load-component",children:"Load component"}),"\n",(0,r.jsx)(t.pre,{children:(0,r.jsx)(t.code,{className:"language-ts",children:"// app.component.ts\nimport { DBButton } from '@db-ui/ngx-components';\n\n@Component({\n // ...\n standalone: true,\n imports: [..., DBButton],\n // ...\n})\n"})}),"\n",(0,r.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(t.pre,{children:(0,r.jsx)(t.code,{className:"language-html",children:'\nButton\n'})})]})}function i(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,a.a)(),...n.components};return t?(0,r.jsx)(t,{...n,children:(0,r.jsx)(o,{...n})}):o(n)}},73599:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return i}});var r=e(52322),a=e(45392);function o(n){let t={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h2,{id:"html",children:"HTML"}),"\n",(0,r.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,r.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(t.pre,{children:(0,r.jsx)(t.code,{className:"language-html",children:'\n...\n\n \n\n'})})]})}function i(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,a.a)(),...n.components};return t?(0,r.jsx)(t,{...n,children:(0,r.jsx)(o,{...n})}):o(n)}},732:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return i}});var r=e(52322),a=e(45392);function o(n){let t={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h2,{id:"react",children:"React"}),"\n",(0,r.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,r.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(t.pre,{children:(0,r.jsx)(t.code,{className:"language-tsx",children:'// App.tsx\nimport { DBButton } from "@db-ui/react-components";\n\nconst App = () => Button;\n\nexport default App;\n'})})]})}function i(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,a.a)(),...n.components};return t?(0,r.jsx)(t,{...n,children:(0,r.jsx)(o,{...n})}):o(n)}},97188:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return i}});var r=e(52322),a=e(45392);function o(n){let t={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h2,{id:"vue",children:"Vue"}),"\n",(0,r.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,r.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(t.pre,{children:(0,r.jsx)(t.code,{className:"language-vue",children:'\n\n\n\n'})})]})}function i(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,a.a)(),...n.components};return t?(0,r.jsx)(t,{...n,children:(0,r.jsx)(o,{...n})}):o(n)}},34741:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return p}});var r=e(52322),a=e(45392),o=e(12156),i=e(73599),s=e(20516),c=e(732),l=e(97188);let u=n=>{let{children:t}=n;return(0,r.jsx)(o.Z,{children:t})};function d(n){let t={h1:"h1",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"how-to-use-dbbutton",children:"How to use DBButton"}),"\n",(0,r.jsx)(i.default,{}),"\n",(0,r.jsx)(s.default,{}),"\n",(0,r.jsx)(c.default,{}),"\n",(0,r.jsx)(l.default,{})]})}function p(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(u,{...n,children:(0,r.jsx)(d,{...n})})}},16134:function(n,t,e){"use strict";var r=e(52322),a=e(2784),o=e(13776);let i=(0,a.forwardRef)(function(n,t){let e=t||(0,a.useRef)(t);return(0,r.jsx)("button",{ref:e,...(0,o.mS)(n,[]),id:n.id,className:(0,o.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:t=>{n.onClick&&n.onClick(t)},children:n.children})});t.Z=i},63900:function(n,t,e){"use strict";var r,a,o,i,s,c,l;e.d(t,{IY:function(){return u},YP:function(){return d},ce:function(){return p}});let u="OVERWRITE_DEFAULT_ID",d="Back",p="Close Button";(s=r||(r={})).FUNCTIONAL="functional",s.REGULAR="regular",s.EXPRESSIVE="expressive",Object.entries(r).map(n=>{let[,t]=n;return t}),(a||(a={})).PRIMARY="primary",(c=o||(o={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(o).map(n=>{let[,t]=n;return t}),Object.entries(a).map(n=>{let[,t]=n;return t}),(l=i||(i={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(i).map(n=>{let[,t]=n;return t})},13776:function(n,t,e){"use strict";e.d(t,{MN:function(){return l},Vj:function(){return r},cd:function(){return c},mS:function(){return s},yI:function(){return o},yn:function(){return a}});let r=()=>{var n,t;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},a=(n,t)=>{Object.values(n.children).forEach(n=>{n.setAttribute(t.key,t.value),n.children.length>0&&a(n,t)})},o=function(){for(var n=arguments.length,t=Array(n),e=0;e{if(n){if("string"==typeof n)r+="".concat(n," ");else for(let t in n)n[t]&&(r+="".concat(t," "))}}),r.trim()},i=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],s=(n,t)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||i.includes(n))&&!t.includes(n)).reduce((t,e)=>(t[e]=n[e],t),{}),c=n=>{let{left:t,right:e}=n.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&e<=r},l=n=>{let{top:t,bottom:e}=n.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&e<=r}}},function(n){n.O(0,[49710,12156,92888,49774,40179],function(){return n(n.s=7867)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/button/migration-828f569c7fe9cc6f.js b/review/main/_next/static/chunks/pages/components/button/migration-f6dcd632bed2d3b6.js similarity index 97% rename from review/main/_next/static/chunks/pages/components/button/migration-828f569c7fe9cc6f.js rename to review/main/_next/static/chunks/pages/components/button/migration-f6dcd632bed2d3b6.js index 19e67b1ec39..b8e8254727f 100644 --- a/review/main/_next/static/chunks/pages/components/button/migration-828f569c7fe9cc6f.js +++ b/review/main/_next/static/chunks/pages/components/button/migration-f6dcd632bed2d3b6.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[27685],{58351:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/button/migration",function(){return e(10109)}])},10109:function(t,n,e){"use strict";e.r(n),e.d(n,{default:function(){return o}});var r=e(52322),a=e(45392),i=e(11803),s=e(71940);let u=t=>{let{children:n}=t;return(0,r.jsx)(i.Z,{children:n})};function l(t){let n={h1:"h1",...(0,a.a)(),...t.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.h1,{id:"dbbutton-migration",children:"DBButton Migration"}),"\n",(0,r.jsx)(s.default,{})]})}function o(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(u,{...t,children:(0,r.jsx)(l,{...t})})}},16134:function(t,n,e){"use strict";var r=e(52322),a=e(2784),i=e(13776);let s=(0,a.forwardRef)(function(t,n){let e=n||(0,a.useRef)(n);return(0,r.jsx)("button",{ref:e,...(0,i.mS)(t,[]),id:t.id,className:(0,i.yI)("db-button",t.className,{"is-icon-text-replace":t.noText}),type:t.type,disabled:t.disabled,"aria-label":t.label,"data-icon":t.icon,"data-size":t.size,"data-state":t.state,"data-width":t.width,"data-variant":t.variant,name:t.name,value:t.value,"aria-describedby":t.describedbyid,"aria-expanded":t.ariaexpanded,"aria-pressed":t.ariapressed,onClick:n=>{t.onClick&&t.onClick(n)},children:t.children})});n.Z=s},63900:function(t,n,e){"use strict";var r,a,i,s,u,l,o;e.d(n,{IY:function(){return c},YP:function(){return d},ce:function(){return N}});let c="OVERWRITE_DEFAULT_ID",d="Back",N="Close Button";(u=r||(r={})).FUNCTIONAL="functional",u.REGULAR="regular",u.EXPRESSIVE="expressive",Object.entries(r).map(t=>{let[,n]=t;return n}),(a||(a={})).PRIMARY="primary",(l=i||(i={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(t=>{let[,n]=t;return n}),Object.entries(a).map(t=>{let[,n]=t;return n}),(o=s||(s={})).CRITICAL="critical",o.INFORMATIONAL="informational",o.WARNING="warning",o.SUCCESSFUL="successful",Object.entries(s).map(t=>{let[,n]=t;return n})},13776:function(t,n,e){"use strict";e.d(n,{MN:function(){return o},Vj:function(){return r},cd:function(){return l},mS:function(){return u},yI:function(){return i},yn:function(){return a}});let r=()=>{var t,n;return(null===(t=window.crypto)||void 0===t?void 0:t.randomUUID)?window.crypto.randomUUID():(null===(n=window.crypto)||void 0===n?void 0:n.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},a=(t,n)=>{Object.values(t.children).forEach(t=>{t.setAttribute(n.key,n.value),t.children.length>0&&a(t,n)})},i=function(){for(var t=arguments.length,n=Array(t),e=0;e{if(t){if("string"==typeof t)r+="".concat(t," ");else for(let n in t)t[n]&&(r+="".concat(n," "))}}),r.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],u=(t,n)=>Object.keys(t).filter(t=>(t.startsWith("data-")||t.startsWith("aria-")||t.startsWith("default")||t.startsWith("auto")||t.startsWith("item")||t.startsWith("on")||s.includes(t))&&!n.includes(t)).reduce((n,e)=>(n[e]=t[e],n),{}),l=t=>{let{left:n,right:e}=t.getBoundingClientRect(),{innerWidth:r}=window;return n>=0&&e<=r},o=t=>{let{top:n,bottom:e}=t.getBoundingClientRect(),{innerHeight:r}=window;return n>=0&&e<=r}}},function(t){t.O(0,[49710,11803,71940,92888,49774,40179],function(){return t(t.s=58351)}),_N_E=t.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[27685],{58351:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/button/migration",function(){return e(10109)}])},10109:function(t,n,e){"use strict";e.r(n),e.d(n,{default:function(){return o}});var r=e(52322),a=e(45392),i=e(12156),s=e(71940);let u=t=>{let{children:n}=t;return(0,r.jsx)(i.Z,{children:n})};function l(t){let n={h1:"h1",...(0,a.a)(),...t.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.h1,{id:"dbbutton-migration",children:"DBButton Migration"}),"\n",(0,r.jsx)(s.default,{})]})}function o(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(u,{...t,children:(0,r.jsx)(l,{...t})})}},16134:function(t,n,e){"use strict";var r=e(52322),a=e(2784),i=e(13776);let s=(0,a.forwardRef)(function(t,n){let e=n||(0,a.useRef)(n);return(0,r.jsx)("button",{ref:e,...(0,i.mS)(t,[]),id:t.id,className:(0,i.yI)("db-button",t.className,{"is-icon-text-replace":t.noText}),type:t.type,disabled:t.disabled,"aria-label":t.label,"data-icon":t.icon,"data-size":t.size,"data-state":t.state,"data-width":t.width,"data-variant":t.variant,name:t.name,value:t.value,"aria-describedby":t.describedbyid,"aria-expanded":t.ariaexpanded,"aria-pressed":t.ariapressed,onClick:n=>{t.onClick&&t.onClick(n)},children:t.children})});n.Z=s},63900:function(t,n,e){"use strict";var r,a,i,s,u,l,o;e.d(n,{IY:function(){return c},YP:function(){return d},ce:function(){return N}});let c="OVERWRITE_DEFAULT_ID",d="Back",N="Close Button";(u=r||(r={})).FUNCTIONAL="functional",u.REGULAR="regular",u.EXPRESSIVE="expressive",Object.entries(r).map(t=>{let[,n]=t;return n}),(a||(a={})).PRIMARY="primary",(l=i||(i={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(t=>{let[,n]=t;return n}),Object.entries(a).map(t=>{let[,n]=t;return n}),(o=s||(s={})).CRITICAL="critical",o.INFORMATIONAL="informational",o.WARNING="warning",o.SUCCESSFUL="successful",Object.entries(s).map(t=>{let[,n]=t;return n})},13776:function(t,n,e){"use strict";e.d(n,{MN:function(){return o},Vj:function(){return r},cd:function(){return l},mS:function(){return u},yI:function(){return i},yn:function(){return a}});let r=()=>{var t,n;return(null===(t=window.crypto)||void 0===t?void 0:t.randomUUID)?window.crypto.randomUUID():(null===(n=window.crypto)||void 0===n?void 0:n.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},a=(t,n)=>{Object.values(t.children).forEach(t=>{t.setAttribute(n.key,n.value),t.children.length>0&&a(t,n)})},i=function(){for(var t=arguments.length,n=Array(t),e=0;e{if(t){if("string"==typeof t)r+="".concat(t," ");else for(let n in t)t[n]&&(r+="".concat(n," "))}}),r.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],u=(t,n)=>Object.keys(t).filter(t=>(t.startsWith("data-")||t.startsWith("aria-")||t.startsWith("default")||t.startsWith("auto")||t.startsWith("item")||t.startsWith("on")||s.includes(t))&&!n.includes(t)).reduce((n,e)=>(n[e]=t[e],n),{}),l=t=>{let{left:n,right:e}=t.getBoundingClientRect(),{innerWidth:r}=window;return n>=0&&e<=r},o=t=>{let{top:n,bottom:e}=t.getBoundingClientRect(),{innerHeight:r}=window;return n>=0&&e<=r}}},function(t){t.O(0,[49710,12156,71940,92888,49774,40179],function(){return t(t.s=58351)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/button/overview-b4abcdceb11da342.js b/review/main/_next/static/chunks/pages/components/button/overview-4d184b5a0c1200d1.js similarity index 78% rename from review/main/_next/static/chunks/pages/components/button/overview-b4abcdceb11da342.js rename to review/main/_next/static/chunks/pages/components/button/overview-4d184b5a0c1200d1.js index 3e2c5bfea37..0ccc56ed3b9 100644 --- a/review/main/_next/static/chunks/pages/components/button/overview-b4abcdceb11da342.js +++ b/review/main/_next/static/chunks/pages/components/button/overview-4d184b5a0c1200d1.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[30907],{66692:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/button/overview",function(){return e(55662)}])},55662:function(t,n,e){"use strict";e.r(n);var u=e(52322),s=e(62699),i=e(78688),a=e(71475),l=e(67558),o=e(1886),r=e(56147),f=e(86095),d=e(99341),c=e(10689),_=e(37395);let x=t=>{let{variant:n,state:e,size:s,noText:i,icon:a,width:l,disabled:o,children:r}=t;return(0,u.jsx)(f.Y1,{variant:n,state:e,size:s,noText:i,icon:a,disabled:o,width:l,onClick:()=>{alert(r.toString())},children:r})};n.default=()=>(0,u.jsx)(d.Z,{title:"DBButton",variants:(0,_.P)(c,x,[(0,u.jsx)(s.default,{}),(0,u.jsx)(i.default,{}),(0,u.jsx)(a.default,{}),(0,u.jsx)(l.default,{}),(0,u.jsx)(o.default,{}),(0,u.jsx)(r.default,{})])})}},function(t){t.O(0,[49710,14863,11803,78688,45979,92888,49774,40179],function(){return t(t.s=66692)}),_N_E=t.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[30907],{66692:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/button/overview",function(){return e(55662)}])},55662:function(t,n,e){"use strict";e.r(n);var u=e(52322),s=e(62699),i=e(78688),a=e(71475),l=e(67558),o=e(1886),r=e(56147),f=e(53752),d=e(99341),c=e(10689),_=e(37395);let x=t=>{let{variant:n,state:e,size:s,noText:i,icon:a,width:l,disabled:o,children:r}=t;return(0,u.jsx)(f.Y1,{variant:n,state:e,size:s,noText:i,icon:a,disabled:o,width:l,onClick:()=>{alert(r.toString())},children:r})};n.default=()=>(0,u.jsx)(d.Z,{title:"DBButton",variants:(0,_.P)(c,x,[(0,u.jsx)(s.default,{}),(0,u.jsx)(i.default,{}),(0,u.jsx)(a.default,{}),(0,u.jsx)(l.default,{}),(0,u.jsx)(o.default,{}),(0,u.jsx)(r.default,{})])})}},function(t){t.O(0,[49710,14863,12156,78688,45979,92888,49774,40179],function(){return t(t.s=66692)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/button/properties-70c92ec08418af8c.js b/review/main/_next/static/chunks/pages/components/button/properties-0bdfa6ffbd2308ea.js similarity index 98% rename from review/main/_next/static/chunks/pages/components/button/properties-70c92ec08418af8c.js rename to review/main/_next/static/chunks/pages/components/button/properties-0bdfa6ffbd2308ea.js index 240d47281a5..3c3f3513b1b 100644 --- a/review/main/_next/static/chunks/pages/components/button/properties-70c92ec08418af8c.js +++ b/review/main/_next/static/chunks/pages/components/button/properties-0bdfa6ffbd2308ea.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[35417],{11576:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/button/properties",function(){return n(16500)}])},16500:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return a}});var r=n(52322),s=n(45392),i=n(11803);let d=e=>{let{children:t}=e;return(0,r.jsx)(i.Z,{children:t})};function l(e){let t={a:"a",code:"code",em:"em",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,s.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbbutton",children:"DBButton"}),"\n",(0,r.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Name"}),(0,r.jsx)(t.th,{children:"Description"}),(0,r.jsx)(t.th,{children:"Type"}),(0,r.jsx)(t.th,{children:"Options"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"ariaexpanded"}),(0,r.jsxs)(t.td,{children:["If the button controls a grouping of other elements, the ariaexpanded state ",(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded",children:"indicates whether the controlled grouping is currently expanded or collapsed"}),"."]}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"ariapressed"}),(0,r.jsxs)(t.td,{children:["Defines the button as a toggle button. The value of ",(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-pressed",children:"ariapressed describes the state of the button"}),"."]}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"disabled"}),(0,r.jsxs)(t.td,{children:["The disabled attribute can be set to ",(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled",children:"keep a user from clicking on the button"}),"."]}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"noText"}),(0,r.jsx)(t.td,{children:"Define the text next to the icon specified via the icon Property to get hidden."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"label"}),(0,r.jsxs)(t.td,{children:["The label represents the ",(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label",children:"aria-label attributes"})," value of the button"]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"name"}),(0,r.jsxs)(t.td,{children:["The name attribute specifies a ",(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#name",children:"name attributes value"})," for the button."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"type"}),(0,r.jsxs)(t.td,{children:["The type attribute specifies the ",(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#type",children:"type of button"}),"."]}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'button' | 'reset' | 'submit'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"value"}),(0,r.jsxs)(t.td,{children:["The value attribute specifies an initial ",(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#value",children:"value for the button"}),"."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"state"}),(0,r.jsx)(t.td,{children:"Show loading progress inside button."}),(0,r.jsx)(t.td,{children:"literal"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'loading'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"size"}),(0,r.jsx)(t.td,{children:"The size of the button"}),(0,r.jsx)(t.td,{children:"literal"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'small'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"variant"}),(0,r.jsx)(t.td,{children:"Variant of the button. Use only 1 primary button on a page as CTA otherwise use one of the adaptive buttons."}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'outlined' | 'primary' | 'solid' | 'text' | | string"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"children"}),(0,r.jsx)(t.td,{children:"default slot"}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"className"}),(0,r.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"describedbyid"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,r.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"id"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"key"}),(0,r.jsx)(t.td,{children:"React specific for render process."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"onClick"}),(0,r.jsx)(t.td,{children:"React specific onClick to pass to forward ref."}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: ClickEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"icon"}),(0,r.jsxs)(t.td,{children:["Define an icon by its identifier (like e.g. ",(0,r.jsx)(t.em,{children:"account"}),", compare to ",(0,r.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"Icons"}),") to get displayed in front of the elements content."]}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"IconTypes"})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"width"}),(0,r.jsx)(t.td,{children:"Width of the component. Auto width based on children size, full width based on parent elements width."}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'full' | 'auto'"})})})]})]})]})]})}function a(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(d,{...e,children:(0,r.jsx)(l,{...e})})}},16134:function(e,t,n){"use strict";var r=n(52322),s=n(2784),i=n(13776);let d=(0,s.forwardRef)(function(e,t){let n=t||(0,s.useRef)(t);return(0,r.jsx)("button",{ref:n,...(0,i.mS)(e,[]),id:e.id,className:(0,i.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=d},63900:function(e,t,n){"use strict";var r,s,i,d,l,a,c;n.d(t,{IY:function(){return o},YP:function(){return h},ce:function(){return u}});let o="OVERWRITE_DEFAULT_ID",h="Back",u="Close Button";(l=r||(r={})).FUNCTIONAL="functional",l.REGULAR="regular",l.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,t]=e;return t}),(s||(s={})).PRIMARY="primary",(a=i||(i={})).BASE="base",a.BASE_STRONG="base-strong",a.BASE_TRANSPARENT_SEMI="base-transparent-semi",a.BASE_TRANSPARENT_FULL="base-transparent-full",a.NEUTRAL="neutral",a.NEUTRAL_STRONG="neutral-strong",a.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",a.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",a.BRAND="brand",a.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",a.BRAND_TRANSPARENT_FULL="brand-transparent-full",a.SUCCESSFUL="successful",a.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",a.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",a.CRITICAL="critical",a.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",a.CRITICAL_TRANSPARENT_Full="critical-transparent-full",a.WARNING="warning",a.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",a.WARNING_TRANSPARENT_FULL="warning-transparent-full",a.INFORMATIONAL="informational",a.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",a.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(e=>{let[,t]=e;return t}),Object.entries(s).map(e=>{let[,t]=e;return t}),(c=d||(d={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(d).map(e=>{let[,t]=e;return t})},13776:function(e,t,n){"use strict";n.d(t,{MN:function(){return c},Vj:function(){return r},cd:function(){return a},mS:function(){return l},yI:function(){return i},yn:function(){return s}});let r=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},s=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&s(e,t)})},i=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let t in e)e[t]&&(r+="".concat(t," "))}}),r.trim()},d=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],l=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||d.includes(e))&&!t.includes(e)).reduce((t,n)=>(t[n]=e[n],t),{}),a=e=>{let{left:t,right:n}=e.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&n<=r},c=e=>{let{top:t,bottom:n}=e.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&n<=r}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=11576)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[35417],{11576:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/button/properties",function(){return n(16500)}])},16500:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return a}});var r=n(52322),s=n(45392),i=n(12156);let d=e=>{let{children:t}=e;return(0,r.jsx)(i.Z,{children:t})};function l(e){let t={a:"a",code:"code",em:"em",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,s.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbbutton",children:"DBButton"}),"\n",(0,r.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Name"}),(0,r.jsx)(t.th,{children:"Description"}),(0,r.jsx)(t.th,{children:"Type"}),(0,r.jsx)(t.th,{children:"Options"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"ariaexpanded"}),(0,r.jsxs)(t.td,{children:["If the button controls a grouping of other elements, the ariaexpanded state ",(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded",children:"indicates whether the controlled grouping is currently expanded or collapsed"}),"."]}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"ariapressed"}),(0,r.jsxs)(t.td,{children:["Defines the button as a toggle button. The value of ",(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-pressed",children:"ariapressed describes the state of the button"}),"."]}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"disabled"}),(0,r.jsxs)(t.td,{children:["The disabled attribute can be set to ",(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled",children:"keep a user from clicking on the button"}),"."]}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"noText"}),(0,r.jsx)(t.td,{children:"Define the text next to the icon specified via the icon Property to get hidden."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"label"}),(0,r.jsxs)(t.td,{children:["The label represents the ",(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label",children:"aria-label attributes"})," value of the button"]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"name"}),(0,r.jsxs)(t.td,{children:["The name attribute specifies a ",(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#name",children:"name attributes value"})," for the button."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"type"}),(0,r.jsxs)(t.td,{children:["The type attribute specifies the ",(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#type",children:"type of button"}),"."]}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'button' | 'reset' | 'submit'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"value"}),(0,r.jsxs)(t.td,{children:["The value attribute specifies an initial ",(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#value",children:"value for the button"}),"."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"state"}),(0,r.jsx)(t.td,{children:"Show loading progress inside button."}),(0,r.jsx)(t.td,{children:"literal"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'loading'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"size"}),(0,r.jsx)(t.td,{children:"The size of the button"}),(0,r.jsx)(t.td,{children:"literal"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'small'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"variant"}),(0,r.jsx)(t.td,{children:"Variant of the button. Use only 1 primary button on a page as CTA otherwise use one of the adaptive buttons."}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'outlined' | 'primary' | 'solid' | 'text' | | string"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"children"}),(0,r.jsx)(t.td,{children:"default slot"}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"className"}),(0,r.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"describedbyid"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,r.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"id"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"key"}),(0,r.jsx)(t.td,{children:"React specific for render process."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"onClick"}),(0,r.jsx)(t.td,{children:"React specific onClick to pass to forward ref."}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: ClickEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"icon"}),(0,r.jsxs)(t.td,{children:["Define an icon by its identifier (like e.g. ",(0,r.jsx)(t.em,{children:"account"}),", compare to ",(0,r.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"Icons"}),") to get displayed in front of the elements content."]}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"IconTypes"})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"width"}),(0,r.jsx)(t.td,{children:"Width of the component. Auto width based on children size, full width based on parent elements width."}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'full' | 'auto'"})})})]})]})]})]})}function a(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(d,{...e,children:(0,r.jsx)(l,{...e})})}},16134:function(e,t,n){"use strict";var r=n(52322),s=n(2784),i=n(13776);let d=(0,s.forwardRef)(function(e,t){let n=t||(0,s.useRef)(t);return(0,r.jsx)("button",{ref:n,...(0,i.mS)(e,[]),id:e.id,className:(0,i.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=d},63900:function(e,t,n){"use strict";var r,s,i,d,l,a,c;n.d(t,{IY:function(){return o},YP:function(){return h},ce:function(){return u}});let o="OVERWRITE_DEFAULT_ID",h="Back",u="Close Button";(l=r||(r={})).FUNCTIONAL="functional",l.REGULAR="regular",l.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,t]=e;return t}),(s||(s={})).PRIMARY="primary",(a=i||(i={})).BASE="base",a.BASE_STRONG="base-strong",a.BASE_TRANSPARENT_SEMI="base-transparent-semi",a.BASE_TRANSPARENT_FULL="base-transparent-full",a.NEUTRAL="neutral",a.NEUTRAL_STRONG="neutral-strong",a.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",a.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",a.BRAND="brand",a.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",a.BRAND_TRANSPARENT_FULL="brand-transparent-full",a.SUCCESSFUL="successful",a.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",a.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",a.CRITICAL="critical",a.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",a.CRITICAL_TRANSPARENT_Full="critical-transparent-full",a.WARNING="warning",a.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",a.WARNING_TRANSPARENT_FULL="warning-transparent-full",a.INFORMATIONAL="informational",a.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",a.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(e=>{let[,t]=e;return t}),Object.entries(s).map(e=>{let[,t]=e;return t}),(c=d||(d={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(d).map(e=>{let[,t]=e;return t})},13776:function(e,t,n){"use strict";n.d(t,{MN:function(){return c},Vj:function(){return r},cd:function(){return a},mS:function(){return l},yI:function(){return i},yn:function(){return s}});let r=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},s=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&s(e,t)})},i=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let t in e)e[t]&&(r+="".concat(t," "))}}),r.trim()},d=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],l=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||d.includes(e))&&!t.includes(e)).reduce((t,n)=>(t[n]=e[n],t),{}),a=e=>{let{left:t,right:n}=e.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&n<=r},c=e=>{let{top:t,bottom:n}=e.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&n<=r}}},function(e){e.O(0,[49710,12156,92888,49774,40179],function(){return e(e.s=11576)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/card-f941be86f9713017.js b/review/main/_next/static/chunks/pages/components/card-42b94f12c5050c7a.js similarity index 84% rename from review/main/_next/static/chunks/pages/components/card-f941be86f9713017.js rename to review/main/_next/static/chunks/pages/components/card-42b94f12c5050c7a.js index bb88ebf5c90..c402722917d 100644 --- a/review/main/_next/static/chunks/pages/components/card-f941be86f9713017.js +++ b/review/main/_next/static/chunks/pages/components/card-42b94f12c5050c7a.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[16332],{99847:function(n,t,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/card",function(){return s(97333)}])},97333:function(n,t,s){"use strict";s.r(t);var e=s(52322),r=s(25877),a=s(55763),u=s(38398),i=s(11910),c=s(86095),l=s(99341),f=s(1304),d=s(37395);let o=n=>{let{colorVariant:t,variant:s,children:r,spacing:a}=n;return(0,e.jsxs)(c.f,{colorVariant:t,variant:s,spacing:a,children:[(0,e.jsx)("strong",{children:r}),t&&(0,e.jsx)("span",{children:t})]})};t.default=()=>(0,e.jsx)(l.Z,{title:"DBCard",variants:(0,d.P)(f,o,[(0,e.jsx)(r.default,{}),(0,e.jsx)(a.default,{}),(0,e.jsx)(u.default,{}),(0,e.jsx)(i.default,{})])})}},function(n){n.O(0,[49710,14863,11803,55763,68006,92888,49774,40179],function(){return n(n.s=99847)}),_N_E=n.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[16332],{99847:function(n,t,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/card",function(){return s(97333)}])},97333:function(n,t,s){"use strict";s.r(t);var e=s(52322),r=s(25877),a=s(55763),u=s(38398),i=s(11910),c=s(53752),l=s(99341),f=s(1304),d=s(37395);let o=n=>{let{colorVariant:t,variant:s,children:r,spacing:a}=n;return(0,e.jsxs)(c.f,{colorVariant:t,variant:s,spacing:a,children:[(0,e.jsx)("strong",{children:r}),t&&(0,e.jsx)("span",{children:t})]})};t.default=()=>(0,e.jsx)(l.Z,{title:"DBCard",variants:(0,d.P)(f,o,[(0,e.jsx)(r.default,{}),(0,e.jsx)(a.default,{}),(0,e.jsx)(u.default,{}),(0,e.jsx)(i.default,{})])})}},function(n){n.O(0,[49710,14863,12156,55763,68006,92888,49774,40179],function(){return n(n.s=99847)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/card/how-to-use-d87e4132223b11a7.js b/review/main/_next/static/chunks/pages/components/card/how-to-use-17417dcc5e3f601f.js similarity index 98% rename from review/main/_next/static/chunks/pages/components/card/how-to-use-d87e4132223b11a7.js rename to review/main/_next/static/chunks/pages/components/card/how-to-use-17417dcc5e3f601f.js index 115ad29b173..9966dc46413 100644 --- a/review/main/_next/static/chunks/pages/components/card/how-to-use-d87e4132223b11a7.js +++ b/review/main/_next/static/chunks/pages/components/card/how-to-use-17417dcc5e3f601f.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[12063],{81083:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/card/how-to-use",function(){return t(10714)}])},80518:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var r=t(52322),a=t(45392);function o(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"angular",children:"Angular"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"load-component",children:"Load component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-ts",children:"//app.component.ts\nimport { DBCard } from '@db-ui/ngx-components';\n\n@Component({\n // ...\n imports: [\n // ...,\n DBCard\n ],\n // ...\n})\n"})}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:"\nCard content\n"})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(o,{...n})}):o(n)}},97993:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var r=t(52322),a=t(45392);function o(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"html",children:"HTML"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:'\n...\n\n
    Card content
    \n\n'})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(o,{...n})}):o(n)}},27592:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var r=t(52322),a=t(45392);function o(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"react",children:"React"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-tsx",children:'// App.tsx\nimport { DBCard } from "@db-ui/react-components";\n\nconst App = () => Card content;\nexport default App;\n'})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(o,{...n})}):o(n)}},65873:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var r=t(52322),a=t(45392);function o(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"vue",children:"Vue"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-vue",children:'\n\n\n\n'})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(o,{...n})}):o(n)}},10714:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return p}});var r=t(52322),a=t(45392),o=t(11803),s=t(97993),i=t(80518),c=t(27592),l=t(65873);let d=n=>{let{children:e}=n;return(0,r.jsx)(o.Z,{children:e})};function u(n){let e={h1:"h1",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h1,{id:"how-to-use-dbcard",children:"How to use DBCard"}),"\n",(0,r.jsx)(s.default,{}),"\n",(0,r.jsx)(i.default,{}),"\n",(0,r.jsx)(c.default,{}),"\n",(0,r.jsx)(l.default,{})]})}function p(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(d,{...n,children:(0,r.jsx)(u,{...n})})}},16134:function(n,e,t){"use strict";var r=t(52322),a=t(2784),o=t(13776);let s=(0,a.forwardRef)(function(n,e){let t=e||(0,a.useRef)(e);return(0,r.jsx)("button",{ref:t,...(0,o.mS)(n,[]),id:n.id,className:(0,o.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:e=>{n.onClick&&n.onClick(e)},children:n.children})});e.Z=s},63900:function(n,e,t){"use strict";var r,a,o,s,i,c,l;t.d(e,{IY:function(){return d},YP:function(){return u},ce:function(){return p}});let d="OVERWRITE_DEFAULT_ID",u="Back",p="Close Button";(i=r||(r={})).FUNCTIONAL="functional",i.REGULAR="regular",i.EXPRESSIVE="expressive",Object.entries(r).map(n=>{let[,e]=n;return e}),(a||(a={})).PRIMARY="primary",(c=o||(o={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(o).map(n=>{let[,e]=n;return e}),Object.entries(a).map(n=>{let[,e]=n;return e}),(l=s||(s={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(s).map(n=>{let[,e]=n;return e})},13776:function(n,e,t){"use strict";t.d(e,{MN:function(){return l},Vj:function(){return r},cd:function(){return c},mS:function(){return i},yI:function(){return o},yn:function(){return a}});let r=()=>{var n,e;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},a=(n,e)=>{Object.values(n.children).forEach(n=>{n.setAttribute(e.key,e.value),n.children.length>0&&a(n,e)})},o=function(){for(var n=arguments.length,e=Array(n),t=0;t{if(n){if("string"==typeof n)r+="".concat(n," ");else for(let e in n)n[e]&&(r+="".concat(e," "))}}),r.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],i=(n,e)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||s.includes(n))&&!e.includes(n)).reduce((e,t)=>(e[t]=n[t],e),{}),c=n=>{let{left:e,right:t}=n.getBoundingClientRect(),{innerWidth:r}=window;return e>=0&&t<=r},l=n=>{let{top:e,bottom:t}=n.getBoundingClientRect(),{innerHeight:r}=window;return e>=0&&t<=r}}},function(n){n.O(0,[49710,11803,92888,49774,40179],function(){return n(n.s=81083)}),_N_E=n.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[12063],{81083:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/card/how-to-use",function(){return t(10714)}])},80518:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var r=t(52322),a=t(45392);function o(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"angular",children:"Angular"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"load-component",children:"Load component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-ts",children:"//app.component.ts\nimport { DBCard } from '@db-ui/ngx-components';\n\n@Component({\n // ...\n imports: [\n // ...,\n DBCard\n ],\n // ...\n})\n"})}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:"\nCard content\n"})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(o,{...n})}):o(n)}},97993:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var r=t(52322),a=t(45392);function o(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"html",children:"HTML"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:'\n...\n\n
    Card content
    \n\n'})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(o,{...n})}):o(n)}},27592:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var r=t(52322),a=t(45392);function o(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"react",children:"React"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-tsx",children:'// App.tsx\nimport { DBCard } from "@db-ui/react-components";\n\nconst App = () => Card content;\nexport default App;\n'})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(o,{...n})}):o(n)}},65873:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var r=t(52322),a=t(45392);function o(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"vue",children:"Vue"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-vue",children:'\n\n\n\n'})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(o,{...n})}):o(n)}},10714:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return p}});var r=t(52322),a=t(45392),o=t(12156),s=t(97993),i=t(80518),c=t(27592),l=t(65873);let d=n=>{let{children:e}=n;return(0,r.jsx)(o.Z,{children:e})};function u(n){let e={h1:"h1",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h1,{id:"how-to-use-dbcard",children:"How to use DBCard"}),"\n",(0,r.jsx)(s.default,{}),"\n",(0,r.jsx)(i.default,{}),"\n",(0,r.jsx)(c.default,{}),"\n",(0,r.jsx)(l.default,{})]})}function p(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(d,{...n,children:(0,r.jsx)(u,{...n})})}},16134:function(n,e,t){"use strict";var r=t(52322),a=t(2784),o=t(13776);let s=(0,a.forwardRef)(function(n,e){let t=e||(0,a.useRef)(e);return(0,r.jsx)("button",{ref:t,...(0,o.mS)(n,[]),id:n.id,className:(0,o.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:e=>{n.onClick&&n.onClick(e)},children:n.children})});e.Z=s},63900:function(n,e,t){"use strict";var r,a,o,s,i,c,l;t.d(e,{IY:function(){return d},YP:function(){return u},ce:function(){return p}});let d="OVERWRITE_DEFAULT_ID",u="Back",p="Close Button";(i=r||(r={})).FUNCTIONAL="functional",i.REGULAR="regular",i.EXPRESSIVE="expressive",Object.entries(r).map(n=>{let[,e]=n;return e}),(a||(a={})).PRIMARY="primary",(c=o||(o={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(o).map(n=>{let[,e]=n;return e}),Object.entries(a).map(n=>{let[,e]=n;return e}),(l=s||(s={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(s).map(n=>{let[,e]=n;return e})},13776:function(n,e,t){"use strict";t.d(e,{MN:function(){return l},Vj:function(){return r},cd:function(){return c},mS:function(){return i},yI:function(){return o},yn:function(){return a}});let r=()=>{var n,e;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},a=(n,e)=>{Object.values(n.children).forEach(n=>{n.setAttribute(e.key,e.value),n.children.length>0&&a(n,e)})},o=function(){for(var n=arguments.length,e=Array(n),t=0;t{if(n){if("string"==typeof n)r+="".concat(n," ");else for(let e in n)n[e]&&(r+="".concat(e," "))}}),r.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],i=(n,e)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||s.includes(n))&&!e.includes(n)).reduce((e,t)=>(e[t]=n[t],e),{}),c=n=>{let{left:e,right:t}=n.getBoundingClientRect(),{innerWidth:r}=window;return e>=0&&t<=r},l=n=>{let{top:e,bottom:t}=n.getBoundingClientRect(),{innerHeight:r}=window;return e>=0&&t<=r}}},function(n){n.O(0,[49710,12156,92888,49774,40179],function(){return n(n.s=81083)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/card/migration-78d828e7e5f235a5.js b/review/main/_next/static/chunks/pages/components/card/migration-c6a7dd89cf011a6a.js similarity index 98% rename from review/main/_next/static/chunks/pages/components/card/migration-78d828e7e5f235a5.js rename to review/main/_next/static/chunks/pages/components/card/migration-c6a7dd89cf011a6a.js index d7f5a713915..b9d8dd96f92 100644 --- a/review/main/_next/static/chunks/pages/components/card/migration-78d828e7e5f235a5.js +++ b/review/main/_next/static/chunks/pages/components/card/migration-c6a7dd89cf011a6a.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[98114],{52286:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/card/migration",function(){return n(62815)}])},22514:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return d}});var r=n(52322),i=n(45392);function s(e){let t={a:"a",blockquote:"blockquote",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h2,{id:"general",children:"General"}),"\n",(0,r.jsxs)(t.blockquote,{children:["\n",(0,r.jsxs)(t.p,{children:[(0,r.jsx)(t.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,r.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,r.jsx)(t.h2,{id:"db-ui-core--db-ui-components",children:"DB UI Core ➡ DB UI Components"}),"\n",(0,r.jsx)(t.h3,{id:"class",children:"class"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Before"}),(0,r.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(t.th,{children:"After"}),(0,r.jsx)(t.th,{children:"Description"})]})}),(0,r.jsx)(t.tbody,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"cmp-card"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"db-card"})}),(0,r.jsx)(t.td,{})]})})]}),"\n",(0,r.jsx)(t.h3,{id:"variant",children:"variant"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Before"}),(0,r.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(t.th,{style:{textAlign:"center"},children:"After"}),(0,r.jsx)(t.th,{children:"Description"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"variant"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:(0,r.jsx)(t.code,{children:"variant"})}),(0,r.jsxs)(t.td,{children:["There is no default ",(0,r.jsx)(t.code,{children:"header"}),"/",(0,r.jsx)(t.code,{children:"content"})," anymore. Now you can change the card with ",(0,r.jsx)(t.code,{children:'variant="interactive"'})," to act like a button."]})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"header"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(t.td,{children:"Add your own content via children/slot."})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"content"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(t.td,{children:"Add your own content via children/slot."})]})]})]}),"\n",(0,r.jsx)(t.h3,{id:"image",children:"image"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Before"}),(0,r.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(t.th,{children:"After"}),(0,r.jsx)(t.th,{children:"Description"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"alt"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"imgAlt"})}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"image"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"imgSrc"})}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83C\uDD95"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"imgWidth"})}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83C\uDD95"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"imgHeight"})}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"illustration"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(t.td,{children:"❌"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"uiCoreIllustrationPath"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(t.td,{children:"❌"}),(0,r.jsx)(t.td,{})]})]})]})]})}function d(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,i.a)(),...e.components};return t?(0,r.jsx)(t,{...e,children:(0,r.jsx)(s,{...e})}):s(e)}},62815:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return a}});var r=n(52322),i=n(45392),s=n(11803),d=n(22514);let c=e=>{let{children:t}=e;return(0,r.jsx)(s.Z,{children:t})};function l(e){let t={h1:"h1",...(0,i.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbcard-migration",children:"DBCard Migration"}),"\n",(0,r.jsx)(d.default,{})]})}function a(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(c,{...e,children:(0,r.jsx)(l,{...e})})}},16134:function(e,t,n){"use strict";var r=n(52322),i=n(2784),s=n(13776);let d=(0,i.forwardRef)(function(e,t){let n=t||(0,i.useRef)(t);return(0,r.jsx)("button",{ref:n,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=d},63900:function(e,t,n){"use strict";var r,i,s,d,c,l,a;n.d(t,{IY:function(){return o},YP:function(){return h},ce:function(){return u}});let o="OVERWRITE_DEFAULT_ID",h="Back",u="Close Button";(c=r||(r={})).FUNCTIONAL="functional",c.REGULAR="regular",c.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,t]=e;return t}),(i||(i={})).PRIMARY="primary",(l=s||(s={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(e=>{let[,t]=e;return t}),Object.entries(i).map(e=>{let[,t]=e;return t}),(a=d||(d={})).CRITICAL="critical",a.INFORMATIONAL="informational",a.WARNING="warning",a.SUCCESSFUL="successful",Object.entries(d).map(e=>{let[,t]=e;return t})},13776:function(e,t,n){"use strict";n.d(t,{MN:function(){return a},Vj:function(){return r},cd:function(){return l},mS:function(){return c},yI:function(){return s},yn:function(){return i}});let r=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&i(e,t)})},s=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let t in e)e[t]&&(r+="".concat(t," "))}}),r.trim()},d=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],c=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||d.includes(e))&&!t.includes(e)).reduce((t,n)=>(t[n]=e[n],t),{}),l=e=>{let{left:t,right:n}=e.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&n<=r},a=e=>{let{top:t,bottom:n}=e.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&n<=r}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=52286)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[98114],{52286:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/card/migration",function(){return n(62815)}])},22514:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return d}});var r=n(52322),i=n(45392);function s(e){let t={a:"a",blockquote:"blockquote",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h2,{id:"general",children:"General"}),"\n",(0,r.jsxs)(t.blockquote,{children:["\n",(0,r.jsxs)(t.p,{children:[(0,r.jsx)(t.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,r.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,r.jsx)(t.h2,{id:"db-ui-core--db-ui-components",children:"DB UI Core ➡ DB UI Components"}),"\n",(0,r.jsx)(t.h3,{id:"class",children:"class"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Before"}),(0,r.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(t.th,{children:"After"}),(0,r.jsx)(t.th,{children:"Description"})]})}),(0,r.jsx)(t.tbody,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"cmp-card"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"db-card"})}),(0,r.jsx)(t.td,{})]})})]}),"\n",(0,r.jsx)(t.h3,{id:"variant",children:"variant"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Before"}),(0,r.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(t.th,{style:{textAlign:"center"},children:"After"}),(0,r.jsx)(t.th,{children:"Description"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"variant"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:(0,r.jsx)(t.code,{children:"variant"})}),(0,r.jsxs)(t.td,{children:["There is no default ",(0,r.jsx)(t.code,{children:"header"}),"/",(0,r.jsx)(t.code,{children:"content"})," anymore. Now you can change the card with ",(0,r.jsx)(t.code,{children:'variant="interactive"'})," to act like a button."]})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"header"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(t.td,{children:"Add your own content via children/slot."})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"content"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(t.td,{children:"Add your own content via children/slot."})]})]})]}),"\n",(0,r.jsx)(t.h3,{id:"image",children:"image"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Before"}),(0,r.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(t.th,{children:"After"}),(0,r.jsx)(t.th,{children:"Description"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"alt"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"imgAlt"})}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"image"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"imgSrc"})}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83C\uDD95"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"imgWidth"})}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83C\uDD95"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"imgHeight"})}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"illustration"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(t.td,{children:"❌"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"uiCoreIllustrationPath"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(t.td,{children:"❌"}),(0,r.jsx)(t.td,{})]})]})]})]})}function d(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,i.a)(),...e.components};return t?(0,r.jsx)(t,{...e,children:(0,r.jsx)(s,{...e})}):s(e)}},62815:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return a}});var r=n(52322),i=n(45392),s=n(12156),d=n(22514);let c=e=>{let{children:t}=e;return(0,r.jsx)(s.Z,{children:t})};function l(e){let t={h1:"h1",...(0,i.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbcard-migration",children:"DBCard Migration"}),"\n",(0,r.jsx)(d.default,{})]})}function a(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(c,{...e,children:(0,r.jsx)(l,{...e})})}},16134:function(e,t,n){"use strict";var r=n(52322),i=n(2784),s=n(13776);let d=(0,i.forwardRef)(function(e,t){let n=t||(0,i.useRef)(t);return(0,r.jsx)("button",{ref:n,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=d},63900:function(e,t,n){"use strict";var r,i,s,d,c,l,a;n.d(t,{IY:function(){return o},YP:function(){return h},ce:function(){return u}});let o="OVERWRITE_DEFAULT_ID",h="Back",u="Close Button";(c=r||(r={})).FUNCTIONAL="functional",c.REGULAR="regular",c.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,t]=e;return t}),(i||(i={})).PRIMARY="primary",(l=s||(s={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(e=>{let[,t]=e;return t}),Object.entries(i).map(e=>{let[,t]=e;return t}),(a=d||(d={})).CRITICAL="critical",a.INFORMATIONAL="informational",a.WARNING="warning",a.SUCCESSFUL="successful",Object.entries(d).map(e=>{let[,t]=e;return t})},13776:function(e,t,n){"use strict";n.d(t,{MN:function(){return a},Vj:function(){return r},cd:function(){return l},mS:function(){return c},yI:function(){return s},yn:function(){return i}});let r=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&i(e,t)})},s=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let t in e)e[t]&&(r+="".concat(t," "))}}),r.trim()},d=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],c=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||d.includes(e))&&!t.includes(e)).reduce((t,n)=>(t[n]=e[n],t),{}),l=e=>{let{left:t,right:n}=e.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&n<=r},a=e=>{let{top:t,bottom:n}=e.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&n<=r}}},function(e){e.O(0,[49710,12156,92888,49774,40179],function(){return e(e.s=52286)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/card/overview-3013408b09afea49.js b/review/main/_next/static/chunks/pages/components/card/overview-e95636f54750f6d1.js similarity index 84% rename from review/main/_next/static/chunks/pages/components/card/overview-3013408b09afea49.js rename to review/main/_next/static/chunks/pages/components/card/overview-e95636f54750f6d1.js index fce8624bef5..9ae695e0966 100644 --- a/review/main/_next/static/chunks/pages/components/card/overview-3013408b09afea49.js +++ b/review/main/_next/static/chunks/pages/components/card/overview-e95636f54750f6d1.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[75190],{48314:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/card/overview",function(){return e(80269)}])},80269:function(n,t,e){"use strict";e.r(t);var s=e(52322),r=e(25877),a=e(55763),u=e(38398),i=e(11910),c=e(86095),l=e(99341),f=e(1304),o=e(37395);let d=n=>{let{colorVariant:t,variant:e,children:r,spacing:a}=n;return(0,s.jsxs)(c.f,{colorVariant:t,variant:e,spacing:a,children:[(0,s.jsx)("strong",{children:r}),t&&(0,s.jsx)("span",{children:t})]})};t.default=()=>(0,s.jsx)(l.Z,{title:"DBCard",variants:(0,o.P)(f,d,[(0,s.jsx)(r.default,{}),(0,s.jsx)(a.default,{}),(0,s.jsx)(u.default,{}),(0,s.jsx)(i.default,{})])})}},function(n){n.O(0,[49710,14863,11803,55763,68006,92888,49774,40179],function(){return n(n.s=48314)}),_N_E=n.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[75190],{48314:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/card/overview",function(){return e(80269)}])},80269:function(n,t,e){"use strict";e.r(t);var s=e(52322),r=e(25877),a=e(55763),u=e(38398),i=e(11910),c=e(53752),l=e(99341),f=e(1304),o=e(37395);let d=n=>{let{colorVariant:t,variant:e,children:r,spacing:a}=n;return(0,s.jsxs)(c.f,{colorVariant:t,variant:e,spacing:a,children:[(0,s.jsx)("strong",{children:r}),t&&(0,s.jsx)("span",{children:t})]})};t.default=()=>(0,s.jsx)(l.Z,{title:"DBCard",variants:(0,o.P)(f,d,[(0,s.jsx)(r.default,{}),(0,s.jsx)(a.default,{}),(0,s.jsx)(u.default,{}),(0,s.jsx)(i.default,{})])})}},function(n){n.O(0,[49710,14863,12156,55763,68006,92888,49774,40179],function(){return n(n.s=48314)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/card/properties-02d69134955de5ba.js b/review/main/_next/static/chunks/pages/components/card/properties-ac2bdc5965d277f8.js similarity index 98% rename from review/main/_next/static/chunks/pages/components/card/properties-02d69134955de5ba.js rename to review/main/_next/static/chunks/pages/components/card/properties-ac2bdc5965d277f8.js index d8332f2b2ea..6ab12ae68ab 100644 --- a/review/main/_next/static/chunks/pages/components/card/properties-02d69134955de5ba.js +++ b/review/main/_next/static/chunks/pages/components/card/properties-ac2bdc5965d277f8.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[25221],{86958:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/card/properties",function(){return r(47656)}])},47656:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return c}});var n=r(52322),i=r(45392),s=r(11803);let d=e=>{let{children:t}=e;return(0,n.jsx)(s.Z,{children:t})};function a(e){let t={a:"a",code:"code",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.h1,{id:"dbcard",children:"DBCard"}),"\n",(0,n.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,n.jsxs)(t.table,{children:[(0,n.jsx)(t.thead,{children:(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.th,{children:"Name"}),(0,n.jsx)(t.th,{children:"Description"}),(0,n.jsx)(t.th,{children:"Type"}),(0,n.jsx)(t.th,{children:"Options"})]})}),(0,n.jsxs)(t.tbody,{children:[(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"colorVariant"}),(0,n.jsxs)(t.td,{children:["Valid background ",(0,n.jsx)(t.a,{href:"https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system-v3/foundation/colors",children:"colors"}),"."]}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"COLOR | string"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"variant"}),(0,n.jsx)(t.td,{children:"Makes the card interactive (clickable)."}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'default' | 'interactive'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"children"}),(0,n.jsx)(t.td,{children:"default slot"}),(0,n.jsx)(t.td,{children:"any"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"className"}),(0,n.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"describedbyid"}),(0,n.jsxs)(t.td,{children:[(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,n.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"id"}),(0,n.jsxs)(t.td,{children:[(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"key"}),(0,n.jsx)(t.td,{children:"React specific for render process."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"onClick"}),(0,n.jsx)(t.td,{children:"React specific onClick to pass to forward ref."}),(0,n.jsx)(t.td,{children:"function"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"(event: ClickEvent) => void"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"imgAlt"}),(0,n.jsxs)(t.td,{children:[(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/alt",children:"Alternative text"})," for an image."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"imgHeight"}),(0,n.jsxs)(t.td,{children:["The ",(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/height",children:"height attribute"})," for the image."]}),(0,n.jsx)(t.td,{children:"number"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"imgSrc"}),(0,n.jsxs)(t.td,{children:["The ",(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/src",children:"source"})," of an image."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"imgWidth"}),(0,n.jsxs)(t.td,{children:["The ",(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/width",children:"width attribute"})," for the image."]}),(0,n.jsx)(t.td,{children:"number"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"elevation"}),(0,n.jsx)(t.td,{children:"The elevation attribute changes the style of the card (box-shadow)."}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'default' | 'none'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"spacing"}),(0,n.jsx)(t.td,{children:"The spacing attribute changes the padding of the card."}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'none' | 'medium' | 'small'"})})})]})]})]})]})}function c(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,n.jsx)(d,{...e,children:(0,n.jsx)(a,{...e})})}},16134:function(e,t,r){"use strict";var n=r(52322),i=r(2784),s=r(13776);let d=(0,i.forwardRef)(function(e,t){let r=t||(0,i.useRef)(t);return(0,n.jsx)("button",{ref:r,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=d},63900:function(e,t,r){"use strict";var n,i,s,d,a,c,l;r.d(t,{IY:function(){return o},YP:function(){return h},ce:function(){return u}});let o="OVERWRITE_DEFAULT_ID",h="Back",u="Close Button";(a=n||(n={})).FUNCTIONAL="functional",a.REGULAR="regular",a.EXPRESSIVE="expressive",Object.entries(n).map(e=>{let[,t]=e;return t}),(i||(i={})).PRIMARY="primary",(c=s||(s={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(e=>{let[,t]=e;return t}),Object.entries(i).map(e=>{let[,t]=e;return t}),(l=d||(d={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(d).map(e=>{let[,t]=e;return t})},13776:function(e,t,r){"use strict";r.d(t,{MN:function(){return l},Vj:function(){return n},cd:function(){return c},mS:function(){return a},yI:function(){return s},yn:function(){return i}});let n=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&i(e,t)})},s=function(){for(var e=arguments.length,t=Array(e),r=0;r{if(e){if("string"==typeof e)n+="".concat(e," ");else for(let t in e)e[t]&&(n+="".concat(t," "))}}),n.trim()},d=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],a=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||d.includes(e))&&!t.includes(e)).reduce((t,r)=>(t[r]=e[r],t),{}),c=e=>{let{left:t,right:r}=e.getBoundingClientRect(),{innerWidth:n}=window;return t>=0&&r<=n},l=e=>{let{top:t,bottom:r}=e.getBoundingClientRect(),{innerHeight:n}=window;return t>=0&&r<=n}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=86958)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[25221],{86958:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/card/properties",function(){return r(47656)}])},47656:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return c}});var n=r(52322),i=r(45392),s=r(12156);let d=e=>{let{children:t}=e;return(0,n.jsx)(s.Z,{children:t})};function a(e){let t={a:"a",code:"code",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.h1,{id:"dbcard",children:"DBCard"}),"\n",(0,n.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,n.jsxs)(t.table,{children:[(0,n.jsx)(t.thead,{children:(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.th,{children:"Name"}),(0,n.jsx)(t.th,{children:"Description"}),(0,n.jsx)(t.th,{children:"Type"}),(0,n.jsx)(t.th,{children:"Options"})]})}),(0,n.jsxs)(t.tbody,{children:[(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"colorVariant"}),(0,n.jsxs)(t.td,{children:["Valid background ",(0,n.jsx)(t.a,{href:"https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system-v3/foundation/colors",children:"colors"}),"."]}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"COLOR | string"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"variant"}),(0,n.jsx)(t.td,{children:"Makes the card interactive (clickable)."}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'default' | 'interactive'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"children"}),(0,n.jsx)(t.td,{children:"default slot"}),(0,n.jsx)(t.td,{children:"any"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"className"}),(0,n.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"describedbyid"}),(0,n.jsxs)(t.td,{children:[(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,n.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"id"}),(0,n.jsxs)(t.td,{children:[(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"key"}),(0,n.jsx)(t.td,{children:"React specific for render process."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"onClick"}),(0,n.jsx)(t.td,{children:"React specific onClick to pass to forward ref."}),(0,n.jsx)(t.td,{children:"function"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"(event: ClickEvent) => void"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"imgAlt"}),(0,n.jsxs)(t.td,{children:[(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/alt",children:"Alternative text"})," for an image."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"imgHeight"}),(0,n.jsxs)(t.td,{children:["The ",(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/height",children:"height attribute"})," for the image."]}),(0,n.jsx)(t.td,{children:"number"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"imgSrc"}),(0,n.jsxs)(t.td,{children:["The ",(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/src",children:"source"})," of an image."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"imgWidth"}),(0,n.jsxs)(t.td,{children:["The ",(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/width",children:"width attribute"})," for the image."]}),(0,n.jsx)(t.td,{children:"number"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"elevation"}),(0,n.jsx)(t.td,{children:"The elevation attribute changes the style of the card (box-shadow)."}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'default' | 'none'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"spacing"}),(0,n.jsx)(t.td,{children:"The spacing attribute changes the padding of the card."}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'none' | 'medium' | 'small'"})})})]})]})]})]})}function c(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,n.jsx)(d,{...e,children:(0,n.jsx)(a,{...e})})}},16134:function(e,t,r){"use strict";var n=r(52322),i=r(2784),s=r(13776);let d=(0,i.forwardRef)(function(e,t){let r=t||(0,i.useRef)(t);return(0,n.jsx)("button",{ref:r,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=d},63900:function(e,t,r){"use strict";var n,i,s,d,a,c,l;r.d(t,{IY:function(){return o},YP:function(){return h},ce:function(){return u}});let o="OVERWRITE_DEFAULT_ID",h="Back",u="Close Button";(a=n||(n={})).FUNCTIONAL="functional",a.REGULAR="regular",a.EXPRESSIVE="expressive",Object.entries(n).map(e=>{let[,t]=e;return t}),(i||(i={})).PRIMARY="primary",(c=s||(s={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(e=>{let[,t]=e;return t}),Object.entries(i).map(e=>{let[,t]=e;return t}),(l=d||(d={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(d).map(e=>{let[,t]=e;return t})},13776:function(e,t,r){"use strict";r.d(t,{MN:function(){return l},Vj:function(){return n},cd:function(){return c},mS:function(){return a},yI:function(){return s},yn:function(){return i}});let n=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&i(e,t)})},s=function(){for(var e=arguments.length,t=Array(e),r=0;r{if(e){if("string"==typeof e)n+="".concat(e," ");else for(let t in e)e[t]&&(n+="".concat(t," "))}}),n.trim()},d=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],a=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||d.includes(e))&&!t.includes(e)).reduce((t,r)=>(t[r]=e[r],t),{}),c=e=>{let{left:t,right:r}=e.getBoundingClientRect(),{innerWidth:n}=window;return t>=0&&r<=n},l=e=>{let{top:t,bottom:r}=e.getBoundingClientRect(),{innerHeight:n}=window;return t>=0&&r<=n}}},function(e){e.O(0,[49710,12156,92888,49774,40179],function(){return e(e.s=86958)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/checkbox-40b35669766085d2.js b/review/main/_next/static/chunks/pages/components/checkbox-a6f81bcd554163f0.js similarity index 86% rename from review/main/_next/static/chunks/pages/components/checkbox-40b35669766085d2.js rename to review/main/_next/static/chunks/pages/components/checkbox-a6f81bcd554163f0.js index 09e734d515e..e4213ebb8c8 100644 --- a/review/main/_next/static/chunks/pages/components/checkbox-40b35669766085d2.js +++ b/review/main/_next/static/chunks/pages/components/checkbox-a6f81bcd554163f0.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[64927],{87480:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/checkbox",function(){return n(24938)}])},24938:function(e,t,n){"use strict";n.r(t);var u=n(52322),a=n(29711),l=n(74586),i=n(64861),s=n(490),d=n(88245),f=n(96143),r=n(86095),c=n(99341),_=n(37395),o=n(46810);let x=e=>{let{label:t,size:n,name:a,checked:l,invalid:i,required:s,children:d,disabled:f,indeterminate:c,labelVariant:_}=e;return(0,u.jsx)(r.I3,{label:t,size:n,name:a,defaultChecked:l,invalid:i,required:s,disabled:f,labelVariant:_,indeterminate:c,children:d})};t.default=()=>(0,u.jsx)(c.Z,{title:"DBCheckbox",variants:(0,_.P)(o,x,[(0,u.jsx)(a.default,{}),(0,u.jsx)(l.default,{}),(0,u.jsx)(i.default,{}),(0,u.jsx)(s.default,{}),(0,u.jsx)(d.default,{}),(0,u.jsx)(f.default,{})])})}},function(e){e.O(0,[49710,14863,11803,64861,92408,92888,49774,40179],function(){return e(e.s=87480)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[64927],{87480:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/checkbox",function(){return n(24938)}])},24938:function(e,t,n){"use strict";n.r(t);var u=n(52322),a=n(29711),l=n(74586),i=n(64861),s=n(490),d=n(88245),f=n(96143),r=n(53752),c=n(99341),_=n(37395),o=n(46810);let x=e=>{let{label:t,size:n,name:a,checked:l,invalid:i,required:s,children:d,disabled:f,indeterminate:c,labelVariant:_}=e;return(0,u.jsx)(r.I3,{label:t,size:n,name:a,defaultChecked:l,invalid:i,required:s,disabled:f,labelVariant:_,indeterminate:c,children:d})};t.default=()=>(0,u.jsx)(c.Z,{title:"DBCheckbox",variants:(0,_.P)(o,x,[(0,u.jsx)(a.default,{}),(0,u.jsx)(l.default,{}),(0,u.jsx)(i.default,{}),(0,u.jsx)(s.default,{}),(0,u.jsx)(d.default,{}),(0,u.jsx)(f.default,{})])})}},function(e){e.O(0,[49710,14863,12156,64861,92408,92888,49774,40179],function(){return e(e.s=87480)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/checkbox/how-to-use-c94570aa6ced2833.js b/review/main/_next/static/chunks/pages/components/checkbox/how-to-use-2fade39990f9560f.js similarity index 98% rename from review/main/_next/static/chunks/pages/components/checkbox/how-to-use-c94570aa6ced2833.js rename to review/main/_next/static/chunks/pages/components/checkbox/how-to-use-2fade39990f9560f.js index 279cd5efc02..db7d44c5a74 100644 --- a/review/main/_next/static/chunks/pages/components/checkbox/how-to-use-c94570aa6ced2833.js +++ b/review/main/_next/static/chunks/pages/components/checkbox/how-to-use-2fade39990f9560f.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[30097],{86788:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/checkbox/how-to-use",function(){return t(2219)}])},31453:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return a}});var r=t(52322),o=t(45392);function c(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,o.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"angular",children:"Angular"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"load-component",children:"Load component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-ts",children:"// app.component.ts\nimport { DBCheckbox } from '@db-ui/ngx-components';\n\n@Component({\n // ...\n standalone: true,\n imports: [..., DBCheckbox],\n // ...\n})\n"})}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:'\n
      \n @for (checkboxName of checkboxNames; track checkboxName) {\n
    • \n \n
      • \n }\n
    \n'})}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-ts",children:'// app.component.ts\nimport { Component } from "@angular/core";\n\n@Component({\n selector: "app-app",\n templateUrl: "./app.component.html"\n})\nexport class AppComponent {\n checkboxNames = ["X", "Y", "Z"];\n checkbox = "";\n}\n'})}),"\n",(0,r.jsx)(e.h2,{id:"how-to-use-with-template-driven-forms",children:"How to use with Template Driven Forms"}),"\n",(0,r.jsxs)(e.p,{children:["Third party controls require a ",(0,r.jsx)(e.code,{children:"ControlValueAccessor"})," to function with angular forms. Adding an ",(0,r.jsx)(e.code,{children:"ngDefaultControl"})," attribute will allow them to use that directive.\n",(0,r.jsx)(e.a,{href:"https://stackoverflow.com/a/46465959",children:"Further information"})]}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-ts",children:"//app.component.ts\nimport { FormsModule } from '@angular/forms';\n\n@Component({\n // ...\n imports: [\n // ...,\n FormsModule\n ],\n // ...\n})\n"})}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:'\n
    \n \n Get checkbox value\n\n\n

    Output

    \n
    \n
    checkbox\'s value
    \n
    checkbox {{ checkbox ? "" : "un" }}checked
    \n
    \n'})}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-ts",children:'// form.component.ts\nexport class FormComponent {\n checkbox = "";\n showValues(): void {\n alert(JSON.stringify({ checkbox: this.checkbox }));\n }\n}\n'})}),"\n",(0,r.jsx)(e.h2,{id:"how-to-use-with-reactive-forms",children:"How to use with Reactive Forms"}),"\n",(0,r.jsx)(e.p,{children:"coming soon … if your interested in contributing, you're very welcome ;)"})]})}function a(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,o.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(c,{...n})}):c(n)}},3992:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return a}});var r=t(52322),o=t(45392);function c(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,o.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"html",children:"HTML"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:'\n...\n\n \n\n'})})]})}function a(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,o.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(c,{...n})}):c(n)}},88664:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return a}});var r=t(52322),o=t(45392);function c(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,o.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"react",children:"React"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-tsx",children:'// App.tsx\nimport { useState } from "react";\nimport { DBCheckbox } from "@db-ui/react-components";\n\nconst App = () => {\n const [checkbox, setCheckbox] = useState("");\n\n return (\n {\n setCheckbox(event.target.checked);\n }}\n >\n Checkbox\n \n );\n};\n\nexport default App;\n'})})]})}function a(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,o.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(c,{...n})}):c(n)}},52023:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return a}});var r=t(52322),o=t(45392);function c(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,o.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"vue",children:"Vue"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-vue",children:'\n\n\n\n'})})]})}function a(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,o.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(c,{...n})}):c(n)}},2219:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return h}});var r=t(52322),o=t(45392),c=t(11803),a=t(3992),s=t(31453),i=t(88664),l=t(52023);let u=n=>{let{children:e}=n;return(0,r.jsx)(c.Z,{children:e})};function d(n){let e={h1:"h1",...(0,o.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h1,{id:"how-to-use-dbcheckbox",children:"How to use DBCheckbox"}),"\n",(0,r.jsx)(a.default,{}),"\n",(0,r.jsx)(s.default,{}),"\n",(0,r.jsx)(i.default,{}),"\n",(0,r.jsx)(l.default,{})]})}function h(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(u,{...n,children:(0,r.jsx)(d,{...n})})}},16134:function(n,e,t){"use strict";var r=t(52322),o=t(2784),c=t(13776);let a=(0,o.forwardRef)(function(n,e){let t=e||(0,o.useRef)(e);return(0,r.jsx)("button",{ref:t,...(0,c.mS)(n,[]),id:n.id,className:(0,c.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:e=>{n.onClick&&n.onClick(e)},children:n.children})});e.Z=a},63900:function(n,e,t){"use strict";var r,o,c,a,s,i,l;t.d(e,{IY:function(){return u},YP:function(){return d},ce:function(){return h}});let u="OVERWRITE_DEFAULT_ID",d="Back",h="Close Button";(s=r||(r={})).FUNCTIONAL="functional",s.REGULAR="regular",s.EXPRESSIVE="expressive",Object.entries(r).map(n=>{let[,e]=n;return e}),(o||(o={})).PRIMARY="primary",(i=c||(c={})).BASE="base",i.BASE_STRONG="base-strong",i.BASE_TRANSPARENT_SEMI="base-transparent-semi",i.BASE_TRANSPARENT_FULL="base-transparent-full",i.NEUTRAL="neutral",i.NEUTRAL_STRONG="neutral-strong",i.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",i.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",i.BRAND="brand",i.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",i.BRAND_TRANSPARENT_FULL="brand-transparent-full",i.SUCCESSFUL="successful",i.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",i.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",i.CRITICAL="critical",i.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",i.CRITICAL_TRANSPARENT_Full="critical-transparent-full",i.WARNING="warning",i.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",i.WARNING_TRANSPARENT_FULL="warning-transparent-full",i.INFORMATIONAL="informational",i.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",i.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(c).map(n=>{let[,e]=n;return e}),Object.entries(o).map(n=>{let[,e]=n;return e}),(l=a||(a={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(a).map(n=>{let[,e]=n;return e})},13776:function(n,e,t){"use strict";t.d(e,{MN:function(){return l},Vj:function(){return r},cd:function(){return i},mS:function(){return s},yI:function(){return c},yn:function(){return o}});let r=()=>{var n,e;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},o=(n,e)=>{Object.values(n.children).forEach(n=>{n.setAttribute(e.key,e.value),n.children.length>0&&o(n,e)})},c=function(){for(var n=arguments.length,e=Array(n),t=0;t{if(n){if("string"==typeof n)r+="".concat(n," ");else for(let e in n)n[e]&&(r+="".concat(e," "))}}),r.trim()},a=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],s=(n,e)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||a.includes(n))&&!e.includes(n)).reduce((e,t)=>(e[t]=n[t],e),{}),i=n=>{let{left:e,right:t}=n.getBoundingClientRect(),{innerWidth:r}=window;return e>=0&&t<=r},l=n=>{let{top:e,bottom:t}=n.getBoundingClientRect(),{innerHeight:r}=window;return e>=0&&t<=r}}},function(n){n.O(0,[49710,11803,92888,49774,40179],function(){return n(n.s=86788)}),_N_E=n.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[30097],{86788:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/checkbox/how-to-use",function(){return t(2219)}])},31453:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return a}});var r=t(52322),o=t(45392);function c(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,o.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"angular",children:"Angular"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"load-component",children:"Load component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-ts",children:"// app.component.ts\nimport { DBCheckbox } from '@db-ui/ngx-components';\n\n@Component({\n // ...\n standalone: true,\n imports: [..., DBCheckbox],\n // ...\n})\n"})}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:'\n
      \n @for (checkboxName of checkboxNames; track checkboxName) {\n
    • \n \n
      • \n }\n
    \n'})}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-ts",children:'// app.component.ts\nimport { Component } from "@angular/core";\n\n@Component({\n selector: "app-app",\n templateUrl: "./app.component.html"\n})\nexport class AppComponent {\n checkboxNames = ["X", "Y", "Z"];\n checkbox = "";\n}\n'})}),"\n",(0,r.jsx)(e.h2,{id:"how-to-use-with-template-driven-forms",children:"How to use with Template Driven Forms"}),"\n",(0,r.jsxs)(e.p,{children:["Third party controls require a ",(0,r.jsx)(e.code,{children:"ControlValueAccessor"})," to function with angular forms. Adding an ",(0,r.jsx)(e.code,{children:"ngDefaultControl"})," attribute will allow them to use that directive.\n",(0,r.jsx)(e.a,{href:"https://stackoverflow.com/a/46465959",children:"Further information"})]}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-ts",children:"//app.component.ts\nimport { FormsModule } from '@angular/forms';\n\n@Component({\n // ...\n imports: [\n // ...,\n FormsModule\n ],\n // ...\n})\n"})}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:'\n
    \n \n Get checkbox value\n\n\n

    Output

    \n
    \n
    checkbox\'s value
    \n
    checkbox {{ checkbox ? "" : "un" }}checked
    \n
    \n'})}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-ts",children:'// form.component.ts\nexport class FormComponent {\n checkbox = "";\n showValues(): void {\n alert(JSON.stringify({ checkbox: this.checkbox }));\n }\n}\n'})}),"\n",(0,r.jsx)(e.h2,{id:"how-to-use-with-reactive-forms",children:"How to use with Reactive Forms"}),"\n",(0,r.jsx)(e.p,{children:"coming soon … if your interested in contributing, you're very welcome ;)"})]})}function a(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,o.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(c,{...n})}):c(n)}},3992:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return a}});var r=t(52322),o=t(45392);function c(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,o.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"html",children:"HTML"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:'\n...\n\n \n\n'})})]})}function a(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,o.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(c,{...n})}):c(n)}},88664:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return a}});var r=t(52322),o=t(45392);function c(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,o.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"react",children:"React"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-tsx",children:'// App.tsx\nimport { useState } from "react";\nimport { DBCheckbox } from "@db-ui/react-components";\n\nconst App = () => {\n const [checkbox, setCheckbox] = useState("");\n\n return (\n {\n setCheckbox(event.target.checked);\n }}\n >\n Checkbox\n \n );\n};\n\nexport default App;\n'})})]})}function a(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,o.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(c,{...n})}):c(n)}},52023:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return a}});var r=t(52322),o=t(45392);function c(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,o.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"vue",children:"Vue"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-vue",children:'\n\n\n\n'})})]})}function a(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,o.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(c,{...n})}):c(n)}},2219:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return h}});var r=t(52322),o=t(45392),c=t(12156),a=t(3992),s=t(31453),i=t(88664),l=t(52023);let u=n=>{let{children:e}=n;return(0,r.jsx)(c.Z,{children:e})};function d(n){let e={h1:"h1",...(0,o.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h1,{id:"how-to-use-dbcheckbox",children:"How to use DBCheckbox"}),"\n",(0,r.jsx)(a.default,{}),"\n",(0,r.jsx)(s.default,{}),"\n",(0,r.jsx)(i.default,{}),"\n",(0,r.jsx)(l.default,{})]})}function h(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(u,{...n,children:(0,r.jsx)(d,{...n})})}},16134:function(n,e,t){"use strict";var r=t(52322),o=t(2784),c=t(13776);let a=(0,o.forwardRef)(function(n,e){let t=e||(0,o.useRef)(e);return(0,r.jsx)("button",{ref:t,...(0,c.mS)(n,[]),id:n.id,className:(0,c.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:e=>{n.onClick&&n.onClick(e)},children:n.children})});e.Z=a},63900:function(n,e,t){"use strict";var r,o,c,a,s,i,l;t.d(e,{IY:function(){return u},YP:function(){return d},ce:function(){return h}});let u="OVERWRITE_DEFAULT_ID",d="Back",h="Close Button";(s=r||(r={})).FUNCTIONAL="functional",s.REGULAR="regular",s.EXPRESSIVE="expressive",Object.entries(r).map(n=>{let[,e]=n;return e}),(o||(o={})).PRIMARY="primary",(i=c||(c={})).BASE="base",i.BASE_STRONG="base-strong",i.BASE_TRANSPARENT_SEMI="base-transparent-semi",i.BASE_TRANSPARENT_FULL="base-transparent-full",i.NEUTRAL="neutral",i.NEUTRAL_STRONG="neutral-strong",i.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",i.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",i.BRAND="brand",i.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",i.BRAND_TRANSPARENT_FULL="brand-transparent-full",i.SUCCESSFUL="successful",i.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",i.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",i.CRITICAL="critical",i.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",i.CRITICAL_TRANSPARENT_Full="critical-transparent-full",i.WARNING="warning",i.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",i.WARNING_TRANSPARENT_FULL="warning-transparent-full",i.INFORMATIONAL="informational",i.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",i.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(c).map(n=>{let[,e]=n;return e}),Object.entries(o).map(n=>{let[,e]=n;return e}),(l=a||(a={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(a).map(n=>{let[,e]=n;return e})},13776:function(n,e,t){"use strict";t.d(e,{MN:function(){return l},Vj:function(){return r},cd:function(){return i},mS:function(){return s},yI:function(){return c},yn:function(){return o}});let r=()=>{var n,e;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},o=(n,e)=>{Object.values(n.children).forEach(n=>{n.setAttribute(e.key,e.value),n.children.length>0&&o(n,e)})},c=function(){for(var n=arguments.length,e=Array(n),t=0;t{if(n){if("string"==typeof n)r+="".concat(n," ");else for(let e in n)n[e]&&(r+="".concat(e," "))}}),r.trim()},a=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],s=(n,e)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||a.includes(n))&&!e.includes(n)).reduce((e,t)=>(e[t]=n[t],e),{}),i=n=>{let{left:e,right:t}=n.getBoundingClientRect(),{innerWidth:r}=window;return e>=0&&t<=r},l=n=>{let{top:e,bottom:t}=n.getBoundingClientRect(),{innerHeight:r}=window;return e>=0&&t<=r}}},function(n){n.O(0,[49710,12156,92888,49774,40179],function(){return n(n.s=86788)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/checkbox/migration-13c9fd865d7b0819.js b/review/main/_next/static/chunks/pages/components/checkbox/migration-53593dca532b0608.js similarity index 98% rename from review/main/_next/static/chunks/pages/components/checkbox/migration-13c9fd865d7b0819.js rename to review/main/_next/static/chunks/pages/components/checkbox/migration-53593dca532b0608.js index 7d157701643..7fda9dc0d5b 100644 --- a/review/main/_next/static/chunks/pages/components/checkbox/migration-13c9fd865d7b0819.js +++ b/review/main/_next/static/chunks/pages/components/checkbox/migration-53593dca532b0608.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[98419],{32990:function(t,e,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/checkbox/migration",function(){return n(84268)}])},34947:function(t,e,n){"use strict";n.r(e),n.d(e,{default:function(){return a}});var r=n(52322),i=n(45392);function s(t){let e={a:"a",blockquote:"blockquote",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...t.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"general",children:"General"}),"\n",(0,r.jsxs)(e.blockquote,{children:["\n",(0,r.jsxs)(e.p,{children:[(0,r.jsx)(e.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,r.jsx)(e.h2,{id:"db-ui-core--db-ui-components",children:"DB UI Core ➡ DB UI Components"}),"\n",(0,r.jsx)(e.h3,{id:"class",children:"class"}),"\n",(0,r.jsxs)(e.table,{children:[(0,r.jsx)(e.thead,{children:(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.th,{children:"Before"}),(0,r.jsx)(e.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(e.th,{children:"After"}),(0,r.jsx)(e.th,{children:"Description"})]})}),(0,r.jsx)(e.tbody,{children:(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"elm-checkbox"})}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"db-checkbox"})}),(0,r.jsx)(e.td,{})]})})]}),"\n",(0,r.jsx)(e.h3,{id:"id",children:"id"}),"\n",(0,r.jsxs)(e.table,{children:[(0,r.jsx)(e.thead,{children:(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.th,{children:"Before"}),(0,r.jsx)(e.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(e.th,{children:"After"}),(0,r.jsx)(e.th,{children:"Description"})]})}),(0,r.jsx)(e.tbody,{children:(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"input_id"})}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"id"})}),(0,r.jsx)(e.td,{})]})})]})]})}function a(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,i.a)(),...t.components};return e?(0,r.jsx)(e,{...t,children:(0,r.jsx)(s,{...t})}):s(t)}},84268:function(t,e,n){"use strict";n.r(e),n.d(e,{default:function(){return o}});var r=n(52322),i=n(45392),s=n(11803),a=n(34947);let c=t=>{let{children:e}=t;return(0,r.jsx)(s.Z,{children:e})};function l(t){let e={h1:"h1",...(0,i.a)(),...t.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h1,{id:"dbcheckbox-migration",children:"DBCheckbox Migration"}),"\n",(0,r.jsx)(a.default,{})]})}function o(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(c,{...t,children:(0,r.jsx)(l,{...t})})}},16134:function(t,e,n){"use strict";var r=n(52322),i=n(2784),s=n(13776);let a=(0,i.forwardRef)(function(t,e){let n=e||(0,i.useRef)(e);return(0,r.jsx)("button",{ref:n,...(0,s.mS)(t,[]),id:t.id,className:(0,s.yI)("db-button",t.className,{"is-icon-text-replace":t.noText}),type:t.type,disabled:t.disabled,"aria-label":t.label,"data-icon":t.icon,"data-size":t.size,"data-state":t.state,"data-width":t.width,"data-variant":t.variant,name:t.name,value:t.value,"aria-describedby":t.describedbyid,"aria-expanded":t.ariaexpanded,"aria-pressed":t.ariapressed,onClick:e=>{t.onClick&&t.onClick(e)},children:t.children})});e.Z=a},63900:function(t,e,n){"use strict";var r,i,s,a,c,l,o;n.d(e,{IY:function(){return d},YP:function(){return u},ce:function(){return h}});let d="OVERWRITE_DEFAULT_ID",u="Back",h="Close Button";(c=r||(r={})).FUNCTIONAL="functional",c.REGULAR="regular",c.EXPRESSIVE="expressive",Object.entries(r).map(t=>{let[,e]=t;return e}),(i||(i={})).PRIMARY="primary",(l=s||(s={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(t=>{let[,e]=t;return e}),Object.entries(i).map(t=>{let[,e]=t;return e}),(o=a||(a={})).CRITICAL="critical",o.INFORMATIONAL="informational",o.WARNING="warning",o.SUCCESSFUL="successful",Object.entries(a).map(t=>{let[,e]=t;return e})},13776:function(t,e,n){"use strict";n.d(e,{MN:function(){return o},Vj:function(){return r},cd:function(){return l},mS:function(){return c},yI:function(){return s},yn:function(){return i}});let r=()=>{var t,e;return(null===(t=window.crypto)||void 0===t?void 0:t.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(t,e)=>{Object.values(t.children).forEach(t=>{t.setAttribute(e.key,e.value),t.children.length>0&&i(t,e)})},s=function(){for(var t=arguments.length,e=Array(t),n=0;n{if(t){if("string"==typeof t)r+="".concat(t," ");else for(let e in t)t[e]&&(r+="".concat(e," "))}}),r.trim()},a=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],c=(t,e)=>Object.keys(t).filter(t=>(t.startsWith("data-")||t.startsWith("aria-")||t.startsWith("default")||t.startsWith("auto")||t.startsWith("item")||t.startsWith("on")||a.includes(t))&&!e.includes(t)).reduce((e,n)=>(e[n]=t[n],e),{}),l=t=>{let{left:e,right:n}=t.getBoundingClientRect(),{innerWidth:r}=window;return e>=0&&n<=r},o=t=>{let{top:e,bottom:n}=t.getBoundingClientRect(),{innerHeight:r}=window;return e>=0&&n<=r}}},function(t){t.O(0,[49710,11803,92888,49774,40179],function(){return t(t.s=32990)}),_N_E=t.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[98419],{32990:function(t,e,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/checkbox/migration",function(){return n(84268)}])},34947:function(t,e,n){"use strict";n.r(e),n.d(e,{default:function(){return a}});var r=n(52322),i=n(45392);function s(t){let e={a:"a",blockquote:"blockquote",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...t.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"general",children:"General"}),"\n",(0,r.jsxs)(e.blockquote,{children:["\n",(0,r.jsxs)(e.p,{children:[(0,r.jsx)(e.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,r.jsx)(e.h2,{id:"db-ui-core--db-ui-components",children:"DB UI Core ➡ DB UI Components"}),"\n",(0,r.jsx)(e.h3,{id:"class",children:"class"}),"\n",(0,r.jsxs)(e.table,{children:[(0,r.jsx)(e.thead,{children:(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.th,{children:"Before"}),(0,r.jsx)(e.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(e.th,{children:"After"}),(0,r.jsx)(e.th,{children:"Description"})]})}),(0,r.jsx)(e.tbody,{children:(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"elm-checkbox"})}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"db-checkbox"})}),(0,r.jsx)(e.td,{})]})})]}),"\n",(0,r.jsx)(e.h3,{id:"id",children:"id"}),"\n",(0,r.jsxs)(e.table,{children:[(0,r.jsx)(e.thead,{children:(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.th,{children:"Before"}),(0,r.jsx)(e.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(e.th,{children:"After"}),(0,r.jsx)(e.th,{children:"Description"})]})}),(0,r.jsx)(e.tbody,{children:(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"input_id"})}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"id"})}),(0,r.jsx)(e.td,{})]})})]})]})}function a(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,i.a)(),...t.components};return e?(0,r.jsx)(e,{...t,children:(0,r.jsx)(s,{...t})}):s(t)}},84268:function(t,e,n){"use strict";n.r(e),n.d(e,{default:function(){return o}});var r=n(52322),i=n(45392),s=n(12156),a=n(34947);let c=t=>{let{children:e}=t;return(0,r.jsx)(s.Z,{children:e})};function l(t){let e={h1:"h1",...(0,i.a)(),...t.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h1,{id:"dbcheckbox-migration",children:"DBCheckbox Migration"}),"\n",(0,r.jsx)(a.default,{})]})}function o(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(c,{...t,children:(0,r.jsx)(l,{...t})})}},16134:function(t,e,n){"use strict";var r=n(52322),i=n(2784),s=n(13776);let a=(0,i.forwardRef)(function(t,e){let n=e||(0,i.useRef)(e);return(0,r.jsx)("button",{ref:n,...(0,s.mS)(t,[]),id:t.id,className:(0,s.yI)("db-button",t.className,{"is-icon-text-replace":t.noText}),type:t.type,disabled:t.disabled,"aria-label":t.label,"data-icon":t.icon,"data-size":t.size,"data-state":t.state,"data-width":t.width,"data-variant":t.variant,name:t.name,value:t.value,"aria-describedby":t.describedbyid,"aria-expanded":t.ariaexpanded,"aria-pressed":t.ariapressed,onClick:e=>{t.onClick&&t.onClick(e)},children:t.children})});e.Z=a},63900:function(t,e,n){"use strict";var r,i,s,a,c,l,o;n.d(e,{IY:function(){return d},YP:function(){return u},ce:function(){return h}});let d="OVERWRITE_DEFAULT_ID",u="Back",h="Close Button";(c=r||(r={})).FUNCTIONAL="functional",c.REGULAR="regular",c.EXPRESSIVE="expressive",Object.entries(r).map(t=>{let[,e]=t;return e}),(i||(i={})).PRIMARY="primary",(l=s||(s={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(t=>{let[,e]=t;return e}),Object.entries(i).map(t=>{let[,e]=t;return e}),(o=a||(a={})).CRITICAL="critical",o.INFORMATIONAL="informational",o.WARNING="warning",o.SUCCESSFUL="successful",Object.entries(a).map(t=>{let[,e]=t;return e})},13776:function(t,e,n){"use strict";n.d(e,{MN:function(){return o},Vj:function(){return r},cd:function(){return l},mS:function(){return c},yI:function(){return s},yn:function(){return i}});let r=()=>{var t,e;return(null===(t=window.crypto)||void 0===t?void 0:t.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(t,e)=>{Object.values(t.children).forEach(t=>{t.setAttribute(e.key,e.value),t.children.length>0&&i(t,e)})},s=function(){for(var t=arguments.length,e=Array(t),n=0;n{if(t){if("string"==typeof t)r+="".concat(t," ");else for(let e in t)t[e]&&(r+="".concat(e," "))}}),r.trim()},a=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],c=(t,e)=>Object.keys(t).filter(t=>(t.startsWith("data-")||t.startsWith("aria-")||t.startsWith("default")||t.startsWith("auto")||t.startsWith("item")||t.startsWith("on")||a.includes(t))&&!e.includes(t)).reduce((e,n)=>(e[n]=t[n],e),{}),l=t=>{let{left:e,right:n}=t.getBoundingClientRect(),{innerWidth:r}=window;return e>=0&&n<=r},o=t=>{let{top:e,bottom:n}=t.getBoundingClientRect(),{innerHeight:r}=window;return e>=0&&n<=r}}},function(t){t.O(0,[49710,12156,92888,49774,40179],function(){return t(t.s=32990)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/checkbox/overview-8b709af18983da13.js b/review/main/_next/static/chunks/pages/components/checkbox/overview-482d449588a16983.js similarity index 79% rename from review/main/_next/static/chunks/pages/components/checkbox/overview-8b709af18983da13.js rename to review/main/_next/static/chunks/pages/components/checkbox/overview-482d449588a16983.js index 16a99cb54e2..c4a2de09f2f 100644 --- a/review/main/_next/static/chunks/pages/components/checkbox/overview-8b709af18983da13.js +++ b/review/main/_next/static/chunks/pages/components/checkbox/overview-482d449588a16983.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[51940],{27143:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/checkbox/overview",function(){return n(2483)}])},2483:function(e,t,n){"use strict";n.r(t);var u=n(52322),a=n(29711),i=n(74586),l=n(64861),s=n(490),d=n(88245),r=n(96143),f=n(86095),c=n(99341),o=n(37395),_=n(46810);let x=e=>{let{label:t,size:n,name:a,checked:i,invalid:l,required:s,children:d,disabled:r,indeterminate:c,labelVariant:o}=e;return(0,u.jsx)(f.I3,{label:t,size:n,name:a,defaultChecked:i,invalid:l,required:s,disabled:r,labelVariant:o,indeterminate:c,children:d})};t.default=()=>(0,u.jsx)(c.Z,{title:"DBCheckbox",variants:(0,o.P)(_,x,[(0,u.jsx)(a.default,{}),(0,u.jsx)(i.default,{}),(0,u.jsx)(l.default,{}),(0,u.jsx)(s.default,{}),(0,u.jsx)(d.default,{}),(0,u.jsx)(r.default,{})])})}},function(e){e.O(0,[49710,14863,11803,64861,92408,92888,49774,40179],function(){return e(e.s=27143)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[51940],{27143:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/checkbox/overview",function(){return n(2483)}])},2483:function(e,t,n){"use strict";n.r(t);var u=n(52322),a=n(29711),i=n(74586),l=n(64861),s=n(490),d=n(88245),r=n(96143),f=n(53752),c=n(99341),o=n(37395),_=n(46810);let x=e=>{let{label:t,size:n,name:a,checked:i,invalid:l,required:s,children:d,disabled:r,indeterminate:c,labelVariant:o}=e;return(0,u.jsx)(f.I3,{label:t,size:n,name:a,defaultChecked:i,invalid:l,required:s,disabled:r,labelVariant:o,indeterminate:c,children:d})};t.default=()=>(0,u.jsx)(c.Z,{title:"DBCheckbox",variants:(0,o.P)(_,x,[(0,u.jsx)(a.default,{}),(0,u.jsx)(i.default,{}),(0,u.jsx)(l.default,{}),(0,u.jsx)(s.default,{}),(0,u.jsx)(d.default,{}),(0,u.jsx)(r.default,{})])})}},function(e){e.O(0,[49710,14863,12156,64861,92408,92888,49774,40179],function(){return e(e.s=27143)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/checkbox/properties-b628ad5ce5ecb3f3.js b/review/main/_next/static/chunks/pages/components/checkbox/properties-e74eac0a080bc94c.js similarity index 98% rename from review/main/_next/static/chunks/pages/components/checkbox/properties-b628ad5ce5ecb3f3.js rename to review/main/_next/static/chunks/pages/components/checkbox/properties-e74eac0a080bc94c.js index b757f51a45c..b76ee42f29c 100644 --- a/review/main/_next/static/chunks/pages/components/checkbox/properties-b628ad5ce5ecb3f3.js +++ b/review/main/_next/static/chunks/pages/components/checkbox/properties-e74eac0a080bc94c.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[90537],{1379:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/checkbox/properties",function(){return n(47726)}])},47726:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return l}});var r=n(52322),i=n(45392),s=n(11803);let d=e=>{let{children:t}=e;return(0,r.jsx)(s.Z,{children:t})};function c(e){let t={a:"a",code:"code",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbcheckbox",children:"DBCheckbox"}),"\n",(0,r.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Name"}),(0,r.jsx)(t.th,{children:"Description"}),(0,r.jsx)(t.th,{children:"Type"}),(0,r.jsx)(t.th,{children:"Options"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"size"}),(0,r.jsx)(t.td,{children:"Decide for a size (either regular, which is the default, or small)"}),(0,r.jsx)(t.td,{children:"literal"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'small'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"indeterminate"}),(0,r.jsxs)(t.td,{children:["Define an ",(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement#indeterminate",children:"indeterminate"})," state of a checkbox"]}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"children"}),(0,r.jsx)(t.td,{children:"default slot"}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"className"}),(0,r.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"describedbyid"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,r.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"id"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"key"}),(0,r.jsx)(t.td,{children:"React specific for render process."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"change"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: ChangeEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"onChange"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: ChangeEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"blur"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: InteractionEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"onBlur"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: InteractionEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"focus"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: InteractionEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"onFocus"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: InteractionEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"disabled"}),(0,r.jsx)(t.td,{children:"The disabled attribute can be set to keep a user from clicking on the form element."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"form"}),(0,r.jsx)(t.td,{children:"Associates the control with a form element"}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"invalid"}),(0,r.jsx)(t.td,{children:"Marks an input element as invalid."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"label"}),(0,r.jsx)(t.td,{children:"The label attribute specifies the caption of the form element."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"name"}),(0,r.jsx)(t.td,{children:"The name attribute gives the name of the form control, as used in form submission and in the form element's elements object."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"required"}),(0,r.jsx)(t.td,{children:"When the required attribute specified, the user will be required to fill the form element before submitting the form."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"value"}),(0,r.jsx)(t.td,{children:"The value property is to receive results from the native form element."}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"checked"}),(0,r.jsx)(t.td,{children:"Define the radio or checkbox elements checked state"}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"labelVariant"}),(0,r.jsx)(t.td,{children:"Hide the label of a radio/checkbox."}),(0,r.jsx)(t.td,{children:"literal"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'hidden'"})})})]})]})]})]})}function l(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(d,{...e,children:(0,r.jsx)(c,{...e})})}},16134:function(e,t,n){"use strict";var r=n(52322),i=n(2784),s=n(13776);let d=(0,i.forwardRef)(function(e,t){let n=t||(0,i.useRef)(t);return(0,r.jsx)("button",{ref:n,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=d},63900:function(e,t,n){"use strict";var r,i,s,d,c,l,a;n.d(t,{IY:function(){return o},YP:function(){return h},ce:function(){return x}});let o="OVERWRITE_DEFAULT_ID",h="Back",x="Close Button";(c=r||(r={})).FUNCTIONAL="functional",c.REGULAR="regular",c.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,t]=e;return t}),(i||(i={})).PRIMARY="primary",(l=s||(s={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(e=>{let[,t]=e;return t}),Object.entries(i).map(e=>{let[,t]=e;return t}),(a=d||(d={})).CRITICAL="critical",a.INFORMATIONAL="informational",a.WARNING="warning",a.SUCCESSFUL="successful",Object.entries(d).map(e=>{let[,t]=e;return t})},13776:function(e,t,n){"use strict";n.d(t,{MN:function(){return a},Vj:function(){return r},cd:function(){return l},mS:function(){return c},yI:function(){return s},yn:function(){return i}});let r=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&i(e,t)})},s=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let t in e)e[t]&&(r+="".concat(t," "))}}),r.trim()},d=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],c=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||d.includes(e))&&!t.includes(e)).reduce((t,n)=>(t[n]=e[n],t),{}),l=e=>{let{left:t,right:n}=e.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&n<=r},a=e=>{let{top:t,bottom:n}=e.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&n<=r}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=1379)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[90537],{1379:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/checkbox/properties",function(){return n(47726)}])},47726:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return l}});var r=n(52322),i=n(45392),s=n(12156);let d=e=>{let{children:t}=e;return(0,r.jsx)(s.Z,{children:t})};function c(e){let t={a:"a",code:"code",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbcheckbox",children:"DBCheckbox"}),"\n",(0,r.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Name"}),(0,r.jsx)(t.th,{children:"Description"}),(0,r.jsx)(t.th,{children:"Type"}),(0,r.jsx)(t.th,{children:"Options"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"size"}),(0,r.jsx)(t.td,{children:"Decide for a size (either regular, which is the default, or small)"}),(0,r.jsx)(t.td,{children:"literal"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'small'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"indeterminate"}),(0,r.jsxs)(t.td,{children:["Define an ",(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement#indeterminate",children:"indeterminate"})," state of a checkbox"]}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"children"}),(0,r.jsx)(t.td,{children:"default slot"}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"className"}),(0,r.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"describedbyid"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,r.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"id"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"key"}),(0,r.jsx)(t.td,{children:"React specific for render process."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"change"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: ChangeEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"onChange"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: ChangeEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"blur"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: InteractionEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"onBlur"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: InteractionEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"focus"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: InteractionEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"onFocus"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: InteractionEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"disabled"}),(0,r.jsx)(t.td,{children:"The disabled attribute can be set to keep a user from clicking on the form element."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"form"}),(0,r.jsx)(t.td,{children:"Associates the control with a form element"}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"invalid"}),(0,r.jsx)(t.td,{children:"Marks an input element as invalid."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"label"}),(0,r.jsx)(t.td,{children:"The label attribute specifies the caption of the form element."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"name"}),(0,r.jsx)(t.td,{children:"The name attribute gives the name of the form control, as used in form submission and in the form element's elements object."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"required"}),(0,r.jsx)(t.td,{children:"When the required attribute specified, the user will be required to fill the form element before submitting the form."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"value"}),(0,r.jsx)(t.td,{children:"The value property is to receive results from the native form element."}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"checked"}),(0,r.jsx)(t.td,{children:"Define the radio or checkbox elements checked state"}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"labelVariant"}),(0,r.jsx)(t.td,{children:"Hide the label of a radio/checkbox."}),(0,r.jsx)(t.td,{children:"literal"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'hidden'"})})})]})]})]})]})}function l(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(d,{...e,children:(0,r.jsx)(c,{...e})})}},16134:function(e,t,n){"use strict";var r=n(52322),i=n(2784),s=n(13776);let d=(0,i.forwardRef)(function(e,t){let n=t||(0,i.useRef)(t);return(0,r.jsx)("button",{ref:n,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=d},63900:function(e,t,n){"use strict";var r,i,s,d,c,l,a;n.d(t,{IY:function(){return o},YP:function(){return h},ce:function(){return x}});let o="OVERWRITE_DEFAULT_ID",h="Back",x="Close Button";(c=r||(r={})).FUNCTIONAL="functional",c.REGULAR="regular",c.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,t]=e;return t}),(i||(i={})).PRIMARY="primary",(l=s||(s={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(e=>{let[,t]=e;return t}),Object.entries(i).map(e=>{let[,t]=e;return t}),(a=d||(d={})).CRITICAL="critical",a.INFORMATIONAL="informational",a.WARNING="warning",a.SUCCESSFUL="successful",Object.entries(d).map(e=>{let[,t]=e;return t})},13776:function(e,t,n){"use strict";n.d(t,{MN:function(){return a},Vj:function(){return r},cd:function(){return l},mS:function(){return c},yI:function(){return s},yn:function(){return i}});let r=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&i(e,t)})},s=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let t in e)e[t]&&(r+="".concat(t," "))}}),r.trim()},d=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],c=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||d.includes(e))&&!t.includes(e)).reduce((t,n)=>(t[n]=e[n],t),{}),l=e=>{let{left:t,right:n}=e.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&n<=r},a=e=>{let{top:t,bottom:n}=e.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&n<=r}}},function(e){e.O(0,[49710,12156,92888,49774,40179],function(){return e(e.s=1379)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/divider-622ada3b653d3226.js b/review/main/_next/static/chunks/pages/components/divider-1320f5ba334e462b.js similarity index 83% rename from review/main/_next/static/chunks/pages/components/divider-622ada3b653d3226.js rename to review/main/_next/static/chunks/pages/components/divider-1320f5ba334e462b.js index 80fddc844dd..848d8aaf4c0 100644 --- a/review/main/_next/static/chunks/pages/components/divider-622ada3b653d3226.js +++ b/review/main/_next/static/chunks/pages/components/divider-1320f5ba334e462b.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2058],{49120:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/divider",function(){return e(50371)}])},50371:function(n,t,e){"use strict";e.r(t);var i=e(52322),s=e(29137),a=e(71693),r=e(90038),u=e(86095),l=e(99341),f=e(55491),o=e(37395);let _=n=>{let{variant:t,emphasis:e,children:s}=n;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(u.EZ,{size:"small",variant:"informational",children:s}),(0,i.jsx)(u.oH,{variant:t,emphasis:e})]})};t.default=()=>(0,i.jsx)(l.Z,{title:"DBDivider",variants:(0,o.P)(f,_,[(0,i.jsx)(s.default,{}),(0,i.jsx)(a.default,{}),(0,i.jsx)(r.default,{})])})}},function(n){n.O(0,[49710,14863,11803,80269,92888,49774,40179],function(){return n(n.s=49120)}),_N_E=n.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2058],{49120:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/divider",function(){return e(50371)}])},50371:function(n,t,e){"use strict";e.r(t);var i=e(52322),s=e(29137),a=e(71693),r=e(90038),u=e(53752),l=e(99341),f=e(55491),o=e(37395);let _=n=>{let{variant:t,emphasis:e,children:s}=n;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(u.EZ,{size:"small",variant:"informational",children:s}),(0,i.jsx)(u.oH,{variant:t,emphasis:e})]})};t.default=()=>(0,i.jsx)(l.Z,{title:"DBDivider",variants:(0,o.P)(f,_,[(0,i.jsx)(s.default,{}),(0,i.jsx)(a.default,{}),(0,i.jsx)(r.default,{})])})}},function(n){n.O(0,[49710,14863,12156,80269,92888,49774,40179],function(){return n(n.s=49120)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/divider/how-to-use-48f66ea2d2150356.js b/review/main/_next/static/chunks/pages/components/divider/how-to-use-a66051ffc711cf6c.js similarity index 98% rename from review/main/_next/static/chunks/pages/components/divider/how-to-use-48f66ea2d2150356.js rename to review/main/_next/static/chunks/pages/components/divider/how-to-use-a66051ffc711cf6c.js index c62d9c482c5..f74a49a402c 100644 --- a/review/main/_next/static/chunks/pages/components/divider/how-to-use-48f66ea2d2150356.js +++ b/review/main/_next/static/chunks/pages/components/divider/how-to-use-a66051ffc711cf6c.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[58659],{13935:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/divider/how-to-use",function(){return t(46137)}])},40819:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var r=t(52322),a=t(45392);function i(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"angular",children:"Angular"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"load-component",children:"Load component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-ts",children:"// app.component.ts\nimport { DBDivider } from '@db-ui/ngx-components';\n\n@Component({\n // ...\n standalone: true,\n imports: [..., DBDivider],\n // ...\n})\n"})}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:"\n\n"})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},82788:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var r=t(52322),a=t(45392);function i(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"html",children:"HTML"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:'\n...\n\n
    \n\n'})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},70803:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var r=t(52322),a=t(45392);function i(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"react",children:"React"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-tsx",children:'// App.tsx\nimport { DBDivider } from "@db-ui/react-components";\n\nconst App = () => ;\n\nexport default App;\n'})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},70593:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var r=t(52322),a=t(45392);function i(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"vue",children:"Vue"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-vue",children:'\n\n\n\n'})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},46137:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return p}});var r=t(52322),a=t(45392),i=t(11803),s=t(82788),o=t(40819),c=t(70803),l=t(70593);let d=n=>{let{children:e}=n;return(0,r.jsx)(i.Z,{children:e})};function u(n){let e={h1:"h1",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h1,{id:"how-to-use-dbdivider",children:"How to use DBDivider"}),"\n",(0,r.jsx)(s.default,{}),"\n",(0,r.jsx)(o.default,{}),"\n",(0,r.jsx)(c.default,{}),"\n",(0,r.jsx)(l.default,{})]})}function p(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(d,{...n,children:(0,r.jsx)(u,{...n})})}},16134:function(n,e,t){"use strict";var r=t(52322),a=t(2784),i=t(13776);let s=(0,a.forwardRef)(function(n,e){let t=e||(0,a.useRef)(e);return(0,r.jsx)("button",{ref:t,...(0,i.mS)(n,[]),id:n.id,className:(0,i.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:e=>{n.onClick&&n.onClick(e)},children:n.children})});e.Z=s},63900:function(n,e,t){"use strict";var r,a,i,s,o,c,l;t.d(e,{IY:function(){return d},YP:function(){return u},ce:function(){return p}});let d="OVERWRITE_DEFAULT_ID",u="Back",p="Close Button";(o=r||(r={})).FUNCTIONAL="functional",o.REGULAR="regular",o.EXPRESSIVE="expressive",Object.entries(r).map(n=>{let[,e]=n;return e}),(a||(a={})).PRIMARY="primary",(c=i||(i={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(n=>{let[,e]=n;return e}),Object.entries(a).map(n=>{let[,e]=n;return e}),(l=s||(s={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(s).map(n=>{let[,e]=n;return e})},13776:function(n,e,t){"use strict";t.d(e,{MN:function(){return l},Vj:function(){return r},cd:function(){return c},mS:function(){return o},yI:function(){return i},yn:function(){return a}});let r=()=>{var n,e;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},a=(n,e)=>{Object.values(n.children).forEach(n=>{n.setAttribute(e.key,e.value),n.children.length>0&&a(n,e)})},i=function(){for(var n=arguments.length,e=Array(n),t=0;t{if(n){if("string"==typeof n)r+="".concat(n," ");else for(let e in n)n[e]&&(r+="".concat(e," "))}}),r.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],o=(n,e)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||s.includes(n))&&!e.includes(n)).reduce((e,t)=>(e[t]=n[t],e),{}),c=n=>{let{left:e,right:t}=n.getBoundingClientRect(),{innerWidth:r}=window;return e>=0&&t<=r},l=n=>{let{top:e,bottom:t}=n.getBoundingClientRect(),{innerHeight:r}=window;return e>=0&&t<=r}}},function(n){n.O(0,[49710,11803,92888,49774,40179],function(){return n(n.s=13935)}),_N_E=n.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[58659],{13935:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/divider/how-to-use",function(){return t(46137)}])},40819:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var r=t(52322),a=t(45392);function i(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"angular",children:"Angular"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"load-component",children:"Load component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-ts",children:"// app.component.ts\nimport { DBDivider } from '@db-ui/ngx-components';\n\n@Component({\n // ...\n standalone: true,\n imports: [..., DBDivider],\n // ...\n})\n"})}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:"\n\n"})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},82788:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var r=t(52322),a=t(45392);function i(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"html",children:"HTML"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:'\n...\n\n
    \n\n'})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},70803:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var r=t(52322),a=t(45392);function i(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"react",children:"React"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-tsx",children:'// App.tsx\nimport { DBDivider } from "@db-ui/react-components";\n\nconst App = () => ;\n\nexport default App;\n'})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},70593:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var r=t(52322),a=t(45392);function i(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"vue",children:"Vue"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-vue",children:'\n\n\n\n'})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},46137:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return p}});var r=t(52322),a=t(45392),i=t(12156),s=t(82788),o=t(40819),c=t(70803),l=t(70593);let d=n=>{let{children:e}=n;return(0,r.jsx)(i.Z,{children:e})};function u(n){let e={h1:"h1",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h1,{id:"how-to-use-dbdivider",children:"How to use DBDivider"}),"\n",(0,r.jsx)(s.default,{}),"\n",(0,r.jsx)(o.default,{}),"\n",(0,r.jsx)(c.default,{}),"\n",(0,r.jsx)(l.default,{})]})}function p(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(d,{...n,children:(0,r.jsx)(u,{...n})})}},16134:function(n,e,t){"use strict";var r=t(52322),a=t(2784),i=t(13776);let s=(0,a.forwardRef)(function(n,e){let t=e||(0,a.useRef)(e);return(0,r.jsx)("button",{ref:t,...(0,i.mS)(n,[]),id:n.id,className:(0,i.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:e=>{n.onClick&&n.onClick(e)},children:n.children})});e.Z=s},63900:function(n,e,t){"use strict";var r,a,i,s,o,c,l;t.d(e,{IY:function(){return d},YP:function(){return u},ce:function(){return p}});let d="OVERWRITE_DEFAULT_ID",u="Back",p="Close Button";(o=r||(r={})).FUNCTIONAL="functional",o.REGULAR="regular",o.EXPRESSIVE="expressive",Object.entries(r).map(n=>{let[,e]=n;return e}),(a||(a={})).PRIMARY="primary",(c=i||(i={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(n=>{let[,e]=n;return e}),Object.entries(a).map(n=>{let[,e]=n;return e}),(l=s||(s={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(s).map(n=>{let[,e]=n;return e})},13776:function(n,e,t){"use strict";t.d(e,{MN:function(){return l},Vj:function(){return r},cd:function(){return c},mS:function(){return o},yI:function(){return i},yn:function(){return a}});let r=()=>{var n,e;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},a=(n,e)=>{Object.values(n.children).forEach(n=>{n.setAttribute(e.key,e.value),n.children.length>0&&a(n,e)})},i=function(){for(var n=arguments.length,e=Array(n),t=0;t{if(n){if("string"==typeof n)r+="".concat(n," ");else for(let e in n)n[e]&&(r+="".concat(e," "))}}),r.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],o=(n,e)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||s.includes(n))&&!e.includes(n)).reduce((e,t)=>(e[t]=n[t],e),{}),c=n=>{let{left:e,right:t}=n.getBoundingClientRect(),{innerWidth:r}=window;return e>=0&&t<=r},l=n=>{let{top:e,bottom:t}=n.getBoundingClientRect(),{innerHeight:r}=window;return e>=0&&t<=r}}},function(n){n.O(0,[49710,12156,92888,49774,40179],function(){return n(n.s=13935)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/divider/migration-bd7190558b5a9294.js b/review/main/_next/static/chunks/pages/components/divider/migration-19a466a021b6ef01.js similarity index 97% rename from review/main/_next/static/chunks/pages/components/divider/migration-bd7190558b5a9294.js rename to review/main/_next/static/chunks/pages/components/divider/migration-19a466a021b6ef01.js index 516e9ea23b5..1057dc76b0d 100644 --- a/review/main/_next/static/chunks/pages/components/divider/migration-bd7190558b5a9294.js +++ b/review/main/_next/static/chunks/pages/components/divider/migration-19a466a021b6ef01.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[13287],{61475:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/divider/migration",function(){return e(91610)}])},54315:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return s}});var r=e(52322),a=e(45392);function i(n){let t={a:"a",blockquote:"blockquote",h2:"h2",p:"p",strong:"strong",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h2,{id:"general",children:"General"}),"\n",(0,r.jsxs)(t.blockquote,{children:["\n",(0,r.jsxs)(t.p,{children:[(0,r.jsx)(t.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,r.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,r.jsx)(t.h2,{id:"db-ui-core--db-ui-components",children:"DB UI Core ➡ DB UI Components"}),"\n",(0,r.jsx)(t.p,{children:"New Component \uD83E\uDD73"})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,a.a)(),...n.components};return t?(0,r.jsx)(t,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},91610:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return c}});var r=e(52322),a=e(45392),i=e(11803),s=e(54315);let o=n=>{let{children:t}=n;return(0,r.jsx)(i.Z,{children:t})};function l(n){let t={h1:"h1",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbdivider-migration",children:"DBDivider Migration"}),"\n",(0,r.jsx)(s.default,{})]})}function c(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(o,{...n,children:(0,r.jsx)(l,{...n})})}},16134:function(n,t,e){"use strict";var r=e(52322),a=e(2784),i=e(13776);let s=(0,a.forwardRef)(function(n,t){let e=t||(0,a.useRef)(t);return(0,r.jsx)("button",{ref:e,...(0,i.mS)(n,[]),id:n.id,className:(0,i.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:t=>{n.onClick&&n.onClick(t)},children:n.children})});t.Z=s},63900:function(n,t,e){"use strict";var r,a,i,s,o,l,c;e.d(t,{IY:function(){return u},YP:function(){return d},ce:function(){return p}});let u="OVERWRITE_DEFAULT_ID",d="Back",p="Close Button";(o=r||(r={})).FUNCTIONAL="functional",o.REGULAR="regular",o.EXPRESSIVE="expressive",Object.entries(r).map(n=>{let[,t]=n;return t}),(a||(a={})).PRIMARY="primary",(l=i||(i={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(n=>{let[,t]=n;return t}),Object.entries(a).map(n=>{let[,t]=n;return t}),(c=s||(s={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(s).map(n=>{let[,t]=n;return t})},13776:function(n,t,e){"use strict";e.d(t,{MN:function(){return c},Vj:function(){return r},cd:function(){return l},mS:function(){return o},yI:function(){return i},yn:function(){return a}});let r=()=>{var n,t;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},a=(n,t)=>{Object.values(n.children).forEach(n=>{n.setAttribute(t.key,t.value),n.children.length>0&&a(n,t)})},i=function(){for(var n=arguments.length,t=Array(n),e=0;e{if(n){if("string"==typeof n)r+="".concat(n," ");else for(let t in n)n[t]&&(r+="".concat(t," "))}}),r.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],o=(n,t)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||s.includes(n))&&!t.includes(n)).reduce((t,e)=>(t[e]=n[e],t),{}),l=n=>{let{left:t,right:e}=n.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&e<=r},c=n=>{let{top:t,bottom:e}=n.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&e<=r}}},function(n){n.O(0,[49710,11803,92888,49774,40179],function(){return n(n.s=61475)}),_N_E=n.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[13287],{61475:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/divider/migration",function(){return e(91610)}])},54315:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return s}});var r=e(52322),a=e(45392);function i(n){let t={a:"a",blockquote:"blockquote",h2:"h2",p:"p",strong:"strong",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h2,{id:"general",children:"General"}),"\n",(0,r.jsxs)(t.blockquote,{children:["\n",(0,r.jsxs)(t.p,{children:[(0,r.jsx)(t.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,r.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,r.jsx)(t.h2,{id:"db-ui-core--db-ui-components",children:"DB UI Core ➡ DB UI Components"}),"\n",(0,r.jsx)(t.p,{children:"New Component \uD83E\uDD73"})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,a.a)(),...n.components};return t?(0,r.jsx)(t,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},91610:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return c}});var r=e(52322),a=e(45392),i=e(12156),s=e(54315);let o=n=>{let{children:t}=n;return(0,r.jsx)(i.Z,{children:t})};function l(n){let t={h1:"h1",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbdivider-migration",children:"DBDivider Migration"}),"\n",(0,r.jsx)(s.default,{})]})}function c(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(o,{...n,children:(0,r.jsx)(l,{...n})})}},16134:function(n,t,e){"use strict";var r=e(52322),a=e(2784),i=e(13776);let s=(0,a.forwardRef)(function(n,t){let e=t||(0,a.useRef)(t);return(0,r.jsx)("button",{ref:e,...(0,i.mS)(n,[]),id:n.id,className:(0,i.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:t=>{n.onClick&&n.onClick(t)},children:n.children})});t.Z=s},63900:function(n,t,e){"use strict";var r,a,i,s,o,l,c;e.d(t,{IY:function(){return u},YP:function(){return d},ce:function(){return p}});let u="OVERWRITE_DEFAULT_ID",d="Back",p="Close Button";(o=r||(r={})).FUNCTIONAL="functional",o.REGULAR="regular",o.EXPRESSIVE="expressive",Object.entries(r).map(n=>{let[,t]=n;return t}),(a||(a={})).PRIMARY="primary",(l=i||(i={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(n=>{let[,t]=n;return t}),Object.entries(a).map(n=>{let[,t]=n;return t}),(c=s||(s={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(s).map(n=>{let[,t]=n;return t})},13776:function(n,t,e){"use strict";e.d(t,{MN:function(){return c},Vj:function(){return r},cd:function(){return l},mS:function(){return o},yI:function(){return i},yn:function(){return a}});let r=()=>{var n,t;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},a=(n,t)=>{Object.values(n.children).forEach(n=>{n.setAttribute(t.key,t.value),n.children.length>0&&a(n,t)})},i=function(){for(var n=arguments.length,t=Array(n),e=0;e{if(n){if("string"==typeof n)r+="".concat(n," ");else for(let t in n)n[t]&&(r+="".concat(t," "))}}),r.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],o=(n,t)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||s.includes(n))&&!t.includes(n)).reduce((t,e)=>(t[e]=n[e],t),{}),l=n=>{let{left:t,right:e}=n.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&e<=r},c=n=>{let{top:t,bottom:e}=n.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&e<=r}}},function(n){n.O(0,[49710,12156,92888,49774,40179],function(){return n(n.s=61475)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/divider/overview-d68d61cd1b285c2a.js b/review/main/_next/static/chunks/pages/components/divider/overview-92895bd67b366c54.js similarity index 75% rename from review/main/_next/static/chunks/pages/components/divider/overview-d68d61cd1b285c2a.js rename to review/main/_next/static/chunks/pages/components/divider/overview-92895bd67b366c54.js index 78e6965ca54..ffb54c9c0ca 100644 --- a/review/main/_next/static/chunks/pages/components/divider/overview-d68d61cd1b285c2a.js +++ b/review/main/_next/static/chunks/pages/components/divider/overview-92895bd67b366c54.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[55785],{43043:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/divider/overview",function(){return t(3884)}])},3884:function(n,e,t){"use strict";t.r(e);var i=t(52322),s=t(29137),r=t(71693),a=t(90038),u=t(86095),l=t(99341),o=t(55491),f=t(37395);let _=n=>{let{variant:e,emphasis:t,children:s}=n;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(u.EZ,{size:"small",variant:"informational",children:s}),(0,i.jsx)(u.oH,{variant:e,emphasis:t})]})};e.default=()=>(0,i.jsx)(l.Z,{title:"DBDivider",variants:(0,f.P)(o,_,[(0,i.jsx)(s.default,{}),(0,i.jsx)(r.default,{}),(0,i.jsx)(a.default,{})])})}},function(n){n.O(0,[49710,14863,11803,80269,92888,49774,40179],function(){return n(n.s=43043)}),_N_E=n.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[55785],{43043:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/divider/overview",function(){return t(3884)}])},3884:function(n,e,t){"use strict";t.r(e);var i=t(52322),s=t(29137),r=t(71693),a=t(90038),u=t(53752),l=t(99341),o=t(55491),f=t(37395);let _=n=>{let{variant:e,emphasis:t,children:s}=n;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(u.EZ,{size:"small",variant:"informational",children:s}),(0,i.jsx)(u.oH,{variant:e,emphasis:t})]})};e.default=()=>(0,i.jsx)(l.Z,{title:"DBDivider",variants:(0,f.P)(o,_,[(0,i.jsx)(s.default,{}),(0,i.jsx)(r.default,{}),(0,i.jsx)(a.default,{})])})}},function(n){n.O(0,[49710,14863,12156,80269,92888,49774,40179],function(){return n(n.s=43043)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/divider/properties-0e60eb442694d671.js b/review/main/_next/static/chunks/pages/components/divider/properties-6df9f4ce96fb6990.js similarity index 98% rename from review/main/_next/static/chunks/pages/components/divider/properties-0e60eb442694d671.js rename to review/main/_next/static/chunks/pages/components/divider/properties-6df9f4ce96fb6990.js index 0ee4125d571..c2232e4e178 100644 --- a/review/main/_next/static/chunks/pages/components/divider/properties-0e60eb442694d671.js +++ b/review/main/_next/static/chunks/pages/components/divider/properties-6df9f4ce96fb6990.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[70788],{967:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/divider/properties",function(){return n(24059)}])},24059:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return c}});var r=n(52322),i=n(45392),s=n(11803);let a=e=>{let{children:t}=e;return(0,r.jsx)(s.Z,{children:t})};function d(e){let t={a:"a",code:"code",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbdivider",children:"DBDivider"}),"\n",(0,r.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Name"}),(0,r.jsx)(t.th,{children:"Description"}),(0,r.jsx)(t.th,{children:"Type"}),(0,r.jsx)(t.th,{children:"Options"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"margin"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'none' | '_'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"variant"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'horizontal' | 'vertical'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"children"}),(0,r.jsx)(t.td,{children:"default slot"}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"className"}),(0,r.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"describedbyid"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,r.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"id"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"key"}),(0,r.jsx)(t.td,{children:"React specific for render process."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"emphasis"}),(0,r.jsx)(t.td,{children:"The emphasis attribute divides in between a weak or strong importance."}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'weak' | 'strong'"})})})]})]})]})]})}function c(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(a,{...e,children:(0,r.jsx)(d,{...e})})}},16134:function(e,t,n){"use strict";var r=n(52322),i=n(2784),s=n(13776);let a=(0,i.forwardRef)(function(e,t){let n=t||(0,i.useRef)(t);return(0,r.jsx)("button",{ref:n,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=a},63900:function(e,t,n){"use strict";var r,i,s,a,d,c,l;n.d(t,{IY:function(){return o},YP:function(){return u},ce:function(){return h}});let o="OVERWRITE_DEFAULT_ID",u="Back",h="Close Button";(d=r||(r={})).FUNCTIONAL="functional",d.REGULAR="regular",d.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,t]=e;return t}),(i||(i={})).PRIMARY="primary",(c=s||(s={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(e=>{let[,t]=e;return t}),Object.entries(i).map(e=>{let[,t]=e;return t}),(l=a||(a={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(a).map(e=>{let[,t]=e;return t})},13776:function(e,t,n){"use strict";n.d(t,{MN:function(){return l},Vj:function(){return r},cd:function(){return c},mS:function(){return d},yI:function(){return s},yn:function(){return i}});let r=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&i(e,t)})},s=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let t in e)e[t]&&(r+="".concat(t," "))}}),r.trim()},a=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],d=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||a.includes(e))&&!t.includes(e)).reduce((t,n)=>(t[n]=e[n],t),{}),c=e=>{let{left:t,right:n}=e.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&n<=r},l=e=>{let{top:t,bottom:n}=e.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&n<=r}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=967)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[70788],{967:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/divider/properties",function(){return n(24059)}])},24059:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return c}});var r=n(52322),i=n(45392),s=n(12156);let a=e=>{let{children:t}=e;return(0,r.jsx)(s.Z,{children:t})};function d(e){let t={a:"a",code:"code",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbdivider",children:"DBDivider"}),"\n",(0,r.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Name"}),(0,r.jsx)(t.th,{children:"Description"}),(0,r.jsx)(t.th,{children:"Type"}),(0,r.jsx)(t.th,{children:"Options"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"margin"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'none' | '_'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"variant"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'horizontal' | 'vertical'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"children"}),(0,r.jsx)(t.td,{children:"default slot"}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"className"}),(0,r.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"describedbyid"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,r.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"id"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"key"}),(0,r.jsx)(t.td,{children:"React specific for render process."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"emphasis"}),(0,r.jsx)(t.td,{children:"The emphasis attribute divides in between a weak or strong importance."}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'weak' | 'strong'"})})})]})]})]})]})}function c(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(a,{...e,children:(0,r.jsx)(d,{...e})})}},16134:function(e,t,n){"use strict";var r=n(52322),i=n(2784),s=n(13776);let a=(0,i.forwardRef)(function(e,t){let n=t||(0,i.useRef)(t);return(0,r.jsx)("button",{ref:n,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=a},63900:function(e,t,n){"use strict";var r,i,s,a,d,c,l;n.d(t,{IY:function(){return o},YP:function(){return u},ce:function(){return h}});let o="OVERWRITE_DEFAULT_ID",u="Back",h="Close Button";(d=r||(r={})).FUNCTIONAL="functional",d.REGULAR="regular",d.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,t]=e;return t}),(i||(i={})).PRIMARY="primary",(c=s||(s={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(e=>{let[,t]=e;return t}),Object.entries(i).map(e=>{let[,t]=e;return t}),(l=a||(a={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(a).map(e=>{let[,t]=e;return t})},13776:function(e,t,n){"use strict";n.d(t,{MN:function(){return l},Vj:function(){return r},cd:function(){return c},mS:function(){return d},yI:function(){return s},yn:function(){return i}});let r=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&i(e,t)})},s=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let t in e)e[t]&&(r+="".concat(t," "))}}),r.trim()},a=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],d=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||a.includes(e))&&!t.includes(e)).reduce((t,n)=>(t[n]=e[n],t),{}),c=e=>{let{left:t,right:n}=e.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&n<=r},l=e=>{let{top:t,bottom:n}=e.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&n<=r}}},function(e){e.O(0,[49710,12156,92888,49774,40179],function(){return e(e.s=967)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/drawer-36a51cef36de4700.js b/review/main/_next/static/chunks/pages/components/drawer-eb0cab3381ac0319.js similarity index 83% rename from review/main/_next/static/chunks/pages/components/drawer-36a51cef36de4700.js rename to review/main/_next/static/chunks/pages/components/drawer-eb0cab3381ac0319.js index 0748e24359f..d650138eaa2 100644 --- a/review/main/_next/static/chunks/pages/components/drawer-36a51cef36de4700.js +++ b/review/main/_next/static/chunks/pages/components/drawer-eb0cab3381ac0319.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[30317],{25768:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/drawer",function(){return t(88173)}])},88173:function(e,n,t){"use strict";t.r(n);var s=t(52322),u=t(9413),i=t(49932),r=t(66803),d=t(17563),o=t(44882),l=t(87417),a=t(2784),c=t(86095),f=t(95067),_=t(99341),j=t(37395);let w=e=>{let{id:n,width:t,rounded:u,withCloseButton:i,spacing:r,openDrawer:d,setOpenDrawer:o,direction:l,children:a,backdrop:f}=e;return(0,s.jsxs)("div",{children:[(0,s.jsx)(c.TG,{withCloseButton:i,rounded:u,width:t,spacing:r,backdrop:f,direction:l,open:d===n,onClose:()=>{o(void 0)},children:a}),(0,s.jsxs)(c.Y1,{onClick:()=>{o(n)},children:["Open: ",a]})]})};n.default=()=>{let[e,n]=(0,a.useState)(void 0);return(0,s.jsx)(_.Z,{title:"DBDrawer",variants:(0,j.P)(f,t=>w({...t,openDrawer:e,setOpenDrawer:n}),[(0,s.jsx)(u.default,{}),(0,s.jsx)(i.default,{}),(0,s.jsx)(r.default,{}),(0,s.jsx)(d.default,{}),(0,s.jsx)(o.default,{}),(0,s.jsx)(l.default,{})])})}}},function(e){e.O(0,[49710,14863,11803,17563,87417,44882,9413,96734,92888,49774,40179],function(){return e(e.s=25768)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[30317],{25768:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/drawer",function(){return t(88173)}])},88173:function(e,n,t){"use strict";t.r(n);var s=t(52322),u=t(9413),i=t(49932),r=t(66803),d=t(17563),o=t(44882),l=t(87417),a=t(2784),c=t(53752),f=t(95067),_=t(99341),j=t(37395);let w=e=>{let{id:n,width:t,rounded:u,withCloseButton:i,spacing:r,openDrawer:d,setOpenDrawer:o,direction:l,children:a,backdrop:f}=e;return(0,s.jsxs)("div",{children:[(0,s.jsx)(c.TG,{withCloseButton:i,rounded:u,width:t,spacing:r,backdrop:f,direction:l,open:d===n,onClose:()=>{o(void 0)},children:a}),(0,s.jsxs)(c.Y1,{onClick:()=>{o(n)},children:["Open: ",a]})]})};n.default=()=>{let[e,n]=(0,a.useState)(void 0);return(0,s.jsx)(_.Z,{title:"DBDrawer",variants:(0,j.P)(f,t=>w({...t,openDrawer:e,setOpenDrawer:n}),[(0,s.jsx)(u.default,{}),(0,s.jsx)(i.default,{}),(0,s.jsx)(r.default,{}),(0,s.jsx)(d.default,{}),(0,s.jsx)(o.default,{}),(0,s.jsx)(l.default,{})])})}}},function(e){e.O(0,[49710,14863,12156,17563,87417,44882,9413,96734,92888,49774,40179],function(){return e(e.s=25768)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/drawer/how-to-use-c9976bdf05f05682.js b/review/main/_next/static/chunks/pages/components/drawer/how-to-use-6d6aac05e40c044b.js similarity index 98% rename from review/main/_next/static/chunks/pages/components/drawer/how-to-use-c9976bdf05f05682.js rename to review/main/_next/static/chunks/pages/components/drawer/how-to-use-6d6aac05e40c044b.js index 503e5b1ddf9..9b210279938 100644 --- a/review/main/_next/static/chunks/pages/components/drawer/how-to-use-c9976bdf05f05682.js +++ b/review/main/_next/static/chunks/pages/components/drawer/how-to-use-6d6aac05e40c044b.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[43920],{34764:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/drawer/how-to-use",function(){return t(84294)}])},699:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return s}});var r=t(52322),a=t(45392);function o(e){let n={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.h2,{id:"angular",children:"Angular"}),"\n",(0,r.jsxs)(n.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(n.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,r.jsx)(n.h3,{id:"general",children:"General"}),"\n",(0,r.jsxs)(n.p,{children:["If you use ",(0,r.jsx)(n.code,{children:"width !== full"})," you are able to overwrite the ",(0,r.jsx)(n.code,{children:"max-width"})," with ",(0,r.jsx)(n.code,{children:"--db-drawer-max-width:"})," CSS variable."]}),"\n",(0,r.jsx)(n.h3,{id:"load-component",children:"Load component"}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-ts",children:"// app.component.ts\nimport { DBDrawer } from '@db-ui/ngx-components';\n\n@Component({\n // ...\n standalone: true,\n imports: [..., DBDrawer],\n // ...\n})\n"})}),"\n",(0,r.jsx)(n.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-html",children:'\n\n\n My Drawer content\n\n Open me \n'})}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-ts",children:"// app.component.ts\nexport class AppComponent {\n openDrawer: boolean = false;\n toggleDrawer = (open: boolean) => {\n this.openDrawer = open;\n };\n}\n"})})]})}function s(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:n}={...(0,a.a)(),...e.components};return n?(0,r.jsx)(n,{...e,children:(0,r.jsx)(o,{...e})}):o(e)}},2461:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return s}});var r=t(52322),a=t(45392);function o(e){let n={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.h2,{id:"html",children:"HTML"}),"\n",(0,r.jsxs)(n.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(n.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,r.jsx)(n.h3,{id:"general",children:"General"}),"\n",(0,r.jsxs)(n.p,{children:["If you use ",(0,r.jsx)(n.code,{children:"width !== full"})," you are able to overwrite the ",(0,r.jsx)(n.code,{children:"max-width"})," with ",(0,r.jsx)(n.code,{children:"--db-drawer-max-width:"})," CSS variable."]}),"\n",(0,r.jsx)(n.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-html",children:'\n...\n\n \n
    \n
    \n \n Close Button\n \n
    \n
    My Drawer content
    \n
    \n     \n\n'})})]})}function s(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:n}={...(0,a.a)(),...e.components};return n?(0,r.jsx)(n,{...e,children:(0,r.jsx)(o,{...e})}):o(e)}},57838:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return s}});var r=t(52322),a=t(45392);function o(e){let n={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.h2,{id:"react",children:"React"}),"\n",(0,r.jsxs)(n.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(n.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,r.jsx)(n.h3,{id:"general",children:"General"}),"\n",(0,r.jsxs)(n.p,{children:["If you use ",(0,r.jsx)(n.code,{children:"width !== full"})," you are able to overwrite the ",(0,r.jsx)(n.code,{children:"max-width"})," with ",(0,r.jsx)(n.code,{children:"--db-drawer-max-width:"})," CSS variable."]}),"\n",(0,r.jsx)(n.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-tsx",children:'// App.tsx\nimport { useState } from "react";\nimport { DBButton, DBDrawer } from "@db-ui/react-components";\n\nconst App = () => {\n const [open, setOpen] = useState(false);\n return (\n
    \n {\n setOpen(false);\n }}\n >\n My Drawer content\n \n {\n setOpen(true);\n }}\n >\n Open Me\n \n
    \n );\n};\n\nexport default App;\n'})})]})}function s(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:n}={...(0,a.a)(),...e.components};return n?(0,r.jsx)(n,{...e,children:(0,r.jsx)(o,{...e})}):o(e)}},19204:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return s}});var r=t(52322),a=t(45392);function o(e){let n={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.h2,{id:"vue",children:"Vue"}),"\n",(0,r.jsxs)(n.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(n.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,r.jsx)(n.h3,{id:"general",children:"General"}),"\n",(0,r.jsxs)(n.p,{children:["If you use ",(0,r.jsx)(n.code,{children:"width !== full"})," you are able to overwrite the ",(0,r.jsx)(n.code,{children:"max-width"})," with ",(0,r.jsx)(n.code,{children:"--db-drawer-max-width:"})," CSS variable."]}),"\n",(0,r.jsx)(n.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-vue",children:'\n\n\n\n'})})]})}function s(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:n}={...(0,a.a)(),...e.components};return n?(0,r.jsx)(n,{...e,children:(0,r.jsx)(o,{...e})}):o(e)}},84294:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return p}});var r=t(52322),a=t(45392),o=t(11803),s=t(2461),i=t(699),c=t(57838),l=t(19204);let d=e=>{let{children:n}=e;return(0,r.jsx)(o.Z,{children:n})};function u(e){let n={h1:"h1",...(0,a.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.h1,{id:"how-to-use-dbdrawer",children:"How to use DBDrawer"}),"\n",(0,r.jsx)(s.default,{}),"\n",(0,r.jsx)(i.default,{}),"\n",(0,r.jsx)(c.default,{}),"\n",(0,r.jsx)(l.default,{})]})}function p(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(d,{...e,children:(0,r.jsx)(u,{...e})})}},16134:function(e,n,t){"use strict";var r=t(52322),a=t(2784),o=t(13776);let s=(0,a.forwardRef)(function(e,n){let t=n||(0,a.useRef)(n);return(0,r.jsx)("button",{ref:t,...(0,o.mS)(e,[]),id:e.id,className:(0,o.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:n=>{e.onClick&&e.onClick(n)},children:e.children})});n.Z=s},63900:function(e,n,t){"use strict";var r,a,o,s,i,c,l;t.d(n,{IY:function(){return d},YP:function(){return u},ce:function(){return p}});let d="OVERWRITE_DEFAULT_ID",u="Back",p="Close Button";(i=r||(r={})).FUNCTIONAL="functional",i.REGULAR="regular",i.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,n]=e;return n}),(a||(a={})).PRIMARY="primary",(c=o||(o={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(o).map(e=>{let[,n]=e;return n}),Object.entries(a).map(e=>{let[,n]=e;return n}),(l=s||(s={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(s).map(e=>{let[,n]=e;return n})},13776:function(e,n,t){"use strict";t.d(n,{MN:function(){return l},Vj:function(){return r},cd:function(){return c},mS:function(){return i},yI:function(){return o},yn:function(){return a}});let r=()=>{var e,n;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(n=window.crypto)||void 0===n?void 0:n.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},a=(e,n)=>{Object.values(e.children).forEach(e=>{e.setAttribute(n.key,n.value),e.children.length>0&&a(e,n)})},o=function(){for(var e=arguments.length,n=Array(e),t=0;t{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let n in e)e[n]&&(r+="".concat(n," "))}}),r.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],i=(e,n)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||s.includes(e))&&!n.includes(e)).reduce((n,t)=>(n[t]=e[t],n),{}),c=e=>{let{left:n,right:t}=e.getBoundingClientRect(),{innerWidth:r}=window;return n>=0&&t<=r},l=e=>{let{top:n,bottom:t}=e.getBoundingClientRect(),{innerHeight:r}=window;return n>=0&&t<=r}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=34764)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[43920],{34764:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/drawer/how-to-use",function(){return t(84294)}])},699:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return s}});var r=t(52322),a=t(45392);function o(e){let n={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.h2,{id:"angular",children:"Angular"}),"\n",(0,r.jsxs)(n.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(n.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,r.jsx)(n.h3,{id:"general",children:"General"}),"\n",(0,r.jsxs)(n.p,{children:["If you use ",(0,r.jsx)(n.code,{children:"width !== full"})," you are able to overwrite the ",(0,r.jsx)(n.code,{children:"max-width"})," with ",(0,r.jsx)(n.code,{children:"--db-drawer-max-width:"})," CSS variable."]}),"\n",(0,r.jsx)(n.h3,{id:"load-component",children:"Load component"}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-ts",children:"// app.component.ts\nimport { DBDrawer } from '@db-ui/ngx-components';\n\n@Component({\n // ...\n standalone: true,\n imports: [..., DBDrawer],\n // ...\n})\n"})}),"\n",(0,r.jsx)(n.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-html",children:'\n\n\n My Drawer content\n\n Open me \n'})}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-ts",children:"// app.component.ts\nexport class AppComponent {\n openDrawer: boolean = false;\n toggleDrawer = (open: boolean) => {\n this.openDrawer = open;\n };\n}\n"})})]})}function s(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:n}={...(0,a.a)(),...e.components};return n?(0,r.jsx)(n,{...e,children:(0,r.jsx)(o,{...e})}):o(e)}},2461:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return s}});var r=t(52322),a=t(45392);function o(e){let n={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.h2,{id:"html",children:"HTML"}),"\n",(0,r.jsxs)(n.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(n.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,r.jsx)(n.h3,{id:"general",children:"General"}),"\n",(0,r.jsxs)(n.p,{children:["If you use ",(0,r.jsx)(n.code,{children:"width !== full"})," you are able to overwrite the ",(0,r.jsx)(n.code,{children:"max-width"})," with ",(0,r.jsx)(n.code,{children:"--db-drawer-max-width:"})," CSS variable."]}),"\n",(0,r.jsx)(n.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-html",children:'\n...\n\n \n
    \n
    \n \n Close Button\n \n
    \n
    My Drawer content
    \n
    \n     \n\n'})})]})}function s(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:n}={...(0,a.a)(),...e.components};return n?(0,r.jsx)(n,{...e,children:(0,r.jsx)(o,{...e})}):o(e)}},57838:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return s}});var r=t(52322),a=t(45392);function o(e){let n={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.h2,{id:"react",children:"React"}),"\n",(0,r.jsxs)(n.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(n.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,r.jsx)(n.h3,{id:"general",children:"General"}),"\n",(0,r.jsxs)(n.p,{children:["If you use ",(0,r.jsx)(n.code,{children:"width !== full"})," you are able to overwrite the ",(0,r.jsx)(n.code,{children:"max-width"})," with ",(0,r.jsx)(n.code,{children:"--db-drawer-max-width:"})," CSS variable."]}),"\n",(0,r.jsx)(n.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-tsx",children:'// App.tsx\nimport { useState } from "react";\nimport { DBButton, DBDrawer } from "@db-ui/react-components";\n\nconst App = () => {\n const [open, setOpen] = useState(false);\n return (\n
    \n {\n setOpen(false);\n }}\n >\n My Drawer content\n \n {\n setOpen(true);\n }}\n >\n Open Me\n \n
    \n );\n};\n\nexport default App;\n'})})]})}function s(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:n}={...(0,a.a)(),...e.components};return n?(0,r.jsx)(n,{...e,children:(0,r.jsx)(o,{...e})}):o(e)}},19204:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return s}});var r=t(52322),a=t(45392);function o(e){let n={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.h2,{id:"vue",children:"Vue"}),"\n",(0,r.jsxs)(n.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(n.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,r.jsx)(n.h3,{id:"general",children:"General"}),"\n",(0,r.jsxs)(n.p,{children:["If you use ",(0,r.jsx)(n.code,{children:"width !== full"})," you are able to overwrite the ",(0,r.jsx)(n.code,{children:"max-width"})," with ",(0,r.jsx)(n.code,{children:"--db-drawer-max-width:"})," CSS variable."]}),"\n",(0,r.jsx)(n.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-vue",children:'\n\n\n\n'})})]})}function s(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:n}={...(0,a.a)(),...e.components};return n?(0,r.jsx)(n,{...e,children:(0,r.jsx)(o,{...e})}):o(e)}},84294:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return p}});var r=t(52322),a=t(45392),o=t(12156),s=t(2461),i=t(699),c=t(57838),l=t(19204);let d=e=>{let{children:n}=e;return(0,r.jsx)(o.Z,{children:n})};function u(e){let n={h1:"h1",...(0,a.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.h1,{id:"how-to-use-dbdrawer",children:"How to use DBDrawer"}),"\n",(0,r.jsx)(s.default,{}),"\n",(0,r.jsx)(i.default,{}),"\n",(0,r.jsx)(c.default,{}),"\n",(0,r.jsx)(l.default,{})]})}function p(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(d,{...e,children:(0,r.jsx)(u,{...e})})}},16134:function(e,n,t){"use strict";var r=t(52322),a=t(2784),o=t(13776);let s=(0,a.forwardRef)(function(e,n){let t=n||(0,a.useRef)(n);return(0,r.jsx)("button",{ref:t,...(0,o.mS)(e,[]),id:e.id,className:(0,o.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:n=>{e.onClick&&e.onClick(n)},children:e.children})});n.Z=s},63900:function(e,n,t){"use strict";var r,a,o,s,i,c,l;t.d(n,{IY:function(){return d},YP:function(){return u},ce:function(){return p}});let d="OVERWRITE_DEFAULT_ID",u="Back",p="Close Button";(i=r||(r={})).FUNCTIONAL="functional",i.REGULAR="regular",i.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,n]=e;return n}),(a||(a={})).PRIMARY="primary",(c=o||(o={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(o).map(e=>{let[,n]=e;return n}),Object.entries(a).map(e=>{let[,n]=e;return n}),(l=s||(s={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(s).map(e=>{let[,n]=e;return n})},13776:function(e,n,t){"use strict";t.d(n,{MN:function(){return l},Vj:function(){return r},cd:function(){return c},mS:function(){return i},yI:function(){return o},yn:function(){return a}});let r=()=>{var e,n;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(n=window.crypto)||void 0===n?void 0:n.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},a=(e,n)=>{Object.values(e.children).forEach(e=>{e.setAttribute(n.key,n.value),e.children.length>0&&a(e,n)})},o=function(){for(var e=arguments.length,n=Array(e),t=0;t{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let n in e)e[n]&&(r+="".concat(n," "))}}),r.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],i=(e,n)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||s.includes(e))&&!n.includes(e)).reduce((n,t)=>(n[t]=e[t],n),{}),c=e=>{let{left:n,right:t}=e.getBoundingClientRect(),{innerWidth:r}=window;return n>=0&&t<=r},l=e=>{let{top:n,bottom:t}=e.getBoundingClientRect(),{innerHeight:r}=window;return n>=0&&t<=r}}},function(e){e.O(0,[49710,12156,92888,49774,40179],function(){return e(e.s=34764)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/drawer/migration-74d4025b4a7b1bff.js b/review/main/_next/static/chunks/pages/components/drawer/migration-83f4992ad996b943.js similarity index 97% rename from review/main/_next/static/chunks/pages/components/drawer/migration-74d4025b4a7b1bff.js rename to review/main/_next/static/chunks/pages/components/drawer/migration-83f4992ad996b943.js index 7a8d5f5dbc6..7104c007e53 100644 --- a/review/main/_next/static/chunks/pages/components/drawer/migration-74d4025b4a7b1bff.js +++ b/review/main/_next/static/chunks/pages/components/drawer/migration-83f4992ad996b943.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[21138],{44554:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/drawer/migration",function(){return e(79881)}])},30878:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return s}});var r=e(52322),a=e(45392);function i(n){let t={a:"a",blockquote:"blockquote",h2:"h2",p:"p",strong:"strong",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h2,{id:"general",children:"General"}),"\n",(0,r.jsxs)(t.blockquote,{children:["\n",(0,r.jsxs)(t.p,{children:[(0,r.jsx)(t.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,r.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,r.jsx)(t.h2,{id:"db-ui-core--db-ui-components",children:"DB UI Core ➡ DB UI Components"}),"\n",(0,r.jsx)(t.p,{children:"New Component \uD83E\uDD73"})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,a.a)(),...n.components};return t?(0,r.jsx)(t,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},79881:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return c}});var r=e(52322),a=e(45392),i=e(11803),s=e(30878);let o=n=>{let{children:t}=n;return(0,r.jsx)(i.Z,{children:t})};function l(n){let t={h1:"h1",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbdrawer-migration",children:"DBDrawer Migration"}),"\n",(0,r.jsx)(s.default,{})]})}function c(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(o,{...n,children:(0,r.jsx)(l,{...n})})}},16134:function(n,t,e){"use strict";var r=e(52322),a=e(2784),i=e(13776);let s=(0,a.forwardRef)(function(n,t){let e=t||(0,a.useRef)(t);return(0,r.jsx)("button",{ref:e,...(0,i.mS)(n,[]),id:n.id,className:(0,i.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:t=>{n.onClick&&n.onClick(t)},children:n.children})});t.Z=s},63900:function(n,t,e){"use strict";var r,a,i,s,o,l,c;e.d(t,{IY:function(){return u},YP:function(){return d},ce:function(){return p}});let u="OVERWRITE_DEFAULT_ID",d="Back",p="Close Button";(o=r||(r={})).FUNCTIONAL="functional",o.REGULAR="regular",o.EXPRESSIVE="expressive",Object.entries(r).map(n=>{let[,t]=n;return t}),(a||(a={})).PRIMARY="primary",(l=i||(i={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(n=>{let[,t]=n;return t}),Object.entries(a).map(n=>{let[,t]=n;return t}),(c=s||(s={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(s).map(n=>{let[,t]=n;return t})},13776:function(n,t,e){"use strict";e.d(t,{MN:function(){return c},Vj:function(){return r},cd:function(){return l},mS:function(){return o},yI:function(){return i},yn:function(){return a}});let r=()=>{var n,t;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},a=(n,t)=>{Object.values(n.children).forEach(n=>{n.setAttribute(t.key,t.value),n.children.length>0&&a(n,t)})},i=function(){for(var n=arguments.length,t=Array(n),e=0;e{if(n){if("string"==typeof n)r+="".concat(n," ");else for(let t in n)n[t]&&(r+="".concat(t," "))}}),r.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],o=(n,t)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||s.includes(n))&&!t.includes(n)).reduce((t,e)=>(t[e]=n[e],t),{}),l=n=>{let{left:t,right:e}=n.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&e<=r},c=n=>{let{top:t,bottom:e}=n.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&e<=r}}},function(n){n.O(0,[49710,11803,92888,49774,40179],function(){return n(n.s=44554)}),_N_E=n.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[21138],{44554:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/drawer/migration",function(){return e(79881)}])},30878:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return s}});var r=e(52322),a=e(45392);function i(n){let t={a:"a",blockquote:"blockquote",h2:"h2",p:"p",strong:"strong",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h2,{id:"general",children:"General"}),"\n",(0,r.jsxs)(t.blockquote,{children:["\n",(0,r.jsxs)(t.p,{children:[(0,r.jsx)(t.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,r.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,r.jsx)(t.h2,{id:"db-ui-core--db-ui-components",children:"DB UI Core ➡ DB UI Components"}),"\n",(0,r.jsx)(t.p,{children:"New Component \uD83E\uDD73"})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,a.a)(),...n.components};return t?(0,r.jsx)(t,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},79881:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return c}});var r=e(52322),a=e(45392),i=e(12156),s=e(30878);let o=n=>{let{children:t}=n;return(0,r.jsx)(i.Z,{children:t})};function l(n){let t={h1:"h1",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbdrawer-migration",children:"DBDrawer Migration"}),"\n",(0,r.jsx)(s.default,{})]})}function c(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(o,{...n,children:(0,r.jsx)(l,{...n})})}},16134:function(n,t,e){"use strict";var r=e(52322),a=e(2784),i=e(13776);let s=(0,a.forwardRef)(function(n,t){let e=t||(0,a.useRef)(t);return(0,r.jsx)("button",{ref:e,...(0,i.mS)(n,[]),id:n.id,className:(0,i.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:t=>{n.onClick&&n.onClick(t)},children:n.children})});t.Z=s},63900:function(n,t,e){"use strict";var r,a,i,s,o,l,c;e.d(t,{IY:function(){return u},YP:function(){return d},ce:function(){return p}});let u="OVERWRITE_DEFAULT_ID",d="Back",p="Close Button";(o=r||(r={})).FUNCTIONAL="functional",o.REGULAR="regular",o.EXPRESSIVE="expressive",Object.entries(r).map(n=>{let[,t]=n;return t}),(a||(a={})).PRIMARY="primary",(l=i||(i={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(n=>{let[,t]=n;return t}),Object.entries(a).map(n=>{let[,t]=n;return t}),(c=s||(s={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(s).map(n=>{let[,t]=n;return t})},13776:function(n,t,e){"use strict";e.d(t,{MN:function(){return c},Vj:function(){return r},cd:function(){return l},mS:function(){return o},yI:function(){return i},yn:function(){return a}});let r=()=>{var n,t;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},a=(n,t)=>{Object.values(n.children).forEach(n=>{n.setAttribute(t.key,t.value),n.children.length>0&&a(n,t)})},i=function(){for(var n=arguments.length,t=Array(n),e=0;e{if(n){if("string"==typeof n)r+="".concat(n," ");else for(let t in n)n[t]&&(r+="".concat(t," "))}}),r.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],o=(n,t)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||s.includes(n))&&!t.includes(n)).reduce((t,e)=>(t[e]=n[e],t),{}),l=n=>{let{left:t,right:e}=n.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&e<=r},c=n=>{let{top:t,bottom:e}=n.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&e<=r}}},function(n){n.O(0,[49710,12156,92888,49774,40179],function(){return n(n.s=44554)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/drawer/overview-7a2c85765bd76adc.js b/review/main/_next/static/chunks/pages/components/drawer/overview-854bfe3748abbfc3.js similarity index 88% rename from review/main/_next/static/chunks/pages/components/drawer/overview-7a2c85765bd76adc.js rename to review/main/_next/static/chunks/pages/components/drawer/overview-854bfe3748abbfc3.js index 2574de8b08d..642a60bd43b 100644 --- a/review/main/_next/static/chunks/pages/components/drawer/overview-7a2c85765bd76adc.js +++ b/review/main/_next/static/chunks/pages/components/drawer/overview-854bfe3748abbfc3.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[51405],{25753:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/drawer/overview",function(){return t(54758)}])},54758:function(e,n,t){"use strict";t.r(n);var s=t(52322),u=t(9413),i=t(49932),r=t(66803),d=t(17563),o=t(44882),l=t(87417),a=t(2784),c=t(86095),f=t(95067),_=t(99341),w=t(37395);let j=e=>{let{id:n,width:t,rounded:u,withCloseButton:i,spacing:r,openDrawer:d,setOpenDrawer:o,direction:l,children:a,backdrop:f}=e;return(0,s.jsxs)("div",{children:[(0,s.jsx)(c.TG,{withCloseButton:i,rounded:u,width:t,spacing:r,backdrop:f,direction:l,open:d===n,onClose:()=>{o(void 0)},children:a}),(0,s.jsxs)(c.Y1,{onClick:()=>{o(n)},children:["Open: ",a]})]})};n.default=()=>{let[e,n]=(0,a.useState)(void 0);return(0,s.jsx)(_.Z,{title:"DBDrawer",variants:(0,w.P)(f,t=>j({...t,openDrawer:e,setOpenDrawer:n}),[(0,s.jsx)(u.default,{}),(0,s.jsx)(i.default,{}),(0,s.jsx)(r.default,{}),(0,s.jsx)(d.default,{}),(0,s.jsx)(o.default,{}),(0,s.jsx)(l.default,{})])})}}},function(e){e.O(0,[49710,14863,11803,17563,87417,44882,9413,96734,92888,49774,40179],function(){return e(e.s=25753)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[51405],{25753:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/drawer/overview",function(){return t(54758)}])},54758:function(e,n,t){"use strict";t.r(n);var s=t(52322),u=t(9413),i=t(49932),r=t(66803),d=t(17563),o=t(44882),l=t(87417),a=t(2784),c=t(53752),f=t(95067),_=t(99341),w=t(37395);let j=e=>{let{id:n,width:t,rounded:u,withCloseButton:i,spacing:r,openDrawer:d,setOpenDrawer:o,direction:l,children:a,backdrop:f}=e;return(0,s.jsxs)("div",{children:[(0,s.jsx)(c.TG,{withCloseButton:i,rounded:u,width:t,spacing:r,backdrop:f,direction:l,open:d===n,onClose:()=>{o(void 0)},children:a}),(0,s.jsxs)(c.Y1,{onClick:()=>{o(n)},children:["Open: ",a]})]})};n.default=()=>{let[e,n]=(0,a.useState)(void 0);return(0,s.jsx)(_.Z,{title:"DBDrawer",variants:(0,w.P)(f,t=>j({...t,openDrawer:e,setOpenDrawer:n}),[(0,s.jsx)(u.default,{}),(0,s.jsx)(i.default,{}),(0,s.jsx)(r.default,{}),(0,s.jsx)(d.default,{}),(0,s.jsx)(o.default,{}),(0,s.jsx)(l.default,{})])})}}},function(e){e.O(0,[49710,14863,12156,17563,87417,44882,9413,96734,92888,49774,40179],function(){return e(e.s=25753)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/drawer/properties-8302384ee076f185.js b/review/main/_next/static/chunks/pages/components/drawer/properties-e8a944aaa6b655c0.js similarity index 98% rename from review/main/_next/static/chunks/pages/components/drawer/properties-8302384ee076f185.js rename to review/main/_next/static/chunks/pages/components/drawer/properties-e8a944aaa6b655c0.js index 02ce24def4a..edf5c8c8c3b 100644 --- a/review/main/_next/static/chunks/pages/components/drawer/properties-8302384ee076f185.js +++ b/review/main/_next/static/chunks/pages/components/drawer/properties-e8a944aaa6b655c0.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6274],{48765:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/drawer/properties",function(){return n(4901)}])},4901:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return a}});var r=n(52322),s=n(45392),i=n(11803);let d=e=>{let{children:t}=e;return(0,r.jsx)(i.Z,{children:t})};function c(e){let t={a:"a",code:"code",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,s.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbdrawer",children:"DBDrawer"}),"\n",(0,r.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Name"}),(0,r.jsx)(t.th,{children:"Description"}),(0,r.jsx)(t.th,{children:"Type"}),(0,r.jsx)(t.th,{children:"Options"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"direction"}),(0,r.jsxs)(t.td,{children:["The direction attribute changes the position & animation of the drawer.",(0,r.jsx)("br",{}),'E. g. "left" slides from left screen border to the right.']}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'left' | 'right' | 'up' | 'down'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"backdrop"}),(0,r.jsx)(t.td,{children:"The backdrop attribute changes the opacity of the backdrop."}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'strong' | 'weak' | 'none'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"open"}),(0,r.jsx)(t.td,{children:"The open attribute opens or closes the drawer based on the state."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"rounded"}),(0,r.jsxs)(t.td,{children:['The rounded attribute changes the border radius of the corners on the "end" of the drawer.',(0,r.jsx)("br",{}),'The "end" depends on which direction you use.']}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"slotDrawerHeader"}),(0,r.jsx)(t.td,{children:"React specific to change the header of the drawer."}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"spacing"}),(0,r.jsx)(t.td,{children:"The @dependabot recreate attribute changes the padding inside the drawer."}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'medium' | 'small' | 'large' | 'none'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"withCloseButton"}),(0,r.jsx)(t.td,{children:"The withCloseButton attribute shows/hides the default close button."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"children"}),(0,r.jsx)(t.td,{children:"default slot"}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"className"}),(0,r.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"describedbyid"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,r.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"id"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"key"}),(0,r.jsx)(t.td,{children:"React specific for render process."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"onClose"}),(0,r.jsx)(t.td,{children:"Function to handle button click (close)."}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"() => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"closeButtonId"}),(0,r.jsx)(t.td,{children:"The closeButtonId attribute changes the id inside the close button."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"closeButtonText"}),(0,r.jsx)(t.td,{children:"The closeButtonText attribute changes the text inside the close button."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"width"}),(0,r.jsx)(t.td,{children:"Width of the component. Auto width based on children size, full width based on parent elements width."}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'full' | 'auto'"})})})]})]})]})]})}function a(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(d,{...e,children:(0,r.jsx)(c,{...e})})}},16134:function(e,t,n){"use strict";var r=n(52322),s=n(2784),i=n(13776);let d=(0,s.forwardRef)(function(e,t){let n=t||(0,s.useRef)(t);return(0,r.jsx)("button",{ref:n,...(0,i.mS)(e,[]),id:e.id,className:(0,i.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=d},63900:function(e,t,n){"use strict";var r,s,i,d,c,a,l;n.d(t,{IY:function(){return o},YP:function(){return h},ce:function(){return u}});let o="OVERWRITE_DEFAULT_ID",h="Back",u="Close Button";(c=r||(r={})).FUNCTIONAL="functional",c.REGULAR="regular",c.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,t]=e;return t}),(s||(s={})).PRIMARY="primary",(a=i||(i={})).BASE="base",a.BASE_STRONG="base-strong",a.BASE_TRANSPARENT_SEMI="base-transparent-semi",a.BASE_TRANSPARENT_FULL="base-transparent-full",a.NEUTRAL="neutral",a.NEUTRAL_STRONG="neutral-strong",a.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",a.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",a.BRAND="brand",a.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",a.BRAND_TRANSPARENT_FULL="brand-transparent-full",a.SUCCESSFUL="successful",a.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",a.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",a.CRITICAL="critical",a.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",a.CRITICAL_TRANSPARENT_Full="critical-transparent-full",a.WARNING="warning",a.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",a.WARNING_TRANSPARENT_FULL="warning-transparent-full",a.INFORMATIONAL="informational",a.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",a.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(e=>{let[,t]=e;return t}),Object.entries(s).map(e=>{let[,t]=e;return t}),(l=d||(d={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(d).map(e=>{let[,t]=e;return t})},13776:function(e,t,n){"use strict";n.d(t,{MN:function(){return l},Vj:function(){return r},cd:function(){return a},mS:function(){return c},yI:function(){return i},yn:function(){return s}});let r=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},s=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&s(e,t)})},i=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let t in e)e[t]&&(r+="".concat(t," "))}}),r.trim()},d=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],c=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||d.includes(e))&&!t.includes(e)).reduce((t,n)=>(t[n]=e[n],t),{}),a=e=>{let{left:t,right:n}=e.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&n<=r},l=e=>{let{top:t,bottom:n}=e.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&n<=r}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=48765)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6274],{48765:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/drawer/properties",function(){return n(4901)}])},4901:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return a}});var r=n(52322),s=n(45392),i=n(12156);let d=e=>{let{children:t}=e;return(0,r.jsx)(i.Z,{children:t})};function c(e){let t={a:"a",code:"code",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,s.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbdrawer",children:"DBDrawer"}),"\n",(0,r.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Name"}),(0,r.jsx)(t.th,{children:"Description"}),(0,r.jsx)(t.th,{children:"Type"}),(0,r.jsx)(t.th,{children:"Options"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"direction"}),(0,r.jsxs)(t.td,{children:["The direction attribute changes the position & animation of the drawer.",(0,r.jsx)("br",{}),'E. g. "left" slides from left screen border to the right.']}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'left' | 'right' | 'up' | 'down'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"backdrop"}),(0,r.jsx)(t.td,{children:"The backdrop attribute changes the opacity of the backdrop."}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'strong' | 'weak' | 'none'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"open"}),(0,r.jsx)(t.td,{children:"The open attribute opens or closes the drawer based on the state."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"rounded"}),(0,r.jsxs)(t.td,{children:['The rounded attribute changes the border radius of the corners on the "end" of the drawer.',(0,r.jsx)("br",{}),'The "end" depends on which direction you use.']}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"slotDrawerHeader"}),(0,r.jsx)(t.td,{children:"React specific to change the header of the drawer."}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"spacing"}),(0,r.jsx)(t.td,{children:"The @dependabot recreate attribute changes the padding inside the drawer."}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'medium' | 'small' | 'large' | 'none'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"withCloseButton"}),(0,r.jsx)(t.td,{children:"The withCloseButton attribute shows/hides the default close button."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"children"}),(0,r.jsx)(t.td,{children:"default slot"}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"className"}),(0,r.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"describedbyid"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,r.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"id"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"key"}),(0,r.jsx)(t.td,{children:"React specific for render process."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"onClose"}),(0,r.jsx)(t.td,{children:"Function to handle button click (close)."}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"() => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"closeButtonId"}),(0,r.jsx)(t.td,{children:"The closeButtonId attribute changes the id inside the close button."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"closeButtonText"}),(0,r.jsx)(t.td,{children:"The closeButtonText attribute changes the text inside the close button."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"width"}),(0,r.jsx)(t.td,{children:"Width of the component. Auto width based on children size, full width based on parent elements width."}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'full' | 'auto'"})})})]})]})]})]})}function a(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(d,{...e,children:(0,r.jsx)(c,{...e})})}},16134:function(e,t,n){"use strict";var r=n(52322),s=n(2784),i=n(13776);let d=(0,s.forwardRef)(function(e,t){let n=t||(0,s.useRef)(t);return(0,r.jsx)("button",{ref:n,...(0,i.mS)(e,[]),id:e.id,className:(0,i.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=d},63900:function(e,t,n){"use strict";var r,s,i,d,c,a,l;n.d(t,{IY:function(){return o},YP:function(){return h},ce:function(){return u}});let o="OVERWRITE_DEFAULT_ID",h="Back",u="Close Button";(c=r||(r={})).FUNCTIONAL="functional",c.REGULAR="regular",c.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,t]=e;return t}),(s||(s={})).PRIMARY="primary",(a=i||(i={})).BASE="base",a.BASE_STRONG="base-strong",a.BASE_TRANSPARENT_SEMI="base-transparent-semi",a.BASE_TRANSPARENT_FULL="base-transparent-full",a.NEUTRAL="neutral",a.NEUTRAL_STRONG="neutral-strong",a.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",a.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",a.BRAND="brand",a.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",a.BRAND_TRANSPARENT_FULL="brand-transparent-full",a.SUCCESSFUL="successful",a.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",a.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",a.CRITICAL="critical",a.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",a.CRITICAL_TRANSPARENT_Full="critical-transparent-full",a.WARNING="warning",a.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",a.WARNING_TRANSPARENT_FULL="warning-transparent-full",a.INFORMATIONAL="informational",a.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",a.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(e=>{let[,t]=e;return t}),Object.entries(s).map(e=>{let[,t]=e;return t}),(l=d||(d={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(d).map(e=>{let[,t]=e;return t})},13776:function(e,t,n){"use strict";n.d(t,{MN:function(){return l},Vj:function(){return r},cd:function(){return a},mS:function(){return c},yI:function(){return i},yn:function(){return s}});let r=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},s=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&s(e,t)})},i=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let t in e)e[t]&&(r+="".concat(t," "))}}),r.trim()},d=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],c=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||d.includes(e))&&!t.includes(e)).reduce((t,n)=>(t[n]=e[n],t),{}),a=e=>{let{left:t,right:n}=e.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&n<=r},l=e=>{let{top:t,bottom:n}=e.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&n<=r}}},function(e){e.O(0,[49710,12156,92888,49774,40179],function(){return e(e.s=48765)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/header-d6548b9ed5cef9e8.js b/review/main/_next/static/chunks/pages/components/header-215c9a7741277160.js similarity index 92% rename from review/main/_next/static/chunks/pages/components/header-d6548b9ed5cef9e8.js rename to review/main/_next/static/chunks/pages/components/header-215c9a7741277160.js index e7dc2e48d31..ecd24abdaec 100644 --- a/review/main/_next/static/chunks/pages/components/header-d6548b9ed5cef9e8.js +++ b/review/main/_next/static/chunks/pages/components/header-215c9a7741277160.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[25575],{63315:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/header",function(){return t(73017)}])},73017:function(e,n,t){"use strict";t.r(n);var i=t(52322),r=t(97795),s=t(79167),a=t(86095),c=t(97461),l=t(37395),o=t(99341);let d=e=>{let{drawerOpen:n,forceMobile:t,burgerMenuLabel:r,children:s,className:c,describedbyid:l,id:o,key:d,onToggle:h}=e;return(0,i.jsx)(a.W4,{slotBrand:(0,i.jsx)(a.mX,{title:"DBHeader",imgSrc:"https://db-ui.github.io/images/db_logo.svg",children:"DBHeader"}),slotMetaNavigation:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.vB,{href:"#",children:"Imprint"}),(0,i.jsx)(a.vB,{href:"#",children:"Help"})]}),slotCallToAction:(0,i.jsx)(a.Y1,{icon:"search",variant:"text",noText:!0,children:"Search"}),slotActionBar:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.Y1,{icon:"account",variant:"text",noText:!0,children:"Profile"}),(0,i.jsx)(a.Y1,{icon:"alert",variant:"text",noText:!0,children:"Notification"}),(0,i.jsx)(a.Y1,{icon:"help",variant:"text",noText:!0,children:"Help"})]}),drawerOpen:n,forceMobile:t,burgerMenuLabel:r,className:c,describedbyid:l,id:o,onToggle:h,children:(0,i.jsxs)(a.Cc,{children:[(0,i.jsx)(a.pK,{icon:"account",children:(0,i.jsx)("a",{href:"#",children:s})}),(0,i.jsx)(a.pK,{disabled:!0,children:(0,i.jsxs)("a",{href:"#",children:[s," disabled"]})})]})},d)};n.default=()=>(0,i.jsx)(o.Z,{title:"DBHeader",variants:(0,l.P)(c,d,[(0,i.jsx)(r.default,{}),(0,i.jsx)(s.default,{})])})}},function(e){e.O(0,[49710,14863,11803,97795,79167,2177,92888,49774,40179],function(){return e(e.s=63315)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[25575],{63315:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/header",function(){return t(73017)}])},73017:function(e,n,t){"use strict";t.r(n);var i=t(52322),r=t(97795),s=t(79167),a=t(53752),c=t(97461),l=t(37395),o=t(99341);let d=e=>{let{drawerOpen:n,forceMobile:t,burgerMenuLabel:r,children:s,className:c,describedbyid:l,id:o,key:d,onToggle:h}=e;return(0,i.jsx)(a.W4,{slotBrand:(0,i.jsx)(a.mX,{title:"DBHeader",imgSrc:"https://db-ui.github.io/images/db_logo.svg",children:"DBHeader"}),slotMetaNavigation:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.vB,{href:"#",children:"Imprint"}),(0,i.jsx)(a.vB,{href:"#",children:"Help"})]}),slotCallToAction:(0,i.jsx)(a.Y1,{icon:"search",variant:"text",noText:!0,children:"Search"}),slotActionBar:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.Y1,{icon:"account",variant:"text",noText:!0,children:"Profile"}),(0,i.jsx)(a.Y1,{icon:"alert",variant:"text",noText:!0,children:"Notification"}),(0,i.jsx)(a.Y1,{icon:"help",variant:"text",noText:!0,children:"Help"})]}),drawerOpen:n,forceMobile:t,burgerMenuLabel:r,className:c,describedbyid:l,id:o,onToggle:h,children:(0,i.jsxs)(a.Cc,{children:[(0,i.jsx)(a.pK,{icon:"account",children:(0,i.jsx)("a",{href:"#",children:s})}),(0,i.jsx)(a.pK,{disabled:!0,children:(0,i.jsxs)("a",{href:"#",children:[s," disabled"]})})]})},d)};n.default=()=>(0,i.jsx)(o.Z,{title:"DBHeader",variants:(0,l.P)(c,d,[(0,i.jsx)(r.default,{}),(0,i.jsx)(s.default,{})])})}},function(e){e.O(0,[49710,14863,12156,97795,79167,2177,92888,49774,40179],function(){return e(e.s=63315)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/header/how-to-use-cb62853ea9002c1d.js b/review/main/_next/static/chunks/pages/components/header/how-to-use-585fdfa22ef44528.js similarity index 99% rename from review/main/_next/static/chunks/pages/components/header/how-to-use-cb62853ea9002c1d.js rename to review/main/_next/static/chunks/pages/components/header/how-to-use-585fdfa22ef44528.js index ffb33b5f66b..a99fdace54e 100644 --- a/review/main/_next/static/chunks/pages/components/header/how-to-use-cb62853ea9002c1d.js +++ b/review/main/_next/static/chunks/pages/components/header/how-to-use-585fdfa22ef44528.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[24905],{61423:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/header/how-to-use",function(){return t(27840)}])},61248:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return o}});var a=t(52322),i=t(45392);function r(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",h4:"h4",p:"p",pre:"pre",...(0,i.a)(),...n.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(e.h2,{id:"angular",children:"Angular"}),"\n",(0,a.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,a.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,a.jsx)(e.h3,{id:"load-component",children:"Load component"}),"\n",(0,a.jsx)(e.pre,{children:(0,a.jsx)(e.code,{className:"language-ts",children:"//app.component.ts\nimport {\n DBHeader,\n NavigationDirective,\n ActionBarDirective,\n MetaNavigationDirective\n} from '@db-ui/ngx-components';\n\n@Component({\n // ...\n imports: [\n // ...,\n DBHeader,\n NavigationDirective, // Optional: If you want to use a Navigation\n ActionBarDirective, // Optional: If you want to use ActionBar\n MetaNavigationDirective, // Optional: If you want to use MetaNavigation\n ],\n // ...\n})\n"})}),"\n",(0,a.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,a.jsx)(e.h4,{id:"simple",children:"Simple"}),"\n",(0,a.jsx)(e.pre,{children:(0,a.jsx)(e.code,{className:"language-html",children:"\n\n Header\n\n"})}),"\n",(0,a.jsx)(e.h4,{id:"full",children:"Full"}),"\n",(0,a.jsx)(e.pre,{children:(0,a.jsx)(e.code,{className:"language-ts",children:'// File: app.component.ts\n\nimport { Component } from "@angular/core";\n\n@Component({\n selector: "app-root",\n templateUrl: "./app.component.html"\n})\nexport class AppComponent {\n drawerOpen = false;\n\n toggleDrawer = (open: boolean) => {\n this.drawerOpen = open;\n };\n}\n'})}),"\n",(0,a.jsx)(e.pre,{children:(0,a.jsx)(e.code,{className:"language-html",children:'\n\n My Awesome App\n \n \n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n\n'})})]})}function o(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,i.a)(),...n.components};return e?(0,a.jsx)(e,{...n,children:(0,a.jsx)(r,{...n})}):r(n)}},68234:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return o}});var a=t(52322),i=t(45392);function r(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,i.a)(),...n.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(e.h2,{id:"html",children:"HTML"}),"\n",(0,a.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,a.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,a.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,a.jsx)(e.pre,{children:(0,a.jsx)(e.code,{className:"language-html",children:'\n...\n\n
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n ImprintHelp\n
    \n
    \n
    \n \n Profile\n Notification\n Help\n \n
    \n
    \n \n \n
    \n ImprintHelp\n
    \n
    \n
    \n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n Notification\n Help\n \n
    \n
    \n \n
    \n\n'})})]})}function o(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,i.a)(),...n.components};return e?(0,a.jsx)(e,{...n,children:(0,a.jsx)(r,{...n})}):r(n)}},90238:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return o}});var a=t(52322),i=t(45392);function r(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",h4:"h4",p:"p",pre:"pre",...(0,i.a)(),...n.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(e.h2,{id:"react",children:"React"}),"\n",(0,a.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,a.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,a.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,a.jsx)(e.h4,{id:"simple",children:"Simple"}),"\n",(0,a.jsx)(e.pre,{children:(0,a.jsx)(e.code,{className:"language-tsx",children:'// App.tsx\nimport { DBHeader, DBBrand } from "@db-ui/react-components";\n\nconst App = () => Header} />;\n\nexport default App;\n'})}),"\n",(0,a.jsx)(e.h4,{id:"full",children:"Full"}),"\n",(0,a.jsx)(e.pre,{children:(0,a.jsx)(e.code,{className:"language-tsx",children:'// App.tsx\nimport { useState } from "react";\nimport { DBHeader, DBBrand, DBLink } from "@db-ui/react-components";\n\nconst [drawerOpen, setDrawerOpen] = useState(false);\n\nconst App = () => (\n My Awesome App}\n slotMetaNavigation={\n <>\n Imprint\n Help\n \n }\n slotCallToAction={\n \n Search\n \n }\n slotActionBar={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n >\n \n // https://github.com/db-ui/mono/blob/main/packages/components/src/components/main-navigation/docs/React.md\n \n \n);\n\nexport default App;\n'})})]})}function o(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,i.a)(),...n.components};return e?(0,a.jsx)(e,{...n,children:(0,a.jsx)(r,{...n})}):r(n)}},84022:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return o}});var a=t(52322),i=t(45392);function r(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",h4:"h4",p:"p",pre:"pre",...(0,i.a)(),...n.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(e.h2,{id:"vue",children:"Vue"}),"\n",(0,a.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,a.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,a.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,a.jsx)(e.h4,{id:"simple",children:"Simple"}),"\n",(0,a.jsx)(e.pre,{children:(0,a.jsx)(e.code,{className:"language-vue",children:'\n\n\n\n'})}),"\n",(0,a.jsx)(e.h4,{id:"full",children:"Full"}),"\n",(0,a.jsx)(e.pre,{children:(0,a.jsx)(e.code,{className:"language-vue",children:'\n\n\n\n'})})]})}function o(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,i.a)(),...n.components};return e?(0,a.jsx)(e,{...n,children:(0,a.jsx)(r,{...n})}):r(n)}},27840:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return p}});var a=t(52322),i=t(45392),r=t(11803),o=t(68234),d=t(61248),c=t(90238),s=t(84022);let l=n=>{let{children:e}=n;return(0,a.jsx)(r.Z,{children:e})};function u(n){let e={h1:"h1",...(0,i.a)(),...n.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(e.h1,{id:"how-to-use-dbheader",children:"How to use DBHeader"}),"\n",(0,a.jsx)(o.default,{}),"\n",(0,a.jsx)(d.default,{}),"\n",(0,a.jsx)(c.default,{}),"\n",(0,a.jsx)(s.default,{})]})}function p(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,a.jsx)(l,{...n,children:(0,a.jsx)(u,{...n})})}},16134:function(n,e,t){"use strict";var a=t(52322),i=t(2784),r=t(13776);let o=(0,i.forwardRef)(function(n,e){let t=e||(0,i.useRef)(e);return(0,a.jsx)("button",{ref:t,...(0,r.mS)(n,[]),id:n.id,className:(0,r.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:e=>{n.onClick&&n.onClick(e)},children:n.children})});e.Z=o},63900:function(n,e,t){"use strict";var a,i,r,o,d,c,s;t.d(e,{IY:function(){return l},YP:function(){return u},ce:function(){return p}});let l="OVERWRITE_DEFAULT_ID",u="Back",p="Close Button";(d=a||(a={})).FUNCTIONAL="functional",d.REGULAR="regular",d.EXPRESSIVE="expressive",Object.entries(a).map(n=>{let[,e]=n;return e}),(i||(i={})).PRIMARY="primary",(c=r||(r={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(r).map(n=>{let[,e]=n;return e}),Object.entries(i).map(n=>{let[,e]=n;return e}),(s=o||(o={})).CRITICAL="critical",s.INFORMATIONAL="informational",s.WARNING="warning",s.SUCCESSFUL="successful",Object.entries(o).map(n=>{let[,e]=n;return e})},13776:function(n,e,t){"use strict";t.d(e,{MN:function(){return s},Vj:function(){return a},cd:function(){return c},mS:function(){return d},yI:function(){return r},yn:function(){return i}});let a=()=>{var n,e;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(n,e)=>{Object.values(n.children).forEach(n=>{n.setAttribute(e.key,e.value),n.children.length>0&&i(n,e)})},r=function(){for(var n=arguments.length,e=Array(n),t=0;t{if(n){if("string"==typeof n)a+="".concat(n," ");else for(let e in n)n[e]&&(a+="".concat(e," "))}}),a.trim()},o=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],d=(n,e)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||o.includes(n))&&!e.includes(n)).reduce((e,t)=>(e[t]=n[t],e),{}),c=n=>{let{left:e,right:t}=n.getBoundingClientRect(),{innerWidth:a}=window;return e>=0&&t<=a},s=n=>{let{top:e,bottom:t}=n.getBoundingClientRect(),{innerHeight:a}=window;return e>=0&&t<=a}}},function(n){n.O(0,[49710,11803,92888,49774,40179],function(){return n(n.s=61423)}),_N_E=n.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[24905],{61423:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/header/how-to-use",function(){return t(27840)}])},61248:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return o}});var a=t(52322),i=t(45392);function r(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",h4:"h4",p:"p",pre:"pre",...(0,i.a)(),...n.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(e.h2,{id:"angular",children:"Angular"}),"\n",(0,a.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,a.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,a.jsx)(e.h3,{id:"load-component",children:"Load component"}),"\n",(0,a.jsx)(e.pre,{children:(0,a.jsx)(e.code,{className:"language-ts",children:"//app.component.ts\nimport {\n DBHeader,\n NavigationDirective,\n ActionBarDirective,\n MetaNavigationDirective\n} from '@db-ui/ngx-components';\n\n@Component({\n // ...\n imports: [\n // ...,\n DBHeader,\n NavigationDirective, // Optional: If you want to use a Navigation\n ActionBarDirective, // Optional: If you want to use ActionBar\n MetaNavigationDirective, // Optional: If you want to use MetaNavigation\n ],\n // ...\n})\n"})}),"\n",(0,a.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,a.jsx)(e.h4,{id:"simple",children:"Simple"}),"\n",(0,a.jsx)(e.pre,{children:(0,a.jsx)(e.code,{className:"language-html",children:"\n\n Header\n\n"})}),"\n",(0,a.jsx)(e.h4,{id:"full",children:"Full"}),"\n",(0,a.jsx)(e.pre,{children:(0,a.jsx)(e.code,{className:"language-ts",children:'// File: app.component.ts\n\nimport { Component } from "@angular/core";\n\n@Component({\n selector: "app-root",\n templateUrl: "./app.component.html"\n})\nexport class AppComponent {\n drawerOpen = false;\n\n toggleDrawer = (open: boolean) => {\n this.drawerOpen = open;\n };\n}\n'})}),"\n",(0,a.jsx)(e.pre,{children:(0,a.jsx)(e.code,{className:"language-html",children:'\n\n My Awesome App\n \n \n \n \n Imprint\n Help\n \n \n \n Search\n \n \n \n \n Profile\n \n \n Notification\n \n Help \n \n\n'})})]})}function o(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,i.a)(),...n.components};return e?(0,a.jsx)(e,{...n,children:(0,a.jsx)(r,{...n})}):r(n)}},68234:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return o}});var a=t(52322),i=t(45392);function r(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,i.a)(),...n.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(e.h2,{id:"html",children:"HTML"}),"\n",(0,a.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,a.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,a.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,a.jsx)(e.pre,{children:(0,a.jsx)(e.code,{className:"language-html",children:'\n...\n\n
    \n \n \n
    \n
    \n \n Close Button\n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n ImprintHelp\n
    \n
    \n
    \n \n Profile\n Notification\n Help\n \n
    \n
    \n \n \n
    \n ImprintHelp\n
    \n
    \n
    \n \n
    \n
    \n
    \n
    \n \n \n \n Regular (Default)\n \n \n Regular (Default) disabled\n \n \n \n
    \n
    \n \n Search\n \n
    \n
    \n
    \n
    \n \n BurgerMenu\n \n
    \n
    \n \n Profile\n Notification\n Help\n \n
    \n
    \n \n
    \n\n'})})]})}function o(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,i.a)(),...n.components};return e?(0,a.jsx)(e,{...n,children:(0,a.jsx)(r,{...n})}):r(n)}},90238:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return o}});var a=t(52322),i=t(45392);function r(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",h4:"h4",p:"p",pre:"pre",...(0,i.a)(),...n.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(e.h2,{id:"react",children:"React"}),"\n",(0,a.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,a.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,a.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,a.jsx)(e.h4,{id:"simple",children:"Simple"}),"\n",(0,a.jsx)(e.pre,{children:(0,a.jsx)(e.code,{className:"language-tsx",children:'// App.tsx\nimport { DBHeader, DBBrand } from "@db-ui/react-components";\n\nconst App = () => Header} />;\n\nexport default App;\n'})}),"\n",(0,a.jsx)(e.h4,{id:"full",children:"Full"}),"\n",(0,a.jsx)(e.pre,{children:(0,a.jsx)(e.code,{className:"language-tsx",children:'// App.tsx\nimport { useState } from "react";\nimport { DBHeader, DBBrand, DBLink } from "@db-ui/react-components";\n\nconst [drawerOpen, setDrawerOpen] = useState(false);\n\nconst App = () => (\n My Awesome App}\n slotMetaNavigation={\n <>\n Imprint\n Help\n \n }\n slotCallToAction={\n \n Search\n \n }\n slotActionBar={\n <>\n \n Profile\n \n \n Notification\n \n \n Help\n \n \n }\n >\n \n // https://github.com/db-ui/mono/blob/main/packages/components/src/components/main-navigation/docs/React.md\n \n \n);\n\nexport default App;\n'})})]})}function o(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,i.a)(),...n.components};return e?(0,a.jsx)(e,{...n,children:(0,a.jsx)(r,{...n})}):r(n)}},84022:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return o}});var a=t(52322),i=t(45392);function r(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",h4:"h4",p:"p",pre:"pre",...(0,i.a)(),...n.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(e.h2,{id:"vue",children:"Vue"}),"\n",(0,a.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,a.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,a.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,a.jsx)(e.h4,{id:"simple",children:"Simple"}),"\n",(0,a.jsx)(e.pre,{children:(0,a.jsx)(e.code,{className:"language-vue",children:'\n\n\n\n'})}),"\n",(0,a.jsx)(e.h4,{id:"full",children:"Full"}),"\n",(0,a.jsx)(e.pre,{children:(0,a.jsx)(e.code,{className:"language-vue",children:'\n\n\n\n'})})]})}function o(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,i.a)(),...n.components};return e?(0,a.jsx)(e,{...n,children:(0,a.jsx)(r,{...n})}):r(n)}},27840:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return p}});var a=t(52322),i=t(45392),r=t(12156),o=t(68234),d=t(61248),c=t(90238),s=t(84022);let l=n=>{let{children:e}=n;return(0,a.jsx)(r.Z,{children:e})};function u(n){let e={h1:"h1",...(0,i.a)(),...n.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(e.h1,{id:"how-to-use-dbheader",children:"How to use DBHeader"}),"\n",(0,a.jsx)(o.default,{}),"\n",(0,a.jsx)(d.default,{}),"\n",(0,a.jsx)(c.default,{}),"\n",(0,a.jsx)(s.default,{})]})}function p(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,a.jsx)(l,{...n,children:(0,a.jsx)(u,{...n})})}},16134:function(n,e,t){"use strict";var a=t(52322),i=t(2784),r=t(13776);let o=(0,i.forwardRef)(function(n,e){let t=e||(0,i.useRef)(e);return(0,a.jsx)("button",{ref:t,...(0,r.mS)(n,[]),id:n.id,className:(0,r.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:e=>{n.onClick&&n.onClick(e)},children:n.children})});e.Z=o},63900:function(n,e,t){"use strict";var a,i,r,o,d,c,s;t.d(e,{IY:function(){return l},YP:function(){return u},ce:function(){return p}});let l="OVERWRITE_DEFAULT_ID",u="Back",p="Close Button";(d=a||(a={})).FUNCTIONAL="functional",d.REGULAR="regular",d.EXPRESSIVE="expressive",Object.entries(a).map(n=>{let[,e]=n;return e}),(i||(i={})).PRIMARY="primary",(c=r||(r={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(r).map(n=>{let[,e]=n;return e}),Object.entries(i).map(n=>{let[,e]=n;return e}),(s=o||(o={})).CRITICAL="critical",s.INFORMATIONAL="informational",s.WARNING="warning",s.SUCCESSFUL="successful",Object.entries(o).map(n=>{let[,e]=n;return e})},13776:function(n,e,t){"use strict";t.d(e,{MN:function(){return s},Vj:function(){return a},cd:function(){return c},mS:function(){return d},yI:function(){return r},yn:function(){return i}});let a=()=>{var n,e;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(n,e)=>{Object.values(n.children).forEach(n=>{n.setAttribute(e.key,e.value),n.children.length>0&&i(n,e)})},r=function(){for(var n=arguments.length,e=Array(n),t=0;t{if(n){if("string"==typeof n)a+="".concat(n," ");else for(let e in n)n[e]&&(a+="".concat(e," "))}}),a.trim()},o=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],d=(n,e)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||o.includes(n))&&!e.includes(n)).reduce((e,t)=>(e[t]=n[t],e),{}),c=n=>{let{left:e,right:t}=n.getBoundingClientRect(),{innerWidth:a}=window;return e>=0&&t<=a},s=n=>{let{top:e,bottom:t}=n.getBoundingClientRect(),{innerHeight:a}=window;return e>=0&&t<=a}}},function(n){n.O(0,[49710,12156,92888,49774,40179],function(){return n(n.s=61423)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/header/migration-be884e3596974865.js b/review/main/_next/static/chunks/pages/components/header/migration-a01654164469d553.js similarity index 98% rename from review/main/_next/static/chunks/pages/components/header/migration-be884e3596974865.js rename to review/main/_next/static/chunks/pages/components/header/migration-a01654164469d553.js index c1eb4e5b38f..19ef9752aae 100644 --- a/review/main/_next/static/chunks/pages/components/header/migration-be884e3596974865.js +++ b/review/main/_next/static/chunks/pages/components/header/migration-a01654164469d553.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[86504],{9724:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/header/migration",function(){return n(19416)}])},9418:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return a}});var r=n(52322),i=n(45392);function s(e){let t={a:"a",blockquote:"blockquote",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h2,{id:"general",children:"General"}),"\n",(0,r.jsxs)(t.blockquote,{children:["\n",(0,r.jsxs)(t.p,{children:[(0,r.jsx)(t.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,r.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,r.jsx)(t.h2,{id:"db-ui-core--db-ui-components",children:"DB UI Core ➡ DB UI Components"}),"\n",(0,r.jsx)(t.h3,{id:"class",children:"class"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Before"}),(0,r.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(t.th,{children:"After"}),(0,r.jsx)(t.th,{children:"Description"})]})}),(0,r.jsx)(t.tbody,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"rea-header"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"db-header"})}),(0,r.jsx)(t.td,{})]})})]}),"\n",(0,r.jsx)(t.h3,{id:"mobile",children:"mobile"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Before"}),(0,r.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(t.th,{children:"After"}),(0,r.jsx)(t.th,{children:"Description"})]})}),(0,r.jsx)(t.tbody,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"mobile"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"forceMobile"})}),(0,r.jsx)(t.td,{children:"forces the burger menu for desktop"})]})})]})]})}function a(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,i.a)(),...e.components};return t?(0,r.jsx)(t,{...e,children:(0,r.jsx)(s,{...e})}):s(e)}},19416:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return o}});var r=n(52322),i=n(45392),s=n(11803),a=n(9418);let l=e=>{let{children:t}=e;return(0,r.jsx)(s.Z,{children:t})};function c(e){let t={h1:"h1",...(0,i.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbheader-migration",children:"DBHeader Migration"}),"\n",(0,r.jsx)(a.default,{})]})}function o(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(l,{...e,children:(0,r.jsx)(c,{...e})})}},16134:function(e,t,n){"use strict";var r=n(52322),i=n(2784),s=n(13776);let a=(0,i.forwardRef)(function(e,t){let n=t||(0,i.useRef)(t);return(0,r.jsx)("button",{ref:n,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=a},63900:function(e,t,n){"use strict";var r,i,s,a,l,c,o;n.d(t,{IY:function(){return d},YP:function(){return u},ce:function(){return h}});let d="OVERWRITE_DEFAULT_ID",u="Back",h="Close Button";(l=r||(r={})).FUNCTIONAL="functional",l.REGULAR="regular",l.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,t]=e;return t}),(i||(i={})).PRIMARY="primary",(c=s||(s={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(e=>{let[,t]=e;return t}),Object.entries(i).map(e=>{let[,t]=e;return t}),(o=a||(a={})).CRITICAL="critical",o.INFORMATIONAL="informational",o.WARNING="warning",o.SUCCESSFUL="successful",Object.entries(a).map(e=>{let[,t]=e;return t})},13776:function(e,t,n){"use strict";n.d(t,{MN:function(){return o},Vj:function(){return r},cd:function(){return c},mS:function(){return l},yI:function(){return s},yn:function(){return i}});let r=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&i(e,t)})},s=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let t in e)e[t]&&(r+="".concat(t," "))}}),r.trim()},a=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],l=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||a.includes(e))&&!t.includes(e)).reduce((t,n)=>(t[n]=e[n],t),{}),c=e=>{let{left:t,right:n}=e.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&n<=r},o=e=>{let{top:t,bottom:n}=e.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&n<=r}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=9724)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[86504],{9724:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/header/migration",function(){return n(19416)}])},9418:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return a}});var r=n(52322),i=n(45392);function s(e){let t={a:"a",blockquote:"blockquote",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h2,{id:"general",children:"General"}),"\n",(0,r.jsxs)(t.blockquote,{children:["\n",(0,r.jsxs)(t.p,{children:[(0,r.jsx)(t.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,r.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,r.jsx)(t.h2,{id:"db-ui-core--db-ui-components",children:"DB UI Core ➡ DB UI Components"}),"\n",(0,r.jsx)(t.h3,{id:"class",children:"class"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Before"}),(0,r.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(t.th,{children:"After"}),(0,r.jsx)(t.th,{children:"Description"})]})}),(0,r.jsx)(t.tbody,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"rea-header"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"db-header"})}),(0,r.jsx)(t.td,{})]})})]}),"\n",(0,r.jsx)(t.h3,{id:"mobile",children:"mobile"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Before"}),(0,r.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(t.th,{children:"After"}),(0,r.jsx)(t.th,{children:"Description"})]})}),(0,r.jsx)(t.tbody,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"mobile"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"forceMobile"})}),(0,r.jsx)(t.td,{children:"forces the burger menu for desktop"})]})})]})]})}function a(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,i.a)(),...e.components};return t?(0,r.jsx)(t,{...e,children:(0,r.jsx)(s,{...e})}):s(e)}},19416:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return o}});var r=n(52322),i=n(45392),s=n(12156),a=n(9418);let l=e=>{let{children:t}=e;return(0,r.jsx)(s.Z,{children:t})};function c(e){let t={h1:"h1",...(0,i.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbheader-migration",children:"DBHeader Migration"}),"\n",(0,r.jsx)(a.default,{})]})}function o(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(l,{...e,children:(0,r.jsx)(c,{...e})})}},16134:function(e,t,n){"use strict";var r=n(52322),i=n(2784),s=n(13776);let a=(0,i.forwardRef)(function(e,t){let n=t||(0,i.useRef)(t);return(0,r.jsx)("button",{ref:n,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=a},63900:function(e,t,n){"use strict";var r,i,s,a,l,c,o;n.d(t,{IY:function(){return d},YP:function(){return u},ce:function(){return h}});let d="OVERWRITE_DEFAULT_ID",u="Back",h="Close Button";(l=r||(r={})).FUNCTIONAL="functional",l.REGULAR="regular",l.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,t]=e;return t}),(i||(i={})).PRIMARY="primary",(c=s||(s={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(e=>{let[,t]=e;return t}),Object.entries(i).map(e=>{let[,t]=e;return t}),(o=a||(a={})).CRITICAL="critical",o.INFORMATIONAL="informational",o.WARNING="warning",o.SUCCESSFUL="successful",Object.entries(a).map(e=>{let[,t]=e;return t})},13776:function(e,t,n){"use strict";n.d(t,{MN:function(){return o},Vj:function(){return r},cd:function(){return c},mS:function(){return l},yI:function(){return s},yn:function(){return i}});let r=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&i(e,t)})},s=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let t in e)e[t]&&(r+="".concat(t," "))}}),r.trim()},a=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],l=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||a.includes(e))&&!t.includes(e)).reduce((t,n)=>(t[n]=e[n],t),{}),c=e=>{let{left:t,right:n}=e.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&n<=r},o=e=>{let{top:t,bottom:n}=e.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&n<=r}}},function(e){e.O(0,[49710,12156,92888,49774,40179],function(){return e(e.s=9724)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/header/overview-be5b8afdb78d344c.js b/review/main/_next/static/chunks/pages/components/header/overview-2eb36c91f99f044a.js similarity index 92% rename from review/main/_next/static/chunks/pages/components/header/overview-be5b8afdb78d344c.js rename to review/main/_next/static/chunks/pages/components/header/overview-2eb36c91f99f044a.js index ee450da7b01..1fdfae814ae 100644 --- a/review/main/_next/static/chunks/pages/components/header/overview-be5b8afdb78d344c.js +++ b/review/main/_next/static/chunks/pages/components/header/overview-2eb36c91f99f044a.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[34905],{86632:function(e,n,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/header/overview",function(){return i(44952)}])},44952:function(e,n,i){"use strict";i.r(n);var t=i(52322),r=i(97795),s=i(79167),a=i(86095),c=i(97461),l=i(37395),o=i(99341);let d=e=>{let{drawerOpen:n,forceMobile:i,burgerMenuLabel:r,children:s,className:c,describedbyid:l,id:o,key:d,onToggle:h}=e;return(0,t.jsx)(a.W4,{slotBrand:(0,t.jsx)(a.mX,{title:"DBHeader",imgSrc:"https://db-ui.github.io/images/db_logo.svg",children:"DBHeader"}),slotMetaNavigation:(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(a.vB,{href:"#",children:"Imprint"}),(0,t.jsx)(a.vB,{href:"#",children:"Help"})]}),slotCallToAction:(0,t.jsx)(a.Y1,{icon:"search",variant:"text",noText:!0,children:"Search"}),slotActionBar:(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(a.Y1,{icon:"account",variant:"text",noText:!0,children:"Profile"}),(0,t.jsx)(a.Y1,{icon:"alert",variant:"text",noText:!0,children:"Notification"}),(0,t.jsx)(a.Y1,{icon:"help",variant:"text",noText:!0,children:"Help"})]}),drawerOpen:n,forceMobile:i,burgerMenuLabel:r,className:c,describedbyid:l,id:o,onToggle:h,children:(0,t.jsxs)(a.Cc,{children:[(0,t.jsx)(a.pK,{icon:"account",children:(0,t.jsx)("a",{href:"#",children:s})}),(0,t.jsx)(a.pK,{disabled:!0,children:(0,t.jsxs)("a",{href:"#",children:[s," disabled"]})})]})},d)};n.default=()=>(0,t.jsx)(o.Z,{title:"DBHeader",variants:(0,l.P)(c,d,[(0,t.jsx)(r.default,{}),(0,t.jsx)(s.default,{})])})}},function(e){e.O(0,[49710,14863,11803,97795,79167,2177,92888,49774,40179],function(){return e(e.s=86632)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[34905],{86632:function(e,n,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/header/overview",function(){return i(44952)}])},44952:function(e,n,i){"use strict";i.r(n);var t=i(52322),r=i(97795),s=i(79167),a=i(53752),c=i(97461),l=i(37395),o=i(99341);let d=e=>{let{drawerOpen:n,forceMobile:i,burgerMenuLabel:r,children:s,className:c,describedbyid:l,id:o,key:d,onToggle:h}=e;return(0,t.jsx)(a.W4,{slotBrand:(0,t.jsx)(a.mX,{title:"DBHeader",imgSrc:"https://db-ui.github.io/images/db_logo.svg",children:"DBHeader"}),slotMetaNavigation:(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(a.vB,{href:"#",children:"Imprint"}),(0,t.jsx)(a.vB,{href:"#",children:"Help"})]}),slotCallToAction:(0,t.jsx)(a.Y1,{icon:"search",variant:"text",noText:!0,children:"Search"}),slotActionBar:(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(a.Y1,{icon:"account",variant:"text",noText:!0,children:"Profile"}),(0,t.jsx)(a.Y1,{icon:"alert",variant:"text",noText:!0,children:"Notification"}),(0,t.jsx)(a.Y1,{icon:"help",variant:"text",noText:!0,children:"Help"})]}),drawerOpen:n,forceMobile:i,burgerMenuLabel:r,className:c,describedbyid:l,id:o,onToggle:h,children:(0,t.jsxs)(a.Cc,{children:[(0,t.jsx)(a.pK,{icon:"account",children:(0,t.jsx)("a",{href:"#",children:s})}),(0,t.jsx)(a.pK,{disabled:!0,children:(0,t.jsxs)("a",{href:"#",children:[s," disabled"]})})]})},d)};n.default=()=>(0,t.jsx)(o.Z,{title:"DBHeader",variants:(0,l.P)(c,d,[(0,t.jsx)(r.default,{}),(0,t.jsx)(s.default,{})])})}},function(e){e.O(0,[49710,14863,12156,97795,79167,2177,92888,49774,40179],function(){return e(e.s=86632)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/header/properties-b8b80b80338f99d7.js b/review/main/_next/static/chunks/pages/components/header/properties-36b1913642a65cdb.js similarity index 98% rename from review/main/_next/static/chunks/pages/components/header/properties-b8b80b80338f99d7.js rename to review/main/_next/static/chunks/pages/components/header/properties-36b1913642a65cdb.js index b86623c150a..a84dd637eb2 100644 --- a/review/main/_next/static/chunks/pages/components/header/properties-b8b80b80338f99d7.js +++ b/review/main/_next/static/chunks/pages/components/header/properties-36b1913642a65cdb.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[74312],{95153:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/header/properties",function(){return r(62600)}])},62600:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return l}});var n=r(52322),s=r(45392),i=r(11803);let d=e=>{let{children:t}=e;return(0,n.jsx)(i.Z,{children:t})};function a(e){let t={a:"a",code:"code",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,s.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.h1,{id:"dbheader",children:"DBHeader"}),"\n",(0,n.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,n.jsxs)(t.table,{children:[(0,n.jsx)(t.thead,{children:(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.th,{children:"Name"}),(0,n.jsx)(t.th,{children:"Description"}),(0,n.jsx)(t.th,{children:"Type"}),(0,n.jsx)(t.th,{children:"Options"})]})}),(0,n.jsxs)(t.tbody,{children:[(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"slotBrand"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"any"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"slotMetaNavigation"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"any"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"slotCallToAction"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"any"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"slotActionBar"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"any"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"drawerOpen"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"boolean"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"forceMobile"}),(0,n.jsxs)(t.td,{children:["Forces the header to use mobile layout for desktop as well.",(0,n.jsx)("br",{}),"You should only use this setting if you really can't provide a smaller navigation.",(0,n.jsx)("br",{}),"Overwrite size of the drawer with '--db-drawer-max-width: xxx'"]}),(0,n.jsx)(t.td,{children:"boolean"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"burgerMenuLabel"}),(0,n.jsx)(t.td,{children:"This attribute sets the label for the burger menu button for mobile headers."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"children"}),(0,n.jsx)(t.td,{children:"default slot"}),(0,n.jsx)(t.td,{children:"any"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"className"}),(0,n.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"describedbyid"}),(0,n.jsxs)(t.td,{children:[(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,n.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"id"}),(0,n.jsxs)(t.td,{children:[(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"key"}),(0,n.jsx)(t.td,{children:"React specific for render process."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"onToggle"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"function"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"(open: boolean) => void"})})})]})]})]})]})}function l(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,n.jsx)(d,{...e,children:(0,n.jsx)(a,{...e})})}},16134:function(e,t,r){"use strict";var n=r(52322),s=r(2784),i=r(13776);let d=(0,s.forwardRef)(function(e,t){let r=t||(0,s.useRef)(t);return(0,n.jsx)("button",{ref:r,...(0,i.mS)(e,[]),id:e.id,className:(0,i.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=d},63900:function(e,t,r){"use strict";var n,s,i,d,a,l,c;r.d(t,{IY:function(){return o},YP:function(){return h},ce:function(){return u}});let o="OVERWRITE_DEFAULT_ID",h="Back",u="Close Button";(a=n||(n={})).FUNCTIONAL="functional",a.REGULAR="regular",a.EXPRESSIVE="expressive",Object.entries(n).map(e=>{let[,t]=e;return t}),(s||(s={})).PRIMARY="primary",(l=i||(i={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(e=>{let[,t]=e;return t}),Object.entries(s).map(e=>{let[,t]=e;return t}),(c=d||(d={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(d).map(e=>{let[,t]=e;return t})},13776:function(e,t,r){"use strict";r.d(t,{MN:function(){return c},Vj:function(){return n},cd:function(){return l},mS:function(){return a},yI:function(){return i},yn:function(){return s}});let n=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},s=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&s(e,t)})},i=function(){for(var e=arguments.length,t=Array(e),r=0;r{if(e){if("string"==typeof e)n+="".concat(e," ");else for(let t in e)e[t]&&(n+="".concat(t," "))}}),n.trim()},d=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],a=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||d.includes(e))&&!t.includes(e)).reduce((t,r)=>(t[r]=e[r],t),{}),l=e=>{let{left:t,right:r}=e.getBoundingClientRect(),{innerWidth:n}=window;return t>=0&&r<=n},c=e=>{let{top:t,bottom:r}=e.getBoundingClientRect(),{innerHeight:n}=window;return t>=0&&r<=n}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=95153)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[74312],{95153:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/header/properties",function(){return r(62600)}])},62600:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return l}});var n=r(52322),s=r(45392),i=r(12156);let d=e=>{let{children:t}=e;return(0,n.jsx)(i.Z,{children:t})};function a(e){let t={a:"a",code:"code",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,s.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.h1,{id:"dbheader",children:"DBHeader"}),"\n",(0,n.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,n.jsxs)(t.table,{children:[(0,n.jsx)(t.thead,{children:(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.th,{children:"Name"}),(0,n.jsx)(t.th,{children:"Description"}),(0,n.jsx)(t.th,{children:"Type"}),(0,n.jsx)(t.th,{children:"Options"})]})}),(0,n.jsxs)(t.tbody,{children:[(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"slotBrand"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"any"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"slotMetaNavigation"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"any"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"slotCallToAction"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"any"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"slotActionBar"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"any"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"drawerOpen"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"boolean"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"forceMobile"}),(0,n.jsxs)(t.td,{children:["Forces the header to use mobile layout for desktop as well.",(0,n.jsx)("br",{}),"You should only use this setting if you really can't provide a smaller navigation.",(0,n.jsx)("br",{}),"Overwrite size of the drawer with '--db-drawer-max-width: xxx'"]}),(0,n.jsx)(t.td,{children:"boolean"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"burgerMenuLabel"}),(0,n.jsx)(t.td,{children:"This attribute sets the label for the burger menu button for mobile headers."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"children"}),(0,n.jsx)(t.td,{children:"default slot"}),(0,n.jsx)(t.td,{children:"any"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"className"}),(0,n.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"describedbyid"}),(0,n.jsxs)(t.td,{children:[(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,n.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"id"}),(0,n.jsxs)(t.td,{children:[(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"key"}),(0,n.jsx)(t.td,{children:"React specific for render process."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"onToggle"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"function"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"(open: boolean) => void"})})})]})]})]})]})}function l(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,n.jsx)(d,{...e,children:(0,n.jsx)(a,{...e})})}},16134:function(e,t,r){"use strict";var n=r(52322),s=r(2784),i=r(13776);let d=(0,s.forwardRef)(function(e,t){let r=t||(0,s.useRef)(t);return(0,n.jsx)("button",{ref:r,...(0,i.mS)(e,[]),id:e.id,className:(0,i.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=d},63900:function(e,t,r){"use strict";var n,s,i,d,a,l,c;r.d(t,{IY:function(){return o},YP:function(){return h},ce:function(){return u}});let o="OVERWRITE_DEFAULT_ID",h="Back",u="Close Button";(a=n||(n={})).FUNCTIONAL="functional",a.REGULAR="regular",a.EXPRESSIVE="expressive",Object.entries(n).map(e=>{let[,t]=e;return t}),(s||(s={})).PRIMARY="primary",(l=i||(i={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(e=>{let[,t]=e;return t}),Object.entries(s).map(e=>{let[,t]=e;return t}),(c=d||(d={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(d).map(e=>{let[,t]=e;return t})},13776:function(e,t,r){"use strict";r.d(t,{MN:function(){return c},Vj:function(){return n},cd:function(){return l},mS:function(){return a},yI:function(){return i},yn:function(){return s}});let n=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},s=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&s(e,t)})},i=function(){for(var e=arguments.length,t=Array(e),r=0;r{if(e){if("string"==typeof e)n+="".concat(e," ");else for(let t in e)e[t]&&(n+="".concat(t," "))}}),n.trim()},d=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],a=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||d.includes(e))&&!t.includes(e)).reduce((t,r)=>(t[r]=e[r],t),{}),l=e=>{let{left:t,right:r}=e.getBoundingClientRect(),{innerWidth:n}=window;return t>=0&&r<=n},c=e=>{let{top:t,bottom:r}=e.getBoundingClientRect(),{innerHeight:n}=window;return t>=0&&r<=n}}},function(e){e.O(0,[49710,12156,92888,49774,40179],function(){return e(e.s=95153)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/icon-bc7e4b1d265ca642.js b/review/main/_next/static/chunks/pages/components/icon-ebd54c155906f533.js similarity index 72% rename from review/main/_next/static/chunks/pages/components/icon-bc7e4b1d265ca642.js rename to review/main/_next/static/chunks/pages/components/icon-ebd54c155906f533.js index 5248ce22242..960012e51b7 100644 --- a/review/main/_next/static/chunks/pages/components/icon-bc7e4b1d265ca642.js +++ b/review/main/_next/static/chunks/pages/components/icon-ebd54c155906f533.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[21380],{82238:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/icon",function(){return e(69033)}])},69033:function(n,t,e){"use strict";e.r(t);var i=e(52322),c=e(85424),o=e(86095),s=e(99341),r=e(42302),u=e(37395);let a=n=>{let{children:t}=n;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.EZ,{icon:"none",size:"small",variant:"informational",children:t}),(0,i.jsx)(o.Pg,{icon:"account",children:t})]})};t.default=()=>(0,i.jsx)(s.Z,{title:"DBIcon",variants:(0,u.P)(r,a,[(0,i.jsx)(c.default,{})])})}},function(n){n.O(0,[49710,14863,11803,83175,92888,49774,40179],function(){return n(n.s=82238)}),_N_E=n.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[21380],{82238:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/icon",function(){return e(69033)}])},69033:function(n,t,e){"use strict";e.r(t);var i=e(52322),c=e(85424),o=e(53752),s=e(99341),r=e(42302),u=e(37395);let a=n=>{let{children:t}=n;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.EZ,{icon:"none",size:"small",variant:"informational",children:t}),(0,i.jsx)(o.Pg,{icon:"account",children:t})]})};t.default=()=>(0,i.jsx)(s.Z,{title:"DBIcon",variants:(0,u.P)(r,a,[(0,i.jsx)(c.default,{})])})}},function(n){n.O(0,[49710,14863,12156,83175,92888,49774,40179],function(){return n(n.s=82238)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/icon/how-to-use-407471ab1b2f7b57.js b/review/main/_next/static/chunks/pages/components/icon/how-to-use-9acc2657db53c4ba.js similarity index 97% rename from review/main/_next/static/chunks/pages/components/icon/how-to-use-407471ab1b2f7b57.js rename to review/main/_next/static/chunks/pages/components/icon/how-to-use-9acc2657db53c4ba.js index 4c2a437be7f..03539cb6e2f 100644 --- a/review/main/_next/static/chunks/pages/components/icon/how-to-use-407471ab1b2f7b57.js +++ b/review/main/_next/static/chunks/pages/components/icon/how-to-use-9acc2657db53c4ba.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[41621],{98075:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/icon/how-to-use",function(){return t(3946)}])},10788:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return c}});var r=t(52322),a=t(45392);function o(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"angular",children:"Angular"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"load-component",children:"Load component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-ts",children:"// app.component.ts\nimport { DBIcon } from '@db-ui/ngx-components';\n\n@Component({\n // ...\n standalone: true,\n imports: [..., DBIcon],\n // ...\n})\n"})}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:'\nIcon\n'})})]})}function c(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(o,{...n})}):o(n)}},28064:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return c}});var r=t(52322),a=t(45392);function o(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"html",children:"HTML"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsxs)(e.p,{children:["You could use the ",(0,r.jsx)(e.code,{children:"data-icon"})," or ",(0,r.jsx)(e.code,{children:"data-icon-after"})," attributes on any HTML tag:"]}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:'\n...\n\n Icon \n\n'})})]})}function c(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(o,{...n})}):o(n)}},99961:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return c}});var r=t(52322),a=t(45392);function o(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"react",children:"React"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-tsx",children:'// App.tsx\nimport { DBIcon } from "@db-ui/react-components";\n\nconst App = () => Icon;\n\nexport default App;\n'})})]})}function c(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(o,{...n})}):o(n)}},66294:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return c}});var r=t(52322),a=t(45392);function o(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"vue",children:"Vue"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-vue",children:'\n\n\n\n'})})]})}function c(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(o,{...n})}):o(n)}},3946:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return p}});var r=t(52322),a=t(45392),o=t(11803),c=t(28064),i=t(10788),s=t(99961),l=t(66294);let u=n=>{let{children:e}=n;return(0,r.jsx)(o.Z,{children:e})};function d(n){let e={h1:"h1",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h1,{id:"how-to-use-dbicon",children:"How to use DBIcon"}),"\n",(0,r.jsx)(c.default,{}),"\n",(0,r.jsx)(i.default,{}),"\n",(0,r.jsx)(s.default,{}),"\n",(0,r.jsx)(l.default,{})]})}function p(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(u,{...n,children:(0,r.jsx)(d,{...n})})}},16134:function(n,e,t){"use strict";var r=t(52322),a=t(2784),o=t(13776);let c=(0,a.forwardRef)(function(n,e){let t=e||(0,a.useRef)(e);return(0,r.jsx)("button",{ref:t,...(0,o.mS)(n,[]),id:n.id,className:(0,o.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:e=>{n.onClick&&n.onClick(e)},children:n.children})});e.Z=c},63900:function(n,e,t){"use strict";var r,a,o,c,i,s,l;t.d(e,{IY:function(){return u},YP:function(){return d},ce:function(){return p}});let u="OVERWRITE_DEFAULT_ID",d="Back",p="Close Button";(i=r||(r={})).FUNCTIONAL="functional",i.REGULAR="regular",i.EXPRESSIVE="expressive",Object.entries(r).map(n=>{let[,e]=n;return e}),(a||(a={})).PRIMARY="primary",(s=o||(o={})).BASE="base",s.BASE_STRONG="base-strong",s.BASE_TRANSPARENT_SEMI="base-transparent-semi",s.BASE_TRANSPARENT_FULL="base-transparent-full",s.NEUTRAL="neutral",s.NEUTRAL_STRONG="neutral-strong",s.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",s.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",s.BRAND="brand",s.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",s.BRAND_TRANSPARENT_FULL="brand-transparent-full",s.SUCCESSFUL="successful",s.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",s.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",s.CRITICAL="critical",s.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",s.CRITICAL_TRANSPARENT_Full="critical-transparent-full",s.WARNING="warning",s.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",s.WARNING_TRANSPARENT_FULL="warning-transparent-full",s.INFORMATIONAL="informational",s.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",s.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(o).map(n=>{let[,e]=n;return e}),Object.entries(a).map(n=>{let[,e]=n;return e}),(l=c||(c={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(c).map(n=>{let[,e]=n;return e})},13776:function(n,e,t){"use strict";t.d(e,{MN:function(){return l},Vj:function(){return r},cd:function(){return s},mS:function(){return i},yI:function(){return o},yn:function(){return a}});let r=()=>{var n,e;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},a=(n,e)=>{Object.values(n.children).forEach(n=>{n.setAttribute(e.key,e.value),n.children.length>0&&a(n,e)})},o=function(){for(var n=arguments.length,e=Array(n),t=0;t{if(n){if("string"==typeof n)r+="".concat(n," ");else for(let e in n)n[e]&&(r+="".concat(e," "))}}),r.trim()},c=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],i=(n,e)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||c.includes(n))&&!e.includes(n)).reduce((e,t)=>(e[t]=n[t],e),{}),s=n=>{let{left:e,right:t}=n.getBoundingClientRect(),{innerWidth:r}=window;return e>=0&&t<=r},l=n=>{let{top:e,bottom:t}=n.getBoundingClientRect(),{innerHeight:r}=window;return e>=0&&t<=r}}},function(n){n.O(0,[49710,11803,92888,49774,40179],function(){return n(n.s=98075)}),_N_E=n.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[41621],{98075:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/icon/how-to-use",function(){return t(3946)}])},10788:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return c}});var r=t(52322),a=t(45392);function o(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"angular",children:"Angular"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"load-component",children:"Load component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-ts",children:"// app.component.ts\nimport { DBIcon } from '@db-ui/ngx-components';\n\n@Component({\n // ...\n standalone: true,\n imports: [..., DBIcon],\n // ...\n})\n"})}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:'\nIcon\n'})})]})}function c(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(o,{...n})}):o(n)}},28064:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return c}});var r=t(52322),a=t(45392);function o(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"html",children:"HTML"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsxs)(e.p,{children:["You could use the ",(0,r.jsx)(e.code,{children:"data-icon"})," or ",(0,r.jsx)(e.code,{children:"data-icon-after"})," attributes on any HTML tag:"]}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:'\n...\n\n Icon \n\n'})})]})}function c(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(o,{...n})}):o(n)}},99961:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return c}});var r=t(52322),a=t(45392);function o(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"react",children:"React"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-tsx",children:'// App.tsx\nimport { DBIcon } from "@db-ui/react-components";\n\nconst App = () => Icon;\n\nexport default App;\n'})})]})}function c(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(o,{...n})}):o(n)}},66294:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return c}});var r=t(52322),a=t(45392);function o(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"vue",children:"Vue"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-vue",children:'\n\n\n\n'})})]})}function c(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(o,{...n})}):o(n)}},3946:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return p}});var r=t(52322),a=t(45392),o=t(12156),c=t(28064),i=t(10788),s=t(99961),l=t(66294);let u=n=>{let{children:e}=n;return(0,r.jsx)(o.Z,{children:e})};function d(n){let e={h1:"h1",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h1,{id:"how-to-use-dbicon",children:"How to use DBIcon"}),"\n",(0,r.jsx)(c.default,{}),"\n",(0,r.jsx)(i.default,{}),"\n",(0,r.jsx)(s.default,{}),"\n",(0,r.jsx)(l.default,{})]})}function p(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(u,{...n,children:(0,r.jsx)(d,{...n})})}},16134:function(n,e,t){"use strict";var r=t(52322),a=t(2784),o=t(13776);let c=(0,a.forwardRef)(function(n,e){let t=e||(0,a.useRef)(e);return(0,r.jsx)("button",{ref:t,...(0,o.mS)(n,[]),id:n.id,className:(0,o.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:e=>{n.onClick&&n.onClick(e)},children:n.children})});e.Z=c},63900:function(n,e,t){"use strict";var r,a,o,c,i,s,l;t.d(e,{IY:function(){return u},YP:function(){return d},ce:function(){return p}});let u="OVERWRITE_DEFAULT_ID",d="Back",p="Close Button";(i=r||(r={})).FUNCTIONAL="functional",i.REGULAR="regular",i.EXPRESSIVE="expressive",Object.entries(r).map(n=>{let[,e]=n;return e}),(a||(a={})).PRIMARY="primary",(s=o||(o={})).BASE="base",s.BASE_STRONG="base-strong",s.BASE_TRANSPARENT_SEMI="base-transparent-semi",s.BASE_TRANSPARENT_FULL="base-transparent-full",s.NEUTRAL="neutral",s.NEUTRAL_STRONG="neutral-strong",s.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",s.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",s.BRAND="brand",s.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",s.BRAND_TRANSPARENT_FULL="brand-transparent-full",s.SUCCESSFUL="successful",s.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",s.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",s.CRITICAL="critical",s.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",s.CRITICAL_TRANSPARENT_Full="critical-transparent-full",s.WARNING="warning",s.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",s.WARNING_TRANSPARENT_FULL="warning-transparent-full",s.INFORMATIONAL="informational",s.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",s.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(o).map(n=>{let[,e]=n;return e}),Object.entries(a).map(n=>{let[,e]=n;return e}),(l=c||(c={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(c).map(n=>{let[,e]=n;return e})},13776:function(n,e,t){"use strict";t.d(e,{MN:function(){return l},Vj:function(){return r},cd:function(){return s},mS:function(){return i},yI:function(){return o},yn:function(){return a}});let r=()=>{var n,e;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},a=(n,e)=>{Object.values(n.children).forEach(n=>{n.setAttribute(e.key,e.value),n.children.length>0&&a(n,e)})},o=function(){for(var n=arguments.length,e=Array(n),t=0;t{if(n){if("string"==typeof n)r+="".concat(n," ");else for(let e in n)n[e]&&(r+="".concat(e," "))}}),r.trim()},c=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],i=(n,e)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||c.includes(n))&&!e.includes(n)).reduce((e,t)=>(e[t]=n[t],e),{}),s=n=>{let{left:e,right:t}=n.getBoundingClientRect(),{innerWidth:r}=window;return e>=0&&t<=r},l=n=>{let{top:e,bottom:t}=n.getBoundingClientRect(),{innerHeight:r}=window;return e>=0&&t<=r}}},function(n){n.O(0,[49710,12156,92888,49774,40179],function(){return n(n.s=98075)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/icon/migration-36d8bd1cc3c4235d.js b/review/main/_next/static/chunks/pages/components/icon/migration-985c2d81f9b94d79.js similarity index 98% rename from review/main/_next/static/chunks/pages/components/icon/migration-36d8bd1cc3c4235d.js rename to review/main/_next/static/chunks/pages/components/icon/migration-985c2d81f9b94d79.js index 1a0fe9c04c2..8a5c022810c 100644 --- a/review/main/_next/static/chunks/pages/components/icon/migration-36d8bd1cc3c4235d.js +++ b/review/main/_next/static/chunks/pages/components/icon/migration-985c2d81f9b94d79.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[24605],{47900:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/icon/migration",function(){return e(41003)}])},43983:function(t,n,e){"use strict";e.r(n),e.d(n,{default:function(){return s}});var r=e(52322),i=e(45392);function a(t){let n={a:"a",blockquote:"blockquote",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...t.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.h2,{id:"general",children:"General"}),"\n",(0,r.jsxs)(n.blockquote,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,r.jsx)(n.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,r.jsx)(n.h2,{id:"db-ui-core--db-ui-components",children:"DB UI Core ➡ DB UI Components"}),"\n",(0,r.jsx)(n.h3,{id:"class",children:"class"}),"\n",(0,r.jsxs)(n.table,{children:[(0,r.jsx)(n.thead,{children:(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.th,{children:"Before"}),(0,r.jsx)(n.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(n.th,{children:"After"}),(0,r.jsx)(n.th,{children:"Description"})]})}),(0,r.jsx)(n.tbody,{children:(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{}),(0,r.jsx)(n.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"db-icon"})}),(0,r.jsx)(n.td,{})]})})]}),"\n",(0,r.jsx)(n.h3,{id:"variant",children:"variant"}),"\n",(0,r.jsxs)(n.table,{children:[(0,r.jsx)(n.thead,{children:(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.th,{children:"Before"}),(0,r.jsx)(n.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(n.th,{children:"After"}),(0,r.jsx)(n.th,{children:"Description"})]})}),(0,r.jsx)(n.tbody,{children:(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"variant"})}),(0,r.jsx)(n.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(n.td,{children:"❌"}),(0,r.jsxs)(n.td,{children:["icon variants are controlled by ",(0,r.jsx)(n.code,{children:"font-family:var(--db-icon-font-family)"})," and ",(0,r.jsx)(n.code,{children:"font-weight: var(--db-icon-font-weight);"})]})]})})]})]})}function s(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:n}={...(0,i.a)(),...t.components};return n?(0,r.jsx)(n,{...t,children:(0,r.jsx)(a,{...t})}):a(t)}},41003:function(t,n,e){"use strict";e.r(n),e.d(n,{default:function(){return o}});var r=e(52322),i=e(45392),a=e(11803),s=e(43983);let c=t=>{let{children:n}=t;return(0,r.jsx)(a.Z,{children:n})};function l(t){let n={h1:"h1",...(0,i.a)(),...t.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.h1,{id:"dbicon-migration",children:"DBIcon Migration"}),"\n",(0,r.jsx)(s.default,{})]})}function o(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(c,{...t,children:(0,r.jsx)(l,{...t})})}},16134:function(t,n,e){"use strict";var r=e(52322),i=e(2784),a=e(13776);let s=(0,i.forwardRef)(function(t,n){let e=n||(0,i.useRef)(n);return(0,r.jsx)("button",{ref:e,...(0,a.mS)(t,[]),id:t.id,className:(0,a.yI)("db-button",t.className,{"is-icon-text-replace":t.noText}),type:t.type,disabled:t.disabled,"aria-label":t.label,"data-icon":t.icon,"data-size":t.size,"data-state":t.state,"data-width":t.width,"data-variant":t.variant,name:t.name,value:t.value,"aria-describedby":t.describedbyid,"aria-expanded":t.ariaexpanded,"aria-pressed":t.ariapressed,onClick:n=>{t.onClick&&t.onClick(n)},children:t.children})});n.Z=s},63900:function(t,n,e){"use strict";var r,i,a,s,c,l,o;e.d(n,{IY:function(){return d},YP:function(){return u},ce:function(){return h}});let d="OVERWRITE_DEFAULT_ID",u="Back",h="Close Button";(c=r||(r={})).FUNCTIONAL="functional",c.REGULAR="regular",c.EXPRESSIVE="expressive",Object.entries(r).map(t=>{let[,n]=t;return n}),(i||(i={})).PRIMARY="primary",(l=a||(a={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(a).map(t=>{let[,n]=t;return n}),Object.entries(i).map(t=>{let[,n]=t;return n}),(o=s||(s={})).CRITICAL="critical",o.INFORMATIONAL="informational",o.WARNING="warning",o.SUCCESSFUL="successful",Object.entries(s).map(t=>{let[,n]=t;return n})},13776:function(t,n,e){"use strict";e.d(n,{MN:function(){return o},Vj:function(){return r},cd:function(){return l},mS:function(){return c},yI:function(){return a},yn:function(){return i}});let r=()=>{var t,n;return(null===(t=window.crypto)||void 0===t?void 0:t.randomUUID)?window.crypto.randomUUID():(null===(n=window.crypto)||void 0===n?void 0:n.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(t,n)=>{Object.values(t.children).forEach(t=>{t.setAttribute(n.key,n.value),t.children.length>0&&i(t,n)})},a=function(){for(var t=arguments.length,n=Array(t),e=0;e{if(t){if("string"==typeof t)r+="".concat(t," ");else for(let n in t)t[n]&&(r+="".concat(n," "))}}),r.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],c=(t,n)=>Object.keys(t).filter(t=>(t.startsWith("data-")||t.startsWith("aria-")||t.startsWith("default")||t.startsWith("auto")||t.startsWith("item")||t.startsWith("on")||s.includes(t))&&!n.includes(t)).reduce((n,e)=>(n[e]=t[e],n),{}),l=t=>{let{left:n,right:e}=t.getBoundingClientRect(),{innerWidth:r}=window;return n>=0&&e<=r},o=t=>{let{top:n,bottom:e}=t.getBoundingClientRect(),{innerHeight:r}=window;return n>=0&&e<=r}}},function(t){t.O(0,[49710,11803,92888,49774,40179],function(){return t(t.s=47900)}),_N_E=t.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[24605],{47900:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/icon/migration",function(){return e(41003)}])},43983:function(t,n,e){"use strict";e.r(n),e.d(n,{default:function(){return s}});var r=e(52322),i=e(45392);function a(t){let n={a:"a",blockquote:"blockquote",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...t.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.h2,{id:"general",children:"General"}),"\n",(0,r.jsxs)(n.blockquote,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,r.jsx)(n.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,r.jsx)(n.h2,{id:"db-ui-core--db-ui-components",children:"DB UI Core ➡ DB UI Components"}),"\n",(0,r.jsx)(n.h3,{id:"class",children:"class"}),"\n",(0,r.jsxs)(n.table,{children:[(0,r.jsx)(n.thead,{children:(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.th,{children:"Before"}),(0,r.jsx)(n.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(n.th,{children:"After"}),(0,r.jsx)(n.th,{children:"Description"})]})}),(0,r.jsx)(n.tbody,{children:(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{}),(0,r.jsx)(n.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"db-icon"})}),(0,r.jsx)(n.td,{})]})})]}),"\n",(0,r.jsx)(n.h3,{id:"variant",children:"variant"}),"\n",(0,r.jsxs)(n.table,{children:[(0,r.jsx)(n.thead,{children:(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.th,{children:"Before"}),(0,r.jsx)(n.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(n.th,{children:"After"}),(0,r.jsx)(n.th,{children:"Description"})]})}),(0,r.jsx)(n.tbody,{children:(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"variant"})}),(0,r.jsx)(n.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(n.td,{children:"❌"}),(0,r.jsxs)(n.td,{children:["icon variants are controlled by ",(0,r.jsx)(n.code,{children:"font-family:var(--db-icon-font-family)"})," and ",(0,r.jsx)(n.code,{children:"font-weight: var(--db-icon-font-weight);"})]})]})})]})]})}function s(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:n}={...(0,i.a)(),...t.components};return n?(0,r.jsx)(n,{...t,children:(0,r.jsx)(a,{...t})}):a(t)}},41003:function(t,n,e){"use strict";e.r(n),e.d(n,{default:function(){return o}});var r=e(52322),i=e(45392),a=e(12156),s=e(43983);let c=t=>{let{children:n}=t;return(0,r.jsx)(a.Z,{children:n})};function l(t){let n={h1:"h1",...(0,i.a)(),...t.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.h1,{id:"dbicon-migration",children:"DBIcon Migration"}),"\n",(0,r.jsx)(s.default,{})]})}function o(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(c,{...t,children:(0,r.jsx)(l,{...t})})}},16134:function(t,n,e){"use strict";var r=e(52322),i=e(2784),a=e(13776);let s=(0,i.forwardRef)(function(t,n){let e=n||(0,i.useRef)(n);return(0,r.jsx)("button",{ref:e,...(0,a.mS)(t,[]),id:t.id,className:(0,a.yI)("db-button",t.className,{"is-icon-text-replace":t.noText}),type:t.type,disabled:t.disabled,"aria-label":t.label,"data-icon":t.icon,"data-size":t.size,"data-state":t.state,"data-width":t.width,"data-variant":t.variant,name:t.name,value:t.value,"aria-describedby":t.describedbyid,"aria-expanded":t.ariaexpanded,"aria-pressed":t.ariapressed,onClick:n=>{t.onClick&&t.onClick(n)},children:t.children})});n.Z=s},63900:function(t,n,e){"use strict";var r,i,a,s,c,l,o;e.d(n,{IY:function(){return d},YP:function(){return u},ce:function(){return h}});let d="OVERWRITE_DEFAULT_ID",u="Back",h="Close Button";(c=r||(r={})).FUNCTIONAL="functional",c.REGULAR="regular",c.EXPRESSIVE="expressive",Object.entries(r).map(t=>{let[,n]=t;return n}),(i||(i={})).PRIMARY="primary",(l=a||(a={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(a).map(t=>{let[,n]=t;return n}),Object.entries(i).map(t=>{let[,n]=t;return n}),(o=s||(s={})).CRITICAL="critical",o.INFORMATIONAL="informational",o.WARNING="warning",o.SUCCESSFUL="successful",Object.entries(s).map(t=>{let[,n]=t;return n})},13776:function(t,n,e){"use strict";e.d(n,{MN:function(){return o},Vj:function(){return r},cd:function(){return l},mS:function(){return c},yI:function(){return a},yn:function(){return i}});let r=()=>{var t,n;return(null===(t=window.crypto)||void 0===t?void 0:t.randomUUID)?window.crypto.randomUUID():(null===(n=window.crypto)||void 0===n?void 0:n.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(t,n)=>{Object.values(t.children).forEach(t=>{t.setAttribute(n.key,n.value),t.children.length>0&&i(t,n)})},a=function(){for(var t=arguments.length,n=Array(t),e=0;e{if(t){if("string"==typeof t)r+="".concat(t," ");else for(let n in t)t[n]&&(r+="".concat(n," "))}}),r.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],c=(t,n)=>Object.keys(t).filter(t=>(t.startsWith("data-")||t.startsWith("aria-")||t.startsWith("default")||t.startsWith("auto")||t.startsWith("item")||t.startsWith("on")||s.includes(t))&&!n.includes(t)).reduce((n,e)=>(n[e]=t[e],n),{}),l=t=>{let{left:n,right:e}=t.getBoundingClientRect(),{innerWidth:r}=window;return n>=0&&e<=r},o=t=>{let{top:n,bottom:e}=t.getBoundingClientRect(),{innerHeight:r}=window;return n>=0&&e<=r}}},function(t){t.O(0,[49710,12156,92888,49774,40179],function(){return t(t.s=47900)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/icon/overview-7486ccf8142cc6b9.js b/review/main/_next/static/chunks/pages/components/icon/overview-f78d31a23fffeade.js similarity index 81% rename from review/main/_next/static/chunks/pages/components/icon/overview-7486ccf8142cc6b9.js rename to review/main/_next/static/chunks/pages/components/icon/overview-f78d31a23fffeade.js index 3677c92fcee..a226ac183eb 100644 --- a/review/main/_next/static/chunks/pages/components/icon/overview-7486ccf8142cc6b9.js +++ b/review/main/_next/static/chunks/pages/components/icon/overview-f78d31a23fffeade.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4424],{80135:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/icon/overview",function(){return t(84702)}])},84702:function(n,e,t){"use strict";t.r(e);var i=t(52322),c=t(85424),o=t(86095),r=t(99341),s=t(42302),u=t(37395);let a=n=>{let{children:e}=n;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.EZ,{icon:"none",size:"small",variant:"informational",children:e}),(0,i.jsx)(o.Pg,{icon:"account",children:e})]})};e.default=()=>(0,i.jsx)(r.Z,{title:"DBIcon",variants:(0,u.P)(s,a,[(0,i.jsx)(c.default,{})])})}},function(n){n.O(0,[49710,14863,11803,83175,92888,49774,40179],function(){return n(n.s=80135)}),_N_E=n.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4424],{80135:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/icon/overview",function(){return t(84702)}])},84702:function(n,e,t){"use strict";t.r(e);var i=t(52322),c=t(85424),o=t(53752),r=t(99341),s=t(42302),u=t(37395);let a=n=>{let{children:e}=n;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.EZ,{icon:"none",size:"small",variant:"informational",children:e}),(0,i.jsx)(o.Pg,{icon:"account",children:e})]})};e.default=()=>(0,i.jsx)(r.Z,{title:"DBIcon",variants:(0,u.P)(s,a,[(0,i.jsx)(c.default,{})])})}},function(n){n.O(0,[49710,14863,12156,83175,92888,49774,40179],function(){return n(n.s=80135)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/icon/properties-4fb5e01a15dee9f0.js b/review/main/_next/static/chunks/pages/components/icon/properties-07c89e8e5e1a9656.js similarity index 98% rename from review/main/_next/static/chunks/pages/components/icon/properties-4fb5e01a15dee9f0.js rename to review/main/_next/static/chunks/pages/components/icon/properties-07c89e8e5e1a9656.js index 47df6e0b063..08f3c7132f8 100644 --- a/review/main/_next/static/chunks/pages/components/icon/properties-4fb5e01a15dee9f0.js +++ b/review/main/_next/static/chunks/pages/components/icon/properties-07c89e8e5e1a9656.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[25534],{85731:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/icon/properties",function(){return n(67548)}])},67548:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return c}});var r=n(52322),i=n(45392),s=n(11803);let a=e=>{let{children:t}=e;return(0,r.jsx)(s.Z,{children:t})};function d(e){let t={a:"a",code:"code",em:"em",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbicon",children:"DBIcon"}),"\n",(0,r.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Name"}),(0,r.jsx)(t.th,{children:"Description"}),(0,r.jsx)(t.th,{children:"Type"}),(0,r.jsx)(t.th,{children:"Options"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"variant"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'default' | 'inverted' | 'solid'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"weight"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'16' | '20' | '24' | '32' | '48' | '64'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"children"}),(0,r.jsx)(t.td,{children:"default slot"}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"className"}),(0,r.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"describedbyid"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,r.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"id"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"key"}),(0,r.jsx)(t.td,{children:"React specific for render process."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"icon"}),(0,r.jsxs)(t.td,{children:["Define an icon by its identifier (like e.g. ",(0,r.jsx)(t.em,{children:"account"}),", compare to ",(0,r.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"Icons"}),") to get displayed in front of the elements content."]}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"IconTypes"})})]})]})]})]})}function c(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(a,{...e,children:(0,r.jsx)(d,{...e})})}},16134:function(e,t,n){"use strict";var r=n(52322),i=n(2784),s=n(13776);let a=(0,i.forwardRef)(function(e,t){let n=t||(0,i.useRef)(t);return(0,r.jsx)("button",{ref:n,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=a},63900:function(e,t,n){"use strict";var r,i,s,a,d,c,l;n.d(t,{IY:function(){return o},YP:function(){return u},ce:function(){return h}});let o="OVERWRITE_DEFAULT_ID",u="Back",h="Close Button";(d=r||(r={})).FUNCTIONAL="functional",d.REGULAR="regular",d.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,t]=e;return t}),(i||(i={})).PRIMARY="primary",(c=s||(s={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(e=>{let[,t]=e;return t}),Object.entries(i).map(e=>{let[,t]=e;return t}),(l=a||(a={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(a).map(e=>{let[,t]=e;return t})},13776:function(e,t,n){"use strict";n.d(t,{MN:function(){return l},Vj:function(){return r},cd:function(){return c},mS:function(){return d},yI:function(){return s},yn:function(){return i}});let r=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&i(e,t)})},s=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let t in e)e[t]&&(r+="".concat(t," "))}}),r.trim()},a=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],d=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||a.includes(e))&&!t.includes(e)).reduce((t,n)=>(t[n]=e[n],t),{}),c=e=>{let{left:t,right:n}=e.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&n<=r},l=e=>{let{top:t,bottom:n}=e.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&n<=r}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=85731)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[25534],{85731:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/icon/properties",function(){return n(67548)}])},67548:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return c}});var r=n(52322),i=n(45392),s=n(12156);let a=e=>{let{children:t}=e;return(0,r.jsx)(s.Z,{children:t})};function d(e){let t={a:"a",code:"code",em:"em",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbicon",children:"DBIcon"}),"\n",(0,r.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Name"}),(0,r.jsx)(t.th,{children:"Description"}),(0,r.jsx)(t.th,{children:"Type"}),(0,r.jsx)(t.th,{children:"Options"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"variant"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'default' | 'inverted' | 'solid'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"weight"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'16' | '20' | '24' | '32' | '48' | '64'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"children"}),(0,r.jsx)(t.td,{children:"default slot"}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"className"}),(0,r.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"describedbyid"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,r.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"id"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"key"}),(0,r.jsx)(t.td,{children:"React specific for render process."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"icon"}),(0,r.jsxs)(t.td,{children:["Define an icon by its identifier (like e.g. ",(0,r.jsx)(t.em,{children:"account"}),", compare to ",(0,r.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"Icons"}),") to get displayed in front of the elements content."]}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"IconTypes"})})]})]})]})]})}function c(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(a,{...e,children:(0,r.jsx)(d,{...e})})}},16134:function(e,t,n){"use strict";var r=n(52322),i=n(2784),s=n(13776);let a=(0,i.forwardRef)(function(e,t){let n=t||(0,i.useRef)(t);return(0,r.jsx)("button",{ref:n,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=a},63900:function(e,t,n){"use strict";var r,i,s,a,d,c,l;n.d(t,{IY:function(){return o},YP:function(){return u},ce:function(){return h}});let o="OVERWRITE_DEFAULT_ID",u="Back",h="Close Button";(d=r||(r={})).FUNCTIONAL="functional",d.REGULAR="regular",d.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,t]=e;return t}),(i||(i={})).PRIMARY="primary",(c=s||(s={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(e=>{let[,t]=e;return t}),Object.entries(i).map(e=>{let[,t]=e;return t}),(l=a||(a={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(a).map(e=>{let[,t]=e;return t})},13776:function(e,t,n){"use strict";n.d(t,{MN:function(){return l},Vj:function(){return r},cd:function(){return c},mS:function(){return d},yI:function(){return s},yn:function(){return i}});let r=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&i(e,t)})},s=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let t in e)e[t]&&(r+="".concat(t," "))}}),r.trim()},a=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],d=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||a.includes(e))&&!t.includes(e)).reduce((t,n)=>(t[n]=e[n],t),{}),c=e=>{let{left:t,right:n}=e.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&n<=r},l=e=>{let{top:t,bottom:n}=e.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&n<=r}}},function(e){e.O(0,[49710,12156,92888,49774,40179],function(){return e(e.s=85731)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/infotext-c0df1afe2c8cc5c2.js b/review/main/_next/static/chunks/pages/components/infotext-8915dda6f3e778b1.js similarity index 81% rename from review/main/_next/static/chunks/pages/components/infotext-c0df1afe2c8cc5c2.js rename to review/main/_next/static/chunks/pages/components/infotext-8915dda6f3e778b1.js index 7eec26cf17a..e969f116ceb 100644 --- a/review/main/_next/static/chunks/pages/components/infotext-c0df1afe2c8cc5c2.js +++ b/review/main/_next/static/chunks/pages/components/infotext-8915dda6f3e778b1.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[66857],{26397:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/infotext",function(){return e(26517)}])},26517:function(n,t,e){"use strict";e.r(t);var u=e(52322),i=e(40837),s=e(17558),f=e(14139),o=e(86095),r=e(99341),_=e(6514),a=e(37395);let c=n=>{let{variant:t,size:e,icon:i,children:s}=n;return(0,u.jsx)(o.EZ,{variant:t,size:e,icon:i,children:s})};t.default=()=>(0,u.jsx)(r.Z,{title:"DBInfotext",variants:(0,a.P)(_,c,[(0,u.jsx)(i.default,{}),(0,u.jsx)(s.default,{}),(0,u.jsx)(f.default,{})])})}},function(n){n.O(0,[49710,14863,11803,17558,71581,92888,49774,40179],function(){return n(n.s=26397)}),_N_E=n.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[66857],{26397:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/infotext",function(){return e(26517)}])},26517:function(n,t,e){"use strict";e.r(t);var u=e(52322),i=e(40837),s=e(17558),f=e(14139),o=e(53752),r=e(99341),_=e(6514),a=e(37395);let c=n=>{let{variant:t,size:e,icon:i,children:s}=n;return(0,u.jsx)(o.EZ,{variant:t,size:e,icon:i,children:s})};t.default=()=>(0,u.jsx)(r.Z,{title:"DBInfotext",variants:(0,a.P)(_,c,[(0,u.jsx)(i.default,{}),(0,u.jsx)(s.default,{}),(0,u.jsx)(f.default,{})])})}},function(n){n.O(0,[49710,14863,12156,17558,71581,92888,49774,40179],function(){return n(n.s=26397)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/infotext/how-to-use-f0702ce34cb69627.js b/review/main/_next/static/chunks/pages/components/infotext/how-to-use-5ce79d3f91a385c9.js similarity index 97% rename from review/main/_next/static/chunks/pages/components/infotext/how-to-use-f0702ce34cb69627.js rename to review/main/_next/static/chunks/pages/components/infotext/how-to-use-5ce79d3f91a385c9.js index 173c662e8a2..86577a5e7f6 100644 --- a/review/main/_next/static/chunks/pages/components/infotext/how-to-use-f0702ce34cb69627.js +++ b/review/main/_next/static/chunks/pages/components/infotext/how-to-use-5ce79d3f91a385c9.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[65721],{91824:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/infotext/how-to-use",function(){return t(29469)}])},59146:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var r=t(52322),a=t(45392);function o(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"angular",children:"Angular"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"load-component",children:"Load component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-ts",children:"// app.component.ts\nimport { DBInfotext } from '@db-ui/ngx-components';\n\n@Component({\n // ...\n standalone: true,\n imports: [..., DBInfotext],\n // ...\n})\n"})}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:"\nInfotext\n"})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(o,{...n})}):o(n)}},55880:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var r=t(52322),a=t(45392);function o(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"html",children:"HTML"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:'\n...\n\n Infotext \n\n'})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(o,{...n})}):o(n)}},65309:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var r=t(52322),a=t(45392);function o(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"react",children:"React"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-tsx",children:'// App.tsx\nimport { DBInfotext } from "@db-ui/react-components";\n\nconst App = () => Infotext;\n\nexport default App;\n'})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(o,{...n})}):o(n)}},71558:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var r=t(52322),a=t(45392);function o(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"vue",children:"Vue"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-vue",children:'\n\n\n\n'})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(o,{...n})}):o(n)}},29469:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return p}});var r=t(52322),a=t(45392),o=t(11803),s=t(55880),i=t(59146),c=t(65309),l=t(71558);let u=n=>{let{children:e}=n;return(0,r.jsx)(o.Z,{children:e})};function d(n){let e={h1:"h1",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h1,{id:"how-to-use-dbinfotext",children:"How to use DBInfotext"}),"\n",(0,r.jsx)(s.default,{}),"\n",(0,r.jsx)(i.default,{}),"\n",(0,r.jsx)(c.default,{}),"\n",(0,r.jsx)(l.default,{})]})}function p(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(u,{...n,children:(0,r.jsx)(d,{...n})})}},16134:function(n,e,t){"use strict";var r=t(52322),a=t(2784),o=t(13776);let s=(0,a.forwardRef)(function(n,e){let t=e||(0,a.useRef)(e);return(0,r.jsx)("button",{ref:t,...(0,o.mS)(n,[]),id:n.id,className:(0,o.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:e=>{n.onClick&&n.onClick(e)},children:n.children})});e.Z=s},63900:function(n,e,t){"use strict";var r,a,o,s,i,c,l;t.d(e,{IY:function(){return u},YP:function(){return d},ce:function(){return p}});let u="OVERWRITE_DEFAULT_ID",d="Back",p="Close Button";(i=r||(r={})).FUNCTIONAL="functional",i.REGULAR="regular",i.EXPRESSIVE="expressive",Object.entries(r).map(n=>{let[,e]=n;return e}),(a||(a={})).PRIMARY="primary",(c=o||(o={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(o).map(n=>{let[,e]=n;return e}),Object.entries(a).map(n=>{let[,e]=n;return e}),(l=s||(s={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(s).map(n=>{let[,e]=n;return e})},13776:function(n,e,t){"use strict";t.d(e,{MN:function(){return l},Vj:function(){return r},cd:function(){return c},mS:function(){return i},yI:function(){return o},yn:function(){return a}});let r=()=>{var n,e;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},a=(n,e)=>{Object.values(n.children).forEach(n=>{n.setAttribute(e.key,e.value),n.children.length>0&&a(n,e)})},o=function(){for(var n=arguments.length,e=Array(n),t=0;t{if(n){if("string"==typeof n)r+="".concat(n," ");else for(let e in n)n[e]&&(r+="".concat(e," "))}}),r.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],i=(n,e)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||s.includes(n))&&!e.includes(n)).reduce((e,t)=>(e[t]=n[t],e),{}),c=n=>{let{left:e,right:t}=n.getBoundingClientRect(),{innerWidth:r}=window;return e>=0&&t<=r},l=n=>{let{top:e,bottom:t}=n.getBoundingClientRect(),{innerHeight:r}=window;return e>=0&&t<=r}}},function(n){n.O(0,[49710,11803,92888,49774,40179],function(){return n(n.s=91824)}),_N_E=n.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[65721],{91824:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/infotext/how-to-use",function(){return t(29469)}])},59146:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var r=t(52322),a=t(45392);function o(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"angular",children:"Angular"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"load-component",children:"Load component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-ts",children:"// app.component.ts\nimport { DBInfotext } from '@db-ui/ngx-components';\n\n@Component({\n // ...\n standalone: true,\n imports: [..., DBInfotext],\n // ...\n})\n"})}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:"\nInfotext\n"})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(o,{...n})}):o(n)}},55880:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var r=t(52322),a=t(45392);function o(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"html",children:"HTML"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:'\n...\n\n Infotext \n\n'})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(o,{...n})}):o(n)}},65309:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var r=t(52322),a=t(45392);function o(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"react",children:"React"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-tsx",children:'// App.tsx\nimport { DBInfotext } from "@db-ui/react-components";\n\nconst App = () => Infotext;\n\nexport default App;\n'})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(o,{...n})}):o(n)}},71558:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var r=t(52322),a=t(45392);function o(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"vue",children:"Vue"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-vue",children:'\n\n\n\n'})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(o,{...n})}):o(n)}},29469:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return p}});var r=t(52322),a=t(45392),o=t(12156),s=t(55880),i=t(59146),c=t(65309),l=t(71558);let u=n=>{let{children:e}=n;return(0,r.jsx)(o.Z,{children:e})};function d(n){let e={h1:"h1",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h1,{id:"how-to-use-dbinfotext",children:"How to use DBInfotext"}),"\n",(0,r.jsx)(s.default,{}),"\n",(0,r.jsx)(i.default,{}),"\n",(0,r.jsx)(c.default,{}),"\n",(0,r.jsx)(l.default,{})]})}function p(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(u,{...n,children:(0,r.jsx)(d,{...n})})}},16134:function(n,e,t){"use strict";var r=t(52322),a=t(2784),o=t(13776);let s=(0,a.forwardRef)(function(n,e){let t=e||(0,a.useRef)(e);return(0,r.jsx)("button",{ref:t,...(0,o.mS)(n,[]),id:n.id,className:(0,o.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:e=>{n.onClick&&n.onClick(e)},children:n.children})});e.Z=s},63900:function(n,e,t){"use strict";var r,a,o,s,i,c,l;t.d(e,{IY:function(){return u},YP:function(){return d},ce:function(){return p}});let u="OVERWRITE_DEFAULT_ID",d="Back",p="Close Button";(i=r||(r={})).FUNCTIONAL="functional",i.REGULAR="regular",i.EXPRESSIVE="expressive",Object.entries(r).map(n=>{let[,e]=n;return e}),(a||(a={})).PRIMARY="primary",(c=o||(o={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(o).map(n=>{let[,e]=n;return e}),Object.entries(a).map(n=>{let[,e]=n;return e}),(l=s||(s={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(s).map(n=>{let[,e]=n;return e})},13776:function(n,e,t){"use strict";t.d(e,{MN:function(){return l},Vj:function(){return r},cd:function(){return c},mS:function(){return i},yI:function(){return o},yn:function(){return a}});let r=()=>{var n,e;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},a=(n,e)=>{Object.values(n.children).forEach(n=>{n.setAttribute(e.key,e.value),n.children.length>0&&a(n,e)})},o=function(){for(var n=arguments.length,e=Array(n),t=0;t{if(n){if("string"==typeof n)r+="".concat(n," ");else for(let e in n)n[e]&&(r+="".concat(e," "))}}),r.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],i=(n,e)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||s.includes(n))&&!e.includes(n)).reduce((e,t)=>(e[t]=n[t],e),{}),c=n=>{let{left:e,right:t}=n.getBoundingClientRect(),{innerWidth:r}=window;return e>=0&&t<=r},l=n=>{let{top:e,bottom:t}=n.getBoundingClientRect(),{innerHeight:r}=window;return e>=0&&t<=r}}},function(n){n.O(0,[49710,12156,92888,49774,40179],function(){return n(n.s=91824)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/infotext/migration-5f61fb370839ff81.js b/review/main/_next/static/chunks/pages/components/infotext/migration-e50eda67dfc629a8.js similarity index 97% rename from review/main/_next/static/chunks/pages/components/infotext/migration-5f61fb370839ff81.js rename to review/main/_next/static/chunks/pages/components/infotext/migration-e50eda67dfc629a8.js index 19ec193b8b9..fcfc5143b2d 100644 --- a/review/main/_next/static/chunks/pages/components/infotext/migration-5f61fb370839ff81.js +++ b/review/main/_next/static/chunks/pages/components/infotext/migration-e50eda67dfc629a8.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[50866],{4051:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/infotext/migration",function(){return e(83365)}])},26059:function(t,n,e){"use strict";e.r(n),e.d(n,{default:function(){return s}});var r=e(52322),a=e(45392);function i(t){let n={a:"a",blockquote:"blockquote",h2:"h2",p:"p",strong:"strong",...(0,a.a)(),...t.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.h2,{id:"general",children:"General"}),"\n",(0,r.jsxs)(n.blockquote,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,r.jsx)(n.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,r.jsx)(n.h2,{id:"db-ui-core--db-ui-components",children:"DB UI Core ➡ DB UI Components"}),"\n",(0,r.jsx)(n.p,{children:"New Component \uD83E\uDD73"})]})}function s(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:n}={...(0,a.a)(),...t.components};return n?(0,r.jsx)(n,{...t,children:(0,r.jsx)(i,{...t})}):i(t)}},83365:function(t,n,e){"use strict";e.r(n),e.d(n,{default:function(){return c}});var r=e(52322),a=e(45392),i=e(11803),s=e(26059);let o=t=>{let{children:n}=t;return(0,r.jsx)(i.Z,{children:n})};function l(t){let n={h1:"h1",...(0,a.a)(),...t.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.h1,{id:"dbinfotext-migration",children:"DBInfotext Migration"}),"\n",(0,r.jsx)(s.default,{})]})}function c(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(o,{...t,children:(0,r.jsx)(l,{...t})})}},16134:function(t,n,e){"use strict";var r=e(52322),a=e(2784),i=e(13776);let s=(0,a.forwardRef)(function(t,n){let e=n||(0,a.useRef)(n);return(0,r.jsx)("button",{ref:e,...(0,i.mS)(t,[]),id:t.id,className:(0,i.yI)("db-button",t.className,{"is-icon-text-replace":t.noText}),type:t.type,disabled:t.disabled,"aria-label":t.label,"data-icon":t.icon,"data-size":t.size,"data-state":t.state,"data-width":t.width,"data-variant":t.variant,name:t.name,value:t.value,"aria-describedby":t.describedbyid,"aria-expanded":t.ariaexpanded,"aria-pressed":t.ariapressed,onClick:n=>{t.onClick&&t.onClick(n)},children:t.children})});n.Z=s},63900:function(t,n,e){"use strict";var r,a,i,s,o,l,c;e.d(n,{IY:function(){return u},YP:function(){return d},ce:function(){return f}});let u="OVERWRITE_DEFAULT_ID",d="Back",f="Close Button";(o=r||(r={})).FUNCTIONAL="functional",o.REGULAR="regular",o.EXPRESSIVE="expressive",Object.entries(r).map(t=>{let[,n]=t;return n}),(a||(a={})).PRIMARY="primary",(l=i||(i={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(t=>{let[,n]=t;return n}),Object.entries(a).map(t=>{let[,n]=t;return n}),(c=s||(s={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(s).map(t=>{let[,n]=t;return n})},13776:function(t,n,e){"use strict";e.d(n,{MN:function(){return c},Vj:function(){return r},cd:function(){return l},mS:function(){return o},yI:function(){return i},yn:function(){return a}});let r=()=>{var t,n;return(null===(t=window.crypto)||void 0===t?void 0:t.randomUUID)?window.crypto.randomUUID():(null===(n=window.crypto)||void 0===n?void 0:n.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},a=(t,n)=>{Object.values(t.children).forEach(t=>{t.setAttribute(n.key,n.value),t.children.length>0&&a(t,n)})},i=function(){for(var t=arguments.length,n=Array(t),e=0;e{if(t){if("string"==typeof t)r+="".concat(t," ");else for(let n in t)t[n]&&(r+="".concat(n," "))}}),r.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],o=(t,n)=>Object.keys(t).filter(t=>(t.startsWith("data-")||t.startsWith("aria-")||t.startsWith("default")||t.startsWith("auto")||t.startsWith("item")||t.startsWith("on")||s.includes(t))&&!n.includes(t)).reduce((n,e)=>(n[e]=t[e],n),{}),l=t=>{let{left:n,right:e}=t.getBoundingClientRect(),{innerWidth:r}=window;return n>=0&&e<=r},c=t=>{let{top:n,bottom:e}=t.getBoundingClientRect(),{innerHeight:r}=window;return n>=0&&e<=r}}},function(t){t.O(0,[49710,11803,92888,49774,40179],function(){return t(t.s=4051)}),_N_E=t.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[50866],{4051:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/infotext/migration",function(){return e(83365)}])},26059:function(t,n,e){"use strict";e.r(n),e.d(n,{default:function(){return s}});var r=e(52322),a=e(45392);function i(t){let n={a:"a",blockquote:"blockquote",h2:"h2",p:"p",strong:"strong",...(0,a.a)(),...t.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.h2,{id:"general",children:"General"}),"\n",(0,r.jsxs)(n.blockquote,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,r.jsx)(n.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,r.jsx)(n.h2,{id:"db-ui-core--db-ui-components",children:"DB UI Core ➡ DB UI Components"}),"\n",(0,r.jsx)(n.p,{children:"New Component \uD83E\uDD73"})]})}function s(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:n}={...(0,a.a)(),...t.components};return n?(0,r.jsx)(n,{...t,children:(0,r.jsx)(i,{...t})}):i(t)}},83365:function(t,n,e){"use strict";e.r(n),e.d(n,{default:function(){return c}});var r=e(52322),a=e(45392),i=e(12156),s=e(26059);let o=t=>{let{children:n}=t;return(0,r.jsx)(i.Z,{children:n})};function l(t){let n={h1:"h1",...(0,a.a)(),...t.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.h1,{id:"dbinfotext-migration",children:"DBInfotext Migration"}),"\n",(0,r.jsx)(s.default,{})]})}function c(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(o,{...t,children:(0,r.jsx)(l,{...t})})}},16134:function(t,n,e){"use strict";var r=e(52322),a=e(2784),i=e(13776);let s=(0,a.forwardRef)(function(t,n){let e=n||(0,a.useRef)(n);return(0,r.jsx)("button",{ref:e,...(0,i.mS)(t,[]),id:t.id,className:(0,i.yI)("db-button",t.className,{"is-icon-text-replace":t.noText}),type:t.type,disabled:t.disabled,"aria-label":t.label,"data-icon":t.icon,"data-size":t.size,"data-state":t.state,"data-width":t.width,"data-variant":t.variant,name:t.name,value:t.value,"aria-describedby":t.describedbyid,"aria-expanded":t.ariaexpanded,"aria-pressed":t.ariapressed,onClick:n=>{t.onClick&&t.onClick(n)},children:t.children})});n.Z=s},63900:function(t,n,e){"use strict";var r,a,i,s,o,l,c;e.d(n,{IY:function(){return u},YP:function(){return d},ce:function(){return f}});let u="OVERWRITE_DEFAULT_ID",d="Back",f="Close Button";(o=r||(r={})).FUNCTIONAL="functional",o.REGULAR="regular",o.EXPRESSIVE="expressive",Object.entries(r).map(t=>{let[,n]=t;return n}),(a||(a={})).PRIMARY="primary",(l=i||(i={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(t=>{let[,n]=t;return n}),Object.entries(a).map(t=>{let[,n]=t;return n}),(c=s||(s={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(s).map(t=>{let[,n]=t;return n})},13776:function(t,n,e){"use strict";e.d(n,{MN:function(){return c},Vj:function(){return r},cd:function(){return l},mS:function(){return o},yI:function(){return i},yn:function(){return a}});let r=()=>{var t,n;return(null===(t=window.crypto)||void 0===t?void 0:t.randomUUID)?window.crypto.randomUUID():(null===(n=window.crypto)||void 0===n?void 0:n.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},a=(t,n)=>{Object.values(t.children).forEach(t=>{t.setAttribute(n.key,n.value),t.children.length>0&&a(t,n)})},i=function(){for(var t=arguments.length,n=Array(t),e=0;e{if(t){if("string"==typeof t)r+="".concat(t," ");else for(let n in t)t[n]&&(r+="".concat(n," "))}}),r.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],o=(t,n)=>Object.keys(t).filter(t=>(t.startsWith("data-")||t.startsWith("aria-")||t.startsWith("default")||t.startsWith("auto")||t.startsWith("item")||t.startsWith("on")||s.includes(t))&&!n.includes(t)).reduce((n,e)=>(n[e]=t[e],n),{}),l=t=>{let{left:n,right:e}=t.getBoundingClientRect(),{innerWidth:r}=window;return n>=0&&e<=r},c=t=>{let{top:n,bottom:e}=t.getBoundingClientRect(),{innerHeight:r}=window;return n>=0&&e<=r}}},function(t){t.O(0,[49710,12156,92888,49774,40179],function(){return t(t.s=4051)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/infotext/overview-a3b73874764894c2.js b/review/main/_next/static/chunks/pages/components/infotext/overview-2841421476ecda4a.js similarity index 81% rename from review/main/_next/static/chunks/pages/components/infotext/overview-a3b73874764894c2.js rename to review/main/_next/static/chunks/pages/components/infotext/overview-2841421476ecda4a.js index 4ca1e208c99..a23484525f0 100644 --- a/review/main/_next/static/chunks/pages/components/infotext/overview-a3b73874764894c2.js +++ b/review/main/_next/static/chunks/pages/components/infotext/overview-2841421476ecda4a.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[32987],{54674:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/infotext/overview",function(){return e(10644)}])},10644:function(n,t,e){"use strict";e.r(t);var u=e(52322),i=e(40837),s=e(17558),f=e(14139),o=e(86095),r=e(99341),_=e(6514),a=e(37395);let c=n=>{let{variant:t,size:e,icon:i,children:s}=n;return(0,u.jsx)(o.EZ,{variant:t,size:e,icon:i,children:s})};t.default=()=>(0,u.jsx)(r.Z,{title:"DBInfotext",variants:(0,a.P)(_,c,[(0,u.jsx)(i.default,{}),(0,u.jsx)(s.default,{}),(0,u.jsx)(f.default,{})])})}},function(n){n.O(0,[49710,14863,11803,17558,71581,92888,49774,40179],function(){return n(n.s=54674)}),_N_E=n.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[32987],{54674:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/infotext/overview",function(){return e(10644)}])},10644:function(n,t,e){"use strict";e.r(t);var u=e(52322),i=e(40837),s=e(17558),f=e(14139),o=e(53752),r=e(99341),_=e(6514),a=e(37395);let c=n=>{let{variant:t,size:e,icon:i,children:s}=n;return(0,u.jsx)(o.EZ,{variant:t,size:e,icon:i,children:s})};t.default=()=>(0,u.jsx)(r.Z,{title:"DBInfotext",variants:(0,a.P)(_,c,[(0,u.jsx)(i.default,{}),(0,u.jsx)(s.default,{}),(0,u.jsx)(f.default,{})])})}},function(n){n.O(0,[49710,14863,12156,17558,71581,92888,49774,40179],function(){return n(n.s=54674)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/infotext/properties-05d98d003bf8d48f.js b/review/main/_next/static/chunks/pages/components/infotext/properties-78dfb39cc5b680a9.js similarity index 98% rename from review/main/_next/static/chunks/pages/components/infotext/properties-05d98d003bf8d48f.js rename to review/main/_next/static/chunks/pages/components/infotext/properties-78dfb39cc5b680a9.js index 306a30fc977..d48e3f31ccd 100644 --- a/review/main/_next/static/chunks/pages/components/infotext/properties-05d98d003bf8d48f.js +++ b/review/main/_next/static/chunks/pages/components/infotext/properties-78dfb39cc5b680a9.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[68032],{25016:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/infotext/properties",function(){return n(9960)}])},9960:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return c}});var r=n(52322),i=n(45392),s=n(11803);let a=e=>{let{children:t}=e;return(0,r.jsx)(s.Z,{children:t})};function d(e){let t={a:"a",code:"code",em:"em",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbinfotext",children:"DBInfotext"}),"\n",(0,r.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Name"}),(0,r.jsx)(t.th,{children:"Description"}),(0,r.jsx)(t.th,{children:"Type"}),(0,r.jsx)(t.th,{children:"Options"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"children"}),(0,r.jsx)(t.td,{children:"default slot"}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"className"}),(0,r.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"describedbyid"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,r.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"id"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"key"}),(0,r.jsx)(t.td,{children:"React specific for render process."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"variant"}),(0,r.jsx)(t.td,{children:"The variant defines the default variants for most components."}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'adaptive' | 'neutral' | 'critical' | 'informational' | 'warning' | 'successful'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"icon"}),(0,r.jsxs)(t.td,{children:["Define an icon by its identifier (like e.g. ",(0,r.jsx)(t.em,{children:"account"}),", compare to ",(0,r.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"Icons"}),") to get displayed in front of the elements content."]}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"IconTypes"})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"size"}),(0,r.jsx)(t.td,{children:"The size attribute changes the font-size and other related sizes of the component."}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'medium' | 'small'"})})})]})]})]})]})}function c(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(a,{...e,children:(0,r.jsx)(d,{...e})})}},16134:function(e,t,n){"use strict";var r=n(52322),i=n(2784),s=n(13776);let a=(0,i.forwardRef)(function(e,t){let n=t||(0,i.useRef)(t);return(0,r.jsx)("button",{ref:n,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=a},63900:function(e,t,n){"use strict";var r,i,s,a,d,c,l;n.d(t,{IY:function(){return o},YP:function(){return u},ce:function(){return h}});let o="OVERWRITE_DEFAULT_ID",u="Back",h="Close Button";(d=r||(r={})).FUNCTIONAL="functional",d.REGULAR="regular",d.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,t]=e;return t}),(i||(i={})).PRIMARY="primary",(c=s||(s={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(e=>{let[,t]=e;return t}),Object.entries(i).map(e=>{let[,t]=e;return t}),(l=a||(a={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(a).map(e=>{let[,t]=e;return t})},13776:function(e,t,n){"use strict";n.d(t,{MN:function(){return l},Vj:function(){return r},cd:function(){return c},mS:function(){return d},yI:function(){return s},yn:function(){return i}});let r=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&i(e,t)})},s=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let t in e)e[t]&&(r+="".concat(t," "))}}),r.trim()},a=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],d=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||a.includes(e))&&!t.includes(e)).reduce((t,n)=>(t[n]=e[n],t),{}),c=e=>{let{left:t,right:n}=e.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&n<=r},l=e=>{let{top:t,bottom:n}=e.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&n<=r}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=25016)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[68032],{25016:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/infotext/properties",function(){return n(9960)}])},9960:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return c}});var r=n(52322),i=n(45392),s=n(12156);let a=e=>{let{children:t}=e;return(0,r.jsx)(s.Z,{children:t})};function d(e){let t={a:"a",code:"code",em:"em",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbinfotext",children:"DBInfotext"}),"\n",(0,r.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Name"}),(0,r.jsx)(t.th,{children:"Description"}),(0,r.jsx)(t.th,{children:"Type"}),(0,r.jsx)(t.th,{children:"Options"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"children"}),(0,r.jsx)(t.td,{children:"default slot"}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"className"}),(0,r.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"describedbyid"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,r.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"id"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"key"}),(0,r.jsx)(t.td,{children:"React specific for render process."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"variant"}),(0,r.jsx)(t.td,{children:"The variant defines the default variants for most components."}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'adaptive' | 'neutral' | 'critical' | 'informational' | 'warning' | 'successful'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"icon"}),(0,r.jsxs)(t.td,{children:["Define an icon by its identifier (like e.g. ",(0,r.jsx)(t.em,{children:"account"}),", compare to ",(0,r.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"Icons"}),") to get displayed in front of the elements content."]}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"IconTypes"})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"size"}),(0,r.jsx)(t.td,{children:"The size attribute changes the font-size and other related sizes of the component."}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'medium' | 'small'"})})})]})]})]})]})}function c(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(a,{...e,children:(0,r.jsx)(d,{...e})})}},16134:function(e,t,n){"use strict";var r=n(52322),i=n(2784),s=n(13776);let a=(0,i.forwardRef)(function(e,t){let n=t||(0,i.useRef)(t);return(0,r.jsx)("button",{ref:n,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=a},63900:function(e,t,n){"use strict";var r,i,s,a,d,c,l;n.d(t,{IY:function(){return o},YP:function(){return u},ce:function(){return h}});let o="OVERWRITE_DEFAULT_ID",u="Back",h="Close Button";(d=r||(r={})).FUNCTIONAL="functional",d.REGULAR="regular",d.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,t]=e;return t}),(i||(i={})).PRIMARY="primary",(c=s||(s={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(e=>{let[,t]=e;return t}),Object.entries(i).map(e=>{let[,t]=e;return t}),(l=a||(a={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(a).map(e=>{let[,t]=e;return t})},13776:function(e,t,n){"use strict";n.d(t,{MN:function(){return l},Vj:function(){return r},cd:function(){return c},mS:function(){return d},yI:function(){return s},yn:function(){return i}});let r=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&i(e,t)})},s=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let t in e)e[t]&&(r+="".concat(t," "))}}),r.trim()},a=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],d=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||a.includes(e))&&!t.includes(e)).reduce((t,n)=>(t[n]=e[n],t),{}),c=e=>{let{left:t,right:n}=e.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&n<=r},l=e=>{let{top:t,bottom:n}=e.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&n<=r}}},function(e){e.O(0,[49710,12156,92888,49774,40179],function(){return e(e.s=25016)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/input-a73c4084e0b43c48.js b/review/main/_next/static/chunks/pages/components/input-31b9c3dd07ae588a.js similarity index 89% rename from review/main/_next/static/chunks/pages/components/input-a73c4084e0b43c48.js rename to review/main/_next/static/chunks/pages/components/input-31b9c3dd07ae588a.js index 0d2176af4b7..db5455715df 100644 --- a/review/main/_next/static/chunks/pages/components/input-a73c4084e0b43c48.js +++ b/review/main/_next/static/chunks/pages/components/input-31b9c3dd07ae588a.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[58367],{33137:function(e,t,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/input",function(){return a(51066)}])},51066:function(e,t,a){"use strict";a.r(t);var n=a(52322),u=a(41215),l=a(53365),s=a(74244),d=a(10347),f=a(7710),i=a(74396),r=a(84768),c=a(96084),j=a(86412),o=a(87037),x=a(86095),_=a(99341),p=a(71952),h=a(37395);let w=e=>{let{label:t,variant:a,value:u,type:l,minLength:s,required:d,disabled:f,iconAfter:i,icon:r,children:c,message:j,labelVariant:o,readOnly:_,invalid:p}=e;return(0,n.jsx)(x.aq,{label:t,message:j,placeholder:c,labelVariant:o,variant:a,defaultValue:u,type:l,minLength:s,required:d,disabled:f,readOnly:_,iconAfter:i,invalid:p,icon:r})};t.default=()=>(0,n.jsx)(_.Z,{title:"DBInput",variants:(0,h.P)(p,w,[(0,n.jsx)(u.default,{}),(0,n.jsx)(l.default,{}),(0,n.jsx)(s.default,{}),(0,n.jsx)(d.default,{}),(0,n.jsx)(f.default,{}),(0,n.jsx)(i.default,{}),(0,n.jsx)(r.default,{}),(0,n.jsx)(c.default,{}),(0,n.jsx)(j.default,{}),(0,n.jsx)(o.default,{})])})}},function(e){e.O(0,[49710,14863,11803,87037,86412,74396,7710,10347,84768,94274,92888,49774,40179],function(){return e(e.s=33137)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[58367],{33137:function(e,t,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/input",function(){return a(51066)}])},51066:function(e,t,a){"use strict";a.r(t);var n=a(52322),u=a(41215),l=a(53365),s=a(74244),d=a(10347),f=a(7710),i=a(74396),r=a(84768),c=a(96084),j=a(86412),o=a(87037),x=a(53752),_=a(99341),p=a(71952),h=a(37395);let w=e=>{let{label:t,variant:a,value:u,type:l,minLength:s,required:d,disabled:f,iconAfter:i,icon:r,children:c,message:j,labelVariant:o,readOnly:_,invalid:p}=e;return(0,n.jsx)(x.aq,{label:t,message:j,placeholder:c,labelVariant:o,variant:a,defaultValue:u,type:l,minLength:s,required:d,disabled:f,readOnly:_,iconAfter:i,invalid:p,icon:r})};t.default=()=>(0,n.jsx)(_.Z,{title:"DBInput",variants:(0,h.P)(p,w,[(0,n.jsx)(u.default,{}),(0,n.jsx)(l.default,{}),(0,n.jsx)(s.default,{}),(0,n.jsx)(d.default,{}),(0,n.jsx)(f.default,{}),(0,n.jsx)(i.default,{}),(0,n.jsx)(r.default,{}),(0,n.jsx)(c.default,{}),(0,n.jsx)(j.default,{}),(0,n.jsx)(o.default,{})])})}},function(e){e.O(0,[49710,14863,12156,87037,86412,74396,7710,10347,84768,94274,92888,49774,40179],function(){return e(e.s=33137)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/input/how-to-use-01576fc1d98d3bcb.js b/review/main/_next/static/chunks/pages/components/input/how-to-use-2f6a8d520259bf34.js similarity index 99% rename from review/main/_next/static/chunks/pages/components/input/how-to-use-01576fc1d98d3bcb.js rename to review/main/_next/static/chunks/pages/components/input/how-to-use-2f6a8d520259bf34.js index 3a002b9e5c1..3fdd1283712 100644 --- a/review/main/_next/static/chunks/pages/components/input/how-to-use-01576fc1d98d3bcb.js +++ b/review/main/_next/static/chunks/pages/components/input/how-to-use-2f6a8d520259bf34.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[27667],{57185:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/input/how-to-use",function(){return t(5732)}])},10996:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var r=t(52322),o=t(45392);function i(n){let e={blockquote:"blockquote",code:"code",h2:"h2",p:"p",pre:"pre",...(0,o.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"angular",children:"Angular"}),"\n",(0,r.jsxs)(e.p,{children:["Load SCSS globally within ",(0,r.jsx)(e.code,{children:"styles.scss"})," in your app:"]}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-scss",children:'@forward "@db-ui/components/build/styles/db-ui-42-rollup";\n'})}),"\n",(0,r.jsxs)(e.p,{children:["Load component within ",(0,r.jsx)(e.code,{children:"app.component.ts"}),":"]}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-ts",children:"//app.component.ts\nimport { DBInput } from '@db-ui/ngx-components';\n\n@Component({\n // ...\n imports: [\n // ...,\n DBInput\n ],\n // ...\n})\n"})}),"\n",(0,r.jsx)(e.p,{children:"Use component in template:"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:'\n'})}),"\n",(0,r.jsx)(e.h2,{id:"how-to-use-with-reactive-forms",children:"How to use with Reactive Forms"}),"\n",(0,r.jsx)(e.p,{children:"Third party controls require a ControlValueAccessor to function with angular forms.\nOur input component implements this interface so you can use it like any other native element with reactive Forms:"}),"\n",(0,r.jsxs)(e.blockquote,{children:["\n",(0,r.jsx)(e.p,{children:"Currently we do not support onTouch/touched and native validation via FormControl. If your interested in contributing, you're very welcome ;)"}),"\n"]}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-ts",children:"//app.component.ts\nimport { ReactiveFormsModule } from '@angular/forms';\n\n@Component({\n // ...\n imports: [\n // ...,\n ReactiveFormsModule\n ],\n // ...\n})\n"})}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:'\n
    \n \n \n
    \n\n

    Output

    \n
    \n
    input\'s value
    \n
    \n {{ form.get("input")?.value ? form.get("input")?.value : "No Input set"\n }}\n
    \n
    \n'})}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-typescript",children:'// form.component.ts\nexport class FormComponent {\n form = new FormGroup({\n input: new FormControl("Filled with formControl")\n });\n\n onFormSubmit(): void {\n alert(JSON.stringify(this.form.value));\n }\n}\n'})}),"\n",(0,r.jsx)(e.h2,{id:"how-to-use-with-template-driven-forms",children:"How to use with Template driven Forms"}),"\n",(0,r.jsx)(e.p,{children:"Third party controls require a ControlValueAccessor to function with angular forms.\nOur input component implements this interface so you can use it like any other native element with ngModel:"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-ts",children:"//app.component.ts\nimport { FormsModule } from '@angular/forms';\n\n@Component({\n // ...\n imports: [\n // ...,\n FormsModule\n ],\n // ...\n})\n"})}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:'\n
    \n \n Get input value\n\n\n

    Output

    \n
    \n
    input\'s value
    \n
    {{ input ? input : "No Input set" }}
    \n
    \n'})}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-typescript",children:'// form.component.ts\nexport class FormComponent {\n input = "";\n showValues(): void {\n alert(JSON.stringify({ input: this.input }));\n }\n}\n'})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,o.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},7663:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var r=t(52322),o=t(45392);function i(n){let e={code:"code",h2:"h2",p:"p",pre:"pre",...(0,o.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"html",children:"HTML"}),"\n",(0,r.jsx)(e.p,{children:"Load SCSS globally somewhere in your app:"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-scss",children:'@forward "@db-ui/components/build/styles/db-ui-42";\n'})}),"\n",(0,r.jsx)(e.p,{children:"Use it:"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:'
    \n \n \n
    \n'})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,o.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},46838:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var r=t(52322),o=t(45392);function i(n){let e={code:"code",h2:"h2",p:"p",pre:"pre",...(0,o.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"react",children:"React"}),"\n",(0,r.jsxs)(e.p,{children:["Load SCSS globally in a ",(0,r.jsx)(e.code,{children:"index.scss"})," file inside ",(0,r.jsx)(e.code,{children:"main.tsx"}),"/",(0,r.jsx)(e.code,{children:"main.jsx"})," within your app:"]}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-scss",children:'@forward "@db-ui/components/build/styles/db-ui-42-rollup";\n'})}),"\n",(0,r.jsx)(e.p,{children:"Import component:"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-typescript",children:'import { DBInput } from "@db-ui/react-components";\n\n;\n'})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,o.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},66784:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var r=t(52322),o=t(45392);function i(n){let e={code:"code",h2:"h2",p:"p",pre:"pre",...(0,o.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"vue",children:"Vue"}),"\n",(0,r.jsxs)(e.p,{children:["Load SCSS globally in a ",(0,r.jsx)(e.code,{children:"index.scss"})," file and import it in your ",(0,r.jsx)(e.code,{children:"main.ts"}),"/",(0,r.jsx)(e.code,{children:"main.js"})," file in your app:"]}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-scss",children:'@forward "@db-ui/components/build/styles/db-ui-42-rollup";\n'})}),"\n",(0,r.jsx)(e.p,{children:"Use component:"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-vue",children:'\n\n\n'})}),"\n",(0,r.jsxs)(e.p,{children:["To get DBInput work with ",(0,r.jsx)(e.code,{children:"v-model"})," you have to use v-model argument syntax:"]}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-typescript",children:'\n'})}),"\n",(0,r.jsx)(e.p,{children:"or using on-change listener:"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-typescript",children:' {{ modelAndChange }}\n'})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,o.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},5732:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return p}});var r=t(52322),o=t(45392),i=t(11803),s=t(7663),a=t(10996),l=t(46838),c=t(66784);let u=n=>{let{children:e}=n;return(0,r.jsx)(i.Z,{children:e})};function d(n){let e={h1:"h1",...(0,o.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h1,{id:"how-to-use-dbinput",children:"How to use DBInput"}),"\n",(0,r.jsx)(s.default,{}),"\n",(0,r.jsx)(a.default,{}),"\n",(0,r.jsx)(l.default,{}),"\n",(0,r.jsx)(c.default,{})]})}function p(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(u,{...n,children:(0,r.jsx)(d,{...n})})}},16134:function(n,e,t){"use strict";var r=t(52322),o=t(2784),i=t(13776);let s=(0,o.forwardRef)(function(n,e){let t=e||(0,o.useRef)(e);return(0,r.jsx)("button",{ref:t,...(0,i.mS)(n,[]),id:n.id,className:(0,i.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:e=>{n.onClick&&n.onClick(e)},children:n.children})});e.Z=s},63900:function(n,e,t){"use strict";var r,o,i,s,a,l,c;t.d(e,{IY:function(){return u},YP:function(){return d},ce:function(){return p}});let u="OVERWRITE_DEFAULT_ID",d="Back",p="Close Button";(a=r||(r={})).FUNCTIONAL="functional",a.REGULAR="regular",a.EXPRESSIVE="expressive",Object.entries(r).map(n=>{let[,e]=n;return e}),(o||(o={})).PRIMARY="primary",(l=i||(i={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(n=>{let[,e]=n;return e}),Object.entries(o).map(n=>{let[,e]=n;return e}),(c=s||(s={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(s).map(n=>{let[,e]=n;return e})},13776:function(n,e,t){"use strict";t.d(e,{MN:function(){return c},Vj:function(){return r},cd:function(){return l},mS:function(){return a},yI:function(){return i},yn:function(){return o}});let r=()=>{var n,e;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},o=(n,e)=>{Object.values(n.children).forEach(n=>{n.setAttribute(e.key,e.value),n.children.length>0&&o(n,e)})},i=function(){for(var n=arguments.length,e=Array(n),t=0;t{if(n){if("string"==typeof n)r+="".concat(n," ");else for(let e in n)n[e]&&(r+="".concat(e," "))}}),r.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],a=(n,e)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||s.includes(n))&&!e.includes(n)).reduce((e,t)=>(e[t]=n[t],e),{}),l=n=>{let{left:e,right:t}=n.getBoundingClientRect(),{innerWidth:r}=window;return e>=0&&t<=r},c=n=>{let{top:e,bottom:t}=n.getBoundingClientRect(),{innerHeight:r}=window;return e>=0&&t<=r}}},function(n){n.O(0,[49710,11803,92888,49774,40179],function(){return n(n.s=57185)}),_N_E=n.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[27667],{57185:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/input/how-to-use",function(){return t(5732)}])},10996:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var r=t(52322),o=t(45392);function i(n){let e={blockquote:"blockquote",code:"code",h2:"h2",p:"p",pre:"pre",...(0,o.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"angular",children:"Angular"}),"\n",(0,r.jsxs)(e.p,{children:["Load SCSS globally within ",(0,r.jsx)(e.code,{children:"styles.scss"})," in your app:"]}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-scss",children:'@forward "@db-ui/components/build/styles/db-ui-42-rollup";\n'})}),"\n",(0,r.jsxs)(e.p,{children:["Load component within ",(0,r.jsx)(e.code,{children:"app.component.ts"}),":"]}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-ts",children:"//app.component.ts\nimport { DBInput } from '@db-ui/ngx-components';\n\n@Component({\n // ...\n imports: [\n // ...,\n DBInput\n ],\n // ...\n})\n"})}),"\n",(0,r.jsx)(e.p,{children:"Use component in template:"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:'\n'})}),"\n",(0,r.jsx)(e.h2,{id:"how-to-use-with-reactive-forms",children:"How to use with Reactive Forms"}),"\n",(0,r.jsx)(e.p,{children:"Third party controls require a ControlValueAccessor to function with angular forms.\nOur input component implements this interface so you can use it like any other native element with reactive Forms:"}),"\n",(0,r.jsxs)(e.blockquote,{children:["\n",(0,r.jsx)(e.p,{children:"Currently we do not support onTouch/touched and native validation via FormControl. If your interested in contributing, you're very welcome ;)"}),"\n"]}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-ts",children:"//app.component.ts\nimport { ReactiveFormsModule } from '@angular/forms';\n\n@Component({\n // ...\n imports: [\n // ...,\n ReactiveFormsModule\n ],\n // ...\n})\n"})}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:'\n
    \n \n \n
    \n\n

    Output

    \n
    \n
    input\'s value
    \n
    \n {{ form.get("input")?.value ? form.get("input")?.value : "No Input set"\n }}\n
    \n
    \n'})}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-typescript",children:'// form.component.ts\nexport class FormComponent {\n form = new FormGroup({\n input: new FormControl("Filled with formControl")\n });\n\n onFormSubmit(): void {\n alert(JSON.stringify(this.form.value));\n }\n}\n'})}),"\n",(0,r.jsx)(e.h2,{id:"how-to-use-with-template-driven-forms",children:"How to use with Template driven Forms"}),"\n",(0,r.jsx)(e.p,{children:"Third party controls require a ControlValueAccessor to function with angular forms.\nOur input component implements this interface so you can use it like any other native element with ngModel:"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-ts",children:"//app.component.ts\nimport { FormsModule } from '@angular/forms';\n\n@Component({\n // ...\n imports: [\n // ...,\n FormsModule\n ],\n // ...\n})\n"})}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:'\n
    \n \n Get input value\n\n\n

    Output

    \n
    \n
    input\'s value
    \n
    {{ input ? input : "No Input set" }}
    \n
    \n'})}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-typescript",children:'// form.component.ts\nexport class FormComponent {\n input = "";\n showValues(): void {\n alert(JSON.stringify({ input: this.input }));\n }\n}\n'})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,o.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},7663:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var r=t(52322),o=t(45392);function i(n){let e={code:"code",h2:"h2",p:"p",pre:"pre",...(0,o.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"html",children:"HTML"}),"\n",(0,r.jsx)(e.p,{children:"Load SCSS globally somewhere in your app:"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-scss",children:'@forward "@db-ui/components/build/styles/db-ui-42";\n'})}),"\n",(0,r.jsx)(e.p,{children:"Use it:"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:'
    \n \n \n
    \n'})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,o.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},46838:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var r=t(52322),o=t(45392);function i(n){let e={code:"code",h2:"h2",p:"p",pre:"pre",...(0,o.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"react",children:"React"}),"\n",(0,r.jsxs)(e.p,{children:["Load SCSS globally in a ",(0,r.jsx)(e.code,{children:"index.scss"})," file inside ",(0,r.jsx)(e.code,{children:"main.tsx"}),"/",(0,r.jsx)(e.code,{children:"main.jsx"})," within your app:"]}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-scss",children:'@forward "@db-ui/components/build/styles/db-ui-42-rollup";\n'})}),"\n",(0,r.jsx)(e.p,{children:"Import component:"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-typescript",children:'import { DBInput } from "@db-ui/react-components";\n\n;\n'})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,o.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},66784:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var r=t(52322),o=t(45392);function i(n){let e={code:"code",h2:"h2",p:"p",pre:"pre",...(0,o.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"vue",children:"Vue"}),"\n",(0,r.jsxs)(e.p,{children:["Load SCSS globally in a ",(0,r.jsx)(e.code,{children:"index.scss"})," file and import it in your ",(0,r.jsx)(e.code,{children:"main.ts"}),"/",(0,r.jsx)(e.code,{children:"main.js"})," file in your app:"]}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-scss",children:'@forward "@db-ui/components/build/styles/db-ui-42-rollup";\n'})}),"\n",(0,r.jsx)(e.p,{children:"Use component:"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-vue",children:'\n\n\n'})}),"\n",(0,r.jsxs)(e.p,{children:["To get DBInput work with ",(0,r.jsx)(e.code,{children:"v-model"})," you have to use v-model argument syntax:"]}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-typescript",children:'\n'})}),"\n",(0,r.jsx)(e.p,{children:"or using on-change listener:"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-typescript",children:' {{ modelAndChange }}\n'})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,o.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},5732:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return p}});var r=t(52322),o=t(45392),i=t(12156),s=t(7663),a=t(10996),l=t(46838),c=t(66784);let u=n=>{let{children:e}=n;return(0,r.jsx)(i.Z,{children:e})};function d(n){let e={h1:"h1",...(0,o.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h1,{id:"how-to-use-dbinput",children:"How to use DBInput"}),"\n",(0,r.jsx)(s.default,{}),"\n",(0,r.jsx)(a.default,{}),"\n",(0,r.jsx)(l.default,{}),"\n",(0,r.jsx)(c.default,{})]})}function p(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(u,{...n,children:(0,r.jsx)(d,{...n})})}},16134:function(n,e,t){"use strict";var r=t(52322),o=t(2784),i=t(13776);let s=(0,o.forwardRef)(function(n,e){let t=e||(0,o.useRef)(e);return(0,r.jsx)("button",{ref:t,...(0,i.mS)(n,[]),id:n.id,className:(0,i.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:e=>{n.onClick&&n.onClick(e)},children:n.children})});e.Z=s},63900:function(n,e,t){"use strict";var r,o,i,s,a,l,c;t.d(e,{IY:function(){return u},YP:function(){return d},ce:function(){return p}});let u="OVERWRITE_DEFAULT_ID",d="Back",p="Close Button";(a=r||(r={})).FUNCTIONAL="functional",a.REGULAR="regular",a.EXPRESSIVE="expressive",Object.entries(r).map(n=>{let[,e]=n;return e}),(o||(o={})).PRIMARY="primary",(l=i||(i={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(n=>{let[,e]=n;return e}),Object.entries(o).map(n=>{let[,e]=n;return e}),(c=s||(s={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(s).map(n=>{let[,e]=n;return e})},13776:function(n,e,t){"use strict";t.d(e,{MN:function(){return c},Vj:function(){return r},cd:function(){return l},mS:function(){return a},yI:function(){return i},yn:function(){return o}});let r=()=>{var n,e;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},o=(n,e)=>{Object.values(n.children).forEach(n=>{n.setAttribute(e.key,e.value),n.children.length>0&&o(n,e)})},i=function(){for(var n=arguments.length,e=Array(n),t=0;t{if(n){if("string"==typeof n)r+="".concat(n," ");else for(let e in n)n[e]&&(r+="".concat(e," "))}}),r.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],a=(n,e)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||s.includes(n))&&!e.includes(n)).reduce((e,t)=>(e[t]=n[t],e),{}),l=n=>{let{left:e,right:t}=n.getBoundingClientRect(),{innerWidth:r}=window;return e>=0&&t<=r},c=n=>{let{top:e,bottom:t}=n.getBoundingClientRect(),{innerHeight:r}=window;return e>=0&&t<=r}}},function(n){n.O(0,[49710,12156,92888,49774,40179],function(){return n(n.s=57185)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/input/migration-88cad861d6a75e37.js b/review/main/_next/static/chunks/pages/components/input/migration-e9dfda5f1fd819c4.js similarity index 98% rename from review/main/_next/static/chunks/pages/components/input/migration-88cad861d6a75e37.js rename to review/main/_next/static/chunks/pages/components/input/migration-e9dfda5f1fd819c4.js index 858c62b3ebc..3ea48528e44 100644 --- a/review/main/_next/static/chunks/pages/components/input/migration-88cad861d6a75e37.js +++ b/review/main/_next/static/chunks/pages/components/input/migration-e9dfda5f1fd819c4.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[63904],{93717:function(t,e,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/input/migration",function(){return n(66219)}])},66407:function(t,e,n){"use strict";n.r(e),n.d(e,{default:function(){return d}});var r=n(52322),s=n(45392);function i(t){let e={a:"a",blockquote:"blockquote",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,s.a)(),...t.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"general",children:"General"}),"\n",(0,r.jsxs)(e.blockquote,{children:["\n",(0,r.jsxs)(e.p,{children:[(0,r.jsx)(e.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,r.jsx)(e.h2,{id:"db-ui-core--db-ui-components",children:"DB UI Core ➡ DB UI Components"}),"\n",(0,r.jsx)(e.h3,{id:"class",children:"class"}),"\n",(0,r.jsxs)(e.table,{children:[(0,r.jsx)(e.thead,{children:(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.th,{children:"Before"}),(0,r.jsx)(e.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(e.th,{children:"After"}),(0,r.jsx)(e.th,{children:"Description"})]})}),(0,r.jsx)(e.tbody,{children:(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"elm-input"})}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"db-input"})}),(0,r.jsx)(e.td,{})]})})]}),"\n",(0,r.jsx)(e.h3,{id:"variants",children:"variants"}),"\n",(0,r.jsxs)(e.table,{children:[(0,r.jsx)(e.thead,{children:(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.th,{children:"Before"}),(0,r.jsx)(e.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(e.th,{children:"After"}),(0,r.jsx)(e.th,{children:"Description"})]})}),(0,r.jsxs)(e.tbody,{children:[(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"semitransparent"})}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(e.td,{children:"❌"}),(0,r.jsx)(e.td,{children:"old variants are removed a semi-transparent look is the default, new variants are chaniging the color"})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"white"})}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(e.td,{children:"❌"}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"solid"})}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(e.td,{children:"❌"}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"outline"})}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(e.td,{children:"❌"}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"\uD83C\uDD95"}),(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"adaptive"})}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"\uD83C\uDD95"}),(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"neutral"})}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"\uD83C\uDD95"}),(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"critical"})}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"\uD83C\uDD95"}),(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"informational"})}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"\uD83C\uDD95"}),(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"warning"})}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"\uD83C\uDD95"}),(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"successful"})}),(0,r.jsx)(e.td,{})]})]})]})]})}function d(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,s.a)(),...t.components};return e?(0,r.jsx)(e,{...t,children:(0,r.jsx)(i,{...t})}):i(t)}},66219:function(t,e,n){"use strict";n.r(e),n.d(e,{default:function(){return a}});var r=n(52322),s=n(45392),i=n(11803),d=n(66407);let l=t=>{let{children:e}=t;return(0,r.jsx)(i.Z,{children:e})};function c(t){let e={h1:"h1",...(0,s.a)(),...t.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h1,{id:"dbinput-migration",children:"DBInput Migration"}),"\n",(0,r.jsx)(d.default,{})]})}function a(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(l,{...t,children:(0,r.jsx)(c,{...t})})}},16134:function(t,e,n){"use strict";var r=n(52322),s=n(2784),i=n(13776);let d=(0,s.forwardRef)(function(t,e){let n=e||(0,s.useRef)(e);return(0,r.jsx)("button",{ref:n,...(0,i.mS)(t,[]),id:t.id,className:(0,i.yI)("db-button",t.className,{"is-icon-text-replace":t.noText}),type:t.type,disabled:t.disabled,"aria-label":t.label,"data-icon":t.icon,"data-size":t.size,"data-state":t.state,"data-width":t.width,"data-variant":t.variant,name:t.name,value:t.value,"aria-describedby":t.describedbyid,"aria-expanded":t.ariaexpanded,"aria-pressed":t.ariapressed,onClick:e=>{t.onClick&&t.onClick(e)},children:t.children})});e.Z=d},63900:function(t,e,n){"use strict";var r,s,i,d,l,c,a;n.d(e,{IY:function(){return o},YP:function(){return u},ce:function(){return h}});let o="OVERWRITE_DEFAULT_ID",u="Back",h="Close Button";(l=r||(r={})).FUNCTIONAL="functional",l.REGULAR="regular",l.EXPRESSIVE="expressive",Object.entries(r).map(t=>{let[,e]=t;return e}),(s||(s={})).PRIMARY="primary",(c=i||(i={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(t=>{let[,e]=t;return e}),Object.entries(s).map(t=>{let[,e]=t;return e}),(a=d||(d={})).CRITICAL="critical",a.INFORMATIONAL="informational",a.WARNING="warning",a.SUCCESSFUL="successful",Object.entries(d).map(t=>{let[,e]=t;return e})},13776:function(t,e,n){"use strict";n.d(e,{MN:function(){return a},Vj:function(){return r},cd:function(){return c},mS:function(){return l},yI:function(){return i},yn:function(){return s}});let r=()=>{var t,e;return(null===(t=window.crypto)||void 0===t?void 0:t.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},s=(t,e)=>{Object.values(t.children).forEach(t=>{t.setAttribute(e.key,e.value),t.children.length>0&&s(t,e)})},i=function(){for(var t=arguments.length,e=Array(t),n=0;n{if(t){if("string"==typeof t)r+="".concat(t," ");else for(let e in t)t[e]&&(r+="".concat(e," "))}}),r.trim()},d=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],l=(t,e)=>Object.keys(t).filter(t=>(t.startsWith("data-")||t.startsWith("aria-")||t.startsWith("default")||t.startsWith("auto")||t.startsWith("item")||t.startsWith("on")||d.includes(t))&&!e.includes(t)).reduce((e,n)=>(e[n]=t[n],e),{}),c=t=>{let{left:e,right:n}=t.getBoundingClientRect(),{innerWidth:r}=window;return e>=0&&n<=r},a=t=>{let{top:e,bottom:n}=t.getBoundingClientRect(),{innerHeight:r}=window;return e>=0&&n<=r}}},function(t){t.O(0,[49710,11803,92888,49774,40179],function(){return t(t.s=93717)}),_N_E=t.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[63904],{93717:function(t,e,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/input/migration",function(){return n(66219)}])},66407:function(t,e,n){"use strict";n.r(e),n.d(e,{default:function(){return d}});var r=n(52322),s=n(45392);function i(t){let e={a:"a",blockquote:"blockquote",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,s.a)(),...t.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"general",children:"General"}),"\n",(0,r.jsxs)(e.blockquote,{children:["\n",(0,r.jsxs)(e.p,{children:[(0,r.jsx)(e.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,r.jsx)(e.h2,{id:"db-ui-core--db-ui-components",children:"DB UI Core ➡ DB UI Components"}),"\n",(0,r.jsx)(e.h3,{id:"class",children:"class"}),"\n",(0,r.jsxs)(e.table,{children:[(0,r.jsx)(e.thead,{children:(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.th,{children:"Before"}),(0,r.jsx)(e.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(e.th,{children:"After"}),(0,r.jsx)(e.th,{children:"Description"})]})}),(0,r.jsx)(e.tbody,{children:(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"elm-input"})}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"db-input"})}),(0,r.jsx)(e.td,{})]})})]}),"\n",(0,r.jsx)(e.h3,{id:"variants",children:"variants"}),"\n",(0,r.jsxs)(e.table,{children:[(0,r.jsx)(e.thead,{children:(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.th,{children:"Before"}),(0,r.jsx)(e.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(e.th,{children:"After"}),(0,r.jsx)(e.th,{children:"Description"})]})}),(0,r.jsxs)(e.tbody,{children:[(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"semitransparent"})}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(e.td,{children:"❌"}),(0,r.jsx)(e.td,{children:"old variants are removed a semi-transparent look is the default, new variants are chaniging the color"})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"white"})}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(e.td,{children:"❌"}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"solid"})}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(e.td,{children:"❌"}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"outline"})}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(e.td,{children:"❌"}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"\uD83C\uDD95"}),(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"adaptive"})}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"\uD83C\uDD95"}),(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"neutral"})}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"\uD83C\uDD95"}),(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"critical"})}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"\uD83C\uDD95"}),(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"informational"})}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"\uD83C\uDD95"}),(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"warning"})}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"\uD83C\uDD95"}),(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"successful"})}),(0,r.jsx)(e.td,{})]})]})]})]})}function d(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,s.a)(),...t.components};return e?(0,r.jsx)(e,{...t,children:(0,r.jsx)(i,{...t})}):i(t)}},66219:function(t,e,n){"use strict";n.r(e),n.d(e,{default:function(){return a}});var r=n(52322),s=n(45392),i=n(12156),d=n(66407);let l=t=>{let{children:e}=t;return(0,r.jsx)(i.Z,{children:e})};function c(t){let e={h1:"h1",...(0,s.a)(),...t.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h1,{id:"dbinput-migration",children:"DBInput Migration"}),"\n",(0,r.jsx)(d.default,{})]})}function a(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(l,{...t,children:(0,r.jsx)(c,{...t})})}},16134:function(t,e,n){"use strict";var r=n(52322),s=n(2784),i=n(13776);let d=(0,s.forwardRef)(function(t,e){let n=e||(0,s.useRef)(e);return(0,r.jsx)("button",{ref:n,...(0,i.mS)(t,[]),id:t.id,className:(0,i.yI)("db-button",t.className,{"is-icon-text-replace":t.noText}),type:t.type,disabled:t.disabled,"aria-label":t.label,"data-icon":t.icon,"data-size":t.size,"data-state":t.state,"data-width":t.width,"data-variant":t.variant,name:t.name,value:t.value,"aria-describedby":t.describedbyid,"aria-expanded":t.ariaexpanded,"aria-pressed":t.ariapressed,onClick:e=>{t.onClick&&t.onClick(e)},children:t.children})});e.Z=d},63900:function(t,e,n){"use strict";var r,s,i,d,l,c,a;n.d(e,{IY:function(){return o},YP:function(){return u},ce:function(){return h}});let o="OVERWRITE_DEFAULT_ID",u="Back",h="Close Button";(l=r||(r={})).FUNCTIONAL="functional",l.REGULAR="regular",l.EXPRESSIVE="expressive",Object.entries(r).map(t=>{let[,e]=t;return e}),(s||(s={})).PRIMARY="primary",(c=i||(i={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(t=>{let[,e]=t;return e}),Object.entries(s).map(t=>{let[,e]=t;return e}),(a=d||(d={})).CRITICAL="critical",a.INFORMATIONAL="informational",a.WARNING="warning",a.SUCCESSFUL="successful",Object.entries(d).map(t=>{let[,e]=t;return e})},13776:function(t,e,n){"use strict";n.d(e,{MN:function(){return a},Vj:function(){return r},cd:function(){return c},mS:function(){return l},yI:function(){return i},yn:function(){return s}});let r=()=>{var t,e;return(null===(t=window.crypto)||void 0===t?void 0:t.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},s=(t,e)=>{Object.values(t.children).forEach(t=>{t.setAttribute(e.key,e.value),t.children.length>0&&s(t,e)})},i=function(){for(var t=arguments.length,e=Array(t),n=0;n{if(t){if("string"==typeof t)r+="".concat(t," ");else for(let e in t)t[e]&&(r+="".concat(e," "))}}),r.trim()},d=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],l=(t,e)=>Object.keys(t).filter(t=>(t.startsWith("data-")||t.startsWith("aria-")||t.startsWith("default")||t.startsWith("auto")||t.startsWith("item")||t.startsWith("on")||d.includes(t))&&!e.includes(t)).reduce((e,n)=>(e[n]=t[n],e),{}),c=t=>{let{left:e,right:n}=t.getBoundingClientRect(),{innerWidth:r}=window;return e>=0&&n<=r},a=t=>{let{top:e,bottom:n}=t.getBoundingClientRect(),{innerHeight:r}=window;return e>=0&&n<=r}}},function(t){t.O(0,[49710,12156,92888,49774,40179],function(){return t(t.s=93717)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/input/overview-053e04ef49fb8457.js b/review/main/_next/static/chunks/pages/components/input/overview-5b02d0e1ee06b475.js similarity index 89% rename from review/main/_next/static/chunks/pages/components/input/overview-053e04ef49fb8457.js rename to review/main/_next/static/chunks/pages/components/input/overview-5b02d0e1ee06b475.js index 1f38bc2f535..97e9c24786e 100644 --- a/review/main/_next/static/chunks/pages/components/input/overview-053e04ef49fb8457.js +++ b/review/main/_next/static/chunks/pages/components/input/overview-5b02d0e1ee06b475.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[84325],{46286:function(e,t,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/input/overview",function(){return a(60931)}])},60931:function(e,t,a){"use strict";a.r(t);var n=a(52322),u=a(41215),l=a(53365),s=a(74244),i=a(10347),d=a(7710),f=a(74396),r=a(84768),o=a(96084),c=a(86412),j=a(87037),x=a(86095),_=a(99341),p=a(71952),w=a(37395);let h=e=>{let{label:t,variant:a,value:u,type:l,minLength:s,required:i,disabled:d,iconAfter:f,icon:r,children:o,message:c,labelVariant:j,readOnly:_,invalid:p}=e;return(0,n.jsx)(x.aq,{label:t,message:c,placeholder:o,labelVariant:j,variant:a,defaultValue:u,type:l,minLength:s,required:i,disabled:d,readOnly:_,iconAfter:f,invalid:p,icon:r})};t.default=()=>(0,n.jsx)(_.Z,{title:"DBInput",variants:(0,w.P)(p,h,[(0,n.jsx)(u.default,{}),(0,n.jsx)(l.default,{}),(0,n.jsx)(s.default,{}),(0,n.jsx)(i.default,{}),(0,n.jsx)(d.default,{}),(0,n.jsx)(f.default,{}),(0,n.jsx)(r.default,{}),(0,n.jsx)(o.default,{}),(0,n.jsx)(c.default,{}),(0,n.jsx)(j.default,{})])})}},function(e){e.O(0,[49710,14863,11803,87037,86412,74396,7710,10347,84768,94274,92888,49774,40179],function(){return e(e.s=46286)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[84325],{46286:function(e,t,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/input/overview",function(){return a(60931)}])},60931:function(e,t,a){"use strict";a.r(t);var n=a(52322),u=a(41215),l=a(53365),s=a(74244),i=a(10347),d=a(7710),f=a(74396),r=a(84768),o=a(96084),c=a(86412),j=a(87037),x=a(53752),_=a(99341),p=a(71952),w=a(37395);let h=e=>{let{label:t,variant:a,value:u,type:l,minLength:s,required:i,disabled:d,iconAfter:f,icon:r,children:o,message:c,labelVariant:j,readOnly:_,invalid:p}=e;return(0,n.jsx)(x.aq,{label:t,message:c,placeholder:o,labelVariant:j,variant:a,defaultValue:u,type:l,minLength:s,required:i,disabled:d,readOnly:_,iconAfter:f,invalid:p,icon:r})};t.default=()=>(0,n.jsx)(_.Z,{title:"DBInput",variants:(0,w.P)(p,h,[(0,n.jsx)(u.default,{}),(0,n.jsx)(l.default,{}),(0,n.jsx)(s.default,{}),(0,n.jsx)(i.default,{}),(0,n.jsx)(d.default,{}),(0,n.jsx)(f.default,{}),(0,n.jsx)(r.default,{}),(0,n.jsx)(o.default,{}),(0,n.jsx)(c.default,{}),(0,n.jsx)(j.default,{})])})}},function(e){e.O(0,[49710,14863,12156,87037,86412,74396,7710,10347,84768,94274,92888,49774,40179],function(){return e(e.s=46286)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/input/properties-fcf612ff695a7a0e.js b/review/main/_next/static/chunks/pages/components/input/properties-e993b75d0ec15842.js similarity index 99% rename from review/main/_next/static/chunks/pages/components/input/properties-fcf612ff695a7a0e.js rename to review/main/_next/static/chunks/pages/components/input/properties-e993b75d0ec15842.js index 562859fc7ba..1f11215f907 100644 --- a/review/main/_next/static/chunks/pages/components/input/properties-fcf612ff695a7a0e.js +++ b/review/main/_next/static/chunks/pages/components/input/properties-e993b75d0ec15842.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[95303],{87551:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/input/properties",function(){return n(28505)}])},28505:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return l}});var r=n(52322),i=n(45392),s=n(11803);let d=e=>{let{children:t}=e;return(0,r.jsx)(s.Z,{children:t})};function c(e){let t={a:"a",code:"code",em:"em",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbinput",children:"DBInput"}),"\n",(0,r.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Name"}),(0,r.jsx)(t.th,{children:"Description"}),(0,r.jsx)(t.th,{children:"Type"}),(0,r.jsx)(t.th,{children:"Options"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"dataList"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"Array"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsxs)("code",{className:"code-pre-wrap",children:["const array:KeyValueType[] = [{",(0,r.jsx)("br",{})," key: string;",(0,r.jsx)("br",{})," value?: string;",(0,r.jsx)("br",{}),"}]"]})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"dataListId"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"max"}),(0,r.jsx)(t.td,{children:"Maximum value"}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"number | string"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"min"}),(0,r.jsx)(t.td,{children:"Minimum value"}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"number | string"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"pattern"}),(0,r.jsx)(t.td,{children:"Pattern the value must match to be valid"}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"type"}),(0,r.jsx)(t.td,{children:"Type of form control"}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'color' | 'date' | 'datetime-local' | 'email' | 'file' | 'hidden' | 'month' | 'number' | 'password' | 'range' | 'search' | 'tel' | 'text' | 'time' | 'url' | 'week' | string"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"step"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"number | string"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"children"}),(0,r.jsx)(t.td,{children:"default slot"}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"className"}),(0,r.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"describedbyid"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,r.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"id"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"key"}),(0,r.jsx)(t.td,{children:"React specific for render process."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"maxLength"}),(0,r.jsx)(t.td,{children:"Maximum length (number of characters) of value"}),(0,r.jsx)(t.td,{children:"number"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"minLength"}),(0,r.jsx)(t.td,{children:"Minimum length (number of characters) of value"}),(0,r.jsx)(t.td,{children:"number"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"readOnly"}),(0,r.jsx)(t.td,{children:"The disabled attribute can be set to keep a user from edit on the form element"}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"change"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: ChangeEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"onChange"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: ChangeEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"blur"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: InteractionEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"onBlur"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: InteractionEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"focus"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: InteractionEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"onFocus"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: InteractionEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"disabled"}),(0,r.jsx)(t.td,{children:"The disabled attribute can be set to keep a user from clicking on the form element."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"form"}),(0,r.jsx)(t.td,{children:"Associates the control with a form element"}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"invalid"}),(0,r.jsx)(t.td,{children:"Marks an input element as invalid."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"label"}),(0,r.jsx)(t.td,{children:"The label attribute specifies the caption of the form element."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"name"}),(0,r.jsx)(t.td,{children:"The name attribute gives the name of the form control, as used in form submission and in the form element's elements object."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"required"}),(0,r.jsx)(t.td,{children:"When the required attribute specified, the user will be required to fill the form element before submitting the form."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"value"}),(0,r.jsx)(t.td,{children:"The value property is to receive results from the native form element."}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"icon"}),(0,r.jsxs)(t.td,{children:["Define an icon by its identifier (like e.g. ",(0,r.jsx)(t.em,{children:"account"}),", compare to ",(0,r.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"Icons"}),") to get displayed in front of the elements content."]}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"IconTypes"})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"iconAfter"}),(0,r.jsxs)(t.td,{children:["Define an icon by its identifier (like e.g. ",(0,r.jsx)(t.em,{children:"account"}),", compare to ",(0,r.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"Icons"}),") to get displayed in front of the elements content."]}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"IconTypes"})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"variant"}),(0,r.jsx)(t.td,{children:"The variant defines the default variants for most components."}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'adaptive' | 'neutral' | 'critical' | 'informational' | 'warning' | 'successful'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"labelVariant"}),(0,r.jsx)(t.td,{children:"Change the variant of the label to float"}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'above' | 'floating' | 'hidden'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"placeholder"}),(0,r.jsx)(t.td,{children:"Text that appears in the form control when it has no value set"}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"message"}),(0,r.jsx)(t.td,{children:"Optional helper message for form components"}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"messageIcon"}),(0,r.jsx)(t.td,{children:"Set/overwrite icon for helper message for form components"}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"IconTypes"})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"autocomplete"}),(0,r.jsxs)(t.td,{children:["See ",(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete",children:"https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete"})]}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"string | 'off' | 'on' | 'name' | 'honorific-prefix' | 'given-name' | 'additional-name' | 'family-name' | 'honorific-suffix' | 'nickname' | 'email' | 'username' | 'new-password' | 'current-password' | 'one-time-code' | 'organization-title' | 'organization' | 'street-address' | 'shipping' | 'billing' | 'address-line1' | 'address-line2' | 'address-line3' | 'address-level4' | 'address-level3' | 'address-level2' | 'address-level1' | 'country' | 'country-name' | 'postal-code' | 'cc-name' | 'cc-given-name' | 'cc-additional-name' | 'cc-family-name' | 'cc-number' | 'cc-exp' | 'cc-exp-month' | 'cc-exp-year' | 'cc-csc' | 'cc-type' | 'transaction-currency' | 'transaction-amount' | 'language' | 'bday' | 'bday-day' | 'bday-month' | 'bday-year' | 'sex' | 'tel' | 'tel-country-code' | 'tel-national' | 'tel-area-code' | 'tel-local' | 'tel-extension' | 'impp' | 'url' | 'photo' | 'webauthn'"})})})]})]})]})]})}function l(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(d,{...e,children:(0,r.jsx)(c,{...e})})}},16134:function(e,t,n){"use strict";var r=n(52322),i=n(2784),s=n(13776);let d=(0,i.forwardRef)(function(e,t){let n=t||(0,i.useRef)(t);return(0,r.jsx)("button",{ref:n,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=d},63900:function(e,t,n){"use strict";var r,i,s,d,c,l,a;n.d(t,{IY:function(){return o},YP:function(){return h},ce:function(){return x}});let o="OVERWRITE_DEFAULT_ID",h="Back",x="Close Button";(c=r||(r={})).FUNCTIONAL="functional",c.REGULAR="regular",c.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,t]=e;return t}),(i||(i={})).PRIMARY="primary",(l=s||(s={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(e=>{let[,t]=e;return t}),Object.entries(i).map(e=>{let[,t]=e;return t}),(a=d||(d={})).CRITICAL="critical",a.INFORMATIONAL="informational",a.WARNING="warning",a.SUCCESSFUL="successful",Object.entries(d).map(e=>{let[,t]=e;return t})},13776:function(e,t,n){"use strict";n.d(t,{MN:function(){return a},Vj:function(){return r},cd:function(){return l},mS:function(){return c},yI:function(){return s},yn:function(){return i}});let r=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&i(e,t)})},s=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let t in e)e[t]&&(r+="".concat(t," "))}}),r.trim()},d=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],c=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||d.includes(e))&&!t.includes(e)).reduce((t,n)=>(t[n]=e[n],t),{}),l=e=>{let{left:t,right:n}=e.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&n<=r},a=e=>{let{top:t,bottom:n}=e.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&n<=r}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=87551)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[95303],{87551:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/input/properties",function(){return n(28505)}])},28505:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return l}});var r=n(52322),i=n(45392),s=n(12156);let d=e=>{let{children:t}=e;return(0,r.jsx)(s.Z,{children:t})};function c(e){let t={a:"a",code:"code",em:"em",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbinput",children:"DBInput"}),"\n",(0,r.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Name"}),(0,r.jsx)(t.th,{children:"Description"}),(0,r.jsx)(t.th,{children:"Type"}),(0,r.jsx)(t.th,{children:"Options"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"dataList"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"Array"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsxs)("code",{className:"code-pre-wrap",children:["const array:KeyValueType[] = [{",(0,r.jsx)("br",{})," key: string;",(0,r.jsx)("br",{})," value?: string;",(0,r.jsx)("br",{}),"}]"]})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"dataListId"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"max"}),(0,r.jsx)(t.td,{children:"Maximum value"}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"number | string"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"min"}),(0,r.jsx)(t.td,{children:"Minimum value"}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"number | string"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"pattern"}),(0,r.jsx)(t.td,{children:"Pattern the value must match to be valid"}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"type"}),(0,r.jsx)(t.td,{children:"Type of form control"}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'color' | 'date' | 'datetime-local' | 'email' | 'file' | 'hidden' | 'month' | 'number' | 'password' | 'range' | 'search' | 'tel' | 'text' | 'time' | 'url' | 'week' | string"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"step"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"number | string"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"children"}),(0,r.jsx)(t.td,{children:"default slot"}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"className"}),(0,r.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"describedbyid"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,r.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"id"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"key"}),(0,r.jsx)(t.td,{children:"React specific for render process."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"maxLength"}),(0,r.jsx)(t.td,{children:"Maximum length (number of characters) of value"}),(0,r.jsx)(t.td,{children:"number"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"minLength"}),(0,r.jsx)(t.td,{children:"Minimum length (number of characters) of value"}),(0,r.jsx)(t.td,{children:"number"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"readOnly"}),(0,r.jsx)(t.td,{children:"The disabled attribute can be set to keep a user from edit on the form element"}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"change"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: ChangeEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"onChange"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: ChangeEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"blur"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: InteractionEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"onBlur"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: InteractionEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"focus"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: InteractionEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"onFocus"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: InteractionEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"disabled"}),(0,r.jsx)(t.td,{children:"The disabled attribute can be set to keep a user from clicking on the form element."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"form"}),(0,r.jsx)(t.td,{children:"Associates the control with a form element"}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"invalid"}),(0,r.jsx)(t.td,{children:"Marks an input element as invalid."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"label"}),(0,r.jsx)(t.td,{children:"The label attribute specifies the caption of the form element."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"name"}),(0,r.jsx)(t.td,{children:"The name attribute gives the name of the form control, as used in form submission and in the form element's elements object."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"required"}),(0,r.jsx)(t.td,{children:"When the required attribute specified, the user will be required to fill the form element before submitting the form."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"value"}),(0,r.jsx)(t.td,{children:"The value property is to receive results from the native form element."}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"icon"}),(0,r.jsxs)(t.td,{children:["Define an icon by its identifier (like e.g. ",(0,r.jsx)(t.em,{children:"account"}),", compare to ",(0,r.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"Icons"}),") to get displayed in front of the elements content."]}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"IconTypes"})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"iconAfter"}),(0,r.jsxs)(t.td,{children:["Define an icon by its identifier (like e.g. ",(0,r.jsx)(t.em,{children:"account"}),", compare to ",(0,r.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"Icons"}),") to get displayed in front of the elements content."]}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"IconTypes"})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"variant"}),(0,r.jsx)(t.td,{children:"The variant defines the default variants for most components."}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'adaptive' | 'neutral' | 'critical' | 'informational' | 'warning' | 'successful'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"labelVariant"}),(0,r.jsx)(t.td,{children:"Change the variant of the label to float"}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'above' | 'floating' | 'hidden'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"placeholder"}),(0,r.jsx)(t.td,{children:"Text that appears in the form control when it has no value set"}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"message"}),(0,r.jsx)(t.td,{children:"Optional helper message for form components"}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"messageIcon"}),(0,r.jsx)(t.td,{children:"Set/overwrite icon for helper message for form components"}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"IconTypes"})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"autocomplete"}),(0,r.jsxs)(t.td,{children:["See ",(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete",children:"https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete"})]}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"string | 'off' | 'on' | 'name' | 'honorific-prefix' | 'given-name' | 'additional-name' | 'family-name' | 'honorific-suffix' | 'nickname' | 'email' | 'username' | 'new-password' | 'current-password' | 'one-time-code' | 'organization-title' | 'organization' | 'street-address' | 'shipping' | 'billing' | 'address-line1' | 'address-line2' | 'address-line3' | 'address-level4' | 'address-level3' | 'address-level2' | 'address-level1' | 'country' | 'country-name' | 'postal-code' | 'cc-name' | 'cc-given-name' | 'cc-additional-name' | 'cc-family-name' | 'cc-number' | 'cc-exp' | 'cc-exp-month' | 'cc-exp-year' | 'cc-csc' | 'cc-type' | 'transaction-currency' | 'transaction-amount' | 'language' | 'bday' | 'bday-day' | 'bday-month' | 'bday-year' | 'sex' | 'tel' | 'tel-country-code' | 'tel-national' | 'tel-area-code' | 'tel-local' | 'tel-extension' | 'impp' | 'url' | 'photo' | 'webauthn'"})})})]})]})]})]})}function l(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(d,{...e,children:(0,r.jsx)(c,{...e})})}},16134:function(e,t,n){"use strict";var r=n(52322),i=n(2784),s=n(13776);let d=(0,i.forwardRef)(function(e,t){let n=t||(0,i.useRef)(t);return(0,r.jsx)("button",{ref:n,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=d},63900:function(e,t,n){"use strict";var r,i,s,d,c,l,a;n.d(t,{IY:function(){return o},YP:function(){return h},ce:function(){return x}});let o="OVERWRITE_DEFAULT_ID",h="Back",x="Close Button";(c=r||(r={})).FUNCTIONAL="functional",c.REGULAR="regular",c.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,t]=e;return t}),(i||(i={})).PRIMARY="primary",(l=s||(s={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(e=>{let[,t]=e;return t}),Object.entries(i).map(e=>{let[,t]=e;return t}),(a=d||(d={})).CRITICAL="critical",a.INFORMATIONAL="informational",a.WARNING="warning",a.SUCCESSFUL="successful",Object.entries(d).map(e=>{let[,t]=e;return t})},13776:function(e,t,n){"use strict";n.d(t,{MN:function(){return a},Vj:function(){return r},cd:function(){return l},mS:function(){return c},yI:function(){return s},yn:function(){return i}});let r=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&i(e,t)})},s=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let t in e)e[t]&&(r+="".concat(t," "))}}),r.trim()},d=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],c=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||d.includes(e))&&!t.includes(e)).reduce((t,n)=>(t[n]=e[n],t),{}),l=e=>{let{left:t,right:n}=e.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&n<=r},a=e=>{let{top:t,bottom:n}=e.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&n<=r}}},function(e){e.O(0,[49710,12156,92888,49774,40179],function(){return e(e.s=87551)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/link-f01eb2dc0f4e724b.js b/review/main/_next/static/chunks/pages/components/link-142f1f4ae4fad607.js similarity index 83% rename from review/main/_next/static/chunks/pages/components/link-f01eb2dc0f4e724b.js rename to review/main/_next/static/chunks/pages/components/link-142f1f4ae4fad607.js index c03725a42cc..8f136299edb 100644 --- a/review/main/_next/static/chunks/pages/components/link-f01eb2dc0f4e724b.js +++ b/review/main/_next/static/chunks/pages/components/link-142f1f4ae4fad607.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[66572],{23745:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/link",function(){return e(78518)}])},78518:function(n,t,e){"use strict";e.r(t);var u=e(52322),s=e(46996),i=e(75974),a=e(70534),f=e(80922),l=e(6130),r=e(86095),_=e(99341),c=e(18965),d=e(37395);let o=n=>{let{href:t,variant:e,disabled:s,size:i,content:a,children:f}=n;return(0,u.jsx)(r.vB,{href:t,variant:e,disabled:s,size:i,content:a,children:f})};t.default=()=>(0,u.jsx)(_.Z,{title:"DBLink",variants:(0,d.P)(c,o,[(0,u.jsx)(s.default,{}),(0,u.jsx)(i.default,{}),(0,u.jsx)(a.default,{}),(0,u.jsx)(f.default,{}),(0,u.jsx)(l.default,{})])})}},function(n){n.O(0,[49710,14863,11803,77526,92888,49774,40179],function(){return n(n.s=23745)}),_N_E=n.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[66572],{23745:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/link",function(){return e(78518)}])},78518:function(n,t,e){"use strict";e.r(t);var u=e(52322),s=e(46996),i=e(75974),a=e(70534),f=e(80922),l=e(6130),r=e(53752),_=e(99341),c=e(18965),d=e(37395);let o=n=>{let{href:t,variant:e,disabled:s,size:i,content:a,children:f}=n;return(0,u.jsx)(r.vB,{href:t,variant:e,disabled:s,size:i,content:a,children:f})};t.default=()=>(0,u.jsx)(_.Z,{title:"DBLink",variants:(0,d.P)(c,o,[(0,u.jsx)(s.default,{}),(0,u.jsx)(i.default,{}),(0,u.jsx)(a.default,{}),(0,u.jsx)(f.default,{}),(0,u.jsx)(l.default,{})])})}},function(n){n.O(0,[49710,14863,12156,77526,92888,49774,40179],function(){return n(n.s=23745)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/link/how-to-use-970aac8e931a671c.js b/review/main/_next/static/chunks/pages/components/link/how-to-use-6e31330413ebf509.js similarity index 98% rename from review/main/_next/static/chunks/pages/components/link/how-to-use-970aac8e931a671c.js rename to review/main/_next/static/chunks/pages/components/link/how-to-use-6e31330413ebf509.js index 8201a7d0c76..3c28ce70140 100644 --- a/review/main/_next/static/chunks/pages/components/link/how-to-use-970aac8e931a671c.js +++ b/review/main/_next/static/chunks/pages/components/link/how-to-use-6e31330413ebf509.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[86863],{76331:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/link/how-to-use",function(){return t(42419)}])},41328:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var r=t(52322),a=t(45392);function i(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"angular",children:"Angular"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"load-component",children:"Load component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-ts",children:"// app.component.ts\nimport { DBLink } from '@db-ui/ngx-components';\n\n@Component({\n // ...\n standalone: true,\n imports: [..., DBLink],\n // ...\n})\n"})}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:'\nLink\n'})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},37576:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var r=t(52322),a=t(45392);function i(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"html",children:"HTML"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:'\n...\n\n Link\n\n'})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},9212:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var r=t(52322),a=t(45392);function i(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"react",children:"React"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-tsx",children:'// App.tsx\nimport { DBLink } from "@db-ui/react-components";\n\nconst App = () => (\n \n Link\n \n);\n\nexport default App;\n'})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},32525:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var r=t(52322),a=t(45392);function i(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"vue",children:"Vue"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-vue",children:'\n\n\n\n'})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},42419:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return p}});var r=t(52322),a=t(45392),i=t(11803),s=t(37576),o=t(41328),c=t(9212),l=t(32525);let u=n=>{let{children:e}=n;return(0,r.jsx)(i.Z,{children:e})};function d(n){let e={h1:"h1",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h1,{id:"how-to-use-dblink",children:"How to use DBLink"}),"\n",(0,r.jsx)(s.default,{}),"\n",(0,r.jsx)(o.default,{}),"\n",(0,r.jsx)(c.default,{}),"\n",(0,r.jsx)(l.default,{})]})}function p(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(u,{...n,children:(0,r.jsx)(d,{...n})})}},16134:function(n,e,t){"use strict";var r=t(52322),a=t(2784),i=t(13776);let s=(0,a.forwardRef)(function(n,e){let t=e||(0,a.useRef)(e);return(0,r.jsx)("button",{ref:t,...(0,i.mS)(n,[]),id:n.id,className:(0,i.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:e=>{n.onClick&&n.onClick(e)},children:n.children})});e.Z=s},63900:function(n,e,t){"use strict";var r,a,i,s,o,c,l;t.d(e,{IY:function(){return u},YP:function(){return d},ce:function(){return p}});let u="OVERWRITE_DEFAULT_ID",d="Back",p="Close Button";(o=r||(r={})).FUNCTIONAL="functional",o.REGULAR="regular",o.EXPRESSIVE="expressive",Object.entries(r).map(n=>{let[,e]=n;return e}),(a||(a={})).PRIMARY="primary",(c=i||(i={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(n=>{let[,e]=n;return e}),Object.entries(a).map(n=>{let[,e]=n;return e}),(l=s||(s={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(s).map(n=>{let[,e]=n;return e})},13776:function(n,e,t){"use strict";t.d(e,{MN:function(){return l},Vj:function(){return r},cd:function(){return c},mS:function(){return o},yI:function(){return i},yn:function(){return a}});let r=()=>{var n,e;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},a=(n,e)=>{Object.values(n.children).forEach(n=>{n.setAttribute(e.key,e.value),n.children.length>0&&a(n,e)})},i=function(){for(var n=arguments.length,e=Array(n),t=0;t{if(n){if("string"==typeof n)r+="".concat(n," ");else for(let e in n)n[e]&&(r+="".concat(e," "))}}),r.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],o=(n,e)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||s.includes(n))&&!e.includes(n)).reduce((e,t)=>(e[t]=n[t],e),{}),c=n=>{let{left:e,right:t}=n.getBoundingClientRect(),{innerWidth:r}=window;return e>=0&&t<=r},l=n=>{let{top:e,bottom:t}=n.getBoundingClientRect(),{innerHeight:r}=window;return e>=0&&t<=r}}},function(n){n.O(0,[49710,11803,92888,49774,40179],function(){return n(n.s=76331)}),_N_E=n.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[86863],{76331:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/link/how-to-use",function(){return t(42419)}])},41328:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var r=t(52322),a=t(45392);function i(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"angular",children:"Angular"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"load-component",children:"Load component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-ts",children:"// app.component.ts\nimport { DBLink } from '@db-ui/ngx-components';\n\n@Component({\n // ...\n standalone: true,\n imports: [..., DBLink],\n // ...\n})\n"})}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:'\nLink\n'})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},37576:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var r=t(52322),a=t(45392);function i(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"html",children:"HTML"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:'\n...\n\n Link\n\n'})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},9212:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var r=t(52322),a=t(45392);function i(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"react",children:"React"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-tsx",children:'// App.tsx\nimport { DBLink } from "@db-ui/react-components";\n\nconst App = () => (\n \n Link\n \n);\n\nexport default App;\n'})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},32525:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var r=t(52322),a=t(45392);function i(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"vue",children:"Vue"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-vue",children:'\n\n\n\n'})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},42419:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return p}});var r=t(52322),a=t(45392),i=t(12156),s=t(37576),o=t(41328),c=t(9212),l=t(32525);let u=n=>{let{children:e}=n;return(0,r.jsx)(i.Z,{children:e})};function d(n){let e={h1:"h1",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h1,{id:"how-to-use-dblink",children:"How to use DBLink"}),"\n",(0,r.jsx)(s.default,{}),"\n",(0,r.jsx)(o.default,{}),"\n",(0,r.jsx)(c.default,{}),"\n",(0,r.jsx)(l.default,{})]})}function p(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(u,{...n,children:(0,r.jsx)(d,{...n})})}},16134:function(n,e,t){"use strict";var r=t(52322),a=t(2784),i=t(13776);let s=(0,a.forwardRef)(function(n,e){let t=e||(0,a.useRef)(e);return(0,r.jsx)("button",{ref:t,...(0,i.mS)(n,[]),id:n.id,className:(0,i.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:e=>{n.onClick&&n.onClick(e)},children:n.children})});e.Z=s},63900:function(n,e,t){"use strict";var r,a,i,s,o,c,l;t.d(e,{IY:function(){return u},YP:function(){return d},ce:function(){return p}});let u="OVERWRITE_DEFAULT_ID",d="Back",p="Close Button";(o=r||(r={})).FUNCTIONAL="functional",o.REGULAR="regular",o.EXPRESSIVE="expressive",Object.entries(r).map(n=>{let[,e]=n;return e}),(a||(a={})).PRIMARY="primary",(c=i||(i={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(n=>{let[,e]=n;return e}),Object.entries(a).map(n=>{let[,e]=n;return e}),(l=s||(s={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(s).map(n=>{let[,e]=n;return e})},13776:function(n,e,t){"use strict";t.d(e,{MN:function(){return l},Vj:function(){return r},cd:function(){return c},mS:function(){return o},yI:function(){return i},yn:function(){return a}});let r=()=>{var n,e;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},a=(n,e)=>{Object.values(n.children).forEach(n=>{n.setAttribute(e.key,e.value),n.children.length>0&&a(n,e)})},i=function(){for(var n=arguments.length,e=Array(n),t=0;t{if(n){if("string"==typeof n)r+="".concat(n," ");else for(let e in n)n[e]&&(r+="".concat(e," "))}}),r.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],o=(n,e)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||s.includes(n))&&!e.includes(n)).reduce((e,t)=>(e[t]=n[t],e),{}),c=n=>{let{left:e,right:t}=n.getBoundingClientRect(),{innerWidth:r}=window;return e>=0&&t<=r},l=n=>{let{top:e,bottom:t}=n.getBoundingClientRect(),{innerHeight:r}=window;return e>=0&&t<=r}}},function(n){n.O(0,[49710,12156,92888,49774,40179],function(){return n(n.s=76331)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/link/migration-168439fe3299b1e6.js b/review/main/_next/static/chunks/pages/components/link/migration-ad496c0f9771c321.js similarity index 98% rename from review/main/_next/static/chunks/pages/components/link/migration-168439fe3299b1e6.js rename to review/main/_next/static/chunks/pages/components/link/migration-ad496c0f9771c321.js index bbf4fa4b7f6..7266e142201 100644 --- a/review/main/_next/static/chunks/pages/components/link/migration-168439fe3299b1e6.js +++ b/review/main/_next/static/chunks/pages/components/link/migration-ad496c0f9771c321.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[93134],{13206:function(t,e,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/link/migration",function(){return n(10106)}])},43566:function(t,e,n){"use strict";n.r(e),n.d(e,{default:function(){return a}});var r=n(52322),i=n(45392);function s(t){let e={a:"a",blockquote:"blockquote",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...t.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"general",children:"General"}),"\n",(0,r.jsxs)(e.blockquote,{children:["\n",(0,r.jsxs)(e.p,{children:[(0,r.jsx)(e.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,r.jsx)(e.h2,{id:"db-ui-core--db-ui-components",children:"DB UI Core ➡ DB UI Components"}),"\n",(0,r.jsx)(e.h3,{id:"class",children:"class"}),"\n",(0,r.jsxs)(e.table,{children:[(0,r.jsx)(e.thead,{children:(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.th,{children:"Before"}),(0,r.jsx)(e.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(e.th,{children:"After"}),(0,r.jsx)(e.th,{children:"Description"})]})}),(0,r.jsx)(e.tbody,{children:(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"elm-link"})}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"db-link"})}),(0,r.jsx)(e.td,{})]})})]}),"\n",(0,r.jsx)(e.h3,{id:"icons",children:"icons"}),"\n",(0,r.jsxs)(e.table,{children:[(0,r.jsx)(e.thead,{children:(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.th,{children:"Before"}),(0,r.jsx)(e.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(e.th,{children:"After"}),(0,r.jsx)(e.th,{children:"Description"})]})}),(0,r.jsxs)(e.tbody,{children:[(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"icon"})}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(e.td,{children:"❌"}),(0,r.jsxs)(e.td,{children:["not valid anymore use ",(0,r.jsx)(e.code,{children:"content"})," to show interal or external arrow icon"]})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"icononly"})}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(e.td,{children:"❌"}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"iconVariant"})}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(e.td,{children:"❌"}),(0,r.jsx)(e.td,{})]})]})]})]})}function a(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,i.a)(),...t.components};return e?(0,r.jsx)(e,{...t,children:(0,r.jsx)(s,{...t})}):s(t)}},10106:function(t,e,n){"use strict";n.r(e),n.d(e,{default:function(){return d}});var r=n(52322),i=n(45392),s=n(11803),a=n(43566);let l=t=>{let{children:e}=t;return(0,r.jsx)(s.Z,{children:e})};function c(t){let e={h1:"h1",...(0,i.a)(),...t.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h1,{id:"dblink-migration",children:"DBLink Migration"}),"\n",(0,r.jsx)(a.default,{})]})}function d(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(l,{...t,children:(0,r.jsx)(c,{...t})})}},16134:function(t,e,n){"use strict";var r=n(52322),i=n(2784),s=n(13776);let a=(0,i.forwardRef)(function(t,e){let n=e||(0,i.useRef)(e);return(0,r.jsx)("button",{ref:n,...(0,s.mS)(t,[]),id:t.id,className:(0,s.yI)("db-button",t.className,{"is-icon-text-replace":t.noText}),type:t.type,disabled:t.disabled,"aria-label":t.label,"data-icon":t.icon,"data-size":t.size,"data-state":t.state,"data-width":t.width,"data-variant":t.variant,name:t.name,value:t.value,"aria-describedby":t.describedbyid,"aria-expanded":t.ariaexpanded,"aria-pressed":t.ariapressed,onClick:e=>{t.onClick&&t.onClick(e)},children:t.children})});e.Z=a},63900:function(t,e,n){"use strict";var r,i,s,a,l,c,d;n.d(e,{IY:function(){return o},YP:function(){return u},ce:function(){return h}});let o="OVERWRITE_DEFAULT_ID",u="Back",h="Close Button";(l=r||(r={})).FUNCTIONAL="functional",l.REGULAR="regular",l.EXPRESSIVE="expressive",Object.entries(r).map(t=>{let[,e]=t;return e}),(i||(i={})).PRIMARY="primary",(c=s||(s={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(t=>{let[,e]=t;return e}),Object.entries(i).map(t=>{let[,e]=t;return e}),(d=a||(a={})).CRITICAL="critical",d.INFORMATIONAL="informational",d.WARNING="warning",d.SUCCESSFUL="successful",Object.entries(a).map(t=>{let[,e]=t;return e})},13776:function(t,e,n){"use strict";n.d(e,{MN:function(){return d},Vj:function(){return r},cd:function(){return c},mS:function(){return l},yI:function(){return s},yn:function(){return i}});let r=()=>{var t,e;return(null===(t=window.crypto)||void 0===t?void 0:t.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(t,e)=>{Object.values(t.children).forEach(t=>{t.setAttribute(e.key,e.value),t.children.length>0&&i(t,e)})},s=function(){for(var t=arguments.length,e=Array(t),n=0;n{if(t){if("string"==typeof t)r+="".concat(t," ");else for(let e in t)t[e]&&(r+="".concat(e," "))}}),r.trim()},a=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],l=(t,e)=>Object.keys(t).filter(t=>(t.startsWith("data-")||t.startsWith("aria-")||t.startsWith("default")||t.startsWith("auto")||t.startsWith("item")||t.startsWith("on")||a.includes(t))&&!e.includes(t)).reduce((e,n)=>(e[n]=t[n],e),{}),c=t=>{let{left:e,right:n}=t.getBoundingClientRect(),{innerWidth:r}=window;return e>=0&&n<=r},d=t=>{let{top:e,bottom:n}=t.getBoundingClientRect(),{innerHeight:r}=window;return e>=0&&n<=r}}},function(t){t.O(0,[49710,11803,92888,49774,40179],function(){return t(t.s=13206)}),_N_E=t.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[93134],{13206:function(t,e,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/link/migration",function(){return n(10106)}])},43566:function(t,e,n){"use strict";n.r(e),n.d(e,{default:function(){return a}});var r=n(52322),i=n(45392);function s(t){let e={a:"a",blockquote:"blockquote",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...t.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"general",children:"General"}),"\n",(0,r.jsxs)(e.blockquote,{children:["\n",(0,r.jsxs)(e.p,{children:[(0,r.jsx)(e.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,r.jsx)(e.h2,{id:"db-ui-core--db-ui-components",children:"DB UI Core ➡ DB UI Components"}),"\n",(0,r.jsx)(e.h3,{id:"class",children:"class"}),"\n",(0,r.jsxs)(e.table,{children:[(0,r.jsx)(e.thead,{children:(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.th,{children:"Before"}),(0,r.jsx)(e.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(e.th,{children:"After"}),(0,r.jsx)(e.th,{children:"Description"})]})}),(0,r.jsx)(e.tbody,{children:(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"elm-link"})}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"db-link"})}),(0,r.jsx)(e.td,{})]})})]}),"\n",(0,r.jsx)(e.h3,{id:"icons",children:"icons"}),"\n",(0,r.jsxs)(e.table,{children:[(0,r.jsx)(e.thead,{children:(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.th,{children:"Before"}),(0,r.jsx)(e.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(e.th,{children:"After"}),(0,r.jsx)(e.th,{children:"Description"})]})}),(0,r.jsxs)(e.tbody,{children:[(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"icon"})}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(e.td,{children:"❌"}),(0,r.jsxs)(e.td,{children:["not valid anymore use ",(0,r.jsx)(e.code,{children:"content"})," to show interal or external arrow icon"]})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"icononly"})}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(e.td,{children:"❌"}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"iconVariant"})}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(e.td,{children:"❌"}),(0,r.jsx)(e.td,{})]})]})]})]})}function a(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,i.a)(),...t.components};return e?(0,r.jsx)(e,{...t,children:(0,r.jsx)(s,{...t})}):s(t)}},10106:function(t,e,n){"use strict";n.r(e),n.d(e,{default:function(){return d}});var r=n(52322),i=n(45392),s=n(12156),a=n(43566);let l=t=>{let{children:e}=t;return(0,r.jsx)(s.Z,{children:e})};function c(t){let e={h1:"h1",...(0,i.a)(),...t.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h1,{id:"dblink-migration",children:"DBLink Migration"}),"\n",(0,r.jsx)(a.default,{})]})}function d(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(l,{...t,children:(0,r.jsx)(c,{...t})})}},16134:function(t,e,n){"use strict";var r=n(52322),i=n(2784),s=n(13776);let a=(0,i.forwardRef)(function(t,e){let n=e||(0,i.useRef)(e);return(0,r.jsx)("button",{ref:n,...(0,s.mS)(t,[]),id:t.id,className:(0,s.yI)("db-button",t.className,{"is-icon-text-replace":t.noText}),type:t.type,disabled:t.disabled,"aria-label":t.label,"data-icon":t.icon,"data-size":t.size,"data-state":t.state,"data-width":t.width,"data-variant":t.variant,name:t.name,value:t.value,"aria-describedby":t.describedbyid,"aria-expanded":t.ariaexpanded,"aria-pressed":t.ariapressed,onClick:e=>{t.onClick&&t.onClick(e)},children:t.children})});e.Z=a},63900:function(t,e,n){"use strict";var r,i,s,a,l,c,d;n.d(e,{IY:function(){return o},YP:function(){return u},ce:function(){return h}});let o="OVERWRITE_DEFAULT_ID",u="Back",h="Close Button";(l=r||(r={})).FUNCTIONAL="functional",l.REGULAR="regular",l.EXPRESSIVE="expressive",Object.entries(r).map(t=>{let[,e]=t;return e}),(i||(i={})).PRIMARY="primary",(c=s||(s={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(t=>{let[,e]=t;return e}),Object.entries(i).map(t=>{let[,e]=t;return e}),(d=a||(a={})).CRITICAL="critical",d.INFORMATIONAL="informational",d.WARNING="warning",d.SUCCESSFUL="successful",Object.entries(a).map(t=>{let[,e]=t;return e})},13776:function(t,e,n){"use strict";n.d(e,{MN:function(){return d},Vj:function(){return r},cd:function(){return c},mS:function(){return l},yI:function(){return s},yn:function(){return i}});let r=()=>{var t,e;return(null===(t=window.crypto)||void 0===t?void 0:t.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(t,e)=>{Object.values(t.children).forEach(t=>{t.setAttribute(e.key,e.value),t.children.length>0&&i(t,e)})},s=function(){for(var t=arguments.length,e=Array(t),n=0;n{if(t){if("string"==typeof t)r+="".concat(t," ");else for(let e in t)t[e]&&(r+="".concat(e," "))}}),r.trim()},a=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],l=(t,e)=>Object.keys(t).filter(t=>(t.startsWith("data-")||t.startsWith("aria-")||t.startsWith("default")||t.startsWith("auto")||t.startsWith("item")||t.startsWith("on")||a.includes(t))&&!e.includes(t)).reduce((e,n)=>(e[n]=t[n],e),{}),c=t=>{let{left:e,right:n}=t.getBoundingClientRect(),{innerWidth:r}=window;return e>=0&&n<=r},d=t=>{let{top:e,bottom:n}=t.getBoundingClientRect(),{innerHeight:r}=window;return e>=0&&n<=r}}},function(t){t.O(0,[49710,12156,92888,49774,40179],function(){return t(t.s=13206)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/link/overview-2b14917a5b419d82.js b/review/main/_next/static/chunks/pages/components/link/overview-b0c782329a53cff3.js similarity index 84% rename from review/main/_next/static/chunks/pages/components/link/overview-2b14917a5b419d82.js rename to review/main/_next/static/chunks/pages/components/link/overview-b0c782329a53cff3.js index a38e6c2fbaa..9c332db585b 100644 --- a/review/main/_next/static/chunks/pages/components/link/overview-2b14917a5b419d82.js +++ b/review/main/_next/static/chunks/pages/components/link/overview-b0c782329a53cff3.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[45750],{90689:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/link/overview",function(){return t(25844)}])},25844:function(n,e,t){"use strict";t.r(e);var u=t(52322),s=t(46996),i=t(75974),a=t(70534),f=t(80922),l=t(6130),r=t(86095),_=t(99341),c=t(18965),d=t(37395);let o=n=>{let{href:e,variant:t,disabled:s,size:i,content:a,children:f}=n;return(0,u.jsx)(r.vB,{href:e,variant:t,disabled:s,size:i,content:a,children:f})};e.default=()=>(0,u.jsx)(_.Z,{title:"DBLink",variants:(0,d.P)(c,o,[(0,u.jsx)(s.default,{}),(0,u.jsx)(i.default,{}),(0,u.jsx)(a.default,{}),(0,u.jsx)(f.default,{}),(0,u.jsx)(l.default,{})])})}},function(n){n.O(0,[49710,14863,11803,77526,92888,49774,40179],function(){return n(n.s=90689)}),_N_E=n.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[45750],{90689:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/link/overview",function(){return t(25844)}])},25844:function(n,e,t){"use strict";t.r(e);var u=t(52322),s=t(46996),i=t(75974),a=t(70534),f=t(80922),l=t(6130),r=t(53752),_=t(99341),c=t(18965),d=t(37395);let o=n=>{let{href:e,variant:t,disabled:s,size:i,content:a,children:f}=n;return(0,u.jsx)(r.vB,{href:e,variant:t,disabled:s,size:i,content:a,children:f})};e.default=()=>(0,u.jsx)(_.Z,{title:"DBLink",variants:(0,d.P)(c,o,[(0,u.jsx)(s.default,{}),(0,u.jsx)(i.default,{}),(0,u.jsx)(a.default,{}),(0,u.jsx)(f.default,{}),(0,u.jsx)(l.default,{})])})}},function(n){n.O(0,[49710,14863,12156,77526,92888,49774,40179],function(){return n(n.s=90689)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/link/properties-db423fa6583a4baf.js b/review/main/_next/static/chunks/pages/components/link/properties-589e37f78078e90e.js similarity index 98% rename from review/main/_next/static/chunks/pages/components/link/properties-db423fa6583a4baf.js rename to review/main/_next/static/chunks/pages/components/link/properties-589e37f78078e90e.js index 9b8cb703590..18c99dac4c2 100644 --- a/review/main/_next/static/chunks/pages/components/link/properties-db423fa6583a4baf.js +++ b/review/main/_next/static/chunks/pages/components/link/properties-589e37f78078e90e.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6018],{47918:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/link/properties",function(){return r(66980)}])},66980:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return l}});var n=r(52322),i=r(45392),s=r(11803);let d=e=>{let{children:t}=e;return(0,n.jsx)(s.Z,{children:t})};function c(e){let t={a:"a",code:"code",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.h1,{id:"dblink",children:"DBLink"}),"\n",(0,n.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,n.jsxs)(t.table,{children:[(0,n.jsx)(t.thead,{children:(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.th,{children:"Name"}),(0,n.jsx)(t.th,{children:"Description"}),(0,n.jsx)(t.th,{children:"Type"}),(0,n.jsx)(t.th,{children:"Options"})]})}),(0,n.jsxs)(t.tbody,{children:[(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"content"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'external' | 'internal'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"id"}),(0,n.jsxs)(t.td,{children:[(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"size"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'medium' | 'small'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"variant"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'adaptive' | 'primary' | 'inline'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"children"}),(0,n.jsx)(t.td,{children:"default slot"}),(0,n.jsx)(t.td,{children:"any"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"className"}),(0,n.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"describedbyid"}),(0,n.jsxs)(t.td,{children:[(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,n.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"key"}),(0,n.jsx)(t.td,{children:"React specific for render process."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"onClick"}),(0,n.jsx)(t.td,{children:"React specific onClick to pass to forward ref."}),(0,n.jsx)(t.td,{children:"function"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"(event: ClickEvent) => void"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"current"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"boolean | 'time' | 'true' | 'false' | 'date' | 'page' | 'step' | 'location' | undefined"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"disabled"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"boolean"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"href"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"hreflang"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"label"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"target"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'_self' | '_blank' | '_parent' | '_top'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"rel"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"role"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"referrerpolicy"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'no-referrer' | 'no-referrer-when-downgrade' | 'origin' | 'origin-when-cross-origin' | 'same-origin' | 'strict-origin' | 'strict-origin-when-cross-origin' | 'unsafe-url'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"selected"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"boolean"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"text"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]})]})]})]})}function l(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,n.jsx)(d,{...e,children:(0,n.jsx)(c,{...e})})}},16134:function(e,t,r){"use strict";var n=r(52322),i=r(2784),s=r(13776);let d=(0,i.forwardRef)(function(e,t){let r=t||(0,i.useRef)(t);return(0,n.jsx)("button",{ref:r,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=d},63900:function(e,t,r){"use strict";var n,i,s,d,c,l,a;r.d(t,{IY:function(){return o},YP:function(){return h},ce:function(){return x}});let o="OVERWRITE_DEFAULT_ID",h="Back",x="Close Button";(c=n||(n={})).FUNCTIONAL="functional",c.REGULAR="regular",c.EXPRESSIVE="expressive",Object.entries(n).map(e=>{let[,t]=e;return t}),(i||(i={})).PRIMARY="primary",(l=s||(s={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(e=>{let[,t]=e;return t}),Object.entries(i).map(e=>{let[,t]=e;return t}),(a=d||(d={})).CRITICAL="critical",a.INFORMATIONAL="informational",a.WARNING="warning",a.SUCCESSFUL="successful",Object.entries(d).map(e=>{let[,t]=e;return t})},13776:function(e,t,r){"use strict";r.d(t,{MN:function(){return a},Vj:function(){return n},cd:function(){return l},mS:function(){return c},yI:function(){return s},yn:function(){return i}});let n=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&i(e,t)})},s=function(){for(var e=arguments.length,t=Array(e),r=0;r{if(e){if("string"==typeof e)n+="".concat(e," ");else for(let t in e)e[t]&&(n+="".concat(t," "))}}),n.trim()},d=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],c=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||d.includes(e))&&!t.includes(e)).reduce((t,r)=>(t[r]=e[r],t),{}),l=e=>{let{left:t,right:r}=e.getBoundingClientRect(),{innerWidth:n}=window;return t>=0&&r<=n},a=e=>{let{top:t,bottom:r}=e.getBoundingClientRect(),{innerHeight:n}=window;return t>=0&&r<=n}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=47918)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6018],{47918:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/link/properties",function(){return r(66980)}])},66980:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return l}});var n=r(52322),i=r(45392),s=r(12156);let d=e=>{let{children:t}=e;return(0,n.jsx)(s.Z,{children:t})};function c(e){let t={a:"a",code:"code",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.h1,{id:"dblink",children:"DBLink"}),"\n",(0,n.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,n.jsxs)(t.table,{children:[(0,n.jsx)(t.thead,{children:(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.th,{children:"Name"}),(0,n.jsx)(t.th,{children:"Description"}),(0,n.jsx)(t.th,{children:"Type"}),(0,n.jsx)(t.th,{children:"Options"})]})}),(0,n.jsxs)(t.tbody,{children:[(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"content"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'external' | 'internal'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"id"}),(0,n.jsxs)(t.td,{children:[(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"size"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'medium' | 'small'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"variant"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'adaptive' | 'primary' | 'inline'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"children"}),(0,n.jsx)(t.td,{children:"default slot"}),(0,n.jsx)(t.td,{children:"any"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"className"}),(0,n.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"describedbyid"}),(0,n.jsxs)(t.td,{children:[(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,n.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"key"}),(0,n.jsx)(t.td,{children:"React specific for render process."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"onClick"}),(0,n.jsx)(t.td,{children:"React specific onClick to pass to forward ref."}),(0,n.jsx)(t.td,{children:"function"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"(event: ClickEvent) => void"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"current"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"boolean | 'time' | 'true' | 'false' | 'date' | 'page' | 'step' | 'location' | undefined"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"disabled"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"boolean"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"href"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"hreflang"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"label"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"target"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'_self' | '_blank' | '_parent' | '_top'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"rel"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"role"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"referrerpolicy"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'no-referrer' | 'no-referrer-when-downgrade' | 'origin' | 'origin-when-cross-origin' | 'same-origin' | 'strict-origin' | 'strict-origin-when-cross-origin' | 'unsafe-url'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"selected"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"boolean"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"text"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]})]})]})]})}function l(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,n.jsx)(d,{...e,children:(0,n.jsx)(c,{...e})})}},16134:function(e,t,r){"use strict";var n=r(52322),i=r(2784),s=r(13776);let d=(0,i.forwardRef)(function(e,t){let r=t||(0,i.useRef)(t);return(0,n.jsx)("button",{ref:r,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=d},63900:function(e,t,r){"use strict";var n,i,s,d,c,l,a;r.d(t,{IY:function(){return o},YP:function(){return h},ce:function(){return x}});let o="OVERWRITE_DEFAULT_ID",h="Back",x="Close Button";(c=n||(n={})).FUNCTIONAL="functional",c.REGULAR="regular",c.EXPRESSIVE="expressive",Object.entries(n).map(e=>{let[,t]=e;return t}),(i||(i={})).PRIMARY="primary",(l=s||(s={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(e=>{let[,t]=e;return t}),Object.entries(i).map(e=>{let[,t]=e;return t}),(a=d||(d={})).CRITICAL="critical",a.INFORMATIONAL="informational",a.WARNING="warning",a.SUCCESSFUL="successful",Object.entries(d).map(e=>{let[,t]=e;return t})},13776:function(e,t,r){"use strict";r.d(t,{MN:function(){return a},Vj:function(){return n},cd:function(){return l},mS:function(){return c},yI:function(){return s},yn:function(){return i}});let n=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&i(e,t)})},s=function(){for(var e=arguments.length,t=Array(e),r=0;r{if(e){if("string"==typeof e)n+="".concat(e," ");else for(let t in e)e[t]&&(n+="".concat(t," "))}}),n.trim()},d=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],c=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||d.includes(e))&&!t.includes(e)).reduce((t,r)=>(t[r]=e[r],t),{}),l=e=>{let{left:t,right:r}=e.getBoundingClientRect(),{innerWidth:n}=window;return t>=0&&r<=n},a=e=>{let{top:t,bottom:r}=e.getBoundingClientRect(),{innerHeight:n}=window;return t>=0&&r<=n}}},function(e){e.O(0,[49710,12156,92888,49774,40179],function(){return e(e.s=47918)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/main-navigation-1e2067485f6d5f57.js b/review/main/_next/static/chunks/pages/components/main-navigation-e41508c6a222bc70.js similarity index 90% rename from review/main/_next/static/chunks/pages/components/main-navigation-1e2067485f6d5f57.js rename to review/main/_next/static/chunks/pages/components/main-navigation-e41508c6a222bc70.js index 5aa92085db5..9c8072f7087 100644 --- a/review/main/_next/static/chunks/pages/components/main-navigation-1e2067485f6d5f57.js +++ b/review/main/_next/static/chunks/pages/components/main-navigation-e41508c6a222bc70.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[25862],{30061:function(i,e,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/main-navigation",function(){return n(79831)}])},79831:function(i,e,n){"use strict";n.r(e);var t=n(52322),a=n(90413),s=n(86095),r=n(99341),c=n(62698),h=n(37395);let l=i=>{let{children:e}=i;return(0,t.jsxs)("div",{children:[(0,t.jsxs)("h6",{children:[e,":"]}),(0,t.jsxs)(s.Cc,{children:[(0,t.jsx)(s.pK,{active:!0,slotSubNavigation:(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(s.pK,{active:!0,slotSubNavigation:(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(s.pK,{active:!0,children:(0,t.jsx)("a",{href:"#",children:"Sub-Sub-Navi-Item 1"})}),(0,t.jsx)(s.pK,{children:(0,t.jsx)("a",{href:"#",children:"Sub-Sub-Navi-Item 2"})})]}),children:"Sub-Navi-Item 1"}),(0,t.jsx)(s.pK,{children:(0,t.jsx)("a",{href:"#",children:"Sub-Navi-Item 2"})})]}),children:"Navi-Item 1"}),(0,t.jsx)(s.pK,{icon:"account",children:(0,t.jsx)("a",{href:"#",children:"Navi-Item 2"})}),(0,t.jsx)(s.pK,{disabled:!0,children:(0,t.jsx)("a",{href:"#",children:"Navi-Item 3"})})]})]})};e.default=()=>(0,t.jsx)(r.Z,{title:"DBMainNavigation",variants:(0,h.P)(c,l,[(0,t.jsx)(a.default,{})])})}},function(i){i.O(0,[49710,14863,11803,90413,86747,92888,49774,40179],function(){return i(i.s=30061)}),_N_E=i.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[25862],{30061:function(i,e,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/main-navigation",function(){return n(79831)}])},79831:function(i,e,n){"use strict";n.r(e);var t=n(52322),a=n(90413),s=n(53752),r=n(99341),c=n(62698),h=n(37395);let l=i=>{let{children:e}=i;return(0,t.jsxs)("div",{children:[(0,t.jsxs)("h6",{children:[e,":"]}),(0,t.jsxs)(s.Cc,{children:[(0,t.jsx)(s.pK,{active:!0,slotSubNavigation:(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(s.pK,{active:!0,slotSubNavigation:(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(s.pK,{active:!0,children:(0,t.jsx)("a",{href:"#",children:"Sub-Sub-Navi-Item 1"})}),(0,t.jsx)(s.pK,{children:(0,t.jsx)("a",{href:"#",children:"Sub-Sub-Navi-Item 2"})})]}),children:"Sub-Navi-Item 1"}),(0,t.jsx)(s.pK,{children:(0,t.jsx)("a",{href:"#",children:"Sub-Navi-Item 2"})})]}),children:"Navi-Item 1"}),(0,t.jsx)(s.pK,{icon:"account",children:(0,t.jsx)("a",{href:"#",children:"Navi-Item 2"})}),(0,t.jsx)(s.pK,{disabled:!0,children:(0,t.jsx)("a",{href:"#",children:"Navi-Item 3"})})]})]})};e.default=()=>(0,t.jsx)(r.Z,{title:"DBMainNavigation",variants:(0,h.P)(c,l,[(0,t.jsx)(a.default,{})])})}},function(i){i.O(0,[49710,14863,12156,90413,86747,92888,49774,40179],function(){return i(i.s=30061)}),_N_E=i.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/main-navigation/how-to-use-71f6661e2923a418.js b/review/main/_next/static/chunks/pages/components/main-navigation/how-to-use-78bdb4a1af545255.js similarity index 99% rename from review/main/_next/static/chunks/pages/components/main-navigation/how-to-use-71f6661e2923a418.js rename to review/main/_next/static/chunks/pages/components/main-navigation/how-to-use-78bdb4a1af545255.js index 0f78b45918d..a0167c16d9b 100644 --- a/review/main/_next/static/chunks/pages/components/main-navigation/how-to-use-71f6661e2923a418.js +++ b/review/main/_next/static/chunks/pages/components/main-navigation/how-to-use-78bdb4a1af545255.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[94696],{34202:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/main-navigation/how-to-use",function(){return t(684)}])},11665:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return o}});var a=t(52322),i=t(45392);function r(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,i.a)(),...n.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(e.h2,{id:"angular",children:"Angular"}),"\n",(0,a.jsxs)(e.p,{children:["For general installation and configuration look at the ",(0,a.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,a.jsx)(e.h3,{id:"load-component",children:"Load component"}),"\n",(0,a.jsx)(e.pre,{children:(0,a.jsx)(e.code,{className:"language-ts",children:"// app.component.ts\nimport { DBMainNavigation } from '@db-ui/ngx-components';\n\n@Component({\n // ...\n standalone: true,\n imports: [\n // ...,\n DBMainNavigation\n ],\n // ...\n})\n"})}),"\n",(0,a.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,a.jsx)(e.pre,{children:(0,a.jsx)(e.code,{className:"language-html",children:'\n\n\n \n \n \n \n Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 2\n \n \n \n \n \n \n Sub-Navi-Item 2\n \n \n \n Navi-Item 1 \n \n \n \n Navi-Item 2\n \n \n \n \n Navi-Item 3\n \n \n\n'})}),"\n",(0,a.jsx)(e.h3,{id:"angular-router-and-active-state-handling",children:"Angular Router and active state handling"}),"\n",(0,a.jsxs)(e.p,{children:["You can set the property ",(0,a.jsx)(e.code,{children:"active"})," to a boolean value as in the example above.\nIt will cause the navigation item to render in active style and implicitly\nset ",(0,a.jsx)(e.code,{children:'aria-current="page"'})," to the list element."]}),"\n",(0,a.jsxs)(e.p,{children:["The component will also check for child element set to ",(0,a.jsx)(e.code,{children:'aria-current="page"'}),".\nSuch elements are also displayed in active state.\nThis makes the component ",(0,a.jsx)(e.a,{href:"https://angular.dev/best-practices/a11y#active-links-identification",children:"integration with the Angular Router"})," way more elegant\ncompared to the first variant."]}),"\n",(0,a.jsxs)(e.p,{children:["The component first needs to import the ",(0,a.jsx)(e.code,{children:"RouterLink"})," and ",(0,a.jsx)(e.code,{children:"RouterLinkActive"})," directives."]}),"\n",(0,a.jsx)(e.pre,{children:(0,a.jsx)(e.code,{className:"language-ts",children:"// app.component.ts\nimport { RouterLink, RouterLinkActive } from '@angular/router';\nimport { DBMainNavigation } from '@db-ui/ngx-components';\n\n@Component({\n // ...\n standalone: true,\n imports: [\n // ...\n RouterLink,\n RouterLinkActive,\n DBMainNavigation\n ],\n // ...\n})\n"})}),"\n",(0,a.jsxs)(e.p,{children:["Now you can use the Angular Routers ",(0,a.jsx)(e.code,{children:"routerLink"})," directive to define your targets.\nThe active style is automatically set once an item receives the ",(0,a.jsx)(e.code,{children:'aria-current="page"'})," attribute."]}),"\n",(0,a.jsx)(e.pre,{children:(0,a.jsx)(e.code,{className:"language-html",children:'\n\n\n \n \n \n Home\n \n \n \n \n Demo Pages \n \n \n \n \n Demo Page 1\n \n \n \n \n Demo Page 2\n \n \n \n \n \n\n'})})]})}function o(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,i.a)(),...n.components};return e?(0,a.jsx)(e,{...n,children:(0,a.jsx)(r,{...n})}):r(n)}},43609:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return o}});var a=t(52322),i=t(45392);function r(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,i.a)(),...n.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(e.h2,{id:"html",children:"HTML"}),"\n",(0,a.jsxs)(e.p,{children:["For general installation and configuration look at the ",(0,a.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,a.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,a.jsx)(e.pre,{children:(0,a.jsx)(e.code,{className:"language-html",children:'\n...\n\n \n\n'})})]})}function o(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,i.a)(),...n.components};return e?(0,a.jsx)(e,{...n,children:(0,a.jsx)(r,{...n})}):r(n)}},85933:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return o}});var a=t(52322),i=t(45392);function r(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,i.a)(),...n.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(e.h2,{id:"react",children:"React"}),"\n",(0,a.jsxs)(e.p,{children:["For general installation and configuration look at the ",(0,a.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,a.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,a.jsx)(e.pre,{children:(0,a.jsx)(e.code,{className:"language-tsx",children:'// App.tsx\nimport { DBMainNavigation } from "@db-ui/react-components";\n\nconst App = () => (\n \n \n \n \n Sub-Sub-Navi-Item 1\n \n \n Sub-Sub-Navi-Item 2\n \n \n }\n >\n Sub-Navi-Item 1\n \n \n Sub-Navi-Item 2\n \n \n }\n >\n Navi-Item 1\n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n \n);\n\nexport default App;\n'})})]})}function o(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,i.a)(),...n.components};return e?(0,a.jsx)(e,{...n,children:(0,a.jsx)(r,{...n})}):r(n)}},22686:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return o}});var a=t(52322),i=t(45392);function r(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,i.a)(),...n.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(e.h2,{id:"vue",children:"Vue"}),"\n",(0,a.jsxs)(e.p,{children:["For general installation and configuration look at the ",(0,a.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,a.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,a.jsx)(e.pre,{children:(0,a.jsx)(e.code,{className:"language-vue",children:'\n\n\n\n'})}),"\n",(0,a.jsx)(e.h3,{id:"vue-router-and-active-state-handling",children:"Vue Router and active state handling"}),"\n",(0,a.jsxs)(e.p,{children:["You can set the property ",(0,a.jsx)(e.code,{children:"active"})," to a boolean value as in the example above.\nIt will cause the navigation item to render in active style and implicitly\nset ",(0,a.jsx)(e.code,{children:'aria-current="page"'})," to the list element."]}),"\n",(0,a.jsxs)(e.p,{children:["The component will also check for child element set to ",(0,a.jsx)(e.code,{children:'aria-current="page"'}),".\nSuch elements are also displayed in active state.\nThis makes the component ",(0,a.jsx)(e.a,{href:"https://router.vuejs.org/api/interfaces/RouterLinkProps.html#ariaCurrentValue",children:"integration with the Vue Router"})," way more elegant\ncompared to the first variant."]}),"\n",(0,a.jsxs)(e.p,{children:["Now you can use Vue Routers ",(0,a.jsx)(e.code,{children:"RouterLink"})," component to define your targets.\nThe active style is automatically set once an item receives the ",(0,a.jsx)(e.code,{children:'aria-current="page"'})," attribute."]}),"\n",(0,a.jsx)(e.pre,{children:(0,a.jsx)(e.code,{className:"language-vue",children:'\n\n\n\n'})})]})}function o(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,i.a)(),...n.components};return e?(0,a.jsx)(e,{...n,children:(0,a.jsx)(r,{...n})}):r(n)}},684:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return m}});var a=t(52322),i=t(45392),r=t(11803),o=t(43609),c=t(11665),s=t(85933),l=t(22686);let u=n=>{let{children:e}=n;return(0,a.jsx)(r.Z,{children:e})};function d(n){let e={h1:"h1",...(0,i.a)(),...n.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(e.h1,{id:"how-to-use-dbmainnavigation",children:"How to use DBMainNavigation"}),"\n",(0,a.jsx)(o.default,{}),"\n",(0,a.jsx)(c.default,{}),"\n",(0,a.jsx)(s.default,{}),"\n",(0,a.jsx)(l.default,{})]})}function m(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,a.jsx)(u,{...n,children:(0,a.jsx)(d,{...n})})}},16134:function(n,e,t){"use strict";var a=t(52322),i=t(2784),r=t(13776);let o=(0,i.forwardRef)(function(n,e){let t=e||(0,i.useRef)(e);return(0,a.jsx)("button",{ref:t,...(0,r.mS)(n,[]),id:n.id,className:(0,r.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:e=>{n.onClick&&n.onClick(e)},children:n.children})});e.Z=o},63900:function(n,e,t){"use strict";var a,i,r,o,c,s,l;t.d(e,{IY:function(){return u},YP:function(){return d},ce:function(){return m}});let u="OVERWRITE_DEFAULT_ID",d="Back",m="Close Button";(c=a||(a={})).FUNCTIONAL="functional",c.REGULAR="regular",c.EXPRESSIVE="expressive",Object.entries(a).map(n=>{let[,e]=n;return e}),(i||(i={})).PRIMARY="primary",(s=r||(r={})).BASE="base",s.BASE_STRONG="base-strong",s.BASE_TRANSPARENT_SEMI="base-transparent-semi",s.BASE_TRANSPARENT_FULL="base-transparent-full",s.NEUTRAL="neutral",s.NEUTRAL_STRONG="neutral-strong",s.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",s.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",s.BRAND="brand",s.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",s.BRAND_TRANSPARENT_FULL="brand-transparent-full",s.SUCCESSFUL="successful",s.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",s.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",s.CRITICAL="critical",s.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",s.CRITICAL_TRANSPARENT_Full="critical-transparent-full",s.WARNING="warning",s.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",s.WARNING_TRANSPARENT_FULL="warning-transparent-full",s.INFORMATIONAL="informational",s.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",s.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(r).map(n=>{let[,e]=n;return e}),Object.entries(i).map(n=>{let[,e]=n;return e}),(l=o||(o={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(o).map(n=>{let[,e]=n;return e})},13776:function(n,e,t){"use strict";t.d(e,{MN:function(){return l},Vj:function(){return a},cd:function(){return s},mS:function(){return c},yI:function(){return r},yn:function(){return i}});let a=()=>{var n,e;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(n,e)=>{Object.values(n.children).forEach(n=>{n.setAttribute(e.key,e.value),n.children.length>0&&i(n,e)})},r=function(){for(var n=arguments.length,e=Array(n),t=0;t{if(n){if("string"==typeof n)a+="".concat(n," ");else for(let e in n)n[e]&&(a+="".concat(e," "))}}),a.trim()},o=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],c=(n,e)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||o.includes(n))&&!e.includes(n)).reduce((e,t)=>(e[t]=n[t],e),{}),s=n=>{let{left:e,right:t}=n.getBoundingClientRect(),{innerWidth:a}=window;return e>=0&&t<=a},l=n=>{let{top:e,bottom:t}=n.getBoundingClientRect(),{innerHeight:a}=window;return e>=0&&t<=a}}},function(n){n.O(0,[49710,11803,92888,49774,40179],function(){return n(n.s=34202)}),_N_E=n.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[94696],{34202:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/main-navigation/how-to-use",function(){return t(684)}])},11665:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return o}});var a=t(52322),i=t(45392);function r(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,i.a)(),...n.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(e.h2,{id:"angular",children:"Angular"}),"\n",(0,a.jsxs)(e.p,{children:["For general installation and configuration look at the ",(0,a.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,a.jsx)(e.h3,{id:"load-component",children:"Load component"}),"\n",(0,a.jsx)(e.pre,{children:(0,a.jsx)(e.code,{className:"language-ts",children:"// app.component.ts\nimport { DBMainNavigation } from '@db-ui/ngx-components';\n\n@Component({\n // ...\n standalone: true,\n imports: [\n // ...,\n DBMainNavigation\n ],\n // ...\n})\n"})}),"\n",(0,a.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,a.jsx)(e.pre,{children:(0,a.jsx)(e.code,{className:"language-html",children:'\n\n\n \n \n \n \n Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 1\n \n \n \n \n Sub-Sub-Navi-Item 2\n \n \n \n \n \n \n Sub-Navi-Item 2\n \n \n \n Navi-Item 1 \n \n \n \n Navi-Item 2\n \n \n \n \n Navi-Item 3\n \n \n\n'})}),"\n",(0,a.jsx)(e.h3,{id:"angular-router-and-active-state-handling",children:"Angular Router and active state handling"}),"\n",(0,a.jsxs)(e.p,{children:["You can set the property ",(0,a.jsx)(e.code,{children:"active"})," to a boolean value as in the example above.\nIt will cause the navigation item to render in active style and implicitly\nset ",(0,a.jsx)(e.code,{children:'aria-current="page"'})," to the list element."]}),"\n",(0,a.jsxs)(e.p,{children:["The component will also check for child element set to ",(0,a.jsx)(e.code,{children:'aria-current="page"'}),".\nSuch elements are also displayed in active state.\nThis makes the component ",(0,a.jsx)(e.a,{href:"https://angular.dev/best-practices/a11y#active-links-identification",children:"integration with the Angular Router"})," way more elegant\ncompared to the first variant."]}),"\n",(0,a.jsxs)(e.p,{children:["The component first needs to import the ",(0,a.jsx)(e.code,{children:"RouterLink"})," and ",(0,a.jsx)(e.code,{children:"RouterLinkActive"})," directives."]}),"\n",(0,a.jsx)(e.pre,{children:(0,a.jsx)(e.code,{className:"language-ts",children:"// app.component.ts\nimport { RouterLink, RouterLinkActive } from '@angular/router';\nimport { DBMainNavigation } from '@db-ui/ngx-components';\n\n@Component({\n // ...\n standalone: true,\n imports: [\n // ...\n RouterLink,\n RouterLinkActive,\n DBMainNavigation\n ],\n // ...\n})\n"})}),"\n",(0,a.jsxs)(e.p,{children:["Now you can use the Angular Routers ",(0,a.jsx)(e.code,{children:"routerLink"})," directive to define your targets.\nThe active style is automatically set once an item receives the ",(0,a.jsx)(e.code,{children:'aria-current="page"'})," attribute."]}),"\n",(0,a.jsx)(e.pre,{children:(0,a.jsx)(e.code,{className:"language-html",children:'\n\n\n \n \n \n Home\n \n \n \n \n Demo Pages \n \n \n \n \n Demo Page 1\n \n \n \n \n Demo Page 2\n \n \n \n \n \n\n'})})]})}function o(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,i.a)(),...n.components};return e?(0,a.jsx)(e,{...n,children:(0,a.jsx)(r,{...n})}):r(n)}},43609:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return o}});var a=t(52322),i=t(45392);function r(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,i.a)(),...n.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(e.h2,{id:"html",children:"HTML"}),"\n",(0,a.jsxs)(e.p,{children:["For general installation and configuration look at the ",(0,a.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,a.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,a.jsx)(e.pre,{children:(0,a.jsx)(e.code,{className:"language-html",children:'\n...\n\n \n\n'})})]})}function o(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,i.a)(),...n.components};return e?(0,a.jsx)(e,{...n,children:(0,a.jsx)(r,{...n})}):r(n)}},85933:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return o}});var a=t(52322),i=t(45392);function r(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,i.a)(),...n.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(e.h2,{id:"react",children:"React"}),"\n",(0,a.jsxs)(e.p,{children:["For general installation and configuration look at the ",(0,a.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,a.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,a.jsx)(e.pre,{children:(0,a.jsx)(e.code,{className:"language-tsx",children:'// App.tsx\nimport { DBMainNavigation } from "@db-ui/react-components";\n\nconst App = () => (\n \n \n \n \n Sub-Sub-Navi-Item 1\n \n \n Sub-Sub-Navi-Item 2\n \n \n }\n >\n Sub-Navi-Item 1\n \n \n Sub-Navi-Item 2\n \n \n }\n >\n Navi-Item 1\n \n \n Navi-Item 2\n \n \n Navi-Item 3\n \n \n);\n\nexport default App;\n'})})]})}function o(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,i.a)(),...n.components};return e?(0,a.jsx)(e,{...n,children:(0,a.jsx)(r,{...n})}):r(n)}},22686:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return o}});var a=t(52322),i=t(45392);function r(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,i.a)(),...n.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(e.h2,{id:"vue",children:"Vue"}),"\n",(0,a.jsxs)(e.p,{children:["For general installation and configuration look at the ",(0,a.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,a.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,a.jsx)(e.pre,{children:(0,a.jsx)(e.code,{className:"language-vue",children:'\n\n\n\n'})}),"\n",(0,a.jsx)(e.h3,{id:"vue-router-and-active-state-handling",children:"Vue Router and active state handling"}),"\n",(0,a.jsxs)(e.p,{children:["You can set the property ",(0,a.jsx)(e.code,{children:"active"})," to a boolean value as in the example above.\nIt will cause the navigation item to render in active style and implicitly\nset ",(0,a.jsx)(e.code,{children:'aria-current="page"'})," to the list element."]}),"\n",(0,a.jsxs)(e.p,{children:["The component will also check for child element set to ",(0,a.jsx)(e.code,{children:'aria-current="page"'}),".\nSuch elements are also displayed in active state.\nThis makes the component ",(0,a.jsx)(e.a,{href:"https://router.vuejs.org/api/interfaces/RouterLinkProps.html#ariaCurrentValue",children:"integration with the Vue Router"})," way more elegant\ncompared to the first variant."]}),"\n",(0,a.jsxs)(e.p,{children:["Now you can use Vue Routers ",(0,a.jsx)(e.code,{children:"RouterLink"})," component to define your targets.\nThe active style is automatically set once an item receives the ",(0,a.jsx)(e.code,{children:'aria-current="page"'})," attribute."]}),"\n",(0,a.jsx)(e.pre,{children:(0,a.jsx)(e.code,{className:"language-vue",children:'\n\n\n\n'})})]})}function o(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,i.a)(),...n.components};return e?(0,a.jsx)(e,{...n,children:(0,a.jsx)(r,{...n})}):r(n)}},684:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return m}});var a=t(52322),i=t(45392),r=t(12156),o=t(43609),c=t(11665),s=t(85933),l=t(22686);let u=n=>{let{children:e}=n;return(0,a.jsx)(r.Z,{children:e})};function d(n){let e={h1:"h1",...(0,i.a)(),...n.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(e.h1,{id:"how-to-use-dbmainnavigation",children:"How to use DBMainNavigation"}),"\n",(0,a.jsx)(o.default,{}),"\n",(0,a.jsx)(c.default,{}),"\n",(0,a.jsx)(s.default,{}),"\n",(0,a.jsx)(l.default,{})]})}function m(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,a.jsx)(u,{...n,children:(0,a.jsx)(d,{...n})})}},16134:function(n,e,t){"use strict";var a=t(52322),i=t(2784),r=t(13776);let o=(0,i.forwardRef)(function(n,e){let t=e||(0,i.useRef)(e);return(0,a.jsx)("button",{ref:t,...(0,r.mS)(n,[]),id:n.id,className:(0,r.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:e=>{n.onClick&&n.onClick(e)},children:n.children})});e.Z=o},63900:function(n,e,t){"use strict";var a,i,r,o,c,s,l;t.d(e,{IY:function(){return u},YP:function(){return d},ce:function(){return m}});let u="OVERWRITE_DEFAULT_ID",d="Back",m="Close Button";(c=a||(a={})).FUNCTIONAL="functional",c.REGULAR="regular",c.EXPRESSIVE="expressive",Object.entries(a).map(n=>{let[,e]=n;return e}),(i||(i={})).PRIMARY="primary",(s=r||(r={})).BASE="base",s.BASE_STRONG="base-strong",s.BASE_TRANSPARENT_SEMI="base-transparent-semi",s.BASE_TRANSPARENT_FULL="base-transparent-full",s.NEUTRAL="neutral",s.NEUTRAL_STRONG="neutral-strong",s.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",s.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",s.BRAND="brand",s.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",s.BRAND_TRANSPARENT_FULL="brand-transparent-full",s.SUCCESSFUL="successful",s.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",s.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",s.CRITICAL="critical",s.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",s.CRITICAL_TRANSPARENT_Full="critical-transparent-full",s.WARNING="warning",s.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",s.WARNING_TRANSPARENT_FULL="warning-transparent-full",s.INFORMATIONAL="informational",s.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",s.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(r).map(n=>{let[,e]=n;return e}),Object.entries(i).map(n=>{let[,e]=n;return e}),(l=o||(o={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(o).map(n=>{let[,e]=n;return e})},13776:function(n,e,t){"use strict";t.d(e,{MN:function(){return l},Vj:function(){return a},cd:function(){return s},mS:function(){return c},yI:function(){return r},yn:function(){return i}});let a=()=>{var n,e;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(n,e)=>{Object.values(n.children).forEach(n=>{n.setAttribute(e.key,e.value),n.children.length>0&&i(n,e)})},r=function(){for(var n=arguments.length,e=Array(n),t=0;t{if(n){if("string"==typeof n)a+="".concat(n," ");else for(let e in n)n[e]&&(a+="".concat(e," "))}}),a.trim()},o=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],c=(n,e)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||o.includes(n))&&!e.includes(n)).reduce((e,t)=>(e[t]=n[t],e),{}),s=n=>{let{left:e,right:t}=n.getBoundingClientRect(),{innerWidth:a}=window;return e>=0&&t<=a},l=n=>{let{top:e,bottom:t}=n.getBoundingClientRect(),{innerHeight:a}=window;return e>=0&&t<=a}}},function(n){n.O(0,[49710,12156,92888,49774,40179],function(){return n(n.s=34202)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/main-navigation/migration-e1e1735f242cb76a.js b/review/main/_next/static/chunks/pages/components/main-navigation/migration-fa635e5ce7ac31e9.js similarity index 98% rename from review/main/_next/static/chunks/pages/components/main-navigation/migration-e1e1735f242cb76a.js rename to review/main/_next/static/chunks/pages/components/main-navigation/migration-fa635e5ce7ac31e9.js index 0c8b9800e21..1a593f07f51 100644 --- a/review/main/_next/static/chunks/pages/components/main-navigation/migration-e1e1735f242cb76a.js +++ b/review/main/_next/static/chunks/pages/components/main-navigation/migration-fa635e5ce7ac31e9.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8744],{68588:function(t,e,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/main-navigation/migration",function(){return n(63975)}])},900:function(t,e,n){"use strict";n.r(e),n.d(e,{default:function(){return s}});var r=n(52322),i=n(45392);function a(t){let e={a:"a",blockquote:"blockquote",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...t.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"general",children:"General"}),"\n",(0,r.jsxs)(e.blockquote,{children:["\n",(0,r.jsxs)(e.p,{children:[(0,r.jsx)(e.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,r.jsx)(e.h2,{id:"db-ui-core--db-ui-components",children:"DB UI Core ➡ DB UI Components"}),"\n",(0,r.jsx)(e.h3,{id:"class",children:"class"}),"\n",(0,r.jsxs)(e.table,{children:[(0,r.jsx)(e.thead,{children:(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.th,{children:"Before"}),(0,r.jsx)(e.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(e.th,{children:"After"}),(0,r.jsx)(e.th,{children:"Description"})]})}),(0,r.jsx)(e.tbody,{children:(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"cmp-mainnavigation"})}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"db-main-navigation"})}),(0,r.jsx)(e.td,{})]})})]}),"\n",(0,r.jsx)(e.h3,{id:"children",children:"children"}),"\n",(0,r.jsxs)(e.table,{children:[(0,r.jsx)(e.thead,{children:(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.th,{children:"Before"}),(0,r.jsx)(e.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(e.th,{children:"After"}),(0,r.jsx)(e.th,{children:"Description"})]})}),(0,r.jsxs)(e.tbody,{children:[(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"data"})}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(e.td,{children:"❌"}),(0,r.jsxs)(e.td,{children:["pass data via ",(0,r.jsx)(e.code,{children:"children"})," / ",(0,r.jsx)(e.code,{children:"slot"}),", moved a lot of the features to ",(0,r.jsx)(e.code,{children:"db-header"})]})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"siteName"})}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(e.td,{children:"❌"}),(0,r.jsx)(e.td,{})]})]})]})]})}function s(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,i.a)(),...t.components};return e?(0,r.jsx)(e,{...t,children:(0,r.jsx)(a,{...t})}):a(t)}},63975:function(t,e,n){"use strict";n.r(e),n.d(e,{default:function(){return d}});var r=n(52322),i=n(45392),a=n(11803),s=n(900);let c=t=>{let{children:e}=t;return(0,r.jsx)(a.Z,{children:e})};function l(t){let e={h1:"h1",...(0,i.a)(),...t.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h1,{id:"dbmainnavigation-migration",children:"DBMainNavigation Migration"}),"\n",(0,r.jsx)(s.default,{})]})}function d(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(c,{...t,children:(0,r.jsx)(l,{...t})})}},16134:function(t,e,n){"use strict";var r=n(52322),i=n(2784),a=n(13776);let s=(0,i.forwardRef)(function(t,e){let n=e||(0,i.useRef)(e);return(0,r.jsx)("button",{ref:n,...(0,a.mS)(t,[]),id:t.id,className:(0,a.yI)("db-button",t.className,{"is-icon-text-replace":t.noText}),type:t.type,disabled:t.disabled,"aria-label":t.label,"data-icon":t.icon,"data-size":t.size,"data-state":t.state,"data-width":t.width,"data-variant":t.variant,name:t.name,value:t.value,"aria-describedby":t.describedbyid,"aria-expanded":t.ariaexpanded,"aria-pressed":t.ariapressed,onClick:e=>{t.onClick&&t.onClick(e)},children:t.children})});e.Z=s},63900:function(t,e,n){"use strict";var r,i,a,s,c,l,d;n.d(e,{IY:function(){return o},YP:function(){return u},ce:function(){return h}});let o="OVERWRITE_DEFAULT_ID",u="Back",h="Close Button";(c=r||(r={})).FUNCTIONAL="functional",c.REGULAR="regular",c.EXPRESSIVE="expressive",Object.entries(r).map(t=>{let[,e]=t;return e}),(i||(i={})).PRIMARY="primary",(l=a||(a={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(a).map(t=>{let[,e]=t;return e}),Object.entries(i).map(t=>{let[,e]=t;return e}),(d=s||(s={})).CRITICAL="critical",d.INFORMATIONAL="informational",d.WARNING="warning",d.SUCCESSFUL="successful",Object.entries(s).map(t=>{let[,e]=t;return e})},13776:function(t,e,n){"use strict";n.d(e,{MN:function(){return d},Vj:function(){return r},cd:function(){return l},mS:function(){return c},yI:function(){return a},yn:function(){return i}});let r=()=>{var t,e;return(null===(t=window.crypto)||void 0===t?void 0:t.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(t,e)=>{Object.values(t.children).forEach(t=>{t.setAttribute(e.key,e.value),t.children.length>0&&i(t,e)})},a=function(){for(var t=arguments.length,e=Array(t),n=0;n{if(t){if("string"==typeof t)r+="".concat(t," ");else for(let e in t)t[e]&&(r+="".concat(e," "))}}),r.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],c=(t,e)=>Object.keys(t).filter(t=>(t.startsWith("data-")||t.startsWith("aria-")||t.startsWith("default")||t.startsWith("auto")||t.startsWith("item")||t.startsWith("on")||s.includes(t))&&!e.includes(t)).reduce((e,n)=>(e[n]=t[n],e),{}),l=t=>{let{left:e,right:n}=t.getBoundingClientRect(),{innerWidth:r}=window;return e>=0&&n<=r},d=t=>{let{top:e,bottom:n}=t.getBoundingClientRect(),{innerHeight:r}=window;return e>=0&&n<=r}}},function(t){t.O(0,[49710,11803,92888,49774,40179],function(){return t(t.s=68588)}),_N_E=t.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8744],{68588:function(t,e,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/main-navigation/migration",function(){return n(63975)}])},900:function(t,e,n){"use strict";n.r(e),n.d(e,{default:function(){return s}});var r=n(52322),i=n(45392);function a(t){let e={a:"a",blockquote:"blockquote",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...t.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"general",children:"General"}),"\n",(0,r.jsxs)(e.blockquote,{children:["\n",(0,r.jsxs)(e.p,{children:[(0,r.jsx)(e.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,r.jsx)(e.h2,{id:"db-ui-core--db-ui-components",children:"DB UI Core ➡ DB UI Components"}),"\n",(0,r.jsx)(e.h3,{id:"class",children:"class"}),"\n",(0,r.jsxs)(e.table,{children:[(0,r.jsx)(e.thead,{children:(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.th,{children:"Before"}),(0,r.jsx)(e.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(e.th,{children:"After"}),(0,r.jsx)(e.th,{children:"Description"})]})}),(0,r.jsx)(e.tbody,{children:(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"cmp-mainnavigation"})}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"db-main-navigation"})}),(0,r.jsx)(e.td,{})]})})]}),"\n",(0,r.jsx)(e.h3,{id:"children",children:"children"}),"\n",(0,r.jsxs)(e.table,{children:[(0,r.jsx)(e.thead,{children:(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.th,{children:"Before"}),(0,r.jsx)(e.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(e.th,{children:"After"}),(0,r.jsx)(e.th,{children:"Description"})]})}),(0,r.jsxs)(e.tbody,{children:[(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"data"})}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(e.td,{children:"❌"}),(0,r.jsxs)(e.td,{children:["pass data via ",(0,r.jsx)(e.code,{children:"children"})," / ",(0,r.jsx)(e.code,{children:"slot"}),", moved a lot of the features to ",(0,r.jsx)(e.code,{children:"db-header"})]})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"siteName"})}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(e.td,{children:"❌"}),(0,r.jsx)(e.td,{})]})]})]})]})}function s(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,i.a)(),...t.components};return e?(0,r.jsx)(e,{...t,children:(0,r.jsx)(a,{...t})}):a(t)}},63975:function(t,e,n){"use strict";n.r(e),n.d(e,{default:function(){return d}});var r=n(52322),i=n(45392),a=n(12156),s=n(900);let c=t=>{let{children:e}=t;return(0,r.jsx)(a.Z,{children:e})};function l(t){let e={h1:"h1",...(0,i.a)(),...t.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h1,{id:"dbmainnavigation-migration",children:"DBMainNavigation Migration"}),"\n",(0,r.jsx)(s.default,{})]})}function d(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(c,{...t,children:(0,r.jsx)(l,{...t})})}},16134:function(t,e,n){"use strict";var r=n(52322),i=n(2784),a=n(13776);let s=(0,i.forwardRef)(function(t,e){let n=e||(0,i.useRef)(e);return(0,r.jsx)("button",{ref:n,...(0,a.mS)(t,[]),id:t.id,className:(0,a.yI)("db-button",t.className,{"is-icon-text-replace":t.noText}),type:t.type,disabled:t.disabled,"aria-label":t.label,"data-icon":t.icon,"data-size":t.size,"data-state":t.state,"data-width":t.width,"data-variant":t.variant,name:t.name,value:t.value,"aria-describedby":t.describedbyid,"aria-expanded":t.ariaexpanded,"aria-pressed":t.ariapressed,onClick:e=>{t.onClick&&t.onClick(e)},children:t.children})});e.Z=s},63900:function(t,e,n){"use strict";var r,i,a,s,c,l,d;n.d(e,{IY:function(){return o},YP:function(){return u},ce:function(){return h}});let o="OVERWRITE_DEFAULT_ID",u="Back",h="Close Button";(c=r||(r={})).FUNCTIONAL="functional",c.REGULAR="regular",c.EXPRESSIVE="expressive",Object.entries(r).map(t=>{let[,e]=t;return e}),(i||(i={})).PRIMARY="primary",(l=a||(a={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(a).map(t=>{let[,e]=t;return e}),Object.entries(i).map(t=>{let[,e]=t;return e}),(d=s||(s={})).CRITICAL="critical",d.INFORMATIONAL="informational",d.WARNING="warning",d.SUCCESSFUL="successful",Object.entries(s).map(t=>{let[,e]=t;return e})},13776:function(t,e,n){"use strict";n.d(e,{MN:function(){return d},Vj:function(){return r},cd:function(){return l},mS:function(){return c},yI:function(){return a},yn:function(){return i}});let r=()=>{var t,e;return(null===(t=window.crypto)||void 0===t?void 0:t.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(t,e)=>{Object.values(t.children).forEach(t=>{t.setAttribute(e.key,e.value),t.children.length>0&&i(t,e)})},a=function(){for(var t=arguments.length,e=Array(t),n=0;n{if(t){if("string"==typeof t)r+="".concat(t," ");else for(let e in t)t[e]&&(r+="".concat(e," "))}}),r.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],c=(t,e)=>Object.keys(t).filter(t=>(t.startsWith("data-")||t.startsWith("aria-")||t.startsWith("default")||t.startsWith("auto")||t.startsWith("item")||t.startsWith("on")||s.includes(t))&&!e.includes(t)).reduce((e,n)=>(e[n]=t[n],e),{}),l=t=>{let{left:e,right:n}=t.getBoundingClientRect(),{innerWidth:r}=window;return e>=0&&n<=r},d=t=>{let{top:e,bottom:n}=t.getBoundingClientRect(),{innerHeight:r}=window;return e>=0&&n<=r}}},function(t){t.O(0,[49710,12156,92888,49774,40179],function(){return t(t.s=68588)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/main-navigation/overview-e8b78352553c591a.js b/review/main/_next/static/chunks/pages/components/main-navigation/overview-2e9de85c7dfd7025.js similarity index 90% rename from review/main/_next/static/chunks/pages/components/main-navigation/overview-e8b78352553c591a.js rename to review/main/_next/static/chunks/pages/components/main-navigation/overview-2e9de85c7dfd7025.js index 957a2947939..d934ec6ab86 100644 --- a/review/main/_next/static/chunks/pages/components/main-navigation/overview-e8b78352553c591a.js +++ b/review/main/_next/static/chunks/pages/components/main-navigation/overview-2e9de85c7dfd7025.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[68445],{12679:function(e,i,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/main-navigation/overview",function(){return n(43968)}])},43968:function(e,i,n){"use strict";n.r(i);var t=n(52322),a=n(90413),s=n(86095),r=n(99341),c=n(62698),h=n(37395);let l=e=>{let{children:i}=e;return(0,t.jsxs)("div",{children:[(0,t.jsxs)("h6",{children:[i,":"]}),(0,t.jsxs)(s.Cc,{children:[(0,t.jsx)(s.pK,{active:!0,slotSubNavigation:(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(s.pK,{active:!0,slotSubNavigation:(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(s.pK,{active:!0,children:(0,t.jsx)("a",{href:"#",children:"Sub-Sub-Navi-Item 1"})}),(0,t.jsx)(s.pK,{children:(0,t.jsx)("a",{href:"#",children:"Sub-Sub-Navi-Item 2"})})]}),children:"Sub-Navi-Item 1"}),(0,t.jsx)(s.pK,{children:(0,t.jsx)("a",{href:"#",children:"Sub-Navi-Item 2"})})]}),children:"Navi-Item 1"}),(0,t.jsx)(s.pK,{icon:"account",children:(0,t.jsx)("a",{href:"#",children:"Navi-Item 2"})}),(0,t.jsx)(s.pK,{disabled:!0,children:(0,t.jsx)("a",{href:"#",children:"Navi-Item 3"})})]})]})};i.default=()=>(0,t.jsx)(r.Z,{title:"DBMainNavigation",variants:(0,h.P)(c,l,[(0,t.jsx)(a.default,{})])})}},function(e){e.O(0,[49710,14863,11803,90413,86747,92888,49774,40179],function(){return e(e.s=12679)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[68445],{12679:function(e,i,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/main-navigation/overview",function(){return n(43968)}])},43968:function(e,i,n){"use strict";n.r(i);var t=n(52322),a=n(90413),s=n(53752),r=n(99341),c=n(62698),h=n(37395);let l=e=>{let{children:i}=e;return(0,t.jsxs)("div",{children:[(0,t.jsxs)("h6",{children:[i,":"]}),(0,t.jsxs)(s.Cc,{children:[(0,t.jsx)(s.pK,{active:!0,slotSubNavigation:(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(s.pK,{active:!0,slotSubNavigation:(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(s.pK,{active:!0,children:(0,t.jsx)("a",{href:"#",children:"Sub-Sub-Navi-Item 1"})}),(0,t.jsx)(s.pK,{children:(0,t.jsx)("a",{href:"#",children:"Sub-Sub-Navi-Item 2"})})]}),children:"Sub-Navi-Item 1"}),(0,t.jsx)(s.pK,{children:(0,t.jsx)("a",{href:"#",children:"Sub-Navi-Item 2"})})]}),children:"Navi-Item 1"}),(0,t.jsx)(s.pK,{icon:"account",children:(0,t.jsx)("a",{href:"#",children:"Navi-Item 2"})}),(0,t.jsx)(s.pK,{disabled:!0,children:(0,t.jsx)("a",{href:"#",children:"Navi-Item 3"})})]})]})};i.default=()=>(0,t.jsx)(r.Z,{title:"DBMainNavigation",variants:(0,h.P)(c,l,[(0,t.jsx)(a.default,{})])})}},function(e){e.O(0,[49710,14863,12156,90413,86747,92888,49774,40179],function(){return e(e.s=12679)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/main-navigation/properties-9fc37306d5fee26f.js b/review/main/_next/static/chunks/pages/components/main-navigation/properties-f1954eb43321cf98.js similarity index 97% rename from review/main/_next/static/chunks/pages/components/main-navigation/properties-9fc37306d5fee26f.js rename to review/main/_next/static/chunks/pages/components/main-navigation/properties-f1954eb43321cf98.js index f7eddd2f948..ec73ddccb6d 100644 --- a/review/main/_next/static/chunks/pages/components/main-navigation/properties-9fc37306d5fee26f.js +++ b/review/main/_next/static/chunks/pages/components/main-navigation/properties-f1954eb43321cf98.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[21264],{62827:function(t,e,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/main-navigation/properties",function(){return n(82289)}])},82289:function(t,e,n){"use strict";n.r(e),n.d(e,{default:function(){return d}});var r=n(52322),i=n(45392),s=n(11803);let a=t=>{let{children:e}=t;return(0,r.jsx)(s.Z,{children:e})};function l(t){let e={a:"a",code:"code",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...t.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h1,{id:"dbmainnavigation",children:"DBMainNavigation"}),"\n",(0,r.jsx)(e.h2,{id:"properties",children:"Properties"}),"\n",(0,r.jsxs)(e.table,{children:[(0,r.jsx)(e.thead,{children:(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.th,{children:"Name"}),(0,r.jsx)(e.th,{children:"Description"}),(0,r.jsx)(e.th,{children:"Type"}),(0,r.jsx)(e.th,{children:"Options"})]})}),(0,r.jsxs)(e.tbody,{children:[(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:"children"}),(0,r.jsx)(e.td,{children:"default slot"}),(0,r.jsx)(e.td,{children:"any"}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:"className"}),(0,r.jsx)(e.td,{children:"React specific for adding className to the component."}),(0,r.jsx)(e.td,{children:"string"}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:"describedbyid"}),(0,r.jsxs)(e.td,{children:[(0,r.jsx)(e.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,r.jsx)(e.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,r.jsx)(e.td,{children:"string"}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:"id"}),(0,r.jsxs)(e.td,{children:[(0,r.jsx)(e.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,r.jsx)(e.td,{children:"string"}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:"key"}),(0,r.jsx)(e.td,{children:"React specific for render process."}),(0,r.jsx)(e.td,{children:"string"}),(0,r.jsx)(e.td,{})]})]})]})]})}function d(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(a,{...t,children:(0,r.jsx)(l,{...t})})}},16134:function(t,e,n){"use strict";var r=n(52322),i=n(2784),s=n(13776);let a=(0,i.forwardRef)(function(t,e){let n=e||(0,i.useRef)(e);return(0,r.jsx)("button",{ref:n,...(0,s.mS)(t,[]),id:t.id,className:(0,s.yI)("db-button",t.className,{"is-icon-text-replace":t.noText}),type:t.type,disabled:t.disabled,"aria-label":t.label,"data-icon":t.icon,"data-size":t.size,"data-state":t.state,"data-width":t.width,"data-variant":t.variant,name:t.name,value:t.value,"aria-describedby":t.describedbyid,"aria-expanded":t.ariaexpanded,"aria-pressed":t.ariapressed,onClick:e=>{t.onClick&&t.onClick(e)},children:t.children})});e.Z=a},63900:function(t,e,n){"use strict";var r,i,s,a,l,d,c;n.d(e,{IY:function(){return o},YP:function(){return u},ce:function(){return h}});let o="OVERWRITE_DEFAULT_ID",u="Back",h="Close Button";(l=r||(r={})).FUNCTIONAL="functional",l.REGULAR="regular",l.EXPRESSIVE="expressive",Object.entries(r).map(t=>{let[,e]=t;return e}),(i||(i={})).PRIMARY="primary",(d=s||(s={})).BASE="base",d.BASE_STRONG="base-strong",d.BASE_TRANSPARENT_SEMI="base-transparent-semi",d.BASE_TRANSPARENT_FULL="base-transparent-full",d.NEUTRAL="neutral",d.NEUTRAL_STRONG="neutral-strong",d.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",d.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",d.BRAND="brand",d.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",d.BRAND_TRANSPARENT_FULL="brand-transparent-full",d.SUCCESSFUL="successful",d.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",d.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",d.CRITICAL="critical",d.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",d.CRITICAL_TRANSPARENT_Full="critical-transparent-full",d.WARNING="warning",d.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",d.WARNING_TRANSPARENT_FULL="warning-transparent-full",d.INFORMATIONAL="informational",d.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",d.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(t=>{let[,e]=t;return e}),Object.entries(i).map(t=>{let[,e]=t;return e}),(c=a||(a={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(a).map(t=>{let[,e]=t;return e})},13776:function(t,e,n){"use strict";n.d(e,{MN:function(){return c},Vj:function(){return r},cd:function(){return d},mS:function(){return l},yI:function(){return s},yn:function(){return i}});let r=()=>{var t,e;return(null===(t=window.crypto)||void 0===t?void 0:t.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(t,e)=>{Object.values(t.children).forEach(t=>{t.setAttribute(e.key,e.value),t.children.length>0&&i(t,e)})},s=function(){for(var t=arguments.length,e=Array(t),n=0;n{if(t){if("string"==typeof t)r+="".concat(t," ");else for(let e in t)t[e]&&(r+="".concat(e," "))}}),r.trim()},a=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],l=(t,e)=>Object.keys(t).filter(t=>(t.startsWith("data-")||t.startsWith("aria-")||t.startsWith("default")||t.startsWith("auto")||t.startsWith("item")||t.startsWith("on")||a.includes(t))&&!e.includes(t)).reduce((e,n)=>(e[n]=t[n],e),{}),d=t=>{let{left:e,right:n}=t.getBoundingClientRect(),{innerWidth:r}=window;return e>=0&&n<=r},c=t=>{let{top:e,bottom:n}=t.getBoundingClientRect(),{innerHeight:r}=window;return e>=0&&n<=r}}},function(t){t.O(0,[49710,11803,92888,49774,40179],function(){return t(t.s=62827)}),_N_E=t.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[21264],{62827:function(t,e,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/main-navigation/properties",function(){return n(82289)}])},82289:function(t,e,n){"use strict";n.r(e),n.d(e,{default:function(){return d}});var r=n(52322),i=n(45392),s=n(12156);let a=t=>{let{children:e}=t;return(0,r.jsx)(s.Z,{children:e})};function l(t){let e={a:"a",code:"code",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...t.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h1,{id:"dbmainnavigation",children:"DBMainNavigation"}),"\n",(0,r.jsx)(e.h2,{id:"properties",children:"Properties"}),"\n",(0,r.jsxs)(e.table,{children:[(0,r.jsx)(e.thead,{children:(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.th,{children:"Name"}),(0,r.jsx)(e.th,{children:"Description"}),(0,r.jsx)(e.th,{children:"Type"}),(0,r.jsx)(e.th,{children:"Options"})]})}),(0,r.jsxs)(e.tbody,{children:[(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:"children"}),(0,r.jsx)(e.td,{children:"default slot"}),(0,r.jsx)(e.td,{children:"any"}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:"className"}),(0,r.jsx)(e.td,{children:"React specific for adding className to the component."}),(0,r.jsx)(e.td,{children:"string"}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:"describedbyid"}),(0,r.jsxs)(e.td,{children:[(0,r.jsx)(e.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,r.jsx)(e.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,r.jsx)(e.td,{children:"string"}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:"id"}),(0,r.jsxs)(e.td,{children:[(0,r.jsx)(e.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,r.jsx)(e.td,{children:"string"}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:"key"}),(0,r.jsx)(e.td,{children:"React specific for render process."}),(0,r.jsx)(e.td,{children:"string"}),(0,r.jsx)(e.td,{})]})]})]})]})}function d(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(a,{...t,children:(0,r.jsx)(l,{...t})})}},16134:function(t,e,n){"use strict";var r=n(52322),i=n(2784),s=n(13776);let a=(0,i.forwardRef)(function(t,e){let n=e||(0,i.useRef)(e);return(0,r.jsx)("button",{ref:n,...(0,s.mS)(t,[]),id:t.id,className:(0,s.yI)("db-button",t.className,{"is-icon-text-replace":t.noText}),type:t.type,disabled:t.disabled,"aria-label":t.label,"data-icon":t.icon,"data-size":t.size,"data-state":t.state,"data-width":t.width,"data-variant":t.variant,name:t.name,value:t.value,"aria-describedby":t.describedbyid,"aria-expanded":t.ariaexpanded,"aria-pressed":t.ariapressed,onClick:e=>{t.onClick&&t.onClick(e)},children:t.children})});e.Z=a},63900:function(t,e,n){"use strict";var r,i,s,a,l,d,c;n.d(e,{IY:function(){return o},YP:function(){return u},ce:function(){return h}});let o="OVERWRITE_DEFAULT_ID",u="Back",h="Close Button";(l=r||(r={})).FUNCTIONAL="functional",l.REGULAR="regular",l.EXPRESSIVE="expressive",Object.entries(r).map(t=>{let[,e]=t;return e}),(i||(i={})).PRIMARY="primary",(d=s||(s={})).BASE="base",d.BASE_STRONG="base-strong",d.BASE_TRANSPARENT_SEMI="base-transparent-semi",d.BASE_TRANSPARENT_FULL="base-transparent-full",d.NEUTRAL="neutral",d.NEUTRAL_STRONG="neutral-strong",d.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",d.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",d.BRAND="brand",d.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",d.BRAND_TRANSPARENT_FULL="brand-transparent-full",d.SUCCESSFUL="successful",d.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",d.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",d.CRITICAL="critical",d.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",d.CRITICAL_TRANSPARENT_Full="critical-transparent-full",d.WARNING="warning",d.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",d.WARNING_TRANSPARENT_FULL="warning-transparent-full",d.INFORMATIONAL="informational",d.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",d.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(t=>{let[,e]=t;return e}),Object.entries(i).map(t=>{let[,e]=t;return e}),(c=a||(a={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(a).map(t=>{let[,e]=t;return e})},13776:function(t,e,n){"use strict";n.d(e,{MN:function(){return c},Vj:function(){return r},cd:function(){return d},mS:function(){return l},yI:function(){return s},yn:function(){return i}});let r=()=>{var t,e;return(null===(t=window.crypto)||void 0===t?void 0:t.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(t,e)=>{Object.values(t.children).forEach(t=>{t.setAttribute(e.key,e.value),t.children.length>0&&i(t,e)})},s=function(){for(var t=arguments.length,e=Array(t),n=0;n{if(t){if("string"==typeof t)r+="".concat(t," ");else for(let e in t)t[e]&&(r+="".concat(e," "))}}),r.trim()},a=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],l=(t,e)=>Object.keys(t).filter(t=>(t.startsWith("data-")||t.startsWith("aria-")||t.startsWith("default")||t.startsWith("auto")||t.startsWith("item")||t.startsWith("on")||a.includes(t))&&!e.includes(t)).reduce((e,n)=>(e[n]=t[n],e),{}),d=t=>{let{left:e,right:n}=t.getBoundingClientRect(),{innerWidth:r}=window;return e>=0&&n<=r},c=t=>{let{top:e,bottom:n}=t.getBoundingClientRect(),{innerHeight:r}=window;return e>=0&&n<=r}}},function(t){t.O(0,[49710,12156,92888,49774,40179],function(){return t(t.s=62827)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/navigation-item-bee6782c54ee3899.js b/review/main/_next/static/chunks/pages/components/navigation-item-4264e33bbb07339d.js similarity index 87% rename from review/main/_next/static/chunks/pages/components/navigation-item-bee6782c54ee3899.js rename to review/main/_next/static/chunks/pages/components/navigation-item-4264e33bbb07339d.js index 74bae2cee27..848fb754198 100644 --- a/review/main/_next/static/chunks/pages/components/navigation-item-bee6782c54ee3899.js +++ b/review/main/_next/static/chunks/pages/components/navigation-item-4264e33bbb07339d.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[47619],{29509:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation-item",function(){return t(70241)}])},70241:function(e,n,t){"use strict";t.r(n);var i=t(52322),s=t(25060),a=t(18986),r=t(24514),l=t(39805),u=t(86095),c=t(99341),d=t(89267),o=t(37395);let f=e=>{let{children:n,icon:t,disabled:s,active:a,width:r,areaPopup:l}=e;return(0,i.jsx)(u.pK,{icon:t,disabled:s,active:a,width:r,areaPopup:l,onClick:()=>{alert(n.toString())},slotSubNavigation:l&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(u.pK,{children:(0,i.jsx)("a",{href:"#",children:"Test1"})}),(0,i.jsx)(u.pK,{children:(0,i.jsx)("a",{href:"#",children:"Test2"})})]}),children:l?n:(0,i.jsx)("a",{href:"#",children:n})})};n.default=()=>(0,i.jsx)(c.Z,{title:"DBNavigationItem",variants:(0,o.P)(d,f,[(0,i.jsx)(s.default,{}),(0,i.jsx)(a.default,{}),(0,i.jsx)(r.default,{}),(0,i.jsx)(l.default,{})])})}},function(e){e.O(0,[49710,14863,11803,24514,16288,92888,49774,40179],function(){return e(e.s=29509)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[47619],{29509:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation-item",function(){return t(70241)}])},70241:function(e,n,t){"use strict";t.r(n);var i=t(52322),s=t(25060),a=t(18986),r=t(24514),l=t(39805),u=t(53752),c=t(99341),d=t(89267),o=t(37395);let f=e=>{let{children:n,icon:t,disabled:s,active:a,width:r,areaPopup:l}=e;return(0,i.jsx)(u.pK,{icon:t,disabled:s,active:a,width:r,areaPopup:l,onClick:()=>{alert(n.toString())},slotSubNavigation:l&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(u.pK,{children:(0,i.jsx)("a",{href:"#",children:"Test1"})}),(0,i.jsx)(u.pK,{children:(0,i.jsx)("a",{href:"#",children:"Test2"})})]}),children:l?n:(0,i.jsx)("a",{href:"#",children:n})})};n.default=()=>(0,i.jsx)(c.Z,{title:"DBNavigationItem",variants:(0,o.P)(d,f,[(0,i.jsx)(s.default,{}),(0,i.jsx)(a.default,{}),(0,i.jsx)(r.default,{}),(0,i.jsx)(l.default,{})])})}},function(e){e.O(0,[49710,14863,12156,24514,16288,92888,49774,40179],function(){return e(e.s=29509)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/navigation-item/code/Tonality-f57b8e77dd1d7f32.js b/review/main/_next/static/chunks/pages/components/navigation-item/code/Tonality-cdb5569a2f3baac9.js similarity index 77% rename from review/main/_next/static/chunks/pages/components/navigation-item/code/Tonality-f57b8e77dd1d7f32.js rename to review/main/_next/static/chunks/pages/components/navigation-item/code/Tonality-cdb5569a2f3baac9.js index 0777d458c8f..73d3fe71f20 100644 --- a/review/main/_next/static/chunks/pages/components/navigation-item/code/Tonality-f57b8e77dd1d7f32.js +++ b/review/main/_next/static/chunks/pages/components/navigation-item/code/Tonality-cdb5569a2f3baac9.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[61367],{9174:function(a,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation-item/code/Tonality",function(){return e(25060)}])},25060:function(a,n,e){"use strict";e.r(n);var i=e(52322),t=e(2784),o=e(9513),s=e(33878),l=e(95696),c=e(79041),r=e(16909),d=e(16134);n.default=()=>{let[a,n]=(0,t.useState)();return(0,t.useEffect)(()=>{a&&setTimeout(()=>n(!1),1500)},[a]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(s.Z,{children:[(0,i.jsxs)(l.Z,{children:[(0,i.jsx)(c.Z,{children:"Angular"}),(0,i.jsx)(c.Z,{children:"HTML"}),(0,i.jsx)(c.Z,{children:"React"}),(0,i.jsx)(c.Z,{children:"Vue"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]})]})}),(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(s.Z,{children:[(0,i.jsxs)(l.Z,{children:[(0,i.jsx)(c.Z,{children:"Angular"}),(0,i.jsx)(c.Z,{children:"HTML"}),(0,i.jsx)(c.Z,{children:"React"}),(0,i.jsx)(c.Z,{children:"Vue"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]})]})}),(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(s.Z,{children:[(0,i.jsxs)(l.Z,{children:[(0,i.jsx)(c.Z,{children:"Angular"}),(0,i.jsx)(c.Z,{children:"HTML"}),(0,i.jsx)(c.Z,{children:"React"}),(0,i.jsx)(c.Z,{children:"Vue"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]})]})})]})}}},function(a){a.O(0,[14863,92888,49774,40179],function(){return a(a.s=9174)}),_N_E=a.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[61367],{9174:function(a,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation-item/code/Tonality",function(){return e(25060)}])},25060:function(a,n,e){"use strict";e.r(n);var i=e(52322),t=e(2784),o=e(9513),s=e(33878),l=e(95696),c=e(79041),r=e(16909),d=e(16134);n.default=()=>{let[a,n]=(0,t.useState)();return(0,t.useEffect)(()=>{a&&setTimeout(()=>n(!1),1500)},[a]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(s.Z,{children:[(0,i.jsxs)(l.Z,{children:[(0,i.jsx)(c.Z,{children:"Angular"}),(0,i.jsx)(c.Z,{children:"HTML"}),(0,i.jsx)(c.Z,{children:"React"}),(0,i.jsx)(c.Z,{children:"Vue"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Functional'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:"Functional"})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Functional")},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Functional'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Functional')},children:"Copy"})]})]})}),(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(s.Z,{children:[(0,i.jsxs)(l.Z,{children:[(0,i.jsx)(c.Z,{children:"Angular"}),(0,i.jsx)(c.Z,{children:"HTML"}),(0,i.jsx)(c.Z,{children:"React"}),(0,i.jsx)(c.Z,{children:"Vue"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'(Default) Regular'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:"(Default) Regular"})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Regular")},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'(Default) Regular'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Regular')},children:"Copy"})]})]})}),(0,i.jsx)(o.Z,{className:"tab-container",children:(0,i.jsxs)(s.Z,{children:[(0,i.jsxs)(l.Z,{children:[(0,i.jsx)(c.Z,{children:"Angular"}),(0,i.jsx)(c.Z,{children:"HTML"}),(0,i.jsx)(c.Z,{children:"React"}),(0,i.jsx)(c.Z,{children:"Vue"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'Expressive'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:"Expressive"})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("Expressive")},children:"Copy"})]}),(0,i.jsxs)(r.Z,{children:[(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"hljs language-tsx",children:'Expressive'})}),(0,i.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Expressive')},children:"Copy"})]})]})})]})}}},function(a){a.O(0,[14863,92888,49774,40179],function(){return a(a.s=9174)}),_N_E=a.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/navigation-item/code/Width-65bd6fc3cb3a9ade.js b/review/main/_next/static/chunks/pages/components/navigation-item/code/Width-65bd6fc3cb3a9ade.js deleted file mode 100644 index ca5050c4f64..00000000000 --- a/review/main/_next/static/chunks/pages/components/navigation-item/code/Width-65bd6fc3cb3a9ade.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[29296],{64165:function(a,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation-item/code/Width",function(){return e(39805)}])},39805:function(a,n,e){"use strict";e.r(n);var t=e(52322),i=e(2784),o=e(9513),l=e(33878),s=e(95696),c=e(79041),r=e(16909),d=e(16134);n.default=()=>{let[a,n]=(0,i.useState)();return(0,i.useEffect)(()=>{a&&setTimeout(()=>n(!1),1500)},[a]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(o.Z,{className:"tab-container",children:(0,t.jsxs)(l.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(c.Z,{children:"Angular"}),(0,t.jsx)(c.Z,{children:"HTML"}),(0,t.jsx)(c.Z,{children:"React"}),(0,t.jsx)(c.Z,{children:"Vue"})]}),(0,t.jsxs)(r.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'(Default) Auto'})}),(0,t.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Auto')},children:"Copy"})]}),(0,t.jsxs)(r.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,t.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy"})]}),(0,t.jsxs)(r.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:"(Default) Auto"})}),(0,t.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Auto")},children:"Copy"})]}),(0,t.jsxs)(r.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'(Default) Auto'})}),(0,t.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Auto')},children:"Copy"})]})]})}),(0,t.jsx)(o.Z,{className:"tab-container",children:(0,t.jsxs)(l.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(c.Z,{children:"Angular"}),(0,t.jsx)(c.Z,{children:"HTML"}),(0,t.jsx)(c.Z,{children:"React"}),(0,t.jsx)(c.Z,{children:"Vue"})]}),(0,t.jsxs)(r.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'Full'})}),(0,t.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Full')},children:"Copy"})]}),(0,t.jsxs)(r.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,t.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy"})]}),(0,t.jsxs)(r.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n Full\n'})}),(0,t.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Full\n')},children:"Copy"})]}),(0,t.jsxs)(r.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'Full'})}),(0,t.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Full')},children:"Copy"})]})]})})]})}}},function(a){a.O(0,[14863,92888,49774,40179],function(){return a(a.s=64165)}),_N_E=a.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/navigation-item/code/Width-c8722f9f3d6e27e9.js b/review/main/_next/static/chunks/pages/components/navigation-item/code/Width-c8722f9f3d6e27e9.js new file mode 100644 index 00000000000..5ec4cb6f84c --- /dev/null +++ b/review/main/_next/static/chunks/pages/components/navigation-item/code/Width-c8722f9f3d6e27e9.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[29296],{64165:function(a,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation-item/code/Width",function(){return e(39805)}])},39805:function(a,n,e){"use strict";e.r(n);var t=e(52322),i=e(2784),o=e(9513),l=e(33878),s=e(95696),c=e(79041),r=e(16909),d=e(16134);n.default=()=>{let[a,n]=(0,i.useState)();return(0,i.useEffect)(()=>{a&&setTimeout(()=>n(!1),1500)},[a]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(o.Z,{className:"tab-container",children:(0,t.jsxs)(l.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(c.Z,{children:"Angular"}),(0,t.jsx)(c.Z,{children:"HTML"}),(0,t.jsx)(c.Z,{children:"React"}),(0,t.jsx)(c.Z,{children:"Vue"})]}),(0,t.jsxs)(r.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'(Default) Auto'})}),(0,t.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Auto')},children:"Copy"})]}),(0,t.jsxs)(r.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,t.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy"})]}),(0,t.jsxs)(r.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:"(Default) Auto"})}),(0,t.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText("(Default) Auto")},children:"Copy"})]}),(0,t.jsxs)(r.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'(Default) Auto'})}),(0,t.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('(Default) Auto')},children:"Copy"})]})]})}),(0,t.jsx)(o.Z,{className:"tab-container",children:(0,t.jsxs)(l.Z,{children:[(0,t.jsxs)(s.Z,{children:[(0,t.jsx)(c.Z,{children:"Angular"}),(0,t.jsx)(c.Z,{children:"HTML"}),(0,t.jsx)(c.Z,{children:"React"}),(0,t.jsx)(c.Z,{children:"Vue"})]}),(0,t.jsxs)(r.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'Full'})}),(0,t.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Full')},children:"Copy"})]}),(0,t.jsxs)(r.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-html",children:'
  • \n
    • '})}),(0,t.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('
  • \n
    • ')},children:"Copy"})]}),(0,t.jsxs)(r.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'\n Full\n'})}),(0,t.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('\n Full\n')},children:"Copy"})]}),(0,t.jsxs)(r.Z,{children:[(0,t.jsx)("pre",{children:(0,t.jsx)("code",{className:"hljs language-tsx",children:'Full'})}),(0,t.jsx)(d.Z,{className:"copy-button",noText:!0,icon:a?"done":"copy",variant:"text",onClick:()=>{n(!0),navigator.clipboard.writeText('Full')},children:"Copy"})]})]})})]})}}},function(a){a.O(0,[14863,92888,49774,40179],function(){return a(a.s=64165)}),_N_E=a.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/navigation-item/how-to-use-ebc108cf9c279a82.js b/review/main/_next/static/chunks/pages/components/navigation-item/how-to-use-e26d9b7724e790b9.js similarity index 98% rename from review/main/_next/static/chunks/pages/components/navigation-item/how-to-use-ebc108cf9c279a82.js rename to review/main/_next/static/chunks/pages/components/navigation-item/how-to-use-e26d9b7724e790b9.js index 02c265c9b6f..48455020285 100644 --- a/review/main/_next/static/chunks/pages/components/navigation-item/how-to-use-ebc108cf9c279a82.js +++ b/review/main/_next/static/chunks/pages/components/navigation-item/how-to-use-e26d9b7724e790b9.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[79521],{28808:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation-item/how-to-use",function(){return t(36498)}])},64737:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return r}});var a=t(52322),i=t(45392);function o(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,i.a)(),...n.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(e.h2,{id:"angular",children:"Angular"}),"\n",(0,a.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,a.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,a.jsx)(e.h3,{id:"load-component",children:"Load component"}),"\n",(0,a.jsx)(e.pre,{children:(0,a.jsx)(e.code,{className:"language-ts",children:"//app.component.ts\nimport { DBNavigationItem, NavigationContentDirective } from '@db-ui/ngx-components';\n\n@Component({\n // ...\n imports: [..., DBNavigationItem, NavigationContentDirective],\n // ...\n})\n\n"})}),"\n",(0,a.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,a.jsxs)(e.p,{children:["We try to set ",(0,a.jsx)(e.code,{children:"areaPopup"})," (has/hasn't sub-navigation) inside the component, but this doesn't work in all frameworks. If you encounter some problems you have the set ",(0,a.jsx)(e.code,{children:"areaPopup"})," with ",(0,a.jsx)(e.code,{children:"true/false"})," for sub-navigation or link"]}),"\n",(0,a.jsx)(e.pre,{children:(0,a.jsx)(e.code,{className:"language-html",children:'\n\n\n\n \n NavigationItem\n \n\n\n\n\n\n Navi-Item 1\n \n \n \n Sub-Navi-Item 1\n \n \n\n \n \n Sub-Navi-Item 2\n \n \n \n\n'})})]})}function r(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,i.a)(),...n.components};return e?(0,a.jsx)(e,{...n,children:(0,a.jsx)(o,{...n})}):o(n)}},43080:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return r}});var a=t(52322),i=t(45392);function o(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,i.a)(),...n.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(e.h2,{id:"html",children:"HTML"}),"\n",(0,a.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,a.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,a.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,a.jsxs)(e.p,{children:["If you want to use sub-navigations for mobile you need to add a ",(0,a.jsx)(e.code,{children:"eventListner:click"})," on the ",(0,a.jsx)(e.code,{children:"db-navigation-item-expand-button"}),". This eventListener should set ",(0,a.jsx)(e.code,{children:"aria-expanded"})," to ",(0,a.jsx)(e.code,{children:"true"})," for the ",(0,a.jsx)(e.code,{children:"button"}),". This will open a static overlay for mobile/tablet devices with your ",(0,a.jsx)(e.code,{children:"db-sub-navigation"}),". For desktop devices it works by default with ",(0,a.jsx)(e.code,{children:":hover"}),"."]}),"\n",(0,a.jsx)(e.pre,{children:(0,a.jsx)(e.code,{className:"language-html",children:'\n...\n\n \n
  • \n NavigationItem\n
    • \n\n \n
  • \n \n \n Sub-Navi-Item 1\n Sub-Navi-Item 2\n \n
    • \n\n'})})]})}function r(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,i.a)(),...n.components};return e?(0,a.jsx)(e,{...n,children:(0,a.jsx)(o,{...n})}):o(n)}},49310:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return r}});var a=t(52322),i=t(45392);function o(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,i.a)(),...n.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(e.h2,{id:"react",children:"React"}),"\n",(0,a.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,a.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,a.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,a.jsxs)(e.p,{children:["We try to set ",(0,a.jsx)(e.code,{children:"areaPopup"})," (has/hasn't sub-navigation) inside the component, but this doesn't work in all frameworks. If you encounter some problems you have the set ",(0,a.jsx)(e.code,{children:"areaPopup"})," with ",(0,a.jsx)(e.code,{children:"true/false"})," for sub-navigation or link"]}),"\n",(0,a.jsx)(e.pre,{children:(0,a.jsx)(e.code,{className:"language-tsx",children:'// App.tsx\nimport { Link } from "react-router-dom";\nimport { DBNavigationItem } from "@db-ui/react-components";\n\nconst App = () => (\n <>\n {/* Only link */}\n \n NavigationItem\n \n\n {/* With Sub-Navigation */}\n \n \n Sub-Navi-Item 1\n \n \n Sub-Navi-Item 2\n \n \n }\n >\n Navi-Item 1\n \n \n);\n\nexport default App;\n'})})]})}function r(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,i.a)(),...n.components};return e?(0,a.jsx)(e,{...n,children:(0,a.jsx)(o,{...n})}):o(n)}},50551:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return r}});var a=t(52322),i=t(45392);function o(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,i.a)(),...n.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(e.h2,{id:"vue",children:"Vue"}),"\n",(0,a.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,a.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,a.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,a.jsxs)(e.p,{children:["We try to set ",(0,a.jsx)(e.code,{children:"areaPopup"})," (has/hasn't sub-navigation) inside the component, but this doesn't work in all frameworks. If you encounter some problems you have the set ",(0,a.jsx)(e.code,{children:"areaPopup"})," with ",(0,a.jsx)(e.code,{children:"true/false"})," for sub-navigation or link"]}),"\n",(0,a.jsx)(e.pre,{children:(0,a.jsx)(e.code,{className:"language-vue",children:'\n\n\n\n'})})]})}function r(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,i.a)(),...n.components};return e?(0,a.jsx)(e,{...n,children:(0,a.jsx)(o,{...n})}):o(n)}},36498:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return p}});var a=t(52322),i=t(45392),o=t(11803),r=t(43080),s=t(64737),c=t(49310),l=t(50551);let u=n=>{let{children:e}=n;return(0,a.jsx)(o.Z,{children:e})};function d(n){let e={h1:"h1",...(0,i.a)(),...n.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(e.h1,{id:"how-to-use-dbnavigationitem",children:"How to use DBNavigationItem"}),"\n",(0,a.jsx)(r.default,{}),"\n",(0,a.jsx)(s.default,{}),"\n",(0,a.jsx)(c.default,{}),"\n",(0,a.jsx)(l.default,{})]})}function p(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,a.jsx)(u,{...n,children:(0,a.jsx)(d,{...n})})}},16134:function(n,e,t){"use strict";var a=t(52322),i=t(2784),o=t(13776);let r=(0,i.forwardRef)(function(n,e){let t=e||(0,i.useRef)(e);return(0,a.jsx)("button",{ref:t,...(0,o.mS)(n,[]),id:n.id,className:(0,o.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:e=>{n.onClick&&n.onClick(e)},children:n.children})});e.Z=r},63900:function(n,e,t){"use strict";var a,i,o,r,s,c,l;t.d(e,{IY:function(){return u},YP:function(){return d},ce:function(){return p}});let u="OVERWRITE_DEFAULT_ID",d="Back",p="Close Button";(s=a||(a={})).FUNCTIONAL="functional",s.REGULAR="regular",s.EXPRESSIVE="expressive",Object.entries(a).map(n=>{let[,e]=n;return e}),(i||(i={})).PRIMARY="primary",(c=o||(o={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(o).map(n=>{let[,e]=n;return e}),Object.entries(i).map(n=>{let[,e]=n;return e}),(l=r||(r={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(r).map(n=>{let[,e]=n;return e})},13776:function(n,e,t){"use strict";t.d(e,{MN:function(){return l},Vj:function(){return a},cd:function(){return c},mS:function(){return s},yI:function(){return o},yn:function(){return i}});let a=()=>{var n,e;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(n,e)=>{Object.values(n.children).forEach(n=>{n.setAttribute(e.key,e.value),n.children.length>0&&i(n,e)})},o=function(){for(var n=arguments.length,e=Array(n),t=0;t{if(n){if("string"==typeof n)a+="".concat(n," ");else for(let e in n)n[e]&&(a+="".concat(e," "))}}),a.trim()},r=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],s=(n,e)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||r.includes(n))&&!e.includes(n)).reduce((e,t)=>(e[t]=n[t],e),{}),c=n=>{let{left:e,right:t}=n.getBoundingClientRect(),{innerWidth:a}=window;return e>=0&&t<=a},l=n=>{let{top:e,bottom:t}=n.getBoundingClientRect(),{innerHeight:a}=window;return e>=0&&t<=a}}},function(n){n.O(0,[49710,11803,92888,49774,40179],function(){return n(n.s=28808)}),_N_E=n.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[79521],{28808:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation-item/how-to-use",function(){return t(36498)}])},64737:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return r}});var a=t(52322),i=t(45392);function o(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,i.a)(),...n.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(e.h2,{id:"angular",children:"Angular"}),"\n",(0,a.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,a.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,a.jsx)(e.h3,{id:"load-component",children:"Load component"}),"\n",(0,a.jsx)(e.pre,{children:(0,a.jsx)(e.code,{className:"language-ts",children:"//app.component.ts\nimport { DBNavigationItem, NavigationContentDirective } from '@db-ui/ngx-components';\n\n@Component({\n // ...\n imports: [..., DBNavigationItem, NavigationContentDirective],\n // ...\n})\n\n"})}),"\n",(0,a.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,a.jsxs)(e.p,{children:["We try to set ",(0,a.jsx)(e.code,{children:"areaPopup"})," (has/hasn't sub-navigation) inside the component, but this doesn't work in all frameworks. If you encounter some problems you have the set ",(0,a.jsx)(e.code,{children:"areaPopup"})," with ",(0,a.jsx)(e.code,{children:"true/false"})," for sub-navigation or link"]}),"\n",(0,a.jsx)(e.pre,{children:(0,a.jsx)(e.code,{className:"language-html",children:'\n\n\n\n \n NavigationItem\n \n\n\n\n\n\n Navi-Item 1\n \n \n \n Sub-Navi-Item 1\n \n \n\n \n \n Sub-Navi-Item 2\n \n \n \n\n'})})]})}function r(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,i.a)(),...n.components};return e?(0,a.jsx)(e,{...n,children:(0,a.jsx)(o,{...n})}):o(n)}},43080:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return r}});var a=t(52322),i=t(45392);function o(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,i.a)(),...n.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(e.h2,{id:"html",children:"HTML"}),"\n",(0,a.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,a.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,a.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,a.jsxs)(e.p,{children:["If you want to use sub-navigations for mobile you need to add a ",(0,a.jsx)(e.code,{children:"eventListner:click"})," on the ",(0,a.jsx)(e.code,{children:"db-navigation-item-expand-button"}),". This eventListener should set ",(0,a.jsx)(e.code,{children:"aria-expanded"})," to ",(0,a.jsx)(e.code,{children:"true"})," for the ",(0,a.jsx)(e.code,{children:"button"}),". This will open a static overlay for mobile/tablet devices with your ",(0,a.jsx)(e.code,{children:"db-sub-navigation"}),". For desktop devices it works by default with ",(0,a.jsx)(e.code,{children:":hover"}),"."]}),"\n",(0,a.jsx)(e.pre,{children:(0,a.jsx)(e.code,{className:"language-html",children:'\n...\n\n \n
  • \n NavigationItem\n
    • \n\n \n
  • \n \n \n Sub-Navi-Item 1\n Sub-Navi-Item 2\n \n
    • \n\n'})})]})}function r(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,i.a)(),...n.components};return e?(0,a.jsx)(e,{...n,children:(0,a.jsx)(o,{...n})}):o(n)}},49310:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return r}});var a=t(52322),i=t(45392);function o(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,i.a)(),...n.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(e.h2,{id:"react",children:"React"}),"\n",(0,a.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,a.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,a.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,a.jsxs)(e.p,{children:["We try to set ",(0,a.jsx)(e.code,{children:"areaPopup"})," (has/hasn't sub-navigation) inside the component, but this doesn't work in all frameworks. If you encounter some problems you have the set ",(0,a.jsx)(e.code,{children:"areaPopup"})," with ",(0,a.jsx)(e.code,{children:"true/false"})," for sub-navigation or link"]}),"\n",(0,a.jsx)(e.pre,{children:(0,a.jsx)(e.code,{className:"language-tsx",children:'// App.tsx\nimport { Link } from "react-router-dom";\nimport { DBNavigationItem } from "@db-ui/react-components";\n\nconst App = () => (\n <>\n {/* Only link */}\n \n NavigationItem\n \n\n {/* With Sub-Navigation */}\n \n \n Sub-Navi-Item 1\n \n \n Sub-Navi-Item 2\n \n \n }\n >\n Navi-Item 1\n \n \n);\n\nexport default App;\n'})})]})}function r(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,i.a)(),...n.components};return e?(0,a.jsx)(e,{...n,children:(0,a.jsx)(o,{...n})}):o(n)}},50551:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return r}});var a=t(52322),i=t(45392);function o(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,i.a)(),...n.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(e.h2,{id:"vue",children:"Vue"}),"\n",(0,a.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,a.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,a.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,a.jsxs)(e.p,{children:["We try to set ",(0,a.jsx)(e.code,{children:"areaPopup"})," (has/hasn't sub-navigation) inside the component, but this doesn't work in all frameworks. If you encounter some problems you have the set ",(0,a.jsx)(e.code,{children:"areaPopup"})," with ",(0,a.jsx)(e.code,{children:"true/false"})," for sub-navigation or link"]}),"\n",(0,a.jsx)(e.pre,{children:(0,a.jsx)(e.code,{className:"language-vue",children:'\n\n\n\n'})})]})}function r(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,i.a)(),...n.components};return e?(0,a.jsx)(e,{...n,children:(0,a.jsx)(o,{...n})}):o(n)}},36498:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return p}});var a=t(52322),i=t(45392),o=t(12156),r=t(43080),s=t(64737),c=t(49310),l=t(50551);let u=n=>{let{children:e}=n;return(0,a.jsx)(o.Z,{children:e})};function d(n){let e={h1:"h1",...(0,i.a)(),...n.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(e.h1,{id:"how-to-use-dbnavigationitem",children:"How to use DBNavigationItem"}),"\n",(0,a.jsx)(r.default,{}),"\n",(0,a.jsx)(s.default,{}),"\n",(0,a.jsx)(c.default,{}),"\n",(0,a.jsx)(l.default,{})]})}function p(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,a.jsx)(u,{...n,children:(0,a.jsx)(d,{...n})})}},16134:function(n,e,t){"use strict";var a=t(52322),i=t(2784),o=t(13776);let r=(0,i.forwardRef)(function(n,e){let t=e||(0,i.useRef)(e);return(0,a.jsx)("button",{ref:t,...(0,o.mS)(n,[]),id:n.id,className:(0,o.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:e=>{n.onClick&&n.onClick(e)},children:n.children})});e.Z=r},63900:function(n,e,t){"use strict";var a,i,o,r,s,c,l;t.d(e,{IY:function(){return u},YP:function(){return d},ce:function(){return p}});let u="OVERWRITE_DEFAULT_ID",d="Back",p="Close Button";(s=a||(a={})).FUNCTIONAL="functional",s.REGULAR="regular",s.EXPRESSIVE="expressive",Object.entries(a).map(n=>{let[,e]=n;return e}),(i||(i={})).PRIMARY="primary",(c=o||(o={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(o).map(n=>{let[,e]=n;return e}),Object.entries(i).map(n=>{let[,e]=n;return e}),(l=r||(r={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(r).map(n=>{let[,e]=n;return e})},13776:function(n,e,t){"use strict";t.d(e,{MN:function(){return l},Vj:function(){return a},cd:function(){return c},mS:function(){return s},yI:function(){return o},yn:function(){return i}});let a=()=>{var n,e;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(n,e)=>{Object.values(n.children).forEach(n=>{n.setAttribute(e.key,e.value),n.children.length>0&&i(n,e)})},o=function(){for(var n=arguments.length,e=Array(n),t=0;t{if(n){if("string"==typeof n)a+="".concat(n," ");else for(let e in n)n[e]&&(a+="".concat(e," "))}}),a.trim()},r=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],s=(n,e)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||r.includes(n))&&!e.includes(n)).reduce((e,t)=>(e[t]=n[t],e),{}),c=n=>{let{left:e,right:t}=n.getBoundingClientRect(),{innerWidth:a}=window;return e>=0&&t<=a},l=n=>{let{top:e,bottom:t}=n.getBoundingClientRect(),{innerHeight:a}=window;return e>=0&&t<=a}}},function(n){n.O(0,[49710,12156,92888,49774,40179],function(){return n(n.s=28808)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/navigation-item/migration-dd4b6ee4c471d8b0.js b/review/main/_next/static/chunks/pages/components/navigation-item/migration-df50c9eb6a5a02b4.js similarity index 97% rename from review/main/_next/static/chunks/pages/components/navigation-item/migration-dd4b6ee4c471d8b0.js rename to review/main/_next/static/chunks/pages/components/navigation-item/migration-df50c9eb6a5a02b4.js index 8585a9a6bff..d4deeb23b19 100644 --- a/review/main/_next/static/chunks/pages/components/navigation-item/migration-dd4b6ee4c471d8b0.js +++ b/review/main/_next/static/chunks/pages/components/navigation-item/migration-df50c9eb6a5a02b4.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[48596],{39683:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation-item/migration",function(){return e(20985)}])},16847:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return s}});var r=e(52322),a=e(45392);function i(n){let t={a:"a",blockquote:"blockquote",h2:"h2",p:"p",strong:"strong",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h2,{id:"general",children:"General"}),"\n",(0,r.jsxs)(t.blockquote,{children:["\n",(0,r.jsxs)(t.p,{children:[(0,r.jsx)(t.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,r.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,r.jsx)(t.h2,{id:"db-ui-core--db-ui-components",children:"DB UI Core ➡ DB UI Components"}),"\n",(0,r.jsx)(t.p,{children:"New Component \uD83E\uDD73"})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,a.a)(),...n.components};return t?(0,r.jsx)(t,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},20985:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return c}});var r=e(52322),a=e(45392),i=e(11803),s=e(16847);let o=n=>{let{children:t}=n;return(0,r.jsx)(i.Z,{children:t})};function l(n){let t={h1:"h1",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbnavigationitem-migration",children:"DBNavigationItem Migration"}),"\n",(0,r.jsx)(s.default,{})]})}function c(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(o,{...n,children:(0,r.jsx)(l,{...n})})}},16134:function(n,t,e){"use strict";var r=e(52322),a=e(2784),i=e(13776);let s=(0,a.forwardRef)(function(n,t){let e=t||(0,a.useRef)(t);return(0,r.jsx)("button",{ref:e,...(0,i.mS)(n,[]),id:n.id,className:(0,i.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:t=>{n.onClick&&n.onClick(t)},children:n.children})});t.Z=s},63900:function(n,t,e){"use strict";var r,a,i,s,o,l,c;e.d(t,{IY:function(){return u},YP:function(){return d},ce:function(){return N}});let u="OVERWRITE_DEFAULT_ID",d="Back",N="Close Button";(o=r||(r={})).FUNCTIONAL="functional",o.REGULAR="regular",o.EXPRESSIVE="expressive",Object.entries(r).map(n=>{let[,t]=n;return t}),(a||(a={})).PRIMARY="primary",(l=i||(i={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(n=>{let[,t]=n;return t}),Object.entries(a).map(n=>{let[,t]=n;return t}),(c=s||(s={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(s).map(n=>{let[,t]=n;return t})},13776:function(n,t,e){"use strict";e.d(t,{MN:function(){return c},Vj:function(){return r},cd:function(){return l},mS:function(){return o},yI:function(){return i},yn:function(){return a}});let r=()=>{var n,t;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},a=(n,t)=>{Object.values(n.children).forEach(n=>{n.setAttribute(t.key,t.value),n.children.length>0&&a(n,t)})},i=function(){for(var n=arguments.length,t=Array(n),e=0;e{if(n){if("string"==typeof n)r+="".concat(n," ");else for(let t in n)n[t]&&(r+="".concat(t," "))}}),r.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],o=(n,t)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||s.includes(n))&&!t.includes(n)).reduce((t,e)=>(t[e]=n[e],t),{}),l=n=>{let{left:t,right:e}=n.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&e<=r},c=n=>{let{top:t,bottom:e}=n.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&e<=r}}},function(n){n.O(0,[49710,11803,92888,49774,40179],function(){return n(n.s=39683)}),_N_E=n.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[48596],{39683:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation-item/migration",function(){return e(20985)}])},16847:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return s}});var r=e(52322),a=e(45392);function i(n){let t={a:"a",blockquote:"blockquote",h2:"h2",p:"p",strong:"strong",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h2,{id:"general",children:"General"}),"\n",(0,r.jsxs)(t.blockquote,{children:["\n",(0,r.jsxs)(t.p,{children:[(0,r.jsx)(t.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,r.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,r.jsx)(t.h2,{id:"db-ui-core--db-ui-components",children:"DB UI Core ➡ DB UI Components"}),"\n",(0,r.jsx)(t.p,{children:"New Component \uD83E\uDD73"})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,a.a)(),...n.components};return t?(0,r.jsx)(t,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},20985:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return c}});var r=e(52322),a=e(45392),i=e(12156),s=e(16847);let o=n=>{let{children:t}=n;return(0,r.jsx)(i.Z,{children:t})};function l(n){let t={h1:"h1",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbnavigationitem-migration",children:"DBNavigationItem Migration"}),"\n",(0,r.jsx)(s.default,{})]})}function c(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(o,{...n,children:(0,r.jsx)(l,{...n})})}},16134:function(n,t,e){"use strict";var r=e(52322),a=e(2784),i=e(13776);let s=(0,a.forwardRef)(function(n,t){let e=t||(0,a.useRef)(t);return(0,r.jsx)("button",{ref:e,...(0,i.mS)(n,[]),id:n.id,className:(0,i.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:t=>{n.onClick&&n.onClick(t)},children:n.children})});t.Z=s},63900:function(n,t,e){"use strict";var r,a,i,s,o,l,c;e.d(t,{IY:function(){return u},YP:function(){return d},ce:function(){return N}});let u="OVERWRITE_DEFAULT_ID",d="Back",N="Close Button";(o=r||(r={})).FUNCTIONAL="functional",o.REGULAR="regular",o.EXPRESSIVE="expressive",Object.entries(r).map(n=>{let[,t]=n;return t}),(a||(a={})).PRIMARY="primary",(l=i||(i={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(n=>{let[,t]=n;return t}),Object.entries(a).map(n=>{let[,t]=n;return t}),(c=s||(s={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(s).map(n=>{let[,t]=n;return t})},13776:function(n,t,e){"use strict";e.d(t,{MN:function(){return c},Vj:function(){return r},cd:function(){return l},mS:function(){return o},yI:function(){return i},yn:function(){return a}});let r=()=>{var n,t;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},a=(n,t)=>{Object.values(n.children).forEach(n=>{n.setAttribute(t.key,t.value),n.children.length>0&&a(n,t)})},i=function(){for(var n=arguments.length,t=Array(n),e=0;e{if(n){if("string"==typeof n)r+="".concat(n," ");else for(let t in n)n[t]&&(r+="".concat(t," "))}}),r.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],o=(n,t)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||s.includes(n))&&!t.includes(n)).reduce((t,e)=>(t[e]=n[e],t),{}),l=n=>{let{left:t,right:e}=n.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&e<=r},c=n=>{let{top:t,bottom:e}=n.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&e<=r}}},function(n){n.O(0,[49710,12156,92888,49774,40179],function(){return n(n.s=39683)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/navigation-item/overview-bc3b5e1b8bd8a29d.js b/review/main/_next/static/chunks/pages/components/navigation-item/overview-173435e3b31f2145.js similarity index 88% rename from review/main/_next/static/chunks/pages/components/navigation-item/overview-bc3b5e1b8bd8a29d.js rename to review/main/_next/static/chunks/pages/components/navigation-item/overview-173435e3b31f2145.js index 74d45fe16b9..dd9a6fbd696 100644 --- a/review/main/_next/static/chunks/pages/components/navigation-item/overview-bc3b5e1b8bd8a29d.js +++ b/review/main/_next/static/chunks/pages/components/navigation-item/overview-173435e3b31f2145.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[32347],{99012:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation-item/overview",function(){return t(68436)}])},68436:function(e,n,t){"use strict";t.r(n);var i=t(52322),s=t(25060),a=t(18986),r=t(24514),l=t(39805),u=t(86095),c=t(99341),o=t(89267),d=t(37395);let f=e=>{let{children:n,icon:t,disabled:s,active:a,width:r,areaPopup:l}=e;return(0,i.jsx)(u.pK,{icon:t,disabled:s,active:a,width:r,areaPopup:l,onClick:()=>{alert(n.toString())},slotSubNavigation:l&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(u.pK,{children:(0,i.jsx)("a",{href:"#",children:"Test1"})}),(0,i.jsx)(u.pK,{children:(0,i.jsx)("a",{href:"#",children:"Test2"})})]}),children:l?n:(0,i.jsx)("a",{href:"#",children:n})})};n.default=()=>(0,i.jsx)(c.Z,{title:"DBNavigationItem",variants:(0,d.P)(o,f,[(0,i.jsx)(s.default,{}),(0,i.jsx)(a.default,{}),(0,i.jsx)(r.default,{}),(0,i.jsx)(l.default,{})])})}},function(e){e.O(0,[49710,14863,11803,24514,16288,92888,49774,40179],function(){return e(e.s=99012)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[32347],{99012:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation-item/overview",function(){return t(68436)}])},68436:function(e,n,t){"use strict";t.r(n);var i=t(52322),s=t(25060),a=t(18986),r=t(24514),l=t(39805),u=t(53752),c=t(99341),o=t(89267),d=t(37395);let f=e=>{let{children:n,icon:t,disabled:s,active:a,width:r,areaPopup:l}=e;return(0,i.jsx)(u.pK,{icon:t,disabled:s,active:a,width:r,areaPopup:l,onClick:()=>{alert(n.toString())},slotSubNavigation:l&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(u.pK,{children:(0,i.jsx)("a",{href:"#",children:"Test1"})}),(0,i.jsx)(u.pK,{children:(0,i.jsx)("a",{href:"#",children:"Test2"})})]}),children:l?n:(0,i.jsx)("a",{href:"#",children:n})})};n.default=()=>(0,i.jsx)(c.Z,{title:"DBNavigationItem",variants:(0,d.P)(o,f,[(0,i.jsx)(s.default,{}),(0,i.jsx)(a.default,{}),(0,i.jsx)(r.default,{}),(0,i.jsx)(l.default,{})])})}},function(e){e.O(0,[49710,14863,12156,24514,16288,92888,49774,40179],function(){return e(e.s=99012)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/navigation-item/properties-e844bcce4102b17d.js b/review/main/_next/static/chunks/pages/components/navigation-item/properties-758b73f91e5743ca.js similarity index 98% rename from review/main/_next/static/chunks/pages/components/navigation-item/properties-e844bcce4102b17d.js rename to review/main/_next/static/chunks/pages/components/navigation-item/properties-758b73f91e5743ca.js index 15b12593a40..424e7560b5a 100644 --- a/review/main/_next/static/chunks/pages/components/navigation-item/properties-e844bcce4102b17d.js +++ b/review/main/_next/static/chunks/pages/components/navigation-item/properties-758b73f91e5743ca.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[38491],{56905:function(t,e,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation-item/properties",function(){return n(40768)}])},40768:function(t,e,n){"use strict";n.r(e),n.d(e,{default:function(){return c}});var i=n(52322),r=n(45392),s=n(11803);let d=t=>{let{children:e}=t;return(0,i.jsx)(s.Z,{children:e})};function a(t){let e={a:"a",code:"code",em:"em",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,r.a)(),...t.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(e.h1,{id:"dbnavigationitem",children:"DBNavigationItem"}),"\n",(0,i.jsx)(e.h2,{id:"properties",children:"Properties"}),"\n",(0,i.jsxs)(e.table,{children:[(0,i.jsx)(e.thead,{children:(0,i.jsxs)(e.tr,{children:[(0,i.jsx)(e.th,{children:"Name"}),(0,i.jsx)(e.th,{children:"Description"}),(0,i.jsx)(e.th,{children:"Type"}),(0,i.jsx)(e.th,{children:"Options"})]})}),(0,i.jsxs)(e.tbody,{children:[(0,i.jsxs)(e.tr,{children:[(0,i.jsx)(e.td,{children:"active"}),(0,i.jsx)(e.td,{children:"Indicator for active navigation item (bold font)."}),(0,i.jsx)(e.td,{children:"boolean"}),(0,i.jsx)(e.td,{})]}),(0,i.jsxs)(e.tr,{children:[(0,i.jsx)(e.td,{children:"areaPopup"}),(0,i.jsx)(e.td,{children:"If the attribute is set the item acts like a button with a sub-navigation"}),(0,i.jsx)(e.td,{children:"boolean"}),(0,i.jsx)(e.td,{})]}),(0,i.jsxs)(e.tr,{children:[(0,i.jsx)(e.td,{children:"disabled"}),(0,i.jsxs)(e.td,{children:["The disabled attribute can be set to ",(0,i.jsx)(e.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled",children:"keep a user from clicking on the item"}),"."]}),(0,i.jsx)(e.td,{children:"boolean"}),(0,i.jsx)(e.td,{})]}),(0,i.jsxs)(e.tr,{children:[(0,i.jsx)(e.td,{children:"slotSubNavigation"}),(0,i.jsx)(e.td,{children:"React-specific property to pass in a slot for sub-navigation"}),(0,i.jsx)(e.td,{children:"any"}),(0,i.jsx)(e.td,{})]}),(0,i.jsxs)(e.tr,{children:[(0,i.jsx)(e.td,{children:"subNavigationExpanded"}),(0,i.jsx)(e.td,{children:"This is for mobile navigation only, if it is set the sub-navigation is a static overlay"}),(0,i.jsx)(e.td,{children:"boolean"}),(0,i.jsx)(e.td,{})]}),(0,i.jsxs)(e.tr,{children:[(0,i.jsx)(e.td,{children:"children"}),(0,i.jsx)(e.td,{children:"default slot"}),(0,i.jsx)(e.td,{children:"any"}),(0,i.jsx)(e.td,{})]}),(0,i.jsxs)(e.tr,{children:[(0,i.jsx)(e.td,{children:"className"}),(0,i.jsx)(e.td,{children:"React specific for adding className to the component."}),(0,i.jsx)(e.td,{children:"string"}),(0,i.jsx)(e.td,{})]}),(0,i.jsxs)(e.tr,{children:[(0,i.jsx)(e.td,{children:"describedbyid"}),(0,i.jsxs)(e.td,{children:[(0,i.jsx)(e.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,i.jsx)(e.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,i.jsx)(e.td,{children:"string"}),(0,i.jsx)(e.td,{})]}),(0,i.jsxs)(e.tr,{children:[(0,i.jsx)(e.td,{children:"id"}),(0,i.jsxs)(e.td,{children:[(0,i.jsx)(e.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,i.jsx)(e.td,{children:"string"}),(0,i.jsx)(e.td,{})]}),(0,i.jsxs)(e.tr,{children:[(0,i.jsx)(e.td,{children:"key"}),(0,i.jsx)(e.td,{children:"React specific for render process."}),(0,i.jsx)(e.td,{children:"string"}),(0,i.jsx)(e.td,{})]}),(0,i.jsxs)(e.tr,{children:[(0,i.jsx)(e.td,{children:"onClick"}),(0,i.jsx)(e.td,{children:"React specific onClick to pass to forward ref."}),(0,i.jsx)(e.td,{children:"function"}),(0,i.jsx)(e.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:"(event: ClickEvent) => void"})})})]}),(0,i.jsxs)(e.tr,{children:[(0,i.jsx)(e.td,{children:"icon"}),(0,i.jsxs)(e.td,{children:["Define an icon by its identifier (like e.g. ",(0,i.jsx)(e.em,{children:"account"}),", compare to ",(0,i.jsx)(e.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"Icons"}),") to get displayed in front of the elements content."]}),(0,i.jsx)(e.td,{children:"union"}),(0,i.jsx)(e.td,{children:(0,i.jsx)(e.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"IconTypes"})})]}),(0,i.jsxs)(e.tr,{children:[(0,i.jsx)(e.td,{children:"width"}),(0,i.jsx)(e.td,{children:"Width of the component. Auto width based on children size, full width based on parent elements width."}),(0,i.jsx)(e.td,{children:"union"}),(0,i.jsx)(e.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:"'full' | 'auto'"})})})]}),(0,i.jsxs)(e.tr,{children:[(0,i.jsx)(e.td,{children:"backButtonId"}),(0,i.jsx)(e.td,{children:"The backButtonId attribute changes the id inside the back button."}),(0,i.jsx)(e.td,{children:"string"}),(0,i.jsx)(e.td,{})]}),(0,i.jsxs)(e.tr,{children:[(0,i.jsx)(e.td,{children:"backButtonText"}),(0,i.jsx)(e.td,{children:"The backButtonText attribute changes the text inside the back button."}),(0,i.jsx)(e.td,{children:"string"}),(0,i.jsx)(e.td,{})]})]})]})]})}function c(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,i.jsx)(d,{...t,children:(0,i.jsx)(a,{...t})})}},16134:function(t,e,n){"use strict";var i=n(52322),r=n(2784),s=n(13776);let d=(0,r.forwardRef)(function(t,e){let n=e||(0,r.useRef)(e);return(0,i.jsx)("button",{ref:n,...(0,s.mS)(t,[]),id:t.id,className:(0,s.yI)("db-button",t.className,{"is-icon-text-replace":t.noText}),type:t.type,disabled:t.disabled,"aria-label":t.label,"data-icon":t.icon,"data-size":t.size,"data-state":t.state,"data-width":t.width,"data-variant":t.variant,name:t.name,value:t.value,"aria-describedby":t.describedbyid,"aria-expanded":t.ariaexpanded,"aria-pressed":t.ariapressed,onClick:e=>{t.onClick&&t.onClick(e)},children:t.children})});e.Z=d},63900:function(t,e,n){"use strict";var i,r,s,d,a,c,l;n.d(e,{IY:function(){return o},YP:function(){return h},ce:function(){return u}});let o="OVERWRITE_DEFAULT_ID",h="Back",u="Close Button";(a=i||(i={})).FUNCTIONAL="functional",a.REGULAR="regular",a.EXPRESSIVE="expressive",Object.entries(i).map(t=>{let[,e]=t;return e}),(r||(r={})).PRIMARY="primary",(c=s||(s={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(t=>{let[,e]=t;return e}),Object.entries(r).map(t=>{let[,e]=t;return e}),(l=d||(d={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(d).map(t=>{let[,e]=t;return e})},13776:function(t,e,n){"use strict";n.d(e,{MN:function(){return l},Vj:function(){return i},cd:function(){return c},mS:function(){return a},yI:function(){return s},yn:function(){return r}});let i=()=>{var t,e;return(null===(t=window.crypto)||void 0===t?void 0:t.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},r=(t,e)=>{Object.values(t.children).forEach(t=>{t.setAttribute(e.key,e.value),t.children.length>0&&r(t,e)})},s=function(){for(var t=arguments.length,e=Array(t),n=0;n{if(t){if("string"==typeof t)i+="".concat(t," ");else for(let e in t)t[e]&&(i+="".concat(e," "))}}),i.trim()},d=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],a=(t,e)=>Object.keys(t).filter(t=>(t.startsWith("data-")||t.startsWith("aria-")||t.startsWith("default")||t.startsWith("auto")||t.startsWith("item")||t.startsWith("on")||d.includes(t))&&!e.includes(t)).reduce((e,n)=>(e[n]=t[n],e),{}),c=t=>{let{left:e,right:n}=t.getBoundingClientRect(),{innerWidth:i}=window;return e>=0&&n<=i},l=t=>{let{top:e,bottom:n}=t.getBoundingClientRect(),{innerHeight:i}=window;return e>=0&&n<=i}}},function(t){t.O(0,[49710,11803,92888,49774,40179],function(){return t(t.s=56905)}),_N_E=t.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[38491],{56905:function(t,e,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/navigation-item/properties",function(){return n(40768)}])},40768:function(t,e,n){"use strict";n.r(e),n.d(e,{default:function(){return c}});var i=n(52322),r=n(45392),s=n(12156);let d=t=>{let{children:e}=t;return(0,i.jsx)(s.Z,{children:e})};function a(t){let e={a:"a",code:"code",em:"em",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,r.a)(),...t.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(e.h1,{id:"dbnavigationitem",children:"DBNavigationItem"}),"\n",(0,i.jsx)(e.h2,{id:"properties",children:"Properties"}),"\n",(0,i.jsxs)(e.table,{children:[(0,i.jsx)(e.thead,{children:(0,i.jsxs)(e.tr,{children:[(0,i.jsx)(e.th,{children:"Name"}),(0,i.jsx)(e.th,{children:"Description"}),(0,i.jsx)(e.th,{children:"Type"}),(0,i.jsx)(e.th,{children:"Options"})]})}),(0,i.jsxs)(e.tbody,{children:[(0,i.jsxs)(e.tr,{children:[(0,i.jsx)(e.td,{children:"active"}),(0,i.jsx)(e.td,{children:"Indicator for active navigation item (bold font)."}),(0,i.jsx)(e.td,{children:"boolean"}),(0,i.jsx)(e.td,{})]}),(0,i.jsxs)(e.tr,{children:[(0,i.jsx)(e.td,{children:"areaPopup"}),(0,i.jsx)(e.td,{children:"If the attribute is set the item acts like a button with a sub-navigation"}),(0,i.jsx)(e.td,{children:"boolean"}),(0,i.jsx)(e.td,{})]}),(0,i.jsxs)(e.tr,{children:[(0,i.jsx)(e.td,{children:"disabled"}),(0,i.jsxs)(e.td,{children:["The disabled attribute can be set to ",(0,i.jsx)(e.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled",children:"keep a user from clicking on the item"}),"."]}),(0,i.jsx)(e.td,{children:"boolean"}),(0,i.jsx)(e.td,{})]}),(0,i.jsxs)(e.tr,{children:[(0,i.jsx)(e.td,{children:"slotSubNavigation"}),(0,i.jsx)(e.td,{children:"React-specific property to pass in a slot for sub-navigation"}),(0,i.jsx)(e.td,{children:"any"}),(0,i.jsx)(e.td,{})]}),(0,i.jsxs)(e.tr,{children:[(0,i.jsx)(e.td,{children:"subNavigationExpanded"}),(0,i.jsx)(e.td,{children:"This is for mobile navigation only, if it is set the sub-navigation is a static overlay"}),(0,i.jsx)(e.td,{children:"boolean"}),(0,i.jsx)(e.td,{})]}),(0,i.jsxs)(e.tr,{children:[(0,i.jsx)(e.td,{children:"children"}),(0,i.jsx)(e.td,{children:"default slot"}),(0,i.jsx)(e.td,{children:"any"}),(0,i.jsx)(e.td,{})]}),(0,i.jsxs)(e.tr,{children:[(0,i.jsx)(e.td,{children:"className"}),(0,i.jsx)(e.td,{children:"React specific for adding className to the component."}),(0,i.jsx)(e.td,{children:"string"}),(0,i.jsx)(e.td,{})]}),(0,i.jsxs)(e.tr,{children:[(0,i.jsx)(e.td,{children:"describedbyid"}),(0,i.jsxs)(e.td,{children:[(0,i.jsx)(e.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,i.jsx)(e.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,i.jsx)(e.td,{children:"string"}),(0,i.jsx)(e.td,{})]}),(0,i.jsxs)(e.tr,{children:[(0,i.jsx)(e.td,{children:"id"}),(0,i.jsxs)(e.td,{children:[(0,i.jsx)(e.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,i.jsx)(e.td,{children:"string"}),(0,i.jsx)(e.td,{})]}),(0,i.jsxs)(e.tr,{children:[(0,i.jsx)(e.td,{children:"key"}),(0,i.jsx)(e.td,{children:"React specific for render process."}),(0,i.jsx)(e.td,{children:"string"}),(0,i.jsx)(e.td,{})]}),(0,i.jsxs)(e.tr,{children:[(0,i.jsx)(e.td,{children:"onClick"}),(0,i.jsx)(e.td,{children:"React specific onClick to pass to forward ref."}),(0,i.jsx)(e.td,{children:"function"}),(0,i.jsx)(e.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:"(event: ClickEvent) => void"})})})]}),(0,i.jsxs)(e.tr,{children:[(0,i.jsx)(e.td,{children:"icon"}),(0,i.jsxs)(e.td,{children:["Define an icon by its identifier (like e.g. ",(0,i.jsx)(e.em,{children:"account"}),", compare to ",(0,i.jsx)(e.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"Icons"}),") to get displayed in front of the elements content."]}),(0,i.jsx)(e.td,{children:"union"}),(0,i.jsx)(e.td,{children:(0,i.jsx)(e.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"IconTypes"})})]}),(0,i.jsxs)(e.tr,{children:[(0,i.jsx)(e.td,{children:"width"}),(0,i.jsx)(e.td,{children:"Width of the component. Auto width based on children size, full width based on parent elements width."}),(0,i.jsx)(e.td,{children:"union"}),(0,i.jsx)(e.td,{children:(0,i.jsx)("pre",{children:(0,i.jsx)("code",{className:"code-pre-wrap",children:"'full' | 'auto'"})})})]}),(0,i.jsxs)(e.tr,{children:[(0,i.jsx)(e.td,{children:"backButtonId"}),(0,i.jsx)(e.td,{children:"The backButtonId attribute changes the id inside the back button."}),(0,i.jsx)(e.td,{children:"string"}),(0,i.jsx)(e.td,{})]}),(0,i.jsxs)(e.tr,{children:[(0,i.jsx)(e.td,{children:"backButtonText"}),(0,i.jsx)(e.td,{children:"The backButtonText attribute changes the text inside the back button."}),(0,i.jsx)(e.td,{children:"string"}),(0,i.jsx)(e.td,{})]})]})]})]})}function c(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,i.jsx)(d,{...t,children:(0,i.jsx)(a,{...t})})}},16134:function(t,e,n){"use strict";var i=n(52322),r=n(2784),s=n(13776);let d=(0,r.forwardRef)(function(t,e){let n=e||(0,r.useRef)(e);return(0,i.jsx)("button",{ref:n,...(0,s.mS)(t,[]),id:t.id,className:(0,s.yI)("db-button",t.className,{"is-icon-text-replace":t.noText}),type:t.type,disabled:t.disabled,"aria-label":t.label,"data-icon":t.icon,"data-size":t.size,"data-state":t.state,"data-width":t.width,"data-variant":t.variant,name:t.name,value:t.value,"aria-describedby":t.describedbyid,"aria-expanded":t.ariaexpanded,"aria-pressed":t.ariapressed,onClick:e=>{t.onClick&&t.onClick(e)},children:t.children})});e.Z=d},63900:function(t,e,n){"use strict";var i,r,s,d,a,c,l;n.d(e,{IY:function(){return o},YP:function(){return h},ce:function(){return u}});let o="OVERWRITE_DEFAULT_ID",h="Back",u="Close Button";(a=i||(i={})).FUNCTIONAL="functional",a.REGULAR="regular",a.EXPRESSIVE="expressive",Object.entries(i).map(t=>{let[,e]=t;return e}),(r||(r={})).PRIMARY="primary",(c=s||(s={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(t=>{let[,e]=t;return e}),Object.entries(r).map(t=>{let[,e]=t;return e}),(l=d||(d={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(d).map(t=>{let[,e]=t;return e})},13776:function(t,e,n){"use strict";n.d(e,{MN:function(){return l},Vj:function(){return i},cd:function(){return c},mS:function(){return a},yI:function(){return s},yn:function(){return r}});let i=()=>{var t,e;return(null===(t=window.crypto)||void 0===t?void 0:t.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},r=(t,e)=>{Object.values(t.children).forEach(t=>{t.setAttribute(e.key,e.value),t.children.length>0&&r(t,e)})},s=function(){for(var t=arguments.length,e=Array(t),n=0;n{if(t){if("string"==typeof t)i+="".concat(t," ");else for(let e in t)t[e]&&(i+="".concat(e," "))}}),i.trim()},d=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],a=(t,e)=>Object.keys(t).filter(t=>(t.startsWith("data-")||t.startsWith("aria-")||t.startsWith("default")||t.startsWith("auto")||t.startsWith("item")||t.startsWith("on")||d.includes(t))&&!e.includes(t)).reduce((e,n)=>(e[n]=t[n],e),{}),c=t=>{let{left:e,right:n}=t.getBoundingClientRect(),{innerWidth:i}=window;return e>=0&&n<=i},l=t=>{let{top:e,bottom:n}=t.getBoundingClientRect(),{innerHeight:i}=window;return e>=0&&n<=i}}},function(t){t.O(0,[49710,12156,92888,49774,40179],function(){return t(t.s=56905)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/page-773eb572cfab2f9c.js b/review/main/_next/static/chunks/pages/components/page-86d6226ef2d55a30.js similarity index 88% rename from review/main/_next/static/chunks/pages/components/page-773eb572cfab2f9c.js rename to review/main/_next/static/chunks/pages/components/page-86d6226ef2d55a30.js index 286da49ff87..febcc175232 100644 --- a/review/main/_next/static/chunks/pages/components/page-773eb572cfab2f9c.js +++ b/review/main/_next/static/chunks/pages/components/page-86d6226ef2d55a30.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[77001],{25510:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/page",function(){return t(62147)}])},62147:function(e,n,t){"use strict";t.r(n);var i=t(52322),r=t(22689),s=t(86095),a=t(93078),c=t(37395),l=t(99341);let o=e=>{let{type:n,fadeIn:t,children:r,className:a,describedbyid:c,id:l,key:o}=e;return(0,i.jsx)(s.wi,{type:n,fadeIn:t,className:a,describedbyid:c,id:l,slotHeader:(0,i.jsx)(s.W4,{slotBrand:(0,i.jsx)(s.mX,{title:"DBHeader",imgSrc:"https://db-ui.github.io/images/db_logo.svg",children:"DBHeader"}),slotMetaNavigation:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(s.vB,{href:"#",children:"Imprint"}),(0,i.jsx)(s.vB,{href:"#",children:"Help"})]}),slotCallToAction:(0,i.jsx)(s.Y1,{icon:"search",variant:"text",noText:!0,children:"Search"}),slotActionBar:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(s.Y1,{icon:"account",variant:"text",noText:!0,children:"Profile"}),(0,i.jsx)(s.Y1,{icon:"alert",variant:"text",noText:!0,children:"Notification"}),(0,i.jsx)(s.Y1,{icon:"help",variant:"text",noText:!0,children:"Help"})]}),children:(0,i.jsxs)(s.Cc,{children:[(0,i.jsx)(s.pK,{icon:"account",children:(0,i.jsx)("a",{href:"#",children:r})}),(0,i.jsx)(s.pK,{disabled:!0,children:(0,i.jsxs)("a",{href:"#",children:[r," disabled"]})})]})}),slotFooter:(0,i.jsx)(i.Fragment,{children:"Footer Content"}),children:"My Page Content"},o)};n.default=()=>(0,i.jsx)(l.Z,{title:"DBPage",variants:(0,c.P)(a,o,[(0,i.jsx)(r.default,{})])})}},function(e){e.O(0,[49710,14863,11803,37580,92888,49774,40179],function(){return e(e.s=25510)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[77001],{25510:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/page",function(){return t(62147)}])},62147:function(e,n,t){"use strict";t.r(n);var i=t(52322),r=t(22689),s=t(53752),a=t(93078),c=t(37395),l=t(99341);let o=e=>{let{type:n,fadeIn:t,children:r,className:a,describedbyid:c,id:l,key:o}=e;return(0,i.jsx)(s.wi,{type:n,fadeIn:t,className:a,describedbyid:c,id:l,slotHeader:(0,i.jsx)(s.W4,{slotBrand:(0,i.jsx)(s.mX,{title:"DBHeader",imgSrc:"https://db-ui.github.io/images/db_logo.svg",children:"DBHeader"}),slotMetaNavigation:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(s.vB,{href:"#",children:"Imprint"}),(0,i.jsx)(s.vB,{href:"#",children:"Help"})]}),slotCallToAction:(0,i.jsx)(s.Y1,{icon:"search",variant:"text",noText:!0,children:"Search"}),slotActionBar:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(s.Y1,{icon:"account",variant:"text",noText:!0,children:"Profile"}),(0,i.jsx)(s.Y1,{icon:"alert",variant:"text",noText:!0,children:"Notification"}),(0,i.jsx)(s.Y1,{icon:"help",variant:"text",noText:!0,children:"Help"})]}),children:(0,i.jsxs)(s.Cc,{children:[(0,i.jsx)(s.pK,{icon:"account",children:(0,i.jsx)("a",{href:"#",children:r})}),(0,i.jsx)(s.pK,{disabled:!0,children:(0,i.jsxs)("a",{href:"#",children:[r," disabled"]})})]})}),slotFooter:(0,i.jsx)(i.Fragment,{children:"Footer Content"}),children:"My Page Content"},o)};n.default=()=>(0,i.jsx)(l.Z,{title:"DBPage",variants:(0,c.P)(a,o,[(0,i.jsx)(r.default,{})])})}},function(e){e.O(0,[49710,14863,12156,37580,92888,49774,40179],function(){return e(e.s=25510)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/page/how-to-use-e28bbaa0e59ac3e9.js b/review/main/_next/static/chunks/pages/components/page/how-to-use-ef2f4f1f12b3d5f5.js similarity index 97% rename from review/main/_next/static/chunks/pages/components/page/how-to-use-e28bbaa0e59ac3e9.js rename to review/main/_next/static/chunks/pages/components/page/how-to-use-ef2f4f1f12b3d5f5.js index 89fed9c4e3e..4bf1a30ae35 100644 --- a/review/main/_next/static/chunks/pages/components/page/how-to-use-e28bbaa0e59ac3e9.js +++ b/review/main/_next/static/chunks/pages/components/page/how-to-use-ef2f4f1f12b3d5f5.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[99509],{23420:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/page/how-to-use",function(){return t(42514)}])},17966:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var a=t(52322),r=t(45392);function i(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,r.a)(),...n.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(e.h2,{id:"angular",children:"Angular"}),"\n",(0,a.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,a.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,a.jsx)(e.h3,{id:"load-component",children:"Load component"}),"\n",(0,a.jsx)(e.pre,{children:(0,a.jsx)(e.code,{className:"language-ts",children:"//app.component.ts\nimport { DBPage, DBHeader } from '@db-ui/ngx-components';\n\n@Component({\n // ...\n imports: [\n // ...,\n DBPage, DBHeader\n ],\n // ...\n})\n"})}),"\n",(0,a.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,a.jsx)(e.pre,{children:(0,a.jsx)(e.code,{className:"language-html",children:'\n\n ...\n
    Main Page
    \n    \n'})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,r.a)(),...n.components};return e?(0,a.jsx)(e,{...n,children:(0,a.jsx)(i,{...n})}):i(n)}},86864:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var a=t(52322),r=t(45392);function i(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,r.a)(),...n.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(e.h2,{id:"html",children:"HTML"}),"\n",(0,a.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,a.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,a.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,a.jsx)(e.pre,{children:(0,a.jsx)(e.code,{className:"language-html",children:'\n...\n\n
    \n
    ...
    \n
    Main Page
    \n
    \n\n'})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,r.a)(),...n.components};return e?(0,a.jsx)(e,{...n,children:(0,a.jsx)(i,{...n})}):i(n)}},60973:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var a=t(52322),r=t(45392);function i(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,r.a)(),...n.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(e.h2,{id:"react",children:"React"}),"\n",(0,a.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,a.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,a.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,a.jsx)(e.pre,{children:(0,a.jsx)(e.code,{className:"language-tsx",children:'// App.tsx\nimport { DBPage, DBHeader } from "@db-ui/react-components";\n\nconst App = () => (\n ...}>\n
    Main Page
    \n     \n);\n\nexport default App;\n'})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,r.a)(),...n.components};return e?(0,a.jsx)(e,{...n,children:(0,a.jsx)(i,{...n})}):i(n)}},87523:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var a=t(52322),r=t(45392);function i(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,r.a)(),...n.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(e.h2,{id:"vue",children:"Vue"}),"\n",(0,a.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,a.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,a.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,a.jsx)(e.pre,{children:(0,a.jsx)(e.code,{className:"language-vue",children:'\n\n\n\n'})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,r.a)(),...n.components};return e?(0,a.jsx)(e,{...n,children:(0,a.jsx)(i,{...n})}):i(n)}},42514:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return p}});var a=t(52322),r=t(45392),i=t(11803),s=t(86864),o=t(17966),c=t(60973),l=t(87523);let d=n=>{let{children:e}=n;return(0,a.jsx)(i.Z,{children:e})};function u(n){let e={h1:"h1",...(0,r.a)(),...n.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(e.h1,{id:"how-to-use-dbpage",children:"How to use DBPage"}),"\n",(0,a.jsx)(s.default,{}),"\n",(0,a.jsx)(o.default,{}),"\n",(0,a.jsx)(c.default,{}),"\n",(0,a.jsx)(l.default,{})]})}function p(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,a.jsx)(d,{...n,children:(0,a.jsx)(u,{...n})})}},16134:function(n,e,t){"use strict";var a=t(52322),r=t(2784),i=t(13776);let s=(0,r.forwardRef)(function(n,e){let t=e||(0,r.useRef)(e);return(0,a.jsx)("button",{ref:t,...(0,i.mS)(n,[]),id:n.id,className:(0,i.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:e=>{n.onClick&&n.onClick(e)},children:n.children})});e.Z=s},63900:function(n,e,t){"use strict";var a,r,i,s,o,c,l;t.d(e,{IY:function(){return d},YP:function(){return u},ce:function(){return p}});let d="OVERWRITE_DEFAULT_ID",u="Back",p="Close Button";(o=a||(a={})).FUNCTIONAL="functional",o.REGULAR="regular",o.EXPRESSIVE="expressive",Object.entries(a).map(n=>{let[,e]=n;return e}),(r||(r={})).PRIMARY="primary",(c=i||(i={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(n=>{let[,e]=n;return e}),Object.entries(r).map(n=>{let[,e]=n;return e}),(l=s||(s={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(s).map(n=>{let[,e]=n;return e})},13776:function(n,e,t){"use strict";t.d(e,{MN:function(){return l},Vj:function(){return a},cd:function(){return c},mS:function(){return o},yI:function(){return i},yn:function(){return r}});let a=()=>{var n,e;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},r=(n,e)=>{Object.values(n.children).forEach(n=>{n.setAttribute(e.key,e.value),n.children.length>0&&r(n,e)})},i=function(){for(var n=arguments.length,e=Array(n),t=0;t{if(n){if("string"==typeof n)a+="".concat(n," ");else for(let e in n)n[e]&&(a+="".concat(e," "))}}),a.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],o=(n,e)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||s.includes(n))&&!e.includes(n)).reduce((e,t)=>(e[t]=n[t],e),{}),c=n=>{let{left:e,right:t}=n.getBoundingClientRect(),{innerWidth:a}=window;return e>=0&&t<=a},l=n=>{let{top:e,bottom:t}=n.getBoundingClientRect(),{innerHeight:a}=window;return e>=0&&t<=a}}},function(n){n.O(0,[49710,11803,92888,49774,40179],function(){return n(n.s=23420)}),_N_E=n.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[99509],{23420:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/page/how-to-use",function(){return t(42514)}])},17966:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var a=t(52322),r=t(45392);function i(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,r.a)(),...n.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(e.h2,{id:"angular",children:"Angular"}),"\n",(0,a.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,a.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,a.jsx)(e.h3,{id:"load-component",children:"Load component"}),"\n",(0,a.jsx)(e.pre,{children:(0,a.jsx)(e.code,{className:"language-ts",children:"//app.component.ts\nimport { DBPage, DBHeader } from '@db-ui/ngx-components';\n\n@Component({\n // ...\n imports: [\n // ...,\n DBPage, DBHeader\n ],\n // ...\n})\n"})}),"\n",(0,a.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,a.jsx)(e.pre,{children:(0,a.jsx)(e.code,{className:"language-html",children:'\n\n ...\n
    Main Page
    \n    \n'})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,r.a)(),...n.components};return e?(0,a.jsx)(e,{...n,children:(0,a.jsx)(i,{...n})}):i(n)}},86864:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var a=t(52322),r=t(45392);function i(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,r.a)(),...n.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(e.h2,{id:"html",children:"HTML"}),"\n",(0,a.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,a.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,a.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,a.jsx)(e.pre,{children:(0,a.jsx)(e.code,{className:"language-html",children:'\n...\n\n
    \n
    ...
    \n
    Main Page
    \n
    \n\n'})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,r.a)(),...n.components};return e?(0,a.jsx)(e,{...n,children:(0,a.jsx)(i,{...n})}):i(n)}},60973:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var a=t(52322),r=t(45392);function i(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,r.a)(),...n.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(e.h2,{id:"react",children:"React"}),"\n",(0,a.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,a.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,a.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,a.jsx)(e.pre,{children:(0,a.jsx)(e.code,{className:"language-tsx",children:'// App.tsx\nimport { DBPage, DBHeader } from "@db-ui/react-components";\n\nconst App = () => (\n ...}>\n
    Main Page
    \n     \n);\n\nexport default App;\n'})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,r.a)(),...n.components};return e?(0,a.jsx)(e,{...n,children:(0,a.jsx)(i,{...n})}):i(n)}},87523:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var a=t(52322),r=t(45392);function i(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,r.a)(),...n.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(e.h2,{id:"vue",children:"Vue"}),"\n",(0,a.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,a.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,a.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,a.jsx)(e.pre,{children:(0,a.jsx)(e.code,{className:"language-vue",children:'\n\n\n\n'})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,r.a)(),...n.components};return e?(0,a.jsx)(e,{...n,children:(0,a.jsx)(i,{...n})}):i(n)}},42514:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return p}});var a=t(52322),r=t(45392),i=t(12156),s=t(86864),o=t(17966),c=t(60973),l=t(87523);let d=n=>{let{children:e}=n;return(0,a.jsx)(i.Z,{children:e})};function u(n){let e={h1:"h1",...(0,r.a)(),...n.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(e.h1,{id:"how-to-use-dbpage",children:"How to use DBPage"}),"\n",(0,a.jsx)(s.default,{}),"\n",(0,a.jsx)(o.default,{}),"\n",(0,a.jsx)(c.default,{}),"\n",(0,a.jsx)(l.default,{})]})}function p(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,a.jsx)(d,{...n,children:(0,a.jsx)(u,{...n})})}},16134:function(n,e,t){"use strict";var a=t(52322),r=t(2784),i=t(13776);let s=(0,r.forwardRef)(function(n,e){let t=e||(0,r.useRef)(e);return(0,a.jsx)("button",{ref:t,...(0,i.mS)(n,[]),id:n.id,className:(0,i.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:e=>{n.onClick&&n.onClick(e)},children:n.children})});e.Z=s},63900:function(n,e,t){"use strict";var a,r,i,s,o,c,l;t.d(e,{IY:function(){return d},YP:function(){return u},ce:function(){return p}});let d="OVERWRITE_DEFAULT_ID",u="Back",p="Close Button";(o=a||(a={})).FUNCTIONAL="functional",o.REGULAR="regular",o.EXPRESSIVE="expressive",Object.entries(a).map(n=>{let[,e]=n;return e}),(r||(r={})).PRIMARY="primary",(c=i||(i={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(n=>{let[,e]=n;return e}),Object.entries(r).map(n=>{let[,e]=n;return e}),(l=s||(s={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(s).map(n=>{let[,e]=n;return e})},13776:function(n,e,t){"use strict";t.d(e,{MN:function(){return l},Vj:function(){return a},cd:function(){return c},mS:function(){return o},yI:function(){return i},yn:function(){return r}});let a=()=>{var n,e;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},r=(n,e)=>{Object.values(n.children).forEach(n=>{n.setAttribute(e.key,e.value),n.children.length>0&&r(n,e)})},i=function(){for(var n=arguments.length,e=Array(n),t=0;t{if(n){if("string"==typeof n)a+="".concat(n," ");else for(let e in n)n[e]&&(a+="".concat(e," "))}}),a.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],o=(n,e)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||s.includes(n))&&!e.includes(n)).reduce((e,t)=>(e[t]=n[t],e),{}),c=n=>{let{left:e,right:t}=n.getBoundingClientRect(),{innerWidth:a}=window;return e>=0&&t<=a},l=n=>{let{top:e,bottom:t}=n.getBoundingClientRect(),{innerHeight:a}=window;return e>=0&&t<=a}}},function(n){n.O(0,[49710,12156,92888,49774,40179],function(){return n(n.s=23420)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/page/migration-3b03bbc23f5af395.js b/review/main/_next/static/chunks/pages/components/page/migration-eb7cb5e364a48531.js similarity index 97% rename from review/main/_next/static/chunks/pages/components/page/migration-3b03bbc23f5af395.js rename to review/main/_next/static/chunks/pages/components/page/migration-eb7cb5e364a48531.js index 19c60e806ad..e0900ddd785 100644 --- a/review/main/_next/static/chunks/pages/components/page/migration-3b03bbc23f5af395.js +++ b/review/main/_next/static/chunks/pages/components/page/migration-eb7cb5e364a48531.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[52733],{13916:function(t,e,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/page/migration",function(){return n(6910)}])},3434:function(t,e,n){"use strict";n.r(e),n.d(e,{default:function(){return s}});var r=n(52322),a=n(45392);function i(t){let e={a:"a",blockquote:"blockquote",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,a.a)(),...t.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"general",children:"General"}),"\n",(0,r.jsxs)(e.blockquote,{children:["\n",(0,r.jsxs)(e.p,{children:[(0,r.jsx)(e.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,r.jsx)(e.h2,{id:"db-ui-core--db-ui-components",children:"DB UI Core ➡ DB UI Components"}),"\n",(0,r.jsx)(e.h3,{id:"class",children:"class"}),"\n",(0,r.jsxs)(e.table,{children:[(0,r.jsx)(e.thead,{children:(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.th,{children:"Before"}),(0,r.jsx)(e.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(e.th,{children:"After"}),(0,r.jsx)(e.th,{children:"Description"})]})}),(0,r.jsx)(e.tbody,{children:(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"rea-page"})}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"db-page"})}),(0,r.jsx)(e.td,{})]})})]})]})}function s(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...t.components};return e?(0,r.jsx)(e,{...t,children:(0,r.jsx)(i,{...t})}):i(t)}},6910:function(t,e,n){"use strict";n.r(e),n.d(e,{default:function(){return o}});var r=n(52322),a=n(45392),i=n(11803),s=n(3434);let l=t=>{let{children:e}=t;return(0,r.jsx)(i.Z,{children:e})};function c(t){let e={h1:"h1",...(0,a.a)(),...t.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h1,{id:"dbpage-migration",children:"DBPage Migration"}),"\n",(0,r.jsx)(s.default,{})]})}function o(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(l,{...t,children:(0,r.jsx)(c,{...t})})}},16134:function(t,e,n){"use strict";var r=n(52322),a=n(2784),i=n(13776);let s=(0,a.forwardRef)(function(t,e){let n=e||(0,a.useRef)(e);return(0,r.jsx)("button",{ref:n,...(0,i.mS)(t,[]),id:t.id,className:(0,i.yI)("db-button",t.className,{"is-icon-text-replace":t.noText}),type:t.type,disabled:t.disabled,"aria-label":t.label,"data-icon":t.icon,"data-size":t.size,"data-state":t.state,"data-width":t.width,"data-variant":t.variant,name:t.name,value:t.value,"aria-describedby":t.describedbyid,"aria-expanded":t.ariaexpanded,"aria-pressed":t.ariapressed,onClick:e=>{t.onClick&&t.onClick(e)},children:t.children})});e.Z=s},63900:function(t,e,n){"use strict";var r,a,i,s,l,c,o;n.d(e,{IY:function(){return d},YP:function(){return u},ce:function(){return h}});let d="OVERWRITE_DEFAULT_ID",u="Back",h="Close Button";(l=r||(r={})).FUNCTIONAL="functional",l.REGULAR="regular",l.EXPRESSIVE="expressive",Object.entries(r).map(t=>{let[,e]=t;return e}),(a||(a={})).PRIMARY="primary",(c=i||(i={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(t=>{let[,e]=t;return e}),Object.entries(a).map(t=>{let[,e]=t;return e}),(o=s||(s={})).CRITICAL="critical",o.INFORMATIONAL="informational",o.WARNING="warning",o.SUCCESSFUL="successful",Object.entries(s).map(t=>{let[,e]=t;return e})},13776:function(t,e,n){"use strict";n.d(e,{MN:function(){return o},Vj:function(){return r},cd:function(){return c},mS:function(){return l},yI:function(){return i},yn:function(){return a}});let r=()=>{var t,e;return(null===(t=window.crypto)||void 0===t?void 0:t.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},a=(t,e)=>{Object.values(t.children).forEach(t=>{t.setAttribute(e.key,e.value),t.children.length>0&&a(t,e)})},i=function(){for(var t=arguments.length,e=Array(t),n=0;n{if(t){if("string"==typeof t)r+="".concat(t," ");else for(let e in t)t[e]&&(r+="".concat(e," "))}}),r.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],l=(t,e)=>Object.keys(t).filter(t=>(t.startsWith("data-")||t.startsWith("aria-")||t.startsWith("default")||t.startsWith("auto")||t.startsWith("item")||t.startsWith("on")||s.includes(t))&&!e.includes(t)).reduce((e,n)=>(e[n]=t[n],e),{}),c=t=>{let{left:e,right:n}=t.getBoundingClientRect(),{innerWidth:r}=window;return e>=0&&n<=r},o=t=>{let{top:e,bottom:n}=t.getBoundingClientRect(),{innerHeight:r}=window;return e>=0&&n<=r}}},function(t){t.O(0,[49710,11803,92888,49774,40179],function(){return t(t.s=13916)}),_N_E=t.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[52733],{13916:function(t,e,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/page/migration",function(){return n(6910)}])},3434:function(t,e,n){"use strict";n.r(e),n.d(e,{default:function(){return s}});var r=n(52322),a=n(45392);function i(t){let e={a:"a",blockquote:"blockquote",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,a.a)(),...t.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"general",children:"General"}),"\n",(0,r.jsxs)(e.blockquote,{children:["\n",(0,r.jsxs)(e.p,{children:[(0,r.jsx)(e.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,r.jsx)(e.h2,{id:"db-ui-core--db-ui-components",children:"DB UI Core ➡ DB UI Components"}),"\n",(0,r.jsx)(e.h3,{id:"class",children:"class"}),"\n",(0,r.jsxs)(e.table,{children:[(0,r.jsx)(e.thead,{children:(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.th,{children:"Before"}),(0,r.jsx)(e.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(e.th,{children:"After"}),(0,r.jsx)(e.th,{children:"Description"})]})}),(0,r.jsx)(e.tbody,{children:(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"rea-page"})}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"db-page"})}),(0,r.jsx)(e.td,{})]})})]})]})}function s(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...t.components};return e?(0,r.jsx)(e,{...t,children:(0,r.jsx)(i,{...t})}):i(t)}},6910:function(t,e,n){"use strict";n.r(e),n.d(e,{default:function(){return o}});var r=n(52322),a=n(45392),i=n(12156),s=n(3434);let l=t=>{let{children:e}=t;return(0,r.jsx)(i.Z,{children:e})};function c(t){let e={h1:"h1",...(0,a.a)(),...t.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h1,{id:"dbpage-migration",children:"DBPage Migration"}),"\n",(0,r.jsx)(s.default,{})]})}function o(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(l,{...t,children:(0,r.jsx)(c,{...t})})}},16134:function(t,e,n){"use strict";var r=n(52322),a=n(2784),i=n(13776);let s=(0,a.forwardRef)(function(t,e){let n=e||(0,a.useRef)(e);return(0,r.jsx)("button",{ref:n,...(0,i.mS)(t,[]),id:t.id,className:(0,i.yI)("db-button",t.className,{"is-icon-text-replace":t.noText}),type:t.type,disabled:t.disabled,"aria-label":t.label,"data-icon":t.icon,"data-size":t.size,"data-state":t.state,"data-width":t.width,"data-variant":t.variant,name:t.name,value:t.value,"aria-describedby":t.describedbyid,"aria-expanded":t.ariaexpanded,"aria-pressed":t.ariapressed,onClick:e=>{t.onClick&&t.onClick(e)},children:t.children})});e.Z=s},63900:function(t,e,n){"use strict";var r,a,i,s,l,c,o;n.d(e,{IY:function(){return d},YP:function(){return u},ce:function(){return h}});let d="OVERWRITE_DEFAULT_ID",u="Back",h="Close Button";(l=r||(r={})).FUNCTIONAL="functional",l.REGULAR="regular",l.EXPRESSIVE="expressive",Object.entries(r).map(t=>{let[,e]=t;return e}),(a||(a={})).PRIMARY="primary",(c=i||(i={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(t=>{let[,e]=t;return e}),Object.entries(a).map(t=>{let[,e]=t;return e}),(o=s||(s={})).CRITICAL="critical",o.INFORMATIONAL="informational",o.WARNING="warning",o.SUCCESSFUL="successful",Object.entries(s).map(t=>{let[,e]=t;return e})},13776:function(t,e,n){"use strict";n.d(e,{MN:function(){return o},Vj:function(){return r},cd:function(){return c},mS:function(){return l},yI:function(){return i},yn:function(){return a}});let r=()=>{var t,e;return(null===(t=window.crypto)||void 0===t?void 0:t.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},a=(t,e)=>{Object.values(t.children).forEach(t=>{t.setAttribute(e.key,e.value),t.children.length>0&&a(t,e)})},i=function(){for(var t=arguments.length,e=Array(t),n=0;n{if(t){if("string"==typeof t)r+="".concat(t," ");else for(let e in t)t[e]&&(r+="".concat(e," "))}}),r.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],l=(t,e)=>Object.keys(t).filter(t=>(t.startsWith("data-")||t.startsWith("aria-")||t.startsWith("default")||t.startsWith("auto")||t.startsWith("item")||t.startsWith("on")||s.includes(t))&&!e.includes(t)).reduce((e,n)=>(e[n]=t[n],e),{}),c=t=>{let{left:e,right:n}=t.getBoundingClientRect(),{innerWidth:r}=window;return e>=0&&n<=r},o=t=>{let{top:e,bottom:n}=t.getBoundingClientRect(),{innerHeight:r}=window;return e>=0&&n<=r}}},function(t){t.O(0,[49710,12156,92888,49774,40179],function(){return t(t.s=13916)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/page/overview-623f6ff736fd8564.js b/review/main/_next/static/chunks/pages/components/page/overview-b1beff512b158033.js similarity index 92% rename from review/main/_next/static/chunks/pages/components/page/overview-623f6ff736fd8564.js rename to review/main/_next/static/chunks/pages/components/page/overview-b1beff512b158033.js index acd22e26641..c2d66d52113 100644 --- a/review/main/_next/static/chunks/pages/components/page/overview-623f6ff736fd8564.js +++ b/review/main/_next/static/chunks/pages/components/page/overview-b1beff512b158033.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[75835],{29807:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/page/overview",function(){return t(66802)}])},66802:function(e,n,t){"use strict";t.r(n);var i=t(52322),r=t(22689),s=t(86095),a=t(93078),c=t(37395),o=t(99341);let l=e=>{let{type:n,fadeIn:t,children:r,className:a,describedbyid:c,id:o,key:l}=e;return(0,i.jsx)(s.wi,{type:n,fadeIn:t,className:a,describedbyid:c,id:o,slotHeader:(0,i.jsx)(s.W4,{slotBrand:(0,i.jsx)(s.mX,{title:"DBHeader",imgSrc:"https://db-ui.github.io/images/db_logo.svg",children:"DBHeader"}),slotMetaNavigation:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(s.vB,{href:"#",children:"Imprint"}),(0,i.jsx)(s.vB,{href:"#",children:"Help"})]}),slotCallToAction:(0,i.jsx)(s.Y1,{icon:"search",variant:"text",noText:!0,children:"Search"}),slotActionBar:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(s.Y1,{icon:"account",variant:"text",noText:!0,children:"Profile"}),(0,i.jsx)(s.Y1,{icon:"alert",variant:"text",noText:!0,children:"Notification"}),(0,i.jsx)(s.Y1,{icon:"help",variant:"text",noText:!0,children:"Help"})]}),children:(0,i.jsxs)(s.Cc,{children:[(0,i.jsx)(s.pK,{icon:"account",children:(0,i.jsx)("a",{href:"#",children:r})}),(0,i.jsx)(s.pK,{disabled:!0,children:(0,i.jsxs)("a",{href:"#",children:[r," disabled"]})})]})}),slotFooter:(0,i.jsx)(i.Fragment,{children:"Footer Content"}),children:"My Page Content"},l)};n.default=()=>(0,i.jsx)(o.Z,{title:"DBPage",variants:(0,c.P)(a,l,[(0,i.jsx)(r.default,{})])})}},function(e){e.O(0,[49710,14863,11803,37580,92888,49774,40179],function(){return e(e.s=29807)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[75835],{29807:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/page/overview",function(){return t(66802)}])},66802:function(e,n,t){"use strict";t.r(n);var i=t(52322),r=t(22689),s=t(53752),a=t(93078),c=t(37395),o=t(99341);let l=e=>{let{type:n,fadeIn:t,children:r,className:a,describedbyid:c,id:o,key:l}=e;return(0,i.jsx)(s.wi,{type:n,fadeIn:t,className:a,describedbyid:c,id:o,slotHeader:(0,i.jsx)(s.W4,{slotBrand:(0,i.jsx)(s.mX,{title:"DBHeader",imgSrc:"https://db-ui.github.io/images/db_logo.svg",children:"DBHeader"}),slotMetaNavigation:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(s.vB,{href:"#",children:"Imprint"}),(0,i.jsx)(s.vB,{href:"#",children:"Help"})]}),slotCallToAction:(0,i.jsx)(s.Y1,{icon:"search",variant:"text",noText:!0,children:"Search"}),slotActionBar:(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(s.Y1,{icon:"account",variant:"text",noText:!0,children:"Profile"}),(0,i.jsx)(s.Y1,{icon:"alert",variant:"text",noText:!0,children:"Notification"}),(0,i.jsx)(s.Y1,{icon:"help",variant:"text",noText:!0,children:"Help"})]}),children:(0,i.jsxs)(s.Cc,{children:[(0,i.jsx)(s.pK,{icon:"account",children:(0,i.jsx)("a",{href:"#",children:r})}),(0,i.jsx)(s.pK,{disabled:!0,children:(0,i.jsxs)("a",{href:"#",children:[r," disabled"]})})]})}),slotFooter:(0,i.jsx)(i.Fragment,{children:"Footer Content"}),children:"My Page Content"},l)};n.default=()=>(0,i.jsx)(o.Z,{title:"DBPage",variants:(0,c.P)(a,l,[(0,i.jsx)(r.default,{})])})}},function(e){e.O(0,[49710,14863,12156,37580,92888,49774,40179],function(){return e(e.s=29807)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/page/properties-75d28e4277e5640b.js b/review/main/_next/static/chunks/pages/components/page/properties-b744a0306c83a37d.js similarity index 98% rename from review/main/_next/static/chunks/pages/components/page/properties-75d28e4277e5640b.js rename to review/main/_next/static/chunks/pages/components/page/properties-b744a0306c83a37d.js index ecd9b003efb..381060a7dc1 100644 --- a/review/main/_next/static/chunks/pages/components/page/properties-75d28e4277e5640b.js +++ b/review/main/_next/static/chunks/pages/components/page/properties-b744a0306c83a37d.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[67944],{41383:function(t,e,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/page/properties",function(){return n(38580)}])},38580:function(t,e,n){"use strict";n.r(e),n.d(e,{default:function(){return l}});var r=n(52322),s=n(45392),i=n(11803);let a=t=>{let{children:e}=t;return(0,r.jsx)(i.Z,{children:e})};function d(t){let e={a:"a",code:"code",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,s.a)(),...t.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h1,{id:"dbpage",children:"DBPage"}),"\n",(0,r.jsx)(e.h2,{id:"properties",children:"Properties"}),"\n",(0,r.jsxs)(e.table,{children:[(0,r.jsx)(e.thead,{children:(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.th,{children:"Name"}),(0,r.jsx)(e.th,{children:"Description"}),(0,r.jsx)(e.th,{children:"Type"}),(0,r.jsx)(e.th,{children:"Options"})]})}),(0,r.jsxs)(e.tbody,{children:[(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:"type"}),(0,r.jsx)(e.td,{children:"No description"}),(0,r.jsx)(e.td,{children:"literal"}),(0,r.jsx)(e.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'fixedHeaderFooter'"})})})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:"slotHeader"}),(0,r.jsx)(e.td,{children:"No description"}),(0,r.jsx)(e.td,{children:"any"}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:"slotFooter"}),(0,r.jsx)(e.td,{children:"No description"}),(0,r.jsx)(e.td,{children:"any"}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:"fadeIn"}),(0,r.jsxs)(e.td,{children:["Set this to have a transition with opacity to avoid layout-shifts ",(0,r.jsx)(e.a,{href:"https://simonhearne.com/2021/layout-shifts-webfonts/",children:"https://simonhearne.com/2021/layout-shifts-webfonts/"})]}),(0,r.jsx)(e.td,{children:"boolean"}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:"children"}),(0,r.jsx)(e.td,{children:"default slot"}),(0,r.jsx)(e.td,{children:"any"}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:"className"}),(0,r.jsx)(e.td,{children:"React specific for adding className to the component."}),(0,r.jsx)(e.td,{children:"string"}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:"describedbyid"}),(0,r.jsxs)(e.td,{children:[(0,r.jsx)(e.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,r.jsx)(e.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,r.jsx)(e.td,{children:"string"}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:"id"}),(0,r.jsxs)(e.td,{children:[(0,r.jsx)(e.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,r.jsx)(e.td,{children:"string"}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:"key"}),(0,r.jsx)(e.td,{children:"React specific for render process."}),(0,r.jsx)(e.td,{children:"string"}),(0,r.jsx)(e.td,{})]})]})]})]})}function l(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(a,{...t,children:(0,r.jsx)(d,{...t})})}},16134:function(t,e,n){"use strict";var r=n(52322),s=n(2784),i=n(13776);let a=(0,s.forwardRef)(function(t,e){let n=e||(0,s.useRef)(e);return(0,r.jsx)("button",{ref:n,...(0,i.mS)(t,[]),id:t.id,className:(0,i.yI)("db-button",t.className,{"is-icon-text-replace":t.noText}),type:t.type,disabled:t.disabled,"aria-label":t.label,"data-icon":t.icon,"data-size":t.size,"data-state":t.state,"data-width":t.width,"data-variant":t.variant,name:t.name,value:t.value,"aria-describedby":t.describedbyid,"aria-expanded":t.ariaexpanded,"aria-pressed":t.ariapressed,onClick:e=>{t.onClick&&t.onClick(e)},children:t.children})});e.Z=a},63900:function(t,e,n){"use strict";var r,s,i,a,d,l,c;n.d(e,{IY:function(){return o},YP:function(){return u},ce:function(){return h}});let o="OVERWRITE_DEFAULT_ID",u="Back",h="Close Button";(d=r||(r={})).FUNCTIONAL="functional",d.REGULAR="regular",d.EXPRESSIVE="expressive",Object.entries(r).map(t=>{let[,e]=t;return e}),(s||(s={})).PRIMARY="primary",(l=i||(i={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(t=>{let[,e]=t;return e}),Object.entries(s).map(t=>{let[,e]=t;return e}),(c=a||(a={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(a).map(t=>{let[,e]=t;return e})},13776:function(t,e,n){"use strict";n.d(e,{MN:function(){return c},Vj:function(){return r},cd:function(){return l},mS:function(){return d},yI:function(){return i},yn:function(){return s}});let r=()=>{var t,e;return(null===(t=window.crypto)||void 0===t?void 0:t.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},s=(t,e)=>{Object.values(t.children).forEach(t=>{t.setAttribute(e.key,e.value),t.children.length>0&&s(t,e)})},i=function(){for(var t=arguments.length,e=Array(t),n=0;n{if(t){if("string"==typeof t)r+="".concat(t," ");else for(let e in t)t[e]&&(r+="".concat(e," "))}}),r.trim()},a=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],d=(t,e)=>Object.keys(t).filter(t=>(t.startsWith("data-")||t.startsWith("aria-")||t.startsWith("default")||t.startsWith("auto")||t.startsWith("item")||t.startsWith("on")||a.includes(t))&&!e.includes(t)).reduce((e,n)=>(e[n]=t[n],e),{}),l=t=>{let{left:e,right:n}=t.getBoundingClientRect(),{innerWidth:r}=window;return e>=0&&n<=r},c=t=>{let{top:e,bottom:n}=t.getBoundingClientRect(),{innerHeight:r}=window;return e>=0&&n<=r}}},function(t){t.O(0,[49710,11803,92888,49774,40179],function(){return t(t.s=41383)}),_N_E=t.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[67944],{41383:function(t,e,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/page/properties",function(){return n(38580)}])},38580:function(t,e,n){"use strict";n.r(e),n.d(e,{default:function(){return l}});var r=n(52322),s=n(45392),i=n(12156);let a=t=>{let{children:e}=t;return(0,r.jsx)(i.Z,{children:e})};function d(t){let e={a:"a",code:"code",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,s.a)(),...t.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h1,{id:"dbpage",children:"DBPage"}),"\n",(0,r.jsx)(e.h2,{id:"properties",children:"Properties"}),"\n",(0,r.jsxs)(e.table,{children:[(0,r.jsx)(e.thead,{children:(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.th,{children:"Name"}),(0,r.jsx)(e.th,{children:"Description"}),(0,r.jsx)(e.th,{children:"Type"}),(0,r.jsx)(e.th,{children:"Options"})]})}),(0,r.jsxs)(e.tbody,{children:[(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:"type"}),(0,r.jsx)(e.td,{children:"No description"}),(0,r.jsx)(e.td,{children:"literal"}),(0,r.jsx)(e.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'fixedHeaderFooter'"})})})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:"slotHeader"}),(0,r.jsx)(e.td,{children:"No description"}),(0,r.jsx)(e.td,{children:"any"}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:"slotFooter"}),(0,r.jsx)(e.td,{children:"No description"}),(0,r.jsx)(e.td,{children:"any"}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:"fadeIn"}),(0,r.jsxs)(e.td,{children:["Set this to have a transition with opacity to avoid layout-shifts ",(0,r.jsx)(e.a,{href:"https://simonhearne.com/2021/layout-shifts-webfonts/",children:"https://simonhearne.com/2021/layout-shifts-webfonts/"})]}),(0,r.jsx)(e.td,{children:"boolean"}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:"children"}),(0,r.jsx)(e.td,{children:"default slot"}),(0,r.jsx)(e.td,{children:"any"}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:"className"}),(0,r.jsx)(e.td,{children:"React specific for adding className to the component."}),(0,r.jsx)(e.td,{children:"string"}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:"describedbyid"}),(0,r.jsxs)(e.td,{children:[(0,r.jsx)(e.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,r.jsx)(e.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,r.jsx)(e.td,{children:"string"}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:"id"}),(0,r.jsxs)(e.td,{children:[(0,r.jsx)(e.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,r.jsx)(e.td,{children:"string"}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:"key"}),(0,r.jsx)(e.td,{children:"React specific for render process."}),(0,r.jsx)(e.td,{children:"string"}),(0,r.jsx)(e.td,{})]})]})]})]})}function l(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(a,{...t,children:(0,r.jsx)(d,{...t})})}},16134:function(t,e,n){"use strict";var r=n(52322),s=n(2784),i=n(13776);let a=(0,s.forwardRef)(function(t,e){let n=e||(0,s.useRef)(e);return(0,r.jsx)("button",{ref:n,...(0,i.mS)(t,[]),id:t.id,className:(0,i.yI)("db-button",t.className,{"is-icon-text-replace":t.noText}),type:t.type,disabled:t.disabled,"aria-label":t.label,"data-icon":t.icon,"data-size":t.size,"data-state":t.state,"data-width":t.width,"data-variant":t.variant,name:t.name,value:t.value,"aria-describedby":t.describedbyid,"aria-expanded":t.ariaexpanded,"aria-pressed":t.ariapressed,onClick:e=>{t.onClick&&t.onClick(e)},children:t.children})});e.Z=a},63900:function(t,e,n){"use strict";var r,s,i,a,d,l,c;n.d(e,{IY:function(){return o},YP:function(){return u},ce:function(){return h}});let o="OVERWRITE_DEFAULT_ID",u="Back",h="Close Button";(d=r||(r={})).FUNCTIONAL="functional",d.REGULAR="regular",d.EXPRESSIVE="expressive",Object.entries(r).map(t=>{let[,e]=t;return e}),(s||(s={})).PRIMARY="primary",(l=i||(i={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(t=>{let[,e]=t;return e}),Object.entries(s).map(t=>{let[,e]=t;return e}),(c=a||(a={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(a).map(t=>{let[,e]=t;return e})},13776:function(t,e,n){"use strict";n.d(e,{MN:function(){return c},Vj:function(){return r},cd:function(){return l},mS:function(){return d},yI:function(){return i},yn:function(){return s}});let r=()=>{var t,e;return(null===(t=window.crypto)||void 0===t?void 0:t.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},s=(t,e)=>{Object.values(t.children).forEach(t=>{t.setAttribute(e.key,e.value),t.children.length>0&&s(t,e)})},i=function(){for(var t=arguments.length,e=Array(t),n=0;n{if(t){if("string"==typeof t)r+="".concat(t," ");else for(let e in t)t[e]&&(r+="".concat(e," "))}}),r.trim()},a=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],d=(t,e)=>Object.keys(t).filter(t=>(t.startsWith("data-")||t.startsWith("aria-")||t.startsWith("default")||t.startsWith("auto")||t.startsWith("item")||t.startsWith("on")||a.includes(t))&&!e.includes(t)).reduce((e,n)=>(e[n]=t[n],e),{}),l=t=>{let{left:e,right:n}=t.getBoundingClientRect(),{innerWidth:r}=window;return e>=0&&n<=r},c=t=>{let{top:e,bottom:n}=t.getBoundingClientRect(),{innerHeight:r}=window;return e>=0&&n<=r}}},function(t){t.O(0,[49710,12156,92888,49774,40179],function(){return t(t.s=41383)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/popover-f8a3c34a99c82df7.js b/review/main/_next/static/chunks/pages/components/popover-60acea8b547bac91.js similarity index 89% rename from review/main/_next/static/chunks/pages/components/popover-f8a3c34a99c82df7.js rename to review/main/_next/static/chunks/pages/components/popover-60acea8b547bac91.js index cf2bfdfbf45..3200c7c7dfc 100644 --- a/review/main/_next/static/chunks/pages/components/popover-f8a3c34a99c82df7.js +++ b/review/main/_next/static/chunks/pages/components/popover-60acea8b547bac91.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[77380],{91002:function(e,t,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/popover",function(){return s(45907)}])},45907:function(e,t,s){"use strict";s.r(t);var n=s(52322),l=s(88777),i=s(79692),o=s(7604),r=s(28133),u=s(2226),a=s(17587),c=s(86095),d=s(99341),p=s(69780),f=s(37395);let j=e=>{let{id:t,children:s,width:l,gap:i,spacing:o,placement:r,delay:u,content:a,animation:d}=e;return(0,n.jsx)(c.Ys,{slotTrigger:(0,n.jsx)(c.Y1,{children:s}),width:l,gap:i,spacing:o,placement:r,animation:d,delay:u,id:t,children:null!=a?a:(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)("ul",{className:"popover-list",children:[(0,n.jsx)("li",{children:"Popover Custom Item 1"}),(0,n.jsx)("li",{children:"Popover Custom Item 2"})]}),(0,n.jsx)(c.Y1,{children:"Popover Custom Item 3"})]})})};t.default=()=>(0,n.jsx)(d.Z,{title:"DBPopover",variants:(0,f.P)(p,j,[(0,n.jsx)(l.default,{}),(0,n.jsx)(i.default,{}),(0,n.jsx)(o.default,{}),(0,n.jsx)(r.default,{}),(0,n.jsx)(u.default,{}),(0,n.jsx)(a.default,{})])})}},function(e){e.O(0,[49710,14863,11803,7604,2226,96029,92888,49774,40179],function(){return e(e.s=91002)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[77380],{91002:function(e,t,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/popover",function(){return s(45907)}])},45907:function(e,t,s){"use strict";s.r(t);var n=s(52322),l=s(88777),i=s(79692),o=s(7604),r=s(28133),u=s(2226),a=s(17587),c=s(53752),d=s(99341),p=s(69780),f=s(37395);let j=e=>{let{id:t,children:s,width:l,gap:i,spacing:o,placement:r,delay:u,content:a,animation:d}=e;return(0,n.jsx)(c.Ys,{slotTrigger:(0,n.jsx)(c.Y1,{children:s}),width:l,gap:i,spacing:o,placement:r,animation:d,delay:u,id:t,children:null!=a?a:(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)("ul",{className:"popover-list",children:[(0,n.jsx)("li",{children:"Popover Custom Item 1"}),(0,n.jsx)("li",{children:"Popover Custom Item 2"})]}),(0,n.jsx)(c.Y1,{children:"Popover Custom Item 3"})]})})};t.default=()=>(0,n.jsx)(d.Z,{title:"DBPopover",variants:(0,f.P)(p,j,[(0,n.jsx)(l.default,{}),(0,n.jsx)(i.default,{}),(0,n.jsx)(o.default,{}),(0,n.jsx)(r.default,{}),(0,n.jsx)(u.default,{}),(0,n.jsx)(a.default,{})])})}},function(e){e.O(0,[49710,14863,12156,7604,2226,96029,92888,49774,40179],function(){return e(e.s=91002)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/popover/how-to-use-8fd4c47c5daeef9d.js b/review/main/_next/static/chunks/pages/components/popover/how-to-use-886d766b689c303f.js similarity index 98% rename from review/main/_next/static/chunks/pages/components/popover/how-to-use-8fd4c47c5daeef9d.js rename to review/main/_next/static/chunks/pages/components/popover/how-to-use-886d766b689c303f.js index 907e601a142..fa227c3632b 100644 --- a/review/main/_next/static/chunks/pages/components/popover/how-to-use-8fd4c47c5daeef9d.js +++ b/review/main/_next/static/chunks/pages/components/popover/how-to-use-886d766b689c303f.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[21086],{467:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/popover/how-to-use",function(){return t(69040)}])},52584:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var r=t(52322),o=t(45392);function a(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,o.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"angular",children:"Angular"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"load-component",children:"Load component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-ts",children:"// app.component.ts\nimport { DBPopover } from '@db-ui/ngx-components';\n\n@Component({\n // ...\n standalone: true,\n imports: [..., DBPopover],\n // ...\n})\n"})}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:'\n\n Hover on me to open Popover \n Use any html code here like e.g. a button:\n \n\n'})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,o.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(a,{...n})}):a(n)}},20089:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var r=t(52322),o=t(45392);function a(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,o.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"html",children:"HTML"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:'\n...\n\n
    \n \n
    \n Use any html code here like e.g. a button:\n \n
    \n
    \n\n'})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,o.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(a,{...n})}):a(n)}},60380:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var r=t(52322),o=t(45392);function a(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,o.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"react",children:"React"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-tsx",children:'// App.tsx\nimport { DBPopover, DBButton } from "@db-ui/react-components";\n\nconst App = () => (\n Hover on me to open Popover    }>\n Use any html code here like e.g. a button:\n \n \n);\n\nexport default App;\n'})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,o.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(a,{...n})}):a(n)}},90798:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var r=t(52322),o=t(45392);function a(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,o.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"vue",children:"Vue"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-vue",children:'\n\n\n\n'})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,o.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(a,{...n})}):a(n)}},69040:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return p}});var r=t(52322),o=t(45392),a=t(11803),s=t(20089),i=t(52584),c=t(60380),l=t(90798);let u=n=>{let{children:e}=n;return(0,r.jsx)(a.Z,{children:e})};function d(n){let e={h1:"h1",...(0,o.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h1,{id:"how-to-use-dbpopover",children:"How to use DBPopover"}),"\n",(0,r.jsx)(s.default,{}),"\n",(0,r.jsx)(i.default,{}),"\n",(0,r.jsx)(c.default,{}),"\n",(0,r.jsx)(l.default,{})]})}function p(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(u,{...n,children:(0,r.jsx)(d,{...n})})}},16134:function(n,e,t){"use strict";var r=t(52322),o=t(2784),a=t(13776);let s=(0,o.forwardRef)(function(n,e){let t=e||(0,o.useRef)(e);return(0,r.jsx)("button",{ref:t,...(0,a.mS)(n,[]),id:n.id,className:(0,a.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:e=>{n.onClick&&n.onClick(e)},children:n.children})});e.Z=s},63900:function(n,e,t){"use strict";var r,o,a,s,i,c,l;t.d(e,{IY:function(){return u},YP:function(){return d},ce:function(){return p}});let u="OVERWRITE_DEFAULT_ID",d="Back",p="Close Button";(i=r||(r={})).FUNCTIONAL="functional",i.REGULAR="regular",i.EXPRESSIVE="expressive",Object.entries(r).map(n=>{let[,e]=n;return e}),(o||(o={})).PRIMARY="primary",(c=a||(a={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(a).map(n=>{let[,e]=n;return e}),Object.entries(o).map(n=>{let[,e]=n;return e}),(l=s||(s={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(s).map(n=>{let[,e]=n;return e})},13776:function(n,e,t){"use strict";t.d(e,{MN:function(){return l},Vj:function(){return r},cd:function(){return c},mS:function(){return i},yI:function(){return a},yn:function(){return o}});let r=()=>{var n,e;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},o=(n,e)=>{Object.values(n.children).forEach(n=>{n.setAttribute(e.key,e.value),n.children.length>0&&o(n,e)})},a=function(){for(var n=arguments.length,e=Array(n),t=0;t{if(n){if("string"==typeof n)r+="".concat(n," ");else for(let e in n)n[e]&&(r+="".concat(e," "))}}),r.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],i=(n,e)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||s.includes(n))&&!e.includes(n)).reduce((e,t)=>(e[t]=n[t],e),{}),c=n=>{let{left:e,right:t}=n.getBoundingClientRect(),{innerWidth:r}=window;return e>=0&&t<=r},l=n=>{let{top:e,bottom:t}=n.getBoundingClientRect(),{innerHeight:r}=window;return e>=0&&t<=r}}},function(n){n.O(0,[49710,11803,92888,49774,40179],function(){return n(n.s=467)}),_N_E=n.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[21086],{467:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/popover/how-to-use",function(){return t(69040)}])},52584:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var r=t(52322),o=t(45392);function a(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,o.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"angular",children:"Angular"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"load-component",children:"Load component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-ts",children:"// app.component.ts\nimport { DBPopover } from '@db-ui/ngx-components';\n\n@Component({\n // ...\n standalone: true,\n imports: [..., DBPopover],\n // ...\n})\n"})}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:'\n\n Hover on me to open Popover \n Use any html code here like e.g. a button:\n \n\n'})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,o.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(a,{...n})}):a(n)}},20089:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var r=t(52322),o=t(45392);function a(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,o.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"html",children:"HTML"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:'\n...\n\n
    \n \n
    \n Use any html code here like e.g. a button:\n \n
    \n
    \n\n'})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,o.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(a,{...n})}):a(n)}},60380:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var r=t(52322),o=t(45392);function a(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,o.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"react",children:"React"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-tsx",children:'// App.tsx\nimport { DBPopover, DBButton } from "@db-ui/react-components";\n\nconst App = () => (\n Hover on me to open Popover
    }>\n Use any html code here like e.g. a button:\n \n \n);\n\nexport default App;\n'})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,o.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(a,{...n})}):a(n)}},90798:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var r=t(52322),o=t(45392);function a(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,o.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"vue",children:"Vue"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-vue",children:'\n\n\n\n'})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,o.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(a,{...n})}):a(n)}},69040:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return p}});var r=t(52322),o=t(45392),a=t(12156),s=t(20089),i=t(52584),c=t(60380),l=t(90798);let u=n=>{let{children:e}=n;return(0,r.jsx)(a.Z,{children:e})};function d(n){let e={h1:"h1",...(0,o.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h1,{id:"how-to-use-dbpopover",children:"How to use DBPopover"}),"\n",(0,r.jsx)(s.default,{}),"\n",(0,r.jsx)(i.default,{}),"\n",(0,r.jsx)(c.default,{}),"\n",(0,r.jsx)(l.default,{})]})}function p(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(u,{...n,children:(0,r.jsx)(d,{...n})})}},16134:function(n,e,t){"use strict";var r=t(52322),o=t(2784),a=t(13776);let s=(0,o.forwardRef)(function(n,e){let t=e||(0,o.useRef)(e);return(0,r.jsx)("button",{ref:t,...(0,a.mS)(n,[]),id:n.id,className:(0,a.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:e=>{n.onClick&&n.onClick(e)},children:n.children})});e.Z=s},63900:function(n,e,t){"use strict";var r,o,a,s,i,c,l;t.d(e,{IY:function(){return u},YP:function(){return d},ce:function(){return p}});let u="OVERWRITE_DEFAULT_ID",d="Back",p="Close Button";(i=r||(r={})).FUNCTIONAL="functional",i.REGULAR="regular",i.EXPRESSIVE="expressive",Object.entries(r).map(n=>{let[,e]=n;return e}),(o||(o={})).PRIMARY="primary",(c=a||(a={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(a).map(n=>{let[,e]=n;return e}),Object.entries(o).map(n=>{let[,e]=n;return e}),(l=s||(s={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(s).map(n=>{let[,e]=n;return e})},13776:function(n,e,t){"use strict";t.d(e,{MN:function(){return l},Vj:function(){return r},cd:function(){return c},mS:function(){return i},yI:function(){return a},yn:function(){return o}});let r=()=>{var n,e;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},o=(n,e)=>{Object.values(n.children).forEach(n=>{n.setAttribute(e.key,e.value),n.children.length>0&&o(n,e)})},a=function(){for(var n=arguments.length,e=Array(n),t=0;t{if(n){if("string"==typeof n)r+="".concat(n," ");else for(let e in n)n[e]&&(r+="".concat(e," "))}}),r.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],i=(n,e)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||s.includes(n))&&!e.includes(n)).reduce((e,t)=>(e[t]=n[t],e),{}),c=n=>{let{left:e,right:t}=n.getBoundingClientRect(),{innerWidth:r}=window;return e>=0&&t<=r},l=n=>{let{top:e,bottom:t}=n.getBoundingClientRect(),{innerHeight:r}=window;return e>=0&&t<=r}}},function(n){n.O(0,[49710,12156,92888,49774,40179],function(){return n(n.s=467)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/popover/migration-9d99740717fb488c.js b/review/main/_next/static/chunks/pages/components/popover/migration-41da1275b93d9cc5.js similarity index 97% rename from review/main/_next/static/chunks/pages/components/popover/migration-9d99740717fb488c.js rename to review/main/_next/static/chunks/pages/components/popover/migration-41da1275b93d9cc5.js index 2dd2f0b7c0e..3d9f99f1d05 100644 --- a/review/main/_next/static/chunks/pages/components/popover/migration-9d99740717fb488c.js +++ b/review/main/_next/static/chunks/pages/components/popover/migration-41da1275b93d9cc5.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[39286],{74160:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/popover/migration",function(){return e(5897)}])},73241:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return s}});var r=e(52322),a=e(45392);function i(n){let t={a:"a",blockquote:"blockquote",h2:"h2",p:"p",strong:"strong",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h2,{id:"general",children:"General"}),"\n",(0,r.jsxs)(t.blockquote,{children:["\n",(0,r.jsxs)(t.p,{children:[(0,r.jsx)(t.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,r.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,r.jsx)(t.h2,{id:"db-ui-core--db-ui-components",children:"DB UI Core ➡ DB UI Components"}),"\n",(0,r.jsx)(t.p,{children:"New Component \uD83E\uDD73"})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,a.a)(),...n.components};return t?(0,r.jsx)(t,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},5897:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return c}});var r=e(52322),a=e(45392),i=e(11803),s=e(73241);let o=n=>{let{children:t}=n;return(0,r.jsx)(i.Z,{children:t})};function l(n){let t={h1:"h1",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbpopover-migration",children:"DBPopover Migration"}),"\n",(0,r.jsx)(s.default,{})]})}function c(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(o,{...n,children:(0,r.jsx)(l,{...n})})}},16134:function(n,t,e){"use strict";var r=e(52322),a=e(2784),i=e(13776);let s=(0,a.forwardRef)(function(n,t){let e=t||(0,a.useRef)(t);return(0,r.jsx)("button",{ref:e,...(0,i.mS)(n,[]),id:n.id,className:(0,i.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:t=>{n.onClick&&n.onClick(t)},children:n.children})});t.Z=s},63900:function(n,t,e){"use strict";var r,a,i,s,o,l,c;e.d(t,{IY:function(){return u},YP:function(){return d},ce:function(){return p}});let u="OVERWRITE_DEFAULT_ID",d="Back",p="Close Button";(o=r||(r={})).FUNCTIONAL="functional",o.REGULAR="regular",o.EXPRESSIVE="expressive",Object.entries(r).map(n=>{let[,t]=n;return t}),(a||(a={})).PRIMARY="primary",(l=i||(i={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(n=>{let[,t]=n;return t}),Object.entries(a).map(n=>{let[,t]=n;return t}),(c=s||(s={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(s).map(n=>{let[,t]=n;return t})},13776:function(n,t,e){"use strict";e.d(t,{MN:function(){return c},Vj:function(){return r},cd:function(){return l},mS:function(){return o},yI:function(){return i},yn:function(){return a}});let r=()=>{var n,t;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},a=(n,t)=>{Object.values(n.children).forEach(n=>{n.setAttribute(t.key,t.value),n.children.length>0&&a(n,t)})},i=function(){for(var n=arguments.length,t=Array(n),e=0;e{if(n){if("string"==typeof n)r+="".concat(n," ");else for(let t in n)n[t]&&(r+="".concat(t," "))}}),r.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],o=(n,t)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||s.includes(n))&&!t.includes(n)).reduce((t,e)=>(t[e]=n[e],t),{}),l=n=>{let{left:t,right:e}=n.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&e<=r},c=n=>{let{top:t,bottom:e}=n.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&e<=r}}},function(n){n.O(0,[49710,11803,92888,49774,40179],function(){return n(n.s=74160)}),_N_E=n.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[39286],{74160:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/popover/migration",function(){return e(5897)}])},73241:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return s}});var r=e(52322),a=e(45392);function i(n){let t={a:"a",blockquote:"blockquote",h2:"h2",p:"p",strong:"strong",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h2,{id:"general",children:"General"}),"\n",(0,r.jsxs)(t.blockquote,{children:["\n",(0,r.jsxs)(t.p,{children:[(0,r.jsx)(t.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,r.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,r.jsx)(t.h2,{id:"db-ui-core--db-ui-components",children:"DB UI Core ➡ DB UI Components"}),"\n",(0,r.jsx)(t.p,{children:"New Component \uD83E\uDD73"})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,a.a)(),...n.components};return t?(0,r.jsx)(t,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},5897:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return c}});var r=e(52322),a=e(45392),i=e(12156),s=e(73241);let o=n=>{let{children:t}=n;return(0,r.jsx)(i.Z,{children:t})};function l(n){let t={h1:"h1",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbpopover-migration",children:"DBPopover Migration"}),"\n",(0,r.jsx)(s.default,{})]})}function c(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(o,{...n,children:(0,r.jsx)(l,{...n})})}},16134:function(n,t,e){"use strict";var r=e(52322),a=e(2784),i=e(13776);let s=(0,a.forwardRef)(function(n,t){let e=t||(0,a.useRef)(t);return(0,r.jsx)("button",{ref:e,...(0,i.mS)(n,[]),id:n.id,className:(0,i.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:t=>{n.onClick&&n.onClick(t)},children:n.children})});t.Z=s},63900:function(n,t,e){"use strict";var r,a,i,s,o,l,c;e.d(t,{IY:function(){return u},YP:function(){return d},ce:function(){return p}});let u="OVERWRITE_DEFAULT_ID",d="Back",p="Close Button";(o=r||(r={})).FUNCTIONAL="functional",o.REGULAR="regular",o.EXPRESSIVE="expressive",Object.entries(r).map(n=>{let[,t]=n;return t}),(a||(a={})).PRIMARY="primary",(l=i||(i={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(n=>{let[,t]=n;return t}),Object.entries(a).map(n=>{let[,t]=n;return t}),(c=s||(s={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(s).map(n=>{let[,t]=n;return t})},13776:function(n,t,e){"use strict";e.d(t,{MN:function(){return c},Vj:function(){return r},cd:function(){return l},mS:function(){return o},yI:function(){return i},yn:function(){return a}});let r=()=>{var n,t;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},a=(n,t)=>{Object.values(n.children).forEach(n=>{n.setAttribute(t.key,t.value),n.children.length>0&&a(n,t)})},i=function(){for(var n=arguments.length,t=Array(n),e=0;e{if(n){if("string"==typeof n)r+="".concat(n," ");else for(let t in n)n[t]&&(r+="".concat(t," "))}}),r.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],o=(n,t)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||s.includes(n))&&!t.includes(n)).reduce((t,e)=>(t[e]=n[e],t),{}),l=n=>{let{left:t,right:e}=n.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&e<=r},c=n=>{let{top:t,bottom:e}=n.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&e<=r}}},function(n){n.O(0,[49710,12156,92888,49774,40179],function(){return n(n.s=74160)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/popover/overview-05208ca5f065f559.js b/review/main/_next/static/chunks/pages/components/popover/overview-8e58ee63db29d36d.js similarity index 83% rename from review/main/_next/static/chunks/pages/components/popover/overview-05208ca5f065f559.js rename to review/main/_next/static/chunks/pages/components/popover/overview-8e58ee63db29d36d.js index 7c5ad628384..799580e0488 100644 --- a/review/main/_next/static/chunks/pages/components/popover/overview-05208ca5f065f559.js +++ b/review/main/_next/static/chunks/pages/components/popover/overview-8e58ee63db29d36d.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[27589],{64148:function(e,t,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/popover/overview",function(){return s(20020)}])},20020:function(e,t,s){"use strict";s.r(t);var n=s(52322),l=s(88777),i=s(79692),o=s(7604),r=s(28133),u=s(2226),a=s(17587),c=s(86095),d=s(99341),p=s(69780),f=s(37395);let j=e=>{let{id:t,children:s,width:l,gap:i,spacing:o,placement:r,delay:u,content:a,animation:d}=e;return(0,n.jsx)(c.Ys,{slotTrigger:(0,n.jsx)(c.Y1,{children:s}),width:l,gap:i,spacing:o,placement:r,animation:d,delay:u,id:t,children:null!=a?a:(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)("ul",{className:"popover-list",children:[(0,n.jsx)("li",{children:"Popover Custom Item 1"}),(0,n.jsx)("li",{children:"Popover Custom Item 2"})]}),(0,n.jsx)(c.Y1,{children:"Popover Custom Item 3"})]})})};t.default=()=>(0,n.jsx)(d.Z,{title:"DBPopover",variants:(0,f.P)(p,j,[(0,n.jsx)(l.default,{}),(0,n.jsx)(i.default,{}),(0,n.jsx)(o.default,{}),(0,n.jsx)(r.default,{}),(0,n.jsx)(u.default,{}),(0,n.jsx)(a.default,{})])})}},function(e){e.O(0,[49710,14863,11803,7604,2226,96029,92888,49774,40179],function(){return e(e.s=64148)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[27589],{64148:function(e,t,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/popover/overview",function(){return s(20020)}])},20020:function(e,t,s){"use strict";s.r(t);var n=s(52322),l=s(88777),i=s(79692),o=s(7604),r=s(28133),u=s(2226),a=s(17587),c=s(53752),d=s(99341),p=s(69780),f=s(37395);let j=e=>{let{id:t,children:s,width:l,gap:i,spacing:o,placement:r,delay:u,content:a,animation:d}=e;return(0,n.jsx)(c.Ys,{slotTrigger:(0,n.jsx)(c.Y1,{children:s}),width:l,gap:i,spacing:o,placement:r,animation:d,delay:u,id:t,children:null!=a?a:(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)("ul",{className:"popover-list",children:[(0,n.jsx)("li",{children:"Popover Custom Item 1"}),(0,n.jsx)("li",{children:"Popover Custom Item 2"})]}),(0,n.jsx)(c.Y1,{children:"Popover Custom Item 3"})]})})};t.default=()=>(0,n.jsx)(d.Z,{title:"DBPopover",variants:(0,f.P)(p,j,[(0,n.jsx)(l.default,{}),(0,n.jsx)(i.default,{}),(0,n.jsx)(o.default,{}),(0,n.jsx)(r.default,{}),(0,n.jsx)(u.default,{}),(0,n.jsx)(a.default,{})])})}},function(e){e.O(0,[49710,14863,12156,7604,2226,96029,92888,49774,40179],function(){return e(e.s=64148)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/popover/properties-e878b3edd36d4c63.js b/review/main/_next/static/chunks/pages/components/popover/properties-5604bd1f25d289d5.js similarity index 98% rename from review/main/_next/static/chunks/pages/components/popover/properties-e878b3edd36d4c63.js rename to review/main/_next/static/chunks/pages/components/popover/properties-5604bd1f25d289d5.js index 28a8960b135..380b427ecca 100644 --- a/review/main/_next/static/chunks/pages/components/popover/properties-e878b3edd36d4c63.js +++ b/review/main/_next/static/chunks/pages/components/popover/properties-5604bd1f25d289d5.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[69026],{62025:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/popover/properties",function(){return n(8344)}])},8344:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return l}});var r=n(52322),s=n(45392),i=n(11803);let d=e=>{let{children:t}=e;return(0,r.jsx)(i.Z,{children:t})};function a(e){let t={a:"a",code:"code",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,s.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbpopover",children:"DBPopover"}),"\n",(0,r.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Name"}),(0,r.jsx)(t.th,{children:"Description"}),(0,r.jsx)(t.th,{children:"Type"}),(0,r.jsx)(t.th,{children:"Options"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"open"}),(0,r.jsx)(t.td,{children:"Use open to disable the default hover/focus behaviour to use it on click or other trigger."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"slotTrigger"}),(0,r.jsx)(t.td,{children:"The trigger to open the popover e.g. a button"}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"children"}),(0,r.jsx)(t.td,{children:"default slot"}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"className"}),(0,r.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"describedbyid"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,r.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"id"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"key"}),(0,r.jsx)(t.td,{children:"React specific for render process."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"spacing"}),(0,r.jsx)(t.td,{children:"The spacing attribute changes the padding of the card."}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'none' | 'medium' | 'small'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"placement"}),(0,r.jsxs)(t.td,{children:["The ",(0,r.jsx)(t.code,{children:"placement"})," attributes values change the position to absolute and adds a transform based on the placement."]}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'left' | 'right' | 'top' | 'bottom' | 'left-start' | 'left-end' | 'right-start' | 'right-end' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"gap"}),(0,r.jsx)(t.td,{children:"If the absolute element should have a gap between the parent element."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"delay"}),(0,r.jsx)(t.td,{children:"Add a delay before showing the tooltip"}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'none' | 'slow' | 'fast'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"animation"}),(0,r.jsx)(t.td,{children:"Disable animation"}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'enabled' | 'disabled'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"width"}),(0,r.jsx)(t.td,{children:"Use fixed with for default max-width"}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'auto' | 'fixed'"})})})]})]})]})]})}function l(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(d,{...e,children:(0,r.jsx)(a,{...e})})}},16134:function(e,t,n){"use strict";var r=n(52322),s=n(2784),i=n(13776);let d=(0,s.forwardRef)(function(e,t){let n=t||(0,s.useRef)(t);return(0,r.jsx)("button",{ref:n,...(0,i.mS)(e,[]),id:e.id,className:(0,i.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=d},63900:function(e,t,n){"use strict";var r,s,i,d,a,l,c;n.d(t,{IY:function(){return o},YP:function(){return h},ce:function(){return u}});let o="OVERWRITE_DEFAULT_ID",h="Back",u="Close Button";(a=r||(r={})).FUNCTIONAL="functional",a.REGULAR="regular",a.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,t]=e;return t}),(s||(s={})).PRIMARY="primary",(l=i||(i={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(e=>{let[,t]=e;return t}),Object.entries(s).map(e=>{let[,t]=e;return t}),(c=d||(d={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(d).map(e=>{let[,t]=e;return t})},13776:function(e,t,n){"use strict";n.d(t,{MN:function(){return c},Vj:function(){return r},cd:function(){return l},mS:function(){return a},yI:function(){return i},yn:function(){return s}});let r=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},s=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&s(e,t)})},i=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let t in e)e[t]&&(r+="".concat(t," "))}}),r.trim()},d=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],a=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||d.includes(e))&&!t.includes(e)).reduce((t,n)=>(t[n]=e[n],t),{}),l=e=>{let{left:t,right:n}=e.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&n<=r},c=e=>{let{top:t,bottom:n}=e.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&n<=r}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=62025)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[69026],{62025:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/popover/properties",function(){return n(8344)}])},8344:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return l}});var r=n(52322),s=n(45392),i=n(12156);let d=e=>{let{children:t}=e;return(0,r.jsx)(i.Z,{children:t})};function a(e){let t={a:"a",code:"code",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,s.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbpopover",children:"DBPopover"}),"\n",(0,r.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Name"}),(0,r.jsx)(t.th,{children:"Description"}),(0,r.jsx)(t.th,{children:"Type"}),(0,r.jsx)(t.th,{children:"Options"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"open"}),(0,r.jsx)(t.td,{children:"Use open to disable the default hover/focus behaviour to use it on click or other trigger."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"slotTrigger"}),(0,r.jsx)(t.td,{children:"The trigger to open the popover e.g. a button"}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"children"}),(0,r.jsx)(t.td,{children:"default slot"}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"className"}),(0,r.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"describedbyid"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,r.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"id"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"key"}),(0,r.jsx)(t.td,{children:"React specific for render process."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"spacing"}),(0,r.jsx)(t.td,{children:"The spacing attribute changes the padding of the card."}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'none' | 'medium' | 'small'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"placement"}),(0,r.jsxs)(t.td,{children:["The ",(0,r.jsx)(t.code,{children:"placement"})," attributes values change the position to absolute and adds a transform based on the placement."]}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'left' | 'right' | 'top' | 'bottom' | 'left-start' | 'left-end' | 'right-start' | 'right-end' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"gap"}),(0,r.jsx)(t.td,{children:"If the absolute element should have a gap between the parent element."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"delay"}),(0,r.jsx)(t.td,{children:"Add a delay before showing the tooltip"}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'none' | 'slow' | 'fast'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"animation"}),(0,r.jsx)(t.td,{children:"Disable animation"}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'enabled' | 'disabled'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"width"}),(0,r.jsx)(t.td,{children:"Use fixed with for default max-width"}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'auto' | 'fixed'"})})})]})]})]})]})}function l(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(d,{...e,children:(0,r.jsx)(a,{...e})})}},16134:function(e,t,n){"use strict";var r=n(52322),s=n(2784),i=n(13776);let d=(0,s.forwardRef)(function(e,t){let n=t||(0,s.useRef)(t);return(0,r.jsx)("button",{ref:n,...(0,i.mS)(e,[]),id:e.id,className:(0,i.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=d},63900:function(e,t,n){"use strict";var r,s,i,d,a,l,c;n.d(t,{IY:function(){return o},YP:function(){return h},ce:function(){return u}});let o="OVERWRITE_DEFAULT_ID",h="Back",u="Close Button";(a=r||(r={})).FUNCTIONAL="functional",a.REGULAR="regular",a.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,t]=e;return t}),(s||(s={})).PRIMARY="primary",(l=i||(i={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(e=>{let[,t]=e;return t}),Object.entries(s).map(e=>{let[,t]=e;return t}),(c=d||(d={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(d).map(e=>{let[,t]=e;return t})},13776:function(e,t,n){"use strict";n.d(t,{MN:function(){return c},Vj:function(){return r},cd:function(){return l},mS:function(){return a},yI:function(){return i},yn:function(){return s}});let r=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},s=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&s(e,t)})},i=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let t in e)e[t]&&(r+="".concat(t," "))}}),r.trim()},d=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],a=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||d.includes(e))&&!t.includes(e)).reduce((t,n)=>(t[n]=e[n],t),{}),l=e=>{let{left:t,right:n}=e.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&n<=r},c=e=>{let{top:t,bottom:n}=e.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&n<=r}}},function(e){e.O(0,[49710,12156,92888,49774,40179],function(){return e(e.s=62025)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/radio-693deb77ac0f7e36.js b/review/main/_next/static/chunks/pages/components/radio-caeed1da8162f017.js similarity index 86% rename from review/main/_next/static/chunks/pages/components/radio-693deb77ac0f7e36.js rename to review/main/_next/static/chunks/pages/components/radio-caeed1da8162f017.js index 41685563f40..66495c79687 100644 --- a/review/main/_next/static/chunks/pages/components/radio-693deb77ac0f7e36.js +++ b/review/main/_next/static/chunks/pages/components/radio-caeed1da8162f017.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[16565],{43754:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/radio",function(){return t(53289)}])},53289:function(e,n,t){"use strict";t.r(n);var a=t(52322),u=t(79174),l=t(1914),i=t(81581),s=t(26328),d=t(25619),f=t(34644),r=t(86095),_=t(99341),c=t(37395),o=t(81566);let j=e=>{let{label:n,size:t,name:u,checked:l,invalid:i,required:s,children:d,disabled:f,value:_,labelVariant:c}=e;return(0,a.jsx)(r.an,{label:n,size:t,name:u,defaultChecked:l,invalid:i,required:s,disabled:f,labelVariant:c,value:_,children:d})};n.default=()=>(0,a.jsx)(_.Z,{title:"DBRadio",variants:(0,c.P)(o,j,[(0,a.jsx)(u.default,{}),(0,a.jsx)(l.default,{}),(0,a.jsx)(i.default,{}),(0,a.jsx)(s.default,{}),(0,a.jsx)(d.default,{}),(0,a.jsx)(f.default,{})])})}},function(e){e.O(0,[49710,14863,11803,81581,41957,92888,49774,40179],function(){return e(e.s=43754)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[16565],{43754:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/radio",function(){return t(53289)}])},53289:function(e,n,t){"use strict";t.r(n);var a=t(52322),u=t(79174),l=t(1914),i=t(81581),s=t(26328),d=t(25619),f=t(34644),r=t(53752),_=t(99341),c=t(37395),o=t(81566);let j=e=>{let{label:n,size:t,name:u,checked:l,invalid:i,required:s,children:d,disabled:f,value:_,labelVariant:c}=e;return(0,a.jsx)(r.an,{label:n,size:t,name:u,defaultChecked:l,invalid:i,required:s,disabled:f,labelVariant:c,value:_,children:d})};n.default=()=>(0,a.jsx)(_.Z,{title:"DBRadio",variants:(0,c.P)(o,j,[(0,a.jsx)(u.default,{}),(0,a.jsx)(l.default,{}),(0,a.jsx)(i.default,{}),(0,a.jsx)(s.default,{}),(0,a.jsx)(d.default,{}),(0,a.jsx)(f.default,{})])})}},function(e){e.O(0,[49710,14863,12156,81581,41957,92888,49774,40179],function(){return e(e.s=43754)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/radio/how-to-use-f2f7c0aeb168a237.js b/review/main/_next/static/chunks/pages/components/radio/how-to-use-073b1c347bdf3faf.js similarity index 98% rename from review/main/_next/static/chunks/pages/components/radio/how-to-use-f2f7c0aeb168a237.js rename to review/main/_next/static/chunks/pages/components/radio/how-to-use-073b1c347bdf3faf.js index 64384129b06..84cef9ffafe 100644 --- a/review/main/_next/static/chunks/pages/components/radio/how-to-use-f2f7c0aeb168a237.js +++ b/review/main/_next/static/chunks/pages/components/radio/how-to-use-073b1c347bdf3faf.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[42772],{47304:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/radio/how-to-use",function(){return t(92473)}])},72111:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return i}});var r=t(52322),a=t(45392);function o(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"angular",children:"Angular"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"load-component",children:"Load component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-ts",children:"// app.component.ts\nimport { DBRadio } from '@db-ui/ngx-components';\n\n@Component({\n // ...\n standalone: true,\n imports: [..., DBRadio],\n // ...\n})\n"})}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:'\n
      \n @for (radioName of radioNames; track radioName) {\n
    • \n \n
      • \n }\n
    \n'})}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-ts",children:'// app.component.ts\nimport { Component } from "@angular/core";\n\n@Component({\n selector: "app-app",\n templateUrl: "./app.component.html"\n})\nexport class AppComponent {\n radioNames = ["X", "Y", "Z"];\n radio = "";\n}\n'})}),"\n",(0,r.jsx)(e.h2,{id:"how-to-use-with-template-driven-forms",children:"How to use with Template Driven Forms"}),"\n",(0,r.jsxs)(e.p,{children:["Third party controls require a ",(0,r.jsx)(e.code,{children:"ControlValueAccessor"})," to function with angular forms. Adding an ",(0,r.jsx)(e.code,{children:"ngDefaultControl"})," attribute will allow them to use that directive.\n",(0,r.jsx)(e.a,{href:"https://stackoverflow.com/a/46465959",children:"Further information"})]}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-ts",children:"//app.component.ts\nimport { FormsModule } from '@angular/forms';\n\n@Component({\n // ...\n imports: [\n // ...,\n FormsModule\n ],\n // ...\n})\n"})}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:'\n
    \n Label\n Get radio value\n\n\n

    Output

    \n
    \n
    radio\'s value
    \n
    {{ radio ? radio : "No radio set" }}
    \n
    \n'})}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-ts",children:'// form.component.ts\nexport class FormComponent {\n radio = "";\n showValues(): void {\n alert(JSON.stringify({ radio: this.radio }));\n }\n}\n'})}),"\n",(0,r.jsx)(e.h2,{id:"how-to-use-with-reactive-forms",children:"How to use with Reactive Forms"}),"\n",(0,r.jsx)(e.p,{children:"coming soon … if your interested in contributing, you're very welcome ;)"})]})}function i(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(o,{...n})}):o(n)}},3591:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return i}});var r=t(52322),a=t(45392);function o(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"html",children:"HTML"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:'\n...\n\n \n \n\n'})})]})}function i(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(o,{...n})}):o(n)}},19126:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return i}});var r=t(52322),a=t(45392);function o(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"react",children:"React"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-tsx",children:'// App.tsx\nimport { useState } from "react";\nimport { DBRadio } from "@db-ui/react-components";\n\nconst App = () => (\n
      \n {["X", "Y", "Z"].map((radioName) => (\n
    • \n {\n setRadio(radioName);\n }}\n >\n Radio {radioName}\n \n
      • \n ))}\n
    \n);\n\nexport default App;\n'})})]})}function i(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(o,{...n})}):o(n)}},19711:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return i}});var r=t(52322),a=t(45392);function o(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"vue",children:"Vue"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-vue",children:'\n\n\n\n'})})]})}function i(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(o,{...n})}):o(n)}},92473:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return p}});var r=t(52322),a=t(45392),o=t(11803),i=t(3591),s=t(72111),l=t(19126),c=t(19711);let d=n=>{let{children:e}=n;return(0,r.jsx)(o.Z,{children:e})};function u(n){let e={h1:"h1",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h1,{id:"how-to-use-dbradio",children:"How to use DBRadio"}),"\n",(0,r.jsx)(i.default,{}),"\n",(0,r.jsx)(s.default,{}),"\n",(0,r.jsx)(l.default,{}),"\n",(0,r.jsx)(c.default,{})]})}function p(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(d,{...n,children:(0,r.jsx)(u,{...n})})}},16134:function(n,e,t){"use strict";var r=t(52322),a=t(2784),o=t(13776);let i=(0,a.forwardRef)(function(n,e){let t=e||(0,a.useRef)(e);return(0,r.jsx)("button",{ref:t,...(0,o.mS)(n,[]),id:n.id,className:(0,o.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:e=>{n.onClick&&n.onClick(e)},children:n.children})});e.Z=i},63900:function(n,e,t){"use strict";var r,a,o,i,s,l,c;t.d(e,{IY:function(){return d},YP:function(){return u},ce:function(){return p}});let d="OVERWRITE_DEFAULT_ID",u="Back",p="Close Button";(s=r||(r={})).FUNCTIONAL="functional",s.REGULAR="regular",s.EXPRESSIVE="expressive",Object.entries(r).map(n=>{let[,e]=n;return e}),(a||(a={})).PRIMARY="primary",(l=o||(o={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(o).map(n=>{let[,e]=n;return e}),Object.entries(a).map(n=>{let[,e]=n;return e}),(c=i||(i={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(i).map(n=>{let[,e]=n;return e})},13776:function(n,e,t){"use strict";t.d(e,{MN:function(){return c},Vj:function(){return r},cd:function(){return l},mS:function(){return s},yI:function(){return o},yn:function(){return a}});let r=()=>{var n,e;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},a=(n,e)=>{Object.values(n.children).forEach(n=>{n.setAttribute(e.key,e.value),n.children.length>0&&a(n,e)})},o=function(){for(var n=arguments.length,e=Array(n),t=0;t{if(n){if("string"==typeof n)r+="".concat(n," ");else for(let e in n)n[e]&&(r+="".concat(e," "))}}),r.trim()},i=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],s=(n,e)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||i.includes(n))&&!e.includes(n)).reduce((e,t)=>(e[t]=n[t],e),{}),l=n=>{let{left:e,right:t}=n.getBoundingClientRect(),{innerWidth:r}=window;return e>=0&&t<=r},c=n=>{let{top:e,bottom:t}=n.getBoundingClientRect(),{innerHeight:r}=window;return e>=0&&t<=r}}},function(n){n.O(0,[49710,11803,92888,49774,40179],function(){return n(n.s=47304)}),_N_E=n.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[42772],{47304:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/radio/how-to-use",function(){return t(92473)}])},72111:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return i}});var r=t(52322),a=t(45392);function o(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"angular",children:"Angular"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"load-component",children:"Load component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-ts",children:"// app.component.ts\nimport { DBRadio } from '@db-ui/ngx-components';\n\n@Component({\n // ...\n standalone: true,\n imports: [..., DBRadio],\n // ...\n})\n"})}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:'\n
      \n @for (radioName of radioNames; track radioName) {\n
    • \n \n
      • \n }\n
    \n'})}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-ts",children:'// app.component.ts\nimport { Component } from "@angular/core";\n\n@Component({\n selector: "app-app",\n templateUrl: "./app.component.html"\n})\nexport class AppComponent {\n radioNames = ["X", "Y", "Z"];\n radio = "";\n}\n'})}),"\n",(0,r.jsx)(e.h2,{id:"how-to-use-with-template-driven-forms",children:"How to use with Template Driven Forms"}),"\n",(0,r.jsxs)(e.p,{children:["Third party controls require a ",(0,r.jsx)(e.code,{children:"ControlValueAccessor"})," to function with angular forms. Adding an ",(0,r.jsx)(e.code,{children:"ngDefaultControl"})," attribute will allow them to use that directive.\n",(0,r.jsx)(e.a,{href:"https://stackoverflow.com/a/46465959",children:"Further information"})]}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-ts",children:"//app.component.ts\nimport { FormsModule } from '@angular/forms';\n\n@Component({\n // ...\n imports: [\n // ...,\n FormsModule\n ],\n // ...\n})\n"})}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:'\n
    \n Label\n Get radio value\n\n\n

    Output

    \n
    \n
    radio\'s value
    \n
    {{ radio ? radio : "No radio set" }}
    \n
    \n'})}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-ts",children:'// form.component.ts\nexport class FormComponent {\n radio = "";\n showValues(): void {\n alert(JSON.stringify({ radio: this.radio }));\n }\n}\n'})}),"\n",(0,r.jsx)(e.h2,{id:"how-to-use-with-reactive-forms",children:"How to use with Reactive Forms"}),"\n",(0,r.jsx)(e.p,{children:"coming soon … if your interested in contributing, you're very welcome ;)"})]})}function i(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(o,{...n})}):o(n)}},3591:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return i}});var r=t(52322),a=t(45392);function o(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"html",children:"HTML"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:'\n...\n\n \n \n\n'})})]})}function i(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(o,{...n})}):o(n)}},19126:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return i}});var r=t(52322),a=t(45392);function o(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"react",children:"React"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-tsx",children:'// App.tsx\nimport { useState } from "react";\nimport { DBRadio } from "@db-ui/react-components";\n\nconst App = () => (\n
      \n {["X", "Y", "Z"].map((radioName) => (\n
    • \n {\n setRadio(radioName);\n }}\n >\n Radio {radioName}\n \n
      • \n ))}\n
    \n);\n\nexport default App;\n'})})]})}function i(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(o,{...n})}):o(n)}},19711:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return i}});var r=t(52322),a=t(45392);function o(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"vue",children:"Vue"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-vue",children:'\n\n\n\n'})})]})}function i(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(o,{...n})}):o(n)}},92473:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return p}});var r=t(52322),a=t(45392),o=t(12156),i=t(3591),s=t(72111),l=t(19126),c=t(19711);let d=n=>{let{children:e}=n;return(0,r.jsx)(o.Z,{children:e})};function u(n){let e={h1:"h1",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h1,{id:"how-to-use-dbradio",children:"How to use DBRadio"}),"\n",(0,r.jsx)(i.default,{}),"\n",(0,r.jsx)(s.default,{}),"\n",(0,r.jsx)(l.default,{}),"\n",(0,r.jsx)(c.default,{})]})}function p(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(d,{...n,children:(0,r.jsx)(u,{...n})})}},16134:function(n,e,t){"use strict";var r=t(52322),a=t(2784),o=t(13776);let i=(0,a.forwardRef)(function(n,e){let t=e||(0,a.useRef)(e);return(0,r.jsx)("button",{ref:t,...(0,o.mS)(n,[]),id:n.id,className:(0,o.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:e=>{n.onClick&&n.onClick(e)},children:n.children})});e.Z=i},63900:function(n,e,t){"use strict";var r,a,o,i,s,l,c;t.d(e,{IY:function(){return d},YP:function(){return u},ce:function(){return p}});let d="OVERWRITE_DEFAULT_ID",u="Back",p="Close Button";(s=r||(r={})).FUNCTIONAL="functional",s.REGULAR="regular",s.EXPRESSIVE="expressive",Object.entries(r).map(n=>{let[,e]=n;return e}),(a||(a={})).PRIMARY="primary",(l=o||(o={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(o).map(n=>{let[,e]=n;return e}),Object.entries(a).map(n=>{let[,e]=n;return e}),(c=i||(i={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(i).map(n=>{let[,e]=n;return e})},13776:function(n,e,t){"use strict";t.d(e,{MN:function(){return c},Vj:function(){return r},cd:function(){return l},mS:function(){return s},yI:function(){return o},yn:function(){return a}});let r=()=>{var n,e;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},a=(n,e)=>{Object.values(n.children).forEach(n=>{n.setAttribute(e.key,e.value),n.children.length>0&&a(n,e)})},o=function(){for(var n=arguments.length,e=Array(n),t=0;t{if(n){if("string"==typeof n)r+="".concat(n," ");else for(let e in n)n[e]&&(r+="".concat(e," "))}}),r.trim()},i=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],s=(n,e)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||i.includes(n))&&!e.includes(n)).reduce((e,t)=>(e[t]=n[t],e),{}),l=n=>{let{left:e,right:t}=n.getBoundingClientRect(),{innerWidth:r}=window;return e>=0&&t<=r},c=n=>{let{top:e,bottom:t}=n.getBoundingClientRect(),{innerHeight:r}=window;return e>=0&&t<=r}}},function(n){n.O(0,[49710,12156,92888,49774,40179],function(){return n(n.s=47304)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/radio/migration-e082102845e0ae56.js b/review/main/_next/static/chunks/pages/components/radio/migration-3ec3370e9a5f1df7.js similarity index 98% rename from review/main/_next/static/chunks/pages/components/radio/migration-e082102845e0ae56.js rename to review/main/_next/static/chunks/pages/components/radio/migration-3ec3370e9a5f1df7.js index ef2dc1dee88..cb7dd4e8957 100644 --- a/review/main/_next/static/chunks/pages/components/radio/migration-e082102845e0ae56.js +++ b/review/main/_next/static/chunks/pages/components/radio/migration-3ec3370e9a5f1df7.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[75251],{58670:function(t,e,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/radio/migration",function(){return n(84601)}])},88868:function(t,e,n){"use strict";n.r(e),n.d(e,{default:function(){return a}});var r=n(52322),i=n(45392);function s(t){let e={a:"a",blockquote:"blockquote",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...t.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"general",children:"General"}),"\n",(0,r.jsxs)(e.blockquote,{children:["\n",(0,r.jsxs)(e.p,{children:[(0,r.jsx)(e.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,r.jsx)(e.h2,{id:"db-ui-core--db-ui-components",children:"DB UI Core ➡ DB UI Components"}),"\n",(0,r.jsx)(e.h3,{id:"class",children:"class"}),"\n",(0,r.jsxs)(e.table,{children:[(0,r.jsx)(e.thead,{children:(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.th,{children:"Before"}),(0,r.jsx)(e.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(e.th,{children:"After"}),(0,r.jsx)(e.th,{children:"Description"})]})}),(0,r.jsx)(e.tbody,{children:(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"elm-radio"})}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"db-radio"})}),(0,r.jsx)(e.td,{})]})})]}),"\n",(0,r.jsx)(e.h3,{id:"id",children:"id"}),"\n",(0,r.jsxs)(e.table,{children:[(0,r.jsx)(e.thead,{children:(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.th,{children:"Before"}),(0,r.jsx)(e.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(e.th,{children:"After"}),(0,r.jsx)(e.th,{children:"Description"})]})}),(0,r.jsx)(e.tbody,{children:(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"input_id"})}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"id"})}),(0,r.jsx)(e.td,{})]})})]})]})}function a(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,i.a)(),...t.components};return e?(0,r.jsx)(e,{...t,children:(0,r.jsx)(s,{...t})}):s(t)}},84601:function(t,e,n){"use strict";n.r(e),n.d(e,{default:function(){return d}});var r=n(52322),i=n(45392),s=n(11803),a=n(88868);let l=t=>{let{children:e}=t;return(0,r.jsx)(s.Z,{children:e})};function c(t){let e={h1:"h1",...(0,i.a)(),...t.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h1,{id:"dbradio-migration",children:"DBRadio Migration"}),"\n",(0,r.jsx)(a.default,{})]})}function d(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(l,{...t,children:(0,r.jsx)(c,{...t})})}},16134:function(t,e,n){"use strict";var r=n(52322),i=n(2784),s=n(13776);let a=(0,i.forwardRef)(function(t,e){let n=e||(0,i.useRef)(e);return(0,r.jsx)("button",{ref:n,...(0,s.mS)(t,[]),id:t.id,className:(0,s.yI)("db-button",t.className,{"is-icon-text-replace":t.noText}),type:t.type,disabled:t.disabled,"aria-label":t.label,"data-icon":t.icon,"data-size":t.size,"data-state":t.state,"data-width":t.width,"data-variant":t.variant,name:t.name,value:t.value,"aria-describedby":t.describedbyid,"aria-expanded":t.ariaexpanded,"aria-pressed":t.ariapressed,onClick:e=>{t.onClick&&t.onClick(e)},children:t.children})});e.Z=a},63900:function(t,e,n){"use strict";var r,i,s,a,l,c,d;n.d(e,{IY:function(){return o},YP:function(){return u},ce:function(){return h}});let o="OVERWRITE_DEFAULT_ID",u="Back",h="Close Button";(l=r||(r={})).FUNCTIONAL="functional",l.REGULAR="regular",l.EXPRESSIVE="expressive",Object.entries(r).map(t=>{let[,e]=t;return e}),(i||(i={})).PRIMARY="primary",(c=s||(s={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(t=>{let[,e]=t;return e}),Object.entries(i).map(t=>{let[,e]=t;return e}),(d=a||(a={})).CRITICAL="critical",d.INFORMATIONAL="informational",d.WARNING="warning",d.SUCCESSFUL="successful",Object.entries(a).map(t=>{let[,e]=t;return e})},13776:function(t,e,n){"use strict";n.d(e,{MN:function(){return d},Vj:function(){return r},cd:function(){return c},mS:function(){return l},yI:function(){return s},yn:function(){return i}});let r=()=>{var t,e;return(null===(t=window.crypto)||void 0===t?void 0:t.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(t,e)=>{Object.values(t.children).forEach(t=>{t.setAttribute(e.key,e.value),t.children.length>0&&i(t,e)})},s=function(){for(var t=arguments.length,e=Array(t),n=0;n{if(t){if("string"==typeof t)r+="".concat(t," ");else for(let e in t)t[e]&&(r+="".concat(e," "))}}),r.trim()},a=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],l=(t,e)=>Object.keys(t).filter(t=>(t.startsWith("data-")||t.startsWith("aria-")||t.startsWith("default")||t.startsWith("auto")||t.startsWith("item")||t.startsWith("on")||a.includes(t))&&!e.includes(t)).reduce((e,n)=>(e[n]=t[n],e),{}),c=t=>{let{left:e,right:n}=t.getBoundingClientRect(),{innerWidth:r}=window;return e>=0&&n<=r},d=t=>{let{top:e,bottom:n}=t.getBoundingClientRect(),{innerHeight:r}=window;return e>=0&&n<=r}}},function(t){t.O(0,[49710,11803,92888,49774,40179],function(){return t(t.s=58670)}),_N_E=t.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[75251],{58670:function(t,e,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/radio/migration",function(){return n(84601)}])},88868:function(t,e,n){"use strict";n.r(e),n.d(e,{default:function(){return a}});var r=n(52322),i=n(45392);function s(t){let e={a:"a",blockquote:"blockquote",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...t.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"general",children:"General"}),"\n",(0,r.jsxs)(e.blockquote,{children:["\n",(0,r.jsxs)(e.p,{children:[(0,r.jsx)(e.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,r.jsx)(e.h2,{id:"db-ui-core--db-ui-components",children:"DB UI Core ➡ DB UI Components"}),"\n",(0,r.jsx)(e.h3,{id:"class",children:"class"}),"\n",(0,r.jsxs)(e.table,{children:[(0,r.jsx)(e.thead,{children:(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.th,{children:"Before"}),(0,r.jsx)(e.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(e.th,{children:"After"}),(0,r.jsx)(e.th,{children:"Description"})]})}),(0,r.jsx)(e.tbody,{children:(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"elm-radio"})}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"db-radio"})}),(0,r.jsx)(e.td,{})]})})]}),"\n",(0,r.jsx)(e.h3,{id:"id",children:"id"}),"\n",(0,r.jsxs)(e.table,{children:[(0,r.jsx)(e.thead,{children:(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.th,{children:"Before"}),(0,r.jsx)(e.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(e.th,{children:"After"}),(0,r.jsx)(e.th,{children:"Description"})]})}),(0,r.jsx)(e.tbody,{children:(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"input_id"})}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"id"})}),(0,r.jsx)(e.td,{})]})})]})]})}function a(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,i.a)(),...t.components};return e?(0,r.jsx)(e,{...t,children:(0,r.jsx)(s,{...t})}):s(t)}},84601:function(t,e,n){"use strict";n.r(e),n.d(e,{default:function(){return d}});var r=n(52322),i=n(45392),s=n(12156),a=n(88868);let l=t=>{let{children:e}=t;return(0,r.jsx)(s.Z,{children:e})};function c(t){let e={h1:"h1",...(0,i.a)(),...t.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h1,{id:"dbradio-migration",children:"DBRadio Migration"}),"\n",(0,r.jsx)(a.default,{})]})}function d(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(l,{...t,children:(0,r.jsx)(c,{...t})})}},16134:function(t,e,n){"use strict";var r=n(52322),i=n(2784),s=n(13776);let a=(0,i.forwardRef)(function(t,e){let n=e||(0,i.useRef)(e);return(0,r.jsx)("button",{ref:n,...(0,s.mS)(t,[]),id:t.id,className:(0,s.yI)("db-button",t.className,{"is-icon-text-replace":t.noText}),type:t.type,disabled:t.disabled,"aria-label":t.label,"data-icon":t.icon,"data-size":t.size,"data-state":t.state,"data-width":t.width,"data-variant":t.variant,name:t.name,value:t.value,"aria-describedby":t.describedbyid,"aria-expanded":t.ariaexpanded,"aria-pressed":t.ariapressed,onClick:e=>{t.onClick&&t.onClick(e)},children:t.children})});e.Z=a},63900:function(t,e,n){"use strict";var r,i,s,a,l,c,d;n.d(e,{IY:function(){return o},YP:function(){return u},ce:function(){return h}});let o="OVERWRITE_DEFAULT_ID",u="Back",h="Close Button";(l=r||(r={})).FUNCTIONAL="functional",l.REGULAR="regular",l.EXPRESSIVE="expressive",Object.entries(r).map(t=>{let[,e]=t;return e}),(i||(i={})).PRIMARY="primary",(c=s||(s={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(t=>{let[,e]=t;return e}),Object.entries(i).map(t=>{let[,e]=t;return e}),(d=a||(a={})).CRITICAL="critical",d.INFORMATIONAL="informational",d.WARNING="warning",d.SUCCESSFUL="successful",Object.entries(a).map(t=>{let[,e]=t;return e})},13776:function(t,e,n){"use strict";n.d(e,{MN:function(){return d},Vj:function(){return r},cd:function(){return c},mS:function(){return l},yI:function(){return s},yn:function(){return i}});let r=()=>{var t,e;return(null===(t=window.crypto)||void 0===t?void 0:t.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(t,e)=>{Object.values(t.children).forEach(t=>{t.setAttribute(e.key,e.value),t.children.length>0&&i(t,e)})},s=function(){for(var t=arguments.length,e=Array(t),n=0;n{if(t){if("string"==typeof t)r+="".concat(t," ");else for(let e in t)t[e]&&(r+="".concat(e," "))}}),r.trim()},a=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],l=(t,e)=>Object.keys(t).filter(t=>(t.startsWith("data-")||t.startsWith("aria-")||t.startsWith("default")||t.startsWith("auto")||t.startsWith("item")||t.startsWith("on")||a.includes(t))&&!e.includes(t)).reduce((e,n)=>(e[n]=t[n],e),{}),c=t=>{let{left:e,right:n}=t.getBoundingClientRect(),{innerWidth:r}=window;return e>=0&&n<=r},d=t=>{let{top:e,bottom:n}=t.getBoundingClientRect(),{innerHeight:r}=window;return e>=0&&n<=r}}},function(t){t.O(0,[49710,12156,92888,49774,40179],function(){return t(t.s=58670)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/radio/overview-08933313731605e5.js b/review/main/_next/static/chunks/pages/components/radio/overview-282705d2721ab3e9.js similarity index 79% rename from review/main/_next/static/chunks/pages/components/radio/overview-08933313731605e5.js rename to review/main/_next/static/chunks/pages/components/radio/overview-282705d2721ab3e9.js index d19141e8adb..3962b1b19ea 100644 --- a/review/main/_next/static/chunks/pages/components/radio/overview-08933313731605e5.js +++ b/review/main/_next/static/chunks/pages/components/radio/overview-282705d2721ab3e9.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[70495],{65821:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/radio/overview",function(){return t(79773)}])},79773:function(e,n,t){"use strict";t.r(n);var a=t(52322),u=t(79174),l=t(1914),i=t(81581),s=t(26328),d=t(25619),r=t(34644),f=t(86095),o=t(99341),_=t(37395),c=t(81566);let j=e=>{let{label:n,size:t,name:u,checked:l,invalid:i,required:s,children:d,disabled:r,value:o,labelVariant:_}=e;return(0,a.jsx)(f.an,{label:n,size:t,name:u,defaultChecked:l,invalid:i,required:s,disabled:r,labelVariant:_,value:o,children:d})};n.default=()=>(0,a.jsx)(o.Z,{title:"DBRadio",variants:(0,_.P)(c,j,[(0,a.jsx)(u.default,{}),(0,a.jsx)(l.default,{}),(0,a.jsx)(i.default,{}),(0,a.jsx)(s.default,{}),(0,a.jsx)(d.default,{}),(0,a.jsx)(r.default,{})])})}},function(e){e.O(0,[49710,14863,11803,81581,41957,92888,49774,40179],function(){return e(e.s=65821)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[70495],{65821:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/radio/overview",function(){return t(79773)}])},79773:function(e,n,t){"use strict";t.r(n);var a=t(52322),u=t(79174),l=t(1914),i=t(81581),s=t(26328),d=t(25619),r=t(34644),f=t(53752),o=t(99341),_=t(37395),c=t(81566);let j=e=>{let{label:n,size:t,name:u,checked:l,invalid:i,required:s,children:d,disabled:r,value:o,labelVariant:_}=e;return(0,a.jsx)(f.an,{label:n,size:t,name:u,defaultChecked:l,invalid:i,required:s,disabled:r,labelVariant:_,value:o,children:d})};n.default=()=>(0,a.jsx)(o.Z,{title:"DBRadio",variants:(0,_.P)(c,j,[(0,a.jsx)(u.default,{}),(0,a.jsx)(l.default,{}),(0,a.jsx)(i.default,{}),(0,a.jsx)(s.default,{}),(0,a.jsx)(d.default,{}),(0,a.jsx)(r.default,{})])})}},function(e){e.O(0,[49710,14863,12156,81581,41957,92888,49774,40179],function(){return e(e.s=65821)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/radio/properties-e0c574c9ac526b12.js b/review/main/_next/static/chunks/pages/components/radio/properties-0fdd94df10c2dd3c.js similarity index 98% rename from review/main/_next/static/chunks/pages/components/radio/properties-e0c574c9ac526b12.js rename to review/main/_next/static/chunks/pages/components/radio/properties-0fdd94df10c2dd3c.js index a32997ae53f..ca3468d88aa 100644 --- a/review/main/_next/static/chunks/pages/components/radio/properties-e0c574c9ac526b12.js +++ b/review/main/_next/static/chunks/pages/components/radio/properties-0fdd94df10c2dd3c.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[65581],{39622:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/radio/properties",function(){return n(97306)}])},97306:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return l}});var r=n(52322),i=n(45392),s=n(11803);let d=e=>{let{children:t}=e;return(0,r.jsx)(s.Z,{children:t})};function c(e){let t={a:"a",code:"code",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbradio",children:"DBRadio"}),"\n",(0,r.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Name"}),(0,r.jsx)(t.th,{children:"Description"}),(0,r.jsx)(t.th,{children:"Type"}),(0,r.jsx)(t.th,{children:"Options"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"describedbyid"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,r.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"size"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"literal"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'small'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"children"}),(0,r.jsx)(t.td,{children:"default slot"}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"className"}),(0,r.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"id"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"key"}),(0,r.jsx)(t.td,{children:"React specific for render process."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"change"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: ChangeEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"onChange"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: ChangeEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"blur"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: InteractionEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"onBlur"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: InteractionEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"focus"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: InteractionEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"onFocus"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: InteractionEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"disabled"}),(0,r.jsx)(t.td,{children:"The disabled attribute can be set to keep a user from clicking on the form element."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"form"}),(0,r.jsx)(t.td,{children:"Associates the control with a form element"}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"invalid"}),(0,r.jsx)(t.td,{children:"Marks an input element as invalid."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"label"}),(0,r.jsx)(t.td,{children:"The label attribute specifies the caption of the form element."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"name"}),(0,r.jsx)(t.td,{children:"The name attribute gives the name of the form control, as used in form submission and in the form element's elements object."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"required"}),(0,r.jsx)(t.td,{children:"When the required attribute specified, the user will be required to fill the form element before submitting the form."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"value"}),(0,r.jsx)(t.td,{children:"The value property is to receive results from the native form element."}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"checked"}),(0,r.jsx)(t.td,{children:"Define the radio or checkbox elements checked state"}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"labelVariant"}),(0,r.jsx)(t.td,{children:"Hide the label of a radio/checkbox."}),(0,r.jsx)(t.td,{children:"literal"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'hidden'"})})})]})]})]})]})}function l(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(d,{...e,children:(0,r.jsx)(c,{...e})})}},16134:function(e,t,n){"use strict";var r=n(52322),i=n(2784),s=n(13776);let d=(0,i.forwardRef)(function(e,t){let n=t||(0,i.useRef)(t);return(0,r.jsx)("button",{ref:n,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=d},63900:function(e,t,n){"use strict";var r,i,s,d,c,l,a;n.d(t,{IY:function(){return o},YP:function(){return h},ce:function(){return j}});let o="OVERWRITE_DEFAULT_ID",h="Back",j="Close Button";(c=r||(r={})).FUNCTIONAL="functional",c.REGULAR="regular",c.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,t]=e;return t}),(i||(i={})).PRIMARY="primary",(l=s||(s={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(e=>{let[,t]=e;return t}),Object.entries(i).map(e=>{let[,t]=e;return t}),(a=d||(d={})).CRITICAL="critical",a.INFORMATIONAL="informational",a.WARNING="warning",a.SUCCESSFUL="successful",Object.entries(d).map(e=>{let[,t]=e;return t})},13776:function(e,t,n){"use strict";n.d(t,{MN:function(){return a},Vj:function(){return r},cd:function(){return l},mS:function(){return c},yI:function(){return s},yn:function(){return i}});let r=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&i(e,t)})},s=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let t in e)e[t]&&(r+="".concat(t," "))}}),r.trim()},d=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],c=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||d.includes(e))&&!t.includes(e)).reduce((t,n)=>(t[n]=e[n],t),{}),l=e=>{let{left:t,right:n}=e.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&n<=r},a=e=>{let{top:t,bottom:n}=e.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&n<=r}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=39622)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[65581],{39622:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/radio/properties",function(){return n(97306)}])},97306:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return l}});var r=n(52322),i=n(45392),s=n(12156);let d=e=>{let{children:t}=e;return(0,r.jsx)(s.Z,{children:t})};function c(e){let t={a:"a",code:"code",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbradio",children:"DBRadio"}),"\n",(0,r.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Name"}),(0,r.jsx)(t.th,{children:"Description"}),(0,r.jsx)(t.th,{children:"Type"}),(0,r.jsx)(t.th,{children:"Options"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"describedbyid"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,r.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"size"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"literal"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'small'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"children"}),(0,r.jsx)(t.td,{children:"default slot"}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"className"}),(0,r.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"id"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"key"}),(0,r.jsx)(t.td,{children:"React specific for render process."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"change"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: ChangeEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"onChange"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: ChangeEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"blur"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: InteractionEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"onBlur"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: InteractionEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"focus"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: InteractionEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"onFocus"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: InteractionEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"disabled"}),(0,r.jsx)(t.td,{children:"The disabled attribute can be set to keep a user from clicking on the form element."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"form"}),(0,r.jsx)(t.td,{children:"Associates the control with a form element"}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"invalid"}),(0,r.jsx)(t.td,{children:"Marks an input element as invalid."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"label"}),(0,r.jsx)(t.td,{children:"The label attribute specifies the caption of the form element."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"name"}),(0,r.jsx)(t.td,{children:"The name attribute gives the name of the form control, as used in form submission and in the form element's elements object."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"required"}),(0,r.jsx)(t.td,{children:"When the required attribute specified, the user will be required to fill the form element before submitting the form."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"value"}),(0,r.jsx)(t.td,{children:"The value property is to receive results from the native form element."}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"checked"}),(0,r.jsx)(t.td,{children:"Define the radio or checkbox elements checked state"}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"labelVariant"}),(0,r.jsx)(t.td,{children:"Hide the label of a radio/checkbox."}),(0,r.jsx)(t.td,{children:"literal"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'hidden'"})})})]})]})]})]})}function l(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(d,{...e,children:(0,r.jsx)(c,{...e})})}},16134:function(e,t,n){"use strict";var r=n(52322),i=n(2784),s=n(13776);let d=(0,i.forwardRef)(function(e,t){let n=t||(0,i.useRef)(t);return(0,r.jsx)("button",{ref:n,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=d},63900:function(e,t,n){"use strict";var r,i,s,d,c,l,a;n.d(t,{IY:function(){return o},YP:function(){return h},ce:function(){return j}});let o="OVERWRITE_DEFAULT_ID",h="Back",j="Close Button";(c=r||(r={})).FUNCTIONAL="functional",c.REGULAR="regular",c.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,t]=e;return t}),(i||(i={})).PRIMARY="primary",(l=s||(s={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(e=>{let[,t]=e;return t}),Object.entries(i).map(e=>{let[,t]=e;return t}),(a=d||(d={})).CRITICAL="critical",a.INFORMATIONAL="informational",a.WARNING="warning",a.SUCCESSFUL="successful",Object.entries(d).map(e=>{let[,t]=e;return t})},13776:function(e,t,n){"use strict";n.d(t,{MN:function(){return a},Vj:function(){return r},cd:function(){return l},mS:function(){return c},yI:function(){return s},yn:function(){return i}});let r=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&i(e,t)})},s=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let t in e)e[t]&&(r+="".concat(t," "))}}),r.trim()},d=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],c=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||d.includes(e))&&!t.includes(e)).reduce((t,n)=>(t[n]=e[n],t),{}),l=e=>{let{left:t,right:n}=e.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&n<=r},a=e=>{let{top:t,bottom:n}=e.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&n<=r}}},function(e){e.O(0,[49710,12156,92888,49774,40179],function(){return e(e.s=39622)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/readme-4e498755ac736430.js b/review/main/_next/static/chunks/pages/components/readme-041cb82f9ce4a48d.js similarity index 98% rename from review/main/_next/static/chunks/pages/components/readme-4e498755ac736430.js rename to review/main/_next/static/chunks/pages/components/readme-041cb82f9ce4a48d.js index b1332961a87..646481ef785 100644 --- a/review/main/_next/static/chunks/pages/components/readme-4e498755ac736430.js +++ b/review/main/_next/static/chunks/pages/components/readme-041cb82f9ce4a48d.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[57439],{72533:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/readme",function(){return t(3524)}])},3524:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return d}});var r=t(52322),s=t(11803),i=t(45392);function a(e){let n={a:"a",blockquote:"blockquote",code:"code",h1:"h1",h2:"h2",hr:"hr",img:"img",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,i.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.h1,{id:"db-uicomponents",children:"@db-ui/components"}),"\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.img,{src:"/docs/images/download/LicenseApache20blue.svg",alt:"Apache 2.0 license badge"}),"\n",(0,r.jsx)(n.a,{href:"https://github.com/prettier/prettier",children:(0,r.jsx)(n.img,{src:"/docs/images/download/codestyleprettierff69b4styleflatsquare.svg",alt:"code style: prettier"})}),"\n",(0,r.jsx)(n.a,{href:"https://conventionalcommits.org",children:(0,r.jsx)(n.img,{src:"/docs/images/download/Conventional_Commits100yellow.svg",alt:"Conventional Commits"})}),"\n",(0,r.jsx)(n.a,{href:"https://makeapullrequest.com",children:(0,r.jsx)(n.img,{src:"/docs/images/download/PRswelcomebrightgreenstyleflatsquare.svg",alt:"PRs Welcome"})})]}),"\n",(0,r.jsxs)(n.p,{children:["A library containing all styles for components of ",(0,r.jsx)(n.a,{href:"https://github.com/db-ui/mono",children:"DB UX Design System (technical components)"}),"."]}),"\n",(0,r.jsxs)(n.blockquote,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:"Note"}),"\nFurthermore we currently support these additional JavaScript frameworks, with more coming soon:"]}),"\n"]}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsx)(n.li,{children:(0,r.jsx)(n.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"Angular components"})}),"\n",(0,r.jsx)(n.li,{children:(0,r.jsx)(n.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"React components"})}),"\n",(0,r.jsx)(n.li,{children:(0,r.jsx)(n.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"Vue components"})}),"\n"]}),"\n",(0,r.jsx)(n.p,{children:"Please take a look at your desired framework to retrieve more information."}),"\n",(0,r.jsxs)(n.p,{children:["For additional information besides the frameworks see our ",(0,r.jsx)(n.a,{href:"https://github.com/db-ui/mono/tree/main/packages/components/docs/getting-stated.md",children:"Getting started"}),"."]}),"\n",(0,r.jsx)(n.hr,{}),"\n",(0,r.jsx)(n.p,{children:"If you just need the styling follow this:"}),"\n",(0,r.jsx)(n.h2,{id:"install",children:"Install"}),"\n",(0,r.jsx)(n.p,{children:(0,r.jsx)(n.code,{children:"npm i @db-ui/components"})}),"\n",(0,r.jsx)(n.h2,{id:"dependencies",children:"Dependencies"}),"\n",(0,r.jsxs)(n.p,{children:["Import the styles in ",(0,r.jsx)(n.code,{children:"scss"})," or ",(0,r.jsx)(n.code,{children:"css"}),". Based on your technology the file names could be different."]}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsxs)(n.li,{children:["Default (db-ui-42): asset path point to ",(0,r.jsx)(n.code,{children:"../assets"})]}),"\n",(0,r.jsxs)(n.li,{children:["Webpack (db-ui-42-webpack): asset path point to ",(0,r.jsx)(n.code,{children:"~@db-ui/foundations/assets"})]}),"\n",(0,r.jsxs)(n.li,{children:["Rollup (db-ui-42-rollup): asset path point to ",(0,r.jsx)(n.code,{children:"@db-ui/foundations/assets"})]}),"\n"]}),"\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.code,{children:"db-ui-42"})," bundles all dependencies from ",(0,r.jsx)(n.a,{href:"https://www.npmjs.com/package/@db-ui/foundations",children:"foundations"})," + all ",(0,r.jsx)(n.a,{href:"https://github.com/db-ui/mono/blob/main/packages/components/src/styles/db-ui-components.scss",children:"components"})," available."]}),"\n",(0,r.jsx)(n.p,{children:(0,r.jsx)(n.strong,{children:"SCSS"})}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-scss",children:'// index.scss\n@forward "@db-ui/components/build/styles/db-ui-42-rollup";\n'})}),"\n",(0,r.jsx)(n.p,{children:(0,r.jsx)(n.strong,{children:"CSS"})}),"\n",(0,r.jsx)(n.p,{children:"Within HTML files directly:"}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-html",children:'\n\n'})}),"\n",(0,r.jsx)(n.p,{children:"Or within your JavaScript files, with the related bundler as a prefix (in this case rollup and equivalents like Vite):"}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-js",children:'// main.js\nimport "@db-ui/components/build/styles/db-ui-42-rollup.css";\n'})}),"\n",(0,r.jsx)(n.h2,{id:"deutsche-bahn-brand",children:"Deutsche Bahn brand"}),"\n",(0,r.jsxs)(n.p,{children:["As we'd like to perfectly support our users and customers on their digital journey, the usage of Deutsche Bahn brand and trademarks are bound of clear guidelines and restrictions even when being used with the code that we're provide with this product; Deutsche Bahn fully reserves all rights regarding the Deutsche Bahn brand, even though that we're providing the code of DB UI products free to use and release it under the Apache 2.0 license.\nPlease have a look at our brand portal at ",(0,r.jsx)(n.a,{href:"https://marketingportal.extranet.deutschebahn.com/",children:"https://marketingportal.extranet.deutschebahn.com/"})," for any further questions and whom to contact on any brand issues."]}),"\n",(0,r.jsx)(n.p,{children:"You must remove or replace any Deutsche Bahn brand and design assets as well as protected characteristics and trademarks. We're even also planning to provide a neutral theme that would make it much easier for you to use our product without the trademarks by Deutsche Bahn."}),"\n",(0,r.jsx)(n.h2,{id:"contributions",children:"Contributions"}),"\n",(0,r.jsxs)(n.p,{children:["Contributions are very welcome, please refer to the ",(0,r.jsx)(n.a,{href:"https://github.com/db-ui/mono/blob/main/CONTRIBUTING.md",children:"contribution guide"}),"."]}),"\n",(0,r.jsx)(n.h2,{id:"code-of-conduct",children:"Code of conduct"}),"\n",(0,r.jsxs)(n.p,{children:["We as members, contributors, and leaders pledge to make participation in our\ncommunity a harassment-free experience for everyone – have a look at our ",(0,r.jsx)(n.a,{href:"https://github.com/db-ui/mono/blob/main/CODE-OF-CONDUCT.md",children:"Contributor Covenant Code of Conduct"}),"."]}),"\n",(0,r.jsx)(n.h2,{id:"license",children:"License"}),"\n",(0,r.jsxs)(n.p,{children:["This project is licensed under ",(0,r.jsx)(n.a,{href:"LICENSE",children:"Apache-2.0"}),"."]})]})}function o(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:n}={...(0,i.a)(),...e.components};return n?(0,r.jsx)(n,{...e,children:(0,r.jsx)(a,{...e})}):a(e)}let c=e=>{let{children:n}=e;return(0,r.jsx)(s.Z,{children:n})};function l(e){return(0,r.jsx)(o,{})}function d(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(c,{...e,children:(0,r.jsx)(l,{...e})})}},16134:function(e,n,t){"use strict";var r=t(52322),s=t(2784),i=t(13776);let a=(0,s.forwardRef)(function(e,n){let t=n||(0,s.useRef)(n);return(0,r.jsx)("button",{ref:t,...(0,i.mS)(e,[]),id:e.id,className:(0,i.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:n=>{e.onClick&&e.onClick(n)},children:e.children})});n.Z=a},63900:function(e,n,t){"use strict";var r,s,i,a,o,c,l;t.d(n,{IY:function(){return d},YP:function(){return u},ce:function(){return h}});let d="OVERWRITE_DEFAULT_ID",u="Back",h="Close Button";(o=r||(r={})).FUNCTIONAL="functional",o.REGULAR="regular",o.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,n]=e;return n}),(s||(s={})).PRIMARY="primary",(c=i||(i={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(e=>{let[,n]=e;return n}),Object.entries(s).map(e=>{let[,n]=e;return n}),(l=a||(a={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(a).map(e=>{let[,n]=e;return n})},13776:function(e,n,t){"use strict";t.d(n,{MN:function(){return l},Vj:function(){return r},cd:function(){return c},mS:function(){return o},yI:function(){return i},yn:function(){return s}});let r=()=>{var e,n;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(n=window.crypto)||void 0===n?void 0:n.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},s=(e,n)=>{Object.values(e.children).forEach(e=>{e.setAttribute(n.key,n.value),e.children.length>0&&s(e,n)})},i=function(){for(var e=arguments.length,n=Array(e),t=0;t{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let n in e)e[n]&&(r+="".concat(n," "))}}),r.trim()},a=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],o=(e,n)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||a.includes(e))&&!n.includes(e)).reduce((n,t)=>(n[t]=e[t],n),{}),c=e=>{let{left:n,right:t}=e.getBoundingClientRect(),{innerWidth:r}=window;return n>=0&&t<=r},l=e=>{let{top:n,bottom:t}=e.getBoundingClientRect(),{innerHeight:r}=window;return n>=0&&t<=r}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=72533)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[57439],{72533:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/readme",function(){return t(3524)}])},3524:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return d}});var r=t(52322),s=t(12156),i=t(45392);function a(e){let n={a:"a",blockquote:"blockquote",code:"code",h1:"h1",h2:"h2",hr:"hr",img:"img",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,i.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.h1,{id:"db-uicomponents",children:"@db-ui/components"}),"\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.img,{src:"/docs/images/download/LicenseApache20blue.svg",alt:"Apache 2.0 license badge"}),"\n",(0,r.jsx)(n.a,{href:"https://github.com/prettier/prettier",children:(0,r.jsx)(n.img,{src:"/docs/images/download/codestyleprettierff69b4styleflatsquare.svg",alt:"code style: prettier"})}),"\n",(0,r.jsx)(n.a,{href:"https://conventionalcommits.org",children:(0,r.jsx)(n.img,{src:"/docs/images/download/Conventional_Commits100yellow.svg",alt:"Conventional Commits"})}),"\n",(0,r.jsx)(n.a,{href:"https://makeapullrequest.com",children:(0,r.jsx)(n.img,{src:"/docs/images/download/PRswelcomebrightgreenstyleflatsquare.svg",alt:"PRs Welcome"})})]}),"\n",(0,r.jsxs)(n.p,{children:["A library containing all styles for components of ",(0,r.jsx)(n.a,{href:"https://github.com/db-ui/mono",children:"DB UX Design System (technical components)"}),"."]}),"\n",(0,r.jsxs)(n.blockquote,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:"Note"}),"\nFurthermore we currently support these additional JavaScript frameworks, with more coming soon:"]}),"\n"]}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsx)(n.li,{children:(0,r.jsx)(n.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"Angular components"})}),"\n",(0,r.jsx)(n.li,{children:(0,r.jsx)(n.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"React components"})}),"\n",(0,r.jsx)(n.li,{children:(0,r.jsx)(n.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"Vue components"})}),"\n"]}),"\n",(0,r.jsx)(n.p,{children:"Please take a look at your desired framework to retrieve more information."}),"\n",(0,r.jsxs)(n.p,{children:["For additional information besides the frameworks see our ",(0,r.jsx)(n.a,{href:"https://github.com/db-ui/mono/tree/main/packages/components/docs/getting-stated.md",children:"Getting started"}),"."]}),"\n",(0,r.jsx)(n.hr,{}),"\n",(0,r.jsx)(n.p,{children:"If you just need the styling follow this:"}),"\n",(0,r.jsx)(n.h2,{id:"install",children:"Install"}),"\n",(0,r.jsx)(n.p,{children:(0,r.jsx)(n.code,{children:"npm i @db-ui/components"})}),"\n",(0,r.jsx)(n.h2,{id:"dependencies",children:"Dependencies"}),"\n",(0,r.jsxs)(n.p,{children:["Import the styles in ",(0,r.jsx)(n.code,{children:"scss"})," or ",(0,r.jsx)(n.code,{children:"css"}),". Based on your technology the file names could be different."]}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsxs)(n.li,{children:["Default (db-ui-42): asset path point to ",(0,r.jsx)(n.code,{children:"../assets"})]}),"\n",(0,r.jsxs)(n.li,{children:["Webpack (db-ui-42-webpack): asset path point to ",(0,r.jsx)(n.code,{children:"~@db-ui/foundations/assets"})]}),"\n",(0,r.jsxs)(n.li,{children:["Rollup (db-ui-42-rollup): asset path point to ",(0,r.jsx)(n.code,{children:"@db-ui/foundations/assets"})]}),"\n"]}),"\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.code,{children:"db-ui-42"})," bundles all dependencies from ",(0,r.jsx)(n.a,{href:"https://www.npmjs.com/package/@db-ui/foundations",children:"foundations"})," + all ",(0,r.jsx)(n.a,{href:"https://github.com/db-ui/mono/blob/main/packages/components/src/styles/db-ui-components.scss",children:"components"})," available."]}),"\n",(0,r.jsx)(n.p,{children:(0,r.jsx)(n.strong,{children:"SCSS"})}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-scss",children:'// index.scss\n@forward "@db-ui/components/build/styles/db-ui-42-rollup";\n'})}),"\n",(0,r.jsx)(n.p,{children:(0,r.jsx)(n.strong,{children:"CSS"})}),"\n",(0,r.jsx)(n.p,{children:"Within HTML files directly:"}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-html",children:'\n\n'})}),"\n",(0,r.jsx)(n.p,{children:"Or within your JavaScript files, with the related bundler as a prefix (in this case rollup and equivalents like Vite):"}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-js",children:'// main.js\nimport "@db-ui/components/build/styles/db-ui-42-rollup.css";\n'})}),"\n",(0,r.jsx)(n.h2,{id:"deutsche-bahn-brand",children:"Deutsche Bahn brand"}),"\n",(0,r.jsxs)(n.p,{children:["As we'd like to perfectly support our users and customers on their digital journey, the usage of Deutsche Bahn brand and trademarks are bound of clear guidelines and restrictions even when being used with the code that we're provide with this product; Deutsche Bahn fully reserves all rights regarding the Deutsche Bahn brand, even though that we're providing the code of DB UI products free to use and release it under the Apache 2.0 license.\nPlease have a look at our brand portal at ",(0,r.jsx)(n.a,{href:"https://marketingportal.extranet.deutschebahn.com/",children:"https://marketingportal.extranet.deutschebahn.com/"})," for any further questions and whom to contact on any brand issues."]}),"\n",(0,r.jsx)(n.p,{children:"You must remove or replace any Deutsche Bahn brand and design assets as well as protected characteristics and trademarks. We're even also planning to provide a neutral theme that would make it much easier for you to use our product without the trademarks by Deutsche Bahn."}),"\n",(0,r.jsx)(n.h2,{id:"contributions",children:"Contributions"}),"\n",(0,r.jsxs)(n.p,{children:["Contributions are very welcome, please refer to the ",(0,r.jsx)(n.a,{href:"https://github.com/db-ui/mono/blob/main/CONTRIBUTING.md",children:"contribution guide"}),"."]}),"\n",(0,r.jsx)(n.h2,{id:"code-of-conduct",children:"Code of conduct"}),"\n",(0,r.jsxs)(n.p,{children:["We as members, contributors, and leaders pledge to make participation in our\ncommunity a harassment-free experience for everyone – have a look at our ",(0,r.jsx)(n.a,{href:"https://github.com/db-ui/mono/blob/main/CODE-OF-CONDUCT.md",children:"Contributor Covenant Code of Conduct"}),"."]}),"\n",(0,r.jsx)(n.h2,{id:"license",children:"License"}),"\n",(0,r.jsxs)(n.p,{children:["This project is licensed under ",(0,r.jsx)(n.a,{href:"LICENSE",children:"Apache-2.0"}),"."]})]})}function o(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:n}={...(0,i.a)(),...e.components};return n?(0,r.jsx)(n,{...e,children:(0,r.jsx)(a,{...e})}):a(e)}let c=e=>{let{children:n}=e;return(0,r.jsx)(s.Z,{children:n})};function l(e){return(0,r.jsx)(o,{})}function d(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(c,{...e,children:(0,r.jsx)(l,{...e})})}},16134:function(e,n,t){"use strict";var r=t(52322),s=t(2784),i=t(13776);let a=(0,s.forwardRef)(function(e,n){let t=n||(0,s.useRef)(n);return(0,r.jsx)("button",{ref:t,...(0,i.mS)(e,[]),id:e.id,className:(0,i.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:n=>{e.onClick&&e.onClick(n)},children:e.children})});n.Z=a},63900:function(e,n,t){"use strict";var r,s,i,a,o,c,l;t.d(n,{IY:function(){return d},YP:function(){return u},ce:function(){return h}});let d="OVERWRITE_DEFAULT_ID",u="Back",h="Close Button";(o=r||(r={})).FUNCTIONAL="functional",o.REGULAR="regular",o.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,n]=e;return n}),(s||(s={})).PRIMARY="primary",(c=i||(i={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(e=>{let[,n]=e;return n}),Object.entries(s).map(e=>{let[,n]=e;return n}),(l=a||(a={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(a).map(e=>{let[,n]=e;return n})},13776:function(e,n,t){"use strict";t.d(n,{MN:function(){return l},Vj:function(){return r},cd:function(){return c},mS:function(){return o},yI:function(){return i},yn:function(){return s}});let r=()=>{var e,n;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(n=window.crypto)||void 0===n?void 0:n.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},s=(e,n)=>{Object.values(e.children).forEach(e=>{e.setAttribute(n.key,n.value),e.children.length>0&&s(e,n)})},i=function(){for(var e=arguments.length,n=Array(e),t=0;t{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let n in e)e[n]&&(r+="".concat(n," "))}}),r.trim()},a=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],o=(e,n)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||a.includes(e))&&!n.includes(e)).reduce((n,t)=>(n[t]=e[t],n),{}),c=e=>{let{left:n,right:t}=e.getBoundingClientRect(),{innerWidth:r}=window;return n>=0&&t<=r},l=e=>{let{top:n,bottom:t}=e.getBoundingClientRect(),{innerHeight:r}=window;return n>=0&&t<=r}}},function(e){e.O(0,[49710,12156,92888,49774,40179],function(){return e(e.s=72533)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/router-usage-f6b40d0a66aac2c0.js b/review/main/_next/static/chunks/pages/components/router-usage-70dd395d94219e82.js similarity index 98% rename from review/main/_next/static/chunks/pages/components/router-usage-f6b40d0a66aac2c0.js rename to review/main/_next/static/chunks/pages/components/router-usage-70dd395d94219e82.js index c9af5ad14dd..8d49907fd46 100644 --- a/review/main/_next/static/chunks/pages/components/router-usage-f6b40d0a66aac2c0.js +++ b/review/main/_next/static/chunks/pages/components/router-usage-70dd395d94219e82.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7177],{91907:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/router-usage",function(){return t(24415)}])},24415:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return u}});var r=t(52322),i=t(11803),a=t(45392);function s(e){let n={a:"a",blockquote:"blockquote",code:"code",h1:"h1",h2:"h2",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,a.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.h1,{id:"router-usage",children:"Router usage"}),"\n",(0,r.jsxs)(n.blockquote,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:"Note:"})," At the moment, router links can only be used within the ",(0,r.jsx)(n.strong,{children:"DBNavigationItem"})," component!"]}),"\n"]}),"\n",(0,r.jsxs)(n.p,{children:["Unfortunately, the ",(0,r.jsx)(n.strong,{children:"DBLink"})," and ",(0,r.jsx)(n.strong,{children:"DBButton"})," components do not support router links. Explanation: Router links are usually rendered as anchor tags, which are not permitted within anchor or button tags."]}),"\n",(0,r.jsx)(n.h2,{id:"supported-routers",children:"Supported routers"}),"\n",(0,r.jsx)(n.p,{children:"The following standard routers have been successfully implemented in the corresponding frameworks (Angular, React, Vue). Other routers should work in the same way, but have not yet been tested."}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsx)(n.li,{children:(0,r.jsx)(n.a,{href:"https://angular.io/api/router",children:"Angular router"})}),"\n",(0,r.jsx)(n.li,{children:(0,r.jsx)(n.a,{href:"https://reactrouter.com/en/main",children:"React router"})}),"\n",(0,r.jsx)(n.li,{children:(0,r.jsx)(n.a,{href:"https://v3.router.vuejs.org/",children:"Vue router"})}),"\n"]}),"\n",(0,r.jsx)(n.p,{children:"The routers are installed and used in accordance with the official docs:"}),"\n",(0,r.jsx)(n.h2,{id:"how-to-use",children:"How to use"}),"\n",(0,r.jsxs)(n.p,{children:["To create a DB Brand styled router link, place the corresponding router link component in the default slot of ",(0,r.jsx)(n.strong,{children:"DBNavigationItem"}),"."]}),"\n",(0,r.jsx)(n.p,{children:(0,r.jsx)(n.a,{href:"https://db-ui.github.io/mono/review/main/components/navigation-item/overview",children:"How to use DBNavigationItem"})}),"\n",(0,r.jsx)(n.p,{children:(0,r.jsx)(n.strong,{children:"Angular"})}),"\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.code,{children:"RouterLink"})," must be imported from the ",(0,r.jsx)(n.code,{children:"@angular/router"})," package."]}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-html",children:'\n {{ link.label }} \n\n'})}),"\n",(0,r.jsx)(n.p,{children:(0,r.jsx)(n.strong,{children:"React"})}),"\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.code,{children:"Link"})," must be imported from the ",(0,r.jsx)(n.code,{children:"react-router-dom"})," package."]}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-html",children:"\n \n {link.label}\n \n\n"})}),"\n",(0,r.jsx)(n.p,{children:(0,r.jsx)(n.strong,{children:"Vue"})}),"\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.code,{children:"RouterLink"})," can be used directly, as it is available globally."]}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-html",children:'\n {{ link.label }} \n\n'})})]})}function o(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:n}={...(0,a.a)(),...e.components};return n?(0,r.jsx)(n,{...e,children:(0,r.jsx)(s,{...e})}):s(e)}let l=e=>{let{children:n}=e;return(0,r.jsx)(i.Z,{children:n})};function c(e){return(0,r.jsx)(o,{})}function u(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(l,{...e,children:(0,r.jsx)(c,{...e})})}},16134:function(e,n,t){"use strict";var r=t(52322),i=t(2784),a=t(13776);let s=(0,i.forwardRef)(function(e,n){let t=n||(0,i.useRef)(n);return(0,r.jsx)("button",{ref:t,...(0,a.mS)(e,[]),id:e.id,className:(0,a.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:n=>{e.onClick&&e.onClick(n)},children:e.children})});n.Z=s},63900:function(e,n,t){"use strict";var r,i,a,s,o,l,c;t.d(n,{IY:function(){return u},YP:function(){return d},ce:function(){return h}});let u="OVERWRITE_DEFAULT_ID",d="Back",h="Close Button";(o=r||(r={})).FUNCTIONAL="functional",o.REGULAR="regular",o.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,n]=e;return n}),(i||(i={})).PRIMARY="primary",(l=a||(a={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(a).map(e=>{let[,n]=e;return n}),Object.entries(i).map(e=>{let[,n]=e;return n}),(c=s||(s={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(s).map(e=>{let[,n]=e;return n})},13776:function(e,n,t){"use strict";t.d(n,{MN:function(){return c},Vj:function(){return r},cd:function(){return l},mS:function(){return o},yI:function(){return a},yn:function(){return i}});let r=()=>{var e,n;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(n=window.crypto)||void 0===n?void 0:n.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,n)=>{Object.values(e.children).forEach(e=>{e.setAttribute(n.key,n.value),e.children.length>0&&i(e,n)})},a=function(){for(var e=arguments.length,n=Array(e),t=0;t{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let n in e)e[n]&&(r+="".concat(n," "))}}),r.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],o=(e,n)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||s.includes(e))&&!n.includes(e)).reduce((n,t)=>(n[t]=e[t],n),{}),l=e=>{let{left:n,right:t}=e.getBoundingClientRect(),{innerWidth:r}=window;return n>=0&&t<=r},c=e=>{let{top:n,bottom:t}=e.getBoundingClientRect(),{innerHeight:r}=window;return n>=0&&t<=r}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=91907)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7177],{91907:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/router-usage",function(){return t(24415)}])},24415:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return u}});var r=t(52322),i=t(12156),a=t(45392);function s(e){let n={a:"a",blockquote:"blockquote",code:"code",h1:"h1",h2:"h2",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...(0,a.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.h1,{id:"router-usage",children:"Router usage"}),"\n",(0,r.jsxs)(n.blockquote,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:"Note:"})," At the moment, router links can only be used within the ",(0,r.jsx)(n.strong,{children:"DBNavigationItem"})," component!"]}),"\n"]}),"\n",(0,r.jsxs)(n.p,{children:["Unfortunately, the ",(0,r.jsx)(n.strong,{children:"DBLink"})," and ",(0,r.jsx)(n.strong,{children:"DBButton"})," components do not support router links. Explanation: Router links are usually rendered as anchor tags, which are not permitted within anchor or button tags."]}),"\n",(0,r.jsx)(n.h2,{id:"supported-routers",children:"Supported routers"}),"\n",(0,r.jsx)(n.p,{children:"The following standard routers have been successfully implemented in the corresponding frameworks (Angular, React, Vue). Other routers should work in the same way, but have not yet been tested."}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsx)(n.li,{children:(0,r.jsx)(n.a,{href:"https://angular.io/api/router",children:"Angular router"})}),"\n",(0,r.jsx)(n.li,{children:(0,r.jsx)(n.a,{href:"https://reactrouter.com/en/main",children:"React router"})}),"\n",(0,r.jsx)(n.li,{children:(0,r.jsx)(n.a,{href:"https://v3.router.vuejs.org/",children:"Vue router"})}),"\n"]}),"\n",(0,r.jsx)(n.p,{children:"The routers are installed and used in accordance with the official docs:"}),"\n",(0,r.jsx)(n.h2,{id:"how-to-use",children:"How to use"}),"\n",(0,r.jsxs)(n.p,{children:["To create a DB Brand styled router link, place the corresponding router link component in the default slot of ",(0,r.jsx)(n.strong,{children:"DBNavigationItem"}),"."]}),"\n",(0,r.jsx)(n.p,{children:(0,r.jsx)(n.a,{href:"https://db-ui.github.io/mono/review/main/components/navigation-item/overview",children:"How to use DBNavigationItem"})}),"\n",(0,r.jsx)(n.p,{children:(0,r.jsx)(n.strong,{children:"Angular"})}),"\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.code,{children:"RouterLink"})," must be imported from the ",(0,r.jsx)(n.code,{children:"@angular/router"})," package."]}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-html",children:'\n {{ link.label }} \n\n'})}),"\n",(0,r.jsx)(n.p,{children:(0,r.jsx)(n.strong,{children:"React"})}),"\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.code,{children:"Link"})," must be imported from the ",(0,r.jsx)(n.code,{children:"react-router-dom"})," package."]}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-html",children:"\n \n {link.label}\n \n\n"})}),"\n",(0,r.jsx)(n.p,{children:(0,r.jsx)(n.strong,{children:"Vue"})}),"\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.code,{children:"RouterLink"})," can be used directly, as it is available globally."]}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-html",children:'\n {{ link.label }} \n\n'})})]})}function o(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:n}={...(0,a.a)(),...e.components};return n?(0,r.jsx)(n,{...e,children:(0,r.jsx)(s,{...e})}):s(e)}let l=e=>{let{children:n}=e;return(0,r.jsx)(i.Z,{children:n})};function c(e){return(0,r.jsx)(o,{})}function u(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(l,{...e,children:(0,r.jsx)(c,{...e})})}},16134:function(e,n,t){"use strict";var r=t(52322),i=t(2784),a=t(13776);let s=(0,i.forwardRef)(function(e,n){let t=n||(0,i.useRef)(n);return(0,r.jsx)("button",{ref:t,...(0,a.mS)(e,[]),id:e.id,className:(0,a.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:n=>{e.onClick&&e.onClick(n)},children:e.children})});n.Z=s},63900:function(e,n,t){"use strict";var r,i,a,s,o,l,c;t.d(n,{IY:function(){return u},YP:function(){return d},ce:function(){return h}});let u="OVERWRITE_DEFAULT_ID",d="Back",h="Close Button";(o=r||(r={})).FUNCTIONAL="functional",o.REGULAR="regular",o.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,n]=e;return n}),(i||(i={})).PRIMARY="primary",(l=a||(a={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(a).map(e=>{let[,n]=e;return n}),Object.entries(i).map(e=>{let[,n]=e;return n}),(c=s||(s={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(s).map(e=>{let[,n]=e;return n})},13776:function(e,n,t){"use strict";t.d(n,{MN:function(){return c},Vj:function(){return r},cd:function(){return l},mS:function(){return o},yI:function(){return a},yn:function(){return i}});let r=()=>{var e,n;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(n=window.crypto)||void 0===n?void 0:n.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,n)=>{Object.values(e.children).forEach(e=>{e.setAttribute(n.key,n.value),e.children.length>0&&i(e,n)})},a=function(){for(var e=arguments.length,n=Array(e),t=0;t{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let n in e)e[n]&&(r+="".concat(n," "))}}),r.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],o=(e,n)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||s.includes(e))&&!n.includes(e)).reduce((n,t)=>(n[t]=e[t],n),{}),l=e=>{let{left:n,right:t}=e.getBoundingClientRect(),{innerWidth:r}=window;return n>=0&&t<=r},c=e=>{let{top:n,bottom:t}=e.getBoundingClientRect(),{innerHeight:r}=window;return n>=0&&t<=r}}},function(e){e.O(0,[49710,12156,92888,49774,40179],function(){return e(e.s=91907)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/section-dc6db42077ee3c42.js b/review/main/_next/static/chunks/pages/components/section-a0f7e3946a1eedfc.js similarity index 81% rename from review/main/_next/static/chunks/pages/components/section-dc6db42077ee3c42.js rename to review/main/_next/static/chunks/pages/components/section-a0f7e3946a1eedfc.js index c4ab1105b2f..4588c200e2e 100644 --- a/review/main/_next/static/chunks/pages/components/section-dc6db42077ee3c42.js +++ b/review/main/_next/static/chunks/pages/components/section-a0f7e3946a1eedfc.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[93292],{16964:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/section",function(){return e(50916)}])},50916:function(n,t,e){"use strict";e.r(t);var s=e(52322),i=e(67916),u=e(97393),a=e(61461),c=e(86095),o=e(99341),r=e(32694),f=e(37395);let l=n=>{let{variant:t,size:e,children:i}=n;return(0,s.jsx)(c.cN,{className:"db-bg-informational",size:e,variant:t,children:i})};t.default=()=>(0,s.jsx)(o.Z,{title:"DBSection",variants:(0,f.P)(r,l,[(0,s.jsx)(i.default,{}),(0,s.jsx)(u.default,{}),(0,s.jsx)(a.default,{})])})}},function(n){n.O(0,[49710,14863,11803,28955,92888,49774,40179],function(){return n(n.s=16964)}),_N_E=n.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[93292],{16964:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/section",function(){return e(50916)}])},50916:function(n,t,e){"use strict";e.r(t);var s=e(52322),i=e(67916),u=e(97393),a=e(61461),c=e(53752),o=e(99341),r=e(32694),f=e(37395);let l=n=>{let{variant:t,size:e,children:i}=n;return(0,s.jsx)(c.cN,{className:"db-bg-informational",size:e,variant:t,children:i})};t.default=()=>(0,s.jsx)(o.Z,{title:"DBSection",variants:(0,f.P)(r,l,[(0,s.jsx)(i.default,{}),(0,s.jsx)(u.default,{}),(0,s.jsx)(a.default,{})])})}},function(n){n.O(0,[49710,14863,12156,28955,92888,49774,40179],function(){return n(n.s=16964)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/section/how-to-use-f9fca027e70693ad.js b/review/main/_next/static/chunks/pages/components/section/how-to-use-0b67f8c014716656.js similarity index 98% rename from review/main/_next/static/chunks/pages/components/section/how-to-use-f9fca027e70693ad.js rename to review/main/_next/static/chunks/pages/components/section/how-to-use-0b67f8c014716656.js index 9b51b2b2978..bace7d51de3 100644 --- a/review/main/_next/static/chunks/pages/components/section/how-to-use-f9fca027e70693ad.js +++ b/review/main/_next/static/chunks/pages/components/section/how-to-use-0b67f8c014716656.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7622],{43666:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/section/how-to-use",function(){return t(87461)}])},64968:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return o}});var r=t(52322),a=t(45392);function i(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"angular",children:"Angular"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"load-component",children:"Load component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-ts",children:"// app.component.ts\nimport { DBSection } from '@db-ui/ngx-components';\n\n@Component({\n // ...\n standalone: true,\n imports: [..., DBSection],\n // ...\n})\n"})}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:'\nSection\n'})})]})}function o(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},12132:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return o}});var r=t(52322),a=t(45392);function i(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"html",children:"HTML"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:'\n...\n\n
    \n
    Section
    \n
    \n\n'})})]})}function o(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},88166:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return o}});var r=t(52322),a=t(45392);function i(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"react",children:"React"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-tsx",children:'// App.tsx\nimport { DBSection } from "@db-ui/react-components";\n\nconst App = () => Section;\n\nexport default App;\n'})})]})}function o(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},25978:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return o}});var r=t(52322),a=t(45392);function i(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"vue",children:"Vue"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-vue",children:'\n\n\n\n'})})]})}function o(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},87461:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return p}});var r=t(52322),a=t(45392),i=t(11803),o=t(12132),s=t(64968),c=t(88166),l=t(25978);let u=n=>{let{children:e}=n;return(0,r.jsx)(i.Z,{children:e})};function d(n){let e={h1:"h1",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h1,{id:"how-to-use-dbsection",children:"How to use DBSection"}),"\n",(0,r.jsx)(o.default,{}),"\n",(0,r.jsx)(s.default,{}),"\n",(0,r.jsx)(c.default,{}),"\n",(0,r.jsx)(l.default,{})]})}function p(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(u,{...n,children:(0,r.jsx)(d,{...n})})}},16134:function(n,e,t){"use strict";var r=t(52322),a=t(2784),i=t(13776);let o=(0,a.forwardRef)(function(n,e){let t=e||(0,a.useRef)(e);return(0,r.jsx)("button",{ref:t,...(0,i.mS)(n,[]),id:n.id,className:(0,i.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:e=>{n.onClick&&n.onClick(e)},children:n.children})});e.Z=o},63900:function(n,e,t){"use strict";var r,a,i,o,s,c,l;t.d(e,{IY:function(){return u},YP:function(){return d},ce:function(){return p}});let u="OVERWRITE_DEFAULT_ID",d="Back",p="Close Button";(s=r||(r={})).FUNCTIONAL="functional",s.REGULAR="regular",s.EXPRESSIVE="expressive",Object.entries(r).map(n=>{let[,e]=n;return e}),(a||(a={})).PRIMARY="primary",(c=i||(i={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(n=>{let[,e]=n;return e}),Object.entries(a).map(n=>{let[,e]=n;return e}),(l=o||(o={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(o).map(n=>{let[,e]=n;return e})},13776:function(n,e,t){"use strict";t.d(e,{MN:function(){return l},Vj:function(){return r},cd:function(){return c},mS:function(){return s},yI:function(){return i},yn:function(){return a}});let r=()=>{var n,e;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},a=(n,e)=>{Object.values(n.children).forEach(n=>{n.setAttribute(e.key,e.value),n.children.length>0&&a(n,e)})},i=function(){for(var n=arguments.length,e=Array(n),t=0;t{if(n){if("string"==typeof n)r+="".concat(n," ");else for(let e in n)n[e]&&(r+="".concat(e," "))}}),r.trim()},o=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],s=(n,e)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||o.includes(n))&&!e.includes(n)).reduce((e,t)=>(e[t]=n[t],e),{}),c=n=>{let{left:e,right:t}=n.getBoundingClientRect(),{innerWidth:r}=window;return e>=0&&t<=r},l=n=>{let{top:e,bottom:t}=n.getBoundingClientRect(),{innerHeight:r}=window;return e>=0&&t<=r}}},function(n){n.O(0,[49710,11803,92888,49774,40179],function(){return n(n.s=43666)}),_N_E=n.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7622],{43666:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/section/how-to-use",function(){return t(87461)}])},64968:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return o}});var r=t(52322),a=t(45392);function i(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"angular",children:"Angular"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"load-component",children:"Load component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-ts",children:"// app.component.ts\nimport { DBSection } from '@db-ui/ngx-components';\n\n@Component({\n // ...\n standalone: true,\n imports: [..., DBSection],\n // ...\n})\n"})}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:'\nSection\n'})})]})}function o(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},12132:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return o}});var r=t(52322),a=t(45392);function i(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"html",children:"HTML"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:'\n...\n\n
    \n
    Section
    \n
    \n\n'})})]})}function o(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},88166:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return o}});var r=t(52322),a=t(45392);function i(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"react",children:"React"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-tsx",children:'// App.tsx\nimport { DBSection } from "@db-ui/react-components";\n\nconst App = () => Section;\n\nexport default App;\n'})})]})}function o(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},25978:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return o}});var r=t(52322),a=t(45392);function i(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"vue",children:"Vue"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-vue",children:'\n\n\n\n'})})]})}function o(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},87461:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return p}});var r=t(52322),a=t(45392),i=t(12156),o=t(12132),s=t(64968),c=t(88166),l=t(25978);let u=n=>{let{children:e}=n;return(0,r.jsx)(i.Z,{children:e})};function d(n){let e={h1:"h1",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h1,{id:"how-to-use-dbsection",children:"How to use DBSection"}),"\n",(0,r.jsx)(o.default,{}),"\n",(0,r.jsx)(s.default,{}),"\n",(0,r.jsx)(c.default,{}),"\n",(0,r.jsx)(l.default,{})]})}function p(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(u,{...n,children:(0,r.jsx)(d,{...n})})}},16134:function(n,e,t){"use strict";var r=t(52322),a=t(2784),i=t(13776);let o=(0,a.forwardRef)(function(n,e){let t=e||(0,a.useRef)(e);return(0,r.jsx)("button",{ref:t,...(0,i.mS)(n,[]),id:n.id,className:(0,i.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:e=>{n.onClick&&n.onClick(e)},children:n.children})});e.Z=o},63900:function(n,e,t){"use strict";var r,a,i,o,s,c,l;t.d(e,{IY:function(){return u},YP:function(){return d},ce:function(){return p}});let u="OVERWRITE_DEFAULT_ID",d="Back",p="Close Button";(s=r||(r={})).FUNCTIONAL="functional",s.REGULAR="regular",s.EXPRESSIVE="expressive",Object.entries(r).map(n=>{let[,e]=n;return e}),(a||(a={})).PRIMARY="primary",(c=i||(i={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(n=>{let[,e]=n;return e}),Object.entries(a).map(n=>{let[,e]=n;return e}),(l=o||(o={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(o).map(n=>{let[,e]=n;return e})},13776:function(n,e,t){"use strict";t.d(e,{MN:function(){return l},Vj:function(){return r},cd:function(){return c},mS:function(){return s},yI:function(){return i},yn:function(){return a}});let r=()=>{var n,e;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},a=(n,e)=>{Object.values(n.children).forEach(n=>{n.setAttribute(e.key,e.value),n.children.length>0&&a(n,e)})},i=function(){for(var n=arguments.length,e=Array(n),t=0;t{if(n){if("string"==typeof n)r+="".concat(n," ");else for(let e in n)n[e]&&(r+="".concat(e," "))}}),r.trim()},o=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],s=(n,e)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||o.includes(n))&&!e.includes(n)).reduce((e,t)=>(e[t]=n[t],e),{}),c=n=>{let{left:e,right:t}=n.getBoundingClientRect(),{innerWidth:r}=window;return e>=0&&t<=r},l=n=>{let{top:e,bottom:t}=n.getBoundingClientRect(),{innerHeight:r}=window;return e>=0&&t<=r}}},function(n){n.O(0,[49710,12156,92888,49774,40179],function(){return n(n.s=43666)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/section/migration-a956330d212e6e58.js b/review/main/_next/static/chunks/pages/components/section/migration-1b0cc813cddb81ad.js similarity index 97% rename from review/main/_next/static/chunks/pages/components/section/migration-a956330d212e6e58.js rename to review/main/_next/static/chunks/pages/components/section/migration-1b0cc813cddb81ad.js index 945c590ab3e..06375d9b9bf 100644 --- a/review/main/_next/static/chunks/pages/components/section/migration-a956330d212e6e58.js +++ b/review/main/_next/static/chunks/pages/components/section/migration-1b0cc813cddb81ad.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5534],{50686:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/section/migration",function(){return e(75055)}])},85082:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return s}});var r=e(52322),a=e(45392);function i(n){let t={a:"a",blockquote:"blockquote",h2:"h2",p:"p",strong:"strong",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h2,{id:"general",children:"General"}),"\n",(0,r.jsxs)(t.blockquote,{children:["\n",(0,r.jsxs)(t.p,{children:[(0,r.jsx)(t.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,r.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,r.jsx)(t.h2,{id:"db-ui-core--db-ui-components",children:"DB UI Core ➡ DB UI Components"}),"\n",(0,r.jsx)(t.p,{children:"New Component \uD83E\uDD73"})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,a.a)(),...n.components};return t?(0,r.jsx)(t,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},75055:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return l}});var r=e(52322),a=e(45392),i=e(11803),s=e(85082);let o=n=>{let{children:t}=n;return(0,r.jsx)(i.Z,{children:t})};function c(n){let t={h1:"h1",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbsection-migration",children:"DBSection Migration"}),"\n",(0,r.jsx)(s.default,{})]})}function l(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(o,{...n,children:(0,r.jsx)(c,{...n})})}},16134:function(n,t,e){"use strict";var r=e(52322),a=e(2784),i=e(13776);let s=(0,a.forwardRef)(function(n,t){let e=t||(0,a.useRef)(t);return(0,r.jsx)("button",{ref:e,...(0,i.mS)(n,[]),id:n.id,className:(0,i.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:t=>{n.onClick&&n.onClick(t)},children:n.children})});t.Z=s},63900:function(n,t,e){"use strict";var r,a,i,s,o,c,l;e.d(t,{IY:function(){return u},YP:function(){return d},ce:function(){return p}});let u="OVERWRITE_DEFAULT_ID",d="Back",p="Close Button";(o=r||(r={})).FUNCTIONAL="functional",o.REGULAR="regular",o.EXPRESSIVE="expressive",Object.entries(r).map(n=>{let[,t]=n;return t}),(a||(a={})).PRIMARY="primary",(c=i||(i={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(n=>{let[,t]=n;return t}),Object.entries(a).map(n=>{let[,t]=n;return t}),(l=s||(s={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(s).map(n=>{let[,t]=n;return t})},13776:function(n,t,e){"use strict";e.d(t,{MN:function(){return l},Vj:function(){return r},cd:function(){return c},mS:function(){return o},yI:function(){return i},yn:function(){return a}});let r=()=>{var n,t;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},a=(n,t)=>{Object.values(n.children).forEach(n=>{n.setAttribute(t.key,t.value),n.children.length>0&&a(n,t)})},i=function(){for(var n=arguments.length,t=Array(n),e=0;e{if(n){if("string"==typeof n)r+="".concat(n," ");else for(let t in n)n[t]&&(r+="".concat(t," "))}}),r.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],o=(n,t)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||s.includes(n))&&!t.includes(n)).reduce((t,e)=>(t[e]=n[e],t),{}),c=n=>{let{left:t,right:e}=n.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&e<=r},l=n=>{let{top:t,bottom:e}=n.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&e<=r}}},function(n){n.O(0,[49710,11803,92888,49774,40179],function(){return n(n.s=50686)}),_N_E=n.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5534],{50686:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/section/migration",function(){return e(75055)}])},85082:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return s}});var r=e(52322),a=e(45392);function i(n){let t={a:"a",blockquote:"blockquote",h2:"h2",p:"p",strong:"strong",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h2,{id:"general",children:"General"}),"\n",(0,r.jsxs)(t.blockquote,{children:["\n",(0,r.jsxs)(t.p,{children:[(0,r.jsx)(t.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,r.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,r.jsx)(t.h2,{id:"db-ui-core--db-ui-components",children:"DB UI Core ➡ DB UI Components"}),"\n",(0,r.jsx)(t.p,{children:"New Component \uD83E\uDD73"})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,a.a)(),...n.components};return t?(0,r.jsx)(t,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},75055:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return l}});var r=e(52322),a=e(45392),i=e(12156),s=e(85082);let o=n=>{let{children:t}=n;return(0,r.jsx)(i.Z,{children:t})};function c(n){let t={h1:"h1",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbsection-migration",children:"DBSection Migration"}),"\n",(0,r.jsx)(s.default,{})]})}function l(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(o,{...n,children:(0,r.jsx)(c,{...n})})}},16134:function(n,t,e){"use strict";var r=e(52322),a=e(2784),i=e(13776);let s=(0,a.forwardRef)(function(n,t){let e=t||(0,a.useRef)(t);return(0,r.jsx)("button",{ref:e,...(0,i.mS)(n,[]),id:n.id,className:(0,i.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:t=>{n.onClick&&n.onClick(t)},children:n.children})});t.Z=s},63900:function(n,t,e){"use strict";var r,a,i,s,o,c,l;e.d(t,{IY:function(){return u},YP:function(){return d},ce:function(){return p}});let u="OVERWRITE_DEFAULT_ID",d="Back",p="Close Button";(o=r||(r={})).FUNCTIONAL="functional",o.REGULAR="regular",o.EXPRESSIVE="expressive",Object.entries(r).map(n=>{let[,t]=n;return t}),(a||(a={})).PRIMARY="primary",(c=i||(i={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(n=>{let[,t]=n;return t}),Object.entries(a).map(n=>{let[,t]=n;return t}),(l=s||(s={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(s).map(n=>{let[,t]=n;return t})},13776:function(n,t,e){"use strict";e.d(t,{MN:function(){return l},Vj:function(){return r},cd:function(){return c},mS:function(){return o},yI:function(){return i},yn:function(){return a}});let r=()=>{var n,t;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},a=(n,t)=>{Object.values(n.children).forEach(n=>{n.setAttribute(t.key,t.value),n.children.length>0&&a(n,t)})},i=function(){for(var n=arguments.length,t=Array(n),e=0;e{if(n){if("string"==typeof n)r+="".concat(n," ");else for(let t in n)n[t]&&(r+="".concat(t," "))}}),r.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],o=(n,t)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||s.includes(n))&&!t.includes(n)).reduce((t,e)=>(t[e]=n[e],t),{}),c=n=>{let{left:t,right:e}=n.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&e<=r},l=n=>{let{top:t,bottom:e}=n.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&e<=r}}},function(n){n.O(0,[49710,12156,92888,49774,40179],function(){return n(n.s=50686)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/section/overview-fd1c08ddbd37bc90.js b/review/main/_next/static/chunks/pages/components/section/overview-fec482f1c6d97d37.js similarity index 81% rename from review/main/_next/static/chunks/pages/components/section/overview-fd1c08ddbd37bc90.js rename to review/main/_next/static/chunks/pages/components/section/overview-fec482f1c6d97d37.js index 0a513358ac2..b0da656f80f 100644 --- a/review/main/_next/static/chunks/pages/components/section/overview-fd1c08ddbd37bc90.js +++ b/review/main/_next/static/chunks/pages/components/section/overview-fec482f1c6d97d37.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8734],{9844:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/section/overview",function(){return e(77313)}])},77313:function(n,t,e){"use strict";e.r(t);var i=e(52322),s=e(67916),u=e(97393),a=e(61461),c=e(86095),o=e(99341),r=e(32694),f=e(37395);let l=n=>{let{variant:t,size:e,children:s}=n;return(0,i.jsx)(c.cN,{className:"db-bg-informational",size:e,variant:t,children:s})};t.default=()=>(0,i.jsx)(o.Z,{title:"DBSection",variants:(0,f.P)(r,l,[(0,i.jsx)(s.default,{}),(0,i.jsx)(u.default,{}),(0,i.jsx)(a.default,{})])})}},function(n){n.O(0,[49710,14863,11803,28955,92888,49774,40179],function(){return n(n.s=9844)}),_N_E=n.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8734],{9844:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/section/overview",function(){return e(77313)}])},77313:function(n,t,e){"use strict";e.r(t);var i=e(52322),s=e(67916),u=e(97393),a=e(61461),c=e(53752),o=e(99341),r=e(32694),f=e(37395);let l=n=>{let{variant:t,size:e,children:s}=n;return(0,i.jsx)(c.cN,{className:"db-bg-informational",size:e,variant:t,children:s})};t.default=()=>(0,i.jsx)(o.Z,{title:"DBSection",variants:(0,f.P)(r,l,[(0,i.jsx)(s.default,{}),(0,i.jsx)(u.default,{}),(0,i.jsx)(a.default,{})])})}},function(n){n.O(0,[49710,14863,12156,28955,92888,49774,40179],function(){return n(n.s=9844)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/section/properties-c95893d6c3d86133.js b/review/main/_next/static/chunks/pages/components/section/properties-b16c12922fd6e659.js similarity index 98% rename from review/main/_next/static/chunks/pages/components/section/properties-c95893d6c3d86133.js rename to review/main/_next/static/chunks/pages/components/section/properties-b16c12922fd6e659.js index c55a271f65c..114834f1db2 100644 --- a/review/main/_next/static/chunks/pages/components/section/properties-c95893d6c3d86133.js +++ b/review/main/_next/static/chunks/pages/components/section/properties-b16c12922fd6e659.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[16317],{73208:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/section/properties",function(){return n(85444)}])},85444:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return c}});var r=n(52322),i=n(45392),s=n(11803);let a=e=>{let{children:t}=e;return(0,r.jsx)(s.Z,{children:t})};function d(e){let t={a:"a",code:"code",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbsection",children:"DBSection"}),"\n",(0,r.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Name"}),(0,r.jsx)(t.th,{children:"Description"}),(0,r.jsx)(t.th,{children:"Type"}),(0,r.jsx)(t.th,{children:"Options"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"size"}),(0,r.jsxs)(t.td,{children:["The size attribute changes the ",(0,r.jsx)(t.code,{children:"padding-block"})," (former ",(0,r.jsx)(t.code,{children:"padding-top"})," and ",(0,r.jsx)(t.code,{children:"padding-bottom"}),") of the container inside the section."]}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'small' | 'medium' | 'large' | 'none'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"variant"}),(0,r.jsxs)(t.td,{children:["The variant attribute changes the ",(0,r.jsx)(t.code,{children:"padding-inline"})," (former ",(0,r.jsx)(t.code,{children:"padding-left"})," and ",(0,r.jsx)(t.code,{children:"padding-right"}),") of the container inside the section."]}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'medium' | 'large' | 'full'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"children"}),(0,r.jsx)(t.td,{children:"default slot"}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"className"}),(0,r.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"describedbyid"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,r.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"id"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"key"}),(0,r.jsx)(t.td,{children:"React specific for render process."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]})]})]})]})}function c(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(a,{...e,children:(0,r.jsx)(d,{...e})})}},16134:function(e,t,n){"use strict";var r=n(52322),i=n(2784),s=n(13776);let a=(0,i.forwardRef)(function(e,t){let n=t||(0,i.useRef)(t);return(0,r.jsx)("button",{ref:n,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=a},63900:function(e,t,n){"use strict";var r,i,s,a,d,c,l;n.d(t,{IY:function(){return o},YP:function(){return u},ce:function(){return h}});let o="OVERWRITE_DEFAULT_ID",u="Back",h="Close Button";(d=r||(r={})).FUNCTIONAL="functional",d.REGULAR="regular",d.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,t]=e;return t}),(i||(i={})).PRIMARY="primary",(c=s||(s={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(e=>{let[,t]=e;return t}),Object.entries(i).map(e=>{let[,t]=e;return t}),(l=a||(a={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(a).map(e=>{let[,t]=e;return t})},13776:function(e,t,n){"use strict";n.d(t,{MN:function(){return l},Vj:function(){return r},cd:function(){return c},mS:function(){return d},yI:function(){return s},yn:function(){return i}});let r=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&i(e,t)})},s=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let t in e)e[t]&&(r+="".concat(t," "))}}),r.trim()},a=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],d=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||a.includes(e))&&!t.includes(e)).reduce((t,n)=>(t[n]=e[n],t),{}),c=e=>{let{left:t,right:n}=e.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&n<=r},l=e=>{let{top:t,bottom:n}=e.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&n<=r}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=73208)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[16317],{73208:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/section/properties",function(){return n(85444)}])},85444:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return c}});var r=n(52322),i=n(45392),s=n(12156);let a=e=>{let{children:t}=e;return(0,r.jsx)(s.Z,{children:t})};function d(e){let t={a:"a",code:"code",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbsection",children:"DBSection"}),"\n",(0,r.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Name"}),(0,r.jsx)(t.th,{children:"Description"}),(0,r.jsx)(t.th,{children:"Type"}),(0,r.jsx)(t.th,{children:"Options"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"size"}),(0,r.jsxs)(t.td,{children:["The size attribute changes the ",(0,r.jsx)(t.code,{children:"padding-block"})," (former ",(0,r.jsx)(t.code,{children:"padding-top"})," and ",(0,r.jsx)(t.code,{children:"padding-bottom"}),") of the container inside the section."]}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'small' | 'medium' | 'large' | 'none'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"variant"}),(0,r.jsxs)(t.td,{children:["The variant attribute changes the ",(0,r.jsx)(t.code,{children:"padding-inline"})," (former ",(0,r.jsx)(t.code,{children:"padding-left"})," and ",(0,r.jsx)(t.code,{children:"padding-right"}),") of the container inside the section."]}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'medium' | 'large' | 'full'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"children"}),(0,r.jsx)(t.td,{children:"default slot"}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"className"}),(0,r.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"describedbyid"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,r.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"id"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"key"}),(0,r.jsx)(t.td,{children:"React specific for render process."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]})]})]})]})}function c(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(a,{...e,children:(0,r.jsx)(d,{...e})})}},16134:function(e,t,n){"use strict";var r=n(52322),i=n(2784),s=n(13776);let a=(0,i.forwardRef)(function(e,t){let n=t||(0,i.useRef)(t);return(0,r.jsx)("button",{ref:n,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=a},63900:function(e,t,n){"use strict";var r,i,s,a,d,c,l;n.d(t,{IY:function(){return o},YP:function(){return u},ce:function(){return h}});let o="OVERWRITE_DEFAULT_ID",u="Back",h="Close Button";(d=r||(r={})).FUNCTIONAL="functional",d.REGULAR="regular",d.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,t]=e;return t}),(i||(i={})).PRIMARY="primary",(c=s||(s={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(e=>{let[,t]=e;return t}),Object.entries(i).map(e=>{let[,t]=e;return t}),(l=a||(a={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(a).map(e=>{let[,t]=e;return t})},13776:function(e,t,n){"use strict";n.d(t,{MN:function(){return l},Vj:function(){return r},cd:function(){return c},mS:function(){return d},yI:function(){return s},yn:function(){return i}});let r=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&i(e,t)})},s=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let t in e)e[t]&&(r+="".concat(t," "))}}),r.trim()},a=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],d=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||a.includes(e))&&!t.includes(e)).reduce((t,n)=>(t[n]=e[n],t),{}),c=e=>{let{left:t,right:n}=e.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&n<=r},l=e=>{let{top:t,bottom:n}=e.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&n<=r}}},function(e){e.O(0,[49710,12156,92888,49774,40179],function(){return e(e.s=73208)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/select-4589c837ae7e32c0.js b/review/main/_next/static/chunks/pages/components/select-1096d491c4f31d7b.js similarity index 87% rename from review/main/_next/static/chunks/pages/components/select-4589c837ae7e32c0.js rename to review/main/_next/static/chunks/pages/components/select-1096d491c4f31d7b.js index cab998933a9..b9a8d1d01f4 100644 --- a/review/main/_next/static/chunks/pages/components/select-4589c837ae7e32c0.js +++ b/review/main/_next/static/chunks/pages/components/select-1096d491c4f31d7b.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[70285],{96148:function(e,t,l){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/select",function(){return l(90731)}])},90731:function(e,t,l){"use strict";l.r(t);var n=l(52322),a=l(63441),s=l(59657),u=l(77414),i=l(19886),d=l(95349),r=l(81791),f=l(7825),c=l(34579),o=l(86095),_=l(99341),j=l(28213),x=l(37395);let p=e=>{let{children:t,label:l,variant:a,options:s,icon:u,message:i,disabled:d,value:r,required:f,labelVariant:c,invalid:_}=e;return(0,n.jsx)(o.kr,{label:l,placeholder:t,variant:a,options:s,disabled:d,labelVariant:c,icon:u,value:r,message:i,invalid:_,required:f,children:t})};t.default=()=>(0,n.jsx)(_.Z,{title:"DBSelect",variants:(0,x.P)(j,p,[(0,n.jsx)(a.default,{}),(0,n.jsx)(s.default,{}),(0,n.jsx)(u.default,{}),(0,n.jsx)(i.default,{}),(0,n.jsx)(d.default,{}),(0,n.jsx)(r.default,{}),(0,n.jsx)(f.default,{}),(0,n.jsx)(c.default,{})])})}},function(e){e.O(0,[49710,14863,11803,19886,81791,95349,34579,63441,88478,92888,49774,40179],function(){return e(e.s=96148)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[70285],{96148:function(e,t,l){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/select",function(){return l(90731)}])},90731:function(e,t,l){"use strict";l.r(t);var n=l(52322),a=l(63441),s=l(59657),u=l(77414),i=l(19886),d=l(95349),r=l(81791),f=l(7825),c=l(34579),o=l(53752),_=l(99341),j=l(28213),x=l(37395);let p=e=>{let{children:t,label:l,variant:a,options:s,icon:u,message:i,disabled:d,value:r,required:f,labelVariant:c,invalid:_}=e;return(0,n.jsx)(o.kr,{label:l,placeholder:t,variant:a,options:s,disabled:d,labelVariant:c,icon:u,value:r,message:i,invalid:_,required:f,children:t})};t.default=()=>(0,n.jsx)(_.Z,{title:"DBSelect",variants:(0,x.P)(j,p,[(0,n.jsx)(a.default,{}),(0,n.jsx)(s.default,{}),(0,n.jsx)(u.default,{}),(0,n.jsx)(i.default,{}),(0,n.jsx)(d.default,{}),(0,n.jsx)(r.default,{}),(0,n.jsx)(f.default,{}),(0,n.jsx)(c.default,{})])})}},function(e){e.O(0,[49710,14863,12156,19886,81791,95349,34579,63441,88478,92888,49774,40179],function(){return e(e.s=96148)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/select/how-to-use-4cf2205a5cf38326.js b/review/main/_next/static/chunks/pages/components/select/how-to-use-d7b578691a50a06c.js similarity index 98% rename from review/main/_next/static/chunks/pages/components/select/how-to-use-4cf2205a5cf38326.js rename to review/main/_next/static/chunks/pages/components/select/how-to-use-d7b578691a50a06c.js index b66d27a4248..3615495dda1 100644 --- a/review/main/_next/static/chunks/pages/components/select/how-to-use-4cf2205a5cf38326.js +++ b/review/main/_next/static/chunks/pages/components/select/how-to-use-d7b578691a50a06c.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[18469],{25787:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/select/how-to-use",function(){return t(61782)}])},97879:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var r=t(52322),a=t(45392);function o(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"angular",children:"Angular"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"load-component",children:"Load component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-ts",children:"// app.component.ts\nimport { DBSelect } from '@db-ui/ngx-components';\n\n@Component({\n // ...\n standalone: true,\n imports: [..., DBSelect],\n // ...\n})\n"})}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:'\n\n \n \n\n'})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(o,{...n})}):o(n)}},93932:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var r=t(52322),a=t(45392);function o(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"html",children:"HTML"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:'\n...\n\n
    \n \n \n
    \n\n'})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(o,{...n})}):o(n)}},67493:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var r=t(52322),a=t(45392);function o(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"react",children:"React"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-tsx",children:'// App.tsx\nimport { DBSelect } from "@db-ui/react-components";\n\nconst App = () => (\n \n \n \n \n);\n\nexport default App;\n'})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(o,{...n})}):o(n)}},78095:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var r=t(52322),a=t(45392);function o(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"vue",children:"Vue"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-vue",children:'\n\n\n\n'})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(o,{...n})}):o(n)}},61782:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return p}});var r=t(52322),a=t(45392),o=t(11803),s=t(93932),i=t(97879),c=t(67493),l=t(78095);let u=n=>{let{children:e}=n;return(0,r.jsx)(o.Z,{children:e})};function d(n){let e={h1:"h1",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h1,{id:"how-to-use-dbselect",children:"How to use DBSelect"}),"\n",(0,r.jsx)(s.default,{}),"\n",(0,r.jsx)(i.default,{}),"\n",(0,r.jsx)(c.default,{}),"\n",(0,r.jsx)(l.default,{})]})}function p(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(u,{...n,children:(0,r.jsx)(d,{...n})})}},16134:function(n,e,t){"use strict";var r=t(52322),a=t(2784),o=t(13776);let s=(0,a.forwardRef)(function(n,e){let t=e||(0,a.useRef)(e);return(0,r.jsx)("button",{ref:t,...(0,o.mS)(n,[]),id:n.id,className:(0,o.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:e=>{n.onClick&&n.onClick(e)},children:n.children})});e.Z=s},63900:function(n,e,t){"use strict";var r,a,o,s,i,c,l;t.d(e,{IY:function(){return u},YP:function(){return d},ce:function(){return p}});let u="OVERWRITE_DEFAULT_ID",d="Back",p="Close Button";(i=r||(r={})).FUNCTIONAL="functional",i.REGULAR="regular",i.EXPRESSIVE="expressive",Object.entries(r).map(n=>{let[,e]=n;return e}),(a||(a={})).PRIMARY="primary",(c=o||(o={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(o).map(n=>{let[,e]=n;return e}),Object.entries(a).map(n=>{let[,e]=n;return e}),(l=s||(s={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(s).map(n=>{let[,e]=n;return e})},13776:function(n,e,t){"use strict";t.d(e,{MN:function(){return l},Vj:function(){return r},cd:function(){return c},mS:function(){return i},yI:function(){return o},yn:function(){return a}});let r=()=>{var n,e;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},a=(n,e)=>{Object.values(n.children).forEach(n=>{n.setAttribute(e.key,e.value),n.children.length>0&&a(n,e)})},o=function(){for(var n=arguments.length,e=Array(n),t=0;t{if(n){if("string"==typeof n)r+="".concat(n," ");else for(let e in n)n[e]&&(r+="".concat(e," "))}}),r.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],i=(n,e)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||s.includes(n))&&!e.includes(n)).reduce((e,t)=>(e[t]=n[t],e),{}),c=n=>{let{left:e,right:t}=n.getBoundingClientRect(),{innerWidth:r}=window;return e>=0&&t<=r},l=n=>{let{top:e,bottom:t}=n.getBoundingClientRect(),{innerHeight:r}=window;return e>=0&&t<=r}}},function(n){n.O(0,[49710,11803,92888,49774,40179],function(){return n(n.s=25787)}),_N_E=n.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[18469],{25787:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/select/how-to-use",function(){return t(61782)}])},97879:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var r=t(52322),a=t(45392);function o(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"angular",children:"Angular"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"load-component",children:"Load component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-ts",children:"// app.component.ts\nimport { DBSelect } from '@db-ui/ngx-components';\n\n@Component({\n // ...\n standalone: true,\n imports: [..., DBSelect],\n // ...\n})\n"})}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:'\n\n \n \n\n'})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(o,{...n})}):o(n)}},93932:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var r=t(52322),a=t(45392);function o(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"html",children:"HTML"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-html",children:'\n...\n\n
    \n \n \n
    \n\n'})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(o,{...n})}):o(n)}},67493:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var r=t(52322),a=t(45392);function o(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"react",children:"React"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-tsx",children:'// App.tsx\nimport { DBSelect } from "@db-ui/react-components";\n\nconst App = () => (\n \n \n \n \n);\n\nexport default App;\n'})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(o,{...n})}):o(n)}},78095:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return s}});var r=t(52322),a=t(45392);function o(n){let e={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"vue",children:"Vue"}),"\n",(0,r.jsxs)(e.p,{children:["For general installation and configuration take a look at the ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,r.jsx)(e.h3,{id:"use-component",children:"Use component"}),"\n",(0,r.jsx)(e.pre,{children:(0,r.jsx)(e.code,{className:"language-vue",children:'\n\n\n\n'})})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...n.components};return e?(0,r.jsx)(e,{...n,children:(0,r.jsx)(o,{...n})}):o(n)}},61782:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return p}});var r=t(52322),a=t(45392),o=t(12156),s=t(93932),i=t(97879),c=t(67493),l=t(78095);let u=n=>{let{children:e}=n;return(0,r.jsx)(o.Z,{children:e})};function d(n){let e={h1:"h1",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h1,{id:"how-to-use-dbselect",children:"How to use DBSelect"}),"\n",(0,r.jsx)(s.default,{}),"\n",(0,r.jsx)(i.default,{}),"\n",(0,r.jsx)(c.default,{}),"\n",(0,r.jsx)(l.default,{})]})}function p(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(u,{...n,children:(0,r.jsx)(d,{...n})})}},16134:function(n,e,t){"use strict";var r=t(52322),a=t(2784),o=t(13776);let s=(0,a.forwardRef)(function(n,e){let t=e||(0,a.useRef)(e);return(0,r.jsx)("button",{ref:t,...(0,o.mS)(n,[]),id:n.id,className:(0,o.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:e=>{n.onClick&&n.onClick(e)},children:n.children})});e.Z=s},63900:function(n,e,t){"use strict";var r,a,o,s,i,c,l;t.d(e,{IY:function(){return u},YP:function(){return d},ce:function(){return p}});let u="OVERWRITE_DEFAULT_ID",d="Back",p="Close Button";(i=r||(r={})).FUNCTIONAL="functional",i.REGULAR="regular",i.EXPRESSIVE="expressive",Object.entries(r).map(n=>{let[,e]=n;return e}),(a||(a={})).PRIMARY="primary",(c=o||(o={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(o).map(n=>{let[,e]=n;return e}),Object.entries(a).map(n=>{let[,e]=n;return e}),(l=s||(s={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(s).map(n=>{let[,e]=n;return e})},13776:function(n,e,t){"use strict";t.d(e,{MN:function(){return l},Vj:function(){return r},cd:function(){return c},mS:function(){return i},yI:function(){return o},yn:function(){return a}});let r=()=>{var n,e;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},a=(n,e)=>{Object.values(n.children).forEach(n=>{n.setAttribute(e.key,e.value),n.children.length>0&&a(n,e)})},o=function(){for(var n=arguments.length,e=Array(n),t=0;t{if(n){if("string"==typeof n)r+="".concat(n," ");else for(let e in n)n[e]&&(r+="".concat(e," "))}}),r.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],i=(n,e)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||s.includes(n))&&!e.includes(n)).reduce((e,t)=>(e[t]=n[t],e),{}),c=n=>{let{left:e,right:t}=n.getBoundingClientRect(),{innerWidth:r}=window;return e>=0&&t<=r},l=n=>{let{top:e,bottom:t}=n.getBoundingClientRect(),{innerHeight:r}=window;return e>=0&&t<=r}}},function(n){n.O(0,[49710,12156,92888,49774,40179],function(){return n(n.s=25787)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/select/migration-91e437c3e264987d.js b/review/main/_next/static/chunks/pages/components/select/migration-979deca0c5f58e14.js similarity index 98% rename from review/main/_next/static/chunks/pages/components/select/migration-91e437c3e264987d.js rename to review/main/_next/static/chunks/pages/components/select/migration-979deca0c5f58e14.js index 13af37577c6..e2243b7dcf0 100644 --- a/review/main/_next/static/chunks/pages/components/select/migration-91e437c3e264987d.js +++ b/review/main/_next/static/chunks/pages/components/select/migration-979deca0c5f58e14.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[91442],{60495:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/select/migration",function(){return n(33857)}])},45740:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return a}});var r=n(52322),i=n(45392);function s(e){let t={a:"a",blockquote:"blockquote",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h2,{id:"general",children:"General"}),"\n",(0,r.jsxs)(t.blockquote,{children:["\n",(0,r.jsxs)(t.p,{children:[(0,r.jsx)(t.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,r.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,r.jsx)(t.h2,{id:"db-ui-core--db-ui-components",children:"DB UI Core ➡ DB UI Components"}),"\n",(0,r.jsx)(t.h3,{id:"class",children:"class"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Before"}),(0,r.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(t.th,{children:"After"}),(0,r.jsx)(t.th,{children:"Description"})]})}),(0,r.jsx)(t.tbody,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"elm-select"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"db-select"})}),(0,r.jsx)(t.td,{})]})})]}),"\n",(0,r.jsx)(t.h3,{id:"select",children:"select"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Before"}),(0,r.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(t.th,{children:"After"}),(0,r.jsx)(t.th,{children:"Description"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"multiple"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(t.td,{}),(0,r.jsx)(t.td,{children:"We removed this attribute for now, there are no valid designs for this use case."})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"size"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(t.td,{}),(0,r.jsx)(t.td,{children:"We removed this attribute for now, there are no valid designs for this use case."})]})]})]})]})}function a(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,i.a)(),...e.components};return t?(0,r.jsx)(t,{...e,children:(0,r.jsx)(s,{...e})}):s(e)}},33857:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return d}});var r=n(52322),i=n(45392),s=n(11803),a=n(45740);let l=e=>{let{children:t}=e;return(0,r.jsx)(s.Z,{children:t})};function c(e){let t={h1:"h1",...(0,i.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbselect-migration",children:"DBSelect Migration"}),"\n",(0,r.jsx)(a.default,{})]})}function d(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(l,{...e,children:(0,r.jsx)(c,{...e})})}},16134:function(e,t,n){"use strict";var r=n(52322),i=n(2784),s=n(13776);let a=(0,i.forwardRef)(function(e,t){let n=t||(0,i.useRef)(t);return(0,r.jsx)("button",{ref:n,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=a},63900:function(e,t,n){"use strict";var r,i,s,a,l,c,d;n.d(t,{IY:function(){return o},YP:function(){return u},ce:function(){return h}});let o="OVERWRITE_DEFAULT_ID",u="Back",h="Close Button";(l=r||(r={})).FUNCTIONAL="functional",l.REGULAR="regular",l.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,t]=e;return t}),(i||(i={})).PRIMARY="primary",(c=s||(s={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(e=>{let[,t]=e;return t}),Object.entries(i).map(e=>{let[,t]=e;return t}),(d=a||(a={})).CRITICAL="critical",d.INFORMATIONAL="informational",d.WARNING="warning",d.SUCCESSFUL="successful",Object.entries(a).map(e=>{let[,t]=e;return t})},13776:function(e,t,n){"use strict";n.d(t,{MN:function(){return d},Vj:function(){return r},cd:function(){return c},mS:function(){return l},yI:function(){return s},yn:function(){return i}});let r=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&i(e,t)})},s=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let t in e)e[t]&&(r+="".concat(t," "))}}),r.trim()},a=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],l=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||a.includes(e))&&!t.includes(e)).reduce((t,n)=>(t[n]=e[n],t),{}),c=e=>{let{left:t,right:n}=e.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&n<=r},d=e=>{let{top:t,bottom:n}=e.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&n<=r}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=60495)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[91442],{60495:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/select/migration",function(){return n(33857)}])},45740:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return a}});var r=n(52322),i=n(45392);function s(e){let t={a:"a",blockquote:"blockquote",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h2,{id:"general",children:"General"}),"\n",(0,r.jsxs)(t.blockquote,{children:["\n",(0,r.jsxs)(t.p,{children:[(0,r.jsx)(t.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,r.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,r.jsx)(t.h2,{id:"db-ui-core--db-ui-components",children:"DB UI Core ➡ DB UI Components"}),"\n",(0,r.jsx)(t.h3,{id:"class",children:"class"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Before"}),(0,r.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(t.th,{children:"After"}),(0,r.jsx)(t.th,{children:"Description"})]})}),(0,r.jsx)(t.tbody,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"elm-select"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"db-select"})}),(0,r.jsx)(t.td,{})]})})]}),"\n",(0,r.jsx)(t.h3,{id:"select",children:"select"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Before"}),(0,r.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(t.th,{children:"After"}),(0,r.jsx)(t.th,{children:"Description"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"multiple"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(t.td,{}),(0,r.jsx)(t.td,{children:"We removed this attribute for now, there are no valid designs for this use case."})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"size"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(t.td,{}),(0,r.jsx)(t.td,{children:"We removed this attribute for now, there are no valid designs for this use case."})]})]})]})]})}function a(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,i.a)(),...e.components};return t?(0,r.jsx)(t,{...e,children:(0,r.jsx)(s,{...e})}):s(e)}},33857:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return d}});var r=n(52322),i=n(45392),s=n(12156),a=n(45740);let l=e=>{let{children:t}=e;return(0,r.jsx)(s.Z,{children:t})};function c(e){let t={h1:"h1",...(0,i.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbselect-migration",children:"DBSelect Migration"}),"\n",(0,r.jsx)(a.default,{})]})}function d(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(l,{...e,children:(0,r.jsx)(c,{...e})})}},16134:function(e,t,n){"use strict";var r=n(52322),i=n(2784),s=n(13776);let a=(0,i.forwardRef)(function(e,t){let n=t||(0,i.useRef)(t);return(0,r.jsx)("button",{ref:n,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=a},63900:function(e,t,n){"use strict";var r,i,s,a,l,c,d;n.d(t,{IY:function(){return o},YP:function(){return u},ce:function(){return h}});let o="OVERWRITE_DEFAULT_ID",u="Back",h="Close Button";(l=r||(r={})).FUNCTIONAL="functional",l.REGULAR="regular",l.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,t]=e;return t}),(i||(i={})).PRIMARY="primary",(c=s||(s={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(e=>{let[,t]=e;return t}),Object.entries(i).map(e=>{let[,t]=e;return t}),(d=a||(a={})).CRITICAL="critical",d.INFORMATIONAL="informational",d.WARNING="warning",d.SUCCESSFUL="successful",Object.entries(a).map(e=>{let[,t]=e;return t})},13776:function(e,t,n){"use strict";n.d(t,{MN:function(){return d},Vj:function(){return r},cd:function(){return c},mS:function(){return l},yI:function(){return s},yn:function(){return i}});let r=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&i(e,t)})},s=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let t in e)e[t]&&(r+="".concat(t," "))}}),r.trim()},a=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],l=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||a.includes(e))&&!t.includes(e)).reduce((t,n)=>(t[n]=e[n],t),{}),c=e=>{let{left:t,right:n}=e.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&n<=r},d=e=>{let{top:t,bottom:n}=e.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&n<=r}}},function(e){e.O(0,[49710,12156,92888,49774,40179],function(){return e(e.s=60495)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/select/overview-3ad9e3a851345ef5.js b/review/main/_next/static/chunks/pages/components/select/overview-ea5f49c9047854ba.js similarity index 87% rename from review/main/_next/static/chunks/pages/components/select/overview-3ad9e3a851345ef5.js rename to review/main/_next/static/chunks/pages/components/select/overview-ea5f49c9047854ba.js index 498d3f9d4cb..4dc0d2074b0 100644 --- a/review/main/_next/static/chunks/pages/components/select/overview-3ad9e3a851345ef5.js +++ b/review/main/_next/static/chunks/pages/components/select/overview-ea5f49c9047854ba.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[31265],{74729:function(e,t,l){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/select/overview",function(){return l(29561)}])},29561:function(e,t,l){"use strict";l.r(t);var n=l(52322),a=l(63441),s=l(59657),u=l(77414),i=l(19886),r=l(95349),d=l(81791),f=l(7825),c=l(34579),o=l(86095),_=l(99341),j=l(28213),x=l(37395);let p=e=>{let{children:t,label:l,variant:a,options:s,icon:u,message:i,disabled:r,value:d,required:f,labelVariant:c,invalid:_}=e;return(0,n.jsx)(o.kr,{label:l,placeholder:t,variant:a,options:s,disabled:r,labelVariant:c,icon:u,value:d,message:i,invalid:_,required:f,children:t})};t.default=()=>(0,n.jsx)(_.Z,{title:"DBSelect",variants:(0,x.P)(j,p,[(0,n.jsx)(a.default,{}),(0,n.jsx)(s.default,{}),(0,n.jsx)(u.default,{}),(0,n.jsx)(i.default,{}),(0,n.jsx)(r.default,{}),(0,n.jsx)(d.default,{}),(0,n.jsx)(f.default,{}),(0,n.jsx)(c.default,{})])})}},function(e){e.O(0,[49710,14863,11803,19886,81791,95349,34579,63441,88478,92888,49774,40179],function(){return e(e.s=74729)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[31265],{74729:function(e,t,l){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/select/overview",function(){return l(29561)}])},29561:function(e,t,l){"use strict";l.r(t);var n=l(52322),a=l(63441),s=l(59657),u=l(77414),i=l(19886),r=l(95349),d=l(81791),f=l(7825),c=l(34579),o=l(53752),_=l(99341),j=l(28213),x=l(37395);let p=e=>{let{children:t,label:l,variant:a,options:s,icon:u,message:i,disabled:r,value:d,required:f,labelVariant:c,invalid:_}=e;return(0,n.jsx)(o.kr,{label:l,placeholder:t,variant:a,options:s,disabled:r,labelVariant:c,icon:u,value:d,message:i,invalid:_,required:f,children:t})};t.default=()=>(0,n.jsx)(_.Z,{title:"DBSelect",variants:(0,x.P)(j,p,[(0,n.jsx)(a.default,{}),(0,n.jsx)(s.default,{}),(0,n.jsx)(u.default,{}),(0,n.jsx)(i.default,{}),(0,n.jsx)(r.default,{}),(0,n.jsx)(d.default,{}),(0,n.jsx)(f.default,{}),(0,n.jsx)(c.default,{})])})}},function(e){e.O(0,[49710,14863,12156,19886,81791,95349,34579,63441,88478,92888,49774,40179],function(){return e(e.s=74729)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/select/properties-891a25e5c12889d9.js b/review/main/_next/static/chunks/pages/components/select/properties-ed2ef19c0b1ed880.js similarity index 99% rename from review/main/_next/static/chunks/pages/components/select/properties-891a25e5c12889d9.js rename to review/main/_next/static/chunks/pages/components/select/properties-ed2ef19c0b1ed880.js index 9d17d2274bb..e73348a0f68 100644 --- a/review/main/_next/static/chunks/pages/components/select/properties-891a25e5c12889d9.js +++ b/review/main/_next/static/chunks/pages/components/select/properties-ed2ef19c0b1ed880.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6906],{67554:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/select/properties",function(){return n(3117)}])},3117:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return l}});var r=n(52322),s=n(45392),i=n(11803);let d=e=>{let{children:t}=e;return(0,r.jsx)(i.Z,{children:t})};function c(e){let t={a:"a",code:"code",em:"em",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,s.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbselect",children:"DBSelect"}),"\n",(0,r.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Name"}),(0,r.jsx)(t.th,{children:"Description"}),(0,r.jsx)(t.th,{children:"Type"}),(0,r.jsx)(t.th,{children:"Options"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"description"}),(0,r.jsx)(t.td,{children:"The description attribute will add a paragraph below the select."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"options"}),(0,r.jsx)(t.td,{children:"If you don't/can't use children/slots you can pass in the options as an array."}),(0,r.jsx)(t.td,{children:"Array"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsxs)("code",{className:"code-pre-wrap",children:["const array:DBSelectOptionType[] = [{",(0,r.jsx)("br",{})," /////",(0,r.jsx)("br",{})," // Identifier for option",(0,r.jsx)("br",{})," ///",(0,r.jsx)("br",{})," id?: string;",(0,r.jsx)("br",{}),(0,r.jsx)("br",{})," /////",(0,r.jsx)("br",{})," // Disables this option",(0,r.jsx)("br",{})," ///",(0,r.jsx)("br",{})," // Disables this option",(0,r.jsx)("br",{})," disabled?: boolean;",(0,r.jsx)("br",{}),(0,r.jsx)("br",{})," /////",(0,r.jsx)("br",{})," // If the value is different from the label you want to show to the user.",(0,r.jsx)("br",{})," ///",(0,r.jsx)("br",{})," label?: string;",(0,r.jsx)("br",{}),(0,r.jsx)("br",{})," /////",(0,r.jsx)("br",{})," // If you want to use optgroup you can nest options here.",(0,r.jsx)("br",{})," ///",(0,r.jsx)("br",{})," options?: DBSelectOptionType[];",(0,r.jsx)("br",{}),(0,r.jsx)("br",{})," /////",(0,r.jsx)("br",{})," // The main value you select, will be shown as default label if no label is set.",(0,r.jsx)("br",{})," ///",(0,r.jsx)("br",{})," value: string | string[] | number;",(0,r.jsx)("br",{}),"}]"]})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"children"}),(0,r.jsx)(t.td,{children:"default slot"}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"className"}),(0,r.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"describedbyid"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,r.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"id"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"key"}),(0,r.jsx)(t.td,{children:"React specific for render process."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"onClick"}),(0,r.jsx)(t.td,{children:"React specific onClick to pass to forward ref."}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: ClickEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"change"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: ChangeEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"onChange"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: ChangeEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"blur"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: InteractionEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"onBlur"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: InteractionEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"focus"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: InteractionEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"onFocus"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: InteractionEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"disabled"}),(0,r.jsx)(t.td,{children:"The disabled attribute can be set to keep a user from clicking on the form element."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"form"}),(0,r.jsx)(t.td,{children:"Associates the control with a form element"}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"invalid"}),(0,r.jsx)(t.td,{children:"Marks an input element as invalid."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"label"}),(0,r.jsx)(t.td,{children:"The label attribute specifies the caption of the form element."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"name"}),(0,r.jsx)(t.td,{children:"The name attribute gives the name of the form control, as used in form submission and in the form element's elements object."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"required"}),(0,r.jsx)(t.td,{children:"When the required attribute specified, the user will be required to fill the form element before submitting the form."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"value"}),(0,r.jsx)(t.td,{children:"The value property is to receive results from the native form element."}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"variant"}),(0,r.jsx)(t.td,{children:"The variant defines the default variants for most components."}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'adaptive' | 'neutral' | 'critical' | 'informational' | 'warning' | 'successful'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"icon"}),(0,r.jsxs)(t.td,{children:["Define an icon by its identifier (like e.g. ",(0,r.jsx)(t.em,{children:"account"}),", compare to ",(0,r.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"Icons"}),") to get displayed in front of the elements content."]}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"IconTypes"})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"labelVariant"}),(0,r.jsx)(t.td,{children:"Change the variant of the label to float"}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'above' | 'floating' | 'hidden'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"placeholder"}),(0,r.jsx)(t.td,{children:"Text that appears in the form control when it has no value set"}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"message"}),(0,r.jsx)(t.td,{children:"Optional helper message for form components"}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"messageIcon"}),(0,r.jsx)(t.td,{children:"Set/overwrite icon for helper message for form components"}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"IconTypes"})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"autocomplete"}),(0,r.jsxs)(t.td,{children:["See ",(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete",children:"https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete"})]}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"string | 'off' | 'on' | 'name' | 'honorific-prefix' | 'given-name' | 'additional-name' | 'family-name' | 'honorific-suffix' | 'nickname' | 'email' | 'username' | 'new-password' | 'current-password' | 'one-time-code' | 'organization-title' | 'organization' | 'street-address' | 'shipping' | 'billing' | 'address-line1' | 'address-line2' | 'address-line3' | 'address-level4' | 'address-level3' | 'address-level2' | 'address-level1' | 'country' | 'country-name' | 'postal-code' | 'cc-name' | 'cc-given-name' | 'cc-additional-name' | 'cc-family-name' | 'cc-number' | 'cc-exp' | 'cc-exp-month' | 'cc-exp-year' | 'cc-csc' | 'cc-type' | 'transaction-currency' | 'transaction-amount' | 'language' | 'bday' | 'bday-day' | 'bday-month' | 'bday-year' | 'sex' | 'tel' | 'tel-country-code' | 'tel-national' | 'tel-area-code' | 'tel-local' | 'tel-extension' | 'impp' | 'url' | 'photo' | 'webauthn'"})})})]})]})]})]})}function l(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(d,{...e,children:(0,r.jsx)(c,{...e})})}},16134:function(e,t,n){"use strict";var r=n(52322),s=n(2784),i=n(13776);let d=(0,s.forwardRef)(function(e,t){let n=t||(0,s.useRef)(t);return(0,r.jsx)("button",{ref:n,...(0,i.mS)(e,[]),id:e.id,className:(0,i.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=d},63900:function(e,t,n){"use strict";var r,s,i,d,c,l,a;n.d(t,{IY:function(){return o},YP:function(){return h},ce:function(){return x}});let o="OVERWRITE_DEFAULT_ID",h="Back",x="Close Button";(c=r||(r={})).FUNCTIONAL="functional",c.REGULAR="regular",c.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,t]=e;return t}),(s||(s={})).PRIMARY="primary",(l=i||(i={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(e=>{let[,t]=e;return t}),Object.entries(s).map(e=>{let[,t]=e;return t}),(a=d||(d={})).CRITICAL="critical",a.INFORMATIONAL="informational",a.WARNING="warning",a.SUCCESSFUL="successful",Object.entries(d).map(e=>{let[,t]=e;return t})},13776:function(e,t,n){"use strict";n.d(t,{MN:function(){return a},Vj:function(){return r},cd:function(){return l},mS:function(){return c},yI:function(){return i},yn:function(){return s}});let r=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},s=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&s(e,t)})},i=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let t in e)e[t]&&(r+="".concat(t," "))}}),r.trim()},d=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],c=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||d.includes(e))&&!t.includes(e)).reduce((t,n)=>(t[n]=e[n],t),{}),l=e=>{let{left:t,right:n}=e.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&n<=r},a=e=>{let{top:t,bottom:n}=e.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&n<=r}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=67554)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6906],{67554:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/select/properties",function(){return n(3117)}])},3117:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return l}});var r=n(52322),s=n(45392),i=n(12156);let d=e=>{let{children:t}=e;return(0,r.jsx)(i.Z,{children:t})};function c(e){let t={a:"a",code:"code",em:"em",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,s.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbselect",children:"DBSelect"}),"\n",(0,r.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Name"}),(0,r.jsx)(t.th,{children:"Description"}),(0,r.jsx)(t.th,{children:"Type"}),(0,r.jsx)(t.th,{children:"Options"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"description"}),(0,r.jsx)(t.td,{children:"The description attribute will add a paragraph below the select."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"options"}),(0,r.jsx)(t.td,{children:"If you don't/can't use children/slots you can pass in the options as an array."}),(0,r.jsx)(t.td,{children:"Array"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsxs)("code",{className:"code-pre-wrap",children:["const array:DBSelectOptionType[] = [{",(0,r.jsx)("br",{})," /////",(0,r.jsx)("br",{})," // Identifier for option",(0,r.jsx)("br",{})," ///",(0,r.jsx)("br",{})," id?: string;",(0,r.jsx)("br",{}),(0,r.jsx)("br",{})," /////",(0,r.jsx)("br",{})," // Disables this option",(0,r.jsx)("br",{})," ///",(0,r.jsx)("br",{})," // Disables this option",(0,r.jsx)("br",{})," disabled?: boolean;",(0,r.jsx)("br",{}),(0,r.jsx)("br",{})," /////",(0,r.jsx)("br",{})," // If the value is different from the label you want to show to the user.",(0,r.jsx)("br",{})," ///",(0,r.jsx)("br",{})," label?: string;",(0,r.jsx)("br",{}),(0,r.jsx)("br",{})," /////",(0,r.jsx)("br",{})," // If you want to use optgroup you can nest options here.",(0,r.jsx)("br",{})," ///",(0,r.jsx)("br",{})," options?: DBSelectOptionType[];",(0,r.jsx)("br",{}),(0,r.jsx)("br",{})," /////",(0,r.jsx)("br",{})," // The main value you select, will be shown as default label if no label is set.",(0,r.jsx)("br",{})," ///",(0,r.jsx)("br",{})," value: string | string[] | number;",(0,r.jsx)("br",{}),"}]"]})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"children"}),(0,r.jsx)(t.td,{children:"default slot"}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"className"}),(0,r.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"describedbyid"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,r.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"id"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"key"}),(0,r.jsx)(t.td,{children:"React specific for render process."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"onClick"}),(0,r.jsx)(t.td,{children:"React specific onClick to pass to forward ref."}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: ClickEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"change"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: ChangeEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"onChange"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: ChangeEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"blur"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: InteractionEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"onBlur"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: InteractionEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"focus"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: InteractionEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"onFocus"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: InteractionEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"disabled"}),(0,r.jsx)(t.td,{children:"The disabled attribute can be set to keep a user from clicking on the form element."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"form"}),(0,r.jsx)(t.td,{children:"Associates the control with a form element"}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"invalid"}),(0,r.jsx)(t.td,{children:"Marks an input element as invalid."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"label"}),(0,r.jsx)(t.td,{children:"The label attribute specifies the caption of the form element."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"name"}),(0,r.jsx)(t.td,{children:"The name attribute gives the name of the form control, as used in form submission and in the form element's elements object."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"required"}),(0,r.jsx)(t.td,{children:"When the required attribute specified, the user will be required to fill the form element before submitting the form."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"value"}),(0,r.jsx)(t.td,{children:"The value property is to receive results from the native form element."}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"variant"}),(0,r.jsx)(t.td,{children:"The variant defines the default variants for most components."}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'adaptive' | 'neutral' | 'critical' | 'informational' | 'warning' | 'successful'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"icon"}),(0,r.jsxs)(t.td,{children:["Define an icon by its identifier (like e.g. ",(0,r.jsx)(t.em,{children:"account"}),", compare to ",(0,r.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"Icons"}),") to get displayed in front of the elements content."]}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"IconTypes"})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"labelVariant"}),(0,r.jsx)(t.td,{children:"Change the variant of the label to float"}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'above' | 'floating' | 'hidden'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"placeholder"}),(0,r.jsx)(t.td,{children:"Text that appears in the form control when it has no value set"}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"message"}),(0,r.jsx)(t.td,{children:"Optional helper message for form components"}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"messageIcon"}),(0,r.jsx)(t.td,{children:"Set/overwrite icon for helper message for form components"}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"IconTypes"})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"autocomplete"}),(0,r.jsxs)(t.td,{children:["See ",(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete",children:"https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete"})]}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"string | 'off' | 'on' | 'name' | 'honorific-prefix' | 'given-name' | 'additional-name' | 'family-name' | 'honorific-suffix' | 'nickname' | 'email' | 'username' | 'new-password' | 'current-password' | 'one-time-code' | 'organization-title' | 'organization' | 'street-address' | 'shipping' | 'billing' | 'address-line1' | 'address-line2' | 'address-line3' | 'address-level4' | 'address-level3' | 'address-level2' | 'address-level1' | 'country' | 'country-name' | 'postal-code' | 'cc-name' | 'cc-given-name' | 'cc-additional-name' | 'cc-family-name' | 'cc-number' | 'cc-exp' | 'cc-exp-month' | 'cc-exp-year' | 'cc-csc' | 'cc-type' | 'transaction-currency' | 'transaction-amount' | 'language' | 'bday' | 'bday-day' | 'bday-month' | 'bday-year' | 'sex' | 'tel' | 'tel-country-code' | 'tel-national' | 'tel-area-code' | 'tel-local' | 'tel-extension' | 'impp' | 'url' | 'photo' | 'webauthn'"})})})]})]})]})]})}function l(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(d,{...e,children:(0,r.jsx)(c,{...e})})}},16134:function(e,t,n){"use strict";var r=n(52322),s=n(2784),i=n(13776);let d=(0,s.forwardRef)(function(e,t){let n=t||(0,s.useRef)(t);return(0,r.jsx)("button",{ref:n,...(0,i.mS)(e,[]),id:e.id,className:(0,i.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=d},63900:function(e,t,n){"use strict";var r,s,i,d,c,l,a;n.d(t,{IY:function(){return o},YP:function(){return h},ce:function(){return x}});let o="OVERWRITE_DEFAULT_ID",h="Back",x="Close Button";(c=r||(r={})).FUNCTIONAL="functional",c.REGULAR="regular",c.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,t]=e;return t}),(s||(s={})).PRIMARY="primary",(l=i||(i={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(e=>{let[,t]=e;return t}),Object.entries(s).map(e=>{let[,t]=e;return t}),(a=d||(d={})).CRITICAL="critical",a.INFORMATIONAL="informational",a.WARNING="warning",a.SUCCESSFUL="successful",Object.entries(d).map(e=>{let[,t]=e;return t})},13776:function(e,t,n){"use strict";n.d(t,{MN:function(){return a},Vj:function(){return r},cd:function(){return l},mS:function(){return c},yI:function(){return i},yn:function(){return s}});let r=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},s=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&s(e,t)})},i=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let t in e)e[t]&&(r+="".concat(t," "))}}),r.trim()},d=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],c=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||d.includes(e))&&!t.includes(e)).reduce((t,n)=>(t[n]=e[n],t),{}),l=e=>{let{left:t,right:n}=e.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&n<=r},a=e=>{let{top:t,bottom:n}=e.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&n<=r}}},function(e){e.O(0,[49710,12156,92888,49774,40179],function(){return e(e.s=67554)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/tab-e789780d017a124a.js b/review/main/_next/static/chunks/pages/components/tab-d9ae5ae3fc60fc19.js similarity index 84% rename from review/main/_next/static/chunks/pages/components/tab-e789780d017a124a.js rename to review/main/_next/static/chunks/pages/components/tab-d9ae5ae3fc60fc19.js index 375bf284523..3c4a096d7e7 100644 --- a/review/main/_next/static/chunks/pages/components/tab-e789780d017a124a.js +++ b/review/main/_next/static/chunks/pages/components/tab-d9ae5ae3fc60fc19.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[45544],{21160:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tab",function(){return e(53507)}])},53507:function(t,n,e){"use strict";e.r(n);var u=e(52322),s=e(64384),a=e(20989),i=e(72298),f=e(65596),c=e(15772),l=e(86095),o=e(99341),r=e(63535),_=e(37395);let d=t=>{let{children:n,active:e,noText:s,icon:a,iconAfter:i,disabled:f}=t;return(0,u.jsx)(l.QQ,{active:e,noText:s,icon:a,iconAfter:i,disabled:f,children:n})};n.default=()=>(0,u.jsx)(o.Z,{title:"DBTab",variants:(0,_.P)(r,d,[(0,u.jsx)(s.default,{}),(0,u.jsx)(a.default,{}),(0,u.jsx)(i.default,{}),(0,u.jsx)(f.default,{}),(0,u.jsx)(c.default,{})])})}},function(t){t.O(0,[49710,14863,11803,72298,5014,92888,49774,40179],function(){return t(t.s=21160)}),_N_E=t.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[45544],{21160:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tab",function(){return e(53507)}])},53507:function(t,n,e){"use strict";e.r(n);var u=e(52322),s=e(64384),a=e(20989),i=e(72298),f=e(65596),c=e(15772),l=e(53752),o=e(99341),r=e(63535),_=e(37395);let d=t=>{let{children:n,active:e,noText:s,icon:a,iconAfter:i,disabled:f}=t;return(0,u.jsx)(l.QQ,{active:e,noText:s,icon:a,iconAfter:i,disabled:f,children:n})};n.default=()=>(0,u.jsx)(o.Z,{title:"DBTab",variants:(0,_.P)(r,d,[(0,u.jsx)(s.default,{}),(0,u.jsx)(a.default,{}),(0,u.jsx)(i.default,{}),(0,u.jsx)(f.default,{}),(0,u.jsx)(c.default,{})])})}},function(t){t.O(0,[49710,14863,12156,72298,5014,92888,49774,40179],function(){return t(t.s=21160)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/tab-list/how-to-use-bdb31ea1b979190c.js b/review/main/_next/static/chunks/pages/components/tab-list/how-to-use-07e96cbda8e7736b.js similarity index 98% rename from review/main/_next/static/chunks/pages/components/tab-list/how-to-use-bdb31ea1b979190c.js rename to review/main/_next/static/chunks/pages/components/tab-list/how-to-use-07e96cbda8e7736b.js index 90c1b882d9f..4f39fa566c4 100644 --- a/review/main/_next/static/chunks/pages/components/tab-list/how-to-use-bdb31ea1b979190c.js +++ b/review/main/_next/static/chunks/pages/components/tab-list/how-to-use-07e96cbda8e7736b.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[92273],{89702:function(n,a,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tab-list/how-to-use",function(){return t(53693)}])},84815:function(n,a,t){"use strict";t.r(a),t.d(a,{default:function(){return l}});var e=t(52322),r=t(45392);function s(n){let a={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,r.a)(),...n.components};return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(a.h2,{id:"angular",children:"Angular"}),"\n",(0,e.jsxs)(a.p,{children:["For general installation and configuration take a look at the ",(0,e.jsx)(a.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,e.jsx)(a.h3,{id:"load-component",children:"Load component"}),"\n",(0,e.jsx)(a.p,{children:"You can't use the component standalone!"}),"\n",(0,e.jsx)(a.pre,{children:(0,e.jsx)(a.code,{className:"language-ts",children:"//app.module.ts\nimport { DBTab, DBTabList, DBTabPanel, DBTabs } from '@db-ui/ngx-components';\n\n@NgModule({\n ...\n standalone: true,\n imports: [..., DBTab,DBTabList,DBTabPanel,DBTabs],\n ...\n})\n\n"})}),"\n",(0,e.jsx)(a.h3,{id:"use-component",children:"Use component"}),"\n",(0,e.jsx)(a.pre,{children:(0,e.jsx)(a.code,{className:"language-html",children:"\n\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n\n"})})]})}function l(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:a}={...(0,r.a)(),...n.components};return a?(0,e.jsx)(a,{...n,children:(0,e.jsx)(s,{...n})}):s(n)}},63736:function(n,a,t){"use strict";t.r(a),t.d(a,{default:function(){return l}});var e=t(52322),r=t(45392);function s(n){let a={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,r.a)(),...n.components};return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(a.h2,{id:"html",children:"HTML"}),"\n",(0,e.jsxs)(a.p,{children:["For general installation and configuration take a look at the ",(0,e.jsx)(a.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,e.jsx)(a.h3,{id:"use-component",children:"Use component"}),"\n",(0,e.jsx)(a.pre,{children:(0,e.jsx)(a.code,{className:"language-html",children:'\n...\n\n
    \n
    \n
    \n Test 1Test 2Test 3\n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    \n\n'})})]})}function l(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:a}={...(0,r.a)(),...n.components};return a?(0,e.jsx)(a,{...n,children:(0,e.jsx)(s,{...n})}):s(n)}},13524:function(n,a,t){"use strict";t.r(a),t.d(a,{default:function(){return l}});var e=t(52322),r=t(45392);function s(n){let a={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,r.a)(),...n.components};return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(a.h2,{id:"react",children:"React"}),"\n",(0,e.jsxs)(a.p,{children:["For general installation and configuration take a look at the ",(0,e.jsx)(a.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,e.jsx)(a.h3,{id:"use-component",children:"Use component"}),"\n",(0,e.jsx)(a.pre,{children:(0,e.jsx)(a.code,{className:"language-tsx",children:'// App.tsx\nimport { DBTab, DBTabList, DBTabs, DBTabPanel } from "@db-ui/react-components";\n\nconst App = () => (\n \n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n \n);\n\nexport default App;\n'})})]})}function l(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:a}={...(0,r.a)(),...n.components};return a?(0,e.jsx)(a,{...n,children:(0,e.jsx)(s,{...n})}):s(n)}},81787:function(n,a,t){"use strict";t.r(a),t.d(a,{default:function(){return l}});var e=t(52322),r=t(45392);function s(n){let a={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,r.a)(),...n.components};return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(a.h2,{id:"vue",children:"Vue"}),"\n",(0,e.jsxs)(a.p,{children:["For general installation and configuration take a look at the ",(0,e.jsx)(a.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,e.jsx)(a.h3,{id:"use-component",children:"Use component"}),"\n",(0,e.jsx)(a.pre,{children:(0,e.jsx)(a.code,{className:"language-vue",children:'\n\n\n\n'})})]})}function l(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:a}={...(0,r.a)(),...n.components};return a?(0,e.jsx)(a,{...n,children:(0,e.jsx)(s,{...n})}):s(n)}},53693:function(n,a,t){"use strict";t.r(a),t.d(a,{default:function(){return u}});var e=t(52322),r=t(45392),s=t(11803),l=t(63736),i=t(84815),o=t(13524),c=t(81787);let d=n=>{let{children:a}=n;return(0,e.jsx)(s.Z,{children:a})};function b(n){let a={h1:"h1",...(0,r.a)(),...n.components};return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(a.h1,{id:"how-to-use-dbtablist",children:"How to use DBTabList"}),"\n",(0,e.jsx)(l.default,{}),"\n",(0,e.jsx)(i.default,{}),"\n",(0,e.jsx)(o.default,{}),"\n",(0,e.jsx)(c.default,{})]})}function u(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,e.jsx)(d,{...n,children:(0,e.jsx)(b,{...n})})}},16134:function(n,a,t){"use strict";var e=t(52322),r=t(2784),s=t(13776);let l=(0,r.forwardRef)(function(n,a){let t=a||(0,r.useRef)(a);return(0,e.jsx)("button",{ref:t,...(0,s.mS)(n,[]),id:n.id,className:(0,s.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:a=>{n.onClick&&n.onClick(a)},children:n.children})});a.Z=l},63900:function(n,a,t){"use strict";var e,r,s,l,i,o,c;t.d(a,{IY:function(){return d},YP:function(){return b},ce:function(){return u}});let d="OVERWRITE_DEFAULT_ID",b="Back",u="Close Button";(i=e||(e={})).FUNCTIONAL="functional",i.REGULAR="regular",i.EXPRESSIVE="expressive",Object.entries(e).map(n=>{let[,a]=n;return a}),(r||(r={})).PRIMARY="primary",(o=s||(s={})).BASE="base",o.BASE_STRONG="base-strong",o.BASE_TRANSPARENT_SEMI="base-transparent-semi",o.BASE_TRANSPARENT_FULL="base-transparent-full",o.NEUTRAL="neutral",o.NEUTRAL_STRONG="neutral-strong",o.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",o.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",o.BRAND="brand",o.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",o.BRAND_TRANSPARENT_FULL="brand-transparent-full",o.SUCCESSFUL="successful",o.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",o.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",o.CRITICAL="critical",o.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",o.CRITICAL_TRANSPARENT_Full="critical-transparent-full",o.WARNING="warning",o.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",o.WARNING_TRANSPARENT_FULL="warning-transparent-full",o.INFORMATIONAL="informational",o.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",o.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(n=>{let[,a]=n;return a}),Object.entries(r).map(n=>{let[,a]=n;return a}),(c=l||(l={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(l).map(n=>{let[,a]=n;return a})},13776:function(n,a,t){"use strict";t.d(a,{MN:function(){return c},Vj:function(){return e},cd:function(){return o},mS:function(){return i},yI:function(){return s},yn:function(){return r}});let e=()=>{var n,a;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(a=window.crypto)||void 0===a?void 0:a.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},r=(n,a)=>{Object.values(n.children).forEach(n=>{n.setAttribute(a.key,a.value),n.children.length>0&&r(n,a)})},s=function(){for(var n=arguments.length,a=Array(n),t=0;t{if(n){if("string"==typeof n)e+="".concat(n," ");else for(let a in n)n[a]&&(e+="".concat(a," "))}}),e.trim()},l=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],i=(n,a)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||l.includes(n))&&!a.includes(n)).reduce((a,t)=>(a[t]=n[t],a),{}),o=n=>{let{left:a,right:t}=n.getBoundingClientRect(),{innerWidth:e}=window;return a>=0&&t<=e},c=n=>{let{top:a,bottom:t}=n.getBoundingClientRect(),{innerHeight:e}=window;return a>=0&&t<=e}}},function(n){n.O(0,[49710,11803,92888,49774,40179],function(){return n(n.s=89702)}),_N_E=n.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[92273],{89702:function(n,a,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tab-list/how-to-use",function(){return t(53693)}])},84815:function(n,a,t){"use strict";t.r(a),t.d(a,{default:function(){return l}});var e=t(52322),r=t(45392);function s(n){let a={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,r.a)(),...n.components};return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(a.h2,{id:"angular",children:"Angular"}),"\n",(0,e.jsxs)(a.p,{children:["For general installation and configuration take a look at the ",(0,e.jsx)(a.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,e.jsx)(a.h3,{id:"load-component",children:"Load component"}),"\n",(0,e.jsx)(a.p,{children:"You can't use the component standalone!"}),"\n",(0,e.jsx)(a.pre,{children:(0,e.jsx)(a.code,{className:"language-ts",children:"//app.module.ts\nimport { DBTab, DBTabList, DBTabPanel, DBTabs } from '@db-ui/ngx-components';\n\n@NgModule({\n ...\n standalone: true,\n imports: [..., DBTab,DBTabList,DBTabPanel,DBTabs],\n ...\n})\n\n"})}),"\n",(0,e.jsx)(a.h3,{id:"use-component",children:"Use component"}),"\n",(0,e.jsx)(a.pre,{children:(0,e.jsx)(a.code,{className:"language-html",children:"\n\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n\n"})})]})}function l(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:a}={...(0,r.a)(),...n.components};return a?(0,e.jsx)(a,{...n,children:(0,e.jsx)(s,{...n})}):s(n)}},63736:function(n,a,t){"use strict";t.r(a),t.d(a,{default:function(){return l}});var e=t(52322),r=t(45392);function s(n){let a={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,r.a)(),...n.components};return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(a.h2,{id:"html",children:"HTML"}),"\n",(0,e.jsxs)(a.p,{children:["For general installation and configuration take a look at the ",(0,e.jsx)(a.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,e.jsx)(a.h3,{id:"use-component",children:"Use component"}),"\n",(0,e.jsx)(a.pre,{children:(0,e.jsx)(a.code,{className:"language-html",children:'\n...\n\n
    \n
    \n
    \n Test 1Test 2Test 3\n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    \n\n'})})]})}function l(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:a}={...(0,r.a)(),...n.components};return a?(0,e.jsx)(a,{...n,children:(0,e.jsx)(s,{...n})}):s(n)}},13524:function(n,a,t){"use strict";t.r(a),t.d(a,{default:function(){return l}});var e=t(52322),r=t(45392);function s(n){let a={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,r.a)(),...n.components};return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(a.h2,{id:"react",children:"React"}),"\n",(0,e.jsxs)(a.p,{children:["For general installation and configuration take a look at the ",(0,e.jsx)(a.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,e.jsx)(a.h3,{id:"use-component",children:"Use component"}),"\n",(0,e.jsx)(a.pre,{children:(0,e.jsx)(a.code,{className:"language-tsx",children:'// App.tsx\nimport { DBTab, DBTabList, DBTabs, DBTabPanel } from "@db-ui/react-components";\n\nconst App = () => (\n \n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n \n);\n\nexport default App;\n'})})]})}function l(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:a}={...(0,r.a)(),...n.components};return a?(0,e.jsx)(a,{...n,children:(0,e.jsx)(s,{...n})}):s(n)}},81787:function(n,a,t){"use strict";t.r(a),t.d(a,{default:function(){return l}});var e=t(52322),r=t(45392);function s(n){let a={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,r.a)(),...n.components};return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(a.h2,{id:"vue",children:"Vue"}),"\n",(0,e.jsxs)(a.p,{children:["For general installation and configuration take a look at the ",(0,e.jsx)(a.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,e.jsx)(a.h3,{id:"use-component",children:"Use component"}),"\n",(0,e.jsx)(a.pre,{children:(0,e.jsx)(a.code,{className:"language-vue",children:'\n\n\n\n'})})]})}function l(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:a}={...(0,r.a)(),...n.components};return a?(0,e.jsx)(a,{...n,children:(0,e.jsx)(s,{...n})}):s(n)}},53693:function(n,a,t){"use strict";t.r(a),t.d(a,{default:function(){return u}});var e=t(52322),r=t(45392),s=t(12156),l=t(63736),i=t(84815),o=t(13524),c=t(81787);let d=n=>{let{children:a}=n;return(0,e.jsx)(s.Z,{children:a})};function b(n){let a={h1:"h1",...(0,r.a)(),...n.components};return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(a.h1,{id:"how-to-use-dbtablist",children:"How to use DBTabList"}),"\n",(0,e.jsx)(l.default,{}),"\n",(0,e.jsx)(i.default,{}),"\n",(0,e.jsx)(o.default,{}),"\n",(0,e.jsx)(c.default,{})]})}function u(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,e.jsx)(d,{...n,children:(0,e.jsx)(b,{...n})})}},16134:function(n,a,t){"use strict";var e=t(52322),r=t(2784),s=t(13776);let l=(0,r.forwardRef)(function(n,a){let t=a||(0,r.useRef)(a);return(0,e.jsx)("button",{ref:t,...(0,s.mS)(n,[]),id:n.id,className:(0,s.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:a=>{n.onClick&&n.onClick(a)},children:n.children})});a.Z=l},63900:function(n,a,t){"use strict";var e,r,s,l,i,o,c;t.d(a,{IY:function(){return d},YP:function(){return b},ce:function(){return u}});let d="OVERWRITE_DEFAULT_ID",b="Back",u="Close Button";(i=e||(e={})).FUNCTIONAL="functional",i.REGULAR="regular",i.EXPRESSIVE="expressive",Object.entries(e).map(n=>{let[,a]=n;return a}),(r||(r={})).PRIMARY="primary",(o=s||(s={})).BASE="base",o.BASE_STRONG="base-strong",o.BASE_TRANSPARENT_SEMI="base-transparent-semi",o.BASE_TRANSPARENT_FULL="base-transparent-full",o.NEUTRAL="neutral",o.NEUTRAL_STRONG="neutral-strong",o.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",o.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",o.BRAND="brand",o.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",o.BRAND_TRANSPARENT_FULL="brand-transparent-full",o.SUCCESSFUL="successful",o.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",o.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",o.CRITICAL="critical",o.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",o.CRITICAL_TRANSPARENT_Full="critical-transparent-full",o.WARNING="warning",o.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",o.WARNING_TRANSPARENT_FULL="warning-transparent-full",o.INFORMATIONAL="informational",o.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",o.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(n=>{let[,a]=n;return a}),Object.entries(r).map(n=>{let[,a]=n;return a}),(c=l||(l={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(l).map(n=>{let[,a]=n;return a})},13776:function(n,a,t){"use strict";t.d(a,{MN:function(){return c},Vj:function(){return e},cd:function(){return o},mS:function(){return i},yI:function(){return s},yn:function(){return r}});let e=()=>{var n,a;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(a=window.crypto)||void 0===a?void 0:a.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},r=(n,a)=>{Object.values(n.children).forEach(n=>{n.setAttribute(a.key,a.value),n.children.length>0&&r(n,a)})},s=function(){for(var n=arguments.length,a=Array(n),t=0;t{if(n){if("string"==typeof n)e+="".concat(n," ");else for(let a in n)n[a]&&(e+="".concat(a," "))}}),e.trim()},l=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],i=(n,a)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||l.includes(n))&&!a.includes(n)).reduce((a,t)=>(a[t]=n[t],a),{}),o=n=>{let{left:a,right:t}=n.getBoundingClientRect(),{innerWidth:e}=window;return a>=0&&t<=e},c=n=>{let{top:a,bottom:t}=n.getBoundingClientRect(),{innerHeight:e}=window;return a>=0&&t<=e}}},function(n){n.O(0,[49710,12156,92888,49774,40179],function(){return n(n.s=89702)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/tab-list/migration-ccfbb4ffdfe37ed0.js b/review/main/_next/static/chunks/pages/components/tab-list/migration-8ef5aab104658b8f.js similarity index 97% rename from review/main/_next/static/chunks/pages/components/tab-list/migration-ccfbb4ffdfe37ed0.js rename to review/main/_next/static/chunks/pages/components/tab-list/migration-8ef5aab104658b8f.js index a62dddbdff3..59687d3129a 100644 --- a/review/main/_next/static/chunks/pages/components/tab-list/migration-ccfbb4ffdfe37ed0.js +++ b/review/main/_next/static/chunks/pages/components/tab-list/migration-8ef5aab104658b8f.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6491],{67452:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tab-list/migration",function(){return e(67741)}])},53318:function(t,n,e){"use strict";e.r(n),e.d(n,{default:function(){return s}});var r=e(52322),a=e(45392);function i(t){let n={a:"a",blockquote:"blockquote",h2:"h2",p:"p",strong:"strong",...(0,a.a)(),...t.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.h2,{id:"general",children:"General"}),"\n",(0,r.jsxs)(n.blockquote,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,r.jsx)(n.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,r.jsx)(n.h2,{id:"db-ui-core--db-ui-components",children:"DB UI Core ➡ DB UI Components"}),"\n",(0,r.jsx)(n.p,{children:"New Component \uD83E\uDD73"})]})}function s(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:n}={...(0,a.a)(),...t.components};return n?(0,r.jsx)(n,{...t,children:(0,r.jsx)(i,{...t})}):i(t)}},67741:function(t,n,e){"use strict";e.r(n),e.d(n,{default:function(){return c}});var r=e(52322),a=e(45392),i=e(11803),s=e(53318);let o=t=>{let{children:n}=t;return(0,r.jsx)(i.Z,{children:n})};function l(t){let n={h1:"h1",...(0,a.a)(),...t.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.h1,{id:"dbtablist-migration",children:"DBTabList Migration"}),"\n",(0,r.jsx)(s.default,{})]})}function c(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(o,{...t,children:(0,r.jsx)(l,{...t})})}},16134:function(t,n,e){"use strict";var r=e(52322),a=e(2784),i=e(13776);let s=(0,a.forwardRef)(function(t,n){let e=n||(0,a.useRef)(n);return(0,r.jsx)("button",{ref:e,...(0,i.mS)(t,[]),id:t.id,className:(0,i.yI)("db-button",t.className,{"is-icon-text-replace":t.noText}),type:t.type,disabled:t.disabled,"aria-label":t.label,"data-icon":t.icon,"data-size":t.size,"data-state":t.state,"data-width":t.width,"data-variant":t.variant,name:t.name,value:t.value,"aria-describedby":t.describedbyid,"aria-expanded":t.ariaexpanded,"aria-pressed":t.ariapressed,onClick:n=>{t.onClick&&t.onClick(n)},children:t.children})});n.Z=s},63900:function(t,n,e){"use strict";var r,a,i,s,o,l,c;e.d(n,{IY:function(){return u},YP:function(){return d},ce:function(){return p}});let u="OVERWRITE_DEFAULT_ID",d="Back",p="Close Button";(o=r||(r={})).FUNCTIONAL="functional",o.REGULAR="regular",o.EXPRESSIVE="expressive",Object.entries(r).map(t=>{let[,n]=t;return n}),(a||(a={})).PRIMARY="primary",(l=i||(i={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(t=>{let[,n]=t;return n}),Object.entries(a).map(t=>{let[,n]=t;return n}),(c=s||(s={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(s).map(t=>{let[,n]=t;return n})},13776:function(t,n,e){"use strict";e.d(n,{MN:function(){return c},Vj:function(){return r},cd:function(){return l},mS:function(){return o},yI:function(){return i},yn:function(){return a}});let r=()=>{var t,n;return(null===(t=window.crypto)||void 0===t?void 0:t.randomUUID)?window.crypto.randomUUID():(null===(n=window.crypto)||void 0===n?void 0:n.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},a=(t,n)=>{Object.values(t.children).forEach(t=>{t.setAttribute(n.key,n.value),t.children.length>0&&a(t,n)})},i=function(){for(var t=arguments.length,n=Array(t),e=0;e{if(t){if("string"==typeof t)r+="".concat(t," ");else for(let n in t)t[n]&&(r+="".concat(n," "))}}),r.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],o=(t,n)=>Object.keys(t).filter(t=>(t.startsWith("data-")||t.startsWith("aria-")||t.startsWith("default")||t.startsWith("auto")||t.startsWith("item")||t.startsWith("on")||s.includes(t))&&!n.includes(t)).reduce((n,e)=>(n[e]=t[e],n),{}),l=t=>{let{left:n,right:e}=t.getBoundingClientRect(),{innerWidth:r}=window;return n>=0&&e<=r},c=t=>{let{top:n,bottom:e}=t.getBoundingClientRect(),{innerHeight:r}=window;return n>=0&&e<=r}}},function(t){t.O(0,[49710,11803,92888,49774,40179],function(){return t(t.s=67452)}),_N_E=t.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6491],{67452:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tab-list/migration",function(){return e(67741)}])},53318:function(t,n,e){"use strict";e.r(n),e.d(n,{default:function(){return s}});var r=e(52322),a=e(45392);function i(t){let n={a:"a",blockquote:"blockquote",h2:"h2",p:"p",strong:"strong",...(0,a.a)(),...t.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.h2,{id:"general",children:"General"}),"\n",(0,r.jsxs)(n.blockquote,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,r.jsx)(n.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,r.jsx)(n.h2,{id:"db-ui-core--db-ui-components",children:"DB UI Core ➡ DB UI Components"}),"\n",(0,r.jsx)(n.p,{children:"New Component \uD83E\uDD73"})]})}function s(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:n}={...(0,a.a)(),...t.components};return n?(0,r.jsx)(n,{...t,children:(0,r.jsx)(i,{...t})}):i(t)}},67741:function(t,n,e){"use strict";e.r(n),e.d(n,{default:function(){return c}});var r=e(52322),a=e(45392),i=e(12156),s=e(53318);let o=t=>{let{children:n}=t;return(0,r.jsx)(i.Z,{children:n})};function l(t){let n={h1:"h1",...(0,a.a)(),...t.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.h1,{id:"dbtablist-migration",children:"DBTabList Migration"}),"\n",(0,r.jsx)(s.default,{})]})}function c(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(o,{...t,children:(0,r.jsx)(l,{...t})})}},16134:function(t,n,e){"use strict";var r=e(52322),a=e(2784),i=e(13776);let s=(0,a.forwardRef)(function(t,n){let e=n||(0,a.useRef)(n);return(0,r.jsx)("button",{ref:e,...(0,i.mS)(t,[]),id:t.id,className:(0,i.yI)("db-button",t.className,{"is-icon-text-replace":t.noText}),type:t.type,disabled:t.disabled,"aria-label":t.label,"data-icon":t.icon,"data-size":t.size,"data-state":t.state,"data-width":t.width,"data-variant":t.variant,name:t.name,value:t.value,"aria-describedby":t.describedbyid,"aria-expanded":t.ariaexpanded,"aria-pressed":t.ariapressed,onClick:n=>{t.onClick&&t.onClick(n)},children:t.children})});n.Z=s},63900:function(t,n,e){"use strict";var r,a,i,s,o,l,c;e.d(n,{IY:function(){return u},YP:function(){return d},ce:function(){return p}});let u="OVERWRITE_DEFAULT_ID",d="Back",p="Close Button";(o=r||(r={})).FUNCTIONAL="functional",o.REGULAR="regular",o.EXPRESSIVE="expressive",Object.entries(r).map(t=>{let[,n]=t;return n}),(a||(a={})).PRIMARY="primary",(l=i||(i={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(t=>{let[,n]=t;return n}),Object.entries(a).map(t=>{let[,n]=t;return n}),(c=s||(s={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(s).map(t=>{let[,n]=t;return n})},13776:function(t,n,e){"use strict";e.d(n,{MN:function(){return c},Vj:function(){return r},cd:function(){return l},mS:function(){return o},yI:function(){return i},yn:function(){return a}});let r=()=>{var t,n;return(null===(t=window.crypto)||void 0===t?void 0:t.randomUUID)?window.crypto.randomUUID():(null===(n=window.crypto)||void 0===n?void 0:n.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},a=(t,n)=>{Object.values(t.children).forEach(t=>{t.setAttribute(n.key,n.value),t.children.length>0&&a(t,n)})},i=function(){for(var t=arguments.length,n=Array(t),e=0;e{if(t){if("string"==typeof t)r+="".concat(t," ");else for(let n in t)t[n]&&(r+="".concat(n," "))}}),r.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],o=(t,n)=>Object.keys(t).filter(t=>(t.startsWith("data-")||t.startsWith("aria-")||t.startsWith("default")||t.startsWith("auto")||t.startsWith("item")||t.startsWith("on")||s.includes(t))&&!n.includes(t)).reduce((n,e)=>(n[e]=t[e],n),{}),l=t=>{let{left:n,right:e}=t.getBoundingClientRect(),{innerWidth:r}=window;return n>=0&&e<=r},c=t=>{let{top:n,bottom:e}=t.getBoundingClientRect(),{innerHeight:r}=window;return n>=0&&e<=r}}},function(t){t.O(0,[49710,12156,92888,49774,40179],function(){return t(t.s=67452)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/tab-list/properties-6b49a84caea76074.js b/review/main/_next/static/chunks/pages/components/tab-list/properties-bbdd0bcfb6320f93.js similarity index 97% rename from review/main/_next/static/chunks/pages/components/tab-list/properties-6b49a84caea76074.js rename to review/main/_next/static/chunks/pages/components/tab-list/properties-bbdd0bcfb6320f93.js index b3828ff3514..30cda751d4c 100644 --- a/review/main/_next/static/chunks/pages/components/tab-list/properties-6b49a84caea76074.js +++ b/review/main/_next/static/chunks/pages/components/tab-list/properties-bbdd0bcfb6320f93.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[47750],{15392:function(t,e,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tab-list/properties",function(){return n(84494)}])},84494:function(t,e,n){"use strict";n.r(e),n.d(e,{default:function(){return d}});var r=n(52322),i=n(45392),s=n(11803);let a=t=>{let{children:e}=t;return(0,r.jsx)(s.Z,{children:e})};function l(t){let e={a:"a",code:"code",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...t.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h1,{id:"dbtablist",children:"DBTabList"}),"\n",(0,r.jsx)(e.h2,{id:"properties",children:"Properties"}),"\n",(0,r.jsxs)(e.table,{children:[(0,r.jsx)(e.thead,{children:(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.th,{children:"Name"}),(0,r.jsx)(e.th,{children:"Description"}),(0,r.jsx)(e.th,{children:"Type"}),(0,r.jsx)(e.th,{children:"Options"})]})}),(0,r.jsxs)(e.tbody,{children:[(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:"children"}),(0,r.jsx)(e.td,{children:"default slot"}),(0,r.jsx)(e.td,{children:"any"}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:"className"}),(0,r.jsx)(e.td,{children:"React specific for adding className to the component."}),(0,r.jsx)(e.td,{children:"string"}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:"describedbyid"}),(0,r.jsxs)(e.td,{children:[(0,r.jsx)(e.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,r.jsx)(e.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,r.jsx)(e.td,{children:"string"}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:"id"}),(0,r.jsxs)(e.td,{children:[(0,r.jsx)(e.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,r.jsx)(e.td,{children:"string"}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:"key"}),(0,r.jsx)(e.td,{children:"React specific for render process."}),(0,r.jsx)(e.td,{children:"string"}),(0,r.jsx)(e.td,{})]})]})]})]})}function d(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(a,{...t,children:(0,r.jsx)(l,{...t})})}},16134:function(t,e,n){"use strict";var r=n(52322),i=n(2784),s=n(13776);let a=(0,i.forwardRef)(function(t,e){let n=e||(0,i.useRef)(e);return(0,r.jsx)("button",{ref:n,...(0,s.mS)(t,[]),id:t.id,className:(0,s.yI)("db-button",t.className,{"is-icon-text-replace":t.noText}),type:t.type,disabled:t.disabled,"aria-label":t.label,"data-icon":t.icon,"data-size":t.size,"data-state":t.state,"data-width":t.width,"data-variant":t.variant,name:t.name,value:t.value,"aria-describedby":t.describedbyid,"aria-expanded":t.ariaexpanded,"aria-pressed":t.ariapressed,onClick:e=>{t.onClick&&t.onClick(e)},children:t.children})});e.Z=a},63900:function(t,e,n){"use strict";var r,i,s,a,l,d,c;n.d(e,{IY:function(){return o},YP:function(){return u},ce:function(){return h}});let o="OVERWRITE_DEFAULT_ID",u="Back",h="Close Button";(l=r||(r={})).FUNCTIONAL="functional",l.REGULAR="regular",l.EXPRESSIVE="expressive",Object.entries(r).map(t=>{let[,e]=t;return e}),(i||(i={})).PRIMARY="primary",(d=s||(s={})).BASE="base",d.BASE_STRONG="base-strong",d.BASE_TRANSPARENT_SEMI="base-transparent-semi",d.BASE_TRANSPARENT_FULL="base-transparent-full",d.NEUTRAL="neutral",d.NEUTRAL_STRONG="neutral-strong",d.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",d.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",d.BRAND="brand",d.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",d.BRAND_TRANSPARENT_FULL="brand-transparent-full",d.SUCCESSFUL="successful",d.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",d.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",d.CRITICAL="critical",d.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",d.CRITICAL_TRANSPARENT_Full="critical-transparent-full",d.WARNING="warning",d.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",d.WARNING_TRANSPARENT_FULL="warning-transparent-full",d.INFORMATIONAL="informational",d.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",d.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(t=>{let[,e]=t;return e}),Object.entries(i).map(t=>{let[,e]=t;return e}),(c=a||(a={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(a).map(t=>{let[,e]=t;return e})},13776:function(t,e,n){"use strict";n.d(e,{MN:function(){return c},Vj:function(){return r},cd:function(){return d},mS:function(){return l},yI:function(){return s},yn:function(){return i}});let r=()=>{var t,e;return(null===(t=window.crypto)||void 0===t?void 0:t.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(t,e)=>{Object.values(t.children).forEach(t=>{t.setAttribute(e.key,e.value),t.children.length>0&&i(t,e)})},s=function(){for(var t=arguments.length,e=Array(t),n=0;n{if(t){if("string"==typeof t)r+="".concat(t," ");else for(let e in t)t[e]&&(r+="".concat(e," "))}}),r.trim()},a=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],l=(t,e)=>Object.keys(t).filter(t=>(t.startsWith("data-")||t.startsWith("aria-")||t.startsWith("default")||t.startsWith("auto")||t.startsWith("item")||t.startsWith("on")||a.includes(t))&&!e.includes(t)).reduce((e,n)=>(e[n]=t[n],e),{}),d=t=>{let{left:e,right:n}=t.getBoundingClientRect(),{innerWidth:r}=window;return e>=0&&n<=r},c=t=>{let{top:e,bottom:n}=t.getBoundingClientRect(),{innerHeight:r}=window;return e>=0&&n<=r}}},function(t){t.O(0,[49710,11803,92888,49774,40179],function(){return t(t.s=15392)}),_N_E=t.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[47750],{15392:function(t,e,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tab-list/properties",function(){return n(84494)}])},84494:function(t,e,n){"use strict";n.r(e),n.d(e,{default:function(){return d}});var r=n(52322),i=n(45392),s=n(12156);let a=t=>{let{children:e}=t;return(0,r.jsx)(s.Z,{children:e})};function l(t){let e={a:"a",code:"code",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...t.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h1,{id:"dbtablist",children:"DBTabList"}),"\n",(0,r.jsx)(e.h2,{id:"properties",children:"Properties"}),"\n",(0,r.jsxs)(e.table,{children:[(0,r.jsx)(e.thead,{children:(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.th,{children:"Name"}),(0,r.jsx)(e.th,{children:"Description"}),(0,r.jsx)(e.th,{children:"Type"}),(0,r.jsx)(e.th,{children:"Options"})]})}),(0,r.jsxs)(e.tbody,{children:[(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:"children"}),(0,r.jsx)(e.td,{children:"default slot"}),(0,r.jsx)(e.td,{children:"any"}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:"className"}),(0,r.jsx)(e.td,{children:"React specific for adding className to the component."}),(0,r.jsx)(e.td,{children:"string"}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:"describedbyid"}),(0,r.jsxs)(e.td,{children:[(0,r.jsx)(e.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,r.jsx)(e.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,r.jsx)(e.td,{children:"string"}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:"id"}),(0,r.jsxs)(e.td,{children:[(0,r.jsx)(e.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,r.jsx)(e.td,{children:"string"}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:"key"}),(0,r.jsx)(e.td,{children:"React specific for render process."}),(0,r.jsx)(e.td,{children:"string"}),(0,r.jsx)(e.td,{})]})]})]})]})}function d(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(a,{...t,children:(0,r.jsx)(l,{...t})})}},16134:function(t,e,n){"use strict";var r=n(52322),i=n(2784),s=n(13776);let a=(0,i.forwardRef)(function(t,e){let n=e||(0,i.useRef)(e);return(0,r.jsx)("button",{ref:n,...(0,s.mS)(t,[]),id:t.id,className:(0,s.yI)("db-button",t.className,{"is-icon-text-replace":t.noText}),type:t.type,disabled:t.disabled,"aria-label":t.label,"data-icon":t.icon,"data-size":t.size,"data-state":t.state,"data-width":t.width,"data-variant":t.variant,name:t.name,value:t.value,"aria-describedby":t.describedbyid,"aria-expanded":t.ariaexpanded,"aria-pressed":t.ariapressed,onClick:e=>{t.onClick&&t.onClick(e)},children:t.children})});e.Z=a},63900:function(t,e,n){"use strict";var r,i,s,a,l,d,c;n.d(e,{IY:function(){return o},YP:function(){return u},ce:function(){return h}});let o="OVERWRITE_DEFAULT_ID",u="Back",h="Close Button";(l=r||(r={})).FUNCTIONAL="functional",l.REGULAR="regular",l.EXPRESSIVE="expressive",Object.entries(r).map(t=>{let[,e]=t;return e}),(i||(i={})).PRIMARY="primary",(d=s||(s={})).BASE="base",d.BASE_STRONG="base-strong",d.BASE_TRANSPARENT_SEMI="base-transparent-semi",d.BASE_TRANSPARENT_FULL="base-transparent-full",d.NEUTRAL="neutral",d.NEUTRAL_STRONG="neutral-strong",d.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",d.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",d.BRAND="brand",d.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",d.BRAND_TRANSPARENT_FULL="brand-transparent-full",d.SUCCESSFUL="successful",d.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",d.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",d.CRITICAL="critical",d.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",d.CRITICAL_TRANSPARENT_Full="critical-transparent-full",d.WARNING="warning",d.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",d.WARNING_TRANSPARENT_FULL="warning-transparent-full",d.INFORMATIONAL="informational",d.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",d.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(t=>{let[,e]=t;return e}),Object.entries(i).map(t=>{let[,e]=t;return e}),(c=a||(a={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(a).map(t=>{let[,e]=t;return e})},13776:function(t,e,n){"use strict";n.d(e,{MN:function(){return c},Vj:function(){return r},cd:function(){return d},mS:function(){return l},yI:function(){return s},yn:function(){return i}});let r=()=>{var t,e;return(null===(t=window.crypto)||void 0===t?void 0:t.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(t,e)=>{Object.values(t.children).forEach(t=>{t.setAttribute(e.key,e.value),t.children.length>0&&i(t,e)})},s=function(){for(var t=arguments.length,e=Array(t),n=0;n{if(t){if("string"==typeof t)r+="".concat(t," ");else for(let e in t)t[e]&&(r+="".concat(e," "))}}),r.trim()},a=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],l=(t,e)=>Object.keys(t).filter(t=>(t.startsWith("data-")||t.startsWith("aria-")||t.startsWith("default")||t.startsWith("auto")||t.startsWith("item")||t.startsWith("on")||a.includes(t))&&!e.includes(t)).reduce((e,n)=>(e[n]=t[n],e),{}),d=t=>{let{left:e,right:n}=t.getBoundingClientRect(),{innerWidth:r}=window;return e>=0&&n<=r},c=t=>{let{top:e,bottom:n}=t.getBoundingClientRect(),{innerHeight:r}=window;return e>=0&&n<=r}}},function(t){t.O(0,[49710,12156,92888,49774,40179],function(){return t(t.s=15392)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/tab-panel/how-to-use-91f051fbef8f4c67.js b/review/main/_next/static/chunks/pages/components/tab-panel/how-to-use-88073d13c78d2c0f.js similarity index 98% rename from review/main/_next/static/chunks/pages/components/tab-panel/how-to-use-91f051fbef8f4c67.js rename to review/main/_next/static/chunks/pages/components/tab-panel/how-to-use-88073d13c78d2c0f.js index 8bc68aa2fc5..f375dc54fb9 100644 --- a/review/main/_next/static/chunks/pages/components/tab-panel/how-to-use-91f051fbef8f4c67.js +++ b/review/main/_next/static/chunks/pages/components/tab-panel/how-to-use-88073d13c78d2c0f.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[55336],{26063:function(n,a,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tab-panel/how-to-use",function(){return t(94973)}])},29521:function(n,a,t){"use strict";t.r(a),t.d(a,{default:function(){return l}});var e=t(52322),r=t(45392);function s(n){let a={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,r.a)(),...n.components};return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(a.h2,{id:"angular",children:"Angular"}),"\n",(0,e.jsxs)(a.p,{children:["For general installation and configuration take a look at the ",(0,e.jsx)(a.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,e.jsx)(a.h3,{id:"load-component",children:"Load component"}),"\n",(0,e.jsx)(a.p,{children:"You can't use the component standalone!"}),"\n",(0,e.jsx)(a.pre,{children:(0,e.jsx)(a.code,{className:"language-ts",children:"//app.module.ts\nimport { DBTab, DBTabList, DBTabPanel, DBTabs } from '@db-ui/ngx-components';\n\n@NgModule({\n ...\n standalone: true,\n imports: [..., DBTab,DBTabList,DBTabPanel,DBTabs],\n ...\n})\n\n"})}),"\n",(0,e.jsx)(a.h3,{id:"use-component",children:"Use component"}),"\n",(0,e.jsx)(a.pre,{children:(0,e.jsx)(a.code,{className:"language-html",children:"\n\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n\n"})})]})}function l(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:a}={...(0,r.a)(),...n.components};return a?(0,e.jsx)(a,{...n,children:(0,e.jsx)(s,{...n})}):s(n)}},17817:function(n,a,t){"use strict";t.r(a),t.d(a,{default:function(){return l}});var e=t(52322),r=t(45392);function s(n){let a={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,r.a)(),...n.components};return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(a.h2,{id:"html",children:"HTML"}),"\n",(0,e.jsxs)(a.p,{children:["For general installation and configuration take a look at the ",(0,e.jsx)(a.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,e.jsx)(a.h3,{id:"use-component",children:"Use component"}),"\n",(0,e.jsx)(a.pre,{children:(0,e.jsx)(a.code,{className:"language-html",children:'\n...\n\n
    \n
    \n
    \n Test 1Test 2Test 3\n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    \n\n'})})]})}function l(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:a}={...(0,r.a)(),...n.components};return a?(0,e.jsx)(a,{...n,children:(0,e.jsx)(s,{...n})}):s(n)}},13194:function(n,a,t){"use strict";t.r(a),t.d(a,{default:function(){return l}});var e=t(52322),r=t(45392);function s(n){let a={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,r.a)(),...n.components};return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(a.h2,{id:"react",children:"React"}),"\n",(0,e.jsxs)(a.p,{children:["For general installation and configuration take a look at the ",(0,e.jsx)(a.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,e.jsx)(a.h3,{id:"use-component",children:"Use component"}),"\n",(0,e.jsx)(a.pre,{children:(0,e.jsx)(a.code,{className:"language-tsx",children:'// App.tsx\nimport { DBTab, DBTabList, DBTabs, DBTabPanel } from "@db-ui/react-components";\n\nconst App = () => (\n \n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n \n);\n\nexport default App;\n'})})]})}function l(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:a}={...(0,r.a)(),...n.components};return a?(0,e.jsx)(a,{...n,children:(0,e.jsx)(s,{...n})}):s(n)}},63350:function(n,a,t){"use strict";t.r(a),t.d(a,{default:function(){return l}});var e=t(52322),r=t(45392);function s(n){let a={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,r.a)(),...n.components};return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(a.h2,{id:"vue",children:"Vue"}),"\n",(0,e.jsxs)(a.p,{children:["For general installation and configuration take a look at the ",(0,e.jsx)(a.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,e.jsx)(a.h3,{id:"use-component",children:"Use component"}),"\n",(0,e.jsx)(a.pre,{children:(0,e.jsx)(a.code,{className:"language-vue",children:'\n\n\n\n'})})]})}function l(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:a}={...(0,r.a)(),...n.components};return a?(0,e.jsx)(a,{...n,children:(0,e.jsx)(s,{...n})}):s(n)}},94973:function(n,a,t){"use strict";t.r(a),t.d(a,{default:function(){return u}});var e=t(52322),r=t(45392),s=t(11803),l=t(17817),i=t(29521),o=t(13194),c=t(63350);let d=n=>{let{children:a}=n;return(0,e.jsx)(s.Z,{children:a})};function b(n){let a={h1:"h1",...(0,r.a)(),...n.components};return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(a.h1,{id:"how-to-use-dbtabpanel",children:"How to use DBTabPanel"}),"\n",(0,e.jsx)(l.default,{}),"\n",(0,e.jsx)(i.default,{}),"\n",(0,e.jsx)(o.default,{}),"\n",(0,e.jsx)(c.default,{})]})}function u(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,e.jsx)(d,{...n,children:(0,e.jsx)(b,{...n})})}},16134:function(n,a,t){"use strict";var e=t(52322),r=t(2784),s=t(13776);let l=(0,r.forwardRef)(function(n,a){let t=a||(0,r.useRef)(a);return(0,e.jsx)("button",{ref:t,...(0,s.mS)(n,[]),id:n.id,className:(0,s.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:a=>{n.onClick&&n.onClick(a)},children:n.children})});a.Z=l},63900:function(n,a,t){"use strict";var e,r,s,l,i,o,c;t.d(a,{IY:function(){return d},YP:function(){return b},ce:function(){return u}});let d="OVERWRITE_DEFAULT_ID",b="Back",u="Close Button";(i=e||(e={})).FUNCTIONAL="functional",i.REGULAR="regular",i.EXPRESSIVE="expressive",Object.entries(e).map(n=>{let[,a]=n;return a}),(r||(r={})).PRIMARY="primary",(o=s||(s={})).BASE="base",o.BASE_STRONG="base-strong",o.BASE_TRANSPARENT_SEMI="base-transparent-semi",o.BASE_TRANSPARENT_FULL="base-transparent-full",o.NEUTRAL="neutral",o.NEUTRAL_STRONG="neutral-strong",o.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",o.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",o.BRAND="brand",o.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",o.BRAND_TRANSPARENT_FULL="brand-transparent-full",o.SUCCESSFUL="successful",o.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",o.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",o.CRITICAL="critical",o.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",o.CRITICAL_TRANSPARENT_Full="critical-transparent-full",o.WARNING="warning",o.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",o.WARNING_TRANSPARENT_FULL="warning-transparent-full",o.INFORMATIONAL="informational",o.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",o.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(n=>{let[,a]=n;return a}),Object.entries(r).map(n=>{let[,a]=n;return a}),(c=l||(l={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(l).map(n=>{let[,a]=n;return a})},13776:function(n,a,t){"use strict";t.d(a,{MN:function(){return c},Vj:function(){return e},cd:function(){return o},mS:function(){return i},yI:function(){return s},yn:function(){return r}});let e=()=>{var n,a;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(a=window.crypto)||void 0===a?void 0:a.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},r=(n,a)=>{Object.values(n.children).forEach(n=>{n.setAttribute(a.key,a.value),n.children.length>0&&r(n,a)})},s=function(){for(var n=arguments.length,a=Array(n),t=0;t{if(n){if("string"==typeof n)e+="".concat(n," ");else for(let a in n)n[a]&&(e+="".concat(a," "))}}),e.trim()},l=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],i=(n,a)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||l.includes(n))&&!a.includes(n)).reduce((a,t)=>(a[t]=n[t],a),{}),o=n=>{let{left:a,right:t}=n.getBoundingClientRect(),{innerWidth:e}=window;return a>=0&&t<=e},c=n=>{let{top:a,bottom:t}=n.getBoundingClientRect(),{innerHeight:e}=window;return a>=0&&t<=e}}},function(n){n.O(0,[49710,11803,92888,49774,40179],function(){return n(n.s=26063)}),_N_E=n.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[55336],{26063:function(n,a,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tab-panel/how-to-use",function(){return t(94973)}])},29521:function(n,a,t){"use strict";t.r(a),t.d(a,{default:function(){return l}});var e=t(52322),r=t(45392);function s(n){let a={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,r.a)(),...n.components};return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(a.h2,{id:"angular",children:"Angular"}),"\n",(0,e.jsxs)(a.p,{children:["For general installation and configuration take a look at the ",(0,e.jsx)(a.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,e.jsx)(a.h3,{id:"load-component",children:"Load component"}),"\n",(0,e.jsx)(a.p,{children:"You can't use the component standalone!"}),"\n",(0,e.jsx)(a.pre,{children:(0,e.jsx)(a.code,{className:"language-ts",children:"//app.module.ts\nimport { DBTab, DBTabList, DBTabPanel, DBTabs } from '@db-ui/ngx-components';\n\n@NgModule({\n ...\n standalone: true,\n imports: [..., DBTab,DBTabList,DBTabPanel,DBTabs],\n ...\n})\n\n"})}),"\n",(0,e.jsx)(a.h3,{id:"use-component",children:"Use component"}),"\n",(0,e.jsx)(a.pre,{children:(0,e.jsx)(a.code,{className:"language-html",children:"\n\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n\n"})})]})}function l(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:a}={...(0,r.a)(),...n.components};return a?(0,e.jsx)(a,{...n,children:(0,e.jsx)(s,{...n})}):s(n)}},17817:function(n,a,t){"use strict";t.r(a),t.d(a,{default:function(){return l}});var e=t(52322),r=t(45392);function s(n){let a={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,r.a)(),...n.components};return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(a.h2,{id:"html",children:"HTML"}),"\n",(0,e.jsxs)(a.p,{children:["For general installation and configuration take a look at the ",(0,e.jsx)(a.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,e.jsx)(a.h3,{id:"use-component",children:"Use component"}),"\n",(0,e.jsx)(a.pre,{children:(0,e.jsx)(a.code,{className:"language-html",children:'\n...\n\n
    \n
    \n
    \n Test 1Test 2Test 3\n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    \n\n'})})]})}function l(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:a}={...(0,r.a)(),...n.components};return a?(0,e.jsx)(a,{...n,children:(0,e.jsx)(s,{...n})}):s(n)}},13194:function(n,a,t){"use strict";t.r(a),t.d(a,{default:function(){return l}});var e=t(52322),r=t(45392);function s(n){let a={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,r.a)(),...n.components};return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(a.h2,{id:"react",children:"React"}),"\n",(0,e.jsxs)(a.p,{children:["For general installation and configuration take a look at the ",(0,e.jsx)(a.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,e.jsx)(a.h3,{id:"use-component",children:"Use component"}),"\n",(0,e.jsx)(a.pre,{children:(0,e.jsx)(a.code,{className:"language-tsx",children:'// App.tsx\nimport { DBTab, DBTabList, DBTabs, DBTabPanel } from "@db-ui/react-components";\n\nconst App = () => (\n \n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n \n);\n\nexport default App;\n'})})]})}function l(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:a}={...(0,r.a)(),...n.components};return a?(0,e.jsx)(a,{...n,children:(0,e.jsx)(s,{...n})}):s(n)}},63350:function(n,a,t){"use strict";t.r(a),t.d(a,{default:function(){return l}});var e=t(52322),r=t(45392);function s(n){let a={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,r.a)(),...n.components};return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(a.h2,{id:"vue",children:"Vue"}),"\n",(0,e.jsxs)(a.p,{children:["For general installation and configuration take a look at the ",(0,e.jsx)(a.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,e.jsx)(a.h3,{id:"use-component",children:"Use component"}),"\n",(0,e.jsx)(a.pre,{children:(0,e.jsx)(a.code,{className:"language-vue",children:'\n\n\n\n'})})]})}function l(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:a}={...(0,r.a)(),...n.components};return a?(0,e.jsx)(a,{...n,children:(0,e.jsx)(s,{...n})}):s(n)}},94973:function(n,a,t){"use strict";t.r(a),t.d(a,{default:function(){return u}});var e=t(52322),r=t(45392),s=t(12156),l=t(17817),i=t(29521),o=t(13194),c=t(63350);let d=n=>{let{children:a}=n;return(0,e.jsx)(s.Z,{children:a})};function b(n){let a={h1:"h1",...(0,r.a)(),...n.components};return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(a.h1,{id:"how-to-use-dbtabpanel",children:"How to use DBTabPanel"}),"\n",(0,e.jsx)(l.default,{}),"\n",(0,e.jsx)(i.default,{}),"\n",(0,e.jsx)(o.default,{}),"\n",(0,e.jsx)(c.default,{})]})}function u(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,e.jsx)(d,{...n,children:(0,e.jsx)(b,{...n})})}},16134:function(n,a,t){"use strict";var e=t(52322),r=t(2784),s=t(13776);let l=(0,r.forwardRef)(function(n,a){let t=a||(0,r.useRef)(a);return(0,e.jsx)("button",{ref:t,...(0,s.mS)(n,[]),id:n.id,className:(0,s.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:a=>{n.onClick&&n.onClick(a)},children:n.children})});a.Z=l},63900:function(n,a,t){"use strict";var e,r,s,l,i,o,c;t.d(a,{IY:function(){return d},YP:function(){return b},ce:function(){return u}});let d="OVERWRITE_DEFAULT_ID",b="Back",u="Close Button";(i=e||(e={})).FUNCTIONAL="functional",i.REGULAR="regular",i.EXPRESSIVE="expressive",Object.entries(e).map(n=>{let[,a]=n;return a}),(r||(r={})).PRIMARY="primary",(o=s||(s={})).BASE="base",o.BASE_STRONG="base-strong",o.BASE_TRANSPARENT_SEMI="base-transparent-semi",o.BASE_TRANSPARENT_FULL="base-transparent-full",o.NEUTRAL="neutral",o.NEUTRAL_STRONG="neutral-strong",o.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",o.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",o.BRAND="brand",o.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",o.BRAND_TRANSPARENT_FULL="brand-transparent-full",o.SUCCESSFUL="successful",o.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",o.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",o.CRITICAL="critical",o.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",o.CRITICAL_TRANSPARENT_Full="critical-transparent-full",o.WARNING="warning",o.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",o.WARNING_TRANSPARENT_FULL="warning-transparent-full",o.INFORMATIONAL="informational",o.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",o.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(n=>{let[,a]=n;return a}),Object.entries(r).map(n=>{let[,a]=n;return a}),(c=l||(l={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(l).map(n=>{let[,a]=n;return a})},13776:function(n,a,t){"use strict";t.d(a,{MN:function(){return c},Vj:function(){return e},cd:function(){return o},mS:function(){return i},yI:function(){return s},yn:function(){return r}});let e=()=>{var n,a;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(a=window.crypto)||void 0===a?void 0:a.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},r=(n,a)=>{Object.values(n.children).forEach(n=>{n.setAttribute(a.key,a.value),n.children.length>0&&r(n,a)})},s=function(){for(var n=arguments.length,a=Array(n),t=0;t{if(n){if("string"==typeof n)e+="".concat(n," ");else for(let a in n)n[a]&&(e+="".concat(a," "))}}),e.trim()},l=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],i=(n,a)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||l.includes(n))&&!a.includes(n)).reduce((a,t)=>(a[t]=n[t],a),{}),o=n=>{let{left:a,right:t}=n.getBoundingClientRect(),{innerWidth:e}=window;return a>=0&&t<=e},c=n=>{let{top:a,bottom:t}=n.getBoundingClientRect(),{innerHeight:e}=window;return a>=0&&t<=e}}},function(n){n.O(0,[49710,12156,92888,49774,40179],function(){return n(n.s=26063)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/tab-panel/migration-0def177638516f9f.js b/review/main/_next/static/chunks/pages/components/tab-panel/migration-8336fc832a10b533.js similarity index 97% rename from review/main/_next/static/chunks/pages/components/tab-panel/migration-0def177638516f9f.js rename to review/main/_next/static/chunks/pages/components/tab-panel/migration-8336fc832a10b533.js index 1114129976b..d36c90dec71 100644 --- a/review/main/_next/static/chunks/pages/components/tab-panel/migration-0def177638516f9f.js +++ b/review/main/_next/static/chunks/pages/components/tab-panel/migration-8336fc832a10b533.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[72921],{16435:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tab-panel/migration",function(){return e(72027)}])},49165:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return s}});var r=e(52322),a=e(45392);function i(n){let t={a:"a",blockquote:"blockquote",h2:"h2",p:"p",strong:"strong",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h2,{id:"general",children:"General"}),"\n",(0,r.jsxs)(t.blockquote,{children:["\n",(0,r.jsxs)(t.p,{children:[(0,r.jsx)(t.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,r.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,r.jsx)(t.h2,{id:"db-ui-core--db-ui-components",children:"DB UI Core ➡ DB UI Components"}),"\n",(0,r.jsx)(t.p,{children:"New Component \uD83E\uDD73"})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,a.a)(),...n.components};return t?(0,r.jsx)(t,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},72027:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return c}});var r=e(52322),a=e(45392),i=e(11803),s=e(49165);let o=n=>{let{children:t}=n;return(0,r.jsx)(i.Z,{children:t})};function l(n){let t={h1:"h1",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbtabpanel-migration",children:"DBTabPanel Migration"}),"\n",(0,r.jsx)(s.default,{})]})}function c(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(o,{...n,children:(0,r.jsx)(l,{...n})})}},16134:function(n,t,e){"use strict";var r=e(52322),a=e(2784),i=e(13776);let s=(0,a.forwardRef)(function(n,t){let e=t||(0,a.useRef)(t);return(0,r.jsx)("button",{ref:e,...(0,i.mS)(n,[]),id:n.id,className:(0,i.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:t=>{n.onClick&&n.onClick(t)},children:n.children})});t.Z=s},63900:function(n,t,e){"use strict";var r,a,i,s,o,l,c;e.d(t,{IY:function(){return u},YP:function(){return d},ce:function(){return p}});let u="OVERWRITE_DEFAULT_ID",d="Back",p="Close Button";(o=r||(r={})).FUNCTIONAL="functional",o.REGULAR="regular",o.EXPRESSIVE="expressive",Object.entries(r).map(n=>{let[,t]=n;return t}),(a||(a={})).PRIMARY="primary",(l=i||(i={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(n=>{let[,t]=n;return t}),Object.entries(a).map(n=>{let[,t]=n;return t}),(c=s||(s={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(s).map(n=>{let[,t]=n;return t})},13776:function(n,t,e){"use strict";e.d(t,{MN:function(){return c},Vj:function(){return r},cd:function(){return l},mS:function(){return o},yI:function(){return i},yn:function(){return a}});let r=()=>{var n,t;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},a=(n,t)=>{Object.values(n.children).forEach(n=>{n.setAttribute(t.key,t.value),n.children.length>0&&a(n,t)})},i=function(){for(var n=arguments.length,t=Array(n),e=0;e{if(n){if("string"==typeof n)r+="".concat(n," ");else for(let t in n)n[t]&&(r+="".concat(t," "))}}),r.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],o=(n,t)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||s.includes(n))&&!t.includes(n)).reduce((t,e)=>(t[e]=n[e],t),{}),l=n=>{let{left:t,right:e}=n.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&e<=r},c=n=>{let{top:t,bottom:e}=n.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&e<=r}}},function(n){n.O(0,[49710,11803,92888,49774,40179],function(){return n(n.s=16435)}),_N_E=n.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[72921],{16435:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tab-panel/migration",function(){return e(72027)}])},49165:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return s}});var r=e(52322),a=e(45392);function i(n){let t={a:"a",blockquote:"blockquote",h2:"h2",p:"p",strong:"strong",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h2,{id:"general",children:"General"}),"\n",(0,r.jsxs)(t.blockquote,{children:["\n",(0,r.jsxs)(t.p,{children:[(0,r.jsx)(t.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,r.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,r.jsx)(t.h2,{id:"db-ui-core--db-ui-components",children:"DB UI Core ➡ DB UI Components"}),"\n",(0,r.jsx)(t.p,{children:"New Component \uD83E\uDD73"})]})}function s(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,a.a)(),...n.components};return t?(0,r.jsx)(t,{...n,children:(0,r.jsx)(i,{...n})}):i(n)}},72027:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return c}});var r=e(52322),a=e(45392),i=e(12156),s=e(49165);let o=n=>{let{children:t}=n;return(0,r.jsx)(i.Z,{children:t})};function l(n){let t={h1:"h1",...(0,a.a)(),...n.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbtabpanel-migration",children:"DBTabPanel Migration"}),"\n",(0,r.jsx)(s.default,{})]})}function c(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(o,{...n,children:(0,r.jsx)(l,{...n})})}},16134:function(n,t,e){"use strict";var r=e(52322),a=e(2784),i=e(13776);let s=(0,a.forwardRef)(function(n,t){let e=t||(0,a.useRef)(t);return(0,r.jsx)("button",{ref:e,...(0,i.mS)(n,[]),id:n.id,className:(0,i.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:t=>{n.onClick&&n.onClick(t)},children:n.children})});t.Z=s},63900:function(n,t,e){"use strict";var r,a,i,s,o,l,c;e.d(t,{IY:function(){return u},YP:function(){return d},ce:function(){return p}});let u="OVERWRITE_DEFAULT_ID",d="Back",p="Close Button";(o=r||(r={})).FUNCTIONAL="functional",o.REGULAR="regular",o.EXPRESSIVE="expressive",Object.entries(r).map(n=>{let[,t]=n;return t}),(a||(a={})).PRIMARY="primary",(l=i||(i={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(n=>{let[,t]=n;return t}),Object.entries(a).map(n=>{let[,t]=n;return t}),(c=s||(s={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(s).map(n=>{let[,t]=n;return t})},13776:function(n,t,e){"use strict";e.d(t,{MN:function(){return c},Vj:function(){return r},cd:function(){return l},mS:function(){return o},yI:function(){return i},yn:function(){return a}});let r=()=>{var n,t;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},a=(n,t)=>{Object.values(n.children).forEach(n=>{n.setAttribute(t.key,t.value),n.children.length>0&&a(n,t)})},i=function(){for(var n=arguments.length,t=Array(n),e=0;e{if(n){if("string"==typeof n)r+="".concat(n," ");else for(let t in n)n[t]&&(r+="".concat(t," "))}}),r.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],o=(n,t)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||s.includes(n))&&!t.includes(n)).reduce((t,e)=>(t[e]=n[e],t),{}),l=n=>{let{left:t,right:e}=n.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&e<=r},c=n=>{let{top:t,bottom:e}=n.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&e<=r}}},function(n){n.O(0,[49710,12156,92888,49774,40179],function(){return n(n.s=16435)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/tab-panel/properties-2a0ffa33f06f3a74.js b/review/main/_next/static/chunks/pages/components/tab-panel/properties-10cf2bc4002468bd.js similarity index 98% rename from review/main/_next/static/chunks/pages/components/tab-panel/properties-2a0ffa33f06f3a74.js rename to review/main/_next/static/chunks/pages/components/tab-panel/properties-10cf2bc4002468bd.js index b4a8ced6a83..14a0278e4ed 100644 --- a/review/main/_next/static/chunks/pages/components/tab-panel/properties-2a0ffa33f06f3a74.js +++ b/review/main/_next/static/chunks/pages/components/tab-panel/properties-10cf2bc4002468bd.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[47381],{67351:function(t,e,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tab-panel/properties",function(){return n(99657)}])},99657:function(t,e,n){"use strict";n.r(e),n.d(e,{default:function(){return l}});var r=n(52322),i=n(45392),s=n(11803);let a=t=>{let{children:e}=t;return(0,r.jsx)(s.Z,{children:e})};function d(t){let e={a:"a",code:"code",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...t.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h1,{id:"dbtabpanel",children:"DBTabPanel"}),"\n",(0,r.jsx)(e.h2,{id:"properties",children:"Properties"}),"\n",(0,r.jsxs)(e.table,{children:[(0,r.jsx)(e.thead,{children:(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.th,{children:"Name"}),(0,r.jsx)(e.th,{children:"Description"}),(0,r.jsx)(e.th,{children:"Type"}),(0,r.jsx)(e.th,{children:"Options"})]})}),(0,r.jsxs)(e.tbody,{children:[(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:"content"}),(0,r.jsx)(e.td,{children:"The content if you don't want to use children."}),(0,r.jsx)(e.td,{children:"string"}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:"children"}),(0,r.jsx)(e.td,{children:"default slot"}),(0,r.jsx)(e.td,{children:"any"}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:"className"}),(0,r.jsx)(e.td,{children:"React specific for adding className to the component."}),(0,r.jsx)(e.td,{children:"string"}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:"describedbyid"}),(0,r.jsxs)(e.td,{children:[(0,r.jsx)(e.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,r.jsx)(e.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,r.jsx)(e.td,{children:"string"}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:"id"}),(0,r.jsxs)(e.td,{children:[(0,r.jsx)(e.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,r.jsx)(e.td,{children:"string"}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:"key"}),(0,r.jsx)(e.td,{children:"React specific for render process."}),(0,r.jsx)(e.td,{children:"string"}),(0,r.jsx)(e.td,{})]})]})]})]})}function l(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(a,{...t,children:(0,r.jsx)(d,{...t})})}},16134:function(t,e,n){"use strict";var r=n(52322),i=n(2784),s=n(13776);let a=(0,i.forwardRef)(function(t,e){let n=e||(0,i.useRef)(e);return(0,r.jsx)("button",{ref:n,...(0,s.mS)(t,[]),id:t.id,className:(0,s.yI)("db-button",t.className,{"is-icon-text-replace":t.noText}),type:t.type,disabled:t.disabled,"aria-label":t.label,"data-icon":t.icon,"data-size":t.size,"data-state":t.state,"data-width":t.width,"data-variant":t.variant,name:t.name,value:t.value,"aria-describedby":t.describedbyid,"aria-expanded":t.ariaexpanded,"aria-pressed":t.ariapressed,onClick:e=>{t.onClick&&t.onClick(e)},children:t.children})});e.Z=a},63900:function(t,e,n){"use strict";var r,i,s,a,d,l,c;n.d(e,{IY:function(){return o},YP:function(){return u},ce:function(){return h}});let o="OVERWRITE_DEFAULT_ID",u="Back",h="Close Button";(d=r||(r={})).FUNCTIONAL="functional",d.REGULAR="regular",d.EXPRESSIVE="expressive",Object.entries(r).map(t=>{let[,e]=t;return e}),(i||(i={})).PRIMARY="primary",(l=s||(s={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(t=>{let[,e]=t;return e}),Object.entries(i).map(t=>{let[,e]=t;return e}),(c=a||(a={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(a).map(t=>{let[,e]=t;return e})},13776:function(t,e,n){"use strict";n.d(e,{MN:function(){return c},Vj:function(){return r},cd:function(){return l},mS:function(){return d},yI:function(){return s},yn:function(){return i}});let r=()=>{var t,e;return(null===(t=window.crypto)||void 0===t?void 0:t.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(t,e)=>{Object.values(t.children).forEach(t=>{t.setAttribute(e.key,e.value),t.children.length>0&&i(t,e)})},s=function(){for(var t=arguments.length,e=Array(t),n=0;n{if(t){if("string"==typeof t)r+="".concat(t," ");else for(let e in t)t[e]&&(r+="".concat(e," "))}}),r.trim()},a=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],d=(t,e)=>Object.keys(t).filter(t=>(t.startsWith("data-")||t.startsWith("aria-")||t.startsWith("default")||t.startsWith("auto")||t.startsWith("item")||t.startsWith("on")||a.includes(t))&&!e.includes(t)).reduce((e,n)=>(e[n]=t[n],e),{}),l=t=>{let{left:e,right:n}=t.getBoundingClientRect(),{innerWidth:r}=window;return e>=0&&n<=r},c=t=>{let{top:e,bottom:n}=t.getBoundingClientRect(),{innerHeight:r}=window;return e>=0&&n<=r}}},function(t){t.O(0,[49710,11803,92888,49774,40179],function(){return t(t.s=67351)}),_N_E=t.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[47381],{67351:function(t,e,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tab-panel/properties",function(){return n(99657)}])},99657:function(t,e,n){"use strict";n.r(e),n.d(e,{default:function(){return l}});var r=n(52322),i=n(45392),s=n(12156);let a=t=>{let{children:e}=t;return(0,r.jsx)(s.Z,{children:e})};function d(t){let e={a:"a",code:"code",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...t.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h1,{id:"dbtabpanel",children:"DBTabPanel"}),"\n",(0,r.jsx)(e.h2,{id:"properties",children:"Properties"}),"\n",(0,r.jsxs)(e.table,{children:[(0,r.jsx)(e.thead,{children:(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.th,{children:"Name"}),(0,r.jsx)(e.th,{children:"Description"}),(0,r.jsx)(e.th,{children:"Type"}),(0,r.jsx)(e.th,{children:"Options"})]})}),(0,r.jsxs)(e.tbody,{children:[(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:"content"}),(0,r.jsx)(e.td,{children:"The content if you don't want to use children."}),(0,r.jsx)(e.td,{children:"string"}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:"children"}),(0,r.jsx)(e.td,{children:"default slot"}),(0,r.jsx)(e.td,{children:"any"}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:"className"}),(0,r.jsx)(e.td,{children:"React specific for adding className to the component."}),(0,r.jsx)(e.td,{children:"string"}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:"describedbyid"}),(0,r.jsxs)(e.td,{children:[(0,r.jsx)(e.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,r.jsx)(e.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,r.jsx)(e.td,{children:"string"}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:"id"}),(0,r.jsxs)(e.td,{children:[(0,r.jsx)(e.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,r.jsx)(e.td,{children:"string"}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:"key"}),(0,r.jsx)(e.td,{children:"React specific for render process."}),(0,r.jsx)(e.td,{children:"string"}),(0,r.jsx)(e.td,{})]})]})]})]})}function l(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(a,{...t,children:(0,r.jsx)(d,{...t})})}},16134:function(t,e,n){"use strict";var r=n(52322),i=n(2784),s=n(13776);let a=(0,i.forwardRef)(function(t,e){let n=e||(0,i.useRef)(e);return(0,r.jsx)("button",{ref:n,...(0,s.mS)(t,[]),id:t.id,className:(0,s.yI)("db-button",t.className,{"is-icon-text-replace":t.noText}),type:t.type,disabled:t.disabled,"aria-label":t.label,"data-icon":t.icon,"data-size":t.size,"data-state":t.state,"data-width":t.width,"data-variant":t.variant,name:t.name,value:t.value,"aria-describedby":t.describedbyid,"aria-expanded":t.ariaexpanded,"aria-pressed":t.ariapressed,onClick:e=>{t.onClick&&t.onClick(e)},children:t.children})});e.Z=a},63900:function(t,e,n){"use strict";var r,i,s,a,d,l,c;n.d(e,{IY:function(){return o},YP:function(){return u},ce:function(){return h}});let o="OVERWRITE_DEFAULT_ID",u="Back",h="Close Button";(d=r||(r={})).FUNCTIONAL="functional",d.REGULAR="regular",d.EXPRESSIVE="expressive",Object.entries(r).map(t=>{let[,e]=t;return e}),(i||(i={})).PRIMARY="primary",(l=s||(s={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(t=>{let[,e]=t;return e}),Object.entries(i).map(t=>{let[,e]=t;return e}),(c=a||(a={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(a).map(t=>{let[,e]=t;return e})},13776:function(t,e,n){"use strict";n.d(e,{MN:function(){return c},Vj:function(){return r},cd:function(){return l},mS:function(){return d},yI:function(){return s},yn:function(){return i}});let r=()=>{var t,e;return(null===(t=window.crypto)||void 0===t?void 0:t.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(t,e)=>{Object.values(t.children).forEach(t=>{t.setAttribute(e.key,e.value),t.children.length>0&&i(t,e)})},s=function(){for(var t=arguments.length,e=Array(t),n=0;n{if(t){if("string"==typeof t)r+="".concat(t," ");else for(let e in t)t[e]&&(r+="".concat(e," "))}}),r.trim()},a=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],d=(t,e)=>Object.keys(t).filter(t=>(t.startsWith("data-")||t.startsWith("aria-")||t.startsWith("default")||t.startsWith("auto")||t.startsWith("item")||t.startsWith("on")||a.includes(t))&&!e.includes(t)).reduce((e,n)=>(e[n]=t[n],e),{}),l=t=>{let{left:e,right:n}=t.getBoundingClientRect(),{innerWidth:r}=window;return e>=0&&n<=r},c=t=>{let{top:e,bottom:n}=t.getBoundingClientRect(),{innerHeight:r}=window;return e>=0&&n<=r}}},function(t){t.O(0,[49710,12156,92888,49774,40179],function(){return t(t.s=67351)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/tab/how-to-use-96c0ce91ea634aad.js b/review/main/_next/static/chunks/pages/components/tab/how-to-use-60d8d2a7d28db463.js similarity index 98% rename from review/main/_next/static/chunks/pages/components/tab/how-to-use-96c0ce91ea634aad.js rename to review/main/_next/static/chunks/pages/components/tab/how-to-use-60d8d2a7d28db463.js index f2a4b14ef80..a41f4a40da5 100644 --- a/review/main/_next/static/chunks/pages/components/tab/how-to-use-96c0ce91ea634aad.js +++ b/review/main/_next/static/chunks/pages/components/tab/how-to-use-60d8d2a7d28db463.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[24297],{41013:function(n,a,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tab/how-to-use",function(){return t(75183)}])},19608:function(n,a,t){"use strict";t.r(a),t.d(a,{default:function(){return l}});var e=t(52322),r=t(45392);function s(n){let a={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,r.a)(),...n.components};return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(a.h2,{id:"angular",children:"Angular"}),"\n",(0,e.jsxs)(a.p,{children:["For general installation and configuration take a look at the ",(0,e.jsx)(a.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,e.jsx)(a.h3,{id:"load-component",children:"Load component"}),"\n",(0,e.jsx)(a.p,{children:"You can't use the component standalone!"}),"\n",(0,e.jsx)(a.pre,{children:(0,e.jsx)(a.code,{className:"language-ts",children:"//app.module.ts\nimport { DBTab, DBTabList, DBTabPanel, DBTabs } from '@db-ui/ngx-components';\n\n@NgModule({\n ...\n standalone: true,\n imports: [..., DBTab,DBTabList,DBTabPanel,DBTabs],\n ...\n})\n\n"})}),"\n",(0,e.jsx)(a.h3,{id:"use-component",children:"Use component"}),"\n",(0,e.jsx)(a.pre,{children:(0,e.jsx)(a.code,{className:"language-html",children:"\n\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n\n"})})]})}function l(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:a}={...(0,r.a)(),...n.components};return a?(0,e.jsx)(a,{...n,children:(0,e.jsx)(s,{...n})}):s(n)}},45152:function(n,a,t){"use strict";t.r(a),t.d(a,{default:function(){return l}});var e=t(52322),r=t(45392);function s(n){let a={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,r.a)(),...n.components};return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(a.h2,{id:"html",children:"HTML"}),"\n",(0,e.jsxs)(a.p,{children:["For general installation and configuration take a look at the ",(0,e.jsx)(a.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,e.jsx)(a.h3,{id:"use-component",children:"Use component"}),"\n",(0,e.jsx)(a.pre,{children:(0,e.jsx)(a.code,{className:"language-html",children:'\n...\n\n
    \n
    \n
    \n Test 1Test 2Test 3\n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    \n\n'})})]})}function l(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:a}={...(0,r.a)(),...n.components};return a?(0,e.jsx)(a,{...n,children:(0,e.jsx)(s,{...n})}):s(n)}},91961:function(n,a,t){"use strict";t.r(a),t.d(a,{default:function(){return l}});var e=t(52322),r=t(45392);function s(n){let a={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,r.a)(),...n.components};return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(a.h2,{id:"react",children:"React"}),"\n",(0,e.jsxs)(a.p,{children:["For general installation and configuration take a look at the ",(0,e.jsx)(a.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,e.jsx)(a.h3,{id:"use-component",children:"Use component"}),"\n",(0,e.jsx)(a.pre,{children:(0,e.jsx)(a.code,{className:"language-tsx",children:'// App.tsx\nimport { DBTab, DBTabList, DBTabs, DBTabPanel } from "@db-ui/react-components";\n\nconst App = () => (\n \n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n \n);\n\nexport default App;\n'})})]})}function l(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:a}={...(0,r.a)(),...n.components};return a?(0,e.jsx)(a,{...n,children:(0,e.jsx)(s,{...n})}):s(n)}},62194:function(n,a,t){"use strict";t.r(a),t.d(a,{default:function(){return l}});var e=t(52322),r=t(45392);function s(n){let a={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,r.a)(),...n.components};return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(a.h2,{id:"vue",children:"Vue"}),"\n",(0,e.jsxs)(a.p,{children:["For general installation and configuration take a look at the ",(0,e.jsx)(a.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,e.jsx)(a.h3,{id:"use-component",children:"Use component"}),"\n",(0,e.jsx)(a.pre,{children:(0,e.jsx)(a.code,{className:"language-vue",children:'\n\n\n\n'})})]})}function l(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:a}={...(0,r.a)(),...n.components};return a?(0,e.jsx)(a,{...n,children:(0,e.jsx)(s,{...n})}):s(n)}},75183:function(n,a,t){"use strict";t.r(a),t.d(a,{default:function(){return u}});var e=t(52322),r=t(45392),s=t(11803),l=t(45152),i=t(19608),o=t(91961),c=t(62194);let d=n=>{let{children:a}=n;return(0,e.jsx)(s.Z,{children:a})};function b(n){let a={h1:"h1",...(0,r.a)(),...n.components};return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(a.h1,{id:"how-to-use-dbtab",children:"How to use DBTab"}),"\n",(0,e.jsx)(l.default,{}),"\n",(0,e.jsx)(i.default,{}),"\n",(0,e.jsx)(o.default,{}),"\n",(0,e.jsx)(c.default,{})]})}function u(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,e.jsx)(d,{...n,children:(0,e.jsx)(b,{...n})})}},16134:function(n,a,t){"use strict";var e=t(52322),r=t(2784),s=t(13776);let l=(0,r.forwardRef)(function(n,a){let t=a||(0,r.useRef)(a);return(0,e.jsx)("button",{ref:t,...(0,s.mS)(n,[]),id:n.id,className:(0,s.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:a=>{n.onClick&&n.onClick(a)},children:n.children})});a.Z=l},63900:function(n,a,t){"use strict";var e,r,s,l,i,o,c;t.d(a,{IY:function(){return d},YP:function(){return b},ce:function(){return u}});let d="OVERWRITE_DEFAULT_ID",b="Back",u="Close Button";(i=e||(e={})).FUNCTIONAL="functional",i.REGULAR="regular",i.EXPRESSIVE="expressive",Object.entries(e).map(n=>{let[,a]=n;return a}),(r||(r={})).PRIMARY="primary",(o=s||(s={})).BASE="base",o.BASE_STRONG="base-strong",o.BASE_TRANSPARENT_SEMI="base-transparent-semi",o.BASE_TRANSPARENT_FULL="base-transparent-full",o.NEUTRAL="neutral",o.NEUTRAL_STRONG="neutral-strong",o.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",o.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",o.BRAND="brand",o.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",o.BRAND_TRANSPARENT_FULL="brand-transparent-full",o.SUCCESSFUL="successful",o.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",o.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",o.CRITICAL="critical",o.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",o.CRITICAL_TRANSPARENT_Full="critical-transparent-full",o.WARNING="warning",o.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",o.WARNING_TRANSPARENT_FULL="warning-transparent-full",o.INFORMATIONAL="informational",o.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",o.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(n=>{let[,a]=n;return a}),Object.entries(r).map(n=>{let[,a]=n;return a}),(c=l||(l={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(l).map(n=>{let[,a]=n;return a})},13776:function(n,a,t){"use strict";t.d(a,{MN:function(){return c},Vj:function(){return e},cd:function(){return o},mS:function(){return i},yI:function(){return s},yn:function(){return r}});let e=()=>{var n,a;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(a=window.crypto)||void 0===a?void 0:a.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},r=(n,a)=>{Object.values(n.children).forEach(n=>{n.setAttribute(a.key,a.value),n.children.length>0&&r(n,a)})},s=function(){for(var n=arguments.length,a=Array(n),t=0;t{if(n){if("string"==typeof n)e+="".concat(n," ");else for(let a in n)n[a]&&(e+="".concat(a," "))}}),e.trim()},l=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],i=(n,a)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||l.includes(n))&&!a.includes(n)).reduce((a,t)=>(a[t]=n[t],a),{}),o=n=>{let{left:a,right:t}=n.getBoundingClientRect(),{innerWidth:e}=window;return a>=0&&t<=e},c=n=>{let{top:a,bottom:t}=n.getBoundingClientRect(),{innerHeight:e}=window;return a>=0&&t<=e}}},function(n){n.O(0,[49710,11803,92888,49774,40179],function(){return n(n.s=41013)}),_N_E=n.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[24297],{41013:function(n,a,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tab/how-to-use",function(){return t(75183)}])},19608:function(n,a,t){"use strict";t.r(a),t.d(a,{default:function(){return l}});var e=t(52322),r=t(45392);function s(n){let a={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,r.a)(),...n.components};return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(a.h2,{id:"angular",children:"Angular"}),"\n",(0,e.jsxs)(a.p,{children:["For general installation and configuration take a look at the ",(0,e.jsx)(a.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,e.jsx)(a.h3,{id:"load-component",children:"Load component"}),"\n",(0,e.jsx)(a.p,{children:"You can't use the component standalone!"}),"\n",(0,e.jsx)(a.pre,{children:(0,e.jsx)(a.code,{className:"language-ts",children:"//app.module.ts\nimport { DBTab, DBTabList, DBTabPanel, DBTabs } from '@db-ui/ngx-components';\n\n@NgModule({\n ...\n standalone: true,\n imports: [..., DBTab,DBTabList,DBTabPanel,DBTabs],\n ...\n})\n\n"})}),"\n",(0,e.jsx)(a.h3,{id:"use-component",children:"Use component"}),"\n",(0,e.jsx)(a.pre,{children:(0,e.jsx)(a.code,{className:"language-html",children:"\n\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n\n"})})]})}function l(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:a}={...(0,r.a)(),...n.components};return a?(0,e.jsx)(a,{...n,children:(0,e.jsx)(s,{...n})}):s(n)}},45152:function(n,a,t){"use strict";t.r(a),t.d(a,{default:function(){return l}});var e=t(52322),r=t(45392);function s(n){let a={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,r.a)(),...n.components};return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(a.h2,{id:"html",children:"HTML"}),"\n",(0,e.jsxs)(a.p,{children:["For general installation and configuration take a look at the ",(0,e.jsx)(a.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,e.jsx)(a.h3,{id:"use-component",children:"Use component"}),"\n",(0,e.jsx)(a.pre,{children:(0,e.jsx)(a.code,{className:"language-html",children:'\n...\n\n
    \n
    \n
    \n Test 1Test 2Test 3\n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    \n\n'})})]})}function l(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:a}={...(0,r.a)(),...n.components};return a?(0,e.jsx)(a,{...n,children:(0,e.jsx)(s,{...n})}):s(n)}},91961:function(n,a,t){"use strict";t.r(a),t.d(a,{default:function(){return l}});var e=t(52322),r=t(45392);function s(n){let a={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,r.a)(),...n.components};return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(a.h2,{id:"react",children:"React"}),"\n",(0,e.jsxs)(a.p,{children:["For general installation and configuration take a look at the ",(0,e.jsx)(a.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,e.jsx)(a.h3,{id:"use-component",children:"Use component"}),"\n",(0,e.jsx)(a.pre,{children:(0,e.jsx)(a.code,{className:"language-tsx",children:'// App.tsx\nimport { DBTab, DBTabList, DBTabs, DBTabPanel } from "@db-ui/react-components";\n\nconst App = () => (\n \n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n \n);\n\nexport default App;\n'})})]})}function l(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:a}={...(0,r.a)(),...n.components};return a?(0,e.jsx)(a,{...n,children:(0,e.jsx)(s,{...n})}):s(n)}},62194:function(n,a,t){"use strict";t.r(a),t.d(a,{default:function(){return l}});var e=t(52322),r=t(45392);function s(n){let a={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,r.a)(),...n.components};return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(a.h2,{id:"vue",children:"Vue"}),"\n",(0,e.jsxs)(a.p,{children:["For general installation and configuration take a look at the ",(0,e.jsx)(a.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,e.jsx)(a.h3,{id:"use-component",children:"Use component"}),"\n",(0,e.jsx)(a.pre,{children:(0,e.jsx)(a.code,{className:"language-vue",children:'\n\n\n\n'})})]})}function l(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:a}={...(0,r.a)(),...n.components};return a?(0,e.jsx)(a,{...n,children:(0,e.jsx)(s,{...n})}):s(n)}},75183:function(n,a,t){"use strict";t.r(a),t.d(a,{default:function(){return u}});var e=t(52322),r=t(45392),s=t(12156),l=t(45152),i=t(19608),o=t(91961),c=t(62194);let d=n=>{let{children:a}=n;return(0,e.jsx)(s.Z,{children:a})};function b(n){let a={h1:"h1",...(0,r.a)(),...n.components};return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(a.h1,{id:"how-to-use-dbtab",children:"How to use DBTab"}),"\n",(0,e.jsx)(l.default,{}),"\n",(0,e.jsx)(i.default,{}),"\n",(0,e.jsx)(o.default,{}),"\n",(0,e.jsx)(c.default,{})]})}function u(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,e.jsx)(d,{...n,children:(0,e.jsx)(b,{...n})})}},16134:function(n,a,t){"use strict";var e=t(52322),r=t(2784),s=t(13776);let l=(0,r.forwardRef)(function(n,a){let t=a||(0,r.useRef)(a);return(0,e.jsx)("button",{ref:t,...(0,s.mS)(n,[]),id:n.id,className:(0,s.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:a=>{n.onClick&&n.onClick(a)},children:n.children})});a.Z=l},63900:function(n,a,t){"use strict";var e,r,s,l,i,o,c;t.d(a,{IY:function(){return d},YP:function(){return b},ce:function(){return u}});let d="OVERWRITE_DEFAULT_ID",b="Back",u="Close Button";(i=e||(e={})).FUNCTIONAL="functional",i.REGULAR="regular",i.EXPRESSIVE="expressive",Object.entries(e).map(n=>{let[,a]=n;return a}),(r||(r={})).PRIMARY="primary",(o=s||(s={})).BASE="base",o.BASE_STRONG="base-strong",o.BASE_TRANSPARENT_SEMI="base-transparent-semi",o.BASE_TRANSPARENT_FULL="base-transparent-full",o.NEUTRAL="neutral",o.NEUTRAL_STRONG="neutral-strong",o.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",o.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",o.BRAND="brand",o.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",o.BRAND_TRANSPARENT_FULL="brand-transparent-full",o.SUCCESSFUL="successful",o.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",o.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",o.CRITICAL="critical",o.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",o.CRITICAL_TRANSPARENT_Full="critical-transparent-full",o.WARNING="warning",o.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",o.WARNING_TRANSPARENT_FULL="warning-transparent-full",o.INFORMATIONAL="informational",o.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",o.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(n=>{let[,a]=n;return a}),Object.entries(r).map(n=>{let[,a]=n;return a}),(c=l||(l={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(l).map(n=>{let[,a]=n;return a})},13776:function(n,a,t){"use strict";t.d(a,{MN:function(){return c},Vj:function(){return e},cd:function(){return o},mS:function(){return i},yI:function(){return s},yn:function(){return r}});let e=()=>{var n,a;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(a=window.crypto)||void 0===a?void 0:a.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},r=(n,a)=>{Object.values(n.children).forEach(n=>{n.setAttribute(a.key,a.value),n.children.length>0&&r(n,a)})},s=function(){for(var n=arguments.length,a=Array(n),t=0;t{if(n){if("string"==typeof n)e+="".concat(n," ");else for(let a in n)n[a]&&(e+="".concat(a," "))}}),e.trim()},l=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],i=(n,a)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||l.includes(n))&&!a.includes(n)).reduce((a,t)=>(a[t]=n[t],a),{}),o=n=>{let{left:a,right:t}=n.getBoundingClientRect(),{innerWidth:e}=window;return a>=0&&t<=e},c=n=>{let{top:a,bottom:t}=n.getBoundingClientRect(),{innerHeight:e}=window;return a>=0&&t<=e}}},function(n){n.O(0,[49710,12156,92888,49774,40179],function(){return n(n.s=41013)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/tab/migration-74bfc28710fe2afe.js b/review/main/_next/static/chunks/pages/components/tab/migration-e39f4b7b3981c3a3.js similarity index 98% rename from review/main/_next/static/chunks/pages/components/tab/migration-74bfc28710fe2afe.js rename to review/main/_next/static/chunks/pages/components/tab/migration-e39f4b7b3981c3a3.js index 2b1718d6d43..af9a4556e0d 100644 --- a/review/main/_next/static/chunks/pages/components/tab/migration-74bfc28710fe2afe.js +++ b/review/main/_next/static/chunks/pages/components/tab/migration-e39f4b7b3981c3a3.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[65466],{25921:function(t,e,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tab/migration",function(){return n(5117)}])},19753:function(t,e,n){"use strict";n.r(e),n.d(e,{default:function(){return a}});var r=n(52322),i=n(45392);function s(t){let e={a:"a",blockquote:"blockquote",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...t.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"general",children:"General"}),"\n",(0,r.jsxs)(e.blockquote,{children:["\n",(0,r.jsxs)(e.p,{children:[(0,r.jsx)(e.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,r.jsx)(e.h2,{id:"db-ui-core--db-ui-components",children:"DB UI Core ➡ DB UI Components"}),"\n",(0,r.jsx)(e.h3,{id:"class",children:"class"}),"\n",(0,r.jsxs)(e.table,{children:[(0,r.jsx)(e.thead,{children:(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.th,{children:"Before"}),(0,r.jsx)(e.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(e.th,{children:"After"}),(0,r.jsx)(e.th,{children:"Description"})]})}),(0,r.jsx)(e.tbody,{children:(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"cmp-db-tab"})}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"db-tab"})}),(0,r.jsx)(e.td,{})]})})]}),"\n",(0,r.jsx)(e.h3,{id:"name",children:"name"}),"\n",(0,r.jsxs)(e.table,{children:[(0,r.jsx)(e.thead,{children:(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.th,{children:"Before"}),(0,r.jsx)(e.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(e.th,{style:{textAlign:"center"},children:"After"}),(0,r.jsx)(e.th,{children:"Description"})]})}),(0,r.jsx)(e.tbody,{children:(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"name"})}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsxs)(e.td,{children:["It should be used with ",(0,r.jsx)(e.code,{children:"db-tabs"})," which will add a the ",(0,r.jsx)(e.code,{children:"name"})," from ",(0,r.jsx)(e.code,{children:"db-tabs"})," to all tabs all at one."]})]})})]})]})}function a(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,i.a)(),...t.components};return e?(0,r.jsx)(e,{...t,children:(0,r.jsx)(s,{...t})}):s(t)}},5117:function(t,e,n){"use strict";n.r(e),n.d(e,{default:function(){return d}});var r=n(52322),i=n(45392),s=n(11803),a=n(19753);let l=t=>{let{children:e}=t;return(0,r.jsx)(s.Z,{children:e})};function c(t){let e={h1:"h1",...(0,i.a)(),...t.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h1,{id:"dbtab-migration",children:"DBTab Migration"}),"\n",(0,r.jsx)(a.default,{})]})}function d(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(l,{...t,children:(0,r.jsx)(c,{...t})})}},16134:function(t,e,n){"use strict";var r=n(52322),i=n(2784),s=n(13776);let a=(0,i.forwardRef)(function(t,e){let n=e||(0,i.useRef)(e);return(0,r.jsx)("button",{ref:n,...(0,s.mS)(t,[]),id:t.id,className:(0,s.yI)("db-button",t.className,{"is-icon-text-replace":t.noText}),type:t.type,disabled:t.disabled,"aria-label":t.label,"data-icon":t.icon,"data-size":t.size,"data-state":t.state,"data-width":t.width,"data-variant":t.variant,name:t.name,value:t.value,"aria-describedby":t.describedbyid,"aria-expanded":t.ariaexpanded,"aria-pressed":t.ariapressed,onClick:e=>{t.onClick&&t.onClick(e)},children:t.children})});e.Z=a},63900:function(t,e,n){"use strict";var r,i,s,a,l,c,d;n.d(e,{IY:function(){return o},YP:function(){return u},ce:function(){return h}});let o="OVERWRITE_DEFAULT_ID",u="Back",h="Close Button";(l=r||(r={})).FUNCTIONAL="functional",l.REGULAR="regular",l.EXPRESSIVE="expressive",Object.entries(r).map(t=>{let[,e]=t;return e}),(i||(i={})).PRIMARY="primary",(c=s||(s={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(t=>{let[,e]=t;return e}),Object.entries(i).map(t=>{let[,e]=t;return e}),(d=a||(a={})).CRITICAL="critical",d.INFORMATIONAL="informational",d.WARNING="warning",d.SUCCESSFUL="successful",Object.entries(a).map(t=>{let[,e]=t;return e})},13776:function(t,e,n){"use strict";n.d(e,{MN:function(){return d},Vj:function(){return r},cd:function(){return c},mS:function(){return l},yI:function(){return s},yn:function(){return i}});let r=()=>{var t,e;return(null===(t=window.crypto)||void 0===t?void 0:t.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(t,e)=>{Object.values(t.children).forEach(t=>{t.setAttribute(e.key,e.value),t.children.length>0&&i(t,e)})},s=function(){for(var t=arguments.length,e=Array(t),n=0;n{if(t){if("string"==typeof t)r+="".concat(t," ");else for(let e in t)t[e]&&(r+="".concat(e," "))}}),r.trim()},a=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],l=(t,e)=>Object.keys(t).filter(t=>(t.startsWith("data-")||t.startsWith("aria-")||t.startsWith("default")||t.startsWith("auto")||t.startsWith("item")||t.startsWith("on")||a.includes(t))&&!e.includes(t)).reduce((e,n)=>(e[n]=t[n],e),{}),c=t=>{let{left:e,right:n}=t.getBoundingClientRect(),{innerWidth:r}=window;return e>=0&&n<=r},d=t=>{let{top:e,bottom:n}=t.getBoundingClientRect(),{innerHeight:r}=window;return e>=0&&n<=r}}},function(t){t.O(0,[49710,11803,92888,49774,40179],function(){return t(t.s=25921)}),_N_E=t.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[65466],{25921:function(t,e,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tab/migration",function(){return n(5117)}])},19753:function(t,e,n){"use strict";n.r(e),n.d(e,{default:function(){return a}});var r=n(52322),i=n(45392);function s(t){let e={a:"a",blockquote:"blockquote",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...t.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"general",children:"General"}),"\n",(0,r.jsxs)(e.blockquote,{children:["\n",(0,r.jsxs)(e.p,{children:[(0,r.jsx)(e.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,r.jsx)(e.h2,{id:"db-ui-core--db-ui-components",children:"DB UI Core ➡ DB UI Components"}),"\n",(0,r.jsx)(e.h3,{id:"class",children:"class"}),"\n",(0,r.jsxs)(e.table,{children:[(0,r.jsx)(e.thead,{children:(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.th,{children:"Before"}),(0,r.jsx)(e.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(e.th,{children:"After"}),(0,r.jsx)(e.th,{children:"Description"})]})}),(0,r.jsx)(e.tbody,{children:(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"cmp-db-tab"})}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"db-tab"})}),(0,r.jsx)(e.td,{})]})})]}),"\n",(0,r.jsx)(e.h3,{id:"name",children:"name"}),"\n",(0,r.jsxs)(e.table,{children:[(0,r.jsx)(e.thead,{children:(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.th,{children:"Before"}),(0,r.jsx)(e.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(e.th,{style:{textAlign:"center"},children:"After"}),(0,r.jsx)(e.th,{children:"Description"})]})}),(0,r.jsx)(e.tbody,{children:(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"name"})}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsxs)(e.td,{children:["It should be used with ",(0,r.jsx)(e.code,{children:"db-tabs"})," which will add a the ",(0,r.jsx)(e.code,{children:"name"})," from ",(0,r.jsx)(e.code,{children:"db-tabs"})," to all tabs all at one."]})]})})]})]})}function a(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,i.a)(),...t.components};return e?(0,r.jsx)(e,{...t,children:(0,r.jsx)(s,{...t})}):s(t)}},5117:function(t,e,n){"use strict";n.r(e),n.d(e,{default:function(){return d}});var r=n(52322),i=n(45392),s=n(12156),a=n(19753);let l=t=>{let{children:e}=t;return(0,r.jsx)(s.Z,{children:e})};function c(t){let e={h1:"h1",...(0,i.a)(),...t.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h1,{id:"dbtab-migration",children:"DBTab Migration"}),"\n",(0,r.jsx)(a.default,{})]})}function d(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(l,{...t,children:(0,r.jsx)(c,{...t})})}},16134:function(t,e,n){"use strict";var r=n(52322),i=n(2784),s=n(13776);let a=(0,i.forwardRef)(function(t,e){let n=e||(0,i.useRef)(e);return(0,r.jsx)("button",{ref:n,...(0,s.mS)(t,[]),id:t.id,className:(0,s.yI)("db-button",t.className,{"is-icon-text-replace":t.noText}),type:t.type,disabled:t.disabled,"aria-label":t.label,"data-icon":t.icon,"data-size":t.size,"data-state":t.state,"data-width":t.width,"data-variant":t.variant,name:t.name,value:t.value,"aria-describedby":t.describedbyid,"aria-expanded":t.ariaexpanded,"aria-pressed":t.ariapressed,onClick:e=>{t.onClick&&t.onClick(e)},children:t.children})});e.Z=a},63900:function(t,e,n){"use strict";var r,i,s,a,l,c,d;n.d(e,{IY:function(){return o},YP:function(){return u},ce:function(){return h}});let o="OVERWRITE_DEFAULT_ID",u="Back",h="Close Button";(l=r||(r={})).FUNCTIONAL="functional",l.REGULAR="regular",l.EXPRESSIVE="expressive",Object.entries(r).map(t=>{let[,e]=t;return e}),(i||(i={})).PRIMARY="primary",(c=s||(s={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(t=>{let[,e]=t;return e}),Object.entries(i).map(t=>{let[,e]=t;return e}),(d=a||(a={})).CRITICAL="critical",d.INFORMATIONAL="informational",d.WARNING="warning",d.SUCCESSFUL="successful",Object.entries(a).map(t=>{let[,e]=t;return e})},13776:function(t,e,n){"use strict";n.d(e,{MN:function(){return d},Vj:function(){return r},cd:function(){return c},mS:function(){return l},yI:function(){return s},yn:function(){return i}});let r=()=>{var t,e;return(null===(t=window.crypto)||void 0===t?void 0:t.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(t,e)=>{Object.values(t.children).forEach(t=>{t.setAttribute(e.key,e.value),t.children.length>0&&i(t,e)})},s=function(){for(var t=arguments.length,e=Array(t),n=0;n{if(t){if("string"==typeof t)r+="".concat(t," ");else for(let e in t)t[e]&&(r+="".concat(e," "))}}),r.trim()},a=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],l=(t,e)=>Object.keys(t).filter(t=>(t.startsWith("data-")||t.startsWith("aria-")||t.startsWith("default")||t.startsWith("auto")||t.startsWith("item")||t.startsWith("on")||a.includes(t))&&!e.includes(t)).reduce((e,n)=>(e[n]=t[n],e),{}),c=t=>{let{left:e,right:n}=t.getBoundingClientRect(),{innerWidth:r}=window;return e>=0&&n<=r},d=t=>{let{top:e,bottom:n}=t.getBoundingClientRect(),{innerHeight:r}=window;return e>=0&&n<=r}}},function(t){t.O(0,[49710,12156,92888,49774,40179],function(){return t(t.s=25921)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/tab/overview-14475da1906e942d.js b/review/main/_next/static/chunks/pages/components/tab/overview-c2b38345427ebedb.js similarity index 84% rename from review/main/_next/static/chunks/pages/components/tab/overview-14475da1906e942d.js rename to review/main/_next/static/chunks/pages/components/tab/overview-c2b38345427ebedb.js index 3d4be1499f3..11e2961c8df 100644 --- a/review/main/_next/static/chunks/pages/components/tab/overview-14475da1906e942d.js +++ b/review/main/_next/static/chunks/pages/components/tab/overview-c2b38345427ebedb.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[49761],{61906:function(t,e,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tab/overview",function(){return n(70141)}])},70141:function(t,e,n){"use strict";n.r(e);var u=n(52322),s=n(64384),i=n(20989),a=n(72298),f=n(65596),c=n(15772),l=n(86095),o=n(99341),r=n(63535),_=n(37395);let d=t=>{let{children:e,active:n,noText:s,icon:i,iconAfter:a,disabled:f}=t;return(0,u.jsx)(l.QQ,{active:n,noText:s,icon:i,iconAfter:a,disabled:f,children:e})};e.default=()=>(0,u.jsx)(o.Z,{title:"DBTab",variants:(0,_.P)(r,d,[(0,u.jsx)(s.default,{}),(0,u.jsx)(i.default,{}),(0,u.jsx)(a.default,{}),(0,u.jsx)(f.default,{}),(0,u.jsx)(c.default,{})])})}},function(t){t.O(0,[49710,14863,11803,72298,5014,92888,49774,40179],function(){return t(t.s=61906)}),_N_E=t.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[49761],{61906:function(t,e,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tab/overview",function(){return n(70141)}])},70141:function(t,e,n){"use strict";n.r(e);var u=n(52322),s=n(64384),i=n(20989),a=n(72298),f=n(65596),c=n(15772),l=n(53752),o=n(99341),r=n(63535),_=n(37395);let d=t=>{let{children:e,active:n,noText:s,icon:i,iconAfter:a,disabled:f}=t;return(0,u.jsx)(l.QQ,{active:n,noText:s,icon:i,iconAfter:a,disabled:f,children:e})};e.default=()=>(0,u.jsx)(o.Z,{title:"DBTab",variants:(0,_.P)(r,d,[(0,u.jsx)(s.default,{}),(0,u.jsx)(i.default,{}),(0,u.jsx)(a.default,{}),(0,u.jsx)(f.default,{}),(0,u.jsx)(c.default,{})])})}},function(t){t.O(0,[49710,14863,12156,72298,5014,92888,49774,40179],function(){return t(t.s=61906)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/tab/properties-b4b2e857befc875b.js b/review/main/_next/static/chunks/pages/components/tab/properties-9e5c1152f159cb86.js similarity index 98% rename from review/main/_next/static/chunks/pages/components/tab/properties-b4b2e857befc875b.js rename to review/main/_next/static/chunks/pages/components/tab/properties-9e5c1152f159cb86.js index cc288fad1e4..f1fa9b4bf56 100644 --- a/review/main/_next/static/chunks/pages/components/tab/properties-b4b2e857befc875b.js +++ b/review/main/_next/static/chunks/pages/components/tab/properties-9e5c1152f159cb86.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[38460],{6931:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tab/properties",function(){return n(67440)}])},67440:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return c}});var r=n(52322),i=n(45392),s=n(11803);let d=e=>{let{children:t}=e;return(0,r.jsx)(s.Z,{children:t})};function a(e){let t={a:"a",code:"code",em:"em",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbtab",children:"DBTab"}),"\n",(0,r.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Name"}),(0,r.jsx)(t.th,{children:"Description"}),(0,r.jsx)(t.th,{children:"Type"}),(0,r.jsx)(t.th,{children:"Options"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"children"}),(0,r.jsx)(t.td,{children:"default slot"}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"className"}),(0,r.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"describedbyid"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,r.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"id"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"key"}),(0,r.jsx)(t.td,{children:"React specific for render process."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"label"}),(0,r.jsx)(t.td,{children:"The label of the tab, if you don't want to use children."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"noText"}),(0,r.jsx)(t.td,{children:"Define the text next to the icon specified via the icon Property to get hidden."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"disabled"}),(0,r.jsx)(t.td,{children:"The disabled attribute can be set to keep a user from clicking on the tab."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"icon"}),(0,r.jsxs)(t.td,{children:["Define an icon by its identifier (like e.g. ",(0,r.jsx)(t.em,{children:"account"}),", compare to ",(0,r.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"Icons"}),") to get displayed in front of the elements content."]}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"IconTypes"})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"iconAfter"}),(0,r.jsxs)(t.td,{children:["Define an icon by its identifier (like e.g. ",(0,r.jsx)(t.em,{children:"account"}),", compare to ",(0,r.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"Icons"}),") to get displayed in front of the elements content."]}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"IconTypes"})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"active"}),(0,r.jsx)(t.td,{children:"If the tab is checked/active."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]})]})]})]})}function c(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(d,{...e,children:(0,r.jsx)(a,{...e})})}},16134:function(e,t,n){"use strict";var r=n(52322),i=n(2784),s=n(13776);let d=(0,i.forwardRef)(function(e,t){let n=t||(0,i.useRef)(t);return(0,r.jsx)("button",{ref:n,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=d},63900:function(e,t,n){"use strict";var r,i,s,d,a,c,l;n.d(t,{IY:function(){return o},YP:function(){return h},ce:function(){return u}});let o="OVERWRITE_DEFAULT_ID",h="Back",u="Close Button";(a=r||(r={})).FUNCTIONAL="functional",a.REGULAR="regular",a.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,t]=e;return t}),(i||(i={})).PRIMARY="primary",(c=s||(s={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(e=>{let[,t]=e;return t}),Object.entries(i).map(e=>{let[,t]=e;return t}),(l=d||(d={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(d).map(e=>{let[,t]=e;return t})},13776:function(e,t,n){"use strict";n.d(t,{MN:function(){return l},Vj:function(){return r},cd:function(){return c},mS:function(){return a},yI:function(){return s},yn:function(){return i}});let r=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&i(e,t)})},s=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let t in e)e[t]&&(r+="".concat(t," "))}}),r.trim()},d=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],a=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||d.includes(e))&&!t.includes(e)).reduce((t,n)=>(t[n]=e[n],t),{}),c=e=>{let{left:t,right:n}=e.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&n<=r},l=e=>{let{top:t,bottom:n}=e.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&n<=r}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=6931)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[38460],{6931:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tab/properties",function(){return n(67440)}])},67440:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return c}});var r=n(52322),i=n(45392),s=n(12156);let d=e=>{let{children:t}=e;return(0,r.jsx)(s.Z,{children:t})};function a(e){let t={a:"a",code:"code",em:"em",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbtab",children:"DBTab"}),"\n",(0,r.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Name"}),(0,r.jsx)(t.th,{children:"Description"}),(0,r.jsx)(t.th,{children:"Type"}),(0,r.jsx)(t.th,{children:"Options"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"children"}),(0,r.jsx)(t.td,{children:"default slot"}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"className"}),(0,r.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"describedbyid"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,r.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"id"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"key"}),(0,r.jsx)(t.td,{children:"React specific for render process."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"label"}),(0,r.jsx)(t.td,{children:"The label of the tab, if you don't want to use children."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"noText"}),(0,r.jsx)(t.td,{children:"Define the text next to the icon specified via the icon Property to get hidden."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"disabled"}),(0,r.jsx)(t.td,{children:"The disabled attribute can be set to keep a user from clicking on the tab."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"icon"}),(0,r.jsxs)(t.td,{children:["Define an icon by its identifier (like e.g. ",(0,r.jsx)(t.em,{children:"account"}),", compare to ",(0,r.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"Icons"}),") to get displayed in front of the elements content."]}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"IconTypes"})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"iconAfter"}),(0,r.jsxs)(t.td,{children:["Define an icon by its identifier (like e.g. ",(0,r.jsx)(t.em,{children:"account"}),", compare to ",(0,r.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"Icons"}),") to get displayed in front of the elements content."]}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"IconTypes"})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"active"}),(0,r.jsx)(t.td,{children:"If the tab is checked/active."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]})]})]})]})}function c(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(d,{...e,children:(0,r.jsx)(a,{...e})})}},16134:function(e,t,n){"use strict";var r=n(52322),i=n(2784),s=n(13776);let d=(0,i.forwardRef)(function(e,t){let n=t||(0,i.useRef)(t);return(0,r.jsx)("button",{ref:n,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=d},63900:function(e,t,n){"use strict";var r,i,s,d,a,c,l;n.d(t,{IY:function(){return o},YP:function(){return h},ce:function(){return u}});let o="OVERWRITE_DEFAULT_ID",h="Back",u="Close Button";(a=r||(r={})).FUNCTIONAL="functional",a.REGULAR="regular",a.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,t]=e;return t}),(i||(i={})).PRIMARY="primary",(c=s||(s={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(e=>{let[,t]=e;return t}),Object.entries(i).map(e=>{let[,t]=e;return t}),(l=d||(d={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(d).map(e=>{let[,t]=e;return t})},13776:function(e,t,n){"use strict";n.d(t,{MN:function(){return l},Vj:function(){return r},cd:function(){return c},mS:function(){return a},yI:function(){return s},yn:function(){return i}});let r=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&i(e,t)})},s=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let t in e)e[t]&&(r+="".concat(t," "))}}),r.trim()},d=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],a=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||d.includes(e))&&!t.includes(e)).reduce((t,n)=>(t[n]=e[n],t),{}),c=e=>{let{left:t,right:n}=e.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&n<=r},l=e=>{let{top:t,bottom:n}=e.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&n<=r}}},function(e){e.O(0,[49710,12156,92888,49774,40179],function(){return e(e.s=6931)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/tabs-2aca8227a0247d29.js b/review/main/_next/static/chunks/pages/components/tabs-d35520c7ed0f6944.js similarity index 87% rename from review/main/_next/static/chunks/pages/components/tabs-2aca8227a0247d29.js rename to review/main/_next/static/chunks/pages/components/tabs-d35520c7ed0f6944.js index f6e62b3f258..979260066c8 100644 --- a/review/main/_next/static/chunks/pages/components/tabs-2aca8227a0247d29.js +++ b/review/main/_next/static/chunks/pages/components/tabs-d35520c7ed0f6944.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[46316],{45163:function(e,n,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tabs",function(){return s(63599)}])},63599:function(e,n,s){"use strict";s.r(n);var l=s(52322),i=s(42918),t=s(20362),a=s(23187),r=s(97757),c=s(22165),d=s(86095),o=s(99341),x=s(45103),h=s(37395);let j=e=>{let{children:n,orientation:s,width:i,alignment:t,overflow:a,behaviour:r,initialSelectedMode:c,initialSelectedIndex:o}=e;return(0,l.jsxs)("div",{className:"w-full",children:[(0,l.jsxs)(d.EZ,{icon:"none",size:"small",variant:"informational",children:[n,":"]}),(0,l.jsxs)(d.nE,{orientation:s,width:i,alignment:t,behaviour:r,initialSelectedIndex:o,initialSelectedMode:c,arrowScrollDistance:75,children:[(0,l.jsxs)(d.PC,{children:[(0,l.jsx)(d.QQ,{children:"Test 1"}),(0,l.jsx)(d.QQ,{children:"Test 2"}),(0,l.jsx)(d.QQ,{children:"Test 3"}),a&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(d.QQ,{children:"Test 4"}),(0,l.jsx)(d.QQ,{children:"Test 5"})]})]}),(0,l.jsx)(d.Ao,{children:"Tab Panel 1"}),(0,l.jsx)(d.Ao,{children:"Tab Panel 2"}),(0,l.jsx)(d.Ao,{children:"Tab Panel 3"}),a&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(d.Ao,{children:"Tab Panel 4"}),(0,l.jsx)(d.Ao,{children:"Tab Panel 5"})]})]})]})};n.default=()=>(0,l.jsx)(o.Z,{title:"DBTabs",variants:(0,h.P)(x,j,[(0,l.jsx)(i.default,{}),(0,l.jsx)(t.default,{}),(0,l.jsx)(a.default,{}),(0,l.jsx)(r.default,{}),(0,l.jsx)(c.default,{})])})}},function(e){e.O(0,[49710,14863,11803,23187,97757,42918,22165,20362,54817,92888,49774,40179],function(){return e(e.s=45163)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[46316],{45163:function(e,n,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tabs",function(){return s(63599)}])},63599:function(e,n,s){"use strict";s.r(n);var l=s(52322),i=s(42918),t=s(20362),a=s(23187),r=s(97757),c=s(22165),d=s(53752),o=s(99341),x=s(45103),h=s(37395);let j=e=>{let{children:n,orientation:s,width:i,alignment:t,overflow:a,behaviour:r,initialSelectedMode:c,initialSelectedIndex:o}=e;return(0,l.jsxs)("div",{className:"w-full",children:[(0,l.jsxs)(d.EZ,{icon:"none",size:"small",variant:"informational",children:[n,":"]}),(0,l.jsxs)(d.nE,{orientation:s,width:i,alignment:t,behaviour:r,initialSelectedIndex:o,initialSelectedMode:c,arrowScrollDistance:75,children:[(0,l.jsxs)(d.PC,{children:[(0,l.jsx)(d.QQ,{children:"Test 1"}),(0,l.jsx)(d.QQ,{children:"Test 2"}),(0,l.jsx)(d.QQ,{children:"Test 3"}),a&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(d.QQ,{children:"Test 4"}),(0,l.jsx)(d.QQ,{children:"Test 5"})]})]}),(0,l.jsx)(d.Ao,{children:"Tab Panel 1"}),(0,l.jsx)(d.Ao,{children:"Tab Panel 2"}),(0,l.jsx)(d.Ao,{children:"Tab Panel 3"}),a&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(d.Ao,{children:"Tab Panel 4"}),(0,l.jsx)(d.Ao,{children:"Tab Panel 5"})]})]})]})};n.default=()=>(0,l.jsx)(o.Z,{title:"DBTabs",variants:(0,h.P)(x,j,[(0,l.jsx)(i.default,{}),(0,l.jsx)(t.default,{}),(0,l.jsx)(a.default,{}),(0,l.jsx)(r.default,{}),(0,l.jsx)(c.default,{})])})}},function(e){e.O(0,[49710,14863,12156,23187,97757,42918,22165,20362,54817,92888,49774,40179],function(){return e(e.s=45163)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/tabs/how-to-use-bb31cca09ca44ae5.js b/review/main/_next/static/chunks/pages/components/tabs/how-to-use-f44d8de6b9c89c6e.js similarity index 98% rename from review/main/_next/static/chunks/pages/components/tabs/how-to-use-bb31cca09ca44ae5.js rename to review/main/_next/static/chunks/pages/components/tabs/how-to-use-f44d8de6b9c89c6e.js index aff94215e72..16a6643333f 100644 --- a/review/main/_next/static/chunks/pages/components/tabs/how-to-use-bb31cca09ca44ae5.js +++ b/review/main/_next/static/chunks/pages/components/tabs/how-to-use-f44d8de6b9c89c6e.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[63853],{77815:function(n,a,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tabs/how-to-use",function(){return t(65009)}])},18210:function(n,a,t){"use strict";t.r(a),t.d(a,{default:function(){return l}});var e=t(52322),r=t(45392);function s(n){let a={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,r.a)(),...n.components};return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(a.h2,{id:"angular",children:"Angular"}),"\n",(0,e.jsxs)(a.p,{children:["For general installation and configuration take a look at the ",(0,e.jsx)(a.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,e.jsx)(a.h3,{id:"load-component",children:"Load component"}),"\n",(0,e.jsx)(a.p,{children:"You can't use the component standalone!"}),"\n",(0,e.jsx)(a.pre,{children:(0,e.jsx)(a.code,{className:"language-ts",children:"//app.module.ts\nimport { DBTab, DBTabList, DBTabPanel, DBTabs } from '@db-ui/ngx-components';\n\n@NgModule({\n ...\n standalone: true,\n imports: [..., DBTab,DBTabList,DBTabPanel,DBTabs],\n ...\n})\n\n"})}),"\n",(0,e.jsx)(a.h3,{id:"use-component",children:"Use component"}),"\n",(0,e.jsx)(a.pre,{children:(0,e.jsx)(a.code,{className:"language-html",children:"\n\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n\n"})})]})}function l(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:a}={...(0,r.a)(),...n.components};return a?(0,e.jsx)(a,{...n,children:(0,e.jsx)(s,{...n})}):s(n)}},29544:function(n,a,t){"use strict";t.r(a),t.d(a,{default:function(){return l}});var e=t(52322),r=t(45392);function s(n){let a={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,r.a)(),...n.components};return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(a.h2,{id:"html",children:"HTML"}),"\n",(0,e.jsxs)(a.p,{children:["For general installation and configuration take a look at the ",(0,e.jsx)(a.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,e.jsx)(a.h3,{id:"use-component",children:"Use component"}),"\n",(0,e.jsx)(a.pre,{children:(0,e.jsx)(a.code,{className:"language-html",children:'\n...\n\n
    \n
    \n
    \n Test 1Test 2Test 3\n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    \n\n'})})]})}function l(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:a}={...(0,r.a)(),...n.components};return a?(0,e.jsx)(a,{...n,children:(0,e.jsx)(s,{...n})}):s(n)}},370:function(n,a,t){"use strict";t.r(a),t.d(a,{default:function(){return l}});var e=t(52322),r=t(45392);function s(n){let a={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,r.a)(),...n.components};return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(a.h2,{id:"react",children:"React"}),"\n",(0,e.jsxs)(a.p,{children:["For general installation and configuration take a look at the ",(0,e.jsx)(a.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,e.jsx)(a.h3,{id:"use-component",children:"Use component"}),"\n",(0,e.jsx)(a.pre,{children:(0,e.jsx)(a.code,{className:"language-tsx",children:'// App.tsx\nimport { DBTab, DBTabList, DBTabs, DBTabPanel } from "@db-ui/react-components";\n\nconst App = () => (\n \n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n \n);\n\nexport default App;\n'})})]})}function l(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:a}={...(0,r.a)(),...n.components};return a?(0,e.jsx)(a,{...n,children:(0,e.jsx)(s,{...n})}):s(n)}},15098:function(n,a,t){"use strict";t.r(a),t.d(a,{default:function(){return l}});var e=t(52322),r=t(45392);function s(n){let a={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,r.a)(),...n.components};return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(a.h2,{id:"vue",children:"Vue"}),"\n",(0,e.jsxs)(a.p,{children:["For general installation and configuration take a look at the ",(0,e.jsx)(a.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,e.jsx)(a.h3,{id:"use-component",children:"Use component"}),"\n",(0,e.jsx)(a.pre,{children:(0,e.jsx)(a.code,{className:"language-vue",children:'\n\n\n\n'})})]})}function l(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:a}={...(0,r.a)(),...n.components};return a?(0,e.jsx)(a,{...n,children:(0,e.jsx)(s,{...n})}):s(n)}},65009:function(n,a,t){"use strict";t.r(a),t.d(a,{default:function(){return u}});var e=t(52322),r=t(45392),s=t(11803),l=t(29544),i=t(18210),o=t(370),c=t(15098);let d=n=>{let{children:a}=n;return(0,e.jsx)(s.Z,{children:a})};function b(n){let a={h1:"h1",...(0,r.a)(),...n.components};return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(a.h1,{id:"how-to-use-dbtabs",children:"How to use DBTabs"}),"\n",(0,e.jsx)(l.default,{}),"\n",(0,e.jsx)(i.default,{}),"\n",(0,e.jsx)(o.default,{}),"\n",(0,e.jsx)(c.default,{})]})}function u(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,e.jsx)(d,{...n,children:(0,e.jsx)(b,{...n})})}},16134:function(n,a,t){"use strict";var e=t(52322),r=t(2784),s=t(13776);let l=(0,r.forwardRef)(function(n,a){let t=a||(0,r.useRef)(a);return(0,e.jsx)("button",{ref:t,...(0,s.mS)(n,[]),id:n.id,className:(0,s.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:a=>{n.onClick&&n.onClick(a)},children:n.children})});a.Z=l},63900:function(n,a,t){"use strict";var e,r,s,l,i,o,c;t.d(a,{IY:function(){return d},YP:function(){return b},ce:function(){return u}});let d="OVERWRITE_DEFAULT_ID",b="Back",u="Close Button";(i=e||(e={})).FUNCTIONAL="functional",i.REGULAR="regular",i.EXPRESSIVE="expressive",Object.entries(e).map(n=>{let[,a]=n;return a}),(r||(r={})).PRIMARY="primary",(o=s||(s={})).BASE="base",o.BASE_STRONG="base-strong",o.BASE_TRANSPARENT_SEMI="base-transparent-semi",o.BASE_TRANSPARENT_FULL="base-transparent-full",o.NEUTRAL="neutral",o.NEUTRAL_STRONG="neutral-strong",o.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",o.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",o.BRAND="brand",o.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",o.BRAND_TRANSPARENT_FULL="brand-transparent-full",o.SUCCESSFUL="successful",o.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",o.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",o.CRITICAL="critical",o.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",o.CRITICAL_TRANSPARENT_Full="critical-transparent-full",o.WARNING="warning",o.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",o.WARNING_TRANSPARENT_FULL="warning-transparent-full",o.INFORMATIONAL="informational",o.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",o.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(n=>{let[,a]=n;return a}),Object.entries(r).map(n=>{let[,a]=n;return a}),(c=l||(l={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(l).map(n=>{let[,a]=n;return a})},13776:function(n,a,t){"use strict";t.d(a,{MN:function(){return c},Vj:function(){return e},cd:function(){return o},mS:function(){return i},yI:function(){return s},yn:function(){return r}});let e=()=>{var n,a;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(a=window.crypto)||void 0===a?void 0:a.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},r=(n,a)=>{Object.values(n.children).forEach(n=>{n.setAttribute(a.key,a.value),n.children.length>0&&r(n,a)})},s=function(){for(var n=arguments.length,a=Array(n),t=0;t{if(n){if("string"==typeof n)e+="".concat(n," ");else for(let a in n)n[a]&&(e+="".concat(a," "))}}),e.trim()},l=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],i=(n,a)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||l.includes(n))&&!a.includes(n)).reduce((a,t)=>(a[t]=n[t],a),{}),o=n=>{let{left:a,right:t}=n.getBoundingClientRect(),{innerWidth:e}=window;return a>=0&&t<=e},c=n=>{let{top:a,bottom:t}=n.getBoundingClientRect(),{innerHeight:e}=window;return a>=0&&t<=e}}},function(n){n.O(0,[49710,11803,92888,49774,40179],function(){return n(n.s=77815)}),_N_E=n.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[63853],{77815:function(n,a,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tabs/how-to-use",function(){return t(65009)}])},18210:function(n,a,t){"use strict";t.r(a),t.d(a,{default:function(){return l}});var e=t(52322),r=t(45392);function s(n){let a={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,r.a)(),...n.components};return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(a.h2,{id:"angular",children:"Angular"}),"\n",(0,e.jsxs)(a.p,{children:["For general installation and configuration take a look at the ",(0,e.jsx)(a.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,e.jsx)(a.h3,{id:"load-component",children:"Load component"}),"\n",(0,e.jsx)(a.p,{children:"You can't use the component standalone!"}),"\n",(0,e.jsx)(a.pre,{children:(0,e.jsx)(a.code,{className:"language-ts",children:"//app.module.ts\nimport { DBTab, DBTabList, DBTabPanel, DBTabs } from '@db-ui/ngx-components';\n\n@NgModule({\n ...\n standalone: true,\n imports: [..., DBTab,DBTabList,DBTabPanel,DBTabs],\n ...\n})\n\n"})}),"\n",(0,e.jsx)(a.h3,{id:"use-component",children:"Use component"}),"\n",(0,e.jsx)(a.pre,{children:(0,e.jsx)(a.code,{className:"language-html",children:"\n\n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n\n"})})]})}function l(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:a}={...(0,r.a)(),...n.components};return a?(0,e.jsx)(a,{...n,children:(0,e.jsx)(s,{...n})}):s(n)}},29544:function(n,a,t){"use strict";t.r(a),t.d(a,{default:function(){return l}});var e=t(52322),r=t(45392);function s(n){let a={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,r.a)(),...n.components};return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(a.h2,{id:"html",children:"HTML"}),"\n",(0,e.jsxs)(a.p,{children:["For general installation and configuration take a look at the ",(0,e.jsx)(a.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,e.jsx)(a.h3,{id:"use-component",children:"Use component"}),"\n",(0,e.jsx)(a.pre,{children:(0,e.jsx)(a.code,{className:"language-html",children:'\n...\n\n
    \n
    \n
    \n Test 1Test 2Test 3\n
    \n
    \n \n Tab Panel 1\n \n \n Tab Panel 2\n \n \n Tab Panel 3\n \n
    \n\n'})})]})}function l(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:a}={...(0,r.a)(),...n.components};return a?(0,e.jsx)(a,{...n,children:(0,e.jsx)(s,{...n})}):s(n)}},370:function(n,a,t){"use strict";t.r(a),t.d(a,{default:function(){return l}});var e=t(52322),r=t(45392);function s(n){let a={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,r.a)(),...n.components};return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(a.h2,{id:"react",children:"React"}),"\n",(0,e.jsxs)(a.p,{children:["For general installation and configuration take a look at the ",(0,e.jsx)(a.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,e.jsx)(a.h3,{id:"use-component",children:"Use component"}),"\n",(0,e.jsx)(a.pre,{children:(0,e.jsx)(a.code,{className:"language-tsx",children:'// App.tsx\nimport { DBTab, DBTabList, DBTabs, DBTabPanel } from "@db-ui/react-components";\n\nconst App = () => (\n \n \n Tab 1\n Tab 2\n Tab 3\n \n Tab Panel 1\n Tab Panel 2\n Tab Panel 3\n \n);\n\nexport default App;\n'})})]})}function l(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:a}={...(0,r.a)(),...n.components};return a?(0,e.jsx)(a,{...n,children:(0,e.jsx)(s,{...n})}):s(n)}},15098:function(n,a,t){"use strict";t.r(a),t.d(a,{default:function(){return l}});var e=t(52322),r=t(45392);function s(n){let a={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,r.a)(),...n.components};return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(a.h2,{id:"vue",children:"Vue"}),"\n",(0,e.jsxs)(a.p,{children:["For general installation and configuration take a look at the ",(0,e.jsx)(a.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,e.jsx)(a.h3,{id:"use-component",children:"Use component"}),"\n",(0,e.jsx)(a.pre,{children:(0,e.jsx)(a.code,{className:"language-vue",children:'\n\n\n\n'})})]})}function l(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:a}={...(0,r.a)(),...n.components};return a?(0,e.jsx)(a,{...n,children:(0,e.jsx)(s,{...n})}):s(n)}},65009:function(n,a,t){"use strict";t.r(a),t.d(a,{default:function(){return u}});var e=t(52322),r=t(45392),s=t(12156),l=t(29544),i=t(18210),o=t(370),c=t(15098);let d=n=>{let{children:a}=n;return(0,e.jsx)(s.Z,{children:a})};function b(n){let a={h1:"h1",...(0,r.a)(),...n.components};return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(a.h1,{id:"how-to-use-dbtabs",children:"How to use DBTabs"}),"\n",(0,e.jsx)(l.default,{}),"\n",(0,e.jsx)(i.default,{}),"\n",(0,e.jsx)(o.default,{}),"\n",(0,e.jsx)(c.default,{})]})}function u(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,e.jsx)(d,{...n,children:(0,e.jsx)(b,{...n})})}},16134:function(n,a,t){"use strict";var e=t(52322),r=t(2784),s=t(13776);let l=(0,r.forwardRef)(function(n,a){let t=a||(0,r.useRef)(a);return(0,e.jsx)("button",{ref:t,...(0,s.mS)(n,[]),id:n.id,className:(0,s.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:a=>{n.onClick&&n.onClick(a)},children:n.children})});a.Z=l},63900:function(n,a,t){"use strict";var e,r,s,l,i,o,c;t.d(a,{IY:function(){return d},YP:function(){return b},ce:function(){return u}});let d="OVERWRITE_DEFAULT_ID",b="Back",u="Close Button";(i=e||(e={})).FUNCTIONAL="functional",i.REGULAR="regular",i.EXPRESSIVE="expressive",Object.entries(e).map(n=>{let[,a]=n;return a}),(r||(r={})).PRIMARY="primary",(o=s||(s={})).BASE="base",o.BASE_STRONG="base-strong",o.BASE_TRANSPARENT_SEMI="base-transparent-semi",o.BASE_TRANSPARENT_FULL="base-transparent-full",o.NEUTRAL="neutral",o.NEUTRAL_STRONG="neutral-strong",o.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",o.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",o.BRAND="brand",o.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",o.BRAND_TRANSPARENT_FULL="brand-transparent-full",o.SUCCESSFUL="successful",o.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",o.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",o.CRITICAL="critical",o.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",o.CRITICAL_TRANSPARENT_Full="critical-transparent-full",o.WARNING="warning",o.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",o.WARNING_TRANSPARENT_FULL="warning-transparent-full",o.INFORMATIONAL="informational",o.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",o.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(n=>{let[,a]=n;return a}),Object.entries(r).map(n=>{let[,a]=n;return a}),(c=l||(l={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(l).map(n=>{let[,a]=n;return a})},13776:function(n,a,t){"use strict";t.d(a,{MN:function(){return c},Vj:function(){return e},cd:function(){return o},mS:function(){return i},yI:function(){return s},yn:function(){return r}});let e=()=>{var n,a;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(a=window.crypto)||void 0===a?void 0:a.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},r=(n,a)=>{Object.values(n.children).forEach(n=>{n.setAttribute(a.key,a.value),n.children.length>0&&r(n,a)})},s=function(){for(var n=arguments.length,a=Array(n),t=0;t{if(n){if("string"==typeof n)e+="".concat(n," ");else for(let a in n)n[a]&&(e+="".concat(a," "))}}),e.trim()},l=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],i=(n,a)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||l.includes(n))&&!a.includes(n)).reduce((a,t)=>(a[t]=n[t],a),{}),o=n=>{let{left:a,right:t}=n.getBoundingClientRect(),{innerWidth:e}=window;return a>=0&&t<=e},c=n=>{let{top:a,bottom:t}=n.getBoundingClientRect(),{innerHeight:e}=window;return a>=0&&t<=e}}},function(n){n.O(0,[49710,12156,92888,49774,40179],function(){return n(n.s=77815)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/tabs/migration-2bb37c50f04a4abf.js b/review/main/_next/static/chunks/pages/components/tabs/migration-8b6dce9f9a1fd019.js similarity index 97% rename from review/main/_next/static/chunks/pages/components/tabs/migration-2bb37c50f04a4abf.js rename to review/main/_next/static/chunks/pages/components/tabs/migration-8b6dce9f9a1fd019.js index 0c25ef34d10..a42390659b0 100644 --- a/review/main/_next/static/chunks/pages/components/tabs/migration-2bb37c50f04a4abf.js +++ b/review/main/_next/static/chunks/pages/components/tabs/migration-8b6dce9f9a1fd019.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[27604],{25578:function(t,e,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tabs/migration",function(){return n(81274)}])},46802:function(t,e,n){"use strict";n.r(e),n.d(e,{default:function(){return s}});var r=n(52322),a=n(45392);function i(t){let e={a:"a",blockquote:"blockquote",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,a.a)(),...t.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"general",children:"General"}),"\n",(0,r.jsxs)(e.blockquote,{children:["\n",(0,r.jsxs)(e.p,{children:[(0,r.jsx)(e.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,r.jsx)(e.h2,{id:"db-ui-core--db-ui-components",children:"DB UI Core ➡ DB UI Components"}),"\n",(0,r.jsx)(e.h3,{id:"class",children:"class"}),"\n",(0,r.jsxs)(e.table,{children:[(0,r.jsx)(e.thead,{children:(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.th,{children:"Before"}),(0,r.jsx)(e.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(e.th,{children:"After"}),(0,r.jsx)(e.th,{children:"Description"})]})}),(0,r.jsx)(e.tbody,{children:(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"cmp-tab-bar"})}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"db-tabs"})}),(0,r.jsx)(e.td,{})]})})]})]})}function s(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...t.components};return e?(0,r.jsx)(e,{...t,children:(0,r.jsx)(i,{...t})}):i(t)}},81274:function(t,e,n){"use strict";n.r(e),n.d(e,{default:function(){return o}});var r=n(52322),a=n(45392),i=n(11803),s=n(46802);let c=t=>{let{children:e}=t;return(0,r.jsx)(i.Z,{children:e})};function l(t){let e={h1:"h1",...(0,a.a)(),...t.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h1,{id:"dbtabs-migration",children:"DBTabs Migration"}),"\n",(0,r.jsx)(s.default,{})]})}function o(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(c,{...t,children:(0,r.jsx)(l,{...t})})}},16134:function(t,e,n){"use strict";var r=n(52322),a=n(2784),i=n(13776);let s=(0,a.forwardRef)(function(t,e){let n=e||(0,a.useRef)(e);return(0,r.jsx)("button",{ref:n,...(0,i.mS)(t,[]),id:t.id,className:(0,i.yI)("db-button",t.className,{"is-icon-text-replace":t.noText}),type:t.type,disabled:t.disabled,"aria-label":t.label,"data-icon":t.icon,"data-size":t.size,"data-state":t.state,"data-width":t.width,"data-variant":t.variant,name:t.name,value:t.value,"aria-describedby":t.describedbyid,"aria-expanded":t.ariaexpanded,"aria-pressed":t.ariapressed,onClick:e=>{t.onClick&&t.onClick(e)},children:t.children})});e.Z=s},63900:function(t,e,n){"use strict";var r,a,i,s,c,l,o;n.d(e,{IY:function(){return d},YP:function(){return u},ce:function(){return h}});let d="OVERWRITE_DEFAULT_ID",u="Back",h="Close Button";(c=r||(r={})).FUNCTIONAL="functional",c.REGULAR="regular",c.EXPRESSIVE="expressive",Object.entries(r).map(t=>{let[,e]=t;return e}),(a||(a={})).PRIMARY="primary",(l=i||(i={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(t=>{let[,e]=t;return e}),Object.entries(a).map(t=>{let[,e]=t;return e}),(o=s||(s={})).CRITICAL="critical",o.INFORMATIONAL="informational",o.WARNING="warning",o.SUCCESSFUL="successful",Object.entries(s).map(t=>{let[,e]=t;return e})},13776:function(t,e,n){"use strict";n.d(e,{MN:function(){return o},Vj:function(){return r},cd:function(){return l},mS:function(){return c},yI:function(){return i},yn:function(){return a}});let r=()=>{var t,e;return(null===(t=window.crypto)||void 0===t?void 0:t.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},a=(t,e)=>{Object.values(t.children).forEach(t=>{t.setAttribute(e.key,e.value),t.children.length>0&&a(t,e)})},i=function(){for(var t=arguments.length,e=Array(t),n=0;n{if(t){if("string"==typeof t)r+="".concat(t," ");else for(let e in t)t[e]&&(r+="".concat(e," "))}}),r.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],c=(t,e)=>Object.keys(t).filter(t=>(t.startsWith("data-")||t.startsWith("aria-")||t.startsWith("default")||t.startsWith("auto")||t.startsWith("item")||t.startsWith("on")||s.includes(t))&&!e.includes(t)).reduce((e,n)=>(e[n]=t[n],e),{}),l=t=>{let{left:e,right:n}=t.getBoundingClientRect(),{innerWidth:r}=window;return e>=0&&n<=r},o=t=>{let{top:e,bottom:n}=t.getBoundingClientRect(),{innerHeight:r}=window;return e>=0&&n<=r}}},function(t){t.O(0,[49710,11803,92888,49774,40179],function(){return t(t.s=25578)}),_N_E=t.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[27604],{25578:function(t,e,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tabs/migration",function(){return n(81274)}])},46802:function(t,e,n){"use strict";n.r(e),n.d(e,{default:function(){return s}});var r=n(52322),a=n(45392);function i(t){let e={a:"a",blockquote:"blockquote",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,a.a)(),...t.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"general",children:"General"}),"\n",(0,r.jsxs)(e.blockquote,{children:["\n",(0,r.jsxs)(e.p,{children:[(0,r.jsx)(e.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,r.jsx)(e.h2,{id:"db-ui-core--db-ui-components",children:"DB UI Core ➡ DB UI Components"}),"\n",(0,r.jsx)(e.h3,{id:"class",children:"class"}),"\n",(0,r.jsxs)(e.table,{children:[(0,r.jsx)(e.thead,{children:(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.th,{children:"Before"}),(0,r.jsx)(e.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(e.th,{children:"After"}),(0,r.jsx)(e.th,{children:"Description"})]})}),(0,r.jsx)(e.tbody,{children:(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"cmp-tab-bar"})}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"db-tabs"})}),(0,r.jsx)(e.td,{})]})})]})]})}function s(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,a.a)(),...t.components};return e?(0,r.jsx)(e,{...t,children:(0,r.jsx)(i,{...t})}):i(t)}},81274:function(t,e,n){"use strict";n.r(e),n.d(e,{default:function(){return o}});var r=n(52322),a=n(45392),i=n(12156),s=n(46802);let c=t=>{let{children:e}=t;return(0,r.jsx)(i.Z,{children:e})};function l(t){let e={h1:"h1",...(0,a.a)(),...t.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h1,{id:"dbtabs-migration",children:"DBTabs Migration"}),"\n",(0,r.jsx)(s.default,{})]})}function o(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(c,{...t,children:(0,r.jsx)(l,{...t})})}},16134:function(t,e,n){"use strict";var r=n(52322),a=n(2784),i=n(13776);let s=(0,a.forwardRef)(function(t,e){let n=e||(0,a.useRef)(e);return(0,r.jsx)("button",{ref:n,...(0,i.mS)(t,[]),id:t.id,className:(0,i.yI)("db-button",t.className,{"is-icon-text-replace":t.noText}),type:t.type,disabled:t.disabled,"aria-label":t.label,"data-icon":t.icon,"data-size":t.size,"data-state":t.state,"data-width":t.width,"data-variant":t.variant,name:t.name,value:t.value,"aria-describedby":t.describedbyid,"aria-expanded":t.ariaexpanded,"aria-pressed":t.ariapressed,onClick:e=>{t.onClick&&t.onClick(e)},children:t.children})});e.Z=s},63900:function(t,e,n){"use strict";var r,a,i,s,c,l,o;n.d(e,{IY:function(){return d},YP:function(){return u},ce:function(){return h}});let d="OVERWRITE_DEFAULT_ID",u="Back",h="Close Button";(c=r||(r={})).FUNCTIONAL="functional",c.REGULAR="regular",c.EXPRESSIVE="expressive",Object.entries(r).map(t=>{let[,e]=t;return e}),(a||(a={})).PRIMARY="primary",(l=i||(i={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(t=>{let[,e]=t;return e}),Object.entries(a).map(t=>{let[,e]=t;return e}),(o=s||(s={})).CRITICAL="critical",o.INFORMATIONAL="informational",o.WARNING="warning",o.SUCCESSFUL="successful",Object.entries(s).map(t=>{let[,e]=t;return e})},13776:function(t,e,n){"use strict";n.d(e,{MN:function(){return o},Vj:function(){return r},cd:function(){return l},mS:function(){return c},yI:function(){return i},yn:function(){return a}});let r=()=>{var t,e;return(null===(t=window.crypto)||void 0===t?void 0:t.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},a=(t,e)=>{Object.values(t.children).forEach(t=>{t.setAttribute(e.key,e.value),t.children.length>0&&a(t,e)})},i=function(){for(var t=arguments.length,e=Array(t),n=0;n{if(t){if("string"==typeof t)r+="".concat(t," ");else for(let e in t)t[e]&&(r+="".concat(e," "))}}),r.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],c=(t,e)=>Object.keys(t).filter(t=>(t.startsWith("data-")||t.startsWith("aria-")||t.startsWith("default")||t.startsWith("auto")||t.startsWith("item")||t.startsWith("on")||s.includes(t))&&!e.includes(t)).reduce((e,n)=>(e[n]=t[n],e),{}),l=t=>{let{left:e,right:n}=t.getBoundingClientRect(),{innerWidth:r}=window;return e>=0&&n<=r},o=t=>{let{top:e,bottom:n}=t.getBoundingClientRect(),{innerHeight:r}=window;return e>=0&&n<=r}}},function(t){t.O(0,[49710,12156,92888,49774,40179],function(){return t(t.s=25578)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/tabs/overview-f999799a315ccdb6.js b/review/main/_next/static/chunks/pages/components/tabs/overview-1cb1841c1f827528.js similarity index 91% rename from review/main/_next/static/chunks/pages/components/tabs/overview-f999799a315ccdb6.js rename to review/main/_next/static/chunks/pages/components/tabs/overview-1cb1841c1f827528.js index a84a22304a2..4a14f790fcc 100644 --- a/review/main/_next/static/chunks/pages/components/tabs/overview-f999799a315ccdb6.js +++ b/review/main/_next/static/chunks/pages/components/tabs/overview-1cb1841c1f827528.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[18103],{7617:function(e,n,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tabs/overview",function(){return s(6829)}])},6829:function(e,n,s){"use strict";s.r(n);var i=s(52322),l=s(42918),t=s(20362),a=s(23187),r=s(97757),c=s(22165),d=s(86095),o=s(99341),x=s(45103),h=s(37395);let j=e=>{let{children:n,orientation:s,width:l,alignment:t,overflow:a,behaviour:r,initialSelectedMode:c,initialSelectedIndex:o}=e;return(0,i.jsxs)("div",{className:"w-full",children:[(0,i.jsxs)(d.EZ,{icon:"none",size:"small",variant:"informational",children:[n,":"]}),(0,i.jsxs)(d.nE,{orientation:s,width:l,alignment:t,behaviour:r,initialSelectedIndex:o,initialSelectedMode:c,arrowScrollDistance:75,children:[(0,i.jsxs)(d.PC,{children:[(0,i.jsx)(d.QQ,{children:"Test 1"}),(0,i.jsx)(d.QQ,{children:"Test 2"}),(0,i.jsx)(d.QQ,{children:"Test 3"}),a&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(d.QQ,{children:"Test 4"}),(0,i.jsx)(d.QQ,{children:"Test 5"})]})]}),(0,i.jsx)(d.Ao,{children:"Tab Panel 1"}),(0,i.jsx)(d.Ao,{children:"Tab Panel 2"}),(0,i.jsx)(d.Ao,{children:"Tab Panel 3"}),a&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(d.Ao,{children:"Tab Panel 4"}),(0,i.jsx)(d.Ao,{children:"Tab Panel 5"})]})]})]})};n.default=()=>(0,i.jsx)(o.Z,{title:"DBTabs",variants:(0,h.P)(x,j,[(0,i.jsx)(l.default,{}),(0,i.jsx)(t.default,{}),(0,i.jsx)(a.default,{}),(0,i.jsx)(r.default,{}),(0,i.jsx)(c.default,{})])})}},function(e){e.O(0,[49710,14863,11803,23187,97757,42918,22165,20362,54817,92888,49774,40179],function(){return e(e.s=7617)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[18103],{7617:function(e,n,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tabs/overview",function(){return s(6829)}])},6829:function(e,n,s){"use strict";s.r(n);var i=s(52322),l=s(42918),t=s(20362),a=s(23187),r=s(97757),c=s(22165),d=s(53752),o=s(99341),x=s(45103),h=s(37395);let j=e=>{let{children:n,orientation:s,width:l,alignment:t,overflow:a,behaviour:r,initialSelectedMode:c,initialSelectedIndex:o}=e;return(0,i.jsxs)("div",{className:"w-full",children:[(0,i.jsxs)(d.EZ,{icon:"none",size:"small",variant:"informational",children:[n,":"]}),(0,i.jsxs)(d.nE,{orientation:s,width:l,alignment:t,behaviour:r,initialSelectedIndex:o,initialSelectedMode:c,arrowScrollDistance:75,children:[(0,i.jsxs)(d.PC,{children:[(0,i.jsx)(d.QQ,{children:"Test 1"}),(0,i.jsx)(d.QQ,{children:"Test 2"}),(0,i.jsx)(d.QQ,{children:"Test 3"}),a&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(d.QQ,{children:"Test 4"}),(0,i.jsx)(d.QQ,{children:"Test 5"})]})]}),(0,i.jsx)(d.Ao,{children:"Tab Panel 1"}),(0,i.jsx)(d.Ao,{children:"Tab Panel 2"}),(0,i.jsx)(d.Ao,{children:"Tab Panel 3"}),a&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(d.Ao,{children:"Tab Panel 4"}),(0,i.jsx)(d.Ao,{children:"Tab Panel 5"})]})]})]})};n.default=()=>(0,i.jsx)(o.Z,{title:"DBTabs",variants:(0,h.P)(x,j,[(0,i.jsx)(l.default,{}),(0,i.jsx)(t.default,{}),(0,i.jsx)(a.default,{}),(0,i.jsx)(r.default,{}),(0,i.jsx)(c.default,{})])})}},function(e){e.O(0,[49710,14863,12156,23187,97757,42918,22165,20362,54817,92888,49774,40179],function(){return e(e.s=7617)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/tabs/properties-936afa3aa1b037bc.js b/review/main/_next/static/chunks/pages/components/tabs/properties-b23dd797fc878161.js similarity index 98% rename from review/main/_next/static/chunks/pages/components/tabs/properties-936afa3aa1b037bc.js rename to review/main/_next/static/chunks/pages/components/tabs/properties-b23dd797fc878161.js index 277a4ef6a07..470afd55f59 100644 --- a/review/main/_next/static/chunks/pages/components/tabs/properties-936afa3aa1b037bc.js +++ b/review/main/_next/static/chunks/pages/components/tabs/properties-b23dd797fc878161.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[68802],{96366:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tabs/properties",function(){return r(19821)}])},19821:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return l}});var n=r(52322),i=r(45392),s=r(11803);let a=e=>{let{children:t}=e;return(0,n.jsx)(s.Z,{children:t})};function d(e){let t={a:"a",code:"code",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.h1,{id:"dbtabs",children:"DBTabs"}),"\n",(0,n.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,n.jsxs)(t.table,{children:[(0,n.jsx)(t.thead,{children:(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.th,{children:"Name"}),(0,n.jsx)(t.th,{children:"Description"}),(0,n.jsx)(t.th,{children:"Type"}),(0,n.jsx)(t.th,{children:"Options"})]})}),(0,n.jsxs)(t.tbody,{children:[(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"arrowScrollDistance"}),(0,n.jsx)(t.td,{children:'Change amount of distance if you click on an arrow, only available with behaviour="arrows"'}),(0,n.jsx)(t.td,{children:"number"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"behaviour"}),(0,n.jsx)(t.td,{children:"Show a scrollbar or buttons with arrows to navigate for horizontal tabs with overflow visible"}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'scrollbar' | 'arrows'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"initialSelectedIndex"}),(0,n.jsx)(t.td,{children:"Default behaviour is auto selecting the first tab, change selected tab by index"}),(0,n.jsx)(t.td,{children:"number"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"initialSelectedMode"}),(0,n.jsx)(t.td,{children:"Default behaviour is auto selecting the first tab, disable it with 'manually'"}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'auto' | 'manually'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"name"}),(0,n.jsx)(t.td,{children:"The name of the tab bar, is required for grouping multiple tabs together. Will overwrite names from children."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"tabs"}),(0,n.jsx)(t.td,{children:"Provide simple tabs with label + text as content"}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"signature | signature | signature | signature | signature | | DBTabPanelDefaultProps | signature | | | | string"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"children"}),(0,n.jsx)(t.td,{children:"default slot"}),(0,n.jsx)(t.td,{children:"any"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"className"}),(0,n.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"describedbyid"}),(0,n.jsxs)(t.td,{children:[(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,n.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"id"}),(0,n.jsxs)(t.td,{children:[(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"key"}),(0,n.jsx)(t.td,{children:"React specific for render process."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"orientation"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'horizontal' | 'vertical'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"width"}),(0,n.jsx)(t.td,{children:"Width of the component. Auto width based on children size, full width based on parent elements width."}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'full' | 'auto'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"alignment"}),(0,n.jsx)(t.td,{children:"Define the content alignment in full width"}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'start' | 'center'"})})})]})]})]})]})}function l(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,n.jsx)(a,{...e,children:(0,n.jsx)(d,{...e})})}},16134:function(e,t,r){"use strict";var n=r(52322),i=r(2784),s=r(13776);let a=(0,i.forwardRef)(function(e,t){let r=t||(0,i.useRef)(t);return(0,n.jsx)("button",{ref:r,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=a},63900:function(e,t,r){"use strict";var n,i,s,a,d,l,c;r.d(t,{IY:function(){return o},YP:function(){return h},ce:function(){return u}});let o="OVERWRITE_DEFAULT_ID",h="Back",u="Close Button";(d=n||(n={})).FUNCTIONAL="functional",d.REGULAR="regular",d.EXPRESSIVE="expressive",Object.entries(n).map(e=>{let[,t]=e;return t}),(i||(i={})).PRIMARY="primary",(l=s||(s={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(e=>{let[,t]=e;return t}),Object.entries(i).map(e=>{let[,t]=e;return t}),(c=a||(a={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(a).map(e=>{let[,t]=e;return t})},13776:function(e,t,r){"use strict";r.d(t,{MN:function(){return c},Vj:function(){return n},cd:function(){return l},mS:function(){return d},yI:function(){return s},yn:function(){return i}});let n=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&i(e,t)})},s=function(){for(var e=arguments.length,t=Array(e),r=0;r{if(e){if("string"==typeof e)n+="".concat(e," ");else for(let t in e)e[t]&&(n+="".concat(t," "))}}),n.trim()},a=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],d=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||a.includes(e))&&!t.includes(e)).reduce((t,r)=>(t[r]=e[r],t),{}),l=e=>{let{left:t,right:r}=e.getBoundingClientRect(),{innerWidth:n}=window;return t>=0&&r<=n},c=e=>{let{top:t,bottom:r}=e.getBoundingClientRect(),{innerHeight:n}=window;return t>=0&&r<=n}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=96366)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[68802],{96366:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tabs/properties",function(){return r(19821)}])},19821:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return l}});var n=r(52322),i=r(45392),s=r(12156);let a=e=>{let{children:t}=e;return(0,n.jsx)(s.Z,{children:t})};function d(e){let t={a:"a",code:"code",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.h1,{id:"dbtabs",children:"DBTabs"}),"\n",(0,n.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,n.jsxs)(t.table,{children:[(0,n.jsx)(t.thead,{children:(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.th,{children:"Name"}),(0,n.jsx)(t.th,{children:"Description"}),(0,n.jsx)(t.th,{children:"Type"}),(0,n.jsx)(t.th,{children:"Options"})]})}),(0,n.jsxs)(t.tbody,{children:[(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"arrowScrollDistance"}),(0,n.jsx)(t.td,{children:'Change amount of distance if you click on an arrow, only available with behaviour="arrows"'}),(0,n.jsx)(t.td,{children:"number"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"behaviour"}),(0,n.jsx)(t.td,{children:"Show a scrollbar or buttons with arrows to navigate for horizontal tabs with overflow visible"}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'scrollbar' | 'arrows'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"initialSelectedIndex"}),(0,n.jsx)(t.td,{children:"Default behaviour is auto selecting the first tab, change selected tab by index"}),(0,n.jsx)(t.td,{children:"number"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"initialSelectedMode"}),(0,n.jsx)(t.td,{children:"Default behaviour is auto selecting the first tab, disable it with 'manually'"}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'auto' | 'manually'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"name"}),(0,n.jsx)(t.td,{children:"The name of the tab bar, is required for grouping multiple tabs together. Will overwrite names from children."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"tabs"}),(0,n.jsx)(t.td,{children:"Provide simple tabs with label + text as content"}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"signature | signature | signature | signature | signature | | DBTabPanelDefaultProps | signature | | | | string"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"children"}),(0,n.jsx)(t.td,{children:"default slot"}),(0,n.jsx)(t.td,{children:"any"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"className"}),(0,n.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"describedbyid"}),(0,n.jsxs)(t.td,{children:[(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,n.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"id"}),(0,n.jsxs)(t.td,{children:[(0,n.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"key"}),(0,n.jsx)(t.td,{children:"React specific for render process."}),(0,n.jsx)(t.td,{children:"string"}),(0,n.jsx)(t.td,{})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"orientation"}),(0,n.jsx)(t.td,{children:"No description"}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'horizontal' | 'vertical'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"width"}),(0,n.jsx)(t.td,{children:"Width of the component. Auto width based on children size, full width based on parent elements width."}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'full' | 'auto'"})})})]}),(0,n.jsxs)(t.tr,{children:[(0,n.jsx)(t.td,{children:"alignment"}),(0,n.jsx)(t.td,{children:"Define the content alignment in full width"}),(0,n.jsx)(t.td,{children:"union"}),(0,n.jsx)(t.td,{children:(0,n.jsx)("pre",{children:(0,n.jsx)("code",{className:"code-pre-wrap",children:"'start' | 'center'"})})})]})]})]})]})}function l(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,n.jsx)(a,{...e,children:(0,n.jsx)(d,{...e})})}},16134:function(e,t,r){"use strict";var n=r(52322),i=r(2784),s=r(13776);let a=(0,i.forwardRef)(function(e,t){let r=t||(0,i.useRef)(t);return(0,n.jsx)("button",{ref:r,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=a},63900:function(e,t,r){"use strict";var n,i,s,a,d,l,c;r.d(t,{IY:function(){return o},YP:function(){return h},ce:function(){return u}});let o="OVERWRITE_DEFAULT_ID",h="Back",u="Close Button";(d=n||(n={})).FUNCTIONAL="functional",d.REGULAR="regular",d.EXPRESSIVE="expressive",Object.entries(n).map(e=>{let[,t]=e;return t}),(i||(i={})).PRIMARY="primary",(l=s||(s={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(e=>{let[,t]=e;return t}),Object.entries(i).map(e=>{let[,t]=e;return t}),(c=a||(a={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(a).map(e=>{let[,t]=e;return t})},13776:function(e,t,r){"use strict";r.d(t,{MN:function(){return c},Vj:function(){return n},cd:function(){return l},mS:function(){return d},yI:function(){return s},yn:function(){return i}});let n=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&i(e,t)})},s=function(){for(var e=arguments.length,t=Array(e),r=0;r{if(e){if("string"==typeof e)n+="".concat(e," ");else for(let t in e)e[t]&&(n+="".concat(t," "))}}),n.trim()},a=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],d=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||a.includes(e))&&!t.includes(e)).reduce((t,r)=>(t[r]=e[r],t),{}),l=e=>{let{left:t,right:r}=e.getBoundingClientRect(),{innerWidth:n}=window;return t>=0&&r<=n},c=e=>{let{top:t,bottom:r}=e.getBoundingClientRect(),{innerHeight:n}=window;return t>=0&&r<=n}}},function(e){e.O(0,[49710,12156,92888,49774,40179],function(){return e(e.s=96366)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/tag-c7528e227f1e7cb5.js b/review/main/_next/static/chunks/pages/components/tag-4a386f7ba8f601b1.js similarity index 91% rename from review/main/_next/static/chunks/pages/components/tag-c7528e227f1e7cb5.js rename to review/main/_next/static/chunks/pages/components/tag-4a386f7ba8f601b1.js index 4a56d65f8f3..cacd2117e9c 100644 --- a/review/main/_next/static/chunks/pages/components/tag-c7528e227f1e7cb5.js +++ b/review/main/_next/static/chunks/pages/components/tag-4a386f7ba8f601b1.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[70496],{55413:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tag",function(){return t(27320)}])},27320:function(e,n,t){"use strict";t.r(n);var s=t(52322),a=t(83041),l=t(56377),r=t(49088),u=t(26677),c=t(24988),i=t(8042),d=t(54721),o=t(40284),h=t(2784),f=t(86095),x=t(99341),j=t(47837),_=t(37395);let k=e=>{let{variant:n,disabled:t,children:a,icon:l,overflow:r,noText:u,behaviour:c,emphasis:i,removeButton:d,checked:o,component:x,identifier:j}=e,[_,k]=(0,h.useState)(null!=o&&o);return(0,s.jsxs)(f.k8,{variant:n,disabled:t,icon:l,noText:u,behaviour:c,emphasis:i,overflow:r,removeButton:d,onRemove:()=>{alert(a.toString())},children:["button"===x&&(0,s.jsx)(f.Y1,{children:a}),"link"===x&&(0,s.jsx)(f.vB,{href:"#",children:a}),"checkbox"===x&&(0,s.jsx)(f.I3,{checked:_,onChange:e=>{k(e.target.checked)},children:a}),"radio"===x&&(0,s.jsx)(f.an,{checked:o,name:j,children:a}),!x&&!r&&(0,s.jsx)(s.Fragment,{children:a}),!x&&r&&(0,s.jsx)("span",{children:a})]})};n.default=()=>(0,s.jsx)(x.Z,{title:"DBTag",variants:(0,_.P)(j,k,[(0,s.jsx)(a.default,{}),(0,s.jsx)(l.default,{}),(0,s.jsx)(r.default,{}),(0,s.jsx)(u.default,{}),(0,s.jsx)(c.default,{}),(0,s.jsx)(i.default,{}),(0,s.jsx)(d.default,{}),(0,s.jsx)(o.default,{})])})}},function(e){e.O(0,[49710,14863,11803,49088,26677,40284,23803,92888,49774,40179],function(){return e(e.s=55413)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[70496],{55413:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tag",function(){return t(27320)}])},27320:function(e,n,t){"use strict";t.r(n);var s=t(52322),a=t(83041),l=t(56377),r=t(49088),u=t(26677),c=t(24988),i=t(8042),d=t(54721),o=t(40284),h=t(2784),f=t(53752),x=t(99341),j=t(47837),_=t(37395);let k=e=>{let{variant:n,disabled:t,children:a,icon:l,overflow:r,noText:u,behaviour:c,emphasis:i,removeButton:d,checked:o,component:x,identifier:j}=e,[_,k]=(0,h.useState)(null!=o&&o);return(0,s.jsxs)(f.k8,{variant:n,disabled:t,icon:l,noText:u,behaviour:c,emphasis:i,overflow:r,removeButton:d,onRemove:()=>{alert(a.toString())},children:["button"===x&&(0,s.jsx)(f.Y1,{children:a}),"link"===x&&(0,s.jsx)(f.vB,{href:"#",children:a}),"checkbox"===x&&(0,s.jsx)(f.I3,{checked:_,onChange:e=>{k(e.target.checked)},children:a}),"radio"===x&&(0,s.jsx)(f.an,{checked:o,name:j,children:a}),!x&&!r&&(0,s.jsx)(s.Fragment,{children:a}),!x&&r&&(0,s.jsx)("span",{children:a})]})};n.default=()=>(0,s.jsx)(x.Z,{title:"DBTag",variants:(0,_.P)(j,k,[(0,s.jsx)(a.default,{}),(0,s.jsx)(l.default,{}),(0,s.jsx)(r.default,{}),(0,s.jsx)(u.default,{}),(0,s.jsx)(c.default,{}),(0,s.jsx)(i.default,{}),(0,s.jsx)(d.default,{}),(0,s.jsx)(o.default,{})])})}},function(e){e.O(0,[49710,14863,12156,49088,26677,40284,23803,92888,49774,40179],function(){return e(e.s=55413)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/tag/how-to-use-57c1a600a68ceed3.js b/review/main/_next/static/chunks/pages/components/tag/how-to-use-7f7d193f1886ee8f.js similarity index 98% rename from review/main/_next/static/chunks/pages/components/tag/how-to-use-57c1a600a68ceed3.js rename to review/main/_next/static/chunks/pages/components/tag/how-to-use-7f7d193f1886ee8f.js index 2217b873132..22d9d6eaf24 100644 --- a/review/main/_next/static/chunks/pages/components/tag/how-to-use-57c1a600a68ceed3.js +++ b/review/main/_next/static/chunks/pages/components/tag/how-to-use-7f7d193f1886ee8f.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[11250],{27107:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tag/how-to-use",function(){return e(31557)}])},3378:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return i}});var a=e(52322),r=e(45392);function o(n){let t={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,r.a)(),...n.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(t.h2,{id:"angular",children:"Angular"}),"\n",(0,a.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,a.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,a.jsx)(t.h3,{id:"load-component",children:"Load component"}),"\n",(0,a.jsx)(t.pre,{children:(0,a.jsx)(t.code,{className:"language-ts",children:"// app.component.ts\nimport { DBTag } from '@db-ui/ngx-components';\n\n@Component({\n // ...\n standalone: true,\n imports: [..., DBTag],\n // ...\n})\n"})}),"\n",(0,a.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,a.jsx)(t.pre,{children:(0,a.jsx)(t.code,{className:"language-html",children:'\nTag as Button\n\n Tag as Link \n\nTag as Checkbox\nTag as Radio\nStatic Tag\nStatic Tag with overflow\n'})})]})}function i(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...n.components};return t?(0,a.jsx)(t,{...n,children:(0,a.jsx)(o,{...n})}):o(n)}},22223:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return i}});var a=e(52322),r=e(45392);function o(n){let t={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,r.a)(),...n.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(t.h2,{id:"html",children:"HTML"}),"\n",(0,a.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,a.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,a.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,a.jsx)(t.pre,{children:(0,a.jsx)(t.code,{className:"language-html",children:'\n...\n\n
    \n Regular (Default)\n
    \n\n'})})]})}function i(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...n.components};return t?(0,a.jsx)(t,{...n,children:(0,a.jsx)(o,{...n})}):o(n)}},79011:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return i}});var a=e(52322),r=e(45392);function o(n){let t={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,r.a)(),...n.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(t.h2,{id:"react",children:"React"}),"\n",(0,a.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,a.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,a.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,a.jsx)(t.pre,{children:(0,a.jsx)(t.code,{className:"language-tsx",children:'// App.tsx\nimport { DBTag } from "@db-ui/react-components";\n\nconst App = () => (\n <>\n \n Tag as Button\n \n \n Tag as Link\n \n \n Tag as Checkbox\n \n \n Tag as Radio\n \n Static Tag\n \n Static Tag with overflow\n \n \n);\n\nexport default App;\n'})})]})}function i(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...n.components};return t?(0,a.jsx)(t,{...n,children:(0,a.jsx)(o,{...n})}):o(n)}},98587:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return i}});var a=e(52322),r=e(45392);function o(n){let t={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,r.a)(),...n.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(t.h2,{id:"vue",children:"Vue"}),"\n",(0,a.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,a.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,a.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,a.jsx)(t.pre,{children:(0,a.jsx)(t.code,{className:"language-vue",children:'\n\n\n\n'})})]})}function i(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...n.components};return t?(0,a.jsx)(t,{...n,children:(0,a.jsx)(o,{...n})}):o(n)}},31557:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return p}});var a=e(52322),r=e(45392),o=e(11803),i=e(22223),s=e(3378),c=e(79011),l=e(98587);let d=n=>{let{children:t}=n;return(0,a.jsx)(o.Z,{children:t})};function u(n){let t={h1:"h1",...(0,r.a)(),...n.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(t.h1,{id:"how-to-use-dbtag",children:"How to use DBTag"}),"\n",(0,a.jsx)(i.default,{}),"\n",(0,a.jsx)(s.default,{}),"\n",(0,a.jsx)(c.default,{}),"\n",(0,a.jsx)(l.default,{})]})}function p(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,a.jsx)(d,{...n,children:(0,a.jsx)(u,{...n})})}},16134:function(n,t,e){"use strict";var a=e(52322),r=e(2784),o=e(13776);let i=(0,r.forwardRef)(function(n,t){let e=t||(0,r.useRef)(t);return(0,a.jsx)("button",{ref:e,...(0,o.mS)(n,[]),id:n.id,className:(0,o.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:t=>{n.onClick&&n.onClick(t)},children:n.children})});t.Z=i},63900:function(n,t,e){"use strict";var a,r,o,i,s,c,l;e.d(t,{IY:function(){return d},YP:function(){return u},ce:function(){return p}});let d="OVERWRITE_DEFAULT_ID",u="Back",p="Close Button";(s=a||(a={})).FUNCTIONAL="functional",s.REGULAR="regular",s.EXPRESSIVE="expressive",Object.entries(a).map(n=>{let[,t]=n;return t}),(r||(r={})).PRIMARY="primary",(c=o||(o={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(o).map(n=>{let[,t]=n;return t}),Object.entries(r).map(n=>{let[,t]=n;return t}),(l=i||(i={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(i).map(n=>{let[,t]=n;return t})},13776:function(n,t,e){"use strict";e.d(t,{MN:function(){return l},Vj:function(){return a},cd:function(){return c},mS:function(){return s},yI:function(){return o},yn:function(){return r}});let a=()=>{var n,t;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},r=(n,t)=>{Object.values(n.children).forEach(n=>{n.setAttribute(t.key,t.value),n.children.length>0&&r(n,t)})},o=function(){for(var n=arguments.length,t=Array(n),e=0;e{if(n){if("string"==typeof n)a+="".concat(n," ");else for(let t in n)n[t]&&(a+="".concat(t," "))}}),a.trim()},i=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],s=(n,t)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||i.includes(n))&&!t.includes(n)).reduce((t,e)=>(t[e]=n[e],t),{}),c=n=>{let{left:t,right:e}=n.getBoundingClientRect(),{innerWidth:a}=window;return t>=0&&e<=a},l=n=>{let{top:t,bottom:e}=n.getBoundingClientRect(),{innerHeight:a}=window;return t>=0&&e<=a}}},function(n){n.O(0,[49710,11803,92888,49774,40179],function(){return n(n.s=27107)}),_N_E=n.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[11250],{27107:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tag/how-to-use",function(){return e(31557)}])},3378:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return i}});var a=e(52322),r=e(45392);function o(n){let t={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,r.a)(),...n.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(t.h2,{id:"angular",children:"Angular"}),"\n",(0,a.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,a.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,a.jsx)(t.h3,{id:"load-component",children:"Load component"}),"\n",(0,a.jsx)(t.pre,{children:(0,a.jsx)(t.code,{className:"language-ts",children:"// app.component.ts\nimport { DBTag } from '@db-ui/ngx-components';\n\n@Component({\n // ...\n standalone: true,\n imports: [..., DBTag],\n // ...\n})\n"})}),"\n",(0,a.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,a.jsx)(t.pre,{children:(0,a.jsx)(t.code,{className:"language-html",children:'\nTag as Button\n\n Tag as Link \n\nTag as Checkbox\nTag as Radio\nStatic Tag\nStatic Tag with overflow\n'})})]})}function i(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...n.components};return t?(0,a.jsx)(t,{...n,children:(0,a.jsx)(o,{...n})}):o(n)}},22223:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return i}});var a=e(52322),r=e(45392);function o(n){let t={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,r.a)(),...n.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(t.h2,{id:"html",children:"HTML"}),"\n",(0,a.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,a.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,a.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,a.jsx)(t.pre,{children:(0,a.jsx)(t.code,{className:"language-html",children:'\n...\n\n
    \n Regular (Default)\n
    \n\n'})})]})}function i(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...n.components};return t?(0,a.jsx)(t,{...n,children:(0,a.jsx)(o,{...n})}):o(n)}},79011:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return i}});var a=e(52322),r=e(45392);function o(n){let t={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,r.a)(),...n.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(t.h2,{id:"react",children:"React"}),"\n",(0,a.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,a.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,a.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,a.jsx)(t.pre,{children:(0,a.jsx)(t.code,{className:"language-tsx",children:'// App.tsx\nimport { DBTag } from "@db-ui/react-components";\n\nconst App = () => (\n <>\n \n Tag as Button\n \n \n Tag as Link\n \n \n Tag as Checkbox\n \n \n Tag as Radio\n \n Static Tag\n \n Static Tag with overflow\n \n \n);\n\nexport default App;\n'})})]})}function i(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...n.components};return t?(0,a.jsx)(t,{...n,children:(0,a.jsx)(o,{...n})}):o(n)}},98587:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return i}});var a=e(52322),r=e(45392);function o(n){let t={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,r.a)(),...n.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(t.h2,{id:"vue",children:"Vue"}),"\n",(0,a.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,a.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,a.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,a.jsx)(t.pre,{children:(0,a.jsx)(t.code,{className:"language-vue",children:'\n\n\n\n'})})]})}function i(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...n.components};return t?(0,a.jsx)(t,{...n,children:(0,a.jsx)(o,{...n})}):o(n)}},31557:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return p}});var a=e(52322),r=e(45392),o=e(12156),i=e(22223),s=e(3378),c=e(79011),l=e(98587);let d=n=>{let{children:t}=n;return(0,a.jsx)(o.Z,{children:t})};function u(n){let t={h1:"h1",...(0,r.a)(),...n.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(t.h1,{id:"how-to-use-dbtag",children:"How to use DBTag"}),"\n",(0,a.jsx)(i.default,{}),"\n",(0,a.jsx)(s.default,{}),"\n",(0,a.jsx)(c.default,{}),"\n",(0,a.jsx)(l.default,{})]})}function p(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,a.jsx)(d,{...n,children:(0,a.jsx)(u,{...n})})}},16134:function(n,t,e){"use strict";var a=e(52322),r=e(2784),o=e(13776);let i=(0,r.forwardRef)(function(n,t){let e=t||(0,r.useRef)(t);return(0,a.jsx)("button",{ref:e,...(0,o.mS)(n,[]),id:n.id,className:(0,o.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:t=>{n.onClick&&n.onClick(t)},children:n.children})});t.Z=i},63900:function(n,t,e){"use strict";var a,r,o,i,s,c,l;e.d(t,{IY:function(){return d},YP:function(){return u},ce:function(){return p}});let d="OVERWRITE_DEFAULT_ID",u="Back",p="Close Button";(s=a||(a={})).FUNCTIONAL="functional",s.REGULAR="regular",s.EXPRESSIVE="expressive",Object.entries(a).map(n=>{let[,t]=n;return t}),(r||(r={})).PRIMARY="primary",(c=o||(o={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(o).map(n=>{let[,t]=n;return t}),Object.entries(r).map(n=>{let[,t]=n;return t}),(l=i||(i={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(i).map(n=>{let[,t]=n;return t})},13776:function(n,t,e){"use strict";e.d(t,{MN:function(){return l},Vj:function(){return a},cd:function(){return c},mS:function(){return s},yI:function(){return o},yn:function(){return r}});let a=()=>{var n,t;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},r=(n,t)=>{Object.values(n.children).forEach(n=>{n.setAttribute(t.key,t.value),n.children.length>0&&r(n,t)})},o=function(){for(var n=arguments.length,t=Array(n),e=0;e{if(n){if("string"==typeof n)a+="".concat(n," ");else for(let t in n)n[t]&&(a+="".concat(t," "))}}),a.trim()},i=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],s=(n,t)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||i.includes(n))&&!t.includes(n)).reduce((t,e)=>(t[e]=n[e],t),{}),c=n=>{let{left:t,right:e}=n.getBoundingClientRect(),{innerWidth:a}=window;return t>=0&&e<=a},l=n=>{let{top:t,bottom:e}=n.getBoundingClientRect(),{innerHeight:a}=window;return t>=0&&e<=a}}},function(n){n.O(0,[49710,12156,92888,49774,40179],function(){return n(n.s=27107)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/tag/migration-2c9a0bc50a04ee76.js b/review/main/_next/static/chunks/pages/components/tag/migration-e3a5710307242db5.js similarity index 98% rename from review/main/_next/static/chunks/pages/components/tag/migration-2c9a0bc50a04ee76.js rename to review/main/_next/static/chunks/pages/components/tag/migration-e3a5710307242db5.js index a8dac6cc659..5e1cd2ea681 100644 --- a/review/main/_next/static/chunks/pages/components/tag/migration-2c9a0bc50a04ee76.js +++ b/review/main/_next/static/chunks/pages/components/tag/migration-e3a5710307242db5.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[26422],{33615:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tag/migration",function(){return n(36408)}])},37070:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return d}});var r=n(52322),i=n(45392);function s(e){let t={a:"a",blockquote:"blockquote",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h2,{id:"general",children:"General"}),"\n",(0,r.jsxs)(t.blockquote,{children:["\n",(0,r.jsxs)(t.p,{children:[(0,r.jsx)(t.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,r.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,r.jsx)(t.h2,{id:"db-ui-core--db-ui-components",children:"DB UI Core ➡ DB UI Components"}),"\n",(0,r.jsx)(t.h3,{id:"tag-vs-chip",children:"tag vs. chip"}),"\n",(0,r.jsx)(t.p,{children:"We simplified the components by reducing the amount from tag + chip to only tag."}),"\n",(0,r.jsx)(t.p,{children:"You can use different types of tags by adding another component into it:"}),"\n",(0,r.jsx)(t.pre,{children:(0,r.jsx)(t.code,{className:"language-html",children:"Tag as Button\nTag as Link\nTag as Checkbox\nTag as Radio\nStatic Tag\n"})}),"\n",(0,r.jsx)(t.h3,{id:"class",children:"class"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Before"}),(0,r.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(t.th,{children:"After"}),(0,r.jsx)(t.th,{children:"Description"})]})}),(0,r.jsx)(t.tbody,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"elm-tag"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"db-tag"})}),(0,r.jsx)(t.td,{})]})})]}),"\n",(0,r.jsx)(t.h3,{id:"sizes",children:"sizes"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Before"}),(0,r.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(t.th,{style:{textAlign:"center"},children:"After"}),(0,r.jsx)(t.th,{children:"Description"})]})}),(0,r.jsx)(t.tbody,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"small"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsxs)(t.td,{children:["We removed small tags because of tonality. But you can use ",(0,r.jsx)(t.code,{children:"type"})," property with value ",(0,r.jsx)(t.code,{children:"strong"})," to emphasize a tag for a differentiation."]})]})})]}),"\n",(0,r.jsx)(t.h3,{id:"variants",children:"variants"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Before"}),(0,r.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(t.th,{children:"After"}),(0,r.jsx)(t.th,{children:"Description"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"poi-*"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(t.td,{children:"❌"}),(0,r.jsx)(t.td,{children:"We removed all point of interest colors for now."})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"track"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(t.td,{children:"❌"}),(0,r.jsx)(t.td,{children:"We removed track for now."})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"error"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"critical"})}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"informative"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"informational"})}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"success"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"successful"})}),(0,r.jsx)(t.td,{})]})]})]}),"\n",(0,r.jsx)(t.h3,{id:"icons",children:"icons"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Before"}),(0,r.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(t.th,{children:"After"}),(0,r.jsx)(t.th,{children:"Description"})]})}),(0,r.jsx)(t.tbody,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"iconAfter"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(t.td,{children:"❌"}),(0,r.jsx)(t.td,{children:"not valid anymore, for tags only icons before text are allowed"})]})})]})]})}function d(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,i.a)(),...e.components};return t?(0,r.jsx)(t,{...e,children:(0,r.jsx)(s,{...e})}):s(e)}},36408:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return a}});var r=n(52322),i=n(45392),s=n(11803),d=n(37070);let c=e=>{let{children:t}=e;return(0,r.jsx)(s.Z,{children:t})};function l(e){let t={h1:"h1",...(0,i.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbtag-migration",children:"DBTag Migration"}),"\n",(0,r.jsx)(d.default,{})]})}function a(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(c,{...e,children:(0,r.jsx)(l,{...e})})}},16134:function(e,t,n){"use strict";var r=n(52322),i=n(2784),s=n(13776);let d=(0,i.forwardRef)(function(e,t){let n=t||(0,i.useRef)(t);return(0,r.jsx)("button",{ref:n,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=d},63900:function(e,t,n){"use strict";var r,i,s,d,c,l,a;n.d(t,{IY:function(){return o},YP:function(){return h},ce:function(){return u}});let o="OVERWRITE_DEFAULT_ID",h="Back",u="Close Button";(c=r||(r={})).FUNCTIONAL="functional",c.REGULAR="regular",c.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,t]=e;return t}),(i||(i={})).PRIMARY="primary",(l=s||(s={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(e=>{let[,t]=e;return t}),Object.entries(i).map(e=>{let[,t]=e;return t}),(a=d||(d={})).CRITICAL="critical",a.INFORMATIONAL="informational",a.WARNING="warning",a.SUCCESSFUL="successful",Object.entries(d).map(e=>{let[,t]=e;return t})},13776:function(e,t,n){"use strict";n.d(t,{MN:function(){return a},Vj:function(){return r},cd:function(){return l},mS:function(){return c},yI:function(){return s},yn:function(){return i}});let r=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&i(e,t)})},s=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let t in e)e[t]&&(r+="".concat(t," "))}}),r.trim()},d=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],c=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||d.includes(e))&&!t.includes(e)).reduce((t,n)=>(t[n]=e[n],t),{}),l=e=>{let{left:t,right:n}=e.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&n<=r},a=e=>{let{top:t,bottom:n}=e.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&n<=r}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=33615)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[26422],{33615:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tag/migration",function(){return n(36408)}])},37070:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return d}});var r=n(52322),i=n(45392);function s(e){let t={a:"a",blockquote:"blockquote",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h2,{id:"general",children:"General"}),"\n",(0,r.jsxs)(t.blockquote,{children:["\n",(0,r.jsxs)(t.p,{children:[(0,r.jsx)(t.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,r.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,r.jsx)(t.h2,{id:"db-ui-core--db-ui-components",children:"DB UI Core ➡ DB UI Components"}),"\n",(0,r.jsx)(t.h3,{id:"tag-vs-chip",children:"tag vs. chip"}),"\n",(0,r.jsx)(t.p,{children:"We simplified the components by reducing the amount from tag + chip to only tag."}),"\n",(0,r.jsx)(t.p,{children:"You can use different types of tags by adding another component into it:"}),"\n",(0,r.jsx)(t.pre,{children:(0,r.jsx)(t.code,{className:"language-html",children:"Tag as Button\nTag as Link\nTag as Checkbox\nTag as Radio\nStatic Tag\n"})}),"\n",(0,r.jsx)(t.h3,{id:"class",children:"class"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Before"}),(0,r.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(t.th,{children:"After"}),(0,r.jsx)(t.th,{children:"Description"})]})}),(0,r.jsx)(t.tbody,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"elm-tag"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"db-tag"})}),(0,r.jsx)(t.td,{})]})})]}),"\n",(0,r.jsx)(t.h3,{id:"sizes",children:"sizes"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Before"}),(0,r.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(t.th,{style:{textAlign:"center"},children:"After"}),(0,r.jsx)(t.th,{children:"Description"})]})}),(0,r.jsx)(t.tbody,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"small"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsxs)(t.td,{children:["We removed small tags because of tonality. But you can use ",(0,r.jsx)(t.code,{children:"type"})," property with value ",(0,r.jsx)(t.code,{children:"strong"})," to emphasize a tag for a differentiation."]})]})})]}),"\n",(0,r.jsx)(t.h3,{id:"variants",children:"variants"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Before"}),(0,r.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(t.th,{children:"After"}),(0,r.jsx)(t.th,{children:"Description"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"poi-*"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(t.td,{children:"❌"}),(0,r.jsx)(t.td,{children:"We removed all point of interest colors for now."})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"track"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(t.td,{children:"❌"}),(0,r.jsx)(t.td,{children:"We removed track for now."})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"error"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"critical"})}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"informative"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"informational"})}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"success"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"successful"})}),(0,r.jsx)(t.td,{})]})]})]}),"\n",(0,r.jsx)(t.h3,{id:"icons",children:"icons"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Before"}),(0,r.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(t.th,{children:"After"}),(0,r.jsx)(t.th,{children:"Description"})]})}),(0,r.jsx)(t.tbody,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"iconAfter"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(t.td,{children:"❌"}),(0,r.jsx)(t.td,{children:"not valid anymore, for tags only icons before text are allowed"})]})})]})]})}function d(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,i.a)(),...e.components};return t?(0,r.jsx)(t,{...e,children:(0,r.jsx)(s,{...e})}):s(e)}},36408:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return a}});var r=n(52322),i=n(45392),s=n(12156),d=n(37070);let c=e=>{let{children:t}=e;return(0,r.jsx)(s.Z,{children:t})};function l(e){let t={h1:"h1",...(0,i.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbtag-migration",children:"DBTag Migration"}),"\n",(0,r.jsx)(d.default,{})]})}function a(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(c,{...e,children:(0,r.jsx)(l,{...e})})}},16134:function(e,t,n){"use strict";var r=n(52322),i=n(2784),s=n(13776);let d=(0,i.forwardRef)(function(e,t){let n=t||(0,i.useRef)(t);return(0,r.jsx)("button",{ref:n,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=d},63900:function(e,t,n){"use strict";var r,i,s,d,c,l,a;n.d(t,{IY:function(){return o},YP:function(){return h},ce:function(){return u}});let o="OVERWRITE_DEFAULT_ID",h="Back",u="Close Button";(c=r||(r={})).FUNCTIONAL="functional",c.REGULAR="regular",c.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,t]=e;return t}),(i||(i={})).PRIMARY="primary",(l=s||(s={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(e=>{let[,t]=e;return t}),Object.entries(i).map(e=>{let[,t]=e;return t}),(a=d||(d={})).CRITICAL="critical",a.INFORMATIONAL="informational",a.WARNING="warning",a.SUCCESSFUL="successful",Object.entries(d).map(e=>{let[,t]=e;return t})},13776:function(e,t,n){"use strict";n.d(t,{MN:function(){return a},Vj:function(){return r},cd:function(){return l},mS:function(){return c},yI:function(){return s},yn:function(){return i}});let r=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&i(e,t)})},s=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let t in e)e[t]&&(r+="".concat(t," "))}}),r.trim()},d=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],c=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||d.includes(e))&&!t.includes(e)).reduce((t,n)=>(t[n]=e[n],t),{}),l=e=>{let{left:t,right:n}=e.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&n<=r},a=e=>{let{top:t,bottom:n}=e.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&n<=r}}},function(e){e.O(0,[49710,12156,92888,49774,40179],function(){return e(e.s=33615)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/tag/overview-7a7429ccbf3a3d3b.js b/review/main/_next/static/chunks/pages/components/tag/overview-28ad8ef17ddc19d0.js similarity index 86% rename from review/main/_next/static/chunks/pages/components/tag/overview-7a7429ccbf3a3d3b.js rename to review/main/_next/static/chunks/pages/components/tag/overview-28ad8ef17ddc19d0.js index f1e1d851ced..f624ae1b9b9 100644 --- a/review/main/_next/static/chunks/pages/components/tag/overview-7a7429ccbf3a3d3b.js +++ b/review/main/_next/static/chunks/pages/components/tag/overview-28ad8ef17ddc19d0.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5846],{10199:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tag/overview",function(){return t(25291)}])},25291:function(e,n,t){"use strict";t.r(n);var s=t(52322),a=t(83041),r=t(56377),l=t(49088),u=t(26677),i=t(24988),c=t(8042),d=t(54721),o=t(40284),h=t(2784),f=t(86095),x=t(99341),j=t(47837),_=t(37395);let k=e=>{let{variant:n,disabled:t,children:a,icon:r,overflow:l,noText:u,behaviour:i,emphasis:c,removeButton:d,checked:o,component:x,identifier:j}=e,[_,k]=(0,h.useState)(null!=o&&o);return(0,s.jsxs)(f.k8,{variant:n,disabled:t,icon:r,noText:u,behaviour:i,emphasis:c,overflow:l,removeButton:d,onRemove:()=>{alert(a.toString())},children:["button"===x&&(0,s.jsx)(f.Y1,{children:a}),"link"===x&&(0,s.jsx)(f.vB,{href:"#",children:a}),"checkbox"===x&&(0,s.jsx)(f.I3,{checked:_,onChange:e=>{k(e.target.checked)},children:a}),"radio"===x&&(0,s.jsx)(f.an,{checked:o,name:j,children:a}),!x&&!l&&(0,s.jsx)(s.Fragment,{children:a}),!x&&l&&(0,s.jsx)("span",{children:a})]})};n.default=()=>(0,s.jsx)(x.Z,{title:"DBTag",variants:(0,_.P)(j,k,[(0,s.jsx)(a.default,{}),(0,s.jsx)(r.default,{}),(0,s.jsx)(l.default,{}),(0,s.jsx)(u.default,{}),(0,s.jsx)(i.default,{}),(0,s.jsx)(c.default,{}),(0,s.jsx)(d.default,{}),(0,s.jsx)(o.default,{})])})}},function(e){e.O(0,[49710,14863,11803,49088,26677,40284,23803,92888,49774,40179],function(){return e(e.s=10199)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5846],{10199:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tag/overview",function(){return t(25291)}])},25291:function(e,n,t){"use strict";t.r(n);var s=t(52322),a=t(83041),r=t(56377),l=t(49088),u=t(26677),i=t(24988),c=t(8042),d=t(54721),o=t(40284),h=t(2784),f=t(53752),x=t(99341),j=t(47837),_=t(37395);let k=e=>{let{variant:n,disabled:t,children:a,icon:r,overflow:l,noText:u,behaviour:i,emphasis:c,removeButton:d,checked:o,component:x,identifier:j}=e,[_,k]=(0,h.useState)(null!=o&&o);return(0,s.jsxs)(f.k8,{variant:n,disabled:t,icon:r,noText:u,behaviour:i,emphasis:c,overflow:l,removeButton:d,onRemove:()=>{alert(a.toString())},children:["button"===x&&(0,s.jsx)(f.Y1,{children:a}),"link"===x&&(0,s.jsx)(f.vB,{href:"#",children:a}),"checkbox"===x&&(0,s.jsx)(f.I3,{checked:_,onChange:e=>{k(e.target.checked)},children:a}),"radio"===x&&(0,s.jsx)(f.an,{checked:o,name:j,children:a}),!x&&!l&&(0,s.jsx)(s.Fragment,{children:a}),!x&&l&&(0,s.jsx)("span",{children:a})]})};n.default=()=>(0,s.jsx)(x.Z,{title:"DBTag",variants:(0,_.P)(j,k,[(0,s.jsx)(a.default,{}),(0,s.jsx)(r.default,{}),(0,s.jsx)(l.default,{}),(0,s.jsx)(u.default,{}),(0,s.jsx)(i.default,{}),(0,s.jsx)(c.default,{}),(0,s.jsx)(d.default,{}),(0,s.jsx)(o.default,{})])})}},function(e){e.O(0,[49710,14863,12156,49088,26677,40284,23803,92888,49774,40179],function(){return e(e.s=10199)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/tag/properties-c1f0f3c7b3016588.js b/review/main/_next/static/chunks/pages/components/tag/properties-99f4ed0e7e4a3814.js similarity index 98% rename from review/main/_next/static/chunks/pages/components/tag/properties-c1f0f3c7b3016588.js rename to review/main/_next/static/chunks/pages/components/tag/properties-99f4ed0e7e4a3814.js index 559854fa335..db2e5607451 100644 --- a/review/main/_next/static/chunks/pages/components/tag/properties-c1f0f3c7b3016588.js +++ b/review/main/_next/static/chunks/pages/components/tag/properties-99f4ed0e7e4a3814.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[80872],{15622:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tag/properties",function(){return n(25719)}])},25719:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return c}});var r=n(52322),i=n(45392),s=n(11803);let d=e=>{let{children:t}=e;return(0,r.jsx)(s.Z,{children:t})};function a(e){let t={a:"a",code:"code",em:"em",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbtag",children:"DBTag"}),"\n",(0,r.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Name"}),(0,r.jsx)(t.th,{children:"Description"}),(0,r.jsx)(t.th,{children:"Type"}),(0,r.jsx)(t.th,{children:"Options"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"behaviour"}),(0,r.jsxs)(t.td,{children:["Defines the behaviour of the component:",(0,r.jsx)("br",{}),"- static: default behaviour without remove button",(0,r.jsx)("br",{})," - removable: add a remove button at the end of the tag"]}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'static' | 'removable'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"disabled"}),(0,r.jsx)(t.td,{children:"Disable tag."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"noText"}),(0,r.jsx)(t.td,{children:"Define the text next to the icon specified via the icon Property to get hidden."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"onRemove"}),(0,r.jsx)(t.td,{children:'If "removeButton" attribute is set this function will be called when user clicks cancel button inside the tag.'}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"() => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"removeButton"}),(0,r.jsx)(t.td,{children:"The removeButton attribute shows the cancel button."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"text"}),(0,r.jsx)(t.td,{children:"Alternative for children to set content as property."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"value"}),(0,r.jsx)(t.td,{children:'If "interactive" is set to true, you can pass a value to the underlying checkbox or radio input.'}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"children"}),(0,r.jsx)(t.td,{children:"default slot"}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"className"}),(0,r.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"describedbyid"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,r.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"id"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"key"}),(0,r.jsx)(t.td,{children:"React specific for render process."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"icon"}),(0,r.jsxs)(t.td,{children:["Define an icon by its identifier (like e.g. ",(0,r.jsx)(t.em,{children:"account"}),", compare to ",(0,r.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"Icons"}),") to get displayed in front of the elements content."]}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"IconTypes"})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"variant"}),(0,r.jsx)(t.td,{children:"The variant defines the default variants for most components."}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'adaptive' | 'neutral' | 'critical' | 'informational' | 'warning' | 'successful'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"overflow"}),(0,r.jsx)(t.td,{children:"The overflow attribute sets a max-width and longer text will be dotted."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"emphasis"}),(0,r.jsx)(t.td,{children:"The emphasis attribute divides in between a weak or strong importance."}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'weak' | 'strong'"})})})]})]})]})]})}function c(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(d,{...e,children:(0,r.jsx)(a,{...e})})}},16134:function(e,t,n){"use strict";var r=n(52322),i=n(2784),s=n(13776);let d=(0,i.forwardRef)(function(e,t){let n=t||(0,i.useRef)(t);return(0,r.jsx)("button",{ref:n,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=d},63900:function(e,t,n){"use strict";var r,i,s,d,a,c,l;n.d(t,{IY:function(){return o},YP:function(){return h},ce:function(){return u}});let o="OVERWRITE_DEFAULT_ID",h="Back",u="Close Button";(a=r||(r={})).FUNCTIONAL="functional",a.REGULAR="regular",a.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,t]=e;return t}),(i||(i={})).PRIMARY="primary",(c=s||(s={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(e=>{let[,t]=e;return t}),Object.entries(i).map(e=>{let[,t]=e;return t}),(l=d||(d={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(d).map(e=>{let[,t]=e;return t})},13776:function(e,t,n){"use strict";n.d(t,{MN:function(){return l},Vj:function(){return r},cd:function(){return c},mS:function(){return a},yI:function(){return s},yn:function(){return i}});let r=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&i(e,t)})},s=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let t in e)e[t]&&(r+="".concat(t," "))}}),r.trim()},d=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],a=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||d.includes(e))&&!t.includes(e)).reduce((t,n)=>(t[n]=e[n],t),{}),c=e=>{let{left:t,right:n}=e.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&n<=r},l=e=>{let{top:t,bottom:n}=e.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&n<=r}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=15622)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[80872],{15622:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tag/properties",function(){return n(25719)}])},25719:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return c}});var r=n(52322),i=n(45392),s=n(12156);let d=e=>{let{children:t}=e;return(0,r.jsx)(s.Z,{children:t})};function a(e){let t={a:"a",code:"code",em:"em",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbtag",children:"DBTag"}),"\n",(0,r.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Name"}),(0,r.jsx)(t.th,{children:"Description"}),(0,r.jsx)(t.th,{children:"Type"}),(0,r.jsx)(t.th,{children:"Options"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"behaviour"}),(0,r.jsxs)(t.td,{children:["Defines the behaviour of the component:",(0,r.jsx)("br",{}),"- static: default behaviour without remove button",(0,r.jsx)("br",{})," - removable: add a remove button at the end of the tag"]}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'static' | 'removable'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"disabled"}),(0,r.jsx)(t.td,{children:"Disable tag."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"noText"}),(0,r.jsx)(t.td,{children:"Define the text next to the icon specified via the icon Property to get hidden."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"onRemove"}),(0,r.jsx)(t.td,{children:'If "removeButton" attribute is set this function will be called when user clicks cancel button inside the tag.'}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"() => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"removeButton"}),(0,r.jsx)(t.td,{children:"The removeButton attribute shows the cancel button."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"text"}),(0,r.jsx)(t.td,{children:"Alternative for children to set content as property."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"value"}),(0,r.jsx)(t.td,{children:'If "interactive" is set to true, you can pass a value to the underlying checkbox or radio input.'}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"children"}),(0,r.jsx)(t.td,{children:"default slot"}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"className"}),(0,r.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"describedbyid"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,r.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"id"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"key"}),(0,r.jsx)(t.td,{children:"React specific for render process."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"icon"}),(0,r.jsxs)(t.td,{children:["Define an icon by its identifier (like e.g. ",(0,r.jsx)(t.em,{children:"account"}),", compare to ",(0,r.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"Icons"}),") to get displayed in front of the elements content."]}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"IconTypes"})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"variant"}),(0,r.jsx)(t.td,{children:"The variant defines the default variants for most components."}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'adaptive' | 'neutral' | 'critical' | 'informational' | 'warning' | 'successful'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"overflow"}),(0,r.jsx)(t.td,{children:"The overflow attribute sets a max-width and longer text will be dotted."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"emphasis"}),(0,r.jsx)(t.td,{children:"The emphasis attribute divides in between a weak or strong importance."}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'weak' | 'strong'"})})})]})]})]})]})}function c(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(d,{...e,children:(0,r.jsx)(a,{...e})})}},16134:function(e,t,n){"use strict";var r=n(52322),i=n(2784),s=n(13776);let d=(0,i.forwardRef)(function(e,t){let n=t||(0,i.useRef)(t);return(0,r.jsx)("button",{ref:n,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=d},63900:function(e,t,n){"use strict";var r,i,s,d,a,c,l;n.d(t,{IY:function(){return o},YP:function(){return h},ce:function(){return u}});let o="OVERWRITE_DEFAULT_ID",h="Back",u="Close Button";(a=r||(r={})).FUNCTIONAL="functional",a.REGULAR="regular",a.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,t]=e;return t}),(i||(i={})).PRIMARY="primary",(c=s||(s={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(e=>{let[,t]=e;return t}),Object.entries(i).map(e=>{let[,t]=e;return t}),(l=d||(d={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(d).map(e=>{let[,t]=e;return t})},13776:function(e,t,n){"use strict";n.d(t,{MN:function(){return l},Vj:function(){return r},cd:function(){return c},mS:function(){return a},yI:function(){return s},yn:function(){return i}});let r=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&i(e,t)})},s=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let t in e)e[t]&&(r+="".concat(t," "))}}),r.trim()},d=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],a=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||d.includes(e))&&!t.includes(e)).reduce((t,n)=>(t[n]=e[n],t),{}),c=e=>{let{left:t,right:n}=e.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&n<=r},l=e=>{let{top:t,bottom:n}=e.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&n<=r}}},function(e){e.O(0,[49710,12156,92888,49774,40179],function(){return e(e.s=15622)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/textarea-c18b2a1cfdd2d236.js b/review/main/_next/static/chunks/pages/components/textarea-eb4b593c128dc2cc.js similarity index 89% rename from review/main/_next/static/chunks/pages/components/textarea-c18b2a1cfdd2d236.js rename to review/main/_next/static/chunks/pages/components/textarea-eb4b593c128dc2cc.js index 08103aec4e2..e5160e7dd4b 100644 --- a/review/main/_next/static/chunks/pages/components/textarea-c18b2a1cfdd2d236.js +++ b/review/main/_next/static/chunks/pages/components/textarea-eb4b593c128dc2cc.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[74283],{78701:function(e,a,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/textarea",function(){return t(71258)}])},71258:function(e,a,t){"use strict";t.r(a);var l=t(52322),n=t(92441),u=t(25468),s=t(67597),r=t(95452),d=t(55693),i=t(6458),f=t(24818),o=t(18609),x=t(2784),c=t(86095),_=t(99341),j=t(92829),h=t(37395);let w=e=>{let{cols:a,disabled:t,message:n,label:u,placeholder:s,rows:r,value:d,variant:i,readOnly:f,required:o,children:_,invalid:j,labelVariant:h}=e,[w,p]=(0,x.useState)(d);return(0,l.jsx)(c.GI,{cols:a,disabled:t,message:n,label:u,labelVariant:h,readOnly:f,onChange:e=>{p(e.target.value)},required:o,placeholder:null!=s?s:_,rows:r,value:w,variant:i,invalid:j})};a.default=()=>(0,l.jsx)(l.Fragment,{children:(0,l.jsx)(_.Z,{title:"DBTextarea",variants:(0,h.P)(j,w,[(0,l.jsx)(n.default,{}),(0,l.jsx)(u.default,{}),(0,l.jsx)(s.default,{}),(0,l.jsx)(r.default,{}),(0,l.jsx)(d.default,{}),(0,l.jsx)(i.default,{}),(0,l.jsx)(f.default,{}),(0,l.jsx)(o.default,{})])})})}},function(e){e.O(0,[49710,14863,11803,6458,55693,95452,27752,92888,49774,40179],function(){return e(e.s=78701)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[74283],{78701:function(e,a,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/textarea",function(){return t(71258)}])},71258:function(e,a,t){"use strict";t.r(a);var l=t(52322),n=t(92441),u=t(25468),s=t(67597),r=t(95452),d=t(55693),i=t(6458),f=t(24818),o=t(18609),x=t(2784),c=t(53752),_=t(99341),j=t(92829),h=t(37395);let w=e=>{let{cols:a,disabled:t,message:n,label:u,placeholder:s,rows:r,value:d,variant:i,readOnly:f,required:o,children:_,invalid:j,labelVariant:h}=e,[w,p]=(0,x.useState)(d);return(0,l.jsx)(c.GI,{cols:a,disabled:t,message:n,label:u,labelVariant:h,readOnly:f,onChange:e=>{p(e.target.value)},required:o,placeholder:null!=s?s:_,rows:r,value:w,variant:i,invalid:j})};a.default=()=>(0,l.jsx)(l.Fragment,{children:(0,l.jsx)(_.Z,{title:"DBTextarea",variants:(0,h.P)(j,w,[(0,l.jsx)(n.default,{}),(0,l.jsx)(u.default,{}),(0,l.jsx)(s.default,{}),(0,l.jsx)(r.default,{}),(0,l.jsx)(d.default,{}),(0,l.jsx)(i.default,{}),(0,l.jsx)(f.default,{}),(0,l.jsx)(o.default,{})])})})}},function(e){e.O(0,[49710,14863,12156,6458,55693,95452,27752,92888,49774,40179],function(){return e(e.s=78701)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/textarea/how-to-use-04b75a7ce0aacc3c.js b/review/main/_next/static/chunks/pages/components/textarea/how-to-use-b0f68e5112d8d993.js similarity index 98% rename from review/main/_next/static/chunks/pages/components/textarea/how-to-use-04b75a7ce0aacc3c.js rename to review/main/_next/static/chunks/pages/components/textarea/how-to-use-b0f68e5112d8d993.js index 7d8572d053a..5490097fd58 100644 --- a/review/main/_next/static/chunks/pages/components/textarea/how-to-use-04b75a7ce0aacc3c.js +++ b/review/main/_next/static/chunks/pages/components/textarea/how-to-use-b0f68e5112d8d993.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[42735],{59675:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/textarea/how-to-use",function(){return t(94802)}])},67726:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return s}});var a=t(52322),r=t(45392);function o(e){let n={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,r.a)(),...e.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(n.h2,{id:"angular",children:"Angular"}),"\n",(0,a.jsxs)(n.p,{children:["For general installation and configuration look at the ",(0,a.jsx)(n.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,a.jsx)(n.h3,{id:"load-component",children:"Load component"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-ts",children:"// app.component.ts\nimport { DBTextarea } from '@db-ui/ngx-components';\n\n@Component({\n // ...\n standalone: true,\n imports: [..., DBTextarea],\n // ...\n})\n"})}),"\n",(0,a.jsx)(n.h3,{id:"use-component",children:"Use component"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-ts",children:'import { Component } from "@angular/core";\n\n@Component({\n selector: "app-root",\n templateUrl: "./app.component.html"\n})\nexport class AppComponent {\n textarea = "default value";\n}\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-html",children:'\n\n\n'})})]})}function s(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:n}={...(0,r.a)(),...e.components};return n?(0,a.jsx)(n,{...e,children:(0,a.jsx)(o,{...e})}):o(e)}},77935:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return s}});var a=t(52322),r=t(45392);function o(e){let n={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,r.a)(),...e.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(n.h2,{id:"html",children:"HTML"}),"\n",(0,a.jsxs)(n.p,{children:["For general installation and configuration look at the ",(0,a.jsx)(n.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,a.jsx)(n.h3,{id:"use-component",children:"Use component"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-html",children:'\n...\n\n
    \n \n \n
    \n\n'})})]})}function s(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:n}={...(0,r.a)(),...e.components};return n?(0,a.jsx)(n,{...e,children:(0,a.jsx)(o,{...e})}):o(e)}},74900:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return s}});var a=t(52322),r=t(45392);function o(e){let n={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,r.a)(),...e.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(n.h2,{id:"react",children:"React"}),"\n",(0,a.jsxs)(n.p,{children:["For general installation and configuration look at the ",(0,a.jsx)(n.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,a.jsx)(n.h3,{id:"use-component",children:"Use component"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",children:'// App.tsx\nimport { useState } from "react";\nimport { DBTextarea } from "@db-ui/react-components";\n\nconst App = () => {\n const [textarea, setTextarea] = useState("default textarea");\n return (\n {\n setTextarea(event.target.value);\n }}\n />\n );\n};\n\nexport default App;\n'})})]})}function s(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:n}={...(0,r.a)(),...e.components};return n?(0,a.jsx)(n,{...e,children:(0,a.jsx)(o,{...e})}):o(e)}},8687:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return s}});var a=t(52322),r=t(45392);function o(e){let n={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,r.a)(),...e.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(n.h2,{id:"vue",children:"Vue"}),"\n",(0,a.jsxs)(n.p,{children:["For general installation and configuration look at the ",(0,a.jsx)(n.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,a.jsx)(n.h3,{id:"general",children:"General"}),"\n",(0,a.jsxs)(n.p,{children:["You cannot use a default value for ",(0,a.jsx)(n.a,{href:"https://vuejs.org/guide/essentials/forms.html#multiline-text",children:"textarea in vue"}),".\nUse ",(0,a.jsx)(n.code,{children:"v-model:value"})," or ",(0,a.jsx)(n.code,{children:":value"})," instead with a ",(0,a.jsx)(n.code,{children:'ref("My default value")'}),"."]}),"\n",(0,a.jsx)(n.h3,{id:"use-component",children:"Use component"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-vue",children:'\n\n\n\n'})})]})}function s(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:n}={...(0,r.a)(),...e.components};return n?(0,a.jsx)(n,{...e,children:(0,a.jsx)(o,{...e})}):o(e)}},94802:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return p}});var a=t(52322),r=t(45392),o=t(11803),s=t(77935),i=t(67726),l=t(74900),c=t(8687);let u=e=>{let{children:n}=e;return(0,a.jsx)(o.Z,{children:n})};function d(e){let n={h1:"h1",...(0,r.a)(),...e.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(n.h1,{id:"how-to-use-dbtextarea",children:"How to use DBTextarea"}),"\n",(0,a.jsx)(s.default,{}),"\n",(0,a.jsx)(i.default,{}),"\n",(0,a.jsx)(l.default,{}),"\n",(0,a.jsx)(c.default,{})]})}function p(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,a.jsx)(u,{...e,children:(0,a.jsx)(d,{...e})})}},16134:function(e,n,t){"use strict";var a=t(52322),r=t(2784),o=t(13776);let s=(0,r.forwardRef)(function(e,n){let t=n||(0,r.useRef)(n);return(0,a.jsx)("button",{ref:t,...(0,o.mS)(e,[]),id:e.id,className:(0,o.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:n=>{e.onClick&&e.onClick(n)},children:e.children})});n.Z=s},63900:function(e,n,t){"use strict";var a,r,o,s,i,l,c;t.d(n,{IY:function(){return u},YP:function(){return d},ce:function(){return p}});let u="OVERWRITE_DEFAULT_ID",d="Back",p="Close Button";(i=a||(a={})).FUNCTIONAL="functional",i.REGULAR="regular",i.EXPRESSIVE="expressive",Object.entries(a).map(e=>{let[,n]=e;return n}),(r||(r={})).PRIMARY="primary",(l=o||(o={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(o).map(e=>{let[,n]=e;return n}),Object.entries(r).map(e=>{let[,n]=e;return n}),(c=s||(s={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(s).map(e=>{let[,n]=e;return n})},13776:function(e,n,t){"use strict";t.d(n,{MN:function(){return c},Vj:function(){return a},cd:function(){return l},mS:function(){return i},yI:function(){return o},yn:function(){return r}});let a=()=>{var e,n;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(n=window.crypto)||void 0===n?void 0:n.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},r=(e,n)=>{Object.values(e.children).forEach(e=>{e.setAttribute(n.key,n.value),e.children.length>0&&r(e,n)})},o=function(){for(var e=arguments.length,n=Array(e),t=0;t{if(e){if("string"==typeof e)a+="".concat(e," ");else for(let n in e)e[n]&&(a+="".concat(n," "))}}),a.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],i=(e,n)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||s.includes(e))&&!n.includes(e)).reduce((n,t)=>(n[t]=e[t],n),{}),l=e=>{let{left:n,right:t}=e.getBoundingClientRect(),{innerWidth:a}=window;return n>=0&&t<=a},c=e=>{let{top:n,bottom:t}=e.getBoundingClientRect(),{innerHeight:a}=window;return n>=0&&t<=a}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=59675)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[42735],{59675:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/textarea/how-to-use",function(){return t(94802)}])},67726:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return s}});var a=t(52322),r=t(45392);function o(e){let n={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,r.a)(),...e.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(n.h2,{id:"angular",children:"Angular"}),"\n",(0,a.jsxs)(n.p,{children:["For general installation and configuration look at the ",(0,a.jsx)(n.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,a.jsx)(n.h3,{id:"load-component",children:"Load component"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-ts",children:"// app.component.ts\nimport { DBTextarea } from '@db-ui/ngx-components';\n\n@Component({\n // ...\n standalone: true,\n imports: [..., DBTextarea],\n // ...\n})\n"})}),"\n",(0,a.jsx)(n.h3,{id:"use-component",children:"Use component"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-ts",children:'import { Component } from "@angular/core";\n\n@Component({\n selector: "app-root",\n templateUrl: "./app.component.html"\n})\nexport class AppComponent {\n textarea = "default value";\n}\n'})}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-html",children:'\n\n\n'})})]})}function s(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:n}={...(0,r.a)(),...e.components};return n?(0,a.jsx)(n,{...e,children:(0,a.jsx)(o,{...e})}):o(e)}},77935:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return s}});var a=t(52322),r=t(45392);function o(e){let n={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,r.a)(),...e.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(n.h2,{id:"html",children:"HTML"}),"\n",(0,a.jsxs)(n.p,{children:["For general installation and configuration look at the ",(0,a.jsx)(n.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,a.jsx)(n.h3,{id:"use-component",children:"Use component"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-html",children:'\n...\n\n
    \n \n \n
    \n\n'})})]})}function s(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:n}={...(0,r.a)(),...e.components};return n?(0,a.jsx)(n,{...e,children:(0,a.jsx)(o,{...e})}):o(e)}},74900:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return s}});var a=t(52322),r=t(45392);function o(e){let n={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,r.a)(),...e.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(n.h2,{id:"react",children:"React"}),"\n",(0,a.jsxs)(n.p,{children:["For general installation and configuration look at the ",(0,a.jsx)(n.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,a.jsx)(n.h3,{id:"use-component",children:"Use component"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-tsx",children:'// App.tsx\nimport { useState } from "react";\nimport { DBTextarea } from "@db-ui/react-components";\n\nconst App = () => {\n const [textarea, setTextarea] = useState("default textarea");\n return (\n {\n setTextarea(event.target.value);\n }}\n />\n );\n};\n\nexport default App;\n'})})]})}function s(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:n}={...(0,r.a)(),...e.components};return n?(0,a.jsx)(n,{...e,children:(0,a.jsx)(o,{...e})}):o(e)}},8687:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return s}});var a=t(52322),r=t(45392);function o(e){let n={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,r.a)(),...e.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(n.h2,{id:"vue",children:"Vue"}),"\n",(0,a.jsxs)(n.p,{children:["For general installation and configuration look at the ",(0,a.jsx)(n.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,a.jsx)(n.h3,{id:"general",children:"General"}),"\n",(0,a.jsxs)(n.p,{children:["You cannot use a default value for ",(0,a.jsx)(n.a,{href:"https://vuejs.org/guide/essentials/forms.html#multiline-text",children:"textarea in vue"}),".\nUse ",(0,a.jsx)(n.code,{children:"v-model:value"})," or ",(0,a.jsx)(n.code,{children:":value"})," instead with a ",(0,a.jsx)(n.code,{children:'ref("My default value")'}),"."]}),"\n",(0,a.jsx)(n.h3,{id:"use-component",children:"Use component"}),"\n",(0,a.jsx)(n.pre,{children:(0,a.jsx)(n.code,{className:"language-vue",children:'\n\n\n\n'})})]})}function s(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:n}={...(0,r.a)(),...e.components};return n?(0,a.jsx)(n,{...e,children:(0,a.jsx)(o,{...e})}):o(e)}},94802:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return p}});var a=t(52322),r=t(45392),o=t(12156),s=t(77935),i=t(67726),l=t(74900),c=t(8687);let u=e=>{let{children:n}=e;return(0,a.jsx)(o.Z,{children:n})};function d(e){let n={h1:"h1",...(0,r.a)(),...e.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(n.h1,{id:"how-to-use-dbtextarea",children:"How to use DBTextarea"}),"\n",(0,a.jsx)(s.default,{}),"\n",(0,a.jsx)(i.default,{}),"\n",(0,a.jsx)(l.default,{}),"\n",(0,a.jsx)(c.default,{})]})}function p(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,a.jsx)(u,{...e,children:(0,a.jsx)(d,{...e})})}},16134:function(e,n,t){"use strict";var a=t(52322),r=t(2784),o=t(13776);let s=(0,r.forwardRef)(function(e,n){let t=n||(0,r.useRef)(n);return(0,a.jsx)("button",{ref:t,...(0,o.mS)(e,[]),id:e.id,className:(0,o.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:n=>{e.onClick&&e.onClick(n)},children:e.children})});n.Z=s},63900:function(e,n,t){"use strict";var a,r,o,s,i,l,c;t.d(n,{IY:function(){return u},YP:function(){return d},ce:function(){return p}});let u="OVERWRITE_DEFAULT_ID",d="Back",p="Close Button";(i=a||(a={})).FUNCTIONAL="functional",i.REGULAR="regular",i.EXPRESSIVE="expressive",Object.entries(a).map(e=>{let[,n]=e;return n}),(r||(r={})).PRIMARY="primary",(l=o||(o={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(o).map(e=>{let[,n]=e;return n}),Object.entries(r).map(e=>{let[,n]=e;return n}),(c=s||(s={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(s).map(e=>{let[,n]=e;return n})},13776:function(e,n,t){"use strict";t.d(n,{MN:function(){return c},Vj:function(){return a},cd:function(){return l},mS:function(){return i},yI:function(){return o},yn:function(){return r}});let a=()=>{var e,n;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(n=window.crypto)||void 0===n?void 0:n.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},r=(e,n)=>{Object.values(e.children).forEach(e=>{e.setAttribute(n.key,n.value),e.children.length>0&&r(e,n)})},o=function(){for(var e=arguments.length,n=Array(e),t=0;t{if(e){if("string"==typeof e)a+="".concat(e," ");else for(let n in e)e[n]&&(a+="".concat(n," "))}}),a.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],i=(e,n)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||s.includes(e))&&!n.includes(e)).reduce((n,t)=>(n[t]=e[t],n),{}),l=e=>{let{left:n,right:t}=e.getBoundingClientRect(),{innerWidth:a}=window;return n>=0&&t<=a},c=e=>{let{top:n,bottom:t}=e.getBoundingClientRect(),{innerHeight:a}=window;return n>=0&&t<=a}}},function(e){e.O(0,[49710,12156,92888,49774,40179],function(){return e(e.s=59675)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/textarea/migration-f69c2e67e8acb331.js b/review/main/_next/static/chunks/pages/components/textarea/migration-ad3cef5987ade907.js similarity index 98% rename from review/main/_next/static/chunks/pages/components/textarea/migration-f69c2e67e8acb331.js rename to review/main/_next/static/chunks/pages/components/textarea/migration-ad3cef5987ade907.js index 93ea941d73d..7e43728e453 100644 --- a/review/main/_next/static/chunks/pages/components/textarea/migration-f69c2e67e8acb331.js +++ b/review/main/_next/static/chunks/pages/components/textarea/migration-ad3cef5987ade907.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[41867],{36326:function(t,e,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/textarea/migration",function(){return n(3216)}])},81642:function(t,e,n){"use strict";n.r(e),n.d(e,{default:function(){return d}});var r=n(52322),s=n(45392);function i(t){let e={a:"a",blockquote:"blockquote",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,s.a)(),...t.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"general",children:"General"}),"\n",(0,r.jsxs)(e.blockquote,{children:["\n",(0,r.jsxs)(e.p,{children:[(0,r.jsx)(e.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,r.jsx)(e.h2,{id:"db-ui-core--db-ui-components",children:"DB UI Core ➡ DB UI Components"}),"\n",(0,r.jsx)(e.h3,{id:"class",children:"class"}),"\n",(0,r.jsxs)(e.table,{children:[(0,r.jsx)(e.thead,{children:(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.th,{children:"Before"}),(0,r.jsx)(e.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(e.th,{children:"After"}),(0,r.jsx)(e.th,{children:"Description"})]})}),(0,r.jsx)(e.tbody,{children:(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"elm-textarea"})}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"db-textarea"})}),(0,r.jsx)(e.td,{})]})})]}),"\n",(0,r.jsx)(e.h3,{id:"variants",children:"variants"}),"\n",(0,r.jsxs)(e.table,{children:[(0,r.jsx)(e.thead,{children:(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.th,{children:"Before"}),(0,r.jsx)(e.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(e.th,{children:"After"}),(0,r.jsx)(e.th,{children:"Description"})]})}),(0,r.jsxs)(e.tbody,{children:[(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"semitransparent"})}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(e.td,{}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"white"})}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(e.td,{}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"solid"})}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(e.td,{}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"outline"})}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(e.td,{}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"\uD83C\uDD95"}),(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"adaptive"})}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"\uD83C\uDD95"}),(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"critical"})}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"\uD83C\uDD95"}),(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"informational"})}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"\uD83C\uDD95"}),(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"warning"})}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"\uD83C\uDD95"}),(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"successful"})}),(0,r.jsx)(e.td,{})]})]})]}),"\n",(0,r.jsx)(e.h3,{id:"other",children:"other"}),"\n",(0,r.jsxs)(e.table,{children:[(0,r.jsx)(e.thead,{children:(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.th,{children:"Before"}),(0,r.jsx)(e.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(e.th,{children:"After"}),(0,r.jsx)(e.th,{children:"Description"})]})}),(0,r.jsx)(e.tbody,{children:(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"description"})}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"message"})}),(0,r.jsx)(e.td,{})]})})]})]})}function d(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,s.a)(),...t.components};return e?(0,r.jsx)(e,{...t,children:(0,r.jsx)(i,{...t})}):i(t)}},3216:function(t,e,n){"use strict";n.r(e),n.d(e,{default:function(){return a}});var r=n(52322),s=n(45392),i=n(11803),d=n(81642);let l=t=>{let{children:e}=t;return(0,r.jsx)(i.Z,{children:e})};function c(t){let e={h1:"h1",...(0,s.a)(),...t.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h1,{id:"dbtextarea-migration",children:"DBTextarea Migration"}),"\n",(0,r.jsx)(d.default,{})]})}function a(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(l,{...t,children:(0,r.jsx)(c,{...t})})}},16134:function(t,e,n){"use strict";var r=n(52322),s=n(2784),i=n(13776);let d=(0,s.forwardRef)(function(t,e){let n=e||(0,s.useRef)(e);return(0,r.jsx)("button",{ref:n,...(0,i.mS)(t,[]),id:t.id,className:(0,i.yI)("db-button",t.className,{"is-icon-text-replace":t.noText}),type:t.type,disabled:t.disabled,"aria-label":t.label,"data-icon":t.icon,"data-size":t.size,"data-state":t.state,"data-width":t.width,"data-variant":t.variant,name:t.name,value:t.value,"aria-describedby":t.describedbyid,"aria-expanded":t.ariaexpanded,"aria-pressed":t.ariapressed,onClick:e=>{t.onClick&&t.onClick(e)},children:t.children})});e.Z=d},63900:function(t,e,n){"use strict";var r,s,i,d,l,c,a;n.d(e,{IY:function(){return o},YP:function(){return h},ce:function(){return u}});let o="OVERWRITE_DEFAULT_ID",h="Back",u="Close Button";(l=r||(r={})).FUNCTIONAL="functional",l.REGULAR="regular",l.EXPRESSIVE="expressive",Object.entries(r).map(t=>{let[,e]=t;return e}),(s||(s={})).PRIMARY="primary",(c=i||(i={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(t=>{let[,e]=t;return e}),Object.entries(s).map(t=>{let[,e]=t;return e}),(a=d||(d={})).CRITICAL="critical",a.INFORMATIONAL="informational",a.WARNING="warning",a.SUCCESSFUL="successful",Object.entries(d).map(t=>{let[,e]=t;return e})},13776:function(t,e,n){"use strict";n.d(e,{MN:function(){return a},Vj:function(){return r},cd:function(){return c},mS:function(){return l},yI:function(){return i},yn:function(){return s}});let r=()=>{var t,e;return(null===(t=window.crypto)||void 0===t?void 0:t.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},s=(t,e)=>{Object.values(t.children).forEach(t=>{t.setAttribute(e.key,e.value),t.children.length>0&&s(t,e)})},i=function(){for(var t=arguments.length,e=Array(t),n=0;n{if(t){if("string"==typeof t)r+="".concat(t," ");else for(let e in t)t[e]&&(r+="".concat(e," "))}}),r.trim()},d=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],l=(t,e)=>Object.keys(t).filter(t=>(t.startsWith("data-")||t.startsWith("aria-")||t.startsWith("default")||t.startsWith("auto")||t.startsWith("item")||t.startsWith("on")||d.includes(t))&&!e.includes(t)).reduce((e,n)=>(e[n]=t[n],e),{}),c=t=>{let{left:e,right:n}=t.getBoundingClientRect(),{innerWidth:r}=window;return e>=0&&n<=r},a=t=>{let{top:e,bottom:n}=t.getBoundingClientRect(),{innerHeight:r}=window;return e>=0&&n<=r}}},function(t){t.O(0,[49710,11803,92888,49774,40179],function(){return t(t.s=36326)}),_N_E=t.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[41867],{36326:function(t,e,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/textarea/migration",function(){return n(3216)}])},81642:function(t,e,n){"use strict";n.r(e),n.d(e,{default:function(){return d}});var r=n(52322),s=n(45392);function i(t){let e={a:"a",blockquote:"blockquote",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,s.a)(),...t.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h2,{id:"general",children:"General"}),"\n",(0,r.jsxs)(e.blockquote,{children:["\n",(0,r.jsxs)(e.p,{children:[(0,r.jsx)(e.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,r.jsx)(e.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,r.jsx)(e.h2,{id:"db-ui-core--db-ui-components",children:"DB UI Core ➡ DB UI Components"}),"\n",(0,r.jsx)(e.h3,{id:"class",children:"class"}),"\n",(0,r.jsxs)(e.table,{children:[(0,r.jsx)(e.thead,{children:(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.th,{children:"Before"}),(0,r.jsx)(e.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(e.th,{children:"After"}),(0,r.jsx)(e.th,{children:"Description"})]})}),(0,r.jsx)(e.tbody,{children:(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"elm-textarea"})}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"db-textarea"})}),(0,r.jsx)(e.td,{})]})})]}),"\n",(0,r.jsx)(e.h3,{id:"variants",children:"variants"}),"\n",(0,r.jsxs)(e.table,{children:[(0,r.jsx)(e.thead,{children:(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.th,{children:"Before"}),(0,r.jsx)(e.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(e.th,{children:"After"}),(0,r.jsx)(e.th,{children:"Description"})]})}),(0,r.jsxs)(e.tbody,{children:[(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"semitransparent"})}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(e.td,{}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"white"})}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(e.td,{}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"solid"})}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(e.td,{}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"outline"})}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(e.td,{}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"\uD83C\uDD95"}),(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"adaptive"})}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"\uD83C\uDD95"}),(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"critical"})}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"\uD83C\uDD95"}),(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"informational"})}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"\uD83C\uDD95"}),(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"warning"})}),(0,r.jsx)(e.td,{})]}),(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"\uD83C\uDD95"}),(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"successful"})}),(0,r.jsx)(e.td,{})]})]})]}),"\n",(0,r.jsx)(e.h3,{id:"other",children:"other"}),"\n",(0,r.jsxs)(e.table,{children:[(0,r.jsx)(e.thead,{children:(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.th,{children:"Before"}),(0,r.jsx)(e.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(e.th,{children:"After"}),(0,r.jsx)(e.th,{children:"Description"})]})}),(0,r.jsx)(e.tbody,{children:(0,r.jsxs)(e.tr,{children:[(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"description"})}),(0,r.jsx)(e.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(e.td,{children:(0,r.jsx)(e.code,{children:"message"})}),(0,r.jsx)(e.td,{})]})})]})]})}function d(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:e}={...(0,s.a)(),...t.components};return e?(0,r.jsx)(e,{...t,children:(0,r.jsx)(i,{...t})}):i(t)}},3216:function(t,e,n){"use strict";n.r(e),n.d(e,{default:function(){return a}});var r=n(52322),s=n(45392),i=n(12156),d=n(81642);let l=t=>{let{children:e}=t;return(0,r.jsx)(i.Z,{children:e})};function c(t){let e={h1:"h1",...(0,s.a)(),...t.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.h1,{id:"dbtextarea-migration",children:"DBTextarea Migration"}),"\n",(0,r.jsx)(d.default,{})]})}function a(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(l,{...t,children:(0,r.jsx)(c,{...t})})}},16134:function(t,e,n){"use strict";var r=n(52322),s=n(2784),i=n(13776);let d=(0,s.forwardRef)(function(t,e){let n=e||(0,s.useRef)(e);return(0,r.jsx)("button",{ref:n,...(0,i.mS)(t,[]),id:t.id,className:(0,i.yI)("db-button",t.className,{"is-icon-text-replace":t.noText}),type:t.type,disabled:t.disabled,"aria-label":t.label,"data-icon":t.icon,"data-size":t.size,"data-state":t.state,"data-width":t.width,"data-variant":t.variant,name:t.name,value:t.value,"aria-describedby":t.describedbyid,"aria-expanded":t.ariaexpanded,"aria-pressed":t.ariapressed,onClick:e=>{t.onClick&&t.onClick(e)},children:t.children})});e.Z=d},63900:function(t,e,n){"use strict";var r,s,i,d,l,c,a;n.d(e,{IY:function(){return o},YP:function(){return h},ce:function(){return u}});let o="OVERWRITE_DEFAULT_ID",h="Back",u="Close Button";(l=r||(r={})).FUNCTIONAL="functional",l.REGULAR="regular",l.EXPRESSIVE="expressive",Object.entries(r).map(t=>{let[,e]=t;return e}),(s||(s={})).PRIMARY="primary",(c=i||(i={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(t=>{let[,e]=t;return e}),Object.entries(s).map(t=>{let[,e]=t;return e}),(a=d||(d={})).CRITICAL="critical",a.INFORMATIONAL="informational",a.WARNING="warning",a.SUCCESSFUL="successful",Object.entries(d).map(t=>{let[,e]=t;return e})},13776:function(t,e,n){"use strict";n.d(e,{MN:function(){return a},Vj:function(){return r},cd:function(){return c},mS:function(){return l},yI:function(){return i},yn:function(){return s}});let r=()=>{var t,e;return(null===(t=window.crypto)||void 0===t?void 0:t.randomUUID)?window.crypto.randomUUID():(null===(e=window.crypto)||void 0===e?void 0:e.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},s=(t,e)=>{Object.values(t.children).forEach(t=>{t.setAttribute(e.key,e.value),t.children.length>0&&s(t,e)})},i=function(){for(var t=arguments.length,e=Array(t),n=0;n{if(t){if("string"==typeof t)r+="".concat(t," ");else for(let e in t)t[e]&&(r+="".concat(e," "))}}),r.trim()},d=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],l=(t,e)=>Object.keys(t).filter(t=>(t.startsWith("data-")||t.startsWith("aria-")||t.startsWith("default")||t.startsWith("auto")||t.startsWith("item")||t.startsWith("on")||d.includes(t))&&!e.includes(t)).reduce((e,n)=>(e[n]=t[n],e),{}),c=t=>{let{left:e,right:n}=t.getBoundingClientRect(),{innerWidth:r}=window;return e>=0&&n<=r},a=t=>{let{top:e,bottom:n}=t.getBoundingClientRect(),{innerHeight:r}=window;return e>=0&&n<=r}}},function(t){t.O(0,[49710,12156,92888,49774,40179],function(){return t(t.s=36326)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/textarea/overview-34cf96994bee9c52.js b/review/main/_next/static/chunks/pages/components/textarea/overview-da0588dee7e681ee.js similarity index 89% rename from review/main/_next/static/chunks/pages/components/textarea/overview-34cf96994bee9c52.js rename to review/main/_next/static/chunks/pages/components/textarea/overview-da0588dee7e681ee.js index 866b65eb832..53ee13a0b7f 100644 --- a/review/main/_next/static/chunks/pages/components/textarea/overview-34cf96994bee9c52.js +++ b/review/main/_next/static/chunks/pages/components/textarea/overview-da0588dee7e681ee.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[45980],{56881:function(e,a,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/textarea/overview",function(){return t(47852)}])},47852:function(e,a,t){"use strict";t.r(a);var l=t(52322),n=t(92441),u=t(25468),s=t(67597),r=t(95452),d=t(55693),i=t(6458),f=t(24818),o=t(18609),x=t(2784),c=t(86095),_=t(99341),j=t(92829),v=t(37395);let w=e=>{let{cols:a,disabled:t,message:n,label:u,placeholder:s,rows:r,value:d,variant:i,readOnly:f,required:o,children:_,invalid:j,labelVariant:v}=e,[w,h]=(0,x.useState)(d);return(0,l.jsx)(c.GI,{cols:a,disabled:t,message:n,label:u,labelVariant:v,readOnly:f,onChange:e=>{h(e.target.value)},required:o,placeholder:null!=s?s:_,rows:r,value:w,variant:i,invalid:j})};a.default=()=>(0,l.jsx)(l.Fragment,{children:(0,l.jsx)(_.Z,{title:"DBTextarea",variants:(0,v.P)(j,w,[(0,l.jsx)(n.default,{}),(0,l.jsx)(u.default,{}),(0,l.jsx)(s.default,{}),(0,l.jsx)(r.default,{}),(0,l.jsx)(d.default,{}),(0,l.jsx)(i.default,{}),(0,l.jsx)(f.default,{}),(0,l.jsx)(o.default,{})])})})}},function(e){e.O(0,[49710,14863,11803,6458,55693,95452,27752,92888,49774,40179],function(){return e(e.s=56881)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[45980],{56881:function(e,a,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/textarea/overview",function(){return t(47852)}])},47852:function(e,a,t){"use strict";t.r(a);var l=t(52322),n=t(92441),u=t(25468),s=t(67597),r=t(95452),d=t(55693),i=t(6458),f=t(24818),o=t(18609),x=t(2784),c=t(53752),_=t(99341),j=t(92829),v=t(37395);let w=e=>{let{cols:a,disabled:t,message:n,label:u,placeholder:s,rows:r,value:d,variant:i,readOnly:f,required:o,children:_,invalid:j,labelVariant:v}=e,[w,h]=(0,x.useState)(d);return(0,l.jsx)(c.GI,{cols:a,disabled:t,message:n,label:u,labelVariant:v,readOnly:f,onChange:e=>{h(e.target.value)},required:o,placeholder:null!=s?s:_,rows:r,value:w,variant:i,invalid:j})};a.default=()=>(0,l.jsx)(l.Fragment,{children:(0,l.jsx)(_.Z,{title:"DBTextarea",variants:(0,v.P)(j,w,[(0,l.jsx)(n.default,{}),(0,l.jsx)(u.default,{}),(0,l.jsx)(s.default,{}),(0,l.jsx)(r.default,{}),(0,l.jsx)(d.default,{}),(0,l.jsx)(i.default,{}),(0,l.jsx)(f.default,{}),(0,l.jsx)(o.default,{})])})})}},function(e){e.O(0,[49710,14863,12156,6458,55693,95452,27752,92888,49774,40179],function(){return e(e.s=56881)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/textarea/properties-f64daa64e56f56a2.js b/review/main/_next/static/chunks/pages/components/textarea/properties-eed086af980eace0.js similarity index 99% rename from review/main/_next/static/chunks/pages/components/textarea/properties-f64daa64e56f56a2.js rename to review/main/_next/static/chunks/pages/components/textarea/properties-eed086af980eace0.js index 9d76d8e43cf..077ae8f6d26 100644 --- a/review/main/_next/static/chunks/pages/components/textarea/properties-f64daa64e56f56a2.js +++ b/review/main/_next/static/chunks/pages/components/textarea/properties-eed086af980eace0.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[71636],{79444:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/textarea/properties",function(){return n(4358)}])},4358:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return l}});var r=n(52322),s=n(45392),i=n(11803);let d=e=>{let{children:t}=e;return(0,r.jsx)(i.Z,{children:t})};function c(e){let t={a:"a",code:"code",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,s.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbtextarea",children:"DBTextarea"}),"\n",(0,r.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Name"}),(0,r.jsx)(t.th,{children:"Description"}),(0,r.jsx)(t.th,{children:"Type"}),(0,r.jsx)(t.th,{children:"Options"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"cols"}),(0,r.jsx)(t.td,{children:"The visible width of the text control, in average character widths. If it is specified, it must be a positive integer"}),(0,r.jsx)(t.td,{children:"number"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"resize"}),(0,r.jsx)(t.td,{children:"In most browsers, textareas are resizable — you'll notice the drag handle in the right-hand corner, you can control it with this"}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'none' | 'both' | 'horizontal' | 'vertical'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"rows"}),(0,r.jsx)(t.td,{children:"The number of visible text lines for the control. If it is specified, it must be a positive integer"}),(0,r.jsx)(t.td,{children:"number"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"spellCheck"}),(0,r.jsx)(t.td,{children:"Specifies whether the textarea is subject to spell checking by the underlying browser/OS"}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"wrap"}),(0,r.jsx)(t.td,{children:"Indicates how the control should wrap the value for form submission."}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'hard' | 'soft' | 'off'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"change"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: ChangeEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"onChange"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: ChangeEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"variant"}),(0,r.jsx)(t.td,{children:"The variant defines the default variants for most components."}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'adaptive' | 'neutral' | 'critical' | 'informational' | 'warning' | 'successful'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"blur"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: InteractionEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"onBlur"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: InteractionEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"focus"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: InteractionEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"onFocus"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: InteractionEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"disabled"}),(0,r.jsx)(t.td,{children:"The disabled attribute can be set to keep a user from clicking on the form element."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"form"}),(0,r.jsx)(t.td,{children:"Associates the control with a form element"}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"invalid"}),(0,r.jsx)(t.td,{children:"Marks an input element as invalid."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"label"}),(0,r.jsx)(t.td,{children:"The label attribute specifies the caption of the form element."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"name"}),(0,r.jsx)(t.td,{children:"The name attribute gives the name of the form control, as used in form submission and in the form element's elements object."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"required"}),(0,r.jsx)(t.td,{children:"When the required attribute specified, the user will be required to fill the form element before submitting the form."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"value"}),(0,r.jsx)(t.td,{children:"The value property is to receive results from the native form element."}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"children"}),(0,r.jsx)(t.td,{children:"default slot"}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"className"}),(0,r.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"describedbyid"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,r.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"id"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"key"}),(0,r.jsx)(t.td,{children:"React specific for render process."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"maxLength"}),(0,r.jsx)(t.td,{children:"Maximum length (number of characters) of value"}),(0,r.jsx)(t.td,{children:"number"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"minLength"}),(0,r.jsx)(t.td,{children:"Minimum length (number of characters) of value"}),(0,r.jsx)(t.td,{children:"number"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"readOnly"}),(0,r.jsx)(t.td,{children:"The disabled attribute can be set to keep a user from edit on the form element"}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"labelVariant"}),(0,r.jsx)(t.td,{children:"Change the variant of the label to float"}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'above' | 'floating' | 'hidden'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"placeholder"}),(0,r.jsx)(t.td,{children:"Text that appears in the form control when it has no value set"}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"message"}),(0,r.jsx)(t.td,{children:"Optional helper message for form components"}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"messageIcon"}),(0,r.jsx)(t.td,{children:"Set/overwrite icon for helper message for form components"}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"IconTypes"})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"autocomplete"}),(0,r.jsxs)(t.td,{children:["See ",(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete",children:"https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete"})]}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"string | 'off' | 'on' | 'name' | 'honorific-prefix' | 'given-name' | 'additional-name' | 'family-name' | 'honorific-suffix' | 'nickname' | 'email' | 'username' | 'new-password' | 'current-password' | 'one-time-code' | 'organization-title' | 'organization' | 'street-address' | 'shipping' | 'billing' | 'address-line1' | 'address-line2' | 'address-line3' | 'address-level4' | 'address-level3' | 'address-level2' | 'address-level1' | 'country' | 'country-name' | 'postal-code' | 'cc-name' | 'cc-given-name' | 'cc-additional-name' | 'cc-family-name' | 'cc-number' | 'cc-exp' | 'cc-exp-month' | 'cc-exp-year' | 'cc-csc' | 'cc-type' | 'transaction-currency' | 'transaction-amount' | 'language' | 'bday' | 'bday-day' | 'bday-month' | 'bday-year' | 'sex' | 'tel' | 'tel-country-code' | 'tel-national' | 'tel-area-code' | 'tel-local' | 'tel-extension' | 'impp' | 'url' | 'photo' | 'webauthn'"})})})]})]})]})]})}function l(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(d,{...e,children:(0,r.jsx)(c,{...e})})}},16134:function(e,t,n){"use strict";var r=n(52322),s=n(2784),i=n(13776);let d=(0,s.forwardRef)(function(e,t){let n=t||(0,s.useRef)(t);return(0,r.jsx)("button",{ref:n,...(0,i.mS)(e,[]),id:e.id,className:(0,i.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=d},63900:function(e,t,n){"use strict";var r,s,i,d,c,l,a;n.d(t,{IY:function(){return o},YP:function(){return h},ce:function(){return x}});let o="OVERWRITE_DEFAULT_ID",h="Back",x="Close Button";(c=r||(r={})).FUNCTIONAL="functional",c.REGULAR="regular",c.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,t]=e;return t}),(s||(s={})).PRIMARY="primary",(l=i||(i={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(e=>{let[,t]=e;return t}),Object.entries(s).map(e=>{let[,t]=e;return t}),(a=d||(d={})).CRITICAL="critical",a.INFORMATIONAL="informational",a.WARNING="warning",a.SUCCESSFUL="successful",Object.entries(d).map(e=>{let[,t]=e;return t})},13776:function(e,t,n){"use strict";n.d(t,{MN:function(){return a},Vj:function(){return r},cd:function(){return l},mS:function(){return c},yI:function(){return i},yn:function(){return s}});let r=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},s=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&s(e,t)})},i=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let t in e)e[t]&&(r+="".concat(t," "))}}),r.trim()},d=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],c=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||d.includes(e))&&!t.includes(e)).reduce((t,n)=>(t[n]=e[n],t),{}),l=e=>{let{left:t,right:n}=e.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&n<=r},a=e=>{let{top:t,bottom:n}=e.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&n<=r}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=79444)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[71636],{79444:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/textarea/properties",function(){return n(4358)}])},4358:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return l}});var r=n(52322),s=n(45392),i=n(12156);let d=e=>{let{children:t}=e;return(0,r.jsx)(i.Z,{children:t})};function c(e){let t={a:"a",code:"code",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,s.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbtextarea",children:"DBTextarea"}),"\n",(0,r.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Name"}),(0,r.jsx)(t.th,{children:"Description"}),(0,r.jsx)(t.th,{children:"Type"}),(0,r.jsx)(t.th,{children:"Options"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"cols"}),(0,r.jsx)(t.td,{children:"The visible width of the text control, in average character widths. If it is specified, it must be a positive integer"}),(0,r.jsx)(t.td,{children:"number"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"resize"}),(0,r.jsx)(t.td,{children:"In most browsers, textareas are resizable — you'll notice the drag handle in the right-hand corner, you can control it with this"}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'none' | 'both' | 'horizontal' | 'vertical'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"rows"}),(0,r.jsx)(t.td,{children:"The number of visible text lines for the control. If it is specified, it must be a positive integer"}),(0,r.jsx)(t.td,{children:"number"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"spellCheck"}),(0,r.jsx)(t.td,{children:"Specifies whether the textarea is subject to spell checking by the underlying browser/OS"}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"wrap"}),(0,r.jsx)(t.td,{children:"Indicates how the control should wrap the value for form submission."}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'hard' | 'soft' | 'off'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"change"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: ChangeEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"onChange"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: ChangeEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"variant"}),(0,r.jsx)(t.td,{children:"The variant defines the default variants for most components."}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'adaptive' | 'neutral' | 'critical' | 'informational' | 'warning' | 'successful'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"blur"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: InteractionEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"onBlur"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: InteractionEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"focus"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: InteractionEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"onFocus"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"function"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"(event: InteractionEvent) => void"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"disabled"}),(0,r.jsx)(t.td,{children:"The disabled attribute can be set to keep a user from clicking on the form element."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"form"}),(0,r.jsx)(t.td,{children:"Associates the control with a form element"}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"invalid"}),(0,r.jsx)(t.td,{children:"Marks an input element as invalid."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"label"}),(0,r.jsx)(t.td,{children:"The label attribute specifies the caption of the form element."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"name"}),(0,r.jsx)(t.td,{children:"The name attribute gives the name of the form control, as used in form submission and in the form element's elements object."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"required"}),(0,r.jsx)(t.td,{children:"When the required attribute specified, the user will be required to fill the form element before submitting the form."}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"value"}),(0,r.jsx)(t.td,{children:"The value property is to receive results from the native form element."}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"children"}),(0,r.jsx)(t.td,{children:"default slot"}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"className"}),(0,r.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"describedbyid"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,r.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"id"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"key"}),(0,r.jsx)(t.td,{children:"React specific for render process."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"maxLength"}),(0,r.jsx)(t.td,{children:"Maximum length (number of characters) of value"}),(0,r.jsx)(t.td,{children:"number"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"minLength"}),(0,r.jsx)(t.td,{children:"Minimum length (number of characters) of value"}),(0,r.jsx)(t.td,{children:"number"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"readOnly"}),(0,r.jsx)(t.td,{children:"The disabled attribute can be set to keep a user from edit on the form element"}),(0,r.jsx)(t.td,{children:"boolean"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"labelVariant"}),(0,r.jsx)(t.td,{children:"Change the variant of the label to float"}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'above' | 'floating' | 'hidden'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"placeholder"}),(0,r.jsx)(t.td,{children:"Text that appears in the form control when it has no value set"}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"message"}),(0,r.jsx)(t.td,{children:"Optional helper message for form components"}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"messageIcon"}),(0,r.jsx)(t.td,{children:"Set/overwrite icon for helper message for form components"}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.a,{href:"https://db-ui.github.io/mono/review/main/foundations/icons/overview",children:"IconTypes"})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"autocomplete"}),(0,r.jsxs)(t.td,{children:["See ",(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete",children:"https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete"})]}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"string | 'off' | 'on' | 'name' | 'honorific-prefix' | 'given-name' | 'additional-name' | 'family-name' | 'honorific-suffix' | 'nickname' | 'email' | 'username' | 'new-password' | 'current-password' | 'one-time-code' | 'organization-title' | 'organization' | 'street-address' | 'shipping' | 'billing' | 'address-line1' | 'address-line2' | 'address-line3' | 'address-level4' | 'address-level3' | 'address-level2' | 'address-level1' | 'country' | 'country-name' | 'postal-code' | 'cc-name' | 'cc-given-name' | 'cc-additional-name' | 'cc-family-name' | 'cc-number' | 'cc-exp' | 'cc-exp-month' | 'cc-exp-year' | 'cc-csc' | 'cc-type' | 'transaction-currency' | 'transaction-amount' | 'language' | 'bday' | 'bday-day' | 'bday-month' | 'bday-year' | 'sex' | 'tel' | 'tel-country-code' | 'tel-national' | 'tel-area-code' | 'tel-local' | 'tel-extension' | 'impp' | 'url' | 'photo' | 'webauthn'"})})})]})]})]})]})}function l(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(d,{...e,children:(0,r.jsx)(c,{...e})})}},16134:function(e,t,n){"use strict";var r=n(52322),s=n(2784),i=n(13776);let d=(0,s.forwardRef)(function(e,t){let n=t||(0,s.useRef)(t);return(0,r.jsx)("button",{ref:n,...(0,i.mS)(e,[]),id:e.id,className:(0,i.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=d},63900:function(e,t,n){"use strict";var r,s,i,d,c,l,a;n.d(t,{IY:function(){return o},YP:function(){return h},ce:function(){return x}});let o="OVERWRITE_DEFAULT_ID",h="Back",x="Close Button";(c=r||(r={})).FUNCTIONAL="functional",c.REGULAR="regular",c.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,t]=e;return t}),(s||(s={})).PRIMARY="primary",(l=i||(i={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(e=>{let[,t]=e;return t}),Object.entries(s).map(e=>{let[,t]=e;return t}),(a=d||(d={})).CRITICAL="critical",a.INFORMATIONAL="informational",a.WARNING="warning",a.SUCCESSFUL="successful",Object.entries(d).map(e=>{let[,t]=e;return t})},13776:function(e,t,n){"use strict";n.d(t,{MN:function(){return a},Vj:function(){return r},cd:function(){return l},mS:function(){return c},yI:function(){return i},yn:function(){return s}});let r=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},s=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&s(e,t)})},i=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let t in e)e[t]&&(r+="".concat(t," "))}}),r.trim()},d=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],c=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||d.includes(e))&&!t.includes(e)).reduce((t,n)=>(t[n]=e[n],t),{}),l=e=>{let{left:t,right:n}=e.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&n<=r},a=e=>{let{top:t,bottom:n}=e.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&n<=r}}},function(e){e.O(0,[49710,12156,92888,49774,40179],function(){return e(e.s=79444)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/tooltip-70252f52a11ea59c.js b/review/main/_next/static/chunks/pages/components/tooltip-530e7b19510acc25.js similarity index 86% rename from review/main/_next/static/chunks/pages/components/tooltip-70252f52a11ea59c.js rename to review/main/_next/static/chunks/pages/components/tooltip-530e7b19510acc25.js index cd2097640a4..3f90288feed 100644 --- a/review/main/_next/static/chunks/pages/components/tooltip-70252f52a11ea59c.js +++ b/review/main/_next/static/chunks/pages/components/tooltip-530e7b19510acc25.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[82343],{40367:function(t,e,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tooltip",function(){return n(40078)}])},40078:function(t,e,n){"use strict";n.r(e);var i=n(52322),s=n(12283),u=n(97794),a=n(4575),d=n(50988),l=n(33010),f=n(79906),o=n(86095),r=n(99341),c=n(10171),_=n(37395);let j=t=>{let{children:e,width:n,emphasis:s,placement:u,delay:a,content:d,animation:l,variant:f,id:r}=t;return(0,i.jsxs)(o.Y1,{describedbyid:r,children:[e,(0,i.jsx)(o.Nd,{width:n,emphasis:s,placement:u,animation:l,delay:a,variant:f,id:r,children:d})]})};e.default=()=>(0,i.jsx)(r.Z,{title:"DBTooltip",variants:(0,_.P)(c,j,[(0,i.jsx)(s.default,{}),(0,i.jsx)(u.default,{}),(0,i.jsx)(a.default,{}),(0,i.jsx)(d.default,{}),(0,i.jsx)(l.default,{}),(0,i.jsx)(f.default,{})])})}},function(t){t.O(0,[49710,14863,11803,50988,79906,82991,92888,49774,40179],function(){return t(t.s=40367)}),_N_E=t.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[82343],{40367:function(t,e,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tooltip",function(){return n(40078)}])},40078:function(t,e,n){"use strict";n.r(e);var i=n(52322),s=n(12283),u=n(97794),a=n(4575),d=n(50988),l=n(33010),f=n(79906),o=n(53752),r=n(99341),c=n(10171),_=n(37395);let j=t=>{let{children:e,width:n,emphasis:s,placement:u,delay:a,content:d,animation:l,variant:f,id:r}=t;return(0,i.jsxs)(o.Y1,{describedbyid:r,children:[e,(0,i.jsx)(o.Nd,{width:n,emphasis:s,placement:u,animation:l,delay:a,variant:f,id:r,children:d})]})};e.default=()=>(0,i.jsx)(r.Z,{title:"DBTooltip",variants:(0,_.P)(c,j,[(0,i.jsx)(s.default,{}),(0,i.jsx)(u.default,{}),(0,i.jsx)(a.default,{}),(0,i.jsx)(d.default,{}),(0,i.jsx)(l.default,{}),(0,i.jsx)(f.default,{})])})}},function(t){t.O(0,[49710,14863,12156,50988,79906,82991,92888,49774,40179],function(){return t(t.s=40367)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/tooltip/how-to-use-0ed45408f2eac858.js b/review/main/_next/static/chunks/pages/components/tooltip/how-to-use-f074459e3aa5955d.js similarity index 98% rename from review/main/_next/static/chunks/pages/components/tooltip/how-to-use-0ed45408f2eac858.js rename to review/main/_next/static/chunks/pages/components/tooltip/how-to-use-f074459e3aa5955d.js index 19e93c3fadc..fb2234a4c85 100644 --- a/review/main/_next/static/chunks/pages/components/tooltip/how-to-use-0ed45408f2eac858.js +++ b/review/main/_next/static/chunks/pages/components/tooltip/how-to-use-f074459e3aa5955d.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2741],{85896:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tooltip/how-to-use",function(){return e(44787)}])},83284:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return i}});var o=e(52322),r=e(45392);function a(n){let t={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,r.a)(),...n.components};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.h2,{id:"angular",children:"Angular"}),"\n",(0,o.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,o.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,o.jsx)(t.h3,{id:"load-component",children:"Load component"}),"\n",(0,o.jsx)(t.pre,{children:(0,o.jsx)(t.code,{className:"language-ts",children:"// app.component.ts\nimport { DBTooltip } from '@db-ui/ngx-components';\n\n@Component({\n // ...\n standalone: true,\n imports: [..., DBTooltip],\n // ...\n})\n"})}),"\n",(0,o.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,o.jsx)(t.pre,{children:(0,o.jsx)(t.code,{className:"language-html",children:'\n\n Hover on me to open Tooltip\n Tooltip\n\n'})})]})}function i(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...n.components};return t?(0,o.jsx)(t,{...n,children:(0,o.jsx)(a,{...n})}):a(n)}},465:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return i}});var o=e(52322),r=e(45392);function a(n){let t={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,r.a)(),...n.components};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.h2,{id:"html",children:"HTML"}),"\n",(0,o.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,o.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,o.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,o.jsx)(t.pre,{children:(0,o.jsx)(t.code,{className:"language-html",children:'\n...\n\n \n\n'})})]})}function i(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...n.components};return t?(0,o.jsx)(t,{...n,children:(0,o.jsx)(a,{...n})}):a(n)}},93637:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return i}});var o=e(52322),r=e(45392);function a(n){let t={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,r.a)(),...n.components};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.h2,{id:"react",children:"React"}),"\n",(0,o.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,o.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,o.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,o.jsx)(t.pre,{children:(0,o.jsx)(t.code,{className:"language-tsx",children:'// App.tsx\nimport { DBTooltip, DBButton } from "@db-ui/react-components";\n\nconst App = () => (\n \n Hover on me to open Tooltip\n Tooltip\n \n);\n\nexport default App;\n'})})]})}function i(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...n.components};return t?(0,o.jsx)(t,{...n,children:(0,o.jsx)(a,{...n})}):a(n)}},51636:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return i}});var o=e(52322),r=e(45392);function a(n){let t={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,r.a)(),...n.components};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.h2,{id:"vue",children:"Vue"}),"\n",(0,o.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,o.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,o.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,o.jsx)(t.pre,{children:(0,o.jsx)(t.code,{className:"language-vue",children:'\n\n\n\n'})})]})}function i(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...n.components};return t?(0,o.jsx)(t,{...n,children:(0,o.jsx)(a,{...n})}):a(n)}},44787:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return p}});var o=e(52322),r=e(45392),a=e(11803),i=e(465),s=e(83284),c=e(93637),l=e(51636);let d=n=>{let{children:t}=n;return(0,o.jsx)(a.Z,{children:t})};function u(n){let t={h1:"h1",...(0,r.a)(),...n.components};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.h1,{id:"how-to-use-dbtooltip",children:"How to use DBTooltip"}),"\n",(0,o.jsx)(i.default,{}),"\n",(0,o.jsx)(s.default,{}),"\n",(0,o.jsx)(c.default,{}),"\n",(0,o.jsx)(l.default,{})]})}function p(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,o.jsx)(d,{...n,children:(0,o.jsx)(u,{...n})})}},16134:function(n,t,e){"use strict";var o=e(52322),r=e(2784),a=e(13776);let i=(0,r.forwardRef)(function(n,t){let e=t||(0,r.useRef)(t);return(0,o.jsx)("button",{ref:e,...(0,a.mS)(n,[]),id:n.id,className:(0,a.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:t=>{n.onClick&&n.onClick(t)},children:n.children})});t.Z=i},63900:function(n,t,e){"use strict";var o,r,a,i,s,c,l;e.d(t,{IY:function(){return d},YP:function(){return u},ce:function(){return p}});let d="OVERWRITE_DEFAULT_ID",u="Back",p="Close Button";(s=o||(o={})).FUNCTIONAL="functional",s.REGULAR="regular",s.EXPRESSIVE="expressive",Object.entries(o).map(n=>{let[,t]=n;return t}),(r||(r={})).PRIMARY="primary",(c=a||(a={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(a).map(n=>{let[,t]=n;return t}),Object.entries(r).map(n=>{let[,t]=n;return t}),(l=i||(i={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(i).map(n=>{let[,t]=n;return t})},13776:function(n,t,e){"use strict";e.d(t,{MN:function(){return l},Vj:function(){return o},cd:function(){return c},mS:function(){return s},yI:function(){return a},yn:function(){return r}});let o=()=>{var n,t;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},r=(n,t)=>{Object.values(n.children).forEach(n=>{n.setAttribute(t.key,t.value),n.children.length>0&&r(n,t)})},a=function(){for(var n=arguments.length,t=Array(n),e=0;e{if(n){if("string"==typeof n)o+="".concat(n," ");else for(let t in n)n[t]&&(o+="".concat(t," "))}}),o.trim()},i=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],s=(n,t)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||i.includes(n))&&!t.includes(n)).reduce((t,e)=>(t[e]=n[e],t),{}),c=n=>{let{left:t,right:e}=n.getBoundingClientRect(),{innerWidth:o}=window;return t>=0&&e<=o},l=n=>{let{top:t,bottom:e}=n.getBoundingClientRect(),{innerHeight:o}=window;return t>=0&&e<=o}}},function(n){n.O(0,[49710,11803,92888,49774,40179],function(){return n(n.s=85896)}),_N_E=n.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2741],{85896:function(n,t,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tooltip/how-to-use",function(){return e(44787)}])},83284:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return i}});var o=e(52322),r=e(45392);function a(n){let t={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,r.a)(),...n.components};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.h2,{id:"angular",children:"Angular"}),"\n",(0,o.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,o.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,o.jsx)(t.h3,{id:"load-component",children:"Load component"}),"\n",(0,o.jsx)(t.pre,{children:(0,o.jsx)(t.code,{className:"language-ts",children:"// app.component.ts\nimport { DBTooltip } from '@db-ui/ngx-components';\n\n@Component({\n // ...\n standalone: true,\n imports: [..., DBTooltip],\n // ...\n})\n"})}),"\n",(0,o.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,o.jsx)(t.pre,{children:(0,o.jsx)(t.code,{className:"language-html",children:'\n\n Hover on me to open Tooltip\n Tooltip\n\n'})})]})}function i(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...n.components};return t?(0,o.jsx)(t,{...n,children:(0,o.jsx)(a,{...n})}):a(n)}},465:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return i}});var o=e(52322),r=e(45392);function a(n){let t={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,r.a)(),...n.components};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.h2,{id:"html",children:"HTML"}),"\n",(0,o.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,o.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,o.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,o.jsx)(t.pre,{children:(0,o.jsx)(t.code,{className:"language-html",children:'\n...\n\n \n\n'})})]})}function i(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...n.components};return t?(0,o.jsx)(t,{...n,children:(0,o.jsx)(a,{...n})}):a(n)}},93637:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return i}});var o=e(52322),r=e(45392);function a(n){let t={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,r.a)(),...n.components};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.h2,{id:"react",children:"React"}),"\n",(0,o.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,o.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,o.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,o.jsx)(t.pre,{children:(0,o.jsx)(t.code,{className:"language-tsx",children:'// App.tsx\nimport { DBTooltip, DBButton } from "@db-ui/react-components";\n\nconst App = () => (\n \n Hover on me to open Tooltip\n Tooltip\n \n);\n\nexport default App;\n'})})]})}function i(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...n.components};return t?(0,o.jsx)(t,{...n,children:(0,o.jsx)(a,{...n})}):a(n)}},51636:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return i}});var o=e(52322),r=e(45392);function a(n){let t={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,r.a)(),...n.components};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.h2,{id:"vue",children:"Vue"}),"\n",(0,o.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,o.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,o.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,o.jsx)(t.pre,{children:(0,o.jsx)(t.code,{className:"language-vue",children:'\n\n\n\n'})})]})}function i(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...n.components};return t?(0,o.jsx)(t,{...n,children:(0,o.jsx)(a,{...n})}):a(n)}},44787:function(n,t,e){"use strict";e.r(t),e.d(t,{default:function(){return p}});var o=e(52322),r=e(45392),a=e(12156),i=e(465),s=e(83284),c=e(93637),l=e(51636);let d=n=>{let{children:t}=n;return(0,o.jsx)(a.Z,{children:t})};function u(n){let t={h1:"h1",...(0,r.a)(),...n.components};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.h1,{id:"how-to-use-dbtooltip",children:"How to use DBTooltip"}),"\n",(0,o.jsx)(i.default,{}),"\n",(0,o.jsx)(s.default,{}),"\n",(0,o.jsx)(c.default,{}),"\n",(0,o.jsx)(l.default,{})]})}function p(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,o.jsx)(d,{...n,children:(0,o.jsx)(u,{...n})})}},16134:function(n,t,e){"use strict";var o=e(52322),r=e(2784),a=e(13776);let i=(0,r.forwardRef)(function(n,t){let e=t||(0,r.useRef)(t);return(0,o.jsx)("button",{ref:e,...(0,a.mS)(n,[]),id:n.id,className:(0,a.yI)("db-button",n.className,{"is-icon-text-replace":n.noText}),type:n.type,disabled:n.disabled,"aria-label":n.label,"data-icon":n.icon,"data-size":n.size,"data-state":n.state,"data-width":n.width,"data-variant":n.variant,name:n.name,value:n.value,"aria-describedby":n.describedbyid,"aria-expanded":n.ariaexpanded,"aria-pressed":n.ariapressed,onClick:t=>{n.onClick&&n.onClick(t)},children:n.children})});t.Z=i},63900:function(n,t,e){"use strict";var o,r,a,i,s,c,l;e.d(t,{IY:function(){return d},YP:function(){return u},ce:function(){return p}});let d="OVERWRITE_DEFAULT_ID",u="Back",p="Close Button";(s=o||(o={})).FUNCTIONAL="functional",s.REGULAR="regular",s.EXPRESSIVE="expressive",Object.entries(o).map(n=>{let[,t]=n;return t}),(r||(r={})).PRIMARY="primary",(c=a||(a={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(a).map(n=>{let[,t]=n;return t}),Object.entries(r).map(n=>{let[,t]=n;return t}),(l=i||(i={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(i).map(n=>{let[,t]=n;return t})},13776:function(n,t,e){"use strict";e.d(t,{MN:function(){return l},Vj:function(){return o},cd:function(){return c},mS:function(){return s},yI:function(){return a},yn:function(){return r}});let o=()=>{var n,t;return(null===(n=window.crypto)||void 0===n?void 0:n.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},r=(n,t)=>{Object.values(n.children).forEach(n=>{n.setAttribute(t.key,t.value),n.children.length>0&&r(n,t)})},a=function(){for(var n=arguments.length,t=Array(n),e=0;e{if(n){if("string"==typeof n)o+="".concat(n," ");else for(let t in n)n[t]&&(o+="".concat(t," "))}}),o.trim()},i=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],s=(n,t)=>Object.keys(n).filter(n=>(n.startsWith("data-")||n.startsWith("aria-")||n.startsWith("default")||n.startsWith("auto")||n.startsWith("item")||n.startsWith("on")||i.includes(n))&&!t.includes(n)).reduce((t,e)=>(t[e]=n[e],t),{}),c=n=>{let{left:t,right:e}=n.getBoundingClientRect(),{innerWidth:o}=window;return t>=0&&e<=o},l=n=>{let{top:t,bottom:e}=n.getBoundingClientRect(),{innerHeight:o}=window;return t>=0&&e<=o}}},function(n){n.O(0,[49710,12156,92888,49774,40179],function(){return n(n.s=85896)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/tooltip/migration-8032ce65c3851032.js b/review/main/_next/static/chunks/pages/components/tooltip/migration-7534ec8c7cb295c8.js similarity index 97% rename from review/main/_next/static/chunks/pages/components/tooltip/migration-8032ce65c3851032.js rename to review/main/_next/static/chunks/pages/components/tooltip/migration-7534ec8c7cb295c8.js index f2e5b557a43..0c7bb0d4938 100644 --- a/review/main/_next/static/chunks/pages/components/tooltip/migration-8032ce65c3851032.js +++ b/review/main/_next/static/chunks/pages/components/tooltip/migration-7534ec8c7cb295c8.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[98184],{55237:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tooltip/migration",function(){return e(77492)}])},62406:function(t,n,e){"use strict";e.r(n),e.d(n,{default:function(){return s}});var r=e(52322),a=e(45392);function i(t){let n={a:"a",blockquote:"blockquote",h2:"h2",p:"p",strong:"strong",...(0,a.a)(),...t.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.h2,{id:"general",children:"General"}),"\n",(0,r.jsxs)(n.blockquote,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,r.jsx)(n.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,r.jsx)(n.h2,{id:"db-ui-core--db-ui-components",children:"DB UI Core ➡ DB UI Components"}),"\n",(0,r.jsx)(n.p,{children:"New Component \uD83E\uDD73"})]})}function s(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:n}={...(0,a.a)(),...t.components};return n?(0,r.jsx)(n,{...t,children:(0,r.jsx)(i,{...t})}):i(t)}},77492:function(t,n,e){"use strict";e.r(n),e.d(n,{default:function(){return c}});var r=e(52322),a=e(45392),i=e(11803),s=e(62406);let o=t=>{let{children:n}=t;return(0,r.jsx)(i.Z,{children:n})};function l(t){let n={h1:"h1",...(0,a.a)(),...t.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.h1,{id:"dbtooltip-migration",children:"DBTooltip Migration"}),"\n",(0,r.jsx)(s.default,{})]})}function c(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(o,{...t,children:(0,r.jsx)(l,{...t})})}},16134:function(t,n,e){"use strict";var r=e(52322),a=e(2784),i=e(13776);let s=(0,a.forwardRef)(function(t,n){let e=n||(0,a.useRef)(n);return(0,r.jsx)("button",{ref:e,...(0,i.mS)(t,[]),id:t.id,className:(0,i.yI)("db-button",t.className,{"is-icon-text-replace":t.noText}),type:t.type,disabled:t.disabled,"aria-label":t.label,"data-icon":t.icon,"data-size":t.size,"data-state":t.state,"data-width":t.width,"data-variant":t.variant,name:t.name,value:t.value,"aria-describedby":t.describedbyid,"aria-expanded":t.ariaexpanded,"aria-pressed":t.ariapressed,onClick:n=>{t.onClick&&t.onClick(n)},children:t.children})});n.Z=s},63900:function(t,n,e){"use strict";var r,a,i,s,o,l,c;e.d(n,{IY:function(){return u},YP:function(){return d},ce:function(){return p}});let u="OVERWRITE_DEFAULT_ID",d="Back",p="Close Button";(o=r||(r={})).FUNCTIONAL="functional",o.REGULAR="regular",o.EXPRESSIVE="expressive",Object.entries(r).map(t=>{let[,n]=t;return n}),(a||(a={})).PRIMARY="primary",(l=i||(i={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(t=>{let[,n]=t;return n}),Object.entries(a).map(t=>{let[,n]=t;return n}),(c=s||(s={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(s).map(t=>{let[,n]=t;return n})},13776:function(t,n,e){"use strict";e.d(n,{MN:function(){return c},Vj:function(){return r},cd:function(){return l},mS:function(){return o},yI:function(){return i},yn:function(){return a}});let r=()=>{var t,n;return(null===(t=window.crypto)||void 0===t?void 0:t.randomUUID)?window.crypto.randomUUID():(null===(n=window.crypto)||void 0===n?void 0:n.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},a=(t,n)=>{Object.values(t.children).forEach(t=>{t.setAttribute(n.key,n.value),t.children.length>0&&a(t,n)})},i=function(){for(var t=arguments.length,n=Array(t),e=0;e{if(t){if("string"==typeof t)r+="".concat(t," ");else for(let n in t)t[n]&&(r+="".concat(n," "))}}),r.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],o=(t,n)=>Object.keys(t).filter(t=>(t.startsWith("data-")||t.startsWith("aria-")||t.startsWith("default")||t.startsWith("auto")||t.startsWith("item")||t.startsWith("on")||s.includes(t))&&!n.includes(t)).reduce((n,e)=>(n[e]=t[e],n),{}),l=t=>{let{left:n,right:e}=t.getBoundingClientRect(),{innerWidth:r}=window;return n>=0&&e<=r},c=t=>{let{top:n,bottom:e}=t.getBoundingClientRect(),{innerHeight:r}=window;return n>=0&&e<=r}}},function(t){t.O(0,[49710,11803,92888,49774,40179],function(){return t(t.s=55237)}),_N_E=t.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[98184],{55237:function(t,n,e){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tooltip/migration",function(){return e(77492)}])},62406:function(t,n,e){"use strict";e.r(n),e.d(n,{default:function(){return s}});var r=e(52322),a=e(45392);function i(t){let n={a:"a",blockquote:"blockquote",h2:"h2",p:"p",strong:"strong",...(0,a.a)(),...t.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.h2,{id:"general",children:"General"}),"\n",(0,r.jsxs)(n.blockquote,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,r.jsx)(n.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,r.jsx)(n.h2,{id:"db-ui-core--db-ui-components",children:"DB UI Core ➡ DB UI Components"}),"\n",(0,r.jsx)(n.p,{children:"New Component \uD83E\uDD73"})]})}function s(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:n}={...(0,a.a)(),...t.components};return n?(0,r.jsx)(n,{...t,children:(0,r.jsx)(i,{...t})}):i(t)}},77492:function(t,n,e){"use strict";e.r(n),e.d(n,{default:function(){return c}});var r=e(52322),a=e(45392),i=e(12156),s=e(62406);let o=t=>{let{children:n}=t;return(0,r.jsx)(i.Z,{children:n})};function l(t){let n={h1:"h1",...(0,a.a)(),...t.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.h1,{id:"dbtooltip-migration",children:"DBTooltip Migration"}),"\n",(0,r.jsx)(s.default,{})]})}function c(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(o,{...t,children:(0,r.jsx)(l,{...t})})}},16134:function(t,n,e){"use strict";var r=e(52322),a=e(2784),i=e(13776);let s=(0,a.forwardRef)(function(t,n){let e=n||(0,a.useRef)(n);return(0,r.jsx)("button",{ref:e,...(0,i.mS)(t,[]),id:t.id,className:(0,i.yI)("db-button",t.className,{"is-icon-text-replace":t.noText}),type:t.type,disabled:t.disabled,"aria-label":t.label,"data-icon":t.icon,"data-size":t.size,"data-state":t.state,"data-width":t.width,"data-variant":t.variant,name:t.name,value:t.value,"aria-describedby":t.describedbyid,"aria-expanded":t.ariaexpanded,"aria-pressed":t.ariapressed,onClick:n=>{t.onClick&&t.onClick(n)},children:t.children})});n.Z=s},63900:function(t,n,e){"use strict";var r,a,i,s,o,l,c;e.d(n,{IY:function(){return u},YP:function(){return d},ce:function(){return p}});let u="OVERWRITE_DEFAULT_ID",d="Back",p="Close Button";(o=r||(r={})).FUNCTIONAL="functional",o.REGULAR="regular",o.EXPRESSIVE="expressive",Object.entries(r).map(t=>{let[,n]=t;return n}),(a||(a={})).PRIMARY="primary",(l=i||(i={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(t=>{let[,n]=t;return n}),Object.entries(a).map(t=>{let[,n]=t;return n}),(c=s||(s={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(s).map(t=>{let[,n]=t;return n})},13776:function(t,n,e){"use strict";e.d(n,{MN:function(){return c},Vj:function(){return r},cd:function(){return l},mS:function(){return o},yI:function(){return i},yn:function(){return a}});let r=()=>{var t,n;return(null===(t=window.crypto)||void 0===t?void 0:t.randomUUID)?window.crypto.randomUUID():(null===(n=window.crypto)||void 0===n?void 0:n.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},a=(t,n)=>{Object.values(t.children).forEach(t=>{t.setAttribute(n.key,n.value),t.children.length>0&&a(t,n)})},i=function(){for(var t=arguments.length,n=Array(t),e=0;e{if(t){if("string"==typeof t)r+="".concat(t," ");else for(let n in t)t[n]&&(r+="".concat(n," "))}}),r.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],o=(t,n)=>Object.keys(t).filter(t=>(t.startsWith("data-")||t.startsWith("aria-")||t.startsWith("default")||t.startsWith("auto")||t.startsWith("item")||t.startsWith("on")||s.includes(t))&&!n.includes(t)).reduce((n,e)=>(n[e]=t[e],n),{}),l=t=>{let{left:n,right:e}=t.getBoundingClientRect(),{innerWidth:r}=window;return n>=0&&e<=r},c=t=>{let{top:n,bottom:e}=t.getBoundingClientRect(),{innerHeight:r}=window;return n>=0&&e<=r}}},function(t){t.O(0,[49710,12156,92888,49774,40179],function(){return t(t.s=55237)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/tooltip/overview-80b8a8ec8c2af43f.js b/review/main/_next/static/chunks/pages/components/tooltip/overview-675aed8b16a23b77.js similarity index 79% rename from review/main/_next/static/chunks/pages/components/tooltip/overview-80b8a8ec8c2af43f.js rename to review/main/_next/static/chunks/pages/components/tooltip/overview-675aed8b16a23b77.js index d1f1ec46714..5b057b7c664 100644 --- a/review/main/_next/static/chunks/pages/components/tooltip/overview-80b8a8ec8c2af43f.js +++ b/review/main/_next/static/chunks/pages/components/tooltip/overview-675aed8b16a23b77.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[25641],{70505:function(t,e,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tooltip/overview",function(){return n(20621)}])},20621:function(t,e,n){"use strict";n.r(e);var i=n(52322),s=n(12283),u=n(97794),a=n(4575),d=n(50988),l=n(33010),o=n(79906),r=n(86095),f=n(99341),c=n(10171),_=n(37395);let j=t=>{let{children:e,width:n,emphasis:s,placement:u,delay:a,content:d,animation:l,variant:o,id:f}=t;return(0,i.jsxs)(r.Y1,{describedbyid:f,children:[e,(0,i.jsx)(r.Nd,{width:n,emphasis:s,placement:u,animation:l,delay:a,variant:o,id:f,children:d})]})};e.default=()=>(0,i.jsx)(f.Z,{title:"DBTooltip",variants:(0,_.P)(c,j,[(0,i.jsx)(s.default,{}),(0,i.jsx)(u.default,{}),(0,i.jsx)(a.default,{}),(0,i.jsx)(d.default,{}),(0,i.jsx)(l.default,{}),(0,i.jsx)(o.default,{})])})}},function(t){t.O(0,[49710,14863,11803,50988,79906,82991,92888,49774,40179],function(){return t(t.s=70505)}),_N_E=t.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[25641],{70505:function(t,e,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tooltip/overview",function(){return n(20621)}])},20621:function(t,e,n){"use strict";n.r(e);var i=n(52322),s=n(12283),u=n(97794),a=n(4575),d=n(50988),l=n(33010),o=n(79906),r=n(53752),f=n(99341),c=n(10171),_=n(37395);let j=t=>{let{children:e,width:n,emphasis:s,placement:u,delay:a,content:d,animation:l,variant:o,id:f}=t;return(0,i.jsxs)(r.Y1,{describedbyid:f,children:[e,(0,i.jsx)(r.Nd,{width:n,emphasis:s,placement:u,animation:l,delay:a,variant:o,id:f,children:d})]})};e.default=()=>(0,i.jsx)(f.Z,{title:"DBTooltip",variants:(0,_.P)(c,j,[(0,i.jsx)(s.default,{}),(0,i.jsx)(u.default,{}),(0,i.jsx)(a.default,{}),(0,i.jsx)(d.default,{}),(0,i.jsx)(l.default,{}),(0,i.jsx)(o.default,{})])})}},function(t){t.O(0,[49710,14863,12156,50988,79906,82991,92888,49774,40179],function(){return t(t.s=70505)}),_N_E=t.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/components/tooltip/properties-ef321243eee75a60.js b/review/main/_next/static/chunks/pages/components/tooltip/properties-7902195ab420444b.js similarity index 98% rename from review/main/_next/static/chunks/pages/components/tooltip/properties-ef321243eee75a60.js rename to review/main/_next/static/chunks/pages/components/tooltip/properties-7902195ab420444b.js index 7c24c032dc2..454d9873884 100644 --- a/review/main/_next/static/chunks/pages/components/tooltip/properties-ef321243eee75a60.js +++ b/review/main/_next/static/chunks/pages/components/tooltip/properties-7902195ab420444b.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[79709],{2865:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tooltip/properties",function(){return n(2775)}])},2775:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return l}});var r=n(52322),i=n(45392),s=n(11803);let d=e=>{let{children:t}=e;return(0,r.jsx)(s.Z,{children:t})};function a(e){let t={a:"a",code:"code",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbtooltip",children:"DBTooltip"}),"\n",(0,r.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Name"}),(0,r.jsx)(t.th,{children:"Description"}),(0,r.jsx)(t.th,{children:"Type"}),(0,r.jsx)(t.th,{children:"Options"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"variant"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'with arrow' | 'basic'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"children"}),(0,r.jsx)(t.td,{children:"default slot"}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"className"}),(0,r.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"describedbyid"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,r.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"id"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"key"}),(0,r.jsx)(t.td,{children:"React specific for render process."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"emphasis"}),(0,r.jsx)(t.td,{children:"The emphasis attribute divides in between a weak or strong importance."}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'weak' | 'strong'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"placement"}),(0,r.jsxs)(t.td,{children:["The ",(0,r.jsx)(t.code,{children:"placement"})," attributes values change the position to absolute and adds a transform based on the placement."]}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'left' | 'right' | 'top' | 'bottom' | 'left-start' | 'left-end' | 'right-start' | 'right-end' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"delay"}),(0,r.jsx)(t.td,{children:"Add a delay before showing the tooltip"}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'none' | 'slow' | 'fast'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"animation"}),(0,r.jsx)(t.td,{children:"Disable animation"}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'enabled' | 'disabled'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"width"}),(0,r.jsx)(t.td,{children:"Use fixed with for default max-width"}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'auto' | 'fixed'"})})})]})]})]})]})}function l(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(d,{...e,children:(0,r.jsx)(a,{...e})})}},16134:function(e,t,n){"use strict";var r=n(52322),i=n(2784),s=n(13776);let d=(0,i.forwardRef)(function(e,t){let n=t||(0,i.useRef)(t);return(0,r.jsx)("button",{ref:n,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=d},63900:function(e,t,n){"use strict";var r,i,s,d,a,l,c;n.d(t,{IY:function(){return o},YP:function(){return h},ce:function(){return u}});let o="OVERWRITE_DEFAULT_ID",h="Back",u="Close Button";(a=r||(r={})).FUNCTIONAL="functional",a.REGULAR="regular",a.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,t]=e;return t}),(i||(i={})).PRIMARY="primary",(l=s||(s={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(e=>{let[,t]=e;return t}),Object.entries(i).map(e=>{let[,t]=e;return t}),(c=d||(d={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(d).map(e=>{let[,t]=e;return t})},13776:function(e,t,n){"use strict";n.d(t,{MN:function(){return c},Vj:function(){return r},cd:function(){return l},mS:function(){return a},yI:function(){return s},yn:function(){return i}});let r=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&i(e,t)})},s=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let t in e)e[t]&&(r+="".concat(t," "))}}),r.trim()},d=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],a=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||d.includes(e))&&!t.includes(e)).reduce((t,n)=>(t[n]=e[n],t),{}),l=e=>{let{left:t,right:n}=e.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&n<=r},c=e=>{let{top:t,bottom:n}=e.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&n<=r}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=2865)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[79709],{2865:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/tooltip/properties",function(){return n(2775)}])},2775:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return l}});var r=n(52322),i=n(45392),s=n(12156);let d=e=>{let{children:t}=e;return(0,r.jsx)(s.Z,{children:t})};function a(e){let t={a:"a",code:"code",h1:"h1",h2:"h2",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{id:"dbtooltip",children:"DBTooltip"}),"\n",(0,r.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Name"}),(0,r.jsx)(t.th,{children:"Description"}),(0,r.jsx)(t.th,{children:"Type"}),(0,r.jsx)(t.th,{children:"Options"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"variant"}),(0,r.jsx)(t.td,{children:"No description"}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'with arrow' | 'basic'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"children"}),(0,r.jsx)(t.td,{children:"default slot"}),(0,r.jsx)(t.td,{children:"any"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"className"}),(0,r.jsx)(t.td,{children:"React specific for adding className to the component."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"describedbyid"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby",children:(0,r.jsx)(t.code,{children:"aria-describedby"})})," is used to link to the elements that describe the element with the set attribute."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"id"}),(0,r.jsxs)(t.td,{children:[(0,r.jsx)(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id",children:"ID"})," of the component, generated automatically for some components as a fallback if unset."]}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"key"}),(0,r.jsx)(t.td,{children:"React specific for render process."}),(0,r.jsx)(t.td,{children:"string"}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"emphasis"}),(0,r.jsx)(t.td,{children:"The emphasis attribute divides in between a weak or strong importance."}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'weak' | 'strong'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"placement"}),(0,r.jsxs)(t.td,{children:["The ",(0,r.jsx)(t.code,{children:"placement"})," attributes values change the position to absolute and adds a transform based on the placement."]}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'left' | 'right' | 'top' | 'bottom' | 'left-start' | 'left-end' | 'right-start' | 'right-end' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"delay"}),(0,r.jsx)(t.td,{children:"Add a delay before showing the tooltip"}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'none' | 'slow' | 'fast'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"animation"}),(0,r.jsx)(t.td,{children:"Disable animation"}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'enabled' | 'disabled'"})})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:"width"}),(0,r.jsx)(t.td,{children:"Use fixed with for default max-width"}),(0,r.jsx)(t.td,{children:"union"}),(0,r.jsx)(t.td,{children:(0,r.jsx)("pre",{children:(0,r.jsx)("code",{className:"code-pre-wrap",children:"'auto' | 'fixed'"})})})]})]})]})]})}function l(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(d,{...e,children:(0,r.jsx)(a,{...e})})}},16134:function(e,t,n){"use strict";var r=n(52322),i=n(2784),s=n(13776);let d=(0,i.forwardRef)(function(e,t){let n=t||(0,i.useRef)(t);return(0,r.jsx)("button",{ref:n,...(0,s.mS)(e,[]),id:e.id,className:(0,s.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=d},63900:function(e,t,n){"use strict";var r,i,s,d,a,l,c;n.d(t,{IY:function(){return o},YP:function(){return h},ce:function(){return u}});let o="OVERWRITE_DEFAULT_ID",h="Back",u="Close Button";(a=r||(r={})).FUNCTIONAL="functional",a.REGULAR="regular",a.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,t]=e;return t}),(i||(i={})).PRIMARY="primary",(l=s||(s={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(s).map(e=>{let[,t]=e;return t}),Object.entries(i).map(e=>{let[,t]=e;return t}),(c=d||(d={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(d).map(e=>{let[,t]=e;return t})},13776:function(e,t,n){"use strict";n.d(t,{MN:function(){return c},Vj:function(){return r},cd:function(){return l},mS:function(){return a},yI:function(){return s},yn:function(){return i}});let r=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&i(e,t)})},s=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let t in e)e[t]&&(r+="".concat(t," "))}}),r.trim()},d=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],a=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||d.includes(e))&&!t.includes(e)).reduce((t,n)=>(t[n]=e[n],t),{}),l=e=>{let{left:t,right:n}=e.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&n<=r},c=e=>{let{top:t,bottom:n}=e.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&n<=r}}},function(e){e.O(0,[49710,12156,92888,49774,40179],function(){return e(e.s=2865)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/foundations/colors/color-schemes-0d914d781eadb3f9.js b/review/main/_next/static/chunks/pages/foundations/colors/color-schemes-989ff6bc9c8d094e.js similarity index 96% rename from review/main/_next/static/chunks/pages/foundations/colors/color-schemes-0d914d781eadb3f9.js rename to review/main/_next/static/chunks/pages/foundations/colors/color-schemes-989ff6bc9c8d094e.js index fd349b71fbe..c0f8a262b16 100644 --- a/review/main/_next/static/chunks/pages/foundations/colors/color-schemes-0d914d781eadb3f9.js +++ b/review/main/_next/static/chunks/pages/foundations/colors/color-schemes-989ff6bc9c8d094e.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4300],{1517:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/foundations/colors/color-schemes",function(){return n(54067)}])},16134:function(e,t,n){"use strict";var r=n(52322),a=n(2784),i=n(13776);let s=(0,a.forwardRef)(function(e,t){let n=t||(0,a.useRef)(t);return(0,r.jsx)("button",{ref:n,...(0,i.mS)(e,[]),id:e.id,className:(0,i.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=s},63900:function(e,t,n){"use strict";var r,a,i,s,l,c,o;n.d(t,{IY:function(){return u},YP:function(){return d},ce:function(){return N}});let u="OVERWRITE_DEFAULT_ID",d="Back",N="Close Button";(l=r||(r={})).FUNCTIONAL="functional",l.REGULAR="regular",l.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,t]=e;return t}),(a||(a={})).PRIMARY="primary",(c=i||(i={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(e=>{let[,t]=e;return t}),Object.entries(a).map(e=>{let[,t]=e;return t}),(o=s||(s={})).CRITICAL="critical",o.INFORMATIONAL="informational",o.WARNING="warning",o.SUCCESSFUL="successful",Object.entries(s).map(e=>{let[,t]=e;return t})},13776:function(e,t,n){"use strict";n.d(t,{MN:function(){return o},Vj:function(){return r},cd:function(){return c},mS:function(){return l},yI:function(){return i},yn:function(){return a}});let r=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},a=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&a(e,t)})},i=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let t in e)e[t]&&(r+="".concat(t," "))}}),r.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],l=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||s.includes(e))&&!t.includes(e)).reduce((t,n)=>(t[n]=e[n],t),{}),c=e=>{let{left:t,right:n}=e.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&n<=r},o=e=>{let{top:t,bottom:n}=e.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&n<=r}},54067:function(e,t,n){"use strict";n.r(t);var r=n(52322),a=n(2784),i=n(11803),s=n(86095);t.default=()=>{let[e,t]=(0,a.useState)("light");return(0,r.jsxs)(i.Z,{children:[(0,r.jsx)("h1",{children:"Color Schemes"}),(0,r.jsxs)("div",{className:"color-schemes-container","data-color-scheme":e,children:[(0,r.jsx)("p",{children:"This container changes based on the state."}),(0,r.jsx)(s.k8,{variant:"informational",emphasis:"strong",children:e}),(0,r.jsxs)(s.Y1,{icon:"light"===e?"night":"day",onClick:()=>{t("light"===e?"dark":"light")},children:["Click me for ","light"===e?"dark":"light","-mode"]}),(0,r.jsxs)("section",{"data-color-scheme":"light",children:[(0,r.jsx)("h2",{children:"Permanent Light"}),(0,r.jsx)("p",{children:"I'll be always light independent from parent"})]}),(0,r.jsxs)("section",{"data-color-scheme":"dark",children:[(0,r.jsx)("h2",{children:"Permanent Dark"}),(0,r.jsx)("p",{children:"I'll be always dark independent from parent"})]})]})]})}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=1517)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4300],{1517:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/foundations/colors/color-schemes",function(){return n(54067)}])},16134:function(e,t,n){"use strict";var r=n(52322),a=n(2784),i=n(13776);let s=(0,a.forwardRef)(function(e,t){let n=t||(0,a.useRef)(t);return(0,r.jsx)("button",{ref:n,...(0,i.mS)(e,[]),id:e.id,className:(0,i.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=s},63900:function(e,t,n){"use strict";var r,a,i,s,l,c,o;n.d(t,{IY:function(){return u},YP:function(){return d},ce:function(){return N}});let u="OVERWRITE_DEFAULT_ID",d="Back",N="Close Button";(l=r||(r={})).FUNCTIONAL="functional",l.REGULAR="regular",l.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,t]=e;return t}),(a||(a={})).PRIMARY="primary",(c=i||(i={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(e=>{let[,t]=e;return t}),Object.entries(a).map(e=>{let[,t]=e;return t}),(o=s||(s={})).CRITICAL="critical",o.INFORMATIONAL="informational",o.WARNING="warning",o.SUCCESSFUL="successful",Object.entries(s).map(e=>{let[,t]=e;return t})},13776:function(e,t,n){"use strict";n.d(t,{MN:function(){return o},Vj:function(){return r},cd:function(){return c},mS:function(){return l},yI:function(){return i},yn:function(){return a}});let r=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},a=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&a(e,t)})},i=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let t in e)e[t]&&(r+="".concat(t," "))}}),r.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],l=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||s.includes(e))&&!t.includes(e)).reduce((t,n)=>(t[n]=e[n],t),{}),c=e=>{let{left:t,right:n}=e.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&n<=r},o=e=>{let{top:t,bottom:n}=e.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&n<=r}},54067:function(e,t,n){"use strict";n.r(t);var r=n(52322),a=n(2784),i=n(12156),s=n(53752);t.default=()=>{let[e,t]=(0,a.useState)("light");return(0,r.jsxs)(i.Z,{children:[(0,r.jsx)("h1",{children:"Color Schemes"}),(0,r.jsxs)("div",{className:"color-schemes-container","data-color-scheme":e,children:[(0,r.jsx)("p",{children:"This container changes based on the state."}),(0,r.jsx)(s.k8,{variant:"informational",emphasis:"strong",children:e}),(0,r.jsxs)(s.Y1,{icon:"light"===e?"night":"day",onClick:()=>{t("light"===e?"dark":"light")},children:["Click me for ","light"===e?"dark":"light","-mode"]}),(0,r.jsxs)("section",{"data-color-scheme":"light",children:[(0,r.jsx)("h2",{children:"Permanent Light"}),(0,r.jsx)("p",{children:"I'll be always light independent from parent"})]}),(0,r.jsxs)("section",{"data-color-scheme":"dark",children:[(0,r.jsx)("h2",{children:"Permanent Dark"}),(0,r.jsx)("p",{children:"I'll be always dark independent from parent"})]})]})]})}}},function(e){e.O(0,[49710,12156,92888,49774,40179],function(){return e(e.s=1517)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/foundations/colors/overview-42bd9e34d1e183d0.js b/review/main/_next/static/chunks/pages/foundations/colors/overview-03c54317b4a6baab.js similarity index 95% rename from review/main/_next/static/chunks/pages/foundations/colors/overview-42bd9e34d1e183d0.js rename to review/main/_next/static/chunks/pages/foundations/colors/overview-03c54317b4a6baab.js index 47e8efea92d..c059807eca7 100644 --- a/review/main/_next/static/chunks/pages/foundations/colors/overview-42bd9e34d1e183d0.js +++ b/review/main/_next/static/chunks/pages/foundations/colors/overview-03c54317b4a6baab.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[14643],{16095:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/foundations/colors/overview",function(){return n(87431)}])},16134:function(e,t,n){"use strict";var r=n(52322),a=n(2784),i=n(13776);let s=(0,a.forwardRef)(function(e,t){let n=t||(0,a.useRef)(t);return(0,r.jsx)("button",{ref:n,...(0,i.mS)(e,[]),id:e.id,className:(0,i.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=s},63900:function(e,t,n){"use strict";var r,a,i,s,l,c,o;n.d(t,{IY:function(){return u},YP:function(){return d},ce:function(){return N}});let u="OVERWRITE_DEFAULT_ID",d="Back",N="Close Button";(l=r||(r={})).FUNCTIONAL="functional",l.REGULAR="regular",l.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,t]=e;return t}),(a||(a={})).PRIMARY="primary",(c=i||(i={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(e=>{let[,t]=e;return t}),Object.entries(a).map(e=>{let[,t]=e;return t}),(o=s||(s={})).CRITICAL="critical",o.INFORMATIONAL="informational",o.WARNING="warning",o.SUCCESSFUL="successful",Object.entries(s).map(e=>{let[,t]=e;return t})},13776:function(e,t,n){"use strict";n.d(t,{MN:function(){return o},Vj:function(){return r},cd:function(){return c},mS:function(){return l},yI:function(){return i},yn:function(){return a}});let r=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},a=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&a(e,t)})},i=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let t in e)e[t]&&(r+="".concat(t," "))}}),r.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],l=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||s.includes(e))&&!t.includes(e)).reduce((t,n)=>(t[n]=e[n],t),{}),c=e=>{let{left:t,right:n}=e.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&n<=r},o=e=>{let{top:t,bottom:n}=e.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&n<=r}},87431:function(e,t,n){"use strict";n.r(t);var r=n(52322),a=n(2784),i=n(11803),s=n(65982),l=n(86095);t.default=()=>{let[e,t]=(0,a.useState)("");return(0,r.jsxs)(i.Z,{children:[(0,r.jsx)("h1",{children:"Color Overview"}),(0,r.jsx)("search",{children:(0,r.jsx)(l.aq,{label:"Search",type:"search",onChange:e=>{t(e.target.value)}})}),(0,r.jsx)("h2",{children:"Overview"}),(0,r.jsx)("div",{className:"color-overview-container",children:s.DM.filter(t=>t.includes(e)&&!t.includes("-strong")).map(e=>(0,r.jsx)("div",{className:"db-bg-".concat(e),children:e}))})]})}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=16095)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[14643],{16095:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/foundations/colors/overview",function(){return n(87431)}])},16134:function(e,t,n){"use strict";var r=n(52322),a=n(2784),i=n(13776);let s=(0,a.forwardRef)(function(e,t){let n=t||(0,a.useRef)(t);return(0,r.jsx)("button",{ref:n,...(0,i.mS)(e,[]),id:e.id,className:(0,i.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=s},63900:function(e,t,n){"use strict";var r,a,i,s,l,c,o;n.d(t,{IY:function(){return u},YP:function(){return d},ce:function(){return N}});let u="OVERWRITE_DEFAULT_ID",d="Back",N="Close Button";(l=r||(r={})).FUNCTIONAL="functional",l.REGULAR="regular",l.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,t]=e;return t}),(a||(a={})).PRIMARY="primary",(c=i||(i={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(e=>{let[,t]=e;return t}),Object.entries(a).map(e=>{let[,t]=e;return t}),(o=s||(s={})).CRITICAL="critical",o.INFORMATIONAL="informational",o.WARNING="warning",o.SUCCESSFUL="successful",Object.entries(s).map(e=>{let[,t]=e;return t})},13776:function(e,t,n){"use strict";n.d(t,{MN:function(){return o},Vj:function(){return r},cd:function(){return c},mS:function(){return l},yI:function(){return i},yn:function(){return a}});let r=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},a=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&a(e,t)})},i=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let t in e)e[t]&&(r+="".concat(t," "))}}),r.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],l=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||s.includes(e))&&!t.includes(e)).reduce((t,n)=>(t[n]=e[n],t),{}),c=e=>{let{left:t,right:n}=e.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&n<=r},o=e=>{let{top:t,bottom:n}=e.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&n<=r}},87431:function(e,t,n){"use strict";n.r(t);var r=n(52322),a=n(2784),i=n(12156),s=n(65982),l=n(53752);t.default=()=>{let[e,t]=(0,a.useState)("");return(0,r.jsxs)(i.Z,{children:[(0,r.jsx)("h1",{children:"Color Overview"}),(0,r.jsx)("search",{children:(0,r.jsx)(l.aq,{label:"Search",type:"search",onChange:e=>{t(e.target.value)}})}),(0,r.jsx)("h2",{children:"Overview"}),(0,r.jsx)("div",{className:"color-overview-container",children:s.DM.filter(t=>t.includes(e)&&!t.includes("-strong")).map(e=>(0,r.jsx)("div",{className:"db-bg-".concat(e),children:e}))})]})}}},function(e){e.O(0,[49710,12156,92888,49774,40179],function(){return e(e.s=16095)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/foundations/colors/readme-9e40615da27d1f51.js b/review/main/_next/static/chunks/pages/foundations/colors/readme-39c668a9d223b8ed.js similarity index 98% rename from review/main/_next/static/chunks/pages/foundations/colors/readme-9e40615da27d1f51.js rename to review/main/_next/static/chunks/pages/foundations/colors/readme-39c668a9d223b8ed.js index 959134a08ee..3b32d625308 100644 --- a/review/main/_next/static/chunks/pages/foundations/colors/readme-9e40615da27d1f51.js +++ b/review/main/_next/static/chunks/pages/foundations/colors/readme-39c668a9d223b8ed.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2560],{35255:function(e,n,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/foundations/colors/readme",function(){return r(46894)}])},46894:function(e,n,r){"use strict";r.r(n),r.d(n,{default:function(){return a}});var t=r(52322),s=r(11803),i=r(45392);function o(e){let n={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",h4:"h4",li:"li",p:"p",pre:"pre",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,i.a)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.h1,{id:"colors",children:"Colors"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["You use ",(0,t.jsx)(n.code,{children:"Colors"})," to highlight an area with a specific color."]}),"\n",(0,t.jsxs)(n.li,{children:["You can also use it to change the text color for components with the ",(0,t.jsx)(n.code,{children:"*-transparent-semi"})," colors."]}),"\n",(0,t.jsxs)(n.li,{children:["Most classes/placeholders will change ",(0,t.jsx)(n.code,{children:"color"})," and ",(0,t.jsx)(n.code,{children:"background-color"})," and will set properties, which will be passed down to adaptive components."]}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"how-to-include-colors",children:"How to include colors"}),"\n",(0,t.jsxs)(n.p,{children:["For ",(0,t.jsx)(n.code,{children:"CSS"})," and ",(0,t.jsx)(n.code,{children:"Tailwind"})," you need to use the import ",(0,t.jsx)(n.code,{children:'@import "@db-ui/foundations/build/css/color/classes/all.css";'})," in your root ",(0,t.jsx)(n.code,{children:".css"})," file.\nOr if you only want a single variant e.g. ",(0,t.jsx)(n.code,{children:"informational"})," you can import ",(0,t.jsx)(n.code,{children:'@import "@db-ui/foundations/build/css/color/classes/informational.css";'}),"."]}),"\n",(0,t.jsxs)(n.p,{children:["In case that you're either using a bundler (recommended) or importing the CSS within your JavaScript files, please adapt this ",(0,t.jsx)(n.code,{children:"@import"})," syntax accordingly."]}),"\n",(0,t.jsxs)(n.p,{children:["For ",(0,t.jsx)(n.code,{children:"SCSS"})," you need to use the import ",(0,t.jsx)(n.code,{children:"@use @db-ui/foundations/build/scss/color/placeholder"})," in your ",(0,t.jsx)(n.code,{children:".scss"})," file, where you need to reference the specific variable.\nThen you can use e.g. ",(0,t.jsx)(n.code,{children:"informational"})," color by extending our SCSS placeholders like this: ",(0,t.jsx)(n.code,{children:"@extend %db-bg-informational"}),"."]}),"\n",(0,t.jsx)(n.h3,{id:"how-to-use",children:"How to use"}),"\n",(0,t.jsxs)(n.p,{children:["We're providing an ",(0,t.jsx)(n.a,{href:"./overview",children:"overview for all possible colors"}),"."]}),"\n",(0,t.jsxs)(n.p,{children:["There are several variants: ",(0,t.jsx)(n.code,{children:"base"}),", ",(0,t.jsx)(n.code,{children:"brand"}),", ",(0,t.jsx)(n.code,{children:"neutral"}),", ",(0,t.jsx)(n.code,{children:"critical"}),", ",(0,t.jsx)(n.code,{children:"informational"}),", ",(0,t.jsx)(n.code,{children:"successful"}),", ",(0,t.jsx)(n.code,{children:"warning"}),"."]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsxs)(n.strong,{children:["We use ",(0,t.jsx)(n.code,{children:"XXX"})," here you should replace it with a variant from above."]})}),"\n",(0,t.jsxs)(n.table,{children:[(0,t.jsx)(n.thead,{children:(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.th,{style:{textAlign:"center"},children:"Variant"}),(0,t.jsx)(n.th,{children:"CSS"}),(0,t.jsx)(n.th,{children:"SCSS"}),(0,t.jsx)(n.th,{children:"Tailwind"})]})}),(0,t.jsxs)(n.tbody,{children:[(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{style:{textAlign:"center"},children:(0,t.jsx)(n.code,{children:"XXX"})}),(0,t.jsx)(n.td,{children:(0,t.jsx)(n.code,{children:'class="db-bg-XXX"'})}),(0,t.jsx)(n.td,{children:(0,t.jsx)(n.code,{children:"@extend %db-bg-XXX"})}),(0,t.jsx)(n.td,{children:(0,t.jsx)(n.code,{children:'class="db-bg-XXX"'})})]}),(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{style:{textAlign:"center"},children:(0,t.jsx)(n.code,{children:"XXX-transparent-semi"})}),(0,t.jsx)(n.td,{children:(0,t.jsx)(n.code,{children:'class="db-bg-XXX-transparent-semi"'})}),(0,t.jsx)(n.td,{children:(0,t.jsx)(n.code,{children:"@extend %db-bg-XXX-transparent-semi"})}),(0,t.jsx)(n.td,{children:(0,t.jsx)(n.code,{children:'class="db-bg-XXX-transparent-semi"'})})]}),(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{style:{textAlign:"center"},children:(0,t.jsx)(n.code,{children:"XXX-transparent-full"})}),(0,t.jsx)(n.td,{children:(0,t.jsx)(n.code,{children:'class="db-bg-XXX-transparent-full"'})}),(0,t.jsx)(n.td,{children:(0,t.jsx)(n.code,{children:"@extend %db-bg-XXX-transparent-full"})}),(0,t.jsx)(n.td,{children:(0,t.jsx)(n.code,{children:'class="db-bg-XXX-transparent-full"'})})]})]})]}),"\n",(0,t.jsx)(n.h3,{id:"dark---light-mode",children:"Dark- & Light-Mode"}),"\n",(0,t.jsxs)(n.p,{children:["We provide tokens for both dark- and light-mode. If you include the ",(0,t.jsx)(n.code,{children:"db-ui-42"})," style you get a media query ",(0,t.jsx)(n.code,{children:"@media (prefers-color-scheme: dark)"})," with the relevant tokens. You can ",(0,t.jsx)(n.a,{href:"https://developer.chrome.com/docs/devtools/rendering/emulate-css/",children:"emulate"})," the modes inside the devtools.\nWe recommend using the default media query based on the user preference, but if you want to force a mode for your page or a container you can do it with adding the attributes ",(0,t.jsx)(n.code,{children:'data-color-scheme="dark"'})," or ",(0,t.jsx)(n.code,{children:'data-color-scheme="light"'}),":"]}),"\n",(0,t.jsx)(n.h4,{id:"html",children:"HTML"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-html",children:'
    ...
    \n'})}),"\n",(0,t.jsxs)(n.p,{children:["We're providing an example in our ",(0,t.jsx)(n.a,{href:"./color-schemes",children:"color schemes documentation"}),"."]}),"\n",(0,t.jsxs)(n.p,{children:["We need to set the ",(0,t.jsx)(n.code,{children:"base"})," background to the element with ",(0,t.jsx)(n.code,{children:"[data-color-scheme]"})," so if you want to change the background to another color, make sure to use a wrapping tag like ",(0,t.jsx)(n.code,{children:"div"})," with the ",(0,t.jsx)(n.code,{children:"[data-color-scheme]"})," to avoid issues."]})]})}function c(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:n}={...(0,i.a)(),...e.components};return n?(0,t.jsx)(n,{...e,children:(0,t.jsx)(o,{...e})}):o(e)}let d=e=>{let{children:n}=e;return(0,t.jsx)(s.Z,{children:n})};function l(e){return(0,t.jsx)(c,{})}function a(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,t.jsx)(d,{...e,children:(0,t.jsx)(l,{...e})})}},16134:function(e,n,r){"use strict";var t=r(52322),s=r(2784),i=r(13776);let o=(0,s.forwardRef)(function(e,n){let r=n||(0,s.useRef)(n);return(0,t.jsx)("button",{ref:r,...(0,i.mS)(e,[]),id:e.id,className:(0,i.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:n=>{e.onClick&&e.onClick(n)},children:e.children})});n.Z=o},63900:function(e,n,r){"use strict";var t,s,i,o,c,d,l;r.d(n,{IY:function(){return a},YP:function(){return h},ce:function(){return u}});let a="OVERWRITE_DEFAULT_ID",h="Back",u="Close Button";(c=t||(t={})).FUNCTIONAL="functional",c.REGULAR="regular",c.EXPRESSIVE="expressive",Object.entries(t).map(e=>{let[,n]=e;return n}),(s||(s={})).PRIMARY="primary",(d=i||(i={})).BASE="base",d.BASE_STRONG="base-strong",d.BASE_TRANSPARENT_SEMI="base-transparent-semi",d.BASE_TRANSPARENT_FULL="base-transparent-full",d.NEUTRAL="neutral",d.NEUTRAL_STRONG="neutral-strong",d.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",d.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",d.BRAND="brand",d.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",d.BRAND_TRANSPARENT_FULL="brand-transparent-full",d.SUCCESSFUL="successful",d.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",d.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",d.CRITICAL="critical",d.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",d.CRITICAL_TRANSPARENT_Full="critical-transparent-full",d.WARNING="warning",d.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",d.WARNING_TRANSPARENT_FULL="warning-transparent-full",d.INFORMATIONAL="informational",d.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",d.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(e=>{let[,n]=e;return n}),Object.entries(s).map(e=>{let[,n]=e;return n}),(l=o||(o={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(o).map(e=>{let[,n]=e;return n})},13776:function(e,n,r){"use strict";r.d(n,{MN:function(){return l},Vj:function(){return t},cd:function(){return d},mS:function(){return c},yI:function(){return i},yn:function(){return s}});let t=()=>{var e,n;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(n=window.crypto)||void 0===n?void 0:n.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},s=(e,n)=>{Object.values(e.children).forEach(e=>{e.setAttribute(n.key,n.value),e.children.length>0&&s(e,n)})},i=function(){for(var e=arguments.length,n=Array(e),r=0;r{if(e){if("string"==typeof e)t+="".concat(e," ");else for(let n in e)e[n]&&(t+="".concat(n," "))}}),t.trim()},o=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],c=(e,n)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||o.includes(e))&&!n.includes(e)).reduce((n,r)=>(n[r]=e[r],n),{}),d=e=>{let{left:n,right:r}=e.getBoundingClientRect(),{innerWidth:t}=window;return n>=0&&r<=t},l=e=>{let{top:n,bottom:r}=e.getBoundingClientRect(),{innerHeight:t}=window;return n>=0&&r<=t}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=35255)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2560],{35255:function(e,n,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/foundations/colors/readme",function(){return r(46894)}])},46894:function(e,n,r){"use strict";r.r(n),r.d(n,{default:function(){return a}});var t=r(52322),s=r(12156),i=r(45392);function o(e){let n={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",h4:"h4",li:"li",p:"p",pre:"pre",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,i.a)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.h1,{id:"colors",children:"Colors"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["You use ",(0,t.jsx)(n.code,{children:"Colors"})," to highlight an area with a specific color."]}),"\n",(0,t.jsxs)(n.li,{children:["You can also use it to change the text color for components with the ",(0,t.jsx)(n.code,{children:"*-transparent-semi"})," colors."]}),"\n",(0,t.jsxs)(n.li,{children:["Most classes/placeholders will change ",(0,t.jsx)(n.code,{children:"color"})," and ",(0,t.jsx)(n.code,{children:"background-color"})," and will set properties, which will be passed down to adaptive components."]}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"how-to-include-colors",children:"How to include colors"}),"\n",(0,t.jsxs)(n.p,{children:["For ",(0,t.jsx)(n.code,{children:"CSS"})," and ",(0,t.jsx)(n.code,{children:"Tailwind"})," you need to use the import ",(0,t.jsx)(n.code,{children:'@import "@db-ui/foundations/build/css/color/classes/all.css";'})," in your root ",(0,t.jsx)(n.code,{children:".css"})," file.\nOr if you only want a single variant e.g. ",(0,t.jsx)(n.code,{children:"informational"})," you can import ",(0,t.jsx)(n.code,{children:'@import "@db-ui/foundations/build/css/color/classes/informational.css";'}),"."]}),"\n",(0,t.jsxs)(n.p,{children:["In case that you're either using a bundler (recommended) or importing the CSS within your JavaScript files, please adapt this ",(0,t.jsx)(n.code,{children:"@import"})," syntax accordingly."]}),"\n",(0,t.jsxs)(n.p,{children:["For ",(0,t.jsx)(n.code,{children:"SCSS"})," you need to use the import ",(0,t.jsx)(n.code,{children:"@use @db-ui/foundations/build/scss/color/placeholder"})," in your ",(0,t.jsx)(n.code,{children:".scss"})," file, where you need to reference the specific variable.\nThen you can use e.g. ",(0,t.jsx)(n.code,{children:"informational"})," color by extending our SCSS placeholders like this: ",(0,t.jsx)(n.code,{children:"@extend %db-bg-informational"}),"."]}),"\n",(0,t.jsx)(n.h3,{id:"how-to-use",children:"How to use"}),"\n",(0,t.jsxs)(n.p,{children:["We're providing an ",(0,t.jsx)(n.a,{href:"./overview",children:"overview for all possible colors"}),"."]}),"\n",(0,t.jsxs)(n.p,{children:["There are several variants: ",(0,t.jsx)(n.code,{children:"base"}),", ",(0,t.jsx)(n.code,{children:"brand"}),", ",(0,t.jsx)(n.code,{children:"neutral"}),", ",(0,t.jsx)(n.code,{children:"critical"}),", ",(0,t.jsx)(n.code,{children:"informational"}),", ",(0,t.jsx)(n.code,{children:"successful"}),", ",(0,t.jsx)(n.code,{children:"warning"}),"."]}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsxs)(n.strong,{children:["We use ",(0,t.jsx)(n.code,{children:"XXX"})," here you should replace it with a variant from above."]})}),"\n",(0,t.jsxs)(n.table,{children:[(0,t.jsx)(n.thead,{children:(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.th,{style:{textAlign:"center"},children:"Variant"}),(0,t.jsx)(n.th,{children:"CSS"}),(0,t.jsx)(n.th,{children:"SCSS"}),(0,t.jsx)(n.th,{children:"Tailwind"})]})}),(0,t.jsxs)(n.tbody,{children:[(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{style:{textAlign:"center"},children:(0,t.jsx)(n.code,{children:"XXX"})}),(0,t.jsx)(n.td,{children:(0,t.jsx)(n.code,{children:'class="db-bg-XXX"'})}),(0,t.jsx)(n.td,{children:(0,t.jsx)(n.code,{children:"@extend %db-bg-XXX"})}),(0,t.jsx)(n.td,{children:(0,t.jsx)(n.code,{children:'class="db-bg-XXX"'})})]}),(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{style:{textAlign:"center"},children:(0,t.jsx)(n.code,{children:"XXX-transparent-semi"})}),(0,t.jsx)(n.td,{children:(0,t.jsx)(n.code,{children:'class="db-bg-XXX-transparent-semi"'})}),(0,t.jsx)(n.td,{children:(0,t.jsx)(n.code,{children:"@extend %db-bg-XXX-transparent-semi"})}),(0,t.jsx)(n.td,{children:(0,t.jsx)(n.code,{children:'class="db-bg-XXX-transparent-semi"'})})]}),(0,t.jsxs)(n.tr,{children:[(0,t.jsx)(n.td,{style:{textAlign:"center"},children:(0,t.jsx)(n.code,{children:"XXX-transparent-full"})}),(0,t.jsx)(n.td,{children:(0,t.jsx)(n.code,{children:'class="db-bg-XXX-transparent-full"'})}),(0,t.jsx)(n.td,{children:(0,t.jsx)(n.code,{children:"@extend %db-bg-XXX-transparent-full"})}),(0,t.jsx)(n.td,{children:(0,t.jsx)(n.code,{children:'class="db-bg-XXX-transparent-full"'})})]})]})]}),"\n",(0,t.jsx)(n.h3,{id:"dark---light-mode",children:"Dark- & Light-Mode"}),"\n",(0,t.jsxs)(n.p,{children:["We provide tokens for both dark- and light-mode. If you include the ",(0,t.jsx)(n.code,{children:"db-ui-42"})," style you get a media query ",(0,t.jsx)(n.code,{children:"@media (prefers-color-scheme: dark)"})," with the relevant tokens. You can ",(0,t.jsx)(n.a,{href:"https://developer.chrome.com/docs/devtools/rendering/emulate-css/",children:"emulate"})," the modes inside the devtools.\nWe recommend using the default media query based on the user preference, but if you want to force a mode for your page or a container you can do it with adding the attributes ",(0,t.jsx)(n.code,{children:'data-color-scheme="dark"'})," or ",(0,t.jsx)(n.code,{children:'data-color-scheme="light"'}),":"]}),"\n",(0,t.jsx)(n.h4,{id:"html",children:"HTML"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-html",children:'
    ...
    \n'})}),"\n",(0,t.jsxs)(n.p,{children:["We're providing an example in our ",(0,t.jsx)(n.a,{href:"./color-schemes",children:"color schemes documentation"}),"."]}),"\n",(0,t.jsxs)(n.p,{children:["We need to set the ",(0,t.jsx)(n.code,{children:"base"})," background to the element with ",(0,t.jsx)(n.code,{children:"[data-color-scheme]"})," so if you want to change the background to another color, make sure to use a wrapping tag like ",(0,t.jsx)(n.code,{children:"div"})," with the ",(0,t.jsx)(n.code,{children:"[data-color-scheme]"})," to avoid issues."]})]})}function c(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:n}={...(0,i.a)(),...e.components};return n?(0,t.jsx)(n,{...e,children:(0,t.jsx)(o,{...e})}):o(e)}let d=e=>{let{children:n}=e;return(0,t.jsx)(s.Z,{children:n})};function l(e){return(0,t.jsx)(c,{})}function a(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,t.jsx)(d,{...e,children:(0,t.jsx)(l,{...e})})}},16134:function(e,n,r){"use strict";var t=r(52322),s=r(2784),i=r(13776);let o=(0,s.forwardRef)(function(e,n){let r=n||(0,s.useRef)(n);return(0,t.jsx)("button",{ref:r,...(0,i.mS)(e,[]),id:e.id,className:(0,i.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:n=>{e.onClick&&e.onClick(n)},children:e.children})});n.Z=o},63900:function(e,n,r){"use strict";var t,s,i,o,c,d,l;r.d(n,{IY:function(){return a},YP:function(){return h},ce:function(){return u}});let a="OVERWRITE_DEFAULT_ID",h="Back",u="Close Button";(c=t||(t={})).FUNCTIONAL="functional",c.REGULAR="regular",c.EXPRESSIVE="expressive",Object.entries(t).map(e=>{let[,n]=e;return n}),(s||(s={})).PRIMARY="primary",(d=i||(i={})).BASE="base",d.BASE_STRONG="base-strong",d.BASE_TRANSPARENT_SEMI="base-transparent-semi",d.BASE_TRANSPARENT_FULL="base-transparent-full",d.NEUTRAL="neutral",d.NEUTRAL_STRONG="neutral-strong",d.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",d.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",d.BRAND="brand",d.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",d.BRAND_TRANSPARENT_FULL="brand-transparent-full",d.SUCCESSFUL="successful",d.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",d.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",d.CRITICAL="critical",d.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",d.CRITICAL_TRANSPARENT_Full="critical-transparent-full",d.WARNING="warning",d.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",d.WARNING_TRANSPARENT_FULL="warning-transparent-full",d.INFORMATIONAL="informational",d.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",d.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(e=>{let[,n]=e;return n}),Object.entries(s).map(e=>{let[,n]=e;return n}),(l=o||(o={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(o).map(e=>{let[,n]=e;return n})},13776:function(e,n,r){"use strict";r.d(n,{MN:function(){return l},Vj:function(){return t},cd:function(){return d},mS:function(){return c},yI:function(){return i},yn:function(){return s}});let t=()=>{var e,n;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(n=window.crypto)||void 0===n?void 0:n.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},s=(e,n)=>{Object.values(e.children).forEach(e=>{e.setAttribute(n.key,n.value),e.children.length>0&&s(e,n)})},i=function(){for(var e=arguments.length,n=Array(e),r=0;r{if(e){if("string"==typeof e)t+="".concat(e," ");else for(let n in e)e[n]&&(t+="".concat(n," "))}}),t.trim()},o=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],c=(e,n)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||o.includes(e))&&!n.includes(e)).reduce((n,r)=>(n[r]=e[r],n),{}),d=e=>{let{left:n,right:r}=e.getBoundingClientRect(),{innerWidth:t}=window;return n>=0&&r<=t},l=e=>{let{top:n,bottom:r}=e.getBoundingClientRect(),{innerHeight:t}=window;return n>=0&&r<=t}}},function(e){e.O(0,[49710,12156,92888,49774,40179],function(){return e(e.s=35255)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/foundations/font-sizes/overview-43450bca87d9497d.js b/review/main/_next/static/chunks/pages/foundations/font-sizes/overview-41487805aaa03c6f.js similarity index 97% rename from review/main/_next/static/chunks/pages/foundations/font-sizes/overview-43450bca87d9497d.js rename to review/main/_next/static/chunks/pages/foundations/font-sizes/overview-41487805aaa03c6f.js index deed76148f9..af82588e06f 100644 --- a/review/main/_next/static/chunks/pages/foundations/font-sizes/overview-43450bca87d9497d.js +++ b/review/main/_next/static/chunks/pages/foundations/font-sizes/overview-41487805aaa03c6f.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[82089],{4470:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/foundations/font-sizes/overview",function(){return n(82068)}])},16134:function(e,t,n){"use strict";var r=n(52322),a=n(2784),i=n(13776);let s=(0,a.forwardRef)(function(e,t){let n=t||(0,a.useRef)(t);return(0,r.jsx)("button",{ref:n,...(0,i.mS)(e,[]),id:e.id,className:(0,i.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=s},63900:function(e,t,n){"use strict";var r,a,i,s,l,o,c;n.d(t,{IY:function(){return u},YP:function(){return d},ce:function(){return N}});let u="OVERWRITE_DEFAULT_ID",d="Back",N="Close Button";(l=r||(r={})).FUNCTIONAL="functional",l.REGULAR="regular",l.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,t]=e;return t}),(a||(a={})).PRIMARY="primary",(o=i||(i={})).BASE="base",o.BASE_STRONG="base-strong",o.BASE_TRANSPARENT_SEMI="base-transparent-semi",o.BASE_TRANSPARENT_FULL="base-transparent-full",o.NEUTRAL="neutral",o.NEUTRAL_STRONG="neutral-strong",o.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",o.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",o.BRAND="brand",o.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",o.BRAND_TRANSPARENT_FULL="brand-transparent-full",o.SUCCESSFUL="successful",o.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",o.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",o.CRITICAL="critical",o.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",o.CRITICAL_TRANSPARENT_Full="critical-transparent-full",o.WARNING="warning",o.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",o.WARNING_TRANSPARENT_FULL="warning-transparent-full",o.INFORMATIONAL="informational",o.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",o.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(e=>{let[,t]=e;return t}),Object.entries(a).map(e=>{let[,t]=e;return t}),(c=s||(s={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(s).map(e=>{let[,t]=e;return t})},13776:function(e,t,n){"use strict";n.d(t,{MN:function(){return c},Vj:function(){return r},cd:function(){return o},mS:function(){return l},yI:function(){return i},yn:function(){return a}});let r=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},a=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&a(e,t)})},i=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let t in e)e[t]&&(r+="".concat(t," "))}}),r.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],l=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||s.includes(e))&&!t.includes(e)).reduce((t,n)=>(t[n]=e[n],t),{}),o=e=>{let{left:t,right:n}=e.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&n<=r},c=e=>{let{top:t,bottom:n}=e.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&n<=r}},82068:function(e,t,n){"use strict";n.r(t);var r=n(52322),a=n(11803),i=n(86095);t.default=()=>(0,r.jsxs)(a.Z,{children:[(0,r.jsx)("h1",{children:"FontsSizes Overview"}),(0,r.jsx)("h2",{children:"Body"}),(0,r.jsx)(i.EZ,{variant:"warning",children:"Some font-sizes are the same for a specific device type. For example in mobile all `xl` sizes are the same."}),(0,r.jsx)("div",{children:["3xl","2xl","xl","lg","md","sm","xs","2xs","3xs"].map(e=>(0,r.jsxs)("p",{className:"db-font-size-".concat(e),children:["I am size: ",(0,r.jsx)("strong",{children:e})]}))})]})}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=4470)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[82089],{4470:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/foundations/font-sizes/overview",function(){return n(82068)}])},16134:function(e,t,n){"use strict";var r=n(52322),a=n(2784),i=n(13776);let s=(0,a.forwardRef)(function(e,t){let n=t||(0,a.useRef)(t);return(0,r.jsx)("button",{ref:n,...(0,i.mS)(e,[]),id:e.id,className:(0,i.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=s},63900:function(e,t,n){"use strict";var r,a,i,s,l,o,c;n.d(t,{IY:function(){return u},YP:function(){return d},ce:function(){return N}});let u="OVERWRITE_DEFAULT_ID",d="Back",N="Close Button";(l=r||(r={})).FUNCTIONAL="functional",l.REGULAR="regular",l.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,t]=e;return t}),(a||(a={})).PRIMARY="primary",(o=i||(i={})).BASE="base",o.BASE_STRONG="base-strong",o.BASE_TRANSPARENT_SEMI="base-transparent-semi",o.BASE_TRANSPARENT_FULL="base-transparent-full",o.NEUTRAL="neutral",o.NEUTRAL_STRONG="neutral-strong",o.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",o.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",o.BRAND="brand",o.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",o.BRAND_TRANSPARENT_FULL="brand-transparent-full",o.SUCCESSFUL="successful",o.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",o.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",o.CRITICAL="critical",o.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",o.CRITICAL_TRANSPARENT_Full="critical-transparent-full",o.WARNING="warning",o.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",o.WARNING_TRANSPARENT_FULL="warning-transparent-full",o.INFORMATIONAL="informational",o.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",o.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(e=>{let[,t]=e;return t}),Object.entries(a).map(e=>{let[,t]=e;return t}),(c=s||(s={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(s).map(e=>{let[,t]=e;return t})},13776:function(e,t,n){"use strict";n.d(t,{MN:function(){return c},Vj:function(){return r},cd:function(){return o},mS:function(){return l},yI:function(){return i},yn:function(){return a}});let r=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},a=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&a(e,t)})},i=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let t in e)e[t]&&(r+="".concat(t," "))}}),r.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],l=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||s.includes(e))&&!t.includes(e)).reduce((t,n)=>(t[n]=e[n],t),{}),o=e=>{let{left:t,right:n}=e.getBoundingClientRect(),{innerWidth:r}=window;return t>=0&&n<=r},c=e=>{let{top:t,bottom:n}=e.getBoundingClientRect(),{innerHeight:r}=window;return t>=0&&n<=r}},82068:function(e,t,n){"use strict";n.r(t);var r=n(52322),a=n(12156),i=n(53752);t.default=()=>(0,r.jsxs)(a.Z,{children:[(0,r.jsx)("h1",{children:"FontsSizes Overview"}),(0,r.jsx)("h2",{children:"Body"}),(0,r.jsx)(i.EZ,{variant:"warning",children:"Some font-sizes are the same for a specific device type. For example in mobile all `xl` sizes are the same."}),(0,r.jsx)("div",{children:["3xl","2xl","xl","lg","md","sm","xs","2xs","3xs"].map(e=>(0,r.jsxs)("p",{className:"db-font-size-".concat(e),children:["I am size: ",(0,r.jsx)("strong",{children:e})]}))})]})}},function(e){e.O(0,[49710,12156,92888,49774,40179],function(){return e(e.s=4470)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/foundations/font-sizes/readme-4075880e2c72d517.js b/review/main/_next/static/chunks/pages/foundations/font-sizes/readme-ab7f54073dc18302.js similarity index 98% rename from review/main/_next/static/chunks/pages/foundations/font-sizes/readme-4075880e2c72d517.js rename to review/main/_next/static/chunks/pages/foundations/font-sizes/readme-ab7f54073dc18302.js index 2bc2a7804d1..7cb32d92a5a 100644 --- a/review/main/_next/static/chunks/pages/foundations/font-sizes/readme-4075880e2c72d517.js +++ b/review/main/_next/static/chunks/pages/foundations/font-sizes/readme-ab7f54073dc18302.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[21996],{16208:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/foundations/font-sizes/readme",function(){return t(9210)}])},9210:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return d}});var r=t(52322),s=t(11803),i=t(45392);function l(e){let n={a:"a",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",li:"li",p:"p",pre:"pre",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,i.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.h1,{id:"font-sizes",children:"Font-Sizes"}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsxs)(n.li,{children:["You should use our provided ",(0,r.jsx)(n.code,{children:"Font-Sizes"})," to change the size of text elements like ",(0,r.jsx)(n.code,{children:"

    "})," etc."]}),"\n"]}),"\n",(0,r.jsxs)(n.blockquote,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:(0,r.jsx)(n.em,{children:"NOTE:"})})," Some sizes may stay the same because of screen-width or density."]}),"\n"]}),"\n",(0,r.jsx)(n.h2,{id:"how-to-include-colors",children:"How to include colors"}),"\n",(0,r.jsxs)(n.p,{children:["For ",(0,r.jsx)(n.code,{children:"CSS"})," and ",(0,r.jsx)(n.code,{children:"Tailwind"})," you need to use the import ",(0,r.jsx)(n.code,{children:'@import "@db-ui/foundations/build/css/fonts/classes/all.css";'})," in your root ",(0,r.jsx)(n.code,{children:".css"})," file."]}),"\n",(0,r.jsxs)(n.p,{children:["For ",(0,r.jsx)(n.code,{children:"SCSS"})," you can use the ",(0,r.jsx)(n.code,{children:"css"})," file, or you can use a placeholder by importing ",(0,r.jsx)(n.code,{children:"@use @db-ui/foundations/build/scss/fonts"})," in your ",(0,r.jsx)(n.code,{children:".scss"})," file, where you need to reference the specific font size.\nThen you can use e.g. ",(0,r.jsx)(n.code,{children:"sm"})," font-size by extending our SCSS placeholders like this: ",(0,r.jsx)(n.code,{children:"@extend %db-overwrite-font-size-sm"}),"."]}),"\n",(0,r.jsxs)(n.blockquote,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:(0,r.jsx)(n.em,{children:"NOTE:"})})," Make sure that you import the file after all other ",(0,r.jsx)(n.code,{children:"foundation"})," css files, otherwise you should overwrite a specific ",(0,r.jsx)(n.code,{children:"font-size"})," with the global selector"]}),"\n"]}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-css",children:"/* Global selector */\n* {\n font-size: inherit;\n line-height: inherit;\n}\n"})}),"\n",(0,r.jsx)(n.h3,{id:"how-to-use",children:"How to use"}),"\n",(0,r.jsxs)(n.p,{children:["We're providing an ",(0,r.jsx)(n.a,{href:"./overview",children:"overview for all possible font-sizes"}),"."]}),"\n",(0,r.jsxs)(n.p,{children:["There are several variants: ",(0,r.jsx)(n.code,{children:"3xl"}),", ",(0,r.jsx)(n.code,{children:"2xl"}),", ",(0,r.jsx)(n.code,{children:"xl"}),", ",(0,r.jsx)(n.code,{children:"lg"}),", ",(0,r.jsx)(n.code,{children:"md"}),", ",(0,r.jsx)(n.code,{children:"sm"}),", ",(0,r.jsx)(n.code,{children:"xs"}),", ",(0,r.jsx)(n.code,{children:"2xs"}),", ",(0,r.jsx)(n.code,{children:"3xs"}),"."]}),"\n",(0,r.jsx)(n.p,{children:(0,r.jsxs)(n.strong,{children:["We use ",(0,r.jsx)(n.code,{children:"XX"})," here you should replace it with a variant from above."]})}),"\n",(0,r.jsxs)(n.table,{children:[(0,r.jsx)(n.thead,{children:(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.th,{style:{textAlign:"center"},children:"Variant"}),(0,r.jsx)(n.th,{children:"CSS"}),(0,r.jsx)(n.th,{children:"SCSS"}),(0,r.jsx)(n.th,{children:"Tailwind"})]})}),(0,r.jsx)(n.tbody,{children:(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{style:{textAlign:"center"},children:(0,r.jsx)(n.code,{children:"XX"})}),(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:'class="db-font-size-XX"'})}),(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"@extend %db-overwrite-font-size-XX"})}),(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:'class="db-font-size-XX"'})})]})})]})]})}function o(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:n}={...(0,i.a)(),...e.components};return n?(0,r.jsx)(n,{...e,children:(0,r.jsx)(l,{...e})}):l(e)}let c=e=>{let{children:n}=e;return(0,r.jsx)(s.Z,{children:n})};function a(e){return(0,r.jsx)(o,{})}function d(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(c,{...e,children:(0,r.jsx)(a,{...e})})}},16134:function(e,n,t){"use strict";var r=t(52322),s=t(2784),i=t(13776);let l=(0,s.forwardRef)(function(e,n){let t=n||(0,s.useRef)(n);return(0,r.jsx)("button",{ref:t,...(0,i.mS)(e,[]),id:e.id,className:(0,i.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:n=>{e.onClick&&e.onClick(n)},children:e.children})});n.Z=l},63900:function(e,n,t){"use strict";var r,s,i,l,o,c,a;t.d(n,{IY:function(){return d},YP:function(){return u},ce:function(){return h}});let d="OVERWRITE_DEFAULT_ID",u="Back",h="Close Button";(o=r||(r={})).FUNCTIONAL="functional",o.REGULAR="regular",o.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,n]=e;return n}),(s||(s={})).PRIMARY="primary",(c=i||(i={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(e=>{let[,n]=e;return n}),Object.entries(s).map(e=>{let[,n]=e;return n}),(a=l||(l={})).CRITICAL="critical",a.INFORMATIONAL="informational",a.WARNING="warning",a.SUCCESSFUL="successful",Object.entries(l).map(e=>{let[,n]=e;return n})},13776:function(e,n,t){"use strict";t.d(n,{MN:function(){return a},Vj:function(){return r},cd:function(){return c},mS:function(){return o},yI:function(){return i},yn:function(){return s}});let r=()=>{var e,n;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(n=window.crypto)||void 0===n?void 0:n.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},s=(e,n)=>{Object.values(e.children).forEach(e=>{e.setAttribute(n.key,n.value),e.children.length>0&&s(e,n)})},i=function(){for(var e=arguments.length,n=Array(e),t=0;t{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let n in e)e[n]&&(r+="".concat(n," "))}}),r.trim()},l=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],o=(e,n)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||l.includes(e))&&!n.includes(e)).reduce((n,t)=>(n[t]=e[t],n),{}),c=e=>{let{left:n,right:t}=e.getBoundingClientRect(),{innerWidth:r}=window;return n>=0&&t<=r},a=e=>{let{top:n,bottom:t}=e.getBoundingClientRect(),{innerHeight:r}=window;return n>=0&&t<=r}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=16208)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[21996],{16208:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/foundations/font-sizes/readme",function(){return t(9210)}])},9210:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return d}});var r=t(52322),s=t(12156),i=t(45392);function l(e){let n={a:"a",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",li:"li",p:"p",pre:"pre",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,i.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.h1,{id:"font-sizes",children:"Font-Sizes"}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsxs)(n.li,{children:["You should use our provided ",(0,r.jsx)(n.code,{children:"Font-Sizes"})," to change the size of text elements like ",(0,r.jsx)(n.code,{children:"

    "})," etc."]}),"\n"]}),"\n",(0,r.jsxs)(n.blockquote,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:(0,r.jsx)(n.em,{children:"NOTE:"})})," Some sizes may stay the same because of screen-width or density."]}),"\n"]}),"\n",(0,r.jsx)(n.h2,{id:"how-to-include-colors",children:"How to include colors"}),"\n",(0,r.jsxs)(n.p,{children:["For ",(0,r.jsx)(n.code,{children:"CSS"})," and ",(0,r.jsx)(n.code,{children:"Tailwind"})," you need to use the import ",(0,r.jsx)(n.code,{children:'@import "@db-ui/foundations/build/css/fonts/classes/all.css";'})," in your root ",(0,r.jsx)(n.code,{children:".css"})," file."]}),"\n",(0,r.jsxs)(n.p,{children:["For ",(0,r.jsx)(n.code,{children:"SCSS"})," you can use the ",(0,r.jsx)(n.code,{children:"css"})," file, or you can use a placeholder by importing ",(0,r.jsx)(n.code,{children:"@use @db-ui/foundations/build/scss/fonts"})," in your ",(0,r.jsx)(n.code,{children:".scss"})," file, where you need to reference the specific font size.\nThen you can use e.g. ",(0,r.jsx)(n.code,{children:"sm"})," font-size by extending our SCSS placeholders like this: ",(0,r.jsx)(n.code,{children:"@extend %db-overwrite-font-size-sm"}),"."]}),"\n",(0,r.jsxs)(n.blockquote,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:(0,r.jsx)(n.em,{children:"NOTE:"})})," Make sure that you import the file after all other ",(0,r.jsx)(n.code,{children:"foundation"})," css files, otherwise you should overwrite a specific ",(0,r.jsx)(n.code,{children:"font-size"})," with the global selector"]}),"\n"]}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-css",children:"/* Global selector */\n* {\n font-size: inherit;\n line-height: inherit;\n}\n"})}),"\n",(0,r.jsx)(n.h3,{id:"how-to-use",children:"How to use"}),"\n",(0,r.jsxs)(n.p,{children:["We're providing an ",(0,r.jsx)(n.a,{href:"./overview",children:"overview for all possible font-sizes"}),"."]}),"\n",(0,r.jsxs)(n.p,{children:["There are several variants: ",(0,r.jsx)(n.code,{children:"3xl"}),", ",(0,r.jsx)(n.code,{children:"2xl"}),", ",(0,r.jsx)(n.code,{children:"xl"}),", ",(0,r.jsx)(n.code,{children:"lg"}),", ",(0,r.jsx)(n.code,{children:"md"}),", ",(0,r.jsx)(n.code,{children:"sm"}),", ",(0,r.jsx)(n.code,{children:"xs"}),", ",(0,r.jsx)(n.code,{children:"2xs"}),", ",(0,r.jsx)(n.code,{children:"3xs"}),"."]}),"\n",(0,r.jsx)(n.p,{children:(0,r.jsxs)(n.strong,{children:["We use ",(0,r.jsx)(n.code,{children:"XX"})," here you should replace it with a variant from above."]})}),"\n",(0,r.jsxs)(n.table,{children:[(0,r.jsx)(n.thead,{children:(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.th,{style:{textAlign:"center"},children:"Variant"}),(0,r.jsx)(n.th,{children:"CSS"}),(0,r.jsx)(n.th,{children:"SCSS"}),(0,r.jsx)(n.th,{children:"Tailwind"})]})}),(0,r.jsx)(n.tbody,{children:(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{style:{textAlign:"center"},children:(0,r.jsx)(n.code,{children:"XX"})}),(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:'class="db-font-size-XX"'})}),(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:"@extend %db-overwrite-font-size-XX"})}),(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:'class="db-font-size-XX"'})})]})})]})]})}function o(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:n}={...(0,i.a)(),...e.components};return n?(0,r.jsx)(n,{...e,children:(0,r.jsx)(l,{...e})}):l(e)}let c=e=>{let{children:n}=e;return(0,r.jsx)(s.Z,{children:n})};function a(e){return(0,r.jsx)(o,{})}function d(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(c,{...e,children:(0,r.jsx)(a,{...e})})}},16134:function(e,n,t){"use strict";var r=t(52322),s=t(2784),i=t(13776);let l=(0,s.forwardRef)(function(e,n){let t=n||(0,s.useRef)(n);return(0,r.jsx)("button",{ref:t,...(0,i.mS)(e,[]),id:e.id,className:(0,i.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:n=>{e.onClick&&e.onClick(n)},children:e.children})});n.Z=l},63900:function(e,n,t){"use strict";var r,s,i,l,o,c,a;t.d(n,{IY:function(){return d},YP:function(){return u},ce:function(){return h}});let d="OVERWRITE_DEFAULT_ID",u="Back",h="Close Button";(o=r||(r={})).FUNCTIONAL="functional",o.REGULAR="regular",o.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,n]=e;return n}),(s||(s={})).PRIMARY="primary",(c=i||(i={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(e=>{let[,n]=e;return n}),Object.entries(s).map(e=>{let[,n]=e;return n}),(a=l||(l={})).CRITICAL="critical",a.INFORMATIONAL="informational",a.WARNING="warning",a.SUCCESSFUL="successful",Object.entries(l).map(e=>{let[,n]=e;return n})},13776:function(e,n,t){"use strict";t.d(n,{MN:function(){return a},Vj:function(){return r},cd:function(){return c},mS:function(){return o},yI:function(){return i},yn:function(){return s}});let r=()=>{var e,n;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(n=window.crypto)||void 0===n?void 0:n.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},s=(e,n)=>{Object.values(e.children).forEach(e=>{e.setAttribute(n.key,n.value),e.children.length>0&&s(e,n)})},i=function(){for(var e=arguments.length,n=Array(e),t=0;t{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let n in e)e[n]&&(r+="".concat(n," "))}}),r.trim()},l=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],o=(e,n)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||l.includes(e))&&!n.includes(e)).reduce((n,t)=>(n[t]=e[t],n),{}),c=e=>{let{left:n,right:t}=e.getBoundingClientRect(),{innerWidth:r}=window;return n>=0&&t<=r},a=e=>{let{top:n,bottom:t}=e.getBoundingClientRect(),{innerHeight:r}=window;return n>=0&&t<=r}}},function(e){e.O(0,[49710,12156,92888,49774,40179],function(){return e(e.s=16208)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/foundations/icons/custom-icons-7353207cb235412f.js b/review/main/_next/static/chunks/pages/foundations/icons/custom-icons-23ec7cf5046eafad.js similarity index 98% rename from review/main/_next/static/chunks/pages/foundations/icons/custom-icons-7353207cb235412f.js rename to review/main/_next/static/chunks/pages/foundations/icons/custom-icons-23ec7cf5046eafad.js index 9b41b29ebfb..47e620f84a3 100644 --- a/review/main/_next/static/chunks/pages/foundations/icons/custom-icons-7353207cb235412f.js +++ b/review/main/_next/static/chunks/pages/foundations/icons/custom-icons-23ec7cf5046eafad.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[15736],{10029:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/foundations/icons/custom-icons",function(){return t(55979)}])},55979:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return d}});var r=t(52322),s=t(11803),i=t(45392);function a(e){let n={a:"a",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",p:"p",pre:"pre",strong:"strong",...(0,i.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.h1,{id:"custom-icons",children:"Custom Icons"}),"\n",(0,r.jsxs)(n.p,{children:["If you have custom icons and want to use them for ",(0,r.jsx)(n.a,{href:"https://www.npmjs.com/package/@db-ui/foundations",children:"foundations"})," and/or in ",(0,r.jsx)(n.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"}),", you need to generate a ",(0,r.jsx)(n.code,{children:"woff2"})," file."]}),"\n",(0,r.jsx)(n.h2,{id:"generate",children:"Generate"}),"\n",(0,r.jsx)(n.p,{children:"For this run:"}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-shell",children:"npx @db-ui/gif --src ./my-path-to/icons --fontName my-name\n"})}),"\n",(0,r.jsxs)(n.p,{children:["We search for all ",(0,r.jsx)(n.code,{children:"**/*.svg"})," files inside the ",(0,r.jsx)(n.code,{children:"src"})," directory and create a new icon font with the provided name. You can preview all generated icons here: ",(0,r.jsx)(n.code,{children:"./my-path-to/icons/fonts/all/index.html"}),"."]}),"\n",(0,r.jsxs)(n.blockquote,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:(0,r.jsx)(n.em,{children:"NOTE:"})}),' We use four different sizes for components (16, 20, 24, 32) to show more or less details. You can do the same by providing another file with a size suffix for example "icon_file_name_16.svg".']}),"\n"]}),"\n",(0,r.jsx)(n.p,{children:"For more information run:"}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-shell",children:"npx @db-ui/gif --help\n"})}),"\n",(0,r.jsx)(n.h2,{id:"how-to-use",children:"How to use"}),"\n",(0,r.jsx)(n.p,{children:"In your app you need to include some of the generated files:"}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-html",children:"./my-path-to/icons/fonts/my-name.woff2 ./my-path-to/icons/fonts/font-face.css\n"})}),"\n",(0,r.jsxs)(n.blockquote,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:(0,r.jsx)(n.em,{children:"NOTE:"})})," In case you put the files in a separate folder of your ",(0,r.jsx)(n.code,{children:"public"})," directory be aware to adopt the path in your generated ",(0,r.jsx)(n.code,{children:"font-face.css"})," file: ",(0,r.jsx)(n.code,{children:'url("/{YOUR_FOLDER}}/my-name.woff2?t=1698750286189") format("woff2");'})]}),"\n"]}),"\n",(0,r.jsxs)(n.p,{children:["Now you can use your icons with your ",(0,r.jsx)(n.code,{children:"font-family: my-name"}),", e.g.:"]}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-html",children:'\nicon_file_name\n'})}),"\n",(0,r.jsx)(n.h3,{id:"scss",children:"SCSS"}),"\n",(0,r.jsxs)(n.p,{children:["When using ",(0,r.jsx)(n.code,{children:"scss"})," you can also use ",(0,r.jsx)(n.code,{children:"@forward"})," to include the generated files:"]}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-scss",children:'@forward "public/font-face";\n'})}),"\n",(0,r.jsx)(n.h3,{id:"data-icon",children:"data-icon"}),"\n",(0,r.jsx)(n.p,{children:"If you like to use a custom icon in one of our components you can do it by overwriting the default font-family like this:"}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-html",children:'\n

    Test

    \n\n\n

    Test

    \n'})}),"\n",(0,r.jsx)(n.h3,{id:"css",children:"CSS"}),"\n",(0,r.jsx)(n.p,{children:"You can overwrite custom-icons for our components with CSS as well:"}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-css",children:'.db-button {\n --db-icon-font-family: "my-name";\n}\n'})}),"\n",(0,r.jsx)(n.h2,{id:"foundation-developer",children:"Foundation Developer"}),"\n",(0,r.jsxs)(n.p,{children:["If you update a ",(0,r.jsx)(n.code,{children:"svg"})," inside ",(0,r.jsx)(n.code,{children:"assets/icons/functional/images"})," you need to recreate the ",(0,r.jsx)(n.code,{children:"woff2"})," file."]}),"\n",(0,r.jsx)(n.p,{children:"For this you just need to run"}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-shell",children:"npm run generate:icon-fonts\n"})}),"\n",(0,r.jsxs)(n.p,{children:["Your new icon should be inside ",(0,r.jsx)(n.code,{children:"assets/icons/functional/fonts/info.json"})," and you should see it inside ",(0,r.jsx)(n.code,{children:"assets/icons/functional/fonts/index.html"})," in the browser."]})]})}function o(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:n}={...(0,i.a)(),...e.components};return n?(0,r.jsx)(n,{...e,children:(0,r.jsx)(a,{...e})}):a(e)}let c=e=>{let{children:n}=e;return(0,r.jsx)(s.Z,{children:n})};function l(e){return(0,r.jsx)(o,{})}function d(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(c,{...e,children:(0,r.jsx)(l,{...e})})}},16134:function(e,n,t){"use strict";var r=t(52322),s=t(2784),i=t(13776);let a=(0,s.forwardRef)(function(e,n){let t=n||(0,s.useRef)(n);return(0,r.jsx)("button",{ref:t,...(0,i.mS)(e,[]),id:e.id,className:(0,i.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:n=>{e.onClick&&e.onClick(n)},children:e.children})});n.Z=a},63900:function(e,n,t){"use strict";var r,s,i,a,o,c,l;t.d(n,{IY:function(){return d},YP:function(){return u},ce:function(){return h}});let d="OVERWRITE_DEFAULT_ID",u="Back",h="Close Button";(o=r||(r={})).FUNCTIONAL="functional",o.REGULAR="regular",o.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,n]=e;return n}),(s||(s={})).PRIMARY="primary",(c=i||(i={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(e=>{let[,n]=e;return n}),Object.entries(s).map(e=>{let[,n]=e;return n}),(l=a||(a={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(a).map(e=>{let[,n]=e;return n})},13776:function(e,n,t){"use strict";t.d(n,{MN:function(){return l},Vj:function(){return r},cd:function(){return c},mS:function(){return o},yI:function(){return i},yn:function(){return s}});let r=()=>{var e,n;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(n=window.crypto)||void 0===n?void 0:n.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},s=(e,n)=>{Object.values(e.children).forEach(e=>{e.setAttribute(n.key,n.value),e.children.length>0&&s(e,n)})},i=function(){for(var e=arguments.length,n=Array(e),t=0;t{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let n in e)e[n]&&(r+="".concat(n," "))}}),r.trim()},a=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],o=(e,n)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||a.includes(e))&&!n.includes(e)).reduce((n,t)=>(n[t]=e[t],n),{}),c=e=>{let{left:n,right:t}=e.getBoundingClientRect(),{innerWidth:r}=window;return n>=0&&t<=r},l=e=>{let{top:n,bottom:t}=e.getBoundingClientRect(),{innerHeight:r}=window;return n>=0&&t<=r}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=10029)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[15736],{10029:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/foundations/icons/custom-icons",function(){return t(55979)}])},55979:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return d}});var r=t(52322),s=t(12156),i=t(45392);function a(e){let n={a:"a",blockquote:"blockquote",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",p:"p",pre:"pre",strong:"strong",...(0,i.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.h1,{id:"custom-icons",children:"Custom Icons"}),"\n",(0,r.jsxs)(n.p,{children:["If you have custom icons and want to use them for ",(0,r.jsx)(n.a,{href:"https://www.npmjs.com/package/@db-ui/foundations",children:"foundations"})," and/or in ",(0,r.jsx)(n.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"}),", you need to generate a ",(0,r.jsx)(n.code,{children:"woff2"})," file."]}),"\n",(0,r.jsx)(n.h2,{id:"generate",children:"Generate"}),"\n",(0,r.jsx)(n.p,{children:"For this run:"}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-shell",children:"npx @db-ui/gif --src ./my-path-to/icons --fontName my-name\n"})}),"\n",(0,r.jsxs)(n.p,{children:["We search for all ",(0,r.jsx)(n.code,{children:"**/*.svg"})," files inside the ",(0,r.jsx)(n.code,{children:"src"})," directory and create a new icon font with the provided name. You can preview all generated icons here: ",(0,r.jsx)(n.code,{children:"./my-path-to/icons/fonts/all/index.html"}),"."]}),"\n",(0,r.jsxs)(n.blockquote,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:(0,r.jsx)(n.em,{children:"NOTE:"})}),' We use four different sizes for components (16, 20, 24, 32) to show more or less details. You can do the same by providing another file with a size suffix for example "icon_file_name_16.svg".']}),"\n"]}),"\n",(0,r.jsx)(n.p,{children:"For more information run:"}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-shell",children:"npx @db-ui/gif --help\n"})}),"\n",(0,r.jsx)(n.h2,{id:"how-to-use",children:"How to use"}),"\n",(0,r.jsx)(n.p,{children:"In your app you need to include some of the generated files:"}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-html",children:"./my-path-to/icons/fonts/my-name.woff2 ./my-path-to/icons/fonts/font-face.css\n"})}),"\n",(0,r.jsxs)(n.blockquote,{children:["\n",(0,r.jsxs)(n.p,{children:[(0,r.jsx)(n.strong,{children:(0,r.jsx)(n.em,{children:"NOTE:"})})," In case you put the files in a separate folder of your ",(0,r.jsx)(n.code,{children:"public"})," directory be aware to adopt the path in your generated ",(0,r.jsx)(n.code,{children:"font-face.css"})," file: ",(0,r.jsx)(n.code,{children:'url("/{YOUR_FOLDER}}/my-name.woff2?t=1698750286189") format("woff2");'})]}),"\n"]}),"\n",(0,r.jsxs)(n.p,{children:["Now you can use your icons with your ",(0,r.jsx)(n.code,{children:"font-family: my-name"}),", e.g.:"]}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-html",children:'\nicon_file_name\n'})}),"\n",(0,r.jsx)(n.h3,{id:"scss",children:"SCSS"}),"\n",(0,r.jsxs)(n.p,{children:["When using ",(0,r.jsx)(n.code,{children:"scss"})," you can also use ",(0,r.jsx)(n.code,{children:"@forward"})," to include the generated files:"]}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-scss",children:'@forward "public/font-face";\n'})}),"\n",(0,r.jsx)(n.h3,{id:"data-icon",children:"data-icon"}),"\n",(0,r.jsx)(n.p,{children:"If you like to use a custom icon in one of our components you can do it by overwriting the default font-family like this:"}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-html",children:'\n

    Test

    \n\n\n

    Test

    \n'})}),"\n",(0,r.jsx)(n.h3,{id:"css",children:"CSS"}),"\n",(0,r.jsx)(n.p,{children:"You can overwrite custom-icons for our components with CSS as well:"}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-css",children:'.db-button {\n --db-icon-font-family: "my-name";\n}\n'})}),"\n",(0,r.jsx)(n.h2,{id:"foundation-developer",children:"Foundation Developer"}),"\n",(0,r.jsxs)(n.p,{children:["If you update a ",(0,r.jsx)(n.code,{children:"svg"})," inside ",(0,r.jsx)(n.code,{children:"assets/icons/functional/images"})," you need to recreate the ",(0,r.jsx)(n.code,{children:"woff2"})," file."]}),"\n",(0,r.jsx)(n.p,{children:"For this you just need to run"}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-shell",children:"npm run generate:icon-fonts\n"})}),"\n",(0,r.jsxs)(n.p,{children:["Your new icon should be inside ",(0,r.jsx)(n.code,{children:"assets/icons/functional/fonts/info.json"})," and you should see it inside ",(0,r.jsx)(n.code,{children:"assets/icons/functional/fonts/index.html"})," in the browser."]})]})}function o(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:n}={...(0,i.a)(),...e.components};return n?(0,r.jsx)(n,{...e,children:(0,r.jsx)(a,{...e})}):a(e)}let c=e=>{let{children:n}=e;return(0,r.jsx)(s.Z,{children:n})};function l(e){return(0,r.jsx)(o,{})}function d(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(c,{...e,children:(0,r.jsx)(l,{...e})})}},16134:function(e,n,t){"use strict";var r=t(52322),s=t(2784),i=t(13776);let a=(0,s.forwardRef)(function(e,n){let t=n||(0,s.useRef)(n);return(0,r.jsx)("button",{ref:t,...(0,i.mS)(e,[]),id:e.id,className:(0,i.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:n=>{e.onClick&&e.onClick(n)},children:e.children})});n.Z=a},63900:function(e,n,t){"use strict";var r,s,i,a,o,c,l;t.d(n,{IY:function(){return d},YP:function(){return u},ce:function(){return h}});let d="OVERWRITE_DEFAULT_ID",u="Back",h="Close Button";(o=r||(r={})).FUNCTIONAL="functional",o.REGULAR="regular",o.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,n]=e;return n}),(s||(s={})).PRIMARY="primary",(c=i||(i={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(e=>{let[,n]=e;return n}),Object.entries(s).map(e=>{let[,n]=e;return n}),(l=a||(a={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(a).map(e=>{let[,n]=e;return n})},13776:function(e,n,t){"use strict";t.d(n,{MN:function(){return l},Vj:function(){return r},cd:function(){return c},mS:function(){return o},yI:function(){return i},yn:function(){return s}});let r=()=>{var e,n;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(n=window.crypto)||void 0===n?void 0:n.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},s=(e,n)=>{Object.values(e.children).forEach(e=>{e.setAttribute(n.key,n.value),e.children.length>0&&s(e,n)})},i=function(){for(var e=arguments.length,n=Array(e),t=0;t{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let n in e)e[n]&&(r+="".concat(n," "))}}),r.trim()},a=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],o=(e,n)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||a.includes(e))&&!n.includes(e)).reduce((n,t)=>(n[t]=e[t],n),{}),c=e=>{let{left:n,right:t}=e.getBoundingClientRect(),{innerWidth:r}=window;return n>=0&&t<=r},l=e=>{let{top:n,bottom:t}=e.getBoundingClientRect(),{innerHeight:r}=window;return n>=0&&t<=r}}},function(e){e.O(0,[49710,12156,92888,49774,40179],function(){return e(e.s=10029)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/foundations/icons/overview-9a69adeefda091a6.js b/review/main/_next/static/chunks/pages/foundations/icons/overview-392539ad1539f8d4.js similarity index 98% rename from review/main/_next/static/chunks/pages/foundations/icons/overview-9a69adeefda091a6.js rename to review/main/_next/static/chunks/pages/foundations/icons/overview-392539ad1539f8d4.js index 3cf19fb0596..86990e3e215 100644 --- a/review/main/_next/static/chunks/pages/foundations/icons/overview-9a69adeefda091a6.js +++ b/review/main/_next/static/chunks/pages/foundations/icons/overview-392539ad1539f8d4.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[71859],{98863:function(e,t,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/foundations/icons/overview",function(){return a(64689)}])},16134:function(e,t,a){"use strict";var n=a(52322),r=a(2784),i=a(13776);let o=(0,r.forwardRef)(function(e,t){let a=t||(0,r.useRef)(t);return(0,n.jsx)("button",{ref:a,...(0,i.mS)(e,[]),id:e.id,className:(0,i.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=o},63900:function(e,t,a){"use strict";var n,r,i,o,c,s,l;a.d(t,{IY:function(){return _},YP:function(){return d},ce:function(){return u}});let _="OVERWRITE_DEFAULT_ID",d="Back",u="Close Button";(c=n||(n={})).FUNCTIONAL="functional",c.REGULAR="regular",c.EXPRESSIVE="expressive",Object.entries(n).map(e=>{let[,t]=e;return t}),(r||(r={})).PRIMARY="primary",(s=i||(i={})).BASE="base",s.BASE_STRONG="base-strong",s.BASE_TRANSPARENT_SEMI="base-transparent-semi",s.BASE_TRANSPARENT_FULL="base-transparent-full",s.NEUTRAL="neutral",s.NEUTRAL_STRONG="neutral-strong",s.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",s.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",s.BRAND="brand",s.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",s.BRAND_TRANSPARENT_FULL="brand-transparent-full",s.SUCCESSFUL="successful",s.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",s.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",s.CRITICAL="critical",s.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",s.CRITICAL_TRANSPARENT_Full="critical-transparent-full",s.WARNING="warning",s.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",s.WARNING_TRANSPARENT_FULL="warning-transparent-full",s.INFORMATIONAL="informational",s.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",s.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(e=>{let[,t]=e;return t}),Object.entries(r).map(e=>{let[,t]=e;return t}),(l=o||(o={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(o).map(e=>{let[,t]=e;return t})},13776:function(e,t,a){"use strict";a.d(t,{MN:function(){return l},Vj:function(){return n},cd:function(){return s},mS:function(){return c},yI:function(){return i},yn:function(){return r}});let n=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},r=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&r(e,t)})},i=function(){for(var e=arguments.length,t=Array(e),a=0;a{if(e){if("string"==typeof e)n+="".concat(e," ");else for(let t in e)e[t]&&(n+="".concat(t," "))}}),n.trim()},o=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],c=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||o.includes(e))&&!t.includes(e)).reduce((t,a)=>(t[a]=e[a],t),{}),s=e=>{let{left:t,right:a}=e.getBoundingClientRect(),{innerWidth:n}=window;return t>=0&&a<=n},l=e=>{let{top:t,bottom:a}=e.getBoundingClientRect(),{innerHeight:n}=window;return t>=0&&a<=n}},64689:function(e,t,a){"use strict";a.r(t),a.d(t,{default:function(){return s}});var n=a(52322),r=a(2784),i=a(11803),o=a(86095);let c=["account","add","add_circle","add_link","alarm","alarm_add","alert","alert_off","attachment","augmented_reality","block","bookmark","bug","build","calendar","camera","cash","check_circle","cloud","cloud_download","cloud_upload","compass","copy","credit_card","dashboard","delete","discount","document","document_check","done","download","drag_and_drop","edit","face_delighted","face_disappointed","face_neutral","face_sad","face_smiling","filter","fingerprint","folder","folder_open","generic_card","giftcard","hearing","hearing_disabled","heart","help","image","info","key","legal","lightbulb","lock_close","lock_open","log_out","logbook","minus","piggybank","pin","print","push_button","remove","resize","resize_handle_corner","save","schedule","search","send","sepa","settings","share","shopping_bag","shopping_basket","shopping_basket_disabled","shopping_cart","shopping_cart_disabled","sort_down","sort_up","star","swap_horizontal","swap_vertical","thumb_up","thumb_up_down","translation","undo","upload","visibility","visibility_off","voucher","website","zoom_in","zoom_out","fast_backward_10","fast_backward","fast_backward_30","fast_backward_empty","fast_forward_10","fast_forward","fast_forward_30","fast_forward_empty","microphone","pause","play","skip_backward","skip_forward","stop","subtitles","volume_down","volume_mute","volume_off","volume_up","logo","call","chat","conversation","fax","feedback","mail","mobile_off","mobile_phone","question","receive_item","share_item","wifi","wifi_off","mask","playground","restricted_mobility_toilet","shower","shower_men","shower_women","sink","wc","wc_men","wc_sign","wc_women","air_condition","buggy","clothing_hanger","day","dog","entry_aid","environmental_mobility_check","hydrogen","luggage_compartment","luggage_rack","marketplace","medical","night","no_smoking","person_with_cane","person_with_rollator","platform","power_outlet","reservation","standing_room","steppless_entry","support_dog","breakfast","coffee_cup","drink","restaurant","database","1st_class","2nd_class","alternative_connection","booking","capacity_indicator","capacity_indicator_fully_booked","capacity_indicator_high","capacity_indicator_low","destination","intermediary_stop","mixed_class","monochrome_capacity_indicator_high","monochrome_capacity_indicator_low","monochrome_capacity_indicator_moderate","round_trip","single_trip","start","gps","gps_north","home","map","navigation_straight","navigation_to_left","navigation_to_right","navigation_u_turn","parking","place","set_position","station","stop_sign","train_station","arrow_back","arrow_down","arrow_forward","arrow_up","cancel","chevron_left","chevron_right","close","expand_less","expand_more","fullscreen","fullscreen_exit","grid_view","link","link_external","list","menu","more_horizontal","more_vertical","refresh","error","notify","notify_cutoff","warning","aisle","aisle_not_available","bed","childrens_compartment","couchette","elderly","handicapped","parent_child_compartment","priority","quiet_zone","table","window","bahnbonus","bahnbonus_card","bahncard","best_price","commuter_ticket","komfort_check_in","komfort_check_in_check","komfort_check_in_circle","multiple_cards","multiple_passenger","my_travel","outward_journey","qr_code","qr_code_scan","return_journey","ticket","ticket_discount","ticket_multiple","ticket_subscription","time_outward_journey","time_return_journey","timetable","travel_insurance","airplane_inverted","bicycle_inverted","bicycle_trailer_inverted","call_a_bike_inverted","car_inverted","carsharing_inverted","electric_locomotive_inverted","electric_scooter_inverted","ev_car_inverted","ferry_inverted","handcart_inverted","ice_inverted","intercity_train_inverted","local_bus_inverted","local_train_inverted","long_distance_bus_inverted","s_bahn_inverted","scooter_inverted","speedboat_inverted","subway_inverted","taxi_inverted","train_and_car_inverted","tram_inverted","walking_fast_inverted","walking_inverted","airplane","bicycle","bicycle_trailer","call_a_bike","car","car_sequence","carsharing","electric_locomotive","electric_scooter","ev_car","ferry","handcart","ice","ice_side_view","intercity_train","local_bus","local_train","long_distance_bus","rail_and_fly","railroad_car","s_bahn","scooter","sev","speedboat","sprinter","subway","taxi","train_and_car","tram","walking","walking_fast"];var s=()=>{let[e,t]=(0,r.useState)("24"),[a,s]=(0,r.useState)("default"),[l,_]=(0,r.useState)("");return(0,n.jsxs)(i.Z,{children:[(0,n.jsx)("h1",{children:"Color Overview"}),(0,n.jsxs)("p",{children:["We don't provide all icons with family ",(0,n.jsx)("code",{children:"solid"})]}),(0,n.jsx)("div",{className:"icons-filter-container",children:(0,n.jsxs)("search",{children:[(0,n.jsx)(o.aq,{label:"Search",type:"search",onChange:e=>{_(e.target.value)}}),(0,n.jsx)(o.kr,{label:"Icon weight",value:e,onChange:e=>{t(e.target.value)},children:[16,20,24,32].map(e=>(0,n.jsx)("option",{value:e,children:e}))}),(0,n.jsx)(o.kr,{label:"Icon family",value:a,onChange:e=>{s(e.target.value)},children:["default","solid"].map(e=>(0,n.jsx)("option",{value:e,children:e}))})]})}),(0,n.jsx)("div",{className:"icons-overview-container",style:{"--db-icon-font-family":"db-ux-".concat(a),"--db-icon-font-weight":e,"--db-icon-font-size":"".concat(e,"px")},children:c.filter(e=>e.includes(l)).map(e=>(0,n.jsxs)(o.f,{spacing:"small",children:[(0,n.jsx)(o.Pg,{icon:e,children:e}),(0,n.jsx)(o.EZ,{variant:"informational",icon:"none",children:e})]}))})]})}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=98863)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[71859],{98863:function(e,t,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/foundations/icons/overview",function(){return a(64689)}])},16134:function(e,t,a){"use strict";var n=a(52322),r=a(2784),i=a(13776);let o=(0,r.forwardRef)(function(e,t){let a=t||(0,r.useRef)(t);return(0,n.jsx)("button",{ref:a,...(0,i.mS)(e,[]),id:e.id,className:(0,i.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=o},63900:function(e,t,a){"use strict";var n,r,i,o,c,s,l;a.d(t,{IY:function(){return _},YP:function(){return d},ce:function(){return u}});let _="OVERWRITE_DEFAULT_ID",d="Back",u="Close Button";(c=n||(n={})).FUNCTIONAL="functional",c.REGULAR="regular",c.EXPRESSIVE="expressive",Object.entries(n).map(e=>{let[,t]=e;return t}),(r||(r={})).PRIMARY="primary",(s=i||(i={})).BASE="base",s.BASE_STRONG="base-strong",s.BASE_TRANSPARENT_SEMI="base-transparent-semi",s.BASE_TRANSPARENT_FULL="base-transparent-full",s.NEUTRAL="neutral",s.NEUTRAL_STRONG="neutral-strong",s.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",s.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",s.BRAND="brand",s.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",s.BRAND_TRANSPARENT_FULL="brand-transparent-full",s.SUCCESSFUL="successful",s.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",s.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",s.CRITICAL="critical",s.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",s.CRITICAL_TRANSPARENT_Full="critical-transparent-full",s.WARNING="warning",s.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",s.WARNING_TRANSPARENT_FULL="warning-transparent-full",s.INFORMATIONAL="informational",s.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",s.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(e=>{let[,t]=e;return t}),Object.entries(r).map(e=>{let[,t]=e;return t}),(l=o||(o={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(o).map(e=>{let[,t]=e;return t})},13776:function(e,t,a){"use strict";a.d(t,{MN:function(){return l},Vj:function(){return n},cd:function(){return s},mS:function(){return c},yI:function(){return i},yn:function(){return r}});let n=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},r=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&r(e,t)})},i=function(){for(var e=arguments.length,t=Array(e),a=0;a{if(e){if("string"==typeof e)n+="".concat(e," ");else for(let t in e)e[t]&&(n+="".concat(t," "))}}),n.trim()},o=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],c=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||o.includes(e))&&!t.includes(e)).reduce((t,a)=>(t[a]=e[a],t),{}),s=e=>{let{left:t,right:a}=e.getBoundingClientRect(),{innerWidth:n}=window;return t>=0&&a<=n},l=e=>{let{top:t,bottom:a}=e.getBoundingClientRect(),{innerHeight:n}=window;return t>=0&&a<=n}},64689:function(e,t,a){"use strict";a.r(t),a.d(t,{default:function(){return s}});var n=a(52322),r=a(2784),i=a(12156),o=a(53752);let c=["account","add","add_circle","add_link","alarm","alarm_add","alert","alert_off","attachment","augmented_reality","block","bookmark","bug","build","calendar","camera","cash","check_circle","cloud","cloud_download","cloud_upload","compass","copy","credit_card","dashboard","delete","discount","document","document_check","done","download","drag_and_drop","edit","face_delighted","face_disappointed","face_neutral","face_sad","face_smiling","filter","fingerprint","folder","folder_open","generic_card","giftcard","hearing","hearing_disabled","heart","help","image","info","key","legal","lightbulb","lock_close","lock_open","log_out","logbook","minus","piggybank","pin","print","push_button","remove","resize","resize_handle_corner","save","schedule","search","send","sepa","settings","share","shopping_bag","shopping_basket","shopping_basket_disabled","shopping_cart","shopping_cart_disabled","sort_down","sort_up","star","swap_horizontal","swap_vertical","thumb_up","thumb_up_down","translation","undo","upload","visibility","visibility_off","voucher","website","zoom_in","zoom_out","fast_backward_10","fast_backward","fast_backward_30","fast_backward_empty","fast_forward_10","fast_forward","fast_forward_30","fast_forward_empty","microphone","pause","play","skip_backward","skip_forward","stop","subtitles","volume_down","volume_mute","volume_off","volume_up","logo","call","chat","conversation","fax","feedback","mail","mobile_off","mobile_phone","question","receive_item","share_item","wifi","wifi_off","mask","playground","restricted_mobility_toilet","shower","shower_men","shower_women","sink","wc","wc_men","wc_sign","wc_women","air_condition","buggy","clothing_hanger","day","dog","entry_aid","environmental_mobility_check","hydrogen","luggage_compartment","luggage_rack","marketplace","medical","night","no_smoking","person_with_cane","person_with_rollator","platform","power_outlet","reservation","standing_room","steppless_entry","support_dog","breakfast","coffee_cup","drink","restaurant","database","1st_class","2nd_class","alternative_connection","booking","capacity_indicator","capacity_indicator_fully_booked","capacity_indicator_high","capacity_indicator_low","destination","intermediary_stop","mixed_class","monochrome_capacity_indicator_high","monochrome_capacity_indicator_low","monochrome_capacity_indicator_moderate","round_trip","single_trip","start","gps","gps_north","home","map","navigation_straight","navigation_to_left","navigation_to_right","navigation_u_turn","parking","place","set_position","station","stop_sign","train_station","arrow_back","arrow_down","arrow_forward","arrow_up","cancel","chevron_left","chevron_right","close","expand_less","expand_more","fullscreen","fullscreen_exit","grid_view","link","link_external","list","menu","more_horizontal","more_vertical","refresh","error","notify","notify_cutoff","warning","aisle","aisle_not_available","bed","childrens_compartment","couchette","elderly","handicapped","parent_child_compartment","priority","quiet_zone","table","window","bahnbonus","bahnbonus_card","bahncard","best_price","commuter_ticket","komfort_check_in","komfort_check_in_check","komfort_check_in_circle","multiple_cards","multiple_passenger","my_travel","outward_journey","qr_code","qr_code_scan","return_journey","ticket","ticket_discount","ticket_multiple","ticket_subscription","time_outward_journey","time_return_journey","timetable","travel_insurance","airplane_inverted","bicycle_inverted","bicycle_trailer_inverted","call_a_bike_inverted","car_inverted","carsharing_inverted","electric_locomotive_inverted","electric_scooter_inverted","ev_car_inverted","ferry_inverted","handcart_inverted","ice_inverted","intercity_train_inverted","local_bus_inverted","local_train_inverted","long_distance_bus_inverted","s_bahn_inverted","scooter_inverted","speedboat_inverted","subway_inverted","taxi_inverted","train_and_car_inverted","tram_inverted","walking_fast_inverted","walking_inverted","airplane","bicycle","bicycle_trailer","call_a_bike","car","car_sequence","carsharing","electric_locomotive","electric_scooter","ev_car","ferry","handcart","ice","ice_side_view","intercity_train","local_bus","local_train","long_distance_bus","rail_and_fly","railroad_car","s_bahn","scooter","sev","speedboat","sprinter","subway","taxi","train_and_car","tram","walking","walking_fast"];var s=()=>{let[e,t]=(0,r.useState)("24"),[a,s]=(0,r.useState)("default"),[l,_]=(0,r.useState)("");return(0,n.jsxs)(i.Z,{children:[(0,n.jsx)("h1",{children:"Color Overview"}),(0,n.jsxs)("p",{children:["We don't provide all icons with family ",(0,n.jsx)("code",{children:"solid"})]}),(0,n.jsx)("div",{className:"icons-filter-container",children:(0,n.jsxs)("search",{children:[(0,n.jsx)(o.aq,{label:"Search",type:"search",onChange:e=>{_(e.target.value)}}),(0,n.jsx)(o.kr,{label:"Icon weight",value:e,onChange:e=>{t(e.target.value)},children:[16,20,24,32].map(e=>(0,n.jsx)("option",{value:e,children:e}))}),(0,n.jsx)(o.kr,{label:"Icon family",value:a,onChange:e=>{s(e.target.value)},children:["default","solid"].map(e=>(0,n.jsx)("option",{value:e,children:e}))})]})}),(0,n.jsx)("div",{className:"icons-overview-container",style:{"--db-icon-font-family":"db-ux-".concat(a),"--db-icon-font-weight":e,"--db-icon-font-size":"".concat(e,"px")},children:c.filter(e=>e.includes(l)).map(e=>(0,n.jsxs)(o.f,{spacing:"small",children:[(0,n.jsx)(o.Pg,{icon:e,children:e}),(0,n.jsx)(o.EZ,{variant:"informational",icon:"none",children:e})]}))})]})}}},function(e){e.O(0,[49710,12156,92888,49774,40179],function(){return e(e.s=98863)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/foundations/icons/readme-dab0b2902f64c9d3.js b/review/main/_next/static/chunks/pages/foundations/icons/readme-b73658b2c0f1a9a2.js similarity index 98% rename from review/main/_next/static/chunks/pages/foundations/icons/readme-dab0b2902f64c9d3.js rename to review/main/_next/static/chunks/pages/foundations/icons/readme-b73658b2c0f1a9a2.js index 239f0225dbf..4ed44d98230 100644 --- a/review/main/_next/static/chunks/pages/foundations/icons/readme-dab0b2902f64c9d3.js +++ b/review/main/_next/static/chunks/pages/foundations/icons/readme-b73658b2c0f1a9a2.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[58467],{97775:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/foundations/icons/readme",function(){return t(26558)}])},26558:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return d}});var r=t(52322),i=t(11803),a=t(45392);function s(e){let n={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",li:"li",p:"p",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,a.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.h1,{id:"icons",children:"Icons"}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsxs)(n.li,{children:["We use icon fonts as ",(0,r.jsx)(n.code,{children:"woff2"})," files for all our icons."]}),"\n",(0,r.jsxs)(n.li,{children:["We auto generate these files out of ",(0,r.jsx)(n.code,{children:".svg"})," files."]}),"\n",(0,r.jsxs)(n.li,{children:["A lot of our ",(0,r.jsx)(n.a,{href:"../../components/readme",children:"components"})," have an ",(0,r.jsx)(n.code,{children:"icon"})," property you can pass in."]}),"\n"]}),"\n",(0,r.jsx)(n.h2,{id:"how-to-include-icons",children:"How to include icons"}),"\n",(0,r.jsxs)(n.p,{children:["For ",(0,r.jsx)(n.code,{children:"CSS"}),", ",(0,r.jsx)(n.code,{children:"SCSS"})," and ",(0,r.jsx)(n.code,{children:"Tailwind"})," you don't have to include a specific file, just follow the documentation for ",(0,r.jsx)(n.a,{href:"../../foundations/readme",children:"foundations"}),"."]}),"\n",(0,r.jsx)(n.h3,{id:"how-to-use",children:"How to use"}),"\n",(0,r.jsxs)(n.p,{children:["We're providing an ",(0,r.jsx)(n.a,{href:"./overview",children:"overview for all of our icons"}),"."]}),"\n",(0,r.jsxs)(n.p,{children:["You can add an icon before or after a tag, by adding an ",(0,r.jsx)(n.code,{children:"data-"})," attribute to your HTML code, like for example:"]}),"\n",(0,r.jsxs)(n.table,{children:[(0,r.jsx)(n.thead,{children:(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.th,{children:"Variant"}),(0,r.jsx)(n.th,{style:{textAlign:"center"},children:"Data"})]})}),(0,r.jsxs)(n.tbody,{children:[(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:"before"}),(0,r.jsx)(n.td,{style:{textAlign:"center"},children:(0,r.jsx)(n.code,{children:'data-icon="icon-from-overview"'})})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:"after"}),(0,r.jsx)(n.td,{style:{textAlign:"center"},children:(0,r.jsx)(n.code,{children:'data-icon-after="icon-from-overview"'})})]})]})]}),"\n",(0,r.jsx)(n.h2,{id:"custom-icons",children:"Custom Icons"}),"\n",(0,r.jsxs)(n.p,{children:["If you have custom icons and want to use them for foundations and/or in components, you need to generate a ",(0,r.jsx)(n.code,{children:"woff2"})," file."]}),"\n",(0,r.jsx)(n.p,{children:(0,r.jsx)(n.a,{href:"./CustomIcons.md",children:"More information"})})]})}function o(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:n}={...(0,a.a)(),...e.components};return n?(0,r.jsx)(n,{...e,children:(0,r.jsx)(s,{...e})}):s(e)}let c=e=>{let{children:n}=e;return(0,r.jsx)(i.Z,{children:n})};function l(e){return(0,r.jsx)(o,{})}function d(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(c,{...e,children:(0,r.jsx)(l,{...e})})}},16134:function(e,n,t){"use strict";var r=t(52322),i=t(2784),a=t(13776);let s=(0,i.forwardRef)(function(e,n){let t=n||(0,i.useRef)(n);return(0,r.jsx)("button",{ref:t,...(0,a.mS)(e,[]),id:e.id,className:(0,a.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:n=>{e.onClick&&e.onClick(n)},children:e.children})});n.Z=s},63900:function(e,n,t){"use strict";var r,i,a,s,o,c,l;t.d(n,{IY:function(){return d},YP:function(){return u},ce:function(){return h}});let d="OVERWRITE_DEFAULT_ID",u="Back",h="Close Button";(o=r||(r={})).FUNCTIONAL="functional",o.REGULAR="regular",o.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,n]=e;return n}),(i||(i={})).PRIMARY="primary",(c=a||(a={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(a).map(e=>{let[,n]=e;return n}),Object.entries(i).map(e=>{let[,n]=e;return n}),(l=s||(s={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(s).map(e=>{let[,n]=e;return n})},13776:function(e,n,t){"use strict";t.d(n,{MN:function(){return l},Vj:function(){return r},cd:function(){return c},mS:function(){return o},yI:function(){return a},yn:function(){return i}});let r=()=>{var e,n;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(n=window.crypto)||void 0===n?void 0:n.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,n)=>{Object.values(e.children).forEach(e=>{e.setAttribute(n.key,n.value),e.children.length>0&&i(e,n)})},a=function(){for(var e=arguments.length,n=Array(e),t=0;t{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let n in e)e[n]&&(r+="".concat(n," "))}}),r.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],o=(e,n)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||s.includes(e))&&!n.includes(e)).reduce((n,t)=>(n[t]=e[t],n),{}),c=e=>{let{left:n,right:t}=e.getBoundingClientRect(),{innerWidth:r}=window;return n>=0&&t<=r},l=e=>{let{top:n,bottom:t}=e.getBoundingClientRect(),{innerHeight:r}=window;return n>=0&&t<=r}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=97775)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[58467],{97775:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/foundations/icons/readme",function(){return t(26558)}])},26558:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return d}});var r=t(52322),i=t(12156),a=t(45392);function s(e){let n={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",li:"li",p:"p",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,a.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.h1,{id:"icons",children:"Icons"}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsxs)(n.li,{children:["We use icon fonts as ",(0,r.jsx)(n.code,{children:"woff2"})," files for all our icons."]}),"\n",(0,r.jsxs)(n.li,{children:["We auto generate these files out of ",(0,r.jsx)(n.code,{children:".svg"})," files."]}),"\n",(0,r.jsxs)(n.li,{children:["A lot of our ",(0,r.jsx)(n.a,{href:"../../components/readme",children:"components"})," have an ",(0,r.jsx)(n.code,{children:"icon"})," property you can pass in."]}),"\n"]}),"\n",(0,r.jsx)(n.h2,{id:"how-to-include-icons",children:"How to include icons"}),"\n",(0,r.jsxs)(n.p,{children:["For ",(0,r.jsx)(n.code,{children:"CSS"}),", ",(0,r.jsx)(n.code,{children:"SCSS"})," and ",(0,r.jsx)(n.code,{children:"Tailwind"})," you don't have to include a specific file, just follow the documentation for ",(0,r.jsx)(n.a,{href:"../../foundations/readme",children:"foundations"}),"."]}),"\n",(0,r.jsx)(n.h3,{id:"how-to-use",children:"How to use"}),"\n",(0,r.jsxs)(n.p,{children:["We're providing an ",(0,r.jsx)(n.a,{href:"./overview",children:"overview for all of our icons"}),"."]}),"\n",(0,r.jsxs)(n.p,{children:["You can add an icon before or after a tag, by adding an ",(0,r.jsx)(n.code,{children:"data-"})," attribute to your HTML code, like for example:"]}),"\n",(0,r.jsxs)(n.table,{children:[(0,r.jsx)(n.thead,{children:(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.th,{children:"Variant"}),(0,r.jsx)(n.th,{style:{textAlign:"center"},children:"Data"})]})}),(0,r.jsxs)(n.tbody,{children:[(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:"before"}),(0,r.jsx)(n.td,{style:{textAlign:"center"},children:(0,r.jsx)(n.code,{children:'data-icon="icon-from-overview"'})})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{children:"after"}),(0,r.jsx)(n.td,{style:{textAlign:"center"},children:(0,r.jsx)(n.code,{children:'data-icon-after="icon-from-overview"'})})]})]})]}),"\n",(0,r.jsx)(n.h2,{id:"custom-icons",children:"Custom Icons"}),"\n",(0,r.jsxs)(n.p,{children:["If you have custom icons and want to use them for foundations and/or in components, you need to generate a ",(0,r.jsx)(n.code,{children:"woff2"})," file."]}),"\n",(0,r.jsx)(n.p,{children:(0,r.jsx)(n.a,{href:"./CustomIcons.md",children:"More information"})})]})}function o(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:n}={...(0,a.a)(),...e.components};return n?(0,r.jsx)(n,{...e,children:(0,r.jsx)(s,{...e})}):s(e)}let c=e=>{let{children:n}=e;return(0,r.jsx)(i.Z,{children:n})};function l(e){return(0,r.jsx)(o,{})}function d(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(c,{...e,children:(0,r.jsx)(l,{...e})})}},16134:function(e,n,t){"use strict";var r=t(52322),i=t(2784),a=t(13776);let s=(0,i.forwardRef)(function(e,n){let t=n||(0,i.useRef)(n);return(0,r.jsx)("button",{ref:t,...(0,a.mS)(e,[]),id:e.id,className:(0,a.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:n=>{e.onClick&&e.onClick(n)},children:e.children})});n.Z=s},63900:function(e,n,t){"use strict";var r,i,a,s,o,c,l;t.d(n,{IY:function(){return d},YP:function(){return u},ce:function(){return h}});let d="OVERWRITE_DEFAULT_ID",u="Back",h="Close Button";(o=r||(r={})).FUNCTIONAL="functional",o.REGULAR="regular",o.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,n]=e;return n}),(i||(i={})).PRIMARY="primary",(c=a||(a={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(a).map(e=>{let[,n]=e;return n}),Object.entries(i).map(e=>{let[,n]=e;return n}),(l=s||(s={})).CRITICAL="critical",l.INFORMATIONAL="informational",l.WARNING="warning",l.SUCCESSFUL="successful",Object.entries(s).map(e=>{let[,n]=e;return n})},13776:function(e,n,t){"use strict";t.d(n,{MN:function(){return l},Vj:function(){return r},cd:function(){return c},mS:function(){return o},yI:function(){return a},yn:function(){return i}});let r=()=>{var e,n;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(n=window.crypto)||void 0===n?void 0:n.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,n)=>{Object.values(e.children).forEach(e=>{e.setAttribute(n.key,n.value),e.children.length>0&&i(e,n)})},a=function(){for(var e=arguments.length,n=Array(e),t=0;t{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let n in e)e[n]&&(r+="".concat(n," "))}}),r.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],o=(e,n)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||s.includes(e))&&!n.includes(e)).reduce((n,t)=>(n[t]=e[t],n),{}),c=e=>{let{left:n,right:t}=e.getBoundingClientRect(),{innerWidth:r}=window;return n>=0&&t<=r},l=e=>{let{top:n,bottom:t}=e.getBoundingClientRect(),{innerHeight:r}=window;return n>=0&&t<=r}}},function(e){e.O(0,[49710,12156,92888,49774,40179],function(){return e(e.s=97775)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/foundations/readme-5d6189d187adf8f7.js b/review/main/_next/static/chunks/pages/foundations/readme-53d420925942f665.js similarity index 98% rename from review/main/_next/static/chunks/pages/foundations/readme-5d6189d187adf8f7.js rename to review/main/_next/static/chunks/pages/foundations/readme-53d420925942f665.js index 4d06bb04ced..c5f36fd10d4 100644 --- a/review/main/_next/static/chunks/pages/foundations/readme-5d6189d187adf8f7.js +++ b/review/main/_next/static/chunks/pages/foundations/readme-53d420925942f665.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[66559],{89236:function(e,n,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/foundations/readme",function(){return s(68013)}])},68013:function(e,n,s){"use strict";s.r(n),s.d(n,{default:function(){return l}});var t=s(52322),i=s(11803),r=s(45392);function a(e){let n={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",img:"img",li:"li",p:"p",pre:"pre",ul:"ul",...(0,r.a)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.h1,{id:"db-uifoundations",children:"@db-ui/foundations"}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.img,{src:"/docs/images/download/LicenseApache20blue.svg",alt:"Apache 2.0 license badge"}),"\n",(0,t.jsx)(n.a,{href:"https://github.com/prettier/prettier",children:(0,t.jsx)(n.img,{src:"/docs/images/download/codestyleprettierff69b4styleflatsquare.svg",alt:"code style: prettier"})}),"\n",(0,t.jsx)(n.a,{href:"https://conventionalcommits.org",children:(0,t.jsx)(n.img,{src:"/docs/images/download/Conventional_Commits100yellow.svg",alt:"Conventional Commits"})}),"\n",(0,t.jsx)(n.a,{href:"https://makeapullrequest.com",children:(0,t.jsx)(n.img,{src:"/docs/images/download/PRswelcomebrightgreenstyleflatsquare.svg",alt:"PRs Welcome"})})]}),"\n",(0,t.jsxs)(n.p,{children:["A library containing all tokens (colors, icons, variables) of ",(0,t.jsx)(n.a,{href:"https://github.com/db-ui/mono",children:"DB UX Design System (technical components)"}),"."]}),"\n",(0,t.jsx)(n.p,{children:"We currently support:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.a,{href:"https://db-ui.github.io/mono/review/main/foundations/readme?current=css",children:"CSS"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.a,{href:"https://db-ui.github.io/mono/review/main/foundations/readme?current=scss",children:"SCSS"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.a,{href:"https://db-ui.github.io/mono/review/main/foundations/readme?current=tailwind",children:"Tailwind"})}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"install",children:"Install"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.code,{children:"npm i @db-ui/foundations"})}),"\n",(0,t.jsx)(n.h2,{id:"usage",children:"Usage"}),"\n",(0,t.jsxs)(n.p,{children:["The defaults for ",(0,t.jsx)(n.code,{children:"db-ui-foundations.css"})," are:"]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.a,{href:"https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system-v3/principles/tonalities",children:"Tonality"}),": ",(0,t.jsx)(n.code,{children:"regular"})]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.a,{href:"https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system-v3/principles/adaptive-styles",children:"Adaptive Coloring"}),": ",(0,t.jsx)(n.code,{children:"base"})]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"css",children:"CSS"}),"\n",(0,t.jsxs)(n.p,{children:["Default assets path for ",(0,t.jsx)(n.code,{children:"db-ui-foundations.css"})," is ",(0,t.jsx)(n.code,{children:"../assets"}),". Make sure to copy all used resources like icons and fonts into your ",(0,t.jsx)(n.code,{children:"public"})," folder before build."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",children:'// main.ts / main.js\nimport "@db-ui/foundations/build/css/db-ui-foundations.css";\n// optional: to use classes like e.g. db-ui-bg-success\nimport "@db-ui/foundations/build/css/colors/classes/all.css";\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-css",children:".my-container {\n padding: var(--db-spacing-fixed-md);\n}\n"})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-html",children:'
    \n'})}),"\n",(0,t.jsx)(n.h3,{id:"scss",children:"SCSS"}),"\n",(0,t.jsx)(n.p,{children:"Based on your technology/setup you need to change the paths of the assets folder:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["Default: points to ",(0,t.jsx)(n.code,{children:"../assets"})]}),"\n",(0,t.jsxs)(n.li,{children:["Webpack: points to ",(0,t.jsx)(n.code,{children:"~@db-ui/foundations/assets"})]}),"\n",(0,t.jsxs)(n.li,{children:["Rollup: points to ",(0,t.jsx)(n.code,{children:"@db-ui/foundations/assets"})]}),"\n"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-scss",children:'// index.scss\n@use "@db-ui/foundations/build/scss/rollup.assets-paths";\n@use "@db-ui/foundations/build/scss/icons";\n@use "@db-ui/foundations/build/scss/db-ui-foundations";\n// optional: to use db-ui-bg-success\n@import "@db-ui/foundations/build/scss/colors/classes/all";\n// optional: to use use $db-spacing-fixed-md\n@use "@db-ui/foundations/build/scss/variables";\n\n.my-container {\n padding: $db-spacing-fixed-md;\n}\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-html",children:'
    \n'})}),"\n",(0,t.jsx)(n.h3,{id:"tailwind",children:"Tailwind"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-javascript",children:'//tailwind.config.cjs\n\nconst tokens = require("@db-ui/foundations/build/tailwind/tailwind-tokens.json");\n\nmodule.exports = {\n content: ["./index.html", "./src/**/*.{js,jsx,ts,tsx}"],\n plugins: [],\n theme: {\n screens: tokens.screens,\n spacing: tokens.spacing,\n boxShadow: tokens.elevation,\n gap: ({ theme }) => ({\n ...theme("spacing")\n }),\n space: ({ theme }) => ({\n ...theme("spacing")\n })\n }\n};\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-html",children:'
    \n'})}),"\n",(0,t.jsx)(n.h2,{id:"deutsche-bahn-brand",children:"Deutsche Bahn brand"}),"\n",(0,t.jsxs)(n.p,{children:["As we'd like to perfectly support our users and customers on their digital journey, the usage of Deutsche Bahn brand and trademarks are bound of clear guidelines and restrictions even when being used with the code that we're provide with this product; Deutsche Bahn fully reserves all rights regarding the Deutsche Bahn brand, even though that we're providing the code of DB UI products free to use and release it under the Apache 2.0 license.\nPlease have a look at our brand portal at ",(0,t.jsx)(n.a,{href:"https://marketingportal.extranet.deutschebahn.com/",children:"https://marketingportal.extranet.deutschebahn.com/"})," for any further questions and whom to contact on any brand issues."]}),"\n",(0,t.jsx)(n.p,{children:"You must remove or replace any Deutsche Bahn brand and design assets as well as protected characteristics and trademarks. We're even also planning to provide a neutral theme that would make it much easier for you to use our product without the trademarks by Deutsche Bahn."}),"\n",(0,t.jsx)(n.h2,{id:"contributions",children:"Contributions"}),"\n",(0,t.jsxs)(n.p,{children:["Contributions are very welcome, please refer to the ",(0,t.jsx)(n.a,{href:"https://github.com/db-ui/mono/blob/main/CONTRIBUTING.md",children:"contribution guide"}),"."]}),"\n",(0,t.jsx)(n.h2,{id:"code-of-conduct",children:"Code of conduct"}),"\n",(0,t.jsxs)(n.p,{children:["We as members, contributors, and leaders pledge to make participation in our\ncommunity a harassment-free experience for everyone – have a look at our ",(0,t.jsx)(n.a,{href:"https://github.com/db-ui/mono/blob/main/CODE-OF-CONDUCT.md",children:"Contributor Covenant Code of Conduct"}),"."]}),"\n",(0,t.jsx)(n.h2,{id:"license",children:"License"}),"\n",(0,t.jsxs)(n.p,{children:["This project is licensed under ",(0,t.jsx)(n.a,{href:"LICENSE",children:"Apache-2.0"}),"."]})]})}function o(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:n}={...(0,r.a)(),...e.components};return n?(0,t.jsx)(n,{...e,children:(0,t.jsx)(a,{...e})}):a(e)}let d=e=>{let{children:n}=e;return(0,t.jsx)(i.Z,{children:n})};function c(e){return(0,t.jsx)(o,{})}function l(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,t.jsx)(d,{...e,children:(0,t.jsx)(c,{...e})})}},16134:function(e,n,s){"use strict";var t=s(52322),i=s(2784),r=s(13776);let a=(0,i.forwardRef)(function(e,n){let s=n||(0,i.useRef)(n);return(0,t.jsx)("button",{ref:s,...(0,r.mS)(e,[]),id:e.id,className:(0,r.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:n=>{e.onClick&&e.onClick(n)},children:e.children})});n.Z=a},63900:function(e,n,s){"use strict";var t,i,r,a,o,d,c;s.d(n,{IY:function(){return l},YP:function(){return u},ce:function(){return h}});let l="OVERWRITE_DEFAULT_ID",u="Back",h="Close Button";(o=t||(t={})).FUNCTIONAL="functional",o.REGULAR="regular",o.EXPRESSIVE="expressive",Object.entries(t).map(e=>{let[,n]=e;return n}),(i||(i={})).PRIMARY="primary",(d=r||(r={})).BASE="base",d.BASE_STRONG="base-strong",d.BASE_TRANSPARENT_SEMI="base-transparent-semi",d.BASE_TRANSPARENT_FULL="base-transparent-full",d.NEUTRAL="neutral",d.NEUTRAL_STRONG="neutral-strong",d.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",d.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",d.BRAND="brand",d.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",d.BRAND_TRANSPARENT_FULL="brand-transparent-full",d.SUCCESSFUL="successful",d.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",d.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",d.CRITICAL="critical",d.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",d.CRITICAL_TRANSPARENT_Full="critical-transparent-full",d.WARNING="warning",d.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",d.WARNING_TRANSPARENT_FULL="warning-transparent-full",d.INFORMATIONAL="informational",d.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",d.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(r).map(e=>{let[,n]=e;return n}),Object.entries(i).map(e=>{let[,n]=e;return n}),(c=a||(a={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(a).map(e=>{let[,n]=e;return n})},13776:function(e,n,s){"use strict";s.d(n,{MN:function(){return c},Vj:function(){return t},cd:function(){return d},mS:function(){return o},yI:function(){return r},yn:function(){return i}});let t=()=>{var e,n;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(n=window.crypto)||void 0===n?void 0:n.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,n)=>{Object.values(e.children).forEach(e=>{e.setAttribute(n.key,n.value),e.children.length>0&&i(e,n)})},r=function(){for(var e=arguments.length,n=Array(e),s=0;s{if(e){if("string"==typeof e)t+="".concat(e," ");else for(let n in e)e[n]&&(t+="".concat(n," "))}}),t.trim()},a=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],o=(e,n)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||a.includes(e))&&!n.includes(e)).reduce((n,s)=>(n[s]=e[s],n),{}),d=e=>{let{left:n,right:s}=e.getBoundingClientRect(),{innerWidth:t}=window;return n>=0&&s<=t},c=e=>{let{top:n,bottom:s}=e.getBoundingClientRect(),{innerHeight:t}=window;return n>=0&&s<=t}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=89236)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[66559],{89236:function(e,n,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/foundations/readme",function(){return s(68013)}])},68013:function(e,n,s){"use strict";s.r(n),s.d(n,{default:function(){return l}});var t=s(52322),i=s(12156),r=s(45392);function a(e){let n={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",img:"img",li:"li",p:"p",pre:"pre",ul:"ul",...(0,r.a)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.h1,{id:"db-uifoundations",children:"@db-ui/foundations"}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.img,{src:"/docs/images/download/LicenseApache20blue.svg",alt:"Apache 2.0 license badge"}),"\n",(0,t.jsx)(n.a,{href:"https://github.com/prettier/prettier",children:(0,t.jsx)(n.img,{src:"/docs/images/download/codestyleprettierff69b4styleflatsquare.svg",alt:"code style: prettier"})}),"\n",(0,t.jsx)(n.a,{href:"https://conventionalcommits.org",children:(0,t.jsx)(n.img,{src:"/docs/images/download/Conventional_Commits100yellow.svg",alt:"Conventional Commits"})}),"\n",(0,t.jsx)(n.a,{href:"https://makeapullrequest.com",children:(0,t.jsx)(n.img,{src:"/docs/images/download/PRswelcomebrightgreenstyleflatsquare.svg",alt:"PRs Welcome"})})]}),"\n",(0,t.jsxs)(n.p,{children:["A library containing all tokens (colors, icons, variables) of ",(0,t.jsx)(n.a,{href:"https://github.com/db-ui/mono",children:"DB UX Design System (technical components)"}),"."]}),"\n",(0,t.jsx)(n.p,{children:"We currently support:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.a,{href:"https://db-ui.github.io/mono/review/main/foundations/readme?current=css",children:"CSS"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.a,{href:"https://db-ui.github.io/mono/review/main/foundations/readme?current=scss",children:"SCSS"})}),"\n",(0,t.jsx)(n.li,{children:(0,t.jsx)(n.a,{href:"https://db-ui.github.io/mono/review/main/foundations/readme?current=tailwind",children:"Tailwind"})}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"install",children:"Install"}),"\n",(0,t.jsx)(n.p,{children:(0,t.jsx)(n.code,{children:"npm i @db-ui/foundations"})}),"\n",(0,t.jsx)(n.h2,{id:"usage",children:"Usage"}),"\n",(0,t.jsxs)(n.p,{children:["The defaults for ",(0,t.jsx)(n.code,{children:"db-ui-foundations.css"})," are:"]}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.a,{href:"https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system-v3/principles/tonalities",children:"Tonality"}),": ",(0,t.jsx)(n.code,{children:"regular"})]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.a,{href:"https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system-v3/principles/adaptive-styles",children:"Adaptive Coloring"}),": ",(0,t.jsx)(n.code,{children:"base"})]}),"\n"]}),"\n",(0,t.jsx)(n.h3,{id:"css",children:"CSS"}),"\n",(0,t.jsxs)(n.p,{children:["Default assets path for ",(0,t.jsx)(n.code,{children:"db-ui-foundations.css"})," is ",(0,t.jsx)(n.code,{children:"../assets"}),". Make sure to copy all used resources like icons and fonts into your ",(0,t.jsx)(n.code,{children:"public"})," folder before build."]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-ts",children:'// main.ts / main.js\nimport "@db-ui/foundations/build/css/db-ui-foundations.css";\n// optional: to use classes like e.g. db-ui-bg-success\nimport "@db-ui/foundations/build/css/colors/classes/all.css";\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-css",children:".my-container {\n padding: var(--db-spacing-fixed-md);\n}\n"})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-html",children:'
    \n'})}),"\n",(0,t.jsx)(n.h3,{id:"scss",children:"SCSS"}),"\n",(0,t.jsx)(n.p,{children:"Based on your technology/setup you need to change the paths of the assets folder:"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:["Default: points to ",(0,t.jsx)(n.code,{children:"../assets"})]}),"\n",(0,t.jsxs)(n.li,{children:["Webpack: points to ",(0,t.jsx)(n.code,{children:"~@db-ui/foundations/assets"})]}),"\n",(0,t.jsxs)(n.li,{children:["Rollup: points to ",(0,t.jsx)(n.code,{children:"@db-ui/foundations/assets"})]}),"\n"]}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-scss",children:'// index.scss\n@use "@db-ui/foundations/build/scss/rollup.assets-paths";\n@use "@db-ui/foundations/build/scss/icons";\n@use "@db-ui/foundations/build/scss/db-ui-foundations";\n// optional: to use db-ui-bg-success\n@import "@db-ui/foundations/build/scss/colors/classes/all";\n// optional: to use use $db-spacing-fixed-md\n@use "@db-ui/foundations/build/scss/variables";\n\n.my-container {\n padding: $db-spacing-fixed-md;\n}\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-html",children:'
    \n'})}),"\n",(0,t.jsx)(n.h3,{id:"tailwind",children:"Tailwind"}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-javascript",children:'//tailwind.config.cjs\n\nconst tokens = require("@db-ui/foundations/build/tailwind/tailwind-tokens.json");\n\nmodule.exports = {\n content: ["./index.html", "./src/**/*.{js,jsx,ts,tsx}"],\n plugins: [],\n theme: {\n screens: tokens.screens,\n spacing: tokens.spacing,\n boxShadow: tokens.elevation,\n gap: ({ theme }) => ({\n ...theme("spacing")\n }),\n space: ({ theme }) => ({\n ...theme("spacing")\n })\n }\n};\n'})}),"\n",(0,t.jsx)(n.pre,{children:(0,t.jsx)(n.code,{className:"language-html",children:'
    \n'})}),"\n",(0,t.jsx)(n.h2,{id:"deutsche-bahn-brand",children:"Deutsche Bahn brand"}),"\n",(0,t.jsxs)(n.p,{children:["As we'd like to perfectly support our users and customers on their digital journey, the usage of Deutsche Bahn brand and trademarks are bound of clear guidelines and restrictions even when being used with the code that we're provide with this product; Deutsche Bahn fully reserves all rights regarding the Deutsche Bahn brand, even though that we're providing the code of DB UI products free to use and release it under the Apache 2.0 license.\nPlease have a look at our brand portal at ",(0,t.jsx)(n.a,{href:"https://marketingportal.extranet.deutschebahn.com/",children:"https://marketingportal.extranet.deutschebahn.com/"})," for any further questions and whom to contact on any brand issues."]}),"\n",(0,t.jsx)(n.p,{children:"You must remove or replace any Deutsche Bahn brand and design assets as well as protected characteristics and trademarks. We're even also planning to provide a neutral theme that would make it much easier for you to use our product without the trademarks by Deutsche Bahn."}),"\n",(0,t.jsx)(n.h2,{id:"contributions",children:"Contributions"}),"\n",(0,t.jsxs)(n.p,{children:["Contributions are very welcome, please refer to the ",(0,t.jsx)(n.a,{href:"https://github.com/db-ui/mono/blob/main/CONTRIBUTING.md",children:"contribution guide"}),"."]}),"\n",(0,t.jsx)(n.h2,{id:"code-of-conduct",children:"Code of conduct"}),"\n",(0,t.jsxs)(n.p,{children:["We as members, contributors, and leaders pledge to make participation in our\ncommunity a harassment-free experience for everyone – have a look at our ",(0,t.jsx)(n.a,{href:"https://github.com/db-ui/mono/blob/main/CODE-OF-CONDUCT.md",children:"Contributor Covenant Code of Conduct"}),"."]}),"\n",(0,t.jsx)(n.h2,{id:"license",children:"License"}),"\n",(0,t.jsxs)(n.p,{children:["This project is licensed under ",(0,t.jsx)(n.a,{href:"LICENSE",children:"Apache-2.0"}),"."]})]})}function o(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:n}={...(0,r.a)(),...e.components};return n?(0,t.jsx)(n,{...e,children:(0,t.jsx)(a,{...e})}):a(e)}let d=e=>{let{children:n}=e;return(0,t.jsx)(i.Z,{children:n})};function c(e){return(0,t.jsx)(o,{})}function l(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,t.jsx)(d,{...e,children:(0,t.jsx)(c,{...e})})}},16134:function(e,n,s){"use strict";var t=s(52322),i=s(2784),r=s(13776);let a=(0,i.forwardRef)(function(e,n){let s=n||(0,i.useRef)(n);return(0,t.jsx)("button",{ref:s,...(0,r.mS)(e,[]),id:e.id,className:(0,r.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:n=>{e.onClick&&e.onClick(n)},children:e.children})});n.Z=a},63900:function(e,n,s){"use strict";var t,i,r,a,o,d,c;s.d(n,{IY:function(){return l},YP:function(){return u},ce:function(){return h}});let l="OVERWRITE_DEFAULT_ID",u="Back",h="Close Button";(o=t||(t={})).FUNCTIONAL="functional",o.REGULAR="regular",o.EXPRESSIVE="expressive",Object.entries(t).map(e=>{let[,n]=e;return n}),(i||(i={})).PRIMARY="primary",(d=r||(r={})).BASE="base",d.BASE_STRONG="base-strong",d.BASE_TRANSPARENT_SEMI="base-transparent-semi",d.BASE_TRANSPARENT_FULL="base-transparent-full",d.NEUTRAL="neutral",d.NEUTRAL_STRONG="neutral-strong",d.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",d.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",d.BRAND="brand",d.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",d.BRAND_TRANSPARENT_FULL="brand-transparent-full",d.SUCCESSFUL="successful",d.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",d.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",d.CRITICAL="critical",d.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",d.CRITICAL_TRANSPARENT_Full="critical-transparent-full",d.WARNING="warning",d.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",d.WARNING_TRANSPARENT_FULL="warning-transparent-full",d.INFORMATIONAL="informational",d.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",d.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(r).map(e=>{let[,n]=e;return n}),Object.entries(i).map(e=>{let[,n]=e;return n}),(c=a||(a={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(a).map(e=>{let[,n]=e;return n})},13776:function(e,n,s){"use strict";s.d(n,{MN:function(){return c},Vj:function(){return t},cd:function(){return d},mS:function(){return o},yI:function(){return r},yn:function(){return i}});let t=()=>{var e,n;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(n=window.crypto)||void 0===n?void 0:n.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,n)=>{Object.values(e.children).forEach(e=>{e.setAttribute(n.key,n.value),e.children.length>0&&i(e,n)})},r=function(){for(var e=arguments.length,n=Array(e),s=0;s{if(e){if("string"==typeof e)t+="".concat(e," ");else for(let n in e)e[n]&&(t+="".concat(n," "))}}),t.trim()},a=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],o=(e,n)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||a.includes(e))&&!n.includes(e)).reduce((n,s)=>(n[s]=e[s],n),{}),d=e=>{let{left:n,right:s}=e.getBoundingClientRect(),{innerWidth:t}=window;return n>=0&&s<=t},c=e=>{let{top:n,bottom:s}=e.getBoundingClientRect(),{innerHeight:t}=window;return n>=0&&s<=t}}},function(e){e.O(0,[49710,12156,92888,49774,40179],function(){return e(e.s=89236)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/foundations/tonalities/examples-c021df3717330901.js b/review/main/_next/static/chunks/pages/foundations/tonalities/examples-f2f0768aa5d8fef2.js similarity index 97% rename from review/main/_next/static/chunks/pages/foundations/tonalities/examples-c021df3717330901.js rename to review/main/_next/static/chunks/pages/foundations/tonalities/examples-f2f0768aa5d8fef2.js index 2121006b469..80b572fb6e9 100644 --- a/review/main/_next/static/chunks/pages/foundations/tonalities/examples-c021df3717330901.js +++ b/review/main/_next/static/chunks/pages/foundations/tonalities/examples-f2f0768aa5d8fef2.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[35585],{68406:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/foundations/tonalities/examples",function(){return n(79531)}])},16134:function(e,t,n){"use strict";var a=n(52322),r=n(2784),i=n(13776);let s=(0,r.forwardRef)(function(e,t){let n=t||(0,r.useRef)(t);return(0,a.jsx)("button",{ref:n,...(0,i.mS)(e,[]),id:e.id,className:(0,i.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=s},63900:function(e,t,n){"use strict";var a,r,i,s,l,c,o;n.d(t,{IY:function(){return d},YP:function(){return u},ce:function(){return p}});let d="OVERWRITE_DEFAULT_ID",u="Back",p="Close Button";(l=a||(a={})).FUNCTIONAL="functional",l.REGULAR="regular",l.EXPRESSIVE="expressive",Object.entries(a).map(e=>{let[,t]=e;return t}),(r||(r={})).PRIMARY="primary",(c=i||(i={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(e=>{let[,t]=e;return t}),Object.entries(r).map(e=>{let[,t]=e;return t}),(o=s||(s={})).CRITICAL="critical",o.INFORMATIONAL="informational",o.WARNING="warning",o.SUCCESSFUL="successful",Object.entries(s).map(e=>{let[,t]=e;return t})},13776:function(e,t,n){"use strict";n.d(t,{MN:function(){return o},Vj:function(){return a},cd:function(){return c},mS:function(){return l},yI:function(){return i},yn:function(){return r}});let a=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},r=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&r(e,t)})},i=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)a+="".concat(e," ");else for(let t in e)e[t]&&(a+="".concat(t," "))}}),a.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],l=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||s.includes(e))&&!t.includes(e)).reduce((t,n)=>(t[n]=e[n],t),{}),c=e=>{let{left:t,right:n}=e.getBoundingClientRect(),{innerWidth:a}=window;return t>=0&&n<=a},o=e=>{let{top:t,bottom:n}=e.getBoundingClientRect(),{innerHeight:a}=window;return t>=0&&n<=a}},79531:function(e,t,n){"use strict";n.r(t);var a=n(52322),r=n(11803),i=n(86095);let s=["functional","regular","expressive"];t.default=()=>(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("h1",{children:"Tonality Examples"}),(0,a.jsx)("p",{children:'Open "inspect" to see the different spacings & sizing applied to the cards and components.'}),(0,a.jsx)("h2",{children:"Example side by side:"}),(0,a.jsxs)("div",{className:"tonality-example-grid",children:[s.map(e=>(0,a.jsx)("h3",{children:e.charAt(0).toUpperCase()+e.slice(1)},"grid-headline-".concat(e))),s.map(e=>(0,a.jsx)("article",{"data-tonality":e,children:(0,a.jsxs)(i.f,{spacing:"small",children:[(0,a.jsx)("h4",{children:"Login"}),(0,a.jsx)("p",{children:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua."}),(0,a.jsx)(i.aq,{label:"Username"}),(0,a.jsx)(i.aq,{label:"Password",type:"password"}),(0,a.jsx)(i.Y1,{width:"full",variant:"primary",children:"Login"})]})},"grid-card-".concat(e)))]}),(0,a.jsx)("h2",{children:"Example multiple tonalities working together:"}),(0,a.jsxs)("div",{className:"tonality-example-page",children:[(0,a.jsxs)("div",{className:"tonality-example-page-functional","data-tonality":"functional",children:[(0,a.jsx)(i.f,{colorVariant:"neutral",spacing:"small",children:"We are functional"}),(0,a.jsx)(i.f,{colorVariant:"informational",spacing:"small",children:"even that we have"}),(0,a.jsx)(i.f,{colorVariant:"successful",spacing:"small",children:"a color"}),(0,a.jsx)(i.f,{colorVariant:"warning",spacing:"small",children:"the user shouldn't"}),(0,a.jsx)(i.f,{colorVariant:"critical",spacing:"small",children:"focus us"})]}),(0,a.jsx)("div",{className:"tonality-example-page-expressive","data-tonality":"expressive",children:(0,a.jsx)(i.f,{spacing:"medium",children:"I'm expressive the user should focus me first"})}),(0,a.jsxs)("div",{className:"tonality-example-page-regular","data-tonality":"regular",children:[(0,a.jsx)(i.f,{spacing:"small",children:"We"}),(0,a.jsx)(i.f,{spacing:"small",children:"are"}),(0,a.jsx)(i.f,{spacing:"small",children:"regular"})]})]})]})}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=68406)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[35585],{68406:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/foundations/tonalities/examples",function(){return n(79531)}])},16134:function(e,t,n){"use strict";var a=n(52322),r=n(2784),i=n(13776);let s=(0,r.forwardRef)(function(e,t){let n=t||(0,r.useRef)(t);return(0,a.jsx)("button",{ref:n,...(0,i.mS)(e,[]),id:e.id,className:(0,i.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:t=>{e.onClick&&e.onClick(t)},children:e.children})});t.Z=s},63900:function(e,t,n){"use strict";var a,r,i,s,l,c,o;n.d(t,{IY:function(){return d},YP:function(){return u},ce:function(){return p}});let d="OVERWRITE_DEFAULT_ID",u="Back",p="Close Button";(l=a||(a={})).FUNCTIONAL="functional",l.REGULAR="regular",l.EXPRESSIVE="expressive",Object.entries(a).map(e=>{let[,t]=e;return t}),(r||(r={})).PRIMARY="primary",(c=i||(i={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(i).map(e=>{let[,t]=e;return t}),Object.entries(r).map(e=>{let[,t]=e;return t}),(o=s||(s={})).CRITICAL="critical",o.INFORMATIONAL="informational",o.WARNING="warning",o.SUCCESSFUL="successful",Object.entries(s).map(e=>{let[,t]=e;return t})},13776:function(e,t,n){"use strict";n.d(t,{MN:function(){return o},Vj:function(){return a},cd:function(){return c},mS:function(){return l},yI:function(){return i},yn:function(){return r}});let a=()=>{var e,t;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(t=window.crypto)||void 0===t?void 0:t.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},r=(e,t)=>{Object.values(e.children).forEach(e=>{e.setAttribute(t.key,t.value),e.children.length>0&&r(e,t)})},i=function(){for(var e=arguments.length,t=Array(e),n=0;n{if(e){if("string"==typeof e)a+="".concat(e," ");else for(let t in e)e[t]&&(a+="".concat(t," "))}}),a.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],l=(e,t)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||s.includes(e))&&!t.includes(e)).reduce((t,n)=>(t[n]=e[n],t),{}),c=e=>{let{left:t,right:n}=e.getBoundingClientRect(),{innerWidth:a}=window;return t>=0&&n<=a},o=e=>{let{top:t,bottom:n}=e.getBoundingClientRect(),{innerHeight:a}=window;return t>=0&&n<=a}},79531:function(e,t,n){"use strict";n.r(t);var a=n(52322),r=n(12156),i=n(53752);let s=["functional","regular","expressive"];t.default=()=>(0,a.jsxs)(r.Z,{children:[(0,a.jsx)("h1",{children:"Tonality Examples"}),(0,a.jsx)("p",{children:'Open "inspect" to see the different spacings & sizing applied to the cards and components.'}),(0,a.jsx)("h2",{children:"Example side by side:"}),(0,a.jsxs)("div",{className:"tonality-example-grid",children:[s.map(e=>(0,a.jsx)("h3",{children:e.charAt(0).toUpperCase()+e.slice(1)},"grid-headline-".concat(e))),s.map(e=>(0,a.jsx)("article",{"data-tonality":e,children:(0,a.jsxs)(i.f,{spacing:"small",children:[(0,a.jsx)("h4",{children:"Login"}),(0,a.jsx)("p",{children:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua."}),(0,a.jsx)(i.aq,{label:"Username"}),(0,a.jsx)(i.aq,{label:"Password",type:"password"}),(0,a.jsx)(i.Y1,{width:"full",variant:"primary",children:"Login"})]})},"grid-card-".concat(e)))]}),(0,a.jsx)("h2",{children:"Example multiple tonalities working together:"}),(0,a.jsxs)("div",{className:"tonality-example-page",children:[(0,a.jsxs)("div",{className:"tonality-example-page-functional","data-tonality":"functional",children:[(0,a.jsx)(i.f,{colorVariant:"neutral",spacing:"small",children:"We are functional"}),(0,a.jsx)(i.f,{colorVariant:"informational",spacing:"small",children:"even that we have"}),(0,a.jsx)(i.f,{colorVariant:"successful",spacing:"small",children:"a color"}),(0,a.jsx)(i.f,{colorVariant:"warning",spacing:"small",children:"the user shouldn't"}),(0,a.jsx)(i.f,{colorVariant:"critical",spacing:"small",children:"focus us"})]}),(0,a.jsx)("div",{className:"tonality-example-page-expressive","data-tonality":"expressive",children:(0,a.jsx)(i.f,{spacing:"medium",children:"I'm expressive the user should focus me first"})}),(0,a.jsxs)("div",{className:"tonality-example-page-regular","data-tonality":"regular",children:[(0,a.jsx)(i.f,{spacing:"small",children:"We"}),(0,a.jsx)(i.f,{spacing:"small",children:"are"}),(0,a.jsx)(i.f,{spacing:"small",children:"regular"})]})]})]})}},function(e){e.O(0,[49710,12156,92888,49774,40179],function(){return e(e.s=68406)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/foundations/tonalities/readme-8c7615974b025e90.js b/review/main/_next/static/chunks/pages/foundations/tonalities/readme-55f02baadb612b7c.js similarity index 98% rename from review/main/_next/static/chunks/pages/foundations/tonalities/readme-8c7615974b025e90.js rename to review/main/_next/static/chunks/pages/foundations/tonalities/readme-55f02baadb612b7c.js index 9e59eaedc25..ce788b181e5 100644 --- a/review/main/_next/static/chunks/pages/foundations/tonalities/readme-8c7615974b025e90.js +++ b/review/main/_next/static/chunks/pages/foundations/tonalities/readme-55f02baadb612b7c.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[77656],{75664:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/foundations/tonalities/readme",function(){return t(65235)}])},65235:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return d}});var r=t(52322),i=t(11803),a=t(45392);function s(e){let n={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",li:"li",ol:"ol",p:"p",pre:"pre",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,a.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.h1,{id:"tonalities",children:"Tonalities"}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsxs)(n.li,{children:["You could use ",(0,r.jsx)(n.code,{children:"Tonalities"}),' to create visual "volume levels"']}),"\n",(0,r.jsx)(n.li,{children:"You could change the appearance of a container rather than a component"}),"\n",(0,r.jsxs)(n.li,{children:["Best example is the navigation on our ",(0,r.jsx)(n.a,{href:"https://db-ui.github.io/mono/review/main/",children:"main page"}),'. Above the navigation is a smaller meta-navigation and even the component inside is smaller as well as all the spacings. The meta-navigation is above the real navigation, but focus of the user is on the real navigation, because the meta-navigation has less "volume"']}),"\n"]}),"\n",(0,r.jsxs)(n.p,{children:["There are three different ",(0,r.jsx)(n.code,{children:"Tonalities"}),", you can use them to change the volume of a specific container or even the entire page based on the use-case, so change the default ",(0,r.jsx)(n.code,{children:"tonality"})," when:"]}),"\n",(0,r.jsxs)(n.ol,{children:["\n",(0,r.jsxs)(n.li,{children:[(0,r.jsx)(n.code,{children:"functional"}),": e.g. use this for business apps with large tables"]}),"\n",(0,r.jsxs)(n.li,{children:[(0,r.jsx)(n.code,{children:"regular"}),": e.g. use this for normal consumer apps"]}),"\n",(0,r.jsxs)(n.li,{children:[(0,r.jsx)(n.code,{children:"expressive"}),": e.g. use this for marketing apps/ single pages"]}),"\n"]}),"\n",(0,r.jsx)(n.h2,{id:"how-to-include",children:"How to include"}),"\n",(0,r.jsxs)(n.p,{children:["For ",(0,r.jsx)(n.code,{children:"CSS"}),", ",(0,r.jsx)(n.code,{children:"SCSS"})," and ",(0,r.jsx)(n.code,{children:"Tailwind"})," you don't have to include a specific file, just follow the documentation for ",(0,r.jsx)(n.a,{href:"../../foundations/readme",children:"foundations"}),"."]}),"\n",(0,r.jsx)(n.h3,{id:"how-to-use",children:"How to use"}),"\n",(0,r.jsxs)(n.p,{children:["We're providing ",(0,r.jsx)(n.a,{href:"./examples",children:"examples"})," to see the differences."]}),"\n",(0,r.jsxs)(n.p,{children:["We set the ",(0,r.jsx)(n.code,{children:"data-tonality"})," on a container like a ",(0,r.jsx)(n.code,{children:"div"}),":"]}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-html",children:'
    \n \n Test\n \n
    \n'})}),"\n",(0,r.jsx)(n.p,{children:"Variants:"}),"\n",(0,r.jsxs)(n.table,{children:[(0,r.jsx)(n.thead,{children:(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.th,{style:{textAlign:"center"},children:"Variant"}),(0,r.jsx)(n.th,{children:"CSS/SCSS/Tailwind"})]})}),(0,r.jsxs)(n.tbody,{children:[(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{style:{textAlign:"center"},children:(0,r.jsx)(n.code,{children:"functional"})}),(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:'data-tonality="functional"'})})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsxs)(n.td,{style:{textAlign:"center"},children:[(0,r.jsx)(n.code,{children:"regular"})," (default)"]}),(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:'data-tonality="regular"'})})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{style:{textAlign:"center"},children:(0,r.jsx)(n.code,{children:"expressive"})}),(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:'data-tonality="expressive"'})})]})]})]}),"\n",(0,r.jsxs)(n.p,{children:["To change the ",(0,r.jsx)(n.code,{children:"tonality"})," of the entire page use:"]}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-html",children:'\n ...\n\n'})})]})}function l(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:n}={...(0,a.a)(),...e.components};return n?(0,r.jsx)(n,{...e,children:(0,r.jsx)(s,{...e})}):s(e)}let o=e=>{let{children:n}=e;return(0,r.jsx)(i.Z,{children:n})};function c(e){return(0,r.jsx)(l,{})}function d(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(o,{...e,children:(0,r.jsx)(c,{...e})})}},16134:function(e,n,t){"use strict";var r=t(52322),i=t(2784),a=t(13776);let s=(0,i.forwardRef)(function(e,n){let t=n||(0,i.useRef)(n);return(0,r.jsx)("button",{ref:t,...(0,a.mS)(e,[]),id:e.id,className:(0,a.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:n=>{e.onClick&&e.onClick(n)},children:e.children})});n.Z=s},63900:function(e,n,t){"use strict";var r,i,a,s,l,o,c;t.d(n,{IY:function(){return d},YP:function(){return u},ce:function(){return h}});let d="OVERWRITE_DEFAULT_ID",u="Back",h="Close Button";(l=r||(r={})).FUNCTIONAL="functional",l.REGULAR="regular",l.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,n]=e;return n}),(i||(i={})).PRIMARY="primary",(o=a||(a={})).BASE="base",o.BASE_STRONG="base-strong",o.BASE_TRANSPARENT_SEMI="base-transparent-semi",o.BASE_TRANSPARENT_FULL="base-transparent-full",o.NEUTRAL="neutral",o.NEUTRAL_STRONG="neutral-strong",o.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",o.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",o.BRAND="brand",o.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",o.BRAND_TRANSPARENT_FULL="brand-transparent-full",o.SUCCESSFUL="successful",o.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",o.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",o.CRITICAL="critical",o.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",o.CRITICAL_TRANSPARENT_Full="critical-transparent-full",o.WARNING="warning",o.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",o.WARNING_TRANSPARENT_FULL="warning-transparent-full",o.INFORMATIONAL="informational",o.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",o.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(a).map(e=>{let[,n]=e;return n}),Object.entries(i).map(e=>{let[,n]=e;return n}),(c=s||(s={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(s).map(e=>{let[,n]=e;return n})},13776:function(e,n,t){"use strict";t.d(n,{MN:function(){return c},Vj:function(){return r},cd:function(){return o},mS:function(){return l},yI:function(){return a},yn:function(){return i}});let r=()=>{var e,n;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(n=window.crypto)||void 0===n?void 0:n.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,n)=>{Object.values(e.children).forEach(e=>{e.setAttribute(n.key,n.value),e.children.length>0&&i(e,n)})},a=function(){for(var e=arguments.length,n=Array(e),t=0;t{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let n in e)e[n]&&(r+="".concat(n," "))}}),r.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],l=(e,n)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||s.includes(e))&&!n.includes(e)).reduce((n,t)=>(n[t]=e[t],n),{}),o=e=>{let{left:n,right:t}=e.getBoundingClientRect(),{innerWidth:r}=window;return n>=0&&t<=r},c=e=>{let{top:n,bottom:t}=e.getBoundingClientRect(),{innerHeight:r}=window;return n>=0&&t<=r}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=75664)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[77656],{75664:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/foundations/tonalities/readme",function(){return t(65235)}])},65235:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return d}});var r=t(52322),i=t(12156),a=t(45392);function s(e){let n={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",li:"li",ol:"ol",p:"p",pre:"pre",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,a.a)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.h1,{id:"tonalities",children:"Tonalities"}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsxs)(n.li,{children:["You could use ",(0,r.jsx)(n.code,{children:"Tonalities"}),' to create visual "volume levels"']}),"\n",(0,r.jsx)(n.li,{children:"You could change the appearance of a container rather than a component"}),"\n",(0,r.jsxs)(n.li,{children:["Best example is the navigation on our ",(0,r.jsx)(n.a,{href:"https://db-ui.github.io/mono/review/main/",children:"main page"}),'. Above the navigation is a smaller meta-navigation and even the component inside is smaller as well as all the spacings. The meta-navigation is above the real navigation, but focus of the user is on the real navigation, because the meta-navigation has less "volume"']}),"\n"]}),"\n",(0,r.jsxs)(n.p,{children:["There are three different ",(0,r.jsx)(n.code,{children:"Tonalities"}),", you can use them to change the volume of a specific container or even the entire page based on the use-case, so change the default ",(0,r.jsx)(n.code,{children:"tonality"})," when:"]}),"\n",(0,r.jsxs)(n.ol,{children:["\n",(0,r.jsxs)(n.li,{children:[(0,r.jsx)(n.code,{children:"functional"}),": e.g. use this for business apps with large tables"]}),"\n",(0,r.jsxs)(n.li,{children:[(0,r.jsx)(n.code,{children:"regular"}),": e.g. use this for normal consumer apps"]}),"\n",(0,r.jsxs)(n.li,{children:[(0,r.jsx)(n.code,{children:"expressive"}),": e.g. use this for marketing apps/ single pages"]}),"\n"]}),"\n",(0,r.jsx)(n.h2,{id:"how-to-include",children:"How to include"}),"\n",(0,r.jsxs)(n.p,{children:["For ",(0,r.jsx)(n.code,{children:"CSS"}),", ",(0,r.jsx)(n.code,{children:"SCSS"})," and ",(0,r.jsx)(n.code,{children:"Tailwind"})," you don't have to include a specific file, just follow the documentation for ",(0,r.jsx)(n.a,{href:"../../foundations/readme",children:"foundations"}),"."]}),"\n",(0,r.jsx)(n.h3,{id:"how-to-use",children:"How to use"}),"\n",(0,r.jsxs)(n.p,{children:["We're providing ",(0,r.jsx)(n.a,{href:"./examples",children:"examples"})," to see the differences."]}),"\n",(0,r.jsxs)(n.p,{children:["We set the ",(0,r.jsx)(n.code,{children:"data-tonality"})," on a container like a ",(0,r.jsx)(n.code,{children:"div"}),":"]}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-html",children:'
    \n \n Test\n \n
    \n'})}),"\n",(0,r.jsx)(n.p,{children:"Variants:"}),"\n",(0,r.jsxs)(n.table,{children:[(0,r.jsx)(n.thead,{children:(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.th,{style:{textAlign:"center"},children:"Variant"}),(0,r.jsx)(n.th,{children:"CSS/SCSS/Tailwind"})]})}),(0,r.jsxs)(n.tbody,{children:[(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{style:{textAlign:"center"},children:(0,r.jsx)(n.code,{children:"functional"})}),(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:'data-tonality="functional"'})})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsxs)(n.td,{style:{textAlign:"center"},children:[(0,r.jsx)(n.code,{children:"regular"})," (default)"]}),(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:'data-tonality="regular"'})})]}),(0,r.jsxs)(n.tr,{children:[(0,r.jsx)(n.td,{style:{textAlign:"center"},children:(0,r.jsx)(n.code,{children:"expressive"})}),(0,r.jsx)(n.td,{children:(0,r.jsx)(n.code,{children:'data-tonality="expressive"'})})]})]})]}),"\n",(0,r.jsxs)(n.p,{children:["To change the ",(0,r.jsx)(n.code,{children:"tonality"})," of the entire page use:"]}),"\n",(0,r.jsx)(n.pre,{children:(0,r.jsx)(n.code,{className:"language-html",children:'\n ...\n\n'})})]})}function l(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:n}={...(0,a.a)(),...e.components};return n?(0,r.jsx)(n,{...e,children:(0,r.jsx)(s,{...e})}):s(e)}let o=e=>{let{children:n}=e;return(0,r.jsx)(i.Z,{children:n})};function c(e){return(0,r.jsx)(l,{})}function d(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,r.jsx)(o,{...e,children:(0,r.jsx)(c,{...e})})}},16134:function(e,n,t){"use strict";var r=t(52322),i=t(2784),a=t(13776);let s=(0,i.forwardRef)(function(e,n){let t=n||(0,i.useRef)(n);return(0,r.jsx)("button",{ref:t,...(0,a.mS)(e,[]),id:e.id,className:(0,a.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:n=>{e.onClick&&e.onClick(n)},children:e.children})});n.Z=s},63900:function(e,n,t){"use strict";var r,i,a,s,l,o,c;t.d(n,{IY:function(){return d},YP:function(){return u},ce:function(){return h}});let d="OVERWRITE_DEFAULT_ID",u="Back",h="Close Button";(l=r||(r={})).FUNCTIONAL="functional",l.REGULAR="regular",l.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,n]=e;return n}),(i||(i={})).PRIMARY="primary",(o=a||(a={})).BASE="base",o.BASE_STRONG="base-strong",o.BASE_TRANSPARENT_SEMI="base-transparent-semi",o.BASE_TRANSPARENT_FULL="base-transparent-full",o.NEUTRAL="neutral",o.NEUTRAL_STRONG="neutral-strong",o.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",o.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",o.BRAND="brand",o.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",o.BRAND_TRANSPARENT_FULL="brand-transparent-full",o.SUCCESSFUL="successful",o.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",o.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",o.CRITICAL="critical",o.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",o.CRITICAL_TRANSPARENT_Full="critical-transparent-full",o.WARNING="warning",o.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",o.WARNING_TRANSPARENT_FULL="warning-transparent-full",o.INFORMATIONAL="informational",o.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",o.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(a).map(e=>{let[,n]=e;return n}),Object.entries(i).map(e=>{let[,n]=e;return n}),(c=s||(s={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(s).map(e=>{let[,n]=e;return n})},13776:function(e,n,t){"use strict";t.d(n,{MN:function(){return c},Vj:function(){return r},cd:function(){return o},mS:function(){return l},yI:function(){return a},yn:function(){return i}});let r=()=>{var e,n;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(n=window.crypto)||void 0===n?void 0:n.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,n)=>{Object.values(e.children).forEach(e=>{e.setAttribute(n.key,n.value),e.children.length>0&&i(e,n)})},a=function(){for(var e=arguments.length,n=Array(e),t=0;t{if(e){if("string"==typeof e)r+="".concat(e," ");else for(let n in e)e[n]&&(r+="".concat(n," "))}}),r.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],l=(e,n)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||s.includes(e))&&!n.includes(e)).reduce((n,t)=>(n[t]=e[t],n),{}),o=e=>{let{left:n,right:t}=e.getBoundingClientRect(),{innerWidth:r}=window;return n>=0&&t<=r},c=e=>{let{top:n,bottom:t}=e.getBoundingClientRect(),{innerHeight:r}=window;return n>=0&&t<=r}}},function(e){e.O(0,[49710,12156,92888,49774,40179],function(){return e(e.s=75664)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/foundations/variables/examples-f921d3cfc8849751.js b/review/main/_next/static/chunks/pages/foundations/variables/examples-ec4e9070a9b92000.js similarity index 97% rename from review/main/_next/static/chunks/pages/foundations/variables/examples-f921d3cfc8849751.js rename to review/main/_next/static/chunks/pages/foundations/variables/examples-ec4e9070a9b92000.js index 75c6b3b3852..40030a37b68 100644 --- a/review/main/_next/static/chunks/pages/foundations/variables/examples-f921d3cfc8849751.js +++ b/review/main/_next/static/chunks/pages/foundations/variables/examples-ec4e9070a9b92000.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[25649],{50885:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/foundations/variables/examples",function(){return t(30666)}])},16134:function(e,n,t){"use strict";var a=t(52322),i=t(2784),r=t(13776);let s=(0,i.forwardRef)(function(e,n){let t=n||(0,i.useRef)(n);return(0,a.jsx)("button",{ref:t,...(0,r.mS)(e,[]),id:e.id,className:(0,r.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:n=>{e.onClick&&e.onClick(n)},children:e.children})});n.Z=s},63900:function(e,n,t){"use strict";var a,i,r,s,l,c,o;t.d(n,{IY:function(){return d},YP:function(){return u},ce:function(){return p}});let d="OVERWRITE_DEFAULT_ID",u="Back",p="Close Button";(l=a||(a={})).FUNCTIONAL="functional",l.REGULAR="regular",l.EXPRESSIVE="expressive",Object.entries(a).map(e=>{let[,n]=e;return n}),(i||(i={})).PRIMARY="primary",(c=r||(r={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(r).map(e=>{let[,n]=e;return n}),Object.entries(i).map(e=>{let[,n]=e;return n}),(o=s||(s={})).CRITICAL="critical",o.INFORMATIONAL="informational",o.WARNING="warning",o.SUCCESSFUL="successful",Object.entries(s).map(e=>{let[,n]=e;return n})},13776:function(e,n,t){"use strict";t.d(n,{MN:function(){return o},Vj:function(){return a},cd:function(){return c},mS:function(){return l},yI:function(){return r},yn:function(){return i}});let a=()=>{var e,n;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(n=window.crypto)||void 0===n?void 0:n.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,n)=>{Object.values(e.children).forEach(e=>{e.setAttribute(n.key,n.value),e.children.length>0&&i(e,n)})},r=function(){for(var e=arguments.length,n=Array(e),t=0;t{if(e){if("string"==typeof e)a+="".concat(e," ");else for(let n in e)e[n]&&(a+="".concat(n," "))}}),a.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],l=(e,n)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||s.includes(e))&&!n.includes(e)).reduce((n,t)=>(n[t]=e[t],n),{}),c=e=>{let{left:n,right:t}=e.getBoundingClientRect(),{innerWidth:a}=window;return n>=0&&t<=a},o=e=>{let{top:n,bottom:t}=e.getBoundingClientRect(),{innerHeight:a}=window;return n>=0&&t<=a}},30666:function(e,n,t){"use strict";t.r(n);var a=t(52322),i=t(11803),r=t(32924),s=t(6009),l=t(60767),c=t(22003);n.default=()=>(0,a.jsxs)(i.Z,{children:[(0,a.jsx)("h1",{children:"Variable Examples"}),(0,a.jsx)("blockquote",{children:(0,a.jsxs)("ul",{children:[(0,a.jsx)("li",{children:'Some of the variables are "missused" to visualize the effect of e.g. a padding.'}),(0,a.jsx)("li",{children:"All orange containers should symbolize the used variable."}),(0,a.jsx)("li",{children:"Don't use it like this in a real app. \uD83D\uDCA2For example `width: var(--db-spacing-fixed-md)`\uD83D\uDCA5"})]})}),["Spacing fixed","Spacing responsive","Sizing"].map(e=>(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("h2",{children:e}),(0,a.jsx)("div",{className:"example-container",children:["functional","regular","expressive"].map(n=>(0,a.jsxs)(s.f,{className:"example-item db-ui-".concat(n),spacing:"small",children:[(0,a.jsx)(r.E,{icon:"none",variant:"informational",children:n.charAt(0).toUpperCase()+n.slice(1)}),(0,a.jsxs)("div",{className:"example-".concat(e.toLowerCase().replaceAll(" ","-")),children:["Spacing fixed"===e&&(0,a.jsxs)("div",{children:[(0,a.jsx)(l.P,{icon:"account",children:"Account"}),(0,a.jsx)("span",{children:"gap:db-spacing-fixed-xl"}),(0,a.jsx)(l.P,{icon:"edit",children:"Edit"}),(0,a.jsx)("div",{className:"gap1",children:"xl"}),(0,a.jsx)("div",{className:"gap2",children:"xl"})]}),"Spacing responsive"===e&&(0,a.jsxs)("div",{children:[(0,a.jsx)("div",{className:"margin1",children:"sm"}),(0,a.jsx)("span",{children:"margin-inline:db-spacing-responsive-sm"}),(0,a.jsx)("div",{className:"margin2",children:"sm"})]}),"Sizing"===e&&(0,a.jsxs)("div",{children:[(0,a.jsx)(c.Y,{children:"height: sm"}),(0,a.jsx)("div",{className:"sizing",children:"sm"})]})]})]}))})]}))]})}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=50885)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[25649],{50885:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/foundations/variables/examples",function(){return t(30666)}])},16134:function(e,n,t){"use strict";var a=t(52322),i=t(2784),r=t(13776);let s=(0,i.forwardRef)(function(e,n){let t=n||(0,i.useRef)(n);return(0,a.jsx)("button",{ref:t,...(0,r.mS)(e,[]),id:e.id,className:(0,r.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:n=>{e.onClick&&e.onClick(n)},children:e.children})});n.Z=s},63900:function(e,n,t){"use strict";var a,i,r,s,l,c,o;t.d(n,{IY:function(){return d},YP:function(){return u},ce:function(){return p}});let d="OVERWRITE_DEFAULT_ID",u="Back",p="Close Button";(l=a||(a={})).FUNCTIONAL="functional",l.REGULAR="regular",l.EXPRESSIVE="expressive",Object.entries(a).map(e=>{let[,n]=e;return n}),(i||(i={})).PRIMARY="primary",(c=r||(r={})).BASE="base",c.BASE_STRONG="base-strong",c.BASE_TRANSPARENT_SEMI="base-transparent-semi",c.BASE_TRANSPARENT_FULL="base-transparent-full",c.NEUTRAL="neutral",c.NEUTRAL_STRONG="neutral-strong",c.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",c.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",c.BRAND="brand",c.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",c.BRAND_TRANSPARENT_FULL="brand-transparent-full",c.SUCCESSFUL="successful",c.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",c.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",c.CRITICAL="critical",c.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",c.CRITICAL_TRANSPARENT_Full="critical-transparent-full",c.WARNING="warning",c.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",c.WARNING_TRANSPARENT_FULL="warning-transparent-full",c.INFORMATIONAL="informational",c.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",c.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(r).map(e=>{let[,n]=e;return n}),Object.entries(i).map(e=>{let[,n]=e;return n}),(o=s||(s={})).CRITICAL="critical",o.INFORMATIONAL="informational",o.WARNING="warning",o.SUCCESSFUL="successful",Object.entries(s).map(e=>{let[,n]=e;return n})},13776:function(e,n,t){"use strict";t.d(n,{MN:function(){return o},Vj:function(){return a},cd:function(){return c},mS:function(){return l},yI:function(){return r},yn:function(){return i}});let a=()=>{var e,n;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(n=window.crypto)||void 0===n?void 0:n.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},i=(e,n)=>{Object.values(e.children).forEach(e=>{e.setAttribute(n.key,n.value),e.children.length>0&&i(e,n)})},r=function(){for(var e=arguments.length,n=Array(e),t=0;t{if(e){if("string"==typeof e)a+="".concat(e," ");else for(let n in e)e[n]&&(a+="".concat(n," "))}}),a.trim()},s=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],l=(e,n)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||s.includes(e))&&!n.includes(e)).reduce((n,t)=>(n[t]=e[t],n),{}),c=e=>{let{left:n,right:t}=e.getBoundingClientRect(),{innerWidth:a}=window;return n>=0&&t<=a},o=e=>{let{top:n,bottom:t}=e.getBoundingClientRect(),{innerHeight:a}=window;return n>=0&&t<=a}},30666:function(e,n,t){"use strict";t.r(n);var a=t(52322),i=t(12156),r=t(32924),s=t(6009),l=t(60767),c=t(22003);n.default=()=>(0,a.jsxs)(i.Z,{children:[(0,a.jsx)("h1",{children:"Variable Examples"}),(0,a.jsx)("blockquote",{children:(0,a.jsxs)("ul",{children:[(0,a.jsx)("li",{children:'Some of the variables are "missused" to visualize the effect of e.g. a padding.'}),(0,a.jsx)("li",{children:"All orange containers should symbolize the used variable."}),(0,a.jsx)("li",{children:"Don't use it like this in a real app. \uD83D\uDCA2For example `width: var(--db-spacing-fixed-md)`\uD83D\uDCA5"})]})}),["Spacing fixed","Spacing responsive","Sizing"].map(e=>(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("h2",{children:e}),(0,a.jsx)("div",{className:"example-container",children:["functional","regular","expressive"].map(n=>(0,a.jsxs)(s.f,{className:"example-item db-ui-".concat(n),spacing:"small",children:[(0,a.jsx)(r.E,{icon:"none",variant:"informational",children:n.charAt(0).toUpperCase()+n.slice(1)}),(0,a.jsxs)("div",{className:"example-".concat(e.toLowerCase().replaceAll(" ","-")),children:["Spacing fixed"===e&&(0,a.jsxs)("div",{children:[(0,a.jsx)(l.P,{icon:"account",children:"Account"}),(0,a.jsx)("span",{children:"gap:db-spacing-fixed-xl"}),(0,a.jsx)(l.P,{icon:"edit",children:"Edit"}),(0,a.jsx)("div",{className:"gap1",children:"xl"}),(0,a.jsx)("div",{className:"gap2",children:"xl"})]}),"Spacing responsive"===e&&(0,a.jsxs)("div",{children:[(0,a.jsx)("div",{className:"margin1",children:"sm"}),(0,a.jsx)("span",{children:"margin-inline:db-spacing-responsive-sm"}),(0,a.jsx)("div",{className:"margin2",children:"sm"})]}),"Sizing"===e&&(0,a.jsxs)("div",{children:[(0,a.jsx)(c.Y,{children:"height: sm"}),(0,a.jsx)("div",{className:"sizing",children:"sm"})]})]})]}))})]}))]})}},function(e){e.O(0,[49710,12156,92888,49774,40179],function(){return e(e.s=50885)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/foundations/variables/readme-de5d8931b6b63a77.js b/review/main/_next/static/chunks/pages/foundations/variables/readme-729cf6b2222db9f7.js similarity index 99% rename from review/main/_next/static/chunks/pages/foundations/variables/readme-de5d8931b6b63a77.js rename to review/main/_next/static/chunks/pages/foundations/variables/readme-729cf6b2222db9f7.js index c1ab402ea09..dd25fe834e9 100644 --- a/review/main/_next/static/chunks/pages/foundations/variables/readme-de5d8931b6b63a77.js +++ b/review/main/_next/static/chunks/pages/foundations/variables/readme-729cf6b2222db9f7.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[84454],{70540:function(e,d,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/foundations/variables/readme",function(){return n(33581)}])},33581:function(e,d,n){"use strict";n.r(d),n.d(d,{default:function(){return a}});var i=n(52322),s=n(11803),r=n(45392);function c(e){let d={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",li:"li",p:"p",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,r.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(d.h1,{id:"variables",children:"Variables"}),"\n",(0,i.jsxs)(d.ul,{children:["\n",(0,i.jsx)(d.li,{children:"You use Variables to style your pages and custom components."}),"\n",(0,i.jsx)(d.li,{children:"The Variables are primarily for paddings, margins and all kinds of sizes."}),"\n",(0,i.jsxs)(d.li,{children:["All variables are automatically predefined with the correct variable based on the ",(0,i.jsx)(d.a,{href:"../tonalities/readme",children:"tonality"}),"."]}),"\n",(0,i.jsx)(d.li,{children:'Based on the tonality and the selected theme, the "real" value behind the variable can change.'}),"\n"]}),"\n",(0,i.jsx)(d.h2,{id:"how-to-include-variables",children:"How to include variables"}),"\n",(0,i.jsxs)(d.p,{children:["For ",(0,i.jsx)(d.code,{children:"CSS"})," and ",(0,i.jsx)(d.code,{children:"Tailwind"})," you don't have to include a specific file, just follow the documentation for ",(0,i.jsx)(d.a,{href:"../../foundations/readme",children:"foundations"}),"."]}),"\n",(0,i.jsxs)(d.p,{children:["For ",(0,i.jsx)(d.code,{children:"SCSS"})," you need to ",(0,i.jsx)(d.code,{children:"@use"})," the import ",(0,i.jsx)(d.code,{children:"@use @db-ui/foundations/build/scss/variables"})," in your ",(0,i.jsx)(d.code,{children:".scss"})," file, where you want to reference the specific variable."]}),"\n",(0,i.jsx)(d.h2,{id:"simple-overview-for-advanced",children:"Simple overview for advanced"}),"\n",(0,i.jsxs)(d.table,{children:[(0,i.jsx)(d.thead,{children:(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.th,{children:"Variable type"}),(0,i.jsx)(d.th,{children:"T-Shirts \uD83D\uDC55"}),(0,i.jsx)(d.th,{children:"Base"})]})}),(0,i.jsxs)(d.tbody,{children:[(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{children:"spacing fixed"}),(0,i.jsxs)(d.td,{children:[(0,i.jsx)(d.code,{children:"3xs"}),", ",(0,i.jsx)(d.code,{children:"2xs"}),", ",(0,i.jsx)(d.code,{children:"xs"}),", ",(0,i.jsx)(d.code,{children:"sm"}),", ",(0,i.jsx)(d.code,{children:"md"}),", ",(0,i.jsx)(d.code,{children:"lg"}),", ",(0,i.jsx)(d.code,{children:"xl"})]}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"md"})})]}),(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{children:"spacing responsive"}),(0,i.jsxs)(d.td,{children:[(0,i.jsx)(d.code,{children:"xs"}),", ",(0,i.jsx)(d.code,{children:"sm"}),", ",(0,i.jsx)(d.code,{children:"md"}),", ",(0,i.jsx)(d.code,{children:"lg"}),", ",(0,i.jsx)(d.code,{children:"xl"})]}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"md"})})]}),(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{children:"sizing"}),(0,i.jsxs)(d.td,{children:[(0,i.jsx)(d.code,{children:"xs"}),", ",(0,i.jsx)(d.code,{children:"sm"}),", ",(0,i.jsx)(d.code,{children:"md"}),", ",(0,i.jsx)(d.code,{children:"lg"}),", ",(0,i.jsx)(d.code,{children:"xl"}),", ",(0,i.jsx)(d.code,{children:"2xl"}),", ",(0,i.jsx)(d.code,{children:"3xl"})]}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"md"})})]})]})]}),"\n",(0,i.jsx)(d.h2,{id:"spacing-fixed",children:"Spacing fixed"}),"\n",(0,i.jsxs)(d.ul,{children:["\n",(0,i.jsxs)(d.li,{children:["We use ",(0,i.jsx)(d.code,{children:"spacing fixed"})," to add margins, paddings, gaps, etc."]}),"\n",(0,i.jsxs)(d.li,{children:["We don't use them for ",(0,i.jsx)(d.code,{children:"width"})," or ",(0,i.jsx)(d.code,{children:"height"}),"."]}),"\n",(0,i.jsx)(d.li,{children:"Those are the main variables you use all the time to build your page or component."}),"\n"]}),"\n",(0,i.jsx)(d.h3,{id:"how-to-use",children:"How to use"}),"\n",(0,i.jsxs)(d.p,{children:["We use ",(0,i.jsx)(d.code,{children:"padding"})," as an example for this variable."]}),"\n",(0,i.jsxs)(d.p,{children:["You can see a visual preview ",(0,i.jsx)(d.a,{href:"./examples",children:"spacings fixed examples page"}),"."]}),"\n",(0,i.jsxs)(d.table,{children:[(0,i.jsx)(d.thead,{children:(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.th,{style:{textAlign:"center"},children:"T-Shirt \uD83D\uDC55"}),(0,i.jsx)(d.th,{children:"CSS"}),(0,i.jsx)(d.th,{children:"SCSS"}),(0,i.jsx)(d.th,{children:"Tailwind"})]})}),(0,i.jsxs)(d.tbody,{children:[(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{style:{textAlign:"center"},children:(0,i.jsx)(d.code,{children:"3xs"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: var(--db-spacing-fixed-3xs)"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: variables.$db-spacing-fixed-3xs"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"p-fix-3xs"})})]}),(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{style:{textAlign:"center"},children:(0,i.jsx)(d.code,{children:"2xs"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: var(--db-spacing-fixed-2xs)"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: variables.$db-spacing-fixed-2xs"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"p-fix-2xs"})})]}),(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{style:{textAlign:"center"},children:(0,i.jsx)(d.code,{children:"xs"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: var(--db-spacing-fixed-xs)"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: variables.$db-spacing-fixed-xs"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"p-fix-xs"})})]}),(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{style:{textAlign:"center"},children:(0,i.jsx)(d.code,{children:"sm"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: var(--db-spacing-fixed-sm)"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: variables.$db-spacing-fixed-sm"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"p-fix-sm"})})]}),(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{style:{textAlign:"center"},children:(0,i.jsx)(d.code,{children:"md"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: var(--db-spacing-fixed-md)"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: variables.$db-spacing-fixed-md"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"p-fix-md"})})]}),(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{style:{textAlign:"center"},children:(0,i.jsx)(d.code,{children:"lg"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: var(--db-spacing-fixed-lg)"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: variables.$db-spacing-fixed-lg"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"p-fix-lg"})})]}),(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{style:{textAlign:"center"},children:(0,i.jsx)(d.code,{children:"xl"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: var(--db-spacing-fixed-xl)"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: variables.$db-spacing-fixed-xl"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"p-fix-xl"})})]})]})]}),"\n",(0,i.jsx)(d.h2,{id:"spacing-responsive",children:"Spacing responsive"}),"\n",(0,i.jsxs)(d.ul,{children:["\n",(0,i.jsxs)(d.li,{children:["We use ",(0,i.jsx)(d.code,{children:"spacing responsive"})," to add spacings which should change based on the users' device."]}),"\n",(0,i.jsxs)(d.li,{children:["We don't use them for ",(0,i.jsx)(d.code,{children:"width"})," or ",(0,i.jsx)(d.code,{children:"height"}),"."]}),"\n",(0,i.jsxs)(d.li,{children:["Best example would be the padding for your ",(0,i.jsx)(d.code,{children:"main"})," region which should be larger on a desktop device than mobile."]}),"\n",(0,i.jsxs)(d.li,{children:["We recommend using ",(0,i.jsx)(d.code,{children:"DBSection"})," from our ",(0,i.jsx)(d.a,{href:"../../components/readme",children:"components library"}),". The component handles the responsive Layout for your app, you don't have to struggle which spacing would be the correct one."]}),"\n"]}),"\n",(0,i.jsx)(d.h3,{id:"how-to-use-1",children:"How to use"}),"\n",(0,i.jsxs)(d.p,{children:["We use ",(0,i.jsx)(d.code,{children:"padding"})," as an example for this variable."]}),"\n",(0,i.jsxs)(d.p,{children:["You can see a visual preview ",(0,i.jsx)(d.a,{href:"./examples",children:"spacings responsive examples page"}),"."]}),"\n",(0,i.jsxs)(d.table,{children:[(0,i.jsx)(d.thead,{children:(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.th,{style:{textAlign:"center"},children:"T-Shirt \uD83D\uDC55"}),(0,i.jsx)(d.th,{children:"CSS"}),(0,i.jsx)(d.th,{children:"SCSS"}),(0,i.jsx)(d.th,{children:"Tailwind"})]})}),(0,i.jsxs)(d.tbody,{children:[(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{style:{textAlign:"center"},children:(0,i.jsx)(d.code,{children:"xs"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: var(--db-spacing-responsive-xs)"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: variables.$db-spacing-responsive-xs"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"p-res-xs"})})]}),(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{style:{textAlign:"center"},children:(0,i.jsx)(d.code,{children:"sm"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: var(--db-spacing-responsive-sm)"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: variables.$db-spacing-responsive-sm"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"p-res-sm"})})]}),(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{style:{textAlign:"center"},children:(0,i.jsx)(d.code,{children:"md"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: var(--db-spacing-responsive-md)"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: variables.$db-spacing-responsive-md"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"p-res-md"})})]}),(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{style:{textAlign:"center"},children:(0,i.jsx)(d.code,{children:"lg"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: var(--db-spacing-responsive-lg)"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: variables.$db-spacing-responsive-lg"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"p-res-lg"})})]}),(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{style:{textAlign:"center"},children:(0,i.jsx)(d.code,{children:"xl"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: var(--db-spacing-responsive-xl)"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: variables.$db-spacing-responsive-xl"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"p-res-xl"})})]})]})]}),"\n",(0,i.jsx)(d.h2,{id:"sizing",children:"Sizing"}),"\n",(0,i.jsxs)(d.ul,{children:["\n",(0,i.jsxs)(d.li,{children:["We use ",(0,i.jsx)(d.code,{children:"sizing"})," to set a fixed height to components (Button, Input, ...)."]}),"\n",(0,i.jsxs)(d.li,{children:["We don't use them for ",(0,i.jsx)(d.code,{children:"padding"})," or ",(0,i.jsx)(d.code,{children:"margin"})," except for absolute elements inside a component with a fixed height."]}),"\n",(0,i.jsx)(d.li,{children:"You should use a sizing variable if you want to align a custom component with another component, which has a fixed height."}),"\n"]}),"\n",(0,i.jsx)(d.h3,{id:"how-to-use-2",children:"How to use"}),"\n",(0,i.jsxs)(d.p,{children:["We use ",(0,i.jsx)(d.code,{children:"height"})," as an example for this variable."]}),"\n",(0,i.jsxs)(d.p,{children:["You can see a visual preview ",(0,i.jsx)(d.a,{href:"./examples",children:"sizings examples page"}),"."]}),"\n",(0,i.jsxs)(d.table,{children:[(0,i.jsx)(d.thead,{children:(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.th,{style:{textAlign:"center"},children:"T-Shirt \uD83D\uDC55"}),(0,i.jsx)(d.th,{children:"CSS"}),(0,i.jsx)(d.th,{children:"SCSS"}),(0,i.jsx)(d.th,{children:"Tailwind"})]})}),(0,i.jsxs)(d.tbody,{children:[(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{style:{textAlign:"center"},children:(0,i.jsx)(d.code,{children:"xs"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"height: var(--db-sizing-xs)"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"height: variables.$db-sizing-xs"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"h-siz-xs"})})]}),(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{style:{textAlign:"center"},children:(0,i.jsx)(d.code,{children:"sm"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"height: var(--db-sizing-sm)"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"height: variables.$db-sizing-sm"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"h-siz-sm"})})]}),(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{style:{textAlign:"center"},children:(0,i.jsx)(d.code,{children:"md"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"height: var(--db-sizing-md)"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"height: variables.$db-sizing-md"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"h-siz-md"})})]}),(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{style:{textAlign:"center"},children:(0,i.jsx)(d.code,{children:"lg"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"height: var(--db-sizing-lg)"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"height: variables.$db-sizing-lg"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"h-siz-lg"})})]}),(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{style:{textAlign:"center"},children:(0,i.jsx)(d.code,{children:"xl"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"height: var(--db-sizing-xl)"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"height: variables.$db-sizing-xl"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"h-siz-xl"})})]}),(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{style:{textAlign:"center"},children:(0,i.jsx)(d.code,{children:"2xl"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"height: var(--db-sizing-2xl)"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"height: variables.$db-sizing-2xl"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"h-siz-2xl"})})]}),(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{style:{textAlign:"center"},children:(0,i.jsx)(d.code,{children:"3xl"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"height: var(--db-sizing-3xl)"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"height: variables.$db-sizing-3xl"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"h-siz-3xl"})})]})]})]})]})}function l(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:d}={...(0,r.a)(),...e.components};return d?(0,i.jsx)(d,{...e,children:(0,i.jsx)(c,{...e})}):c(e)}let t=e=>{let{children:d}=e;return(0,i.jsx)(s.Z,{children:d})};function h(e){return(0,i.jsx)(l,{})}function a(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,i.jsx)(t,{...e,children:(0,i.jsx)(h,{...e})})}},16134:function(e,d,n){"use strict";var i=n(52322),s=n(2784),r=n(13776);let c=(0,s.forwardRef)(function(e,d){let n=d||(0,s.useRef)(d);return(0,i.jsx)("button",{ref:n,...(0,r.mS)(e,[]),id:e.id,className:(0,r.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:d=>{e.onClick&&e.onClick(d)},children:e.children})});d.Z=c},63900:function(e,d,n){"use strict";var i,s,r,c,l,t,h;n.d(d,{IY:function(){return a},YP:function(){return x},ce:function(){return o}});let a="OVERWRITE_DEFAULT_ID",x="Back",o="Close Button";(l=i||(i={})).FUNCTIONAL="functional",l.REGULAR="regular",l.EXPRESSIVE="expressive",Object.entries(i).map(e=>{let[,d]=e;return d}),(s||(s={})).PRIMARY="primary",(t=r||(r={})).BASE="base",t.BASE_STRONG="base-strong",t.BASE_TRANSPARENT_SEMI="base-transparent-semi",t.BASE_TRANSPARENT_FULL="base-transparent-full",t.NEUTRAL="neutral",t.NEUTRAL_STRONG="neutral-strong",t.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",t.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",t.BRAND="brand",t.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",t.BRAND_TRANSPARENT_FULL="brand-transparent-full",t.SUCCESSFUL="successful",t.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",t.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",t.CRITICAL="critical",t.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",t.CRITICAL_TRANSPARENT_Full="critical-transparent-full",t.WARNING="warning",t.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",t.WARNING_TRANSPARENT_FULL="warning-transparent-full",t.INFORMATIONAL="informational",t.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",t.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(r).map(e=>{let[,d]=e;return d}),Object.entries(s).map(e=>{let[,d]=e;return d}),(h=c||(c={})).CRITICAL="critical",h.INFORMATIONAL="informational",h.WARNING="warning",h.SUCCESSFUL="successful",Object.entries(c).map(e=>{let[,d]=e;return d})},13776:function(e,d,n){"use strict";n.d(d,{MN:function(){return h},Vj:function(){return i},cd:function(){return t},mS:function(){return l},yI:function(){return r},yn:function(){return s}});let i=()=>{var e,d;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(d=window.crypto)||void 0===d?void 0:d.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},s=(e,d)=>{Object.values(e.children).forEach(e=>{e.setAttribute(d.key,d.value),e.children.length>0&&s(e,d)})},r=function(){for(var e=arguments.length,d=Array(e),n=0;n{if(e){if("string"==typeof e)i+="".concat(e," ");else for(let d in e)e[d]&&(i+="".concat(d," "))}}),i.trim()},c=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],l=(e,d)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||c.includes(e))&&!d.includes(e)).reduce((d,n)=>(d[n]=e[n],d),{}),t=e=>{let{left:d,right:n}=e.getBoundingClientRect(),{innerWidth:i}=window;return d>=0&&n<=i},h=e=>{let{top:d,bottom:n}=e.getBoundingClientRect(),{innerHeight:i}=window;return d>=0&&n<=i}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=70540)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[84454],{70540:function(e,d,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/foundations/variables/readme",function(){return n(33581)}])},33581:function(e,d,n){"use strict";n.r(d),n.d(d,{default:function(){return a}});var i=n(52322),s=n(12156),r=n(45392);function c(e){let d={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",li:"li",p:"p",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,r.a)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(d.h1,{id:"variables",children:"Variables"}),"\n",(0,i.jsxs)(d.ul,{children:["\n",(0,i.jsx)(d.li,{children:"You use Variables to style your pages and custom components."}),"\n",(0,i.jsx)(d.li,{children:"The Variables are primarily for paddings, margins and all kinds of sizes."}),"\n",(0,i.jsxs)(d.li,{children:["All variables are automatically predefined with the correct variable based on the ",(0,i.jsx)(d.a,{href:"../tonalities/readme",children:"tonality"}),"."]}),"\n",(0,i.jsx)(d.li,{children:'Based on the tonality and the selected theme, the "real" value behind the variable can change.'}),"\n"]}),"\n",(0,i.jsx)(d.h2,{id:"how-to-include-variables",children:"How to include variables"}),"\n",(0,i.jsxs)(d.p,{children:["For ",(0,i.jsx)(d.code,{children:"CSS"})," and ",(0,i.jsx)(d.code,{children:"Tailwind"})," you don't have to include a specific file, just follow the documentation for ",(0,i.jsx)(d.a,{href:"../../foundations/readme",children:"foundations"}),"."]}),"\n",(0,i.jsxs)(d.p,{children:["For ",(0,i.jsx)(d.code,{children:"SCSS"})," you need to ",(0,i.jsx)(d.code,{children:"@use"})," the import ",(0,i.jsx)(d.code,{children:"@use @db-ui/foundations/build/scss/variables"})," in your ",(0,i.jsx)(d.code,{children:".scss"})," file, where you want to reference the specific variable."]}),"\n",(0,i.jsx)(d.h2,{id:"simple-overview-for-advanced",children:"Simple overview for advanced"}),"\n",(0,i.jsxs)(d.table,{children:[(0,i.jsx)(d.thead,{children:(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.th,{children:"Variable type"}),(0,i.jsx)(d.th,{children:"T-Shirts \uD83D\uDC55"}),(0,i.jsx)(d.th,{children:"Base"})]})}),(0,i.jsxs)(d.tbody,{children:[(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{children:"spacing fixed"}),(0,i.jsxs)(d.td,{children:[(0,i.jsx)(d.code,{children:"3xs"}),", ",(0,i.jsx)(d.code,{children:"2xs"}),", ",(0,i.jsx)(d.code,{children:"xs"}),", ",(0,i.jsx)(d.code,{children:"sm"}),", ",(0,i.jsx)(d.code,{children:"md"}),", ",(0,i.jsx)(d.code,{children:"lg"}),", ",(0,i.jsx)(d.code,{children:"xl"})]}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"md"})})]}),(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{children:"spacing responsive"}),(0,i.jsxs)(d.td,{children:[(0,i.jsx)(d.code,{children:"xs"}),", ",(0,i.jsx)(d.code,{children:"sm"}),", ",(0,i.jsx)(d.code,{children:"md"}),", ",(0,i.jsx)(d.code,{children:"lg"}),", ",(0,i.jsx)(d.code,{children:"xl"})]}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"md"})})]}),(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{children:"sizing"}),(0,i.jsxs)(d.td,{children:[(0,i.jsx)(d.code,{children:"xs"}),", ",(0,i.jsx)(d.code,{children:"sm"}),", ",(0,i.jsx)(d.code,{children:"md"}),", ",(0,i.jsx)(d.code,{children:"lg"}),", ",(0,i.jsx)(d.code,{children:"xl"}),", ",(0,i.jsx)(d.code,{children:"2xl"}),", ",(0,i.jsx)(d.code,{children:"3xl"})]}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"md"})})]})]})]}),"\n",(0,i.jsx)(d.h2,{id:"spacing-fixed",children:"Spacing fixed"}),"\n",(0,i.jsxs)(d.ul,{children:["\n",(0,i.jsxs)(d.li,{children:["We use ",(0,i.jsx)(d.code,{children:"spacing fixed"})," to add margins, paddings, gaps, etc."]}),"\n",(0,i.jsxs)(d.li,{children:["We don't use them for ",(0,i.jsx)(d.code,{children:"width"})," or ",(0,i.jsx)(d.code,{children:"height"}),"."]}),"\n",(0,i.jsx)(d.li,{children:"Those are the main variables you use all the time to build your page or component."}),"\n"]}),"\n",(0,i.jsx)(d.h3,{id:"how-to-use",children:"How to use"}),"\n",(0,i.jsxs)(d.p,{children:["We use ",(0,i.jsx)(d.code,{children:"padding"})," as an example for this variable."]}),"\n",(0,i.jsxs)(d.p,{children:["You can see a visual preview ",(0,i.jsx)(d.a,{href:"./examples",children:"spacings fixed examples page"}),"."]}),"\n",(0,i.jsxs)(d.table,{children:[(0,i.jsx)(d.thead,{children:(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.th,{style:{textAlign:"center"},children:"T-Shirt \uD83D\uDC55"}),(0,i.jsx)(d.th,{children:"CSS"}),(0,i.jsx)(d.th,{children:"SCSS"}),(0,i.jsx)(d.th,{children:"Tailwind"})]})}),(0,i.jsxs)(d.tbody,{children:[(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{style:{textAlign:"center"},children:(0,i.jsx)(d.code,{children:"3xs"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: var(--db-spacing-fixed-3xs)"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: variables.$db-spacing-fixed-3xs"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"p-fix-3xs"})})]}),(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{style:{textAlign:"center"},children:(0,i.jsx)(d.code,{children:"2xs"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: var(--db-spacing-fixed-2xs)"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: variables.$db-spacing-fixed-2xs"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"p-fix-2xs"})})]}),(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{style:{textAlign:"center"},children:(0,i.jsx)(d.code,{children:"xs"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: var(--db-spacing-fixed-xs)"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: variables.$db-spacing-fixed-xs"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"p-fix-xs"})})]}),(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{style:{textAlign:"center"},children:(0,i.jsx)(d.code,{children:"sm"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: var(--db-spacing-fixed-sm)"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: variables.$db-spacing-fixed-sm"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"p-fix-sm"})})]}),(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{style:{textAlign:"center"},children:(0,i.jsx)(d.code,{children:"md"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: var(--db-spacing-fixed-md)"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: variables.$db-spacing-fixed-md"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"p-fix-md"})})]}),(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{style:{textAlign:"center"},children:(0,i.jsx)(d.code,{children:"lg"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: var(--db-spacing-fixed-lg)"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: variables.$db-spacing-fixed-lg"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"p-fix-lg"})})]}),(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{style:{textAlign:"center"},children:(0,i.jsx)(d.code,{children:"xl"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: var(--db-spacing-fixed-xl)"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: variables.$db-spacing-fixed-xl"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"p-fix-xl"})})]})]})]}),"\n",(0,i.jsx)(d.h2,{id:"spacing-responsive",children:"Spacing responsive"}),"\n",(0,i.jsxs)(d.ul,{children:["\n",(0,i.jsxs)(d.li,{children:["We use ",(0,i.jsx)(d.code,{children:"spacing responsive"})," to add spacings which should change based on the users' device."]}),"\n",(0,i.jsxs)(d.li,{children:["We don't use them for ",(0,i.jsx)(d.code,{children:"width"})," or ",(0,i.jsx)(d.code,{children:"height"}),"."]}),"\n",(0,i.jsxs)(d.li,{children:["Best example would be the padding for your ",(0,i.jsx)(d.code,{children:"main"})," region which should be larger on a desktop device than mobile."]}),"\n",(0,i.jsxs)(d.li,{children:["We recommend using ",(0,i.jsx)(d.code,{children:"DBSection"})," from our ",(0,i.jsx)(d.a,{href:"../../components/readme",children:"components library"}),". The component handles the responsive Layout for your app, you don't have to struggle which spacing would be the correct one."]}),"\n"]}),"\n",(0,i.jsx)(d.h3,{id:"how-to-use-1",children:"How to use"}),"\n",(0,i.jsxs)(d.p,{children:["We use ",(0,i.jsx)(d.code,{children:"padding"})," as an example for this variable."]}),"\n",(0,i.jsxs)(d.p,{children:["You can see a visual preview ",(0,i.jsx)(d.a,{href:"./examples",children:"spacings responsive examples page"}),"."]}),"\n",(0,i.jsxs)(d.table,{children:[(0,i.jsx)(d.thead,{children:(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.th,{style:{textAlign:"center"},children:"T-Shirt \uD83D\uDC55"}),(0,i.jsx)(d.th,{children:"CSS"}),(0,i.jsx)(d.th,{children:"SCSS"}),(0,i.jsx)(d.th,{children:"Tailwind"})]})}),(0,i.jsxs)(d.tbody,{children:[(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{style:{textAlign:"center"},children:(0,i.jsx)(d.code,{children:"xs"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: var(--db-spacing-responsive-xs)"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: variables.$db-spacing-responsive-xs"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"p-res-xs"})})]}),(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{style:{textAlign:"center"},children:(0,i.jsx)(d.code,{children:"sm"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: var(--db-spacing-responsive-sm)"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: variables.$db-spacing-responsive-sm"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"p-res-sm"})})]}),(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{style:{textAlign:"center"},children:(0,i.jsx)(d.code,{children:"md"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: var(--db-spacing-responsive-md)"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: variables.$db-spacing-responsive-md"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"p-res-md"})})]}),(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{style:{textAlign:"center"},children:(0,i.jsx)(d.code,{children:"lg"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: var(--db-spacing-responsive-lg)"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: variables.$db-spacing-responsive-lg"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"p-res-lg"})})]}),(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{style:{textAlign:"center"},children:(0,i.jsx)(d.code,{children:"xl"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: var(--db-spacing-responsive-xl)"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"padding: variables.$db-spacing-responsive-xl"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"p-res-xl"})})]})]})]}),"\n",(0,i.jsx)(d.h2,{id:"sizing",children:"Sizing"}),"\n",(0,i.jsxs)(d.ul,{children:["\n",(0,i.jsxs)(d.li,{children:["We use ",(0,i.jsx)(d.code,{children:"sizing"})," to set a fixed height to components (Button, Input, ...)."]}),"\n",(0,i.jsxs)(d.li,{children:["We don't use them for ",(0,i.jsx)(d.code,{children:"padding"})," or ",(0,i.jsx)(d.code,{children:"margin"})," except for absolute elements inside a component with a fixed height."]}),"\n",(0,i.jsx)(d.li,{children:"You should use a sizing variable if you want to align a custom component with another component, which has a fixed height."}),"\n"]}),"\n",(0,i.jsx)(d.h3,{id:"how-to-use-2",children:"How to use"}),"\n",(0,i.jsxs)(d.p,{children:["We use ",(0,i.jsx)(d.code,{children:"height"})," as an example for this variable."]}),"\n",(0,i.jsxs)(d.p,{children:["You can see a visual preview ",(0,i.jsx)(d.a,{href:"./examples",children:"sizings examples page"}),"."]}),"\n",(0,i.jsxs)(d.table,{children:[(0,i.jsx)(d.thead,{children:(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.th,{style:{textAlign:"center"},children:"T-Shirt \uD83D\uDC55"}),(0,i.jsx)(d.th,{children:"CSS"}),(0,i.jsx)(d.th,{children:"SCSS"}),(0,i.jsx)(d.th,{children:"Tailwind"})]})}),(0,i.jsxs)(d.tbody,{children:[(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{style:{textAlign:"center"},children:(0,i.jsx)(d.code,{children:"xs"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"height: var(--db-sizing-xs)"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"height: variables.$db-sizing-xs"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"h-siz-xs"})})]}),(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{style:{textAlign:"center"},children:(0,i.jsx)(d.code,{children:"sm"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"height: var(--db-sizing-sm)"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"height: variables.$db-sizing-sm"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"h-siz-sm"})})]}),(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{style:{textAlign:"center"},children:(0,i.jsx)(d.code,{children:"md"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"height: var(--db-sizing-md)"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"height: variables.$db-sizing-md"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"h-siz-md"})})]}),(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{style:{textAlign:"center"},children:(0,i.jsx)(d.code,{children:"lg"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"height: var(--db-sizing-lg)"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"height: variables.$db-sizing-lg"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"h-siz-lg"})})]}),(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{style:{textAlign:"center"},children:(0,i.jsx)(d.code,{children:"xl"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"height: var(--db-sizing-xl)"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"height: variables.$db-sizing-xl"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"h-siz-xl"})})]}),(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{style:{textAlign:"center"},children:(0,i.jsx)(d.code,{children:"2xl"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"height: var(--db-sizing-2xl)"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"height: variables.$db-sizing-2xl"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"h-siz-2xl"})})]}),(0,i.jsxs)(d.tr,{children:[(0,i.jsx)(d.td,{style:{textAlign:"center"},children:(0,i.jsx)(d.code,{children:"3xl"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"height: var(--db-sizing-3xl)"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"height: variables.$db-sizing-3xl"})}),(0,i.jsx)(d.td,{children:(0,i.jsx)(d.code,{children:"h-siz-3xl"})})]})]})]})]})}function l(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:d}={...(0,r.a)(),...e.components};return d?(0,i.jsx)(d,{...e,children:(0,i.jsx)(c,{...e})}):c(e)}let t=e=>{let{children:d}=e;return(0,i.jsx)(s.Z,{children:d})};function h(e){return(0,i.jsx)(l,{})}function a(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,i.jsx)(t,{...e,children:(0,i.jsx)(h,{...e})})}},16134:function(e,d,n){"use strict";var i=n(52322),s=n(2784),r=n(13776);let c=(0,s.forwardRef)(function(e,d){let n=d||(0,s.useRef)(d);return(0,i.jsx)("button",{ref:n,...(0,r.mS)(e,[]),id:e.id,className:(0,r.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:d=>{e.onClick&&e.onClick(d)},children:e.children})});d.Z=c},63900:function(e,d,n){"use strict";var i,s,r,c,l,t,h;n.d(d,{IY:function(){return a},YP:function(){return x},ce:function(){return o}});let a="OVERWRITE_DEFAULT_ID",x="Back",o="Close Button";(l=i||(i={})).FUNCTIONAL="functional",l.REGULAR="regular",l.EXPRESSIVE="expressive",Object.entries(i).map(e=>{let[,d]=e;return d}),(s||(s={})).PRIMARY="primary",(t=r||(r={})).BASE="base",t.BASE_STRONG="base-strong",t.BASE_TRANSPARENT_SEMI="base-transparent-semi",t.BASE_TRANSPARENT_FULL="base-transparent-full",t.NEUTRAL="neutral",t.NEUTRAL_STRONG="neutral-strong",t.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",t.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",t.BRAND="brand",t.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",t.BRAND_TRANSPARENT_FULL="brand-transparent-full",t.SUCCESSFUL="successful",t.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",t.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",t.CRITICAL="critical",t.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",t.CRITICAL_TRANSPARENT_Full="critical-transparent-full",t.WARNING="warning",t.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",t.WARNING_TRANSPARENT_FULL="warning-transparent-full",t.INFORMATIONAL="informational",t.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",t.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(r).map(e=>{let[,d]=e;return d}),Object.entries(s).map(e=>{let[,d]=e;return d}),(h=c||(c={})).CRITICAL="critical",h.INFORMATIONAL="informational",h.WARNING="warning",h.SUCCESSFUL="successful",Object.entries(c).map(e=>{let[,d]=e;return d})},13776:function(e,d,n){"use strict";n.d(d,{MN:function(){return h},Vj:function(){return i},cd:function(){return t},mS:function(){return l},yI:function(){return r},yn:function(){return s}});let i=()=>{var e,d;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(d=window.crypto)||void 0===d?void 0:d.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},s=(e,d)=>{Object.values(e.children).forEach(e=>{e.setAttribute(d.key,d.value),e.children.length>0&&s(e,d)})},r=function(){for(var e=arguments.length,d=Array(e),n=0;n{if(e){if("string"==typeof e)i+="".concat(e," ");else for(let d in e)e[d]&&(i+="".concat(d," "))}}),i.trim()},c=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],l=(e,d)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||c.includes(e))&&!d.includes(e)).reduce((d,n)=>(d[n]=e[n],d),{}),t=e=>{let{left:d,right:n}=e.getBoundingClientRect(),{innerWidth:i}=window;return d>=0&&n<=i},h=e=>{let{top:d,bottom:n}=e.getBoundingClientRect(),{innerHeight:i}=window;return d>=0&&n<=i}}},function(e){e.O(0,[49710,12156,92888,49774,40179],function(){return e(e.s=70540)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/iframe-34ad93b3c04cfdee.js b/review/main/_next/static/chunks/pages/iframe-b3f929a7c842a8b1.js similarity index 98% rename from review/main/_next/static/chunks/pages/iframe-34ad93b3c04cfdee.js rename to review/main/_next/static/chunks/pages/iframe-b3f929a7c842a8b1.js index 4ad25edada0..c1b6aeef497 100644 --- a/review/main/_next/static/chunks/pages/iframe-34ad93b3c04cfdee.js +++ b/review/main/_next/static/chunks/pages/iframe-b3f929a7c842a8b1.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[64614],{60359:function(e,a,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/iframe",function(){return s(72060)}])},72060:function(e,a,s){"use strict";s.r(a),s.d(a,{default:function(){return p}});var n=s(52322),c=s(48834),r=s(5632),l=s(2784),t=s(99469),i=s(83270),o=s(95610),d=s(5951),h=s(19429),m=s(36802),x=s(86095);let u=new Set(["marketingportal.extranet.deutschebahn.com"]),N=e=>{let{type:a,content:s,index:c,props:r,className:l}=e,j=Array.isArray(s)?s.map((e,a)=>(0,n.jsx)(N,{index:"".concat(c,"-").concat(a),type:e.type,content:e.content,props:e.props,className:e.className},"innerComponent-".concat(c,"-").concat(a))):s;if("h1"===a)return(0,n.jsx)("h1",{className:l,children:j});if("h2"===a)return(0,n.jsx)("h2",{className:l,children:j});if("h3"===a)return(0,n.jsx)("h3",{className:l,children:j});if("h4"===a)return(0,n.jsx)("h4",{className:l,children:j});if("p"===a)return(0,n.jsx)("p",{className:l,children:j});if("div"===a)return(0,n.jsx)("div",{className:l,children:j});if("flex"===a)return(0,n.jsx)("div",{className:"flex ".concat(null!=l?l:""),"data-variant":(null==r?void 0:r.column)?"column":"row",children:j});if("a"===a)try{let e=new URL("",r.href).host;if(u.has(e))return(0,n.jsx)("a",{className:l,href:r.href,target:r.target,children:j})}catch(e){console.error(e)}return"alert"===a?(0,n.jsx)(x.H3,{className:l,...r,children:j}):"brand"===a?(0,n.jsx)(x.mX,{className:l,...r,children:j}):"button"===a?(0,n.jsx)(x.Y1,{className:l,...r,children:j}):"card"===a?(0,n.jsx)(x.f,{className:l,...r,children:j}):"divider"===a?(0,n.jsx)(x.oH,{className:l,...r,children:j}):"header"===a?(0,n.jsx)(x.W4,{className:l,...r,children:j}):"icon"===a?(0,n.jsx)(x.Pg,{className:l,...r,children:j}):"infotext"===a?(0,n.jsx)(x.EZ,{className:l,...r,children:j}):"input"===a?(0,n.jsx)(x.aq,{className:l,...r,children:j}):"checkbox"===a?(0,n.jsx)(x.I3,{className:l,...r,children:j}):"radio"===a?(0,n.jsx)(x.an,{className:l,...r,children:j}):"link"===a?(0,n.jsx)(x.vB,{className:l,...r,children:j}):"section"===a?(0,n.jsx)(x.cN,{className:l,...r,children:j}):"textarea"===a?(0,n.jsx)(x.GI,{className:l,...r,children:j}):"select"===a?(0,n.jsx)(x.kr,{className:l,...r,children:j}):"tag"===a?(0,n.jsx)(x.k8,{className:l,...r,children:j}):"navigation-item"===a?(0,n.jsx)(x.pK,{className:l,...r,children:j}):"accordion"===a?(0,n.jsx)(x.aw,{className:l,...r,children:j}):"accordion-item"===a?(0,n.jsx)(x.kC,{className:l,...r,children:j}):"main-navigation"===a?(0,n.jsx)(x.Cc,{className:l,...r,children:j}):"badge"===a?(0,n.jsx)(x.aE,{className:l,...r,children:j}):"popover"===a?(0,n.jsx)(m.Z,{className:l,...r,children:j}):"tooltip"===a?(0,n.jsx)(h.Z,{className:l,...r,children:j}):"tab"===a?(0,n.jsx)(d.Z,{className:l,...r,children:j}):"tab-list"===a?(0,n.jsx)(o.Z,{className:l,...r,children:j}):"tabs"===a?(0,n.jsx)(i.Z,{className:l,...r,children:j}):"tab-panel"===a?(0,n.jsx)(t.Z,{className:l,...r,children:j}):(0,n.jsx)("span",{className:l,children:j})};var j=e=>{let{componentsString:a}=e,[s,c]=(0,l.useState)();return((0,l.useEffect)(()=>{try{c(JSON.parse(a))}catch(e){console.error(e)}},[a]),s&&Array.isArray(s))?(0,n.jsx)(n.Fragment,{children:s.map((e,a)=>(0,n.jsx)(N,{index:a,type:e.type,content:e.content,props:e.props},"component-".concat(a)))}):(0,n.jsx)(x.EZ,{variant:"critical",children:"Wrong format"})},p=()=>{var e,a,s;let l=(0,r.useRouter)(),t=null!==(e=l.query.tonality)&&void 0!==e?e:"regular",i=null!==(a=l.query.color)&&void 0!==a?a:"neutral-0",o=null!==(s=l.query.components)&&void 0!==s?s:"",d=c.lW.from(o,"base64").toString("utf8");return(0,n.jsx)("div",{className:"iframe-component-container db-ui-".concat(t," db-bg-").concat(i),children:(0,n.jsx)(j,{componentsString:d})})}},5632:function(e,a,s){e.exports=s(5244)}},function(e){e.O(0,[48834,92888,49774,40179],function(){return e(e.s=60359)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[64614],{60359:function(e,a,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/iframe",function(){return s(72060)}])},72060:function(e,a,s){"use strict";s.r(a),s.d(a,{default:function(){return p}});var n=s(52322),c=s(48834),r=s(5632),l=s(2784),t=s(99469),i=s(83270),o=s(95610),d=s(5951),h=s(19429),m=s(36802),x=s(53752);let u=new Set(["marketingportal.extranet.deutschebahn.com"]),N=e=>{let{type:a,content:s,index:c,props:r,className:l}=e,j=Array.isArray(s)?s.map((e,a)=>(0,n.jsx)(N,{index:"".concat(c,"-").concat(a),type:e.type,content:e.content,props:e.props,className:e.className},"innerComponent-".concat(c,"-").concat(a))):s;if("h1"===a)return(0,n.jsx)("h1",{className:l,children:j});if("h2"===a)return(0,n.jsx)("h2",{className:l,children:j});if("h3"===a)return(0,n.jsx)("h3",{className:l,children:j});if("h4"===a)return(0,n.jsx)("h4",{className:l,children:j});if("p"===a)return(0,n.jsx)("p",{className:l,children:j});if("div"===a)return(0,n.jsx)("div",{className:l,children:j});if("flex"===a)return(0,n.jsx)("div",{className:"flex ".concat(null!=l?l:""),"data-variant":(null==r?void 0:r.column)?"column":"row",children:j});if("a"===a)try{let e=new URL("",r.href).host;if(u.has(e))return(0,n.jsx)("a",{className:l,href:r.href,target:r.target,children:j})}catch(e){console.error(e)}return"alert"===a?(0,n.jsx)(x.H3,{className:l,...r,children:j}):"brand"===a?(0,n.jsx)(x.mX,{className:l,...r,children:j}):"button"===a?(0,n.jsx)(x.Y1,{className:l,...r,children:j}):"card"===a?(0,n.jsx)(x.f,{className:l,...r,children:j}):"divider"===a?(0,n.jsx)(x.oH,{className:l,...r,children:j}):"header"===a?(0,n.jsx)(x.W4,{className:l,...r,children:j}):"icon"===a?(0,n.jsx)(x.Pg,{className:l,...r,children:j}):"infotext"===a?(0,n.jsx)(x.EZ,{className:l,...r,children:j}):"input"===a?(0,n.jsx)(x.aq,{className:l,...r,children:j}):"checkbox"===a?(0,n.jsx)(x.I3,{className:l,...r,children:j}):"radio"===a?(0,n.jsx)(x.an,{className:l,...r,children:j}):"link"===a?(0,n.jsx)(x.vB,{className:l,...r,children:j}):"section"===a?(0,n.jsx)(x.cN,{className:l,...r,children:j}):"textarea"===a?(0,n.jsx)(x.GI,{className:l,...r,children:j}):"select"===a?(0,n.jsx)(x.kr,{className:l,...r,children:j}):"tag"===a?(0,n.jsx)(x.k8,{className:l,...r,children:j}):"navigation-item"===a?(0,n.jsx)(x.pK,{className:l,...r,children:j}):"accordion"===a?(0,n.jsx)(x.aw,{className:l,...r,children:j}):"accordion-item"===a?(0,n.jsx)(x.kC,{className:l,...r,children:j}):"main-navigation"===a?(0,n.jsx)(x.Cc,{className:l,...r,children:j}):"badge"===a?(0,n.jsx)(x.aE,{className:l,...r,children:j}):"popover"===a?(0,n.jsx)(m.Z,{className:l,...r,children:j}):"tooltip"===a?(0,n.jsx)(h.Z,{className:l,...r,children:j}):"tab"===a?(0,n.jsx)(d.Z,{className:l,...r,children:j}):"tab-list"===a?(0,n.jsx)(o.Z,{className:l,...r,children:j}):"tabs"===a?(0,n.jsx)(i.Z,{className:l,...r,children:j}):"tab-panel"===a?(0,n.jsx)(t.Z,{className:l,...r,children:j}):(0,n.jsx)("span",{className:l,children:j})};var j=e=>{let{componentsString:a}=e,[s,c]=(0,l.useState)();return((0,l.useEffect)(()=>{try{c(JSON.parse(a))}catch(e){console.error(e)}},[a]),s&&Array.isArray(s))?(0,n.jsx)(n.Fragment,{children:s.map((e,a)=>(0,n.jsx)(N,{index:a,type:e.type,content:e.content,props:e.props},"component-".concat(a)))}):(0,n.jsx)(x.EZ,{variant:"critical",children:"Wrong format"})},p=()=>{var e,a,s;let l=(0,r.useRouter)(),t=null!==(e=l.query.tonality)&&void 0!==e?e:"regular",i=null!==(a=l.query.color)&&void 0!==a?a:"neutral-0",o=null!==(s=l.query.components)&&void 0!==s?s:"",d=c.lW.from(o,"base64").toString("utf8");return(0,n.jsx)("div",{className:"iframe-component-container db-ui-".concat(t," db-bg-").concat(i),children:(0,n.jsx)(j,{componentsString:d})})}},5632:function(e,a,s){e.exports=s(5244)}},function(e){e.O(0,[48834,92888,49774,40179],function(){return e(e.s=60359)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/chunks/pages/index-55d72762d7e12051.js b/review/main/_next/static/chunks/pages/index-90db625455c1791c.js similarity index 99% rename from review/main/_next/static/chunks/pages/index-55d72762d7e12051.js rename to review/main/_next/static/chunks/pages/index-90db625455c1791c.js index 576c22f745a..cd00fe10d22 100644 --- a/review/main/_next/static/chunks/pages/index-55d72762d7e12051.js +++ b/review/main/_next/static/chunks/pages/index-90db625455c1791c.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[95405],{53525:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/",function(){return t(50979)}])},50979:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return d}});var s=t(52322),r=t(11803),o=t(45392);function i(e){let n={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",h4:"h4",img:"img",li:"li",p:"p",pre:"pre",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,o.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.p,{children:" "}),"\n",(0,s.jsx)(n.h1,{id:"db-ui-mono-alpha-",children:"DB UI Mono (Alpha) \uD83D\uDE82\uD83D\uDC96"}),"\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.img,{src:"/docs/images/download/Part_ofDB_UX_Design_System_Cored7dce1.svg",alt:"Part of DB UX Design System Core"}),"\n",(0,s.jsx)(n.img,{src:"https://github.com/db-ui/mono/actions/workflows/default.yml/badge.svg",alt:"Main pipeline"}),"\n",(0,s.jsx)(n.img,{src:"/docs/images/download/LicenseApache20blue.svg",alt:"Apache 2.0 license badge"}),"\n",(0,s.jsx)(n.a,{href:"https://github.com/prettier/prettier",children:(0,s.jsx)(n.img,{src:"/docs/images/download/codestyleprettierff69b4styleflatsquare.svg",alt:"code style: prettier"})}),"\n",(0,s.jsx)(n.a,{href:"https://github.com/xojs/xo",children:(0,s.jsx)(n.img,{src:"/docs/images/download/codestyleXO5ed9c7.svg",alt:"XO code style"})}),"\n",(0,s.jsx)(n.a,{href:"http://makeapullrequest.com",children:(0,s.jsx)(n.img,{src:"/docs/images/download/PRswelcomebrightgreenstyleflatsquare.svg",alt:"PRs Welcome"})}),"\n",(0,s.jsx)(n.a,{href:"CODE-OF-CONDUCT.md",children:(0,s.jsx)(n.img,{src:"/docs/images/download/Contributor_Covenant204baaaa.svg",alt:"Contributor Covenant"})})]}),"\n",(0,s.jsx)(n.p,{children:"DB UI Mono provides robust HTML UI components, reusable visual styles, and powerful tooling to help developers,\ndesigners, and content authors build, maintain, and scale best of class digital experiences."}),"\n","\n",(0,s.jsx)(n.h2,{id:"packages",children:"Packages"}),"\n",(0,s.jsxs)(n.table,{children:[(0,s.jsx)(n.thead,{children:(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.th,{children:"Package"}),(0,s.jsx)(n.th,{children:"Content"}),(0,s.jsx)(n.th,{style:{textAlign:"left"},children:"Version"})]})}),(0,s.jsxs)(n.tbody,{children:[(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.a,{href:"https://github.com/db-ui/mono/tree/main/packages/foundations",children:"foundations"})}),(0,s.jsx)(n.td,{children:"CSS/SCSS/Tailwind styles and assets"}),(0,s.jsx)(n.td,{style:{textAlign:"left"},children:(0,s.jsx)(n.a,{href:"https://npmjs.com/package/@db-ui/foundations",title:"DB UI – on NPM",children:(0,s.jsx)(n.img,{src:"/docs/images/download/tagnamelabelnpmcolored1c24.svg",alt:"@db-ui/foundations on Npmjs",title:"npm version"})})})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.a,{href:"https://github.com/db-ui/mono/tree/main/packages/components",children:"components"})}),(0,s.jsx)(n.td,{children:"CSS/SCSS styles for components"}),(0,s.jsx)(n.td,{style:{textAlign:"left"},children:(0,s.jsx)(n.a,{href:"https://npmjs.com/package/@db-ui/components",title:"DB UI – on NPM",children:(0,s.jsx)(n.img,{src:"/docs/images/download/tagnamelabelnpmcolored1c24.svg",alt:"@db-ui/components on Npmjs",title:"npm version"})})})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.a,{href:"https://github.com/db-ui/mono/tree/main/output/angular",children:"ngx-components"})}),(0,s.jsx)(n.td,{children:"Native Angular components"}),(0,s.jsx)(n.td,{style:{textAlign:"left"},children:(0,s.jsx)(n.a,{href:"https://npmjs.com/package/@db-ui/ngx-components",title:"DB UI – on NPM",children:(0,s.jsx)(n.img,{src:"/docs/images/download/tagnamelabelnpmcolored1c24.svg",alt:"@db-ui/ngx-components on Npmjs",title:"npm version"})})})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.a,{href:"https://github.com/db-ui/mono/tree/main/output/react",children:"react-components"})}),(0,s.jsx)(n.td,{children:"Native React components"}),(0,s.jsx)(n.td,{style:{textAlign:"left"},children:(0,s.jsx)(n.a,{href:"https://npmjs.com/package/@db-ui/react-components",title:"DB UI – on NPM",children:(0,s.jsx)(n.img,{src:"/docs/images/download/tagnamelabelnpmcolored1c24.svg",alt:"@db-ui/react-components on Npmjs",title:"npm version"})})})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.a,{href:"https://github.com/db-ui/mono/tree/main/output/vue/vue3",children:"v-components"})}),(0,s.jsx)(n.td,{children:"Native Vue components"}),(0,s.jsx)(n.td,{style:{textAlign:"left"},children:(0,s.jsx)(n.a,{href:"https://npmjs.com/package/@db-ui/v-components",title:"DB UI – on NPM",children:(0,s.jsx)(n.img,{src:"/docs/images/download/tagnamelabelnpmcolored1c24.svg",alt:"@db-ui/v-components on Npmjs",title:"npm version"})})})]})]})]}),"\n",(0,s.jsx)(n.h2,{id:"how-to-use",children:"How to use"}),"\n",(0,s.jsxs)(n.p,{children:["Install your preferred package via npm or yarn e.g. ",(0,s.jsx)(n.code,{children:"npm i @db-ui/react-components"}),"."]}),"\n",(0,s.jsxs)(n.p,{children:["Afterwards you need to add the specific CSS or SCSS files to provide the styles of DB UX Design System.\nFor a detailed overview look at our ",(0,s.jsx)(n.a,{href:"https://github.com/db-ui/examples",children:"examples"}),"."]}),"\n",(0,s.jsx)(n.h2,{id:"components",children:"Components"}),"\n",(0,s.jsxs)(n.p,{children:["We maintain a ",(0,s.jsx)(n.a,{href:"https://github.com/orgs/db-ui/projects/4/views/3",children:"status overview"})," for all components."]}),"\n",(0,s.jsx)(n.h2,{id:"core-principals",children:"Core principals"}),"\n","\n",(0,s.jsxs)(n.p,{children:["DB UI Mono is part of ",(0,s.jsx)(n.a,{href:"https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/DB-UX-Design-System/Design-fuer-Apps-Web/UI-Komponenten",children:"DB UX Design System Core"}),",\nthat are the guidelines for any Personenverkehr Customer and Deutsche Bahn Enterprise website and web applications."]}),"\n","\n","\n",(0,s.jsxs)(n.p,{children:["DB UI Mono leverages semantic HTML, ARIA roles, states and properties to apply our styles wherever possible, thus\nenforcing correct, accessible markup. And we're quality checking this in partnership with\nthe ",(0,s.jsx)(n.a,{href:"https://db.de/8pei5n",children:"Team Digital Accessibility"}),"."]}),"\n","\n",(0,s.jsx)(n.p,{children:"DB UI Mono uses declarative selectors instead of visual helpers to ensure our HTML class names and structure are human\nread- and understandable, lean, performant and so much easier to update."}),"\n","\n",(0,s.jsxs)(n.p,{children:["As ",(0,s.jsx)(n.a,{href:"https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/DB-UX-Design-System/Design-fuer-Apps-Web/UI-Komponenten",children:"DB UX Design System"})," evolves, so does DB UI\nMono, meaning apps only need to keep their DB UI Mono package updated to ensure the latest look and feel."]}),"\n","\n",(0,s.jsx)(n.h2,{id:"things-to-keep-in-mind",children:"Things to keep in mind"}),"\n",(0,s.jsx)(n.h3,{id:"developed-for-and-driven-by-the-community",children:"Developed for and driven by the community"}),"\n",(0,s.jsx)(n.p,{children:"This is mainly a platform providing the space and technology for a common basis of curated components; their development\nis mainly driven by the community and adapted out of the work done in projects and through the huge amount of feedback\nthat we're gaining out of the community. So please support us in any way possible, this is greatly appreciated!"}),"\n",(0,s.jsx)(n.h2,{id:"how-to-start-develop--contribute",children:"How to start develop / contribute"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"npm install\nnpm run build\nnpm run start\n"})}),"\n",(0,s.jsxs)(n.p,{children:["Please mind the ",(0,s.jsx)(n.a,{href:"/docs/conventions.adoc#user-content-git-commits-conventions",children:"conventions for git commits"}),"."]}),"\n",(0,s.jsx)(n.h3,{id:"versions",children:"Versions"}),"\n",(0,s.jsxs)(n.p,{children:["All versions in all ",(0,s.jsx)(n.code,{children:"package.json"})," files are set to ",(0,s.jsx)(n.code,{children:"0.0.0"}),", we change those during release process in CI/CD."]}),"\n","\n",(0,s.jsx)(n.h2,{id:"give-us-your-feedback",children:"Give us your feedback!"}),"\n","\n","\n",(0,s.jsxs)(n.p,{children:["This is only the first version of our framework and we really want your feedback - either within\nthe ","DB UI Channel by Web Dev Community in\nMicrosoft Teams (only available DB internally)",", or directly\nat ",(0,s.jsx)(n.a,{href:"mailto:db-ux-designsystem@deutschebahn.com",children:"db-ux-designsystem@deutschebahn.com"}),". ","\nWe're particularly keen to add as many examples to the behaviours as possible, to further clarify them."]}),"\n",(0,s.jsx)(n.h2,{id:"deutsche-bahn-brand",children:"Deutsche Bahn brand"}),"\n",(0,s.jsxs)(n.p,{children:["As we'd like to perfectly support our users and customers on their digital journey, the usage of Deutsche Bahn brand and\ntrademarks are bound to clear guidelines and restrictions even when being used with the code that we're providing with\nthis product; Deutsche Bahn fully reserves all rights and ownership regarding the Deutsche Bahn brand, even though that\nwe're providing the code of DB UI products free to use and release it under the Apache 2.0 license.\nPlease have a look at our brand portal at ",(0,s.jsx)(n.a,{href:"https://marketingportal.extranet.deutschebahn.com/",children:"https://marketingportal.extranet.deutschebahn.com/"})," for any further questions\nand whom to contact on any brand issues. As these assets and visual guidelines are retrieved from our Deutsche Bahn\nMarketingportal, you'll agree with\nthe ",(0,s.jsx)(n.a,{href:"https://marketingportal.extranet.deutschebahn.com/marketingportal/Nutzungsbedingungen-9702684#",children:'"Allgemeine Nutzungsbedingungen f\xfcr das DB-Marketingportal" (german)'}),"\nin case of using them."]}),"\n",(0,s.jsx)(n.p,{children:"For any usage outside of Deutsche Bahn websites and applications you must remove or replace any Deutsche Bahn brand and\ndesign assets as well as protected characteristics and trademarks. We're even also planning to provide a neutral theme\nthat would make it much easier for you to use our product without the trademarks by Deutsche Bahn."}),"\n",(0,s.jsxs)(n.p,{children:["This especially relates to the files in the directories ",(0,s.jsx)(n.code,{children:"/source/fonts/"}),", ",(0,s.jsx)(n.code,{children:"source/images"})," and ",(0,s.jsx)(n.code,{children:"source/samples"}),"\nand ",(0,s.jsx)(n.code,{children:"source/favicon.ico"})," as well."]}),"\n",(0,s.jsx)(n.h2,{id:"development",children:"Development"}),"\n",(0,s.jsx)(n.h3,{id:"tests",children:"Tests"}),"\n",(0,s.jsx)(n.p,{children:"TODO: Elaborate on testing setup"}),"\n",(0,s.jsx)(n.h4,{id:"component-tests",children:"Component Tests"}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.strong,{children:"Visual regression tests"})}),"\n",(0,s.jsx)(n.p,{children:"Playwright is used to create and compare screenshots of each individual component."}),"\n",(0,s.jsx)(n.p,{children:"To update screenshots just run the following (you need Docker installed and available on your shell):"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"npm run regenerate:screenshots\n"})}),"\n",(0,s.jsx)(n.p,{children:"If you want to generate the screenshots manually, do the following:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"npm run build\n\n# unix\ndocker run --rm --network host -v $(pwd):/work/ -w /work/ -it mcr.microsoft.com/playwright:v1.30.0-focal /bin/bash\n\n#windows - allow file sharing (windows pop up)\ndocker run --rm --network host -v ${PWD}:/work/ -w /work/ -it mcr.microsoft.com/playwright:v1.30.0-focal /bin/bash\n\nnpm install\n\ncd output/${frameworkFolder}\n\nnpx playwright test --update-snapshots\n"})}),"\n",(0,s.jsxs)(n.p,{children:["You can also use ",(0,s.jsx)(n.code,{children:"docker-compose"})," to test or regenerate screenshots."]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["testing: ",(0,s.jsx)(n.code,{children:"docker-compose -f ./e2e/docker-compose.yml up"})]}),"\n",(0,s.jsxs)(n.li,{children:["update screenshots: ",(0,s.jsx)(n.code,{children:"docker-compose -f ./e2e/docker-compose.regenerate.yml up"})]}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"contributions",children:"Contributions"}),"\n",(0,s.jsxs)(n.p,{children:["Contributions are very welcome, please refer to the ",(0,s.jsx)(n.a,{href:"https://github.com/db-ui/mono/blob/main/CONTRIBUTING.md",children:"contribution guide"}),"."]}),"\n",(0,s.jsx)(n.h2,{id:"code-of-conduct",children:"Code of conduct"}),"\n",(0,s.jsxs)(n.p,{children:["We as members, contributors, and leaders pledge to make participation in our\ncommunity a harassment-free experience for everyone – have a look at\nour ",(0,s.jsx)(n.a,{href:"https://github.com/db-ui/mono/blob/main/CODE-OF-CONDUCT.md",children:"Contributor Covenant Code of Conduct"}),"."]}),"\n",(0,s.jsx)(n.h2,{id:"license",children:"License"}),"\n",(0,s.jsxs)(n.p,{children:["This project is licensed under ",(0,s.jsx)(n.a,{href:"LICENSE",children:"Apache-2.0"}),", Copyright 2024 by DB Systel GmbH."]})]})}function a(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:n}={...(0,o.a)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(i,{...e})}):i(e)}let l=e=>{let{children:n}=e;return(0,s.jsx)(r.Z,{children:n})};function c(e){return(0,s.jsx)(a,{})}function d(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,s.jsx)(l,{...e,children:(0,s.jsx)(c,{...e})})}},16134:function(e,n,t){"use strict";var s=t(52322),r=t(2784),o=t(13776);let i=(0,r.forwardRef)(function(e,n){let t=n||(0,r.useRef)(n);return(0,s.jsx)("button",{ref:t,...(0,o.mS)(e,[]),id:e.id,className:(0,o.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:n=>{e.onClick&&e.onClick(n)},children:e.children})});n.Z=i},63900:function(e,n,t){"use strict";var s,r,o,i,a,l,c;t.d(n,{IY:function(){return d},YP:function(){return h},ce:function(){return u}});let d="OVERWRITE_DEFAULT_ID",h="Back",u="Close Button";(a=s||(s={})).FUNCTIONAL="functional",a.REGULAR="regular",a.EXPRESSIVE="expressive",Object.entries(s).map(e=>{let[,n]=e;return n}),(r||(r={})).PRIMARY="primary",(l=o||(o={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(o).map(e=>{let[,n]=e;return n}),Object.entries(r).map(e=>{let[,n]=e;return n}),(c=i||(i={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(i).map(e=>{let[,n]=e;return n})},13776:function(e,n,t){"use strict";t.d(n,{MN:function(){return c},Vj:function(){return s},cd:function(){return l},mS:function(){return a},yI:function(){return o},yn:function(){return r}});let s=()=>{var e,n;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(n=window.crypto)||void 0===n?void 0:n.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},r=(e,n)=>{Object.values(e.children).forEach(e=>{e.setAttribute(n.key,n.value),e.children.length>0&&r(e,n)})},o=function(){for(var e=arguments.length,n=Array(e),t=0;t{if(e){if("string"==typeof e)s+="".concat(e," ");else for(let n in e)e[n]&&(s+="".concat(n," "))}}),s.trim()},i=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],a=(e,n)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||i.includes(e))&&!n.includes(e)).reduce((n,t)=>(n[t]=e[t],n),{}),l=e=>{let{left:n,right:t}=e.getBoundingClientRect(),{innerWidth:s}=window;return n>=0&&t<=s},c=e=>{let{top:n,bottom:t}=e.getBoundingClientRect(),{innerHeight:s}=window;return n>=0&&t<=s}}},function(e){e.O(0,[49710,11803,92888,49774,40179],function(){return e(e.s=53525)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[95405],{53525:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/",function(){return t(50979)}])},50979:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return d}});var s=t(52322),r=t(12156),o=t(45392);function i(e){let n={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",h4:"h4",img:"img",li:"li",p:"p",pre:"pre",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,o.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.p,{children:" "}),"\n",(0,s.jsx)(n.h1,{id:"db-ui-mono-alpha-",children:"DB UI Mono (Alpha) \uD83D\uDE82\uD83D\uDC96"}),"\n",(0,s.jsxs)(n.p,{children:[(0,s.jsx)(n.img,{src:"/docs/images/download/Part_ofDB_UX_Design_System_Cored7dce1.svg",alt:"Part of DB UX Design System Core"}),"\n",(0,s.jsx)(n.img,{src:"https://github.com/db-ui/mono/actions/workflows/default.yml/badge.svg",alt:"Main pipeline"}),"\n",(0,s.jsx)(n.img,{src:"/docs/images/download/LicenseApache20blue.svg",alt:"Apache 2.0 license badge"}),"\n",(0,s.jsx)(n.a,{href:"https://github.com/prettier/prettier",children:(0,s.jsx)(n.img,{src:"/docs/images/download/codestyleprettierff69b4styleflatsquare.svg",alt:"code style: prettier"})}),"\n",(0,s.jsx)(n.a,{href:"https://github.com/xojs/xo",children:(0,s.jsx)(n.img,{src:"/docs/images/download/codestyleXO5ed9c7.svg",alt:"XO code style"})}),"\n",(0,s.jsx)(n.a,{href:"http://makeapullrequest.com",children:(0,s.jsx)(n.img,{src:"/docs/images/download/PRswelcomebrightgreenstyleflatsquare.svg",alt:"PRs Welcome"})}),"\n",(0,s.jsx)(n.a,{href:"CODE-OF-CONDUCT.md",children:(0,s.jsx)(n.img,{src:"/docs/images/download/Contributor_Covenant204baaaa.svg",alt:"Contributor Covenant"})})]}),"\n",(0,s.jsx)(n.p,{children:"DB UI Mono provides robust HTML UI components, reusable visual styles, and powerful tooling to help developers,\ndesigners, and content authors build, maintain, and scale best of class digital experiences."}),"\n","\n",(0,s.jsx)(n.h2,{id:"packages",children:"Packages"}),"\n",(0,s.jsxs)(n.table,{children:[(0,s.jsx)(n.thead,{children:(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.th,{children:"Package"}),(0,s.jsx)(n.th,{children:"Content"}),(0,s.jsx)(n.th,{style:{textAlign:"left"},children:"Version"})]})}),(0,s.jsxs)(n.tbody,{children:[(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.a,{href:"https://github.com/db-ui/mono/tree/main/packages/foundations",children:"foundations"})}),(0,s.jsx)(n.td,{children:"CSS/SCSS/Tailwind styles and assets"}),(0,s.jsx)(n.td,{style:{textAlign:"left"},children:(0,s.jsx)(n.a,{href:"https://npmjs.com/package/@db-ui/foundations",title:"DB UI – on NPM",children:(0,s.jsx)(n.img,{src:"/docs/images/download/tagnamelabelnpmcolored1c24.svg",alt:"@db-ui/foundations on Npmjs",title:"npm version"})})})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.a,{href:"https://github.com/db-ui/mono/tree/main/packages/components",children:"components"})}),(0,s.jsx)(n.td,{children:"CSS/SCSS styles for components"}),(0,s.jsx)(n.td,{style:{textAlign:"left"},children:(0,s.jsx)(n.a,{href:"https://npmjs.com/package/@db-ui/components",title:"DB UI – on NPM",children:(0,s.jsx)(n.img,{src:"/docs/images/download/tagnamelabelnpmcolored1c24.svg",alt:"@db-ui/components on Npmjs",title:"npm version"})})})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.a,{href:"https://github.com/db-ui/mono/tree/main/output/angular",children:"ngx-components"})}),(0,s.jsx)(n.td,{children:"Native Angular components"}),(0,s.jsx)(n.td,{style:{textAlign:"left"},children:(0,s.jsx)(n.a,{href:"https://npmjs.com/package/@db-ui/ngx-components",title:"DB UI – on NPM",children:(0,s.jsx)(n.img,{src:"/docs/images/download/tagnamelabelnpmcolored1c24.svg",alt:"@db-ui/ngx-components on Npmjs",title:"npm version"})})})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.a,{href:"https://github.com/db-ui/mono/tree/main/output/react",children:"react-components"})}),(0,s.jsx)(n.td,{children:"Native React components"}),(0,s.jsx)(n.td,{style:{textAlign:"left"},children:(0,s.jsx)(n.a,{href:"https://npmjs.com/package/@db-ui/react-components",title:"DB UI – on NPM",children:(0,s.jsx)(n.img,{src:"/docs/images/download/tagnamelabelnpmcolored1c24.svg",alt:"@db-ui/react-components on Npmjs",title:"npm version"})})})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.a,{href:"https://github.com/db-ui/mono/tree/main/output/vue/vue3",children:"v-components"})}),(0,s.jsx)(n.td,{children:"Native Vue components"}),(0,s.jsx)(n.td,{style:{textAlign:"left"},children:(0,s.jsx)(n.a,{href:"https://npmjs.com/package/@db-ui/v-components",title:"DB UI – on NPM",children:(0,s.jsx)(n.img,{src:"/docs/images/download/tagnamelabelnpmcolored1c24.svg",alt:"@db-ui/v-components on Npmjs",title:"npm version"})})})]})]})]}),"\n",(0,s.jsx)(n.h2,{id:"how-to-use",children:"How to use"}),"\n",(0,s.jsxs)(n.p,{children:["Install your preferred package via npm or yarn e.g. ",(0,s.jsx)(n.code,{children:"npm i @db-ui/react-components"}),"."]}),"\n",(0,s.jsxs)(n.p,{children:["Afterwards you need to add the specific CSS or SCSS files to provide the styles of DB UX Design System.\nFor a detailed overview look at our ",(0,s.jsx)(n.a,{href:"https://github.com/db-ui/examples",children:"examples"}),"."]}),"\n",(0,s.jsx)(n.h2,{id:"components",children:"Components"}),"\n",(0,s.jsxs)(n.p,{children:["We maintain a ",(0,s.jsx)(n.a,{href:"https://github.com/orgs/db-ui/projects/4/views/3",children:"status overview"})," for all components."]}),"\n",(0,s.jsx)(n.h2,{id:"core-principals",children:"Core principals"}),"\n","\n",(0,s.jsxs)(n.p,{children:["DB UI Mono is part of ",(0,s.jsx)(n.a,{href:"https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/DB-UX-Design-System/Design-fuer-Apps-Web/UI-Komponenten",children:"DB UX Design System Core"}),",\nthat are the guidelines for any Personenverkehr Customer and Deutsche Bahn Enterprise website and web applications."]}),"\n","\n","\n",(0,s.jsxs)(n.p,{children:["DB UI Mono leverages semantic HTML, ARIA roles, states and properties to apply our styles wherever possible, thus\nenforcing correct, accessible markup. And we're quality checking this in partnership with\nthe ",(0,s.jsx)(n.a,{href:"https://db.de/8pei5n",children:"Team Digital Accessibility"}),"."]}),"\n","\n",(0,s.jsx)(n.p,{children:"DB UI Mono uses declarative selectors instead of visual helpers to ensure our HTML class names and structure are human\nread- and understandable, lean, performant and so much easier to update."}),"\n","\n",(0,s.jsxs)(n.p,{children:["As ",(0,s.jsx)(n.a,{href:"https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/DB-UX-Design-System/Design-fuer-Apps-Web/UI-Komponenten",children:"DB UX Design System"})," evolves, so does DB UI\nMono, meaning apps only need to keep their DB UI Mono package updated to ensure the latest look and feel."]}),"\n","\n",(0,s.jsx)(n.h2,{id:"things-to-keep-in-mind",children:"Things to keep in mind"}),"\n",(0,s.jsx)(n.h3,{id:"developed-for-and-driven-by-the-community",children:"Developed for and driven by the community"}),"\n",(0,s.jsx)(n.p,{children:"This is mainly a platform providing the space and technology for a common basis of curated components; their development\nis mainly driven by the community and adapted out of the work done in projects and through the huge amount of feedback\nthat we're gaining out of the community. So please support us in any way possible, this is greatly appreciated!"}),"\n",(0,s.jsx)(n.h2,{id:"how-to-start-develop--contribute",children:"How to start develop / contribute"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"npm install\nnpm run build\nnpm run start\n"})}),"\n",(0,s.jsxs)(n.p,{children:["Please mind the ",(0,s.jsx)(n.a,{href:"/docs/conventions.adoc#user-content-git-commits-conventions",children:"conventions for git commits"}),"."]}),"\n",(0,s.jsx)(n.h3,{id:"versions",children:"Versions"}),"\n",(0,s.jsxs)(n.p,{children:["All versions in all ",(0,s.jsx)(n.code,{children:"package.json"})," files are set to ",(0,s.jsx)(n.code,{children:"0.0.0"}),", we change those during release process in CI/CD."]}),"\n","\n",(0,s.jsx)(n.h2,{id:"give-us-your-feedback",children:"Give us your feedback!"}),"\n","\n","\n",(0,s.jsxs)(n.p,{children:["This is only the first version of our framework and we really want your feedback - either within\nthe ","DB UI Channel by Web Dev Community in\nMicrosoft Teams (only available DB internally)",", or directly\nat ",(0,s.jsx)(n.a,{href:"mailto:db-ux-designsystem@deutschebahn.com",children:"db-ux-designsystem@deutschebahn.com"}),". ","\nWe're particularly keen to add as many examples to the behaviours as possible, to further clarify them."]}),"\n",(0,s.jsx)(n.h2,{id:"deutsche-bahn-brand",children:"Deutsche Bahn brand"}),"\n",(0,s.jsxs)(n.p,{children:["As we'd like to perfectly support our users and customers on their digital journey, the usage of Deutsche Bahn brand and\ntrademarks are bound to clear guidelines and restrictions even when being used with the code that we're providing with\nthis product; Deutsche Bahn fully reserves all rights and ownership regarding the Deutsche Bahn brand, even though that\nwe're providing the code of DB UI products free to use and release it under the Apache 2.0 license.\nPlease have a look at our brand portal at ",(0,s.jsx)(n.a,{href:"https://marketingportal.extranet.deutschebahn.com/",children:"https://marketingportal.extranet.deutschebahn.com/"})," for any further questions\nand whom to contact on any brand issues. As these assets and visual guidelines are retrieved from our Deutsche Bahn\nMarketingportal, you'll agree with\nthe ",(0,s.jsx)(n.a,{href:"https://marketingportal.extranet.deutschebahn.com/marketingportal/Nutzungsbedingungen-9702684#",children:'"Allgemeine Nutzungsbedingungen f\xfcr das DB-Marketingportal" (german)'}),"\nin case of using them."]}),"\n",(0,s.jsx)(n.p,{children:"For any usage outside of Deutsche Bahn websites and applications you must remove or replace any Deutsche Bahn brand and\ndesign assets as well as protected characteristics and trademarks. We're even also planning to provide a neutral theme\nthat would make it much easier for you to use our product without the trademarks by Deutsche Bahn."}),"\n",(0,s.jsxs)(n.p,{children:["This especially relates to the files in the directories ",(0,s.jsx)(n.code,{children:"/source/fonts/"}),", ",(0,s.jsx)(n.code,{children:"source/images"})," and ",(0,s.jsx)(n.code,{children:"source/samples"}),"\nand ",(0,s.jsx)(n.code,{children:"source/favicon.ico"})," as well."]}),"\n",(0,s.jsx)(n.h2,{id:"development",children:"Development"}),"\n",(0,s.jsx)(n.h3,{id:"tests",children:"Tests"}),"\n",(0,s.jsx)(n.p,{children:"TODO: Elaborate on testing setup"}),"\n",(0,s.jsx)(n.h4,{id:"component-tests",children:"Component Tests"}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.strong,{children:"Visual regression tests"})}),"\n",(0,s.jsx)(n.p,{children:"Playwright is used to create and compare screenshots of each individual component."}),"\n",(0,s.jsx)(n.p,{children:"To update screenshots just run the following (you need Docker installed and available on your shell):"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"npm run regenerate:screenshots\n"})}),"\n",(0,s.jsx)(n.p,{children:"If you want to generate the screenshots manually, do the following:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-shell",children:"npm run build\n\n# unix\ndocker run --rm --network host -v $(pwd):/work/ -w /work/ -it mcr.microsoft.com/playwright:v1.30.0-focal /bin/bash\n\n#windows - allow file sharing (windows pop up)\ndocker run --rm --network host -v ${PWD}:/work/ -w /work/ -it mcr.microsoft.com/playwright:v1.30.0-focal /bin/bash\n\nnpm install\n\ncd output/${frameworkFolder}\n\nnpx playwright test --update-snapshots\n"})}),"\n",(0,s.jsxs)(n.p,{children:["You can also use ",(0,s.jsx)(n.code,{children:"docker-compose"})," to test or regenerate screenshots."]}),"\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:["testing: ",(0,s.jsx)(n.code,{children:"docker-compose -f ./e2e/docker-compose.yml up"})]}),"\n",(0,s.jsxs)(n.li,{children:["update screenshots: ",(0,s.jsx)(n.code,{children:"docker-compose -f ./e2e/docker-compose.regenerate.yml up"})]}),"\n"]}),"\n",(0,s.jsx)(n.h2,{id:"contributions",children:"Contributions"}),"\n",(0,s.jsxs)(n.p,{children:["Contributions are very welcome, please refer to the ",(0,s.jsx)(n.a,{href:"https://github.com/db-ui/mono/blob/main/CONTRIBUTING.md",children:"contribution guide"}),"."]}),"\n",(0,s.jsx)(n.h2,{id:"code-of-conduct",children:"Code of conduct"}),"\n",(0,s.jsxs)(n.p,{children:["We as members, contributors, and leaders pledge to make participation in our\ncommunity a harassment-free experience for everyone – have a look at\nour ",(0,s.jsx)(n.a,{href:"https://github.com/db-ui/mono/blob/main/CODE-OF-CONDUCT.md",children:"Contributor Covenant Code of Conduct"}),"."]}),"\n",(0,s.jsx)(n.h2,{id:"license",children:"License"}),"\n",(0,s.jsxs)(n.p,{children:["This project is licensed under ",(0,s.jsx)(n.a,{href:"LICENSE",children:"Apache-2.0"}),", Copyright 2024 by DB Systel GmbH."]})]})}function a(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:n}={...(0,o.a)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(i,{...e})}):i(e)}let l=e=>{let{children:n}=e;return(0,s.jsx)(r.Z,{children:n})};function c(e){return(0,s.jsx)(a,{})}function d(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(0,s.jsx)(l,{...e,children:(0,s.jsx)(c,{...e})})}},16134:function(e,n,t){"use strict";var s=t(52322),r=t(2784),o=t(13776);let i=(0,r.forwardRef)(function(e,n){let t=n||(0,r.useRef)(n);return(0,s.jsx)("button",{ref:t,...(0,o.mS)(e,[]),id:e.id,className:(0,o.yI)("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:n=>{e.onClick&&e.onClick(n)},children:e.children})});n.Z=i},63900:function(e,n,t){"use strict";var s,r,o,i,a,l,c;t.d(n,{IY:function(){return d},YP:function(){return h},ce:function(){return u}});let d="OVERWRITE_DEFAULT_ID",h="Back",u="Close Button";(a=s||(s={})).FUNCTIONAL="functional",a.REGULAR="regular",a.EXPRESSIVE="expressive",Object.entries(s).map(e=>{let[,n]=e;return n}),(r||(r={})).PRIMARY="primary",(l=o||(o={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(o).map(e=>{let[,n]=e;return n}),Object.entries(r).map(e=>{let[,n]=e;return n}),(c=i||(i={})).CRITICAL="critical",c.INFORMATIONAL="informational",c.WARNING="warning",c.SUCCESSFUL="successful",Object.entries(i).map(e=>{let[,n]=e;return n})},13776:function(e,n,t){"use strict";t.d(n,{MN:function(){return c},Vj:function(){return s},cd:function(){return l},mS:function(){return a},yI:function(){return o},yn:function(){return r}});let s=()=>{var e,n;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(n=window.crypto)||void 0===n?void 0:n.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},r=(e,n)=>{Object.values(e.children).forEach(e=>{e.setAttribute(n.key,n.value),e.children.length>0&&r(e,n)})},o=function(){for(var e=arguments.length,n=Array(e),t=0;t{if(e){if("string"==typeof e)s+="".concat(e," ");else for(let n in e)e[n]&&(s+="".concat(n," "))}}),s.trim()},i=["suppressHydrationWarning","suppressContentEditableWarning","translate","title","tabIndex","style","spellCheck","nonce","lang","hidden","draggable","dir","contextMenu","contentEditable","autoFocus","accessKey","is","inputMode","unselectable","security","results","vocab","typeof","rev","resource","rel","property","inlist","datatype","content","about","role","radioGroup","color"],a=(e,n)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("item")||e.startsWith("on")||i.includes(e))&&!n.includes(e)).reduce((n,t)=>(n[t]=e[t],n),{}),l=e=>{let{left:n,right:t}=e.getBoundingClientRect(),{innerWidth:s}=window;return n>=0&&t<=s},c=e=>{let{top:n,bottom:t}=e.getBoundingClientRect(),{innerHeight:s}=window;return n>=0&&t<=s}}},function(e){e.O(0,[49710,12156,92888,49774,40179],function(){return e(e.s=53525)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/review/main/_next/static/css/edcb789c969baa46.css b/review/main/_next/static/css/7ea6aa9938e9ee19.css similarity index 63% rename from review/main/_next/static/css/edcb789c969baa46.css rename to review/main/_next/static/css/7ea6aa9938e9ee19.css index 15e9bd31796..bd5d83a1600 100644 --- a/review/main/_next/static/css/edcb789c969baa46.css +++ b/review/main/_next/static/css/7ea6aa9938e9ee19.css @@ -1 +1 @@ -.db-badge[data-emphasis=strong],.db-checkbox input:checked,.db-tag:has(.db-tab-remove-button)[data-emphasis=strong],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-emphasis=strong]{--db-current-color:var(--db-base-on-enabled);color:var(--db-current-color);background-color:var(--db-base-text-enabled)}.db-checkbox input:enabled:hover:checked,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){background-color:var(--db-base-text-hover)}.db-checkbox input:enabled:active:checked,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){background-color:var(--db-base-text-pressed)}.db-badge,.db-tag:has(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a) a,.db-tag:has(label,button:not(.db-tab-remove-button),a) db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a) dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a) label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a) label:has(input[type=radio]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a):not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a)),:root,[data-color-variant=base].db-card{--db-current-base-color:var(--db-base-text-enabled);--db-current-color:var(--db-base-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-base-bg-enabled));--db-current-element-color:var(--db-base-element-enabled);--db-current-border-color:var(--db-base-border-enabled);--db-current-border-weak-color:var( --db-base-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-base-bg-enabled))}.db-badge,.db-tag:has(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a) a,.db-tag:has(label,button:not(.db-tab-remove-button),a) db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a) dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a) label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a) label:has(input[type=radio]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a):not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a)),:root,[data-color-variant=base].db-card{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-tag:has(label,button:not(.db-tab-remove-button),a) a[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a) db-button>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a) dbbutton:not(.db-tab-remove-button)>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a) label[data-emphasis=weak]:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a) label[data-emphasis=weak]:has(input[type=radio]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a):not(:has(dbbutton)) button[data-emphasis=weak]:not(.db-tab-remove-button),[data-emphasis=weak].db-badge,[data-emphasis=weak].db-tag:has(.db-tab-remove-button),[data-emphasis=weak].db-tag:not(:has(label,button:not(.db-tab-remove-button),a)),[data-emphasis=weak]:root,[data-emphasis=weak][data-color-variant=base].db-card{--db-current-color:var(--db-base-on-bg-weak-enabled);color:var(--db-current-color)}.db-badge,.db-tag:has(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a) a,.db-tag:has(label,button:not(.db-tab-remove-button),a) db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a) dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a) label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a) label:has(input[type=radio]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a):not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a)){--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-base-bg-strong-enabled))}.db-badge[data-variant=neutral][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=neutral][data-emphasis=strong],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=neutral][data-emphasis=strong],.db-tooltip[data-emphasis=strong],code,pre:has(code){--db-current-color:var(--db-neutral-on-enabled);color:var(--db-current-color);background-color:var(--db-neutral-text-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){background-color:var(--db-neutral-text-hover)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){background-color:var(--db-neutral-text-pressed)}.db-alert[data-variant=neutral],.db-badge[data-variant=neutral],.db-header-meta-navigation,.db-tabs:not([data-orientation=vertical]) .db-tab-list:before,.db-tabs[data-orientation=vertical] .db-tab-list:before,.db-tag:has(.db-tab-remove-button)[data-variant=neutral],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=neutral],[data-color-variant=neutral].db-card,blockquote,table th,table tr:nth-child(2n){--db-current-base-color:var(--db-neutral-text-enabled);--db-current-color:var(--db-neutral-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-neutral-bg-enabled));--db-current-element-color:var(--db-neutral-element-enabled);--db-current-border-color:var(--db-neutral-border-enabled);--db-current-border-weak-color:var( --db-neutral-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-neutral-bg-enabled))}.db-alert[data-variant=neutral],.db-badge[data-variant=neutral],.db-tag:has(.db-tab-remove-button)[data-variant=neutral],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=neutral],[data-color-variant=neutral].db-card{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-header-meta-navigation,.db-tabs:not([data-orientation=vertical]) .db-tab-list:before,.db-tabs[data-orientation=vertical] .db-tab-list:before,blockquote,table th,table tr:nth-child(2n){color:var(--db-neutral-on-bg-enabled);background-color:color-mix(in srgb,transparent var(--db-bg-transparent,100%),var(--db-current-base-color));background-color:color-mix(in srgb,transparent var(--db-bg-transparent,92%),var(--db-current-base-color))}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){--db-bg-transparent:84%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){--db-bg-transparent:68%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] a[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] db-button>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] dbbutton:not(.db-tab-remove-button)>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] label[data-emphasis=weak]:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral]:not(:has(dbbutton)) button[data-emphasis=weak]:not(.db-tab-remove-button),[data-emphasis=weak].db-alert[data-variant=neutral],[data-emphasis=weak].db-badge[data-variant=neutral],[data-emphasis=weak].db-tag[data-variant=neutral]:has(.db-tab-remove-button),[data-emphasis=weak].db-tag[data-variant=neutral]:not(:has(label,button:not(.db-tab-remove-button),a)),[data-emphasis=weak][data-color-variant=neutral].db-card{--db-current-color:var(--db-neutral-on-bg-weak-enabled);color:var(--db-current-color)}.db-button[data-variant=primary]{--db-current-color:var(--db-brand-on-enabled);color:var(--db-current-color);background-color:var(--db-brand-text-enabled)}.db-button[data-variant=primary]:enabled:hover{background-color:var(--db-brand-text-hover)}.db-button[data-variant=primary]:enabled:active{background-color:var(--db-brand-text-pressed)}[data-color-variant=brand].db-card{--db-current-base-color:var(--db-brand-text-enabled);--db-current-color:var(--db-brand-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-brand-bg-enabled));--db-current-element-color:var(--db-brand-element-enabled);--db-current-border-color:var(--db-brand-border-enabled);--db-current-border-weak-color:var( --db-brand-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-brand-bg-enabled));background-color:var(--db-current-bg-color);color:var(--db-current-color)}[data-emphasis=weak][data-color-variant=brand].db-card{--db-current-color:var(--db-brand-on-bg-weak-enabled);color:var(--db-current-color)}.db-badge[data-variant=critical][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=critical][data-emphasis=strong],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=critical][data-emphasis=strong]{--db-current-color:var(--db-critical-on-enabled);color:var(--db-current-color);background-color:var(--db-critical-text-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){background-color:var(--db-critical-text-hover)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){background-color:var(--db-critical-text-pressed)}.db-alert[data-variant=critical],.db-badge[data-variant=critical],.db-tag:has(.db-tab-remove-button)[data-variant=critical],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=critical],[data-color-variant=critical].db-card{--db-current-base-color:var(--db-critical-text-enabled);--db-current-color:var(--db-critical-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-critical-bg-enabled));--db-current-element-color:var(--db-critical-element-enabled);--db-current-border-color:var(--db-critical-border-enabled);--db-current-border-weak-color:var( --db-critical-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-critical-bg-enabled))}.db-alert[data-variant=critical],.db-badge[data-variant=critical],.db-tag:has(.db-tab-remove-button)[data-variant=critical],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=critical],[data-color-variant=critical].db-card{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){--db-bg-transparent:84%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){--db-bg-transparent:68%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] a[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] db-button>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] dbbutton:not(.db-tab-remove-button)>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] label[data-emphasis=weak]:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical]:not(:has(dbbutton)) button[data-emphasis=weak]:not(.db-tab-remove-button),[data-emphasis=weak].db-alert[data-variant=critical],[data-emphasis=weak].db-badge[data-variant=critical],[data-emphasis=weak].db-tag[data-variant=critical]:has(.db-tab-remove-button),[data-emphasis=weak].db-tag[data-variant=critical]:not(:has(label,button:not(.db-tab-remove-button),a)),[data-emphasis=weak][data-color-variant=critical].db-card{--db-current-color:var(--db-critical-on-bg-weak-enabled);color:var(--db-current-color)}.db-badge[data-variant=successful][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=successful][data-emphasis=strong],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=successful][data-emphasis=strong],.example-container .example-item .example-sizing .sizing,.example-container .example-item .example-spacing-fixed .gap1,.example-container .example-item .example-spacing-fixed .gap2,.example-container .example-item .example-spacing-responsive .margin1,.example-container .example-item .example-spacing-responsive .margin2{--db-current-color:var(--db-successful-on-enabled);color:var(--db-current-color);background-color:var(--db-successful-text-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){background-color:var(--db-successful-text-hover)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){background-color:var(--db-successful-text-pressed)}.db-alert[data-variant=successful],.db-badge[data-variant=successful],.db-tag:has(.db-tab-remove-button)[data-variant=successful],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=successful],[data-color-variant=successful].db-card{--db-current-base-color:var(--db-successful-text-enabled);--db-current-color:var(--db-successful-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-successful-bg-enabled));--db-current-element-color:var(--db-successful-element-enabled);--db-current-border-color:var(--db-successful-border-enabled);--db-current-border-weak-color:var( --db-successful-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-successful-bg-enabled))}.db-alert[data-variant=successful],.db-badge[data-variant=successful],.db-tag:has(.db-tab-remove-button)[data-variant=successful],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=successful],[data-color-variant=successful].db-card{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){--db-bg-transparent:84%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){--db-bg-transparent:68%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] a[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] db-button>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] dbbutton:not(.db-tab-remove-button)>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] label[data-emphasis=weak]:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful]:not(:has(dbbutton)) button[data-emphasis=weak]:not(.db-tab-remove-button),[data-emphasis=weak].db-alert[data-variant=successful],[data-emphasis=weak].db-badge[data-variant=successful],[data-emphasis=weak].db-tag[data-variant=successful]:has(.db-tab-remove-button),[data-emphasis=weak].db-tag[data-variant=successful]:not(:has(label,button:not(.db-tab-remove-button),a)),[data-emphasis=weak][data-color-variant=successful].db-card{--db-current-color:var(--db-successful-on-bg-weak-enabled);color:var(--db-current-color)}.db-badge[data-variant=warning][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=warning][data-emphasis=strong],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=warning][data-emphasis=strong],.example-container .example-item .example-sizing .sizing{--db-current-color:var(--db-warning-on-enabled);color:var(--db-current-color);background-color:var(--db-warning-text-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){background-color:var(--db-warning-text-hover)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){background-color:var(--db-warning-text-pressed)}.db-alert[data-variant=warning],.db-badge[data-variant=warning],.db-tag:has(.db-tab-remove-button)[data-variant=warning],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=warning],[data-color-variant=warning].db-card{--db-current-base-color:var(--db-warning-text-enabled);--db-current-color:var(--db-warning-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-warning-bg-enabled));--db-current-element-color:var(--db-warning-element-enabled);--db-current-border-color:var(--db-warning-border-enabled);--db-current-border-weak-color:var( --db-warning-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-warning-bg-enabled))}.db-alert[data-variant=warning],.db-badge[data-variant=warning],.db-tag:has(.db-tab-remove-button)[data-variant=warning],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=warning],[data-color-variant=warning].db-card{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){--db-bg-transparent:84%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){--db-bg-transparent:68%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] a[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] db-button>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] dbbutton:not(.db-tab-remove-button)>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] label[data-emphasis=weak]:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning]:not(:has(dbbutton)) button[data-emphasis=weak]:not(.db-tab-remove-button),[data-emphasis=weak].db-alert[data-variant=warning],[data-emphasis=weak].db-badge[data-variant=warning],[data-emphasis=weak].db-tag[data-variant=warning]:has(.db-tab-remove-button),[data-emphasis=weak].db-tag[data-variant=warning]:not(:has(label,button:not(.db-tab-remove-button),a)),[data-emphasis=weak][data-color-variant=warning].db-card{--db-current-color:var(--db-warning-on-bg-weak-enabled);color:var(--db-current-color)}.db-badge[data-variant=informational][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=informational][data-emphasis=strong],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=informational][data-emphasis=strong]{--db-current-color:var(--db-informational-on-enabled);color:var(--db-current-color);background-color:var(--db-informational-text-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){background-color:var(--db-informational-text-hover)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){background-color:var(--db-informational-text-pressed)}.db-alert[data-variant=informational],.db-badge[data-variant=informational],.db-tag:has(.db-tab-remove-button)[data-variant=informational],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=informational],[data-color-variant=informational].db-card{--db-current-base-color:var(--db-informational-text-enabled);--db-current-color:var(--db-informational-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-informational-bg-enabled));--db-current-element-color:var(--db-informational-element-enabled);--db-current-border-color:var(--db-informational-border-enabled);--db-current-border-weak-color:var( --db-informational-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-informational-bg-enabled))}.db-alert[data-variant=informational],.db-badge[data-variant=informational],.db-tag:has(.db-tab-remove-button)[data-variant=informational],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=informational],[data-color-variant=informational].db-card{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){--db-bg-transparent:84%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){--db-bg-transparent:68%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] a[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] db-button>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] dbbutton:not(.db-tab-remove-button)>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] label[data-emphasis=weak]:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational]:not(:has(dbbutton)) button[data-emphasis=weak]:not(.db-tab-remove-button),[data-emphasis=weak].db-alert[data-variant=informational],[data-emphasis=weak].db-badge[data-variant=informational],[data-emphasis=weak].db-tag[data-variant=informational]:has(.db-tab-remove-button),[data-emphasis=weak].db-tag[data-variant=informational]:not(:has(label,button:not(.db-tab-remove-button),a)),[data-emphasis=weak][data-color-variant=informational].db-card{--db-current-color:var(--db-informational-on-bg-weak-enabled);color:var(--db-current-color)}.db-accordion-item,.db-radio input:checked:enabled:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff))}.db-tab input:focus-visible:before,:is(a,button,input,textarea,summary,select,[tabindex]:not([tabindex="-1"])):focus-visible{outline:var(--db-border-height-md) var(--db-focus-outline-style,solid) var(--db-focus-outline-color,currentColor);outline-offset:var(--db-border-height-lg);transition:outline var(--db-transition-duration-ultra-fast,var(--db-transition-duration-ultra-fast)),box-shadow var(--db-transition-duration-ultra-fast,var(--db-transition-duration-ultra-fast))}.db-tab input:not([type=radio]):focus-visible:before,:not([type=radio]):is(a,button,input,textarea,summary,select,[tabindex]:not([tabindex="-1"])):focus-visible{border-radius:var(--db-border-radius-md)}.db-input[data-label-variant=hidden] label,.db-select[data-label-variant=hidden] label,.db-textarea[data-label-variant=hidden] label{clip:rect(0,0,0,0);block-size:1px;overflow:hidden;position:absolute!important;white-space:nowrap;inline-size:1px}:root{--db-breakpoint-xs:22.5em;--db-breakpoint-sm:45em;--db-breakpoint-md:64em;--db-breakpoint-lg:90em;--db-breakpoint-xl:120em}.db-header-meta-navigation,.db-ui-expressive,.db-ui-functional,.db-ui-regular,:root,:root .app-canvas,:root:not(:has(.app-canvas)),[data-tonality=expressive],[data-tonality=functional],[data-tonality=regular],table{--db-icon-font-weight:var(--db-base-icon-weight-md);--db-icon-font-size:var(--db-base-icon-font-size-md);--db-base-line-height:var(--db-type-body-line-height-md);--db-base-font-size:var(--db-type-body-font-size-md)}:root,[class^=db-]{line-height:var(--db-type-body-line-height-md);font-size:var(--db-type-body-font-size-md)}.db-input input,.db-input[data-label-variant=floating] label,.db-select [id$=-placeholder],.db-select select,.db-select[data-label-variant=floating] label,.db-textarea textarea,.db-textarea[data-label-variant=floating] label{--db-icon-font-weight:var(--db-base-icon-weight-md);--db-icon-font-size:var(--db-base-icon-font-size-md);--db-base-line-height:var(--db-type-body-line-height-md);--db-base-font-size:var(--db-type-body-font-size-md);line-height:var(--db-type-body-line-height-md);font-size:var(--db-type-body-font-size-md)}.db-badge[data-size=medium],.db-badge[data-size=medium] .db-icon,.db-badge[data-size=medium]>*,.db-button[data-size=small],.db-infotext,.db-input,.db-input[data-label-variant=floating] [id$=-placeholder],.db-input[data-label-variant=floating] input,.db-link[data-size=small],.db-select,.db-select[data-label-variant=floating] [id$=-placeholder],.db-select[data-label-variant=floating] select,.db-tag,.db-tag a,.db-tag button,.db-tag label,.db-textarea,.db-textarea[data-label-variant=floating] [id$=-placeholder],.db-textarea[data-label-variant=floating] textarea,.db-tooltip,[data-size=small].db-checkbox,[data-size=small].db-radio,code,div[class^=ch-] div,div[class^=ch-] span,small{--db-icon-font-weight:var(--db-base-icon-weight-sm);--db-icon-font-size:var(--db-base-icon-font-size-sm);--db-base-line-height:var(--db-type-body-line-height-sm);--db-base-font-size:var(--db-type-body-font-size-sm);line-height:var(--db-type-body-line-height-sm);font-size:var(--db-type-body-font-size-sm)}.db-infotext[data-size=small],.db-input label,.db-select label,.db-textarea label{--db-icon-font-weight:var(--db-base-icon-weight-xs);--db-icon-font-size:var(--db-base-icon-font-size-xs);--db-base-line-height:var(--db-type-body-line-height-xs);--db-base-font-size:var(--db-type-body-font-size-xs);line-height:var(--db-type-body-line-height-xs);font-size:var(--db-type-body-font-size-xs)}.db-badge,.db-badge .db-icon,.db-badge>*,.db-input[data-label-variant=floating]:has(>select option:checked:not([hidden])) label,.db-input[data-label-variant=floating]:has(input:focus-within) label,.db-input[data-label-variant=floating]:has(input:is(input,textarea):not(:placeholder-shown)) label,.db-select[data-label-variant=floating]:has(>select option:checked:not([hidden])) label,.db-select[data-label-variant=floating]:has(select:focus-within) label,.db-select[data-label-variant=floating]:has(select:is(input,textarea):not(:placeholder-shown)) label,.db-textarea[data-label-variant=floating]:has(>select option:checked:not([hidden])) label,.db-textarea[data-label-variant=floating]:has(textarea:focus-within) label,.db-textarea[data-label-variant=floating]:has(textarea:is(input,textarea):not(:placeholder-shown)) label{--db-icon-font-weight:var(--db-base-icon-weight-2xs);--db-icon-font-size:var(--db-base-icon-font-size-2xs);--db-base-line-height:var(--db-type-body-line-height-2xs);--db-base-font-size:var(--db-type-body-font-size-2xs);line-height:var(--db-type-body-line-height-2xs);font-size:var(--db-type-body-font-size-2xs)}.db-ui-expressive,[data-tonality=expressive]{--db-input-label-scale:0.55;--db-input-focus-opacity:1;--db-textarea-label-scale:0.55;--db-textarea-focus-opacity:1;--db-sizing-3xs:var(--db-sizing-expressive-3xs);--db-sizing-2xs:var(--db-sizing-expressive-2xs);--db-sizing-xs:var(--db-sizing-expressive-xs);--db-sizing-sm:var(--db-sizing-expressive-sm);--db-sizing-md:var(--db-sizing-expressive-md);--db-sizing-lg:var(--db-sizing-expressive-lg);--db-sizing-xl:var(--db-sizing-expressive-xl);--db-sizing-2xl:var(--db-sizing-expressive-2xl);--db-sizing-3xl:var(--db-sizing-expressive-3xl);--db-spacing-fixed-3xs:var(--db-spacing-fixed-expressive-3xs);--db-spacing-fixed-2xs:var(--db-spacing-fixed-expressive-2xs);--db-spacing-fixed-xs:var(--db-spacing-fixed-expressive-xs);--db-spacing-fixed-sm:var(--db-spacing-fixed-expressive-sm);--db-spacing-fixed-md:var(--db-spacing-fixed-expressive-md);--db-spacing-fixed-lg:var(--db-spacing-fixed-expressive-lg);--db-spacing-fixed-xl:var(--db-spacing-fixed-expressive-xl);--db-spacing-fixed-2xl:var(--db-spacing-fixed-expressive-2xl);--db-spacing-fixed-3xl:var(--db-spacing-fixed-expressive-3xl);--db-spacing-responsive-3xs:var(--db-spacing-responsive-expressive-mobile-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-expressive-mobile-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-expressive-mobile-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-expressive-mobile-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-expressive-mobile-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-expressive-mobile-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-expressive-mobile-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-expressive-mobile-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-expressive-mobile-3xl)}@media screen and (min-width:45em){.db-ui-expressive:not([data-force-mobile]),[data-force-mobile=false].db-ui-expressive,[data-force-mobile=false][data-tonality=expressive],[data-tonality=expressive]:not([data-force-mobile]){--db-spacing-responsive-3xs:var(--db-spacing-responsive-expressive-tablet-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-expressive-tablet-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-expressive-tablet-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-expressive-tablet-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-expressive-tablet-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-expressive-tablet-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-expressive-tablet-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-expressive-tablet-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-expressive-tablet-3xl)}}@media screen and (min-width:64em){.db-ui-expressive:not([data-force-mobile]),[data-force-mobile=false].db-ui-expressive,[data-force-mobile=false][data-tonality=expressive],[data-tonality=expressive]:not([data-force-mobile]){--db-spacing-responsive-3xs:var(--db-spacing-responsive-expressive-desktop-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-expressive-desktop-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-expressive-desktop-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-expressive-desktop-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-expressive-desktop-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-expressive-desktop-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-expressive-desktop-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-expressive-desktop-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-expressive-desktop-3xl)}}.db-ui-regular,:root .app-canvas,:root:not(:has(.app-canvas)),[data-tonality=regular]{--db-input-label-scale:0.65;--db-input-focus-opacity:1;--db-textarea-label-scale:0.65;--db-textarea-focus-opacity:1;--db-sizing-3xs:var(--db-sizing-regular-3xs);--db-sizing-2xs:var(--db-sizing-regular-2xs);--db-sizing-xs:var(--db-sizing-regular-xs);--db-sizing-sm:var(--db-sizing-regular-sm);--db-sizing-md:var(--db-sizing-regular-md);--db-sizing-lg:var(--db-sizing-regular-lg);--db-sizing-xl:var(--db-sizing-regular-xl);--db-sizing-2xl:var(--db-sizing-regular-2xl);--db-sizing-3xl:var(--db-sizing-regular-3xl);--db-spacing-fixed-3xs:var(--db-spacing-fixed-regular-3xs);--db-spacing-fixed-2xs:var(--db-spacing-fixed-regular-2xs);--db-spacing-fixed-xs:var(--db-spacing-fixed-regular-xs);--db-spacing-fixed-sm:var(--db-spacing-fixed-regular-sm);--db-spacing-fixed-md:var(--db-spacing-fixed-regular-md);--db-spacing-fixed-lg:var(--db-spacing-fixed-regular-lg);--db-spacing-fixed-xl:var(--db-spacing-fixed-regular-xl);--db-spacing-fixed-2xl:var(--db-spacing-fixed-regular-2xl);--db-spacing-fixed-3xl:var(--db-spacing-fixed-regular-3xl);--db-spacing-responsive-3xs:var(--db-spacing-responsive-regular-mobile-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-regular-mobile-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-regular-mobile-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-regular-mobile-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-regular-mobile-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-regular-mobile-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-regular-mobile-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-regular-mobile-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-regular-mobile-3xl)}@media screen and (min-width:45em){.db-ui-regular:not([data-force-mobile]),:not([data-force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([data-force-mobile]),:root [data-force-mobile=false].app-canvas,[data-force-mobile=false].db-ui-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-tonality=regular],[data-tonality=regular]:not([data-force-mobile]){--db-spacing-responsive-3xs:var(--db-spacing-responsive-regular-tablet-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-regular-tablet-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-regular-tablet-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-regular-tablet-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-regular-tablet-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-regular-tablet-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-regular-tablet-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-regular-tablet-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-regular-tablet-3xl)}}@media screen and (min-width:64em){.db-ui-regular:not([data-force-mobile]),:not([data-force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([data-force-mobile]),:root [data-force-mobile=false].app-canvas,[data-force-mobile=false].db-ui-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-tonality=regular],[data-tonality=regular]:not([data-force-mobile]){--db-spacing-responsive-3xs:var(--db-spacing-responsive-regular-desktop-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-regular-desktop-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-regular-desktop-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-regular-desktop-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-regular-desktop-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-regular-desktop-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-regular-desktop-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-regular-desktop-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-regular-desktop-3xl)}}.db-header-meta-navigation,.db-ui-functional,[data-tonality=functional],table{--db-input-label-scale:1;--db-input-focus-opacity:0;--db-textarea-label-scale:1;--db-textarea-focus-opacity:0;--db-sizing-3xs:var(--db-sizing-functional-3xs);--db-sizing-2xs:var(--db-sizing-functional-2xs);--db-sizing-xs:var(--db-sizing-functional-xs);--db-sizing-sm:var(--db-sizing-functional-sm);--db-sizing-md:var(--db-sizing-functional-md);--db-sizing-lg:var(--db-sizing-functional-lg);--db-sizing-xl:var(--db-sizing-functional-xl);--db-sizing-2xl:var(--db-sizing-functional-2xl);--db-sizing-3xl:var(--db-sizing-functional-3xl);--db-spacing-fixed-3xs:var(--db-spacing-fixed-functional-3xs);--db-spacing-fixed-2xs:var(--db-spacing-fixed-functional-2xs);--db-spacing-fixed-xs:var(--db-spacing-fixed-functional-xs);--db-spacing-fixed-sm:var(--db-spacing-fixed-functional-sm);--db-spacing-fixed-md:var(--db-spacing-fixed-functional-md);--db-spacing-fixed-lg:var(--db-spacing-fixed-functional-lg);--db-spacing-fixed-xl:var(--db-spacing-fixed-functional-xl);--db-spacing-fixed-2xl:var(--db-spacing-fixed-functional-2xl);--db-spacing-fixed-3xl:var(--db-spacing-fixed-functional-3xl);--db-spacing-responsive-3xs:var(--db-spacing-responsive-functional-mobile-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-functional-mobile-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-functional-mobile-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-functional-mobile-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-functional-mobile-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-functional-mobile-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-functional-mobile-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-functional-mobile-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-functional-mobile-3xl)}@media screen and (min-width:45em){.db-header-meta-navigation:not([data-force-mobile]),.db-ui-functional:not([data-force-mobile]),[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false].db-ui-functional,[data-force-mobile=false][data-tonality=functional],[data-tonality=functional]:not([data-force-mobile]),table:not([data-force-mobile]),table[data-force-mobile=false]{--db-spacing-responsive-3xs:var(--db-spacing-responsive-functional-tablet-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-functional-tablet-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-functional-tablet-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-functional-tablet-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-functional-tablet-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-functional-tablet-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-functional-tablet-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-functional-tablet-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-functional-tablet-3xl)}}@media screen and (min-width:64em){.db-header-meta-navigation:not([data-force-mobile]),.db-ui-functional:not([data-force-mobile]),[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false].db-ui-functional,[data-force-mobile=false][data-tonality=functional],[data-tonality=functional]:not([data-force-mobile]),table:not([data-force-mobile]),table[data-force-mobile=false]{--db-spacing-responsive-3xs:var(--db-spacing-responsive-functional-desktop-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-functional-desktop-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-functional-desktop-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-functional-desktop-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-functional-desktop-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-functional-desktop-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-functional-desktop-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-functional-desktop-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-functional-desktop-3xl)}}.db-ui-expressive,[data-tonality=expressive]{--db-type-headline-font-size-3xs:var(--db-typography-expressive-mobile-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-expressive-mobile-headline-3xs-line-height);--db-type-headline-font-size-2xs:var(--db-typography-expressive-mobile-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-expressive-mobile-headline-2xs-line-height);--db-type-headline-font-size-xs:var(--db-typography-expressive-mobile-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-expressive-mobile-headline-xs-line-height);--db-type-headline-font-size-sm:var(--db-typography-expressive-mobile-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-expressive-mobile-headline-sm-line-height);--db-type-headline-font-size-md:var(--db-typography-expressive-mobile-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-expressive-mobile-headline-md-line-height);--db-type-headline-font-size-lg:var(--db-typography-expressive-mobile-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-expressive-mobile-headline-lg-line-height);--db-type-headline-font-size-xl:var(--db-typography-expressive-mobile-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-expressive-mobile-headline-xl-line-height);--db-type-headline-font-size-2xl:var(--db-typography-expressive-mobile-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-expressive-mobile-headline-2xl-line-height);--db-type-headline-font-size-3xl:var(--db-typography-expressive-mobile-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-expressive-mobile-headline-3xl-line-height)}@media screen and (min-width:45em){.db-ui-expressive:not([data-force-mobile]),[data-force-mobile=false].db-ui-expressive,[data-force-mobile=false][data-tonality=expressive],[data-tonality=expressive]:not([data-force-mobile]){--db-type-headline-font-size-3xs:var(--db-typography-expressive-tablet-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-expressive-tablet-headline-3xs-line-height);--db-type-headline-font-size-2xs:var(--db-typography-expressive-tablet-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-expressive-tablet-headline-2xs-line-height);--db-type-headline-font-size-xs:var(--db-typography-expressive-tablet-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-expressive-tablet-headline-xs-line-height);--db-type-headline-font-size-sm:var(--db-typography-expressive-tablet-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-expressive-tablet-headline-sm-line-height);--db-type-headline-font-size-md:var(--db-typography-expressive-tablet-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-expressive-tablet-headline-md-line-height);--db-type-headline-font-size-lg:var(--db-typography-expressive-tablet-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-expressive-tablet-headline-lg-line-height);--db-type-headline-font-size-xl:var(--db-typography-expressive-tablet-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-expressive-tablet-headline-xl-line-height);--db-type-headline-font-size-2xl:var(--db-typography-expressive-tablet-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-expressive-tablet-headline-2xl-line-height);--db-type-headline-font-size-3xl:var(--db-typography-expressive-tablet-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-expressive-tablet-headline-3xl-line-height)}}@media screen and (min-width:64em){.db-ui-expressive:not([data-force-mobile]),[data-force-mobile=false].db-ui-expressive,[data-force-mobile=false][data-tonality=expressive],[data-tonality=expressive]:not([data-force-mobile]){--db-type-headline-font-size-3xs:var(--db-typography-expressive-desktop-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-expressive-desktop-headline-3xs-line-height);--db-type-headline-font-size-2xs:var(--db-typography-expressive-desktop-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-expressive-desktop-headline-2xs-line-height);--db-type-headline-font-size-xs:var(--db-typography-expressive-desktop-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-expressive-desktop-headline-xs-line-height);--db-type-headline-font-size-sm:var(--db-typography-expressive-desktop-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-expressive-desktop-headline-sm-line-height);--db-type-headline-font-size-md:var(--db-typography-expressive-desktop-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-expressive-desktop-headline-md-line-height);--db-type-headline-font-size-lg:var(--db-typography-expressive-desktop-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-expressive-desktop-headline-lg-line-height);--db-type-headline-font-size-xl:var(--db-typography-expressive-desktop-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-expressive-desktop-headline-xl-line-height);--db-type-headline-font-size-2xl:var(--db-typography-expressive-desktop-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-expressive-desktop-headline-2xl-line-height);--db-type-headline-font-size-3xl:var(--db-typography-expressive-desktop-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-expressive-desktop-headline-3xl-line-height)}}.db-ui-expressive,[data-tonality=expressive]{--db-type-body-font-size-3xs:var(--db-typography-expressive-mobile-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-expressive-mobile-body-3xs-line-height);--db-base-icon-weight-3xs:var(--db-base-icon-weight-expressive-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-expressive-mobile-3xs);--db-type-body-font-size-2xs:var(--db-typography-expressive-mobile-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-expressive-mobile-body-2xs-line-height);--db-base-icon-weight-2xs:var(--db-base-icon-weight-expressive-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-expressive-mobile-2xs);--db-type-body-font-size-xs:var(--db-typography-expressive-mobile-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-expressive-mobile-body-xs-line-height);--db-base-icon-weight-xs:var(--db-base-icon-weight-expressive-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-expressive-mobile-xs);--db-type-body-font-size-sm:var(--db-typography-expressive-mobile-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-expressive-mobile-body-sm-line-height);--db-base-icon-weight-sm:var(--db-base-icon-weight-expressive-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-expressive-mobile-sm);--db-type-body-font-size-md:var(--db-typography-expressive-mobile-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-expressive-mobile-body-md-line-height);--db-base-icon-weight-md:var(--db-base-icon-weight-expressive-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-expressive-mobile-md);--db-type-body-font-size-lg:var(--db-typography-expressive-mobile-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-expressive-mobile-body-lg-line-height);--db-base-icon-weight-lg:var(--db-base-icon-weight-expressive-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-expressive-mobile-lg);--db-type-body-font-size-xl:var(--db-typography-expressive-mobile-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-expressive-mobile-body-xl-line-height);--db-base-icon-weight-xl:var(--db-base-icon-weight-expressive-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-expressive-mobile-xl);--db-type-body-font-size-2xl:var(--db-typography-expressive-mobile-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-expressive-mobile-body-2xl-line-height);--db-base-icon-weight-2xl:var(--db-base-icon-weight-expressive-mobile-2xl);--db-base-icon-font-size-2xl:var(--db-base-icon-font-size-expressive-mobile-2xl);--db-type-body-font-size-3xl:var(--db-typography-expressive-mobile-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-expressive-mobile-body-3xl-line-height);--db-base-icon-weight-3xl:var(--db-base-icon-weight-expressive-mobile-3xl);--db-base-icon-font-size-3xl:var(--db-base-icon-font-size-expressive-mobile-3xl)}@media screen and (min-width:45em){.db-ui-expressive:not([data-force-mobile]),[data-force-mobile=false].db-ui-expressive,[data-force-mobile=false][data-tonality=expressive],[data-tonality=expressive]:not([data-force-mobile]){--db-type-body-font-size-3xs:var(--db-typography-expressive-tablet-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-expressive-tablet-body-3xs-line-height);--db-base-icon-weight-3xs:var(--db-base-icon-weight-expressive-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-expressive-mobile-3xs);--db-type-body-font-size-2xs:var(--db-typography-expressive-tablet-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-expressive-tablet-body-2xs-line-height);--db-base-icon-weight-2xs:var(--db-base-icon-weight-expressive-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-expressive-mobile-2xs);--db-type-body-font-size-xs:var(--db-typography-expressive-tablet-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-expressive-tablet-body-xs-line-height);--db-base-icon-weight-xs:var(--db-base-icon-weight-expressive-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-expressive-mobile-xs);--db-type-body-font-size-sm:var(--db-typography-expressive-tablet-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-expressive-tablet-body-sm-line-height);--db-base-icon-weight-sm:var(--db-base-icon-weight-expressive-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-expressive-mobile-sm);--db-type-body-font-size-md:var(--db-typography-expressive-tablet-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-expressive-tablet-body-md-line-height);--db-base-icon-weight-md:var(--db-base-icon-weight-expressive-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-expressive-mobile-md);--db-type-body-font-size-lg:var(--db-typography-expressive-tablet-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-expressive-tablet-body-lg-line-height);--db-base-icon-weight-lg:var(--db-base-icon-weight-expressive-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-expressive-mobile-lg);--db-type-body-font-size-xl:var(--db-typography-expressive-tablet-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-expressive-tablet-body-xl-line-height);--db-base-icon-weight-xl:var(--db-base-icon-weight-expressive-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-expressive-mobile-xl);--db-type-body-font-size-2xl:var(--db-typography-expressive-tablet-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-expressive-tablet-body-2xl-line-height);--db-base-icon-weight-2xl:var(--db-base-icon-weight-expressive-mobile-2xl);--db-base-icon-font-size-2xl:var(--db-base-icon-font-size-expressive-mobile-2xl);--db-type-body-font-size-3xl:var(--db-typography-expressive-tablet-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-expressive-tablet-body-3xl-line-height);--db-base-icon-weight-3xl:var(--db-base-icon-weight-expressive-mobile-3xl);--db-base-icon-font-size-3xl:var(--db-base-icon-font-size-expressive-mobile-3xl)}}@media screen and (min-width:64em){.db-ui-expressive:not([data-force-mobile]),[data-force-mobile=false].db-ui-expressive,[data-force-mobile=false][data-tonality=expressive],[data-tonality=expressive]:not([data-force-mobile]){--db-type-body-font-size-3xs:var(--db-typography-expressive-desktop-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-expressive-desktop-body-3xs-line-height);--db-base-icon-weight-3xs:var(--db-base-icon-weight-expressive-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-expressive-mobile-3xs);--db-type-body-font-size-2xs:var(--db-typography-expressive-desktop-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-expressive-desktop-body-2xs-line-height);--db-base-icon-weight-2xs:var(--db-base-icon-weight-expressive-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-expressive-mobile-2xs);--db-type-body-font-size-xs:var(--db-typography-expressive-desktop-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-expressive-desktop-body-xs-line-height);--db-base-icon-weight-xs:var(--db-base-icon-weight-expressive-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-expressive-mobile-xs);--db-type-body-font-size-sm:var(--db-typography-expressive-desktop-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-expressive-desktop-body-sm-line-height);--db-base-icon-weight-sm:var(--db-base-icon-weight-expressive-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-expressive-mobile-sm);--db-type-body-font-size-md:var(--db-typography-expressive-desktop-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-expressive-desktop-body-md-line-height);--db-base-icon-weight-md:var(--db-base-icon-weight-expressive-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-expressive-mobile-md);--db-type-body-font-size-lg:var(--db-typography-expressive-desktop-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-expressive-desktop-body-lg-line-height);--db-base-icon-weight-lg:var(--db-base-icon-weight-expressive-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-expressive-mobile-lg);--db-type-body-font-size-xl:var(--db-typography-expressive-desktop-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-expressive-desktop-body-xl-line-height);--db-base-icon-weight-xl:var(--db-base-icon-weight-expressive-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-expressive-mobile-xl);--db-type-body-font-size-2xl:var(--db-typography-expressive-desktop-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-expressive-desktop-body-2xl-line-height);--db-base-icon-weight-2xl:var(--db-base-icon-weight-expressive-mobile-2xl);--db-base-icon-font-size-2xl:var(--db-base-icon-font-size-expressive-mobile-2xl);--db-type-body-font-size-3xl:var(--db-typography-expressive-desktop-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-expressive-desktop-body-3xl-line-height);--db-base-icon-weight-3xl:var(--db-base-icon-weight-expressive-mobile-3xl);--db-base-icon-font-size-3xl:var(--db-base-icon-font-size-expressive-mobile-3xl)}}.db-ui-regular,:root .app-canvas,:root:not(:has(.app-canvas)),[data-tonality=regular]{--db-type-headline-font-size-3xs:var(--db-typography-regular-mobile-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-regular-mobile-headline-3xs-line-height);--db-type-headline-font-size-2xs:var(--db-typography-regular-mobile-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-regular-mobile-headline-2xs-line-height);--db-type-headline-font-size-xs:var(--db-typography-regular-mobile-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-regular-mobile-headline-xs-line-height);--db-type-headline-font-size-sm:var(--db-typography-regular-mobile-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-regular-mobile-headline-sm-line-height);--db-type-headline-font-size-md:var(--db-typography-regular-mobile-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-regular-mobile-headline-md-line-height);--db-type-headline-font-size-lg:var(--db-typography-regular-mobile-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-regular-mobile-headline-lg-line-height);--db-type-headline-font-size-xl:var(--db-typography-regular-mobile-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-regular-mobile-headline-xl-line-height);--db-type-headline-font-size-2xl:var(--db-typography-regular-mobile-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-regular-mobile-headline-2xl-line-height);--db-type-headline-font-size-3xl:var(--db-typography-regular-mobile-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-regular-mobile-headline-3xl-line-height)}@media screen and (min-width:45em){.db-ui-regular:not([data-force-mobile]),:not([data-force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([data-force-mobile]),:root [data-force-mobile=false].app-canvas,[data-force-mobile=false].db-ui-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-tonality=regular],[data-tonality=regular]:not([data-force-mobile]){--db-type-headline-font-size-3xs:var(--db-typography-regular-tablet-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-regular-tablet-headline-3xs-line-height);--db-type-headline-font-size-2xs:var(--db-typography-regular-tablet-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-regular-tablet-headline-2xs-line-height);--db-type-headline-font-size-xs:var(--db-typography-regular-tablet-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-regular-tablet-headline-xs-line-height);--db-type-headline-font-size-sm:var(--db-typography-regular-tablet-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-regular-tablet-headline-sm-line-height);--db-type-headline-font-size-md:var(--db-typography-regular-tablet-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-regular-tablet-headline-md-line-height);--db-type-headline-font-size-lg:var(--db-typography-regular-tablet-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-regular-tablet-headline-lg-line-height);--db-type-headline-font-size-xl:var(--db-typography-regular-tablet-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-regular-tablet-headline-xl-line-height);--db-type-headline-font-size-2xl:var(--db-typography-regular-tablet-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-regular-tablet-headline-2xl-line-height);--db-type-headline-font-size-3xl:var(--db-typography-regular-tablet-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-regular-tablet-headline-3xl-line-height)}}@media screen and (min-width:64em){.db-ui-regular:not([data-force-mobile]),:not([data-force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([data-force-mobile]),:root [data-force-mobile=false].app-canvas,[data-force-mobile=false].db-ui-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-tonality=regular],[data-tonality=regular]:not([data-force-mobile]){--db-type-headline-font-size-3xs:var(--db-typography-regular-desktop-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-regular-desktop-headline-3xs-line-height);--db-type-headline-font-size-2xs:var(--db-typography-regular-desktop-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-regular-desktop-headline-2xs-line-height);--db-type-headline-font-size-xs:var(--db-typography-regular-desktop-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-regular-desktop-headline-xs-line-height);--db-type-headline-font-size-sm:var(--db-typography-regular-desktop-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-regular-desktop-headline-sm-line-height);--db-type-headline-font-size-md:var(--db-typography-regular-desktop-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-regular-desktop-headline-md-line-height);--db-type-headline-font-size-lg:var(--db-typography-regular-desktop-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-regular-desktop-headline-lg-line-height);--db-type-headline-font-size-xl:var(--db-typography-regular-desktop-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-regular-desktop-headline-xl-line-height);--db-type-headline-font-size-2xl:var(--db-typography-regular-desktop-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-regular-desktop-headline-2xl-line-height);--db-type-headline-font-size-3xl:var(--db-typography-regular-desktop-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-regular-desktop-headline-3xl-line-height)}}.db-ui-regular,:root .app-canvas,:root:not(:has(.app-canvas)),[data-tonality=regular]{--db-type-body-font-size-3xs:var(--db-typography-regular-mobile-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-regular-mobile-body-3xs-line-height);--db-base-icon-weight-3xs:var(--db-base-icon-weight-regular-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-regular-mobile-3xs);--db-type-body-font-size-2xs:var(--db-typography-regular-mobile-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-regular-mobile-body-2xs-line-height);--db-base-icon-weight-2xs:var(--db-base-icon-weight-regular-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-regular-mobile-2xs);--db-type-body-font-size-xs:var(--db-typography-regular-mobile-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-regular-mobile-body-xs-line-height);--db-base-icon-weight-xs:var(--db-base-icon-weight-regular-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-regular-mobile-xs);--db-type-body-font-size-sm:var(--db-typography-regular-mobile-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-regular-mobile-body-sm-line-height);--db-base-icon-weight-sm:var(--db-base-icon-weight-regular-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-regular-mobile-sm);--db-type-body-font-size-md:var(--db-typography-regular-mobile-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-regular-mobile-body-md-line-height);--db-base-icon-weight-md:var(--db-base-icon-weight-regular-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-regular-mobile-md);--db-type-body-font-size-lg:var(--db-typography-regular-mobile-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-regular-mobile-body-lg-line-height);--db-base-icon-weight-lg:var(--db-base-icon-weight-regular-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-regular-mobile-lg);--db-type-body-font-size-xl:var(--db-typography-regular-mobile-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-regular-mobile-body-xl-line-height);--db-base-icon-weight-xl:var(--db-base-icon-weight-regular-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-regular-mobile-xl);--db-type-body-font-size-2xl:var(--db-typography-regular-mobile-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-regular-mobile-body-2xl-line-height);--db-base-icon-weight-2xl:var(--db-base-icon-weight-regular-mobile-2xl);--db-base-icon-font-size-2xl:var(--db-base-icon-font-size-regular-mobile-2xl);--db-type-body-font-size-3xl:var(--db-typography-regular-mobile-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-regular-mobile-body-3xl-line-height);--db-base-icon-weight-3xl:var(--db-base-icon-weight-regular-mobile-3xl);--db-base-icon-font-size-3xl:var(--db-base-icon-font-size-regular-mobile-3xl)}@media screen and (min-width:45em){.db-ui-regular:not([data-force-mobile]),:not([data-force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([data-force-mobile]),:root [data-force-mobile=false].app-canvas,[data-force-mobile=false].db-ui-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-tonality=regular],[data-tonality=regular]:not([data-force-mobile]){--db-type-body-font-size-3xs:var(--db-typography-regular-tablet-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-regular-tablet-body-3xs-line-height);--db-base-icon-weight-3xs:var(--db-base-icon-weight-regular-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-regular-mobile-3xs);--db-type-body-font-size-2xs:var(--db-typography-regular-tablet-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-regular-tablet-body-2xs-line-height);--db-base-icon-weight-2xs:var(--db-base-icon-weight-regular-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-regular-mobile-2xs);--db-type-body-font-size-xs:var(--db-typography-regular-tablet-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-regular-tablet-body-xs-line-height);--db-base-icon-weight-xs:var(--db-base-icon-weight-regular-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-regular-mobile-xs);--db-type-body-font-size-sm:var(--db-typography-regular-tablet-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-regular-tablet-body-sm-line-height);--db-base-icon-weight-sm:var(--db-base-icon-weight-regular-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-regular-mobile-sm);--db-type-body-font-size-md:var(--db-typography-regular-tablet-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-regular-tablet-body-md-line-height);--db-base-icon-weight-md:var(--db-base-icon-weight-regular-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-regular-mobile-md);--db-type-body-font-size-lg:var(--db-typography-regular-tablet-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-regular-tablet-body-lg-line-height);--db-base-icon-weight-lg:var(--db-base-icon-weight-regular-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-regular-mobile-lg);--db-type-body-font-size-xl:var(--db-typography-regular-tablet-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-regular-tablet-body-xl-line-height);--db-base-icon-weight-xl:var(--db-base-icon-weight-regular-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-regular-mobile-xl);--db-type-body-font-size-2xl:var(--db-typography-regular-tablet-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-regular-tablet-body-2xl-line-height);--db-base-icon-weight-2xl:var(--db-base-icon-weight-regular-mobile-2xl);--db-base-icon-font-size-2xl:var(--db-base-icon-font-size-regular-mobile-2xl);--db-type-body-font-size-3xl:var(--db-typography-regular-tablet-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-regular-tablet-body-3xl-line-height);--db-base-icon-weight-3xl:var(--db-base-icon-weight-regular-mobile-3xl);--db-base-icon-font-size-3xl:var(--db-base-icon-font-size-regular-mobile-3xl)}}@media screen and (min-width:64em){.db-ui-regular:not([data-force-mobile]),:not([data-force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([data-force-mobile]),:root [data-force-mobile=false].app-canvas,[data-force-mobile=false].db-ui-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-tonality=regular],[data-tonality=regular]:not([data-force-mobile]){--db-type-body-font-size-3xs:var(--db-typography-regular-desktop-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-regular-desktop-body-3xs-line-height);--db-base-icon-weight-3xs:var(--db-base-icon-weight-regular-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-regular-mobile-3xs);--db-type-body-font-size-2xs:var(--db-typography-regular-desktop-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-regular-desktop-body-2xs-line-height);--db-base-icon-weight-2xs:var(--db-base-icon-weight-regular-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-regular-mobile-2xs);--db-type-body-font-size-xs:var(--db-typography-regular-desktop-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-regular-desktop-body-xs-line-height);--db-base-icon-weight-xs:var(--db-base-icon-weight-regular-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-regular-mobile-xs);--db-type-body-font-size-sm:var(--db-typography-regular-desktop-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-regular-desktop-body-sm-line-height);--db-base-icon-weight-sm:var(--db-base-icon-weight-regular-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-regular-mobile-sm);--db-type-body-font-size-md:var(--db-typography-regular-desktop-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-regular-desktop-body-md-line-height);--db-base-icon-weight-md:var(--db-base-icon-weight-regular-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-regular-mobile-md);--db-type-body-font-size-lg:var(--db-typography-regular-desktop-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-regular-desktop-body-lg-line-height);--db-base-icon-weight-lg:var(--db-base-icon-weight-regular-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-regular-mobile-lg);--db-type-body-font-size-xl:var(--db-typography-regular-desktop-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-regular-desktop-body-xl-line-height);--db-base-icon-weight-xl:var(--db-base-icon-weight-regular-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-regular-mobile-xl);--db-type-body-font-size-2xl:var(--db-typography-regular-desktop-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-regular-desktop-body-2xl-line-height);--db-base-icon-weight-2xl:var(--db-base-icon-weight-regular-mobile-2xl);--db-base-icon-font-size-2xl:var(--db-base-icon-font-size-regular-mobile-2xl);--db-type-body-font-size-3xl:var(--db-typography-regular-desktop-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-regular-desktop-body-3xl-line-height);--db-base-icon-weight-3xl:var(--db-base-icon-weight-regular-mobile-3xl);--db-base-icon-font-size-3xl:var(--db-base-icon-font-size-regular-mobile-3xl)}}.db-header-meta-navigation,.db-ui-functional,[data-tonality=functional],table{--db-type-headline-font-size-3xs:var(--db-typography-functional-mobile-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-functional-mobile-headline-3xs-line-height);--db-type-headline-font-size-2xs:var(--db-typography-functional-mobile-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-functional-mobile-headline-2xs-line-height);--db-type-headline-font-size-xs:var(--db-typography-functional-mobile-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-functional-mobile-headline-xs-line-height);--db-type-headline-font-size-sm:var(--db-typography-functional-mobile-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-functional-mobile-headline-sm-line-height);--db-type-headline-font-size-md:var(--db-typography-functional-mobile-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-functional-mobile-headline-md-line-height);--db-type-headline-font-size-lg:var(--db-typography-functional-mobile-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-functional-mobile-headline-lg-line-height);--db-type-headline-font-size-xl:var(--db-typography-functional-mobile-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-functional-mobile-headline-xl-line-height);--db-type-headline-font-size-2xl:var(--db-typography-functional-mobile-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-functional-mobile-headline-2xl-line-height);--db-type-headline-font-size-3xl:var(--db-typography-functional-mobile-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-functional-mobile-headline-3xl-line-height)}@media screen and (min-width:45em){.db-header-meta-navigation:not([data-force-mobile]),.db-ui-functional:not([data-force-mobile]),[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false].db-ui-functional,[data-force-mobile=false][data-tonality=functional],[data-tonality=functional]:not([data-force-mobile]),table:not([data-force-mobile]),table[data-force-mobile=false]{--db-type-headline-font-size-3xs:var(--db-typography-functional-tablet-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-functional-tablet-headline-3xs-line-height);--db-type-headline-font-size-2xs:var(--db-typography-functional-tablet-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-functional-tablet-headline-2xs-line-height);--db-type-headline-font-size-xs:var(--db-typography-functional-tablet-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-functional-tablet-headline-xs-line-height);--db-type-headline-font-size-sm:var(--db-typography-functional-tablet-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-functional-tablet-headline-sm-line-height);--db-type-headline-font-size-md:var(--db-typography-functional-tablet-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-functional-tablet-headline-md-line-height);--db-type-headline-font-size-lg:var(--db-typography-functional-tablet-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-functional-tablet-headline-lg-line-height);--db-type-headline-font-size-xl:var(--db-typography-functional-tablet-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-functional-tablet-headline-xl-line-height);--db-type-headline-font-size-2xl:var(--db-typography-functional-tablet-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-functional-tablet-headline-2xl-line-height);--db-type-headline-font-size-3xl:var(--db-typography-functional-tablet-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-functional-tablet-headline-3xl-line-height)}}@media screen and (min-width:64em){.db-header-meta-navigation:not([data-force-mobile]),.db-ui-functional:not([data-force-mobile]),[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false].db-ui-functional,[data-force-mobile=false][data-tonality=functional],[data-tonality=functional]:not([data-force-mobile]),table:not([data-force-mobile]),table[data-force-mobile=false]{--db-type-headline-font-size-3xs:var(--db-typography-functional-desktop-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-functional-desktop-headline-3xs-line-height);--db-type-headline-font-size-2xs:var(--db-typography-functional-desktop-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-functional-desktop-headline-2xs-line-height);--db-type-headline-font-size-xs:var(--db-typography-functional-desktop-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-functional-desktop-headline-xs-line-height);--db-type-headline-font-size-sm:var(--db-typography-functional-desktop-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-functional-desktop-headline-sm-line-height);--db-type-headline-font-size-md:var(--db-typography-functional-desktop-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-functional-desktop-headline-md-line-height);--db-type-headline-font-size-lg:var(--db-typography-functional-desktop-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-functional-desktop-headline-lg-line-height);--db-type-headline-font-size-xl:var(--db-typography-functional-desktop-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-functional-desktop-headline-xl-line-height);--db-type-headline-font-size-2xl:var(--db-typography-functional-desktop-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-functional-desktop-headline-2xl-line-height);--db-type-headline-font-size-3xl:var(--db-typography-functional-desktop-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-functional-desktop-headline-3xl-line-height)}}.db-header-meta-navigation,.db-ui-functional,[data-tonality=functional],table{--db-type-body-font-size-3xs:var(--db-typography-functional-mobile-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-functional-mobile-body-3xs-line-height);--db-base-icon-weight-3xs:var(--db-base-icon-weight-functional-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-functional-mobile-3xs);--db-type-body-font-size-2xs:var(--db-typography-functional-mobile-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-functional-mobile-body-2xs-line-height);--db-base-icon-weight-2xs:var(--db-base-icon-weight-functional-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-functional-mobile-2xs);--db-type-body-font-size-xs:var(--db-typography-functional-mobile-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-functional-mobile-body-xs-line-height);--db-base-icon-weight-xs:var(--db-base-icon-weight-functional-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-functional-mobile-xs);--db-type-body-font-size-sm:var(--db-typography-functional-mobile-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-functional-mobile-body-sm-line-height);--db-base-icon-weight-sm:var(--db-base-icon-weight-functional-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-functional-mobile-sm);--db-type-body-font-size-md:var(--db-typography-functional-mobile-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-functional-mobile-body-md-line-height);--db-base-icon-weight-md:var(--db-base-icon-weight-functional-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-functional-mobile-md);--db-type-body-font-size-lg:var(--db-typography-functional-mobile-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-functional-mobile-body-lg-line-height);--db-base-icon-weight-lg:var(--db-base-icon-weight-functional-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-functional-mobile-lg);--db-type-body-font-size-xl:var(--db-typography-functional-mobile-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-functional-mobile-body-xl-line-height);--db-base-icon-weight-xl:var(--db-base-icon-weight-functional-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-functional-mobile-xl);--db-type-body-font-size-2xl:var(--db-typography-functional-mobile-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-functional-mobile-body-2xl-line-height);--db-base-icon-weight-2xl:var(--db-base-icon-weight-functional-mobile-2xl);--db-base-icon-font-size-2xl:var(--db-base-icon-font-size-functional-mobile-2xl);--db-type-body-font-size-3xl:var(--db-typography-functional-mobile-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-functional-mobile-body-3xl-line-height);--db-base-icon-weight-3xl:var(--db-base-icon-weight-functional-mobile-3xl);--db-base-icon-font-size-3xl:var(--db-base-icon-font-size-functional-mobile-3xl)}@media screen and (min-width:45em){.db-header-meta-navigation:not([data-force-mobile]),.db-ui-functional:not([data-force-mobile]),[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false].db-ui-functional,[data-force-mobile=false][data-tonality=functional],[data-tonality=functional]:not([data-force-mobile]),table:not([data-force-mobile]),table[data-force-mobile=false]{--db-type-body-font-size-3xs:var(--db-typography-functional-tablet-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-functional-tablet-body-3xs-line-height);--db-base-icon-weight-3xs:var(--db-base-icon-weight-functional-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-functional-mobile-3xs);--db-type-body-font-size-2xs:var(--db-typography-functional-tablet-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-functional-tablet-body-2xs-line-height);--db-base-icon-weight-2xs:var(--db-base-icon-weight-functional-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-functional-mobile-2xs);--db-type-body-font-size-xs:var(--db-typography-functional-tablet-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-functional-tablet-body-xs-line-height);--db-base-icon-weight-xs:var(--db-base-icon-weight-functional-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-functional-mobile-xs);--db-type-body-font-size-sm:var(--db-typography-functional-tablet-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-functional-tablet-body-sm-line-height);--db-base-icon-weight-sm:var(--db-base-icon-weight-functional-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-functional-mobile-sm);--db-type-body-font-size-md:var(--db-typography-functional-tablet-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-functional-tablet-body-md-line-height);--db-base-icon-weight-md:var(--db-base-icon-weight-functional-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-functional-mobile-md);--db-type-body-font-size-lg:var(--db-typography-functional-tablet-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-functional-tablet-body-lg-line-height);--db-base-icon-weight-lg:var(--db-base-icon-weight-functional-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-functional-mobile-lg);--db-type-body-font-size-xl:var(--db-typography-functional-tablet-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-functional-tablet-body-xl-line-height);--db-base-icon-weight-xl:var(--db-base-icon-weight-functional-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-functional-mobile-xl);--db-type-body-font-size-2xl:var(--db-typography-functional-tablet-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-functional-tablet-body-2xl-line-height);--db-base-icon-weight-2xl:var(--db-base-icon-weight-functional-mobile-2xl);--db-base-icon-font-size-2xl:var(--db-base-icon-font-size-functional-mobile-2xl);--db-type-body-font-size-3xl:var(--db-typography-functional-tablet-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-functional-tablet-body-3xl-line-height);--db-base-icon-weight-3xl:var(--db-base-icon-weight-functional-mobile-3xl);--db-base-icon-font-size-3xl:var(--db-base-icon-font-size-functional-mobile-3xl)}}@media screen and (min-width:64em){.db-header-meta-navigation:not([data-force-mobile]),.db-ui-functional:not([data-force-mobile]),[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false].db-ui-functional,[data-force-mobile=false][data-tonality=functional],[data-tonality=functional]:not([data-force-mobile]),table:not([data-force-mobile]),table[data-force-mobile=false]{--db-type-body-font-size-3xs:var(--db-typography-functional-desktop-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-functional-desktop-body-3xs-line-height);--db-base-icon-weight-3xs:var(--db-base-icon-weight-functional-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-functional-mobile-3xs);--db-type-body-font-size-2xs:var(--db-typography-functional-desktop-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-functional-desktop-body-2xs-line-height);--db-base-icon-weight-2xs:var(--db-base-icon-weight-functional-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-functional-mobile-2xs);--db-type-body-font-size-xs:var(--db-typography-functional-desktop-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-functional-desktop-body-xs-line-height);--db-base-icon-weight-xs:var(--db-base-icon-weight-functional-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-functional-mobile-xs);--db-type-body-font-size-sm:var(--db-typography-functional-desktop-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-functional-desktop-body-sm-line-height);--db-base-icon-weight-sm:var(--db-base-icon-weight-functional-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-functional-mobile-sm);--db-type-body-font-size-md:var(--db-typography-functional-desktop-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-functional-desktop-body-md-line-height);--db-base-icon-weight-md:var(--db-base-icon-weight-functional-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-functional-mobile-md);--db-type-body-font-size-lg:var(--db-typography-functional-desktop-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-functional-desktop-body-lg-line-height);--db-base-icon-weight-lg:var(--db-base-icon-weight-functional-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-functional-mobile-lg);--db-type-body-font-size-xl:var(--db-typography-functional-desktop-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-functional-desktop-body-xl-line-height);--db-base-icon-weight-xl:var(--db-base-icon-weight-functional-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-functional-mobile-xl);--db-type-body-font-size-2xl:var(--db-typography-functional-desktop-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-functional-desktop-body-2xl-line-height);--db-base-icon-weight-2xl:var(--db-base-icon-weight-functional-mobile-2xl);--db-base-icon-font-size-2xl:var(--db-base-icon-font-size-functional-mobile-2xl);--db-type-body-font-size-3xl:var(--db-typography-functional-desktop-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-functional-desktop-body-3xl-line-height);--db-base-icon-weight-3xl:var(--db-base-icon-weight-functional-mobile-3xl);--db-base-icon-font-size-3xl:var(--db-base-icon-font-size-functional-mobile-3xl)}}dialog:not([data-backdrop=none])::-webkit-backdrop{background-color:var(--db-current-color,var(--db-base-on-bg-enabled,#242629));opacity:.64}.db-code-docs .code-details .backdrop,dialog:not([data-backdrop=none])::backdrop{background-color:var(--db-current-color,var(--db-base-on-bg-enabled,#242629));opacity:.64}dialog[data-backdrop=weak]::-webkit-backdrop{background-color:var(--db-current-color,var(--db-base-on-bg-enabled,#242629));opacity:.32}dialog[data-backdrop=weak]::backdrop{background-color:var(--db-current-color,var(--db-base-on-bg-enabled,#242629));opacity:.32}dialog[data-backdrop]{position:fixed;inset:0;z-index:9995}dialog{padding:0;margin:0;border:0;z-index:9996;color:inherit}@font-face{font-family:DB Screen Head;font-style:normal;font-weight:300;src:local("DB Screen Head Light"),local(DB Screen Head),local(DB Head Light),url(/mono/review/main/_next/static/media/dbscreenhead-light.f43da5c1.woff2) format("woff2")}@font-face{font-family:DB Screen Head;font-style:normal;font-weight:900;src:local(DB Screen Head Black),local(DB Head Black),url(/mono/review/main/_next/static/media/dbscreenhead-black.8003423d.woff2) format("woff2")}@font-face{font-family:DB Screen Sans;font-style:normal;font-weight:400;src:local("DB Screen Sans Regular"),local(DB Screen Sans),local(DB Sans),url(/mono/review/main/_next/static/media/dbscreensans-regular.6ef88637.woff2) format("woff2")}@font-face{font-family:DB Screen Sans;font-style:normal;font-weight:700;src:local(DB Screen Sans Bold),local(DB Sans Bold),url(/mono/review/main/_next/static/media/dbscreensans-bold.97637e71.woff2) format("woff2")}@font-face{font-family:DB Screen Sans Digital;font-style:normal;font-weight:400;src:local("DB Screen Sans Digital Regular"),local(DB Screen Sans Digital),local(DB Sans Digital),url(/mono/review/main/_next/static/media/dbscreensans-digitalregular.06a7ba06.woff2) format("woff2")}:where(html){line-height:1.15;text-size-adjust:100%}:where(h1){font-size:2em;-webkit-margin-after:.67em;margin-block-end:.67em;-webkit-margin-before:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){-webkit-margin-after:0;margin-block-end:0;-webkit-margin-before:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,pre,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}.db-tab-list>ul::-webkit-scrollbar,.db-tab-list>ul::-webkit-scrollbar-corner,.db-tag a,.db-tag label,.db-textarea textarea::-webkit-scrollbar,.db-textarea textarea::-webkit-scrollbar-corner,.db-textarea[data-label-variant=floating]:has(textarea:focus-within):before,.db-textarea[data-label-variant=floating]:has(textarea:not(:placeholder-shown)):before,[class^=db-],[class^=db-] *,[class^=db-] :after,[class^=db-] :before{-webkit-transition:outline var(--db-transition-duration-ultra-fast),background-color var(--db-transition-duration-medium) var(--db-transition-emotional-timing);transition:outline var(--db-transition-duration-ultra-fast),background-color var(--db-transition-duration-medium) var(--db-transition-emotional-timing)}.db-link{transition:outline var(--db-transition-duration-ultra-fast),color var(--db-transition-duration-medium) var(--db-transition-emotional-timing)}@keyframes show-right-to-left{0%{transform:translateX(110%)}to{transform:translateX(0)}}@keyframes hide-right-to-left{0%{transform:translateX(0)}to{transform:translateX(110%)}}@keyframes show-left-to-right{0%{transform:translateX(-110%)}to{transform:translateX(0)}}@keyframes hide-left-to-right{0%{transform:translateX(0)}to{transform:translateX(-110%)}}@keyframes show-bottom-to-top{0%{transform:translateY(110%)}to{transform:translateY(0)}}@keyframes hide-bottom-to-top{0%{transform:translateY(0)}to{transform:translateY(110%)}}@keyframes show-top-to-bottom{0%{transform:translateY(-110%)}to{transform:translateY(0)}}@keyframes hide-top-to-bottom{0%{transform:translateY(0)}to{transform:translateY(-110%)}}@keyframes accordion-open{0%{opacity:0;transform:translateY(-10%)}to{opacity:1;transform:translateY(0)}}@keyframes popover-animation{0%{opacity:0;transform:translate(var(--db-popover-center-x,var(--db-popover-translate-x,0)),var(--db-popover-center-y,var(--db-popover-translate-y,0)))}to{opacity:1;transform:translate(var(--db-popover-center-x,0),var(--db-popover-center-y,0))}}:root{--db-focus-outline-color:var(--db-informational-text-enabled)}body,html{margin:0;padding:0}.app-canvas,.control-pane,body{font-family:var(--db-font-family-sans)}html{box-sizing:var(--db-box-sizing,border-box)}*{font-size:inherit;line-height:inherit}*,:after,:before{box-sizing:inherit}a,body,button,input,select,summary,textarea{color:inherit}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}embed,iframe,img,object,video{block-size:auto;max-inline-size:100%}iframe{border:0}:where(ul){-webkit-padding-start:var(--db-spacing-fixed-md);padding-inline-start:var(--db-spacing-fixed-md);list-style-type:"• "}:where(ul) li::marker{color:var(--db-brand-origin-enabled)}[role=navigation] ol,[role=navigation] ul,nav ol,nav ul{list-style:none;margin:0;padding:0}fieldset{border:none}pre:has(code){padding:var(--db-spacing-fixed-xs)}code{padding-block:var(--db-spacing-fixed-3xs);padding-inline:var(--db-spacing-fixed-2xs)}blockquote{margin:0;padding:var(--db-spacing-fixed-sm) var(--db-spacing-fixed-md)}details>*,details>:after,details>:before{box-sizing:var(--db-box-sizing,border-box)}h1,h2,h3,h4,h5,h6{font-family:var(--db-font-family-head);font-weight:700}h1[data-variant=light],h2[data-variant=light],h3[data-variant=light],h4[data-variant=light],h5[data-variant=light],h6[data-variant=light]{font-weight:300}h1{line-height:var(--db-type-headline-line-height-xl);font-size:var(--db-type-headline-font-size-xl);margin-block:var(--db-spacing-fixed-xl)}h2{line-height:var(--db-type-headline-line-height-lg);font-size:var(--db-type-headline-font-size-lg);margin-block:var(--db-spacing-fixed-lg)}h3{line-height:var(--db-type-headline-line-height-md);font-size:var(--db-type-headline-font-size-md);margin-block:var(--db-spacing-fixed-md)}h4{line-height:var(--db-type-headline-line-height-sm);font-size:var(--db-type-headline-font-size-sm);margin-block:var(--db-spacing-fixed-sm)}h5{line-height:var(--db-type-headline-line-height-xs);font-size:var(--db-type-headline-font-size-xs);margin-block:var(--db-spacing-fixed-xs)}h6{line-height:var(--db-type-headline-line-height-2xs);font-size:var(--db-type-headline-font-size-2xs);margin-block:var(--db-spacing-fixed-2xs)}p{margin-block:var(--db-spacing-fixed-md)}.db-accordion-item summary:after,.db-alert:not([data-icon]):before,.db-checkbox input:checked:before,.db-checkbox input:indeterminate:before,.db-infotext:not([data-icon]):before,.db-input:has(datalist):after,.db-input:has(input[type=date]):after,.db-input:has(input[type=datetime-local]):after,.db-input:has(input[type=month]):after,.db-input:has(input[type=search]):after,.db-input:has(input[type=search]):before,.db-input:has(input[type=time]):after,.db-input:has(input[type=week]):after,.db-link:not([data-variant=inline])[data-content=external]:after,.db-link:not([data-variant=inline])[data-content=internal]:after,.db-navigation-item .db-navigation-item-expand-button:is(button):after,.db-navigation-item .db-navigation-item-expand-button>button:after,.db-select:after,[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{-webkit-alt:"";alt:"";content:var(--db-icon,attr(data-icon));color:var(--db-current-icon-color,inherit);display:inline-block;font-family:var(--db-icon-font-family,"db-ux-default")!important;font-size:var(--db-icon-font-size,1.5rem);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-feature-settings:normal;font-variant:normal;font-weight:var(--db-icon-font-weight,normal);line-height:1;speak:none;speak:never;text-transform:none;vertical-align:middle;block-size:var(--db-icon-font-size,1.5rem);inline-size:var(--db-icon-font-size,1.5rem)}@media aural{.db-accordion-item summary:after,.db-alert:not([data-icon]):before,.db-checkbox input:checked:before,.db-checkbox input:indeterminate:before,.db-infotext:not([data-icon]):before,.db-input:has(datalist):after,.db-input:has(input[type=date]):after,.db-input:has(input[type=datetime-local]):after,.db-input:has(input[type=month]):after,.db-input:has(input[type=search]):after,.db-input:has(input[type=search]):before,.db-input:has(input[type=time]):after,.db-input:has(input[type=week]):after,.db-link:not([data-variant=inline])[data-content=external]:after,.db-link:not([data-variant=inline])[data-content=internal]:after,.db-navigation-item .db-navigation-item-expand-button:is(button):after,.db-navigation-item .db-navigation-item-expand-button>button:after,.db-select:after,[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{content:none}}@media speech{.db-accordion-item summary:after,.db-alert:not([data-icon]):before,.db-checkbox input:checked:before,.db-checkbox input:indeterminate:before,.db-infotext:not([data-icon]):before,.db-input:has(datalist):after,.db-input:has(input[type=date]):after,.db-input:has(input[type=datetime-local]):after,.db-input:has(input[type=month]):after,.db-input:has(input[type=search]):after,.db-input:has(input[type=search]):before,.db-input:has(input[type=time]):after,.db-input:has(input[type=week]):after,.db-link:not([data-variant=inline])[data-content=external]:after,.db-link:not([data-variant=inline])[data-content=internal]:after,.db-navigation-item .db-navigation-item-expand-button:is(button):after,.db-navigation-item .db-navigation-item-expand-button>button:after,.db-select:after,[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{content:none}}.db-button,.db-input input,.db-navigation-item .db-navigation-item-expand-button:is(button),.db-navigation-item .db-navigation-item-expand-button>button,.db-navigation-item a,.db-select select,.db-tab label,.db-tag,.db-textarea textarea{border:var(--db-border-height-sm) solid var(--db-current-color,var(--db-base-on-bg-enabled))}.db-button[data-variant=primary],.db-button[data-variant=solid],.db-button[data-variant=text],.db-navigation-item .db-navigation-item-expand-button:is(button),.db-navigation-item .db-navigation-item-expand-button>button,.db-navigation-item a{border:var(--db-border-height-sm) solid transparent}.db-accordion[data-variant=card] .db-accordion-item:after,.db-alert,.db-badge,.db-input input,.db-popover>article,.db-select select,.db-tag a,.db-tag button,.db-tag label,.db-tag:has(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a)),.db-textarea textarea,.db-textarea[data-label-variant=floating]:has(textarea:focus-within):after,.db-textarea[data-label-variant=floating]:has(textarea:not(:placeholder-shown)):after,.db-tooltip,.db-tooltip:not([data-variant=basic]):after{border:var(--db-border-height-sm) solid var(--db-current-border-weak-color,var(--db-base-border-weak-enabled))}.db-button,.db-input input,.db-navigation-item .db-navigation-item-expand-button:is(button),.db-navigation-item .db-navigation-item-expand-button>button,.db-navigation-item a,.db-select select,.db-tab label,.db-tag,.db-textarea textarea{border-radius:var(--db-border-radius-md)}.db-alert[data-type=inline],.db-card,.db-popover>article,.db-tooltip{border-radius:var(--default-card-border-radius,var(--db-border-radius-lg));box-shadow:var(--db-elevation-md)}.db-badge,.db-button,.db-tag{font-weight:700;white-space:nowrap;justify-content:center;text-align:center;display:inline-flex;align-items:center}.db-button{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff));color:var(--db-current-color,var(--db-base-on-bg-enabled));block-size:var(--db-sizing-md);inline-size:-moz-fit-content;inline-size:fit-content;padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);text-decoration:none}.db-button:not(:disabled):hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-button:not(:disabled):active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-button.is-icon-text-replace{font-size:0;padding:0;inline-size:var(--db-sizing-md)}.db-button[data-size=small]{block-size:var(--db-sizing-sm)}.db-button[data-size=small]:not(.is-icon-text-replace){padding:var(--db-spacing-fixed-3xs) var(--db-spacing-fixed-sm)}.db-button[data-size=small]:not(.is-icon-text-replace):before{-webkit-margin-end:var(--db-spacing-fixed-2xs);margin-inline-end:var(--db-spacing-fixed-2xs)}.db-button[data-size=small].is-icon-text-replace{inline-size:var(--db-sizing-sm)}.db-button[data-width=full]{inline-size:100%}.db-button[data-variant=primary]{background-color:var(--db-brand-origin-enabled);color:var(--db-brand-on-enabled)}.db-button[data-variant=primary]:hover{background-color:var(--db-brand-origin-hover)}.db-button[data-variant=primary]:active{background-color:var(--db-brand-origin-pressed)}.db-button[data-variant=solid]{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff))}.db-button:disabled{opacity:var(--db-opacity-sm)}.db-button[data-state=loading]{font-size:0!important}.db-button[data-state=loading]:before{--db-icon-margin-end:0;content:""}.db-button[data-state=loading]{font-size:0}.db-icon{font-size:0!important}.db-icon:before{--db-icon-margin-end:0}@supports(-webkit-hyphens:none){.db-icon{display:inline-block}.db-icon:before{block-size:auto}}.db-accordion-item summary:after,.db-input:has(datalist):after,.db-select:after{--db-icon-after:"expand_more";content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}.db-accordion-item summary:after,.db-input:has(datalist):after,.db-select:after{transition:transform var(--db-transition-duration-medium) var(--db-transition-emotional-timing);pointer-events:none}.db-checkbox:has(input:required) label:after,.db-checkbox:has(input:required):is(label):after,.db-radio:has(input:required) label:after,.db-radio:has(input:required):is(label):after{content:"*";-webkit-padding-start:var(--db-spacing-fixed-2xs);padding-inline-start:var(--db-spacing-fixed-2xs)}.db-checkbox:has(input:not([aria-invalid]):is(:required):valid) input,.db-radio:has(input:not([aria-invalid]):is(:required):valid) input{--db-current-bg-color:var(--db-successful-bg-enabled);--db-current-base-color:var(--db-successful-text-enabled);border-color:var(--db-current-color)}.db-checkbox:has(input:not([aria-invalid]):is(:required):valid) input:is([type=radio]),.db-checkbox:has(input:not([aria-invalid]):is(:required):valid) input:not(:checked),.db-radio:has(input:not([aria-invalid]):is(:required):valid) input:is([type=radio]),.db-radio:has(input:not([aria-invalid]):is(:required):valid) input:not(:checked){--db-current-color:var(--db-successful-text-enabled)}.db-checkbox:has(input:not([aria-invalid]):is(:required):valid) input:checked,.db-radio:has(input:not([aria-invalid]):is(:required):valid) input:checked{--db-base-text-enabled:var(--db-successful-text-enabled);--db-base-text-hover:var(--db-successful-text-hover);--db-base-text-pressed:var(--db-successful-text-pressed)}.db-checkbox:has(input:not([aria-invalid]):is(:required):valid) label,.db-checkbox:has(input:not([aria-invalid]):is(:required):valid):is(label),.db-radio:has(input:not([aria-invalid]):is(:required):valid) label,.db-radio:has(input:not([aria-invalid]):is(:required):valid):is(label){color:var(--db-successful-text-enabled)}@supports not selector(:user-valid){.db-checkbox:has(input:not([aria-invalid]):required:valid) input,.db-radio:has(input:not([aria-invalid]):required:valid) input{--db-current-bg-color:var(--db-successful-bg-enabled);--db-current-base-color:var(--db-successful-text-enabled);border-color:var(--db-current-color)}.db-checkbox:has(input:not([aria-invalid]):required:valid) input:is([type=radio]),.db-checkbox:has(input:not([aria-invalid]):required:valid) input:not(:checked),.db-radio:has(input:not([aria-invalid]):required:valid) input:is([type=radio]),.db-radio:has(input:not([aria-invalid]):required:valid) input:not(:checked){--db-current-color:var(--db-successful-text-enabled)}.db-checkbox:has(input:not([aria-invalid]):required:valid) input:checked,.db-radio:has(input:not([aria-invalid]):required:valid) input:checked{--db-base-text-enabled:var(--db-successful-text-enabled);--db-base-text-hover:var(--db-successful-text-hover);--db-base-text-pressed:var(--db-successful-text-pressed)}.db-checkbox:has(input:not([aria-invalid]):required:valid) label,.db-checkbox:has(input:not([aria-invalid]):required:valid):is(label),.db-radio:has(input:not([aria-invalid]):required:valid) label,.db-radio:has(input:not([aria-invalid]):required:valid):is(label){color:var(--db-successful-text-enabled)}}.db-checkbox:has(input[aria-invalid=false]) input,.db-radio:has(input[aria-invalid=false]) input{--db-current-bg-color:var(--db-successful-bg-enabled);--db-current-base-color:var(--db-successful-text-enabled);border-color:var(--db-current-color)}.db-checkbox:has(input[aria-invalid=false]) input:is([type=radio]),.db-checkbox:has(input[aria-invalid=false]) input:not(:checked),.db-radio:has(input[aria-invalid=false]) input:is([type=radio]),.db-radio:has(input[aria-invalid=false]) input:not(:checked){--db-current-color:var(--db-successful-text-enabled)}.db-checkbox:has(input[aria-invalid=false]) input:checked,.db-radio:has(input[aria-invalid=false]) input:checked{--db-base-text-enabled:var(--db-successful-text-enabled);--db-base-text-hover:var(--db-successful-text-hover);--db-base-text-pressed:var(--db-successful-text-pressed)}.db-checkbox:has(input[aria-invalid=false]) label,.db-checkbox:has(input[aria-invalid=false]):is(label),.db-radio:has(input[aria-invalid=false]) label,.db-radio:has(input[aria-invalid=false]):is(label){color:var(--db-successful-text-enabled)}.db-checkbox:has(input:not([aria-invalid]):is(:required):invalid) input,.db-radio:has(input:not([aria-invalid]):is(:required):invalid) input{--db-current-bg-color:var(--db-critical-bg-enabled);--db-current-base-color:var(--db-critical-text-enabled);border-color:var(--db-current-color)}.db-checkbox:has(input:not([aria-invalid]):is(:required):invalid) input:is([type=radio]),.db-checkbox:has(input:not([aria-invalid]):is(:required):invalid) input:not(:checked),.db-radio:has(input:not([aria-invalid]):is(:required):invalid) input:is([type=radio]),.db-radio:has(input:not([aria-invalid]):is(:required):invalid) input:not(:checked){--db-current-color:var(--db-critical-text-enabled)}.db-checkbox:has(input:not([aria-invalid]):is(:required):invalid) input:checked,.db-radio:has(input:not([aria-invalid]):is(:required):invalid) input:checked{--db-base-text-enabled:var(--db-critical-text-enabled);--db-base-text-hover:var(--db-successful-text-hover);--db-base-text-pressed:var(--db-successful-text-pressed)}.db-checkbox:has(input:not([aria-invalid]):is(:required):invalid) label,.db-checkbox:has(input:not([aria-invalid]):is(:required):invalid):is(label),.db-radio:has(input:not([aria-invalid]):is(:required):invalid) label,.db-radio:has(input:not([aria-invalid]):is(:required):invalid):is(label){color:var(--db-critical-text-enabled)}@supports not selector(:user-invalid){.db-checkbox:has(input:not([aria-invalid]):required:invalid) input,.db-radio:has(input:not([aria-invalid]):required:invalid) input{--db-current-bg-color:var(--db-critical-bg-enabled);--db-current-base-color:var(--db-critical-text-enabled);border-color:var(--db-current-color)}.db-checkbox:has(input:not([aria-invalid]):required:invalid) input:is([type=radio]),.db-checkbox:has(input:not([aria-invalid]):required:invalid) input:not(:checked),.db-radio:has(input:not([aria-invalid]):required:invalid) input:is([type=radio]),.db-radio:has(input:not([aria-invalid]):required:invalid) input:not(:checked){--db-current-color:var(--db-critical-text-enabled)}.db-checkbox:has(input:not([aria-invalid]):required:invalid) input:checked,.db-radio:has(input:not([aria-invalid]):required:invalid) input:checked{--db-base-text-enabled:var(--db-critical-text-enabled);--db-base-text-hover:var(--db-successful-text-hover);--db-base-text-pressed:var(--db-successful-text-pressed)}.db-checkbox:has(input:not([aria-invalid]):required:invalid) label,.db-checkbox:has(input:not([aria-invalid]):required:invalid):is(label),.db-radio:has(input:not([aria-invalid]):required:invalid) label,.db-radio:has(input:not([aria-invalid]):required:invalid):is(label){color:var(--db-critical-text-enabled)}}.db-checkbox:has(input[aria-invalid=true]) input,.db-radio:has(input[aria-invalid=true]) input{--db-current-bg-color:var(--db-critical-bg-enabled);--db-current-base-color:var(--db-critical-text-enabled);border-color:var(--db-current-color)}.db-checkbox:has(input[aria-invalid=true]) input:is([type=radio]),.db-checkbox:has(input[aria-invalid=true]) input:not(:checked),.db-radio:has(input[aria-invalid=true]) input:is([type=radio]),.db-radio:has(input[aria-invalid=true]) input:not(:checked){--db-current-color:var(--db-critical-text-enabled)}.db-checkbox:has(input[aria-invalid=true]) input:checked,.db-radio:has(input[aria-invalid=true]) input:checked{--db-base-text-enabled:var(--db-critical-text-enabled);--db-base-text-hover:var(--db-successful-text-hover);--db-base-text-pressed:var(--db-successful-text-pressed)}.db-checkbox:has(input[aria-invalid=true]) label,.db-checkbox:has(input[aria-invalid=true]):is(label),.db-radio:has(input[aria-invalid=true]) label,.db-radio:has(input[aria-invalid=true]):is(label){color:var(--db-critical-text-enabled)}.db-checkbox:has(input:disabled),.db-radio:has(input:disabled){opacity:var(--db-opacity-md)}.db-checkbox label,.db-checkbox:is(label),.db-radio label,.db-radio:is(label){display:flex;align-items:center;position:relative}.db-checkbox input,.db-radio input{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff));align-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;aspect-ratio:1;-webkit-margin-end:var(--db-spacing-fixed-xs);margin-inline-end:var(--db-spacing-fixed-xs);border:min(calc(var(--db-base-font-size) * var(--db-base-line-height))/16 + .5px,2px) solid;block-size:calc(var(--db-base-font-size)*var(--db-base-line-height));justify-content:center;inline-size:auto;padding:0}.db-checkbox input:not(:disabled):hover,.db-radio input:not(:disabled):hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-checkbox input:not(:disabled):active,.db-radio input:not(:disabled):active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}[data-size=small].db-checkbox input,[data-size=small].db-radio input{-webkit-margin-end:var(--db-spacing-fixed-2xs);margin-inline-end:var(--db-spacing-fixed-2xs)}[data-label-variant=hidden].db-checkbox,[data-label-variant=hidden].db-radio{font-size:0}[data-label-variant=hidden].db-checkbox input,[data-label-variant=hidden].db-radio input{-webkit-margin-end:0;margin-inline-end:0}@media(prefers-reduced-motion:reduce){.db-checkbox,.db-radio{transition-duration:.01s!important}}.db-tab{position:relative;display:inline-flex;list-style-type:none}.db-tab:has(input:disabled){opacity:var(--db-opacity-sm)}.db-tab label{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff));padding:var(--db-spacing-fixed-xs);align-items:center;display:inline-block;white-space:nowrap;border:none;overflow:hidden;text-overflow:ellipsis}.db-tab label:not(:disabled):hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-tab label:not(:disabled):active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-tab label:has(input:checked){font-weight:700}.db-tab label[data-icon]{-webkit-padding-start:calc(var(--db-spacing-fixed-xs) + var(--db-spacing-fixed-sm) + calc(var(--db-base-font-size) * var(--db-base-line-height)));padding-inline-start:calc(var(--db-spacing-fixed-xs) + var(--db-spacing-fixed-sm) + calc(var(--db-base-font-size) * var(--db-base-line-height)))}.db-tab label[data-icon]:before{position:absolute;transform:translateY(-50%);inset-block-start:50%;inset-inline-start:calc(0% + var(--db-spacing-fixed-xs))}.db-tab label[data-icon]:is(.is-icon-text-replace){padding:0;inline-size:calc(calc(var(--db-spacing-fixed-xs) + var(--db-spacing-fixed-sm) + calc(var(--db-base-font-size) * var(--db-base-line-height))) - var(--db-spacing-fixed-2xs));block-size:calc(calc(var(--db-base-font-size) * var(--db-base-line-height)) + var(--db-spacing-fixed-xs))}.db-tab label[data-icon]:is(.is-icon-text-replace):before{-webkit-margin-end:0;margin-inline-end:0}.db-tab label[data-icon-after]{-webkit-padding-end:calc(var(--db-spacing-fixed-xs) + var(--db-spacing-fixed-sm) + calc(var(--db-base-font-size) * var(--db-base-line-height)));padding-inline-end:calc(var(--db-spacing-fixed-xs) + var(--db-spacing-fixed-sm) + calc(var(--db-base-font-size) * var(--db-base-line-height)))}.db-tab label[data-icon-after]:after{position:absolute;transform:translateY(-50%);inset-block-start:50%;inset-inline-end:calc(0% + var(--db-spacing-fixed-xs))}.db-tab input{position:absolute;-webkit-appearance:none;-moz-appearance:none;appearance:none;inline-size:100%;-webkit-margin-end:initial;margin-inline-end:0;inset:0;background:var(--db-current-bg-color);border-radius:var(--db-border-radius-md);z-index:-1}.db-tab input:focus-visible:is(input[type=radio]){outline:none;box-shadow:none}.db-tab input:focus-visible:before{content:"";position:absolute;inset:0;border-radius:var(--db-border-radius-md);z-index:10;pointer-events:none}.db-divider:not([data-margin=none]){margin:var(--db-spacing-fixed-sm) 0}.db-divider:not([data-variant=vertical]){--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-base-border-weak-enabled));position:relative;block-size:1px;inline-size:100%}.db-divider:not([data-variant=vertical])[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-divider:not([data-variant=vertical]):before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:1px;inset-block-start:0;inset-inline:0}.db-divider[data-variant=vertical]{--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-base-border-weak-enabled));position:relative;block-size:100%;inline-size:1px}.db-divider[data-variant=vertical][data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-divider[data-variant=vertical]:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;inline-size:1px;inset-inline-start:0;inset-block:0}.db-divider[data-variant=vertical]:not([data-margin=none]){margin:0 var(--db-spacing-fixed-sm)}.db-card{background-color:var(--db-base-bg-enabled);display:flex;flex-direction:column}.db-card>a{text-decoration:none}.db-card[data-spacing=medium]{padding:var(--db-spacing-fixed-lg)}.db-card[data-spacing=small]{padding:var(--db-spacing-fixed-md)}.db-card[data-variant=interactive]{transition:box-shadow .15s var(--db-transition-functional-timing)}.db-card[data-variant=interactive]:hover:not([data-elevation=none]){cursor:pointer;box-shadow:var(--db-elevation-lg)}.db-card[data-variant=interactive]:active:not([data-elevation=none]){box-shadow:var(--db-elevation-sm)}.db-card[data-elevation=none]{box-shadow:none}.db-input{--db-form-has-before:0;position:relative;display:flex;flex-direction:column}.db-input[data-label-variant=floating] label{position:absolute;z-index:2;inset-block-start:calc((var(--db-sizing-md) - calc(var(--db-base-font-size) * var(--db-base-line-height)))/2);inset-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm))}.db-input[data-label-variant=floating]:after,.db-input[data-label-variant=floating]:before{inset-block-start:calc(var(--db-sizing-md)/2 - calc(var(--db-base-font-size) * var(--db-base-line-height))/2)}.db-input[data-label-variant=floating] [id$=-placeholder]{inset-block-start:calc(50% - .5em + var(--db-spacing-fixed-3xs))}.db-input[data-label-variant=floating] input{-webkit-padding-before:calc(var(--db-type-body-font-size-2xs) + var(--db-spacing-fixed-3xs));padding-block-start:calc(var(--db-type-body-font-size-2xs) + var(--db-spacing-fixed-3xs))}.db-input[data-label-variant=floating] input+[id$=-placeholder],.db-input[data-label-variant=floating] input::placeholder{transition:none;opacity:0}.db-input[data-label-variant=floating]:has(>select option:checked:not([hidden])) label,.db-input[data-label-variant=floating]:has(input:focus-within) label,.db-input[data-label-variant=floating]:has(input:is(input,textarea):not(:placeholder-shown)) label{inset-block-start:var(--db-spacing-fixed-2xs)}.db-input[data-label-variant=floating]:has(>select option:checked:not([hidden])) input+[id$=-placeholder],.db-input[data-label-variant=floating]:has(>select option:checked:not([hidden])) input::placeholder,.db-input[data-label-variant=floating]:has(input:focus-within) input+[id$=-placeholder],.db-input[data-label-variant=floating]:has(input:focus-within) input::placeholder,.db-input[data-label-variant=floating]:has(input:is(input,textarea):not(:placeholder-shown)) input+[id$=-placeholder],.db-input[data-label-variant=floating]:has(input:is(input,textarea):not(:placeholder-shown)) input::placeholder{transition:opacity var(--db-transition-duration-medium) var(--db-transition-emotional-timing);opacity:var(--db-opacity-md)}.db-input:has(input:required) label:after,.db-input:has(input:required):is(label):after{content:"*";-webkit-padding-start:var(--db-spacing-fixed-2xs);padding-inline-start:var(--db-spacing-fixed-2xs)}.db-input:has(input:not([aria-invalid]):is(:not([type=text],[type=password],[type=search]),:is([type=text],[type=password],[type=search]):required):user-valid){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-input:has(input:not([aria-invalid]):is(:not([type=text],[type=password],[type=search]),:is([type=text],[type=password],[type=search]):required):user-valid) [id$=-placeholder],.db-input:has(input:not([aria-invalid]):is(:not([type=text],[type=password],[type=search]),:is([type=text],[type=password],[type=search]):required):user-valid) input{color:var(--db-successful-on-bg-enabled)}@supports not selector(:user-valid){.db-input:has(input:not([aria-invalid]):required:valid){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-input:has(input:not([aria-invalid]):required:valid) [id$=-placeholder],.db-input:has(input:not([aria-invalid]):required:valid) input{color:var(--db-successful-on-bg-enabled)}}.db-input:has(input[aria-invalid=false]){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-input:has(input[aria-invalid=false]) [id$=-placeholder],.db-input:has(input[aria-invalid=false]) input{color:var(--db-successful-on-bg-enabled)}.db-input:has(input:not([aria-invalid]):is(:not([type=text],[type=password],[type=search]),:is([type=text],[type=password],[type=search]):required):user-invalid){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-input:has(input:not([aria-invalid]):is(:not([type=text],[type=password],[type=search]),:is([type=text],[type=password],[type=search]):required):user-invalid) [id$=-placeholder],.db-input:has(input:not([aria-invalid]):is(:not([type=text],[type=password],[type=search]),:is([type=text],[type=password],[type=search]):required):user-invalid) input{color:var(--db-critical-on-bg-enabled)}@supports not selector(:user-invalid){.db-input:has(input:not([aria-invalid]):required:invalid){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-input:has(input:not([aria-invalid]):required:invalid) [id$=-placeholder],.db-input:has(input:not([aria-invalid]):required:invalid) input{color:var(--db-critical-on-bg-enabled)}}.db-input:has(input[aria-invalid=true]){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-input:has(input[aria-invalid=true]) [id$=-placeholder],.db-input:has(input[aria-invalid=true]) input{color:var(--db-critical-on-bg-enabled)}.db-input input{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff));background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff));-webkit-appearance:none;-moz-appearance:none;appearance:none;max-inline-size:100%;inline-size:100%;padding-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm)) var(--db-form-component-padding-inline-end,var(--db-spacing-fixed-sm))}.db-input input:not(:disabled):hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-input input+[id$=-placeholder],.db-input input::placeholder{opacity:var(--db-opacity-md)}.db-input input:is(input,textarea):-moz-read-only{background-color:var(--db-base-bg-enabled)!important}.db-input input:is(input,textarea):read-only{background-color:var(--db-base-bg-enabled)!important}.db-input label{-webkit-padding-after:var(--db-spacing-fixed-xs);padding-block-end:var(--db-spacing-fixed-xs);pointer-events:none;cursor:text;opacity:var(--db-opacity-lg);transition:font-size var(--db-transition-duration-medium) var(--db-transition-emotional-timing);max-inline-size:25ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.db-input[data-label-variant=hidden] label{padding:0}.db-input .db-infotext{-webkit-margin-before:var(--db-spacing-fixed-2xs);margin-block-start:var(--db-spacing-fixed-2xs)}.db-input:has(input:disabled){opacity:var(--db-opacity-sm);pointer-events:none}.db-input:after,.db-input:before{position:absolute;pointer-events:none;inset-block-start:calc(var(--db-sizing-md)/2 - var(--db-spacing-fixed-xs)*var(--db-label-visible-spacing, 0) + calc(var(--db-type-body-font-size-xs) * var(--db-type-body-line-height-xs))*var(--db-label-visible-height, 1) - 1px)}.db-input:before{-webkit-margin-end:var(--db-spacing-fixed-sm);margin-inline-end:var(--db-spacing-fixed-sm);inset-inline-start:var(--db-spacing-fixed-sm)}.db-input:after{-webkit-margin-start:var(--db-spacing-fixed-sm);margin-inline-start:var(--db-spacing-fixed-sm);inset-inline-end:var(--db-spacing-fixed-sm)}.db-input[data-variant=neutral]{--db-current-color:var(--db-neutral-on-bg-enabled);--db-current-border-weak-color:var(--db-neutral-border-weak-enabled);--db-current-element-color:var(--db-neutral-element-enabled);--db-current-base-color:var(--db-neutral-text-enabled);--db-current-bg-color:var(--db-neutral-bg-enabled)}.db-input[data-variant=neutral] [id$=-placeholder],.db-input[data-variant=neutral] input{color:var(--db-neutral-on-bg-enabled);caret-color:var(--db-neutral-on-bg-enabled)}.db-input[data-variant=critical]{--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-input[data-variant=critical] [id$=-placeholder],.db-input[data-variant=critical] input{color:var(--db-critical-on-bg-enabled);caret-color:var(--db-critical-on-bg-enabled)}.db-input[data-variant=informational]{--db-current-color:var(--db-informational-on-bg-enabled);--db-current-border-weak-color:var(--db-informational-border-weak-enabled);--db-current-element-color:var(--db-informational-element-enabled);--db-current-base-color:var(--db-informational-text-enabled);--db-current-bg-color:var(--db-informational-bg-enabled)}.db-input[data-variant=informational] [id$=-placeholder],.db-input[data-variant=informational] input{color:var(--db-informational-on-bg-enabled);caret-color:var(--db-informational-on-bg-enabled)}.db-input[data-variant=warning]{--db-current-color:var(--db-warning-on-bg-enabled);--db-current-border-weak-color:var(--db-warning-border-weak-enabled);--db-current-element-color:var(--db-warning-element-enabled);--db-current-base-color:var(--db-warning-text-enabled);--db-current-bg-color:var(--db-warning-bg-enabled)}.db-input[data-variant=warning] [id$=-placeholder],.db-input[data-variant=warning] input{color:var(--db-warning-on-bg-enabled);caret-color:var(--db-warning-on-bg-enabled)}.db-input[data-variant=successful]{--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-input[data-variant=successful] [id$=-placeholder],.db-input[data-variant=successful] input{color:var(--db-successful-on-bg-enabled);caret-color:var(--db-successful-on-bg-enabled)}.db-input input{block-size:var(--db-sizing-md);text-overflow:ellipsis}.db-input:has(input[type=search]),.db-input[data-icon]{--db-form-component-padding-inline-start:calc(calc(var(--db-base-font-size) * var(--db-base-line-height)) + var(--db-spacing-fixed-sm) + var(--db-spacing-fixed-xs))}.db-input:has(datalist),.db-input:has(input[type=search]),.db-input[data-icon-after]{--db-form-component-padding-inline-end:calc(calc(var(--db-base-font-size) * var(--db-base-line-height)) + var(--db-spacing-fixed-sm) + var(--db-spacing-fixed-xs))}.db-input:has(input[type=search]):before{--db-icon:"search";-webkit-margin-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs));margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}.db-input:has(input[type=search]):after{--db-icon-after:"cancel";content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}.db-input:has(input[type=search]):after{opacity:0;transition:opacity var(--db-transition-duration-fast)}.db-input:has(input[type=search]):has(input:not(:placeholder-shown)):has(input:hover,input:focus-visible):after{opacity:1}.db-input:has(input[type=date]):after,.db-input:has(input[type=datetime-local]):after,.db-input:has(input[type=month]):after,.db-input:has(input[type=week]):after{--db-icon-after:"calendar";content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}.db-input:has(input[type=time]):after{--db-icon-after:"schedule";content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}.db-input input{position:relative}.db-input input::-webkit-calendar-picker-indicator,.db-input input::-webkit-search-cancel-button{background-image:none;inline-size:var(--db-icon-font-size,1.5rem);block-size:var(--db-icon-font-size,1.5rem);padding:0;cursor:pointer}.db-input input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;position:absolute;inset-inline-end:calc(var(--db-spacing-fixed-sm) + 1px)}.db-input:has(datalist):has(input:focus):after{transform:rotate(-180deg)}.db-input:has(datalist) input::-webkit-calendar-picker-indicator{display:none!important}.db-brand,.db-brand a{display:flex;gap:var(--db-spacing-fixed-md);align-items:center}.db-brand{font-weight:700}.db-brand a{color:inherit;text-decoration:none}.db-logo{max-inline-size:none;block-size:var(--db-sizing-sm)}.db-header{background-color:var(--db-base-bg-enabled);box-shadow:var(--db-elevation-md);display:flex;flex-direction:column;position:relative;min-block-size:var(--db-sizing-fixed-mobile-header,3.5rem)}@media screen and (min-width:64em){.db-header:not([data-force-mobile]),.db-header[data-force-mobile=false]{--db-drawer-max-width:45em}}.db-header .db-link{display:inline-block}.db-header[data-on-forcing-mobile=true]{visibility:hidden}.db-header-navigation-bar{display:flex;position:relative;padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-xs);inline-size:100%;align-items:center}@media screen and (min-width:64em){.db-header-navigation-bar:not([data-force-mobile]),.db-header-navigation-bar[data-force-mobile=false]{padding:var(--db-spacing-fixed-md)}}.db-header-meta-navigation{--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-base-border-weak-enabled));position:relative;display:flex;flex-direction:column;gap:var(--db-spacing-fixed-sm);justify-content:flex-end;padding:var(--db-spacing-fixed-md)}.db-header-meta-navigation[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-header-meta-navigation:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:1px;inset-block-start:0;inset-inline:0}@media screen and (min-width:64em){.db-header-meta-navigation:not([data-force-mobile]),.db-header-meta-navigation[data-force-mobile=false]{padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);margin:0;flex-direction:row}.db-header-meta-navigation:not([data-force-mobile]):empty,.db-header-meta-navigation[data-force-mobile=false]:empty{display:none}}.db-header-meta-navigation:empty{display:none}.db-header-navigation-container{display:inherit;flex:1 1 auto;inline-size:100%;gap:inherit;align-items:center}.db-header-call-to-action{-webkit-margin-start:auto;margin-inline-start:auto}.db-header-brand-container:not(:has(>:first-child)){display:none}@media screen and (min-width:64em){.db-header-action-container:has(>.db-header-action-bar:empty):not([data-force-mobile]),.db-header-action-container:has(>.db-header-action-bar:empty)[data-force-mobile=false]{display:none}}.db-header-brand-container{min-block-size:var(--db-sizing-md)}@media screen and (min-width:64em){.db-header-brand-container:not([data-force-mobile]),.db-header-brand-container[data-force-mobile=false]{--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-base-border-weak-enabled));position:relative}.db-header-brand-container:not([data-force-mobile])[data-emphasis=strong],.db-header-brand-container[data-force-mobile=false][data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-header-brand-container:not([data-force-mobile]):after,.db-header-brand-container[data-force-mobile=false]:after{content:"";background-color:var(--db-divider-bg-color);position:absolute;inline-size:1px;inset-inline-start:0;inset-block:0;position:inherit;block-size:100%;margin-inline:var(--db-spacing-fixed-sm)}}.db-header-action-container{--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-base-border-weak-enabled));position:relative}.db-header-action-container[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-header-action-container:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;inline-size:1px;inset-inline-start:0;inset-block:0}@media screen and (min-width:64em){.db-header-action-container:not([data-force-mobile]):before,.db-header-action-container[data-force-mobile=false]:before{-webkit-margin-end:var(--db-spacing-fixed-sm);margin-inline-end:var(--db-spacing-fixed-sm)}}.db-header-action-container:before{position:inherit;block-size:100%}.db-header-action-container,.db-header-brand-container{align-items:center;block-size:100%;display:inherit;gap:inherit;flex:0 1 auto;flex-grow:0;flex-shrink:0}.db-header-action-bar{--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-base-border-weak-enabled));position:relative;flex:0 1 auto;flex-grow:0;flex-shrink:0;-webkit-padding-before:var(--db-spacing-fixed-xs);padding-block-start:var(--db-spacing-fixed-xs)}.db-header-action-bar[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-header-action-bar:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:1px;inset-block-start:0;inset-inline:0}@media screen and (min-width:64em){.db-header-action-bar:not([data-force-mobile]):before,.db-header-action-bar[data-force-mobile=false]:before{display:none}}.db-header-drawer-navigation{display:flex;flex-direction:column;flex:1 1 auto;block-size:100%;overflow:auto;justify-content:space-between}.db-header-navigation{padding-block:var(--db-spacing-fixed-md)}.db-header-action-bar,.db-header-navigation{display:flex;gap:var(--db-spacing-fixed-sm);padding-inline:var(--db-spacing-fixed-md)}@media screen and (min-width:64em){.db-header-action-bar:not([data-force-mobile]),.db-header-action-bar[data-force-mobile=false],.db-header-navigation:not([data-force-mobile]),.db-header-navigation[data-force-mobile=false]{gap:var(--db-spacing-fixed-xs);padding:0}}.db-header-drawer{--db-drawer-content-padding-inline:0;--db-drawer-header-padding-block-end:calc(1px + var(--db-spacing-fixed-xs));-webkit-padding-after:0;padding-block-end:0}.db-header-drawer .db-drawer-content{display:flex;flex-direction:column;block-size:100%;overflow:hidden}.db-header-action-container>.db-header-action-bar,.db-header-meta-navigation,.db-header-navigation-container>.db-header-navigation{display:none}@media screen and (min-width:64em){.db-header-action-container>.db-header-action-bar:not([data-force-mobile]),.db-header-action-container>.db-header-action-bar[data-force-mobile=false],.db-header-meta-navigation:not([data-force-mobile]),.db-header-meta-navigation[data-force-mobile=false],.db-header-navigation-container>.db-header-navigation:not([data-force-mobile]),.db-header-navigation-container>.db-header-navigation[data-force-mobile=false]{display:inherit}}.db-header-drawer-navigation>.db-header-meta-navigation{display:inherit}@media screen and (min-width:64em){.db-header-burger-menu-container:not([data-force-mobile]),.db-header-burger-menu-container[data-force-mobile=false],.db-header-drawer:not([data-force-mobile]),.db-header-drawer[data-force-mobile=false]{display:none}}:root body{margin:0}:root:has(.fixed-header-footer),:root:has(db-page[type=fixedHeaderFooter]){block-size:100%;overflow:hidden}:root:has(.fixed-header-footer) #app,:root:has(.fixed-header-footer) #root,:root:has(.fixed-header-footer) body,:root:has(db-page[type=fixedHeaderFooter]) #app,:root:has(db-page[type=fixedHeaderFooter]) #root,:root:has(db-page[type=fixedHeaderFooter]) body{block-size:100%}.db-page{opacity:0}.db-page[data-fade-in=true]{transition:opacity var(--db-transition-duration-medium) var(--db-transition-emotional-timing)}.db-page:not([data-fonts-loaded]),.db-page[data-fonts-loaded=true]{opacity:1}.db-page.fixed-header-footer{block-size:100%;min-block-size:100%;display:flex;flex-direction:column}.db-page.fixed-header-footer footer,.db-page.fixed-header-footer header{display:flex;flex:0 1 auto;flex-grow:0;flex-shrink:0}.db-page.fixed-header-footer main{display:flex;flex-direction:column;overflow:auto;flex:1 1 auto;inline-size:100%}.db-link,.db-link a{display:inline-block;block-size:var(--db-sizing-sm)}.db-link{inline-size:-moz-fit-content;inline-size:fit-content;text-underline-position:from-font;text-decoration-thickness:.0625rem;white-space:nowrap}.db-link:hover{color:color-mix(in srgb,transparent 25%,var(--db-current-color,var(--db-base-on-bg-enabled)))}.db-link:active{color:color-mix(in srgb,transparent 50%,var(--db-current-color,var(--db-base-on-bg-enabled)))}.db-link[aria-disabled=true]{opacity:var(--db-opacity-md);pointer-events:none}.db-link:not([data-variant=inline])[data-content=internal]:after{--db-icon-after:"arrow_forward";vertical-align:top}.db-link:not([data-variant=inline])[data-content=external]:after,.db-link:not([data-variant=inline])[data-content=internal]:after{content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}.db-link:not([data-variant=inline])[data-content=external]:after{--db-icon-after:"link_external"}.db-link:focus-visible{border-radius:var(--db-border-radius-md)}.db-link[data-content=external],.db-link[data-content=internal]{--db-icon-margin-start:var(--db-spacing-fixed-2xs)}.db-link[data-content=external]:after,.db-link[data-content=internal]:after{-webkit-margin-start:var(--db-icon-margin-start);margin-inline-start:var(--db-icon-margin-start)}.db-link[data-variant=primary]{--db-current-color:var(--db-brand-text-enabled);color:var(--db-current-color)}.db-link[data-variant=primary]:hover{--db-current-color:var(--db-brand-text-hover)}.db-link[data-variant=primary]:active{--db-current-color:var(--db-brand-text-pressed)}.db-link[data-size=small]{--db-icon-margin-start:var(--db-spacing-fixed-3xs)}.db-section{padding-inline:var(--db-spacing-fixed-md)}@media screen and (min-width:64em){.db-section:not([data-force-mobile]),.db-section[data-force-mobile=false]{padding-inline:var(--db-spacing-fixed-md)}}.db-section[data-variant=full]{padding-inline:0}.db-section[data-size=none]{padding-block:0}.db-section[data-size=small]{padding-block:var(--db-spacing-responsive-sm)}.db-section[data-size=medium]{padding-block:var(--db-spacing-responsive-md)}.db-section[data-size=large]{padding-block:var(--db-spacing-responsive-lg)}.db-section>div{margin:0 auto}.db-section>div[data-variant=full]{max-inline-size:none}.db-section>div[data-variant=medium]{max-inline-size:64em}.db-section>div[data-variant=large]{max-inline-size:90em}.db-infotext{--db-icon-margin-end:var(--db-spacing-fixed-2xs);display:flex}.db-infotext:not([data-icon]){--db-icon-font-family:"db-ux-solid"}.db-infotext:not([data-icon]):before{--db-icon:"info";-webkit-margin-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs));margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}.db-infotext[data-variant=neutral]{color:var(--db-neutral-text-enabled)}.db-infotext[data-variant=neutral]:before{--db-current-icon-color:var(--db-neutral-element-enabled)}.db-infotext[data-variant=critical]{color:var(--db-critical-text-enabled)}.db-infotext[data-variant=critical]:not([data-icon]):before{--db-icon:"error"}.db-infotext[data-variant=critical]:before{--db-current-icon-color:var(--db-critical-element-enabled)}.db-infotext[data-variant=informational]{color:var(--db-informational-text-enabled)}.db-infotext[data-variant=informational]:not([data-icon]):before{--db-icon:"info"}.db-infotext[data-variant=informational]:before{--db-current-icon-color:var(--db-informational-element-enabled)}.db-infotext[data-variant=warning]{color:var(--db-warning-text-enabled)}.db-infotext[data-variant=warning]:not([data-icon]):before{--db-icon:"warning"}.db-infotext[data-variant=warning]:before{--db-current-icon-color:var(--db-warning-element-enabled)}.db-infotext[data-variant=successful]{color:var(--db-successful-text-enabled)}.db-infotext[data-variant=successful]:not([data-icon]):before{--db-icon:"check_circle"}.db-infotext[data-variant=successful]:before{--db-current-icon-color:var(--db-successful-element-enabled)}.db-alert{grid-template-areas:"icon content close";grid-template-columns:min-content 1fr min-content}.db-alert:has(.db-alert-link){grid-template-areas:"icon content link close";grid-template-columns:min-content 1fr min-content min-content}.db-alert:has(.db-alert-link)[data-force-mobile=true]{grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon content close" "icon link link"}@media screen and (max-width:44.9375em){.db-alert:has(.db-alert-link){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon content close" "icon link link"}}.db-alert:has(.db-alert-headline){grid-template-columns:min-content 1fr 1fr min-content;grid-template-areas:"icon head head close" "icon content content content"}.db-alert:has(.db-alert-headline)[data-force-mobile=true]{grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head close" "icon content content"}@media screen and (max-width:44.9375em){.db-alert:has(.db-alert-headline){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head close" "icon content content"}}.db-alert:has(.db-alert-headline):has(.db-alert-link){grid-template-columns:min-content 1fr 1fr min-content min-content;grid-template-areas:"icon head head link close" "icon content content content content"}.db-alert:has(.db-alert-headline):has(.db-alert-link)[data-force-mobile=true]{grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head close" "icon content content" "icon link link"}@media screen and (max-width:44.9375em){.db-alert:has(.db-alert-headline):has(.db-alert-link){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head close" "icon content content" "icon link link"}}.db-alert{display:grid;padding:var(--db-spacing-fixed-md);grid-gap:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);inline-size:inherit;text-align:start}.db-alert:not([data-icon]):before{--db-icon:"info";-webkit-margin-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs));margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}.db-alert db-link,.db-alert dblink{display:inline-flex}.db-alert .db-alert-headline{grid-area:head}.db-alert .db-alert-content{grid-area:content;margin:0}.db-alert .db-alert-link{grid-area:link}.db-alert .db-alert-close{grid-area:close}.db-alert:before,.db-alert[data-icon]:before{--db-icon-margin-end:0;grid-area:icon}.db-alert[data-type=inline][data-elevation=none]{box-shadow:none}.db-alert[data-variant=neutral]:before{--db-current-icon-color:var(--db-neutral-element-enabled)}.db-alert[data-variant=critical]:not([data-icon]):before{--db-icon:"error"}.db-alert[data-variant=critical]:before{--db-current-icon-color:var(--db-critical-element-enabled)}.db-alert[data-variant=informational]:not([data-icon]):before{--db-icon:"info"}.db-alert[data-variant=informational]:before{--db-current-icon-color:var(--db-informational-element-enabled)}.db-alert[data-variant=warning]:not([data-icon]):before{--db-icon:"warning"}.db-alert[data-variant=warning]:before{--db-current-icon-color:var(--db-warning-element-enabled)}.db-alert[data-variant=successful]:not([data-icon]):before{--db-icon:"check_circle"}.db-alert[data-variant=successful]:before{--db-current-icon-color:var(--db-successful-element-enabled)}.db-checkbox input{border-radius:var(--db-border-radius-sm)}.db-checkbox input:before{--db-icon-margin-end:0;position:absolute;inset-inline:0;inset-block:0}.db-checkbox input:checked{border-width:0}.db-checkbox input:checked:before{--db-icon:"done";-webkit-margin-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs));margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}.db-checkbox input:indeterminate:before{--db-icon:"minus";-webkit-margin-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs));margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}.db-radio input{border-color:currentColor;border-radius:var(--db-border-radius-3xl);transition:border-width var(--db-transition-duration-fast) var(--db-transition-functional-timing)}.db-radio input:checked{border-width:calc(calc(var(--db-base-font-size) * var(--db-base-line-height))*.3)}[data-no-text=true].db-tag{--icon-margin-after:0;font-size:0!important;padding:0}[data-no-text=true].db-tag:before{--db-icon-margin-end:0}[data-no-text=true].db-tag label{font-size:0!important}[data-no-text=true].db-tag label:before{--db-icon-margin-end:0}.db-tag:not([data-no-text=true]){--db-padding-inline-start:var(--db-spacing-fixed-2xs);padding-inline:var(--db-padding-inline-start) var(--db-spacing-fixed-2xs)}.db-tag:not([data-no-text=true]):has(.db-tab-remove-button){-webkit-padding-end:0;padding-inline-end:0}.db-tag:not([data-no-text=true]):has(a),.db-tag:not([data-no-text=true]):has(db-button):has(db-button:not(.db-tab-remove-button)),.db-tag:not([data-no-text=true]):has(dbbutton):has(dbbutton:not(.db-tab-remove-button)),.db-tag:not([data-no-text=true]):has(label),.db-tag:not([data-no-text=true]):not(:has(dbbutton)):has(button:not(.db-tab-remove-button)){padding-inline:0}.db-tag{--db-icon-margin-end:var(--db-spacing-fixed-2xs);padding-block:0;block-size:var(--db-sizing-sm);min-inline-size:var(--db-sizing-sm);inline-size:-moz-fit-content;inline-size:fit-content}.db-tag:has(.db-tab-remove-button)[data-variant=neutral]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=neutral][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=neutral][data-emphasis=strong]),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=neutral]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=neutral][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=neutral][data-emphasis=strong]){--db-current-border-color:var(--db-neutral-border-weak-enabled)}.db-tag:has(.db-tab-remove-button)[data-variant=critical]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=critical][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=critical][data-emphasis=strong]),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=critical]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=critical][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=critical][data-emphasis=strong]){--db-current-border-color:var(--db-critical-border-weak-enabled)}.db-tag:has(.db-tab-remove-button)[data-variant=informational]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=informational][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=informational][data-emphasis=strong]),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=informational]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=informational][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=informational][data-emphasis=strong]){--db-current-border-color:var(--db-informational-border-weak-enabled)}.db-tag:has(.db-tab-remove-button)[data-variant=warning]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=warning][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=warning][data-emphasis=strong]),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=warning]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=warning][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=warning][data-emphasis=strong]){--db-current-border-color:var(--db-warning-border-weak-enabled)}.db-tag:has(.db-tab-remove-button)[data-variant=successful]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=successful][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=successful][data-emphasis=strong]),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=successful]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=successful][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=successful][data-emphasis=strong]){--db-current-border-color:var(--db-successful-border-weak-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon]:before{position:absolute;inset-block-start:calc(50% - .5em);inset-inline-start:var(--db-spacing-fixed-2xs);pointer-events:none;z-index:1}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon] button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon] label{--db-padding-inline-start:calc(var(--db-spacing-fixed-2xs) + var(--db-icon-margin-end, var(--db-spacing-fixed-xs)) + var(--db-base-font-size) * var(--db-base-line-height));-webkit-padding-start:var(--db-padding-inline-start);padding-inline-start:var(--db-padding-inline-start)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:has(input:checked,a,button){--db-current-icon-color:var(--db-base-on-enabled);--db-current-color:var(--db-base-on-enabled);color:var(--db-current-color)}.db-tag button:nth-of-type(2),.db-tag dbbutton:nth-of-type(2),.db-tag:has(db-button):has(dbbutton) .db-tab-remove-button{display:none}.db-tag{position:relative}.db-tag label{inline-size:100%;-webkit-margin-start:0;margin-inline-start:0}.db-tag label:has(input:not(:checked)){--db-current-base-color-alpha:100%}.db-tag label:has(input:checked){border-width:var(--db-border-height-sm)}.db-tag label:has(input:checked):before{content:none}.db-tag label input{inline-size:calc(100% + 2px);block-size:calc(100% + 2px);position:absolute;-webkit-margin-end:initial;margin-inline-end:0;border:none;border-radius:inherit;transform:translateX(calc((var(--db-padding-inline-start, var(--db-spacing-fixed-2xs)) + var(--db-border-height-sm)) * -1))}.db-tag label input:checked:before{--db-icon:""}.db-tag a{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff));display:inline-flex;align-items:center;text-decoration:none}.db-tag a:not(:disabled):hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-tag a:not(:disabled):active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-tag a:after{--db-icon-margin-start:0;--db-icon-font-size:0;content:""!important}.db-tag .db-link:active,.db-tag .db-link:hover{color:inherit}.db-tag:has(:is(dbbutton,db-button):not(.db-tab-remove-button),a,label),.db-tag:not(:has(dbbutton,db-button)):has(button:not(.db-tab-remove-button)){border:none}.db-tag input:checked{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff))}.db-tag input:checked:not(:disabled):hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-tag button{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff))}.db-tag button:not(:disabled):hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-tag button:not(:disabled):active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-tag button,.db-tag label:has(input:checked){background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff));background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff))}.db-tag button:not(:disabled):hover,.db-tag label:has(input:checked):not(:disabled):hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-tag button:not(:disabled):active,.db-tag label:has(input:checked):not(:disabled):active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-tag:not([data-emphasis=strong]) label:has(input[type=radio]:checked):enabled:active,.db-tag:not([data-emphasis=strong]) label:has(input[type=radio]:checked):enabled:hover{--db-current-base-color-alpha:92%}.db-tag a,.db-tag button,.db-tag label{block-size:inherit;padding:0 var(--db-spacing-fixed-2xs);border-radius:var(--db-border-radius-md)}.db-tag a,.db-tag button{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff))}.db-tag db-button,.db-tag db-checkbox,.db-tag db-link,.db-tag db-radio,.db-tag dbbutton,.db-tag dbcheckbox,.db-tag dblink,.db-tag dbradio{block-size:inherit}.db-tag[data-disabled=true]{opacity:var(--db-opacity-sm);pointer-events:none}.db-tag[data-overflow=true]{max-inline-size:var(--db-sizing-2xl)}.db-tag[data-overflow=true]>*{inline-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-tag .db-tab-remove-button button,.db-tag .db-tab-remove-button:is(button){background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff));-webkit-margin-start:var(--db-spacing-fixed-2xs);margin-inline-start:var(--db-spacing-fixed-2xs);block-size:100%}.db-drawer .db-drawer-container{inset-inline:auto 0}.db-drawer [data-rounded=true].db-drawer-container{border-start-start-radius:var(--db-border-radius-lg);border-end-start-radius:var(--db-border-radius-lg)}.db-drawer .db-drawer-container[data-direction=left]{inset-inline:0 auto}.db-drawer [data-rounded=true].db-drawer-container[data-direction=left]{border-start-end-radius:var(--db-border-radius-lg);border-end-end-radius:var(--db-border-radius-lg)}.db-drawer .db-drawer-container[data-direction=down]:not([data-width=full]),.db-drawer .db-drawer-container[data-direction=up]:not([data-width=full]){max-block-size:var(--db-drawer-max-height,calc(100% - var(--db-spacing-fixed-xl)));max-inline-size:none}.db-drawer .db-drawer-container[data-direction=up]{inset:auto 0 0}.db-drawer [data-rounded=true].db-drawer-container[data-direction=up]{border-start-end-radius:var(--db-border-radius-lg);border-start-start-radius:var(--db-border-radius-lg)}.db-drawer .db-drawer-container[data-direction=down]{inset:0 0 auto}.db-drawer [data-rounded=true].db-drawer-container[data-direction=down]{border-end-end-radius:var(--db-border-radius-lg);border-end-start-radius:var(--db-border-radius-lg)}.db-drawer .db-drawer-container{padding-block:var(--db-spacing-fixed-sm)}.db-drawer [data-spacing=small].db-drawer-container{padding-block:var(--db-spacing-fixed-xs)}.db-drawer [data-spacing=small].db-drawer-container .db-drawer-header{-webkit-padding-after:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-xs));padding-block-end:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-xs));padding-inline:var(--db-spacing-fixed-md)}.db-drawer [data-spacing=small].db-drawer-container .db-drawer-content{padding-inline:var(--db-drawer-content-padding-inline,var(--db-spacing-fixed-md))}.db-drawer .db-drawer-container .db-drawer-header{-webkit-padding-after:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-sm));padding-block-end:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-sm));padding-inline:var(--db-spacing-fixed-lg)}.db-drawer .db-drawer-container .db-drawer-content{padding-inline:var(--db-drawer-content-padding-inline,var(--db-spacing-fixed-lg))}.db-drawer [data-spacing=medium].db-drawer-container{padding-block:var(--db-spacing-fixed-sm)}.db-drawer [data-spacing=medium].db-drawer-container .db-drawer-header{-webkit-padding-after:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-sm));padding-block-end:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-sm));padding-inline:var(--db-spacing-fixed-lg)}.db-drawer [data-spacing=medium].db-drawer-container .db-drawer-content{padding-inline:var(--db-drawer-content-padding-inline,var(--db-spacing-fixed-lg))}.db-drawer [data-spacing=large].db-drawer-container{padding-block:var(--db-spacing-fixed-md)}.db-drawer [data-spacing=large].db-drawer-container .db-drawer-header{-webkit-padding-after:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-md));padding-block-end:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-md));padding-inline:var(--db-spacing-fixed-xl)}.db-drawer [data-spacing=large].db-drawer-container .db-drawer-content{padding-inline:var(--db-drawer-content-padding-inline,var(--db-spacing-fixed-xl))}.db-drawer [data-spacing=none].db-drawer-container{padding-block:0}.db-drawer [data-spacing=none].db-drawer-container .db-drawer-header{-webkit-padding-after:var(--db-drawer-header-padding-block-end,0);padding-block-end:var(--db-drawer-header-padding-block-end,0);padding-inline:0}.db-drawer [data-spacing=none].db-drawer-container .db-drawer-content{padding-inline:var(--db-drawer-content-padding-inline,0)}.db-drawer .db-drawer-container{display:flex;flex-direction:column;background-color:var(--db-base-bg-enabled);block-size:100%;inline-size:100%;position:fixed;box-shadow:var(--db-elevation-md)}.db-drawer .db-drawer-container:not([data-width=full]){max-inline-size:var(--db-drawer-max-width,calc(100% - var(--db-spacing-fixed-xl)))}.db-drawer .db-drawer-container[data-rounded=true]{box-shadow:var(--db-elevation-md)}.db-drawer .db-drawer-container .db-drawer-header{--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-base-border-weak-enabled));position:relative;display:none}.db-drawer .db-drawer-container .db-drawer-header[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-drawer .db-drawer-container .db-drawer-header:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:1px;inset-block-end:0;inset-inline:0}.db-drawer .db-drawer-container .db-drawer-header .db-drawer-header-text{margin-block:auto;font-weight:700}.db-drawer .db-drawer-container .db-drawer-header .button-close-drawer,.db-drawer .db-drawer-container .db-drawer-header .button-close-drawer button{-webkit-margin-start:auto;margin-inline-start:auto}.db-drawer .db-drawer-container .db-drawer-header:has(.button-close-drawer),.db-drawer .db-drawer-container .db-drawer-header:has(:not(.db-drawer-header-text:empty)){display:flex}.db-drawer[open] .db-drawer-container:not([data-direction]),.db-drawer[open] .db-drawer-container[data-direction=right]{animation:show-right-to-left var(--db-transition-show-straight)}.db-drawer[open] .db-drawer-container[data-direction=left]{animation:show-left-to-right var(--db-transition-show-straight)}.db-drawer[open] .db-drawer-container[data-direction=up]{animation:show-bottom-to-top var(--db-transition-show-straight)}.db-drawer[open] .db-drawer-container[data-direction=down]{animation:show-top-to-bottom var(--db-transition-show-straight)}.db-drawer[open] .db-drawer-container[hidden]:not([data-direction]),.db-drawer[open] .db-drawer-container[hidden][data-direction=right]{animation:hide-right-to-left var(--db-transition-hide-straight)}.db-drawer[open] .db-drawer-container[hidden][data-direction=left]{animation:hide-left-to-right var(--db-transition-hide-straight)}.db-drawer[open] .db-drawer-container[hidden][data-direction=up]{animation:hide-bottom-to-top var(--db-transition-hide-straight)}.db-drawer[open] .db-drawer-container[hidden][data-direction=down]{animation:hide-top-to-bottom var(--db-transition-hide-straight)}[data-icon].db-select{--db-form-has-before:1}.db-select:has(select:focus-within):after{transform:rotate(-180deg)}.db-select{--db-form-component-padding-inline-end:calc(calc(var(--db-base-font-size) * var(--db-base-line-height)) + var(--db-spacing-fixed-sm));--db-form-has-before:0;position:relative;display:flex;flex-direction:column;min-inline-size:calc(4*var(--db-sizing-md) + var(--db-form-has-before)*var(--db-sizing-md))}.db-select[data-label-variant=floating] label{position:absolute;z-index:2;inset-block-start:calc((var(--db-sizing-md) - calc(var(--db-base-font-size) * var(--db-base-line-height)))/2);inset-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm))}.db-select[data-label-variant=floating]:after,.db-select[data-label-variant=floating]:before{inset-block-start:calc(var(--db-sizing-md)/2 - calc(var(--db-base-font-size) * var(--db-base-line-height))/2)}.db-select[data-label-variant=floating] [id$=-placeholder]{inset-block-start:calc(50% - .5em + var(--db-spacing-fixed-3xs))}.db-select[data-label-variant=floating] select{-webkit-padding-before:calc(var(--db-type-body-font-size-2xs) + var(--db-spacing-fixed-3xs));padding-block-start:calc(var(--db-type-body-font-size-2xs) + var(--db-spacing-fixed-3xs))}.db-select[data-label-variant=floating] select+[id$=-placeholder],.db-select[data-label-variant=floating] select::placeholder{transition:none;opacity:0}.db-select[data-label-variant=floating]:has(>select option:checked:not([hidden])) label,.db-select[data-label-variant=floating]:has(select:focus-within) label,.db-select[data-label-variant=floating]:has(select:is(input,textarea):not(:placeholder-shown)) label{inset-block-start:var(--db-spacing-fixed-2xs)}.db-select[data-label-variant=floating]:has(>select option:checked:not([hidden])) select+[id$=-placeholder],.db-select[data-label-variant=floating]:has(>select option:checked:not([hidden])) select::placeholder,.db-select[data-label-variant=floating]:has(select:focus-within) select+[id$=-placeholder],.db-select[data-label-variant=floating]:has(select:focus-within) select::placeholder,.db-select[data-label-variant=floating]:has(select:is(input,textarea):not(:placeholder-shown)) select+[id$=-placeholder],.db-select[data-label-variant=floating]:has(select:is(input,textarea):not(:placeholder-shown)) select::placeholder{transition:opacity var(--db-transition-duration-medium) var(--db-transition-emotional-timing);opacity:var(--db-opacity-md)}.db-select:has(select:required) label:after,.db-select:has(select:required):is(label):after{content:"*";-webkit-padding-start:var(--db-spacing-fixed-2xs);padding-inline-start:var(--db-spacing-fixed-2xs)}.db-select:has(select:not([aria-invalid]):is(:required):valid){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-select:has(select:not([aria-invalid]):is(:required):valid) [id$=-placeholder],.db-select:has(select:not([aria-invalid]):is(:required):valid) select{color:var(--db-successful-on-bg-enabled)}@supports not selector(:user-valid){.db-select:has(select:not([aria-invalid]):required:valid){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-select:has(select:not([aria-invalid]):required:valid) [id$=-placeholder],.db-select:has(select:not([aria-invalid]):required:valid) select{color:var(--db-successful-on-bg-enabled)}}.db-select:has(select[aria-invalid=false]){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-select:has(select[aria-invalid=false]) [id$=-placeholder],.db-select:has(select[aria-invalid=false]) select{color:var(--db-successful-on-bg-enabled)}.db-select:has(select:not([aria-invalid]):is(:required):invalid){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-select:has(select:not([aria-invalid]):is(:required):invalid) [id$=-placeholder],.db-select:has(select:not([aria-invalid]):is(:required):invalid) select{color:var(--db-critical-on-bg-enabled)}@supports not selector(:user-invalid){.db-select:has(select:not([aria-invalid]):required:invalid){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-select:has(select:not([aria-invalid]):required:invalid) [id$=-placeholder],.db-select:has(select:not([aria-invalid]):required:invalid) select{color:var(--db-critical-on-bg-enabled)}}.db-select:has(select[aria-invalid=true]){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-select:has(select[aria-invalid=true]) [id$=-placeholder],.db-select:has(select[aria-invalid=true]) select{color:var(--db-critical-on-bg-enabled)}.db-select select{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff));background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff));-webkit-appearance:none;-moz-appearance:none;appearance:none;max-inline-size:100%;inline-size:100%;padding-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm)) var(--db-form-component-padding-inline-end,var(--db-spacing-fixed-sm))}.db-select select:not(:disabled):hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-select select+[id$=-placeholder],.db-select select::placeholder{opacity:var(--db-opacity-md)}.db-select select:is(input,textarea):-moz-read-only{background-color:var(--db-base-bg-enabled)!important}.db-select select:is(input,textarea):read-only{background-color:var(--db-base-bg-enabled)!important}.db-select label{-webkit-padding-after:var(--db-spacing-fixed-xs);padding-block-end:var(--db-spacing-fixed-xs);pointer-events:none;cursor:text;opacity:var(--db-opacity-lg);transition:font-size var(--db-transition-duration-medium) var(--db-transition-emotional-timing);max-inline-size:25ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.db-select[data-label-variant=hidden] label{padding:0}.db-select .db-infotext{-webkit-margin-before:var(--db-spacing-fixed-2xs);margin-block-start:var(--db-spacing-fixed-2xs)}.db-select:has(select:disabled){opacity:var(--db-opacity-sm);pointer-events:none}.db-select:after,.db-select:before{position:absolute;pointer-events:none;inset-block-start:calc(var(--db-sizing-md)/2 - var(--db-spacing-fixed-xs)*var(--db-label-visible-spacing, 0) + calc(var(--db-type-body-font-size-xs) * var(--db-type-body-line-height-xs))*var(--db-label-visible-height, 1) - 1px)}.db-select:before{-webkit-margin-end:var(--db-spacing-fixed-sm);margin-inline-end:var(--db-spacing-fixed-sm);inset-inline-start:var(--db-spacing-fixed-sm)}.db-select:after{-webkit-margin-start:var(--db-spacing-fixed-sm);margin-inline-start:var(--db-spacing-fixed-sm);inset-inline-end:var(--db-spacing-fixed-sm)}.db-select[data-variant=neutral]{--db-current-color:var(--db-neutral-on-bg-enabled);--db-current-border-weak-color:var(--db-neutral-border-weak-enabled);--db-current-element-color:var(--db-neutral-element-enabled);--db-current-base-color:var(--db-neutral-text-enabled);--db-current-bg-color:var(--db-neutral-bg-enabled)}.db-select[data-variant=neutral] [id$=-placeholder],.db-select[data-variant=neutral] select{color:var(--db-neutral-on-bg-enabled);caret-color:var(--db-neutral-on-bg-enabled)}.db-select[data-variant=critical]{--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-select[data-variant=critical] [id$=-placeholder],.db-select[data-variant=critical] select{color:var(--db-critical-on-bg-enabled);caret-color:var(--db-critical-on-bg-enabled)}.db-select[data-variant=informational]{--db-current-color:var(--db-informational-on-bg-enabled);--db-current-border-weak-color:var(--db-informational-border-weak-enabled);--db-current-element-color:var(--db-informational-element-enabled);--db-current-base-color:var(--db-informational-text-enabled);--db-current-bg-color:var(--db-informational-bg-enabled)}.db-select[data-variant=informational] [id$=-placeholder],.db-select[data-variant=informational] select{color:var(--db-informational-on-bg-enabled);caret-color:var(--db-informational-on-bg-enabled)}.db-select[data-variant=warning]{--db-current-color:var(--db-warning-on-bg-enabled);--db-current-border-weak-color:var(--db-warning-border-weak-enabled);--db-current-element-color:var(--db-warning-element-enabled);--db-current-base-color:var(--db-warning-text-enabled);--db-current-bg-color:var(--db-warning-bg-enabled)}.db-select[data-variant=warning] [id$=-placeholder],.db-select[data-variant=warning] select{color:var(--db-warning-on-bg-enabled);caret-color:var(--db-warning-on-bg-enabled)}.db-select[data-variant=successful]{--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-select[data-variant=successful] [id$=-placeholder],.db-select[data-variant=successful] select{color:var(--db-successful-on-bg-enabled);caret-color:var(--db-successful-on-bg-enabled)}.db-select select{block-size:var(--db-sizing-md);text-overflow:ellipsis;text-indent:calc(var(--db-form-has-before)*(var(--db-base-icon-font-size-sm) + var(--db-spacing-fixed-sm)))}.db-select option{background-color:var(--db-current-bg-color)}.db-select[data-label-variant=hidden]{--db-label-visible-height:0;--db-label-visible-spacing:1}.db-select [id$=-placeholder]{position:absolute;pointer-events:none;inset-block-start:calc(0% + (calc(var(--db-type-body-font-size-xs) * var(--db-type-body-line-height-xs)) + var(--db-spacing-fixed-xs))*var(--db-label-visible-height, 1) + var(--db-base-font-size)/2 - var(--db-ui-functional, 0)*1px);inset-inline:calc(var(--db-form-has-before)*(var(--db-base-icon-font-size-sm) + var(--db-spacing-fixed-sm)));-webkit-margin-start:var(--db-spacing-fixed-sm);margin-inline-start:var(--db-spacing-fixed-sm);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;inline-size:calc(100% - var(--db-form-component-padding-inline-end) - calc(var(--db-form-has-before) * (var(--db-base-icon-font-size-sm) + var(--db-spacing-fixed-sm))) - var(--db-spacing-fixed-sm))}.db-select:has(>select option:checked:not([hidden])) [id$=-placeholder]{display:none}@media screen and (min-width:64em){.db-navigation-item .db-navigation-item-expand-button:not([data-force-mobile]):focus-visible:is(button)~.db-sub-navigation,.db-navigation-item .db-navigation-item-expand-button:not([data-force-mobile]):hover:is(button)~.db-sub-navigation,.db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):focus-visible~.db-sub-navigation,.db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):hover~.db-sub-navigation,.db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:focus-visible~.db-sub-navigation,.db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:hover~.db-sub-navigation,.db-navigation-item [data-force-mobile=false].db-navigation-item-expand-button:focus-visible:is(button)~.db-sub-navigation,.db-navigation-item [data-force-mobile=false].db-navigation-item-expand-button:hover:is(button)~.db-sub-navigation{visibility:visible}}.db-navigation-item .db-navigation-item-expand-button:is(button),.db-navigation-item .db-navigation-item-expand-button>button,.db-navigation-item a{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff));cursor:pointer;inline-size:100%;display:inline-flex;border-radius:var(--db-border-radius-lg);padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-sm);white-space:nowrap;text-align:center;align-items:center}.db-navigation-item .db-navigation-item-expand-button:has(~.db-sub-navigation:hover):is(button),.db-navigation-item .db-navigation-item-expand-button:hover:is(button),.db-navigation-item .db-navigation-item-expand-button>button:has(~.db-sub-navigation:hover),.db-navigation-item .db-navigation-item-expand-button>button:hover,.db-navigation-item a:has(~.db-sub-navigation:hover),.db-navigation-item a:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-navigation-item .db-navigation-item-expand-button:active:is(button),.db-navigation-item .db-navigation-item-expand-button>button:active,.db-navigation-item a:active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-navigation-item{--db-has-before:0;display:inline-flex;position:relative;inline-size:100%}.db-navigation-item[data-icon]:before{position:absolute;inset-block-start:calc(50% - .5em);inset-inline-start:var(--db-spacing-fixed-sm);pointer-events:none;z-index:1}.db-navigation-item[data-icon] a,.db-navigation-item[data-icon] button,.db-navigation-item[data-icon] label{--db-padding-inline-start:calc(var(--db-spacing-fixed-sm) + var(--db-icon-margin-end, var(--db-spacing-fixed-xs)) + var(--db-base-font-size) * var(--db-base-line-height));-webkit-padding-start:var(--db-padding-inline-start);padding-inline-start:var(--db-padding-inline-start)}.db-navigation-item[data-force-mobile=true]:not([data-width=full]) .db-navigation-item-expand-button:after{--db-icon-margin-start:auto}@media screen and (max-width:63.9375em){.db-navigation-item:not([data-width=full]) .db-navigation-item-expand-button:after{--db-icon-margin-start:auto}}.db-navigation-item a{text-decoration:none}.db-navigation-item a:focus-visible{z-index:1}.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true][aria-expanded=true]~.db-sub-navigation{visibility:visible;transition:visibility 0ms linear 0ms;animation:show-right-to-left var(--db-transition-show-straight)}.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true][aria-expanded=true]~.db-sub-navigation .db-sub-navigation{inset-block:0}.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true]:not(.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true][aria-expanded=true])~.db-sub-navigation{transition:visibility 0ms linear .41s;animation:hide-right-to-left var(--db-transition-hide-straight)}@media screen and (max-width:63.9375em){.db-navigation-item .db-navigation-item-expand-button[aria-expanded=true]~.db-sub-navigation{visibility:visible;transition:visibility 0ms linear 0ms;animation:show-right-to-left var(--db-transition-show-straight)}.db-navigation-item .db-navigation-item-expand-button[aria-expanded=true]~.db-sub-navigation .db-sub-navigation{inset-block:0}.db-navigation-item .db-navigation-item-expand-button:not(.db-navigation-item .db-navigation-item-expand-button[aria-expanded=true])~.db-sub-navigation{transition:visibility 0ms linear .41s;animation:hide-right-to-left var(--db-transition-hide-straight)}}.db-navigation-item .db-navigation-item-expand-button:is(button),.db-navigation-item .db-navigation-item-expand-button>button{font-weight:inherit}.db-navigation-item .db-navigation-item-expand-button:is(button):after,.db-navigation-item .db-navigation-item-expand-button>button:after{--db-icon-after:"chevron_right";content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}.db-navigation-item:has([aria-current=page])>:is(a,button),.db-navigation-item[aria-current=page]>:is(a,button){font-weight:700}.db-navigation-item:not([data-width=full]) .db-navigation-item-expand-button:after{--db-icon-margin-start:var(--db-spacing-fixed-sm)}.db-navigation-item[data-width=full]{inline-size:100%}.db-navigation-item[data-width=full] .db-navigation-item-expand-button:after{--db-icon-margin-start:auto}.db-navigation-item[aria-disabled=true]{opacity:var(--db-opacity-sm);pointer-events:none}.db-sub-navigation{margin:0;display:flex;flex-direction:column;z-index:70;inset-inline-start:0;background-color:var(--db-base-bg-enabled);visibility:hidden}.db-sub-navigation[data-force-mobile=true]{padding:var(--db-spacing-fixed-md);inline-size:100%;position:fixed;overflow-y:auto;inset-block:calc(var(--db-sizing-fixed-mobile-header, 3.5rem) + var(--db-spacing-fixed-3xs)) calc(var(--db-sizing-md) + var(--db-spacing-fixed-xs)*2 + var(--db-spacing-fixed-3xs))}@media screen and (max-width:63.9375em){.db-sub-navigation{padding:var(--db-spacing-fixed-md);inline-size:100%;position:fixed;overflow-y:auto;inset-block:calc(var(--db-sizing-fixed-mobile-header, 3.5rem) + var(--db-spacing-fixed-3xs)) calc(var(--db-sizing-md) + var(--db-spacing-fixed-xs)*2 + var(--db-spacing-fixed-3xs))}}@media screen and (min-width:64em){.db-sub-navigation:not([data-force-mobile]) .db-mobile-navigation-back,.db-sub-navigation[data-force-mobile=false] .db-mobile-navigation-back{display:none}.db-sub-navigation:not([data-force-mobile]),.db-sub-navigation[data-force-mobile=false]{border-radius:var(--db-border-radius-lg);box-shadow:var(--db-elevation-md);padding:var(--db-spacing-fixed-sm);position:absolute;min-inline-size:328px;inset-block-start:calc(100% + var(--db-spacing-fixed-md));transition:visibility 1ms linear}.db-sub-navigation:not([data-force-mobile])[data-outside-vx=true],.db-sub-navigation[data-force-mobile=false][data-outside-vx=true]{transform:translateX(-100%);inset-inline-start:100%}}@media screen and (min-width:64em){.db-sub-navigation:not([data-force-mobile]):focus-within,.db-sub-navigation:not([data-force-mobile]):hover,.db-sub-navigation[data-force-mobile=false]:focus-within,.db-sub-navigation[data-force-mobile=false]:hover{visibility:visible}.db-sub-navigation:not([data-force-mobile]):before,.db-sub-navigation[data-force-mobile=false]:before{content:"";position:absolute;inset-inline-start:0;inline-size:100%;block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-md));inset-block-start:calc(-1*var(--db-spacing-fixed-md) - var(--db-spacing-fixed-3xs))}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation,.db-sub-navigation[data-force-mobile=false] .db-sub-navigation{inset-block-start:calc(-50% + var(--db-spacing-fixed-xs) + 1px);inset-inline-start:calc(100% + var(--db-spacing-fixed-xs))}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation[data-outside-vy=true],.db-sub-navigation[data-force-mobile=false] .db-sub-navigation[data-outside-vy=true]{inset-block-start:calc(100% + var(--db-spacing-fixed-md));transform:translateY(-100%)}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation[data-outside-vx=true],.db-sub-navigation[data-force-mobile=false] .db-sub-navigation[data-outside-vx=true]{transform:translateX(-100%);inset-inline-start:calc(-1*var(--db-spacing-fixed-xs))}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation[data-outside-vx=true][data-outside-vy=true],.db-sub-navigation[data-force-mobile=false] .db-sub-navigation[data-outside-vx=true][data-outside-vy=true]{transform:translate(-100%,-100%)}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation:before,.db-sub-navigation[data-force-mobile=false] .db-sub-navigation:before{content:"";position:absolute;padding:var(--db-spacing-fixed-xs);inset-block-start:var(--db-spacing-fixed-3xs);inset-inline-start:calc(-1*var(--db-spacing-fixed-xs));block-size:100%;inline-size:var(--db-spacing-fixed-xs)}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation:after,.db-sub-navigation[data-force-mobile=false] .db-sub-navigation:after{content:"";position:absolute;padding:var(--db-spacing-fixed-xs);inset-block-start:var(--db-spacing-fixed-3xs);inset-inline-end:calc(-1*var(--db-spacing-fixed-xs));block-size:100%;inline-size:var(--db-spacing-fixed-xs)}}.db-sub-navigation:empty{display:none}.db-sub-navigation .db-navigation-item{inline-size:100%}.db-sub-navigation .db-navigation-item:after{-webkit-margin-start:auto;margin-inline-start:auto}.db-mobile-navigation-back{--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-base-border-weak-enabled));position:relative;display:flex;font-weight:400;background-color:var(--db-base-bg-enabled);-webkit-padding-after:var(--db-spacing-fixed-md);padding-block-end:var(--db-spacing-fixed-md);-webkit-margin-after:var(--db-spacing-fixed-md);margin-block-end:var(--db-spacing-fixed-md)}.db-mobile-navigation-back[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-mobile-navigation-back:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:1px;inset-block-end:0;inset-inline:0}.db-tab-list>ul::-webkit-scrollbar,.db-textarea textarea::-webkit-scrollbar{z-index:3;inline-size:.5rem;block-size:.5rem;background-color:var(--db-base-bg-enabled);border-start-end-radius:var(--db-border-radius-md)}.db-tab-list>ul:hover::-webkit-scrollbar-button:single-button,.db-tab-list>ul:hover::-webkit-scrollbar-track,.db-textarea textarea:hover::-webkit-scrollbar-button:single-button,.db-textarea textarea:hover::-webkit-scrollbar-track{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-tab-list>ul:read-only::-webkit-scrollbar-button:single-button,.db-tab-list>ul:read-only::-webkit-scrollbar-track,.db-textarea textarea:read-only::-webkit-scrollbar-button:single-button,.db-textarea textarea:read-only::-webkit-scrollbar-track{background-color:var(--db-base-bg-enabled)!important}.db-tab-list>ul::-webkit-scrollbar-track,.db-textarea textarea::-webkit-scrollbar-track{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff))}.db-tab-list>ul::-webkit-scrollbar-thumb,.db-textarea textarea::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff));background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-tab-list>ul::-webkit-scrollbar-thumb:not(:disabled):hover,.db-textarea textarea::-webkit-scrollbar-thumb:not(:disabled):hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-tab-list>ul::-webkit-scrollbar-thumb:not(:disabled):active,.db-textarea textarea::-webkit-scrollbar-thumb:not(:disabled):active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-tab-list>ul::-webkit-scrollbar-thumb:hover,.db-textarea textarea::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,68%),var(--db-current-base-color,#fff))}.db-tab-list>ul::-webkit-scrollbar-thumb:active,.db-textarea textarea::-webkit-scrollbar-thumb:active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,60%),var(--db-current-base-color,#fff))}.db-tab-list>ul[data-label-variant=floating]::-webkit-resizer,.db-textarea textarea[data-label-variant=floating]::-webkit-resizer{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff))}.db-tab-list>ul[data-label-variant=floating]::-webkit-scrollbar-corner,.db-textarea textarea[data-label-variant=floating]::-webkit-scrollbar-corner{background-color:var(--db-base-bg-enabled)}.db-tab-list>ul::-webkit-resizer,.db-textarea textarea::-webkit-resizer{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff));background-size:.5rem;background-repeat:no-repeat;background-position:50%;background-image:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTcgMTJjLjUxMjgzNTg0IDAgMSAuNDIxNjY1NyAxIDF2NGMwIC41MTI4MzU4LS40MDc3MzY0OCAxLTEgMWgtNGMtLjQ5MTg3ODUxIDAtMS0uMzkzNTA1Ni0xLTF2LTRjMC0uNTEyODM1OC40MTk1NTA5LTEgMS0xem05LTEwYzEuMDU0MzYxOCAwIDIgLjg2MzcwOTk2IDIgMnYxMGMwIDEuMDU0MzYxOC0uODY5Mjg3MyAyLTIgMmgtNS41Yy0uNTUyMjg0NzUgMC0xLS40NDc3MTUzLTEtMSAwLS41MTI4MzU4LjQxMTE0NTUtMSAxLTFoNS41di0xMGgtMTB2NS41YzAgLjU1MjI4NDctLjQ0NzcxNTI1IDEtMSAxLS41MTI4MzU4NCAwLTEtLjQyNzUyOTYtMS0xdi01LjVjMC0xLjA1NDM2MTguODM1MjM3ODctMiAyLTJ6bS0xMCAxMmgtMnYyaDJ6IiBmaWxsPSJ2YXIoLS1kYi1pY29uLWNvbG9yLCBjdXJyZW50Q29sb3IpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4NCg==");border-end-end-radius:var(--db-border-radius-md)}.db-tab-list>ul::-webkit-scrollbar-corner,.db-textarea textarea::-webkit-scrollbar-corner{border-end-end-radius:var(--db-border-radius-md)}.db-tab-list>ul::-webkit-scrollbar-button:single-button,.db-textarea textarea::-webkit-scrollbar-button:single-button{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff));background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff));background-size:.5rem;background-repeat:no-repeat;background-position:50%;block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + calc(var(--db-type-body-font-size-2xs) * var(--db-type-body-line-height-2xs)));inline-size:0}.db-tab-list>ul::-webkit-scrollbar-button:single-button:not(:disabled):hover,.db-textarea textarea::-webkit-scrollbar-button:single-button:not(:disabled):hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-tab-list>ul::-webkit-scrollbar-button:single-button:not(:disabled):active,.db-textarea textarea::-webkit-scrollbar-button:single-button:not(:disabled):active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-tab-list>ul::-webkit-scrollbar-button:single-button:vertical:decrement,.db-textarea textarea::-webkit-scrollbar-button:single-button:vertical:decrement{background-image:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEwLjQ3MiA4LjY5Ni0zLjUzMiAzLjUzNGEuOTk4Ljk5OCAwIDEgMSAtMS40MTMtMS40MTNsMi44MjUtMi44MjUtMi44MjUtMi44MjVhLjk5OC45OTggMCAxIDEgMS40MTMtMS40MTNsMy41MzIgMy41MzJhLjk5OS45OTkgMCAwIDEgMCAxLjQxMnoiIGZpbGw9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJtYXRyaXgoMCAtMSAtMSAwIDE1Ljk5IDE1Ljk5KSIvPjwvc3ZnPg0K")}.db-tab-list>ul::-webkit-scrollbar-button:single-button:vertical:increment,.db-textarea textarea::-webkit-scrollbar-button:single-button:vertical:increment{background-image:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEwLjQ3MiA4LjY5Ni0zLjUzMiAzLjUzNGEuOTk4Ljk5OCAwIDEgMSAtMS40MTMtMS40MTNsMi44MjUtMi44MjUtMi44MjUtMi44MjVhLjk5OC45OTggMCAxIDEgMS40MTMtMS40MTNsMy41MzIgMy41MzJhLjk5OS45OTkgMCAwIDEgMCAxLjQxMnoiIGZpbGw9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJtYXRyaXgoMCAxIC0xIDAgMTUuOTkxIC0uMDA5KSIvPjwvc3ZnPg0K")}.db-textarea textarea[data-resize=none]{resize:none}.db-textarea textarea[data-resize=both]{resize:both}.db-textarea textarea[data-resize=horizontal]{resize:horizontal}.db-textarea textarea[data-resize=vertical]{resize:vertical}.db-textarea{--db-form-has-before:0;position:relative;display:flex;flex-direction:column}.db-textarea[data-label-variant=floating] label{position:absolute;z-index:2;inset-block-start:calc((var(--db-sizing-md) - calc(var(--db-base-font-size) * var(--db-base-line-height)))/2);inset-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm))}.db-textarea[data-label-variant=floating]:after,.db-textarea[data-label-variant=floating]:before{inset-block-start:calc(var(--db-sizing-md)/2 - calc(var(--db-base-font-size) * var(--db-base-line-height))/2)}.db-textarea[data-label-variant=floating] [id$=-placeholder]{inset-block-start:calc(50% - .5em + var(--db-spacing-fixed-3xs))}.db-textarea[data-label-variant=floating] textarea{-webkit-padding-before:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + calc(var(--db-type-body-font-size-2xs) * var(--db-type-body-line-height-2xs)));padding-block-start:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + calc(var(--db-type-body-font-size-2xs) * var(--db-type-body-line-height-2xs)))}.db-textarea[data-label-variant=floating] textarea+[id$=-placeholder],.db-textarea[data-label-variant=floating] textarea::placeholder{transition:none;opacity:0}.db-textarea[data-label-variant=floating]:has(>select option:checked:not([hidden])) label,.db-textarea[data-label-variant=floating]:has(textarea:focus-within) label,.db-textarea[data-label-variant=floating]:has(textarea:is(input,textarea):not(:placeholder-shown)) label{inset-block-start:var(--db-spacing-fixed-2xs)}.db-textarea[data-label-variant=floating]:has(>select option:checked:not([hidden])) textarea+[id$=-placeholder],.db-textarea[data-label-variant=floating]:has(>select option:checked:not([hidden])) textarea::placeholder,.db-textarea[data-label-variant=floating]:has(textarea:focus-within) textarea+[id$=-placeholder],.db-textarea[data-label-variant=floating]:has(textarea:focus-within) textarea::placeholder,.db-textarea[data-label-variant=floating]:has(textarea:is(input,textarea):not(:placeholder-shown)) textarea+[id$=-placeholder],.db-textarea[data-label-variant=floating]:has(textarea:is(input,textarea):not(:placeholder-shown)) textarea::placeholder{transition:opacity var(--db-transition-duration-medium) var(--db-transition-emotional-timing);opacity:var(--db-opacity-md)}.db-textarea:has(textarea:required) label:after,.db-textarea:has(textarea:required):is(label):after{content:"*";-webkit-padding-start:var(--db-spacing-fixed-2xs);padding-inline-start:var(--db-spacing-fixed-2xs)}.db-textarea:has(textarea:not([aria-invalid]):is(:required):user-valid){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-textarea:has(textarea:not([aria-invalid]):is(:required):user-valid) [id$=-placeholder],.db-textarea:has(textarea:not([aria-invalid]):is(:required):user-valid) textarea{color:var(--db-successful-on-bg-enabled)}@supports not selector(:user-valid){.db-textarea:has(textarea:not([aria-invalid]):required:valid){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-textarea:has(textarea:not([aria-invalid]):required:valid) [id$=-placeholder],.db-textarea:has(textarea:not([aria-invalid]):required:valid) textarea{color:var(--db-successful-on-bg-enabled)}}.db-textarea:has(textarea[aria-invalid=false]){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-textarea:has(textarea[aria-invalid=false]) [id$=-placeholder],.db-textarea:has(textarea[aria-invalid=false]) textarea{color:var(--db-successful-on-bg-enabled)}.db-textarea:has(textarea:not([aria-invalid]):is(:required):user-invalid){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-textarea:has(textarea:not([aria-invalid]):is(:required):user-invalid) [id$=-placeholder],.db-textarea:has(textarea:not([aria-invalid]):is(:required):user-invalid) textarea{color:var(--db-critical-on-bg-enabled)}@supports not selector(:user-invalid){.db-textarea:has(textarea:not([aria-invalid]):required:invalid){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-textarea:has(textarea:not([aria-invalid]):required:invalid) [id$=-placeholder],.db-textarea:has(textarea:not([aria-invalid]):required:invalid) textarea{color:var(--db-critical-on-bg-enabled)}}.db-textarea:has(textarea[aria-invalid=true]){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-textarea:has(textarea[aria-invalid=true]) [id$=-placeholder],.db-textarea:has(textarea[aria-invalid=true]) textarea{color:var(--db-critical-on-bg-enabled)}.db-textarea textarea{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff));background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff));-webkit-appearance:none;-moz-appearance:none;appearance:none;max-inline-size:100%;inline-size:100%;padding-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm)) var(--db-form-component-padding-inline-end,var(--db-spacing-fixed-sm))}.db-textarea textarea:not(:disabled):hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-textarea textarea+[id$=-placeholder],.db-textarea textarea::placeholder{opacity:var(--db-opacity-md)}.db-textarea textarea:is(input,textarea):-moz-read-only{background-color:var(--db-base-bg-enabled)!important}.db-textarea textarea:is(input,textarea):read-only{background-color:var(--db-base-bg-enabled)!important}.db-textarea label{-webkit-padding-after:var(--db-spacing-fixed-xs);padding-block-end:var(--db-spacing-fixed-xs);pointer-events:none;cursor:text;opacity:var(--db-opacity-lg);transition:font-size var(--db-transition-duration-medium) var(--db-transition-emotional-timing);max-inline-size:25ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.db-textarea[data-label-variant=hidden] label{padding:0}.db-textarea .db-infotext{-webkit-margin-before:var(--db-spacing-fixed-2xs);margin-block-start:var(--db-spacing-fixed-2xs)}.db-textarea:has(textarea:disabled){opacity:var(--db-opacity-sm);pointer-events:none}.db-textarea:after,.db-textarea:before{position:absolute;pointer-events:none;inset-block-start:calc(var(--db-sizing-md)/2 - var(--db-spacing-fixed-xs)*var(--db-label-visible-spacing, 0) + calc(var(--db-type-body-font-size-xs) * var(--db-type-body-line-height-xs))*var(--db-label-visible-height, 1) - 1px)}.db-textarea:before{-webkit-margin-end:var(--db-spacing-fixed-sm);margin-inline-end:var(--db-spacing-fixed-sm);inset-inline-start:var(--db-spacing-fixed-sm)}.db-textarea:after{-webkit-margin-start:var(--db-spacing-fixed-sm);margin-inline-start:var(--db-spacing-fixed-sm);inset-inline-end:var(--db-spacing-fixed-sm)}.db-textarea[data-variant=neutral]{--db-current-color:var(--db-neutral-on-bg-enabled);--db-current-border-weak-color:var(--db-neutral-border-weak-enabled);--db-current-element-color:var(--db-neutral-element-enabled);--db-current-base-color:var(--db-neutral-text-enabled);--db-current-bg-color:var(--db-neutral-bg-enabled)}.db-textarea[data-variant=neutral] [id$=-placeholder],.db-textarea[data-variant=neutral] textarea{color:var(--db-neutral-on-bg-enabled);caret-color:var(--db-neutral-on-bg-enabled)}.db-textarea[data-variant=critical]{--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-textarea[data-variant=critical] [id$=-placeholder],.db-textarea[data-variant=critical] textarea{color:var(--db-critical-on-bg-enabled);caret-color:var(--db-critical-on-bg-enabled)}.db-textarea[data-variant=informational]{--db-current-color:var(--db-informational-on-bg-enabled);--db-current-border-weak-color:var(--db-informational-border-weak-enabled);--db-current-element-color:var(--db-informational-element-enabled);--db-current-base-color:var(--db-informational-text-enabled);--db-current-bg-color:var(--db-informational-bg-enabled)}.db-textarea[data-variant=informational] [id$=-placeholder],.db-textarea[data-variant=informational] textarea{color:var(--db-informational-on-bg-enabled);caret-color:var(--db-informational-on-bg-enabled)}.db-textarea[data-variant=warning]{--db-current-color:var(--db-warning-on-bg-enabled);--db-current-border-weak-color:var(--db-warning-border-weak-enabled);--db-current-element-color:var(--db-warning-element-enabled);--db-current-base-color:var(--db-warning-text-enabled);--db-current-bg-color:var(--db-warning-bg-enabled)}.db-textarea[data-variant=warning] [id$=-placeholder],.db-textarea[data-variant=warning] textarea{color:var(--db-warning-on-bg-enabled);caret-color:var(--db-warning-on-bg-enabled)}.db-textarea[data-variant=successful]{--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-textarea[data-variant=successful] [id$=-placeholder],.db-textarea[data-variant=successful] textarea{color:var(--db-successful-on-bg-enabled);caret-color:var(--db-successful-on-bg-enabled)}.db-textarea textarea{cursor:auto;overflow-y:scroll;padding-block:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-xs)}.db-textarea[data-label-variant=floating]:has(textarea:focus-within):before,.db-textarea[data-label-variant=floating]:has(textarea:not(:placeholder-shown)):before{border-radius:var(--db-border-radius-md) 0 0 0;position:absolute;content:"";inset-block-start:0;block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + calc(var(--db-type-body-font-size-2xs) * var(--db-type-body-line-height-2xs)));margin-inline:0;inline-size:calc(100% - .5rem - 1px);inset-inline:0;background-color:var(--db-base-bg-enabled)}.db-textarea[data-label-variant=floating]:has(textarea:focus-within):after,.db-textarea[data-label-variant=floating]:has(textarea:not(:placeholder-shown)):after{border-radius:var(--db-border-radius-md) 0 0 0;position:absolute;content:"";inset-block-start:0;block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + calc(var(--db-type-body-font-size-2xs) * var(--db-type-body-line-height-2xs)));margin-inline:0;inline-size:calc(100% - .5rem - 1px);inset-inline:0;background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff));z-index:1;-webkit-border-after:none;border-block-end:none;-webkit-border-end:none;border-inline-end:none}.db-textarea[data-label-variant=floating]:has(textarea:focus-within):has(textarea:enabled:hover):after,.db-textarea[data-label-variant=floating]:has(textarea:not(:placeholder-shown)):has(textarea:enabled:hover):after{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-textarea[data-label-variant=floating]:has(textarea:focus-within):has(textarea:-moz-read-only):after,.db-textarea[data-label-variant=floating]:has(textarea:not(:placeholder-shown)):has(textarea:-moz-read-only):after{background-color:var(--db-base-bg-enabled)!important}.db-textarea[data-label-variant=floating]:has(textarea:focus-within):has(textarea:read-only):after,.db-textarea[data-label-variant=floating]:has(textarea:not(:placeholder-shown)):has(textarea:read-only):after{background-color:var(--db-base-bg-enabled)!important}.db-badge[data-placement^=corner]{position:absolute;transform:translate(var(--badge-transform-x),var(--badge-transform-y))}[data-placement$=right].db-badge[data-placement^=corner]{--badge-transform-x:50%;inset-inline-end:0}[data-placement$=left].db-badge[data-placement^=corner]{--badge-transform-x:-50%;inset-inline-start:0}[data-placement*=top].db-badge[data-placement^=corner]{--badge-transform-y:-50%;inset-block-start:0}[data-placement*=center].db-badge[data-placement^=corner]{--badge-transform-y:-50%;inset-block-start:50%}[data-placement*=bottom].db-badge[data-placement^=corner]{--badge-transform-y:50%;inset-block-end:0}.db-badge{--badge-size:var(--db-spacing-fixed-xs);border-radius:42px;padding-inline:var(--db-spacing-fixed-2xs);block-size:-moz-fit-content;block-size:fit-content;inline-size:-moz-fit-content;inline-size:fit-content}.db-badge[data-variant=neutral]:not(.db-badge[data-variant=neutral][data-emphasis=strong]){--db-current-border-color:var(--db-neutral-border-weak-enabled)}.db-badge[data-variant=critical]:not(.db-badge[data-variant=critical][data-emphasis=strong]){--db-current-border-color:var(--db-critical-border-weak-enabled)}.db-badge[data-variant=informational]:not(.db-badge[data-variant=informational][data-emphasis=strong]){--db-current-border-color:var(--db-informational-border-weak-enabled)}.db-badge[data-variant=warning]:not(.db-badge[data-variant=warning][data-emphasis=strong]){--db-current-border-color:var(--db-warning-border-weak-enabled)}.db-badge[data-variant=successful]:not(.db-badge[data-variant=successful][data-emphasis=strong]){--db-current-border-color:var(--db-successful-border-weak-enabled)}.db-badge:empty,.db-badge>span:empty{block-size:var(--badge-size);inline-size:var(--badge-size);padding:0}.db-badge:has(.db-icon){padding:var(--db-spacing-fixed-3xs)}.db-badge[data-size=medium]{--badge-size:var(--db-spacing-fixed-sm);padding-inline:var(--db-spacing-fixed-xs)}.db-badge[data-size=medium]:empty,.db-badge[data-size=medium]>span:empty{padding:0}.db-badge[data-size=medium]:has(.db-icon){padding:var(--db-spacing-fixed-2xs)}.db-accordion:not([data-variant]) .db-accordion-item+.db-accordion-item,.db-accordion:not([data-variant]) db-accordion-item+db-accordion-item .db-accordion-item{--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-base-border-weak-enabled));position:relative;-webkit-margin-before:calc(2*var(--db-spacing-fixed-sm));margin-block-start:calc(2*var(--db-spacing-fixed-sm))}.db-accordion:not([data-variant]) .db-accordion-item+.db-accordion-item[data-emphasis=strong],.db-accordion:not([data-variant]) db-accordion-item+db-accordion-item .db-accordion-item[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-accordion:not([data-variant]) .db-accordion-item+.db-accordion-item:before,.db-accordion:not([data-variant]) db-accordion-item+db-accordion-item .db-accordion-item:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:1px;inset-block-start:0;inset-inline:0;inset-block-start:calc(-1*var(--db-spacing-fixed-sm))}.db-accordion[data-variant=card] .db-accordion-item+.db-accordion-item,.db-accordion[data-variant=card] db-accordion-item+db-accordion-item .db-accordion-item{-webkit-margin-before:var(--db-spacing-fixed-sm);margin-block-start:var(--db-spacing-fixed-sm)}.db-accordion[data-variant=card] .db-accordion-item:after{content:"";position:absolute;inset-inline-start:0;inset-block-start:0;inline-size:100%;block-size:100%;border-radius:var(--db-border-radius-lg);pointer-events:none}.db-accordion-item{position:relative;inline-size:100%;border-radius:var(--db-border-radius-lg)}.db-accordion-item summary+div{padding:var(--db-spacing-fixed-md);-webkit-padding-after:var(--db-spacing-fixed-lg);padding-block-end:var(--db-spacing-fixed-lg)}.db-accordion-item[aria-disabled=true]{pointer-events:none;opacity:var(--db-opacity-sm)}.db-accordion-item summary{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff));list-style:none;display:flex;justify-content:space-between;padding:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md);border-radius:var(--db-border-radius-lg)}.db-accordion-item summary:not(:disabled):hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-accordion-item summary:not(:disabled):active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-accordion-item summary::-webkit-details-marker{display:none}.db-accordion-item summary:after{inset-inline-end:var(--db-spacing-fixed-sm)}.db-accordion-item summary:focus-visible{border-radius:var(--db-border-radius-md)}.db-accordion-item[open] summary+div{animation:accordion-open var(--db-transition-duration-medium) var(--db-transition-emotional-timing) normal both}.db-accordion-item[open] summary:after{transform:rotate(-180deg)}.db-main-navigation>menu .db-navigation-item:after,.db-tabs .db-tab:after{content:"";position:absolute;border-radius:var(--db-border-radius-md);transition:height .15s var(--db-transition-emotional-timing),width .15s var(--db-transition-emotional-timing)}.db-main-navigation>menu .db-navigation-item:after{block-size:0;inline-size:var(--db-border-height-lg);transform:translateY(-50%);inset-block-start:50%;background-color:var(--db-brand-origin-enabled);inset-inline-start:calc(-1*var(--db-spacing-fixed-xs));inset-block-end:auto}@media screen and (min-width:64em){.db-main-navigation>menu .db-navigation-item:not([data-force-mobile]):after,.db-main-navigation>menu [data-force-mobile=false].db-navigation-item:after{block-size:var(--db-border-height-lg);inline-size:0;transform:translate(-50%);inset-inline-start:50%;background-color:var(--db-brand-origin-enabled);inset-block-start:auto;inset-block-end:calc(-1*var(--db-spacing-fixed-xs))}}.db-main-navigation>menu .db-navigation-item:has([aria-current=page]):after,.db-main-navigation>menu .db-navigation-item[aria-current=page]:after{block-size:100%;inline-size:var(--db-border-height-lg)}@media screen and (min-width:64em){.db-main-navigation>menu .db-navigation-item:not([data-force-mobile]):has([aria-current=page]):after,.db-main-navigation>menu .db-navigation-item[aria-current=page]:not([data-force-mobile]):after,.db-main-navigation>menu [data-force-mobile=false].db-navigation-item:has([aria-current=page]):after,.db-main-navigation>menu [data-force-mobile=false].db-navigation-item[aria-current=page]:after{block-size:var(--db-border-height-lg);inline-size:100%}}.db-main-navigation{-webkit-tap-highlight-color:rgba(0,0,0,0);inline-size:100%}@media screen and (min-width:64em){.db-main-navigation:not([data-force-mobile]),.db-main-navigation[data-force-mobile=false]{-webkit-tap-highlight-color:inherit;inline-size:auto}}.db-main-navigation>menu{display:flex;flex-direction:column;padding:0;margin:0;gap:var(--db-spacing-fixed-sm)}@media screen and (min-width:64em){.db-main-navigation>menu:not([data-force-mobile]),.db-main-navigation>menu[data-force-mobile=false]{flex-direction:row}}@media screen and (min-width:64em){.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:after{--db-icon-margin-start:var(--db-spacing-fixed-sm);--db-icon-after:"expand_more";transition:transform var(--db-transition-duration-medium) var(--db-transition-emotional-timing)}.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):focus-visible:after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:focus-visible):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:focus-within):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:hover):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):hover:after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:focus-visible:after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:focus-visible):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:focus-within):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:hover):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:hover:after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):focus-visible:after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:focus-visible):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:focus-within):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:hover):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):hover:after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:focus-visible:after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:focus-visible):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:focus-within):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:hover):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:hover:after{transform:rotate(-180deg)}}@media screen and (min-width:64em){.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:after{--db-icon-after:"chevron_right";--db-icon-margin-start:auto}.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):focus-visible:after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:focus-visible):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:focus-within):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:hover):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):hover:after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:focus-visible:after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:focus-visible):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:focus-within):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:hover):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:hover:after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):focus-visible:after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:focus-visible):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:focus-within):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:hover):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):hover:after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:focus-visible:after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:focus-visible):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:focus-within):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:hover):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:hover:after{transform:none}}.db-main-navigation>menu .db-navigation-item:has([aria-current=page]) menu :has([aria-current=page]):after,.db-main-navigation>menu .db-navigation-item:has([aria-current=page]) menu [aria-current=page]:after,.db-main-navigation>menu .db-navigation-item[aria-current=page] menu :has([aria-current=page]):after,.db-main-navigation>menu .db-navigation-item[aria-current=page] menu [aria-current=page]:after{display:none}.db-popover>article:not([data-placement]),.db-popover>article[data-outside-vy=bottom]:not([data-outside-vx]):not([data-placement$=end]):not([data-placement$=start]),.db-popover>article[data-outside-vy=top]:not([data-outside-vx]):not([data-placement$=end]):not([data-placement$=start]),.db-popover>article[data-placement=bottom]:not([data-outside-vy]),.db-popover>article[data-placement=top]:not([data-outside-vy]){--db-popover-center-x:-50%;inset-inline-start:50%}.db-popover>article[data-outside-vx=left]:not([data-placement$=end]):not([data-placement$=start]),.db-popover>article[data-outside-vx=right]:not([data-placement$=end]):not([data-placement$=start]),.db-popover>article[data-placement=left]:not([data-outside-vx]),.db-popover>article[data-placement=right]:not([data-outside-vx]){--db-popover-center-y:-50%;inset-block-start:50%}.db-popover>article,.db-tooltip{--db-popover-distance:var(--db-spacing-fixed-2xs)}.db-popover>article:before,.db-tooltip:before{content:"";position:absolute}.db-popover>article[data-gap=true],[data-gap=true].db-tooltip{--db-popover-gap:1;--db-popover-distance:var(--db-spacing-fixed-md)}.db-popover>article:is(.db-tooltip),.db-tooltip:is(.db-tooltip){--db-popover-distance:var(--db-spacing-fixed-sm)}.db-popover>article[data-outside-vy=bottom]:not([data-outside-vx])[data-placement$=end],.db-popover>article[data-outside-vy=top]:not([data-outside-vx])[data-placement$=end],.db-popover>article[data-placement^=bottom]:not([data-outside-vy])[data-placement$=end],.db-popover>article[data-placement^=top]:not([data-outside-vy])[data-placement$=end],[data-outside-vy=bottom].db-tooltip:not([data-outside-vx])[data-placement$=end],[data-outside-vy=top].db-tooltip:not([data-outside-vx])[data-placement$=end],[data-placement^=bottom].db-tooltip:not([data-outside-vy])[data-placement$=end],[data-placement^=top].db-tooltip:not([data-outside-vy])[data-placement$=end]{inset-inline-end:0}.db-popover>article[data-outside-vy=bottom]:not([data-outside-vx])[data-placement$=start],.db-popover>article[data-outside-vy=top]:not([data-outside-vx])[data-placement$=start],.db-popover>article[data-placement^=bottom]:not([data-outside-vy])[data-placement$=start],.db-popover>article[data-placement^=top]:not([data-outside-vy])[data-placement$=start],[data-outside-vy=bottom].db-tooltip:not([data-outside-vx])[data-placement$=start],[data-outside-vy=top].db-tooltip:not([data-outside-vx])[data-placement$=start],[data-placement^=bottom].db-tooltip:not([data-outside-vy])[data-placement$=start],[data-placement^=top].db-tooltip:not([data-outside-vy])[data-placement$=start]{inset-inline-start:0}.db-popover>article[data-outside-vx=left][data-placement$=end],.db-popover>article[data-outside-vx=right][data-placement$=end],.db-popover>article[data-placement^=left]:not([data-outside-vx])[data-placement$=end],.db-popover>article[data-placement^=right]:not([data-outside-vx])[data-placement$=end],[data-outside-vx=left][data-placement$=end].db-tooltip,[data-outside-vx=right][data-placement$=end].db-tooltip,[data-placement^=left].db-tooltip:not([data-outside-vx])[data-placement$=end],[data-placement^=right].db-tooltip:not([data-outside-vx])[data-placement$=end]{inset-block-end:0}.db-popover>article[data-outside-vx=left][data-placement$=start],.db-popover>article[data-outside-vx=right][data-placement$=start],.db-popover>article[data-placement^=left]:not([data-outside-vx])[data-placement$=start],.db-popover>article[data-placement^=right]:not([data-outside-vx])[data-placement$=start],[data-outside-vx=left][data-placement$=start].db-tooltip,[data-outside-vx=right][data-placement$=start].db-tooltip,[data-placement^=left].db-tooltip:not([data-outside-vx])[data-placement$=start],[data-placement^=right].db-tooltip:not([data-outside-vx])[data-placement$=start]{inset-block-start:0}.db-popover>article:not([data-placement]):not([data-outside-vy]),.db-popover>article[data-outside-vy=top]:not([data-outside-vx]),.db-popover>article[data-placement^=bottom]:not([data-outside-vy]),.db-tooltip:not([data-placement]):not([data-outside-vy]),[data-outside-vy=top].db-tooltip:not([data-outside-vx]),[data-placement^=bottom].db-tooltip:not([data-outside-vy]){inset-block-start:calc(100% + var(--db-popover-distance)*var(--db-popover-gap, 0))}.db-popover>article:not([data-placement]):not([data-outside-vy]):before,.db-popover>article[data-outside-vy=top]:not([data-outside-vx]):before,.db-popover>article[data-placement^=bottom]:not([data-outside-vy]):before,.db-tooltip:not([data-placement]):not([data-outside-vy]):before,[data-outside-vy=top].db-tooltip:not([data-outside-vx]):before,[data-placement^=bottom].db-tooltip:not([data-outside-vy]):before{inset-inline-start:0;inline-size:100%;block-size:var(--db-popover-distance);inset-block-start:calc(-1*var(--db-popover-distance))}.db-popover>article[data-outside-vy=bottom]:not([data-outside-vx]),.db-popover>article[data-placement^=top]:not([data-outside-vy]),[data-outside-vy=bottom].db-tooltip:not([data-outside-vx]),[data-placement^=top].db-tooltip:not([data-outside-vy]){inset-block-end:calc(100% + var(--db-popover-distance)*var(--db-popover-gap, 0))}.db-popover>article[data-outside-vy=bottom]:not([data-outside-vx]):before,.db-popover>article[data-placement^=top]:not([data-outside-vy]):before,[data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):before,[data-placement^=top].db-tooltip:not([data-outside-vy]):before{inset-inline-end:0;inline-size:100%;block-size:var(--db-popover-distance);inset-block-end:calc(-1*var(--db-popover-distance))}.db-popover>article[data-outside-vx=right],.db-popover>article[data-placement^=left]:not([data-outside-vx]),[data-outside-vx=right].db-tooltip,[data-placement^=left].db-tooltip:not([data-outside-vx]){inset-inline-end:calc(100% + var(--db-popover-distance)*var(--db-popover-gap, 0))}.db-popover>article[data-outside-vx=right]:before,.db-popover>article[data-placement^=left]:not([data-outside-vx]):before,[data-outside-vx=right].db-tooltip:before,[data-placement^=left].db-tooltip:not([data-outside-vx]):before{inset-block-end:0;block-size:100%;inline-size:var(--db-popover-distance);inset-inline-end:calc(-1*var(--db-popover-distance))}.db-popover>article[data-outside-vx=left],.db-popover>article[data-placement^=right]:not([data-outside-vx]),[data-outside-vx=left].db-tooltip,[data-placement^=right].db-tooltip:not([data-outside-vx]){inset-inline-start:calc(100% + var(--db-popover-distance)*var(--db-popover-gap, 0))}.db-popover>article[data-outside-vx=left]:before,.db-popover>article[data-placement^=right]:not([data-outside-vx]):before,[data-outside-vx=left].db-tooltip:before,[data-placement^=right].db-tooltip:not([data-outside-vx]):before{inset-block-start:0;block-size:100%;inline-size:var(--db-popover-distance);inset-inline-start:calc(-1*var(--db-popover-distance))}.db-popover:focus-within>article,.db-popover:hover>article,.db-popover>article[data-open=true],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus .db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover .db-tooltip:first-of-type{visibility:visible}.db-popover:focus-within>article:not([data-placement]):not([data-outside-vy]),.db-popover:focus-within>article[data-outside-vy=top]:not([data-outside-vx]),.db-popover:focus-within>article[data-placement^=bottom]:not([data-outside-vy]),.db-popover:hover>article:not([data-placement]):not([data-outside-vy]),.db-popover:hover>article[data-outside-vy=top]:not([data-outside-vx]),.db-popover:hover>article[data-placement^=bottom]:not([data-outside-vy]),.db-popover>article[data-open=true]:not([data-placement]):not([data-outside-vy]),.db-popover>article[data-outside-vy=top][data-open=true]:not([data-outside-vx]),.db-popover>article[data-placement^=bottom][data-open=true]:not([data-outside-vy]),:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-outside-vy]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vy=top].db-tooltip:not([data-outside-vx]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-outside-vy]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-outside-vy]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vy=top].db-tooltip:not([data-outside-vx]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-outside-vy]):first-of-type{--db-popover-translate-y:-25%}.db-popover:focus-within>article:not([data-placement]):not([data-outside-vy])[data-animation=disabled],.db-popover:focus-within>article[data-outside-vy=top]:not([data-outside-vx])[data-animation=disabled],.db-popover:focus-within>article[data-placement^=bottom]:not([data-outside-vy])[data-animation=disabled],.db-popover:hover>article:not([data-placement]):not([data-outside-vy])[data-animation=disabled],.db-popover:hover>article[data-outside-vy=top]:not([data-outside-vx])[data-animation=disabled],.db-popover:hover>article[data-placement^=bottom]:not([data-outside-vy])[data-animation=disabled],.db-popover>article[data-open=true]:not([data-placement]):not([data-outside-vy])[data-animation=disabled],.db-popover>article[data-outside-vy=top][data-open=true]:not([data-outside-vx])[data-animation=disabled],.db-popover>article[data-placement^=bottom][data-open=true]:not([data-outside-vy])[data-animation=disabled],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-outside-vy])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vy=top].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-outside-vy])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-outside-vy])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vy=top].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-outside-vy])[data-animation=disabled]:first-of-type{opacity:1}.db-popover:focus-within>article:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled]),.db-popover:focus-within>article[data-outside-vy=top]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover:focus-within>article[data-placement^=bottom]:not([data-outside-vy]):not([data-animation=disabled]),.db-popover:hover>article:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled]),.db-popover:hover>article[data-outside-vy=top]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover:hover>article[data-placement^=bottom]:not([data-outside-vy]):not([data-animation=disabled]),.db-popover>article[data-open=true]:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled]),.db-popover>article[data-outside-vy=top][data-open=true]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover>article[data-placement^=bottom][data-open=true]:not([data-outside-vy]):not([data-animation=disabled]),:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vy=top].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-outside-vy]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vy=top].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-outside-vy]):not([data-animation=disabled]):first-of-type{animation:popover-animation var(--db-transition-duration-medium) var(--db-transition-emotional-timing) normal both}.db-popover:focus-within>article:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-popover:focus-within>article[data-outside-vy=top]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover:focus-within>article[data-placement^=bottom]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-outside-vy=top]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-placement^=bottom]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-open=true]:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-outside-vy=top][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-placement^=bottom][data-open=true]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vy=top].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vy=top].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow]:first-of-type{animation-delay:var(--db-transition-duration-fast)}.db-popover:focus-within>article:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-popover:focus-within>article[data-outside-vy=top]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover:focus-within>article[data-placement^=bottom]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-outside-vy=top]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-placement^=bottom]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-open=true]:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-outside-vy=top][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-placement^=bottom][data-open=true]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vy=top].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vy=top].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast]:first-of-type{animation-delay:calc(var(--db-transition-duration-fast)/2)}.db-popover:focus-within>article[data-outside-vy=bottom]:not([data-outside-vx]),.db-popover:focus-within>article[data-placement^=top]:not([data-outside-vy]),.db-popover:hover>article[data-outside-vy=bottom]:not([data-outside-vx]),.db-popover:hover>article[data-placement^=top]:not([data-outside-vy]),.db-popover>article[data-outside-vy=bottom][data-open=true]:not([data-outside-vx]),.db-popover>article[data-placement^=top][data-open=true]:not([data-outside-vy]),:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-outside-vy]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-outside-vy]):first-of-type{--db-popover-translate-y:25%}.db-popover:focus-within>article[data-outside-vy=bottom]:not([data-outside-vx])[data-animation=disabled],.db-popover:focus-within>article[data-placement^=top]:not([data-outside-vy])[data-animation=disabled],.db-popover:hover>article[data-outside-vy=bottom]:not([data-outside-vx])[data-animation=disabled],.db-popover:hover>article[data-placement^=top]:not([data-outside-vy])[data-animation=disabled],.db-popover>article[data-outside-vy=bottom][data-open=true]:not([data-outside-vx])[data-animation=disabled],.db-popover>article[data-placement^=top][data-open=true]:not([data-outside-vy])[data-animation=disabled],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vy=bottom].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-outside-vy])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vy=bottom].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-outside-vy])[data-animation=disabled]:first-of-type{opacity:1}.db-popover:focus-within>article[data-outside-vy=bottom]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover:focus-within>article[data-placement^=top]:not([data-outside-vy]):not([data-animation=disabled]),.db-popover:hover>article[data-outside-vy=bottom]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover:hover>article[data-placement^=top]:not([data-outside-vy]):not([data-animation=disabled]),.db-popover>article[data-outside-vy=bottom][data-open=true]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover>article[data-placement^=top][data-open=true]:not([data-outside-vy]):not([data-animation=disabled]),:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-outside-vy]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-outside-vy]):not([data-animation=disabled]):first-of-type{animation:popover-animation var(--db-transition-duration-medium) var(--db-transition-emotional-timing) normal both}.db-popover:focus-within>article[data-outside-vy=bottom]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover:focus-within>article[data-placement^=top]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-outside-vy=bottom]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-placement^=top]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-outside-vy=bottom][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-placement^=top][data-open=true]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow]:first-of-type{animation-delay:var(--db-transition-duration-fast)}.db-popover:focus-within>article[data-outside-vy=bottom]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover:focus-within>article[data-placement^=top]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-outside-vy=bottom]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-placement^=top]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-outside-vy=bottom][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-placement^=top][data-open=true]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast]:first-of-type{animation-delay:calc(var(--db-transition-duration-fast)/2)}.db-popover:focus-within>article[data-outside-vx=left],.db-popover:focus-within>article[data-placement^=right]:not([data-outside-vx]),.db-popover:hover>article[data-outside-vx=left],.db-popover:hover>article[data-placement^=right]:not([data-outside-vx]),.db-popover>article[data-outside-vx=left][data-open=true],.db-popover>article[data-placement^=right][data-open=true]:not([data-outside-vx]),:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vx=left].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-outside-vx]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vx=left].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-outside-vx]):first-of-type{--db-popover-translate-x:-25%}.db-popover:focus-within>article[data-outside-vx=left][data-animation=disabled],.db-popover:focus-within>article[data-placement^=right]:not([data-outside-vx])[data-animation=disabled],.db-popover:hover>article[data-outside-vx=left][data-animation=disabled],.db-popover:hover>article[data-placement^=right]:not([data-outside-vx])[data-animation=disabled],.db-popover>article[data-outside-vx=left][data-animation=disabled][data-open=true],.db-popover>article[data-placement^=right][data-open=true]:not([data-outside-vx])[data-animation=disabled],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vx=left][data-animation=disabled].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vx=left][data-animation=disabled].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type{opacity:1}.db-popover:focus-within>article[data-outside-vx=left]:not([data-animation=disabled]),.db-popover:focus-within>article[data-placement^=right]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover:hover>article[data-outside-vx=left]:not([data-animation=disabled]),.db-popover:hover>article[data-placement^=right]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover>article[data-outside-vx=left][data-open=true]:not([data-animation=disabled]),.db-popover>article[data-placement^=right][data-open=true]:not([data-outside-vx]):not([data-animation=disabled]),:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vx=left].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vx=left].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type{animation:popover-animation var(--db-transition-duration-medium) var(--db-transition-emotional-timing) normal both}.db-popover:focus-within>article[data-outside-vx=left]:not([data-animation=disabled])[data-delay=slow],.db-popover:focus-within>article[data-placement^=right]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-outside-vx=left]:not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-placement^=right]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-outside-vx=left][data-open=true]:not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-placement^=right][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vx=left].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vx=left].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type{animation-delay:var(--db-transition-duration-fast)}.db-popover:focus-within>article[data-outside-vx=left]:not([data-animation=disabled])[data-delay=fast],.db-popover:focus-within>article[data-placement^=right]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-outside-vx=left]:not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-placement^=right]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-outside-vx=left][data-open=true]:not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-placement^=right][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vx=left].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vx=left].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type{animation-delay:calc(var(--db-transition-duration-fast)/2)}.db-popover:focus-within>article[data-outside-vx=right],.db-popover:focus-within>article[data-placement^=left]:not([data-outside-vx]),.db-popover:hover>article[data-outside-vx=right],.db-popover:hover>article[data-placement^=left]:not([data-outside-vx]),.db-popover>article[data-outside-vx=right][data-open=true],.db-popover>article[data-placement^=left][data-open=true]:not([data-outside-vx]),:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vx=right].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-outside-vx]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vx=right].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-outside-vx]):first-of-type{--db-popover-translate-x:25%}.db-popover:focus-within>article[data-outside-vx=right][data-animation=disabled],.db-popover:focus-within>article[data-placement^=left]:not([data-outside-vx])[data-animation=disabled],.db-popover:hover>article[data-outside-vx=right][data-animation=disabled],.db-popover:hover>article[data-placement^=left]:not([data-outside-vx])[data-animation=disabled],.db-popover>article[data-outside-vx=right][data-animation=disabled][data-open=true],.db-popover>article[data-placement^=left][data-open=true]:not([data-outside-vx])[data-animation=disabled],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vx=right][data-animation=disabled].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vx=right][data-animation=disabled].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type{opacity:1}.db-popover:focus-within>article[data-outside-vx=right]:not([data-animation=disabled]),.db-popover:focus-within>article[data-placement^=left]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover:hover>article[data-outside-vx=right]:not([data-animation=disabled]),.db-popover:hover>article[data-placement^=left]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover>article[data-outside-vx=right][data-open=true]:not([data-animation=disabled]),.db-popover>article[data-placement^=left][data-open=true]:not([data-outside-vx]):not([data-animation=disabled]),:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vx=right].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vx=right].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type{animation:popover-animation var(--db-transition-duration-medium) var(--db-transition-emotional-timing) normal both}.db-popover:focus-within>article[data-outside-vx=right]:not([data-animation=disabled])[data-delay=slow],.db-popover:focus-within>article[data-placement^=left]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-outside-vx=right]:not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-placement^=left]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-outside-vx=right][data-open=true]:not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-placement^=left][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vx=right].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vx=right].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type{animation-delay:var(--db-transition-duration-fast)}.db-popover:focus-within>article[data-outside-vx=right]:not([data-animation=disabled])[data-delay=fast],.db-popover:focus-within>article[data-placement^=left]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-outside-vx=right]:not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-placement^=left]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-outside-vx=right][data-open=true]:not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-placement^=left][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vx=right].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vx=right].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type{animation-delay:calc(var(--db-transition-duration-fast)/2)}.db-popover>article,.db-tooltip{position:absolute;background-color:var(--db-base-bg-enabled);visibility:hidden;z-index:1;white-space:nowrap}.db-popover>article[data-width=fixed],[data-width=fixed].db-tooltip{inline-size:max-content;max-inline-size:var(--db-sizing-3xl);white-space:normal;text-align:initial}.db-popover{position:relative}.db-popover>article,.db-popover>article[data-spacing=small]{padding:var(--db-spacing-fixed-sm)}.db-popover>article[data-spacing=medium]{padding:var(--db-spacing-fixed-md)}.db-popover>article[data-spacing=none]{padding:0}.db-tooltip{--default-card-elevation:var(--db-elevation-sm);--default-card-border-radius:var(--db-border-radius-md);font-style:normal;font-weight:400;padding:var(--db-spacing-fixed-2xs) var(--db-spacing-fixed-xs)}.db-tooltip:not([data-variant=basic]):after{content:"";box-shadow:var(--db-elevation-md);position:absolute;background-color:var(--db-base-bg-enabled);inline-size:var(--db-sizing-2xs);block-size:var(--db-sizing-2xs);-webkit-clip-path:polygon(calc(var(--db-sizing-2xs) * -1) calc(var(--db-sizing-2xs) * -1),calc(100% + var(--db-sizing-2xs)) calc(var(--db-sizing-2xs) * -1),calc(100% + var(--db-sizing-2xs)) calc(100% + var(--db-sizing-2xs)));clip-path:polygon(calc(var(--db-sizing-2xs) * -1) calc(var(--db-sizing-2xs) * -1),calc(100% + var(--db-sizing-2xs)) calc(var(--db-sizing-2xs) * -1),calc(100% + var(--db-sizing-2xs)) calc(100% + var(--db-sizing-2xs)));border-radius:0 2px;transform:skew(-8deg,-8deg)}.db-tooltip:not([data-placement]):not([data-outside-vy]):after,.db-tooltip[data-outside-vy=top]:not([data-outside-vx]):after,.db-tooltip[data-placement^=bottom]:not([data-outside-vy]):after{inset-inline-start:50%;inset-block-start:0;translate:-50% -50%;rotate:315deg}.db-tooltip[data-outside-vy=bottom]:not([data-outside-vx]):after,.db-tooltip[data-placement^=top]:not([data-outside-vy]):after{inset-inline-start:50%;inset-block-end:0;translate:-50% 50%;rotate:135deg}.db-tooltip[data-outside-vx=left]:after,.db-tooltip[data-placement^=right]:not([data-outside-vx]):after{inset-block-start:50%;inset-inline-start:0;translate:-50% -50%;rotate:225deg}.db-tooltip[data-outside-vx=right]:after,.db-tooltip[data-placement^=left]:not([data-outside-vx]):after{inset-block-start:50%;inset-inline-end:0;translate:50% -50%;rotate:45deg}.db-tooltip[data-emphasis=strong]:after{background-color:var(--db-neutral-text-enabled)}.db-tab-list{position:relative}.db-tab-list>ul{display:flex;gap:var(--db-spacing-fixed-sm);scroll-behavior:smooth;padding:0;margin:0}.db-tabs db-tab-list:has([id$=-tab-0]:checked)~db-tab-panel>[id$=-tab-panel-0],.db-tabs db-tab-list:has([id$=-tab-0]:checked)~dbtabpanel>[id$=-tab-panel-0],.db-tabs dbtablist:has([id$=-tab-0]:checked)~db-tab-panel>[id$=-tab-panel-0],.db-tabs dbtablist:has([id$=-tab-0]:checked)~dbtabpanel>[id$=-tab-panel-0]{display:block}.db-tabs db-tab-list:has([id$=-tab-1]:checked)~db-tab-panel>[id$=-tab-panel-1],.db-tabs db-tab-list:has([id$=-tab-1]:checked)~dbtabpanel>[id$=-tab-panel-1],.db-tabs dbtablist:has([id$=-tab-1]:checked)~db-tab-panel>[id$=-tab-panel-1],.db-tabs dbtablist:has([id$=-tab-1]:checked)~dbtabpanel>[id$=-tab-panel-1]{display:block}.db-tabs db-tab-list:has([id$=-tab-2]:checked)~db-tab-panel>[id$=-tab-panel-2],.db-tabs db-tab-list:has([id$=-tab-2]:checked)~dbtabpanel>[id$=-tab-panel-2],.db-tabs dbtablist:has([id$=-tab-2]:checked)~db-tab-panel>[id$=-tab-panel-2],.db-tabs dbtablist:has([id$=-tab-2]:checked)~dbtabpanel>[id$=-tab-panel-2]{display:block}.db-tabs db-tab-list:has([id$=-tab-3]:checked)~db-tab-panel>[id$=-tab-panel-3],.db-tabs db-tab-list:has([id$=-tab-3]:checked)~dbtabpanel>[id$=-tab-panel-3],.db-tabs dbtablist:has([id$=-tab-3]:checked)~db-tab-panel>[id$=-tab-panel-3],.db-tabs dbtablist:has([id$=-tab-3]:checked)~dbtabpanel>[id$=-tab-panel-3]{display:block}.db-tabs db-tab-list:has([id$=-tab-4]:checked)~db-tab-panel>[id$=-tab-panel-4],.db-tabs db-tab-list:has([id$=-tab-4]:checked)~dbtabpanel>[id$=-tab-panel-4],.db-tabs dbtablist:has([id$=-tab-4]:checked)~db-tab-panel>[id$=-tab-panel-4],.db-tabs dbtablist:has([id$=-tab-4]:checked)~dbtabpanel>[id$=-tab-panel-4]{display:block}.db-tabs db-tab-list:has([id$=-tab-5]:checked)~db-tab-panel>[id$=-tab-panel-5],.db-tabs db-tab-list:has([id$=-tab-5]:checked)~dbtabpanel>[id$=-tab-panel-5],.db-tabs dbtablist:has([id$=-tab-5]:checked)~db-tab-panel>[id$=-tab-panel-5],.db-tabs dbtablist:has([id$=-tab-5]:checked)~dbtabpanel>[id$=-tab-panel-5]{display:block}.db-tabs db-tab-list:has([id$=-tab-6]:checked)~db-tab-panel>[id$=-tab-panel-6],.db-tabs db-tab-list:has([id$=-tab-6]:checked)~dbtabpanel>[id$=-tab-panel-6],.db-tabs dbtablist:has([id$=-tab-6]:checked)~db-tab-panel>[id$=-tab-panel-6],.db-tabs dbtablist:has([id$=-tab-6]:checked)~dbtabpanel>[id$=-tab-panel-6]{display:block}.db-tabs db-tab-list:has([id$=-tab-7]:checked)~db-tab-panel>[id$=-tab-panel-7],.db-tabs db-tab-list:has([id$=-tab-7]:checked)~dbtabpanel>[id$=-tab-panel-7],.db-tabs dbtablist:has([id$=-tab-7]:checked)~db-tab-panel>[id$=-tab-panel-7],.db-tabs dbtablist:has([id$=-tab-7]:checked)~dbtabpanel>[id$=-tab-panel-7]{display:block}.db-tabs db-tab-list:has([id$=-tab-8]:checked)~db-tab-panel>[id$=-tab-panel-8],.db-tabs db-tab-list:has([id$=-tab-8]:checked)~dbtabpanel>[id$=-tab-panel-8],.db-tabs dbtablist:has([id$=-tab-8]:checked)~db-tab-panel>[id$=-tab-panel-8],.db-tabs dbtablist:has([id$=-tab-8]:checked)~dbtabpanel>[id$=-tab-panel-8]{display:block}.db-tabs db-tab-list:has([id$=-tab-9]:checked)~db-tab-panel>[id$=-tab-panel-9],.db-tabs db-tab-list:has([id$=-tab-9]:checked)~dbtabpanel>[id$=-tab-panel-9],.db-tabs dbtablist:has([id$=-tab-9]:checked)~db-tab-panel>[id$=-tab-panel-9],.db-tabs dbtablist:has([id$=-tab-9]:checked)~dbtabpanel>[id$=-tab-panel-9]{display:block}.db-tabs db-tab-list:has([id$=-tab-10]:checked)~db-tab-panel>[id$=-tab-panel-10],.db-tabs db-tab-list:has([id$=-tab-10]:checked)~dbtabpanel>[id$=-tab-panel-10],.db-tabs dbtablist:has([id$=-tab-10]:checked)~db-tab-panel>[id$=-tab-panel-10],.db-tabs dbtablist:has([id$=-tab-10]:checked)~dbtabpanel>[id$=-tab-panel-10]{display:block}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul .db-tab:after{block-size:var(--db-border-height-lg);inline-size:0;transform:translate(-50%);inset-inline-start:50%;background-color:var(--db-brand-origin-enabled);inset-block-start:auto;inset-block-end:calc(-1*var(--db-spacing-fixed-xs))}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul .db-tab:has(input:checked):after{block-size:var(--db-border-height-lg);inline-size:100%}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul .db-tab:has(input:checked):after{inset-block-end:calc(-1*(var(--db-spacing-fixed-2xs) + var(--db-border-height-lg)));z-index:-2}.db-tabs[data-orientation=vertical] .db-tab-list>ul .db-tab:after{block-size:0;inline-size:var(--db-border-height-lg);transform:translateY(-50%);inset-block-start:50%;background-color:var(--db-brand-origin-enabled);inset-inline-start:calc(-1*var(--db-spacing-fixed-xs));inset-block-end:auto}.db-tabs[data-orientation=vertical] .db-tab-list>ul .db-tab:has(input:checked):after{block-size:100%;inline-size:var(--db-border-height-lg)}.db-tabs[data-orientation=vertical] .db-tab-list>ul .db-tab:has(input:checked):after{inset-inline-start:0;z-index:-2}.db-tabs{display:flex;inline-size:100%;position:relative}.db-tabs .db-tab-panel{padding:0 var(--db-spacing-fixed-xs)}.db-tabs .db-tab-list{max-inline-size:100%;z-index:20}.db-tabs .db-tab-list:has([id$=-tab-0]:checked)~[id$=-tab-panel-0]{display:block}.db-tabs .db-tab-list:has([id$=-tab-1]:checked)~[id$=-tab-panel-1]{display:block}.db-tabs .db-tab-list:has([id$=-tab-2]:checked)~[id$=-tab-panel-2]{display:block}.db-tabs .db-tab-list:has([id$=-tab-3]:checked)~[id$=-tab-panel-3]{display:block}.db-tabs .db-tab-list:has([id$=-tab-4]:checked)~[id$=-tab-panel-4]{display:block}.db-tabs .db-tab-list:has([id$=-tab-5]:checked)~[id$=-tab-panel-5]{display:block}.db-tabs .db-tab-list:has([id$=-tab-6]:checked)~[id$=-tab-panel-6]{display:block}.db-tabs .db-tab-list:has([id$=-tab-7]:checked)~[id$=-tab-panel-7]{display:block}.db-tabs .db-tab-list:has([id$=-tab-8]:checked)~[id$=-tab-panel-8]{display:block}.db-tabs .db-tab-list:has([id$=-tab-9]:checked)~[id$=-tab-panel-9]{display:block}.db-tabs .db-tab-list:has([id$=-tab-10]:checked)~[id$=-tab-panel-10]{display:block}.db-tabs:not([data-orientation=vertical]){flex-direction:column;flex-wrap:wrap}.db-tabs:not([data-orientation=vertical]) .db-tab-panel{inline-size:100%}.db-tabs:not([data-orientation=vertical]) .db-tab-list:before{content:"";border-radius:var(--db-border-radius-md);block-size:var(--db-border-height-lg);position:absolute;inset-inline:var(--db-spacing-fixed-xs);inset-block-start:calc(3*var(--db-spacing-fixed-xs) + var(--db-spacing-fixed-2xs) + calc(var(--db-base-font-size) * var(--db-base-line-height)))}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul{overflow-x:auto;overflow-y:hidden;inline-size:100%}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul .db-tab{-webkit-margin-before:var(--db-spacing-fixed-xs);margin-block-start:var(--db-spacing-fixed-xs);-webkit-margin-after:calc(2*var(--db-spacing-fixed-2xs) + var(--db-border-height-lg));margin-block-end:calc(2*var(--db-spacing-fixed-2xs) + var(--db-border-height-lg))}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul db-tab:first-of-type .db-tab{-webkit-margin-start:var(--db-spacing-fixed-xs);margin-inline-start:var(--db-spacing-fixed-xs)}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul db-tab:last-of-type .db-tab{-webkit-margin-end:var(--db-spacing-fixed-xs);margin-inline-end:var(--db-spacing-fixed-xs)}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul:not(:has(db-tab)) .db-tab:first-of-type{-webkit-margin-start:var(--db-spacing-fixed-xs);margin-inline-start:var(--db-spacing-fixed-xs)}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul:not(:has(db-tab)) .db-tab:last-of-type{-webkit-margin-end:var(--db-spacing-fixed-xs);margin-inline-end:var(--db-spacing-fixed-xs)}.db-tabs[data-orientation=vertical]{flex-direction:row}.db-tabs[data-orientation=vertical] .db-tab-panel{padding:var(--db-spacing-fixed-xs) 0}.db-tabs[data-orientation=vertical] .db-tab-list{min-inline-size:var(--db-tab-list-vertical-width,calc(3 * var(--db-spacing-fixed-3xl)));max-inline-size:var(--db-tab-list-vertical-width,calc(3 * var(--db-spacing-fixed-3xl)));-webkit-padding-end:var(--db-spacing-fixed-xs);padding-inline-end:var(--db-spacing-fixed-xs);-webkit-margin-after:auto;margin-block-end:auto}.db-tabs[data-orientation=vertical] .db-tab-list .db-tab label{position:relative}.db-tabs[data-orientation=vertical] .db-tab-list .db-tab:has(input:focus-visible),.db-tabs[data-orientation=vertical] .db-tab-list .db-tab:hover{inline-size:-moz-fit-content;inline-size:fit-content}.db-tabs[data-orientation=vertical] .db-tab-list .db-tab:has(input:focus-visible) label,.db-tabs[data-orientation=vertical] .db-tab-list .db-tab:hover label{overflow:visible}.db-tabs[data-orientation=vertical] .db-tab-list:before{content:"";border-radius:var(--db-border-radius-md);inline-size:var(--db-border-height-lg);inset-block:var(--db-spacing-fixed-xs);position:absolute;inset-inline-start:0}.db-tabs[data-orientation=vertical] .db-tab-list>ul{flex-direction:column;block-size:100%}.db-tabs[data-orientation=vertical] .db-tab-list>ul:not(:has(db-tab)) .db-tab:first-of-type{-webkit-margin-before:var(--db-spacing-fixed-xs);margin-block-start:var(--db-spacing-fixed-xs)}.db-tabs[data-orientation=vertical] .db-tab-list>ul:not(:has(db-tab)) .db-tab:last-of-type{-webkit-margin-after:var(--db-spacing-fixed-xs);margin-block-end:var(--db-spacing-fixed-xs)}.db-tabs[data-orientation=vertical] .db-tab,.db-tabs[data-orientation=vertical] .db-tab input{-webkit-padding-start:calc(var(--db-border-height-lg) + var(--db-spacing-fixed-2xs));padding-inline-start:calc(var(--db-border-height-lg) + var(--db-spacing-fixed-2xs))}.db-tabs[data-orientation=vertical] db-tab:first-of-type .db-tab{-webkit-margin-before:var(--db-spacing-fixed-xs);margin-block-start:var(--db-spacing-fixed-xs)}.db-tabs[data-orientation=vertical] db-tab:last-of-type .db-tab{-webkit-margin-after:var(--db-spacing-fixed-xs);margin-block-end:var(--db-spacing-fixed-xs)}.db-tabs[data-width=full] .db-tab,.db-tabs[data-width=full] .db-tab label,.db-tabs[data-width=full] .db-tab-list{inline-size:100%}.db-tabs[data-width=full][data-alignment=center] .db-tab label{text-align:center;justify-content:center}.db-tabs[data-scroll-behaviour=arrows] .db-tab-list>ul::-webkit-scrollbar{display:none}.db-tabs[data-scroll-behaviour=arrows]:has(.tabs-scroll-left):before{content:""}.db-tabs[data-scroll-behaviour=arrows]:has(.tabs-scroll-right):after{content:""}.db-tabs[data-scroll-behaviour=arrows]:has(.db-button):after,.db-tabs[data-scroll-behaviour=arrows]:has(.db-button):before{position:absolute;z-index:21;background-color:var(--db-current-bg-color);inline-size:var(--db-sizing-md);block-size:calc(var(--db-spacing-fixed-sm) + var(--db-sizing-md));flex:0 0 auto}.db-tabs[data-scroll-behaviour=arrows]:has(.db-button):before{inset-inline-start:0}.db-tabs[data-scroll-behaviour=arrows]:has(.db-button):after{inset-inline-end:0}.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-left:is(.db-button),.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-left>.db-button{inset-inline-start:0}.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-right:is(.db-button),.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-right>.db-button{inset-inline-end:0}.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-left:is(.db-button),.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-left>.db-button,.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-right:is(.db-button),.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-right>.db-button{position:absolute;z-index:22;inset-block:var(--db-spacing-fixed-xs)}.db-tab-panel{display:none}db-accordion,db-accordion-item,db-alert,db-badge,db-brand,db-button,db-card,db-checkbox,db-codedocs,db-divider,db-drawer,db-header,db-icon,db-infotext,db-input,db-link,db-main-navigation,db-navigation-item,db-page,db-popover,db-radio,db-section,db-select,db-tab,db-tab-bar,db-tab-list,db-tab-panel,db-tabbar,db-tabs,db-tag,db-textarea,db-tooltip,dbaccordion,dbaccordion-item,dbalert,dbbadge,dbbrand,dbbutton,dbcard,dbcheckbox,dbcodedocs,dbdivider,dbdrawer,dbheader,dbicon,dbinfotext,dbinput,dblink,dbmain-navigation,dbnavigation-item,dbpage,dbpopover,dbradio,dbsection,dbselect,dbtab,dbtab-bar,dbtab-list,dbtab-panel,dbtabbar,dbtabs,dbtag,dbtextarea,dbtooltip{display:contents}db-alert,dbalert{inline-size:inherit}:has(>.db-badge[data-placement^=corner]){position:relative}:has(>db-tooltip,>dbtooltip,>.db-tooltip){position:relative}[data-color-scheme=dark],[data-color-scheme=light]{--db-current-base-color:var(--db-base-text-enabled);--db-current-color:var(--db-base-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-base-bg-enabled));--db-current-element-color:var(--db-base-element-enabled);--db-current-border-color:var(--db-base-border-enabled);--db-current-border-weak-color:var( --db-base-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-base-bg-enabled));background-color:var(--db-current-bg-color);color:var(--db-current-color)}[data-emphasis=weak][data-color-scheme=dark],[data-emphasis=weak][data-color-scheme=light]{--db-current-color:var(--db-base-on-bg-weak-enabled);color:var(--db-current-color)}:root{--db-spacing-responsive-regular-desktop-3xl:40rem;--db-spacing-responsive-regular-desktop-2xl:30rem;--db-spacing-responsive-regular-desktop-xl:15rem;--db-spacing-responsive-regular-desktop-lg:7.5rem;--db-spacing-responsive-regular-desktop-md:5rem;--db-spacing-responsive-regular-desktop-sm:3rem;--db-spacing-responsive-regular-desktop-xs:2rem;--db-spacing-responsive-regular-desktop-2xs:1.5rem;--db-spacing-responsive-regular-desktop-3xs:1.25rem;--db-spacing-responsive-regular-tablet-3xs:1rem;--db-spacing-responsive-regular-tablet-2xs:1.25rem;--db-spacing-responsive-regular-tablet-xs:1.75rem;--db-spacing-responsive-regular-tablet-sm:2.5rem;--db-spacing-responsive-regular-tablet-md:4rem;--db-spacing-responsive-regular-tablet-lg:6rem;--db-spacing-responsive-regular-tablet-xl:10rem;--db-spacing-responsive-regular-tablet-2xl:15rem;--db-spacing-responsive-regular-tablet-3xl:30rem;--db-spacing-responsive-regular-mobile-3xs:1rem;--db-spacing-responsive-regular-mobile-2xs:1.25rem;--db-spacing-responsive-regular-mobile-xs:1.5rem;--db-spacing-responsive-regular-mobile-sm:2rem;--db-spacing-responsive-regular-mobile-md:3rem;--db-spacing-responsive-regular-mobile-lg:5rem;--db-spacing-responsive-regular-mobile-xl:7.5rem;--db-spacing-responsive-regular-mobile-2xl:10rem;--db-spacing-responsive-regular-mobile-3xl:15rem;--db-spacing-responsive-functional-desktop-3xs:1rem;--db-spacing-responsive-functional-desktop-2xs:1.25rem;--db-spacing-responsive-functional-desktop-xs:1.75rem;--db-spacing-responsive-functional-desktop-sm:2.5rem;--db-spacing-responsive-functional-desktop-md:4rem;--db-spacing-responsive-functional-desktop-lg:6rem;--db-spacing-responsive-functional-desktop-xl:10rem;--db-spacing-responsive-functional-desktop-2xl:15rem;--db-spacing-responsive-functional-desktop-3xl:30rem;--db-spacing-responsive-functional-tablet-3xs:1rem;--db-spacing-responsive-functional-tablet-2xs:1.25rem;--db-spacing-responsive-functional-tablet-xs:1.5rem;--db-spacing-responsive-functional-tablet-sm:2rem;--db-spacing-responsive-functional-tablet-md:3rem;--db-spacing-responsive-functional-tablet-lg:5rem;--db-spacing-responsive-functional-tablet-xl:7.5rem;--db-spacing-responsive-functional-tablet-2xl:10rem;--db-spacing-responsive-functional-tablet-3xl:15rem;--db-spacing-responsive-functional-mobile-3xs:1rem;--db-spacing-responsive-functional-mobile-2xs:1.25rem;--db-spacing-responsive-functional-mobile-xs:1.25rem;--db-spacing-responsive-functional-mobile-sm:1.75rem;--db-spacing-responsive-functional-mobile-md:2.5rem;--db-spacing-responsive-functional-mobile-lg:4rem;--db-spacing-responsive-functional-mobile-xl:6rem;--db-spacing-responsive-functional-mobile-2xl:7.5rem;--db-spacing-responsive-functional-mobile-3xl:10rem;--db-spacing-responsive-expressive-desktop-3xs:1.75rem;--db-spacing-responsive-expressive-desktop-2xs:2rem;--db-spacing-responsive-expressive-desktop-xs:3rem;--db-spacing-responsive-expressive-desktop-sm:5rem;--db-spacing-responsive-expressive-desktop-md:7.5rem;--db-spacing-responsive-expressive-desktop-lg:15rem;--db-spacing-responsive-expressive-desktop-xl:30rem;--db-spacing-responsive-expressive-desktop-2xl:40rem;--db-spacing-responsive-expressive-desktop-3xl:50rem;--db-spacing-responsive-expressive-tablet-3xs:1.5rem;--db-spacing-responsive-expressive-tablet-2xs:1.75rem;--db-spacing-responsive-expressive-tablet-xs:2.5rem;--db-spacing-responsive-expressive-tablet-sm:4rem;--db-spacing-responsive-expressive-tablet-md:6rem;--db-spacing-responsive-expressive-tablet-lg:10rem;--db-spacing-responsive-expressive-tablet-xl:15rem;--db-spacing-responsive-expressive-tablet-2xl:30rem;--db-spacing-responsive-expressive-tablet-3xl:40rem;--db-spacing-responsive-expressive-mobile-3xs:1.25rem;--db-spacing-responsive-expressive-mobile-2xs:1.5rem;--db-spacing-responsive-expressive-mobile-xs:2rem;--db-spacing-responsive-expressive-mobile-sm:3rem;--db-spacing-responsive-expressive-mobile-md:5rem;--db-spacing-responsive-expressive-mobile-lg:7.5rem;--db-spacing-responsive-expressive-mobile-xl:10rem;--db-spacing-responsive-expressive-mobile-2xl:15rem;--db-spacing-responsive-expressive-mobile-3xl:30rem;--db-spacing-fixed-regular-3xs:0.125rem;--db-spacing-fixed-regular-2xs:0.25rem;--db-spacing-fixed-regular-xs:0.5rem;--db-spacing-fixed-regular-sm:0.75rem;--db-spacing-fixed-regular-md:1rem;--db-spacing-fixed-regular-lg:1.5rem;--db-spacing-fixed-regular-xl:2rem;--db-spacing-fixed-regular-2xl:3rem;--db-spacing-fixed-regular-3xl:5rem;--db-spacing-fixed-functional-3xs:0.125rem;--db-spacing-fixed-functional-2xs:0.25rem;--db-spacing-fixed-functional-xs:0.375rem;--db-spacing-fixed-functional-sm:0.5rem;--db-spacing-fixed-functional-md:0.75rem;--db-spacing-fixed-functional-lg:1rem;--db-spacing-fixed-functional-xl:1.5rem;--db-spacing-fixed-functional-2xl:2rem;--db-spacing-fixed-functional-3xl:3rem;--db-spacing-fixed-expressive-3xs:0.25rem;--db-spacing-fixed-expressive-2xs:0.5rem;--db-spacing-fixed-expressive-xs:0.75rem;--db-spacing-fixed-expressive-sm:1rem;--db-spacing-fixed-expressive-md:1.5rem;--db-spacing-fixed-expressive-lg:2rem;--db-spacing-fixed-expressive-xl:3rem;--db-spacing-fixed-expressive-2xl:5rem;--db-spacing-fixed-expressive-3xl:7.5rem;--db-sizing-fixed-mobile-header:3.5rem;--db-sizing-regular-3xl:15rem;--db-sizing-regular-2xl:10rem;--db-sizing-regular-xl:6rem;--db-sizing-regular-lg:4rem;--db-sizing-regular-md:2.5rem;--db-sizing-regular-sm:1.5rem;--db-sizing-regular-xs:1rem;--db-sizing-regular-2xs:0.75rem;--db-sizing-regular-3xs:0.5rem;--db-sizing-functional-3xs:0.375rem;--db-sizing-functional-2xs:0.625rem;--db-sizing-functional-xs:0.875rem;--db-sizing-functional-sm:1.25rem;--db-sizing-functional-md:2rem;--db-sizing-functional-lg:3rem;--db-sizing-functional-xl:5rem;--db-sizing-functional-2xl:7.5rem;--db-sizing-functional-3xl:10rem;--db-sizing-expressive-3xs:0.625rem;--db-sizing-expressive-2xs:0.875rem;--db-sizing-expressive-xs:1.25rem;--db-sizing-expressive-sm:1.75rem;--db-sizing-expressive-md:3rem;--db-sizing-expressive-lg:5rem;--db-sizing-expressive-xl:7.5rem;--db-sizing-expressive-2xl:15rem;--db-sizing-expressive-3xl:30rem;--db-typography-regular-desktop-headline-3xl-line-height:1.2;--db-typography-regular-desktop-headline-3xl-font-size:5rem;--db-base-icon-weight-regular-desktop-headline-3xl:96;--db-base-icon-font-size-regular-desktop-headline-3xl:6rem;--db-typography-regular-desktop-headline-2xl-line-height:1.25;--db-typography-regular-desktop-headline-2xl-font-size:4rem;--db-base-icon-weight-regular-desktop-headline-2xl:80;--db-base-icon-font-size-regular-desktop-headline-2xl:5rem;--db-typography-regular-desktop-headline-xl-line-height:1.3333333333333333;--db-typography-regular-desktop-headline-xl-font-size:3rem;--db-base-icon-weight-regular-desktop-headline-xl:64;--db-base-icon-font-size-regular-desktop-headline-xl:4rem;--db-typography-regular-desktop-headline-lg-line-height:1.2;--db-typography-regular-desktop-headline-lg-font-size:2.5rem;--db-base-icon-weight-regular-desktop-headline-lg:48;--db-base-icon-font-size-regular-desktop-headline-lg:3rem;--db-typography-regular-desktop-headline-md-line-height:1.25;--db-typography-regular-desktop-headline-md-font-size:2rem;--db-base-icon-weight-regular-desktop-headline-md:40;--db-base-icon-font-size-regular-desktop-headline-md:2.5rem;--db-typography-regular-desktop-headline-sm-line-height:1.1428571428571428;--db-typography-regular-desktop-headline-sm-font-size:1.75rem;--db-base-icon-weight-regular-desktop-headline-sm:32;--db-base-icon-font-size-regular-desktop-headline-sm:2rem;--db-typography-regular-desktop-headline-2xs-line-height:1.2;--db-typography-regular-desktop-headline-2xs-font-size:1.25rem;--db-base-icon-weight-regular-desktop-headline-2xs:24;--db-base-icon-font-size-regular-desktop-headline-2xs:1.5rem;--db-typography-regular-desktop-headline-3xs-line-height:1.25;--db-typography-regular-desktop-headline-3xs-font-size:1rem;--db-base-icon-weight-regular-desktop-headline-3xs:20;--db-base-icon-font-size-regular-desktop-headline-3xs:1.25rem;--db-typography-regular-desktop-headline-xs-line-height:1.1666666666666667;--db-typography-regular-desktop-headline-xs-font-size:1.5rem;--db-base-icon-weight-regular-desktop-headline-xs:28;--db-base-icon-font-size-regular-desktop-headline-xs:1.75rem;--db-typography-regular-desktop-body-lg-line-height:1.4;--db-typography-regular-desktop-body-lg-font-size:1.25rem;--db-base-icon-weight-regular-desktop-lg:28;--db-base-icon-font-size-regular-desktop-lg:1.75rem;--db-typography-regular-desktop-body-xl-line-height:1.3333333333333333;--db-typography-regular-desktop-body-xl-font-size:1.5rem;--db-base-icon-weight-regular-desktop-xl:32;--db-base-icon-font-size-regular-desktop-xl:2rem;--db-typography-regular-desktop-body-2xl-line-height:1.4285714285714286;--db-typography-regular-desktop-body-2xl-font-size:1.75rem;--db-base-icon-weight-regular-desktop-2xl:40;--db-base-icon-font-size-regular-desktop-2xl:2.5rem;--db-typography-regular-desktop-body-3xl-line-height:1.5;--db-typography-regular-desktop-body-3xl-font-size:2rem;--db-base-icon-weight-regular-desktop-3xl:48;--db-base-icon-font-size-regular-desktop-3xl:3rem;--db-typography-regular-desktop-body-md-line-height:1.5;--db-typography-regular-desktop-body-md-font-size:1rem;--db-base-icon-weight-regular-desktop-md:24;--db-base-icon-font-size-regular-desktop-md:1.5rem;--db-typography-regular-desktop-body-sm-line-height:1.4285714285714286;--db-typography-regular-desktop-body-sm-font-size:0.875rem;--db-base-icon-weight-regular-desktop-sm:20;--db-base-icon-font-size-regular-desktop-sm:1.25rem;--db-typography-regular-desktop-body-2xs-line-height:1.4;--db-typography-regular-desktop-body-2xs-font-size:0.625rem;--db-base-icon-weight-regular-desktop-2xs:14;--db-base-icon-font-size-regular-desktop-2xs:0.875rem;--db-typography-regular-desktop-body-3xs-line-height:1.4;--db-typography-regular-desktop-body-3xs-font-size:0.625rem;--db-base-icon-weight-regular-desktop-3xs:14;--db-base-icon-font-size-regular-desktop-3xs:0.875rem;--db-typography-regular-desktop-body-xs-line-height:1.3333333333333333;--db-typography-regular-desktop-body-xs-font-size:0.75rem;--db-base-icon-weight-regular-desktop-xs:16;--db-base-icon-font-size-regular-desktop-xs:1rem;--db-typography-regular-mobile-body-lg-line-height:1.4;--db-typography-regular-mobile-body-lg-font-size:1.25rem;--db-base-icon-weight-regular-mobile-lg:28;--db-base-icon-font-size-regular-mobile-lg:1.75rem;--db-typography-regular-mobile-body-md-line-height:1.5;--db-typography-regular-mobile-body-md-font-size:1rem;--db-base-icon-weight-regular-mobile-md:24;--db-base-icon-font-size-regular-mobile-md:1.5rem;--db-typography-regular-mobile-body-sm-line-height:1.4285714285714286;--db-typography-regular-mobile-body-sm-font-size:0.875rem;--db-base-icon-weight-regular-mobile-sm:20;--db-base-icon-font-size-regular-mobile-sm:1.25rem;--db-typography-regular-mobile-body-xl-line-height:1.4;--db-typography-regular-mobile-body-xl-font-size:1.25rem;--db-base-icon-weight-regular-mobile-xl:28;--db-base-icon-font-size-regular-mobile-xl:1.75rem;--db-typography-regular-mobile-body-xs-line-height:1.3333333333333333;--db-typography-regular-mobile-body-xs-font-size:0.75rem;--db-base-icon-weight-regular-mobile-xs:16;--db-base-icon-font-size-regular-mobile-xs:1rem;--db-typography-regular-mobile-body-2xl-line-height:1.4;--db-typography-regular-mobile-body-2xl-font-size:1.25rem;--db-base-icon-weight-regular-mobile-2xl:28;--db-base-icon-font-size-regular-mobile-2xl:1.75rem;--db-typography-regular-mobile-body-3xl-line-height:1.4;--db-typography-regular-mobile-body-3xl-font-size:1.25rem;--db-base-icon-weight-regular-mobile-3xl:28;--db-base-icon-font-size-regular-mobile-3xl:1.75rem;--db-typography-regular-mobile-body-2xs-line-height:1.4;--db-typography-regular-mobile-body-2xs-font-size:0.625rem;--db-base-icon-weight-regular-mobile-2xs:14;--db-base-icon-font-size-regular-mobile-2xs:0.875rem;--db-typography-regular-mobile-body-3xs-line-height:1.4;--db-typography-regular-mobile-body-3xs-font-size:0.625rem;--db-base-icon-weight-regular-mobile-3xs:14;--db-base-icon-font-size-regular-mobile-3xs:0.875rem;--db-typography-regular-mobile-headline-lg-line-height:1.1428571428571428;--db-typography-regular-mobile-headline-lg-font-size:1.75rem;--db-base-icon-weight-regular-mobile-headline-lg:32;--db-base-icon-font-size-regular-mobile-headline-lg:2rem;--db-typography-regular-mobile-headline-md-line-height:1.1666666666666667;--db-typography-regular-mobile-headline-md-font-size:1.5rem;--db-base-icon-weight-regular-mobile-headline-md:28;--db-base-icon-font-size-regular-mobile-headline-md:1.75rem;--db-typography-regular-mobile-headline-sm-line-height:1.2;--db-typography-regular-mobile-headline-sm-font-size:1.25rem;--db-base-icon-weight-regular-mobile-headline-sm:24;--db-base-icon-font-size-regular-mobile-headline-sm:1.5rem;--db-typography-regular-mobile-headline-xl-line-height:1.25;--db-typography-regular-mobile-headline-xl-font-size:2rem;--db-base-icon-weight-regular-mobile-headline-xl:40;--db-base-icon-font-size-regular-mobile-headline-xl:2.5rem;--db-typography-regular-mobile-headline-xs-line-height:1.25;--db-typography-regular-mobile-headline-xs-font-size:1rem;--db-base-icon-weight-regular-mobile-headline-xs:20;--db-base-icon-font-size-regular-mobile-headline-xs:1.25rem;--db-typography-regular-mobile-headline-2xl-line-height:1.25;--db-typography-regular-mobile-headline-2xl-font-size:2rem;--db-base-icon-weight-regular-mobile-headline-2xl:40;--db-base-icon-font-size-regular-mobile-headline-2xl:2.5rem;--db-typography-regular-mobile-headline-2xs-line-height:1.1428571428571428;--db-typography-regular-mobile-headline-2xs-font-size:0.875rem;--db-base-icon-weight-regular-mobile-headline-2xs:16;--db-base-icon-font-size-regular-mobile-headline-2xs:1rem;--db-typography-regular-mobile-headline-3xl-line-height:1.25;--db-typography-regular-mobile-headline-3xl-font-size:2rem;--db-base-icon-weight-regular-mobile-headline-3xl:40;--db-base-icon-font-size-regular-mobile-headline-3xl:2.5rem;--db-typography-regular-mobile-headline-3xs-line-height:1.1428571428571428;--db-typography-regular-mobile-headline-3xs-font-size:0.875rem;--db-base-icon-weight-regular-mobile-headline-3xs:16;--db-base-icon-font-size-regular-mobile-headline-3xs:1rem;--db-typography-regular-tablet-body-lg-line-height:1.4;--db-typography-regular-tablet-body-lg-font-size:1.25rem;--db-base-icon-weight-regular-tablet-lg:28;--db-base-icon-font-size-regular-tablet-lg:1.75rem;--db-typography-regular-tablet-body-md-line-height:1.5;--db-typography-regular-tablet-body-md-font-size:1rem;--db-base-icon-weight-regular-tablet-md:24;--db-base-icon-font-size-regular-tablet-md:1.5rem;--db-typography-regular-tablet-body-sm-line-height:1.4285714285714286;--db-typography-regular-tablet-body-sm-font-size:0.875rem;--db-base-icon-weight-regular-tablet-sm:20;--db-base-icon-font-size-regular-tablet-sm:1.25rem;--db-typography-regular-tablet-body-xl-line-height:1.3333333333333333;--db-typography-regular-tablet-body-xl-font-size:1.5rem;--db-base-icon-weight-regular-tablet-xl:32;--db-base-icon-font-size-regular-tablet-xl:2rem;--db-typography-regular-tablet-body-xs-line-height:1.3333333333333333;--db-typography-regular-tablet-body-xs-font-size:0.75rem;--db-base-icon-weight-regular-tablet-xs:16;--db-base-icon-font-size-regular-tablet-xs:1rem;--db-typography-regular-tablet-body-2xl-line-height:1.4285714285714286;--db-typography-regular-tablet-body-2xl-font-size:1.75rem;--db-base-icon-weight-regular-tablet-2xl:40;--db-base-icon-font-size-regular-tablet-2xl:2.5rem;--db-typography-regular-tablet-body-3xl-line-height:1.5;--db-typography-regular-tablet-body-3xl-font-size:2rem;--db-base-icon-weight-regular-tablet-3xl:48;--db-base-icon-font-size-regular-tablet-3xl:3rem;--db-typography-regular-tablet-body-2xs-line-height:1.4;--db-typography-regular-tablet-body-2xs-font-size:0.625rem;--db-base-icon-weight-regular-tablet-2xs:14;--db-base-icon-font-size-regular-tablet-2xs:0.875rem;--db-typography-regular-tablet-body-3xs-line-height:1.4;--db-typography-regular-tablet-body-3xs-font-size:0.625rem;--db-base-icon-weight-regular-tablet-3xs:14;--db-base-icon-font-size-regular-tablet-3xs:0.875rem;--db-typography-regular-tablet-headline-lg-line-height:1.25;--db-typography-regular-tablet-headline-lg-font-size:2rem;--db-base-icon-weight-regular-tablet-headline-lg:40;--db-base-icon-font-size-regular-tablet-headline-lg:2.5rem;--db-typography-regular-tablet-headline-md-line-height:1.1428571428571428;--db-typography-regular-tablet-headline-md-font-size:1.75rem;--db-base-icon-weight-regular-tablet-headline-md:32;--db-base-icon-font-size-regular-tablet-headline-md:2rem;--db-typography-regular-tablet-headline-sm-line-height:1.1666666666666667;--db-typography-regular-tablet-headline-sm-font-size:1.5rem;--db-base-icon-weight-regular-tablet-headline-sm:28;--db-base-icon-font-size-regular-tablet-headline-sm:1.75rem;--db-typography-regular-tablet-headline-xl-line-height:1.2;--db-typography-regular-tablet-headline-xl-font-size:2.5rem;--db-base-icon-weight-regular-tablet-headline-xl:48;--db-base-icon-font-size-regular-tablet-headline-xl:3rem;--db-typography-regular-tablet-headline-xs-line-height:1.2;--db-typography-regular-tablet-headline-xs-font-size:1.25rem;--db-base-icon-weight-regular-tablet-headline-xs:24;--db-base-icon-font-size-regular-tablet-headline-xs:1.5rem;--db-typography-regular-tablet-headline-2xl-line-height:1.3333333333333333;--db-typography-regular-tablet-headline-2xl-font-size:3rem;--db-base-icon-weight-regular-tablet-headline-2xl:64;--db-base-icon-font-size-regular-tablet-headline-2xl:4rem;--db-typography-regular-tablet-headline-2xs-line-height:1.25;--db-typography-regular-tablet-headline-2xs-font-size:1rem;--db-base-icon-weight-regular-tablet-headline-2xs:20;--db-base-icon-font-size-regular-tablet-headline-2xs:1.25rem;--db-typography-regular-tablet-headline-3xl-line-height:1.3333333333333333;--db-typography-regular-tablet-headline-3xl-font-size:3rem;--db-base-icon-weight-regular-tablet-headline-3xl:64;--db-base-icon-font-size-regular-tablet-headline-3xl:4rem;--db-typography-regular-tablet-headline-3xs-line-height:1.25;--db-typography-regular-tablet-headline-3xs-font-size:1rem;--db-base-icon-weight-regular-tablet-headline-3xs:20;--db-base-icon-font-size-regular-tablet-headline-3xs:1.25rem;--db-typography-functional-desktop-body-lg-line-height:1.5;--db-typography-functional-desktop-body-lg-font-size:1rem;--db-base-icon-weight-functional-desktop-lg:24;--db-base-icon-font-size-functional-desktop-lg:1.5rem;--db-typography-functional-desktop-body-md-line-height:1.4285714285714286;--db-typography-functional-desktop-body-md-font-size:0.875rem;--db-base-icon-weight-functional-desktop-md:20;--db-base-icon-font-size-functional-desktop-md:1.25rem;--db-typography-functional-desktop-body-sm-line-height:1.3333333333333333;--db-typography-functional-desktop-body-sm-font-size:0.75rem;--db-base-icon-weight-functional-desktop-sm:16;--db-base-icon-font-size-functional-desktop-sm:1rem;--db-typography-functional-desktop-body-xl-line-height:1.4;--db-typography-functional-desktop-body-xl-font-size:1.25rem;--db-base-icon-weight-functional-desktop-xl:28;--db-base-icon-font-size-functional-desktop-xl:1.75rem;--db-typography-functional-desktop-body-xs-line-height:1.4;--db-typography-functional-desktop-body-xs-font-size:0.625rem;--db-base-icon-weight-functional-desktop-xs:14;--db-base-icon-font-size-functional-desktop-xs:0.875rem;--db-typography-functional-desktop-body-2xl-line-height:1.3333333333333333;--db-typography-functional-desktop-body-2xl-font-size:1.5rem;--db-base-icon-weight-functional-desktop-2xl:32;--db-base-icon-font-size-functional-desktop-2xl:2rem;--db-typography-functional-desktop-body-3xl-line-height:1.4285714285714286;--db-typography-functional-desktop-body-3xl-font-size:1.75rem;--db-base-icon-weight-functional-desktop-3xl:40;--db-base-icon-font-size-functional-desktop-3xl:2.5rem;--db-typography-functional-desktop-body-2xs-line-height:1.4;--db-typography-functional-desktop-body-2xs-font-size:0.625rem;--db-base-icon-weight-functional-desktop-2xs:14;--db-base-icon-font-size-functional-desktop-2xs:0.875rem;--db-typography-functional-desktop-body-3xs-line-height:1.4;--db-typography-functional-desktop-body-3xs-font-size:0.625rem;--db-base-icon-weight-functional-desktop-3xs:14;--db-base-icon-font-size-functional-desktop-3xs:0.875rem;--db-typography-functional-desktop-headline-lg-line-height:1.1428571428571428;--db-typography-functional-desktop-headline-lg-font-size:1.75rem;--db-base-icon-weight-functional-desktop-headline-lg:32;--db-base-icon-font-size-functional-desktop-headline-lg:2rem;--db-typography-functional-desktop-headline-md-line-height:1.1666666666666667;--db-typography-functional-desktop-headline-md-font-size:1.5rem;--db-base-icon-weight-functional-desktop-headline-md:28;--db-base-icon-font-size-functional-desktop-headline-md:1.75rem;--db-typography-functional-desktop-headline-sm-line-height:1.2;--db-typography-functional-desktop-headline-sm-font-size:1.25rem;--db-base-icon-weight-functional-desktop-headline-sm:24;--db-base-icon-font-size-functional-desktop-headline-sm:1.5rem;--db-typography-functional-desktop-headline-xl-line-height:1.25;--db-typography-functional-desktop-headline-xl-font-size:2rem;--db-base-icon-weight-functional-desktop-headline-xl:40;--db-base-icon-font-size-functional-desktop-headline-xl:2.5rem;--db-typography-functional-desktop-headline-xs-line-height:1.25;--db-typography-functional-desktop-headline-xs-font-size:1rem;--db-base-icon-weight-functional-desktop-headline-xs:20;--db-base-icon-font-size-functional-desktop-headline-xs:1.25rem;--db-typography-functional-desktop-headline-2xl-line-height:1.2;--db-typography-functional-desktop-headline-2xl-font-size:2.5rem;--db-base-icon-weight-functional-desktop-headline-2xl:48;--db-base-icon-font-size-functional-desktop-headline-2xl:3rem;--db-typography-functional-desktop-headline-2xs-line-height:1.1428571428571428;--db-typography-functional-desktop-headline-2xs-font-size:0.875rem;--db-base-icon-weight-functional-desktop-headline-2xs:16;--db-base-icon-font-size-functional-desktop-headline-2xs:1rem;--db-typography-functional-desktop-headline-3xl-line-height:1.2;--db-typography-functional-desktop-headline-3xl-font-size:2.5rem;--db-base-icon-weight-functional-desktop-headline-3xl:48;--db-base-icon-font-size-functional-desktop-headline-3xl:3rem;--db-typography-functional-desktop-headline-3xs-line-height:1.1428571428571428;--db-typography-functional-desktop-headline-3xs-font-size:0.875rem;--db-base-icon-weight-functional-desktop-headline-3xs:16;--db-base-icon-font-size-functional-desktop-headline-3xs:1rem;--db-typography-functional-tablet-body-lg-line-height:1.5;--db-typography-functional-tablet-body-lg-font-size:1rem;--db-base-icon-weight-functional-tablet-lg:24;--db-base-icon-font-size-functional-tablet-lg:1.5rem;--db-typography-functional-tablet-body-md-line-height:1.4285714285714286;--db-typography-functional-tablet-body-md-font-size:0.875rem;--db-base-icon-weight-functional-tablet-md:20;--db-base-icon-font-size-functional-tablet-md:1.25rem;--db-typography-functional-tablet-body-sm-line-height:1.3333333333333333;--db-typography-functional-tablet-body-sm-font-size:0.75rem;--db-base-icon-weight-functional-tablet-sm:16;--db-base-icon-font-size-functional-tablet-sm:1rem;--db-typography-functional-tablet-body-xl-line-height:1.4;--db-typography-functional-tablet-body-xl-font-size:1.25rem;--db-base-icon-weight-functional-tablet-xl:28;--db-base-icon-font-size-functional-tablet-xl:1.75rem;--db-typography-functional-tablet-body-xs-line-height:1.4;--db-typography-functional-tablet-body-xs-font-size:0.625rem;--db-base-icon-weight-functional-tablet-xs:14;--db-base-icon-font-size-functional-tablet-xs:0.875rem;--db-typography-functional-tablet-body-2xl-line-height:1.3333333333333333;--db-typography-functional-tablet-body-2xl-font-size:1.5rem;--db-base-icon-weight-functional-tablet-2xl:32;--db-base-icon-font-size-functional-tablet-2xl:2rem;--db-typography-functional-tablet-body-3xl-line-height:1.4285714285714286;--db-typography-functional-tablet-body-3xl-font-size:1.75rem;--db-base-icon-weight-functional-tablet-3xl:40;--db-base-icon-font-size-functional-tablet-3xl:2.5rem;--db-typography-functional-tablet-body-2xs-line-height:1.4;--db-typography-functional-tablet-body-2xs-font-size:0.625rem;--db-base-icon-weight-functional-tablet-2xs:14;--db-base-icon-font-size-functional-tablet-2xs:0.875rem;--db-typography-functional-tablet-body-3xs-line-height:1.4;--db-typography-functional-tablet-body-3xs-font-size:0.625rem;--db-base-icon-weight-functional-tablet-3xs:14;--db-base-icon-font-size-functional-tablet-3xs:0.875rem;--db-typography-functional-tablet-headline-lg-line-height:1.1428571428571428;--db-typography-functional-tablet-headline-lg-font-size:1.75rem;--db-base-icon-weight-functional-tablet-headline-lg:32;--db-base-icon-font-size-functional-tablet-headline-lg:2rem;--db-typography-functional-tablet-headline-md-line-height:1.1666666666666667;--db-typography-functional-tablet-headline-md-font-size:1.5rem;--db-base-icon-weight-functional-tablet-headline-md:28;--db-base-icon-font-size-functional-tablet-headline-md:1.75rem;--db-typography-functional-tablet-headline-sm-line-height:1.2;--db-typography-functional-tablet-headline-sm-font-size:1.25rem;--db-base-icon-weight-functional-tablet-headline-sm:24;--db-base-icon-font-size-functional-tablet-headline-sm:1.5rem;--db-typography-functional-tablet-headline-xl-line-height:1.25;--db-typography-functional-tablet-headline-xl-font-size:2rem;--db-base-icon-weight-functional-tablet-headline-xl:40;--db-base-icon-font-size-functional-tablet-headline-xl:2.5rem;--db-typography-functional-tablet-headline-xs-line-height:1.25;--db-typography-functional-tablet-headline-xs-font-size:1rem;--db-base-icon-weight-functional-tablet-headline-xs:20;--db-base-icon-font-size-functional-tablet-headline-xs:1.25rem;--db-typography-functional-tablet-headline-2xl-line-height:1.25;--db-typography-functional-tablet-headline-2xl-font-size:2rem;--db-base-icon-weight-functional-tablet-headline-2xl:40;--db-base-icon-font-size-functional-tablet-headline-2xl:2.5rem;--db-typography-functional-tablet-headline-2xs-line-height:1.1428571428571428;--db-typography-functional-tablet-headline-2xs-font-size:0.875rem;--db-base-icon-weight-functional-tablet-headline-2xs:16;--db-base-icon-font-size-functional-tablet-headline-2xs:1rem;--db-typography-functional-tablet-headline-3xl-line-height:1.25;--db-typography-functional-tablet-headline-3xl-font-size:2rem;--db-base-icon-weight-functional-tablet-headline-3xl:40;--db-base-icon-font-size-functional-tablet-headline-3xl:2.5rem;--db-typography-functional-tablet-headline-3xs-line-height:1.1428571428571428;--db-typography-functional-tablet-headline-3xs-font-size:0.875rem;--db-base-icon-weight-functional-tablet-headline-3xs:16;--db-base-icon-font-size-functional-tablet-headline-3xs:1rem;--db-typography-functional-mobile-body-lg-line-height:1.5;--db-typography-functional-mobile-body-lg-font-size:1rem;--db-base-icon-weight-functional-mobile-lg:24;--db-base-icon-font-size-functional-mobile-lg:1.5rem;--db-typography-functional-mobile-body-md-line-height:1.4285714285714286;--db-typography-functional-mobile-body-md-font-size:0.875rem;--db-base-icon-weight-functional-mobile-md:20;--db-base-icon-font-size-functional-mobile-md:1.25rem;--db-typography-functional-mobile-body-sm-line-height:1.3333333333333333;--db-typography-functional-mobile-body-sm-font-size:0.75rem;--db-base-icon-weight-functional-mobile-sm:16;--db-base-icon-font-size-functional-mobile-sm:1rem;--db-typography-functional-mobile-body-xl-line-height:1.5;--db-typography-functional-mobile-body-xl-font-size:1rem;--db-base-icon-weight-functional-mobile-xl:24;--db-base-icon-font-size-functional-mobile-xl:1.5rem;--db-typography-functional-mobile-body-xs-line-height:1.4;--db-typography-functional-mobile-body-xs-font-size:0.625rem;--db-base-icon-weight-functional-mobile-xs:14;--db-base-icon-font-size-functional-mobile-xs:0.875rem;--db-typography-functional-mobile-body-2xl-line-height:1.5;--db-typography-functional-mobile-body-2xl-font-size:1rem;--db-base-icon-weight-functional-mobile-2xl:24;--db-base-icon-font-size-functional-mobile-2xl:1.5rem;--db-typography-functional-mobile-body-3xl-line-height:1.5;--db-typography-functional-mobile-body-3xl-font-size:1rem;--db-base-icon-weight-functional-mobile-3xl:24;--db-base-icon-font-size-functional-mobile-3xl:1.5rem;--db-typography-functional-mobile-body-2xs-line-height:1.4;--db-typography-functional-mobile-body-2xs-font-size:0.625rem;--db-base-icon-weight-functional-mobile-2xs:14;--db-base-icon-font-size-functional-mobile-2xs:0.875rem;--db-typography-functional-mobile-body-3xs-line-height:1.4;--db-typography-functional-mobile-body-3xs-font-size:0.625rem;--db-base-icon-weight-functional-mobile-3xs:14;--db-base-icon-font-size-functional-mobile-3xs:0.875rem;--db-typography-functional-mobile-headline-lg-line-height:1.1666666666666667;--db-typography-functional-mobile-headline-lg-font-size:1.5rem;--db-base-icon-weight-functional-mobile-headline-lg:28;--db-base-icon-font-size-functional-mobile-headline-lg:1.75rem;--db-typography-functional-mobile-headline-md-line-height:1.2;--db-typography-functional-mobile-headline-md-font-size:1.25rem;--db-base-icon-weight-functional-mobile-headline-md:24;--db-base-icon-font-size-functional-mobile-headline-md:1.5rem;--db-typography-functional-mobile-headline-sm-line-height:1.25;--db-typography-functional-mobile-headline-sm-font-size:1rem;--db-base-icon-weight-functional-mobile-headline-sm:20;--db-base-icon-font-size-functional-mobile-headline-sm:1.25rem;--db-typography-functional-mobile-headline-xl-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-xl-font-size:1.75rem;--db-base-icon-weight-functional-mobile-headline-xl:32;--db-base-icon-font-size-functional-mobile-headline-xl:2rem;--db-typography-functional-mobile-headline-xs-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-xs-font-size:0.875rem;--db-base-icon-weight-functional-mobile-headline-xs:16;--db-base-icon-font-size-functional-mobile-headline-xs:1rem;--db-typography-functional-mobile-headline-2xl-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-2xl-font-size:1.75rem;--db-base-icon-weight-functional-mobile-headline-2xl:32;--db-base-icon-font-size-functional-mobile-headline-2xl:2rem;--db-typography-functional-mobile-headline-2xs-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-2xs-font-size:0.875rem;--db-base-icon-weight-functional-mobile-headline-2xs:16;--db-base-icon-font-size-functional-mobile-headline-2xs:1rem;--db-typography-functional-mobile-headline-3xl-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-3xl-font-size:1.75rem;--db-base-icon-weight-functional-mobile-headline-3xl:32;--db-base-icon-font-size-functional-mobile-headline-3xl:2rem;--db-typography-functional-mobile-headline-3xs-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-3xs-font-size:0.875rem;--db-base-icon-weight-functional-mobile-headline-3xs:16;--db-base-icon-font-size-functional-mobile-headline-3xs:1rem;--db-typography-expressive-desktop-body-lg-line-height:1.3333333333333333;--db-typography-expressive-desktop-body-lg-font-size:1.5rem;--db-base-icon-weight-expressive-desktop-lg:32;--db-base-icon-font-size-expressive-desktop-lg:2rem;--db-typography-expressive-desktop-body-md-line-height:1.4;--db-typography-expressive-desktop-body-md-font-size:1.25rem;--db-base-icon-weight-expressive-desktop-md:28;--db-base-icon-font-size-expressive-desktop-md:1.75rem;--db-typography-expressive-desktop-body-sm-line-height:1.5;--db-typography-expressive-desktop-body-sm-font-size:1rem;--db-base-icon-weight-expressive-desktop-sm:24;--db-base-icon-font-size-expressive-desktop-sm:1.5rem;--db-typography-expressive-desktop-body-xl-line-height:1.4285714285714286;--db-typography-expressive-desktop-body-xl-font-size:1.75rem;--db-base-icon-weight-expressive-desktop-xl:40;--db-base-icon-font-size-expressive-desktop-xl:2.5rem;--db-typography-expressive-desktop-body-xs-line-height:1.4285714285714286;--db-typography-expressive-desktop-body-xs-font-size:0.875rem;--db-base-icon-weight-expressive-desktop-xs:20;--db-base-icon-font-size-expressive-desktop-xs:1.25rem;--db-typography-expressive-desktop-body-2xl-line-height:1.5;--db-typography-expressive-desktop-body-2xl-font-size:2rem;--db-base-icon-weight-expressive-desktop-2xl:48;--db-base-icon-font-size-expressive-desktop-2xl:3rem;--db-typography-expressive-desktop-body-3xl-line-height:1.6;--db-typography-expressive-desktop-body-3xl-font-size:2.5rem;--db-base-icon-weight-expressive-desktop-3xl:64;--db-base-icon-font-size-expressive-desktop-3xl:4rem;--db-typography-expressive-desktop-body-2xs-line-height:1.3333333333333333;--db-typography-expressive-desktop-body-2xs-font-size:0.75rem;--db-base-icon-weight-expressive-desktop-2xs:16;--db-base-icon-font-size-expressive-desktop-2xs:1rem;--db-typography-expressive-desktop-body-3xs-line-height:1.4;--db-typography-expressive-desktop-body-3xs-font-size:0.625rem;--db-base-icon-weight-expressive-desktop-3xs:14;--db-base-icon-font-size-expressive-desktop-3xs:0.875rem;--db-typography-expressive-desktop-headline-lg-line-height:1.3333333333333333;--db-typography-expressive-desktop-headline-lg-font-size:3rem;--db-base-icon-weight-expressive-desktop-headline-lg:64;--db-base-icon-font-size-expressive-desktop-headline-lg:4rem;--db-typography-expressive-desktop-headline-md-line-height:1.2;--db-typography-expressive-desktop-headline-md-font-size:2.5rem;--db-base-icon-weight-expressive-desktop-headline-md:48;--db-base-icon-font-size-expressive-desktop-headline-md:3rem;--db-typography-expressive-desktop-headline-sm-line-height:1.25;--db-typography-expressive-desktop-headline-sm-font-size:2rem;--db-base-icon-weight-expressive-desktop-headline-sm:40;--db-base-icon-font-size-expressive-desktop-headline-sm:2.5rem;--db-typography-expressive-desktop-headline-xl-line-height:1.25;--db-typography-expressive-desktop-headline-xl-font-size:4rem;--db-base-icon-weight-expressive-desktop-headline-xl:80;--db-base-icon-font-size-expressive-desktop-headline-xl:5rem;--db-typography-expressive-desktop-headline-xs-line-height:1.1428571428571428;--db-typography-expressive-desktop-headline-xs-font-size:1.75rem;--db-base-icon-weight-expressive-desktop-headline-xs:32;--db-base-icon-font-size-expressive-desktop-headline-xs:2rem;--db-typography-expressive-desktop-headline-2xl-line-height:1.2;--db-typography-expressive-desktop-headline-2xl-font-size:5rem;--db-base-icon-weight-expressive-desktop-headline-2xl:96;--db-base-icon-font-size-expressive-desktop-headline-2xl:6rem;--db-typography-expressive-desktop-headline-2xs-line-height:1.1666666666666667;--db-typography-expressive-desktop-headline-2xs-font-size:1.5rem;--db-base-icon-weight-expressive-desktop-headline-2xs:28;--db-base-icon-font-size-expressive-desktop-headline-2xs:1.75rem;--db-typography-expressive-desktop-headline-3xl-line-height:1.25;--db-typography-expressive-desktop-headline-3xl-font-size:6rem;--db-base-icon-weight-expressive-desktop-headline-3xl:120;--db-base-icon-font-size-expressive-desktop-headline-3xl:7.5rem;--db-typography-expressive-desktop-headline-3xs-line-height:1.2;--db-typography-expressive-desktop-headline-3xs-font-size:1.25rem;--db-base-icon-weight-expressive-desktop-headline-3xs:24;--db-base-icon-font-size-expressive-desktop-headline-3xs:1.5rem;--db-typography-expressive-tablet-body-lg-line-height:1.3333333333333333;--db-typography-expressive-tablet-body-lg-font-size:1.5rem;--db-base-icon-weight-expressive-tablet-lg:32;--db-base-icon-font-size-expressive-tablet-lg:2rem;--db-typography-expressive-tablet-body-md-line-height:1.4;--db-typography-expressive-tablet-body-md-font-size:1.25rem;--db-base-icon-weight-expressive-tablet-md:28;--db-base-icon-font-size-expressive-tablet-md:1.75rem;--db-typography-expressive-tablet-body-sm-line-height:1.5;--db-typography-expressive-tablet-body-sm-font-size:1rem;--db-base-icon-weight-expressive-tablet-sm:24;--db-base-icon-font-size-expressive-tablet-sm:1.5rem;--db-typography-expressive-tablet-body-xl-line-height:1.4285714285714286;--db-typography-expressive-tablet-body-xl-font-size:1.75rem;--db-base-icon-weight-expressive-tablet-xl:40;--db-base-icon-font-size-expressive-tablet-xl:2.5rem;--db-typography-expressive-tablet-body-xs-line-height:1.4285714285714286;--db-typography-expressive-tablet-body-xs-font-size:0.875rem;--db-base-icon-weight-expressive-tablet-xs:20;--db-base-icon-font-size-expressive-tablet-xs:1.25rem;--db-typography-expressive-tablet-body-2xl-line-height:1.5;--db-typography-expressive-tablet-body-2xl-font-size:2rem;--db-base-icon-weight-expressive-tablet-2xl:48;--db-base-icon-font-size-expressive-tablet-2xl:3rem;--db-typography-expressive-tablet-body-3xl-line-height:1.6;--db-typography-expressive-tablet-body-3xl-font-size:2.5rem;--db-base-icon-weight-expressive-tablet-3xl:64;--db-base-icon-font-size-expressive-tablet-3xl:4rem;--db-typography-expressive-tablet-body-2xs-line-height:1.3333333333333333;--db-typography-expressive-tablet-body-2xs-font-size:0.75rem;--db-base-icon-weight-expressive-tablet-2xs:16;--db-base-icon-font-size-expressive-tablet-2xs:1rem;--db-typography-expressive-tablet-body-3xs-line-height:1.4;--db-typography-expressive-tablet-body-3xs-font-size:0.625rem;--db-base-icon-weight-expressive-tablet-3xs:14;--db-base-icon-font-size-expressive-tablet-3xs:0.875rem;--db-typography-expressive-tablet-headline-lg-line-height:1.2;--db-typography-expressive-tablet-headline-lg-font-size:2.5rem;--db-base-icon-weight-expressive-tablet-headline-lg:48;--db-base-icon-font-size-expressive-tablet-headline-lg:3rem;--db-typography-expressive-tablet-headline-md-line-height:1.25;--db-typography-expressive-tablet-headline-md-font-size:2rem;--db-base-icon-weight-expressive-tablet-headline-md:40;--db-base-icon-font-size-expressive-tablet-headline-md:2.5rem;--db-typography-expressive-tablet-headline-sm-line-height:1.1428571428571428;--db-typography-expressive-tablet-headline-sm-font-size:1.75rem;--db-base-icon-weight-expressive-tablet-headline-sm:32;--db-base-icon-font-size-expressive-tablet-headline-sm:2rem;--db-typography-expressive-tablet-headline-xl-line-height:1.3333333333333333;--db-typography-expressive-tablet-headline-xl-font-size:3rem;--db-base-icon-weight-expressive-tablet-headline-xl:64;--db-base-icon-font-size-expressive-tablet-headline-xl:4rem;--db-typography-expressive-tablet-headline-xs-line-height:1.1666666666666667;--db-typography-expressive-tablet-headline-xs-font-size:1.5rem;--db-base-icon-weight-expressive-tablet-headline-xs:28;--db-base-icon-font-size-expressive-tablet-headline-xs:1.75rem;--db-typography-expressive-tablet-headline-2xl-line-height:1.25;--db-typography-expressive-tablet-headline-2xl-font-size:4rem;--db-base-icon-weight-expressive-tablet-headline-2xl:80;--db-base-icon-font-size-expressive-tablet-headline-2xl:5rem;--db-typography-expressive-tablet-headline-2xs-line-height:1.2;--db-typography-expressive-tablet-headline-2xs-font-size:1.25rem;--db-base-icon-weight-expressive-tablet-headline-2xs:24;--db-base-icon-font-size-expressive-tablet-headline-2xs:1.5rem;--db-typography-expressive-tablet-headline-3xl-line-height:1.2;--db-typography-expressive-tablet-headline-3xl-font-size:5rem;--db-base-icon-weight-expressive-tablet-headline-3xl:96;--db-base-icon-font-size-expressive-tablet-headline-3xl:6rem;--db-typography-expressive-tablet-headline-3xs-line-height:1.2;--db-typography-expressive-tablet-headline-3xs-font-size:1.25rem;--db-base-icon-weight-expressive-tablet-headline-3xs:24;--db-base-icon-font-size-expressive-tablet-headline-3xs:1.5rem;--db-typography-expressive-mobile-body-lg-line-height:1.3333333333333333;--db-typography-expressive-mobile-body-lg-font-size:1.5rem;--db-base-icon-weight-expressive-mobile-lg:32;--db-base-icon-font-size-expressive-mobile-lg:2rem;--db-typography-expressive-mobile-body-md-line-height:1.4;--db-typography-expressive-mobile-body-md-font-size:1.25rem;--db-base-icon-weight-expressive-mobile-md:28;--db-base-icon-font-size-expressive-mobile-md:1.75rem;--db-typography-expressive-mobile-body-sm-line-height:1.5;--db-typography-expressive-mobile-body-sm-font-size:1rem;--db-base-icon-weight-expressive-mobile-sm:24;--db-base-icon-font-size-expressive-mobile-sm:1.5rem;--db-typography-expressive-mobile-body-xl-line-height:1.3333333333333333;--db-typography-expressive-mobile-body-xl-font-size:1.5rem;--db-base-icon-weight-expressive-mobile-xl:32;--db-base-icon-font-size-expressive-mobile-xl:2rem;--db-typography-expressive-mobile-body-xs-line-height:1.4285714285714286;--db-typography-expressive-mobile-body-xs-font-size:0.875rem;--db-base-icon-weight-expressive-mobile-xs:20;--db-base-icon-font-size-expressive-mobile-xs:1.25rem;--db-typography-expressive-mobile-body-2xl-line-height:1.3333333333333333;--db-typography-expressive-mobile-body-2xl-font-size:1.5rem;--db-base-icon-weight-expressive-mobile-2xl:32;--db-base-icon-font-size-expressive-mobile-2xl:2rem;--db-typography-expressive-mobile-body-3xl-line-height:1.3333333333333333;--db-typography-expressive-mobile-body-3xl-font-size:1.5rem;--db-base-icon-weight-expressive-mobile-3xl:32;--db-base-icon-font-size-expressive-mobile-3xl:2rem;--db-typography-expressive-mobile-body-2xs-line-height:1.3333333333333333;--db-typography-expressive-mobile-body-2xs-font-size:0.75rem;--db-base-icon-weight-expressive-mobile-2xs:16;--db-base-icon-font-size-expressive-mobile-2xs:1rem;--db-typography-expressive-mobile-body-3xs-line-height:1.4;--db-typography-expressive-mobile-body-3xs-font-size:0.625rem;--db-base-icon-weight-expressive-mobile-3xs:14;--db-base-icon-font-size-expressive-mobile-3xs:0.875rem;--db-typography-expressive-mobile-headline-lg-line-height:1.25;--db-typography-expressive-mobile-headline-lg-font-size:2rem;--db-base-icon-weight-expressive-mobile-headline-lg:40;--db-base-icon-font-size-expressive-mobile-headline-lg:2.5rem;--db-typography-expressive-mobile-headline-md-line-height:1.1428571428571428;--db-typography-expressive-mobile-headline-md-font-size:1.75rem;--db-base-icon-weight-expressive-mobile-headline-md:32;--db-base-icon-font-size-expressive-mobile-headline-md:2rem;--db-typography-expressive-mobile-headline-sm-line-height:1.1666666666666667;--db-typography-expressive-mobile-headline-sm-font-size:1.5rem;--db-base-icon-weight-expressive-mobile-headline-sm:28;--db-base-icon-font-size-expressive-mobile-headline-sm:1.75rem;--db-typography-expressive-mobile-headline-xl-line-height:1.2;--db-typography-expressive-mobile-headline-xl-font-size:2.5rem;--db-base-icon-weight-expressive-mobile-headline-xl:48;--db-base-icon-font-size-expressive-mobile-headline-xl:3rem;--db-typography-expressive-mobile-headline-xs-line-height:1.2;--db-typography-expressive-mobile-headline-xs-font-size:1.25rem;--db-base-icon-weight-expressive-mobile-headline-xs:24;--db-base-icon-font-size-expressive-mobile-headline-xs:1.5rem;--db-typography-expressive-mobile-headline-2xl-line-height:1.2;--db-typography-expressive-mobile-headline-2xl-font-size:2.5rem;--db-base-icon-weight-expressive-mobile-headline-2xl:48;--db-base-icon-font-size-expressive-mobile-headline-2xl:3rem;--db-typography-expressive-mobile-headline-2xs-line-height:1.25;--db-typography-expressive-mobile-headline-2xs-font-size:1rem;--db-base-icon-weight-expressive-mobile-headline-2xs:20;--db-base-icon-font-size-expressive-mobile-headline-2xs:1.25rem;--db-typography-expressive-mobile-headline-3xl-line-height:1.2;--db-typography-expressive-mobile-headline-3xl-font-size:2.5rem;--db-base-icon-weight-expressive-mobile-headline-3xl:48;--db-base-icon-font-size-expressive-mobile-headline-3xl:3rem;--db-typography-expressive-mobile-headline-3xs-line-height:1.25;--db-typography-expressive-mobile-headline-3xs-font-size:1rem;--db-base-icon-weight-expressive-mobile-headline-3xs:20;--db-base-icon-font-size-expressive-mobile-headline-3xs:1.25rem;--db-border-height-sm:0.0625rem;--db-border-height-md:0.125rem;--db-border-height-lg:0.25rem;--db-border-radius-sm:0.15625rem;--db-border-radius-md:0.25rem;--db-border-radius-lg:0.5rem;--db-border-radius-3xl:2.625rem;--db-opacity-sm:0.25;--db-opacity-md:0.5;--db-opacity-lg:0.75;--db-elevation-sm:0 0 1px -1px rgba(0,0,0,.2),0 0 4px 1px rgba(0,0,0,.12),0 0 2px 0 rgba(0,0,0,.14);--db-elevation-md:0 0 2px -1px rgba(0,0,0,.2),0 0 8px 1px rgba(0,0,0,.12),0 0 4px 0 rgba(0,0,0,.14);--db-elevation-lg:0 0 4px -3px rgba(0,0,0,.2),0 0 16px 3px rgba(0,0,0,.12),0 0 8px 1px rgba(0,0,0,.14);--db-base-on-enabled:#fff;--db-base-origin-enabled:#242629;--db-base-origin-hover:#212326;--db-base-origin-pressed:#1e1f22;--db-base-text-enabled:#242629;--db-base-text-hover:#6b6c6d;--db-base-text-pressed:#939494;--db-base-on-bg-enabled:#242629;--db-base-on-bg-hover:#12131540;--db-base-on-bg-pressed:#191b1d80;--db-base-on-bg-weak-enabled:#12131540;--db-base-bg-enabled:#fff;--db-base-bg-strong-enabled:#fafafa;--db-base-element-enabled:#777e88;--db-base-border-enabled:#5f656da3;--db-base-border-weak-enabled:#43474d52;--db-neutral-on-enabled:#fff;--db-neutral-origin-enabled:#646973;--db-neutral-origin-hover:#5c6069;--db-neutral-origin-pressed:#52575f;--db-neutral-text-enabled:#646973;--db-neutral-text-hover:#898c93;--db-neutral-text-pressed:#a6a8ad;--db-neutral-on-bg-enabled:#3c3f45;--db-neutral-on-bg-hover:#1e202340;--db-neutral-on-bg-pressed:#2a2d3180;--db-neutral-on-bg-weak-enabled:#1e202340;--db-neutral-bg-enabled:#f6f6f7;--db-neutral-bg-strong-enabled:#f1f1f2;--db-neutral-element-enabled:#777d88;--db-neutral-border-enabled:#5f646da3;--db-neutral-border-weak-enabled:#43474d52;--db-brand-on-enabled:#fff;--db-brand-origin-enabled:#ec0016;--db-brand-origin-hover:#d80014;--db-brand-origin-pressed:#c30012;--db-brand-text-enabled:#e80014;--db-brand-text-hover:#ec6668;--db-brand-text-pressed:#f09091;--db-brand-on-bg-enabled:#8b000c;--db-brand-on-bg-hover:#46000640;--db-brand-on-bg-pressed:#62000880;--db-brand-on-bg-weak-enabled:#46000640;--db-brand-bg-enabled:#fdf5f5;--db-brand-bg-strong-enabled:#f8f0f0;--db-brand-element-enabled:#ff0016;--db-brand-border-enabled:#cc0012a3;--db-brand-border-weak-enabled:#90000c52;--db-informational-on-enabled:#fff;--db-informational-origin-enabled:#309fd1;--db-informational-origin-hover:#2c92c0;--db-informational-origin-pressed:#2883ac;--db-informational-text-enabled:#007caa;--db-informational-text-hover:#6699ba;--db-informational-text-pressed:#90b1c9;--db-informational-on-bg-enabled:#004a66;--db-informational-on-bg-hover:#00253340;--db-informational-on-bg-pressed:#00344880;--db-informational-on-bg-weak-enabled:#00253340;--db-informational-bg-enabled:#f5f7f9;--db-informational-bg-strong-enabled:#f0f2f4;--db-informational-element-enabled:#0099d1;--db-informational-border-enabled:#007aa7a3;--db-informational-border-weak-enabled:#00577652;--db-warning-on-enabled:#fff;--db-warning-origin-enabled:#f39200;--db-warning-origin-hover:#df8600;--db-warning-origin-pressed:#c87800;--db-warning-text-enabled:#af5c00;--db-warning-text-hover:#be8466;--db-warning-text-pressed:#cca390;--db-warning-on-bg-enabled:#693700;--db-warning-on-bg-hover:#351c0040;--db-warning-on-bg-pressed:#4a270080;--db-warning-on-bg-weak-enabled:#351c0040;--db-warning-bg-enabled:#faf6f5;--db-warning-bg-strong-enabled:#f5f1f0;--db-warning-element-enabled:#db7300;--db-warning-border-enabled:#af5c00a3;--db-warning-border-weak-enabled:#7c410052;--db-successful-on-enabled:#fff;--db-successful-origin-enabled:#63a615;--db-successful-origin-hover:#5b9813;--db-successful-origin-pressed:#528911;--db-successful-text-enabled:#398200;--db-successful-text-hover:#739d66;--db-successful-text-pressed:#98b490;--db-successful-on-bg-enabled:#224e00;--db-successful-on-bg-hover:#11270040;--db-successful-on-bg-pressed:#18370080;--db-successful-on-bg-weak-enabled:#11270040;--db-successful-bg-enabled:#f5f7f5;--db-successful-bg-strong-enabled:#f0f2f0;--db-successful-element-enabled:#48a300;--db-successful-border-enabled:#3a8200a3;--db-successful-border-weak-enabled:#295c0052;--db-critical-on-enabled:#fff;--db-critical-origin-enabled:#ec0016;--db-critical-origin-hover:#d80014;--db-critical-origin-pressed:#c30012;--db-critical-text-enabled:#e80014;--db-critical-text-hover:#ec6668;--db-critical-text-pressed:#f09091;--db-critical-on-bg-enabled:#8b000c;--db-critical-on-bg-hover:#46000640;--db-critical-on-bg-pressed:#62000880;--db-critical-on-bg-weak-enabled:#46000640;--db-critical-bg-enabled:#fdf5f5;--db-critical-bg-strong-enabled:#f8f0f0;--db-critical-element-enabled:#ff0016;--db-critical-border-enabled:#cc0012a3;--db-critical-border-weak-enabled:#90000c52;color-scheme:light}@media(prefers-color-scheme:dark){:root{--db-base-on-enabled:#000000bf;--db-base-origin-enabled:#fff;--db-base-origin-hover:#fff;--db-base-origin-pressed:#fff;--db-base-text-enabled:#fff;--db-base-text-hover:#eaeaea;--db-base-text-pressed:#d2d2d2;--db-base-on-bg-enabled:#fff;--db-base-on-bg-hover:#80808040;--db-base-on-bg-pressed:#b4b4b480;--db-base-on-bg-weak-enabled:#80808040;--db-base-bg-enabled:#242629;--db-base-bg-strong-enabled:#3e3f41;--db-base-element-enabled:#8a8a8a;--db-base-border-enabled:#787878bf;--db-base-border-weak-enabled:#62626280;--db-neutral-on-enabled:#000000bf;--db-neutral-origin-enabled:#646973;--db-neutral-origin-hover:#898c93;--db-neutral-origin-pressed:#a6a8ad;--db-neutral-text-enabled:#acb1bb;--db-neutral-text-hover:#9ea2ab;--db-neutral-text-pressed:#8e929a;--db-neutral-on-bg-enabled:#e5e6e9;--db-neutral-on-bg-hover:#73737540;--db-neutral-on-bg-pressed:#a2a3a580;--db-neutral-on-bg-weak-enabled:#73737540;--db-neutral-bg-enabled:#313235;--db-neutral-bg-strong-enabled:#464749;--db-neutral-element-enabled:#848b9a;--db-neutral-border-enabled:#727885bf;--db-neutral-border-weak-enabled:#5d626d80;--db-brand-on-enabled:#fff;--db-brand-origin-enabled:#ec0016;--db-brand-origin-hover:#ef6668;--db-brand-origin-pressed:#f29091;--db-brand-text-enabled:#ff8c70;--db-brand-text-hover:#ea8067;--db-brand-text-pressed:#d2735c;--db-brand-on-bg-enabled:#ffddd7;--db-brand-on-bg-hover:#806f6c40;--db-brand-on-bg-pressed:#b49c9880;--db-brand-on-bg-weak-enabled:#806f6c40;--db-brand-bg-enabled:#482820;--db-brand-bg-strong-enabled:#57403c;--db-brand-element-enabled:#ff4214;--db-brand-border-enabled:#dd3911bf;--db-brand-border-weak-enabled:#b42f0e80;--db-informational-on-enabled:#000000bf;--db-informational-origin-enabled:#309fd1;--db-informational-origin-hover:#6fb2d9;--db-informational-origin-pressed:#96c3e1;--db-informational-text-enabled:#50b3ea;--db-informational-text-hover:#49a4d6;--db-informational-text-pressed:#4294c1;--db-informational-on-bg-enabled:#d2e7f8;--db-informational-on-bg-hover:#69747c40;--db-informational-on-bg-pressed:#94a3af80;--db-informational-on-bg-weak-enabled:#69747c40;--db-informational-bg-enabled:#173342;--db-informational-bg-strong-enabled:#384752;--db-informational-element-enabled:#1a93d6;--db-informational-border-enabled:#177fb9bf;--db-informational-border-weak-enabled:#12689780;--db-warning-on-enabled:#000000bf;--db-warning-origin-enabled:#f39200;--db-warning-origin-hover:#f5a866;--db-warning-origin-pressed:#f7bc90;--db-warning-text-enabled:#f59303;--db-warning-text-hover:#e18703;--db-warning-text-pressed:#ca7902;--db-warning-on-bg-enabled:#fbdecc;--db-warning-on-bg-hover:#7e6f6640;--db-warning-on-bg-pressed:#b19d9080;--db-warning-on-bg-weak-enabled:#7e6f6640;--db-warning-bg-enabled:#452a01;--db-warning-bg-strong-enabled:#554233;--db-warning-element-enabled:#fc9703;--db-warning-border-enabled:#da8303bf;--db-warning-border-weak-enabled:#b26b0280;--db-successful-on-enabled:#000000bf;--db-successful-origin-enabled:#63a615;--db-successful-origin-hover:#89b768;--db-successful-origin-pressed:#a6c791;--db-successful-text-enabled:#81bf35;--db-successful-text-hover:#76af31;--db-successful-text-pressed:#6a9e2c;--db-successful-on-bg-enabled:#daeace;--db-successful-on-bg-hover:#6d756740;--db-successful-on-bg-pressed:#9aa59280;--db-successful-on-bg-weak-enabled:#6d756740;--db-successful-bg-enabled:#24360f;--db-successful-bg-strong-enabled:#3e4935;--db-successful-element-enabled:#87c837;--db-successful-border-enabled:#75ad30bf;--db-successful-border-weak-enabled:#5f8d2780;--db-critical-on-enabled:#000000bf;--db-critical-origin-enabled:#ec0016;--db-critical-origin-hover:#ef6668;--db-critical-origin-pressed:#f29091;--db-critical-text-enabled:#ff8c70;--db-critical-text-hover:#ea8067;--db-critical-text-pressed:#d2735c;--db-critical-on-bg-enabled:#ffddd7;--db-critical-on-bg-hover:#806f6c40;--db-critical-on-bg-pressed:#b49c9880;--db-critical-on-bg-weak-enabled:#806f6c40;--db-critical-bg-enabled:#482820;--db-critical-bg-strong-enabled:#57403c;--db-critical-element-enabled:#ff4214;--db-critical-border-enabled:#dd3911bf;--db-critical-border-weak-enabled:#b42f0e80;color-scheme:dark}}[data-color-scheme=light]{--db-base-on-enabled:#fff;--db-base-origin-enabled:#242629;--db-base-origin-hover:#212326;--db-base-origin-pressed:#1e1f22;--db-base-text-enabled:#242629;--db-base-text-hover:#6b6c6d;--db-base-text-pressed:#939494;--db-base-on-bg-enabled:#242629;--db-base-on-bg-hover:#12131540;--db-base-on-bg-pressed:#191b1d80;--db-base-on-bg-weak-enabled:#12131540;--db-base-bg-enabled:#fff;--db-base-bg-strong-enabled:#fafafa;--db-base-element-enabled:#777e88;--db-base-border-enabled:#5f656da3;--db-base-border-weak-enabled:#43474d52;--db-neutral-on-enabled:#fff;--db-neutral-origin-enabled:#646973;--db-neutral-origin-hover:#5c6069;--db-neutral-origin-pressed:#52575f;--db-neutral-text-enabled:#646973;--db-neutral-text-hover:#898c93;--db-neutral-text-pressed:#a6a8ad;--db-neutral-on-bg-enabled:#3c3f45;--db-neutral-on-bg-hover:#1e202340;--db-neutral-on-bg-pressed:#2a2d3180;--db-neutral-on-bg-weak-enabled:#1e202340;--db-neutral-bg-enabled:#f6f6f7;--db-neutral-bg-strong-enabled:#f1f1f2;--db-neutral-element-enabled:#777d88;--db-neutral-border-enabled:#5f646da3;--db-neutral-border-weak-enabled:#43474d52;--db-brand-on-enabled:#fff;--db-brand-origin-enabled:#ec0016;--db-brand-origin-hover:#d80014;--db-brand-origin-pressed:#c30012;--db-brand-text-enabled:#e80014;--db-brand-text-hover:#ec6668;--db-brand-text-pressed:#f09091;--db-brand-on-bg-enabled:#8b000c;--db-brand-on-bg-hover:#46000640;--db-brand-on-bg-pressed:#62000880;--db-brand-on-bg-weak-enabled:#46000640;--db-brand-bg-enabled:#fdf5f5;--db-brand-bg-strong-enabled:#f8f0f0;--db-brand-element-enabled:#ff0016;--db-brand-border-enabled:#cc0012a3;--db-brand-border-weak-enabled:#90000c52;--db-informational-on-enabled:#fff;--db-informational-origin-enabled:#309fd1;--db-informational-origin-hover:#2c92c0;--db-informational-origin-pressed:#2883ac;--db-informational-text-enabled:#007caa;--db-informational-text-hover:#6699ba;--db-informational-text-pressed:#90b1c9;--db-informational-on-bg-enabled:#004a66;--db-informational-on-bg-hover:#00253340;--db-informational-on-bg-pressed:#00344880;--db-informational-on-bg-weak-enabled:#00253340;--db-informational-bg-enabled:#f5f7f9;--db-informational-bg-strong-enabled:#f0f2f4;--db-informational-element-enabled:#0099d1;--db-informational-border-enabled:#007aa7a3;--db-informational-border-weak-enabled:#00577652;--db-warning-on-enabled:#fff;--db-warning-origin-enabled:#f39200;--db-warning-origin-hover:#df8600;--db-warning-origin-pressed:#c87800;--db-warning-text-enabled:#af5c00;--db-warning-text-hover:#be8466;--db-warning-text-pressed:#cca390;--db-warning-on-bg-enabled:#693700;--db-warning-on-bg-hover:#351c0040;--db-warning-on-bg-pressed:#4a270080;--db-warning-on-bg-weak-enabled:#351c0040;--db-warning-bg-enabled:#faf6f5;--db-warning-bg-strong-enabled:#f5f1f0;--db-warning-element-enabled:#db7300;--db-warning-border-enabled:#af5c00a3;--db-warning-border-weak-enabled:#7c410052;--db-successful-on-enabled:#fff;--db-successful-origin-enabled:#63a615;--db-successful-origin-hover:#5b9813;--db-successful-origin-pressed:#528911;--db-successful-text-enabled:#398200;--db-successful-text-hover:#739d66;--db-successful-text-pressed:#98b490;--db-successful-on-bg-enabled:#224e00;--db-successful-on-bg-hover:#11270040;--db-successful-on-bg-pressed:#18370080;--db-successful-on-bg-weak-enabled:#11270040;--db-successful-bg-enabled:#f5f7f5;--db-successful-bg-strong-enabled:#f0f2f0;--db-successful-element-enabled:#48a300;--db-successful-border-enabled:#3a8200a3;--db-successful-border-weak-enabled:#295c0052;--db-critical-on-enabled:#fff;--db-critical-origin-enabled:#ec0016;--db-critical-origin-hover:#d80014;--db-critical-origin-pressed:#c30012;--db-critical-text-enabled:#e80014;--db-critical-text-hover:#ec6668;--db-critical-text-pressed:#f09091;--db-critical-on-bg-enabled:#8b000c;--db-critical-on-bg-hover:#46000640;--db-critical-on-bg-pressed:#62000880;--db-critical-on-bg-weak-enabled:#46000640;--db-critical-bg-enabled:#fdf5f5;--db-critical-bg-strong-enabled:#f8f0f0;--db-critical-element-enabled:#ff0016;--db-critical-border-enabled:#cc0012a3;--db-critical-border-weak-enabled:#90000c52;color-scheme:light}[data-color-scheme=dark]{--db-base-on-enabled:#000000bf;--db-base-origin-enabled:#fff;--db-base-origin-hover:#fff;--db-base-origin-pressed:#fff;--db-base-text-enabled:#fff;--db-base-text-hover:#eaeaea;--db-base-text-pressed:#d2d2d2;--db-base-on-bg-enabled:#fff;--db-base-on-bg-hover:#80808040;--db-base-on-bg-pressed:#b4b4b480;--db-base-on-bg-weak-enabled:#80808040;--db-base-bg-enabled:#242629;--db-base-bg-strong-enabled:#3e3f41;--db-base-element-enabled:#8a8a8a;--db-base-border-enabled:#787878bf;--db-base-border-weak-enabled:#62626280;--db-neutral-on-enabled:#000000bf;--db-neutral-origin-enabled:#646973;--db-neutral-origin-hover:#898c93;--db-neutral-origin-pressed:#a6a8ad;--db-neutral-text-enabled:#acb1bb;--db-neutral-text-hover:#9ea2ab;--db-neutral-text-pressed:#8e929a;--db-neutral-on-bg-enabled:#e5e6e9;--db-neutral-on-bg-hover:#73737540;--db-neutral-on-bg-pressed:#a2a3a580;--db-neutral-on-bg-weak-enabled:#73737540;--db-neutral-bg-enabled:#313235;--db-neutral-bg-strong-enabled:#464749;--db-neutral-element-enabled:#848b9a;--db-neutral-border-enabled:#727885bf;--db-neutral-border-weak-enabled:#5d626d80;--db-brand-on-enabled:#fff;--db-brand-origin-enabled:#ec0016;--db-brand-origin-hover:#ef6668;--db-brand-origin-pressed:#f29091;--db-brand-text-enabled:#ff8c70;--db-brand-text-hover:#ea8067;--db-brand-text-pressed:#d2735c;--db-brand-on-bg-enabled:#ffddd7;--db-brand-on-bg-hover:#806f6c40;--db-brand-on-bg-pressed:#b49c9880;--db-brand-on-bg-weak-enabled:#806f6c40;--db-brand-bg-enabled:#482820;--db-brand-bg-strong-enabled:#57403c;--db-brand-element-enabled:#ff4214;--db-brand-border-enabled:#dd3911bf;--db-brand-border-weak-enabled:#b42f0e80;--db-informational-on-enabled:#000000bf;--db-informational-origin-enabled:#309fd1;--db-informational-origin-hover:#6fb2d9;--db-informational-origin-pressed:#96c3e1;--db-informational-text-enabled:#50b3ea;--db-informational-text-hover:#49a4d6;--db-informational-text-pressed:#4294c1;--db-informational-on-bg-enabled:#d2e7f8;--db-informational-on-bg-hover:#69747c40;--db-informational-on-bg-pressed:#94a3af80;--db-informational-on-bg-weak-enabled:#69747c40;--db-informational-bg-enabled:#173342;--db-informational-bg-strong-enabled:#384752;--db-informational-element-enabled:#1a93d6;--db-informational-border-enabled:#177fb9bf;--db-informational-border-weak-enabled:#12689780;--db-warning-on-enabled:#000000bf;--db-warning-origin-enabled:#f39200;--db-warning-origin-hover:#f5a866;--db-warning-origin-pressed:#f7bc90;--db-warning-text-enabled:#f59303;--db-warning-text-hover:#e18703;--db-warning-text-pressed:#ca7902;--db-warning-on-bg-enabled:#fbdecc;--db-warning-on-bg-hover:#7e6f6640;--db-warning-on-bg-pressed:#b19d9080;--db-warning-on-bg-weak-enabled:#7e6f6640;--db-warning-bg-enabled:#452a01;--db-warning-bg-strong-enabled:#554233;--db-warning-element-enabled:#fc9703;--db-warning-border-enabled:#da8303bf;--db-warning-border-weak-enabled:#b26b0280;--db-successful-on-enabled:#000000bf;--db-successful-origin-enabled:#63a615;--db-successful-origin-hover:#89b768;--db-successful-origin-pressed:#a6c791;--db-successful-text-enabled:#81bf35;--db-successful-text-hover:#76af31;--db-successful-text-pressed:#6a9e2c;--db-successful-on-bg-enabled:#daeace;--db-successful-on-bg-hover:#6d756740;--db-successful-on-bg-pressed:#9aa59280;--db-successful-on-bg-weak-enabled:#6d756740;--db-successful-bg-enabled:#24360f;--db-successful-bg-strong-enabled:#3e4935;--db-successful-element-enabled:#87c837;--db-successful-border-enabled:#75ad30bf;--db-successful-border-weak-enabled:#5f8d2780;--db-critical-on-enabled:#000000bf;--db-critical-origin-enabled:#ec0016;--db-critical-origin-hover:#ef6668;--db-critical-origin-pressed:#f29091;--db-critical-text-enabled:#ff8c70;--db-critical-text-hover:#ea8067;--db-critical-text-pressed:#d2735c;--db-critical-on-bg-enabled:#ffddd7;--db-critical-on-bg-hover:#806f6c40;--db-critical-on-bg-pressed:#b49c9880;--db-critical-on-bg-weak-enabled:#806f6c40;--db-critical-bg-enabled:#482820;--db-critical-bg-strong-enabled:#57403c;--db-critical-element-enabled:#ff4214;--db-critical-border-enabled:#dd3911bf;--db-critical-border-weak-enabled:#b42f0e80;color-scheme:dark}:root{--db-transition-duration-x-slow:0.5s;--db-transition-duration-slow:0.4s;--db-transition-duration-medium:0.3s;--db-transition-duration-fast:0.15s;--db-transition-duration-x-fast:0.075s;--db-transition-show-timing:cubic-bezier(0.49,0.1,0.16,1) normal both;--db-transition-show-straight:0.5s cubic-bezier(0.49,0.1,0.16,1) normal both;--db-transition-hide-straight:0.4s cubic-bezier(0.49,0.1,0.16,1) normal both;--db-transition-emotional-timing:cubic-bezier(0.27,0.05,0.4,0.95);--db-transition-emotional-straight:0.3s cubic-bezier(0.27,0.05,0.4,0.95);--db-transition-functional-timing:cubic-bezier(0.15,0,0.45,1);--db-transition-functional-straight:0.3s cubic-bezier(0.15,0,0.45,1);--db-font-db-screensans-regular-name:"DB Screen Sans Regular";--db-font-db-screensans-regular-local-name:DB Screen Sans;--db-font-db-screensans-regular-local-name-short:DB Sans;--db-font-db-screensans-regular-font-family:"DB Screen Sans";--db-font-db-screensans-regular-font-weight:400;--db-font-db-screensans-regular-woff2:"dbscreensans-regular.woff2";--db-font-db-screensans-bold-name:"DB Screen Sans Bold";--db-font-db-screensans-bold-local-name:DB Screen Sans Bold;--db-font-db-screensans-bold-local-name-short:DB Sans Bold;--db-font-db-screensans-bold-font-family:"DB Screen Sans";--db-font-db-screensans-bold-font-weight:700;--db-font-db-screensans-bold-woff2:"dbscreensans-bold.woff2";--db-font-db-screenhead-light-name:"DB Screen Head Light";--db-font-db-screenhead-light-local-name:DB Screen Head;--db-font-db-screenhead-light-local-name-short:DB Head Light;--db-font-db-screenhead-light-font-family:"DB Screen Head";--db-font-db-screenhead-light-font-weight:300;--db-font-db-screenhead-light-woff2:"dbscreenhead-light.woff2";--db-font-db-screenhead-black-name:"DB Screen Head Black";--db-font-db-screenhead-black-local-name:DB Screen Head #000;--db-font-db-screenhead-black-local-name-short:DB Head #000;--db-font-db-screenhead-black-font-family:"DB Screen Head";--db-font-db-screenhead-black-font-weight:900;--db-font-db-screenhead-black-woff2:"dbscreenhead-black.woff2";--db-font-db-screensans-digital-regular-name:"DB Screen Sans Digital Regular";--db-font-db-screensans-digital-regular-local-name:DB Screen Sans Digital;--db-font-db-screensans-digital-regular-local-name-short:DB Sans Digital;--db-font-db-screensans-digital-regular-font-family:"DB Screen Sans Digital";--db-font-db-screensans-digital-regular-font-weight:400;--db-font-db-screensans-digital-regular-woff2:"dbscreensans-digitalregular.woff2";--db-font-family-sans:"DB Screen Sans",Helvetica,Arial,sans-serif;--db-font-family-head:"DB Screen Head",Helvetica,Arial,sans-serif;--db-font-family-bold:"DB Screen Sans",Helvetica,Arial,sans-serif}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:400;src:url(/mono/review/main/_next/static/media/db-ux.572f38ad.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:16;src:url(/mono/review/main/_next/static/media/db-ux.c7b5969c.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:20;src:url(/mono/review/main/_next/static/media/db-ux.04b05fa3.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:24;src:url(/mono/review/main/_next/static/media/db-ux.c7ee2436.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:32;src:url(/mono/review/main/_next/static/media/db-ux.9c662863.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:48;src:url(/mono/review/main/_next/static/media/db-ux.2a3eb5f7.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:64;src:url(/mono/review/main/_next/static/media/db-ux.11811a50.woff2) format("woff2")}[data-icon-variant-after=default]:after,[data-icon-variant-before=default]:before,[data-icon-variant=default]:before{--db-icon-font-family:"db-ux-default"}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:400;src:url(/mono/review/main/_next/static/media/db-ux.9b68f67a.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:16;src:url(/mono/review/main/_next/static/media/db-ux.4102df6c.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:20;src:url(/mono/review/main/_next/static/media/db-ux.6d2bd18d.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:24;src:url(/mono/review/main/_next/static/media/db-ux.979088f4.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:32;src:url(/mono/review/main/_next/static/media/db-ux.6ef8fd70.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:48;src:url(/mono/review/main/_next/static/media/db-ux.326752e0.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:64;src:url(/mono/review/main/_next/static/media/db-ux.07b16c47.woff2) format("woff2")}[data-icon-variant-after=inverted]:after,[data-icon-variant-before=inverted]:before,[data-icon-variant=inverted]:before{--db-icon-font-family:"db-ux-inverted"}@font-face{font-display:block;font-family:db-ux-solid;font-style:normal;font-weight:400;src:url(/mono/review/main/_next/static/media/db-ux.4885ed2b.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-solid;font-style:normal;font-weight:16;src:url(/mono/review/main/_next/static/media/db-ux.d944524d.woff2) format("woff2")}[data-icon-weight-after="16"]:after,[data-icon-weight-before="16"]:before,[data-icon-weight="16"]:before{--db-icon-font-weight:16}@font-face{font-display:block;font-family:db-ux-solid;font-style:normal;font-weight:20;src:url(/mono/review/main/_next/static/media/db-ux.5e39c2f5.woff2) format("woff2")}[data-icon-weight-after="20"]:after,[data-icon-weight-before="20"]:before,[data-icon-weight="20"]:before{--db-icon-font-weight:20}@font-face{font-display:block;font-family:db-ux-solid;font-style:normal;font-weight:24;src:url(/mono/review/main/_next/static/media/db-ux.9f06d094.woff2) format("woff2")}[data-icon-weight-after="24"]:after,[data-icon-weight-before="24"]:before,[data-icon-weight="24"]:before{--db-icon-font-weight:24}@font-face{font-display:block;font-family:db-ux-solid;font-style:normal;font-weight:32;src:url(/mono/review/main/_next/static/media/db-ux.b089bbca.woff2) format("woff2")}[data-icon-weight-after="32"]:after,[data-icon-weight-before="32"]:before,[data-icon-weight="32"]:before{--db-icon-font-weight:32}@font-face{font-display:block;font-family:db-ux-solid;font-style:normal;font-weight:48;src:url(/mono/review/main/_next/static/media/db-ux.d5549f5c.woff2) format("woff2")}[data-icon-weight-after="48"]:after,[data-icon-weight-before="48"]:before,[data-icon-weight="48"]:before{--db-icon-font-weight:48}@font-face{font-display:block;font-family:db-ux-solid;font-style:normal;font-weight:64;src:url(/mono/review/main/_next/static/media/db-ux.b556c519.woff2) format("woff2")}[data-icon-weight-after="64"]:after,[data-icon-weight-before="64"]:before,[data-icon-weight="64"]:before{--db-icon-font-weight:64}[data-icon-variant-after=solid]:after,[data-icon-variant-before=solid]:before,[data-icon-variant=solid]:before{--db-icon-font-family:"db-ux-solid"}[data-icon-after]:is(span),[data-icon-before]:is(span),[data-icon]:is(span){display:inline-flex;vertical-align:baseline}[data-icon-before]:before,[data-icon]:before{-webkit-margin-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs));margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}[data-icon-before=none]:before,[data-icon=none]:before{content:none}[data-icon-after]:after{content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}[data-icon-after=none]:after{content:none}.is-icon-text-replace[data-icon-before],.is-icon-text-replace[data-icon]{font-size:0!important}.is-icon-text-replace[data-icon-before]:before,.is-icon-text-replace[data-icon]:before{--db-icon-margin-end:0}.is-icon-text-replace[data-icon-after]{font-size:0!important}.is-icon-text-replace[data-icon-after]:after{--db-icon-margin-start:0}.db-bg-base,.db-bg-base-interactive,.db-bg-base-strong,.db-bg-base-transparent-full,.db-bg-base-transparent-semi{--db-current-base-color:var(--db-base-text-enabled);--db-current-color:var(--db-base-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-base-bg-enabled));--db-current-element-color:var(--db-base-element-enabled);--db-current-border-color:var(--db-base-border-enabled);--db-current-border-weak-color:var( --db-base-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-base-bg-enabled))}.db-bg-base,.db-bg-base-interactive,.db-bg-base-strong{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-bg-base-transparent-full,.db-bg-base-transparent-semi{color:var(--db-base-on-bg-enabled);background-color:color-mix(in srgb,transparent var(--db-bg-transparent,100%),var(--db-current-base-color))}.db-bg-base-transparent-semi{background-color:color-mix(in srgb,transparent var(--db-bg-transparent,92%),var(--db-current-base-color))}.db-bg-base-interactive:enabled:hover{--db-bg-transparent:84%}.db-bg-base-interactive:enabled:active{--db-bg-transparent:68%}[data-emphasis=weak].db-bg-base,[data-emphasis=weak].db-bg-base-interactive,[data-emphasis=weak].db-bg-base-strong{--db-current-color:var(--db-base-on-bg-weak-enabled);color:var(--db-current-color)}.db-bg-base-strong{--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-base-bg-strong-enabled))}.db-bg-neutral,.db-bg-neutral-interactive,.db-bg-neutral-strong,.db-bg-neutral-transparent-full,.db-bg-neutral-transparent-semi{--db-current-base-color:var(--db-neutral-text-enabled);--db-current-color:var(--db-neutral-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-neutral-bg-enabled));--db-current-element-color:var(--db-neutral-element-enabled);--db-current-border-color:var(--db-neutral-border-enabled);--db-current-border-weak-color:var( --db-neutral-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-neutral-bg-enabled))}.db-bg-neutral,.db-bg-neutral-interactive,.db-bg-neutral-strong{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-bg-neutral-transparent-full,.db-bg-neutral-transparent-semi{color:var(--db-neutral-on-bg-enabled);background-color:color-mix(in srgb,transparent var(--db-bg-transparent,100%),var(--db-current-base-color))}.db-bg-neutral-transparent-semi{background-color:color-mix(in srgb,transparent var(--db-bg-transparent,92%),var(--db-current-base-color))}.db-bg-neutral-interactive:enabled:hover{--db-bg-transparent:84%}.db-bg-neutral-interactive:enabled:active{--db-bg-transparent:68%}[data-emphasis=weak].db-bg-neutral,[data-emphasis=weak].db-bg-neutral-interactive,[data-emphasis=weak].db-bg-neutral-strong{--db-current-color:var(--db-neutral-on-bg-weak-enabled);color:var(--db-current-color)}.db-bg-neutral-strong{--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-neutral-bg-strong-enabled))}.db-bg-brand,.db-bg-brand-interactive,.db-bg-brand-strong,.db-bg-brand-transparent-full,.db-bg-brand-transparent-semi{--db-current-base-color:var(--db-brand-text-enabled);--db-current-color:var(--db-brand-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-brand-bg-enabled));--db-current-element-color:var(--db-brand-element-enabled);--db-current-border-color:var(--db-brand-border-enabled);--db-current-border-weak-color:var( --db-brand-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-brand-bg-enabled))}.db-bg-brand,.db-bg-brand-interactive,.db-bg-brand-strong{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-bg-brand-transparent-full,.db-bg-brand-transparent-semi{color:var(--db-brand-on-bg-enabled);background-color:color-mix(in srgb,transparent var(--db-bg-transparent,100%),var(--db-current-base-color))}.db-bg-brand-transparent-semi{background-color:color-mix(in srgb,transparent var(--db-bg-transparent,92%),var(--db-current-base-color))}.db-bg-brand-interactive:enabled:hover{--db-bg-transparent:84%}.db-bg-brand-interactive:enabled:active{--db-bg-transparent:68%}[data-emphasis=weak].db-bg-brand,[data-emphasis=weak].db-bg-brand-interactive,[data-emphasis=weak].db-bg-brand-strong{--db-current-color:var(--db-brand-on-bg-weak-enabled);color:var(--db-current-color)}.db-bg-brand-strong{--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-brand-bg-strong-enabled))}.db-bg-critical,.db-bg-critical-interactive,.db-bg-critical-strong,.db-bg-critical-transparent-full,.db-bg-critical-transparent-semi{--db-current-base-color:var(--db-critical-text-enabled);--db-current-color:var(--db-critical-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-critical-bg-enabled));--db-current-element-color:var(--db-critical-element-enabled);--db-current-border-color:var(--db-critical-border-enabled);--db-current-border-weak-color:var( --db-critical-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-critical-bg-enabled))}.db-bg-critical,.db-bg-critical-interactive,.db-bg-critical-strong{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-bg-critical-transparent-full,.db-bg-critical-transparent-semi{color:var(--db-critical-on-bg-enabled);background-color:color-mix(in srgb,transparent var(--db-bg-transparent,100%),var(--db-current-base-color))}.db-bg-critical-transparent-semi{background-color:color-mix(in srgb,transparent var(--db-bg-transparent,92%),var(--db-current-base-color))}.db-bg-critical-interactive:enabled:hover{--db-bg-transparent:84%}.db-bg-critical-interactive:enabled:active{--db-bg-transparent:68%}[data-emphasis=weak].db-bg-critical,[data-emphasis=weak].db-bg-critical-interactive,[data-emphasis=weak].db-bg-critical-strong{--db-current-color:var(--db-critical-on-bg-weak-enabled);color:var(--db-current-color)}.db-bg-critical-strong{--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-critical-bg-strong-enabled))}.db-bg-successful,.db-bg-successful-interactive,.db-bg-successful-strong,.db-bg-successful-transparent-full,.db-bg-successful-transparent-semi{--db-current-base-color:var(--db-successful-text-enabled);--db-current-color:var(--db-successful-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-successful-bg-enabled));--db-current-element-color:var(--db-successful-element-enabled);--db-current-border-color:var(--db-successful-border-enabled);--db-current-border-weak-color:var( --db-successful-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-successful-bg-enabled))}.db-bg-successful,.db-bg-successful-interactive,.db-bg-successful-strong{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-bg-successful-transparent-full,.db-bg-successful-transparent-semi{color:var(--db-successful-on-bg-enabled);background-color:color-mix(in srgb,transparent var(--db-bg-transparent,100%),var(--db-current-base-color))}.db-bg-successful-transparent-semi{background-color:color-mix(in srgb,transparent var(--db-bg-transparent,92%),var(--db-current-base-color))}.db-bg-successful-interactive:enabled:hover{--db-bg-transparent:84%}.db-bg-successful-interactive:enabled:active{--db-bg-transparent:68%}[data-emphasis=weak].db-bg-successful,[data-emphasis=weak].db-bg-successful-interactive,[data-emphasis=weak].db-bg-successful-strong{--db-current-color:var(--db-successful-on-bg-weak-enabled);color:var(--db-current-color)}.db-bg-successful-strong{--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-successful-bg-strong-enabled))}.db-bg-warning,.db-bg-warning-interactive,.db-bg-warning-strong,.db-bg-warning-transparent-full,.db-bg-warning-transparent-semi{--db-current-base-color:var(--db-warning-text-enabled);--db-current-color:var(--db-warning-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-warning-bg-enabled));--db-current-element-color:var(--db-warning-element-enabled);--db-current-border-color:var(--db-warning-border-enabled);--db-current-border-weak-color:var( --db-warning-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-warning-bg-enabled))}.db-bg-warning,.db-bg-warning-interactive,.db-bg-warning-strong{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-bg-warning-transparent-full,.db-bg-warning-transparent-semi{color:var(--db-warning-on-bg-enabled);background-color:color-mix(in srgb,transparent var(--db-bg-transparent,100%),var(--db-current-base-color))}.db-bg-warning-transparent-semi{background-color:color-mix(in srgb,transparent var(--db-bg-transparent,92%),var(--db-current-base-color))}.db-bg-warning-interactive:enabled:hover{--db-bg-transparent:84%}.db-bg-warning-interactive:enabled:active{--db-bg-transparent:68%}[data-emphasis=weak].db-bg-warning,[data-emphasis=weak].db-bg-warning-interactive,[data-emphasis=weak].db-bg-warning-strong{--db-current-color:var(--db-warning-on-bg-weak-enabled);color:var(--db-current-color)}.db-bg-warning-strong{--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-warning-bg-strong-enabled))}.db-bg-informational,.db-bg-informational-interactive,.db-bg-informational-strong,.db-bg-informational-transparent-full,.db-bg-informational-transparent-semi{--db-current-base-color:var(--db-informational-text-enabled);--db-current-color:var(--db-informational-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-informational-bg-enabled));--db-current-element-color:var(--db-informational-element-enabled);--db-current-border-color:var(--db-informational-border-enabled);--db-current-border-weak-color:var( --db-informational-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-informational-bg-enabled))}.db-bg-informational,.db-bg-informational-interactive,.db-bg-informational-strong{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-bg-informational-transparent-full,.db-bg-informational-transparent-semi{color:var(--db-informational-on-bg-enabled);background-color:color-mix(in srgb,transparent var(--db-bg-transparent,100%),var(--db-current-base-color))}.db-bg-informational-transparent-semi{background-color:color-mix(in srgb,transparent var(--db-bg-transparent,92%),var(--db-current-base-color))}.db-bg-informational-interactive:enabled:hover{--db-bg-transparent:84%}.db-bg-informational-interactive:enabled:active{--db-bg-transparent:68%}[data-emphasis=weak].db-bg-informational,[data-emphasis=weak].db-bg-informational-interactive,[data-emphasis=weak].db-bg-informational-strong{--db-current-color:var(--db-informational-on-bg-weak-enabled);color:var(--db-current-color)}.db-bg-informational-strong{--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-informational-bg-strong-enabled))}.db-font-size-3xl{--db-icon-font-weight:var(--db-base-icon-weight-3xl);--db-icon-font-size:var(--db-base-icon-font-size-3xl);--db-base-line-height:var(--db-type-body-line-height-3xl);--db-base-font-size:var(--db-type-body-font-size-3xl);line-height:var(--db-type-body-line-height-3xl);font-size:var(--db-type-body-font-size-3xl)}.db-font-size-2xl{--db-icon-font-weight:var(--db-base-icon-weight-2xl);--db-icon-font-size:var(--db-base-icon-font-size-2xl);--db-base-line-height:var(--db-type-body-line-height-2xl);--db-base-font-size:var(--db-type-body-font-size-2xl);line-height:var(--db-type-body-line-height-2xl);font-size:var(--db-type-body-font-size-2xl)}.db-font-size-xl{--db-icon-font-weight:var(--db-base-icon-weight-xl);--db-icon-font-size:var(--db-base-icon-font-size-xl);--db-base-line-height:var(--db-type-body-line-height-xl);--db-base-font-size:var(--db-type-body-font-size-xl);line-height:var(--db-type-body-line-height-xl);font-size:var(--db-type-body-font-size-xl)}.db-font-size-lg{--db-icon-font-weight:var(--db-base-icon-weight-lg);--db-icon-font-size:var(--db-base-icon-font-size-lg);--db-base-line-height:var(--db-type-body-line-height-lg);--db-base-font-size:var(--db-type-body-font-size-lg);line-height:var(--db-type-body-line-height-lg);font-size:var(--db-type-body-font-size-lg)}.db-font-size-md{--db-icon-font-weight:var(--db-base-icon-weight-md);--db-icon-font-size:var(--db-base-icon-font-size-md);--db-base-line-height:var(--db-type-body-line-height-md);--db-base-font-size:var(--db-type-body-font-size-md);line-height:var(--db-type-body-line-height-md);font-size:var(--db-type-body-font-size-md)}.db-font-size-sm{--db-icon-font-weight:var(--db-base-icon-weight-sm);--db-icon-font-size:var(--db-base-icon-font-size-sm);--db-base-line-height:var(--db-type-body-line-height-sm);--db-base-font-size:var(--db-type-body-font-size-sm);line-height:var(--db-type-body-line-height-sm);font-size:var(--db-type-body-font-size-sm)}.db-font-size-xs{--db-icon-font-weight:var(--db-base-icon-weight-xs);--db-icon-font-size:var(--db-base-icon-font-size-xs);--db-base-line-height:var(--db-type-body-line-height-xs);--db-base-font-size:var(--db-type-body-font-size-xs);line-height:var(--db-type-body-line-height-xs);font-size:var(--db-type-body-font-size-xs)}.db-font-size-2xs{--db-icon-font-weight:var(--db-base-icon-weight-2xs);--db-icon-font-size:var(--db-base-icon-font-size-2xs);--db-base-line-height:var(--db-type-body-line-height-2xs);--db-base-font-size:var(--db-type-body-font-size-2xs);line-height:var(--db-type-body-line-height-2xs);font-size:var(--db-type-body-font-size-2xs)}.db-font-size-3xs{--db-icon-font-weight:var(--db-base-icon-weight-3xs);--db-icon-font-size:var(--db-base-icon-font-size-3xs);--db-base-line-height:var(--db-type-body-line-height-3xs);--db-base-font-size:var(--db-type-body-font-size-3xs);line-height:var(--db-type-body-line-height-3xs);font-size:var(--db-type-body-font-size-3xs)}body{-webkit-padding-after:var(--db-spacing-fixed-lg);padding-block-end:var(--db-spacing-fixed-lg)}.db-main{scroll-behavior:smooth}#__next,#__next>div{height:inherit}db-mainnavigation{margin:auto}github-version-switcher{margin:auto 16px}iframe{width:100%;height:calc(100% - 8px)!important}.example-list dd{-webkit-margin-after:var(--db-spacing-fixed-md);margin-block-end:var(--db-spacing-fixed-md);max-width:500px}.code-pre-wrap{white-space:pre-wrap}.iframe-component-container{display:flex;flex-direction:column}.iframe-component-container .flex{display:flex;gap:var(--db-spacing-fixed-sm)}.iframe-component-container .flex[data-variant=column]{flex-direction:column}.base-64-container{display:grid;padding:var(--db-spacing-fixed-md);grid-gap:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md)}.base-64-container span{word-break:break-all}.noh1 h1{display:none}.is-properties{height:100%;overflow:auto}.is-properties h1,.is-properties h2{display:none}table{width:100%;border-collapse:collapse}table td,table th{border:1px solid var(--db-neutral-border-weak-enabled);padding:var(--db-spacing-fixed-md);max-width:33vw}table th{padding-inline:var(--db-spacing-fixed-md)}.version-switcher{max-width:var(--db-sizing-3xl)}div[class^=ch-] div,div[class^=ch-] span{color:#fff}.ch-frame-buttons{display:none!important}.db-section[data-size=none]{-webkit-padding-after:var(--db-spacing-fixed-xl);padding-block-end:var(--db-spacing-fixed-xl)}.color-overview-container,.example-container,.icons-filter-container,.icons-overview-container{--columns:1;display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));grid-gap:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md)}@media screen and (min-width:45em){.color-overview-container:not([data-force-mobile]),.example-container:not([data-force-mobile]),.icons-filter-container:not([data-force-mobile]),.icons-overview-container:not([data-force-mobile]),[data-force-mobile=false].color-overview-container,[data-force-mobile=false].example-container,[data-force-mobile=false].icons-filter-container,[data-force-mobile=false].icons-overview-container{--columns:3}}.icons-overview-container{--columns:2;padding:var(--db-spacing-fixed-md)}@media screen and (min-width:45em){.icons-overview-container:not([data-force-mobile]),.icons-overview-container[data-force-mobile=false]{--columns:7}}.icons-overview-container>.db-card{justify-content:center;align-items:center}.icons-overview-container>.db-card .db-infotext{word-break:break-word}.color-overview-container,.color-overview-container>div{padding:var(--db-spacing-fixed-md)}.color-overview-container>div{display:flex;justify-content:center;align-items:center;border:1px solid #000}.tonality-example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md)}.tonality-example-grid .db-card{gap:var(--db-spacing-fixed-sm)}.tonality-example-page{display:flex;flex-direction:column;gap:var(--db-spacing-fixed-md)}.tonality-example-page .tonality-example-page-regular{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md)}.tonality-example-page .tonality-example-page-functional{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md)}.example-container p{margin:0}.example-container .example-item .example-sizing .sizing,.example-container .example-item .example-spacing-fixed .gap1,.example-container .example-item .example-spacing-fixed .gap2,.example-container .example-item .example-spacing-responsive .margin1,.example-container .example-item .example-spacing-responsive .margin2{height:100%;display:flex;justify-content:center;position:absolute;align-items:center}.example-container .example-item{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--db-spacing-fixed-md)}.example-container .example-item .example-spacing-fixed,.example-container .example-item .example-spacing-responsive{border:1px solid #000}.example-container .example-item .example-spacing-fixed>div,.example-container .example-item .example-spacing-responsive>div{display:flex;border:1px solid var(--db-informational-text-enabled);position:relative}.example-container .example-item .example-spacing-fixed>div{gap:var(--db-spacing-fixed-xl)}.example-container .example-item .example-spacing-fixed .gap1,.example-container .example-item .example-spacing-fixed .gap2{width:var(--db-spacing-fixed-xl)}.example-container .example-item .example-spacing-fixed .gap1{left:calc(var(--db-base-line-height)*var(--db-base-font-size))}.example-container .example-item .example-spacing-fixed .gap2{right:calc(var(--db-base-line-height)*var(--db-base-font-size))}.example-container .example-item .example-spacing-responsive>div{margin-inline:var(--db-spacing-responsive-sm)}.example-container .example-item .example-spacing-responsive .margin1,.example-container .example-item .example-spacing-responsive .margin2{width:var(--db-spacing-responsive-sm)}.example-container .example-item .example-spacing-responsive .margin1{left:calc(-1*var(--db-spacing-responsive-sm))}.example-container .example-item .example-spacing-responsive .margin2{right:calc(-1*var(--db-spacing-responsive-sm))}.example-container .example-item .example-sizing>div{display:flex;gap:var(--db-spacing-fixed-md)}.example-container .example-item .example-sizing .sizing{position:unset;block-size:var(--db-sizing-md);inline-size:var(--db-sizing-md)}.color-schemes-container{padding:var(--db-spacing-fixed-md);border:1px dashed var(--db-current-color);display:grid;grid-gap:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md);grid-template-columns:repeat(2,minmax(0,1fr))}.color-schemes-container .db-button{grid-column:span 2/span 2}.color-schemes-container .db-tag{-webkit-margin-start:auto;margin-inline-start:auto}.color-schemes-container section{padding:var(--db-spacing-fixed-md)}h1 a:is(.header-link),h2 a:is(.header-link),h3 a:is(.header-link),h4 a:is(.header-link),h5 a:is(.header-link),h6 a:is(.header-link){display:inline-block;margin-block:auto;-webkit-margin-start:var(--db-spacing-fixed-xs);margin-inline-start:var(--db-spacing-fixed-xs);visibility:hidden;text-decoration:none;font-size:0}h1:hover a:is(.header-link),h2:hover a:is(.header-link),h3:hover a:is(.header-link),h4:hover a:is(.header-link),h5:hover a:is(.header-link),h6:hover a:is(.header-link){visibility:visible}.db-code-docs{min-block-size:var(--db-sizing-3xl);align-items:center;justify-content:center;padding:var(--db-spacing-fixed-xl);-webkit-margin-after:calc(var(--db-spacing-fixed-xl) + var(--db-sizing-sm));margin-block-end:calc(var(--db-spacing-fixed-xl) + var(--db-sizing-sm));position:relative}.db-code-docs .code-details{display:flex}.db-code-docs .code-details[open]{inset-inline-start:0;inset-block-start:0}.db-code-docs .code-details .code-button{position:absolute;inset-block-end:calc(-1*(var(--db-spacing-fixed-sm) + var(--db-sizing-sm)));inset-inline-end:var(--db-spacing-fixed-sm);z-index:1;cursor:pointer}.db-code-docs .code-details .code-button::-webkit-details-marker{display:none}.db-code-docs .code-details .no-code{margin:auto}.db-code-docs .code-details .backdrop{border-radius:var(--db-border-radius-lg);position:absolute;inset:0}.db-code-docs .code-details .code{overflow:auto;position:absolute;inset:0;z-index:1;margin:var(--db-spacing-fixed-md);display:flex;flex-direction:column;gap:var(--db-spacing-fixed-sm)}.db-code-docs .code-details .code .tab-container{position:relative}.db-code-docs .code-details .code .tab-container .copy-button{position:absolute;inset-inline-end:var(--db-spacing-fixed-sm);inset-block-start:var(--db-spacing-fixed-sm)}pre:has(.hljs):not(:has(.language-shell)),pre:has(.hljs):not(:has(.language-shell)) .hljs{--db-current-base-color:var(--db-neutral-text-enabled);--db-current-color:var(--db-neutral-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-neutral-bg-enabled));--db-current-element-color:var(--db-neutral-element-enabled);--db-current-border-color:var(--db-neutral-border-enabled);--db-current-border-weak-color:var( --db-neutral-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-neutral-bg-enabled))}pre:has(.hljs):not(:has(.language-shell)),pre:has(.hljs):not(:has(.language-shell)) .hljs{color:var(--db-neutral-on-bg-enabled);background-color:color-mix(in srgb,transparent var(--db-bg-transparent,100%),var(--db-current-base-color))}.hljs-attribute,.hljs-doctag,.hljs-keyword,.hljs-literal,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string,.hljs-number,.hljs-operator,.hljs-regexp,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-string,.hljs-template-tag,.hljs-template-variable,.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_,.hljs-type,.hljs-variable,.hljs-variable.language_{color:var(--db-successful-text-enabled)}.hljs-built_in,.hljs-symbol{color:var(--db-warning-text-enabled)}.hljs-attr{color:var(--db-informational-text-enabled)}.hljs-code,.hljs-comment,.hljs-formula,.hljs-meta{color:var(--db-current-color)}.hljs-name,.hljs-tag{color:var(--db-warning-text-enabled)}.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:var(--db-successful-text-enabled)}.hljs-subst{color:var(--db-neutral-bg-enabled)}.hljs-section{color:var(--db-informational-text-enabled);font-weight:700}.hljs-bullet{color:var(--db-warning-text-enabled)}.hljs-emphasis{font-style:italic}.hljs-emphasis,.hljs-strong{color:var(--db-current-color)}.hljs-strong{font-weight:700}.hljs-addition{color:var(--db-successful-text-enabled)}.hljs-addition,.hljs-deletion{background-color:var(--db-neutral-text-enabled)}.hljs-deletion{color:var(--db-critical-text-enabled)}.desktop-navigation ul{list-style-type:none;display:flex}.default-container{display:flex;flex-direction:column;gap:var(--db-spacing-fixed-md);padding:var(--db-spacing-fixed-md)}.variants-card,.variants-card>.db-card{min-block-size:var(--db-sizing-3xl);align-items:center;justify-content:center;padding:var(--db-spacing-fixed-xl);-webkit-padding-after:calc(var(--db-spacing-fixed-xl) + var(--db-sizing-sm));padding-block-end:calc(var(--db-spacing-fixed-xl) + var(--db-sizing-sm));position:relative}.variants-list{flex-wrap:wrap;inline-size:100%;justify-content:center}.variants-list,.variants-list>div{display:flex;gap:var(--db-spacing-fixed-md)}.variants-list>div{align-items:center}.variants-list .db-select,.w-full{inline-size:100%}.variants-list .db-input,.variants-list .db-select,.variants-list .db-textarea{-webkit-margin-before:auto;margin-block-start:auto}.variants-list .db-input:has([placeholder="(Default) Basic"]),.variants-list .db-select:has([placeholder="(Default) Basic"]),.variants-list .db-textarea:has([placeholder="(Default) Basic"]){-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:auto;margin-block-end:auto}.html-code-container{display:flex;flex-direction:column;gap:var(--db-spacing-fixed-md)}.example-name{margin-block:0 var(--db-spacing-fixed-md)}.link-headline{display:block;margin-block:var(--db-spacing-fixed-md);font-weight:700}.form-container{display:flex;gap:var(--db-spacing-fixed-md);margin:var(--db-spacing-fixed-md)}.form-container fieldset{padding:0;border-color:transparent}.form-container>div{flex-direction:column;inline-size:50%}.button-container,.input-container{display:flex;gap:var(--db-spacing-fixed-md);padding:var(--db-spacing-fixed-md)}.input-container{flex-wrap:wrap}.input-container>form{display:flex;flex-wrap:wrap;gap:var(--db-spacing-fixed-md)}.badge-inline-container{display:flex;gap:var(--db-spacing-fixed-sm);padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-sm)}.badge-inline-container .db-badge{-webkit-margin-start:var(--db-spacing-responsive-md);margin-inline-start:var(--db-spacing-responsive-md);margin-block:auto}.fixed-header-footer{overflow:hidden}.tab-hide-article article{display:none!important}.db-page.fixed-header-footer main{overflow-x:hidden} \ No newline at end of file +.db-badge[data-emphasis=strong],.db-checkbox input:checked,.db-tag:has(.db-tab-remove-button)[data-emphasis=strong],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:has(input[type=radio]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-emphasis=strong]{--db-current-color:var(--db-base-on-enabled);color:var(--db-current-color);background-color:var(--db-base-text-enabled)}.db-checkbox input:enabled:hover:checked,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){background-color:var(--db-base-text-hover)}.db-checkbox input:enabled:active:checked,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){background-color:var(--db-base-text-pressed)}.db-badge,.db-tag:has(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a) a,.db-tag:has(label,button:not(.db-tab-remove-button),a) db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a) dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a) label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a) label:has(input[type=radio]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a):not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a)),:root,[data-color-variant=base].db-card{--db-current-base-color:var(--db-base-text-enabled);--db-current-color:var(--db-base-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-base-bg-enabled));--db-current-element-color:var(--db-base-element-enabled);--db-current-border-color:var(--db-base-border-enabled);--db-current-border-weak-color:var( --db-base-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-base-bg-enabled))}.db-badge,.db-tag:has(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a) a,.db-tag:has(label,button:not(.db-tab-remove-button),a) db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a) dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a) label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a) label:has(input[type=radio]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a):not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a)),:root,[data-color-variant=base].db-card{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-tag:has(label,button:not(.db-tab-remove-button),a) a[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a) db-button>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a) dbbutton:not(.db-tab-remove-button)>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a) label[data-emphasis=weak]:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a) label[data-emphasis=weak]:has(input[type=radio]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a):not(:has(dbbutton)) button[data-emphasis=weak]:not(.db-tab-remove-button),[data-emphasis=weak].db-badge,[data-emphasis=weak].db-tag:has(.db-tab-remove-button),[data-emphasis=weak].db-tag:not(:has(label,button:not(.db-tab-remove-button),a)),[data-emphasis=weak]:root,[data-emphasis=weak][data-color-variant=base].db-card{--db-current-color:var(--db-base-on-bg-weak-enabled);color:var(--db-current-color)}.db-badge,.db-tag:has(.db-tab-remove-button),.db-tag:has(label,button:not(.db-tab-remove-button),a) a,.db-tag:has(label,button:not(.db-tab-remove-button),a) db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a) dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a) label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a) label:has(input[type=radio]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a):not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a)){--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-base-bg-strong-enabled))}.db-badge[data-variant=neutral][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=neutral][data-emphasis=strong],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=neutral][data-emphasis=strong],.db-tooltip[data-emphasis=strong],code,pre:has(code){--db-current-color:var(--db-neutral-on-enabled);color:var(--db-current-color);background-color:var(--db-neutral-text-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){background-color:var(--db-neutral-text-hover)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=neutral]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){background-color:var(--db-neutral-text-pressed)}.db-alert[data-variant=neutral],.db-badge[data-variant=neutral],.db-header-meta-navigation,.db-tabs:not([data-orientation=vertical]) .db-tab-list:before,.db-tabs[data-orientation=vertical] .db-tab-list:before,.db-tag:has(.db-tab-remove-button)[data-variant=neutral],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=neutral],[data-color-variant=neutral].db-card,blockquote,table th,table tr:nth-child(2n){--db-current-base-color:var(--db-neutral-text-enabled);--db-current-color:var(--db-neutral-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-neutral-bg-enabled));--db-current-element-color:var(--db-neutral-element-enabled);--db-current-border-color:var(--db-neutral-border-enabled);--db-current-border-weak-color:var( --db-neutral-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-neutral-bg-enabled))}.db-alert[data-variant=neutral],.db-badge[data-variant=neutral],.db-tag:has(.db-tab-remove-button)[data-variant=neutral],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=neutral],[data-color-variant=neutral].db-card{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-header-meta-navigation,.db-tabs:not([data-orientation=vertical]) .db-tab-list:before,.db-tabs[data-orientation=vertical] .db-tab-list:before,blockquote,table th,table tr:nth-child(2n){color:var(--db-neutral-on-bg-enabled);background-color:color-mix(in srgb,transparent var(--db-bg-transparent,100%),var(--db-current-base-color));background-color:color-mix(in srgb,transparent var(--db-bg-transparent,92%),var(--db-current-base-color))}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){--db-bg-transparent:84%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){--db-bg-transparent:68%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] a[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] db-button>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] dbbutton:not(.db-tab-remove-button)>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral] label[data-emphasis=weak]:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=neutral]:not(:has(dbbutton)) button[data-emphasis=weak]:not(.db-tab-remove-button),[data-emphasis=weak].db-alert[data-variant=neutral],[data-emphasis=weak].db-badge[data-variant=neutral],[data-emphasis=weak].db-tag[data-variant=neutral]:has(.db-tab-remove-button),[data-emphasis=weak].db-tag[data-variant=neutral]:not(:has(label,button:not(.db-tab-remove-button),a)),[data-emphasis=weak][data-color-variant=neutral].db-card{--db-current-color:var(--db-neutral-on-bg-weak-enabled);color:var(--db-current-color)}.db-button[data-variant=primary]{--db-current-color:var(--db-brand-on-enabled);color:var(--db-current-color);background-color:var(--db-brand-text-enabled)}.db-button[data-variant=primary]:enabled:hover{background-color:var(--db-brand-text-hover)}.db-button[data-variant=primary]:enabled:active{background-color:var(--db-brand-text-pressed)}[data-color-variant=brand].db-card{--db-current-base-color:var(--db-brand-text-enabled);--db-current-color:var(--db-brand-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-brand-bg-enabled));--db-current-element-color:var(--db-brand-element-enabled);--db-current-border-color:var(--db-brand-border-enabled);--db-current-border-weak-color:var( --db-brand-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-brand-bg-enabled));background-color:var(--db-current-bg-color);color:var(--db-current-color)}[data-emphasis=weak][data-color-variant=brand].db-card{--db-current-color:var(--db-brand-on-bg-weak-enabled);color:var(--db-current-color)}.db-badge[data-variant=critical][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=critical][data-emphasis=strong],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=critical][data-emphasis=strong]{--db-current-color:var(--db-critical-on-enabled);color:var(--db-current-color);background-color:var(--db-critical-text-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){background-color:var(--db-critical-text-hover)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=critical]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){background-color:var(--db-critical-text-pressed)}.db-alert[data-variant=critical],.db-badge[data-variant=critical],.db-tag:has(.db-tab-remove-button)[data-variant=critical],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=critical],[data-color-variant=critical].db-card{--db-current-base-color:var(--db-critical-text-enabled);--db-current-color:var(--db-critical-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-critical-bg-enabled));--db-current-element-color:var(--db-critical-element-enabled);--db-current-border-color:var(--db-critical-border-enabled);--db-current-border-weak-color:var( --db-critical-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-critical-bg-enabled))}.db-alert[data-variant=critical],.db-badge[data-variant=critical],.db-tag:has(.db-tab-remove-button)[data-variant=critical],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=critical],[data-color-variant=critical].db-card{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){--db-bg-transparent:84%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){--db-bg-transparent:68%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] a[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] db-button>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] dbbutton:not(.db-tab-remove-button)>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical] label[data-emphasis=weak]:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=critical]:not(:has(dbbutton)) button[data-emphasis=weak]:not(.db-tab-remove-button),[data-emphasis=weak].db-alert[data-variant=critical],[data-emphasis=weak].db-badge[data-variant=critical],[data-emphasis=weak].db-tag[data-variant=critical]:has(.db-tab-remove-button),[data-emphasis=weak].db-tag[data-variant=critical]:not(:has(label,button:not(.db-tab-remove-button),a)),[data-emphasis=weak][data-color-variant=critical].db-card{--db-current-color:var(--db-critical-on-bg-weak-enabled);color:var(--db-current-color)}.db-badge[data-variant=successful][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=successful][data-emphasis=strong],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=successful][data-emphasis=strong],.example-container .example-item .example-sizing .sizing,.example-container .example-item .example-spacing-fixed .gap1,.example-container .example-item .example-spacing-fixed .gap2,.example-container .example-item .example-spacing-responsive .margin1,.example-container .example-item .example-spacing-responsive .margin2{--db-current-color:var(--db-successful-on-enabled);color:var(--db-current-color);background-color:var(--db-successful-text-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){background-color:var(--db-successful-text-hover)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=successful]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){background-color:var(--db-successful-text-pressed)}.db-alert[data-variant=successful],.db-badge[data-variant=successful],.db-tag:has(.db-tab-remove-button)[data-variant=successful],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=successful],[data-color-variant=successful].db-card{--db-current-base-color:var(--db-successful-text-enabled);--db-current-color:var(--db-successful-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-successful-bg-enabled));--db-current-element-color:var(--db-successful-element-enabled);--db-current-border-color:var(--db-successful-border-enabled);--db-current-border-weak-color:var( --db-successful-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-successful-bg-enabled))}.db-alert[data-variant=successful],.db-badge[data-variant=successful],.db-tag:has(.db-tab-remove-button)[data-variant=successful],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=successful],[data-color-variant=successful].db-card{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){--db-bg-transparent:84%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){--db-bg-transparent:68%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] a[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] db-button>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] dbbutton:not(.db-tab-remove-button)>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful] label[data-emphasis=weak]:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=successful]:not(:has(dbbutton)) button[data-emphasis=weak]:not(.db-tab-remove-button),[data-emphasis=weak].db-alert[data-variant=successful],[data-emphasis=weak].db-badge[data-variant=successful],[data-emphasis=weak].db-tag[data-variant=successful]:has(.db-tab-remove-button),[data-emphasis=weak].db-tag[data-variant=successful]:not(:has(label,button:not(.db-tab-remove-button),a)),[data-emphasis=weak][data-color-variant=successful].db-card{--db-current-color:var(--db-successful-on-bg-weak-enabled);color:var(--db-current-color)}.db-badge[data-variant=warning][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=warning][data-emphasis=strong],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=warning][data-emphasis=strong],.example-container .example-item .example-sizing .sizing{--db-current-color:var(--db-warning-on-enabled);color:var(--db-current-color);background-color:var(--db-warning-text-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){background-color:var(--db-warning-text-hover)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=warning]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){background-color:var(--db-warning-text-pressed)}.db-alert[data-variant=warning],.db-badge[data-variant=warning],.db-tag:has(.db-tab-remove-button)[data-variant=warning],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=warning],[data-color-variant=warning].db-card{--db-current-base-color:var(--db-warning-text-enabled);--db-current-color:var(--db-warning-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-warning-bg-enabled));--db-current-element-color:var(--db-warning-element-enabled);--db-current-border-color:var(--db-warning-border-enabled);--db-current-border-weak-color:var( --db-warning-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-warning-bg-enabled))}.db-alert[data-variant=warning],.db-badge[data-variant=warning],.db-tag:has(.db-tab-remove-button)[data-variant=warning],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=warning],[data-color-variant=warning].db-card{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){--db-bg-transparent:84%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){--db-bg-transparent:68%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] a[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] db-button>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] dbbutton:not(.db-tab-remove-button)>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning] label[data-emphasis=weak]:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=warning]:not(:has(dbbutton)) button[data-emphasis=weak]:not(.db-tab-remove-button),[data-emphasis=weak].db-alert[data-variant=warning],[data-emphasis=weak].db-badge[data-variant=warning],[data-emphasis=weak].db-tag[data-variant=warning]:has(.db-tab-remove-button),[data-emphasis=weak].db-tag[data-variant=warning]:not(:has(label,button:not(.db-tab-remove-button),a)),[data-emphasis=weak][data-color-variant=warning].db-card{--db-current-color:var(--db-warning-on-bg-weak-enabled);color:var(--db-current-color)}.db-badge[data-variant=informational][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=informational][data-emphasis=strong],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=informational][data-emphasis=strong]{--db-current-color:var(--db-informational-on-enabled);color:var(--db-current-color);background-color:var(--db-informational-text-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){background-color:var(--db-informational-text-hover)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong][data-variant=informational]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){background-color:var(--db-informational-text-pressed)}.db-alert[data-variant=informational],.db-badge[data-variant=informational],.db-tag:has(.db-tab-remove-button)[data-variant=informational],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=informational],[data-color-variant=informational].db-card{--db-current-base-color:var(--db-informational-text-enabled);--db-current-color:var(--db-informational-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-informational-bg-enabled));--db-current-element-color:var(--db-informational-element-enabled);--db-current-border-color:var(--db-informational-border-enabled);--db-current-border-weak-color:var( --db-informational-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-informational-bg-enabled))}.db-alert[data-variant=informational],.db-badge[data-variant=informational],.db-tag:has(.db-tab-remove-button)[data-variant=informational],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] db-button>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] dbbutton:not(.db-tab-remove-button)>button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] label:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational]:not(:has(dbbutton)) button:not(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=informational],[data-color-variant=informational].db-card{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] a:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] db-button>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] dbbutton:not(.db-tab-remove-button)>button:enabled:hover,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] label:enabled:hover:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational]:not(:has(dbbutton)) button:enabled:hover:not(.db-tab-remove-button){--db-bg-transparent:84%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] a:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] db-button>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] dbbutton:not(.db-tab-remove-button)>button:enabled:active,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] label:enabled:active:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational]:not(:has(dbbutton)) button:enabled:active:not(.db-tab-remove-button){--db-bg-transparent:68%}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] a[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] db-button>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] dbbutton:not(.db-tab-remove-button)>button[data-emphasis=weak],.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational] label[data-emphasis=weak]:has(input[type=checkbox]:checked),.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-variant=informational]:not(:has(dbbutton)) button[data-emphasis=weak]:not(.db-tab-remove-button),[data-emphasis=weak].db-alert[data-variant=informational],[data-emphasis=weak].db-badge[data-variant=informational],[data-emphasis=weak].db-tag[data-variant=informational]:has(.db-tab-remove-button),[data-emphasis=weak].db-tag[data-variant=informational]:not(:has(label,button:not(.db-tab-remove-button),a)),[data-emphasis=weak][data-color-variant=informational].db-card{--db-current-color:var(--db-informational-on-bg-weak-enabled);color:var(--db-current-color)}.db-accordion-item,.db-radio input:checked:enabled:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff))}.db-tab input:focus-visible:before,:is(a,button,input,textarea,summary,select,[tabindex]:not([tabindex="-1"])):focus-visible{outline:var(--db-border-height-md) var(--db-focus-outline-style,solid) var(--db-focus-outline-color,currentColor);outline-offset:var(--db-border-height-lg);transition:outline var(--db-transition-duration-ultra-fast,var(--db-transition-duration-ultra-fast)),box-shadow var(--db-transition-duration-ultra-fast,var(--db-transition-duration-ultra-fast))}.db-tab input:not([type=radio]):focus-visible:before,:not([type=radio]):is(a,button,input,textarea,summary,select,[tabindex]:not([tabindex="-1"])):focus-visible{border-radius:var(--db-border-radius-md)}.db-input[data-label-variant=hidden] label,.db-select[data-label-variant=hidden] label,.db-textarea[data-label-variant=hidden] label{clip:rect(0,0,0,0);block-size:1px;overflow:hidden;position:absolute!important;white-space:nowrap;inline-size:1px}:root{--db-breakpoint-xs:22.5em;--db-breakpoint-sm:45em;--db-breakpoint-md:64em;--db-breakpoint-lg:90em;--db-breakpoint-xl:120em}.db-header-meta-navigation,.db-ui-expressive,.db-ui-functional,.db-ui-regular,:root,:root .app-canvas,:root:not(:has(.app-canvas)),[data-tonality=expressive],[data-tonality=functional],[data-tonality=regular],table{--db-icon-font-weight:var(--db-base-icon-weight-md);--db-icon-font-size:var(--db-base-icon-font-size-md);--db-base-line-height:var(--db-type-body-line-height-md);--db-base-font-size:var(--db-type-body-font-size-md)}:root,[class^=db-]{line-height:var(--db-type-body-line-height-md);font-size:var(--db-type-body-font-size-md)}.db-input input,.db-input[data-label-variant=floating] label,.db-select [id$=-placeholder],.db-select select,.db-select[data-label-variant=floating] label,.db-textarea textarea,.db-textarea[data-label-variant=floating] label{--db-icon-font-weight:var(--db-base-icon-weight-md);--db-icon-font-size:var(--db-base-icon-font-size-md);--db-base-line-height:var(--db-type-body-line-height-md);--db-base-font-size:var(--db-type-body-font-size-md);line-height:var(--db-type-body-line-height-md);font-size:var(--db-type-body-font-size-md)}.db-badge[data-size=medium],.db-badge[data-size=medium] .db-icon,.db-badge[data-size=medium]>*,.db-button[data-size=small],.db-infotext,.db-input,.db-input[data-label-variant=floating] [id$=-placeholder],.db-input[data-label-variant=floating] input,.db-link[data-size=small],.db-select,.db-select[data-label-variant=floating] [id$=-placeholder],.db-select[data-label-variant=floating] select,.db-tag,.db-tag a,.db-tag button,.db-tag label,.db-textarea,.db-textarea[data-label-variant=floating] [id$=-placeholder],.db-textarea[data-label-variant=floating] textarea,.db-tooltip,[data-size=small].db-checkbox,[data-size=small].db-radio,code,div[class^=ch-] div,div[class^=ch-] span,small{--db-icon-font-weight:var(--db-base-icon-weight-sm);--db-icon-font-size:var(--db-base-icon-font-size-sm);--db-base-line-height:var(--db-type-body-line-height-sm);--db-base-font-size:var(--db-type-body-font-size-sm);line-height:var(--db-type-body-line-height-sm);font-size:var(--db-type-body-font-size-sm)}.db-infotext[data-size=small],.db-input label,.db-select label,.db-textarea label{--db-icon-font-weight:var(--db-base-icon-weight-xs);--db-icon-font-size:var(--db-base-icon-font-size-xs);--db-base-line-height:var(--db-type-body-line-height-xs);--db-base-font-size:var(--db-type-body-font-size-xs);line-height:var(--db-type-body-line-height-xs);font-size:var(--db-type-body-font-size-xs)}.db-badge,.db-badge .db-icon,.db-badge>*,.db-input[data-label-variant=floating]:has(>select option:checked:not([hidden])) label,.db-input[data-label-variant=floating]:has(input:focus-within) label,.db-input[data-label-variant=floating]:has(input:is(input,textarea):not(:placeholder-shown)) label,.db-select[data-label-variant=floating]:has(>select option:checked:not([hidden])) label,.db-select[data-label-variant=floating]:has(select:focus-within) label,.db-select[data-label-variant=floating]:has(select:is(input,textarea):not(:placeholder-shown)) label,.db-textarea[data-label-variant=floating]:has(>select option:checked:not([hidden])) label,.db-textarea[data-label-variant=floating]:has(textarea:focus-within) label,.db-textarea[data-label-variant=floating]:has(textarea:is(input,textarea):not(:placeholder-shown)) label{--db-icon-font-weight:var(--db-base-icon-weight-2xs);--db-icon-font-size:var(--db-base-icon-font-size-2xs);--db-base-line-height:var(--db-type-body-line-height-2xs);--db-base-font-size:var(--db-type-body-font-size-2xs);line-height:var(--db-type-body-line-height-2xs);font-size:var(--db-type-body-font-size-2xs)}.db-ui-expressive,[data-tonality=expressive]{--db-input-label-scale:0.55;--db-input-focus-opacity:1;--db-textarea-label-scale:0.55;--db-textarea-focus-opacity:1;--db-sizing-3xs:var(--db-sizing-expressive-3xs);--db-sizing-2xs:var(--db-sizing-expressive-2xs);--db-sizing-xs:var(--db-sizing-expressive-xs);--db-sizing-sm:var(--db-sizing-expressive-sm);--db-sizing-md:var(--db-sizing-expressive-md);--db-sizing-lg:var(--db-sizing-expressive-lg);--db-sizing-xl:var(--db-sizing-expressive-xl);--db-sizing-2xl:var(--db-sizing-expressive-2xl);--db-sizing-3xl:var(--db-sizing-expressive-3xl);--db-spacing-fixed-3xs:var(--db-spacing-fixed-expressive-3xs);--db-spacing-fixed-2xs:var(--db-spacing-fixed-expressive-2xs);--db-spacing-fixed-xs:var(--db-spacing-fixed-expressive-xs);--db-spacing-fixed-sm:var(--db-spacing-fixed-expressive-sm);--db-spacing-fixed-md:var(--db-spacing-fixed-expressive-md);--db-spacing-fixed-lg:var(--db-spacing-fixed-expressive-lg);--db-spacing-fixed-xl:var(--db-spacing-fixed-expressive-xl);--db-spacing-fixed-2xl:var(--db-spacing-fixed-expressive-2xl);--db-spacing-fixed-3xl:var(--db-spacing-fixed-expressive-3xl);--db-spacing-responsive-3xs:var(--db-spacing-responsive-expressive-mobile-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-expressive-mobile-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-expressive-mobile-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-expressive-mobile-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-expressive-mobile-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-expressive-mobile-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-expressive-mobile-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-expressive-mobile-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-expressive-mobile-3xl)}@media screen and (min-width:45em){.db-ui-expressive:not([data-force-mobile]),[data-force-mobile=false].db-ui-expressive,[data-force-mobile=false][data-tonality=expressive],[data-tonality=expressive]:not([data-force-mobile]){--db-spacing-responsive-3xs:var(--db-spacing-responsive-expressive-tablet-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-expressive-tablet-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-expressive-tablet-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-expressive-tablet-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-expressive-tablet-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-expressive-tablet-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-expressive-tablet-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-expressive-tablet-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-expressive-tablet-3xl)}}@media screen and (min-width:64em){.db-ui-expressive:not([data-force-mobile]),[data-force-mobile=false].db-ui-expressive,[data-force-mobile=false][data-tonality=expressive],[data-tonality=expressive]:not([data-force-mobile]){--db-spacing-responsive-3xs:var(--db-spacing-responsive-expressive-desktop-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-expressive-desktop-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-expressive-desktop-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-expressive-desktop-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-expressive-desktop-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-expressive-desktop-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-expressive-desktop-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-expressive-desktop-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-expressive-desktop-3xl)}}.db-ui-regular,:root .app-canvas,:root:not(:has(.app-canvas)),[data-tonality=regular]{--db-input-label-scale:0.65;--db-input-focus-opacity:1;--db-textarea-label-scale:0.65;--db-textarea-focus-opacity:1;--db-sizing-3xs:var(--db-sizing-regular-3xs);--db-sizing-2xs:var(--db-sizing-regular-2xs);--db-sizing-xs:var(--db-sizing-regular-xs);--db-sizing-sm:var(--db-sizing-regular-sm);--db-sizing-md:var(--db-sizing-regular-md);--db-sizing-lg:var(--db-sizing-regular-lg);--db-sizing-xl:var(--db-sizing-regular-xl);--db-sizing-2xl:var(--db-sizing-regular-2xl);--db-sizing-3xl:var(--db-sizing-regular-3xl);--db-spacing-fixed-3xs:var(--db-spacing-fixed-regular-3xs);--db-spacing-fixed-2xs:var(--db-spacing-fixed-regular-2xs);--db-spacing-fixed-xs:var(--db-spacing-fixed-regular-xs);--db-spacing-fixed-sm:var(--db-spacing-fixed-regular-sm);--db-spacing-fixed-md:var(--db-spacing-fixed-regular-md);--db-spacing-fixed-lg:var(--db-spacing-fixed-regular-lg);--db-spacing-fixed-xl:var(--db-spacing-fixed-regular-xl);--db-spacing-fixed-2xl:var(--db-spacing-fixed-regular-2xl);--db-spacing-fixed-3xl:var(--db-spacing-fixed-regular-3xl);--db-spacing-responsive-3xs:var(--db-spacing-responsive-regular-mobile-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-regular-mobile-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-regular-mobile-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-regular-mobile-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-regular-mobile-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-regular-mobile-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-regular-mobile-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-regular-mobile-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-regular-mobile-3xl)}@media screen and (min-width:45em){.db-ui-regular:not([data-force-mobile]),:not([data-force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([data-force-mobile]),:root [data-force-mobile=false].app-canvas,[data-force-mobile=false].db-ui-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-tonality=regular],[data-tonality=regular]:not([data-force-mobile]){--db-spacing-responsive-3xs:var(--db-spacing-responsive-regular-tablet-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-regular-tablet-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-regular-tablet-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-regular-tablet-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-regular-tablet-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-regular-tablet-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-regular-tablet-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-regular-tablet-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-regular-tablet-3xl)}}@media screen and (min-width:64em){.db-ui-regular:not([data-force-mobile]),:not([data-force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([data-force-mobile]),:root [data-force-mobile=false].app-canvas,[data-force-mobile=false].db-ui-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-tonality=regular],[data-tonality=regular]:not([data-force-mobile]){--db-spacing-responsive-3xs:var(--db-spacing-responsive-regular-desktop-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-regular-desktop-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-regular-desktop-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-regular-desktop-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-regular-desktop-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-regular-desktop-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-regular-desktop-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-regular-desktop-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-regular-desktop-3xl)}}.db-header-meta-navigation,.db-ui-functional,[data-tonality=functional],table{--db-input-label-scale:1;--db-input-focus-opacity:0;--db-textarea-label-scale:1;--db-textarea-focus-opacity:0;--db-sizing-3xs:var(--db-sizing-functional-3xs);--db-sizing-2xs:var(--db-sizing-functional-2xs);--db-sizing-xs:var(--db-sizing-functional-xs);--db-sizing-sm:var(--db-sizing-functional-sm);--db-sizing-md:var(--db-sizing-functional-md);--db-sizing-lg:var(--db-sizing-functional-lg);--db-sizing-xl:var(--db-sizing-functional-xl);--db-sizing-2xl:var(--db-sizing-functional-2xl);--db-sizing-3xl:var(--db-sizing-functional-3xl);--db-spacing-fixed-3xs:var(--db-spacing-fixed-functional-3xs);--db-spacing-fixed-2xs:var(--db-spacing-fixed-functional-2xs);--db-spacing-fixed-xs:var(--db-spacing-fixed-functional-xs);--db-spacing-fixed-sm:var(--db-spacing-fixed-functional-sm);--db-spacing-fixed-md:var(--db-spacing-fixed-functional-md);--db-spacing-fixed-lg:var(--db-spacing-fixed-functional-lg);--db-spacing-fixed-xl:var(--db-spacing-fixed-functional-xl);--db-spacing-fixed-2xl:var(--db-spacing-fixed-functional-2xl);--db-spacing-fixed-3xl:var(--db-spacing-fixed-functional-3xl);--db-spacing-responsive-3xs:var(--db-spacing-responsive-functional-mobile-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-functional-mobile-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-functional-mobile-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-functional-mobile-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-functional-mobile-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-functional-mobile-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-functional-mobile-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-functional-mobile-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-functional-mobile-3xl)}@media screen and (min-width:45em){.db-header-meta-navigation:not([data-force-mobile]),.db-ui-functional:not([data-force-mobile]),[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false].db-ui-functional,[data-force-mobile=false][data-tonality=functional],[data-tonality=functional]:not([data-force-mobile]),table:not([data-force-mobile]),table[data-force-mobile=false]{--db-spacing-responsive-3xs:var(--db-spacing-responsive-functional-tablet-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-functional-tablet-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-functional-tablet-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-functional-tablet-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-functional-tablet-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-functional-tablet-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-functional-tablet-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-functional-tablet-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-functional-tablet-3xl)}}@media screen and (min-width:64em){.db-header-meta-navigation:not([data-force-mobile]),.db-ui-functional:not([data-force-mobile]),[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false].db-ui-functional,[data-force-mobile=false][data-tonality=functional],[data-tonality=functional]:not([data-force-mobile]),table:not([data-force-mobile]),table[data-force-mobile=false]{--db-spacing-responsive-3xs:var(--db-spacing-responsive-functional-desktop-3xs);--db-spacing-responsive-2xs:var(--db-spacing-responsive-functional-desktop-2xs);--db-spacing-responsive-xs:var(--db-spacing-responsive-functional-desktop-xs);--db-spacing-responsive-sm:var(--db-spacing-responsive-functional-desktop-sm);--db-spacing-responsive-md:var(--db-spacing-responsive-functional-desktop-md);--db-spacing-responsive-lg:var(--db-spacing-responsive-functional-desktop-lg);--db-spacing-responsive-xl:var(--db-spacing-responsive-functional-desktop-xl);--db-spacing-responsive-2xl:var(--db-spacing-responsive-functional-desktop-2xl);--db-spacing-responsive-3xl:var(--db-spacing-responsive-functional-desktop-3xl)}}.db-ui-expressive,[data-tonality=expressive]{--db-type-headline-font-size-3xs:var(--db-typography-expressive-mobile-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-expressive-mobile-headline-3xs-line-height);--db-type-headline-font-size-2xs:var(--db-typography-expressive-mobile-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-expressive-mobile-headline-2xs-line-height);--db-type-headline-font-size-xs:var(--db-typography-expressive-mobile-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-expressive-mobile-headline-xs-line-height);--db-type-headline-font-size-sm:var(--db-typography-expressive-mobile-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-expressive-mobile-headline-sm-line-height);--db-type-headline-font-size-md:var(--db-typography-expressive-mobile-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-expressive-mobile-headline-md-line-height);--db-type-headline-font-size-lg:var(--db-typography-expressive-mobile-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-expressive-mobile-headline-lg-line-height);--db-type-headline-font-size-xl:var(--db-typography-expressive-mobile-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-expressive-mobile-headline-xl-line-height);--db-type-headline-font-size-2xl:var(--db-typography-expressive-mobile-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-expressive-mobile-headline-2xl-line-height);--db-type-headline-font-size-3xl:var(--db-typography-expressive-mobile-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-expressive-mobile-headline-3xl-line-height)}@media screen and (min-width:45em){.db-ui-expressive:not([data-force-mobile]),[data-force-mobile=false].db-ui-expressive,[data-force-mobile=false][data-tonality=expressive],[data-tonality=expressive]:not([data-force-mobile]){--db-type-headline-font-size-3xs:var(--db-typography-expressive-tablet-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-expressive-tablet-headline-3xs-line-height);--db-type-headline-font-size-2xs:var(--db-typography-expressive-tablet-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-expressive-tablet-headline-2xs-line-height);--db-type-headline-font-size-xs:var(--db-typography-expressive-tablet-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-expressive-tablet-headline-xs-line-height);--db-type-headline-font-size-sm:var(--db-typography-expressive-tablet-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-expressive-tablet-headline-sm-line-height);--db-type-headline-font-size-md:var(--db-typography-expressive-tablet-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-expressive-tablet-headline-md-line-height);--db-type-headline-font-size-lg:var(--db-typography-expressive-tablet-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-expressive-tablet-headline-lg-line-height);--db-type-headline-font-size-xl:var(--db-typography-expressive-tablet-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-expressive-tablet-headline-xl-line-height);--db-type-headline-font-size-2xl:var(--db-typography-expressive-tablet-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-expressive-tablet-headline-2xl-line-height);--db-type-headline-font-size-3xl:var(--db-typography-expressive-tablet-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-expressive-tablet-headline-3xl-line-height)}}@media screen and (min-width:64em){.db-ui-expressive:not([data-force-mobile]),[data-force-mobile=false].db-ui-expressive,[data-force-mobile=false][data-tonality=expressive],[data-tonality=expressive]:not([data-force-mobile]){--db-type-headline-font-size-3xs:var(--db-typography-expressive-desktop-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-expressive-desktop-headline-3xs-line-height);--db-type-headline-font-size-2xs:var(--db-typography-expressive-desktop-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-expressive-desktop-headline-2xs-line-height);--db-type-headline-font-size-xs:var(--db-typography-expressive-desktop-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-expressive-desktop-headline-xs-line-height);--db-type-headline-font-size-sm:var(--db-typography-expressive-desktop-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-expressive-desktop-headline-sm-line-height);--db-type-headline-font-size-md:var(--db-typography-expressive-desktop-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-expressive-desktop-headline-md-line-height);--db-type-headline-font-size-lg:var(--db-typography-expressive-desktop-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-expressive-desktop-headline-lg-line-height);--db-type-headline-font-size-xl:var(--db-typography-expressive-desktop-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-expressive-desktop-headline-xl-line-height);--db-type-headline-font-size-2xl:var(--db-typography-expressive-desktop-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-expressive-desktop-headline-2xl-line-height);--db-type-headline-font-size-3xl:var(--db-typography-expressive-desktop-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-expressive-desktop-headline-3xl-line-height)}}.db-ui-expressive,[data-tonality=expressive]{--db-type-body-font-size-3xs:var(--db-typography-expressive-mobile-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-expressive-mobile-body-3xs-line-height);--db-base-icon-weight-3xs:var(--db-base-icon-weight-expressive-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-expressive-mobile-3xs);--db-type-body-font-size-2xs:var(--db-typography-expressive-mobile-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-expressive-mobile-body-2xs-line-height);--db-base-icon-weight-2xs:var(--db-base-icon-weight-expressive-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-expressive-mobile-2xs);--db-type-body-font-size-xs:var(--db-typography-expressive-mobile-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-expressive-mobile-body-xs-line-height);--db-base-icon-weight-xs:var(--db-base-icon-weight-expressive-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-expressive-mobile-xs);--db-type-body-font-size-sm:var(--db-typography-expressive-mobile-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-expressive-mobile-body-sm-line-height);--db-base-icon-weight-sm:var(--db-base-icon-weight-expressive-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-expressive-mobile-sm);--db-type-body-font-size-md:var(--db-typography-expressive-mobile-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-expressive-mobile-body-md-line-height);--db-base-icon-weight-md:var(--db-base-icon-weight-expressive-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-expressive-mobile-md);--db-type-body-font-size-lg:var(--db-typography-expressive-mobile-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-expressive-mobile-body-lg-line-height);--db-base-icon-weight-lg:var(--db-base-icon-weight-expressive-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-expressive-mobile-lg);--db-type-body-font-size-xl:var(--db-typography-expressive-mobile-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-expressive-mobile-body-xl-line-height);--db-base-icon-weight-xl:var(--db-base-icon-weight-expressive-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-expressive-mobile-xl);--db-type-body-font-size-2xl:var(--db-typography-expressive-mobile-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-expressive-mobile-body-2xl-line-height);--db-base-icon-weight-2xl:var(--db-base-icon-weight-expressive-mobile-2xl);--db-base-icon-font-size-2xl:var(--db-base-icon-font-size-expressive-mobile-2xl);--db-type-body-font-size-3xl:var(--db-typography-expressive-mobile-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-expressive-mobile-body-3xl-line-height);--db-base-icon-weight-3xl:var(--db-base-icon-weight-expressive-mobile-3xl);--db-base-icon-font-size-3xl:var(--db-base-icon-font-size-expressive-mobile-3xl)}@media screen and (min-width:45em){.db-ui-expressive:not([data-force-mobile]),[data-force-mobile=false].db-ui-expressive,[data-force-mobile=false][data-tonality=expressive],[data-tonality=expressive]:not([data-force-mobile]){--db-type-body-font-size-3xs:var(--db-typography-expressive-tablet-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-expressive-tablet-body-3xs-line-height);--db-base-icon-weight-3xs:var(--db-base-icon-weight-expressive-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-expressive-mobile-3xs);--db-type-body-font-size-2xs:var(--db-typography-expressive-tablet-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-expressive-tablet-body-2xs-line-height);--db-base-icon-weight-2xs:var(--db-base-icon-weight-expressive-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-expressive-mobile-2xs);--db-type-body-font-size-xs:var(--db-typography-expressive-tablet-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-expressive-tablet-body-xs-line-height);--db-base-icon-weight-xs:var(--db-base-icon-weight-expressive-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-expressive-mobile-xs);--db-type-body-font-size-sm:var(--db-typography-expressive-tablet-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-expressive-tablet-body-sm-line-height);--db-base-icon-weight-sm:var(--db-base-icon-weight-expressive-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-expressive-mobile-sm);--db-type-body-font-size-md:var(--db-typography-expressive-tablet-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-expressive-tablet-body-md-line-height);--db-base-icon-weight-md:var(--db-base-icon-weight-expressive-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-expressive-mobile-md);--db-type-body-font-size-lg:var(--db-typography-expressive-tablet-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-expressive-tablet-body-lg-line-height);--db-base-icon-weight-lg:var(--db-base-icon-weight-expressive-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-expressive-mobile-lg);--db-type-body-font-size-xl:var(--db-typography-expressive-tablet-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-expressive-tablet-body-xl-line-height);--db-base-icon-weight-xl:var(--db-base-icon-weight-expressive-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-expressive-mobile-xl);--db-type-body-font-size-2xl:var(--db-typography-expressive-tablet-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-expressive-tablet-body-2xl-line-height);--db-base-icon-weight-2xl:var(--db-base-icon-weight-expressive-mobile-2xl);--db-base-icon-font-size-2xl:var(--db-base-icon-font-size-expressive-mobile-2xl);--db-type-body-font-size-3xl:var(--db-typography-expressive-tablet-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-expressive-tablet-body-3xl-line-height);--db-base-icon-weight-3xl:var(--db-base-icon-weight-expressive-mobile-3xl);--db-base-icon-font-size-3xl:var(--db-base-icon-font-size-expressive-mobile-3xl)}}@media screen and (min-width:64em){.db-ui-expressive:not([data-force-mobile]),[data-force-mobile=false].db-ui-expressive,[data-force-mobile=false][data-tonality=expressive],[data-tonality=expressive]:not([data-force-mobile]){--db-type-body-font-size-3xs:var(--db-typography-expressive-desktop-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-expressive-desktop-body-3xs-line-height);--db-base-icon-weight-3xs:var(--db-base-icon-weight-expressive-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-expressive-mobile-3xs);--db-type-body-font-size-2xs:var(--db-typography-expressive-desktop-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-expressive-desktop-body-2xs-line-height);--db-base-icon-weight-2xs:var(--db-base-icon-weight-expressive-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-expressive-mobile-2xs);--db-type-body-font-size-xs:var(--db-typography-expressive-desktop-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-expressive-desktop-body-xs-line-height);--db-base-icon-weight-xs:var(--db-base-icon-weight-expressive-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-expressive-mobile-xs);--db-type-body-font-size-sm:var(--db-typography-expressive-desktop-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-expressive-desktop-body-sm-line-height);--db-base-icon-weight-sm:var(--db-base-icon-weight-expressive-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-expressive-mobile-sm);--db-type-body-font-size-md:var(--db-typography-expressive-desktop-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-expressive-desktop-body-md-line-height);--db-base-icon-weight-md:var(--db-base-icon-weight-expressive-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-expressive-mobile-md);--db-type-body-font-size-lg:var(--db-typography-expressive-desktop-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-expressive-desktop-body-lg-line-height);--db-base-icon-weight-lg:var(--db-base-icon-weight-expressive-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-expressive-mobile-lg);--db-type-body-font-size-xl:var(--db-typography-expressive-desktop-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-expressive-desktop-body-xl-line-height);--db-base-icon-weight-xl:var(--db-base-icon-weight-expressive-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-expressive-mobile-xl);--db-type-body-font-size-2xl:var(--db-typography-expressive-desktop-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-expressive-desktop-body-2xl-line-height);--db-base-icon-weight-2xl:var(--db-base-icon-weight-expressive-mobile-2xl);--db-base-icon-font-size-2xl:var(--db-base-icon-font-size-expressive-mobile-2xl);--db-type-body-font-size-3xl:var(--db-typography-expressive-desktop-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-expressive-desktop-body-3xl-line-height);--db-base-icon-weight-3xl:var(--db-base-icon-weight-expressive-mobile-3xl);--db-base-icon-font-size-3xl:var(--db-base-icon-font-size-expressive-mobile-3xl)}}.db-ui-regular,:root .app-canvas,:root:not(:has(.app-canvas)),[data-tonality=regular]{--db-type-headline-font-size-3xs:var(--db-typography-regular-mobile-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-regular-mobile-headline-3xs-line-height);--db-type-headline-font-size-2xs:var(--db-typography-regular-mobile-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-regular-mobile-headline-2xs-line-height);--db-type-headline-font-size-xs:var(--db-typography-regular-mobile-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-regular-mobile-headline-xs-line-height);--db-type-headline-font-size-sm:var(--db-typography-regular-mobile-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-regular-mobile-headline-sm-line-height);--db-type-headline-font-size-md:var(--db-typography-regular-mobile-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-regular-mobile-headline-md-line-height);--db-type-headline-font-size-lg:var(--db-typography-regular-mobile-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-regular-mobile-headline-lg-line-height);--db-type-headline-font-size-xl:var(--db-typography-regular-mobile-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-regular-mobile-headline-xl-line-height);--db-type-headline-font-size-2xl:var(--db-typography-regular-mobile-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-regular-mobile-headline-2xl-line-height);--db-type-headline-font-size-3xl:var(--db-typography-regular-mobile-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-regular-mobile-headline-3xl-line-height)}@media screen and (min-width:45em){.db-ui-regular:not([data-force-mobile]),:not([data-force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([data-force-mobile]),:root [data-force-mobile=false].app-canvas,[data-force-mobile=false].db-ui-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-tonality=regular],[data-tonality=regular]:not([data-force-mobile]){--db-type-headline-font-size-3xs:var(--db-typography-regular-tablet-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-regular-tablet-headline-3xs-line-height);--db-type-headline-font-size-2xs:var(--db-typography-regular-tablet-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-regular-tablet-headline-2xs-line-height);--db-type-headline-font-size-xs:var(--db-typography-regular-tablet-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-regular-tablet-headline-xs-line-height);--db-type-headline-font-size-sm:var(--db-typography-regular-tablet-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-regular-tablet-headline-sm-line-height);--db-type-headline-font-size-md:var(--db-typography-regular-tablet-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-regular-tablet-headline-md-line-height);--db-type-headline-font-size-lg:var(--db-typography-regular-tablet-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-regular-tablet-headline-lg-line-height);--db-type-headline-font-size-xl:var(--db-typography-regular-tablet-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-regular-tablet-headline-xl-line-height);--db-type-headline-font-size-2xl:var(--db-typography-regular-tablet-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-regular-tablet-headline-2xl-line-height);--db-type-headline-font-size-3xl:var(--db-typography-regular-tablet-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-regular-tablet-headline-3xl-line-height)}}@media screen and (min-width:64em){.db-ui-regular:not([data-force-mobile]),:not([data-force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([data-force-mobile]),:root [data-force-mobile=false].app-canvas,[data-force-mobile=false].db-ui-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-tonality=regular],[data-tonality=regular]:not([data-force-mobile]){--db-type-headline-font-size-3xs:var(--db-typography-regular-desktop-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-regular-desktop-headline-3xs-line-height);--db-type-headline-font-size-2xs:var(--db-typography-regular-desktop-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-regular-desktop-headline-2xs-line-height);--db-type-headline-font-size-xs:var(--db-typography-regular-desktop-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-regular-desktop-headline-xs-line-height);--db-type-headline-font-size-sm:var(--db-typography-regular-desktop-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-regular-desktop-headline-sm-line-height);--db-type-headline-font-size-md:var(--db-typography-regular-desktop-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-regular-desktop-headline-md-line-height);--db-type-headline-font-size-lg:var(--db-typography-regular-desktop-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-regular-desktop-headline-lg-line-height);--db-type-headline-font-size-xl:var(--db-typography-regular-desktop-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-regular-desktop-headline-xl-line-height);--db-type-headline-font-size-2xl:var(--db-typography-regular-desktop-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-regular-desktop-headline-2xl-line-height);--db-type-headline-font-size-3xl:var(--db-typography-regular-desktop-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-regular-desktop-headline-3xl-line-height)}}.db-ui-regular,:root .app-canvas,:root:not(:has(.app-canvas)),[data-tonality=regular]{--db-type-body-font-size-3xs:var(--db-typography-regular-mobile-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-regular-mobile-body-3xs-line-height);--db-base-icon-weight-3xs:var(--db-base-icon-weight-regular-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-regular-mobile-3xs);--db-type-body-font-size-2xs:var(--db-typography-regular-mobile-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-regular-mobile-body-2xs-line-height);--db-base-icon-weight-2xs:var(--db-base-icon-weight-regular-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-regular-mobile-2xs);--db-type-body-font-size-xs:var(--db-typography-regular-mobile-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-regular-mobile-body-xs-line-height);--db-base-icon-weight-xs:var(--db-base-icon-weight-regular-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-regular-mobile-xs);--db-type-body-font-size-sm:var(--db-typography-regular-mobile-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-regular-mobile-body-sm-line-height);--db-base-icon-weight-sm:var(--db-base-icon-weight-regular-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-regular-mobile-sm);--db-type-body-font-size-md:var(--db-typography-regular-mobile-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-regular-mobile-body-md-line-height);--db-base-icon-weight-md:var(--db-base-icon-weight-regular-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-regular-mobile-md);--db-type-body-font-size-lg:var(--db-typography-regular-mobile-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-regular-mobile-body-lg-line-height);--db-base-icon-weight-lg:var(--db-base-icon-weight-regular-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-regular-mobile-lg);--db-type-body-font-size-xl:var(--db-typography-regular-mobile-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-regular-mobile-body-xl-line-height);--db-base-icon-weight-xl:var(--db-base-icon-weight-regular-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-regular-mobile-xl);--db-type-body-font-size-2xl:var(--db-typography-regular-mobile-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-regular-mobile-body-2xl-line-height);--db-base-icon-weight-2xl:var(--db-base-icon-weight-regular-mobile-2xl);--db-base-icon-font-size-2xl:var(--db-base-icon-font-size-regular-mobile-2xl);--db-type-body-font-size-3xl:var(--db-typography-regular-mobile-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-regular-mobile-body-3xl-line-height);--db-base-icon-weight-3xl:var(--db-base-icon-weight-regular-mobile-3xl);--db-base-icon-font-size-3xl:var(--db-base-icon-font-size-regular-mobile-3xl)}@media screen and (min-width:45em){.db-ui-regular:not([data-force-mobile]),:not([data-force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([data-force-mobile]),:root [data-force-mobile=false].app-canvas,[data-force-mobile=false].db-ui-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-tonality=regular],[data-tonality=regular]:not([data-force-mobile]){--db-type-body-font-size-3xs:var(--db-typography-regular-tablet-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-regular-tablet-body-3xs-line-height);--db-base-icon-weight-3xs:var(--db-base-icon-weight-regular-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-regular-mobile-3xs);--db-type-body-font-size-2xs:var(--db-typography-regular-tablet-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-regular-tablet-body-2xs-line-height);--db-base-icon-weight-2xs:var(--db-base-icon-weight-regular-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-regular-mobile-2xs);--db-type-body-font-size-xs:var(--db-typography-regular-tablet-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-regular-tablet-body-xs-line-height);--db-base-icon-weight-xs:var(--db-base-icon-weight-regular-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-regular-mobile-xs);--db-type-body-font-size-sm:var(--db-typography-regular-tablet-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-regular-tablet-body-sm-line-height);--db-base-icon-weight-sm:var(--db-base-icon-weight-regular-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-regular-mobile-sm);--db-type-body-font-size-md:var(--db-typography-regular-tablet-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-regular-tablet-body-md-line-height);--db-base-icon-weight-md:var(--db-base-icon-weight-regular-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-regular-mobile-md);--db-type-body-font-size-lg:var(--db-typography-regular-tablet-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-regular-tablet-body-lg-line-height);--db-base-icon-weight-lg:var(--db-base-icon-weight-regular-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-regular-mobile-lg);--db-type-body-font-size-xl:var(--db-typography-regular-tablet-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-regular-tablet-body-xl-line-height);--db-base-icon-weight-xl:var(--db-base-icon-weight-regular-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-regular-mobile-xl);--db-type-body-font-size-2xl:var(--db-typography-regular-tablet-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-regular-tablet-body-2xl-line-height);--db-base-icon-weight-2xl:var(--db-base-icon-weight-regular-mobile-2xl);--db-base-icon-font-size-2xl:var(--db-base-icon-font-size-regular-mobile-2xl);--db-type-body-font-size-3xl:var(--db-typography-regular-tablet-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-regular-tablet-body-3xl-line-height);--db-base-icon-weight-3xl:var(--db-base-icon-weight-regular-mobile-3xl);--db-base-icon-font-size-3xl:var(--db-base-icon-font-size-regular-mobile-3xl)}}@media screen and (min-width:64em){.db-ui-regular:not([data-force-mobile]),:not([data-force-mobile]):root:not(:has(.app-canvas)),:root .app-canvas:not([data-force-mobile]),:root [data-force-mobile=false].app-canvas,[data-force-mobile=false].db-ui-regular,[data-force-mobile=false]:root:not(:has(.app-canvas)),[data-force-mobile=false][data-tonality=regular],[data-tonality=regular]:not([data-force-mobile]){--db-type-body-font-size-3xs:var(--db-typography-regular-desktop-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-regular-desktop-body-3xs-line-height);--db-base-icon-weight-3xs:var(--db-base-icon-weight-regular-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-regular-mobile-3xs);--db-type-body-font-size-2xs:var(--db-typography-regular-desktop-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-regular-desktop-body-2xs-line-height);--db-base-icon-weight-2xs:var(--db-base-icon-weight-regular-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-regular-mobile-2xs);--db-type-body-font-size-xs:var(--db-typography-regular-desktop-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-regular-desktop-body-xs-line-height);--db-base-icon-weight-xs:var(--db-base-icon-weight-regular-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-regular-mobile-xs);--db-type-body-font-size-sm:var(--db-typography-regular-desktop-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-regular-desktop-body-sm-line-height);--db-base-icon-weight-sm:var(--db-base-icon-weight-regular-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-regular-mobile-sm);--db-type-body-font-size-md:var(--db-typography-regular-desktop-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-regular-desktop-body-md-line-height);--db-base-icon-weight-md:var(--db-base-icon-weight-regular-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-regular-mobile-md);--db-type-body-font-size-lg:var(--db-typography-regular-desktop-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-regular-desktop-body-lg-line-height);--db-base-icon-weight-lg:var(--db-base-icon-weight-regular-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-regular-mobile-lg);--db-type-body-font-size-xl:var(--db-typography-regular-desktop-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-regular-desktop-body-xl-line-height);--db-base-icon-weight-xl:var(--db-base-icon-weight-regular-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-regular-mobile-xl);--db-type-body-font-size-2xl:var(--db-typography-regular-desktop-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-regular-desktop-body-2xl-line-height);--db-base-icon-weight-2xl:var(--db-base-icon-weight-regular-mobile-2xl);--db-base-icon-font-size-2xl:var(--db-base-icon-font-size-regular-mobile-2xl);--db-type-body-font-size-3xl:var(--db-typography-regular-desktop-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-regular-desktop-body-3xl-line-height);--db-base-icon-weight-3xl:var(--db-base-icon-weight-regular-mobile-3xl);--db-base-icon-font-size-3xl:var(--db-base-icon-font-size-regular-mobile-3xl)}}.db-header-meta-navigation,.db-ui-functional,[data-tonality=functional],table{--db-type-headline-font-size-3xs:var(--db-typography-functional-mobile-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-functional-mobile-headline-3xs-line-height);--db-type-headline-font-size-2xs:var(--db-typography-functional-mobile-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-functional-mobile-headline-2xs-line-height);--db-type-headline-font-size-xs:var(--db-typography-functional-mobile-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-functional-mobile-headline-xs-line-height);--db-type-headline-font-size-sm:var(--db-typography-functional-mobile-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-functional-mobile-headline-sm-line-height);--db-type-headline-font-size-md:var(--db-typography-functional-mobile-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-functional-mobile-headline-md-line-height);--db-type-headline-font-size-lg:var(--db-typography-functional-mobile-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-functional-mobile-headline-lg-line-height);--db-type-headline-font-size-xl:var(--db-typography-functional-mobile-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-functional-mobile-headline-xl-line-height);--db-type-headline-font-size-2xl:var(--db-typography-functional-mobile-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-functional-mobile-headline-2xl-line-height);--db-type-headline-font-size-3xl:var(--db-typography-functional-mobile-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-functional-mobile-headline-3xl-line-height)}@media screen and (min-width:45em){.db-header-meta-navigation:not([data-force-mobile]),.db-ui-functional:not([data-force-mobile]),[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false].db-ui-functional,[data-force-mobile=false][data-tonality=functional],[data-tonality=functional]:not([data-force-mobile]),table:not([data-force-mobile]),table[data-force-mobile=false]{--db-type-headline-font-size-3xs:var(--db-typography-functional-tablet-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-functional-tablet-headline-3xs-line-height);--db-type-headline-font-size-2xs:var(--db-typography-functional-tablet-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-functional-tablet-headline-2xs-line-height);--db-type-headline-font-size-xs:var(--db-typography-functional-tablet-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-functional-tablet-headline-xs-line-height);--db-type-headline-font-size-sm:var(--db-typography-functional-tablet-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-functional-tablet-headline-sm-line-height);--db-type-headline-font-size-md:var(--db-typography-functional-tablet-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-functional-tablet-headline-md-line-height);--db-type-headline-font-size-lg:var(--db-typography-functional-tablet-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-functional-tablet-headline-lg-line-height);--db-type-headline-font-size-xl:var(--db-typography-functional-tablet-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-functional-tablet-headline-xl-line-height);--db-type-headline-font-size-2xl:var(--db-typography-functional-tablet-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-functional-tablet-headline-2xl-line-height);--db-type-headline-font-size-3xl:var(--db-typography-functional-tablet-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-functional-tablet-headline-3xl-line-height)}}@media screen and (min-width:64em){.db-header-meta-navigation:not([data-force-mobile]),.db-ui-functional:not([data-force-mobile]),[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false].db-ui-functional,[data-force-mobile=false][data-tonality=functional],[data-tonality=functional]:not([data-force-mobile]),table:not([data-force-mobile]),table[data-force-mobile=false]{--db-type-headline-font-size-3xs:var(--db-typography-functional-desktop-headline-3xs-font-size);--db-type-headline-line-height-3xs:var(--db-typography-functional-desktop-headline-3xs-line-height);--db-type-headline-font-size-2xs:var(--db-typography-functional-desktop-headline-2xs-font-size);--db-type-headline-line-height-2xs:var(--db-typography-functional-desktop-headline-2xs-line-height);--db-type-headline-font-size-xs:var(--db-typography-functional-desktop-headline-xs-font-size);--db-type-headline-line-height-xs:var(--db-typography-functional-desktop-headline-xs-line-height);--db-type-headline-font-size-sm:var(--db-typography-functional-desktop-headline-sm-font-size);--db-type-headline-line-height-sm:var(--db-typography-functional-desktop-headline-sm-line-height);--db-type-headline-font-size-md:var(--db-typography-functional-desktop-headline-md-font-size);--db-type-headline-line-height-md:var(--db-typography-functional-desktop-headline-md-line-height);--db-type-headline-font-size-lg:var(--db-typography-functional-desktop-headline-lg-font-size);--db-type-headline-line-height-lg:var(--db-typography-functional-desktop-headline-lg-line-height);--db-type-headline-font-size-xl:var(--db-typography-functional-desktop-headline-xl-font-size);--db-type-headline-line-height-xl:var(--db-typography-functional-desktop-headline-xl-line-height);--db-type-headline-font-size-2xl:var(--db-typography-functional-desktop-headline-2xl-font-size);--db-type-headline-line-height-2xl:var(--db-typography-functional-desktop-headline-2xl-line-height);--db-type-headline-font-size-3xl:var(--db-typography-functional-desktop-headline-3xl-font-size);--db-type-headline-line-height-3xl:var(--db-typography-functional-desktop-headline-3xl-line-height)}}.db-header-meta-navigation,.db-ui-functional,[data-tonality=functional],table{--db-type-body-font-size-3xs:var(--db-typography-functional-mobile-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-functional-mobile-body-3xs-line-height);--db-base-icon-weight-3xs:var(--db-base-icon-weight-functional-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-functional-mobile-3xs);--db-type-body-font-size-2xs:var(--db-typography-functional-mobile-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-functional-mobile-body-2xs-line-height);--db-base-icon-weight-2xs:var(--db-base-icon-weight-functional-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-functional-mobile-2xs);--db-type-body-font-size-xs:var(--db-typography-functional-mobile-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-functional-mobile-body-xs-line-height);--db-base-icon-weight-xs:var(--db-base-icon-weight-functional-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-functional-mobile-xs);--db-type-body-font-size-sm:var(--db-typography-functional-mobile-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-functional-mobile-body-sm-line-height);--db-base-icon-weight-sm:var(--db-base-icon-weight-functional-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-functional-mobile-sm);--db-type-body-font-size-md:var(--db-typography-functional-mobile-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-functional-mobile-body-md-line-height);--db-base-icon-weight-md:var(--db-base-icon-weight-functional-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-functional-mobile-md);--db-type-body-font-size-lg:var(--db-typography-functional-mobile-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-functional-mobile-body-lg-line-height);--db-base-icon-weight-lg:var(--db-base-icon-weight-functional-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-functional-mobile-lg);--db-type-body-font-size-xl:var(--db-typography-functional-mobile-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-functional-mobile-body-xl-line-height);--db-base-icon-weight-xl:var(--db-base-icon-weight-functional-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-functional-mobile-xl);--db-type-body-font-size-2xl:var(--db-typography-functional-mobile-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-functional-mobile-body-2xl-line-height);--db-base-icon-weight-2xl:var(--db-base-icon-weight-functional-mobile-2xl);--db-base-icon-font-size-2xl:var(--db-base-icon-font-size-functional-mobile-2xl);--db-type-body-font-size-3xl:var(--db-typography-functional-mobile-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-functional-mobile-body-3xl-line-height);--db-base-icon-weight-3xl:var(--db-base-icon-weight-functional-mobile-3xl);--db-base-icon-font-size-3xl:var(--db-base-icon-font-size-functional-mobile-3xl)}@media screen and (min-width:45em){.db-header-meta-navigation:not([data-force-mobile]),.db-ui-functional:not([data-force-mobile]),[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false].db-ui-functional,[data-force-mobile=false][data-tonality=functional],[data-tonality=functional]:not([data-force-mobile]),table:not([data-force-mobile]),table[data-force-mobile=false]{--db-type-body-font-size-3xs:var(--db-typography-functional-tablet-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-functional-tablet-body-3xs-line-height);--db-base-icon-weight-3xs:var(--db-base-icon-weight-functional-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-functional-mobile-3xs);--db-type-body-font-size-2xs:var(--db-typography-functional-tablet-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-functional-tablet-body-2xs-line-height);--db-base-icon-weight-2xs:var(--db-base-icon-weight-functional-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-functional-mobile-2xs);--db-type-body-font-size-xs:var(--db-typography-functional-tablet-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-functional-tablet-body-xs-line-height);--db-base-icon-weight-xs:var(--db-base-icon-weight-functional-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-functional-mobile-xs);--db-type-body-font-size-sm:var(--db-typography-functional-tablet-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-functional-tablet-body-sm-line-height);--db-base-icon-weight-sm:var(--db-base-icon-weight-functional-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-functional-mobile-sm);--db-type-body-font-size-md:var(--db-typography-functional-tablet-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-functional-tablet-body-md-line-height);--db-base-icon-weight-md:var(--db-base-icon-weight-functional-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-functional-mobile-md);--db-type-body-font-size-lg:var(--db-typography-functional-tablet-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-functional-tablet-body-lg-line-height);--db-base-icon-weight-lg:var(--db-base-icon-weight-functional-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-functional-mobile-lg);--db-type-body-font-size-xl:var(--db-typography-functional-tablet-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-functional-tablet-body-xl-line-height);--db-base-icon-weight-xl:var(--db-base-icon-weight-functional-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-functional-mobile-xl);--db-type-body-font-size-2xl:var(--db-typography-functional-tablet-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-functional-tablet-body-2xl-line-height);--db-base-icon-weight-2xl:var(--db-base-icon-weight-functional-mobile-2xl);--db-base-icon-font-size-2xl:var(--db-base-icon-font-size-functional-mobile-2xl);--db-type-body-font-size-3xl:var(--db-typography-functional-tablet-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-functional-tablet-body-3xl-line-height);--db-base-icon-weight-3xl:var(--db-base-icon-weight-functional-mobile-3xl);--db-base-icon-font-size-3xl:var(--db-base-icon-font-size-functional-mobile-3xl)}}@media screen and (min-width:64em){.db-header-meta-navigation:not([data-force-mobile]),.db-ui-functional:not([data-force-mobile]),[data-force-mobile=false].db-header-meta-navigation,[data-force-mobile=false].db-ui-functional,[data-force-mobile=false][data-tonality=functional],[data-tonality=functional]:not([data-force-mobile]),table:not([data-force-mobile]),table[data-force-mobile=false]{--db-type-body-font-size-3xs:var(--db-typography-functional-desktop-body-3xs-font-size);--db-type-body-line-height-3xs:var(--db-typography-functional-desktop-body-3xs-line-height);--db-base-icon-weight-3xs:var(--db-base-icon-weight-functional-mobile-3xs);--db-base-icon-font-size-3xs:var(--db-base-icon-font-size-functional-mobile-3xs);--db-type-body-font-size-2xs:var(--db-typography-functional-desktop-body-2xs-font-size);--db-type-body-line-height-2xs:var(--db-typography-functional-desktop-body-2xs-line-height);--db-base-icon-weight-2xs:var(--db-base-icon-weight-functional-mobile-2xs);--db-base-icon-font-size-2xs:var(--db-base-icon-font-size-functional-mobile-2xs);--db-type-body-font-size-xs:var(--db-typography-functional-desktop-body-xs-font-size);--db-type-body-line-height-xs:var(--db-typography-functional-desktop-body-xs-line-height);--db-base-icon-weight-xs:var(--db-base-icon-weight-functional-mobile-xs);--db-base-icon-font-size-xs:var(--db-base-icon-font-size-functional-mobile-xs);--db-type-body-font-size-sm:var(--db-typography-functional-desktop-body-sm-font-size);--db-type-body-line-height-sm:var(--db-typography-functional-desktop-body-sm-line-height);--db-base-icon-weight-sm:var(--db-base-icon-weight-functional-mobile-sm);--db-base-icon-font-size-sm:var(--db-base-icon-font-size-functional-mobile-sm);--db-type-body-font-size-md:var(--db-typography-functional-desktop-body-md-font-size);--db-type-body-line-height-md:var(--db-typography-functional-desktop-body-md-line-height);--db-base-icon-weight-md:var(--db-base-icon-weight-functional-mobile-md);--db-base-icon-font-size-md:var(--db-base-icon-font-size-functional-mobile-md);--db-type-body-font-size-lg:var(--db-typography-functional-desktop-body-lg-font-size);--db-type-body-line-height-lg:var(--db-typography-functional-desktop-body-lg-line-height);--db-base-icon-weight-lg:var(--db-base-icon-weight-functional-mobile-lg);--db-base-icon-font-size-lg:var(--db-base-icon-font-size-functional-mobile-lg);--db-type-body-font-size-xl:var(--db-typography-functional-desktop-body-xl-font-size);--db-type-body-line-height-xl:var(--db-typography-functional-desktop-body-xl-line-height);--db-base-icon-weight-xl:var(--db-base-icon-weight-functional-mobile-xl);--db-base-icon-font-size-xl:var(--db-base-icon-font-size-functional-mobile-xl);--db-type-body-font-size-2xl:var(--db-typography-functional-desktop-body-2xl-font-size);--db-type-body-line-height-2xl:var(--db-typography-functional-desktop-body-2xl-line-height);--db-base-icon-weight-2xl:var(--db-base-icon-weight-functional-mobile-2xl);--db-base-icon-font-size-2xl:var(--db-base-icon-font-size-functional-mobile-2xl);--db-type-body-font-size-3xl:var(--db-typography-functional-desktop-body-3xl-font-size);--db-type-body-line-height-3xl:var(--db-typography-functional-desktop-body-3xl-line-height);--db-base-icon-weight-3xl:var(--db-base-icon-weight-functional-mobile-3xl);--db-base-icon-font-size-3xl:var(--db-base-icon-font-size-functional-mobile-3xl)}}dialog:not([data-backdrop=none])::-webkit-backdrop{background-color:var(--db-current-color,var(--db-base-on-bg-enabled,#242629));opacity:.64}.db-code-docs .code-details .backdrop,dialog:not([data-backdrop=none])::backdrop{background-color:var(--db-current-color,var(--db-base-on-bg-enabled,#242629));opacity:.64}dialog[data-backdrop=weak]::-webkit-backdrop{background-color:var(--db-current-color,var(--db-base-on-bg-enabled,#242629));opacity:.32}dialog[data-backdrop=weak]::backdrop{background-color:var(--db-current-color,var(--db-base-on-bg-enabled,#242629));opacity:.32}dialog[data-backdrop]{position:fixed;inset:0;z-index:9995}dialog{padding:0;margin:0;border:0;z-index:9996;color:inherit}@font-face{font-family:DB Screen Head;font-style:normal;font-weight:300;src:local("DB Screen Head Light"),local(DB Screen Head),local(DB Head Light),url(/mono/review/main/_next/static/media/dbscreenhead-light.f43da5c1.woff2) format("woff2")}@font-face{font-family:DB Screen Head;font-style:normal;font-weight:900;src:local(DB Screen Head Black),local(DB Head Black),url(/mono/review/main/_next/static/media/dbscreenhead-black.8003423d.woff2) format("woff2")}@font-face{font-family:DB Screen Sans;font-style:normal;font-weight:400;src:local("DB Screen Sans Regular"),local(DB Screen Sans),local(DB Sans),url(/mono/review/main/_next/static/media/dbscreensans-regular.6ef88637.woff2) format("woff2")}@font-face{font-family:DB Screen Sans;font-style:normal;font-weight:700;src:local(DB Screen Sans Bold),local(DB Sans Bold),url(/mono/review/main/_next/static/media/dbscreensans-bold.97637e71.woff2) format("woff2")}@font-face{font-family:DB Screen Sans Digital;font-style:normal;font-weight:400;src:local("DB Screen Sans Digital Regular"),local(DB Screen Sans Digital),local(DB Sans Digital),url(/mono/review/main/_next/static/media/dbscreensans-digitalregular.06a7ba06.woff2) format("woff2")}:where(html){line-height:1.15;text-size-adjust:100%}:where(h1){font-size:2em;-webkit-margin-after:.67em;margin-block-end:.67em;-webkit-margin-before:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){-webkit-margin-after:0;margin-block-end:0;-webkit-margin-before:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,pre,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}.db-tab-list>ul::-webkit-scrollbar,.db-tab-list>ul::-webkit-scrollbar-corner,.db-tag a,.db-tag label,.db-textarea textarea::-webkit-scrollbar,.db-textarea textarea::-webkit-scrollbar-corner,.db-textarea[data-label-variant=floating]:has(textarea:focus-within):before,.db-textarea[data-label-variant=floating]:has(textarea:not(:placeholder-shown)):before,[class^=db-],[class^=db-] *,[class^=db-] :after,[class^=db-] :before{-webkit-transition:outline var(--db-transition-duration-ultra-fast),background-color var(--db-transition-duration-medium) var(--db-transition-emotional-timing);transition:outline var(--db-transition-duration-ultra-fast),background-color var(--db-transition-duration-medium) var(--db-transition-emotional-timing)}.db-link{transition:outline var(--db-transition-duration-ultra-fast),color var(--db-transition-duration-medium) var(--db-transition-emotional-timing)}@keyframes show-right-to-left{0%{transform:translateX(110%)}to{transform:translateX(0)}}@keyframes hide-right-to-left{0%{transform:translateX(0)}to{transform:translateX(110%)}}@keyframes show-left-to-right{0%{transform:translateX(-110%)}to{transform:translateX(0)}}@keyframes hide-left-to-right{0%{transform:translateX(0)}to{transform:translateX(-110%)}}@keyframes show-bottom-to-top{0%{transform:translateY(110%)}to{transform:translateY(0)}}@keyframes hide-bottom-to-top{0%{transform:translateY(0)}to{transform:translateY(110%)}}@keyframes show-top-to-bottom{0%{transform:translateY(-110%)}to{transform:translateY(0)}}@keyframes hide-top-to-bottom{0%{transform:translateY(0)}to{transform:translateY(-110%)}}@keyframes accordion-open{0%{opacity:0;transform:translateY(-10%)}to{opacity:1;transform:translateY(0)}}@keyframes popover-animation{0%{opacity:0;transform:translate(var(--db-popover-center-x,var(--db-popover-translate-x,0)),var(--db-popover-center-y,var(--db-popover-translate-y,0)))}to{opacity:1;transform:translate(var(--db-popover-center-x,0),var(--db-popover-center-y,0))}}:root{--db-focus-outline-color:var(--db-informational-text-enabled)}body,html{margin:0;padding:0}.app-canvas,.control-pane,body{font-family:var(--db-font-family-sans)}html{box-sizing:var(--db-box-sizing,border-box)}*{font-size:inherit;line-height:inherit}*,:after,:before{box-sizing:inherit}a,body,button,input,select,summary,textarea{color:inherit}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}embed,iframe,img,object,video{block-size:auto;max-inline-size:100%}iframe{border:0}:where(ul){-webkit-padding-start:var(--db-spacing-fixed-md);padding-inline-start:var(--db-spacing-fixed-md);list-style-type:"• "}:where(ul) li::marker{color:var(--db-brand-origin-enabled)}[role=navigation] ol,[role=navigation] ul,nav ol,nav ul{list-style:none;margin:0;padding:0}fieldset{border:none}pre:has(code){padding:var(--db-spacing-fixed-xs)}code{padding-block:var(--db-spacing-fixed-3xs);padding-inline:var(--db-spacing-fixed-2xs)}blockquote{margin:0;padding:var(--db-spacing-fixed-sm) var(--db-spacing-fixed-md)}details>*,details>:after,details>:before{box-sizing:var(--db-box-sizing,border-box)}h1,h2,h3,h4,h5,h6{font-family:var(--db-font-family-head);font-weight:700}h1[data-variant=light],h2[data-variant=light],h3[data-variant=light],h4[data-variant=light],h5[data-variant=light],h6[data-variant=light]{font-weight:300}h1{line-height:var(--db-type-headline-line-height-xl);font-size:var(--db-type-headline-font-size-xl);margin-block:var(--db-spacing-fixed-xl)}h2{line-height:var(--db-type-headline-line-height-lg);font-size:var(--db-type-headline-font-size-lg);margin-block:var(--db-spacing-fixed-lg)}h3{line-height:var(--db-type-headline-line-height-md);font-size:var(--db-type-headline-font-size-md);margin-block:var(--db-spacing-fixed-md)}h4{line-height:var(--db-type-headline-line-height-sm);font-size:var(--db-type-headline-font-size-sm);margin-block:var(--db-spacing-fixed-sm)}h5{line-height:var(--db-type-headline-line-height-xs);font-size:var(--db-type-headline-font-size-xs);margin-block:var(--db-spacing-fixed-xs)}h6{line-height:var(--db-type-headline-line-height-2xs);font-size:var(--db-type-headline-font-size-2xs);margin-block:var(--db-spacing-fixed-2xs)}p{margin-block:var(--db-spacing-fixed-md)}.db-accordion-item summary:after,.db-alert:not([data-icon]):before,.db-checkbox input:checked:before,.db-checkbox input:indeterminate:before,.db-infotext:not([data-icon]):before,.db-input:has(datalist):after,.db-input:has(input[type=date]):after,.db-input:has(input[type=datetime-local]):after,.db-input:has(input[type=month]):after,.db-input:has(input[type=search]):after,.db-input:has(input[type=search]):before,.db-input:has(input[type=time]):after,.db-input:has(input[type=week]):after,.db-link:not([data-variant=inline])[data-content=external]:after,.db-link:not([data-variant=inline])[data-content=internal]:after,.db-navigation-item .db-navigation-item-expand-button:is(button):after,.db-navigation-item .db-navigation-item-expand-button>button:after,.db-select:after,[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{-webkit-alt:"";alt:"";content:var(--db-icon,attr(data-icon));color:var(--db-current-icon-color,inherit);display:inline-block;font-family:var(--db-icon-font-family,"db-ux-default")!important;font-size:var(--db-icon-font-size,1.5rem);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-feature-settings:normal;font-variant:normal;font-weight:var(--db-icon-font-weight,normal);line-height:1;speak:none;speak:never;text-transform:none;vertical-align:middle;block-size:var(--db-icon-font-size,1.5rem);inline-size:var(--db-icon-font-size,1.5rem)}@media aural{.db-accordion-item summary:after,.db-alert:not([data-icon]):before,.db-checkbox input:checked:before,.db-checkbox input:indeterminate:before,.db-infotext:not([data-icon]):before,.db-input:has(datalist):after,.db-input:has(input[type=date]):after,.db-input:has(input[type=datetime-local]):after,.db-input:has(input[type=month]):after,.db-input:has(input[type=search]):after,.db-input:has(input[type=search]):before,.db-input:has(input[type=time]):after,.db-input:has(input[type=week]):after,.db-link:not([data-variant=inline])[data-content=external]:after,.db-link:not([data-variant=inline])[data-content=internal]:after,.db-navigation-item .db-navigation-item-expand-button:is(button):after,.db-navigation-item .db-navigation-item-expand-button>button:after,.db-select:after,[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{content:none}}@media speech{.db-accordion-item summary:after,.db-alert:not([data-icon]):before,.db-checkbox input:checked:before,.db-checkbox input:indeterminate:before,.db-infotext:not([data-icon]):before,.db-input:has(datalist):after,.db-input:has(input[type=date]):after,.db-input:has(input[type=datetime-local]):after,.db-input:has(input[type=month]):after,.db-input:has(input[type=search]):after,.db-input:has(input[type=search]):before,.db-input:has(input[type=time]):after,.db-input:has(input[type=week]):after,.db-link:not([data-variant=inline])[data-content=external]:after,.db-link:not([data-variant=inline])[data-content=internal]:after,.db-navigation-item .db-navigation-item-expand-button:is(button):after,.db-navigation-item .db-navigation-item-expand-button>button:after,.db-select:after,[data-icon-after]:after,[data-icon-before]:before,[data-icon]:before{content:none}}.db-button,.db-input input,.db-navigation-item .db-navigation-item-expand-button:is(button),.db-navigation-item .db-navigation-item-expand-button>button,.db-navigation-item a,.db-select select,.db-tab label,.db-tag,.db-textarea textarea{border:var(--db-border-height-sm) solid var(--db-current-color,var(--db-base-on-bg-enabled))}.db-button[data-variant=primary],.db-button[data-variant=solid],.db-button[data-variant=text],.db-navigation-item .db-navigation-item-expand-button:is(button),.db-navigation-item .db-navigation-item-expand-button>button,.db-navigation-item a{border:var(--db-border-height-sm) solid transparent}.db-accordion[data-variant=card] .db-accordion-item:after,.db-alert,.db-badge,.db-input input,.db-popover>article,.db-select select,.db-tag a,.db-tag button,.db-tag label,.db-tag:has(.db-tab-remove-button),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a)),.db-textarea textarea,.db-textarea[data-label-variant=floating]:has(textarea:focus-within):after,.db-textarea[data-label-variant=floating]:has(textarea:not(:placeholder-shown)):after,.db-tooltip,.db-tooltip:not([data-variant=basic]):after{border:var(--db-border-height-sm) solid var(--db-current-border-weak-color,var(--db-base-border-weak-enabled))}.db-button,.db-input input,.db-navigation-item .db-navigation-item-expand-button:is(button),.db-navigation-item .db-navigation-item-expand-button>button,.db-navigation-item a,.db-select select,.db-tab label,.db-tag,.db-textarea textarea{border-radius:var(--db-border-radius-md)}.db-alert[data-type=inline],.db-card,.db-popover>article,.db-tooltip{border-radius:var(--default-card-border-radius,var(--db-border-radius-lg));box-shadow:var(--db-elevation-md)}.db-badge,.db-button,.db-tag{font-weight:700;white-space:nowrap;justify-content:center;text-align:center;display:inline-flex;align-items:center}.db-button{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff));color:var(--db-current-color,var(--db-base-on-bg-enabled));block-size:var(--db-sizing-md);inline-size:-moz-fit-content;inline-size:fit-content;padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);text-decoration:none}.db-button:not(:disabled):hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-button:not(:disabled):active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-button.is-icon-text-replace{font-size:0;padding:0;inline-size:var(--db-sizing-md)}.db-button[data-size=small]{block-size:var(--db-sizing-sm)}.db-button[data-size=small]:not(.is-icon-text-replace){padding:var(--db-spacing-fixed-3xs) var(--db-spacing-fixed-sm)}.db-button[data-size=small]:not(.is-icon-text-replace):before{-webkit-margin-end:var(--db-spacing-fixed-2xs);margin-inline-end:var(--db-spacing-fixed-2xs)}.db-button[data-size=small].is-icon-text-replace{inline-size:var(--db-sizing-sm)}.db-button[data-width=full]{inline-size:100%}.db-button[data-variant=primary]{background-color:var(--db-brand-origin-enabled);color:var(--db-brand-on-enabled)}.db-button[data-variant=primary]:hover{background-color:var(--db-brand-origin-hover)}.db-button[data-variant=primary]:active{background-color:var(--db-brand-origin-pressed)}.db-button[data-variant=solid]{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff))}.db-button:disabled{opacity:var(--db-opacity-sm)}.db-button[data-state=loading]{font-size:0!important}.db-button[data-state=loading]:before{--db-icon-margin-end:0;content:""}.db-button[data-state=loading]{font-size:0}.db-icon{font-size:0!important}.db-icon:before{--db-icon-margin-end:0}@supports(-webkit-hyphens:none){.db-icon{display:inline-block}.db-icon:before{block-size:auto}}.db-accordion-item summary:after,.db-input:has(datalist):after,.db-select:after{--db-icon-after:"expand_more";content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}.db-accordion-item summary:after,.db-input:has(datalist):after,.db-select:after{transition:transform var(--db-transition-duration-medium) var(--db-transition-emotional-timing);pointer-events:none}.db-checkbox:has(input:required) label:after,.db-checkbox:has(input:required):is(label):after,.db-radio:has(input:required) label:after,.db-radio:has(input:required):is(label):after{content:"*";-webkit-padding-start:var(--db-spacing-fixed-2xs);padding-inline-start:var(--db-spacing-fixed-2xs)}.db-checkbox:has(input:not([aria-invalid]):is(:required):valid) input,.db-radio:has(input:not([aria-invalid]):is(:required):valid) input{--db-current-bg-color:var(--db-successful-bg-enabled);--db-current-base-color:var(--db-successful-text-enabled);border-color:var(--db-current-color)}.db-checkbox:has(input:not([aria-invalid]):is(:required):valid) input:is([type=radio]),.db-checkbox:has(input:not([aria-invalid]):is(:required):valid) input:not(:checked),.db-radio:has(input:not([aria-invalid]):is(:required):valid) input:is([type=radio]),.db-radio:has(input:not([aria-invalid]):is(:required):valid) input:not(:checked){--db-current-color:var(--db-successful-text-enabled)}.db-checkbox:has(input:not([aria-invalid]):is(:required):valid) input:checked,.db-radio:has(input:not([aria-invalid]):is(:required):valid) input:checked{--db-base-text-enabled:var(--db-successful-text-enabled);--db-base-text-hover:var(--db-successful-text-hover);--db-base-text-pressed:var(--db-successful-text-pressed)}.db-checkbox:has(input:not([aria-invalid]):is(:required):valid) label,.db-checkbox:has(input:not([aria-invalid]):is(:required):valid):is(label),.db-radio:has(input:not([aria-invalid]):is(:required):valid) label,.db-radio:has(input:not([aria-invalid]):is(:required):valid):is(label){color:var(--db-successful-text-enabled)}@supports not selector(:user-valid){.db-checkbox:has(input:not([aria-invalid]):required:valid) input,.db-radio:has(input:not([aria-invalid]):required:valid) input{--db-current-bg-color:var(--db-successful-bg-enabled);--db-current-base-color:var(--db-successful-text-enabled);border-color:var(--db-current-color)}.db-checkbox:has(input:not([aria-invalid]):required:valid) input:is([type=radio]),.db-checkbox:has(input:not([aria-invalid]):required:valid) input:not(:checked),.db-radio:has(input:not([aria-invalid]):required:valid) input:is([type=radio]),.db-radio:has(input:not([aria-invalid]):required:valid) input:not(:checked){--db-current-color:var(--db-successful-text-enabled)}.db-checkbox:has(input:not([aria-invalid]):required:valid) input:checked,.db-radio:has(input:not([aria-invalid]):required:valid) input:checked{--db-base-text-enabled:var(--db-successful-text-enabled);--db-base-text-hover:var(--db-successful-text-hover);--db-base-text-pressed:var(--db-successful-text-pressed)}.db-checkbox:has(input:not([aria-invalid]):required:valid) label,.db-checkbox:has(input:not([aria-invalid]):required:valid):is(label),.db-radio:has(input:not([aria-invalid]):required:valid) label,.db-radio:has(input:not([aria-invalid]):required:valid):is(label){color:var(--db-successful-text-enabled)}}.db-checkbox:has(input[aria-invalid=false]) input,.db-radio:has(input[aria-invalid=false]) input{--db-current-bg-color:var(--db-successful-bg-enabled);--db-current-base-color:var(--db-successful-text-enabled);border-color:var(--db-current-color)}.db-checkbox:has(input[aria-invalid=false]) input:is([type=radio]),.db-checkbox:has(input[aria-invalid=false]) input:not(:checked),.db-radio:has(input[aria-invalid=false]) input:is([type=radio]),.db-radio:has(input[aria-invalid=false]) input:not(:checked){--db-current-color:var(--db-successful-text-enabled)}.db-checkbox:has(input[aria-invalid=false]) input:checked,.db-radio:has(input[aria-invalid=false]) input:checked{--db-base-text-enabled:var(--db-successful-text-enabled);--db-base-text-hover:var(--db-successful-text-hover);--db-base-text-pressed:var(--db-successful-text-pressed)}.db-checkbox:has(input[aria-invalid=false]) label,.db-checkbox:has(input[aria-invalid=false]):is(label),.db-radio:has(input[aria-invalid=false]) label,.db-radio:has(input[aria-invalid=false]):is(label){color:var(--db-successful-text-enabled)}.db-checkbox:has(input:not([aria-invalid]):is(:required):invalid) input,.db-radio:has(input:not([aria-invalid]):is(:required):invalid) input{--db-current-bg-color:var(--db-critical-bg-enabled);--db-current-base-color:var(--db-critical-text-enabled);border-color:var(--db-current-color)}.db-checkbox:has(input:not([aria-invalid]):is(:required):invalid) input:is([type=radio]),.db-checkbox:has(input:not([aria-invalid]):is(:required):invalid) input:not(:checked),.db-radio:has(input:not([aria-invalid]):is(:required):invalid) input:is([type=radio]),.db-radio:has(input:not([aria-invalid]):is(:required):invalid) input:not(:checked){--db-current-color:var(--db-critical-text-enabled)}.db-checkbox:has(input:not([aria-invalid]):is(:required):invalid) input:checked,.db-radio:has(input:not([aria-invalid]):is(:required):invalid) input:checked{--db-base-text-enabled:var(--db-critical-text-enabled);--db-base-text-hover:var(--db-successful-text-hover);--db-base-text-pressed:var(--db-successful-text-pressed)}.db-checkbox:has(input:not([aria-invalid]):is(:required):invalid) label,.db-checkbox:has(input:not([aria-invalid]):is(:required):invalid):is(label),.db-radio:has(input:not([aria-invalid]):is(:required):invalid) label,.db-radio:has(input:not([aria-invalid]):is(:required):invalid):is(label){color:var(--db-critical-text-enabled)}@supports not selector(:user-invalid){.db-checkbox:has(input:not([aria-invalid]):required:invalid) input,.db-radio:has(input:not([aria-invalid]):required:invalid) input{--db-current-bg-color:var(--db-critical-bg-enabled);--db-current-base-color:var(--db-critical-text-enabled);border-color:var(--db-current-color)}.db-checkbox:has(input:not([aria-invalid]):required:invalid) input:is([type=radio]),.db-checkbox:has(input:not([aria-invalid]):required:invalid) input:not(:checked),.db-radio:has(input:not([aria-invalid]):required:invalid) input:is([type=radio]),.db-radio:has(input:not([aria-invalid]):required:invalid) input:not(:checked){--db-current-color:var(--db-critical-text-enabled)}.db-checkbox:has(input:not([aria-invalid]):required:invalid) input:checked,.db-radio:has(input:not([aria-invalid]):required:invalid) input:checked{--db-base-text-enabled:var(--db-critical-text-enabled);--db-base-text-hover:var(--db-successful-text-hover);--db-base-text-pressed:var(--db-successful-text-pressed)}.db-checkbox:has(input:not([aria-invalid]):required:invalid) label,.db-checkbox:has(input:not([aria-invalid]):required:invalid):is(label),.db-radio:has(input:not([aria-invalid]):required:invalid) label,.db-radio:has(input:not([aria-invalid]):required:invalid):is(label){color:var(--db-critical-text-enabled)}}.db-checkbox:has(input[aria-invalid=true]) input,.db-radio:has(input[aria-invalid=true]) input{--db-current-bg-color:var(--db-critical-bg-enabled);--db-current-base-color:var(--db-critical-text-enabled);border-color:var(--db-current-color)}.db-checkbox:has(input[aria-invalid=true]) input:is([type=radio]),.db-checkbox:has(input[aria-invalid=true]) input:not(:checked),.db-radio:has(input[aria-invalid=true]) input:is([type=radio]),.db-radio:has(input[aria-invalid=true]) input:not(:checked){--db-current-color:var(--db-critical-text-enabled)}.db-checkbox:has(input[aria-invalid=true]) input:checked,.db-radio:has(input[aria-invalid=true]) input:checked{--db-base-text-enabled:var(--db-critical-text-enabled);--db-base-text-hover:var(--db-successful-text-hover);--db-base-text-pressed:var(--db-successful-text-pressed)}.db-checkbox:has(input[aria-invalid=true]) label,.db-checkbox:has(input[aria-invalid=true]):is(label),.db-radio:has(input[aria-invalid=true]) label,.db-radio:has(input[aria-invalid=true]):is(label){color:var(--db-critical-text-enabled)}.db-checkbox:has(input:disabled),.db-radio:has(input:disabled){opacity:var(--db-opacity-md)}.db-checkbox label,.db-checkbox:is(label),.db-radio label,.db-radio:is(label){display:flex;align-items:center;position:relative}.db-checkbox input,.db-radio input{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff));align-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;aspect-ratio:1;-webkit-margin-end:var(--db-spacing-fixed-xs);margin-inline-end:var(--db-spacing-fixed-xs);border:min(calc(var(--db-base-font-size) * var(--db-base-line-height))/16 + .5px,2px) solid;block-size:calc(var(--db-base-font-size)*var(--db-base-line-height));justify-content:center;inline-size:auto;padding:0}.db-checkbox input:not(:disabled):hover,.db-radio input:not(:disabled):hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-checkbox input:not(:disabled):active,.db-radio input:not(:disabled):active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}[data-size=small].db-checkbox input,[data-size=small].db-radio input{-webkit-margin-end:var(--db-spacing-fixed-2xs);margin-inline-end:var(--db-spacing-fixed-2xs)}[data-label-variant=hidden].db-checkbox,[data-label-variant=hidden].db-radio{font-size:0}[data-label-variant=hidden].db-checkbox input,[data-label-variant=hidden].db-radio input{-webkit-margin-end:0;margin-inline-end:0}@media(prefers-reduced-motion:reduce){.db-checkbox,.db-radio{transition-duration:.01s!important}}.db-tab{position:relative;display:inline-flex;list-style-type:none}.db-tab:has(input:disabled){opacity:var(--db-opacity-sm)}.db-tab label{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff));padding:var(--db-spacing-fixed-xs);align-items:center;display:inline-block;white-space:nowrap;border:none;overflow:hidden;text-overflow:ellipsis}.db-tab label:not(:disabled):hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-tab label:not(:disabled):active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-tab label:has(input:checked){font-weight:700}.db-tab label[data-icon]{-webkit-padding-start:calc(var(--db-spacing-fixed-xs) + var(--db-spacing-fixed-sm) + calc(var(--db-base-font-size) * var(--db-base-line-height)));padding-inline-start:calc(var(--db-spacing-fixed-xs) + var(--db-spacing-fixed-sm) + calc(var(--db-base-font-size) * var(--db-base-line-height)))}.db-tab label[data-icon]:before{position:absolute;transform:translateY(-50%);inset-block-start:50%;inset-inline-start:calc(0% + var(--db-spacing-fixed-xs))}.db-tab label[data-icon]:is(.is-icon-text-replace){padding:0;inline-size:calc(calc(var(--db-spacing-fixed-xs) + var(--db-spacing-fixed-sm) + calc(var(--db-base-font-size) * var(--db-base-line-height))) - var(--db-spacing-fixed-2xs));block-size:calc(calc(var(--db-base-font-size) * var(--db-base-line-height)) + var(--db-spacing-fixed-xs))}.db-tab label[data-icon]:is(.is-icon-text-replace):before{-webkit-margin-end:0;margin-inline-end:0}.db-tab label[data-icon-after]{-webkit-padding-end:calc(var(--db-spacing-fixed-xs) + var(--db-spacing-fixed-sm) + calc(var(--db-base-font-size) * var(--db-base-line-height)));padding-inline-end:calc(var(--db-spacing-fixed-xs) + var(--db-spacing-fixed-sm) + calc(var(--db-base-font-size) * var(--db-base-line-height)))}.db-tab label[data-icon-after]:after{position:absolute;transform:translateY(-50%);inset-block-start:50%;inset-inline-end:calc(0% + var(--db-spacing-fixed-xs))}.db-tab input{position:absolute;-webkit-appearance:none;-moz-appearance:none;appearance:none;inline-size:100%;-webkit-margin-end:initial;margin-inline-end:0;inset:0;background:var(--db-current-bg-color);border-radius:var(--db-border-radius-md);z-index:-1}.db-tab input:focus-visible:is(input[type=radio]){outline:none;box-shadow:none}.db-tab input:focus-visible:before{content:"";position:absolute;inset:0;border-radius:var(--db-border-radius-md);z-index:10;pointer-events:none}.db-divider:not([data-margin=none]){margin:var(--db-spacing-fixed-sm) 0}.db-divider:not([data-variant=vertical]){--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-base-border-weak-enabled));position:relative;block-size:1px;inline-size:100%}.db-divider:not([data-variant=vertical])[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-divider:not([data-variant=vertical]):before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:1px;inset-block-start:0;inset-inline:0}.db-divider[data-variant=vertical]{--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-base-border-weak-enabled));position:relative;block-size:100%;inline-size:1px}.db-divider[data-variant=vertical][data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-divider[data-variant=vertical]:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;inline-size:1px;inset-inline-start:0;inset-block:0}.db-divider[data-variant=vertical]:not([data-margin=none]){margin:0 var(--db-spacing-fixed-sm)}.db-card{background-color:var(--db-base-bg-enabled);display:flex;flex-direction:column}.db-card>a{text-decoration:none}.db-card[data-spacing=medium]{padding:var(--db-spacing-fixed-lg)}.db-card[data-spacing=small]{padding:var(--db-spacing-fixed-md)}.db-card[data-variant=interactive]{transition:box-shadow .15s var(--db-transition-functional-timing)}.db-card[data-variant=interactive]:hover:not([data-elevation=none]){cursor:pointer;box-shadow:var(--db-elevation-lg)}.db-card[data-variant=interactive]:active:not([data-elevation=none]){box-shadow:var(--db-elevation-sm)}.db-card[data-elevation=none]{box-shadow:none}.db-input{--db-form-has-before:0;position:relative;display:flex;flex-direction:column}.db-input[data-label-variant=floating] label{position:absolute;z-index:2;inset-block-start:calc((var(--db-sizing-md) - calc(var(--db-base-font-size) * var(--db-base-line-height)))/2);inset-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm))}.db-input[data-label-variant=floating]:after,.db-input[data-label-variant=floating]:before{inset-block-start:calc(var(--db-sizing-md)/2 - calc(var(--db-base-font-size) * var(--db-base-line-height))/2)}.db-input[data-label-variant=floating] [id$=-placeholder]{inset-block-start:calc(50% - .5em + var(--db-spacing-fixed-3xs))}.db-input[data-label-variant=floating] input{-webkit-padding-before:calc(var(--db-type-body-font-size-2xs) + var(--db-spacing-fixed-3xs));padding-block-start:calc(var(--db-type-body-font-size-2xs) + var(--db-spacing-fixed-3xs))}.db-input[data-label-variant=floating] input+[id$=-placeholder],.db-input[data-label-variant=floating] input::placeholder{transition:none;opacity:0}.db-input[data-label-variant=floating]:has(>select option:checked:not([hidden])) label,.db-input[data-label-variant=floating]:has(input:focus-within) label,.db-input[data-label-variant=floating]:has(input:is(input,textarea):not(:placeholder-shown)) label{inset-block-start:var(--db-spacing-fixed-2xs)}.db-input[data-label-variant=floating]:has(>select option:checked:not([hidden])) input+[id$=-placeholder],.db-input[data-label-variant=floating]:has(>select option:checked:not([hidden])) input::placeholder,.db-input[data-label-variant=floating]:has(input:focus-within) input+[id$=-placeholder],.db-input[data-label-variant=floating]:has(input:focus-within) input::placeholder,.db-input[data-label-variant=floating]:has(input:is(input,textarea):not(:placeholder-shown)) input+[id$=-placeholder],.db-input[data-label-variant=floating]:has(input:is(input,textarea):not(:placeholder-shown)) input::placeholder{transition:opacity var(--db-transition-duration-medium) var(--db-transition-emotional-timing);opacity:var(--db-opacity-md)}.db-input:has(input:required) label:after,.db-input:has(input:required):is(label):after{content:"*";-webkit-padding-start:var(--db-spacing-fixed-2xs);padding-inline-start:var(--db-spacing-fixed-2xs)}.db-input:has(input:not([aria-invalid]):is(:not([type=text],[type=password],[type=search]),:is([type=text],[type=password],[type=search]):required):user-valid){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-input:has(input:not([aria-invalid]):is(:not([type=text],[type=password],[type=search]),:is([type=text],[type=password],[type=search]):required):user-valid) [id$=-placeholder],.db-input:has(input:not([aria-invalid]):is(:not([type=text],[type=password],[type=search]),:is([type=text],[type=password],[type=search]):required):user-valid) input{color:var(--db-successful-on-bg-enabled)}@supports not selector(:user-valid){.db-input:has(input:not([aria-invalid]):required:valid){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-input:has(input:not([aria-invalid]):required:valid) [id$=-placeholder],.db-input:has(input:not([aria-invalid]):required:valid) input{color:var(--db-successful-on-bg-enabled)}}.db-input:has(input[aria-invalid=false]){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-input:has(input[aria-invalid=false]) [id$=-placeholder],.db-input:has(input[aria-invalid=false]) input{color:var(--db-successful-on-bg-enabled)}.db-input:has(input:not([aria-invalid]):is(:not([type=text],[type=password],[type=search]),:is([type=text],[type=password],[type=search]):required):user-invalid){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-input:has(input:not([aria-invalid]):is(:not([type=text],[type=password],[type=search]),:is([type=text],[type=password],[type=search]):required):user-invalid) [id$=-placeholder],.db-input:has(input:not([aria-invalid]):is(:not([type=text],[type=password],[type=search]),:is([type=text],[type=password],[type=search]):required):user-invalid) input{color:var(--db-critical-on-bg-enabled)}@supports not selector(:user-invalid){.db-input:has(input:not([aria-invalid]):required:invalid){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-input:has(input:not([aria-invalid]):required:invalid) [id$=-placeholder],.db-input:has(input:not([aria-invalid]):required:invalid) input{color:var(--db-critical-on-bg-enabled)}}.db-input:has(input[aria-invalid=true]){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-input:has(input[aria-invalid=true]) [id$=-placeholder],.db-input:has(input[aria-invalid=true]) input{color:var(--db-critical-on-bg-enabled)}.db-input input{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff));background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff));-webkit-appearance:none;-moz-appearance:none;appearance:none;max-inline-size:100%;inline-size:100%;padding-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm)) var(--db-form-component-padding-inline-end,var(--db-spacing-fixed-sm))}.db-input input:not(:disabled):hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-input input+[id$=-placeholder],.db-input input::placeholder{opacity:var(--db-opacity-md)}.db-input input:is(input,textarea):-moz-read-only{background-color:var(--db-base-bg-enabled)!important}.db-input input:is(input,textarea):read-only{background-color:var(--db-base-bg-enabled)!important}.db-input label{-webkit-padding-after:var(--db-spacing-fixed-xs);padding-block-end:var(--db-spacing-fixed-xs);pointer-events:none;cursor:text;opacity:var(--db-opacity-lg);transition:font-size var(--db-transition-duration-medium) var(--db-transition-emotional-timing);max-inline-size:25ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.db-input[data-label-variant=hidden] label{padding:0}.db-input .db-infotext{-webkit-margin-before:var(--db-spacing-fixed-2xs);margin-block-start:var(--db-spacing-fixed-2xs)}.db-input:has(input:disabled){opacity:var(--db-opacity-sm);pointer-events:none}.db-input:after,.db-input:before{position:absolute;pointer-events:none;inset-block-start:calc(var(--db-sizing-md)/2 - var(--db-spacing-fixed-xs)*var(--db-label-visible-spacing, 0) + calc(var(--db-type-body-font-size-xs) * var(--db-type-body-line-height-xs))*var(--db-label-visible-height, 1) - 1px)}.db-input:before{-webkit-margin-end:var(--db-spacing-fixed-sm);margin-inline-end:var(--db-spacing-fixed-sm);inset-inline-start:var(--db-spacing-fixed-sm)}.db-input:after{-webkit-margin-start:var(--db-spacing-fixed-sm);margin-inline-start:var(--db-spacing-fixed-sm);inset-inline-end:var(--db-spacing-fixed-sm)}.db-input[data-variant=neutral]{--db-current-color:var(--db-neutral-on-bg-enabled);--db-current-border-weak-color:var(--db-neutral-border-weak-enabled);--db-current-element-color:var(--db-neutral-element-enabled);--db-current-base-color:var(--db-neutral-text-enabled);--db-current-bg-color:var(--db-neutral-bg-enabled)}.db-input[data-variant=neutral] [id$=-placeholder],.db-input[data-variant=neutral] input{color:var(--db-neutral-on-bg-enabled);caret-color:var(--db-neutral-on-bg-enabled)}.db-input[data-variant=critical]{--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-input[data-variant=critical] [id$=-placeholder],.db-input[data-variant=critical] input{color:var(--db-critical-on-bg-enabled);caret-color:var(--db-critical-on-bg-enabled)}.db-input[data-variant=informational]{--db-current-color:var(--db-informational-on-bg-enabled);--db-current-border-weak-color:var(--db-informational-border-weak-enabled);--db-current-element-color:var(--db-informational-element-enabled);--db-current-base-color:var(--db-informational-text-enabled);--db-current-bg-color:var(--db-informational-bg-enabled)}.db-input[data-variant=informational] [id$=-placeholder],.db-input[data-variant=informational] input{color:var(--db-informational-on-bg-enabled);caret-color:var(--db-informational-on-bg-enabled)}.db-input[data-variant=warning]{--db-current-color:var(--db-warning-on-bg-enabled);--db-current-border-weak-color:var(--db-warning-border-weak-enabled);--db-current-element-color:var(--db-warning-element-enabled);--db-current-base-color:var(--db-warning-text-enabled);--db-current-bg-color:var(--db-warning-bg-enabled)}.db-input[data-variant=warning] [id$=-placeholder],.db-input[data-variant=warning] input{color:var(--db-warning-on-bg-enabled);caret-color:var(--db-warning-on-bg-enabled)}.db-input[data-variant=successful]{--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-input[data-variant=successful] [id$=-placeholder],.db-input[data-variant=successful] input{color:var(--db-successful-on-bg-enabled);caret-color:var(--db-successful-on-bg-enabled)}.db-input input{block-size:var(--db-sizing-md);text-overflow:ellipsis}.db-input:has(input[type=search]),.db-input[data-icon]{--db-form-component-padding-inline-start:calc(calc(var(--db-base-font-size) * var(--db-base-line-height)) + var(--db-spacing-fixed-sm) + var(--db-spacing-fixed-xs))}.db-input:has(datalist),.db-input:has(input[type=search]),.db-input[data-icon-after]{--db-form-component-padding-inline-end:calc(calc(var(--db-base-font-size) * var(--db-base-line-height)) + var(--db-spacing-fixed-sm) + var(--db-spacing-fixed-xs))}.db-input:has(input[type=search]):before{--db-icon:"search";-webkit-margin-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs));margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}.db-input:has(input[type=search]):after{--db-icon-after:"cancel";content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}.db-input:has(input[type=search]):after{opacity:0;transition:opacity var(--db-transition-duration-fast)}.db-input:has(input[type=search]):has(input:not(:placeholder-shown)):has(input:hover,input:focus-visible):after{opacity:1}.db-input:has(input[type=date]):after,.db-input:has(input[type=datetime-local]):after,.db-input:has(input[type=month]):after,.db-input:has(input[type=week]):after{--db-icon-after:"calendar";content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}.db-input:has(input[type=time]):after{--db-icon-after:"schedule";content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}.db-input input{position:relative}.db-input input::-webkit-calendar-picker-indicator,.db-input input::-webkit-search-cancel-button{background-image:none;inline-size:var(--db-icon-font-size,1.5rem);block-size:var(--db-icon-font-size,1.5rem);padding:0;cursor:pointer}.db-input input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;position:absolute;inset-inline-end:calc(var(--db-spacing-fixed-sm) + 1px)}.db-input:has(datalist):has(input:focus):after{transform:rotate(-180deg)}.db-input:has(datalist) input::-webkit-calendar-picker-indicator{display:none!important}.db-brand,.db-brand a{display:flex;gap:var(--db-spacing-fixed-md);align-items:center}.db-brand{font-weight:700}.db-brand a{color:inherit;text-decoration:none}.db-logo{max-inline-size:none;block-size:var(--db-sizing-sm)}.db-header{background-color:var(--db-base-bg-enabled);box-shadow:var(--db-elevation-md);display:flex;flex-direction:column;position:relative;min-block-size:var(--db-sizing-fixed-mobile-header,3.5rem)}@media screen and (min-width:64em){.db-header:not([data-force-mobile]),.db-header[data-force-mobile=false]{--db-drawer-max-width:45em}}.db-header .db-link{display:inline-block}.db-header[data-on-forcing-mobile=true]{visibility:hidden}.db-header-navigation-bar{display:flex;position:relative;padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-xs);inline-size:100%;align-items:center}@media screen and (min-width:64em){.db-header-navigation-bar:not([data-force-mobile]),.db-header-navigation-bar[data-force-mobile=false]{padding:var(--db-spacing-fixed-md)}}.db-header-meta-navigation{--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-base-border-weak-enabled));position:relative;display:flex;flex-direction:column;gap:var(--db-spacing-fixed-sm);justify-content:flex-end;padding:var(--db-spacing-fixed-md)}.db-header-meta-navigation[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-header-meta-navigation:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:1px;inset-block-start:0;inset-inline:0}@media screen and (min-width:64em){.db-header-meta-navigation:not([data-force-mobile]),.db-header-meta-navigation[data-force-mobile=false]{padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);margin:0;flex-direction:row}.db-header-meta-navigation:not([data-force-mobile]):empty,.db-header-meta-navigation[data-force-mobile=false]:empty{display:none}}.db-header-meta-navigation:empty{display:none}.db-header-navigation-container{display:inherit;flex:1 1 auto;inline-size:100%;gap:inherit;align-items:center}.db-header-call-to-action{-webkit-margin-start:auto;margin-inline-start:auto}.db-header-brand-container:not(:has(>:first-child)){display:none}@media screen and (min-width:64em){.db-header-action-container:has(>.db-header-action-bar:empty):not([data-force-mobile]),.db-header-action-container:has(>.db-header-action-bar:empty)[data-force-mobile=false]{display:none}}.db-header-brand-container{min-block-size:var(--db-sizing-md)}@media screen and (min-width:64em){.db-header-brand-container:not([data-force-mobile]),.db-header-brand-container[data-force-mobile=false]{--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-base-border-weak-enabled));position:relative}.db-header-brand-container:not([data-force-mobile])[data-emphasis=strong],.db-header-brand-container[data-force-mobile=false][data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-header-brand-container:not([data-force-mobile]):after,.db-header-brand-container[data-force-mobile=false]:after{content:"";background-color:var(--db-divider-bg-color);position:absolute;inline-size:1px;inset-inline-start:0;inset-block:0;position:inherit;block-size:100%;margin-inline:var(--db-spacing-fixed-sm)}}.db-header-action-container{--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-base-border-weak-enabled));position:relative}.db-header-action-container[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-header-action-container:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;inline-size:1px;inset-inline-start:0;inset-block:0}@media screen and (min-width:64em){.db-header-action-container:not([data-force-mobile]):before,.db-header-action-container[data-force-mobile=false]:before{-webkit-margin-end:var(--db-spacing-fixed-sm);margin-inline-end:var(--db-spacing-fixed-sm)}}.db-header-action-container:before{position:inherit;block-size:100%}.db-header-action-container,.db-header-brand-container{align-items:center;block-size:100%;display:inherit;gap:inherit;flex:0 1 auto;flex-grow:0;flex-shrink:0}.db-header-action-bar{--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-base-border-weak-enabled));position:relative;flex:0 1 auto;flex-grow:0;flex-shrink:0;-webkit-padding-before:var(--db-spacing-fixed-xs);padding-block-start:var(--db-spacing-fixed-xs)}.db-header-action-bar[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-header-action-bar:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:1px;inset-block-start:0;inset-inline:0}@media screen and (min-width:64em){.db-header-action-bar:not([data-force-mobile]):before,.db-header-action-bar[data-force-mobile=false]:before{display:none}}.db-header-drawer-navigation{display:flex;flex-direction:column;flex:1 1 auto;block-size:100%;overflow:auto;justify-content:space-between}.db-header-navigation{padding-block:var(--db-spacing-fixed-md)}.db-header-action-bar,.db-header-navigation{display:flex;gap:var(--db-spacing-fixed-sm);padding-inline:var(--db-spacing-fixed-md)}@media screen and (min-width:64em){.db-header-action-bar:not([data-force-mobile]),.db-header-action-bar[data-force-mobile=false],.db-header-navigation:not([data-force-mobile]),.db-header-navigation[data-force-mobile=false]{gap:var(--db-spacing-fixed-xs);padding:0}}.db-header-drawer{--db-drawer-content-padding-inline:0;--db-drawer-header-padding-block-end:calc(1px + var(--db-spacing-fixed-xs));-webkit-padding-after:0;padding-block-end:0}.db-header-drawer .db-drawer-content{display:flex;flex-direction:column;block-size:100%;overflow:hidden}.db-header-action-container>.db-header-action-bar,.db-header-meta-navigation,.db-header-navigation-container>.db-header-navigation{display:none}@media screen and (min-width:64em){.db-header-action-container>.db-header-action-bar:not([data-force-mobile]),.db-header-action-container>.db-header-action-bar[data-force-mobile=false],.db-header-meta-navigation:not([data-force-mobile]),.db-header-meta-navigation[data-force-mobile=false],.db-header-navigation-container>.db-header-navigation:not([data-force-mobile]),.db-header-navigation-container>.db-header-navigation[data-force-mobile=false]{display:inherit}}.db-header-drawer-navigation>.db-header-meta-navigation{display:inherit}@media screen and (min-width:64em){.db-header-burger-menu-container:not([data-force-mobile]),.db-header-burger-menu-container[data-force-mobile=false],.db-header-drawer:not([data-force-mobile]),.db-header-drawer[data-force-mobile=false]{display:none}}:root body{margin:0}:root:has(.fixed-header-footer),:root:has(db-page[type=fixedHeaderFooter]){block-size:100%;overflow:hidden}:root:has(.fixed-header-footer) #app,:root:has(.fixed-header-footer) #root,:root:has(.fixed-header-footer) body,:root:has(db-page[type=fixedHeaderFooter]) #app,:root:has(db-page[type=fixedHeaderFooter]) #root,:root:has(db-page[type=fixedHeaderFooter]) body{block-size:100%}.db-page{opacity:0}.db-page[data-fade-in=true]{transition:opacity var(--db-transition-duration-medium) var(--db-transition-emotional-timing)}.db-page:not([data-fonts-loaded]),.db-page[data-fonts-loaded=true]{opacity:1}.db-page.fixed-header-footer{block-size:100%;min-block-size:100%;display:flex;flex-direction:column}.db-page.fixed-header-footer footer,.db-page.fixed-header-footer header{display:flex;flex:0 1 auto;flex-grow:0;flex-shrink:0}.db-page.fixed-header-footer main{display:flex;flex-direction:column;overflow:auto;flex:1 1 auto;inline-size:100%}.db-link,.db-link a{display:inline-block;block-size:var(--db-sizing-sm)}.db-link{inline-size:-moz-fit-content;inline-size:fit-content;text-underline-position:from-font;text-decoration-thickness:.0625rem;white-space:nowrap}.db-link:hover{color:color-mix(in srgb,transparent 25%,var(--db-current-color,var(--db-base-on-bg-enabled)))}.db-link:active{color:color-mix(in srgb,transparent 50%,var(--db-current-color,var(--db-base-on-bg-enabled)))}.db-link[aria-disabled=true]{opacity:var(--db-opacity-md);pointer-events:none}.db-link:not([data-variant=inline])[data-content=internal]:after{--db-icon-after:"arrow_forward";vertical-align:top}.db-link:not([data-variant=inline])[data-content=external]:after,.db-link:not([data-variant=inline])[data-content=internal]:after{content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}.db-link:not([data-variant=inline])[data-content=external]:after{--db-icon-after:"link_external"}.db-link:focus-visible{border-radius:var(--db-border-radius-md)}.db-link[data-content=external],.db-link[data-content=internal]{--db-icon-margin-start:var(--db-spacing-fixed-2xs)}.db-link[data-content=external]:after,.db-link[data-content=internal]:after{-webkit-margin-start:var(--db-icon-margin-start);margin-inline-start:var(--db-icon-margin-start)}.db-link[data-variant=primary]{--db-current-color:var(--db-brand-text-enabled);color:var(--db-current-color)}.db-link[data-variant=primary]:hover{--db-current-color:var(--db-brand-text-hover)}.db-link[data-variant=primary]:active{--db-current-color:var(--db-brand-text-pressed)}.db-link[data-size=small]{--db-icon-margin-start:var(--db-spacing-fixed-3xs)}.db-section{padding-inline:var(--db-spacing-fixed-md)}@media screen and (min-width:64em){.db-section:not([data-force-mobile]),.db-section[data-force-mobile=false]{padding-inline:var(--db-spacing-fixed-md)}}.db-section[data-variant=full]{padding-inline:0}.db-section[data-size=none]{padding-block:0}.db-section[data-size=small]{padding-block:var(--db-spacing-responsive-sm)}.db-section[data-size=medium]{padding-block:var(--db-spacing-responsive-md)}.db-section[data-size=large]{padding-block:var(--db-spacing-responsive-lg)}.db-section>div{margin:0 auto}.db-section>div[data-variant=full]{max-inline-size:none}.db-section>div[data-variant=medium]{max-inline-size:64em}.db-section>div[data-variant=large]{max-inline-size:90em}.db-infotext{--db-icon-margin-end:var(--db-spacing-fixed-2xs);display:flex}.db-infotext:not([data-icon]){--db-icon-font-family:"db-ux-solid"}.db-infotext:not([data-icon]):before{--db-icon:"info";-webkit-margin-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs));margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}.db-infotext[data-variant=neutral]{color:var(--db-neutral-text-enabled)}.db-infotext[data-variant=neutral]:before{--db-current-icon-color:var(--db-neutral-element-enabled)}.db-infotext[data-variant=critical]{color:var(--db-critical-text-enabled)}.db-infotext[data-variant=critical]:not([data-icon]):before{--db-icon:"error"}.db-infotext[data-variant=critical]:before{--db-current-icon-color:var(--db-critical-element-enabled)}.db-infotext[data-variant=informational]{color:var(--db-informational-text-enabled)}.db-infotext[data-variant=informational]:not([data-icon]):before{--db-icon:"info"}.db-infotext[data-variant=informational]:before{--db-current-icon-color:var(--db-informational-element-enabled)}.db-infotext[data-variant=warning]{color:var(--db-warning-text-enabled)}.db-infotext[data-variant=warning]:not([data-icon]):before{--db-icon:"warning"}.db-infotext[data-variant=warning]:before{--db-current-icon-color:var(--db-warning-element-enabled)}.db-infotext[data-variant=successful]{color:var(--db-successful-text-enabled)}.db-infotext[data-variant=successful]:not([data-icon]):before{--db-icon:"check_circle"}.db-infotext[data-variant=successful]:before{--db-current-icon-color:var(--db-successful-element-enabled)}.db-alert{grid-template-areas:"icon content close";grid-template-columns:min-content 1fr min-content}.db-alert:has(.db-alert-link){grid-template-areas:"icon content link close";grid-template-columns:min-content 1fr min-content min-content}.db-alert:has(.db-alert-link)[data-force-mobile=true]{grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon content close" "icon link link"}@media screen and (max-width:44.9375em){.db-alert:has(.db-alert-link){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon content close" "icon link link"}}.db-alert:has(.db-alert-headline){grid-template-columns:min-content 1fr 1fr min-content;grid-template-areas:"icon head head close" "icon content content content"}.db-alert:has(.db-alert-headline)[data-force-mobile=true]{grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head close" "icon content content"}@media screen and (max-width:44.9375em){.db-alert:has(.db-alert-headline){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head close" "icon content content"}}.db-alert:has(.db-alert-headline):has(.db-alert-link){grid-template-columns:min-content 1fr 1fr min-content min-content;grid-template-areas:"icon head head link close" "icon content content content content"}.db-alert:has(.db-alert-headline):has(.db-alert-link)[data-force-mobile=true]{grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head close" "icon content content" "icon link link"}@media screen and (max-width:44.9375em){.db-alert:has(.db-alert-headline):has(.db-alert-link){grid-template-columns:min-content 1fr min-content;grid-template-areas:"icon head close" "icon content content" "icon link link"}}.db-alert{display:grid;padding:var(--db-spacing-fixed-md);grid-gap:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);inline-size:inherit;text-align:start}.db-alert:not([data-icon]):before{--db-icon:"info";-webkit-margin-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs));margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}.db-alert db-link,.db-alert dblink{display:inline-flex}.db-alert .db-alert-headline{grid-area:head}.db-alert .db-alert-content{grid-area:content;margin:0}.db-alert .db-alert-link{grid-area:link}.db-alert .db-alert-close{grid-area:close}.db-alert:before,.db-alert[data-icon]:before{--db-icon-margin-end:0;grid-area:icon}.db-alert[data-type=inline][data-elevation=none]{box-shadow:none}.db-alert[data-variant=neutral]:before{--db-current-icon-color:var(--db-neutral-element-enabled)}.db-alert[data-variant=critical]:not([data-icon]):before{--db-icon:"error"}.db-alert[data-variant=critical]:before{--db-current-icon-color:var(--db-critical-element-enabled)}.db-alert[data-variant=informational]:not([data-icon]):before{--db-icon:"info"}.db-alert[data-variant=informational]:before{--db-current-icon-color:var(--db-informational-element-enabled)}.db-alert[data-variant=warning]:not([data-icon]):before{--db-icon:"warning"}.db-alert[data-variant=warning]:before{--db-current-icon-color:var(--db-warning-element-enabled)}.db-alert[data-variant=successful]:not([data-icon]):before{--db-icon:"check_circle"}.db-alert[data-variant=successful]:before{--db-current-icon-color:var(--db-successful-element-enabled)}.db-checkbox input{border-radius:var(--db-border-radius-sm)}.db-checkbox input:before{--db-icon-margin-end:0;position:absolute;inset-inline:0;inset-block:0}.db-checkbox input:checked{border-width:0}.db-checkbox input:checked:before{--db-icon:"done";-webkit-margin-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs));margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}.db-checkbox input:indeterminate:before{--db-icon:"minus";-webkit-margin-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs));margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}.db-radio input{border-color:currentColor;border-radius:var(--db-border-radius-3xl);transition:border-width var(--db-transition-duration-fast) var(--db-transition-functional-timing)}.db-radio input:checked{border-width:calc(calc(var(--db-base-font-size) * var(--db-base-line-height))*.3)}[data-no-text=true].db-tag{--icon-margin-after:0;font-size:0!important;padding:0}[data-no-text=true].db-tag:before{--db-icon-margin-end:0}[data-no-text=true].db-tag label{font-size:0!important}[data-no-text=true].db-tag label:before{--db-icon-margin-end:0}.db-tag:not([data-no-text=true]){--db-padding-inline-start:var(--db-spacing-fixed-2xs);padding-inline:var(--db-padding-inline-start) var(--db-spacing-fixed-2xs)}.db-tag:not([data-no-text=true]):has(.db-tab-remove-button){-webkit-padding-end:0;padding-inline-end:0}.db-tag:not([data-no-text=true]):has(a),.db-tag:not([data-no-text=true]):has(db-button):has(db-button:not(.db-tab-remove-button)),.db-tag:not([data-no-text=true]):has(dbbutton):has(dbbutton:not(.db-tab-remove-button)),.db-tag:not([data-no-text=true]):has(label),.db-tag:not([data-no-text=true]):not(:has(dbbutton)):has(button:not(.db-tab-remove-button)){padding-inline:0}.db-tag{--db-icon-margin-end:var(--db-spacing-fixed-2xs);padding-block:0;block-size:var(--db-sizing-sm);min-inline-size:var(--db-sizing-sm);inline-size:-moz-fit-content;inline-size:fit-content}.db-tag:has(.db-tab-remove-button)[data-variant=neutral]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=neutral][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=neutral][data-emphasis=strong]),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=neutral]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=neutral][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=neutral][data-emphasis=strong]){--db-current-border-color:var(--db-neutral-border-weak-enabled)}.db-tag:has(.db-tab-remove-button)[data-variant=critical]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=critical][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=critical][data-emphasis=strong]),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=critical]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=critical][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=critical][data-emphasis=strong]){--db-current-border-color:var(--db-critical-border-weak-enabled)}.db-tag:has(.db-tab-remove-button)[data-variant=informational]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=informational][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=informational][data-emphasis=strong]),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=informational]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=informational][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=informational][data-emphasis=strong]){--db-current-border-color:var(--db-informational-border-weak-enabled)}.db-tag:has(.db-tab-remove-button)[data-variant=warning]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=warning][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=warning][data-emphasis=strong]),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=warning]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=warning][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=warning][data-emphasis=strong]){--db-current-border-color:var(--db-warning-border-weak-enabled)}.db-tag:has(.db-tab-remove-button)[data-variant=successful]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=successful][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=successful][data-emphasis=strong]),.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=successful]:not(.db-tag:not(:has(label,button:not(.db-tab-remove-button),a))[data-variant=successful][data-emphasis=strong],.db-tag:has(.db-tab-remove-button)[data-variant=successful][data-emphasis=strong]){--db-current-border-color:var(--db-successful-border-weak-enabled)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon]:before{position:absolute;inset-block-start:calc(50% - .5em);inset-inline-start:var(--db-spacing-fixed-2xs);pointer-events:none;z-index:1}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon] a,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon] button,.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-icon] label{--db-padding-inline-start:calc(var(--db-spacing-fixed-2xs) + var(--db-icon-margin-end, var(--db-spacing-fixed-xs)) + var(--db-base-font-size) * var(--db-base-line-height));-webkit-padding-start:var(--db-padding-inline-start);padding-inline-start:var(--db-padding-inline-start)}.db-tag:has(label,button:not(.db-tab-remove-button),a)[data-emphasis=strong]:has(input:checked,a,button){--db-current-icon-color:var(--db-base-on-enabled);--db-current-color:var(--db-base-on-enabled);color:var(--db-current-color)}.db-tag button:nth-of-type(2),.db-tag dbbutton:nth-of-type(2),.db-tag:has(db-button):has(dbbutton) .db-tab-remove-button{display:none}.db-tag{position:relative}.db-tag label{inline-size:100%;-webkit-margin-start:0;margin-inline-start:0}.db-tag label:has(input:not(:checked)){--db-current-base-color-alpha:100%}.db-tag label:has(input:checked){border-width:var(--db-border-height-sm)}.db-tag label:has(input:checked):before{content:none}.db-tag label input{inline-size:calc(100% + 2px);block-size:calc(100% + 2px);position:absolute;-webkit-margin-end:initial;margin-inline-end:0;border:none;border-radius:inherit;transform:translateX(calc((var(--db-padding-inline-start, var(--db-spacing-fixed-2xs)) + var(--db-border-height-sm)) * -1))}.db-tag label input:checked:before{--db-icon:""}.db-tag a{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff));display:inline-flex;align-items:center;text-decoration:none}.db-tag a:not(:disabled):hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-tag a:not(:disabled):active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-tag a:after{--db-icon-margin-start:0;--db-icon-font-size:0;content:""!important}.db-tag .db-link:active,.db-tag .db-link:hover{color:inherit}.db-tag:has(:is(dbbutton,db-button):not(.db-tab-remove-button),a,label),.db-tag:not(:has(dbbutton,db-button)):has(button:not(.db-tab-remove-button)){border:none}.db-tag input:checked{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff))}.db-tag input:checked:not(:disabled):hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-tag button{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff))}.db-tag button:not(:disabled):hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-tag button:not(:disabled):active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-tag button,.db-tag label:has(input:checked){background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff));background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff))}.db-tag button:not(:disabled):hover,.db-tag label:has(input:checked):not(:disabled):hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-tag button:not(:disabled):active,.db-tag label:has(input:checked):not(:disabled):active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-tag:not([data-emphasis=strong]) label:has(input[type=radio]:checked):enabled:active,.db-tag:not([data-emphasis=strong]) label:has(input[type=radio]:checked):enabled:hover{--db-current-base-color-alpha:92%}.db-tag a,.db-tag button,.db-tag label{block-size:inherit;padding:0 var(--db-spacing-fixed-2xs);border-radius:var(--db-border-radius-md)}.db-tag a,.db-tag button{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff))}.db-tag db-button,.db-tag db-checkbox,.db-tag db-link,.db-tag db-radio,.db-tag dbbutton,.db-tag dbcheckbox,.db-tag dblink,.db-tag dbradio{block-size:inherit}.db-tag[data-disabled=true]{opacity:var(--db-opacity-sm);pointer-events:none}.db-tag[data-overflow=true]{max-inline-size:var(--db-sizing-2xl)}.db-tag[data-overflow=true]>*{inline-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-tag .db-tab-remove-button button,.db-tag .db-tab-remove-button:is(button){background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff));-webkit-margin-start:var(--db-spacing-fixed-2xs);margin-inline-start:var(--db-spacing-fixed-2xs);block-size:100%}.db-drawer .db-drawer-container{inset-inline:auto 0}.db-drawer [data-rounded=true].db-drawer-container{border-start-start-radius:var(--db-border-radius-lg);border-end-start-radius:var(--db-border-radius-lg)}.db-drawer .db-drawer-container[data-direction=left]{inset-inline:0 auto}.db-drawer [data-rounded=true].db-drawer-container[data-direction=left]{border-start-end-radius:var(--db-border-radius-lg);border-end-end-radius:var(--db-border-radius-lg)}.db-drawer .db-drawer-container[data-direction=down]:not([data-width=full]),.db-drawer .db-drawer-container[data-direction=up]:not([data-width=full]){max-block-size:var(--db-drawer-max-height,calc(100% - var(--db-spacing-fixed-xl)));max-inline-size:none}.db-drawer .db-drawer-container[data-direction=up]{inset:auto 0 0}.db-drawer [data-rounded=true].db-drawer-container[data-direction=up]{border-start-end-radius:var(--db-border-radius-lg);border-start-start-radius:var(--db-border-radius-lg)}.db-drawer .db-drawer-container[data-direction=down]{inset:0 0 auto}.db-drawer [data-rounded=true].db-drawer-container[data-direction=down]{border-end-end-radius:var(--db-border-radius-lg);border-end-start-radius:var(--db-border-radius-lg)}.db-drawer .db-drawer-container{padding-block:var(--db-spacing-fixed-sm)}.db-drawer [data-spacing=small].db-drawer-container{padding-block:var(--db-spacing-fixed-xs)}.db-drawer [data-spacing=small].db-drawer-container .db-drawer-header{-webkit-padding-after:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-xs));padding-block-end:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-xs));padding-inline:var(--db-spacing-fixed-md)}.db-drawer [data-spacing=small].db-drawer-container .db-drawer-content{padding-inline:var(--db-drawer-content-padding-inline,var(--db-spacing-fixed-md))}.db-drawer .db-drawer-container .db-drawer-header{-webkit-padding-after:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-sm));padding-block-end:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-sm));padding-inline:var(--db-spacing-fixed-lg)}.db-drawer .db-drawer-container .db-drawer-content{padding-inline:var(--db-drawer-content-padding-inline,var(--db-spacing-fixed-lg))}.db-drawer [data-spacing=medium].db-drawer-container{padding-block:var(--db-spacing-fixed-sm)}.db-drawer [data-spacing=medium].db-drawer-container .db-drawer-header{-webkit-padding-after:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-sm));padding-block-end:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-sm));padding-inline:var(--db-spacing-fixed-lg)}.db-drawer [data-spacing=medium].db-drawer-container .db-drawer-content{padding-inline:var(--db-drawer-content-padding-inline,var(--db-spacing-fixed-lg))}.db-drawer [data-spacing=large].db-drawer-container{padding-block:var(--db-spacing-fixed-md)}.db-drawer [data-spacing=large].db-drawer-container .db-drawer-header{-webkit-padding-after:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-md));padding-block-end:var(--db-drawer-header-padding-block-end,var(--db-spacing-fixed-md));padding-inline:var(--db-spacing-fixed-xl)}.db-drawer [data-spacing=large].db-drawer-container .db-drawer-content{padding-inline:var(--db-drawer-content-padding-inline,var(--db-spacing-fixed-xl))}.db-drawer [data-spacing=none].db-drawer-container{padding-block:0}.db-drawer [data-spacing=none].db-drawer-container .db-drawer-header{-webkit-padding-after:var(--db-drawer-header-padding-block-end,0);padding-block-end:var(--db-drawer-header-padding-block-end,0);padding-inline:0}.db-drawer [data-spacing=none].db-drawer-container .db-drawer-content{padding-inline:var(--db-drawer-content-padding-inline,0)}.db-drawer .db-drawer-container{display:flex;flex-direction:column;background-color:var(--db-base-bg-enabled);block-size:100%;inline-size:100%;position:fixed;box-shadow:var(--db-elevation-md)}.db-drawer .db-drawer-container:not([data-width=full]){max-inline-size:var(--db-drawer-max-width,calc(100% - var(--db-spacing-fixed-xl)))}.db-drawer .db-drawer-container[data-rounded=true]{box-shadow:var(--db-elevation-md)}.db-drawer .db-drawer-container .db-drawer-header{--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-base-border-weak-enabled));position:relative;display:none}.db-drawer .db-drawer-container .db-drawer-header[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-drawer .db-drawer-container .db-drawer-header:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:1px;inset-block-end:0;inset-inline:0}.db-drawer .db-drawer-container .db-drawer-header .db-drawer-header-text{margin-block:auto;font-weight:700}.db-drawer .db-drawer-container .db-drawer-header .button-close-drawer,.db-drawer .db-drawer-container .db-drawer-header .button-close-drawer button{-webkit-margin-start:auto;margin-inline-start:auto}.db-drawer .db-drawer-container .db-drawer-header:has(.button-close-drawer),.db-drawer .db-drawer-container .db-drawer-header:has(:not(.db-drawer-header-text:empty)){display:flex}.db-drawer[open] .db-drawer-container:not([data-direction]),.db-drawer[open] .db-drawer-container[data-direction=right]{animation:show-right-to-left var(--db-transition-show-straight)}.db-drawer[open] .db-drawer-container[data-direction=left]{animation:show-left-to-right var(--db-transition-show-straight)}.db-drawer[open] .db-drawer-container[data-direction=up]{animation:show-bottom-to-top var(--db-transition-show-straight)}.db-drawer[open] .db-drawer-container[data-direction=down]{animation:show-top-to-bottom var(--db-transition-show-straight)}.db-drawer[open] .db-drawer-container[hidden]:not([data-direction]),.db-drawer[open] .db-drawer-container[hidden][data-direction=right]{animation:hide-right-to-left var(--db-transition-hide-straight)}.db-drawer[open] .db-drawer-container[hidden][data-direction=left]{animation:hide-left-to-right var(--db-transition-hide-straight)}.db-drawer[open] .db-drawer-container[hidden][data-direction=up]{animation:hide-bottom-to-top var(--db-transition-hide-straight)}.db-drawer[open] .db-drawer-container[hidden][data-direction=down]{animation:hide-top-to-bottom var(--db-transition-hide-straight)}[data-icon].db-select{--db-form-has-before:1}.db-select:has(select:focus-within):after{transform:rotate(-180deg)}.db-select{--db-form-component-padding-inline-end:calc(calc(var(--db-base-font-size) * var(--db-base-line-height)) + var(--db-spacing-fixed-sm));--db-form-has-before:0;position:relative;display:flex;flex-direction:column;min-inline-size:calc(4*var(--db-sizing-md) + var(--db-form-has-before)*var(--db-sizing-md))}.db-select[data-label-variant=floating] label{position:absolute;z-index:2;inset-block-start:calc((var(--db-sizing-md) - calc(var(--db-base-font-size) * var(--db-base-line-height)))/2);inset-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm))}.db-select[data-label-variant=floating]:after,.db-select[data-label-variant=floating]:before{inset-block-start:calc(var(--db-sizing-md)/2 - calc(var(--db-base-font-size) * var(--db-base-line-height))/2)}.db-select[data-label-variant=floating] [id$=-placeholder]{inset-block-start:calc(50% - .5em + var(--db-spacing-fixed-3xs))}.db-select[data-label-variant=floating] select{-webkit-padding-before:calc(var(--db-type-body-font-size-2xs) + var(--db-spacing-fixed-3xs));padding-block-start:calc(var(--db-type-body-font-size-2xs) + var(--db-spacing-fixed-3xs))}.db-select[data-label-variant=floating] select+[id$=-placeholder],.db-select[data-label-variant=floating] select::placeholder{transition:none;opacity:0}.db-select[data-label-variant=floating]:has(>select option:checked:not([hidden])) label,.db-select[data-label-variant=floating]:has(select:focus-within) label,.db-select[data-label-variant=floating]:has(select:is(input,textarea):not(:placeholder-shown)) label{inset-block-start:var(--db-spacing-fixed-2xs)}.db-select[data-label-variant=floating]:has(>select option:checked:not([hidden])) select+[id$=-placeholder],.db-select[data-label-variant=floating]:has(>select option:checked:not([hidden])) select::placeholder,.db-select[data-label-variant=floating]:has(select:focus-within) select+[id$=-placeholder],.db-select[data-label-variant=floating]:has(select:focus-within) select::placeholder,.db-select[data-label-variant=floating]:has(select:is(input,textarea):not(:placeholder-shown)) select+[id$=-placeholder],.db-select[data-label-variant=floating]:has(select:is(input,textarea):not(:placeholder-shown)) select::placeholder{transition:opacity var(--db-transition-duration-medium) var(--db-transition-emotional-timing);opacity:var(--db-opacity-md)}.db-select:has(select:required) label:after,.db-select:has(select:required):is(label):after{content:"*";-webkit-padding-start:var(--db-spacing-fixed-2xs);padding-inline-start:var(--db-spacing-fixed-2xs)}.db-select:has(select:not([aria-invalid]):is(:required):valid){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-select:has(select:not([aria-invalid]):is(:required):valid) [id$=-placeholder],.db-select:has(select:not([aria-invalid]):is(:required):valid) select{color:var(--db-successful-on-bg-enabled)}@supports not selector(:user-valid){.db-select:has(select:not([aria-invalid]):required:valid){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-select:has(select:not([aria-invalid]):required:valid) [id$=-placeholder],.db-select:has(select:not([aria-invalid]):required:valid) select{color:var(--db-successful-on-bg-enabled)}}.db-select:has(select[aria-invalid=false]){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-select:has(select[aria-invalid=false]) [id$=-placeholder],.db-select:has(select[aria-invalid=false]) select{color:var(--db-successful-on-bg-enabled)}.db-select:has(select:not([aria-invalid]):is(:required):invalid){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-select:has(select:not([aria-invalid]):is(:required):invalid) [id$=-placeholder],.db-select:has(select:not([aria-invalid]):is(:required):invalid) select{color:var(--db-critical-on-bg-enabled)}@supports not selector(:user-invalid){.db-select:has(select:not([aria-invalid]):required:invalid){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-select:has(select:not([aria-invalid]):required:invalid) [id$=-placeholder],.db-select:has(select:not([aria-invalid]):required:invalid) select{color:var(--db-critical-on-bg-enabled)}}.db-select:has(select[aria-invalid=true]){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-select:has(select[aria-invalid=true]) [id$=-placeholder],.db-select:has(select[aria-invalid=true]) select{color:var(--db-critical-on-bg-enabled)}.db-select select{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff));background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff));-webkit-appearance:none;-moz-appearance:none;appearance:none;max-inline-size:100%;inline-size:100%;padding-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm)) var(--db-form-component-padding-inline-end,var(--db-spacing-fixed-sm))}.db-select select:not(:disabled):hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-select select+[id$=-placeholder],.db-select select::placeholder{opacity:var(--db-opacity-md)}.db-select select:is(input,textarea):-moz-read-only{background-color:var(--db-base-bg-enabled)!important}.db-select select:is(input,textarea):read-only{background-color:var(--db-base-bg-enabled)!important}.db-select label{-webkit-padding-after:var(--db-spacing-fixed-xs);padding-block-end:var(--db-spacing-fixed-xs);pointer-events:none;cursor:text;opacity:var(--db-opacity-lg);transition:font-size var(--db-transition-duration-medium) var(--db-transition-emotional-timing);max-inline-size:25ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.db-select[data-label-variant=hidden] label{padding:0}.db-select .db-infotext{-webkit-margin-before:var(--db-spacing-fixed-2xs);margin-block-start:var(--db-spacing-fixed-2xs)}.db-select:has(select:disabled){opacity:var(--db-opacity-sm);pointer-events:none}.db-select:after,.db-select:before{position:absolute;pointer-events:none;inset-block-start:calc(var(--db-sizing-md)/2 - var(--db-spacing-fixed-xs)*var(--db-label-visible-spacing, 0) + calc(var(--db-type-body-font-size-xs) * var(--db-type-body-line-height-xs))*var(--db-label-visible-height, 1) - 1px)}.db-select:before{-webkit-margin-end:var(--db-spacing-fixed-sm);margin-inline-end:var(--db-spacing-fixed-sm);inset-inline-start:var(--db-spacing-fixed-sm)}.db-select:after{-webkit-margin-start:var(--db-spacing-fixed-sm);margin-inline-start:var(--db-spacing-fixed-sm);inset-inline-end:var(--db-spacing-fixed-sm)}.db-select[data-variant=neutral]{--db-current-color:var(--db-neutral-on-bg-enabled);--db-current-border-weak-color:var(--db-neutral-border-weak-enabled);--db-current-element-color:var(--db-neutral-element-enabled);--db-current-base-color:var(--db-neutral-text-enabled);--db-current-bg-color:var(--db-neutral-bg-enabled)}.db-select[data-variant=neutral] [id$=-placeholder],.db-select[data-variant=neutral] select{color:var(--db-neutral-on-bg-enabled);caret-color:var(--db-neutral-on-bg-enabled)}.db-select[data-variant=critical]{--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-select[data-variant=critical] [id$=-placeholder],.db-select[data-variant=critical] select{color:var(--db-critical-on-bg-enabled);caret-color:var(--db-critical-on-bg-enabled)}.db-select[data-variant=informational]{--db-current-color:var(--db-informational-on-bg-enabled);--db-current-border-weak-color:var(--db-informational-border-weak-enabled);--db-current-element-color:var(--db-informational-element-enabled);--db-current-base-color:var(--db-informational-text-enabled);--db-current-bg-color:var(--db-informational-bg-enabled)}.db-select[data-variant=informational] [id$=-placeholder],.db-select[data-variant=informational] select{color:var(--db-informational-on-bg-enabled);caret-color:var(--db-informational-on-bg-enabled)}.db-select[data-variant=warning]{--db-current-color:var(--db-warning-on-bg-enabled);--db-current-border-weak-color:var(--db-warning-border-weak-enabled);--db-current-element-color:var(--db-warning-element-enabled);--db-current-base-color:var(--db-warning-text-enabled);--db-current-bg-color:var(--db-warning-bg-enabled)}.db-select[data-variant=warning] [id$=-placeholder],.db-select[data-variant=warning] select{color:var(--db-warning-on-bg-enabled);caret-color:var(--db-warning-on-bg-enabled)}.db-select[data-variant=successful]{--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-select[data-variant=successful] [id$=-placeholder],.db-select[data-variant=successful] select{color:var(--db-successful-on-bg-enabled);caret-color:var(--db-successful-on-bg-enabled)}.db-select select{block-size:var(--db-sizing-md);text-overflow:ellipsis;text-indent:calc(var(--db-form-has-before)*(var(--db-base-icon-font-size-sm) + var(--db-spacing-fixed-sm)))}.db-select option{background-color:var(--db-current-bg-color)}.db-select[data-label-variant=hidden]{--db-label-visible-height:0;--db-label-visible-spacing:1}.db-select [id$=-placeholder]{position:absolute;pointer-events:none;inset-block-start:calc(0% + (calc(var(--db-type-body-font-size-xs) * var(--db-type-body-line-height-xs)) + var(--db-spacing-fixed-xs))*var(--db-label-visible-height, 1) + var(--db-base-font-size)/2 - var(--db-ui-functional, 0)*1px);inset-inline:calc(var(--db-form-has-before)*(var(--db-base-icon-font-size-sm) + var(--db-spacing-fixed-sm)));-webkit-margin-start:var(--db-spacing-fixed-sm);margin-inline-start:var(--db-spacing-fixed-sm);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;inline-size:calc(100% - var(--db-form-component-padding-inline-end) - calc(var(--db-form-has-before) * (var(--db-base-icon-font-size-sm) + var(--db-spacing-fixed-sm))) - var(--db-spacing-fixed-sm))}.db-select:has(>select option:checked:not([hidden])) [id$=-placeholder]{display:none}@media screen and (min-width:64em){.db-navigation-item .db-navigation-item-expand-button:not([data-force-mobile]):focus-visible:is(button)~.db-sub-navigation,.db-navigation-item .db-navigation-item-expand-button:not([data-force-mobile]):hover:is(button)~.db-sub-navigation,.db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):focus-visible~.db-sub-navigation,.db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):hover~.db-sub-navigation,.db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:focus-visible~.db-sub-navigation,.db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:hover~.db-sub-navigation,.db-navigation-item [data-force-mobile=false].db-navigation-item-expand-button:focus-visible:is(button)~.db-sub-navigation,.db-navigation-item [data-force-mobile=false].db-navigation-item-expand-button:hover:is(button)~.db-sub-navigation{visibility:visible}}.db-navigation-item .db-navigation-item-expand-button:is(button),.db-navigation-item .db-navigation-item-expand-button>button,.db-navigation-item a{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff));cursor:pointer;inline-size:100%;display:inline-flex;border-radius:var(--db-border-radius-lg);padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-sm);white-space:nowrap;text-align:center;align-items:center}.db-navigation-item .db-navigation-item-expand-button:has(~.db-sub-navigation:hover):is(button),.db-navigation-item .db-navigation-item-expand-button:hover:is(button),.db-navigation-item .db-navigation-item-expand-button>button:has(~.db-sub-navigation:hover),.db-navigation-item .db-navigation-item-expand-button>button:hover,.db-navigation-item a:has(~.db-sub-navigation:hover),.db-navigation-item a:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-navigation-item .db-navigation-item-expand-button:active:is(button),.db-navigation-item .db-navigation-item-expand-button>button:active,.db-navigation-item a:active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-navigation-item{--db-has-before:0;display:inline-flex;position:relative;inline-size:100%}.db-navigation-item[data-icon]:before{position:absolute;inset-block-start:calc(50% - .5em);inset-inline-start:var(--db-spacing-fixed-sm);pointer-events:none;z-index:1}.db-navigation-item[data-icon] a,.db-navigation-item[data-icon] button,.db-navigation-item[data-icon] label{--db-padding-inline-start:calc(var(--db-spacing-fixed-sm) + var(--db-icon-margin-end, var(--db-spacing-fixed-xs)) + var(--db-base-font-size) * var(--db-base-line-height));-webkit-padding-start:var(--db-padding-inline-start);padding-inline-start:var(--db-padding-inline-start)}.db-navigation-item[data-force-mobile=true]:not([data-width=full]) .db-navigation-item-expand-button:after{--db-icon-margin-start:auto}@media screen and (max-width:63.9375em){.db-navigation-item:not([data-width=full]) .db-navigation-item-expand-button:after{--db-icon-margin-start:auto}}.db-navigation-item a{text-decoration:none}.db-navigation-item a:focus-visible{z-index:1}.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true][aria-expanded=true]~.db-sub-navigation{visibility:visible;transition:visibility 0ms linear 0ms;animation:show-right-to-left var(--db-transition-show-straight)}.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true][aria-expanded=true]~.db-sub-navigation .db-sub-navigation{inset-block:0}.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true]:not(.db-navigation-item .db-navigation-item-expand-button[data-force-mobile=true][aria-expanded=true])~.db-sub-navigation{transition:visibility 0ms linear .41s;animation:hide-right-to-left var(--db-transition-hide-straight)}@media screen and (max-width:63.9375em){.db-navigation-item .db-navigation-item-expand-button[aria-expanded=true]~.db-sub-navigation{visibility:visible;transition:visibility 0ms linear 0ms;animation:show-right-to-left var(--db-transition-show-straight)}.db-navigation-item .db-navigation-item-expand-button[aria-expanded=true]~.db-sub-navigation .db-sub-navigation{inset-block:0}.db-navigation-item .db-navigation-item-expand-button:not(.db-navigation-item .db-navigation-item-expand-button[aria-expanded=true])~.db-sub-navigation{transition:visibility 0ms linear .41s;animation:hide-right-to-left var(--db-transition-hide-straight)}}.db-navigation-item .db-navigation-item-expand-button:is(button),.db-navigation-item .db-navigation-item-expand-button>button{font-weight:inherit}.db-navigation-item .db-navigation-item-expand-button:is(button):after,.db-navigation-item .db-navigation-item-expand-button>button:after{--db-icon-after:"chevron_right";content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}.db-navigation-item:has([aria-current=page])>:is(a,button),.db-navigation-item[aria-current=page]>:is(a,button){font-weight:700}.db-navigation-item:not([data-width=full]) .db-navigation-item-expand-button:after{--db-icon-margin-start:var(--db-spacing-fixed-sm)}.db-navigation-item[data-width=full]{inline-size:100%}.db-navigation-item[data-width=full] .db-navigation-item-expand-button:after{--db-icon-margin-start:auto}.db-navigation-item[aria-disabled=true]{opacity:var(--db-opacity-sm);pointer-events:none}.db-sub-navigation{margin:0;display:flex;flex-direction:column;z-index:70;inset-inline-start:0;background-color:var(--db-base-bg-enabled);visibility:hidden}.db-sub-navigation[data-force-mobile=true]{padding:var(--db-spacing-fixed-md);inline-size:100%;position:fixed;overflow-y:auto;inset-block:calc(var(--db-sizing-fixed-mobile-header, 3.5rem) + var(--db-spacing-fixed-3xs)) calc(var(--db-sizing-md) + var(--db-spacing-fixed-xs)*2 + var(--db-spacing-fixed-3xs))}@media screen and (max-width:63.9375em){.db-sub-navigation{padding:var(--db-spacing-fixed-md);inline-size:100%;position:fixed;overflow-y:auto;inset-block:calc(var(--db-sizing-fixed-mobile-header, 3.5rem) + var(--db-spacing-fixed-3xs)) calc(var(--db-sizing-md) + var(--db-spacing-fixed-xs)*2 + var(--db-spacing-fixed-3xs))}}@media screen and (min-width:64em){.db-sub-navigation:not([data-force-mobile]) .db-mobile-navigation-back,.db-sub-navigation[data-force-mobile=false] .db-mobile-navigation-back{display:none}.db-sub-navigation:not([data-force-mobile]),.db-sub-navigation[data-force-mobile=false]{border-radius:var(--db-border-radius-lg);box-shadow:var(--db-elevation-md);padding:var(--db-spacing-fixed-sm);position:absolute;min-inline-size:328px;inset-block-start:calc(100% + var(--db-spacing-fixed-md));transition:visibility 1ms linear}.db-sub-navigation:not([data-force-mobile])[data-outside-vx=true],.db-sub-navigation[data-force-mobile=false][data-outside-vx=true]{transform:translateX(-100%);inset-inline-start:100%}}@media screen and (min-width:64em){.db-sub-navigation:not([data-force-mobile]):focus-within,.db-sub-navigation:not([data-force-mobile]):hover,.db-sub-navigation[data-force-mobile=false]:focus-within,.db-sub-navigation[data-force-mobile=false]:hover{visibility:visible}.db-sub-navigation:not([data-force-mobile]):before,.db-sub-navigation[data-force-mobile=false]:before{content:"";position:absolute;inset-inline-start:0;inline-size:100%;block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-md));inset-block-start:calc(-1*var(--db-spacing-fixed-md) - var(--db-spacing-fixed-3xs))}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation,.db-sub-navigation[data-force-mobile=false] .db-sub-navigation{inset-block-start:calc(-50% + var(--db-spacing-fixed-xs) + 1px);inset-inline-start:calc(100% + var(--db-spacing-fixed-xs))}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation[data-outside-vy=true],.db-sub-navigation[data-force-mobile=false] .db-sub-navigation[data-outside-vy=true]{inset-block-start:calc(100% + var(--db-spacing-fixed-md));transform:translateY(-100%)}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation[data-outside-vx=true],.db-sub-navigation[data-force-mobile=false] .db-sub-navigation[data-outside-vx=true]{transform:translateX(-100%);inset-inline-start:calc(-1*var(--db-spacing-fixed-xs))}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation[data-outside-vx=true][data-outside-vy=true],.db-sub-navigation[data-force-mobile=false] .db-sub-navigation[data-outside-vx=true][data-outside-vy=true]{transform:translate(-100%,-100%)}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation:before,.db-sub-navigation[data-force-mobile=false] .db-sub-navigation:before{content:"";position:absolute;padding:var(--db-spacing-fixed-xs);inset-block-start:var(--db-spacing-fixed-3xs);inset-inline-start:calc(-1*var(--db-spacing-fixed-xs));block-size:100%;inline-size:var(--db-spacing-fixed-xs)}.db-sub-navigation:not([data-force-mobile]) .db-sub-navigation:after,.db-sub-navigation[data-force-mobile=false] .db-sub-navigation:after{content:"";position:absolute;padding:var(--db-spacing-fixed-xs);inset-block-start:var(--db-spacing-fixed-3xs);inset-inline-end:calc(-1*var(--db-spacing-fixed-xs));block-size:100%;inline-size:var(--db-spacing-fixed-xs)}}.db-sub-navigation:empty{display:none}.db-sub-navigation .db-navigation-item{inline-size:100%}.db-sub-navigation .db-navigation-item:after{-webkit-margin-start:auto;margin-inline-start:auto}.db-mobile-navigation-back{--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-base-border-weak-enabled));position:relative;display:flex;font-weight:400;background-color:var(--db-base-bg-enabled);-webkit-padding-after:var(--db-spacing-fixed-md);padding-block-end:var(--db-spacing-fixed-md);-webkit-margin-after:var(--db-spacing-fixed-md);margin-block-end:var(--db-spacing-fixed-md)}.db-mobile-navigation-back[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-mobile-navigation-back:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:1px;inset-block-end:0;inset-inline:0}.db-tab-list>ul::-webkit-scrollbar,.db-textarea textarea::-webkit-scrollbar{z-index:3;inline-size:.5rem;block-size:.5rem;background-color:var(--db-base-bg-enabled);border-start-end-radius:var(--db-border-radius-md)}.db-tab-list>ul:hover::-webkit-scrollbar-button:single-button,.db-tab-list>ul:hover::-webkit-scrollbar-track,.db-textarea textarea:hover::-webkit-scrollbar-button:single-button,.db-textarea textarea:hover::-webkit-scrollbar-track{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-tab-list>ul:read-only::-webkit-scrollbar-button:single-button,.db-tab-list>ul:read-only::-webkit-scrollbar-track,.db-textarea textarea:read-only::-webkit-scrollbar-button:single-button,.db-textarea textarea:read-only::-webkit-scrollbar-track{background-color:var(--db-base-bg-enabled)!important}.db-tab-list>ul::-webkit-scrollbar-track,.db-textarea textarea::-webkit-scrollbar-track{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff))}.db-tab-list>ul::-webkit-scrollbar-thumb,.db-textarea textarea::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff));background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-tab-list>ul::-webkit-scrollbar-thumb:not(:disabled):hover,.db-textarea textarea::-webkit-scrollbar-thumb:not(:disabled):hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-tab-list>ul::-webkit-scrollbar-thumb:not(:disabled):active,.db-textarea textarea::-webkit-scrollbar-thumb:not(:disabled):active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-tab-list>ul::-webkit-scrollbar-thumb:hover,.db-textarea textarea::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,68%),var(--db-current-base-color,#fff))}.db-tab-list>ul::-webkit-scrollbar-thumb:active,.db-textarea textarea::-webkit-scrollbar-thumb:active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,60%),var(--db-current-base-color,#fff))}.db-tab-list>ul[data-label-variant=floating]::-webkit-resizer,.db-textarea textarea[data-label-variant=floating]::-webkit-resizer{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff))}.db-tab-list>ul[data-label-variant=floating]::-webkit-scrollbar-corner,.db-textarea textarea[data-label-variant=floating]::-webkit-scrollbar-corner{background-color:var(--db-base-bg-enabled)}.db-tab-list>ul::-webkit-resizer,.db-textarea textarea::-webkit-resizer{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff));background-size:.5rem;background-repeat:no-repeat;background-position:50%;background-image:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTcgMTJjLjUxMjgzNTg0IDAgMSAuNDIxNjY1NyAxIDF2NGMwIC41MTI4MzU4LS40MDc3MzY0OCAxLTEgMWgtNGMtLjQ5MTg3ODUxIDAtMS0uMzkzNTA1Ni0xLTF2LTRjMC0uNTEyODM1OC40MTk1NTA5LTEgMS0xem05LTEwYzEuMDU0MzYxOCAwIDIgLjg2MzcwOTk2IDIgMnYxMGMwIDEuMDU0MzYxOC0uODY5Mjg3MyAyLTIgMmgtNS41Yy0uNTUyMjg0NzUgMC0xLS40NDc3MTUzLTEtMSAwLS41MTI4MzU4LjQxMTE0NTUtMSAxLTFoNS41di0xMGgtMTB2NS41YzAgLjU1MjI4NDctLjQ0NzcxNTI1IDEtMSAxLS41MTI4MzU4NCAwLTEtLjQyNzUyOTYtMS0xdi01LjVjMC0xLjA1NDM2MTguODM1MjM3ODctMiAyLTJ6bS0xMCAxMmgtMnYyaDJ6IiBmaWxsPSJ2YXIoLS1kYi1pY29uLWNvbG9yLCBjdXJyZW50Q29sb3IpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4NCg==");border-end-end-radius:var(--db-border-radius-md)}.db-tab-list>ul::-webkit-scrollbar-corner,.db-textarea textarea::-webkit-scrollbar-corner{border-end-end-radius:var(--db-border-radius-md)}.db-tab-list>ul::-webkit-scrollbar-button:single-button,.db-textarea textarea::-webkit-scrollbar-button:single-button{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff));background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff));background-size:.5rem;background-repeat:no-repeat;background-position:50%;block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + calc(var(--db-type-body-font-size-2xs) * var(--db-type-body-line-height-2xs)));inline-size:0}.db-tab-list>ul::-webkit-scrollbar-button:single-button:not(:disabled):hover,.db-textarea textarea::-webkit-scrollbar-button:single-button:not(:disabled):hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-tab-list>ul::-webkit-scrollbar-button:single-button:not(:disabled):active,.db-textarea textarea::-webkit-scrollbar-button:single-button:not(:disabled):active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-tab-list>ul::-webkit-scrollbar-button:single-button:vertical:decrement,.db-textarea textarea::-webkit-scrollbar-button:single-button:vertical:decrement{background-image:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEwLjQ3MiA4LjY5Ni0zLjUzMiAzLjUzNGEuOTk4Ljk5OCAwIDEgMSAtMS40MTMtMS40MTNsMi44MjUtMi44MjUtMi44MjUtMi44MjVhLjk5OC45OTggMCAxIDEgMS40MTMtMS40MTNsMy41MzIgMy41MzJhLjk5OS45OTkgMCAwIDEgMCAxLjQxMnoiIGZpbGw9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJtYXRyaXgoMCAtMSAtMSAwIDE1Ljk5IDE1Ljk5KSIvPjwvc3ZnPg0K")}.db-tab-list>ul::-webkit-scrollbar-button:single-button:vertical:increment,.db-textarea textarea::-webkit-scrollbar-button:single-button:vertical:increment{background-image:url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEwLjQ3MiA4LjY5Ni0zLjUzMiAzLjUzNGEuOTk4Ljk5OCAwIDEgMSAtMS40MTMtMS40MTNsMi44MjUtMi44MjUtMi44MjUtMi44MjVhLjk5OC45OTggMCAxIDEgMS40MTMtMS40MTNsMy41MzIgMy41MzJhLjk5OS45OTkgMCAwIDEgMCAxLjQxMnoiIGZpbGw9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJtYXRyaXgoMCAxIC0xIDAgMTUuOTkxIC0uMDA5KSIvPjwvc3ZnPg0K")}.db-textarea textarea[data-resize=none]{resize:none}.db-textarea textarea[data-resize=both]{resize:both}.db-textarea textarea[data-resize=horizontal]{resize:horizontal}.db-textarea textarea[data-resize=vertical]{resize:vertical}.db-textarea{--db-form-has-before:0;position:relative;display:flex;flex-direction:column}.db-textarea[data-label-variant=floating] label{position:absolute;z-index:2;inset-block-start:calc((var(--db-sizing-md) - calc(var(--db-base-font-size) * var(--db-base-line-height)))/2);inset-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm))}.db-textarea[data-label-variant=floating]:after,.db-textarea[data-label-variant=floating]:before{inset-block-start:calc(var(--db-sizing-md)/2 - calc(var(--db-base-font-size) * var(--db-base-line-height))/2)}.db-textarea[data-label-variant=floating] [id$=-placeholder]{inset-block-start:calc(50% - .5em + var(--db-spacing-fixed-3xs))}.db-textarea[data-label-variant=floating] textarea{-webkit-padding-before:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + calc(var(--db-type-body-font-size-2xs) * var(--db-type-body-line-height-2xs)));padding-block-start:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + calc(var(--db-type-body-font-size-2xs) * var(--db-type-body-line-height-2xs)))}.db-textarea[data-label-variant=floating] textarea+[id$=-placeholder],.db-textarea[data-label-variant=floating] textarea::placeholder{transition:none;opacity:0}.db-textarea[data-label-variant=floating]:has(>select option:checked:not([hidden])) label,.db-textarea[data-label-variant=floating]:has(textarea:focus-within) label,.db-textarea[data-label-variant=floating]:has(textarea:is(input,textarea):not(:placeholder-shown)) label{inset-block-start:var(--db-spacing-fixed-2xs)}.db-textarea[data-label-variant=floating]:has(>select option:checked:not([hidden])) textarea+[id$=-placeholder],.db-textarea[data-label-variant=floating]:has(>select option:checked:not([hidden])) textarea::placeholder,.db-textarea[data-label-variant=floating]:has(textarea:focus-within) textarea+[id$=-placeholder],.db-textarea[data-label-variant=floating]:has(textarea:focus-within) textarea::placeholder,.db-textarea[data-label-variant=floating]:has(textarea:is(input,textarea):not(:placeholder-shown)) textarea+[id$=-placeholder],.db-textarea[data-label-variant=floating]:has(textarea:is(input,textarea):not(:placeholder-shown)) textarea::placeholder{transition:opacity var(--db-transition-duration-medium) var(--db-transition-emotional-timing);opacity:var(--db-opacity-md)}.db-textarea:has(textarea:required) label:after,.db-textarea:has(textarea:required):is(label):after{content:"*";-webkit-padding-start:var(--db-spacing-fixed-2xs);padding-inline-start:var(--db-spacing-fixed-2xs)}.db-textarea:has(textarea:not([aria-invalid]):is(:required):user-valid){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-textarea:has(textarea:not([aria-invalid]):is(:required):user-valid) [id$=-placeholder],.db-textarea:has(textarea:not([aria-invalid]):is(:required):user-valid) textarea{color:var(--db-successful-on-bg-enabled)}@supports not selector(:user-valid){.db-textarea:has(textarea:not([aria-invalid]):required:valid){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-textarea:has(textarea:not([aria-invalid]):required:valid) [id$=-placeholder],.db-textarea:has(textarea:not([aria-invalid]):required:valid) textarea{color:var(--db-successful-on-bg-enabled)}}.db-textarea:has(textarea[aria-invalid=false]){--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-textarea:has(textarea[aria-invalid=false]) [id$=-placeholder],.db-textarea:has(textarea[aria-invalid=false]) textarea{color:var(--db-successful-on-bg-enabled)}.db-textarea:has(textarea:not([aria-invalid]):is(:required):user-invalid){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-textarea:has(textarea:not([aria-invalid]):is(:required):user-invalid) [id$=-placeholder],.db-textarea:has(textarea:not([aria-invalid]):is(:required):user-invalid) textarea{color:var(--db-critical-on-bg-enabled)}@supports not selector(:user-invalid){.db-textarea:has(textarea:not([aria-invalid]):required:invalid){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-textarea:has(textarea:not([aria-invalid]):required:invalid) [id$=-placeholder],.db-textarea:has(textarea:not([aria-invalid]):required:invalid) textarea{color:var(--db-critical-on-bg-enabled)}}.db-textarea:has(textarea[aria-invalid=true]){--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-textarea:has(textarea[aria-invalid=true]) [id$=-placeholder],.db-textarea:has(textarea[aria-invalid=true]) textarea{color:var(--db-critical-on-bg-enabled)}.db-textarea textarea{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff));background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff));-webkit-appearance:none;-moz-appearance:none;appearance:none;max-inline-size:100%;inline-size:100%;padding-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm)) var(--db-form-component-padding-inline-end,var(--db-spacing-fixed-sm))}.db-textarea textarea:not(:disabled):hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-textarea textarea+[id$=-placeholder],.db-textarea textarea::placeholder{opacity:var(--db-opacity-md)}.db-textarea textarea:is(input,textarea):-moz-read-only{background-color:var(--db-base-bg-enabled)!important}.db-textarea textarea:is(input,textarea):read-only{background-color:var(--db-base-bg-enabled)!important}.db-textarea label{-webkit-padding-after:var(--db-spacing-fixed-xs);padding-block-end:var(--db-spacing-fixed-xs);pointer-events:none;cursor:text;opacity:var(--db-opacity-lg);transition:font-size var(--db-transition-duration-medium) var(--db-transition-emotional-timing);max-inline-size:25ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.db-textarea[data-label-variant=hidden] label{padding:0}.db-textarea .db-infotext{-webkit-margin-before:var(--db-spacing-fixed-2xs);margin-block-start:var(--db-spacing-fixed-2xs)}.db-textarea:has(textarea:disabled){opacity:var(--db-opacity-sm);pointer-events:none}.db-textarea:after,.db-textarea:before{position:absolute;pointer-events:none;inset-block-start:calc(var(--db-sizing-md)/2 - var(--db-spacing-fixed-xs)*var(--db-label-visible-spacing, 0) + calc(var(--db-type-body-font-size-xs) * var(--db-type-body-line-height-xs))*var(--db-label-visible-height, 1) - 1px)}.db-textarea:before{-webkit-margin-end:var(--db-spacing-fixed-sm);margin-inline-end:var(--db-spacing-fixed-sm);inset-inline-start:var(--db-spacing-fixed-sm)}.db-textarea:after{-webkit-margin-start:var(--db-spacing-fixed-sm);margin-inline-start:var(--db-spacing-fixed-sm);inset-inline-end:var(--db-spacing-fixed-sm)}.db-textarea[data-variant=neutral]{--db-current-color:var(--db-neutral-on-bg-enabled);--db-current-border-weak-color:var(--db-neutral-border-weak-enabled);--db-current-element-color:var(--db-neutral-element-enabled);--db-current-base-color:var(--db-neutral-text-enabled);--db-current-bg-color:var(--db-neutral-bg-enabled)}.db-textarea[data-variant=neutral] [id$=-placeholder],.db-textarea[data-variant=neutral] textarea{color:var(--db-neutral-on-bg-enabled);caret-color:var(--db-neutral-on-bg-enabled)}.db-textarea[data-variant=critical]{--db-current-color:var(--db-critical-on-bg-enabled);--db-current-border-weak-color:var(--db-critical-border-weak-enabled);--db-current-element-color:var(--db-critical-element-enabled);--db-current-base-color:var(--db-critical-text-enabled);--db-current-bg-color:var(--db-critical-bg-enabled)}.db-textarea[data-variant=critical] [id$=-placeholder],.db-textarea[data-variant=critical] textarea{color:var(--db-critical-on-bg-enabled);caret-color:var(--db-critical-on-bg-enabled)}.db-textarea[data-variant=informational]{--db-current-color:var(--db-informational-on-bg-enabled);--db-current-border-weak-color:var(--db-informational-border-weak-enabled);--db-current-element-color:var(--db-informational-element-enabled);--db-current-base-color:var(--db-informational-text-enabled);--db-current-bg-color:var(--db-informational-bg-enabled)}.db-textarea[data-variant=informational] [id$=-placeholder],.db-textarea[data-variant=informational] textarea{color:var(--db-informational-on-bg-enabled);caret-color:var(--db-informational-on-bg-enabled)}.db-textarea[data-variant=warning]{--db-current-color:var(--db-warning-on-bg-enabled);--db-current-border-weak-color:var(--db-warning-border-weak-enabled);--db-current-element-color:var(--db-warning-element-enabled);--db-current-base-color:var(--db-warning-text-enabled);--db-current-bg-color:var(--db-warning-bg-enabled)}.db-textarea[data-variant=warning] [id$=-placeholder],.db-textarea[data-variant=warning] textarea{color:var(--db-warning-on-bg-enabled);caret-color:var(--db-warning-on-bg-enabled)}.db-textarea[data-variant=successful]{--db-current-color:var(--db-successful-on-bg-enabled);--db-current-border-weak-color:var(--db-successful-border-weak-enabled);--db-current-element-color:var(--db-successful-element-enabled);--db-current-base-color:var(--db-successful-text-enabled);--db-current-bg-color:var(--db-successful-bg-enabled)}.db-textarea[data-variant=successful] [id$=-placeholder],.db-textarea[data-variant=successful] textarea{color:var(--db-successful-on-bg-enabled);caret-color:var(--db-successful-on-bg-enabled)}.db-textarea textarea{cursor:auto;overflow-y:scroll;padding-block:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-xs)}.db-textarea[data-label-variant=floating]:has(textarea:focus-within):before,.db-textarea[data-label-variant=floating]:has(textarea:not(:placeholder-shown)):before{border-radius:var(--db-border-radius-md) 0 0 0;position:absolute;content:"";inset-block-start:0;block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + calc(var(--db-type-body-font-size-2xs) * var(--db-type-body-line-height-2xs)));margin-inline:0;inline-size:calc(100% - .5rem - 1px);inset-inline:0;background-color:var(--db-base-bg-enabled)}.db-textarea[data-label-variant=floating]:has(textarea:focus-within):after,.db-textarea[data-label-variant=floating]:has(textarea:not(:placeholder-shown)):after{border-radius:var(--db-border-radius-md) 0 0 0;position:absolute;content:"";inset-block-start:0;block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + calc(var(--db-type-body-font-size-2xs) * var(--db-type-body-line-height-2xs)));margin-inline:0;inline-size:calc(100% - .5rem - 1px);inset-inline:0;background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,92%),var(--db-current-base-color,#fff));z-index:1;-webkit-border-after:none;border-block-end:none;-webkit-border-end:none;border-inline-end:none}.db-textarea[data-label-variant=floating]:has(textarea:focus-within):has(textarea:enabled:hover):after,.db-textarea[data-label-variant=floating]:has(textarea:not(:placeholder-shown)):has(textarea:enabled:hover):after{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-textarea[data-label-variant=floating]:has(textarea:focus-within):has(textarea:-moz-read-only):after,.db-textarea[data-label-variant=floating]:has(textarea:not(:placeholder-shown)):has(textarea:-moz-read-only):after{background-color:var(--db-base-bg-enabled)!important}.db-textarea[data-label-variant=floating]:has(textarea:focus-within):has(textarea:read-only):after,.db-textarea[data-label-variant=floating]:has(textarea:not(:placeholder-shown)):has(textarea:read-only):after{background-color:var(--db-base-bg-enabled)!important}.db-badge[data-placement^=corner]{position:absolute;transform:translate(var(--badge-transform-x),var(--badge-transform-y))}[data-placement$=right].db-badge[data-placement^=corner]{--badge-transform-x:50%;inset-inline-end:0}[data-placement$=left].db-badge[data-placement^=corner]{--badge-transform-x:-50%;inset-inline-start:0}[data-placement*=top].db-badge[data-placement^=corner]{--badge-transform-y:-50%;inset-block-start:0}[data-placement*=center].db-badge[data-placement^=corner]{--badge-transform-y:-50%;inset-block-start:50%}[data-placement*=bottom].db-badge[data-placement^=corner]{--badge-transform-y:50%;inset-block-end:0}.db-badge{--badge-size:var(--db-spacing-fixed-xs);border-radius:42px;padding-inline:var(--db-spacing-fixed-2xs);block-size:-moz-fit-content;block-size:fit-content;inline-size:-moz-fit-content;inline-size:fit-content}.db-badge[data-variant=neutral]:not(.db-badge[data-variant=neutral][data-emphasis=strong]){--db-current-border-color:var(--db-neutral-border-weak-enabled)}.db-badge[data-variant=critical]:not(.db-badge[data-variant=critical][data-emphasis=strong]){--db-current-border-color:var(--db-critical-border-weak-enabled)}.db-badge[data-variant=informational]:not(.db-badge[data-variant=informational][data-emphasis=strong]){--db-current-border-color:var(--db-informational-border-weak-enabled)}.db-badge[data-variant=warning]:not(.db-badge[data-variant=warning][data-emphasis=strong]){--db-current-border-color:var(--db-warning-border-weak-enabled)}.db-badge[data-variant=successful]:not(.db-badge[data-variant=successful][data-emphasis=strong]){--db-current-border-color:var(--db-successful-border-weak-enabled)}.db-badge:empty,.db-badge>span:empty{block-size:var(--badge-size);inline-size:var(--badge-size);padding:0}.db-badge:has(.db-icon){padding:var(--db-spacing-fixed-3xs)}.db-badge[data-size=medium]{--badge-size:var(--db-spacing-fixed-sm);padding-inline:var(--db-spacing-fixed-xs)}.db-badge[data-size=medium]:empty,.db-badge[data-size=medium]>span:empty{padding:0}.db-badge[data-size=medium]:has(.db-icon){padding:var(--db-spacing-fixed-2xs)}.db-accordion:not([data-variant]) .db-accordion-item+.db-accordion-item,.db-accordion:not([data-variant]) db-accordion-item+db-accordion-item .db-accordion-item{--db-divider-bg-color:var(--db-current-border-weak-color,var(--db-base-border-weak-enabled));position:relative;-webkit-margin-before:calc(2*var(--db-spacing-fixed-sm));margin-block-start:calc(2*var(--db-spacing-fixed-sm))}.db-accordion:not([data-variant]) .db-accordion-item+.db-accordion-item[data-emphasis=strong],.db-accordion:not([data-variant]) db-accordion-item+db-accordion-item .db-accordion-item[data-emphasis=strong]{--db-divider-bg-color:var(--db-current-border-color,var(--db-base-border-enabled))}.db-accordion:not([data-variant]) .db-accordion-item+.db-accordion-item:before,.db-accordion:not([data-variant]) db-accordion-item+db-accordion-item .db-accordion-item:before{content:"";background-color:var(--db-divider-bg-color);position:absolute;block-size:1px;inset-block-start:0;inset-inline:0;inset-block-start:calc(-1*var(--db-spacing-fixed-sm))}.db-accordion[data-variant=card] .db-accordion-item+.db-accordion-item,.db-accordion[data-variant=card] db-accordion-item+db-accordion-item .db-accordion-item{-webkit-margin-before:var(--db-spacing-fixed-sm);margin-block-start:var(--db-spacing-fixed-sm)}.db-accordion[data-variant=card] .db-accordion-item:after{content:"";position:absolute;inset-inline-start:0;inset-block-start:0;inline-size:100%;block-size:100%;border-radius:var(--db-border-radius-lg);pointer-events:none}.db-accordion-item{position:relative;inline-size:100%;border-radius:var(--db-border-radius-lg)}.db-accordion-item summary+div{padding:var(--db-spacing-fixed-md);-webkit-padding-after:var(--db-spacing-fixed-lg);padding-block-end:var(--db-spacing-fixed-lg)}.db-accordion-item[aria-disabled=true]{pointer-events:none;opacity:var(--db-opacity-sm)}.db-accordion-item summary{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,100%),var(--db-current-base-color,#fff));list-style:none;display:flex;justify-content:space-between;padding:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md);border-radius:var(--db-border-radius-lg)}.db-accordion-item summary:not(:disabled):hover{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,84%),var(--db-current-base-color,#fff))}.db-accordion-item summary:not(:disabled):active{background-color:color-mix(in srgb,transparent var(--db-current-base-color-alpha,76%),var(--db-current-base-color,#fff))}.db-accordion-item summary::-webkit-details-marker{display:none}.db-accordion-item summary:after{inset-inline-end:var(--db-spacing-fixed-sm)}.db-accordion-item summary:focus-visible{border-radius:var(--db-border-radius-md)}.db-accordion-item[open] summary+div{animation:accordion-open var(--db-transition-duration-medium) var(--db-transition-emotional-timing) normal both}.db-accordion-item[open] summary:after{transform:rotate(-180deg)}.db-main-navigation>menu .db-navigation-item:after,.db-tabs .db-tab:after{content:"";position:absolute;border-radius:var(--db-border-radius-md);transition:height .15s var(--db-transition-emotional-timing),width .15s var(--db-transition-emotional-timing)}.db-main-navigation>menu .db-navigation-item:after{block-size:0;inline-size:var(--db-border-height-lg);transform:translateY(-50%);inset-block-start:50%;background-color:var(--db-brand-origin-enabled);inset-inline-start:calc(-1*var(--db-spacing-fixed-xs));inset-block-end:auto}@media screen and (min-width:64em){.db-main-navigation>menu .db-navigation-item:not([data-force-mobile]):after,.db-main-navigation>menu [data-force-mobile=false].db-navigation-item:after{block-size:var(--db-border-height-lg);inline-size:0;transform:translate(-50%);inset-inline-start:50%;background-color:var(--db-brand-origin-enabled);inset-block-start:auto;inset-block-end:calc(-1*var(--db-spacing-fixed-xs))}}.db-main-navigation>menu .db-navigation-item:has([aria-current=page]):after,.db-main-navigation>menu .db-navigation-item[aria-current=page]:after{block-size:100%;inline-size:var(--db-border-height-lg)}@media screen and (min-width:64em){.db-main-navigation>menu .db-navigation-item:not([data-force-mobile]):has([aria-current=page]):after,.db-main-navigation>menu .db-navigation-item[aria-current=page]:not([data-force-mobile]):after,.db-main-navigation>menu [data-force-mobile=false].db-navigation-item:has([aria-current=page]):after,.db-main-navigation>menu [data-force-mobile=false].db-navigation-item[aria-current=page]:after{block-size:var(--db-border-height-lg);inline-size:100%}}.db-main-navigation{-webkit-tap-highlight-color:rgba(0,0,0,0);inline-size:100%}@media screen and (min-width:64em){.db-main-navigation:not([data-force-mobile]),.db-main-navigation[data-force-mobile=false]{-webkit-tap-highlight-color:inherit;inline-size:auto}}.db-main-navigation>menu{display:flex;flex-direction:column;padding:0;margin:0;gap:var(--db-spacing-fixed-sm)}@media screen and (min-width:64em){.db-main-navigation>menu:not([data-force-mobile]),.db-main-navigation>menu[data-force-mobile=false]{flex-direction:row}}@media screen and (min-width:64em){.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:after{--db-icon-margin-start:var(--db-spacing-fixed-sm);--db-icon-after:"expand_more";transition:transform var(--db-transition-duration-medium) var(--db-transition-emotional-timing)}.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):focus-visible:after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:focus-visible):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:focus-within):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:hover):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button):not([data-force-mobile]):hover:after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:focus-visible:after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:focus-visible):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:focus-within):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:hover):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:hover:after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):focus-visible:after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:focus-visible):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:focus-within):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:hover):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button:not([data-force-mobile]):hover:after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:focus-visible:after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:focus-visible):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:focus-within):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:hover):after,.db-main-navigation>menu .db-navigation-item .db-navigation-item-expand-button>button[data-force-mobile=false]:hover:after{transform:rotate(-180deg)}}@media screen and (min-width:64em){.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:after{--db-icon-after:"chevron_right";--db-icon-margin-start:auto}.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):focus-visible:after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:focus-visible):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:focus-within):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):has(~.db-sub-navigation:hover):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button):not([data-force-mobile]):hover:after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:focus-visible:after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:focus-visible):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:focus-within):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:has(~.db-sub-navigation:hover):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button:is(button)[data-force-mobile=false]:hover:after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):focus-visible:after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:focus-visible):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:focus-within):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):has(~.db-sub-navigation:hover):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button:not([data-force-mobile]):hover:after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:focus-visible:after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:focus-visible):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:focus-within):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:has(~.db-sub-navigation:hover):after,.db-main-navigation>menu .db-navigation-item>menu .db-navigation-item-expand-button>button[data-force-mobile=false]:hover:after{transform:none}}.db-main-navigation>menu .db-navigation-item:has([aria-current=page]) menu :has([aria-current=page]):after,.db-main-navigation>menu .db-navigation-item:has([aria-current=page]) menu [aria-current=page]:after,.db-main-navigation>menu .db-navigation-item[aria-current=page] menu :has([aria-current=page]):after,.db-main-navigation>menu .db-navigation-item[aria-current=page] menu [aria-current=page]:after{display:none}@media screen and (min-width:64em){.db-main-navigation[data-force-close=true]>menu menu:not([data-force-mobile]),.db-main-navigation[data-force-close=true]>menu menu[data-force-mobile=false]{display:none}}.db-popover>article:not([data-placement]),.db-popover>article[data-outside-vy=bottom]:not([data-outside-vx]):not([data-placement$=end]):not([data-placement$=start]),.db-popover>article[data-outside-vy=top]:not([data-outside-vx]):not([data-placement$=end]):not([data-placement$=start]),.db-popover>article[data-placement=bottom]:not([data-outside-vy]),.db-popover>article[data-placement=top]:not([data-outside-vy]){--db-popover-center-x:-50%;inset-inline-start:50%}.db-popover>article[data-outside-vx=left]:not([data-placement$=end]):not([data-placement$=start]),.db-popover>article[data-outside-vx=right]:not([data-placement$=end]):not([data-placement$=start]),.db-popover>article[data-placement=left]:not([data-outside-vx]),.db-popover>article[data-placement=right]:not([data-outside-vx]){--db-popover-center-y:-50%;inset-block-start:50%}.db-popover>article,.db-tooltip{--db-popover-distance:var(--db-spacing-fixed-2xs)}.db-popover>article:before,.db-tooltip:before{content:"";position:absolute}.db-popover>article[data-gap=true],[data-gap=true].db-tooltip{--db-popover-gap:1;--db-popover-distance:var(--db-spacing-fixed-md)}.db-popover>article:is(.db-tooltip),.db-tooltip:is(.db-tooltip){--db-popover-distance:var(--db-spacing-fixed-sm)}.db-popover>article[data-outside-vy=bottom]:not([data-outside-vx])[data-placement$=end],.db-popover>article[data-outside-vy=top]:not([data-outside-vx])[data-placement$=end],.db-popover>article[data-placement^=bottom]:not([data-outside-vy])[data-placement$=end],.db-popover>article[data-placement^=top]:not([data-outside-vy])[data-placement$=end],[data-outside-vy=bottom].db-tooltip:not([data-outside-vx])[data-placement$=end],[data-outside-vy=top].db-tooltip:not([data-outside-vx])[data-placement$=end],[data-placement^=bottom].db-tooltip:not([data-outside-vy])[data-placement$=end],[data-placement^=top].db-tooltip:not([data-outside-vy])[data-placement$=end]{inset-inline-end:0}.db-popover>article[data-outside-vy=bottom]:not([data-outside-vx])[data-placement$=start],.db-popover>article[data-outside-vy=top]:not([data-outside-vx])[data-placement$=start],.db-popover>article[data-placement^=bottom]:not([data-outside-vy])[data-placement$=start],.db-popover>article[data-placement^=top]:not([data-outside-vy])[data-placement$=start],[data-outside-vy=bottom].db-tooltip:not([data-outside-vx])[data-placement$=start],[data-outside-vy=top].db-tooltip:not([data-outside-vx])[data-placement$=start],[data-placement^=bottom].db-tooltip:not([data-outside-vy])[data-placement$=start],[data-placement^=top].db-tooltip:not([data-outside-vy])[data-placement$=start]{inset-inline-start:0}.db-popover>article[data-outside-vx=left][data-placement$=end],.db-popover>article[data-outside-vx=right][data-placement$=end],.db-popover>article[data-placement^=left]:not([data-outside-vx])[data-placement$=end],.db-popover>article[data-placement^=right]:not([data-outside-vx])[data-placement$=end],[data-outside-vx=left][data-placement$=end].db-tooltip,[data-outside-vx=right][data-placement$=end].db-tooltip,[data-placement^=left].db-tooltip:not([data-outside-vx])[data-placement$=end],[data-placement^=right].db-tooltip:not([data-outside-vx])[data-placement$=end]{inset-block-end:0}.db-popover>article[data-outside-vx=left][data-placement$=start],.db-popover>article[data-outside-vx=right][data-placement$=start],.db-popover>article[data-placement^=left]:not([data-outside-vx])[data-placement$=start],.db-popover>article[data-placement^=right]:not([data-outside-vx])[data-placement$=start],[data-outside-vx=left][data-placement$=start].db-tooltip,[data-outside-vx=right][data-placement$=start].db-tooltip,[data-placement^=left].db-tooltip:not([data-outside-vx])[data-placement$=start],[data-placement^=right].db-tooltip:not([data-outside-vx])[data-placement$=start]{inset-block-start:0}.db-popover>article:not([data-placement]):not([data-outside-vy]),.db-popover>article[data-outside-vy=top]:not([data-outside-vx]),.db-popover>article[data-placement^=bottom]:not([data-outside-vy]),.db-tooltip:not([data-placement]):not([data-outside-vy]),[data-outside-vy=top].db-tooltip:not([data-outside-vx]),[data-placement^=bottom].db-tooltip:not([data-outside-vy]){inset-block-start:calc(100% + var(--db-popover-distance)*var(--db-popover-gap, 0))}.db-popover>article:not([data-placement]):not([data-outside-vy]):before,.db-popover>article[data-outside-vy=top]:not([data-outside-vx]):before,.db-popover>article[data-placement^=bottom]:not([data-outside-vy]):before,.db-tooltip:not([data-placement]):not([data-outside-vy]):before,[data-outside-vy=top].db-tooltip:not([data-outside-vx]):before,[data-placement^=bottom].db-tooltip:not([data-outside-vy]):before{inset-inline-start:0;inline-size:100%;block-size:var(--db-popover-distance);inset-block-start:calc(-1*var(--db-popover-distance))}.db-popover>article[data-outside-vy=bottom]:not([data-outside-vx]),.db-popover>article[data-placement^=top]:not([data-outside-vy]),[data-outside-vy=bottom].db-tooltip:not([data-outside-vx]),[data-placement^=top].db-tooltip:not([data-outside-vy]){inset-block-end:calc(100% + var(--db-popover-distance)*var(--db-popover-gap, 0))}.db-popover>article[data-outside-vy=bottom]:not([data-outside-vx]):before,.db-popover>article[data-placement^=top]:not([data-outside-vy]):before,[data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):before,[data-placement^=top].db-tooltip:not([data-outside-vy]):before{inset-inline-end:0;inline-size:100%;block-size:var(--db-popover-distance);inset-block-end:calc(-1*var(--db-popover-distance))}.db-popover>article[data-outside-vx=right],.db-popover>article[data-placement^=left]:not([data-outside-vx]),[data-outside-vx=right].db-tooltip,[data-placement^=left].db-tooltip:not([data-outside-vx]){inset-inline-end:calc(100% + var(--db-popover-distance)*var(--db-popover-gap, 0))}.db-popover>article[data-outside-vx=right]:before,.db-popover>article[data-placement^=left]:not([data-outside-vx]):before,[data-outside-vx=right].db-tooltip:before,[data-placement^=left].db-tooltip:not([data-outside-vx]):before{inset-block-end:0;block-size:100%;inline-size:var(--db-popover-distance);inset-inline-end:calc(-1*var(--db-popover-distance))}.db-popover>article[data-outside-vx=left],.db-popover>article[data-placement^=right]:not([data-outside-vx]),[data-outside-vx=left].db-tooltip,[data-placement^=right].db-tooltip:not([data-outside-vx]){inset-inline-start:calc(100% + var(--db-popover-distance)*var(--db-popover-gap, 0))}.db-popover>article[data-outside-vx=left]:before,.db-popover>article[data-placement^=right]:not([data-outside-vx]):before,[data-outside-vx=left].db-tooltip:before,[data-placement^=right].db-tooltip:not([data-outside-vx]):before{inset-block-start:0;block-size:100%;inline-size:var(--db-popover-distance);inset-inline-start:calc(-1*var(--db-popover-distance))}.db-popover:focus-within>article,.db-popover:hover>article,.db-popover>article[data-open=true],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus .db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover .db-tooltip:first-of-type{visibility:visible}.db-popover:focus-within>article:not([data-placement]):not([data-outside-vy]),.db-popover:focus-within>article[data-outside-vy=top]:not([data-outside-vx]),.db-popover:focus-within>article[data-placement^=bottom]:not([data-outside-vy]),.db-popover:hover>article:not([data-placement]):not([data-outside-vy]),.db-popover:hover>article[data-outside-vy=top]:not([data-outside-vx]),.db-popover:hover>article[data-placement^=bottom]:not([data-outside-vy]),.db-popover>article[data-open=true]:not([data-placement]):not([data-outside-vy]),.db-popover>article[data-outside-vy=top][data-open=true]:not([data-outside-vx]),.db-popover>article[data-placement^=bottom][data-open=true]:not([data-outside-vy]),:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-outside-vy]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vy=top].db-tooltip:not([data-outside-vx]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-outside-vy]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-outside-vy]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vy=top].db-tooltip:not([data-outside-vx]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-outside-vy]):first-of-type{--db-popover-translate-y:-25%}.db-popover:focus-within>article:not([data-placement]):not([data-outside-vy])[data-animation=disabled],.db-popover:focus-within>article[data-outside-vy=top]:not([data-outside-vx])[data-animation=disabled],.db-popover:focus-within>article[data-placement^=bottom]:not([data-outside-vy])[data-animation=disabled],.db-popover:hover>article:not([data-placement]):not([data-outside-vy])[data-animation=disabled],.db-popover:hover>article[data-outside-vy=top]:not([data-outside-vx])[data-animation=disabled],.db-popover:hover>article[data-placement^=bottom]:not([data-outside-vy])[data-animation=disabled],.db-popover>article[data-open=true]:not([data-placement]):not([data-outside-vy])[data-animation=disabled],.db-popover>article[data-outside-vy=top][data-open=true]:not([data-outside-vx])[data-animation=disabled],.db-popover>article[data-placement^=bottom][data-open=true]:not([data-outside-vy])[data-animation=disabled],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-outside-vy])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vy=top].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-outside-vy])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-outside-vy])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vy=top].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-outside-vy])[data-animation=disabled]:first-of-type{opacity:1}.db-popover:focus-within>article:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled]),.db-popover:focus-within>article[data-outside-vy=top]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover:focus-within>article[data-placement^=bottom]:not([data-outside-vy]):not([data-animation=disabled]),.db-popover:hover>article:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled]),.db-popover:hover>article[data-outside-vy=top]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover:hover>article[data-placement^=bottom]:not([data-outside-vy]):not([data-animation=disabled]),.db-popover>article[data-open=true]:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled]),.db-popover>article[data-outside-vy=top][data-open=true]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover>article[data-placement^=bottom][data-open=true]:not([data-outside-vy]):not([data-animation=disabled]),:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vy=top].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-outside-vy]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vy=top].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-outside-vy]):not([data-animation=disabled]):first-of-type{animation:popover-animation var(--db-transition-duration-medium) var(--db-transition-emotional-timing) normal both}.db-popover:focus-within>article:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-popover:focus-within>article[data-outside-vy=top]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover:focus-within>article[data-placement^=bottom]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-outside-vy=top]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-placement^=bottom]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-open=true]:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-outside-vy=top][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-placement^=bottom][data-open=true]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vy=top].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vy=top].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow]:first-of-type{animation-delay:var(--db-transition-duration-fast)}.db-popover:focus-within>article:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-popover:focus-within>article[data-outside-vy=top]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover:focus-within>article[data-placement^=bottom]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-outside-vy=top]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-placement^=bottom]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-open=true]:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-outside-vy=top][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-placement^=bottom][data-open=true]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus .db-tooltip:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vy=top].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=bottom].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover .db-tooltip:not([data-placement]):not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vy=top].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=bottom].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast]:first-of-type{animation-delay:calc(var(--db-transition-duration-fast)/2)}.db-popover:focus-within>article[data-outside-vy=bottom]:not([data-outside-vx]),.db-popover:focus-within>article[data-placement^=top]:not([data-outside-vy]),.db-popover:hover>article[data-outside-vy=bottom]:not([data-outside-vx]),.db-popover:hover>article[data-placement^=top]:not([data-outside-vy]),.db-popover>article[data-outside-vy=bottom][data-open=true]:not([data-outside-vx]),.db-popover>article[data-placement^=top][data-open=true]:not([data-outside-vy]),:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-outside-vy]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-outside-vy]):first-of-type{--db-popover-translate-y:25%}.db-popover:focus-within>article[data-outside-vy=bottom]:not([data-outside-vx])[data-animation=disabled],.db-popover:focus-within>article[data-placement^=top]:not([data-outside-vy])[data-animation=disabled],.db-popover:hover>article[data-outside-vy=bottom]:not([data-outside-vx])[data-animation=disabled],.db-popover:hover>article[data-placement^=top]:not([data-outside-vy])[data-animation=disabled],.db-popover>article[data-outside-vy=bottom][data-open=true]:not([data-outside-vx])[data-animation=disabled],.db-popover>article[data-placement^=top][data-open=true]:not([data-outside-vy])[data-animation=disabled],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vy=bottom].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-outside-vy])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vy=bottom].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-outside-vy])[data-animation=disabled]:first-of-type{opacity:1}.db-popover:focus-within>article[data-outside-vy=bottom]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover:focus-within>article[data-placement^=top]:not([data-outside-vy]):not([data-animation=disabled]),.db-popover:hover>article[data-outside-vy=bottom]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover:hover>article[data-placement^=top]:not([data-outside-vy]):not([data-animation=disabled]),.db-popover>article[data-outside-vy=bottom][data-open=true]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover>article[data-placement^=top][data-open=true]:not([data-outside-vy]):not([data-animation=disabled]),:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-outside-vy]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-outside-vy]):not([data-animation=disabled]):first-of-type{animation:popover-animation var(--db-transition-duration-medium) var(--db-transition-emotional-timing) normal both}.db-popover:focus-within>article[data-outside-vy=bottom]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover:focus-within>article[data-placement^=top]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-outside-vy=bottom]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-placement^=top]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-outside-vy=bottom][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-placement^=top][data-open=true]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=slow]:first-of-type{animation-delay:var(--db-transition-duration-fast)}.db-popover:focus-within>article[data-outside-vy=bottom]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover:focus-within>article[data-placement^=top]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-outside-vy=bottom]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-placement^=top]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-outside-vy=bottom][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-placement^=top][data-open=true]:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=top].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vy=bottom].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=top].db-tooltip:not([data-outside-vy]):not([data-animation=disabled])[data-delay=fast]:first-of-type{animation-delay:calc(var(--db-transition-duration-fast)/2)}.db-popover:focus-within>article[data-outside-vx=left],.db-popover:focus-within>article[data-placement^=right]:not([data-outside-vx]),.db-popover:hover>article[data-outside-vx=left],.db-popover:hover>article[data-placement^=right]:not([data-outside-vx]),.db-popover>article[data-outside-vx=left][data-open=true],.db-popover>article[data-placement^=right][data-open=true]:not([data-outside-vx]),:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vx=left].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-outside-vx]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vx=left].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-outside-vx]):first-of-type{--db-popover-translate-x:-25%}.db-popover:focus-within>article[data-outside-vx=left][data-animation=disabled],.db-popover:focus-within>article[data-placement^=right]:not([data-outside-vx])[data-animation=disabled],.db-popover:hover>article[data-outside-vx=left][data-animation=disabled],.db-popover:hover>article[data-placement^=right]:not([data-outside-vx])[data-animation=disabled],.db-popover>article[data-outside-vx=left][data-animation=disabled][data-open=true],.db-popover>article[data-placement^=right][data-open=true]:not([data-outside-vx])[data-animation=disabled],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vx=left][data-animation=disabled].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vx=left][data-animation=disabled].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type{opacity:1}.db-popover:focus-within>article[data-outside-vx=left]:not([data-animation=disabled]),.db-popover:focus-within>article[data-placement^=right]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover:hover>article[data-outside-vx=left]:not([data-animation=disabled]),.db-popover:hover>article[data-placement^=right]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover>article[data-outside-vx=left][data-open=true]:not([data-animation=disabled]),.db-popover>article[data-placement^=right][data-open=true]:not([data-outside-vx]):not([data-animation=disabled]),:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vx=left].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vx=left].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type{animation:popover-animation var(--db-transition-duration-medium) var(--db-transition-emotional-timing) normal both}.db-popover:focus-within>article[data-outside-vx=left]:not([data-animation=disabled])[data-delay=slow],.db-popover:focus-within>article[data-placement^=right]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-outside-vx=left]:not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-placement^=right]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-outside-vx=left][data-open=true]:not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-placement^=right][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vx=left].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vx=left].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type{animation-delay:var(--db-transition-duration-fast)}.db-popover:focus-within>article[data-outside-vx=left]:not([data-animation=disabled])[data-delay=fast],.db-popover:focus-within>article[data-placement^=right]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-outside-vx=left]:not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-placement^=right]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-outside-vx=left][data-open=true]:not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-placement^=right][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vx=left].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=right].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vx=left].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=right].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type{animation-delay:calc(var(--db-transition-duration-fast)/2)}.db-popover:focus-within>article[data-outside-vx=right],.db-popover:focus-within>article[data-placement^=left]:not([data-outside-vx]),.db-popover:hover>article[data-outside-vx=right],.db-popover:hover>article[data-placement^=left]:not([data-outside-vx]),.db-popover>article[data-outside-vx=right][data-open=true],.db-popover>article[data-placement^=left][data-open=true]:not([data-outside-vx]),:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vx=right].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-outside-vx]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vx=right].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-outside-vx]):first-of-type{--db-popover-translate-x:25%}.db-popover:focus-within>article[data-outside-vx=right][data-animation=disabled],.db-popover:focus-within>article[data-placement^=left]:not([data-outside-vx])[data-animation=disabled],.db-popover:hover>article[data-outside-vx=right][data-animation=disabled],.db-popover:hover>article[data-placement^=left]:not([data-outside-vx])[data-animation=disabled],.db-popover>article[data-outside-vx=right][data-animation=disabled][data-open=true],.db-popover>article[data-placement^=left][data-open=true]:not([data-outside-vx])[data-animation=disabled],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vx=right][data-animation=disabled].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vx=right][data-animation=disabled].db-tooltip:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-outside-vx])[data-animation=disabled]:first-of-type{opacity:1}.db-popover:focus-within>article[data-outside-vx=right]:not([data-animation=disabled]),.db-popover:focus-within>article[data-placement^=left]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover:hover>article[data-outside-vx=right]:not([data-animation=disabled]),.db-popover:hover>article[data-placement^=left]:not([data-outside-vx]):not([data-animation=disabled]),.db-popover>article[data-outside-vx=right][data-open=true]:not([data-animation=disabled]),.db-popover>article[data-placement^=left][data-open=true]:not([data-outside-vx]):not([data-animation=disabled]),:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vx=right].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vx=right].db-tooltip:not([data-animation=disabled]):first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-outside-vx]):not([data-animation=disabled]):first-of-type{animation:popover-animation var(--db-transition-duration-medium) var(--db-transition-emotional-timing) normal both}.db-popover:focus-within>article[data-outside-vx=right]:not([data-animation=disabled])[data-delay=slow],.db-popover:focus-within>article[data-placement^=left]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-outside-vx=right]:not([data-animation=disabled])[data-delay=slow],.db-popover:hover>article[data-placement^=left]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-outside-vx=right][data-open=true]:not([data-animation=disabled])[data-delay=slow],.db-popover>article[data-placement^=left][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vx=right].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vx=right].db-tooltip:not([data-animation=disabled])[data-delay=slow]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=slow]:first-of-type{animation-delay:var(--db-transition-duration-fast)}.db-popover:focus-within>article[data-outside-vx=right]:not([data-animation=disabled])[data-delay=fast],.db-popover:focus-within>article[data-placement^=left]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-outside-vx=right]:not([data-animation=disabled])[data-delay=fast],.db-popover:hover>article[data-placement^=left]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-outside-vx=right][data-open=true]:not([data-animation=disabled])[data-delay=fast],.db-popover>article[data-placement^=left][data-open=true]:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast],:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-outside-vx=right].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):focus [data-placement^=left].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-outside-vx=right].db-tooltip:not([data-animation=disabled])[data-delay=fast]:first-of-type,:has(>db-tooltip>.db-tooltip:not([data-open]),>dbtooltip>.db-tooltip:not([data-open]),>.db-tooltip:not([data-open])):hover [data-placement^=left].db-tooltip:not([data-outside-vx]):not([data-animation=disabled])[data-delay=fast]:first-of-type{animation-delay:calc(var(--db-transition-duration-fast)/2)}.db-popover>article,.db-tooltip{position:absolute;background-color:var(--db-base-bg-enabled);visibility:hidden;z-index:1;white-space:nowrap}.db-popover>article[data-width=fixed],[data-width=fixed].db-tooltip{inline-size:max-content;max-inline-size:var(--db-sizing-3xl);white-space:normal;text-align:initial}.db-popover{position:relative}.db-popover>article,.db-popover>article[data-spacing=small]{padding:var(--db-spacing-fixed-sm)}.db-popover>article[data-spacing=medium]{padding:var(--db-spacing-fixed-md)}.db-popover>article[data-spacing=none]{padding:0}.db-tooltip{--default-card-elevation:var(--db-elevation-sm);--default-card-border-radius:var(--db-border-radius-md);font-style:normal;font-weight:400;padding:var(--db-spacing-fixed-2xs) var(--db-spacing-fixed-xs)}.db-tooltip:not([data-variant=basic]):after{content:"";box-shadow:var(--db-elevation-md);position:absolute;background-color:var(--db-base-bg-enabled);inline-size:var(--db-sizing-2xs);block-size:var(--db-sizing-2xs);-webkit-clip-path:polygon(calc(var(--db-sizing-2xs) * -1) calc(var(--db-sizing-2xs) * -1),calc(100% + var(--db-sizing-2xs)) calc(var(--db-sizing-2xs) * -1),calc(100% + var(--db-sizing-2xs)) calc(100% + var(--db-sizing-2xs)));clip-path:polygon(calc(var(--db-sizing-2xs) * -1) calc(var(--db-sizing-2xs) * -1),calc(100% + var(--db-sizing-2xs)) calc(var(--db-sizing-2xs) * -1),calc(100% + var(--db-sizing-2xs)) calc(100% + var(--db-sizing-2xs)));border-radius:0 2px;transform:skew(-8deg,-8deg)}.db-tooltip:not([data-placement]):not([data-outside-vy]):after,.db-tooltip[data-outside-vy=top]:not([data-outside-vx]):after,.db-tooltip[data-placement^=bottom]:not([data-outside-vy]):after{inset-inline-start:50%;inset-block-start:0;translate:-50% -50%;rotate:315deg}.db-tooltip[data-outside-vy=bottom]:not([data-outside-vx]):after,.db-tooltip[data-placement^=top]:not([data-outside-vy]):after{inset-inline-start:50%;inset-block-end:0;translate:-50% 50%;rotate:135deg}.db-tooltip[data-outside-vx=left]:after,.db-tooltip[data-placement^=right]:not([data-outside-vx]):after{inset-block-start:50%;inset-inline-start:0;translate:-50% -50%;rotate:225deg}.db-tooltip[data-outside-vx=right]:after,.db-tooltip[data-placement^=left]:not([data-outside-vx]):after{inset-block-start:50%;inset-inline-end:0;translate:50% -50%;rotate:45deg}.db-tooltip[data-emphasis=strong]:after{background-color:var(--db-neutral-text-enabled)}.db-tab-list{position:relative}.db-tab-list>ul{display:flex;gap:var(--db-spacing-fixed-sm);scroll-behavior:smooth;padding:0;margin:0}.db-tabs db-tab-list:has([id$=-tab-0]:checked)~db-tab-panel>[id$=-tab-panel-0],.db-tabs db-tab-list:has([id$=-tab-0]:checked)~dbtabpanel>[id$=-tab-panel-0],.db-tabs dbtablist:has([id$=-tab-0]:checked)~db-tab-panel>[id$=-tab-panel-0],.db-tabs dbtablist:has([id$=-tab-0]:checked)~dbtabpanel>[id$=-tab-panel-0]{display:block}.db-tabs db-tab-list:has([id$=-tab-1]:checked)~db-tab-panel>[id$=-tab-panel-1],.db-tabs db-tab-list:has([id$=-tab-1]:checked)~dbtabpanel>[id$=-tab-panel-1],.db-tabs dbtablist:has([id$=-tab-1]:checked)~db-tab-panel>[id$=-tab-panel-1],.db-tabs dbtablist:has([id$=-tab-1]:checked)~dbtabpanel>[id$=-tab-panel-1]{display:block}.db-tabs db-tab-list:has([id$=-tab-2]:checked)~db-tab-panel>[id$=-tab-panel-2],.db-tabs db-tab-list:has([id$=-tab-2]:checked)~dbtabpanel>[id$=-tab-panel-2],.db-tabs dbtablist:has([id$=-tab-2]:checked)~db-tab-panel>[id$=-tab-panel-2],.db-tabs dbtablist:has([id$=-tab-2]:checked)~dbtabpanel>[id$=-tab-panel-2]{display:block}.db-tabs db-tab-list:has([id$=-tab-3]:checked)~db-tab-panel>[id$=-tab-panel-3],.db-tabs db-tab-list:has([id$=-tab-3]:checked)~dbtabpanel>[id$=-tab-panel-3],.db-tabs dbtablist:has([id$=-tab-3]:checked)~db-tab-panel>[id$=-tab-panel-3],.db-tabs dbtablist:has([id$=-tab-3]:checked)~dbtabpanel>[id$=-tab-panel-3]{display:block}.db-tabs db-tab-list:has([id$=-tab-4]:checked)~db-tab-panel>[id$=-tab-panel-4],.db-tabs db-tab-list:has([id$=-tab-4]:checked)~dbtabpanel>[id$=-tab-panel-4],.db-tabs dbtablist:has([id$=-tab-4]:checked)~db-tab-panel>[id$=-tab-panel-4],.db-tabs dbtablist:has([id$=-tab-4]:checked)~dbtabpanel>[id$=-tab-panel-4]{display:block}.db-tabs db-tab-list:has([id$=-tab-5]:checked)~db-tab-panel>[id$=-tab-panel-5],.db-tabs db-tab-list:has([id$=-tab-5]:checked)~dbtabpanel>[id$=-tab-panel-5],.db-tabs dbtablist:has([id$=-tab-5]:checked)~db-tab-panel>[id$=-tab-panel-5],.db-tabs dbtablist:has([id$=-tab-5]:checked)~dbtabpanel>[id$=-tab-panel-5]{display:block}.db-tabs db-tab-list:has([id$=-tab-6]:checked)~db-tab-panel>[id$=-tab-panel-6],.db-tabs db-tab-list:has([id$=-tab-6]:checked)~dbtabpanel>[id$=-tab-panel-6],.db-tabs dbtablist:has([id$=-tab-6]:checked)~db-tab-panel>[id$=-tab-panel-6],.db-tabs dbtablist:has([id$=-tab-6]:checked)~dbtabpanel>[id$=-tab-panel-6]{display:block}.db-tabs db-tab-list:has([id$=-tab-7]:checked)~db-tab-panel>[id$=-tab-panel-7],.db-tabs db-tab-list:has([id$=-tab-7]:checked)~dbtabpanel>[id$=-tab-panel-7],.db-tabs dbtablist:has([id$=-tab-7]:checked)~db-tab-panel>[id$=-tab-panel-7],.db-tabs dbtablist:has([id$=-tab-7]:checked)~dbtabpanel>[id$=-tab-panel-7]{display:block}.db-tabs db-tab-list:has([id$=-tab-8]:checked)~db-tab-panel>[id$=-tab-panel-8],.db-tabs db-tab-list:has([id$=-tab-8]:checked)~dbtabpanel>[id$=-tab-panel-8],.db-tabs dbtablist:has([id$=-tab-8]:checked)~db-tab-panel>[id$=-tab-panel-8],.db-tabs dbtablist:has([id$=-tab-8]:checked)~dbtabpanel>[id$=-tab-panel-8]{display:block}.db-tabs db-tab-list:has([id$=-tab-9]:checked)~db-tab-panel>[id$=-tab-panel-9],.db-tabs db-tab-list:has([id$=-tab-9]:checked)~dbtabpanel>[id$=-tab-panel-9],.db-tabs dbtablist:has([id$=-tab-9]:checked)~db-tab-panel>[id$=-tab-panel-9],.db-tabs dbtablist:has([id$=-tab-9]:checked)~dbtabpanel>[id$=-tab-panel-9]{display:block}.db-tabs db-tab-list:has([id$=-tab-10]:checked)~db-tab-panel>[id$=-tab-panel-10],.db-tabs db-tab-list:has([id$=-tab-10]:checked)~dbtabpanel>[id$=-tab-panel-10],.db-tabs dbtablist:has([id$=-tab-10]:checked)~db-tab-panel>[id$=-tab-panel-10],.db-tabs dbtablist:has([id$=-tab-10]:checked)~dbtabpanel>[id$=-tab-panel-10]{display:block}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul .db-tab:after{block-size:var(--db-border-height-lg);inline-size:0;transform:translate(-50%);inset-inline-start:50%;background-color:var(--db-brand-origin-enabled);inset-block-start:auto;inset-block-end:calc(-1*var(--db-spacing-fixed-xs))}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul .db-tab:has(input:checked):after{block-size:var(--db-border-height-lg);inline-size:100%}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul .db-tab:has(input:checked):after{inset-block-end:calc(-1*(var(--db-spacing-fixed-2xs) + var(--db-border-height-lg)));z-index:-2}.db-tabs[data-orientation=vertical] .db-tab-list>ul .db-tab:after{block-size:0;inline-size:var(--db-border-height-lg);transform:translateY(-50%);inset-block-start:50%;background-color:var(--db-brand-origin-enabled);inset-inline-start:calc(-1*var(--db-spacing-fixed-xs));inset-block-end:auto}.db-tabs[data-orientation=vertical] .db-tab-list>ul .db-tab:has(input:checked):after{block-size:100%;inline-size:var(--db-border-height-lg)}.db-tabs[data-orientation=vertical] .db-tab-list>ul .db-tab:has(input:checked):after{inset-inline-start:0;z-index:-2}.db-tabs{display:flex;inline-size:100%;position:relative}.db-tabs .db-tab-panel{padding:0 var(--db-spacing-fixed-xs)}.db-tabs .db-tab-list{max-inline-size:100%;z-index:20}.db-tabs .db-tab-list:has([id$=-tab-0]:checked)~[id$=-tab-panel-0]{display:block}.db-tabs .db-tab-list:has([id$=-tab-1]:checked)~[id$=-tab-panel-1]{display:block}.db-tabs .db-tab-list:has([id$=-tab-2]:checked)~[id$=-tab-panel-2]{display:block}.db-tabs .db-tab-list:has([id$=-tab-3]:checked)~[id$=-tab-panel-3]{display:block}.db-tabs .db-tab-list:has([id$=-tab-4]:checked)~[id$=-tab-panel-4]{display:block}.db-tabs .db-tab-list:has([id$=-tab-5]:checked)~[id$=-tab-panel-5]{display:block}.db-tabs .db-tab-list:has([id$=-tab-6]:checked)~[id$=-tab-panel-6]{display:block}.db-tabs .db-tab-list:has([id$=-tab-7]:checked)~[id$=-tab-panel-7]{display:block}.db-tabs .db-tab-list:has([id$=-tab-8]:checked)~[id$=-tab-panel-8]{display:block}.db-tabs .db-tab-list:has([id$=-tab-9]:checked)~[id$=-tab-panel-9]{display:block}.db-tabs .db-tab-list:has([id$=-tab-10]:checked)~[id$=-tab-panel-10]{display:block}.db-tabs:not([data-orientation=vertical]){flex-direction:column;flex-wrap:wrap}.db-tabs:not([data-orientation=vertical]) .db-tab-panel{inline-size:100%}.db-tabs:not([data-orientation=vertical]) .db-tab-list:before{content:"";border-radius:var(--db-border-radius-md);block-size:var(--db-border-height-lg);position:absolute;inset-inline:var(--db-spacing-fixed-xs);inset-block-start:calc(3*var(--db-spacing-fixed-xs) + var(--db-spacing-fixed-2xs) + calc(var(--db-base-font-size) * var(--db-base-line-height)))}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul{overflow-x:auto;overflow-y:hidden;inline-size:100%}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul .db-tab{-webkit-margin-before:var(--db-spacing-fixed-xs);margin-block-start:var(--db-spacing-fixed-xs);-webkit-margin-after:calc(2*var(--db-spacing-fixed-2xs) + var(--db-border-height-lg));margin-block-end:calc(2*var(--db-spacing-fixed-2xs) + var(--db-border-height-lg))}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul db-tab:first-of-type .db-tab{-webkit-margin-start:var(--db-spacing-fixed-xs);margin-inline-start:var(--db-spacing-fixed-xs)}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul db-tab:last-of-type .db-tab{-webkit-margin-end:var(--db-spacing-fixed-xs);margin-inline-end:var(--db-spacing-fixed-xs)}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul:not(:has(db-tab)) .db-tab:first-of-type{-webkit-margin-start:var(--db-spacing-fixed-xs);margin-inline-start:var(--db-spacing-fixed-xs)}.db-tabs:not([data-orientation=vertical]) .db-tab-list>ul:not(:has(db-tab)) .db-tab:last-of-type{-webkit-margin-end:var(--db-spacing-fixed-xs);margin-inline-end:var(--db-spacing-fixed-xs)}.db-tabs[data-orientation=vertical]{flex-direction:row}.db-tabs[data-orientation=vertical] .db-tab-panel{padding:var(--db-spacing-fixed-xs) 0}.db-tabs[data-orientation=vertical] .db-tab-list{min-inline-size:var(--db-tab-list-vertical-width,calc(3 * var(--db-spacing-fixed-3xl)));max-inline-size:var(--db-tab-list-vertical-width,calc(3 * var(--db-spacing-fixed-3xl)));-webkit-padding-end:var(--db-spacing-fixed-xs);padding-inline-end:var(--db-spacing-fixed-xs);-webkit-margin-after:auto;margin-block-end:auto}.db-tabs[data-orientation=vertical] .db-tab-list .db-tab label{position:relative}.db-tabs[data-orientation=vertical] .db-tab-list .db-tab:has(input:focus-visible),.db-tabs[data-orientation=vertical] .db-tab-list .db-tab:hover{inline-size:-moz-fit-content;inline-size:fit-content}.db-tabs[data-orientation=vertical] .db-tab-list .db-tab:has(input:focus-visible) label,.db-tabs[data-orientation=vertical] .db-tab-list .db-tab:hover label{overflow:visible}.db-tabs[data-orientation=vertical] .db-tab-list:before{content:"";border-radius:var(--db-border-radius-md);inline-size:var(--db-border-height-lg);inset-block:var(--db-spacing-fixed-xs);position:absolute;inset-inline-start:0}.db-tabs[data-orientation=vertical] .db-tab-list>ul{flex-direction:column;block-size:100%}.db-tabs[data-orientation=vertical] .db-tab-list>ul:not(:has(db-tab)) .db-tab:first-of-type{-webkit-margin-before:var(--db-spacing-fixed-xs);margin-block-start:var(--db-spacing-fixed-xs)}.db-tabs[data-orientation=vertical] .db-tab-list>ul:not(:has(db-tab)) .db-tab:last-of-type{-webkit-margin-after:var(--db-spacing-fixed-xs);margin-block-end:var(--db-spacing-fixed-xs)}.db-tabs[data-orientation=vertical] .db-tab,.db-tabs[data-orientation=vertical] .db-tab input{-webkit-padding-start:calc(var(--db-border-height-lg) + var(--db-spacing-fixed-2xs));padding-inline-start:calc(var(--db-border-height-lg) + var(--db-spacing-fixed-2xs))}.db-tabs[data-orientation=vertical] db-tab:first-of-type .db-tab{-webkit-margin-before:var(--db-spacing-fixed-xs);margin-block-start:var(--db-spacing-fixed-xs)}.db-tabs[data-orientation=vertical] db-tab:last-of-type .db-tab{-webkit-margin-after:var(--db-spacing-fixed-xs);margin-block-end:var(--db-spacing-fixed-xs)}.db-tabs[data-width=full] .db-tab,.db-tabs[data-width=full] .db-tab label,.db-tabs[data-width=full] .db-tab-list{inline-size:100%}.db-tabs[data-width=full][data-alignment=center] .db-tab label{text-align:center;justify-content:center}.db-tabs[data-scroll-behaviour=arrows] .db-tab-list>ul::-webkit-scrollbar{display:none}.db-tabs[data-scroll-behaviour=arrows]:has(.tabs-scroll-left):before{content:""}.db-tabs[data-scroll-behaviour=arrows]:has(.tabs-scroll-right):after{content:""}.db-tabs[data-scroll-behaviour=arrows]:has(.db-button):after,.db-tabs[data-scroll-behaviour=arrows]:has(.db-button):before{position:absolute;z-index:21;background-color:var(--db-current-bg-color);inline-size:var(--db-sizing-md);block-size:calc(var(--db-spacing-fixed-sm) + var(--db-sizing-md));flex:0 0 auto}.db-tabs[data-scroll-behaviour=arrows]:has(.db-button):before{inset-inline-start:0}.db-tabs[data-scroll-behaviour=arrows]:has(.db-button):after{inset-inline-end:0}.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-left:is(.db-button),.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-left>.db-button{inset-inline-start:0}.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-right:is(.db-button),.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-right>.db-button{inset-inline-end:0}.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-left:is(.db-button),.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-left>.db-button,.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-right:is(.db-button),.db-tabs[data-scroll-behaviour=arrows] .tabs-scroll-right>.db-button{position:absolute;z-index:22;inset-block:var(--db-spacing-fixed-xs)}.db-tab-panel{display:none}db-accordion,db-accordion-item,db-alert,db-badge,db-brand,db-button,db-card,db-checkbox,db-codedocs,db-divider,db-drawer,db-header,db-icon,db-infotext,db-input,db-link,db-main-navigation,db-navigation-item,db-page,db-popover,db-radio,db-section,db-select,db-tab,db-tab-bar,db-tab-list,db-tab-panel,db-tabbar,db-tabs,db-tag,db-textarea,db-tooltip,dbaccordion,dbaccordion-item,dbalert,dbbadge,dbbrand,dbbutton,dbcard,dbcheckbox,dbcodedocs,dbdivider,dbdrawer,dbheader,dbicon,dbinfotext,dbinput,dblink,dbmain-navigation,dbnavigation-item,dbpage,dbpopover,dbradio,dbsection,dbselect,dbtab,dbtab-bar,dbtab-list,dbtab-panel,dbtabbar,dbtabs,dbtag,dbtextarea,dbtooltip{display:contents}db-alert,dbalert{inline-size:inherit}:has(>.db-badge[data-placement^=corner]){position:relative}:has(>db-tooltip,>dbtooltip,>.db-tooltip){position:relative}[data-color-scheme=dark],[data-color-scheme=light]{--db-current-base-color:var(--db-base-text-enabled);--db-current-color:var(--db-base-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-base-bg-enabled));--db-current-element-color:var(--db-base-element-enabled);--db-current-border-color:var(--db-base-border-enabled);--db-current-border-weak-color:var( --db-base-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-base-bg-enabled));background-color:var(--db-current-bg-color);color:var(--db-current-color)}[data-emphasis=weak][data-color-scheme=dark],[data-emphasis=weak][data-color-scheme=light]{--db-current-color:var(--db-base-on-bg-weak-enabled);color:var(--db-current-color)}:root{--db-spacing-responsive-regular-desktop-3xl:40rem;--db-spacing-responsive-regular-desktop-2xl:30rem;--db-spacing-responsive-regular-desktop-xl:15rem;--db-spacing-responsive-regular-desktop-lg:7.5rem;--db-spacing-responsive-regular-desktop-md:5rem;--db-spacing-responsive-regular-desktop-sm:3rem;--db-spacing-responsive-regular-desktop-xs:2rem;--db-spacing-responsive-regular-desktop-2xs:1.5rem;--db-spacing-responsive-regular-desktop-3xs:1.25rem;--db-spacing-responsive-regular-tablet-3xs:1rem;--db-spacing-responsive-regular-tablet-2xs:1.25rem;--db-spacing-responsive-regular-tablet-xs:1.75rem;--db-spacing-responsive-regular-tablet-sm:2.5rem;--db-spacing-responsive-regular-tablet-md:4rem;--db-spacing-responsive-regular-tablet-lg:6rem;--db-spacing-responsive-regular-tablet-xl:10rem;--db-spacing-responsive-regular-tablet-2xl:15rem;--db-spacing-responsive-regular-tablet-3xl:30rem;--db-spacing-responsive-regular-mobile-3xs:1rem;--db-spacing-responsive-regular-mobile-2xs:1.25rem;--db-spacing-responsive-regular-mobile-xs:1.5rem;--db-spacing-responsive-regular-mobile-sm:2rem;--db-spacing-responsive-regular-mobile-md:3rem;--db-spacing-responsive-regular-mobile-lg:5rem;--db-spacing-responsive-regular-mobile-xl:7.5rem;--db-spacing-responsive-regular-mobile-2xl:10rem;--db-spacing-responsive-regular-mobile-3xl:15rem;--db-spacing-responsive-functional-desktop-3xs:1rem;--db-spacing-responsive-functional-desktop-2xs:1.25rem;--db-spacing-responsive-functional-desktop-xs:1.75rem;--db-spacing-responsive-functional-desktop-sm:2.5rem;--db-spacing-responsive-functional-desktop-md:4rem;--db-spacing-responsive-functional-desktop-lg:6rem;--db-spacing-responsive-functional-desktop-xl:10rem;--db-spacing-responsive-functional-desktop-2xl:15rem;--db-spacing-responsive-functional-desktop-3xl:30rem;--db-spacing-responsive-functional-tablet-3xs:1rem;--db-spacing-responsive-functional-tablet-2xs:1.25rem;--db-spacing-responsive-functional-tablet-xs:1.5rem;--db-spacing-responsive-functional-tablet-sm:2rem;--db-spacing-responsive-functional-tablet-md:3rem;--db-spacing-responsive-functional-tablet-lg:5rem;--db-spacing-responsive-functional-tablet-xl:7.5rem;--db-spacing-responsive-functional-tablet-2xl:10rem;--db-spacing-responsive-functional-tablet-3xl:15rem;--db-spacing-responsive-functional-mobile-3xs:1rem;--db-spacing-responsive-functional-mobile-2xs:1.25rem;--db-spacing-responsive-functional-mobile-xs:1.25rem;--db-spacing-responsive-functional-mobile-sm:1.75rem;--db-spacing-responsive-functional-mobile-md:2.5rem;--db-spacing-responsive-functional-mobile-lg:4rem;--db-spacing-responsive-functional-mobile-xl:6rem;--db-spacing-responsive-functional-mobile-2xl:7.5rem;--db-spacing-responsive-functional-mobile-3xl:10rem;--db-spacing-responsive-expressive-desktop-3xs:1.75rem;--db-spacing-responsive-expressive-desktop-2xs:2rem;--db-spacing-responsive-expressive-desktop-xs:3rem;--db-spacing-responsive-expressive-desktop-sm:5rem;--db-spacing-responsive-expressive-desktop-md:7.5rem;--db-spacing-responsive-expressive-desktop-lg:15rem;--db-spacing-responsive-expressive-desktop-xl:30rem;--db-spacing-responsive-expressive-desktop-2xl:40rem;--db-spacing-responsive-expressive-desktop-3xl:50rem;--db-spacing-responsive-expressive-tablet-3xs:1.5rem;--db-spacing-responsive-expressive-tablet-2xs:1.75rem;--db-spacing-responsive-expressive-tablet-xs:2.5rem;--db-spacing-responsive-expressive-tablet-sm:4rem;--db-spacing-responsive-expressive-tablet-md:6rem;--db-spacing-responsive-expressive-tablet-lg:10rem;--db-spacing-responsive-expressive-tablet-xl:15rem;--db-spacing-responsive-expressive-tablet-2xl:30rem;--db-spacing-responsive-expressive-tablet-3xl:40rem;--db-spacing-responsive-expressive-mobile-3xs:1.25rem;--db-spacing-responsive-expressive-mobile-2xs:1.5rem;--db-spacing-responsive-expressive-mobile-xs:2rem;--db-spacing-responsive-expressive-mobile-sm:3rem;--db-spacing-responsive-expressive-mobile-md:5rem;--db-spacing-responsive-expressive-mobile-lg:7.5rem;--db-spacing-responsive-expressive-mobile-xl:10rem;--db-spacing-responsive-expressive-mobile-2xl:15rem;--db-spacing-responsive-expressive-mobile-3xl:30rem;--db-spacing-fixed-regular-3xs:0.125rem;--db-spacing-fixed-regular-2xs:0.25rem;--db-spacing-fixed-regular-xs:0.5rem;--db-spacing-fixed-regular-sm:0.75rem;--db-spacing-fixed-regular-md:1rem;--db-spacing-fixed-regular-lg:1.5rem;--db-spacing-fixed-regular-xl:2rem;--db-spacing-fixed-regular-2xl:3rem;--db-spacing-fixed-regular-3xl:5rem;--db-spacing-fixed-functional-3xs:0.125rem;--db-spacing-fixed-functional-2xs:0.25rem;--db-spacing-fixed-functional-xs:0.375rem;--db-spacing-fixed-functional-sm:0.5rem;--db-spacing-fixed-functional-md:0.75rem;--db-spacing-fixed-functional-lg:1rem;--db-spacing-fixed-functional-xl:1.5rem;--db-spacing-fixed-functional-2xl:2rem;--db-spacing-fixed-functional-3xl:3rem;--db-spacing-fixed-expressive-3xs:0.25rem;--db-spacing-fixed-expressive-2xs:0.5rem;--db-spacing-fixed-expressive-xs:0.75rem;--db-spacing-fixed-expressive-sm:1rem;--db-spacing-fixed-expressive-md:1.5rem;--db-spacing-fixed-expressive-lg:2rem;--db-spacing-fixed-expressive-xl:3rem;--db-spacing-fixed-expressive-2xl:5rem;--db-spacing-fixed-expressive-3xl:7.5rem;--db-sizing-fixed-mobile-header:3.5rem;--db-sizing-regular-3xl:15rem;--db-sizing-regular-2xl:10rem;--db-sizing-regular-xl:6rem;--db-sizing-regular-lg:4rem;--db-sizing-regular-md:2.5rem;--db-sizing-regular-sm:1.5rem;--db-sizing-regular-xs:1rem;--db-sizing-regular-2xs:0.75rem;--db-sizing-regular-3xs:0.5rem;--db-sizing-functional-3xs:0.375rem;--db-sizing-functional-2xs:0.625rem;--db-sizing-functional-xs:0.875rem;--db-sizing-functional-sm:1.25rem;--db-sizing-functional-md:2rem;--db-sizing-functional-lg:3rem;--db-sizing-functional-xl:5rem;--db-sizing-functional-2xl:7.5rem;--db-sizing-functional-3xl:10rem;--db-sizing-expressive-3xs:0.625rem;--db-sizing-expressive-2xs:0.875rem;--db-sizing-expressive-xs:1.25rem;--db-sizing-expressive-sm:1.75rem;--db-sizing-expressive-md:3rem;--db-sizing-expressive-lg:5rem;--db-sizing-expressive-xl:7.5rem;--db-sizing-expressive-2xl:15rem;--db-sizing-expressive-3xl:30rem;--db-typography-regular-desktop-headline-3xl-line-height:1.2;--db-typography-regular-desktop-headline-3xl-font-size:5rem;--db-base-icon-weight-regular-desktop-headline-3xl:96;--db-base-icon-font-size-regular-desktop-headline-3xl:6rem;--db-typography-regular-desktop-headline-2xl-line-height:1.25;--db-typography-regular-desktop-headline-2xl-font-size:4rem;--db-base-icon-weight-regular-desktop-headline-2xl:80;--db-base-icon-font-size-regular-desktop-headline-2xl:5rem;--db-typography-regular-desktop-headline-xl-line-height:1.3333333333333333;--db-typography-regular-desktop-headline-xl-font-size:3rem;--db-base-icon-weight-regular-desktop-headline-xl:64;--db-base-icon-font-size-regular-desktop-headline-xl:4rem;--db-typography-regular-desktop-headline-lg-line-height:1.2;--db-typography-regular-desktop-headline-lg-font-size:2.5rem;--db-base-icon-weight-regular-desktop-headline-lg:48;--db-base-icon-font-size-regular-desktop-headline-lg:3rem;--db-typography-regular-desktop-headline-md-line-height:1.25;--db-typography-regular-desktop-headline-md-font-size:2rem;--db-base-icon-weight-regular-desktop-headline-md:40;--db-base-icon-font-size-regular-desktop-headline-md:2.5rem;--db-typography-regular-desktop-headline-sm-line-height:1.1428571428571428;--db-typography-regular-desktop-headline-sm-font-size:1.75rem;--db-base-icon-weight-regular-desktop-headline-sm:32;--db-base-icon-font-size-regular-desktop-headline-sm:2rem;--db-typography-regular-desktop-headline-2xs-line-height:1.2;--db-typography-regular-desktop-headline-2xs-font-size:1.25rem;--db-base-icon-weight-regular-desktop-headline-2xs:24;--db-base-icon-font-size-regular-desktop-headline-2xs:1.5rem;--db-typography-regular-desktop-headline-3xs-line-height:1.25;--db-typography-regular-desktop-headline-3xs-font-size:1rem;--db-base-icon-weight-regular-desktop-headline-3xs:20;--db-base-icon-font-size-regular-desktop-headline-3xs:1.25rem;--db-typography-regular-desktop-headline-xs-line-height:1.1666666666666667;--db-typography-regular-desktop-headline-xs-font-size:1.5rem;--db-base-icon-weight-regular-desktop-headline-xs:28;--db-base-icon-font-size-regular-desktop-headline-xs:1.75rem;--db-typography-regular-desktop-body-lg-line-height:1.4;--db-typography-regular-desktop-body-lg-font-size:1.25rem;--db-base-icon-weight-regular-desktop-lg:28;--db-base-icon-font-size-regular-desktop-lg:1.75rem;--db-typography-regular-desktop-body-xl-line-height:1.3333333333333333;--db-typography-regular-desktop-body-xl-font-size:1.5rem;--db-base-icon-weight-regular-desktop-xl:32;--db-base-icon-font-size-regular-desktop-xl:2rem;--db-typography-regular-desktop-body-2xl-line-height:1.4285714285714286;--db-typography-regular-desktop-body-2xl-font-size:1.75rem;--db-base-icon-weight-regular-desktop-2xl:40;--db-base-icon-font-size-regular-desktop-2xl:2.5rem;--db-typography-regular-desktop-body-3xl-line-height:1.5;--db-typography-regular-desktop-body-3xl-font-size:2rem;--db-base-icon-weight-regular-desktop-3xl:48;--db-base-icon-font-size-regular-desktop-3xl:3rem;--db-typography-regular-desktop-body-md-line-height:1.5;--db-typography-regular-desktop-body-md-font-size:1rem;--db-base-icon-weight-regular-desktop-md:24;--db-base-icon-font-size-regular-desktop-md:1.5rem;--db-typography-regular-desktop-body-sm-line-height:1.4285714285714286;--db-typography-regular-desktop-body-sm-font-size:0.875rem;--db-base-icon-weight-regular-desktop-sm:20;--db-base-icon-font-size-regular-desktop-sm:1.25rem;--db-typography-regular-desktop-body-2xs-line-height:1.4;--db-typography-regular-desktop-body-2xs-font-size:0.625rem;--db-base-icon-weight-regular-desktop-2xs:14;--db-base-icon-font-size-regular-desktop-2xs:0.875rem;--db-typography-regular-desktop-body-3xs-line-height:1.4;--db-typography-regular-desktop-body-3xs-font-size:0.625rem;--db-base-icon-weight-regular-desktop-3xs:14;--db-base-icon-font-size-regular-desktop-3xs:0.875rem;--db-typography-regular-desktop-body-xs-line-height:1.3333333333333333;--db-typography-regular-desktop-body-xs-font-size:0.75rem;--db-base-icon-weight-regular-desktop-xs:16;--db-base-icon-font-size-regular-desktop-xs:1rem;--db-typography-regular-mobile-body-lg-line-height:1.4;--db-typography-regular-mobile-body-lg-font-size:1.25rem;--db-base-icon-weight-regular-mobile-lg:28;--db-base-icon-font-size-regular-mobile-lg:1.75rem;--db-typography-regular-mobile-body-md-line-height:1.5;--db-typography-regular-mobile-body-md-font-size:1rem;--db-base-icon-weight-regular-mobile-md:24;--db-base-icon-font-size-regular-mobile-md:1.5rem;--db-typography-regular-mobile-body-sm-line-height:1.4285714285714286;--db-typography-regular-mobile-body-sm-font-size:0.875rem;--db-base-icon-weight-regular-mobile-sm:20;--db-base-icon-font-size-regular-mobile-sm:1.25rem;--db-typography-regular-mobile-body-xl-line-height:1.4;--db-typography-regular-mobile-body-xl-font-size:1.25rem;--db-base-icon-weight-regular-mobile-xl:28;--db-base-icon-font-size-regular-mobile-xl:1.75rem;--db-typography-regular-mobile-body-xs-line-height:1.3333333333333333;--db-typography-regular-mobile-body-xs-font-size:0.75rem;--db-base-icon-weight-regular-mobile-xs:16;--db-base-icon-font-size-regular-mobile-xs:1rem;--db-typography-regular-mobile-body-2xl-line-height:1.4;--db-typography-regular-mobile-body-2xl-font-size:1.25rem;--db-base-icon-weight-regular-mobile-2xl:28;--db-base-icon-font-size-regular-mobile-2xl:1.75rem;--db-typography-regular-mobile-body-3xl-line-height:1.4;--db-typography-regular-mobile-body-3xl-font-size:1.25rem;--db-base-icon-weight-regular-mobile-3xl:28;--db-base-icon-font-size-regular-mobile-3xl:1.75rem;--db-typography-regular-mobile-body-2xs-line-height:1.4;--db-typography-regular-mobile-body-2xs-font-size:0.625rem;--db-base-icon-weight-regular-mobile-2xs:14;--db-base-icon-font-size-regular-mobile-2xs:0.875rem;--db-typography-regular-mobile-body-3xs-line-height:1.4;--db-typography-regular-mobile-body-3xs-font-size:0.625rem;--db-base-icon-weight-regular-mobile-3xs:14;--db-base-icon-font-size-regular-mobile-3xs:0.875rem;--db-typography-regular-mobile-headline-lg-line-height:1.1428571428571428;--db-typography-regular-mobile-headline-lg-font-size:1.75rem;--db-base-icon-weight-regular-mobile-headline-lg:32;--db-base-icon-font-size-regular-mobile-headline-lg:2rem;--db-typography-regular-mobile-headline-md-line-height:1.1666666666666667;--db-typography-regular-mobile-headline-md-font-size:1.5rem;--db-base-icon-weight-regular-mobile-headline-md:28;--db-base-icon-font-size-regular-mobile-headline-md:1.75rem;--db-typography-regular-mobile-headline-sm-line-height:1.2;--db-typography-regular-mobile-headline-sm-font-size:1.25rem;--db-base-icon-weight-regular-mobile-headline-sm:24;--db-base-icon-font-size-regular-mobile-headline-sm:1.5rem;--db-typography-regular-mobile-headline-xl-line-height:1.25;--db-typography-regular-mobile-headline-xl-font-size:2rem;--db-base-icon-weight-regular-mobile-headline-xl:40;--db-base-icon-font-size-regular-mobile-headline-xl:2.5rem;--db-typography-regular-mobile-headline-xs-line-height:1.25;--db-typography-regular-mobile-headline-xs-font-size:1rem;--db-base-icon-weight-regular-mobile-headline-xs:20;--db-base-icon-font-size-regular-mobile-headline-xs:1.25rem;--db-typography-regular-mobile-headline-2xl-line-height:1.25;--db-typography-regular-mobile-headline-2xl-font-size:2rem;--db-base-icon-weight-regular-mobile-headline-2xl:40;--db-base-icon-font-size-regular-mobile-headline-2xl:2.5rem;--db-typography-regular-mobile-headline-2xs-line-height:1.1428571428571428;--db-typography-regular-mobile-headline-2xs-font-size:0.875rem;--db-base-icon-weight-regular-mobile-headline-2xs:16;--db-base-icon-font-size-regular-mobile-headline-2xs:1rem;--db-typography-regular-mobile-headline-3xl-line-height:1.25;--db-typography-regular-mobile-headline-3xl-font-size:2rem;--db-base-icon-weight-regular-mobile-headline-3xl:40;--db-base-icon-font-size-regular-mobile-headline-3xl:2.5rem;--db-typography-regular-mobile-headline-3xs-line-height:1.1428571428571428;--db-typography-regular-mobile-headline-3xs-font-size:0.875rem;--db-base-icon-weight-regular-mobile-headline-3xs:16;--db-base-icon-font-size-regular-mobile-headline-3xs:1rem;--db-typography-regular-tablet-body-lg-line-height:1.4;--db-typography-regular-tablet-body-lg-font-size:1.25rem;--db-base-icon-weight-regular-tablet-lg:28;--db-base-icon-font-size-regular-tablet-lg:1.75rem;--db-typography-regular-tablet-body-md-line-height:1.5;--db-typography-regular-tablet-body-md-font-size:1rem;--db-base-icon-weight-regular-tablet-md:24;--db-base-icon-font-size-regular-tablet-md:1.5rem;--db-typography-regular-tablet-body-sm-line-height:1.4285714285714286;--db-typography-regular-tablet-body-sm-font-size:0.875rem;--db-base-icon-weight-regular-tablet-sm:20;--db-base-icon-font-size-regular-tablet-sm:1.25rem;--db-typography-regular-tablet-body-xl-line-height:1.3333333333333333;--db-typography-regular-tablet-body-xl-font-size:1.5rem;--db-base-icon-weight-regular-tablet-xl:32;--db-base-icon-font-size-regular-tablet-xl:2rem;--db-typography-regular-tablet-body-xs-line-height:1.3333333333333333;--db-typography-regular-tablet-body-xs-font-size:0.75rem;--db-base-icon-weight-regular-tablet-xs:16;--db-base-icon-font-size-regular-tablet-xs:1rem;--db-typography-regular-tablet-body-2xl-line-height:1.4285714285714286;--db-typography-regular-tablet-body-2xl-font-size:1.75rem;--db-base-icon-weight-regular-tablet-2xl:40;--db-base-icon-font-size-regular-tablet-2xl:2.5rem;--db-typography-regular-tablet-body-3xl-line-height:1.5;--db-typography-regular-tablet-body-3xl-font-size:2rem;--db-base-icon-weight-regular-tablet-3xl:48;--db-base-icon-font-size-regular-tablet-3xl:3rem;--db-typography-regular-tablet-body-2xs-line-height:1.4;--db-typography-regular-tablet-body-2xs-font-size:0.625rem;--db-base-icon-weight-regular-tablet-2xs:14;--db-base-icon-font-size-regular-tablet-2xs:0.875rem;--db-typography-regular-tablet-body-3xs-line-height:1.4;--db-typography-regular-tablet-body-3xs-font-size:0.625rem;--db-base-icon-weight-regular-tablet-3xs:14;--db-base-icon-font-size-regular-tablet-3xs:0.875rem;--db-typography-regular-tablet-headline-lg-line-height:1.25;--db-typography-regular-tablet-headline-lg-font-size:2rem;--db-base-icon-weight-regular-tablet-headline-lg:40;--db-base-icon-font-size-regular-tablet-headline-lg:2.5rem;--db-typography-regular-tablet-headline-md-line-height:1.1428571428571428;--db-typography-regular-tablet-headline-md-font-size:1.75rem;--db-base-icon-weight-regular-tablet-headline-md:32;--db-base-icon-font-size-regular-tablet-headline-md:2rem;--db-typography-regular-tablet-headline-sm-line-height:1.1666666666666667;--db-typography-regular-tablet-headline-sm-font-size:1.5rem;--db-base-icon-weight-regular-tablet-headline-sm:28;--db-base-icon-font-size-regular-tablet-headline-sm:1.75rem;--db-typography-regular-tablet-headline-xl-line-height:1.2;--db-typography-regular-tablet-headline-xl-font-size:2.5rem;--db-base-icon-weight-regular-tablet-headline-xl:48;--db-base-icon-font-size-regular-tablet-headline-xl:3rem;--db-typography-regular-tablet-headline-xs-line-height:1.2;--db-typography-regular-tablet-headline-xs-font-size:1.25rem;--db-base-icon-weight-regular-tablet-headline-xs:24;--db-base-icon-font-size-regular-tablet-headline-xs:1.5rem;--db-typography-regular-tablet-headline-2xl-line-height:1.3333333333333333;--db-typography-regular-tablet-headline-2xl-font-size:3rem;--db-base-icon-weight-regular-tablet-headline-2xl:64;--db-base-icon-font-size-regular-tablet-headline-2xl:4rem;--db-typography-regular-tablet-headline-2xs-line-height:1.25;--db-typography-regular-tablet-headline-2xs-font-size:1rem;--db-base-icon-weight-regular-tablet-headline-2xs:20;--db-base-icon-font-size-regular-tablet-headline-2xs:1.25rem;--db-typography-regular-tablet-headline-3xl-line-height:1.3333333333333333;--db-typography-regular-tablet-headline-3xl-font-size:3rem;--db-base-icon-weight-regular-tablet-headline-3xl:64;--db-base-icon-font-size-regular-tablet-headline-3xl:4rem;--db-typography-regular-tablet-headline-3xs-line-height:1.25;--db-typography-regular-tablet-headline-3xs-font-size:1rem;--db-base-icon-weight-regular-tablet-headline-3xs:20;--db-base-icon-font-size-regular-tablet-headline-3xs:1.25rem;--db-typography-functional-desktop-body-lg-line-height:1.5;--db-typography-functional-desktop-body-lg-font-size:1rem;--db-base-icon-weight-functional-desktop-lg:24;--db-base-icon-font-size-functional-desktop-lg:1.5rem;--db-typography-functional-desktop-body-md-line-height:1.4285714285714286;--db-typography-functional-desktop-body-md-font-size:0.875rem;--db-base-icon-weight-functional-desktop-md:20;--db-base-icon-font-size-functional-desktop-md:1.25rem;--db-typography-functional-desktop-body-sm-line-height:1.3333333333333333;--db-typography-functional-desktop-body-sm-font-size:0.75rem;--db-base-icon-weight-functional-desktop-sm:16;--db-base-icon-font-size-functional-desktop-sm:1rem;--db-typography-functional-desktop-body-xl-line-height:1.4;--db-typography-functional-desktop-body-xl-font-size:1.25rem;--db-base-icon-weight-functional-desktop-xl:28;--db-base-icon-font-size-functional-desktop-xl:1.75rem;--db-typography-functional-desktop-body-xs-line-height:1.4;--db-typography-functional-desktop-body-xs-font-size:0.625rem;--db-base-icon-weight-functional-desktop-xs:14;--db-base-icon-font-size-functional-desktop-xs:0.875rem;--db-typography-functional-desktop-body-2xl-line-height:1.3333333333333333;--db-typography-functional-desktop-body-2xl-font-size:1.5rem;--db-base-icon-weight-functional-desktop-2xl:32;--db-base-icon-font-size-functional-desktop-2xl:2rem;--db-typography-functional-desktop-body-3xl-line-height:1.4285714285714286;--db-typography-functional-desktop-body-3xl-font-size:1.75rem;--db-base-icon-weight-functional-desktop-3xl:40;--db-base-icon-font-size-functional-desktop-3xl:2.5rem;--db-typography-functional-desktop-body-2xs-line-height:1.4;--db-typography-functional-desktop-body-2xs-font-size:0.625rem;--db-base-icon-weight-functional-desktop-2xs:14;--db-base-icon-font-size-functional-desktop-2xs:0.875rem;--db-typography-functional-desktop-body-3xs-line-height:1.4;--db-typography-functional-desktop-body-3xs-font-size:0.625rem;--db-base-icon-weight-functional-desktop-3xs:14;--db-base-icon-font-size-functional-desktop-3xs:0.875rem;--db-typography-functional-desktop-headline-lg-line-height:1.1428571428571428;--db-typography-functional-desktop-headline-lg-font-size:1.75rem;--db-base-icon-weight-functional-desktop-headline-lg:32;--db-base-icon-font-size-functional-desktop-headline-lg:2rem;--db-typography-functional-desktop-headline-md-line-height:1.1666666666666667;--db-typography-functional-desktop-headline-md-font-size:1.5rem;--db-base-icon-weight-functional-desktop-headline-md:28;--db-base-icon-font-size-functional-desktop-headline-md:1.75rem;--db-typography-functional-desktop-headline-sm-line-height:1.2;--db-typography-functional-desktop-headline-sm-font-size:1.25rem;--db-base-icon-weight-functional-desktop-headline-sm:24;--db-base-icon-font-size-functional-desktop-headline-sm:1.5rem;--db-typography-functional-desktop-headline-xl-line-height:1.25;--db-typography-functional-desktop-headline-xl-font-size:2rem;--db-base-icon-weight-functional-desktop-headline-xl:40;--db-base-icon-font-size-functional-desktop-headline-xl:2.5rem;--db-typography-functional-desktop-headline-xs-line-height:1.25;--db-typography-functional-desktop-headline-xs-font-size:1rem;--db-base-icon-weight-functional-desktop-headline-xs:20;--db-base-icon-font-size-functional-desktop-headline-xs:1.25rem;--db-typography-functional-desktop-headline-2xl-line-height:1.2;--db-typography-functional-desktop-headline-2xl-font-size:2.5rem;--db-base-icon-weight-functional-desktop-headline-2xl:48;--db-base-icon-font-size-functional-desktop-headline-2xl:3rem;--db-typography-functional-desktop-headline-2xs-line-height:1.1428571428571428;--db-typography-functional-desktop-headline-2xs-font-size:0.875rem;--db-base-icon-weight-functional-desktop-headline-2xs:16;--db-base-icon-font-size-functional-desktop-headline-2xs:1rem;--db-typography-functional-desktop-headline-3xl-line-height:1.2;--db-typography-functional-desktop-headline-3xl-font-size:2.5rem;--db-base-icon-weight-functional-desktop-headline-3xl:48;--db-base-icon-font-size-functional-desktop-headline-3xl:3rem;--db-typography-functional-desktop-headline-3xs-line-height:1.1428571428571428;--db-typography-functional-desktop-headline-3xs-font-size:0.875rem;--db-base-icon-weight-functional-desktop-headline-3xs:16;--db-base-icon-font-size-functional-desktop-headline-3xs:1rem;--db-typography-functional-tablet-body-lg-line-height:1.5;--db-typography-functional-tablet-body-lg-font-size:1rem;--db-base-icon-weight-functional-tablet-lg:24;--db-base-icon-font-size-functional-tablet-lg:1.5rem;--db-typography-functional-tablet-body-md-line-height:1.4285714285714286;--db-typography-functional-tablet-body-md-font-size:0.875rem;--db-base-icon-weight-functional-tablet-md:20;--db-base-icon-font-size-functional-tablet-md:1.25rem;--db-typography-functional-tablet-body-sm-line-height:1.3333333333333333;--db-typography-functional-tablet-body-sm-font-size:0.75rem;--db-base-icon-weight-functional-tablet-sm:16;--db-base-icon-font-size-functional-tablet-sm:1rem;--db-typography-functional-tablet-body-xl-line-height:1.4;--db-typography-functional-tablet-body-xl-font-size:1.25rem;--db-base-icon-weight-functional-tablet-xl:28;--db-base-icon-font-size-functional-tablet-xl:1.75rem;--db-typography-functional-tablet-body-xs-line-height:1.4;--db-typography-functional-tablet-body-xs-font-size:0.625rem;--db-base-icon-weight-functional-tablet-xs:14;--db-base-icon-font-size-functional-tablet-xs:0.875rem;--db-typography-functional-tablet-body-2xl-line-height:1.3333333333333333;--db-typography-functional-tablet-body-2xl-font-size:1.5rem;--db-base-icon-weight-functional-tablet-2xl:32;--db-base-icon-font-size-functional-tablet-2xl:2rem;--db-typography-functional-tablet-body-3xl-line-height:1.4285714285714286;--db-typography-functional-tablet-body-3xl-font-size:1.75rem;--db-base-icon-weight-functional-tablet-3xl:40;--db-base-icon-font-size-functional-tablet-3xl:2.5rem;--db-typography-functional-tablet-body-2xs-line-height:1.4;--db-typography-functional-tablet-body-2xs-font-size:0.625rem;--db-base-icon-weight-functional-tablet-2xs:14;--db-base-icon-font-size-functional-tablet-2xs:0.875rem;--db-typography-functional-tablet-body-3xs-line-height:1.4;--db-typography-functional-tablet-body-3xs-font-size:0.625rem;--db-base-icon-weight-functional-tablet-3xs:14;--db-base-icon-font-size-functional-tablet-3xs:0.875rem;--db-typography-functional-tablet-headline-lg-line-height:1.1428571428571428;--db-typography-functional-tablet-headline-lg-font-size:1.75rem;--db-base-icon-weight-functional-tablet-headline-lg:32;--db-base-icon-font-size-functional-tablet-headline-lg:2rem;--db-typography-functional-tablet-headline-md-line-height:1.1666666666666667;--db-typography-functional-tablet-headline-md-font-size:1.5rem;--db-base-icon-weight-functional-tablet-headline-md:28;--db-base-icon-font-size-functional-tablet-headline-md:1.75rem;--db-typography-functional-tablet-headline-sm-line-height:1.2;--db-typography-functional-tablet-headline-sm-font-size:1.25rem;--db-base-icon-weight-functional-tablet-headline-sm:24;--db-base-icon-font-size-functional-tablet-headline-sm:1.5rem;--db-typography-functional-tablet-headline-xl-line-height:1.25;--db-typography-functional-tablet-headline-xl-font-size:2rem;--db-base-icon-weight-functional-tablet-headline-xl:40;--db-base-icon-font-size-functional-tablet-headline-xl:2.5rem;--db-typography-functional-tablet-headline-xs-line-height:1.25;--db-typography-functional-tablet-headline-xs-font-size:1rem;--db-base-icon-weight-functional-tablet-headline-xs:20;--db-base-icon-font-size-functional-tablet-headline-xs:1.25rem;--db-typography-functional-tablet-headline-2xl-line-height:1.25;--db-typography-functional-tablet-headline-2xl-font-size:2rem;--db-base-icon-weight-functional-tablet-headline-2xl:40;--db-base-icon-font-size-functional-tablet-headline-2xl:2.5rem;--db-typography-functional-tablet-headline-2xs-line-height:1.1428571428571428;--db-typography-functional-tablet-headline-2xs-font-size:0.875rem;--db-base-icon-weight-functional-tablet-headline-2xs:16;--db-base-icon-font-size-functional-tablet-headline-2xs:1rem;--db-typography-functional-tablet-headline-3xl-line-height:1.25;--db-typography-functional-tablet-headline-3xl-font-size:2rem;--db-base-icon-weight-functional-tablet-headline-3xl:40;--db-base-icon-font-size-functional-tablet-headline-3xl:2.5rem;--db-typography-functional-tablet-headline-3xs-line-height:1.1428571428571428;--db-typography-functional-tablet-headline-3xs-font-size:0.875rem;--db-base-icon-weight-functional-tablet-headline-3xs:16;--db-base-icon-font-size-functional-tablet-headline-3xs:1rem;--db-typography-functional-mobile-body-lg-line-height:1.5;--db-typography-functional-mobile-body-lg-font-size:1rem;--db-base-icon-weight-functional-mobile-lg:24;--db-base-icon-font-size-functional-mobile-lg:1.5rem;--db-typography-functional-mobile-body-md-line-height:1.4285714285714286;--db-typography-functional-mobile-body-md-font-size:0.875rem;--db-base-icon-weight-functional-mobile-md:20;--db-base-icon-font-size-functional-mobile-md:1.25rem;--db-typography-functional-mobile-body-sm-line-height:1.3333333333333333;--db-typography-functional-mobile-body-sm-font-size:0.75rem;--db-base-icon-weight-functional-mobile-sm:16;--db-base-icon-font-size-functional-mobile-sm:1rem;--db-typography-functional-mobile-body-xl-line-height:1.5;--db-typography-functional-mobile-body-xl-font-size:1rem;--db-base-icon-weight-functional-mobile-xl:24;--db-base-icon-font-size-functional-mobile-xl:1.5rem;--db-typography-functional-mobile-body-xs-line-height:1.4;--db-typography-functional-mobile-body-xs-font-size:0.625rem;--db-base-icon-weight-functional-mobile-xs:14;--db-base-icon-font-size-functional-mobile-xs:0.875rem;--db-typography-functional-mobile-body-2xl-line-height:1.5;--db-typography-functional-mobile-body-2xl-font-size:1rem;--db-base-icon-weight-functional-mobile-2xl:24;--db-base-icon-font-size-functional-mobile-2xl:1.5rem;--db-typography-functional-mobile-body-3xl-line-height:1.5;--db-typography-functional-mobile-body-3xl-font-size:1rem;--db-base-icon-weight-functional-mobile-3xl:24;--db-base-icon-font-size-functional-mobile-3xl:1.5rem;--db-typography-functional-mobile-body-2xs-line-height:1.4;--db-typography-functional-mobile-body-2xs-font-size:0.625rem;--db-base-icon-weight-functional-mobile-2xs:14;--db-base-icon-font-size-functional-mobile-2xs:0.875rem;--db-typography-functional-mobile-body-3xs-line-height:1.4;--db-typography-functional-mobile-body-3xs-font-size:0.625rem;--db-base-icon-weight-functional-mobile-3xs:14;--db-base-icon-font-size-functional-mobile-3xs:0.875rem;--db-typography-functional-mobile-headline-lg-line-height:1.1666666666666667;--db-typography-functional-mobile-headline-lg-font-size:1.5rem;--db-base-icon-weight-functional-mobile-headline-lg:28;--db-base-icon-font-size-functional-mobile-headline-lg:1.75rem;--db-typography-functional-mobile-headline-md-line-height:1.2;--db-typography-functional-mobile-headline-md-font-size:1.25rem;--db-base-icon-weight-functional-mobile-headline-md:24;--db-base-icon-font-size-functional-mobile-headline-md:1.5rem;--db-typography-functional-mobile-headline-sm-line-height:1.25;--db-typography-functional-mobile-headline-sm-font-size:1rem;--db-base-icon-weight-functional-mobile-headline-sm:20;--db-base-icon-font-size-functional-mobile-headline-sm:1.25rem;--db-typography-functional-mobile-headline-xl-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-xl-font-size:1.75rem;--db-base-icon-weight-functional-mobile-headline-xl:32;--db-base-icon-font-size-functional-mobile-headline-xl:2rem;--db-typography-functional-mobile-headline-xs-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-xs-font-size:0.875rem;--db-base-icon-weight-functional-mobile-headline-xs:16;--db-base-icon-font-size-functional-mobile-headline-xs:1rem;--db-typography-functional-mobile-headline-2xl-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-2xl-font-size:1.75rem;--db-base-icon-weight-functional-mobile-headline-2xl:32;--db-base-icon-font-size-functional-mobile-headline-2xl:2rem;--db-typography-functional-mobile-headline-2xs-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-2xs-font-size:0.875rem;--db-base-icon-weight-functional-mobile-headline-2xs:16;--db-base-icon-font-size-functional-mobile-headline-2xs:1rem;--db-typography-functional-mobile-headline-3xl-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-3xl-font-size:1.75rem;--db-base-icon-weight-functional-mobile-headline-3xl:32;--db-base-icon-font-size-functional-mobile-headline-3xl:2rem;--db-typography-functional-mobile-headline-3xs-line-height:1.1428571428571428;--db-typography-functional-mobile-headline-3xs-font-size:0.875rem;--db-base-icon-weight-functional-mobile-headline-3xs:16;--db-base-icon-font-size-functional-mobile-headline-3xs:1rem;--db-typography-expressive-desktop-body-lg-line-height:1.3333333333333333;--db-typography-expressive-desktop-body-lg-font-size:1.5rem;--db-base-icon-weight-expressive-desktop-lg:32;--db-base-icon-font-size-expressive-desktop-lg:2rem;--db-typography-expressive-desktop-body-md-line-height:1.4;--db-typography-expressive-desktop-body-md-font-size:1.25rem;--db-base-icon-weight-expressive-desktop-md:28;--db-base-icon-font-size-expressive-desktop-md:1.75rem;--db-typography-expressive-desktop-body-sm-line-height:1.5;--db-typography-expressive-desktop-body-sm-font-size:1rem;--db-base-icon-weight-expressive-desktop-sm:24;--db-base-icon-font-size-expressive-desktop-sm:1.5rem;--db-typography-expressive-desktop-body-xl-line-height:1.4285714285714286;--db-typography-expressive-desktop-body-xl-font-size:1.75rem;--db-base-icon-weight-expressive-desktop-xl:40;--db-base-icon-font-size-expressive-desktop-xl:2.5rem;--db-typography-expressive-desktop-body-xs-line-height:1.4285714285714286;--db-typography-expressive-desktop-body-xs-font-size:0.875rem;--db-base-icon-weight-expressive-desktop-xs:20;--db-base-icon-font-size-expressive-desktop-xs:1.25rem;--db-typography-expressive-desktop-body-2xl-line-height:1.5;--db-typography-expressive-desktop-body-2xl-font-size:2rem;--db-base-icon-weight-expressive-desktop-2xl:48;--db-base-icon-font-size-expressive-desktop-2xl:3rem;--db-typography-expressive-desktop-body-3xl-line-height:1.6;--db-typography-expressive-desktop-body-3xl-font-size:2.5rem;--db-base-icon-weight-expressive-desktop-3xl:64;--db-base-icon-font-size-expressive-desktop-3xl:4rem;--db-typography-expressive-desktop-body-2xs-line-height:1.3333333333333333;--db-typography-expressive-desktop-body-2xs-font-size:0.75rem;--db-base-icon-weight-expressive-desktop-2xs:16;--db-base-icon-font-size-expressive-desktop-2xs:1rem;--db-typography-expressive-desktop-body-3xs-line-height:1.4;--db-typography-expressive-desktop-body-3xs-font-size:0.625rem;--db-base-icon-weight-expressive-desktop-3xs:14;--db-base-icon-font-size-expressive-desktop-3xs:0.875rem;--db-typography-expressive-desktop-headline-lg-line-height:1.3333333333333333;--db-typography-expressive-desktop-headline-lg-font-size:3rem;--db-base-icon-weight-expressive-desktop-headline-lg:64;--db-base-icon-font-size-expressive-desktop-headline-lg:4rem;--db-typography-expressive-desktop-headline-md-line-height:1.2;--db-typography-expressive-desktop-headline-md-font-size:2.5rem;--db-base-icon-weight-expressive-desktop-headline-md:48;--db-base-icon-font-size-expressive-desktop-headline-md:3rem;--db-typography-expressive-desktop-headline-sm-line-height:1.25;--db-typography-expressive-desktop-headline-sm-font-size:2rem;--db-base-icon-weight-expressive-desktop-headline-sm:40;--db-base-icon-font-size-expressive-desktop-headline-sm:2.5rem;--db-typography-expressive-desktop-headline-xl-line-height:1.25;--db-typography-expressive-desktop-headline-xl-font-size:4rem;--db-base-icon-weight-expressive-desktop-headline-xl:80;--db-base-icon-font-size-expressive-desktop-headline-xl:5rem;--db-typography-expressive-desktop-headline-xs-line-height:1.1428571428571428;--db-typography-expressive-desktop-headline-xs-font-size:1.75rem;--db-base-icon-weight-expressive-desktop-headline-xs:32;--db-base-icon-font-size-expressive-desktop-headline-xs:2rem;--db-typography-expressive-desktop-headline-2xl-line-height:1.2;--db-typography-expressive-desktop-headline-2xl-font-size:5rem;--db-base-icon-weight-expressive-desktop-headline-2xl:96;--db-base-icon-font-size-expressive-desktop-headline-2xl:6rem;--db-typography-expressive-desktop-headline-2xs-line-height:1.1666666666666667;--db-typography-expressive-desktop-headline-2xs-font-size:1.5rem;--db-base-icon-weight-expressive-desktop-headline-2xs:28;--db-base-icon-font-size-expressive-desktop-headline-2xs:1.75rem;--db-typography-expressive-desktop-headline-3xl-line-height:1.25;--db-typography-expressive-desktop-headline-3xl-font-size:6rem;--db-base-icon-weight-expressive-desktop-headline-3xl:120;--db-base-icon-font-size-expressive-desktop-headline-3xl:7.5rem;--db-typography-expressive-desktop-headline-3xs-line-height:1.2;--db-typography-expressive-desktop-headline-3xs-font-size:1.25rem;--db-base-icon-weight-expressive-desktop-headline-3xs:24;--db-base-icon-font-size-expressive-desktop-headline-3xs:1.5rem;--db-typography-expressive-tablet-body-lg-line-height:1.3333333333333333;--db-typography-expressive-tablet-body-lg-font-size:1.5rem;--db-base-icon-weight-expressive-tablet-lg:32;--db-base-icon-font-size-expressive-tablet-lg:2rem;--db-typography-expressive-tablet-body-md-line-height:1.4;--db-typography-expressive-tablet-body-md-font-size:1.25rem;--db-base-icon-weight-expressive-tablet-md:28;--db-base-icon-font-size-expressive-tablet-md:1.75rem;--db-typography-expressive-tablet-body-sm-line-height:1.5;--db-typography-expressive-tablet-body-sm-font-size:1rem;--db-base-icon-weight-expressive-tablet-sm:24;--db-base-icon-font-size-expressive-tablet-sm:1.5rem;--db-typography-expressive-tablet-body-xl-line-height:1.4285714285714286;--db-typography-expressive-tablet-body-xl-font-size:1.75rem;--db-base-icon-weight-expressive-tablet-xl:40;--db-base-icon-font-size-expressive-tablet-xl:2.5rem;--db-typography-expressive-tablet-body-xs-line-height:1.4285714285714286;--db-typography-expressive-tablet-body-xs-font-size:0.875rem;--db-base-icon-weight-expressive-tablet-xs:20;--db-base-icon-font-size-expressive-tablet-xs:1.25rem;--db-typography-expressive-tablet-body-2xl-line-height:1.5;--db-typography-expressive-tablet-body-2xl-font-size:2rem;--db-base-icon-weight-expressive-tablet-2xl:48;--db-base-icon-font-size-expressive-tablet-2xl:3rem;--db-typography-expressive-tablet-body-3xl-line-height:1.6;--db-typography-expressive-tablet-body-3xl-font-size:2.5rem;--db-base-icon-weight-expressive-tablet-3xl:64;--db-base-icon-font-size-expressive-tablet-3xl:4rem;--db-typography-expressive-tablet-body-2xs-line-height:1.3333333333333333;--db-typography-expressive-tablet-body-2xs-font-size:0.75rem;--db-base-icon-weight-expressive-tablet-2xs:16;--db-base-icon-font-size-expressive-tablet-2xs:1rem;--db-typography-expressive-tablet-body-3xs-line-height:1.4;--db-typography-expressive-tablet-body-3xs-font-size:0.625rem;--db-base-icon-weight-expressive-tablet-3xs:14;--db-base-icon-font-size-expressive-tablet-3xs:0.875rem;--db-typography-expressive-tablet-headline-lg-line-height:1.2;--db-typography-expressive-tablet-headline-lg-font-size:2.5rem;--db-base-icon-weight-expressive-tablet-headline-lg:48;--db-base-icon-font-size-expressive-tablet-headline-lg:3rem;--db-typography-expressive-tablet-headline-md-line-height:1.25;--db-typography-expressive-tablet-headline-md-font-size:2rem;--db-base-icon-weight-expressive-tablet-headline-md:40;--db-base-icon-font-size-expressive-tablet-headline-md:2.5rem;--db-typography-expressive-tablet-headline-sm-line-height:1.1428571428571428;--db-typography-expressive-tablet-headline-sm-font-size:1.75rem;--db-base-icon-weight-expressive-tablet-headline-sm:32;--db-base-icon-font-size-expressive-tablet-headline-sm:2rem;--db-typography-expressive-tablet-headline-xl-line-height:1.3333333333333333;--db-typography-expressive-tablet-headline-xl-font-size:3rem;--db-base-icon-weight-expressive-tablet-headline-xl:64;--db-base-icon-font-size-expressive-tablet-headline-xl:4rem;--db-typography-expressive-tablet-headline-xs-line-height:1.1666666666666667;--db-typography-expressive-tablet-headline-xs-font-size:1.5rem;--db-base-icon-weight-expressive-tablet-headline-xs:28;--db-base-icon-font-size-expressive-tablet-headline-xs:1.75rem;--db-typography-expressive-tablet-headline-2xl-line-height:1.25;--db-typography-expressive-tablet-headline-2xl-font-size:4rem;--db-base-icon-weight-expressive-tablet-headline-2xl:80;--db-base-icon-font-size-expressive-tablet-headline-2xl:5rem;--db-typography-expressive-tablet-headline-2xs-line-height:1.2;--db-typography-expressive-tablet-headline-2xs-font-size:1.25rem;--db-base-icon-weight-expressive-tablet-headline-2xs:24;--db-base-icon-font-size-expressive-tablet-headline-2xs:1.5rem;--db-typography-expressive-tablet-headline-3xl-line-height:1.2;--db-typography-expressive-tablet-headline-3xl-font-size:5rem;--db-base-icon-weight-expressive-tablet-headline-3xl:96;--db-base-icon-font-size-expressive-tablet-headline-3xl:6rem;--db-typography-expressive-tablet-headline-3xs-line-height:1.2;--db-typography-expressive-tablet-headline-3xs-font-size:1.25rem;--db-base-icon-weight-expressive-tablet-headline-3xs:24;--db-base-icon-font-size-expressive-tablet-headline-3xs:1.5rem;--db-typography-expressive-mobile-body-lg-line-height:1.3333333333333333;--db-typography-expressive-mobile-body-lg-font-size:1.5rem;--db-base-icon-weight-expressive-mobile-lg:32;--db-base-icon-font-size-expressive-mobile-lg:2rem;--db-typography-expressive-mobile-body-md-line-height:1.4;--db-typography-expressive-mobile-body-md-font-size:1.25rem;--db-base-icon-weight-expressive-mobile-md:28;--db-base-icon-font-size-expressive-mobile-md:1.75rem;--db-typography-expressive-mobile-body-sm-line-height:1.5;--db-typography-expressive-mobile-body-sm-font-size:1rem;--db-base-icon-weight-expressive-mobile-sm:24;--db-base-icon-font-size-expressive-mobile-sm:1.5rem;--db-typography-expressive-mobile-body-xl-line-height:1.3333333333333333;--db-typography-expressive-mobile-body-xl-font-size:1.5rem;--db-base-icon-weight-expressive-mobile-xl:32;--db-base-icon-font-size-expressive-mobile-xl:2rem;--db-typography-expressive-mobile-body-xs-line-height:1.4285714285714286;--db-typography-expressive-mobile-body-xs-font-size:0.875rem;--db-base-icon-weight-expressive-mobile-xs:20;--db-base-icon-font-size-expressive-mobile-xs:1.25rem;--db-typography-expressive-mobile-body-2xl-line-height:1.3333333333333333;--db-typography-expressive-mobile-body-2xl-font-size:1.5rem;--db-base-icon-weight-expressive-mobile-2xl:32;--db-base-icon-font-size-expressive-mobile-2xl:2rem;--db-typography-expressive-mobile-body-3xl-line-height:1.3333333333333333;--db-typography-expressive-mobile-body-3xl-font-size:1.5rem;--db-base-icon-weight-expressive-mobile-3xl:32;--db-base-icon-font-size-expressive-mobile-3xl:2rem;--db-typography-expressive-mobile-body-2xs-line-height:1.3333333333333333;--db-typography-expressive-mobile-body-2xs-font-size:0.75rem;--db-base-icon-weight-expressive-mobile-2xs:16;--db-base-icon-font-size-expressive-mobile-2xs:1rem;--db-typography-expressive-mobile-body-3xs-line-height:1.4;--db-typography-expressive-mobile-body-3xs-font-size:0.625rem;--db-base-icon-weight-expressive-mobile-3xs:14;--db-base-icon-font-size-expressive-mobile-3xs:0.875rem;--db-typography-expressive-mobile-headline-lg-line-height:1.25;--db-typography-expressive-mobile-headline-lg-font-size:2rem;--db-base-icon-weight-expressive-mobile-headline-lg:40;--db-base-icon-font-size-expressive-mobile-headline-lg:2.5rem;--db-typography-expressive-mobile-headline-md-line-height:1.1428571428571428;--db-typography-expressive-mobile-headline-md-font-size:1.75rem;--db-base-icon-weight-expressive-mobile-headline-md:32;--db-base-icon-font-size-expressive-mobile-headline-md:2rem;--db-typography-expressive-mobile-headline-sm-line-height:1.1666666666666667;--db-typography-expressive-mobile-headline-sm-font-size:1.5rem;--db-base-icon-weight-expressive-mobile-headline-sm:28;--db-base-icon-font-size-expressive-mobile-headline-sm:1.75rem;--db-typography-expressive-mobile-headline-xl-line-height:1.2;--db-typography-expressive-mobile-headline-xl-font-size:2.5rem;--db-base-icon-weight-expressive-mobile-headline-xl:48;--db-base-icon-font-size-expressive-mobile-headline-xl:3rem;--db-typography-expressive-mobile-headline-xs-line-height:1.2;--db-typography-expressive-mobile-headline-xs-font-size:1.25rem;--db-base-icon-weight-expressive-mobile-headline-xs:24;--db-base-icon-font-size-expressive-mobile-headline-xs:1.5rem;--db-typography-expressive-mobile-headline-2xl-line-height:1.2;--db-typography-expressive-mobile-headline-2xl-font-size:2.5rem;--db-base-icon-weight-expressive-mobile-headline-2xl:48;--db-base-icon-font-size-expressive-mobile-headline-2xl:3rem;--db-typography-expressive-mobile-headline-2xs-line-height:1.25;--db-typography-expressive-mobile-headline-2xs-font-size:1rem;--db-base-icon-weight-expressive-mobile-headline-2xs:20;--db-base-icon-font-size-expressive-mobile-headline-2xs:1.25rem;--db-typography-expressive-mobile-headline-3xl-line-height:1.2;--db-typography-expressive-mobile-headline-3xl-font-size:2.5rem;--db-base-icon-weight-expressive-mobile-headline-3xl:48;--db-base-icon-font-size-expressive-mobile-headline-3xl:3rem;--db-typography-expressive-mobile-headline-3xs-line-height:1.25;--db-typography-expressive-mobile-headline-3xs-font-size:1rem;--db-base-icon-weight-expressive-mobile-headline-3xs:20;--db-base-icon-font-size-expressive-mobile-headline-3xs:1.25rem;--db-border-height-sm:0.0625rem;--db-border-height-md:0.125rem;--db-border-height-lg:0.25rem;--db-border-radius-sm:0.15625rem;--db-border-radius-md:0.25rem;--db-border-radius-lg:0.5rem;--db-border-radius-3xl:2.625rem;--db-opacity-sm:0.25;--db-opacity-md:0.5;--db-opacity-lg:0.75;--db-elevation-sm:0 0 1px -1px rgba(0,0,0,.2),0 0 4px 1px rgba(0,0,0,.12),0 0 2px 0 rgba(0,0,0,.14);--db-elevation-md:0 0 2px -1px rgba(0,0,0,.2),0 0 8px 1px rgba(0,0,0,.12),0 0 4px 0 rgba(0,0,0,.14);--db-elevation-lg:0 0 4px -3px rgba(0,0,0,.2),0 0 16px 3px rgba(0,0,0,.12),0 0 8px 1px rgba(0,0,0,.14);--db-base-on-enabled:#fff;--db-base-origin-enabled:#242629;--db-base-origin-hover:#212326;--db-base-origin-pressed:#1e1f22;--db-base-text-enabled:#242629;--db-base-text-hover:#6b6c6d;--db-base-text-pressed:#939494;--db-base-on-bg-enabled:#242629;--db-base-on-bg-hover:#12131540;--db-base-on-bg-pressed:#191b1d80;--db-base-on-bg-weak-enabled:#12131540;--db-base-bg-enabled:#fff;--db-base-bg-strong-enabled:#fafafa;--db-base-element-enabled:#777e88;--db-base-border-enabled:#5f656da3;--db-base-border-weak-enabled:#43474d52;--db-neutral-on-enabled:#fff;--db-neutral-origin-enabled:#646973;--db-neutral-origin-hover:#5c6069;--db-neutral-origin-pressed:#52575f;--db-neutral-text-enabled:#646973;--db-neutral-text-hover:#898c93;--db-neutral-text-pressed:#a6a8ad;--db-neutral-on-bg-enabled:#3c3f45;--db-neutral-on-bg-hover:#1e202340;--db-neutral-on-bg-pressed:#2a2d3180;--db-neutral-on-bg-weak-enabled:#1e202340;--db-neutral-bg-enabled:#f6f6f7;--db-neutral-bg-strong-enabled:#f1f1f2;--db-neutral-element-enabled:#777d88;--db-neutral-border-enabled:#5f646da3;--db-neutral-border-weak-enabled:#43474d52;--db-brand-on-enabled:#fff;--db-brand-origin-enabled:#ec0016;--db-brand-origin-hover:#d80014;--db-brand-origin-pressed:#c30012;--db-brand-text-enabled:#e80014;--db-brand-text-hover:#ec6668;--db-brand-text-pressed:#f09091;--db-brand-on-bg-enabled:#8b000c;--db-brand-on-bg-hover:#46000640;--db-brand-on-bg-pressed:#62000880;--db-brand-on-bg-weak-enabled:#46000640;--db-brand-bg-enabled:#fdf5f5;--db-brand-bg-strong-enabled:#f8f0f0;--db-brand-element-enabled:#ff0016;--db-brand-border-enabled:#cc0012a3;--db-brand-border-weak-enabled:#90000c52;--db-informational-on-enabled:#fff;--db-informational-origin-enabled:#309fd1;--db-informational-origin-hover:#2c92c0;--db-informational-origin-pressed:#2883ac;--db-informational-text-enabled:#007caa;--db-informational-text-hover:#6699ba;--db-informational-text-pressed:#90b1c9;--db-informational-on-bg-enabled:#004a66;--db-informational-on-bg-hover:#00253340;--db-informational-on-bg-pressed:#00344880;--db-informational-on-bg-weak-enabled:#00253340;--db-informational-bg-enabled:#f5f7f9;--db-informational-bg-strong-enabled:#f0f2f4;--db-informational-element-enabled:#0099d1;--db-informational-border-enabled:#007aa7a3;--db-informational-border-weak-enabled:#00577652;--db-warning-on-enabled:#fff;--db-warning-origin-enabled:#f39200;--db-warning-origin-hover:#df8600;--db-warning-origin-pressed:#c87800;--db-warning-text-enabled:#af5c00;--db-warning-text-hover:#be8466;--db-warning-text-pressed:#cca390;--db-warning-on-bg-enabled:#693700;--db-warning-on-bg-hover:#351c0040;--db-warning-on-bg-pressed:#4a270080;--db-warning-on-bg-weak-enabled:#351c0040;--db-warning-bg-enabled:#faf6f5;--db-warning-bg-strong-enabled:#f5f1f0;--db-warning-element-enabled:#db7300;--db-warning-border-enabled:#af5c00a3;--db-warning-border-weak-enabled:#7c410052;--db-successful-on-enabled:#fff;--db-successful-origin-enabled:#63a615;--db-successful-origin-hover:#5b9813;--db-successful-origin-pressed:#528911;--db-successful-text-enabled:#398200;--db-successful-text-hover:#739d66;--db-successful-text-pressed:#98b490;--db-successful-on-bg-enabled:#224e00;--db-successful-on-bg-hover:#11270040;--db-successful-on-bg-pressed:#18370080;--db-successful-on-bg-weak-enabled:#11270040;--db-successful-bg-enabled:#f5f7f5;--db-successful-bg-strong-enabled:#f0f2f0;--db-successful-element-enabled:#48a300;--db-successful-border-enabled:#3a8200a3;--db-successful-border-weak-enabled:#295c0052;--db-critical-on-enabled:#fff;--db-critical-origin-enabled:#ec0016;--db-critical-origin-hover:#d80014;--db-critical-origin-pressed:#c30012;--db-critical-text-enabled:#e80014;--db-critical-text-hover:#ec6668;--db-critical-text-pressed:#f09091;--db-critical-on-bg-enabled:#8b000c;--db-critical-on-bg-hover:#46000640;--db-critical-on-bg-pressed:#62000880;--db-critical-on-bg-weak-enabled:#46000640;--db-critical-bg-enabled:#fdf5f5;--db-critical-bg-strong-enabled:#f8f0f0;--db-critical-element-enabled:#ff0016;--db-critical-border-enabled:#cc0012a3;--db-critical-border-weak-enabled:#90000c52;color-scheme:light}@media(prefers-color-scheme:dark){:root{--db-base-on-enabled:#000000bf;--db-base-origin-enabled:#fff;--db-base-origin-hover:#fff;--db-base-origin-pressed:#fff;--db-base-text-enabled:#fff;--db-base-text-hover:#eaeaea;--db-base-text-pressed:#d2d2d2;--db-base-on-bg-enabled:#fff;--db-base-on-bg-hover:#80808040;--db-base-on-bg-pressed:#b4b4b480;--db-base-on-bg-weak-enabled:#80808040;--db-base-bg-enabled:#242629;--db-base-bg-strong-enabled:#3e3f41;--db-base-element-enabled:#8a8a8a;--db-base-border-enabled:#787878bf;--db-base-border-weak-enabled:#62626280;--db-neutral-on-enabled:#000000bf;--db-neutral-origin-enabled:#646973;--db-neutral-origin-hover:#898c93;--db-neutral-origin-pressed:#a6a8ad;--db-neutral-text-enabled:#acb1bb;--db-neutral-text-hover:#9ea2ab;--db-neutral-text-pressed:#8e929a;--db-neutral-on-bg-enabled:#e5e6e9;--db-neutral-on-bg-hover:#73737540;--db-neutral-on-bg-pressed:#a2a3a580;--db-neutral-on-bg-weak-enabled:#73737540;--db-neutral-bg-enabled:#313235;--db-neutral-bg-strong-enabled:#464749;--db-neutral-element-enabled:#848b9a;--db-neutral-border-enabled:#727885bf;--db-neutral-border-weak-enabled:#5d626d80;--db-brand-on-enabled:#fff;--db-brand-origin-enabled:#ec0016;--db-brand-origin-hover:#ef6668;--db-brand-origin-pressed:#f29091;--db-brand-text-enabled:#ff8c70;--db-brand-text-hover:#ea8067;--db-brand-text-pressed:#d2735c;--db-brand-on-bg-enabled:#ffddd7;--db-brand-on-bg-hover:#806f6c40;--db-brand-on-bg-pressed:#b49c9880;--db-brand-on-bg-weak-enabled:#806f6c40;--db-brand-bg-enabled:#482820;--db-brand-bg-strong-enabled:#57403c;--db-brand-element-enabled:#ff4214;--db-brand-border-enabled:#dd3911bf;--db-brand-border-weak-enabled:#b42f0e80;--db-informational-on-enabled:#000000bf;--db-informational-origin-enabled:#309fd1;--db-informational-origin-hover:#6fb2d9;--db-informational-origin-pressed:#96c3e1;--db-informational-text-enabled:#50b3ea;--db-informational-text-hover:#49a4d6;--db-informational-text-pressed:#4294c1;--db-informational-on-bg-enabled:#d2e7f8;--db-informational-on-bg-hover:#69747c40;--db-informational-on-bg-pressed:#94a3af80;--db-informational-on-bg-weak-enabled:#69747c40;--db-informational-bg-enabled:#173342;--db-informational-bg-strong-enabled:#384752;--db-informational-element-enabled:#1a93d6;--db-informational-border-enabled:#177fb9bf;--db-informational-border-weak-enabled:#12689780;--db-warning-on-enabled:#000000bf;--db-warning-origin-enabled:#f39200;--db-warning-origin-hover:#f5a866;--db-warning-origin-pressed:#f7bc90;--db-warning-text-enabled:#f59303;--db-warning-text-hover:#e18703;--db-warning-text-pressed:#ca7902;--db-warning-on-bg-enabled:#fbdecc;--db-warning-on-bg-hover:#7e6f6640;--db-warning-on-bg-pressed:#b19d9080;--db-warning-on-bg-weak-enabled:#7e6f6640;--db-warning-bg-enabled:#452a01;--db-warning-bg-strong-enabled:#554233;--db-warning-element-enabled:#fc9703;--db-warning-border-enabled:#da8303bf;--db-warning-border-weak-enabled:#b26b0280;--db-successful-on-enabled:#000000bf;--db-successful-origin-enabled:#63a615;--db-successful-origin-hover:#89b768;--db-successful-origin-pressed:#a6c791;--db-successful-text-enabled:#81bf35;--db-successful-text-hover:#76af31;--db-successful-text-pressed:#6a9e2c;--db-successful-on-bg-enabled:#daeace;--db-successful-on-bg-hover:#6d756740;--db-successful-on-bg-pressed:#9aa59280;--db-successful-on-bg-weak-enabled:#6d756740;--db-successful-bg-enabled:#24360f;--db-successful-bg-strong-enabled:#3e4935;--db-successful-element-enabled:#87c837;--db-successful-border-enabled:#75ad30bf;--db-successful-border-weak-enabled:#5f8d2780;--db-critical-on-enabled:#000000bf;--db-critical-origin-enabled:#ec0016;--db-critical-origin-hover:#ef6668;--db-critical-origin-pressed:#f29091;--db-critical-text-enabled:#ff8c70;--db-critical-text-hover:#ea8067;--db-critical-text-pressed:#d2735c;--db-critical-on-bg-enabled:#ffddd7;--db-critical-on-bg-hover:#806f6c40;--db-critical-on-bg-pressed:#b49c9880;--db-critical-on-bg-weak-enabled:#806f6c40;--db-critical-bg-enabled:#482820;--db-critical-bg-strong-enabled:#57403c;--db-critical-element-enabled:#ff4214;--db-critical-border-enabled:#dd3911bf;--db-critical-border-weak-enabled:#b42f0e80;color-scheme:dark}}[data-color-scheme=light]{--db-base-on-enabled:#fff;--db-base-origin-enabled:#242629;--db-base-origin-hover:#212326;--db-base-origin-pressed:#1e1f22;--db-base-text-enabled:#242629;--db-base-text-hover:#6b6c6d;--db-base-text-pressed:#939494;--db-base-on-bg-enabled:#242629;--db-base-on-bg-hover:#12131540;--db-base-on-bg-pressed:#191b1d80;--db-base-on-bg-weak-enabled:#12131540;--db-base-bg-enabled:#fff;--db-base-bg-strong-enabled:#fafafa;--db-base-element-enabled:#777e88;--db-base-border-enabled:#5f656da3;--db-base-border-weak-enabled:#43474d52;--db-neutral-on-enabled:#fff;--db-neutral-origin-enabled:#646973;--db-neutral-origin-hover:#5c6069;--db-neutral-origin-pressed:#52575f;--db-neutral-text-enabled:#646973;--db-neutral-text-hover:#898c93;--db-neutral-text-pressed:#a6a8ad;--db-neutral-on-bg-enabled:#3c3f45;--db-neutral-on-bg-hover:#1e202340;--db-neutral-on-bg-pressed:#2a2d3180;--db-neutral-on-bg-weak-enabled:#1e202340;--db-neutral-bg-enabled:#f6f6f7;--db-neutral-bg-strong-enabled:#f1f1f2;--db-neutral-element-enabled:#777d88;--db-neutral-border-enabled:#5f646da3;--db-neutral-border-weak-enabled:#43474d52;--db-brand-on-enabled:#fff;--db-brand-origin-enabled:#ec0016;--db-brand-origin-hover:#d80014;--db-brand-origin-pressed:#c30012;--db-brand-text-enabled:#e80014;--db-brand-text-hover:#ec6668;--db-brand-text-pressed:#f09091;--db-brand-on-bg-enabled:#8b000c;--db-brand-on-bg-hover:#46000640;--db-brand-on-bg-pressed:#62000880;--db-brand-on-bg-weak-enabled:#46000640;--db-brand-bg-enabled:#fdf5f5;--db-brand-bg-strong-enabled:#f8f0f0;--db-brand-element-enabled:#ff0016;--db-brand-border-enabled:#cc0012a3;--db-brand-border-weak-enabled:#90000c52;--db-informational-on-enabled:#fff;--db-informational-origin-enabled:#309fd1;--db-informational-origin-hover:#2c92c0;--db-informational-origin-pressed:#2883ac;--db-informational-text-enabled:#007caa;--db-informational-text-hover:#6699ba;--db-informational-text-pressed:#90b1c9;--db-informational-on-bg-enabled:#004a66;--db-informational-on-bg-hover:#00253340;--db-informational-on-bg-pressed:#00344880;--db-informational-on-bg-weak-enabled:#00253340;--db-informational-bg-enabled:#f5f7f9;--db-informational-bg-strong-enabled:#f0f2f4;--db-informational-element-enabled:#0099d1;--db-informational-border-enabled:#007aa7a3;--db-informational-border-weak-enabled:#00577652;--db-warning-on-enabled:#fff;--db-warning-origin-enabled:#f39200;--db-warning-origin-hover:#df8600;--db-warning-origin-pressed:#c87800;--db-warning-text-enabled:#af5c00;--db-warning-text-hover:#be8466;--db-warning-text-pressed:#cca390;--db-warning-on-bg-enabled:#693700;--db-warning-on-bg-hover:#351c0040;--db-warning-on-bg-pressed:#4a270080;--db-warning-on-bg-weak-enabled:#351c0040;--db-warning-bg-enabled:#faf6f5;--db-warning-bg-strong-enabled:#f5f1f0;--db-warning-element-enabled:#db7300;--db-warning-border-enabled:#af5c00a3;--db-warning-border-weak-enabled:#7c410052;--db-successful-on-enabled:#fff;--db-successful-origin-enabled:#63a615;--db-successful-origin-hover:#5b9813;--db-successful-origin-pressed:#528911;--db-successful-text-enabled:#398200;--db-successful-text-hover:#739d66;--db-successful-text-pressed:#98b490;--db-successful-on-bg-enabled:#224e00;--db-successful-on-bg-hover:#11270040;--db-successful-on-bg-pressed:#18370080;--db-successful-on-bg-weak-enabled:#11270040;--db-successful-bg-enabled:#f5f7f5;--db-successful-bg-strong-enabled:#f0f2f0;--db-successful-element-enabled:#48a300;--db-successful-border-enabled:#3a8200a3;--db-successful-border-weak-enabled:#295c0052;--db-critical-on-enabled:#fff;--db-critical-origin-enabled:#ec0016;--db-critical-origin-hover:#d80014;--db-critical-origin-pressed:#c30012;--db-critical-text-enabled:#e80014;--db-critical-text-hover:#ec6668;--db-critical-text-pressed:#f09091;--db-critical-on-bg-enabled:#8b000c;--db-critical-on-bg-hover:#46000640;--db-critical-on-bg-pressed:#62000880;--db-critical-on-bg-weak-enabled:#46000640;--db-critical-bg-enabled:#fdf5f5;--db-critical-bg-strong-enabled:#f8f0f0;--db-critical-element-enabled:#ff0016;--db-critical-border-enabled:#cc0012a3;--db-critical-border-weak-enabled:#90000c52;color-scheme:light}[data-color-scheme=dark]{--db-base-on-enabled:#000000bf;--db-base-origin-enabled:#fff;--db-base-origin-hover:#fff;--db-base-origin-pressed:#fff;--db-base-text-enabled:#fff;--db-base-text-hover:#eaeaea;--db-base-text-pressed:#d2d2d2;--db-base-on-bg-enabled:#fff;--db-base-on-bg-hover:#80808040;--db-base-on-bg-pressed:#b4b4b480;--db-base-on-bg-weak-enabled:#80808040;--db-base-bg-enabled:#242629;--db-base-bg-strong-enabled:#3e3f41;--db-base-element-enabled:#8a8a8a;--db-base-border-enabled:#787878bf;--db-base-border-weak-enabled:#62626280;--db-neutral-on-enabled:#000000bf;--db-neutral-origin-enabled:#646973;--db-neutral-origin-hover:#898c93;--db-neutral-origin-pressed:#a6a8ad;--db-neutral-text-enabled:#acb1bb;--db-neutral-text-hover:#9ea2ab;--db-neutral-text-pressed:#8e929a;--db-neutral-on-bg-enabled:#e5e6e9;--db-neutral-on-bg-hover:#73737540;--db-neutral-on-bg-pressed:#a2a3a580;--db-neutral-on-bg-weak-enabled:#73737540;--db-neutral-bg-enabled:#313235;--db-neutral-bg-strong-enabled:#464749;--db-neutral-element-enabled:#848b9a;--db-neutral-border-enabled:#727885bf;--db-neutral-border-weak-enabled:#5d626d80;--db-brand-on-enabled:#fff;--db-brand-origin-enabled:#ec0016;--db-brand-origin-hover:#ef6668;--db-brand-origin-pressed:#f29091;--db-brand-text-enabled:#ff8c70;--db-brand-text-hover:#ea8067;--db-brand-text-pressed:#d2735c;--db-brand-on-bg-enabled:#ffddd7;--db-brand-on-bg-hover:#806f6c40;--db-brand-on-bg-pressed:#b49c9880;--db-brand-on-bg-weak-enabled:#806f6c40;--db-brand-bg-enabled:#482820;--db-brand-bg-strong-enabled:#57403c;--db-brand-element-enabled:#ff4214;--db-brand-border-enabled:#dd3911bf;--db-brand-border-weak-enabled:#b42f0e80;--db-informational-on-enabled:#000000bf;--db-informational-origin-enabled:#309fd1;--db-informational-origin-hover:#6fb2d9;--db-informational-origin-pressed:#96c3e1;--db-informational-text-enabled:#50b3ea;--db-informational-text-hover:#49a4d6;--db-informational-text-pressed:#4294c1;--db-informational-on-bg-enabled:#d2e7f8;--db-informational-on-bg-hover:#69747c40;--db-informational-on-bg-pressed:#94a3af80;--db-informational-on-bg-weak-enabled:#69747c40;--db-informational-bg-enabled:#173342;--db-informational-bg-strong-enabled:#384752;--db-informational-element-enabled:#1a93d6;--db-informational-border-enabled:#177fb9bf;--db-informational-border-weak-enabled:#12689780;--db-warning-on-enabled:#000000bf;--db-warning-origin-enabled:#f39200;--db-warning-origin-hover:#f5a866;--db-warning-origin-pressed:#f7bc90;--db-warning-text-enabled:#f59303;--db-warning-text-hover:#e18703;--db-warning-text-pressed:#ca7902;--db-warning-on-bg-enabled:#fbdecc;--db-warning-on-bg-hover:#7e6f6640;--db-warning-on-bg-pressed:#b19d9080;--db-warning-on-bg-weak-enabled:#7e6f6640;--db-warning-bg-enabled:#452a01;--db-warning-bg-strong-enabled:#554233;--db-warning-element-enabled:#fc9703;--db-warning-border-enabled:#da8303bf;--db-warning-border-weak-enabled:#b26b0280;--db-successful-on-enabled:#000000bf;--db-successful-origin-enabled:#63a615;--db-successful-origin-hover:#89b768;--db-successful-origin-pressed:#a6c791;--db-successful-text-enabled:#81bf35;--db-successful-text-hover:#76af31;--db-successful-text-pressed:#6a9e2c;--db-successful-on-bg-enabled:#daeace;--db-successful-on-bg-hover:#6d756740;--db-successful-on-bg-pressed:#9aa59280;--db-successful-on-bg-weak-enabled:#6d756740;--db-successful-bg-enabled:#24360f;--db-successful-bg-strong-enabled:#3e4935;--db-successful-element-enabled:#87c837;--db-successful-border-enabled:#75ad30bf;--db-successful-border-weak-enabled:#5f8d2780;--db-critical-on-enabled:#000000bf;--db-critical-origin-enabled:#ec0016;--db-critical-origin-hover:#ef6668;--db-critical-origin-pressed:#f29091;--db-critical-text-enabled:#ff8c70;--db-critical-text-hover:#ea8067;--db-critical-text-pressed:#d2735c;--db-critical-on-bg-enabled:#ffddd7;--db-critical-on-bg-hover:#806f6c40;--db-critical-on-bg-pressed:#b49c9880;--db-critical-on-bg-weak-enabled:#806f6c40;--db-critical-bg-enabled:#482820;--db-critical-bg-strong-enabled:#57403c;--db-critical-element-enabled:#ff4214;--db-critical-border-enabled:#dd3911bf;--db-critical-border-weak-enabled:#b42f0e80;color-scheme:dark}:root{--db-transition-duration-x-slow:0.5s;--db-transition-duration-slow:0.4s;--db-transition-duration-medium:0.3s;--db-transition-duration-fast:0.15s;--db-transition-duration-x-fast:0.075s;--db-transition-show-timing:cubic-bezier(0.49,0.1,0.16,1) normal both;--db-transition-show-straight:0.5s cubic-bezier(0.49,0.1,0.16,1) normal both;--db-transition-hide-straight:0.4s cubic-bezier(0.49,0.1,0.16,1) normal both;--db-transition-emotional-timing:cubic-bezier(0.27,0.05,0.4,0.95);--db-transition-emotional-straight:0.3s cubic-bezier(0.27,0.05,0.4,0.95);--db-transition-functional-timing:cubic-bezier(0.15,0,0.45,1);--db-transition-functional-straight:0.3s cubic-bezier(0.15,0,0.45,1);--db-font-db-screensans-regular-name:"DB Screen Sans Regular";--db-font-db-screensans-regular-local-name:DB Screen Sans;--db-font-db-screensans-regular-local-name-short:DB Sans;--db-font-db-screensans-regular-font-family:"DB Screen Sans";--db-font-db-screensans-regular-font-weight:400;--db-font-db-screensans-regular-woff2:"dbscreensans-regular.woff2";--db-font-db-screensans-bold-name:"DB Screen Sans Bold";--db-font-db-screensans-bold-local-name:DB Screen Sans Bold;--db-font-db-screensans-bold-local-name-short:DB Sans Bold;--db-font-db-screensans-bold-font-family:"DB Screen Sans";--db-font-db-screensans-bold-font-weight:700;--db-font-db-screensans-bold-woff2:"dbscreensans-bold.woff2";--db-font-db-screenhead-light-name:"DB Screen Head Light";--db-font-db-screenhead-light-local-name:DB Screen Head;--db-font-db-screenhead-light-local-name-short:DB Head Light;--db-font-db-screenhead-light-font-family:"DB Screen Head";--db-font-db-screenhead-light-font-weight:300;--db-font-db-screenhead-light-woff2:"dbscreenhead-light.woff2";--db-font-db-screenhead-black-name:"DB Screen Head Black";--db-font-db-screenhead-black-local-name:DB Screen Head #000;--db-font-db-screenhead-black-local-name-short:DB Head #000;--db-font-db-screenhead-black-font-family:"DB Screen Head";--db-font-db-screenhead-black-font-weight:900;--db-font-db-screenhead-black-woff2:"dbscreenhead-black.woff2";--db-font-db-screensans-digital-regular-name:"DB Screen Sans Digital Regular";--db-font-db-screensans-digital-regular-local-name:DB Screen Sans Digital;--db-font-db-screensans-digital-regular-local-name-short:DB Sans Digital;--db-font-db-screensans-digital-regular-font-family:"DB Screen Sans Digital";--db-font-db-screensans-digital-regular-font-weight:400;--db-font-db-screensans-digital-regular-woff2:"dbscreensans-digitalregular.woff2";--db-font-family-sans:"DB Screen Sans",Helvetica,Arial,sans-serif;--db-font-family-head:"DB Screen Head",Helvetica,Arial,sans-serif;--db-font-family-bold:"DB Screen Sans",Helvetica,Arial,sans-serif}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:400;src:url(/mono/review/main/_next/static/media/db-ux.572f38ad.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:16;src:url(/mono/review/main/_next/static/media/db-ux.c7b5969c.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:20;src:url(/mono/review/main/_next/static/media/db-ux.04b05fa3.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:24;src:url(/mono/review/main/_next/static/media/db-ux.c7ee2436.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:32;src:url(/mono/review/main/_next/static/media/db-ux.9c662863.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:48;src:url(/mono/review/main/_next/static/media/db-ux.2a3eb5f7.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-default;font-style:normal;font-weight:64;src:url(/mono/review/main/_next/static/media/db-ux.11811a50.woff2) format("woff2")}[data-icon-variant-after=default]:after,[data-icon-variant-before=default]:before,[data-icon-variant=default]:before{--db-icon-font-family:"db-ux-default"}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:400;src:url(/mono/review/main/_next/static/media/db-ux.9b68f67a.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:16;src:url(/mono/review/main/_next/static/media/db-ux.4102df6c.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:20;src:url(/mono/review/main/_next/static/media/db-ux.6d2bd18d.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:24;src:url(/mono/review/main/_next/static/media/db-ux.979088f4.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:32;src:url(/mono/review/main/_next/static/media/db-ux.6ef8fd70.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:48;src:url(/mono/review/main/_next/static/media/db-ux.326752e0.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-inverted;font-style:normal;font-weight:64;src:url(/mono/review/main/_next/static/media/db-ux.07b16c47.woff2) format("woff2")}[data-icon-variant-after=inverted]:after,[data-icon-variant-before=inverted]:before,[data-icon-variant=inverted]:before{--db-icon-font-family:"db-ux-inverted"}@font-face{font-display:block;font-family:db-ux-solid;font-style:normal;font-weight:400;src:url(/mono/review/main/_next/static/media/db-ux.4885ed2b.woff2) format("woff2")}@font-face{font-display:block;font-family:db-ux-solid;font-style:normal;font-weight:16;src:url(/mono/review/main/_next/static/media/db-ux.d944524d.woff2) format("woff2")}[data-icon-weight-after="16"]:after,[data-icon-weight-before="16"]:before,[data-icon-weight="16"]:before{--db-icon-font-weight:16}@font-face{font-display:block;font-family:db-ux-solid;font-style:normal;font-weight:20;src:url(/mono/review/main/_next/static/media/db-ux.5e39c2f5.woff2) format("woff2")}[data-icon-weight-after="20"]:after,[data-icon-weight-before="20"]:before,[data-icon-weight="20"]:before{--db-icon-font-weight:20}@font-face{font-display:block;font-family:db-ux-solid;font-style:normal;font-weight:24;src:url(/mono/review/main/_next/static/media/db-ux.9f06d094.woff2) format("woff2")}[data-icon-weight-after="24"]:after,[data-icon-weight-before="24"]:before,[data-icon-weight="24"]:before{--db-icon-font-weight:24}@font-face{font-display:block;font-family:db-ux-solid;font-style:normal;font-weight:32;src:url(/mono/review/main/_next/static/media/db-ux.b089bbca.woff2) format("woff2")}[data-icon-weight-after="32"]:after,[data-icon-weight-before="32"]:before,[data-icon-weight="32"]:before{--db-icon-font-weight:32}@font-face{font-display:block;font-family:db-ux-solid;font-style:normal;font-weight:48;src:url(/mono/review/main/_next/static/media/db-ux.d5549f5c.woff2) format("woff2")}[data-icon-weight-after="48"]:after,[data-icon-weight-before="48"]:before,[data-icon-weight="48"]:before{--db-icon-font-weight:48}@font-face{font-display:block;font-family:db-ux-solid;font-style:normal;font-weight:64;src:url(/mono/review/main/_next/static/media/db-ux.b556c519.woff2) format("woff2")}[data-icon-weight-after="64"]:after,[data-icon-weight-before="64"]:before,[data-icon-weight="64"]:before{--db-icon-font-weight:64}[data-icon-variant-after=solid]:after,[data-icon-variant-before=solid]:before,[data-icon-variant=solid]:before{--db-icon-font-family:"db-ux-solid"}[data-icon-after]:is(span),[data-icon-before]:is(span),[data-icon]:is(span){display:inline-flex;vertical-align:baseline}[data-icon-before]:before,[data-icon]:before{-webkit-margin-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs));margin-inline-end:var(--db-icon-margin-end,var(--db-spacing-fixed-xs))}[data-icon-before=none]:before,[data-icon=none]:before{content:none}[data-icon-after]:after{content:var(--db-icon-after,attr(data-icon-after));-webkit-margin-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}[data-icon-after=none]:after{content:none}.is-icon-text-replace[data-icon-before],.is-icon-text-replace[data-icon]{font-size:0!important}.is-icon-text-replace[data-icon-before]:before,.is-icon-text-replace[data-icon]:before{--db-icon-margin-end:0}.is-icon-text-replace[data-icon-after]{font-size:0!important}.is-icon-text-replace[data-icon-after]:after{--db-icon-margin-start:0}.db-bg-base,.db-bg-base-interactive,.db-bg-base-strong,.db-bg-base-transparent-full,.db-bg-base-transparent-semi{--db-current-base-color:var(--db-base-text-enabled);--db-current-color:var(--db-base-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-base-bg-enabled));--db-current-element-color:var(--db-base-element-enabled);--db-current-border-color:var(--db-base-border-enabled);--db-current-border-weak-color:var( --db-base-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-base-bg-enabled))}.db-bg-base,.db-bg-base-interactive,.db-bg-base-strong{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-bg-base-transparent-full,.db-bg-base-transparent-semi{color:var(--db-base-on-bg-enabled);background-color:color-mix(in srgb,transparent var(--db-bg-transparent,100%),var(--db-current-base-color))}.db-bg-base-transparent-semi{background-color:color-mix(in srgb,transparent var(--db-bg-transparent,92%),var(--db-current-base-color))}.db-bg-base-interactive:enabled:hover{--db-bg-transparent:84%}.db-bg-base-interactive:enabled:active{--db-bg-transparent:68%}[data-emphasis=weak].db-bg-base,[data-emphasis=weak].db-bg-base-interactive,[data-emphasis=weak].db-bg-base-strong{--db-current-color:var(--db-base-on-bg-weak-enabled);color:var(--db-current-color)}.db-bg-base-strong{--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-base-bg-strong-enabled))}.db-bg-neutral,.db-bg-neutral-interactive,.db-bg-neutral-strong,.db-bg-neutral-transparent-full,.db-bg-neutral-transparent-semi{--db-current-base-color:var(--db-neutral-text-enabled);--db-current-color:var(--db-neutral-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-neutral-bg-enabled));--db-current-element-color:var(--db-neutral-element-enabled);--db-current-border-color:var(--db-neutral-border-enabled);--db-current-border-weak-color:var( --db-neutral-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-neutral-bg-enabled))}.db-bg-neutral,.db-bg-neutral-interactive,.db-bg-neutral-strong{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-bg-neutral-transparent-full,.db-bg-neutral-transparent-semi{color:var(--db-neutral-on-bg-enabled);background-color:color-mix(in srgb,transparent var(--db-bg-transparent,100%),var(--db-current-base-color))}.db-bg-neutral-transparent-semi{background-color:color-mix(in srgb,transparent var(--db-bg-transparent,92%),var(--db-current-base-color))}.db-bg-neutral-interactive:enabled:hover{--db-bg-transparent:84%}.db-bg-neutral-interactive:enabled:active{--db-bg-transparent:68%}[data-emphasis=weak].db-bg-neutral,[data-emphasis=weak].db-bg-neutral-interactive,[data-emphasis=weak].db-bg-neutral-strong{--db-current-color:var(--db-neutral-on-bg-weak-enabled);color:var(--db-current-color)}.db-bg-neutral-strong{--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-neutral-bg-strong-enabled))}.db-bg-brand,.db-bg-brand-interactive,.db-bg-brand-strong,.db-bg-brand-transparent-full,.db-bg-brand-transparent-semi{--db-current-base-color:var(--db-brand-text-enabled);--db-current-color:var(--db-brand-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-brand-bg-enabled));--db-current-element-color:var(--db-brand-element-enabled);--db-current-border-color:var(--db-brand-border-enabled);--db-current-border-weak-color:var( --db-brand-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-brand-bg-enabled))}.db-bg-brand,.db-bg-brand-interactive,.db-bg-brand-strong{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-bg-brand-transparent-full,.db-bg-brand-transparent-semi{color:var(--db-brand-on-bg-enabled);background-color:color-mix(in srgb,transparent var(--db-bg-transparent,100%),var(--db-current-base-color))}.db-bg-brand-transparent-semi{background-color:color-mix(in srgb,transparent var(--db-bg-transparent,92%),var(--db-current-base-color))}.db-bg-brand-interactive:enabled:hover{--db-bg-transparent:84%}.db-bg-brand-interactive:enabled:active{--db-bg-transparent:68%}[data-emphasis=weak].db-bg-brand,[data-emphasis=weak].db-bg-brand-interactive,[data-emphasis=weak].db-bg-brand-strong{--db-current-color:var(--db-brand-on-bg-weak-enabled);color:var(--db-current-color)}.db-bg-brand-strong{--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-brand-bg-strong-enabled))}.db-bg-critical,.db-bg-critical-interactive,.db-bg-critical-strong,.db-bg-critical-transparent-full,.db-bg-critical-transparent-semi{--db-current-base-color:var(--db-critical-text-enabled);--db-current-color:var(--db-critical-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-critical-bg-enabled));--db-current-element-color:var(--db-critical-element-enabled);--db-current-border-color:var(--db-critical-border-enabled);--db-current-border-weak-color:var( --db-critical-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-critical-bg-enabled))}.db-bg-critical,.db-bg-critical-interactive,.db-bg-critical-strong{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-bg-critical-transparent-full,.db-bg-critical-transparent-semi{color:var(--db-critical-on-bg-enabled);background-color:color-mix(in srgb,transparent var(--db-bg-transparent,100%),var(--db-current-base-color))}.db-bg-critical-transparent-semi{background-color:color-mix(in srgb,transparent var(--db-bg-transparent,92%),var(--db-current-base-color))}.db-bg-critical-interactive:enabled:hover{--db-bg-transparent:84%}.db-bg-critical-interactive:enabled:active{--db-bg-transparent:68%}[data-emphasis=weak].db-bg-critical,[data-emphasis=weak].db-bg-critical-interactive,[data-emphasis=weak].db-bg-critical-strong{--db-current-color:var(--db-critical-on-bg-weak-enabled);color:var(--db-current-color)}.db-bg-critical-strong{--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-critical-bg-strong-enabled))}.db-bg-successful,.db-bg-successful-interactive,.db-bg-successful-strong,.db-bg-successful-transparent-full,.db-bg-successful-transparent-semi{--db-current-base-color:var(--db-successful-text-enabled);--db-current-color:var(--db-successful-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-successful-bg-enabled));--db-current-element-color:var(--db-successful-element-enabled);--db-current-border-color:var(--db-successful-border-enabled);--db-current-border-weak-color:var( --db-successful-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-successful-bg-enabled))}.db-bg-successful,.db-bg-successful-interactive,.db-bg-successful-strong{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-bg-successful-transparent-full,.db-bg-successful-transparent-semi{color:var(--db-successful-on-bg-enabled);background-color:color-mix(in srgb,transparent var(--db-bg-transparent,100%),var(--db-current-base-color))}.db-bg-successful-transparent-semi{background-color:color-mix(in srgb,transparent var(--db-bg-transparent,92%),var(--db-current-base-color))}.db-bg-successful-interactive:enabled:hover{--db-bg-transparent:84%}.db-bg-successful-interactive:enabled:active{--db-bg-transparent:68%}[data-emphasis=weak].db-bg-successful,[data-emphasis=weak].db-bg-successful-interactive,[data-emphasis=weak].db-bg-successful-strong{--db-current-color:var(--db-successful-on-bg-weak-enabled);color:var(--db-current-color)}.db-bg-successful-strong{--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-successful-bg-strong-enabled))}.db-bg-warning,.db-bg-warning-interactive,.db-bg-warning-strong,.db-bg-warning-transparent-full,.db-bg-warning-transparent-semi{--db-current-base-color:var(--db-warning-text-enabled);--db-current-color:var(--db-warning-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-warning-bg-enabled));--db-current-element-color:var(--db-warning-element-enabled);--db-current-border-color:var(--db-warning-border-enabled);--db-current-border-weak-color:var( --db-warning-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-warning-bg-enabled))}.db-bg-warning,.db-bg-warning-interactive,.db-bg-warning-strong{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-bg-warning-transparent-full,.db-bg-warning-transparent-semi{color:var(--db-warning-on-bg-enabled);background-color:color-mix(in srgb,transparent var(--db-bg-transparent,100%),var(--db-current-base-color))}.db-bg-warning-transparent-semi{background-color:color-mix(in srgb,transparent var(--db-bg-transparent,92%),var(--db-current-base-color))}.db-bg-warning-interactive:enabled:hover{--db-bg-transparent:84%}.db-bg-warning-interactive:enabled:active{--db-bg-transparent:68%}[data-emphasis=weak].db-bg-warning,[data-emphasis=weak].db-bg-warning-interactive,[data-emphasis=weak].db-bg-warning-strong{--db-current-color:var(--db-warning-on-bg-weak-enabled);color:var(--db-current-color)}.db-bg-warning-strong{--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-warning-bg-strong-enabled))}.db-bg-informational,.db-bg-informational-interactive,.db-bg-informational-strong,.db-bg-informational-transparent-full,.db-bg-informational-transparent-semi{--db-current-base-color:var(--db-informational-text-enabled);--db-current-color:var(--db-informational-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-informational-bg-enabled));--db-current-element-color:var(--db-informational-element-enabled);--db-current-border-color:var(--db-informational-border-enabled);--db-current-border-weak-color:var( --db-informational-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-informational-bg-enabled))}.db-bg-informational,.db-bg-informational-interactive,.db-bg-informational-strong{background-color:var(--db-current-bg-color);color:var(--db-current-color)}.db-bg-informational-transparent-full,.db-bg-informational-transparent-semi{color:var(--db-informational-on-bg-enabled);background-color:color-mix(in srgb,transparent var(--db-bg-transparent,100%),var(--db-current-base-color))}.db-bg-informational-transparent-semi{background-color:color-mix(in srgb,transparent var(--db-bg-transparent,92%),var(--db-current-base-color))}.db-bg-informational-interactive:enabled:hover{--db-bg-transparent:84%}.db-bg-informational-interactive:enabled:active{--db-bg-transparent:68%}[data-emphasis=weak].db-bg-informational,[data-emphasis=weak].db-bg-informational-interactive,[data-emphasis=weak].db-bg-informational-strong{--db-current-color:var(--db-informational-on-bg-weak-enabled);color:var(--db-current-color)}.db-bg-informational-strong{--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-informational-bg-strong-enabled))}.db-font-size-3xl{--db-icon-font-weight:var(--db-base-icon-weight-3xl);--db-icon-font-size:var(--db-base-icon-font-size-3xl);--db-base-line-height:var(--db-type-body-line-height-3xl);--db-base-font-size:var(--db-type-body-font-size-3xl);line-height:var(--db-type-body-line-height-3xl);font-size:var(--db-type-body-font-size-3xl)}.db-font-size-2xl{--db-icon-font-weight:var(--db-base-icon-weight-2xl);--db-icon-font-size:var(--db-base-icon-font-size-2xl);--db-base-line-height:var(--db-type-body-line-height-2xl);--db-base-font-size:var(--db-type-body-font-size-2xl);line-height:var(--db-type-body-line-height-2xl);font-size:var(--db-type-body-font-size-2xl)}.db-font-size-xl{--db-icon-font-weight:var(--db-base-icon-weight-xl);--db-icon-font-size:var(--db-base-icon-font-size-xl);--db-base-line-height:var(--db-type-body-line-height-xl);--db-base-font-size:var(--db-type-body-font-size-xl);line-height:var(--db-type-body-line-height-xl);font-size:var(--db-type-body-font-size-xl)}.db-font-size-lg{--db-icon-font-weight:var(--db-base-icon-weight-lg);--db-icon-font-size:var(--db-base-icon-font-size-lg);--db-base-line-height:var(--db-type-body-line-height-lg);--db-base-font-size:var(--db-type-body-font-size-lg);line-height:var(--db-type-body-line-height-lg);font-size:var(--db-type-body-font-size-lg)}.db-font-size-md{--db-icon-font-weight:var(--db-base-icon-weight-md);--db-icon-font-size:var(--db-base-icon-font-size-md);--db-base-line-height:var(--db-type-body-line-height-md);--db-base-font-size:var(--db-type-body-font-size-md);line-height:var(--db-type-body-line-height-md);font-size:var(--db-type-body-font-size-md)}.db-font-size-sm{--db-icon-font-weight:var(--db-base-icon-weight-sm);--db-icon-font-size:var(--db-base-icon-font-size-sm);--db-base-line-height:var(--db-type-body-line-height-sm);--db-base-font-size:var(--db-type-body-font-size-sm);line-height:var(--db-type-body-line-height-sm);font-size:var(--db-type-body-font-size-sm)}.db-font-size-xs{--db-icon-font-weight:var(--db-base-icon-weight-xs);--db-icon-font-size:var(--db-base-icon-font-size-xs);--db-base-line-height:var(--db-type-body-line-height-xs);--db-base-font-size:var(--db-type-body-font-size-xs);line-height:var(--db-type-body-line-height-xs);font-size:var(--db-type-body-font-size-xs)}.db-font-size-2xs{--db-icon-font-weight:var(--db-base-icon-weight-2xs);--db-icon-font-size:var(--db-base-icon-font-size-2xs);--db-base-line-height:var(--db-type-body-line-height-2xs);--db-base-font-size:var(--db-type-body-font-size-2xs);line-height:var(--db-type-body-line-height-2xs);font-size:var(--db-type-body-font-size-2xs)}.db-font-size-3xs{--db-icon-font-weight:var(--db-base-icon-weight-3xs);--db-icon-font-size:var(--db-base-icon-font-size-3xs);--db-base-line-height:var(--db-type-body-line-height-3xs);--db-base-font-size:var(--db-type-body-font-size-3xs);line-height:var(--db-type-body-line-height-3xs);font-size:var(--db-type-body-font-size-3xs)}body{-webkit-padding-after:var(--db-spacing-fixed-lg);padding-block-end:var(--db-spacing-fixed-lg)}.db-main{scroll-behavior:smooth}#__next,#__next>div{height:inherit}db-mainnavigation{margin:auto}github-version-switcher{margin:auto 16px}iframe{width:100%;height:calc(100% - 8px)!important}.example-list dd{-webkit-margin-after:var(--db-spacing-fixed-md);margin-block-end:var(--db-spacing-fixed-md);max-width:500px}.code-pre-wrap{white-space:pre-wrap}.iframe-component-container{display:flex;flex-direction:column}.iframe-component-container .flex{display:flex;gap:var(--db-spacing-fixed-sm)}.iframe-component-container .flex[data-variant=column]{flex-direction:column}.base-64-container{display:grid;padding:var(--db-spacing-fixed-md);grid-gap:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md)}.base-64-container span{word-break:break-all}.noh1 h1{display:none}.is-properties{height:100%;overflow:auto}.is-properties h1,.is-properties h2{display:none}table{width:100%;border-collapse:collapse}table td,table th{border:1px solid var(--db-neutral-border-weak-enabled);padding:var(--db-spacing-fixed-md);max-width:33vw}table th{padding-inline:var(--db-spacing-fixed-md)}.version-switcher{max-width:var(--db-sizing-3xl)}div[class^=ch-] div,div[class^=ch-] span{color:#fff}.ch-frame-buttons{display:none!important}.db-section[data-size=none]{-webkit-padding-after:var(--db-spacing-fixed-xl);padding-block-end:var(--db-spacing-fixed-xl)}.color-overview-container,.example-container,.icons-filter-container,.icons-overview-container{--columns:1;display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));grid-gap:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md)}@media screen and (min-width:45em){.color-overview-container:not([data-force-mobile]),.example-container:not([data-force-mobile]),.icons-filter-container:not([data-force-mobile]),.icons-overview-container:not([data-force-mobile]),[data-force-mobile=false].color-overview-container,[data-force-mobile=false].example-container,[data-force-mobile=false].icons-filter-container,[data-force-mobile=false].icons-overview-container{--columns:3}}.icons-overview-container{--columns:2;padding:var(--db-spacing-fixed-md)}@media screen and (min-width:45em){.icons-overview-container:not([data-force-mobile]),.icons-overview-container[data-force-mobile=false]{--columns:7}}.icons-overview-container>.db-card{justify-content:center;align-items:center}.icons-overview-container>.db-card .db-infotext{word-break:break-word}.color-overview-container,.color-overview-container>div{padding:var(--db-spacing-fixed-md)}.color-overview-container>div{display:flex;justify-content:center;align-items:center;border:1px solid #000}.tonality-example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md)}.tonality-example-grid .db-card{gap:var(--db-spacing-fixed-sm)}.tonality-example-page{display:flex;flex-direction:column;gap:var(--db-spacing-fixed-md)}.tonality-example-page .tonality-example-page-regular{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md)}.tonality-example-page .tonality-example-page-functional{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md)}.example-container p{margin:0}.example-container .example-item .example-sizing .sizing,.example-container .example-item .example-spacing-fixed .gap1,.example-container .example-item .example-spacing-fixed .gap2,.example-container .example-item .example-spacing-responsive .margin1,.example-container .example-item .example-spacing-responsive .margin2{height:100%;display:flex;justify-content:center;position:absolute;align-items:center}.example-container .example-item{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--db-spacing-fixed-md)}.example-container .example-item .example-spacing-fixed,.example-container .example-item .example-spacing-responsive{border:1px solid #000}.example-container .example-item .example-spacing-fixed>div,.example-container .example-item .example-spacing-responsive>div{display:flex;border:1px solid var(--db-informational-text-enabled);position:relative}.example-container .example-item .example-spacing-fixed>div{gap:var(--db-spacing-fixed-xl)}.example-container .example-item .example-spacing-fixed .gap1,.example-container .example-item .example-spacing-fixed .gap2{width:var(--db-spacing-fixed-xl)}.example-container .example-item .example-spacing-fixed .gap1{left:calc(var(--db-base-line-height)*var(--db-base-font-size))}.example-container .example-item .example-spacing-fixed .gap2{right:calc(var(--db-base-line-height)*var(--db-base-font-size))}.example-container .example-item .example-spacing-responsive>div{margin-inline:var(--db-spacing-responsive-sm)}.example-container .example-item .example-spacing-responsive .margin1,.example-container .example-item .example-spacing-responsive .margin2{width:var(--db-spacing-responsive-sm)}.example-container .example-item .example-spacing-responsive .margin1{left:calc(-1*var(--db-spacing-responsive-sm))}.example-container .example-item .example-spacing-responsive .margin2{right:calc(-1*var(--db-spacing-responsive-sm))}.example-container .example-item .example-sizing>div{display:flex;gap:var(--db-spacing-fixed-md)}.example-container .example-item .example-sizing .sizing{position:unset;block-size:var(--db-sizing-md);inline-size:var(--db-sizing-md)}.color-schemes-container{padding:var(--db-spacing-fixed-md);border:1px dashed var(--db-current-color);display:grid;grid-gap:var(--db-spacing-fixed-md);gap:var(--db-spacing-fixed-md);grid-template-columns:repeat(2,minmax(0,1fr))}.color-schemes-container .db-button{grid-column:span 2/span 2}.color-schemes-container .db-tag{-webkit-margin-start:auto;margin-inline-start:auto}.color-schemes-container section{padding:var(--db-spacing-fixed-md)}h1 a:is(.header-link),h2 a:is(.header-link),h3 a:is(.header-link),h4 a:is(.header-link),h5 a:is(.header-link),h6 a:is(.header-link){display:inline-block;margin-block:auto;-webkit-margin-start:var(--db-spacing-fixed-xs);margin-inline-start:var(--db-spacing-fixed-xs);visibility:hidden;text-decoration:none;font-size:0}h1:hover a:is(.header-link),h2:hover a:is(.header-link),h3:hover a:is(.header-link),h4:hover a:is(.header-link),h5:hover a:is(.header-link),h6:hover a:is(.header-link){visibility:visible}.db-code-docs{min-block-size:var(--db-sizing-3xl);align-items:center;justify-content:center;padding:var(--db-spacing-fixed-xl);-webkit-margin-after:calc(var(--db-spacing-fixed-xl) + var(--db-sizing-sm));margin-block-end:calc(var(--db-spacing-fixed-xl) + var(--db-sizing-sm));position:relative}.db-code-docs .code-details{display:flex}.db-code-docs .code-details[open]{inset-inline-start:0;inset-block-start:0}.db-code-docs .code-details .code-button{position:absolute;inset-block-end:calc(-1*(var(--db-spacing-fixed-sm) + var(--db-sizing-sm)));inset-inline-end:var(--db-spacing-fixed-sm);z-index:1;cursor:pointer}.db-code-docs .code-details .code-button::-webkit-details-marker{display:none}.db-code-docs .code-details .no-code{margin:auto}.db-code-docs .code-details .backdrop{border-radius:var(--db-border-radius-lg);position:absolute;inset:0}.db-code-docs .code-details .code{overflow:auto;position:absolute;inset:0;z-index:1;margin:var(--db-spacing-fixed-md);display:flex;flex-direction:column;gap:var(--db-spacing-fixed-sm)}.db-code-docs .code-details .code .tab-container{position:relative}.db-code-docs .code-details .code .tab-container .copy-button{position:absolute;inset-inline-end:var(--db-spacing-fixed-sm);inset-block-start:var(--db-spacing-fixed-sm)}pre:has(.hljs):not(:has(.language-shell)),pre:has(.hljs):not(:has(.language-shell)) .hljs{--db-current-base-color:var(--db-neutral-text-enabled);--db-current-color:var(--db-neutral-on-bg-enabled);--db-current-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-neutral-bg-enabled));--db-current-element-color:var(--db-neutral-element-enabled);--db-current-border-color:var(--db-neutral-border-enabled);--db-current-border-weak-color:var( --db-neutral-border-weak-enabled );--db-focus-box-shadow-bg-color:color-mix(in srgb,transparent var(--db-bg-transparent,0%),var(--db-neutral-bg-enabled))}pre:has(.hljs):not(:has(.language-shell)),pre:has(.hljs):not(:has(.language-shell)) .hljs{color:var(--db-neutral-on-bg-enabled);background-color:color-mix(in srgb,transparent var(--db-bg-transparent,100%),var(--db-current-base-color))}.hljs-attribute,.hljs-doctag,.hljs-keyword,.hljs-literal,.hljs-meta .hljs-keyword,.hljs-meta .hljs-string,.hljs-number,.hljs-operator,.hljs-regexp,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-string,.hljs-template-tag,.hljs-template-variable,.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_,.hljs-type,.hljs-variable,.hljs-variable.language_{color:var(--db-successful-text-enabled)}.hljs-built_in,.hljs-symbol{color:var(--db-warning-text-enabled)}.hljs-attr{color:var(--db-informational-text-enabled)}.hljs-code,.hljs-comment,.hljs-formula,.hljs-meta{color:var(--db-current-color)}.hljs-name,.hljs-tag{color:var(--db-warning-text-enabled)}.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:var(--db-successful-text-enabled)}.hljs-subst{color:var(--db-neutral-bg-enabled)}.hljs-section{color:var(--db-informational-text-enabled);font-weight:700}.hljs-bullet{color:var(--db-warning-text-enabled)}.hljs-emphasis{font-style:italic}.hljs-emphasis,.hljs-strong{color:var(--db-current-color)}.hljs-strong{font-weight:700}.hljs-addition{color:var(--db-successful-text-enabled)}.hljs-addition,.hljs-deletion{background-color:var(--db-neutral-text-enabled)}.hljs-deletion{color:var(--db-critical-text-enabled)}.desktop-navigation ul{list-style-type:none;display:flex}.default-container{display:flex;flex-direction:column;gap:var(--db-spacing-fixed-md);padding:var(--db-spacing-fixed-md)}.variants-card,.variants-card>.db-card{min-block-size:var(--db-sizing-3xl);align-items:center;justify-content:center;padding:var(--db-spacing-fixed-xl);-webkit-padding-after:calc(var(--db-spacing-fixed-xl) + var(--db-sizing-sm));padding-block-end:calc(var(--db-spacing-fixed-xl) + var(--db-sizing-sm));position:relative}.variants-list{flex-wrap:wrap;inline-size:100%;justify-content:center}.variants-list,.variants-list>div{display:flex;gap:var(--db-spacing-fixed-md)}.variants-list>div{align-items:center}.variants-list .db-select,.w-full{inline-size:100%}.variants-list .db-input,.variants-list .db-select,.variants-list .db-textarea{-webkit-margin-before:auto;margin-block-start:auto}.variants-list .db-input:has([placeholder="(Default) Basic"]),.variants-list .db-select:has([placeholder="(Default) Basic"]),.variants-list .db-textarea:has([placeholder="(Default) Basic"]){-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:auto;margin-block-end:auto}.html-code-container{display:flex;flex-direction:column;gap:var(--db-spacing-fixed-md)}.example-name{margin-block:0 var(--db-spacing-fixed-md)}.link-headline{display:block;margin-block:var(--db-spacing-fixed-md);font-weight:700}.form-container{display:flex;gap:var(--db-spacing-fixed-md);margin:var(--db-spacing-fixed-md)}.form-container fieldset{padding:0;border-color:transparent}.form-container>div{flex-direction:column;inline-size:50%}.button-container,.input-container{display:flex;gap:var(--db-spacing-fixed-md);padding:var(--db-spacing-fixed-md)}.input-container{flex-wrap:wrap}.input-container>form{display:flex;flex-wrap:wrap;gap:var(--db-spacing-fixed-md)}.badge-inline-container{display:flex;gap:var(--db-spacing-fixed-sm);padding:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-sm)}.badge-inline-container .db-badge{-webkit-margin-start:var(--db-spacing-responsive-md);margin-inline-start:var(--db-spacing-responsive-md);margin-block:auto}.fixed-header-footer{overflow:hidden}.tab-hide-article article{display:none!important}.db-page.fixed-header-footer main{overflow-x:hidden} \ No newline at end of file diff --git a/review/main/base64.html b/review/main/base64.html index ea0c0c4b8fb..16968775357 100644 --- a/review/main/base64.html +++ b/review/main/base64.html @@ -1 +1 @@ -DB UI Mono
    Open IFrame
    \ No newline at end of file +DB UI Mono
    Open IFrame
    \ No newline at end of file diff --git a/review/main/components/accordion-item.html b/review/main/components/accordion-item.html index b5982b8b7f6..65bc940300b 100644 --- a/review/main/components/accordion-item.html +++ b/review/main/components/accordion-item.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/accordion-item/code/ContentStates.html b/review/main/components/accordion-item/code/ContentStates.html index 4775b27f324..66e93ca93d1 100644 --- a/review/main/components/accordion-item/code/ContentStates.html +++ b/review/main/components/accordion-item/code/ContentStates.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-accordion-item headline="(Default) Collapsed">
+DB UI Mono
    <db-accordion-item headline="(Default) Collapsed">
   (Default) Collapsed
 </db-accordion-item>
    undefined
    <DBAccordionItem headline="(Default) Collapsed">
   (Default) Collapsed
@@ -6,4 +6,4 @@
   (Default) Collapsed
 </DBAccordionItem>
    <db-accordion-item headline="Open" [open]="true">Open</db-accordion-item>
    undefined
    <DBAccordionItem headline="Open" open>
   Open
-</DBAccordionItem>
    <DBAccordionItem headline="Open" :open="true">Open</DBAccordionItem>
    
\ No newline at end of file
+</DBAccordionItem>
    <DBAccordionItem headline="Open" :open="true">Open</DBAccordionItem>
    \ No newline at end of file diff --git a/review/main/components/accordion-item/code/InteractionStates.html b/review/main/components/accordion-item/code/InteractionStates.html index 153a44db1a8..948e1b8cd6d 100644 --- a/review/main/components/accordion-item/code/InteractionStates.html +++ b/review/main/components/accordion-item/code/InteractionStates.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-accordion-item headline="Enabled (Default)/Hover/Pressed">
+DB UI Mono
    <db-accordion-item headline="Enabled (Default)/Hover/Pressed">
   Enabled (Default)/Hover/Pressed
 </db-accordion-item>
    undefined
    <DBAccordionItem headline="Enabled (Default)/Hover/Pressed">
   Enabled (Default)/Hover/Pressed
@@ -6,4 +6,4 @@
   Enabled (Default)/Hover/Pressed
 </DBAccordionItem>
    <db-accordion-item headline="Disabled" [disabled]="true">Disabled</db-accordion-item>
    undefined
    <DBAccordionItem headline="Disabled" disabled>
   Disabled
-</DBAccordionItem>
    <DBAccordionItem headline="Disabled" :disabled="true">Disabled</DBAccordionItem>
    
\ No newline at end of file
+</DBAccordionItem>
    <DBAccordionItem headline="Disabled" :disabled="true">Disabled</DBAccordionItem>
    \ No newline at end of file diff --git a/review/main/components/accordion-item/code/Tonality.html b/review/main/components/accordion-item/code/Tonality.html index 807c8e87e2d..131d8d3dd17 100644 --- a/review/main/components/accordion-item/code/Tonality.html +++ b/review/main/components/accordion-item/code/Tonality.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-accordion-item headline="Functional">Functional</db-accordion-item>
    <details id="OVERWRITE_DEFAULT_ID" class="db-accordion-item">
+DB UI Mono
    <db-accordion-item headline="Functional">Functional</db-accordion-item>
    <details id="OVERWRITE_DEFAULT_ID" class="db-accordion-item">
   <summary>Functional</summary>
   <div>Functional</div>
 </details>
    <DBAccordionItem headline="Functional">Functional</DBAccordionItem>
    <DBAccordionItem headline="Functional">Functional</DBAccordionItem>
    <db-accordion-item headline="(Default) Regular">
@@ -13,4 +13,4 @@
 </DBAccordionItem>
    <db-accordion-item headline="Expressive">Expressive</db-accordion-item>
    <details id="OVERWRITE_DEFAULT_ID" class="db-accordion-item">
   <summary>Expressive</summary>
   <div>Expressive</div>
-</details>
    <DBAccordionItem headline="Expressive">Expressive</DBAccordionItem>
    <DBAccordionItem headline="Expressive">Expressive</DBAccordionItem>
    
\ No newline at end of file
+</details>
    <DBAccordionItem headline="Expressive">Expressive</DBAccordionItem>
    <DBAccordionItem headline="Expressive">Expressive</DBAccordionItem>
    \ No newline at end of file diff --git a/review/main/components/accordion-item/docs/Angular.html b/review/main/components/accordion-item/docs/Angular.html index 9991d7f7187..ee2c671e8d5 100644 --- a/review/main/components/accordion-item/docs/Angular.html +++ b/review/main/components/accordion-item/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration look at the ngx-components package.

    Load componentload-component anchor link

    // app.component.ts
@@ -22,4 +22,4 @@ 
    With Content ProjectionWith attributeswith-attributes anchor link
    
 
    <!-- app.component.html -->
 <db-accordion-item title="Title" content="Content"></db-accordion-item>
-
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/accordion-item/docs/HTML.html b/review/main/components/accordion-item/docs/HTML.html index b83d27d7251..89441a7ec90 100644 --- a/review/main/components/accordion-item/docs/HTML.html +++ b/review/main/components/accordion-item/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -9,4 +9,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/accordion-item/docs/HTML","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/accordion-item/docs/Migration.html b/review/main/components/accordion-item/docs/Migration.html index 97c50dc6baf..312961da4ab 100644 --- a/review/main/components/accordion-item/docs/Migration.html +++ b/review/main/components/accordion-item/docs/Migration.html @@ -1,4 +1,4 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    @@ -7,4 +7,4 @@

    DB UI Core ➡ DB UI Componentsclassclass anchor link

    BeforeStatusAfterDescription
    cmp-accordion🔁db-accordion-itemThe old accordion was just 1 item, we split it to combine multiple accordion-items into 1 accordion (which is another component)

    propsprops anchor link

    -
    BeforeStatusAfterDescription
    summary🔁titleThe title/summary of the details element.
    emphasis❌❌There is no emphasis anymore.
    size❌❌Controlled by the tonality.
    🆕disabledDisable the component.
    🆕contentPass in a simple string as fallback to normal children/slot
    🆕slotTitlePass in a custom title (only required for React)
    \ No newline at end of file +
    BeforeStatusAfterDescription
    summary🔁titleThe title/summary of the details element.
    emphasis❌❌There is no emphasis anymore.
    size❌❌Controlled by the tonality.
    🆕disabledDisable the component.
    🆕contentPass in a simple string as fallback to normal children/slot
    🆕slotTitlePass in a custom title (only required for React)
    \ No newline at end of file diff --git a/review/main/components/accordion-item/docs/React.html b/review/main/components/accordion-item/docs/React.html index ceba57ab227..e0408ec7fd7 100644 --- a/review/main/components/accordion-item/docs/React.html +++ b/review/main/components/accordion-item/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration look at the react-components package.

    Use componentuse-component anchor link

    With Slotswith-slots anchor link

    @@ -14,4 +14,4 @@

    With attributes{"props":{"pageProps":{}},"page":"/components/accordion-item/docs/React","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ No newline at end of file diff --git a/review/main/components/accordion-item/docs/Vue.html b/review/main/components/accordion-item/docs/Vue.html index 10d562a791c..81d05dfa1fb 100644 --- a/review/main/components/accordion-item/docs/Vue.html +++ b/review/main/components/accordion-item/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration look at the v-components package.

    Use componentuse-component anchor link

    With Slotswith-slots anchor link

    @@ -23,4 +23,4 @@

    With attributes{"props":{"pageProps":{}},"page":"/components/accordion-item/docs/Vue","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ No newline at end of file diff --git a/review/main/components/accordion-item/how-to-use.html b/review/main/components/accordion-item/how-to-use.html index b68488accf0..74e3978b9be 100644 --- a/review/main/components/accordion-item/how-to-use.html +++ b/review/main/components/accordion-item/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/accordion-item/migration.html b/review/main/components/accordion-item/migration.html index ac36307ba06..c7780600a8a 100644 --- a/review/main/components/accordion-item/migration.html +++ b/review/main/components/accordion-item/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/accordion-item/overview.html b/review/main/components/accordion-item/overview.html index b5b83f56262..5ef2e1b2522 100644 --- a/review/main/components/accordion-item/overview.html +++ b/review/main/components/accordion-item/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/accordion-item/properties.html b/review/main/components/accordion-item/properties.html index 279a0a03477..7332e06c719 100644 --- a/review/main/components/accordion-item/properties.html +++ b/review/main/components/accordion-item/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/accordion.html b/review/main/components/accordion.html index b3cf277588b..07cd44552bf 100644 --- a/review/main/components/accordion.html +++ b/review/main/components/accordion.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/accordion/code/Behaviour.html b/review/main/components/accordion/code/Behaviour.html index 20c6d2b2168..afdba0f7993 100644 --- a/review/main/components/accordion/code/Behaviour.html +++ b/review/main/components/accordion/code/Behaviour.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-accordion>
+DB UI Mono
    <db-accordion>
   <db-accordion-item headline="Item 1" content="Content 1"></db-accordion-item>
   <db-accordion-item headline="Item 2" content="Content 2"></db-accordion-item>
   <db-accordion-item headline="Item 3" content="Content 3"></db-accordion-item>
@@ -22,4 +22,4 @@
   <DBAccordionItem headline="Item 1" content="Content 1" />
   <DBAccordionItem headline="Item 2" content="Content 2" />
   <DBAccordionItem headline="Item 3" content="Content 3" />
-</DBAccordion>
    
\ No newline at end of file
+</DBAccordion>
    \ No newline at end of file diff --git a/review/main/components/accordion/code/Tonality.html b/review/main/components/accordion/code/Tonality.html index 7313c4e17ec..aa5d2b79ade 100644 --- a/review/main/components/accordion/code/Tonality.html +++ b/review/main/components/accordion/code/Tonality.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-accordion>
+DB UI Mono
    <db-accordion>
   <db-accordion-item headline="Item 1" content="Content 1"></db-accordion-item>
   <db-accordion-item headline="Item 2" content="Content 2"></db-accordion-item>
   <db-accordion-item headline="Item 3" content="Content 3"></db-accordion-item>
@@ -34,4 +34,4 @@
   <DBAccordionItem headline="Item 1" content="Content 1" />
   <DBAccordionItem headline="Item 2" content="Content 2" />
   <DBAccordionItem headline="Item 3" content="Content 3" />
-</DBAccordion>
    
\ No newline at end of file
+</DBAccordion>
    \ No newline at end of file diff --git a/review/main/components/accordion/code/Variant.html b/review/main/components/accordion/code/Variant.html index 7d2f8cfd1ab..312fb81b713 100644 --- a/review/main/components/accordion/code/Variant.html +++ b/review/main/components/accordion/code/Variant.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-accordion>
+DB UI Mono
    <db-accordion>
   <db-accordion-item title="Item 1" content="Content 1"></db-accordion-item>
   <db-accordion-item title="Item 2" content="Content 2"></db-accordion-item>
   <db-accordion-item title="Item 3" content="Content 3"></db-accordion-item>
@@ -22,4 +22,4 @@
   <DBAccordionItem title="Item 1" content="Content 1" />
   <DBAccordionItem title="Item 2" content="Content 2" />
   <DBAccordionItem title="Item 3" content="Content 3" />
-</DBAccordion>
    
\ No newline at end of file
+</DBAccordion>
    \ No newline at end of file diff --git a/review/main/components/accordion/docs/Angular.html b/review/main/components/accordion/docs/Angular.html index 7300bdcb073..839b9eafd2a 100644 --- a/review/main/components/accordion/docs/Angular.html +++ b/review/main/components/accordion/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration look at the ngx-components package.

    Load componentload-component anchor link

    // app.component.ts
@@ -18,4 +18,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/accordion/docs/Angular","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/accordion/docs/HTML.html b/review/main/components/accordion/docs/HTML.html index 855f0b6bfc5..a9807dfc7be 100644 --- a/review/main/components/accordion/docs/HTML.html +++ b/review/main/components/accordion/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -19,4 +19,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/accordion/docs/HTML","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/accordion/docs/Migration.html b/review/main/components/accordion/docs/Migration.html index 72e75411052..dc174349f37 100644 --- a/review/main/components/accordion/docs/Migration.html +++ b/review/main/components/accordion/docs/Migration.html @@ -1,7 +1,7 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    DB UI Core ➡ DB UI Componentsdb-ui-core--db-ui-components anchor link

    -

    New Component 🥳

    \ No newline at end of file +

    New Component 🥳

    \ No newline at end of file diff --git a/review/main/components/accordion/docs/React.html b/review/main/components/accordion/docs/React.html index 02b52c40694..8f27bc64521 100644 --- a/review/main/components/accordion/docs/React.html +++ b/review/main/components/accordion/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration look at the react-components package.

    Use componentuse-component anchor link

    // App.tsx
@@ -12,4 +12,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/accordion/docs/React","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/accordion/docs/Vue.html b/review/main/components/accordion/docs/Vue.html index 20bc9e38a02..6c47c95d863 100644 --- a/review/main/components/accordion/docs/Vue.html +++ b/review/main/components/accordion/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration look at the v-components package.

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -13,4 +13,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/accordion/docs/Vue","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/accordion/how-to-use.html b/review/main/components/accordion/how-to-use.html index 97821e77efb..e2efb9667cb 100644 --- a/review/main/components/accordion/how-to-use.html +++ b/review/main/components/accordion/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/accordion/migration.html b/review/main/components/accordion/migration.html index e0e655db898..2febc92196c 100644 --- a/review/main/components/accordion/migration.html +++ b/review/main/components/accordion/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/accordion/overview.html b/review/main/components/accordion/overview.html index 98d6186cb5b..e616cbad99a 100644 --- a/review/main/components/accordion/overview.html +++ b/review/main/components/accordion/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/accordion/properties.html b/review/main/components/accordion/properties.html index b1ca91750ee..e5df5f4c24d 100644 --- a/review/main/components/accordion/properties.html +++ b/review/main/components/accordion/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/alert.html b/review/main/components/alert.html index 2d81e68c5aa..83730547e14 100644 --- a/review/main/components/alert.html +++ b/review/main/components/alert.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/alert/code/Behaviour.html b/review/main/components/alert/code/Behaviour.html index 7a806fc2f73..c4a20336b6c 100644 --- a/review/main/components/alert/code/Behaviour.html +++ b/review/main/components/alert/code/Behaviour.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-alert type="alert" headline="Headline" [link]="{'href':'#','text':'Link'}" [click]="()=>{alert('click close button')}">Closable</db-alert>
    <div class="db-alert" data-type="alert">
+DB UI Mono
    <db-alert type="alert" headline="Headline" [link]="{'href':'#','text':'Link'}" [click]="()=>{alert('click close button')}">Closable</db-alert>
    <div class="db-alert" data-type="alert">
   <strong class="db-alert-headline">Headline</strong>
   <p class="db-alert-content">Closable</p>
   <a
@@ -46,4 +46,4 @@
   behaviour="permanent"
 >
   Permanent
-</DBAlert>
    <DBAlert type="alert" headline="Headline" :link="{'href':'#','text':'Link'}" behaviour="permanent">Permanent</DBAlert>
    
\ No newline at end of file
+</DBAlert>
    <DBAlert type="alert" headline="Headline" :link="{'href':'#','text':'Link'}" behaviour="permanent">Permanent</DBAlert>
    \ No newline at end of file diff --git a/review/main/components/alert/code/Content.html b/review/main/components/alert/code/Content.html index 7b57c496731..cfc26157239 100644 --- a/review/main/components/alert/code/Content.html +++ b/review/main/components/alert/code/Content.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-alert type="alert" icon="account" headline="Headline" [link]="{'href':'#','text':'Link'}">Headline & Text & Link & Icon</db-alert>
    <div class="db-alert" data-type="alert" data-icon="account">
+DB UI Mono
    <db-alert type="alert" icon="account" headline="Headline" [link]="{'href':'#','text':'Link'}">Headline & Text & Link & Icon</db-alert>
    <div class="db-alert" data-type="alert" data-icon="account">
   <strong class="db-alert-headline">Headline</strong>
   <p class="db-alert-content">Headline &amp Text &amp Link &amp Icon</p>
   <a
@@ -76,4 +76,4 @@
   >
     Close Button
   </button>
-</div>
    <DBAlert>Text</DBAlert>
    <DBAlert>Text</DBAlert>
    
\ No newline at end of file
+</div>
    <DBAlert>Text</DBAlert>
    <DBAlert>Text</DBAlert>
    \ No newline at end of file diff --git a/review/main/components/alert/code/Tonality.html b/review/main/components/alert/code/Tonality.html index d0ce3a38d98..a5a1e278948 100644 --- a/review/main/components/alert/code/Tonality.html +++ b/review/main/components/alert/code/Tonality.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-alert headline="Headline" [link]="{'href':'#','text':'Link'}">Functional</db-alert>
    <div class="db-alert">
+DB UI Mono
    <db-alert headline="Headline" [link]="{'href':'#','text':'Link'}">Functional</db-alert>
    <div class="db-alert">
   <strong class="db-alert-headline">Headline</strong>
   <p class="db-alert-content">Functional</p>
   <a
@@ -64,4 +64,4 @@
   </button>
 </div>
    <DBAlert headline="Headline" link={{ href: "#", text: "Link" }}>
   Expressive
-</DBAlert>
    <DBAlert headline="Headline" :link="{'href':'#','text':'Link'}">Expressive</DBAlert>
    
\ No newline at end of file
+</DBAlert>
    <DBAlert headline="Headline" :link="{'href':'#','text':'Link'}">Expressive</DBAlert>
    \ No newline at end of file diff --git a/review/main/components/alert/code/Type.html b/review/main/components/alert/code/Type.html index a45105c88fd..0ac1f91b165 100644 --- a/review/main/components/alert/code/Type.html +++ b/review/main/components/alert/code/Type.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-alert type="alert" headline="Headline" [link]="{'href':'#','text':'Link'}">(Default) Alert</db-alert>
    <div class="db-alert" data-type="alert">
+DB UI Mono
    <db-alert type="alert" headline="Headline" [link]="{'href':'#','text':'Link'}">(Default) Alert</db-alert>
    <div class="db-alert" data-type="alert">
   <strong class="db-alert-headline">Headline</strong>
   <p class="db-alert-content">(Default) Alert</p>
   <a
@@ -42,4 +42,4 @@
   </button>
 </div>
    <DBAlert type="inline" headline="Headline" link={{ href: "#", text: "Link" }}>
   Inline
-</DBAlert>
    <DBAlert type="inline" headline="Headline" :link="{'href':'#','text':'Link'}">Inline</DBAlert>
    
\ No newline at end of file
+</DBAlert>
    <DBAlert type="inline" headline="Headline" :link="{'href':'#','text':'Link'}">Inline</DBAlert>
    \ No newline at end of file diff --git a/review/main/components/alert/code/Variant.html b/review/main/components/alert/code/Variant.html index 1516fa92a25..d36393c0421 100644 --- a/review/main/components/alert/code/Variant.html +++ b/review/main/components/alert/code/Variant.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-alert type="alert" icon="account" headline="Headline" [link]="{'href':'#','text':'Link'}">(Default) Adaptive</db-alert>
    <div class="db-alert" data-type="alert" data-icon="account">
+DB UI Mono
    <db-alert type="alert" icon="account" headline="Headline" [link]="{'href':'#','text':'Link'}">(Default) Adaptive</db-alert>
    <div class="db-alert" data-type="alert" data-icon="account">
   <strong class="db-alert-headline">Headline</strong>
   <p class="db-alert-content">(Default) Adaptive</p>
   <a
@@ -160,4 +160,4 @@
   link={{ href: "#", text: "Link" }}
 >
   Warning
-</DBAlert>
    <DBAlert type="alert" variant="warning" headline="Headline" :link="{'href':'#','text':'Link'}">Warning</DBAlert>
    
\ No newline at end of file
+</DBAlert>
    <DBAlert type="alert" variant="warning" headline="Headline" :link="{'href':'#','text':'Link'}">Warning</DBAlert>
    \ No newline at end of file diff --git a/review/main/components/alert/docs/Angular.html b/review/main/components/alert/docs/Angular.html index e46182bcb2b..1c9ab429bde 100644 --- a/review/main/components/alert/docs/Angular.html +++ b/review/main/components/alert/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration take a look at the ngx-components package.

    Load componentload-component anchor link

    // app.component.ts
@@ -14,4 +14,4 @@ 
    Load componentUse componentuse-component anchor link
    
 
    <!-- app.component.html -->
 <db-alert headline="Headline">Alert</db-alert>
-
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/alert/docs/HTML.html b/review/main/components/alert/docs/HTML.html index b9bef6d684b..23a11ae57ad 100644 --- a/review/main/components/alert/docs/HTML.html +++ b/review/main/components/alert/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration take a look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -23,4 +23,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/alert/docs/HTML","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/alert/docs/Migration.html b/review/main/components/alert/docs/Migration.html index 7d493507822..d56aec1731b 100644 --- a/review/main/components/alert/docs/Migration.html +++ b/review/main/components/alert/docs/Migration.html @@ -1,4 +1,4 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    @@ -9,4 +9,4 @@

    classvariant ➡ typevariant--type anchor link

    BeforeStatusAfterDescription
    alert🔁alertDefault alert with different look
    status❌❌Status can be changed by variants
    🆕inlineNew styling with shadow and rounded corners (like card)

    type ➡ variantstype--variants anchor link

    -
    BeforeStatusAfterDescription
    🆕adaptiveDefault: change colors based on background
    error🔁critical'Red' colored alert to show error messages
    informative🔁informational'Blue' colored alert to show information messages
    warning🔁warning'Yellow' colored alert to show warning messages
    success🔁successful'Green' colored alert to show success messages
    \ No newline at end of file +
    BeforeStatusAfterDescription
    🆕adaptiveDefault: change colors based on background
    error🔁critical'Red' colored alert to show error messages
    informative🔁informational'Blue' colored alert to show information messages
    warning🔁warning'Yellow' colored alert to show warning messages
    success🔁successful'Green' colored alert to show success messages
    \ No newline at end of file diff --git a/review/main/components/alert/docs/React.html b/review/main/components/alert/docs/React.html index 13dc8d1b6d1..74f413dd833 100644 --- a/review/main/components/alert/docs/React.html +++ b/review/main/components/alert/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration take a look at the react-components package.

    Use componentuse-component anchor link

    // App.tsx
@@ -7,4 +7,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/alert/docs/React","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/alert/docs/Vue.html b/review/main/components/alert/docs/Vue.html index f105a0f9302..bdd6b65827e 100644 --- a/review/main/components/alert/docs/Vue.html +++ b/review/main/components/alert/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration take a look at the v-components package.

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -9,4 +9,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/alert/docs/Vue","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/alert/how-to-use.html b/review/main/components/alert/how-to-use.html index 07c0c163ed1..a0798a44223 100644 --- a/review/main/components/alert/how-to-use.html +++ b/review/main/components/alert/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/alert/migration.html b/review/main/components/alert/migration.html index ccd7fed39dd..7797a3af6a7 100644 --- a/review/main/components/alert/migration.html +++ b/review/main/components/alert/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/alert/overview.html b/review/main/components/alert/overview.html index b59cdf64277..306f31126be 100644 --- a/review/main/components/alert/overview.html +++ b/review/main/components/alert/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/alert/properties.html b/review/main/components/alert/properties.html index 183a3f90895..a1ad4250d63 100644 --- a/review/main/components/alert/properties.html +++ b/review/main/components/alert/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/badge.html b/review/main/components/badge.html index bcb10c710b6..02c6b3bd899 100644 --- a/review/main/components/badge.html +++ b/review/main/components/badge.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/badge/code/Content.html b/review/main/components/badge/code/Content.html index ddcdd8650cb..b47664768a8 100644 --- a/review/main/components/badge/code/Content.html +++ b/review/main/components/badge/code/Content.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-badge>(Default) Text</db-badge>
    <span class="db-badge">(Default) Text</span>
    <DBBadge>(Default) Text</DBBadge>
    <DBBadge>(Default) Text</DBBadge>
    <db-badge size="medium">(Default) Text - Medium</db-badge>
    <span class="db-badge" data-size="medium">
+DB UI Mono
    <db-badge>(Default) Text</db-badge>
    <span class="db-badge">(Default) Text</span>
    <DBBadge>(Default) Text</DBBadge>
    <DBBadge>(Default) Text</DBBadge>
    <db-badge size="medium">(Default) Text - Medium</db-badge>
    <span class="db-badge" data-size="medium">
   (Default) Text - Medium
 </span>
    <DBBadge size="medium">(Default) Text - Medium</DBBadge>
    <DBBadge size="medium">(Default) Text - Medium</DBBadge>
    <db-badge [noContent]="true">Dot - Small</db-badge>
    <span class="db-badge">Dot - Small</span>
    <DBBadge noContent>Dot - Small</DBBadge>
    <DBBadge :noContent="true">Dot - Small</DBBadge>
    <db-badge [noContent]="true" size="medium">Dot - Medium</db-badge>
    <span class="db-badge" data-size="medium">
   Dot - Medium
@@ -12,4 +12,4 @@
   Icon - Medium
 </DBBadge>
    <DBBadge example="icon" size="medium">
   Icon - Medium
-</DBBadge>
    
\ No newline at end of file
+</DBBadge>
    \ No newline at end of file diff --git a/review/main/components/badge/code/Emphasis.html b/review/main/components/badge/code/Emphasis.html index ac0265d7ee2..85f4735641c 100644 --- a/review/main/components/badge/code/Emphasis.html +++ b/review/main/components/badge/code/Emphasis.html @@ -1,3 +1,3 @@ -DB UI Mono
    <db-badge>(Default) Weak</db-badge>
    <span class="db-badge">(Default) Weak</span>
    <DBBadge>(Default) Weak</DBBadge>
    <DBBadge>(Default) Weak</DBBadge>
    <db-badge emphasis="strong">Strong</db-badge>
    <span class="db-badge" data-emphasis="strong">
+DB UI Mono
    <db-badge>(Default) Weak</db-badge>
    <span class="db-badge">(Default) Weak</span>
    <DBBadge>(Default) Weak</DBBadge>
    <DBBadge>(Default) Weak</DBBadge>
    <db-badge emphasis="strong">Strong</db-badge>
    <span class="db-badge" data-emphasis="strong">
   Strong
-</span>
    <DBBadge emphasis="strong">Strong</DBBadge>
    <DBBadge emphasis="strong">Strong</DBBadge>
    
\ No newline at end of file
+</span>
    <DBBadge emphasis="strong">Strong</DBBadge>
    <DBBadge emphasis="strong">Strong</DBBadge>
    \ No newline at end of file diff --git a/review/main/components/badge/code/Examples.html b/review/main/components/badge/code/Examples.html index 6927e7e9b70..36e4c3a5583 100644 --- a/review/main/components/badge/code/Examples.html +++ b/review/main/components/badge/code/Examples.html @@ -1 +1 @@ -DB UI Mono
    <db-badge example="number">Numbers</db-badge>
    <span class="db-badge">Numbers</span>
    <DBBadge example="number">Numbers</DBBadge>
    <DBBadge example="number">Numbers</DBBadge>
    \ No newline at end of file +DB UI Mono
    <db-badge example="number">Numbers</db-badge>
    <span class="db-badge">Numbers</span>
    <DBBadge example="number">Numbers</DBBadge>
    <DBBadge example="number">Numbers</DBBadge>
    \ No newline at end of file diff --git a/review/main/components/badge/code/Placement.html b/review/main/components/badge/code/Placement.html index 2949bba76de..0c45047bac6 100644 --- a/review/main/components/badge/code/Placement.html +++ b/review/main/components/badge/code/Placement.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-badge placement="inline">(Default) Inline</db-badge>
    <span class="db-badge" data-placement="inline">
+DB UI Mono
    <db-badge placement="inline">(Default) Inline</db-badge>
    <span class="db-badge" data-placement="inline">
   (Default) Inline
 </span>
    <DBBadge placement="inline">(Default) Inline</DBBadge>
    <DBBadge placement="inline">(Default) Inline</DBBadge>
    <db-badge placement="corner-top-left">Corner - Top - Left</db-badge>
    <span class="db-badge" data-placement="corner-top-left">
   Corner - Top - Left
@@ -12,4 +12,4 @@
   Corner - Center - Right
 </span>
    <DBBadge placement="corner-center-right">Corner - Center - Right</DBBadge>
    <DBBadge placement="corner-center-right">Corner - Center - Right</DBBadge>
    <db-badge placement="corner-bottom-right">Corner - Bottom- Right</db-badge>
    <span class="db-badge" data-placement="corner-bottom-right">
   Corner - Bottom- Right
-</span>
    <DBBadge placement="corner-bottom-right">Corner - Bottom- Right</DBBadge>
    <DBBadge placement="corner-bottom-right">Corner - Bottom- Right</DBBadge>
    
\ No newline at end of file
+</span>
    <DBBadge placement="corner-bottom-right">Corner - Bottom- Right</DBBadge>
    <DBBadge placement="corner-bottom-right">Corner - Bottom- Right</DBBadge>
    \ No newline at end of file diff --git a/review/main/components/badge/code/Semantic.html b/review/main/components/badge/code/Semantic.html index 8c71f172a89..38aec0c6756 100644 --- a/review/main/components/badge/code/Semantic.html +++ b/review/main/components/badge/code/Semantic.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-badge>(Default) Adaptive</db-badge>
    <span class="db-badge">(Default) Adaptive</span>
    <DBBadge>(Default) Adaptive</DBBadge>
    <DBBadge>(Default) Adaptive</DBBadge>
    <db-badge variant="neutral">Neutral</db-badge>
    <span class="db-badge" data-variant="neutral">
+DB UI Mono
    <db-badge>(Default) Adaptive</db-badge>
    <span class="db-badge">(Default) Adaptive</span>
    <DBBadge>(Default) Adaptive</DBBadge>
    <DBBadge>(Default) Adaptive</DBBadge>
    <db-badge variant="neutral">Neutral</db-badge>
    <span class="db-badge" data-variant="neutral">
   Neutral
 </span>
    <DBBadge variant="neutral">Neutral</DBBadge>
    <DBBadge variant="neutral">Neutral</DBBadge>
    <db-badge variant="critical">Critical</db-badge>
    <span class="db-badge" data-variant="critical">
   Critical
@@ -50,4 +50,4 @@
   Warning Strong
 </DBBadge>
    <DBBadge variant="warning" emphasis="strong">
   Warning Strong
-</DBBadge>
    
\ No newline at end of file
+</DBBadge>
    \ No newline at end of file diff --git a/review/main/components/badge/code/Size.html b/review/main/components/badge/code/Size.html index d958599ecac..ba3d619f99e 100644 --- a/review/main/components/badge/code/Size.html +++ b/review/main/components/badge/code/Size.html @@ -1,3 +1,3 @@ -DB UI Mono
    <db-badge>(Default) Small</db-badge>
    <span class="db-badge">(Default) Small</span>
    <DBBadge>(Default) Small</DBBadge>
    <DBBadge>(Default) Small</DBBadge>
    <db-badge size="medium">Medium</db-badge>
    <span class="db-badge" data-size="medium">
+DB UI Mono
    <db-badge>(Default) Small</db-badge>
    <span class="db-badge">(Default) Small</span>
    <DBBadge>(Default) Small</DBBadge>
    <DBBadge>(Default) Small</DBBadge>
    <db-badge size="medium">Medium</db-badge>
    <span class="db-badge" data-size="medium">
   Medium
-</span>
    <DBBadge size="medium">Medium</DBBadge>
    <DBBadge size="medium">Medium</DBBadge>
    
\ No newline at end of file
+</span>
    <DBBadge size="medium">Medium</DBBadge>
    <DBBadge size="medium">Medium</DBBadge>
    \ No newline at end of file diff --git a/review/main/components/badge/code/Tonality.html b/review/main/components/badge/code/Tonality.html index 40a2e597e03..99496cd1af8 100644 --- a/review/main/components/badge/code/Tonality.html +++ b/review/main/components/badge/code/Tonality.html @@ -1 +1 @@ -DB UI Mono
    <db-badge>Functional</db-badge>
    <span class="db-badge">Functional</span>
    <DBBadge>Functional</DBBadge>
    <DBBadge>Functional</DBBadge>
    <db-badge>(Default) Regular</db-badge>
    <span class="db-badge">(Default) Regular</span>
    <DBBadge>(Default) Regular</DBBadge>
    <DBBadge>(Default) Regular</DBBadge>
    <db-badge>Expressive</db-badge>
    <span class="db-badge">Expressive</span>
    <DBBadge>Expressive</DBBadge>
    <DBBadge>Expressive</DBBadge>
    \ No newline at end of file +DB UI Mono
    <db-badge>Functional</db-badge>
    <span class="db-badge">Functional</span>
    <DBBadge>Functional</DBBadge>
    <DBBadge>Functional</DBBadge>
    <db-badge>(Default) Regular</db-badge>
    <span class="db-badge">(Default) Regular</span>
    <DBBadge>(Default) Regular</DBBadge>
    <DBBadge>(Default) Regular</DBBadge>
    <db-badge>Expressive</db-badge>
    <span class="db-badge">Expressive</span>
    <DBBadge>Expressive</DBBadge>
    <DBBadge>Expressive</DBBadge>
    \ No newline at end of file diff --git a/review/main/components/badge/docs/Angular.html b/review/main/components/badge/docs/Angular.html index 26849b2b797..92c639084d5 100644 --- a/review/main/components/badge/docs/Angular.html +++ b/review/main/components/badge/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration take a look at the ngx-components package.

    Load componentload-component anchor link

    // app.component.ts
@@ -14,4 +14,4 @@ 
    Load componentUse componentuse-component anchor link
    
 
    <!-- app.component.html -->
 <db-badge>Badge</db-badge>
-
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/badge/docs/HTML.html b/review/main/components/badge/docs/HTML.html index b5f50c48e5f..afca2403cb0 100644 --- a/review/main/components/badge/docs/HTML.html +++ b/review/main/components/badge/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration take a look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -6,4 +6,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/badge/docs/HTML","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/badge/docs/Migration.html b/review/main/components/badge/docs/Migration.html index 3b366958d64..9cc1e3e0c38 100644 --- a/review/main/components/badge/docs/Migration.html +++ b/review/main/components/badge/docs/Migration.html @@ -1,7 +1,7 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    DB UI Core ➡ DB UI Componentsdb-ui-core--db-ui-components anchor link

    -

    New Component 🥳

    \ No newline at end of file +

    New Component 🥳

    \ No newline at end of file diff --git a/review/main/components/badge/docs/React.html b/review/main/components/badge/docs/React.html index 097483c82e2..7b79fa89266 100644 --- a/review/main/components/badge/docs/React.html +++ b/review/main/components/badge/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration take a look at the react-components package.

    Use componentuse-component anchor link

    // App.tsx
@@ -7,4 +7,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/badge/docs/React","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/badge/docs/Vue.html b/review/main/components/badge/docs/Vue.html index 7d1b679ffda..f79b8e050c4 100644 --- a/review/main/components/badge/docs/Vue.html +++ b/review/main/components/badge/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration take a look at the v-components package.

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -9,4 +9,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/badge/docs/Vue","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/badge/how-to-use.html b/review/main/components/badge/how-to-use.html index 84c2e0e98d3..6f5452d5b23 100644 --- a/review/main/components/badge/how-to-use.html +++ b/review/main/components/badge/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/badge/migration.html b/review/main/components/badge/migration.html index 36aceb0a3f1..1986a263dc0 100644 --- a/review/main/components/badge/migration.html +++ b/review/main/components/badge/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/badge/overview.html b/review/main/components/badge/overview.html index e83942cb06a..05a4ee4e7e9 100644 --- a/review/main/components/badge/overview.html +++ b/review/main/components/badge/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/badge/properties.html b/review/main/components/badge/properties.html index ec40ed7ed6c..bfa8c5142c5 100644 --- a/review/main/components/badge/properties.html +++ b/review/main/components/badge/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/brand.html b/review/main/components/brand.html index 6372eea1d02..c8a17ac4579 100644 --- a/review/main/components/brand.html +++ b/review/main/components/brand.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/brand/code/Tonality.html b/review/main/components/brand/code/Tonality.html index 88d481f6d48..ccf045b02bd 100644 --- a/review/main/components/brand/code/Tonality.html +++ b/review/main/components/brand/code/Tonality.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-brand>Functional</db-brand>
    <div class="db-brand">
+DB UI Mono
    <db-brand>Functional</db-brand>
    <div class="db-brand">
   <a href="/">
     <img
       class="db-logo"
@@ -31,4 +31,4 @@
     />
   </a>
   Expressive
-</div>
    <DBBrand>Expressive</DBBrand>
    <DBBrand>Expressive</DBBrand>
    
\ No newline at end of file
+</div>
    <DBBrand>Expressive</DBBrand>
    <DBBrand>Expressive</DBBrand>
    \ No newline at end of file diff --git a/review/main/components/brand/docs/Angular.html b/review/main/components/brand/docs/Angular.html index 0c6dd095b2f..b35ec1ae8ee 100644 --- a/review/main/components/brand/docs/Angular.html +++ b/review/main/components/brand/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration take a look at the ngx-components package.

    Load componentload-component anchor link

    // app.component.ts
@@ -14,4 +14,4 @@ 
    Load componentUse componentuse-component anchor link
    
 
    <!-- app.component.html -->
 <db-brand>Brand</db-brand>
-
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/brand/docs/HTML.html b/review/main/components/brand/docs/HTML.html index 10d8c06dba6..96a9a35f7b9 100644 --- a/review/main/components/brand/docs/HTML.html +++ b/review/main/components/brand/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration take a look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -6,4 +6,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/brand/docs/HTML","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/brand/docs/React.html b/review/main/components/brand/docs/React.html index b36fcf4f1b6..5b42f7dfa47 100644 --- a/review/main/components/brand/docs/React.html +++ b/review/main/components/brand/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration take a look at the react-components package.

    Use componentuse-component anchor link

    // App.tsx
@@ -7,4 +7,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/brand/docs/React","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/brand/docs/Vue.html b/review/main/components/brand/docs/Vue.html index dd247377d53..332af1c9b71 100644 --- a/review/main/components/brand/docs/Vue.html +++ b/review/main/components/brand/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration take a look at the v-components package.

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -9,4 +9,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/brand/docs/Vue","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/brand/how-to-use.html b/review/main/components/brand/how-to-use.html index e6a2b837985..f5f66af9fda 100644 --- a/review/main/components/brand/how-to-use.html +++ b/review/main/components/brand/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/brand/migration.html b/review/main/components/brand/migration.html index 9406061bc58..714072d8996 100644 --- a/review/main/components/brand/migration.html +++ b/review/main/components/brand/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/brand/overview.html b/review/main/components/brand/overview.html index 0fe3631cbee..2c79acf0058 100644 --- a/review/main/components/brand/overview.html +++ b/review/main/components/brand/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/brand/properties.html b/review/main/components/brand/properties.html index 946d6c928f4..e368e83c2b4 100644 --- a/review/main/components/brand/properties.html +++ b/review/main/components/brand/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/button.html b/review/main/components/button.html index 0f73ad39d84..14894554943 100644 --- a/review/main/components/button.html +++ b/review/main/components/button.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/button/code/Behaviour.html b/review/main/components/button/code/Behaviour.html index a19dcf0bb1e..de7437efc92 100644 --- a/review/main/components/button/code/Behaviour.html +++ b/review/main/components/button/code/Behaviour.html @@ -1,3 +1,3 @@ -DB UI Mono
    <db-button>(Default) Auto Width</db-button>
    <button class="db-button">(Default) Auto Width</button>
    <DBButton>(Default) Auto Width</DBButton>
    <DBButton>(Default) Auto Width</DBButton>
    <db-button width="full">Width full</db-button>
    <button class="db-button" data-width="full">
+DB UI Mono
    <db-button>(Default) Auto Width</db-button>
    <button class="db-button">(Default) Auto Width</button>
    <DBButton>(Default) Auto Width</DBButton>
    <DBButton>(Default) Auto Width</DBButton>
    <db-button width="full">Width full</db-button>
    <button class="db-button" data-width="full">
   Width full
-</button>
    <DBButton width="full">Width full</DBButton>
    <DBButton width="full">Width full</DBButton>
    
\ No newline at end of file
+</button>
    <DBButton width="full">Width full</DBButton>
    <DBButton width="full">Width full</DBButton>
    \ No newline at end of file diff --git a/review/main/components/button/code/Content.html b/review/main/components/button/code/Content.html index bc072a22490..907674f6dfd 100644 --- a/review/main/components/button/code/Content.html +++ b/review/main/components/button/code/Content.html @@ -1,7 +1,7 @@ -DB UI Mono
    <db-button>(Default) Text</db-button>
    <button class="db-button">(Default) Text</button>
    <DBButton>(Default) Text</DBButton>
    <DBButton>(Default) Text</DBButton>
    <db-button icon="account">Icon & Text</db-button>
    <button class="db-button" data-icon="account">
+DB UI Mono
    <db-button>(Default) Text</db-button>
    <button class="db-button">(Default) Text</button>
    <DBButton>(Default) Text</DBButton>
    <DBButton>(Default) Text</DBButton>
    <db-button icon="account">Icon & Text</db-button>
    <button class="db-button" data-icon="account">
   Icon &amp Text
 </button>
    <DBButton icon="account">Icon & Text</DBButton>
    <DBButton icon="account">Icon & Text</DBButton>
    <db-button icon="account" [noText]="true">Icon</db-button>
    <button class="db-button is-icon-text-replace" data-icon="account">
   Icon
 </button>
    <DBButton icon="account" noText>
   Icon
-</DBButton>
    <DBButton icon="account" :noText="true">Icon</DBButton>
    
\ No newline at end of file
+</DBButton>
    <DBButton icon="account" :noText="true">Icon</DBButton>
    \ No newline at end of file diff --git a/review/main/components/button/code/Size.html b/review/main/components/button/code/Size.html index 3e045ba3131..fc15e35dcbe 100644 --- a/review/main/components/button/code/Size.html +++ b/review/main/components/button/code/Size.html @@ -1,3 +1,3 @@ -DB UI Mono
    <db-button>(Default) Medium</db-button>
    <button class="db-button">(Default) Medium</button>
    <DBButton>(Default) Medium</DBButton>
    <DBButton>(Default) Medium</DBButton>
    <db-button size="small">Small</db-button>
    <button class="db-button" data-size="small">
+DB UI Mono
    <db-button>(Default) Medium</db-button>
    <button class="db-button">(Default) Medium</button>
    <DBButton>(Default) Medium</DBButton>
    <DBButton>(Default) Medium</DBButton>
    <db-button size="small">Small</db-button>
    <button class="db-button" data-size="small">
   Small
-</button>
    <DBButton size="small">Small</DBButton>
    <DBButton size="small">Small</DBButton>
    
\ No newline at end of file
+</button>
    <DBButton size="small">Small</DBButton>
    <DBButton size="small">Small</DBButton>
    \ No newline at end of file diff --git a/review/main/components/button/code/State.html b/review/main/components/button/code/State.html index d59ab9064bf..c40e9c90791 100644 --- a/review/main/components/button/code/State.html +++ b/review/main/components/button/code/State.html @@ -1,3 +1,3 @@ -DB UI Mono
    <db-button>(Default) Enabled</db-button>
    <button class="db-button">(Default) Enabled</button>
    <DBButton>(Default) Enabled</DBButton>
    <DBButton>(Default) Enabled</DBButton>
    <db-button [disabled]="true">Disabled</db-button>
    <button class="db-button" disabled="">
+DB UI Mono
    <db-button>(Default) Enabled</db-button>
    <button class="db-button">(Default) Enabled</button>
    <DBButton>(Default) Enabled</DBButton>
    <DBButton>(Default) Enabled</DBButton>
    <db-button [disabled]="true">Disabled</db-button>
    <button class="db-button" disabled="">
   Disabled
-</button>
    <DBButton disabled>Disabled</DBButton>
    <DBButton :disabled="true">Disabled</DBButton>
    
\ No newline at end of file
+</button>
    <DBButton disabled>Disabled</DBButton>
    <DBButton :disabled="true">Disabled</DBButton>
    \ No newline at end of file diff --git a/review/main/components/button/code/Tonality.html b/review/main/components/button/code/Tonality.html index 3ae01b8f2e8..67af9c7121c 100644 --- a/review/main/components/button/code/Tonality.html +++ b/review/main/components/button/code/Tonality.html @@ -1 +1 @@ -DB UI Mono
    <db-button>Functional</db-button>
    <button class="db-button">Functional</button>
    <DBButton>Functional</DBButton>
    <DBButton>Functional</DBButton>
    <db-button>(Default) Regular</db-button>
    <button class="db-button">(Default) Regular</button>
    <DBButton>(Default) Regular</DBButton>
    <DBButton>(Default) Regular</DBButton>
    <db-button>Expressive</db-button>
    <button class="db-button">Expressive</button>
    <DBButton>Expressive</DBButton>
    <DBButton>Expressive</DBButton>
    \ No newline at end of file +DB UI Mono
    <db-button>Functional</db-button>
    <button class="db-button">Functional</button>
    <DBButton>Functional</DBButton>
    <DBButton>Functional</DBButton>
    <db-button>(Default) Regular</db-button>
    <button class="db-button">(Default) Regular</button>
    <DBButton>(Default) Regular</DBButton>
    <DBButton>(Default) Regular</DBButton>
    <db-button>Expressive</db-button>
    <button class="db-button">Expressive</button>
    <DBButton>Expressive</DBButton>
    <DBButton>Expressive</DBButton>
    \ No newline at end of file diff --git a/review/main/components/button/code/Variant.html b/review/main/components/button/code/Variant.html index d7a3033a2fb..719be2aa928 100644 --- a/review/main/components/button/code/Variant.html +++ b/review/main/components/button/code/Variant.html @@ -1,7 +1,7 @@ -DB UI Mono
    <db-button variant="primary">Primary</db-button>
    <button class="db-button" data-variant="primary">
+DB UI Mono
    <db-button variant="primary">Primary</db-button>
    <button class="db-button" data-variant="primary">
   Primary
 </button>
    <DBButton variant="primary">Primary</DBButton>
    <DBButton variant="primary">Primary</DBButton>
    <db-button>Outlined (Adaptive)</db-button>
    <button class="db-button">Outlined (Adaptive)</button>
    <DBButton>Outlined (Adaptive)</DBButton>
    <DBButton>Outlined (Adaptive)</DBButton>
    <db-button variant="solid">Solid (Adaptive)</db-button>
    <button class="db-button" data-variant="solid">
   Solid (Adaptive)
 </button>
    <DBButton variant="solid">Solid (Adaptive)</DBButton>
    <DBButton variant="solid">Solid (Adaptive)</DBButton>
    <db-button variant="text">Text (Adaptive)</db-button>
    <button class="db-button" data-variant="text">
   Text (Adaptive)
-</button>
    <DBButton variant="text">Text (Adaptive)</DBButton>
    <DBButton variant="text">Text (Adaptive)</DBButton>
    
\ No newline at end of file
+</button>
    <DBButton variant="text">Text (Adaptive)</DBButton>
    <DBButton variant="text">Text (Adaptive)</DBButton>
    \ No newline at end of file diff --git a/review/main/components/button/docs/Angular.html b/review/main/components/button/docs/Angular.html index 68255242062..3f25cc1b0d9 100644 --- a/review/main/components/button/docs/Angular.html +++ b/review/main/components/button/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration take a look at the ngx-components package.

    Load componentload-component anchor link

    // app.component.ts
@@ -14,4 +14,4 @@ 
    Load componentUse componentuse-component anchor link
    
 
    <!-- app.component.html -->
 <db-button variant="primary">Button</db-button>
-
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/button/docs/HTML.html b/review/main/components/button/docs/HTML.html index 68da382a133..24840613538 100644 --- a/review/main/components/button/docs/HTML.html +++ b/review/main/components/button/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration take a look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -8,4 +8,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/button/docs/HTML","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/button/docs/Migration.html b/review/main/components/button/docs/Migration.html index 00f9d7c1a4d..bab2035d108 100644 --- a/review/main/components/button/docs/Migration.html +++ b/review/main/components/button/docs/Migration.html @@ -1,4 +1,4 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    @@ -11,4 +11,4 @@

    sizesvariantsvariants anchor link

    BeforeStatusAfterDescription
    primary❌❌not valid anymore, use outlined buttons for those purposes
    brand-primary🔁primary
    secondary-outline🔁outlined
    secondary-solid🔁solid
    tertiary-plain🔁text

    iconsicons anchor link

    -
    BeforeStatusAfterDescription
    iconAfter❌❌not valid anymore, for buttons only icons before text are allowed
    iconOnly🔁noText
    \ No newline at end of file +
    BeforeStatusAfterDescription
    iconAfter❌❌not valid anymore, for buttons only icons before text are allowed
    iconOnly🔁noText
    \ No newline at end of file diff --git a/review/main/components/button/docs/React.html b/review/main/components/button/docs/React.html index ecc4a28156f..161db9bedb9 100644 --- a/review/main/components/button/docs/React.html +++ b/review/main/components/button/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration take a look at the react-components package.

    Use componentuse-component anchor link

    // App.tsx
@@ -7,4 +7,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/button/docs/React","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/button/docs/Vue.html b/review/main/components/button/docs/Vue.html index f525c21b01f..6bbca354254 100644 --- a/review/main/components/button/docs/Vue.html +++ b/review/main/components/button/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration take a look at the v-components package.

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -9,4 +9,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/button/docs/Vue","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/button/how-to-use.html b/review/main/components/button/how-to-use.html index a53d7827c0b..d1b39060a2d 100644 --- a/review/main/components/button/how-to-use.html +++ b/review/main/components/button/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/button/migration.html b/review/main/components/button/migration.html index f187bf90e6e..e4e03038c64 100644 --- a/review/main/components/button/migration.html +++ b/review/main/components/button/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/button/overview.html b/review/main/components/button/overview.html index f30ae77bd55..279ceee93a8 100644 --- a/review/main/components/button/overview.html +++ b/review/main/components/button/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/button/properties.html b/review/main/components/button/properties.html index fede79bd881..96c4c2fb90a 100644 --- a/review/main/components/button/properties.html +++ b/review/main/components/button/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/card.html b/review/main/components/card.html index b1dba54f3e4..7bd16b7d180 100644 --- a/review/main/components/card.html +++ b/review/main/components/card.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/card/code/Colorvariant.html b/review/main/components/card/code/Colorvariant.html index 466f5231376..8a4ee569d77 100644 --- a/review/main/components/card/code/Colorvariant.html +++ b/review/main/components/card/code/Colorvariant.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-card variant="interactive" spacing="small" colorVariant="adaptive">
+DB UI Mono
    <db-card variant="interactive" spacing="small" colorVariant="adaptive">
   (Default) adaptive
 </db-card>
    undefined
    <DBCard variant="interactive" spacing="small" colorVariant="adaptive">
   (Default) adaptive
@@ -40,4 +40,4 @@
   informational
 </DBCard>
    <DBCard colorVariant="informational" variant="interactive" spacing="small">
   informational
-</DBCard>
    
\ No newline at end of file
+</DBCard>
    \ No newline at end of file diff --git a/review/main/components/card/code/Spacing.html b/review/main/components/card/code/Spacing.html index ec99d1db74a..d7ca195eb86 100644 --- a/review/main/components/card/code/Spacing.html +++ b/review/main/components/card/code/Spacing.html @@ -1,5 +1,5 @@ -DB UI Mono
    <db-card>(Default) No Spacing</db-card>
    <div class="db-card">(Default) No Spacing</div>
    <DBCard>(Default) No Spacing</DBCard>
    <DBCard>(Default) No Spacing</DBCard>
    <db-card spacing="medium">Medium</db-card>
    <div class="db-card" data-spacing="medium">
+DB UI Mono
    <db-card>(Default) No Spacing</db-card>
    <div class="db-card">(Default) No Spacing</div>
    <DBCard>(Default) No Spacing</DBCard>
    <DBCard>(Default) No Spacing</DBCard>
    <db-card spacing="medium">Medium</db-card>
    <div class="db-card" data-spacing="medium">
   Medium
 </div>
    <DBCard spacing="medium">Medium</DBCard>
    <DBCard spacing="medium">Medium</DBCard>
    <db-card spacing="small">Small</db-card>
    <div class="db-card" data-spacing="small">
   Small
-</div>
    <DBCard spacing="small">Small</DBCard>
    <DBCard spacing="small">Small</DBCard>
    
\ No newline at end of file
+</div>
    <DBCard spacing="small">Small</DBCard>
    <DBCard spacing="small">Small</DBCard>
    \ No newline at end of file diff --git a/review/main/components/card/code/Tonality.html b/review/main/components/card/code/Tonality.html index 5476d6d354c..64c70996cca 100644 --- a/review/main/components/card/code/Tonality.html +++ b/review/main/components/card/code/Tonality.html @@ -1,7 +1,7 @@ -DB UI Mono
    <db-card spacing="small">Functional</db-card>
    <div class="db-card" data-spacing="small">
+DB UI Mono
    <db-card spacing="small">Functional</db-card>
    <div class="db-card" data-spacing="small">
   Functional
 </div>
    <DBCard spacing="small">Functional</DBCard>
    <DBCard spacing="small">Functional</DBCard>
    <db-card spacing="small">(Default) Regular</db-card>
    <div class="db-card" data-spacing="small">
   (Default) Regular
 </div>
    <DBCard spacing="small">(Default) Regular</DBCard>
    <DBCard spacing="small">(Default) Regular</DBCard>
    <db-card spacing="small">Expressive</db-card>
    <div class="db-card" data-spacing="small">
   Expressive
-</div>
    <DBCard spacing="small">Expressive</DBCard>
    <DBCard spacing="small">Expressive</DBCard>
    
\ No newline at end of file
+</div>
    <DBCard spacing="small">Expressive</DBCard>
    <DBCard spacing="small">Expressive</DBCard>
    \ No newline at end of file diff --git a/review/main/components/card/code/Variant.html b/review/main/components/card/code/Variant.html index fd8c975c3d2..97137c64c79 100644 --- a/review/main/components/card/code/Variant.html +++ b/review/main/components/card/code/Variant.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-card spacing="small">(Default) Non interactive</db-card>
    <div class="db-card" data-spacing="small">
+DB UI Mono
    <db-card spacing="small">(Default) Non interactive</db-card>
    <div class="db-card" data-spacing="small">
   (Default) Non interactive
 </div>
    <DBCard spacing="small">(Default) Non interactive</DBCard>
    <DBCard spacing="small">(Default) Non interactive</DBCard>
    <db-card spacing="small" variant="interactive">
   Interactive
@@ -8,4 +8,4 @@
   Interactive
 </DBCard>
    <DBCard spacing="small" variant="interactive">
   Interactive
-</DBCard>
    
\ No newline at end of file
+</DBCard>
    \ No newline at end of file diff --git a/review/main/components/card/docs/Angular.html b/review/main/components/card/docs/Angular.html index 5877a394066..14f8c9b821c 100644 --- a/review/main/components/card/docs/Angular.html +++ b/review/main/components/card/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration take a look at the ngx-components package.

    Load componentload-component anchor link

    //app.component.ts
@@ -16,4 +16,4 @@ 
    Load componentUse componentuse-component anchor link
    
 
    <!-- app.component.html -->
 <db-card>Card content</db-card>
-
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/card/docs/HTML.html b/review/main/components/card/docs/HTML.html index 0dc35787935..e5b5a3ad477 100644 --- a/review/main/components/card/docs/HTML.html +++ b/review/main/components/card/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration take a look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -6,4 +6,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/card/docs/HTML","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/card/docs/Migration.html b/review/main/components/card/docs/Migration.html index 62ecc57fe2e..b5c96a33023 100644 --- a/review/main/components/card/docs/Migration.html +++ b/review/main/components/card/docs/Migration.html @@ -1,4 +1,4 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    @@ -9,4 +9,4 @@

    classvariantvariant anchor link

    BeforeStatusAfterDescription
    variant🔁variantThere is no default header/content anymore. Now you can change the card with variant="interactive" to act like a button.
    header❌❌Add your own content via children/slot.
    content❌❌Add your own content via children/slot.

    imageimage anchor link

    -
    BeforeStatusAfterDescription
    alt🔁imgAlt
    image🔁imgSrc
    🆕imgWidth
    🆕imgHeight
    illustration❌❌
    uiCoreIllustrationPath❌❌
    \ No newline at end of file +
    BeforeStatusAfterDescription
    alt🔁imgAlt
    image🔁imgSrc
    🆕imgWidth
    🆕imgHeight
    illustration❌❌
    uiCoreIllustrationPath❌❌
    \ No newline at end of file diff --git a/review/main/components/card/docs/React.html b/review/main/components/card/docs/React.html index 2af899c58e9..2de9fe1d0a2 100644 --- a/review/main/components/card/docs/React.html +++ b/review/main/components/card/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration take a look at the react-components package.

    Use componentuse-component anchor link

    // App.tsx
@@ -6,4 +6,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/card/docs/React","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/card/docs/Vue.html b/review/main/components/card/docs/Vue.html index aee863ae87a..5ab59a28053 100644 --- a/review/main/components/card/docs/Vue.html +++ b/review/main/components/card/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration take a look at the v-components package.

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -9,4 +9,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/card/docs/Vue","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/card/how-to-use.html b/review/main/components/card/how-to-use.html index 99e744f86a7..efd358d9033 100644 --- a/review/main/components/card/how-to-use.html +++ b/review/main/components/card/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/card/migration.html b/review/main/components/card/migration.html index fea5a5e1e77..8e0fb2ad44e 100644 --- a/review/main/components/card/migration.html +++ b/review/main/components/card/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/card/overview.html b/review/main/components/card/overview.html index bc62bf0882f..8a0c31a6567 100644 --- a/review/main/components/card/overview.html +++ b/review/main/components/card/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/card/properties.html b/review/main/components/card/properties.html index 62e6bbd6760..c15697c2a61 100644 --- a/review/main/components/card/properties.html +++ b/review/main/components/card/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/checkbox.html b/review/main/components/checkbox.html index be4b1102435..ebd4b630a3b 100644 --- a/review/main/components/checkbox.html +++ b/review/main/components/checkbox.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/checkbox/code/Content.html b/review/main/components/checkbox/code/Content.html index 424686d5532..234d38e0a59 100644 --- a/review/main/components/checkbox/code/Content.html +++ b/review/main/components/checkbox/code/Content.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-checkbox name="Content">(Default) Label</db-checkbox>
    <label for="OVERWRITE_DEFAULT_ID" class="db-checkbox">
+DB UI Mono
    <db-checkbox name="Content">(Default) Label</db-checkbox>
    <label for="OVERWRITE_DEFAULT_ID" class="db-checkbox">
   <input type="checkbox" id="OVERWRITE_DEFAULT_ID" name="Content" />
   (Default) Label
 </label>
    <DBCheckbox name="Content">(Default) Label</DBCheckbox>
    <DBCheckbox name="Content">(Default) Label</DBCheckbox>
    <db-checkbox name="Content" labelVariant="hidden">
@@ -14,4 +14,4 @@
   No Label
 </DBCheckbox>
    <DBCheckbox name="Content" labelVariant="hidden">
   No Label
-</DBCheckbox>
    
\ No newline at end of file
+</DBCheckbox>
    \ No newline at end of file diff --git a/review/main/components/checkbox/code/InteractionStates.html b/review/main/components/checkbox/code/InteractionStates.html index 59629162b4a..2f2c8c29a78 100644 --- a/review/main/components/checkbox/code/InteractionStates.html +++ b/review/main/components/checkbox/code/InteractionStates.html @@ -1,3 +1,3 @@ -DB UI Mono
    <db-checkbox name="Interaction States">(Default) Enabled</db-checkbox>
    undefined
    <DBCheckbox name="Interaction States">(Default) Enabled</DBCheckbox>
    <DBCheckbox name="Interaction States">(Default) Enabled</DBCheckbox>
    <db-checkbox name="Interaction States" [disabled]="true">Disabled</db-checkbox>
    undefined
    <DBCheckbox name="Interaction States" disabled>
+DB UI Mono
    <db-checkbox name="Interaction States">(Default) Enabled</db-checkbox>
    undefined
    <DBCheckbox name="Interaction States">(Default) Enabled</DBCheckbox>
    <DBCheckbox name="Interaction States">(Default) Enabled</DBCheckbox>
    <db-checkbox name="Interaction States" [disabled]="true">Disabled</db-checkbox>
    undefined
    <DBCheckbox name="Interaction States" disabled>
   Disabled
-</DBCheckbox>
    <DBCheckbox name="Interaction States" :disabled="true">Disabled</DBCheckbox>
    
\ No newline at end of file
+</DBCheckbox>
    <DBCheckbox name="Interaction States" :disabled="true">Disabled</DBCheckbox>
    \ No newline at end of file diff --git a/review/main/components/checkbox/code/Requirement.html b/review/main/components/checkbox/code/Requirement.html index c89c5943d7f..92b761689b6 100644 --- a/review/main/components/checkbox/code/Requirement.html +++ b/review/main/components/checkbox/code/Requirement.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-checkbox name="Requirement">(Default) Optional</db-checkbox>
    <label for="OVERWRITE_DEFAULT_ID" class="db-checkbox">
+DB UI Mono
    <db-checkbox name="Requirement">(Default) Optional</db-checkbox>
    <label for="OVERWRITE_DEFAULT_ID" class="db-checkbox">
   <input type="checkbox" id="OVERWRITE_DEFAULT_ID" name="Requirement" />
   (Default) Optional
 </label>
    <DBCheckbox name="Requirement">(Default) Optional</DBCheckbox>
    <DBCheckbox name="Requirement">(Default) Optional</DBCheckbox>
    <db-checkbox name="Requirement" [required]="true">Required</db-checkbox>
    <label for="OVERWRITE_DEFAULT_ID" class="db-checkbox">
@@ -22,4 +22,4 @@
   Required - Checked
 </label>
    <DBCheckbox name="Requirement" required checked>
   Required - Checked
-</DBCheckbox>
    <DBCheckbox name="Requirement" :required="true" :checked="true">Required - Checked</DBCheckbox>
    
\ No newline at end of file
+</DBCheckbox>
    <DBCheckbox name="Requirement" :required="true" :checked="true">Required - Checked</DBCheckbox>
    \ No newline at end of file diff --git a/review/main/components/checkbox/code/Size.html b/review/main/components/checkbox/code/Size.html index 7ae399b3e97..1f5a3aee8f8 100644 --- a/review/main/components/checkbox/code/Size.html +++ b/review/main/components/checkbox/code/Size.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-checkbox name="Size">(Default) Medium</db-checkbox>
    <label for="OVERWRITE_DEFAULT_ID" class="db-checkbox">
+DB UI Mono
    <db-checkbox name="Size">(Default) Medium</db-checkbox>
    <label for="OVERWRITE_DEFAULT_ID" class="db-checkbox">
   <input type="checkbox" id="OVERWRITE_DEFAULT_ID" name="Size" />
   (Default) Medium
 </label>
    <DBCheckbox name="Size">(Default) Medium</DBCheckbox>
    <DBCheckbox name="Size">(Default) Medium</DBCheckbox>
    <db-checkbox name="Size" size="small">
@@ -10,4 +10,4 @@
   Small
 </DBCheckbox>
    <DBCheckbox name="Size" size="small">
   Small
-</DBCheckbox>
    
\ No newline at end of file
+</DBCheckbox>
    \ No newline at end of file diff --git a/review/main/components/checkbox/code/States.html b/review/main/components/checkbox/code/States.html index 6c9d7d187f9..e6a7e7443af 100644 --- a/review/main/components/checkbox/code/States.html +++ b/review/main/components/checkbox/code/States.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-checkbox name="States">(Default) Unchecked</db-checkbox>
    <label for="OVERWRITE_DEFAULT_ID" class="db-checkbox">
+DB UI Mono
    <db-checkbox name="States">(Default) Unchecked</db-checkbox>
    <label for="OVERWRITE_DEFAULT_ID" class="db-checkbox">
   <input type="checkbox" id="OVERWRITE_DEFAULT_ID" name="States" />
   (Default) Unchecked
 </label>
    <DBCheckbox name="States">(Default) Unchecked</DBCheckbox>
    <DBCheckbox name="States">(Default) Unchecked</DBCheckbox>
    <db-checkbox name="States" [required]="true">Unchecked - Invalid</db-checkbox>
    <label for="OVERWRITE_DEFAULT_ID" class="db-checkbox">
@@ -43,4 +43,4 @@
   Indeterminate - Valid
 </label>
    <DBCheckbox name="States" indeterminate required checked>
   Indeterminate - Valid
-</DBCheckbox>
    <DBCheckbox name="States" :indeterminate="true" :required="true" :checked="true">Indeterminate - Valid</DBCheckbox>
    
\ No newline at end of file
+</DBCheckbox>
    <DBCheckbox name="States" :indeterminate="true" :required="true" :checked="true">Indeterminate - Valid</DBCheckbox>
    \ No newline at end of file diff --git a/review/main/components/checkbox/code/Tonality.html b/review/main/components/checkbox/code/Tonality.html index ae10f69c010..6918073ff6a 100644 --- a/review/main/components/checkbox/code/Tonality.html +++ b/review/main/components/checkbox/code/Tonality.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-checkbox name="Tonality">Functional</db-checkbox>
    <label for="OVERWRITE_DEFAULT_ID" class="db-checkbox">
+DB UI Mono
    <db-checkbox name="Tonality">Functional</db-checkbox>
    <label for="OVERWRITE_DEFAULT_ID" class="db-checkbox">
   <input type="checkbox" id="OVERWRITE_DEFAULT_ID" name="Tonality" />
   Functional
 </label>
    <DBCheckbox name="Tonality">Functional</DBCheckbox>
    <DBCheckbox name="Tonality">Functional</DBCheckbox>
    <db-checkbox name="Tonality">(Default) Regular</db-checkbox>
    <label for="OVERWRITE_DEFAULT_ID" class="db-checkbox">
@@ -7,4 +7,4 @@
 </label>
    <DBCheckbox name="Tonality">(Default) Regular</DBCheckbox>
    <DBCheckbox name="Tonality">(Default) Regular</DBCheckbox>
    <db-checkbox name="Tonality">Expressive</db-checkbox>
    <label for="OVERWRITE_DEFAULT_ID" class="db-checkbox">
   <input type="checkbox" id="OVERWRITE_DEFAULT_ID" name="Tonality" />
   Expressive
-</label>
    <DBCheckbox name="Tonality">Expressive</DBCheckbox>
    <DBCheckbox name="Tonality">Expressive</DBCheckbox>
    
\ No newline at end of file
+</label>
    <DBCheckbox name="Tonality">Expressive</DBCheckbox>
    <DBCheckbox name="Tonality">Expressive</DBCheckbox>
    \ No newline at end of file diff --git a/review/main/components/checkbox/docs/Angular.html b/review/main/components/checkbox/docs/Angular.html index 9b54dc84c15..a182ae1e36f 100644 --- a/review/main/components/checkbox/docs/Angular.html +++ b/review/main/components/checkbox/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration take a look at the ngx-components package.

    Load componentload-component anchor link

    // app.component.ts
@@ -80,4 +80,4 @@ 
    How to use with Template Driven F
 }

    How to use with Reactive Formshow-to-use-with-reactive-forms anchor link

    -

    coming soon … if your interested in contributing, you're very welcome ;)

    \ No newline at end of file +

    coming soon … if your interested in contributing, you're very welcome ;)

    \ No newline at end of file diff --git a/review/main/components/checkbox/docs/HTML.html b/review/main/components/checkbox/docs/HTML.html index c01e2f2a129..c18b07b25c4 100644 --- a/review/main/components/checkbox/docs/HTML.html +++ b/review/main/components/checkbox/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration take a look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -9,4 +9,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/checkbox/docs/HTML","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/checkbox/docs/Migration.html b/review/main/components/checkbox/docs/Migration.html index f4c273fa59b..951208807b4 100644 --- a/review/main/components/checkbox/docs/Migration.html +++ b/review/main/components/checkbox/docs/Migration.html @@ -1,4 +1,4 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    @@ -7,4 +7,4 @@

    DB UI Core ➡ DB UI Componentsclassclass anchor link

    BeforeStatusAfterDescription
    elm-checkbox🔁db-checkbox

    idid anchor link

    -
    BeforeStatusAfterDescription
    input_id🔁id
    \ No newline at end of file +
    BeforeStatusAfterDescription
    input_id🔁id
    \ No newline at end of file diff --git a/review/main/components/checkbox/docs/React.html b/review/main/components/checkbox/docs/React.html index 5d2dbb02477..ac195034d3c 100644 --- a/review/main/components/checkbox/docs/React.html +++ b/review/main/components/checkbox/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration take a look at the react-components package.

    Use componentuse-component anchor link

    // App.tsx
@@ -22,4 +22,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/checkbox/docs/React","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/checkbox/docs/Vue.html b/review/main/components/checkbox/docs/Vue.html index 9e910b5ee17..c44f78235a3 100644 --- a/review/main/components/checkbox/docs/Vue.html +++ b/review/main/components/checkbox/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration take a look at the v-components package.

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -13,4 +13,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/checkbox/docs/Vue","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/checkbox/how-to-use.html b/review/main/components/checkbox/how-to-use.html index 4042472d256..45b1a4b5e70 100644 --- a/review/main/components/checkbox/how-to-use.html +++ b/review/main/components/checkbox/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/checkbox/migration.html b/review/main/components/checkbox/migration.html index fa5f8d76975..a6d24525250 100644 --- a/review/main/components/checkbox/migration.html +++ b/review/main/components/checkbox/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/checkbox/overview.html b/review/main/components/checkbox/overview.html index 5cc2a43b6f3..e179598136b 100644 --- a/review/main/components/checkbox/overview.html +++ b/review/main/components/checkbox/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/checkbox/properties.html b/review/main/components/checkbox/properties.html index 9e9c8dc188e..2ea230e83b6 100644 --- a/review/main/components/checkbox/properties.html +++ b/review/main/components/checkbox/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/divider.html b/review/main/components/divider.html index 1da714f477c..35e0de0a12c 100644 --- a/review/main/components/divider.html +++ b/review/main/components/divider.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/divider/code/Emphasis.html b/review/main/components/divider/code/Emphasis.html index dfa85db2617..69a49a209ae 100644 --- a/review/main/components/divider/code/Emphasis.html +++ b/review/main/components/divider/code/Emphasis.html @@ -1 +1 @@ -DB UI Mono
    <db-divider>(Default) Weak</db-divider>
    <div class="db-divider"></div>
    <DBDivider>(Default) Weak</DBDivider>
    <DBDivider>(Default) Weak</DBDivider>
    <db-divider emphasis="strong">Strong</db-divider>
    <div data-emphasis="strong" class="db-divider"></div>
    <DBDivider emphasis="strong">Strong</DBDivider>
    <DBDivider emphasis="strong">Strong</DBDivider>
    \ No newline at end of file +DB UI Mono
    <db-divider>(Default) Weak</db-divider>
    <div class="db-divider"></div>
    <DBDivider>(Default) Weak</DBDivider>
    <DBDivider>(Default) Weak</DBDivider>
    <db-divider emphasis="strong">Strong</db-divider>
    <div data-emphasis="strong" class="db-divider"></div>
    <DBDivider emphasis="strong">Strong</DBDivider>
    <DBDivider emphasis="strong">Strong</DBDivider>
    \ No newline at end of file diff --git a/review/main/components/divider/code/Tonality.html b/review/main/components/divider/code/Tonality.html index 1d4f873d6c0..e8732092949 100644 --- a/review/main/components/divider/code/Tonality.html +++ b/review/main/components/divider/code/Tonality.html @@ -1 +1 @@ -DB UI Mono
    <db-divider>Functional</db-divider>
    <div class="db-divider"></div>
    <DBDivider>Functional</DBDivider>
    <DBDivider>Functional</DBDivider>
    <db-divider>(Default) Regular</db-divider>
    <div class="db-divider"></div>
    <DBDivider>(Default) Regular</DBDivider>
    <DBDivider>(Default) Regular</DBDivider>
    <db-divider>Expressive</db-divider>
    <div class="db-divider"></div>
    <DBDivider>Expressive</DBDivider>
    <DBDivider>Expressive</DBDivider>
    \ No newline at end of file +DB UI Mono
    <db-divider>Functional</db-divider>
    <div class="db-divider"></div>
    <DBDivider>Functional</DBDivider>
    <DBDivider>Functional</DBDivider>
    <db-divider>(Default) Regular</db-divider>
    <div class="db-divider"></div>
    <DBDivider>(Default) Regular</DBDivider>
    <DBDivider>(Default) Regular</DBDivider>
    <db-divider>Expressive</db-divider>
    <div class="db-divider"></div>
    <DBDivider>Expressive</DBDivider>
    <DBDivider>Expressive</DBDivider>
    \ No newline at end of file diff --git a/review/main/components/divider/code/Variant.html b/review/main/components/divider/code/Variant.html index b2fb7c4f74d..dbeca400da1 100644 --- a/review/main/components/divider/code/Variant.html +++ b/review/main/components/divider/code/Variant.html @@ -1 +1 @@ -DB UI Mono
    <db-divider>(Default) Adaptive - Horizontal</db-divider>
    <div class="db-divider"></div>
    <DBDivider>(Default) Adaptive - Horizontal</DBDivider>
    <DBDivider>(Default) Adaptive - Horizontal</DBDivider>
    <db-divider variant="vertical">Adaptive - Vertical</db-divider>
    <div data-variant="vertical" class="db-divider"></div>
    <DBDivider variant="vertical">Adaptive - Vertical</DBDivider>
    <DBDivider variant="vertical">Adaptive - Vertical</DBDivider>
    \ No newline at end of file +DB UI Mono
    <db-divider>(Default) Adaptive - Horizontal</db-divider>
    <div class="db-divider"></div>
    <DBDivider>(Default) Adaptive - Horizontal</DBDivider>
    <DBDivider>(Default) Adaptive - Horizontal</DBDivider>
    <db-divider variant="vertical">Adaptive - Vertical</db-divider>
    <div data-variant="vertical" class="db-divider"></div>
    <DBDivider variant="vertical">Adaptive - Vertical</DBDivider>
    <DBDivider variant="vertical">Adaptive - Vertical</DBDivider>
    \ No newline at end of file diff --git a/review/main/components/divider/docs/Angular.html b/review/main/components/divider/docs/Angular.html index 4e87ad9ca9f..1d834e6dec7 100644 --- a/review/main/components/divider/docs/Angular.html +++ b/review/main/components/divider/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration take a look at the ngx-components package.

    Load componentload-component anchor link

    // app.component.ts
@@ -14,4 +14,4 @@ 
    Load componentUse componentuse-component anchor link
    
 
    <!-- app.component.html -->
 <db-divider></db-divider>
-
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/divider/docs/HTML.html b/review/main/components/divider/docs/HTML.html index e8b9d9866c0..4575fd53873 100644 --- a/review/main/components/divider/docs/HTML.html +++ b/review/main/components/divider/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration take a look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -6,4 +6,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/divider/docs/HTML","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/divider/docs/Migration.html b/review/main/components/divider/docs/Migration.html index 136f203c4e7..99d866266cc 100644 --- a/review/main/components/divider/docs/Migration.html +++ b/review/main/components/divider/docs/Migration.html @@ -1,7 +1,7 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    DB UI Core ➡ DB UI Componentsdb-ui-core--db-ui-components anchor link

    -

    New Component 🥳

    \ No newline at end of file +

    New Component 🥳

    \ No newline at end of file diff --git a/review/main/components/divider/docs/React.html b/review/main/components/divider/docs/React.html index bdd39b55760..0bbbd3c08f4 100644 --- a/review/main/components/divider/docs/React.html +++ b/review/main/components/divider/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration take a look at the react-components package.

    Use componentuse-component anchor link

    // App.tsx
@@ -7,4 +7,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/divider/docs/React","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/divider/docs/Vue.html b/review/main/components/divider/docs/Vue.html index 827472cc7d2..43e785b6009 100644 --- a/review/main/components/divider/docs/Vue.html +++ b/review/main/components/divider/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration take a look at the v-components package.

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -9,4 +9,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/divider/docs/Vue","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/divider/how-to-use.html b/review/main/components/divider/how-to-use.html index 9abaf315a8b..1265718e6f5 100644 --- a/review/main/components/divider/how-to-use.html +++ b/review/main/components/divider/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/divider/migration.html b/review/main/components/divider/migration.html index 18d9870b0db..141836eac88 100644 --- a/review/main/components/divider/migration.html +++ b/review/main/components/divider/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/divider/overview.html b/review/main/components/divider/overview.html index bd39b78847b..11298b33fcc 100644 --- a/review/main/components/divider/overview.html +++ b/review/main/components/divider/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/divider/properties.html b/review/main/components/divider/properties.html index dd2b020fe4a..09ccb2c3907 100644 --- a/review/main/components/divider/properties.html +++ b/review/main/components/divider/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/drawer.html b/review/main/components/drawer.html index 75ee0d5c737..34dc86b2a2b 100644 --- a/review/main/components/drawer.html +++ b/review/main/components/drawer.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/drawer/code/Backdrop.html b/review/main/components/drawer/code/Backdrop.html index 22259f755c6..e6882e43dae 100644 --- a/review/main/components/drawer/code/Backdrop.html +++ b/review/main/components/drawer/code/Backdrop.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-drawer [withCloseButton]="true" [open]="openDrawer" (onClose)="toggleDrawer(false)">
+DB UI Mono
    <db-drawer [withCloseButton]="true" [open]="openDrawer" (onClose)="toggleDrawer(false)">
 	With Backdrop (Default)
 </db-drawer>
    <dialog class="db-drawer" data-backdrop="strong" open>
   <article class="db-drawer-container">
@@ -69,4 +69,4 @@
   }}
 >
   No Backdrop
-</DBDrawer>
    <DBDrawer backdrop="none" :withCloseButton="true" :open="openDrawer" @close="toggleDrawer(false)">No Backdrop</DBDrawer>
    
\ No newline at end of file
+</DBDrawer>
    <DBDrawer backdrop="none" :withCloseButton="true" :open="openDrawer" @close="toggleDrawer(false)">No Backdrop</DBDrawer>
    \ No newline at end of file diff --git a/review/main/components/drawer/code/Directions.html b/review/main/components/drawer/code/Directions.html index 161ecbfd2ef..10e6b307ae7 100644 --- a/review/main/components/drawer/code/Directions.html +++ b/review/main/components/drawer/code/Directions.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-drawer [withCloseButton]="true" [open]="openDrawer" (onClose)="toggleDrawer(false)">
+DB UI Mono
    <db-drawer [withCloseButton]="true" [open]="openDrawer" (onClose)="toggleDrawer(false)">
 	Right (Default)
 </db-drawer>
    <dialog class="db-drawer" data-backdrop="strong" open>
   <article class="db-drawer-container">
@@ -93,4 +93,4 @@
   }}
 >
   Down
-</DBDrawer>
    <DBDrawer direction="left" :withCloseButton="true" :open="openDrawer" @close="toggleDrawer(false)">Down</DBDrawer>
    
\ No newline at end of file
+</DBDrawer>
    <DBDrawer direction="left" :withCloseButton="true" :open="openDrawer" @close="toggleDrawer(false)">Down</DBDrawer>
    \ No newline at end of file diff --git a/review/main/components/drawer/code/Rounded.html b/review/main/components/drawer/code/Rounded.html index 2de554c85f2..867fb457053 100644 --- a/review/main/components/drawer/code/Rounded.html +++ b/review/main/components/drawer/code/Rounded.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-drawer [withCloseButton]="true" [open]="openDrawer" (onClose)="toggleDrawer(false)">
+DB UI Mono
    <db-drawer [withCloseButton]="true" [open]="openDrawer" (onClose)="toggleDrawer(false)">
 	No rounding (Default)
 </db-drawer>
    <dialog class="db-drawer" data-backdrop="strong" open>
   <article class="db-drawer-container">
@@ -45,4 +45,4 @@
   }}
 >
   Rounded
-</DBDrawer>
    <DBDrawer :rounded="true" :withCloseButton="true" :open="openDrawer" @close="toggleDrawer(false)">Rounded</DBDrawer>
    
\ No newline at end of file
+</DBDrawer>
    <DBDrawer :rounded="true" :withCloseButton="true" :open="openDrawer" @close="toggleDrawer(false)">Rounded</DBDrawer>
    \ No newline at end of file diff --git a/review/main/components/drawer/code/Size.html b/review/main/components/drawer/code/Size.html index 77cb9b43bf2..507f2702048 100644 --- a/review/main/components/drawer/code/Size.html +++ b/review/main/components/drawer/code/Size.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-drawer [withCloseButton]="true" [open]="openDrawer" (onClose)="toggleDrawer(false)">
+DB UI Mono
    <db-drawer [withCloseButton]="true" [open]="openDrawer" (onClose)="toggleDrawer(false)">
 	With padding (Default)
 </db-drawer>
    <dialog class="db-drawer" data-backdrop="strong" open>
   <article class="db-drawer-container">
@@ -47,4 +47,4 @@
   Full
 </DBDrawer>
    <DBDrawer :withCloseButton="true" width="full" :open="openDrawer" @close="toggleDrawer(false)">
 		Full
-	</DBDrawer>
    
\ No newline at end of file
+	</DBDrawer>
    \ No newline at end of file diff --git a/review/main/components/drawer/code/Spacing.html b/review/main/components/drawer/code/Spacing.html index 628823062f5..a8cf50139bd 100644 --- a/review/main/components/drawer/code/Spacing.html +++ b/review/main/components/drawer/code/Spacing.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-drawer [withCloseButton]="true" [open]="openDrawer" (onClose)="toggleDrawer(false)">
+DB UI Mono
    <db-drawer [withCloseButton]="true" [open]="openDrawer" (onClose)="toggleDrawer(false)">
 	Medium (Default)
 </db-drawer>
    <dialog class="db-drawer" data-backdrop="strong" open>
   <article class="db-drawer-container">
@@ -93,4 +93,4 @@
   }}
 >
   None
-</DBDrawer>
    <DBDrawer spacing="none" :withCloseButton="true" :open="openDrawer" @close="toggleDrawer(false)">None</DBDrawer>
    
\ No newline at end of file
+</DBDrawer>
    <DBDrawer spacing="none" :withCloseButton="true" :open="openDrawer" @close="toggleDrawer(false)">None</DBDrawer>
    \ No newline at end of file diff --git a/review/main/components/drawer/code/Tonality.html b/review/main/components/drawer/code/Tonality.html index 5a1131cfc2b..29302b85168 100644 --- a/review/main/components/drawer/code/Tonality.html +++ b/review/main/components/drawer/code/Tonality.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-drawer [open]="openDrawer" (onClose)="toggleDrawer(false)">
+DB UI Mono
    <db-drawer [open]="openDrawer" (onClose)="toggleDrawer(false)">
 	functional
 </db-drawer>
    <dialog class="db-drawer" data-backdrop="strong" open>
   <article class="db-drawer-container">
@@ -70,4 +70,4 @@
   expressive
 </DBDrawer>
    <DBDrawer :open="openDrawer" @close="toggleDrawer(false)">
 		expressive
-	</DBDrawer>
    
\ No newline at end of file
+	</DBDrawer>
    \ No newline at end of file diff --git a/review/main/components/drawer/docs/Angular.html b/review/main/components/drawer/docs/Angular.html index 53b940706ee..051657de89e 100644 --- a/review/main/components/drawer/docs/Angular.html +++ b/review/main/components/drawer/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration take a look at the ngx-components package.

    Generalgeneral anchor link

    If you use width !== full you are able to overwrite the max-width with --db-drawer-max-width: CSS variable.

    @@ -28,4 +28,4 @@

    Use component{"props":{"pageProps":{}},"page":"/components/drawer/docs/Angular","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ No newline at end of file diff --git a/review/main/components/drawer/docs/HTML.html b/review/main/components/drawer/docs/HTML.html index 836e77837d7..9e57335aa23 100644 --- a/review/main/components/drawer/docs/HTML.html +++ b/review/main/components/drawer/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration take a look at the components package.

    Generalgeneral anchor link

    If you use width !== full you are able to overwrite the max-width with --db-drawer-max-width: CSS variable.

    @@ -21,4 +21,4 @@

    Use component{"props":{"pageProps":{}},"page":"/components/drawer/docs/HTML","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ No newline at end of file diff --git a/review/main/components/drawer/docs/Migration.html b/review/main/components/drawer/docs/Migration.html index b6375ed793a..d5337c58142 100644 --- a/review/main/components/drawer/docs/Migration.html +++ b/review/main/components/drawer/docs/Migration.html @@ -1,7 +1,7 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    DB UI Core ➡ DB UI Componentsdb-ui-core--db-ui-components anchor link

    -

    New Component 🥳

    \ No newline at end of file +

    New Component 🥳

    \ No newline at end of file diff --git a/review/main/components/drawer/docs/React.html b/review/main/components/drawer/docs/React.html index d62836a9b14..e4a23800e28 100644 --- a/review/main/components/drawer/docs/React.html +++ b/review/main/components/drawer/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration take a look at the react-components package.

    Generalgeneral anchor link

    If you use width !== full you are able to overwrite the max-width with --db-drawer-max-width: CSS variable.

    @@ -31,4 +31,4 @@

    Use component{"props":{"pageProps":{}},"page":"/components/drawer/docs/React","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ No newline at end of file diff --git a/review/main/components/drawer/docs/Vue.html b/review/main/components/drawer/docs/Vue.html index b61876310f9..96292fd851c 100644 --- a/review/main/components/drawer/docs/Vue.html +++ b/review/main/components/drawer/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration take a look at the v-components package.

    Generalgeneral anchor link

    If you use width !== full you are able to overwrite the max-width with --db-drawer-max-width: CSS variable.

    @@ -21,4 +21,4 @@

    Use component{"props":{"pageProps":{}},"page":"/components/drawer/docs/Vue","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ No newline at end of file diff --git a/review/main/components/drawer/how-to-use.html b/review/main/components/drawer/how-to-use.html index 62a82303109..802833139dd 100644 --- a/review/main/components/drawer/how-to-use.html +++ b/review/main/components/drawer/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/drawer/migration.html b/review/main/components/drawer/migration.html index e4f4d6ef891..929385fd894 100644 --- a/review/main/components/drawer/migration.html +++ b/review/main/components/drawer/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/drawer/overview.html b/review/main/components/drawer/overview.html index 4639aa5b38f..bad8318057d 100644 --- a/review/main/components/drawer/overview.html +++ b/review/main/components/drawer/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/drawer/properties.html b/review/main/components/drawer/properties.html index 709d24692e1..29931948f9b 100644 --- a/review/main/components/drawer/properties.html +++ b/review/main/components/drawer/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/header.html b/review/main/components/header.html index 27b673ce612..3e3b6ece5c6 100644 --- a/review/main/components/header.html +++ b/review/main/components/header.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/header/code/Behaviour.html b/review/main/components/header/code/Behaviour.html index 4858e392573..562697dcc24 100644 --- a/review/main/components/header/code/Behaviour.html +++ b/review/main/components/header/code/Behaviour.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-header>
+DB UI Mono
    <db-header>
 	<db-brand brand>DBHeader</db-brand>
 	<db-main-navigation *dbNavigation>
 		<db-navigation-item icon="account"><a>Desktop (full width)</a></db-navigation-item><db-navigation-item disabled><a>Desktop (full width) disabled</a></db-navigation-item>
@@ -599,4 +599,4 @@
 				<a href="#">Mobile disabled</a>
 			</DBNavigationItem>
 		</DBMainNavigation>
-	</DBHeader>
    
\ No newline at end of file
+	</DBHeader>
    \ No newline at end of file diff --git a/review/main/components/header/code/Tonality.html b/review/main/components/header/code/Tonality.html index e1b793955fa..2701a3e72e4 100644 --- a/review/main/components/header/code/Tonality.html +++ b/review/main/components/header/code/Tonality.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-header>
+DB UI Mono
    <db-header>
 	<db-brand brand>DBHeader</db-brand>
 	<db-main-navigation *dbNavigation>
 		<db-navigation-item icon="account"><a>functional</a></db-navigation-item><db-navigation-item disabled><a>functional disabled</a></db-navigation-item>
@@ -898,4 +898,4 @@
 				<a href="#">expressive disabled</a>
 			</DBNavigationItem>
 		</DBMainNavigation>
-	</DBHeader>
    
\ No newline at end of file
+	</DBHeader>
    \ No newline at end of file diff --git a/review/main/components/header/docs/Angular.html b/review/main/components/header/docs/Angular.html index 3d56ece6f5d..94188ac279f 100644 --- a/review/main/components/header/docs/Angular.html +++ b/review/main/components/header/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration take a look at the ngx-components package.

    Load componentload-component anchor link

    //app.component.ts
@@ -70,4 +70,4 @@ 
    Full{"props":{"pageProps":{}},"page":"/components/header/docs/Angular","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/header/docs/HTML.html b/review/main/components/header/docs/HTML.html index c47453020fb..e14225f0ada 100644 --- a/review/main/components/header/docs/HTML.html +++ b/review/main/components/header/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration take a look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -204,4 +204,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/header/docs/HTML","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/header/docs/Migration.html b/review/main/components/header/docs/Migration.html index fd2ef9afc9a..5be9631b56b 100644 --- a/review/main/components/header/docs/Migration.html +++ b/review/main/components/header/docs/Migration.html @@ -1,4 +1,4 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    @@ -7,4 +7,4 @@

    DB UI Core ➡ DB UI Componentsclassclass anchor link

    BeforeStatusAfterDescription
    rea-header🔁db-header

    mobilemobile anchor link

    -
    BeforeStatusAfterDescription
    mobile🔁forceMobileforces the burger menu for desktop
    \ No newline at end of file +
    BeforeStatusAfterDescription
    mobile🔁forceMobileforces the burger menu for desktop
    \ No newline at end of file diff --git a/review/main/components/header/docs/React.html b/review/main/components/header/docs/React.html index 9af3ebb5ce7..8dc68e6cec6 100644 --- a/review/main/components/header/docs/React.html +++ b/review/main/components/header/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration take a look at the react-components package.

    Use componentuse-component anchor link

    Simplesimple anchor link

    @@ -53,4 +53,4 @@

    Full{"props":{"pageProps":{}},"page":"/components/header/docs/React","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ No newline at end of file diff --git a/review/main/components/header/docs/Vue.html b/review/main/components/header/docs/Vue.html index 510a59f3298..f0f52807374 100644 --- a/review/main/components/header/docs/Vue.html +++ b/review/main/components/header/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration take a look at the v-components package.

    Use componentuse-component anchor link

    Simplesimple anchor link

    @@ -57,4 +57,4 @@

    Full{"props":{"pageProps":{}},"page":"/components/header/docs/Vue","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ No newline at end of file diff --git a/review/main/components/header/how-to-use.html b/review/main/components/header/how-to-use.html index 1d1a28c1e1c..7e7e12487e8 100644 --- a/review/main/components/header/how-to-use.html +++ b/review/main/components/header/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/header/migration.html b/review/main/components/header/migration.html index eb9146fe0cb..f29ab888a6d 100644 --- a/review/main/components/header/migration.html +++ b/review/main/components/header/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/header/overview.html b/review/main/components/header/overview.html index f1a5b00e50a..28bc8c28e22 100644 --- a/review/main/components/header/overview.html +++ b/review/main/components/header/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/header/properties.html b/review/main/components/header/properties.html index 23589ecd8ec..abc7af37e98 100644 --- a/review/main/components/header/properties.html +++ b/review/main/components/header/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/icon.html b/review/main/components/icon.html index 99d71d2e572..0d95f5ab79b 100644 --- a/review/main/components/icon.html +++ b/review/main/components/icon.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/icon/code/Tonality.html b/review/main/components/icon/code/Tonality.html index 96796a6b24d..e356228fdc2 100644 --- a/review/main/components/icon/code/Tonality.html +++ b/review/main/components/icon/code/Tonality.html @@ -1,7 +1,7 @@ -DB UI Mono
    <db-icon>Functional</db-icon>
    <span aria-hidden="true" class="db-icon">
+DB UI Mono
    <db-icon>Functional</db-icon>
    <span aria-hidden="true" class="db-icon">
   Functional
 </span>
    <DBIcon>Functional</DBIcon>
    <DBIcon>Functional</DBIcon>
    <db-icon>(Default) Regular</db-icon>
    <span aria-hidden="true" class="db-icon">
   (Default) Regular
 </span>
    <DBIcon>(Default) Regular</DBIcon>
    <DBIcon>(Default) Regular</DBIcon>
    <db-icon>Expressive</db-icon>
    <span aria-hidden="true" class="db-icon">
   Expressive
-</span>
    <DBIcon>Expressive</DBIcon>
    <DBIcon>Expressive</DBIcon>
    
\ No newline at end of file
+</span>
    <DBIcon>Expressive</DBIcon>
    <DBIcon>Expressive</DBIcon>
    \ No newline at end of file diff --git a/review/main/components/icon/docs/Angular.html b/review/main/components/icon/docs/Angular.html index 3db166204fe..0f925a4536e 100644 --- a/review/main/components/icon/docs/Angular.html +++ b/review/main/components/icon/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration take a look at the ngx-components package.

    Load componentload-component anchor link

    // app.component.ts
@@ -14,4 +14,4 @@ 
    Load componentUse componentuse-component anchor link
    
 
    <!-- app.component.html -->
 <db-icon icon="account">Icon</db-icon>
-
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/icon/docs/HTML.html b/review/main/components/icon/docs/HTML.html index 4722ca985eb..50090f95d00 100644 --- a/review/main/components/icon/docs/HTML.html +++ b/review/main/components/icon/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration take a look at the components package.

    Use componentuse-component anchor link

    You could use the data-icon or data-icon-after attributes on any HTML tag:

    @@ -7,4 +7,4 @@

    Use component{"props":{"pageProps":{}},"page":"/components/icon/docs/HTML","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ No newline at end of file diff --git a/review/main/components/icon/docs/Migration.html b/review/main/components/icon/docs/Migration.html index 6b580afd1f5..f2d54713537 100644 --- a/review/main/components/icon/docs/Migration.html +++ b/review/main/components/icon/docs/Migration.html @@ -1,4 +1,4 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    @@ -7,4 +7,4 @@

    DB UI Core ➡ DB UI Componentsclassclass anchor link

    BeforeStatusAfterDescription
    🔁db-icon

    variantvariant anchor link

    -
    BeforeStatusAfterDescription
    variant🔁❌icon variants are controlled by font-family:var(--db-icon-font-family) and font-weight: var(--db-icon-font-weight);
    \ No newline at end of file +
    BeforeStatusAfterDescription
    variant🔁❌icon variants are controlled by font-family:var(--db-icon-font-family) and font-weight: var(--db-icon-font-weight);
    \ No newline at end of file diff --git a/review/main/components/icon/docs/React.html b/review/main/components/icon/docs/React.html index 6f4efea8d5a..972b26068ae 100644 --- a/review/main/components/icon/docs/React.html +++ b/review/main/components/icon/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration take a look at the react-components package.

    Use componentuse-component anchor link

    // App.tsx
@@ -7,4 +7,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/icon/docs/React","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/icon/docs/Vue.html b/review/main/components/icon/docs/Vue.html index 57fd7db05d5..5477987e3cc 100644 --- a/review/main/components/icon/docs/Vue.html +++ b/review/main/components/icon/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration take a look at the v-components package.

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -9,4 +9,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/icon/docs/Vue","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/icon/how-to-use.html b/review/main/components/icon/how-to-use.html index f3e0fc5e7b6..a03d42da170 100644 --- a/review/main/components/icon/how-to-use.html +++ b/review/main/components/icon/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/icon/migration.html b/review/main/components/icon/migration.html index 00b9c479f41..dfa5f169a19 100644 --- a/review/main/components/icon/migration.html +++ b/review/main/components/icon/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/icon/overview.html b/review/main/components/icon/overview.html index 7c809f42af7..6570ec071ed 100644 --- a/review/main/components/icon/overview.html +++ b/review/main/components/icon/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/icon/properties.html b/review/main/components/icon/properties.html index b24f7aa15c6..445f62579f0 100644 --- a/review/main/components/icon/properties.html +++ b/review/main/components/icon/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/infotext.html b/review/main/components/infotext.html index d2eeac0881f..d21cc4f7b0c 100644 --- a/review/main/components/infotext.html +++ b/review/main/components/infotext.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/infotext/code/Semantic.html b/review/main/components/infotext/code/Semantic.html index 6922231d067..ce87f909768 100644 --- a/review/main/components/infotext/code/Semantic.html +++ b/review/main/components/infotext/code/Semantic.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-infotext>(Default) Adaptive</db-infotext>
    <span class="db-infotext">(Default) Adaptive</span>
    <DBInfotext>(Default) Adaptive</DBInfotext>
    <DBInfotext>(Default) Adaptive</DBInfotext>
    <db-infotext variant="critical">Critical</db-infotext>
    <span class="db-infotext" data-variant="critical">
+DB UI Mono
    <db-infotext>(Default) Adaptive</db-infotext>
    <span class="db-infotext">(Default) Adaptive</span>
    <DBInfotext>(Default) Adaptive</DBInfotext>
    <DBInfotext>(Default) Adaptive</DBInfotext>
    <db-infotext variant="critical">Critical</db-infotext>
    <span class="db-infotext" data-variant="critical">
   Critical
 </span>
    <DBInfotext variant="critical">Critical</DBInfotext>
    <DBInfotext variant="critical">Critical</DBInfotext>
    <db-infotext variant="informational">Informational</db-infotext>
    <span class="db-infotext" data-variant="informational">
   Informational
@@ -6,4 +6,4 @@
   Successful
 </span>
    <DBInfotext variant="successful">Successful</DBInfotext>
    <DBInfotext variant="successful">Successful</DBInfotext>
    <db-infotext variant="warning">Warning</db-infotext>
    <span class="db-infotext" data-variant="warning">
   Warning
-</span>
    <DBInfotext variant="warning">Warning</DBInfotext>
    <DBInfotext variant="warning">Warning</DBInfotext>
    
\ No newline at end of file
+</span>
    <DBInfotext variant="warning">Warning</DBInfotext>
    <DBInfotext variant="warning">Warning</DBInfotext>
    \ No newline at end of file diff --git a/review/main/components/infotext/code/Size.html b/review/main/components/infotext/code/Size.html index 975d6f56b48..8a512d850c7 100644 --- a/review/main/components/infotext/code/Size.html +++ b/review/main/components/infotext/code/Size.html @@ -1,3 +1,3 @@ -DB UI Mono
    <db-infotext>(Default) Medium</db-infotext>
    <span class="db-infotext">(Default) Medium</span>
    <DBInfotext>(Default) Medium</DBInfotext>
    <DBInfotext>(Default) Medium</DBInfotext>
    <db-infotext size="small">Small</db-infotext>
    <span class="db-infotext" data-size="small">
+DB UI Mono
    <db-infotext>(Default) Medium</db-infotext>
    <span class="db-infotext">(Default) Medium</span>
    <DBInfotext>(Default) Medium</DBInfotext>
    <DBInfotext>(Default) Medium</DBInfotext>
    <db-infotext size="small">Small</db-infotext>
    <span class="db-infotext" data-size="small">
   Small
-</span>
    <DBInfotext size="small">Small</DBInfotext>
    <DBInfotext size="small">Small</DBInfotext>
    
\ No newline at end of file
+</span>
    <DBInfotext size="small">Small</DBInfotext>
    <DBInfotext size="small">Small</DBInfotext>
    \ No newline at end of file diff --git a/review/main/components/infotext/code/Tonality.html b/review/main/components/infotext/code/Tonality.html index 96487872515..46d3acaf9eb 100644 --- a/review/main/components/infotext/code/Tonality.html +++ b/review/main/components/infotext/code/Tonality.html @@ -1 +1 @@ -DB UI Mono
    <db-infotext>Functional</db-infotext>
    <span class="db-infotext">Functional</span>
    <DBInfotext>Functional</DBInfotext>
    <DBInfotext>Functional</DBInfotext>
    <db-infotext>(Default) Regular</db-infotext>
    <span class="db-infotext">(Default) Regular</span>
    <DBInfotext>(Default) Regular</DBInfotext>
    <DBInfotext>(Default) Regular</DBInfotext>
    <db-infotext>Expressive</db-infotext>
    <span class="db-infotext">Expressive</span>
    <DBInfotext>Expressive</DBInfotext>
    <DBInfotext>Expressive</DBInfotext>
    \ No newline at end of file +DB UI Mono
    <db-infotext>Functional</db-infotext>
    <span class="db-infotext">Functional</span>
    <DBInfotext>Functional</DBInfotext>
    <DBInfotext>Functional</DBInfotext>
    <db-infotext>(Default) Regular</db-infotext>
    <span class="db-infotext">(Default) Regular</span>
    <DBInfotext>(Default) Regular</DBInfotext>
    <DBInfotext>(Default) Regular</DBInfotext>
    <db-infotext>Expressive</db-infotext>
    <span class="db-infotext">Expressive</span>
    <DBInfotext>Expressive</DBInfotext>
    <DBInfotext>Expressive</DBInfotext>
    \ No newline at end of file diff --git a/review/main/components/infotext/docs/Angular.html b/review/main/components/infotext/docs/Angular.html index a1cb4a86dbe..322f3d93744 100644 --- a/review/main/components/infotext/docs/Angular.html +++ b/review/main/components/infotext/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration take a look at the ngx-components package.

    Load componentload-component anchor link

    // app.component.ts
@@ -14,4 +14,4 @@ 
    Load componentUse componentuse-component anchor link
    
 
    <!-- app.component.html -->
 <db-infotext>Infotext</db-infotext>
-
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/infotext/docs/HTML.html b/review/main/components/infotext/docs/HTML.html index 8cd192b24fb..0d93f6b05a1 100644 --- a/review/main/components/infotext/docs/HTML.html +++ b/review/main/components/infotext/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration take a look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -6,4 +6,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/infotext/docs/HTML","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/infotext/docs/Migration.html b/review/main/components/infotext/docs/Migration.html index 3312a2a03b7..c7c372b75a5 100644 --- a/review/main/components/infotext/docs/Migration.html +++ b/review/main/components/infotext/docs/Migration.html @@ -1,7 +1,7 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    DB UI Core ➡ DB UI Componentsdb-ui-core--db-ui-components anchor link

    -

    New Component 🥳

    \ No newline at end of file +

    New Component 🥳

    \ No newline at end of file diff --git a/review/main/components/infotext/docs/React.html b/review/main/components/infotext/docs/React.html index 954d85368ea..7cddb97cee2 100644 --- a/review/main/components/infotext/docs/React.html +++ b/review/main/components/infotext/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration take a look at the react-components package.

    Use componentuse-component anchor link

    // App.tsx
@@ -7,4 +7,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/infotext/docs/React","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/infotext/docs/Vue.html b/review/main/components/infotext/docs/Vue.html index 075b1647af9..4c79eb43424 100644 --- a/review/main/components/infotext/docs/Vue.html +++ b/review/main/components/infotext/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration take a look at the v-components package.

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -9,4 +9,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/infotext/docs/Vue","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/infotext/how-to-use.html b/review/main/components/infotext/how-to-use.html index 3b887152b85..c513a9bd9e7 100644 --- a/review/main/components/infotext/how-to-use.html +++ b/review/main/components/infotext/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/infotext/migration.html b/review/main/components/infotext/migration.html index b9150b4da44..558ec568a4e 100644 --- a/review/main/components/infotext/migration.html +++ b/review/main/components/infotext/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/infotext/overview.html b/review/main/components/infotext/overview.html index 02df6a6de8d..bd9c93ba43e 100644 --- a/review/main/components/infotext/overview.html +++ b/review/main/components/infotext/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/infotext/properties.html b/review/main/components/infotext/properties.html index fb2fe81bb72..5a45fcc9eeb 100644 --- a/review/main/components/infotext/properties.html +++ b/review/main/components/infotext/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/input.html b/review/main/components/input.html index 9aba00311c2..5bf8bbc7797 100644 --- a/review/main/components/input.html +++ b/review/main/components/input.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/input/code/Content.html b/review/main/components/input/code/Content.html index b93ffb6a235..d38a8240d53 100644 --- a/review/main/components/input/code/Content.html +++ b/review/main/components/input/code/Content.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-input label="Label" value="(Default) Text">
+DB UI Mono
    <db-input label="Label" value="(Default) Text">
   (Default) Text
 </db-input>
    <div class="db-input">
   <label for="OVERWRITE_DEFAULT_ID">Label</label>
@@ -58,4 +58,4 @@
   Text - Trailing Icon
 </DBInput>
    <DBInput label="Label" iconAfter="x_placeholder">
   Text - Trailing Icon
-</DBInput>
    
\ No newline at end of file
+</DBInput>
    \ No newline at end of file diff --git a/review/main/components/input/code/ExampleTypes.html b/review/main/components/input/code/ExampleTypes.html index 4c817902529..9b7485507dd 100644 --- a/review/main/components/input/code/ExampleTypes.html +++ b/review/main/components/input/code/ExampleTypes.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-input label="Label">(Default) Text</db-input>
    undefined
    <DBInput label="Label">(Default) Text</DBInput>
    <DBInput label="Label">(Default) Text</DBInput>
    <db-input label="Label" type="password">
+DB UI Mono
    <db-input label="Label">(Default) Text</db-input>
    undefined
    <DBInput label="Label">(Default) Text</DBInput>
    <DBInput label="Label">(Default) Text</DBInput>
    <db-input label="Label" type="password">
   Password
 </db-input>
    undefined
    <DBInput label="Label" type="password">
   Password
@@ -64,4 +64,4 @@
   Week
 </DBInput>
    <DBInput label="Label" type="week">
   Week
-</DBInput>
    
\ No newline at end of file
+</DBInput>
    \ No newline at end of file diff --git a/review/main/components/input/code/ExampleTypesFloatingLabel.html b/review/main/components/input/code/ExampleTypesFloatingLabel.html index 3298a45ad0d..5e996871aa0 100644 --- a/review/main/components/input/code/ExampleTypesFloatingLabel.html +++ b/review/main/components/input/code/ExampleTypesFloatingLabel.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-input label="Label" labelVariant="floating">
+DB UI Mono
    <db-input label="Label" labelVariant="floating">
   (Default) Text
 </db-input>
    undefined
    <DBInput label="Label" labelVariant="floating">
   (Default) Text
@@ -70,4 +70,4 @@
   Week
 </DBInput>
    <DBInput label="Label" type="week" labelVariant="floating">
   Week
-</DBInput>
    
\ No newline at end of file
+</DBInput>
    \ No newline at end of file diff --git a/review/main/components/input/code/Requirement.html b/review/main/components/input/code/Requirement.html index eab84d4871d..6db4b351cc4 100644 --- a/review/main/components/input/code/Requirement.html +++ b/review/main/components/input/code/Requirement.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-input label="Label">(Default) Optional</db-input>
    <div class="db-input">
+DB UI Mono
    <db-input label="Label">(Default) Optional</db-input>
    <div class="db-input">
   <label for="OVERWRITE_DEFAULT_ID">Label</label>
   <input id="OVERWRITE_DEFAULT_ID" type="text" placeholder=" " />
   (Default) Optional
@@ -20,4 +20,4 @@
   Required - Filled
 </div>
    <DBInput label="Label" value="Required - Filled" required>
   Required - Filled
-</DBInput>
    <DBInput label="Label" value="Required - Filled" :required="true">Required - Filled</DBInput>
    
\ No newline at end of file
+</DBInput>
    <DBInput label="Label" value="Required - Filled" :required="true">Required - Filled</DBInput>
    \ No newline at end of file diff --git a/review/main/components/input/code/Semantic.html b/review/main/components/input/code/Semantic.html index d1c13d0b07f..b458a3f0b1e 100644 --- a/review/main/components/input/code/Semantic.html +++ b/review/main/components/input/code/Semantic.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-input label="Label" message="Helper Message">
+DB UI Mono
    <db-input label="Label" message="Helper Message">
   (Default) Adaptive
 </db-input>
    <div class="db-input">
   <label for="OVERWRITE_DEFAULT_ID">Label</label>
@@ -113,4 +113,4 @@
   Warning
 </DBInput>
    <DBInput label="Label" variant="warning" message="Warning Message">
   Warning
-</DBInput>
    
\ No newline at end of file
+</DBInput>
    \ No newline at end of file diff --git a/review/main/components/input/code/StatesFloatingLabel.html b/review/main/components/input/code/StatesFloatingLabel.html index df13981c996..75ebfba374d 100644 --- a/review/main/components/input/code/StatesFloatingLabel.html +++ b/review/main/components/input/code/StatesFloatingLabel.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-input label="Label" labelVariant="floating">
+DB UI Mono
    <db-input label="Label" labelVariant="floating">
   (Default) Empty
 </db-input>
    undefined
    <DBInput label="Label" labelVariant="floating">
   (Default) Empty
@@ -23,4 +23,4 @@
   labelVariant="floating"
 >
   Readonly - Filled
-</DBInput>
    <DBInput label="Label" value="Readonly - Filled" :readOnly="true" labelVariant="floating">Readonly - Filled</DBInput>
    
\ No newline at end of file
+</DBInput>
    <DBInput label="Label" value="Readonly - Filled" :readOnly="true" labelVariant="floating">Readonly - Filled</DBInput>
    \ No newline at end of file diff --git a/review/main/components/input/code/StatesLabelAbove.html b/review/main/components/input/code/StatesLabelAbove.html index 4b1e9416aa6..2fbc7e141df 100644 --- a/review/main/components/input/code/StatesLabelAbove.html +++ b/review/main/components/input/code/StatesLabelAbove.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-input label="Label">(Default) Empty</db-input>
    undefined
    <DBInput label="Label">(Default) Empty</DBInput>
    <DBInput label="Label">(Default) Empty</DBInput>
    <db-input label="Label" value="Filled">
+DB UI Mono
    <db-input label="Label">(Default) Empty</db-input>
    undefined
    <DBInput label="Label">(Default) Empty</DBInput>
    <DBInput label="Label">(Default) Empty</DBInput>
    <db-input label="Label" value="Filled">
   Filled
 </db-input>
    undefined
    <DBInput label="Label" value="Filled">
   Filled
@@ -12,4 +12,4 @@
   Disabled
 </DBInput>
    <DBInput label="Label" :disabled="true">Disabled</DBInput>
    <db-input label="Label" value="Readonly - Filled" [readOnly]="true">Readonly - Filled</db-input>
    undefined
    <DBInput label="Label" value="Readonly - Filled" readOnly>
   Readonly - Filled
-</DBInput>
    <DBInput label="Label" value="Readonly - Filled" :readOnly="true">Readonly - Filled</DBInput>
    
\ No newline at end of file
+</DBInput>
    <DBInput label="Label" value="Readonly - Filled" :readOnly="true">Readonly - Filled</DBInput>
    \ No newline at end of file diff --git a/review/main/components/input/code/Tonality.html b/review/main/components/input/code/Tonality.html index cf8ef240bc3..515c0137f40 100644 --- a/review/main/components/input/code/Tonality.html +++ b/review/main/components/input/code/Tonality.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-input label="Label">Functional</db-input>
    <div class="db-input">
+DB UI Mono
    <db-input label="Label">Functional</db-input>
    <div class="db-input">
   <label for="OVERWRITE_DEFAULT_ID">Label</label>
   <input id="OVERWRITE_DEFAULT_ID" type="text" placeholder=" " />
   Functional
@@ -10,4 +10,4 @@
   <label for="OVERWRITE_DEFAULT_ID">Label</label>
   <input id="OVERWRITE_DEFAULT_ID" type="text" placeholder=" " />
   Expressive
-</div>
    <DBInput label="Label">Expressive</DBInput>
    <DBInput label="Label">Expressive</DBInput>
    
\ No newline at end of file
+</div>
    <DBInput label="Label">Expressive</DBInput>
    <DBInput label="Label">Expressive</DBInput>
    \ No newline at end of file diff --git a/review/main/components/input/code/VariantHelperMessage.html b/review/main/components/input/code/VariantHelperMessage.html index 6e95e557235..d6129dbed88 100644 --- a/review/main/components/input/code/VariantHelperMessage.html +++ b/review/main/components/input/code/VariantHelperMessage.html @@ -1,7 +1,7 @@ -DB UI Mono
    <db-input label="Label">(Default) Basic</db-input>
    undefined
    <DBInput label="Label">(Default) Basic</DBInput>
    <DBInput label="Label">(Default) Basic</DBInput>
    <db-input label="Label" message="Helper Message">
+DB UI Mono
    <db-input label="Label">(Default) Basic</db-input>
    undefined
    <DBInput label="Label">(Default) Basic</DBInput>
    <DBInput label="Label">(Default) Basic</DBInput>
    <db-input label="Label" message="Helper Message">
   Helper Message
 </db-input>
    undefined
    <DBInput label="Label" message="Helper Message">
   Helper Message
 </DBInput>
    <DBInput label="Label" message="Helper Message">
   Helper Message
-</DBInput>
    
\ No newline at end of file
+</DBInput>
    \ No newline at end of file diff --git a/review/main/components/input/code/VariantLabel.html b/review/main/components/input/code/VariantLabel.html index b056cf00632..5f2b3501021 100644 --- a/review/main/components/input/code/VariantLabel.html +++ b/review/main/components/input/code/VariantLabel.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-input label="Label">(Default) Label Above</db-input>
    undefined
    <DBInput label="Label">(Default) Label Above</DBInput>
    <DBInput label="Label">(Default) Label Above</DBInput>
    <db-input label="Label" labelVariant="floating" value="Floating Label">
+DB UI Mono
    <db-input label="Label">(Default) Label Above</db-input>
    undefined
    <DBInput label="Label">(Default) Label Above</DBInput>
    <DBInput label="Label">(Default) Label Above</DBInput>
    <db-input label="Label" labelVariant="floating" value="Floating Label">
   Floating Label
 </db-input>
    undefined
    <DBInput label="Label" labelVariant="floating" value="Floating Label">
   Floating Label
@@ -10,4 +10,4 @@
   Hidden Label
 </DBInput>
    <DBInput label="Label" labelVariant="hidden">
   Hidden Label
-</DBInput>
    
\ No newline at end of file
+</DBInput>
    \ No newline at end of file diff --git a/review/main/components/input/docs/Angular.html b/review/main/components/input/docs/Angular.html index 47f38c378e8..f31d588d971 100644 --- a/review/main/components/input/docs/Angular.html +++ b/review/main/components/input/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    Load SCSS globally within styles.scss in your app:

    @forward "@db-ui/components/build/styles/db-ui-42-rollup";
    @@ -109,4 +109,4 @@

    How to use with Template driven F alert(JSON.stringify({ input: this.input })); } } -

    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/input/docs/HTML.html b/review/main/components/input/docs/HTML.html index 29b2627e108..e9c929c185f 100644 --- a/review/main/components/input/docs/HTML.html +++ b/review/main/components/input/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    Load SCSS globally somewhere in your app:

    @forward "@db-ui/components/build/styles/db-ui-42";
    @@ -7,4 +7,4 @@ <label for="username">Label</label> <input type="text" name="username" id="username" /> </div> -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/input/docs/Migration.html b/review/main/components/input/docs/Migration.html index 199ab139b56..09518b5a63c 100644 --- a/review/main/components/input/docs/Migration.html +++ b/review/main/components/input/docs/Migration.html @@ -1,4 +1,4 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    @@ -7,4 +7,4 @@

    DB UI Core ➡ DB UI Componentsclassclass anchor link

    BeforeStatusAfterDescription
    elm-input🔁db-input

    variantsvariants anchor link

    -
    BeforeStatusAfterDescription
    semitransparent❌❌old variants are removed a semi-transparent look is the default, new variants are chaniging the color
    white❌❌
    solid❌❌
    outline❌❌
    🆕adaptive
    🆕neutral
    🆕critical
    🆕informational
    🆕warning
    🆕successful
    \ No newline at end of file +
    BeforeStatusAfterDescription
    semitransparent❌❌old variants are removed a semi-transparent look is the default, new variants are chaniging the color
    white❌❌
    solid❌❌
    outline❌❌
    🆕adaptive
    🆕neutral
    🆕critical
    🆕informational
    🆕warning
    🆕successful
    \ No newline at end of file diff --git a/review/main/components/input/docs/React.html b/review/main/components/input/docs/React.html index b0da7735488..a3e1a6d3c31 100644 --- a/review/main/components/input/docs/React.html +++ b/review/main/components/input/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    Load SCSS globally in a index.scss file inside main.tsx/main.jsx within your app:

    @forward "@db-ui/components/build/styles/db-ui-42-rollup";
    @@ -11,4 +11,4 @@ description={description} onChange={handleChange} ></DBInput>; -
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/input/docs/Vue.html b/review/main/components/input/docs/Vue.html index 5d16b9dc401..ffcb53f0927 100644 --- a/review/main/components/input/docs/Vue.html +++ b/review/main/components/input/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    Load SCSS globally in a index.scss file and import it in your main.ts/main.js file in your app:

    @forward "@db-ui/components/build/styles/db-ui-42-rollup";
    @@ -25,4 +25,4 @@

    or using on-change listener:

    <DBInput label="Textlabel" placeholder="Start" :value="modelAndChange" @change="($event) => { modelAndChange = $event.target.value;
 }"/> {{ modelAndChange }}
-
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/input/how-to-use.html b/review/main/components/input/how-to-use.html index 0866a351053..da24055f79b 100644 --- a/review/main/components/input/how-to-use.html +++ b/review/main/components/input/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/input/migration.html b/review/main/components/input/migration.html index bdf67331c4a..92585b6545e 100644 --- a/review/main/components/input/migration.html +++ b/review/main/components/input/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/input/overview.html b/review/main/components/input/overview.html index c025752b172..2488d6d8719 100644 --- a/review/main/components/input/overview.html +++ b/review/main/components/input/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/input/properties.html b/review/main/components/input/properties.html index c446bbb03ca..85bc585f5b0 100644 --- a/review/main/components/input/properties.html +++ b/review/main/components/input/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/link.html b/review/main/components/link.html index c9775cdb3bc..e358a934570 100644 --- a/review/main/components/link.html +++ b/review/main/components/link.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/link/code/Content.html b/review/main/components/link/code/Content.html index c78762e281f..11b59481392 100644 --- a/review/main/components/link/code/Content.html +++ b/review/main/components/link/code/Content.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-link href="#">(Default) Internal</db-link>
    <a class="db-link" href="#" tabindex="0" data-content="internal">
+DB UI Mono
    <db-link href="#">(Default) Internal</db-link>
    <a class="db-link" href="#" tabindex="0" data-content="internal">
   (Default) Internal
 </a>
    <DBLink href="#">(Default) Internal</DBLink>
    <DBLink href="#">(Default) Internal</DBLink>
    <db-link href="#" content="external">
   External
@@ -14,4 +14,4 @@
   External
 </DBLink>
    <DBLink href="#" content="external">
   External
-</DBLink>
    
\ No newline at end of file
+</DBLink>
    \ No newline at end of file diff --git a/review/main/components/link/code/InteractionStates.html b/review/main/components/link/code/InteractionStates.html index 8116a950bc6..cdbe8660a09 100644 --- a/review/main/components/link/code/InteractionStates.html +++ b/review/main/components/link/code/InteractionStates.html @@ -1,3 +1,3 @@ -DB UI Mono
    <db-link href="#">Enabled (Default)/Hover/Pressed</db-link>
    undefined
    <DBLink href="#">Enabled (Default)/Hover/Pressed</DBLink>
    <DBLink href="#">Enabled (Default)/Hover/Pressed</DBLink>
    <db-link href="#" [disabled]="true">Disabled</db-link>
    undefined
    <DBLink href="#" disabled>
+DB UI Mono
    <db-link href="#">Enabled (Default)/Hover/Pressed</db-link>
    undefined
    <DBLink href="#">Enabled (Default)/Hover/Pressed</DBLink>
    <DBLink href="#">Enabled (Default)/Hover/Pressed</DBLink>
    <db-link href="#" [disabled]="true">Disabled</db-link>
    undefined
    <DBLink href="#" disabled>
   Disabled
-</DBLink>
    <DBLink href="#" :disabled="true">Disabled</DBLink>
    
\ No newline at end of file
+</DBLink>
    <DBLink href="#" :disabled="true">Disabled</DBLink>
    \ No newline at end of file diff --git a/review/main/components/link/code/Semantic.html b/review/main/components/link/code/Semantic.html index 3729af435b8..1643d166a0e 100644 --- a/review/main/components/link/code/Semantic.html +++ b/review/main/components/link/code/Semantic.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-link href="#">(Default) Adaptive</db-link>
    <a class="db-link" href="#" tabindex="0" data-content="internal">
+DB UI Mono
    <db-link href="#">(Default) Adaptive</db-link>
    <a class="db-link" href="#" tabindex="0" data-content="internal">
   (Default) Adaptive
 </a>
    <DBLink href="#">(Default) Adaptive</DBLink>
    <DBLink href="#">(Default) Adaptive</DBLink>
    <db-link href="#" variant="primary">
   Brand
@@ -14,4 +14,4 @@
   Brand
 </DBLink>
    <DBLink href="#" variant="primary">
   Brand
-</DBLink>
    
\ No newline at end of file
+</DBLink>
    \ No newline at end of file diff --git a/review/main/components/link/code/Size.html b/review/main/components/link/code/Size.html index 06b3e52a5b8..d1e80b1f316 100644 --- a/review/main/components/link/code/Size.html +++ b/review/main/components/link/code/Size.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-link href="#">(Default) Medium</db-link>
    <a class="db-link" href="#" tabindex="0" data-content="internal">
+DB UI Mono
    <db-link href="#">(Default) Medium</db-link>
    <a class="db-link" href="#" tabindex="0" data-content="internal">
   (Default) Medium
 </a>
    <DBLink href="#">(Default) Medium</DBLink>
    <DBLink href="#">(Default) Medium</DBLink>
    <db-link href="#" size="small">
   Small
@@ -14,4 +14,4 @@
   Small
 </DBLink>
    <DBLink href="#" size="small">
   Small
-</DBLink>
    
\ No newline at end of file
+</DBLink>
    \ No newline at end of file diff --git a/review/main/components/link/code/Tonality.html b/review/main/components/link/code/Tonality.html index 9bd4d10f693..46c6f7d48f5 100644 --- a/review/main/components/link/code/Tonality.html +++ b/review/main/components/link/code/Tonality.html @@ -1,7 +1,7 @@ -DB UI Mono
    <db-link href="#">Functional</db-link>
    <a class="db-link" href="#" tabindex="0" data-content="internal">
+DB UI Mono
    <db-link href="#">Functional</db-link>
    <a class="db-link" href="#" tabindex="0" data-content="internal">
   Functional
 </a>
    <DBLink href="#">Functional</DBLink>
    <DBLink href="#">Functional</DBLink>
    <db-link href="#">(Default) Regular</db-link>
    <a class="db-link" href="#" tabindex="0" data-content="internal">
   (Default) Regular
 </a>
    <DBLink href="#">(Default) Regular</DBLink>
    <DBLink href="#">(Default) Regular</DBLink>
    <db-link href="#">Expressive</db-link>
    <a class="db-link" href="#" tabindex="0" data-content="internal">
   Expressive
-</a>
    <DBLink href="#">Expressive</DBLink>
    <DBLink href="#">Expressive</DBLink>
    
\ No newline at end of file
+</a>
    <DBLink href="#">Expressive</DBLink>
    <DBLink href="#">Expressive</DBLink>
    \ No newline at end of file diff --git a/review/main/components/link/docs/Angular.html b/review/main/components/link/docs/Angular.html index 0b7ae60449d..99bf92ca7ba 100644 --- a/review/main/components/link/docs/Angular.html +++ b/review/main/components/link/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration take a look at the ngx-components package.

    Load componentload-component anchor link

    // app.component.ts
@@ -14,4 +14,4 @@ 
    Load componentUse componentuse-component anchor link
    
 
    <!-- app.component.html -->
 <db-link href="#" variant="primary">Link</db-link>
-
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/link/docs/HTML.html b/review/main/components/link/docs/HTML.html index 64edb2a57eb..fced4c79516 100644 --- a/review/main/components/link/docs/HTML.html +++ b/review/main/components/link/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration take a look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -6,4 +6,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/link/docs/HTML","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/link/docs/Migration.html b/review/main/components/link/docs/Migration.html index b5fe85ddee1..ac891bde4ee 100644 --- a/review/main/components/link/docs/Migration.html +++ b/review/main/components/link/docs/Migration.html @@ -1,4 +1,4 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    @@ -7,4 +7,4 @@

    DB UI Core ➡ DB UI Componentsclassclass anchor link

    BeforeStatusAfterDescription
    elm-link🔁db-link

    iconsicons anchor link

    -
    BeforeStatusAfterDescription
    icon❌❌not valid anymore use content to show interal or external arrow icon
    icononly❌❌
    iconVariant❌❌
    \ No newline at end of file +
    BeforeStatusAfterDescription
    icon❌❌not valid anymore use content to show interal or external arrow icon
    icononly❌❌
    iconVariant❌❌
    \ No newline at end of file diff --git a/review/main/components/link/docs/React.html b/review/main/components/link/docs/React.html index 7c03ffbba29..0433eb86712 100644 --- a/review/main/components/link/docs/React.html +++ b/review/main/components/link/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration take a look at the react-components package.

    Use componentuse-component anchor link

    // App.tsx
@@ -11,4 +11,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/link/docs/React","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/link/docs/Vue.html b/review/main/components/link/docs/Vue.html index 859feaeda23..0bc904fc4ce 100644 --- a/review/main/components/link/docs/Vue.html +++ b/review/main/components/link/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration take a look at the v-components package.

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -9,4 +9,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/link/docs/Vue","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/link/how-to-use.html b/review/main/components/link/how-to-use.html index 26d60f59bed..0c432d07575 100644 --- a/review/main/components/link/how-to-use.html +++ b/review/main/components/link/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/link/migration.html b/review/main/components/link/migration.html index 5bef92f9ed4..6759d69699e 100644 --- a/review/main/components/link/migration.html +++ b/review/main/components/link/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/link/overview.html b/review/main/components/link/overview.html index abe90142412..563f97ac8f2 100644 --- a/review/main/components/link/overview.html +++ b/review/main/components/link/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/link/properties.html b/review/main/components/link/properties.html index 9d03d2759cb..4367a1cbb16 100644 --- a/review/main/components/link/properties.html +++ b/review/main/components/link/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/main-navigation.html b/review/main/components/main-navigation.html index 2c241eafa68..85f20ab6dc4 100644 --- a/review/main/components/main-navigation.html +++ b/review/main/components/main-navigation.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/main-navigation/code/Tonality.html b/review/main/components/main-navigation/code/Tonality.html index 1c7f408e982..0995dbdc922 100644 --- a/review/main/components/main-navigation/code/Tonality.html +++ b/review/main/components/main-navigation/code/Tonality.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-main-navigation>
+DB UI Mono
    <db-main-navigation>
 	<db-navigation-item [active]="true">
 		<ng-container sub-navigation>
 			<db-navigation-item [active]="true">
@@ -403,4 +403,4 @@
 		<DBNavigationItem :disabled="true">
 			<a href="#">Navi-Item 3</a>
 		</DBNavigationItem>
-	</DBMainNavigation>
    
\ No newline at end of file
+	</DBMainNavigation>
    \ No newline at end of file diff --git a/review/main/components/main-navigation/docs/Angular.html b/review/main/components/main-navigation/docs/Angular.html index 082e244eb88..739d008b02e 100644 --- a/review/main/components/main-navigation/docs/Angular.html +++ b/review/main/components/main-navigation/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration look at the ngx-components package.

    Load componentload-component anchor link

    // app.component.ts
@@ -116,4 +116,4 @@ 
    Angular Router and active stat
 		</ng-container>
 	</db-navigation-item>
 </db-main-navigation>
-
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/main-navigation/docs/HTML.html b/review/main/components/main-navigation/docs/HTML.html index f84e5d7c097..5b884583952 100644 --- a/review/main/components/main-navigation/docs/HTML.html +++ b/review/main/components/main-navigation/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -48,4 +48,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/main-navigation/docs/HTML","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/main-navigation/docs/Migration.html b/review/main/components/main-navigation/docs/Migration.html index 1fafb66cce1..621c9ff3684 100644 --- a/review/main/components/main-navigation/docs/Migration.html +++ b/review/main/components/main-navigation/docs/Migration.html @@ -1,4 +1,4 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    @@ -7,4 +7,4 @@

    DB UI Core ➡ DB UI Componentsclassclass anchor link

    BeforeStatusAfterDescription
    cmp-mainnavigation🔁db-main-navigation

    childrenchildren anchor link

    -
    BeforeStatusAfterDescription
    data❌❌pass data via children / slot, moved a lot of the features to db-header
    siteName❌❌
    \ No newline at end of file +
    BeforeStatusAfterDescription
    data❌❌pass data via children / slot, moved a lot of the features to db-header
    siteName❌❌
    \ No newline at end of file diff --git a/review/main/components/main-navigation/docs/React.html b/review/main/components/main-navigation/docs/React.html index 3d4e86a474f..8f493bce788 100644 --- a/review/main/components/main-navigation/docs/React.html +++ b/review/main/components/main-navigation/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration look at the react-components package.

    Use componentuse-component anchor link

    // App.tsx
@@ -43,4 +43,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/main-navigation/docs/React","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/main-navigation/docs/Vue.html b/review/main/components/main-navigation/docs/Vue.html index 76363626257..4b43a644cc3 100644 --- a/review/main/components/main-navigation/docs/Vue.html +++ b/review/main/components/main-navigation/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration look at the v-components package.

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -73,4 +73,4 @@ 
    Vue Router and active state handli
 		</DBNavigationItem>
 	</DBMainNavigation>
 </template>
-
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/main-navigation/how-to-use.html b/review/main/components/main-navigation/how-to-use.html index fc4ee8247da..e6df56dbe19 100644 --- a/review/main/components/main-navigation/how-to-use.html +++ b/review/main/components/main-navigation/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/main-navigation/migration.html b/review/main/components/main-navigation/migration.html index 2e3c38680eb..3d80c674dfc 100644 --- a/review/main/components/main-navigation/migration.html +++ b/review/main/components/main-navigation/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/main-navigation/overview.html b/review/main/components/main-navigation/overview.html index 2877d6f029b..760ddb43928 100644 --- a/review/main/components/main-navigation/overview.html +++ b/review/main/components/main-navigation/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/main-navigation/properties.html b/review/main/components/main-navigation/properties.html index 5116f04d663..76d13389884 100644 --- a/review/main/components/main-navigation/properties.html +++ b/review/main/components/main-navigation/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/navigation-item.html b/review/main/components/navigation-item.html index 309c8b3bb2c..990357c7585 100644 --- a/review/main/components/navigation-item.html +++ b/review/main/components/navigation-item.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/navigation-item/code/Content.html b/review/main/components/navigation-item/code/Content.html index 6f036b7d6a0..510e2f1929b 100644 --- a/review/main/components/navigation-item/code/Content.html +++ b/review/main/components/navigation-item/code/Content.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-navigation-item [areaPopup]="false">(Default) Text</db-navigation-item>
    <li class="db-navigation-item">
+DB UI Mono
    <db-navigation-item [areaPopup]="false">(Default) Text</db-navigation-item>
    <li class="db-navigation-item">
   <button
     class="db-navigation-item-expand-button"
     aria-haspopup="false"
@@ -6,7 +6,7 @@
   >
     (Default) Text
   </button>
-  <menu class="db-sub-navigation" id="sub-navigation-21457355602252326"></menu>
+  <menu class="db-sub-navigation" id="sub-navigation-5195915819182642"></menu>
 </li>
    <DBNavigationItem areaPopup>(Default) Text</DBNavigationItem>
    <DBNavigationItem :areaPopup="false">(Default) Text</DBNavigationItem>
    <db-navigation-item icon="account" [areaPopup]="false">Text - Icon (Leading)</db-navigation-item>
    <li class="db-navigation-item" data-icon="account">
   <button
     class="db-navigation-item-expand-button"
@@ -15,7 +15,7 @@
   >
     Text - Icon (Leading)
   </button>
-  <menu class="db-sub-navigation" id="sub-navigation-7722264097906293"></menu>
+  <menu class="db-sub-navigation" id="sub-navigation-624147382777638"></menu>
 </li>
    <DBNavigationItem icon="account" areaPopup>
   Text - Icon (Leading)
 </DBNavigationItem>
    <DBNavigationItem icon="account" :areaPopup="false">Text - Icon (Leading)</DBNavigationItem>
    <db-navigation-item icon="account" [areaPopup]="true">Text - Icons (Leading, Chevron)</db-navigation-item>
    <li class="db-navigation-item" data-icon="account">
@@ -26,7 +26,7 @@
   >
     Text - Icons (Leading, Chevron)
   </button>
-  <menu class="db-sub-navigation" id="sub-navigation-3008962563928552"></menu>
+  <menu class="db-sub-navigation" id="sub-navigation-4478767404287596"></menu>
 </li>
    <DBNavigationItem icon="account" areaPopup>
   Text - Icons (Leading, Chevron)
 </DBNavigationItem>
    <DBNavigationItem icon="account" :areaPopup="true">Text - Icons (Leading, Chevron)</DBNavigationItem>
    <db-navigation-item [areaPopup]="true">Text - Icon (Chevron)</db-navigation-item>
    <li class="db-navigation-item">
@@ -37,5 +37,5 @@
   >
     Text - Icon (Chevron)
   </button>
-  <menu class="db-sub-navigation" id="sub-navigation-32148144905653275"></menu>
-</li>
    <DBNavigationItem areaPopup>Text - Icon (Chevron)</DBNavigationItem>
    <DBNavigationItem :areaPopup="true">Text - Icon (Chevron)</DBNavigationItem>
    
\ No newline at end of file
+  <menu class="db-sub-navigation" id="sub-navigation-9877882086436014"></menu>
+</li>
    <DBNavigationItem areaPopup>Text - Icon (Chevron)</DBNavigationItem>
    <DBNavigationItem :areaPopup="true">Text - Icon (Chevron)</DBNavigationItem>
    \ No newline at end of file diff --git a/review/main/components/navigation-item/code/InteractionStates.html b/review/main/components/navigation-item/code/InteractionStates.html index 1810e97d835..d48c7c35161 100644 --- a/review/main/components/navigation-item/code/InteractionStates.html +++ b/review/main/components/navigation-item/code/InteractionStates.html @@ -1,5 +1,5 @@ -DB UI Mono
    <db-navigation-item [areaPopup]="true">Enabled (Default)/Hover/Pressed</db-navigation-item>
    undefined
    <DBNavigationItem areaPopup>Enabled (Default)/Hover/Pressed</DBNavigationItem>
    <DBNavigationItem :areaPopup="true">Enabled (Default)/Hover/Pressed</DBNavigationItem>
    <db-navigation-item [active]="true" [areaPopup]="true">Active</db-navigation-item>
    undefined
    <DBNavigationItem active areaPopup>
+DB UI Mono
    <db-navigation-item [areaPopup]="true">Enabled (Default)/Hover/Pressed</db-navigation-item>
    undefined
    <DBNavigationItem areaPopup>Enabled (Default)/Hover/Pressed</DBNavigationItem>
    <DBNavigationItem :areaPopup="true">Enabled (Default)/Hover/Pressed</DBNavigationItem>
    <db-navigation-item [active]="true" [areaPopup]="true">Active</db-navigation-item>
    undefined
    <DBNavigationItem active areaPopup>
   Active
 </DBNavigationItem>
    <DBNavigationItem :active="true" :areaPopup="true">Active</DBNavigationItem>
    <db-navigation-item [disabled]="true" [areaPopup]="true">Disabled</db-navigation-item>
    undefined
    <DBNavigationItem disabled areaPopup>
   Disabled
-</DBNavigationItem>
    <DBNavigationItem :disabled="true" :areaPopup="true">Disabled</DBNavigationItem>
    
\ No newline at end of file
+</DBNavigationItem>
    <DBNavigationItem :disabled="true" :areaPopup="true">Disabled</DBNavigationItem>
    \ No newline at end of file diff --git a/review/main/components/navigation-item/code/Tonality.html b/review/main/components/navigation-item/code/Tonality.html index 6476cbd61cd..6c5ac5eed09 100644 --- a/review/main/components/navigation-item/code/Tonality.html +++ b/review/main/components/navigation-item/code/Tonality.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-navigation-item [areaPopup]="true">Functional</db-navigation-item>
    <li class="db-navigation-item">
+DB UI Mono
    <db-navigation-item [areaPopup]="true">Functional</db-navigation-item>
    <li class="db-navigation-item">
   <button
     class="db-navigation-item-expand-button"
     aria-haspopup="false"
@@ -6,7 +6,7 @@
   >
     Functional
   </button>
-  <menu class="db-sub-navigation" id="sub-navigation-5268167371819645"></menu>
+  <menu class="db-sub-navigation" id="sub-navigation-8719957799054581"></menu>
 </li>
    <DBNavigationItem areaPopup>Functional</DBNavigationItem>
    <DBNavigationItem :areaPopup="true">Functional</DBNavigationItem>
    <db-navigation-item [areaPopup]="true">(Default) Regular</db-navigation-item>
    <li class="db-navigation-item">
   <button
     class="db-navigation-item-expand-button"
@@ -15,7 +15,7 @@
   >
     (Default) Regular
   </button>
-  <menu class="db-sub-navigation" id="sub-navigation-006490309170328334"></menu>
+  <menu class="db-sub-navigation" id="sub-navigation-036725972782285066"></menu>
 </li>
    <DBNavigationItem areaPopup>(Default) Regular</DBNavigationItem>
    <DBNavigationItem :areaPopup="true">(Default) Regular</DBNavigationItem>
    <db-navigation-item [areaPopup]="true">Expressive</db-navigation-item>
    <li class="db-navigation-item">
   <button
     class="db-navigation-item-expand-button"
@@ -24,5 +24,5 @@
   >
     Expressive
   </button>
-  <menu class="db-sub-navigation" id="sub-navigation-7478739283993054"></menu>
-</li>
    <DBNavigationItem areaPopup>Expressive</DBNavigationItem>
    <DBNavigationItem :areaPopup="true">Expressive</DBNavigationItem>
    
\ No newline at end of file
+  <menu class="db-sub-navigation" id="sub-navigation-538939282142149"></menu>
+</li>
    <DBNavigationItem areaPopup>Expressive</DBNavigationItem>
    <DBNavigationItem :areaPopup="true">Expressive</DBNavigationItem>
    \ No newline at end of file diff --git a/review/main/components/navigation-item/code/Width.html b/review/main/components/navigation-item/code/Width.html index 1af396fa817..dc4c70b6f9e 100644 --- a/review/main/components/navigation-item/code/Width.html +++ b/review/main/components/navigation-item/code/Width.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-navigation-item [areaPopup]="true">(Default) Auto</db-navigation-item>
    <li class="db-navigation-item">
+DB UI Mono
    <db-navigation-item [areaPopup]="true">(Default) Auto</db-navigation-item>
    <li class="db-navigation-item">
   <button
     class="db-navigation-item-expand-button"
     aria-haspopup="false"
@@ -6,7 +6,7 @@
   >
     (Default) Auto
   </button>
-  <menu class="db-sub-navigation" id="sub-navigation-3143422972418781"></menu>
+  <menu class="db-sub-navigation" id="sub-navigation-40054034115419856"></menu>
 </li>
    <DBNavigationItem areaPopup>(Default) Auto</DBNavigationItem>
    <DBNavigationItem :areaPopup="true">(Default) Auto</DBNavigationItem>
    <db-navigation-item width="full" [areaPopup]="true">Full</db-navigation-item>
    <li class="db-navigation-item" data-width="full">
   <button
     class="db-navigation-item-expand-button"
@@ -15,7 +15,7 @@
   >
     Full
   </button>
-  <menu class="db-sub-navigation" id="sub-navigation-480414327598345"></menu>
+  <menu class="db-sub-navigation" id="sub-navigation-5270401373166533"></menu>
 </li>
    <DBNavigationItem width="full" areaPopup>
   Full
-</DBNavigationItem>
    <DBNavigationItem width="full" :areaPopup="true">Full</DBNavigationItem>
    
\ No newline at end of file
+</DBNavigationItem>
    <DBNavigationItem width="full" :areaPopup="true">Full</DBNavigationItem>
    \ No newline at end of file diff --git a/review/main/components/navigation-item/docs/Angular.html b/review/main/components/navigation-item/docs/Angular.html index 8329bfb2ba0..fc003e03b84 100644 --- a/review/main/components/navigation-item/docs/Angular.html +++ b/review/main/components/navigation-item/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration take a look at the ngx-components package.

    Load componentload-component anchor link

    //app.component.ts
@@ -40,4 +40,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/navigation-item/docs/Angular","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/navigation-item/docs/HTML.html b/review/main/components/navigation-item/docs/HTML.html index fab7b277f9f..c395c7c29d3 100644 --- a/review/main/components/navigation-item/docs/HTML.html +++ b/review/main/components/navigation-item/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration take a look at the components package.

    Use componentuse-component anchor link

    If you want to use sub-navigations for mobile you need to add a eventListner:click on the db-navigation-item-expand-button. This eventListener should set aria-expanded to true for the button. This will open a static overlay for mobile/tablet devices with your db-sub-navigation. For desktop devices it works by default with :hover.

    @@ -21,4 +21,4 @@

    Use component{"props":{"pageProps":{}},"page":"/components/navigation-item/docs/HTML","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ No newline at end of file diff --git a/review/main/components/navigation-item/docs/Migration.html b/review/main/components/navigation-item/docs/Migration.html index bdf6a4eb1f7..9ce4d3ddde4 100644 --- a/review/main/components/navigation-item/docs/Migration.html +++ b/review/main/components/navigation-item/docs/Migration.html @@ -1,7 +1,7 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    DB UI Core ➡ DB UI Componentsdb-ui-core--db-ui-components anchor link

    -

    New Component 🥳

    \ No newline at end of file +

    New Component 🥳

    \ No newline at end of file diff --git a/review/main/components/navigation-item/docs/React.html b/review/main/components/navigation-item/docs/React.html index 5329f88d261..94717fa01d9 100644 --- a/review/main/components/navigation-item/docs/React.html +++ b/review/main/components/navigation-item/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration take a look at the react-components package.

    Use componentuse-component anchor link

    We try to set areaPopup (has/hasn't sub-navigation) inside the component, but this doesn't work in all frameworks. If you encounter some problems you have the set areaPopup with true/false for sub-navigation or link

    @@ -32,4 +32,4 @@

    Use component{"props":{"pageProps":{}},"page":"/components/navigation-item/docs/React","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ No newline at end of file diff --git a/review/main/components/navigation-item/docs/Vue.html b/review/main/components/navigation-item/docs/Vue.html index b086054e976..de4cd0d070a 100644 --- a/review/main/components/navigation-item/docs/Vue.html +++ b/review/main/components/navigation-item/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration take a look at the v-components package.

    Use componentuse-component anchor link

    We try to set areaPopup (has/hasn't sub-navigation) inside the component, but this doesn't work in all frameworks. If you encounter some problems you have the set areaPopup with true/false for sub-navigation or link

    @@ -26,4 +26,4 @@

    Use component{"props":{"pageProps":{}},"page":"/components/navigation-item/docs/Vue","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ No newline at end of file diff --git a/review/main/components/navigation-item/how-to-use.html b/review/main/components/navigation-item/how-to-use.html index 4eb16b47a55..cc6b7d72166 100644 --- a/review/main/components/navigation-item/how-to-use.html +++ b/review/main/components/navigation-item/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/navigation-item/migration.html b/review/main/components/navigation-item/migration.html index 717338a13f7..13d696e7a4c 100644 --- a/review/main/components/navigation-item/migration.html +++ b/review/main/components/navigation-item/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/navigation-item/overview.html b/review/main/components/navigation-item/overview.html index 001b6900877..79b815ec14c 100644 --- a/review/main/components/navigation-item/overview.html +++ b/review/main/components/navigation-item/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/navigation-item/properties.html b/review/main/components/navigation-item/properties.html index bafdec272f9..ae53f7bc914 100644 --- a/review/main/components/navigation-item/properties.html +++ b/review/main/components/navigation-item/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/page.html b/review/main/components/page.html index a8a18e631db..5a513c539bc 100644 --- a/review/main/components/page.html +++ b/review/main/components/page.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/page/code/Tonality.html b/review/main/components/page/code/Tonality.html index 988325511e5..5b8d3ba7347 100644 --- a/review/main/components/page/code/Tonality.html +++ b/review/main/components/page/code/Tonality.html @@ -1,7 +1,7 @@ -DB UI Mono
    <db-page>Functional</db-page>
    <div class="db-page" data-fonts-loaded="false">
+DB UI Mono
    <db-page>Functional</db-page>
    <div class="db-page" data-fonts-loaded="false">
   <main class="db-main">Functional</main>
 </div>
    <DBPage>Functional</DBPage>
    <DBPage>Functional</DBPage>
    <db-page>(Default) Regular</db-page>
    <div class="db-page" data-fonts-loaded="false">
   <main class="db-main">(Default) Regular</main>
 </div>
    <DBPage>(Default) Regular</DBPage>
    <DBPage>(Default) Regular</DBPage>
    <db-page>Expressive</db-page>
    <div class="db-page" data-fonts-loaded="false">
   <main class="db-main">Expressive</main>
-</div>
    <DBPage>Expressive</DBPage>
    <DBPage>Expressive</DBPage>
    
\ No newline at end of file
+</div>
    <DBPage>Expressive</DBPage>
    <DBPage>Expressive</DBPage>
    \ No newline at end of file diff --git a/review/main/components/page/docs/Angular.html b/review/main/components/page/docs/Angular.html index aafaa10b76c..bffa56bf916 100644 --- a/review/main/components/page/docs/Angular.html +++ b/review/main/components/page/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration take a look at the ngx-components package.

    Load componentload-component anchor link

    //app.component.ts
@@ -19,4 +19,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/page/docs/Angular","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/page/docs/HTML.html b/review/main/components/page/docs/HTML.html index bb09f9c07ed..e8fe9329732 100644 --- a/review/main/components/page/docs/HTML.html +++ b/review/main/components/page/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration take a look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -9,4 +9,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/page/docs/HTML","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/page/docs/Migration.html b/review/main/components/page/docs/Migration.html index 4e86a094022..9974be64536 100644 --- a/review/main/components/page/docs/Migration.html +++ b/review/main/components/page/docs/Migration.html @@ -1,8 +1,8 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    DB UI Core ➡ DB UI Componentsdb-ui-core--db-ui-components anchor link

    classclass anchor link

    -
    BeforeStatusAfterDescription
    rea-page🔁db-page
    \ No newline at end of file +
    BeforeStatusAfterDescription
    rea-page🔁db-page
    \ No newline at end of file diff --git a/review/main/components/page/docs/React.html b/review/main/components/page/docs/React.html index 80ffeb7d22e..b7e0619d401 100644 --- a/review/main/components/page/docs/React.html +++ b/review/main/components/page/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration take a look at the react-components package.

    Use componentuse-component anchor link

    // App.tsx
@@ -11,4 +11,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/page/docs/React","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/page/docs/Vue.html b/review/main/components/page/docs/Vue.html index 579fb57f119..1cf1d872577 100644 --- a/review/main/components/page/docs/Vue.html +++ b/review/main/components/page/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration take a look at the v-components package.

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -12,4 +12,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/page/docs/Vue","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/page/how-to-use.html b/review/main/components/page/how-to-use.html index 5bcaf38e90d..958992ccd2a 100644 --- a/review/main/components/page/how-to-use.html +++ b/review/main/components/page/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/page/migration.html b/review/main/components/page/migration.html index 67a51b02373..ae7ae8a0ca0 100644 --- a/review/main/components/page/migration.html +++ b/review/main/components/page/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/page/overview.html b/review/main/components/page/overview.html index 13442abf153..ab4c087add7 100644 --- a/review/main/components/page/overview.html +++ b/review/main/components/page/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/page/properties.html b/review/main/components/page/properties.html index 9c0ed759bc2..f2a659ef66a 100644 --- a/review/main/components/page/properties.html +++ b/review/main/components/page/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/popover.html b/review/main/components/popover.html index 52f640ea207..d84ea3a2907 100644 --- a/review/main/components/popover.html +++ b/review/main/components/popover.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/popover/code/Animations.html b/review/main/components/popover/code/Animations.html index 73158ae212f..603e61c44a6 100644 --- a/review/main/components/popover/code/Animations.html +++ b/review/main/components/popover/code/Animations.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-popover id="popover-13">(Default) Animation no delay</db-popover>
    <div id="popover-13" class="db-popover">
+DB UI Mono
    <db-popover id="popover-13">(Default) Animation no delay</db-popover>
    <div id="popover-13" class="db-popover">
   <article class="db-popover-content">(Default) Animation no delay</article>
 </div>
    <DBPopover id="popover-13">(Default) Animation no delay</DBPopover>
    <DBPopover id="popover-13">(Default) Animation no delay</DBPopover>
    <db-popover delay="slow" id="popover-14">
   Delay slow
@@ -30,4 +30,4 @@
   No animation
 </DBPopover>
    <DBPopover animation="disabled" id="popover-16">
   No animation
-</DBPopover>
    
\ No newline at end of file
+</DBPopover>
    \ No newline at end of file diff --git a/review/main/components/popover/code/Gap.html b/review/main/components/popover/code/Gap.html index bbde8b44a3b..002407e9ce4 100644 --- a/review/main/components/popover/code/Gap.html +++ b/review/main/components/popover/code/Gap.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-popover id="popover-11">(Default) No gap</db-popover>
    <div id="popover-11" class="db-popover">
+DB UI Mono
    <db-popover id="popover-11">(Default) No gap</db-popover>
    <div id="popover-11" class="db-popover">
   <article class="db-popover-content">(Default) No gap</article>
 </div>
    <DBPopover id="popover-11">(Default) No gap</DBPopover>
    <DBPopover id="popover-11">(Default) No gap</DBPopover>
    <db-popover [gap]="true" id="popover-12">With gap</db-popover>
    <div id="popover-12" class="db-popover">
   <article class="db-popover-content" data-gap="true">
@@ -6,4 +6,4 @@
   </article>
 </div>
    <DBPopover gap id="popover-12">
   With gap
-</DBPopover>
    <DBPopover :gap="true" id="popover-12">With gap</DBPopover>
    
\ No newline at end of file
+</DBPopover>
    <DBPopover :gap="true" id="popover-12">With gap</DBPopover>
    \ No newline at end of file diff --git a/review/main/components/popover/code/Placement.html b/review/main/components/popover/code/Placement.html index a8484d25285..7e92ad14e47 100644 --- a/review/main/components/popover/code/Placement.html +++ b/review/main/components/popover/code/Placement.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-popover placement="bottom-start" id="popover-07-start">
+DB UI Mono
    <db-popover placement="bottom-start" id="popover-07-start">
   bottom-start
 </db-popover>
    <div id="popover-07-start" class="db-popover">
   <article class="db-popover-content" data-placement="bottom-start">
@@ -118,4 +118,4 @@
   top-end
 </DBPopover>
    <DBPopover placement="top-end" id="popover-08-end">
   top-end
-</DBPopover>
    
\ No newline at end of file
+</DBPopover>
    \ No newline at end of file diff --git a/review/main/components/popover/code/Spacing.html b/review/main/components/popover/code/Spacing.html index 5f2d7b49c31..4c6c1311691 100644 --- a/review/main/components/popover/code/Spacing.html +++ b/review/main/components/popover/code/Spacing.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-popover spacing="small" id="popover-04">
+DB UI Mono
    <db-popover spacing="small" id="popover-04">
   (Default) Small
 </db-popover>
    <div id="popover-04" class="db-popover">
   <article class="db-popover-content" data-spacing="small">
@@ -28,4 +28,4 @@
   None
 </DBPopover>
    <DBPopover spacing="none" id="popover-06">
   None
-</DBPopover>
    
\ No newline at end of file
+</DBPopover>
    \ No newline at end of file diff --git a/review/main/components/popover/code/Tonality.html b/review/main/components/popover/code/Tonality.html index c1a99a6489a..bdeb3577db4 100644 --- a/review/main/components/popover/code/Tonality.html +++ b/review/main/components/popover/code/Tonality.html @@ -1,7 +1,7 @@ -DB UI Mono
    <db-popover id="popover-01">Functional</db-popover>
    <div id="popover-01" class="db-popover">
+DB UI Mono
    <db-popover id="popover-01">Functional</db-popover>
    <div id="popover-01" class="db-popover">
   <article class="db-popover-content">Functional</article>
 </div>
    <DBPopover id="popover-01">Functional</DBPopover>
    <DBPopover id="popover-01">Functional</DBPopover>
    <db-popover id="popover-02">(Default) Regular</db-popover>
    <div id="popover-02" class="db-popover">
   <article class="db-popover-content">(Default) Regular</article>
 </div>
    <DBPopover id="popover-02">(Default) Regular</DBPopover>
    <DBPopover id="popover-02">(Default) Regular</DBPopover>
    <db-popover id="popover-03">Expressive</db-popover>
    <div id="popover-03" class="db-popover">
   <article class="db-popover-content">Expressive</article>
-</div>
    <DBPopover id="popover-03">Expressive</DBPopover>
    <DBPopover id="popover-03">Expressive</DBPopover>
    
\ No newline at end of file
+</div>
    <DBPopover id="popover-03">Expressive</DBPopover>
    <DBPopover id="popover-03">Expressive</DBPopover>
    \ No newline at end of file diff --git a/review/main/components/popover/code/Width.html b/review/main/components/popover/code/Width.html index 1ca02305c86..e3b6ee231c8 100644 --- a/review/main/components/popover/code/Width.html +++ b/review/main/components/popover/code/Width.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-popover
+DB UI Mono
    <db-popover
   content="Max width, lorem ipsum dolor sit amet, consetetur sadipscing"
   id="popover-17"
 >
@@ -45,4 +45,4 @@
   id="popover-18"
 >
   Fixed
-</DBPopover>
    
\ No newline at end of file
+</DBPopover>
    \ No newline at end of file diff --git a/review/main/components/popover/docs/Angular.html b/review/main/components/popover/docs/Angular.html index 706d31b1161..c6f3fbdeedf 100644 --- a/review/main/components/popover/docs/Angular.html +++ b/review/main/components/popover/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration take a look at the ngx-components package.

    Load componentload-component anchor link

    // app.component.ts
@@ -18,4 +18,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/popover/docs/Angular","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/popover/docs/HTML.html b/review/main/components/popover/docs/HTML.html index 5e6642dc2bd..51dab6546f8 100644 --- a/review/main/components/popover/docs/HTML.html +++ b/review/main/components/popover/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration take a look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -14,4 +14,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/popover/docs/HTML","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/popover/docs/Migration.html b/review/main/components/popover/docs/Migration.html index 9392f35ce6d..f201590a7cb 100644 --- a/review/main/components/popover/docs/Migration.html +++ b/review/main/components/popover/docs/Migration.html @@ -1,7 +1,7 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    DB UI Core ➡ DB UI Componentsdb-ui-core--db-ui-components anchor link

    -

    New Component 🥳

    \ No newline at end of file +

    New Component 🥳

    \ No newline at end of file diff --git a/review/main/components/popover/docs/React.html b/review/main/components/popover/docs/React.html index f468e4c8b8f..4265a08fba8 100644 --- a/review/main/components/popover/docs/React.html +++ b/review/main/components/popover/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration take a look at the react-components package.

    Use componentuse-component anchor link

    // App.tsx
@@ -12,4 +12,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/popover/docs/React","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/popover/docs/Vue.html b/review/main/components/popover/docs/Vue.html index d1972af7945..8a18881348c 100644 --- a/review/main/components/popover/docs/Vue.html +++ b/review/main/components/popover/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration take a look at the v-components package.

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -15,4 +15,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/popover/docs/Vue","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/popover/how-to-use.html b/review/main/components/popover/how-to-use.html index 3f6fe61059e..8c9f450b7a8 100644 --- a/review/main/components/popover/how-to-use.html +++ b/review/main/components/popover/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/popover/migration.html b/review/main/components/popover/migration.html index b1034584dcd..49f49abe9a5 100644 --- a/review/main/components/popover/migration.html +++ b/review/main/components/popover/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/popover/overview.html b/review/main/components/popover/overview.html index 3e3561a4fb3..1ce8bc53223 100644 --- a/review/main/components/popover/overview.html +++ b/review/main/components/popover/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/popover/properties.html b/review/main/components/popover/properties.html index 99eaeb4d19a..e420cf3bcf5 100644 --- a/review/main/components/popover/properties.html +++ b/review/main/components/popover/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/radio.html b/review/main/components/radio.html index 4ac6c395ae3..d596f6f49af 100644 --- a/review/main/components/radio.html +++ b/review/main/components/radio.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/radio/code/Content.html b/review/main/components/radio/code/Content.html index 3ffe949242c..98a288ec774 100644 --- a/review/main/components/radio/code/Content.html +++ b/review/main/components/radio/code/Content.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-radio name="Content">(Default) Label</db-radio>
    <label class="db-radio" for="OVERWRITE_DEFAULT_ID">
+DB UI Mono
    <db-radio name="Content">(Default) Label</db-radio>
    <label class="db-radio" for="OVERWRITE_DEFAULT_ID">
   <input type="radio" id="OVERWRITE_DEFAULT_ID" name="Content" />
   (Default) Label
 </label>
    <DBRadio name="Content">(Default) Label</DBRadio>
    <DBRadio name="Content">(Default) Label</DBRadio>
    <db-radio name="Content" labelVariant="hidden">
@@ -10,4 +10,4 @@
   Hidden Label
 </DBRadio>
    <DBRadio name="Content" labelVariant="hidden">
   Hidden Label
-</DBRadio>
    
\ No newline at end of file
+</DBRadio>
    \ No newline at end of file diff --git a/review/main/components/radio/code/InteractionStates.html b/review/main/components/radio/code/InteractionStates.html index 57b738f2f6c..0cecc8540a5 100644 --- a/review/main/components/radio/code/InteractionStates.html +++ b/review/main/components/radio/code/InteractionStates.html @@ -1,3 +1,3 @@ -DB UI Mono
    <db-radio name="Interaction States">(Default) Enabled</db-radio>
    undefined
    <DBRadio name="Interaction States">(Default) Enabled</DBRadio>
    <DBRadio name="Interaction States">(Default) Enabled</DBRadio>
    <db-radio name="Interaction States" [disabled]="true">Disabled</db-radio>
    undefined
    <DBRadio name="Interaction States" disabled>
+DB UI Mono
    <db-radio name="Interaction States">(Default) Enabled</db-radio>
    undefined
    <DBRadio name="Interaction States">(Default) Enabled</DBRadio>
    <DBRadio name="Interaction States">(Default) Enabled</DBRadio>
    <db-radio name="Interaction States" [disabled]="true">Disabled</db-radio>
    undefined
    <DBRadio name="Interaction States" disabled>
   Disabled
-</DBRadio>
    <DBRadio name="Interaction States" :disabled="true">Disabled</DBRadio>
    
\ No newline at end of file
+</DBRadio>
    <DBRadio name="Interaction States" :disabled="true">Disabled</DBRadio>
    \ No newline at end of file diff --git a/review/main/components/radio/code/Requirement.html b/review/main/components/radio/code/Requirement.html index ebcaaefbe91..3de0ee0e5a9 100644 --- a/review/main/components/radio/code/Requirement.html +++ b/review/main/components/radio/code/Requirement.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-radio name="Requirement">(Default) Optional</db-radio>
    <label class="db-radio" for="OVERWRITE_DEFAULT_ID">
+DB UI Mono
    <db-radio name="Requirement">(Default) Optional</db-radio>
    <label class="db-radio" for="OVERWRITE_DEFAULT_ID">
   <input type="radio" id="OVERWRITE_DEFAULT_ID" name="Requirement" />
   (Default) Optional
 </label>
    <DBRadio name="Requirement">(Default) Optional</DBRadio>
    <DBRadio name="Requirement">(Default) Optional</DBRadio>
    <db-radio name="Requirement" [required]="true">Required</db-radio>
    <label class="db-radio" for="OVERWRITE_DEFAULT_ID">
@@ -11,4 +11,4 @@
   Required
 </label>
    <DBRadio name="Requirement" required>
   Required
-</DBRadio>
    <DBRadio name="Requirement" :required="true">Required</DBRadio>
    
\ No newline at end of file
+</DBRadio>
    <DBRadio name="Requirement" :required="true">Required</DBRadio>
    \ No newline at end of file diff --git a/review/main/components/radio/code/Size.html b/review/main/components/radio/code/Size.html index 992aee4d14a..28226fcd806 100644 --- a/review/main/components/radio/code/Size.html +++ b/review/main/components/radio/code/Size.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-radio name="Size">(Default) Medium</db-radio>
    <label class="db-radio" for="OVERWRITE_DEFAULT_ID">
+DB UI Mono
    <db-radio name="Size">(Default) Medium</db-radio>
    <label class="db-radio" for="OVERWRITE_DEFAULT_ID">
   <input type="radio" id="OVERWRITE_DEFAULT_ID" name="Size" />
   (Default) Medium
 </label>
    <DBRadio name="Size">(Default) Medium</DBRadio>
    <DBRadio name="Size">(Default) Medium</DBRadio>
    <db-radio name="Size" size="small">
@@ -10,4 +10,4 @@
   Small
 </DBRadio>
    <DBRadio name="Size" size="small">
   Small
-</DBRadio>
    
\ No newline at end of file
+</DBRadio>
    \ No newline at end of file diff --git a/review/main/components/radio/code/States.html b/review/main/components/radio/code/States.html index 8d4074a9058..464251395d5 100644 --- a/review/main/components/radio/code/States.html +++ b/review/main/components/radio/code/States.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-radio name="States">(Default) Unselected</db-radio>
    <label class="db-radio" for="OVERWRITE_DEFAULT_ID">
+DB UI Mono
    <db-radio name="States">(Default) Unselected</db-radio>
    <label class="db-radio" for="OVERWRITE_DEFAULT_ID">
   <input type="radio" id="OVERWRITE_DEFAULT_ID" name="States" />
   (Default) Unselected
 </label>
    <DBRadio name="States">(Default) Unselected</DBRadio>
    <DBRadio name="States">(Default) Unselected</DBRadio>
    <db-radio name="States Required" [required]="true">Unselected - Invalid</db-radio>
    <label class="db-radio" for="OVERWRITE_DEFAULT_ID">
@@ -27,4 +27,4 @@
   Selected - Valid
 </label>
    <DBRadio name="States Required" required checked>
   Selected - Valid
-</DBRadio>
    <DBRadio name="States Required" :required="true" :checked="true">Selected - Valid</DBRadio>
    
\ No newline at end of file
+</DBRadio>
    <DBRadio name="States Required" :required="true" :checked="true">Selected - Valid</DBRadio>
    \ No newline at end of file diff --git a/review/main/components/radio/code/Tonality.html b/review/main/components/radio/code/Tonality.html index 5223c4f305f..978deb17783 100644 --- a/review/main/components/radio/code/Tonality.html +++ b/review/main/components/radio/code/Tonality.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-radio name="Tonality" value="functional">
+DB UI Mono
    <db-radio name="Tonality" value="functional">
   Functional
 </db-radio>
    <label class="db-radio" for="OVERWRITE_DEFAULT_ID">
   <input
@@ -40,4 +40,4 @@
   Expressive
 </DBRadio>
    <DBRadio name="Tonality" value="expressive">
   Expressive
-</DBRadio>
    
\ No newline at end of file
+</DBRadio>
    \ No newline at end of file diff --git a/review/main/components/radio/docs/Angular.html b/review/main/components/radio/docs/Angular.html index 656bce90f34..287e0712786 100644 --- a/review/main/components/radio/docs/Angular.html +++ b/review/main/components/radio/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration take a look at the ngx-components package.

    Load componentload-component anchor link

    // app.component.ts
@@ -76,4 +76,4 @@ 
    How to use with Template Driven F
 }

    How to use with Reactive Formshow-to-use-with-reactive-forms anchor link

    -

    coming soon … if your interested in contributing, you're very welcome ;)

    \ No newline at end of file +

    coming soon … if your interested in contributing, you're very welcome ;)

    \ No newline at end of file diff --git a/review/main/components/radio/docs/HTML.html b/review/main/components/radio/docs/HTML.html index 908eb3c3736..7f950681f99 100644 --- a/review/main/components/radio/docs/HTML.html +++ b/review/main/components/radio/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration take a look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -13,4 +13,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/radio/docs/HTML","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/radio/docs/Migration.html b/review/main/components/radio/docs/Migration.html index bc2b36ff867..1dead9503c7 100644 --- a/review/main/components/radio/docs/Migration.html +++ b/review/main/components/radio/docs/Migration.html @@ -1,4 +1,4 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    @@ -7,4 +7,4 @@

    DB UI Core ➡ DB UI Componentsclassclass anchor link

    BeforeStatusAfterDescription
    elm-radio🔁db-radio

    idid anchor link

    -
    BeforeStatusAfterDescription
    input_id🔁id
    \ No newline at end of file +
    BeforeStatusAfterDescription
    input_id🔁id
    \ No newline at end of file diff --git a/review/main/components/radio/docs/React.html b/review/main/components/radio/docs/React.html index 210b46b2757..dfa258ce13a 100644 --- a/review/main/components/radio/docs/React.html +++ b/review/main/components/radio/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration take a look at the react-components package.

    Use componentuse-component anchor link

    // App.tsx
@@ -24,4 +24,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/radio/docs/React","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/radio/docs/Vue.html b/review/main/components/radio/docs/Vue.html index 88e068363ba..05d1cd33cbf 100644 --- a/review/main/components/radio/docs/Vue.html +++ b/review/main/components/radio/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration take a look at the v-components package.

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -23,4 +23,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/radio/docs/Vue","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/radio/how-to-use.html b/review/main/components/radio/how-to-use.html index 76a14f7d132..b2145722ab0 100644 --- a/review/main/components/radio/how-to-use.html +++ b/review/main/components/radio/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/radio/migration.html b/review/main/components/radio/migration.html index 6b30cced686..8e27092ce00 100644 --- a/review/main/components/radio/migration.html +++ b/review/main/components/radio/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/radio/overview.html b/review/main/components/radio/overview.html index a32a586b25f..e8621321605 100644 --- a/review/main/components/radio/overview.html +++ b/review/main/components/radio/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/radio/properties.html b/review/main/components/radio/properties.html index 6074005b0d6..78a5b7721c8 100644 --- a/review/main/components/radio/properties.html +++ b/review/main/components/radio/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/readme.html b/review/main/components/readme.html index 3ff318a4d7a..a91e48acf84 100644 --- a/review/main/components/readme.html +++ b/review/main/components/readme.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/router-usage.html b/review/main/components/router-usage.html index 5fc50dfe37b..eed40c87e5a 100644 --- a/review/main/components/router-usage.html +++ b/review/main/components/router-usage.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/section.html b/review/main/components/section.html index bed12b50ddc..7bb6f268c85 100644 --- a/review/main/components/section.html +++ b/review/main/components/section.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/section/code/Size.html b/review/main/components/section/code/Size.html index 664070309b4..bc50612f46d 100644 --- a/review/main/components/section/code/Size.html +++ b/review/main/components/section/code/Size.html @@ -1,7 +1,7 @@ -DB UI Mono
    <db-section>(Default) Medium</db-section>
    <section id="OVERWRITE_DEFAULT_ID" data-size="medium" class="db-section">
+DB UI Mono
    <db-section>(Default) Medium</db-section>
    <section id="OVERWRITE_DEFAULT_ID" data-size="medium" class="db-section">
   <div>(Default) Medium</div>
 </section>
    <DBSection>(Default) Medium</DBSection>
    <DBSection>(Default) Medium</DBSection>
    <db-section size="large">Large</db-section>
    <section id="OVERWRITE_DEFAULT_ID" data-size="large" class="db-section">
   <div>Large</div>
 </section>
    <DBSection size="large">Large</DBSection>
    <DBSection size="large">Large</DBSection>
    <db-section size="small">Small</db-section>
    <section id="OVERWRITE_DEFAULT_ID" data-size="small" class="db-section">
   <div>Small</div>
-</section>
    <DBSection size="small">Small</DBSection>
    <DBSection size="small">Small</DBSection>
    
\ No newline at end of file
+</section>
    <DBSection size="small">Small</DBSection>
    <DBSection size="small">Small</DBSection>
    \ No newline at end of file diff --git a/review/main/components/section/code/Tonality.html b/review/main/components/section/code/Tonality.html index 7d2d8d2ed35..081150d7a27 100644 --- a/review/main/components/section/code/Tonality.html +++ b/review/main/components/section/code/Tonality.html @@ -1,7 +1,7 @@ -DB UI Mono
    <db-section>Functional</db-section>
    <section id="OVERWRITE_DEFAULT_ID" data-size="medium" class="db-section">
+DB UI Mono
    <db-section>Functional</db-section>
    <section id="OVERWRITE_DEFAULT_ID" data-size="medium" class="db-section">
   <div>Functional</div>
 </section>
    <DBSection>Functional</DBSection>
    <DBSection>Functional</DBSection>
    <db-section>(Default) Regular</db-section>
    <section id="OVERWRITE_DEFAULT_ID" data-size="medium" class="db-section">
   <div>(Default) Regular</div>
 </section>
    <DBSection>(Default) Regular</DBSection>
    <DBSection>(Default) Regular</DBSection>
    <db-section>Expressive</db-section>
    <section id="OVERWRITE_DEFAULT_ID" data-size="medium" class="db-section">
   <div>Expressive</div>
-</section>
    <DBSection>Expressive</DBSection>
    <DBSection>Expressive</DBSection>
    
\ No newline at end of file
+</section>
    <DBSection>Expressive</DBSection>
    <DBSection>Expressive</DBSection>
    \ No newline at end of file diff --git a/review/main/components/section/code/Variant.html b/review/main/components/section/code/Variant.html index 959fb3912ea..121eed55075 100644 --- a/review/main/components/section/code/Variant.html +++ b/review/main/components/section/code/Variant.html @@ -1,7 +1,7 @@ -DB UI Mono
    <db-section>(Default) Full</db-section>
    <section id="OVERWRITE_DEFAULT_ID" data-size="medium" class="db-section">
+DB UI Mono
    <db-section>(Default) Full</db-section>
    <section id="OVERWRITE_DEFAULT_ID" data-size="medium" class="db-section">
   <div>(Default) Full</div>
 </section>
    <DBSection>(Default) Full</DBSection>
    <DBSection>(Default) Full</DBSection>
    <db-section variant="medium">Medium</db-section>
    <section id="OVERWRITE_DEFAULT_ID" data-size="medium" class="db-section">
   <div data-variant="medium">Medium</div>
 </section>
    <DBSection variant="medium">Medium</DBSection>
    <DBSection variant="medium">Medium</DBSection>
    <db-section variant="large">Large</db-section>
    <section id="OVERWRITE_DEFAULT_ID" data-size="medium" class="db-section">
   <div data-variant="large">Large</div>
-</section>
    <DBSection variant="large">Large</DBSection>
    <DBSection variant="large">Large</DBSection>
    
\ No newline at end of file
+</section>
    <DBSection variant="large">Large</DBSection>
    <DBSection variant="large">Large</DBSection>
    \ No newline at end of file diff --git a/review/main/components/section/docs/Angular.html b/review/main/components/section/docs/Angular.html index ccbfdb631ba..0b84578c8fa 100644 --- a/review/main/components/section/docs/Angular.html +++ b/review/main/components/section/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration take a look at the ngx-components package.

    Load componentload-component anchor link

    // app.component.ts
@@ -14,4 +14,4 @@ 
    Load componentUse componentuse-component anchor link
    
 
    <!-- app.component.html -->
 <db-section variant="full">Section</db-section>
-
    \ No newline at end of file +
    \ No newline at end of file diff --git a/review/main/components/section/docs/HTML.html b/review/main/components/section/docs/HTML.html index 2901f707934..2848ce0dd7c 100644 --- a/review/main/components/section/docs/HTML.html +++ b/review/main/components/section/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration take a look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -8,4 +8,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/section/docs/HTML","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/section/docs/Migration.html b/review/main/components/section/docs/Migration.html index 11b6a05e4cb..3f4f29c3865 100644 --- a/review/main/components/section/docs/Migration.html +++ b/review/main/components/section/docs/Migration.html @@ -1,7 +1,7 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    DB UI Core ➡ DB UI Componentsdb-ui-core--db-ui-components anchor link

    -

    New Component 🥳

    \ No newline at end of file +

    New Component 🥳

    \ No newline at end of file diff --git a/review/main/components/section/docs/React.html b/review/main/components/section/docs/React.html index 3b2324d8115..eaf69e7eace 100644 --- a/review/main/components/section/docs/React.html +++ b/review/main/components/section/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration take a look at the react-components package.

    Use componentuse-component anchor link

    // App.tsx
@@ -7,4 +7,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/section/docs/React","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/section/docs/Vue.html b/review/main/components/section/docs/Vue.html index ed560341c99..16e456bae14 100644 --- a/review/main/components/section/docs/Vue.html +++ b/review/main/components/section/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration take a look at the v-components package.

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -9,4 +9,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/section/docs/Vue","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/section/how-to-use.html b/review/main/components/section/how-to-use.html index 219a74fe3f7..29832799924 100644 --- a/review/main/components/section/how-to-use.html +++ b/review/main/components/section/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/section/migration.html b/review/main/components/section/migration.html index 51ddb28d60b..6062c208387 100644 --- a/review/main/components/section/migration.html +++ b/review/main/components/section/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/section/overview.html b/review/main/components/section/overview.html index 57fc348af59..6e16309932d 100644 --- a/review/main/components/section/overview.html +++ b/review/main/components/section/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/section/properties.html b/review/main/components/section/properties.html index 348d4e8be62..4dafc009cd7 100644 --- a/review/main/components/section/properties.html +++ b/review/main/components/section/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/select.html b/review/main/components/select.html index bb013547418..9ad3f9e09dd 100644 --- a/review/main/components/select.html +++ b/review/main/components/select.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/select/code/Content.html b/review/main/components/select/code/Content.html index 439e704734d..bd727771f92 100644 --- a/review/main/components/select/code/Content.html +++ b/review/main/components/select/code/Content.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">(Default) Text</db-select>
    <div class="db-select">
+DB UI Mono
    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">(Default) Text</db-select>
    <div class="db-select">
   <label for="OVERWRITE_DEFAULT_ID">Label</label>
   <select
     id="OVERWRITE_DEFAULT_ID"
@@ -31,4 +31,4 @@
   icon="x_placeholder"
 >
   Text - Leading Icon
-</DBSelect>
    <DBSelect :options="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" icon="x_placeholder">Text - Leading Icon</DBSelect>
    
\ No newline at end of file
+</DBSelect>
    <DBSelect :options="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" icon="x_placeholder">Text - Leading Icon</DBSelect>
    \ No newline at end of file diff --git a/review/main/components/select/code/Requirement.html b/review/main/components/select/code/Requirement.html index a3ab66b7da2..fe5bb9874aa 100644 --- a/review/main/components/select/code/Requirement.html +++ b/review/main/components/select/code/Requirement.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">(Default) Optional</db-select>
    <div class="db-select">
+DB UI Mono
    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">(Default) Optional</db-select>
    <div class="db-select">
   <label for="OVERWRITE_DEFAULT_ID">Label</label>
   <select
     id="OVERWRITE_DEFAULT_ID"
@@ -53,4 +53,4 @@
   required
 >
   Required - Filled
-</DBSelect>
    <DBSelect :options="[{'value':'Required - Filled'},{'value':'Option 2'}]" label="Label" value="Required - Filled" :required="true">Required - Filled</DBSelect>
    
\ No newline at end of file
+</DBSelect>
    <DBSelect :options="[{'value':'Required - Filled'},{'value':'Option 2'}]" label="Label" value="Required - Filled" :required="true">Required - Filled</DBSelect>
    \ No newline at end of file diff --git a/review/main/components/select/code/Semantic.html b/review/main/components/select/code/Semantic.html index b76a1669752..073ff423ffc 100644 --- a/review/main/components/select/code/Semantic.html +++ b/review/main/components/select/code/Semantic.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" message="Helper Message">(Default) Adaptive</db-select>
    <div class="db-select">
+DB UI Mono
    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" message="Helper Message">(Default) Adaptive</db-select>
    <div class="db-select">
   <label for="OVERWRITE_DEFAULT_ID">Label</label>
   <select
     id="OVERWRITE_DEFAULT_ID"
@@ -127,4 +127,4 @@
   message="Warning Message"
 >
   Warning
-</DBSelect>
    <DBSelect :options="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" variant="warning" message="Warning Message">Warning</DBSelect>
    
\ No newline at end of file
+</DBSelect>
    <DBSelect :options="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" variant="warning" message="Warning Message">Warning</DBSelect>
    \ No newline at end of file diff --git a/review/main/components/select/code/StatesFloatingLabel.html b/review/main/components/select/code/StatesFloatingLabel.html index a77b3257de4..1092191c1bf 100644 --- a/review/main/components/select/code/StatesFloatingLabel.html +++ b/review/main/components/select/code/StatesFloatingLabel.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" labelVariant="floating">(Default) Empty</db-select>
    undefined
    <DBSelect
+DB UI Mono
    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" labelVariant="floating">(Default) Empty</db-select>
    undefined
    <DBSelect
   options={[{ value: "Option 1" }, { value: "Option 2" }]}
   label="Label"
   labelVariant="floating"
@@ -35,4 +35,4 @@
   value="Disabled"
 >
   Disabled
-</DBSelect>
    <DBSelect :options="[{'value':'Disabled'},{'value':'Option 2'}]" label="Label" :disabled="true" labelVariant="floating" value="Disabled">Disabled</DBSelect>
    
\ No newline at end of file
+</DBSelect>
    <DBSelect :options="[{'value':'Disabled'},{'value':'Option 2'}]" label="Label" :disabled="true" labelVariant="floating" value="Disabled">Disabled</DBSelect>
    \ No newline at end of file diff --git a/review/main/components/select/code/StatesLabelAbove.html b/review/main/components/select/code/StatesLabelAbove.html index 44d36b74019..b49699b4426 100644 --- a/review/main/components/select/code/StatesLabelAbove.html +++ b/review/main/components/select/code/StatesLabelAbove.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">(Default) Empty</db-select>
    undefined
    <DBSelect
+DB UI Mono
    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">(Default) Empty</db-select>
    undefined
    <DBSelect
   options={[{ value: "Option 1" }, { value: "Option 2" }]}
   label="Label"
 >
@@ -29,4 +29,4 @@
   disabled
 >
   Disabled
-</DBSelect>
    <DBSelect :options="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" :disabled="true">Disabled</DBSelect>
    
\ No newline at end of file
+</DBSelect>
    <DBSelect :options="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" :disabled="true">Disabled</DBSelect>
    \ No newline at end of file diff --git a/review/main/components/select/code/Tonality.html b/review/main/components/select/code/Tonality.html index c2da2b02a10..25ac7a8471d 100644 --- a/review/main/components/select/code/Tonality.html +++ b/review/main/components/select/code/Tonality.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">Functional</db-select>
    <div class="db-select">
+DB UI Mono
    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">Functional</db-select>
    <div class="db-select">
   <label for="OVERWRITE_DEFAULT_ID">Label</label>
   <select
     id="OVERWRITE_DEFAULT_ID"
@@ -46,4 +46,4 @@
   label="Label"
 >
   Expressive
-</DBSelect>
    <DBSelect :options="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">Expressive</DBSelect>
    
\ No newline at end of file
+</DBSelect>
    <DBSelect :options="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">Expressive</DBSelect>
    \ No newline at end of file diff --git a/review/main/components/select/code/VariantHelperMessage.html b/review/main/components/select/code/VariantHelperMessage.html index 407cce42165..0a56be913df 100644 --- a/review/main/components/select/code/VariantHelperMessage.html +++ b/review/main/components/select/code/VariantHelperMessage.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">(Default) Basic</db-select>
    undefined
    <DBSelect
+DB UI Mono
    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">(Default) Basic</db-select>
    undefined
    <DBSelect
   options={[{ value: "Option 1" }, { value: "Option 2" }]}
   label="Label"
 >
@@ -9,4 +9,4 @@
   message="Helper Message"
 >
   Helper Message
-</DBSelect>
    <DBSelect :options="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" message="Helper Message">Helper Message</DBSelect>
    
\ No newline at end of file
+</DBSelect>
    <DBSelect :options="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" message="Helper Message">Helper Message</DBSelect>
    \ No newline at end of file diff --git a/review/main/components/select/code/VariantLabel.html b/review/main/components/select/code/VariantLabel.html index c7ba0debf78..9194f160075 100644 --- a/review/main/components/select/code/VariantLabel.html +++ b/review/main/components/select/code/VariantLabel.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">(Default) Label Above</db-select>
    undefined
    <DBSelect
+DB UI Mono
    <db-select [options]="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label">(Default) Label Above</db-select>
    undefined
    <DBSelect
   options={[{ value: "Option 1" }, { value: "Option 2" }]}
   label="Label"
 >
@@ -16,4 +16,4 @@
   labelVariant="hidden"
 >
   Hidden Label
-</DBSelect>
    <DBSelect :options="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" labelVariant="hidden">Hidden Label</DBSelect>
    
\ No newline at end of file
+</DBSelect>
    <DBSelect :options="[{'value':'Option 1'},{'value':'Option 2'}]" label="Label" labelVariant="hidden">Hidden Label</DBSelect>
    \ No newline at end of file diff --git a/review/main/components/select/docs/Angular.html b/review/main/components/select/docs/Angular.html index 542ea248f13..cde39e44aa1 100644 --- a/review/main/components/select/docs/Angular.html +++ b/review/main/components/select/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration take a look at the ngx-components package.

    Load componentload-component anchor link

    // app.component.ts
@@ -17,4 +17,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/select/docs/Angular","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/select/docs/HTML.html b/review/main/components/select/docs/HTML.html index 70e6e089b17..bce5f324dd1 100644 --- a/review/main/components/select/docs/HTML.html +++ b/review/main/components/select/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration take a look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -12,4 +12,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/select/docs/HTML","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/select/docs/Migration.html b/review/main/components/select/docs/Migration.html index 2f38367a83e..9a5e2d48af3 100644 --- a/review/main/components/select/docs/Migration.html +++ b/review/main/components/select/docs/Migration.html @@ -1,4 +1,4 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    @@ -7,4 +7,4 @@

    DB UI Core ➡ DB UI Componentsclassclass anchor link

    BeforeStatusAfterDescription
    elm-select🔁db-select

    selectselect anchor link

    -
    BeforeStatusAfterDescription
    multiple❌We removed this attribute for now, there are no valid designs for this use case.
    size❌We removed this attribute for now, there are no valid designs for this use case.
    \ No newline at end of file +
    BeforeStatusAfterDescription
    multiple❌We removed this attribute for now, there are no valid designs for this use case.
    size❌We removed this attribute for now, there are no valid designs for this use case.
    \ No newline at end of file diff --git a/review/main/components/select/docs/React.html b/review/main/components/select/docs/React.html index 3c7313b509b..1f2f56b8f48 100644 --- a/review/main/components/select/docs/React.html +++ b/review/main/components/select/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration take a look at the react-components package.

    Use componentuse-component anchor link

    // App.tsx
@@ -12,4 +12,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/select/docs/React","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/select/docs/Vue.html b/review/main/components/select/docs/Vue.html index fbeabeca854..e95abd090ab 100644 --- a/review/main/components/select/docs/Vue.html +++ b/review/main/components/select/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration take a look at the v-components package.

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -12,4 +12,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/select/docs/Vue","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/select/how-to-use.html b/review/main/components/select/how-to-use.html index 25e616642c5..344b00a3681 100644 --- a/review/main/components/select/how-to-use.html +++ b/review/main/components/select/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/select/migration.html b/review/main/components/select/migration.html index 72a88a36a3f..3c9239bb460 100644 --- a/review/main/components/select/migration.html +++ b/review/main/components/select/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/select/overview.html b/review/main/components/select/overview.html index 781ba56a9f8..13f45a09ea5 100644 --- a/review/main/components/select/overview.html +++ b/review/main/components/select/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/select/properties.html b/review/main/components/select/properties.html index 86516b7f26f..0c001829da4 100644 --- a/review/main/components/select/properties.html +++ b/review/main/components/select/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/tab-list/docs/Angular.html b/review/main/components/tab-list/docs/Angular.html index 6c0b109405f..29f50ae8443 100644 --- a/review/main/components/tab-list/docs/Angular.html +++ b/review/main/components/tab-list/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration take a look at the ngx-components package.

    Load componentload-component anchor link

    You can't use the component standalone!

    @@ -25,4 +25,4 @@

    Use component{"props":{"pageProps":{}},"page":"/components/tab-list/docs/Angular","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ No newline at end of file diff --git a/review/main/components/tab-list/docs/HTML.html b/review/main/components/tab-list/docs/HTML.html index 21e7682c8ee..6b96aa8e195 100644 --- a/review/main/components/tab-list/docs/HTML.html +++ b/review/main/components/tab-list/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration take a look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -72,4 +72,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/tab-list/docs/HTML","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/tab-list/docs/Migration.html b/review/main/components/tab-list/docs/Migration.html index 4a3c81bc08e..1f38fb12f0e 100644 --- a/review/main/components/tab-list/docs/Migration.html +++ b/review/main/components/tab-list/docs/Migration.html @@ -1,7 +1,7 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    DB UI Core ➡ DB UI Componentsdb-ui-core--db-ui-components anchor link

    -

    New Component 🥳

    \ No newline at end of file +

    New Component 🥳

    \ No newline at end of file diff --git a/review/main/components/tab-list/docs/React.html b/review/main/components/tab-list/docs/React.html index 932c26d107a..0f00c73505a 100644 --- a/review/main/components/tab-list/docs/React.html +++ b/review/main/components/tab-list/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration take a look at the react-components package.

    Use componentuse-component anchor link

    // App.tsx
@@ -18,4 +18,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/tab-list/docs/React","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/tab-list/docs/Vue.html b/review/main/components/tab-list/docs/Vue.html index 371c4ff7a49..ff5240baaf3 100644 --- a/review/main/components/tab-list/docs/Vue.html +++ b/review/main/components/tab-list/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration take a look at the v-components package.

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -18,4 +18,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/tab-list/docs/Vue","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/tab-list/how-to-use.html b/review/main/components/tab-list/how-to-use.html index bce782211eb..0ec55719887 100644 --- a/review/main/components/tab-list/how-to-use.html +++ b/review/main/components/tab-list/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/tab-list/migration.html b/review/main/components/tab-list/migration.html index 45f07e93afd..2e6fc7130bd 100644 --- a/review/main/components/tab-list/migration.html +++ b/review/main/components/tab-list/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/tab-list/properties.html b/review/main/components/tab-list/properties.html index cd10c31f927..9dd748e1354 100644 --- a/review/main/components/tab-list/properties.html +++ b/review/main/components/tab-list/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/tab-panel/docs/Angular.html b/review/main/components/tab-panel/docs/Angular.html index 8a77aee1fa5..1f3ad63330b 100644 --- a/review/main/components/tab-panel/docs/Angular.html +++ b/review/main/components/tab-panel/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration take a look at the ngx-components package.

    Load componentload-component anchor link

    You can't use the component standalone!

    @@ -25,4 +25,4 @@

    Use component{"props":{"pageProps":{}},"page":"/components/tab-panel/docs/Angular","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ No newline at end of file diff --git a/review/main/components/tab-panel/docs/HTML.html b/review/main/components/tab-panel/docs/HTML.html index 3587e365257..b3f309c7e0c 100644 --- a/review/main/components/tab-panel/docs/HTML.html +++ b/review/main/components/tab-panel/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration take a look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -72,4 +72,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/tab-panel/docs/HTML","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/tab-panel/docs/Migration.html b/review/main/components/tab-panel/docs/Migration.html index 2930b62ba9b..61f793f831b 100644 --- a/review/main/components/tab-panel/docs/Migration.html +++ b/review/main/components/tab-panel/docs/Migration.html @@ -1,7 +1,7 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    DB UI Core ➡ DB UI Componentsdb-ui-core--db-ui-components anchor link

    -

    New Component 🥳

    \ No newline at end of file +

    New Component 🥳

    \ No newline at end of file diff --git a/review/main/components/tab-panel/docs/React.html b/review/main/components/tab-panel/docs/React.html index c321d8a6f06..2adc58188dd 100644 --- a/review/main/components/tab-panel/docs/React.html +++ b/review/main/components/tab-panel/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration take a look at the react-components package.

    Use componentuse-component anchor link

    // App.tsx
@@ -18,4 +18,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/tab-panel/docs/React","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/tab-panel/docs/Vue.html b/review/main/components/tab-panel/docs/Vue.html index 38158c1be24..7f763989610 100644 --- a/review/main/components/tab-panel/docs/Vue.html +++ b/review/main/components/tab-panel/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration take a look at the v-components package.

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -18,4 +18,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/tab-panel/docs/Vue","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/tab-panel/how-to-use.html b/review/main/components/tab-panel/how-to-use.html index 75304b43456..7c146076600 100644 --- a/review/main/components/tab-panel/how-to-use.html +++ b/review/main/components/tab-panel/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/tab-panel/migration.html b/review/main/components/tab-panel/migration.html index 0532348625d..c283bd37a0c 100644 --- a/review/main/components/tab-panel/migration.html +++ b/review/main/components/tab-panel/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/tab-panel/properties.html b/review/main/components/tab-panel/properties.html index 23806d3ba81..954b569817a 100644 --- a/review/main/components/tab-panel/properties.html +++ b/review/main/components/tab-panel/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/tab.html b/review/main/components/tab.html index cd5b4dcdb8b..893f48441c7 100644 --- a/review/main/components/tab.html +++ b/review/main/components/tab.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/tab/code/Behaviour.html b/review/main/components/tab/code/Behaviour.html index 837c4c9085d..06aef05b427 100644 --- a/review/main/components/tab/code/Behaviour.html +++ b/review/main/components/tab/code/Behaviour.html @@ -1,7 +1,7 @@ -DB UI Mono
    <db-tab label="(Default) Auto Width">(Default) Auto Width</db-tab>
    <li role="tab" class="db-tab"><label for="OVERWRITE_DEFAULT_ID" class=""><input type="radio" id="OVERWRITE_DEFAULT_ID"/>(Default) Auto Width<!-- -->(Default) Auto Width</label></li>
    <DBTab label="(Default) Auto Width">(Default) Auto Width</DBTab>
    <DBTab label="(Default) Auto Width">(Default) Auto Width</DBTab>
    <db-tab label="Width full" width="full">
+DB UI Mono
    <db-tab label="(Default) Auto Width">(Default) Auto Width</db-tab>
    <li role="tab" class="db-tab"><label for="OVERWRITE_DEFAULT_ID" class=""><input type="radio" id="OVERWRITE_DEFAULT_ID"/>(Default) Auto Width<!-- -->(Default) Auto Width</label></li>
    <DBTab label="(Default) Auto Width">(Default) Auto Width</DBTab>
    <DBTab label="(Default) Auto Width">(Default) Auto Width</DBTab>
    <db-tab label="Width full" width="full">
   Width full
 </db-tab>
    <li role="tab" class="db-tab"><label for="OVERWRITE_DEFAULT_ID" class=""><input type="radio" id="OVERWRITE_DEFAULT_ID"/>Width full<!-- -->Width full</label></li>
    <DBTab label="Width full" width="full">
   Width full
 </DBTab>
    <DBTab label="Width full" width="full">
   Width full
-</DBTab>
    
\ No newline at end of file
+</DBTab>
    \ No newline at end of file diff --git a/review/main/components/tab/code/Content.html b/review/main/components/tab/code/Content.html index 7cd6b1751fc..f9f77d54e5b 100644 --- a/review/main/components/tab/code/Content.html +++ b/review/main/components/tab/code/Content.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-tab label="(Default) Text">(Default) Text</db-tab>
    <li role="tab" class="db-tab"><label for="OVERWRITE_DEFAULT_ID" class=""><input type="radio" id="OVERWRITE_DEFAULT_ID"/>(Default) Text<!-- -->(Default) Text</label></li>
    <DBTab label="(Default) Text">(Default) Text</DBTab>
    <DBTab label="(Default) Text">(Default) Text</DBTab>
    <db-tab label="Text - Icon (Leading)" icon="x_placeholder">
+DB UI Mono
    <db-tab label="(Default) Text">(Default) Text</db-tab>
    <li role="tab" class="db-tab"><label for="OVERWRITE_DEFAULT_ID" class=""><input type="radio" id="OVERWRITE_DEFAULT_ID"/>(Default) Text<!-- -->(Default) Text</label></li>
    <DBTab label="(Default) Text">(Default) Text</DBTab>
    <DBTab label="(Default) Text">(Default) Text</DBTab>
    <db-tab label="Text - Icon (Leading)" icon="x_placeholder">
   Text - Icon (Leading)
 </db-tab>
    <li role="tab" class="db-tab"><label for="OVERWRITE_DEFAULT_ID" data-icon="x_placeholder" class=""><input type="radio" id="OVERWRITE_DEFAULT_ID"/>Text - Icon (Leading)<!-- -->Text - Icon (Leading)</label></li>
    <DBTab label="Text - Icon (Leading)" icon="x_placeholder">
   Text - Icon (Leading)
@@ -21,4 +21,4 @@
   </label>
 </li>
    <DBTab icon="x_placeholder" noText>
   Icon
-</DBTab>
    <DBTab icon="x_placeholder" :noText="true">Icon</DBTab>
    
\ No newline at end of file
+</DBTab>
    <DBTab icon="x_placeholder" :noText="true">Icon</DBTab>
    \ No newline at end of file diff --git a/review/main/components/tab/code/ContentAlignmentFullWidth.html b/review/main/components/tab/code/ContentAlignmentFullWidth.html index 9302e3388e9..416930ac3ed 100644 --- a/review/main/components/tab/code/ContentAlignmentFullWidth.html +++ b/review/main/components/tab/code/ContentAlignmentFullWidth.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-tab label="Left" width="full">
+DB UI Mono
    <db-tab label="Left" width="full">
   Left
 </db-tab>
    undefined
    <DBTab label="Left" width="full">
   Left
@@ -10,4 +10,4 @@
   Centered
 </DBTab>
    <DBTab label="Centered" width="full" alignment="center">
   Centered
-</DBTab>
    
\ No newline at end of file
+</DBTab>
    \ No newline at end of file diff --git a/review/main/components/tab/code/States.html b/review/main/components/tab/code/States.html index aba3fc246f6..08aaafb9c28 100644 --- a/review/main/components/tab/code/States.html +++ b/review/main/components/tab/code/States.html @@ -1,5 +1,5 @@ -DB UI Mono
    <db-tab label="(Default) Enabled">(Default) Enabled</db-tab>
    <li role="tab" class="db-tab"><label for="OVERWRITE_DEFAULT_ID" class=""><input type="radio" id="OVERWRITE_DEFAULT_ID"/>(Default) Enabled<!-- -->(Default) Enabled</label></li>
    <DBTab label="(Default) Enabled">(Default) Enabled</DBTab>
    <DBTab label="(Default) Enabled">(Default) Enabled</DBTab>
    <db-tab label="active" [active]="true">active</db-tab>
    <li role="tab" class="db-tab"><label for="OVERWRITE_DEFAULT_ID" class=""><input type="radio" id="OVERWRITE_DEFAULT_ID"/>active<!-- -->active</label></li>
    <DBTab label="active" active>
+DB UI Mono
    <db-tab label="(Default) Enabled">(Default) Enabled</db-tab>
    <li role="tab" class="db-tab"><label for="OVERWRITE_DEFAULT_ID" class=""><input type="radio" id="OVERWRITE_DEFAULT_ID"/>(Default) Enabled<!-- -->(Default) Enabled</label></li>
    <DBTab label="(Default) Enabled">(Default) Enabled</DBTab>
    <DBTab label="(Default) Enabled">(Default) Enabled</DBTab>
    <db-tab label="active" [active]="true">active</db-tab>
    <li role="tab" class="db-tab"><label for="OVERWRITE_DEFAULT_ID" class=""><input type="radio" id="OVERWRITE_DEFAULT_ID"/>active<!-- -->active</label></li>
    <DBTab label="active" active>
   active
 </DBTab>
    <DBTab label="active" :active="true">active</DBTab>
    <db-tab label="active" [disabled]="true">disabled</db-tab>
    <li role="tab" class="db-tab"><label for="OVERWRITE_DEFAULT_ID" class=""><input type="radio" disabled="" id="OVERWRITE_DEFAULT_ID"/>active<!-- -->disabled</label></li>
    <DBTab label="active" disabled>
   disabled
-</DBTab>
    <DBTab label="active" :disabled="true">disabled</DBTab>
    
\ No newline at end of file
+</DBTab>
    <DBTab label="active" :disabled="true">disabled</DBTab>
    \ No newline at end of file diff --git a/review/main/components/tab/code/Tonality.html b/review/main/components/tab/code/Tonality.html index c17118ebb18..5a8b1aeb991 100644 --- a/review/main/components/tab/code/Tonality.html +++ b/review/main/components/tab/code/Tonality.html @@ -1 +1 @@ -DB UI Mono
    <db-tab label="functional">Functional</db-tab>
    <li role="tab" class="db-tab"><label for="OVERWRITE_DEFAULT_ID" class=""><input type="radio" id="OVERWRITE_DEFAULT_ID"/>functional<!-- -->Functional</label></li>
    <DBTab label="functional">Functional</DBTab>
    <DBTab label="functional">Functional</DBTab>
    <db-tab label="(Default) Regular">(Default) Regular</db-tab>
    <li role="tab" class="db-tab"><label for="OVERWRITE_DEFAULT_ID" class=""><input type="radio" id="OVERWRITE_DEFAULT_ID"/>(Default) Regular<!-- -->(Default) Regular</label></li>
    <DBTab label="(Default) Regular">(Default) Regular</DBTab>
    <DBTab label="(Default) Regular">(Default) Regular</DBTab>
    <db-tab label="expressive">Expressive</db-tab>
    <li role="tab" class="db-tab"><label for="OVERWRITE_DEFAULT_ID" class=""><input type="radio" id="OVERWRITE_DEFAULT_ID"/>expressive<!-- -->Expressive</label></li>
    <DBTab label="expressive">Expressive</DBTab>
    <DBTab label="expressive">Expressive</DBTab>
    \ No newline at end of file +DB UI Mono
    <db-tab label="functional">Functional</db-tab>
    <li role="tab" class="db-tab"><label for="OVERWRITE_DEFAULT_ID" class=""><input type="radio" id="OVERWRITE_DEFAULT_ID"/>functional<!-- -->Functional</label></li>
    <DBTab label="functional">Functional</DBTab>
    <DBTab label="functional">Functional</DBTab>
    <db-tab label="(Default) Regular">(Default) Regular</db-tab>
    <li role="tab" class="db-tab"><label for="OVERWRITE_DEFAULT_ID" class=""><input type="radio" id="OVERWRITE_DEFAULT_ID"/>(Default) Regular<!-- -->(Default) Regular</label></li>
    <DBTab label="(Default) Regular">(Default) Regular</DBTab>
    <DBTab label="(Default) Regular">(Default) Regular</DBTab>
    <db-tab label="expressive">Expressive</db-tab>
    <li role="tab" class="db-tab"><label for="OVERWRITE_DEFAULT_ID" class=""><input type="radio" id="OVERWRITE_DEFAULT_ID"/>expressive<!-- -->Expressive</label></li>
    <DBTab label="expressive">Expressive</DBTab>
    <DBTab label="expressive">Expressive</DBTab>
    \ No newline at end of file diff --git a/review/main/components/tab/docs/Angular.html b/review/main/components/tab/docs/Angular.html index 7407672e789..9e2b3bd01b7 100644 --- a/review/main/components/tab/docs/Angular.html +++ b/review/main/components/tab/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration take a look at the ngx-components package.

    Load componentload-component anchor link

    You can't use the component standalone!

    @@ -25,4 +25,4 @@

    Use component{"props":{"pageProps":{}},"page":"/components/tab/docs/Angular","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ No newline at end of file diff --git a/review/main/components/tab/docs/HTML.html b/review/main/components/tab/docs/HTML.html index a5fcc944ca5..e1fd7951bcf 100644 --- a/review/main/components/tab/docs/HTML.html +++ b/review/main/components/tab/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration take a look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -72,4 +72,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/tab/docs/HTML","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/tab/docs/Migration.html b/review/main/components/tab/docs/Migration.html index e27ca600124..c6ac75c80cc 100644 --- a/review/main/components/tab/docs/Migration.html +++ b/review/main/components/tab/docs/Migration.html @@ -1,4 +1,4 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    @@ -7,4 +7,4 @@

    DB UI Core ➡ DB UI Componentsclassclass anchor link

    BeforeStatusAfterDescription
    cmp-db-tab🔁db-tab

    namename anchor link

    -
    BeforeStatusAfterDescription
    name❌❌It should be used with db-tabs which will add a the name from db-tabs to all tabs all at one.
    \ No newline at end of file +
    BeforeStatusAfterDescription
    name❌❌It should be used with db-tabs which will add a the name from db-tabs to all tabs all at one.
    \ No newline at end of file diff --git a/review/main/components/tab/docs/React.html b/review/main/components/tab/docs/React.html index 64c8d6c460b..4235ed42575 100644 --- a/review/main/components/tab/docs/React.html +++ b/review/main/components/tab/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration take a look at the react-components package.

    Use componentuse-component anchor link

    // App.tsx
@@ -18,4 +18,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/tab/docs/React","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/tab/docs/Vue.html b/review/main/components/tab/docs/Vue.html index ccbdd848d59..a93f80edee3 100644 --- a/review/main/components/tab/docs/Vue.html +++ b/review/main/components/tab/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration take a look at the v-components package.

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -18,4 +18,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/tab/docs/Vue","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/tab/how-to-use.html b/review/main/components/tab/how-to-use.html index 1ad86d6253c..372cfe68ae8 100644 --- a/review/main/components/tab/how-to-use.html +++ b/review/main/components/tab/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/tab/migration.html b/review/main/components/tab/migration.html index 71049de6c57..9a06a61003d 100644 --- a/review/main/components/tab/migration.html +++ b/review/main/components/tab/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/tab/overview.html b/review/main/components/tab/overview.html index 3e133a3939f..e7ed6741f27 100644 --- a/review/main/components/tab/overview.html +++ b/review/main/components/tab/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/tab/properties.html b/review/main/components/tab/properties.html index 87924d73d05..5929a650be0 100644 --- a/review/main/components/tab/properties.html +++ b/review/main/components/tab/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/tabs.html b/review/main/components/tabs.html index 8c7f30a5da6..4ca7221b8af 100644 --- a/review/main/components/tabs.html +++ b/review/main/components/tabs.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/tabs/code/Examples.html b/review/main/components/tabs/code/Examples.html index 50ebaa27e02..8807c04fb8e 100644 --- a/review/main/components/tabs/code/Examples.html +++ b/review/main/components/tabs/code/Examples.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-tabs [initialSelectedIndex]="1">
+DB UI Mono
    <db-tabs [initialSelectedIndex]="1">
 	<db-tab-list>
 		<db-tab>Tab 1</db-tab>
 		<db-tab>Tab 2</db-tab>
@@ -176,4 +176,4 @@
 		<DBTabPanel>Tab Panel 1</DBTabPanel>
 		<DBTabPanel>Tab Panel 2</DBTabPanel>
 		<DBTabPanel>Tab Panel 3</DBTabPanel>
-	</DBTabs>
    
\ No newline at end of file
+	</DBTabs>
    \ No newline at end of file diff --git a/review/main/components/tabs/code/Orientation.html b/review/main/components/tabs/code/Orientation.html index 0c185010b89..abc736494e2 100644 --- a/review/main/components/tabs/code/Orientation.html +++ b/review/main/components/tabs/code/Orientation.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-tabs>
+DB UI Mono
    <db-tabs>
   <db-tab-list>
     <db-tab>Tab 1</db-tab>
     <db-tab>Tab 2</db-tab>
@@ -176,4 +176,4 @@
   <DBTabPanel>Tab Panel 1</DBTabPanel>
   <DBTabPanel>Tab Panel 2</DBTabPanel>
   <DBTabPanel>Tab Panel 3</DBTabPanel>
-</DBTabs>
    
\ No newline at end of file
+</DBTabs>
    \ No newline at end of file diff --git a/review/main/components/tabs/code/Overflow.html b/review/main/components/tabs/code/Overflow.html index d41d96777ff..4db64c4d57d 100644 --- a/review/main/components/tabs/code/Overflow.html +++ b/review/main/components/tabs/code/Overflow.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-tabs>
+DB UI Mono
    <db-tabs>
   <db-tab-list>
     <db-tab>Tab 1</db-tab>
     <db-tab>Tab 2</db-tab>
@@ -265,4 +265,4 @@
   <DBTabPanel>Tab Panel 1</DBTabPanel>
   <DBTabPanel>Tab Panel 2</DBTabPanel>
   <DBTabPanel>Tab Panel 3</DBTabPanel>
-</DBTabs>
    
\ No newline at end of file
+</DBTabs>
    \ No newline at end of file diff --git a/review/main/components/tabs/code/Tonality.html b/review/main/components/tabs/code/Tonality.html index 702a8128f4f..dda6a85b9b5 100644 --- a/review/main/components/tabs/code/Tonality.html +++ b/review/main/components/tabs/code/Tonality.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-tabs>
+DB UI Mono
    <db-tabs>
   <db-tab-list>
     <db-tab>Tab 1</db-tab>
     <db-tab>Tab 2</db-tab>
@@ -265,4 +265,4 @@
   <DBTabPanel>Tab Panel 1</DBTabPanel>
   <DBTabPanel>Tab Panel 2</DBTabPanel>
   <DBTabPanel>Tab Panel 3</DBTabPanel>
-</DBTabs>
    
\ No newline at end of file
+</DBTabs>
    \ No newline at end of file diff --git a/review/main/components/tabs/code/Width.html b/review/main/components/tabs/code/Width.html index d1a7c1baee7..da19d06a420 100644 --- a/review/main/components/tabs/code/Width.html +++ b/review/main/components/tabs/code/Width.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-tabs>
+DB UI Mono
    <db-tabs>
   <db-tab-list>
     <db-tab>Tab 1</db-tab>
     <db-tab>Tab 2</db-tab>
@@ -265,4 +265,4 @@
   <DBTabPanel>Tab Panel 1</DBTabPanel>
   <DBTabPanel>Tab Panel 2</DBTabPanel>
   <DBTabPanel>Tab Panel 3</DBTabPanel>
-</DBTabs>
    
\ No newline at end of file
+</DBTabs>
    \ No newline at end of file diff --git a/review/main/components/tabs/docs/Angular.html b/review/main/components/tabs/docs/Angular.html index ba8e451c778..e9d4f5135a8 100644 --- a/review/main/components/tabs/docs/Angular.html +++ b/review/main/components/tabs/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration take a look at the ngx-components package.

    Load componentload-component anchor link

    You can't use the component standalone!

    @@ -25,4 +25,4 @@

    Use component{"props":{"pageProps":{}},"page":"/components/tabs/docs/Angular","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ No newline at end of file diff --git a/review/main/components/tabs/docs/HTML.html b/review/main/components/tabs/docs/HTML.html index 0d80042ae08..556a78e52ab 100644 --- a/review/main/components/tabs/docs/HTML.html +++ b/review/main/components/tabs/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration take a look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -72,4 +72,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/tabs/docs/HTML","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/tabs/docs/Migration.html b/review/main/components/tabs/docs/Migration.html index e05bdc83908..58dec0764ad 100644 --- a/review/main/components/tabs/docs/Migration.html +++ b/review/main/components/tabs/docs/Migration.html @@ -1,8 +1,8 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    DB UI Core ➡ DB UI Componentsdb-ui-core--db-ui-components anchor link

    classclass anchor link

    -
    BeforeStatusAfterDescription
    cmp-tab-bar🔁db-tabs
    \ No newline at end of file +
    BeforeStatusAfterDescription
    cmp-tab-bar🔁db-tabs
    \ No newline at end of file diff --git a/review/main/components/tabs/docs/React.html b/review/main/components/tabs/docs/React.html index 85086eaf470..88858e67da0 100644 --- a/review/main/components/tabs/docs/React.html +++ b/review/main/components/tabs/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration take a look at the react-components package.

    Use componentuse-component anchor link

    // App.tsx
@@ -18,4 +18,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/tabs/docs/React","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/tabs/docs/Vue.html b/review/main/components/tabs/docs/Vue.html index 1b496629669..ece71a23e4f 100644 --- a/review/main/components/tabs/docs/Vue.html +++ b/review/main/components/tabs/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration take a look at the v-components package.

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -18,4 +18,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/tabs/docs/Vue","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/tabs/how-to-use.html b/review/main/components/tabs/how-to-use.html index 76d990a65b6..309450d63fe 100644 --- a/review/main/components/tabs/how-to-use.html +++ b/review/main/components/tabs/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/tabs/migration.html b/review/main/components/tabs/migration.html index 6161aeb5262..c2518be1180 100644 --- a/review/main/components/tabs/migration.html +++ b/review/main/components/tabs/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/tabs/overview.html b/review/main/components/tabs/overview.html index abce80dbc98..2fcafcd6f2c 100644 --- a/review/main/components/tabs/overview.html +++ b/review/main/components/tabs/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/tabs/properties.html b/review/main/components/tabs/properties.html index e7253e947c1..8184e5e915b 100644 --- a/review/main/components/tabs/properties.html +++ b/review/main/components/tabs/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/tag.html b/review/main/components/tag.html index 0d0d57352a4..5305ce9142d 100644 --- a/review/main/components/tag.html +++ b/review/main/components/tag.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/tag/code/Behaviour.html b/review/main/components/tag/code/Behaviour.html index 20361d1f4a6..b2a1afdb4e3 100644 --- a/review/main/components/tag/code/Behaviour.html +++ b/review/main/components/tag/code/Behaviour.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-tag>(Default) Static</db-tag>
    <div class="db-tag">(Default) Static</div>
    <DBTag>(Default) Static</DBTag>
    <DBTag>(Default) Static</DBTag>
    <db-tag>
+DB UI Mono
    <db-tag>(Default) Static</db-tag>
    <div class="db-tag">(Default) Static</div>
    <DBTag>(Default) Static</DBTag>
    <DBTag>(Default) Static</DBTag>
    <db-tag>
   <db-button>Interactive Button</db-button>
 </db-tag>
    <div class="db-tag">
   <button class="db-button">Interactive Button</button>
@@ -61,4 +61,4 @@
   >
     Remove tag
   </button>
-</div>
    <DBTag behaviour="removable">Removeable</DBTag>
    <DBTag behaviour="removable">Removeable</DBTag>
    
\ No newline at end of file
+</div>
    <DBTag behaviour="removable">Removeable</DBTag>
    <DBTag behaviour="removable">Removeable</DBTag>
    \ No newline at end of file diff --git a/review/main/components/tag/code/Content.html b/review/main/components/tag/code/Content.html index bb4c36bc2ee..e2b2aa3a15e 100644 --- a/review/main/components/tag/code/Content.html +++ b/review/main/components/tag/code/Content.html @@ -1,7 +1,7 @@ -DB UI Mono
    <db-tag>(Default) Text</db-tag>
    <div class="db-tag">(Default) Text</div>
    <DBTag>(Default) Text</DBTag>
    <DBTag>(Default) Text</DBTag>
    <db-tag icon="account" [noText]="true">Icon</db-tag>
    <div class="db-tag" data-icon="account" data-no-text="true">
+DB UI Mono
    <db-tag>(Default) Text</db-tag>
    <div class="db-tag">(Default) Text</div>
    <DBTag>(Default) Text</DBTag>
    <DBTag>(Default) Text</DBTag>
    <db-tag icon="account" [noText]="true">Icon</db-tag>
    <div class="db-tag" data-icon="account" data-no-text="true">
   Icon
 </div>
    <DBTag icon="account" noText>
   Icon
 </DBTag>
    <DBTag icon="account" :noText="true">Icon</DBTag>
    <db-tag icon="account">Icon & Text</db-tag>
    <div class="db-tag" data-icon="account">
   Icon &amp Text
-</div>
    <DBTag icon="account">Icon & Text</DBTag>
    <DBTag icon="account">Icon & Text</DBTag>
    
\ No newline at end of file
+</div>
    <DBTag icon="account">Icon & Text</DBTag>
    <DBTag icon="account">Icon & Text</DBTag>
    \ No newline at end of file diff --git a/review/main/components/tag/code/Emphasis.html b/review/main/components/tag/code/Emphasis.html index 720b8a23550..f2418f1d651 100644 --- a/review/main/components/tag/code/Emphasis.html +++ b/review/main/components/tag/code/Emphasis.html @@ -1,3 +1,3 @@ -DB UI Mono
    <db-tag>(Default) Weak</db-tag>
    <div class="db-tag">(Default) Weak</div>
    <DBTag>(Default) Weak</DBTag>
    <DBTag>(Default) Weak</DBTag>
    <db-tag emphasis="strong">Strong</db-tag>
    <div class="db-tag" data-emphasis="strong">
+DB UI Mono
    <db-tag>(Default) Weak</db-tag>
    <div class="db-tag">(Default) Weak</div>
    <DBTag>(Default) Weak</DBTag>
    <DBTag>(Default) Weak</DBTag>
    <db-tag emphasis="strong">Strong</db-tag>
    <div class="db-tag" data-emphasis="strong">
   Strong
-</div>
    <DBTag emphasis="strong">Strong</DBTag>
    <DBTag emphasis="strong">Strong</DBTag>
    
\ No newline at end of file
+</div>
    <DBTag emphasis="strong">Strong</DBTag>
    <DBTag emphasis="strong">Strong</DBTag>
    \ No newline at end of file diff --git a/review/main/components/tag/code/Example.html b/review/main/components/tag/code/Example.html index 750586a40e2..79c85d222f2 100644 --- a/review/main/components/tag/code/Example.html +++ b/review/main/components/tag/code/Example.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-tag>
+DB UI Mono
    <db-tag>
   <db-button>Interactive Button</db-button>
 </db-tag>
    <div class="db-tag">
   <button class="db-button">Interactive Button</button>
@@ -54,4 +54,4 @@
   }}
 >
   Interactive Strong Radio 2 with Icon
-</DBTag>
    <DBTag component="radio" emphasis="strong" icon="account" identifier="radio02" :code="{'angular':'<db-tag><db-radio name='radio02'>Interactive Radio 2</db-radio></db-tag>','html':'<div class='db-tag'><input type='radio' class='db-checkbox' id='checkbox-element' name='radio02' /><label for='checkbox-element'>Interactive Radio 2</label></div>','react':'<DBTag><DBRadio name='radio02'>Interactive Radio 2</DBRadio></DBTag>','vue':'<DBTag><DBRadio name='radio02'>Interactive Radio 2</DBRadio></DBTag>'}">Interactive Strong Radio 2 with Icon</DBTag>
    
\ No newline at end of file
+</DBTag>
    <DBTag component="radio" emphasis="strong" icon="account" identifier="radio02" :code="{'angular':'<db-tag><db-radio name='radio02'>Interactive Radio 2</db-radio></db-tag>','html':'<div class='db-tag'><input type='radio' class='db-checkbox' id='checkbox-element' name='radio02' /><label for='checkbox-element'>Interactive Radio 2</label></div>','react':'<DBTag><DBRadio name='radio02'>Interactive Radio 2</DBRadio></DBTag>','vue':'<DBTag><DBRadio name='radio02'>Interactive Radio 2</DBRadio></DBTag>'}">Interactive Strong Radio 2 with Icon</DBTag>
    \ No newline at end of file diff --git a/review/main/components/tag/code/Overflow.html b/review/main/components/tag/code/Overflow.html index 14d215856da..8886497b85d 100644 --- a/review/main/components/tag/code/Overflow.html +++ b/review/main/components/tag/code/Overflow.html @@ -1,3 +1,3 @@ -DB UI Mono
    <db-tag>(Default) No Overflow</db-tag>
    <div class="db-tag">(Default) No Overflow</div>
    <DBTag>(Default) No Overflow</DBTag>
    <DBTag>(Default) No Overflow</DBTag>
    <db-tag [overflow]="true">With Overflow (max-width)</db-tag>
    <div class="db-tag" data-overflow="true">
+DB UI Mono
    <db-tag>(Default) No Overflow</db-tag>
    <div class="db-tag">(Default) No Overflow</div>
    <DBTag>(Default) No Overflow</DBTag>
    <DBTag>(Default) No Overflow</DBTag>
    <db-tag [overflow]="true">With Overflow (max-width)</db-tag>
    <div class="db-tag" data-overflow="true">
   With Overflow (max-width)
-</div>
    <DBTag overflow>With Overflow (max-width)</DBTag>
    <DBTag :overflow="true">With Overflow (max-width)</DBTag>
    
\ No newline at end of file
+</div>
    <DBTag overflow>With Overflow (max-width)</DBTag>
    <DBTag :overflow="true">With Overflow (max-width)</DBTag>
    \ No newline at end of file diff --git a/review/main/components/tag/code/State.html b/review/main/components/tag/code/State.html index f37c75a92ae..d88ac465188 100644 --- a/review/main/components/tag/code/State.html +++ b/review/main/components/tag/code/State.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-tag>
+DB UI Mono
    <db-tag>
   <db-checkbox>Interactive Checkbox</db-checkbox>
 </db-tag>
    <div class="db-tag">
   <input type="checkbox" class="db-checkbox" id="checkbox-element" />
@@ -30,4 +30,4 @@
   <DBCheckbox checked disabled>
     Interactive Checkbox
   </DBCheckbox>
-</DBTag>
    <DBTag><DBCheckbox :checked="true" :disabled="true">Interactive Checkbox</DBCheckbox></DBTag>
    
\ No newline at end of file
+</DBTag>
    <DBTag><DBCheckbox :checked="true" :disabled="true">Interactive Checkbox</DBCheckbox></DBTag>
    \ No newline at end of file diff --git a/review/main/components/tag/code/Tonality.html b/review/main/components/tag/code/Tonality.html index 51cddcad9df..b9fd944a157 100644 --- a/review/main/components/tag/code/Tonality.html +++ b/review/main/components/tag/code/Tonality.html @@ -1 +1 @@ -DB UI Mono
    <db-tag>Functional</db-tag>
    <div class="db-tag">Functional</div>
    <DBTag>Functional</DBTag>
    <DBTag>Functional</DBTag>
    <db-tag>(Default) Regular</db-tag>
    <div class="db-tag">(Default) Regular</div>
    <DBTag>(Default) Regular</DBTag>
    <DBTag>(Default) Regular</DBTag>
    <db-tag>Expressive</db-tag>
    <div class="db-tag">Expressive</div>
    <DBTag>Expressive</DBTag>
    <DBTag>Expressive</DBTag>
    \ No newline at end of file +DB UI Mono
    <db-tag>Functional</db-tag>
    <div class="db-tag">Functional</div>
    <DBTag>Functional</DBTag>
    <DBTag>Functional</DBTag>
    <db-tag>(Default) Regular</db-tag>
    <div class="db-tag">(Default) Regular</div>
    <DBTag>(Default) Regular</DBTag>
    <DBTag>(Default) Regular</DBTag>
    <db-tag>Expressive</db-tag>
    <div class="db-tag">Expressive</div>
    <DBTag>Expressive</DBTag>
    <DBTag>Expressive</DBTag>
    \ No newline at end of file diff --git a/review/main/components/tag/code/Variant.html b/review/main/components/tag/code/Variant.html index a6b38d08c48..b530cf0d328 100644 --- a/review/main/components/tag/code/Variant.html +++ b/review/main/components/tag/code/Variant.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-tag>(Default) Adaptive</db-tag>
    <div class="db-tag">(Default) Adaptive</div>
    <DBTag>(Default) Adaptive</DBTag>
    <DBTag>(Default) Adaptive</DBTag>
    <db-tag variant="neutral">Neutral</db-tag>
    <div class="db-tag" data-variant="neutral">
+DB UI Mono
    <db-tag>(Default) Adaptive</db-tag>
    <div class="db-tag">(Default) Adaptive</div>
    <DBTag>(Default) Adaptive</DBTag>
    <DBTag>(Default) Adaptive</DBTag>
    <db-tag variant="neutral">Neutral</db-tag>
    <div class="db-tag" data-variant="neutral">
   Neutral
 </div>
    <DBTag variant="neutral">Neutral</DBTag>
    <DBTag variant="neutral">Neutral</DBTag>
    <db-tag variant="critical">Critical</db-tag>
    <div class="db-tag" data-variant="critical">
   Critical
@@ -50,4 +50,4 @@
   Warning Strong
 </DBTag>
    <DBTag variant="warning" emphasis="strong">
   Warning Strong
-</DBTag>
    
\ No newline at end of file
+</DBTag>
    \ No newline at end of file diff --git a/review/main/components/tag/docs/Angular.html b/review/main/components/tag/docs/Angular.html index 08b92a3fcbc..c5cac411763 100644 --- a/review/main/components/tag/docs/Angular.html +++ b/review/main/components/tag/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration take a look at the ngx-components package.

    Load componentload-component anchor link

    // app.component.ts
@@ -21,4 +21,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/tag/docs/Angular","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/tag/docs/HTML.html b/review/main/components/tag/docs/HTML.html index 0ae0db2f0ff..da54805d262 100644 --- a/review/main/components/tag/docs/HTML.html +++ b/review/main/components/tag/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration take a look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -8,4 +8,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/tag/docs/HTML","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/tag/docs/Migration.html b/review/main/components/tag/docs/Migration.html index c97c0d0e5de..b46174154f2 100644 --- a/review/main/components/tag/docs/Migration.html +++ b/review/main/components/tag/docs/Migration.html @@ -1,4 +1,4 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    @@ -20,4 +20,4 @@

    sizesvariantsvariants anchor link

    BeforeStatusAfterDescription
    poi-*❌❌We removed all point of interest colors for now.
    track❌❌We removed track for now.
    error🔁critical
    informative🔁informational
    success🔁successful

    iconsicons anchor link

    -
    BeforeStatusAfterDescription
    iconAfter❌❌not valid anymore, for tags only icons before text are allowed
    \ No newline at end of file +
    BeforeStatusAfterDescription
    iconAfter❌❌not valid anymore, for tags only icons before text are allowed
    \ No newline at end of file diff --git a/review/main/components/tag/docs/React.html b/review/main/components/tag/docs/React.html index fe8d3da2ff6..70a593f055e 100644 --- a/review/main/components/tag/docs/React.html +++ b/review/main/components/tag/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration take a look at the react-components package.

    Use componentuse-component anchor link

    // App.tsx
@@ -26,4 +26,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/tag/docs/React","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/tag/docs/Vue.html b/review/main/components/tag/docs/Vue.html index f1dbbca2517..6469d96b2cf 100644 --- a/review/main/components/tag/docs/Vue.html +++ b/review/main/components/tag/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration take a look at the v-components package.

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -18,4 +18,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/tag/docs/Vue","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/tag/how-to-use.html b/review/main/components/tag/how-to-use.html index c793dfcff0b..e0468cf717c 100644 --- a/review/main/components/tag/how-to-use.html +++ b/review/main/components/tag/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/tag/migration.html b/review/main/components/tag/migration.html index 8ea41080217..50f8c30346f 100644 --- a/review/main/components/tag/migration.html +++ b/review/main/components/tag/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/tag/overview.html b/review/main/components/tag/overview.html index cd788695277..bc4f8b4d251 100644 --- a/review/main/components/tag/overview.html +++ b/review/main/components/tag/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/tag/properties.html b/review/main/components/tag/properties.html index d7b8e24e7dc..d34a7322b5d 100644 --- a/review/main/components/tag/properties.html +++ b/review/main/components/tag/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/textarea.html b/review/main/components/textarea.html index dbdc3ecbb3c..8f0e0c64741 100644 --- a/review/main/components/textarea.html +++ b/review/main/components/textarea.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/textarea/code/Requirement.html b/review/main/components/textarea/code/Requirement.html index d0a6fe872a0..e3972220904 100644 --- a/review/main/components/textarea/code/Requirement.html +++ b/review/main/components/textarea/code/Requirement.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-textarea label="Label">(Default) Optional</db-textarea>
    <div class="db-textarea">
+DB UI Mono
    <db-textarea label="Label">(Default) Optional</db-textarea>
    <div class="db-textarea">
   <label for="OVERWRITE_DEFAULT_ID">Label</label>
   <textarea id="OVERWRITE_DEFAULT_ID" placeholder=" " rows="4"></textarea>
 </div>
    <DBTextarea label="Label">(Default) Optional</DBTextarea>
    <DBTextarea label="Label">(Default) Optional</DBTextarea>
    <db-textarea label="Label" [required]="true">Required</db-textarea>
    <div class="db-textarea">
@@ -18,4 +18,4 @@
   </textarea>
 </div>
    <DBTextarea label="Label" value="Required - Filled" required>
   Required - Filled
-</DBTextarea>
    <DBTextarea label="Label" value="Required - Filled" :required="true">Required - Filled</DBTextarea>
    
\ No newline at end of file
+</DBTextarea>
    <DBTextarea label="Label" value="Required - Filled" :required="true">Required - Filled</DBTextarea>
    \ No newline at end of file diff --git a/review/main/components/textarea/code/Rows.html b/review/main/components/textarea/code/Rows.html index 8348eae7c1d..4acee7b9ea3 100644 --- a/review/main/components/textarea/code/Rows.html +++ b/review/main/components/textarea/code/Rows.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-textarea
+DB UI Mono
    <db-textarea
   label="(Default) 4 Rows"
   value="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua."
 >
@@ -33,4 +33,4 @@
   value="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua."
 >
   Custom
-</DBTextarea>
    <DBTextarea label="Custom Example 8 Rows" :rows="8" value="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.">Custom</DBTextarea>
    
\ No newline at end of file
+</DBTextarea>
    <DBTextarea label="Custom Example 8 Rows" :rows="8" value="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.">Custom</DBTextarea>
    \ No newline at end of file diff --git a/review/main/components/textarea/code/Semantic.html b/review/main/components/textarea/code/Semantic.html index 87814f183ae..4bb7100e807 100644 --- a/review/main/components/textarea/code/Semantic.html +++ b/review/main/components/textarea/code/Semantic.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-textarea label="Label" message="Helper Message">
+DB UI Mono
    <db-textarea label="Label" message="Helper Message">
   (Default) Adaptive
 </db-textarea>
    <div class="db-textarea">
   <label for="OVERWRITE_DEFAULT_ID">Label</label>
@@ -120,4 +120,4 @@
   Warning
 </DBTextarea>
    <DBTextarea label="Label" variant="warning" message="Warning Message">
   Warning
-</DBTextarea>
    
\ No newline at end of file
+</DBTextarea>
    \ No newline at end of file diff --git a/review/main/components/textarea/code/StatesFloatingLabel.html b/review/main/components/textarea/code/StatesFloatingLabel.html index 4d8aa4bb0fd..5221f825942 100644 --- a/review/main/components/textarea/code/StatesFloatingLabel.html +++ b/review/main/components/textarea/code/StatesFloatingLabel.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-textarea label="Label" labelVariant="floating">
+DB UI Mono
    <db-textarea label="Label" labelVariant="floating">
   (Default) Empty
 </db-textarea>
    undefined
    <DBTextarea label="Label" labelVariant="floating">
   (Default) Empty
@@ -33,4 +33,4 @@
   labelVariant="floating"
 >
   Readonly - Filled
-</DBTextarea>
    <DBTextarea label="Label" value="Readonly - Filled" :readOnly="true" labelVariant="floating">Readonly - Filled</DBTextarea>
    
\ No newline at end of file
+</DBTextarea>
    <DBTextarea label="Label" value="Readonly - Filled" :readOnly="true" labelVariant="floating">Readonly - Filled</DBTextarea>
    \ No newline at end of file diff --git a/review/main/components/textarea/code/StatesLabelAbove.html b/review/main/components/textarea/code/StatesLabelAbove.html index d6e70d552e5..de87df9ae0c 100644 --- a/review/main/components/textarea/code/StatesLabelAbove.html +++ b/review/main/components/textarea/code/StatesLabelAbove.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-textarea label="Label">(Default) Empty</db-textarea>
    undefined
    <DBTextarea label="Label">(Default) Empty</DBTextarea>
    <DBTextarea label="Label">(Default) Empty</DBTextarea>
    <db-textarea label="Label" value="Filled">
+DB UI Mono
    <db-textarea label="Label">(Default) Empty</db-textarea>
    undefined
    <DBTextarea label="Label">(Default) Empty</DBTextarea>
    <DBTextarea label="Label">(Default) Empty</DBTextarea>
    <db-textarea label="Label" value="Filled">
   Filled
 </db-textarea>
    undefined
    <DBTextarea label="Label" value="Filled">
   Filled
@@ -12,4 +12,4 @@
   Disabled
 </DBTextarea>
    <DBTextarea label="Label" :disabled="true">Disabled</DBTextarea>
    <db-textarea label="Label" value="Readonly - Filled" [readOnly]="true">Readonly - Filled</db-textarea>
    undefined
    <DBTextarea label="Label" value="Readonly - Filled" readOnly>
   Readonly - Filled
-</DBTextarea>
    <DBTextarea label="Label" value="Readonly - Filled" :readOnly="true">Readonly - Filled</DBTextarea>
    
\ No newline at end of file
+</DBTextarea>
    <DBTextarea label="Label" value="Readonly - Filled" :readOnly="true">Readonly - Filled</DBTextarea>
    \ No newline at end of file diff --git a/review/main/components/textarea/code/Tonality.html b/review/main/components/textarea/code/Tonality.html index 7c03c9f66eb..2c775ddb637 100644 --- a/review/main/components/textarea/code/Tonality.html +++ b/review/main/components/textarea/code/Tonality.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-textarea label="Label">Functional</db-textarea>
    <div class="db-textarea">
+DB UI Mono
    <db-textarea label="Label">Functional</db-textarea>
    <div class="db-textarea">
   <label for="OVERWRITE_DEFAULT_ID">Label</label>
   <textarea id="OVERWRITE_DEFAULT_ID" placeholder=" " rows="4"></textarea>
 </div>
    <DBTextarea label="Label">Functional</DBTextarea>
    <DBTextarea label="Label">Functional</DBTextarea>
    <db-textarea label="Label">(Default) Regular</db-textarea>
    <div class="db-textarea">
@@ -7,4 +7,4 @@
 </div>
    <DBTextarea label="Label">(Default) Regular</DBTextarea>
    <DBTextarea label="Label">(Default) Regular</DBTextarea>
    <db-textarea label="Label">Expressive</db-textarea>
    <div class="db-textarea">
   <label for="OVERWRITE_DEFAULT_ID">Label</label>
   <textarea id="OVERWRITE_DEFAULT_ID" placeholder=" " rows="4"></textarea>
-</div>
    <DBTextarea label="Label">Expressive</DBTextarea>
    <DBTextarea label="Label">Expressive</DBTextarea>
    
\ No newline at end of file
+</div>
    <DBTextarea label="Label">Expressive</DBTextarea>
    <DBTextarea label="Label">Expressive</DBTextarea>
    \ No newline at end of file diff --git a/review/main/components/textarea/code/VariantHelperMessage.html b/review/main/components/textarea/code/VariantHelperMessage.html index 80ac6c49215..e696d1b873e 100644 --- a/review/main/components/textarea/code/VariantHelperMessage.html +++ b/review/main/components/textarea/code/VariantHelperMessage.html @@ -1,7 +1,7 @@ -DB UI Mono
    <db-textarea label="Label">(Default) Basic</db-textarea>
    undefined
    <DBTextarea label="Label">(Default) Basic</DBTextarea>
    <DBTextarea label="Label">(Default) Basic</DBTextarea>
    <db-textarea label="Label" message="Helper Message">
+DB UI Mono
    <db-textarea label="Label">(Default) Basic</db-textarea>
    undefined
    <DBTextarea label="Label">(Default) Basic</DBTextarea>
    <DBTextarea label="Label">(Default) Basic</DBTextarea>
    <db-textarea label="Label" message="Helper Message">
   Helper Message
 </db-textarea>
    undefined
    <DBTextarea label="Label" message="Helper Message">
   Helper Message
 </DBTextarea>
    <DBTextarea label="Label" message="Helper Message">
   Helper Message
-</DBTextarea>
    
\ No newline at end of file
+</DBTextarea>
    \ No newline at end of file diff --git a/review/main/components/textarea/code/VariantLabel.html b/review/main/components/textarea/code/VariantLabel.html index 721ce9a41e0..35c6e886f7e 100644 --- a/review/main/components/textarea/code/VariantLabel.html +++ b/review/main/components/textarea/code/VariantLabel.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-textarea label="Label">(Default) Label Above</db-textarea>
    undefined
    <DBTextarea label="Label">(Default) Label Above</DBTextarea>
    <DBTextarea label="Label">(Default) Label Above</DBTextarea>
    <db-textarea label="Label" labelVariant="floating" value="Floating Label">
+DB UI Mono
    <db-textarea label="Label">(Default) Label Above</db-textarea>
    undefined
    <DBTextarea label="Label">(Default) Label Above</DBTextarea>
    <DBTextarea label="Label">(Default) Label Above</DBTextarea>
    <db-textarea label="Label" labelVariant="floating" value="Floating Label">
   Floating Label
 </db-textarea>
    undefined
    <DBTextarea label="Label" labelVariant="floating" value="Floating Label">
   Floating Label
@@ -10,4 +10,4 @@
   Hidden Label
 </DBTextarea>
    <DBTextarea label="Label" labelVariant="hidden">
   Hidden Label
-</DBTextarea>
    
\ No newline at end of file
+</DBTextarea>
    \ No newline at end of file diff --git a/review/main/components/textarea/docs/Angular.html b/review/main/components/textarea/docs/Angular.html index 2ba3f3f74de..dccc0395edf 100644 --- a/review/main/components/textarea/docs/Angular.html +++ b/review/main/components/textarea/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration look at the ngx-components package.

    Load componentload-component anchor link

    // app.component.ts
@@ -33,4 +33,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/textarea/docs/Angular","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/textarea/docs/HTML.html b/review/main/components/textarea/docs/HTML.html index 95c9dd1fe36..b203b0d42cd 100644 --- a/review/main/components/textarea/docs/HTML.html +++ b/review/main/components/textarea/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -9,4 +9,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/textarea/docs/HTML","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/textarea/docs/Migration.html b/review/main/components/textarea/docs/Migration.html index 9c4ec2d1f04..59df4980ec7 100644 --- a/review/main/components/textarea/docs/Migration.html +++ b/review/main/components/textarea/docs/Migration.html @@ -1,4 +1,4 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    @@ -9,4 +9,4 @@

    classvariantsvariants anchor link

    BeforeStatusAfterDescription
    semitransparent❌
    white❌
    solid❌
    outline❌
    🆕adaptive
    🆕critical
    🆕informational
    🆕warning
    🆕successful

    otherother anchor link

    -
    BeforeStatusAfterDescription
    description🔁message
    \ No newline at end of file +
    BeforeStatusAfterDescription
    description🔁message
    \ No newline at end of file diff --git a/review/main/components/textarea/docs/React.html b/review/main/components/textarea/docs/React.html index 9aa16ed5c3d..33821b9e3e2 100644 --- a/review/main/components/textarea/docs/React.html +++ b/review/main/components/textarea/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration look at the react-components package.

    Use componentuse-component anchor link

    // App.tsx
@@ -19,4 +19,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/textarea/docs/React","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/textarea/docs/Vue.html b/review/main/components/textarea/docs/Vue.html index ab41a642f21..637753a510d 100644 --- a/review/main/components/textarea/docs/Vue.html +++ b/review/main/components/textarea/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration look at the v-components package.

    Generalgeneral anchor link

    You cannot use a default value for textarea in vue. @@ -22,4 +22,4 @@

    Use component{"props":{"pageProps":{}},"page":"/components/textarea/docs/Vue","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]} \ No newline at end of file +

    \ No newline at end of file diff --git a/review/main/components/textarea/how-to-use.html b/review/main/components/textarea/how-to-use.html index ab271659b25..fd030397bf4 100644 --- a/review/main/components/textarea/how-to-use.html +++ b/review/main/components/textarea/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/textarea/migration.html b/review/main/components/textarea/migration.html index 5d29fc256e4..701d31e405f 100644 --- a/review/main/components/textarea/migration.html +++ b/review/main/components/textarea/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/textarea/overview.html b/review/main/components/textarea/overview.html index d290c75e290..839af708f5a 100644 --- a/review/main/components/textarea/overview.html +++ b/review/main/components/textarea/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/textarea/properties.html b/review/main/components/textarea/properties.html index b523e7ae3b1..9a038b8dfa7 100644 --- a/review/main/components/textarea/properties.html +++ b/review/main/components/textarea/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/tooltip.html b/review/main/components/tooltip.html index df5890336ec..401a944d484 100644 --- a/review/main/components/tooltip.html +++ b/review/main/components/tooltip.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/tooltip/code/Animations.html b/review/main/components/tooltip/code/Animations.html index 083725a5fb4..7969d7eae56 100644 --- a/review/main/components/tooltip/code/Animations.html +++ b/review/main/components/tooltip/code/Animations.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-tooltip content="Tooltip" id="tooltip-14">
+DB UI Mono
    <db-tooltip content="Tooltip" id="tooltip-14">
   (Default) Animation no delay
 </db-tooltip>
    <i
   role="tooltip"
@@ -57,4 +57,4 @@
   No animation
 </DBTooltip>
    <DBTooltip content="Tooltip" animation="disabled" id="tooltip-17">
   No animation
-</DBTooltip>
    
\ No newline at end of file
+</DBTooltip>
    \ No newline at end of file diff --git a/review/main/components/tooltip/code/Emphasis.html b/review/main/components/tooltip/code/Emphasis.html index b706e387dbe..540f65c0669 100644 --- a/review/main/components/tooltip/code/Emphasis.html +++ b/review/main/components/tooltip/code/Emphasis.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-tooltip content="Tooltip" id="tooltip-06">
+DB UI Mono
    <db-tooltip content="Tooltip" id="tooltip-06">
   (Default) Weak
 </db-tooltip>
    <i
   role="tooltip"
@@ -27,4 +27,4 @@
   Strong
 </DBTooltip>
    <DBTooltip content="Tooltip" emphasis="strong" id="tooltip-07">
   Strong
-</DBTooltip>
    
\ No newline at end of file
+</DBTooltip>
    \ No newline at end of file diff --git a/review/main/components/tooltip/code/Placement.html b/review/main/components/tooltip/code/Placement.html index 2769c05750c..9f7fc6edd79 100644 --- a/review/main/components/tooltip/code/Placement.html +++ b/review/main/components/tooltip/code/Placement.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-tooltip content="Tooltip" placement="bottom-start" id="tooltip-08-start">
+DB UI Mono
    <db-tooltip content="Tooltip" placement="bottom-start" id="tooltip-08-start">
   bottom-start
 </db-tooltip>
    <i
   role="tooltip"
@@ -178,4 +178,4 @@
   top-end
 </DBTooltip>
    <DBTooltip content="Tooltip" placement="top-end" id="tooltip-09-end">
   top-end
-</DBTooltip>
    
\ No newline at end of file
+</DBTooltip>
    \ No newline at end of file diff --git a/review/main/components/tooltip/code/Tonality.html b/review/main/components/tooltip/code/Tonality.html index e343d6dc528..8626903e819 100644 --- a/review/main/components/tooltip/code/Tonality.html +++ b/review/main/components/tooltip/code/Tonality.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-tooltip content="Tooltip" id="tooltip-01">
+DB UI Mono
    <db-tooltip content="Tooltip" id="tooltip-01">
   Functional
 </db-tooltip>
    <i
   role="tooltip"
@@ -40,4 +40,4 @@
   Expressive
 </DBTooltip>
    <DBTooltip content="Tooltip" id="tooltip-03">
   Expressive
-</DBTooltip>
    
\ No newline at end of file
+</DBTooltip>
    \ No newline at end of file diff --git a/review/main/components/tooltip/code/Variant.html b/review/main/components/tooltip/code/Variant.html index 09a03988e15..08d3882b090 100644 --- a/review/main/components/tooltip/code/Variant.html +++ b/review/main/components/tooltip/code/Variant.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-tooltip content="Tooltip" id="tooltip-04">
+DB UI Mono
    <db-tooltip content="Tooltip" id="tooltip-04">
   (Default) With arrow
 </db-tooltip>
    <i
   role="tooltip"
@@ -27,4 +27,4 @@
   Basic
 </DBTooltip>
    <DBTooltip content="Tooltip" variant="basic" id="tooltip-05">
   Basic
-</DBTooltip>
    
\ No newline at end of file
+</DBTooltip>
    \ No newline at end of file diff --git a/review/main/components/tooltip/code/Width.html b/review/main/components/tooltip/code/Width.html index a25c4dce194..ac3bb4adef7 100644 --- a/review/main/components/tooltip/code/Width.html +++ b/review/main/components/tooltip/code/Width.html @@ -1,4 +1,4 @@ -DB UI Mono
    <db-tooltip
+DB UI Mono
    <db-tooltip
   content="Max width, lorem ipsum dolor sit amet, consetetur sadipscing"
   id="tooltip-12"
 >
@@ -48,4 +48,4 @@
   id="tooltip-13"
 >
   Fixed
-</DBTooltip>
    
\ No newline at end of file
+</DBTooltip>
    \ No newline at end of file diff --git a/review/main/components/tooltip/docs/Angular.html b/review/main/components/tooltip/docs/Angular.html index 5655bfde203..440cb243c27 100644 --- a/review/main/components/tooltip/docs/Angular.html +++ b/review/main/components/tooltip/docs/Angular.html @@ -1,4 +1,4 @@ -DB UI Mono

    Angularangular anchor link

    +DB UI Mono

    Angularangular anchor link

    For general installation and configuration take a look at the ngx-components package.

    Load componentload-component anchor link

    // app.component.ts
@@ -17,4 +17,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/tooltip/docs/Angular","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/tooltip/docs/HTML.html b/review/main/components/tooltip/docs/HTML.html index 5ba06b91e3b..3a7ed9323a7 100644 --- a/review/main/components/tooltip/docs/HTML.html +++ b/review/main/components/tooltip/docs/HTML.html @@ -1,4 +1,4 @@ -DB UI Mono

    HTMLhtml anchor link

    +DB UI Mono

    HTMLhtml anchor link

    For general installation and configuration take a look at the components package.

    Use componentuse-component anchor link

    <!-- index.html -->
@@ -9,4 +9,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/tooltip/docs/HTML","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/tooltip/docs/Migration.html b/review/main/components/tooltip/docs/Migration.html index fad3d2ddb3c..5398589b708 100644 --- a/review/main/components/tooltip/docs/Migration.html +++ b/review/main/components/tooltip/docs/Migration.html @@ -1,7 +1,7 @@ -DB UI Mono

    Generalgeneral anchor link

    +DB UI Mono

    Generalgeneral anchor link

    Note For a general installation or migration process check out this documentation.

    DB UI Core ➡ DB UI Componentsdb-ui-core--db-ui-components anchor link

    -

    New Component 🥳

    \ No newline at end of file +

    New Component 🥳

    \ No newline at end of file diff --git a/review/main/components/tooltip/docs/React.html b/review/main/components/tooltip/docs/React.html index cfa79a37afa..17b026b91f8 100644 --- a/review/main/components/tooltip/docs/React.html +++ b/review/main/components/tooltip/docs/React.html @@ -1,4 +1,4 @@ -DB UI Mono

    Reactreact anchor link

    +DB UI Mono

    Reactreact anchor link

    For general installation and configuration take a look at the react-components package.

    Use componentuse-component anchor link

    // App.tsx
@@ -12,4 +12,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/tooltip/docs/React","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/tooltip/docs/Vue.html b/review/main/components/tooltip/docs/Vue.html index 584dab2180c..4869396f3db 100644 --- a/review/main/components/tooltip/docs/Vue.html +++ b/review/main/components/tooltip/docs/Vue.html @@ -1,4 +1,4 @@ -DB UI Mono

    Vuevue anchor link

    +DB UI Mono

    Vuevue anchor link

    For general installation and configuration take a look at the v-components package.

    Use componentuse-component anchor link

    <!-- App.vue -->
@@ -12,4 +12,4 @@ 
    Use component{"props":{"pageProps":{}},"page":"/components/tooltip/docs/Vue","query":{},"buildId":"OyMoxZ3Rdpu39t2-vebxV","assetPrefix":"/mono/review/main","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}
\ No newline at end of file
+
    \ No newline at end of file diff --git a/review/main/components/tooltip/how-to-use.html b/review/main/components/tooltip/how-to-use.html index 14f8ecf1823..51a4e64cdbf 100644 --- a/review/main/components/tooltip/how-to-use.html +++ b/review/main/components/tooltip/how-to-use.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/tooltip/migration.html b/review/main/components/tooltip/migration.html index 32dc949851b..e94978dc698 100644 --- a/review/main/components/tooltip/migration.html +++ b/review/main/components/tooltip/migration.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/tooltip/overview.html b/review/main/components/tooltip/overview.html index a2bb2bed62a..d77c12d2f19 100644 --- a/review/main/components/tooltip/overview.html +++ b/review/main/components/tooltip/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/components/tooltip/properties.html b/review/main/components/tooltip/properties.html index 602e8da5418..aaa0dc48e12 100644 --- a/review/main/components/tooltip/properties.html +++ b/review/main/components/tooltip/properties.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/foundations/colors/color-schemes.html b/review/main/foundations/colors/color-schemes.html index f912296fefa..fe21ef19437 100644 --- a/review/main/foundations/colors/color-schemes.html +++ b/review/main/foundations/colors/color-schemes.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/foundations/colors/overview.html b/review/main/foundations/colors/overview.html index 0cf49d0d6b0..2fe82743293 100644 --- a/review/main/foundations/colors/overview.html +++ b/review/main/foundations/colors/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/foundations/colors/readme.html b/review/main/foundations/colors/readme.html index e00faa5c604..feb4208e4de 100644 --- a/review/main/foundations/colors/readme.html +++ b/review/main/foundations/colors/readme.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/foundations/font-sizes/overview.html b/review/main/foundations/font-sizes/overview.html index 342b6265396..c0be86f7cba 100644 --- a/review/main/foundations/font-sizes/overview.html +++ b/review/main/foundations/font-sizes/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/foundations/font-sizes/readme.html b/review/main/foundations/font-sizes/readme.html index 5ae64d5613c..e085cf435a1 100644 --- a/review/main/foundations/font-sizes/readme.html +++ b/review/main/foundations/font-sizes/readme.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/foundations/icons/custom-icons.html b/review/main/foundations/icons/custom-icons.html index f293887163b..7b79499e451 100644 --- a/review/main/foundations/icons/custom-icons.html +++ b/review/main/foundations/icons/custom-icons.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/foundations/icons/overview.html b/review/main/foundations/icons/overview.html index 515367d06cb..ee78f96cd31 100644 --- a/review/main/foundations/icons/overview.html +++ b/review/main/foundations/icons/overview.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/foundations/icons/readme.html b/review/main/foundations/icons/readme.html index 316da34426b..2c537dfd9bf 100644 --- a/review/main/foundations/icons/readme.html +++ b/review/main/foundations/icons/readme.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/foundations/readme.html b/review/main/foundations/readme.html index 2a6d510a2c5..d3b179b34f4 100644 --- a/review/main/foundations/readme.html +++ b/review/main/foundations/readme.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/foundations/tonalities/examples.html b/review/main/foundations/tonalities/examples.html index c3aa23bc990..706ebac4f43 100644 --- a/review/main/foundations/tonalities/examples.html +++ b/review/main/foundations/tonalities/examples.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/foundations/tonalities/readme.html b/review/main/foundations/tonalities/readme.html index ebd4c5818a6..a18a1fb7f87 100644 --- a/review/main/foundations/tonalities/readme.html +++ b/review/main/foundations/tonalities/readme.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/foundations/variables/examples.html b/review/main/foundations/variables/examples.html index 370d69f211e..8d5e053da8e 100644 --- a/review/main/foundations/variables/examples.html +++ b/review/main/foundations/variables/examples.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/foundations/variables/readme.html b/review/main/foundations/variables/readme.html index 6709d2f6ef4..989c1b11668 100644 --- a/review/main/foundations/variables/readme.html +++ b/review/main/foundations/variables/readme.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file diff --git a/review/main/iframe.html b/review/main/iframe.html index 741a8800f6d..6b11a30588f 100644 --- a/review/main/iframe.html +++ b/review/main/iframe.html @@ -1 +1 @@ -DB UI Mono
    Wrong format
    \ No newline at end of file +DB UI Mono
    Wrong format
    \ No newline at end of file diff --git a/review/main/index.html b/review/main/index.html index bf356e40251..1086b17596d 100644 --- a/review/main/index.html +++ b/review/main/index.html @@ -1 +1 @@ -DB UI Mono
    \ No newline at end of file +DB UI Mono
    \ No newline at end of file